/*
  Theme Name: Whim Hospitality
  Theme URI: https://www.whimhospitality.com
  Version: 1.0 / 2019

  Colors
  ------
	Black		#000
	Plum		#882776		#f2eded
	Gold		#b59a7b
	Orange	#f79423
	Grey		#e7e7e7		#979797		#a5a5a5
   

  Webfonts
  --------
	brandon-grotesque, sans-serif;		400/700 i		body / buttons
	'Oswald', sans-serif;							300/400			titles / h1 / gallery captions
	'Playfair Display', serif;				400					serif title
	'Milano Sky'											400					script

*/






/* ====================================================================
   Global
   ==================================================================== */

/* -------------------[ Layout ]------------------- */

body { 
  background-color: #FFF;
}

#content {
	position: relative; overflow: inherit;
	width: 100%; max-width: 1300px; height: auto; min-height: 300px; margin: 0 auto; padding: 0;
}

.wrap {
	position: relative; 
	width: 94%; max-width: 1080px; height: auto; margin: 0 auto; padding: 0 3%;
}

/* -------------------[ Columns and DIVs ]------------------- */

.columns {
	position: relative; 
	display: -webkit-box; display: -ms-flexbox; display: flex; 
	flex-direction: row; 
	flex-wrap: wrap;
	align-items: top;
	justify-content: center;
	width: 100%; 
}

					@media only screen and (max-width : 860px) {
						.columns { 
							display: block;
						}
						.columns .col { 
							width: auto; max-width: 500px; margin: 20px auto !important; padding-left: 5%; padding-right: 5%;
						}
					}

/* -------------------[ Type ]------------------- */

@font-face {
    font-family: 'Milano Sky';
    src: url('webfonts/MilanoSky-Regular.eot');
    src: url('webfonts/MilanoSky-Regular.eot?#iefix') format('embedded-opentype'),
        url('webfonts/MilanoSky-Regular.woff2') format('woff2'),
        url('webfonts/MilanoSky-Regular.woff') format('woff'),
        url('webfonts/MilanoSky-Regular.ttf') format('truetype'),
        url('webfonts/MilanoSky-Regular.svg#MilanoSky-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, html { 
  color: #000; font-family: brandon-grotesque, sans-serif; font-size: 17px; line-height: 28px; font-weight: 400; letter-spacing: 0.03em; 
}

					@media only screen and (max-width : 1200px) {
						body, html { 
							font-size: 16px; 
						}
					}

/* -----[  ]----- */

a:link, a:visited, a:active { 
  color: #882776; text-decoration: none; 
  -webkit-transition: .2s; -moz-transition: .2s; -ms-transition: .2s; transition: .2s;
}

a:hover { 
  color: #000; text-decoration: none; 
}

a.black-link {
	color: #000; 
}

a.black-link:hover {
	color: #882776; 
}

/* -----[  ]----- */

#press .press-item div a {
	color: #000; font-size: 15px; 
}

#press .press-item div a:hover {
	color: #882776; 
}

/* -----[  ]----- */

h1 { 
  font-family: 'Oswald'; letter-spacing: 0.03em; text-transform: uppercase;
}

					@media only screen and (min-width : 1300px) {
						h1 { 
							font-size: 70px; line-height: 70px; 
						}
					}

					@media only screen and (max-width : 1300px) and (min-width : 768px) {
						h1 { 
							font-size: 5.4vw; line-height: 5.4vw; 
						}
					}

					@media only screen and (max-width : 768px) {
						h1 { 
							font-size: 42px; line-height: 42px; 
						}
					}

/* -----[  ]----- */

h2 { 
  font-size: 20px; line-height: 32px; letter-spacing: 0.03em; 
}

/* -----[  ]----- */

h3 { 
  font-family: 'Playfair Display'; font-size: 24px; line-height: 34px; font-weight: 400; letter-spacing: 0.03em; 
}

					@media only screen and (max-width : 900px) {
						h3 { 
							font-size: 24px; line-height: 34px; 
						}
					}

/* -----[  ]----- */

h4 {
  position: relative; display: inline-block; 
  color: #000; font-size: 15px; line-height: 18px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; text-align: center;
}

h4:after {
  clear: both; display: block;
  width: 60px; height: 2px; margin: 10px auto;
  background-color: #882776;
  content: "";
}

h4.no-line {
  display: inherit;
}

h4.no-line:after {
  display: none;
}

h4.block {
  display: block;
}

h4 a { 
  color: #000 !important; 
}

h4 a:hover { 
  color: #882776 !important; 
}

/* -----[  ]----- */

h5 {
  font-size: 13px; line-height: 16px; text-transform: uppercase; 
}

/* -----[  ]----- */

h6 {
  font-size: 12px; line-height: 16px; text-transform: uppercase; 
}

/* -----[  ]----- */

.script { 
  font-family: 'Milano Sky', script; font-weight: 300; 
}

/* -----[  ]----- */

.lg {
  font-family: 'Playfair Display'; font-size: 34px;
}

/* -----[ Lists ]----- */

.lists ul,
.lists ol,
ul.lists { 
	margin: 20px 0; padding: 0;
}

.lists ul li,
.lists ol li,
ul.lists li { 
	margin: 0 0 0 20px; padding: 0 0 3px 20px;
	list-style-position: outside; 
}

.lists ul li,
ul.lists li {
	list-style: square;
}

.lists ol li { 
	list-style-type: decimal; 
}

/* -------------------[ Buttons ]------------------- */

a.button { 
  clear: both; display: inline-block;
  width: auto; margin: 0; padding: 15px 25px; 
	color: #FFF !important; font-family: brandon-grotesque !important; font-size: 15px !important; line-height: 15px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.03em !important; text-align: center; 
}

a.button:hover { 
	color: #000 !important; 
}

/* -----[ Clear (hero) ]----- */

#hero-home a.button,
#hero .hero-wrap a.button { 
  border: 1px solid #FFF !important; 
  background: rgb(255, 255, 255) !important; background: rgba(255, 255, 255, 0.2) !important; 
}

#hero-home a.button:hover,
#hero .hero-wrap a.button:hover { 
	background-color: #FFF !important; 
}

/* -----[ Gold ]----- */

a.button-gold { 
  border: 1px solid #b59a7b !important; 
	background-color: #b59a7b !important; 
	color: #FFF !important; 
}

a.button-gold:hover {  
  border: 1px solid #b59a7b; 
  background: rgb(255, 255, 255) !important; background: rgba(255, 255, 255, 0.2) !important; 
	color: #000 !important; 
}

/* -------------------[ Images ]------------------- */

#content img {
	width: auto; max-width: 100%; height: auto;
}

/* -------------------[ Slick ]------------------- */

.slick-slider {
  position: relative; display: block;
	margin-bottom: 0px !important;
  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; display: block; overflow: hidden;
  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; display: block; left: 0; top: 0;
  margin-left: auto; margin-right: auto; 
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table; 
}

.slick-track:after {
  clear: both; 
}

.slick-loading .slick-track {
  visibility: hidden; 
}

.slick-slide {
  float: left; display: none; 
  min-height: 1px; 
}

[dir='rtl'] .slick-slide {
  float: right;
}

.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; 
}

/* -------------------[ Scroll To Top ]------------------- */

.scroll-to-top { 
  display: none; position: fixed; right: 3%; bottom: 10px; text-indent: -9999px; 
  width: 70px; height: 70px; 
  background: url(images/back_to_top.png) no-repeat center center;
	background-size: 70px;
  font-size: 0; 
  cursor: pointer; 
  outline: 0px none; 
}

/*					@media only screen and (max-width : 480px) {
						.scroll-to-top { 
							right: -9999999px;
						}
					}*/










/* ====================================================================
   Header
   ==================================================================== */

/* -------------------[ Layout ]------------------- */

#header { 
	position: fixed; top: 0; z-index: 500; 
	width: 100%; height: 150px; 
	background-color: #FFF;
  /*background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.95); */
}

					@media only screen and (max-width : 600px) {
						#header { 
							position: relative; 
							height: 80px; 
						}
					}

.admin-bar #header { 
	top: 32px;
}

					@media only screen and (max-width : 1100px) {
						.admin-bar #click-menu { 
							 top: 126px; 
						}
						.admin-bar .mobile-menu-panel {
							margin: 182px 0 0 0; 
						}
					}

					@media only screen and (max-width : 782px) {
						.admin-bar #header { 
							top: 46px; 
						}
						.admin-bar #click-menu { 
							 top: 140px; 
						}
						.admin-bar .mobile-menu-panel {
							margin: 196px 0 0 0; 
						}
					}

					@media only screen and (max-width : 600px) {
						.admin-bar #header { 
							top: 0px; 
						}
						.admin-bar #click-menu { 
							 top: 82px; 
						}
						.admin-bar .mobile-menu-panel {
							margin: 120px 0 0 0; 
						}
					}

