/*
Theme Name: Diverse Reptiles
Author: The Curio Collective
Author URI: http://thecurio.co
Version: Basic Website 1.0
*/

/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{font-weight:normal;text-align:left;}h1,h2,h3,h4,h5,h6{clear:both;}html{overflow-y:scroll;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:focus{outline:thin dotted;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;}del{color:#333;}ins{background:#fff9c0;text-decoration:none;}hr{background-color:#cdc7c2;border:0;height:1px;margin:40px 0px;width:40px;opacity:1;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}small{font-size:smaller;}img{border:0;-ms-interpolation-mode:bicubic;}:focus{outline:0px;}


/* Color Palette (Use Find & Replace When Changing to Custom) */

	/* 01: #313636 – Black (Dark Background) */

	/* 02: #96764e – Brown */

	/* 03: #888d80 – Olive */

	/* 05: #d7d6d1 – Light Gray */

	/* 06: #ede8e4 – Off White (Light Background) */

/* Coming Soon Page */

	#coming-soon #header,
	#coming-soon #footer,
	#coming-soon #hello-bar{
	display: none;
	}

/* General Styles */

	body{
	overflow-x:hidden;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-family: dovetail-mvb, serif;
	font-size:20px;
	letter-spacing:0.25px;
	line-height:1.35;
	font-weight: 400;
	color:#313636;
	}

	a{
	text-decoration:none;
	color:#96764e;
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	}

	a:hover{
	color:#313636;
	}

	/* Add subscribe button styling below as needed */

	.button, .text-link, .post-nav{
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	text-transform: uppercase;
	letter-spacing:2px;
	cursor: pointer;
	font-size:17px !important;
	line-height: 1;
	text-decoration: none !important;
	font-family: ff-good-web-pro-extended, sans-serif;
	}

	.button, .post-nav a{
	display:inline-block;
	padding:20px 30px;
	width:auto;
	text-align:center;
	font-weight: 900;
	color:#313636;
	background:transparent;
	margin-top: 20px;
	border:solid 5px #a9ccca;
	border-radius:7px;
	}

	.button:hover, .post-nav a:hover{
	background:#a9ccca;
	color: #313636;
	}

	.text-link{
	color:#898d80;
	display: inline-block;
	border-bottom:solid 5px #a9ccca;
	padding-bottom:6px;
	font-weight: 900;
	position: relative;
	}

	.text-link:hover{
	color:#313636;
	border-bottom:solid 5px #313636;
	}

	.subscribe .button{
	height: 56px;
	}

/* Typography */

	h1 a, h2 a, h3 a, h4 a, h5 a, em a, strong a{
	font-size: inherit;
	color:inherit;
	text-transform: inherit;
	}

	.site-content p a{
	font-size: inherit;
	text-decoration: underline;
	text-decoration-thickness: from-font;
	}

	h1, h2, h3{
	font-family: ff-good-web-pro, sans-serif;
	font-weight:800;
	margin-bottom: 40px;
	line-height: 1;
	color: #313636;
	}

	h4, h5, h6{
	margin-bottom: 30px;
	font-family: ff-good-web-pro-extended, sans-serif;
	font-weight: 600;
	}

	h1{
	font-size:60px;
	}

	h2{
	font-size:50px;
	}

	h3{
	font-size: 40px;
	}

	h4{
	font-size: 30px;
	color: #313636;
	}

	h5, label{
	font-size: 18px;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight:600;
	color:#888d85;
	}

	h6{
	font-size: 18px;	
	}

	p{
	margin-bottom: 30px;
	}

	p:last-child{
	margin-bottom:0px;
	}

	em{
	font-style: italic;
	}

	strong{
	font-weight: 600;
	color: #313636;
	}

	.social i{
	margin: 0px 18px 0px 0px;
	}

	.site-content ul, .site-content ol{
	text-align: left;
	margin-bottom: 30px;
	margin-left: 20px;
	}

	.site-content ul li{
	list-style: disc;
	margin-bottom: 20px;
	}

	.site-content ol li{
	list-style:decimal;
	margin-bottom: 20px;
	}

/* Layouts */

	.flex{
	display:flex;
	justify-content:space-between;
	}

	.cont-lg{
	max-width:1200px; 
	padding:0px 60px;
	margin:0 auto;
	position: relative; 
	}

	.cont{
	max-width:910px; 
	padding:0px 60px; 
	margin:0 auto;
	position: relative;
	}

	.cont-sm{
	max-width:680px; 
	padding:0px 60px; 
	margin:0 auto;
	position: relative;
	}

	.padding{
	padding-top:140px;
	padding-bottom:140px;
	}

	.padding-sm{
	padding-top:115px;
	padding-bottom:115px;
	}

	.padding-top{
	padding-top:140px;
	}

	.padding-bottom{
	padding-bottom:140px;
	}

	.padding-all{
	padding: 115px;
	}

	.center{
	text-align: center;
	}

	.half{
	width: 50%;
	padding: 140px 115px;
	}

	div{
	background-position: center;
	background-size: cover;
	}


/* Form Fields + Edits */

	input, textarea, select{
	box-sizing: border-box;
	padding:25px 20px !important; 
	border-radius: 0px;
	border:none;
	margin-bottom:15px;
	-webkit-appearance:none;
	appearance: none;
	border-radius:4px !important;
	outline: 0px !important;
	background:#ede8e4 !important;
	border: solid 5px #ede8e4 !important;
	font: inherit;
	font-size: 18px !important;
	color: #313636 !important;
	box-shadow:none !important;
	text-align: left !important;
	}

	select{
	background: url(./images/down-arrow.svg) no-repeat center right #ede8e4  !important;
	background-size: 34px  !important;
	}

	input:focus, textarea:focus, select:focus{
	border: solid 5px #888d85 !important;
	outline: 0px !important;
	box-sizing: border-box !important;
	}

	form{
	text-align: left;
	}

	label{
	font-size: 14px !important;
	color: #313636 !important;
	font-family: ff-good-web-pro-extended, sans-serif !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	}

	.gform_wrapper .gfield_required{
	font-style: normal !important;
	margin-left: 5px;
	letter-spacing: 1px;
	display: none !important;
	}

	.gform_button{
	padding: 15px 40px !important;
	margin: 20px auto 0px auto !important;
	line-height: 1px !important;
	min-height: 50px !important;
	color: #313636 !important;
	font-family: ff-good-web-pro-extended, sans-serif !important;
	font-weight: 900 !important;
	text-transform: uppercase !important;
	border:solid 5px #a9ccca !important;
	background:transparent !important;
	letter-spacing: 1px !important;
	}

	.gform_button:hover{
	background:#a9ccca !important;
	}

	.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer{
	margin: 0px !important;
	padding: 0px !important;
	}

	label.gform-field-label.gform-field-label--type-sub{
	text-align: left !important;
	}

	.gfield{
	margin-bottom:-25px !important;
	}

	#footer .subscribe form{
	position: relative;
	display: flex;
	}

	#footer .gform-footer.gform_footer.top_label{
	margin-top:0px;
	}


