/****************************************************************** Stylesheet: Main Stylesheet ******************************************************************/ /********************* IMPORTING PARTIALS *********************/ /* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 8/9. */ @import url(https://fonts.googleapis.com/css?family=Raleway:600,700); @import url(https://fonts.googleapis.com/css?family=PT+Sans); article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9. * Hide the `template` element in IE, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* ========================================================================== Base ========================================================================== */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background: transparent; } /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong, .strong { font-weight: bold; } /** * Address styling not present in Safari 5 and Chrome. */ dfn, em, .em { font-style: italic; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /* * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens) */ /* * Addresses margins set differently in IE6/7. */ pre { margin: 0; } /** * Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /** * Set consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /** * Address inconsistent and variable font size in all browsers. */ q:before, q:after { content: ''; content: none; } small, .small { font-size: 75%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Lists ========================================================================== */ /* * Addresses margins set differently in IE6/7. */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0; } /* * Addresses paddings set differently in IE6/7. */ menu { padding: 0 0 0 40px; } ol, ul { padding: 0; list-style-type: none; } /* * Corrects list images handled incorrectly in IE7. */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ========================================================================== Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9. */ img { border: 0; } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .image-replacement, .ir { text-indent: 100%; white-space: nowrap; overflow: hidden; } .clearfix, .cf { zoom: 1; } .clearfix:before, .clearfix:after, .cf:before, .cf:after { content: ""; display: table; } .clearfix:after, .cf:after { clear: both; } /* use the best ampersand http://simplebits.com/notebook/2008/08/14/ampersands-2/ */ span.amp { font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important; font-style: italic; } /****************************************************************** Stylesheet: Variables ******************************************************************/ /********************* COLORS *********************/ /*** secondary & tertiary colors ***/ /****************************************************************** Stylesheet: Typography ******************************************************************/ /********************* FONT FACE *********************/ /****************************************************************** Stylesheet: Sass Functions ******************************************************************/ /********************* COLOR FUNCTIONS These are helpful when you're working with shadows and such things. It's essentially a quicker way to write RGBA. Example: box-shadow: 0 0 4px black(0.3); compiles to: box-shadow: 0 0 4px rgba(0,0,0,0.3); *********************/ /********************* RESPONSIVE HELPER FUNCTION If you're creating a responsive site, then you've probably already read Responsive Web Design: http://www.abookapart.com/products/responsive-web-design Here's a nice little helper function for calculating target / context as mentioned in that book. Example: width: cp(650px, 1000px); or width: calc-percent(650px, 1000px); both compile to: width: 65%; *********************/ /****************************************************************** Stylesheet: Mixins Stylesheet ******************************************************************/ /********************* TRANSITION *********************/ /********************* BOX SIZING *********************/ /* @include box-sizing(border-box); */ /* NOTE: value of "padding-box" is only supported in Gecko. So probably best not to use it. I mean, were you going to anyway? */ /****************************************************************** Stylesheet: Grid Stylesheet ******************************************************************/ .full { width: 100%; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } @media (min-width: 992px) { .container { width: 980px; } } @media (min-width: 1200px) { .container { width: 1180px; } } .row { margin-left: -15px; margin-right: -15px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .base-1, .base-2, .base-3, .base-4, .base-5, .base-6, .base-7, .base-8, .base-9, .base-10, .base-11, .base-12, .xsml-1, .xsml-2, .xsml-3, .xsml-4, .xsml-5, .xsml-6, .xsml-7, .xsml-8, .xsml-9, .xsml-10, .xsml-11, .xsml-12, .sml-1, .sml-2, .sml-3, .sml-4, .sml-5, .sml-6, .sml-7, .sml-8, .sml-9, .sml-10, .sml-11, .sml-12, .med-1, .med-2, .med-3, .med-4, .med-5, .med-6, .med-7, .med-8, .med-9, .med-10, .med-11, .med-12, .lrg-1, .lrg-2, .lrg-3, .lrg-4, .lrg-5, .lrg-6, .lrg-7, .lrg-8, .lrg-9, .lrg-10, .lrg-11, .lrg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .base-1, .base-2, .base-3, .base-4, .base-5, .base-6, .base-7, .base-8, .base-9, .base-10, .base-11, .base-12 { float: left; } .base-12 { width: 100%; } .base-11 { width: 91.66666666666666%; } .base-10 { width: 83.33333333333334%; } .base-9 { width: 75%; } .base-8 { width: 66.66666666666666%; } .base-7 { width: 58.333333333333336%; } .base-6 { width: 50%; } .base-5 { width: 41.66666666666667%; } .base-4 { width: 33.33333333333333%; } .base-3 { width: 25%; } .base-2 { width: 16.666666666666664%; } .base-1 { width: 8.333333333333332%; } @media (min-width: 481px) { .xsml-1, .xsml-2, .xsml-3, .xsml-4, .xsml-5, .xsml-6, .xsml-7, .xsml-8, .xsml-9, .xsml-10, .xsml-11, .xsml-12 { float: left; } .xsml-12 { width: 100%; } .xsml-11 { width: 91.66666666666666%; } .xsml-10 { width: 83.33333333333334%; } .xsml-9 { width: 75%; } .xsml-8 { width: 66.66666666666666%; } .xsml-7 { width: 58.333333333333336%; } .xsml-6 { width: 50%; } .xsml-5 { width: 41.66666666666667%; } .xsml-4 { width: 33.33333333333333%; } .xsml-3 { width: 25%; } .xsml-2 { width: 16.666666666666664%; } .xsml-1 { width: 8.333333333333332%; } } @media (min-width: 768px) { .sml-1, .sml-2, .sml-3, .sml-4, .sml-5, .sml-6, .sml-7, .sml-8, .sml-9, .sml-10, .sml-11, .sml-12 { float: left; } .sml-12 { width: 100%; } .sml-11 { width: 91.66666666666666%; } .sml-10 { width: 83.33333333333334%; } .sml-9 { width: 75%; } .sml-8 { width: 66.66666666666666%; } .sml-7 { width: 58.333333333333336%; } .sml-6 { width: 50%; } .sml-5 { width: 41.66666666666667%; } .sml-4 { width: 33.33333333333333%; } .sml-3 { width: 25%; } .sml-2 { width: 16.666666666666664%; } .sml-1 { width: 8.333333333333332%; } } @media (min-width: 992px) { .med-1, .med-2, .med-3, .med-4, .med-5, .med-6, .med-7, .med-8, .med-9, .med-10, .med-11, .med-12 { float: left; } .med-12 { width: 100%; } .med-11 { width: 91.66666666666666%; } .med-10 { width: 83.33333333333334%; } .med-9 { width: 75%; } .med-8 { width: 66.66666666666666%; } .med-7 { width: 58.333333333333336%; } .med-6 { width: 50%; } .med-5 { width: 41.66666666666667%; } .med-4 { width: 33.33333333333333%; } .med-3 { width: 25%; } .med-2 { width: 16.666666666666664%; } .med-1 { width: 8.333333333333332%; } } @media (min-width: 1200px) { .lrg-1, .lrg-2, .lrg-3, .lrg-4, .lrg-5, .lrg-6, .lrg-7, .lrg-8, .lrg-9, .lrg-10, .lrg-11, .lrg-12 { float: left; } .lrg-12 { width: 100%; } .lrg-11 { width: 91.66666666666666%; } .lrg-10 { width: 83.33333333333334%; } .lrg-9 { width: 75%; } .lrg-8 { width: 66.66666666666666%; } .lrg-7 { width: 58.333333333333336%; } .lrg-6 { width: 50%; } .lrg-5 { width: 41.66666666666667%; } .lrg-4 { width: 33.33333333333333%; } .lrg-3 { width: 25%; } .lrg-2 { width: 16.666666666666664%; } .lrg-1 { width: 8.333333333333332%; } } /********************* IMPORTING MODULES *********************/ /****************************************************************** Stylesheet: Button Styles ******************************************************************/ /****************************************************************** Stylesheet: Form Styles ******************************************************************/ .contact-form .wpcf7 form p span input { outline: 0; border: 0; position: relative; left: 0; width: 100%; } .contact-form .wpcf7 form p span textarea { outline: 0; border: 0; width: 100%; } .contact-form .wpcf7 form p span span.wpcf7-not-valid-tip { display: none; text-indent: -9999px; } .contact-form .wpcf7 form p input.wpcf7-submit { border: 0; outline: 0; width: 100%; } .contact-form .wpcf7 form p img.ajax-loader { display: none; } .contact-form .wpcf7 form .wpcf7-response-output { color: #ffffff; text-align: center; font-size: 12px; line-height: 14px; border: 0; margin-top: 0; } .contact-form .wpcf7 .wpcf7-not-valid { background: #F7A0A0; border: 1px solid #F76767; color: #ffffff; } ::-webkit-input-placeholder { /* WebKit browsers */ color: #000000; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #000000; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #000000; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #000000; } /********************* BASE (MOBILE) SIZE *********************/ /****************************************************************** Stylesheet: Base Mobile Stylesheet ******************************************************************/ /********************* GENERAL STYLES *********************/ body { font-family: "Open Sans", sans-serif; font-weight: normal; font-size: 100%; line-height: 1.5; color: #000000; -webkit-font-smoothing: antialiased; } .textleft { text-align: left; } .textcenter { text-align: center; } .textright { text-align: right; } iframe, .alignright, .alignleft, .aligncenter { max-width: 100% !important; } img { max-width: 100%; width: auto\9; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } .wp-caption { max-width: 100%; } .responsive-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .responsive-container iframe { border: 12px rgba(114, 103, 93, 0.3) solid; } .responsive-container iframe, .responsive-container object, .responsive-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /********************* LINK STYLES *********************/ a { color: #000000; /* on hover */ } a:hover { color: black; } /****************************************************************** H1, H2, H3, H4, H5 STYLES ******************************************************************/ h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { font-weight: normal; color: #000000; /* removing text decoration from all headline links */ } h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; } h1, .h1 { color: #1B3766; font-size: 32px; line-height: 38px; margin: 18px 0 12px; } h2, .h2 { color: #1B3766; font-size: 26px; line-height: 30px; margin: 16px 0 10px; } h3, .h3 { color: #1B3766; font-size: 22px; line-height: 26px; margin: 12px 0 6px; } h4, .h4 { color: #1B3766; font-size: 20px; line-height: 24px; margin: 10px 0 6px; } h5, .h5 { font-size: 18px; line-height: 20px; margin: 10px 0 4px; } /********************* REUSABLE STYLES *********************/ /********************* HEADER STYLES *********************/ .contact { display: none; } /********************* NAVIGATION STYLES *********************/ .navheader { margin-top: 49px; background-color: #082853; } #main-nav { width: 100%; height: 100%; background: url("../images/square-bg.png") #000; padding-left: 0; display: none; background-image: url("../images/nav-background.png"); background-color: black; } #main-nav.nav-show { display: block; padding: 0 10px; z-index: 999; } .main-nav { display: block; width: 100%; background-image: url("../images/nav-background.png"); background-repeat: no-repeat; background-size: 100% 100%; position: absolute; top: 0; } .main-nav .border { border-bottom: 1px solid #9e9e9e; } .main-nav .border #mobile-btns { text-align: right; margin: 0; float: left; padding-top: 12px; padding-bottom: 12px; padding-right: 15px; border-right: 1px solid #3f3f3f; } .main-nav .border a.nav-btn { background: url("../images/burger.png") no-repeat scroll 0 50% transparent; color: #006fb4; cursor: pointer; font-family: "Open Sans", sans-serif; font-weight: 700; font-size: 14px; text-transform: uppercase; line-height: 16px; padding-left: 32px; } .main-nav .border #phone-btn { text-align: right; margin: 0; float: right; padding-top: 12px; padding-bottom: 12px; padding-left: 12px; border-left: 1px solid #3f3f3f; } .main-nav .border a.mobile { background: url("../images/mobile.png") no-repeat scroll 0 50% transparent; padding-left: 32px; } /********************* NAVIGATION STYLES *********************/ #main-nav .nav { margin: 0; } #main-nav .nav li { float: left; width: 100%; margin-right: -1px; } #main-nav .nav li:active { background-color: #d63804; } #main-nav .nav li a { display: block; text-decoration: none; padding: 12px; font-size: 14px; line-height: 20px; color: white; text-transform: uppercase; font-family: "Open Sans", sans-serif; font-weight: 600; text-align: left; } #main-nav .nav li:hover ul.sub-menu, #main-nav .nav li ul.children { left: auto; } #main-nav .nav li ul.sub-menu, #main-nav .nav li ul.children { display: none; padding: 6px 0; margin: 0; border-top: 1px solid white; } #main-nav .nav li ul.sub-menu li, #main-nav .nav li ul.children li { border-top: 0; } #main-nav .nav li ul.sub-menu a, #main-nav .nav li ul.children a { color: white; padding-left: 20px; font-size: 12px; text-align: left; } #main-nav .nav li ul.sub-menu a:hover, #main-nav .nav li ul.children a:hover { color: #ffffff; } #second-nav { background-color: aqua; } #second-nav .nav { margin: 0; } #second-nav .nav li { float: left; width: 100%; } #second-nav .nav li a { display: block; text-decoration: none; padding: 12px; font-size: 14px; line-height: 20px; color: white; text-transform: uppercase; font-family: "Open Sans", sans-serif; font-weight: 600; text-align: left; } #second-nav .nav li a:hover { border-bottom: 1px solid black; } #second-nav .nav li:hover ul.sub-menu, #second-nav .nav li ul.children { left: auto; } #second-nav .nav li ul.sub-menu, #second-nav .nav li ul.children { padding: 6px 0; margin: 0; border-top: 1px solid white; } #second-nav .nav li ul.sub-menu li, #second-nav .nav li ul.children li { border-top: 0; } #second-nav .nav li ul.sub-menu a, #second-nav .nav li ul.children a { color: white; padding-left: 20px; font-size: 12px; text-align: left; } #second-nav .nav li ul.sub-menu a:hover, #second-nav .nav li ul.children a:hover { color: black; } /********************* BANNER / CTA STYLES *********************/ #banner-left { display: none; } #banner-right { display: none; } #main-banner { min-height: 250px; } #main-banner #upper-banner { height: 181px; background-image: url("../images/upper-banner-background.png"); background-size: 100% 100%; background-repeat: no-repeat; } #main-banner #lower-banner { height: 69px; background-image: url("../images/lower-banner-background.png"); background-size: 100% 100%; background-repeat: no-repeat; } #main-banner #lower-banner #left { margin: 0; font-family: "Raleway", sans-serif; font-weight: 600; font-size: 14px; color: #ffffff; max-width: 160px; padding-top: 12px; } #main-banner #lower-banner #right { margin: 0; font-family: "Raleway", sans-serif; font-weight: 600; font-size: 14px; color: #ffffff; padding-top: 12px; float: right; } .banner { background-color: #082853; text-align: center; padding-top: 22px; padding-bottom: 22px; border-top: 4px solid #717171; } .banner img { max-width: 280px; } /********************* POSTS & CONTENT STYLES *********************/ /* end .hentry */ /* entry content */ .entry-content a { text-decoration: none; color: #1B3766; } .entry-content p { font-family: "Open Sans", sans-serif; font-size: 14px; line-height: 22px; color: #000000; margin: 10px 0 20px; text-align: left; } .entry-content ul li, .entry-content ol li { font-family: "Open Sans", sans-serif; font-size: 16px; line-height: 18px; color: #000000; margin: 6px 0 6px 20px; } .entry-content ul li { list-style-type: disc; } .entry-content ol li { list-style-type: decimal; } .entry-content img { margin: 0 0 10px 0; max-width: 100%; height: auto; } .entry-content .alignleft, .entry-content img.alignleft { margin-right: 10px; display: inline; float: left; } .entry-content .alignright, .entry-content img.alignright { margin-left: 10px; display: inline; float: right; } .entry-content .aligncenter, .entry-content img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; } .entry-content video, .entry-content object { max-width: 100%; height: auto; } .entry-content pre { background: #eee; border: 1px solid #cecece; padding: 10px; } .blog-content { background-image: url("../images/primary-background-desktop.png"); background-size: 100% 100%; } .blog-content #blog { padding-top: 40px; text-align: center; } .blog-content #blog .page-title { color: #1B3766; font-size: 26px; font-family: "Raleway", sans-serif; margin: 0 5px 30px; padding-bottom: 25px; padding-top: 60px; text-align: center; text-transform: uppercase; border-bottom: 5px solid #d7d7d7; } .blog-content #blog article { margin-bottom: 40px; } .blog-content #blog article .article-header { background-color: transparent; } .blog-content #blog article .article-header .entry-title { font-size: 18px; text-align: left; } .blog-content #blog article .article-header .entry-title a { color: #1B3766; font-size: 18px; font-weight: 600; font-family: "Raleway",sans-serif; margin: 0px 5px 45px; padding-bottom: 25px; margin-top: 60px; text-align: center; text-transform: uppercase; } .blog-content #blog article .article-header .vcard { font-size: 10px; } .blog-content #blog .article-footer { text-align: right; } .blog-content #blog .article-footer .footer-category { font-size: 14px; } .blog-content #blog .article-footer .footer-category a { text-decoration: none; color: #1B3766; } /* end .entry-content */ #content { background-image: url("../images/primary-background-desktop.png"); background-size: 100% 100%; font-size: 18px; background-attachment: fixed; } #content .content { font-family: "Open Sans", sans-serif; } #content .content h1 { color: #1B3766; font-size: 18px; border-bottom: solid #d7d7d7 5px; padding-bottom: 25px; font-family: "Raleway", sans-serif; text-align: center; margin-bottom: 25px; } #content .content p { color: #282828; text-align: center; margin: 0px 0px 25px; } #content .content blockquote { margin: 0; } #content .content blockquote p { color: #26599d; font-size: 18px; font-style: italic; font-weight: 600; text-align: left; margin: 0px 0px 30px; } #content .content blockquote p:first-child { color: #d63804; font-size: 18px; font-weight: 700; font-family: "Raleway", sans-serif; text-align: left; margin: 0px 0px 25px; } #content .content blockquote p:first-child:before { content: url("../images/speech.png"); padding-right: 40px; } /**************** sub pages ****************/ #inner-sub-content { padding-left: 15px; padding-right: 15px; } #inner-sub-content .sub { font-family: "Open Sans", sans-serif; } #inner-sub-content .sub h2 { color: #1B3766; font-size: 16px; margin-bottom: 30px; font-family: "Raleway", sans-serif; margin-top: 20px; } #inner-sub-content .sub p { font-size: 14px; color: #282828; margin: 0px 0px 30px; } #inner-sub-content .sub blockquote p { color: #26599d; font-size: 18px; font-style: italic; font-weight: 600; margin: 0px 0px 30px; } #inner-sub-content .sub blockquote p:first-child { color: #d63804; font-size: 18px; font-weight: 700; font-family: "Raleway", sans-serif; text-align: left; margin: 0px 0px 25px; } #inner-sub-content .sub blockquote p:first-child:before { content: url("../images/speech.png"); padding-right: 40px; } .page-title { text-align: left; padding-bottom: 20px; } .article-header .page-title { color: #1B3766; font-size: 26px; font-family: "Raleway", sans-serif; margin: 0 5px 30px; padding-bottom: 25px; padding-top: 60px; text-align: center; text-transform: uppercase; border-bottom: 5px solid #d7d7d7; } #secondary-content { background-color: #082853; text-align: center; } #secondary-content .secondary h2 { color: #f9f9fa; font-size: 18px; font-weight: 600; border-bottom: solid #385072 5px; padding-bottom: 25px; font-family: "Raleway", sans-serif; text-align: center; margin-bottom: 25px; } #secondary-content .secondary p { color: #ececec; text-align: center; margin: 0px 0px 25px; font-size: 14px; } #tertiary-content { background-image: url("../images/tertiary-background.png"); background-repeat: no-repeat; background-size: 100% 100%; } #tertiary-content .tertiary { text-align: center; } #tertiary-content .tertiary h2 { margin: 50px 0 35px; font-size: 40px; font-family: "Raleway", sans-serif; font-weight: 600; color: #f9f9fa; } #tertiary-content .tertiary h4 { margin: 0 0 30px; font-size: 19px; font-family: "Raleway", sans-serif; font-weight: 600; color: #f9f9fa; } #tertiary-content .tertiary p { font-family: "Open Sans", sans-serif; font-size: 14px; margin-bottom: 30px; color: #ececec; } /****************************************************************** PAGE NAVI STYLES ******************************************************************/ .pagination, .wp-prev-next { margin: 1.5em 0; } .pagination { text-align: center; } .pagination ul { display: inline-block; white-space: nowrap; padding: 0; clear: both; border-radius: 3px; } .pagination li { padding: 0; margin: 0; float: left; display: inline; overflow: hidden; } .pagination a, .pagination span { margin: 0; text-decoration: none; padding: 0; line-height: 1em; font-size: 1em; font-weight: normal; padding: 0.75em; min-width: 1em; display: block; } .pagination .current { cursor: default; color: #000000; } .pagination .current:hover, .pagination .current:focus { background-color: #ffffff; color: #000000; } /* end .bones_page_navi */ /* fallback previous & next links */ .wp-prev-next .prev-link { float: left; } .wp-prev-next .next-link { float: right; } /* end .wp-prev-next */ /********************* SIDEBARS & ASIDES *********************/ .accordion li { border-bottom: 5px solid #d67d5f; } .accordion li a { display: block; font-family: "Raleway", sans-serif; font-weight: 700; font-size: 15px; text-decoration: none; color: #ffffff; margin-left: 15px; margin-right: 15px; padding-bottom: 15px; padding-top: 15px; background-image: url("../images/arrow.png"); background-repeat: no-repeat; background-position: right center; display: block; padding-right: 15px; } .accordion li a span { display: block; padding-right: 15px; } .accordion .hide { max-width: 980px; margin: 0 auto; } .accordion p { text-align: center; margin-left: 15px; margin-right: 15px; color: #ffffff; } .tab-area { background-color: #d63804; } .tab { margin: 0; } #equipment { padding-top: 18px; padding-bottom: 18px; background-color: #082853; } #equipment .equipment { background-color: #ffffff; text-align: center; border-radius: 7px; max-width: 768px; margin: 0 auto; } #equipment .equipment a { background-image: url("../images/arrow2.png"); background-repeat: no-repeat; background-position: right 15px center; font-size: 15px; font-weight: 700; font-family: "Raleway", sans-serif; text-decoration: none; padding: 12px 30px; display: block; } #graph { background: #ffffff; padding-top: 30px; padding-bottom: 30px; } #graph .center { margin: 0; } #graph .center .graph { text-align: center; font-family: "Raleway", sans-serif; font-weight: 600; color: #082853; } #graph .center .graph .text { font-size: 15px; margin: 0; padding-bottom: 10px; } #graph .center .graph .number { margin: 0; font-size: 60px; } #graph .graph-lower #graph-lower { margin: 0; color: #d63804; font-family: "Raleway", sans-serif; font-weight: 700; font-size: 15px; text-transform: uppercase; text-align: center; padding-top: 30px; } /********************* FOOTER STYLES *********************/ #footer-banner { background-color: #082853; } #footer-banner p { text-align: center; color: #f0f2f4; font-size: 16px; font-weight: 700; font-family: "Raleway", sans-serif; margin: 0 15px; padding-top: 18px; padding-bottom: 20px; text-transform: uppercase; } #main-footer { background-image: url("../images/footer-background2.png"); background-repeat: no-repeat; background-size: 100% 100%; background-attachment: fixed; } #main-footer .member { border: 3px solid #082853; background-color: transparent; margin: 12px 15px 20px; border-radius: 5px; } #main-footer .member a { text-align: center; padding-top: 20px; color: #ffffff; padding-bottom: 20px; display: block; font-family: "Raleway", sans-serif; font-size: 17px; text-decoration: none; } #main-footer .footer-image { text-align: center; margin-bottom: 20px; } #main-footer .social-links ul { margin-top: 20px; margin-bottom: 45px; text-align: center; } #main-footer .social-links ul li { display: inline-block; } #main-footer .social-links ul li a { display: block; text-indent: -9999em; text-decoration: none; color: #ffffff; height: 37px; width: 37px; margin-right: 10px; margin-left: 10px; } #main-footer .social-links ul li.facebook a { background-image: url("../images/facebook-icon.png"); background-repeat: no-repeat; } #main-footer .social-links ul li.youtube a { background-image: url("../images/youtube-icon.png"); background-repeat: no-repeat; } #main-footer .social-links ul li.google a { background-image: url("../images/Google-icon.png"); background-repeat: no-repeat; } .select { text-align: center; margin-left: 15px; margin-right: 15px; position: relative; z-index: 0; } .select .selected { z-index: 1; width: 100%; z-index: 1; border-radius: 5px; text-align: center; background-repeat: no-repeat; background-position: right 7px center; margin-bottom: 10px; /* background-image: url("../images/drop-down-arrow.png"); -webkit-appearance: none; appearance: none; -moz-appearance: none; */ text-overflow: ''; /* &:select:focus::-ms-value { background: transparent; color: #222; }*/ } .select .selected::-ms-expand { display: none; } select::-ms-expand { display: none; } /*@-moz-document url-prefix() { #main-footer { .select { width: 120%; width: -moz-calc(100% + 3em); width: calc(100% + em); } .select .selected { } } }*/ .footer-info p { font-size: 16px; color: #ffffff; font-family: "Raleway", sans-serif; font-weight: 600; } .footer-info p span { font-size: 14px; color: #d63804; } .copyright { color: #ffffff; text-align: center; font-family: "Raleway", sans-serif; font-weight: 600; font-size: 14px; margin-left: 10px; margin-right: 10px; } .copyright p { margin-bottom: 25px; } .state { display: none; } .hidden { display: none; } .map { display: none; } #footer-nav { display: none; } #uc-map { height: 260px; text-align: center; margin: 0 auto; } #c-map { height: 260px; text-align: center; margin: 0 auto; } .usc { display: none; padding: 0; } iframe { border: none; } /********** 404 **********/ #fourofour .article-header h1 { color: #1B3766; text-align: center; } #fourofour .entry-content p { text-align: center; } /********************* LARGER MOBILE DEVICES *********************/ @media only screen and (min-width: 481px) { /****************************************************************** Stylesheet: 481px and Up Stylesheet ******************************************************************/ #tertiary-content { background-image: url("../images/tertiary-background-final.png"); } #main-banner #upper-banner { background-image: url("../images/upper-banner.png"); height: 220px; } #main-banner #lower-banner { background-image: none; background-color: #d63804; } #main-banner #lower-banner #left { text-align: center; padding-top: 16px; max-width: 100%; font-size: 15px; } #main-banner #lower-banner #right { padding-top: 16px; text-align: center; font-size: 15px; } #main-footer .member { max-width: 480px; margin: 15px auto; } #main-footer .select { max-width: 480px; margin: 0 auto; } #main-footer .footer-info { text-align: center; max-width: 480px; margin: 0 auto; } #main-footer .copyright { padding-bottom: 20px; } #main-footer .copyright p { margin: 0; } } /********************* TABLET & SMALLER LAPTOPS *********************/ @media only screen and (min-width: 768px) { /****************************************************************** Stylesheet: Tablet & Small Desktop Stylesheet ******************************************************************/ #main-banner #upper-banner { height: 340px; } #main-banner #lower-banner #left { font-size: 18px; } #main-banner #lower-banner #right { font-size: 18px; } #graph .center .graph:last-child .number { font-size: 55px; line-height: 1.625; } #graph .center .number { border-top: 3px solid #082853; border-bottom: 3px solid #082853; margin-bottom: 15px; padding-bottom: 10px; } #main-footer .footer-image { text-align: right; } #main-footer .social-links ul { text-align: left; margin-top: 55px; margin-bottom: 0; } } /********************* DESKTOP *********************/ @media only screen and (min-width: 992px) { /****************************************************************** Stylesheet: Desktop Stylsheet ******************************************************************/ .navheader { margin-top: 0; } .navheader #border { height: 25px; background-image: url("../images/logo-border.png"); } .navheader .contact { display: block; float: right; padding-top: 20px; } .navheader .contact p { color: #ffffff; font-size: 18px; text-align: right; max-width: 230px; margin: 0; font-family: "PT Sans", sans-serif; } .navheader .contact .header-links { float: right; } .navheader .contact .header-links p { color: #ffffff; font-size: 18px; } .navheader .contact .header-links ul { text-align: center; } .navheader .contact .header-links ul li { display: inline-block; } .navheader .contact .header-links ul li a { display: block; text-indent: -9999em; text-decoration: none; color: #ffffff; height: 30px; width: 30px; margin-left: 10px; } .navheader .contact .header-links ul li.facebook a { background-image: url("../images/header-facebook.png"); background-repeat: no-repeat; } .navheader .contact .header-links ul li.youtube a { background-image: url("../images/header-youtube.png"); background-repeat: no-repeat; } .navheader .contact .header-links ul li.google a { background-image: url("../images/header-google.png"); background-repeat: no-repeat; } p.menu { display: none; } .menu-container { display: none; } #main-nav { display: block; background: transparent none repeat scroll 0% 0%; padding-left: 15px; } #main-nav .nav { text-align: center; } #main-nav .nav li { display: inline-block; background-color: transparent; text-align: center; margin-right: -5px; width: auto; float: none; border-right: 1px solid #444444; } #main-nav .nav li:last-child { background-color: #425a72; } #main-nav .nav li:last-child a:hover { background-color: transparent; } #main-nav .nav li.menu-item-has-children a { background-image: url("../images/drop-down.png"); background-repeat: no-repeat; background-position: center bottom 10px; } #main-nav .nav li:first-child { border-left: 1px solid #444; } #main-nav .nav li:first-child a { text-indent: -9999em; background-image: url("../images/home-icon.png"); background-repeat: no-repeat; background-position: center; width: 40px; display: block; padding-left: 12px; } #main-nav .nav li a { display: inline-block; text-decoration: none; padding: 20px 7px 20px 9px; line-height: 20px; text-transform: uppercase; font-family: "Open Sans",sans-serif; background: transparent none repeat scroll 0% 0%; color: #FFF; font-weight: 600; font-size: 11.4px; } #main-nav .nav li a:hover { background-color: #d63804; } #main-nav .nav li:hover ul.sub-menu, #main-nav .nav li ul.children { left: auto; } #main-nav .nav li ul.sub-menu, #main-nav .nav li ul.children { display: block; position: absolute; left: -9999em; z-index: 9999; width: 230px; margin: 0; padding: 0; border-top: none; background-repeat: no-repeat; background-size: 100% 100%; background-image: url("../images/nav-background.png"); } #main-nav .nav li ul.sub-menu li, #main-nav .nav li ul.children li { border-right: none; border-top: 1px solid #717171; float: left; } #main-nav .nav li ul.sub-menu li:first-child, #main-nav .nav li ul.children li:first-child { border-left: none; } #main-nav .nav li ul.sub-menu li:first-child a, #main-nav .nav li ul.children li:first-child a { text-indent: 0; border-left: none; } #main-nav .nav li ul.sub-menu li:last-child, #main-nav .nav li ul.children li:last-child { background-color: transparent; } #main-nav .nav li ul.sub-menu li:last-child:hover, #main-nav .nav li ul.children li:last-child:hover { background-color: #d63804; } #main-nav .nav li ul.sub-menu li a, #main-nav .nav li ul.children li a { width: 230px; color: #ffffff; line-height: 14px; text-align: left; padding-left: 10px; background-image: none; } .close-nav { display: none; } #mobile-btns { display: none; } .banner { padding-top: 0; padding-bottom: 0; border-top: none; } .banner .wrap { text-align: left; float: left; } .banner .wrap img { max-width: 100%; } #main-banner { background-image: url("../images/upper-banner.png"); background-size: 100% 100%; background-repeat: no-repeat; height: 448px; border-bottom: 8px solid #a1a1a1; outline: 1px solid #c7c7c7; } #main-banner .height { height: 100%; } #main-banner #banner-left { display: block; height: 320px; position: relative; height: 340px; text-align: center; font-family: "raleway"; font-size: 22px; color: #FFF; } #main-banner #banner-left .banner-left { display: block; background-image: url("../images/main-banner-left.png"); background-size: 100% 100%; background-repeat: no-repeat; height: 92px; width: 90%; position: absolute; bottom: 0px; } #main-banner #banner-right { display: block; height: 310px; position: relative; height: 340px; text-align: center; font-family: "raleway"; font-size: 22px; color: #FFF; } #main-banner #banner-right .banner-right { display: block; background-image: url("../images/main-banner-right.png"); background-size: 100% 100%; background-repeat: no-repeat; height: 92px; width: 90%; position: absolute; bottom: 0px; } #main-banner #upper-banner { display: none; } #main-banner #lower-banner { display: none; } .main-nav { position: relative; border-top: 1px solid #444444; border-bottom: 4px solid #717171; } .main-nav .bottom { border: none; outline: none; } #content { border-top: 4px solid #a1a1a1; } #content .content h1 { padding-top: 55px; font-size: 34px; } #content .content p { text-align: left; } #content .content h6 { margin-bottom: 80px; } #secondary-content .secondary h2 { font-size: 22px; font-weight: 600; margin-top: 60px; } #secondary-content .secondary p { margin-bottom: 60px; font-size: 15px; } #tertiary-content { padding-bottom: 40px; } #tertiary-content .tertiary h2 { font-size: 100px; margin-top: 80px; margin-bottom: 48px; } #tertiary-content .tertiary h4 { font-size: 20px; margin-bottom: 50px; } #tertiary-content .tertiary p { font-size: 15px; margin-bottom: 35px; } #inner-sub-content .sub h2 { font-size: 24px; margin-bottom: 50px; margin-top: 30px; } #inner-sub-content .sub p { margin: 0px 0px 40px; } #inner-sub-content .sub h3 { color: #d63804; font-size: 18px; font-weight: 700; font-family: "Raleway", sans-serif; text-align: left; margin: 10px 0px 30px; } #inner-sub-content .sub h3:before { content: url("../images/speech.png"); padding-right: 40px; } #inner-sub-content .sub h6 { color: #26599d; font-size: 22px; font-style: italic; font-weight: 600; margin: 0px 0px 30px; } .article-header .page-title { color: #1B3766; font-size: 40px; font-family: "Raleway", sans-serif; margin: 0 5px 45px; padding-bottom: 25px; padding-top: 60px; text-align: center; text-transform: uppercase; border-bottom: 5px solid #d7d7d7; } .tab-area { padding-top: 52px; padding-bottom: 52px; } #equipment .equipment a { background-position: right 20px center; } #graph { padding-top: 50px; padding-bottom: 50px; } #graph .center .graph .text { margin: 0; padding-top: 30px; padding-bottom: 10px; } #graph .graph-lower #graph-lower { margin: 0; color: #d63804; font-family: "Raleway", sans-serif; font-weight: 700; font-size: 15px; text-transform: uppercase; text-align: center; padding-top: 30px; } #footer-nav { display: block; background: transparent none repeat scroll 0% 0%; padding-left: 15px; } #footer-nav .border { border: none; } #footer-nav .nav { text-align: center; margin: 0; } #footer-nav .nav li { display: inline-block; background-color: transparent; text-align: center; margin-right: -5px; width: auto; float: none; border-right: 1px solid #444444; } #footer-nav .nav li:last-child { background-color: #425a72; } #footer-nav .nav li:last-child a:hover { background-color: transparent; } #footer-nav .nav li.menu-item-176 { border-left: 1px solid #444; } #footer-nav .nav li.menu-item-176 a { text-indent: -9999em; background-image: url("../images/home-icon.png"); background-repeat: no-repeat; background-position: center; width: 40px; display: block; padding-left: 12px; } #footer-nav .nav li a { display: inline-block; text-decoration: none; padding: 20px 7px 20px 9px; line-height: 20px; text-transform: uppercase; font-family: "Open Sans",sans-serif; background: transparent none repeat scroll 0% 0%; color: #FFF; font-weight: 600; font-size: 11.4px; } #footer-nav .nav li a:hover { background-color: #d63804; } #footer-nav .nav li:hover ul.sub-menu, #footer-nav .nav li ul.children { left: auto; } #footer-nav .nav li ul.sub-menu, #footer-nav .nav li ul.children { background: #000000; position: absolute; left: -9999em; z-index: 9999; width: 230px; margin: 0; padding: 0; } #footer-nav .nav li ul.sub-menu a, #footer-nav .nav li ul.children a { width: 230px; color: #ffffff; line-height: 14px; text-align: left; padding-left: 10px; } #main-footer .member { float: left; clear: left; } #main-footer .state { display: block; color: #ffffff; font-family: "Raleway", sans-serif; font-weight: 600; padding-top: 20px; text-align: center; } #main-footer .map { display: block; clear: right; } #main-footer .footer-wrap { float: left; clear: left; padding: 0px; margin-top: 50px; } #main-footer .footer-wrap .footer-image { padding: 0; } #main-footer .footer-wrap .social-links { padding: 0; } #main-footer .footer-wrap .social-links ul li a { margin-right: 0; } #main-footer .select { display: none; } #main-footer .footer-info { clear: left; float: left; margin: 0; text-align: left; } #main-footer .copyright { padding: 0; margin: 0; margin-top: 20px; float: left; text-align: right; } .footer-border { border-bottom: 1px solid #9E9E9E; } /********* usa map *********/ .mapWrapper { margin: 0 auto; position: relative; } #map { float: left; clear: both; width: 930px; height: 590px; } .point { position: fixed; display: none; padding: 10px 15px; background: #f2f2f2; font-size: 14px; font-weight: bold; border: 1px solid #262626; -moz-border-radius: 4px; /* FF1-3.6 */ -webkit-border-radius: 4px; /* Saf3-4, iOS 1-3.2, Android <1.6 */ border-radius: 4px 4px 4px 4px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ /* useful if you don't want a bg color from leaking outside the border: */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #text { width: 500px; height: 380px; overflow: auto; color: #FFF; } .mapWrapper img { float: left; padding-right: 5px; padding-top: 2px; } .mapWrapper ul { margin-left: 30px; } /********* canada map *********/ .cWrapper { margin: 0 auto; position: relative; } #cmap { float: left; clear: both; width: 930px; height: 590px; } .cpoint { position: fixed; display: none; padding: 10px 15px; background: #f2f2f2; font-size: 14px; font-weight: bold; border: 1px solid #262626; -moz-border-radius: 4px; /* FF1-3.6 */ -webkit-border-radius: 4px; /* Saf3-4, iOS 1-3.2, Android <1.6 */ border-radius: 4px 4px 4px 4px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ /* useful if you don't want a bg color from leaking outside the border: */ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #ctext { width: 500px; height: 380px; overflow: auto; color: #fff; } .cWrapper img { float: left; padding-right: 5px; padding-top: 2px; } .cWrapper ul { margin-left: 30px; } .usc { display: block; } .blog-content #blog .page-title { font-size: 40px; } .blog-content #blog article .article-header .entry-title a { font-size: 26px; } } /********************* LARGE VIEWING SIZE *********************/ @media only screen and (min-width: 1200px) { /****************************************************************** Stylesheet: Super Large Monitor Stylesheet ******************************************************************/ .banner .wrap img { padding-left: 0; } #main-nav .nav li { margin-right: -4px; } #main-nav .nav li.menu-item-80 a { padding-left: 8px; } #main-nav .nav li a { font-size: 14px; padding: 20px 8px 20px 8px; } .accordion .hide { max-width: 1180px; } #main-banner { height: 538px; } #main-banner #banner-left { height: 422px; font-size: 30px; } #main-banner #banner-left .banner-left { width: 515px; margin-right: 20px; padding-left: 0px; padding-right: 0px; } #main-banner #banner-left .banner-left p { margin: 0; padding-top: 22px; } #main-banner #banner-right { height: 422px; font-size: 30px; } #main-banner #banner-right .banner-right { width: 515px; margin-right: 20px; padding-left: 0px; padding-right: 0px; } #main-banner #banner-right .banner-right p { margin: 0; padding-top: 22px; padding-right: 20px; text-align: right; } #content .content h2 { font-size: 40px; } #secondary-content .secondary h2 { font-size: 24px; } #tertiary-content { padding-bottom: 70px; } #tertiary-content .tertiary h1 { font-size: 125px; margin-top: 100px; margin-bottom: 48px; } #tertiary-content .tertiary h2 { margin-bottom: 50px; } #tertiary-content .tertiary p { margin-bottom: 35px; } #footer-nav .nav li { margin-right: -4px; } #footer-nav .nav li.menu-item-80 a { padding-left: 8px; } #footer-nav .nav li a { font-size: 14px; padding: 20px 8px 20px 8px; } } /********************* RETINA (2x RESOLUTION DEVICES) *********************/ /********************* PRINT STYLESHEET *********************/ @media print { /****************************************************************** Stylesheet: Print Stylesheet ******************************************************************/ * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } a, a:visited { color: #444 !important; text-decoration: underline; } a:after, a:visited:after { content: " (" attr(href) ")"; } a abbr[title]:after, a:visited abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .sidebar, .page-navigation, .wp-prev-next, .respond-form, nav { display: none; } } /* FILE ARCHIVED ON 15:47:14 May 13, 2016 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 17:01:10 Apr 18, 2017. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* .sub-menu-columns ul.dropdown-menu, .sub-menu-columns ul.sub-menu { width: 500px !important; } .sub-menu-columns ul.dropdown-menu li, .sub-menu-columns ul.sub-menu li { display: inline-block !important; width: 245px !important; } .sub-menu-columns .sub-menu-columns-left ul.dropdown-menu li, .sub-menu-columns .sub-menu-columns-left ul.sub-menu li { float: right !important; } .sub-menu-columns .sub-menu-columns-right ul.dropdown-menu li, .sub-menu-columns .sub-menu-columns-right ul.sub-menu li { float: left !important; } .sub-menu-columns .sub-menu-columns-left ul.dropdown-menu li:nth-child(odd), .sub-menu-columns .sub-menu-columns-left ul.sub-menu li:nth-child(odd) { float: right !important; margin-right: 10px !important; } .sub-menu-columns .sub-menu-columns-right ul.dropdown-menu li:nth-child(odd), .sub-menu-columns .sub-menu-columns-right ul.sub-menu li:nth-child(odd) { float: left !important; margin-right: 10px !important; } .sub-menu-columns .sub-menu-columns-left ul.dropdown-menu li:nth-child(even), .sub-menu-columns .sub-menu-columns-left ul.sub-menu li:nth-child(even) { float: left !important; } .sub-menu-columns .sub-menu-columns-right ul.dropdown-menu li:nth-child(even), .sub-menu-columns .sub-menu-columns-right ul.sub-menu li:nth-child(even) { float: right !important; } */ @media only screen and (min-width: 992px) { .sub-menu-columns ul.sub-menu { width: 480px !important; } .sub-menu-columns ul.sub-menu li { display: inline-block !important; float: left !important; width: 235px !important; } .sub-menu-columns ul.sub-menu li:nth-child(odd) { float: left !important; margin-right: 10px !important; } .sub-menu-columns ul.sub-menu li:nth-child(even) { float: right !important; } .sub-menu-columns ul.sub-menu li a { font-size: 10px !important; } .sub-menu-columns-qa ul.sub-menu li a { font-size: 10px !important; } } @media only screen and (max-width: 991px){ #main-nav .nav li a { display: inline-block; } .menu-item-has-children:after, .menu-item-has-children:before { position: absolute; content: ""; display: inline-block!important; width: 14px; height: 2px; right: 12px; top: 20px; transition: .4s ease; transform: rotate( -45deg); background-color: white; } #main-nav .nav li { position: relative; } .menu-item-has-children:after { transform: rotate( 45deg); right: 21px; } .menu-item-has-children.active:after { transform: rotate( -45deg); } .menu-item-has-children.active:before { transform: rotate( 45deg); } }