/*
Theme Name: Anthony Outside
Theme URI: https://anthonyoutside.com
description: Theme for Anthony Outside
Author: Marquay Smith
Author URI: https://marquaysmith.com
Version: 0.0.1
*/


/*<uniquifier>: Use a unique and descriptive class name
<weight>: Use a value from 100 to 900

.outfit-<uniquifier> {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}*/

@media (prefers-reduced-motion:no-preference){
    :root{
        scroll -behavior:smooth;
    }
}

/*=============
Variables
 ==============*/

:root {

	--sand: #FAF3EB;
	--forest: #29423E;
	--grass: #E7F042;
	--dew: #D7E5D6;
	--dew-light: #F0F4F0;
	--berry: #F07D64;
	--stream: #8CC9A4;
	--sage: #A5A784;
	--field: #FFD79B;
	--stream: #8CC9A4;

	--berry-gradient: linear-gradient(180deg, #F07D64 0%, #B75333 100%);
	--forest-gradient: linear-gradient(320deg, #225C43 23.09%, #1E3D3D 81.6%);
	--forest-gradient-v2: linear-gradient(314deg, #225C43 39.43%, #1E3D3D 88.9%);
	--field-gradient: linear-gradient(180deg, #FFF0D8 0%, #FFE6C1 100%);
	--sand-dew-gradient: linear-gradient(180deg, #FAF3EB 40.08%, #D7E5D6 100%);
	--mint-gradient: linear-gradient(0deg, #ECEDE2 0%, #DFE8DB 100%);
;

	--container: 91.8575063613232%;
}


/*=============
 Reset Styles
 ==============*/

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, 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%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

body {
	line-height: 1.5;
	font-size: 16px;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;

}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
	font-style: italic;
	font-size: .9em;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

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

strong {
    font-weight: 700;
}

a {
	text-decoration: none;
	-webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

:focus{
	outline: 1px solid hsl(170.4deg 23.36% 20.98%);
}

/*p{
	font-size: 1.25em;
	margin-bottom: 20px;
}

h1{
	line-height: 1.25;
	margin-bottom: .5em;
}

h2{
	line-height: 1.25;
	margin-bottom: .25em;
}

h3{
	line-height: 1.5;
	margin: 0 0 .5em;
}

h4 {
    line-height: 1.33;
    margin-bottom: 1em;
}
*/

/*=============
 Fonts
 ==============*/

body{
	font-family: "Outfit", sans-serif;
}

.fs1{
	font-size: 48px;
	font-weight: 700;
	line-height: 105%;
}

.fs1x{
	font-size: 36px;
	font-weight: 700;
	line-height: 110%;
}

.fs2{
	font-size: 36px;
	font-weight: 700;
	line-height: 110%;
}

.fs3{
	font-size: 30px;
	font-weight: 700;
	line-height: 120%; 
}

.fs4{
	font-size: 24px;
	font-weight: 500;
	line-height: 125%;
}

.fs5{
	font-size: 20px;
	font-weight: 700;
	line-height: 140%;
}


.fs6{
	font-size: 20px;
	font-weight: 700;
	line-height: 140%;
}

.fst-lg,
.fst-med{
	font-size: 16px;
	font-weight: 400;
	line-height: 140%;
}

.fst-lg.keep-desktop-size{
	font-size: 20px;
}

@media(min-width: 960px){
	
	.fs1{
		font-size: 80px;
		font-weight: 700;
		line-height: 100%;
	}

	.fs1x{
		font-size: 56px;
		font-weight: 700;
		line-height: 105%;
	}


	.fs2{
		font-size: 64px;
		font-weight: 700;
		line-height: 110%;
	}

	.fs3{
		font-size: 48px;
		font-weight: 700;
		line-height: 110%;
	}

	.fs4{
		font-size: 40px;
		font-weight: 400;
		line-height: 110%;
	}

	.fs5{
		font-size: 28px;
		font-weight: 500;
		line-height: 115%;
	}

	.fst-lg{
		font-size: 20px;
		font-weight: 400;
		line-height: 135%; 
	}

	.fst-med{
		font-size: 18px;
		font-weight: 400;
		line-height: 120%;
	}

	
}

.fw400{
	font-weight: 400;
}

.fw500{
	font-weight: 500;
}

.fw700{
	font-weight: 700;
}

.uppercase{
	text-transform: uppercase;	
}

.title-initial{
	text-transform: initial;
}

/*=============
 Colors
 ==============*/

.clr-sand{
	color: var(--sand);
}

.bkg-clr-sand{
	background: var(--sand);
}

.clr-forest{
	color: var(--forest);
}

.bkg-clr-forest{
	background: var(--forest);
}

.bkg-clr-forest-gradient{
	background: var(--forest-gradient);
}

.bkg-clr-forest-gradient-v2{
	background: var(--forest-gradient-v2);
}

.clr-grass{
	color: var(--grass);
}

.bkg-clr-grass{
	background: var(--grass);
}
.clr-dew{
	color: var(--dew);
}

.bkg-clr-dew{
	background: var(--dew);
}

.bkg-clr-dew-light{
	background: var(--dew-light);
}

.clr-berry{
	color: var(--berry);
}

.bkg-clr-berry{
	background: var(--berry);
}

.bkg-clr-berry-gradient{
	background: var(--berry-gradient);
}

.bkg-clr-field-gradient{
	background: var(--field-gradient);
}

.bkg-clr-sand-dew-gradient{
	background: var(--sand-dew-gradient);
}

.bkg-clr-mint-gradient{
	background: var(--mint-gradient);
}

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

.hero{
 	position: relative;
 }

.container-wrap{
	max-width: 1013px;
	margin: auto;
}

.container-width{
	width: var(--container);
	margin: auto;
}

.content-container {
    margin: auto;
    max-width: 864px;
}

.content-container-sm {
    margin: auto;
    max-width: 640px;
}

.text-center{
	text-align: center;
}

.top-border {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.bottom-border {
    width: 100%;
    position: absolute;
    bottom: -3px;
    left: 0;
}

.is-hidden{
	display: none;
}

.has-border{
	position: relative;
}

.has-border.top{
	padding-top: 5rem;
}

.has-border.bottom{
	padding-bottom: 5rem;
}

@media(min-width:1200px){
	.has-border.top{
		padding-top: 10rem;
	}

	.has-border.bottom{
		padding-bottom: 10rem;
	}
}

.cta-btn,
.schedule-call-btn a {
    padding: .75rem 1.5rem;
    display: inline-block;
    border-radius: 100px;
    border: 1px solid #D8E138;
    background: var(--grass);
    color: #29423E;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.375;
}

.schedule-call-btn a,
.schedule-call-btn a:hover {
    cursor: pointer;
}

.cta-btn:hover,
.cta-btn:focus,
.schedule-call-btn a:hover,
.schedule-call-btn a:focus{
	color: #29423E;
    border: 1px solid #C5BDB3;
    background: var(--sand);
}

.page-numbers {
    color: var(--forest);
    padding: .1875rem .8125rem;
    border-radius: 100px;
    margin: .1rem;
    display: inline-block;
    font-size: 1.5rem;
    text-align: center;
    font-weight: 700;
    line-height: 140%;
    height: 40px;
    width: 40px;
}

.page-numbers.current,
.page-numbers:hover,
.page-numbers:focus {
    background: var(--forest);
    color: var(--sand);
}

a.prev.page-numbers,
a.next.page-numbers {
    width: auto;
}

a.prev.page-numbers:hover, 
a.next.page-numbers:hover {
    background: transparent
}

.df{
	display: flex;
}

.position-relative{
	position: relative;
}

.m-auto{
	margin: auto;
}

.m-auto-left{
	margin-left: auto;
}

.mx-auto{
	margin: 0 auto;
}

.mb1{
	margin-bottom: 1rem;
}

.mb2{
	margin-bottom: 2rem;
}

.mb3{
	margin-bottom: 3rem;
}

.mb4{
	margin-bottom: 4rem;
}

.mb5{
	margin-bottom: 5rem;
}

.m1x0{
	margin: 1rem 0;
}
.m2x0{
	margin: 2rem 0;
}

.m3x0{
	margin: 3rem 0;
}

.m5x0{
	margin: 5rem 0;
}

.p1{
	padding: 1rem;
}

.p2{
	padding: 2rem;
}

.p3{
	padding: 3rem;
}

.p5{
	padding: 5rem;
}

.p2x0{
	padding: 2rem 0;
}

.p3x0{
	padding: 3rem 0;
}

.pt1{
	padding-top: 1rem;
}

.pt2{
	padding-top: 2rem;
}

.pt3{
	padding-top: 3rem;
}

.pt4{
	padding-top: 4rem;
}

.pt5{
	padding-top: 5rem;
}

.pb3{
	padding-bottom: 3rem;
}

.pb4{
	padding-bottom: 4rem;
}

.pb5{
	padding-bottom: 5rem;
}
.p5x0,
.p10x0x5{
	padding: 5rem 0;
}

.ch20{
	max-width: 20ch;
    margin-left: auto;
    margin-right: auto;
}

.ch25{
	max-width: 25ch;
    margin-left: auto;
    margin-right: auto;
}

.ch30{
	max-width: 30ch;
    margin-left: auto;
    margin-right: auto;
}

.ch40{
	max-width: 40ch;
    margin-left: auto;
    margin-right: auto;
}

.ch45{
	max-width: 45ch;
    margin-left: auto;
    margin-right: auto;
}

.ch60{
	max-width: 60ch;
    margin-left: auto;
    margin-right: auto;
}

.ch80{
	max-width: 80ch;
    margin-left: auto;
    margin-right: auto;
}

@media(min-width:1200px){
	.p10x0x5{
		padding: 10em 0 5em;
	}
}

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

.header__container {
    border-radius: 80px;
    background: rgba(248, 245, 240, 0.96);
    box-shadow: 0px 4px 7px 0px rgba(42, 53, 59, 0.07);
    padding: .75rem 1.25rem;
    position: relative;
    max-width: 1312px;
    margin: auto;
    width: 91.8575063613232%;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

body.is-showingNav .header__container {
    border-radius: 40px;
}

.top-nav-wrap {
	display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 999999;
}

img.custom-logo {
    max-height: 51px;
    max-width: 204px;
    width: 100%;
    height: 100%;
}

#header-nav li {
    display: inline;
}


#header-nav li a {
    padding: .75rem 1rem;
    position: relative;
    color: #29423E;
    text-align: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}

#header-nav li a:hover:not(.schedule-call-btn a),
#header-nav li a:focus:not(.schedule-call-btn a),
#header-nav li.current-menu-item a:not(.schedule-call-btn a){
	border-bottom: 6px solid #8CC9A4;
}

#header-nav .current-menu-item a:after {
    content:" ";
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border: 20px solid transparent;
}

.navButtonWrapper {
    display: none;
}

.navButton {
    position: relative;
    width: 31px;
    height: 17px;
}

.navButtonBar {
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    float: left;
    width: 100%;
    position: absolute;
    height: 3px;
    background: #29423E;
    margin: 7px 0 0;
}

.navButtonBar--top {
    margin-top: 0px;
}
.navButtonBar--bottom {
    margin-top: 14px;
}

body.is-showingNav .navButtonBar {
    background: #29423E;
}

body.is-showingNav .navButtonBar--top {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: 7px
}

body.is-showingNav .navButtonBar--middle {
    opacity: 0;
    filter: alpha(opacity=0);
}

body.is-showingNav .navButtonBar--bottom {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: 7px;
}



#mobile-nav {
    border-radius: 0px 0px 40px 40px;
    opacity: 0;
    visibility: hidden;
    height: auto;
    padding: 60px;
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    z-index: 99999;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

#mobile-nav li a:not(.schedule-call-btn a)  {
	color: #29423E;
	font-size: 36px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%; 
}

#mobile-nav nav li {
    width: 100%;
}

#mobile-nav li a:not(.schedule-call-btn a, .social-icon-item a) {
    padding: 1.5rem 0 ;
    width: 100%;
    display: block;
}

#mobile-nav li.schedule-call-btn a {
    margin: 1.5rem 0 0;
}

.social-icons {
    display: flex;
    align-items: end;
    padding-top: 3.5625rem;
    gap: 2rem;
}

#mobile-nav li.social-icon-item {
     display: inline-block; 
}

