/*======================================
Theme Name: Live Oak Associates
Template: Divi
License:  GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
======================================*/
/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

/*
 * 
 *  For Global Header 
 * 
 * 
 */

.nav li li {
    padding: 7px 20px;
    margin: 0;
}

.nav li li:hover{
	background-color:#244435;
}  

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul {
    box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.1);
}
/** For Mobile Menu **/
.et_pb_menu_1_tb_header.et_pb_menu .et_mobile_menu a {
    color: #FFFFFF !important;
    padding: 10px 30px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
}

/*
 * 
 *  For Team Cards
 * 
 * 
 */
/**** To Give Hover Effect on Team Cards ****/
.social-media{
	top:390px !important;
  bottom:0;
	opacity:0!important;
  transition: 0.3s;
}

.social-col:hover .social-media{
   transform: translate(0px, -50px);
  opacity:1!important;
}

/****To make Contact Button Full Width ****/
.et_pb_module .et_pb_contact_submit, .et_pb_module .et_contact_bottom_container {
    width: 100%!important;
}

/** Contact Form Success Message **/
.et-pb-contact-message {
    color: #f79489;
}


/*
 * 
 *  Side Bar Styling
 * 
 * 
 */
/** For Titles **/
.widgettitle {
    font-family: 'Playfair Display';
    color: #fff;
    background-color:#244435;
    padding: 12px;
    border-radius: 3px;
    box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.2);
    margin-bottom: 15px;
}

/** About Me Widget Text Setting **/
#aboutmewidget-2 {
    color: #000;
    font-family: 'Montserrat';
    font-size: 15px;
    line-height: 1.9em;
}

/** For List Text **/
.et_pb_bg_layout_light .et_pb_widget li a {
    color: #000;
	font-family: 'Montserrat';
    font-size: 15px;
}
/** To Change Color of List Text on hover **/
.et_pb_bg_layout_light .et_pb_widget li:hover a {
    color: #244435;
}

/** To Give List Item a Background Color and Padding**/
.et_pb_widget ul li {
    margin-bottom: .7em;
    background-color: #f7f7f7;
    padding: 8px;
	transition:0.3s;
}

/**To Give Shadow Effect to List Items **/
.et_pb_widget ul li:hover {
	box-shadow: 0px 8px 8px -6px rgba(0,0,0,0.2);
}

/** Tag Cloud **/
.et_pb_widget_area .et_pb_widget a {
    color: #000;
    font-family: 'Montserrat';
	font-size: 13px;
    background-color: #f7f7f7;
    padding: 8px;
    margin: 2px;
} 

/*
 * 
 *  Single Blog Comment Login/Logout Links 
 * 
 */
.logged-in-as a{
	color:#F79489;
}

/*
 * 
 * Mobile Nested Submenu 
 * 
 */



/* This hides the sub menu items on mobile */
#page-container .mobile_nav li ul.hide {
    display: none !important;
}


/* This adjusts the positioning and the background transparency of the parent menu item on mobile */
#page-container .mobile_nav .menu-item-has-children {
    position: relative;
}
#page-container .mobile_nav .menu-item-has-children > a {
    background: transparent;
}


/* This styles the icon and moves it to the right */
#page-container .mobile_nav .menu-item-has-children > a + span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
	color:#263238;
    z-index: 3;
}


/* Here you can swap out the actual icons */
#page-container span.menu-closed:before {
    content: "\4c";
    display: block;
    color: #263238;
    font-size: 20px;
    font-family: ETmodules;
}
#page-container span.menu-closed.menu-open:before {
    content: "\4d";
}

#page-container span.mobile_menu_bar::before {
    color: #263238;
}

/* Apply the base font size in a px value to the body element */
body {
 font-size: 18px;
}

/* Media query to adjust the base font size on desktops and above */
@media all and (min-width: 981px) {
 body { font-size: 18px; }
}

/* Media query for tablets and phones in landscape mode */
@media all and (max-width: 980px) {
 body { font-size: 16px; }
}


/* Media query for mobile phones in portrait mode */
@media all and (max-width: 479px) {
 body { font-size: 13px; }
}

/* Setting the font size for title elements: 1em = the body font size px value */

h1, .et_pb_section .et_pb_text h1 {
 font-size: 3em;
}

@media all and (max-width: 479px){
h1, .et_pb_section .et_pb_text h1 {
 font-size: 1.8em;
	}}
	
h2, .et_pb_section .et_pb_text h2 {
 font-size: 1.8em;
}

h3, .et_pb_section .et_pb_text h3 {
 font-size: 1.4em;
}

h4, .et_pb_section .et_pb_text h4 {
 font-size: 1.4em;
}

h5 {
 font-size: 1.3em;
}

h6 {
 font-size: 1.1em;
}