/**
 * Theme Name:      Juni Smiles Theme
 * Theme URI:       https://www.elegantthemes.com/gallery/divi/
 * Description:     A child theme for Drs Wong and Jang
 * Author:          PracticeMarketer
 * Author URI:      https://www.PracticeMarketer.com
 * Template:         Divi
 * Version:         1.0.0
 * Text Domain:     juni-smiles-theme
 * License:         GPL2
 * License URI:     https://www.gnu.org/licenses/gpl-2.0.html
 */
  
 
/* ---------------------- Theme customization starts here ---------------------- */
.doctor-user .et_pb_blurb_container {
    padding: 25px;
    padding-right: 0;
    height: 100%;
    -moz-flex-direction: column;
    flex-direction: column;
    display: flex;
   /* max-width: 70%;*/
flex-grow: 1;
}
.doctor-user .et_pb_blurb_content {
 /*   max-width: 100%;
    height: 100%;*/
    max-width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row-reverse;
}
.doctor-user .et_pb_blurb_content .et_pb_main_blurb_image{
    /*right: -100px;
    position: absolute;
    bottom: -6px;
    margin-bottom: 0;
    height: 100%;*/
position: relative; 
    width: 40%;
    min-width: 40%;
    min-height: 100%;
    display: block;
    margin: 0px ! Important;
} 
.doctor-user .et_pb_blurb_content .et_pb_main_blurb_image span.et_pb_image_wrap {
    height: 100%;
    position: relative;
    margin: 0 !important;
    width: 100%;
    display: flex;
    align-items: flex-end;
}

.doctor-user .et_pb_blurb_content .et_pb_main_blurb_image img {
    object-fit: contain;
    /*height: 100%;*/
} 

.doctor-user .et_pb_blurb_container h4 {
    padding-bottom: 2rem;
}

.doctor-user .et_pb_blurb_container .et_pb_blurb_description {}

.doctor-user .et_pb_blurb_container .et_pb_blurb_description .btn-white {
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    text-align: center;
    color: #4d4d4d;
    padding: 16px 32px;
    background: #f6f6ec;
    border-radius: 8px;
    text-transform: uppercase;
    transition: all .3s; 
    margin-top: 1rem;
}
.doctor-user .et_pb_blurb_container .et_pb_blurb_description .btn-white:focus, .doctor-user .et_pb_blurb_container .et_pb_blurb_description .btn-white:hover {
    box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, .22);
    color: #4d4d4d;
}

.userbox-3col.doctor-user .et_pb_blurb_container {
    padding: 30px;
    max-width: 70%;
    position: relative;
   
}

.userbox-3col.doctor-user .et_pb_blurb_content .et_pb_main_blurb_image {
  /*  right: -34%;*/
}
.userbox-3col.doctor-user .et_pb_blurb_content .et_pb_main_blurb_image span.et_pb_image_wrap{    width: 203%;
    left: -73px;}
.userbox-3col.doctor-user.doctor-user-calendar .et_pb_blurb_content .et_pb_main_blurb_image span.et_pb_image_wrap{      width: 148%;
	left: -48px;}
.userbox-3col.doctor-user .et_pb_blurb_content .et_pb_main_blurb_image:before {
    content: "";
    background: linear-gradient(90deg, rgb(255 255 255 / 1%) 0%, rgb(255 255 255 / 51%) 100%);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.header-menu .et_pb_menu .nav li > ul.sub-menu {
    top: 100%;
    left: auto;
    right: 0;
    border-radius: 16px 0px 16px 16px;
    z-index: 100;
    width: 264px;
	    padding: 0;
     transform: none; 
}
.header-menu .et_pb_menu .nav li ul.sub-menu:before {
    content: "";
    position: absolute;
    width: 38.6px;
    height: 27.38px;
    left: auto;
    right: 0px;
    top: -11px;
    background: #ffffff;
    border-radius: 3px;
    z-index: 0;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    transform: none;
}
 
.header-menu .et_pb_menu .nav li ul.sub-menu ul.sub-menu:before { display: none;}
.header-menu .et_pb_menu .nav li ul.sub-menu ul.sub-menu{ border-radius: 0px;}
.header-menu .et_pb_menu .nav li a:after{transition: all .6s linear;}
.header-menu .et_pb_menu .nav li:hover a:after {
    transform: rotate(180deg) translateY(5%);
}

@media (max-width: 480px) {
.doctor-user .et_pb_blurb_content {
    flex-wrap: wrap;
    flex-direction: column-reverse;
}

.doctor-user .et_pb_blurb_content .et_pb_main_blurb_image {
    width: 100%;
    min-width: 100%;
    height: 252px;
    overflow: hidden;
}

.doctor-user .et_pb_blurb_content .et_pb_main_blurb_image span.et_pb_image_wrap {
    height: 252px;
    width: auto;
}

.doctor-user .et_pb_blurb_content .et_pb_main_blurb_image span.et_pb_image_wrap img {
    object-fit: contain;
    height: 100%;
}

.userbox-3col.doctor-user .et_pb_blurb_container {
    max-width: 100%;
}
}