@import url('../blankslate/style.css'); /*
 Theme Name:     ROTS
 Description:    ROTS child theme based on BlankSlate
 Template:       blankslate
 */ /*! normalize.css v2.1.1 | MIT License | git.io/normalize */ /* ==========================================================================
 HTML5 display definitions
 ========================================================================== */ /**
 * Correct `block` display not defined in IE 8/9.
 */ 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 styling not present in IE 8/9.
 */ [hidden] { display:none; }

 /* ==========================================================================
 Base
 ========================================================================== */ /**
 * 1. Prevent system color scheme's background color being used in Firefox, IE,
 *    and Opera.
 * 2. Prevent system color scheme's text color being used in Firefox, IE, and
 *    Opera.
 * 3. Set default font family to sans-serif.
 * 4. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */ html { background:#fff; /* 1 */ color:#000; /* 2 */ font-family:sans-serif; /* 3 */ -ms-text-size-adjust:100%; /* 4 */ -webkit-text-size-adjust:100%; /* 4 */ }

 /**
 * Remove default margin.
 */ body { margin:0; }

 /* ==========================================================================
 Links
 ========================================================================== */ /**
 * 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 { font-weight:bold; }

 /**
 * Address styling not present in Safari 5 and Chrome.
 */ dfn { font-style:italic; }

 /**
 * Address differences between Firefox and other browsers.
 */ hr { -moz-box-sizing:content-box; box-sizing:content-box; height:0; }

 /**
 * Address styling not present in IE 8/9.
 */ mark { background:#ff0; color:#000; }

 /**
 * 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.
 */ small { font-size:80%; }

 /**
 * 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; }

 /* ==========================================================================
 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"] { /* 1 */ -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.
 * 2. Remove excess padding in IE 8/9.
 */ 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; }

 @font-face { font-family:'Borda'; src:url('fonts/borda-regular-webfont.woff2') format('woff2'), url('fonts/borda-regular-webfont.woff') format('woff'); font-weight:300; font-style:normal; }

 @font-face { font-family:'Borda'; src:url('fonts/borda-medium-webfont.woff2') format('woff2'), url('fonts/borda-medium-webfont.woff') format('woff'); font-weight:400; font-style:normal; }

 .hide { display:none; }

 .hidden { visibility:hidden; }

 .clear { clear:both; }

 html { background:white; margin-top:0 !important; }

 @media screen and (max-width:782px) { html.touch { margin-top:0 !important; }

 }

 @media screen and (max-width:782px) { html.js,html.no-js { margin-top:0 !important; }

 }

 body { background:white; color:#444; font-size:18px; line-height:24px; font-family:'Borda', Helvetica, Arial, sans-serif; font-weight:300; position:relative; }

 body.customize-support > header { top:32px !important; }

 @media screen and (max-width:782px) { body.customize-support > header { top:46px !important; }

 }

 @media screen and (max-width:600px) { body.customize-support > header { top:0 !important; }

 }

 body.customize-support > nav { top:calc(80px + 32px); }

 @media screen and (max-width:782px) { body.customize-support > nav { top:calc(80px + 46px); }

 }

 @media screen and (max-width:600px) { body.customize-support > nav { top:80px; }

 }

 @media screen and (max-width:569px) { body.customize-support > nav { top:64px; }

 }

 @media screen and (max-width:782px) { body.customize-support { padding-top:46px; }

 }

 @media screen and (max-width:569px) { ul#wp-admin-bar-top-secondary { display:none; }

 }

 h1,h2,h3,h4,h5,h6 { margin:0 0 24px; font:400 18px/24px 'Borda', Helvetica, Arial, sans-serif; }

 h1.stripe,h2.stripe,h3.stripe,h4.stripe,h5.stripe,h6.stripe { background:#f6d325; margin-bottom:0; padding-bottom:6px; padding-top:6px; text-align:center; text-transform:uppercase; }

 @media screen and (max-width:979px) { h1,h2,h3,h4,h5,h6 { margin:0 0 24px; }

 }

 h1 { font-size:36px; line-height:42px; }

 @media screen and (max-width:1349px) { h1 { font-size:32px; line-height:40px; }

 }

 h2 { font-size:32px; line-height:40px; }

 @media screen and (max-width:569px) { h2 { font-size:24px; line-height:30px; }

 }

 h3 { font-size:24px; line-height:30px; }

 strong { font-weight:400; }

 em { font-style:italic; }

 a { -webkit-transition:all 0.1s linear; -moz-transition:all 0.1s linear; -ms-transition:all 0.1s linear; -o-transition:all 0.1s linear; transition:all 0.1s linear; color:#444; text-decoration:none; }

 a:hover { color:#444; }

 img { max-width:100%; }

 ul,ol,p,table,address,dl { margin:0 0 24px; padding:0; font-style:normal; }

 ul { list-style:disc outside; margin-left:20px; }

 ol { list-style:decimal outside; margin-left:20px; }

 table { border-collapse:collapse; width:100%; }

 table th { background:#f0efef; font-weight:400; text-align:left; }

 table th,table td { padding:10px; border:1px solid #8c8c8c; }

 table tr:nth-child(even) { background:#f6f6f6; }

 table tbody th { background:none; }

 dl dt { font-weight:400; padding-bottom:24px; }

 dl dd { margin:0; }

 small { font-size:14px; line-height:21px; }

 hr { display:block; clear:both; height:1px; margin:24px 0; padding:0; border:0; border-top:2px solid #f6d325; }

 input[type=text],input[type=email],textarea,select,button { -moz-border-radius:0; -webkit-border-radius:0; -o-border-radius:0; border-radius:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.1s linear; -moz-transition:all 0.1s linear; -ms-transition:all 0.1s linear; -o-transition:all 0.1s linear; transition:all 0.1s linear; -webkit-appearance:none; background-color:white; border:1px solid #444; color:#444; display:block; font-size:18px; font-weight:300; height:38px; padding:0 10px; width:100%; }

 input[type=text].error,input[type=email].error,textarea.error,select.error,button.error,input[type=text].wpcf7-not-valid,input[type=email].wpcf7-not-valid,textarea.wpcf7-not-valid,select.wpcf7-not-valid,button.wpcf7-not-valid { background-color:#fed1d3 !important; border-color:#e30613 !important; }

 input[type=file] { display:block; width:100%; }

 textarea { height:auto; line-height:24px; max-height:144px; padding:10px; }

 .select { position:relative; }

 .select select { padding-right:36px; }

 .select i { color:#444; position:absolute; right:16px; top:16px; }

 ::-webkit-input-placeholder { color:#aaa; }

 :-moz-placeholder { color:#aaa; }

 ::-moz-placeholder { color:#aaa; }

 :-ms-input-placeholder { color:#aaa; }

 label { display:block; font-size:14px; line-height:21px; padding:0; }

 label span { color:#e30613; }

 input[type=submit],button,.btn { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.1s linear; -moz-transition:all 0.1s linear; -ms-transition:all 0.1s linear; -o-transition:all 0.1s linear; transition:all 0.1s linear; background:none; border:2px solid #f6d325; color:#444; cursor:pointer; display:inline-block; font-family:'Borda', Helvetica, Arial, sans-serif; font-size:24px; font-weight:400; letter-spacing:0.5px; line-height:30px; height:auto; padding:6px 30px !important; width:auto; }

 input[type=submit]:hover,button:hover,.btn:hover,input[type=submit]:focus,button:focus,.btn:focus { background-color:#f6d325; color:#444 !important; outline:none; }

 .row { display:flex; justify-content:space-between; padding-bottom:10px; }

 .row > * { width:100%; }

 .row .col { width:calc(50% - 5px); }

 @media screen and (max-width:569px) { .row .col { padding-bottom:10px; width:auto; }

 .row .col:last-child { padding-bottom:0; }

 }

 .row.buttons { align-items:center; justify-content:flex-start; }

 @media screen and (max-width:569px) { .row { display:block; }

 }

 div.wpcf7 span.wpcf7-not-valid-tip { display:none !important; }

 div.wpcf7 span.ajax-loader { background:url('img/ajax-loader.gif'); background-size:100%; display:block; margin:0 0 0 20px; width:16px; }

 div.wpcf7 div.wpcf7-response-output { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:2px solid #8c8c8c; color:#8c8c8c; font-weight:400; margin:20px auto 0; padding:10px; text-align:center; }

 @media screen and (max-width:569px) { div.wpcf7 div.wpcf7-response-output { margin:0 auto 20px; width:100%; }

 }

 .wrapper { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:0 auto; max-width:980px; width:100%; }

 @media screen and (max-width:1059px) { .wrapper { max-width:none; padding:0 40px; }

 }

 @media screen and (max-width:569px) { .wrapper { padding:0 24px; }

 }

 .container { margin:0 auto; max-width:1280px; }

 .multiply { background:#f6d325; height:100%; left:0; mix-blend-mode:multiply; position:absolute; top:0; width:100%; }

 .two-col { display:flex; }

 .two-col .col { flex:1; padding:0 20px; }

 .two-col .col:first-child { padding-left:0; }

 .two-col .col:last-child { padding-right:0; }

 header,body > nav { z-index:9999; }

 header { background:#f6d325; font-weight:400; padding:20px 0; position:sticky; top:0; }

 header .wrapper { align-items:center; display:flex; }

 @media screen and (max-width:569px) { header .wrapper { padding-left:0; padding-right:0; }

 }

 @media screen and (max-width:759px) { header .logo { background-image:url('img/logo.svg'); height:40px; width:134px; }

 }

 @media screen and (max-width:569px) { header .logo { height:24px; margin:0 auto; order:2; width:80px; }

 }

 header a { color:#444; }

 header .tel { display:block; margin-left:auto; }

 header .tel i { -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -o-transform:rotate(90deg); margin-right:6px; }

 @media screen and (max-width:569px) { header .tel span { order:1; display:none; }

 }

 @media screen and (max-width:569px) { header .tel { margin-left:0; padding:20px 24px; }

 }

 header .nav-toggle { font-size:24px; display:block; margin-left:40px; order:3; text-align:right; }

 header .nav-toggle:focus { outline:none; }

 header .nav-toggle i { min-width:21px; }

 @media screen and (max-width:569px) { header .nav-toggle { margin-left:0; padding:20px 24px; }

 }

 @media screen and (max-width:569px) { header { padding:0; }

 }

 body > nav { background:#8c8c8c; display:none; font-size:32px; font-weight:300; line-height:1em; position:sticky; text-align:right; top:80px; width:100%; }

 body > nav .wrapper { padding-bottom:48px; padding-top:48px; position:relative; }

 body > nav .wrapper::before { content:""; display:block; width:0; height:0; border:solid 20px; border-color:#f6d325 transparent transparent transparent; position:absolute; right:-12px; top:0; }

 @media screen and (max-width:979px) { body > nav .wrapper::before { right:28px; }

 }

 @media screen and (max-width:569px) { body > nav .wrapper::before { left:50%; margin-left:-20px; right:auto; }

 }

 @media screen and (max-width:569px) { body > nav .wrapper { padding-bottom:24px; padding-top:24px; }

 }

 body > nav ul { list-style:none; margin:0; }

 body > nav ul li { border-top:1px solid #c6c6c5; }

 body > nav ul li a { color:#444; display:block; padding:12px 0; }

 body > nav ul li a:hover { color:#f6d325; }

 body > nav ul li a:focus { outline:none; }

 body > nav ul li:first-child { border-top:0; }

 body > nav ul li:last-child { border-top-color:#f6d325; }

 body > nav ul li.current-menu-item a { color:#f6d325; }

 @media screen and (max-width:569px) { body > nav { font-size:18px; text-align:left; }

 }

 .logo { font-size:0px; line-height:0px; text-indent:-999999px; background:url('img/logo-strap.svg') no-repeat; background-size:100%; display:block; height:40px; width:365px; }

 .logo:hover { -webkit-opacity:0.6; -moz-opacity:0.6; opacity:0.6; }

 .logo:focus { outline:none; }

 .hero { position:relative; z-index:1; zoom:1; }

 .hero .slides { height:50vh; width:100%; }

 @media screen and (max-width:979px) { .hero .slides { max-height:400px; }

 }

 @media screen and (max-width:759px) { .hero .slides { max-height:320px; }

 }

 @media screen and (max-width:569px) { .hero .slides { max-height:240px; }

 }

 .hero-slide { background-position:center top; background-repeat:no-repeat; background-size:cover; display:none; height:100%; position:relative; }

 .hero-slide:first-child { display:block; }

 .hero-title { align-items:flex-end; display:flex; height:100%; }

 .hero-title h1 { background:rgba(255, 255, 255, .8); font-size:32px; line-height:40px; margin:0 0 40px; padding:12px 0; text-align:center; width:100%; }

 @media screen and (max-width:759px) { .hero-title h1 { font-size:24px; line-height:30px; margin-bottom:24px; }

 }

 @media screen and (max-width:569px) { .hero-title h1 { font-size:18px; line-height:24px; margin-bottom:0; }

 }

 .hero .flex-direction-nav,.hero .flex-control-nav { list-style:none; z-index:10; }

 .hero .flex-direction-nav:empty,.hero .flex-control-nav:empty { display:none; }

 .hero .flex-direction-nav { margin:-30px 0 0; position:absolute; top:50%; width:100%; }

 .hero .flex-direction-nav a { color:#444; display:block; font-size:60px; line-height:1em; position:absolute; width:60px; }

 .hero .flex-direction-nav a:focus,.hero .flex-direction-nav a:active { outline:none; }

 .hero .flex-direction-nav a:hover { color:#444; }

 .hero .flex-direction-nav .flex-prev { left:-48px; }

 .hero .flex-direction-nav .flex-prev:hover { margin-left:-5px; }

 @media screen and (max-width:759px) { .hero .flex-direction-nav .flex-prev { left:24px; }

 }

 .hero .flex-direction-nav .flex-next { right:-48px; text-align:right; }

 .hero .flex-direction-nav .flex-next:hover { margin-right:-5px; }

 @media screen and (max-width:759px) { .hero .flex-direction-nav .flex-next { right:24px; }

 }

 .hero .flex-direction-nav .flex-disabled { display:none; }

 .hero .flex-control-nav { display:flex; justify-content:center; margin:24px auto 48px; position:relative; }

 .hero .flex-control-nav li { margin:0 10px; }

 .hero .flex-control-nav li a { font-size:0px; line-height:0px; text-indent:-999999px; -webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none; background-color:#444; display:block; height:20px; margin:0 5px; position:relative; width:11.55px; }

 .hero .flex-control-nav li a:focus { outline:none; }

 .hero .flex-control-nav li a::before,.hero .flex-control-nav li a::after { border-bottom:10px solid transparent; border-top:10px solid transparent; content:''; display:block; position:absolute; width:0; }

 .hero .flex-control-nav li a::before { border-right:5.77px solid #444; right:100%; }

 .hero .flex-control-nav li a::after { border-left:5.77px solid #444; left:100%; width:0; }

 .hero .flex-control-nav li a.flex-active { background-color:#f6d325; }

 .hero .flex-control-nav li a.flex-active::before { border-right-color:#f6d325; }

 .hero .flex-control-nav li a.flex-active::after { border-left-color:#f6d325; }

 @media screen and (max-width:979px) { .hero .flex-control-nav { margin-bottom:24px; }

 }

 .grid { border-bottom:2px solid transparent; border-top:2px solid transparent; display:grid; grid-gap:2px; grid-template-columns:1fr 1fr; margin-bottom:40px; }

 .grid > * { height:50vh; }

 @media screen and (max-width:979px) { .grid > * { max-height:280px; }

 }

 @media screen and (max-width:759px) { .grid > * { max-height:240px; }

 }

 @media screen and (max-width:569px) { .grid > * { margin-bottom:2px; }

 .grid > *:last-child { margin-bottom:0; }

 }

 @media screen and (max-width:569px) { .grid { display:block; margin-bottom:24px; }

 }

 .main { font-size:32px; line-height:40px; position:relative; z-index:100; }

 .main article { padding-bottom:40px; }

 .main article > h1 { font-size:48px; line-height:56px; padding-bottom:12px; }

 .main article > h1::before { background-color:#f6d325; content:''; display:block; height:8px; margin:-4px 0 24px; width:280px; }

 @media screen and (max-width:569px) { .main article > h1 { font-size:32px; line-height:40px; }

 }

 .main article a:hover { color:#8c8c8c; }

 .main article *:last-child { margin-bottom:0; padding-bottom:0; }

 @media screen and (max-width:569px) { .main article { padding-bottom:24px; }

 }

 .main.no-hero article > h1 { padding-bottom:0; padding-top:40px; }

 .main.no-hero article > h1::before { content:none; }

 @media screen and (max-width:979px) { .main.no-hero article > h1 { padding-top:24px; }

 }

 @media screen and (max-width:979px) { .main { font-size:24px; line-height:30px; }

 }

 .blocks .block { background-color:#f0efef; display:flex; margin-bottom:40px; }

 .blocks .block-image,.blocks .block-content { flex:0 1 50%; }

 .blocks .block-image { font-size:0px; line-height:0px; text-indent:-999999px; background-image:url('img/placeholder-dark.png'); background-position:center; background-repeat:no-repeat; background-size:cover; display:block; min-height:40vh; }

 .blocks .block-content { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display:flex; flex-direction:column; justify-content:center; max-width:490px; padding:40px; }

 .blocks .block-content *:last-child { margin-bottom:0; }

 .blocks .block-content a { border-bottom:1px solid #f6d325; }

 .blocks .block-content a:hover { border-bottom-color:transparent; color:#f6d325; }

 @media screen and (max-width:759px) { .blocks .block-content { max-width:none; width:auto; }

 }

 @media screen and (max-width:569px) { .blocks .block-content { padding:24px; }

 }

 .blocks .block:nth-child(even) { flex-direction:row-reverse; }

 @media screen and (max-width:759px) { .blocks .block { display:block; }

 }

 .services .service { background-color:#8c8c8c; }

 .services .service > a { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; align-items:center; background-image:url('img/placeholder-dark.png'); background-position:center; background-repeat:no-repeat; background-size:cover; color:white; display:flex; height:100%; justify-content:center; padding:0 80px; position:relative; width:100%; }

 .services .service > a h2,.services .service > a::after { -webkit-transition:all 0.1s linear; -moz-transition:all 0.1s linear; -ms-transition:all 0.1s linear; -o-transition:all 0.1s linear; transition:all 0.1s linear; }

 .services .service > a h2 { font-size:48px; line-height:56px; margin-bottom:0; position:relative; text-align:center; z-index:1; }

 @media screen and (max-width:979px) { .services .service > a h2 { font-size:36px; line-height:42px; }

 }

 @media screen and (max-width:759px) { .services .service > a h2 { font-size:32px; line-height:40px; }

 }

 .services .service > a::after { background-color:rgba(140, 140, 140, .75); content:''; display:block; position:absolute; height:100%; width:100%; }

 .services .service > a:hover h2 { color:#444; }

 .services .service > a:hover::after { background-color:rgba(246, 211, 37, .75); }

 @media screen and (max-width:979px) { .services .service > a { padding-left:24px; padding-right:24px; }

 }

 .resources { padding-bottom:40px; }

 .resources .posts { display:grid; grid-gap:2px; grid-template-columns:repeat(4, 1fr); padding:40px 0 60px; }

 @media screen and (max-width:979px) { .resources .posts { grid-template-columns:1fr 1fr; padding-bottom:24px; }

 }

 @media screen and (max-width:569px) { .resources .posts { display:block; padding-top:2px; }

 }

 .resources article .post-image { height:240px; }

 .resources article .post-image a { font-size:0px; line-height:0px; text-indent:-999999px; background-image:url('img/placeholder-light.png'); background-position:center; background-repeat:no-repeat; background-size:cover; display:block; height:100%; position:relative; }

 .resources article .post-image a::after { -webkit-transition:all 0.1s linear; -moz-transition:all 0.1s linear; -ms-transition:all 0.1s linear; -o-transition:all 0.1s linear; transition:all 0.1s linear; content:''; display:block; position:absolute; height:100%; width:100%; }

 .resources article .post-image a:hover::after { background-color:rgba(246, 211, 37, .75); }

 .resources article h1 { min-height:84px; }

 .resources article h1 a:hover { color:#8c8c8c; }

 @media screen and (max-width:1349px) { .resources article h1 { padding-left:12px; padding-right:12px; }

 }

 @media screen and (max-width:979px) { .resources article h1 { margin-bottom:12px; }

 }

 @media screen and (max-width:759px) { .resources article h1 { font-size:24px; line-height:30px; min-height:60px; }

 }

 @media screen and (max-width:569px) { .resources article h1 { min-height:0; }

 }

 @media screen and (max-width:1349px) { .resources article a.btn { margin:0 12px; }

 }

 @media screen and (max-width:979px) { .resources article { padding-bottom:24px; }

 }

 @media screen and (max-width:569px) { .resources article { text-align:center; }

 }

 .resources .cta { text-align:center; }

 @media screen and (max-width:569px) { .resources { padding-bottom:24px; }

 }

 .clients ul { display:flex; justify-content:space-between; list-style:none; margin:0; padding:40px 0; }

 .clients ul li { width:20%; }

 .clients ul li img { display:block; margin:0 auto; max-height:120px; }

 @media screen and (max-width:569px) { .clients ul li { padding-bottom:24px; width:40%; }

 }

 @media screen and (max-width:569px) { .clients ul { flex-wrap:wrap; padding-bottom:0; padding-top:24px; }

 }

 .contact-form { padding-bottom:80px; padding-top:40px; }

 .contact-form section { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

 .contact-form section a:hover { color:#8c8c8c; }

 .contact-form.has-text { display:flex; }

 .contact-form.has-text section { width:60%; }

 .contact-form.has-text section:first-child { font-size:24px; line-height:30px; padding-right:40px; width:40%; }

 @media screen and (max-width:759px) { .contact-form.has-text section { order:1; width:auto; }

 .contact-form.has-text section:first-child { order:2; padding-top:24px; width:auto; }

 }

 @media screen and (max-width:759px) { .contact-form.has-text { flex-direction:column; }

 }

 @media screen and (max-width:979px) { .contact-form { padding-bottom:24px; }

 }

 @media screen and (max-width:569px) { .contact-form { padding-top:24px; }

 }

 footer { background:#444; color:#8c8c8c; font-size:14px; font-weight:400; line-height:21px; }

 footer .wrapper { display:flex; padding-bottom:96px; padding-top:24px; }

 @media screen and (max-width:569px) { footer .wrapper { padding-bottom:24px; }

 }

 footer a { color:#c6c6c5; }

 footer a:hover { color:white; }

 footer .logo { background-image:url('img/logo-strap-secondary.svg'); }

 @media screen and (max-width:759px) { footer .logo { height:30px; width:274px; }

 }

 footer .copyright { border-top:2px solid #f6d325; }

 footer .copyright .wrapper { padding-bottom:24px; }

 footer .copyright section { margin-left:auto; }

 footer .copyright section:first-child { margin-left:0; }

 .home .hero-slide { background-position-y:center; }

 .home .hero .slides { height:calc(100vh - 360px); }

 @media screen and (max-width:979px) { .home .hero .slides { max-height:400px; }

 }

 @media screen and (max-width:759px) { .home .hero .slides { max-height:320px; }

 }

 @media screen and (max-width:569px) { .home .hero .slides { max-height:240px; }

 }

 .filters { border-top:2px solid #f6d325; display:flex; font-size:24px; line-height:30px; }

 .filters dl { display:flex; margin-bottom:0; }

 .filters dl dt { padding:6px 10px 6px 0; }

 @media screen and (max-width:979px) { .filters dl dt { display:none; }

 }

 .filters dl dd { background-color:transparent; cursor:pointer; margin:0 6px; padding:6px 20px; }

 .filters dl dd.active { background-color:#f6d325; }

 @media screen and (max-width:979px) { .filters dl dd { margin:0; }

 }

 @media screen and (max-width:759px) { .filters dl dd { padding:5px 15px; }

 }

 @media screen and (max-width:569px) { .filters dl dd { padding:6px; text-align:center; }

 }

 @media screen and (max-width:569px) { .filters dl { display:block; }

 }

 @media screen and (max-width:759px) { .filters { font-size:18px; line-height:24px; }

 }

 @media screen and (max-width:569px) { .filters { padding-top:24px; }

 }

 .post-masonry { padding:40px 0; }

 .post-masonry .post { padding-bottom:36px; width:calc(50% - 12px); }

 @media screen and (max-width:569px) { .post-masonry .post { padding-bottom:24px; width:100%; }

 }

 .post-masonry h2 { margin-bottom:12px; }

 @media screen and (max-width:569px) { .post-masonry { padding:24px 0; }

 }

 .post-image { display:block; margin-bottom:12px; position:relative; }

 .post-image img { display:block; min-width:100%; }

 .post-image::after { -webkit-transition:all 0.1s linear; -moz-transition:all 0.1s linear; -ms-transition:all 0.1s linear; -o-transition:all 0.1s linear; transition:all 0.1s linear; background-color:transparent; content:''; display:block; position:absolute; height:100%; top:0; width:100%; }

 .post-image:hover::after { background-color:rgba(246, 211, 37, .75); }

 .single .meta > h1 { font-size:48px; line-height:56px; padding-bottom:12px; }

 .single .meta > h1::before { background-color:#f6d325; content:''; display:block; height:8px; margin:-4px 0 24px; width:280px; }

 @media screen and (max-width:979px) { .single .meta > h1 { font-size:32px; line-height:40px; }

 }

 @media screen and (max-width:569px) { .single .meta > h1 { padding-bottom:0; }

 }

 .single .meta.no-hero { padding-top:24px; }

 .single .meta.no-hero > h1::before { content:none; }

 .single .post { font-size:24px; line-height:30px; }

 .single .post-nav { padding:40px 0; }

 .single .post-nav nav { display:flex; justify-content:center; }

 @media screen and (max-width:569px) { .single .post-nav nav > div { padding-bottom:12px; }

 .single .post-nav nav > div:last-child { padding-bottom:0; }

 }

 @media screen and (max-width:569px) { .single .post-nav nav { display:block; }

 }

 .single .post-nav .btn { font-size:18px; line-height:24px; padding-left:20px !important; padding-right:20px !important; }

 @media screen and (max-width:569px) { .single .post-nav .btn { width:100%; }

 }

 .single .post-nav .nav-previous { margin-right:auto; }

 .single .post-nav .nav-next { margin-left:auto; }

 @media screen and (max-width:759px) { .single .post-nav { padding-bottom:24px; padding-top:24px; }

 }

 @media screen and (max-width:569px) { .single .post-nav { padding-bottom:12px; padding-top:0; }

 }

 @media screen and (max-width:979px) { .single .post { font-size:18px; line-height:24px; }

 }

 .page-id-41 .main article > h1 { font-size:36px; line-height:42px; }

 @media screen and (max-width:569px) { .page-id-41 .main article > h1 { font-size:32px; line-height:40px; }

 }

 @media screen and (max-width:569px) { .page-id-41 .contact-form { padding-top:0; }

 }

 .error404 .page-content { padding:48px 0 24px; text-align:center; }

 .error404 .page-content .container { padding:0 24px; }

 .error404 .page-content h1 i { color:#f6d325; display:block; font-size:192px; margin:0 auto 24px; }

 .error404 .page-content a { border-bottom:1px solid #444; }

 .error404 .page-content a:hover { border-bottom-color:transparent; }

 @media screen and (max-width:569px) { .error404 .page-content { padding:24px 0 0; }

 .error404 .page-content h1 i { font-size:96px; }

 }