/*
 Theme Name: Popularis Press
 Theme URI: https://populariswp.com/popularis-press/
 Description: Popularis Press is a fast, clean and modern-looking responsive multipurpose and blogging theme for WordPress. Theme works perfect with any of favorite page builders like Elementor, Beaver Builder, SiteOrigin, Thrive Architect, Divi, Visual Composer, etc. Popularis Press is WooCommerce ready, lightweight, easy to use and SEO friendly.
 Author: Themes4WP
 Author URI: https://themes4wp.com/
 Version: 1.0.1
 Requires PHP: 5.4
 Tested up to: 5.4
 License: GNU General Public License v3
 License URI: http://www.gnu.org/licenses/gpl.html
 Tags: one-column, two-columns, three-columns, full-width-template, right-sidebar, custom-background, custom-menu, editor-style, featured-images, translation-ready, custom-logo, threaded-comments, footer-widgets, blog, e-commerce
 Text Domain: popularis-press
 Template: popularis
*/

body {
    color: #566073;
    font-weight: 400;
    line-height: 1.6;
    font-size: 20px;
}
a, a:active, a:hover, a:focus {
    color: #fd0707;
    text-decoration: none;
}
.page-area {
    padding: 35px 15px;
}
#site-navigation {
    border-color: transparent;
    -webkit-box-shadow: 0px 14px 20px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 14px 20px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 14px 20px 0px rgba(0, 0, 0, 0.08);
}
.navbar-default .navbar-nav > li > a {
    font-size: 15px;
    font-weight: 700;
}
.cart-contents span.count, .woocommerce span.onsale, .nav > li.active > a:after, .current-page-parent:after, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #fd0707;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .btn-default, input[type="submit"], input#submit, button, a.comment-reply-link, .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    color: #fd0707;
}
.woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs.wc-tabs li:hover a {
    border-bottom: 2px solid #fd0707;
    color: #fd0707;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    text-align: center;
}
article.blog-article {
    clear: none;
}
article.blog-article.col-md-6:nth-of-type(2n-1), article.blog-article.col-md-4:nth-of-type(3n-2) {
    clear: left;
}
.nav > li.active > a:hover:after, .current-page-parent:hover:after {
    width: 70%;
    left: 15%;
}
.top-bar-section {
    background-color: #fd0707;
}
.top-bar-section a {
    color: #ffffff;
    font-weight: bold;
}
@media (min-width: 768px) {
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover {
        background-color: #fd0707;
        color: #fff;
    }
}
.post-item .news-thumb {
    padding: 0;
}
.post-item .news-thumb img{
    border-radius: 0;
    margin-bottom: 0;
}
.cats-tags {
    float: left;
    display: inline-block;
    width: auto;
}
.posted-date {
    float: right;
}
.posted-date, .cat-links a, .cat-links span, .tags-links span {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    margin-right: 10px;
}
.tagcloud a {
    border-radius: 10px;
}
.cat-links a {
    border: 1px solid;
    padding: 4px 8px;
    border-radius: 0;
}
.post-item h2, h1.single-title {
    width: 100%;
    clear: both;
    padding-top: 20px;
    padding-bottom: 15px;
    position: relative;
}
.post-item h2 a {
    font-size: 25px;
    line-height: 29px;
    font-weight: 700;
}
h2.entry-title:after {
    content: "";
    height: 2px;
    width: 30%;
    background-color: #000;
    clear: both;
    position: absolute;
    bottom: 0;
    left: 0;
}
.post-item {
    width: 100%;
    border-radius: 12px;
    margin-bottom: 30px;
    box-shadow: 0px 10px 0px 0px rgba(28,45,113,0.2);
    overflow: hidden;
    border: 1px solid rgba(28,45,113,0.2);
}
.news-thumb img {
    border-radius: 12px;
    margin-bottom: 30px;
}

.post-item .news-text-wrap {
    padding: 30px;
}
.single-head, .single-entry-summary, .cats-tags {
    max-width: 100%;
}
#sidebar .widget {
    border-radius: 12px;
    margin-bottom: 30px;
    box-shadow: 0px 10px 0px 0px rgba(28,45,113,0.2);
    padding: 20px;
    border: 1px solid rgba(28,45,113,0.2);
}
.widget-title h3 {
    font-size: 20px;
    line-height: 22px;
    padding: 0;
    font-weight: 700;
    margin-bottom: 20px;
}
.widget-title:after {
    display: none;
}
nav.navigation.pagination .nav-links a, nav.navigation.pagination .current {
    border-radius: 10px;
}

