body{
    font-family:Futura;
    font-weight: 200;
    color: #000;
}
/*.page-id-266 {background-color: #000;}*/
.page-id-266 .entry-title{

display:none;

}
.page-id-266 .carousel-item
{
height: 25rem;	
}
.page-id-266.headerClass{

background-color: #fff;
height:100px;
}
.wpsf-popup-join_waitlist,
.wpsf-popup-join_waitlist_portland,
.wpsf-popup-join_waitlist_dc{
float: right !important;
  padding-top: 2% !important;
  padding-right: 3% !important;
  
}
input[type="button"].wpsf-popup-trigger.wpsf-popup-template-12{
width: 100% !important;
padding: 2px 30px !important;
font-size: 0.9rem !important;
  
}
.wpsf-popup-interest_list_3363 input[type="button"].wpsf-popup-trigger.wpsf-popup-template-12{


border: 1px solid transparent !important;
  font-weight: normal !important;
  font-size: 1.65rem !important;
  border-radius: 0.7rem !important;
  width: 225px !important;
  padding: 7px !important;
  cursor: pointer !important;
  
}
.divList{
width:33%; float:left;
}
.menu{

}
.menu a{
    display: inline-block;
    font-size: 22px;
    color: #ac7021;
    text-decoration: none;
    margin: 1rem 0rem;
    border-radius: 0.8rem;
    font-weight: lighter;
}
.menu a:hover {
    color:#cccccc;
}

.menu a.active {
    background:#d49e38;
    color:#fff;
}

.yellowBtn{
    background:#d49e38;
    font-size:24px;
    color:#fff;
    font-weight: normal;
    padding: 0.8rem 1rem;
    font-size: 1.25rem;
    border-radius: 0.7rem;
}

