/*
Theme Name: Ouebface
Theme URI: https://www.ouebsite.fr/
Author: Bruno Baronnet
Description: Thème de base pour un Ouebsite
Requires at least: 5.3
Tested up to: 5.5
Requires PHP: 5.6
Version: 2.0
Text Domain: ouebface
*/

.wp-site-blocks{
    overflow: hidden;
}

a{
    transition: all .3s ease;
}
a:hover, a:focus{
    filter: brightness(80%);
}

/******* Header *******/

.site-header.lightHeader{
    position: absolute;
    top: 0px;
    width: 100%;
    background: transparent;
    z-index: 2;
}

/*
Search
*/
.site-header .wp-block-search .wp-block-search__inside-wrapper{
    border: 0;
}

.site-header .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input{
    padding: 4px 34px 4px 4px;
    background-color: transparent;
    color: var(--wp--preset--color--background);
    min-width: auto;
    width: 0;
    transition: width 0.4s ease-in-out,background-color 0.2s ease-in-out;
}
.site-header .wp-block-search{
    position: relative;
}
.site-header .wp-block-search .wp-block-search__input:not(:focus) {
    cursor: pointer;
}
.site-header .wp-block-search:focus-within .wp-block-search__input{
    width: 200px;
    background-color: rgba(0, 0, 0, .5);
}
.site-header .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button{
    background: none;
    padding: 0;
    margin: 0;
    position: absolute;
    right: 0;
    pointer-events: none;
}
.site-header .wp-block-search__button svg{
    min-width: 2em;
    min-height: 2em;
}

.wp-block-cover__inner-container{
    max-width: var(--wp--style--global--wide-size);
}

.wp-block-navigation__submenu-container{
    background-color: var(--wp--preset--color--primary) !important;
}

.wp-block-navigation__submenu-container .wp-block-navigation-item a:hover{
    background-color: var(--wp--preset--color--primshade) !important;
}

/******* Main *******/

.wp-site-blocks>main{
    margin-top: 0;
}


/*
Blocks
*/

.wp-block-query.of-height-fixed .wp-block-post-featured-image{
  position: relative;
  overflow: hidden;
  aspect-ratio: 17/9;
}


.wp-block-query.of-height-fixed .wp-block-post-title a{
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
}

