/* 

CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/
#middle.home{
    padding-bottom: 0;
}

ul.paginate{
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

.paginate{
    margin-top: 20px;
}


.paginate li{
    float: left;
   margin:1px 3px;
}
.paginate li a {
    display: block;
    border-radius: 5px;
    padding:12px 19px;	
    border:2px solid #DDDDDD;
	font-size:16px; line-height: 16px;
	position:relative; 
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	color:#000;
	
}

.paginate li a.active, .paginate li a:hover{ color: #fff; background:#FF7200; border:2px solid #FF7200;	}










.summary .paginate li{
    float: left;
   margin:1px 3px;
}
.summary .paginate li a {
    display: block;
    border-radius: 5px;
    padding:12px 19px;	
    border:2px solid #DDDDDD;
	font-size:16px; line-height: 16px;
	position:relative; 
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	color:#000;
	
}
.summary .paginate li a:before {position:relative; -webkit-font-smoothing: antialiased;}

.summary .paginate li a:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background: #FF7200 none repeat scroll 0 0;
    height: 100%;
    left: 0;
    top: 0;
    width: 0;
}


.summary .paginate li a:hover, .paginate li a:active { color: #fff;}

.summary .paginate li a:hover:after, .paginate li a:active:after {width: 100%;}

.summary .paginate li a.active, .paginate li a:hover{ color: #fff; border:2px solid #FF7200;	}






.multipage.paginate{
	clear: both;
	float: left;
	width: 100%;
	margin: 0 0 13px;
}

.multipage.paginate li.left{
/* 	float: left; */
}
.multipage.paginate li.right{
/* 	float: right; */
}

.summary .multipage.paginate li.right{
	float: right;
}




/* home page new styles */

.block-title {
    display: block;
    position: relative;
}

.split-stuff > div {
    display: block;
    float: left;
}

.strict-block .block-title {
    background: none repeat scroll 0 0 #292929;
    color: #FFFFFF;
    display: block;
    margin-bottom: 0;
    padding: 6px 15px;
}

.strict-block .block-title h2 {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    font-family: 'Lato', sans-serif;
    width: 20%;
}

.block-title .panel-title-right {
    color: #999;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-weight: 300;
    float: right;
    text-transform: uppercase;
}

.block-title .panel-title-right:hover{
    color: #ff8a00;
}

.strict-block .block-content {
    /*     background: none repeat scroll 0 0 #F5F5F5; */
    padding: 15px 0 0;
    /*     margin-bottom: 20px; */
}

.split-stuff:after {
    clear: both;
    content: "";
    display: block;
}

.split-stuff.blocks-4 > div {
    margin-right: 2%;
    margin-bottom: 2%;    
    width: 23.5%;
    height: 330px;
    overflow: hidden;
    position: relative;
}

.split-stuff.blocks-4 > div:nth-child(4n) {
    margin-right: 0;
}

.split-stuff.blocks-4 > div:nth-child(4n+1) {
    clear: both;
}

.item-block .item-header {
    display: block;
    position: relative;
}

.item-block-2 .item-block .item-header {
    box-shadow: 0 -140px 70px -70px rgba(0, 0, 0, 0.5) inset;
}

.item-block-2.blocks-4 .item-block .item-header, .blocks-4 .item-block .item-photo {
    height: 147px;
}

.item-block .item-category {
    bottom: 20px;
    color: #FFFFFF;
    display: block;
    font-size: 15px;
    font-weight: bold;
    left: 20px;
    position: absolute;
    text-shadow: 0 0 2px #000000;
    z-index: 2;
}

.item-block-2 .item-block .item-date, .item-block-2 .item-block .item-category {
    bottom: 0;
    opacity: 0;
}

.item-block .item-date {
    bottom: 20px;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    font-weight: bold;
    opacity: 0.6;
    position: absolute;
    right: 20px;
    text-shadow: 0 0 2px #000000;
    z-index: 2;
}

.item-block .item-date i.fa {
    display: inline-block;
    padding-right: 7px;
}
i.fa {
    font-weight: normal;
    line-height: inherit;
}

.item-block .item-content {
    display: block;
    padding: 20px;
}


