/* 
 Theme Name:   Divi-child
 Theme URI:    https://www.elegantthemes.com/preview/Divi/
 Description:  Thème enfant divi
 Author:       Matthieu Wagon
 Author URI:   https://wagonweb.fr/
 Template:     Divi
 Version:      1.0

 /* == Add your own styles below this line ==
--------------------------------------------*/

@font-face {font-family: "Opulent";
  src: url("fonts/28230_OPN.ttf");
}

h1, h2, h3, h4, h5, h6 {
font-family: '', Opulent, sans-serif !important;
padding-bottom: 8px;
}

nav ul li a{
   font-family: 'Opulent', Cambria, sans-serif !important;
   font-size: 17px !important;
   letter-spacing: 0.5px; 
}

@media (min-width: 980px){
    h1{
        font-size: 50px !important;
        line-height: 1em !important;
    }

    h2{
        font-size: 35px !important;
        line-height: 1em !important;
    }

    h3{
        font-size: 25px !important;
        line-height: 1em !important;
    }

    h4{
        font-size: 20px !important;
        line-height: 1em !important;
    }

}

/* Réduit la marge des sections pour les petits écrans */
@media only screen and (max-width: 980px) {
	#top-header > .container,
	#main-header > .container,
	#et_search_outer > .container,
	#main-content > .container,
	div.et_pb_row,
	div.et_pb_row.et_pb_row_fullwidth {
	width: 90% !important; 
   }

   .et_pb_row .et_pb_column{
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }


}

@media (max-width: 479px){
    .et_pb_gutters1 .et_pb_column, .et_pb_gutters1.et_pb_row .et_pb_column{
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
}

@media (max-width: 767px){
	   #main-footer > .container{
   	width:95% !important;
   	display: flex;
   }

	#footer-widgets .footer-widget {
   	width:45% !important;
   }
   
}


@media (max-width: 980px){
	.et_pb_row.et_pb_row_fullwidth{
		width:92% !important;
	}


    .et_pb_column .blog-smartphone {
        display: flex;
        justify-content: center;
    }
}

/* placement icône */
.cd-timeline-img img {
    margin-left: -16px !important;
    margin-top: -15px !important;
}


#cd-timeline .cd-timeline-content {
    background: transparent !important;
    -webkit-box-shadow: none !important;
}

/* Couleur de fond */
.cd-timeline-img {
    background-color: white !important;
	width: 70px !important;
    height: 70px !important;
	left: 50.6% !important;
}

#cd-timeline::before {
    background: #2F496E !important;  
}

.cd-timeline-content::before{
	display: none;
}

.cd-timeline-content .cd-timeline-title-container h2 {
	font-size: 22px !important;
	    line-height: 1.2em !important;
}

.cd-timeline-content {
    margin-left: 0px !important; 
	margin-bottom:10px !important;
    top: 0px !important; 
    padding: 13px 0px 20px 0px !important; 
}

.the-excerpt{
	display:none !important;
}

.cd-timeline-block:first-child {
    margin-top: 0;
    text-align: right;
}

.announcement-614, .announcement-622, .announcement-624 {
    margin-top: 0;
    text-align: right;
}

#ssb-container ul li {
    list-style: none;
    margin: 0;
    padding-left: 10px;
    margin-bottom: 3px;
}

#ssb-btn-0, #ssb-btn-1, #ssb-btn-2 {
    background-color: #15519694 !important;
}

#ssb-btn-0:hover, #ssb-btn-1:hover, #ssb-btn-2:hover {
    background-color: #155196 !important;
}


/* FOOTER */

#footer-bottom .container{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

#footer-bottom{
    padding:0px !important;
}

#footer-widgets {
    padding: 10px 0 0;
    width: 100% !important;
}

@media (max-width: 770px){
    #footer-widgets .footer-widget {
        width:50% !important;
        padding: 10px;
    }
}

#footer-widgets .footer-widget {
        margin-bottom: 10px !important;
    }

.footer-widget p{
    padding-bottom: 0px !important;
}



/* Version smartphone */
.toggle_custom {
    border: none;
    border-top: 4px solid #ddd;
    border-bottom: 4px solid #ddd;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.toggle_custom .et_pb_toggle_open {
    border: none;
    border-top: 4px solid #72c15f;
    border-bottom: 4px solid #72c15f;
}

.toggle_custom .et_pb_toggle_title:before {
    font-size: 18px;
    transition: 0.5s;
}

.toggle_custom .et_pb_toggle_open .et_pb_toggle_title:before {
    color: #72c15f;
}


/* Blog module */
.case-study-accueil .et_pb_post{
    margin-bottom:0px !important;
}

.et_pb_blog_grid .column {
    max-width: 250px;
}

@media (min-width: 980px){
    #page-container  .et_pb_salvattore_content[data-columns]::before {
        content: '4 .column.size-1of4' !important;
    }
}

.size-1of4 { 
   width: 21% !important; 
    margin: 0% 1% !important;
}

#blog-colonnes .et_pb_salvattore_content{
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
}

#blog-colonnes .et_pb_blog_grid p {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/* Custom blog module - accueil */
.case-study-accueil, .case-study-accueil article{
    margin-bottom: 40px !important;
}

.case-study-accueil h2{
    font-size:30px !important;
    padding-top: 0px !important;
}

.case-study-accueil .header_post{
     width: 35%;
    float: left;
}

.case-study-accueil .post_content {
    width: 65%;
    float: right;
    padding-left: 5px;
    padding-right: 5px;
}

