/*
Theme Name:   CDAG CFC blanc
Theme URI:    irisb.ch
Description:  A Twenty Twenty-One child theme 
Author:       Aline Iris Blanchard
Author URI:   irisb.ch
Template:     twentytwentyone
Version:      1.0.0
Text Domain:  cdag
*/


body {
    background-color: #F5F4F1 !important;
    font-family: 'Montserrat', sans-serif !important;
    background-image: url(images/bg.jpg);
    background-size: contain;
}

.site-header {
    padding-bottom: 0 !important;

}

.site-footer {
    background-color: #323636 !important;
}

.entry-header {
    display: none !important;
}

.site-title a {
    display: block !important;
    width: 120px !important;
    background: url(images/logo_CDAG_03_02.png) no-repeat center center !important;
    background-size: contain !important;
    text-indent: -300097px !important;
    padding: 1rem 0 !important;
    z-index: 99 !important;
    margin: 0 0 0 0 !important;
}

.site-branding h1 {
    display: block !important;
    width: 120px !important;
    background: url(images/logo_CDAG_03_02.png) no-repeat center center !important;
    background-size: contain !important;
    text-indent: -300097px !important;
    padding: 1rem 0 !important;
    z-index: 99 !important;
    margin: 0 0 0 0 !important;
}

.widget-area {
    background-color: #323636 !important;
    padding: 0 10px !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: none !important;
    padding-left: var(--responsive--alignfull-padding) !important;
    padding-right: var(--responsive--alignfull-padding) !important;
    padding-top: 20px !important;
}


.widget-area a {
    color: #F5F4F1 !important;
    font-size: 16px !important;
}

.site-footer {
    background-color: #323636 !important;
}

.widget_nav_menu a {
    color: #F5F4F1 !important;
}

.site-footer > .site-info {
    display: block !important;
    color: #F5F4F1 !important;
    border: 0px !important;
    font-size: 0.6rem !important;
    text-align: center !important;
}

.primary-menu-container,
.primary-navigation-open .menu-button-container {
    background-color: #F5F4F1 !important;
}


.widget_nav_menu a{
    color: #D16158 !important;
}

.header-hero h2{
    padding-left: var(--responsive--alignfull-padding) !important;
    padding-right: var(--responsive--alignfull-padding) !important;
    max-width: none !important;
    font-size: 3rem !important;
    line-height: 0.8em !important;
}

.header-hero h2 strong {
    font-size: 2.8em !important;
    opacity: 0.5;
    padding-left: 0.5em !important;
}


#colophon.site-footer {
    padding-bottom: 0px !important;
}


.post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width {
    max-width: var(--responsive--alignwide-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* On screens that are 992px or less, set the background color to blue */
@media screen and (max-width: 992px) {
    .header-hero h2{
        font-size: 2rem !important;
    }
    .header-hero2 h2 {
        font-size: 4rem !important;
    }
    body{
        background-color: #F5F4F1 !important;
        background-image: none !important;
    }
  }
  
  /* On screens that are 600px or less, set the background color to olive */
  @media screen and (max-width: 600px) {
    .header-hero h2{
        font-size: 1.2rem !important;
        padding-left: 0.25em !important;
    }
    .header-hero2 h2 {
        font-size: 3rem !important;
    }
    body{
        background-color: #F5F4F1 !important;
        background-image: none !important;
    }
  }