@charset "UTF-8";
/*
Theme Name:	Divi Child Equiclaire
Author:		Nathalie Hupin
Description:	Divi Child Theme pour équitation
Version:		1.0.0
Template:		Divi
*/
/* =Theme customization starts here
-------------------------------------------------------------- */

div.et_pb_slides {
    min-height: 768px important!;
}

/* logo header
--------------------------------------------------------------

/*-------------------------------------------------------------- */

@media only screen and (min-width: 100px) {
    #logo {
        height: 50px !important;
    }
}
@media only screen and (min-width: 500px) {
    #logo {
        height: 50px !important;
    }
}
@media only screen and (min-width: 800px) {
    #logo {
        height: 50px !important;
    }
}
@media only screen and (min-width: 960px) {
    #logo {
        height: 100px !important;
    }
}

@media only screen and (min-width: 1500px) {
    #logo {
        height: 100px !important;
    }
}

--------------------------------------------------------------

/*-------------------------------------------------------------- */



#top-menu li {
    font-size: 1.25em;
}
#top-menu li.current-menu-item > a {
    color: #f7be68 !important;
    font-weight: bold;
}

/* logo header
--------------------------------------------------------------

/*-------------------------------------------------------------- */

.et_header_style_centered #main-header .logo_container {
    height: 200px;
    padding: 0;
}

--------------------------------------------------------------

/*-------------------------------------------------------------- */

h3 {
    font-size: 3em;
    color: #eca700;
}

#tribe-events-list-widget-4.widget.et_pb_widget.tribe-events-list-widget {
    width: 100% !important;
}

/****************************************************************/
/************************ FOOTER CUSTOM 1 *******************/
/****************************************************************/

.footer_custom_1 li {
    letter-spacing: 1px;
    padding-bottom: 1%;
}
/*** Color Text ***/
.footer_custom_1 li a {
    color: #a3a9b1;
    transition: 0.3s;
}
/*** Color Text Hover ***/
.footer_custom_1 li a:hover {
    color: #a5f5cd;
}
/*** Font Awesome Padding***/
.footer_custom_1 li a .fa {
    padding-right: 10px;
}

/**** Section Padding Widget Custom ****/
.footer_custom.et_pb_section {
    padding: 0 !important;
}

/**** Row Widget Custom ****/
.footer-widget .fwidget {
    min-width: 100% !important;
}

#footer-widgets {
    padding: 3% 0 0 !important;
}

#footer-widgets .footer-widget li:before {
    content: none !important;
}

#footer-widgets .footer-widget li {
    padding-left: 0px !important;
}
/*** Row Custom Width***/
.row_custom_footer.et_pb_row {
    width: 100% !important;
    max-width: 1280px !important;
}

/***style affichage listes events calendar***/
span.duration.time {
    font-weight: bold;
    color: #ffffff;
}

/**********************************************************
******************** Presentation grille  ************************
********************************************************/

/**********************************************************
******************** ANIMATION  ************************
********************************************************/

/******* From Bottom *******/
.bottom-animated.et-animated {
    opacity: 1;
    -webkit-animation: fadeBottom 0.8s 1 cubic-bezier(0.43, 0, 0.53, 0.94);
    -moz-animation: fadeBottom 0.8s 1 cubic-bezier(0.43, 0, 0.53, 0.94);
    -o-animation: fadeBottom 0.8s 1 cubic-bezier(0.43, 0, 0.53, 0.94);
    animation: fadeBottom 0.8s 1 cubic-bezier(0.43, 0, 0.53, 0.94);
}

/*******************************************************************
******************** RESPONSIVE LAYOUT  ************************
******************************************************************/

/******* Mobile Device *******/
@media only screen and (max-width: 1023px) {
    .cta_custom {
        top: 5px !important;
        position: relative;
    }
}
/******* Desktop *******/
@media only screen and (min-width: 1024px) {
    .cta_custom {
        top: 35px !important;
        position: relative;
    }
}
/******* Large Screen, Mac 24' ---> *******/
@media only screen and (min-width: 1600px) {
    .cta_custom.et_pb_promo {
        padding-top: 18% !important;
    }
}

/***********************************************************************
******************** SOCIAL MEDIA CONTACT  ************************
*********************************************************************/

.social_media_custom_1.et_pb_social_media_follow {
    right: 75% !important;
}

.social_media_custom_2.et_pb_social_media_follow {
    right: 50% !important;
}

.social_media_custom_3.et_pb_social_media_follow {
    right: 25% !important;
}

.social_media_custom_4.et_pb_social_media_follow {
    right: 0 !important;
}

.social_media_custom_1,
.social_media_custom_2,
.social_media_custom_3,
.social_media_custom_4 {
    margin-bottom: 0px !important;
    background-color: #b2ba64;
}

/* *****************************************************************
******************** CONTACT FORM 7 *******************************
***************************************************************** */

/* ---------------------------------- */
/* contact form WP Forms page contact */
/* ---------------------------------- */

#wpforms-41247 {
    margin: 0;
}

