@charset "UTF-8"; /* ========================================================================= */ /* !FONTS (@fontface generated with FontSpring Syntax formatting */ /* ========================================================================= */ /* ========================================================================= */ /* !SASS VARIABLES & MIXINS */ /* ========================================================================= */ /* // Use Case: $b (second) variable is optional and defaults to 'max-width' @include break(1100){ h1{ background: red; } } // Output @media screen and (max-width: 1100px) { h1 { background: red; } } // Also, if you want to specify the 2nd variable for break type (i.e., min-height) @include break(1100, 'min-height'){ h1 { background:red; } } // Output @media screen and (min-height: 1100px) { h1 { background: red; } } */ /* // inline SVGs // usage: background-image: inline-svg(''); */ /*@import "compass";*/ /* ========================================================================= */ /* !RESETS AND DEFAULTS */ /* ========================================================================= */ html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, img, ins, kbd, q, samp, var, hr, acronym, dl, dt, dd, ol, ul, li, pre, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { border: 0; outline: 0; font-style: normal; font-weight: 400; font-size: 100%; vertical-align: baseline; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; } em, strong, b, i, a, span, sub, sup, small { border: 0; outline: 0; font-size: 100%; vertical-align: baseline; margin: 0; padding: 0; } a:focus { outline: 0; } :focus, :active { outline: none; outline: 0; } ::-moz-focus-inner { outline: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } li { list-style: none; } a { text-decoration: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border-top: 1px solid #000; color: #000; } input, select { vertical-align: middle; } sub { vertical-align: sub; font-size: smaller; line-height: 0px; } sup { vertical-align: super; font-size: smaller; line-height: 0px; } input, button, textarea, select, label, img { display: inline-block; } input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } /*input, button, textarea, select { -webkit-appearance: none; }*/ textarea { resize: none; } button, a span { cursor: pointer; } button { border: 0; text-align: center; } button::-moz-focus-inner { padding: 0; border: 0; } table { table-layout: fixed; } a[href^=tel] { color: inherit; } #no_ie6 { width: 100%; height: 40px; overflow: hidden; border-bottom: 2px solid #000; } /* != FONT SMOOTHING */ body, input, button, textarea { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* *, *:before, *:after { box-sizing: border-box;} */ /* != .clearfix - CLEAR ELEMENTS */ .clear { clear: both; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix { display: inline-table; } * html .clearfix { height: 1%; } /* Hides from IE-mac \*/ .clearfix { display: block; } /* Hides from IE-mac \*/ * html .clearfix { zoom: 1; } /* IE6 */ *:first-child + html .clearfix { zoom: 1; } /* IE7 */ /* != .wordwrap - CONTINUE LONG URLS/WORDS ON NEXT LINE */ .wordwrap { white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; word-wrap: break-word; } /* ========================================================================= */ /* !FONTS (@fontface generated with FontSpring Syntax formatting */ /* ========================================================================= */ /* != Proxima Nova ====================================== */ @font-face { font-family: 'ProximaNova'; src: url("../fonts/Proxima-Nova/ProximaNova-Thin-webfont.eot"); src: url("../fonts/Proxima-Nova/ProximaNova-Thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Proxima-Nova/ProximaNova-Thin-webfont.woff") format("woff"), url("../fonts/Proxima-Nova/ProximaNova-Thin-webfont.ttf") format("truetype"), url("../fonts/Proxima-Nova/ProximaNova-Thin-webfont.svg#proxima_nova_ththin") format("svg"); font-weight: 200; font-style: normal; } @font-face { font-family: 'ProximaNova'; src: url("../fonts/Proxima-Nova/ProximaNova-ThinIt-webfont.eot"); src: url("../fonts/Proxima-Nova/ProximaNova-ThinIt-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Proxima-Nova/ProximaNova-ThinIt-webfont.woff") format("woff"), url("../fonts/Proxima-Nova/ProximaNova-ThinIt-webfont.ttf") format("truetype"), url("../fonts/Proxima-Nova/ProximaNova-ThinIt-webfont.svg#proxima_novathin_italic") format("svg"); font-weight: 200; font-style: italic; } @font-face { font-family: 'ProximaNova'; src: url("../fonts/Proxima-Nova/ProximaNova-Light-webfont.eot"); src: url("../fonts/Proxima-Nova/ProximaNova-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Proxima-Nova/ProximaNova-Light-webfont.woff") format("woff"), url("../fonts/Proxima-Nova/ProximaNova-Light-webfont.ttf") format("truetype"), url("../fonts/Proxima-Nova/ProximaNova-Light-webfont.svg#proxima_nova_ltlight") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: 'ProximaNova'; src: url("../fonts/Proxima-Nova/ProximaNova-LightIt-webfont.eot"); src: url("../fonts/Proxima-Nova/ProximaNova-LightIt-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Proxima-Nova/ProximaNova-LightIt-webfont.woff") format("woff"), url("../fonts/Proxima-Nova/ProximaNova-LightIt-webfont.ttf") format("truetype"), url("../fonts/Proxima-Nova/ProximaNova-LightIt-webfont.svg#proxima_novalight_italic") format("svg"); font-weight: 300; font-style: italic; } @font-face { font-family: 'ProximaNova'; src: url("../fonts/Proxima-Nova/ProximaNova-Reg-webfont.eot"); src: url("../fonts/Proxima-Nova/ProximaNova-Reg-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Proxima-Nova/ProximaNova-Reg-webfont.woff") format("woff"), url("../fonts/Proxima-Nova/ProximaNova-Reg-webfont.ttf") format("truetype"), url("../fonts/Proxima-Nova/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular") format("svg"); font-weight: 400; font-style: normal; } @font-face { font-family: 'ProximaNova'; src: url("../fonts/Proxima-Nova/ProximaNova-RegIt-webfont.eot"); src: url("../fonts/Proxima-Nova/ProximaNova-RegIt-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Proxima-Nova/ProximaNova-RegIt-webfont.woff") format("woff"), url("../fonts/Proxima-Nova/ProximaNova-RegIt-webfont.ttf") format("truetype"), url("../fonts/Proxima-Nova/ProximaNova-RegIt-webfont.svg#proxima_novaregular_italic") format("svg"); font-weight: 400; font-style: italic; } @font-face { font-family: 'ProximaNova'; src: url("../fonts/Proxima-Nova/ProximaNova-Sbold-webfont.eot"); src: url("../fonts/Proxima-Nova/ProximaNova-Sbold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Proxima-Nova/ProximaNova-Sbold-webfont.woff") format("woff"), url("../fonts/Proxima-Nova/ProximaNova-Sbold-webfont.ttf") format("truetype"), url("../fonts/Proxima-Nova/ProximaNova-Sbold-webfont.svg#proxima_nova_ltsemibold") format("svg"); font-weight: 500; font-style: normal; } @font-face { font-family: 'ProximaNova'; src: url("../fonts/Proxima-Nova/ProximaNova-SboldIt-webfont.eot"); src: url("../fonts/Proxima-Nova/ProximaNova-SboldIt-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Proxima-Nova/ProximaNova-SboldIt-webfont.woff") format("woff"), url("../fonts/Proxima-Nova/ProximaNova-SboldIt-webfont.ttf") format("truetype"), url("../fonts/Proxima-Nova/ProximaNova-SboldIt-webfont.svg#proxima_novasemibold_italic") format("svg"); font-weight: 500; font-style: italic; } @font-face { font-family: 'ProximaNova'; src: url("../fonts/Proxima-Nova/ProximaNova-Bold-webfont.eot"); src: url("../fonts/Proxima-Nova/ProximaNova-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Proxima-Nova/ProximaNova-Bold-webfont.woff") format("woff"), url("../fonts/Proxima-Nova/ProximaNova-Bold-webfont.ttf") format("truetype"), url("../fonts/Proxima-Nova/ProximaNova-Bold-webfont.svg#proxima_nova_rgbold") format("svg"); font-weight: 600; font-style: normal; } @font-face { font-family: 'ProximaNova'; src: url("../fonts/Proxima-Nova/ProximaNova-BoldIt-webfont.eot"); src: url("../fonts/Proxima-Nova/ProximaNova-BoldIt-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Proxima-Nova/ProximaNova-BoldIt-webfont.woff") format("woff"), url("../fonts/Proxima-Nova/ProximaNova-BoldIt-webfont.ttf") format("truetype"), url("../fonts/Proxima-Nova/ProximaNova-BoldIt-webfont.svg#proxima_novabold_italic") format("svg"); font-weight: 600; font-style: italic; } @font-face { font-family: 'ProximaNova'; src: url("../fonts/Proxima-Nova/ProximaNova-Xbold-webfont.eot"); src: url("../fonts/Proxima-Nova/ProximaNova-Xbold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Proxima-Nova/ProximaNova-Xbold-webfont.woff") format("woff"), url("../fonts/Proxima-Nova/ProximaNova-Xbold-webfont.ttf") format("truetype"), url("../fonts/Proxima-Nova/ProximaNova-Xbold-webfont.svg#proxima_nova_thextrabold") format("svg"); font-weight: 700; font-style: normal; } @font-face { font-family: 'ProximaNova'; src: url("../fonts/Proxima-Nova/ProximaNova-XboldIt-webfont.eot"); src: url("../fonts/Proxima-Nova/ProximaNova-XboldIt-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Proxima-Nova/ProximaNova-XboldIt-webfont.woff") format("woff"), url("../fonts/Proxima-Nova/ProximaNova-XboldIt-webfont.ttf") format("truetype"), url("../fonts/Proxima-Nova/ProximaNova-XboldIt-webfont.svg#proxima_novaextrabold_italic") format("svg"); font-weight: 700; font-style: italic; } @font-face { font-family: 'ProximaNova'; src: url("../fonts/Proxima-Nova/ProximaNova-Black-webfont.eot"); src: url("../fonts/Proxima-Nova/ProximaNova-Black-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Proxima-Nova/ProximaNova-Black-webfont.woff") format("woff"), url("../fonts/Proxima-Nova/ProximaNova-Black-webfont.ttf") format("truetype"), url("../fonts/Proxima-Nova/ProximaNova-Black-webfont.svg#proxima_nova_blblack") format("svg"); font-weight: 800; font-style: normal; } @font-face { font-family: 'ProximaNova'; src: url("../fonts/Proxima-Nova/ProximaNova-BlackIt-webfont.eot"); src: url("../fonts/Proxima-Nova/ProximaNova-BlackIt-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/Proxima-Nova/ProximaNova-BlackIt-webfont.woff") format("woff"), url("../fonts/Proxima-Nova/ProximaNova-BlackIt-webfont.ttf") format("truetype"), url("../fonts/Proxima-Nova/ProximaNova-BlackIt-webfont.svg#proxima_novablack_italic") format("svg"); font-weight: 800; font-style: italic; } @font-face { font-family: "jack-social"; src: url("../fonts/JackSocial/jack-social.eot"); src: url("../fonts/JackSocial/jack-social.eot?#iefix") format("embedded-opentype"), url("../fonts/JackSocial/jack-social.ttf") format("truetype"), url("../fonts/JackSocial/jack-social.woff") format("woff"), url("../fonts/JackSocial/jack-social.svg#jack-social") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "carney-sandoe"; src: url("../fonts/Carney-Sandoe/carney-sandoe.eot"); src: url("../fonts/Carney-Sandoe/carney-sandoe.eot?#iefix") format("embedded-opentype"), url("../fonts/Carney-Sandoe/carney-sandoe.woff") format("woff"), url("../fonts/Carney-Sandoe/carney-sandoe.ttf") format("truetype"), url("../fonts/Carney-Sandoe/carney-sandoe.svg#carney-sandoe") format("svg"); font-weight: normal; font-style: normal; } /* ========================================================================= */ /* !SASS VARIABLES & MIXINS */ /* ========================================================================= */ /* ========================================================================= */ /* !STYLES */ /* ========================================================================= */ html, body { font: 400 15px/1.5 "ProximaNova", Helvetica, Arial, sans-serif; background: #007888; color: #444444; overflow-x: hidden; } /* != SELECTION STYLES (Leaving these blank will show no indication of text selection) ===== */ ::-moz-selection { background: #104ca3; color: #fff; } ::selection { background: #104ca3; color: #fff; } ::-moz-selection { background: #104ca3; color: #fff; } ::-webkit-selection { background: #104ca3; color: #fff; } /* != ICON FONT DECLARATION ===== */ [data-icon]:before { font-family: "jack-social"; content: attr(data-icon); font-style: normal; font-weight: normal; font-variant: normal; text-transform: none !important; speak: none; display: inline-block; text-decoration: none; width: 1em; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="social-"]:before, [class*=" social-"]:before { font-family: "jack-social"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none !important; speak: none; display: inline-block; text-decoration: none; width: 1em; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .social-email:before { content: "a"; } .social-email-round:before { content: "A"; } .social-facebook:before { content: "f"; } .social-facebook-round:before { content: "F"; } .social-flickr:before { content: "c"; } .social-flickr-round:before { content: "C"; } .social-googleplus:before { content: "g"; } .social-googleplus-round:before { content: "G"; } .social-instagram:before { content: "i"; } .social-instagram-round:before { content: "I"; } .social-linkedin:before { content: "l"; } .social-linkedin-round:before { content: "L"; } .social-pinterest:before { content: "p"; } .social-pinterest-round:before { content: "P"; } .social-rss:before { content: "r"; } .social-rss-round:before { content: "R"; } .social-sharethis:before { content: "s"; } .social-sharethis-round:before { content: "S"; } .social-twitter:before { content: "t"; } .social-twitter-round:before { content: "T"; } .social-vimeo:before { content: "v"; } .social-vimeo-round:before { content: "V"; } .social-yelp:before { content: "x"; } .social-yelp-round:before { content: "X"; } .social-youtube:before { content: "y"; } .social-youtube-round:before { content: "Y"; } .social-youtube2:before { content: "u"; } .social-youtube2-round:before { content: "U"; } [data-icon]:before { font-family: "carney-sandoe" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "carney-sandoe" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-arrow-down:before { content: "\61"; } .icon-arrow-left:before { content: "\62"; } .icon-arrow-right:before { content: "\63"; } .icon-arrow-up:before { content: "\64"; } .icon-blog:before { content: "\65"; } .icon-chat:before { content: "\66"; } .icon-email:before { content: "\67"; } .icon-login:before { content: "\68"; } /* != DEFAULT WORDPRESS STYLES = USE AS NEEDED = .wp-caption = .wp-caption-dd = .wpGallery = .shutter = .shutterset ==== */ .aligncenter { display: block; margin: 25px auto; } .alignleft, #media-detail img.alignleft { float: left; margin: 0 25px 25px 0; width: auto; } .alignright, #media-detail img.alignright { float: right; margin: 0 0 25px 25px; width: auto; } .alignnone { display: inline-block; } .wp-caption { width: 100% !important; } .wp-caption p { font-size: 13px; font-style: italic; } #media-detail .wp-caption img { margin-bottom: 0; } /* != LAYOUT STYLES ===== */ #wrapper { background: #fff; } h1 { color: #f00; } h2 { color: #f00; } h3 { color: #0096a9; font-size: 28px; line-height: 1.2; margin: 20px 0 10px 0; font-weight: 500; } h4 { color: #f00; } h5 { color: #0096a9; font-size: 28px; line-height: 1.2; margin: 20px 0 10px 0; font-weight: 500; } .header h5 { margin-top: 0; } h6 { font-size: 14px; text-transform: uppercase; font-weight: 600; color: #444444; } blockquote { font-size: 24px; font-weight: 300; text-align: center; position: relative; margin: 20px 0; line-height: 1.3; } blockquote:before { content: "“"; position: absolute; font-size: 50px; color: #0096AA; display: inline-block; margin: -12px 0 0 -20px; font-weight: 400; } blockquote:after { content: "”"; position: absolute; font-size: 50px; color: #0096AA; display: inline-block; margin: -12px -20px 0 0; font-weight: 400; } cite { display: block; margin: 20px 0; } cite strong { font-weight: 600; font-size: 18px; text-transform: uppercase; display: block; color: #0096AA; line-height: 1; } strong { font-weight: 600; } a { color: #0096a9; } a:hover { color: #AD1F42; } hr { border-top: 1px solid #d8d8d8; color: #d8d8d8; display: block; margin: 30px 0; } .content-main ul li { position: relative; padding-left: 10px; } .content-main ul li:before { content: '•'; position: absolute; left: 0; } .content-main ol { counter-reset: li; } .content-main ol li { position: relative; padding-left: 20px; } .content-main ol li:before { content: counter(li) ". "; counter-increment: li; position: absolute; left: 0; } .btn { display: inline-block; font-size: 13px; line-height: 40px; font-weight: 500; margin: 20px 0; text-transform: uppercase; color: #fff; padding: 0 20px; background: #0096AA; border-radius: 5px; } .btn:hover { background: #AD1F42; color: #fff; } .btn.red { background: #AD1F42; } .btn.red:hover { background: #0096AA; } .btn.load:before { content: '\61'; font-family: 'carney-sandoe'; font-size: 10px; text-transform: none; display: inline-block; vertical-align: middle; padding-right: 5px; } .btn.continue:before { content: '\63'; font-family: 'carney-sandoe'; font-size: 10px; text-transform: none; display: inline-block; vertical-align: 1; padding-right: 5px; } .btn.white-darkteal { color: #0096AA; background: #fff; } .btn.white-darkteal:hover { color: #fff; background: #007888; } .btn.white-darkblue { color: #104CA3; background: #fff; } .btn.white-darkblue:hover { color: #fff; background: #092c5d; } .btn.white-darkpurple { color: #914E99; background: #fff; } .btn.white-darkpurple:hover { color: #fff; background: #613466; } .btn.white-darkred { color: #AD1F42; background: #fff; } .btn.white-darkred:hover { color: #fff; background: #6c1329; } .more { display: inline-block; text-transform: uppercase; font-size: 13px; font-weight: 600; color: #AD1F42; margin: 10px 0; } .more.arrow:after { content: '\63'; font: normal 8px/1 "carney-sandoe"; text-transform: none; vertical-align: 1; padding: 0 0 0 5px; } .more:hover { color: #0096AA; } .wrap { width: 1180px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; max-width: 100%; padding: 0 20px; } .left { float: left; } .right { float: right; } #header { border-top: 2px solid #0096AA; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); position: relative; z-index: 2000; } #logo { float: left; margin: 0; padding: 15px 0; } #logo a { display: block; text-indent: -9000px; background: url(../images/logo.png) no-repeat 0 0; width: 193px; height: 66px; background-size: contain; } #utility-nav { float: right; background: #0096AA; font-size: 12px; text-transform: uppercase; } #utility-nav li { display: inline-block; padding: 5px 15px; vertical-align: middle; position: relative; } #utility-nav li a { color: #fff; display: inline-block; } #utility-nav li:before { vertical-align: middle; padding: 0 5px 0 0; color: #00616f; font-size: 14px; pointer-events: none; } #utility-nav li.icon-email:before { vertical-align: middle; font-size: 18px; pointer-events: none; } #utility-nav li:hover { background: #007888; } #utility-nav li:hover:before { color: #fff; pointer-events: none; } #utility-nav li ul { position: absolute; top: 100%; right: 0; width: 180px; background: #007888; display: none; z-index: 600; } #utility-nav li ul li { padding: 5px 15px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: right; } #utility-nav li ul li a { display: block; text-transform: none; } #utility-nav li ul li:hover { background: #0096AA; } #utility-nav li:hover ul { display: block; } #nav { clear: right; list-style: none; margin: 32px 0 0 0; padding: 0; position: relative; z-index: 597; float: right; font-size: 13px; text-transform: uppercase; } #nav li { list-style: none; margin: 0; padding: 0; float: left; vertical-align: middle; zoom: 1; } #nav li a { display: inline-block; padding: 0 10px; line-height: 30px; font-weight: 500; color: #0096AA; } #nav li:hover { position: relative; z-index: 599; cursor: default; } #nav li:hover > a { background: #914e99; color: #fff; } #nav ul { list-style: none; margin: 0; padding: 10px 0; display: none; position: absolute; top: 100%; left: 0; z-index: 598; width: 200px; background: #914e99; } #nav ul li { float: none; } #nav ul li a { text-transform: none; color: #fff; display: block; line-height: 1.2; padding: 5px 10px; } #nav ul li:hover a { background: rgba(0, 0, 0, 0.3); } #nav ul li a span { display: inline-block; } #nav ul ul { top: -4px; left: 100%; } #nav li:hover > ul { display: block; } #banner { height: 560px; position: relative; } /*#slideshow video { width: auto; height: auto; min-width: 100%; min-height: 100%; }*/ #slideshow video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: calc(100vh - 54px); width: auto; height: auto; z-index: 1; -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } #slideshow { position: relative; width: 100%; height: 100%; overflow: hidden; } #slideshow .slide .slide-image-mobile { display: none; } #slideshow .slide { position: absolute; width: 100%; height: 100%; } #slideshow .slide .slide-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; } #slideshow .slide .wrap { position: absolute; bottom: 100px; width: 100%; z-index: 2; } #slideshow .slide .slide-content { width: 100%; max-width: 600px; margin: auto; text-align: center; color: #fff; font-size: 22px; line-height: 1.2; } #slideshow .slide .slide-content h2 { color: #fff; font-size: 48px; font-weight: 600; text-transform: uppercase; } #slideshow .slide:after { position: absolute; width: 100%; height: 75%; bottom: 0; z-index: 1; content: ''; background-color: transparent; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), to(rgba(0, 0, 0, 0.4))); background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.4) 100%); background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.4) 100%); } #featured-news { background: rgba(45, 45, 45, 0.6); position: absolute; z-index: 3; bottom: 0; width: 100%; color: #fff; padding: 13px 0; border-top: 1px solid #0096aa; border-bottom: 5px solid #0096aa; } #featured-news h6 { color: #fff; width: auto; max-width: 23%; padding: 0 2% 0 0; float: left; font-size: 14px; } #featured-news p { width: 57%; float: left; padding: 0 0 0 2%; border-left: 1px solid rgba(255, 255, 255, 0.2); font-size: 14px; } #featured-news .more { width: 15%; text-align: right; float: right; font-size: 12px; display: inline-block; padding-top: 3px; color: #0096AA; margin: 0; } #featured-news .more:hover { color: #fff; } section { padding: 30px 0; border-top: 1px solid #d8d8d8; } section h3 { font-size: 36px; margin: 10px 0 40px 0; font-weight: 500; color: #444444; text-align: center; text-transform: uppercase; } .centered { text-align: center; } .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; 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); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .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-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .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-dots { position: absolute; top: 0; } .slick-dots li { display: inline-block; padding: 0 7px 0 0; } .slick-dots li button { background: #D0D0D0; border-radius: 50%; width: 12px; height: 12px; font-size: 0; padding: 0; } .slick-dots li.slick-active button { background: #AD1F42; } #modules { background: #F2F2F2 url(../images/bg_puzzle-piece.png) no-repeat 102% 50%; position: relative; } #modules:after { content: ''; display: block; position: absolute; bottom: 0; width: 100%; height: 10px; background-color: transparent; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), to(rgba(0, 0, 0, 0.1))); background: -o-linear-gradient(top, transparent 0, rgba(0, 0, 0, 0.1) 100%); background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, 0.1) 100%); } #modules .module { cursor: pointer; margin: 0 1%; font-size: 14px; line-height: 1.2; vertical-align: top; } #modules .module.red { background-color: #AD1F42; /*.btn { background: #fff; color: $red;}*/ } #modules .module.purple { background-color: #914E99; /*.btn { background: #fff; color: $purple;}*/ } #modules .module.blue { background-color: #104CA3; /*.btn { background: #fff; color: $blue;}*/ } #modules .module header { display: block; padding: 15px 20px; color: #fff; text-align: center; position: relative; } #modules .module header strong { display: inline-block; text-transform: uppercase; font-size: 14px; } #modules .module header strong:before { font-size: 11px; vertical-align: 1; padding: 0 5px 0 0; } #modules .module img { width: 100%; max-width: 100%; height: auto; display: block; opacity: 1; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; margin: 0 auto; position: relative; z-index: 1; } #modules .module .module-body { position: relative; overflow: hidden; } #modules .module .module-body div { position: relative; } #modules .module .module-body div strong { position: absolute; z-index: 2; display: block; width: 100%; bottom: 0; left: 0; padding: 10px; font-weight: 400; font-size: 12px; text-transform: uppercase; color: #fff; background-color: rgba(0, 0, 0, 0); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5))); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 100%); } #modules .module .module-content { position: absolute; z-index: 3; -webkit-transform: scale(1.1) translateY(-50%); -ms-transform: scale(1.1) translateY(-50%); transform: scale(1.1) translateY(-50%); opacity: 0; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; text-align: center; color: #fff; top: 50%; padding: 0 20px; } #modules .module .module-content .btn { margin: 20px 0 0 0; } #modules .module:hover .module-content { z-index: 1; -webkit-transform: scale(1) translateY(-50%); -ms-transform: scale(1) translateY(-50%); transform: scale(1) translateY(-50%); opacity: 1; } #modules .module:hover .module-body div { opacity: .3; } #modules .slick-dots { left: 0; top: -10px; width: 100%; text-align: center; } #featured { background: url(../images/bg_puzzle-piece.png) no-repeat 50% 50%; } #featured .featured-item { padding-top: 50px; } #featured .featured-item h5 { margin: 0 0 20px 0; } #featured .featured-item h5 span { text-transform: uppercase; color: #ad1f45; font-size: 14px; display: block; font-weight: 600; margin-bottom: 5px; } #featured .featured-item img { float: right; width: 45%; padding-bottom: 20px; } #featured .featured-item .featured-item-content { float: left; width: 45%; margin: 0; display: block; } #conferences { padding: 40px 0; background: url(../images/bg_puzzle-piece.png) no-repeat 110% 20px; } #conferences p.intro { font-size: 22px; padding-bottom: 40px; border: none; padding-bottom: 0; } /* OLD LAYOUT #conferences .conference-listing { margin-left: -4%; } */ /* OLD LAYOUT #conferences .conference-listing div { display: inline-block; width: 23%; box-sizing: border-box; margin: 0 -4px 30px 2%; line-height: 1.3; vertical-align: top; } */ #conferences .conference-listing { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } #conferences .conference-listing div { width: 31%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 0 30px; line-height: 1.3; vertical-align: top; } #conferences .conference-listing img { width: 100%; max-width: 100%; } #conferences .conference-listing h5 { margin: 20px 0 10px; font-size: 24px; color: #0096AA; font-weight: 500; line-height: 1.2; } #conferences .conference-listing h5 span { color: #9b9b9b; font-size: 13px; font-weight: 500; display: block; } #conferences .conference-extra { display: none; } #conferences .btn.load { cursor: pointer; } #conferences .mobile { display: none; } #conferences .slick-dots { width: 100%; text-align: center; top: -40px; } #appointments .main-content { width: 100%; max-width: 800px; margin: 0; text-align: left; } #appointments p.intro { font-size: 22px; padding-bottom: 40px; border: none; padding-bottom: 0; color: #914f99; } #appointments-grid ul { position: relative; padding: 0; overflow: hidden; margin: 40px 0; } #appointments-grid ul:before { content: ''; z-index: 0; position: absolute; height: 100%; top: 0; left: 25%; width: 25%; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; } #appointments-grid ul:after { content: ''; z-index: 0; position: absolute; height: 100%; top: 0; right: 25%; width: 0; border-left: 1px solid #d8d8d8; } #appointments-grid ul li { display: inline-block; position: relative; width: 25%; margin: 0 -4px -1px 0; padding: 35px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; vertical-align: top; border-bottom: 1px solid #d8d8d8; min-height: 180px; } #appointments-grid ul li strong { font: 500 24px/1.2 'ProximaNova'; color: #0095a8; display: block; } #appointments-grid ul li a { color: #ad1f42; } #appointments-grid ul li a:hover { color: #0095a8; } #partners { padding: 50px 0; border-top: 1px solid #d8d8d8; } #partners h3 { text-align: center; color: #686868; text-transform: uppercase; margin: 0 0 40px 0; } #partners .partner-slider div { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } #partners .partner-slider div a { width: 100%; display: block; } #partners .partner-slider img { width: 100%; max-width: 230px; height: auto; padding: 0 30px; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; } #partners .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; } #partners .slick-slide { height: auto; } #partners .slick-slide div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .popup-container { display: none !important; } .partner-info { background: #fff; border-radius: 10px; max-width: 800px; margin: 0 auto; position: relative; padding: 30px; } .partner-info img { display: block; margin: 0 auto 40px auto; max-width: 300px; width: 100%; height: auto; } .partner-info ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; position: relative; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } .partner-info ul:before { border-left: 1px solid #d8d8d8; content: ''; display: block; left: 50%; top: 0; height: 100%; width: 0; position: absolute; } .partner-info ul li { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .partner-info ul li strong { color: #0096aa; display: inline-block; width: 100px; vertical-align: top; } .partner-info ul li span { display: inline-block; vertical-align: top; } .slick-arrow { position: absolute; top: calc(50% - 9px); color: #0096a9; } .slick-arrow.slick-prev { position: absolute; right: 100%; font-size: 0; } .slick-arrow.slick-prev:before { content: "\62"; font-size: 18px; font-family: carney-sandoe; } .slick-arrow.slick-next { position: absolute; left: 100%; font-size: 0; } .slick-arrow.slick-next:before { content: "\63"; font-size: 18px; font-family: carney-sandoe; } #updates { background: url(../images/bg_puzzle-piece.png) no-repeat -10% 50%; } #recent-news { width: 45%; float: right; } #recent-news .news-item { padding: 30px 0; margin: 0; border-top: 1px solid #e1e1e1; } #recent-news .slick-slide :first-child .news-item { border: none; } #recent-news h5 { font-size: 18px; margin: 0; } #recent-news h5 span { font-size: 12px; display: block; font-weight: 500; color: #999999; } #recent-news .slick-dots { right: 0; top: -28px; } #recent-news .more { margin-bottom: 0; } #recent-tweet { width: 45%; float: left; } #recent-tweet p { font-size: 20px; padding: 30px 0 10px 0; } #recent-tweet .social-twitter { font-size: 35px; display: inline-block; vertical-align: middle; position: absolute; margin: -12px 0 0 0; color: #00b8f3; } #recent-tweet .tweet-date { font-size: 13px; text-transform: uppercase; color: #828282; } #recent-tweet .tweet-date:hover { color: #0096AA; } #testimonials { border: none; text-align: center; background: url(../images/bg_puzzle-piece.png) no-repeat 130% 0; } #testimonials header { border-top: 1px solid #d8d8d8; } #testimonials img { border-radius: 50%; margin: -55px 0 0 0; } #testimonials-list { border: none; text-align: center; } #testimonials-list header { display: none; } #testimonials-list blockquote { font-size: 18px; max-width: 800px; margin: 20px auto; } #testimonials-list .testimonial { border-bottom: 1px solid #d8d8d8; padding: 30px 0 50px 0; } #testimonials-list .testimonial:first-child { padding-top: 0; } #testimonials-list .testimonial:last-child { padding-bottom: 0; border-bottom: none; } #testimonial-list .testimonial { border-top: 1px solid #e4e4e4; padding: 40px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #testimonial-list .testimonial .testimonial-main { width: 47.5%; } #testimonial-list .testimonial .testimonial-main blockquote { text-align: left; margin: 0; } #testimonial-list .testimonial .testimonial-sub { width: 47.5%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #testimonial-list .testimonial .testimonial-sub cite { display: inline-block; width: 47.5%; padding: 10px 0 0 0; } #testimonial-list .testimonial .testimonial-sub img { display: inline-block; max-width: 200px; height: auto; } #testimonial-filter { margin: 30px auto; max-width: 400px; width: 100%; } #featured-testimonial { background: #f5f5f5; padding: 50px 0; text-align: center; } .load-more { text-align: center; margin: 30px 0; } .load-more a { display: inline-block; font-size: 13px; line-height: 40px; font-weight: 500; margin: 20px 0; text-transform: uppercase; color: #fff; padding: 0 20px; background: #0096AA; border-radius: 5px; } .load-more a:hover { background: #AD1F42; color: #fff; } .testimonial-popup { background: #fff; max-width: 800px; position: relative; margin: 0 auto; padding: 50px; border-radius: 10px; } .testimonial-popup .testimonial-info { margin: 20px 0 0 0; } .testimonial-popup .testimonial-info .date { text-transform: uppercase; font-weight: 300; font-size: 12px; display: inline-block; margin: 0 10px 0 0; } .happening-popup { background: #fff; max-width: 760px; position: relative; margin: 0 auto; padding: 50px; border-radius: 10px; } .happening-popup img { max-width: 100%; height: auto; margin: 20px 0; } .happening-popup h2 { font-size: 24px; font-weight: 500; color: #0096a9; } .happening-container h2 { font-size: 24px; line-height: 1.2; font-weight: 500; color: #0096a9; margin-bottom: 10px; } .happening-container h2 a { color: #0096a9; } .happening-container img { width: 30% !important; float: right !important; } .happening-container article div { width: 65%; float: left; display: block; } .resource-container h2 { font-size: 24px; line-height: 1.2; font-weight: 500; color: #0096a9; margin-bottom: 10px; } .resource-container h2 a { color: #0096a9; } #related-resources { padding: 40px 0; border-top: 1px solid #d8d8d8; } #related-resources h3 { text-align: center; color: #686868; text-transform: uppercase; margin: 20px 0 0 0; } #related-resources .resource-slider { padding: 50px 0 0 0; } #related-resources .resource-slider .slick-dots { text-align: center; display: block; width: 100%; } #related-resources .resource-slider article { padding: 0 10px; width: 100%; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; } #buckets { padding: 40px 0; border-top: 1px solid #d8d8d8; } #buckets h3 { text-align: center; color: #686868; text-transform: uppercase; margin: 20px 0 40px 0; } #buckets .bucket-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; } #buckets .bucket-container article { width: 30%; margin-bottom: 30px; } #buckets .bucket-container article img { max-width: 100%; height: auto; } #buckets .bucket-container article h2 { font-size: 24px; color: #0096aa; line-height: 1.2; margin: 10px 0; } .bucket-popup { background: #fff; max-width: 760px; position: relative; margin: 0 auto; padding: 50px; border-radius: 10px; } .bucket-popup img { max-width: 100%; height: auto; margin: 20px 0; } .bucket-popup h2 { font-size: 24px; font-weight: 500; color: #0096a9; } .bucket-popup p { margin: 0 0 10px 0; } .issuuembed { width: 100% !important; max-width: 100%; } #footer { background-color: #0096AA; padding: 40px 0 0 0; } #footer-nav { font-size: 0; position: relative; margin: 0 0 40px 0; } #footer-nav:before { width: 25%; position: absolute; z-index: 0; left: 25%; top: 0; border-left: 1px solid #007f90; border-right: 1px solid #007f90; content: ''; display: block; height: 100%; } #footer-nav:after { width: 25%; position: absolute; z-index: 0; right: 0; top: 0; border-left: 1px solid #007f90; content: ''; display: block; height: 100%; } #footer-nav > li { width: 25%; display: inline-block; position: relative; z-index: 1; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; vertical-align: top; padding: 0 0 20px 20px; } #footer-nav > li:nth-child(1), #footer-nav > li:nth-child(5) { padding: 0 0 20px 0; } #footer-nav > li > a, #footer-nav > li.addon > ul > li > a { color: #fff; text-transform: uppercase; font-weight: 500; display: block; padding: 0 0 10px 0; } #footer-nav > li > a:hover, #footer-nav > li.addon > ul > li > a:hover { color: #00525d; } #footer-nav > li > ul > li > a { color: #75d2de; font-weight: 500; line-height: 1.2; padding: 0 0 10px 0; display: block; } #footer-nav > li > ul > li > a:hover { color: #fff; } #footer-bottom { background-color: #007686; padding: 20px 0; color: #75d2de; font-size: 13px; } #footer-bottom .copyright { font-weight: 600; padding: 0 20px 0 0; display: inline-block; } #footer-bottom .footer-legal { font-weight: 600; padding: 0 20px 0 0; display: inline-block; } #footer-bottom .jackrabbit { display: inline-block; padding-right: 20px; } #footer-bottom a { color: #75d2de; } #footer-bottom .social-nav { float: right; position: relative; top: -8px; } #footer-bottom .social-nav a { font-size: 0; color: #0faec2; vertical-align: middle; } #footer-bottom .social-nav a:before { font-size: 28px; vertical-align: middle; } #footer-bottom .social-nav a:hover { -webkit-column-rule: #fff; -moz-column-rule: #fff; column-rule: #fff; } #footer-bottom .social-nav a.social-twitter:before { font-size: 30px; } #footer-bottom .social-nav a.social-linkedin:before { font-size: 34px; } #alert-bar { background: #ffda3b; position: fixed; bottom: -500px; left: 0; color: #550; font-size: 0; width: 100%; z-index: 100; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } #alert-bar.show { bottom: 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } #alert-bar .wrap { display: block; /*display: table;*/ } #alert-bar .alert-inner { display: table; width: 100%; } #alert-bar .label { display: none; } #alert-bar .alert-bar-content { -webkit-box-sizing: border-box; box-sizing: border-box; width: 75%; vertical-align: middle; font-size: 13px; /*padding: 0;*/ padding: 10px 0 10px 0; display: table-cell; } #alert-bar a { color: #fff; } #alert-bar .btn { display: table-cell; float: right; margin: 0; padding: 0 20px; /*padding: 10px 20px;*/ background: #fff; color: #AD1F42; border-radius: 0; /*width: 15%;*/ -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; vertical-align: middle; } #alert-bar .btn:hover { color: #0096AA; } #alert-bar .live-chat { display: table-cell; text-transform: uppercase; font-weight: 500; color: #fff; font-size: 13px; padding: 0 2%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; vertical-align: middle; } #alert-bar .live-chat:before { font-size: 20px; vertical-align: middle; padding: 0 5px 0 0; } #alert-bar .live-chat:hover { background: #971b3a; } /* != PLACEHOLDER ATTRIBUTE STYLES = input or textarea - placeholder="whatever" ===== */ /* ::-webkit-input-placeholder { color: #aaa; } :-moz-placeholder { color: #aaa; } */ form ul { margin: 0; } form ul li { background: none; list-style: none; } form ul li div { display: inline-block; vertical-align: top; } input[type=submit], button { display: inline-block; cursor: pointer; } .mobile { display: none; } .validation_error { background-color: #AD1F45; color: #fff; font-weight: 500; margin-bottom: 10px; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; } .validation_error h2 { color: #fff; } /* ========================================================================= */ /* !GLOBAL STYLE */ /* ========================================================================= */ #blue-banner.medium-banner .wrap { padding: 50px 20px; } #blue-banner .wrap { padding: 30px 20px; } #blue-banner { background-color: #0096A9; } #blue-banner .wrap { position: relative; height: 100%; z-index: 1; display: table; background-image: url("../images/blue-banner.png"); background-size: cover; background-repeat: no-repeat; background-position: right center; /*width: auto;*/ } #blue-banner h1 { width: 100%; color: #fff; font-size: 40px; line-height: 1.2; vertical-align: middle; display: table-cell; text-transform: uppercase; font-weight: 600; } #about-grid { max-width: 100vw; height: 35vw; max-height: 178px; margin: auto; margin-top: 4px; /*background-image: url('../images/about-grid.png'); */ background-repeat: no-repeat; background-position: center top; } .main-content { width: 55%; float: left; } .main-content p.intro { font-size: 22px; margin-bottom: 30px; padding-bottom: 30px; border-bottom: solid 1px #ddd; font-weight: 500; color: #914f99; } .main-content p { margin-bottom: 20px; } a { color: #AD1F45; } .main-content a:hover { color: #0096A9; } .main-content a.btn { margin: 10px 0; } .main-content a.btn:hover { color: #fff; } .main-content ul { margin-bottom: 40px; } .main-content ul li { position: relative; padding-left: 30px; margin-bottom: 14px; /*line-height: 15px;*/ } .main-content ul li:before { position: absolute; left: 0; color: #0096A9; content: '\2022'; font-size: 20px; top: -5px; } .main-content h2 { margin-top: 0; margin-bottom: 20px; color: #0096A9; font-size: 28px; font-weight: 500; } .main-content h3 { font-size: 24px; color: #0096A9; margin-bottom: 10px; text-align: left; font-weight: 500; text-transform: none; } .main-content h4 { font-size: 18px; color: #0096A9; margin-bottom: 10px; font-weight: 500; } .main-content h5 { font-size: 16px; color: #0096A9; margin-bottom: 10px; font-weight: 500; } .main-content .header h5 span { display: block; color: #999999; font-size: 13px; font-weight: 500; } .main-content .header h5 span.blog-cat { display: inline-block; } .main-content .header h5 span.blog-cat a { color: #2763B2; } .main-content .header h5 span.blog-cat a:hover { color: #AD1F45; } .main-content .header p { margin-bottom: 40px; color: #444444; font-size: 22px; font-weight: 300; } .main-content img { max-width: 100%; height: auto; } .main-content table { border-spacing: 0; border-collapse: collapse; margin: 20px 0; table-layout: fixed; } .main-content table tr:first-child { background-color: #0096A9; color: #fff; } .main-content table tr:first-child td:first-child { color: #fff; } .main-content table tr:first-child td { padding: 15px 20px; } .main-content table td { margin: 0; line-height: 100%; padding: 20px; } .main-content table tr:nth-child(even) td { background: #efefef; } .main-content table td p { margin-bottom: 10px; } .main-content table tr td:first-child { color: #0096A9; font-weight: 500; } .main-content table tr { border-bottom: 1px solid #ccc; } .main-content table tr td .header { display: none; margin-bottom: 5px; font-weight: 600; color: #0096A9; } .conferences .main-content, #conferences .main-content { width: 100%; max-width: 800px; margin: 0 auto; float: none; text-align: center; } .main-content.full { width: 100%; /*max-width: 960px;*/ margin: 0; text-align: left; } .main-content.full p.intro { font-size: 22px; margin-bottom: 0; padding-bottom: 30px; border-bottom: none; font-weight: 500; color: #914f99; } .main-content .youtube { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .main-content .youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .sub-content { width: 38%; float: right; } .sub-content :first-child { margin-top: 0 !important; } .sub-content .text { padding: 20px 30px 10px 30px; color: #fff; background-color: #924F99; background-image: url("../images/bg_puzzle-piece-white.png"); background-repeat: no-repeat; background-position: 170px 110%; margin-bottom: 20px; } .sub-content h5 { padding: 0; margin: 0; font-size: 22px; } .sub-content h5 span { font-size: 12px; color: #fff; font-weight: 400; text-transform: uppercase; } .sub-content h4 a { display: block; font-size: 20px; color: #fff; line-height: 20px; margin-bottom: 10px; } .sub-content p { font-size: 14px; line-height: 1.4; } .sub-content a.more { font-size: 13px; color: #fff; font-weight: 500; } .sub-content a.more:hover { text-decoration: underline; } .sub-content .text.bloc { padding: 30px; background-color: #0096AA; } .sub-content .text.text-block p { margin: 0 0 10px 0; } .sub-content .text.text-block p a { color: #fff; text-decoration: underline; } .sub-content .text.text-block p a.more { color: #fff; text-decoration: none; margin: 0; } .sub-content .text.text-block p a.more:hover { color: #00525d; } .sub-content .text.text-block p a:hover { text-decoration: none; } .main-content.half { width: 47.5%; } .main-content.half + .main-content.half { float: right; } .featured-image { margin-bottom: 20px; } .featured-image img { width: 100%; display: block; } .featured-image + .text.text-block { margin-top: -20px; } .sub-content .text.custom-block { background-color: #914f99; padding: 0; } .sub-content .text.custom-block img { max-width: 100%; height: auto; display: block; } .sub-content .text.custom-block .custom-block-content { padding: 20px; } .sub-content .text.custom-block h5 { color: #fff; margin-bottom: 10px; } .sub-content .text.custom-block p { margin: 0 0 20px 0; } .sub-content .text.custom-block p a { color: #fff; text-decoration: underline; } .sub-content .text.custom-block p a.more { color: #fff; text-decoration: none; margin: 0; } .sub-content .text.custom-block p a.more:hover { color: #0096aa; } .sub-content .text.custom-block p a:hover { text-decoration: none; } .sub-content .text.custom-block a.btn { color: #914f99; text-decoration: none; margin: 0; background: #fff; } .sub-content .text.custom-block a.btn:hover { color: #00525d; } .sub-content .text.custom-block a:hover { text-decoration: none; } .callout-text blockquote, .main-content blockquote { font-size: 16px; color: #AD1F45; text-align: left; font-weight: 400; border: 1px solid #aaa; padding: 25px 30px 25px 30px; margin-bottom: 30px; /*border-left: solid 2px #AD1F45; padding: 10px 30px; margin-bottom: 30px;*/ } .callout-text blockquote p { font-size: inherit; } .callout-text blockquote small { font-size: 12px; text-transform: uppercase; } .callout-text blockquote:before, .main-content blockquote:before { display: none; } .callout-text blockquote:after, .main-content blockquote:after { display: none; } .blog-filter { position: relative; padding: 30px; /*margin-bottom: 30px;*/ border-top: solid 1px #D8D8D8; /*border-bottom: solid 1px #D8D8D8;*/ } .blog-filter .btn { width: 100%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 1px 0 #E3E3E3; box-shadow: 0 1px 0 #E3E3E3; -webkit-box-shadow: inset 0px 0px 1px 0px #E3E3E3; box-shadow: inset 0px 0px 1px 0px #E3E3E3; } .blog-filter .gfield input[type=text] { border: 1px solid #C8C8C8 !important; } .blog-filter .select-menu { width: 100%; margin-bottom: 5px; } .blog-filter .select-menu select { width: 120%; color: #999999; } .blog-filter h5 span { color: #999999; font-size: 14px; font-weight: 500; } .search-filter span { color: #999999; font-size: 14px; font-weight: 500; } .search-filter label { display: inline-block; font-size: 18px; font-weight: 500; color: #999999; text-transform: uppercase; text-align: left; } .search-filter .select-menu { width: 300px; display: inline-block; margin: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; } .search-filter .select-menu select { color: #999999; } .search-filter .select-menu p { color: #914f99; font-weight: bold; text-align: left; padding: 0 0 2px 5px; } .popular-post { padding: 30px 30px 0 30px; border-top: solid 1px #D8D8D8; } .popular-post li { border-top: solid 1px #E0E0E0; padding-top: 10px; margin-bottom: 10px; } .popular-post li:nth-child(1) { border: none; } .popular-post li span { color: #999999; font-size: 12px; display: block; text-align: left; } .popular-post li a { color: #0096A9; font-size: 15px; display: block; text-align: left; font-weight: 500; } .popular-post li a:hover { color: #AD1F45; } .blog-container { position: relative; } .blog-container article { width: 47.5%; display: inline-block; vertical-align: top; margin-bottom: 20px; padding-top: 40px; font-size: 15px; } .blog-container article:before { position: absolute; width: 100%; margin-top: -40px; left: 0; border-top: solid 1px #D8D8D8; content: ''; } .blog-container article:nth-child(1), .blog-container article:nth-child(2) { padding-top: 0; } .blog-container article:nth-child(1):before, .blog-container article:nth-child(2):before { display: none; } .blog-container article:nth-child(even) { padding-left: 5%; } .blog-container article img { width: 100%; } .blog-container article h5 { font-size: 13px; color: #999999; margin: 15px 0 5px 0; } .blog-container article h5 a { color: #1F4DA2; } .blog-container article h5 a:hover { color: #AD1F45; } .blog-container article h2 a { font-size: 24px; color: #0096A9; font-weight: 500; line-height: 1.2; display: block; } .blog-container article h2 a:hover { color: #AD1F45; } .blog-container .pagination { width: 100%; padding-top: 25px; color: #444444; font-size: 14px; border-top: solid 1px #E0E0E0; vertical-align: middle; } .blog-container .pagination .icon-arrow-left { padding: 7px 6px 2px 6px; vertical-align: middle; font-weight: bold; font-size: 12px; background-color: #0096A9; color: #fff; border-radius: 6px; margin-right: 10px; } .blog-container .pagination .icon-arrow-left:hover { background-color: #AD1F45; color: #fff; } .blog-container .pagination .icon-arrow-right { padding: 7px 6px 2px 6px; vertical-align: middle; font-weight: bold; font-size: 12px; background-color: #0096A9; color: #fff; border-radius: 6px; margin-left: 10px; } .blog-container .pagination .icon-arrow-right:hover { background-color: #AD1F45; color: #fff; } .blog-container .pagination span { padding: 5px; } .blog-container .pagination a { color: #0096A9; } .blog-container .pagination a:hover { color: #fff; } .blog-container .pagination a span:hover { color: #AD1F45; } .blog-container .no-posts { font-size: 18px; } #tab-container { font-size: 0; } #tab-container ul { text-align: center; border-bottom: solid 1px #D8D8D8; vertical-align: bottom; } #tab-container ul li { position: relative; width: 220px; height: 47px; display: inline-block; margin: 0 10px; border: solid 1px #D8D8D8; border-bottom: none; background-color: #F7F7F7; color: #444444; font-size: 14px; font-weight: 500; text-align: center; vertical-align: bottom; border-top-left-radius: 5px; border-top-right-radius: 5px; cursor: pointer; text-transform: uppercase; } #tab-container ul li span { vertical-align: middle; } #tab-container ul li:hover { background-color: #fff; color: #AD1F45; } #tab-container ul li.active { width: 224px; height: 50px; line-height: 50px; background-color: #fff; -webkit-box-shadow: 3px 0 0px #ececec; box-shadow: 3px 0 0px #ececec; color: #AD1F45; } #tab-container ul li.active:after { position: absolute; width: 100%; top: 0; left: 0; border-bottom: solid 2px #fff; content: ''; } #tab-container #mobile-tab-container { display: none; } #filter-btn { display: none; } .gsection_title { color: #0096a9; font-size: 28px; line-height: 1.2; margin: 20px 0 10px 0; font-weight: 500; } .gfield { position: relative; width: 100%; vertical-align: middle; display: inline-block; margin: 0 0 10px 0; } .gfield > label { font-weight: 500; color: #0096a9; } .gfield:hover { border-color: #AAAAAA; } .gfield.full { height: 120px; } .gfield input[type=text], .gfield input[type=email] { padding: 0 10px; color: #5f5f5f; font-size: 15px; font-weight: 400; width: 100%; height: 36px; line-height: 36px; border: 1px solid #E1E1E1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 1px 0 #E3E3E3; box-shadow: 0 1px 0 #E3E3E3; -webkit-box-shadow: inset 0px 0px 1px 0px #E3E3E3; box-shadow: inset 0px 0px 1px 0px #E3E3E3; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; background: -o-linear-gradient(top, #ffffff 0%, #fafafa 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fafafa)); background: linear-gradient(to bottom, #ffffff 0%, #fafafa 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */ } .gfield textarea { padding: 8px 10px; color: #5f5f5f; font-size: 15px; font-weight: 400; width: 100%; line-height: 1.4; border: 0; border-radius: 0; border: 1px solid #E1E1E1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 1px 0 #E3E3E3; box-shadow: 0 1px 0 #E3E3E3; -webkit-box-shadow: inset 0px 0px 1px 0px #E3E3E3; box-shadow: inset 0px 0px 1px 0px #E3E3E3; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; background: -o-linear-gradient(top, #ffffff 0%, #fafafa 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fafafa)); background: linear-gradient(to bottom, #ffffff 0%, #fafafa 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */ } .validation_message { color: #AD1F45; font-size: 12px; font-weight: 500; padding-top: 3px; } .form-column { display: inline-block; margin-right: -4px; width: 50%; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; } .form-column.col-1 { padding: 0 15px 0 0; } .form-column.col-2 { padding: 0 0 0 15px; } .gfield_html_formatted { display: none; } .select-menu div { position: relative; width: 100%; height: 34px; line-height: 34px; border: 1px solid #C8C8C8; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 1px 0 #E3E3E3; box-shadow: 0 1px 0 #E3E3E3; background: #ffffff; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #fafafa 100%); /* Opera 11.10+ */ /* IE10+ */ background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fafafa)); background: linear-gradient(to bottom, #ffffff 0%, #fafafa 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */ vertical-align: middle; display: inline-block; overflow: hidden; } .select-menu div:before { content: ''; position: absolute; right: 10px; top: 7px; border: 4px solid transparent; border-bottom: 5px solid #0096a9; z-index: 1; } .select-menu div:after { content: ''; position: absolute; right: 10px; bottom: 7px; border: 4px solid transparent; border-top: 5px solid #0096a9; z-index: 1; pointer-events: none; } .select-menu div:hover { border-color: #AAAAAA; } .select-menu div select { padding: 7px 10px 7px 10px; color: #5f5f5f; font-size: 15px; font-weight: 400; background: transparent url(../images/bg_select.png) no-repeat 100% 50%; width: 120%; line-height: 1; border: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; text-indent: 0.01px; -o-text-overflow: ''; text-overflow: ''; position: relaive; z-index: 1; } .select-menu div select::-ms-expand { display: none; } .select-menu div select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #707070; } /* ========================================================================= */ /* !TAG BOX */ /* ========================================================================= */ .tag-box { height: 30px; margin-bottom: 5px; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #0096A9; font-size: 13px; text-align: left; line-height: 30px; } .tag-box:hover { border-color: #0096A9; -ms-user-select: none; user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; cursor: pointer; } .tag-box:hover .tag-close span { background-color: #0096A9; } .tag-box .tag-close { position: absolute; top: 14px; right: 25px; } .tag-close span { position: absolute; width: 15px; height: 2px; background-color: #D8D8D8; } .tag-close span:nth-child(odd) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .tag-close span:nth-child(even) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } /* ========================================================================= */ /* ! CHECKBOX */ /* ========================================================================= */ .checkbox-container { background: #f00; width: 15px; height: 15px; display: inline-block; position: relative; margin: 0; } .checkbox-container label { width: 13px; height: 13px; background: #fff; cursor: pointer; position: absolute; left: 1px; top: 1px; } .checkbox-container label:after { width: 11px; height: 11px; background: #00f; top: 1px; left: 1px; content: ''; position: absolute; opacity: 0; } .checkbox-container label:hover::after { opacity: 0.3; } .checkbox-container input[type=checkbox] { visibility: hidden; } .checkbox-container input[type=checkbox]:checked + label:after { opacity: 1; } /* ========================================================================= */ /* !VERTICAL ELEMENT */ /* ========================================================================= */ .v1a, .v1b { font-size: 0; } .v1a:after, .v1b:before { height: 100%; display: inline-block; vertical-align: middle; content: ''; } .v2 { height: auto; display: inline-block; vertical-align: middle; } /* ========================================================================= */ /* !GENERAL INTERIOR STYLE */ /* ========================================================================= */ #general-banner { position: relative; height: 174px; font-size: 0; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; overflow: hidden; } #general-banner:before { position: absolute; width: 80%; height: 100%; top: 0; left: 0; z-index: 1; content: ''; background: rgba(25, 161, 177, 0.8); background: -o-linear-gradient(right, #19a1b1, rgba(25, 161, 177, 0)); background: -webkit-gradient(linear, left top, right top, from(#19a1b1), to(rgba(25, 161, 177, 0))); background: -o-linear-gradient(left, #19a1b1, rgba(25, 161, 177, 0)); background: linear-gradient(to right, #19a1b1, rgba(25, 161, 177, 0)); } #general-banner .wrap { position: relative; height: 100%; z-index: 1; display: table; } #general-banner h1 { color: #fff; font-size: 40px; vertical-align: middle; display: table-cell; text-transform: uppercase; font-weight: 600; } #general-content { padding: 40px 0 60px; border-top: none; } #testimonials .wrap { margin-top: 60px; } .image-collage { width: 100%; min-width: 1500px; position: absolute; left: 0; z-index: 0; margin-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; max-height: 175px; overflow: hidden; font-size: 0; } .image-collage .collage-image { display: inline-block; vertical-align: middle; padding: 0 1px 0 0; } .image-collage .collage-image img { display: inline-block; outline: 2px solid #fff; width: 100%; height: auto; } .collage-container-1 { width: 12%; } .collage-container-2 { width: 25%; } .collage-container-3 { width: 13%; } .collage-container-4 { width: 25%; } .collage-container-5 { width: 13%; } .collage-container-6 { width: 12%; } /* ========================================================================= */ /* !Leadership Search */ /* ========================================================================= */ #leadership-banner { text-align: center; color: #fff; padding: 50px 0; position: relative; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; min-height: 320px; } #leadership-banner:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); z-index: 0; } #leadership-banner .wrap { position: relative; z-index: 1; } #leadership-banner h1 { text-transform: uppercase; font-size: 36px; font-weight: 600; color: #fff; letter-spacing: .05em; line-height: 1.2; } #leadership-banner h2 { font-size: 30px; font-weight: 600; color: #FFFFFF; } #leadership-banner p { font-size: 18px; } /*#leadership-banner .slider { margin: 20px auto 0; max-width: 800px; }*/ #leadership-banner .slider { margin: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #leadership-banner .slider .slick-list { height: 100%; } #leadership-banner .slider .slick-list .slick-track { height: 100%; } #leadership-banner .slider .slick-list .slick-track div { height: 100%; } #leadership-banner .slide { background-size: cover; padding-top: 50px; -webkit-box-sizing: border-box; box-sizing: border-box; background-position: center center; } #leadership-banner .slide h1 { padding-bottom: 40px; } #leadership-banner .slide:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); z-index: 0; } /*#leadership-banner .slider .slick-list .slick-track .wrap { position: absolute; z-index: 1; height: auto !important; top: 100px; } #leadership-banner.with-title .slider .slick-list .slick-track .wrap { position: absolute; z-index: 1; height: auto !important; top: 150px; } */ /*#leadership-banner .slider .slick-dots { position: static; }*/ #leadership-banner .slider .slick-dots { position: absolute; bottom: 20px; top: auto; width: 100%; } #leadership-banner .slider .slick-dots button { background: rgba(255, 255, 255, 0.5); } #leadership-banner .slider .slick-dots .slick-active button { background: #fff; } #banner-links { background: #fff; position: relative; } #banner-links:after { content: ''; position: absolute; height: 20px; width: 100%; top: 100%; left: 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0))); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0, rgba(0, 0, 0, 0) 100%); } #banner-links ul { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #banner-links ul li { display: inline-block; border-left: 1px solid #e0e0e0; padding: 0 20px; } #banner-links ul li:first-child { border-left: none; } #banner-links ul li a { display: inline-block; text-align: left; line-height: 1.2; } #banner-links ul li a:before { float: right; font-size: 10px; vertical-align: middle; line-height: 16px; padding-left: 5px; } #practice-groups { background: #0096a9 url(../images/bg_practice-groups.jpg) no-repeat center center; background-size: cover; padding: 30px 0; } #practice-groups h3 { font-weight: 600; text-transform: uppercase; font-size: 28px; color: #FFFFFF; letter-spacing: .05em; text-align: center; margin: 0 0 20px 0; } #practice-groups ul { display: block; position: relative; border-left: 1px solid #29a9b9; border-right: 1px solid #29a9b9; } #practice-groups ul:before { content: ''; position: absolute; left: calc(25% - 1px); z-index: 0; border-left: 1px solid #29a9b9; height: 100%; width: calc(25%); border-right: 1px solid #29a9b9; top: 0; } #practice-groups ul:after { content: ''; position: absolute; left: calc(75% - 1px); z-index: 0; border-left: 1px solid #29a9b9; height: 100%; top: 0; } #practice-groups ul li { line-height: 1.2; text-align: left; width: 25%; padding: 0 2px; margin: 0 -4px 0 0; font-size: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: top; position: relative; z-index: 1; } #practice-groups ul li a { color: #fff; display: block; height: 100%; padding: 10px 10px 10px 20px; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } #practice-groups ul li a:before { content: '\63'; font-family: 'carney-sandoe'; font-size: 10px; text-transform: none; display: inline-block; vertical-align: 1; padding-right: 5px; position: absolute; left: 5px; margin-top: 2px; } #practice-groups ul li a:hover { background: #fff; color: #0096a9; } #centered-content { text-align: center; background: url(../images/bg_puzzle-piece.png) no-repeat 50% 50%; padding: 30px 0; } #centered-content h3 { color: #924f99; font-size: 24px; } #centered-content .content-centered { margin: 0 auto; max-width: 800px; } #search-appointments { border-top: 1px solid #d8d8d8; padding: 50px 0; position: relative; } #search-appointments:after { content: ''; width: 0; height: calc(100% - 100px); border-left: 1px solid #d8d8d8; position: absolute; top: 50px; left: 50%; } #search-appointments #searches { float: left; padding: 0 50px 0 0; } #search-appointments #appointments { float: right; padding: 0 0 0 50px; } #search-appointments .recent-s-a { width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; } #search-appointments .recent-s-a h3 { text-align: center; color: #686868; text-transform: uppercase; margin: 0 0 40px 0; } #search-appointments .recent-s-a img { width: 100%; height: auto; } #search-appointments .recent-s-a ul { margin: 20px 0; } #search-appointments .recent-s-a ul li { border-bottom: 1px solid #d8d8d8; padding: 10px 0; } #search-appointments .recent-s-a ul li:last-child { border: none; } #search-appointments .recent-s-a ul li strong { display: inline-block; width: 33%; vertical-align: top; } #search-appointments .recent-s-a ul li span { display: inline-block; width: calc(67% - 4px); vertical-align: top; } #search-appointments .recent-s-a nav span + span { float: right; } #search-appointments .recent-s-a .slick-dots { margin: 0; text-align: center; position: absolute; bottom: calc(100% + 17px); width: 100%; top: auto; } #search-appointments .recent-s-a .slick-dots li { border: none; padding: 0 5px; } #leadership-featured { padding: 40px 0; border-top: 1px solid #d8d8d8; } #leadership-featured h3 { text-align: center; color: #686868; text-transform: uppercase; margin: 20px 0 0 0; } #leadership-featured .blog-slider { padding: 50px 0 0 0; } #leadership-featured .blog-slider .slick-dots { text-align: center; display: block; width: 100%; } #leadership-featured .blog-slider article { padding: 0 20px; width: 100%; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 900px) { #search-appointments .recent-s-a nav span + span { float: none; display: block; } } /* END 900px */ @media screen and (max-width: 700px) { #search-appointments:after { display: none; } #search-appointments #searches { float: none; padding: 0 0 50px 0; } #search-appointments #appointments { float: none; padding: 0 0 50px 0; } #search-appointments .recent-s-a { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } #search-appointments .recent-s-a nav span + span { float: right; display: inline-block; } } /* END 900px */ @media screen and (max-width: 450px) { #search-appointments .recent-s-a ul li strong { display: block; width: 100%; vertical-align: top; } #search-appointments .recent-s-a ul li span { display: block; width: 100%; vertical-align: top; } #search-appointments .recent-s-a nav span + span { float: none; display: block; } } /* END 900px */ /* ========================================================================= */ /* !Practice Group */ /* ========================================================================= */ #meet-the-team { text-align: center; padding-top: 30px; } #meet-the-team h3 { font-size: 24px; color: #924f99; } #content { border-top: 1px solid #d8d8d8; padding: 50px 0; } .main-content.content-full { width: 75%; } .main-content.content-full h3 { color: #924f99; } .team-slider { padding: 30px 0 50px 0; } .team-slider .slick-dots { width: 100%; } .team-slider .slide { text-align: center; padding: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; } .team-slider img { width: 100%; } .team-slider h5 { font-size: 24px; margin: 10px 0; color: #0096a9; } .team-slider h5 a { font-size: 24px; margin: 10px 0; color: #0096a9; } .team-slider h5 a:hover { color: #AD1F42; } .team-slider span { text-transform: uppercase; font-size: 12px; line-height: 1.1; display: block; } .team-slider .image-container { position: relative; overflow: hidden; margin-bottom: 10px; } .team-slider .slide .cover { position: absolute; width: 100%; height: 0%; bottom: 0; left: 0; vertical-align: middle; background-color: rgba(162, 10, 51, 0.85); -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .team-slider .slide .image-container:hover .cover { height: 100%; } .team-slider .image-container .cover span { width: 90%; display: block; margin: 0 auto 15px auto; font-size: 14px; color: #fff; } .team-slider .cover .btn { margin: 0; background-color: #fff; color: #AD1F45; } .team-slider .cover .btn:hover { background-color: #0096A9; color: #fff; } .team-slider.two img { display: inline-block; width: 45%; padding: 0 5% 0 0; } .team-slider.two .slide div { display: inline-block; width: 45%; vertical-align: top; text-align: left; } @media screen and (max-width: 950px) { .team-slider.two img { display: block; width: 100%; padding: 0; } .team-slider.two .slide div { display: block; width: 100%; vertical-align: top; text-align: center; } } /* END 950px */ @media screen and (max-width: 759px) { .team-slider.two img { display: inline-block; width: 45%; padding: 0 5% 0 0; } .team-slider.two .slide div { display: inline-block; width: 45%; vertical-align: top; text-align: left; } } /* END 950px */ @media screen and (max-width: 450px) { .team-slider.two img { display: block; width: 100%; padding: 0; } .team-slider.two .slide div { display: block; width: 100%; vertical-align: top; text-align: center; } } /* END 950px */ #practice-group-more { display: none; } .team-side { margin: 20px 0; } .team-side h3 { font-size: 16px; font-weight: 600; margin-bottom: 20px; color: #0096a9; text-transform: uppercase; } .team-side li { padding: 0 0 20px 0; line-height: 1; text-align: left; margin: 0 0 20px 0; border-bottom: 1px solid #e3e3e3; } .team-side li img { float: left; width: 30% !important; max-width: 120px !important; } .team-side li div { float: right; width: 65%; } .team-side li h5 { font-size: 16px; margin: 0; } .team-side li h5 a { color: #0096a9; } .team-side li h5 a:hover { color: #AD1F42; } .team-side span { font-size: 13px; margin: 5px 10px 5px 0; display: block; } .team-side a.more { font-size: 13px; color: #ad1f45; margin: 0; } /* ========================================================================= */ /* !Media Overview */ /* ========================================================================= */ #featured .featured-item-content .intro h5 a { color: #0096A9; } #featured .featured-item-content .intro h5 a:hover { color: #AD1F45; } #featured .featured-item-content .intro h5 span { color: #999999; font-size: 13px; font-weight: 500; } #featured .featured-item-content .intro h5 span a { color: #2763B2; } #media-overview { position: relative; border: none; margin-bottom: 40px; } #media-overview .main-content { width: 65%; float: left; font-size: 0; } #media-overview .sub-content { width: 30%; float: right; padding: 30px 0; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #F7F7F7; text-align: center; } #media-overview .sub-content h5 { font-size: 18px; color: #999999; display: block; text-transform: uppercase; text-align: left; margin-bottom: 10px; } #media-overview .main-content h5 span a { color: #0096A9; } #media-overview .post-social { padding: 0 30px; } #media-overview .social-nav { float: none; position: relative; text-align: left; margin-bottom: 20px; margin-left: -10px; } #media-overview .social-nav li { display: inline-block; } #media-overview .social-nav a { font-size: 0; color: #0096A9; vertical-align: middle; } #media-overview .social-nav a:before { font-size: 30px; vertical-align: middle; text-align: left; margin-bottom: 10px; } #media-overview .social-nav a:hover { -webkit-column-rule: #fff; -moz-column-rule: #fff; column-rule: #fff; color: #AD1F45; } #media-overview .social-nav a.social-twitter:before { font-size: 32px; } #media-overview .social-nav a.social-linkedin:before { font-size: 36px; } /* ========================================================================= */ /* !TEAM */ /* ========================================================================= */ #team { margin-bottom: 40px; } #team header p { max-width: 800px; padding: 40px 0; font-size: 22px; font-weight: 300; line-height: 1.3; } #team section { border: none; } #team-container #tab-container { margin-bottom: 10px; } #team-container #tab-container ul li { width: 15%; min-width: 180px; } #team-container #tab-container ul li.active { width: calc(15% + 4px); } #tab-container #mobile-tab-container { display: none; } #team-container #team-content section { display: none; border: none; } #team-container #team-content section.active { display: block; } #team-container .team-list-image { font-size: 0; } #team-container .team-list { position: relative; font-size: 0; } #team-container .team-list article { text-align: left; margin: 0; padding: 40px 1%; } #team-container .team-list article:before { position: absolute; display: block; width: 100%; margin-top: -40px; left: 0; border-top: solid 1px #D8D8D8; content: ''; } #team-container .team-list article:nth-child(1), #team-container .team-list article:nth-child(2), #team-container .team-list article:nth-child(3), #team-container .team-list article:nth-child(4) { padding-top: 0; } #team-container .team-list article:nth-child(1):before, #team-container .team-list article:nth-child(2):before, #team-container .team-list article:nth-child(3):before, #team-container .team-list article:nth-child(4):before { display: none; } #team-container article { width: 23%; margin: 0 1% 30px 1%; display: inline-block; vertical-align: top; text-align: center; } #team-container article img { width: 100%; } #team-container article h5 { margin: 0; padding: 0; font-size: 24px; } #team-container article h5 a { color: #0096A9; font-weight: 500; } #team-container article h5 a:hover { color: #AD1F45; } #team-container article span { font-size: 12px; text-transform: uppercase; line-height: 1.3; display: block; } #team-container article span a { font-size: 12px; font-weight: 500; text-transform: uppercase; line-height: 1.3; } #team-container .image-container { position: relative; overflow: hidden; margin-bottom: 10px; } #team-container article .cover { position: absolute; width: 100%; height: 0%; bottom: 0; left: 0; vertical-align: middle; background-color: rgba(162, 10, 51, 0.85); -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #team-container article .image-container:hover .cover { height: 100%; } #team-container .image-container .cover span { width: 90%; display: block; margin: 0 auto 15px auto; font-size: 14px; color: #fff; } #team-container .cover .btn { margin: 0; background-color: #fff; color: #AD1F45; } #team-container .cover .btn:hover { background-color: #0096A9; color: #fff; } #team-container .search-filter { text-align: center; margin-bottom: 40px; } /* ========================================================================= */ /* !MEDIA DETAIL */ /* ========================================================================= */ #media-detail.wrap { margin-top: 50px; } #media-detail img { /*width: 100%; */ max-width: 100%; height: auto; margin-bottom: 20px; } #media-detail p { margin-bottom: 20px; } #media-detail h2 { font-weight: 500; } #media-detail .back-to-blog { margin-bottom: 40px; text-transform: uppercase; } #media-detail .back-to-blog a { color: #AD1F45; font-weight: 500; } #media-detail .back-to-blog a:hover { color: #0096A9; } #media-detail #contact-form { padding: 30px; background-color: #924F99; } #media-detail #contact-form .gfield { border: solid 1px #603364; } #media-detail #contact-form .gfield.full { height: 80px; } #media-detail #contact-form .btn { width: 100%; margin: 0; height: 36px; background-color: #603364; line-height: 36px; } #media-detail #contact-form .btn { width: 100%; margin: 0; height: 36px; line-height: 36px; } #media-detail #contact-form .btn:hover { background-color: #0096A9; } #media-detail #comment-container #comment { float: left; margin-top: 30px; padding-top: 30px; border-top: solid 1px #D8D8D8; display: none; } #media-detail .tags { font-size: 12px; border-top: 1px solid #ddd; padding: 5px 0 20px 0; } #media-detail .tags a { color: #999; } #media-detail .tags a:hover { color: #AD1F45; } .reply-btn { cursor: pointer; } .cancel-btn { background: #999999; margin-left: 30px; } .cancel-btn:hover { background: #777777; } #comment form input[type=text], #comment form input[type=email] { padding: 0 10px; color: #5f5f5f; font-size: 15px; font-weight: 400; width: 100%; height: 36px; line-height: 36px; border: 1px solid #E1E1E1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 1px 0 #E3E3E3; box-shadow: 0 1px 0 #E3E3E3; -webkit-box-shadow: inset 0px 0px 1px 0px #E3E3E3; box-shadow: inset 0px 0px 1px 0px #E3E3E3; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; background: -o-linear-gradient(top, #ffffff 0%, #fafafa 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fafafa)); background: linear-gradient(to bottom, #ffffff 0%, #fafafa 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */ } #comment form textarea { padding: 8px 10px; color: #5f5f5f; font-size: 15px; font-weight: 400; width: 100%; height: 200px; line-height: 1.4; border: 0; border-radius: 0; border: 1px solid #E1E1E1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 0 1px 0 #E3E3E3; box-shadow: 0 1px 0 #E3E3E3; -webkit-box-shadow: inset 0px 0px 1px 0px #E3E3E3; box-shadow: inset 0px 0px 1px 0px #E3E3E3; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; background: -o-linear-gradient(top, #ffffff 0%, #fafafa 100%); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#fafafa)); background: linear-gradient(to bottom, #ffffff 0%, #fafafa 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */ } #comment form .input-box { width: 48%; float: left; margin-bottom: 20px; } #comment form .input-box:nth-child(even) { float: right; } #comment form .input-box.input-textarea { width: 100%; display: block; height: auto; float: none; clear: both; } .gform_validation_container .gfield_description { font-size: 12px; line-height: 15px; padding-top: 5px; } #comment-container { border: none; } #comment-container .comment-item { padding-bottom: 30px; margin-bottom: 30px; overflow: hidden; border-bottom: solid 1px #D8D8D8; } #comment-container .comment-item:nth-last-child(1) { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } #comment-container .main-comment { /*padding-bottom: 30px; */ overflow: hidden; } #comment-container .sub-comment { width: calc(100% - 80px); float: right; padding-top: 30px; border-top: solid 1px #D8D8D8; } #comment-container article .selfie { width: 60px; float: left; } #comment-container article .text { width: calc(100% - 80px); float: right; } #comment-container h5 { margin-top: 0; color: #0096A9; font-size: 16px; font-weight: 600; } #comment-container h5 span { display: block; color: #999999; font-size: 13px; } #comment-container a { color: #AD1F45; font-size: 13px; font-weight: 500; text-transform: uppercase; } #comment-container a:hover { color: #0096A9; } #blog-cat { padding: 0 30px; margin-bottom: 20px; } #blog-cat h5 { font-size: 18px; color: #999999; margin-bottom: 20px; } #blog-cat ul { /*-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; */ } #blog-cat ul li { margin-bottom: 10px; text-align: left; display: inline-block; width: 50%; margin-right: -4px; } #blog-cat ul li a { color: #AD1F45; } #blog-cat ul li a:hover { text-decoration: underline; } #contact-form h5 { font-size: 18px; color: #fff; margin-bottom: 15px; } #contact-form p { color: #fff; margin-bottom: 30px; } #contact-form .ginput_container { width: 100%; height: 100%; } #contact-form .ginput_container textarea { width: 100%; height: 100%; } #contact-form .gfield.full { height: 80px; } .sub-content #contact-form { margin: 30px 0; width: 100%; float: none; } .sub-content #contact-form h5 { font-size: 18px; color: #0096a9; } .sub-content #contact-form p { display: none; } #position-listing-form h5 { font-size: 18px; color: #fff; margin-bottom: 15px; } #position-listing-form p { color: #fff; margin-bottom: 30px; } #position-listing-form .ginput_container { width: 100%; height: 100%; } #position-listing-form .ginput_container textarea { width: 100%; height: 100%; } #position-listing-form .gfield.full { height: 80px; } .candidate-contacts { margin: 20px 0; } .candidate-contacts h5 { font-size: 18px; margin-bottom: 20px; } .candidate-contacts li { margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid #e3e3e3; line-height: 1; } .candidate-contacts li img { float: left; width: 30% !important; max-width: 120px !important; } .candidate-contacts li div { float: right; padding: 5px 0 0 0; width: 65%; } .candidate-contacts li h6 { margin: 0; } .candidate-contacts span { font-size: 13px; margin: 5px 10px 5px 0; display: block; } .candidate-contacts a.more { font-size: 13px; color: #ad1f45; margin: 0; } /* ========================================================================= */ /* !BIO */ /* ========================================================================= */ #bio { margin-bottom: 10px; } #bio .header { border-bottom: solid 1px #D8D8D8; margin-bottom: 30px; } #bio .main-content p.intro { margin-bottom: 30px; padding-bottom: 0; border: none; } #bio .main-content h5 { font-size: 34px; } #bio .main-content h5 span.meta { font-size: 14px; font-weight: 400; text-transform: uppercase; } #bio .main-content h5 span.meta span { display: inline-block; } #bio .social-nav { /*margin-bottom: 30px; */ /*padding-bottom: 10px;*/ display: inline-block; position: relative; top: -2px; } /*#bio .social-nav li { display: inline-block; }*/ #bio .social-nav a { font-size: 0; color: #C5C5C5; vertical-align: middle; display: inline-block; } #bio .social-nav a:before { font-size: 28px; vertical-align: middle; } #bio .social-nav a:hover { -webkit-column-rule: #fff; -moz-column-rule: #fff; column-rule: #fff; color: #0096A9; } #bio .sub-content img { margin-bottom: 20px; } #bio .sub-content .text { margin-bottom: 30px; padding: 30px; } #bio .sub-content .text p { font-size: 18px; font-weight: 300; } #bio .sub-content h4 { position: relative; margin-bottom: 70px; } #bio .sub-content h4:after { position: absolute; width: 100%; margin-top: 70px; border-bottom: solid 1px #D8D8D8; left: 0; content: ''; } #bio .sub-content h5 { font-size: 24px; margin-bottom: 10px; } #bio .sub-content h5 span { display: block; color: #999999; font-weight: 500; } #bio .sub-content h5 a { color: #0096a9; } #bio .sub-content h5 a:hover { color: #AD1F45; } #bio a.more { color: #AD1F45; } #bio a.more:hover { color: #0096A9; text-decoration: none; } /* ========================================================================= */ /* !FAQ */ /* ========================================================================= */ #faq, #faq-container { border: none; } #faq-container ul li { padding: 20px 0 10px; border-bottom: solid 1px #D8D8D8; } #faq-container ul li:nth-last-child(1) { border: none; } #faq-container .faq-more { position: absolute; width: 2%; margin-left: -40px; display: inline-block; margin-top: 12px; vertical-align: top; } #faq-container .faq-more span { position: absolute; width: 13px; height: 2px; display: block; background-color: #999; } #faq-container .faq-more span:nth-child(1) { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; } #faq-container .faq-more span:nth-child(1).active { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #faq-container .text { width: 70%; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; } #faq-container h2 { font-size: 20px; color: #0096A9; margin-bottom: 10px; padding-left: 50px; cursor: pointer; } #faq-container h2:hover { color: #AD1F45; } #faq-container .faq-answer { display: none; } #faq-container p { font-size: 15px; padding-left: 50px; color: #444444; margin-bottom: 15px; } /*#faq-container p.active { display: block; }*/ #faq-container ul { display: none; } #faq-container ul.active { display: block; } /* ========================================================================= */ /* !Appointment */ /* ========================================================================= */ #appt, #appt-container { border: none; } #appt-container ul li { padding: 20px 0 10px; border-bottom: solid 1px #D8D8D8; } #appt-container ul li:nth-last-child(1) { border: none; } #appt-container .appt-more { position: absolute; width: 2%; margin-left: -40px; display: inline-block; margin-top: 12px; vertical-align: top; } #appt-container .appt-more span { position: absolute; width: 13px; height: 2px; display: block; background-color: #999; } #appt-container .appt-more span:nth-child(1) { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; } #appt-container .appt-more span:nth-child(1).active { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #appt-container .text { width: 70%; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; } #appt-container h2 { font-size: 20px; color: #0096A9; margin-bottom: 10px; padding-left: 50px; cursor: pointer; } #appt-container h2:hover { color: #AD1F45; } #appt-container h3 { text-align: left; text-transform: none; color: #0096a9; font-size: 24px; margin: 20px 0; } #appt-container h3 span { display: block; font-size: 13px; color: #999999; } #appt-container .appt-description { display: none; padding-left: 50px; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } #appt-container p { font-size: 15px; color: #444444; margin-bottom: 15px; } #appt-container .content-main { width: 60%; float: left; } #appt-container .content-sub { width: 35%; float: right; } #appt-container .content-sub blockquote p { font-size: inherit; font-weight: inherit; color: inherit; } #appt-container .content-sub blockquote a { color: inherit; font-weight: 500; } #appt-container .content-sub blockquote a:hover { color: #0096A9; } #careers li { font-size: 18px; color: #0096A9; cursor: pointer; border-top: 1px solid #d8d8d8; } #careers li:first-child { border: none; } #careers li a { color: #0096A9; display: inline-block; padding: 10px 0; } #careers li a:hover { color: #AD1F45; } /* ========================================================================= */ /* !CONTACT */ /* ========================================================================= */ #contact { padding-top: 40px; margin-bottom: 0; } #contact-info { width: 48%; float: left; margin-bottom: 60px; } #contact-info h2 { color: #444444; font-size: 22px; font-weight: 300; padding-bottom: 30px; margin-bottom: 30px; border-bottom: solid 1px #D8D8D8; } #contact-info h5 { font-size: 22px; } #contact-info p { line-height: 24px; } #contact-info p span { width: 100px; font-weight: 500; display: inline-block; } #contact-info p a { color: #AD1F45; } #contact-info p a:hover { color: #0096A9; } #contact-form { width: 46%; float: right; margin-bottom: 60px; } #contact-form h3 { margin: 0 0 30px; color: #444444; font-size: 30px; text-transform: uppercase; text-align: left; } #contact-form p { color: #fff; margin-bottom: 30px; } #contact-form .ginput_container { width: 100%; height: 100%; } #contact-form .ginput_container textarea { width: 100%; height: 100%; } #contact-form label { display: none; } #contact-form .gfield { width: 48%; margin-bottom: 20px; } #contact-form .gfield:nth-child(odd) { float: left; } #contact-form .gfield:nth-child(even) { float: right; } #contact-form .gfield.full { width: 100%; height: 80px; } #contact-form .btn { display: block; clear: both; width: 100px; height: 36px; line-height: 36px; margin-top: 0; } #contact-map { width: 100%; height: 500px; padding: 0; margin-bottom: 0; } #contact-map iframe { width: 100%; height: 100%; } #contact-map.no-pan.leaflet-container img { cursor: default !important; } #contact-map.schoolmap-map { margin-bottom: 60px; } #schoolmap { border: none; margin-bottom: 60; } /*#schoolmap #contact-form { width: 46%; float: right; margin-bottom: 60px; } #schoolmap #contact-form h5 { margin: 0 0 30px; color: #444444; font-size: 30px; text-transform: uppercase; } #schoolmap #contact-form p { color: #fff; margin-bottom: 30px; } #schoolmap #contact-form .ginput_container { width: 100%; height: 100%; } #schoolmap #contact-form .ginput_container textarea { width: 100%; height: 100%; } #schoolmap #contact-form .gfield { width: 48%; margin-bottom: 20px; } #schoolmap #contact-form .gfield:nth-child(odd) { float: left; } #schoolmap #contact-form .gfield:nth-child(even) { float: right; } #schoolmap #contact-form .gfield.full { width: 100%; height: 80px; } #schoolmap #contact-form .btn { display: block; clear: both; width: 100px; height: 36px; line-height: 36px; margin-top: 0; }*/ #main-404-content { vertical-align: middle; padding: 20vh 20px; border: none; text-align: center; background-image: url("../images/404-bg.png"); background-repeat: no-repeat; background-position: center center; } #main-404-content h1 { color: #AD1F45; font-size: 160px; font-weight: 600; line-height: 160px; } #main-404-content h2 { color: #444444; font-size: 38px; font-weight: 300; } .leaflet-popup-content { background: #0096A9; color: #fff; font-family: 'ProximaNova'; font-size: 14px; padding: 20px; } .leaflet-popup-content h4 { color: #fff; font-size: 18px; color: #fff; margin-bottom: 5px; font-weight: 500; } .leaflet-popup-content-wrapper { background: #0096A9; } .leaflet-popup-content-wrapper p { margin: 0; } .leaflet-popup-tip { border-top-color: #0096A9; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 2001; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 2002; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; padding: 0 0 18px 10px; color: #92509a; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover { color: #0096a9; } /*.mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); }*/ .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #92509a; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } #takeover { background: #fff; max-width: 830px; width: 100%; padding: 30px; border-radius: 10px; margin: 0 auto; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; } #takeover .mfp-close { top: 0; right: 0; } #takeover h3 { margin-top: 0; } #takeover p { margin: 0 0 15px 0; } #stacked { padding: 40px 0; border-top: 1px solid #d8d8d8; /* END 800px */ } #stacked h3 { text-align: center; color: #686868; text-transform: uppercase; margin: 20px 0 0 0; } #stacked .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; padding: 0 0 50px 0; margin: 50px 0 0 0; border-bottom: 1px solid #d8d8d8; } #stacked .row h4 { font-size: 22px; line-height: 1.3; -webkit-box-flex: 0; -ms-flex: 0 1 320px; flex: 0 1 320px; margin: 0 30px 0 0; color: #0096a9; font-weight: 500; } #stacked .row .row-content { -webkit-box-flex: 0; -ms-flex: 0 1 625px; flex: 0 1 625px; } #stacked .row .more { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; margin: 0 0 0 60px; } @media screen and (max-width: 800px) { #stacked .row { display: block; } #stacked .row h4 { margin: 0 0 20px 0; } #stacked .row .row-content { margin: 0 0 20px 0; } #stacked .row .more { margin: 0; } } /* This combined file was created by the DataTables downloader builder: https://datatables.net/download To rebuild or modify this file with the latest versions of the included software please visit: https://datatables.net/download/#dt/dt-1.10.13/r-2.1.0 Included libraries: DataTables 1.10.13, Responsive 2.1.0 */ /* Table styles */ table.dataTable { width: 100%; margin: 0 auto; clear: both; border-collapse: separate; border-spacing: 0; /* Header and footer styles */ /* Body styles */ } table.dataTable thead th, table.dataTable tfoot th { font-weight: bold; } table.dataTable thead th, table.dataTable thead td { padding: 10px 18px; border-bottom: 1px solid #111; } table.dataTable thead th:active, table.dataTable thead td:active { outline: none; } table.dataTable tfoot th, table.dataTable tfoot td { padding: 10px 18px 6px 18px; border-top: 1px solid #111; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc { cursor: pointer; *cursor: hand; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { background-repeat: no-repeat; background-position: 90% 50%; } table.dataTable thead .sorting { /*background-image: url( "../images/sort_both.png" );*/ background-image: url("../images/sort_asc.png"); } table.dataTable thead .sorting_asc { background-image: url("../images/sort_asc.png"); } table.dataTable thead .sorting_desc { background-image: url("../images/sort_desc.png"); } table.dataTable thead .sorting_asc_disabled { /*background-image: url( "../images/sort_asc_disabled.png" );*/ } table.dataTable thead .sorting_desc_disabled { /*background-image: url( "../images/sort_desc_disabled.png" ); */ } table.dataTable tbody tr { background-color: #fff; } table.dataTable tbody tr.selected { background-color: #b0bed9; } table.dataTable tbody th, table.dataTable tbody td { padding: 8px 10px; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid #ddd; } table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td { border-top: none; } table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td { border-top: 1px solid #ddd; border-right: 1px solid #ddd; } table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child { border-left: 1px solid #ddd; } table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td { border-top: none; } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { background-color: #f9f9f9; } table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected { background-color: #acbad4; } table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { background-color: #f6f6f6; } table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected { background-color: #aab7d1; } table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 { background-color: #fafafa; } table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 { background-color: #acbad5; } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color: #f1f1f1; } table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 { background-color: #f3f3f3; } table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 { background-color: whitesmoke; } table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 { background-color: #a6b4cd; } table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 { background-color: #a8b5cf; } table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 { background-color: #a9b7d1; } table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: #fafafa; } table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 { background-color: #fcfcfc; } table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 { background-color: #fefefe; } table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 { background-color: #acbad5; } table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 { background-color: #aebcd6; } table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 { background-color: #afbdd8; } table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color: #eaeaea; } table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 { background-color: #ececec; } table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 { background-color: #efefef; } table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 { background-color: #a2aec7; } table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 { background-color: #a3b0c9; } table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 { background-color: #a5b2cb; } table.dataTable.no-footer { border-bottom: 1px solid #111; } table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap; } table.dataTable.compact thead th, table.dataTable.compact thead td { padding: 4px 17px 4px 4px; } table.dataTable.compact tfoot th, table.dataTable.compact tfoot td { padding: 4px; } table.dataTable.compact tbody th, table.dataTable.compact tbody td { padding: 4px; } table.dataTable th.dt-left, table.dataTable td.dt-left { text-align: left; } table.dataTable th.dt-center, table.dataTable td.dt-center, table.dataTable td.dataTables_empty { text-align: center; } table.dataTable th.dt-right, table.dataTable td.dt-right { text-align: right; } table.dataTable th.dt-justify, table.dataTable td.dt-justify { text-align: justify; } table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap { white-space: nowrap; } table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left { text-align: left; } table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center { text-align: center; } table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right { text-align: right; } table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify { text-align: justify; } table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap { white-space: nowrap; } table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left { text-align: left; } table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center { text-align: center; } table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right { text-align: right; } table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify { text-align: justify; } table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap { white-space: nowrap; } table.dataTable, table.dataTable th, table.dataTable td { -webkit-box-sizing: content-box; box-sizing: content-box; } /* Control feature layout */ .dataTables_wrapper { position: relative; clear: both; *zoom: 1; zoom: 1; } .dataTables_wrapper .dataTables_length { float: left; } .dataTables_wrapper .dataTables_filter { float: right; text-align: right; } .dataTables_wrapper .dataTables_filter input { margin-left: .5em; } .dataTables_wrapper .dataTables_info { clear: both; float: left; padding-top: 0; } .dataTables_wrapper .dataTables_paginate { float: right; text-align: right; padding-top: 0; } .dataTables_wrapper .dataTables_paginate .paginate_button { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: .5em 1em; margin-left: 2px; text-align: center; text-decoration: none !important; cursor: pointer; *cursor: hand; color: #333 !important; border: 1px solid transparent; border-radius: 2px; } .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #333 !important; border: 1px solid #979797; background-color: white; /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* FF3.6+ */ /* IE10+ */ background: -o-linear-gradient(top, white 0%, #dcdcdc 100%); /* Opera 11.10+ */ background: -webkit-gradient(linear, left top, left bottom, from(white), to(#dcdcdc)); background: linear-gradient(to bottom, white 0%, #dcdcdc 100%); /* W3C */ } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { cursor: default; color: #666 !important; border: 1px solid transparent; background: transparent; -webkit-box-shadow: none; box-shadow: none; } .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: white !important; border: 1px solid #111; background-color: #585858; /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* FF3.6+ */ /* IE10+ */ background: -o-linear-gradient(top, #585858 0%, #111 100%); /* Opera 11.10+ */ background: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#111)); background: linear-gradient(to bottom, #585858 0%, #111 100%); /* W3C */ } .dataTables_wrapper .dataTables_paginate .paginate_button:active { outline: none; background-color: #2b2b2b; /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* FF3.6+ */ /* IE10+ */ background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Opera 11.10+ */ background: -webkit-gradient(linear, left top, left bottom, from(#2b2b2b), to(#0c0c0c)); background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); /* W3C */ -webkit-box-shadow: inset 0 0 3px #111; box-shadow: inset 0 0 3px #111; } .dataTables_wrapper .dataTables_paginate .ellipsis { padding: 0 1em; } .dataTables_wrapper .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 100%; height: 40px; margin-left: -50%; margin-top: -25px; padding-top: 20px; text-align: center; font-size: 1.2em; background-color: white; background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), to(rgba(255, 255, 255, 0))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); } .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color: #333; } .dataTables_wrapper .dataTables_scroll { clear: both; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td { vertical-align: middle; } .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing { height: 0; overflow: hidden; margin: 0 !important; padding: 0 !important; } .dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: 1px solid #111; } .dataTables_wrapper.no-footer div.dataTables_scrollHead table, .dataTables_wrapper.no-footer div.dataTables_scrollBody table { border-bottom: none; } .dataTables_wrapper:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } @media screen and (max-width: 767px) { .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { float: none; text-align: center; } .dataTables_wrapper .dataTables_paginate { margin-top: .5em; } } @media screen and (max-width: 640px) { .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter { float: none; text-align: center; } .dataTables_wrapper .dataTables_filter { margin-top: .5em; } } table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty { cursor: default !important; } table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before { display: none !important; } table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child { padding-left: 30px; cursor: pointer; } table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child { position: relative; padding-left: 30px; cursor: pointer; } /* table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before { top: 9px; left: 4px; height: 14px; width: 14px; display: block; position: absolute; color: white; border: 2px solid white; border-radius: 14px; box-shadow: 0 0 3px #444; box-sizing: content-box; text-align: center; font-family: 'Courier New', Courier, monospace; line-height: 14px; content: '+'; background-color: #31b131; } */ /*table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before { content: '-'; background-color: #d33333; }*/ table.dataTable.dtr-inline.collapsed > tbody > tr.child td:before { display: none; } table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child { padding-left: 27px; } table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child { padding-left: 0px; } table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child div.toggle { padding-left: 27px; } table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before { top: 5px; left: 4px; height: 14px; width: 14px; border-radius: 14px; line-height: 14px; text-indent: 3px; } table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > th.control { position: relative; cursor: pointer; } table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before { top: 50%; left: 50%; height: 16px; width: 16px; margin-top: -10px; margin-left: -10px; display: block; position: absolute; color: white; border: 2px solid white; border-radius: 14px; -webkit-box-shadow: 0 0 3px #444; box-shadow: 0 0 3px #444; -webkit-box-sizing: content-box; box-sizing: content-box; text-align: center; font-family: 'Courier New', Courier, monospace; line-height: 14px; content: '+'; background-color: #31b131; } table.dataTable.dtr-column > tbody > tr.parent td.control:before, table.dataTable.dtr-column > tbody > tr.parent th.control:before { content: '-'; background-color: #d33333; } table.dataTable > tbody > tr.child { padding: .5em 1em; } table.dataTable > tbody > tr.child:hover { background: transparent !important; } table.dataTable > tbody > tr.child ul { display: inline-block; list-style-type: none; margin: 0; padding: 0; width: 100%; } table.dataTable > tbody > tr.child ul li { border-bottom: 1px solid #efefef; padding: .5em 0; } table.dataTable > tbody > tr.child ul li:first-child { padding-top: 0; } table.dataTable > tbody > tr.child ul li:last-child { border-bottom: none; } table.dataTable > tbody > tr.child span.dtr-title { display: inline-block; min-width: 75px; font-weight: bold; } div.dtr-modal { position: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; top: 0; left: 0; height: 100%; width: 100%; z-index: 100; padding: 10em 1em; } div.dtr-modal div.dtr-modal-display { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 50%; height: 50%; overflow: auto; margin: auto; z-index: 102; overflow: auto; background-color: #f5f5f7; border: 1px solid black; border-radius: .5em; -webkit-box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6); } div.dtr-modal div.dtr-modal-content { position: relative; padding: 1em; } div.dtr-modal div.dtr-modal-close { position: absolute; top: 6px; right: 6px; width: 22px; height: 22px; border: 1px solid #eaeaea; background-color: #f9f9f9; text-align: center; border-radius: 3px; cursor: pointer; z-index: 12; } div.dtr-modal div.dtr-modal-close:hover { background-color: #eaeaea; } div.dtr-modal div.dtr-modal-background { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 101; background: rgba(0, 0, 0, 0.6); } @media screen and (max-width: 767px) { div.dtr-modal div.dtr-modal-display { width: 95%; } } #appt-sort { text-align: center; border-top: 1px solid #d3d3d3; padding: 20px 0; } #appt-sort h6 { color: #999999; font-size: 16px; font-weight: 500; display: inline-block; padding: 0 10px 0 0; vertical-align: middle; position: relative; bottom: -1px; } #appt-sort .select-menu { display: inline-block; vertical-align: middle; } #appointments-table { width: 100%; } span.appt-posted-sort { display: none !important; } #appointments-table_wrapper { overflow: hidden; margin-bottom: 30px; } #appointments-table_wrapper #appointments-table_filter { display: none; } #appointments-table { border-spacing: 0; border-collapse: collapse; margin: 20px 0; table-layout: intial; } #appointments-table thead tr { background-color: #0096A9; color: #fff; } #appointments-table thead tr th { padding: 15px 20px; border: none; font-size: 16px; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; line-height: 1.1; } #appointments-table thead tr th.appt-name { width: 30%; padding: 15px 20px 15px 30px; } #appointments-table thead tr th.first-col { /*padding:15px 50px;*/ } .appt-jobs { display: none; } .appt-content { display: none; } #appointments-table tbody td { margin: 0; line-height: 100%; padding: 10px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; } #appointments-table tbody td.first-col { /*padding:20px 20px 20px 50px;*/ } #appointments-table tbody td.appt-name { padding: 15px 20px 15px 30px; } #appointments-table tbody td p { margin-bottom: 10px; } #appointments-table tbody tr.odd td, #appointments-table tbody tr.odd + tr.child td { background: #f8f8f8; } #appointments-table tbody tr td:first-child { color: #0096A9; font-weight: 500; } #appointments-table tbody tr { border-bottom: 1px solid #ccc; } #appointments-table tbody tr.parent { border-bottom: none; } #appointments-table tbody tr.child td.child { border-bottom: none; color: #686868; padding: 0 50px 20px 50px; } #appointments-table tbody tr td .header { display: none; margin-bottom: 5px; font-weight: 600; color: #0096A9; } table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child div.toggle { position: relative; } table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child div.toggle:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before { position: absolute; height: 12px; width: 2px; display: block; background-color: #999; content: ''; left: -17px; top: 1px; } table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child div.toggle:after, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:after { position: absolute; width: 12px; height: 2px; display: block; background-color: #999; content: ''; left: -22px; top: 6px; } table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child div.toggle:before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before { position: absolute; width: 12px; height: 2px; display: block; background-color: #999; content: ''; left: -22px; top: 6px; } table.dataTable.dtr-inline.collapsed > tbody > tr.child > td.child:after { display: none; } table.dataTable > tbody > tr.child ul li { border: none; } #appointments-table_length { display: none; } #appointments-table_paginate #appointments-table_previous { font-size: 0; width: 25px; height: 25px; background: #0096A9; border-radius: 5px; position: relative; display: inline-block; vertical-align: middle; } #appointments-table_paginate #appointments-table_previous:after { content: ''; color: #fff; font-size: 14px; text-align: center; display: block; position: absolute; width: 20px; height: 24px; margin-left: 2.5px; background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath fill%3D%22%23ffffff%22 d%3D%22M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z%22%2F%3E%3C%2Fsvg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; } #appointments-table_paginate #appointments-table_previous:hover { border: none; background: #75d2de; } #appointments-table_paginate #appointments-table_next { font-size: 0; width: 25px; height: 25px; background: #0096A9; border-radius: 5px; position: relative; display: inline-block; vertical-align: middle; } #appointments-table_paginate #appointments-table_next:after { content: ''; color: #fff; font-size: 14px; text-align: center; display: block; position: absolute; width: 20px; height: 24px; margin-left: 2.5px; background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath fill%3D%22%23ffffff%22 d%3D%22M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z%22%2F%3E%3C%2Fsvg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #appointments-table_paginate #appointments-table_next:hover { border: none; background: #75d2de; } #appointments-table_paginate > span { display: inline-block; vertical-align: middle; margin: 0 10px; } #appointments-table_paginate > span > a { font-size: 14px; line-height: 17px; padding: 5px; border: none; background: none; margin: 0; color: #0096A9 !important; } #appointments-table_paginate > span > a.current { color: #686868 !important; } #appointments-table_paginate > span > a:hover { color: #686868 !important; } #appointments-table ul li div .btn { margin-top: 0; } #appointments-table .candidate-contacts { width: 100%; } #appointments-table .candidate-contacts h5 { font-size: 16px; } #appointments-table .candidate-contacts ul { width: 100%; } #appointments-table .candidate-contacts ul li { display: inline-block; vertical-align: top; width: 33.333%; margin-right: -4px; padding: 0 5% 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; } #appointments-table .candidate-contacts ul li div { padding: 0; } #appointments-table tr.child > td.child > ul > li { display: inline-block; width: 50%; margin-right: -4px; } #appointments-table.recent-appointments tr.child > td.child > ul > li { display: block; width: 100%; margin-right: 0; } #appointments-table tr.child > td.child > ul > li > span { display: inline-block; } #appointments-table tr.child > td.child > ul > li > span.dtr-title strong { margin-right: 5px; } #appointments-table tr.child > td.child > ul > li > span.dtr-title strong:after { content: ':'; } #appointments-table tr.child > td.child > ul > li > span.dtr-data strong { font-weight: 400; } #appointments-table tr.child > td.child > ul > li[data-dt-column='5'] { display: none; } #appointments-table tr.child > td.child > ul > li[data-dt-column='6'] { display: block; width: 100%; margin: 0; } #appointments-table tr.child > td.child > ul > li[data-dt-column='6'] .dtr-title { display: none; } #appointments-table tr.child > td.child > ul > li[data-dt-column='6'] .dtr-data { width: 100%; } #appointments-table.recent-appointments tr.child > td.child > ul > li[data-dt-column='6'] { display: none; } #appointments-table.recent-appointments tr.child > td.child > ul > li[data-dt-column='7'] .dtr-title { display: none; } #appointments-table.recent-appointments tr.child > td.child .main-content { line-height: 1.3; } #appointments-table.recent-appointments tr.child > td.child .sub-content { color: #AD1F45; } #appointments-table.recent-appointments tr.child > td.child .sub-content a { font-weight: 600; } #appointments-table tr.child > td.appt-name:before { display: block; content: ""; margin: 50px 0 0 0; height: 50px; visibility: hidden; } #appointments-table td.none { display: none; } #appointments-table .appt-persons-name > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #appointments-table .appt-persons-name img { display: inline-block; width: 50px; height: 50px; border-radius: 100%; vertical-align: middle; margin-right: 10px; } #appointments-table .appt-persons-name .default { background-image: url("data:image/svg+xml,%3Csvg width%3D%2228%22 height%3D%2229%22 viewBox%3D%220 0 28 29%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M7.817 6.043s-1.256-2.316-3.382-.515c-2.127 1.8-.658 4.422.904 4.39 1.562-.03 1.974-.007 2.027 1.34.051 1.347-2.353 2.568-2.353 2.568s-2.946 1.536-3.733 2.512c-.787.974-.948 2.409 1.023 3.692 1.974 1.285 5.305 1.765 4.78-.414-.525-2.179 1.24-2.513 2.076-2.14.838.37 1.926.834 2.25 2.148.32 1.316-.504 2.469-2.197 2.965-1.694.496-1.65 2.381-.889 3.073.76.695 2.902 1.588 4.527 2.184 1.624.598 2.711 1.01 3.416-1.709.703-2.717 1.323-6.237 1.91-7.139.588-.9 1.697-.256 2.007.593.31.848.779 2.075 2.576 1.85 1.797-.225 3.128-2.916 2.196-4.311-.93-1.395-2.522-.485-2.86-1.866-.34-1.38-.165-2.671 3.5-4.58l.946-.517s.945-.441.412-1.598c-.533-1.157-1.172-2.392-2.288-3.52-1.115-1.13-3.486-.817-3.507.583-.02 1.398.129 2.694-1.606 2.597-1.731-.098-3.5-2.049-2.047-3.117 1.45-1.067 2.042-1.357 1.968-2.134-.072-.78-.68-2.728-5.37-1.851 0 0-.5.088-.587.603-.09.513-.17 2.958-2.293 4.669-2.124 1.707-3.142.104-3.406-.356%22 fill%3D%22%23FFF%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); display: inline-block; width: 50px; height: 50px; border-radius: 100%; vertical-align: middle; margin-right: 10px; background-position: center; background-repeat: no-repeat; background-size: 50%; background-color: #0096A9; } #appointments-table .appt-persons-name strong { font-weight: normal; display: inline-block; width: calc(100% - 60px); } #appointments-table-container .select-menu { width: 100%; max-width: 350px; } @media screen and (max-width: 800px) { #appointments-table .candidate-contacts ul li { width: 50%; padding: 0 5% 20px 0; } } /* END 800px */ @media screen and (max-width: 630px) { #appointments-table-container .wrap { padding: 0; } #appointments-table-container #appt-sort { padding: 20px 20px 0 20px; } } /* END 630px */ @media screen and (max-width: 500px) { table.dataTable > tbody > tr.child ul li { padding: 0 0 5px 0; } table.dataTable > tbody > tr.child ul li[data-dt-column='6'] { padding: 20px 0 5px 0; } #appointments-table .candidate-contacts ul li { width: 100%; padding: 0 0 20px 0; } #appointments-table tr.child > td.child > ul > li { display: block; width: 100%; } } /* END 500px */ /* ========================================================================= */ /* !MEDIA QUERIES */ /* ========================================================================= */ /* @media screen and (max-width: XXXpx) { } */ @media screen and (max-width: 1500px) { .image-collage { left: 50%; margin-left: -750px; } } /* END 1500px */ @media screen and (max-width: 1060px) { #nav { font-size: 12px; } #team-container article { width: 31%; margin: 0 1% 30px 1%; } #team-container article h2 a { font-size: 20px; } #team-container #tab-container ul li { width: 15%; min-width: 140px; font-size: 12px; } #team-container .team-list article:nth-child(4) { padding-top: 40px; } #team-container .team-list article:nth-child(4):before { display: block; } #tab-container ul li:hover { background-color: #fff; color: #AD1F45; } #tab-container ul li.active { width: 224px; height: 50px; background-color: #fff; -webkit-box-shadow: 3px 0 0px #ececec; box-shadow: 3px 0 0px #ececec; } #tab-container ul li.active:after { position: absolute; width: 100%; top: 0; left: 0; border-bottom: solid 2px #fff; content: ''; } #banner-links ul { -ms-flex-wrap: wrap; flex-wrap: wrap; } #banner-links ul li { width: 33.33%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; } #banner-links ul li:nth-child(4) { border-left: none; } #banner-links ul li:nth-child(1), #banner-links ul li:nth-child(2), #banner-links ul li:nth-child(3) { border-bottom: 1px solid #e0e0e0; } } /* END 1060px */ @media screen and (max-width: 1000px) { #logo a { width: 150px; height: 52px; } #nav { margin: 20px 0 0 0; } .main-content p.intro { font-size: 18px; } .main-content .header h5 { font-size: 24px; } .main-content .header p { margin-bottom: 40px; color: #444444; font-size: 18px; font-weight: 300; } .main-content h2 { font-size: 24px; } .main-content h3 { font-size: 20px; } .main-content blockquote { font-size: 18px; } .main-content h2 { font-size: 24px; } .main-content h3 { font-size: 20px; } .main-content blockquote { font-size: 18px; } .sub-content h5 { font-size: 24px; } .candidate-contacts h5 { font-size: 18px; } #team-container .filter { width: 20%; min-width: 0; font-size: 12px; } #blog-cat ul { /*-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; */ /*text-align: center;*/ } #blog-cat ul li { display: inline-block; width: 100%; margin-right: 0; } #bio .main-content h5 { font-size: 30px; } #bio .sub-content h5 { font-size: 20px; } #main-404-content h1 { font-size: 120px; line-height: 120px; } #main-404-content h2 { font-size: 30px; } #practice-groups ul { -ms-flex-wrap: wrap; flex-wrap: wrap; } #practice-groups ul li { width: 25%; } #practice-groups ul li:nth-of-type(4n+1) { border-left: none; } } /* END 1000px */ @media screen and (max-width: 950px) { #logo a { width: 150px; height: 52px; } #nav { clear: both; float: none; width: 100%; } #conferences .conference-listing { font-size: 14px; } #conferences .conference-listing h5 { font-size: 18px; } #media-overview .main-content { width: 100%; float: left; font-size: 0; } #media-overview .sub-content { width: 100%; } #media-overview .sub-content { margin-bottom: 40px; } #media-overview .post-social { display: none; } #media-overview .popular-post { display: none; } .blog-container .pagination { text-align: center; } .blog-filter { padding: 0 20px; margin: 0; border: none; } .blog-filter .select-menu:nth-child(odd) { float: left; } .blog-filter .select-menu:nth-child(even) { float: right; } .blog-filter .gfield { width: 100%; margin-bottom: 20px; } .blog-filter .select-menu { width: 49%; margin-bottom: 20px; } .blog-filter .tags-container { width: 100%; font-size: 0; text-align: center; } .blog-filter .tag-box { float: left; width: 32%; margin: 0 0.6%; margin-bottom: 10px; } .blog-filter .btn { width: 100%; max-width: 320px; margin: 0 0 20px 0; } #testimonial-list .testimonial { -ms-flex-wrap: wrap; flex-wrap: wrap; } #testimonial-list .testimonial .testimonial-main { width: 100%; } #testimonial-list .testimonial .testimonial-sub { width: 100%; } } @media screen and (max-width: 900px) { .main-content table tr { padding: 20px; margin: 0; } .main-content table tr:nth-child(even) { background: #efefef; } .main-content table tr:first-child, .main-content table td span.header { display: none; } /* Tables don't look like tables anymore */ .main-content table, .main-content thead, .main-content tbody, .main-content th, .main-content td, .main-content tr { display: block; } /*thead tr { position: absolute; top: -9999px; left: -9999px; }*/ .main-content table td { /* Behave like a "row" */ position: relative; border: none; padding: 0; padding-bottom: 10px; width: 100%; line-height: 100%; min-height: 14px; } .main-content table td:last-child { padding-bottom: 0; } .main-content table td span.header { display: inline-block; position: relative; /* Top/left values mimic padding */ line-height: 100%; padding-right: 5px; white-space: nowrap; font-weight: 600; } #appointments-grid ul:before { left: 33.333333%; width: 33.333333%; } #appointments-grid ul:after { display: none; } #appointments-grid ul li { width: 33.333333%; } } /* END 950px */ @media screen and (max-width: 850px) { #conferences .conference-listing div { width: 48%; } #alert-bar p { /*width: 55%;*/ } #alert-bar .btn { /*width: 20%;*/ } #team { margin-bottom: 40px; } #team header p { padding: 30px 0; } #team-container article { width: 47%; margin: 0 1.5% 30px 1.5%; } #team-container article h2 a { font-size: 18px; } #tab-container { width: 100%; max-width: 500px; margin: auto; } #filter-btn { position: relative; width: 100%; min-width: 180px; display: inline-block; margin: auto; padding: 15px 0; background-color: #0096A9; border-radius: 5px; color: #ffffff; font-size: 15px; font-weight: 500; text-align: center; text-transform: uppercase; letter-spacing: 1px; } #filter-btn.active { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } #filter-btn .icon-arrow-up { position: relative; float: right; right: 12px; color: #ffffff; font-size: 15px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #filter-btn span { position: relative; top: 8px; right: 20px; float: right; cursor: pointer; } #filter-btn span:before { content: ''; top: 0; left: -2px; position: absolute; height: 2px; width: 10px; background: #ffffff; display: block; -webkit-transform: rotate(-45deg); -ms-transform: rotate(45deg); transform: rotate(-45deg); } #filter-btn span:after { content: ''; top: 0; right: -2px; position: absolute; height: 2px; width: 10px; background: #ffffff; display: block; -webkit-transform: rotate(45deg); -ms-transform: rotate(-45deg); transform: rotate(45deg); } #filter-btn.active span:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #filter-btn.active span:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #filter-btn span:before, #filter-btn span:after { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #tab-container #desktop-tab-container { display: none; } #tab-container #mobile-tab-container { display: block; } #tab-container #mobile-tab-container ul { display: none; } #tab-container ul { border-bottom: none; } #tab-container ul li { width: 100%; display: block; background-color: #eeeeee; border-top: solid 1px #dddddd; border-left: none; border-right: none; border-radius: 0; margin: 0; } #team-container #tab-container ul li.active { width: 100%; display: block; background-color: #0096A9; color: #fff; border-top: solid 1px #dddddd; border-left: none; border-right: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } #tab-container ul li:hover { background-color: #0096A9; color: #ffffff; } #tab-container ul li.active { width: 100%; display: block; background-color: #0096A9; color: #fff; border-top: solid 1px #dddddd; border-left: none; border-right: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } #team-container #tab-container ul li { width: 100%; display: block; background-color: #eeeeee; border-top: solid 1px #dddddd; border-left: none; border-right: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } #team-container #tab-container ul li:hover { background-color: #0096A9; color: #ffffff; } #team-container .team-list article { text-align: center; } #team-container .team-list article:nth-child(3) { padding-top: 40px; } #team-container .team-list article:nth-child(3):before { display: block; } .search-filter { max-width: 500px; margin: auto; } .search-filter label { display: block; text-align: center; margin-bottom: 10px; font-size: 14px; } .search-filter .select-menu { width: 100%; display: inline-block; margin: 10px 0; } #appt-container h2 { padding-left: 20px; } #appt-container .appt-more { margin-left: -20px; } #appt-container .appt-description { padding-left: 20px; } #appt-container .content-main { width: 100%; } #appt-container .content-sub { width: 100%; } } /* END 850px */ @media screen and (max-width: 800px) { #modules #module-slider { padding-top: 40px; } #faq-container .text { width: 100%; } #appt-container .text { width: 100%; } } /* END 850px */ @media screen and (max-width: 780px) { #banner { height: auto; position: relative; z-index: 1; } #slideshow { height: 460px; } #header .desktop { display: none; } #header .mobile { display: block; } #blue-banner .wrap { width: 100%; text-align: center; } #blue-banner h1 { font-size: 36px; } #general-banner:before { display: none; } #featured .featured-item-content .intro h5 { font-size: 22px; } .nav-toggle { vertical-align: middle; display: inline-block; margin: 0 0 0 10px; cursor: pointer; height: 25px; width: 25px; background: none; float: right; padding: 29px 20px; } .nav-toggle span { margin: 10px 0 0 0; } .nav-toggle span, .nav-toggle span:before, .nav-toggle span:after { cursor: pointer; border-radius: 5px; height: 3px; width: 25px; background: #0096AA; position: absolute; display: block; content: ''; } .nav-toggle span:before { top: -8px; } .nav-toggle span:after { bottom: -8px; } .nav-toggle, .nav-toggle span:before, .nav-toggle span:after { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .nav-toggle.open { background: #0096AA; } .nav-toggle.open span { background-color: transparent; } .nav-toggle.open span:before, .nav-toggle.open span:after { top: 0; background: #fff; } .nav-toggle.open span:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .nav-toggle.open span:after { -webkit-transform: translateY(-8px) rotate(-45deg); -ms-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg); top: 8px; } .main-content { width: 100%; float: left; } .main-content h2 { font-size: 22px; } .main-content h3 { font-size: 18px; } .main-content blockquote { font-size: 16px; } .main-content .header h5 { font-size: 24px; } .main-content h5 { margin-top: 0; } .sub-content h2 { font-size: 22px; } .sub-content h3 { font-size: 18px; } .sub-content blockquote { font-size: 16px; } .sub-content h5 { font-size: 22px; } .sub-content .text { padding: 10px 20px 10px 20px; background-image: url("../images/bg_puzzle-piece-white.png"); background-repeat: no-repeat; background-position: 100% 50%; } .sub-content { width: 100%; float: right; } #mobile-nav-wrapper { margin: 0 -20px; } #mobile-nav-wrapper #mobile-nav-container { display: none; background: #0096AA; position: absolute; top: 82px; width: 100%; -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); z-index: 100; } #mobile-nav-wrapper #mobile-nav > li { padding: 0 20px; font-weight: 500; font-size: 14px; } #mobile-nav-wrapper #mobile-nav li a { color: #fff; display: block; } #mobile-nav-wrapper #mobile-nav > li > a { text-transform: uppercase; padding: 15px 0; } #mobile-nav-wrapper #mobile-nav > li ul { display: none; width: 100%; height: auto; margin: 0; padding: 0 0 10px 0; } #mobile-nav-wrapper #mobile-nav > li.open { background: #007888; } #mobile-nav-wrapper #mobile-nav > li ul li a { line-height: 1.2; padding: 5px; } #mobile-nav-wrapper #mobile-nav > li.menu-item-has-children > span { float: right; width: 50px; height: 50px; display: block; position: relative; margin: auto-3px 0 0; cursor: pointer; } #mobile-nav-wrapper #mobile-nav > li.menu-item-has-children > span:before { content: ''; top: 24px; left: 15px; position: absolute; height: 2px; width: 12px; background: #fff; display: block; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #mobile-nav-wrapper #mobile-nav > li.menu-item-has-children > span:after { content: ''; top: 24px; right: 15px; position: absolute; height: 2px; width: 12px; background: #fff; display: block; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #mobile-nav-wrapper #mobile-nav > li.menu-item-has-children.open > span:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #mobile-nav-wrapper #mobile-nav > li.menu-item-has-children.open > span:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #mobile-nav-wrapper #mobile-nav > li.menu-item-has-children > span:before, #mobile-nav-wrapper #mobile-nav > li.menu-item-has-children > span:after { -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #mobile-nav-wrapper #mobile-utility-nav { font-size: 12px; text-transform: uppercase; text-align: center; border-top: 1px solid #007888; } #mobile-nav-wrapper #mobile-utility-nav li { padding: 15px; display: inline-block; } #mobile-nav-wrapper #mobile-utility-nav li a { color: #fff; display: inline-block; } #mobile-nav-wrapper #mobile-utility-nav li:before { vertical-align: middle; padding: 0 5px 0 0; color: #00616f; font-size: 14px; } #mobile-nav-wrapper #mobile-utility-nav li.icon-email:before { vertical-align: middle; font-size: 18px; } #mobile-nav-wrapper #mobile-utility-nav li:hover { background: #007888; } #mobile-nav-wrapper #mobile-utility-nav li:hover:before { color: #fff; background: #007888; } #featured-news { background: none; position: static; color: #444444; padding: 20px 0; } #featured-news h6 { width: 100%; max-width: 100%; padding: 0 0 10px 0; float: none; font-size: 14px; color: #0096AA; } #featured-news p { width: 100%; float: none; padding: 0; border-left: none; } #featured-news .more { width: auto; text-align: left; float: none; } #featured-news .more:hover { color: #AD1F42; } #general-banner .wrap { position: absolute; height: auto; width: 100%; padding: 10px 10%; bottom: 0; text-align: center; background-color: rgba(0, 150, 169, 0.8); } #general-banner h1 { font-size: 28px; } #general-content { padding: 20px 0 40px; } #general-content .main-content h2 { margin-top: 20px; } #general-content .main-content h3 { margin-top: 20px; } #general-content .main-content span { margin-top: 0; } #testimonials .wrap { margin-top: 0; } #media-detail .sub-content { margin-top: 30px; padding-top: 30px; border-top: solid 1px #D8D8D8; } #media-detail #contact-form { margin-bottom: 0px; } #media-detail #contact-form .gfield { width: 49.5%; } #media-detail #contact-form .gfield:nth-child(even) { float: right; } #media-detail #contact-form .gfield.full { width: 100%; height: 80px; } #media-detail #blog-cat ul { /*-webkit-column-count: 2; -moz-column-count: 2; column-count: 2; text-align: center;*/ } #blog-cat ul { /*-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;*/ } #blog-cat ul li { display: inline-block; width: 50%; margin-right: -4px; } #media-detail #comment h3 { text-align: center; margin-bottom: 20px; } #contact-form { width: 100%; float: right; margin-bottom: 60px; } #contact-form h5 { text-align: center; } #contact-info { width: 100%; float: left; margin-bottom: 60px; } #contact-info div { width: 50%; } #contact-info div:nth-child(odd) { float: left; } #contact-info div:nth-child(even) { float: right; } #contact-info h2 { font-size: 20px; text-align: center; } #contact-map { height: 400px; } .schoolmap-map { margin-bottom: 40px; } #bio .featured-image.desktop { display: none; } #bio .featured-image.mobile { display: block; } #careers li { font-size: 15px; } /* #schoolmap #contact-form { width: 100%; float: right; margin-bottom: 60px; } #schoolmap #contact-form h5 { text-align: center; }*/ #main-404-content h1 { font-size: 80px; line-height: 80px; } #main-404-content h2 { font-size: 24px; } #practice-groups ul:before { left: calc(33.333333% - 1px); width: calc(33.333333%); border-right: 1px solid #29a9b9; } #practice-groups ul:after { display: none; } #practice-groups ul li { width: 33.333333%; } #buckets .bucket-container { display: block; } #buckets .bucket-container article { width: 100%; } } /* END 780px */ @media screen and (max-width: 750px) { #about-grid { background-size: 200%; height: 24vw; } } @media screen and (max-width: 680px) { blockquote { font-size: 18px; } cite { font-size: 12px; } cite strong { font-size: 14px; } section h3 { font-size: 28px; } #featured .featured-item { padding-top: 50px; } #featured .featured-item img { float: none; width: 100%; max-width: 100%; } #featured .featured-item .featured-item-content { float: none; width: 100%; padding: 20px 0 0 0; } #featured .slick-dots { width: 100%; text-align: center; } #recent-news { width: 100%; float: none; margin-bottom: 30px; } #recent-news .news-item { padding: 20px 0; } #recent-tweet { width: 100%; float: none; } #recent-tweet p { padding: 10px 0 10px 0; font-size: 18px; } #testimonials { padding-top: 40px; } #footer-nav { display: none; } #footer { padding: 0; text-align: center; } #footer .social-nav { float: none; display: block; margin: 0 auto; } #footer-bottom { margin-bottom: 0 !important; text-align: center; } #footer-bottom .copyright { padding: 0; } #footer-bottom .footer-legal { padding: 0; } /*#alert-bar { display: none; }*/ #media-overview .blog-container article { width: 100%; margin-bottom: 30px; padding: 0; } #media-overview .blog-container article:before { display: none; } #media-overview .sub-content h5:nth-child(1) { text-align: center; } .blog-filter { padding: 20px; } .blog-filter .input-box { width: 100%; } .blog-filter .select-menu { width: 100%; } .blog-filter .tag-box { width: 100%; } .blog-filter .tag-box { width: 49%; margin: 0; margin-bottom: 10px; } .blog-filter .tag-box:nth-child(odd) { float: left; } .blog-filter .tag-box:nth-child(even) { float: right; } /*#faq-container .text { padding-left: 30px; }*/ #faq-container { padding: 0; } #faq-container .faq-more { margin-left: -20px; } #faq-container h2 { padding-left: 30px; font-size: 16px; } #faq-container .faq-more span { width: 10px; } /*#appt-container .text { padding-left: 30px; }*/ #appt-container { padding: 0; } #appt-container .appt-more { margin-left: -20px; } #appt-container h2 { padding-left: 30px; font-size: 16px; } #appt-container .appt-more span { width: 10px; } #appointments-grid ul:before { left: 50%; width: 0; border-right: none; } #appointments-grid ul li { width: 50%; } #leadership-banner .slide h1 { padding-bottom: 20px; line-height: 36px; } #leadership-banner h2 { font-size: 26px; line-height: 28px; padding-bottom: 10px; } #leadership-banner p { font-size: 16px; line-height: 20px; } #banner-links .wrap { padding: 0; } #banner-links a { width: 100%; } } @media screen and (max-width: 650px) { .main-content.two-column { float: none; width: 100%; } .main-content.half { float: none; width: 100%; } } /* END 650px */ /* END 680px */ @media screen and (max-width: 600px) { #banner { height: auto; position: relative; z-index: 1; } #slideshow { position: relative; height: auto; } #slideshow video { display: none; /*position: static;*/ /* width: 100%; height: auto; transform: none; min-height: auto; min-width: auto;*/ } #slideshow .slide { position: relative; background: #0096AA; } #slideshow .slide .slide-image { position: static; height: auto; padding: 50% 0 0 0; } #slideshow .slide .slide-image-mobile { display: block; height: 250px; background-size: cover; background-position: 50% 50%; } #slideshow .slide .wrap { position: static; } #slideshow .slide .slide-content { font-size: 16px; padding: 20px 0; } #slideshow .slide .slide-content h2 { font-size: 24px; } #slideshow .slide:after { display: none; } #modules .module { margin: 0; } #modules .module img { max-width: 100%; display: block; opacity: 1; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; } #modules .module .module-content { position: static; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); display: block; opacity: 1; -webkit-transition: none; -o-transition: none; transition: none; top: 0; padding: 20px; } #modules .module .module-content .btn { margin: 20px auto; } #modules .module:hover .module-content { z-index: 1; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); opacity: 1; } #modules .module:hover img { opacity: 1; } .form-column { display: block; margin: 0; width: 100%; } .form-column.col-1 { padding: 0; } .form-column.col-2 { padding: 0; } #practice-groups ul:before { left: calc(50% - 1px); width: calc(50%); border-right: none; } #practice-groups ul:after { display: none; } #practice-groups ul li { width: 50%; } .partner-info ul { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .partner-info ul:before { display: none; } } /* END 600px */ @media screen and (max-width: 500px) { #blue-banner h1 { font-size: 32px; } #featured .featured-item-content .intro h5 { font-size: 18px; } section h3 { font-size: 22px; } #appointments .main-content { padding-bottom: 30px; } .main-content { width: 100%; float: left; } .main-content p.intro { font-size: 18px; padding-bottom: 20px; margin-bottom: 20px; font-weight: 300; } .main-content h2 { font-size: 18px; } .main-content h3 { font-size: 16px; } .main-content h4 a { font-size: 16px; color: #0096A9; font-weight: 600; } .main-content blockquote { font-size: 16px; color: #AD1F45; padding: 0 20px; margin-bottom: 20px; } .main-content p { font-size: 14px; } .main-content ul { margin-bottom: 10px; } .main-content ul li { padding-left: 30px; font-size: 14px; margin-bottom: 12px; } .main-content ul li:before { font-size: 14px; } .main-content blockquote { font-size: 16px; } .main-content .header h5 { font-size: 20px; } .main-content .header p { font-size: 16px; } .sub-content { width: 100%; float: right; } .sub-content .text { padding: 10px 20px 10px 20px; background-image: url("../images/bg_puzzle-piece-white.png"); background-repeat: no-repeat; background-position: 100% 100%; } .sub-content h2 { font-size: 16px; font-weight: bold; margin-bottom: 10px; } .sub-content h5 { font-size: 16px; } .sub-content h5 span { font-size: 11px; font-weight: 500; } .sub-content blockquote { font-size: 16px; color: #AD1F45; padding: 0 20px; margin-bottom: 20px; } .sub-content p { font-size: 14px; } #conferences .conference-listing { margin: 0; } #conferences .conference-listing div { width: 100%; margin: 0; } #conferences .desktop { display: none; } #conferences .mobile { display: block; } #conferences .btn.desktop { display: none; } #conferences .btn.mobile { display: inline-block; } #team header p { font-size: 18px; padding: 20px 0; } #team-container article { width: 100%; margin: 0 0 30px 0; } #team-container article h2 { font-size: 16px; color: #0096A9; font-weight: 500; } #media-detail #contact-form h5 { font-size: 16px; text-align: center; } #media-detail #contact-form .gfield { width: 100%; } #media-detail .sub-content h5 { text-align: center; } #contact-info h2 { font-size: 18px; } #contact-info div { width: 100%; margin-bottom: 10px; text-align: center; } #contact-info p span { width: auto; text-align: left; } #contact-info p span:after { content: ':\00a0'; } #contact-form { width: 100%; float: right; margin-bottom: 60px; } #contact-form .gfield { width: 100%; margin-bottom: 10px; } #contact-form .btn { width: 100%; } #contact-form h5 { font-size: 22px; } #contact-map { height: 300px; } .schoolmap-map { margin-bottom: 30px; } /* #schoolmap #contact-form { width: 100%; float: right; margin-bottom: 60px; } #schoolmap #contact-form .gfield { width: 100%; margin-bottom: 10px; } #schoolmap #contact-form .btn { width: 100%; } #schoolmap #contact-form h5 { font-size: 22px; }*/ #comment form .input-box { width: 100%; } #comment form .btn { width: 100%; } #comment h3 { font-size: 16px; } .cancel-btn { margin: auto; } #blog-cat ul { /*-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;*/ /*text-align: center; */ } #blog-cat ul li { display: block; width: 100%; margin-right: 0; text-align: center; } #bio .main-content h5 { font-size: 26px; } #bio .sub-content h5 { font-size: 16px; } #team-container .team-list article:nth-child(2) { padding-top: 40px; } #team-container .team-list article:nth-child(2):before { display: block; } /*#faq-container .text { padding-left: 25px; }*/ /*#appt-container .text { padding-left: 25px; }*/ #contact { padding-top: 30px; } #main-404-content { padding: 10vh 20px; } #main-404-content h1 { font-size: 50px; line-height: 50px; } #main-404-content h2 { font-size: 24px; } #testimonials-list blockquote { font-size: 14px; } #testimonials-list .testimonial { padding: 10px 0 30px 0; } #appointments-grid ul:before { display: none; } #appointments-grid ul li { width: 100%; min-height: auto; } #alert-bar .alert-inner { display: block; text-align: center; padding-bottom: 10px; } #alert-bar .alert-bar-content { width: 100%; display: block; } #alert-bar .btn { display: inline-block; float: none; } } /* END 500px */ @media screen and (max-width: 460px) { .blog-filter .tag-box { width: 100%; margin-bottom: 10px; } #practice-groups ul { display: block; border: none; } #practice-groups ul:before { display: none; } #practice-groups ul li { width: 100%; border-top: 1px solid #29a9b9; border-left: none; padding: 2px; } #practice-groups ul li:first-child { border-top: none; } #testimonial-list .testimonial .testimonial-sub { display: block; } #testimonial-list .testimonial .testimonial-sub cite { display: block; width: 100%; padding: 10px 0 30px 0; } #testimonial-list .testimonial .testimonial-sub img { display: block; } } /* END 460px */ @media screen and (max-width: 400px) { #featured .featured-item h5 { font-size: 22px; } .blog-filter .btn { max-width: 100%; } } /* END 400px */ .blog-slider img { width: 100%; } /*# sourceMappingURL=style.css.map */