/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 16 déc. 2020, 14:30:14
    Author     : j.thomasse
*/
/*
    INDEX
    1- general
    2- boutons
    3- couleurs
*/

/**1 - general*/

#main-menu li a{
    text-transform: var(--menu-text-transform);
}

.sbi-critical-notice{
    left: 15px !important;
}

body{
    max-width: var(--body-max-width);
    background-image: var(--body-bg-image);
    background-color: var(--body-bg-color);
    margin-left: auto;
    margin-right: auto;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

body article .entry-content > h1,
body article .entry-content > h2,
body article .entry-content > h3,
body article .entry-content > h4,
body article .entry-content > h5,
body article .entry-content > h6{
    padding: 0 10px;
}

sup {
    vertical-align: super;
    font-size: smaller;
}

/** bouton de retour en haut */ 
article.page{
    background-color: white;
    overflow: hidden;
}

#backToTop {
	position: fixed;
	width: 50px;
	height: 50px;
	right: 20px;
	bottom: 50px;
	background-color:  var(--backtotop-bg-color);
	border-radius: calc(var(--backtotop-radius) * 1px);
	opacity: 0.5;
	z-index: 500;
    color: var(--backtotop-text-color);
    font-size:30px;
    text-align: center;
    transition: all 250ms ease-in;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}


#backToTop span {
    display: block;
}

#backToTop:hover {
	opacity: 1;
}

#main-menu{
    z-index: 30 !important;
   
}

* {
    box-sizing: border-box;
}

p,
.container-calendar,
li,
a {
    font-family: var(--font-family);
    color: black;
}

h1,
.cat,
h2,
h3,
h4,
h5,
h6{
    font-family: var(--font-family-title);
    color: black; 
}


.wp-block-separator.is-style-wide{
        width: 100%;
        border-top: 2px solid;
}

.wp-block-separator.is-style-default{
        width: 100px;
        border-top: 2px solid;
    
}


/* 2- boutons style **/
.fx2020-button,
.wp-block-button__link
.is-style-fx-button-primary,
.is-style-fx-button-secondary,
.is-style-fx-button-tertiary {
    text-align: center;
    display: block;
    letter-spacing: 1px;
}

.wp-block-button__link,
.fx2020-button{
    border: none;
    border-radius: 1.55em;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    font-size: 1.125em;
    padding: .667em 1.333em;
    text-align: center;
    text-decoration: none;
    overflow-wrap: break-word;
}

.is-style-outline .wp-block-button__link,
.is-style-outline .fx2020-button {
    border: 1px solid;
}

.is-style-fill .wp-block-button__link,
.is-style-fill .fx2020-button {
    border: none;
}

.is-style-fx-button-primary,
.is-style-fx-button-secondary,
.is-style-fx-button-tertiary {
    width: fit-content;
    width: -moz-fit-content;
}

button.is-style-fx-button-primary,
.is-style-fx-button-primary div.wp-block-button__link,
.is-style-fx-button-primary a.wp-block-button__link,
.is-style-fx-button-primary div.fx2020-button,
.is-style-fx-button-primary a.fx2020-button {
    background-color: var(--btn-primary-bgcolor)!important;
    color: var(--btn-primary-textcolor) !important ;  
    border-radius: calc(var(--btn-primary-borderradius) * 1px )!important ;
    border: calc(var(--btn-primary-bordersize) * 1px) solid var(--btn-primary-bordercolor) !important;
    transition: all 350ms ease;
}

.is-style-fx-button-primary a.fx2020-button:hover,
.is-style-fx-button-primary:hover {
    color: var(--btn-primary-hover-textcolor) !important;
    border-radius: calc(var(--btn-primary-borderradius) * 1px )!important ;
    background-color: var(--btn-primary-hover-bgcolor) !important;
    border-color: var(--btn-primary-hover-bordercolor) !important;
}