.item-block .item-content h3 {
    color: #2B2B2B;
    font-size: 22px;
    font-weight: 400;
    margin: 10px 0 5px;
    text-transform: none;
}


.item-block .item-content .item-author {
    border-top: 1px solid #ECECEC;
    margin-top: 20px;
    padding-top: 5px;
    position: absolute;
    bottom: 5px;
    width: 100%;
    margin-left: -20px;
}

.item-block .item-content .item-author .author-name {
    color: #CB7135;
    display: inline-block;
    font-family: 'Titillium Web',sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 31px;
    margin-left: 10px;
}

.item-block-2 .item-block .item-content h3 a:hover,
.item-block-2 .item-block .item-content p,
.item-block-2 .item-block .item-content h3 {
    /*     color: #fff; */
}
.item-block-2 .item-block .item-content h3 a{
    color: #000;	
}
.item-block-2 .item-block .item-content h3 a:hover, p.relative_time{
    color: #ff8a00;	
}

.item-block-2 .item-block .item-header {
    box-shadow: inset 0 -140px 70px -70px rgba(0, 0, 0, 0.5);
}
.item-block-2 .item-block .item-content {
    position: relative;
    /*     background: rgba(0, 0, 0, 0.5); */
    /*     height: 240px; */
    float: left;
    padding: 0;
}
.item-block-2 .item-block .item-content:before {
    display: block;
    position: absolute;
    content: '';
    left: 20px;
    right: 20px;
    top: 0px;
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}
.item-block-2 .item-block .item-content .item-author .author-name {
    color: #fff;
}
.item-block-2 .item-block .item-content p {
    /*
        opacity: 0.8;
        filter: alpha(opacity=80);
    */
    /*     height: 113px; */
    /*     font-family: 'Lato', sans-serif; */
    font-family: 'Titillium Web', sans-serif;
    margin: 5px 0;
}
.item-block-2 .item-block .item-content .item-author {
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}
/*
.item-block-2 .item-block {
    background-size: cover!important;
    box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.02);
}
*/

