/*
 Theme Name:   Divi Child Theme
 Description:  Elegant Catering Divi Child Theme is a flexible and multifunctional Divi child theme created to assist you in building beautiful and expert website.
 Author:       Divi.Expert (Eugene Dimov)
 Author URI:   https://divi.expert
 Template:     Divi
 Version:      1.01
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  divi-child-theme
*/

/* - FLEX TRICKS - place left column under right column on mobile only*/
/* - FLEX TRICKS -section content vertical align - */
/* - text selection style -*/
/* - text inline - */
/* - Name in meta comments - */
/* - back to top button - */
/* - Logo style */
/* - Blurb Align buttons to the bottom -*/
/* align buttons to bottom of a column */
/* align buttons to bottom of a column */
/*change hamburger icon to x when mobile menu is open*/
/*--inline objects--*/
/*--Remove Divi Menu Drop Shadow--*/
/* - Vertical Fullwidth Menu Style - */
/* Cost Calculator Style*/


    
    /* FLEX TRICKS - place left column under right column on mobile only*/
     @media (max-width:768px) {
      .rcm {
        display: flex;
        flex-direction: column-reverse;
      }
    }
    /*end*/
    
    
    
      /* FLEX TRICKS -section content vertical align  */
      
      .va { 
          display: flex; 
          flex-direction: column; 
          justify-content: center;
      } 
      

    /* end of FLEX TRICKS -section content vertical align  */
    
    /* txt selection style */
    
    ::-moz-selection { /* Code for Firefox */
      color: #ffffff !important;
      background: #018ff9 !important;
    }
    
    ::selection {
      color: #ffffff !important;
      background: #018ff9 !important;
    }
    /*end txt selection style */
    
    
      /*text inline*/
    .text_inline .et_pb_text {
        display: inline-block;
        margin: 0 10px;
    }
    
    /*end of text inline*/
    
    
    /*Name in meta comments*/
    span.fn, span.fn a {
        color: #000000;
        font-weight: 300;
          font-size:1.1rem;
    }
    p.logged-in-as {
        color: #000;
    }
    
    /* end of Name in meta comments*/
    
    
    /*back to top button*/
    .et_pb_scroll_top.et-pb-icon {
    text-align: center;
    background: #000000;  /*change background colour*/
    color: #ffffff;  /* change icon colour */
    border-radius: 100px; 
        margin-right:20px
        
        
    }
    .et_pb_scroll_top.et-pb-icon:hover {
    text-align: center;
    background: #018ff9;  /*change background colour on hover */
    color: #ffffff;  /*change icon colour on hover */
        
    }


/*--logo style--*/


/* 380px and smaller screen sizes */
@media (max-width:380px){

  /* Logo */
  #logo{
    max-width:150px !important;
  }
  
}

/* 980px and smaller screen sizes */
@media (max-width:980px){

  /* Logo */
  #logo{
    max-width:180px !important;
  }
  
}


/* end*/





/*---------------------------------------*/
/* - Blurb Align buttons to the bottom -*/
/*--------------------------------------*/
 
 
        /* buttons fixed to the bottom */
            .bottom_fixed_buttons .et_pb_column {
                padding-bottom:30px;}
            .bottom_fixed_buttons .et_pb_button_module_wrapper {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                margin: auto;}



/* M E N U */


/*menu items style*/
#top-menu > .menu-item > a{
  font-weight:400;}
#top-menu > .menu-item > a:hover{
  font-weight:400;
}
/* submenu items style */
#top-menu .sub-menu a{
  font-weight:400;  
}




/* 768px and smaller screen sizes */
@media (max-width:768px){

	/* Menu container */
	#main-header .et_menu_container{
		width:90%;
		
	}
	
}



/* align buttons to bottom of a column */
.align-bottom-column-1 .et_pb_column {
	padding-bottom: 150px;
}
.align-bottom-column-1 .et_pb_button_module_wrapper {
	position: absolute; 
	bottom: 50px; 
	left: 50px; 
	right: 0; 
	margin: auto;
}


/* align buttons to bottom of a column */
.align-bottom-column-2 .et_pb_column {
	padding-bottom: 150px;
}
.align-bottom-column-2  .et_pb_button_module_wrapper {
	position: absolute; 
	bottom: 50px; 
	left: 50px; 
	right: 0; 
	margin: auto;
}