.is-style-fx-button-secondary div.wp-block-button__link,
.is-style-fx-button-secondary a.wp-block-button__link,
.is-style-fx-button-secondary div.fx2020-button,
.is-style-fx-button-secondary a.fx2020-button,
.is-style-fx-button-secondary {
    background-color: var(--btn-secondary-bgcolor) !important;
    color: var(--btn-secondary-textcolor) !important;  
    border-radius: calc(var(--btn-secondary-borderradius) * 1px) !important;
    border: calc(var(--btn-secondary-bordersize) * 1px) solid var(--btn-secondary-bordercolor) !important;
    transition: all 350ms ease;
}

.is-style-fx-button-secondary a.fx2020-button:hover,
.is-style-fx-button-secondary:hover {
    border-radius: calc(var(--btn-secondary-borderradius) * 1px) !important;
    color: var(--btn-secondary-hover-textcolor) !important;
    background-color: var(--btn-secondary-hover-bgcolor) !important;
    border-color: var(--btn-secondary-hover-bordercolor) !important;
}

.is-style-fx-button-tertiary {
    padding: 8px 20px;
    color: #06ccf9 !important;
    letter-spacing: 1px;
    background-color: transparent;
}
.is-style-fx-button-tertiary:hover {
    color: #76d4e9 !important;
    background-color: transparent;
}


.aligncenter {
    display: flex;
    justify-content: center !important;
}

.alignleft {
    display: flex;
    justify-content: flex-start !important;
}

.alignright {
    display: flex;
    justify-content: flex-end !important;
}

/**3- couleur par default */

/** BACKGOUND COLOR*/
.has-vivid-cyan-blue-background-color {
    background-color: #0693E3;
}
.has-black-background-color {
    background-color: black;
}
.has-cyan-bluish-gray-background-color {
    background-color: grey;
}
.has-white-background-color {
    background-color: white;
}
.has-pale-pink-background-color {
    background-color: #F78DA7;
}
.has-vivid-red-background-color {
    background-color: #CF2E2E;
}
.has-luminous-vivid-orange-background-color {
    background-color: #FF6900;
}
.has-luminous-vivid-amber-background-color {
    background-color: #FCB900;
}
.has-light-green-cyan-background-color {
    background-color: #06CCF9;
}
.has-vivid-green-cyan-background-color {
    background-color: #00D084;
}
.has-pale-cyan-blue-background-color {
    background-color: #8ED1FC;
}
.has-vivid-purple-background-color {
    background-color: #9B51E0;
}

/** TEXT COLOR*/
.has-vivid-cyan-blue-color {
    color: #0693E3;
}
.has-black-color {
    color: black;
}
.has-cyan-bluish-gray-color {
    color: grey;
}
.has-white-color {
    color: white;
}
.has-pale-pink-color {
    color: #F78DA7;
}
.has-vivid-red-color {
    color: #CF2E2E;
}
.has-luminous-vivid-orange-color {
    color: #FF6900;
}
.has-luminous-vivid-amber-color {
    color: #FCB900;
}
.has-light-green-cyan-color {
    color: #06CCF9;
}
.has-vivid-green-cyan-color {
    color: #00D084;
}
.has-pale-cyan-blue-color {
    color: #8ED1FC;
}
.has-vivid-purple-color {
    color: #9B51E0;
}


/** BORDER COLOR */
.is-style-outline .has-vivid-cyan-blue-color {
    border-color: #0693E3;
}
.is-style-outline .has-black-color {
    border-color: black;
}
.is-style-outline .has-cyan-bluish-gray-color {
    border-color: grey;
}
.is-style-outline .has-white-color {
    border-color: white;
}
.is-style-outline .has-pale-pink-color {
    border-color: #F78DA7;
}
.is-style-outline .has-vivid-red-color {
    border-color: #CF2E2E;
}
.is-style-outline .has-luminous-vivid-orange-color {
    border-color: #FF6900;
}
.is-style-outline .has-luminous-vivid-amber-color {
    border-color: #FCB900;
}
.is-style-outline .has-light-green-cyan-color {
    border-color: #06CCF9;
}
.is-style-outline .has-vivid-green-cyan-color {
    border-color: #00D084;
}
.is-style-outline .has-pale-cyan-blue-color {
    border-color: #8ED1FC;
}
.is-style-outline .has-vivid-purple-color {
    border-color: #9B51E0;
}