#mobile-nav li.social-icon-item svg {
    fill: #29423E;
    height: 30px;
}

.main-nav-contact-container {
    padding: 12px 30px;
}

body.is-showingNav #mobile-nav {
    opacity: 1;
    visibility: visible;
    background: #f3efe8;
}

@media(min-width: 961px){
	.header__container {
		padding: .75rem 1rem .75rem 2.25rem;	
	}

	#mobile-nav {
	    display: none;
	}
	
}

@media(max-width: 960px){

	.nav-wrap{
		display: none;
	}
	
	.navButtonWrapper {
		display: flex;
    	align-items: center;
	}
	
}

@media only screen and (max-width: 641px) {
    div.gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
        line-height: 1;
    }
}

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

.footer-cta {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
}

.footer-cta-box {
    flex: 1 1 25em;
    padding: 5rem 0 2rem;
}

.fcb-wrap {
    max-width: 675px;
    margin: auto;
}

.footer-cta-box.schedule-call .cta-btn {
    margin: auto;
}

.join-the-journey {
    background: linear-gradient(180deg, #F07D64 0%, #B75333 100%);
    color: #FAF3EB;
    padding: 2rem 2rem 5rem;
}

@media(min-width: 640px){
	.footer-cta-box.schedule-call .cta-btn {
	    margin: 0 0 0 auto;
	}

	.join-the-journey {
	    padding: 2rem 2rem 10rem;
	}
}

.jtj-container{
	max-width: 582px;
    margin: auto;
}
.join-the-journey span{
    color: var(--field);
}

.travel-outide-footer-bottom-topper {
    background: #FAF3EB;
    background: url(/wp-content/themes/anthony-outside/images/trees.svg), #FAF3EB;
    background-repeat: repeat-x;
    background-position: center 100%;
    color: #29423E;
    padding: 0 0 10rem;
}

.properties-wrap {
    margin: auto;
    max-width: 1160px;
    display: flex;
    text-align: center;
    flex-flow: row wrap;
    justify-content: center;
    gap: 3rem;
    color: #29423E;
}

.to-property {
    max-width: 355px;
    flex: 1 1 20em;
}

.footer-bootom-wrap{
	background: #29423E;
	color: #A5A784;
	padding-bottom: 1rem;
}

.footer-nav {
    padding: 3.5rem 1rem;
}

.footer__nav-menu-list li {
    margin: 1rem;
}


#footer-menu-nav a {
    font-size: 1.125rem;
}

