/* 
Theme Name: Wildwood Theme
Theme URI: #
Description: Programmed by S.Z

Version: 5.3
Author: S.Z
Author URI: #
Tags: #
-------------------------------------------------------------- */
@font-face {
    font-family: 'Outfit';
    src: url('fonts/Outfit-Regular.woff2') format('woff2'),
        url('fonts/Outfit-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('fonts/Outfit-Light.woff2') format('woff2'),
        url('fonts/Outfit-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('fonts/Outfit-Bold.woff2') format('woff2'),
        url('fonts/Outfit-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: url('fonts/Outfit-SemiBold.woff2') format('woff2'),
        url('fonts/Outfit-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

html, body {-webkit-font-smoothing: antialiased; }
a, a:hover, a:active, a:focus, a:visited { outline: 0; }
a[href^=tel] {text-decoration:inherit;color: inherit;}
object, embed {outline: 0;}
select {-webkit-appearance: none;}
input::-moz-focus-inner { border: 0; }
input[type="checkbox"] {-webkit-appearance: checkbox;}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}
select::-ms-expand {display: none;}
img {max-width: 100%; height: auto}
body {
font-family: 'Outfit';
font-weight:normal;
font-size:1em;
line-height:1.6;
color: black
}


h1, h2, h3, h4, h5, h6 {font-weight: normal; line-height: 1.2; margin: 30px 0 20px}
h1 {font-size: 1.75em; text-transform: uppercase; color: #2c4324; font-weight: 600; letter-spacing: 2px; line-height: 1.4}
h2 {font-size: 2.25em; color: #2c4324}
h3 {font-size: 1.25em; font-weight: bold; letter-spacing: 5px;color: #2c4324}
h4 {font-size: 1.25em}
h5 {font-size: 1.1em}
h6 {font-size: 0.8em}

h1>span {font-weight: 300; font-size: 1.5em;  color: #968550}
h3>span {font-weight: 300; font-size: 1.75em; letter-spacing: normal}

p {margin: 20px 0 30px}

li {
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}

.aligncenter {margin: 0 auto;display: block;text-align: center;}
.alignright {margin: 0 0 0 auto;display: block;text-align: right;}

.lazy-bg{}
.lazy-src:not(.inview) {position: absolute}

/*form stuff reset*/

::-webkit-input-placeholder { /* Chrome */
  color: black;
  transition: opacity 250ms ease-in-out;
}
:focus::-webkit-input-placeholder {
  opacity: 0.5;
}
:-ms-input-placeholder { /* IE 10+ */
  color: black;
  transition: opacity 250ms ease-in-out;
}
:focus:-ms-input-placeholder {
  opacity: 0.5;
}
::-moz-placeholder { /* Firefox 19+ */
  color: black;
  opacity: 1;
  transition: opacity 250ms ease-in-out;
}
:focus::-moz-placeholder {
  opacity: 0.5;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: black;
  opacity: 1;
  transition: opacity 250ms ease-in-out;
}
:focus:-moz-placeholder {
  opacity: 0.5;
}
/*form stuff reset*/


.elegant, *::before, *::after, a, input  
{-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;}

.coverbk {background-size: cover; background-position: 50% 50%; background-repeat:no-repeat}
.flexboxed {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
min-height: 1em;
}

/********### NAV ###********/

.icon-bar {
	width: 36px; 
	height: 2px;
	background-color: white;
	display: block;
	margin-top: 8px
}
 
.navbar-toggler {
  border: none;
  background: transparent !important;
}

.navbar-toggler .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
 
.navbar-toggler .middle-bar {
  opacity: 0;
}
 
.navbar-toggler .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
 
.navbar-toggler.collapsed .top-bar {
  transform: rotate(0);
}
 
.navbar-toggler.collapsed .middle-bar {
  opacity: 1;
}
 
.navbar-toggler.collapsed .bottom-bar {
  transform: rotate(0);
}

.navbar-toggler:focus {box-shadow: 0 0 0 0}

.sec-hero {background-size:cover; background-position: 50% 0%; background-repeat: no-repeat; }
.art-hero {color: white;  padding: 100px 0 60px;  font-size: .75em; text-align: center}
.art-hero img {width: 180px}

.art-hero hr {
margin: 50px 0 0;
border-top: 2px solid #2c4324;
opacity: .5;

}

.sec-alpha {position: relative; background-color: #d7d1cb; }
.div-alpha {padding-bottom: 75%}

.art-alpha {padding:50px 0 }


.art-beta {padding: 100px 0 50px}
.eewrapper {position: relative; margin: 0 0 30px}
.eewrapper::after {content: ""; display: block; width: 100%; border-top: 1px solid black; position: absolute; top:50%; left:0; }
.eewrapper>h3 {display: inline-block; margin: 0 auto; position: relative; z-index: 3; background-color: white; padding: 0 15px; border-left:1px solid black; border-right:1px solid black; max-width: 300px}

.wwlogowrapper {padding: 0; margin: 150px auto 100px; text-align:center; position: relative}
.wwlogowrapper img {width: 200px}
.wwlogowrapper::before, .wwlogowrapper::after {content: ""; display: block; width: calc((100% - 250px)/2); height: 0; border-top: 1px solid #2c4324; position: absolute; top:50%}
.wwlogowrapper::before {left: 0}
.wwlogowrapper::after {right: 0}

.sec-devs {position: relative; background-color: #d7d1cb; }
.div-devs {padding-bottom: 75%; background-position: 50% 20%}

.art-devs {padding: 60px 0}

.listedfeatures {padding: 0; margin: 0 -10px 100px; list-style: none; font-size: 0}
.listedfeatures>li {display: inline-block; vertical-align: top; font-size: .9rem; width: 50%; padding: 0 10px; color: #2c4324}
.listedfeatures>li:last-child {width: 100%; margin-top: 50px}
.listedfeatures>li strong {display: block; margin-top: 15px;line-height: 1.2}
.listedfeatures>li:nth-child(1)>div {padding-bottom: 124%}


.art-reg {margin: 100px auto 0; max-width: 680px}
.art-reg>h2 {text-align: center; margin-bottom: 50px; text-transform: uppercase; font-size: 1.25em; font-weight: 600; letter-spacing: 5px;}
.art-reg>h2>span {font-weight: 300; color: #968550; font-size: 2em}

.art-reg label {cursor: pointer}

.art-reg input,.art-reg select, .art-reg span, .art-reg label {font-weight: 500}

.form-field {position: relative}
.art-reg label.error {font-size: 12px; color: red; position: absolute; left:15px; bottom: -8px}

.art-reg .checkbox-label label.error {bottom: -20px; left: 18px}

.art-reg input[type="text"],.art-reg input[type="tel"],.art-reg input[type="email"], .art-reg select {padding: 10px 15px; margin: 10px 0; background-color: #eeede8; color: #2c4324; border-width: 0; width: 100%;}

.consentinfo {position: relative; margin: 30px 0}
.consentinfo>input {position: absolute; left:0; top:45%; transform: translateY(-50%)}
.consentinfo>span {font-size: 12px; display: block; padding-left: 20px}

.art-reg input[type="submit"] {background-color: #968550; color: white;  padding: 10px 50px; border-width: 0; font-weight: bold; margin-top: 30px; text-transform: uppercase}


.mybtn {display: inline-block; font-weight: 600; text-transform: uppercase; color: #968550; text-decoration: none; padding: 8px 30px; border: 2px solid #968550}
.mybtn.rev {background-color: transparent; border-color:  white}


.art-thankyou {text-align: center; font-weight: 600;  font-size: 1.25em; color: #2c4324; min-height: calc(100vh - 476px); max-width: 960px; margin: 0 auto; letter-spacing: 2px}

.art-thankyou h1 {margin: 300px 0 0; font-weight: 300; color:#968550; text-transform: none}
.art-thankyou hr {max-width: 560px; margin: 50px auto; border-top: 2px solid #2c4324; opacity: 1}

.-rq span {padding: 5px 15px}
.-rq label {padding: 5px}

#notes {margin: 0; padding: 15px; font-size: 10px; text-align: center;letter-spacing: -.5px; opacity: .75; line-height: 1.2}


.sec-wildwoodteam {background-color: #424f38; color: white; text-align: center}
.sec-wildwoodteam h2 {color: #968550; margin: 0 auto 30px}
.art-wildwoodteam {margin: 80px auto 100px; max-width: 860px}

.registration-form {background: url("img/leaves_deco.webp") 100% 0% no-repeat; background-size: 50% auto}

.sec-thankyou {background: url("img/leaves_deco2.webp") 50% 0% no-repeat; background-size: cover}

footer {background-color: #2c4324; color: white; font-weight: bold; padding:30px 0}
footer a {display: inline-block; color: white; text-decoration: none}
.lists-ft {padding: 0; margin: 0; list-style: none; font-size: 0; text-align: center}
.lists-ft>li {font-size:12px}
.lists-ft>li:first-child {font-size:1.25rem}
.sociallinkswrapper {padding: 0; margin: 30px 0; list-style: none; font-size: 0}
.sociallinkswrapper>li {display: inline-block; vertical-align: middle; margin: 0 5px}
.sociallinkswrapper>li>a {display: block; width: 32px; height: 32px; background: url("img/icon_sprite.svg") 1% 50% no-repeat; background-size: auto 120%}
.sociallinkswrapper>li:nth-child(1)>a {background-position: 20.75% 50%}
.sociallinkswrapper>li:nth-child(2)>a {background-position: 10.8% 50%}

.page-id-30 .sociallinkswrapper{display: none}

a#backtotop {display: block;font-size: 0;width: 42px;height: 42px;border-radius: 50%;position: fixed;z-index: 11;right: 30px;bottom: -42px;opacity: 0;background-color: #938257;}

a#backtotop::after{	content: "";display: block;width: 20px;height: 20px;top: 60%;position: absolute;left: 50%;margin: -10px 0 0 -10px; border-left: 2px solid white; border-top: 2px solid white;-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);}
a#backtotop.showme {opacity: 1;bottom: 30px;}


/*correct google conversion tracking tag generated iframe height issue*/
iframe[name='google_conversion_frame'] { 
height: 0 !important;
width: 0 !important; 
line-height: 0 !important; 
font-size: 0 !important;
margin-top: -13px;
float: left;
}


/*
Mobile first queries : 

Extra small			None	<576px
Small				sm		≥576px
Medium				md		≥768px
Large				lg		≥992px
Extra large			xl		≥1200px
Extra extra large	xxl		≥1400px

*/


/* Minimum - wider screen */
@media (min-aspect-ratio: 1/1) {


}

/* Maximum - narrow screen */
@media (max-aspect-ratio: 1/1) {

}


/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	


} /*576px closed*/


/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	


}/*768px closed*/

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	
body {font-size: 1.1em}
	
h3>span { font-size: 3em;}
.eewrapper>h3 {padding: 0 50px; max-width: none}
	
.sec-hero {background-position: 0% 0%}
.art-hero {padding: 50px 25% 50px 0; font-size: 1em; text-align: left}
	
.art-hero img {width: 240px}

.div-alpha {position: absolute; padding-bottom: 0; top:0; left:0; bottom: 0; width: calc(50% - 100px)}
.art-alpha {padding:100px 0 100px 50%; }
	
.div-devs {position: absolute; padding-bottom: 0; top:0; right:0; bottom: 0; width: 45%;}
	
.listedfeatures>li {width: 25%;}
.listedfeatures>li:last-child {width: 50%; margin-top: 0}
	
	
.lists-ft {text-align: right}
.lists-ft>li {display: inline-block; vertical-align: middle;} 
.lists-ft>li:first-child {float: left}
	
.sociallinkswrapper {margin:0 30px 0 0}
	
#notes {position: absolute; bottom: 15px; right:15px; text-align: left}
	
.art-hero {min-height: 100vh}
.art-hero hr {width: 40vw;}
.art-reg {margin-top: 200px}

}/*992px closed*/

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
	


.eewrapper {margin: 0 -50px 30px}
.wwlogowrapper { margin: 150px -50px 100px; }
.container{ max-width: 1140px;}

} /*1200px closed*/

/*Extra Extra large devices (large desktops, 1400px and up)*/
@media (min-width: 1400px) { 

} /*1400px closed*/