/*end*/





/*change hamburger icon to x when mobile menu is open*/
	#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
	.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
		content: '\4d';
	}
	
	
	/*=======end MENU======== */

/*======INLINE OBJECTS======*/

.btn-inline .et_pb_button_module_wrapper {
    display: inline-block;
    margin: 0 5px;
}

.btn-inline {
    text-align: center !important;
}

.icon_inline .et_pb_icon {
    display: inline-block;
    margin: 0 10px;
}



.text_inline .et_pb_text {
    display: inline-block;
    margin: 0 10px;
}


/* 766px and bigger screen sizes */
@media (min-width:766px){
.text_inline_footer .et_pb_text {
    display: inline-block;
    margin: 0 10px;
}
}
	/* 766px and smaller screen sizes */
@media (max-width:766px){
.text_inline_footer .et_pb_text {
   margin-top:10px;
}

	
}


/*========End===========*/



/*=Remove Divi Menu Drop Shadow==*/

#main-header, #main-header.et-fixed-header {
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
}
/*end*/


/* Black-Blue flipping button style */
.buttons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}


.btn_container {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  width: 280px;
  margin-left: 0px;
  margin-right: 0px;
}

.btn {
  letter-spacing: 0em;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 50px;
  max-width: 300px;
  position: relative;
  text-decoration: none;
  text-transform: none; 
  width: 100%;
}

.btn:hover {
  text-decoration: none;
}

/* Button background */
.effect {
  display: inline-flex; /* Using inline-flex directly */
  color: #ffffff;
  outline: solid 2px #000000;
  position: relative;
  transition-duration: 0.4s;
  overflow: hidden;
  background-color: #000000;
}

.effect::before,
.effect span {
  margin: 0 auto;
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-duration: 0.4s;
}

.effect:hover {
  background-color: #018ff9;
  outline: solid 2px #018ff9;
}

/* HOVER */
.effect:hover span {
  transform: translateY(-400%) scale(-0.1, 20);
}

.effect::before {
  content: attr(data-sm-link-text);
  color: #ffffff;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateY(500%) scale(-0.1, 20);
}

/* HOVER */
.effect:hover::before {
  letter-spacing: 0.05em;
  transform: translateY(0) scale(1, 1);
}



/* 320px - 380px screen sizes */
@media (max-width:380px) and (min-width:320px){

	/* Home Page Hero Section Button */
	#btn_hero_mobile .buttons a{
		width:250px;
		left:-8px;
	}
	
}


/* End button style */


/* change hamburger icon color */
span.mobile_menu_bar:before{
color:#000000;
}



/* - Vertical Fullwidth Menu Style - */

body #page-container .et_slide_in_menu_container {

  background-image: url('https://taddytraiteur.fr/wp-content/uploads/2025/09/mihai3.png') !important;	
  background-color: #000000 !important; /* Fallback color */
  background-position: center center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}


