@charset "utf-8"; /* CSS Document */ body { /*overflow-x: hidden;*/ min-width: 240px; } .center-block { display: block; margin-left: auto; margin-right: auto; } .graphic .img-responsive { margin: 0 auto; padding-top: 15px; } /*The solution for hanging (s)*/ .noHang { white-space: nowrap; } /* header */ h1 { font-size: 2.2em; line-height: 1.0em; color: #56A0D3; margin:10px 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; } .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; /* #56A0D3 original color */ } h2 { font-size: 1.9em; padding-top: 0px; margin-top: 0px; padding-bottom: 10px; } h3 { font-size: 1.6em; 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; /*#56A0D3;*/ 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 { margin: 8px 15px 5px 25px; } #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: #56A0D3; border-style: dashed; } #logotxt { color: #71714; font-weight: bold; } .r-nav { background: -webkit-linear-gradient(top,rgba(192, 203, 190, 0),rgba(186, 214, 237, 1)); /*Safari 5.1-6*/ background: -o-linear-gradient(top,rgba(192, 203, 190, 0),rgba(186, 214, 237, 1)); /*Opera 11.1-12*/ background: -moz-linear-gradient(top,rgba(192, 203, 190, 0),rgba(186, 214, 237, 1)); /*Fx 3.6-15*/ background: linear-gradient(to top,rgba(192, 203, 190, 0), rgba(186, 214, 237, 1)); /*Standard*/ background: -ms-gradient(to top,rgba(192, 203, 190, 0), rgba(186, 214, 237, 1)); /*IE 10*/ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bad6ed', 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: #56A0D3; 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; } .citation { font-size: .80em; font-style:italic; } /* 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(../img/totop.png) no-repeat left top; } #toTopHover { background: url(../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: #*5B8627; 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 (max-width: 767px) { 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; } }