/*
 Theme Name:       Montpellier Theme
 Theme URI:        https://theeasyweb.co
 Description:      The Easy Web Company Montpellier Theme
 Author:           The Easy Web Company
 Author URI:       https://theeasyweb.co
 Version:          1.4.0
 Text Domain:      easyweb
 Template:         Divi
*/

.valign-middle-multiple {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* Stop Divi change font sizes when in columns */
.et_pb_column_1_2 .et_pb_slide_content,
.et_pb_column_1_3 .et_pb_slide_content,
.et_pb_column_1_4 .et_pb_slide_content,
.et_pb_column_1_5 .et_pb_slide_content,
.et_pb_column_1_6 .et_pb_slide_content,
.et_pb_column_2_5 .et_pb_slide_content,
.et_pb_column_3_4 .et_pb_column_3_8 .et_pb_slide_content,
.et_pb_column_3_5 .et_pb_slide_content {
    font-size: inherit;
}

/* Slider controllers position */
.et-pb-controllers {
    bottom: 10px;
}

/* Remove blurb default sizing */
.et_pb_blurb .dp_pb_blurb_content {
    margin: inherit;
    max-width: none;
}

/**
 * Top header (secondary menu) will slide out on scroll
 */

#main-header,
#top-header {
    margin-top: 0;
    transition: margin .5s ease;
}

#main-header.et-fixed-header,
#top-header.et-fixed-header {
    margin-top: -43px;
}

body.et_fixed_nav #main-header.et-fixed-header {
    box-shadow: 0 0 7px rgba(0, 0, 0, .1) !important;
}


/**
 * Opt-in form
 */

.optin-form--inline form .et_pb_newsletter_fields {
    flex-wrap: nowrap;
}

.optin-form--inline form .et_pb_newsletter_field:not(:last-child) {
    padding-right: 1em;
}

.et_pb_column_2_3:not(.et_pb_column_inner) > .et_pb_newsletter .et_pb_newsletter_form,
.et_pb_column_3_4:not(.et_pb_column_inner) > .et_pb_newsletter .et_pb_newsletter_form,
.et_pb_column_4_4:not(.et_pb_column_inner) > .et_pb_newsletter .et_pb_newsletter_form {
    padding-left: 0;
}

.et_pb_newsletter p .et_pb_signup_error {
    border: 1px solid #ff1715 !important;
}


/**
 * Top header info
 */

/* Contact info to the left */
#et-info {
    padding-bottom: 0;
    width: 100%;
}

/* Dont wrap email or phone number */
#et-info-phone,
#et-info-email {
    white-space: nowrap;
    line-height: 1.5;
}

/* Social links to the right */
#top-header .et-social-icons {
    float: right;
}

/* Lighter font weight for top bar */
#top-header .container,
#et-top-navigation {
    font-weight: 500;
}

/**
 * Main menu styles
 */

#logo {
    margin-top: 10px;
}

#main-header .nav li ul {
    padding: 0;
    width: auto;
    min-width: 240px;
}

#main-header #top-menu li li {
    padding: 0;
    display: block;
}

#main-header #top-menu li li a {
    padding: 10px 20px;
    display: block;
    width: auto;
}

#main-header .container {
    width: 90%;
}

@media only screen and (min-width: 981px) {

    .et_header_style_split #et-top-navigation,
    .et_header_style_split #top-menu,
    .et_header_style_split #et_top_search {
        display: flex;
    }

    .et_header_style_split #et-top-navigation {
        justify-content: center;
    }

    .et_header_style_split #top-menu-nav,
    .et_header_style_split #top-menu li {
        display: block;
    }

    .et_header_style_split #top-menu {
        align-items: baseline;
    }

    .et_header_style_split #main-header #top-menu li a {
        white-space: nowrap;
    }

    .et_header_style_split #et_search_icon:before {
        margin-top: 0;
    }

    .et_header_style_split .centered-inline-logo-wrap {
        margin-top: 0;
    }
}

