/*
Theme Name: CPC Infopost Safety Theme
Theme URI: http://canadapost.ca
Author: Innovapost / CPC
Author URI: https://innovapost.com
Description: Make It Safe / Make It Home - Child Theme of devdmbootstrap3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 2.0.0
Template: devdmbootstrap3
Text Domain: infopost-safety-theme

*/



a{color:#A00016;}
a:hover{text-decoration:underline;color:#A00016;}
a:hover, .navbar-default .navbar-nav > .active > a:focus {background-color: #fff;}

body{padding:0; margin-top:77px;}
h1, h2, h3{font-family:"Roboto", sans-serif;}
body{font-family:"Roboto", sans-serif; font-weight:normal; font-size:14px;}

h1 {
    display: block;
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
	font-weight:300;
}
h2 {
    display: block;
    font-size: 30px;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: 300;
}
h3 {
    display: block;
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
	font-weight:300;
}
h4 {
   display: block;
    font-size: 1.32em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: normal;
	font-weight:300;
}



.grey{background:#ededed;}
.blue{
	background:#087cc0;}
.white{background:#fff;}
a:hover{text-decoration:none; color:#6daad0;}
#about h2{font-size:16px; font-weight:400;}
.message h2{font-size:15px; font-weight:normal;}
.message h2 .timestamp{font-size:.9em; color:#8b8b8b}
input.btn,
a.btn{background:#107CC0; color:#fff; border-radius:0; padding:10px 20px; font-weight:300; border:none;}
input.btn:focus,
a.btn:focus,
input.btn:hover,
a.btn:hover{background:#076399; color:#fff;}
#description span.timestamp{margin-right:8px;font-size:0.9em;color:#8b8b8b;}
#foobmessages p#description{display:none}
#logo{padding-top:20px;}
#about h2{background:#da291c; color:#fff; padding:3px 10px; margin-top:10px;}
.featured h2 a{color:#8b8b8b; font-size:30px}
.featured h2 a:hover{text-decoration:none;}
.featured > .timestamp{display:none}
.message .timestamp{}
#intraposte{width:100%; padding:20px 0}
ul,li{list-style:none; margin:0; padding:0;}
.center{text-align:center;}
.right{text-align:right;}
.justify{text-align:justify;}
h3.title a{font-size:.7em;}
hr{border-color:#ddd;}
.center-sm{text-align:center;}
.btn_set{padding-top:10px}
.btn_set a{margin:0 3px 3px 0;}
a.anchor{display: block; position: relative; top: -147px; visibility: hidden;}

.admin-bar nav.navbar{margin-top:0;}
.navbar{background:#f3f3f3; border-top:5px solid #da291c; border-bottom:1px solid #dadada; text-transform:uppercase;}
.navbar #menu{padding-top:14px;}
.navbar .white{height:32px; line-height:32px; padding:0; border-bottom:1px solid #dadada; display:none;}
.navbar .white a{display:none; font-size:12px; color:#333;}
.navbar .white a:hover{color:#107cc0;}
.navbar-collapse ul.navbar-nav a{font-size:14px; color:#333;}
.navbar-collapse ul.navbar-nav a:hover{color:#107cc0;}
.navbar-header{padding:0; padding-bottom:14px;}
.navbar-brand{padding-top:0;height:auto; padding-bottom:0;}
.navbar-brand.md img{
    width: 250px;
    height: 70px;

}
html[lang="fr-FR"] a.navbar-brand.md  img{
	width: 370px;
}
.navbar-nav{padding:0;}
.navbar-nav > li > a{height:40px; line-height:10px;}
.navbar-toggle{margin-top:3px; margin-bottom:0;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none;}
#mobile_menu{float:right;}
#mobile_menu li{display:inline-block; line-height:40px; padding-right:15px}
#mobile_menu li a{font-size:20px; color:#333; font-weight:300;}
#mobile_menu li a:hover{color:#107cc0;}
.navbar-brand.sm{display:block;}
.navbar-brand.md{display:none;}

#banner{height:300px; width:100%; background-repeat:no-repeat; background-size:cover; background-position:center center; display:none;}
#hero{padding:20px 0 0 16px;}
#hero img{border:1px solid #ccc; width:50%; height:auto; margin:0;}
#hero h1{margin-top:0;}

.boxes{margin-bottom:0;}
.boxes .col-md-height{position:relative; margin-top:15px;}
.boxes .col-md-height:first-child{margin-top:0;}
.boxes .col-md-height .bg{background:#fff; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; border-top:6px solid #DA291C;}
.boxes .col-md-height .box{position:relative; z-index:2; background:#fff; height:100%; padding:15px; border-top:6px solid #DA291C;}
.boxes .col-md-height .box h3{margin-top:0; font-size:20px;}
#recent_posts{padding:1px 15px 30px;}

#ads{padding:30px 15px; text-align:center;}
#ads img{width:75%; height:auto;}
#ads h3 a{color:#333;}
#ads h3 a:hover{color:#107cc0;}

footer{background:#f3f3f3; border-top:1px solid #dadada; border-bottom:8px solid #da291c; font-size:12px; padding:34px 0;}
footer a{color:#333;}
footer a:hover{color:#107cc0;}

.blue{padding:30px 0;}
.blue h3{color:#fff;font-size:30px;margin:0;}
.blue p{color:#fff;font-size:16px;margin:10px 0;font-weight:100;}
.blue .form-group{margin:0;}
.blue .input-group-addon,
.blue .input-group .form-control{border-radius:0;}
.blue .input-group .form-control{height:60px;background:transparent;border:solid 1px #fff;padding:20px;color:#fff;font-size:20px;font-weight:100;}
@media (max-width: 576px) {
.blue .input-group .form-control{height:60px;font-size:16px;font-weight:100;}
}



/* all */
.blue .input-group .form-control::-webkit-input-placeholder { /* Webkit */
color: #fff;  
}
 
.blue .input-group .form-control:-moz-placeholder { /* Firefox 18-4 */
color: #fff;  
}
 
.blue .input-group .form-control::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}
 
.blue .input-group .form-control:-ms-input-placeholder {  /*  IE10+  */
   color: #fff;  
}


.blue .control-label{line-height:40px; color:#fff; font-weight:normal;}
.blue .btn{background:#daeaf5; color:#0881c6;}
.blue .btn:focus,
.blue .btn:hover{background:#bad8ec; color:#0881c6;}
.blue .btn{margin-top:10px;}

#prefooter{padding-top:50px; padding-bottom:50px;}
#prefooter .category{font-weight:500; font-size:16px; padding-bottom:5px; padding-top:0;}
#prefooter li{padding-top:10px}
#prefooter a{color:#333; font-weight:300; font-size:14px}
#prefooter a:hover{color:#107cc0;}
#prefooter .social{padding-top:20px;}
#prefooter .social a{display:inline-block; margin-left:10px; font-size:20px;}
#prefooter .social a:first-child{margin:0;}

#comments{padding:20px 0;}
#post-comments h4#comments{font-size:20px; font-weight:300;}
#post-comments .comment-author{font-size:14px; font-weight:300; margin:20px 0 10px}
#post-comments h2#reply-title{font-size:30px; font-weight:300;}
#commentform label{display:block;}
#commentform input.text,
#commentform textarea{width:100%;}

.searchbar{padding:10px 0; border-top:1px solid #ccc; display:none; background:#fff;}
.searchbar i{float:left; font-size:20px; line-height:40px; padding-right:10px;} 
.searchbar .form-control{float:left; width:60%; border:none; box-shadow:none; height:40px; font-size:20px; font-weight:100}
.searchbar .btn{background:#daeaf5; color:#0881c6;}
.searchbar .btn:focus,
.searchbar .btn:hover{background:#bad8ec; color:#0881c6;}

.poster{background-size:cover; width:100%; height:300px; display:block; margin-bottom:20px;}
.embed-container { position: relative; margin-bottom:20px; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#content.page{margin:0 0 60px;}
#content p {margin:10px 0 10px !important}
article.post{margin:20px 0 60px;}
.btn-info, .comment-respond #submit, #searchform #searchsubmit{border:0; border-radius:0; background:#107CC0; padding:10px 20px; float:left;}
.btn-info:focus, .comment-respond #submit:focus, #searchform #searchsubmit:focus,
.btn-info:hover, .comment-respond #submit:hover, #searchform #searchsubmit:hover{background:#076399; color:#fff;}
#post-comments{margin-bottom:10px;}
.form-allowed-tags{display:none;}
.countdownbox{margin-left:20px; display:inline-block; padding-top:5px; padding-bottom:2px;}
.countdownbox .form-control{display:inline;}
.btn .glyphicon-comment{top:3px;}
.comment-reply-link{background:#daeaf5; color:#0881c6; border-radius:0; border:none;}
.comment-reply-link:hover{background:#bad8ec; color:#0881c6;}

.blue #mc_embed_signup .mc-field-group{width:100%; padding:0; min-height:0; height:40px;}
.blue #mc_embed_signup .mc-field-group.input-group input:focus,
.blue #mc_embed_signup .mc-field-group.input-group input{border: 1px solid #ccc; width:100%;}
.blue #mc_embed_signup #mc-embedded-subscribe{margin:0; border:none;height:60px;padding:20px;background:#fff;font-size:20px;line-height:0;font-weight:100;border:solid #fff;border-width:1px 1px 1px 0;transition: background .2s, color .3s;}
.blue #mc_embed_signup #mc-embedded-subscribe:hover{background:transparent;color:#fff;}
@media (max-width: 576px) {
	.blue #mc_embed_signup #mc-embedded-subscribe{
font-size:16px;
}
}
.blue #mc_embed_signup div.mce_inline_error{position:absolute;top:40px;left:0;right:0; margin:0;}
.blue #mc_embed_signup div#mce-responses{padding:0; margin:0; width:100%; float:none; top:auto; }
.blue #mc_embed_signup div.response{width:100%; color:#fff; margin:0; border:none;}
.blue #mce-error-response.response{padding:5px 10px; background:#6B0505;}
.blue #mc_embed_signup #mce-success-response{padding:5px 10px; background:#539214; color:#fff;}
.blue #mc_embed_signup .mc-field-group input{text-indent:10px;}

/* no gutter */
.no-gutter > [class*='col-'] { padding-left:0; padding-right:0;}

/* columns of same height styles */
.row-same-height {display: table; width: 100%; position:relative;}
.col-xs-height {display: table-cell; float: none !important;}

/* vertical alignment styles */
.col-top {vertical-align:top;}
.col-middle {vertical-align:middle;}
.col-bottom {vertical-align:bottom;}

.desktop{display:none !important;}

@media (max-width: 480px) {
	#ads img{width:100%;}
}
@media (min-width: 768px) { /*sm*/
	.admin-bar nav.navbar{margin-top:32px;}
	.searchbar .form-control{width:75%;}
    .col-sm-height {display: table-cell; float: none !important;}
	#mobile_menu{display:none;}
	.boxes .col-md-height .bg{right:15px; left:15px;}
	.navbar-brand.sm{display:none;}
	.navbar-brand.md{display:block;}
	#ads hr{display:none;}
	.blue .btn{margin-top:0;}
	.center-sm{text-align:left;}
	#prefooter .social{padding-top:0;}
}
@media (min-width: 992px) { /*md*/
	.searchbar .form-control{width:85%;}
    .col-md-height {display: table-cell; float: none !important;}
	.desktop{display:block !important;}
	body{margin-top:146px;}
	.navbar .white{display:block;}
	.navbar .white a{display:block;}
	header a{display:none;}
	#foobmessages + .btn_set{padding-bottom:20px;}
	.navbar #menu{padding-top:34px;}
	.navbar-header{padding-bottom:34px;}
	body.scrolled .navbar #menu{padding-top:14px;}
	body.scrolled .navbar-header{padding-bottom:14px;}
	#ads img{width:100%;}
}
@media (min-width: 1200px) { /*lg*/
    .col-lg-height {display: table-cell; float: none !important;}
}

.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.navbar-header,
.navbar #menu{
	-o-transition:padding .3s;
	-ms-transition:padding .3s;
	-moz-transition:padding .3s;
	-webkit-transition:padding .3s;
	transition:padding .3s;}
input.btn,	
a{
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;}

.notransition {
	/*CSS transitions*/
	-o-transition-property: none !important;
	-moz-transition-property: none !important;
	-ms-transition-property: none !important;
	-webkit-transition-property: none !important;
	transition-property: none !important;
	/*CSS transforms*/
	-o-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-webkit-transform: none !important;
	transform: none !important;
	/*CSS animations*/
	-webkit-animation: none !important;
	-moz-animation: none !important;
	-o-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
}

meta.foundation-version {
  font-family: "/5.4.5/"; 
}
meta.foundation-data-attribute-namespace {
  font-family: false; 
}


#prefooter .menu-item-has-children a { font-weight: bold }

#prefooter .menu-item-has-children .menu-item a { font-weight: normal; }

#content #hero img {
	border: medium none;
	width: auto;
	margin-bottom: 0px;
}

.poster {
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
img#video-icon {
	margin:-10px 2px 0 0;
}
.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}
 
.pagination a:hover{
color:#fff;
background: #3279BB;
}
 
.pagination .current{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}
	
	
	
	
	
	
/* new stuff */


.navbar {background:#fff}

.navbar #menu {
    padding-top:10px;
}
.navbar-header{padding-bottom:10px !important;}

.navbar .white a {
    display: inline;
    padding: 5px;
}

#content.page {margin: 150px 0 60px 0;}
a.btn[href="#mce-EMAIL"]{display:none;}

footer{
    border-bottom: 1px solid #dadada;
}

@media (min-width: 768px) {
  .navbar-nav > li {
	margin:0 0 0 1rem;
  }
}

.navbar {
     border-top:none;
}

#navbar-1-collapse .navbar-nav{
	margin-top:15px;
}

#navbar-1-collapse .navbar-nav a{
	border:solid 1px #ccc;
}

#content ul {
padding:3px 2px 4px 0.9em;
}
#content ul > li{
list-style: disc;
}
#content ul > li > ul > li{
list-style: circle outside;
margin-left:30px;
padding:6px 2px 5px 0;
}
p {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
}

.dropdown-menu{
	padding:10px;
}

ul.list-spacing > li {
padding:2px 0
}


a.ancorLInk {
    display: block;
    position: relative;
    top: -160px;
    visibility: hidden;
}

.navbar-default .navbar-nav a[title="FAQ"]{
	background:#A00016;
	color:#fff;
}

@media (min-width: 1200px){
	#content > .container > .row > .offset-lg-2{
		margin-left: 16.66666667%;
	}
}
@media (min-width: 992px){
#content > .container > .row > .offset-md-1{
	margin-left: 8.33333333%;
}
}
blockquote {
font-size:14px;
}