/* -----[ Layout Top ]----- */

#header .top-wrap { 
	width: 100%; height: 40px; 
	background-color: #ddd5cd;
}

#header .top-wrap .top { 
	position: relative; 
	width: 94%; height: 40px; max-width: 1300px; margin: 0 auto; padding: 0 3%;
	text-align: center;
}

#header .top-wrap .top div { 
	position: relative; display: inline-block;
}

					@media only screen and (max-width : 600px) {
						#header .top-wrap { 
							display: none;
						}
					}

/* -----[ Layout Bottom ]----- */

#header .bottom {
	position: relative; 
	width: 94%; max-width: 1240px; margin: 0 auto; padding: 0 3%;
}	

/* -----[ Info ]----- */

#header .top .info { 
  position: relative; float: left; z-index: 999900;
	color: #000; font-size: 14px; line-height: 40px; 
}

#header .top .info a { 
	color: #000; 
}

#header .top .info a:hover { 
	color: #882776; 
}

/* -----[ Social ]----- */

#header .top .social { 
	position: absolute !important; left: 0; right: 0;
	width: auto; margin: 0 auto;
}

#header .top .social .fab { 
	color: #000; font-size: 16px; line-height: 40px; margin: 0 10px;
}

#header .top .social .fab:hover { 
	color: #882776; 
}

/* -----[ Cart ]----- */

#header .top .cart { 
  float: right;
	width: 60px; height: 40px;
	background-color: #ccb79e;
  text-align: center;
}

#header .top .cart .fas { 
	color: #000; font-size: 16px; line-height: 40px; 
}

#header .top .cart .fas:hover { 
	color: #882776; 
}

/* -----[ Logo ]----- */

#header .logo { 
  position: relative; display: inline-block; 
  margin: 18px 0 0 0;
}

#header .logo img { 
  max-width: 275px;
}

					@media only screen and (max-width : 600px) {
						#header .logo { 
							margin: 13px 0 0 0;
						}
						#header .logo img { 
							width: auto; height: 50px;
						}
					}

/* -----[ Nav ]----- */

#header #nav {
	position: relative; float: right;
	width: auto; margin: 56px 0 0 0; padding: 0;
}

#header #nav ul { 
	margin: 0; padding: 0;
}

#header #nav li {
	display: inline-block; 
	margin: 0 0 0 50px; padding: 0; 
}

#header #nav li:first-child { 
	margin: 0; 
}

#header #nav a {
	position: relative;
	padding-bottom: 30px;
	color: #000; font-size: 15px; line-height: 18px; font-weight: 400; letter-spacing: 0.03em; text-transform: uppercase; text-decoration: none; 
}

#header #nav a:hover, 
#header #nav li.current_page_item a,
#header #nav li.current-menu-item a,
#header #nav li.current-page-parent a,
#header #nav li.current-menu-parent a, 
#header #nav li.current-page-ancestor a,
#header #nav li.current-menu-ancestor a,
body.menu-item-blog li.menu-item-blog a { 
	color: #882776 !important; 
}

#header #nav ul ul {
  float: left; display: none; position: absolute; top: 52px; left: -15px;
  width: 140px; margin: 0; padding: 0 15px 10px 15px; 
  background-color: #FFF;
  text-align: left; 
}

#header #nav ul ul li {
  margin: 0; padding: 0;
}

#header #nav ul ul li a,
#header #nav ul ul li.current_page_item a,
#header #nav ul ul li.current-menu-item a,
#header #nav ul ul li.current-page-parent a,
#header #nav ul ul li.current-menu-parent a, 
#header #nav ul ul li.current-page-ancestor a,
#header #nav ul ul li.current-menu-ancestor a { 
  clear: both; display: block; position: relative; left: 0; bottom: 0;  
  width: 140px; margin: 0; padding: 10px 0; 
	color: #000 !important; 
}

#header #nav ul ul li a:hover { 
  color: #882776 !important; 
}

#header #nav ul li:hover > ul { 
  display: block; 
}

#header #nav .menu ul { 
	list-style: none; 
}

#header #nav .menu li { 
	position: relative; 
}

.mobile-menu-panel { 
	display: none;
}

.header-break {
  clear: both; display: block; 
	width: 100%; height: 150px;
}

					@media only screen and (max-width : 1200px) {
						#header #nav li {
							margin: 0 0 0 30px; 
						}
					}

					@media only screen and (max-width : 1100px) {
						#header .top .social { 
							position: relative !important; 
						}
						#header #nav { 
							display: none;
						}
						/* -----[  ]----- */
						#click-menu { 
							 display: block; position: absolute; top: 94px; right: 3%; z-index: 900;
						}
						.menu-link {
							position: relative; display: inline-block;
							width: 24px; height: 14px !important; margin-right: 0.3em; 
							border-top: 2px solid #882776; border-bottom: 2px solid #882776;
							font-size: 12px !important; 
						}
						.menu-link:before {
							position: absolute; top: 6px; left: 0px;
							width: 100%;
							border-top: 2px solid #882776;
							content: "";
						}
						/* -----[  ]----- */
						.mobile-menu-panel {
							display: block; position: fixed; right: -100%; z-index: 500; 
							width: 100%; max-width: 100%; margin: 150px 0 0 0; 
							background-color: #FFF;
						}
						.mobile-menu-panel ul {
							clear: both; display: block;
							width: 100%; margin: 0; padding: 30px 0 0 0;
							list-style-type: none;
							text-align: center;
						}
						.mobile-menu-panel ul a {
							clear: both; display: block;
							width: 100%; margin: 0; padding: 0 0 20px 0; 
							color: #000; font-size: 15px; line-height: 18px; font-weight: 400; letter-spacing: 0.03em; text-transform: uppercase; text-decoration: none; 
						}
						.mobile-menu-panel ul a:hover { 
							color: #882776;
						}
						/* -----[  ]----- */
						.mobile-menu-panel .contact {
							width: 100%; height: auto; margin: 20px 0; padding: 20px 0;
							background-color: #ddd5cd;
							text-align: center;
						}
						.mobile-menu-panel .contact i.fa { 
							margin: 0 15px;
							color: #000; font-size: 16px; line-height: 16px; 
						}
						.mobile-menu-panel .contact a:hover,
						.mobile-menu-panel .contact i.fa:hover { 
							color: #882776; 
						}
						.mobile-menu-panel .contact i.fa::before { 
							margin-right: 10px;
						}
						.mobile-menu-panel .contact i span { 
							font-family: brandon-grotesque; font-size: 16px; line-height: 18px; font-weight: 400; letter-spacing: 0.03em; text-transform: uppercase; 
						}
						/* -----[  ]----- */
						.mobile-menu-panel .social {
							padding: 20px 0;
							text-align: center;
						}
						.mobile-menu-panel .social i.fab { 
							margin: 0 15px; 
							color: #000; font-size: 20px; line-height: 20px; 
						}
						.mobile-menu-panel .social i.fab:hover { 
							color: #882776; 
						}
						/* -----[  ]----- */
						.mobile-menu-panel .mobile-bottom ul a {
							font-size: 18px; line-height: 18px; 
						}
						.mobile-menu-panel .mobile-bottom ul a:hover { 
							color: #882776;
						}
					}

					@media only screen and (max-width : 600px) {
						#click-menu { 
							 top: 36px; 
						}
						.mobile-menu-panel {
							margin: 70px 0 0 0; 
						}
						.header-break {
							display: none;
						}
					}

					@media only screen and (max-width : 420px) {
						.mobile-menu-panel .contact i.fa { 
							margin: 0 10px;
						}
					}

					@media only screen and (max-width : 350px) {
						.mobile-menu-panel .contact a { 
							clear: both; display: block;
							margin: 7px 0;
						}
						.mobile-menu-panel .social i.fa { 
							margin: 0 10px;
						}
					}











/* ====================================================================
   Hero
   ==================================================================== */

/* -----[ Global ]----- */

#hero { 
  position: relative; overflow: hidden; 
  width: 100%; max-height: 800px;
	text-align: center;
}

#hero img.hero-img { 
  position: relative; display: block; z-index: 1; 
  width: 100%; height: auto; max-height: 800px; margin: 0 auto; 
	object-fit: cover;
}

#hero .hero-wrap {
  position: absolute; top: 30%; bottom: auto; left: 0; right: 0; z-index: 50; overflow: hidden;
  width: 90%; max-width: 900px; height: auto; margin: 0 auto;
	color: #FFF; text-shadow: 0.1px 0.1px 0.1px #000;
}

#hero .hero-wrap h1,
#hero .hero-wrap h3 {
  text-shadow: 0.5px 0.5px 1px #000;
}

