html { font-size:16px; -webkit-text-size-adjust: 100%; } html, body { width:100%; min-height:100%; } body { font-family: 'Roboto', sans-serif; color:#333333; position:relative; background:#fff; } div.wrap { width:100%; padding:0 3%; } div.wrap > * { display:block; width:100%; } img, iframe { max-width:100%; } /*-- Clearfix --*/ .clearfix:after, #page_type:after, #page_columns:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } /* Site Alert */ #alert_banner_wrap { background: #ffc600; margin: 0; padding: 20px 2% 8px; border-bottom: 3px solid #092e6e; } #alert_banner * { color: #092e6e; margin-bottom: 12px; font-weight: 600; } #alert_banner p { font-size: 18px; line-height: 24px; margin-top:0; } #alert_banner .text-center, #alert_banner .text-center * { text-align: center; } #alert_banner strong, #alert_banner strong * { font-weight:700; } /*-- Header --*/ #header_wrap.top-border { border-top: solid 5px #fcc401; } #header_wrap header { max-width:1230px; margin:0 auto; padding:16px 0; position:relative; } #logo { display:block; max-width:437px; float:left; margin-top:4px; } #logo > img { max-width:100%; } #header_right { float:right; text-align:right; clear:right; } #home_search { float: left; margin:8px 11px 0 0; } #home_search #search_box { float:right; outline:none; border: none; border-bottom: 1px solid #ccc; font-size: 17px; font-family: 'Roboto', sans-serif; font-weight: 300; height: 28px; color:#666; width:0; } #home_search #search_box:focus { box-shadow:none; } #home_search #submit { float: left; background: url(/themes/mysite/images/search.png) no-repeat center; width: 28px; height: 28px; border: none; outline: none; display: block; color:transparent; cursor:pointer; } #donate { display:inline-block; background-color:#fcc401; border-radius:4px; padding:10px 21px 13px; font-size:20px; line-height:20px; letter-spacing:0.025em; font-weight:500; color:#092e6e !important; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; } #donate:hover { text-decoration:none; color: #fff !important; background-color:#092e6e; } #subscribe {display:inline-block; margin-right: 8px; background-color:#092e6e; border-radius:4px; padding:10px 21px 13px; font-size:20px; line-height:20px; letter-spacing:0.025em; font-weight:500; color:#fff !important; -webkit-transition: all 250ms ease; -moz-transition: all 250ms ease; -ms-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; } #subscribe:hover { text-decoration:none; color: #092e6e !important; background-color:#fcc401; } /*-- Top Nav --*/ #top_nav { margin:0 -1px 13px 0; float:right; } #top_nav > ul { margin:0; padding:0; } #top_nav > ul > li { display:inline-block; margin-left:22px; position:relative; } #top_nav > ul > li > a { font-size:15px; line-height:18px; letter-spacing:0.01em; color:#666666; text-transform:uppercase; height:35px; display:block; -webkit-transition: all 150ms ease; -moz-transition: all 150ms ease; -ms-transition: all 150ms ease; -o-transition: all 150ms ease; transition: all 150ms ease; } #top_nav > ul > li > a:before { display:inline-block; margin-right:8px; vertical-align:bottom; position:relative; content:''; background:url(/themes/mysite/images/nav_icons.png) no-repeat; height:18px; } #top_nav #nav2:before { background-position:0 0; width:14px; } #top_nav #nav2:hover:before { background-position:0 -18px; } #top_nav #nav3:before { background-position:-14px 0; width:18px; } #top_nav #nav3:hover:before { background-position:-14px -18px; } #top_nav #nav10:before { background-position:-32px 0; width:16px; left:2px; } #top_nav #nav10:hover:before { background-position:-32px -18px; } #top_nav #nav11:before { background-position:-48px 0; width:16px; } #top_nav #nav11:hover:before { background-position:-48px -18px; } #top_nav > ul > li > a:hover { color: #092e6e; text-decoration: none; } #top_nav .dropdown { display:block; position:absolute; width:155px; background:rgba(255,255,255,0.97); border-top:2px solid #092e6e; border-bottom:2px solid #092e6e; box-shadow:0px 2px 4px rgba(0,0,0,0.3); z-index:12; left:50%; transform: translateX(-50%); } #top_nav .dropdown_cols { width:225px; } #top_nav .dropdown:before { position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; left: calc(50% - 10px); top: -14px; border-width: 0 10px 10px 10px; border-color: transparent transparent #092e6e transparent; } #top_nav .dropdown > ul { display:block; list-style:none; margin:0; padding:0; } #top_nav .dropdown_cols > ul { float:left; width:50%; } #top_nav .dropdown > ul > li { display:block; margin:0; text-align:center; } #top_nav .dropdown > ul > li > a { display:block; font-size:14px; line-height:18px; font-weight:300; color:#999; padding:6px 15px; } /*#top_nav .dropdown > ul > li:hover { background-color:hsla(221,0%,93%,0.8); }*/ #top_nav .dropdown > ul > li > a:hover { text-decoration:none; color:#092e6e; } #top_nav > li, #top_nav > li > a, #top_nav .dropdown > ul > li { -webkit-transition: all 150ms ease; -moz-transition: all 150ms ease; -ms-transition: all 150ms ease; -o-transition: all 150ms ease; transition: all 150ms ease; } /*-- Nav --*/ #nav_wrap { padding:0; position:relative; z-index:10; background-color:#1d4891; box-shadow:inset 0 0 30px 15px #092e6e; } #nav_wrap nav.desktop { max-width:1306px; margin:0 auto; position:relative; z-index:5; } #nav_wrap nav.desktop > ul { display:block; list-style:none; text-align:justify; height:70px; margin:0; padding:0; } #nav_wrap nav.desktop > ul:after { display:inline-block; width:100%; height:0; visibility:hidden; content:''; } #nav_wrap nav.desktop > ul > li { display:block; margin:0; position:relative; float:left; padding:0 4.63%; } #nav_wrap nav.desktop > ul > li.mobile_nav_item { display:none; } #nav_wrap nav.desktop > ul > li:before { content: '';width: 1px;position: absolute;top: 11px;bottom: 11px; left:-2px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjM5Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjcyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjM5Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.39) 28%, rgba(255,255,255,0.39) 72%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.39) 28%,rgba(255,255,255,0.39) 72%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.39) 28%,rgba(255,255,255,0.39) 72%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */ } #nav_wrap nav.desktop > ul > li.first_nav_item:before { display:none; } #nav_wrap nav.desktop > ul > li > a { color:#fff; font-size:18px; line-height:20px; height:70px; display:block; letter-spacing:-0.007em; font-weight:300; text-shadow:1px 1px 2px rgba(0,0,0,0.45); text-align:center; padding-top:13px; -webkit-transition: all 150ms ease; -moz-transition: all 150ms ease; -ms-transition: all 150ms ease; -o-transition: all 150ms ease; transition: all 150ms ease; } #nav_wrap nav.desktop a#nav4 { width: 100px; } #nav_wrap nav.desktop a#nav5 { width: 105px; } #nav_wrap nav.desktop a#nav6 { width: 110px; } #nav_wrap nav.desktop a#nav7 { width: 105px; } #nav_wrap nav.desktop a#nav8 { width: 95px; } #nav_wrap nav.desktop a#nav9 { width: 65px; } #nav_wrap nav.desktop > ul > li > a:hover, #nav_wrap nav.desktop > ul > li > a.current, #nav_wrap nav.desktop > ul > li > a.section { text-decoration:none; color:#D4E9F7; } #nav_wrap nav.desktop .dropdown { margin:0; padding:0; display:block; list-style:none; position:absolute; width:100%; background:rgba(255,255,255,0.97); border-bottom:5px solid #092e6e; box-shadow:0px 2px 4px rgba(0,0,0,0.3); z-index:12; left:50%; transform: translateX(-50%); } #nav_wrap nav.desktop .dropdown:before { position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; left: calc(50% - 10px); top: -10px; border-width: 0 10px 10px 10px; border-color: transparent transparent rgba(255,255,255,0.95) transparent; } #nav_wrap nav.desktop .dropdown > li { display:block; margin:0; text-align:left; } #nav_wrap nav.desktop .dropdown > li > a { display:block; font-size:17px; line-height:21px; font-weight:300; color:#666; padding:12px 20px; } #nav_wrap nav.desktop .dropdown > li:hover { background-color:hsla(221,0%,93%,0.8); } #nav_wrap nav.desktop .dropdown > li > a:hover { text-decoration:none; color:#092e6e; } #nav_wrap nav.desktop > ul > li, #nav_wrap nav.desktop > ul > li > a, #nav_wrap nav.desktop .dropdown > li { -webkit-transition: all 150ms ease; -moz-transition: all 150ms ease; -ms-transition: all 150ms ease; -o-transition: all 150ms ease; transition: all 150ms ease; } /*-- Pages --*/ #main_wrap { background-color:#f7f6f6; border-bottom:1px solid #ccc; position:relative; } #main_wrap:before, #main_wrap:after { content:''; position:absolute; top:0; bottom:0; left:0; right:0; z-index:0; } #main_wrap:before { background:url(/themes/mysite/images/page_bg_left.png) no-repeat bottom left; } #main_wrap:after { background:url(/themes/mysite/images/page_bg_right.png) no-repeat top right; } #main { max-width:1230px; margin:0 auto; padding-bottom:30px; position:relative; z-index:1; } #page_type { padding:4% 5% 5%; background-color:#fff; box-shadow: 0 2px 6px rgba(0,0,0,0.3); } #page_type h1:first-child { margin-bottom:20px; } /*-- Contact Page Map --*/ #map_wrap, #directions_wrap { width: 100% !important; } /*-- Footer --*/ #footer_wrap footer { max-width:1230px; margin:0 auto; padding:61px 0 170px; color:#666; } #col1, #col2 { float:left; } #col1 { width: 39%; } footer nav > ul { list-style:none; float:left; } footer nav > ul:first-child { margin-right:44px; } footer nav > ul > li { margin:0; } footer nav > ul > li > a { color:#666; font-size:16px; line-height:26px; letter-spacing:0.022em; font-weight:300; -webkit-transition: all 150ms ease; -moz-transition: all 150ms ease; -ms-transition: all 150ms ease; -o-transition: all 150ms ease; transition: all 150ms ease; } footer nav > ul > li > a:hover, footer nav > ul > li > a.current, footer nav > ul > li > a.section { text-decoration:none !important; color:#092e6e; } #col2 { text-align:center; width:22%; padding-top:3px; } #col2 > p { font-size:14px; line-height:20px; letter-spacing:0.005em; font-weight:300; margin-bottom:10px; } #col2 > p > a { color:#092e6e; } .certs_awards { display:block; text-align:center; -webkit-transition: all 150ms ease; -moz-transition: all 150ms ease; -ms-transition: all 150ms ease; -o-transition: all 150ms ease; transition: all 150ms ease; } .certs_awards:first-of-type { margin:0 0 24px 6px; } .certs_awards:hover { opacity:0.85; } #col3 { float:right; padding-top:8px; } #col3 > address { color:#666666; font-size:14px; line-height:22px; letter-spacing:0.025em; font-weight:300; margin-right:-1px; } #footer_logo { display:inline-block; max-width:260px; margin:0; } #footer_logo > img { max-width:100%; } #col3 > address > p { margin:0px 0 0 73px; } #footer_contact { color:#092e6e; } #footer_contact:before { content:url(/themes/mysite/images/contact_footer.png); margin-right:4px; display:inline-block; vertical-align:middle; position: relative; top:1px; } /*-- Social Media --*/ #social { float:right; list-style:none; text-align:right; margin:0 0 22px; } #social > li { display:inline-block; margin-left:10px; } #social > li:first-child { margin-left:0; } #social > li > a { display:inline-block; position:relative; text-align:left; width:54px; height:54px; border-radius:50%; background-color:#092e6e; -webkit-transition: all 150ms ease; -moz-transition: all 150ms ease; -ms-transition: all 150ms ease; -o-transition: all 150ms ease; transition: all 150ms ease; } #social > li > a:hover { background-color:#ffc600; } #copyright { clear:both; color:#999; font-size:12px; line-height:17px; letter-spacing:0.025em; margin:0; font-weight:300; position: relative; top: -34px; left: 2px; width:275px; } #copyright > a { color:#999; } /* modal overlay added 20200731 */ #site-modal { display:none; position:fixed; z-index:9999999999; top:0; right:0; bottom:0; left:0; } #site-modal .site-modal--container { position:absolute; top:0; right:0; bottom:0; left:0; display:flex; justify-content:center; align-items:center; } #site-modal .site-modal--overlay { position:absolute; top:0; right:0; bottom:0; left:0; background:#000; opacity:0.85; } #site-modal .site-modal--inside { background:#fff; padding:35px; border-radius:5px; position:relative; z-index:1; width:650px; max-width:98%; max-height:98%; overflow-y:auto; } #site-modal .site-modal--close { position:absolute; top:0; right:0; padding:0 10px; color:#000; font-size:34px; font-weight:700; display:block; line-height:40px; height:40px; }