/*
Theme Name: Divi Child Theme
Theme URI: http://www.montereypremier.com/
Description: A Custom Theme
Author: Monterey Premier
Author URI: http://www.montereypremier.com/
Template: Divi
Version: 1.0
*/


/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*----------------[ 01 MAIN MENU AREA ]----------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/

	/* hide logo on home page */
		.page-id-41 img#logo {
			opacity: 0;}

		.page-id-41 .et-fixed-header img#logo {
			opacity: 1;}

	/* cta button */
		li.menu-cta a {
			background: #188f83;
			text-align: center;
			color: #fff!important;
			margin-top: 45px;}
		li.menu-cta a:hover {
			background: #105F57!important;
			opacity: 1;}




	/* top header */
		#et-secondary-menu > ul > li > a:hover, 
		#et-info-email:hover, 
		.et-social-icons a:hover {
			opacity: 1;}

	/* main menu */
		#top-menu-nav > ul > li > a:hover {
			opacity: 1;}

	/* shrink menu on smaller viewports */
		@media only screen and (max-width : 1085px) {
			.container.clearfix.et_menu_container, #top-header .container.clearfix {
				max-width: 100%!important;
				width: 95%!important;}}
		@media only screen and (max-width : 1000px) {
			#top-menu li {padding-right: 13px!important;}
			#top-menu li a {font-size: 13px!important;}}
			
			

/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-------------[ 02 COMMON ENHANCEMENTS ]--------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/

	/*=================================*/
	/*=================================*/
	/* ROWS AND COLUMNS */
		
	/* vertically align row using flex */
		@media only screen and (min-width : 981px) {
		.mp_row_vertical_align {
			display: flex;
			flex-direction: row;
			align-items: center;}}
			
	/* swap columns on mobile - simple two-column solution - add classes to row */
		@media all and (max-width: 980px) {		
			.mp_r_column_swap_simple_2_column {
				display: -webkit-box;
				display: -moz-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-webkit-flex-wrap: wrap;
				flex-wrap: wrap;}
			.mp_r_column_swap_simple_2_column .et_pb_column {
				margin-bottom: 30px!important;}
			.mp_r_column_swap_simple_2_column .et_pb_column:first-child {
				-webkit-order: 2;
				order: 2;}
			.mp_r_column_swap_simple_2_column .et_pb_column:last-child {
				-webkit-order: 1;
				order: 1;}}
			

	/*=================================*/
	/*=================================*/
	/* BUTTON LAYOUTS */

		/* inline buttons */
			.mp_r_inline_buttons .et_pb_button_module_wrapper {
				display: inline-block;
				margin: 10px 10px 0px 0px!important;}	

		/* inline buttons centered */
			.mp_column_inline_button_centered {
				display: flex;
				justify-content: center;}
			.mp_column_inline_button_centered .et_pb_button_module_wrapper {
				display: inline-block;
				margin: 10px 10px 0px 0px!important;}			


	/*=================================*/
	/*=================================*/
	/* SECTION - FULLWIDTH MAP USING CODE MODULE */

		.mp_s_fullwidth_map .et_pb_row {
			padding: 0px!important;}
		.mp_s_fullwidth_map .et_pb_code {
			line-height: 0px!important;}

	


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

	/*==================================*/
	/*==================================*/
	/* SCROLL TO TOP */

		/* scroll to top button color */
			.et_pb_scroll_top.et-pb-icon {
				background: #188F83;
				border-radius:0px!important;} 



/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*------[ADD YOUR CUSTOMIZATION BELOW THIS LINE]-------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/
/*-----------------------------------------------------*/

/*-----Ken Burns Header-----*/
.ds-kenburns-header {
    overflow:hidden ;
    position: relative;
    padding: 0;
}
.ds-kenburns-header:before {
    content: "";
    position: absolute;
    left:0; /*Left and Top sets the alignment of the image, you may need to change these if you want the image to move in a different direction*/
    top:0;
    width: calc(100vw + 120px); /*We are adding some extra width and height to the image so when it zooms and pans we don't get any whitespace around it. You may need to change these values if you change the values in the keyframes section of CSS below*/
    height: calc(100vh + 150px);
    z-index: -1;
    background: url(https://waveformelectricinc.com/wp-content/uploads/2024/01/Home-Renderings_Services_14.png); /*Chnange to the URL of the image you want to use*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    -ms-animation:move 15s ease forwards;
    -webkit-animation:move 15s ease forwards;
    -moz-animation:move 15s ease forwards;
    animation:move 15s ease forwards; /* This sets the duration of the effect and the value 'forwards' tells the effect to stop when its finished rather than loop. */
}
@keyframes move {
    from {
    -ms-transform: scale3d(1); 
    -webkit-transform: scale3d(1); 
    -o-transform: scale3d(1); 
    -moz-transform: scale3d(1); 
    transform: scale3d(1); /*This tells the image to start at its original size*/
  }
    to {
    -ms-transform: scale3d(1.1, 1.1, 1.1) translate3d(-150px, -120px, 0px);
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(-150px, -120px, 0px);
    -o-transform: scale3d(1.1, 1.1, 1.1) translate3d(-150px, -120px, 0px);
    -moz-transform: scale3d(1.1, 1.1, 1.1) translate3d(-150px, -120px, 0px);
    transform: scale3d(1.1, 1.1, 1.1) translate3d(-150px, -120px, 0px); /*This tells the image to finish at 1.2x it's original size and at a position of -150px on the X axis and -120px on the Y axis. You can adjust these values to get the effect you want*/
  }
}

.page-id-25228 .et_pb_text_13 {
    margin-top: 25px !important;
}
.page-id-25228 .et_pb_text_13 h3 {
    font-size: large!important;
}