/**
Theme Name: Symphonic Theme
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: symphonic-theme
Template: astra
*/


/* Sous-Menu */
.main-header-menu .sub-menu {
    background: var(--ast-global-color-3) !important;
    border-radius: 3px;
    box-shadow: none !important;
    border: none !important;
}

@media (max-width: 921px) {
    .main-header-menu .sub-menu {
        background: var(--ast-global-color-5) !important;
    }
}
/* END Sous-Menu */

/* Liens */
.ast-single-post .entry-content a:hover {
    text-decoration: none !important;
}

.ast-post-format- .entry-content a:not(.wp-element-button) {
    color: var(--ast-global-color-7) !important;
    font-weight: 600 !important;
}
.ast-post-format- .entry-content a:not(.wp-element-button):hover,
.ast-post-format- .entry-content a:not(.wp-element-button):focus {
    color: var(--ast-global-color-2) !important;
}
/* END Liens */

/* Crédits */
.wp-element-caption {
    font-size: 0.8em !important;
    text-align: right !important;
}
/* END Crédits */

/* Formulaire */
.wpforms-field-container input[type=text]:focus,
.wpforms-field-container input[type="number"]:focus,
.wpforms-field-container input[type="email"]:focus,
.wpforms-field-container input[type="url"]:focus,
.wpforms-field-container input[type="password"]:focus,
.wpforms-field-container input[type="search"]:focus,
.wpforms-field-container input[type=reset]:focus,
.wpforms-field-container input[type="tel"]:focus,
.wpforms-field-container input[type="date"]:focus,
.wpforms-field-container select:focus,
.wpforms-field-container textarea:focus {
    border: none !important;
}
.wpforms-field-container input,
.wpforms-field-container select {
    height: 50px !important;
}

.wpforms-submit-container button[type=submit] {
    color: var(--ast-global-color-5) !important;
    font-size: 0.9rem !important;
    padding: 1em 2em !important;
    border-radius: 25px !important;
    height: 50px !important;
    font-weight: 600 !important;
    background-color: var(--ast-global-color-7) !important;
}
.wpforms-submit-container button[type=submit]:active,
.wpforms-submit-container button[type=submit]:focus,
.wpforms-submit-container button[type=submit]:hover,
.wpforms-submit-container button[type=submit]:visited {
    background: none !important;
    background-color: var(--ast-global-color-7) !important;
    box-shadow: none !important;
    color: var(--ast-global-color-5) !important;
    opacity: .85 !important;
    text-decoration: none !important;
}
/* END Formulaire */

/* Spacing */
.wp-block-uagb-table-of-contents,
.wp-block-uagb-faq,
.wp-block-uagb-separator {
    margin-bottom: 1.5em;
}
/* END Spacing */

/* Bloc ARTICLE */
    /** Force les articles du blog : 2 colonnes **/
.ast-blog-layout-4-grid .ast-row > article {
    width: 50%;
}
    /** Version mobile : 1 colonne **/
@media (max-width: 768px) {
  .ast-blog-layout-4-grid .ast-row > article {
    width: 100%;
  }
  .wp-block-uagb-container.uagb-block-fa149c22 {
      padding-left: 20px !important;
      padding-right: 20px !important;
  }
}
    /** Lien hover **/
.uagb-post__inner-wrap:hover h4 {
    color: #ff8e8e !important;
} 
.entry-title a:hover {
    color: #c85252 !important;
}

    /** Image **/
img {
    border-radius: 6px;
}
.post-thumb img {
    object-fit: cover;
}

    /** Preformat **/
pre {
    border-radius: 6px;
    background-color: var(--ast-global-color-6) !important;
    font-family: 'Inter',sans-serif !important;
    font-size: 0.9em !important;
    line-height: 2em !important;
    padding: 2.5em 2em !important;
}

    /** Espace **/
.wp-block-uagb-container {
    margin-bottom: 0px !important;
} 

    /** Bouton **/
.wp-block-file__button {
    font-size: 0.9rem !important;
    padding: 1em 2em !important;
}

    /** Icones audio + PDF **/