#hero .hero-wrap h3 { 
  font-family: 'Playfair Display'; font-size: 24px; line-height: 34px; font-weight: 400; letter-spacing: 0.03em; font-style: italic; 
}

					@media only screen and (max-width : 1100px) {
						#hero .hero-wrap {
							top: 25% !important;  
						}
					}

					@media only screen and (max-width : 768px) {
						#hero img {
							width: auto !important; height: 340px !important; 
							object-fit: cover;
						}
						#hero .hero-wrap {
							max-width: 380px !important;
						}
						#hero .hero-wrap h3 { 
							font-size: 17px; line-height: 27px; 
						}
					}

					@media only screen and (max-width : 480px) {
						#hero img {
							height: 300px !important; 
						}
						#hero .hero-wrap {
							top: 25% !important; 
						}
						#hero .hero-wrap h1 { 
							font-size: 26px; line-height: 26px; 
						}
						#hero .hero-wrap a.button {
								padding: 10px 15px;
								font-size: 13px !important;
						}
					}

body.page-id-65 #hero,
body.page-id-69 #hero,
body.page-id-875 #hero, /* STAGING */
body.page-id-877 #hero, /* STAGING */
body.page-id-922 #hero,
body.page-id-924 #hero {
  display: none !important;
}

/* -----[ Home Slider ]----- */

#hero-home {
  padding-top: 0 !important; 
  color: #FFF; font-size: 0; /* Fix in case overlay jumps up on loop */
}

#hero-home .slick-cloned .hero-wrap {
  position: absolute !important;
}

#hero-home .slick-slide img {
  width: 100%; max-height: 800px; 
}

#hero-home .slider-arrow {
  position: absolute !important; top: 350px !important; z-index: 1 !important;
  border: 0;
  background: none;
  color: #FFF; font-size: 24px; 
  cursor: pointer;
}

#hero-home .slider-prev {
  top: 45% !important; left: 3%;
}

#hero-home .slider-next {
  top: 45% !important; right: 3%;
}

					@media only screen and (max-width : 768px) {
						#hero-home .slider-arrow {
						  display: none !important;
						}
					}

/* -----[ Jump Link ]----- */

a.hero-jump {
	position: absolute; z-index: 100;
	right: 0; bottom: 0; left: 0;
	width: 100%; min-height: 30px; margin: 0 auto; padding: 10px 0;
}

a.hero-jump .fas { 
  color: #FFF; font-size: 24px; 
}

a.hero-jump .fas:hover { 
  color: #882776 !important; 
}

#hero:before,
#hero-jump:before { 
  display: block; visibility: hidden;
  height: 140px; margin-top: -140px;  
  content: " "; 
}

					@media only screen and (max-width : 990px) {
						a.hero-jump {
							display: none;
						}
						#hero:before,
						#hero-jump:before { 
							height: 0px; margin-top: auto;
						}

					}











/* ====================================================================
   Top
   ==================================================================== */

/* -------------------[  ]------------------- */

#top { 
	position: relative; 
  width: 94%; max-width: 990px; margin: 0 auto; padding: 80px 3%;
	text-align: center;
}

#top h3 {
  max-width: 740px; margin: 0 auto;
	color: #882776;
}

#top .columns .col { 
  position: relative;
  flex: 1 1 44%; margin: 30px 3% 0 3%;
	text-align: left;
}

#top .top-bot { 
  margin-top: 30px;
}

#top .top-bot .button { 
  margin-top: 20px;
}










/* ====================================================================
   Galleries
   ==================================================================== */

/* -----[ Layout ]----- */

#gallery,
#gallery .slick-slide,
#gallery #gallery-item {
  position: relative; 
  text-align: center; 
}

#gallery .slick-slide {
  font-size: 0; line-height: 0; letter-spacing: 0;
}

/* -----[ Images ]----- */

#gallery .slick-slide img {
  width: auto; max-height: 700px; margin: 0; padding: 0 2px; 
}

/* -----[ Arrows ]----- */

#gallery .gallery-arrow {
  position: absolute; top: 350px; z-index: 1;
  border: 0;
  background: none;
  color: #FFF; font-size: 26px; 
	cursor: pointer;
}

#gallery .gallery-prev {
  left: 5%;
}

#gallery .gallery-next {
  right: 5%;
}

/* -----[ Counter ]----- */

#gallery .slick-counter {
  position: relative; top: 140px; 
	width: 94%; max-width: 1240px; margin: 0 auto;
	color: #979797; font-family: 'Oswald'; font-size: 16px; line-height: 16px; letter-spacing: 0.05em; text-align: right;
}

/* -----[ Credit ]----- */

#gallery .credit {
  position: relative; left: 0; bottom: 0; z-index: 900;
	width: 100%; margin: 5px 0 0 0; min-height: 20px; 
	color: #a5a5a5; font-family: 'Oswald'; font-size: 12px; line-height: 15px; font-weight: 300; letter-spacing: 0.03em; text-align: center; 
}

#gallery .credit a { 
  color: #a5a5a5; 
}

#gallery .credit a:hover { 
  color: #882776 !important; 
}

/* -----[ Meta ]----- */

#gallery-meta {
  position: relative; vertical-align: top; 
	width: 94%; max-width: 1240px; margin: 50px auto 200px auto; padding: 0 3%;
  font-family: brandon-grotesque, sans-serif; font-size: 17px; line-height: 28px; font-weight: 400; letter-spacing: 0.03em; text-align: center; 
}

#gallery-meta h1 {
  margin-bottom: 35px;
  font-family: 'Playfair Display'; font-size: 24px; line-height: 34px; font-weight: 400; letter-spacing: 0.03em; text-transform: inherit;
}

#gallery-meta .desc {
	width: 70%; max-width: 750px; margin: 0 auto 30px auto; padding: 0 15%;
}

/* -----[ Back ]----- */

#gallery-meta .gallery-back {
  position: absolute; top: 75px; left: 3%; float: left;
	font-family: 'Oswald'; font-size: 16px; line-height: 16px; text-align: left;
}

#gallery-meta .gallery-back a { 
  color: #000; 
}

#gallery-meta .gallery-back a:hover { 
  color: #882776 !important; 
}

/* -----[  ]----- */

					@media only screen and (max-width : 1050px) {
						#gallery .slick-slide img {
							max-height: 500px; 
						}
						#gallery .slick-prev,
						#gallery .slick-next {
							top: 225px;
						}
					}

					@media only screen and (max-width : 650px) {
						#gallery-wrap {
							display: flex; flex-direction: column;
						}
						#gallery {
							order: 2;
						}
						#gallery .credit {
							margin: 10px 0; 
						}
						#gallery-meta {
							order: 1;
							margin: 30px 0;
						}
						#gallery-meta .gallery-back {
							display: none;
						}
						#gallery .slick-slide  {
							clear: both; float: none; display: block !important;
						}
						#gallery .slick-track,
						#gallery .slick-list {
							width: 100% !important; max-width: 100%; margin: 0 !important; padding: 0 !important;
							transform: none !important;
						}
						#gallery .slick-slide img {
							width: 100%; height: auto; max-height: inherit; margin: 0 0 4px 0; padding: 0; 
						}
						#gallery .slick-counter {
							display: none; 
						}
					}










/* ====================================================================
   Menus
   ==================================================================== */

/* -----[ Layout ]----- */

h4.menu-title {
  display: block;
	margin: 40px 0;
}

#whim-menu {
	position: relative; overflow: inherit;
	width: 100%; max-width: 990px; margin: 0 auto; padding: 0 0 80px 0;
}

/* -----[ Tabs ]----- */

#whim-menu .r-tabs {
  position: relative;
	text-align: center;
}
 
#whim-menu .r-tabs .r-tabs-nav .r-tabs-tab {
  position: relative; display: inline-block;
	border-bottom: 1px solid #000;
  margin: 0;
  list-style: none;
}

#whim-menu .r-tabs .r-tabs-nav .r-tabs-anchor {
  display: inline-block;
  padding: 16px 26px;
  color: #000; font-size: 16px; line-height: 16px; font-weight: 700; text-decoration: none; 
}
 
#whim-menu .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
	color: #882776; 
}

/* -----[ Content ]----- */

#whim-menu .r-tabs .r-tabs-panel {
  display: none;
  background-color: #FFF;
  border-bottom: 1px solid #FFF;
}

#whim-menu .r-tabs .r-tabs-panel .columns {
	width: 90%; padding: 50px 5%;
	text-align: left;
}

#whim-menu .r-tabs .r-tabs-panel .columns .col:nth-child(1) {
  flex: 1 1 50%; padding: 0 0 30px 0; 
}

