/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */

.secondary-button:hover,
.third-button:hover {
    filter: brightness(0.8)
}

.primary-button {
    color: #223c5b;
    background-color: transparent;
    border: 2px solid #FBAF17;
    padding: 5px 12px;
    font-weight: 800;
    cursor: pointer;
    font-size: 18px;
    transition: all 300ms ease 0ms;
}

.primary-button:hover {
    color: #fff;
    background-color: #FBAF17;
}

.secondary-button {
    color: #fff;
    font-weight: 800;
    text-transform: uppercase;
    background-color: #223c5b;
    border: 2px solid #223c5b;
    transition: all 300ms ease 0ms;
    cursor: pointer;
    padding: 9px 12px;
    font-size: 14px;
}

.third-button {
    color: #fba70b;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
}

.aligncenter {
    display: block !important;
}

.fw-600 {
    font-weight: 600;
}

.d-block {
    display: block;
}

.owl-nav button {
    position: absolute;
    top: 35%;
}

.owl-nav button:hover {
    background-color: transparent !important;
}

.owl-nav button.owl-prev {
    left: -67px;
}

.owl-nav button.owl-next {
    right: -67px;
}

.owl-nav button i {
    font-size: 49px;
    color: #FBAF17;
}

/* ============================================================
HEADER
=============================================================== */

header .logo_container {
    display: flex;
    justify-content: space-between;
}

header .logo_container>a {
    display: flex;
    margin-right: auto;
    align-items: center;
}

header .logo_container div {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}

header .logo_container .phone {
    color: #fbaf17;
    border: 1px solid #fbaf17;
    padding: 6px 20px;
    font-size: 20px;
    font-weight: 900;
    display: flex;
    flex-wrap: wrap;
    align-self: center;
    width: 100%;
	justify-content: center;
}

header .logo_container .phone img {
	display: flex;
    align-self: self-start;
	margin-right: -3px;
    margin-left: 3px;
}

header #et-top-navigation {
    text-align: left;
    padding-top: 15px;
}

body:not(.home) #main-header {
    background-color: #223c5b;
}

body.home #top-menu li.current-menu-item.space>a,
body.home .et-fixed-header #top-menu li.current-menu-item.space>a{
    color: #fff !important;
}

#mobile_menu {
    background-color: #223c5b !important;
}

/* ============================================================
HOME
=============================================================== */

#banner-home h1 {
    margin-bottom: 12px;
}

.dentist-area span {
    font-weight: 900;
    color: #fbaf17;
}

.dentist-area:hover span {
    color: #fff;
}

.sa_vert_center_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#faq .et_pb_module_header {
    position: relative;
}

#faq .et_pb_module_header::before {
    content: "";
    height: 100%;
    width: 6px;
    background-color: #FBAF17;
    position: absolute;
    left: -15px;
    border-radius: 8px;
}

#exames .et_pb_blurb .et_pb_main_blurb_image {
    margin-bottom: 12px;
}

.social-links i {
    color: #223C5B;
    font-size: 22px;
}

.social-links a {
    margin-right: 12px;
}

#blog-home .each-post {
    border-top-right-radius: 25px;
    border-top-left-radius: 25px;
    border-bottom-right-radius: 11px;
    border-bottom-left-radius: 11px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0px 3px 38px -12px rgba(0,0,0,0.3);
}

#blog-home .each-post .imagem-post img {
    width: 100%;
    height: 190px;
    object-fit: cover;
}

#blog-home .each-post .post-title {
    padding: 15px 20px;
}

#blog-home .each-post .post-title h3 {
    text-align: center;
    font-weight: 700;
    padding: 0;
    font-size: 21px;
}

#blog-home .each-post .post-description {
    padding: 0 20px 15px;
}

#blog-home .each-post .post-description p {
    text-align: center;
    line-height: 1.4;
}

.space-gallery .et_pb_gallery_item img {
	height: 150px;
    object-fit: cover;
}

/* ===========================================
FORMS TO SYSTEM
============================================ */

form#dentista,
form#paciente {
    display: flex;
    flex-wrap: wrap;
}

form#dentista > input,
form#paciente > input {
    width: 48%;
    margin-right: 3%;
    height: 40px;
    font-size: 15px;
    border: none;
    border-bottom: 1px solid;
}

form#dentista > input:nth-child(2),
form#paciente > input:nth-child(2) {
    margin-right: 0;
}

form#dentista p,
form#paciente p {
    width: 100%;
}

.sgpb-main-html-content-wrapper h3 {
    margin-bottom: 30px;
}

/* ===========================================
EXAMS
============================================ */

#exams .each-item {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-bottom: 70px;
}

#exams .each-item:last-child {
    margin-bottom: 0;
}

#exams .each-item:nth-child(even) {
    flex-direction: row-reverse;
}