/* Hello Bar */

	#hello-bar{
	background-color:#97a46b;
	color:#ffffff;
	text-align: center;
	padding:15px 40px;
	font-size: 16px;
	line-height: 1;
	position: relative;
	transition:all 0.4s ease;
	-webkit-transition:all 0.4s ease;
	font-family: ff-good-web-pro-extended, sans-serif;
	font-weight: 600;
	}

	#hello-bar a{
	color:#ffffff;
	display: block;
	}

	a #hello-bar:hover{
	background: #313636;
	}
	
/* Header + Navigation */
	
	#header{
	padding:30px 115px;
	}

	#header-alt{
	padding:30px 0px;
	text-align: center;
	}

	#header .flex, #header-alt .flex{
	align-items:center;
	}

	#header .logo, #header-alt .logo{
	max-width: 225px;
	width: 225px;
	display: block;
	height: auto;
	}

	#header-alt div{
	width: 100%;
	}

	.desktop-nav li{
	display: inline-block;
	margin-left: 30px;
	}

	.desktop-nav li a{
	color: #313636;
	font-family: ff-good-web-pro, sans-serif;
	font-weight:800;
	}

	.desktop-nav li a:hover{
	color: #96764e;
	}

	.desktop-nav li.current-menu-item a{
	color: #96764e;
	}

	#header .button{
	border:0px;
	padding:0px;
	}

	#header .button a{
	padding: 15px 30px;
	font-size: 16px;
	margin-top: 0px;
	background: #888D80;
	border-radius: 4px;
	border:0px;
	}

	#header .button a{
	font-family: ff-good-web-pro-extended, sans-serif !important;
	font-weight: 900;
	}

	#header .button a:hover{
	background:#313636;
	}

	.desktop-nav li.button a{
	color: #fff;
	font-size: 16px;
	}

	ul#menu-header-menu{
	padding-bottom: 15px;
	}


