/*
Theme Name: Bluer Law Landing Pages
Description: A child theme for Divi
Author:   Mad Dog md@maddogproductions.com
Template: Divi
*/

/* INCREASE WIDTH OF DROPDOWNS */
/* Increase inner width of drop-down menu - Code by Duogeeks*/
.et-menu li li a {
    padding: 6px 4px; 
    width: 220px;
}

/* CHANGE FONT OF MENU ITEM: ENGLISH */
.et-menu li.lato a {font-family: 'Lato', san serif !important; font-weight: normal !important;} 


/* NotoSC specific text */
.noto {font-family: 'Noto Serif SC', san serif !important; font-weight: 700 !important;}


/* FULL WIDTH HEADER MOBILE - ADD LINE BREAK */
@media(max-width:767px) {    
    span.tel-linebreak::before {
        content: "\A";
		white-space: pre;
    }    
}



/* GRAVITY FORMS */
/****************/

/* GRAVITY FORM SUBMIT BUTTON */
body .gform_wrapper .gform_footer input.button,
body .gform_wrapper .gform_footer input[type=submit] {
color:#ffffff;
font-family: 'Lato', sans-serif;
font-size: 20px;
padding-top:4px;
padding-bottom:4px;
padding-left:10px;
padding-right:10px;
border: 1px solid rgba(114,114,114,0.4);
border-radius: 1px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 1px 0px rgba(114,114,114,0.3);
-moz-box-shadow: 0 1px 0px rgba(114,114,114,0.3);
-webkit-box-shadow: 0 1px 0px rgba(114,114,114,0.3);
background-color: #1969B3;
cursor: pointer;
}

body .gform_wrapper .gform_footer input[type=submit]:hover {
border: 1px solid rgba(114,114,114,0.6);
background-color: #67b7e1;
}

/* GRAVITY FORM REMOVE REQUIRED LINE */
p.gform_required_legend {display: none;}

/* CHANGE FONT FOR FORM FIELDS */
body .gform_wrapper input {font-family: 'Lato', sans-serif !important;}


/* MARK BLUER BOX in sdebar */
.mark_box {width: 100%; margin-top: 20px; display: table;}
.box {display: table-cell;}
.mark_left {width: 40%;  height: 150px; border: solid 1px #6FBBE3; background: url("https://chinese.bluerlaw.com/wp-content/uploads/2017/01/marc-bluer2-148.png") no-repeat left bottom;}
.mark_right {width: 60%;  height: 150px;  text-align: center; vertical-align: middle; background-color: #6FBBE3; font-family: 'Noto Serif SC';
    font-weight: 700; font-size: 22px;}
.mark_right a {color: #fff; text-decoration: underline;}
.mark_right h2 {color: #000; font-weight: 700 !important; font-size: 1.6em !important; padding-bottom: 16px;}



/* ACCORDION  - ADD CLOSE ICON TO TITLE BAR */
/*add icon to the opened accordion*/
.pa-add-accordion-icon .et_pb_accordion_item.et_pb_toggle_open .et_pb_toggle_title:before {
	display: block;
	content: "\46" !important;
}



/* TESTIMONIALS */
/* Testimonial author styling */
.testimonial-name {font-size: 16px; font-weight: bold;}

/* lower  navigation dots */
.et_pb_slider .et-pb-controllers {bottom: 0px !important;}




/* LOCATIONS TABS */
/******************/

/* PUT MAPs SIDE-BY-SIDE */
.tab-float {float:left; padding-right: 60px;}


/* VERTICAL TABS 3 */
/* https://diviextended.com/how-to-create-divi-vertical-tabs */
/* Divi Vertical Tabs 3 */

.vertical-tabs3 {
    border: none;
}

.vertical-tabs3 ul.et_pb_tabs_controls {
    float: left;
    width: 30%;
    margin-right: 3%;
    background: transparent;
}

.vertical-tabs3 ul.et_pb_tabs_controls:after {
    content: none;
}

.vertical-tabs3 .et_pb_tabs_controls li {
    width: 100%;
    border-right: none;
    background: rgba(244, 244, 244, 0.5);
    margin-bottom: 0px; /* 10px */
}

.vertical-tabs3 .et_pb_tabs_controls li.et_pb_tab_active {
    background: #ececec;
}

.vertical-tabs3 .et_pb_tabs_controls li a {
    padding: 6px 14px; /* 10px */
}

.vertical-tabs3 .et_pb_tabs_controls li.et_pb_tab_active a {
    color: #3339ff !important;
}

.vertical-tabs3 .et_pb_tab {
    padding: 0;
}

.vertical-tabs3 .et_pb_tab_content {
    background: #ececec;
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
	justify-content: center;
	align-items: center;
}


@media(max-width:767px) {    
    .vertical-tabs3 ul.et_pb_tabs_controls {
        width: 100%;
        margin-bottom: 30px;
        margin-right: 0;
    }
    
    .vertical-tabs3 .et_pb_tabs_controls li {
        border-bottom: none;
    }
    
    .vertical-tabs3 .et_pb_tab {
        padding: 0;
    }    
}