/*
Theme Name: Method
Theme URI: https://BrandElemental.com
Description: A Custom Child Theme 
Author: Tammy Grarnt
Author URI: http://BrandElemental.com
Template: Divi
Version: 1.0
*/


/* --------[GENERAL] -------- */
a:hover {color: #9eaab6;}

html, body {
	max-width: 100%;
    overflow-x: hidden;
}
.container,.et_pb_row{
	width:90%;
}

/*-------- [TYPOGRAPHY] -------- */

h2 {
	font-size: 42px;
}

h3 {
	font-size: 32px;
}

h4 {
	font-size: 28px;
}

.sf-vertical-align { 
	display: flex !important; 
    flex-direction: column !important; 
    justify-content: center !important;
	-webkit-display: flex !important;
	-webkit-flex-direction: column !important;
	-webkit-justify-content: center !important;
	-moz-display: flex !important;
	-moz-flex-direction: column !important;
	-moz-justify-content: center !important;
} 

@media only screen and (min-width: 981px) {
.vertical-text {
	z-index: 99999999;
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	/* Opera */
-o-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
position: absolute !important;
	top: 50% !important;
	left: -7% !important;
}
}

/* ---------- [Hamburger Menu for Tablets] ----------- */

@media only screen and (max-width: 1024px) and (min-width: 981px) {
#et_mobile_nav_menu {
	display: block !important;
}

#top-menu-nav, #top-menu {
	display: none !important;
}

.mobile_menu_bar:before{
		color:#fff!important;
		font-size:62px;
	}
	
	.et_pb_slide_description h2.et_pb_slide_title {
		font-size: 32px !important;
	}

	 div.et_pb_container:nth-child(3) > div:nth-child(1) > div:nth-child(1) > h2:nth-child(1) {
		 font-size: 32px !important;
	}
}


@media (max-width: 980px){
.et_header_style_left #logo, .et_header_style_split #logo {
    max-width: 50%;
    margin-top: 40px;
}
}

/* ------- [TOP HEADER] ------- */

 #top-header .container{
	padding-top:0;
	width:100%;
	max-width:100%!important;
}
#et-info-phone:before{
	display:none;
}
#et-info{
	background: #001022 !important; 
	color: #FDCF2F;
	padding: 15px 70px!important;
	float:right;
}
#et-info:hover{
	background: #1276b1;
	cursor:pointer;
}
#et-info-phone{
	font-size:22px;
	font-weight: 500;
	letter-spacing:2px;
}

@media all and (min-width: 981px) {
.et_fixed_nav #top-header { 
	position: absolute !important; 
} 
.et-fixed-header { 
	top: 0px!important; 
}
}

.et_header_style_left #et-top-navigation{
	padding:25px 0!important;
}
.et_header_style_left .et-fixed-header #et-top-navigation{
	padding:15px 0;
}
.et_header_style_left #et-top-navigation nav>ul>li>a,.et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a{
	padding: 15px 25px!important;
}
.et_header_style_left #et-top-navigation nav>ul>li.menu-item-has-children>a,.et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li.menu-item-has-children>a{
	padding-right:45px!important;
}
#et-top-navigation .current-menu-item a,.et_header_style_left #et-top-navigation nav>ul>li>a:hover,.et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a:hover,.hero-dark.et_header_style_left #et-top-navigation nav>ul>li>a:hover,.hero-dark.et_header_style_left .et-fixed-header#main-header #et-top-navigation nav>ul>li>a:hover,.page #top-menu ul.sub-menu li.current_page_item a,.et_header_style_left #et-top-navigation #top-menu li.current-menu-ancestor.current-menu-parent>a{
	background-color:#001022!important;
	opacity:1;
	color:#fff!important;
}

#et-secondary-nav .menu-item-has-children>a:first-child:after, #top-menu .menu-item-has-children>a:first-child:after{
	top:15px;
	right:18px;
}
.hero-dark.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container{
	padding-top:0!important;
	margin-top:0!important;
}
#top-menu li{
	padding-right:0;
}

