/* TO BE REMOVED ON DESIGN SITE - these lines fix file paths only for the HTML cut */
.main-nav-hold { background: url(/content/MouthHealthy/images/2015/bg-circle-tile.png) repeat-y center top;) }
.main-header .logo { background:url(/content/MouthHealthy/images/global/logo-sprite.png) no-repeat 0 bottom; }
.main-nav-hold:after { background:url(/content/MouthHealthy/images/2015/bg-circle-tile.png) no-repeat center top; }
.social-media a {  background: url(/content/MouthHealthy/images/global/sprite-social-media2.png) no-repeat 0 0; }
.mod-symptomCheck .has-icon { background: transparent url(/content/MouthHealthy/images/2015/examples/ada-dental-checker-logo.png) no-repeat 4px 3px; }
.lnav a, .lnav a:visited {  background: url(/content/MouthHealthy/images/global/bullet.png) no-repeat 3px 50%; }
.main-content .SlideshowWrpr { background: url(/content/MouthHealthy/images/layout/main/slideshow-shadow.png) no-repeat 0 0; }
.main-content .SlideshowWidget { background: url(./content/MouthHealthy/images/layout/main/slideshow-shadow.png) no-repeat -964px bottom; }
.main-content .SlideshowMain { background: url(/content/MouthHealthy/images/layout/main/slideshow-shadow.png) repeat-y -481px 0;}
.video-icon {   background: url(/content/MouthHealthy/images/global/video-icon.png) no-repeat 50% 50%;}
.SlideshowNav a, .SlideshowNav a:visited { background: url(/content/MouthHealthy/images/global/icons-sprite.png) no-repeat -7px -11px;}

/* END of TO BE REMOVED ON DESIGN SITE */

/*** Responsive adjustments from 06-2016 ***/
body {overflow-x:hidden;}
img {max-width:100%; height: auto;}

table img {max-width:500px; margin-right: 15px;}

.nav-menu  {max-width:100%;}

.hidden { display: none !important; visibility: hidden; }
.visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px;  margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.main-area h1 {
    margin-bottom: 14px;
    font-size: 2em;
    font-weight: normal;
}