#whim-menu .r-tabs .r-tabs-panel .columns .col:nth-child(2) {
  flex: 1 1 40%; padding: 0 0 0 10%;
}

#whim-menu .r-tabs .r-tabs-panel .columns .col ul,
#whim-menu .r-tabs .r-tabs-panel .columns .col ol { 
	margin: 0; padding: 0;
}

#whim-menu .r-tabs .r-tabs-panel .columns .col ul li,
#whim-menu .r-tabs .r-tabs-panel .columns .col ol li { 
	margin: 0 0 0 20px; padding: 0 0 3px 15px;
	list-style-position: outside; 
}

#whim-menu .r-tabs .r-tabs-panel .columns .col ul li {
	list-style: disc;
}

#whim-menu .r-tabs .r-tabs-panel .columns .col ol li { 
	list-style-type: decimal; 
}

#whim-menu .r-tabs .r-tabs-panel .columns .col h4:after { 
	margin: 10px 0 20px 0;
}

#whim-menu .r-tabs .r-tabs-panel .columns .col p { 
	margin: 0 0 5px 0;
}

/* -----[ Responsive Stacked Tabs ]----- */

#whim-menu .r-tabs .r-tabs-accordion-title .r-tabs-anchor {
  display: block; 
  padding: 10px; 
	border-bottom: 1px solid #FFF;
  background-color: #c496bb;
  color: #FFF; font-weight: 700; text-decoration: none;
}

#whim-menu .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
  background-color: #882776;
  color: #FFF;
}
 
#whim-menu .r-tabs .r-tabs-nav {
  margin: 0; padding: 0;
}
 
#whim-menu .r-tabs .r-tabs-accordion-title {
  display: none;
}
 
#whim-menu .r-tabs .r-tabs-panel.r-tabs-state-active {
  display: block;
}

					@media only screen and (max-width : 860px) {
						#whim-menu .r-tabs .r-tabs-nav {
						  display: none;
						}
						#whim-menu .r-tabs .r-tabs-accordion-title {
							display: block;
						}
						#whim-menu .r-tabs-accordion-title  .r-tabs-anchor:after {
							float: right;
							font-family: "Font Awesome 5 Free"; font-size: 16px; font-weight: 700; content: "\f077";
						}
						#whim-menu .r-tabs-state-active .r-tabs-anchor:after {
							float: right;
							font-family: "Font Awesome 5 Free"; font-size: 16px; font-weight: 700; content: "\f078";
						}
						#whim-menu .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
							border-bottom: 1px solid;
						}
						#whim-menu .r-tabs .r-tabs-panel.r-tabs-state-active {
						  display: block;
						  opacity: 0.9;
						}
						#whim-menu .r-tabs .r-tabs-panel .columns {
							padding: 20px 0;
						}
						#whim-menu .r-tabs .r-tabs-panel .columns .col:nth-child(1),
						#whim-menu .r-tabs .r-tabs-panel .columns .col:nth-child(2) {
							width: 90%; max-width: 600px; margin: 0 auto 15px auto; padding: 0 5%;
						}
					}













/* ====================================================================
   Footer
   ==================================================================== */

/* -------------------[  ]------------------- */

#footer .main { 
	position: relative; 
  width: 94%; max-width: 1240px; margin: 40px auto 5px auto; padding: 0 3%;
}

#footer .main .columns .col { 
  position: relative;
}

#footer .main .columns .col:nth-child(1) { 
  flex: 1 1 30%; 
	margin-top: -20px;
	text-align: left;
}

#footer .main .columns .col:nth-child(2) { 
  flex: 1 1 40%; 
	text-align: center;
}

#footer .main .columns .col:nth-child(3) { 
  flex: 1 1 30%; 
  text-align: right;
}

#footer .main .columns .col:nth-child(1) img { 
  width: 200px; max-width: 100%; height: auto;
}

#footer .main .columns .col:nth-child(3) .fab { 
	color: #000; font-size: 20px; line-height: 20px; margin: 0 0 0 20px;
}

#footer .main .columns .col:nth-child(3) .fab:hover { 
	color: #882776; 
}

#footer .main .columns .col a {
	color: #000;
}

#footer .main .columns .col a:hover {
	color: #882776; 
}

#footer hr { 
  clear: both; 
  width: 100%; max-width: 1240px; height: 0px; margin: 0 auto; padding: 0 0 1px 0; 
  border: none;
  background-color: #882776; 
}

					@media only screen and (max-width : 860px) {
						#footer .main .columns .col { 
							text-align: center !important;
						}
						#footer .main .columns .col:nth-child(2) span { 
							clear: both; display: block; 
							height: 0px; 
							font-size: 0;
						}
						#footer .main .columns .col:nth-child(3) .fab { 
							margin: 15px;
						}
					}

/* -------------------[  ]------------------- */

#footer .contact { 
	position: relative; 
  width: 94%; max-width: 1240px; margin: 40px auto; padding: 0 3%;
  font-size: 15px; line-height: 26px; 
}

#footer .contact .columns .col { 
  position: relative;
	text-align: left;
}

#footer .contact .columns .col a {
	color: #000;
}

#footer .contact .columns .col a:hover {
	color: #882776; 
}

#footer .contact .columns .col:nth-child(1) { 
  flex: 1 1 35%; 
}

#footer .contact .columns .col:nth-child(2) { 
  flex: 1 1 45%; 
	margin: 0 2.4%;
}

#footer .contact .columns .col:nth-child(3) { 
  flex: 1 1 15%; 
}

#footer .contact .location-title {
  margin: 0;
  font-weight: 700; text-transform: uppercase; 
}

					@media only screen and (max-width : 860px) {
						#footer .contact .columns .col { 
							width: 90%; padding: 0 5%;
							text-align: center;
						}
						#footer .contact .columns .col:nth-child(2) { 
							margin: 30px 0 0 0;
						}
					}

					@media only screen and (max-width : 900px) {
						#footer .contact .columns .col:nth-child(3) { 
							display: none;
						}
					}

/* -------------------[  ]------------------- */

.footergram { 
  clear: both; position: relative; overflow: hidden;
  width: 100%; margin: 0; padding: 0; 
}

.footergram ul,
.footergram ul li {
  position: relative; display: inline;
	white-space: nowrap;
}

.footergram img { 
  width: 100%; height: auto; 
}

.footergram ul li.footergram-cta { 
  display: inline-block; top: 20px; overflow: hidden;
  width: 20%; margin: 0; padding: 0;
}

.footergram ul li.footergram-cta div {
  position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; 
	color: #FFF; text-align: center;
}

.footergram ul li.footergram-cta div .script {
  display: block; 
	margin-bottom: 5px; 
}

					@media only screen and (min-width : 1500px) {
						.footergram ul li.footergram-cta div .script { 
							padding-top: 25%;
							font-size: 53px; line-height: 53px; 
						}
					}

					@media only screen and (max-width : 1500px) and (min-width : 1050px) {
						.footergram ul li.footergram-cta div .script { 
							padding-top: 20%;
							font-size: 3.5vw; line-height: 3.5vw; 
						}
					}

.footergram ul li.footergram-cta div a {
  display: block; 
	margin-top: 20px; color: #FFF;
}

.footergram ul li.footergram-cta div a:hover {
	color: #000; 
}

					@media only screen and (max-width : 1050px) {
						.footergram ul li.footergram-cta { 
							display: none;
						}
					}

.footergram li.null-instagram-feed ul {
  left: -4px;
}

.footergram ul.instagram-pics li {
  display: inline-block; bottom: -10px;
  width: 20%; margin: 0; padding: 0;
}

					@media only screen and (max-width : 1050px) {
						.footergram li.null-instagram-feed ul {
							left: 0;
						}
						.footergram ul.instagram-pics li {
							width: 25%; 
						}
					}

/* -------------------[  ]------------------- */

#footer .bottom { 
	position: relative; 
	width: 100%; height: auto; min-height: 40px; margin: 0 auto; padding: 0;
	background-color: #ddd5cd; 
	color: #000; font-size: 13px; line-height: 40px; text-align: center;	
}

#footer .bottom a {
	color: #000;
}

#footer .bottom a:hover {
	color: #882776; 
}

					@media only screen and (max-width : 700px) {
						#footer .bottom { 
						  padding: 20px 0;
							line-height: 30px; 	
						}
						#footer .bottom span { 
							clear: both; display: block; 
							height: 0px; 
							font-size: 0;
						}
					}













/* ====================================================================
   Home
   ==================================================================== */

/* -------------------[ Welcome ]------------------- */

.home-welcome {
  clear: both; position: relative; display: block; 
	width: 88%; margin: 10% auto; 
	text-align: center;
}

.home-welcome .columns .col { 
  flex: 1 1 48%; 
}

