@charset "UTF-8";
/*
Theme Name: alexiadieudonne
Author: Clément Mille
Author URI: https://www.clement-mille.fr
Description: Specific theme for abonnement-site-internet.fr
Version: 1.0.0 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: uikit 3, start, templates
Text Domain: asi

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

:root {
    --light: #fff;
    --link: #8b496b;
    --primary: #4c1130;
    --secondary: #62183f;
    --grey: #bbb;
    --anthracite: #303030;
}

html, body {color: #666;font:400 18px / 24px Helvetica, Arial, sans-serif;background: var(--light);}
#loading {position: fixed;display: flex; justify-content: center;align-items: center;width: 100%;height: 100%;top: 0;left: 0;background-color: var(--light);z-index: 99999999999;}
:focus {outline: none;}
.alignfull{width: 100%;}
.alignwide{margin-left: auto;margin-right: auto;width: 80%;}
.wp-block-cover .wp-block-heading{margin:0;}
.uk-background-muted{background-color: var(--grey);color:var(--anthracite)}
.uk-background-muted a{color:var(--primary)}
.cpath{clip-path: polygon(0 0, 100% 0, 100% 95%, 0% 100%);}
.wp-block-media-text__content{padding:4% 8% !important;}
.bheight{height: 300px;}
.uk-grid-divider>:not(.uk-first-column)::before, {border-left: 1px solid rgba(255,255,255,.2);}
.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before{border-top: 1px solid rgba(255,255,255,.2);}


/* Text */
.uk-h1,.uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6,h1, h2, h3, h4, h5, h6{font-family: "Lobster", sans-serif;font-weight: 400;font-style: normal;color:var(--primary);}
h1{color:var(--grey);}
h2{font-family: "Montserrat", sans-serif;font-optical-sizing: auto;font-weight: 700;font-style: normal;border-bottom:1px solid var(--primary);color:var(--primary);text-transform: uppercase;font-size:1.4em;}
em {color: #666;}
a{color: var(--primary);font-weight:700;-webkit-transition: all 0.3s ease-in-out !important;transition: all 0.3s ease-in-out !important;text-decoration:none;}
a:hover{color:var(--secondary);text-decoration:none;}

b, strong{color:var(--primary);}

/*#content:not(.cfcontent) a:not(.wp-block-button__link){text-decoration: none;background: linear-gradient(to bottom, transparent 0%, transparent 85%, var(--link) 85%, var(--link) 100%);}
#content:not(.cfcontent) a:not(.wp-block-button__link):hover{background: linear-gradient(to bottom, transparent 0%, transparent 85%, var(--secondary) 85%, var(--secondary) 100%);}*/

footer a, header a{text-decoration:none;}
.ts{text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);}
.bg1{background:var(--primary);}
.cdore{color:var(--grey);}
h3.bslide{color:var(--light);font-family: "Montserrat", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;}
.uk-heading-bullet::before{border-left-color: var(--primary);}
.uk-divider-small::after {border-top: 1px solid var(--primary);}


