/*
Theme Name: Divi Dental Child Theme
Theme URI: https://diviextended.com/products/divi-dental-child-theme
Description: Child of Divi theme for Dental Clinic websites.
Author: Elicus Technologies
Author URI:   https://elicus.com/
Template: Divi
Version: 1
License: This product constitutes of two parts. (1) The PHP and HTML code are licensed under the GPL license. The GPL license file is contained in the same folder as this file. It can also be accessed here http://wordpress.org/about/gpl/. (2) All other part of the product including but not limited to css code, php code, images and layout are licensed as per the license purchased by the user. License detail for this section can be accessed here: http://diviextended.com/licenses
License URI: http://diviextended.com/licenses
*/
@import url("../Divi/style.css");

/* Header */

#top-header {
    position: relative;
    box-shadow: 0 3px 3px rgba(0,0,0,.1);
    background: linear-gradient(105deg, #44B1D2 70%, #1ddacc 30%);
}

#main-header {
    position: inherit;
}

#et-info {
    float: none;
}

#top-header .et-social-icons {
    float: right;
}

#page-container {
    overflow: hidden;
}

.el-header-title .et_pb_title_container {
    position: absolute;
    bottom: 20px;
    left: 10%;
}

.el-inner-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 18px;
}

.el-menu:after {
    content: '\5e';
    font-size: 18px;
    margin: 0 15px;
    vertical-align: middle;
    font-family: ETmodules;
}

.el-submenu-section {
    background-color: #26bfb4;
    padding: 20px !important;
    clip-path: polygon(0% 25%, 100% 0%, 100% 100%, 0% 100%);
    margin-top: -40px;
}

/* Button */

.et_button_no_icon .et_pb_button,
.et_button_no_icon .et_pb_button:hover {
    padding: 6px 35px !important;
    font-weight: 600 !important;
}

.el-rect-button,
.appoint-form .et_pb_contact_submit,
.el-contact-form .et_pb_contact_submit {
    padding-right: 2.4em !important;
}

.el-rect-button:after,
.appoint-form .et_pb_contact_submit:after,
.el-contact-form .et_pb_contact_submit:after {
    font-size: 24px !important;
    border-left: 1px solid;
    margin-top: -6px;
    padding: 6px;
    margin-left: 0.7em !important;
}

.el-rect-button:hover:after {
    color: #fff !important;
}

.el-contact-form .et_pb_contact_submit,
.appoint-form .et_pb_contact_submit {
    color: #fff !important;
}
    
/* Heading */

.el-heading {
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 700;
}

.el-text-heading {
    text-transform: uppercase;
    font-size: 15px !important;
    font-weight: 500;
    margin-bottom: 5px;
}

.el-border {
    border-bottom: 1px solid #000000;
    height: 23px;
    width: 10%;
}

.el-border-1 {
    border-bottom: 1px solid #000000;
    height: 23px;
    width: 7%;
    margin-top: -20px;
}

.el-border-center {
    border-bottom: 1px solid #ffffff;
    height: 23px;
    width: 10%;
    margin: 0 auto;
}

.el-border-center-1 {
    border-bottom: 1px solid #ffffff;
    height: 23px;
    width: 7%;
    margin-top: -20px !important;
    margin: 0 auto;
}

.el-border-line-center {
    border-bottom: 1px solid #000000;
    height: 23px;
    width: 10%;
    margin: 0 auto;
}

.el-border-line-center-1 {
    border-bottom: 1px solid #000000;
    height: 23px;
    width: 7%;
    margin-top: -20px !important;
    margin: 0 auto;
}


/* Our Office Page */

.el-doctor-des {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 50px;
}
    
.el-team-description .et_pb_team_member_description {
    display: flex;
    flex-wrap: wrap;
}

.el-team-description .et_pb_member_position {
    order: 1;
}

.el-team-description .et_pb_module_header {
    order: 2;
    margin-top: 5px;
}

.el-team-content {
    order: 3;
}

.el-team-description .et_pb_member_social_links {
    order: 4;
}


