/* v1.3 - andreauliana.com */
@font-face {
    font-family: 'Futura LT';
    src: url('../fonts/FuturaLT-Light.eot');
    src: url('../fonts/FuturaLT-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/FuturaLT-Light.woff2') format('woff2'),
        url('../fonts/FuturaLT-Light.woff') format('woff'),
        url('../fonts/FuturaLT-Light.ttf') format('truetype'),
        url('../fonts/FuturaLT-Light.svg#FuturaLT-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Brandon Grotesque';
    src: url('../fonts/BrandonGrotesque-Light.eot');
    src: url('../fonts/BrandonGrotesque-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BrandonGrotesque-Light.woff2') format('woff2'),
        url('../fonts/BrandonGrotesque-Light.woff') format('woff'),
        url('../fonts/BrandonGrotesque-Light.ttf') format('truetype'),
        url('../fonts/BrandonGrotesque-Light.svg#BrandonGrotesque-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Brandon Grotesque';
    src: url('../fonts/brandon-grotesque-regular.eot');
    src: url('../fonts/brandon-grotesque-regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/brandon-grotesque-regular.woff') format('woff'),
        url('../fonts/brandon-grotesque-regular.ttf') format('truetype'),
        url('../fonts/brandon-grotesque-regular.svg#brandon-grotesque-regular') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
.banner-intro {
	font-size: 14px;
    z-index: 1;
    text-align: center;
    position: fixed;
    top: 56px;
    left: 0;
    width: 100%;
    min-height: 30px;
    padding: 0px;
    background: rgba(243,240,240, .8)!important;
    font-family: 'Brandon Grotesque', sans-serif;
    font-weight: bold;
}
.banner-intro a {
    color: #ec6338;
	text-decoration: none;
	margin-top: 5px;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Brandon Grotesque', sans-serif;
	font-weight: 300;
	letter-spacing: .03rem;
}
h1 {
	font-size: 28px;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 22px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 15px;
}
p {
	font-family: 'Futura LT', Montserrat, sans-serif;	
  font-size: 16px;
  line-height: 190%;
  letter-spacing: .035rem;
  font-weight: 200;
}
a {
	color: #000;
}
a:hover {
	text-decoration: underline;
}
/* Navigation */
nav {
	background-color: #fff;
	font-family: montserrat,sans-serif;
	text-transform: uppercase;
	color: black;
	border-bottom: 1px solid rgba(237, 233, 225, .9);
}
nav ul a {
	color: black;
	letter-spacing: .02rem;
}
nav .active {
	font-weight: 500;
	background-color: rgba(237, 233, 225, .8);
	color: black;
}
nav ul a:hover {
  background-color: rgba(237, 233, 225, .5);
  text-decoration: none;
}
ul.menu {
	display: none;
}
.sidenav {
	font-family: montserrat, sans-serif;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
}
.sidenav ul.menu {
	display: block;
	margin: 0;
}
.sidenav .explore p {
	margin: 0;
	padding: 0 32px;
	height: 64px;
	line-height: 64px;
}
.sidenav {
	background-color: rgba(237, 233, 225, .9);
}
nav .sidenav-trigger i {
	color: black;
}
.brand-mobile {
	text-align: right;
	margin-right: 15px;
}
.brand-mobile a {
	color: #000;
}
/* Page Background - parallax conflict z-index */
.site {
	background-color: #fff;
}
.btn {
	text-transform: none;
	height: 42px;
	line-height: 42px;
	border: 1px solid rgba(237, 233, 225, 1);
	background-color: transparent;
	color: #111;
}
.btn:focus {
	background-color: rgba(237, 233, 225, .6);
}
.btn:hover {
	background-color: rgba(237, 233, 225, .8);
	color: #000;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	text-decoration: none;
}

.btn-white {
	border: 1px solid #fff;
	background-color: transparent;
	color: #fff;
}

.btn-white:hover {
	background-color: #fff;
}

.btn.gray {
	margin-top: .5rem;
}

.parallax-container .parallax img {
  filter: grayscale(1) sepia(5%) brightness(102%); 
  -webkit-filter: grayscale(1) sepia(5%) brightness(102%); 
}

.logo2021 {
	position: absolute;
	top: 120px;
	left: 20px;
	transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-webkit-transform: rotate(-30deg);
}

.logo2021 img {
	width: 170px;
}




/*
Back to Top 
*/
.back-top {
  position: fixed;
  right: 0;
  width: 45px;
  height: 45px;
  background-color:rgb(237, 233, 225);
  z-index: 9999;
  text-align: center;
}

.back-top img {
  width: 60%;
  padding-top: 15px;
  margin: 0 auto;
  text-align: center;
}
.back-top {
	opacity: 0;
	transition: all ease-in-out .5s;
	bottom: -50px;
}
.back-top.show {
	opacity: .9;
	bottom: 0px;
}

/* Vertical Sections */

.home-hero {
	height: 90vh;
	background-position: center center;
	background-size: cover;
	font-family: 'Montserrat';
}

.home-hero h1 {
	font-family: 'Montserrat';
	font-weight: 400;
	font-size: 3.5rem;
	margin-bottom: 0;
	margin: 1.35em 0 .25em;
}
.home-hero h1 span {
	color: #ec6338;
	text-shadow: 1px 1px 1px rgba(30,30,30,.15);	
}

.home-hero h2 {
	font-family: 'Montserrat';
	font-weight: 400;
	/* font-size: 2rem; */
	font-size: 1.75rem;
	margin-top: 0rem;
}
.home-hero p {
	font-family: Brandon Grotesque;
	font-size: 1.75rem;
	line-height: 120%;
	letter-spacing: 0.06em;
	padding-top: 5%;
	font-weight: bold;
}

.home-hero .content {
	padding-top: 25vh;
}

/* Scroll Down */
.scrollDown {
	text-align: center;
	position: absolute;
	margin: 0 auto;
	width: 100%;
	top: 90vh;
	opacity: .8;
	transition: top ease 1s;
}
.scrollDown:hover {
	top: 91vh;
}
.scrollDown img {
	width: 40px;
}

.section {
	height: 400px;
}

/* Generic text stripe on white */
.stripe-text {
	margin-top: 4rem;
	margin-bottom: 4rem;
}

.stripe-text h1 {
	text-transform: uppercase;
	text-align: center;
	letter-spacing: .1rem;
	font-weight: 300;
	margin-bottom: .8rem;
}
.stripe-text p {
	text-align: center;
}

/* Principles */

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

.principle-box {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

/* Services */
.container-service {
	text-align: center;
}
.service-box {
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.number {
	font-size: 3rem;
	font-family: 'Jura', sans-serif;
	border-bottom: 2px solid #111;
	padding-bottom: .3rem;
}
.container-principle .col.s12.m3 {
	padding: 0;
}
.container-service .col.s12.m3 {
	padding: 0;
}
.container-principle .principle-box {
	padding-left: 8px;
	padding-right: 8px;
}
.container-service .service-box {
	padding-left: 8px;
	padding-right: 8px;
}
.container-principle .col.s12.m3:nth-child(odd) .principle-box {
	background: rgb(237, 233, 225);
} 
.container-service .col.s12.m3:nth-child(odd) .service-box {
	background: rgb(237, 233, 225);
} 

.gray {
	background: rgb(237, 233, 225);
}

.container-principle p {
	font-size: 13px;
	line-height: 145%;
}







/* Partner */
.team {
	margin-bottom: 4rem;
}

.partner-single {
	text-align: center;
}
.partner-single img {
	max-width: 200px;
	margin: 0 auto;
	text-align: center;
}
.partner-single p {
	font-size: 1rem;
	line-height: 165%;
	padding: 0 7%;
}
.partner-single h2 {
	margin-top: 1.5rem;
	font-size: 1.25rem;
	font-weight: 300;
	letter-spacing: 0;
}

/* Contact */

.contact-places {
	margin-bottom: 5rem;
}

.place-single {
	text-align: center;
	margin-bottom: 3rem;
}
.place-single iframe {
	width: 90%;
}

.place-single h1 {
	font-size: 1.5rem;
	font-weight: 300;
}

/* Parallax Block */
.parallax-container {
  height: 400px;
  z-index: 0;
}
.parallax img {
/*   max-width: 200%;*/
}

.parallax-container .row {
	width: 100%;
}
.parallax-container {
	display: flex;
	align-items: center;
}

.parallax-container h2 {
	font-size: 2.25rem;
	letter-spacing: .075rem;
	line-height: 160%;
	text-transform: uppercase;	
	font-weight: 600;
	opacity: .75;
	color: #444;
}
.default-content {
	color: black;
	text-align: center;
	padding: 40px 0;
}


#partners .parallax-container h2 {
	color: #fff;
	opacity: 1;
	font-weight: 300;
}

/* Partnership Parallax Opposite */

.parallax-container.opposite-text {
	color: #fff;
}

/* WP Block Columns */

.wp-block-columns {
	max-width: 1280px;
	width: 90%;
	margin: 0 auto; 
	padding-top: 5vh;
	padding-bottom: 4vh;
}

.wp-block-column {
	text-align: center;
}


.footer-copyright .row {
	margin-bottom: 0;
}
.footer-copyright p {
	margin-bottom: .6rem;
	margin-top: .6rem;
}

.page-footer p {
	font-size: 16px;
	letter-spacing: -.002rem;

}

.page-footer p.footer-links  {
	margin-top: -0.5rem;
	margin-bottom: 2rem;
}

@media only screen and (min-width: 993px) {
	.page-footer .container	{
		width: 80%;
	}
}

.aoos {
	border-left: 1px solid #d0d0d0;
	padding-left: 3px;
	margin-right: 3px;
}

.page-footer {
	background-color: #fff;
	color: #000;
	padding-top: 30px;
}


/*=================================================
=            Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 425px) {
	.home-hero h1 {
		margin: 1.6em 0 .25em;
	}
}

/* 
Small Devices, Tablets 601 seems materialize breaking point
*/

@media only screen and (min-width : 601px) {

	.banner-intro {
		top: 64px;
	}
	.banner-intro {
		font-size: 18px;
	}

	.home-hero h1 {
		font-size: 4rem;
	}
	.home-hero h2,
	.home-hero p {
		font-size: 2rem;
	}
	.banner-intro {

	}

	.logo2021 img {
		width: 190px;
	}

	.parallax-container h1 {
		padding-top: 15vh;
	}

	.page-footer p.footer-links {
		text-align: right;
		margin-top: 15px;
	    letter-spacing: -.005rem;
	    margin-bottom: 3rem;
	}
	.page-footer p {
	    font-size: 16px;
	    letter-spacing: -.005rem;
	}
	.aoos img {
		width: 70px;
	}
	.page-footer {
		padding-top: 3rem;
	}


}

@media only screen and (min-width : 880px) {

	.logo2021 {
		position: absolute;
		left: 40px;
	}

	.logo2021 img {
		width: 240px;
	}

	.menu-internal-menu-container {
		min-width: 675px;
	}

	.menu-menu-1-container {
		min-width: 810px;
	}
	.sidenav-trigger {
		display: none;
	}
	ul.menu {
		display: block;
	}
	.brand-mobile {
		display: none;
	}

	.contact-places {
		max-width: 75%;
	}

	.place-single {
		margin-bottom: .5rem;
	}

	.place-single iframe {
		width: 95%;
	}

	.aoos img {
		/* width: 80px; */
	}
	.page-footer p.footer-links {
		margin-top: 12px;
	}

}



@media only screen and (min-width : 940px) {
  
	.page-footer p.footer-links {
		margin-top: 14px;
	}


}
/* Medium Devices, Desktops */
@media only screen and (min-width : 993px) {

.parallax img {
/*   width: 100%;*/
}

}

@media only screen and (max-width : 992px) {
  .parallax img {
  }
}

@media only screen and (min-width: 993px) {
  .parallax img {
  }
}

@media only screen and (min-width : 1100px) {
 

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
 

}

/* CUSTOM  */

@media only screen and (min-width : 1285px) {
 

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 2000px) {

}

@media only screen and (min-width: 601px) {
 

}