#footer-menu-nav a:not(.schedule-call-btn a) {
    color: #E7F042;
}

.footer__nav-menu-list li.schedule-call-btn {
    margin-top: 2.5rem;
}

@media(min-width: 640px){

	.footer__nav-menu-list li {
	    display: inline-block;
	}

	.footer__nav-menu-list li.schedule-call-btn {
	    display: block;
	}
	
}

.footer-bottom-container {
	max-width: 1320px;
	width: 90%;
	margin: auto;
    padding-bottom: 1rem;
}

.footer-social-icons {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 3rem;
}

.footer-social-icons li.social-icon-item svg {
    fill: #A5A784;
    height: 30px;
}

.copyright a{
	color: #A5A784;
}

@media(min-width: 640px){

	.footer-bottom-container {
	    display: flex;
	    flex-direction: row-reverse;
	    justify-content: space-between;
    	align-items: center;
	}

	.footer-social-icons {
	    gap: 1rem;
	    margin-bottom: 0;
	    justify-content: center;
	}
	
}

/*=============
 Forms
 ==============*/

input[type=email] {
    border: none;
    border-bottom: 1px solid #A5A784;
    background: transparent;
}


input[type=submit] {
	padding: .75rem 2.5rem;
    display: inline-block;
    border-radius: 100px;
    border: 1px solid #D8E138;
    background: #E7F042;
    color: #29423E;
    font-family: Outfit;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.375;
    margin-left: auto;
    -webkit-appearance: none;
    appearance: none;
}

