/*---------------------------------------------------------------------------------

 Theme Name:   Divi Ultimate
 Theme URI:    https://diviultimate.com
 Description:  The last child theme you ever need for Divi Wordpress
 Author:       Divi Ultimate
 Author URI:   https://diviultimate.com
 Template:     Divi
 Version:      8.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/
/* add default Header sizes*/
h2 {
font-size: 26px;
}

h3 {
font-size: 22px;
}

h4 {
font-size: 18px;
}

h4 {
font-size: 16px;
}

/* end default header sizes*/
blockquote {
    border-color: #51c4bc;
}

.background-overlay:before {
    background-color: rgba(0,0,0,.65);
}
.background-overlay-light:before{
	background-color: rgba(252,253,255,0.8);
}
.background-overlay:before, .background-overlay-light:before, .et_parallax_bg:before {
    position: absolute;
    content: " ";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
}

.et_pb_section_parallax:before {
    z-index: 1!important;
}

.et_pb_section_0 {
     margin-top: 0px!important;
}

/*----------Custom Gallery----------*/
 
.et_overlay {
    display: none;
}
 
.mfp-title {
    display: none;
}
 
.et_pb_gallery_grid .et_pb_gallery_item img {
    transform: scale(1.03);
    transition: transform 0.5s, opacity 0.5s;
}
 
.et_pb_gallery_grid .et_pb_gallery_item img:hover {
    transform: scale(1.15);
    opacity: 1;
}
 
.et_pb_gallery_grid .et_pb_gallery_item {
    padding: 2px;
    clear: right!important;
}

.et_pb_gallery_grid .et_pb_gallery_image {
    overflow: hidden;
    position: relative;
}


/** Desktop **/
@media (min-width: 981px){
.col-width .et_pb_gallery_item {
width: 25% !important; /*four columns*/
clear: none !important;
}
}
 
/** Tablet **/
@media (max-width: 980px){
.col-width .et_pb_gallery_item {
width: 25% !important; /*Four columns*/
clear: none !important;
}
}
 
/** Small Tablet and Large Phone **/
@media (max-width: 767px){
.col-width .et_pb_gallery_item {
width: 25% !important; /*four columns*/
clear: none !important;
}
}
 
/** Phone **/
@media (max-width: 479px){
.col-width .et_pb_gallery_item {
width: 50% !important; /*two columns*/
clear: none !important;
}
}

/**** End Gallery Customizations ****/


a:hover {
/*color: #0054a6!important;*/
color: black!important;
}

.et_pb_member_position {
     font-weight: 500!important;
}

/* a class to turn a standard square image into a circle for testimonial section
--------------------------------------------- */

.my-image-circle img {
    width: 120px;
    height: 120px;
	border-radius: 90px;
}

/* the main-content widgettitle codes are to customize the lines and bars in the blog sidebar
--------------------------------------------- */
#main-content .widgettitle {
    border-bottom: 1px solid #d7d7d7!important;
    padding-bottom: 7px!important;
    background: transparent!important;
    text-align: center!important;
    position: relative!important;
    margin-bottom: 18px!important;
    display: block!important;
    transform: skewX(0deg)!important;
}
#main-content .widgettitle h2 {
    font-size: 18px!important;
    color: #333!important;
    font-weight: 700!important;
    text-transform: uppercase!important;
}

#main-content .widgettitle:after {
    content: ''!important;
    height: 2px!important;
    width: 65px!important;
    display: block!important;
    margin: auto!important;
    position: absolute!important;
    bottom: -1px!important;
    left: 0!important;
    right: 0!important;
	background: #15356d!important;
}
.et_pb_widget li {
    border-bottom: 1px dotted #ccc;
    padding: 0 0 8px 0;
}

/* Gravity form overrides - have to use !important or this doesn't work
--------------------------------------------- */
/* These change the color of the placeholder text to a gray */
::-webkit-input-placeholder { /* Chrome */
  color: #757575 !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #757575 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #757575 !important;
  opacity: 1 !important;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #757575 !important;
  opacity: 1 !important;
}
.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text], .gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {
    margin-bottom: 0px!important;
}
.gform_wrapper li.hidden_label input {
    margin-top: 0px!important;
}

.gform_wrapper .trialformradio input {
	width: 5%;}

.validation_error {color: #ffffff!important;}

body .gform_wrapper .gform_body ul.gform_fields li.gfield_error {
  border:1px solid #0054a6;
  background-color:#0054a6!important;
}

body .gform_wrapper .gform_body ul.gform_fields li.gfield_error label,
body .gform_wrapper .gform_body ul.gform_fields li.gfield_error div.validation_message {
  color:black!important;
}

.gform_wrapper div.validation_error {
    color: #fff!important;
    border-top: 2px solid #ffffff!important;
    border-bottom: 2px solid #ffffff!important;
}
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
    border: 1px solid red!important;
}

body .gform_confirmation_message {
color: #0054a6!important;
}
.et_pb_contact_submit {
color: white!important;	
}
/* this is temporarily in place for the landing page menu only
#top-menu li.current-menu-item>a {
	color: rgba(0,0,0,.6)
}
#top-menu-nav>ul>li>a:hover{
color: red;
	opacity: .7;
}
*/