.case-study-accueil article{
    background: none !important;
}

article .more-link {
    background-color: #234798;
    color: white;
    width: 87px;
    padding: 0px 5px;
    border-radius: 8px;
    text-transform: uppercase;
    font-size: 12px;
}


@media (max-width: 980px){
    .et_pb_bg_layout_light .et_pb_post p{
        display: none !important;
    }

    .case-study-accueil .entry-title{
        margin-bottom: 8px !important;
    }

    .case-study-accueil .post_content {
        padding-top:0px !important;
    }

    .et_pb_column {
    margin-bottom: 0px !important; 
    }
 }   

/* Limiter la taille des posts du blog module */
@media (min-width: 883px){
    .ds-limit-excerpt .et_pb_blog_grid .et_pb_post {
        height: 300px !important;
     }
}

@media (min-width: 980px){
    .ds-limit-excerpt .post-content p {
        display: block ;
        max-height: 3.8em ;
        overflow: hidden ;
    }

    .ds-limit-excerpt .et_pb_blog_grid .et_pb_post {
        height: 350px !important;
     }

     .blog-petit .et_pb_blog_grid .et_pb_post {
        height: 280px !important;
     }
}

@media (min-width: 1400px){
     .blog-petit .et_pb_blog_grid .et_pb_post {
        height: 355px !important;
     }
}

@media (min-width: 1600px){
    .ds-limit-excerpt .et_pb_blog_grid .et_pb_post {
        height: 355px !important; 
     }
}


.et_pb_image_container {
    margin: -20px -20px 16px;
}

/* Menu pour pages aircraft sales and leasing */
.section1:hover, .section2:hover, .section3:hover{
    cursor: pointer;
}

#div1, #div2, #div3{
    transition: all 1s ease;
}

#divider1, #divider2, #divider3{
    opacity: 0;
    transition: all 0.2s ease;
}

.section1:hover #divider1{
    opacity: 1;
}

.section2:hover #divider2{
    opacity: 1;
}

.section3:hover #divider3{
    opacity: 1;
}

#menu {
    height:80px;
    background:black;
    width:100%;
}
.fixed {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index: 99999;
}

.margin-section-leasing-sales{
    margin-top:110px;
}

/* COOKIE BAR */

#cookie-law-info-bar {
    font-size: 14px !important;
    padding: 2px 10px !important;  
}

.cli-plugin-button, .cli_action_button, .cli-plugin-main-link{
    margin-top: 0px !important;
    margin-left: 10px !important;
    
}

.cli-plugin-button{
    padding: 7px 12px 6px !important;
}


#tarteaucitronPrivacyUrl{
    background-color: #ffffff00 !important;
    color:white !important;
    margin-left:7px;
}

.colonne-service:hover{
    transform:scale(1.05);
}

.colonne-service{
    transition: 0.5s ease;
}



/* Page spare parts trading */

ul.et_pb_side_nav .side_nav_item a#side_nav_item_id_1:before {
    content: "Acquire an aircraft or helicopter" !important;
}

ul.et_pb_side_nav .side_nav_item a#side_nav_item_id_2:before {
    content: "Sell your aircraft or helicopter";
}

ul.et_pb_side_nav .side_nav_item a#side_nav_item_id_3:before {
    content: "Lease an aircraft or helicopter";
}

ul.et_pb_side_nav .side_nav_item a#side_nav_item_id_0,
ul.et_pb_side_nav .side_nav_item a#side_nav_item_id_4,
ul.et_pb_side_nav .side_nav_item a#side_nav_item_id_5, 
ul.et_pb_side_nav .side_nav_item a#side_nav_item_id_6{
    display: none !important;
}

/*
################
Styling of list in its total
################
*/
ul.et_pb_side_nav li.side_nav_item {
    line-height: 2;
}
 
/*
################
Styling of each item individually
################
*/
ul.et_pb_side_nav li.side_nav_item a {
    box-shadow: -4px 6px 39px -4px rgba(128,123,128,1);
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    color: #1b459b !important;
    background-color: #1b459b;
    display: inline !important;
    
}

ul.et_pb_side_nav .side_nav_item a{
    margin-right: 0px !important;
}


.et-visible{
    animation: none !important;
    opacity: 0 !important;
}

.et-visible2{
    opacity: 1 !important;
    -webkit-animation: fadeInRight 1s 1 cubic-bezier(.77,0,.175,1);
    -moz-animation: fadeInRight 1s 1 cubic-bezier(.77,0,.175,1);
    -o-animation: fadeInRight 1s 1 cubic-bezier(.77,0,.175,1);
    animation: fadeInRight 1s 1 cubic-bezier(.77,0,.175,1);
}
 
/*
################
Styling of each item individually when active
################
*/
ul.et_pb_side_nav li.side_nav_item a.active {
    color: #1b459b !important;
    background-color:  #1b459b !important;
    font-weight: bold;
}
 
/*
################
Styling of label
################
*/
ul.et_pb_side_nav li.side_nav_item a:before {
    padding: 5px !important;
    color: white !important;
}
 
/*
################
Styling of entire list
################
*/
ul.et_pb_side_nav {
    width: 20%;
    min-width: 250px;
    background: none;
    top: 19%;
    left:0;
    margin-top:0px !important;
}

@media (max-width: 980px){
    ul.et_pb_side_nav{
        display: none;
    }
}


.et_pb_contact_right p input {
    max-width: 36px;
    padding: 8px;
}