/*::placeholder {
  color: var(--sand);
  opacity: 1; 
}

::-ms-input-placeholder {
  color: var(--sand);
}*/

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

/*@media(min-width: 992px){
	#home-hero {
	    height: 872px;
	}
}*/

.home-hero-content-area {
    color: #FAF3EB;
    position: relative;
    max-width: 1312px;
    margin: auto;
    padding-top: 80px;
    width: 91.8575063613232%;
}

.hero-col {
    flex: 0 0 auto;
    width: 50%;
    padding: 20px;
    margin: auto 0;
}

#home-hero h1{
    text-shadow: 0px 4px 8px rgba(0, 0, 0, 0.10);
}

@media(min-width: 960px){
	#home-hero h1{
	    text-shadow: 0px 12px 16px rgba(0, 0, 0, 0.08), 0px 4px 6px rgba(0, 0, 0, 0.03);
	}
}

.hero__video {
    width: 100%;
}

.watch-video {
    background: transparent;
    border: none;
    font-size: 2em;
    color: var(--grass);
    -webkit-appearance: none;
    appearance: none;
    display: inline-flex;
    margin: auto;
    align-items: center;
    gap: 5px;
}

#wants {

}

.want-list {
    
}

.want-item {
    padding-bottom: 3.5rem;
    flex-flow: row wrap;
    gap: 3rem;
}

.want-item-container {
    max-width: 1060px;
    margin: auto;
}

.want-item:nth-child(odd) {
    flex-direction: row-reverse;
}

.want-item:nth-child(odd) .want-item-container {
    flex-direction: row-reverse;
}

.want-item-box .content-wrap {
    position: relative;
}

.want-item-box .content-wrap h3{
    color: #29423E;
    position: relative;
}

.want-item-box li span {
    color: rgba(240, 125, 100, 1);
}

.want-item figure {
    width: 100%;
    margin: auto;
}

