/* === Site Layouts === */ body { margin: 0; padding: 0; min-width: 320px; } img { display: block; border: 0; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; } p { margin-top: 16px; margin-bottom: 0; } ::-webkit-input-placeholder { color: #c4c4c4; } ::-moz-placeholder { color: #c4c4c4; } :-ms-input-placeholder { color: #c4c4c4; } .desktop { display: block; } .mobile { display: none; } .center-on-all { text-align: center; margin-left: auto; margin-right: auto; } .center-on-desktop { text-align: center; margin-left: auto; margin-right: auto; } .center-on-mobile { text-align: left; margin-left: 0; margin-right: 0; } .hidden { display: none; } .vpadding { height: 32px; } .vcontent { height: 16px; } .topbar { border-top: 1px solid #cccccc; } .swoosh { width: 100%; position: absolute; bottom: 0; } .img-fill { width: 100%; } section { width: 100%; } section > .outer { width: 1440px; margin: 0 auto; padding: 0; max-width: 100% } section > .outer > .inner { padding-left: 48px; padding-right: 48px; padding-top: 32px; padding-bottom: 32px; } @media screen and (max-width: 1439px) { section > .outer > .inner { padding-left: 3.3333vw; padding-right: 3.3333vw; } } @media screen and (max-width: 360px) { section > .outer > .inner { padding-left: 12px; padding-right: 12px; } } @media screen and (max-width: 767px) { .desktop { display: none; } .mobile { display: block; } .center-on-desktop { text-align: left; margin-left: 0; margin-right: 0; } .center-on-mobile { text-align: center; margin-left: auto; margin-right: auto; } } header .pane { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; } header .pane > .logo-block { max-width: 30%; } header .pane > .logo-block .logo { max-width: 100%; } @media screen and (max-width: 767px) { header .desktop { display: none; } } header .desktop .menu-block { display: flex; } header .desktop .menu-block > div { padding-left: 16px; padding-right: 16px; } header .desktop .menu-block > div:first-child { padding-left: 0; } header .desktop .menu-block > div:last-child { padding-right: 0; } header .mobile .menu-block { display: none; position: absolute; left: 0; top: 60px; width: calc(100% - 16px); background: #ffffff; border-bottom: 1px solid #999999; padding: 0 8px 8px 8px; z-index: 100; box-shadow: inset 0 3px 8px #cccccc; } header .mobile .menu-block > div { padding: 18px 8px 8px 8px; } header .mobile .menu-block > .icon-block { padding-left: 0; padding-right: 0; display: flex; justify-content: flex-end; } header .mobile .menu-closer { display: none; } @media screen and (max-width: 767px) { header .mega-pane { flex-direction: row; align-items: center; justify-content: space-between; } header .pane > .logo-block { max-width: 75%; padding-right: 32px; padding-bottom: 0;} } footer .pane--closure { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; } footer .pane--closure > .copyright-block { padding-right: 40px; } footer .x4 { padding-top: 42px; } footer .x4 .pane > div { padding-top: 4px; } footer .menu-block { display: flex; } footer .menu-block > div { padding-left: 16px; padding-right: 16px; } footer .menu-block > div:first-child { padding-left: 0; } footer .menu-block > div:last-child { padding-right: 0; } @media screen and (max-width: 1121px) { footer .pane--closure { flex-direction: column; justify-content: space-between; } footer .pane--closure > .copyright-block { max-width: 75%; padding-right: 0; padding-top: 16px; } } @media screen and (max-width: 767px) { footer .menu-block { flex-direction: column; align-items: center; } footer .menu-block > div { padding-top: 16px; padding-left: 0; padding-right: 0; } footer .pane--closure > .copyright-block { text-align: center; } } /* === Search Results === */ .section--search_results .entry-meta { display: none; } .section--search_results .entry-footer { display: none; } /* === Mini Modal === */ .mini_modal { z-index: 9999; position: absolute; display: none; text-align: center; min-height: 508px; width: 100%; margin-top: 20px; } .mini_modal .x-to-close-wrapper { max-width: 1052px; width: 80%; margin-left: auto; margin-right: auto; text-align: right; } .mini_modal .x-to-close { font-size: 40px; text-decoration: none; right: 6px; top: 36px; padding: 9px 13px; border-radius: 20px; cursor: pointer; z-index: 999; margin: 12px -20px -20px 0px; color: #5a5a5a; position: relative; background-color: #transparent; } .mini_modal .x-to-close:hover { color: #000000; } .mini_modal .mini_modal-content { border: 0; border-top: 24px solid #ffffff; margin: -8px auto 0 auto; display: none; max-width: 1052px; width: 80%; min-height: 448px; padding: 24px; background-color: #ffffff; clear: both; display: flex; } .mini_modal .mini_modal-content-left { padding-right: 24px; padding-top: 19px; } .mini_modal .mini_modal-content-left .tile-segment { display: none; } .mini_modal .mini_modal-content-left h5 { font-size: 26px; color: #173059; padding-top: 6px; padding-bottom: 0; } .mini_modal .mini_modal-content-left .intro { max-width: 250px; font-size: 16px; color: #173059; } .mini_modal .mini_modal-content-right { text-align: left; overflow-y: auto; padding-left: 24px; } .mini_modal .mini_modal-content-right p { padding-bottom: 12px; padding-right: 48px; font-size: 17px; } @media screen and (max-width: 767px) { .mini_modal .mini_modal-content-left .intro { max-width: none; padding-bottom: 24px; } .mini_modal .mini_modal-content-left .pane-photo { margin-left: auto; margin-right: auto; } .mini_modal .mini_modal-content-right { overflow-y: visible; } .mini_modal .mini_modal-content { display: block; overflow-y: auto; } .mini_modal .mini_modal-content-right p { padding-right: 24px; } } /* === Custom Dropdown originally from https://tympanus.net/Tutorials/CustomDropDownListStyling === */ .wrapper-dropdown-custom { position: relative; width: 200px; margin-top: 0; margin-bottom: 0; padding: 15px; border-radius: 28px; box-shadow: 0 6px 6px rgba(127, 127, 127, 0.2); cursor: pointer; outline: none; color: #5a5a5a; background-color: #ffffff; } .wrapper-dropdown-custom i { border: solid #ff8500; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); position: absolute; right: 20px; top: 50%; margin-top: -6px; } .wrapper-dropdown-custom .dropdown { position: absolute; top: 78%; left: 0; right: 0; background: #ffffff; border-radius: 7px; border: 1px solid rgba(0,0,0,0.17); box-shadow: 0 0 5px rgba(0,0,0,0.1); font-weight: normal; list-style: none; opacity: 0; pointer-events: none; z-index: 1; } .wrapper-dropdown-custom .dropdown { -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in; -ms-transition: all 0.5s ease-in; -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in; } .wrapper-dropdown-custom .dropdown li { padding: 8px 10px 10px 10px; } .wrapper-dropdown-custom .dropdown li a { padding: 10px 0 4px 0; margin-bottom: 6px; text-decoration: none; color: #5a5a5a; } .wrapper-dropdown-custom .dropdown li i { float: right; color: inherit; } .wrapper-dropdown-custom .dropdown li:first-of-type a { border-radius: 7px 7px 0 0; } .wrapper-dropdown-custom .dropdown li:last-of-type a { border: none; border-radius: 0 0 7px 7px; } .wrapper-dropdown-custom .dropdown li:hover a { color: #000000; background: linear-gradient(to left, rgb(255, 83, 5) 0%, rgb(251, 177, 0) 100%) left bottom / 100% 2px no-repeat rgb(255, 255, 255); } .wrapper-dropdown-custom.active { background: url(/wp-content/uploads/gradient-dark.png); background-size: cover; background-color: #ff8500; color: #ffffff; } .wrapper-dropdown-custom.active .dropdown { opacity: 1; pointer-events: auto; } .wrapper-dropdown-custom.active i { border: solid #ffffff; border-width: 0 2px 2px 0; transform: rotate(-135deg); -webkit-transform: rotate(-135deg); margin-top: -3px; } /* === Site Fonts, Color, and Decorations === */ body { font-family: proxima-nova, sans-serif; font-weight: 400; color: #5a5a5a; font-size: 18px; line-height: 25px; letter-spacing: 0; } p { font-family: proxima-nova, sans-serif; font-weight: 400; color: #5a5a5a; font-size: 18px; line-height: 25px; letter-spacing: 0; } .p-small { font-family: proxima-nova, sans-serif; font-weight: 400; color: #5a5a5a; font-size: 15px; line-height: 25px; letter-spacing: 0; } .p-tiny { font-family: proxima-nova, sans-serif; font-weight: 400; color: #5a5a5a; font-size: 13px; line-height: 16px; letter-spacing: 0; } h1 { font-family: proxima-nova, sans-serif; font-weight: 300; color: #000000; font-size: 72px; line-height: 72px; letter-spacing: -4px; } h2 { font-family: proxima-nova, sans-serif; font-weight: 400; color: #000000; font-size: 54px; line-height: 66px; letter-spacing: -1.08px; } h3 { font-family: proxima-nova, sans-serif; font-weight: 400; color: #000000; font-size: 38px; line-height: 46px; letter-spacing: -0.75px; } h4 { font-family: proxima-nova, sans-serif; font-weight: 400; color: #000000; font-size: 26px; line-height: 32px; letter-spacing: -0.4643px; } h5 { font-family: proxima-nova, sans-serif; font-weight: 700; color: #5a5a5a; font-size: 18px; line-height: 32px; letter-spacing: 0.5px; text-transformation: uppercase; } h6 { font-family: proxima-nova, sans-serif; font-weight: 700; color: #5a5a5a; font-size: 12px; line-height: 15px; letter-spacing: 4px; text-transformation: uppercase; } a { text-decoration: none; color: #ff8500; } a:hover { text-decoration: none; color: #ff8500; } a:active { text-decoration: none; color: #ff8500; } header .mobile .icon-block{ font-size: 24px; } header .logo-block .logo { width: 200px; } header .logo-block .logo-sticky { width: 150px; padding-right: 50px; padding-top: 4px; } /* @media screen and (max-width: 959px) { header .logo-block .logo { width: calc(20.3125vw + 5px); } } */ @media screen and (max-width: 767px) { header .logo-block .logo { width: 100px; padding-right: 50px; } } @media screen and (max-width: 767px) { header .logo-block .logo-sticky { width: 100px; padding-right: 50px; } } @media screen and (max-width: 359px) { header .logo-block .logo { padding-right: 8px; } } @media screen and (max-width: 359px) { header .logo-block .logo-sticky { padding-right: 8px; } } .stripe { background-color: #f3f3f3; } /* === Buttons === */ .button { display: inline-block; text-align: center; text-decoration: none; cursor: pointer; } .button { padding: 16px 32px 14px 32px; border: 1px solid #ffffff; border-radius: 32px; font-size: 21px; line-height: 24px; } .button { color: #5a5a5a; background: #ffffff; background-size: cover; box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2); } .button { -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; transition:all 300ms ease-out; } .button .icon { color: #FF8500; } .button .icon { -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; transition:all 300ms ease-out; } .button:hover { color: #ffffff; background: transparent; border: 1px solid #ffffff; } .button:hover .icon { color: #ffffff; } .button:active { color: #ffffff; background-color: rgba(255, 255, 255, 0.15); border: 1px solid #ffffff; } .button:active .icon { color: #ffffff; } .button .flexible { display: flex; align-items: flex-center; } @media screen and (max-width: 640px) { .button { font-size: calc(1.875vw + 9px); padding: calc(1.5625vw + 6px) calc(2.8125vw + 14px) calc(1.25vw + 6px) calc(2.8125vw + 14px); } } @media screen and (max-width: 320px) { .button { font-size: 15px; padding: 11px 23px 10px 23px; } } .button-inverted { background: url(/wp-content/uploads/gradient-dark.png); background-size: cover; background-color: #ff8500; color: #ffffff; border: 1px solid #ff8500; } .button-inverted .icon { color: #ffffff; } .button-inverted:hover { color: #ff8500; border: 1px solid #ff8500; } .button-inverted:active { color: #ff8500; border: 1px solid #ff8500; background-color: rgba(255, 132, 0, 0.15) } .button-inverted:hover .icon { color: #ff8500; } .button-inverted:active .icon { color: #ff8500; } /* === Hamburger === */ .hamburger { margin-right: 0; } /* === Colorbox === */ .colorbox { width: 20px; min-width: 20px; height: 20px; margin: 4px 10px 4px 0; } /* === 2-Columns === */ .x2 { display: flex; flex-wrap: wrap; justify-content: space-between; } .x2 > .container-child { max-width: 100%; width: calc(50% - 10px); } .x2 > .gap { display: none; } @media screen and (max-width: 640px) { .x2 > .container-child { width: 100%; } } .x2--x2x2 { display: flex; flex-wrap: wrap; justify-content: space-between; } .x2--x2x2 > .container-child { max-width: 100%; width: calc(50% - 10px); } .x2--x2x2 img { max-width: 100%;} .x2--x2x2 img.tertiary { width: 100%; } @media screen and (max-width: 959px) { .x2--x2x2 > .container-child { width: 100%; padding-right: 0; padding-left: 0; } .x2--x2x2 > .container-child--0 { padding-bottom: 20px; } } @media screen and (max-width: 640px) { .x2--x2x2 > .container-child { width: 100%; } } footer .x2 { display: flex; flex-wrap: wrap; justify-content: center; } footer .x2 > .container-child { max-width: 100%; width: auto; } footer .x2 > .gap { width: auto; } @media screen and (max-width: 799px) { footer .x2 > .gap { width: 100%; height: 32px; } } footer .x2x2 { display: flex; flex-wrap: wrap; } footer .x2x2 > .container-child { max-width: 100%; padding-right: 16px; padding-left: 16px; } @media screen and (max-width: 799px) { footer .x2x2 > .container-child { width: 250px; padding-right: 0; padding-left: 0; text-align: center; } } @media screen and (max-width: 600px) { footer .x2x2 > .container-child { width: 100%; } footer .x2x2 > .gap { width: 100%; height: 32px; } } .x2--blog { padding-top: 24px; } .x2--blog .headshot { width: 80px; height: 80px; border-radius: 50%; margin-right: 14px; } .x2--blog > .container-child--0 { max-width: 100%; width: 62%; } .x2--blog > .container-child--0 img { max-width: 100%; } .x2--blog > .container-child--1 { max-width: 100%; width: calc(33.3333% - 13.3333px); } @media screen and (max-width: 799px) { .x2--blog .container-child { width: 100%; } .x2--blog .container-child--1 { padding-top: 32px; } } /* === 3 Columns === */ .x3wrap { display: flex; flex-wrap: wrap; justify-content: space-between; } .x3wrap > .container-child { max-width: 100%; width: calc(33.3333% - 13.3333px); overflow-wrap: break-word; word-wrap: break-word; } .x3wrap > .container-child img { max-width: 100%; } .x3wrap > .container-child > .pane > .container-child { max-width: 100%; } .x3wrap > .gap { display: none; } @media screen and (max-width: 959px) { .x3wrap > .container-child { width: calc(50% - 10px); } } @media screen and (max-width: 639px) { .x3wrap > .container-child { width: 100%; } } /* === 4 Columns === */ main .x4 { display: flex; flex-wrap: nowrap; justify-content: space-between; } main .x4 > .container-child { max-width: 100%; width: calc(25% - 15px); } main .x4 .pane { height: 100%; display: flex; flex-direction: column; justify-content: space-between; } @media screen and (max-width: 1023px) { main .x4 { flex-wrap: wrap; } main .x4 > .container-child { width: calc(50% - 10px); } } @media screen and (max-width: 639px) { main .x4 > .container-child { width: 100%; } main .x4 .pane { min-height: unset; } } .x4wrap { display: flex; flex-wrap: wrap; justify-content: space-between; } .x4wrap > .container-child { max-width: 100%; width: calc(25% - 15px); overflow-wrap: break-word; word-wrap: break-word; } .x4wrap > .container-child img { max-width: 100%; } .x4wrap > .container-child > .pane > .container-child { max-width: 100%; } .x4wrap > .gap { display: none; } @media screen and (max-width: 959px) { .x4wrap > .container-child { width: calc(50% - 10px); } } @media screen and (max-width: 639px) { .x4wrap > .container-child { width: 100%; } } /* === Mega Menu === */ .megamenu .outer { width: 100%; } .megamenu .outer .inner { padding: 0; } .megamenu .hoverable { display: none; width: 100%; z-index: 100; } .megamenu .hoverable .hover { width: 100%; } .megamenu .hoverable .hover .megamenu-canvas { box-shadow: inset 0 2px 20px rgba(0, 0, 0, 0.2); padding-top: 24px; } .megamenu .hoverable .hover .megamenu-canvas .megamenu--column--first { max-width: 300px; } .megamenu .pane .hover div { font-size: 12px; font-family: proxima-nova, sans-serif; padding-left: 24px; padding-bottom: 6px; } @media screen and (max-width: 767px) { .megamenu .pane .hover div { padding-left: 0; } } .megamenu .pane .hover a { padding-bottom: 0; } .megamenu .pane .hover div a { padding-left: 0; } .megamenu .pane .hover .megamenu--top { display: flex; padding-left: 0; } .megamenu .pane .hover .megamenu--bottom { display: flex; padding-top: 24px; height: 100%; padding-left: 0; } .megamenu .pane .hover .megamenu--column a { padding-left: 0; } .megamenu .pane .hover .megamenu--column--first { border-right: 1px solid #c4c4c4; padding-left: 0; padding-right: 48px; margin-top: 20px; } .megamenu .pane .hover .megamenu--column--first img { max-width: 100%; } .megamenu .pane .hover .p1 { font-weight: 400; color: #000000; font-size: 26px; line-height: 32px; letter-spacing: -0.46px; text-align: center; } .megamenu .pane .hover .p2 { font-weight: 700; color: #ff4a00; font-size: 12px; line-height: 15px; letter-spacing: 4px; padding-bottom: 16px; } .megamenu .pane .hover .p3 a { font-weight: 400; color: #000000; font-size: 15px; line-height: 25px; } .megamenu .pane .hover .p3 a:hover { color: #ff8500; } .megamenu .pane .hover .p4 { font-size: 12px; font-weight: 500; color: #576077; } .megamenu .pane .hover .p5 { font-size: 20px; font-weight: 700; } .megamenu .pane .hover .p6 { font-weight: 400; color: #5a5a5a; font-size: 15px; line-height: 25px; text-align: center; } /* === Cookie Notice === */ .cookie-notice-container { display: none; justify-content: center; align-items: center; background-color: #5a5a5a; opacity: 0.95; padding: 12px 24px; } .cookie-notice-container a { color: #eeeeee; } .cookie-notice-container a:hover { color: #ffffff; } @media screen and (max-width: 1023px) { .cookie-notice-text { font-size: calc(0.8523vw + 9.2727px); line-height: normal; } } /* === Site-Specific === */ form.mktoForm { max-width: calc(100% - 12px); padding-bottom: 32px; overflow: hidden; } form.mktoForm .mktoFieldWrap input[type=text].mktoField { border: 1px solid rgb(169, 169, 169); box-shadow: none; border-radius: 3px; margin-right: 10px; } form.mktoForm .mktoFieldWrap input[type=tel].mktoField { border: 1px solid rgb(169, 169, 169); box-shadow: none; border-radius: 3px; margin-right: 10px; } form.mktoForm .mktoFieldWrap input[type=url].mktoField { border: 1px solid rgb(169, 169, 169); box-shadow: none; border-radius: 3px; margin-right: 10px; } form.mktoForm .mktoFieldWrap input[type=email].mktoField { border: 1px solid rgb(169, 169, 169); box-shadow: none; border-radius: 3px; margin-right: 10px; } form.mktoForm .mktoFieldWrap textarea.mktoField { border: 1px solid rgb(169, 169, 169); box-shadow: none; border-radius: 3px; margin-right: 10px; } form.mktoForm .mktoFieldWrap select.mktoField { padding: 8px 12px; box-shadow: none; border-radius: 3px; margin-right: 10px; } form.mktoForm textarea { max-width: 90%; } form.mktoForm select { border: 1px solid rgb(169, 169, 169); } form.mktoForm .mktoButtonRow .mktoButtonWrap.mktoSkip .mktoButton { padding: 16px 32px 14px 32px; border: 1px solid #ffffff; border-radius: 32px; font-size: 21px; line-height: 24px; -webkit-box-shadow: none; box-shadow: none; } form.mktoForm .mktoButtonRow .mktoButtonWrap.mktoSkip .mktoButton { border: 0; background: url(/wp-content/uploads/gradient-dark.png); background-size: cover; background-color: #ff8500; color: #ffffff; border: 1px solid #ff8500; text-shadow: none; } form.mktoForm .mktoButtonRow .mktoButtonWrap.mktoSkip .mktoButton:hover { color: #ff8500; border: 1px solid #ff8500; background: #ffffff; } form.mktoForm .mktoButtonRow .mktoButtonWrap.mktoRound .mktoButton { padding: 16px 32px 14px 32px; border: 1px solid #ffffff; border-radius: 32px; font-size: 21px; line-height: 24px; -webkit-box-shadow: none; box-shadow: none; } form.mktoForm .mktoButtonRow .mktoButtonWrap.mktoRound .mktoButton { background: url(/wp-content/uploads/gradient-dark.png); background-size: cover; background-color: #ff8500; color: #ffffff; border: 1px solid #ff8500; text-shadow: none; } form.mktoForm .mktoButtonRow .mktoButtonWrap.mktoRound .mktoButton:hover { color: #ff8500; border: 1px solid #ff8500; background: #ffffff; } form.mktoForm .mktoButtonRow .mktoButtonWrap.mktoSimple .mktoButton { padding: 16px 32px 14px 32px; border: 1px solid #ffffff; border-radius: 32px; font-size: 21px; line-height: 24px; -webkit-box-shadow: none; box-shadow: none; } form.mktoForm .mktoButtonRow .mktoButtonWrap.mktoSimple .mktoButton { background: url(/wp-content/uploads/gradient-dark.png); background-size: cover; background-color: #ff8500; color: #ffffff; border: 1px solid #ff8500; text-shadow: none; } form.mktoForm .mktoButtonRow .mktoButtonWrap.mktoSimple .mktoButton:hover { color: #ff8500; border: 1px solid #ff8500; background: #ffffff; } form.mktoForm .mktoTemplateBox .mktoButtonWrap.mktoRound .mktoButton { padding: 16px 32px 14px 32px; border: 1px solid #ffffff; border-radius: 32px; font-size: 21px; line-height: 24px; -webkit-box-shadow: none; box-shadow: none; } form.mktoForm .mktoTemplateBox .mktoButtonWrap.mktoRound .mktoButton { background: url(/wp-content/uploads/gradient-dark.png); background-size: cover; background-color: #ff8500; color: #ffffff; border: 1px solid #ff8500; text-shadow: none; } form.mktoForm .mktoTemplateBox .mktoButtonWrap.mktoRound .mktoButton:hover { color: #ff8500; border: 1px solid #ff8500; background: #ffffff; } form.mktoForm .mktoOffset { display: none; } form.mktoForm textarea.mktoField { max-width: calc(100% - 150px); } @media only screen and (max-width: 480px) { form.mktoForm textarea.mktoField { max-width: 100%; } } form.mktoForm input[type=checkbox] + label:before, .mktoForm input[type=radio] + label:before { margin-left: -2em !important; } form.mktoForm .mktoCheckboxList label { width: 100% !important; } @media only screen and (max-width: 480px), only screen and (max-device-width: 480px), only screen and (max-device-height: 480px) { form.mktoForm strong { padding: 0 !important; } } @media only screen and (max-width: 480px) { form.mktoForm strong { padding: 0 !important; } form.mktoForm textarea.mktoField { height: inherit !important; } } .megamenu .pane .hover div .megamenu--column .p3 { padding-bottom: 12px; } .megamenu .pane .hover div .megamenu--column .p3 a { line-height: 21px; } .megamenu .pane .megamenu-canvas { height: 400px; min-width: 680px; z-index: 99; background-color: #ffffff; line-height: 22px; overflow: hidden; padding: 0; } @media screen and (max-width: 767px) { .megamenu .pane .megamenu-canvas { min-width: auto; } } .megamenu .pane .hover .megamenu--top { max-width: 1344px; margin: 0 auto; padding-left: 48px; padding-right: 48px; } @media screen and (max-width: 1023px) { .megamenu .pane .hover div .megamenu--column { padding-left: 12px; } .megamenu .pane .hover div .megamenu--column--first { padding-left: 0; padding-right: 24px; } .megamenu .pane .hover div .megamenu--top { padding-left: 0px; padding-right: 36px; } .megamenu .pane .hover div .megamenu--column--first img { max-width: 70%; } } .stickynav { background-color: #ffffff; z-index: 999; position: relative; } header a { color: #5a5a5a; } header .mega-pane .logo-block .logo { border-bottom: 4px solid transparent; } @media screen and (max-width: 767px) { .desktop-prenav { display: none; } } header .mega-pane { padding-bottom: 0; margin-top: -10px; } @media screen and (max-width: 980px) { header .mega-pane { flex-direction: column; align-items: flex-start; margin-top: 0; } } @media screen and (max-width: 767px) { header .mega-pane { flex-direction: row; align-items: center; justify-content: space-between; padding-top: 8px; padding-bottom: 4px; } } .x2 .primary { max-width: 100%; } .legend { margin-left: 15px; margin-right: 15px; padding-bottom: 12px; cursor: pointer; } @media screen and (max-width: 1023px) { .legend { margin-left: 14px; margin-right: 14px; } } .button-round { height: 59px; width: 59px; display: flex; justify-content: center; align-items: center; } .button-round .fa { font-size: 27px; margin-bottom: 4px; color: #ffffff; } header .pane--prenav div { font-weight: 400; color: #5a5a5a; font-size: 14px; line-height: 16px; } header .legend { font-weight: 400; color: #5a5a5a; font-size: 18px; line-height: 53px; letter-spacing: 1.5px; } header nav { padding-left: 48px; } header .desktop .menu-block .pane div { padding-bottom: 4px; } header .desktop .menu-block .pane div:hover a { color: #000000; } header .mobile .menu-block-main > div { padding-left: 4px; padding-right: 6px; } header .mobile .menu-block-main > .menu-element--root { display: flex; justify-content: space-between; align-items: center; height: 53px; } header .mobile .menu-block-main > .menu-element--root a { font-size: 23px; line-height: 27px; font-weight: 400; letter-spacing: 1.8333px; color: #5a5a5a; padding-top: 12px; padding-bottom: 12px; } header .mobile .menu-block-main .fa-wrapper .fa-plus { display: block; cursor: pointer; color: #ff8500; padding-top: 12px; padding-bottom: 12px; } header .mobile .menu-block-main .fa-wrapper .fa-minus { display: none; cursor: pointer; color: #ff8500; padding-top: 12px; padding-bottom: 12px; } header .mobile .menu-block-main > .menu-element--sub { padding: 16px 12px 12px 12px; } header .mobile .menu-block-main > .menu-element--sub b { font-size: 12px; line-height: 15px; color: #ff4a00; font-weight: 700; letter-spacing: 4px; } header .mobile .menu-block-main > .menu-element--sub a { font-size: 17px; line-height: 36px; color: #000000; font-weight: 400; letter-spacing: 0; } header .mobile .menu-block-main > .menu-element--sub a:hover { color: #ff8500; } header .mobile .menu-block-main .menu-element-tertiary { font-size: 15px; line-height: 33px; color: #5a5a5a; font-weight: 400; letter-spacing: 0; } header .accordian-controls .accordian-control-plus { width: 16px; display: block; cursor: pointer; } header .accordian-controls .accordian-control-minus { width: 16px; display: none; cursor: pointer; } .section--heading .outer .inner { padding-top: 48px; padding-bottom: 0; } .section--heading .outer .inner p { font-size: 22px; } @media screen and (max-width: 640px) { .section--heading .outer .inner { padding-top: 32px; } .section--heading h2 { font-size: 36px; line-height: 40px; } } .section--testimonial .outer .inner { padding-top: 48px; padding-bottom: 48px; } .section--testimonial .outer .inner img.pane-customer { border-radius: 50%; } .section--testimonial .outer .inner h2 { color: #000000; } .section--testimonial .outer .inner h3 { color: #5a5a5a; } .section--testimonial .outer .inner h5 { color: #5a5a5a; } .section--testimonial .outer .inner h6 { color: #5a5a5a; } @media screen and (max-width: 640px) { .section--testimonial .outer .inner { padding-top: 32px; } .section--testimonial h2 { font-size: 36px; line-height: 40px; } } .section--testimonial--color-reversed { background-color: #ff8500; padding-bottom: 48px; } .section--testimonial--color-reversed .outer .inner h2 { color: #ffffff; } .section--testimonial--color-reversed .outer .inner h3 { color: #ffffff; } .section--testimonial--color-reversed .outer .inner h5 { color: #ffffff; } .section--testimonial--color-reversed .outer .inner h6 { color: #ffffff; } .section--nautilus .outer .inner { padding-top: 64px; padding-bottom: 0; } .section--nautilus--show_3 .outer .inner { padding-bottom: 64px; } .section--nautilus .image-above { padding-top: 8px; } .section--nautilus .x2--x2x2 .gap { height: 32px; } .section--nautilus .pane--inverted { background: url(/wp-content/uploads/gradient-dark.png) no-repeat; background-size: cover; padding: 30px 20px 20px 20px; } .section--nautilus--show_3 .pane--inverted { padding-bottom: 50px; } @media screen and (max-width: 1023px) { .section--nautilus--show_3 .pane--inverted { padding-bottom: 20px; } } .section--nautilus .pane--inverted .container-child--3 { padding-bottom: 24px; } .section--nautilus .pane--inverted .image-accent { width: 100%; height: 2px; width: 40px; } .section--nautilus .pane--inverted:hover .image-accent { width: 100%; height: 2px; } .section--nautilus .pane--inverted .image-accent { -webkit-transition:width 500ms ease-out; -moz-transition:width 500ms ease-out; -o-transition:width 500ms ease-out; -ms-transition:width 500ms ease-out; transition:width 500ms ease-out; } .section--nautilus .pane--inverted h3 { color: #ffffff; } .section--nautilus .pane--inverted h4 { color: #ffffff; padding-top: 16px; } .section--nautilus .pane--inverted h5 { color: #ffffff; } .section--nautilus .pane--inverted p { color: #ffffff; } .section--nautilus h5 { display: inline; color: #c4c4c4; font-size: 12px; line-height: 15px; letter-spacing: 4px; text-transform: uppercase; font-weight: 700; padding-top: 8px; } .section--nautilus h4 { padding-top: 16px; } .section--nautilus .x2--x2x2 h4 { padding-bottom: 16px; } .section--nautilus .x2--x2x2 > .container-child { position: relative; } .section--nautilus .x2--x2x2 > .container-child:before { content: ""; position: absolute; bottom: 0; left: 15px; right: 15px; z-index: -1; box-shadow: 0 0 30px 6px rgba(0, 0, 0, 0.25); } .section--nautilus .x2--x2x2 > .container-child > .pane > .container-child > .pane { padding: 30px 20px 20px 20px; } .section--nautilus .x2--x2x2 > .container-child > .pane { background-color: white; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15); height: 100%; } .section--nautilus .x2--x2x2 > .container-child > .pane:hover { box-shadow: 0 0 20px 4px rgba(192, 192, 192, 0.6); } .section--nautilus .x2--x2x2 > .container-child > .pane .image-above { height: 2px; width: 40px; } .section--nautilus .x2--x2x2 > .container-child > .pane:hover .image-above { width: 100%; height: 2px; } .section--nautilus .x2--x2x2 > .container-child > .pane .image-above { -webkit-transition:width 500ms ease-out; -moz-transition:width 500ms ease-out; -o-transition:width 500ms ease-out; -ms-transition:width 500ms ease-out; transition:width 500ms ease-out; } .section--nautilus .x2--x2x2 > .container-child > .pane { -webkit-transition:box-shadow 300ms ease-out; -moz-transition:box-shadow 300ms ease-out; -o-transition:box-shadow 300ms ease-out; -ms-transition:box-shadow 300ms ease-out; transition:box-shadow 300ms ease-out; } .section--nautilus .x2 > .container-child--0 { position: relative; } .section--nautilus .x2 > .container-child--0:before { content: ""; position: absolute; bottom: 0; left: 15px; right: 15px; z-index: -1; box-shadow: 0 0 30px 6px rgba(0, 0, 0, 0.25); } .section--nautilus .x2 .pane--hero { background-color: white; } .section--nautilus .x2 .pane--hero .pane--inner { padding: 30px 20px 20px 20px; } .section--nautilus .x2 .pane--hero { box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15); height: 100%; } .section--nautilus .x2 .pane--hero:hover { box-shadow: 0 0 20px 4px rgba(192, 192, 192, 0.6); } .section--nautilus .x2 .pane--hero { -webkit-transition:box-shadow 300ms ease-out; -moz-transition:box-shadow 300ms ease-out; -o-transition:box-shadow 300ms ease-out; -ms-transition:box-shadow 300ms ease-out; transition:box-shadow 300ms ease-out; } .section--nautilus .x2 .pane--hero .image-above { width: 100%; height: 2px; width: 40px; } .section--nautilus .x2 .pane--hero:hover .image-above { width: 100%; height: 2px; } .section--nautilus .x2 .pane--hero .image-above { -webkit-transition:width 500ms ease-out; -moz-transition:width 500ms ease-out; -o-transition:width 500ms ease-out; -ms-transition:width 500ms ease-out; transition:width 500ms ease-out; } @media screen and (max-width: 767px) { .section--nautilus .x2 > .container-child--0 { padding-bottom: 20px; } .section--nautilus .x2 > .container-child { width: 100%; } .section--nautilus .x2--x2x2 { flex-direction: column; } } .section--nautilus .vpadding { height: 20px; width: 100%; } .section--featured { background-color: rgba(0, 0, 0, 0.06); } .section--featured .outer .inner { padding-top: 48px; padding-bottom: 0; } .section--featured .x2--featured { justify-content: space-between; } .section--featured .x2--featured > .container-child--0 { width: calc(25% - 10px); } .section--featured .x2--featured > .container-child--0 h3 { color: #ffffff; } .section--featured .x2--featured > .container-child--0 p { color: #ffffff; } .section--featured .x2--featured > .container-child--0 > .pane { background: url(/wp-content/uploads/gradient-dark.png) no-repeat; background-size: cover; padding: 30px 20px 20px 20px; height: calc(100% - 90px); min-height: calc(100% - 90px); } .section--featured .x2--featured > .container-child--1 { width: calc(75% - 10px); } .section--featured .x2--featured > .container-child--1 .x3wrap > .container-child { max-width: 100%; padding-bottom: 20px; position: relative; } .section--featured .x2--featured > .container-child--1 .x3wrap > .container-child-real > .pane { padding: 30px 20px 20px 20px; background-color: #ffffff; min-height: 233px; } .section--featured .x2--featured > .container-child--1 .x3wrap > .container-child-real > .pane { height: calc(100% - 50px); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15); } .section--featured .x2--featured > .container-child--1 .x3wrap > .container-child-real:before { content: ""; position: absolute; bottom: 20px; left: 15px; right: 15px; z-index: -1; box-shadow: 0 0 30px 6px rgba(0, 0, 0, 0.25); } .section--featured .x2--featured > .container-child--1 .x3wrap > .container-child > .pane:hover { box-shadow: 0 0 20px 4px rgba(192, 192, 192, 0.6); } .section--featured .x2--featured > .container-child--1 .x3wrap > .container-child > .pane > .container-child--1 { padding-top: 12px; padding-bottom: 18px; } .section--featured .x2--featured > .container-child--1 .x3wrap > .container-child > .pane > .container-child--1 h4 { display: inline; } .section--featured .x2--featured > .container-child--1 .x3wrap > .container-child > .pane .image-above { height: 2px; width: 40px; } .section--featured .x2--featured > .container-child--1 .x3wrap > .container-child > .pane:hover .image-above { width: 100%; height: 2px; } .section--featured .x2--featured > .container-child--1 .x3wrap > .container-child > .pane .image-above { -webkit-transition:width 500ms ease-out; -moz-transition:width 500ms ease-out; -o-transition:width 500ms ease-out; -ms-transition:width 500ms ease-out; transition:width 500ms ease-out; } .section--featured .x2--featured > .container-child--1 .x3wrap > .container-child > .pane { -webkit-transition:box-shadow 300ms ease-out; -moz-transition:box-shadow 300ms ease-out; -o-transition:box-shadow 300ms ease-out; -ms-transition:box-shadow 300ms ease-out; transition:box-shadow 300ms ease-out; } @media screen and (max-width: 1165px) { .section--featured .x2--featured > .container-child { flex-wrap: wrap; width: 100%; } .section--featured .x2--featured > .container-child--0 { padding-bottom: 24px; } .section--featured .x2--featured > .container-child--0 > .pane { height: calc(100% - 50px); min-height: calc(100% - 50px); } } .section--featured_headless { background-color: rgba(0, 0, 0, 0.06); } .section--featured_headless .outer .inner { padding-top: 48px; padding-bottom: 0; } .section--featured_headless { justify-content: space-between; } .section--featured_headless .x3wrap > .container-child { max-width: 100%; padding-bottom: 20px; position: relative; } .section--featured_headless .x3wrap > .container-child-real > .pane { padding: 30px 20px 20px 20px; background-color: #ffffff; min-height: 233px; } .section--featured_headless .x3wrap > .container-child-real > .pane { height: calc(100% - 50px); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15); } .section--featured_headless .x3wrap > .container-child-real:before { content: ""; position: absolute; bottom: 20px; left: 15px; right: 15px; z-index: -1; box-shadow: 0 0 30px 6px rgba(0, 0, 0, 0.25); } .section--featured_headless .x3wrap > .container-child > .pane:hover { box-shadow: 0 0 20px 4px rgba(192, 192, 192, 0.6); } .section--featured_headless .x3wrap > .container-child > .pane > .container-child--1 { padding-top: 12px; padding-bottom: 18px; } .section--featured_headless .x3wrap > .container-child > .pane > .container-child--1 h4 { display: inline; } .section--featured_headless .x3wrap > .container-child > .pane .image-above { height: 2px; width: 40px; } .section--featured_headless .x3wrap > .container-child > .pane:hover .image-above { width: 100%; height: 2px; } .section--featured_headless .x3wrap > .container-child > .pane .image-above { -webkit-transition:width 500ms ease-out; -moz-transition:width 500ms ease-out; -o-transition:width 500ms ease-out; -ms-transition:width 500ms ease-out; transition:width 500ms ease-out; } .section--featured_headless .x3wrap > .container-child > .pane { -webkit-transition:box-shadow 300ms ease-out; -moz-transition:box-shadow 300ms ease-out; -o-transition:box-shadow 300ms ease-out; -ms-transition:box-shadow 300ms ease-out; transition:box-shadow 300ms ease-out; } .section--imgcloud .outer .inner { padding-top: 32px; padding-bottom: 32px; } .section--imgcloud .outer .inner .illustration { padding: 0; width: 100%; } .section--imgcloud .outer .inner .imgcloud--shield { position: absolute; width: 100%; height: 100%; background-color: rgba(255, 255, 255, .9); display: none; z-index: 2; } .section--imgcloud .outer .inner .pane--imgcloud--dialog { position: absolute; display: none; z-index: 3; margin-top: -28px; max-width: 100%; width: 100%; } .section--imgcloud .outer .inner .pane--imgcloud--dialog .imgcloud--close--wrapper { display: flex; width: 100%; justify-content: flex-end; } .section--imgcloud .outer .inner .pane--imgcloud--dialog .imgcloud--close--wrapper a { font-size: 64px; color: #5a5a5a; } .section--imgcloud .outer .inner .pane--imgcloud--dialog .imgcloud--close--wrapper a:hover { color: #000000; } .section--imgcloud .outer .inner .pane--imgcloud--dialog .x2 { width: calc(100% - 64px); } .section--imgcloud .outer .inner .pane--imgcloud--dialog .x2 > .container-child--0 { width: 35%; max-width: 35%; } .section--imgcloud .outer .inner .pane--imgcloud--dialog .x2 > .gap { width: 5%; display: block; } .section--imgcloud .outer .inner .pane--imgcloud--dialog .x2 > .container-child--1 { width: 60%; max-width: 60%; } .section--imgcloud .outer .inner .pane--imgcloud--dialog .x2 .x3 { display: flex; justify-content: space-between; align-items: center; padding-top: 12px; } .section--imgcloud .outer .inner .pane--imgcloud--dialog .x2 .x3 .container-child { width: 30%; max-width: 30%; } .section--imgcloud .outer .inner .pane--imgcloud--dialog .x2 .x3 img { width: 112px; } .section--imgcloud .outer .inner .pane--imgcloud--dialog .x2 h5 { line-height: 25px; } .section--imgcloud .outer .inner .pane--imgcloud--dialog .x2 p { padding-bottom: 12px; } .section--imgcloud .outer .inner .pane--imgcloud--dialog .x2 .link-wrapper { padding-bottom: 6px; } .section--imgcloud .outer .inner .pane--imgcloud--dialog .x2 .link-wrapper a { color: #5a5a5a; font-weight: 700; } .section--imgcloud .outer .inner .pane--imgcloud--dialog .x2 .link-wrapper a:hover { color: #ff8500; } .section--imgcloud .outer .inner .imgcloud--placeholder--pointer { margin-left: -25px; margin-top: -56px; width: 52px; height: 63px; position: relative; } .section--imgcloud .outer .inner .imgcloud--placeholder--round { margin-left: -25px; margin-top: -21px; width: 52px; height: 52px; position: relative; } .section--imgcloud .outer .inner .imgcloud--placeholder--round .imgcloud--pointer--base { opacity: 1; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms; transition:all 300ms; } .section--imgcloud .outer .inner .imgcloud--placeholder--round .imgcloud--pointer--hover { width: auto; height: auto; overflow: inherit; opacity: 0; width: auto; margin-top: 2px; padding: 6px 11px 6px 11px; cursor: pointer; position: absolute; background: linear-gradient(to right, #f35018, #fca611); color: #ffffff; border-radius: 24px; border: 1px solid transparent; overflow: hidden; opacity: 0; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms; transition:all 300ms; } .section--imgcloud .outer .inner .imgcloud--placeholder--round .imgcloud--pointer--hover nobr { display: inline-block; width: 16px; overflow: hidden; color: transparent; } .section--imgcloud .outer .inner .imgcloud--placeholder--round:hover .imgcloud--pointer--base { opacity: 0; } .section--imgcloud .outer .inner .imgcloud--placeholder--round:hover .imgcloud--pointer--hover { width: auto; height: auto; overflow: inherit; opacity: 1; width: auto; margin-top: 2px; padding: 6px 19px 6px 19px; cursor: pointer; position: absolute; background: linear-gradient(to right, #f35018, #fca611); color: #ffffff; border-radius: 8px; border: 1px solid #ffffff; } .section--imgcloud .outer .inner .imgcloud--placeholder--round:hover .imgcloud--pointer--hover nobr { display: inline; width: auto; overflow: visible; color: #ffffff; } .section--imgcloud .outer .inner .imgcloud--placeholder--pointer .imgcloud--pointer--base { opacity: 1; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms; transition:all 300ms; } .section--imgcloud .outer .inner .imgcloud--placeholder--pointer .imgcloud--pointer--hover { width: auto; height: auto; overflow: inherit; opacity: 0; width: auto; margin-top: 7px; padding: 6px 11px 6px 11px; cursor: pointer; position: absolute; background: linear-gradient(to right, #f35018, #f35018 20%, #fca611); color: #ffffff; border-radius: 24px; border: 1px solid transparent; -webkit-transition:all 300ms; -moz-transition:all 300ms; -o-transition:all 300ms; -ms-transition:all 300ms; transition:all 300ms; } .section--imgcloud .outer .inner .imgcloud--placeholder--pointer .imgcloud--pointer--hover nobr { display: inline-block; width: 16px; overflow: hidden; color: transparent; } .section--imgcloud .outer .inner .imgcloud--placeholder--pointer .imgcloud--pointer--hover.imgcloud--anchor--left { left: 0; } .section--imgcloud .outer .inner .imgcloud--placeholder--pointer .imgcloud--pointer--hover.imgcloud--anchor--right { right: 0; } .section--imgcloud .outer .inner .imgcloud--placeholder--pointer:hover .imgcloud--pointer--hover nobr { display: inline; width: auto; overflow: visible; color: #ffffff; } .section--imgcloud .outer .inner .imgcloud--placeholder--pointer:hover .imgcloud--pointer--base { opacity: 0; } .section--imgcloud .outer .inner .imgcloud--placeholder--pointer:hover .imgcloud--pointer--hover { width: auto; height: auto; overflow: inherit; opacity: 1; width: auto; margin-top: 7px; padding: 6px 19px 6px 19px; cursor: pointer; position: absolute; background: linear-gradient(to right, #f35018, #f35018 20%, #fca611); color: #ffffff; border-radius: 8px; border: 1px solid #ffffff; } .imgcloud--pointer.imgcloud--pointer--hover.imgcloud--type--pointer::before { content: ""; position: absolute; left: 18px; bottom: -15px; border: solid 7px transparent; border-top-color: #ffffff; z-index: 2; } .imgcloud--pointer.imgcloud--pointer--hover.imgcloud--type--pointer::after { content: ""; position: absolute; left: 18px; bottom: -13px; border: solid 7px transparent; border-top-color: #f35018; z-index: 2; } .section--imgcloud .outer .inner .imgcloud--placeholder--pointer:hover .imgcloud--anchor--left.imgcloud--pointer--hover { z-index: 3; display:block; left: 0; width: auto; margin-top: 7px; padding: 6px 19px; cursor: pointer; position: absolute; background: linear-gradient(to right, #f35018, #f35018 20%, #fca611); color: #ffffff; border-radius: 8px; border: 1px solid #ffffff; } .imgcloud--pointer.imgcloud--pointer--hover.imgcloud--anchor--left.imgcloud--type--pointer::before { content: ""; position: absolute; left: 18px; bottom: -15px; border: solid 7px transparent; border-top-color: #ffffff; z-index: 2; } .imgcloud--pointer.imgcloud--pointer--hover.imgcloud--anchor--left.imgcloud--type--pointer::after { content: ""; position: absolute; left: 18px; bottom: -13px; border: solid 7px transparent; border-top-color: #f35018; z-index: 2; } .section--imgcloud .outer .inner .imgcloud--placeholder--pointer:hover .imgcloud--anchor--right.imgcloud--pointer--hover { z-index: 3; display:block; right: 0; width: auto; margin-top: 7px; padding: 6px 19px; cursor: pointer; position: absolute; background: linear-gradient(to right, #f35018, #fca611 80%, #fca611); color: #ffffff; border-radius: 8px; border: 1px solid #ffffff; } .imgcloud--pointer.imgcloud--pointer--hover.imgcloud--anchor--right.imgcloud--type--pointer::before { content: ""; position: absolute; right: 18px; left: auto; bottom: -15px; border: solid 7px transparent; border-top-color: #ffffff; z-index: 2; } .imgcloud--pointer.imgcloud--pointer--hover.imgcloud--anchor--right.imgcloud--type--pointer::after { content: ""; position: absolute; right: 18px; left: auto; bottom: -13px; border: solid 7px transparent; border-top-color: #fca611; z-index: 2; } @media screen and (max-width: 1399px) { .section--imgcloud .outer .inner .pane--imgcloud--dialog .imgcloud--close--wrapper a { font-size: calc(4.5886vw - 0.2405px); } .section--imgcloud .outer .inner .pane--imgcloud--dialog .x2 { width: calc(100% - calc(4.5886vw - 0.2405px)); } .section--imgcloud .outer .inner .pane--imgcloud--dialog .x2 .x3 img { width: 8vw; } .section--imgcloud .outer .inner .pane--imgcloud--dialog .x2 h3 { font-size: calc(2.2152vw + 6.9873px); line-height: calc(2.2152vw + 14.9873px); } .section--imgcloud .outer .inner .pane--imgcloud--dialog .x2 p { font-size: calc(0.9494vw + 4.7089px); line-height: calc(1.1076vw + 9.4937px); margin-top: calc(1.2658vw - 1.7215px); padding-bottom: calc(0.6329vw + 3.1392px); } .section--imgcloud .outer .inner .pane--imgcloud--dialog .x2 .link-wrapper a { font-size: calc(0.9494vw + 4.7089px); line-height: calc(1.1076vw + 9.4937px); } .section--imgcloud .outer .inner .pane--imgcloud--dialog .x2 h5 { font-size: calc(0.9494vw + 4.7089px); line-height: calc(1.1076vw + 9.4937px); } .section--imgcloud .outer .inner .imgcloud--placeholder--round { margin-left: calc(-1.5190vw - 3.7342px); margin-top: calc(-1.2816vw - 3.057px); width: calc(3.1646vw + 7.6962px); } .section--imgcloud .outer .inner .imgcloud--placeholder--pointer { margin-left: calc(-1.5190vw - 3.7342px); margin-top: calc(-3.4019vw - 8.3734px); width: calc(3.1646vw + 7.6962px); } .section--imgcloud .outer .inner .imgcloud--placeholder--round img { width: calc(3.1646vw + 7.6962px); } .section--imgcloud .outer .inner .imgcloud--placeholder--pointer img { width: calc(3.1646vw + 7.6962px); } .section--imgcloud .outer .inner .imgcloud--placeholder--pointer .imgcloud--anchor--left.imgcloud--pointer--hover { margin-top: calc(3.7975vw - 46.1646px); font-size: calc(0.6329vw + 9.1392px); } .section--imgcloud .outer .inner .imgcloud--placeholder--pointer .imgcloud--anchor--right.imgcloud--pointer--hover { margin-top: calc(3.7975vw - 46.1646px); font-size: calc(0.6329vw + 9.1392px); } .section--imgcloud .outer .inner .imgcloud--placeholder--round .imgcloud--anchor--left.imgcloud--pointer--hover { margin-top: calc(1.2658vw - 15.7215px); font-size: calc(0.6329vw + 9.1392px); } .section--imgcloud .outer .inner .imgcloud--placeholder--round .imgcloud--anchor--right.imgcloud--pointer--hover { margin-top: calc(1.2658vw - 15.7215px); font-size: calc(0.6329vw + 9.1392px); } .section--imgcloud .outer .inner .imgcloud--placeholder--pointer:hover .imgcloud--anchor--left.imgcloud--pointer--hover { margin-top: calc(3.7975vw - 46.1646px); font-size: calc(0.6329vw + 9.1392px); } .section--imgcloud .outer .inner .imgcloud--placeholder--pointer:hover .imgcloud--anchor--right.imgcloud--pointer--hover { margin-top: calc(3.7975vw - 46.1646px); font-size: calc(0.6329vw + 9.1392px); } .section--imgcloud .outer .inner .imgcloud--placeholder--round:hover .imgcloud--anchor--left.imgcloud--pointer--hover { margin-top: calc(1.2658vw - 15.7215px); font-size: calc(0.6329vw + 9.1392px); } .section--imgcloud .outer .inner .imgcloud--placeholder--round:hover .imgcloud--anchor--right.imgcloud--pointer--hover { margin-top: calc(1.2658vw - 15.7215px); font-size: calc(0.6329vw + 9.1392px); } .imgcloud--pointer.imgcloud--pointer--hover.imgcloud--anchor--left.imgcloud--type--pointer::before { left: calc(1.5190vw - 3.2658px); } .imgcloud--pointer.imgcloud--pointer--hover.imgcloud--anchor--left.imgcloud--type--pointer::after { left: calc(1.5190vw - 3.2658px); } .imgcloud--pointer.imgcloud--pointer--hover.imgcloud--anchor--right.imgcloud--type--pointer::before { right: calc(1.5190vw - 3.2658px); } .imgcloud--pointer.imgcloud--pointer--hover.imgcloud--anchor--right.imgcloud--type--pointer::after { right: calc(1.5190vw - 3.2658px); } } @media screen and (max-width: 1023px) { .section--imgcloud .outer .inner .pane--imgcloud--dialog { margin-top: -56px; } } @media screen and (max-width: 767px) { .section--imgcloud { display: none; } } .section--hero { background: url(/wp-content/uploads/gradient.png) no-repeat center center; background-size: cover; position: relative; overflow: hidden; } .section--hero .outer { position: relative; overflow: hidden; } .section--hero > .outer > .inner > .pane { display: flex; flex-direction: column; justify-content: center; height: 100%; } .section--hero--tall > .outer > .inner > .pane { min-height: 286px; } .section--hero--medium > .outer > .inner > .pane { min-height: 286px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .section--hero--medium > .outer > .inner > .pane { height: 286px; } } .section--hero--short > .outer > .inner > .pane { min-height: 211px; } .section--hero--minimal > .outer > .inner > .pane { min-height: 12px; } .section--hero h1 { max-width: 40vw; color: #ffffff; font-weight: 300; font-size: 72px; line-height: 72px; letter-spacing: -4px; padding-bottom: 6px; } .section--hero--tall h1 { max-width: 45vw; font-size: 65px; } .section--hero h3 { max-width: 40vw; color: #ffffff; font-weight: 400; font-size: 29px; line-height: 32px; letter-spacing: -0.55px; padding-bottom: 15px; } .section--hero h3:empty { display: none; } .section--hero--short h1 { max-width: 60vw; } .section--hero--short h3 { max-width: 60vw; } .section--hero p { max-width: 40vw; color: #ffffff; font-weight: 400; font-size: 18px; line-height: 25px; margin-top: 0; } .section--hero--short p { max-width: 60vw; } /* .section--hero .button .label { font-weight: 400; font-size: 20px; line-height: 24px; } */ .section--hero .networked-hero-image-desktop { right: 0; height: 450px; } .section--hero--short .networked-hero-image-desktop { min-height: 100%; } .section--hero--medium .networked-hero-image-desktop { min-height: 100%; } .section--hero--tall .networked-hero-image-desktop { top: -100px; } .section--hero .breadcrumb { color: #ffffff; } @media screen and (max-width: 1247px) { .section--hero .networked-hero-image-desktop { right: calc(100% - 1230px); } .section--hero--tall h1 { max-width: 560px; } .section--hero--tall h3 { max-width: 520px; } .section--hero--tall p { max-width: 500px; } .section--hero--medium h1 { max-width: 520px; } .section--hero--medium h3 { max-width: 520px; } .section--hero--medium p { max-width: 520px; } .section--hero--short h1 { max-width: 750px; } .section--hero--short h3 { max-width: 750px; } .section--hero--short p { max-width: 750px; } } .section--hero .networked-hero-image-mobile { display: none; } @media screen and (max-width: 640px) { .section--hero { background: url(/wp-content/uploads/gradient-dark.png) no-repeat center center; background-size: cover; } .section--hero .networked-hero-image-desktop { display: none; } .section--hero .networked-hero-image-mobile { display: block; top: -64px; } .section--hero > .outer > .inner { padding-top: 42px; } .section--hero > .outer > .inner > .pane { padding-left: 20px; justify-content: flex-start; } .section--hero h1 { max-width: 85vw; font-size: 44px; line-height: 44px; letter-spacing: -2.44px; } .section--hero h3 { max-width: 80vw; font-size: 22px; line-height: 26px; letter-spacing: -0.39px; } .section--hero p { max-width: 65vw; font-size: 16px; line-height: 23px; } } @media screen and (max-width: 480px) { .section--hero p { max-width: 80vw; } } @media screen and (max-width: 359px) { .section--hero h3 { max-width: 275px; } } .section--highlight .x2 { justify-content: space-between; } .section--highlight .x2 { display: flex; flex-wrap: wrap; } .section--highlight .x2 > .container-child { max-width: 100%; width: 50%; max-height: 500px; overflow: hidden; } .section--highlight .x2 > .gap { display: none; } .section--highlight .pane--copyleft { max-width: 622px; margin-left: auto; padding-right: 48px; } .section--highlight .pane--copyright { max-width: 622px; margin-right: auto; padding-left: 48px; } .section--highlight .pane--copycenter { max-width: 622px; margin-left: auto; margin-right: auto; padding: 64px 24px 32px 24px; } @media screen and (max-width: 1023px) { .section--highlight .x2 > .container-child { width: 100%; max-height: none; } .section--highlight .pane--copyleft { margin-left: 0; } .section--highlight .pane--copyright { margin-right: 0; } } @media screen and (max-width: 1023px) { .section--highlight--Right .x2 { flex-direction: column-reverse; } } .section--highlight .outer { width: auto; } .section--highlight h5 { color: #eeeeee; font-size: 22px; line-height: 26px; letter-spacing: 4px; text-transform: uppercase; font-weight: 700; padding-bottom: 16px; } .section--highlight h3 { color: #ffffff; } .section--highlight p { color: #ffffff; } .section--highlight img { object-fit: cover; } .section--highlight .pane--copyleft { padding-left: 48px; padding-top: 48px; padding-bottom: 48px; display: flex; flex-direction: column; justify-content: center; } .section--highlight .pane--copyright { padding-right: 48px; padding-top: 48px; padding-bottom: 48px; display: flex; flex-direction: column; justify-content: center; } .section--highlight .pane--copycenter { display: flex; flex-direction: column; justify-content: center; height: 100%; } .section--highlight .pane--copycenter > .container-child--1 .container-child { text-align: center; } .section--highlight .pane--imgleft { display: flex; min-height: 350px; height: 100%; } .section--highlight .pane--imgright { display: flex; min-height: 350px; height: 100%; } .section--highlight .pane--imgleft div { width: 100%; } .section--highlight .pane--imgright div { width: 100%; } .section--highlight .pane--imgleft img { width: 100%; height: 100%; } .section--highlight .pane--imgright img { width: 100%; height: 100%; } @media screen and (max-width: 1023px) { .section--highlight .pane--imgleft { max-height: 350px; } .section--highlight .pane--imgright { max-height: 350px; } } .section--highlight .outer .inner { padding: 0; } .section--highlight--Left .outer .inner .x2 > .container-child--1 { display: flex; background: url(/wp-content/uploads/gradient-dark.png) no-repeat; background-size: cover; } .section--highlight--Right .outer .inner .x2 > .container-child--0 { display: flex; background: url(/wp-content/uploads/gradient-dark.png) no-repeat; background-size: cover; } .section--highlight--LeftOrangeFill .outer .inner .x2 > .container-child--0 { background-color: #ff4f00; } .section--highlight--LeftOrangeFill .outer .inner .x2 > .container-child--1 { display: flex; background: url(/wp-content/uploads/gradient-dark.png) no-repeat; background-size: cover; } .section--highlight--RightOrangeFill .outer .inner .x2 > .container-child--0 { display: flex; background: url(/wp-content/uploads/gradient-dark.png) no-repeat; background-size: cover; } .section--highlight--RightOrangeFill .outer .inner .x2 > .container-child--1 { background-color: #fd9000; } .section--highlight--None .outer .inner > .pane > .container-child { background: url(/wp-content/uploads/gradient.png) no-repeat; background-size: cover; } .section--2col .outer .inner { padding-top: 0; } .section--2col--blog .outer .inner { padding-top: 32px; padding-bottom: 0; } .section--2col--blog h2 { margin-left: auto; margin-right: auto; text-align: center; } .section--2col--blog h5 { display: inline; color: #c4c4c4; font-size: 12px; line-height: 15px; letter-spacing: 4px; text-transform: uppercase; font-weight: 700; padding-top: 8px; } .section--2col--blog h4 { padding-top: 20px; font-size: 33px; line-height: normal; } .section--2col--blog p { padding-top: 20px; } .section--2col--blog .x2 { padding-bottom: 32px; } .section--2col--blog .x2 .gap { display: none; } .section--2col--blog .x2 > .container-child--0 { padding-bottom: 48px; position: relative; cursor: pointer; } .section--2col--blog .x2 > .container-fill { padding-bottom: 0; } .section--2col--blog .x2 > .container-child-real:before { content: ""; position: absolute; bottom: 20px; left: 15px; right: 15px; z-index: -1; box-shadow: 0 0 30px 6px rgba(0, 0, 0, 0.25); } .section--2col--blog .x2 > .container-child--0 > .pane { box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15); padding-bottom: 30px; height: 100%; } .section--2col--blog .x2 > .container-child--0 > .pane:hover { box-shadow: 0 0 20px 4px rgba(192, 192, 192, 0.6); } .section--2col--blog .x2 > .container-child--0 > .pane:hover .image-accent { width: 100%; height: 2px; } .section--2col--blog .x2 a { color: #000000; } .section--2col--blog .x2 a span { color: #ff8500; } .section--2col--blog .x2 > .container-child--0 > .pane { background-color: white; } .section--2col--blog .x2 > .container-child--0 > .pane { -webkit-transition:box-shadow 300ms ease-out; -moz-transition:box-shadow 300ms ease-out; -o-transition:box-shadow 300ms ease-out; -ms-transition:box-shadow 300ms ease-out; transition:box-shadow 300ms ease-out; } .section--2col--blog .x2 > .container-child--0 > .pane .image-accent { height: 2px; width: 40px; } .section--2col--blog .x2 > .container-child--0 > .pane .image-accent { -webkit-transition:width 500ms ease-out; -moz-transition:width 500ms ease-out; -o-transition:width 500ms ease-out; -ms-transition:width 500ms ease-out; transition:width 500ms ease-out; } .section--2col--blog .catblog-wrapper { display: inline-block; margin-bottom: 8px; cursor: pointer; background: linear-gradient( to left, rgba(255,83,5,1) 0%, rgba(251,177,0,1) 100% ); padding: 2px; } .section--2col--blog .catblog { background: #ffffff; display: block; padding: 2px 10px 1px 10px; cursor: pointer; text-transform: uppercase; font-weight: 700; letter-spacing: 4px; font-size: 13px; line-height: normal; } .section--2col--blog .catblog-wrapper.active .catblog { background: transparent; color: #ffffff; } .section--2col--blog a { color: #5a5a5a; } .section--2col--blog a:hover { color: #ff8500; } .section--2col--blog a:active { color: #ff8500; } @media screen and (max-width: 799px) { .section--2col--blog .x2 { flex-direction: column-reverse; } .section--2col--blog .x2 >.container-child--1 > .pane > .container-child--0 > div { margin-left: -20px; } } .section--filter .outer .inner { padding-top: 24px; padding-bottom: 24px; } .section--4col--tiled .outer .inner { padding-top: 20px; } .section--4col--tiled .x4 { padding-bottom: 32px; } .section--4col--tiled .x4 .gap { display: none; } .section--4col--tiled .x4 > .container-child { padding-bottom: 72px; position: relative; } .section--4col--tiled .x4 > .container-child:before { content: ""; position: absolute; bottom: 20px; left: 15px; right: 15px; z-index: -1; box-shadow: 0 0 30px 6px rgba(0, 0, 0, 0.25); } .section--4col--tiled .x4 > .container-child > .pane { box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15); padding: 30px 20px 20px 20px; height: 100%; } .section--4col--tiled .x4 > .container-child > .pane:hover { box-shadow: 0 0 20px 4px rgba(192, 192, 192, 0.6); } .section--4col--tiled .x4 > .container-child > .pane:hover .image-accent { width: 100%; height: 2px; } .section--4col--tiled h5 { display: inline; color: #c4c4c4; font-size: 12px; line-height: 15px; letter-spacing: 4px; text-transform: uppercase; font-weight: 700; padding-top: 8px; } .section--4col--tiled .x4 a { color: #000000; } .section--4col--tiled .x4 a span { color: #ff8500; } .section--4col--tiled h4 { padding-top: 16px; } .section--4col--tiled .x4 > .container-child > .pane { background-color: white; } .section--4col--tiled .x4 > .container-child > .pane { -webkit-transition:box-shadow 300ms ease-out; -moz-transition:box-shadow 300ms ease-out; -o-transition:box-shadow 300ms ease-out; -ms-transition:box-shadow 300ms ease-out; transition:box-shadow 300ms ease-out; } .section--4col--tiled .x4 > .container-child > .pane .image-accent { height: 2px; width: 40px; } .section--4col--tiled .x4 > .container-child > .pane .image-accent { -webkit-transition:width 500ms ease-out; -moz-transition:width 500ms ease-out; -o-transition:width 500ms ease-out; -ms-transition:width 500ms ease-out; transition:width 500ms ease-out; } .section--4col--tiled a { color: #5a5a5a; } .section--4col--tiled a:hover { color: #ff8500; } .section--4col--tiled a:active { color: #ff8500; } .section--4col--untiled { background-color: #eeeeee; } .section--4col--untiled .outer .inner { padding-top: 20px; } .section--4col--untiled .x4 .gap { display: none; } .section--4col--untiled .x4 > .container-child { padding-bottom: 44px; } .section--4col--untiled .x4 > .container-child > .pane { background-color: white; min-height: 240px; padding-bottom: 20px; } .section--4col--untiled .x4 > .container-child > .pane .image-cover { width: 100%; height: 2px; } .section--4col--untiled .x4 > .container-child > .pane h4 { padding-left: 20px; padding-right: 20px; } .section--4col--untiled .x4 > .container-child > .pane p { padding-left: 20px; padding-right: 20px; } .section--4col--untiled h5 { display: inline; color: #c4c4c4; font-size: 12px; line-height: 15px; letter-spacing: 4px; text-transform: uppercase; font-weight: 700; padding-top: 8px; } .section--4col--untiled .x4 a { color: #000000; } .section--4col--untiled .x4 a span { color: #ff8500; } .section--4col--untiled h4 { padding-top: 30px; } .section--x4wrap--tiled .outer .inner { padding-top: 20px; } .section--x4wrap--tiled .x4wrap { padding-bottom: 0; } .section--x4wrap--tiled .x4wrap .gap { display: none; } .section--x4wrap--tiled .x4wrap > .container-child { padding-bottom: 72px; position: relative; cursor: pointer; } @media screen and (max-width: 959px) { .section--x4wrap--tiled .x4wrap > .container-child { padding-bottom: 80px; } } .section--x4wrap--tiled .x4wrap > .container-child-real:before { content: ""; position: absolute; bottom: 20px; left: 15px; right: 15px; z-index: -1; box-shadow: 0 0 30px 6px rgba(0, 0, 0, 0.25); } .section--x4wrap--tiled .x4wrap > .container-child > .pane { box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15); padding: 30px 20px 20px 20px; height: 100%; } .section--x4wrap--tiled .x4wrap > .container-child > .pane:hover { box-shadow: 0 0 20px 4px rgba(192, 192, 192, 0.6); } .section--x4wrap--tiled .x4wrap > .container-child > .pane:hover .image-accent { width: 100%; height: 2px; } .section--x4wrap--tiled h5 { display: inline; color: #c4c4c4; font-size: 12px; line-height: 15px; letter-spacing: 4px; text-transform: uppercase; font-weight: 700; padding-top: 8px; } .section--x4wrap--tiled .x4wrap a { color: #000000; } .section--x4wrap--tiled .x4wrap a span { color: #ff8500; } .section--x4wrap--tiled h4 { padding-top: 16px; } .section--x4wrap--tiled .x4wrap > .container-child > .pane { background-color: white; } .section--x4wrap--tiled .x4wrap > .container-child > .pane { -webkit-transition:box-shadow 300ms ease-out; -moz-transition:box-shadow 300ms ease-out; -o-transition:box-shadow 300ms ease-out; -ms-transition:box-shadow 300ms ease-out; transition:box-shadow 300ms ease-out; } .section--x4wrap--tiled .x4wrap > .container-child > .pane .image-accent { height: 2px; width: 40px; } .section--x4wrap--tiled .x4wrap > .container-child > .pane .image-accent { -webkit-transition:width 500ms ease-out; -moz-transition:width 500ms ease-out; -o-transition:width 500ms ease-out; -ms-transition:width 500ms ease-out; transition:width 500ms ease-out; } .section--x4wrap--tiled .x4wrap > .container-fill { padding-bottom: 0; } .section--x4wrap--tiled a { color: #5a5a5a; } .section--x4wrap--tiled a:hover { color: #ff8500; } .section--x4wrap--tiled a:active { color: #ff8500; } .section--x4wrap--events .outer .inner { padding-top: 20px; } .section--x4wrap--events .x4wrap { padding-bottom: 0; } .section--x4wrap--events .x4wrap .gap { display: none; } .section--x4wrap--events .x4wrap > .container-child { padding-bottom: 72px; position: relative; cursor: pointer; } @media screen and eventswidth: 959px) { .section--x4wrap--tiled .x4wrap > .container-child { padding-bottom: 80px; } } .section--x4wrap--events .x4wrap > .container-child-real:before { content: ""; position: absolute; bottom: 20px; left: 15px; right: 15px; z-index: -1; box-shadow: 0 0 30px 6px rgba(0, 0, 0, 0.25); } .section--x4wrap--events .x4wrap > .container-child > .pane { box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15); padding: 30px 20px 20px 20px; height: 100%; } .section--x4wrap--events .x4wrap > .container-child > .pane:hover { box-shadow: 0 0 20px 4px rgba(192, 192, 192, 0.6); } .section--x4wrap--events .x4wrap > .container-child > .pane:hover .image-accent { width: 100%; height: 2px; } .section--x4wrap--events h5 { display: inline; color: #c4c4c4; font-size: 12px; line-height: 15px; letter-spacing: 4px; text-transform: uppercase; font-weight: 700; padding-top: 8px; } .section--x4wrap--events .x4wrap a { color: #000000; } .section--x4wrap--events .x4wrap a span { color: #ff8500; } .section--x4wrap--events h4 { padding-top: 16px; } .section--x4wrap--events .x4wrap > .container-child > .pane { background-color: white; } .section--x4wrap--events .x4wrap > .container-child > .pane { -webkit-transition:box-shadow 300ms ease-out; -moz-transition:box-shadow 300ms ease-out; -o-transition:box-shadow 300ms ease-out; -ms-transition:box-shadow 300ms ease-out; transition:box-shadow 300ms ease-out; } .section--x4wrap--events .x4wrap > .container-child > .pane .image-accent { height: 2px; width: 40px; } .section--x4wrap--events .x4wrap > .container-child > .pane .image-accent { -webkit-transition:width 500ms ease-out; -moz-transition:width 500ms ease-out; -o-transition:width 500ms ease-out; -ms-transition:width 500ms ease-out; transition:width 500ms ease-out; } .section--x4wrap--events .x4wrap > .container-fill { padding-bottom: 0; } .section--x4wrap--events a { color: #5a5a5a; } .section--x4wrap--events a:hover { color: #ff8500; } .section--x4wrap--events a:active { color: #ff8500; } .section--x4wrap--resources .outer .inner { padding-top: 48px; padding-bottom: 0; } .section--x4wrap--resources .x4wrap { padding-bottom: 0; } .section--x4wrap--resources .x4wrap .gap { display: none; } .section--x4wrap--resources .x4wrap > .container-child { padding-bottom: 72px; position: relative; cursor: pointer; } @media screen and (max-width: 959px) { .section--x4wrap--resources .x4wrap > .container-child { padding-bottom: 80px; } } .section--x4wrap--resources .x4wrap > .container-child-real:before { content: ""; position: absolute; bottom: 20px; left: 15px; right: 15px; z-index: -1; box-shadow: 0 0 30px 6px rgba(0, 0, 0, 0.25); } .section--x4wrap--resources .x4wrap > .container-child > .pane { box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15); padding: 30px 20px 20px 20px; height: 100%; } .section--x4wrap--resources .x4wrap > .container-child > .pane:hover { box-shadow: 0 0 20px 4px rgba(192, 192, 192, 0.6); } .section--x4wrap--resources .x4wrap > .container-child > .pane:hover .image-accent { width: 100%; height: 2px; } .section--x4wrap--resources h5 { display: inline; color: #c4c4c4; font-size: 12px; line-height: 15px; letter-spacing: 4px; text-transform: uppercase; font-weight: 700; padding-top: 8px; } .section--x4wrap--resources .x4wrap a { color: #000000; } .section--x4wrap--resources .x4wrap a span { color: #ff8500; } .section--x4wrap--resources h4 { padding-top: 16px; } .section--x4wrap--resources .x4wrap > .container-child > .pane { background-color: white; } .section--x4wrap--resources .x4wrap > .container-child > .pane { -webkit-transition:box-shadow 300ms ease-out; -moz-transition:box-shadow 300ms ease-out; -o-transition:box-shadow 300ms ease-out; -ms-transition:box-shadow 300ms ease-out; transition:box-shadow 300ms ease-out; } .section--x4wrap--resources .x4wrap > .container-child > .pane .image-accent { height: 2px; width: 40px; } .section--x4wrap--resources .x4wrap > .container-child > .pane .image-accent { -webkit-transition:width 500ms ease-out; -moz-transition:width 500ms ease-out; -o-transition:width 500ms ease-out; -ms-transition:width 500ms ease-out; transition:width 500ms ease-out; } .section--x4wrap--resources .x4wrap > .container-child { display: none; } .section--x4wrap--resources .x4wrap > .container-fill { display: block; padding-bottom: 0; } .section--x4wrap--resources a { color: #5a5a5a; } .section--x4wrap--resources .button-inverted { color: #ffffff; } .section--x4wrap--resources a:hover { color: #ff8500; } .section--x4wrap--resources a:active { color: #ff8500; } .section--x4wrap--untiled { background-color: #eeeeee; } .section--x4wrap--untiled .outer .inner { padding-top: 20px; } .section--x4wrap--untiled .x4wrap { align-items: stretch; } .section--x4wrap--untiled .x4wrap .gap { display: none; } .section--x4wrap--untiled .x4wrap > .container-child { padding-bottom: 44px; } .section--x4wrap--untiled .x4wrap > .container-fill { padding-bottom: 0; } .section--x4wrap--untiled .x4wrap > .container-child > .pane { background-color: white; min-height: 280px; padding-bottom: 20px; height: 100%; } @media screen and (max-width: 639px) { .section--x4wrap--untiled .x4wrap > .container-child > .pane { min-height: auto; } } .section--x4wrap--untiled .x4wrap > .container-child > .pane .image-cover { width: 100%; height: 2px; } .section--x4wrap--untiled .x4wrap > .container-child > .pane h4 { padding-left: 20px; padding-right: 20px; } .section--x4wrap--untiled .x4wrap > .container-child > .pane p { padding-left: 20px; padding-right: 20px; } .section--x4wrap--untiled h5 { display: inline; color: #c4c4c4; font-size: 12px; line-height: 15px; letter-spacing: 4px; text-transform: uppercase; font-weight: 700; padding-top: 8px; } .section--x4wrap--untiled .x4wrap a { color: #000000; } .section--x4wrap--untiled .x4wrap a span { color: #ff8500; } .section--x4wrap--untiled h4 { padding-top: 30px; } .section--x4wrap_alt--tiled .outer .inner { padding-bottom: 0; } .section--x4wrap_alt--tiled .outer .inner h2 { padding-bottom: 32px; } .section--x4wrap_alt--tiled .outer .inner h2:empty { display: none; } .section--x4wrap_alt--tiled h2 { margin-left: auto; margin-right: auto; text-align: center; } .section--x4wrap_alt--tiled h4 { margin-left: auto; margin-right: auto; text-align: center; } .section--x4wrap_alt--tiled .image-above { padding-top: 12px; padding-bottom: 8px; height: 2px; width: 80px; } .section--x4wrap_alt--tiled .x4wrap > .container-child > .pane { background-color: white; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15); padding: 12px; height: 100%; } .section--x4wrap_alt--tiled .x4wrap > .container-child > .pane > .container-child--0 { height: 12px; } .section--x4wrap_alt--tiled .x4wrap > .container-child { padding-bottom: 48px; position: relative; } .section--x4wrap_alt--tiled .x4wrap > .container-child-real:before { content: ""; position: absolute; bottom: 24px; left: 15px; right: 15px; z-index: -1; box-shadow: 0 0 30px 6px rgba(0, 0, 0, 0.25); } .section--x4wrap_alt--tiled .x4wrap > .container-child > .pane:hover { box-shadow: 0 0 20px 4px rgba(192, 192, 192, 0.6); } .section--x4wrap_alt--tiled .x4wrap > .container-child > .pane { -webkit-transition:box-shadow 300ms ease-out; -moz-transition:box-shadow 300ms ease-out; -o-transition:box-shadow 300ms ease-out; -ms-transition:box-shadow 300ms ease-out; transition:box-shadow 300ms ease-out; } .section--x4wrap_alt--tiled .x4wrap > .container-child > .pane:hover .image-above { width: 200px; height: 2px; } .section--x4wrap_alt--tiled .x4wrap > .container-child > .pane .image-above { -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; transition:all 300ms ease-out; } .section--x4wrap_alt--untiled .outer .inner { padding-bottom: 0; } .section--x4wrap_alt--untiled .outer .inner h2 { padding-bottom: 32px; } .section--x4wrap_alt--untiled .outer .inner h2:empty { display: none; } .section--x4wrap_alt--untiled h2 { margin-left: auto; margin-right: auto; text-align: center; } .section--x4wrap_alt--untiled h4 { margin-left: auto; margin-right: auto; text-align: center; } .section--x4wrap_alt--untiled .image-above { padding-top: 12px; padding-bottom: 8px; height: 2px; width: 80px; } .section--x4wrap_alt--untiled .x4wrap > .container-child > .pane { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding: 12px; height: 100%; } .section--x4wrap_alt--untiled .x4wrap > .container-child > .pane > .container-child--0 { height: 12px; } .section--x4wrap_alt--untiled .x4wrap > .container-child { padding-bottom: 48px; } .section--x4wrap_alt--untiled .x4wrap > .container-fill { padding-bottom: 0; } .section--x4wrap_photoz .outer .inner { padding-bottom: 0; } .section--x4wrap_photoz .outer .inner h2 { padding-bottom: 32px; } .section--x4wrap_photoz .outer .inner h2:empty { display: none; } .section--x4wrap_photoz h2 { margin-left: auto; margin-right: auto; text-align: center; } .section--x4wrap_photoz h4 { padding: 16px 16px 0 16px; } .section--x4wrap_photoz .image-above { padding-top: 12px; padding-bottom: 8px; height: 2px; width: 80px; } .section--x4wrap_photoz .x4wrap > .container-child > .pane { background-color: white; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15); padding-bottom: 12px; height: 100%; } .section--x4wrap_photoz .x4wrap > .container-child { padding-bottom: 48px; position: relative; } .section--x4wrap_photoz .x4wrap > .container-child-real:before { content: ""; position: absolute; bottom: 24px; left: 15px; right: 15px; z-index: -1; box-shadow: 0 0 30px 6px rgba(0, 0, 0, 0.25); } .section--x4wrap_photoz .x4wrap > .container-child > .pane:hover { box-shadow: 0 0 20px 4px rgba(192, 192, 192, 0.6); } .section--x4wrap_photoz .x4wrap > .container-child > .pane { -webkit-transition:box-shadow 300ms ease-out; -moz-transition:box-shadow 300ms ease-out; -o-transition:box-shadow 300ms ease-out; -ms-transition:box-shadow 300ms ease-out; transition:box-shadow 300ms ease-out; } .section--x4wrap_photoz .x4wrap > .container-child > .pane:hover .image-above { width: 200px; height: 2px; } .section--x4wrap_photoz .x4wrap > .container-child > .pane .image-above { -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; transition:all 300ms ease-out; } .section--x4wrap_management .outer .inner { padding-bottom: 0; } .section--x4wrap_management .outer .inner h2 { padding-bottom: 32px; } .section--x4wrap_management .outer .inner h2:empty { display: none; } .section--x4wrap_management h2 { margin-left: auto; margin-right: auto; text-align: center; } .section--x4wrap_management h4 { padding: 16px 16px 0 16px; } .section--x4wrap_management .image-above { padding-top: 12px; padding-bottom: 8px; height: 2px; width: 80px; } .section--x4wrap_management .x4wrap > .container-child > .pane { background-color: white; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding-bottom: 12px; height: 100%; } .section--x4wrap_management .x4wrap > .container-child { padding-bottom: 48px; position: relative; } .section--x4wrap_management .x4wrap .container-child .pane-headshot { margin-left: auto; margin-right: auto; border-radius: 50%; max-width: 96%; width: 256px; cursor: pointer; } .section--wysiwyg .outer .inner { padding-top: 0; padding-bottom: 0; } .section--wysiwyg { background-color: #eeeeee; line-height: 64px; } .section--wysiwyg--skinny { line-height: normal; } .section--wysiwyg--blog { background-color: #ffffff; line-height: normal; } .section--wysiwyg--blog h2 { font-size: 36px; line-height: normal; } @media screen and (max-width: 767px) { .section--wysiwyg--blog h2 { font-size: calc(2.2321vw + 18.8571px); } } .section--wysiwyg--blog iframe { max-width: 100%; } .section--wysiwyg--blog img { max-width: 100%; } .section--wysiwyg a { color: #5a5a5a; } .section--wysiwyg--skinny a { color: #ff8500; } .section--wysiwyg--blog a { color: #ff8500; } .section--wysiwyg--subnav a { color: #5a5a5a; } .section--wysiwyg a:hover { color: #ff8500; } .section--wysiwyg a:active { color: #ff8500; } .section--wysiwyg--subnav { background-color: #ffffff; box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.2); } .section--wysiwyg--leadership { border-bottom: 2px solid rgba(0, 0, 0, 0.2); } .section--wysiwyg .pane-menu > div { padding-bottom: 4px; } .section--wysiwyg .pane-menu > div:hover .legend b { color: #ff8500; } .section--wysiwyg .pane-menu > div:hover { background: linear-gradient( to left, rgba(255,83,5,1) 0%, rgba(251,177,0,1) 100% ) left bottom no-repeat; background-size:100% 4px; } .section--wysiwyg--skinny .pane--wysiwyg { max-width: 777px; margin-left: auto; margin-right: auto; padding-top: 32px; padding-bottom: 32px; } .section--wysiwyg--blog .pane--wysiwyg { max-width: 777px; margin-left: auto; margin-right: auto; padding-top: 32px; padding-bottom: 32px; } @media screen and (max-width: 767px) { .section--wysiwyg--subnav { display: none; } } .section--x3wrap--tiled .outer .inner { padding-bottom: 0; } .section--x3wrap--tiled .outer .inner h2 { padding-bottom: 32px; } .section--x3wrap--tiled .outer .inner h2:empty { display: none; } .section--x3wrap--tiled h2 { margin-left: auto; margin-right: auto; text-align: center; } .section--x3wrap--tiled h4 { margin-left: auto; margin-right: auto; text-align: center; } .section--x3wrap--tiled .image-above { padding-top: 12px; padding-bottom: 8px; height: 2px; width: 80px; } .section--x3wrap--tiled .x3wrap > .container-child > .pane { background-color: white; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15); padding: 12px; height: 100%; } .section--x3wrap--tiled .x3wrap > .container-child > .pane > .container-child--0 { height: 12px; } .section--x3wrap--tiled .x3wrap > .container-child { padding-bottom: 48px; position: relative; } .section--x3wrap--tiled .x3wrap > .container-child-real:before { content: ""; position: absolute; bottom: 24px; left: 15px; right: 15px; z-index: -1; box-shadow: 0 0 30px 6px rgba(0, 0, 0, 0.25); } .section--x3wrap--tiled .x3wrap > .container-child > .pane:hover { box-shadow: 0 0 20px 4px rgba(192, 192, 192, 0.6); } .section--x3wrap--tiled .x3wrap > .container-child > .pane { -webkit-transition:box-shadow 300ms ease-out; -moz-transition:box-shadow 300ms ease-out; -o-transition:box-shadow 300ms ease-out; -ms-transition:box-shadow 300ms ease-out; transition:box-shadow 300ms ease-out; } .section--x3wrap--tiled .x3wrap > .container-child > .pane:hover .image-above { width: 200px; height: 2px; } .section--x3wrap--tiled .x3wrap > .container-child > .pane .image-above { -webkit-transition:all 300ms ease-out; -moz-transition:all 300ms ease-out; -o-transition:all 300ms ease-out; -ms-transition:all 300ms ease-out; transition:all 300ms ease-out; } .section--x3wrap--untiled .outer .inner { padding-bottom: 0; } .section--x3wrap--untiled .outer .inner h2 { padding-bottom: 32px; } .section--x3wrap--untiled .outer .inner h2:empty { display: none; } .section--x3wrap--untiled h2 { margin-left: auto; margin-right: auto; text-align: center; } .section--x3wrap--untiled h4 { margin-left: auto; margin-right: auto; text-align: center; } .section--x3wrap--untiled .image-above { padding-top: 12px; padding-bottom: 8px; height: 2px; width: 80px; } .section--x3wrap--untiled .x3wrap > .container-child > .pane { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding: 12px; height: 100%; } .section--x3wrap--untiled .x3wrap > .container-child > .pane > .container-child--0 { height: 12px; } .section--x3wrap--untiled .x3wrap > .container-child { padding-bottom: 48px; } .section--x3wrap--untiled .x3wrap > .container-fill { padding-bottom: 0; } .section--x3wrap_alt--tiled { background-color: #eeeeee; } .section--x3wrap_alt--tiled .outer .inner { padding-top: 20px; } .section--x3wrap_alt--tiled .outer .inner > .pane > .container-child--3 { margin-top: 0; } .section--x3wrap_alt--tiled .x3wrap .gap { display: none; } .section--x3wrap_alt--tiled .x3wrap > .container-child { padding-bottom: 72px; position: relative; cursor: pointer; } @media screen and (max-width: 959px) { .section--x3wrap_alt--tiled .x3wrap > .container-child { width: calc(50% - 10px); padding-bottom: 72px; } .section--x3wrap_alt--tiled .outer .inner > .pane > .container-child--3 { margin-top: 0; } } @media screen and (max-width: 639px) { .section--x3wrap_alt--tiled .x3wrap > .container-child { width: 100%; padding-bottom: 72px; } } .section--x3wrap_alt--tiled .x3wrap > .container-fill { padding-bottom: 0; } .section--x3wrap_alt--tiled .x3wrap > .container-child-real:before { content: ""; position: absolute; bottom: 20px; left: 15px; right: 15px; z-index: -1; box-shadow: 0 0 30px 6px rgba(0, 0, 0, 0.25); } .section--x3wrap_alt--tiled .x3wrap > .container-child > .pane { box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15); padding: 30px 20px 20px 20px; height: 100%; } .section--x3wrap_alt--tiled .x3wrap > .container-child > .pane:hover { box-shadow: 0 0 20px 4px rgba(192, 192, 192, 0.6); } .section--x3wrap_alt--tiled .x3wrap > .container-child > .pane:hover .image-accent { width: 100%; height: 2px; } .section--x3wrap_alt--tiled h5 { display: inline; color: #c4c4c4; font-size: 12px; line-height: 15px; letter-spacing: 4px; text-transform: uppercase; font-weight: 700; padding-top: 8px; } .section--x3wrap_alt--tiled .x3wrap a { color: #000000; } .section--x3wrap_alt--tiled .x3wrap a span { color: #ff8500; } .section--x3wrap_alt--tiled h4 { padding-top: 16px; } .section--x3wrap_alt--tiled .x3wrap > .container-child > .pane { background-color: white; } .section--x3wrap_alt--tiled .x3wrap > .container-child > .pane { -webkit-transition:box-shadow 300ms ease-out; -moz-transition:box-shadow 300ms ease-out; -o-transition:box-shadow 300ms ease-out; -ms-transition:box-shadow 300ms ease-out; transition:box-shadow 300ms ease-out; } .section--x3wrap_alt--tiled .x3wrap > .container-child > .pane .image-accent { height: 2px; width: 40px; } .section--x3wrap_alt--tiled .x3wrap > .container-child > .pane .image-accent { -webkit-transition:width 500ms ease-out; -moz-transition:width 500ms ease-out; -o-transition:width 500ms ease-out; -ms-transition:width 500ms ease-out; transition:width 500ms ease-out; } .section--x3wrap_alt--tiled a { color: #5a5a5a; } .section--x3wrap_alt--tiled a:hover { color: #ff8500; } .section--x3wrap_alt--tiled a:active { color: #ff8500; } .section--x3wrap_photoz .outer .inner { padding-top: 20px; padding-bottom: 0; } .section--x3wrap_photoz .x3wrap { padding-bottom: 32px; } .section--x3wrap_photoz .x3wrap .gap { display: none; } .section--x3wrap_photoz h2 { margin-left: auto; margin-right: auto; text-align: center; } .section--x3wrap_photoz .x3wrap > .container-child { padding-bottom: 38px; position: relative; cursor: pointer; } .section--x3wrap_photoz .x3wrap > .container-fill { padding-bottom: 0; } .section--x3wrap_photoz .x3wrap > .container-child-real:before { content: ""; position: absolute; bottom: 20px; left: 15px; right: 15px; z-index: -1; box-shadow: 0 0 30px 6px rgba(0, 0, 0, 0.25); } .section--x3wrap_photoz .x3wrap > .container-child > .pane { box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15); padding-bottom: 16px; height: 100%; } .section--x3wrap_photoz .x3wrap > .container-child > .pane:hover { box-shadow: 0 0 20px 4px rgba(192, 192, 192, 0.6); } .section--x3wrap_photoz .x3wrap > .container-child > .pane:hover .image-accent { width: 100%; height: 2px; } .section--x3wrap_photoz h5 { display: inline; color: #c4c4c4; font-size: 12px; line-height: 15px; letter-spacing: 4px; text-transform: uppercase; font-weight: 700; padding-top: 8px; } .section--x3wrap_photoz .x3wrap a { color: #000000; } .section--x3wrap_photoz .x3wrap a span { color: #ff8500; } .section--x3wrap_photoz h4 { padding-top: 20px; } .section--x3wrap_photoz p { padding-top: 20px; } .section--x3wrap_photoz .x3wrap > .container-child > .pane { background-color: white; } .section--x3wrap_photoz .x3wrap > .container-child > .pane { -webkit-transition:box-shadow 300ms ease-out; -moz-transition:box-shadow 300ms ease-out; -o-transition:box-shadow 300ms ease-out; -ms-transition:box-shadow 300ms ease-out; transition:box-shadow 300ms ease-out; } .section--x3wrap_photoz .x3wrap > .container-child > .pane .image-accent { height: 2px; width: 40px; } .section--x3wrap_photoz .x3wrap > .container-child > .pane .image-accent { -webkit-transition:width 500ms ease-out; -moz-transition:width 500ms ease-out; -o-transition:width 500ms ease-out; -ms-transition:width 500ms ease-out; transition:width 500ms ease-out; } .section--x3wrap_photoz a { color: #5a5a5a; } .section--x3wrap_photoz .button-inverted { color: #ffffff; } .section--x3wrap_photoz a:hover { color: #ff8500; } .section--x3wrap_photoz a:active { color: #ff8500; } .section--x3wrap_photoz .headshot { width: 60px; height: 60px; border-radius: 50%; margin-right: 12px; } .section--x3wrap_customerz .outer .inner { padding-bottom: 0; } .section--x3wrap_customerz .outer .inner h2 { padding-top: 6px; padding-bottom: 32px; } .section--x3wrap_customerz .outer .inner h2:empty { display: none; } .section--x3wrap_customerz h2 { margin-left: auto; margin-right: auto; text-align: center; } .section--x3wrap_customerz h4 { margin-left: auto; margin-right: auto; text-align: center; } .section--x3wrap_customerz .image-above { padding-top: 12px; padding-bottom: 8px; height: 2px; width: 80px; } .section--x3wrap_customerz .x3wrap > .container-child > .pane { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding: 12px 24px; height: 100%; } .section--x3wrap_customerz .x3wrap > .container-child { padding-bottom: 48px; } .section--x3wrap_customerz .x3wrap > .container-fill { padding-bottom: 0; } .section--x3wrap_customerz { background-color: #ff8500; padding-bottom: 0; } .section--x3wrap_customerz .outer .inner h2 { color: #ffffff; } .section--x3wrap_customerz .outer .inner h3 { color: #ffffff; } .section--x3wrap_customerz .outer .inner h5 { color: #ffffff; } .section--x3wrap_customerz .outer .inner h6 { color: #ffffff; } .section--x3wrap_customerz .outer .inner p { color: #ffffff; } .section--x3wrap_customerz img.pane-customer { border-radius: 50%; } .section--x3wrap_customerz .x3wrap > .gap { align-self: center; } .section--x3wrap_customerz .x3wrap .gap-3r0 { display: block; background-color: #ffffff; width: 2px; height: 350px; } .section--x3wrap_customerz .x3wrap .gap-3r1 { display: block; background-color: #ffffff; width: 2px; height: 350px; } @media screen and (max-width: 959px) { .section--x3wrap_customerz .x3wrap > .container-child { width: 90%; } .section--x3wrap_customerz .x3wrap .gap { display: none; } } .section--x3wrap_alt--untiled { background-color: #eeeeee; } .section--x3wrap_alt--untiled .outer .inner { padding-top: 20px; } .section--x3wrap_alt--untiled .x3wrap .image-cover { padding-bottom: 16px; } .section--x3wrap_alt--untiled .x3wrap .gap { display: none; } .section--x3wrap_alt--untiled .x3wrap > .container-child { padding-bottom: 44px; } .section--x3wrap_alt--untiled .x3wrap > .container-fill { padding-bottom: 0; } .section--x3wrap_alt--untiled .x3wrap > .container-child > .pane { background-color: white; min-height: 202px; padding-bottom: 20px; } .section--x3wrap_alt--untiled .x3wrap > .container-child > .pane .image-cover { width: 100%; height: 2px; } .section--x3wrap_alt--untiled .x3wrap > .container-child > .pane h4 { padding-left: 20px; padding-right: 20px; } .section--x3wrap_alt--untiled .x3wrap > .container-child > .pane p { padding-left: 20px; padding-right: 20px; } .section--x3wrap_alt--untiled h5 { display: inline; color: #c4c4c4; font-size: 12px; line-height: 15px; letter-spacing: 4px; text-transform: uppercase; font-weight: 700; padding-top: 8px; } .section--x3wrap_alt--untiled .x3wrap a { color: #000000; } .section--x3wrap_alt--untiled .x3wrap a span { color: #ff8500; } .section--x3wrap_alt--untiled h4 { padding-top: 30px; } @media screen and (max-width: 1247px) { .section--x3wrap_alt--untiled .x3wrap > .container-child { width: calc(50% - 20px); } } @media screen and (max-width: 799px) { .section--x3wrap_alt--untiled .x3wrap > .container-child { width: 100%; } } .section--tictoc .outer .inner .x2 { align-items: center; } .section--tictoc img { max-width: 100%; } .section--tictoc .outer .inner .x2 > .container-child { max-width: 100%; width: calc(50% - 24px); } @media screen and (max-width: 799px) { .section--tictoc .outer .inner .x2 > .container-child { width: 100%; max-height: none; } .section--tictoc .outer .inner .x2 > .container-child .pane--copyleft { padding-top: 16px; } .section--tictoc .outer .inner .x2 > .container-child .pane--copyright { padding-top: 16px; } .section--tictoc--Right .outer .inner .x2 { flex-direction: column-reverse; } } .section--gated .outer .inner { padding-bottom: 64px; } .section--gated img { max-width: 100%; } .section--gated .x2--gated > .container-child--1 > div { padding-left: 64px; } .section--gated .x2--left > .container-child--0 { width: calc(40% - 10px); } .section--gated .x2--left > .container-child--1 { width: calc(60% - 10px); } @media screen and (max-width: 799px) { .section--gated .x2--gated > .container-child { width: 100%; } .section--gated .x2--gated > .container-child--1 > div { padding-left: 0; } } .section--contact .outer .inner { padding-bottom: 64px; } .section--contact img { max-width: 100%; } .section--contact .x2--contact > .container-child--1 > div { padding-left: 64px; } .section--contact .x2--left > .container-child--0 { width: calc(40% - 10px); } .section--contact .x2--left > .container-child--1 { width: calc(60% - 10px); } @media screen and (max-width: 1023px) { .section--contact .x2--contact > .container-child { width: 100%; } .section--contact .x2--contact > .container-child--1 > div { padding-left: 0; } } .section--search_results h1 { font-size: 48px; letter-spacing: 0; border-bottom: 2px solid #cccccc; margin-bottom: 12px; padding-bottom: 12px; } .section--search_results h2 { font-size: 32px; line-height: 48px; border-bottom: 2px solid #cccccc; margin-bottom: 12px; padding-bottom: 12px; } .section--search_results .navigation h2 { border-bottom: 0; display: none; } .section--search_results .navigation .nav-links { padding-bottom: 24px; font-weight: 700; } .section--search_results .navigation .nav-previous { float: right; } footer .outer .inner { padding-bottom: 32px; } footer { background: url(/wp-content/uploads/footer-mask.png) no-repeat; background-size: contain; background-position:left center; background-color: #5A5A5A; } footer .copyright-block { color: #ffffff; font-size: 13px; line-height: 16px; font-weight: 400; } footer a { color: #ffffff; font-size: 15px; line-height: 25px; font-weight: 400; } footer .footer-flex-secondary > .container-child--0 { width: calc(100% - 240px); } footer .pane--closure .menu-block { font-size: 13px; line-height: 16px; } footer .pane--closure .menu-block a { color: #ffffff; font-weight: 700; font-size: 13px; line-height: 16px; } footer .pane--closure .menu-block a:hover { color: #ff8500; } footer h6 { color: #ffffff; font-size: 26px; line-height: 32px; letter-spacing: -0.4642857px; font-weight: 400; padding-bottom: 14px; } footer .footer-flex-primary { display: flex; justify-content: space-between; } footer .footer-flex-primary > .container-child--0 { width: 29%; } footer .footer-flex-primary > .container-child--0 img { max-width: 100%; } footer .footer-flex-primary > .container-child--1 { width: 66%; } footer .footer-flex-primary > .container-child--1 .x4 .container-child { padding-bottom: 32px; } @media screen and (max-width: 1199px) { footer .footer-flex-primary { flex-wrap: wrap; } footer .footer-flex-primary > .container-child--0 { width: 100%; } footer .footer-flex-primary > .container-child--1 { width: 100%; } } @media screen and (max-width: 1076px) { footer { background: url(/wp-content/uploads/footer-mask-mobile.png) no-repeat; background-position: left top; background-color: #5A5A5A; } } footer .x4 { display: flex; flex-wrap: nowrap; justify-content: space-between; } footer .x4 > .container-child { max-width: 100%; } @media screen and (max-width: 767px) { footer .footer-flex-primary > .container-child--0 img { margin-left: auto; margin-right: auto; } footer .x4 { flex-wrap: wrap; } footer .x4 > .container-child { width: 48%; text-align: center; } } @media screen and (max-width: 479px) { footer .footer-flex-primary > .container-child--0 img { width: 180px; margin-left: 0; padding-left: 32px; } footer .x4 > .container-child { width: 100%; text-align: left; padding-left: 32px; } } footer .footer-flex-secondary { display: flex; justify-content: space-between; padding-right: 36px; } footer .footer-flex-secondary > .container-child--1 { width: 200px; } footer .footer-flex-secondary .social { display: flex; justify-content: space-between; } @media screen and (max-width: 1378px) { footer .x4 { padding-top: 0; } footer .footer-flex-secondary { flex-wrap: wrap; flex-direction: column-reverse; } footer .footer-flex-secondary > .container-child--0 { width: auto; } } @media screen and (max-width: 1121px) { footer .footer-flex-secondary { padding-right: 0; } footer .footer-flex-secondary .container-child--1 { align-self: center; } footer .pane--closure .menu-block { padding-top: 16px; } } @media screen and (max-width: 767px) { footer .pane--closure .menu-block { padding-top: 0; } } footer .footer-flex-primary .fa-wrapper { display: none; } footer .footer-flex-primary .accordian-controls { display: none; } footer .footer-flex-primary h6 .fa-plus { display: block; cursor: pointer; } footer .footer-flex-primary h6 .fa-minus { display: none; cursor: pointer; } footer .footer-flex-primary .accordian-controls .accordian-control-plus { padding-top: 8px; width: 16px; display: block; cursor: pointer; } footer .footer-flex-primary .accordian-controls .accordian-control-minus { padding-top: 8px; width: 16px; display: none; cursor: pointer; } footer .section--primary .outer .inner { padding-bottom: 0; } @media screen and (max-width: 479px) { footer .footer-flex-primary .fa-wrapper { display: block; } footer .footer-flex-primary .accordian-controls { display: block; } footer .footer-flex-primary h6 { display: flex; justify-content: space-between; margin-right: 34px; border-bottom: 1px solid rgba(255, 255, 255, 0.4); margin-bottom: 9px; } footer .footer-flex-primary .x4 > .container-child > .pane > div { padding-left: 24px; padding-bottom: 1em; } footer .footer-flex-primary .x4 > .container-child > .pane > div:empty { border-bottom: 1px solid rgba(255, 255, 255, 0.4); padding-bottom: 8px; margin-right: 24px; } footer .footer-flex-primary .hidden-for-mobile { display: none; } footer .footer-flex-primary > .container-child--1 .x4 .container-child { padding-bottom: 0; padding-top: 6px; } } .button-round .button-round-hover-false { display: block; } .button-round .button-round-hover-true { display: none; } .button-round:hover .button-round-hover-false { display: none; } .button-round:hover .button-round-hover-true { display: block; } .menu-arrow .menu-arrow-hover-false { display: inline; } .menu-arrow .menu-arrow-hover-true { display: none; } .menu-arrow:hover .menu-arrow-hover-false { display: none; } .menu-arrow:hover .menu-arrow-hover-true { display: inline; }