html {
overflow-x: hidden;
overflow-y: auto;
position: relative;
min-height: 100%;
}
body {
background-color: white;
color: #777777;
font-family: "Open Sans", Arial, sans-serif;
font-size: 14px;
line-height: 22px;
margin: 0;
/* Margin bottom by footer height */
margin-bottom: 60px;
}
/* Forms */
form label {
font-weight: normal;
}
textarea {
resize: vertical;
}
select {
border: 1px solid #E5E7E9;
border-radius: 6px;
outline: none;
}
.label {
font-weight: normal;
}
.form-group:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.form-control:focus {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
border-color: #CCC;
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: 60px;
}
/* Logo */
.logo {
margin: -18px 0;
margin-bottom:12px;
}
/* Navs */
ul.nav-list.primary > li {
margin: 0;
padding: 0;
}
ul.nav-list.primary > li a {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
background-image: url(../img/list-primary.png);
background-position: 9px 16px;
background-repeat: no-repeat;
border-bottom: 1px solid #EDEDDE;
padding: 8px 20px;
color: #666;
}
ul.nav-pills > li.active > a {
background-color: #CCC;
}
ul.nav-pills > li.active > a:hover, ul.nav-pills > li.active > a:focus {
background-color: #CCC;
}
/* Divider Line */
hr {
background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.2), transparent);
background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.2), transparent);
border: 0;
height: 1px;
margin: 22px 0 22px 0;
}
hr.short {
margin: 11px 0 11px 0;
}
hr.tall {
margin: 44px 0 44px 0;
}
hr.taller {
margin: 66px 0 66px 0;
}
hr.light {
background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent);
background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.2), transparent);
}
.fa-search:before {
padding: 8px !important;
}
/* Posts */
.blog-posts article {
//border-bottom: 1px solid #DDD;
margin-bottom: 50px;
padding-bottom: 10px;
}
/* Post */
article.post h3 a {
text-decoration: none;
}
article.post .post-meta {
font-size: 0.9em;
margin-bottom: 7px;
margin-top: 10px;
color: #666;
}
article.post .post-meta > span {
display: inline-block;
padding-right: 8px;
}
article.post .post-meta a {
text-decoration: none;
}
article.post .post-meta i {
margin-right: 3px;
}
article.post .post-date {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
float: left;
margin-right: 10px;
text-align: center;
}
.fa-comments span {margin-left:5px; color: #666; font: 300 12px/1.428 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;}
article.post .post-date .month {
background: #3EB088;
border-radius: 0 0 2px 2px;
box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset;
color: #FFF;
font-size: 0.9em;
padding: 0 10px 2px;
}
article.post .post-date .day {
background: #F4F4F4;
border-radius: 2px 2px 0 0;
color: #3EB088;
display: block;
font-size: 16px;
font-weight: 500;
font-weight: bold;
padding: 10px;
}
article.post .post-image .owl-carousel {
width: 100.1%;
}
article.post-large {
margin-left: 60px;
}
article.post-large h3 {
margin-bottom: 5px;
color: #3EB088;
}
article.post-large .post-image, article.post-large .post-date {
margin-left: -60px;
}
article.post-large .post-image {
margin-bottom: 15px;
}
article.post-large .post-image.single {
margin-bottom: 30px;
}
article .post-content p {
}
/* Single Post */
.single-post article {
border-bottom: 0;
margin-bottom: 0;
}
article.blog-single-post .post-meta {
margin-top: 10px;
margin-bottom: 20px;
}
/* Post Block */
.post-block {
border-top: 1px solid #DDD;
margin: 15px 0 0 0;
padding: 20px 0 15px 0;
}
.post-block h4 {
font-size: 1.8em;
font-weight: 200;
margin: 0 0 20px;
text-transform: none;
color: #3EB088;
}
.post-block h4 i {
margin-right: 7px;
}
/* Post Share */
.post-share {
margin: 55px 0 0 0;
padding-bottom: 0;
}
/* Post Comments */
.post-comments {
margin-top: 45px;
}
ul.comments {
list-style: none;
margin: 0;
padding: 0;
}
ul.comments li {
clear: both;
padding: 10px 0 0 115px;
}
ul.comments li img.avatar {
height: 80px;
width: 80px;
}
ul.comments li ul.reply {
margin: 0;
}
ul.comments li a {
text-decoration: none;
}
ul.comments li .img-thumbnail {
margin-left: -115px;
position: absolute;
}
ul.comments li .comment {
margin-bottom: 10px;
}
ul.comments .comment-arrow {
border-bottom: 15px solid transparent;
border-right: 15px solid #F4F4F4;
border-top: 15px solid transparent;
height: 0;
left: -15px;
position: absolute;
top: 28px;
width: 0;
}
ul.comments .comment-block {
background: #F4F4F4;
border-radius: 5px;
padding: 20px 20px 30px;
position: relative;
}
ul.comments .comment-block p {
font-size: 0.9em;
line-height: 21px;
margin: 0;
padding: 0;
}
ul.comments .comment-arrow-approve {
border-bottom: 15px solid transparent;
border-right: 15px solid #f2dede;
border-top: 15px solid transparent;
height: 0;
left: -15px;
position: absolute;
top: 28px;
width: 0;
}
ul.comments .comment-block-approve {
background: #f2dede;
border-radius: 5px;
padding: 20px 20px 30px;
position: relative;
color: #a94442;
}
ul.comments .comment-block-approve p {
font-size: 0.9em;
line-height: 21px;
margin: 0;
padding: 0;
color: #a94442;
}
ul.comments .comment-block .comment-by {
display: block;
font-size: 1em;
line-height: 21px;
margin: 0;
padding: 0 0 5px 0;
}
ul.comments .comment-block .date {
color: #999;
font-size: 0.9em;
}
/* Leave a Comment */
.post-leave-comment {
margin-top: 25px;
padding-top: 45px;
}
.post-leave-comment h3 {
margin: 0 0 40px;
}
#recaptcha_privacy {
display:none;
}
#recaptcha_logo {
display:none;
}
#recaptcha_response_field {
display: block;
width: 100%;
height: 30px;
padding: 0px 12px;
font-size: 14px;
line-height: 1.5;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc!important;
border-radius: 4px;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
#recaptcha_response_field:focus {
border-color: #66afe9;
outline: 0;
}
#recaptcha_response_field::-moz-placeholder {
color: #777;
opacity: 1;
}
#recaptcha_response_field:-ms-input-placeholder {
color: #777;
}
#recaptcha_response_field::-webkit-input-placeholder {
color: #777;
}
.footer-bg {
background-color: #333;
}
/* responsive */
@media (max-width: 479px) {
/* Base */
body {
font-size: 13px;
}
h2 {
line-height: 40px;
}
/* Blog */
ul.comments li {
border-left: 8px solid #DDDDDD;
clear: both;
padding: 0 0 0 10px;
}
ul.comments li .img-thumbnail {
display: none;
}
ul.comments .comment-arrow {
display: none;
}
ul.comments .comment-arrow-approve {
display: none;
}
article.post-large {
margin-left: 0;
}
article.post-large .post-image, article.post-large .post-date {
margin-left: 0;
}
}
@media (min-width: 320px) and (max-width: 480px)
{
#recaptcha_challenge_image{
margin: 0 !important;
width: 100% !important;
}
#recaptcha_response_field
{
margin: 0 !important;
width: 100% !important;
}
.recaptchatable #recaptcha_image {
margin: 0 !important;
width: 100% !important;
}
.recaptchatable .recaptcha_r1_c1,
.recaptchatable .recaptcha_r3_c1,
.recaptchatable .recaptcha_r3_c2,
.recaptchatable .recaptcha_r7_c1,
.recaptchatable .recaptcha_r8_c1,
.recaptchatable .recaptcha_r3_c3,
.recaptchatable .recaptcha_r2_c1,
.recaptchatable .recaptcha_r4_c1,
.recaptchatable .recaptcha_r4_c2,
.recaptchatable .recaptcha_r4_c4,
.recaptchatable .recaptcha_image_cell {
margin: 0 !important;
width: 100% !important;
background: none !important;
}
}
img{
max-width: 100% !important;
height: auto !important;
text-align: center;
}
.single-post p img{
border: 1px solid #3EB088 !important;
}
.post-content img{
border: 1px solid #3EB088 !important;
}
.blog-single-post img:hover{
cursor: pointer;
}
#overlay{
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background-color: #000;
opacity: 0.7;
filter: alpha(opacity = 70) !important;
display: none;
z-index: 100;
}
#overlayContent{
position: fixed;
width: 100%;
top:50%;
//top: 50px;
text-align: left;
display: none;
overflow: hidden;
z-index: 100;
cursor: pointer;
/*overflow: auto;*/
}
#contentGallery{
margin: 0px auto;
}
#imgBig, #imgSmall{
cursor: pointer;
/*max-height: 800px !important;*/
max-width: 1300px !important;
width: auto;
height: auto;
/*height: 1500px !important;*/
overflow: auto;
text-align: center;
}
#setrub:hover{
cursor: pointer;
}
#setusd:hover{
cursor: pointer;
}
#vk_like{
padding-left: 8px;
}
.p2 img {border:3px solid #3EB088;}
.p2 .btn {padding:5px 10px}
.blog-posts {padding-left:10px; padding-right:10px; background-color:#FFF;}
.mytags{
display:inline-block;
text-decoration: none;
color:#222
}
.myblocktag{
display: inline-block;
}
.mytbltags td{
padding: 5px;
padding-left: 15px;
}
.email-button {background:url(../img/email-icon.png) no-repeat; display:block; width:24px; height:24px; float:right;margin-top: 14px;/*display: none*/}
.email-button:hover {cursor:pointer;}
.subscribe-popup {position:absolute; color:#fff; width:440px; top:70px; right:219px; background:#205050; z-index:100; padding:20px; box-shadow:0 0 2px #333; display:none; font-size: 13px;}
.subscribe-popup p, .subscribe-popup ul li, .subscribe-popup h3, .subscribe-popup b {color:#fff}
.subscribe-popup h3 {font-size:18px; margin:0 0 20px 0; text-align:center;}
.subscribe-popup ul li {display: list-item !important;margin:5px 30px !important;list-style-type: disc !important;}
.subscribe-popup input {border:0; display:block; width:70%; margin:10px auto; padding:10px 10px 10px 35px; border-radius:2px; outline: none;}
.subscribe-popup input:nth-of-type(1) {background:#fff url(../img/sf-name-email.png) no-repeat; background-position:3% 50%;color:#000}
.subscribe-popup input:nth-of-type(2) {background:#fff url(../img/sf-name-icon.png) no-repeat; background-position:3% 50%;color:#000}
.subscribe-popup-arrow {width:0; height:0; border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid #205050; position:absolute; top:-20px; right:32px; z-index:101;}
.subscribe-buttons {text-align:center; margin:20px 0 10px 0;}
.subscribe-buttons div {display:inline-block; cursor:pointer;}
.subscribe-buttons div:nth-child(1) {background: #bd3e25;border-radius: 3px;color: #fff;box-shadow: 0 1px #881600;text-shadow: 0 1px rgba(0,0,0,.35);text-decoration: none;display: inline-block;border: 0;cursor: pointer;padding: 7px 10px;margin: 0;line-height: normal;font-size: 13px;min-width: 80px;text-align: center;}
.subscribe-buttons div:nth-child(1):active {box-shadow:inset 0 2px 2px #881600;}
.subscribe-buttons div:nth-child(2) {border:1px solid #eee; padding: 5px 10px; border-radius:3px; margin:0 0 0 15px;
font-size: 13px;}
.subscribe-popup-count {text-align:center;font-size:13px}
.subscribe-popup-second {display:none;}
.subscribe-popup-second p {text-align:center;}