/* Treatment Inner Page */


.el-border-bottom {
    border-bottom: 1px solid #ebf0f5;
    margin-bottom: 10px;
}

p.el-services:before {
    content: '\24';
    margin: 0 10px;
    vertical-align: middle;
    font-family: ETmodules;
    font-size: 20px;
    color: #44b1d2;
    font-weight: 1000;
}

p.el-services a {
    color: #000000;
}

a.el-border-text {
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
}

a.el-border-text:hover {
    border-bottom: 0px;
}


/* Patient Form Page */


.el-patient-download-form {
    display: flex;
    width: 100%;
}

.el-patient-form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: #f0f0f0;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    width: 80%;
    padding: 20px;
    font-size: 24px;
    font-weight: 400;
}

.el-download-form {
    display: flex;
    align-items: center;
    background-color: #26bfb4;
    box-shadow: 0 5px 10px rgba(0,0,0,.1);
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    padding: 10px;
}

.el-download-form a {
    color: #ffffff;
}

.el-patient-form:before {
    content: '\e092';
    font-size: 18px;
    margin: 0 15px;
    vertical-align: middle;
    font-family: ETmodules;
}
 
/* Cost Of Treatment Page */

.el-cost-heading  {
    position: relative;
    background: #F6F6F6;
    border: 1px solid #F6F6F6;
    padding: 20px 30px !important;
    font-size: 16px;
    font-weight: 400 !important;
}

.el-content table td {
    font-size: 14px;
    line-height: 24px;
    color: #868686;
    padding: 21px 30px !important;
    border-bottom: 1px solid #E8E8E8;
}

.el-pages  a {
    color:#868686;
    font-size: 14px;
}

.el-pages  a:hover {
    color:#26bfb4
}

.el-pages-border-bottom {
    border-bottom: 2px solid #26bfb4;
    padding: 10px 0 10px 10px;
    margin: 0px 0 20px;
}

.el-left {
   padding: 0 20px 0 0;
}

.el-cost-treatment .et_pb_text_inner {
    display:flex;
    position: relative;
    z-index: 99;
}

.el-price {
    font-size: 30px;
}

.el-contact:before {
    content: '\24';
    font-family: ETmodules;
    font-size: 20px;
    color: #26bfb4;
    font-weight: 1000;
    margin-right: 20px;
}
 
.el-page:before {
     content: '\24';
    font-family: ETmodules;
    font-size: 20px;
    color: #26bfb4;
    font-weight: 1000;
    margin-right: 20px;
}
    
/* Border Image */

.el-border-image .et_pb_image_wrap:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 3px solid #26bfb4;
}

.el-border-image img {
    left: 20px;
    top: 20px;
}

/* Background Colour */

.el-bg-color {
    background-color: #26bfb4;
    padding: 20px;
    clip-path: polygon(0% 10%, 100% 0%, 100% 100%, 0% 100%);
    margin-top: -40px;
}

.el-bg-color:hover {
     background-color: #a4c000;
}

.el-blurb-icon .et_pb_blurb_position_left .et-pb-icon-circle {
     padding: 20px;
     border-radius: 40px;
     font-size: 24px;
}

.el-contact-form .et_pb_contact {
    box-shadow: 2px 2px 21px #f2f2f2;
}

.el-contact-form .et_contact_bottom_container {
    text-align: center; 
    float: inherit !important;
    padding-top: 40px;
}

.el-contact-form .et_pb_contact_form {
    padding: 40px;
}


/* Gallery */

.tiled-gallery {
    margin: 0 !important;
}


/* FAQ Page */

.el-toggle .et_pb_toggle_close{
      border-left: 2px solid #26bfb4; 
}

.el-toggle .et_pb_toggle_title:before {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -.5em;
    color: #ccc;
    font-size: 22px;
    content: '\4c';
    color: #26bfb4;
}

/* Footer */

#main-footer .footer-widget h4 {
    font-size: 20px;
    font-weight: bold;
}