.easy_geo_inscris { 
	border:0px solid #ccc;
	border-bottom:none;
	width:230px;
}
.easy_geo_inscris td {
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:3px;
	border-bottom:1px solid #FFFFFF;
}
.easy_geo_inscris img {
	border-width:2px;
	border-color:#FFFFFF;
	margin-right:5px;
       /*clear:both;*/
}
.easy_geo_inscris a {
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}
.easy_geo_inscris a:hover {
	color:#000000;
	text-decoration:underline;	
}
.easy_geo_inscris .label {
	color:#FF0000;
	font-weight:bold;
}


.showDesktop {
    display: block;
	text-align: center;
}
.showMobile {
    display: none;
}
@media only screen and (max-width: 488px) {
    .showDesktop {
        display: none;
    }
    .showMobile {
        display: block;
    }
}

#fakeSearchForm { width: 100%; margin: 0 auto; padding: 1px; font-family: Arial, Helvetica, sans-serif; text-align: left; color: #000000; }
#fakeSearchForm .control-group { clear: both; width: 95%; height: 30px; line-height: 30px;  margin: 5px auto; padding: 0; }
#fakeSearchForm .control-group label { display: inline-block; width: 35%; height: 24px; float: left; margin: 0; padding: 0; text-align: right; line-height: 30px; font-size: 12px; color: #000000; }
#fakeSearchForm .control-group select { display: inline-block; width: 65%; height: 30px; float: right; margin: 0; padding: 0; background-color: #ffffff;  border: 1px solid #cccccc;  border-radius: 3px; vertical-align: middle; line-height: 20px; font-size: 14px; font-weight: normal; color: #555555; }
#fakeSearchForm .form-actions { text-align: center; margin: 15px 0; }
#fakeSearchForm .form-actions button[type=submit] { width: auto; padding: 9px 15px; margin: 0 auto; background: #38B7EE; border: 1px solid #3890EC; border-radius: 2px; font-size: 16px; font-weight: bold; color: #FFFFFF; }
#fakeSearchForm .form-actions button[type=submit]:hover { background: #3890EC; border: 1px solid #3890EC; }
@media screen and (max-width: 480px) {
    #fakeSearchForm .control-group label { width: 30%; }
    #fakeSearchForm .control-group select { width: 70%; }
}

#webcams-page h2 { 
    color: #303030;
    line-height: 40px;
    text-transform: uppercase;
}

#webcams-page ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#webcams-page ul li {
    width: 33%;
    float: left;
}

#webcams-page ul li a {
    display: block;
    width: 95%;
    margin-bottom: 5px;
    border: 4px solid #0586BD;
    border-radius: 4px;
    text-align: center;
    color: #0586BD;;
    font-size: 13px;
    font-weight: bold;
}

#webcams-page ul li a span {
    font-weight: normal;
}

#webcams-page ul li a img {
    width: 95%;
    margin: 5px auto;
    border: 1px solid  #0586BD;
    border-radius: 4px;
}

@media screen and (max-width: 768px) {
    #webcams-page ul li {
        width: 50%;
    }
}

@media screen and (max-width: 360px) {
    #webcams-page ul li {
        width: 100%;
        float: none;
    }
}

.breadcrumbs {
    width: 98%; 
    padding: 15px;
    margin: 10px auto;
    background: #ffffff;
    border: 0;
    border-radius: 5px;
}