.wants-intro {
    color: #29423E;
    max-width: 640px;
    margin: 0 auto 4.5rem;
    padding: 5rem 0;
    width: 91%;
}

#success-section {
    background: linear-gradient(314deg, #225C43 65%, #1E3D3D 88.9%);
    color: #FAF3EB;
    padding: 4rem 1rem;

}

.success-intro-wrap span{
	color: #E7F042;
}

.border-grass {
    border-radius: 17px;
    border: 2px solid #E7F042;
    padding: 1rem;
    max-width: 626px;
    margin: 2rem auto 0;
    position: relative;
}

.border-grass span{
    color: #E7F042;
}

.success-title-wrap{
	height: 400px;
}

@media(min-width: 960px){
	.success-title-wrap{
		height: 700px;
	}
}

.success-title-container {
    max-width: 818px;
}

.success-title-container span{
    display: inline-block;
    border-bottom: 4px solid #E7F042;
}

.success-method-item {
    margin-bottom: 4rem;
    border-radius: 20px;
    padding: 36px;
    max-width: 414px;
    color: #29423E;
}

.success-list li:before{
	content: "→";
	color: rgba(240, 125, 100, 1);
	margin-right: 10px;
}

.mli-number {
    color: #F07D64;
}

.success-method-item h2,
.success-method-item p {
    color: #29423E;
}

.success-link {
	color: #29423E;
    text-decoration: underline;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.5;
	text-decoration-line: underline;
}


#testimonials {
    padding: 5rem 0 15rem;
}

.testimonial-slider button.slick-prev.slick-arrow {
	background: url(/wp-content/themes/anthony-outside/images/arrow-prev-fp.svg) no-repeat center / cover;
	width: 50px;
	height: 50px;
    left: auto;
    right: 5rem;
    top: auto;
    bottom: -3.5rem;
    z-index: 9999;
}

.testimonial-slider button.slick-next.slick-arrow {
	background: url(/wp-content/themes/anthony-outside/images/arrow-next-fp.svg) no-repeat center / cover;
	width: 50px;
	height: 50px;
    right: 1rem;
    top: auto;
    bottom: -3.5rem;
    z-index: 9999;
}


.testimonial-card {
    max-width: 639px;
    padding: 2rem;
    border-radius: 30px;
}

.testimonial-slider .testimonial-card{
	max-width: 798px;
	margin: 0 1rem;
	padding: 3rem;
}

.testimonial-card blockquote {
    font-size: 1.5rem;
    line-height: 30px;
    font-weight: 500;
    font-style: normal;
}

.testimonial-slider .slick-dots {
    text-align: left;
    left: 80px;
}

@media(min-width: 870px){
	.testimonial-card {
	    padding: 4rem;
	}

	.testimonial-slider .testimonial-card{
		padding: 4rem;
	}

}

#book-cta .container {
    max-width: 450px;
}


.qa-wrap {
    display: flex;
    flex-direction: column;
}

.qa-item {
    border-top: 1.5px solid rgb(41 66 62 / 20%);
    overflow: hidden;
    padding: 10px 0;
}

.qa-item:last-of-type {
    border-bottom: 1.5px solid rgb(41 66 62 / 20%);
}

.question {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.answer {
    padding: 10px 0 0;
    display: none;
}

.arrow {
    transition: transform 0.3s ease;
}


#we-belive {
    background: 
        url(/wp-content/themes/anthony-outside/images/pattern-bkg.svg),
        linear-gradient(180deg, #FFEEB2 0%, #FFC366 100%);
    background-repeat: no-repeat;
    background-size: 400%;
    background-position: center 100%;
    padding-bottom: 7.875rem;
}

@media(min-width: 640px){
	#we-belive{
		background-size: contain;
	}
}

#we-belive h2 {
    color: #594D3D;
}

.belief-slider {
    max-width: 1320px;
    margin: auto;
}

.belief-slide {
    color: #fff;
    position: relative;
    width: 387px;
    text-align: center;
    margin: 1rem;
}

.belief-slide figcaption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    max-width: 228px;
}

.belief-slide img {
    border-radius: 20px;
    width: 100%;
}

button.slick-prev.slick-arrow {
	background: url(/wp-content/themes/anthony-outside/images/arrow-prev.svg) no-repeat center / cover;
	width: 50px;
	height: 50px;
    left: auto;
    right: 5rem;
    top: auto;
    bottom: -3.5rem;
    z-index: 9999;
}

button.slick-next.slick-arrow {
	background: url(/wp-content/themes/anthony-outside/images/arrow-next.svg) no-repeat center / cover;
	width: 50px;
	height: 50px;
    right: 1rem;
    top: auto;
    bottom: -3.5rem;
    z-index: 9999;
}