.home-welcome .columns .col:nth-child(1) { 
  margin: 6% 4% 30px 0; 
}

.home-welcome img.welcome-crown {
  width: auto; max-height: 35px; 
}

.home-welcome h1 {
  margin: 2% 0 5% -5%;
  color: #cdaec7; text-transform: inherit; 
}

.home-welcome h1 span {
  position: relative; display: block; 
	width: 100%; margin-bottom: -25px;
	color: #000; letter-spacing: 0.03em; 
}

					@media only screen and (max-width : 900px) {
						.home-welcome h1 span {
							font-size: 55px;
						}
					}

.home-welcome .welcome-copy {
  text-align: left;
}

.home-welcome .welcome-sig {
  margin-top: -10px;
  text-align: right;
}

.home-welcome .welcome-sig img {
  width: auto; max-height: 50px; margin-right: 10%;
}

.home-welcome h4 {
  margin: 40px 10% 0 10%;
}

					@media only screen and (max-width : 1100px) {
						.home-welcome {
							width: 94%; 
						}
					}

					@media only screen and (max-width : 900px) {
						.home-welcome h1 {
							margin: 2% 0 5% 0;
						}
						.home-welcome h1 span {
							margin-bottom: -10px; 
						}
					}

/* -------------------[ CTAs ]------------------- */

.home-ctas {
  clear: both; position: relative; display: block; 
	width: 100%; margin: 15% auto; 
	text-align: center;
}

.home-ctas .columns .col { 
  position: relative;
	padding-bottom: 90px; 
	background-color: #fdf1fb;
  flex: 1 1 3.4%; 
}

.home-ctas .columns .col:nth-child(2) { 
  margin: 0 0.3%; 
}

.home-ctas .columns .col img {
	margin-bottom: 5%;
}

.home-ctas .columns .col h3,
.home-ctas .columns .col .cta-copy {
	width: 80%; margin-left: auto; margin-right: auto; 
}

.home-ctas .columns .col .cta-copy {
	text-align: left;
}

.home-ctas .columns .col h4 {
	position: absolute; bottom: 0; left: 0; right: 0;
}











/* ====================================================================
   Catering
   ==================================================================== */

/* -----[ Content 1 ]----- */

#catering-1 {
  position: relative; 
	width: 94%; max-width: 1100px; margin: 0 auto; padding: 0 3%;
	text-align: center;
}

#catering-1 .columns .col { 
  position: relative;
  flex: 1 1 46%; margin: 30px 2% !important;
	text-align: left;
}

#catering-1 .columns .col h4 { 
  display: inherit;
}

#catering-1 img {
  width: 100%; height: auto; margin-top: 4px;
}

					@media only screen and (max-width : 860px) {
						#florals .columns .col h4 { 
							padding-bottom: 40px;
						}
					}

/* -----[ Content 2 ]----- */

.catering-2 {
  clear: both; position: relative; display: block; overflow: hidden;
	width: 100%; margin: 80px auto 0 auto; 
	text-align: center;
}

.catering-2 img {
	width: auto; height: 700px;
}

.catering-2 .catering-2-wrap {
  position: absolute; top: 16%; left: 10%; z-index: 100; 
  width: auto; height: auto; max-width: 400px; margin: 0 auto; padding: 20px 40px;
	background-color: #FFF;
	text-align: center;
}

.catering-2 .catering-2-wrap img.catering-crown {
	width: 50px; height: auto; margin: 20px auto; 
}

.catering-2 .catering-2-wrap div {
	font-size: 17px; line-height: 28px; font-weight: 400; letter-spacing: 0em; text-align: left;
}

					@media only screen and (max-width : 990px) {
						.catering-2 {
							width: 100%; margin: 20px auto; 
							text-align: center;
						}
						.catering-2 img {
							width: 100%; height: auto; margin-top: 40px;
						}
						.catering-2 .catering-2-wrap {
							position: relative; top: 10%; left: 0; right: 0; 
							width: 90%; max-width: 80%; 
						}
						.catering-2 .catering-2-wrap div {
							text-align: center;
						}
					}


/* -----[ Content 3 ]----- */

#catering-3 {
  position: relative; 
	width: 94%; max-width: 1100px; margin: 100px auto; padding: 0 3%;
	text-align: center;
}

/* -------------------[ CTAs ]------------------- */

.catering-ctas {
  clear: both; position: relative; display: block; 
	width: 100%; margin: 20px auto; padding-bottom: 80px;
	text-align: center;
}
.catering-ctas h4 {
  margin-bottom: 40px;
}

.catering-ctas .columns .col { 
  position: relative;
	max-width: 450px; 
  flex: 1 1 32%; 
}

.catering-ctas .columns .col:nth-child(2) { 
  margin: 0 0.3%; 
}

.catering-ctas .columns .col img {
	width: 100%; height: auto;
}

.catering-ctas .catering-wrap {
  position: absolute; top: 42%; bottom: auto; left: 0; right: 0; z-index: 100; 
  width: auto; height: auto; max-width: 220px; margin: 0 auto; padding: 12px 15px;
	background-color: #FFF;
	font-family: 'Playfair Display'; font-size: 24px; line-height: 34px; font-weight: 400; letter-spacing: 0.03em;
}











/* ====================================================================
   Catering - Child Pages
   ==================================================================== */

/* -------------------[ Top ]------------------- */

#catering-top { 
	position: relative; 
  width: 92%; max-width: 700px; margin: 0 auto; padding: 80px 4%;
	text-align: center;
}

#catering-top h3 {
  max-width: 600px; margin: 0 auto; 
	color: #882776;
}

#catering-top .copy {
  margin: 30px auto;
	text-align: left;
}

/* -------------------[ CTAs ]------------------- */

#catering-ctas {
  position: relative; 
	width: 94%; max-width: 1050px; margin: 0 auto; padding: 0 3%;
	text-align: center;
}

#catering-ctas .columns .col { 
  position: relative;
  flex: 1 1 44%; margin: 40px 3%;
	text-align: left;
}

#catering-ctas .columns-tents-middle .col:nth-child(1) { order: 1; }
#catering-ctas .columns-tents-middle .col:nth-child(2) { order: 2; }

#catering-ctas .columns .col h3 { 
  padding-top: 15%;
}

#catering-ctas .columns .col h4 { 
  display: inherit;
}

#catering-ctas img {
  width: 100%; height: auto; margin-top: 4px;
}

					@media only screen and (max-width : 1050px) {
						#catering-ctas .columns .col h3 { 
							padding-top: 8%;
						}
					}

					@media only screen and (max-width : 860px) {
						#catering-ctas .columns-tents-middle { 
							display: flex !important;
  						flex-direction: column;
						}
						#catering-ctas .columns-tents-middle .col:nth-child(1) { order: 2; margin-top: 5px !important; }
						#catering-ctas .columns-tents-middle .col:nth-child(2) { order: 1; }
						#catering-ctas .columns .col h3 { 
							padding-top: 0;
						}
						#catering-ctas .columns .col h4 { 
							padding-bottom: 40px;
						}
					}

/* -------------------[ Bot ]------------------- */

#catering-bot { 
	position: relative; 
  width: 92%; max-width: 700px; margin: 0 auto; padding: 80px 4%;
	text-align: center;
}

#catering-bot .copy {
  margin: 30px auto;
	text-align: left;
}













/* ====================================================================
   Rentals & Tents
   ==================================================================== */

/* -------------------[ Landing ]------------------- */

.rt-ctas {
  clear: both; position: relative; display: block; 
	width: 100%; margin: 20px auto; padding-bottom: 80px;
	text-align: center;
}

.rt-ctas .columns .col { 
  position: relative;
	max-width: 616px; 
  flex: 1 1 34%; 
}

.rt-ctas .columns .col:nth-child(1) { 
  margin: 0 0.3% 0 0; 
}

.rt-ctas .columns .col img {
	width: 100%; height: auto;
}

.rt-ctas .rt-wrap {
  position: absolute; top: 42%; bottom: auto; left: 0; right: 0; z-index: 100; 
  width: auto; height: auto; max-width: 220px; margin: 0 auto; padding: 12px 15px;
	background-color: #FFF;
	font-family: 'Playfair Display'; font-size: 24px; line-height: 34px; font-weight: 400; letter-spacing: 0.03em;
}

/* -------------------[ Tents ]------------------- */

/* -----[ Quote ]----- */

#tents-quote {
	position: relative; overflow: hidden;
	width: 94%; height: 430px; margin: 40px auto; padding: 0 3%;
  background: url(images/rentals-tents/tents-quote-background.png) repeat center center #fff2e4; 
  font-family: 'Playfair Display'; font-size: 24px; line-height: 34px; font-weight: 400; letter-spacing: 0.03em; text-align: center;
}

