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

/*------ 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;
		}
	}
/* -------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; 
   		}
	}
/*------ 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;
	}
}
 /*------ 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;
}
/* ------------  CENTER TEXT CODE ------------- */
.et_pb_column {	
	position: relative;	
}
.et_pb_column .centertext.et_pb_text {	
	position: absolute;	
	top: 50%;	
	transform: translateY(-50%);
}
/* --------- 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;
	}
/* ------- MEDIA ICONS AS INDICATORS  ------------ */ 
.map_pdf {
	background: url("https://www.borderlinepersonalitydisorder.com/wp-content/uploads/2022/01/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/2022/01/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/2022/01/jpg.png") no-repeat right center / 16px 16px!important; 
	padding-right: 24px!important;
}
.map_xls  {
	background: url("https://www.borderlinepersonalitydisorder.org/wp-content/uploads/2021/09/xls.png") no-repeat right center / 16px 16px!important; 
	padding-right: 24px!important;
}
/*--------FOOTER MODS-------------*/
#footer-widgets .footer-widget li::before {
	display: none!important;
}
.footer-widget li:before {
	display: none!important;
}
/* MAKE FOOTER FULLWIDTH */
#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;
}
/*-----------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;
}
/*---- 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; 
}
/* ADD TRANSITION 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 ON WHITE BACKGROUND  */
.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;
	}
	
/* LOGIN FORM STYLING  */
#wpmem_reg .form, #wpmem_login .form {
    padding-left: 20%!important;
    padding-bottom: 50px!important;
}