/* Footer */
	
	#footer .copyright{
	margin-top: 30px;
	}

	#footer ul li{
	margin: 0px 0px 20px 0px;
	}

	#footer .social{
	margin-top: 40px;
	}

	#footer .subscribe .button{
	background: #313636 !important;
	color: #ffffff !important;
	margin-top:0px !important;
	border-color: #313636 !important;
	}

	#footer .subscribe .button:hover{
	background: #96764e !important;
	color: #ffffff !important;
	border-color: #96764e !important;
	}

	#footer .subscribe input{
	height: 60px;
	}

	#footer .subscribe input:focus{
	border-color: #ede8e4 !important;
	}

	#footer .ginput_container.ginput_container_email{
	width: 500px;
	max-width: 100%;
	}

	.copyright{
	font-size: 17px;
	color: #f1f2f2;
	}

	.copyright a{
	color:#8d945b;
	}

	.copyright a:hover{
	color:#fff;
	}

	.copyright .divide{
	margin: 0px 10px;
	}

	.footer-items .flex{
	justify-content: start;
	}

	.footer-items .left{
	margin-right: 100px;
	}

	.foot-logo{
	width: 100px;
	height: auto;
	}

	/* Footer Alt */

	.footers .social a{
	color: #898d80;
	font-size: 26px;
	}

	.footers .social a:hover{
	color: #ffffff;
	}

	#footer-alt .social{
	padding: 50px 0px;
	}

	#footer-alt ul li{
	display: inline-block;
	margin: 0px 10px;
	}

	.footers ul li a{
	color: #ffffff;
	font-family: ff-good-web-pro, sans-serif;
	font-weight:800;
	font-size: 24px;
	}

	.footers ul li a:hover{
	color: #898d80;
	}


/* Color Backgrounds */

	.dark{
	background: #313636;
	color: #ede8e4;
	}

	.dark p{
	color: #ede8e4;
	}

	.dark h1, .dark h2, .dark h3{
	color: #ffffff;
	}

	.dark .button, .brown .button{
	color: #ffffff;
	}

	.dark .button:hover, .brown .button:hover{
	background: #a9ccca;
	color: #313636;
	}

	.dark .text-link{
	color: #ede8e4;
	}

	.dark .text-link:hover{
	color: #888d80;
	}

	/**/

	.brown{
	background: #96764e;
	color: #ffffff;
	}

	.brown p{
	color: #ede8e4;
	}

	.brown h1, .brown h2, .brown h3{
	color: #ffffff;
	}

	/**/

	.olive{
	background: #888D80;
	color: #ffffff;
	}

	.olive a{
	color: #ffffff;
	}

	.olive a:hover{
	color: #313636;
	}

	.olive h1, .olive h2, .olive h3, .olive p{
	color: #ffffff;
	}

	.olive h5{
	color: #313636;
	}

	/**/

	.light{
	background: #ede8e4;
	color: #313636;
	}


