/* Theme Info Theme Name: Red Shark Digital Theme URI: https://redsharkdigital.com/ Author: Red Shark Digital Version: 3.0 Theme Info */ .addtocalendar var{display:none} .addtocalendar{display:inline-block;background:transparent!important; position: absolute; top: 28px; right: 0; } .atcb-link {height: 28px; width: 28px; background-image: url("media/calendarIcon.png"); background-repeat: no-repeat; background-size: contain;} .atcb-link:focus~ul, .atcb-link:active~ul, .atcb-list:hover{visibility:visible} .atcb-list{visibility:hidden;position:absolute;top:100%;right:0;width:170px;z-index:900} .atcb-list, .atcb-item{list-style:none;margin:0;padding:0;background:#fff} .atcb-item{float:none;text-align:left} .atcb-item-link{text-decoration:none;outline:none;display:block} .atcb-item.hover, .atcb-item:hover{position:relative;z-index:900;cursor:pointer;text-decoration:none;outline:none} .atc-style-blue .atcb-link, .atc-style-blue .atcb-link:hover, .atc-style-blue .atcb-link:active, .atc-style-blue .atcb-link:focus{margin:0;color:#fff;font-family:"Verdana";font-size:14px;text-decoration:none;outline:none;line-height:20px;vertical-align:middle;border-radius:4px;zoom:1}.atc-style-blue .atcb-list{width:170px;border:1px solid #bababa;border-radius:2px;box-shadow:0 0 5px #AAA}.atc-style-blue .atcb-list,.atc-style-blue .atcb-item{background:#fff;color:#000}.atc-style-blue .atcb-item,.atc-style-blue .atcb-item-link{line-height:1.3em;vertical-align:middle;zoom:1}.atc-style-blue .atcb-item-link,.atc-style-blue .atcb-item-link:hover,.atc-style-blue .atcb-item-link:active,.atc-style-blue .atcb-item-link:focus{color:#000;font-family:"Verdana";font-size:14px;text-decoration:none;outline:none;padding:5px 15px}.atc-style-blue .atcb-item-link:hover,.atc-style-blue .atcb-item-link:active,.atc-style-blue .atcb-item-link:focus{color:#fff}.atc-style-blue .atcb-item.hover,.atc-style-blue .atcb-item:hover{background:#4281f4} .entry .btn {margin: 4px;} /* General Resets */ * {padding: 0; margin: 0 auto; box-sizing: border-box; /*line-height: 1;*/} html {/*font-size: 10px;*/ font-family: "Roboto"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} body {background: #f5f5f5;} input[type=submit], input[type=button], a, button {text-decoration: none; transition: all .25s; display: inline-block; -webkit-appearance: none; cursor: pointer;} figure, .figure {background-position: center !important; background-size: cover !important;} img, iframe {vertical-align: middle; max-width: 100%; height: auto;} h1, h2, h3, h4, h5 {font-weight: 500;} h1 {font-size: 27px; line-height: 32px; padding:0 0 16px;} h2 {font-size: 25px; line-height: 28px; padding:6px 0 14px;} h3 {font-size: 21px; line-height: 24px; padding:0 0 12px;} h4 {font-size: 2em;} h5 {font-size: 1.8em;} p, li {font-size: 18px;} a {font-size: inherit; color: #1D5AA8} .svg-container svg circle:hover, .svg-container svg path:hover { /* fill: #f2b233!important; */ -webkit-transition: fill .15s; transition: fill .15s; cursor: pointer } .content.entry table.tablepress caption {text-align: right !important;} .content.entry table.tablepress caption a {padding: 8px 16px; margin-top: 8px; font-size: 16px; color: #fff; background: #1D5AA8; text-transform: uppercase;} .content.entry table.tablepress td.column-1 {width: 180px; text-align: center; border-right: 1px solid #ddd} .content.entry table.tablepress td, .content.entry table.tablepress th {padding: 12px 24px 8px;} .content.entry table.tablepress th {background: #1D5AA8; color: #fff;} .gdpr {background: #000; color: #fff; padding: 16px; text-align: center; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 1000;} .gdpr p {padding: 0 0 8px} .gdpr a.btn {padding: 8px 16px; font-size: 12px; min-width: 200px; margin: 5px;} /* content division */ .center {display: table; width: 100%; table-layout: fixed;} .center > * {display: table-cell; vertical-align: middle;} .wide {max-width: 1440px; width: 100%;} .slim {max-width: 1200px; width: 100%;} .gutters > * {padding: 16px;} /* Form Styles */ input, select, textarea, .gfield_radio, .gfield_checkbox {/*width: 100%; */display: block; padding: 20px; font-size: 18px; border: 1px solid #979797; background: #fff;} label, input[type="radio"], input[type="checkbox"] {display: inline-block; width: auto; padding: 5px;} .gform_fields li {padding: 16px !important;} .gform_fields > li > label {padding: 0 0 4px; font-size: 14px; font-weight: 300;} .gform_radio > li > *, .gform_checkbox > li > * {display: inline-block;} .gform_fields .gfield_checkbox li {display: inline-block; width: auto;} .gform_fields .gfield_radio li {display: inline-block; width: auto; padding: 5px;} .gform_footer {padding: 16px;} .gform_footer input {width: auto;} a.gform_anchor {display: none;} ul.gform_fields li.gform_validation_container {display: none;} ul.gform_fields input {width: 100% !important;} /* buttons */ .btn, input[type="submit"] {padding: 14px; color: #fff; background-color: #1D5AA8; border: 0; font-weight: 500; text-transform: uppercase; font-size: 14px; line-height: 21px; letter-spacing: 4px; text-align: center; border: 1px solid #1D5aa8; min-width: 220px;} .btn.white {background: transparent; color: #1D5AA8;} .btn:hover, input[type="submit"]:hover {text-decoration: none !important; background: transparent; color: #1D5AA8;} .btn.white:hover {color: #fff; background: #1D5AA8} /* content styles */ .entry p {line-height: 1.5;} .entry a:hover {text-decoration: underline;} .entry li {list-style-position: inside; margin: 0; padding: 0 0 10px 10px; line-height: 1.4; list-style-type: disc;} .entry blockquote {padding: 10px 20px; background: #fff; margin: 0 0 20px; font-style: italic; border-left: 4px solid #111111; box-shadow: 0 0 1px rgba(0,0,0,.3);} .entry table a {text-decoration: underline; color: #1D5aa8} /* social links */ .social_links {padding-left: 28px; position: relative;top: 4px;} .social_links a {margin-left: 12px; text-align: center; padding: 2px; height: 16px; width: 16px; color: #fff; background: #9b9b9b; text-align: center;} .social_links a i {display: inline-block; vertical-align: middle; font-size: 10px; vertical-align: bottom} .quiet {font-size: 24px; line-height: 30px;} .quieter {font-size: 3rem; line-height: 3.5rem;} .quiet {font-size: 3.5rem; line-height: 4rem;} .loud {font-size: 4rem; line-height: 5rem;} .louder {font-size: 4.5rem; line-height: 5.5rem;} .loudest {font-size: 5rem; line-height: 6rem; text-transform: uppercase;} #mobile_menu .menu li[class*="current"] > a, #mobile_menu .menu li a:hover {background: #111111;} /* header */ header.top {width: 100%; z-index: 3000; background: #fff; /*padding: 0; margin: 0 auto;*/} header.top .wide {display: table; table-layout: fixed;} header.top .wide > div {display: table-cell; vertical-align: middle; padding: 12px 16px;} .top_logo {width: 144px; position: relative;} .top_logo img {width: 100%;} .top_logo a {display: block; font-size: 24px; width: 100%; top: 12px; left: 0; position: absolute;} /* navigation */ .main_menu {text-align: right; font-size: 10px;} .main_menu .menu li {padding-left: 32px;} .main_menu .menu li > a {font-size: 14px; line-height: 16px; letter-spacing: 1px; text-transform: uppercase; color: #222; padding: 4px; position: relative;} .bluebar .main_menu .menu li > a::before {position: absolute; content: ''; bottom: -24px; left: 4px; height: 0px; width: calc(100% - 8px); background: #fff; opacity: 0; transition: all .25s;} .bluebar .main_menu .menu li[class*="current"] a::before, .bluebar .main_menu .menu li > a:hover::before {height: 8px; opacity: 1;} #mobileMenu #gtranslate_wrapper {position: relative !important; width: 100%; display: black;} .bluebar {background: #0B2645;} .bluebar .main_menu .menu {padding: 8px 0;} .bluebar .main_menu .menu li {padding-left: 40px;} .bluebar .main_menu .menu li > a {font-size: 14px; line-height: 21px; letter-spacing: 2px; text-transform: uppercase; color: #ffffff;} .menu li {position: relative;} header.top ul.sub-menu {position: absolute; display: none; left: 0; z-index: 13000; width: 300px; background: #fff;} header.top ul.sub-menu li {background: #fff; display: inline-block; width: 100%;} header.top ul.sub-menu a {padding: 10px 20px; display: block; color: #111 !important; width: auto; z-index: 12000; background: #fff;} header.top ul.sub-menu li[class*="current"], header.top ul.sub-menu a:hover {background: #111; color: #fff !important;} header.top ul.menu li:hover > ul.sub-menu {display: block; background: #fff;} header.top ul.sub-menu > li > ul.sub-menu {left: 280px; z-index: 13000; top: -2px;} header.top .menuWrapper > * {display: inline-block; vertical-align: middle;} #mobileMenu {position: relative; z-index: 3000;} #mobileMenu .wrapper {position: absolute; display: none; width: 100%; background: #fff; text-align: center; box-shadow: 0 3px 5px rgba(0, 0, 0, .2);} #mobileMenu .menu li {display: block;} #mobileMenu .menu li a {display: block; padding: 10px 20px; text-transform: uppercase; font-size: 16px;} #mobileMenu .menu li[class*="current"] > a, #mobileMenu .menu li a:hover {color: #fff; background: #1D5AA8} a#mobileNav {font-size: 36px;} .mobile {display: none;} /* footer */ footer {background: #191C20; color: #fff;} footer .wide {padding: 0 16px 0;} .footerLogo a {width: 100%; max-width: 200px;} .copyright {padding: 10px 0; font-size: 14px;} .copyright a {color: inherit;} .copyright > span {display: inline-block;} footer a {color: #fff;} footer img {max-width: } footer .contactLinks {text-align: right;} footer .contactLinks .inline li {padding-left: 16px;} footer .bottomBar {border-top: 1px solid #fff;} footer .rightSide {text-align: right;} footer .bottomBar a {padding: 0 4px; color: inherit;} footer .bottomBar a, footer .bottomBar span {font-size: 14px; line-height: 21px; font-weight: 300;} footer .topHalf {border-bottom: 1px solid #fff; padding: 55px 0 40px;} /* footer .topHalf > * {vertical-align: bottom;} */ footer p {padding-bottom: 20px; padding-left: 32px; position: relative; font-size: 16px; line-height: 24px; font-weight: 300;} footer p i {position: absolute; top: 4px; left: 0; font-size: 14px; color: #1D5AA8;} footer .mx04 {padding: 0 32px;} footer .mx04 p:last-of-type {padding-bottom: 0;} footer .theFullMenu {padding: 32px 0;} footer .menu {text-align: center;} footer .menu > li {padding: 0 12px; text-align: left;} footer .menu > li:first-of-type {padding-left: 0} footer .menu > li:last-of-type {padding-right: 0} footer .menu > li > a {font-size: 21px; line-height: 24px; font-weight: 500; color: #fff; padding: 0 0 12px;} footer .menu > li > ul.sub-menu li {list-style-type: none; padding: 4px 0;} footer .menu > li > ul.sub-menu li > a {font-size: 16px; line-height: 24px; font-weight: 300; color: #9B9B9B;} footer .mx04 > p::before {position: absolute; content: ''; height: 16px; width: 16px; top: 2px; left: 0; background-repeat: no-repeat; background-size: contain;} footer .mx04 > p.phone::before {background-image: url("media/phoneIcon.png")} footer .mx04 > p.address::before {background-image: url("media/addressIcon.png")} footer .socialBox {text-align: right; padding: 24px 0 0;} footer label {font-size: 16px; line-height: 24px; color: #9B9B9B;} footer .social_links a {margin-left: 16px; text-align: center; padding: 2px; height: 24px; width: 24px; color: #191C20; background: #fff; text-align: center;} footer .social_links a i {display: inline-block; vertical-align: middle; font-size: 18px; vertical-align: bottom} footer .btn.white {border-color: #fff; color: #fff;} footer .btn.white:hover {background: #fff; color: #1D5AA8} footer .searchForm {padding: 16px 0 0;} /* footer .searchForm li {padding: 0 8px 8px 0;} */ footer .searchForm li input {border: 0; font-size: 16px; padding: 12px 24px; line-height: 19px; min-width: 0} /* Tiles */ .tile {perspective: 1000px;} .tile:hover .block {transform: rotateY(180deg);} .tile > .block {position: relative; transform-style: preserve-3d; transition: all .5s;} .block > * {position: absolute; color: #fff; top: 0; left: 0; backface-visibility: hidden; display: block;} .block > .front {z-index: 2; transform: rotateY(0deg);} .block > .back {transform: rotateY(180deg);} /* Zoom Box */ .zoom {overflow: hidden; position: relative;} .zoom > * {height: inherit; width: 100%;} .zoom > figure {transform: scale(1); transition: all .5s; position: absolute; width: 100%; top: 0; left: 0; z-index: -1;} .zoom:hover > figure {transform: scale(1.1);} /* Gallery */ ul.gallery {padding: 0 !important;} ul.gallery li {padding: 10px;} ul.gallery li a {display: block;} /*Slick JS Styling*/ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0} .slick-list:focus{outline:none} .slick-list.dragging{cursor:pointer;cursor:hand} .slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .slick-track{position:relative;top:0;left:0;display:block} .slick-track:before,.slick-track:after{display:table;content:''} .slick-track:after{clear:both} .slick-loading .slick-track{visibility:hidden} .slick-slide{display:none;float:left;height:100%;min-height:1px} [dir='rtl'] .slick-slide{float:right} .slick-initialized .slick-slide{display:block} .slick-loading .slick-slide{visibility:hidden} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} .slick-arrow.slick-hidden{display:none} .slick-arrow {display: inline-block; position: absolute; width: 40px; height: 40px; top: 50%; margin-top: -20px; border: 0; cursor: pointer; text-indent: -999em; overflow: hidden; z-index: 3000; background-position: center; background-size: contain; background-repeat: no-repeat; background-color: transparent;} .slick-arrow {position: absolute; top: 50%; background-color: transparent; border: 0; z-index: 5; height: 20px; width: 20px; background-position: center; background-size: contain; background-repeat: no-repeat; margin-top: -20px;} .slick-arrow.slick-prev {background-image: url("media/Left.png"); left: 16px;} .slick-arrow.slick-next {background-image: url("media/Right.png"); right: 16px;} ul.slick-dots {text-align: center; width: 100%; position: absolute; bottom: 20px;} ul.slick-dots > li {display: inline-block; width: auto; margin: 3px;} ul.slick-dots > li button {background: transparent; border: 0; border-radius: 50%; height: 13px; width: 13px; background: #fff; opacity: .5;} ul.slick-dots > li.slick-active button {opacity: .8} /* Lightbox */ #lightbox {display: none; width: 100%; height: 100vh; position: fixed; z-index: 5000; text-align: center; top: 0;} #lightbox .shade {background: rgba(0, 0, 0, .7); position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: 5500;} #lightbox.on {display: flex; justify-content: center; align-items: center;} #lightbox .frame {position: relative; display: inline-block; border: 2px solid #111; background: #111; max-width: 90%; z-index: 6000;} #lightbox img {max-height: 90vh;} #lightbox .flex a {color: #fff; padding: 10px; text-transform: uppercase; font-size: 14px; flex: 1;} #lightbox .flex a:hover {background: #fff; color: #111;} /* everything else */ #landing .theSlides {position: relative;} #landing .slideWrapper {position: absolute; top: 0; right: 0; width: 100%;} #landing .center {min-height: 555px;} #landing .center > * {vertical-align: bottom;} #landing h2 {font-size: 27px; line-height: 32px; padding: 0 0 8px; font-weight: 500;} #landing p {font-size: 16px; line-height: 30px; padding: 0 0 32px; font-weight: 300; max-width: 460px; margin-left: 0;} #landing p span {font-size: 20px; line-height: 24px; font-weight: 500; color: #555; display: block; padding: 16px 0 0;} #landing .links {padding: 0 0 32px;} #landing .links a {margin-right: 12px; margin-bottom: 12px;} #landing .leanRight {max-width: 575px; margin-right: 0; padding: 48px 20px 0;} #landing h5 {font-size: 12px; line-height: 18px; letter-spacing: 2px; font-weight: 500; text-transform: uppercase; padding: 0 0 8px;} #landing .wrapper img {width: 110px; padding: 0 0 16px;} #landing .sponsors { margin: 0; max-width: 480px;} body.home #landing h2 {font-size: 3.6rem; line-height: 5.2rem;} #specialLinks .wide {padding: 48px 0;} #specialLinks h2 {font-size: 35px; line-height: 52px; font-weight: 300; padding: 0 0 16px; text-align: center;} #specialLinks li {width: 12.5%; padding: 4px;} #specialLinks a {display: block; border-top: 8px solid #1D5AA8; background: #fff;} #specialLinks figure {height: 220px;} #specialLinks span {display: block; padding: 24px 12px 12px; font-size: 14px; line-height: 21px; text-transform: uppercase; letter-spacing: 3px; font-weight: 500;} body.events #specialLinks .wide {padding: 48px 0 0} body.events #specialLinks li {width: 16.666%; padding: 16px; text-align: center;} body.events #specialLinks li span {font-size: 12px; line-height: 18px; font-weight: 300; text-transform: none; padding: 8px;} body.students #specialLinks li {width: 16.666%; padding: 16px;} /* body.students #specialLinks li span {font-size: 12px; line-height: 18px; font-weight: 300; text-transform: none; padding: 8px;} */ .content.entry a:not(.btn) {/*color: #1D5AA8*/} #upcoming h1 {font-size: 35px; line-height: 52px; font-weight: 300; text-align: center; padding: 40px;} #upcoming article {background: #fff;} #upcoming article h2 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 16px 32px;} #upcoming ul.thePosts {padding: 16px;} #upcoming ul.thePosts > li {padding: 16px;} #upcoming ul.thePosts h3 {font-size: 27px; line-height: 32px; font-weight: 500; padding: 13px 0 0;} #upcoming ul.thePosts .info {display: block; font-size: 12px; line-height: 18px; font-weight: 300; padding: 8px 0 0;} #upcoming ul.thePosts .info > span {border-right: 1px solid #000; display: inline-block; padding: 0 10px;} #upcoming ul.thePosts .info > span:last-of-type {border: 0;} #upcoming ul.thePosts .info > span:first-of-type {padding-left: 0;} #upcoming ul.thePosts .info > span a {color: #1D5AA8;} #upcoming ul.thePosts .links li {padding: 8px 0} #upcoming ul.thePosts .links li {padding-right: 8px;} #upcoming ul.thePosts .links > li a {color: #D8D8D8; font-size: 18px;} #upcoming ul.thePosts p {font-size: 16px; line-height: 24px; font-weight: 300; padding: 0 0 24px;} #upcoming ul.thePosts a.visit {font-size: 12px; line-height: 14px; text-transform: uppercase; color: #1D5AA8; letter-spacing: 2px; font-weight: 500;} #upcoming a.figure {display: block;} #upcoming .morePosts {text-align: center; background: #fff;} #upcoming .morePosts a {text-transform: uppercase; color: #0B2645} #upcoming .morePosts a:hover {color: #1D5AA8} #upcoming.blogPage .recentNews {padding: 0 !important;} #upcoming.blogPage .wide {padding: 16px;} #upcoming .wide.center > * {vertical-align: top;} #upcoming .theEvents {padding: 20px;} #upcoming .theEvents > li {padding: 12px;} #upcoming .theEvents figure {width: 135px;} #upcoming .contentWrap {padding: 16px;} #upcoming .contentWrap h3 {font-size: 14px; line-height: 16px; font-weight: 500;} #upcoming .contentWrap p {font-size: 12px; line-height: 18px; padding: 8px 0 16px;} #upcoming .contentWrap a {font-size: 12px; line-height: 14px; text-transform: uppercase; color: #1D5AA8; letter-spacing: 2px; font-weight: 500;} #upcoming a.btn {width: 100%; margin-top: 28px;} #upcoming .sponsors {padding: 64px 0 0;} #upcoming .quickLinks {width: 500px;} #upcoming .quickLinks ul {padding: 16px;} #upcoming .quickLinks ul li a.btn {margin: 0; display: block;} #upcoming .contentWrap {position: relative; padding-right: 80px;} #upcoming .contentWrap a.saveIt {position: absolute; top: 28px; right: 0; height: 28px; width: 28px; background-image: url("media/calendarIcon.png");; background-repeat: no-repeat; background-size: contain;} #upcoming .half {padding-left: 32px;} #upcoming .half p {font-size: 16px; line-height: 24px; font-weight: 300;} #upcoming .half strong {display: block; font-size: 14px; line-height: 16px; padding: 0 0 16px; font-weight: 500;} #upcoming .sponsors > strong {display: block; font-size: 12px; line-height: 18px; letter-spacing: 2px; font-weight: 500; text-transform: uppercase; padding: 0 0 8px;} #curatorFeed .wide {padding: 50px 5px 10rem;} #curatorFeed .heading {padding: 0 11px 32px;} #curatorFeed .heading h2 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 16px 32px;} #curatorFeed button:focus {outline: 0;} .slimContent .wide {padding: 16px;} .slimContent article {background: #fff; padding: 32px;} .slimContent .wrapper {max-width: 800px; text-align: center;} .slimContent img {width: 100px; padding: 0 0 24px;} .slimContent h2 {font-size: 35px; line-height: 52px; padding: 0 0 18px; font-weight: 300;} .slimContent p {font-size: 16px; line-height: 30px; font-weight: 300;} .slimContent .links {padding: 40px 0 0;} .slimContent .links a {margin: 8px;} .slimContent.extra .wide {padding: 16px 16px 40px;} .events .slimContent p, .products .slimContent p {max-width: 536px;} .events .slimContent a.btn {min-width: 340px;} .products .slimContent a.btn {min-width: 300px;} #contacts {padding: 0 0 8rem;} #contacts .heading {padding: 16px;} #contacts h2 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 12px 32px; font-weight: 500;} #contacts figure {height: 210px;} #contacts .whoIs {background: #fff; padding: 8px 16px; text-align: center;} #contacts h4 {font-size: 16px; line-height: 19px; font-weight: 500;} #contacts span {display: inline-block;font-size: 12px; line-height: 18px;} #contacts .links {padding: 16px 16px 48px;} #contacts ul > li > a {width: 100%;} body.about #contacts {padding: 0 0 16px;} #contactPopup {position: fixed; display: none; justify-content: center; align-items: center; top: 0; left: 0; z-index: 90000; height: 100vh; width: 100%;} #contactPopup.active {display: flex;} #contactPopup > .shade {background: rgba(0,0,0,.7); position: absolute; top: 0; left: 0; height: 100vh; width: 100%; z-index: 5;} #contactPopup .wrapper {background: #fff; padding: 32px; width: 100%; max-width: 500px; max-height: 90vh; z-index: 10; position: relative; border: 1px solid #000} #contactPopup .wrapper article {display: none;} #contactPopup .wrapper article.active {display: block;} #focusContent {padding: 24px 16px 100px;} #focusContent article {max-width: 1080px; background: #fff; text-align: center;} #focusContent h2 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 16px 32px;} #focusContent p {max-width: 875px; padding: 4rem;font-size: 16px; line-height: 30px; font-weight: 300;} #magazines {text-align: center; padding: 40px 0} #magazines .fourth > a {width: 100%;} #magazines figure {height: 425px;} #magazines h2 {font-size: 35px; line-height: 52px; padding: 24px 0 8px; font-weight: 300;} #magazines p {font-size: 12px; line-height: 24px; font-weight: 300;} #magazines .links {padding: 40px 0 0;} #magazines a.btn {width: 100%; margin-top: 16px;} #donations .wide {padding: 0 16px;} #donations article {padding: 20px 0;} #donations h2 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 16px 32px;} #donations .inline {background: #fff; padding: 16px 32px;} #donations figure {width: 135px;} #donations .content {padding: 8px 16px;} #donations h3 {font-size: 14px; line-height: 16px; font-weight: 500; padding: 0 0 12px;} #donations p {font-size: 12px; line-height: 18px;} #donations span {display: block; color: #555; font-size: 12px; line-height: 18px; padding: 8px 0 16px;} #donations a {font-size: 12px; line-height: 14px; letter-spacing: 2px; font-weight: 500; text-transform: uppercase; margin-right: 4px; margin-bottom: 4px; color: #1D5AA8} #contactUs {padding: 40px 16px;} #contactUs .wide {padding: 16px;} #contactUs .gform_wrapper {background: #fff;} #contactUs form {max-width: 648px; padding: 32px;} #contactUs .gform_heading, #contactUs .gform_footer {text-align: center;} #contactUs .gform_heading h3 {font-size: 35px; line-height: 52px; font-weight: 300;} #contactUs input::placeholder {text-transform: uppercase; color: #555;} #whiteCards {padding: 16px;} #whiteCards article {padding: 32px; background: #fff; text-align: center;} #whiteCards img {height: 80px;} #whiteCards h3 {font-size: 20px; line-height: 24px; font-weight: 500; padding: 24px 0 18px;} #whiteCards p {font-size: 16px; line-height: 30px; font-weight: 300;} #whiteCards .links {padding: 48px 0 0;} #whiteCards a.btn {width: 100%; max-width: 300px;} #whiteCards h2 {font-size: 35px; line-height: 52px; font-weight: 300; padding: 0 0 16px; text-align: center;} body.testing #whiteCards {padding: 32px 0 0;} #contentBlocks h2 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 16px 32px;} #contentBlocks article {background: #fff;} #contentBlocks .wrapper {padding: 32px;} #contentBlocks p {font-size: 16px; line-height: 24px; font-weight: 300; padding: 0 0 16px;} #contentBlocks p span {font-size: 20px; font-weight: 500;} #contentBlocks .haveDots p {line-height: 30px; padding: 0; padding-left: 30px; position: relative;} #contentBlocks .haveDots p::before {height: 4px; width: 4px; background: #000; border-radius: 50%; top: 13px; left: 0; content: ''; position: absolute;} #contentBlocks .mx03 a.btn {width: 100%;} #mapview .wide {padding: 16px;} #mapview h2 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 16px 32px;} #mapview article {background: #fff; padding: 16px} #mapview .infoBlock {width: 525px;} #mapview h5 {font-size: 20px; line-height: 24px; font-weight: 500; padding: 0 0 8px} #mapview p {font-size: 16px; line-height: 30px; font-weight: 300; padding: 0 0 20px;} #mapview a.btn {margin-right: 16px;} #mapBanner .infoBlock {padding: 40px;} #mapBanner h2 {font-size: 35px; line-height: 52px; font-weight: 300; color: #1D5AA8;} #mapBanner h5 {font-size: 20px; line-height: 24px; font-weight: 500; padding: 0 0 16px;} #mapBanner p {font-size: 16px; line-height: 30px; font-weight: 300; padding: 0 0 20px;} #mapBanner a.btn {margin: 8px;} #mapBanner .wrapper {padding-left: 40px; position: relative;} #mapBanner .wrapper::before {position: absolute; content: ''; height: 24px; width: 24px; top: 0; left: 0; background-repeat: no-repeat; background-size: contain;} #mapBanner .phone .wrapper::before {background-image: url("media/phoneIcon.png")} #mapBanner .address .wrapper::before {background-image: url("media/addressIcon.png")} #saveTheDates h2 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 16px 32px;} #saveTheDates .slideList {background: #fff; padding: 8px 8px 72px;} #saveTheDates li.half {padding: 0 24px;} #saveTheDates article.saveIt {display: table; width: 100%; padding: 8px 0 16px; border-bottom: 1px solid #D8D8D8;} #saveTheDates article.saveIt > * {display: table-cell; vertical-align: middle} #saveTheDates figure {width: 80px;} #saveTheDates .wrapper {padding: 16px 24px; position: relative; } #saveTheDates h3 {font-size: 16px; line-height: 19px; font-weight: 500; padding: 0 0 8px;} #saveTheDates p {font-size: 16px; line-height: 24px; font-weight: 300;} /* #saveTheDates .wrapper a {position: absolute; top: 24px; right: 0; height: 28px; width: 28px; background-image: url("media/calendarIcon.png");; background-repeat: no-repeat; background-size: contain;} */ #saveTheDates .productTab {background: #fff; padding: 20px 32px; text-align: center;} #saveTheDates .productTab figure {height: 240px; width: 100%;} #saveTheDates .productTab h4 {font-size: 20px; line-height: 24px; font-weight: 500; padding: 4.4rem 0;} #featuredProducts .flex > * > * {background: #fff; padding: 32px;} #featuredProducts .wrapper {padding-left: 24px;} #featuredProducts figure {width: 250px;} #featuredProducts .shoppingInfo figure {width: 150px;} #featuredProducts h2 {font-size: 20px; line-height: 24px; font-weight: 500;} #featuredProducts p {font-size: 16px; line-height: 24px; font-weight: 300; padding: 16px 0 24px;} #featuredProducts .links a {margin: 8px 12px 0 0;} #featuredProducts .links a.btn {min-width: 210px;} #featuredProducts a.btn.white {width: 100%;} /* #featuredProducts .links a:nth-of-type(even) {margin-right: 0;} */ #featuredProducts ul.slick-dots {bottom: 0; left: 0;} #featuredProducts ul.slick-dots li button {background-color: rgba(0,0,0,.8)} #specialEvents .eventsWrapper {background: #fff; padding: 12px;} #specialEvents article {background: #fff;} #specialEvents h2 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 16px 32px;} #specialEvents .slideList {background: #fff; padding: 8px 8px 72px;} #specialEvents .singleEvent {display: table; width: 100%; padding: 12px;} #specialEvents .singleEvent > * {display: table-cell; vertical-align: middle} #specialEvents figure {width: 135px;} #specialEvents figure .figure {height: 135px; background: #D8D8D8} #specialEvents .wrapper {padding: 16px 48px 16px 24px; position: relative; } #specialEvents h3 {font-size: 20px; line-height: 24px; font-weight: 500;} #specialEvents h5 {font-size: 16px; line-height: 24px; padding: 4px 0; color: #0B2645} #specialEvents p {font-size: 16px; line-height: 24px; font-weight: 300; padding: 4px 0;} #specialEvents .wrapper a.visit {font-size: 12px; line-height: 14px; letter-spacing: 2px; font-weight: 500; color: #1D5AA8; text-transform: uppercase; margin-top: 8px; margin-right: 8px} #specialEvents .wrapper a.saveIt {position: absolute; top: 64px; right: 0; height: 28px; width: 28px; background-image: url("media/calendarIcon.png");; background-repeat: no-repeat; background-size: contain;} #specialEvents .viewAll {text-align: center; padding: 40px 16px} #specialEvents .viewAll a {font-size: 20px; line-height: 24px; color: #555; font-weight: 500; text-transform: uppercase;} #specialEvents.theArchive {padding-bottom: 80px;} #specialEvents.theArchive ul.inline {background: #fff;} #specialEvents.theArchive .morePosts {text-align: center; padding: 0 0 16px;} #specialEvents.hideShort p {display: none;} #eventExtras h2 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 16px 32px;} #eventExtras article {background: #fff;} #eventExtras ul {padding: 24px 20px;} #eventExtras li {padding: 8px 12px;} #eventExtras a.btn {width: 100%;} #eventExtras .galleryList {padding: 36px 36px 54px;} #eventExtras .singleImage {padding: 12px;} #eventExtras figure {height: 280px;} #studentExtras h2 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 16px 32px;} #studentExtras article {background: #fff;} #studentExtras ul {padding: 24px 20px;} #studentExtras li {padding: 8px 12px;} #studentExtras a.btn {width: 100%;} #studentExtras .galleryList {padding: 36px 36px 54px;} #studentExtras .singleImage {padding: 12px;} #studentExtras figure {height: 280px;} #studentExtras .hasImage .wrapper {padding: 32px; position: relative; cursor: pointer} #studentExtras .hasImage .wrapper a.hasVideo::before {height: 120px; width: 120px; position: absolute; content: ''; background-repeat: no-repeat; background-size: contain; background-image: url("media/PlayButtonIcon.png"); top: 50%; left: 50%; margin-top: -60px; margin-left: -60px;} #resources .wide {padding: 16px;} /* #resources .heading {padding: 16px;} */ #resources .flex {padding: 16px; background: #fff;} #resources h2 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 16px 32px;} #resources figure {height: 325px; background-repeat: no-repeat; background-size: contain !important;} #resources a {background: #fff; width: 100%; text-align: center;} #resources h3 {font-size: 27px; line-height: 32px; font-weight: 500; padding: 16px;} body.members #resources figure {height: 415px;} #videoBox {display: none; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; height: 100vh; width: 100%; z-index: 9000; padding: 24px;} #videoBox.active {display: flex;} #videoBox .shade {background: rgba(0,0,0,.5); top: 0; left: 0; height: 100vh; width: 100%; position: absolute; z-index: 5;} #videoBox .iframeWrap {width: auto; z-index: 10; border: 2px solid #000;} #memberships {padding: 48px 0 16px;} #memberships article {background: #fff;} #memberships h2 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 16px 32px;} #memberships .wrapper {padding: 32px; text-align: center;} #memberships figure {height: 215px;} #memberships figure a {width: 100%; height: inherit; display: flex; justify-content: center; align-items: center; background: rgba(0,0,0,.3)} #memberships h3 {font-size: 20px; line-height: 24px; color: #555; padding: 40px 0 20px; font-weight: 500; display: inline-block; position: relative;} #memberships h3 a {padding-left: 48px;} #memberships h3::before {height: 24px; width: 24px; position: absolute; top: 40px; left: 0; content: ''; background-repeat: no-repeat; background-size: contain; background-image: url("media/binocularIcon.png")} #memberships .inline > li {width: 100%;} #memberships .inline > li > a {display: block;} #memberships .memberlinks > li {padding: 5px 0;} #memberships .quicklinks {border-top: 1px solid #9B9B9B; margin-top: 32px;} #memberships .quicklinks li {padding: 0 0 24px;} #memberships .quicklinks a {font-size: 16px; line-height: 24px; font-weight: 300; color: #555;} #memberships .quicklinks h3 {padding: 32px 0 8px;} #memberships .quicklinks h3::before {display: none;} #testimonials .flex > div > * {background: #fff;} #testimonials .allTestimonials {padding: 0 0 54px;} #testimonials .singleTest {padding: 16px 56px;} #testimonials .singleTest .wrapper {padding: 32px 0;} #testimonials h3 {font-size: 27px; line-height: 32px; font-weight: 500;} #testimonials h5 {font-size: 20px; line-height: 24px; font-weight: 500; color: #1D5AA8; padding: 12px 0 24px;} #testimonials p {font-size: 16px; line-height: 30px; font-weight: 300;} #testimonials h2 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 16px 32px;} #testimonials .quickLinks ul {padding: 24px;} #testimonials .quickLinks li {padding: 8px;} #testimonials a.btn {display: block;} #eventExtras .slick-arrow, #studentExtras .slick-arrow, #testimonials .slick-arrow {filter: grayscale(1) brightness(0); opacity: .5} #saveTheDates ul.slick-dots {bottom: 28px;} #saveTheDates ul.slick-dots > li button {background: #9B9B9B; height: 8px; width: 8px;} #eventExtras ul.slick-dots {bottom: 0; left: 0;} #eventExtras ul.slick-dots > li {padding: 2px;} #eventExtras ul.slick-dots > li button {background: #9B9B9B;} #studentExtras ul.slick-dots {bottom: 0; left: 0;} #studentExtras ul.slick-dots > li {padding: 2px;} #studentExtras ul.slick-dots > li button {background: #9B9B9B;} #testimonials ul.slick-dots {bottom: 24px; left: 0;} #testimonials ul.slick-dots > li {padding: 2px;} #testimonials ul.slick-dots > li button {background: #9B9B9B;} #memberMap .wide {padding: 16px;} #memberMap article {background: #fff;} #memberMap .mapBox {padding: 32px; position: relative; vertical-align: top} #memberMap .mapBox > a {height: 6px; width: 6px; border-radius: 50%; background: #0B2645; position: absolute;} #memberMap .heading {background: #0B2645;} #memberMap .heading .fourth {background: #191C20} #memberMap h2 {color: #fff; font-size: 27px; line-height: 32px; padding: 16px 32px; text-align: center;} #memberMap article .fourth {text-align: center; border: 2px solid #ccc; vertical-align: top; border-top: 0; padding: 16px;} #memberMap article .fourth p {font-size: 18px; line-height: 1; font-weight: 300; padding: 12px 0;} #memberMap .paragraphs {padding: 0 0 24px;} #memberMap .quickLinks {max-width: 280px; border-top: 1px solid #979797; padding: 32px 24px;} #memberMap .quickLinks h3 {font-size: 20px; line-height: 24px; color: #555; font-weight: 500;} #memberMap .quickLinks a {font-size: 16px; line-height: 24px; font-weight: 300; color: #555; padding: 24px 0 0;} #memberMap p a.active {color: #1D5AA8} .mapBox .mapDetails {position: relative;} .mapBox .mapDetails > * {position: absolute; top: 16px; left: 32px; display: none;} .mapBox .mapDetails > .active {display: block;} .mapBox .mapDetails .center > * {vertical-align: top; padding: 16px;} .mapBox .mapDetails article.center {width: auto !important; padding: 16px; box-shadow: 0 4px 8px 0 rgba(0,0,0,.4); position: relative; z-index: 9000} .mapBox .mapDetails h3 {font-size: 21px; line-height: 24px; color: #0B2645; padding: 0 0 12px; border-bottom: 1px solid #F5F5F5} .mapBox .mapDetails p {font-size: 16px; line-height: 24px; font-weight: 300; padding: 4px 0;} .mapBox .mapDetails p strong {display: inline-block; padding-right: 8px;} .mapBox .mapDetails .officers {padding: 16px 0 0;} .mapBox .mapBlock .closeit {position: absolute; top: -10px; right: -10px; font-size: 16px; padding: 4px; height: 28px; width: 28px; border: 2px solid #000; background-color: #fff; border-radius: 50%; text-align: center;} .mapBox .mapBlock img {max-width: 200px;} .mapBox > a {height: 10px; width: 10px; border-radius: 50%; background: yellow; position: absolute; border: 1px solid #000; z-index: 500} #studentMap .wide {padding: 16px;} #studentMap .mapWrapper {padding: 32px;} #studentMap article {background: #fff;} #studentMap .mapBox {position: relative;} #studentMap .heading {background: #0B2645;} #studentMap .heading .fourth {background: #191C20} #studentMap h2 {color: #fff; font-size: 27px; line-height: 32px; padding: 16px 32px;} #studentMap article .fourth {text-align: center; border: 2px solid #ccc; vertical-align: top; border-top: 0;} #studentMap article .fourth p {font-size: 18px; line-height: 1; font-weight: 300; padding: 12px 0;} #studentMap .paragraphs {padding: 32px; overflow: auto; max-height: 600px;} #studentMap .quickLinks {max-width: 280px; border-top: 1px solid #979797; padding: 32px 24px;} #studentMap .quickLinks h3 {font-size: 20px; line-height: 24px; color: #555; font-weight: 500;} #studentMap .quickLinks a {font-size: 16px; line-height: 24px; font-weight: 300; color: #555; padding: 24px 0 0;} #studentMap .center > * {vertical-align: top;} #memberMap .links, #studentMap .links {padding: 8px 0 0} .legendBox {position: absolute; bottom: 0; right: 0; padding: 32px;} .legendBox p {font-size: 16px; line-height: 24px; padding: 2px; padding-left: 24px; position: relative; font-weight: 300;} .legendBox p::before {height: 16px; width: 16px; border: 1px solid #979797; top: 4px; left: 0; position: absolute; content: '';} .legendBox p.white::before {background: #ffffff} .legendBox p.yellow::before {background: #F5FF00} .legendBox p.lBlue::before {background: #9AE2FF} .legendBox p.green::before {background: #4E9800} .legendBox p.rblue::before {background: #0091FF} .legendBox p.orange::before {background: #FA6400} .legendBox p.purple::before {background: #B620E0} .legendBox p.tanish::before {background: #E7D7AA} .legendBox p.dgreen::before {background: #203E00} form.searchBox .inline {max-width: 1040px; padding: 16px 0 32px; position: relative;} form.searchBox .inline .hasField {width: calc(100% - 220px);} form.searchBox .inline .hasDrops {width: 340px; padding-right: 24px;} form.searchBox .inline .hasDrops select, form.searchBox .inline .hasField input {font-size: 16px; line-height: 1; letter-spacing: 2px; font-weight: 300; padding: 16px 32px; border: 1px solid #979797; height: 51px} form.searchBox .inline .hasInput {width: 220px;} /* form.searchBox ul.inline.noPads > li {padding: 0;} */ form.searchBox .inline .hasDrops + .hasField {width: calc(100% - 560px);} form.searchBox .inline > a {position: absolute; bottom: 0; right: 0; color: #1D5AA8; text-align: right;} form.searchBox .inline > a:hover {color: #000} #allCommittees form.searchBox .wrapper {padding: 16px; background: #fff;} #allCommittees form.searchBox .inline {padding: 16px 16px 32px !important; max-width: none;} #allCommittees form.searchBox .inline .hasDrops {width: 250px; padding-right: 24px;} #allCommittees form.searchBox .inline .hasDrops + .hasField {width: calc(100% - 720px);} .slideHeading .content {background: #fff; padding: 32px; min-height: 375px;} .slideHeading .content h1 {font-size: 27px; line-height: 32px; font-weight: 500; padding: 0 0 16px;} .slideHeading .content h2 {font-size: 21px; line-height: 24px; font-weight: 500; padding: 0 0 16px; color: #1D5AA8;} .slideHeading .content p {font-size: 16px; line-height: 24px; font-weight: 300; padding: 0 0 16px;} .slideHeading .content a.btn {width: 100%; margin-bottom: 12px;} .slideHeading .content a.btn:last-of-type {margin-bottom: 0;} .slideHeading figure {background-position: top center !important;} .addAnEvent .addtocalendar::after, .slideHeading .actions .half a {padding: 8px; padding-left: 36px; position: relative; font-size: 16px; line-height: 28px; font-weight: 300; color: #555;} .slideHeading .actions a::before {position: absolute; height: 28px; width: 28px; top: 8px; left: 0; background-size: contain; background-repeat: no-repeat; content: '';} .slideHeading .actions .directions a::before {background-image: url("media/addressIcon.png");} .slideHeading .actions .addAnEvent {position: relative;} /* .slideHeading .actions .addAnEvent a::before {background-image: url("media/calendarIcon.png");} */ .slideHeading .links {padding: 24px 0 0;} .addAnEvent .addtocalendar {position: relative; top: 10px;} .addAnEvent .addtocalendar::after {content: "Add To Calendar"; padding: 0 !important} #breadcrumbs .wide {padding: 32px 16px 16px;} #breadcrumbs li::after {content: '>'; display: inline-block; padding: 0 4px; color: #555} #breadcrumbs li a {font-size: 14px; line-height: 21px; letter-spacing: 1px; text-transform: uppercase; color: #555; font-weight: 500;} #breadcrumbs li:last-of-type a {color: #1D5AA8} #breadcrumbs li:last-of-type::after {display: none;} #memberFilter .wide {padding: 16px 16px 80px;} #memberFilter .wrapper {background: #fff; padding: 60px;} #memberFilter h2 {font-size: 35px; line-height: 52px; font-weight: 300; text-align: center;} #memberFilter h3 {font-size: 27px; line-height: 32px; font-weight: 500; color: #0B2645; padding: 16px;} #memberFilter h4 {font-size: 21px; line-height: 24px; font-weight: 500; padding: 0 0 4px; border-bottom: 2px solid #0B2645} #memberFilter .center {padding: 24px 0 64px} #memberFilter .center > * {vertical-align: top;} #memberFilter nav {padding: 16px 40px; width: 280px;} #memberFilter nav ul {padding-top: 16px;} #memberFilter nav li {list-style-type: none; padding: 8px 0} #memberFilter nav li a {font-size: 14px; line-height: 21px; text-transform: uppercase; color: #555; font-weight: 500;} #memberFilter nav li:hover a, #memberFilter nav li a.active {color: #0B2645} #memberFilter .memberBlocks {padding: 0 40px;} #memberFilter .memberBlocks > div {padding-top: 20px;} #memberFilter .memberBlocks > div:first-of-type {padding-top: 0;} #memberFilter .memberBlocks > div.hide {display: none;} #memberFilter .memberBlocks .flex {justify-content: flex-start;} #memberFilter .memberBlocks .flex > li.hide {display: none;} #memberFilter .memberBlocks a {background-color: #F5F5F5; text-align: center; display: block;} #memberFilter .memberBlocks a figure {height: 200px;} #memberFilter .memberBlocks a span {display: inline-block; font-size: 16px; line-height: 24px; font-weight: 300; padding: 8px 16px;} .memberSearch #memberFilter figure {background-repeat: no-repeat; background-size: contain !important; background-color: #fff} #faqPage .wide {padding: 16px 16px 80px;} #faqPage .wrapper {background: #fff; padding: 60px;} #faqPage h2 {font-size: 35px; line-height: 52px; font-weight: 300; text-align: center;} #faqPage h3 {font-size: 27px; line-height: 32px; font-weight: 500; color: #0B2645; padding: 16px;} #faqPage h4 {font-size: 21px; line-height: 24px; font-weight: 500; padding: 0 0 4px; border-bottom: 2px solid #0B2645} #faqPage h5 {font-size: 16px; line-height: 24px; font-weight: 500; padding: 16px 24px; position: relative; cursor: pointer;} #faqPage h5::before, #faqPage h5::after {position: absolute; top: 15px; left: 0; font-weight: 300; font-size: 18px;} #faqPage h5::before {content: '+';} #faqPage h5::after {content: '-';} #faqPage .subWrap {padding: 0 0 16px;} #faqPage .center {padding: 24px 0 64px; max-width: 1120px;} #faqPage .center > * {vertical-align: top;} #faqPage nav {padding: 16px 40px; width: 280px;} #faqPage nav ul {padding-top: 16px;} #faqPage nav li {list-style-type: none; padding: 8px 0} #faqPage nav li a {font-size: 14px; line-height: 21px; text-transform: uppercase; color: #555; font-weight: 500;} #faqPage nav li:hover a, #faqPage nav li a.active {color: #0B2645} #faqPage .singleQuestion {border-top: 1px solid #9B9B9B} #faqPage .singleQuestion:last-of-type {border-bottom: 1px solid #9B9B9B} #faqPage .singleQuestion .answer {display: none;} #faqPage .singleQuestion h5::after {display: none;} #faqPage .singleQuestion.active h5::after {display: block;} #faqPage .singleQuestion.active h5::before {display: none;} #faqPage .singleQuestion.active .answer {display: block;} #faqPage .faqBlocks {padding: 0 40px;} #faqPage .faqBlocks > div {padding-top: 20px;} #faqPage .faqBlocks > div:first-of-type {padding-top: 0;} #faqPage .faqBlocks > div.hide {display: none;} /* #faqPage .faqBlocks .flex > li.hide {display: none;} */ #faqPage .answer {padding: 8px 24px 24px; font-size: 16px; line-height: 24px; font-weight: 300;} #faqPage .answer a {color: #1D5AA8} #faqPage .answer ul {padding: 8px 0 8px 24px; list-style-type: circle;} #faqPage .answer ul li {font-size: 16px; line-height: 24px; font-weight: 300;} #faqPage .catLinks ul {border-top: 1px solid #9B9B9B;} #faqPage .catLinks ul li {border-bottom: 1px solid #9B9B9B; padding: 16px 32px; list-style-type: none; font-size: 16px; line-height: 24px; color: #1D5AA8;} #faqPage .catLinks ul li.hide {display: none;} #faqPage .catLinks ul li a {color: inherit;} #benefitBlocks {padding: 0 0 100px;} #benefitBlocks h2 {font-size: 35px; line-height: 52px; font-weight: 300; padding: 16px 0 8px; text-align: center;} #benefitBlocks h3 {font-size: 21px; line-height: 24px; font-weight: 500; padding: 0 0 16px;} #benefitBlocks p {font-size: 16px; line-height: 30px; font-weight: 300; padding: 0 0 40px;} #benefitBlocks a.btn {min-width: 340px;} #benefitBlocks ul.tabs {padding: 0 0 20px;} #benefitBlocks ul.tabs a {border-top: 10px solid #1D5AA8; display: block; background: #fff;} #benefitBlocks ul.tabs a figure {background-color: #D8D8D8; height: 265px;} #benefitBlocks ul.tabs a span {padding: 24px; display: inline-block; font-size: 14px; line-height: 21px; letter-spacing: 3px; text-transform: uppercase; transition: all .5s;} #benefitBlocks ul.tabs a.active, #benefitBlocks ul.tabs a:hover {background: #1D5AA8} #benefitBlocks ul.tabs a.active span, #benefitBlocks ul.tabs a:hover span {color: #fff;} #benefitBlocks .wrapper {background: #fff; padding: 32px; text-align: center; min-height: 400px; display: flex; justify-content: center; align-items: center;} #benefitBlocks article {display: none;} #benefitBlocks article.active {display: block;} #contentTabs {padding: 0 0 80px} #contentTabs ul.inline a {font-size: 27px; line-height: 32px; font-weight: 500; color: #fff; background: #9B9B9B; padding: 12px 24px; min-width: 260px; text-align: center; margin-right: 2px; margin-bottom: 2px} #contentTabs ul.inline a.active {background: #0B2645} #contentTabs article {padding: 32px; background: #fff; display: none;} #contentTabs article.active {display: block;} #contentTabs .center > * {vertical-align: top;} #contentTabs h4 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 12px 32px; font-weight: 500;} #contentTabs .links {padding: 32px; background: #fff;} #contentTabs .links a.btn {width: 100%; margin-bottom: 16px;} #contentTabs .links a.btn:last-of-type {margin-bottom: 0;} #contentTabs .entry p {padding: 0 0 16px;} #contentTabs .entry p, #contentTabs .entry li {font-size: 16px; line-height: 24px; font-weight: 300;} #contentTabs .entry h1, #contentTabs .entry h2, #contentTabs .entry h3 {font-size: 21px; line-height: 24px; font-weight: 500;} #eventContent .wide {padding: 16px;} #eventContent .wide > h4 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 12px 32px; font-weight: 500;} #eventContent .center {padding: 16px; background: #fff;} #eventContent .center > * {vertical-align: top;} #eventContent .center > figure {width: 550px;} .content.entry::after {content: ''; display: table; clear: both;} .content.entry p {padding: 0 0 16px;} .content.entry p, #contentTabs .entry li {font-size: 16px; line-height: 24px; font-weight: 300;} .content.entry h1, .content.entry h2, .content.entry h3 {font-size: 21px; line-height: 24px; font-weight: 500; padding: 0 0 8px;} .content.entry li {list-style-position: outside; padding: 0 0 8px; font-weight: 300; font-size: 16px; line-height: 24px} .content.entry ul, .content.entry ol {padding-left: 24px; padding-bottom: 16px;} .content.entry .alignright {float: right; padding: 16px; padding-right: 0;} .content.entry .alignleft {float: left; padding: 16px; padding-left: 0;} #eventDetails .wide {padding: 16px 16px 80px;} #eventDetails .wrapper {display: inline-block;} #eventDetails .wrapper > h4 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 12px 32px; font-weight: 500;} #eventDetails .inline {padding: 16px; background: #fff;} #eventDetails a {text-align: center;} #eventDetails a span {display: inline-block; padding: 16px 0 0; font-size: 21px; line-height: 24px; font-weight: 500;} #eventDetails figure {height: 245px; width: 245px;} #awardsContent h4 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 12px 32px; font-weight: 500;} #awardsContent .mainWrapper {padding: 16px; background: #fff;} #awardsContent .mainWrapper .content {padding: 16px;} #awardsContent .mainWrapper .contact h2 {padding: 24px 16px 0;} #awardsContent .mainWrapper .links {padding: 16px;} #awardsContent .mainWrapper .links a.btn {margin-right: 16px;} #awardsContent .extraInfo h2 {font-size: 27px; line-height: 32px; font-weight: 500;} #awardsContent .extraInfo h3 {font-size: 21px; line-height: 24px; font-weight: 500;} #awardsContent .extraInfo h5 {font-size: 18px; line-height: 27px; font-weight: 500; color: #1D5AA8; padding: 16px 0 0;} #awardsContent .extraInfo p {font-size: 16px; line-height: 24px; font-weight: 300; padding: 16px 0;} #awardsContent .extraInfo strong {font-size: 18px; color: #1D5AA8; font-weight: 500;} #awardsContent .center > * {vertical-align: top;} #awardsContent .third .content {padding: 32px; background: #fff;} #awardsContent .third .content p {font-size: 16px; line-height: 24px; font-weight: 300; padding: 0 0 24px;} #awardsContent .third .content a.btn {width: 100%; margin-bottom: 16px;} #awardsContent .third .content a.btn:last-of-type {margin-bottom: 0;} #aboutAwards article {background: #fff;} #aboutAwards h4 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 12px 32px; font-weight: 500;} #aboutAwards .information {padding: 32px 32px 32px 54px;} #aboutAwards .information li {font-size: 16px; line-height: 24px; font-weight: 300;} #ourSponsors h2 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 12px 32px; font-weight: 500;} #ourSponsors a {background: #fff; display: block;} #ourSponsors a figure {height: 200px; padding: 8px; display: flex; justify-content: center; align-items: center;} #ourSponsors a figure img {max-height: 184px; max-width: 100%;} #ourSponsors a span {display: block; padding: 16px; border: 1px solid #d8d8d8; text-align: center;} #pastWinners .wide {padding: 16px 16px 80px;} #pastWinners .wide > h4 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 12px 32px; font-weight: 500;} #pastWinners .inline {padding: 16px; background: #fff;} #pastWinners a.btn {width: 100%;} #timeline .wide {padding: 16px;} #timeline .wide .wrapper {padding: 16px; background: #fff; text-align: center;} #timeline .wide .wrapper > * {padding: 16px; max-width: 560px;} #timeline .wide .wrapper h2 {font-size: 35px; line-height: 52px; font-weight: 300;} #timeline .wide .wrapper p {font-size: 16px; line-height: 30px; font-weight: 300;} #timeline .historyWrapper {position: relative; padding: 16px 0; overflow: hidden; margin: 48px auto;} #timeline .historyWrapper::before, #timeline .historyWrapper::after {position: absolute; content: ''; height: 24px; width: 24px; border-radius: 50%; background: #0B2645; left: 50%; margin-left: -12px;} #timeline .historyWrapper::before {top: 0;} #timeline .historyWrapper::after {bottom: 0;} #timeline .slim {padding: 16px 0 164px; max-width: 1232px; position: relative; margin: 0 auto; overflow: hidden;} #timeline .slim::before {position: absolute; height: 5000vh; left: 50%; margin-left: -2px; width: 4px; background: #0B2645; content: ''; top: 0;} #timeline .slim .wrapper {max-width: 560px; margin: 0; position: relative; z-index: 5;} #timeline .slim .wrapper h4 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 12px 32px; font-weight: 500;} #timeline .slim .wrapper p {font-size: 16px; line-height: 24px; font-weight: 300;} #timeline .slim .wrapper .center {padding: 12px; background: #fff;} #timeline .slim .wrapper .center > * {padding: 12px;} #timeline .slim li {padding: 24px 0; position: relative;} #timeline .slim li::before {content: ''; height: 4px; width: 75px; background: #0B2645; top: 48px; position: absolute;} #timeline .slim li:nth-of-type(even)::before {left: 0; top: 113px} #timeline .slim li:nth-of-type(odd)::before {right: 0; top: 48px;} #timeline .slim li:nth-of-type(even) .wrapper {margin-left: auto; top: 64px;} #timeline .slim li:nth-of-type(odd) .wrapper h4 {text-align: right;} #awardsList {padding: 0 0 80px;} #awardsList .center {padding: 16px; background: #fff;} #awardsList .center .content {padding-left: 16px;} #awardsList .center figure {width: 211px; min-height: 231px;} #awardsList .center h2 {font-size: 21px; line-height: 24px; font-weight: 500;} #awardsList .center p {font-size: 16px; line-height: 24px; font-weight: 300; padding: 16px 0;} #awardsList .center a.btn {width: 100%;} #awardsList .links.inline > * {padding: 0 8px 8px 0;} #relatedPages {background: #fff; border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; text-align: center;} #relatedPages li a {padding: 12px 20px;font-size: 14px; line-height: 21px; text-transform: uppercase; letter-spacing: 1px; color: #555; font-weight: 500;} #relatedPages li.active a, #relatedPages li:hover a {color: #1D5AA8} #trainingBlocks .wide {padding: 16px 16px 80px;} #trainingBlocks h1 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 12px 32px; font-weight: 500;} #trainingBlocks .inline {padding: 16px; background: #fff;} #trainingBlocks figure {height: 300px; background-color: #D8D8D8} #trainingBlocks .wrapper {padding: 24px 0;} #trainingBlocks h2 {font-size: 27px; line-height: 32px; font-weight: 500; padding: 0 0 24px;} #trainingBlocks p {font-size: 16px; line-height: 24px; font-weight: 300;} #trainingBlocks a.btn {width: 100%;} #technicalData .center > * {vertical-align: top;} #technicalData h2 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 12px 32px; font-weight: 500;} #technicalData nav ul {padding: 20px; background: #fff;} #technicalData nav ul li {padding: 12px;} #technicalData nav ul li a.btn {width: 100%;} #technicalData figure {width: 275px;} #technicalData .mainContent .center {padding: 16px; background: #fff;} #testMethods .wide {padding: 16px;} #testMethods h2 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 12px 32px; font-weight: 500;} #testMethods .mainWrapper {background: #fff; padding: 32px;} #testMethods ul.allMethods {text-align: center;} #testMethods ul.allMethods img {height: 64px; padding: 0 0 16px; filter: grayscale(1);} #testMethods ul.allMethods li:hover img, #testMethods ul.allMethods li .active img {filter: grayscale(0);} #testMethods ul.allMethods span {display: inline-block; font-size: 16px; line-height: 24px; font-weight: 300;} #testMethods ul.allMethods li {padding: 12px 8px;} #testMethods ul.allMethods li a {max-width: 165px; width: 100%;} #testMethods .flex {padding: 16px;} #testMethods .flex .wrapper {border-left: 50px solid #0B2645; position: relative;} #testMethods .flex .wrapper h4 {position: absolute; font-size: 16px; line-height: 24px; width: 180px; padding: 13px; text-align: center; bottom: 0; left: 0; transform-origin: bottom left; transform: rotate(-90deg); color: #fff;} #testMethods .flex .wrapper .content {border: 1px solid #979797; border-left: 0; padding: 24px 32px; position: relative; height: 180px; display: flex; justify-content: center; align-items: center; width: 100%;} #testMethods .flex .wrapper .content .theInner {width: 100%;} #testMethods .flex .wrapper .content img, #testMethods .flex .wrapper .content span {position: absolute; right: 16px;} #testMethods .flex .wrapper .content img {height: 24px; top: 16px;} #testMethods .flex .wrapper .content span {font-size: 16px; line-height: 24px; bottom: 16px; font-weight: 300;} #testMethods .flex .wrapper .content h3 {font-size: 21px; line-height: 24px; font-weight: 500;} #testMethods .flex .wrapper .content p {font-size: 14px; line-height: 21px; font-weight: 300; padding: 16px 0 0;} #testMethods .flex > li.hide {display: none;} #testMethods a {width: 100%;} #testMethods article {display: none;} #testMethods article.active {display: block;} /* #testMethods article .flex {flex-direction: column-reverse;} */ #testMethods form {padding: 48px 32px; border-bottom: 1px solid #9B9B9B; margin-bottom: 24px;} #testMethods form ul {width: 100%; max-width: none; } #linkBlocks .wide {padding: 16px;} #linkBlocks .columns {column-count: 2; column-gap: 32px;} #linkBlocks .columns article {display: block; width: 100%; margin-bottom: 32px; break-inside: avoid} #linkBlocks h2 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 12px 32px; font-weight: 500;} #linkBlocks .content {padding: 32px; background: #fff;} #linkBlocks .content a {color: #1D5AA8} #jobResults article {padding: 16px; background: #fff;} #jobResults article figure {width: 230px; background-repeat: no-repeat; background-size: contain !important;} #jobResults article .content {padding-left: 24px;} #jobResults article .content h3 {font-size: 21px; line-height: 24px; font-weight: 500;} #jobResults article .content p {font-size: 16px; line-height: 24px; font-weight: 300;} #jobResults article .content strong {font-size: 12px; line-height: 16px; letter-spacing: 2px; color: #1D5AA8;} #jobResults article .content a.btn {margin-top: 32px;} #jobResults article .content .jobData {padding: 16px 0;} #simpleHeading .wide {text-align: center; padding: 16px;} #simpleHeading .wide .wrapper {padding: 32px; background: #fff;} #simpleHeading .innerWrap {width: 540px;} #simpleHeading .innerWrap h1 {font-size: 35px; line-height: 52px; font-weight: 300; padding: 0 0 48px; max-width: 400px;} #simpleHeading .innerWrap p {font-size: 16px; line-height: 24px; font-weight: 300;} #jobFilter .wide {padding: 16px;} #jobFilter form {background: #fff; padding: 32px 48px 16px;} #jobFilter form h2 {text-align: center; font-size: 35px; line-height: 52px; font-weight: 300;} #jobFilter form select, #jobFilter form input {font-size: 16px; line-height: 1; letter-spacing: 2px; font-weight: 300; padding: 16px 32px; border: 1px solid #979797; height: 51px} #jobFilter form .inline > * {padding: 12px; vertical-align: top;} #jobFilter form .half {max-width: 1040px; font-size: 0;} #jobFilter form .half > * {font-size: initial; display: inline-block; vertical-align: top;} form .half input {width: calc(100% - 220px);} form .half button {width: 220px;} select {-webkit-appearance: none;} .dataTables_wrapper input, .dataTables_wrapper select {padding: 8px !important;} .dataTables_wrapper label, .tablepress th, .tablepress td {font-size: 14px; line-height: 18px;} .dataTables_info {font-size: 14px; line-height: 18px; padding: 8px;} #tablepress-49 tr td {width: 50%; text-align: center;} #contentColumns .wide {padding: 16px; column-count: 2; column-gap: 32px;} #contentColumns .wide article {display: block; width: 100%; margin-bottom: 32px; break-inside: avoid} #contentColumns .wide article h2 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 12px 32px; font-weight: 500;} #contentColumns .content.entry {padding: 32px; background: #fff;} #splitContent .wide {padding: 16px;} #splitContent .wide h2 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 12px 32px; font-weight: 500;} #splitContent .center {padding: 16px; background: #fff;} #splitContent .center figure {width: 500px; text-align: center;} #registerColumns .wide {padding: 16px; column-count: 2; column-gap: 32px;} #registerColumns .wide article {display: block; width: 100%; margin-bottom: 32px;} #registerColumns .wide article h2 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 12px 32px; font-weight: 500;} #registerColumns .wrapper {padding: 16px; background: #fff;} #registerColumns figure {padding: 16px;} #registerColumns .content.entry {padding: 16px;} #registerColumns .content.entry a {color: #1D5AA8} #registerColumns .greybox {padding: 16px;} #registerColumns .greybox p {padding: 16px 24px; font-size: 16px; line-height: 24px; font-weight: 300; background: #F5F5F5;} #registerColumns a.btn {width: 100%;} #fullQuickLinks ul {padding: 16px; background: #fff;} #fullQuickLinks .wide {padding: 16px;} #fullQuickLinks h2 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 12px 32px; font-weight: 500;} #fullQuickLinks a.btn {width: 100%;} #allCommittees {padding: 0 0 80px;} #allCommittees .wide {padding: 16px;} #allCommittees .wide h2 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 12px 32px; font-weight: 500;} #allCommittees .inline {padding: 16px; background: #fff;} #allCommittees .inline > .hide {display: none !important} #allCommittees figure {width: 135px;} #allCommittees figure .figure {height: 135px; width: 135px;} #allCommittees .infoBlock {padding: 16px;} #allCommittees h3 {font-size: 14px; line-height: 16px; font-weight: 500; padding: 0 0 4px} #allCommittees em {font-size: 12px; line-height: 18px; font-weight: 300; padding: 4px 0; color: #555; font-style: none;} #allCommittees p {font-size: 12px; line-height: 18px; font-weight: 300; padding: 4px 0} #allCommittees a {font-size: 12px; line-height: 18px; font-weight: 500; text-transform: uppercase;letter-spacing: 2px; color: #1D5AA8;} #latestIssue .wide {padding: 16px;} #latestIssue .wide h2 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 12px 32px; font-weight: 500;} #latestIssue .wide h3 {font-size: 4.5rem; line-height: 5.3rem; color: #0B2645; font-weight: 500; padding: 16px;} #latestIssue .wide h4 {font-size: 20px; line-height: 24px; font-weight: 500; padding: 16px 0;} #latestIssue .wide p {font-size: 12px; line-height: 20px;} #latestIssue .wide p span {color: #1D5AA8} #latestIssue .wide p i {display: inline-block; padding: 0 15px;} #latestIssue .wide .center > figure {width: 510px; padding: 16px;} #latestIssue .wide figure img {width: 100%;} #latestIssue .center {padding: 16px; background: #fff;} #latestIssue .center > * {vertical-align: top} #latestIssue article figure {height: 265px;} #latestIssue a.btn {width: 100%;} #banner {padding: 16px 0 0;} #banner .slim {padding: 16px;} #banner .slim h1 {padding: 32px; font-size: 4.7rem; line-height: 5.3rem; background: #fff;} #theContent .slim {padding: 48px 16px 72px;} #theContent .slim .content.entry {padding: 32px; background: #fff;} #theContent .bluebar {color: #fff; padding: 16px;} #theContent .bluebar span {display: inline-block; padding: 16px; font-size: 16px;} #theContent .bluebar a {color: #fff} #pastIssues {padding: 0 0 80px} #pastIssues h2 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 12px 32px; font-weight: 500;} #pastIssues .third .links {padding: 32px 32px 8px; background: #fff;} #pastIssues .third .links a.btn {width: 100%; margin-bottom: 24px;} #pastIssues article {padding: 16px; background: #fff;} #pastIssues article .slideList {padding: 16px 64px;} #pastIssues article .slideList .slick-arrow {filter: invert(1);} #pastIssues article .slideList img {width: 100%;} #pastIssues article h3 {font-size: 35px; line-height: 52px; font-weight: 300; padding: 16px;} #pastIssues .center > * {vertical-align: top;} #pastIssues .pastIssues .links {padding: 16px 16px 0;} #pastIssues .pastIssues a.btn {width: 100%;margin-bottom: 16px;} #contributors h2 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 12px 32px; font-weight: 500;} #contributors article {padding: 32px; background: #fff;} #contributors article > * {padding: 0 20px;} #contributors article figure {width: 175px;} #contributors article h3 {font-size: 35px; line-height: 52px; font-weight: 300; padding: 0 0 24px;} #contributors article h4 {font-size: 21px; line-height: 24px; font-weight: 500; color: #1D5AA8;} #donationBlocks {padding: 0 0 80px} #donationBlocks h2 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 12px 32px; font-weight: 500;} #donationBlocks article {padding: 32px; background: #fff;} #donationBlocks article p {font-size: 16px; line-height: 30px; font-weight: 300; padding: 24px 0 40px;} #resourceBlocks {padding: 0 0 80px;} #resourceBlocks article {padding: 16px; background: #fff;} #resourceBlocks article h3 {font-size: 21px; line-height: 24px; font-weight: 500;} #resourceBlocks article p {font-size: 16px; line-height: 24px; padding: 16px 0; min-height: 112px;} #journalLinks {padding: 0 0 80px;} #journalLinks h2 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 12px 32px; font-weight: 500;} #journalLinks .center > * {vertical-align: top;} #journalLinks a.btn {width: 100%; margin-bottom: 24px;} #journalLinks .third .links {padding: 32px 32px 8px; background: #fff;} #journalLinks .wrapper {background: #fff; padding: 32px 32px 0;} #journalLinks .wrapper h3 {font-size: 21px; line-height: 24px; color: #555; font-weight: 500; padding: 0 0 18px;} #journalLinks .volumes {padding: 16px; background: #fff;} #journalLinks .volumes > div {display: none;} #journalLinks .volumes > div.active {display: block;} #journalLinks article > p {padding: 32px; background: #fff;font-size: 16px; line-height: 30px; font-weight: 300;} /* #journalLinks article.readAjor {margin-top: 32px;} */ #jobExtra .center > * {vertical-align: top;} #jobExtra .wrapper {padding: 16px;} #jobExtra .wrapper h2 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 12px 32px; font-weight: 500;} #jobExtra .wrapper .content.entry {padding: 32px; background: #fff;} #getAccess {display: none; justify-content: center; align-items: center; height: 100vh; width: 100%; z-index: 10000; position: fixed; top: 0; left: 0;} #getAccess.active {display: flex;} #getAccess .shade {height: inherit; width: inherit; background: rgba(0,0,0,.5); position: absolute; top: 0; left: 0; z-index: 1;} #getAccess .wrapper {background: #fff; text-align: center; padding: 16px; max-width: 500px; z-index: 5; position: relative; max-height: 85vh;} #getAccess .gform_body {text-align: left;} #getAccess h3 {font-size: 21px; line-height: 24px; font-weight: 500;} #getAccess h2 {font-size: 16px; line-height: 21px; font-weight: 300;} #getAccess .gform_fields > li {padding: 8px;} #getAccess .gform_fields > li input {padding: 16px; font-size: 16px;} .hidden {display: none !important} #searchResults {padding: 32px 16px} #searchResults .flex {background: #fff; padding: 16px} #searchResults h2 {font-size: 27px; line-height: 32px; color: #fff; background: #0B2645; padding: 16px 32px} #searchResults article {background: #fff; padding: 32px;} #searchResults article h3 {font-size: 20px; line-height: 24px;} #searchResults article p {padding: 16px 0; font-size: 14px; line-height: 18px} /* Mobile Styles */ .flex {display: flex; flex-wrap: wrap; justify-content: center;} .flex > * {margin: 0; list-style-type: none;} .flex > * > * {height: 100%;} .inline, .menu, ul.gform_fields, .gform_radio, .gform_checkbox {font-size: 0; list-style-type: none;} .inline > *, .menu > li, ul.gform_fields > li, .gform_radio > li, .gform_checkbox > li {font-size: initial; display: inline-block; vertical-align: top;} .mx01 {width: 8.333%;} .mx02 {width: 16.666%;} .mx03 {width: 25%;} .mx04 {width: 33.333%;} .mx05 {width: 41.666%;} .mx06 {width: 50%;} .mx07 {width: 58.333%;} .mx08 {width: 66.666%;} .mx09 {width: 75%;} .mx10 {width: 83.333%;} .mx11 {width: 91.666%;} .mx12 {width: 100%;} .full {width: 100%;} [class*="sixth"] {width: 16.666%;} [class*="fifth"] {width: 20%;} [class*="fourth"] {width: 25%;} [class*="third"] {width: 33.33%;} [class*="half"] {width: 50%;} /* Large Screen Size */ @media (max-width: 1200px) { .lg01 {width: 8.333%;} .lg02 {width: 16.666%;} .lg03 {width: 25%;} .lg04 {width: 33.333%;} .lg05 {width: 41.666%;} .lg06 {width: 50%;} .lg07 {width: 58.333%;} .lg08 {width: 66.666%;} .lg09 {width: 75%;} .lg10 {width: 83.333%;} .lg11 {width: 91.666%;} .lg12 {width: 100%;} .sixth, [class*="fifth"] {width: 25%;} [class*="fourth"] {width: 33.33%;} html {/*font-size: 9px;*/} #specialLinks li {width: 25% !important;} .legendBox {padding: 8px;} .legendBox p {padding-top: 0; padding-bottom: 0;} } /* Medium Screen size - Mobile starts here */ @media (max-width: 992px) { .mobile {display: inline-block;} .main_menu .menu {display: none;} ul.sub-menu {display: none !important;} #mobileMenu.on .wrapper {display: block;} .md01 {width: 8.333%;} .md02 {width: 16.666%;} .md03 {width: 25%;} .md04 {width: 33.333%;} .md05 {width: 41.666%;} .md06 {width: 50%;} .md07 {width: 58.333%;} .md08 {width: 66.666%;} .md09 {width: 75%;} .md10 {width: 83.333%;} .md11 {width: 91.666%;} .md12 {width: 100%;} [class*="fifth"] {width: 33.33%;} [class*="third"] {width: 50%;} [class*="half"] {width: 100%;} .center, .center > * {display: block;} /* .gutters > * {padding: 8px;} */ html {/*font-size: 8px;*/} #landing .slideWrapper {position: relative;} #landing figure {height: 300px !important} #landing .leanRight {margin-right: auto; text-align: center;} #landing p {max-width: none;} #landing .sponsors {margin: 0 auto;} #specialLinks li {width: 33.33% !important;} /* special headers */ #upcoming article h2 {padding: 12px 24px; font-size: 20px; line-height: 26px;} /* reduce padding */ #upcoming ul.thePosts, #upcoming ul.thePosts li {padding: 12px;} #upcoming ul.thePosts h3 {font-size: 18px; line-height: 24px;} #upcoming ul.thePosts p {font-size: 14px; line-height: 18px;} footer .contactLinks {text-align: center; padding: 32px 0 0;} footer .footerLogo {text-align: right} footer .copyright, footer .rightSide, footer .socialBox {text-align: center;} footer .theFullMenu {display: none;} footer .social_links { padding: 0;} footer .social_links a {margin: 8px} .gdpr p {font-size: 12px; font-weight: 300; line-height: 16px;} #theMap {height: 400px !important} #mapBanner .infoBlock {padding: 16px;} #mapview .infoBlock {width: 100%;} #mapview .links {text-align: center;} #mapview .links a {margin: 8px;} #faqPage .wrapper {padding: 16px;} #faqPage .faqBlocks {padding: 0;} #awardsList figure {margin-bottom: 16px;} #awardsList {text-align: center;} #contentTabs .inline li {width: 100%;} #contentTabs .inline li a {width: 100%; font-size: 20px; line-height: 24px; margin: 0;} #contentTabs .links {padding: 16px} #linkBlocks .columns {column-count: 1;} #linkBlocks .content {padding: 16px;} #testMethods .mainWrapper {padding: 16px;} #contentTabs article {padding: 16px} #contentColumns .content.entry {padding: 16px;} form.searchBox .inline .hasDrops {width: 100%; padding: 0 0 16px} form.searchBox .inline .hasDrops + .hasField {width: calc(100% - 220px)} #contentColumns .wide {column-count: 1;} #registerColumns .wide {column-count: 1;} .slideHeading .content {min-height: 0;} #allCommittees .inline {padding: 0;} #trainingBlocks .inline {padding: 0;} form.searchBox .inline > a {text-align: center;} #allCommittees {text-align: center;} #featuredProducts {text-align: center;} #featuredProducts figure {margin: 0 auto 16px; text-align: center;} #contentBlocks .wrapper {padding: 16px} #eventExtras .galleryList {height: auto !important} #benefitBlocks a.btn {min-width: 220px;} #benefitBlocks .wrapper {padding: 16px;} #jobFilter form {padding: 32px 24px;} #jobResults {text-align: center;} #jobResults figure {background: none; padding: 0 0 16px} #jobResults article .content {padding-left: 0} #jobExtra .wrapper .content.entry {padding: 16px;} .slideHeading .content {padding: 24px} #whiteCards {padding: 16px 0} #upcoming .quickLinks {width: 100%;} #contributors article {text-align: center;} #memberMap article .fourth {width: 100%;} .legendBox {display: none !important;} #memberMap article .fourth {border: 0;} #memberMap .svg-container {overflow: hidden;} .svg-container > #state-map {width: 122%} #relatedPages li {width: 100%;} #relatedPages > a {font-size: 20px; text-transform: uppercase; padding: 8px; display: block; width: 100%;} #relatedPages > a > i {padding-left: 4px} #relatedPages .wide {display: none; z-index: 1000; background: #fff;} #relatedPages.on .wide {display: block; position: absolute;} #testMethods ul.allMethods span {font-size: 12px; line-height: 18px} #featuredProducts .wrapper {padding-left: 0;} #featuredProducts .flex > * > * {padding: 16px 16px 32px} #eventContent .center > figure {width: 100%;} #whiteCards p {height: auto !important;} #whiteCards .links {padding: 24px 0 0} .slideHeading figure {height: 400px !important;} body.members #resources figure {height: 200px} #studentMap .paragraphs {max-height: none;} .slideHeading .content p br {display: none;} #donations .inline {padding: 16px;} } /* Small Screen Size */ @media (max-width: 768px) { .sm01 {width: 8.333%;} .sm02 {width: 16.666%;} .sm03 {width: 25%;} .sm04 {width: 33.333%;} .sm05 {width: 41.666%;} .sm06 {width: 50%;} .sm07 {width: 58.333%;} .sm08 {width: 66.666%;} .sm09 {width: 75%;} .sm10 {width: 83.333%;} .sm11 {width: 91.666%;} .sm12 {width: 100%;} [class*="fifth"], [class*="fourth"] {width: 50%;} [class*="third"] {width: 100%;} html {/*font-size: 7px;*/} #specialLinks li {width: 50% !important;} footer .contactLinks {text-align: center; padding: 32px 0 0;} footer .footerLogo {text-align: center; margin-bottom: 16px} footer .copyright, footer .rightSide, footer .socialBox {text-align: center;} footer .theFullMenu {display: none;} footer .social_links { padding: 0;} footer .social_links a {margin: 8px} footer p {max-width: 250px; text-align: center;} #contactUs form {padding: 16px;} .gform_fields li {padding: 8px;} #contactUs .wide {padding: 0;} form.searchBox .inline > * {width: 100% !important; padding: 8px !important} form.searchBox .inline a.btn {width: 100%;} #testMethods form {padding: 24px 16px} #testMethods .flex {padding: 0} #specialEvents .singleEvent figure {display: none;} #memberFilter .wrapper {padding: 16px;} #memberFilter .memberBlocks {padding: 0} #faqPage nav, #memberFilter nav {width: 100%; padding: 16px} #benefitBlocks .wrapper {min-height: auto;} form .half input {width: 100%; margin-bottom: 16px;} form .half button {width: 100%;} #testimonials p, #landing p, .entry p {font-size: 14px; line-height: 24px} h2 {font-size: 20px !important; line-height: 26px !important;} h3 {font-size: 18px !important; line-height: 24px !important;} h4, h5 {font-size: 16px !important; line-height: 20px !important;} #testMethods .flex .wrapper {border-left-width: 1px} #testMethods .flex .wrapper .content {height: auto;} #testMethods .flex .wrapper h4 {display: none;} .slideHeading figure {height: 300px !important;} } /* Miminum Screen Size */ @media (max-width: 500px) { .mn01 {width: 8.333%;} .mn02 {width: 16.666%;} .mn03 {width: 25%;} .mn04 {width: 33.333%;} .mn05 {width: 41.666%;} .mn06 {width: 50%;} .mn07 {width: 58.333%;} .mn08 {width: 66.666%;} .mn09 {width: 75%;} .mn10 {width: 83.333%;} .mn11 {width: 91.666%;} .mn12 {width: 100%;} .sixth {width: 33.33%;} [class*="fifth"], [class*="fourth"] {width: 100%;} html {/*font-size: 6px;*/} #specialLinks li {width: 100% !important;} footer .contactLinks .inline li {padding: 8px} .slideHeading figure {height: 200px !important;} }