/* NAVBAR */
.logo{color:var(--light);}
.logo .uk-h2{line-height: 1em;letter-spacing: 0.001em;}
.logo .bl{color:var(--light)}
.headerinfo{padding:5px 0;color:var(--light);}
.headerinfo a{color:var(--light);}
.uk-navbar-container:not(.uk-navbar-transparent){background: rgb(76 17 48 / 95%);box-shadow: 0 0 15px rgb(0 0 0 / 30%);}
.uk-navbar-nav>li>a,.uk-navbar-nav>li>a:focus{color:#ddd;position:relative;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);font-family: "Montserrat", sans-serif;font-optical-sizing: auto;font-weight: 500;font-style: normal;}
.uk-navbar-nav>li>a:hover,.uk-navbar-nav>li.current-menu-item>a,.uk-navbar-nav>li>a[aria-expanded=true],.uk-navbar-nav>li.uk-active>a{color:var(--light);}
.uk-navbar-nav>li>a:after{position: absolute;bottom: 20px;left: 0;right: 0;margin: auto;width: 0%;content: '.';color: transparent;background: var(--primary);height: 2px;transition: all .5s;text-shadow:none;}
.uk-navbar-nav>li>a:hover:after,.uk-navbar-nav>li.uk-active>a:after {width: 100%;}
.uk-navbar-dropdown{top:70px !important;}
.bgcover{background: rgb(84 70 88 / 60%);background: linear-gradient(45deg, rgb(76 17 48) 0%, rgb(82 62 73 / 80%) 40%, rgb(82 62 73 / 90%) 100%);}
.uk-offcanvas-bar{background:var(--primary);padding-top: 50px;border-left:1px solid var(--primary);}
.uk-offcanvas-bar .uk-nav-primary>li>a, .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a{color:var(--grey)}
.uk-offcanvas-bar .uk-nav-primary>li.uk-active>a, .uk-offcanvas-bar .uk-nav-primary>li>a:hover, .uk-offcanvas-bar ul.sub-menu li a:hover, .uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li.uk-active>a{color:var(--light);}
.uk-navbar-container:not(.uk-navbar-transparent) .uk-navbar-nav>li>a:after{background: var(--grey);}

/* button */
.wp-block-button__link, .uk-button-primary, .uk-button-primary:focus{border-radius:50px;background-color: var(--primary);color: var(--light);-webkit-transition: all 0.3s ease-in-out !important;transition: all 0.3s ease-in-out !important;box-shadow: 0 0 10px rgb(0 0 0 / 20%);font-family: "Montserrat", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;}
.uk-button-primary:hover,.wp-block-button__link:hover{background-color: var(--secondary);color: var(--light);}
header .uk-button-primary{font-weight: 700}
.uk-navbar-container:not(.uk-navbar-transparent) .uk-button-primary, .uk-navbar-container:not(.uk-navbar-transparent) .uk-button-primary:focus, 
.wp-block-cover .wp-block-button__link{background-color: var(--grey);color:var(--primary);}
.uk-navbar-container:not(.uk-navbar-transparent) .uk-button-primary:hover, .wp-block-cover .wp-block-button__link:hover{background-color: var(--light);color:var(--secondary);}

/* form */
.wpcf7-form p {margin: 0;}
.wpcf7-submit{-webkit-appearance: none;-moz-appearance: none;}
span.wpcf7-not-valid-tip{color:#f0506e;font-size: 0.8em;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {border: none;color:#f0506e;}
div.wpcf7-mail-sent-ok {border:none !important;color:#32d296;}
.uk-form-danger, .uk-form-danger:focus {border-color: #f0506e !important;}
.uk-input, .uk-select, .uk-textarea{border: 1px solid var(--primary);}

/* footer */
.tm-footer{background:var(--primary);border-bottom:2px solid var(--anthracite);}
.mentions{background:var(--anthracite);padding:10px 0;border-top:2px solid var(--primary);}
.uk-icon-button{color:#abd9d3;}
#menu-menu-footer{display: flex;}
.tm-footer-menu a{font-weight: 400}
.tm-footer-menu ul li{display: inline-flex;align-items: center;justify-content: center;margin: 0!important;}
.tm-footer-menu ul li:before{content:"•";display: inline-flex;align-items: center;justify-content: center;padding:0 8px;}
.tm-footer-menu ul li:first-child:before{content:"";padding:0;display:none;}

/* back to top */
.back-to-top{ display: inline-block;}
.back-to-top a {background-color: var(--primary);line-height: 1;color:var(--light);border-radius: 50%;}
.back-to-top a:hover {background:var(--secondary);}
#tm-toolbar{z-index:1000;display:none;position: fixed;bottom: 10px;right: 10px;}


.wp-block-cover .wp-block-media-text__media img{border-radius: 50%;box-shadow: 0 0 15px rgb(0 0 0 / 30%)}
@media only screen and (min-width: 960px) {
    .bheight{height: 450px;}
    .cpath{clip-path: polygon(0 0, 100% 0, 100% 75%, 0% 100%);}
    .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {margin-right: -100px;margin-left: 100px}
    .wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content {margin-left: -100px;margin-right: 100px}
    .wp-block-media-text__content{z-index:1;color:var(--anthracite);box-shadow: 0 0 15px rgb(0 0 0 / 30%);background: var(--grey);}
    /* background: linear-gradient(145deg, rgba(242 189 85,1) 0%, rgba(242 189 85,1) 60%, rgba(115,64,131,1) 100%); */
    .wp-block-cover .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content,
    .wp-block-cover .wp-block-media-text:not(.has-media-on-the-right) .wp-block-media-text__content{margin:0}
    .wp-block-cover .wp-block-media-text__content{color:#fff;box-shadow: none;background: initial;}
    .wp-block-cover .wp-block-media-text__media{position: relative;}
    .wp-block-cover .wp-block-media-text__media img{margin-top:-2em;}
    .wp-block-cover{overflow: visible;}
}

@media only screen and (max-width: 960px) {
    h2{color:var(--primary);}
    .logo .bl{font-size:0.75em;}
    h3.bslide{font-size:1em;}
}

@media only screen and (max-width: 1200px) {
    header a, header a:focus, header a:hover{color:#fff;}
}