/*   
Theme Name: Sandlapper Starter
Author: Sandlapper Creative
Author URI: http://www.sandlappercreative.com
Version: 1.0
*/

/*Reset*/
a,hr{padding:0}a,input[type=checkbox]{vertical-align:baseline}article,aside,figure,footer,header,hgroup,hr,img.aligncenter,nav,section{display:block}abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0;margin:0;padding:0}td,td img{vertical-align:top}embed,img,object{max-width:100%;height:auto;}html{overflow-y:scroll}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}a{font-size:100%;background:0 0;margin:0}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}.alignleft,img.alignleft{float:left;margin:15px 15px 15px 0}alignright,img.alignright{float:right;margin:15px 0 15px 15px}.aligncenter,img.aligncenter{margin:15px auto}table{border-collapse:collapse;border-spacing:0;font:100%}th{vertical-align:bottom}td{font-weight:400}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle}pre{white-space:pre-line;word-wrap:break-word}input,select,textarea{font:99% sans-serif}a:active,a:hover{outline:0}small{font-size:85%}strong,th{font-weight:700}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}code,kbd,pre,samp{font-family:monospace,sans-serif}.clickable,button,input[type=button],input[type=submit],label{cursor:pointer}button,input,select,textarea{margin:0}button{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.ie6 html{filter:expression(document.execCommand("BackgroundImageCache",false,true))}.clearfix:after,.clearfix:before{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}.ie6 input,input[type=radio]{vertical-align:text-bottom}


/*Styles*/

body{}
body, select, input, textarea{ font-family: "Merriweather", Georgia, Times, "Times New Roman", serif;}

a{ color: #90a641;}
a:hover, a:focus{ color: #000;}
.button, button{ -webkit-appearance: none; display: inline-block; background-color: #90a641; color: #fff; text-transform: uppercase; font-weight: 500; letter-spacing: .05em; text-decoration: none; font-size: 14px; line-height: 14px; padding: 20px 40px; border: none;}
.button:hover, button:hover, .button:focus, button:focus{ background-color: #a2a569; color: #fff;}
.screen-reader{ position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;}
a, img, .button, button{ transition: all .15s ease 0s;}

h1, h2, h3, h4, h5, h6{ line-height: normal; font-weight: 400;}
h1{}
h2{ font-size: 36px;}
h3{}
h4{}
h5{}
h6{}

.page-wrap{}
.wrapper, .container{ width: 95%; max-width: 1400px; margin: 0 auto;}
.container{ display: flex;}
.wrapper:after{ content: ""; display: table; clear: both;}

nav ul{ list-style: none; position: relative; float:left; margin:0; padding:0;}
nav ul a{ display: block; line-height: 32px; text-decoration: none;}
nav ul li{ position: relative; float: left; margin: 0; padding: 0;}
nav ul li.current-menu-item a, .nav ul li:hover > a{}
nav ul ul{ display: none; position: absolute; top: 100%; left: 0; padding: 0; text-align: left;}
nav ul ul li{ float: none; width: 200px;}
nav ul ul a{ line-height: 120%;}
nav ul ul ul{ top: 0; left: 100%;}
nav ul li:hover > ul{ display: block;}

.header{ position: fixed; top: 0; left: 0; width: 100%; background-color: #fff; padding: 15px 0; z-index: 99; border-bottom: 1px solid #E8EEFC;}
.header .container{ justify-content: space-between; align-items: center;}
.header .logo{ max-width: 200px;}
.header .nav{ font-size: 21px; font-weight: 500;}
.header .nav a{ color: #111; border-bottom: 4px solid #fff; padding: 15px;}
.header .nav li:hover > a{ color: #90a641; border-bottom: 4px solid #90a641;}

.content{ color: #111; font-size: 18px; line-height: 32px; font-weight: 300; margin-top: 100px;}
.content p{ margin-top: 15px;}
.content ul{ list-style: disc; margin: 15px 0 0 30px;}
.content ol{ margin: 15px 0 0 30px;}

.footer{ background-color: #90a641; color: #fff; padding: 40px 0 60px; font-size: 15px;}
.footer .container{ justify-content: center; align-items: center;}
.footer .container div{ width: 33.333%;}
.footer a{ color: #fff; text-decoration: none;}
.footer a:hover{ color: #111;}
.footer .footer-links li{ margin-bottom: 5px;}
.footer .legal{ text-align: center; font-size: 12px;}
.footer .credits{ text-align: right;}
.footer .credits img{ max-width: 100px;}
.footer .legal .address{ font-size: 15px; margin-bottom: 10px;}

.video-wrapper{ position: relative; padding-bottom: 56.25%; height: 0;}
.video-wrapper iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.default{ padding: 60px 0 100px;}
.default .wrapper{ max-width: 960px;}
.default h1, .default h2, .default h3, .default h4, .default h5, .default h6{ margin-top: 30px; font-weight: 500;}
.default h1{ font-size: 42px;}
.default h2{ font-size: 36px;}
.defalut h3{ font-size: 30px;}
.default h4{ font-size: 24px;}
.default h5{ font-size: 21px;}
.default h6{ font-size: 18px;}

.anchor{ scroll-margin-top: 100px;}


/* Homepage */

.home .card-overlay{ height: calc(100vh - 100px); background-size: cover; background-position: center center; display: flex; align-items: center; min-height: 600px;}
.home .card-overlay .card-content{ width: 50%; box-sizing: border-box; background-color: #fff; padding: 45px; min-width: 750px;}
.home .card-overlay .card-content h1{ font-size: 48px;}
.home .card-overlay .card-content h1 span{ display: block; font-size: 36px; text-transform: uppercase; color: #90a641;}
.home .card-overlay .card-content .button{ margin-top: 30px;}

.home .about{ background: linear-gradient(180deg,#fcfcfc,#e8eefc); padding: 60px 0;}
.home .about .container{ justify-content: space-between; align-items: center; flex-direction: row-reverse;}
.home .about .about-content, .home .about .about-visual{ width: 46%;}

.home .tenants{ background: linear-gradient(180deg,#fcfcfc,#e8eefc); padding: 60px 0;}
.home .tenants .tenants-intro{ width: 70%;}
.home .tenants .tenant-grid{ display: grid; grid-template-columns: repeat(3,1fr); gap: 30px; margin-top: 60px; justify-items: center;}
.home .tenants .single-tenant{ position: relative; aspect-ratio: 1/1; overflow: hidden; width: 100%; max-width: 100%;}
.home .tenants .single-tenant a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.home .tenants .single-tenant:hover img{ opacity: .75;}
.home .tenants .single-tenant span{ position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; padding: 10px 0; text-transform: uppercase; font-size: 14px; line-height: 14px; letter-spacing: .1em; background-color: #90a641; color: #fff; font-weight: 500; transition: all .3s ease 0s;}
.home .tenants .single-tenant:hover span{ bottom: -50px; transition: all .3s ease 0s;}
.home .tenants .single-tenant:last-child:nth-child(3n-1){ grid-column: 2 / 3;}
.home .tenants .single-tenant:last-child:nth-child(3n-2){ grid-column: 2 / 3;}

.home .instagram{ padding: 60px 0;}

.home .contact{ background: linear-gradient(180deg,#fcfcfc,#e8eefc); padding: 60px 0;}
.home .contact .container{ justify-content: center; margin-top: 45px;}
.home .contact .contact-intro{ width: 70%;}
.home .contact .contact-form, .home .contact .contact-map{ width: 50%; box-sizing: border-box;}
.home .contact .contact-form{ background-color: #fff; padding: 20px 30px; border-top-left-radius: 30px; border-bottom-left-radius: 30px; }
.home .contact .contact-map{ border-top-right-radius: 30px; border-bottom-right-radius: 30px; overflow: hidden;}
.home .contact .contact-map iframe{ width: 100%; height: 100%; min-height: 500px; border: 0;}
.home .gform_body input, .home .gform_body textarea{ background: none; border: none; padding: 15px !important; border: 1px solid #ccc;}
.home .gform_required_legend{ position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;}



/* Media queries */

@media (max-width: 960px) {
	.header .nav{ display: none;}
	.header .logo{ max-width: 150px;}
	.home .content{ margin-top: 85px;}
	.home .about .container{ flex-direction: column;}
	.home .about .about-content, .home .about .about-visual{ width: 100%;}
	.home .about .about-visual{ margin-bottom: 30px;}
	.home .tenants .tenants-intro, .home .contact .contact-intro{ width: 100%;}
	.home .tenants .tenant-grid{ grid-template-columns: repeat(2,1fr);}
	.home .tenants .single-tenant:last-child:nth-child(3n-1){ grid-column: auto;}
	.home .tenants .single-tenant:last-child:nth-child(3n-2){ grid-column: auto;}
	.home .card-overlay .card-content{ min-width: 0; width: 95%; left: 0; right: 0; margin: auto;}
	.home .hero .card-content{ text-align: center;}
	.home .contact .container{ flex-direction: column;}
	.home .contact .contact-form, .home .contact .contact-map{ width: 100%;}
	.home .contact .contact-form{ border-bottom-left-radius: 0; border-top-right-radius: 30px;}
	.home .contact .contact-map{ border-top-right-radius: 0; border-bottom-left-radius: 30px;}
	.anchor{ scroll-margin-top: 80px;}
}

@media (max-width: 800px) {
	.home .card-overlay .card-content h1{ font-size: 30px;}
	.home .card-overlay .card-content h1 span{ font-size: 24px;}
	.home .card-overlay .card-content{ padding: 45px 2.5%;}
}

@media (max-width: 500px) {
	.home .tenants .tenant-grid{ grid-template-columns: repeat(1,1fr);}
}