button.slick-prev:before, 
button.slick-next:before {
    content: '';
}

.slick-dots {
    z-index: 999;
}

ul.slick-dots li button {
    background: var(--sand);
    border: none;
    border-radius: 100px;
    height: 12px;
    width: 12px;
}

ul.slick-dots li.slick-active button {
    background: var(--forest);
}


#lets-go {
	color: #FAF3EB;
    padding: 4.5rem 1rem 42rem;
}

#lets-go p{
	margin-bottom: 1rem;
}


/*=============
 Resources Page 
 ==============*/

#resource-hero input[type='email'],
#resource-hero input[type='email']::placeholder {
    color: var(--sage);
    font-size: 20px;
}

.hero-two-column {
    max-width: 1100px;
    margin: auto;
    display: flex;
    flex-flow: row wrap;
    padding: 3.125rem 0 7.125rem;
    justify-content: space-between;
    width: var(--container);
}

.hero-two-column.wide {
    max-width: 1312px;
}

.htc-box{
	flex: 1 1 20em;
}

.htc-box.title {
    max-width: 520px;
    padding-right: 1rem;
}

.htc-box.form {
    padding: 1.5rem 0 0;
    max-width: 400px;
}

.categories-list {
    background: transparent;
    border: none;
    color: var(--grass);
    cursor: pointer;
    width: 116px;
    position: relative;
    z-index: 3;
    -webkit-appearance: none;    
}

.category-arrow{
	position: relative;	
	left: -20px;
}

#featured-posts {
    padding: 3.125rem 0 6.6875rem;
}

.featured-post-slider button.slick-prev.slick-arrow {
	background: url(/wp-content/themes/anthony-outside/images/arrow-prev-fp.svg) no-repeat center / cover;
	width: 50px;
	height: 50px;
    left: auto;
    right: 5rem;
    top: auto;
    bottom: -3.5rem;
    z-index: 9999;
}

.featured-post-slider button.slick-next.slick-arrow {
	background: url(/wp-content/themes/anthony-outside/images/arrow-next-fp.svg) no-repeat center / cover;
	width: 50px;
	height: 50px;
    right: 1rem;
    top: auto;
    bottom: -3.5rem;
    z-index: 9999;
}


.post-card {
    max-width: 639px;
    background: url(/wp-content/themes/anthony-outside/images/card-sun-sand.svg) no-repeat center / cover;
    padding: 2rem;
    border-radius: 30px;
}

.post-card.category-in-the-weeds{
	background: url(/wp-content/themes/anthony-outside/images/card-leaf-dew.svg) no-repeat center / cover;
}

.post-card.category-all-about-numbers{
	background: url(/wp-content/themes/anthony-outside/images/card-wave.svg) no-repeat center / cover;
}

.post-card.category-big-picture-stuff{
	background: url(/wp-content/themes/anthony-outside/images/card-leaf-sky.svg) no-repeat center / cover;
}

.post-card.category-featured{
	background: url(/wp-content/themes/anthony-outside/images/card-mtn.svg) no-repeat center / cover;
}

.post-card.category-marketing-strategy-for-growth{
	background: url(/wp-content/themes/anthony-outside/images/card-sun-field.svg) no-repeat center / cover;
}

.featured-post-slider .post-card{
	max-width: 867px;
	margin: 0 1rem;
	padding: 2rem;
}

@media(min-width: 870px){
	.post-card {
	    padding: 4rem;
	}

	.featured-post-slider .post-card{
		padding: 5rem 7rem;
	}

}

.post-card-header {
    display: flex;
    justify-content: space-between;
    padding-bottom: 1rem;
    font-size: 14px;
}

.post-category-title {
    width: 50%;
}

.category-list-section {
    display: flex;
    margin: auto;
    flex-flow: row wrap;
    font-size: 18px;
    gap: 2rem 5rem;
    justify-content: center;
}

@media(min-width: 870px){
	.category-list-section {
	    gap: 3rem;
	}

}

.category-list-head span {
    color: var(--stream);
}

.post-category {
	align-items: center;
    gap: 1rem;
    font-size: 1.125rem;
    flex: 1 1 10em;
    display: flex;
    flex-direction: column;
}

.post-category a{
    color: #000;
    text-decoration: underline;
    color: var(--grass);
}

.post-container {
    display: flex;
    gap: 2rem;
    width: var(--container);
    margin: auto;
    max-width: 1312px;
    flex-flow: row wrap;
    justify-content: center;
}

