/*======================================
Theme Name: Scist Divi Child Theme
Theme URI: https://scist.duogeeks.com/
Description: Scist Divi Child Theme is a professional theme psychology and counseling website. Packed with a fine assortment of templates for counseling, health presentations, and MindCare.
Version: 1.0
Author: Divi Awesome
Author URI: https://diviawesome.com/
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. */

/***** Header ******/

/**CSS Code to dropdown hover background color**/
.top-menu li li a:hover { background-color:#b8c958 !important;
border-radius: 6px;}

/**CSS Code to Hide Hamburger Menu**/
.lwp-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,.lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
    display: flex!important;
}
 
.lwp-hide-mobile-menu .et_mobile_nav_menu {
    display: none;
}

/******* Mobile menu ********/

/** Remove the top line in the mobile menu **/
.et_mobile_menu {
border-top:0px;
}
/** Center-align moble menu items **/
.et_mobile_menu li {
text-align:left !important;
}
.et_mobile_menu li li, .et_mobile_menu li ul {
padding-left:0px !important;
}

/** Make mobile menu fullwidth **/
.et_mobile_menu {
min-width: 70vw;
margin-left: -16vw;
margin-top: 2.5vw;
}

/** Make the mobile menu full height **/
.et_mobile_menu {
min-height:50vh !important;
min-height: -webkit-fill-available;
padding-top:50px !important;
}
html {
height: -webkit-fill-available;
}


/** Make Divi Mobile Menu Scrollable **/
.et_mobile_menu {   
    overflow-y:scroll!important;
    max-height:60vh!important;
    -overflow-scrolling:touch!important;
    -webkit-overflow-scrolling:touch!important;
}

/** mobile menu location icon **/

.top-location > a:before {
    font-family: 'ETMODULES';
    content: '\e081';
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -10px;
    color: #b8c958;
    font-size: 1em;
    transition: all .3s ease;
}
/** mobile menu mail icon **/

.top-tel > a:before {
    font-family: 'ETMODULES';
    content: '\e076';
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -10px;
    color: #b8c958;
    font-size: 1em;
    transition: all .3s ease;
}

/** mobile menu mail icon **/

.top-mail > a:before {
    font-family: 'ETMODULES';
    content: '\e010';
    text-align: center;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: -10px;
    color: #eaca78;
    font-size: 1em;
    transition: all .3s ease;
}


/***** 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;
    z-index: 3;
}


/***** Here you can swap out the actual icons *****/
#page-container span.menu-closed:before {
    content: "\50";
    display: block;
    color: #b8c958;
    font-size: 16px;
    font-family: ETmodules;
}

#page-container span.menu-closed.menu-open:before {
    content: "\4f";
}

/******* Back to top button *******/

/**      STYLE #2        **/

/** Rounded With Shadow and Rotate Effect Divi Back To Top Button By Duogeeks**/

.et_pb_scroll_top.et-pb-icon {
    background-color:#b8c958;
    border-radius: 50px;
    padding: 12px;
    margin-right: 15px;
    transition: .5s ease;
}

.et_pb_scroll_top.et-pb-icon:hover {
	transform:rotate(360deg);
	background-color:#000000;
	transition: .5s ease;
	box-shadow: 0px 2px 42px 0px rgba(89,55,80,0.70);
}

/******* change color of text highlight*******/
::-moz-selection {
  color: #ebf8f1;
  background: #DEAC8E;
}

::selection {
  color: #ebf8f1;
  background: #DEAC8E;
}



/*all product page sale fix*/

.et_pb_wc_images_0_tb_body span.onsale {
    background-color: #b8c958!important;
    margin-left: 120px!important;
}


/*** all product page sale fix Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
	.et_pb_wc_images_0_tb_body span.onsale {
    margin-left: 60px!important;
	}
}



/*divi logo gallery light box disable*/



.disable-lightbox a {
pointer-events: none;
}
 
.disable-lightbox .et_overlay {
display: none !important;
}






/**********************
 * ********************
 * blog module style css
 * **********************
 * *********************
 * ********************/
/*make the parts of the blog post flexible*/
.roof-blog
.et_pb_post {
	display: flex;
	flex-direction: column;
}

.roof-blog
.et_pb_blog_grid .et_pb_post {
    border: 0px solid #d8d8d8!important;
    padding-left: 0px!important;
      padding-right: 0px!important;
    padding-top: 0px!important;
    background-color: #fff;
    word-wrap: break-word;
}

/*blog post featured image*/
.roof-blog
.et_pb_post .et_pb_image_container, .et_pb_post .entry-featured-image-url {
	order: 1;
}


/*blog post title*/
.roof-blog
.et_pb_post .entry-title {
	order: 2;
}


/*blog post meta*/
.roof-blog
.et_pb_post .post-meta {
	order: 3;
}


/*blog post excerpt and button*/
.roof-blog
.et_pb_post .post-content {
	order: 4;
}



/*adjust margin below blog post featured image*/
.roof-blog
.et_pb_post .entry-featured-image-url {
	margin-bottom: -10px;
}


.roof-blog
.et_pb_image_container::after {
    content: url(https://scist.duogeeks.com/wp-content/uploads/2021/06/shape.png);
    position: absolute;
    z-index: 9;
    bottom: -18px;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    height: auto;
    opacity: 1;
    overflow: hidden;
}

.roof-blog .et_pb_post .entry-featured-image-url::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.roof-blog .et_pb_post:hover .entry-featured-image-url::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}