/* Theme Name: WCAG AA 2.0 Compliant Website Version: 100.0 Template: universal_mm */ /* Universal Begins */ /* Copyright (c) 2010, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.com/yui/license.html version: 3.3.0 build: 3167 */ html { color: #000; background: #FFF; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { border: 0; } address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; } li { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } q:before, q:after { content: ''; } abbr, acronym { border: 0; font-variant: normal; } sup { vertical-align: text-top; } sub { vertical-align: text-bottom; } input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; } input, textarea, select { *font-size: 100%; } legend { color: #000; } html { font-size: 100%; } i strong, em strong { font-style: italic; } b em { font-weight: bold; } header, nav, article, footer, section, main, aside, figure, figcaption { display: block } #nav-below { margin: 10px 0; overflow: hidden; } .nav-previous, .nav-next { float: left; display: inline; width: 50%; } .nav-next { float: right; text-align: right; } .nav-previous a, .nav-next a { text-decoration: none; } div.entry-meta { font-size: 90%; } body.single .shareThisWrapper { margin: 0px 0 20px; } .post_entry_mult { border-bottom: 1px solid #999; overflow: hidden; padding-bottom: 20px; margin-bottom: 20px; } .post_entry_mult_left { float: left; display: inline; width: 150px; } .post_entry_mult_right { padding-left: 160px; } .post_entry_mult .shareThisWrapper { margin: 0; } div.post_entry_mult h2 { padding: 0; margin-bottom: .5rem; } .excerpt_meta { font-size: 80%; margin: 0 0 10px; } .postThumbSingle { display: block; margin: 0 0 10px; } @media screen and (min-width: 450px) { .postThumbSingle { float: left; margin: 5px 10px 0 0; } } .tag-links { display: block; } .google-map { height: 350px; margin: 0 0 25px; border: 1px solid #333; } /* Universal Ends */ blockquote { padding: 0 0 0 30px; font-style: italic; } strong { font-weight: bold; } i, em { font-style: italic; } i strong, em strong, strong i, strong em { font-weight: bold; } /* General */ html { -webkit-text-size-adjust: 100%; background: #333; } body { font-family: 'Open Sans', sans-serif; font-size: 100%; line-height: 1.3; color: #fff; background: #000; } a { color: #f5ff00; } @media screen and (min-width: 1200px) { p { font-size: 1.125rem; } } @media screen and (min-width: 1640px) { p { font-size: 1.5rem; line-height: 1.7; } } .animated { opacity: 0; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .officiallyAnimated, .ie9 .animated, #persistentHeader .animated, #persistentHeader.animated { opacity: 1; } /*OOCSS*/ a:focus { -webkit-box-shadow: inset 0 0 0 3px red, 0 0 0 3px red; box-shadow: inset 0 0 0 3px red, 0 0 0 3px red; } .bypassBlock { position: absolute; opacity: 0; width: 100%; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000; background: #e3e3e3; text-transform: uppercase; font-weight: bold; text-align: center; z-index: 9999; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); } .bypassBlock:focus { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); } /*Elements*/ .global-zone { padding: 20px; text-align: center; } .global-gray { background: #252525; } .global-wrap { max-width: 1600px; margin: 0 auto; } .global-header { padding: 0 0 20px; } .global-title { display: block; text-transform: uppercase; font-weight: bold; font-size: 1.75rem; padding: 0 0 5px; margin-bottom: 1rem; } .global-small { font-size: .9rem; } .global-paragraph { margin: 0 auto; padding: 0; text-align: left; max-width: 1600px; margin-bottom: 1rem; } .global-paragraph:last-child { margin-bottom: 0; } .global-subtitle { text-transform: uppercase; display: block; font-weight: bold; font-size: 1rem; margin-bottom: 1rem; } .global-invisibleText { font-size: 0; color: transparent; } /*Slider Elements*/ .global-sliderWrap { position: relative; margin: 0 auto; max-width: 1800px; } .global-slider { position: relative; overflow: hidden; z-index: 5; } .global-slider-item { display: inline-block; vertical-align: top; } .global-slider-itemWrap { padding: 20px; margin: 0 10px; } .global-arrows { margin: 10px auto 0; position: relative; } .global-arrows:after { content: ''; display: table; clear: both; } .global-arrows li { border: 1px solid #b1b1b1; display: inline-block !important; margin: 0 5px; padding: 10px; } .global-arrows li.slick-hidden { display: none !important; } .global-arrows a { display: block; overflow: hidden; width: 34px; height: 84px; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .global-arrows li:hover { background: #000; } .global-arrows li:last-child img { margin-left: -35px; } body.inv .global-arrows img { filter: invert(0); -webkit-filter: invert(0); -moz-filter: invert(0); -ms-filter: invert(0); } @media screen and (min-width: 800px) { .global-zone { padding: 40px 20px; } .global-header { padding: 0 0 30px; } .global-title { font-size: 2rem; } .global-subtitle { font-size: 1.25rem; } .global-slider { max-width: calc(100% - 140px); margin: 0 auto; min-height: 110px; } .global-arrows { position: absolute; width: 100%; height: 100%; top: 0; left: 0; margin: 0; } .global-arrows li { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; top: 0; height: calc(100% - 2px); } .global-arrows li:first-child { float: left; } .global-arrows li:last-child { float: right; } .global-arrows a { position: relative; top: calc(50% - 42px); } } @media screen and (min-width: 1120px) { .global-zone { padding: 60px 20px; } .global-header { padding: 0 0 40px; } .global-title { font-size: 2.25rem; padding: 0; } .global-subtitle { font-size: 1.5rem; } } @media screen and (min-width: 1640px) { .global-header { padding: 0 0 55px; } .global-title { font-size: 2.5rem; } .global-subtitle { font-size: 1.75rem; } .global-slider { width: calc(100% - 200px); } .global-arrows li { padding: 0 20px; } } article hr { border: 0; height: 1px; background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); width: 80%; margin: 0 auto 20px; } #wrapper { } /*WCAG EXIT*/ .wcag-exit { background: url(img/wcag-exit/background.jpg?t=2019); padding: 10px 20px; text-align: center; } .wcag-exit h2 { font-size: 0; color: transparent; } .wcagExitBtn { display: inline-block; background: #fff; color: #000; padding: 5px 10px; text-transform: uppercase; font-weight: bold; text-decoration: none; border-radius: 5px; } .wcagExitBtn:hover { background: #eee; } @media screen and (min-width: 800px) { .wcagExitBtn { position: relative; padding: 10px 20px 10px 50px; font-size: 1.125rem; border-radius: 8px; } .wcagExitBtn:after { content: ''; position: absolute; width: 16px; height: 16px; background: url(img/global/btn-arrow.png); left: 15px; top: 50%; transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); } } /*WCAG TOOLBAR*/ #wcag-toolbar { overflow: hidden; text-transform: uppercase; font-weight: bold; text-align: center; background: #000; color: #fff; border-bottom: 1px solid #c4c4c4; position: relative; z-index: 9999; } #wcag-toolbar > h2 > a { display: block; padding: 5px 0; font-weight: bold; color: #fff; } #wcag-toolbar > h2:hover > a { text-decoration: none; } #wcag-toolbar h3 { display: block; font-weight: bold; padding: 0 0 10px; font-size: 14px; color: #fff; } .wtb-main { display: none; padding: 20px; } .wtb-size, .wtb-inversion { padding: 0 0 20px; } .wtb-sizeOptions li { position: relative; display: inline-block; margin: 0 0 0 -4px; vertical-align: bottom; width: 36px; line-height: 1; } .wtb-sizeOptions li:before { content: ''; display: block; position: absolute; height: 28px; width: 1px; background: #bdbdbd; bottom: 0; left: 0; } .wtb-sizeOptions a { display: inline-block; color: #fff; text-transform: uppercase; font-weight: bold; text-decoration: none; } .wtb-sizeSm a { font-size: 16px; } .wtb-sizeMd a { font-size: 24px; } .wtb-sizeLg a { font-size: 32px; } .wtb-sizeOptions li:hover a, .wtb-sizeOptions li.wtb-sizeCurrent a { text-decoration: underline; } .wtb-inversionOptions li { display: inline-block; } body.inv .wtb-inversionOptions li { -webkit-filter: invert(100%); filter: invert(100%); } .wtb-inversionOptions a { display: block; color: #000; font-size: 16px; width: 28px; height: 26px; line-height: 26px; } .wtb-inversionOptions li.wtb-inversionCurrent a, .wtb-inversionOptions li:hover a { text-decoration: underline; } .wtb-inversionOptions li > a { text-decoration: none; } .wtb-inversionInv > a { border: 2px solid #fff; background: #000; color: #fff; } .wtb-inversionNorm { border: 2px solid #000; background: #fff; color: #000; } .wtb-info { position: relative; display: inline-block; color: #fff; font-size: 14px; } .wtb-info:hover { text-decoration: none; } .wtb-close { display: block; padding: 20px 0 0; font-weight: bold; color: #fff; font-size: 14px; } @media screen and (min-width: 800px) { #wcag-toolbar { text-align: left; line-height: 32px; } #wcag-toolbar h2 { display: none; } .wtb-main { display: block !important; padding: 10px 20px; overflow: hidden; } .wtb-close { display: none; } /* #wcag-toolbar h3{ display: none; }*/ .wtb-size, .wtb-inversion, .wtb-info { padding: 0; margin: 0; } .wtb-size, .wtb-inversion { float: left; text-align: center; padding: 0 20px 0 0; line-height: 32px; } #wcag-toolbar h3, .wtb-sizeOptions, .wtb-inversionOptions { display: inline-block; vertical-align: middle; } #wcag-toolbar h3 { vertical-align: middle; padding: 0; margin: 0 10px 0 0; font-weight: normal; } .wtb-info { float: right; display: inline-block; padding: 0px 0 0; font-weight: normal; } /* .wtb-inversionOptions{ height: 30px; }*/ } @media screen and (min-width: 1120px) { #wcag-toolbar h3, .wtb-info { font-weight: bold; font-size: 21px; } #wcag-toolbar .wbt-size h3 { padding: 7px 0 0; } .wtb-info { padding: 0 0 5px; } } @media screen and (min-width: 1640px) { #wcag-toolbar { text-align: center; } .wtb-main { max-width: 1800px; margin: 0 auto; } .wtb-InversionOptions { /*float;*/ /*left;*/ } .wtb-info { position: relative; padding: 0 40px 0 0; } .wtb-info:after { content: ''; display: block; position: absolute; width: 30px; height: 30px; background: url(img/global/btn-arrow.png) center center no-repeat #fff; border: 1px solid #000; top: calc(50% + 5px); transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); right: 0; top: 17px; } } /*INVERSION CSS*/ body.inv { filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -ms-filter: invert(100%); } body.inv img, body.inv .homeslideImg, body.inv .subslide, body.inv iframe { filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -ms-filter: invert(100%); } /*IE10-11*/ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .wtb-inversion { display: none; } } html.ie8 .wbt-inversion, html.ie9 .wbt-inversion { display: none; } #persistentHeader { -webkit-transform: perspective(1px) translateZ(0); -ms-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); } body.fsMenuOn #persistentHeader { -webkit-transform: none; /* Safari and Chrome */ /* Firefox */ -ms-transform: none; /* IE 9 */ /* Opera */ transform: none; } #mhWrapper { } .mhTop { padding: 0 0 10px; } #logo-main { display: block; width: 90%; margin: 15px auto; } #logo-main img { display: block; width: 100%; } .mhExtras { text-align: center; } .mhExtras li { font-style: italic; font-weight: bold; } .mheDivider { display: none; } .mhExtras a { display: block; color: #fff; } .mhExtras a:hover { text-decoration: none; } .mhPhone { display: block; font-weight: bold; text-align: center; color: #fff; } .mhPhone:hover { text-decoration: none; } @media screen and (min-width: 1400px) { .mhPhone li { text-align: right; } } .mhPhone a { color: inherit; } /* Enable these next two lines to modify dropdown colors html body nav.mm ul li:nth-child(2) ul {display: block; transform: scaleY(1); opacity: 1} html body nav.mm ul li:nth-child(2) ul li:nth-child(2) > a {background-color: #5B9FC4;} */ nav.mm { text-align: center; background: #252525; position: relative; z-index: 100; border-top: 1px solid #c1c1c1; border-bottom: 1px solid #c1c1c1; } nav.mm > ul > li > a { padding: 10px 10px; font-size: 0.875rem; color: #fff; font-weight: bold; text-transform: uppercase; line-height: 1; } nav.mm > ul > li > a:hover { -webkit-transition: background 300ms linear; -o-transition: background 300ms linear; transition: background 300ms linear; } nav.mm > ul > li > ul { top: 100%; } nav.mm > ul > li:hover > a { text-decoration: underline; } nav#mainMenu.mm a.mDisableHover { text-decoration: none; cursor: default; } nav.mm ul ul { background: #252525; width: 220px; border: 1px solid #c8c8c8; } nav.mm ul ul li:hover > a { text-decoration: underline; background: #fff; color: #000; } nav.mm ul ul li { border-top: 1px solid #c8c8c8; } nav.mm ul ul a { color: #fff; padding: 15px 10px; font-size: 0.875rem; /* font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; */ text-transform: none; line-height: 1.3; font-weight: bold; } nav.mm ul { padding: 0; margin: 0; font-size: 0; } nav.mm li { position: relative; } nav.mm ul a { display: block; text-decoration: none; } nav.mm > ul > li { display: inline-block; } nav.mm ul ul { display: block; position: absolute; text-align: left; left: 0; top: -1px; -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); opacity: 0; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; } /*nav.mm ul li:hover > ul { -moz-transform: scaleY(1); -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); opacity: 1; }*/ nav.mm ul li:hover > ul, nav.mm ul li.focused > ul { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); opacity: 1; z-index: 999; } nav.mm ul ul ul { left: 100%; } nav.mm ul ul li:first-child { border: 0; } body.admin-bar #mmiWrapper { position: static; } body.admin-bar.mob_menu #wrapper { padding: 0; } body.mob_menu #wrapper { padding: 34px 0 0; } body.mob_menu #wpadminbar { position: absolute; } body.fsMenuOn #wpadminbar { display: none; } #mmiWrapper, #mblSearchCont, nav.mm_mob { display: none; } .mob_menu #mmiWrapper, .fsMenuOn #mblSearchCont, .fsMenuOn #closeMenu, .fsMenuOn nav.mm_mob { display: block; } .fsMenuOn #mmiWrapper { z-index: 1; } #mmiWrapper, #closeMenu { background: #000; } /*modme*/ #mmiWrapper { -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.7); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.7); position: fixed; top: 0; left: 0; width: 100%; z-index: 999; } #mobMenuItems { height: 34px; padding: 0; margin: 0 auto; text-transform: uppercase; position: relative; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; text-align: center; font-size: 0; } .mmi { height: 100%; display: inline-block; vertical-align: top; list-style-type: none; list-style-position: outside; } .mmi > a { font-size: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; display: block; height: 100%; line-height: 34px; background-image: url(img/icons/menu-2019.png); background-repeat: no-repeat; text-indent: -222px; overflow: hidden; text-align: left; } #mm1 { width: 47px; } #mm2 { width: 47px; } #mm3 { width: 56px; } #mm4 { width: 42px; } #mm5 { width: 47px; } #mm6 { width: 46px; } .mmi a:hover { text-decoration: none; } .mmi { border-right: 1px solid #454141; } /*modme*/ #mm1 { border-left: 1px solid #454141; } /*modme*/ #mm1 > a { background-position: 15px 0; } #mm2 > a { background-position: 15px -34px; } #mm3 > a { background-position: 15px -68px; } #mm4 > a { background-position: 15px -102px; } #mm5 > a { background-position: 15px -136px; } #mm6 > a { background-position: 15px -170px; } /* Dropdown support */ .mmi > ul { z-index: 1; width: 297px; left: -1px; display: none; position: absolute; } .mmi:hover ul { display: block; } .mmi ul li { border-top: 1px solid #333; /*modme*/ } .mmi ul li:first-child { border: 0; } .mmi ul a { background: #666; /*modme*/ color: #fff; /*modme*/ display: block; padding: 10px 10px; font-size: 1rem; } .mmi ul a:hover { background: #999; /*modme*/ } @media screen and (min-width: 385px) { #mm6 { width: 110px; } #mm6 > a { padding: 0 0 0 47px; text-indent: 0; } .mmi > ul { width: 350px; } } nav.mm_mob { position: absolute; padding: 34px 0 10px; left: 0; top: 0; width: 100%; background: #252525; /*modme*/ z-index: 9999; } nav.mm_mob ul { padding: 0; } nav.mm_mob > ul { padding: 10px 0 10px; } nav.mm_mob ul li { list-style-type: none; list-style-position: outside; display: block; } nav.mm_mob ul a { display: block; font-size: 0.938rem; padding: 3px 1em 3px 0; color: #fff; } nav.mm_mob a:hover { background: #dadada; /*modme*/ color: #000; text-decoration: none; } nav.mm_mob ul a { padding-left: 1em; } nav.mm_mob ul ul a { padding-left: 2em; } nav.mm_mob ul ul ul a { padding-left: 3em; } nav.mm_mob ul ul li a { text-transform: none; } #closeMenu { display: none; height: 34px; line-height: 34px; font-size: 1rem; font-family: arial, sans-serif; color: #fff; z-index: 999999999; top: 0; right: 0; width: 100%; text-transform: uppercase; position: fixed; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } #closeMenu:hover { text-decoration: none; } body.fsMenuOn #menuWall { position: fixed; background: #000; background: rgba(0, 0, 0, 0.9); z-index: 999; content: ""; width: 100%; height: 200%; left: 0; top: 0; } #mblSearch { max-width: 350px; padding: 10px 1em; overflow: hidden; } #mblsInput, #mblsSubmit { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; float: left; display: inline; -webkit-box-sizing: border-box; box-sizing: border-box; } #mblsInput { font-size: 0.625rem; font-family: arial, sans-serif; padding: 0 5px; line-height: 1; height: 21px; width: 70%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0.35); outline: 0; } #mblsSubmit { width: 30%; border: 0; background: #000; /*modme*/ font-size: 0.625rem; height: 21px; line-height: 20px; text-align: center; text-transform: uppercase; color: #fff; cursor: pointer; } @media screen and (min-width: 800px) { .mhExtras li { display: inline-block; font-size: 1.4rem; } .mheDivider { padding: 0; min-width: 2rem; } .mhPhone { font-size: 1.875rem; } body.admin-bar #persistentHeader { top: 32px; } body.admin-bar.fsMenuOn #persistentHeader { top: 0; } body.sticky_zone .noSticky { display: none; } } @media screen and (min-width: 1120px) { #mainHeader { position: relative; text-align: center; } #logo-main, .mhExtras { display: inline-block; vertical-align: middle; } .mhExtras { padding: 0 0 0 20px; } } @media screen and (min-width: 1400px) { .mhTop { position: relative; padding: 0 20px; max-width: 1800px; margin: 0 auto; } .mhTop:after { content: ''; display: table; clear: both; } #logo-main { float: left; } .mhPhone { float: right; padding: 0 0 0 20px; } nav.mm > ul > li > a { font-size: 1.25rem; padding: 10px 20px; } } #homeslides { position: relative; background-color: #151515; border-bottom: 1px solid #fff; overflow: hidden; } .homeslideImg { display: block; width: 100%; height: 300px; background: url(img/slides/mobile-min.jpg) center center no-repeat; color: transparent; font-size: 0; } .slideBox { color: #fff; width: 100%; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; } .slideHead { display: block; font-weight: bold; text-transform: uppercase; font-size: 1.25rem; padding: 0 0 5px; } .slideSubtitle { display: block; font-weight: bold; text-transform: uppercase; font-size: 1rem; padding: 0 0 5px; } .slideBody { padding: 0; line-height: 1.3; } .slideBody br { display: none; } @media screen and (min-width: 600px) { .homeslideImg { background-size: cover; } } @media screen and (min-width: 800px) { #syncMenu { z-index: 1; } .homeslideImg { background-image: url(img/slides/desktop-min.jpg); } } @media screen and (min-width: 1120px) { #homeslides { height: 400px; } .homeslide, .slideContent { position: relative; width: 100%; height: 100%; } .slideContent:after { content: ''; display: table; clear: both; } .homeslideImg { position: absolute; height: 100%; width: 50%; } .slideBox { position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); width: 50%; right: 0; padding: 0 20px; } .slideHead { font-size: 2rem; padding: 0 0 10px; line-height: 1; } .slideSubtitle { font-size: 1.5rem; padding: 0 0 5px; line-height: 1; } .slideBody { font-size: 1rem; max-width: 515px; } } @media screen and (min-width: 1400px) { #homeslides { height: 450px; } .slideBox { padding: 0px 20px 0px 40px; } .slideHead { font-size: 2.5rem; padding: 0 0 10px; } .slideSubtitle { font-size: 1.9rem; padding: 0 0 5px; } .slideBody { font-size: 1rem; max-width: 650px; } } @media screen and (min-width: 1840px) { #homeslides { height: 500px; } .slideHead { font-size: 2.6rem; } .slideSubtitle { font-size: 2rem; } .slideBody { font-size: 1.2rem; max-width: 750px; } } /*Quick Links*/ .sxn-quick-links { background: #252525; padding: 20px; text-align: center; } section.sxn-quick-links:nth-child(11) {padding: 0 20px 20px;} .sxn-quick-links h2 { } .qlsList { max-width: 1800px; margin: 0 auto; } .qlsList li { margin: 0 auto 5px; padding: 3px; background: #000; } .qlsList a { position: relative; display: block; padding: 10px; background: #000; color: #fff; text-transform: uppercase; font-weight: bold; border: 1px solid #2a2a2a; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .qlsList li:hover a { text-decoration: none; color: #fff; background: #434343; } @media screen and (min-width: 800px) { .sxn-quick-links { padding: 40px 20px; } .qlsList a { padding: 20px 0; } .qlsList a:before { content: ''; position: absolute; width: 47px; height: 47px; background: url(img/global/btn-arrow-light.png) center center no-repeat #000; border: 1px solid #b0b0b0; right: 5px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); } } @media screen and (min-width: 1120px) { .qlsList li { padding: 5px; margin: 0 0 10px; } .qlsList a { font-size: 1.25rem; } .qlsList a:before { right: 8px; } } @media screen and (min-width: 1640px) { .qlsList a { font-size: 1.5rem; } .qlsList a:before { right: 11px; } } #sync { height: 0; width: 0; } .syncItem { position: relative; z-index: 0; } /* BELOW THE FOLD (BTF) BEGINS */ p { padding: 0 0 20px; } li { list-style-type: none; list-style-position: outside; } .topo { display: block; overflow: hidden; } .topo img { display: block; width: 100%; } #contentArea { margin: 0 auto; overflow: hidden; max-width: 1600px; } #mainContent { color: #fff; padding: 20px; } .article { font-size: 1rem; line-height: 1.5; text-align: left; } .article ul, .article ol { padding: 0 0 2rem 2rem; } .article li ul, .article li ol { padding: 0 0 0 2rem; } .article li { list-style-position: outside; } .article ul li { list-style-type: disc; } .article ol > li { list-style-type: decimal; } .article ol > li > ol > li { list-style-type: lower-alpha; } .article ol > li > ol > li > ol > li { list-style-type: lower-roman; } .article ul ul { padding-bottom: 0; } .article a { color: #f5ff00; } .article a:hover { text-decoration: none; } .article ul, .article ol { overflow: hidden; } .article h1, .article h2, .article h3, .article h4, .article h5, .article h6 { line-height: 1.2; font-weight: bold; color: #fff; padding: .5rem 0 .5rem 0; text-transform: uppercase; } .article h1 { font-size: 1.563rem; padding-bottom: 2rem; } .article h2 { font-size: 1.125rem; padding: 1rem 0 1rem 0; } .article h3 { font-size: 1rem; font-weight: bold; } .article h4 { font-size: 1rem; font-style: italic; } .article h5 { font-size: 1rem; } .headshot { width: 40%; max-width: 220px; float: left; margin: 0 1rem .5rem 0; } .article .alignright, .article .aligncenter, .article .alignleft { margin: 10px auto; } .mcImgScale{ /*Do not add any additional css to this class.*/ max-width: 100%; } #shareThisPage { clear: both; border-top: 1px solid #494949; padding: 20px 0 0; margin: 15px 0 0; } #shareThisPageHead { display: inline-block; font-size: 1rem; line-height: 1; font-weight: normal; text-transform: uppercase; margin: 0 10px 0 0; } #shareThisPage .shareThisWrapper { display: inline-block; } .shareThisWrapper { font-size: 0; } .dskSharingIcon { width: 16px; height: 16px; display: inline-block; margin: 0 14px 0 0; overflow: hidden; } .dskSharingIcon:hover { opacity: 0.8; } .dskSharingIcon_twitter img { margin: 0 0 0 -16px; } .dskSharingIcon_linkedin img { margin: 0 0 0 -32px; } .dskSharingIcon_googleplus img { margin: 0 0 0 -48px; } .mcTable { margin: 0 0 20px; } .mcTable td { vertical-align: top; display: block; } .mcTable ul { padding: 0 0 0 30px; } /* Content Area */ @media screen and (min-width: 800px) { #syncContent { z-index: 1; } #contentArea { padding: 40px; } #mainContent { padding: 0; } .article .alignright { float: right; margin: 0 0 5px 15px; } .article .aligncenter { display: block; margin: 0 auto; } .article .alignleft { float: left; margin: 0 15px 5px 0; } } @media screen and (min-width: 900px) { .mcTable td { display: table-cell; padding: 0 0 0 40px; } .mcTable td:first-child { padding: 0; } } @media screen and (min-width: 1200px) { #contentArea { padding: 60px; } .article { font-size: 1.125rem; } .article h1 { font-size: 2rem; } .article h2 { font-size: 1.5rem; } .article h3 { font-size: 1.25rem; } } @media screen and (min-width: 1640px) { .article { font-size: 1.5rem; line-height: 1.7; } .article h1 { font-size: 2.25rem; padding-bottom: 2rem; } .article h2 { font-size: 1.75rem; } .article h3 { font-size: 1.25rem; } .article h4, .article h5 { font-size: 1.15rem; } .article p { padding: 0 0 2rem; } } .testsWrap { } .testsList { display: block; position: relative; z-index: 5; width: 280px; margin: 0 auto; padding: 0; overflow: hidden; } .testWrap { display: inline-block; } .test { background: #000000; padding: 10px; width: 260px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; /* box-shadow: 1px 1px 7px 0 rgba(0,0,0,0.15);*/ } .testVid { display: block; width: 240px; height: 144px; overflow: hidden; margin: 0 auto; cursor: pointer; } .testVid:hover { filter: brightness(110%); -webkit-filter: brightness(110%); -moz-filter: brightness(110%); -ms-filter: brightness(110%); } .testVid img { width: 300%; } .test2 img { margin: 0 0 0 -100%; } .test3 img { margin: 0 0 0 -200%; } .testTrans { display: block; color: #fff; font-weight: bold; text-decoration: underline; padding: 5px 0 0; } .testTrans:hover { text-decoration: none; } @media screen and (min-width: 800px) { .testsWrap { max-width: 800px; } .testsList { width: 600px; } } @media screen and (min-width: 1120px) { .testsWrap { max-width: 100%; } .testsList { width: 900px; } .testsNav { display: none; } } @media screen and (min-width: 1300px) { .testsList { width: 100%; max-width: 1250px; } .test { width: 399px; padding: 30px 0 20px; } .testVid { width: 339px; height: 204px; } .testTrans { font-size: 1.5rem; margin: 15px 0 0; } } @media screen and (min-width: 1640px) { .testsList { max-width: 1400px; } .test { width: 419px; padding: 40px 0 30px; } .testTrans { margin: 20px 0 0; } } /*FAQS*/ .sxn-faqs { overflow: hidden; } .faqsWrap { } .faqsList { width: 100%; overflow: hidden; position: relative; z-index: 5; } .faqItem { display: inline-block; vertical-align: top; } .faqWrap { text-align: left; padding: 20px; } .faqQuestion, .faqAnswer { display: block; position: relative; padding: 0 0 0 2rem; } .faqQuestion { font-style: italic; margin: 0 0 20px; } .faqQuestion:before, .faqAnswer:before { font-size: 2rem; line-height: 1; position: absolute; top: 0; left: 0; font-style: normal; } .faqQuestion:before { content: 'Q'; } .faqAnswer:before { content: 'A'; } .faqAnswer > a { font-weight: bold; text-transform: uppercase; color: #000; } .faqAnswer > a:hover { text-decoration: none; } .faqsNav { background: #252525; padding: 14px 10px; max-width: 137px; } .faqsNav li { display: inline-block !important; } .faqsMore { display: inline-block; background: #b9b9b9; padding: 10px; color: #000; text-transform: uppercase; font-weight: bold; text-decoration: none; border-radius: 5px; margin: 10px 0 0; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .faqsMore:hover { background: #fff; } @media screen and (min-width: 800px) { .faqsList { max-width: calc(100% - 150px); margin: 0 auto; } .faqsNav { max-width: 100%; padding: 0; background: transparent; z-index: 1; } .faqsNav li:before { content: ''; position: absolute; width: 1px; height: calc(100% + 20px); background: #252525; top: -10px; z-index: -1; } .fnPrev:before { right: -11px; padding: 0 0 0 999px; margin: 0 0 0 -999px; } .fnNext:before { left: -11px; padding: 0 999px 0 0; margin: 0 -999px 0 0; } .faqsMore { margin: 20px 0 0; } } @media screen and (min-width: 1120px) { .faqsList { max-width: 800px; } .faqQuestion, .faqAnswer { padding: 0 0 0 3rem; font-size: 1.25rem; line-height: 1.5; } .faqQuestion { margin: 0 0 40px; } .faqQuestion:before, .faqAnswer:before { font-size: 3rem; top: -0.5rem; } .faqsMore { margin: 30px 0 0; font-size: 1.25rem; padding: 10px 20px; } } @media screen and (min-width: 1640px) { .faqsList { max-width: 1200px; } .faqQuestion, .faqAnswer { padding: 0 0 0 4rem; font-size: 1.5rem; } .faqQuestion { margin: 0 0 50px; } .faqQuestion:before, .faqAnswer:before { font-size: 4rem; top: -0.75rem; } .faqsMore { margin: 50px 0 0; font-size: 1.5rem; padding: 13px 30px; border-radius: 8px; } } /*Contact*/ .contactWrap { max-width: 1400px; margin: 0 auto; } .homeForm { width: 90%; margin: 0 auto; max-width: 1100px; } .homeForm label { display: block; padding: 0 0 5px; text-transform: uppercase; text-align: left; } .homeForm input, .homeForm textarea { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px; border: 0; outline: 0; margin: 0 auto 15px; } .homeForm .submit-button { width: auto; padding: 10px 30px; } /*Footer*/ #mainFooter { overflow: hidden; } .mfTop { background: #252525; } .mftArea { padding: 0 0 30px; } .mftArea h2 { text-transform: uppercase; border-bottom: 1px solid #b2b2b2; padding: 0 0 5px; margin: 0 0 10px; } .mfPhone { display: block; font-size: 1.25rem; } .mfPhone a { color: #fff; font-weight: bold; } .mftArea .mfAddress { padding: 0 0 10px; text-align: center; } .mfDirections { display: inline-block; color: #fff; margin-bottom: 2rem; } .mfDirections:last-child { margin-bottom: 0; } .mfDirections:hover { text-decoration: none; } .mfSocial { display: flex; flex-wrap: wrap; justify-content: center; } .mfSocial li { display: block; padding: .5rem; } .mfSocial li a { width: 80px; height: 80px; border: 1px solid #fff; display: flex; justify-content: center; align-items: center; } .mfSocial li a:hover { background: rgba(255, 255, 255, 0.25); } body.inv .mfSocial li:hover { background: #000; } body.inv .mfSocial img { filter: invert(0); -webkit-filter: invert(0); -moz-filter: invert(0); -ms-filter: invert(0); } .fNav li { padding: 0 0 5px; } .fNav a { color: #fff; text-decoration: underline; } .fNav a:hover { text-decoration: none; } .mfBottom { max-width: 1400px; margin: 0 auto; } .mfBottom p { font-style: italic; } .mfBottom p:last-of-type { padding: 0; } .mfBottom p > a { color: #000; } .agency-footer { border-top: 1px solid #cecece; padding: 20px; text-align: center; } .companyWrapper > p { font-size: 0.625rem; } .companyWrapper > p > a { color: #fff; } .companyWrapper > p > a:hover { text-decoration: none; } @media screen and (min-width: 800px) { .mftArea h2 { font-size: 1.25rem; letter-spacing: 2px; } .cwLogo, .companyWrapper > p { display: inline-block; vertical-align: middle; padding: 0; text-align: left; line-height: 1; } .companyWrapper > p { margin: -7px 0 0 10px; } .companyWrapper, .wcagLogo { display: inline-block; vertical-align: middle; } .wcagLogo { margin: 0 0 0 20px; } } @media screen and (min-width: 1120px) { .mftWrap { overflow: hidden; } .mftArea { display: inline-block; vertical-align: top; margin: 0 10px; -webkit-box-sizing: border-box; box-sizing: border-box; width: calc(33% - 20px); } .mfBottom { font-size: 1.25rem; line-height: 1.5; } .agency-footer { padding: 40px 20px; } .fNav li { display: inline-block; padding: 0 10px; } } @media screen and (min-width: 1640px) { .mftWrap { max-width: 1800px; margin: 0 auto; } .mftArea { margin: 0 20px; width: calc(33% - 40px); } .mftArea h2 { font-size: 1.5rem; padding: 0 0 20px; margin: 0 0 20px; } .mfPhone { font-size: 1.875rem; } .mfAddress, .mfDirections { font-size: 1.875rem; } .mfBottom { font-size: 1.5rem; max-width: 1600px; } .mfBottom p { padding: 0 0 40px; } .agency-footer { padding: 60px 20px; } } /* Contact Form Styling */ .nc_form { background-color: #252525; padding: 1.25em 2%; margin: 0 0 1.25em; color: #fff; } .nc_form .req { color: #F71704; } .nc_form label, .nc_form input, .nc_form textarea, .nc_form select { display: block; width: 98%; padding: 0; } .nc_form input, .nc_form textarea, .nc_form select { background: #949494; color: #252525; } .nc_form input, .nc_form textarea, .nc_form .captcha-container { border: 1px solid #999; border-radius: 3px; } .nc_form label { margin: 0 0 .125em; } .nc_form input, .nc_form textarea, .nc_form select { margin: 0 0 10px; padding: .4em 1%; } .nc_form textarea { height: 60px; } .nc_form .captcha-container { padding: 0; width: 100%; } .nc_form input.hidden { display: none; } .nc_form input.submit-button { cursor: pointer; margin: 1em 0; padding: 0.6em 2%; width: auto; height: auto; background: #555; color: #fff; line-height: 1; } .nc_form input.submit-button:hover { background: #777; } .nc_form input.error { border-color: #f00; } .nc_form label.error { color: #f00; } .ncfDisclaimer { font-size: 80%; margin: 0 0 1em; padding: 0.33em 0 0; } .ncfDisclaimer span { display: block; font-weight: bold; font-size: 125%; } .ncfDisclaimer span.req { display: inline; font-size: 80%; } .ncfDisclaimer input { display: inline; width: 10px; height: 10px; margin: 0 5px 0 0; } .ncfDisclaimer label { display: inline; } .nc_form .captcha-wrapper { } .nc_form .captcha-wrapper input { max-width: 200px; } .nc_form .captcha-container { background: #fff; border: 1px solid #333; margin: 0 0 4px; text-align: center; max-width: 200px; } .nc_form .captcha-image { cursor: pointer; display: block; width: 100%; } .nc_form .checkbox { margin: 0 0 10px; } .nc_form .checkbox input { display: inline; width: auto; height: auto; padding: 0; line-height: 1; margin: 0 0 0 10px; } .nc_form .checkbox input.delin { margin: 0; } .nc_form .radio { margin: 0 0 10px; } .nc_form .radio input { display: inline; width: auto; height: auto; padding: 0; line-height: 1; margin: 0 0 0 10px; } .nc_form .radio input.delin { margin: 0; } .nc_form .inlineSelect select { display: inline; width: auto; } /* Contact Form - Custom */ /* Contact Form Styling Ends */ /* Blog Page */ @media screen and (max-width: 700px) { .post_entry_mult_left, .post_entry_mult_right { float: none; display: block; width: auto; padding: 0; margin: 0; } .postThumbMult { display: block; width: 80%; max-width: 150px; margin: 0 auto 0.5em; } } /*Vimeo Videos*/ .vimeo-embed-cont { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .vimeo-embed-cont iframe, .vimeo-embed-cont object, .vimeo-embed-cont embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vimeo-embed-cont iframe { border: 0; } .article .vimeo-embed-cont { margin: 0 0 30px; } /*Vimeo Modal*/ .vimeo-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); z-index: 99999999; } .vmContent { position: relative; max-width: 640px; max-height: 360px; width: 90%; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } /*FORMS*/ span[role=status] { font-style: italic; font-weight: bold; color: #fff; } .phoneField { position: absolute; opacity: 0; z-index: -1; } .z-responsive { position: relative; overflow: hidden; padding-top: 56.25%; } .z-responsive > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .vm-video { width: 100%; max-width: 40ch; margin: 0 auto; margin-bottom: 1rem; } .global-zone p { font-size: 1rem; line-height: 1.5; text-align: left; } @media screen and (min-width: 1200px) { .global-zone p { font-size: 1.125rem; } } @media screen and (min-width: 1640px) { .global-zone p { font-size: 1.5rem; line-height: 1.7; } } #shareThisPage .shareThisWrapper { display: inline-block; } .shareThisWrapper { font-size: 0; } .dskSharingIcon { width: 16px; height: 16px; display: inline-block; margin: 0 14px 0 0; overflow: hidden; } .dskSharingIcon:hover { opacity: 0.8; } .dskSharingIcon_twitter img { margin: 0 0 0 -16px; } .dskSharingIcon_linkedin img { margin: 0 0 0 -32px; } .dskSharingIcon_googleplus img { margin: 0 0 0 -48px; } .companyWrapper > p { vertical-align: middle; } .cont_logo { background: black; padding: 10px; vertical-align: middle; } .mhPhone a { white-space: nowrap; } .companyWrapper { line-height: 1.2; } .global-center, .global-center p { text-align: center; } .global-zone p:last-child { padding-bottom: 0 } .global-btn, a.global-btn { display: inline-block; padding: 10px 30px; text-transform: uppercase; font-weight: bold; color: #000; background: #b9b9b9; border-radius: 8px; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; text-decoration: none; cursor: pointer; border: none; } .global-btn:hover { background: #fff; } .custHeader{ margin: 0 auto; overflow: hidden; max-width: 1600px; } @media screen and (min-width: 800px) { .custHeader{ padding: 40px; } } @media screen and (min-width: 1200px) { .custHeader { padding: 60px 60px 0; } } /* < mc_team_list > */ .article .mc_team_list { padding: 20px 0 20px; font-size: 0; line-height: 1; text-align: left; } .article .mc_team_list li { box-sizing: border-box; display: inline-block; padding: 0 10px 20px; width: 100%; max-width: 300px; list-style: none; vertical-align: top; } .article .mc_team_list li img { margin: auto; width: 100%; max-width: 220px; height: auto; } .article .mc_team_list a, .article .mc_team_list img { position: relative; display: block; } .article .mc_team_list a:after { content:''; display: block; width: 100%; height: 100%; top: 0; left: 0; position: absolute; background: transparent; } .article .mc_team_list a:hover:after { } .article .mc_team_list li strong { display: block; padding: 20px 0 0; font-size: 1rem; font-weight: bold; text-align: center; } .article .mc_team_list li small { display: block; padding: 5px 0 0; font-size: 1rem; text-align: center; } /* </ mc_team_list > */ /* < youtube css + modal > */ .youtube-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 99999999; } .ytContent { position: relative; max-width: 640px; max-height: 360px; width: 90%; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .youtube-embed-cont { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .youtube-embed-cont iframe, .youtube-embed-cont object, .youtube-embed-cont embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .article .youtube-embed-cont {margin: 0 0 30px;} /* </ youtube css + modal > */ .gs_cp-addresses img{ width:100%; max-width: 1100px; } .map-responsive{ overflow:hidden; padding-bottom:56.25%; position:relative; height:0; } .map-responsive iframe{ left:0; top:0; height:100%; width:100%; position:absolute; } .gs_cp-addresses img{ width: 100%; max-width: 1100px; } .gs_cp-addresses li{ padding: 0 0 50px 0; list-style-type: none !important; } .gs_cp-contact-option{ list-style-type: none !important; } .article .mc_testimonial .element_stars { padding: 0 0 15.75px; } .element_stars img{ display: block; margin: auto; width: 100%; max-width: 247px; height: auto; }