/**********
This changes to logo on fixed header */

.et-fixed-header #logo {
content: url(/wp-content/uploads/2019/11/kyle-logo2-plain-vector-svg.svg);
}
/*********************************/

.et-fixed-header#top-header .et-social-icons a {
    color: white;
}


#et-secondary-menu .et-social-icons {
    margin-right: 0px;
}

#top-header .et-social-icons {
	display: inline;
	float: right;
}
#top-header .et-social-icons a {
	line-height: 1em;
	color: lightgray;
	padding: 10px;
}
#et-info {
    float: right;
}
#et-info-email {
    display: none;
}
#top-header .et-social-icons li {
    margin-top: 0px;
    margin-left: 3px;
}

/*#top-header a {
	color: gray!important;
}*/

/*#et-info-phone {color:white;}*/

.top-phone:before {
	font-family: 'ETmodules';
	content: "\e090";
	font-size: 16px;
	float: left;
	color: black;
}
.top-email:before {
	font-family: 'ETmodules';
	content: "\e010";
	font-size: 16px;
	float: left;
	color: black;	
}
.top-phone {
	width: 150px!important;
    padding-right: 25px;
}
.top-email {
	width: 170px!important;
    padding-right: 25px;
}

.top-phone a {
	color: black!important;
	font-size: 15px!important;
}

.top-email a {
	color: black!important;
	font-size: 15px!important;
}


.top-phone a:hover {color: #999999!important;}
.top-email a:hover {color: #999999!important;}
/*.et-fixed-header .top-phone {color:gray;}*/
.et-fixed-header .top-phone a:hover {color:#999999!important;}
.et-fixed-header .top-email a:hover {color:#999999!important;}

.et-social-icon a {
    font-size: 14px;
    background: gray;
    color: lightgray;
    padding: 8px;
    border-radius: 100%;
    height: 35px;
    margin-top: 0px;
    width: 35px;
}
.et-social-icons a:hover {
    opacity: 1!important;
	color: white!important;
	-webkit-transition: none;
    -moz-transition: none;
    transition: none;
}
.et-social-icons li {
    margin-top: -2px;
    margin-left: 5px;
}
.et-social-icons li.et-social-youtube a:hover {
	background-color: #f45750!important;
}
.et-social-icons li.et-social-facebook a:hover {
	background-color: #3b5998!important;
}
.et-social-icons li.et-social-twitter a:hover {
	background-color: #1DA1F2!important;
}
.et-social-icons li.et-social-instagram a:hover {
	background-color: #dd2a7b!important;
}

 #main-header.et-fixed-header {
        -webkit-box-shadow: 0 0 0px rgba(0,0,0,.1)!important;
        -moz-box-shadow: 0 0 0px rgba(0,0,0,.1)!important;
        /* box-shadow:0 0 0px rgba(0,0,0,.1)!important; */
    }

/********** FOR DESKTOP & LAPTOPS ONLY **********/
@media only screen and (min-width: 981px){
	
/*********************************
Invert Logo color on fixed header
********************************
.et-fixed-header #logo {
-webkit-filter: invert(100%);
filter: invert(100%);
margin-top: -50px;
}
*/
#logo {
	margin-top: -75px;
}
	
.et_fixed_nav #top-header {
	position: fixed;
	z-index: 9998!important;
}

.et-fixed-header#top-header, .et-fixed-header#top-header #et-secondary-nav li ul {
    background-color: #ffffff!important;
}

/* Customize Get Started menu item on desktops & laptops */	
	.getstarted a{
		display: inline-block;
		margin-left: 1em;
		height: 10px;
		padding: 1em;
		padding-bottom: 2em !important;
		border: 1px solid #0054a6;
		border-radius: 10px;
		background-color: #0054a6;
		color: #999999 !important;
	}
	.et-fixed-header #top-menu .getstarted a{color:#999999!important}
	.getstarted a:hover {
		color: #ffffff !important;
		opacity:1!important;
		transform: translateY(-3px);
	}
	#top-menu-nav .getstarted a:hover {
		color: #ffffff!important;
		opacity: 1 !important;
}

	.top-phone:before{padding-top: 10px;}
	.top-phone a{padding-top: 10px;}
	
	.getstarted a:before{
	display:none !important
	}
	.et-fixed-header #top-menu li.getstarted.current-menu-ancestor > a, .et-fixed-header #top-menu li.getstarted.current-menu-item > a{
	color: #000 !important
	}
/*	.et-fixed-header #top-menu .contactmenu a:hover {
		color: #ffffff!important;
		opacity: 1!important;
	}*/
	#top-menu li li a{
		padding: 6px 10px!important;
	}
	#top-menu li li a:hover {
		color: white!important;
		background: #0054a6;
		opacity: 1!important;
	}
	.nav li ul {
     border-top: 3px solid #0054a6;
 }
}

#top-menu-nav>ul>li>a:hover {
color: #0054a6!important;
opacity: 1 !important;
}

