/*
Theme Name: Zuhn
Text Domain: zuhn
Version: 1.0
Requires at least: 4.7
Requires PHP: 5.6
Description: Thème développé par Xavier Gerber.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Author: Xavier Gerber
Author URI: 
Theme URI: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

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
{
    --home1 :   rgba(255,255,255,0.95);
    --home2 :   rgb(159, 159, 159);
    --home2a :   rgba(237, 24, 32,0.8);
    --home3a :   rgba(232, 67, 147, 0.8);
    --home1a :   rgba(134, 177, 84,0.8);
    --home_t1 :   rgba(134, 177, 84,0.8);
    --color1:   rgba(237, 24, 32,0.8);
    --color1a:  rgba(253, 121, 168, 0.95);
    --color2:   #b7bec1;
    --color3:   #cbcbcb;
    --color4:   #2d98da;
    --color4a:  rgba(232, 67, 147, 0.8);

    --sec1:     #e056fd;
    --sec2:     #22a6b3;
    --sec3:     #6ab04c;
}
.bg-dark{
    background-color:red!important
}
.ff_1{
    font-family:'Abril Fatface'!important; 
}
.ff_2{
    font-family:'Jost'!important; 
}
.fs_0{
    font-size:12px!important;
}
.fs_1{
    font-size:14px!important;
}
.fs_2{
    font-size:16px!important;
}
.fs_3{
    font-size:20px!important;
}
.fs_4{
    font-size:30px!important;
}
.fs_5{
    font-size:40px!important;
}

.bgcolor_1{
    background-color:var(--color1)
}
.txtcolor_1{
    color:var(--color1)
}



.ff_1d *{
    font-family:'Cormorant Garamond'!important; 
}
.ff_2d *{
    font-family:'Jost'!important; 
}
.fs_1d *{
    font-size:14px!important;
}
.fs_2d *{
    font-size:16px!important;
}
.fs_3d *{
    font-size:20px!important;
}
.fs_4d *{
    font-size:30px!important;
}
.fs_5 *{
    font-size:40px!important;
}

.bgcolor_1d *{
    background-color:var(--color1)
}
.txtcolor_1d *{
    color:var(--color1)
}
/*
h1::first-letter,
h2::first-letter {
    color: var(--home2a);
}
*/

/*CLASSES POUR LES ELEMENTS DU CKEDITOR*/
.text-big {
    font-size: 1.4em;
}
.text-huge {
    font-size: 1.8em;
}
.text-small {
    font-size: .85em;
}
.text-tiny {
    font-size: .7em;
}




/*
html *{
    color:white;
}
html p{
    color:black;
}
html, body{

    background-color:var(--color2)!important;
    margin:0px!important
}
*/

.container-licorne >div>div>div{
    background-color:var(--color1a)!important;
    padding:50px;
    margin-bottom:50px;
    border-radius:20px;
    border: 4px solid rgba(255, 0, 0);
    -webkit-animation: rainbow 5s infinite alternate;
}
@-webkit-keyframes rainbow {
    0% {border-color: rgba(253, 121, 168,0.4);}
    50% {border-color: rgba(238, 253, 121, 0.4);}
    100% {border-color: rgba(47, 11, 179, 0.4);}
  }
  


.border_bottom{
    display:inline-block;
    position: relative;
    margin-bottom:15px;
}
.border_bottom:after {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -3px;
    height:2px;
    background-color:var(--color1);
}

.inner_shadow  > div.vc_parallax-inner.skrollable.skrollable-between{
    box-shadow:inset 0 0 0 2000px rgba(0, 0, 0, 0.6);
}
.inner_shadow_hover > div{
    transition: 0.6s;
    box-shadow:inset 0 0 0 500px rgba(0, 0, 0, 0.6);
}
.inner_shadow_hover:hover  > div{
    box-shadow:inset 0 0 0 0px rgba(0, 0, 0, 0);
}



/* GENERAL */



a{
    color:var(--color1)!important;
    text-decoration:none!important;
    
}
input[type=checkbox]{
    width:auto!important;
    width:20px!important;
    height:20px!important;
}

.card a{
    color:white!important;
    font-size:16px!important;
    background-color:rgba(255,255,255,0.);
    padding:20px;
    border:solid 1px white;
}
.card a:hover{
    color:white!important;
    font-size:16px!important;
    background-color:var(--color1);
    padding:20px;
    border:solid 1px white;
}
.card-img-top {
    width: 100%;
    height: 15vw;
    object-fit: cover;
}


h2 {
    overflow: hidden;
    position: relative;
}

/*FOOTER*/
footer{
    background-color:black;
}
footer *{
    color:white;
}
footer p{
    margin:0px;
    padding:0px;
}
footer .nav-link{
    padding: 0px;
}
footer li,footer a,footer p,footer span,footer strong,footer small,footer div{
    font-family:'Jost';
    font-weight:200;
    font-size:16px;
}

/*NAV*/
nav img{
    transition:0.3s
}

nav *{
    position:relative;
    color:white!important;
    font-size:13px!important;
    font-family:'Jost';
    font-weight:500!important;
    text-transform:uppercase!important
}
nav .active:after {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0px;
    height:2px;
    background-color:var(--color1);
}
.nav-item{
    transition:0.3s;
    display:inline-block;
    position:relative;
}
.nav-item:after{
    transition:0.3s;
    display:inline-block;
    content: '';
    width: 0%;
    position: absolute;
    left: 0;
    bottom: 0px;
    height:2px;
    background-color:var(--color1);
}
.nav-item:hover:after{
 
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0px;
    height:2px;
    background-color:var(--color1);
    
}

/*BOUTONS*/
.vc_btn3-style-outline:hover{
    background-color:var(--color1)!important;
    color:white!important;
}

/*ADMINBAR*/
#wpadminbar p,
#wpadminbar a{
    font-size:14px!important;
}
#wpadminbar {
    direction: ltr;
    color: #c3c4c7;
    font-size: 13px;
    font-weight: 400;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    line-height: 2.46153846;
    height: 32px;
    position: fixed;
    top:calc(100vh - 30px);
    left: 0;
    width: 100%;
    min-width: 600px;
    z-index: 99999;
    background: rgba(0,0,0,0.4);
}

/*FORMULAIRES*/
input{
    width:100%;
    padding:10px;
}

nav .dropdown-item {
    color:var(--color1)!important
}


.sd_boot_1{
    width:100%!important
}
.sd_boot_2{
    width:calc(100%/2)!important
}
.sd_boot_3{
    width:calc(100%/3)!important
}
.sd_boot_4{
    width:calc(100%/4)!important
}
.sd_boot_5{
    width:calc(100%/5)!important
}
.sd_boot_6{
    width:calc(100%/6)!important
}
.sd_boot_7{
    width:calc(100%/7)!important
}
.sd_boot_8{
    width:calc(100%/8)!important
}
.sd_boot_9{
    width:calc(100%/9)!important
}
.sd_boot_10{
    width:calc(100%/10)!important
}
.sd_boot_11{
    width:calc(100%/11)!important
}
.sd_boot_12{
    width:calc(100%/12)!important
}

@media screen and (max-width: 991px) {
    .sd_boot_1,
    .sd_boot_2,
    .sd_boot_3,
    .sd_boot_4,
    .sd_boot_5,
    .sd_boot_6,
    .sd_boot_7,
    .sd_boot_8,
    .sd_boot_9,
    .sd_boot_10,
    .sd_boot_11,
    .sd_boot_12{
        width:100%!important
    }
}