/****
Theme Name: Codallure
Template: skt-ayurveda
Theme URI: https://jmsdev.fr
Author: Jmsdev
****/


/*Admin*/

/***********MENU**************/

:root {
  --main-color : #3f3f3f;
  --main-font-size : 16px;
  --dancing : 'Dancing Script';
}

#top-bar {

    height: 25px;
    padding-top: 2px;
     background-color: #2d2d2d;
     width: 100%;
}


#top-bar-content {
    max-width: 1180px;
    margin: 0 auto;
}

.network-icon{
    width: 20px;
    height: 20px;
    float: right;
    background-color: #efefef;
    
}


.network-icon img {
    width: 20px;
    height: 20px;
    position: relative;
    top: -4px;
}

#facebook {
   background-color: #efefef;
   border-radius: 50%;
    -moz-border-radius: 50%!important;  
    -webkit-border-radius: 50%!important;
}


#instagram {
  background-color: #efefef;
    border-radius: 50%;
    -moz-border-radius: 50%!important;  
    -webkit-border-radius: 50%!important;
    margin-left: 10px;
}





body {
    color: #3f3f3f;
    
}

.row{
    padding: 0;
}

body p {
    font-size: 18px;
}

.font-20{
    font-size: 20px;
}

.page_content{
  /*  min-height: 960px;*/
  max-width: 1200px;
  
}
.site-main{
   width: 73%!important;
}



#main-set {
	display:flex;
	background-color:#333333; 
}

/* menu on one line */
#main-set .header {
	display:flex;
	background-color:#333333;
}

/* Do not display site description in the menu*/
body.wp-custom-logo .site-description {
	display:none;
}
.main-navigation ul li a{
	color:#efefef;
}

.main-navigation ul li a:hover{
	background-color:#303030!important;
}
.main-navigation ul li a[aria-current="page"]{
	background-color:#303030!important;
}

#main-set .header .logo img {
	position:relative;
	top:-12px
}

/*do not display "entete img" on the pages */
.inner-banner-thumb {
	display:none;
}

.codallure{
	color:#cd3641;
    font-weight:300!important;	
}


/*****   TITLE  ********/

.site-main .entry-header > h1 {
    display: none!important;
}

h1 {
    font-size: 26px;
    font-weight: 250;
    font-family:  "Roboto", serif;
}


#red-container-title{
height: 80PX;
}

#red-container-title-contact{
    height: 60px;
}

.red-sub-container-title{
    display: none!important;
}

.site-main h1{
    margin-bottom: 0;
    font-family: 'Dancing Script'; 
    font-size: 32px;
    margin-left: 20px;
}


#home-dancing {
    font-family: 'Dancing Script';
    font-weight: normal;
    font-size: 45px;
}

.dancing-font{
    font-family: 'Dancing Script'; 
}

h2{
    font-size: 22px;
    font-weight: 200;
}

h3#home-title-gdp{
    font-size: 30px;
    font-weight: 200;
    font-style: italic;
    font-family: 'Dancing Script';
}




/*slider suppress margin top and bottom*/

.e-con.e-flex > .e-con-inner {
    padding: 0;
}

.codallure-red{
 color: #cd3641;
}
.codallure-red-2{
 color: #db7b81;
}


/*** navigation button */
div#n2-ss-2 .nextend-arrow-animated-fade {
    background-color: #000;
    opacity: 0.3s;
     padding: 10px;
     border-radius: 50%;
    -moz-border-radius: 50%!important;  
    -webkit-border-radius: 50%!important;
}


.circle-container{
    width: 200px!important;
    height: 200px!important;
    border-radius: 50%;
    -moz-border-radius: 50%!important;  
    -webkit-border-radius: 50%!important;
}



#home-sub-banner{
    padding: 30px 0 5px 0;
}


.round-container{
    border: 3px solid #dddddd;
   border-radius: 50%!important;   
    -moz-border-radius: 50%!important;  
    -webkit-border-radius: 50%!important;  
    width: 200px!important;
    height: 200px!important;
    padding: 20px!important;

    
}