@media all and (min-width: 980px){
 
    /*adjust position of navigation menu*/
    .et_header_style_fullscreen .et_pb_fullscreen_nav_container {
        width: 50%;
    }
     
    .et_slide_in_menu_container.et_pb_fullscreen_menu_opened.et_pb_fullscreen_menu_animated {
        padding-top: 0px !important;
    }
     
    /*adjust position of top menu and elements*/
    .et_header_style_fullscreen .et_slide_menu_top {
        width: 50%;
        text-align: center;
        display: table !important;
        vertical-align: middle;
        position: initial;
        float: right;
        height: 100%;
    }
    .et_header_style_fullscreen .et_pb_top_menu_inner {
        display: table-cell !important;
        position: relative;
        vertical-align: middle;
        text-align: left!important;
        padding: 0 15%;
        width: 100%;
    }
     
    .et_header_style_fullscreen .et_slide_menu_top ul.et-social-icons {
        width: 100%;
    }
     
    .et_header_style_fullscreen div#et-info {
        float: none!important;
        width: 100%;
    }
     
    .et_header_style_fullscreen div#et-info span {
        display: block; 
        margin-bottom: 30px;
         
    }
        
        
        /*phone number style*/
        
        #et-info-phone {
        margin-right: 13px;
        margin-top: 20px;
    }
     
    /*make search bar and icon larger*/
    .et_header_style_fullscreen .et_slide_menu_top .et-search-form {
        margin-top: 30px !important;
        margin-bottom: 15px;
        width: 100% !important;
        max-width: 300px !important;
        padding: 25px !important;
    }
    .et_slide_menu_top button#searchsubmit_header{
        width: 50px;
        height: 41px;
    }
    .et_slide_menu_top button#searchsubmit_header:before {
        font-size: 22px;
    }
     
    /*make menu right aligned*/
    .et_header_style_fullscreen ul#mobile_menu_slide {
        text-align: right;
        padding: 0 15%;
    }
     
    /*make close menu icon larger*/
    .et_pb_fullscreen_menu_animated .mobile_menu_bar:before {
        font-size: 60px;
    }
     
    /*dark background overlay*/
    .et_slide_menu_top {
    background: none;
    }
     
    /*take out background opacity*/
    .et_header_style_fullscreen .et_slide_in_menu_container.et_pb_fullscreen_menu_opened {
    opacity: 1;
    }
     
    /*increase size of down arrow for sub menu items*/
    .et_slide_in_menu_container span.et_mobile_menu_arrow {
    opacity: 1;
     
    }
    .et_slide_in_menu_container #mobile_menu_slide .et_mobile_menu_arrow:before {
    font-size: 25px;
    }
     
    }
    
    /*MENU POSITION ON MOBILE*/
    /* 479px and smaller screen sizes */
    @media (max-width:479px){
    
        /* Fullscreen menu opened */
        #et-boc .et_pb_fullscreen_menu_opened{
            padding-top:50px !important;
            
        }
        
    }
    
     
    /* Menu Social Icons */
    /* Menu Facebook Icon Style */
    .et-social-icons .et-social-icon:nth-child(1) a.icon:before{
        content: "\e093";
        border: 1px solid white;
        padding: 8px;
        border-radius: 5px;
        margin-right: 5px;
    }
    /* Menu Twitter Icon Style */
    .et-social-icons .et-social-icon:nth-child(2) a.icon:before{
        content: "\e094";
        border: 1px solid white;
        padding: 8px;
        border-radius: 5px;
        margin-right: 5px;
    }
    /* Menu Insta Icon Style */
    .et-social-icons .et-social-icon:nth-child(3) .icon:before{
        content: "\e09a";
        border: 1px solid white;
        padding: 8px;
        border-radius: 5px;
        margin-right: 5px;
    }
    
    /* Menu RSS Icon Style */
    .et-social-icons .et-social-icon:nth-child(4) a.icon:before{
        content: "\e09e";
        border: 1px solid white;
        padding: 8px;
        border-radius: 5px;
        margin-right: 5px;
    }
    
    
     
    
    /* CTA Button in Menu */
    .get-quote-button {
      border-bottom: 1px solid #ffffff40;
    max-width:200px;
    display: inline-block;
      padding: 10px 0px 20px 0px !important;
    margin-bottom:20px;
    
    }
    
/* Info phone */
#et-info-phone{
	font-weight:500;
	font-size:22px !important;
	letter-spacing:1px;
}

/* Info email */
#et-info-email{
	font-size:22px !important;
	font-weight:500;
	letter-spacing:0px;
	
}


    /*end  of Vertical Fullwidth Menu Style */


/* Cost Calculator Style*/



/* Module */
#calc_row_form .et_pb_column .et_pb_module{
	height:100%;
}

/* Dropdown opt title */
.input-active .item .scc-dropdown-opt-title{
	font-size:20px;
	
}


/* Cost Calculator radio button style */ 
#scc_form_1 .btn-radio-45 svg path {
    stroke: #018ff9 !important;
}
/* end*/



/* Catering Options dropdown opt description */
.input-active .item .scc-dropdown-opt-description{
	line-height:1.3em;
	
}

/* Title */
#calculator_section .evaluation-copy .scc-title-s-hr{
	display:none;
}

/* Form field item */
#calculator_section .evaluation-copy > .scc-form-field-item{
	margin-top:10px;
}

/* Sections divider */
#calculator_section .evaluation-copy .sections_divider{
	display:none;
}