/* Section Specific */
	
	.head-block .half{
	padding:180px 115px;
	}

	.featured-block{
	padding: 60px;
	}

	.three-block{
	padding: 55px;
	width: 100%;
	}

	.tb-photo, .tb-icon{
	margin-bottom: 40px;
	}

	.tb-photo{
	padding-bottom: 100%;
	}

	.subscribe input{
	width: 60%;
	}

	/* Grid Block / Blog Feed */

	.grid-block{
	padding: 115px;
	}

	.four-block{
	flex: 0 0 20%;
	display: flex;
	flex-direction: column;
	}

	.grid-block .flex{
	flex-wrap: wrap;
	}

	.grid-block h4{
	font-size: 24px;
	margin-bottom: 10px;
	}

	.grid-block .tb-photo{
	margin-bottom: 20px;
	border-radius:4px;
	}


	/* Blog Post + Page Edits */

	.fp-image{
	padding-bottom: 50%;
	margin-bottom: 60px;
	border-radius:4px;
	}

	.featured-post{
	padding-right:115px;
	width: 58%;
	}

	.featured-feed{
	width: 50%;
	}

	.featured-post h3, .featured-feed h3{
	margin-bottom: 20px;
	}

	.blog-feed h3{
	margin-bottom: 20px;
	font-size: 30px;
	}

	.fp-title-only{
	padding: 40px 50px;
	margin-bottom: 40px;
	border-radius:4px;
	}

	.fp-title-only:last-child{
	margin-bottom: 0px;
	}

	.singles, .page-temp, .blog-feed, .page-id-60 #page{
	border-top:solid 5px #ede8e4;
	}

	.singles img{
	max-width: 120%;
	height: auto;
	margin-bottom: 30px;
	margin-left: -10%;
	border-radius:4px;
	}

	.singles .post-title, .singles h5.cats{
	text-align: center;
	}

	h5.cats, h5.cats a:hover{
	color:#888d80;
	}

	h5.cats a{
	color: #96764e;
	}

	.category h1{
	margin-bottom: 0px;
	}

	.banner h5{
	margin-bottom: 0px;
	}

	.form p, .form h1, .form h2, .form h3{
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	}

/* Hidden until mobile */

	.mobile-menu-open, #mobile-nav{
	display: none;
	}

/* Custom */

	.blog-posts.padding-all{
	padding-top:60px;
	}

	.two-col{
	column-count:2;
	column-gap:50px;
	}


/* Responsive Styles */

@media (max-width:1500px){

	#header{
	padding: 30px 60px;
	}

	.head-block .half, .half{
	padding: 140px 85px;
	}

	.featured-block{
	padding: 40px;
	}

	.footers .half{
	padding: 85px;
	}

	.grid-block{
	padding: 85px;
	}


}

@media (max-width:1300px){

	#header, #header-alt{
	padding: 30px;
	}

	#header .logo, #header-alt .logo{
	max-width: 150px;
	}

	.desktop-nav li{
	margin-left: 25px;
	font-size: 18px;
	}

	.head-block .half, .half{
	padding: 85px;
	}

	h1, h2, h3{
	margin-bottom: 30px;
	}

	h1{
	font-size:50px;
	}

	h2{
	font-size:40px;
	}

	h3{
	font-size: 30px;
	}

	h4{
	font-size: 20px;
	color: #313636;
	}

	.three-block{
	padding: 35px;
	width: auto;
	}

	.padding{
	padding-top:115px;
	padding-bottom:115px;
	}

	.padding-sm{
	padding-top:85px;
	padding-bottom:85px;
	}

	.padding-top{
	padding-top:115px;
	}

	.padding-bottom{
	padding-bottom:115px;
	}

	.padding-all{
	padding: 85px;
	}

	.featured-post{
	padding-right: 85px;
	}

	#footer .flex{
	display: block;
	}

	#footer .subscribe, #footer .footer-items{
	width: auto;
	}

	#footer .footer-items .flex{
	display: flex;
	}


}