#tents-quote .wrap {
  width: 100%; padding-top: 160px;
}

#tents-quote img { 
  position: relative; bottom: -25px;
  width: auto; height: 70px; 
}

/* -----[ CTAs ]----- */

#tents-story {
  position: relative; 
	width: 94%; max-width: 1050px; margin: 0 auto; padding: 80px 3%;
	text-align: center;
}

#tents-story .columns .col { 
  position: relative;
  flex: 1 1 44%; margin: 40px 3%;
	text-align: left;
}

#tents-story .columns-tents-middle .col:nth-child(1) { order: 1; }
#tents-story .columns-tents-middle .col:nth-child(2) { order: 2; }

#tents-story .columns .col h3 { 
  padding-top: 15%;
}

#tents-story .columns .col h4 { 
  display: inherit;
}

#tents-story img {
  width: 100%; height: auto; margin-top: 4px;
}

#tents-story .story-bot { 
  max-width: 800px; margin: 60px auto 0 auto;
}

#tents-story .story-bot a.button { 
  margin: 25px 0 0 0;
}

					@media only screen and (max-width : 1050px) {
						#tents-story .columns .col h3 { 
							padding-top: 8%;
						}
					}

					@media only screen and (max-width : 860px) {
						#tents-story .columns-tents-middle { 
							display: flex !important;
  						flex-direction: column;
						}
						#tents-story .columns-tents-middle .col:nth-child(1) { order: 2; margin-top: 5px !important; }
						#tents-story .columns-tents-middle .col:nth-child(2) { order: 1; }
						#tents-story .columns .col h3 { 
							padding-top: 0;
						}
						#tents-story .columns .col h4 { 
							padding-bottom: 40px;
						}
					}











/* ====================================================================
   Florals
   ==================================================================== */

/* -----[ CTAs ]----- */

#florals {
  position: relative; 
	width: 94%; max-width: 1050px; margin: 0 auto; padding: 40px 3%;
	text-align: center;
}

#florals .columns .col { 
  position: relative;
  flex: 1 1 44%; margin: 40px 3%;
	text-align: left;
}

#florals .florals-bottom .col:nth-child(1) { order: 1; }
#florals .florals-bottom .col:nth-child(2) { order: 2; }

#florals .florals-top .col:nth-child(2) h3 { padding-top: 5%; }
#florals .florals-bottom .col:nth-child(1) h3 { padding-top: 15%; }

#florals .columns .col h4 { 
  display: inherit;
}

#florals img {
  width: 100%; height: auto; margin-top: 4px;
}

					@media only screen and (max-width : 1050px) {
						#florals .columns .col h3 { 
							padding-top: 0 !important;
						}
					}

					@media only screen and (max-width : 860px) {
						#florals .florals-bottom { 
							display: flex !important;
  						flex-direction: column;
						}
						#florals .florals-bottom .col:nth-child(1) { order: 2; margin-top: 5px !important; }
						#florals .florals-bottom .col:nth-child(2) { order: 1; }
						#florals .columns .col h3 { 
							padding-top: 0;
						}
						#florals .columns .col h4 { 
							padding-bottom: 40px;
						}
					}











/* ====================================================================
   About
   ==================================================================== */

/* -------------------[ Story ]------------------- */

#story {
  position: relative; 
	width: 100%; margin: 0; padding: 30px 0;
	background-color: #fdf1fb;
	text-align: center;
}

#story .columns .col { 
  position: relative;
  flex: 1 1 44%; margin: 30px 3% 0 3%;
	text-align: left;
}

#story img {
  width: 100%; height: auto; margin-top: 4px;
}

#story .story-bot { 
  max-width: 800px; margin: 30px auto 0 auto;
}

#story .story-bot p { 
	text-align: left;
}

#story .story-bot h3 { 
  margin: 25px 0 0 0;
}

#story .story-bot h4 { 
  margin: 60px 0 0 0;
}

/* -----[ Testimonials ]----- */

#testimonials {
	clear: both; display: block; position: relative; 
	width: 94%; max-width: 800px; height: auto; margin: 0 auto; padding: 0 3%;
}

.testimonial-header {
  position: relative; z-index: 200;
	margin: 120px 0 40px 0;
	text-align: center;
}

.testimonial-header h3 {
  position: relative; z-index: 200;
}

.testimonial-header:before {
  position: absolute; top: 40px; left: 0; right: 0; z-index: 0;
  color: #fee3c4; font-family: 'Playfair Display'; font-size: 240px;
  content: "“";
}

#testimonials {
	text-align: center;
}

#testimonials .test-arrow {
  position: absolute; top: 48%; z-index: 1;
  border: 0;
  background: none;
  color: #cdcdcd; font-size: 28px; 
	cursor: pointer;
}

#testimonials .test-prev {
  left: -20px;
}

#testimonials .test-next {
  right: -20px;
}

/* -----[ Stand ]----- */

#stand {
	position: relative; 
	width: 80%; height: auto; margin: 80px auto; padding: 40px 10%;
}

#stand .left-text {
	position: absolute; top: 18%; left: -5px;
	height: 100%;
	color: #f79423; font-family: 'Oswald'; font-size: 100px; line-height: 100px; font-weight: 700; 
	writing-mode: vertical-rl;
	transform: rotate(-360deg);
}

#stand h4 { 
  margin: 0 0 20px 0;
}

#stand .columns .col { 
  position: relative;
  flex: 1 1 30%; margin: 50px 0;
	text-align: center;
}

#stand .columns .col:nth-child(2) { 
  padding: 0 5%;
}

#stand .stand-title { 
  margin-bottom: 20px; padding-top: 20px;
  background: url(images/about/crown-light.svg) no-repeat top center;
	background-size: auto 50px;
	color: #882776; font-family: 'Milano Sky', script; font-size: 60px; line-height: 50px; font-weight: 300; 
}

					@media only screen and (max-width : 600px) {
						#stand .left-text {
							top: 8%;
							font-size: 40px; line-height: 40px; 
						}

					}

/* -----[ Bottom ]----- */

#story-bottom {
	margin: 0 0 120px 0;
	text-align: center;
}

/* -------------------[ Team ]------------------- */

/* -----[ Founders ]----- */

#founders {
	position: relative; 
	width: 98%; height: 50%; margin: 80px 0; padding: 0 1%;
	background-color: #fef4ea;
}

#founders .columns .col { 
  position: relative;
  text-align: center;
}

#founders .columns .col:nth-child(1),
#founders .columns .col:nth-child(3) { 
  padding: 8% 0;
  flex: 1 1 23%; 
}

#founders .columns .col:nth-child(2) { 
  top: -80px;
  margin: 0 4%; 
  flex: 1 1 46%; 
}

#founders .columns .col:nth-child(2) img { 
  width: 100%; height: auto;
}

#founders .columns .col h3 { 
  margin: 20px 0;
}

#founders .columns .col h4 { 
  margin: 20px 0;
}

					@media only screen and (max-width : 1180px) {
						#founders {
							height: auto; margin: 0 0 40px 0; 
						}
						#founders .columns .col:nth-child(1),
						#founders .columns .col:nth-child(3) { 
							padding: 8% 0 0 0;
							flex: 1 1 26%; 
						}
						#founders .columns .col:nth-child(2) { 
							top: auto;
							margin-bottom: -8px; 
							flex: 1 1 40%; 
						}
					}

					@media only screen and (max-width : 980px) {
						#founders .columns .col:nth-child(1),
						#founders .columns .col:nth-child(3) { 
							padding: 20px 0 0 0;
						}
					}

					@media only screen and (max-width : 860px) {
						#founders .columns .col:nth-child(1) { 
							padding: 50px 0 0 0;
						}
						#founders .columns .col:nth-child(3) { 
							padding: 20px 0 40px 0;
						}
					}

/* -----[ Team ]----- */

#team {
	position: relative; 
	width: 100%; max-width: 1100px; height: auto; margin: 0 auto; padding: 80px 0;
	text-align: center;
}

#team .member {
	display: inline-block; vertical-align: top;
	width: 30%; max-width: 330px; padding: 20px 1.2%;
}

#team .member img {
	width: 100%; height: auto; margin-bottom: 15px;
}

#team .member h3 { 
  font-size: 20px; line-height: 24px; 
}

#team .member h5 {
  margin: 0 0 18px 0;
  font-size: 13px; font-weight: 400;
}

#team .member h4 {
  font-size: 14px;
}

					@media only screen and (max-width : 1050px) {
						#team {
							padding: 0 0 80px 0;
						}
						#team .member {
							width: 46%; 
						}
					}

					@media only screen and (max-width : 700px) {
						#team .member {
							width: 96%; 
						}
					}

/* -----[ Team - Single ]----- */