.yellowBtn:hover{
    background:#ac7021;
    color:#fff;
}
.yellowDiv{
    background:#d49e38;
    background-image: url(../../img/comnt_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    color:#fff;
    min-height: 315px;
    border-bottom: 10px solid #242424;
}
.yellowDiv p{
    font-size: 24px;.
    font-family: Avenir Next Condensed;
    font-style: italic;
    padding: 2rem;
    color: #000;
    padding: 7rem 11rem 1rem;
}
.yellowDiv span{
    font-size: 32px;
    font-family: Avenir Next Condensed;
    padding: 2rem;
    color: #242424;
    padding: 0rem 0 0 39rem;
    text-align: left;
    display: block;
}
.tourTxt
{
    font-size: 21px;
    font-family: Athelas;

}
.tourBox
{
	font-size: 20px;font-family: Futura,Trebuchet MS,Arial,sans-serif;
}
.tourBoxTitle
{
background:#d49e38;height:40px;text-align:center;border: 2px solid #000;font-weight:bold;
font-family: Futura,Trebuchet MS,Arial,sans-serif; 
font-size: calc(0.5rem + 1vw) !important;
}
.preorderTitle
{
    font-size: 45px;
    font-weight: bold;
    padding-left: 10px;
    text-transform: uppercase;
}
.tourBoxCon
{
	border-bottom: 2px solid #000;border-left: 2px solid #000;border-right: 2px solid #000;
	text-align:center;
	font-size: 16px;font-family: Athelas;
	line-height: 1.9;
}
.tourBoxCon a
{
	color:#000;
}
.tourBoxCon strong{
    font-weight: 600;
}
.tourTxtTitle
{
    font-size: 40px;
    font-family: Athelas;

}
.tourTxt strong{
    font-weight: bold;
}
.storyTxt{
    font-size: 18px;
    font-family: Athelas;

}
.storyTxt strong{
    font-weight: 600;
}
.storyTitle{
    font-family:Athelas;
    text-align: center;
    font-size: 80px;
    font-weight: bold;
    padding: 2rem 0;
}
.storyTitle span{
    display: block;
    font-size: 40px;
    font-weight: 300;
    font-style: italic;
}
.fs24{
    font-size: 24px;
}

.FF_Athelas{
    font-family:Athelas;
}

.whiteCmntDiv{
    background:#fff;
    background-image: url(../../img/comnt_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    color:#000;
    min-height: 133px;
}
.whiteCmntDiv p{
    font-size: 29px;.
    font-family: Avenir Next Condensed;
    font-style: italic;
    padding: 6rem 11rem 4rem;
    color: #000;
    }

.footer{
    border-top:9px solid #d49e38!important;
    background: #000;
    font-size: 16px;
    padding: 1rem;
    text-align: center;
    color: #fff!important;
    font-family: Futura Medium;
    font-weight: 200;
}
.footer a{
    display: inline-block;
    padding: 1rem;
    font-size: 20px;
    color: #fefefe;
    text-decoration: none;
}



.textureCmntDivContnr{
    background:#fff;
    background-image: url(../../img/textureComntBg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    padding: 6rem 0;
}

.textureCmntDiv{
    background-image: url(../../img/comntWhite_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    color:#000;
    min-height: 133px;
}
.textureCmntDiv p{
    font-size: 24px;.
    font-family: Avenir Next Condensed;
    font-style: italic;
    padding: 2rem;
    color: #fff;
    padding: 6rem 12rem 1rem;
}
.textureCmntDiv span{
    font-size: 28px;
    font-family: Avenir Next Condensed;
    padding: 2rem;
    color: #fff;
    padding: 2rem 0 0 28rem;
    text-align: left;
    display: block;
}

.botBox{
    text-align: center;
    background: #e7dbc8;
    border: 1px solid #4d4943;
    font-size: 24px;
    color: #282727;
    font-family: Avenir Next Condensed;
    font-weight: 500;
}

.botBox.dark{
    text-align: center;
    background: #282728;
    border: 1px solid #0d0d0d;
    font-size: 24px;
    color: #fff;
}

.botBox .yellowBtn {
    background: #d49e38;
    font-size: 24px;
    color: #fff;
    font-weight: normal;
    padding: 0.7rem 2rem;
    font-size: 1.65rem;
    border-radius: 0.7rem;
    width: 70%;
}
.botBox .yellowBtn:hover{
    background:#ac7021;
    color:#fff;
}

.boxTitle{
    font-family:Futura;
    text-align: center;
    font-size: 38px;
    font-weight: bold;
    padding: 0 0 1rem 0;
}
.boxTitle span{
    font-family:Athelas;
    display: block;
    font-size: 32px;
    font-weight: 300;
    font-style: italic;
}

.popupInnerBorder{
    border: 1px solid #ac7021;
    margin: 1rem;
}
.noBordr{
    border: none;
}
.ff_Athelas{
    font-family: Athelas;
}
.bookBg{
    background: #242424;
    padding: 2.8rem 1.5rem;
    display: block;
}
.bookBg img{
    vertical-align: middle;
}
.popupForm{

}
.popupForm input{
    margin-bottom: 0.5rem;
    border-color: #616b73;
}
.popupForm .yellowBtn {
    background: #d49e38;
    font-size: 24px;
    color: #fff;
    font-weight: normal;
    padding: 0.7rem 2rem;
    font-size: 1.65rem;
    border-radius: 0.7rem;
    width: 100%;
}

@media only screen and (max-width: 912px) and (min-width: 280px) {
	.divList{
width:100%; 
}

    .menu a {
        margin: 1rem 0.2rem;
    }
    .topBtns .p-5{padding:0 0 1rem!important;
    }
    .popupForm .yellowBtn {
        padding: 0.8rem 1rem;
        font-size: 1.5rem;
    }
    .yellowBtn {
        padding: 0.8rem 1rem;
        font-size: 1.1rem;
    }
    .storyTxt {
        font-size: 1.2rem;
        margin-top:15px;
    }
    .storyTitle {
        font-size: 2.5rem;
        padding: 2rem 0 1rem;
    }
    .storyTitle span {
        display: block;
        font-size: 1.8rem;
    }
    .yellowDiv{
        background-image:none;
        min-height: 100%;
        padding: 2rem;
    }
    .yellowDiv p{
        font-size: 14px;
        padding: 0;
    }
    .yellowDiv span{
        font-size: 18px;
        padding: 0rem;        
    }
    .whiteCmntDiv {
        background: #fff;
        background-image: url(../../img/comnt_bg.png);
        background-attachment: local;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        color: #000;
        min-height: 133px;
    }
    .whiteCmntDiv p {
        font-size: 1.1rem;
        padding: 11% 4% 10%;
        margin: 0;
    }
    .textureCmntDivContnr {
        background: #fff;
        background-image: url(../../img/textureComntBg.jpg);
        background-position: center top;
        background-repeat: no-repeat;
        padding: 6rem 0 0;
    }
    .textureCmntDiv {
        background-image: none;
        padding: 5rem 0 0;
    }
    .textureCmntDiv p {
        font-size: 24px;
        font-style: italic;
        padding: 2rem;
        color: #fff;
        padding: 0 10% 0;
    }
    .textureCmntDiv span {
        font-size: 1.1rem;
        font-family: Avenir Next Condensed;
        /* padding: 2rem; */
        color: #fff;
        padding: 2rem 0 3rem 0;
        text-align: left;
        display: block;
    }


}
.bannerC{
	text-align: center;
	background-image: url("../../img/contact.jpg");
	background-position: bottom center;
	background-size: cover;
	clear: both;
	padding: 6rem 0 10rem;
	
}
.bannerC h1{
	font-family: Athelas;
	color: #fff;
	font-size: 5rem;
	}



#menuToggle
{
  display: none;
	float: right;
  position: relative;
  top: 50px;
  left: 50px;
  
  z-index: 1;
  
  -webkit-user-select: none;
  user-select: none;
}

#menuToggle a{
    display: block;
    font-size: 22px;
	padding: 0 10px;
    color: #ac7021;
    text-decoration: none;
    margin: 1rem 0.6rem;
    border-radius: 0.8rem;
    font-weight: lighter;
}
#menuToggle a:hover, #menuToggle a.active {
    background:#d49e38;
    color:#fff;
}

#menuToggle a
{  
  transition: color 0.3s ease;
}



#menuToggle input
{
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  left: -5px;
  
  cursor: pointer;
  
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  
  -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
  display: block;
  width: 33px;
  height: 4px;
  margin-bottom: 5px;
  position: relative;
  
  background: #cdcdcd;
  border-radius: 3px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}

/* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #232323;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu
{
  position: absolute;
	right: 0;
  width: 300px;
  margin: 0;
  padding: 20px;
  padding-top:0;
  
  background: #ededed;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  /* to stop flickering of text in safari */
  
  transform-origin: 0% 0%;
  transform: translate(-900%, 0);
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
  padding: 10px 0;
  font-size: 22px;
}

/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul
{
  transform: none;
}

@media only screen and (max-width: 820px) and (min-width: 280px) {
.banner h1{
	font-family: Athelas;
	color: #fff;
	font-size: 4rem;
	}
	.menu{
		display: none;
	}
	.logo{
		width: 80%;
	}
	
#menuToggle
{
	display: block;
	}
	#menuToggle {
    display: block;
    float: right;
    position: relative;
    top: 25px;
    left: 5px;
    z-index: 1;
    -webkit-user-select: none;
    user-select: none;
}
.divList{
width:100%; 
}
}