@media (max-width:1000px){

	#header{
	padding:20px;
	position: relative;
	}

	.logo{
	max-height: 60px;
	}
	
	/* Mobile Nav */

	.desktop-nav{
	display: none;
	}

	.mobile-menu-open{
	display: block;
	}

	#mobile-nav{
	position: absolute;
	width: 100%;
	background: #313636;
	z-index: 999999;
	border-bottom: solid 1px #eae8e4;
	height: 100vh;
	top:0px;
	position: fixed;
	text-align: center;
	}

	.mobile-nav{
	top: 50%;
	width: 100%;
	position: absolute;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	}

	.mobile-nav a{
	color:#fff;
	font-size: 24px;
	padding:10px 30px;
	display: block;
	}

	.mobile-nav .button{
	background: #313636;
	margin-top: 30px;
	padding: 10px 20px;
	}

	.mobile-nav .button a{
	font-size: 16px;
	}

	.swap-close{
	position: absolute;
	top:20px;
	right:20px;
	opacity: .5;
	}

	.head-block .half, .half{
	padding: 60px;
	}

	.padding{
	padding-top:85px;
	padding-bottom:85px;
	}

	.padding-top{
	padding-top:85px;
	}

	.padding-bottom{
	padding-bottom:85px;
	}

	.padding-all{
	padding: 60px;
	}

	.featured-post{
	padding-right: 60px;
	}

	.fp-image{
	margin-bottom: 40px;
	}

	.fp-title-only{
	padding: 30px;
	margin-bottom: 30px;
	}

	.featured-feed h3{
	font-size: 24px;
	}

	.button, .post-nav a{
	padding: 15px 30px;
	}

	.footers .half{
	padding: 60px;
	}

	.four-block{
	flex: 0 0 38%;
	margin:40px;
	}

	.grid-block{
	padding: 40px;
	flex-wrap: wrap;
	}

}

@media (max-width:800px){

	.photo-content.flex, .featured-block .flex, .blog-posts.flex{
	display: block;
	}

	.half{
	width: auto;
	}

	.half.photo-area{
	padding-bottom: 50% !important;
	}

	.featured-block{
	padding: 20px;
	}

	.featured-post{
	padding-right: 0px;
	padding-bottom: 40px;
	}

	.featured-post, .featured-feed{
	width: auto;
	}

	.footer-items .left{
	margin-right: 50px;
	width: 60%;
	}

	#header-alt .social{
	display: none;
	}

	#header-alt .logo{
	float: left;
	}

	#header-alt .button{
	float: right;
	}

	.gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]){
	line-height: 1 !important;
	}

	.grid-block{
	padding: 20px;
	}

	.four-block{
	margin: 30px;
	flex: 1 0 38%;
	}

}


@media (max-width:600px){

	#header-alt{
	padding: 20px;
	}

	h1{
	font-size:40px;
	}

	h2{
	font-size:30px;
	}

	h3{
	font-size: 25px;
	}

	h4{
	font-size: 20px;
	color: #313636;
	}

	h5, .button, .text-link, .post-nav{
	font-size: 16px;
	margin-top: 0px;
	}

	h4, h5, h6{
	margin-bottom: 20px;
	}

	.head-block .half, .half{
	padding: 40px;
	}

	.featured-block{
	padding: 0px;
	}

	.three-block{
	padding: 40px;
	}

	.padding{
	padding-top:40px;
	padding-bottom:40px;
	}

	.padding-top{
	padding-top:40px;
	}

	.padding-bottom{
	padding-bottom:40px;
	}

	.padding-all, #footer .subscribe, #footer .footer-items{
	padding: 40px;
	}

	.cont, .cont-sm{
	padding-left: 40px;
	padding-right: 40px;
	}

	#footer .footer-items .flex{
	display: block;
	text-align: center;
	}

	.footer-items .left{
	margin-right: 0px;
	margin-bottom: 40px;
	width: auto;
	}

	#footer .copyright{
	text-align: center;
	}

	.divide{
	display: none;
	}

	.credit{
	display: block;
	}

	#footer .copyright{
	margin-top: 20px;
	margin-bottom: 0px;
	}

	.footer-items p{
	margin-bottom: 20px;
	}

	#footer-alt .footer-nav li{
	display: block;
	margin-bottom: 10px;
	}

	#footer-alt .social{
	padding: 30px 0px 20px 0px;
	}

	#footer-alt{
	padding-top: 60px;
	padding-bottom: 60px;
	}

	.subscribe input{
	width: 100%;
	}

	.grid-block .flex{
	display: block;
	}

	.two-col{
	column-count:1;
	}


}