/*
==========================================================================
=== Theme: BMI Responsive Theme
=== By: Ebow
=== Website: http://ebow.ie
=== Version: 1.0
=== For: 
=== Last Edit: Laszlo
========================================================================== 
*/

/* Weather Icons */
@font-face {
    font-family: 'weather';
    src: url('fonts/artill_clean_icons-webfont.eot');
    src: url('fonts/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/artill_clean_icons-webfont.woff2') format('woff2'),
         url('fonts/artill_clean_icons-webfont.woff') format('woff'),
         url('fonts/artill_clean_icons-webfont.ttf') format('truetype'),
         url('fonts/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
===========================================================================
=== BLOG - LISTING ==========================================================
===========================================================================
*/

#blog_listing {padding: 40px 0;}

/* Title */
#blog_listing .page_title {font-size: 30px; color:#0e143c; margin:0 0 20px;}

/* List */
#blog_listing .blog_list {float:left; width:100%; list-style:none; margin:25px 0;}
#blog_listing .blog_list .single-post {float:left; width:31%; margin-bottom:20px; padding:15px; border:1px solid #e8e8e8; border-bottom: 0; background:#fbfbfb; margin-left:1%; margin-right:1%; position: relative;}
#blog_listing .blog_list .single-post:after {content:''; position: absolute; bottom:-5px; left:0px; width: 100%; height: 5px; background: #00549e;}
#blog_listing .blog_list .single-post .featured {float: left; width: 100%; margin-bottom: 15px;}
#blog_listing .blog_list .single-post .featured img {width: 100%; height: auto; position: static; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
#blog_listing .blog_list .single-post .featured img:hover, .blog_listing .blog_list .single-post .featured img:focus, .blog_listing .blog_list .single-post .featured img:active {-webkit-transform: scale(1.02,1.02); -moz-transform:scale(1.02,1.02); opacity: 0.8; filter: alpha(opacity=80);}
#blog_listing .blog_list .single-post .time {float: left; width: 100%; color: #467399; font-size: 14px; line-height: 20px; margin:0 0 5px;}
#blog_listing .blog_list .single-post h3 {color: #0e143c; font-size: 18px; line-height: 26px; margin:0 0 10px; font-weight: 600;}
#blog_listing .blog_list .single-post h3 a {text-decoration: none; color: #000000;}
#blog_listing .blog_list .single-post h3:hover,
#blog_listing .blog_list .single-post h3:focus,
#blog_listing .blog_list .single-post h3:active {text-decoration: none; color: #0e143c;}
#blog_listing .blog_list .single-post .author {display:none; float: left; width: 100%; color: #00549e; font-size: 14px; line-height: 20px; font-style: italic;}
#blog_listing .blog_list .featured-post {width: 48%; background-repeat: no-repeat; background-size: cover; padding: 45px; border-bottom:1px solid #e8e8e8; position: relative;}
#blog_listing .blog_list .featured-post .cover {position: absolute; top:0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 84, 158, 0.6); z-index: 4;}
#blog_listing .blog_list .featured-post .content_wrapper {position: relative; z-index: 5; }
#blog_listing .blog_list .featured-post .time {float: left; width: 100%; color: #FFFFFF; font-size: 16px; line-height: 20px; margin:0 0 5px;}
#blog_listing .blog_list .featured-post  h3 {color: #0e143c; font-size: 40px; line-height: 45px; margin:0 0 10px; font-weight: 600;}
#blog_listing .blog_list .featured-post h3 a {text-decoration: none; color: #FFFFFF;}
#blog_listing .blog_list .featured-post h3:hover,
#blog_listing .blog_list .featured-post h3:focus,
#blog_listing .blog_list .featured-post h3:active {text-decoration: none; color: #0e143c;}
#blog_listing .blog_list .featured-post .author {float: left; width: 100%; color: #FFFFFF; font-size: 16px; line-height: 20px; font-style: italic; margin:0 0 20px;}
#blog_listing .blog_list .featured-post .read_more {position:relative; background:#00549e; text-transform: uppercase; color:#FFFFFF; border-bottom:3px solid #0e143c; padding: 13px 15px; line-height: 18px; font-size: 18px; font-weight: bold; display: inline-block; float: left;}
#blog_listing .blog_list .featured-post .read_more:hover,
#blog_listing .blog_list .featured-post .read_more:active,
#blog_listing .blog_list .featured-post .read_more:focus {text-decoration: none; top:3px; border:0; margin-top:3px; background: #0e143c;}

#blog_container {float: left; width: 100%; clear:both;}

/* Load More */
#load-more {cursor:pointer;position:relative; outline: none; width: 100%; float: left; text-align: center; border:1px solid #e8e8e8; background:#fbfbfb; line-height: 45px; text-transform: uppercase; color:#666666; font-weight: 600; font-size: 18px; margin-bottom: 45px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
#load-more .load-more-inner {float: none; margin: 0 auto; position: relative; display:inline-block;}
#load-more .load-more-inner span {display: block; border-right: 4px solid #666666; border-bottom: 4px solid #666666; width: 17px; height: 17px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display: inline-block; position: relative; top: -4px; left:10px; border-radius: 3px;}
#loader {background:url('../images/ajax-loader.gif') no-repeat center center; width: 16px; height: 16px; position: absolute; left: 15px; top:15px;}

/*
===========================================================================
=== BLOG - SINGLE ===========================================================
===========================================================================
*/

.post_wrapper {float: left; width: 100%;}
.post_wrapper #post_head {float: left; width: 100%; padding: 40px 0 20px; border-bottom: 1px solid #d3d4d5; margin-bottom: 40px; position: relative; padding-right: 150px;}
.post_wrapper #post_head h1 {font-size: 30px; color:#0e143c; margin:0 0 20px;}
.post_wrapper #post_head ul {float: left; width: 100%; list-style: none;}
.post_wrapper #post_head ul li {float: left; font-size: 16px; color:#0e143c; line-height: 18px; border-left: 2px solid #c7dff4; padding-left: 7px; margin-left: 7px;} 
.post_wrapper #post_head ul li span {font-style: italic; color:#00549e;}
.post_wrapper #post_head ul li:first-child {color:#00549e; border-left:0; padding-left: 0px; margin-left: 0px;}
.post_wrapper #post_head .back_btn {position: absolute; display: block; top:50%; right: 0px; font-size: 18px; color:#00549e; text-transform: uppercase; line-height: 20px; margin-top:-10px;}
.post_wrapper #post_head .back_btn .arrow {display: block; border-right: 4px solid #00549e; border-bottom: 4px solid #00549e; width: 17px; height: 17px; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); display: inline-block; position: relative; top: 2px; left:0px; border-radius: 3px;}
.post_wrapper .post_container {float: left; width: 100%;}
.post_wrapper .post_container #post_content {float: left; width: 600px;}
.post_wrapper .post_container #post_content .video_wrapper {width:100%; float: left; position: relative; overflow: hidden; height: 400px; margin-bottom: 30px;}
.post_wrapper .post_container #post_content .video_wrapper .overlay {position: absolute; top:0px; left: 0px; width: 100%; height: 100%; background-repeat:no-repeat; background-position: center center; background-size: cover; z-index: 5;}
.post_wrapper .post_container #post_content .video_wrapper .overlay .play {background: url('../images/icon-video-overlay.png') no-repeat center center rgba(0, 84, 158, 0.3); width: 100%; height: 100%; position: absolute; top:0px; left:0px; z-index:6; cursor:pointer;}
.post_wrapper .post_container #post_content .article_featured_image {float: left; width:100%; text-align: center; margin-bottom: 30px;}
.post_wrapper .post_container #post_content .article_featured_image img {max-width: 100%; height: auto; margin:0 auto;}
.post_wrapper .post_container #post_sidebar {float: right; width: 300px;}

/*
===========================================================================
=== SINGLE - DESTIONATION ==================================================
===========================================================================
*/



/*
===========================================================================
=== ARTICLES ===============================================================
===========================================================================
*/

.article h1 {font-size:30px; line-height: 36px; font-weight:400; color:#0e143c; margin:0 0 30px;}
.article h2 {font-size:24px; line-height: 32px; font-weight:600; color:#a7a9ac; margin:0 0 20px; text-transform: uppercase;}
.article h3 {font-size:20px; line-height: 28px; font-weight:600; color:#00549e; margin:0 0 20px;}
.article h4 {font-size:18px; line-height: 24px; font-weight:400; color:#0e143c; margin:0 0 20px;}
.article h5 {font-size:16px; line-height: 24px; font-weight:600; color:#666666; margin:0 0 20px;}
.article p {font-size: 14px; line-height: 24px; font-weight:400; color: #666666; margin: 0 0 25px;}
.article a {color:#00549e; text-decoration: underline;}
.article img.alignright {margin-left: 20px;}
.article img.alignleft {margin-right: 20px;}
.article .custom_column {float: left; width: 50%;}
.article .custom_column.left {clear: left; padding-right: 20px;}
.article .custom_column.right {clear: right; padding-left: 20px;}

/*
===========================================================================
=== SIDEBAR ================================================================
===========================================================================
*/

.sidebar {float: left; width: 100%;}
.sidebar > ul {float: left; width: 100%; list-style: none;}
.sidebar > ul > li {float: left; width: 100%;}
.sidebar > ul > li .sidebar_title {font-weight: 600; font-size: 24px; color: #0e143c; margin:0 0 30px;}

/* Related Posts*/
.sidebar > ul > li #related_list {float: left; width: 100%; list-style: none;}
.sidebar > ul > li #related_list > li {float:left; width:100%; margin-bottom:20px; padding:15px; border:1px solid #e8e8e8; border-bottom: 0; background:#fbfbfb; margin-bottom:25px; position: relative;}
.sidebar > ul > li #related_list > li:after {content:''; position: absolute; bottom:-5px; left:0px; width: 100%; height: 5px; background: #0e143c;}
.sidebar > ul > li #related_list > li .featured {float: left; width: 100%; margin-bottom: 15px;}
.sidebar > ul > li #related_list > li .featured img {width: 100%; height: auto; position: static; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.sidebar > ul > li #related_list > li .featured img:hover, .blog_listing .blog_list .single-post .featured img:focus, .blog_listing .blog_list .single-post .featured img:active {-webkit-transform: scale(1.02,1.02); -moz-transform:scale(1.02,1.02); opacity: 0.8; filter: alpha(opacity=80);}
.sidebar > ul > li #related_list > li .time {float: left; width: 100%; color: #467399; font-size: 14px; line-height: 20px; margin:0 0 5px;}
.sidebar > ul > li #related_list > li h3 {color: #0e143c; font-size: 18px; line-height: 26px; margin:0 0 10px; font-weight: 600;}
.sidebar > ul > li #related_list > li h3 a {text-decoration: none; color: #000000;}
.sidebar > ul > li #related_list > li h3:hover,
.sidebar > ul > li #related_list > li h3:focus,
.sidebar > ul > li #related_list > li h3:active {text-decoration: none; color: #0e143c;}
.sidebar > ul > li #related_list > li .author {float: left; width: 100%; color: #00549e; font-size: 14px; line-height: 20px; font-style: italic;}

/*
===========================================================================
=== MISC ===================================================================
===========================================================================
*/

.fluid-vids {height: 100%; padding: 0;}

/* Weather icons */
.icon-0:before { content: ":"; }
.icon-1:before { content: "p"; }
.icon-2:before { content: "S"; }
.icon-3:before { content: "Q"; }
.icon-4:before { content: "S"; }
.icon-5:before { content: "W"; }
.icon-6:before { content: "W"; }
.icon-7:before { content: "W"; }
.icon-8:before { content: "W"; }
.icon-9:before { content: "I"; }
.icon-10:before { content: "W"; }
.icon-11:before { content: "I"; }
.icon-12:before { content: "I"; }
.icon-13:before { content: "I"; }
.icon-14:before { content: "I"; }
.icon-15:before { content: "W"; }
.icon-16:before { content: "I"; }
.icon-17:before { content: "W"; }
.icon-18:before { content: "U"; }
.icon-19:before { content: "Z"; }
.icon-20:before { content: "Z"; }
.icon-21:before { content: "Z"; }
.icon-22:before { content: "Z"; }
.icon-23:before { content: "Z"; }
.icon-24:before { content: "E"; }
.icon-25:before { content: "E"; }
.icon-26:before { content: "3"; }
.icon-27:before { content: "a"; }
.icon-28:before { content: "A"; }
.icon-29:before { content: "a"; }
.icon-30:before { content: "A"; }
.icon-31:before { content: "6"; }
.icon-32:before { content: "1"; }
.icon-33:before { content: "6"; }
.icon-34:before { content: "1"; }
.icon-35:before { content: "W"; }
.icon-36:before { content: "1"; }
.icon-37:before { content: "S"; }
.icon-38:before { content: "S"; }
.icon-39:before { content: "S"; }
.icon-40:before { content: "M"; }
.icon-41:before { content: "W"; }
.icon-42:before { content: "I"; }
.icon-43:before { content: "W"; }
.icon-44:before { content: "a"; }
.icon-45:before { content: "S"; }
.icon-46:before { content: "U"; }
.icon-47:before { content: "S"; }