.hero-dark #logo,.hero-dark .et-fixed-header .logo_container a::before{
	display:none;
}

.hero-dark #main-header,.hero-dark .top-header{
	background:rgba(255,255,255,0);	
} 
.hero-dark #top-menu a{
	color:#fff!important;
}
.hero-dark #main-header{
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}   
.hero-dark #top-menu ul.sub-menu li a,.page #top-menu ul.sub-menu li a,.hero-dark .et-fixed-header #top-menu a{
	color:#2a1e24!important;
}
.hero-dark .et-fixed-header#main-header{
	background:#fff;
}


.hero-dark .logo_container a::before{
	content:"";
	background-image:url("https://drdavidgrant.com/wp-content/uploads/2021/01/logo-dg_white.png");
	background-repeat: no-repeat;
	height:100px;
	display:inline-block;
	width:280px;
	background-size:100%;	
	position: relative;
    top: 5px;
}
.hero-dark .et-fixed-header #logo{
	display:inline-block;
}

/* ----- GLOBAL ANIMATION SETTINGS ------- */

/* Wiggle Animation */
@keyframes wiggle {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
   
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
 
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }
 
  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

/* Animation Settings */
#wiggle .et-pb-icon {
	-webkit-transition: all .2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

/* Service Animation */
.sf-base:hover  > #wiggle .et_pb_main_blurb_image, .sf-base:hover  > #wiggle .et_pb_icon  { /* <------ Hover over column and icon wiggles --- */
	animation: wiggle 0.82s cubic-bezier(.36,.07,.19,.97) both;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;   
}

.sf-shadow:hover {  /* <------ Hover effect for columns --- */
-webkit-box-shadow: 0 4px 5px rgba(0,0,0,0.7);
    -moz-box-shadow: 0 4px 5px rgba(0,0,0,0.7);
    box-shadow: 0 4px 5px rgba(0,0,0,0.7);
}

.sf-shadow:hover  > #wiggle .et-pb-icon { /* <------ Hover over column and icon wiggles --- */
	animation: wiggle 0.82s cubic-bezier(.36,.07,.19,.97) both;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;  
 
}

/* Black and White Hover Effect */
.img-bw {
	transition: filter .5s ease-in-out;
}
.img-bw:hover {
	-webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
	filter: grayscale(100%); /* FF 35+ */
}

/* ------  [MODULES & FORMS] -------- */

/* Subscribe Module */
.subscribe-section.et_pb_column .et_pb_newsletter_form {padding-left: 0px;}
.subscribe-section .et_pb_newsletter_form p.et_pb_newsletter_field input[type="text"]{
	padding: 14px 4% !important;
}
.subscribe-section.et_pb_newsletter_form p input{
    padding:14px 4%!important;
}
.subscribe-section.et_pb_newsletter_form p .et_pb_button{
    padding:12px 4%!important;
    line-height:1em!important;
}

.subscribe-section.et_pb_newsletter_form input[type="text"], .et_pb_newsletter_form p.et_pb_newsletter_field input[type="text"]{
	margin-bottom: 10px !important;
}

@media only screen and (max-width: 479px){
                
    .optin.et_pb_newsletter .et_pb_newsletter_fields > p:first-of-type,  .subscribe-section.et_pb_newsletter .et_pb_newsletter_fields > p:nth-of-type(2){
        flex-basis: 95% !important;
        margin-right: 0 !important;
     } 
				
    .subscribe-section .et_pb_contact_field_options_wrapper{
         display: flex;
         align-items: center;
    }
				
    .subscribe-section .et_pb_contact_field_options_wrapper .et_pb_contact_field_options_title{
		 margin-right: 10px;
         margin-bottom: 0;
     }              
}