.item-block-2 .item-block .item-date,
.item-block-2 .item-block .item-category {
    bottom: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.item-block-2 .item-block:hover .item-date,
.item-block-2 .item-block:hover .item-category {
    bottom: 20px;
    opacity: 1;
    filter: alpha(opacity=100);
}
.item-block-2 .item-block .item-content .item-author {
    opacity: 0.5;
    filter: alpha(opacity=50);
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}
.item-block-2 .item-block:hover .item-content .item-author,
.item-block-2 .item-block:hover .item-content:before {
    opacity: 1;
    filter: alpha(opacity=100);
}

.split-stuff.blocks-3 > div {
    margin-right: 2%;
    width: 32%;
    height: 212px;
    overflow: hidden;
}

.split-stuff.blocks-3 > div:nth-child(3n) {
    margin-right: 0;
}

.blocks-3 .item-block .item-content{
    height: 83%;
    position: relative;
}

.blocks-3 .item-block .item-content h3{
    position: absolute;
    bottom: 20px;
}

.monthly_readers{
    position: absolute;
    top:0; right: 60px;
}

.recent_comments{
    background: #292929;
    color: #ffffff;
    border-radius: 4px;	
    padding: 10px;
    margin-top: 20px;
}

.recent_comments h3{
    color: #FFFFFF;
    font-family: 'Titillium Web',sans-serif;
    font-size: 22px;
    margin: 0 0 10px;
}
.recent_comments ul{
    padding-left: 0;
}

.recent_comments ul li{
    border-bottom: 1px solid #333;
    padding-bottom: 10px;
}
.recent_comments ul li a{
    text-decoration: none;
    color: #FF7200;

}
.recent_comments ul li a.dsq-widget-user{
    color: #fff;
    font-size: 90%;
}

.recent_comments ul li a:hover{
    color: #fff;
}

.recent_comments ul li:last-child{
    border-bottom: none;
}

.recent_comments ul li .dsq-widget-comment p{
    font-size: 90%;
}

/*SHRINK*/
.pic{
    width: 100%;
    height: 140px;
    float: left;
    overflow: hidden;	
}

.shrink img {
    height: 150px;
    width: 120%;

    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.shrink img:hover {
    width: 100%;
    height: 140px;
    cursor: pointer;
}


/*retailers page new css*/

.nav-tabs { list-style: none; margin: 0; border: none;}
.nav-tabs li {  padding: 15px; border: 1px solid #d8d8d8; border-bottom: none;  background-color: #f1f1f1;  margin-right: 20px; display: block; float: none;}
.nav-tabs li:last-child { border-bottom: 1px solid #d8d8d8;}
.store-title { font-size: 18px; font-family: 'Oswald', sans-serif; font-weight: 400; text-transform: uppercase; }
.nav-tabs > li a, .nav-tabs > li a:hover { border: none; margin: 0; color: #110d09;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover { border: none; margin: 0; color: #ff7200;}

.nav-tabs > li.active {border: 1px solid #000; background-color: #fff; border-right: none; margin-right: -1px; position: relative; z-index: 100;padding: 15px 15px 14px 15px;}
.tab-content { position: relative; bottom: 0;right: 0; top: 0; z-index: 99; border: 1px solid #000; padding: 30px; overflow: auto; height: 100%;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border: none;}
#retailers-detail.retailers-detail .row {  margin: 0; display: flex; flex-wrap: wrap;}
#retailers-detail.retailers-detail .col-sm-12 { padding: 0;}
.nav-tabs .tab-content{ display:none;}












/* =============== responsive design ========================= */

@media screen and (max-width: 990px) {
	
#retailers-detail.retailers-detail .col-sm-12 {width: 100%;}
.nav-tabs .tab-content > .tab-pane {  display: block;}
.tab-content { display:none;}
.nav-tabs > li.active .tab-content { border: none; padding: 0; height: auto; width: 100%; display:block;}
.retailer-map iframe { max-width:100%;}
.nav-tabs li { border: 1px solid #d8d8d8 !important; margin-right: 0; margin-bottom: 10px;}
.nav-tabs > li.active { border: 1px solid #000 !important; margin-right: 0;}	
	
}


/* Landscape phones and portrait tablets */
@media screen and (max-width: 767px) {
    .topSlider .container {
        width: 100%;
    }
    .slicknav_menu .slicknav_btn {
        padding: 10px;
        margin: -5px 0 0;
    }
    .strict-block .block-title h2 {
        width: auto;
    }
    .carouselContainer {
        width: 100%;
    }
    .split-stuff.blocks-4 > div {
        margin-bottom: 5%;
        margin-right: 4%;
        width: 46%;
    }
    .item-block .item-content h3 {
        font-size: 22px;
    }
    #top-sub-menu .container {
        width: 100%;
    }  
    footer .container {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .adContainer {
        width: 100%;
        text-align: center;
        float: left;
    }
    .logo {
        text-align: center;
    }
    .adv_300 {
        width: 100%;
    }

    .recent_comments a > img {
        width: 100%;
    }
    .list_layout.image_small .post-image {
        margin: 0 auto;
    }
    .content > img {
        height: auto;
        width: 100%;
    }
    .content p > img {
        height: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }

}

/* Landscape phones and smaller */
@media screen and (max-width: 480px) {
    .item-block .item-content h3 {
        font-size: 22px;
    }
    .strict-block .block-title h2 {
        font-size: 14px;
    }
    .block-title .panel-title-right {
        font-size: 12px;
    }
    .list_layout.image_small .post-image {
        width: 100%;
        margin: 0 auto;
    }
    .list_layout.image_small .post-image img {
        width: 100%;
    }
    .adv_300 > iframe {
        width: 100% !important;
    }
    div h3 + table {
        width: 100% !important;
    }
    #specialist-retailers .hidden-content.hidden-web {
        width: auto;
    }
    #specialist-retailers p {
        clear: both;
    }
    #specialist-retailers .retailer-list {
        padding-left: 10px;
        padding-right: 10px;
    }

.brand-sec ul { padding: 0 12px;}

}

/* Smartphones (portrait) ----------- */
@media screen and (max-width: 320px) {    
    .list_layout.image_small .post-image {
        margin: 0 auto;
    }
}







/*17-08-2016*/
    .split-stuff.blocks-4 > div, .split-stuff.blocks-4 > div:nth-child(4n) {
   height:251px;
   margin-bottom: 2%;
   margin-right: 2%;
   overflow: hidden;
   position: relative;
   width: 32%;
   }
   .split-stuff.blocks-4 > div:nth-child(3n) {
   margin-right: 0;
   }
   .split-stuff.blocks-4 > div:nth-child(3n+1) {
   clear: both;
   }
   .split-stuff.blocks-4 > div:nth-child(4n+1) {
   clear: none;
   }
   .shrink.pic {
   height: auto;
   overflow: inherit;
   position: relative;
   }
   .overlay {
   background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
   padding: 0 10px;
   width: 100%;
   z-index: 999999; display:block;
   float:left;
   }
   .item-block:hover .overlay { display:none;}
   .post-detail .overlay > h3 {
   font-size: 18px;
   margin: 10px 0;
   }
   .post-detail .overlay > h3 a {
   color: #ffffff;
   }
   .post-detail .overlay p {
   margin:0 0 5px 0;
   }
   .shrink img{height:250px; width: 100%;}
   .shrink img:hover {
   cursor: pointer;
   height:250px;
   width: 100%;
   }

   /*17-08-2016*/
   .post-caption .blink{background: #f37021 none repeat scroll 0 0;
   color: #ffffff;
   display: inline-block;
   margin-left: 15px;
   padding: 2px 15px;
   text-transform: uppercase; font-size:11px; font-weight:400;}
   .post-caption{bottom:6px;  position: absolute;}
   .item-block-2 .item-block .item-content p{margin: 0 0 5px 0; font-size:12px; line-height:15px; color:#fff;}
   .item-block:hover .blink { margin-bottom: 20px;}

   
   /*media-start-16-08-2016*/
   @media (min-width:768px) and (max-width:980px){
   .split-stuff.blocks-4  .shrink.pic .overlay, .split-stuff.blocks-4  .shrink.pic{ height:auto; }}
   @media (max-width:767px) {
   .body_wrap {box-sizing: border-box;}
   .split-stuff.blocks-4  div, .split-stuff.blocks-4 div:nth-child(4n){ width:100%;}
   .adContainer { margin-left:0; }
   .split-stuff.blocks-4 .post-caption .blink{ width:auto;}
   }


/* Blackout - 2:40 PM 27/05/2019 - CSS tidy, moved from templates */
cloudflare-app {
    display: none !important;
}

                     body {
                     background-repeat: no-repeat;
                     background-attachment: fixed;
                     }
 .body_wrap #middle .content {
    margin-left: 0;
}
.body_wrap  #middle .sidebar{
    margin: 0 0 0 14px;}
    
                         /*New header css*/
                     /*.top-header.fixed { background: black; height: 82px; padding: 10px 0; }
                     .top-header.homepage { padding:10px 0; height:120px; position: absolute; top: 0; width:100%; z-index: 99; background:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0,0,0,0.9)),color-stop(100%, rgba(0,0,0,0)));background:-webkit-linear-gradient(top, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 100%); }*/
                     .top-header.header.off-canvas.fixed, .top-header.header.off-canvas{ display:block;}
                     .nav-sec li a{font-family: "montserratregular";}
                     .nav-sec li span .fa.fa-sort-asc { color: #ffffff;  font-size: 20px;  line-height: 4px;}
                     .nav-sec li{ /*line-height: .77em;*/ line-height: 13px;}
                     .header_right{ width:100% !important;}
                     .nav-sec li  .sub-nav-main{ z-index:999;}
                     .body_wrap{padding-top:90px;}
                     .off-canvas .header_right.banner_ad{ display:none;}
                     .social_stats {  display: none !important; }
                     .add-banner { box-sizing: border-box; padding: 0 21px; width: 100%;  margin-bottom:10px; float: left;}
                     .top-header.off-canvas.fixed{height:82px;}
			.banner_ad{cursor:pointer;}
			

.sticky-ad {
	height: 600px;
}