@charset "utf-8"; /* CSS Document */ body { /*overflow-x: hidden;*/ font-family: Arial, Helvetica, sans-serif; min-width: 240px; } .modal-dialog-lg { width:800px; margin: 30px auto; } .center-block { display: block; margin-left: auto; margin-right: auto; } .graphic .img-responsive { margin: 0 auto; padding-top: 15px; padding-left: 10px; } /*The solution for hanging (s)*/ .noHang { white-space: nowrap; } /* header */ #header { /*background-image:url(../img/rightBnnr.png);*/ background-repeat:no-repeat; background-color: #ffffff; min-height:141px; } /*h1 { font-size: 2.2em; line-height: .75em; color: #F8A100; margin: 15px 0 0 0; } h1 #sub { font-size: .55em; font-style: italic; }*/ #title { font-family: Arial, Helvetica, sans-serif; font-size: 1.15em; color: #FFF; padding-left: 6px; text-shadow: black 0.1em 0.1em 0.2em; } .bar { background-image:url(http://www.cdc.gov/healthyschools/professional_development/e-learning/hecat/img/border_line.png); background-repeat: repeat-x; min-height:31px; /*background-color:#6F6F6F;*/ margin: 0px; } .navbar { margin-bottom: 0px; background-color: #6F6F6F; min-width: 300px; } .navbar-nav { float: right; } .navbar-inverse .navbar-nav li { color: #FFF; } .navbar-inverse .navbar-nav>li>a { color: #DBDBDB; } /*leftNav*/ #bottomImage { padding-top: 50px; padding-bottom: 10px; } /* mainContent*/ #contentRow { /*border-left-style: solid; border-top-style: solid; border-bottom-style: solid; border-color: #575757; #5B8627 original color */ } h2 { padding: 10px 0 10px 0; margin-top: 0px; font-weight: bold; font-size: 1.5em; /*padding-bottom: 10px;*/ color: #221C36; } h3 { padding-top: 0px; padding-bottom: 10px; margin-top: 0px; } li { margin: 4px 0 4px 0; } #linearnav { padding-top: 10px; padding-bottom: 10px; } .back-chevron {font-size: 2.5em; color: #62486B; vertical-align: middle; margin-bottom: 5px;} .next-chevron {font-size: 2.5em; color: #62486B; vertical-align: middle; margin-bottom: 5px;} .back {padding:0 10px 0 0; color: #62486B;} .next {padding: 0 3px 0 10px; color: #62486B;} #continue { /*padding-top: 0px;*/ padding-bottom: 50px; } .btn-default { background-color: #6F6F6F; /*#5B8627;*/ color: #FFFFFF; } .btn-default:hover { background-color: #FFF; /*#96BC5E;*/ color: #6F6F6F; } .vid { color: #221C36; text-align: right; font-size: .85em; /*font-style: italic;*/ margin: 3px 0 10px 0; /*padding-right:65px;*/ /*margin-bottom: 10px;*/ } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 15px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* rightNav */ #rtnav { padding-top: 0px; margin-top: 0px; } #gf p { margin: 8px 15px 5px 25px; line-height: 1.1em; padding-bottom: 5px; } #resources p { /* can be removed*/ margin: 8px 15px 5px 25px; line-height: 1.1em; padding-bottom: 5px; } #gf h4 { color: #ffffff; padding: 5px; background-color: #62486B; margin: 15px 5px 5px 15px; font-size: 1.1em; font-weight: bold; } #rtnav img { margin-top: 30px; } /*hr.style-four { height: 2px; width: 95%; border-color: #CCB693; border-style: dashed; }*/ /*#logotxt { color: #71714; font-weight: bold; }*/ .r-nav { padding-left: 0px; padding-top: 0px; padding-right: 0px; margin-top: 0px; height: 100%; display: inline-block; } .gfres { /* width: auto; min-height: 61px; background-color: #F8A100; background-image: url(../img/gofurther.png); background-repeat: no-repeat; color: #FFFFFF;*/ } #goFurther { font-size: 1.75em; line-height: 1em; padding-left: 80px; padding-top: 5px; } #download { /* width: auto; min-height: 61px; background-color: #62486B; background-image: url(../img/download_icon.png); background-repeat: no-repeat; color: #FFFFFF; font-size: 1.25 em; line-height: 1em; padding-left: 50px; padding-top: 20px;*/ } #download a { color:#FFFFFF; } /* footer */ /*#footer1 { background-image: url(../img/footerBKGD.png); height: 55px; } #footer1 img {} #footer2 { background: #fff; height: 55px; } #footer2 p { font-size: .85em; margin-left: 5px; margin-top: 15px; }*/ /* #### DPH end #### */ /* CEU page */ .dl-horizontal dt {width:auto;} dd {padding-bottom:10px;} blockquote {font-size:inherit;} /* Back to Top Plugin */ #toTop { display: none; text-decoration: none; position: fixed; bottom: 10px; right: 10px; overflow: hidden; width: 40px; height: 40px; border: none; text-indent: 100%; background: url(http://www.cdc.gov/healthyschools/professional_development/e-learning/hecat/img/totop.png) no-repeat left top; } #toTopHover { background: url(http://www.cdc.gov/healthyschools/professional_development/e-learning/hecat/img/totop.png) no-repeat left -40px; width: 40px; height: 40px; display: block; overflow: hidden; float: left; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); } #toTop:active, #toTop:focus { outline: none; } /* =============================================================================================== */ /* Large */ /* =============================================================================================== */ @media screen and (min-width: 1200px) { .navbar { display: none; } } /* =============================================================================================== */ /* Medium */ /* =============================================================================================== */ @media screen and (min-width: 992px) and (max-width: 1199px) { .navbar { display: none; } } /* =============================================================================================== */ /* Small */ /* =============================================================================================== */ @media screen and (min-width: 768px) and (max-width: 991px) { /* css solution to over write the @grid breakpoint */ body { padding-top: 50px; } h1 { font-size: 1.8em; /*color: #F8A100;*/ margin-top: 10px; } h1 #sub { font-size: .55em; font-style: italic; } .demo { display: none; } .demo3 { display: none; } .navbar { display: inline; } .navbar-header { float: none; } .navbar-toggle { display: block; } .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } .navbar-collapse.collapse { display: none!important; } .navbar-nav { float: none!important; margin: 7.5px -15px; } .navbar-nav>li { float: none; margin-left: 10px; } .navbar-nav>li>a { padding-top: 5px; padding-bottom: 5px; line-height: .5; } /* since 3.1.0 */ .navbar-collapse.collapse.in { display: block!important; } .collapsing { overflow: hidden!important; } .navbar-nav { float: left; width: 100%; margin-bottom: 0px; } .navbar-nav li { border-bottom: 1px solid #293C44; } .navbar-collapse { padding-right: 0px; margin-right: -15px; } } /* =============================================================================================== */ /* Extra Small */ /* =============================================================================================== */ @media screen and (min-width: 401px) and (max-width: 767px) { body { padding-top: 50px; } .demo { display: none; } .demo2 { display: none; } .demo3 { display: none; } #header { background-image:url(http://www.cdc.gov/healthyschools/professional_development/e-learning/hecat/img/mobileBnnr.png); min-height:141px; } #title { font-size: .75em; line-height: .5em; padding: 10px 0 0 0; margin: 10px 0 0 0; } /*.nav-logo { align-content:center; }*/ h1 { font-size: 1.6em; /*color: #5B8627;*/ margin: 0 0 8px 20px; } h1 #sub { font-size: .55em; font-style: italic; } #rtHeader { height: 120px; } #rtHeader h1 { padding-top: 60px } .r-nav { position: relative; display: inline-block; } #rtnav { padding-top: 15px; } #rtnav2 { padding-top: 30px; } .navbar-nav { float: left; width: 100%; margin-bottom: 0px; } .navbar-nav li { border-bottom: 1px solid #293C44; } .navbar-collapse { padding-right: 0px; margin-right: -15px; } .navbar-brand { padding: 1px; padding-left: 15px; } } /* =============================================================================================== */ /* Extra Extra Small */ /* =============================================================================================== */ @media screen and (max-width: 400px) { #header { background-image:url(http://www.cdc.gov/healthyschools/professional_development/e-learning/hecat/img/mobileBnnr400.jpg); min-height:141px; } body { padding-top: 50px; } .demo { display: none; } .demo2 { display: none; } .demo3 { display: none; } #title { font-size: .75em; line-height: .5em; padding: 10px 0 0 0; margin: 10px 0 0 0; } /*.nav-logo { align-content:center; }*/ h1 { font-size: 1.6em; /*color: #5B8627;*/ margin: 0 0 8px 20px; } h1 #sub { font-size: .55em; font-style: italic; } #rtHeader { height: 120px; } #rtHeader h1 { padding-top: 60px } .r-nav { position: relative; display: inline-block; } #rtnav { padding-top: 15px; } #rtnav2 { padding-top: 30px; } .navbar-nav { float: left; width: 100%; margin-bottom: 0px; } .navbar-nav li { border-bottom: 1px solid #293C44; } .navbar-collapse { padding-right: 0px; margin-right: -15px; } .navbar-brand { padding: 1px; padding-left: 15px; } }