@media only screen and (max-width: 1100px) {

    .et_header_style_split #et_top_search,
    .et_header_style_split #et_search_icon {
        width: 19px;
    }

    #top-menu li {
        padding-right: 10px;
    }
}

/* Lighter font weight for top bar & search */
#main-header #top-menu li a,
#main-header .et_search_form_container input,
#main-header .et_search_form_container input::placeholder,
#footer-widgets .footer-widget a {
    font-weight: 600;
    letter-spacing: .05em;
}

/* Have search input text normal case */
#main-header .et_search_form_container input {
    text-transform: none;
}

/**
 * Content related
 */

/* Matches P tags */
.et_pb_text_inner li {
    padding-bottom: 1em;
}

/* Keep bottom padding when P is not last child */
p:last-of-type:not(:last-child) {
    padding-bottom: 1em;
}

@media screen and (min-width: 768px) {

    .archive .post .entry-featured-image-url,
    .dp-dfg-layout-list .dp-dfg-items .dp-dfg-image img {
        border: 8px solid #fff;
    }
}

/**
 * Ninja Forms
 */

.nf-form-cont .nf-form-content {
    padding: 0;
    max-width: none;
    margin: 0;
}

.nf-form-cont .nf-form-fields-required {
    padding-bottom: 1em;
}

.nf-form-cont .nf-error .ninja-forms-field {
    border-color: #ef525b !important;
    transition: none;
}

.nf-form-cont .nf-error .nf-error-msg,
.nf-form-cont .nf-error-msg {
    color: #ef525b;
}

.nf-form-cont .nf-error.field-wrap .nf-field-element:after {
    background-color: #ef525b;
}

/**
 * FilterGrid module
 */

.dp-dfg-layout-list .dp-dfg-items .dp-dfg-item {
    padding: 0;
}

.dp-dfg-layout-list .dp-dfg-items .dp-dfg-image {
    margin: 0;
}

@media screen and (max-width: 767px) {
    .dp-dfg-layout-list .dp-dfg-items .dp-dfg-image {
        grid-row: none;
    }
}

@media screen and (min-width: 768px) {
    .dp-dfg-layout-list .dp-dfg-items .dp-dfg-item .dp-dfg-meta {
        grid-row: 1;
    }

    .dp-dfg-layout-list .dp-dfg-items .dp-dfg-item .dp-dfg-header {
        grid-row: 2;
    }

    .dp-dfg-layout-list .dp-dfg-items .dp-dfg-item .dp-dfg-content {
        grid-row: 3;
    }

    .dp-dfg-layout-list .dp-dfg-items .dp-dfg-item .et_pb_button_wrapper {
        grid-row: 4;
    }
}

/* Arrows like Divi slider
*/

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    opacity: 0;
    transition: all .2s ease-in-out;
}

.owl-carousel:hover .owl-nav button.owl-prev,
.owl-carousel:hover .owl-nav button.owl-next {
    opacity: 1;
}

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

.owl-carousel:hover .owl-nav button.owl-prev {
    left: -60px;
}

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

.owl-carousel:hover .owl-nav button.owl-next {
    right: -60px;
}

.owl-carousel .owl-dots {
    margin-top: 60px;
}

/**
 * Sidebar
 *
 * For archive, search, blog index, posts
 */

#sidebar .et_pb_widget .widgettitle,
div[class*=et_pb_sidebar] .et_pb_widget .widgettitle {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 20px;
}

#sidebar .et_pb_widget.widget_text .widgettitle,
#sidebar .et_pb_widget.widget_text .textwidget,
div[class*=et_pb_sidebar] .et_pb_widget.widget_text .widgettitle,
div[class*=et_pb_sidebar] .et_pb_widget.widget_text .textwidget {
    text-align: center;
}

#sidebar .et_pb_widget,
div[class*=et_pb_sidebar] .et_pb_widget {
    margin-bottom: 60px;
}