#team-single {
	position: relative; overflow: inherit;
	width: 94%; max-width: 950px; height: auto; min-height: 800px; margin: 60px auto; 
}

#team-single .columns .col:nth-child(1) {
	flex: 1 1 45%; 
	padding: 5px 5% 0 0;
	text-align: center;
}

#team-single .columns .col:nth-child(2) {
	flex: 1 1 50%; 
}

#team-single .columns .col:nth-child(1) h4 {
  margin-top: 50px;
}

					@media only screen and (max-width : 860px) {
						#team-single {
							margin: 0 auto; 
						}

						#team-single .columns .col:nth-child(2) {
							max-width: 380px;
						}
					}

/* -------------------[ Giving ]------------------- */

/* -----[ Quote ]----- */

#quote {
	position: relative; overflow: hidden;
	width: 94%; height: 430px; margin: 0 auto; padding: 0 3%;
  background: url(images/about/giving-quote-background.png) repeat center center #c496bb; 
	text-align: center;
}

#quote .wrap {
  max-width: 700px;
}

#quote h3 { 
  padding-top: 20%;
  color: #FFF; font-style: italic;
}

#quote h4 { 
  padding-top: 20px;
  color: #FFF; 
}

					@media only screen and (max-width : 850px) {
						#quote {
							height: auto; padding: 70px 3%;
						}
						#quote h3 { 
							padding-top: 0;
						}
					}

/* -----[ Bottom ]----- */

#giving {
	position: relative; 
	width: 94%; max-width: 640px; height: auto; margin: 0 auto; padding: 80px 3%;
}

/* -------------------[ Press ]------------------- */

/* -----[ Press Items ]----- */

#press {
	position: relative; 
	width: 100%; margin: 0 auto; padding: 60px 0;
	text-align: center;
}

#press .press-item {
  position: relative; display: inline-block; vertical-align: top;
	width: 30%; min-width: 300px; margin: 0 1.4% 40px 1.6%; padding: 0;
	background-color: #f6f2ec;
	line-height: 24px; 
}

#press .press-item img {
  width: 100%; height: auto;
}

#press .press-item div {
  position: relative; 
	width: 90%; min-height: 235px; margin: 0; padding: 10px 5%;
	background-color: #f6f2ec;
}

#press .press-item div h2 {
	margin: 0 0 20px 0;
	font-family: 'Playfair Display'; font-size: 17px; line-height: 22px; font-weight: 400; 
}

#press .press-item div h3 {
	margin: 0 0 20px 0;
	font-family: 'Playfair Display'; font-size: 18px; line-height: 28px; font-weight: 700;
}

#press .press-item div a {
  position: absolute; display: block; bottom: 20px; left: 0; right: 0;
	margin: 20px 0 0 0;
	font-weight: 700;
}

#press .press-item div a {
	color: #000; font-size: 14px; 
}

#press .press-item div a:hover {
	color: #882776; 
}

					@media only screen and (max-width : 700px) {
						#press .press-item div {
							width: 90%; min-height: inherit; 
						}
						#press .press-item div a {
							position: relative; bottom: auto; 
							margin: 20px 0 10px 0;
						}
					}

					@media only screen and (max-width : 360px) {
						#press .press-item {
							min-width: 240px; 
						}
					}

/* -----[ Badges ]----- */

#badges {
	position: relative; 
	width: 100%; max-width: 1050px; height: auto; margin: 0 auto; padding: 80px 0;
	text-align: center;
}

#badges .badge {
  position: relative; display: inline-block; vertical-align: top;
	width: 180px; padding: 0;
	text-align: center;
}

#badges .badge img {
  max-width: 200px; height: auto;
}

#badges .badge a {
	color: #000; font-size: 15px; line-height: 18px;
}

#badges .badge a:hover {
	color: #882776; 
}

#badges .badge-arrow {
  position: absolute; top: 48%; z-index: 1;
  border: 0;
  background: none;
  color: #cdcdcd; font-size: 28px; 
	cursor: pointer;
}

#badges .badge-prev {
  left: -20px;
}

#badges .badge-next {
  right: -20px;
}

					@media only screen and (max-width : 1140px) {
						#badges {
							max-width: 800px; 
						}
					}

					@media only screen and (max-width : 900px) {
						#badges {
							max-width: 500px; 
						}
					}

					@media only screen and (max-width : 600px) {
						#badges {
							max-width: 280px; 
						}
					}

/* -------------------[ Careers ]------------------- */

#careers {
	position: relative; 
	width: 94%; max-width: 500px; height: auto; margin: 0 auto; padding: 0 3%;
}

#careers #resumator-jobs {
  font-family: brandon-grotesque; font-size: 17px; line-height: 28px; font-weight: 700; 
}

#careers .resumator-job {
  padding: 4px 0 12px 0;
  border-top: 1px solid #882776;
}

#careers .resumator-job-title {
  padding: 0;
  border-top: none;
  font-family: brandon-grotesque; font-size: 20px; line-height: 24px; font-weight: 700; 
}

#careers .resumator-job-info {
  font-family: brandon-grotesque; font-size: 16px; line-height: 22px; 
}

#careers a.resumator-job-link {
  color: #000; font-family: brandon-grotesque; font-size: 14px; line-height: 22px; font-weight: 700; text-transform: uppercase;
}

#careers a.resumator-hide-details {
  margin: 30px 0 10px 0;
}

#careers .resumator-job-info-details {
  margin: 20px 0 0 0;
}

#careers .resumator-buttons input,
#careers .resumator-buttons a { 
  clear: both; display: inline-block;
  width: auto; margin: 0 !important; padding: 7px 14px; 
  border: 1px solid #000 !important; 
  background: rgb(255, 255, 255) !important; background: rgba(255, 255, 255, 0.2) !important; 
	color: #000 !important; font-family: brandon-grotesque !important; font-size: 14px !important; line-height: 15px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: 0.03em !important; text-align: center; 
	cursor: pointer;
}

#careers .resumator-buttons input:hover,
#careers .resumator-buttons a:hover { 
	background-color: #000 !important; 
	color: #FFF !important; 
}












/* ====================================================================
   Blog
   ==================================================================== */

/* -------------------[ Layout ]------------------- */

#blog {
	position: relative; overflow: inherit;
	width: 94%; max-width: 1240px; height: auto; min-height: 300px; margin: 50px auto; padding: 0 3%;
}

#blog .columns .col:nth-child(1) { 
  flex: 1 1 65%; 
	max-width: 800px; margin: 0 10% 0 0;
}

#blog .columns .col:nth-child(2) { 
  flex: 1 1 25%; 
	max-width: 300px; 
}

#blog .posttop a,
#blog .postbottom a,
#blog .pagination a,
#side a { 
  color: #000; 
}

#blog .posttop a:hover,
#blog .postbottom a:hover,
#blog .pagination a:hover,
#side a:hover { 
  color: #882776; 
}

/* -------------------[ Main ]------------------- */

/* -----[ Title ]----- */

#blog h1.blog-main {
  position: relative; display: inline-block; 
	width: 100%; margin: 0 0 60px 0;
  color: #cdaec7; font-size: 32px; line-height: 32px; font-weight: 700; letter-spacing: 0.05em; text-transform: inherit; text-align: center;
}

/*#blog h1.blog-main:after {
  clear: both; display: block;
  width: 60px; height: 2px; margin: 12px auto;
  background-color: #cdaec7;
  content: "";
}*/

#blog h1.blog-main span.script {
  display: block;
	margin-bottom: 20px;
	color: #000; font-family: 'Milano Sky', script; font-size: 60px; font-weight: 300; letter-spacing: 0.05em; 
}

/* -----[ Pagination ]----- */

.pagination { 
  clear: both; display: block;
  width: 100%; height: 20px; margin: 80px 0; padding: 0;
  color: #000; font-size: 22px; line-height: 24px; font-weight: 400; letter-spacing: 0.1em;
}

.pagination .right {
  text-align: right;
}

/* -------------------[ Post ]------------------- */

/* -----[ Top ]----- */

.posttop { 
  clear: both; 
  width: 100%; min-height: 90px; margin: 0 0 30px 0; 
	text-align: center;
}

#post .posttop h1,
#post .posttop h2 { 
  margin: 0 0 4px 0; padding: 0; 
}


#blog .posttop h1,
#blog .posttop h2 {
  position: relative; display: inline-block; 
	width: 100%; margin: 0;
  color: #000; font-family: 'Playfair Display'; font-size: 24px; line-height: 34px; font-weight: 400; letter-spacing: 0.03em; 
}

#blog .posttop h1:after,
#blog .posttop h2:after {
  clear: both; display: block;
  width: 60px; height: 2px; margin: 12px auto;
  background-color: #882776;
  content: "";
}