.fetaured-title-pill {
    color: var(--sand);
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    border-radius: 38px;
    background: #E56A4F;
    text-transform: uppercase;
    padding: .09375rem .75rem;
}

.recent-pill-wrap{
	max-width: 1312px;
    margin: auto;
}

.recents-title-pill {
    color: var(--forest);
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    line-height: 150%;
    border-radius: 38px;
    background: var(--sand);
    text-transform: uppercase;
    padding: .09375rem .75rem;
}

/*=============
 Resources Post 
 ==============*/

.post-hero-links{
	max-width: 1312px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.post-hero-links a{
	color: var(--grass);
	font-size: 1rem;
	font-weight: 400;
	line-height: 140%;
}

.post-content-container{
	max-width: 769px;
	margin: auto;
	padding: 3rem 0 1rem;
	width: var(--container);
}


.post-content h1{

}

.post-content h2{
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 2.5rem;
	margin-bottom: 1rem;
}

.post-content h3{
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.875rem;
	margin-bottom: 1rem;
}

.post-content p{
	font-size: 16px;
	line-height: 140%;
	margin-bottom: 1rem;
}

.post-content .wp-block-image {
	width: 100%;
    margin: 3rem auto;
}

.post-content .wp-block-image img {
	margin-bottom: 1rem;
	width: 100%;
}

.post-content .wp-element-caption {
	font-size: 14px;
	line-height: 150%;
	border-left: 2px solid var(--berry);
	padding-left: .5rem;
}

.post-content .wp-block-quote p {
	color: var(--berry);
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 135%;
	border-left: 2px solid var(--berry);
	padding-left: 2rem;
	margin: 2rem auto;
	font-style: normal;
}

.post-content a {
    color: hsla(63, 17%, 59%, 1);
    text-decoration: underline;
}

.post-content ul {
    margin: 1rem 0 1rem 1.5rem;
    list-style: disc;
}

.post-content ol {
    margin: 1rem 0 1rem 1.5rem;
    list-style: decimal;
}

.post-content hr.wp-block-separator {
    border-top: 1px solid #D7E5D6;
    margin: 1.5rem auto;
}

.author-avatar{
	 border-radius: 4.05px;
}

.post-author-container {
    max-width: 769px;
    margin: auto;
    padding: 3rem 0;
    width: var(--container);
    gap: 16px;
    align-items: flex-start;
    flex-flow: row wrap;
}

.post-author__image{
	flex: 1 1 5em;
}

.post-author__meta {
	flex: 1 1 42em;
}

.post-content .post-author__meta p{
	margin: 0;
}


.share-links-wrap{
    justify-content: center;
    gap: 1rem;
    margin: 1.5rem auto;
}

a.share-btn {
    background: var(--forest);
    width: 32px;
    height: 32px;
    border-radius: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.post-content .wp-block-embed__wrapper {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    overflow: hidden;
}

.post-content .wp-block-embed iframe {
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

/*=============
 Services
 ==============*/

.services-hero-content-area {
    color: #FAF3EB;
    max-width: 1013px;
    margin: 25em auto 0;
}

.intro-items {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    max-width: 1257px;
    gap: 1rem;
}

.intro-item-box {
    flex: 1 1 20em;
    max-width: 364px;
    display: flex;
    gap: 1rem;
}

.services-intro-img img{
	display: flex;
	width: 100%;
}

.challenge-item{

}

.challenge-link{
	color: var(--grass);
	text-decoration: underline;
}

.service-link{
	color: var(--forest);
	text-decoration: underline;
	font-weight: 700;
}

.service-container span{
	color: var(--stream);
}

#service-hero-single .service-container{
	max-width: 800px;
}

.single-service-item{
	position: relative;
	padding: 12rem 0;
}

.single-service-item:last-of-type {
    padding-bottom: 0;
}

.single-service-item p{
	margin-bottom: 1rem;
}

.single-service-item svg{
	width: 100%;
}

.ssi-icon {
    text-align: center;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

#next-steps .ssi-icon {
    transform: translate(-50%, -40%);
}

.service-package-list{
	margin-left: 30px;
	list-style: disc;
}

.what-to-expertise-list {
    margin-left: 50px;
    list-style: disc;
}

.bottom-img{
	position: relative;
}

.bottom-img img.bottom-img-category-icon{
	position: absolute;
    top: 54%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 75px;
    max-width: 215px;
    width: 12%;
}

.why-list {
    list-style: disc;
    padding: 2rem;
}

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

@media(min-width: 992px){
	#about-hero {
	    height: 1000px;
	}
}

 .about-hero-content-area {
    color: #FAF3EB;
    gap: 5rem 0;
    position: relative;
    max-width: 1013px;
    margin: auto;
    padding-top: 80px;
    width: 91.8575063613232%;
}

.about-hero-sub-content {
    max-width: 480px;
    margin: auto;
}

.intro-content {
    display: flex;
    flex-flow: row-reverse wrap;
    justify-content: center;
    gap: 2rem 0;
}

.intro-content:nth-of-type(even) {
	flex-direction: row;
}

.intro-content-box {
    flex: 1 1 20em;
}

.intro-content-box.image img {
    width: 100%;
}

.intro-content p{
	margin-bottom: 1em;
}

.intro-content ul{
	margin-left: 2em;
}

.intro-content li{
	margin-bottom: 5px;
	list-style: disc;
}

.goal-title{
	max-width: 1162px;
	margin: auto;
}

.goal-title span{
	color: var(--field);
}

#belief{
	background: url(/wp-content/uploads/2024/06/sunrise.jpeg) no-repeat center 100% / cover;
	padding: 6.5rem 0 35rem;
}