.footer-address:before {
    font-family: ETmodules;
    content: '\e081';
    padding-right: 5px;
    color: #26bfb4;
}

.footer-phone:before {
    font-family: ETmodules;
    content: '\e090';
    padding-right: 5px;
    color: #26bfb4;
}

.footer-email:before {
    font-family: ETmodules;
    content: '\e076';
    padding-right: 5px;
    color: #26bfb4;
}

#menu-patient-center li,
.footer-hours li {
    border-bottom: 1px solid rgba(245, 245, 245, 0.28);
    margin-bottom: 15px !important;
}

#footer-widgets {
    border-bottom: 1px solid rgba(245, 245, 245, 0.28);
}

#footer-info {
    color: #fff;
}

#footer-info a {
    font-weight: 500;
    color: #fff;
}

#main-footer {
    position: relative;
    background: url(https://imandentalcenter.com/wp-content/uploads/2019/04/root-canal-process-at-iman-dental-center.jpg);
    background-size: cover;
}

#main-footer:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
}

.bottom-nav li {
    font-weight: 500;
}

/* Media Queries */

@media screen and (min-width: 981px) {
	
	/* Header */
	
	.special-menu a {
		color: #fff !important;
		background: #44B1D2 !important;
		padding: 10px 20px 10px !important;
		border-radius: 30px;
	}
    
    /* Our Office Page */

    .el-doctor-des {
        width: calc(47.25% + 140px) !important;
        margin-left: -140px;
        margin-top: 50px;
    }
    
    /* Footer */
    
    #menu-footer-navigation {
        float: right;   
    }
    
    .bottom-nav li:last-child {
        padding-right: 0;
    }
    
    #footer-bottom {
        width: 50%;
        margin-left: 5%;
    }
        
}

@media screen and (max-width: 980px) {
	
    .el-border-image .et_pb_image_wrap {
        margin-bottom: 30px !important;
    }
  
    .el-heading {
        text-transform: uppercase;
        font-size: 22px;
        font-weight: 700;
    }
    
    .el-button-center .et_pb_button_module_wrapper {
        text-align: center;
    }
    .et_pb_section {
        padding: 0px 0 !important;
   }
   
   .el-header-title .et_pb_title_container {
        position: absolute;
        bottom: 10px;
        left: 40px;
        padding: 15px;
   }
}

@media screen and (max-width: 767px) {
	
	#top-header {
		background: #44B1D2 !important;
	}
    
    .el-home-header .header-image-container.bottom {
        display: none;
    }
  
}

@media screen and (max-width: 630px) {
        .el-inner-menu {
        display: inline;
        text-align: center;
        margin-top: 18px;
    }

    .el-menu:after {
        content: '';
        margin: 0 15px;
        
    }
    
    .el-submenu-section {
        background-color: #26bfb4;
        padding: 0px !important;
        clip-path: polygon(0% 25%, 100% 0%, 100% 100%, 0% 100%);
        margin-top: -55px;
    }
    
    .el-menu-1 {
        margin-left: -30px;
    }
    
    .el-submenu-section .et_pb_text_inner {
        margin-top: 20px;
    }
}

@media screen and (max-width: 479px) {
    
    .el-team-description  .et_pb_module_header {
        order: 2;
        margin-top: 27px;
        margin-left: -169px;
    }
	.el-patient-form {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		background-color: #f0f0f0;
		box-shadow: 0 5px 10px rgba(0,0,0,.1);
		width: 80%;
		padding: 20px;
		font-size: 19px !important;
		font-weight: 400;
}

	.el-download-form {
		display: flex;
		align-items: center;
		background-color: #26bfb4;
		box-shadow: 0 5px 10px rgba(0,0,0,.1);
		font-size: 11px;
		font-weight: 700;
		text-align: center;
		padding: 10px;
	}
    
}

@media screen and (max-width: 340px) {
	
	.el-bg-color {
		background-color: #26bfb4;
		padding: 20px;
		clip-path: polygon(0% 10%, 100% 0%, 100% 100%, 0% 100%);
		margin-top: -44px;
     }
	
}