@charset "UTF-8"; /* CSS Document */ .blog-left { float: left; width: 77.76049%; /* 1000/1286 */ } .blog-right { float: right; width: 17.1073%; /* 220/1286 */ font-size: 0.875em; /*14*/ line-height: 1.4; } /** main page **********************************************/ .article-wrap { display: flex;  flex-wrap: wrap;  align-content: flex-start; } body.home .article-wrap {justify-content: space-between; } .article-wrap:after, .blog-block:after { content: ""; display: table; clear: both; } .blog-block { position: relative; border: 1px solid #CCC; -webkit-box-shadow: 0 1px 2px 0 rgba(000, 000, 000, .2); box-shadow: 0 1px 2px 0 rgba(000, 000, 000, .2); background-color: #FFF; width: 31.25972%; /*402/1286*/  margin: 0 20px 20px 0; } .blog-left .blog-block{margin: 0 1% 20px 0; } body.home .blog-block {width: 23.79471%; /*306/1286*/  margin: 0 0 20px 0; } @media (max-width:1000px) { body.home .blog-block { flex-basis: 47%;  max-width: 1000px; } .blog-left .blog-block { width: 47%;  max-width: none;  flex-basis: 47% } .blog-block:last-child {margin-left: auto !important } .blog-left .blog-block:last-child {margin-left: 0 !important } } @media (max-width:640px) { .blog-block { flex-basis: 40%;  max-width: 350px; }  .blog-left .blog-block {flex-basis: 97% } } @media (max-width:500px) { .blog-block, body.home .blog-block { flex-basis: 100%;  max-width: 460px; } .blog-block img { width: 100% !important; height: auto !important; } } .blog-block h2.entry-title { font-size: 22px; font-weight: 400; line-height: 1.2; color: #000; margin-bottom: 10px; text-align: left !important; } .blog-block h2.entry-title a { text-decoration: none; color: #000; } .blog-block h2.entry-title a:hover { color: #00669A; } .blog-block .entry-content {} .blog-block a.read-article { font-weight: 700; /*font-size: 15px;*/ font-size: 14px; color: #255bab; text-transform: uppercase; text-decoration: none; margin-top: 10px; } .blog-block a.read-article:hover { color: #16377b; } .blog-block a.read-article::after { content: " \00bb"; color: #16377b; } .blog-block .article-content { position: relative; line-height: 1.6; padding: 15px; font-size: 13px; } .blog-block .article-content.with-thmb {} .blog-block .article-content p { margin: 0 0 10px; text-align: left !important; } .blog-block img { display: block; margin: 0 auto; height: auto; opacity: 1;  max-width: auto;  width: 100%; } .blog-block .posted-on { display: block; font-weight: 700; /*font-size: 15px;*/ font-size: 14px; color: #94a1b6; text-transform: uppercase; margin-bottom: 10px; } .nothmb-space { display: none; } /*category list page------------------------------------------*/ .entry-footer .cat-links, .entry-footer .tags-links, .entry-footer .comments-link { margin-right: 10px; } article.category-block { border: 1px solid #CCC; padding: 10px 10px 20px; } article.category-block:nth-child(even) { background-color: #EEE; } article.category-block:nth-child(even) .entry-footer { background-color: #FFF; } article.category-block .entry-title { color: #0e76bc; font-size: 34px; } article.category-block .entry-title a { text-decoration: none; } article.category-block .entry-content { margin-bottom: 10px; } .cat-introtext { margin: -10px 0 25px; padding-bottom: 25px; border-bottom: 1px solid #CCC; } article.category-block .more-link { display: inline-block; margin: 10px 0; color: #FFF; text-decoration: none; padding: 4px 10px; background-color: #25aae1; } article.category-block .more-link:hover { background-color: #084b78; } /*ALL POSTS PAGE--------------------------------------------*/ .all-posts-block { border-top: 2px dashed #c9cdd2; padding: 20px 0 20px; } .all-posts-block:first-child { border-top: none; padding-top: 0; } .all-posts-block h2 { margin: 0px 0px 20px; } .all-posts-block ul { font-size: 16px; } .all-posts-block li { margin-bottom: 5px; } /**** article ****************************************************/ .blog-left h2, .blog-left h3 {font-weight: 700; } .articleTitle, .entry-title { font-size: 42px;  line-height: 1.2; font-weight: 700; margin-bottom: 20px; } .dateLine, .entry-meta { font-weight: 600; font-size: 16px; color: #94a1b6; text-transform: uppercase; margin-bottom: 25px; } .entry-meta a { color: #9ca4ab; text-decoration: none; } .entry-meta a:hover { color: #0e76bc; } /****sidebar******/ .signUpBox { margin-bottom: 10px; border: 4px solid #c9cdd2; padding: 12px 8px 12px 12px; } .signUpBox p { font-size: 16px; line-height: 20px; font-weight: 700; color: #283891; text-transform: uppercase; letter-spacing: 1px; padding: 0px 0px 10px; margin: 0px; }  .sideBox { margin-bottom: 20px; } #custom_html-2 .sideBox { margin-bottom: 5px; } .sideBox p { font-size: 1em; line-height: 20px; font-weight: 700; color: #0c60a8; text-transform: uppercase; letter-spacing: 1px; padding: 0 0 10px; margin: 0px; /*background-color: #ccc;*/ text-align: left !important; } .sideBox-content { /*background-color: #eee;*/ /*margin: 0px; padding: 16px;*/ } .sideBox ul { /* background-color: #eee;*/ margin: 0px; padding: 0 0 16px; } .sideBox ul li { list-style: none; padding: 0 0 12px; color: #333; } .sideBox a { color: #333; text-decoration: none; } .sideBox a:hover { color: #0c60a8; } .entry-footer { font-size: 13px; padding: 5px 0; border-top: 1px solid #ccc; } .sideBox.widget_archive { background-color: #dde0e2; padding: 0px 0px 16px; } .sideBox.widget_archive select { margin: 16px; background-color: #FFF; padding: 12px; width: 88%; height: 34px; border: 1px solid #fff; font-size: 14px; } /*WP PREV and NEXT Posts Links---------------------------------------------*/ .nav-links { font-size: 14px; line-height: 1.2; margin: 20px 0 10px; font-weight: 700; text-transform: uppercase; } .nav-links:after { content: ""; display: table; clear: both; } .nav-links a { text-decoration: none; display: inline-block; color: #0e76bc; } .nav-links a:hover { color: #084b78 } .nav-links div { width: 45%; } .nav-previous { background-image: url(../png/prev.png); background-repeat: no-repeat; background-position: left top; padding-left: 16px; float: left; text-align: left; } .nav-next { background-image: url(../png/next.png); background-repeat: no-repeat; background-position: right top; padding-right: 16px; float: right; text-align: right; } .side-links-blog .nav-links { font-size: 20px; line-height: 1; margin: 0; } .side-links-blog .nav-links div { width: 30px; padding: 0; } .side-links-blog .nav-next, .side-links-blog .nav-previous { background-image: none; background-color: #94a1b6; float: none; text-align: center; position: fixed; top: 300px; z-index: 99; padding: 0; } .side-links-blog .nav-next a, .side-links-blog .nav-previous a { color: #FFF; text-decoration: none; display: block; padding: 30px 2px; background-color: #94a1b6; } .side-links-blog .nav-next a:hover, .side-links-blog .nav-previous a:hover { background-color: #16377b; } .side-links-blog .nav-previous { left: 0; } .side-links-blog .nav-next { right: 0; } a.more-link { font-size: 20px; } .byline { display: inline-block; } .list .entry-content, .list .entry-summary { margin-top: 0; } /*WP COMMENTS---------------------------------------------------*/ #comments { background-color: #eee; padding: 40px; max-width: 800px; margin: 40px auto 20px; } .comments-title { margin-bottom: 10px; /*border-bottom: dotted 1px #999; padding-bottom: 5px;*/ display: none; } .comments-title span { font-weight: bold; } ol.comment-list { margin: 0; padding: 0; list-style: none; } ol.comment-list > li { background-color: #FFF; padding: 20px; margin: 0 0 20px; font-size: 15px; line-height: 1.5; } ol.children { margin: 10px 0 10px 30px; padding: 0; list-style: none; } ol.children li { padding: 0 0 0 30px; border-left: 1px dashed #CCC; } span.reply { float: right; margin-right: 10px; } a.comment-reply-link { background-color: #666; padding: 1px 4px; color: #fff; font-size: 14px; text-decoration: none; text-transform: uppercase; } a.comment-reply-link:hover { background-color: #CCC; } .comment-content { /*font-size: .8571428em;*/ } .comment-content p { margin-bottom: 10px; } .comment-meta { clear: left; margin-bottom: 15px; } .comment-author { margin-right: 2px; } .comment-author .avatar { float: left; margin-right: 20px; } .comment-metadata { font-size: 11px; text-transform: uppercase; margin: 0; } .comment-metadata a { text-decoration: none; } #respond.comment-respond { border-top: 1px solid #CCC; border-bottom: 1px solid #ccc; } #comments > #respond { border-top: none; border-bottom: none; } span.required { color: #cc0000; } a.comment-edit-link, #cancel-comment-reply-link { font-size: 12px; /* font-weight: bold; */ display: inline-block; background-color: #ccc; padding: 0px 4px; margin-left: 5px; text-transform: uppercase; color: #333; text-decoration: none; } a.comment-edit-link:hover, #cancel-comment-reply-link:hover { background-color: #084b78; color: #FFF; } p.logged-in-as { padding: 5px 0; margin: 0 0 10px; font-size: 15px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } h3.comment-reply-title { margin-bottom: 20px; font-size: 20px !important; font-family: "fira sans", Arial, Helvetica, sans-serif; color: #333; font-weight: 600 !important; text-transform: uppercase; } .comment-form { font-size: 16px; } .comment-form p { margin: 10px 0; clear: both; } .comment-form label { width: 18%; display: block; float: left; color: #666; font-size: 14px; text-transform: uppercase; } .comment-form-comment label { float: none; width: auto; padding-bottom: 2px; } .comment-form textarea { font-size: 15px; line-height: 1.5; width: 99%; padding: 5px; border: 1px solid #CCC; } .comment-form input { font-size: 15px; line-height: 1.5; border: 1px solid #CCC; padding: 5px; width: 50%; min-width: 250px; } .comment-form input[type=submit] { background-color: #00669A; border: none; padding: 10px 20px; font-weight: bold; color: #FFF; min-width: 100px; width: auto; margin-left: 18%; } .comment-form input[type=submit]:hover { background-color: #f59803; } 
.comment-form-cookies-consent label { float: none; display: inline-block; width: auto; } #wp-comment-cookies-consent { display: inline-block; float: none; margin-right: 5px; } @media (max-width:980px) { .blog-left { float: none; width: 100%; padding-right: 0; border-right: none; } .blog-right { float: none; width: 100%; border-top: 1px solid #CCC; padding-left: 0px; border-left: none; padding-top: 20px; } iframe#twitter-widget-0 { width: 100% !important; } } @media (max-width:767px) { img.alignleft, img.alignright { margin: 20px auto; display: block; float: none; } } /*Ads------------------------------*/ .widget-area #text-4, .widget-area #text-5 { margin-bottom: 0; } #text-4 > p, #text-5 > p { display: none; } .widget-area .side-cta { margin-bottom: 20px; } .widget-area .side-cta img { display: block; margin: 0 auto; } .bottom-ads { margin: 0 auto; text-align: center; } .bottom-ads img { display: block; margin: 30px auto; } .text-cta { border: solid 1px #ccc; margin: 30px 0 50px; } .text-cta div { padding: 40px 40px; font-size: 24px; } .text-cta p { margin-bottom: 10px; } .text-cta a.btn { padding: 7px 20px; margin-top: 0px; margin-bottom: 0px; font-size: 1em; }