.breadcrumbs ul {
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.breadcrumbs ul li {
    width: 33%;
    height: 30px;
    padding: 0 10px;
    float: left;
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    color: #313131;
    text-transform: uppercase;
    border-right: 1px solid #c0c0c0;
}

.breadcrumbs ul li:nth-child(3) {
    border: 0;
}

.breadcrumbs ul li.active {
    color: #0485BC;
}

.breadcrumbs ul li span {
    background: #313131;
    padding: 5px 10px;
    border-radius: 4px;
    color: #ffffff;
    font-size: 16px;
}

.breadcrumbs ul li.active span {
    background: #0485BC;
    padding: 5px 10px;
    border-radius: 4px;
    color: #ffffff;
}

.inside #regForm { width: 98%; margin: 20px auto; background-color: rgba(220, 220, 220, 0.8); border: 1px solid #0485BC; border-radius: 4px; }
.inside #regForm h1 { margin: 10px 0; text-align: center; font-size: 18px; color: #0485BC; text-transform: uppercase; }
.inside #regForm .control-group { position: relative; width: 90%; height: 60px; overflow: hidden; margin: 5px auto; clear: both; }
.inside #regForm .control-group label { display: block; width: 30%; height: 40px; float: left; margin: 0; padding: 0; font-size: 14px; font-weight: bold; line-height: 40px; color: #0485BC; }
.inside #regForm .control-group input { z-index: 1000; display: block; width: 67%; height: 40px; float: left; padding: 0 5px; margin: 0; font-size: 14px; font-weight: normal; line-height: 40px; color: #555555; border: 1px solid #cccccc; border-radius: 3px; background-color: #ffffff; }
.inside #regForm .form-actions { padding: 19px 20px 20px; margin-top: 20px; margin-bottom: 20px; background: rgba(245, 245, 245, 0.6); border-top: 1px solid #e5e5e5; text-align: center; }
.inside #regForm .form-actions:before, .form-actions:after { display: table; line-height: 0; content: ""; }
.inside #regForm .form-actions:after { clear: both; }
.inside #regForm .form-actions button[type=submit] { width: auto; padding: 9px 15px; background: #0485BC; border: 0; border-radius: 3px; font-size: 14px; font-weight: bold; color: #FFFFFF; }  
.inside #regForm .has-success .control-feedback { color: #3c763d; }
.inside #regForm .has-error .control-feedback { color: #cc3333; }
.inside #regForm .control-group .control-feedback { position: absolute; top: 0; right: 25px; z-index: 2000; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; }
.inside #regForm .control-group label.error { position: absolute; top: 5px; right: 55px; display: block; width: auto; height: 20px; margin: 0; padding: 5px; font-size: 12px; font-weight: bold; line-height: 20px; color: #cc3333; }

.inside #regFormFinal { width: 98%; margin: 20px auto; background-color: rgba(220, 220, 220, 0.8); border: 1px solid #0485BC; border-radius: 4px; }
.inside #regFormFinal h1 { margin: 10px 0; text-align: center; font-size: 18px; color: #0485BC; text-transform: uppercase; }
.inside #regFormFinal p { padding: 10px; text-align: left; }
.inside #regFormFinal a { display: block; width: 60%; text-align: center; padding: 9px 15px; margin: 10px auto; background: #0485BC; border: 0; border-radius: 3px; font-size: 14px; font-weight: bold; color: #FFFFFF; }  

@media screen and (max-width: 1200px) {
    .breadcrumbs ul li {
        font-size: 12px;
    }
}

@media screen and (max-width: 980px) {
    .breadcrumbs {
        display: none;
    }
    .inside #regForm .control-group .control-feedback { right: 13px; }
    .inside #regForm .control-group label.error { right: 37px; }
}

@media screen and (max-width: 480px) {
    .inside #regForm .control-group label { width: 100%; height: 20px; float: none; line-height: 20px; }
    .inside #regForm .control-group input { width: 100%; float: none; }
    .inside #regForm .control-group .control-feedback { right: 3px; top: 19px; }
    .inside #regForm .control-group label.error { right: 30px; top: 24px; }
}

.YMThumbs { display: block; width: 90%; padding: 10px; margin: 0 auto; clear: both; }
.YMThumbs ul { width: 100%; margin: 0;  padding: 0; list-style-type: none; }
.YMThumbs ul li { width: 16.6%; float: left; text-align: center; overflow: hidden; }
.YMThumbs ul li img { width: 95%; max-width: 180px; margin: 5px auto; cursor: pointer; }

@media screen and (max-width: 768px) {
    .YMThumbs ul li { width: 33.33%; }
}

@media screen and (max-width: 480px) {
    .YMThumbs ul li { width: 50%; }
}

@media screen and (max-width: 360px) {
    .YMThumbs ul li { width: 50%; }
    .YMThumbs ul li:nth-child(6) { display: none; }
}

.calltoaction { display: inline-block; width: 250px;  text-align: center; padding: 9px 15px; margin: 10px auto; background: #FFAD13; border: 0; border-radius: 3px; font-size: 14px; font-weight: bold; color: #FFFFFF; text-decoration: none; }