.modHead .title {
    margin: 0;
    padding: 0px;
    font-size: .95em;
    line-height: 1.2;
    color: #fff;
    background: #339933;
}
.modHead .more { display:table; width:100%; color:#fff; }
.modHead .more > span { display:table-cell; vertical-align:middle; padding:4px 15px 4px; }

.modContent .more { margin-top:15px; text-align: center; font-weight: bold; }
.modContent img {margin: 0 auto 15px; display: block;}

.footerContent .banner span { color: #ededed; }
.footerContent .banner span:before { letter-spacing: 1px; font-weight:normal; }

/*** Featured items ***/
.featuredItems .title {
    margin-bottom: 15px;
    color: #323232;
}
.featuredItems .row .column {
	display:block;
}
.item, .item .aside, .item .content {
    display: block;
}
.featuredItems .column {
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@media screen and (min-width: 48em) {
	.featuredItems .row {
		display: block;
		overflow: hidden;
	}	
	.featuredItems .row .column {
		float: left;
		padding-right: 12px;
		width: 33%;
	}
}
.featuredItems .item {
    max-width: 220px;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    color: #414042;
}
.item .aside {
    position: relative;
}
.item img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.featuredItems .item .aside img {
    /*border: 1px solid #8d8d8d;*/
}

a.item .overlay {
    background: hsla(27,16%,26%,0);
}
.overlay {
    display: none;
    position: absolute;
    z-index: 8;
    top: 0;
    left: 0;
    padding: 6% 12%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    color: #fff;
    background: hsla(27,16%,26%,.8);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.overlay p, .overlay .description {
    display: block;
    margin-bottom: .8em;
    font-size: 11px;
    line-height: 1.3;
    font-weight: bold;
    text-align: left;
}
.featuredItems .overlay p, .featuredItems .overlay .description {
    font-size: 12px;
}
.featuredItems .overlay .btn {
    padding: .5em;
    min-width: 100px;
}

@media screen and (min-width: 60em) {
	a.item:hover .overlay, a.item:focus .overlay {
		display: block;
		background: hsla(27,16%,26%,.8);
	}
	.overlay .btn {
		display: inline-block;
	}
}
.featuredItems .item .content {
	padding: 10px 0 40px;
}
.featuredItems .title {
    margin-bottom: 15px;
    color: #319b47;
	font-size: 1.55em;
}
.featuredItems .item .content .title {
    margin-bottom: 15px;
    color: #0077c3;
    font-weight: normal;
}

#interior .SlideshowMain {
    border: 1px solid #b2b2b2;
}
#interior .image-link img {
    width: 100%;
}

@media (max-width:1000px) {
	.list-ordered li:after {  width: 60%; }	
}
@media (max-width:47.99em) {
	.font-sizer {display:none !important;}
	.main-header .languages {display:none !important;}
	.main-header .social-media {display:none !important;}
	
	.main-header .grid_12 { padding:0 !important;}
	.main-header > .container { height: 58px; }
	.main-header .logo { width: 110px; height: 80px;  left: 5px; background-size: 215px;}
	.main-header .sub-logo { top: 12px; left: 120px; width: auto; font-size: 11px;}
	.main-header .sub-logo img { width: 195px; }
	
	.top-area-right { width: 100%!important; }
	.top-area-right .searchSiteWrpr { width: 100%!important; position: absolute; top: 92px; left: 0; min-height: 0;}
	div#GlobalSearchBox {width:100% !important;}
	.CoveoSearchBox {height: 40px !important; border-radius:0!important;}
	.CoveoSearchBox .CoveoQueryBox {border-radius:0!important;}
	.CoveoSearchButton {background: #349931!important; border-radius:0!important;}
	div#GlobalSearchBox .CoveoSearchButton .coveo-icon {margin-top:0 !important;}
	
	/* FILE PATH NEEDS TO BE CHANGED ON DESIGN SITE */
	.main-nav-hold:after { background:url(/content/MouthHealthy/images/2015/bg-circle-tile.png) no-repeat left top; }
	.main-nav-hold {margin-bottom:25px;}
	
	#homepage .main-col {margin-left:0;}
	#homepage .SlideshowWrpr {  margin: 0;}	
	.SlideshowWrpr, .SlideshowWidget, .SlideshowMain, .SlideItem { /* height: 420px !important; */ width:100% !important; box-sizing:border-box;}
	.rcArea .SlideshowWrpr, .rcArea .SlideshowWidget, .rcArea .SlideshowMain, .rcArea .SlideItem { height: 635px !important; width:100% !important; box-sizing:border-box;}
	.SlideshowWrpr, .SlideshowWidget, .SlideshowMain { /* height: 455px !important; */}
	
	.main-content .SlideshowWrpr, .main-content .SlideshowWidget,.main-content .SlideshowMain  { background: none; }
	.main-content .SlideshowWrpr  { padding:0;}
	.main-content .SlideshowMain  { background: none; padding:0;}
	.main-content .SlideshowMain .SlideItem { margin:0;}	
	.SlideItem .image-link {float:none !important; width:100% !important; height: auto !important;}
	.SlideItem .image-link img { width:100% !important; max-width:100% !important; display: block; max-height: 500px !important;}
	.SlideShowBottomText { position: static; width: 100% !important;}
	.SlideshowMain .SlideShowBottomText p {  display: none; }
	
	.social-media { padding: 10px 20px;}
	.languages { padding: 10px 20px; font-size: 14px;}
	
	.nestedRow .grid_8, .nestedRow .grid_4 {width: 100% !important; float:none;}
	.main-content .rail .banner { margin: 10px auto;}

	.header-top .banner,
	.footerContent .banner {display:none;}
		
}
@media (max-width:639px) {
	.SlideshowWrpr, .SlideshowWidget, .SlideshowMain { /* height: 390px !important; */}
	
	.list-ordered ol {width: 100% !important;}
	.list-ordered li:first-child { margin-top: 15px; }	
}
@media (max-width:479px) {
	.SlideshowWrpr, .SlideshowWidget, .SlideshowMain { /* height: 350px !important; */  }
	
	.itemList .item .media {display:block !important; margin-bottom: 15px; width: 100%;}
	.itemList .item .media img { width: 100% !important;}
	.itemList .item .content {display:block !important; padding:0 !important;}
	
	.list-ordered ol + ol {margin-bottom:30px;}
	
	#homepage .poll-widget {margin-left: 0 !important;}
	
}

/*** FOOTER ***/
@media screen and (max-width:35.5em){
	.footerContent .row { table-layout:fixed; margin-bottom:15px; }
	.footerContent .row .title a { color:#999999; }
	.footerContent .row .title.open,
	.footerContent .row .title.open a { color:#fff; }
	.footerContent .column { text-align:left; width:100%; padding-left: 0 !important; margin-left: 0 !important; padding-bottom:10px !important}
	.footerContent .column ul { display:none; margin:0 0 10px; border-bottom:1px solid #c0c0c0; padding-bottom:10px; }
	.footerContent .column ul li { padding: 0 10px 3px; }	
	.footerContent .column ul.quicklinks { display:block !important; }	
	
    /*CB Fixing Mobile Footer*/
    .mainFooter .container .footerContent .column {width:100%; display:table;}
}

@media (max-width:1023px) {
	.extraLinks { float: none; text-align: center; display: block;   text-align: center; }
	.copyright {float:none; text-align: center; max-width: 100%; display: block;   margin-bottom: 10px;}
}

/*** Page Tools ***/
.page-tools .breadcrumbs { width: 68%; }
@media (max-width:767px) {
	.page-tools .breadcrumbs { float: none; width: 100%; }
	.page-tools .addthis_toolbox { float: none; text-align: left; }
	.page-tools .clearfix{display:none;}

}

/* INFOBOX Styles
   ========================================================================== */

.infoBox { padding-bottom:20px; margin-bottom:15px; margin-top:15px; background:#cce5cc; }
.infoBox .title { 
	padding:13px 10px 11px 10px; 
	text-align:center; 
	font-size:1.3em; 
	line-height:1;
	letter-spacing:1px; 
	text-transform:uppercase; 
	color:#fff; 
	background:#339933; 
}

.infoBox .description { padding:0 30px; font-size:.80em; line-height:1.3; }
.infoBox .link { display:block; text-align:center; font-size:.75em; font-weight:bold; font-style:italic; text-transform:uppercase; }
.mainCol .infoBox { font-size:1.25em; }

.alertBox { color:#5e5e5e; background:#faecc9; }
.alertBox .title { background:#f0b324; }

.yellowAlertBox { color:#5e5e5e; background:#FBECC8; }
.yellowAlertBox .title { background:#F0B323; }

.greenAlertBox { color:#5e5e5e; background:#CCE5CC ; }
.greenAlertBox .title { background:#339933 ; }

.redAlertBox { color:#5e5e5e; background:#F1CFC0 ; }
.redAlertBox .title { background:#C8102E ; }

.hiddenAlertBox { display:none !important; }

@media screen and (min-width:40em){
	.infoBox { display:table; width:100%; padding:0; }
	.infoBox .title, .infoBox .description, .infoBox .link { display:table-cell; vertical-align:middle; }
	.infoBox .title { width:200px; }
	.infoBox .description { padding:6px 10px 5px 30px; }
    .infoBox .link { padding-top:2px; width:120px; }
}