@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; } /* #### skipnav in development #### */ #skiptocontent a:focus { position: absolute; left: 0px; top: 0px; background: #BF1722; outline: 0; -webkit-transition: top .1s ease-in, background .5s linear; transition: top .1s ease-in, background .5s linear; } #skipcontent a { position: absolute; /*top: -40px;*/ left: 0px; color: white; border-right: 1px solid white; border-bottom: 1px solid white; border-bottom-right-radius: 8px; background: transparent; -webkit-transition: top 1s ease-out, background 1s linear; transition: top 1s ease-out, background 1slinear; z-index: 100; } #flying-focus { position: absolute; margin: 0; /*background: transparent;*/ -webkit-transition-property: left, top, width, height, opacity; transition-property: left, top, width, height, opacity; -webkit-transition-timing-function: cubic-bezier(0, 0.2, 0, 1); transition-timing-function: cubic-bezier(0, 0.2, 0, 1); visibility: hidden; pointer-events: none; box-shadow: 0 0 2px 3px #78aeda, 0 0 2px #78aeda inset; border-radius: 2px; } /* header */ #header { background-image:url(http://www.cdc.gov/healthyschools/professional_development/e-learning/P4HS/img/bnnr.jpg); background-repeat:no-repeat; background-color: #F8A100; 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 { min-height:10px; background-color:#F8A100;} .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-top: 0px; margin-top: 0px; padding-bottom: 10px; } h3 { padding-top: 0px; padding-bottom: 10px; margin-top: 0px; } li { margin: 4px 0 4px 0; } #linearnav { padding-top: 10px; padding-bottom: 10px; } #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 { 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; } #rtnav h4 { 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 { background: -webkit-linear-gradient(top, rgba(225, 191, 205, 0), rgba(247, 211, 160, 1)); /*Safari 5.1-6*/ background: -o-linear-gradient(top, rgba(225, 191, 205, 0), rgba(247, 211, 160, 1)); /*Opera 11.1-12*/ background: -moz-linear-gradient(top, rgba(225, 191, 205, 0), rgba(247, 211, 160, 1)); /*Fx 3.6-15*/ background: linear-gradient(to top, rgba(225, 191, 205, 0), rgba(247, 211, 160, 1)); /*Standard*/ background: -ms-gradient(to top, rgba(225, 191, 205, 0), rgba(247, 211, 160, 1)); /*IE 10*/ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7D3A0', endColorstr='#FEFEFE', GradientType=0); /* IE6-9 */ 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(http://www.cdc.gov/healthyschools/professional_development/e-learning/P4HS/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: #F8A100; background-image: url(http://www.cdc.gov/healthyschools/professional_development/e-learning/P4HS/img/download.png); background-repeat: no-repeat; color: #FFFFFF; font-size: 1.5em; line-height: 1em; padding-left: 50px; padding-top: 10px; } #download a { color:#FFFFFF; } /* footer */ #footer1 { background-image: url(http://www.cdc.gov/healthyschools/professional_development/e-learning/P4HS/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/P4HS/img/totop.png) no-repeat left top; } #toTopHover { background: url(http://www.cdc.gov/healthyschools/professional_development/e-learning/P4HS/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/P4HS/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/P4HS/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; } }