#temoignages-home{
 
}




/************ BIO ************/
#bio-caroussel .elementor-swiper-button{
    background-color: #000;
    opacity: 0.1;
     padding: 5px;
     border-radius: 50%; 
}

/* bouton caroussel diplome*/
#diplomes-caroussel .elementor-swiper-button{
   background-color: transparent!important;
}



/***** BLOG *****/

/* H1 */
#blog-title-container{
    display: flex;
    flex-direction: row;    
    background-color: #333333;
    margin-bottom: 30px;
    -webkit-box-shadow: 7px 7px 10px -4px rgba(139,130,133,0.79); 
    box-shadow: 7px 7px 10px -4px rgba(139,130,133,0.79);
}

.blog_lists{
    padding: 10px;
}

#blog-title{ 
    display: flex;    
    color: #efefef;
    font-weight: 400;
    padding: 40px 30px;
    flex-grow: 1;
    order: 1;    
}

#blog-title h1{ 
    color: #efefef;
    font-weight: 500;
}

#blog-title-sibling{
    display: flex;
    flex-grow: 0;    
    order: 2;
    background-color: #cd3641;
    padding: 40px 30px;
}

.blog-post article{
    height: 350px;
    overflow: hidden;
}

.post-thumb {
    width: 35%;
    overflow   :visible;
}

.site-main > article {
    margin-top: 30px;
}

.overlay-container {
    display: none;
}

.overlay-link{
    display: none;
}

/***   SIDEBAR ****/

#sidebar {
    margin-top: 30px;
    width: 25%!important;
    margin-left: 10px;
}

#sidebar .widget{
    padding: 15px;
}


#codallure-sidebar , #codallure-general-sidebar {
  width: 100%;
  float: right;
  overflow: hidden;
  font-size: 16px;
  border: 1px solid #efefef;
 
}


#codallure-sidebar form {
  margin-bottom: 25px;
}

#codallure-sidebar form input, #codallure-sidebar form button {
    height: 25px;
    margin-right: 10px;
}

#codallure-sidebar p {
  margin-bottom: 10px;
}

#sidebar #sidebar-temoignages{
    background-color: #E7E0EE6B;
    padding: 15px; 
    text-align: center;
    margin: 0;
}

#sidebar #sidebar-services-pro{
    background-color: #D1B5C445; 
    padding: 15px; 
    text-align: center;
    margin: 0;
    
}

#sidebar #sidebar-services-pro a {
    color: #555555;    
    font-size: 20px;  
}

#sidebar-temoignages a{    
    color: #555555;   
    font-size: 20px;  
}



/**** Dev personnel *****/

.competence{
    font-size: 20px;
    font-weight: 300;
}


/* contact */

#form-contact-container {
    padding: 40px;
    background-color: #f2edf66b;
    box-shadow: 10px 9px 12px -12px rgba(0,0,0,0.49);
    -webkit-box-shadow: 10px 9px 12px -12px rgba(0,0,0,0.49);
    -moz-box-shadow: 10px 9px 12px -12px rgba(0,0,0,0.49);
}

#form-contact-container input, #form-contact-container textarea {
    width: 100%;
    color: #1f1f1f;
}

#form-contact-container label {
    color: #4f4f4f;    
}

#form-contact-container input[type="submit"] {
    background-color: #3f3f3f!important;
    color: #efefef;    
}

/*

Témoignage FORM

*/

#temoignage-form{
    background-color: #E7E0EE6B;
    padding: 20px;
    border: 1px solid #cccccc;
    margin-top: 30px;
    border-radius: 5px;
}

#temoignage-form input{
    width: 300px;
}

#temoignage-form textarea{
    width: 500px;
    min-height: 200px;
}


#temoignage-form button{
    width: 100px;
    min-height: 30px;
    cursor: pointer;
    color: #303030;
}


