/* 
 Theme Name:     Bare bones for Divi
 Author:         Divi theme examples
 Author URI:     http://www.divithemeexamples.com 
 Template:       Divi
 Version:        1.0 
*/ 

/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 --------------------------------------------*/




/*------ 2 COLUMNS ON MOBILE ----------- */

@media (max-width: 980px) {
.twoX2 .et_pb_column{
max-width: 50% !important;
}
.twoX2 .et_pb_column.et_pb_column_1_3:nth-of-type(3){
margin: 0 25%;
}
}
@media (max-width: 479px){
.et_pb_section .et_pb_row.twoX2 div.et_pb_column.et_pb_column_1_4 {
    width: 47.25% !important;
}
}
/*------ 2 COLUMNS ON MOBILE END ----------- */

/* -------INCREASE MOBILE WIDTH---------*/

@media only screen and (max-width: 980px) {
	#top-header > .container,
	#main-header > .container,
	#et_search_outer > .container,
	#main-content > .container,
	div.et_pb_row,
	div.et_pb_row.et_pb_row_fullwidth {
	width: 95% !important; 
   }
}
/*------  INCREASE MOBILE WIDTH - END ----- */



/*------ TAB NAVIGATION STYLING  ------------*/

.et_pb_tabs_controls li a {padding: 4px 10px 4px!important;}    
@media screen and (max-width: 768px){ /*change device breakpoint here depending on the number of tabs you have*/
	.equal-tabs .et_pb_tabs_controls li {
    width: 100%; 
	text-align: center;
	}
}
/*------ TAB NAVIGATION STYLING =- END ----------*/

    
 /*------ TOGGLE STYLING  ------------*/

.et_pb_toggle_close {padding: 20px; background-color: #e6e6df;}
.et_pb_toggle_close h5.et_pb_toggle_title {color: #182A42; font-weight:400;}

/*------ TOGGLE STYLING END ------------*/  

/* ------------  CENTER TEXT CODE ------------- */

.et_pb_column {	position: relative;	}
.et_pb_column .centertext.et_pb_text {	position: absolute;	top: 50%;	transform: translateY(-50%);}

/* -------- CENTER TEXT CODE - END -------------- */

/* --------- LEADER REGISTRATION FORM STYLE ------------- */   
#wpmem_msg, .wpmem_msg {
    background: #eeeeee;
    border: 4px solid #ff0000!important;
    border-radius: 3px;
    padding: 20px;
    margin-top: 25px;
	}
#wpmem_reg .form, #wpmem_login .form {
   margin-left: 0!important;
    margin-right: 0!important;
	margin-top: 7%!important;
    margin-bottom: 7%!important;
	}
#wpmem_reg fieldset, #wpmem_login fieldset {margin: 5%!important;}

#wpmem_reg legend  {
    font-weight: 600!important;
    margin-bottom: 30px!important;
    color: #ff0000!important;
	}



/* ------- LEADER REGISTRATION FORM STYLE-END ------------ */ 

/* ------- MEDIA ICONS ------------ */ 

.map_pdf {
	background: url("https://www.borderlinepersonalitydisorder.com/wp-content/uploads/2017/11/pdf-icon.png") no-repeat right center / 16px 16px!important;	padding-right: 24px!important;}

.map_doc {
	background: url("https://www.borderlinepersonalitydisorder.com/wp-content/uploads/2017/11/doc-icon.png") no-repeat right center / 16px 16px!important;	padding-right: 24px!important;}

.map_jpg {
	background: url("https://www.borderlinepersonalitydisorder.com/wp-content/uploads/2018/05/jpg.png") no-repeat right center / 16px 16px!important; padding-right: 24px!important;}


/* ------- MEDIA ICONS END------------ */ 


 
/*--------FOOTER MODS-------------*/

#footer-widgets .footer-widget li::before {display: none!important;}
.footer-widget li:before {display: none!important;}

/*--------FOOTER MODS-END------------*/



/* Make Footer Full Width */
#footer-bottom .container{
margin-right: 1.5%;
margin-left: 1.5%;
width:97% !important;
max-width: 97%;
}/* ------- MEGA MENU TITLES ----------- */

#top-menu li.mega-menu > ul > li > a:first-child {margin-left: -12px;}

/* ------- MEGA MENU TITLES - END ---------- */
  
/*-----------COMPACT SUB-MENU-------------*/

/* drop down menu - level 1 */
.nav li ul {width: 340px;  padding: 0px;}
.nav li li {line-height: 22px;}
#top-menu li li {padding: 0 0px;}
#top-menu li li a {
    font-size: 13px;
    width: 340px;
    padding: 5px 10px;
     font-weight: 400;
	color:#182A42; 
	}
/* drop down menu - level 2 */
.nav li li ul {top: -3px; left: 340px;}

/*-----------COMPACT SUB-MENU END-------------*/


/*---- COLLAPSE NESTED SUBMENU ITEMS ON MOBILE --  */

#main-header .et_mobile_menu .menu-item-has-children > a { 	background-color: transparent; position: relative; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { 
	font-family: 'ETmodules'; 	
	text-align: center; 
	speak: none; 
	font-weight: normal; 
	font-variant: normal; 
	text-transform: none; 
	-webkit-font-smoothing: antialiased; 
	position: absolute; 
	}
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-size: 16px; content: '\4c'; top: 13px; right: 10px; }
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { content: '\4d'; }
#main-header .et_mobile_menu ul.sub-menu {display: none !important; visibility: hidden !important;  transition: all 1.5s ease-in-out;}
#main-header .et_mobile_menu .visible > ul.sub-menu { display: block !important; visibility: visible !important; }

/*---- COLLAPSE NESTED SUBMENU ITEMS ON MOBILE END--  */



/* Add transitions to link hover effects */
a {
-webkit-transition: color .5s ease;
-moz-transition: color .5s ease;
-o-transition: color .5s ease;
-ms-transition: color .5s ease;
transition: color .5s ease;
}


#footer-widgets .footer-widget li:before {
display: none;
}
#footer-widgets .footer-widget .et_pb_widget:not(.woocommerce) ul li {
padding-left: 0px;
}


 /*------------------------------------------------*/ 
/*---------------[Button Example]-----------------*/ 
/*------------------------------------------------*/ 
@media (max-width: 767px) { 
.phoneFixExample { 
display: block; 
min-width: 225px; 
margin-left: auto; 
margin-right: auto;
margin-top: 5px; 
margin-bottom: 5px; 
} 
.hideStuff { 
display:none; 
}
} 

.ds-vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 






/* BUTTON STYLE for button on white  */

.button-on-white {
  background: #324e66;
	font-family: Montserrat;
	font-size: 16px;
	color: #666;
  display: inline-block;
  line-height: 35px;
	letter-spacing: 0px;
  margin: 8px;
  padding: 10 15px;
  position: relative;
  opacity: .999;
  border-radius: 3px;
	border:1px solid #e5e5e5;
	text-transform: uppercase;
}
.button-on-white:hover {
background: #eeeeee;
color: #324e66;
}

/*----- BUTTON STYLE END------------*/ 



#wpmem_reg .form, #wpmem_login .form {
    padding-left: 20%!important;
    padding-bottom: 50px!important;
}