body.compensate-for-scrollbar { overflow: hidden; } .fancybox-active { height: auto; } .fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; } .fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-transform: translateZ(0); transform: translateZ(0); width: 100%; z-index: 99992; } .fancybox-container * { box-sizing: border-box; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible; } .fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-toolbar { right: 0; top: 0; } .fancybox-stage { direction: ltr; overflow: visible; -webkit-transform: translateZ(0); transform: translateZ(0); z-index: 99994; } .fancybox-is-open .fancybox-stage { overflow: hidden; } .fancybox-slide { -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */ display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; white-space: normal; width: 100%; z-index: 99994; } .fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: hidden; padding: 44px 0; } .fancybox-slide--image::before { display: none; } .fancybox-slide--html { padding: 6px; } .fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; } .fancybox-slide--image .fancybox-content { -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -ms-transform-origin: top left; -webkit-transform-origin: top left; transform-origin: top left; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; } .fancybox-can-zoomOut .fancybox-content { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-content { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; } .fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-container [data-selectable='true'] { cursor: text; } .fancybox-image, .fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; } .fancybox-slide--video .fancybox-content { background: #000; } .fancybox-slide--map .fancybox-content { background: #e5e3df; } .fancybox-slide--iframe .fancybox-content { background: #fff; } .fancybox-video, .fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; } /* Fix iOS */ .fancybox-iframe { left: 0; position: absolute; top: 0; } .fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; } .fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; } /* Buttons */ .fancybox-button { background: rgba(30, 30, 30, 0.6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; } .fancybox-button:hover { color: #fff; } .fancybox-button:focus { outline: none; } .fancybox-button.fancybox-focus { outline: 1px dotted; } .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; } /* Fix IE11 */ .fancybox-button div { height: 100%; } .fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; } .fancybox-button svg path { fill: currentColor; stroke-width: 0; } .fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) { display: none; } .fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) { display: none; } .fancybox-progress { background: #ff5268; height: 2px; left: 0; position: absolute; right: 0; top: 0; -ms-transform: scaleX(0); -webkit-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 0; -webkit-transform-origin: 0; transform-origin: 0; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-timing-function: linear; z-index: 99998; } /* Close button on the top right corner of html content */ .fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; } .fancybox-close-small:hover { color: #fff; opacity: 1; } .fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; } .fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; } /* Navigation arrows */ .fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; } .fancybox-navigation .fancybox-button div { padding: 7px; } .fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; } .fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); } /* Caption */ .fancybox-caption { background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996; } @supports (padding: max(0px)) { .fancybox-caption { padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)); } } .fancybox-caption--separate { margin-top: -50px; } .fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; } .fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none; } .fancybox-caption a:hover { color: #fff; text-decoration: underline; } /* Loading indicator */ .fancybox-loading { -webkit-animation: fancybox-rotate 1s linear infinite; animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; } @-webkit-keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes fancybox-rotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* Transition effects */ .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--next { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .fancybox-fx-slide.fancybox-slide--current { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); } .fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); } .fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -ms-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } .fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } .fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--next { opacity: 0; -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); } .fancybox-fx-circular.fancybox-slide--current { opacity: 1; -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } /* Styling for Small-Screen Devices */ @media all and (max-height: 576px) { .fancybox-slide { padding-left: 6px; padding-right: 6px; } .fancybox-slide--image { padding: 6px 0; } .fancybox-close-small { right: -6px; } .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; } .fancybox-caption { padding-left: 12px; padding-right: 12px; } @supports (padding: max(0px)) { .fancybox-caption { padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); } } } /* Share */ .fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; } .fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; } .fancybox-share p { margin: 0; padding: 0; } .fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .fancybox-share__button:visited, .fancybox-share__button:link { color: #fff; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; } /* Thumbs */ .fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995; } .fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; } .fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, 0.1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; } .fancybox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); z-index: 99991; } .fancybox-thumbs__list a:focus::before { opacity: .5; } .fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; } /* Styling for Small-Screen Devices */ @media all and (max-width: 576px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs__list a { max-width: calc(100% - 10px); } } /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS. */ html { line-height: 1.15; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /* Grouping content ========================================================================== */ /** Add the correct display in IE 9-. 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** 1. Remove the gray background on active links in IE 10. 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ } /** 1. Remove the bottom border in Chrome 57- and Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** Add the correct font size in all browsers. */ small { font-size: 80%; } /** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** 1. Change the font styles in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** Show the overflow in IE. 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** 1. Add the correct display in IE 9-. 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** Add the correct display in IE 9-. */ canvas { display: inline-block; } /** Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** Add the correct display in IE 10-. */ [hidden] { display: none; } .content-wrap .form-wrap ul li, .content-wrap .gform_wrapper ul li { padding-left: 0; margin-bottom: 0; } .form-wrap form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .form-wrap form textarea, .form-wrap form select, .gform_wrapper form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper form textarea, .gform_wrapper form select { font-family: inherit; font-size: 1rem; padding: 0.25rem 0.5rem; border: 3px solid #eee; border-radius: 0.25em; color: #454f52; width: 100%; } @media screen and (max-width: 767px) { .form-wrap form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .form-wrap form textarea, .form-wrap form select, .gform_wrapper form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper form textarea, .gform_wrapper form select { line-height: 1.4; } } .form-wrap form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus, .form-wrap form textarea:focus, .form-wrap form select:focus, .gform_wrapper form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus, .gform_wrapper form textarea:focus, .gform_wrapper form select:focus { outline: none; border-color: #9bc844; } .form-wrap form select, .gform_wrapper form select { height: 32px; background-color: white; } .form-wrap form label, .form-wrap form label.gfield_label, .gform_wrapper form label, .gform_wrapper form label.gfield_label { font-size: 1rem; font-weight: normal; } .form-wrap form .gfield.hide-label > label, .gform_wrapper form .gfield.hide-label > label { display: none; } .form-wrap form .gfield_checkbox li, .gform_wrapper form .gfield_checkbox li { margin-right: 2em !important; } .form-wrap form .gfield_checkbox li input, .gform_wrapper form .gfield_checkbox li input { position: relative; top: -1px; margin: 0 0.25em 0 0 !important; vertical-align: baseline !important; } .form-wrap form .gfield_checkbox li label, .gform_wrapper form .gfield_checkbox li label { font-size: 1rem; white-space: nowrap; vertical-align: baseline !important; } #gform_wrapper_2 { position: relative; } #gform_wrapper_2 form label { display: none; } @media screen and (min-width: 768px) { #gform_wrapper_2 form .gform_body { width: calc(100% + 16px); } } #gform_wrapper_2 form .gform_body .gfield input { padding: 0.375rem 0.5rem; } #gform_wrapper_2 form .gform_body .gfield input:focus { outline: none; } #gform_wrapper_2 form .gform_body .gfield.gfield_error { background: none; border: none; margin: 0 !important; max-width: none !important; } #gform_wrapper_2 form .gform_body .gfield.gfield_error input { margin: 0 !important; border: 3px solid #eee; } #gform_wrapper_2 form .gform_footer { margin: 0; } #gform_wrapper_2 form .gform_footer .button { background-color: #eee; color: #454f52; padding: 0.375rem 0.5rem; margin: 0; border: 3px solid #eee; text-align: center; } @media screen and (max-width: 767px) { #gform_wrapper_2 form .gform_footer .button { line-height: 1.4; min-height: 0; } } #gform_wrapper_2 form .gfield_description { padding-right: 0; padding-top: 0.5em; } #gform_wrapper_2 form .gform_ajax_spinner { position: absolute; left: 100%; top: 0.5em; } /* Transition Out */ .mc-slider .animate { transition: all 0.4s ease-in, opacity 0.2s ease-in; } /* Transition In */ .mc-slider .active .animate { transition: left 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, right 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, opacity 0.75s ease-out 0.2s; } .mc-slider ul li { transition: opacity .3s ease-in-out; } .mc-slider ul li.active { transition-delay: 0.2s; } .mc-slider { position: relative; height: 550px; padding: 0 !important; } .mc-slider ul { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .mc-slider ul li { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; z-index: 0; padding: 1.5rem 1rem; } @media screen and (min-width: 768px) { .mc-slider ul li { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 4% 2.5rem; } } @media screen and (min-width: 1200px) { .mc-slider ul li { padding-top: 50px; padding-bottom: 50px; } } .mc-slider ul li .animate { position: relative; left: -50%; opacity: 0; } .mc-slider ul li .animate.right { left: 50%; } .mc-slider ul li.active { opacity: 1; z-index: 1; } .mc-slider ul li.active .animate { left: 0; opacity: 1; } .mc-slider .pager { display: none; } @media screen and (min-width: 768px) { .mc-slider .pager { display: block; position: absolute; bottom: 1em; left: 0; right: 0; line-height: 1; text-align: center; z-index: 2; } } .mc-slider .pager span { display: inline-block; vertical-align: middle; width: 10px; height: 10px; border-radius: 100%; background-color: transparent; border: 2px solid rgba(255, 255, 255, 0.25); margin: 0.25em; transition: all 0.2s ease-out; } .mc-slider .pager span.active { background-color: white; border-color: white; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .mc-slider .controls { display: none; font-size: 1rem; } @media screen and (min-width: 768px) { .mc-slider .controls { display: block; } } .mc-slider .controls span { position: absolute; bottom: 0; left: 0; width: 1em; height: 2em; background-color: rgba(255, 255, 255, 0.25); transition: all 0.2s ease-out; z-index: 2; } @media screen and (min-width: 768px) { .mc-slider .controls span { top: 50%; bottom: auto; width: 2.5em; height: 5em; margin-top: -2.5em; } } .mc-slider .controls span:before, .mc-slider .controls span:after { content: ""; position: absolute; width: 1.5em; height: 2px; background-color: #003d51; position: absolute; top: 50%; left: 27.5%; -webkit-transform: rotate(-50deg); -ms-transform: rotate(-50deg); transform: rotate(-50deg); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } .mc-slider .controls span:after { -webkit-transform: rotate(50deg); -ms-transform: rotate(50deg); transform: rotate(50deg); margin-top: -1px; } .mc-slider .controls span.next { left: auto; right: 0; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); } @media screen and (min-width: 768px) { .mc-slider .controls span:hover { background-color: white; } } /* COLORS */ .woocommerce .col-1, .woocommerce .col-2 { margin-right: 0; } .woocommerce form input[type="text"], .woocommerce form input[type="email"], .woocommerce form input[type="tel"], .woocommerce form input[type="password"], .woocommerce form textarea { border: 1px solid #ccc; border-radius: 0.25em; background-color: white; outline: none; font-family: inherit; font-size: 1rem; padding: 0.375em 0.5em 0.25em; line-height: 1; color: inherit; } .woocommerce form input[type="text"] + span, .woocommerce form input[type="email"] + span, .woocommerce form input[type="tel"] + span, .woocommerce form input[type="password"] + span, .woocommerce form textarea + span { font-size: 0.875em; } .woocommerce form .col2-set { margin-bottom: 3em; } .woocommerce form .form-row { padding: 0 !important; margin-bottom: 0.5em !important; } .woocommerce form fieldset { padding: 0; margin-top: 2em; } .woocommerce form fieldset legend { font-weight: 700; } @media screen and (max-width: 767px) { .woocommerce form.login, .woocommerce form.register { margin: 1em 0 0 !important; } } .woocommerce form.login .button, .woocommerce form.register .button { margin-right: 1em; } .woocommerce form.login .woocommerce-form__label-for-checkbox, .woocommerce form.register .woocommerce-form__label-for-checkbox { font-size: 0.875em; } .woocommerce form.login .woocommerce-form__input-checkbox, .woocommerce form.register .woocommerce-form__input-checkbox { position: relative; top: -1px; } .woocommerce form.login .lost_password, .woocommerce form.register .lost_password { margin-top: 1.5em; margin-bottom: 0; } .woocommerce form.login .lost_password a, .woocommerce form.register .lost_password a { color: #67b552; text-decoration: none; font-size: 0.875em; font-weight: 700; } .woocommerce form.login .lost_password a:hover, .woocommerce form.register .lost_password a:hover { color: #559c43; } @media screen and (min-width: 769px) { .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation { width: 225px; } } .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li { padding: 0; } .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li:before { content: none; } .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li a { font-weight: 700; text-decoration: none; } .woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li.is-active { color: #67b552; } @media screen and (min-width: 769px) { .woocommerce-account .woocommerce .woocommerce-MyAccount-content { width: calc(100% - 250px); } } .woocommerce-account .woocommerce .block-wrap { box-shadow: 0 0 1.5em -0.5em rgba(0, 0, 0, 0.3); margin: 2em 0 1em; padding: 1.75em 1.75em 1.25em; border-radius: 0.5em; } .woocommerce-account .woocommerce .block-wrap .button { margin-bottom: 0.5em; } .woocommerce-account .woocommerce .block-wrap > *:last-child { margin-bottom: 0; } @media screen and (min-width: 768px) { .woocommerce-account .woocommerce .block-wrap .flex { display: -webkit-flex; display: -ms-flexbox; display: flex; } .woocommerce-account .woocommerce .block-wrap .flex header { width: 35%; min-width: 220px; padding-right: 1.5em; margin-right: 1.5em; border-right: 3px solid #67b552; -webkit-flex: none; -ms-flex: none; flex: none; } .woocommerce-account .woocommerce .block-wrap .flex header + div { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } } .woocommerce-account .woocommerce .blocks-wrap .block { text-decoration: none; } .woocommerce-account .woocommerce .blocks-wrap .block .flex { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .woocommerce-account .woocommerce .blocks-wrap .block .icon-wrap { -webkit-flex: none; -ms-flex: none; flex: none; width: 60px; height: 60px; margin-right: 1em; background-color: #67b552; border-radius: 999px; line-height: 60px; text-align: center; transition: background 0.2s ease-out; } .woocommerce-account .woocommerce .blocks-wrap .block .icon-wrap img { max-width: 40%; max-height: 40%; vertical-align: middle; } .woocommerce-account .woocommerce .blocks-wrap .block h3 { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 0; } @media screen and (min-width: 768px) { .woocommerce-account .woocommerce .blocks-wrap .block:hover { box-shadow: 0 0 1.5em -0.5em rgba(0, 0, 0, 0.4); } .woocommerce-account .woocommerce .blocks-wrap .block:hover .icon-wrap { background-color: #559c43; } } .woocommerce-account .woocommerce .button.blue { background-color: #115d66; color: white; } .woocommerce-account .woocommerce .button.blue:hover, .woocommerce-account .woocommerce .button.blue:focus { background-color: #0b3d43; color: white; } .woocommerce-account .woocommerce .button.green { background-color: #67b552; color: white; } .woocommerce-account .woocommerce .button.green:hover, .woocommerce-account .woocommerce .button.green:focus { background-color: #559c43; color: white; } .woocommerce.single-product .product .summary .price { color: #67b552; } .woocommerce.single-product .product.product-type-variable .summary > .price { color: inherit; } .woocommerce.single-product .product .cart .variations .label { width: 1px; } .woocommerce.single-product .product .cart .variations .label label:after { content: ":"; } .woocommerce.single-product .product .cart .variations select { background-color: white; font-family: inherit; font-size: 1rem; padding: 0.25rem 0.5rem; border: 3px solid #eee; border-radius: 0.25em; color: #454f52; } @media screen and (max-width: 767px) { .woocommerce.single-product .product .cart .variations select { line-height: 1.4; } } .woocommerce.single-product .product .cart .variations select:focus { outline: none; border-color: #9bc844; } .woocommerce.single-product .product .cart .single_variation_wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 2em; } .woocommerce.single-product .product .cart .single_variation_wrap .woocommerce-variation-add-to-cart { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 1em; } .woocommerce.single-product .product .cart .quantity-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; color: #afafaf; } .woocommerce.single-product .product .cart .quantity-wrap .btn { display: inline-block; width: 1.5em; height: 1.5em; border: 2px solid #eee; border-radius: 999px; text-align: center; line-height: calc(1.5em - 4px); font-weight: 700; } .woocommerce.single-product .product .cart .quantity-wrap .btn.minus:before { content: "\2212"; } .woocommerce.single-product .product .cart .quantity-wrap .btn.plus:before { content: "+"; } @media screen and (min-width: 768px) { .woocommerce.single-product .product .cart .quantity-wrap .btn:hover { color: #003d51; border-color: #97adb5; } } .woocommerce.single-product .product .cart .quantity-wrap .qty { -webkit-appearance: textfield; appearance: textfield; -moz-appearance: textfield; display: inline-block; width: 1.5em; text-align: center; font: inherit; color: inherit; } .woocommerce.single-product .product .cart .quantity-wrap .qty::-webkit-inner-spin-button, .woocommerce.single-product .product .cart .quantity-wrap .qty::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .woocommerce.single-product .product .cart .quantity-wrap .qty:focus { outline: none; color: #454f52; } .woocommerce.single-product .product .cart > .quantity-wrap { float: left; margin: 0.375em 1em 0 0; } .woocommerce.single-product .product .cart .button { background-color: #67b552; color: white; } .woocommerce.single-product .product .cart .button:hover, .woocommerce.single-product .product .cart .button:focus { background-color: #559c43; color: white; } /* =WordPress Core -------------------------------------------------------------- */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #eee; clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* MIXINS */ /* COLORS */ /* RESETS */ * { margin: 0; padding: 0; border: 0; box-sizing: border-box; } sup { font-size: 60%; } img { max-width: 100%; height: auto; } ol, ul { list-style: none; } a { text-decoration: none; color: inherit; } .content-wrap ul { margin-bottom: 1.5em; list-style: none; } .content-wrap ul li { position: relative; margin-bottom: 0.75em; padding-left: 1em; } .content-wrap ul li:before { content: "\2022"; position: absolute; left: 0; color: #65b646; } .content-wrap ul ul { margin-bottom: 0; margin-top: 0.75em; } .content-wrap ul ul li:last-of-type { margin-bottom: 0; } .content-wrap ol { margin-bottom: 1.5em; list-style: decimal; list-style-position: inside; } .content-wrap ol li { margin-bottom: 1em; } .content-wrap ol ol { margin-bottom: 0; margin-top: 0.75em; padding-left: 1em; } .content-wrap ol ol li { margin-bottom: 0.5em; } .content-wrap a:not(.button) { text-decoration: underline; } .content-wrap blockquote { padding-left: 1em; } .content-wrap table { margin-bottom: 2em; } .content-wrap table th, .content-wrap table td { padding-right: 2em; padding-bottom: 0.5em; vertical-align: top; text-align: left; } .content-wrap table.has-borders { border-collapse: collapse; } .content-wrap table.has-borders th, .content-wrap table.has-borders td { border: 1px solid #eee; padding: 1em; } /* FONTS */ @font-face { font-family: 'Montserrat'; src: url("../../fonts/montserrat-light.woff2") format("woff2"), url("../../fonts/montserrat-light.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url("../../fonts/montserrat-semibold.woff2") format("woff2"), url("../../fonts/montserrat-semibold.woff") format("woff"); font-weight: 700; font-style: normal; } @font-face { font-family: 'Source Sans'; src: url("../../fonts/sourcesanspro-bold.woff2") format("woff2"), url("../../fonts/sourcesanspro-bold.woff") format("woff"); font-weight: 700; font-style: normal; } @font-face { font-family: 'Source Sans'; src: url("../../fonts/sourcesanspro-it.woff2") format("woff2"), url("../../fonts/sourcesanspro-it.woff") format("woff"); font-weight: normal; font-style: italic; } @font-face { font-family: 'Source Sans'; src: url("../../fonts/sourcesanspro-regular.woff2") format("woff2"), url("../../fonts/sourcesanspro-regular.woff") format("woff"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Icons'; src: url("../../fonts/icomoon.ttf?cztx71") format("truetype"), url("../../fonts/icomoon.woff?cztx71") format("woff"), url("../../fonts/icomoon.svg?cztx71#icomoon") format("svg"); font-weight: normal; font-style: normal; } /* TRANSITIONS */ a, .button, .cart span, .pagination li, .pagination li a:before, .page-link-blocks a .image-wrap:after { transition: all 0.2s ease-out; } #back-to-top { transition: all 0.4s ease-out; } /* TEXT STYLES */ h1, h2, h3 { font-family: 'Montserrat', sans-serif; } h1, h2 { font-size: 1.75em; margin-bottom: 1.25rem; line-height: 1.2; } @media screen and (min-width: 768px) { h1, h2 { font-size: 2em; } } h3 { font-size: 1.25em; margin-bottom: 1rem; } h4, #bottom nav > ul > li > a { font-size: 1.125em; font-weight: 700; text-transform: uppercase; margin-bottom: 0.25rem; } p { margin-bottom: 1em; } .button { background-color: #65b646; color: white; display: inline-block; margin-bottom: 0.5em; padding: 0.5em 1em; font-family: inherit; font-weight: 700; border: none; border-radius: 0.25em; outline: none; -webkit-appearance: none; cursor: pointer; text-decoration: none !important; } .button:hover, .button:focus { background-color: #55993b; } .button.blue { background-color: #115c66; color: white; } .button.blue:hover, .button.blue:focus { background-color: #0b3c43; } .button.dark-blue { background-color: #003e52; color: white; } .button.dark-blue:hover, .button.dark-blue:focus { background-color: #001f29; } .button.orange { background-color: #ed7622; color: white; } .button.orange:hover, .button.orange:focus { background-color: #d56211; } .button.yellow { background-color: #f9d116; color: white; color: #003e52; } .button.yellow:hover, .button.yellow:focus { background-color: #e0ba06; } .button.light-green { background-color: #9bc844; color: white; } .button.light-green:hover, .button.light-green:focus { background-color: #85b034; } .button-colors > *:nth-child(1) .button { background-color: #9bc844; color: white; } .button-colors > *:nth-child(1) .button:hover, .button-colors > *:nth-child(1) .button:focus { background-color: #85b034; } .button-colors > *:nth-child(2) .button { background-color: #ed7622; color: white; } .button-colors > *:nth-child(2) .button:hover, .button-colors > *:nth-child(2) .button:focus { background-color: #d56211; } .button-colors > *:nth-child(3) .button { background-color: #f9d116; color: white; } .button-colors > *:nth-child(3) .button:hover, .button-colors > *:nth-child(3) .button:focus { background-color: #e0ba06; } .button-colors > *:nth-child(4) .button { background-color: #65b646; color: white; } .button-colors > *:nth-child(4) .button:hover, .button-colors > *:nth-child(4) .button:focus { background-color: #55993b; } .center { margin-left: auto; margin-right: auto; text-align: center; } small { font-size: 0.875em; } big { font-size: 1.25em; } .testimonial { font-family: 'Montserrat', sans-serif; font-size: 1.25em; padding-left: 3em; } @media screen and (min-width: 768px) { .testimonial { text-align: center; padding: 1em 4em; } } .testimonial blockquote { font-weight: 700; margin-bottom: 2em; } .testimonial:before, .testimonial:after { position: absolute; top: 0; font-size: 2em; color: #003e52; line-height: 1; } @media screen and (min-width: 768px) { .testimonial:before, .testimonial:after { top: 50%; line-height: 0; margin-top: -0.5em; } } .testimonial:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e903"; left: 0; } @media screen and (min-width: 768px) { .testimonial:after { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e904"; right: 0; } } @media screen and (max-width: 767px) { .testimonials-wrap ul li { padding-left: 0; padding-right: 0; } } @media screen and (min-width: 768px) { .testimonials-wrap ul li { padding-top: 0; padding-bottom: 0; } } .testimonial-archive-wrap > div { box-shadow: 0 0 1.5em -0.5em rgba(0, 0, 0, 0.3); background-color: white; padding: 1.5em; border-radius: 0.5em; margin-bottom: 2em; } @media screen and (min-width: 768px) { .testimonial-archive-wrap > div { padding: 3em; } } .testimonial-archive-wrap > div .testimonial { padding: 0; text-align: left; } .testimonial-archive-wrap > div .testimonial:before { position: static; display: block; margin-bottom: 1rem; } @media screen and (min-width: 768px) { .testimonial-archive-wrap > div .testimonial:before { line-height: 2em; } } .testimonial-archive-wrap > div .testimonial:after { content: none; } .testimonial-archive-wrap > div .testimonial blockquote { margin-bottom: 1.5em; } .testimonial-archive-wrap > div:nth-child(1) .testimonial:before { color: #9bc844; } .testimonial-archive-wrap > div:nth-child(2) .testimonial:before { color: #ed7622; } .testimonial-archive-wrap > div:nth-child(3) .testimonial:before { color: #f9d116; } .testimonial-archive-wrap > div:nth-child(4) .testimonial:before { color: #65b646; } .indent { position: relative; padding-left: 1.25rem; } .indent:before { content: ""; position: absolute; left: 0; top: 0.25em; bottom: 0.125em; width: 3px; background-color: #65b646; } ul.contact-info { margin-top: 2em; } ul.contact-info li { padding-left: 3em; margin-bottom: 1.5em; } ul.contact-info li:before { display: inline-block; top: 50%; margin-top: calc(-1em - 4px); width: 2em; height: 2em; border-radius: 999px; border: 3px solid #e1e1e1; color: #9bc844; text-align: center; line-height: 2em; } ul.contact-info li.tel:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e900"; } ul.contact-info li.email:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e901"; } ul.contact-info li.hours:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e902"; } hr { border-bottom: 3px solid #e1e1e1; margin: 1.5em 0; } .social a { position: relative; top: 0; display: inline-block; width: 2.5rem; height: 2.5rem; border-radius: 0.25em; text-align: center; line-height: 2.5rem; margin: 0 0.45em 0.375em 0; font-size: 1.25em; background-color: white; color: #65b646; } .social a.facebook:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e909"; } .social a.twitter:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e90a"; } .social a.linkedin:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e90c"; } .social a.youtube:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e90b"; } .social a.x:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e911"; } .social a.instagram:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e912"; } .social a.facebook { color: #4267B2; } .social a.twitter { color: #1DA1F2; } .social a.linkedin { color: #2867B2; } .social a.youtube { color: #FF0000; } .social a.instagram { color: #FF0069; } .social a.x { color: black; } .social a:hover { top: -0.1em; } span.icon.check:before { content: "\2713"; } /* GLOBAL STYLES */ html { font-size: 14px; scroll-behavior: smooth; } @media screen and (min-width: 768px) { html { font-size: 16px; } } body { font-family: 'Source Sans', sans-serif; line-height: 1.4; -webkit-font-smoothing: antialiased; color: #454f52; } #page-wrapper { overflow-x: hidden; } .alert-wrap { background-color: #f9d116; color: #003e52; padding: 2em 0; } @media screen and (min-width: 768px) { .alert-wrap { padding: 3em 0; } } .alert-wrap *:last-child { margin-bottom: 0; } #top { position: relative; z-index: 999; } #top:before { content: ""; display: block; width: 100%; height: 3px; background: linear-gradient(to right, #003e52, #65b646 15%, #65b646 25%, #9bc844, #65b646 75%, #65b646 85%, #003e52); } #top .nav-wrap { position: relative; background-color: white; box-shadow: 0 0 2em -0.5em rgba(0, 0, 0, 0.2); } #top .nav-wrap .header { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 0.75em 1.5em; } @media screen and (min-width: 768px) { #top .nav-wrap .header { padding: 1.25em 1.5em; } } @media screen and (min-width: 840px) { #top .nav-wrap .header { padding: 1.25em 5%; } } #top .nav-wrap .header .logo { display: block; width: 120px; margin-right: auto; } @media screen and (min-width: 768px) { #top .nav-wrap .header .logo { width: 200px; } } #top .nav-wrap .header .logo img { display: block; width: 100%; } #top .nav-wrap .header .gsc-control-searchbox-only { min-width: 250px; margin-right: 2em; } @media screen and (min-width: 900px) { #top .nav-wrap .header .gsc-control-searchbox-only { min-width: 300px; } } @media screen and (max-width: 767px) { #top .nav-wrap .header .gsc-control-searchbox-only { display: none; } } #top .nav-wrap .header .gsc-control-searchbox-only form.gsc-search-box { margin-bottom: 0; } #top .nav-wrap .header .gsc-control-searchbox-only form.gsc-search-box table.gsc-search-box { margin-bottom: 0; } #top .nav-wrap .header .tools { margin: 0 2em 0 -1em; } #top .nav-wrap .header .tools > * { margin: 0 0.5em; } #top .nav-wrap .header .account:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e90e"; color: #115c66; font-size: 1.25em; } #top .nav-wrap .header .account:hover { color: #97adb5; } #top .nav-wrap .header .cart { position: relative; margin-top: 0.5em; } #top .nav-wrap .header .cart:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e90d"; color: #115c66; font-size: 1.25em; } #top .nav-wrap .header .cart span { position: absolute; top: -0.75em; right: -1em; width: 1.5em; height: 1.5em; text-align: center; line-height: 1.5; font-weight: 700; background-color: #f9d116; color: white; border-radius: 999px; } #top .nav-wrap .header .cart:hover { color: #97adb5; } #top .nav-wrap .header .cart:hover span { background-color: #e0ba06; } #top .nav-wrap .header .button { margin-bottom: 0; white-space: nowrap; } @media screen and (max-width: 767px) { #top .nav-wrap .header .button { font-size: 0.875em; padding: 0.25em 0.5em; } } #top .nav-wrap .header .search-form { margin-right: 1.5em; max-width: 250px; } @media screen and (max-width: 767px) { #top .nav-wrap .header .search-form { display: none; } } @media screen and (max-width: 767px) { #top .nav-wrap .menu { display: none; position: absolute; width: 100%; box-shadow: inset 0em 1em 2em -1em rgba(0, 0, 0, 0.15); border-bottom: 1px solid #eee; background-color: white; } } @media screen and (min-width: 768px) { #top .nav-wrap .menu { display: block !important; padding: 0 0.5em; border-top: 3px solid #f4f4f4; font-size: 0.875em; } } @media screen and (min-width: 840px) { #top .nav-wrap .menu { padding: 0 calc(5% - 1em); } } @media screen and (min-width: 960px) { #top .nav-wrap .menu { font-size: 1em; } } #top .nav-wrap .menu .gsc-control-searchbox-only { margin: 1em 5% 0; } @media screen and (min-width: 768px) { #top .nav-wrap .menu .gsc-control-searchbox-only { display: none; } } #top .nav-wrap .menu .search-form { margin: 1em 5% 0; } @media screen and (min-width: 768px) { #top .nav-wrap .menu .search-form { display: none; } } #top .nav-wrap .menu > ul { padding: 1em 1.5em; } @media screen and (min-width: 768px) { #top .nav-wrap .menu > ul { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; white-space: nowrap; padding: 0; } } #top .nav-wrap .menu > ul > li { position: relative; display: block; border-bottom: 2px solid #eee; } @media screen and (min-width: 768px) { #top .nav-wrap .menu > ul > li { display: inline-block; vertical-align: middle; border: none; } } @media screen and (min-width: 768px) { #top .nav-wrap .menu > ul > li:hover > a { color: #65b646; } } #top .nav-wrap .menu > ul > li > a { position: relative; display: block; font-weight: 700; padding: 1em 0; } @media screen and (min-width: 768px) { #top .nav-wrap .menu > ul > li > a { color: #003e52; padding: 0.75em; } } @media screen and (min-width: 840px) { #top .nav-wrap .menu > ul > li > a { padding: 0.75em 1em; } } #top .nav-wrap .menu > ul > li.menu-item-has-children > a:after { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e907"; display: inline-block; font-size: 0.75em; margin-left: 0.5em; color: #ccc; } #top .nav-wrap .menu > ul > li > .sub-menu { white-space: normal; } @media screen and (max-width: 767px) { #top .nav-wrap .menu > ul > li > .sub-menu { display: block !important; height: auto !important; margin-bottom: 0.75em !important; } } @media screen and (min-width: 768px) { #top .nav-wrap .menu > ul > li > .sub-menu { display: none; position: absolute; top: 100%; left: -0.5em; background-color: white; border-radius: 0 0 0.375em 0.375em; box-shadow: inset 0em 1em 2em -1em rgba(0, 0, 0, 0.15), 0.25em 0.25em 1em 0 rgba(0, 0, 0, 0.25); z-index: -1; } } #top .nav-wrap .menu > ul > li > .sub-menu > li > a { display: block; padding: 0.375em 0; } @media screen and (min-width: 768px) { #top .nav-wrap .menu > ul > li > .sub-menu > li > a { font-weight: 700; width: 250px; padding: 0.375em 1.5em; } } @media screen and (min-width: 768px) { #top .nav-wrap .menu > ul > li > .sub-menu > li > a:hover { color: #65b646; } } @media screen and (min-width: 768px) { #top .nav-wrap .menu > ul > li > .sub-menu > li:first-child { padding-top: 1.125em; } } @media screen and (min-width: 768px) { #top .nav-wrap .menu > ul > li > .sub-menu > li:last-child { padding-bottom: 1.125em; } } #top .nav-wrap .menu > ul > li > .sub-menu > li .sub-menu { padding-left: 1em; } #top .nav-wrap .menu > ul > li > .sub-menu > li .sub-menu > li > a { display: block; padding: 0.25em 0; } @media screen and (min-width: 768px) { #top .nav-wrap .menu > ul > li > .sub-menu > li .sub-menu > li > a { padding: 0.25em 1.5em; } } @media screen and (min-width: 768px) { #top .nav-wrap .menu > ul > li > .sub-menu > li .sub-menu > li > a:hover { color: #65b646; } } #top .nav-wrap .menu > ul > li:last-child { border-bottom: none; } #top .nav-wrap .menu > ul > li:last-child > .sub-menu { right: 0; left: auto; } #top .nav-wrap .search-form .flex { display: -webkit-flex; display: -ms-flexbox; display: flex; } #top .nav-wrap .search-form .flex .search { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } #top .nav-wrap .search-form input[type="search"] { width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0.25em 0.5em; border: 1px solid #afafaf; } #top .nav-wrap .search-form .button { background-color: #7f9ea8; color: white; padding: 0.25em 0.5em; width: 50px; margin-left: 0.75em; } #top .nav-wrap .search-form .button:hover, #top .nav-wrap .search-form .button:focus { background-color: #678c97; } #top .nav-wrap .search-form .button:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e90f"; display: inline-block; font-size: 0.75em; line-height: 1.3rem; } #top .nav-wrap .search-form .button span { display: inline-block; text-indent: -9999px; } .menu-toggle { position: relative; width: 24px; height: 15px; cursor: pointer; z-index: 1000; margin-left: 1.5em; } @media screen and (min-width: 768px) { .menu-toggle { display: none; } } .menu-toggle span { display: block; position: absolute; left: 0; width: 100%; height: 2px; background-color: #afafaf; border-radius: 999px; opacity: 1; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .menu-toggle span:nth-child(1) { top: 0; } .open .menu-toggle span:nth-child(1) { top: 6px; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .menu-toggle span:nth-child(2) { top: 6px; } .open .menu-toggle span:nth-child(2) { opacity: 0; } .menu-toggle span:nth-child(3) { top: 12px; } .open .menu-toggle span:nth-child(3) { top: 6px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } #alerts-wrap { height: 0; overflow: hidden; padding: 0 !important; background-color: #003e52; color: white; } #alerts-wrap ul li { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 0.75em; padding-bottom: 0.75em; } @media screen and (max-width: 767px) { #alerts-wrap ul li { padding-left: 0; padding-right: 0; } } #alerts-wrap ul li .content-wrap > *:last-child { margin-bottom: 0; } #alerts-wrap ul li .content-wrap > *:last-child .button { margin-bottom: 0; } #alerts-wrap .controls { font-size: 0.625em; } .alerts-wrap { height: 0; overflow: hidden; padding: 0 !important; background-color: #65b646; color: white; } .alerts-wrap ul li { background-size: cover; background-position: center center; background-repeat: no-repeat; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-top: 1em; padding-bottom: 1em; } @media screen and (max-width: 767px) { .alerts-wrap ul li { padding-left: 0; padding-right: 0; } } .alerts-wrap ul li .content-wrap > *:last-child { margin-bottom: 0; } .alerts-wrap ul li .content-wrap > *:last-child .button { margin-bottom: 0; } .alerts-wrap .controls { font-size: 0.625em; } #bottom { padding: 1.75em 0; padding-bottom: 2em !important; background-color: #003e52; color: #97adb5; } @media screen and (min-width: 768px) { #bottom { padding: 6% 0; } } @media screen and (min-width: 1200px) { #bottom { padding: 75px 0; } } @media screen and (max-width: 767px) { #bottom .contain > * { margin-bottom: 1.5em; } #bottom .contain > *:last-child { margin-bottom: 0; } } #bottom .logo { display: block; width: 150px; margin-right: 1em; margin-bottom: 2em; } @media screen and (min-width: 768px) { #bottom .logo { width: 200px; margin-right: 2em; } } #bottom .logo img { display: block; width: 100%; } #bottom nav { color: white; } @media screen and (min-width: 768px) { #bottom nav { width: 25%; max-width: 250px; padding-right: 1.5em; } } @media screen and (min-width: 768px) { #bottom nav:first-of-type { margin-left: auto; } } #bottom nav > ul > li { margin-bottom: 0.25em; } #bottom nav.applications > ul > li { position: relative; padding-left: 0.75em; } #bottom nav.applications > ul > li:before { content: "\2022"; position: absolute; left: 0; color: #97adb5; } #bottom nav.applications > ul > li > a { font-size: 1em; color: rgba(255, 255, 255, 0.75); } #bottom .sub-footer { margin-top: 2em; padding-top: 2em; font-size: 0.875em; border-top: 3px solid #0d4658; } @media screen and (min-width: 768px) { #bottom .sub-footer { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } #bottom .sub-footer:after { content: none; } #bottom .sub-footer > div { max-width: 500px; } @media screen and (min-width: 768px) { #bottom .sub-footer > div { margin-bottom: 0; } } #bottom .sub-footer ul li { display: inline-block; } #bottom .sub-footer ul li:after { content: '\2022'; color: white; margin: 0 0.5em; } #bottom .sub-footer ul li:last-child:after { content: none; } #bottom .sub-footer ul li a:hover { color: white; } #bottom .sub-footer .metropolis:hover { color: #1e73be; } .page-header { background-color: #003e52; color: white; padding: 2em 5%; } .page-header:not(#hero) h1 { display: inline-block; margin-right: 2em; margin-bottom: 0.375rem; } .page-header:not(#hero) h2 { display: inline-block; font-size: 1.25em; color: #97adb5; padding-left: 1em; border-left: 3px solid rgba(151, 173, 181, 0.25); margin-bottom: 0; } .error404 .page-header:not(#hero) h1 { display: block; margin-bottom: 1rem; } .page-header .post-details { width: 180px; margin-bottom: 1.5em; } @media screen and (min-width: 768px) { .page-header .post-details { margin-bottom: 0; margin-right: 2em; } } .page-header .post-details h4, .page-header .post-details #bottom nav > ul > li > a, #bottom .page-header .post-details nav > ul > li > a { color: #65b646; } .page-header .post-details .date { font-size: 1.5em; } .page-header .post-details + h1 { margin-bottom: 0; } @media screen and (min-width: 768px) { .page-header .post-details + h1 { padding-left: 2em; border-left: 3px solid #115c66; } } @media screen and (min-width: 768px) { .page-header .flex, .page-header .contain.flex { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } .page-header.green { background-color: #65b646; } .page-template-page-platform .page-header img { margin-top: 5%; } section { padding: 1.75em 0; position: relative; } @media screen and (min-width: 768px) { section { padding: 6% 0; } } @media screen and (min-width: 1200px) { section { padding: 75px 0; } } @media screen and (min-width: 768px) { section.light-padding { padding: 4% 0; } } @media screen and (min-width: 1200px) { section.light-padding { padding: 50px 0; } } section.blue { background-color: #115c66; color: white; } section.blue .button { background-color: white; color: #115c66; } section.gray { background-color: #f5f5f5; } section.green { background-color: #65b646; color: white; } section.green .button { background-color: white; color: #65b646; } section.light-green { background-color: #9bc844; color: white; } section.light-green .button { background-color: white; color: #9bc844; } section.texture-map { background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url("../../images/texture-map.jpg"); } section.split { background: linear-gradient(145deg, #f5f5f5, #f5f5f5 50%, white 50%, white); } .section-header { margin-bottom: 4%; } .contain { width: 90%; max-width: 1080px; margin-right: auto; margin-left: auto; position: relative; } .contain:after { content: ""; display: table; clear: both; } .contain.wide { max-width: 1280px; } .contain.narrow { max-width: 800px; } .contain.full { max-width: none; } @media screen and (min-width: 768px) { .contain.flex { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } } .contain.flex.center { text-align: left; } @media screen and (min-width: 768px) { .contain.flex.center { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } @media screen and (min-width: 768px) { .contain.flex .right { -webkit-order: 2; -ms-flex-order: 2; order: 2; margin-left: auto; } } @media screen and (min-width: 768px) { .contain.flex .sidebar { width: 300px; -webkit-flex: none; -ms-flex: none; flex: none; -webkit-order: 2; -ms-flex-order: 2; order: 2; } } .contain.flex .sidebar > * { padding: 2em 0; border-bottom: 3px solid #eee; } .contain.flex .sidebar > *:first-child { padding-top: 0; } .contain.flex .sidebar > *:last-child { padding-bottom: 0; border-bottom: none; } .contain.flex main { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; width: 100%; } @media screen and (min-width: 768px) { .contain.flex main { padding-right: 5%; } } .clear:after:after { content: ""; display: table; clear: both; } /* 8% Margins [class*='col-'] { position: relative; height: 100%; margin-bottom: 5%; @media screen and (min-width: 768px) { float: left; margin-bottom: 0; margin-right: 8%; &.right { float: right; margin-right: 0; } &.col-1-2 { width: 46%; } &.col-1-3 { width: 28%; } &.col-2-3 { width: 64%; } &.col-1-4 { width: 19%; } &.col-3-4 { width: 73%; } &.col-1-5 { width: 13.6%; } &.col-2-5 { width: 35.2%; } &.col-3-5 { width: 56.8%; } } } */ [class*='col-'] { position: relative; height: 100%; margin-bottom: 1.75em; } @media screen and (min-width: 768px) { [class*='col-'] { float: left; margin-bottom: 0; margin-right: 5%; } [class*='col-'].right { float: right; margin-right: 0; } [class*='col-'].col-1-2 { width: 47.5%; } [class*='col-'].col-1-3 { width: 30%; } [class*='col-'].col-2-3 { width: 65%; } [class*='col-'].col-1-4 { width: 21.25%; } [class*='col-'].col-3-4 { width: 73.75%; } [class*='col-'].col-1-5 { width: 16%; } [class*='col-'].col-2-5 { width: 37%; } [class*='col-'].col-3-5 { width: 58%; } } [class*='col-']:last-child { margin-bottom: 0; } @media screen and (min-width: 960px) { .columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 2em; -moz-column-gap: 2em; column-gap: 2em; } } .columns div, .columns ul, .columns li, .columns h1, .columns h2, .columns h3, .columns h4, .columns #bottom nav > ul > li > a, #bottom .columns nav > ul > li > a, .columns h5, .columns h6, .columns p, .columns a { -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; column-break-inside: avoid; page-break-inside: avoid; } @media screen and (min-width: 768px) { .blocks-wrap { font-size: 0; margin: 0 -2%; } } @media screen and (min-width: 768px) { .blocks-wrap.flex { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .blocks-wrap > * { margin-bottom: 1.5em; display: block; } @media screen and (min-width: 768px) { .blocks-wrap > * { display: inline-block; vertical-align: top; font-size: 1rem; width: 46%; margin: 2%; } } .blocks-wrap .block { box-shadow: 0 0 1.5em -0.5em rgba(0, 0, 0, 0.3); border-radius: 0.5em; overflow: hidden; padding: 1.75em; } .blocks-wrap .block h3 { font-size: 1.125em; } .blocks-wrap .block h4, .blocks-wrap .block #bottom nav > ul > li > a, #bottom .blocks-wrap .block nav > ul > li > a { color: #65b646; } .blocks-wrap .block.post { padding: 0; } .blocks-wrap .block.post .wrap .image-wrap { background: none !important; -webkit-flex: none; -ms-flex: none; flex: none; } .blocks-wrap .block.post .wrap .image-wrap img { display: block; width: 100%; } .blocks-wrap .block.post .wrap .content-wrap { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 1.5em; } .blocks-wrap .block.post .wrap header { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: baseline; -ms-flex-align: baseline; align-items: baseline; margin-bottom: 0.75em; color: #afafaf; } .blocks-wrap .block.post .wrap header h4, .blocks-wrap .block.post .wrap header #bottom nav > ul > li > a, #bottom .blocks-wrap .block.post .wrap header nav > ul > li > a { margin-right: 0.5em; } .blocks-wrap .block.post .wrap header em { margin: 0 0.375em; } .blocks-wrap .block.post .wrap header .date { font-family: 'Montserrat', sans-serif; color: #afafaf; font-weight: 700; } .blocks-wrap .block.resource h4, .blocks-wrap .block.resource #bottom nav > ul > li > a, #bottom .blocks-wrap .block.resource nav > ul > li > a { color: #003e52; margin-bottom: 1rem; } .blocks-wrap .block.resource .button { background-color: #afafaf; color: white; } .blocks-wrap .block.resource .button:hover, .blocks-wrap .block.resource .button:focus { background-color: #9b9b9b; } .blocks-wrap .block.resource > * { margin-bottom: 1.5rem; } .blocks-wrap .block.resource > *:last-child { margin-bottom: 0; } .blocks-wrap.full { margin: 0; } .blocks-wrap.full > * { display: block; width: 100%; margin: 0 0 1.5em 0; } @media screen and (min-width: 500px) { .blocks-wrap.full .block { padding: 1.75em; } } @media screen and (min-width: 500px) { .blocks-wrap.full .block.post .wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; } } @media screen and (min-width: 500px) { .blocks-wrap.full .block.post .wrap .image-wrap { background: none !important; width: 150px; height: auto; margin: 0 1.5em 0 0; } } @media screen and (min-width: 500px) { .blocks-wrap.full .block.post .wrap .image-wrap img { display: block; } } .blocks-wrap.full .block.post .wrap .content-wrap { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } @media screen and (min-width: 500px) { .blocks-wrap.full .block.post .wrap .content-wrap { padding: 0; } } @media screen and (min-width: 960px) { .blocks-wrap.three > *, .blocks-wrap.four > * { width: 29.33%; } } @media screen and (min-width: 1100px) { .blocks-wrap.four > * { width: 21%; } } .blocks-wrap .multi-block-wrap .block { margin-bottom: 1.5em; } @media screen and (min-width: 768px) { .blocks-wrap .multi-block-wrap .block { margin-bottom: 8%; } } @media screen and (min-width: 400px) { .cta-wrap { text-align: center; padding: 2em 0; } } @media screen and (min-width: 768px) { .cta-wrap .contain > * { display: inline-block; vertical-align: middle; margin: 0.5em 1em; } } @media screen and (min-width: 768px) { .cta-wrap .button { margin-bottom: 0; } } .sidebar-left { padding: 0; } @media screen and (min-width: 768px) { .sidebar-left { display: -webkit-flex; display: -ms-flexbox; display: flex; } } .sidebar-left > * { padding: 1.75em 0; } @media screen and (min-width: 768px) { .sidebar-left > * { padding: 6% 0; } } @media screen and (min-width: 1200px) { .sidebar-left > * { padding: 75px 0; } } .sidebar-left .sidebar { background-color: #f5f5f5; } @media screen and (min-width: 768px) { .sidebar-left .sidebar { width: calc(50% - 150px); padding-left: 5%; padding-right: 40px; } } @media screen and (min-width: 1000px) { .sidebar-left .sidebar { width: calc(50% - 200px); } } @media screen and (min-width: 768px) { .sidebar-left .sidebar .contain { max-width: 300px; float: right; } } .sidebar-left .sidebar h3 { margin-bottom: 0.5rem; } .sidebar-left .sidebar .indent { margin-bottom: 1.5em; } .sidebar-left .sidebar .indent:before { background-color: #65b646; } @media screen and (min-width: 768px) { .sidebar-left main { width: calc(50% + 150px); -webkit-order: 2; -ms-flex-order: 2; order: 2; padding-right: 5%; padding-left: 50px; } } @media screen and (min-width: 1000px) { .sidebar-left main { width: calc(50% + 200px); } } @media screen and (min-width: 768px) { .sidebar-left main .contain { max-width: 690px; } } @media screen and (min-width: 768px) { .sidebar-left .contain { width: 100%; margin: 0; } } .fc-section.remove-gap { padding-bottom: 0; } .fc-section.gray .block { background-color: white; } .fc-section .content-wrap > *:last-child { margin-bottom: 0; } .fc-section.sidebar-left { border: 1px solid #f5f5f5; border-width: 1px 0; } .fc-section img.shadow { box-shadow: 0 0 1.5em -0.5em rgba(0, 0, 0, 0.3); border-radius: 0.5em; } #back-to-top { position: fixed; width: 7em; bottom: 1rem; right: -8rem; text-align: center; font-size: 0.75em; font-weight: 700; line-height: 1.2; text-transform: uppercase; letter-spacing: 0.05em; background-color: #65b646; color: white; border-radius: 0.5em; padding: 0.75em 1em; box-shadow: 0.25em 0.25em 1em -0.25em rgba(0, 0, 0, 0.2); z-index: 999; cursor: pointer; opacity: 0; } @media screen and (min-width: 768px) { #back-to-top { font-size: 0.875em; bottom: 1.5rem; right: -8.5rem; } } #back-to-top.visible { opacity: 1; right: 1rem; } @media screen and (min-width: 768px) { #back-to-top.visible { right: 1.5rem; } } #back-to-top:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e905"; display: block; font-size: 1.25em; margin-bottom: 0.5rem; } #back-to-top:hover { background-color: #59a03e; } /* HOME */ @media screen and (min-width: 768px) { [id*="hero-"] .flex { -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } [id*="hero-"] .content-wrap img { margin: 1em 0 0 0; } [id*="hero-"] .button { margin-top: 0.5em; margin-right: 0.5em; } @media screen and (min-width: 768px) { [id*="hero-"] .button { margin-top: 1.75em; } } [id*="hero-"] .button ~ .button { margin-top: 0; } [id*="hero-"] .button:last-child { margin-right: 0; } @media screen and (min-width: 768px) { [id*="hero-"] h1 { font-size: 2.5em; } } [id*="hero-"] p, [id*="hero-"] ul, [id*="hero-"] ol { font-size: 1.125rem; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 50% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 50% { opacity: 1; } } @-webkit-keyframes stepOne { 0% { opacity: 0; } 20% { opacity: 1; } 80% { opacity: 1; } 100% { opacity: 0; } } @keyframes stepOne { 0% { opacity: 0; } 20% { opacity: 1; } 80% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes stepTwo { 0% { opacity: 0; } 20% { opacity: 0; } 40% { opacity: 1; } 80% { opacity: 1; } 100% { opacity: 0; } } @keyframes stepTwo { 0% { opacity: 0; } 20% { opacity: 0; } 40% { opacity: 1; } 80% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes stepThree { 0% { opacity: 0; } 40% { opacity: 0; } 60% { opacity: 1; } 80% { opacity: 1; } 100% { opacity: 0; } } @keyframes stepThree { 0% { opacity: 0; } 40% { opacity: 0; } 60% { opacity: 1; } 80% { opacity: 1; } 100% { opacity: 0; } } #hero-1 { background-color: #003e52; background-image: url("../../images/hero-1-background.jpg"); background-size: cover; background-position: center center; background-repeat: no-repeat; color: white; } @media screen and (min-width: 768px) { #hero-1 .flex { min-height: 450px; } } #hero-1 .image-wrap { position: relative; max-width: 450px; margin: 0 auto; } #hero-1 .image-wrap > div { position: relative; height: 0; padding-bottom: 100%; } #hero-1 .image-wrap img { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; } #hero-1 .image-wrap .step-one { -webkit-animation: stepOne 5s ease-out 0.75s infinite; animation: stepOne 5s ease-out 0.75s infinite; } #hero-1 .image-wrap .step-two { -webkit-animation: stepTwo 5s ease-out 0.75s infinite; animation: stepTwo 5s ease-out 0.75s infinite; } #hero-1 .image-wrap .step-three { -webkit-animation: stepThree 5s ease-out 0.75s infinite; animation: stepThree 5s ease-out 0.75s infinite; } #hero-1 .button { color: #003e52; } #hero-1 .button:not(.light-green) { background-color: white; color: white; color: #003e52; } #hero-1 .button:not(.light-green):hover, #hero-1 .button:not(.light-green):focus { background-color: #ebebeb; } #hero-2 { background-color: #003e52; background-size: cover; background-position: center center; background-repeat: no-repeat; color: white; } @media screen and (max-width: 767px) { #hero-2 { padding-top: 0; } } @media screen and (min-width: 768px) { #hero-2 .flex { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 450px; } } #hero-2 .image-wrap { margin-bottom: 1.5rem; } @media screen and (min-width: 768px) { #hero-2 .image-wrap { position: absolute; top: 0; bottom: 0; right: 40%; margin: 0; } } @media screen and (min-width: 768px) { #hero-2 .image-wrap img { display: block; height: 100%; max-width: none; } } #hero-2 .button { color: #003e52; } #hero-2 .button:not(.light-green) { background-color: white; color: white; color: #003e52; } #hero-2 .button:not(.light-green):hover, #hero-2 .button:not(.light-green):focus { background-color: #ebebeb; } #hero-2 .video-wrap:after { -webkit-transform: translate(45%, -73%); -ms-transform: translate(45%, -73%); transform: translate(45%, -73%); } #hero-2 .video-wrap:hover:after { -webkit-transform: translate(45%, -73%) scale(1.05); -ms-transform: translate(45%, -73%) scale(1.05); transform: translate(45%, -73%) scale(1.05); } #hero-3 { background-color: #f5f5f5; } @media screen and (min-width: 768px) { #hero-3 .contain { width: 95%; margin-left: 0; } } @media screen and (min-width: 768px) { #hero-3 .col-3-5 { width: 62%; margin: 0; } } @media screen and (min-width: 768px) { #hero-3 .image-wrap img { display: block; width: 120%; max-width: 1000px; float: right; } } #hero-3 .button:not(.light-green) { background-color: #003e52; color: white; } #hero-3 .button:not(.light-green):hover, #hero-3 .button:not(.light-green):focus { background-color: #001f29; } @media screen and (min-width: 768px) { #hero-4 .contain { width: 95%; margin-right: 0; } } @media screen and (min-width: 768px) { #hero-4 .col-2-5 { margin-right: 1%; } } @media screen and (min-width: 768px) { #hero-4 .col-3-5 { width: 62%; margin: 0; } } @media screen and (min-width: 768px) { #hero-4 .image-wrap img { display: block; width: 120%; max-width: 1000px; } } #hero-4 h4, #hero-4 #bottom nav > ul > li > a, #bottom #hero-4 nav > ul > li > a { color: #ed7622; } #hero-4 .button:not(.light-green) { background-color: #ed7622; color: white; } #hero-4 .button:not(.light-green):hover, #hero-4 .button:not(.light-green):focus { background-color: #d56211; } #hero { background-color: #003e52; background-size: cover; background-position: center center; background-repeat: no-repeat; color: white; } @media screen and (max-width: 767px) { #hero { padding-top: 0; } } @media screen and (min-width: 1000px) { #hero h1 { font-size: 2.5em; } } #hero .content-wrap ul li:before { color: #f9d116; } #hero .content-wrap .button { background-color: #f9d116; color: #003e52; } #hero .product-blocks { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 0.5em; } @media screen and (min-width: 1000px) { #hero .product-blocks { position: relative; z-index: 1; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -150px; } } #hero .product-blocks > div { padding: 2em; border-radius: 0.5em; background-color: #115c66; border-top: 8px solid #65b646; } @media screen and (min-width: 1000px) { #hero .product-blocks > div { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex: 1; -ms-flex: 1; flex: 1; max-width: 50%; } #hero .product-blocks > div > *:last-child { margin-top: auto; margin-bottom: 0; } } #hero .product-blocks > div .button { background-color: #65b646; color: white; min-width: 100px; text-align: center; } #hero .product-blocks > div:nth-child(2n) { border-top-color: #ed7622; } #hero .product-blocks > div:nth-child(2n) .button { background-color: #ed7622; } @media screen and (min-width: 1000px) { #hero + section { padding-top: 150px; } } .hero-section { background-color: #f5f5f5; } @media screen and (min-width: 768px) { .hero-section .contain.full { width: 100%; } } @media screen and (min-width: 768px) { .hero-section .col-3-5 { width: 62%; margin: 0; } } @media screen and (min-width: 768px) { .hero-section .col-2-5 { margin-left: 5vw; } } @media screen and (min-width: 768px) { .hero-section .col-2-5.right { margin-left: auto; margin-right: 5vw; } } @media screen and (min-width: 768px) { .hero-section .image-wrap img { display: block; width: 120%; max-width: 1000px; float: right; } } .hero-section .image-wrap.right img { float: none; } .hero-section:nth-child(2n) { background-color: white; } .video-wrap { display: block; height: 100%; position: relative; z-index: 1; } .video-wrap:after { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e910"; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 75px; height: 75px; background-color: #eee; box-shadow: 0 0 1em -0.25em rgba(0, 0, 0, 0.5); border-radius: 999px; color: #65b646; text-align: center; line-height: 75px; font-size: 2.5em; text-indent: 0.15em; transition: -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out; transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out; } @media screen and (min-width: 768px) { .video-wrap:after { width: 120px; height: 120px; line-height: 120px; font-size: 4em; } } .video-wrap:hover:after { -webkit-transform: translate(-50%, -50%) scale(1.05); -ms-transform: translate(-50%, -50%) scale(1.05); transform: translate(-50%, -50%) scale(1.05); } @media screen and (max-width: 767px) { #banner-covid-19 { padding-top: 0; } } #banner-covid-19 .background { height: 150px; background-size: cover; margin-bottom: 1.5rem; } @media screen and (min-width: 768px) { #banner-covid-19 .background { position: absolute; top: 0; right: 0; bottom: 0; left: 35%; background-position: left; height: auto; margin: 0; } } .page-link-blocks { margin: 2.5em 0 3em; } .page-link-blocks > a { display: block; margin-bottom: 1.75em; border-radius: 0.25em; overflow: hidden; background-color: white; box-shadow: 0 0 1.5em -0.5em rgba(0, 0, 0, 0.3); } .page-link-blocks > a .flex { display: -webkit-flex; display: -ms-flexbox; display: flex; } .page-link-blocks > a .image-wrap { background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; width: 100px; -webkit-flex: none; -ms-flex: none; flex: none; } .page-link-blocks > a .image-wrap:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ""; background-color: rgba(17, 92, 102, 0.5); opacity: 1; } .page-link-blocks > a .content-wrap { padding: 2em; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .page-link-blocks > a .content-wrap h3 { margin-bottom: 0; } @media screen and (min-width: 768px) { .page-link-blocks > a:hover { box-shadow: 0 0 1.5em -0.5em rgba(0, 0, 0, 0.4); } } .page-link-blocks > a:hover .image-wrap:after { opacity: 0; } @media screen and (min-width: 768px) { #home-applications { font-size: 0; margin: -0.5%; } } #home-applications > a { box-shadow: 0 0 1.5em -0.5em rgba(0, 0, 0, 0.3); position: relative; display: inline-block; vertical-align: top; font-size: 1rem; padding: 1.75em; margin-bottom: 1em; background-color: white; } @media screen and (min-width: 768px) { #home-applications > a { box-shadow: 0 0 1em -1em rgba(0, 0, 0, 0); width: 24%; margin: 0.5%; } } #home-applications > a header { margin-bottom: 1.5em; } @media screen and (max-width: 767px) { #home-applications > a .excerpt span { display: inline !important; } } @media screen and (min-width: 768px) { #home-applications > a .excerpt span { display: none; } } @media screen and (min-width: 768px) { #home-applications > a footer { height: 2.5em; } } @media screen and (min-width: 768px) { #home-applications > a footer:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e906"; position: absolute; display: inline-block; width: 2em; height: 2em; border: 3px solid #eee; border-radius: 999px; line-height: 2; text-align: center; text-indent: 0.2em; opacity: 1; } } @media screen and (min-width: 768px) { #home-applications > a footer .button { position: absolute; opacity: 0; } } @media screen and (min-width: 768px) { #home-applications > a:hover { box-shadow: 0 0 1.5em -0.5em rgba(0, 0, 0, 0.3); z-index: 1; } #home-applications > a:hover footer:before { opacity: 0; } #home-applications > a:hover footer .button { opacity: 1; } } #home-applications > a:nth-child(1) header h3 { position: relative; padding-left: 1.25rem; margin-bottom: 0; } #home-applications > a:nth-child(1) header h3:before { content: ""; position: absolute; left: 0; top: 0.25em; bottom: 0.125em; width: 3px; background-color: #9bc844; } #home-applications > a:nth-child(1) footer:before { color: #9bc844; } #home-applications > a:nth-child(2) header h3 { position: relative; padding-left: 1.25rem; margin-bottom: 0; } #home-applications > a:nth-child(2) header h3:before { content: ""; position: absolute; left: 0; top: 0.25em; bottom: 0.125em; width: 3px; background-color: #ed7622; } #home-applications > a:nth-child(2) footer:before { color: #ed7622; } #home-applications > a:nth-child(3) header h3 { position: relative; padding-left: 1.25rem; margin-bottom: 0; } #home-applications > a:nth-child(3) header h3:before { content: ""; position: absolute; left: 0; top: 0.25em; bottom: 0.125em; width: 3px; background-color: #f9d116; } #home-applications > a:nth-child(3) footer:before { color: #f9d116; } #home-applications > a:nth-child(4) header h3 { position: relative; padding-left: 1.25rem; margin-bottom: 0; } #home-applications > a:nth-child(4) header h3:before { content: ""; position: absolute; left: 0; top: 0.25em; bottom: 0.125em; width: 3px; background-color: #65b646; } #home-applications > a:nth-child(4) footer:before { color: #65b646; } .home header .newsletter-wrap { padding-bottom: 1em; border-bottom: 3px solid #eee; margin-bottom: 1.5em; } .home-latest .section-header { padding-bottom: 1em; border-bottom: 3px solid #eee; } .home-latest .blocks-wrap { margin-bottom: 2rem; } @media screen and (min-width: 768px) { .home-latest .blocks-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media screen and (min-width: 1000px) { .home-latest .blocks-wrap { text-align: center; } } .home-latest .blocks-wrap .block { text-align: left; } @media screen and (min-width: 1000px) { .home-latest .blocks-wrap .block { width: 29.33%; } } .home-latest .blocks-wrap .block .excerpt { display: none; } @media screen and (min-width: 768px) { .home-latest .newsletter-wrap .gform_wrapper form { display: -webkit-flex; display: -ms-flexbox; display: flex; } .home-latest .newsletter-wrap .gform_wrapper form .gform_body { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .home-latest .newsletter-wrap .gform_wrapper form .gform_footer { -webkit-flex: none; -ms-flex: none; flex: none; width: auto; padding: 0; } .home-latest .newsletter-wrap .gform_wrapper form .gform_fields { display: -webkit-flex; display: -ms-flexbox; display: flex; } .home-latest .newsletter-wrap .gform_wrapper form .gform_fields .gfield { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; margin: 0; } .home-latest .newsletter-wrap .gform_wrapper form .gform_fields .gfield.gf_left_half, .home-latest .newsletter-wrap .gform_wrapper form .gform_fields .gfield.gf_right_half { -webkit-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } .home-latest .newsletter-wrap .gform_wrapper form .gform_fields .gfield .ginput_container { margin: 0 !important; } .home-latest .newsletter-wrap .gform_wrapper form .gform_fields #field_2_6 { width: 0; -webkit-flex: none; -ms-flex: none; flex: none; padding: 0; margin: 0; } .home-latest .newsletter-wrap .gform_wrapper.gform_validation_error form { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .home-latest .newsletter-wrap .gform_wrapper.gform_validation_error form .gform_body { width: 90% !important; } .home-latest .newsletter-wrap .gform_wrapper.gform_validation_error form .gform_fields .gfield { padding: 0 1em 0 0 !important; } .home-latest .newsletter-wrap .gform_wrapper.gform_validation_error .validation_error { -webkit-flex: none; -ms-flex: none; flex: none; } } /* PRODUCT */ .page-template-page-product .page-header { padding-left: 0; padding-right: 0; } @media screen and (min-width: 1000px) { .page-template-page-product .page-header h1 { font-size: 2.5em; line-height: 1.2; margin-bottom: 1rem !important; } } .page-template-page-product .page-header .button { min-width: 100px; text-align: center; } table.product-comparison { width: 100%; background-color: white; margin-bottom: 2em; } table.product-comparison th, table.product-comparison td { border-bottom: 2px solid #eee; vertical-align: middle !important; padding: 0.5em 0; } table.product-comparison th:nth-child(2), table.product-comparison td:nth-child(2) { color: #65b646; } table.product-comparison th:nth-child(3), table.product-comparison td:nth-child(3) { color: #ed7622; } table.product-comparison .check { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-weight: 700; font-size: 1.25em; } .page-navigation { position: relative; height: 42px; z-index: 99; } @media screen and (min-width: 768px) { .page-navigation { height: 48px; } } .page-navigation ul { background-color: #002733; color: white; font-size: 0.875em; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: auto; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; white-space: nowrap; } .page-navigation ul li:first-child { margin-left: auto; } .page-navigation ul li:last-child { margin-right: auto; } .page-navigation ul li a { display: block; padding: 1em 1.5em; } .page-navigation.stuck ul { position: fixed; top: 0; left: 0; width: 100%; } .admin-bar .page-navigation.stuck ul { top: 46px; } @media screen and (min-width: 768px) { .admin-bar .page-navigation.stuck ul { top: 32px; } } .page-navigation ~ section:target { scroll-margin-top: 42px; } @media screen and (min-width: 768px) { .page-navigation ~ section:target { scroll-margin-top: 48px; } } /* PLATFORM */ .chip-descriptions tbody td:first-child ~ td { font-size: 0.875em; color: #999; } /* RESOURCES */ .resource-nav.tax-resource-application .button { background-color: #9bc844; color: white; display: block; } .resource-nav.tax-resource-application .button:hover, .resource-nav.tax-resource-application .button:focus { background-color: #85b034; } .resource-nav.tax-resource-application .button:nth-of-type(4n-2) { background-color: #ed7622; color: white; } .resource-nav.tax-resource-application .button:nth-of-type(4n-2):hover, .resource-nav.tax-resource-application .button:nth-of-type(4n-2):focus { background-color: #d56211; } .resource-nav.tax-resource-application .button:nth-of-type(4n-1) { background-color: #f9d116; color: white; } .resource-nav.tax-resource-application .button:nth-of-type(4n-1):hover, .resource-nav.tax-resource-application .button:nth-of-type(4n-1):focus { background-color: #e0ba06; } .resource-nav.tax-resource-application .button:nth-of-type(4n) { background-color: #65b646; color: white; } .resource-nav.tax-resource-application .button:nth-of-type(4n):hover, .resource-nav.tax-resource-application .button:nth-of-type(4n):focus { background-color: #55993b; } .resource-nav.tax-resource-category .button { display: block; background-color: #003e52; color: white; } .resource-nav.tax-resource-category .button:hover, .resource-nav.tax-resource-category .button:focus { background-color: #001f29; } .resource-nav.tax-resource-category .button.private { background-color: #167885; color: white; } .resource-nav.tax-resource-category .button.private:hover, .resource-nav.tax-resource-category .button.private:focus { background-color: #105862; } .resource-nav.tax-resource-tag .button { background-color: #eee; color: white; color: #454f52; margin-right: 0.125em; } .resource-nav.tax-resource-tag .button:hover, .resource-nav.tax-resource-tag .button:focus { background-color: #dadada; } .resources-wrap .resource { display: block; padding: 1.5em 0; border-top: 3px solid #eee; } @media screen and (min-width: 768px) { .resources-wrap .resource { padding: 2em 0; } } .resources-wrap .resource:last-child { border-bottom: 3px solid #eee; } .resources-wrap .resource .flex { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .resources-wrap .resource header { -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 0.875em; } .resources-wrap .resource header h4, .resources-wrap .resource header #bottom nav > ul > li > a, #bottom .resources-wrap .resource header nav > ul > li > a { color: #97adb5; } .resources-wrap .resource header h3 { color: #003e52; margin-bottom: 0; } .resources-wrap .resource footer { -webkit-flex: none; -ms-flex: none; flex: none; margin-left: 0.5em; } @media screen and (min-width: 768px) { .resources-wrap .resource footer { margin-left: 2em; } } @media screen and (min-width: 1000px) { .resources-wrap .resource footer { margin-left: 3em; } } .resources-wrap .resource footer .button { background-color: #eee; color: #454f52; } /* POSTS */ .posts-wrap > * { position: relative; padding-left: 1.25rem; display: block; margin-bottom: 1em; } .posts-wrap > *:before { content: ""; position: absolute; left: 0; top: 0.25em; bottom: 0.125em; width: 3px; background-color: #eee; } .posts-wrap > * .date { color: #afafaf; } .posts-wrap > * h1 { font-size: 1rem; margin-bottom: 0.5rem; color: #454f52; } .posts-wrap > * h1:last-child { margin-bottom: 0; } .posts-wrap > * h4, .posts-wrap > * #bottom nav > ul > li > a, #bottom .posts-wrap > * nav > ul > li > a { font-size: 1em; text-transform: none; color: #003e52; } .posts-wrap > *:hover:before { background-color: #65b646; } .page-template-page-applications-ind .posts-wrap > * h4, .page-template-page-applications-ind .posts-wrap > * #bottom nav > ul > li > a, #bottom .page-template-page-applications-ind .posts-wrap > * nav > ul > li > a { color: #65b646; } .posts-wrap.search-results { border-top: 1px solid #ccc; padding-top: 2.5em; } .posts-wrap.search-results > * { padding: 0; margin-bottom: 2em; } @media screen and (min-width: 768px) { .posts-wrap.search-results > * { margin-bottom: 2.5em; } } .posts-wrap.search-results > *:before { content: none; } .posts-wrap.search-results > * header { margin-bottom: 1rem; } .posts-wrap.search-results > * header:last-child { margin-bottom: 0; } .posts-wrap.search-results > * h3 { color: #115c66; text-decoration: underline; margin-bottom: 0.25rem; } .posts-wrap.search-results > * .link { color: #65b646; } .posts-wrap.search-results > *:hover h3 { color: #003e52; } .pagination { margin-top: 3em; text-align: center; } .pagination ul { display: inline-block; margin-left: -0.5em; } .pagination ul li { display: inline-block; margin: 0 0.25em; color: #afafaf; } .pagination ul li a { display: block; font-size: 1.25em; font-weight: 700; padding: 0.5em; } .pagination ul li.prev, .pagination ul li.next { color: #65b646; } .pagination ul li.prev a, .pagination ul li.next a { width: 2.5rem; height: 2.5rem; border: 3px solid #eee; line-height: 2.5em; font-size: 0.875em; padding: 0; border-radius: 999px; } .pagination ul li.prev a:before, .pagination ul li.next a:before { position: relative; } .pagination ul li.prev:not(.inactive) a:hover, .pagination ul li.next:not(.inactive) a:hover { border-color: #afafaf; } .pagination ul li:not(.inactive):hover { color: #65b646; } .pagination ul li.prev a:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e908"; left: -1px; } .pagination ul li.next a:before { font-family: 'Icons'; font-weight: normal !important; speak: none; font-variant: normal; text-transform: none; content: "\e906"; left: 1px; } .pagination ul li.inactive { color: #eee; pointer-events: none; } .pagination ul li.current { color: #454f52; } /* CONTACT */ .locations-wrap { font-size: 0; margin: 0 -3%; } .locations-wrap > * { display: inline-block; vertical-align: top; font-size: 1rem; width: 44%; margin: 3%; } @media screen and (min-width: 900px) { .locations-wrap > * { width: 19%; } } .locations-wrap > *:last-child { margin-bottom: 0; } .locations-wrap > * header { margin-bottom: 1em; } .locations-wrap > * header * { margin-bottom: 0.25em; } .locations-wrap > * header h4, .locations-wrap > * header #bottom nav > ul > li > a, #bottom .locations-wrap > * header nav > ul > li > a { font-size: 1em; text-transform: none; } .locations-wrap > *:nth-child(1) .indent:before { background-color: #9bc844; } .locations-wrap > *:nth-child(2) .indent:before { background-color: #ed7622; } .locations-wrap > *:nth-child(3) .indent:before { background-color: #f9d116; } .locations-wrap > *:nth-child(4) .indent:before { background-color: #65b646; } /* ABOUT */ .team-wrap > header { margin-bottom: 2em; } .team-wrap .bio { padding: 2em 0; border-top: 3px solid #eee; } .team-wrap .bio:after { content: ""; display: table; clear: both; } @media screen and (min-width: 768px) { .team-wrap .bio { padding: 4em 0; } } .team-wrap .bio:first-child { padding-top: 0; border-top: 0; } .team-wrap .bio:last-child { padding-bottom: 0; } .team-wrap .bio .image-wrap { float: left; width: 150px; margin: 0 1.5em 1em 0; } .team-wrap .bio header { margin-bottom: 1.5em; } @media screen and (min-width: 768px) { .team-wrap .bio header.left { margin-bottom: 0; } } .team-wrap .bio header h3 { margin-bottom: 0.5rem; color: #003e52; } .team-wrap .bio header h4, .team-wrap .bio header #bottom nav > ul > li > a, #bottom .team-wrap .bio header nav > ul > li > a { text-transform: none; } @media screen and (min-width: 768px) { .team-wrap .bio .left { float: left; width: 225px; } .team-wrap .bio .left + div { margin-left: 225px; padding-left: 3em; } } /* SHOP */ .shop-header nav { margin-top: 1.5em; } @media screen and (min-width: 768px) { .shop-header nav { margin-top: 0; margin-left: auto; } } .shop-header nav .button { background-color: white; color: white; color: #003e52; margin-bottom: 0; margin-right: 0.5em; } .shop-header nav .button:hover, .shop-header nav .button:focus { background-color: #ebebeb; } .products-wrap > h2 { margin-top: 3rem; margin-bottom: 1rem; } .products-wrap > h3 { margin-top: 2rem; margin-bottom: 1rem; color: #65b646; } .products-wrap > h4, #bottom nav > ul > li.products-wrap > a { margin-top: 1.5rem; margin-bottom: 1rem; } .products-wrap .product { box-shadow: 0 0 1.5em -0.5em rgba(0, 0, 0, 0.3); padding: 1.5em; background-color: white; margin-bottom: 1rem; border-radius: 0.5em; } @media screen and (min-width: 768px) { .products-wrap .product { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } } .products-wrap .product header { margin-bottom: 1rem; } @media screen and (min-width: 768px) { .products-wrap .product header { margin-bottom: 0; } } .products-wrap .product header h3 .sku { font-weight: normal; color: #afafaf; } .products-wrap .product header h3 .sku:before { content: " "; white-space: pre; } .products-wrap .product header > *:last-child { margin-bottom: 0; } .products-wrap .product .pricing { margin-bottom: 1rem; } @media screen and (min-width: 768px) { .products-wrap .product .pricing { padding-left: 1.5em; border-left: 3px solid #eee; margin-left: auto; margin-bottom: 0; } } .products-wrap .product .pricing table { width: 100%; white-space: nowrap; } .products-wrap .product .pricing table th { color: #ccc; font-weight: normal; text-align: left; padding-bottom: 0.25em; } .products-wrap .product .pricing table td { font-weight: 700; color: #afafaf; } .products-wrap .product .pricing table td:first-child { width: 1.75em; } .products-wrap .product .add { margin-bottom: 1rem; } @media screen and (min-width: 768px) { .products-wrap .product .add { width: 220px; padding-left: 2em; border-left: 3px solid #eee; margin-bottom: 0; } } .products-wrap .product .add > div:first-child { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 1.5em; } .products-wrap .product .add .quantity { color: #afafaf; } .products-wrap .product .add .quantity .btn { display: inline-block; width: 1.5em; height: 1.5em; border: 2px solid #eee; border-radius: 999px; text-align: center; line-height: calc(1.5em - 4px); font-weight: 700; } .products-wrap .product .add .quantity .btn.minus:before { content: "\2212"; } .products-wrap .product .add .quantity .btn.plus:before { content: "+"; } @media screen and (min-width: 768px) { .products-wrap .product .add .quantity .btn:hover { color: #003e52; border-color: #97adb5; } } .products-wrap .product .add .quantity .qty { -webkit-appearance: textfield; appearance: textfield; -moz-appearance: textfield; display: inline-block; width: 1.5em; text-align: center; font: inherit; color: inherit; } .products-wrap .product .add .quantity .qty::-webkit-inner-spin-button, .products-wrap .product .add .quantity .qty::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .products-wrap .product .add .quantity .qty:focus { outline: none; color: #454f52; } .products-wrap .product .add .price { font-weight: 700; margin-left: auto; } .products-wrap .product .add .button { background-color: #003e52; color: white; width: 100%; text-align: center; } .products-wrap .product .add .button:hover, .products-wrap .product .add .button:focus { background-color: #001f29; } .products-wrap .product .add .added_to_cart { font-size: 0.875em; font-weight: 700; color: #65b646; text-transform: uppercase; text-decoration: none; } .products-wrap .product .add .added_to_cart:after { content: '\2192'; margin-left: 0.25em; } .products-wrap .product .add .added_to_cart:hover { color: #454f52; } .products-wrap .product[data-color|='#67b552'] .add .button { background-color: #65b646; color: white; } .products-wrap .product[data-color|='#67b552'] .add .button:hover, .products-wrap .product[data-color|='#67b552'] .add .button:focus { background-color: #55993b; } .products-wrap .product[data-color|='#ed7622'] .add .button { background-color: #ed7622; color: white; } .products-wrap .product[data-color|='#ed7622'] .add .button:hover, .products-wrap .product[data-color|='#ed7622'] .add .button:focus { background-color: #d56211; } .products-wrap .product[data-color|='#f6bf18'] .add .button { background-color: #f9d116; color: white; } .products-wrap .product[data-color|='#f6bf18'] .add .button:hover, .products-wrap .product[data-color|='#f6bf18'] .add .button:focus { background-color: #e0ba06; } .products-wrap .product[data-color|='#115d66'] .add .button { background-color: #115c66; color: white; } .products-wrap .product[data-color|='#115d66'] .add .button:hover, .products-wrap .product[data-color|='#115d66'] .add .button:focus { background-color: #0b3c43; } .woocommerce .woocommerce-cart-form .product-quantity input { font: inherit; color: inherit; } .woocommerce .woocommerce-cart-form .product-code { color: #afafaf; } .woocommerce .woocommerce-cart-form .actions .coupon .input-text { width: 120px; font: inherit; color: inherit; } .woocommerce .cart-collaterals h2 { font-size: 1.5em; } .woocommerce .cart-collaterals > h2 { position: absolute; } .woocommerce .cart-collaterals .cross-sells { margin-top: 3em; } .woocommerce .cart-collaterals .cross-sells form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .woocommerce .cart-collaterals .cross-sells form textarea, .woocommerce .cart-collaterals .cross-sells form select { font-family: inherit; font-size: 1rem; padding: 0.25rem 0.5rem; border: 3px solid #eee; border-radius: 0.25em; color: #454f52; width: 100%; } @media screen and (max-width: 767px) { .woocommerce .cart-collaterals .cross-sells form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .woocommerce .cart-collaterals .cross-sells form textarea, .woocommerce .cart-collaterals .cross-sells form select { line-height: 1.4; } } .woocommerce .cart-collaterals .cross-sells form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus, .woocommerce .cart-collaterals .cross-sells form textarea:focus, .woocommerce .cart-collaterals .cross-sells form select:focus { outline: none; border-color: #9bc844; } .woocommerce .cart-collaterals .cross-sells form .cquote-footer { margin-top: 1em; } .woocommerce .cart-collaterals .cross-sells form .cquote_submit_quote { background-color: #65b646; color: white; display: inline-block; margin-bottom: 0.5em; padding: 0.5em 1em; font-family: inherit; font-weight: 700; border: none; border-radius: 0.25em; outline: none; -webkit-appearance: none; cursor: pointer; text-decoration: none !important; } .woocommerce .cart-collaterals .cross-sells form .cquote_submit_quote:hover, .woocommerce .cart-collaterals .cross-sells form .cquote_submit_quote:focus { background-color: #55993b; } .woocommerce .cart-collaterals .cross-sells form .cquote_error { font-size: 0.75em; } .woocommerce .cart-collaterals .cart_totals .checkout-button { background-color: #65b646; color: white; } .woocommerce .cart-collaterals .cart_totals .checkout-button:hover, .woocommerce .cart-collaterals .cart_totals .checkout-button:focus { background-color: #55993b; } .component--logo-grid h2 { margin-bottom: 2em; } .logo-grid { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -2%; } @media screen and (min-width: 800px) { .logo-grid { margin: -3%; } } .logo-grid li { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 46%; margin: 2%; } @media screen and (min-width: 500px) { .logo-grid li { width: 29.33%; } } @media screen and (min-width: 800px) { .logo-grid li { margin: 3%; width: 19%; } } .logo-grid li .block { position: relative; width: 100%; height: 0; padding-bottom: 100%; background-color: white; box-shadow: 0 0 1em -0.5em rgba(0, 0, 0, 0.3); border-radius: 3px; } .logo-grid li .block .image-wrap { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .logo-grid li .block .image-wrap img { max-width: 80%; max-height: 80%; } /* Google Search */ .gsc-orderby-container { text-align: right; padding-right: 0; } /* Applications */ .page-template-page-applications-ind .sidebar h3 { color: #003e52; }