/*   
Theme Name: Arbor Investment Advisors
Author: Reuben Rink
Author URI: https://www.reubenrink.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: "Open Sans", Helvetica, Arial, sans-serif;}

a{ color: #729e8d;}
a:hover, a:focus{ color: #725565;}
.button, button{ -webkit-appearance: none; display: inline-block; color: #fff; background-color: #725565; text-decoration: none; font-size: 16px; line-height: 16px; font-weight: 700; padding: 15px 30px; border-radius: 4px;}
.button:hover, button:hover, .button:focus, button:focus{ background-color: #729e8d; color: #fff;}
.screen-reader{ position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;}

h1, h2, h3, h4, h5, h6{ line-height: normal; font-family: "quincy-cf", Georgia, Times, "Times New Roman", serif; color: #746c65;}
h1{}
h2{ font-size: 42px; font-weight: 400;}
h3{ font-size: 24px;}
h4{ font-size: 21px;}
h5{ font-size: 18px;}
h6{ font-size: 16px;}

.page-wrap{ position: relative;}
.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: absolute; top: 20px; left: 10px; width: calc(100% - 10px); z-index: 9;}
.header .container{ justify-content: space-between; align-items: center; max-width: calc(100% - 20px);}
.header .logo{ width: 180px;}
.header .nav, .header .account{ font-size: 15px; font-weight: 700;}
.header .nav li{ margin: 0 15px;}
.header .nav a, .header .account{ color: #fff; text-decoration: none;}
.header .nav a:hover, .header .account:hover{ color: #dee5e2;}
.header .account{ display: flex; align-items: center;}
.header .account:before, #rmp-menu-additional-content-16756 a:before{ content: ""; width: 24px; height: 24px; background-image: url(images/profile.png); background-size: cover; background-position: center center; margin-right: 8px; display: block;}
#rmp-menu-wrap-16756 .rmp-menu-item-link{ padding: 0 !important;}
#rmp-menu-additional-content-16756{ margin-top: 30px; display: flex !important; align-items: center; justify-content: center;}
#rmp-menu-additional-content-16756 a{ text-decoration: none; font-weight: 600; color: #fff; display: flex !important; align-items: center; justify-content: center;}

.content{ color: #746c65; font-size: 16px; line-height: 26px;}
.content p{ margin-top: 15px;}
.content ul{ list-style: disc; margin: 15px 0 0 30px;}
.content ol{ margin: 15px 0 0 30px;}

.navigation{ padding: 0; text-align: center;}
.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled{ color: #fff; text-decoration: none;}
.navigation li{ display: inline;}
.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled{ background-color: #666; cursor: pointer;}
.navigation li a:hover, .navigation li.active a{ background-color: #333;}

.search-form{}
.search-input{}
.search-submit{}

.footer{ text-align: center; margin: 50px 0 100px; font-size: 14px; color: #746c65;}
.footer img{ max-width: 235px; margin-bottom: 30px;}
.footer span:after{ content: " | ";}
.footer span:nth-last-of-type(1):after{ content: "";}
.footer a{ text-decoration: none; color: #746c65;}
.footer .credits{ font-size: 12px; margin-top: 5px;}
.footer .credits a:before{ content: " | ";}
.footer .apps{ margin-top: 30px; display: flex; align-items: center; justify-content: center; font-size: 30px;}
.footer .apps li{ margin: 0 10px;}

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

.lity { background: rgba(114, 85, 101, 0.85) !important; }
.lity-wrap { display: flex; align-items: center; justify-content: center; min-height: 100vh; padding: 20px 60px 20px 20px; max-width: 860px; margin: 0 auto; position: relative; }
.lity-container { background: #fff !important; padding: 40px; border-radius: 8px; box-shadow: none !important; width: 100%; max-height: calc(100vh - 120px); overflow-y: auto; overflow-x: hidden; }
.lity-content { box-shadow: none !important; }
.lity-content:after { box-shadow: none !important; }
.lity-close { position: absolute !important; top: 20px !important; right: 15px !important; width: 35px; height: 35px; background: #fff; border-radius: 50%; color: #725565 !important; font-size: 24px; line-height: 35px; text-align: center; opacity: 1; transition: all 0.3s ease; text-shadow: none !important;}
.lity-close:hover { background: #725565; color: #fff; transform: rotate(90deg); }

.error404 .content{ text-align: center;}
.error404 .basic-container{ font-size: 24px; line-height: 36px; font-weight: 300;}

.hero{ position: relative; width: calc(100% - 20px); margin: 10px 0 0 10px;}
.hero h1{ color: #fff;}

.intro-container{ background-color: #dee5e2; width: calc(100% - 20px); margin: 10px 0 0 10px;}

.grid-container h2{ margin-bottom: 40px;}
.grid-container .grid-items{ display: grid; grid-template-columns: repeat(3,1fr); column-gap: 20px; row-gap: 40px;}
.grid-container .grid-items .grid-visual{ background-size: cover; background-position: center center; aspect-ratio: 16/9; margin-bottom: 15px; background-color: #dee5e2; position: relative;}
.grid-container .grid-items h3{ font-weight: 400;}
.grid-container .grid-items p{ margin-top: 5px;}
.grid-container .grid-items .grid-visual a{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.cta-container{ background-image: url(images/cta.jpg); background-size: cover; background-position: center center; padding: 100px 0; text-align: center; color: #fff; width: calc(100% - 20px); margin-left: 10px; font-size: 21px; line-height: 31px;}
.cta-container .wrapper{ max-width: 675px;}
.cta-container h2{ color: #fff; font-size: 60px; line-height: 52px;}
.cta-container h2 span{ font-weight: 900;}
.cta-container p{ max-width: 600px; margin: 20px auto 40px;}
.cta-container .button{ background-color: #729e8d;}
.cta-container .button:hover{ background-color: #fff; color: #725565;}

.callout-container .single-callout .container{ justify-content: space-between; align-items: center;}
.callout-container .single-callout .callout-content, .callout-container .single-callout .callout-visual{ width: 46%;}
.callout-container .single-callout .callout-content{ font-size: 16px; line-height: 26px; padding: 70px 0;}
.callout-container .single-callout .callout-content .button{ margin-top: 40px;}
.callout-container .single-callout .callout-visual{ background-size: cover; background-position: center center; aspect-ratio: 1/1; background-color: #dee5e2; border-top-right-radius: 30px; border-bottom-left-radius: 30px;}


/* Homepage */

