/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

html {
  scroll-behavior: smooth;
}

a, .et_clickable, .basso-green, .et-menu a, .menu-btn a, .main-cta-down p, .main-cta-down .et-pb-icon, .mobile_nav .mobile_menu_bar::before, ul.et_mobile_menu {
	transition: 0.2s ease-in-out;
}

a:hover, .et_clickable:hover, .et-menu a:hover {
	color: #A89563;
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, .h1-styling span, .h2-styling span, .h3-styling span {
	font-family: "Inria Serif", serif;
	font-style: italic;
	font-weight: 300;
	text-transform: capitalize;
}

h1, .h1-styling {
	font-size: 65px;
}

h2, .h2-styling {
	font-size: 45px;
}

h3, .h3-styling {
	font-size: 22px;
}

h1, h2, h3, h4, h5, h6, .h1-styling, .h2-styling, .h3-styling {
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.3em;
}

.all-caps {
	text-transform: uppercase !important;
}

/******* HEADER ********/
header {
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
}

.et-menu a {
	font-size: 18px;
	color: #fff;
	padding: 0 !important;
}

.menu-btn a {
	padding: 15px 25px !important;
	border-radius: 100px;
	background: #A89563;
	color: #151515;
	font-weight: 600;
}

.menu-btn a:hover{
	color: #151515 !important;
}

.menu-item {
	margin: 0 !important;
}

.menu-item a {
	align-content: center;
}

ul.et_mobile_menu {
	position: fixed;
  	top: 0 !important;
 	height: 100% !important;
  	background: rgba(0,0,0,0.8);
  	padding: 100px 45px 85px !important;
  	border: 0;
  	z-index: 10;
  	opacity: 0;
  	align-content: center;
}

ul.et_mobile_menu a {
	text-align: center;
	color: #fff !important;
	display: inline-block;
}

ul.et_mobile_menu li {
	display: block;
	text-align: center;
}

ul.et_mobile_menu .menu-btn {
	padding-top: 25px;
}

ul.et_mobile_menu .menu-btn a:hover {
	background: #706444;
}

.mobile_nav.opened ul.et_mobile_menu  {
	opacity: 1;
}

.mobile_nav.opened .mobile_menu_bar::before {
  content: "\4d";
}

.mobile_nav.opened .mobile_menu_bar {
	z-index: 11;
}

/*******BODY **************/
#et-main-area {
	position: relative;
}

.main-cta {
	color: #fff;
	height: 100vh;
	min-height: 700px;
}

.main-cta .et-pb-background-video:before {
	content: '';
	background: rgba(66, 67, 71, 0.6);
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	z-index: 1;
	mix-blend-mode: multiply;
}

.main-cta h1 {
	text-transform: uppercase;
}

.main-cta h1 span.small-text {
	color: #fff;
	margin-bottom: 5px;
}

h1 .small-text, .h1-styling .small-text {
	font-size: 36px;
}

.small-text {
	text-transform: initial !important;
	display: block;
  line-height: 1.2em;
}

.main-cta-three-col p span.small-text {
	font-family: "Inria Serif", serif;
	font-style: italic;
	font-weight: 300;
	display: block;
}

.main-cta-three-col p {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 28px;
	text-align: left;
	line-height: 1.2em;
}

.main-cta-down:hover p, .main-cta-down:hover .et-pb-icon {
	color: #A89563 !important;
}



/******* ACCOMPLISHMENTS *******/
.accomplishments a {
	color: #151515;
	text-decoration: underline;
}

.accomplishments a:hover {
	color: #A89563;
	text-decoration: underline;
}

.accomplishments .et_pb_text:hover p {
	font-size: 22px;
}

.accomplishments .et_pb_text p {
	transition: font-size 0.5s;
}

.accomplishments .et_pb_text {
	margin: 25px 0;
	padding: 0 85px;
}

.accomplishments .et_pb_text:before {
	position: absolute;
	content: '\2022';
	font-size: 100px;
	color: #A89563;
	top: 0;
	left: -13px;
}


/******* TESTIMONIALS ********/
.testimonials .et_pb_slider .et-pb-arrow-prev {
  left: 22px;
  opacity: 1;
}

.testimonials .et_pb_slider .et-pb-arrow-next {
  right: 22px;
  opacity: 1;
}

.testimonials .et_pb_slide .et_pb_container {
	border: 1px solid #A89563;
	border-radius: 15px;
}

.testimonials .et_pb_slide {
	padding: 0 95px;
}

.testimonials .et-pb-controllers {
	display: none;
}




/******* WORK WITH PAUL ******/

.work-w-paul h2 {
	font-size: 100px;
	line-height: 1em;
}

.work-w-paul h2 span {
	font-size: 45px;
   display: block;
   margin: 0;
   line-height: 1em;
   padding-right: 125px;
}



/******** FOOTER *******/
.basso-green {
	color: #7BB136;
}

.basso-green:hover {
	color: #537922 !important;
}

footer {
	position: absolute;
  	bottom: 0;
  	right: 0;
  	left: 0;
}

footer p {
	line-height: 1.2em;
}




/************ RESPONSIVENESS *************/
@media (max-height: 700px) {
	.main-cta {
		padding-top: 200px !important;
	}
}

@media (max-width: 1199px) {
	.main-cta-three-col p {
		font-size: 22px;
	}

	.accomplishments .et_pb_text {
		margin: 15px 0;
		padding: 0 45px;
	}

	.testimonials .et_pb_slide {
		padding: 0 45px;
	}

	.testimonials .et_pb_slider .et-pb-arrow-prev {
	  left: 0px;
	}

	.testimonials .et_pb_slider .et-pb-arrow-next {
	  right: 0px;
	}
}

@media (max-width: 1124px) {

	.work-w-paul .empty-col  {
		display: none;
	}
}

@media (max-width: 980px) {
	.main-cta-three-col p {
		font-size: 2.7vw;
	}

	.main-cta-three-col .et-pb-icon {
		font-size: 5vw !important;
	}

	h1, .h1-styling {
		font-size: 40px;
	}

	h2, h2.styling {
		font-size: 25px;
	}

	h3, h3.styling {
		font-size: 18px;
	}

	h1 .small-text, .h1-styling .small-text {
		font-size: 28px;
	}

	.testimonials .et_pb_slide {
		padding: 0px;
	}

	.testimonials .et_pb_slider .et-pb-arrow-prev, .testimonials .et_pb_slider .et-pb-arrow-next {
		display: none;
	}

	.testimonials .et-pb-controllers {
		display: block;
	}
}

@media (max-width: 767px) {
	footer .et_pb_section_0_tb_footer p {
		font-size: 14px;
	}

	.accomplishments .et_pb_text {
		margin:  0;
		padding: 0 25px;
	}

	.work-w-paul h2 span {
	   padding-right: 0;
	}
}