#blog .posttop .meta {
  font-size: 13px; text-transform: uppercase;
}

/* -----[ Content ]----- */

#post img,
#post div img,
#post p img { 
  max-width: 100%; height: auto; 
}

#post img.alignleft, #post .alignleft, #post .wp-caption.alignleft,
#post img.alignright, #post .alignright, #post .wp-caption.alignright,
#post img.aligncenter, #post .aligncenter, #post .wp-caption.aligncenter,
#post img.alignnone, #post .alignnone,
#post img { 
  margin-bottom: 0px; 
}

#post .fluid-width-video-wrapper {
  margin: 25px 0;
}

/* -----[ Bottom ]----- */

#post .postbottom {
  clear: both; position: relative; display: block;
  width: 100%; margin: 40px 0 120px 0; 
  color: #000; font-family: brandon-grotesque; font-size: 14px; line-height: 18px; font-weight: 400; text-transform: uppercase; text-align: center;
}

#post .postbottom .fab {
  font-size: 16px; 
}

#post .postbottom a { 
  margin: 0 15px;
}

					@media only screen and (max-width : 400px) {
						#post .postbottom a { 
							clear: both; display: block;
							margin: 15px auto;
						}
					}

/* -------------------[ Side ]------------------- */

#side {
  margin: 120px 0 0 0;
  text-align: center; 
}

#side ul { 
  margin: 0; padding: 0; 
}

#side ul li { 
  list-style: none; 
  margin: 0 0 4px 0; padding: 0; 
  font-family: brandon-grotesque; font-size: 15px; line-height: 18px;  
}

#side ul li.widget_text,
#side ul li.widget_media_image,
#side ul li.widget_search,
#side ul li.widget_categories,
#side ul li.widget_archives { 
  margin: 0 0 30px 0; 
}

#side img { 
  width: 100%; height: auto;
}

/* -----[ Social ]----- */

#side .social {
  margin: 60px 0 80px 0;
}

#side .social a {
  margin: 0 12px;
	font-size: 18px; 
}

/* -----[ Categories ]----- */

#side h2 {
  margin: 0 0 12px 0; 
  color: #000; font-family: brandon-grotesque; font-size: 15px; line-height: 16px; font-weight: 700; text-transform: uppercase; text-align: center;
}

#side ul li.widget_categories ul li {
  margin-bottom: 12px;
}

/* -----[ Search ]----- */

.side-search { 
  display: block; 
  margin: 0 0 80px 0; 
}

.side-search input { 
	width: 180px; height: 42px;
	padding: 8px 14px;
	border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #a5a5a5; 
	border-radius: 0;
	box-shadow: none;
}

.side-search .fas { 
  width: 40px;
  border: none;
  background-color: #FFF;
}

/* -----[ Search Results ]----- */

#blog h1.blog-search {
  position: relative; display: inline-block; 
	width: 100%; margin: 0 0 60px 0;
  color: #000; font-size: 25px; line-height: 25px; font-weight: 400; letter-spacing: 0.1em; text-align: center;
}

#blog h1.blog-search:after {
  clear: both; display: block;
  width: 60px; height: 2px; margin: 12px auto;
  background-color: #882776;
  content: "";
}

#blog .nothing {
  text-align: center;
}

/* -------------------[ Archive ]------------------- */

#blog h1.blog-archive {
  position: relative; display: inline-block; 
	width: 100%; margin: 33px 0 60px 0;
  color: #000; font-size: 25px; line-height: 25px; font-weight: 400; letter-spacing: 0.1em; text-align: center;
}

#blog h1.blog-archive:after {
  clear: both; display: block;
  width: 60px; height: 2px; margin: 12px auto;
  background-color: #882776;
  content: "";
}










/* ====================================================================
   Contact
   ==================================================================== */

/* -------------------[ Top ]------------------- */

#contact-top { 
	position: relative; 
  width: 92%; max-width: 700px; margin: 0 auto; padding: 80px 4%;
	text-align: center;
}

#contact-top h3 {
  max-width: 600px; margin: 0 auto; 
	color: #882776;
}

#contact-top .copy {
  margin: 20px auto;
	text-align: left;
}

					@media only screen and (max-width : 860px) {
						#contact-top { 
							padding: 40px 4%;
						}
					}

/* -------------------[ Layout ]------------------- */

#contact {
	position: relative; overflow: inherit;
	width: 90%; max-width: 990px; height: auto; min-height: 300px; margin: 0 auto; padding: 0 5%;
}

#contact .columns .col:nth-child(1) { 
  flex: 1 1 35%; margin: 0 5% 0 0;
	order: 1;
}

#contact .columns .col:nth-child(2) { 
  flex: 1 1 60%; margin: 0;  
	order: 2;
}

					@media only screen and (max-width : 860px) {
						#contact .columns { 
							display: flex;
							flex-direction: row;
						}
						#contact .columns .col { 
							max-width: 700px !important;
						}
						#contact .columns .col:nth-child(1) { 
							margin: 0 auto 80px auto !important;
							order: 2;
						}
						#contact .columns .col:nth-child(2) { 
							order: 1;
						}
					}

/* -------------------[ Form ]------------------- */

#contact .caldera-grid .row {
  margin-bottom: 40px;
}

#contact .caldera-grid .form-control {
	height: 42px;
	padding: 8px 14px;
	border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #a5a5a5; 
	border-radius: 0;
	box-shadow: none;
}

#contact input::placeholder,
#contact .caldera-grid .form-control, .caldera-grid output {
  color: #000 !important; font-size: 15px; line-height: 16px; letter-spacing: 0.03em; text-transform: uppercase;
}

#contact .caldera-grid .btn-default,
#contact .caldera-grid .btn {
	float: right; 
	padding: 8px 14px;
  border: 1px solid #b59a7b !important; 
	background-color: #b59a7b !important; 
	color: #FFF; font-size: 15px; line-height: 16px; letter-spacing: 0.07em; text-transform: uppercase;
	border-radius: 0;
}

#contact .caldera-grid .btn:hover {
  border: 1px solid #b59a7b; 
  background: rgb(255, 255, 255) !important; background: rgba(255, 255, 255, 0.2) !important; 
	color: #000; 
}

					@media only screen and (max-width : 480px) {
						#contact input::placeholder,
						#contact .caldera-grid .form-control, .caldera-grid output {
							font-size: 13px; line-height: 13px; letter-spacing: 0; 
						}
					}













/* ====================================================================
   404
   ==================================================================== */

#error {
	position: relative; 
	width: 100%; height: 440px; margin: 170px 0 250px 0; padding: 0;
	background-color: #f2eded;
  font-family: 'Playfair Display'; font-size: 24px; line-height: 34px; font-weight: 400; letter-spacing: 0.03em; 
}

#error .columns { 
  width: 100%; max-width: 1100px; margin: 0 auto;
}

#error .columns .col { 
  position: relative;
}

#error .columns .col:nth-child(1) { 
  flex: 1 1 40%; 
  top: -80px;
  padding-right: 8%;
}

#error .columns .col:nth-child(2) { 
  flex: 1 1 50%; 
	padding: 80px 0 0 0;
}

#error img { 
  width: 460px; height: auto;
}

#error h3 { 
  margin: 0 0 10px 0;
  font-family: 'Oswald'; font-size: 16px; line-height: 20px; font-weight: 400; letter-spacing: 0.03em; text-transform: uppercase;
}

#error h1 { 
  margin: 0 0 30px 0;
	color: #882776; 
}

					@media only screen and (max-width : 1120px) {
						#error {
							height: 440px; margin: 120px 0 180px 0; 
						}
						#error .columns .col:nth-child(1) { 
							top: -40px;
  						padding-right: 3%;
						}
						#error .columns .col:nth-child(2) { 
							flex: 1 1 45%; 
						}
						#error img { 
							width: auto; height: 530px;
						}
					}

					@media only screen and (max-width : 860px) {
						#error {
							width: 100%; height: auto; margin: 20px 0 60px 0; padding: 0 0 40px 0;
							background-color: #f2eded;
							font-size: 18px; line-height: 28px; text-align: center;
						}
						#error .columns .col:nth-child(1) { 
							top: 0;
							padding-right: 0;
						}
						#error .columns .col:nth-child(2) { 
							padding: 20px 0;
						}
						#error img { 
							width: 100%; max-width: 400px; height: auto;
						}
					}











/* ====================================================================
   Global
   ==================================================================== */

#global {
	position: relative; overflow: inherit;
	width: 94%; max-width: 1240px; height: auto; min-height: 300px; margin: 50px auto; padding: 0 3%;
}

#global h1 { 
  font-family: 'Oswald'; font-size: 40px; line-height: 40px; letter-spacing: 0.03em; text-transform: uppercase;
}