#footnote, .editors-note { font-size: .8em; font-style: italic; line-height: 1.1; }
.subhead, .sub-head { font-weight: bold; font-size: 1.25rem; margin-bottom: .5rem; line-height: 1.2; }
.ccm-search-block-form input.button { opacity: 0.8; }
.ccm-search-block-form input.button:hover { opacity: 1; }
.masthead i { color: #000000 !important; }
.inline-list { list-style: none; display: block; }
.factcheck-icon { opacity: 0.8; width: 34px; }
.factcheck-icon:hover { opacity: 1; }
.quick-links li { padding: 10px 20px 0; }
.learning-icon { background-color: #FFEDD3; padding: 4px; text-align: center; }
.vf-viber-icon { background: url('/application/themes/verafiles/images/bot-bgd.jpg') repeat; padding: 4px; vertical-align: middle; text-align: center; }
.mom-icon { background-color: #EFEFEF; padding: 0 4px; text-align: center; }
.specials-icon { opacity: 0.8;  background-color: #105670; text-align: center; }
.specials-icon a { color: #ffffff;  }
.specials-icon:hover { opacity: 1;}
#social-accounts li {
  display: inline;
  font-size: 24px;
  padding-right: 20px;
  vertical-align: baseline;
}
#social-accounts li a {
  position: relative;
  top: -8px;
  left: 10px;
  color: #ffffff;
  font-size: 60%;
  font-style: normal;
}
#social-accounts i { font-size: 120%; padding-right: 4px; }
form.ccm-search-block-form div.input-group input.input-group-field { width: 100%; }
div.ccm-block-social-links { line-height: 2.4; text-align: center; } 
div.ccm-block-social-links .fa { font-size: 18px !important; color: #4A4A4A !important; }
.masthead--sticky {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    min-height: 69px;
    margin-top: 0;
    padding-top: 6px;
    padding-bottom: 12px;
    z-index: 110;
    background-color: #ffffff;
}
.masthead__logo img { width: unset; }
.masthead--sticky .masthead__logo img { width: 60%; }
.masthead--sticky > .top-row { display: none; } 
.masthead nav {
	margin: 0;
	background-color: #ffffff;
        float: right;
}
.masthead nav ul {
	padding: 0;
        margin: 0;
	list-style: none;
	position: relative;
	}	
.masthead nav ul li {
	display:inline-block;
	background-color: #ffffff;
	}
.masthead nav a {
	display:block;
	padding: 4px;	
	color:#105670;
	font-size: 0.7rem;
	line-height: 40px;
	text-decoration:none;
        text-transform: uppercase;
}
.masthead nav a:hover { 
        color: #ffffff;
	background-color: #105670; 
}
.masthead nav ul ul {
	display: none;
	position: absolute; 
	top: 40px; 
        z-index: 999;	
}	
.masthead nav ul li:hover > ul {
	display:inherit;
}	
.masthead nav ul ul li {
	width:230px;
	float:none;
	display:list-item;
	position: relative;
}
.masthead nav ul ul li a { font-size: 0.7rem; line-height: 200%; text-transform: unset; }

.masthead nav ul ul ul li {
	position: relative;
	top:-40px; 
	left:230px;
}
.masthead nav ul ul li {
	border: 1px solid white;
}	
.masthead li > a:after { content:  ' \f107'; font: normal normal normal 1.1em/1 FontAwesome;} 
.masthead li > a:only-child:after { content: ''; }
.top-bar .toggle-topbar.menu-icon a span::after {
    content: "";
    position: absolute;
    display: block;
    height: 0;
    top: 50%;
    margin-top: -8px;
    right: 1.1111111111rem;
    box-shadow: 0 0 0 1px #333,0 7px 0 1px #333,0 14px 0 1px #333;
    width: 16px;
}
.collection__head { background-color: #F2F2F2; padding: 20px;  }
.collection__media { padding-top: 40px !important;  }
.collection__media img { max-height: 300px; width: auto;}
.collection__brief { padding-left: 20px !important; }
.collection__main { padding-top: 30px; }
#upBtn {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 9999;
  cursor: pointer;
  font-size: 30px;
  opacity: 0.4;
}
#upBtn { display: none; }
#upBtn:hover { opacity: 1; }
/* LEARNING CORNER */
ul.inline-list.video-tutorial-series li { padding-right: 10px; }
div#sbs_plp_container-BLOCK_809519 .page-list-article__link { width: 30% !important; }
div#HTMLBlock809524 ul.inline-list, div#HTMLBlock809895 ul.inline-list { display: block !important; }
/* SPECIALS */
.specials-block figure.page-list-article__thumbnail.page-list-article__thumbnail--three-column-grid { height: 200px; clear: both; }
.specials-block  div.page-list-article__container.page-list-article__container--three-column-grid {
   margin-top: -200px;
   height: unset;
}
.specials-block div.page-list-article__title h3 { text-shadow: -1px -1px #F2F2F2; padding-left: 8px; }
.specials-block div.page-list-article__description { height: 269px !important; overflow: hidden; padding: 0 4px; }
.specials-block div.page-list-article__description { opacity: 0; } 
.specials-block div.page-list-article__description:hover { background-color: #F2F2F2; opacity: 0.9; } 
.specials-block div.page-list-article__read-more { text-align: center; padding-top: 10px; }
div.collection__media div.banner-smoke img {
    max-height: unset !important;
    width: 100% !important;
}
/* Health */
div#health-category figure.page-list-article__thumbnail {
   background-size: 80px;
   background-position: top left;
   background-repeat: no-repeat;
   #background-color: #f2f2f2;
   height: 160px; 
}
div#health-category div.health-item h3, div.health_subcat h3 {
   font-size: 1.1rem;
}
div#health-category div.health-item {
   padding: 20px 0 20px 20px;
   background-color: #f2f2f2;
   margin: 0 0 16px 16px;
}
div#health-category div.health-item:hover {
   background-color: #f5a623;
   color: #f2f2f2;
}
div.health_subcat { padding-bottom: 5rem; }
div.health_subcat div.page-list-article:not(:last-of-type) { border-bottom: none; }
div.health_subcat div.page-list-article__container.page-list-article__container--three-column-grid { border-bottom: none; padding-bottom: 0.1rem; }
div.health_subcat div.page-list-article__title.page-list-article__title--three-column-grid { padding: 16px 0 10px 16px; background-color: #f2f2f2; }
div.health_subcat div.page-list-article__title.page-list-article__title--three-column-grid:hover { background-color: #f5a623; }
/* OTR */
div#otr { text-align: center; }
div#otr div.otr-item { 
   -webkit-box-shadow: inset 0 0 0 1px #333333;
   -moz-box-shadow: inset 0 0 0 1px #333333;
   box-shadow: inset 0 0 0 1px #333333;
   margin: 0 0 16px 16px; 
 }
div#otr .otr-category, div#otr .otr-date { font-size: 9px; text-transform: uppercase }
div#otr .otr-date { vertical-align: baseline; }
div#otr .otr-link { margin: 4px auto; display: block; width: 115px; height: 40px; background: #f5a623; padding: 10px; line-height: 20px; text-align: center; border-radius: 5px; } 

/* //SPECIALS */
@media only screen and ( min-width: 40.63em )  { 
  div.ccm-block-social-links { text-align: left; }
  .masthead nav a { font-size: 1.1rem; padding: 4px 10px; }
  .masthead nav ul ul li a { font-size: 1.1rem; }
  .factcheck-icon { width: 48px; }
  div.home__open ul.inline-list, div.action__block ul.inline-list, div.side-by-side ul.inline-list, ul.inline-list.side-by-side, div#HTMLBlock809524 ul.inline-list, div#HTMLBlock809895 ul.inline-list { display: flex !important; }
  div#otr.large-up-3 > .column, div#health-category.large-up-3 > .column { max-width: 31%; }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .masthead__logo img, .masthead--sticky .masthead__logo img { width: 60%; }
  div#otr.large-up-3 > .column, div#health-category.large-up-3 > .column { max-width: 31%; }
}
