:root { --wilderBlueBG:#495c84;
--wilderBlue:#677699;
}
.center { text-align: center; }
#page { visibility: visible !important; }
.content img { width: inherit; }
html { font-family: sans-serif; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
body { margin: 0; width: 100% }
article, aside, footer, header, nav, section { display: block }
figcaption, figure, main { display: block }
figure { margin: 1em 40px }
hr { box-sizing: content-box; height: 0; overflow: visible }
pre { font-family: monospace, monospace; font-size: 1em }
a { background-color: transparent; -webkit-text-decoration-skip: objects }
a:active, a:hover { outline-width: 0 }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted }
b, strong { font-weight: inherit }
b, strong { font-weight: bolder }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em }
dfn { font-style: italic }
mark { background-color: #ff0; color: #000 }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sub { bottom: -0.25em }
sup { top: -0.5em }
audio, video { display: inline-block }
audio:not([controls]) { display: none; height: 0 }
img { border-style: none }
svg:not(:root) { overflow: hidden }
button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0 }
button, input { overflow: visible }
button, select { text-transform: none }
button, html [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance:button
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
border-style:none;
padding:0
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
outline:1px dotted ButtonText
}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal }
progress { display: inline-block; vertical-align: baseline }
textarea { overflow: auto }
[type="checkbox"], [type="radio"] {
box-sizing:border-box;
padding:0
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height:auto
}
[type="search"] {
-webkit-appearance:textfield;
outline-offset:-2px
}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
details, menu { display: block }
summary { display: list-item }
canvas { display: inline-block }
template { display: none }
[hidden] {
display:none
}
* { margin: 0; padding: 0; box-sizing: border-box }
body { background-color: #f4f2f1; font-family: "Montserrat", Arial, sans-serif; font-size: 15px; color: #495c84; line-height: 1.5; letter-spacing: .025em; text-align: center; overflow-x: hidden; }
body h1, body h2, body h3, body h4, body h5, body h6 { font-weight: normal }
body a { color: inherit; text-decoration: none }
body .heading, body .headingsm { font-family: "alternate-gothic-no-3-d", Arial, sans-serif; font-size: 25px; line-height: 1.3; letter-spacing: .1em; text-transform: uppercase }
body .headingsm { font-size: 19px }
CCCCCCCCCC.footerLink { text-align: left; }
.footerLink a { padding: 0 15px 0 0; font-family: "alternate-gothic-no-3-d", Arial, sans-serif; letter-spacing: .175em; text-transform: uppercase; margin-bottom: 10px; display: inline-block; font-size: 13px; text-decoration: none; color: #495c84; }
@media (min-width: 801px) {
body .heading { font-size: 30px }
}
body .body { line-height: 2 }
@media (min-width: 601px) {
body .body { font-size: 17px }
}
body .ta-left { text-align: left }
body .white { color: #fff } body .white.heading { text-shadow: 0 0 18px rgba(0,0,0,1); }
body.company .white.heading, body.company .overview { text-shadow: none; }
body .black { color: #000 }
body .blue { color: #495c84 }
body .underline { display: table }
body .underline:after { display: block; content: ""; width: 100%; height: 2px; background: #fbb036 }
body .button { display: inline-block; font-family: "alternate-gothic-no-3-d", Arial, sans-serif; text-transform: uppercase; text-decoration: none }
body .button.big { border: 2px solid; width: 190px; padding: 12px; font-size: 18px }
body .button.small { border: 1px solid; width: 130px; padding: 1px 0 0; font-size: 13px }
body .button.white { color: #fff; border-color: #fff }
body .button.white:hover { color: #495c84; background: #fff }
body .button.blue { color: #495c84; border-color: #495c84 }
.halfPage { width: 50%; display: inline-block; }
#footerLink { text-align: right; padding-right: 1em; }
body .button.blue:hover { color: #fff; background: #495c84 }
body .clearfix:after { content: ""; display: block; clear: both }
body .table { display: table }
body .tablecell { display: table-cell; vertical-align: middle }
body img { width: 100%; display: block } body .content img { max-width: 100%; height: auto; display: inline-block; }
.content img { width: inherit; }
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0 }
.slick-list:focus { outline: none }
.slick-list.dragging { cursor: pointer; cursor: hand }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.slick-track { position: relative; left: 0; top: 0; display: block }
.slick-track:before, .slick-track:after { content: ""; display: table }
.slick-track:after { clear: both }
.slick-loading .slick-track { visibility: hidden }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none }
[dir="rtl"] .slick-slide { float: right }
.slick-slide img { display: block }
.slick-slide.slick-loading img { display: none }
.slick-slide.dragging img { pointer-events: none }
.slick-initialized .slick-slide { display: block }
.slick-loading .slick-slide { visibility: hidden }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent }
.slick-arrow.slick-hidden { display: none }
body:not(.home) .container { padding-top: 50px }
@media (min-width: 801px) {
body:not(.home) .container { padding-top: 87px }
}
body:not(.home) .container header.header { position: fixed; top: 0; left: 0; width: 100%; z-index: 999 }
@media (max-width: 1000px) {
.home .container { padding-top: 87px }
.home .container header.header { position: fixed; top: 0; left: 0; width: 100%; z-index: 999 }
}
@media (max-width: 800px) {
.home .container { padding-top: 50px }
}
.home.scrolled header.headerhome { position: fixed; top: 0; left: 0; width: 100%; z-index: 999 }
.home.scrolled .overview { padding-top: 167px }
header.header, header.headerhome { padding: 7px; background: #fff; position: relative }
@media (min-width: 801px) {
header.header, header.headerhome { padding: 10px }
}
header.header .logo img, header.headerhome .logo img { height: 36px; width: auto; float: left }
@media (min-width: 801px) {
header.header .logo img, header.headerhome .logo img { height: 67px }
}
header.header .menutog, header.headerhome .menutog { float: right; display: block; height: 36px; width: 36px; padding: 5px }
@media (min-width: 801px) {
header.header .menutog, header.headerhome .menutog { padding: 15px; height: 67px; width: 67px }
}
@media (min-width: 1001px) {
header.header .menutog, header.headerhome .menutog { display: none }
}
header.header .menutog img, header.headerhome .menutog img { width: 100%; display: none }
header.header .menutog img.on, header.headerhome .menutog img.on { display: block }
header.header nav.nav, header.headerhome nav.nav { position: absolute; top: 100%; padding: 0px 30px 20px; background: #fff; right: 0 }
@media (max-width: 400px) {
header.header nav.nav, header.headerhome nav.nav { width: 100% }
}
@media (max-width: 1000px) {
header.header nav.nav, header.headerhome nav.nav { z-index: 999 }
header.header nav.nav.closed, header.headerhome nav.nav.closed { display: none }
}
@media (min-width: 1001px) {
header.header nav.nav, header.headerhome nav.nav { float: right; position: static; width: auto; right: auto; padding: 0; display: block }
}
header.header nav.nav>ul, header.headerhome nav.nav>ul { list-style: none }
@media (min-width: 1001px) {
header.header nav.nav>ul, header.headerhome nav.nav>ul { padding-top: 22px }
}
@media (min-width: 1001px) {
header.header nav.nav>ul>li, header.headerhome nav.nav>ul>li { display: inline-block }
header.header nav.nav>ul>li:after, header.headerhome nav.nav>ul>li:after { display: inline-block; content: "|"; color: #b3b3b3 }
header.header nav.nav>ul>li:last-of-type::after, header.headerhome nav.nav>ul>li:last-of-type::after { display: none }
header.header nav.nav>ul>li:hover ul, header.headerhome nav.nav>ul>li:hover ul { display: block }
}
header.header nav.nav>ul>li.menu-item-has-children, header.headerhome nav.nav>ul>li.menu-item-has-children { position: relative }
header.header nav.nav>ul>li a, header.headerhome nav.nav>ul>li a { padding: 8px 20px; display: block; text-decoration: none; color: #000; font-family: "alternate-gothic-no-3-d", Arial, sans-serif; font-size: 18px; letter-spacing: .175em; text-transform: uppercase }
@media (min-width: 1001px) {
header.header nav.nav>ul>li a, header.headerhome nav.nav>ul>li a { display: inline; padding: 0 15px; font-size: 16px }
}
header.header nav.nav>ul>li a:hover, header.headerhome nav.nav>ul>li a:hover { color: #495c84 }
header.header nav.nav>ul>li.current-menu-item a, header.headerhome nav.nav>ul>li.current-menu-item a { color: #495c84 }
header.header nav.nav>ul>li ul, header.headerhome nav.nav>ul>li ul { display: none; width: 100%; background: #fff; list-style: none }
@media (min-width: 1001px) {
header.header nav.nav>ul>li ul, header.headerhome nav.nav>ul>li ul { position: absolute; left: -5px; top: 100%; padding: 8px 0 }
}
@media (max-width: 1000px) {
header.header nav.nav>ul>li ul.open, header.headerhome nav.nav>ul>li ul.open { display: block }
}
header.header nav.nav>ul>li ul li a, header.headerhome nav.nav>ul>li ul li a { display: inline-block; padding: 8px 10px; color: #000 !important }
header.header nav.nav>ul>li ul li a:hover, header.headerhome nav.nav>ul>li ul li a:hover { color: #495c84 !important }
@media (max-width: 1000px) {
header.header nav.nav>ul>li ul li a, header.headerhome nav.nav>ul>li ul li a { font-size: 16px; color: #fbb036 !important }
}
header.header nav.nav .social, header.headerhome nav.nav .social { padding: 10px 0 5px }
@media (min-width: 801px) {
header.header nav.nav .social, header.headerhome nav.nav .social { display: none }
}
header.header nav.nav .social a, header.headerhome nav.nav .social a { padding: 0 6px; display: inline-block }
header.header nav.nav .social a img, header.headerhome nav.nav .social a img { width: 30px; height: 30px }
footer.footer { background: #fff; padding: 30px }
@media (min-width: 601px) {
footer.footer { padding: 20px 40px 40px; }
.footerLink { text-align: left; }
}
@media (min-width: 801px) {
footer.footer .info { float: left }
footer.footer .social { float: right }
}
@media (min-width: 601px) {
footer.footer .info { padding-top: 3px }
footer.footer .info br { display: none }
}
footer.footer .info h6, footer.footer .info p, footer.footer .info a { font-family: "alternate-gothic-no-3-d", Arial, sans-serif; letter-spacing: .175em; text-transform: uppercase }
@media (min-width: 601px) {
footer.footer .info h6, footer.footer .info p, footer.footer .info a { display: inline-block }
}
footer.footer .info h6 { padding-right: 5px; font-size: 16px }
@media (min-width: 601px) and (max-width: 800px) {
footer.footer .info h6 { display: block; margin-bottom: 10px }
}
footer.footer .info p { padding: 0 15px; font-size: 13px }
@media (min-width: 601px) {
footer.footer .info p:after { display: inline-block; content: "|"; color: #b3b3b3; position: relative; left: 15px }
}
footer.footer .info a { padding: 0 15px; font-size: 13px; text-decoration: none; color: #000 }
footer.footer .info a:hover { color: #495c84 }
footer.footer .social { line-height: 0; margin-top: 20px }
@media (min-width: 801px) {
footer.footer .social { margin-top: 0 }
}
footer.footer .social a { padding: 0 6px; display: inline-block }
footer.footer .social a svg { width: 30px; height: 30px }
footer.footer .social a svg path { fill: #495c84 }
footer.footer .social a:hover svg path { fill: #fbb036 }
.credit { width: 100%; padding: 8px 10px 5px; background: #f4f2f1; color: #888; font-size: 12px !important; text-transform: uppercase }
@media (min-width: 801px) {
.credit { text-align: left }
}
@media (min-width: 1001px) {
.page-template-template-home header.header { position: absolute; top: 0; right: 0; z-index: 1; background: none }
.page-template-template-home header.header .logo { display: none }
.page-template-template-home header.header nav.nav { background: none }
.page-template-template-home header.header nav.nav ul li:after { color: #fff }
.page-template-template-home header.header nav.nav ul li a { color: #fff }
.page-template-template-home header.header nav.nav ul li a:hover { color: #fbb036 }
.page-template-template-home header.header nav.nav ul li ul { background: none }
.page-template-template-home header.header nav.nav ul li ul a { color: #fff !important }
.page-template-template-home header.header nav.nav ul li ul a:hover { color: #fbb036 !important }
}
@media (max-width: 1000px) {
.page-template-template-home header.headerhome { display: none }
}
.page-template-template-home main .homeslider { position: relative }
@media (min-width: 1001px) {
.page-template-template-home main .homeslider { height: 100vh; }
}
.page-template-template-home main .homeslider h1 { display: none }
@media (min-width: 601px) {
.page-template-template-home main .homeslider h1 { display: block; position: absolute; width: 80%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1 }
}
.page-template-template-home main .homeslider .slide { position: relative }
.page-template-template-home main .homeslider p { position: absolute; bottom: 49%; transform: translateY(50%); width: 100%; padding: 40px; z-index: 1; font-family: "alternate-gothic-no-1-d", Arial, sans-serif; font-size: 30px; display: none }
.page-template-template-home main .homeslider p.current { display: block }
@media (min-width: 601px) {
.page-template-template-home main .homeslider p { bottom: 10% }
}
@media (min-width: 801px) {
.page-template-template-home main .homeslider p { font-size: 40px }
}
@media (min-width: 1001px) {
.page-template-template-home main .homeslider p { font-size: 50px }
}
@media (min-width: 1201px) {
.page-template-template-home main .homeslider p { font-size: 60px }
}
.page-template-template-home main .homeslider a.scroll { width: 10px; height: auto; position: absolute; bottom: 10px; left: 50%; transform: rotate(90deg) translateY(50%); z-index: 2 }
@media (max-width: 1000px) {
.page-template-template-home main .homeslider a.scroll { display: none }
}
@media (min-width: 1001px) {
.page-template-template-home main .homeslider .slick-slide { height: 100vh }
.page-template-template-home main .homeslider .slick-slide img { height: 100vh; padding-left: 100%; background-size: cover; background-position: center }
}
.page-template-template-home main .homeslider .slick-prev, .page-template-template-home main .homeslider .slick-next { display: block; z-index: 1; font-size: 0px; line-height: 0px; position: absolute; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; cursor: pointer; background-color: transparent; background-repeat: no-repeat; background-position: right; background-image: url(//www.wilderco.com/wp-content/themes/wilder-theme/img/arrow.svg); border: none }
.page-template-template-home main .homeslider .slick-prev:before, .page-template-template-home main .homeslider .slick-next:before { vertical-align: middle; font-size: 50px; line-height: 0px; color: white }
.page-template-template-home main .homeslider .slick-prev { left: 15px; transform: translateY(-50%) rotate(180deg) }
.page-template-template-home main .homeslider .slick-next { right: 15px }
.page-template-template-home main .overview { padding: 45px 20px }
@media (min-width: 601px) {
.page-template-template-home main .overview { padding: 60px }
}
@media (min-width: 801px) {
.page-template-template-home main .overview { margin: auto; padding: 80px; max-width: 1000px }
}
@media (max-width: 800px) {
.page-template-template-home main .cta div.table { width: 100%; padding: 60px }
}
@media (max-width: 600px) {
.page-template-template-home main .cta div.table { padding: 40px }
}
.page-template-template-home main .cta .properties, .page-template-template-home main .cta .company { background: #495c84 }
@media (min-width: 801px) {
.page-template-template-home main .cta .properties img, .page-template-template-home main .cta .properties>div, .page-template-template-home main .cta .company img, .page-template-template-home main .cta .company>div { width: 50%; height: 31.5vw; float: left }
}
@media (min-width: 801px) {
.page-template-template-home main .cta .services img, .page-template-template-home main .cta .services>div { width: 50%; height: 31.5vw; float: right }
}
.page-template-template-home main .cta h3 { max-width: 380px; margin: auto; padding-bottom: 20px }
.page-template-template-acquisitions main { background: #495c84 }
.page-template-template-acquisitions .overview { background-image: url(//www.wilderco.com/wp-content/themes/wilder-theme/img/wilder-acquisitions-header.jpg); background-size: cover; background-position: center }
@media (min-width: 801px) {
.page-template-template-acquisitions .overview { float: left; width: 100% }
}
.page-template-template-acquisitions .overview .wrap { padding: 45px 20px }
@media (min-width: 601px) {
.page-template-template-acquisitions .overview .wrap { padding: 60px }
}
@media (min-width: 801px) {
.page-template-template-acquisitions .overview .wrap { margin: auto; padding: 110px 80px; max-width: 820px }
}
.page-template-template-acquisitions .content { background: #f4f2f1; padding: 45px 20px }
@media (min-width: 601px) {
.page-template-template-acquisitions .content { padding: 60px 40px }
.page-template-template-acquisitions .content .criteria table tr th { white-space: nowrap; }
}
@media (min-width: 801px) {
.page-template-template-acquisitions .content { float: left; width: calc(100% - 280px) }
}
@media (min-width: 1001px) {
.page-template-template-acquisitions .content { width: calc(100% - 360px); padding: 85px 120px }
}
.page-template-template-acquisitions .content >p { padding-bottom: 15px; }
.page-template-template-acquisitions .content .criteria { text-align: left; padding-top: 40px }
.page-template-template-acquisitions .content .criteria table { border-top: 1px solid #888; margin-top: 8px; border-collapse: collapse; width: 100% }
.page-template-template-acquisitions .content .criteria table tr { border-bottom: 1px solid #888 }
.page-template-template-acquisitions .content .criteria table tr th { padding: 10px 30px 10px 0; vertical-align: top; font-weight: normal; }
.page-template-template-acquisitions .content .criteria table td { font-size: 14px; padding: 10px 0; padding-right: 15px; border-bottom: 1px solid #888 }
@media (min-width: 1001px) {
.page-template-template-acquisitions .content .criteria { padding-top: 60px }
}
.page-template-template-acquisitions .side { text-align: left; padding: 40px 20px }
@media (min-width: 601px) {
.page-template-template-acquisitions .side { padding: 40px }
}
@media (min-width: 801px) {
.page-template-template-acquisitions .side { float: left; width: 280px; padding: 60px 35px }
}
@media (min-width: 1001px) {
.page-template-template-acquisitions .side { width: 360px; padding: 85px 60px }
}
@media (min-width: 601px) and (max-width: 800px) {
.page-template-template-acquisitions .side>div { width: 50%; float: left }
}
.page-template-template-acquisitions .side h3 { padding-bottom: 25px }
.page-template-template-acquisitions .side p { font-size: 14px; line-height: 1.4 }
@media (max-width: 600px) {
.page-template-template-acquisitions .side p { padding-bottom: 20px }
}
@media (min-width: 801px) {
.page-template-template-acquisitions .side p { padding-bottom: 50px }
}
.page-template-template-acquisitions .side a { display: block }
.page-template-template-acquisitions .side a svg path { fill: white }
.page-template-template-acquisitions .side a svg.download { height: 16px; width: 17.45px; margin-right: 10px }
.page-template-template-acquisitions .side a svg.go { height: 13px; width: 12.75px; margin-left: 10px }
.page-template-template-acquisitions .side a:hover { color: #fbb036 }
.page-template-template-acquisitions .side a:hover svg path { fill: #fbb036 }
.page-template-template-acquisitions .side a.brochure { padding-bottom: 20px }
.page-template-template-company section.overview { padding: 45px 20px }
@media (min-width: 601px) {
.page-template-template-company section.overview { padding: 60px }
}
@media (min-width: 801px) {
.page-template-template-company section.overview { margin: auto; padding: 80px; max-width: 1050px }
}
.page-template-template-company .casestudies article h2 { padding-bottom: 10px }
.page-template-template-company .casestudies article a.button { margin: 30px 10px 0 10px }
.page-template-template-company .casestudies article a.button:hover { background: #495c84; color: #fff }
.page-template-template-company .casestudies article .preview .copy { padding: 40px 20px }
@media (min-width: 601px) {
.page-template-template-company .casestudies article .preview .copy { padding: 40px }
}
@media (min-width: 801px) {
.page-template-template-company .casestudies article .preview .copy { float: right; width: 50%; height: 31.5vw; padding: 0 calc(25% - 200px) }
}
.page-template-template-company .casestudies article .preview img { background-size: cover; background-position: center }
@media (min-width: 801px) {
.page-template-template-company .casestudies article .preview img { float: right; width: 50%; height: 31.5vw; padding-left: 50% }
}
.page-template-template-company .casestudies article .expand { display: none }
.page-template-template-company .casestudies article .expand .copy { position: relative; padding: 40px 20px }
@media (min-width: 601px) {
.page-template-template-company .casestudies article .expand .copy { padding: 40px }
}
@media (min-width: 801px) {
.page-template-template-company .casestudies article .expand .copy { float: right; width: 50%; padding: 120px 80px 60px }
}
.page-template-template-company .casestudies article .expand .copy ul { text-align: left; margin-left: 18px; list-style: none }
.page-template-template-company .casestudies article .expand .copy p, .page-template-template-company .casestudies article .expand .copy li { margin-bottom: 10px }
.page-template-template-company .casestudies article .expand .copy li::before { content: "\2022"; color: #fbb036; display: inline-block; width: 18px; margin-left: -18px }
@media (min-width: 801px) {
.page-template-template-company .casestudies article .expand .copy .img { background-size: cover; background-position: center; position: absolute; width: 100%; height: 100%; top: 0; right: 100% }
}
@media (max-width: 800px) {
.page-template-template-company .casestudies article .expand .imgm { background-size: cover; background-position: center; width: 100%; height: 64vw }
}
.page-template-template-company .casestudies article:nth-of-type(odd) { background: #495c84; color: #fff }
@media (min-width: 801px) {
.page-template-template-company .casestudies article:nth-of-type(odd) .copy, .page-template-template-company .casestudies article:nth-of-type(odd) img { float: left }
}
.page-template-template-company .casestudies article:nth-of-type(odd) .copy .img { left: 100% }
.page-template-template-company .casestudies article:nth-of-type(odd) a.button:hover { background: #fff; color: #495c84 } .page-template-template-company .careers .overview, .page-template-template-company-update .careers .overview { padding: 40px 20px }
@media (min-width: 601px) {
.page-template-template-company .careers .overview, .page-template-template-company-update .careers .overview { padding: 40px }
}
@media (min-width: 801px) {
.page-template-template-company .careers .overview, .page-template-template-company-update .careers .overview { margin: auto; padding: 80px; max-width: 1000px }
}
.page-template-template-company .careers .overview .copy, .page-template-template-company-update .careers .overview .copy { padding-bottom: 30px }
.page-template-template-company .careers .overview span.error, .page-template-template-company-update .careers .overview span.error { display: none }
.page-template-template-company .careers .overview span.error p, .page-template-template-company-update .careers .overview span.error p { font-size: 14px; letter-spacing: .05em; max-width: 400px; margin: auto }
.page-template-template-company .careers .overview span.error a:hover, .page-template-template-company-update .careers .overview span.error a:hover { color: #fbb036 }
.page-template-template-company .careers .careers_list, .page-template-template-company-update .careers .careers_list { display: none; background: #495c84; padding: 40px 20px }
@media (min-width: 601px) {
.page-template-template-company .careers .careers_list, .page-template-template-company-update .careers .careers_list { padding: 60px 40px }
}
@media (min-width: 1001px) {
.page-template-template-company .careers .careers_list, .page-template-template-company-update .careers .careers_list { padding: 90px }
}
.page-template-template-company .careers .careers_list ul li a, .page-template-template-company-update .careers .careers_list ul li a { text-align: left; width: 250px; margin-bottom: 30px }
.page-template-template-company .careers article.position, .page-template-template-company-update .careers article.position { display: none; background: #495c84; padding: 40px 20px }
@media (min-width: 601px) {
.page-template-template-company .careers article.position, .page-template-template-company-update .careers article.position { padding: 60px 20px }
}
@media (min-width: 1001px) {
.page-template-template-company .careers article.position, .page-template-template-company-update .careers article.position { padding: 90px 55px }
}
.page-template-template-company .careers article.position .title, .page-template-template-company-update .careers article.position .title { width: 100% }
@media (min-width: 601px) {
.page-template-template-company .careers article.position .title, .page-template-template-company-update .careers article.position .title { padding-left: 20px }
}
@media (min-width: 1001px) {
.page-template-template-company .careers article.position .title, .page-template-template-company-update .careers article.position .title { padding-left: 35px }
}
.page-template-template-company .careers article.position .description, .page-template-template-company-update .careers article.position .description { text-align: left; font-size: 14px; line-height: 1.4; padding: 20px 0 10px }
@media (max-width: 600px) {
.page-template-template-company .careers article.position .description, .page-template-template-company-update .careers article.position .description { display: flex; flex-direction: column }
.page-template-template-company .careers article.position .description .apply, .page-template-template-company-update .careers article.position .description .apply { order: 10 }
}
@media (min-width: 601px) {
.page-template-template-company .careers article.position .description, .page-template-template-company-update .careers article.position .description { -moz-column-count: 2; column-count: 2 }
}
@media (min-width: 801px) {
.page-template-template-company .careers article.position .description, .page-template-template-company-update .careers article.position .description { padding: 30px 0 15px; -moz-column-count: 3; column-count: 3 }
}
.page-template-template-company .careers article.position .description>div, .page-template-template-company-update .careers article.position .description>div { break-inside: avoid-column; margin-bottom: 30px }
@media (min-width: 601px) {
.page-template-template-company .careers article.position .description>div, .page-template-template-company-update .careers article.position .description>div { padding: 0 15px 0 20px }
}
@media (min-width: 1001px) {
.page-template-template-company .careers article.position .description>div, .page-template-template-company-update .careers article.position .description>div { padding: 0 25px 0 35px }
}
.page-template-template-company .careers article.position .description h4, .page-template-template-company-update .careers article.position .description h4 { margin-bottom: 30px }
.page-template-template-company .careers article.position .description h5, .page-template-template-company-update .careers article.position .description h5 { margin-bottom: 10px; font-size: inherit; text-transform: uppercase }
.page-template-template-company .careers article.position .description ul, .page-template-template-company-update .careers article.position .description ul { list-style: none; margin-left: 6px }
.page-template-template-company .careers article.position .description ul li, .page-template-template-company-update .careers article.position .description ul li { margin-bottom: 10px }
.page-template-template-company .careers article.position .description ul li::before, .page-template-template-company-update .careers article.position .description ul li::before { content: "\2022"; display: inline-block; width: 8px; margin-left: -8px }
.page-template-template-company .careers article.position .description a:hover, .page-template-template-company-update .careers article.position .description a:hover { color: #fbb036 }
.page-template-template-company .careers article.position span.pdf, .page-template-template-company-update .careers article.position span.pdf { display: block; text-align: left; padding-bottom: 25px }
@media (min-width: 601px) {
.page-template-template-company .careers article.position span.pdf, .page-template-template-company-update .careers article.position span.pdf { padding-left: 35px; padding-bottom: 15px }
}
.page-template-template-company .careers article.position span.pdf svg, .page-template-template-company-update .careers article.position span.pdf svg { height: 16px; width: 17.45px; margin-right: 10px }
.page-template-template-company .careers article.position span.pdf svg path, .page-template-template-company-update .careers article.position span.pdf svg path { fill: #fff }
.page-template-template-company .careers article.position span.pdf a:hover, .page-template-template-company-update .careers article.position span.pdf a:hover { color: #fbb036 }
.page-template-template-company .careers article.position span.pdf a:hover svg path, .page-template-template-company-update .careers article.position span.pdf a:hover svg path { fill: #fbb036 }
@media (min-width: 1001px) {
.page-template-template-contact main { display: flex; flex-direction: row; flex-wrap: wrap }
.page-template-template-contact main .overview { width: 100% }
.page-template-template-contact main .content, .page-template-template-contact main .map { width: 50% }
}
.page-template-template-contact section.overview { background-image: url(//www.wilderco.com/wp-content/themes/wilder-theme/img/contact_header.jpg); background-size: cover; background-position: center }
.page-template-template-contact section.overview h1 { margin: auto; padding: 40px 0 }
@media (min-width: 801px) {
.page-template-template-contact section.overview h1 { padding: 70px 0 }
}
@media (min-width: 1001px) {
.page-template-template-contact section.overview h1 { padding: 140px 0 }
}
.page-template-template-contact section.content { padding: 30px 0px 0px }
@media (min-width: 601px) {
.page-template-template-contact section.content { padding: 60px 26px 20px }
}
.page-template-template-contact section.content .info { font-size: 18px; letter-spacing: .05em; margin-bottom: 40px }
@media (min-width: 601px) {
.page-template-template-contact section.content .info { margin-bottom: 60px }
}
.page-template-template-contact section.content .info>* { margin-bottom: 5px }
.page-template-template-contact section.content .form form { width: 100% }
.page-template-template-contact section.content .form form:after { display: block; clear: both; content: "" }
.page-template-template-contact section.content .form form label { position: absolute; left: -999999px }
.page-template-template-contact section.content .form form .wpcf7-form-control-wrap { display: inline-block; padding: 11px 14px; width: 100% }
.page-template-template-contact section.content .form form .wpcf7-form-control-wrap.zip, .page-template-template-contact section.content .form form .wpcf7-form-control-wrap.state { width: 50% }
@media (min-width: 801px) {
.page-template-template-contact section.content .form form .wpcf7-form-control-wrap { width: 50%; float: left }
.page-template-template-contact section.content .form form .wpcf7-form-control-wrap.message { width: 100% }
.page-template-template-contact section.content .form form .wpcf7-form-control-wrap.zip, .page-template-template-contact section.content .form form .wpcf7-form-control-wrap.state { width: 25% }
}
.page-template-template-contact section.content .form form .wpcf7-form-control-wrap input, .page-template-template-contact section.content .form form .wpcf7-form-control-wrap select, .page-template-template-contact section.content .form form .wpcf7-form-control-wrap textarea { -webkit-appearance: none; display: block; width: 100%; padding: 15px; background: transparent; border: 2px solid white; border-radius: 0; font-size: 18px; font-family: "alternate-gothic-no-3-d", Arial, sans-serif; color: #495c84 }
.page-template-template-contact section.content .form form .wpcf7-form-control-wrap input::placeholder, .page-template-template-contact section.content .form form .wpcf7-form-control-wrap select::placeholder, .page-template-template-contact section.content .form form .wpcf7-form-control-wrap textarea::placeholder {
color:#888;
text-transform:uppercase;
text-align:center
}
.page-template-template-contact section.content .form form .wpcf7-form-control-wrap input:focus, .page-template-template-contact section.content .form form .wpcf7-form-control-wrap select:focus, .page-template-template-contact section.content .form form .wpcf7-form-control-wrap textarea:focus { outline: none }
.page-template-template-contact section.content .form form .wpcf7-form-control-wrap input { text-align: center }
.page-template-template-contact section.content .form form .wpcf7-form-control-wrap select { height: 54px; text-align-last: center; text-transform: uppercase }
.page-template-template-contact section.content .form form .wpcf7-form-control-wrap select option:first-of-type { color: #888 }
.page-template-template-contact section.content .form form .wpcf7-submit { -webkit-appearance: none; width: calc(100% - 28px); margin: 11px 14px; padding: 15px 30px; background: transparent; border: 2px solid #495c84; border-radius: 0; color: #495c84; text-align: center; font-size: 18px; font-family: "alternate-gothic-no-3-d", Arial, sans-serif; text-transform: uppercase; cursor: pointer }
@media (min-width: 601px) {
.page-template-template-contact section.content .form form .wpcf7-submit { width: auto; float: right }
}
.page-template-template-contact section.content .form form .wpcf7-submit:after { display: inline-block; content: ""; position: relative; top: -6px; margin-left: 5px; height: 12px; width: 5px; background-image: url(//www.wilderco.com/wp-content/themes/wilder-theme/img/submit_arrow.svg); background-size: 100%; background-position: center; background-repeat: no-repeat }
.page-template-template-contact section.content .form form div.wpcf7-validation-errors, .page-template-template-contact section.content .form form div.wpcf7-acceptance-missing, .page-template-template-contact section.content .form form div.wpcf7-response-output { border: none }
.page-template-template-contact section.map { background: #495c84; position: relative }
.page-template-template-contact section.map #map { height: 200px }
@media (min-width: 601px) {
.page-template-template-contact section.map #map { height: 100%; min-height: 400px }
}
.page-template-template-contact section.map .controls { position: absolute; bottom: 10px; right: 10px }
@media (min-width: 601px) {
.page-template-template-contact section.map .controls { bottom: 20px; right: 20px }
}
.page-template-template-contact section.map .controls div { display: block; float: left; height: 42px; width: 42px; background: #f4f2f1; margin-right: 10px; cursor: pointer; font-size: 30px }
.page-template-template-contact section.map .controls a { display: block; float: left; background: #f4f2f1; border: none; padding: 10px 15px }
.page-template-template-contact section.map .controls div:hover, .page-template-template-contact section.map .controls a:hover { color: white; background: #495c84 }
@media (min-width: 1001px) {
display:block .no-flexbox .page-template-template-contact main:after {
display:block;
clear:both;
content:""
}
.no-flexbox .page-template-template-contact main .overview { width: 100%; float: left }
.no-flexbox .page-template-template-contact main .content, .no-flexbox .page-template-template-contact main .map { width: 50%; float: left }
.no-flexbox .page-template-template-contact main .map { height: 922px }
}
@media (min-width: 1001px) {
main.news, main.privacy, main.portal { display: flex; flex-direction: row }
}
main.newslist section:first-of-type { background-image: url(//www.wilderco.com/wp-content/themes/wilder-theme/img/news_confetti.jpg); background-size: cover; background-position: top }
main.privacy section:first-of-type, main.portal section:first-of-type { background: #495c84; color: #fff!important; }
main.privacy h1.heading.black.title, main.portal h1.heading.black.title { color: #fff; position: fixed; width: 34%; } main.portal .content .lead { font-size: 1.2rem; }
main.portal .content { padding: 3em; ; text-align: left; }
main.portal .content p { margin: 0 0 1rem 0; }
main.portal .content .alignleft { display: inline; float: left; margin-right: 1.5em; }
body main.portal .content img, body main.portal .content figure {
width:!important; max-width: 100%; height: auto; }
main.portal .content img.icons, main.portal .content figure.icons { width: 88px; }
main.portal .content dl, main.portal .content ol, main.portal .content ul { margin: 0 0 1rem 50px; }
main.portal .content h1, main.portal .content h2, main.portal .content h3, main.portal .content h4, main.portal .content h5, main.portal .content h6 {
margin-bottom: .5rem; font-weight: 500; line-height: 1.2; }
main.portal .content a.button { -webkit-appearance: none; width: calc(100% - 28px); margin: 11px 14px; padding: 15px 30px; background: transparent; border: 2px solid #495c84; border-radius: 0; color: #495c84; text-align: center; font-size: 18px; font-family: "alternate-gothic-no-3-d", Arial, sans-serif; text-transform: uppercase; cursor: pointer; }
.headerPhoto { margin: -3rem -2.8em 2rem; }
@media (min-width: 1001px) {
main.newslist section:first-of-type, main.privacy section:first-of-type, main.portal section:first-of-type { width: 34%; background-position: center }
}
main.news section:nth-of-type(2), main.privacy section:nth-of-type(2), main.portal section:nth-of-type(2) { border: 1px solid #fff; background: #f4f2f1 }
main.portal section:nth-of-type(2) { border: 1px solid #fff; background: #fff }
@media (min-width: 801px) {
main.news section:nth-of-type(2), main.privacy section:nth-of-type(2), main.portal section:nth-of-type(2) { min-height: calc(100vh - 404px) }
}
@media (min-width: 1001px) {
main.news section:nth-of-type(2) { width: 66%; min-height: calc(100vh - 225px); }
main.privacy section:nth-of-type(2) { width: 66%; min-height: calc(100vh - 225px); }
main.portal section:nth-of-type(2) { width: 66%; min-height: calc(100vh - 225px); }
}
main.news section h1.title, main.news section h2.title, main.privacy section h1.title, main.privacy section h2.title, main.portal section h1.title, main.portal section h2.title { padding: 70px 0 }
main.news section>a.table, main.privacy section>a.table { border: 1px solid #fff; width: 100%; padding: 30px }
@media (min-width: 601px) {
main.news section>a.table { padding: 30px }
}
@media (min-width: 801px) {
main.news section:nth-of-type(2) { display: flex; flex-wrap: wrap; }
main.news section>a.table { width: 50%; float: left }
}
main.news section>a.table .tablecell { vertical-align: top }
main.news section>a.table div.feat-img { background-position: center; background-size: cover; height: 250px; margin-bottom: 30px; }
main.news section>a.table .date { font-size: 14px; text-transform: uppercase }
main.news section>a.table h2 { margin: 10px }
main.news section>a.table span { width: auto; padding: 1px 10px 0 }
main.news section>a.table:hover span.button { background: #495c84; color: #fff }
main.news section .pagination { width: 100%; padding: 20px; font-size: 15px }
@media (min-width: 801px) {
main.news section .pagination { float: left; padding: 60px }
}
main.news section .pagination>* { padding: 0 3px }
main.news section .pagination .current, main.news section .pagination a:hover { color: #000 }
main.news.newssingle .content { padding: 20px }
main.news.newssingle .content article img.attachment-post-thumbnail { margin-bottom: 30px; }
@media (min-width: 601px) {
main.news.newssingle .content { padding: 40px }
}
@media (min-width: 801px) {
main.news.newssingle .content { padding: 60px; max-width: 1000px; margin: auto }
}
main.news.newssingle .content article { text-align: left; margin-bottom: 30px }
main.news.newssingle .content article h1 { text-align: center; padding: 0 40px 15px }
main.news.newssingle .content article p { color: black; font-size: 14px; text-align: left; margin-bottom: 15px }
main.news.newssingle .content article p.date { text-align: center; margin-bottom: 30px }
main.news.newssingle .content article p span { color: #495c84 }
main.news.newssingle .content article a { color: #495c84 }
main.news.newssingle .content article a svg { height: 13px; width: 12.75px }
main.news.newssingle .content article a svg path { fill: #495c84 }
main.news.newssingle .content article a:hover { color: #fbb036 }
main.news.newssingle .content article a:hover path { fill: #fbb036 }
main.news.newssingle .content article ul { list-style: none; margin-left: 10px }
main.news.newssingle .content article ul li { padding-right: 8px; color: black; font-size: 14px; text-align: left; margin-bottom: 5px }
main.news.newssingle .content article ul li::before { content: "\2022"; display: inline-block; width: 10px; margin-left: -10px }
@media (min-width: 1001px) {
.no-flexbox main.news { background-image: url(https://picsum.photos/1000/1000); background-size: cover; background-position: left }
.no-flexbox main.news:after { display: block; clear: both; content: "" }
.no-flexbox main.news section { float: left }
}
.page-template-template-properties .overview { background-image: url(https://www.wilderco.com/wp-content/uploads/properties_header-2025.jpg); background-size: cover; background-position: center }
.page-template-template-properties .overview .wrap { padding: 45px 20px }
.page-template-template-properties .overview .wrap p { text-shadow: 1px 1px 18px rgb(0 0 0) }
@media (min-width: 601px) {
.page-template-template-properties .overview .wrap { padding: 80px }
}
@media (min-width: 801px) {
.page-template-template-properties .overview .wrap { margin: auto; padding: 100px; max-width: 900px }
}
.page-template-template-properties .properties .filters { background: #fff; padding: 10px; font-family: "alternate-gothic-no-3-d", Arial, sans-serif; font-size: 16px; letter-spacing: .025em; text-transform: uppercase }
@media (min-width: 401px) {
.page-template-template-properties .properties .filters { padding: 15px }
}
@media (min-width: 1001px) {
.page-template-template-properties .properties .filters { padding: 25px }
}
.page-template-template-properties .properties .filters .name-filter, .page-template-template-properties .properties .filters .state-filter, .page-template-template-properties .properties .filters .city-filter { position: relative; display: inline-block; margin: 10px; border: 2px solid #495c84; width: calc(100% - 24px) }
@media (min-width: 601px) {
.page-template-template-properties .properties .filters .name-filter, .page-template-template-properties .properties .filters .state-filter, .page-template-template-properties .properties .filters .city-filter { width: 220px }
}
@media (min-width: 601px) and (max-width: 800px) {
.page-template-template-properties .properties .filters .name-filter.name-filter, .page-template-template-properties .properties .filters .state-filter.name-filter, .page-template-template-properties .properties .filters .city-filter.name-filter { width: 464px }
}
@media (min-width: 1301px) {
.page-template-template-properties .properties .filters .name-filter, .page-template-template-properties .properties .filters .state-filter, .page-template-template-properties .properties .filters .city-filter { margin: 15px; width: 240px; width: calc(20% - 34px); float: left; display: block }
}
.page-template-template-properties .properties .filters .name-filter span, .page-template-template-properties .properties .filters .state-filter span, .page-template-template-properties .properties .filters .city-filter span { padding: 10px 0; width: 100%; display: inline-block; cursor: pointer }
@media (min-width: 1301px) {
.page-template-template-properties .properties .filters .name-filter span, .page-template-template-properties .properties .filters .state-filter span, .page-template-template-properties .properties .filters .city-filter span { padding: 15px 0 }
}
.page-template-template-properties .properties .filters .name-filter span:after, .page-template-template-properties .properties .filters .state-filter span:after, .page-template-template-properties .properties .filters .city-filter span:after { display: inline-block; content: ""; width: 12px; height: 12px; margin-left: 5px; background-image: url(//www.wilderco.com/wp-content/themes/wilder-theme/img/prop_arrow.svg); background-size: contain; background-position: center; background-repeat: no-repeat }
.page-template-template-properties .properties .filters .name-filter ul, .page-template-template-properties .properties .filters .state-filter ul, .page-template-template-properties .properties .filters .city-filter ul { display: none; width: calc(100% + 4px); position: absolute; top: 100%; left: -2px; z-index: 2; padding-bottom: 10px; border: 2px solid #495c84; background: #fff; border-top: none; list-style: none }
.page-template-template-properties .properties .filters .name-filter ul li, .page-template-template-properties .properties .filters .state-filter ul li, .page-template-template-properties .properties .filters .city-filter ul li { padding: 5px; cursor: pointer; color: #888 }
.page-template-template-properties .properties .filters .name-filter.on, .page-template-template-properties .properties .filters .state-filter.on, .page-template-template-properties .properties .filters .city-filter.on { border-bottom: 2px solid #fff }
.page-template-template-properties .properties .filters .name-filter.on ul, .page-template-template-properties .properties .filters .state-filter.on ul, .page-template-template-properties .properties .filters .city-filter.on ul { display: block }
.page-template-template-properties .properties .filters .name-filter.on span:after, .page-template-template-properties .properties .filters .state-filter.on span:after, .page-template-template-properties .properties .filters .city-filter.on span:after { transform: scaleY(-1) }
.page-template-template-properties .properties .filters .search-filter { display: block; margin: 10px auto; width: calc(100% - 20px) }
@media (min-width: 601px) {
.page-template-template-properties .properties .filters .search-filter { width: 470px }
}
@media (min-width: 1301px) {
.page-template-template-properties .properties .filters .search-filter { margin: 15px; width: calc(40% - 31px); float: left; display: block }
}
.page-template-template-properties .properties .filters .search-filter input { float: left; height: 48px; padding: 13px 0; appearance: none; -webkit-appearance: none; border: none; border-radius: 0 !important; font-family: "alternate-gothic-no-3-d", Arial, sans-serif; font-size: 16px; letter-spacing: .025em; text-transform: uppercase }
@media (min-width: 1301px) {
.page-template-template-properties .properties .filters .search-filter input { padding: 18px 0; height: 58px }
}
.page-template-template-properties .properties .filters .search-filter input:focus { appearance: none; -webkit-appearance: none; outline: none }
.page-template-template-properties .properties .filters .search-filter input[type='text'] { width: calc(100% - 145px); border: 2px solid #495c84; border-right: none; text-align: center; color: #495c84 }
.page-template-template-properties .properties .filters .search-filter input[type='text']::placeholder {
color:#888
}
.page-template-template-properties .properties .filters .search-filter input[type='submit'] { width: 140px; border: 2px solid #495c84; font-family: "alternate-gothic-no-3-d", Arial, sans-serif; font-size: 16px; color: #495c84; cursor: pointer; background: none }
.page-template-template-properties .properties .filters .search-filter input[type='submit']:hover { background: #495c84; color: #fff }
.page-template-template-properties .properties .list { padding: 40px 10px }
@media (min-width: 401px) {
.page-template-template-properties .properties .list { padding: 40px 30px }
}
@media (min-width: 601px) {
.page-template-template-properties .properties .list { padding: 40px 10px }
}
@media (min-width: 801px) {
.page-template-template-properties .properties .list { padding: 40px 25px }
}
.page-template-template-properties .properties .list ul { list-style: none }
.page-template-template-properties .properties .list ul li { display: block; position: relative; width: 100% }
@media (min-width: 601px) {
.page-template-template-properties .properties .list ul li { float: left; width: 50% }
}
@media (min-width: 1001px) {
.page-template-template-properties .properties .list ul li { width: 33.33% }
}
@media (min-width: 1301px) {
.page-template-template-properties .properties .list ul li { width: 25% }
}
.page-template-template-properties .properties .list ul li.Arsenal { color: #fbb036 }
.page-template-template-properties .properties .list ul li a { display: block; padding: 10px }
@media (min-width: 401px) {
.page-template-template-properties .properties .list ul li a { padding: 15px }
}
@media (min-width: 601px) {
.page-template-template-properties .properties .list ul li a { padding: 10px }
.page-template-template-properties .properties .list ul li a:hover .imgwrap img { height: 110%; width: 110%; top: -5%; left: -5%; transition: top .35s ease-out, left .35s ease-out, height .35s ease-out, width .35s ease-out }
}
@media (min-width: 801px) {
.page-template-template-properties .properties .list ul li a { padding: 15px }
}
@media (min-width: 601px) {
.page-template-template-properties .properties .list ul li a .imgwrap { overflow: hidden; height: calc(32.25vw - 30px) }
.page-template-template-properties .properties .list ul li a .imgwrap img { height: 100%; width: 100%; position: relative; top: 0; left: 0; transition: top .35s ease-out, left .35s ease-out, height .35s ease-out, width .35s ease-out }
}
@media (min-width: 1001px) {
.page-template-template-properties .properties .list ul li a .imgwrap { height: calc(21.5vw - 30px) }
}
@media (min-width: 1301px) {
.page-template-template-properties .properties .list ul li a .imgwrap { height: calc(16.13vw - 30px) }
}
.page-template-template-properties .properties .list ul li .info { margin-top: 15px; color: #495c84 }
.single-properties main { position: relative }
@media (min-width: 1001px) {
.single-properties section { width: 50%; float: left }
}
.single-properties section:nth-of-type(1) { padding: 40px 20px 30px }
@media (min-width: 601px) {
.single-properties section:nth-of-type(1) { padding: 50px 40px 30px }
}
@media (min-width: 1201px) {
.single-properties section:nth-of-type(1) { padding: 70px 90px 40px }
}
.single-properties section:nth-of-type(1) h2, .single-properties section:nth-of-type(1) a.button { margin-top: 30px; margin-bottom: 10px }
.single-properties section:nth-of-type(1) p, .single-properties section:nth-of-type(1) li, .single-properties section:nth-of-type(1) th, .single-properties section:nth-of-type(1) td { font-size: 14px }
.single-properties section:nth-of-type(1) p:not(.address), .single-properties section:nth-of-type(1) li, .single-properties section:nth-of-type(1) h2, .single-properties section:nth-of-type(1) th, .single-properties section:nth-of-type(1) td { color: #000; text-align: left }
.single-properties section:nth-of-type(1) p:not(.address), .single-properties section:nth-of-type(1) li { margin-bottom: 10px }
.single-properties section:nth-of-type(1) p.cred { margin-top: 8px; font-size: 13px; font-style: italic; color: #495c84 }
.single-properties section:nth-of-type(1) ul { list-style: none; margin-left: 10px }
@media (min-width: 601px) {
.single-properties section:nth-of-type(1) ul { -moz-column-count: 2; column-count: 2 }
.single-properties section:nth-of-type(1) ul li { break-inside: avoid-column }
}
.single-properties section:nth-of-type(1) ul li { padding-right: 8px }
.single-properties section:nth-of-type(1) .facts ul { -moz-column-count: 1; column-count: 1 }
.single-properties section:nth-of-type(1) li::before { content: "\2022"; display: inline-block; width: 10px; margin-left: -10px }
.single-properties section:nth-of-type(1) table { width: 100%; border-top: 1px solid #888; border-collapse: collapse }
.single-properties section:nth-of-type(1) table tr, .single-properties section:nth-of-type(1) table td, .single-properties section:nth-of-type(1) table th { border-bottom: 1px solid #888 }
.single-properties section:nth-of-type(1) table td, .single-properties section:nth-of-type(1) table th { font-weight: normal; padding: 5px 8px 5px 0 }
@media (max-width: 1000px) {
.single-properties section:nth-of-type(1) a.back { display: none }
}
.single-properties section:nth-of-type(1) .prop_gallery { margin-top: 30px; padding-bottom: 25px }
@media (min-width: 601px) {
.single-properties section:nth-of-type(1) .prop_gallery { padding-bottom: 50px }
}
@media (min-width: 1001px) {
.single-properties section:nth-of-type(1) .prop_gallery { position: absolute; top: 0; left: 50%; width: calc(50% - 80px); margin: 40px 40px 0 40px; padding-bottom: 0px }
}
.single-properties section:nth-of-type(1) .prop_gallery:after { display: block; content: ""; background: #495c84; width: calc(100% + 40px); height: 75px; position: absolute; bottom: 0; left: -20px; z-index: -1 }
@media (min-width: 601px) {
.single-properties section:nth-of-type(1) .prop_gallery:after { width: calc(100% + 80px); left: -40px; height: 150px }
}
@media (min-width: 1001px) {
.single-properties section:nth-of-type(1) .prop_gallery:after { display: none }
}
.single-properties section:nth-of-type(1) .prop_gallery img { width: 100%; background-size: cover; background-position: center; height: calc(64vw - 40px); padding-top: calc(64vw - 40px) }
@media (min-width: 601px) {
.single-properties section:nth-of-type(1) .prop_gallery img { height: calc(64vw - 80px); padding-top: calc(64vw - 80px) }
}
@media (min-width: 1001px) {
.single-properties section:nth-of-type(1) .prop_gallery img { height: calc(36vw - 80px); padding-top: calc(36vw - 80px) }
}
.single-properties section:nth-of-type(1) .prop_gallery .buttons { text-align: left }
@media (min-width: 1001px) {
.single-properties section:nth-of-type(1) .prop_gallery .buttons { padding-top: 25px }
}
.single-properties section:nth-of-type(1) .prop_gallery .buttons .button { text-align: center; width: 75px; margin: 0 10px 0 0; cursor: pointer }
.single-properties section:nth-of-type(1) .prop_gallery .buttons .i { display: inline-block; width: 12px; height: 13px; background-image: url(//www.wilderco.com/wp-content/themes/wilder-theme/img/i_arrow.svg); background-position: 0 5px; background-size: 8.2px; background-repeat: no-repeat }
.single-properties section:nth-of-type(1) .prop_gallery .buttons .slick-next .i { transform: scaleX(-1) }
.single-properties section:nth-of-type(1) .prop_gallery .buttons .button:hover .i { background-image: url(//www.wilderco.com/wp-content/themes/wilder-theme/img/i_arrow_hov.svg) }
@media (max-width: 1000px) {
.single-properties section:nth-of-type(1) .prop_gallery .buttons a { display: none }
}
@media (max-width: 1000px) {
.single-properties section:nth-of-type(1) .prop_gallery .buttons .i { display: none }
.single-properties section:nth-of-type(1) .prop_gallery .buttons .slick-prev, .single-properties section:nth-of-type(1) .prop_gallery .buttons .slick-next { z-index: 1; position: absolute; display: block; height: 40px; width: 40px; cursor: pointer; background-image: url(//www.wilderco.com/wp-content/themes/wilder-theme/img/arrow.svg); background-position: right; background-size: 20px; background-repeat: no-repeat; background-color: transparent; color: transparent; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding: 0; border: none; outline: none }
.single-properties section:nth-of-type(1) .prop_gallery .buttons .slick-prev:hover, .single-properties section:nth-of-type(1) .prop_gallery .buttons .slick-prev:focus, .single-properties section:nth-of-type(1) .prop_gallery .buttons .slick-next:hover, .single-properties section:nth-of-type(1) .prop_gallery .buttons .slick-next:focus { outline: none }
.single-properties section:nth-of-type(1) .prop_gallery .buttons .slick-prev { top: calc(50% - 10px); left: 10px; -ms-transform: rotate(180deg) translateY(50%); -webkit-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%) }
}
@media (max-width: 1000px) and (min-width: 801px) {
.single-properties section:nth-of-type(1) .prop_gallery .buttons .slick-prev { left: 15px }
}
@media (max-width: 1000px) {
.single-properties section:nth-of-type(1) .prop_gallery .buttons .slick-next { top: calc(50% - 10px); right: 10px }
}
@media (max-width: 1000px) and (min-width: 801px) {
.single-properties section:nth-of-type(1) .prop_gallery .buttons .slick-next { right: 15px; top: calc(50%) }
}
.single-properties section:nth-of-type(1) .gallery_expand { position: fixed; top: 0; left: 9999px; height: 100vh; width: 100%; background: #f4f2f1 }
.single-properties section:nth-of-type(1) .gallery_expand.show { left: 0; z-index: 9999999 }
.single-properties section:nth-of-type(1) .gallery_expand .prop_gallery_expand { padding: 40px 40px 0 40px }
.single-properties section:nth-of-type(1) .gallery_expand .prop_gallery_expand img { height: calc(100vh - 130px); padding-top: calc(100vh - 130px); background-size: cover; background-position: center }
.single-properties section:nth-of-type(1) .gallery_expand .buttons { width: 100%; background: #495c84; margin-top: -90px; height: 180px; padding: 115px 40px 40px 40px }
.single-properties section:nth-of-type(1) .gallery_expand .buttons span.np { float: left }
.single-properties section:nth-of-type(1) .gallery_expand .buttons span.np>span { margin-right: 10px }
.single-properties section:nth-of-type(1) .gallery_expand .buttons .button { width: 75px; cursor: pointer }
.single-properties section:nth-of-type(1) .gallery_expand .buttons>a.button { float: right }
.single-properties section:nth-of-type(1) .gallery_expand .buttons .i { display: inline-block; width: 12px; height: 13px; background-image: url(//www.wilderco.com/wp-content/themes/wilder-theme/img/i_arrow.svg); background-position: 0 5px; background-size: 8.2px; background-repeat: no-repeat }
.single-properties section:nth-of-type(1) .gallery_expand .buttons .slick-next .i { transform: scaleX(-1) }
.single-properties section:nth-of-type(1) .gallery_expand .buttons .button:hover .i { background-image: url(//www.wilderco.com/wp-content/themes/wilder-theme/img/i_arrow_hov.svg) }
@media (max-width: 1000px) {
.single-properties section:nth-of-type(2) { background: #495c84; padding-bottom: 40px }
}
.single-properties section:nth-of-type(2) .copy { padding: 40px; text-align: left; background: #495c84 }
@media (min-width: 1001px) {
.single-properties section:nth-of-type(2) .copy { margin-top: calc(36vw - 140px); padding: 190px 20px 50px }
}
@media (min-width: 1201px) {
.single-properties section:nth-of-type(2) .copy { padding: 190px 70px 50px }
}
.single-properties section:nth-of-type(2) .copy .contacts, .single-properties section:nth-of-type(2) .copy .links { padding: 20px 50px 0 0 }
@media (min-width: 601px) {
.single-properties section:nth-of-type(2) .copy .contacts, .single-properties section:nth-of-type(2) .copy .links { float: left }
}
@media (min-width: 1001px) {
.single-properties section:nth-of-type(2) .copy .contacts, .single-properties section:nth-of-type(2) .copy .links { width: 50%; padding: 20px 10px }
}
@media (min-width: 1201px) {
.single-properties section:nth-of-type(2) .copy .contacts, .single-properties section:nth-of-type(2) .copy .links { padding: 50 15px }
}
.single-properties section:nth-of-type(2) .copy .contacts h2, .single-properties section:nth-of-type(2) .copy .links h2 { margin-bottom: 30px }
.single-properties section:nth-of-type(2) .copy .contacts a:hover, .single-properties section:nth-of-type(2) .copy .links a:hover { color: #fbb036 }
.single-properties section:nth-of-type(2) .copy .contacts a:hover svg path, .single-properties section:nth-of-type(2) .copy .links a:hover svg path { fill: #fbb036 }
.single-properties section:nth-of-type(2) .copy .contacts ul { list-style: none }
.single-properties section:nth-of-type(2) .copy .contacts ul li { margin-bottom: 20px }
.single-properties section:nth-of-type(2) .copy .links a { display: block; margin-bottom: 30px }
.single-properties section:nth-of-type(2) .copy .links a svg path { fill: white }
.single-properties section:nth-of-type(2) .copy .links a svg.download { height: 16px; width: 17.45px; margin-right: 10px }
.single-properties section:nth-of-type(2) .copy .links a svg.go { height: 13px; width: 12.75px; margin-left: 10px }
.single-properties section:nth-of-type(2) .copy .links a svg.vid { height: 11.8px; width: 13.84px; margin-right: 10px }
.single-properties section:nth-of-type(2) .copy .links .video_wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,0.5); z-index: 99999 }
.single-properties section:nth-of-type(2) .copy .links .video_wrap .embed-container { width: 90%; height: 100%; margin: auto }
@media (min-width: 801px) {
.single-properties section:nth-of-type(2) .copy .links .video_wrap .embed-container { width: 80% }
}
.single-properties section:nth-of-type(2) .copy .links .video_wrap .embed-container iframe { width: 100%; height: 100% }
.single-properties section:nth-of-type(2) .copy .links .video_wrap .videotog { width: 40px; height: 40px; position: absolute; top: 10px; right: 10px }
.single-properties section:nth-of-type(2) .copy .links .video_wrap .videotog svg { width: 100%; height: 100%; padding: 10px }
.single-properties section:nth-of-type(2) .copy .links .video_wrap .videotog svg>* { fill: #fff }
@media (min-width: 1001px) {
.single-properties section:nth-of-type(2) a.back { display: none }
}
.page-template-template-services .overview, .page-template-company-update .overview .wrap { background-image: url(//www.wilderco.com/wp-content/themes/wilder-theme/img/services_header.jpg); background-size: cover; background-position: center }
.page-template-template-services-update .overview { background-image: url(//www.wilderco.com/wp-content/themes/wilder-theme/img/services_header.jpg); background-size: cover; background-position: center }
.page-template-template-services .overview .wrap { padding: 45px 20px }
.page-template-template-services-update .overview .wrap, .page-template-company-update .overview .wrap { padding: 45px 20px }
@media (min-width: 601px) {
.page-template-template-services .overview .wrap, .page-template-template-services-update .overview .wrap, .page-template-company-update .overview .wrap { padding: 60px }
}
@media (min-width: 801px) {
.page-template-template-services .overview .wrap, .page-template-template-services-update .overview .wrap, .page-template-company-update .overview .wrap { margin: auto; padding: 80px; max-width: 1030px }
}
.page-template-template-services .content { padding: 40px 0 0; max-width: 1440px; margin: auto }
@media (min-width: 601px) {
.page-template-template-services .content { padding: 65px 0 40px }
}
@media (min-width: 1301px) {
.page-template-template-services .content { padding: 65px }
}
.page-template-template-services .content .copy { text-align: left; padding: 0 20px 30px }
@media (min-width: 601px) {
.page-template-template-services .content .copy { padding: 0 60px 60px; text-align: center }
}
@media (min-width: 1001px) {
.page-template-template-services .content .copy { padding: 0 100px 60px }
}
@media (min-width: 1301px) {
.page-template-template-services .content .copy { text-align: left; float: left; padding: 25px 40px 0 0; width: calc(100% - 920px) }
}
.page-template-template-services .content .copy p { padding-top: 10px }
.page-template-template-services .content #graphic { position: relative; padding: 15px 10px 20px }
@media (min-width: 601px) {
.page-template-template-services .content #graphic { width: 567px; height: 666px; margin: auto; padding: 0 }
}
@media (min-width: 1001px) {
.page-template-template-services .content #graphic { width: 920px; height: 560px }
}
@media (min-width: 1301px) {
.page-template-template-services .content #graphic { float: left }
}
.page-template-template-services .content #graphic .arrow { width: 160px; height: 70px; background-image: url(//www.wilderco.com/wp-content/themes/wilder-theme/img/services_arrow.svg); padding-right: 18px }
@media (min-width: 601px) {
.page-template-template-services .content #graphic .arrow { position: absolute }
}
.page-template-template-services .content #graphic .arrow.a { left: 0 }
@media (max-width: 600px) {
.page-template-template-services .content #graphic .arrow.a { margin-bottom: 20px }
}
.page-template-template-services .content #graphic .arrow.b { right: 0; bottom: 0 }
@media (max-width: 600px) {
.page-template-template-services .content #graphic .arrow.b { margin-top: 25px; float: right }
.single-properties section:nth-of-type(2) .copy .contacts, .single-properties section:nth-of-type(2) .copy .links { padding: 20px 20px 0 0; }
}
@media (min-width: 1001px) {
.page-template-template-services .content #graphic .arrow { top: 50%; transform: translateY(-50%) }
}
@media (max-width: 600px) {
.page-template-template-services .content #graphic .circles .labels, .page-template-template-services .content #graphic .circles>img { display: none }
}
@media (min-width: 601px) {
.page-template-template-services .content #graphic .circles { position: relative; width: 567px; height: 560px; top: 30px }
}
@media (min-width: 1001px) {
.page-template-template-services .content #graphic .circles { top: 0; left: 180px }
}
.page-template-template-services .content #graphic .circles .popups { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 14px }
@media (min-width: 601px) {
.page-template-template-services .content #graphic .circles .popups { left: -1.5px }
}
.page-template-template-services .content #graphic .circles .popups>div { display: none; position: relative; height: 100%; z-index: 3; padding: 30px 20px }
.page-template-template-services .content #graphic .circles .popups>div.view { display: table }
@media (min-width: 601px) {
.page-template-template-services .content #graphic .circles .popups>div { width: 450px; height: 450px; border-radius: 100%; padding: 50px; position: absolute }
.page-template-template-services .content #graphic .circles .popups>div.view { display: table }
}
@media (min-width: 801px) {
.page-template-template-services .content #graphic .circles .popups>div { z-index: 1 }
}
.page-template-template-services .content #graphic .circles .popups>div .wrap { color: #fff }
.page-template-template-services .content #graphic .circles .popups>div .wrap p { margin-bottom: 15px }
.page-template-template-services .content #graphic .circles .popups>div .wrap .nav { font-size: 20px }
@media (min-width: 801px) {
.page-template-template-services .content #graphic .circles .popups>div .wrap .nav { display: none }
}
.page-template-template-services .content #graphic .circles .popups>div .wrap .nav a { padding: 0 3px }
.page-template-template-services .content #graphic .circles .popups>div .wrap .nav svg { height: 13px; width: 12.75px; fill: #fff }
.page-template-template-services .content #graphic .circles .popups>div .wrap .nav svg.prev { transform: scaleX(-1) }
.page-template-template-services .content #graphic .circles .popups>div.a { background: #495c84 }
.page-template-template-services .content #graphic .circles .popups>div.b { background: #3564af }
.page-template-template-services .content #graphic .circles .popups>div.c { background: #cb3633 }
.page-template-template-services .content #graphic .circles .popups>div.d { background: #f7941d }
.page-template-template-services .content #graphic .circles .popups>div.e { background: #fdb913 }
.page-template-template-services .content #graphic .circles .popups>div.f { background: #99c2b6 }
.page-template-template-services .content #graphic .circles .popups>div.g { background: #5d9342 }
@media (min-width: 601px) {
.page-template-template-services .content #graphic .circles .popups>div.a { top: 0px; left: 58px }
.page-template-template-services .content #graphic .circles .popups>div.b { background: #3564af; top: 23.5px; left: 106.8px }
.page-template-template-services .content #graphic .circles .popups>div.c { top: 76.2px; left: 118.8px }
.page-template-template-services .content #graphic .circles .popups>div.d { top: 118.5px; left: 85px }
.page-template-template-services .content #graphic .circles .popups>div.e { top: 118.5px; left: 31px }
.page-template-template-services .content #graphic .circles .popups>div.f { top: 76.2px; left: -2.8px }
.page-template-template-services .content #graphic .circles .popups>div.g { top: 23.5px; left: 9.3px }
}
.page-template-template-services .content #graphic .circles .hover { position: absolute; top: 70px; left: 10px; z-index: 2; width: calc(100% - 20px) }
@media (min-width: 601px) {
.page-template-template-services .content #graphic .circles .hover { top: 0; left: 0; width: 100% }
}
.page-template-template-services .content #graphic .circles .hover path { fill: rgba(0,0,0,0.01) }
.page-template-template-services .content #graphic .circles .labels p { position: absolute; width: 223.2px; transform: translate(-50%, -50%) }
.page-template-template-services .content #graphic .circles .labels p.w { font-size: 30px; width: 100px; top: 51.5%; left: 50% }
.page-template-template-services .content #graphic .circles .labels p.a { top: 20%; left: 50% }
.page-template-template-services .content #graphic .circles .labels p.b { top: 32%; left: 74.25% }
.page-template-template-services .content #graphic .circles .labels p.c { top: 58.5%; left: 80.5% }
.page-template-template-services .content #graphic .circles .labels p.d { top: 80%; left: 63.5% }
.page-template-template-services .content #graphic .circles .labels p.e { top: 80%; left: 36.5% }
.page-template-template-services .content #graphic .circles .labels p.f { top: 58.5%; left: 19.5% }
.page-template-template-services .content #graphic .circles .labels p.g { top: 32%; left: 25.75% }
.page-template-template-services .content #graphic>img { width: 100% }
@media (min-width: 601px) {
.page-template-template-services .content #graphic>img { display: none }
}
.page-template-template-team .overview { background: #495c84 }
.page-template-template-team .overview h1 { width: 100%; background-image: url(//www.wilderco.com/wp-content/themes/wilder-theme/img/team_header.jpg); background-size: cover; background-position: center; padding: 40px 0 }
@media (min-width: 801px) {
.page-template-template-team .overview h1 { padding: 70px 0 }
}
@media (min-width: 1001px) {
.page-template-template-team .overview h1 { padding: 140px 0 }
}
.page-template-template-team .overview .copy { padding: 45px 20px }
@media (min-width: 601px) {
.page-template-template-team .overview .copy { padding: 60px }
}
@media (min-width: 801px) {
.page-template-template-team .overview .copy { margin: auto; padding: 80px; max-width: 1050px }
}
.page-template-template-team .teams { padding-top: 20px; position: relative }
@media (min-width: 801px) {
.page-template-template-team .teams { padding-top: 40px }
}
@media (min-width: 1201px) {
.page-template-template-team .teams { padding-top: 50px }
}
.page-template-template-team .teams .backtotop { display: block; height: 50px; width: 50px; position: fixed; right: 10px; z-index: 2 }
@media (max-width: 600px) {
.page-template-template-team .teams .backtotop { display: none }
}
@media (min-width: 801px) {
.page-template-template-team .teams .backtotop { right: 15px }
}
@media (min-width: 1001px) {
.page-template-template-team .teams .backtotop { right: 25px }
}
.page-template-template-team .teams .backtotop.on { transition: bottom .15s ease-in-out; bottom: 50px }
.page-template-template-team .teams .backtotop.hide { bottom: -50px; transition: bottom .15s ease-in-out }
.page-template-template-team .teams .backtotop.stick { position: absolute; bottom: 50px }
.page-template-template-team .teams .backtotop svg path { fill: #495c84 }
.page-template-template-team .teams .backtotop:hover svg path { fill: #fbb036 }
.page-template-template-team .teams section { position: relative; padding: 20px }
@media (min-width: 801px) {
.page-template-template-team .teams section { padding: 40px }
}
@media (min-width: 1201px) {
.page-template-template-team .teams section { padding: 50px }
.page-template-template-team .teams section:first-of-type ul li:first-of-type { margin-left: 25% }
}
.page-template-template-team .teams section h3 { position: relative; color: #fbb036; font-size: 40px; letter-spacing: .05em; text-align: left; line-height: .8; mix-blend-mode: multiply; z-index: 1 }
@media (max-width: 600px) {
.page-template-template-team .teams section h3 { cursor: pointer }
.page-template-template-team .teams section h3:after { display: inline-block; content: ""; position: relative; top: -6px; margin-left: 5px; height: 20px; width: 30px; background-image: url(//www.wilderco.com/wp-content/themes/wilder-theme/img/downarrow.svg); background-size: 100%; background-position: center; background-repeat: no-repeat }
.page-template-template-team .teams section h3.open:after { transform: scaleY(-1) }
}
@media (max-width: 400px) {
.page-template-template-team .teams section h3:after { width: 20px; top: -3px }
}
@media (min-width: 401px) {
.page-template-template-team .teams section h3 { font-size: 50px }
}
@media (min-width: 601px) {
.page-template-template-team .teams section h3 { font-size: 90px; margin: -20px 0 -30px 0 }
}
@media (min-width: 801px) {
.page-template-template-team .teams section h3 { margin: -40px 0 -35px 0 }
}
@media (min-width: 1001px) {
.page-template-template-team .teams section h3 { font-size: 120px; margin: -40px 0 -50px 0 }
}
@media (min-width: 1201px) {
.page-template-template-team .teams section h3 { font-size: 140px; margin: -50px 0 -60px 0 }
}
.page-template-template-team .teams section ul { list-style: none }
@media (max-width: 600px) {
.page-template-template-team .teams section ul { display: none }
.page-template-template-team .teams section ul.open { display: block }
}
@media (min-width: 601px) {
.page-template-template-team .teams section ul { display: flex; flex-direction: row; flex-wrap: wrap }
}
.page-template-template-team .teams section ul li { padding: 20px 0; text-align: left }
@media (min-width: 401px) {
.page-template-template-team .teams section ul li { padding: 20px 0 20px 20px }
}
@media (min-width: 601px) {
.page-template-template-team .teams section ul li { padding: 0 0 40px 40px; width: 50% }
}
@media (min-width: 801px) {
.page-template-template-team .teams section ul li { width: 33.33% }
}
@media (min-width: 1201px) {
.page-template-template-team .teams section ul li { padding: 0 0 50px 50px; width: 25% }
}
.page-template-template-team .teams section ul li img { margin-bottom: 10px }
.page-template-template-team .teams section ul li h4 { padding-bottom: 10px }
.page-template-template-team .teams section ul li img.gray { -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%) }
.page-template-template-team .teams section ul li img.gray:hover { -webkit-filter: grayscale(0); -webkit-filter: grayscale(0%); filter: none; filter: grayscale(0%) }
.page-template-template-team .teams section ul li p { font-size: 14px; line-height: 1.4; letter-spacing: 0; margin-bottom: 10px }
.page-template-template-team .teams section ul li br { margin-bottom: 10px }
.page-template-template-team .teams section ul li .bio { display: none }
.page-template-template-team .teams section ul li .bio a:hover { color: #fbb036 }
.page-template-template-team .teams section ul li a.button { text-align: center }
.page-template-template-team .teams section ul li div.noimg { display: flex; flex-direction: column; justify-content: center; width: 100%; background: #d8d8d8; padding: 30px }
.page-template-template-team .teams section ul li div.noimg h4 { font-size: 24px; line-height: 1; display: inline; position: relative }
.page-template-template-team .teams section ul li div.noimg h4::after { display: unset; position: absolute; left: 0; bottom: 10px }
@media (min-width: 1001px) {
.page-template-template-team .teams section ul li div.noimg h4 { font-size: 30px }
}
@media (max-width: 600px) {
.page-template-template-team .teams section ul li div.noimg h4 { font-size: 30px }
}
.page-template-template-team .teams section ul li div.noimg .title { padding-top: 10px }
.page-template-template-team .teams section ul li div.noimg:hover { background: #dbdee6 }
.no-flexbox .page-template-template-team .teams ul { display: block }
.no-flexbox .page-template-template-team .teams ul::after { clear: both; display: block; content: "" }
@media (min-width: 601px) {
.no-flexbox .page-template-template-team .teams ul li { float: left }
} .page-template-template-services-update .overview { background-image: url(https://www.wilderco.com/wp-content/uploads/services_header_dk.jpg); background-size: cover; background-position: center }
.page-template-template-services-update .overview .wrap { padding: 45px 20px }
.page-template-template-services-update .overview .wrap p { text-shadow: 0 0 18px rgb(0 0 0) }
.page-template-template-services-update .content img { width: 100% }
@media (min-width: 601px) {
.page-template-template-services-update .content { padding: 65px 0 40px }
.page-template-template-services-update .overview .wrap { padding: 60px }
}
@media (min-width: 801px) {
.page-template-template-services-update .overview .wrap { margin: auto; padding: 80px; max-width: 1030px }
}
.page-template-template-services-update .content { padding: 40px 0 0; max-width: 1440px; margin: auto }
@media (min-width: 1001px) {
.page-template-template-services-update .content { display: flex; align-items: center; padding: 65px }
}
.page-template-template-services-update .content .copy { text-align: left; padding: 0 20px 30px }
.page-template-template-services-update .content #graphic { padding: 0 20px 30px }
@media (min-width: 601px) {
.page-template-template-services-update .content .copy { padding: 0 60px 60px; text-align: center }
.page-template-template-services-update .content #graphic { padding: 0 60px 40px }
}
@media (min-width: 801px) {
.page-template-template-services-update .content #graphic { padding: 0 80px 40px }
}
@media (min-width: 1001px) {
.page-template-template-services-update .content .copy { text-align: left; padding: 0 100px 0 0; width: 50% }
.page-template-template-services-update .content #graphic { width: 50%; padding: 0px }
}
.page-template-template-services-update .content .copy p { padding-top: 10px }
.page-template-template-services-update #services { display: flex; flex-wrap: wrap; }
.page-template-template-services-update #services .service { background: #495c84; position: relative; }
.page-template-template-services-update #services .service:nth-of-type(even) { background: #5b6c90 }
.page-template-template-services-update #services .service { display: flex; flex-wrap: wrap; align-items: center; overflow: hidden; }
.page-template-template-services-update #services .service .wrap { width: 100%; padding: 30px 30px 50px; color: white }
.page-template-template-services-update #services .service .wrap p, .page-template-template-services-update #services .extra_service .wrap p { margin-top: 10px }
.page-template-template-services-update #services .service .img { height: 150px; width: 100%; background-size: cover; background-position: center; position: relative; }
.page-template-template-services-update #services .service .img p { font-size: 12px; position: absolute; bottom: 5px; left: 15px; text-shadow: 0 0 18px rgb(0 0 0); }
.page-template-template-services-update #services .service .img img { height: 1px; width: 1px; }
.page-template-template-services-update #services .extra_service { background: #34425e; width: 100%; }
.page-template-template-services-update #services .extra_service .wrap { padding: 50px 40px; max-width: 1060px; margin: 0px auto; color: white; } @media (min-width: 601px) {
.page-template-template-services-update #services .service .wrap, .page-template-template-services-update #services .extra_service .wrap { padding: 60px; }
.page-template-template-services-update #services .service .wrap { margin-left: 100px; }
.page-template-template-services-update #services .service:nth-of-type(even) .wrap { margin-left: 0px; margin-right: 100px; }
.page-template-template-services-update #services .service .img { position: absolute; top: 0px; left: 0px; height: 100%; width: 100px; transition: width .5s ease; }
.page-template-template-services-update #services .service .img p { font-size: 14px; bottom: 10px; right: 120px; left: auto; text-align: right; width: calc(100vw - 40px); transition: right .5s ease; }
.page-template-template-services-update #services .service:nth-of-type(even) .img { left: auto; right: 0px }
.page-template-template-services-update #services .service:nth-of-type(even) .img p { right: auto; left: 120px; text-align: left; transition: left .5s ease; }
.page-template-template-services-update #services .service .img::after { display: block; content: "\2192"; color: white; position: absolute; top: calc(50% - 12px); right: 20px; font-family: symbol; font-size: 25px; }
.page-template-template-services-update #services .service:nth-of-type(even) .img::after { content: "\2190"; left: 20px; right: auto }
.page-template-template-services-update #services .service .img:hover { width: 100%; transition: width .5s ease; }
.page-template-template-services-update #services .service .img:hover p { bottom: 10px; right: 20px; transition: right .5s ease; }
.page-template-template-services-update #services .service:nth-of-type(even) .img:hover p { right: auto; left: 20px; transition: left .5s ease; }
.page-template-template-services-update #services .service .img:hover::after { transform: scaleX(-1); }
}
@media (min-width: 801px) {
.page-template-template-services-update #services .service .wrap { margin-left: 150px; }
.page-template-template-services-update #services .service:nth-of-type(even) .wrap { margin-left: 0px; margin-right: 150px; }
.page-template-template-services-update #services .service .img { position: absolute; top: 0px; left: 0px; height: 100%; width: 150px; transition: width .5s ease; }
.page-template-template-services-update #services .service .wrap, .page-template-template-services-update #services .extra_service .wrap { padding: 60px 80px; }
}
@media (min-width: 1001px) {
.page-template-template-services-update #services .service { width: 50% }
.page-template-template-services-update #services .service:nth-of-type(3) { background: #5b6c90 }
.page-template-template-services-update #services .service:nth-of-type(4) { background: #495c84 }
.page-template-template-services-update #services .service .wrap { margin-left: 100px; }
.page-template-template-services-update #services .service:nth-of-type(even) .wrap { margin-left: 0px; margin-right: 100px; }
.page-template-template-services-update #services .service .img { position: absolute; top: 0px; left: 0px; height: 100%; width: 100px; transition: width .5s ease; }
.page-template-template-services-update #services .service .wrap, .page-template-template-services-update #services .extra_service .wrap { padding: 60px 80px; }
}
@media (min-width: 1301px) {
.page-template-template-services-update #services .service .wrap, .page-template-template-services-update #services .extra_service .wrap { padding: 80px 100px; }
}
.page-template-template-services-update section#results { padding: 45px 20px }
@media (min-width: 601px) {
.page-template-template-services-update section#results { padding: 60px }
}
@media (min-width: 801px) {
.page-template-template-services-update section#results { margin: auto; padding: 80px; max-width: 1050px }
}
.page-template-template-services-update .casestudies article h2 { padding-bottom: 10px }
.page-template-template-services-update .casestudies article a.button { margin: 30px 10px 0 10px }
.page-template-template-services-update .casestudies article a.button:hover { background: #495c84; color: #fff }
.page-template-template-services-update .casestudies article .preview .copy { padding: 40px 20px }
@media (min-width: 601px) {
.page-template-template-services-update .casestudies article .preview .copy { padding: 40px }
}
@media (min-width: 801px) {
.page-template-template-services-update .casestudies article .preview .copy { float: right; width: 50%; height: 31.5vw; padding: 0 calc(25% - 200px) }
}
.page-template-template-services-update .casestudies article .preview img { background-size: cover; background-position: center }
@media (min-width: 801px) {
.page-template-template-services-update .casestudies article .preview img { float: right; width: 50%; height: 31.5vw; padding-left: 50% }
}
.page-template-template-services-update .casestudies article .expand { display: none }
.page-template-template-services-update .casestudies article .expand .copy { position: relative; padding: 40px 20px }
@media (min-width: 601px) {
.page-template-template-services-update .casestudies article .expand .copy { padding: 40px }
}
@media (min-width: 801px) {
.page-template-template-services-update .casestudies article .expand .copy { float: right; width: 50%; padding: 120px 80px 60px }
}
.page-template-template-services-update .casestudies article .expand .copy ul { text-align: left; margin-left: 18px; list-style: none }
.page-template-template-services-update .casestudies article .expand .copy p, .page-template-template-services-update .casestudies article .expand .copy li { margin-bottom: 10px }
.page-template-template-services-update .casestudies article .expand .copy li::before { content: "\2022"; color: #fbb036; display: inline-block; width: 18px; margin-left: -18px }
@media (min-width: 801px) {
.page-template-template-services-update .casestudies article .expand .copy .img { background-size: cover; background-position: center; position: absolute; width: 100%; height: 100%; top: 0; right: 100% }
}
@media (max-width: 800px) {
.page-template-template-services-update .casestudies article .expand .imgm { background-size: cover; background-position: center; width: 100%; height: 64vw }
}
.page-template-template-services-update .casestudies article:nth-of-type(odd) { background: #495c84; color: #fff }
@media (min-width: 801px) {
.page-template-template-services-update .casestudies article:nth-of-type(odd) .copy, .page-template-template-services-update .casestudies article:nth-of-type(odd) img { float: left }
}
.page-template-template-services-update .casestudies article:nth-of-type(odd) .copy .img { left: 100% }
.page-template-template-services-update .casestudies article:nth-of-type(odd) a.button:hover { background: #fff; color: #495c84 }  .beenuptotext { margin: 0 calc(30% - 30vw ); } .page-template-template-careers .careers { margin: auto; padding: 0 78px 00px 78px; max-width: 1024px; color: var(--wilderBlue); }
.page-template-template-careers .careers .overview p { margin-bottom: 1.25em; }
.page-template-template-careers .dblbock { background: var(--wilderBlue); color: #fff; padding: 0; display: flex; margin: 40px calc(50% - 50vw ); }
.page-template-template-careers .photoBlock { width: 50%; background-image: url(//www.wilderco.com/wp-content/uploads/home_sparklers_new.jpg); background-size: cover; background-position: center }
.page-template-template-careers .textBlock { width: 50%; padding: 80px 60px; font-size: ; letter-spacing: .045em; } .page-template-template-careers section#careers div.intro { background: var(--wilderBlue); color: #fff; padding: 3em 0.75em; box-sizing: border-box; max-width: 100vw; position: relative; left: 0; margin-top: 0px; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); width: 100vw; overflow-x: hidden; }
XXXX.page-template-template-careers section#careers div.intro h2.heading { font-weight: bold; text-transform: lowercase; font-size: 3.5em; margin-bottom: -16px; }
.page-template-template-careers section#careers div.intro .copy { font-size: 1.0em; font-weight: bold; padding: 0 15%; }
.page-template-template-careers section.overview { background-image: url(//www.wilderco.com/wp-content/themes/wilder-theme/img/services_header.jpg); background-size: cover; background-position: center; padding: 80px 0; }
.page-template-template-careers section.overview .wrap { padding: 45px 20px }
.beWilder { font-size: 2.5em; font-weight: normal; color: var(--wilderBlue); }
.WilderLogos { text-align: center; }
.WilderLogos img { max-width: 140px; padding: 8px; display: inline-block; clear: none; }
p.linksResume a { color: var(--wilderBlue); border: 2px var(--wilderBlue) solid; border-radius: 8px; text-align: center; width: 45%; display: inline-block; padding: 4px 18px; font-weight: bold; text-transform: uppercase; }
.page-template-template-careers .notice { font-size: 70%; line-height: 140%; display: block; padding-bottom: 30px; }
.page-template-template-careers .careers_list { padding: 16px 24px 70px; display: none; background: #495c84; margin-bottom: 30px; text-align: left; }
.page-template-template-careers article.position .description { padding: 30px 0 15px; -moz-column-count: 3; column-count: 3; text-align: left; }
.page-template-template-careers article.position .description h5 { margin-bottom: 10px; font-size: inherit; text-transform: uppercase; text-align: left; }
.page-template-template-careers .careers_list ul li a { text-align: left; width: 250px; margin-bottom: 30px; text-align: left; }
.page-template-template-careers article.position .description>div { padding: 0 25px 0 35px; text-align: left; break-inside: avoid-column; margin-bottom: 30px; }
.page-template-template-careers article.position { display: none; background: #495c84; padding: 90px 55px; }
.careers_list { }
.row { display: block; overflow: hidden; clear: both; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0 }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0 }
.wpcp-carousel-preloader img { width: auto; }
.cardWrap { display: inline-flex; JUSTIFY-CONTENT: center; flex-flow: row wrap; align-items: stretch; }
#CareerList { position: relative; ; clear: both; width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; text-align: center; } #CareerList .card { display: inline-flex; width: calc( 33% - 3em); margin: 1em; flex-direction: column; border: 0px #ccc solid; ; height: calc(100% * 1.5)
}
#CareerList .cardPhoto { text-align: center; align-content: center; background: #f2f0ef; background-repeat: no-repeat; padding: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 14em; background-size: 100%; background-position: center center; }
#CareerList .cardTitle { display: flex; text-align: center; align-content: center; background: #000; padding: 4px; min-height: 4em; flex-direction: column; justify-content: center; align-items: center; flex-wrap: nowrap; }
#CareerList .cardAction { text-align: center; align-content: center; background: #000; padding: 4px 4px; }
@media (min-width: 801px) and (max-width: 1024px) {
#CareerList .card { display: inline-flex; width: calc( 45% - 3em); height: calc(100% * 1.5);
}
}
@media (min-width: 601px) and (max-width: 801px) {
#CareerList .card { display: inline-flex; width: calc( 45% - 0em); height: calc(100% * 1.5);
margin: 1em .25em; }
.page-template-template-careers .careers_list { padding: 16px 14px 70px; }
p.linksResume a { width: 45%; display: inline-block; padding: 4px 18px; margin: .5em; }
#CareerList .cardPhoto { min-height: 20vh; }
.beWilder { font-size: 6.5vw; }
}
@media (max-width: 601px) {
.col-8 {
-webkit-box-flex:100;
-webkit-flex: 0 0 100%; 
-moz-box-flex: 100;
-ms-flex: 0 0 100%;
flex: 0 0 100%; 
max-width: 100%; 
}
.page-template-template-careers .photoBlock, .page-template-template-careers .textBlock { width: 100%; min-height: 40vh; }
#CareerList .card { display: inline-flex; width: calc( 100% - 0em); height: calc(100% * 1.5);
margin: .5em 0; }
p.linksResume a { width: 90%; display: inline-block; padding: 4px 18px; margin: .5em; }
.page-template-template-careers .careers { margin: auto; padding: 0 10px 0px 10px; max-width: 100%; }
.page-template-template-careers .careers_list { padding: 16px 10px 70px; }
.page-template-template-careers section#careers div.intro { padding: 0.75em; box-sizing: border-box; max-width: 100vw; width: 100vw; line-height: 1.7em; }
div.intro h2.heading { line-height: 1.7em; font-size: 13.3vw!important; margin-bottom: 0.5em!important; }
.page-template-template-careers .dblbock { display: block; }
.page-template-template-careers article.position .description { padding: 30px 0 15px; -moz-column-count: 1; column-count: 1; text-align: left; }
.page-template-template-careers article.position { padding: 90px 25px; }
.page-template-template-careers.headingsm { font-size: 24px; }
.beWilder { font-size: 6.5vw; }
}  .page-template-template-company-update section.overview { background-image: url(//www.wilderco.com/wp-content/themes/wilder-theme/img/services_header.jpg); background-size: cover; background-position: center }
.page-template-template-company-update section.overview .wrap { padding: 45px 20px }
@media (min-width: 601px) {
.page-template-template-company-update section.overview .wrap { padding: 60px }
}
@media (min-width: 801px) {
.page-template-template-company-update section.overview .wrap { margin: auto; padding: 80px; max-width: 1030px }
}
.page-template-template-company-update #about { background: #495c84; padding: 0 40px; color: white; }
.page-template-template-company-update #about .item { border-bottom: 2px solid #adb6c8; padding: 60px 0; }
.page-template-template-company-update #about .item:last-of-type { border-bottom: 0px }
.page-template-template-company-update #about .item .copy { padding-bottom: 60px; }
.page-template-template-company-update #about .item .copy p { margin-top: 10px }
.page-template-template-company-update #about .item .copy a { margin-top: 10px; }
.page-template-template-company-update #about .item .copy a:hover { color: #495c84; background: #fff; }
.page-template-template-company-update #about .item .quote { position: relative; padding: 20px 30px; font-size: 19px; font-style: italic }
.page-template-template-company-update #about .item .quote::before, .page-template-template-company-update #about .item .quote::after { display: block; content: ""; height: 2px; width: 34px; background-color: #fbb036; position: absolute; top: 0px; left: calc(50% - 17px) }
.page-template-template-company-update #about .item .quote::after { top: auto; bottom: 0px; }
@media (min-width: 601px) {
.page-template-template-company-update #about { padding: 0 50px; }
.page-template-template-company-update #about .item { padding: 60px 40px; }
.page-template-template-company-update #about .item .quote { max-width: 460px; margin: 0 auto; }
}
@media (min-width: 801px) {
.page-template-template-company-update #about { padding: 0 60px; }
}
@media (min-width: 1001px) {
.page-template-template-company-update #about { padding: 0 80px; }
.page-template-template-company-update #about .item { padding: 60px 0px; display: flex; align-items: center; }
.page-template-template-company-update #about .item .copy { padding: 0px 40px; width: 50% }
.page-template-template-company-update #about .item .quote { width: 50%; }
}
@media (min-width: 1301px) {
.page-template-template-company-update #about .item { padding: 80px 0px; }
}
.page-template-template-company-update #news .wrap { width: 100%; padding: 60px 0 30px }
.page-template-template-company-update #news .wrap a:hover { color: #fff; background: #495c84; }
.page-template-template-company-update #news .wrap h2 { padding-bottom: 15px }
.page-template-template-company-update #news>a.table { border: 1px solid #fff; width: 100%; padding: 30px }
.page-template-template-company-update #news>a.table .tablecell { vertical-align: top }
.page-template-template-company-update #news>a.table div.feat-img { background-position: center; background-size: cover; height: 250px; margin-bottom: 30px; }
.page-template-template-company-update #news>a.table .date { font-size: 14px; text-transform: uppercase }
.page-template-template-company-update #news>a.table h2 { margin: 10px }
.page-template-template-company-update #news>a.table span { width: auto; padding: 1px 10px 0 }
.page-template-template-company-update #news>a.table:hover span.button { background: #495c84; color: #fff }
.page-template-template-company-update #news .pagination { width: 100%; padding: 20px; font-size: 15px }
@media (min-width: 601px) {
.page-template-template-company-update #news>a.table { padding: 30px }
}
@media (min-width: 801px) {
.page-template-template-company-update #news .wrap { padding: 80px 0 30px }
.page-template-template-company-update #news { display: flex; flex-wrap: wrap; }
.page-template-template-company-update #news>a.table { width: 33.3%; }
}