.temoignage-item{
    margin-bottom: 2em; padding: 1em; border-top: 1px solid #ddd;
}

/************** Responsive ***************/

@media (max-width: 1024px) {

    .container {
        margin: 0;
        padding: 0;
        max-width: 100%;
    }

    .site-main, #sidebar{
        display: block!important;
        width: 100%!important;
    }

    .h-100 {
        padding: 5px;
    }

    .card {
        max-width: 100%;
    }

    /****Slider height**/
    #codallure-home-slider div{
        height: 300px;
    }
    /*** Do not display arrow*/
    div#n2-ss-2 .nextend-arrow-animated-fade{
        display: none;
    }

    .home-activities-container {
        width: 100%!important;
        margin: 0 auto!important;
        text-align: center!important;
        border-bottom: 1px dotted #cccccc;
        padding-bottom: 20px!important;
    
    }

    .n2-ss-slider-controls{
        display: none;
    }

    #home-articles-container{
        overflow: hidden;
        height:auto;
    }


    /*** menu ***/

    #main-set .container{
        width: 100%;
    }



    #navigation ul li{
        border-bottom: 1px dotted #666;
    }

    ul#primary{
        margin-top: 20px;
    }

    .main-navigation button.menu-toggle {   
        background: #555555!important;
        border: 0;
        color: #ffffff;
        padding: 10px;
        height: 40px; 
        cursor: pointer;
        float: right;
        margin: 20px 20px 0 0 !important;
    }


  

    body.wp-custom-logo .logo{
        display: inline-block;
    }

    #codallure-sidebar, #codallure-general-sidebar{
        width: 100%!important;
        float: none!important;
    }

    .dispay-column{
        flex-direction: column!important;
    }

    .display-column{
        flex-direction: column!important;
    }

    .elementor-9 .elementor-element.elementor-element-3fe93fe{
        flex-direction: column!important; 
    }



    #coach-home-img {
        overflow: hidden;  
        height: 200px;
        width: 200px;
        /* background-position: bottom 10px right 20px;    */
        border-radius: 50%;
        -moz-border-radius: 50%!important;  
        -webkit-border-radius: 50%!important;
        margin: 0px auto 0 auto; 
        margin-bottom: 20px!important;     
        border: 2px solid #efefef;  
    }

    #home-sub-banner{
        padding-bottom: 0;

    }

    #home-sub-banner-right{
        padding-left: 0;
        background-color: none;
        border: none;
        text-align: center;
    }


}


@media (max-width: 728px) {
  #coach-home-img {
        height: 200px;
        width: 200px;
       /* background-position: bottom 10px right 20px;    */
        border-radius: 50%;
        -moz-border-radius: 50%!important;  
         -webkit-border-radius: 50%!important;
        margin: 0px auto 0 auto;        
    }

}


/* Responsive Blog*/

@media screen and (min-width: 480px) and (max-width: 767px) {
    .entry-summary, .entry-header  {    
        width: 480px;
        color: #efefef;
        margin: 0 auto;

    }

    .entry-header h4 a{
        color: #efefef;        
    }

    article {
        text-align: center;
    }

    .post-thumb{
        position: relative;
         max-height: 100%!important;
    }

  
    .overlay-container {
        display: block;
        position: absolute;
        bottom: 0;
        background: rgb(0, 0, 0);
        background: rgba(0, 0, 0, 0.4); 
        color: #f1f1f1;
        width: 100%;
        height: 100%;
        transition: .5s ease;
        color: #000000;
        font-size: 20px;
        padding: 20px;
        text-align: center;
    }

    .overlay-link{
        display: block;
        display:block;
        overflow:hidden;
        position:absolute;
        width:100%;
        height:100%;
    }
}

/* Sub menu*/

.main-navigation ul ul{ 
    background-color: #333333!important; 
}

.main-navigation ul li ul li.menu-item a{
    color:#efefef!important;
}

.main-navigation ul li ul li a.menu-item a:hover{
	background-color:#303030!important; 
}