#sidebar .et_pb_widget:not(.widget_mailerlite_widget),
div[class*=et_pb_sidebar] .et_pb_widget:not(.widget_mailerlite_widget) {
    padding: 20px 20px 10px 20px;
}

#sidebar .et_pb_widget.widget_text,
div[class*=et_pb_sidebar] .et_pb_widget.widget_text {
    padding-bottom: 20px;
    text-align: center;
}

#sidebar .et_pb_widget a,
div[class*=et_pb_sidebar] .et_pb_widget a {
    font-weight: 600;
}


#sidebar .et_pb_widget.recent-posts-widget-with-thumbnails img,
div[class*=et_pb_sidebar] .et_pb_widget.recent-posts-widget-with-thumbnails img {
    max-width: 100% !important;
}

/* Recent posts widget 
 */

.rpwwt-widget ul li a {
    display: flex;
    align-items: center;
}

.rpwwt-widget ul li img {
    margin: 0 20px 0 0;
}

/**
 * Cookie law plugin
 */

div#cookie-law-info-bar {
    width: 90% !important;
    text-align: left;
    border-radius: 7px;
    padding: 15px 20px !important;
    z-index: 99;
    font-size: 15px;
    line-height: 1.4;
    box-shadow: 0 0 7px rgba(0, 0, 0, .1) !important;
}

#cookie-law-info-bar p {
    margin: 0 0 15px;
}

#cookie-law-info-bar .left {
    float: left;
}

#cookie-law-info-bar .right {
    float: right;
}

#cookie-law-info-bar a#cookie_action_close_header {
    border-radius: 4px;
    text-transform: uppercase;
}

#cookie-law-info-bar .cli-plugin-main-link {
    font-weight: normal;
    margin: 0;
    text-decoration: none;
}

@media (min-width: 500px) {
    div#cookie-law-info-bar {
        width: 500px !important;
    }
}

/**
 * Bloom
 */

.et_bloom .et_bloom_popup .et_bloom_form_container .et_bloom_form_container_wrapper {
    position: relative;
}

.et_bloom .et_bloom_popup .et_bloom_form_container .et_bloom_form_container_wrapper img {
    padding: 0;
}

.et_bloom .et_bloom_popup .et_bloom_form_container .et_bloom_form_container_wrapper .et_bloom_form_header.split .et_bloom_form_text {
    padding: 15px 10px 10px 25px;
}

.et_bloom .et_bloom_popup .et_bloom_form_container .et_bloom_form_container_wrapper .et_bloom_form_text h2 {
    text-align: center;
}

.et_bloom .et_bloom_popup .et_bloom_form_container .et_bloom_form_container_wrapper .et_bloom_form_text p {
    text-align: center;
}

@media (min-width: 768px) {
    .et_bloom .et_bloom_popup .et_bloom_form_container .et_bloom_form_container_wrapper .et_bloom_form_content {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 57%;
        padding: 0 20px 15px 10px;
    }
}

/**
 * Post
 */

.et_pb_title_featured_container img {
    width: auto;
}

@media (min-width: 1200px) {
    .single-post .et_pb_module.et_pb_post_title {
        display: flex;
    }

    .single-post .et_pb_module.et_pb_post_title .et_pb_title_container {
        width: 60%;
        padding-right: 20px;
        padding-top: 10px;
    }

    .single-post .et_pb_module.et_pb_post_title .et_pb_title_featured_container {
        width: 40%;
    }

    .single-post .et_pb_module.et_pb_post_title .et_pb_title_meta_container {
        width: 90%;
    }
}

/**
 * Footer
 */

#et-main-area footer #menu-main-footer-menu-1 {
    flex-direction: column;
}

#et-main-area footer .et_pb_social_media_follow li {
    margin-bottom: 0;
}

/* Don't show drop-down menu for mobile 
*/

@media (max-width: 980px) {
    #et-main-area footer .et_pb_menu .et_pb_menu__menu {
        display: block;
    }

    #et-main-area footer .et_mobile_nav_menu {
        display: none;
    }
}