@media only screen and (max-width: 768px){
                
    .subscribe-section.et_pb_newsletter .et_pb_newsletter_fields > p:first-of-type,  .subscribe-section.et_pb_newsletter .et_pb_newsletter_fields > p:nth-of-type(2){
         flex-basis: 100% !important;
         margin-right: 0 !important;
      }              
    .subscribe-section .et_pb_contact_field_options_wrapper{
         display: flex;
         align-items: center;
    }
	
    .subscribe-section .et_pb_contact_field_options_wrapper .et_pb_contact_field_options_title{
        margin-right: 10px;
        margin-bottom: 0;
    }              
}

@media only screen and (max-width: 980px) {
	.optin.et_pb_column .et_pb_newsletter_form {
		width: 100%;
	}
	
}

@media only screen and (min-width: 981px){
    .subscribe-section.et_pb_newsletter .et_pb_newsletter_fields > * {
		flex-basis: 30% !important;
} 	
}



/* Caldera Forms  */
.caldera-grid .btn-default {
	color: #fff !important;
	background-color: #FDCF2F !important;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	padding-right: 30px;
	border: none !important;
	width: 100% !important;
	text-transform: uppercase;
	font-size: 18px;
}

.caldera-grid .btn-default:hover {
	background-color:  #001022 !important;
}

.caldera-grid .alert-success {
    background-color: #efefef;
    border-color: #efefef;
    color: #333333 !important;
}

/* Asterick color */
	.field_required {color: #FDCF2F !important;}

/* Input Fields */
.caldera-grid .form-control {
    background-color: #F8ECDE;
    border: 0px solid #ccc !important;
    border-radius: 3px;
}

/* ---------[PAGES] ----------- */

/* -------- Home -------- */
/* Make Description Float Left */
@media only screen and (min-width: 981px){
.hero-left .et_pb_slide>.et_pb_container {
    position: absolute;
	top: 0;
	width: 50%;
    float: left;
	}
}

.customSlider .et-pb-controllers{
	bottom: 70px;
    left: 0;
    width: 85%;
    text-align: left;
    right: 0;
    margin: 0 auto;
}

.customSlider .et-pb-controllers a{
	width: 70px;
    height: 5px;
	-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
	border-radius:0;
	background-color:rgba(255,255,255,1);
}

.customSlider .et-pb-controllers .et-pb-active-control{
	background-color:#1276b1;
}

/* Porftolio Title Background */
.method-portfolio .et_pb_portfolio_item h2 {
	border: 1px solid #FDCF2F;
	margin-top: 0px;
	padding: 5px;
	text-align: center;
}

.customTestimonial.et_pb_testimonial .et_pb_testimonial_author{
	font-size:18px;
	font-family: 'Work Sans',Helvetica,Arial,Lucida,sans-serif;
	font-weight:400;
}

.customBlurb{
	-webkit-transition: all .5s; 
    -moz-transition: all .5s;
    transition: all .5s;
	position:relative;
	z-index:1;
}

.customBlurb:hover{
	cursor:pointer;
	background-color:#1276b1;
}

#largeBlurb{
	transform: scale(1.1);
	z-index:3;
	-webkit-box-shadow: -1px -1px 66px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: -1px -1px 66px 0px rgba(0,0,0,0.3);
	box-shadow: -1px -1px 66px 0px rgba(0,0,0,0.3);
} 

.customForm .et_pb_contact_submit{
	width:100%;
	margin-left:0;
}

.customForm .et_contact_bottom_container{
	float:none;	
}

.customForm p.et_pb_contact_field{
	padding-left:0;
}

/* -------  About Page -------- */

/* Side Arrow on Columns on the Service Page */
@media only screen and (min-width: 1024px) {
#et-main-area { 
	overflow: hidden;
}

.method-right-arrow.et_pb_column {
	z-index: unset;
}
	
.method-right-arrow:before {
	position: absolute; content: ''; 
	pointer-events: none;
	top: 50%; 
	width: 50px; 
	height: 50px; 
	-webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg);
}