#wpforms-41247 .wpforms-field {
    padding-top: 0;
    padding-bottom: 30px;
}

#wpforms-41247 label {
    color: #333;
    border: none;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    padding: 0;
    width: 100%;
}

#wpforms-41247 input,
#wpforms-41247 textarea,
#wpforms-41247 form input[type="submit"] {
    background-color: #ffefca;
    border: none;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 1rem;
    width: 100%;
}

#wpforms-submit-41247 {
    display: block;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    padding: 6px 20px;
    width: auto;
    margin: 0 auto;
    margin-top: 50px;
    text-align: center;
    background-color: #fff;
    color: #eca700;
    border-radius: 2px;
    border: 2px solid #eca700;
}

#wpforms-submit-41247:hover {
    background-color: #381c00;
    color: #eca700;
    border: 2px solid #eca700;
}

#wpcf7-f27587-p27581-o1 > form > p > label > span > input,
#wpcf7-f27587-p27581-o1 > form > p > label > span > textarea,
#wpcf7-f27587-p27581-o1 > form input[type="submit"],
#wpcf7-f27587-p86-o1 > form > p > label > span > input,
#wpcf7-f27587-p86-o1 > form > p > label > span > textarea,
#wpcf7-f27587-p86-o1 > form input[type="submit"] {
    background-color: #eee;
    color: #333;
    border: none;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 1rem;
    width: 100%;
}

#wpcf7-f27587-p27581-o1 > form input[type="submit"],
#wpcf7-f27587-p86-o1 > form input[type="submit"] {
    display: block;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    padding: 6px 20px;
    width: auto;
    margin: 0 auto;
    text-align: center;
    background-color: #fff;
    color: #eca700;
    border-radius: 2px;
    border: 2px solid #eca700;
}

#wpcf7-f27587-p27581-o1 > form input[type="submit"]:hover,
#wpcf7-f27587-p86-o1 > form input[type="submit"]:hover {
    background-color: #eee;
    color: #eca700;
    border: 2px solid #eee;
}

/* --------------------------- */
/* contact form dans le footer */
/* --------------------------- */

/* --------------------------- */
/* contact form 7 */
/* --------------------------- */

#wpcf7-f27587-o1 > form > p > label > span > input,
#wpcf7-f27587-o1 > form > p > label > span > textarea,
#wpcf7-f27587-o1 > form input[type="submit"],
#wpcf7-f27587-o2 > form > p > label > span > input,
#wpcf7-f27587-o2 > form > p > label > span > textarea,
#wpcf7-f27587-o2 > form input[type="submit"] {
    background-color: #ffefca;
    border: none;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 1rem;
    width: 100%;
}

#wpcf7-f27587-o1 > form input[type="submit"],
#wpcf7-f27587-o2 > form input[type="submit"] {
    display: block;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    padding: 6px 20px;
    width: auto;
    margin: 0 auto;
    text-align: center;
    background-color: #381c00;
    color: #eca700;
    border-radius: 2px;
    border: 2px solid #eca700;
}

#wpcf7-f27587-o1 > form input[type="submit"]:hover,
#wpcf7-f27587-o2 > form input[type="submit"]:hover {
    background-color: #eca700;
    color: #381c00;
    border: 2px solid #381c00;
}

/* ------------------------------------ */
/* contact form WP Forms dans le footer */
/* ------------------------------------ */

#block-6 {
    margin-bottom: 0;
}

.wp-block-heading {
    padding-bottom: 0;
}

#wpforms-41284 {
    margin-top: 0;
}

#wpforms-41284 label {
    color: #eca700;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

#wpforms-41284 input,
#wpforms-41284 textarea,
#wpforms-41284 form input[type="submit"] {
    background-color: #ffefca;
    border: none;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 1rem;
    width: 100%;
}

#wpforms-submit-41284 {
    display: block;
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    padding: 6px 20px;
    width: auto;
    margin: 0 auto;
    margin-top: 50px;
    text-align: center;
    background-color: #381c00;
    color: #eca700;
    border-radius: 2px;
    border: 2px solid #eca700;
}

#wpforms-submit-41284:hover {
    background-color: #eca700;
    color: #381c00;
    border: 2px solid #381c00;
}

/* ------------------------------- */
/* panier la navigation principale */
/* ------------------------------- */

@media only screen and (min-width: 981px) {
    .et_header_style_left #et-top-navigation nav > ul > li > a,
    .et_header_style_split #et-top-navigation nav > ul > li > a {
        padding-top: 8px !important;
    }

    .et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li > a,
    .et_header_style_split
        .et-fixed-header
        #et-top-navigation
        nav
        > ul
        > li
        > a {
        padding-top: 0 !important;
    }
}

/******************************************************************
******************** EVENT CALENDAR *******************************
******************************************************************/

@media only screen and (max-width: 768px) {
    .tribe-events-nav-previous a,
    .tribe-events-nav-next a {
        color: #fff !important;
    }
}

/* Change rss icon content for Youtube */
.et-social-rss a.icon:before {
    content: "\e0a3" !important;
}