/*Attribute*/
.clear-float{clear: both;}
.mobile-visibility{display:block;}
.desktop-visibility{display:none;}
.site-branding{position: absolute;	bottom: 10px; height: auto; padding: 3em 0; left: 0; right: 0;}
.site-footer{background-color: #1e73be; margin: 0px; }
.site-footer .site-info{text-align: center; width: 100%; color: #fff; margin: 0px; }
.site-footer .site-info section{ margin: 0px; }
.cpp-support{width: 100%; text-align: center; background: #e8f7fc; padding: 33px 20px 20px; margin-bottom: 0px;}

body.custom-background{ background-image: none!important; background: #eee; }

/*Header*/
.custom-header{ margin: 0px!important; position: relative; }
.wp-custom-header img{ width: 100%; display: block; }
.navigation-top{ height: auto; }
.site-branding{ margin-bottom: 0px!important; }

/*wrap*/
.site-content{padding: 0px; background-color: #eee;}
.site-content > .wrap{ background-color: #fff; padding: 10px; margin-bottom: -40px; }


/*--default widget--*/
section, .widget{ margin-bottom: 40px; padding-bottom: 0px;}
.widget-title { margin: 0px; margin-bottom: 30px; border-bottom: 2px solid; display: block; color: #1e73be; }
.widget-title span { color: #1e73be; font-family: Battambang, Roboto; font-size: 18px; text-transform: uppercase; line-height: 18px; font-weight: bold; letter-spacing: normal; padding: 10px; background: #eee; display: inline-block; }
.widget-title span a { color: #1e73be; box-shadow: none; letter-spacing: initial;}
.widget-title span a:hover { text-decoration:none; color: #1e73be; box-shadow: initial; color: #2e89da;}
.widget-list{ list-style: none; }
.widget-list .thumbnail{ position: relative; }
.widget-list .thumbnail img{width: 100%; display: block; }
.widget-list li:first-child{ padding-top: 0px; }
.widget-list li{ padding: 20px 0px; border-top: none; }
.widget-list a{ font-size: 15px; line-height: 22px; padding: 0px; display: block; }
.widget-list li:hover a{ color: #1e73be;}
.widget-list .the-date{ padding: 0; margin: 0; font-size: 12px; color: #a0a0a0;}
.widget-list .count-view{ padding: 0; margin: 0; font-size: 11px; color: #a0a0a0;}
.widget-list .format-meta { margin: 0; font-size: 11px; color: #1e73be; background: #eee; display: inline-block; }
.widget-list .format-meta.pdf{ padding: 0px; background: #1c73be; }
.widget-list .format-meta.property{ padding: 0px 10px; line-height: 25px; }
.widget-list .format-meta a{ padding: 0px 10px; color: #fff!important; font-size: 11px; line-height: 25px; }

.widget-list.block-1 .thumbnail{ margin-bottom: 20px; }
.widget-list.block-1 li { border-bottom: 1px solid #eee; }

.widget-list.block-2 .thumbnail{ width: 33%; float: left; }
.widget-list.block-2 .single-title{ width: 60%; float: right; }
.widget-list.block-2 li{ border-bottom: 1px solid #eee; }

.widget-list.block-3 .thumbnail{ margin-bottom: 20px; }
.widget-list.block-3 li{ padding: 0px; }

.search-form label{display:none;}
.search-form .search-field{border-radius: 0; border: 1px solid #1e73be;}
.search-form .search-submit{border-radius: 0; background-color: #1e73be; padding: 10px 15px;}

.mobile-app{}
.mobile-app a{ display: inline-block; width: 50%; padding: 30px; background: #eee; border: 1px solid #fff; }
.mobile-app a img{}


.widget_archive .widget-title { font-size: 18px; font-family: koulen; background: #eee; display: inline-block; border: none; padding: 13px 10px; }

/*Block Home*/

.home-block-1 .widget-list li{ border: none; padding-top: 0px; padding-bottom: 20px; }

.home-block-2 .widget-list li{ border: none; padding-top: 0px; padding-bottom: 20px; }

.home-block-3 ul.widget-list{margin-right: -20px;}
.home-block-3 ul.widget-list li{width: 50%; float: left; padding-right: 20px;}
.home-block-3 ul.widget-list li .thumb-block-list-widget { position: relative; }
.home-block-3 ul.widget-list li .thumb-block-list-widget img{margin: 0px;}
.home-block-3 ul.widget-list li .title-block-list-widget a{margin: 0px; font-size: 13px; color: #444; display: block; padding: 10px 0px; transition: 0.25s;}
.home-block-3 ul.widget-list li:hover .title-block-list-widget a{color: #1e73be;}


.slide-show{margin-bottom: 40px;}

.ads{margin-bottom: 40px;}
.ads.ads-banner-1{}
.ads.ads-banner-1 img{}

.ads-banner{ display: none; max-width: 1349px; margin: 0 auto; position: relative; }
.ads-banner .banner-left{ width: 135px; position: absolute; left: 0px; padding: 0px; background-color: #fff; }
.ads-banner .banner-right{ width: 135px; position: absolute; right: 0px; padding: 0px; background-color: #fff; }

/*province*/
.provincial-link{ list-style: none; }
.provincial-link li{ width: 50%; float: left; padding: 15px; text-align: center; border: 1px solid #fff; background: #f7f7f7; }
.provincial-link li a{ display: block; }
.provincial-link li img{ display: block; margin-bottom: 15px; width: 100%; }
.provincial-link li p{ margin: 0px; }


/*Single*/
.entry-header .entry-title{ color: #1c73be; font-family: Battambang,Roboto; font-weight: bold; padding: 0px; font-size: 22px; line-height: 34px; margin-bottom: 10px;}
.entry-content{ font-size: 15px; line-height: 26px; }
.entry-content .format-meta { padding: 0; margin-bottom: 10px; font-size: 11px; background: #eee; display: inline-block; }
.entry-content .format-meta a{ color: #fff; background: #1c73be; padding: 5px 10px; display: block; }
.entry-content .format-meta.property{ color: #1e73be; background: #eee; padding: 5px 10px; }

.youtube-play { position: fixed; color: #fff; z-index: 10; overflow: hidden; width: 100%; height: 100%; background: #000000e0; top: 0; right: 0; bottom: 0; left: 0; transition: 0.5s; opacity: 0; }
.youtube-play table{width: 100%; height: 100%;}
.youtube-play .exit{max-width: 560px; color: #fff; text-align: right; font-size: 16px; padding: 10px 0px;}
.youtube-play.opacity-1 { opacity: 1; }

.site-content-contain img{ width: 100%; }

/*Archive*/
.entry-header .entry-title a{ line-height: 25px; display: block; }
.cover-topic{ display: block; position: absolute; padding: 10px; opacity: 0.7; color: #f00; }
.cover-topic.pdf{ right: 0px; top: 0px; font-size: 16px; line-height: 14px; background: #eee;}
.cover-topic.youtube{ z-index: 1; cursor: pointer; font-size: 16px; opacity: 0.7; text-align: right; line-height: 14px; width: 100%; height: 100%; right: 0; left: 0; bottom: 0; top: 0;}

.page-header{display: block; border-bottom: 2px solid #1e73be; padding: 0px; margin-bottom: 30px;}
.page-header .page-title{font-family: Battambang, Roboto; font-size: 20px; font-weight: bold; letter-spacing: normal; color: #1e73be; background: #eee; padding: 5px 18px; display: inline-block; margin: 0px;}

.topic { margin-bottom: 30px; padding-bottom: 0px; }
.topic .post-thumbnail { float: left; width: 30%; margin: 0px; position: relative; }
.topic .post-thumbnail a img { display: block; width: 100%; height: auto; }
.topic .entry-header { float: left; width: 70%; padding-left: 20px; }
.topic .entry-header .entry-title{font-size: 16px; font-family: Battambang, Roboto; }
.topic .entry-header .entry-title a:hover { color: #1e73be; }
.topic .entry-header .format-meta { font-size: 12px; display: inline-block; background: #1c73be; padding: 5px 10px; }
.topic .entry-header .format-meta.pdf { background: #1c73be; }
.topic .entry-header .format-meta.property { background: #eee; }
.topic .entry-header .format-meta a { color: #fff; }

/*custom post type*/
.member-post-type{list-style: none; margin: 0px; padding: 0px; }
.member-post-type li{width: 33.33%; min-height: 175px; float: left; background: #f3f3f3; padding: 15px 10px 0px; text-align: center; border: 1px solid #fff;}
.member-post-type li.top-1, .member-post-type li.default-1{float: none; margin: 0 auto; }
.member-post-type li.default-2{ float: right; }
.member-post-type li .post-thumbnail img{ width: 80px; }
.member-post-type li .entry-header .entry-meta{font-size: 11px; color: #1c73be; text-transform: initial; font-weight: normal; }
.member-post-type li .entry-header .entry-meta.role{font-size: 11px; color: #777;}
.entry-header .entry-title.role{font-family: Battambang, Roboto; font-size: 16px; line-height: 16px; color: #656565; }
.pagination { display: block; padding: 15px 0px; text-align: center; }
.pagination .page-numbers { font-size: 14px; padding: 10px; background: #eee; }
.pagination .page-numbers.current{ background: #1c73be; color: #fff; }

/*languages-switcher*/

.languages-switcher{ position: absolute; width: 100%; z-index: 11; padding: 15px; }
.languages-switcher ul{ max-width: 1100px; margin: 0 auto; text-align: right; }
.languages-switcher li{ display: inline-block; }
.languages-switcher li a{ font-size: 12px; padding: 5px 10px; display: block; background: #eee; color: #5a5a5a; }
.languages-switcher li.current-lang a, .languages-switcher li:hover a{ background: #1c73be; color: #fff; }

/*mobile to large screen 48->*/
@media screen and (min-width: 48em) {
.member-post-type li .entry-header .entry-meta.role, .member-post-type li .entry-header .entry-meta{ font-size: 14px; }
	
.wrap{ max-width: 1060px; }
.site-content > .wrap{ padding: 30px; }

.has-sidebar:not(.error404) #primary{width: 65%; max-width: 652px;}
.has-sidebar #secondary{width: 31%;}

.mobile-visibility{display:none;}
.desktop-visibility{display:block;}

.navigation-top{background-color: #1e73be;border-top: 1px solid #1c7ed4; border-bottom: none; }
ul.menu > li > a{color: #fff; font-size: 16px; font-weight: bold; font-family: Battambang, Roboto; padding: 10px 18px; }
.navigation-top ul.menu .current-menu-item > a, .navigation-top ul.menu .current_page_item > a, .navigation-top ul.menu .current-menu-ancestor > a{color: #fff; background-color:#0085ba;}
ul.menu > li > a, .main-navigation a:hover{color: #fff;}
ul.sub-menu li:hover a, .main-navigation li li:hover a, .main-navigation li li.focus a{color: #000;}
.main-navigation li li:hover, .main-navigation li li.focus{background-color: #eee;}



.provincial-link li{ width : 33.3333% }

/*Home*/
.home-block-1{width: 54%; float: left;}
.home-block-2{width: 40%; float: right;}

/*Block*/
.home-block-3 ul.widget-list li{width: 33.3333%; float: left; }

}
/*medium to large screen 67->*/
@media screen and (min-width: 67em) {
	
.home-block-3 ul.widget-list li{width: 20%; float: left; }
.provincial-link li{ width : 20% }
}


/*medium to large screen 1348->*/
@media screen and ( min-width: 1348px ) {
.ads-banner{ display: block; }
	
}