.method-right-arrow {
	position: relative;
}

.method-right-arrow:after {
	right: -44px; 
	z-index: 10 !important; 
	background: inherit;
	position: absolute; content: ''; pointer-events: none;
	top: 50%; 
	width: 89px; 
	height: 89px; -webkit-transform: translateY(-50%)
	rotate(45deg); transform: translateY(-50%) rotate(45deg);
	z-index: 10 !important; background: inherit;
	}
}

/* Team Section */
/* Person Module - Center Content */
#team .et_pb_team_member_description h4 {
	width: 100% !important; text-align: center; margin-left: auto; margin-right: auto;
}

#team .et_pb_member_position {
	width: 100% !important; text-align: center; margin-left:auto; margin-right: auto;  
}

#team  .et_pb_team_member_image {
	text-align: center;
}

#team  .et_pb_member_social_links {
	width:100%; text-align:center; 
}

#team .et_pb_team_member_description { 
min-width: 260px;
}

/* Team Member Row */
@media only screen and (min-width: 981px) {
	#team-column { 
	width: 24.00% !important;
	}
	#team-column { 
	margin-right: 1.0% !important;
	}
}

/* ------- Gallery Page -------- */

/* Gallery Column Size from 4 columns to 3  */
@media only screen and (min-width: 768px) {
	.et_pb_gutters3 .et_pb_column_4_4 #gallery-grid .et_pb_grid_item {
		width:32.33%! important;
		margin: .5% !important; 
		clear:  none !important;
	}
}

/* -------- Service Page ---------- */

/* Service Tabs */
.method-nav-tabs .et_pb_tabs_controls li{
	display: block;
	float: none;
	line-height: inherit;
	border-right: none;
	height: auto;
	font-weight: 600;
	padding: 30px 20px; 
	margin-bottom: 5px;
}

.method-nav-tabs .et_pb_tabs_controls li a{
	color: #001022;
}

.method-nav-tabs .et_pb_tabs_controls li a{
	text-transform: uppercase;
}

@media only screen and (min-width: 981px){
	.method-nav-tabs .et_pb_tab_active:after{
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box; 
		font-family: "ETmodules";
		font-size: 60px;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		content: "E";
		color: #001022; /* <--------------- Color Change ------ */
		padding-right: 10px;
		position: absolute;
		right: -42px;
		top: 35px;
	}
}

.method-nav-tabs .et_pb_tabs_controls li.et_pb_tab_active a{
	color: white !important;
}

.method-nav-tabs .et_pb_tab{
	border: 4px solid #d9d9d7;
}

@media only screen and (max-width: 768px){
	.method-nav-tabs .et_pb_tabs_controls li{
	    padding: 2px 8px;
	    font-size: 14px;
	}
}

@media only screen and (min-width: 768px){
	.method-nav-tabs.et_pb_tabs{
		display: flex;
	}

	.method-nav-tabs .et_pb_tabs_controls{
		width: calc(100% * (1/3));
	}

	.method-nav-tabs .et_pb_all_tabs{
		display: flex;
		width: calc(100% * (2/3));
	}

	.method-nav-tabs .et_pb_tabs_controls li:last-of-type{
		margin-bottom: 0;
	}

	.method-nav-tabs ul.et_pb_tabs_controls:after{
		display: none;
	}
}

/*------------ Blog Landing Page -------- */

/* Blog Module without Excerpt */
.be-blog-bare .post-content-inner {
	display: none;
}

/* ----- Category Page Style -------------- */

@media (min-width: 981px) {
	.left-blog-image .et_pb_post .entry-featured-image-url {
		float: left;
		width: 100%;
		max-width: 150px;
		margin: 0 20px 30px 0;
	}
	.left-blog-image .et_pb_post {
		margin-bottom: 20px !important;
	}
}

/* ----------[FOOTER] ------------- */