.wp-block-query.of-height-fixed .wp-block-post-excerpt__excerpt{
    height: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wp-block-post-excerpt__more-link::after{
    content: "";
    display: inline-block;
    width: 0.95em;
    height: 0.95em;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-image: url(http://www.edenparc.eu/wp-content/themes/ouebface/assets/images/carret-r.svg);
}

.wp-block-table td, .wp-block-table th {
  padding: 1.5em;
}

/*
Formulaires
*/
form input, form textarea{
    font-family: var(--wp--preset--font-family--body-font);
    font-size: var(--wp--preset--fontSizes--small);
    font-weight: var(--wp--custom--typography--body-weight--light);
}
form input:not(.site-header .wp-block-search input), form textarea{
    padding: 10px 12px;
    /*color: var(--wp--preset--color--gray);*/
    background-color: var(--wp--preset--color--background);
    border: 1px solid var(--wp--preset--color--tertiary);
    border-radius: 0;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
form input:not(.site-header .wp-block-search input){
    height: 45px;
}

form input:focus:not(.site-header .wp-block-search input), form textarea:focus {
    border-color: var(--wp--preset--color--primary);
    outline: 0;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(0 100 162 / 60%);
}

form label:not(.wpforms-field-sublabel) {
    font-family: var(--wp--preset--font-family--heading-font);
}

form button{
    border-color: var(--wp--preset--color--primshade);
    font-family: var(--wp--preset--font-family--body-font);
    font-size: var(--wp--preset--fontSizes--small) !important;
    text-transform: uppercase;
    font-weight: var(--wp--custom--typography--body-weight--light);
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 10px 22px;
    line-height: 1.7;
    user-select: none;
    transition: background-color ease-in-out .15s;
    border-radius: 0;
}

form .wp-element-button, .wp-block-button__link{
    background-color: var(--wp--preset--color--primary);
}

form button:hover{
    background-color: var(--wp--preset--color--primshade);
}

/******* Footer *******/

.site-footer{
    margin: 0;
}
footer.site-footer .of-copyright{
    background-color: rgba(0, 0, 0, .1);
}

.site-footer nav.is-vertical .wp-block-navigation__container{
    width: 100%;
}
.site-footer nav.is-vertical .wp-block-navigation__container li a{
    width: 100%;
    border-bottom: 1px solid var(--wp--preset--color--tertiary);
}
.site-footer nav.is-vertical .wp-block-navigation__container li{
    width: 100%;
}

#cmplz-manage-consent .cmplz-manage-consent{
    font-size: 0;
    min-width: 40px !important;
    background: url(http://www.edenparc.eu/wp-content/themes/ouebface/assets/images/cookie.png) no-repeat;
    background-size: 80%;
    background-position: center 2px;
    background-color:  var(--wp--preset--color--tertiary) !important;
}

/******* icons *******/

.of-icon::before{
    content: "";
    display: inline-block;
    width: 0.95em;
    height: 0.95em;
    background-repeat: no-repeat;
    margin-right: 0.5em;
    vertical-align: middle;
}

.of-icon.of-icon-calendar::before{
    background-image: url(http://www.edenparc.eu/wp-content/themes/ouebface/assets/images/calendar.svg);
}
.of-icon.of-icon-neg-calendar::before{
    background-image: url(http://www.edenparc.eu/wp-content/themes/ouebface/assets/images/neg-calendar.svg);
}
.of-icon.of-icon-lock::before{
    background-image: url(http://www.edenparc.eu/wp-content/themes/ouebface/assets/images/lock.svg);
}
.of-icon.of-icon-neg-lock::before{
    background-image: url(http://www.edenparc.eu/wp-content/themes/ouebface/assets/images/neg-lock.svg);
}
.of-icon.of-icon-unlock::before{
    background-image: url(http://www.edenparc.eu/wp-content/themes/ouebface/assets/images/unlock.svg);
}
.of-icon.of-icon-neg-unlock::before{
    background-image: url(http://www.edenparc.eu/wp-content/themes/ouebface/assets/images/neg-unlock.svg);
}
.of-icon.of-icon-tag::before{
    background-image: url(http://www.edenparc.eu/wp-content/themes/ouebface/assets/images/tag.svg);
}
.of-icon.of-icon-neg-tag::before{
    background-image: url(http://www.edenparc.eu/wp-content/themes/ouebface/assets/images/neg-tag.svg);
}
.of-icon.of-icon-search::before{
    background-image: url(http://www.edenparc.eu/wp-content/themes/ouebface/assets/images/search.svg);
}
.of-icon.of-icon-neg-search::before{
    background-image: url(http://www.edenparc.eu/wp-content/themes/ouebface/assets/images/neg-search.svg);
}
.of-icon.of-icon-star::before{
    background-image: url(http://www.edenparc.eu/wp-content/themes/ouebface/assets/images/star.svg);
}
.of-icon.of-icon-neg-star::before{
    background-image: url(http://www.edenparc.eu/wp-content/themes/ouebface/assets/images/neg-star.svg);
}
.of-icon.of-icon-carret-r::before{
    background-image: url(http://www.edenparc.eu/wp-content/themes/ouebface/assets/images/carret-r.svg);
}
.of-icon.of-icon-carret-l::before{
    background-image: url(http://www.edenparc.eu/wp-content/themes/ouebface/assets/images/carret-l.svg);
}
.of-icon.of-icon-carret-t::before{
    background-image: url(http://www.edenparc.eu/wp-content/themes/ouebface/assets/images/carret-t.svg);
}
.of-icon.of-icon-carret-b::before{
    background-image: url(http://www.edenparc.eu/wp-content/themes/ouebface/assets/images/carret-b.svg);
}
.of-icon.of-icon-neg-carret-r::before{
    background-image: url(http://www.edenparc.eu/wp-content/themes/ouebface/assets/images/neg-carret-r.svg);
}
.of-icon.of-icon-neg-carret-l::before{
    background-image: url(http://www.edenparc.eu/wp-content/themes/ouebface/assets/images/neg-carret-l.svg);
}
.of-icon.of-icon-neg-carret-t::before{
    background-image: url(http://www.edenparc.eu/wp-content/themes/ouebface/assets/images/neg-carret-t.svg);
}
.of-icon.of-icon-neg-carret-b::before{
    background-image: url(http://www.edenparc.eu/wp-content/themes/ouebface/assets/images/neg-carret-b.svg);
}