#work{
	background: url(/wp-content/themes/anthony-outside/images/work-bkg.jpeg) no-repeat center / cover;
}

.work-header {
    max-width: 907px;
    margin: auto;
}

.work-list {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    gap: 2rem 8rem; 
    max-width: 1010px;
    margin: auto;
    padding: 5rem 0;
}

.work-item-box {
    flex: 1 1 20rem;
    gap: 1rem;
}

.work-item-box p a {
    text-decoration: underline;
    color: inherit;
}

.support-container{
	max-width: 768px;
	margin: auto;
	padding: 4rem 0;
}

.expertise-items{
	max-width: 1310px;
	gap: 3rem 0;
}

.expertise-list span{
	color: var(--berry);
}

.expertise-title h3{
	position: relative;
}

.expertise-list{
	margin-left: 1em;
}

.expertise-list li{
	list-style: disc;
	margin-bottom: 5px;
}

#about-contact {
    height: 1000px;
}

.about-contact-content {
    max-width: 716px;
}

.about-contact-content p{
    margin-bottom: 1rem;
}


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


.email-address {
    padding: 1rem;
    background: #F2EAE1;
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    border-radius: 40px;
}

.email-cta-btn {
    padding: .75rem;
    display: inline-block;
    border-radius: 100px;
    border: 1px solid #D8E138;
    background: #E7F042;
    color: #29423E;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.375;
}

.contact-cta {
    margin-bottom: 2.5rem;
}

.contact-item {
    padding: 2.5rem 0;
    border-top: 1px solid #D7D2CB;
}

.contact-item a{
    color: var(--forest);
    text-decoration: underline;
}


/*=====================
 Schedule a Call Modal
 ======================*/

.modal-overlay {
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.61);
    display: flex;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0px;
    transition: opacity 1s ease-in-out, visibility 1s ease-in-out, transform 1s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 999999;
}

.msc .modal-overlay {
    visibility: visible;
    opacity: 1;
}

#schedule-call-form-modal {
    width: 91%;
    margin: auto;
    max-width: 867px;
    background: var(--forest);
    padding: 1rem;
    border-radius: 30px;
    position: relative;
}

#schedule-call-form-modal input:not([type='submit']), #schedule-call-form-modal textarea {
    background: var(--sand);
    color: var(--forest);
    border: none;
    border-radius: 5px;
    font-size: 1.5em;
    font-family: "Outfit", sans-serif;
    font-weight: 500;
}

#schedule-call-form-modal .gform_wrapper.gravity-theme .gfield_label {
    color: var(--sand);
}

#schedule-call-form-modal .gform_wrapper.gravity-theme .gfield_required {
    color: var(--berry);
}

.modal-close {
    color: var(--sand);
    cursor: pointer;
    font-size: 2.25rem;
    font-weight: 900;
    right: 20px;
    position: absolute;
    top: 10px;
    transition: all .1s;
    padding: 5px;
    text-align: center;
    line-height: 1;
}

#schedule-call-form-modal .gform_confirmation_wrapper {
    font-size: 1.25em;
    color: var(--sand);
    padding: 1em;
}


.our-brands {
    display: flex;
    justify-content: center;
    flex-flow: row wrap;
    gap: 2em
}

.company {
    flex: 1 1 15em;
    font-size: 20px;
    color: var(--sand);
    max-width: 306px;
}

.company-logo{
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

.company a{
    color: var(--grass);
    text-decoration: underline;
}

.company a:hover,
.company a:focus{
    text-decoration: none;
}

#contact p{
	margin-bottom: 1em;
}