/* --
Theme Name: Deadline-with Zenko Responsive v4
Theme URL: http://www.casaweb.ca
Description: A Premium News Theme
Author: Martin Bérard
Author URI: http://www.casaweb.ca
Version: 1.1.5

All files, unless otherwise stated, are released under the GNU General Public License version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

-- */

/*@import url("css/reset.css");
@import url("css/custom.css?v=21121212");*/

.thestyleforgdpr {background-image: none; background-color: #E31B3D; padding-top: 6px; padding-bottom: 6px; padding-left: 10px; padding-right: 10px; color: #ffffff; text-decoration: none;}

a.thestyleforgdpr:link, a.thestyleforgdpr:visited, a.thestyleforgdpr:active 
{
    color: #ffffff;
    text-decoration: none;
}

body { background: #a8acac url(images/bg_autosphere.png) repeat-x 0px -200px fixed;}


body.autosphere #header .container { margin-bottom:-8px; }

a { color: rgb(227,25,55); transition: background 0.5s, color 0.5s, box-shadow 0.5s, border 0.5s; }
a:hover, a:focus { color: rgb(0,0,0); }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none!important; }

h1 { font-size: 26px; }

h3 i, .bouton i { position: absolute; right: 5px;top: 11px;  }

input, textarea { max-width: 100%; }

input[type="submit"] { border:0px; background: #222; color:#fff; box-shadow: 0px 4px 4px rgba(0,0,0,0); transition: color 0.5s, background 0.5s, box-shadow 0.5s; }
input[type="submit"]:hover { background: rgb(227,25,55); box-shadow: 0px 4px 16px rgba(0,0,0,0.7); }

object { max-width: 100% ; }
object embed { max-width: 100%; }
#sidebar .sam-container img { height: auto; }

#clickout { position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.3); display:none; z-index: 16; }

.relative { position: relative; }
.center { text-align: center; }
.alignleft { float:left; margin-right: 15px; margin-bottom: 15px; }
.sub-hidden { display: none; }

.paddingleft0 { padding-left:0px; }
.paddingright0 { padding-right: 0px; }

.text-right { text-align: right; }

.valign-bottom { display: table-cell; vertical-align: bottom; }

.topbanner { padding: 10px 0px; }
.topbanner img { width: 100%; height: auto; box-shadow: 0px 4px 4px rgba(0,0,0,0.3); transition: box-shadow 0.5s; }
.topbanner img:hover { box-shadow: 0px 4px 16px rgba(0,0,0,0.7); }

.ico_photo {     position: absolute;
    font-size: 22px;
    z-index: 2;
    margin: 5px 17px;
    pointer-events: none; 
    display:none; }
.ico_photo.less_margin { margin:5px 5px; }  
.ico_photo i.fa-stack-2x { color: #fff; opacity: 0.5; }
.ico_photo i.fa-stack-1x {  color: rgb(227,25,55); line-height: 2em!important; opacity: 1;}

.nb_views { color:#999999; }

.panel .ico_photo { display:block; margin: 5px 5px; }


.btn { cursor: default; font-size: inherit; position: relative; font-size: 12px; border-radius: 0px; }
.btn:hover { color:#fff; }
.btn a { display: block; text-align: center; background: #222; color:#fff; text-transform: uppercase; text-decoration: none; padding: 5px 0px; box-shadow: 0px 4px 4px rgba(0,0,0,0); }
.btn a:hover { background: rgb(227,25,55); box-shadow: 0px 4px 16px rgba(0,0,0,0.7); }

#header { margin-bottom: 20px; }
#header a { color: #fff; }
#header .container { background: rgb(227,25,55); padding-bottom:0px; margin-bottom: 0px;  box-shadow: 0px 4px 4px rgba(0,0,0,0.3); transition: box-shadow 0.5s; }
#header .container:hover { box-shadow: 0px 4px 16px rgba(0,0,0,0.7); }

.login { font-size: 12px;  margin:10px 0px; }
.topsocial { font-size: 12px; text-align: right; }

#header .topmenu { position:relative; text-align: right; font-size: 12px; margin-top: 5px; z-index: 20; padding-right: 4px; }
#header .topmenu a { color: #fff; padding: 0px 8px; border-right: 1px solid #fff; display: inline-block; text-decoration: none; }
#header .topmenu a:hover, #header .topmenu a.selected{ background: #fff; color:#222; }
#header .topmenu a.noborder { border-right: none; }

#header #topsocial { position: absolute; right:15px; background:#fff; color:#222; padding:15px 15px 0px; z-index: 19; box-shadow: 0px 8px 8px rgba(0,0,0,0.3); transition: box-shadow 0.5s; }
#header #topsocial:hover { box-shadow: 0px 8px 8px rgba(0,0,0,0.7); } 
#header #topsocial h4 { margin:0px; padding:0px 0px 10px; font-size: 16px; }
#header #topsocial a { color:rgb(227,25,55); margin:0px -15px; padding: 10px 15px; float:none; display: block; text-align: left; border:0px;  }
#header #topsocial a:hover { color:#fff; background: rgb(227,25,55); } 

#header #login { position: absolute; right:15px; text-align:left; background:#fff; color:#222; padding:15px 15px 0px; z-index: 20; box-shadow: 0px 4px 4px rgba(0,0,0,0.3); transition: box-shadow 0.5s; }
#header #login:hover { box-shadow: 0px 4px 4px rgba(0,0,0,0.7); } 
#header #login h4 { margin:0px; padding:0px 0px 10px; font-size: 16px; }
#header #login a { color:rgb(227,25,55); margin:0px -15px; padding: 10px 15px; float:none; display: block; text-align: left; border:0px;  }
#header #login a:hover { color:#fff; background: rgb(227,25,55); } 
#header #login input { display: block; margin-bottom: 10px; width:100%; padding: 5px 10px; }
#header #login hr { border-top: 2px solid rgb(227,25,55); padding:0px; margin:0px -15px; }
#header .navbar-toggle { color:#fff;  padding: 5px 10px; margin-bottom: 0px; }
#header .navbar-toggle:hover { color:rgb(227,25,55); background: #fff; }


#searchform { display: block; float: left; margin: 10px 15px 5px; }
#searchform input { padding: 4px 5px; border:0px; width: 205px;}
#searchform a { display: inline-block ; padding: 4px 10px; background: rgb(227,25,55); color:#fff; }
#searchform a i { color:#fff; transition: color 0.5s; }
#searchform a:hover { background: rgb(227,25,55)!important; }
#searchform a:hover i { color:#fff; }

#logo { padding-left:4px; }
#logo img { max-width: 100%; }
.poweredby { text-align: right; padding-top: 17px; padding-right: 11px; }

.navbar { min-height: 0px; border:0px; }
.navbar-header button{ background:rgb(227,25,55); color:#fff; padding: 10px 15px; }


#primary h1 { margin-top: 0px; }
#primary .toptitle { margin-top: 0px; }

#latest-post { position: relative; overflow-x:hidden; background: #413f3f; box-shadow: 0px 4px 4px rgba(0,0,0,0.3); transition: box-shadow 0.5s; }
#latest-post:hover { box-shadow: 0px 4px 16px rgba(0,0,0,0.7); }
#latest-post .panel { background: none; position: absolute; top:0px; left:0px; z-index: 5; display: none; z-index: 10; width: 100%; }
#latest-post .panel {  color:#999;  font-size: 12px; border-radius: 0px; border: 0px; margin-bottom: 0px; }
#latest-post .link-wrapper:hover  h2 { background:rgb(227,25,55);}
#latest-post .panel-wrapper {  position: relative; padding-bottom: 100px; cursor: pointer; }
#latest-post .panel:first-child { position:relative; display: block; z-index: 1; }
#latest-post .panel .post-thumb { width: 100%; }
#latest-post .panel .post-thumb img { width: 100%; height: auto; }
/*#latest-post .link-wrapper { background: rgb(227,25,55); }*/
#latest-post .panel .entry-info { position: absolute; bottom: 0px; display:block; background: #413f3f; padding-top: 10px; padding-bottom: 25px; }
#latest-post .panel .entry-meta { text-transform: uppercase; margin-top: 5px; font-size: 10px; }
#latest-post .panel h2 { font-size: 20px; margin:0px 0px; margin: 0px 0px 10px; transition: background 0.5s, color 0.5s; }
#latest-post .panel h2 a { color:#fff; }
#latest-post .panel h2 a:hover { color:#fff; }
#latest-post .panel a:hover { color:#fff; text-decoration: none; }
#latest-post .panel a.continue { position:absolute; width: 100%; font-weight:bold; text-align: center; bottom: 0px; display: block; padding: 8px 15px; background: #333; color:#FFF; text-transform: uppercase; box-shadow: 0px 4px 4px rgba(0,0,0,0); text-decoration: none; }
#latest-post .panel a.continue:hover {  background: rgb(227,25,55); color:#fff; }

.selectors { padding: 15px 0px; }
.selectors a { float:left; display: block; width: 15px; height: 15px; margin-right: 10px; background:#222; box-shadow: 0px 4px 4px rgba(0,0,0,0); }
.selectors a:hover { background: #fff; box-shadow: 0px 4px 16px rgba(0,0,0,0.7); }
.selectors a.select { background: rgb(227,25,55); }

.crp_related { clear: left; padding-top: 20px; }
.crp_related h3 { font-size: 14px; color:#222; border-bottom: 1px solid #ccc; padding: 10px 0px; text-transform: uppercase; }
.crp_related ul { list-style: none; position:relative; padding:0px 15px; margin: 0px -15px; }
.crp_related a { color:#333; font-weight: bold; }
.crp_related .crp_date { display:block; color: #999; font-size: 10px; text-transform: uppercase; position: absolute; margin: -23px 0px 0px 15px; }


.crp_related li { position: relative; float:left; width: 100%; margin-bottom: 15px; padding:0px!important; }
.crp_related li a:first-child { display: block; position: relative; }
.crp_related img { width: 100%; height: auto; box-shadow: 0px 4px 4px rgba(0,0,0,0.3); transition: box-shadow 0.5s; position: relative; padding-bottom: 50px;}
.crp_related li:hover img{ box-shadow: 0px 4px 16px rgba(0,0,0,0.7); }
.crp_related .crp_title { position: absolute; display:block; font-size: 14px; padding:15px 15px 30px; color:#fff; bottom: 0px; left: 0px; margin:0px;
background:#413f3f;
text-decoration: none; 
width: 100%;
transition: background 0.5s;  }
.crp_related li:hover .crp_title { background: rgb(227,25,55); }



#single-column-right { font-size: 12px; }
#single-column-right h5 { border-bottom: 1px solid #222; }
ul.rss { padding:0px; }
ul.rss li { list-style: none; }
ul.rss li a { display: block; border-bottom: 1px solid rgb(227,25,55); color:#222; text-decoration: none; padding: 5px 10px; margin: 7px 0px; box-shadow: 0px 4px 4px rgba(0,0,0,0); }
ul.rss li a:hover { background: rgb(227,25,55); color:#fff; box-shadow: 0px 4px 16px rgba(0,0,0,0.7); }

.nav-previous i { position: absolute; margin-top: 3px; left:17px; }
.nav-next i { position: absolute;  margin-top: 3px; right:17px; }

#sidebar .bouton { display: block; background: #222; color:#fff; text-transform: uppercase; font-size: 12px; clear:both;  padding: 8px 15px; text-decoration: none; box-shadow: 0px 4px 4px rgba(0,0,0,0.3); line-height: 1em; }
#sidebar .bouton:hover { background: rgb(227,25,55); box-shadow: 0px 4px 16px rgba(0,0,0,0.7); }


#sidebar h3 { margin-top:0px; margin-bottom: 15px; }
#sidebar .widget {  }
#sidebar .widget:hover {  }
#sidebar .lessmargin { margin:-15px; }
#sidebar .lessmargin h3 { margin-bottom: 20px; }

#sidebar .widget img { max-width: 100%; }
#sidebar .login-action img { width: 100%; }
#sidebar .login-action { margin-bottom: 25px; box-shadow: 0px 4px 4px rgba(0,0,0,0.3); transition: box-shadow 0.5s; }
#sidebar .textwidget { padding:  10px 15px; background:#fff; box-shadow: 0px 4px 4px rgba(0,0,0,0.3); transition: box-shadow 0.5s; margin-bottom: 25px; }
#sidebar .textwidget:hover, #sidebar .login-action:hover  { box-shadow: 0px 4px 16px rgba(0,0,0,0.7); }
#sidebar .textwidget:after {    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;}

#sidebar div.textwidget:first-child { background:none; box-shadow: none; }
#sidebar #text-2 .textwidget:hover { background:none; box-shadow: none; }
#sidebar iframe { margin-bottom: 30px; }

#output { margin:-10px 15px 0px; }
.calendar_event { margin-bottom: 10px; background: #fff; color:#222; font-size: 12px; position: relative;   box-shadow: 0px 4px 4px rgba(0,0,0,0.3); transition: box-shadow 0.5s; word-break: break-word;}
.calendar_event:hover { box-shadow: 0px 4px 16px rgba(0,0,0,0.7); }

.calendar_event .date { text-align: center; padding: 0px; position: absolute; height: 100%; background:#fff; color:#fff; border-right: 1px solid #ddd;}
.calendar_event .month { padding: 3px 0px; background: rgb(227,25,55); font-size: 16px; font-weight: bold;  }
.calendar_event .day { font-size: 32px; font-weight: bold; color:#222; height: 100%;
    position: absolute;
    top: 15px;
    width: 100%;}
.calendar_event .event_detail p { display: none; }
.calendar_event .day span { display: inline-block; vertical-align: middle; }
.calendar_event .day span.middle { width:1px; height: 100%;}
.calendar_event .event_detail {  }
.calendar_event h4 { font-size: 16px; padding:0px; margin: 0px; line-height: 76px; } 
.calendar_event h4 a { display: inline-block; line-height: 1em; vertical-align: middle; }

.entry-share { text-align: right; padding-top: 5px; }
.entry-share.margintop { margin-top: 20px; }
.entry-share .ssb-share a { margin-bottom:0px; margin-left: 7px; background:rgb(227,25,55); color:#fff!important; font-size: 16px;padding: 6px 4px; float:left; height: auto; width:auto; }
.entry-share .ssb-share.toright a { float:none; }
.entry-share .ssb-share a:hover { background:#fff; color:rgb(227,25,55)!important; }
.shareit { float:left; margin-top: 12px;  }

a.more_event { display: block; background:#222; color:#fff;  padding: 10px 15px 8px; text-transform: uppercase; text-decoration: none; text-align: center; }
a.more_event:hover { background: rgb(227,25,55); }


h1.entry-title { display: block; background:#222; color:#fff; text-transform: uppercase; font-size: 18px; padding: 10px 15px 8px; font-weight: normal; line-height: 1em; text-decoration: none;  box-shadow: 0px 4px 4px rgba(0,0,0,0.3); transition: box-shadow 0.5s; }
h1.entry-title:hover {   box-shadow: 0px 4px 16px rgba(0,0,0,0.7); }
h3.widget-title a { position:relative; display: block; background:#222; color:#fff; text-transform: uppercase; font-size: 18px; padding: 10px 15px 8px; margin: -10px -15px -8px; font-weight: normal; line-height: 1em; text-decoration: none;   }
h3.widget-title a:hover { background:rgb(227,25,55);}

h3.widget-title { display: block; background:#222; color:#fff; text-transform: uppercase; font-size: 18px; padding: 10px 15px 8px; font-weight: normal; line-height: 1em; text-decoration: none; box-shadow: 0px 4px 4px rgba(0,0,0,0.3); transition: box-shadow 0.5s; }
h3.widget-title:hover {  box-shadow: 0px 4px 16px rgba(0,0,0,0.7); }

iframe { max-width: 100%; }

#text-2 { margin-top: 5px; }

.fancybox { display: block }
.fancybox .name { display:block; margin-top: -20px;}
.fancybox img { width: 100%; }


h1.single-entry-title { background:transparent; color: #2f2f2f;
    text-transform: uppercase;
    
    padding: 10px 0px 0px 0px;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1em;
    text-decoration: none;
    box-shadow: none;
    transition: box-shadow 0.5s; }
h1.single-entry-title:hover { box-shadow: none; }

body.page h1.single-entry-title, body.search h3.recent { margin-top:0px; text-transform:uppercase; background: #222; color:#fff; padding: 10px 15px 8px; font-size: 18px; line-height: 1em; font-weight: normal; box-shadow: 0px 4px 4px rgba(0,0,0,0.3); }
body.search h3.recent strong { font-weight: bold; text-transform: none; }
body.page .whitebox { box-shadow: 0px 4px 4px rgba(0,0,0,0.3);  }


.post { background:#fff; box-shadow:0px 4px 4px rgba(0,0,0,0.3);  margin-bottom: 15px; transition: box-shadow 0.5s}
.post:hover { box-shadow: 0px 4px 16px rgba(0,0,0,0.7); }
.post .metas { background:#fff; padding-top:15px; padding-bottom: 15px; }

.post .entry-meta,.post .entry-share { font-size: 10px; text-transform: uppercase; color:#222; line-height: 1.5em; padding-top:0px; }
.post .entry-header { padding-top: 5px; }
.post .entry-meta a ,.post .entry-share a { color:#999; } 
.post .entry-meta a:hover,.post .entry-share a:hover { color:rgb(227,25,55); } 
.post .entry-content { position: relative; }
.post .wp-caption { font-style: italic; font-size: 12px; background:transparent; color:#2f2f2f;  }
.post .wp-caption ~ .wp-caption {  margin-top:0px; position: relative; }
.post .wp-caption img {  width:100%; height: auto; } 
.post .wp-caption-text { padding-top: 10px; margin:0px;}
.post .entry-tags { margin: 15px 0px; }
.post h2 { text-transform: uppercase; }
.post .post-featured-image img { min-width: 100%; }


#site-navigation { clear:both;padding-top: 15px; }
#site-navigation .container { }
#site-navigation .navbar { background: #222; margin-bottom: 0px; border-radius: 0px; }
#site-navigation a { color:#fff; text-transform: uppercase; }
#site-navigation a:hover, #site-navigation .event a { color:rgb(227,25,55); background: #fff; }
#site-navigation .open> a { color:rgb(227,25,55); background: #fff; }
#site-navigation .dropdown-menu { background: rgb(227,25,55); padding:0px; border:0px; }
#site-navigation .dropdown-menu .active a { background:#242424; color:#fff; }
#site-navigation .dropdown-menu li:last-child a { border-radius: 0px 0px 4px 4px; }




.post-container { position: relative; box-shadow:0px 4px 4px rgba(0,0,0,0.3); margin-bottom: 10px;  transition: background 0.5s, box-shadow 0.5s; background: #413f3f; }
.post-container:hover { box-shadow: 0px 4px 16px rgba(0,0,0,0.7); background: rgb(227,25,55); }
.post-container a { text-decoration: none; }
.post-container .postimage { height: 100%; margin-right:-15px; transition: opacity 0.5s;}
.post-container .postimage:hover { opacity: 0.7 }
.post-container img { height: 100%; width: 100%; opacity: 0; }
.post-container h2 { margin:0px; padding:0px; font-size: 18px; line-height: 1em; }
.post-container h2 a { padding: 100px 0px 15px; display:block; color:#fff; }
.post-image-container { position: relative; }
.picto { position: absolute; top: 15px; z-index: 5; }
.picto img { width: 35px!important; margin-left: 15px;  }
.picto img.picto_video { width: 50px!important; margin-top: -2px; margin-left: 5px; }
.postimage { position: relative; }
.postcontent { color:#fff; transition: background 0.5s;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/rgb(227,25,55)+0,db0b3b+100&0+25,0.9+72 */
/*background: -moz-linear-gradient(top,  rgba(219,11,59,0) 0%, rgba(219,11,59,0) 25%, rgba(219,11,59,0.9) 72%, rgba(219,11,59,0.9) 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  rgba(219,11,59,0) 0%,rgba(219,11,59,0) 25%,rgba(219,11,59,0.9) 72%,rgba(219,11,59,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  rgba(219,11,59,0) 0%,rgba(219,11,59,0) 25%,rgba(219,11,59,0.9) 72%,rgba(219,11,59,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00db0b3b', endColorstr='#e6db0b3b',GradientType=0 ); /* IE6-9 */
background: rgba(0,0,0,0);


background-size: 1px 500px; 
}
.postcontent .entry-title { padding:9px 0px 15px; color:#fff; }
.postcontent .entry-title h2 { font-size: 14px; }
.postsummary { background: #fff; padding: 10px 15px; }
.post-container .published, .post-container .comment-count { font-size: 11px; color:#ccc; }

#respond h2 { font-size: 14px; background: #222; color:#fff; padding: 10px 15px; }
#respond textarea { width: 100%; }

#footer { background:#1c1c1c; color:#aeaeae; font-size: 12px;margin-top: 15px; }
#footer h3 { color:#aeaeae; background: none; border-bottom: 1px solid #aeaeae; font-size: 16px; }
#footer a { color:#fff; }
#footer li { list-style: none; }
#footer ul { padding-left: 15px; }
#footer #copyright { margin: 15px 0px; padding: 30px 0px; text-align: center; border-top: 1px solid #aeaeae;}


.sam-container { text-align: center; padding-bottom: 0px; }
.sam-container iframe { max-width: 100%; }
.sam-container iframe img { min-width: 100%!important; max-width: 100%; }
.sam-container img { max-width:100%; height: auto; box-shadow: 0px 4px 4px rgba(0,0,0,0.3); transition: box-shadow 0.5s;}
.sam-container img:hover { box-shadow: 0px 4px 16px rgba(0,0,0,0.7); } 

/*.simple_ads_manager_widget img { min-width: 100%; }*/

#sidebar .sam-container img { margin-bottom: 20px; }
.simple_ads_manager_widget iframe { margin-bottom: 20px!important; }
#sidebar .sam-container { display:none; }


.archive #latest-post, .search #latest-post { margin-bottom: 10px;}
.archive .post-container, .search .post-container { cursor: pointer; }
.archive .post-container .infobox, .search .post-container .infobox { background: #222; position:relative; overflow: hidden ; color: #999; transition: background 0.5s, color 0.5s; }
.archive .post-container:hover .infobox, .search .post-container:hover .infobox { background: rgb(227,25,55); color:#fff; }
.archive .post-container:hover .entry-meta .published, .search .post-container:hover .entry-meta .published  { color:#fff; background: none; }
.archive .post-container .post-thumb, .search .post-container .post-thumb  { margin:0px; padding:0px; height: 100%; background: #413f3f; position: absolute; height: 100%; background-size: cover;}
.archive .post-container .post-thumb img, .search .post-container .post-thumb img { height: 100%; width: 100%; opacity: 0;}
.archive .post-container .entry-meta, .search .post-container .entry-meta { margin-top: 5px; }
.archive .post-container .entry-meta .published, .search .post-container .entry-meta .published { color:#999; transition: color 0.5s;}
.archive .post-container h2.entry-title a, .search .post-container h2.entry-title a  { color:#fff; padding:0px 0px 10px; font-size: 16px; }
.archive .post-container .entry-summary, .search .post-container .entry-summary { font-size: 12px; }



.no-padding-left  { }

.bx-wrapper { position: relative; background: #242424; clear:both; }
.bx-wrapper .bx-viewport img { width: 100%; }
.bx-wrapper .bx-viewport .text { background: #242424; color:#fff; font-size: 12px; padding: 15px; }

.bx-wrapper .bx-prev { text-decoration: none!important; position: absolute; top: 50%; margin-top:-40px; z-index: 5000; left: 10px; background: rgba(255,255,255,0.7); color:#242424; padding: 5px; transition: background 0.5s, color 0.5s; }
.bx-wrapper .bx-prev:hover { text-decoration: none!important; background: rgba(24,24,24,0.7); color:#fff; }
.bx-wrapper .bx-next { text-decoration: none!important; position: absolute; top: 50%; margin-top:-40px; z-index: 5000; right:10px; background: rgba(255,255,255,0.7); color:#242424; padding: 5px; transition: background 0.5s, color 0.5s;}
.bx-wrapper .bx-next:hover { text-decoration: none!important; background: rgba(24,24,24,0.7); color:#fff; }

#pager ul { width:auto!important; padding:0px; margin: 0px 0px 0px -5px;}
#pager li { list-style: none; margin:0px; padding:0px; float:left; width:25%; }
#pager li a { display:block; padding: 5px 0px 0px 5px; }
#pager li img { width: 100%; }
#pager-outer #right { clear:both; padding-bottom: 15px; }

.margintop20 { padding-top: 15px; clear:both; }
.marginbottom20 { padding-bottom: 30px; }
.margin15 { padding:15px; }



#pictorials .mainPicture { width: 100%; position: relative; background: rgb(227,25,55); }
#pictorials .mainPicture .mainDescription { position: absolute; bottom:0px; background: #222; transition: background 0.5s; color:#fff; width:100%; padding: 10px 15px; box-shadow: 0px 4px 4px rgba(0,0,0,0.3); }
#pictorials .mainPicture:hover .mainDescription { background: rgb(227,25,55); }
#pictorials .mainPicture img { width: 100%; box-shadow: 0px 4px 4px rgba(0,0,0,0.3); transition: opacity 0.5s, box-shadow 0.5s;}
#pictorials .mainPicture:hover img { box-shadow: 0px 4px 16px rgba(0,0,0,0.7); opacity: 0.7;}
#pictorials .others { width: 100%; }
#pictorials .others ul { margin:0px; padding:0px; margin-left: -10px; margin-right: -2px; margin-top: 15px; }
    #pictorials .others ul li { list-style: none; padding:0px; margin:0px 0px 10px 10px; background: rgb(227,25,55); }
    #pictorials .others ul a { display: block; float: left; width:33%; }
    #pictorials .others img { max-width: 100%; box-shadow: 0px 4px 4px rgba(0,0,0,0.3); transition: opacity 0.5s, box-shadow 0.5s; } 
    #pictorials .others img:hover { box-shadow: 0px 4px 16px rgba(0,0,0,0.7); opacity:0.7; }

 #sidebar, #foot-inner, #site-navigation .sub-menu { display: none; }


#mobilenews .dark { min-height: 75px; background: #222; color:#fff; font-size: 11px; margin-bottom: 15px; overflow: hidden; position: relative; padding:15px 0px;  box-shadow: 0px 4px 4px rgba(0,0,0,0.3); transition: background 0.5s, box-shadow 0.5s;}
#mobilenews a:hover { text-decoration: none; background: rgb(227,25,55); box-shadow: 0px 4px 16px rgba(0,0,0,0.7); }
#mobilenews a:hover img { opacity: 0.7; }
#mobilenews .imgcontainer { padding:0px; position: inherit; }
#mobilenews img { width: 100px; position: absolute; top:0px; left:0px; margin-left: 0px; transition: opacity 0.5s; }
#mobilenews .entry-meta  { color:#999; }
#mobilenews h2 { font-size: 14px; padding:0px; margin:0px; font-weight: normal; }
#mobilenews .text { padding: 0px 15px 0px 115px; }

.whitebox { background: #fff; padding:15px; }
/*
#latest-post { overflow: hidden; }
#latest-post { }
#latest-post .post-thumb {
    float: left;
    left: 15px;
    margin: 0;
    position: absolute;
    top: 15px;
}
#latest-post .entry-header {
    left: 205px;
    margin-bottom: 10px;
    position: relative;
    top: 0;
    width: 430px;
}
#latest-post .entry-title {
    left: 205px;
    margin-bottom: 10px;
    position: relative;
    top: -5px;
    width: 430px;
}
#latest-post .entry-summary {
    color: #999999;
    left: 205px;
    position: relative;
    top: -5px;
    width: 430px;
}
#latest-post .continue {
    color: #DDDDDD;
    font-size: 10px;
    left: 205px;
    position: relative;
    text-transform: uppercase;
    top: -5px;
}
#latest-post, .coda-slider .panel-wrapper {
    position: relative;
}
*/


body .postcontent .entry-title .published, body .post-container .entry-title .published { transiton:color 0.5s; }
body .postcontent:hover .entry-title .published , body .post-container:hover .entry-title .published { color:#fff; }

/* dealer - fleet - tire - mecha - collision - Pictorial - publication */
body.autosphere #category-blocks .col-xs-12:nth-child(1) h3 a:hover { background:rgb(26,165,186); }
body.autosphere #category-blocks .col-xs-12:nth-child(2) h3 a:hover { background: rgb(18,146,232); }
body.autosphere #category-blocks-summary .col-xs-12:nth-child(1) h3 a:hover { background: rgb(91,124,142); }
body.autosphere #category-blocks-summary .col-xs-12:nth-child(2) h3 a:hover { background: rgb(253,174,42); }
body.autosphere #category-blocks-summary-2 .col-xs-12:nth-child(1) h3 a:hover { background: rgb(252,108,33); }

/* Pictorial - dealer - fleet - tire - mecha - collision - publication 
body.autosphere #category-blocks .col-xs-12:nth-child(2) h3 a:hover { background:rgb(26,165,186); }
body.autosphere #category-blocks-summary .col-xs-12:nth-child(1) h3 a:hover { background: rgb(18,146,232); }
body.autosphere #category-blocks-summary .col-xs-12:nth-child(2) h3 a:hover { background: rgb(91,124,142); }
body.autosphere #category-blocks-summary-2 .col-xs-12:nth-child(1) h3 a:hover { background: rgb(253,174,42); }
body.autosphere #category-blocks-summary-2 .col-xs-12:nth-child(2) h3 a:hover { background: rgb(252,108,33); } */


/* dealer - fleet - tire - mecha - collision - Pictorial - publication */

body.autosphere #category-blocks .col-xs-12:nth-child(1) h3 a { background:rgb(26,165,186); }
body.autosphere .post-container.dealerships:hover { background:rgb(26,165,186); }

body.autosphere #category-blocks .col-xs-12:nth-child(2) h3 a { background: rgb(18,146,232); }
body.autosphere .post-container.fleetdigest:hover { background: rgb(18,146,232); }

body.autosphere #category-blocks-summary .col-xs-12:nth-child(1) h3 a { background: rgb(91,124,142); }
body.autosphere .post-container.tirenews:hover { background: rgb(91,124,142); }

body.autosphere #category-blocks-summary .col-xs-12:nth-child(2) h3 a { background: rgb(253,174,42); }
body.autosphere .post-container.carcarebusiness:hover { background: rgb(253,174,42); }

body.autosphere #category-blocks-summary-2 .col-xs-12:nth-child(1) h3 a { background: rgb(252,108,33); }
body.autosphere .post-container.collisionmanagement:hover { background: rgb(252,108,33); }

/*body.autosphere #category-blocks-summary-2 .col-xs-12:nth-child(2) h3 a { background: rgb(26,165,186); }*/

#primary .entry-content img {max-width: 100%; height: auto; }

.subtitle { padding: 15px 0px 10px; margin-bottom: 30px; border-bottom: 1px solid #ccc; font-size: 12px; }

@media screen and (max-width: 767px){
    .topbanner iframe { display: none; margin:-10px 0px;}

    .alignleft { width:100%!important; height: auto; }
    .fixemobile { position: fixed; top:0px; z-index: 10000; }

    h3.widget-title a { padding: 10px 30px 10px 15px; }

    body.single h1 { box-shadow: none; }
    body.single h1:hover { box-shadow: none; }

    body #category-blocks .col-xs-12:first-child .category-block .postcontent:hover .entry-title,
    body #category-blocks .col-xs-12:nth-child(2) .category-block .postcontent:hover .entry-title,
    body #category-blocks-summary .col-xs-12:nth-child(1) .category-block .postcontent:hover .entry-title,
    body #category-blocks-summary .col-xs-12:nth-child(2) .category-block .postcontent:hover .entry-title,
    body #category-blocks-summary-2 .col-xs-12:nth-child(1) .category-block .postcontent:hover .entry-title { background: transparent!important; }

    

    /* Pictorial - dealer - fleet - tire - mecha - collision - publication
    body.autosphere #category-blocks .col-xs-12:nth-child(1) h3 a { background:rgb(227,25,55); }

    body.autosphere #category-blocks .col-xs-12:nth-child(2) h3 a { background:rgb(26,165,186); }
    body.autosphere .post-container.dealerships:hover { background:rgb(26,165,186); }

    body.autosphere #category-blocks-summary .col-xs-12:nth-child(1) h3 a { background: rgb(18,146,232); }
    body.autosphere .post-container.fleetdigest:hover { background: rgb(18,146,232); }

    body.autosphere #category-blocks-summary .col-xs-12:nth-child(2) h3 a { background: rgb(91,124,142); }
    body.autosphere .post-container.tirenews:hover { background: rgb(91,124,142); }

    body.autosphere #category-blocks-summary-2 .col-xs-12:nth-child(1) h3 a { background: rgb(253,174,42); }
    body.autosphere .post-container.carcarebusiness:hover { background: rgb(253,174,42); }

    body.autosphere #category-blocks-summary-2 .col-xs-12:nth-child(2) h3 a { background: rgb(252,108,33); }
    body.autosphere .post-container.collisionmanagement:hover { background: rgb(252,108,33); } */
}

@media screen and (min-width: 768px){

    .ico_photo { display:block; }

    .nav.navbar-nav { width:100%; }
    #searchform { display: block; float: right; margin:0px; margin-right: 3px;}
    #searchform input { padding: 4px 5px; border:0px; width: 87px;}
    #searchform a { padding: 4px 5px; }

    .post .wp-caption { margin-top:5px;  }
    .topbanner .container { padding: 0px 0px; } 

    #sidebar { padding-left: 0px; }
    #content { padding: 0px 0px; }

    h3 i, .bouton i { top: 10px;  }
    #category-blocks, #category-blocks-summary, #sidebar, #foot-inner,  #site-navigation .sub-menu { display: block; }
    .navbar-nav>li>a { padding: 14px 10px; font-size: 15px; }
    .post-container { position: relative; box-shadow:0px 4px 4px rgba(0,0,0,0.3); margin-bottom: 10px;  transition: box-shadow 0.5s; }
    .post-container:hover { box-shadow: 0px 4px 16px rgba(0,0,0,0.7); background: rgb(227,25,55); }
    .post-container:hover .postimage { opacity: 0.7; }
    .post-container img { width:100%; height: auto; }
    .post-container h2 { margin:0px; padding:0px; font-size: 18px; line-height: 1em; }
    .post-container h2 a { padding: 100px 0px 15px; display:block; color:#fff; }
    .post-image-container { position: relative;  margin-bottom: 50px;  }
    .picto { position: absolute; top: 15px; z-index: 5; }
    .picto img { width: 35px!important; margin-left: 15px; }
    .picto img.picto_video { width: 50px!important; margin-top: -2px; margin-left: 5px; }
    .postimage { position: relative; }
    .postcontent { color:#fff; position: absolute; display:block; width: 100%; bottom:0px; height:100%; transition: background 0.5s;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/rgb(227,25,55)+0,db0b3b+100&0+25,0.9+72 */
    /*background: -moz-linear-gradient(top,  rgba(219,11,59,0) 0%, rgba(219,11,59,0) 25%, rgba(219,11,59,0.9) 72%, rgba(219,11,59,0.9) 100%); /* FF3.6-15 */
    /*background: -webkit-linear-gradient(top,  rgba(219,11,59,0) 0%,rgba(219,11,59,0) 25%,rgba(219,11,59,0.9) 72%,rgba(219,11,59,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom,  rgba(219,11,59,0) 0%,rgba(219,11,59,0) 25%,rgba(219,11,59,0.9) 72%,rgba(219,11,59,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00db0b3b', endColorstr='#e6db0b3b',GradientType=0 ); /* IE6-9 */
    background: rgba(0,0,0,0);


    background-size: 1px 500px; 
    }
    .postcontent .entry-title { position: absolute; width:100%; bottom: -50px; padding:9px 15px 15px; color:#fff; background: #413f3f; transition: background 0.5s; }
    .postcontent .entry-title h2 { font-size: 14px; }
    .postcontent:hover .entry-title { background: rgba(219,11,59,1); }
    .post-image-container:hover .postcontent{ /*background: rgba(219,11,59,0.3);  background-position:200px;  */  }
    .postsummary { background: #fff; padding: 10px 15px; }
    .post-container .published, .post-container .comment-count { font-size: 11px; color:#ccc; text-transform: uppercase; }

    #sidebar .sam-container { display:block; }

    .crp_related ul {margin:0px -5px; }
    .crp_related li a:first-child { padding:0px 5px; }
	.link-wrapper { }

    /*#latest-post .panel .entry-info { background: rgba(22,22,22,0.8); color:#fff;  font-size: 14px; font-weight: 300; width: 60%; bottom: 62px; right: 15px; padding-bottom: 5px; }
    #latest-post .panel a.continue { text-align: left; background: rgba(22,22,22, 0.8); width: 60%; bottom: 15px; right: 15px; padding:15px; }*/
    .noleftpadding { padding-left:0px;}
    .crp_related ul { padding:0px 0px; }
    .crp_related li { width: 50%; padding-left:15px; padding-right: 15px; padding-bottom: 50px; }
    .crp_related .crp_title { margin:0px 5px; display: block; width: 192.5px; }

    #pictorials .mainPicture { width: 50%; float:left; position: relative; background: rgb(227,25,55); }
    #pictorials .mainPicture .mainDescription { position: absolute; bottom:0px; background: #222; transition: background 0.5s; color:#fff; width:100%; padding: 10px 15px; box-shadow: 0px 4px 4px rgba(0,0,0,0.3); }
    #pictorials .mainPicture:hover .mainDescription { background: rgb(227,25,55); }
    #pictorials .mainPicture img { width: 100%; box-shadow: 0px 4px 4px rgba(0,0,0,0.3); transition: opacity 0.5s, box-shadow 0.5s; }
    #pictorials .mainPicture:hover img { box-shadow: 0px 4px 16px rgba(0,0,0,0.7); opacity: 0.7;}
    #pictorials .others { width: 50%; float:left; }
    #pictorials .others ul { margin:0px; padding:0px; }
    #pictorials .others ul li { list-style: none; padding:0px; margin:0px 0px 10px 10px; background: rgb(227,25,55); }
    #pictorials .others ul a { display: block; float: left; width:33%; }
    #pictorials .others img { max-width: 100%; box-shadow: 0px 4px 4px rgba(0,0,0,0.3); transition: opacity 0.5s, box-shadow 0.5s; } 
    #pictorials .others img:hover { box-shadow: 0px 4px 16px rgba(0,0,0,0.7); opacity:0.7; }



    #site-navigation .navbar { position: relative;  background: transparent; }
    #site-navigation .navbar-collapse { margin:0px; padding:0px; }
    #site-navigation ul li { padding:0px; /*border-right: 3px solid rgb(227,25,55); */ font-size: 15px; }
    #site-navigation a:hover, #site-navigation a:active, #site-navigation a:visited, #site-navigation a:focus  { text-decoration: none!important; }
    #site-navigation ul > li { position: inherit; padding: 0px 0px;}
    #site-navigation ul > li > a { display:block; padding: 5px 10px; font-size: 18px; }
    #site-navigation ul > li > ul { position: absolute; left: 0px; /*border-top: 3px solid rgb(227,25,55);*/ padding:0px; margin:0px; width: 100%;}
    #site-navigation ul ul { display: none; }
    #site-navigation ul .current-menu-ancestor > ul , #site-navigation ul .current-menu-item > ul { display: block ; }
    #site-navigation ul ul ul { display: none; }

    #site-navigation ul .current-menu-ancestor ul .current-menu-ancestor > ul, #site-navigation ul .current-menu-ancestor ul .current-menu-item > ul { display: block ; }
    #site-navigation ul ul li { float: left; list-style: none; position: initial; padding:0px; }
    #site-navigation ul ul li a { display:block; padding: 5px 15px 2px; border-bottom: 3px solid rgba(255,255,255,0); font-size: 15px; }
    #site-navigation ul ul li a:hover { background: none; border-color: rgba(255,255,255,0.7); color:#fff; } 

    #site-navigation li.dealerships a:hover, #site-navigation li.dealerships a:visited { color:#fff; background: rgb(26,165,186); }
    #site-navigation li.fleetdigest a:hover, #site-navigation li.fleetdigest a:visited { color:#fff; background: rgb(18,146,232); }
    #site-navigation li.tirenews a:hover, #site-navigation li.tirenews a:visited { color:#fff; background: rgb(91,124,142); }
    #site-navigation li.carcarebusiness a:hover, #site-navigation li.carcarebusiness a:visited { color:#fff; background: rgb(253,174,42); }
    #site-navigation li.collisionmanagement a:hover, #site-navigation li.collisionmanagement a:visited { color:#fff; background: rgb(252,108,33); }

    body #site-navigation .current-menu-item > a:hover { color:#fff; }
    body #site-navigation .navbar ul > .current-menu-ancestor > a:hover { color:#fff; }
    body #site-navigation .navbar .current-menu-ancestor .current-menu-item a { border-color: rgba(255,255,255,0.7); }

    body.autosphere #site-navigation .navbar { height: auto; }

    body.dealerships #site-navigation .navbar ul > .dealerships > a,
    body.fleetdigest #site-navigation .navbar ul > .fleetdigest > a,
    body.tirenews #site-navigation .navbar ul > .tirenews > a,
    body.carcarebusiness #site-navigation .navbar ul > .carcarebusiness > a,
    body.collisionmanagement #site-navigation .navbar ul > .collisionmanagement > a { padding-bottom: 12px; z-index: 3000; }

    body.dealerships #site-navigation .navbar ul > .dealerships > a { background: rgb(26,165,186); color:#fff; }
    body.dealerships #site-navigation .navbar ul > .dealerships > a { background: rgb(26,165,186); }
    body.dealerships #site-navigation .navbar ul > .dealerships > ul { display: block; background: rgb(26,165,186); }

    body.fleetdigest #site-navigation .navbar ul > .fleetdigest > a { background: rgb(18,146,232); color:#fff; }
    body.fleetdigest #site-navigation .navbar ul > .fleetdigest > a { background: rgb(18,146,232); }
    body.fleetdigest #site-navigation .navbar ul > .fleetdigest > ul { display: block; background: rgb(18,146,232); }

    body.tirenews #site-navigation .navbar ul > .tirenews > a { background: rgb(91,124,142); color:#fff; }
    body.tirenews #site-navigation .navbar ul > .tirenews > a { background: rgb(91,124,142); }
    body.tirenews #site-navigation .navbar ul > .tirenews > ul { display: block; background: rgb(91,124,142); }

    body.carcarebusiness #site-navigation .navbar ul > .carcarebusiness > a { background: rgb(253,174,42); color:#fff; }
    body.carcarebusiness #site-navigation .navbar ul > .carcarebusiness > a { background: rgb(253,174,42); }
    body.carcarebusiness #site-navigation .navbar ul > .carcarebusiness > ul { display: block; background: rgb(253,174,42); }

    body.collisionmanagement #site-navigation .navbar ul > .collisionmanagement > a { background: rgb(252,108,33); color:#fff; }
    body.collisionmanagement #site-navigation .navbar ul > .collisionmanagement > a { background: rgb(252,108,33); }
    body.collisionmanagement #site-navigation .navbar ul > .collisionmanagement > ul { display: block; background: rgb(252,108,33); }

    .post-container .postimage { height: 155px; overflow-y: hidden;}

    #header .container { background: rgb(227,25,55); padding-bottom:32px; margin-bottom: 30px;  box-shadow: 0px 4px 4px rgba(0,0,0,0.3); }
    #header .container:hover { box-shadow: 0px 4px 4px rgba(0,0,0,0.3);  }
    #site-navigation .navbar-collapse { position: absolute; width: 100%;  }
    #site-navigation .sub-menu { box-shadow: 0px 4px 4px rgba(0,0,0,0.3);  }
    /*body.single .entry-content { position: relative; margin-bottom: 30px; padding-left:208px; padding-bottom: 5px; }
    body.single .entry-content h1 { box-shadow: none; margin-left:-15px;}
    body.single .entry-content .wp-caption.alignleft:first-child { position: absolute; top:0px; left:0px; height: 100%; }*/

    .entry-share .ssb-share.wide a { font-size: 13px; }

    
    .crp_related .crp_date {margin: -23px 0px 0px 20px; transition: color 0.5s; }
    .crp_related li:hover .crp_date { color:#ffffff; }

}

body.single .entry-share .ssb-share.wide a i:before {color: inherit;}
body.single input[type="submit"]{ padding: 8px 15px; border-radius: 3px; border: #e22238; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ed495d+0,e22238+16,931c22+100 */
background: #ed495d; /* Old browsers */
background: -moz-linear-gradient(top,  #ed495d 0%, #e22238 16%, #931c22 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ed495d 0%,#e22238 16%,#931c22 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ed495d 0%,#e22238 16%,#931c22 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed495d', endColorstr='#931c22',GradientType=0 ); /* IE6-9 */
}
body.single input[type="submit"]:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ea6b7a+0,ed495d+10,e22238+100 */
background: #ea6b7a; /* Old browsers */
background: -moz-linear-gradient(top,  #ea6b7a 0%, #ed495d 10%, #e22238 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ea6b7a 0%,#ed495d 10%,#e22238 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ea6b7a 0%,#ed495d 10%,#e22238 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea6b7a', endColorstr='#e22238',GradientType=0 ); /* IE6-9 */

}


body #latest-post .panel-wrapper,
body #latest-post .panel-wrapper .entry-info { transition: background 0.5s, color 0.5s; }

body #latest-post .panel-wrapper:hover,
body #latest-post .panel-wrapper:hover .entry-info { background: rgb(227,25,55); }
body #recent-news-block a .published  { transition: color 0.5s }
body #latest-post .panel-wrapper:hover .entry-info,body #recent-news-block a:hover .published  { color:#fff; }
body #latest-post .panel-wrapper .link-wrapper img { transition: opacity 0.5s; }
body #latest-post .panel-wrapper:hover .link-wrapper img { opacity: 0.8; }
/*
body.dealerships #primary h3.widget-title, 
body.dealerships #primary h3.widget-title a,
body.dealerships.single #primary h2,
body.dealerships.single .entry-content h1,
body.dealerships.single .entry-content .wp-caption,
body.dealerships.single .entry-share .ssb-share.wide a,
body.dealerships .btn a,
body.dealerships input[type="submit"]  { background: rgb(26,165,186); }*/
body #latest-post .dealerships .panel-wrapper:hover,
body #latest-post .dealerships .panel-wrapper:hover .entry-info,
body.dealerships #latest-post .panel-wrapper:hover,
body.dealerships #latest-post .panel-wrapper:hover .entry-info,
body.dealerships.archive .post-container:hover .infobox,
body.dealerships.search .post-container:hover .infobox,
body.dealerships .crp_related li:hover .crp_title,
body.dealerships .postcontent:hover .entry-title,
body.dealerships .post-container:hover,
body.dealerships #primary h3.widget-title,
body.dealerships #primary h3.widget-title a,
body #recent-news-block a.dealerships:hover,
body .post-container.dealerships:hover,
body.home .dealerships .postcontent .entry-title,
body .dealerships .postcontent:hover .entry-title,
body.dealerships #primary h3.widget-title a:hover{ background: rgb(26,165,186); } /*rgb(95,192,207); */
/*body.dealerships.single .entry-share .ssb-share.wide a:hover { background: #fff; color: rgb(26,165,186); }*/

/*body.fleetdigest #primary h3.widget-title, 
body.fleetdigest #primary h3.widget-title a,
body.fleetdigest.single #primary h2,
body.fleetdigest.single .entry-content h1,
body.fleetdigest.single .entry-content .wp-caption,
body.fleetdigest.single .entry-share .ssb-share.wide a,
body.fleetdigest .btn a,
body.fleetdigest input[type="submit"]   { background: rgb(18,146,232); }*/
body #latest-post .fleetdigest .panel-wrapper:hover,
body #latest-post .fleetdigest .panel-wrapper:hover .entry-info,
body.fleetdigest #latest-post .panel-wrapper:hover,
body.fleetdigest #latest-post .panel-wrapper:hover .entry-info,
body.fleetdigest.archive .post-container:hover .infobox,
body.fleetdigest.search .post-container:hover .infobox,
body.fleetdigest .crp_related li:hover .crp_title,
body.fleetdigest .postcontent:hover .entry-title,
body.fleetdigest .post-container:hover,
body.fleetdigest #primary h3.widget-title,
body.fleetdigest #primary h3.widget-title a,
body #recent-news-block a.fleetdigest:hover,
body .post-container.fleetdigest:hover,
body.home .fleetdigest .postcontent .entry-title,
body .fleetdigest .postcontent:hover .entry-title,
body.fleetdigest #primary h3.widget-title a:hover{ background: rgb(18,146,232); } /*rgb(90,179,239);*/
/*body.fleetdigest.single .entry-share .ssb-share.wide a:hover { background: #fff; color: rgb(18,146,232); }*/


/*body.tirenews #primary h3.widget-title, 
body.tirenews #primary h3.widget-title a,
body.tirenews.single #primary h2,
body.tirenews.single .entry-content h1,
body.tirenews.single .entry-content .wp-caption,
body.tirenews.single .entry-share .ssb-share.wide a,
body.tirenews .btn a,
body.tirenews input[type="submit"]   { background: rgb(91,124,142); }*/
body #latest-post .tirenews .panel-wrapper:hover,
body #latest-post .tirenews .panel-wrapper:hover .entry-info,
body.tirenews #latest-post .panel-wrapper:hover,
body.tirenews #latest-post .panel-wrapper:hover .entry-info,
body.tirenews.archive .post-container:hover .infobox,
body.tirenews.search .post-container:hover .infobox,
body.tirenews .crp_related li:hover .crp_title,
body.tirenews .postcontent:hover .entry-title,
body.tirenews .post-container:hover,
body.tirenews #primary h3.widget-title,
body.tirenews #primary h3.widget-title a,
body #recent-news-block a.tirenews:hover,
body .post-container.tirenews:hover,
body.home .tirenews .postcontent .entry-title,
body .tirenews .postcontent:hover .entry-title,
body.tirenews #primary h3.widget-title a:hover{ background: rgb(91,124,142); } /*rgb(148,148,148);*/
/*body.tirenews.single .entry-share .ssb-share.wide a:hover { background: #fff; color: rgb(91,124,142); }*/

/*
body.carcarebusiness #primary h3.widget-title, 
body.carcarebusiness #primary h3.widget-title a,
body.carcarebusiness.single #primary h2,
body.carcarebusiness.single .entry-content h1,
body.carcarebusiness.single .entry-content .wp-caption,
body.carcarebusiness.single .entry-share .ssb-share.wide a,
body.carcarebusiness .btn a,
body.carcarebusiness input[type="submit"]   { background: rgb(253,174,42); }*/
body #latest-post .carcarebusiness .panel-wrapper:hover,
body #latest-post .carcarebusiness .panel-wrapper:hover .entry-info,
body.carcarebusiness #latest-post .panel-wrapper:hover,
body.carcarebusiness #latest-post .panel-wrapper:hover .entry-info,
body.carcarebusiness.archive .post-container:hover .infobox,
body.carcarebusiness.search .post-container:hover .infobox,
body.carcarebusiness .crp_related li:hover .crp_title,
body.carcarebusiness .postcontent:hover .entry-title,
body.carcarebusiness .post-container:hover,
body.carcarebusiness #primary h3.widget-title,
body.carcarebusiness #primary h3.widget-title a,
body #recent-news-block a.carcarebusiness:hover,
body .post-container.carcarebusiness:hover,
body.home .carcarebusiness .postcontent .entry-title,
body .carcarebusiness .postcontent:hover .entry-title,
body.carcarebusiness #primary h3.widget-title a:hover{ background: rgb(253,174,42); }/*rgb(254,198,106)*/
/*body.carcarebusiness.single .entry-share .ssb-share.wide a:hover { background: #fff; color: rgb(253,174,42); }*/



/*body.collisionmanagement #primary h3.widget-title, 
body.collisionmanagement #primary h3.widget-title a,
body.collisionmanagement.single #primary h2,
body.collisionmanagement.single .entry-content h1,
body.collisionmanagement.single .entry-content .wp-caption,
body.collisionmanagement.single .entry-share .ssb-share.wide a,
body.collisionmanagement .btn a,
body.collisionmanagement input[type="submit"]   { background: rgb(252,108,33); }*/
body #latest-post .collisionmanagement .panel-wrapper:hover,
body #latest-post .collisionmanagement .panel-wrapper:hover .entry-info,
body.collisionmanagement #latest-post .panel-wrapper:hover,
body.collisionmanagement #latest-post .panel-wrapper:hover .entry-info,
body.collisionmanagement.archive .post-container:hover .infobox,
body.collisionmanagement.search .post-container:hover .infobox,
body.collisionmanagement .crp_related li:hover .crp_title,
body.collisionmanagement .postcontent:hover .entry-title,
body.collisionmanagement .post-container:hover,
body.collisionmanagement #primary h3.widget-title,
body.collisionmanagement #primary h3.widget-title a,
body #recent-news-block a.collisionmanagement:hover,
body .post-container.collisionmanagement:hover,
body.home .collisionmanagement .postcontent .entry-title,
body .collisionmanagement .postcontent:hover .entry-title,
body.collisionmanagement #primary h3.widget-title a:hover{ background: rgb(252,108,33)} /*rgb(253,152,100); */
/*body.collisionmanagement.single .entry-share .ssb-share.wide a:hover { background: #fff; color: rgb(252,108,33); }*/


.publications img { max-width: 100%; box-shadow: 0px 4px 4px rgba(0,0,0,0.3); transition: box-shadow 0.5s; }
.publications a { margin-bottom: 15px; display: block; text-align:  center;}
.publications a:hover img { box-shadow: 0px 4px 16px rgba(0,0,0,0.7); }

@media screen and (min-width: 992px){

    #searchform input { padding: 4px 5px; border:0px; width: 135px;}
    #searchform a { padding: 4px 10px; }

	#latest-post .panel-wrapper { padding-bottom: 0px; }
    #latest-post .panel .entry-info { position: relative; bottom: auto; padding-top: 50px; }
    #latest-post .panel a.continue { position: relative ; bottom: auto; width:auto; margin-left:15px; }
    .topbanner .container { padding: 0px 0px; } 
    #content { padding: 0px 0px; }
    .crp_related li { width: 50%; }
    .crp_related .crp_title { width: 298.328px;}

    .post-container .postimage { height: 148px;  overflow-y: hidden;}
     .entry-share .ssb-share.wide a { font-size: 16px; }

    .category-block .row .col-md-4:nth-child(4) { display: none; }
    #category-blocks > div:first-child .category-block .row .col-md-4:nth-child(4) { display: block; }
    body.autosphere  #category-blocks > div:first-child .category-block .row .col-md-4:nth-child(4) { display: none; }
}




.container { max-width: 970px; }


#menu-autospheremain .sub-menu, #menu-main-menu .sub-menu { display:none; }
#menu-autospheremain .current-menu-item .sub-menu, #menu-main-menu .current-menu-item .sub-menu { display: block; }
.crp_clear { clear:both; }


@media screen and (max-width:767px){
    body .dealerships .postcontent .entry-title,
    body .fleetdigest .postcontent .entry-title,
    body .tirenews .postcontent .entry-title,
    body .carcarebusiness .postcontent .entry-title,
    body .collisionmanagement .postcontent .entry-title { background: transparent!important; }
    .topbanner .simple_ads_manager_widget ins, .topbanner .simple_ads_manager_widget iframe { display: none!important; }
    .topbanner .simple_ads_manager_widget ins.responsive , .topbanner .simple_ads_manager_widget iframe.responsive { display: inline-block!important; }
}


@media screen and (min-width: 768px) and (max-width: 991px){
    #site-navigation ul > li > a { font-size: 15px; }
    #searchform:hover input {  display: block; width: 135px; opacity: 1; right: 28px; box-shadow: -35px 0px 0px 2px rgb(227,25,55);}
    #searchform input { z-index: 1000; position: absolute; width: 30px; opacity: 0; right: 0px;  box-shadow: 0px 0px 0px 2px rgb(227,25,55); transition: all 0.5s; box-sizing: content-box; }
    #searchform input:focus { display: block; width: 135px; right: 28px; box-shadow: -35px 0px 0px 2px rgb(227,25,55);}
    #searchform a { position:relative; z-index: 999; }
}
@media screen and (min-width: 992px) {
    #searchform:hover input {  display: block; width: 135px; opacity: 1; }
    #searchform input { position: absolute; width: 0px; right: 24px;  transition: all 0.5s; box-sizing: content-box; }
    #searchform input:focus { display: block; width: 135px; }
    #searchform a { position:relative; z-index: 10000; }
}

/* ZONE EXTRA */

body.extra { background: #ffffff!important; }

body.extra .simple_ads_manager_widget { display:none!important; }


body.extra .admin { display: none; }
body.extra.admin-bar .admin { display: block; }

body.extra #header .container,
body.extra #site-navigation .sub-menu,
body.extra .post, 
body.extra h3.widget-title,
body.extra #sidebar .textwidget,
body.extra #sidebar .textwidget:hover, 
body.extra #sidebar .login-action:hover,
body.extra #latest-post,
body.extra .archive .post-container .infobox, 
body.extra .search .post-container .infobox,
body.extra .post-container  { box-shadow: none; }

body.extra #latest-post,
body.extra #latest-post .panel .entry-info,
body.extra.archive .post-container .infobox, 
body.extra.search .post-container .infobox,
body.extra .post-container { background: none!important; color:#222; }

body.extra .post-container { margin-bottom: 20px; }
body.extra.archive .post-container h2 { text-transform: uppercase; }

body.extra.archive .post-container h2.entry-title a, 
body.extra.search .post-container h2.entry-title a,
body.extra .post-container .author, 
body.extra.archive .post-container .entry-meta .published, 
body.extra.search .post-container .entry-meta .published,
body.extra .post-container:hover .infobox{ color:#222; transition: color 0.2s!important; }




body.extra.archive .post-container .entry-meta, 
body.extra.search .post-container .entry-meta { margin-top: -5px; margin-bottom: 0px; }
body.extra .post-container h2 { margin-top: -2px; }

body.extra .post-container .entry-meta { font-size: 11px; color:#222; font-weight: bold; }
body.extra .post-container .published { text-transform: none; }
body.extra .crp_related { display: none; }

body.extra #single-column-left { text-align: justify; }
body.extra.single #primary { padding: 0px; }

body.extra .widget simple_ads_manager_widget a {  }

body.extra.dealerships .post-container:hover h2.entry-title a{ color: rgb(26,165,186);  }
body.extra.dealerships h3.widget-title { background:  rgb(26,165,186); }
body.dealerships #site-navigation li.dealerships li.extra.menu-item a, 
#site-navigation li.dealerships li.extra.menu-item a:visited { color:rgb(26,165,186); background: #ffffff; }
body.dealerships #site-navigation ul ul li.extra.menu-item a:hover { border-color: rgba(26,165,186,0.5); }


li.nafa.menu-item a, 
li.nafa.menu-item a:visited { color:#ffffff; background: #000000!important; }

body.extra.fleetdigest .post-container:hover h2.entry-title a{ color: rgb(18,146,232);  }
body.extra.fleetdigest h3.widget-title { background:  rgb(18,146,232); }
body.fleetdigest #site-navigation li.fleetdigest li.extra.menu-item a, 
#site-navigation li.fleetdigest li.extra.menu-item a:visited { color:rgb(18,146,232); background: #ffffff; }
body.fleetdigest #site-navigation ul ul li.extra.menu-item a:hover { border-color: rgba(18,146,232,0.5); }

body.fleetdigest .filters li a { color:   rgb(18,146,232); }
body.fleetdigest .filters li:hover > a, body.fleetdigest .filters li.current > a { background:   rgb(18,146,232); color:#ffffff; }
body.fleetdigest .filters ul, body.fleetdigest .filters .parent .sub a:hover, body.fleetdigest .filters .parent .sub a.current  { border-color:   rgb(18,146,232); }

body.extra.tirenews .post-container:hover h2.entry-title a{ color: rgb(91,124,142);  }
body.extra.tirenews h3.widget-title { background:  rgb(91,124,142); }
body.tirenews #site-navigation li.tirenews li.extra.menu-item a, 
#site-navigation li.tirenews li.extra.menu-item a:visited { color:rgb(91,124,142); background: #ffffff; }
body.tirenews #site-navigation ul ul li.extra.menu-item a:hover { border-color: rgba(91,124,142,0.5); }

body.tirenews .filters li a { color:  rgb(91,124,142); }
body.tirenews .filters li:hover > a, body.tirenews .filters li.current > a { background:  rgb(91,124,142); color:#ffffff; }
body.tirenews .filters ul, body.tirenews .filters .parent .sub a:hover, body.tirenews .filters .parent .sub a.current  { border-color:  rgb(91,124,142); }

body.extra.carcarebusiness .post-container:hover h2.entry-title a{ color: rgb(253,174,42);  }
body.extra.carcarebusiness h3.widget-title { background:  rgb(253,174,42); }
body.carcarebusiness #site-navigation li.carcarebusiness li.extra.menu-item a, 
#site-navigation li.carcarebusiness li.extra.menu-item a:visited { color:rgb(253,174,42); background: #ffffff; }
body.carcarebusiness #site-navigation ul ul li.extra.menu-item a:hover { border-color: rgba(253,174,42,0.5); }

body.carcarebusiness .filters li a { color:  rgb(253,174,42); }
body.carcarebusiness .filters li:hover > a, body.carcarebusiness .filters li.current > a { background:  rgb(253,174,42); color:#ffffff; }
body.carcarebusiness .filters ul, body.carcarebusiness .filters .parent .sub a:hover, body.carcarebusiness .filters .parent .sub a.current  { border-color:  rgb(253,174,42); }

body.extra.collisionmanagement .post-container:hover h2.entry-title a{ color: rgb(252,108,33);  }
body.extra.collisionmanagement h3.widget-title { background:  rgb(252,108,33); }
body.collisionmanagement #site-navigation li.collisionmanagement li.extra.menu-item a, 
#site-navigation li.dealerships li.extra.menu-item a:visited { color:rgb(252,108,33); background: #ffffff; }
body.collisionmanagement #site-navigation ul ul li.extra.menu-item a:hover { border-color: rgba(252,108,33,0.5); }

body.collisionmanagement .filters li a { color: rgb(252,108,33); }
body.collisionmanagement .filters li:hover > a, body.collisionmanagement .filters li.current > a { background: rgb(252,108,33); color:#ffffff; }
body.collisionmanagement .filters ul, body.collisionmanagement .filters .parent .sub a:hover, body.collisionmanagement .filters .parent .sub a.current  { border-color: rgb(252,108,33); }


body.page-template-template-flipbooks .row img { max-width: 100%; height: auto; }
body.page-template-template-flipbooks h4.entry-title { text-align: center; font-size: 1em; }
body.page-template-template-flipbooks .mag-thumbnail { text-align: center; }
body.page-template-template-flipbooks h3.date { text-align: center; }
body.page-template-template-flipbooks h4.entry-title a { color:#242424; }

body.page-template-template-ebooks .row img { max-width: 100%; height: auto; }
body.page-template-template-ebooks h4.entry-title { text-align: center; font-size: 1em; }
body.page-template-template-ebooks .mag-thumbnail { text-align: center; }
body.page-template-template-ebooks h3.date { text-align: center; }
body.page-template-template-ebooks h4.entry-title a { color:#242424; }

body.page-template-template-webinaires .row iframe { max-width: 100%; height: 240px; }
body.page-template-template-webinaires h4.entry-title { text-align: center; font-size: 1em; }
body.page-template-template-webinaires .mag-thumbnail { text-align: center; }
body.page-template-template-webinaires h3.date { text-align: center; }
body.page-template-template-webinaires h4.entry-title a { color:#242424; }

.back-nafa { background: rgb(18,146,232); color:#ffffff; padding: 6px 12px 3px; border:0px; border-bottom: 3px solid rgba(255,255,255,0); transition: border 0.2s; cursor: pointer; }
.back-nafa:hover { border-color: rgba(255,255,255,0.7); }

#text-1,#text-2,#text-3,#text-4,#text-5,#text-6,#text-7,#text-8,#text-9,#text-10,
#text-11,#text-12,#text-13,#text-14,#text-15,#text-16,#text-17,#text-18,#text-19,#text-20 { display: none; }
/*

@media screen and (min-width: 1200px){
	#latest-post .panel .entry-info { padding-top: 80px; }
    .crp_related li { width: 33.3%; }
    .crp_related .crp_title { width: 273.500px;}
    .category-block .row .col-lg-4:nth-child(4) { display: none; }
    #category-blocks > div:first-child .category-block .row .col-lg-4:nth-child(4) { display: block; }
    body.autosphere  #category-blocks > div:first-child .category-block .row .col-lg-4:nth-child(4) { display: none; }

    .post-container .postimage { min-height: 208px; }
}*/