.file-icon {
    position: absolute;
    fill: var(--ast-global-color-7) !important;
}
.file-icon--pdf {
    width: 24px;
    height: 24px;
}
.file-icon--audio {
    width: 20px;
    height: 20px;
}
.wp-block-file a {
    padding-left: 35px;
}
.symphonic-vision__link span {
    display: none;
}

    /** Separateur **/
p.post-tags::before {
    content: '';
    display: block;
    clear: both;
    padding-top: 1em;
}
.wp-block-uagb-separator__inner, p.post-tags::before {
    border-top-width: 1px !important;
    border-top-color: var(--ast-global-color-8) !important;
    border-top-style: dashed !important;
}
.wp-block-uagb-separator__inner {
    margin: 1.2em 0 !important;    
}

    /** Tags **/
.bloc-tags {
    margin-top: 4em;
}

    /** Articles similaires **/
.post-thumb-img-content img {
    height: 230px !important;
}

    /** Images **/
.uagb-ifb-image-content img {
    box-shadow: none !important;
}

    /** Supprimer le fond blanc des légendes d'images **/
.wp-block-image, 
.wp-block-image figure, 
.wp-block-image figcaption {
    background-color: transparent !important;
    background: none !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
}
.wp-block-image {
    margin-bottom: 28px !important;
}


/* END Bloc ARTICLE */

/* Custom SIDEBAR */
    /** BTN recherche **/
.wp-block-search__inside-wrapper {
    outline: none !important;
    border: none !important;
    padding: 0 !important;
}    
.wp-block-search__inside-wrapper input {
    height: auto !important;
    border-radius: 25px;
    padding: 0 20px !important;
    background: none !important;
    border: solid 1px #FF9D73 !important;
}
#secondary input {
    font-size: 0.9rem !important;
    color: #191717 !important;
    font-weight: 600 !important;
}
input[type="search"] {
    box-shadow: none !important;
}
input[type="search"]:focus {
    border: solid 1px #191717 !important;
}
input[type="search"]::placeholder {
    color: #6D6B6B !important;
    font-weight: 400 !important;
}
    /** Bloc Spacing **/
#secondary .widget {
    padding: 1.2em 1.5em !important;
}
/* END Custom SIDEBAR */


/* Custom TIMELINE */

.cool-timeline-block-list .story-content :where(img) {
    margin-bottom: 0.8em;
}

.story-content h3 {
    font-family: Outfit, sans-serif !important;
    font-size: 20px !important;
    line-height: 26px !important;
    font-weight: 600 !important;
}
.story-content a {
    color: var(--ast-global-color-7) !important;
}
.story-content a:hover,
.story-content a:focus {
    color: var(--ast-global-color-3) !important;
}

/* END Custom TIMELINE */

/* Article miniature hover */
article.uagb-post__inner-wrap .uagb-post__image img{
   transition: transform 0.5s ease;
}


article.uagb-post__inner-wrap:hover .uagb-post__image img{
    transform: translate(-50%, -50%) scale(1.1);
}

article.ast-related-post .post-thumb-img-content {
    overflow: hidden;
    border-radius: 6px;
}

article.ast-related-post .post-thumb-img-content img{
   transition: transform 0.5s ease;
}


article.ast-related-post:hover .post-thumb-img-content img{
    transform: scale(1.1);
}


/* Affichage du Catalogue sans la sidebar 
body.category-catalogue-des-oeuvres #secondary {
    display: none;
}

body.category-catalogue-des-oeuvres #primary {
    width: 100%;
}

/* Force le catalogue sur 3 colonnes 
body.category-catalogue-des-oeuvres .ast-blog-layout-4-grid .ast-row > article {
  width: 33%;
}

/* Version tablette : 2 colonnes 
@media (max-width: 921px) {
  body.category-catalogue-des-oeuvres .ast-blog-layout-4-grid .ast-row > article {
    width: 50%;
  }
}

/* Version mobile : 1 colonne 
@media (max-width: 768px) {
  body.category-catalogue-des-oeuvres .ast-blog-layout-4-grid .ast-row > article {
    width: 100%;
  }
}