#footer-info{
	float:none;
}
#main-footer p,#footer-info{
	text-align:center;
}

/* ------------ [RESPONSIVE] ------------*/

@media all and (max-width: 1100px) {
	#top-menu li a{
		font-size:18px;
	}
	
	.et_header_style_left #et-top-navigation nav>ul>li>a{
		padding: 15px 20px;
	}

	.et_pb_text h3{
		font-size:35px;
	}
}

@media all and (max-width: 1100px) and (min-width: 982px) {
	#largeBlurb .et_pb_blurb h4{
		font-size:23px;
	}
}
@media all and (max-width: 1000px) {
	.et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_left .et-fixed-header #et-top-navigation nav>ul>li>a {
    	padding: 15px 10px;
	}
	.hero-dark .logo_container a::before{
		width: 130px;
		height: 60px;
		top: -55px;
	}
}

@media all and (min-width: 981px) and (max-width: 1000px){
	.et_pb_text h1{font-size:35px!important;}
		#main-slider .et_pb_slider .et_pb_slide .et_pb_slide_description .et_pb_slide_title{
		font-size: 36px!important;
	}	
}

@media all and (min-width: 981px) and (max-width: 1000px){
	.customBlurb .et_pb_blurb h4 {
    	font-size: 20px!important;
	}
}

@media all and (max-width: 981px) {
	.et_header_style_left #et-top-navigation{
		padding-left:255px!important;
	}
	.customSlider .et_pb_slider .et_pb_slide .et_pb_slide_description {
		padding-top: 55% !important;
	}
}

@media all and (max-width: 767px) {
	.customSlider .et_pb_slider .et_pb_slide .et_pb_slide_description {
		padding-top: 55% !important;
		}
}

@media all and (max-width: 980px) {
	.et_hide_mobile_logo #main-header .logo_container{
		opacity:1;
		display:block;
	}
	
	#main-header .et_mobile_menu { 
		background-color: #fff!important;
		top: 95px;
	}
	
	#main-header .mobile_menu_bar{
		background-color: #FDCF2F;
		padding-bottom:0;
	}
	
	.mobile_menu_bar:before{
		color:#fff!important;
		font-size:62px;
	}
	
	#main-header .et_mobile_menu{
		padding:2%;
		top:126px;
	}
	
	.et_mobile_menu li a {
		font-size: 20px;
		text-align: center; 
		color:#252525!important;
		padding: 20px 5%;
		border-bottom:none;
		text-transform:uppercase;
	}
	
	.et_mobile_menu li li {
    	padding-left: 0;
	}
	
	.et_header_style_left #et-top-navigation .mobile_menu_bar {
    padding-bottom: 10px;
    margin-top: 40px;
	}
	
	.customSlider .et_pb_slide_description h2.et_pb_slide_title{
		font-weight:bold!important;
	}
	
	.customSlider .et-pb-controllers{
		bottom:50px;
	}
	
	.et_pb_text h3 {
    	font-size: 30px;
	}
	
	#largeBlurb {
    	transform: scale(1); 
	}
}

@media all and (max-width: 980px) and (min-width: 801px) {
	.et_pb_text h1 {
    	font-size: 28px!important;
	}
}

@media all and (max-width: 500px) {
	#et-info{
		width:100%;
		float:none;		
		position:fixed!important;
		padding: 15px 30px!important;
		 top: 0px; 
	}
	
	.et_fixed_nav #top-header {
		position: relative!important;
}

	#et-info-phone{
		font-size:18px;	
	}

	#largeBlurb{
		transform: scale(1);
	}
	
	#textMountainbg .et_parallax_bg{
		background-image:none!important;
		background-color:#f2eae8;
	}
}

@media all and (max-width: 400px) {
	#main-slider .et_pb_slider .et_pb_slide .et_pb_slide_description .et_pb_slide_title{
		font-size: 18px!important;
	}
}