/********** FOR MOBILE & TABLETS ONLY **********/
@media only screen and (max-width: 980px) {

li.getstarted {
    background-color: #0054a6;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    padding: 6px 6px 6px 6px!important;
    border-radius: 10px;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.et_mobile_menu .getstarted a {
    color: white!important;
	letter-spacing: 2px;
}

.top-phone:before {
	padding-top: 10px;
    padding-right: 10px;
}	

.top-phone {
    width: 100%!important;
	padding-right: 0px!important;
}

	.et_mobile_menu {
     border-top: 3px solid #0054a6!important;
 }
	
/*********************************
style mobile fixed header
*********************************/
#top-header, #top-header a {
     display: none;
}
	
.et_fixed_nav #main-header.et-fixed-header  {
position: fixed;
top: 0!important;
background: rgba(255,255,255,0.8);
height: 55px;
}
	
	#logo {
		content: url(/wp-content/uploads/2019/11/kyle-logo2-plain-vector-svg.svg);
		margin-top: 0px;
		
	}
 
.et-fixed-header .logo_container {
height: 55px;
}
 
.et-fixed-header .mobile_menu_bar {
padding-bottom: 5px;
}
 
/*********************************
make mobile fixed header navigation icon larger
*********************************/
 
.et-fixed-header .mobile_menu_bar:before {
font-size: 45px;
}
 
.et_header_style_left .et-fixed-header #et-top-navigation {
padding-top: 5px;
}
 
.et_fixed_nav #et-top-navigation {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
 
/**************************
Increase height of logo area on mobile and mobile fixed header
***************************/
#logo, .et-fixed-header #logo {
max-height: 80%;
}
	
/************************
Change text color on mobile
******************************/
	.et_mobile_menu li a {
		color: white!important;
	}
/************************
Change hamburger to X after open on mobile
******************************/	
.mobile_nav.opened .mobile_menu_bar:before {
 content: '\4d';
}	
	
	
}


/*====Double Button CSS Settings ========*/
/*----------Enter Your Colors Here!----------*/ 

.button-left { 
	color: #ffffff!important; 
	background: #0054a6!important; 
} 

.button-right { 
	color: #ffffff!important; 
	background: #4e4d4d!important;
} 

.button-left:hover { 
	color: #4e4d4d!important; 
	background: white!important; 
} 

.button-right:hover { 
	color: #0054a6!important; 
	background: white!important; 
} 

/*----------Advanced Desktop, Tablet & Mobile Settings----------*/ 

.double-button-wrapper .et_pb_row {
	width: 95%!important;
	}
	
.double-button {
	max-width: 750px;
	} 
	
/*----------Double Button Desktop View----------*/ 

.et_pb_button.button-left { 
	width: 100%; 
	-webkit-clip-path: polygon(0 0, 100% 0%, 86% 100%, 0% 100%); 
	clip-path: polygon(0 0, 100% 0%, 86% 100%, 0% 100%); 
	margin-right: -138px; 
	border-radius: 25px 0px 0px 25px!important; 
	font-size: 20px; 
	border: 0px!important; 
	text-align: center; 
	padding: 10px!important; 
} 

.button-left:after { 
	content: "\45";
	font-size: 28px;
	margin-top: 4px;
} 

.et_pb_button.button-left:hover {padding:10px!important;}
.et_pb_button.button-right:hover {padding:10px!important;}

.et_pb_button.button-right { 
	width: 100%; 
	-webkit-clip-path: polygon(14% 0, 100% 0%, 100% 100%, 0 100%); 
	clip-path: polygon(14% 0, 100% 0%, 100% 100%, 0 100%); 
	margin-left: -138px; 
	border-radius: 0px 25px 25px 0px!important; 
	font-size: 20px; 
	border: 0px!important; 
	text-align: center; 
	padding: 10px!important; 
} 

.button-right:after { 
	content: "\45";
	font-size: 28px;
	margin-top: 4px;
} 

/*----------Double Button Tablet View----------*/ 

@media only screen and (max-width: 980px) {
	
.et_pb_button.button-left { 
	width: 100%;
	float: left;
	left: 35px;
	} 
	
.double-button .et_pb_column {
	 width: 50%!important;
	}

.et_pb_button.button-right { 
	width: 100%;
	float: left;
	margin-left: -40px;
	} 
}

@media only screen and (max-width: 700px) {
	
.et_pb_button.button-left { 
	font-size: 15px;
	} 
	
.et_pb_button.button-right { 
	font-size: 15px;
	} 
}

/*----------Double Button Mobile View----------*/ 

@media only screen and (max-width: 479px) { 
	
.et_pb_button.button-left { 
	font-size: 15px;
	left: 0px;
	width: 110%;
	} 

.button-left:after { 
	font-size: 22px;
	margin-top: 2px;
	} 
		
.et_pb_button.button-right { 
	font-size: 15px; 
	width: 105%;
	margin-left: -12px; 
	} 

.button-right:after { 
	font-size: 22px;
	margin-top: 2px;
	} 
} 
/*===== END DOUBLE BUTTON CSS =====*/

/* --- Begin custom css to order columns on mobile ---*/
@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
 
}
/* END CUSTOM CSS TO ORDER COLUMNS ON MOBILE */