/* Link */
.scc-btn-hndle a{
	background-color:#2c3e50 !important;
	font-size:18px;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
}

/* Off */
.evaluation-copy .scc-total-section .c_off{
	background-color:#2c3e50;
	font-weight:600;
	font-size:25px;
}

/* Total */
.scc-total-section .total{
	font-size:25px;
}

/* Catering Option */
#section_title_4-1{
	color:#018ff9;
	font-size:22px;
	font-weight:600;
}

/* Section 1 1 */
#section_1-1{
	background-color:#000000 !important;
	font-size:20px;
}

/* Section 3 1 */
#section_3-1{
	background-color:#018ff9;
	font-size:20px;
}


/* Number of Guests */
#section_title_0-1{
	font-weight:600;
	font-size:22px;
	color:#000000 !important;
}


/* Duration Hours */
#section_title_1-1{
	font-weight:600;
	font-size:22px;
	color:#000000 !important;
}


/* Venue Selection */
#section_title_2-1{
	font-size:22px;
	font-weight:600;
	color:#000000 !important;
}


/* Division */
.form-select-tom > div{
	font-size:18px !important;
	font-weight:300 !important;
}


/* More Services */
#section_title_3-1{
	color:#000000 !important;
	font-weight:600;
	font-size:22px;
}


/* Section 4 1 */
#section_4-1{
	font-size:20px;
	background-color:#018ff9;
}


/* Catering Option */
#section_title_4-1{
	font-weight:600;
	font-size:22px;
	color:#000000 !important;
}



/* Venue Distance from the city */
#section_title_5-1{
	font-weight:600;
	font-size:22px;
	color:#000000 !important;
}

/* Dropdown opt title */
.dropdown-active .active .scc-dropdown-opt-title{
	font-size:22px;
}

/* Food Decoration */
#section_title_6-1{
	font-weight:600;
	font-size:22px;
	color:#000000 !important;
}




/* Choose a venue for the event */
#calc_row_form .et_pb_column .et_pb_module .et_pb_code_inner .evaluation-copy > .scc-form-field-item label{
	font-size:18px;
	color:#000000;
}

/* Division */
#calc_row_form .et_pb_column .et_pb_module .et_pb_code_inner .evaluation-copy .scc-form-field-item .form-select-tom > div{
	border-left-color:#018ff9 !important;
}

/* Off */
#calc_row_form .et_pb_column .c_off{
	background-color:#018ff9;
}

/* Circles */
#calc_row_form .et_pb_column .et_pb_module .et_pb_code_inner .evaluation-copy .scc-form-field-item .scc-form-field-item .slider-styled > div > div > div{
	font-size:20px;
	background-color:#018ff9;
}

/* Circle checkbox field label */
#calc_row_form .et_pb_column .scc-circle-checkbox-field-label{
	color:#000000;
	font-size:18px;
}

/* Choose a catering option for the event */
#calc_row_form .et_pb_column .description_section_preview{
	font-size:18px;
	color:#000000;
}

/* Link */
#calc_row_form .et_pb_column a{
	display:none;
}

/* Evaluation copy */
#calc_row_form .et_pb_column .evaluation-copy{
	padding-left:5px;
	padding-right:5px;
	
}
/* ✅ Logo plus grand partout */
.et_header_style_left #logo,
.et_header_style_split #logo,
.et_header_style_centered #logo,
#main-header .container img#logo {
  max-height: 120px !important;
  height: auto !important;
  width: auto !important;
  max-width: none !important;
}

/* ✅ Logo plus grand en version mobile */
@media (max-width: 980px) {
  .et_header_style_left #logo,
  .et_header_style_split #logo,
  .et_header_style_centered #logo,
  #main-header .container img#logo {
    max-height: 100px !important;
  }
}

/* ✅ Logo plus grand sur petits mobiles */
@media (max-width: 380px) {
  .et_header_style_left #logo,
  .et_header_style_split #logo,
  .et_header_style_centered #logo,
  #main-header .container img#logo {
    max-height: 90px !important;
  }
}

/* 981px and larger screen sizes */
@media (min-width:981px){

	/* Calc row form */
	#calc_row_form{
		padding-top:0px;
		padding-bottom:0px;
	}
	
}