#exams .each-item .item-image {
    width: 50%;
    padding-right: 15px;
}

#exams .each-item .item-image img {
    width: 100%;
    height: 255px;
    object-fit: cover;
    border-radius: 11px;
}

#exams .each-item .item-content {
    width: 50%;
    padding-left: 15px;
}

#exams .each-item .item-content .item-title h3 {
    font-weight: bold;
    font-size: 24px;
}

#exams .each-item .item-content .item-title {
    padding-bottom: 15px;
}

#exams .each-item .item-content .item-description {
    padding-bottom: 50px;
}

#exams-carousel .each-item {
    border: 1px solid white;
    border-radius: 11px;
    padding: 10px 15px 15px;
}

#exams-carousel .each-item h4 {
    font-weight: 800;
    color: #ffffff!important;
    line-height: 1.2em;
    text-align: center;   
}

#exams-carousel .each-item h4 img {
    width: fit-content;
    margin: 0 auto 12px;
}

#exams-carousel .owl-item {
    padding: 1px;
}

#exams-carousel .owl-stage {
    display: flex;
    flex-wrap: wrap;
}

#exams-carousel .owl-item .each-item {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ===========================================
BLOG
============================================ */

#blog-template .each-post {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

#blog-template .each-post:last-child {
    margin-bottom: 0;
}

#blog-template .post-image {
    width: 30%;
    border-radius: 11px;
    max-height: 150px;
    overflow: hidden;
}

#blog-template .post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#blog-template .post-content {
    width: 65%;
    padding-left: 30px;
}

#blog-template .post-content .post-title h3 {
    color: #223c5b;
    font-size: 22px;
    font-weight: 800;
}

#blog-template .post-content .post-description {
    margin-bottom: 30px;
}

#blog-template .post-content .post-description p {
    font-size: 15px;
    line-height: 1.6em;
}

#blog-template .post-content .author-name p {
    font-size: 14px;
    color: black;
    font-weight: 600;
    font-style: italic;
    margin-bottom: 10px;
}

/* ============================================================
CONTACT
=============================================================== */

.contact .d-flex a {
    margin-right: 5px;
    font-size: 22px;
}

.contact-map iframe {
    width: 100%;
}

/* ============================================================
CONTACT FORM
=============================================================== */

.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea {
    border: none;
    border-bottom: 1px solid #bfbfbf;
    height: 46px;
    width: 100%;
    margin-bottom: 12px;
    font-size: 15px;
}

.wpcf7-form-control-wrap textarea {
    height: unset;
    padding-top: 15px;
}

.form-info {
    margin-top: 5px;
    text-align: center;
}

/* ============================================================
FOOTER
=============================================================== */

#main-footer #footer-widgets .footer-widget:first-child {
    width: 32.875%;
}

#main-footer #footer-widgets .footer-widget:nth-child(2),
#main-footer #footer-widgets .footer-widget:last-child {
    width: 14.875%;
}

#main-footer #footer-widgets .footer-widget .widget_media_image {
    margin-bottom: 30px;
}

#main-footer #footer-widgets .footer-widget:nth-child(2) .textwidget a,
#main-footer #footer-widgets .footer-widget:nth-child(3) .textwidget a {
    display: block;
    padding-bottom: 8px;
}

.footer-widget .et_pb_widget div, .footer-widget .et_pb_widget ul, .footer-widget .et_pb_widget ol, .footer-widget .et_pb_widget label {
    font-weight: 600 !important;
}

#main-footer .footer-widget h4 {
    margin-bottom: 15px;
    font-weight: 800;
}

#main-footer #footer-widgets .footer-widget:last-child .textwidget a {
    font-size: 20px;
    font-weight: 500;
    margin-right: 5px;
}

#footer-bottom .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

/* ============================================================
RESPONSIVE
=============================================================== */

@media (max-width: 991px) {
    #exams .each-item,
    #exams .each-item:nth-child(even) {
        flex-direction: column;
    }

    #exams .each-item .item-image {
        width: 100%;
        padding-right: 0;
    }
    #exams .each-item .item-content {
        width: 100%;
        padding-left: 0;
        padding-top: 30px;
    }
}

@media (max-width: 767px) {
    .owl-nav button.owl-prev {
        left: -30px;
    }
    
    .owl-nav button.owl-next {
        right: -30px;
    }

    #blog-template .each-post {
        flex-direction: column;
    }

    #blog-template .post-image,
	#blog-template.services .post-image {
        width: 100%;
        max-height: 191px;
        margin-bottom: 15px;
    }

    #blog-template .post-content,
	#blog-template.services .post-content {
        width: 100%;
        padding-left: 0px;
    }
	
	#blog-template.services .each-post {
    	margin-bottom: 40px;
    }
    
    header .logo_container .phone {
        display: none;
    }
}