/*
Theme Name:     Estate Planning
Description:    Divi child theme for Estate Planning
Author:         Agus Ariyanto
Template:       Divi
*/


/** 
 * Custom CSS from Theme Options
 */
h1,h2,h3,h6 {
	font-weight: bold;
	font-family: open sans;
}

li,p {
	font-size: 16px;

}

h1 {
	font-size: 30px;
	color: #005693
}

h2 {
	font-size: 24px;
	
}

h3 {
	font-size: 20px;
}

h6 {
	color: #005693
}

#main-header{border-bottom: 10px solid #52AD89;}
.fullmenu .nav li li{padding:0px 0px}
.fullmenu .et_pb_row{background:#f8f8f8;border-left:1px solid #e7e7e7;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;border-radius:0px 0px 3px 3px}

.onefifth{width:18.46%;margin:0px 0.76% !important;min-height:300px;max-height:300px;float:left;padding:80px 20px 50px 20px;outline: 1px solid #fff; outline-offset: -10px;-webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;}
.onefifth:hover{background-color:#025495 !important;
color:#fff !important;
}
.onefifth h4{color:#005595}
.onefifth:hover h4{color:#fff !important}
.onefifth:before{font-size:3rem !important;transform:scale(1.4) translateY(-.4em)}
.onefifth:hover:before{font-size:4rem !important;transition: color 1s ease-out,transform 1s ease-out;
}
.onefifth .et_pb_gutters3 .et_pb_column_4_4 .et_pb_module, .et_pb_gutters3.et_pb_row .et_pb_column_4_4
.et_pb_module{margin-bottom:25px !important}


.onefourth{width:25%;float:left;padding:0 7px;}
.onefourth .et_pb_widget{width:100% !important}
.footermenu{width:100% !important;}

.et_pb_widget ul li ul.sub-menu li{margin-left:0px !Important;padding-left:10px;}
.et_pb_widget_area_left{border-right:0px !important}

.footermenu h4{font-size:15px;font-weight:600;color:#000;}
.footermenu li{color:#000;margin-bottom:0.1em !important;text-transform:uppercase;font-size:12px;padding-left:12px;background-image:url(/wp-content/uploads/2017/10/bullet.jpg);background-repeat:no-repeat;background-position:0 7px;}
.footermenu li a{color:#000 !important;}

#main-header{z-index:9999}
@media (max-width: 980px){
ul.et_pb_social_media_follow{margin:0 auto !important;display:table !important;}

}
@media (max-width:768px){
.onefifth{width:100%;float:left;padding:65px 7px 30px 7px;}
.onefourth{width:100%;float:left;padding:0 7px;}
}
#wistia-video .wistia_responsive_wrapper{height:402px;border:1px solid #52ad89;}


blockquote{border-color:#ededed;font-size:17.5px;}

.menu-contact{background:#C0312F;margin-top:5px;border-radius:3px;padding:9px 0px;}
.menu-contact a{display:inline-flex !important;color:#fff !important;}
.phonelogo{width:20%;float:left;font-size:33px;color:#fff;}
.phoneright{width:90%;float:left;padding-left:9px;line-height:17px;}
span.mp1{width:100%;color:#fff;display:block;text-align:left;font-size:17px;}
span.mp2{width:100%;color:#fff;display:block;text-align:left;font-size:13px;font-weight:bold;}
.fullwidth-menu li > a{padding:10px 10px !important}
.et_pb_fullwidth_menu .fullwidth-menu-nav > ul{padding:10px 0 !important}
.fullwidth-menu .menu-item-has-children > a:first-child:after{top:9px;right:-10px}
.fullwidth-menu li li a{padding:6px 20px !important}
.fullwidth-menu a{display:flex !Important}

.widgetimage{margin-bottom:20px;display:block;}

#main-content .container:before{width:0px !important}
.main_title{border-bottom:1px solid #eee}

#main-content{background-image:url(/wp-content/uploads/2017/10/content_bg.jpg) !important;background-size:cover;background-position:center;}

.imagewidget img{max-width:200px;text-align:center;margin:0 auto;}
 #olark-container.olark-size-lg:not(.olark-inline) .olark-float-label{font-size:0.7em !important}
label.olark-float-label{font-size:0.7em !important}

#et-info-email:before{display:none}
#et-info{float:right !important}

.postbox{background:#44B787;padding:20px;border-radius:5px;}
.postbox h4.widgettitle{color:#fff;font-weight:bold;font-size:18px;margin-bottom:10px;}
.postbox .rpwe-block a{color:#fff !Important;font-size:14px !important;}
.postbox .et_pb_widget ul li{margin-bottom:0px !important}
.postbox .rpwe-block li{padding-bottom:0px !important;border-bottom:0px !important;padding-left:15px;}

.fullcolumn{width:100% !important}
.latest-post-selection article h1{font-size:1.1em;}
.latest-post-selection article{padding:2.8%}

.formbutton .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit]{background:#C0312F;color:#fff;padding: 10px 25px;
    border: 0px;
    border-radius: 5px;
    margin-left: 16px;}
.formbutton .gform_footer{padding-top:0px !important;margin-top:0px !important;}

.latest-post-selection article h1{font-size:1.1em !important}
#tribe-events-content .tribe-events-calendar td{background:#fff;height:100px;}

/** Custom style by Agus ****/

.get-started a{background:#d20000;color:#fff !important;padding:15px !Important;font-weight:600 !important}
.get-started a:hover{background:#a80000 !Important;}
#et-info-phone:before{display:none !important}
#et-info-phone{font-size:14px !important;text-transform:uppercase;}
#home-big-box .et_pb_column {
	display:grid;
	align-items:center;
}
#home-big-box .et_pb_module{
	height:100%;
	display:table;
}

#home-big-box .et_pb_text_inner{
	display:table-cell;
	vertical-align:middle;
}

#zoho-form td:nth-child(3){display:none !important}
#zoho-form input[type=text],
#zoho-form input[type=password],
#zoho-form input[type=tel],
#zoho-form input[type=email],
#zoho-form input.text,
#zoho-form input.title,
#zoho-form textarea,
#zoho-form select{height:36px !important;font-size:14px !Important;}

#zoho-form #crmWebToEntityForm tr{padding:10px 40px}

@media (min-width:768px) and (max-width:1024px){
	#zoho-form #crmWebToEntityForm,
	#zoho-form #crmWebToEntityForm table{width:100% !important}
}

@media (max-width:767px){
	#zoho-form #crmWebToEntityForm tr{display:grid !Important;padding:10px 10px !Important}
	#zoho-form #crmWebToEntityForm,
	#zoho-form #crmWebToEntityForm table,
	#zoho-form #crmWebToEntityForm td{width:100% !important}
}

.relatedbox{
	background:#44B787;
	color:#fff;
	padding:20px;
	border-radius:5px;
	margin-bottom:30px;
}
.relatedbox h3{
	color:#fff !Important;
	font-weight:600 !important;
}
.relatedbox li{list-style-type:none;padding-left:15px;}
.relatedbox li a{color:#fff !important;font-size:14px !Important;}
.relatedbox a.readmore{
	color: #fff;
    font-size: 14px;
    padding: 5px 15px;
    margin-top: 10px;
    background: #225b43;
    width: 100%;
    display: block;
    text-align: center;
}


/** 
 * Custom CSS - Andy Moreno John Rei Bernardo- MCC
 */


#main-header {
	padding-bottom: 10px;
	
}

.logo-text-wrap {
	margin-top: -30px;
}

.logo_container .logo-tagline {
    font-size: 20px;
		display:block;
		margin-left:5em !important;
    font-weight: 500;
    color: #005595;
}

@media (max-width: 912px) {
 .logo_container .logo-tagline {
 		margin-left: 3em !important;
 }
}

@media (max-width: 430px) {
 .logo_container .logo-tagline {
 		margin-left: 1em !important;
 }
}

@media (max-width: 1324px) {
 .logo_container .logo-text-wrap {
 		margin-top: -20px;
 }
}

.lawpay > a {
	background: #006699;
	color: #ffff !important;
	padding: 1em !important;
	box-shadow: 0 10px 20px 5px rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	font-weight:bold !important;
	margin-right: -20px
}

#mobile_menu .lawpay > a {
	background: #006699;
	color: #ffff !important;
	margin-right: 0px;
	border-radius:0px;
	padding: 10px 5% !important;
}

#logo{
	max-width: 40% !important;
}
@media (min-width:500px){
	#logo{
		max-width: 275px !important;
	}
}

nav#top-menu-nav{
	float: right;
	margin-top: -8px;
}
#et-top-navigation{
	padding-left: 0 !important;
}

#main-header .phone{
	display: inline-block;
	color: #be3334;
	font-size: 12px;
	line-height: 14px;
	padding-right: 10px;
	margin-top: 7px;
}
@media (min-width:500px){
	#main-header .phone{
		font-size: 15px;
		padding-right: 25px;
	}
}
#main-header .phone:before{
    font-family: "ETmodules" !important;
    content: "\e090";
    position: absolute;
    margin: 2px 0 0 -20px;
}

#top-menu .button > a{
	display: inline-block;
	background: #be1334;
	border-radius: 5px;
	color: #fff !important;
	font-weight: bold;
	padding: 1em 1em !important;
	box-shadow: 0 10px 20px 5px rgba(0, 0, 0, 0.1);
}
#mobile_menu .button > a{
	color: #fff;
	background: #be3334;
	font-weight: bold;
}


.june-2020-landing .et_pb_button{
	display: inline-block;
	text-align: center;
	color: #fff;
	background: #be3334;
	border: none !important;
	border-radius: 5px;
	font-size: 1.5em;
	line-height: 1 !important;
	font-weight: bold;
	padding: 0.5em 2em !important;
}
.june-2020-landing .et_pb_button small{
	font-size: small;
	font-weight: normal;
}
.june-2020-landing .et_pb_button:after{
	display: none !important;
}
.june-2020-landing h5{
	display: inline-block;
	border-bottom: 3px solid #0d6797;
	font-weight: bold;
	padding: 0 0 0.2em;
	margin: 0 0 1em;
}
.align-center{
	text-align: center;
}













.aug-2020-cta-buttons .et_pb_button:after{
	display: none !important;
}
.aug-2020-cta-buttons .et_pb_button,
.july-2020-footer-buttons a{
	display: block;
	padding: 1em !important;
	font-size: 20px;
	border-radius: 5px;
	color: #fff;
	margin-bottom: 1em;
	font-weight: bold;
	text-align: center;
	border: none !important;
}
.aug-2020-cta-buttons .et_pb_button{
	margin: 0 auto;
}
.july-2020-footer-buttons a span{
	display: block;
}
.aug-2020-cta-buttons .red,
.july-2020-footer-buttons a.contact-us{
	background: #be3334 !important;
	text-transform: uppercase;
}
.aug-2020-cta-buttons .red{
	line-height: 2.4 !important;
}
.aug-2020-cta-buttons .blue,
.july-2020-footer-buttons a.common-mistakes{
	background: #005693 !important;
}
.aug-2020-cta-buttons .blue{
	padding: 0.5em 1em !important;
}
.july-2020-footer-buttons a.contact-us .outer{
	display: inline-block;
	text-align: left;
}
.july-2020-footer-buttons a.contact-us .outer:before{
    font-family: "ETmodules" !important;
    content: "\e090";
    position: absolute;
    margin: 0.35em 0 0 -1.3em;
    font-size: 2em;
}
.july-2020-footer-buttons a.contact-us .phone{
	font-weight: normal;
}

@media only screen and (min-width: 600px){
	.aug-2020-cta-buttons .blue{
		padding: 0.5em 3em !important;
	}
}
@media only screen and (min-width: 750px){
	.aug-2020-cta-buttons .blue{
		padding: 0.5em 6em !important;
	}
}
@media only screen and (min-width: 850px){
	.aug-2020-cta-buttons .blue{
		padding: 0.5em 9em !important;
	}
}
@media only screen and (min-width: 980px){
	.aug-2020-cta-buttons .blue{
		padding: 0.5em 1em !important;
	}
}
@media only screen and (min-width: 1000px){
	.aug-2020-cta-buttons .et_pb_button{
		max-width: 85%;
	}
}
@media only screen and (min-width: 1300px){
	.aug-2020-cta-buttons .et_pb_button{
		max-width: 75%;
	}
}

/*

@media only screen and (min-width: 1000px){
	.aug-2020-cta-buttons .blue{
		padding: 0.5em 3em !important;
	}
}
@media only screen and (min-width: 1100px){
	.aug-2020-cta-buttons .blue{
		padding: 0.5em 4em !important;
	}
}
@media only screen and (min-width: 1200px){
	.aug-2020-cta-buttons .blue{
		padding: 0.5em 5em !important;
	}
}

@media only screen and (min-width: 768px){
	.aug-2020-cta-buttons .red{
		line-height: 3.4em !important;
		width: auto;
	}
	.aug-2020-cta-buttons .blue{
		max-width: 50%;
		float: right;
	}
}
@media only screen and (min-width: 1000px){
	.aug-2020-cta-buttons .blue{
		max-width: 40%;
	}
}
@media only screen and (min-width: 1200px){
	.aug-2020-cta-buttons .blue{
		max-width: 30%;
	}
}
@media only screen and (min-width: 1450px){
	.aug-2020-cta-buttons .blue{
		max-width: 25%;
	}
}
*/