/*
Theme Name: Matouk Lawyers Theme
Description: A child theme to house custom coding which modifies the Divi parent theme by Elegant Themes. Includes default line numbers where the code was taken from in the parent theme.
Author:   Andy Jones
Template: Divi
*/

@import url("../Divi/style.css");

/*
 ***************************
 * Theme Updates
 ***************************
 */

/*Global font styles
body{
	font-size: 1.2em!important;
	line-height: 1.5em!important;
}*/

/*Header Styles*/
.et_pb_row.et_pb_row_0.et_pb_row--with-menu {
    display: none!important;
}
.phone_number_container_mck {
	width: 37%;
    display: block;
    height: 100%;
    float: left;
    margin-top:38px;
    margin-left: 60%;
    font-size: 20px;
	text-align:right;
}

@media only screen and (max-width:1440px){
	.phone_number_container_mck {
	width: 50%;
    display: block;
    height: 100%;
    float: left;
    margin-top: 36px;
    margin-left: 46%;
    font-size: 20px;
    text-align: right;}
}

@media only screen and (max-width:768px){
	.phone_number_container_mck {
	width: 100%;
    margin: 30px 0 30px 0;
    font-size: 23px;
    text-align: center;}
}	

.phone_number_container_mck a{
	color:#ffffff;
	text-decoration:none;
}
.et_header_style_left .logo_container {
    position: absolute;
    height: 100%;
    width: 50%;
}

@media (max-width: 980px){
.et_header_style_left .et_header_style_split #logo {
    max-width: 80%!important;}
}

/* Switch to hamburger menu on tablets */

.et_pb_menu__menu {
    display: none !important;
}
.et_mobile_nav_menu {
    float: right;
    display: block;
}
.et_pb_module.et_pb_menu.et_pb_menu_0_tb_header.et_pb_bg_layout_light.et_pb_text_align_left.et_dropdown_animation_fade.et_pb_menu--without-logo.et_pb_menu--style-centered {

    background-color: rgba(0,0,0,0);
}
.et_pb_menu__wrap {
    margin: 10px -11px;
}
.et_pb_hover_box_9 .cwp_back .cwp_back_description {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    color: #ffffff!important;
    line-height: 1.3em;
    text-align: center;
    margin-top: 10px;
}
.et_pb_equal_columns >.et_pb_column {
margin-top:auto;
margin-bottom:auto;
} 

/*Fullwidth map and overlay details section*/
#mapDetailContainer {
    margin-top: -26.5%;
	padding:0px;
}
#mapDetails {
    padding: 10px 0 !important;
    height: 100% !important;
}

/*Gravity forms changes*/

#input_1_3 {
    width: 102%!important;
}


/*Mobile styles*/
@media only screen and (max-width:425px){
	#input_1_3 {
    width: 100% !important;
}
	/*full width background hover on mobile home page*/
.et_pb_hover_box_6 .cwp_hoverbox_wrapper, .et_pb_hover_box_6 .cwp_front, .et_pb_hover_box_6 .cwp_back {
    min-height: auto;
    min-height: auto;
    width: 100%!important;
}	
.et_pb_hover_box_7 .cwp_hoverbox_wrapper, .et_pb_hover_box_7 .cwp_front, .et_pb_hover_box_7 .cwp_back {
    min-height: auto;
    min-height: auto;
    width: 100%!important;
}	
	.et_pb_hover_box_8 .cwp_hoverbox_wrapper, .et_pb_hover_box_8 .cwp_front, .et_pb_hover_box_8 .cwp_back {
    min-height: auto;
    min-height: auto;
    width: 100%!important;
}	
.et_pb_hover_box_9 .cwp_hoverbox_wrapper, .et_pb_hover_box_9 .cwp_front, .et_pb_hover_box_9 .cwp_back {
    min-height: auto;
    min-height: auto;
    width: 100%!important;
}	
.et_pb_hover_box_10 .cwp_hoverbox_wrapper, .et_pb_hover_box_10 .cwp_front, .et_pb_hover_box_10 .cwp_back {
    min-height: auto;
    min-height: auto;
    width: 100%!important;
}	
.et_pb_hover_box_11 .cwp_hoverbox_wrapper, .et_pb_hover_box_11 .cwp_front, .et_pb_hover_box_11 .cwp_back {
    min-height: auto;
    min-height: auto;
    width: 100%!important;
}	
/*contact us form button*/
	#gform_submit_button_2 {
    float: left;
    font-size: 18px;
    background: #FF0000;
    color: #FFFFFF;
    padding: 8px 25px;
    cursor: pointer;
    border: none;
    font-weight: 500 !important;
    width: 100%!important;
    margin-top: 0px!important;
}
.phone_number_container_mck{display:none;}
	.et_header_style_left .logo_container {
    position: absolute;
    height: 100%;
    width: 100%;
}
}
	
@media only screen and (max-width: 1500px) {
  #mapDetailContainer {
/*     margin-top: -34%!important; */
	padding:0px;}
	}

@media(min-width: 981px) {
	#mapDetailContainer {
		margin-top: -500px;
		background: none;
	}
}