.home .hero{ background-size: cover; background-position: center center; aspect-ratio: 10/5;}
.home .hero::before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #81594d; opacity: 0.65; mix-blend-mode: multiply; pointer-events: none;}
.home .hero .container{ z-index: 2; height: 100%; width: calc(100% - 10%); left: 5%; position: absolute; flex-direction: column; justify-content: center; color: #fff;}
.home .hero .hero-content{ width: 50%;}
.home .hero h1{ font-size: 60px; line-height: 60px; font-weight: 300;}
.home .hero h1 span{ font-weight: 800;}
.home .hero ul{ margin: 40px 0 0; list-style: none; display: flex;}
.home .hero ul li{ margin-right: 20px;}

.home .intro-container{ padding: 100px 0 120px; font-size: 24px; line-height: 36px; font-weight: 300;}
.home .intro-container .container{ justify-content: flex-end;}
.home .intro-container .intro-content{ width: 80%; position: relative;}
.home .intro-container .intro-content:before{ content: ""; display: block; width: 100px; height: 42px; background-image: url(images/leaf-icon.png); background-size: cover; position: absolute; top: -20px; left: -120px;}
.home .intro-container h2{ line-height: 48px; font-weight: 400;}
.home .intro-container h2 span{ font-weight: 700; color: #709d8a;}
.home .intro-container p{ margin-top: 10px;}

.home .grid-container{ margin: 100px 0 80px;}

.home .services{ margin: 80px 0;}
.home .services .container{ justify-content: space-between; align-items: center;}
.home .services .services-intro, .home .services .services-list{ width: 50%; box-sizing: border-box;}
.home .services .services-intro{ padding-right: 50px; text-align: right; font-size: 16px; line-height: 26px;}
.home .services .services-intro h2{ font-size: 42px; line-height: 48px;}
.home .services .services-intro .button{ margin-top: 40px;}
.home .services .services-list{ border-left: 4px solid #e9e5e6; padding-left: 50px;}
.home .services .single-service{ display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 40px;}
.home .services .service-icon{ width: 70px; height: 70px; display: flex; align-items: center; justify-content: center;}
.home .services .service-content{ width: calc(100% - 120px);}


/* Flexible Content */

.flex .hero{ background-color: #746c65; height: 300px; position: relative; background-image: url(images/flex-hero.jpg); background-size: cover; background-position: center center;}
.flex .hero .wrapper{ position: absolute; bottom: 60px; left: 2.5%;}
.flex .hero h1{ font-size: 48px;}

.flex .basic-container .wrapper{ max-width: 960px; font-size: 18px; line-height: 32px;}
.flex .basic-container h2, .flex .basic-container h3, .flex .basic-container h4, .flex .basic-container h5, .flex .basic-container h6{ margin-top: 25px;}
 
.flex .page-section{ margin-top: 60px;}
.flex .page-section:nth-last-of-type(1){ margin-bottom: 80px;}

.flex .intro-container{ text-align: center; font-size: 24px; line-height: 36px; font-weight: 300; padding: 100px 0 120px;}
.flex .intro-container .wrapper{ max-width: 750px;}

.flex .steps-container .steps-intro{ text-align: center; margin: 0 auto 40px; max-width: 700px;}
.flex .steps-container .steps{ position: relative; padding: 40px 0;}
.flex .steps-container .steps:after{ content: ""; display: block; position: absolute; top: 0; left: calc(50% - 2px); width: 4px; height: 100%; background-color: #e9e5e6;}
.flex .steps-container .single-step{ display: flex; text-align: right; align-items: flex-start; margin-bottom: 40px;}
.flex .steps-container .single-step:nth-of-type(even){ justify-content: flex-end; text-align: left;}
.flex .steps-container .single-step .step-container{ width: 50%; box-sizing: border-box; padding-right: 50px; position: relative;}
.flex .steps-container .single-step:nth-of-type(even) .step-container{ padding: 0 0 0 50px;}
.flex .steps-container .single-step h3{ font-weight: normal;}
.flex .steps-container .single-step p{ margin-top: 5px;}
.flex .steps-container .single-step .step-number{ width: 40px; height: 40px; border-radius: 1000px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 24px; line-height: 24px; font-weight: 500; background-color: #729e8d; font-family: "quincy-cf", Georgia, Times, "Times New Roman", serif; position: absolute; right: -20px; z-index: 2;}
.flex .steps-container .single-step:nth-of-type(even) .step-number{ right: auto; left: -20px;}
.flex .steps-container .single-step:nth-last-of-type(1){ margin-bottom: 0;}

.flex .team-container{ text-align: center;}
.flex .team-container .team-intro{ max-width: 700px; margin: 0 auto 40px;}
.flex .team-container .team-grid{ display: grid; grid-template-columns: repeat(2,1fr); gap: 40px; max-width: 850px; margin: 0 auto;}
.flex .team-container .team-grid h3, .team-bio-content h3{ font-weight: normal; color: #725565;}
.flex .team-container .team-grid h4, .team-bio-content h4{ font-family: "Open Sans", Helvetica, Arial, sans-serif; font-weight: normal; font-size: 14px; text-transform: uppercase;}
.flex .team-container .team-grid h3 a{ text-decoration: none; color: #725565;}
.flex .team-container .team-grid ul{ list-style: none; display: flex; font-size: 24px; align-items: center; justify-content: center; margin: 10px 0 0;}
.flex .team-container .team-grid ul li{ margin: 0 10px;}
.team-bio-content{ font-size: 16px; line-height: 26px;}
.team-bio-content p{ margin-top: 15px;}

.flex .callout-container .single-callout:nth-of-type(even) .container{ flex-direction: row-reverse;}
.flex .callout-container .single-callout{ margin-bottom: 40px;}

.flex .icon-container h2{ margin-bottom: 40px;}
.flex .icon-container .icons{ display: grid; grid-template-columns: repeat(2,1fr); gap: 40px;}
.flex .icon-container .single-icon{ display: flex; align-items: flex-start; justify-content: space-between;}
.flex .icon-container .single-icon .icon{ width: 70px; display: flex; align-items: center; justify-content: center;}
.flex .icon-container .single-icon .icon-content{ width: calc(100% - 100px);}
.flex .icon-container .single-icon .icon-content h3{ font-weight: 400;}


/* News */

.blog h3 a{ text-decoration: none; color: #746c65;}
.blog h3 a:hover{ color: #725565;}
.facetwp-type-pager{ text-align: center; margin-top: 60px;}

.single .hero h1{ text-align: center;}
.single .hero .wrapper{ bottom: 100px;}
.single .featuredimg{ margin: -140px 0 20px; position: relative; z-index: 2; border-top-right-radius: 30px; border-bottom-left-radius: 30px;}
.single .basic-container{ padding-bottom: 100px;}


/* Contact */

.contact-image{ width: calc(100% - 20px); margin: 10px 0 0 10px; background-size: cover; background-position: center center; aspect-ratio: 16/9;}
.contact-container{ margin: 60px 0 100px;}
.contact-container .container{ justify-content: space-between;}
.contact-container .contact-form{ width: 60%;}
.contact-container .contact-details{ width: 32.5%; font-size: 18px; line-height: 32px;}
.contact-container .contact-details h2{ font-size: 24px; margin-top: 30px;}
.contact-container .contact-details p{ margin-top: 5px;}
.gform_body input, .gform_body textarea{ border: none; background: none; padding: 20px !important; border: 1px solid #746c65;}
.gform_button{ border: none;}


/* Page-Specific Items */

.page-id-16777 .grid-container .single-item{ position: relative; padding-bottom: 70px;}
.page-id-16777 .grid-container .single-item .button{ position: absolute; bottom: 0; left: 0;}


/* Media queries */

@media (max-width: 1060px) {
	.header .nav{ display: none;}
	.home .hero{ aspect-ratio: 16/9;}
	.home .hero .hero-content{ width: 100%;}
	.home .hero .container{ justify-content: flex-end; bottom: 60px;}
	.home .intro-container .intro-content{ width: calc(100% - 160px);}
	.header .account{ margin-right: 100px;}
}

@media (max-width: 800px) {
	.home .hero{ aspect-ratio: 10/10;}
	.home .intro-container .intro-content{ width: 100%; text-align: center;}
	.home .intro-container .intro-content:before{ display: none;}
	.grid-container .grid-items, .flex .team-container .team-grid{ grid-template-columns: repeat(1,1fr); text-align: center;}
	.callout-container .single-callout .container{ flex-direction: column !important;}
	.callout-container .single-callout .callout-visual, .callout-container .single-callout .callout-content{ width: 100%;}
	.callout-container .single-callout .callout-content{ padding: 0; margin-top: 40px;}
	.home .services .container{ flex-direction: column;}
	.home .services .services-intro, .home .services .services-list{ width: 100%; padding: 0;}
	.home .services .services-intro{ text-align: center; margin-bottom: 40px;}
	.home .services .services-list{ border: none; text-align: center;}
	.home .services .services-list .single-service{ flex-direction: column; align-items: center;}
	.home .services .services-list .single-service h3{ margin-top: 20px;}
	.cta-container h2{ font-size: 48px; line-height: 52px;}
	.flex .steps-container .single-step .step-container{ width: 100%; position: relative; z-index: 2; background-color: #fff; padding: 65px 0 15px !important; text-align: center;}
	.flex .steps-container .single-step .step-number{ left: 0 !important; right: 0 !important; margin: auto; top: 15px;}
	.contact-container .container{ flex-direction: column-reverse;}
	.contact-container .contact-form, .contact-container .contact-details{ width: 100%;}
	.contact-container .contact-details{ text-align: center; margin-bottom: 60px;}
	.lity-container { padding: 30px 20px; margin: 30px auto; }
    .lity-close { top: -35px; right: 0;}
    .flex .icon-container .icons{ grid-template-columns: repeat(1,1fr);}
    .page-id-16777 .grid-container .single-item .button{ left: 50%; transform: translateX(-50%);}
}

@media (max-width: 600px) {
	.header .account{ display: none;}
	.home .hero{ aspect-ratio: 10/13;}
	.home .hero h1{ font-size: 48px; line-height: 52px;}
	.footer img{ max-width: 150px;}
	.footer span{ display: block; margin-bottom: 5px;}
	.footer span:after{ display: none;}
	.footer .credits{ margin-top: 15px;}
	h2{ font-size: 36px; line-height: 40px;}
	.single .featuredimg{ width: 85%; margin-left: auto; margin-right: auto; display: block; margin-bottom: 45px;}
	.container, .wrapper{ width: 90%;}
	.flex .hero .wrapper{ left: 5%;}
}