/*
Theme Name: Retrouvailles Placentines
Theme URI: https://www.vwthemes.com/themes/multipurpose-wordpress-theme/
Author: VW Themes
Author URI: https://www.vwthemes.com/
Description: Premium multipurpose WordPress theme is truly beneficial for wide range of businesses or any kind of startup and the best part of it is that it is not only simple and clean but is also user friendly as well apart from being lightweight and extensive to the limit as preferred by the user. Because of its splendid features, it has the potential to create any type of website related to the blog, portfolio or business and above that, it is accompanied with the WooCommerce store comprising of a design that is beautiful to the core and at the same time professional as well. Multipurpose WordPress theme is not only fast but responsive to the core other than being RTL and translation ready and highly suitable for some of the finest SEO practices. The ecommerce features with this premium category theme are unique and there is no doubt about this fact.
Template:  sirat-pro
Version: 1.4
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License
License URI:license.txt
Text Domain: sirat-pro
Tags: one-column, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, sticky-post, theme-options, threaded-comments
Sirat Pro WordPress Theme has been created by VW Themes(vwthemes.com), 2019.
Sirat Pro WordPress Theme is released under the terms of GNU GPL
*/


/* General styling */

.grecaptcha-badge { 
    visibility: hidden  ;
}

a{
	text-decoration: none !important;
	font-weight: unset !important;
}

section{
	padding: 50px 0 !important;
}

.side-navigation a {
    font-weight: 600  !important;
}

.side-navigation ul{
	font-weight: 400 !important;
}

a.hvr-shrink{
	font-weight: 900 !important;
} 

/* pop-up form */

.popup-form-container{
    position: fixed;
    z-index: 999999;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4); 
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 100% !important;
    padding-bottom: 20px;
    padding-top: 20px;
     display: none;
}

.popup-form-wrapper{
    padding-right: 10px !important;
    padding-left: 10px !important;
    height: 95%;
}
.popup-form-inner{
    margin: 0 auto;
    background-color: #ecf0f3;;
    padding: 30px 0;

}

.close-popup-form{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    float: right;
    font-size: 20px;
    background-color: var(--yellowfe);
    color: var(--black12);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 30px;
    cursor: pointer;
    position: relative;
    z-index: 50;
    
}

.popup-form-header{
    width: 100%;
    text-align: center;
}

.form-img-ctn{
    margin-bottom: 15px;
    position: relative;
    height: 110px;
    z-index: 10;
}

.popup-form-header img{
    width: 110px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.popup-form-header h1{
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.popup-form-row{
    padding: 20px;
}

.popup-form-row input{
    background: #ecf0f3 !important;
    box-shadow: inset 6px 6px 6px #cbced1, inset -6px -6px 6px white !important; 
}



.popup-form-submit-btn-ctn{
    display: flex;
    justify-content: flex-end;
}

.popup-form-submit-btn{
    text-align: right;
}



/* Styling for the toggle checkbox */
.popup-form-container .wpcf7-form input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 50px;
    height: 25px;
    background-color: #ccc;
    border-radius: 12.5px;
    position: relative;
    cursor: pointer;
    transition: background-color 0.3s;
}

.popup-form-container .wpcf7-form input[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 21px;
    height: 21px;
    background-color: #fff;
    border-radius: 50%;
    transition: transform 0.3s;
}

.popup-form-container .wpcf7-form input:focus{
    background: rgb(235, 201, 8) !important;
    box-shadow: inset 6px 6px 6px rgb(235, 201, 6), inset -6px -6px 6px rgb(181, 164, 69) !important; 
}

.popup-form-container .wpcf7-form input[type="checkbox"]:checked {
    background-color: rgb(254, 190, 0);
}

.popup-form-container .wpcf7-form input[type="checkbox"]:checked::before {
    transform: translateX(24px);
}

/* end of Styling for the toggle checkbox */

.popup-form-container label{
    width: 120px;
    display: flex !important;
    justify-content: space-between;
    align-items: center;
}

.popup-form-container .wpcf7-submit{
    border-radius: 20px !important;
    letter-spacing: 1.2px !important;
    padding: unset;
    padding: 10px 30px !important;
    width: 80% !important;
}

.show-modal-form{
    display: block;
    animation: modal 0.5s linear forwards;
}

  @keyframes modal{
    0%{
      opacity: 0;
      transform: skewX(5deg);
    }

    100%{
      opacity: 1;
      transform: skewX(0deg);
    }

 }

 /* End Modal Form*/

/* header */

@media (min-width: 576px) {
  .orp-container{
    max-width: 100% !important;
  }
}

@media (min-width: 1400px) {
	.orp-container{
		max-width: 1400px !important;
	}  
}



.top_bar > .container > .row{
    align-items: center !important;
}

.top_bar a{
	color: #000 !important;
}

.top_bar .socialbox a{
	margin-right: 20px !important
}

.top_bar ul.left-side-content.pt-3{
	text-align: left !important;
}

.top_bar .wrap-call{
	margin-bottom: 8px;
}

.top_bar .wrap-email{
	margin-bottom: 25px;
}


@media (max-width: 570px){
	
	.top_bar .col-9{
		width: 83%;
	}
	
	.gt_switcher_wrapper{
		top: 72px !important;
		right: unset !important;
		left: 50%;
		transform: translatex(-50%);
	}
	
}

@media (min-width: 571px) and (max-width: 767px){
	.gt_switcher_wrapper{
		top: 25px !important;
		
	}	
	
}

	
@media (min-width: 768px) and (max-width: 991px){
	
	.top_bar .col-md-6{
		width: 100%;
	}
	
	.top_bar .col-md-4{
			width: 90%;
	}
	
	.gt_switcher_wrapper{
		top: 30px !important;
		right: 70px !important;
	}
	
  .right_menu {
    top: 0px;
  }
}
	

	
	
@media (min-width: 768px){
	.partners-contact .offset-md-3{
   		margin-left: 15% !important;
	}
}


/* Navigation */

.header-nav{
	display: flex
}



.main-menu-donation-link{
    background-color: #043ff0 !important;
    padding: 10px !important; 
    border-radius: 25px !important;
}

.main-menu-donation-link a{
    color: #fff !important;
}

ul.left-side-content.pt-3{
    padding-top: 0 !important;
    text-align: center !important;
}
.nav_wrap.p-3{
    padding: 10px !important;
}



.sticky.stickynavbar{
    padding: 10px 0 !important;
}
#header .logo img {
    max-height: 115px !important;
}

.logo{
	display: flex;
}


@media (max-width: 1420px) {
  	.logo{
		padding-left: 35px;
	}
}





.sticky .logo,
.sticky .header-nav{
    display: flex;
    justify-content: center;
} 

.sticky .logo{
    justify-content: center;
} 

@media (max-width: 991px) {
  	.sticky .logo{
    	justify-content: left;
	} 
}


.header-nav{
    display: flex;
    align-items: center;
}

/* Navigation */

.orp-row-pp{
    text-align: center;
}

.main-menu-donation-link{
    /* background-color: #043ff0 !important; */
	background-color: #0075bf !important;
    padding: 10px !important; 
    border-radius: 25px !important;
	
}

.ss-nav{
    display: none !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    visibility: hidden !important;
}

.main-menu-donation-link a{
    color: #fff !important;
}


.menu-item-has-children{
    position: relative;
}

.menu-item-has-children::before{
    content: ' ▾';
    position: absolute;
    font-size: 20px;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: top 0.3s ease-in-out;
    transform-origin: center;

}

 @media (max-width: 1024px){
	 
	 .menu-item-home .wpmi__icon{
   		color: var(--white) !important;
	}
    .close-sidebar{
        text-align: center !important;
        padding-top: 15px !important;
    }

    .side-navigation ul li a:hover {
        color: #fff !important;
        opacity: 0.5;
      }

    .primary-menu > li{
        padding: 0px !important;
        padding-left: 20px !important;
    }

    .primary-menu > li ul li{
        padding: 0px !important;
        padding-left: 15px !important;
    }

   
    .menu-item-has-children::before{
        top: unset;
        left: unset;
        top: 50%;
        left: 80%;
        transform: translateY(-50%);
        color: var(--white);
    }

  

    .menu-item-has-children ul{
        opacity: 0;
        height: 0; 
    }

       .menu-item-has-children.active ul{
        opacity: 1;
        height: auto; 
    }

    .ss-nav{
        display: block !important;
        opacity: 1 !important;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
    }

    .bs-nav{
        display: none !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        visibility: hidden !important;
    }

    .main-menu-donation-link{
        background-color: inherit !important;
        border-radius: none;
    }
    .side-navigation ul .main-menu-donation-link a{
        background-color: #043ff0 !important;
    }

    .side-navigation ul li a{
        border-bottom: none !important;
    }

    .primary-menu > li {
        margin-bottom: 50px;
        border-bottom: 1px solid var(--white);
    }

    .sub-menu > li{
        position: relative;
    }


    .sub-menu > li::before{
        content: "-";
        position: absolute;
        left: 0px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 20px;
        color: var(--white);
    }

    .primary-menu .main-menu-donation-link{
        padding-left: 0 !important;
        border-bottom: none !important;
    }

    .ss-hover{
        font-size: 200px !important;
    }

    .menu-item-has-children.active::before{
        top: 25px;
    }

}

@media (min-width: 1025px){

    .menu-item-has-children:hover::before{
        top: 30%;
    }
}

/* End Navigation */

/* Home Page Sections */

#contact-details span{
	font-size: 18px !important;
}

#contact-details i{
	margin-top: 5px !important;
    margin-bottom: 5px !important;
}

#contact-details p.getcontact {
  font-size: 20px !important;
}

#about-us .about-us-img2-box{
    display: none;
}


.search-icon i{
	color: #fff !important;
    background-color: #000 !important;
}




#our-skills-and-video,
#pricing-plans,
#newsletter{
    display: none !important;
}

.get-quote-text p{
	text-transform: uppercase !important;
}

#get-quote a{
	font-size: 20px !important;
	background-color: #f00909 !important;
	letter-spacing: 1.2px !important;
	color: #fff !important;
}

.get-quote-text .section-button{
	margin-top: 30px !important;
}

/* Testimonials - formulaire adhesion */

#testimonials .testimonials-box{
    padding: 10px 30px !important;
}

#testimonials .testimonials-box h3{
    padding: 20px !important;
    font-weight: 900 !important;
}

 .testi-input{
    background-color: var(--yellowfe) !important;
    border: none !important;
    border-radius: 15px !important;
    padding: 10px 20px !important;
    width: 100% !important;
    font-weight: 400 !important;
    color: var(--black12) !important;
    letter-spacing: 1.2px;
}

.testi-input::placeholder{
	color: var(--black12) !important;
}

.testi-text input[type="checkbox"]{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 50px;
    height: 25px;
    background-color: #ccc;
    border-radius: 12.5px;
    position: relative;
    cursor: pointer;
    transition: background-color 0.3s;
}


.testi-text input[type="checkbox"]::before{
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 21px;
    height: 21px;
    background-color: #fff;
    border-radius: 50%;
    transition: transform 0.3s;
}



 .testi-text input[type="checkbox"]:checked{
    background-color: rgb(254, 190, 0);
}


.testi-text input[type="checkbox"]:checked::before{
    transform: translateX(24px);
}

.accept-membership-txt{
    font-size: 14 !important;
    letter-spacing: 0px !important;
    color: var(--offblue12) !important;
    font-weight: 400 !important;
}

.row-home-cform-submit .button{
	display:inherit !important;
}



@media (min-width: 480px){
  .orp-contact-item{
  	display: flex;
    justify-content: center;
  }
  #contact-details i{
    margin-right: 10px !important;
  
  }
  
}

@media (min-width: 768px){
  
  .orp-contact-cfluid{
	padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  .orp-contact-item{
  	justify-content: start !important;
  }
  
  	.get-quote-text .col-lg-9.col-md-8{
		width: auto;
	}

  
  .get-quote-text .section-button{
    	width: auto;
    	margin-left: auto;
    	margin-right: auto;
	}
	
	.orp-accordion-body h3{
    	font-size: 30px !important;
	}

}

@media (min-width: 1200px){
  
	.get-quote-text .col-lg-9.col-md-8{
		
	}

  
  .get-quote-text .section-button{
    	margin-top : 0px !important;
    	margin-left: 30px;	
	}


  
}


@media only screen and (max-width: 1024px) {
  #contact-details {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}

/* Single page */

article{
    margin-top: 20px;
}


.main_title > h1{
    text-align: center !important;
    border-bottom: 10px solid rgb(231, 4, 4);
    padding: 20px 0 !important; 
}

.page-col{
    padding: 30px;
}

.page-col-left{
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.page-a-propos-right-col .wp-block-button__link{
    color: #0f0e0e !important;
    background-color: #f2c410 !important ;
    transition: 0.3s ease-in-out !important;
    font-weight: 600 !important;
}

.page-a-propos-right-col .wp-block-button__link:hover{
    color: #fff !important;
    background-color: #0f0e0e !important ;
}

.page-a-propos-right-block{
    padding-top: 0px !important;
}

.page-a-propos-right-block .wp-block-button{
    margin-bottom: 15px !important;
}

.page-block-right-item{
    padding: 20px;
    border: 1px solid var(--black12);
    margin-bottom: 50px;
}

.page-btn-link > a{
	padding: 5px 15px !important;
    background-color: var(--yellowfe) !important;
    color: var(--black12) !important;
}

.page-btn-link > a:hover{
    background-color: rgb(254, 0, 13) !important;
    color: #fff !important;
}
.nos-projets-list .wp-block-group__inner-container{
    max-width: 100% !important;
}

.single-post-container{
    padding: 2.5vw !important;
}


.single-post-container .share_icon,
.single-post-container .single-post-content{
	margin: 20px 0 !important;
}


.nos-projets-list a{
	padding-top: 10px !important;
	padding-bottom: 10px !important;
    letter-spacing: 1.2px !important;
    transition: transform 0.1s ease-in-out;
}

.nos-projets-list a,
.projet-a-link{
    transition: transform 0.1s ease-in-out !important;
}

.nos-projets-list a:hover,
.projet-a-link:hover{
    transform: translateY(-5px);
}

.pec-btn-link a,
.pec-a-link{
    color: #fff !important;
    background-color: #0d6efd !important;
    border-color: #0d6efd !important;
}

.pc-btn-link a,
.pc-a-link{
    color: #fff !important;
    background-color: #198754 !important;
    border-color: #198754 !important;
}

.pav-btn-link a,
.pav-a-link{
    color: #000 !important;
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
}

.first-btn-a-link{
    margin-right: 20px;
}

.projet-list-container{
    padding-bottom: 50px;
}

.page-projet-header{
    padding-top: 48px !important;
    padding-bottom: 48px !important;
}

.page-projet-header p{
    max-width: 636px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    font-size: 16px !important;
}

.projet-pic img{
    width: 100% !important;
    height: 225px !important;
    object-fit: cover !important;
}

.projet-en-cours-pic img{
    height: 295px !important;
}

.projet-postbox{
    position: relative;
}

.projet-card-body h2{
    line-height: 20px !important;
}

.projet-a-link{
    position: absolute;
    bottom: 20px;
    left: 10%;
}
.bradcrumbs span {
    background: #e8e8e8 !important ;
}

#sidebar .widget {
    border-color: #1212124a !important;
}

.side-a-link{
    font-size: 20px !important;
}
.side-a-link-1,
.side-a-link-2{
    color: #fff !important;
}

.section-orp-team{
    padding-top: 0 !important;
}
.page-equipe-header p{
    max-width: 800px !important;
    margin: 20px auto 50px !important
}

.page-equipe-single-item{
    margin-bottom: 30px;
}
.orp-single-team{
    padding: 20px 0 !important;
}

.orp-single-team .single-page-content{
    margin: 20px 0 !important;
}

.page-evenement-single-item .our-team-box {
    height: 202px !important; 
}

.orp-team-box img{
	display: block !important;
    object-fit: cover !important;
    margin-left: auto !important;
    margin-right: auto !important;
    height: 300px !important;
    width: 270px !important;
}

.orp-single-page-team-feature-box-inner{
    width: 440px;
    height: 490px ;
    padding-bottom: 0px !important;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

.orp-single-team .inner-page-feature-box img{
	width: 100%;
    height: 100%;
  	object-fit: cover;
    border-radius: 40px;
    padding-bottom: 0px !important;
}

.single-page-team-feature-box{
    padding: 20px !important;
    text-align: center;
}

.sigle-team-page-aside{
    text-align: center !important;
}

.sigle-team-page-aside a{
    width: 100% !important;
    font-size: 20px !important;
}

@media (min-width: 768px) and (max-width: 991px) {

    .orp-single-page-team-feature-box-inner {
        width: 350px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .single-team-container{
		max-width: 100% !important;  
	}
}

@media (min-width: 1200px){
    .orp-single-team-box-wrapper{
		display: flex;
		align-items: center;
	}

    .orp-single-team-img{
        margin-left: 20px !important;
        margin-right: 20px !important;
    } 

    .orp-single-team-info-content{
        flex: 0 0 49%;
        max-width: 49%;
    }
  
}


.orp-owl-dots-container .owl-dots{
    background-color: #040404 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35px;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px !important;
    border-radius: 25px;
  	margin-top: 40px;
}
.orp-owl-dots-container .our-classes-content{
    max-height: 330px !important;
    overflow: hidden;
}

.orp-owl-dots-container .our-classes-content img{
    max-height: 330px !important;
    max-width: 500px !important;
}

.page-event-box{
    margin: 20px 0;
}


.page-event-box,
.page-event-box img,
.page-event-box-content{
	border-radius: 0px !important;
}


.page-event-box::after{
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.08) 69%, rgba(255, 192, 42, 0.76) 100%) !important;
    
}

.event-list-item{
    padding-left: 14px !important;
}

.event-list-item:nth-child(odd){
    background-color: #e2e4e6 !important;
}

.event-image img{
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
}

.orp-contact-head{
    margin-bottom: 50px;
}

.contact-page-details-container{
    border: 1px solid #221c1c2e;
    padding: 30px;
    margin-bottom: 50px;
}

.page-contact-form-container{
    padding: 20px;
    margin-bottom: 30px;
}

.page-contact-form-input{
    max-width: 500px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.page-contact-form-container .wpcf7-form{
    text-align: center;
}

.orp-comite-tab .ive-tab-inner-content-inner{
	padding: 30px;
  	color: #000 !important
}

.orp-comite-tab .ive-tabs-title-list{
	border-bottom: 1px solid rgba(253, 242, 242, 0.3) !important;
}

.orp-comite-tab li{
	margin-bottom: 15px !important;
  	font-weight: 700 !important
}


.orp-hidden-tabs{
	visibility: hidden;
}

@media (max-width: 411px){
	
  .orp-comite-tab .ive-tab-alltitle-heading{
		font-size: 4vw !important;
	}
}

@media (max-width: 376px){
	.first-btn-a-link{
		margin-right: 0px;
		max-width: 170px !important;
		display: block !important;
  		margin-right: auto;
  		margin-left: auto;
		margin-bottom: 15px;
	}
}

@media (max-width: 991px) {
	
	.link-to-other-project{
		text-align: center !important;
  		margin-top: 30px !important;
	}
}


/* end single page */


/* footer */
#footer h3{
    font-size: 30px !important;
}

#footer .about_me i{
    font-size: 20px !important;
}



#footer .widget p{
    font-size: 18px !important;
    margin-bottom: 20px !important;
}
.wpcf7-form .wpcf7-submit{
    background-color: rgb(254, 190, 0) !important;
    color: var(--black12) !important;
    margin: 30px auto 20px !important;
    width: 50%;
    border-radius: 10px;
    display: block;
}

input.wpcf7-form-control,
textarea.wpcf7-form-control{
    margin-top: 12px !important;
}

#footer_box .custom-social-icons i{
	font-size: 16px !important;
	color: #fff !important;
	margin: 0 20px !important;
}

#footer_box .footer2{
	width: 0 !important;
}

#footer_box .footer3{
	width: 30% !important;
}

#footer_box .footer-details{
	justify-content: space-between  !important;
}

#footer_box .footer3 {
	width: 100% !important;
}

@media (min-width: 576px) {
  	#footer_box .footer3 {
		width: 30% !important;
	}
}




@media (min-width: 576px){
    .wpcf7-form .wpcf7-submit{
        
    }
}

@media (min-width: 768px){
	
	.gt_switcher_wrapper{
		right: 60px !important;
	}

    .popup-form-wrapper{
        padding-right: var(--bs-gutter-x,.75rem) !important;
	    padding-left: var(--bs-gutter-x,.75rem) !important;
    }

    .popup-form-inner {
        width: 80%;
        padding: 30px;
        max-width: 500px;
    }

    .popup-form-header{
        margin: 20px 0;
    }

    .form-img-ctn{
        margin-bottom: 30px;
        height: unset;
    }

    .popup-form-header img {
        width: 150px;
        margin: 0 50px;
        position: unset;
        top: unset;
        left: unset;
        transform: unset;
    }
  

    .popup-form-header h1{
        font-size: 40px;
    }
}

@media (min-width: 992px) and (max-width: 1399px){
	.top_bar .wrap-email{
		display: inline-block;
		padding-left: 0px !important;
		margin-bottom: 0px;
	}
	
}

}

@media (max-width: 991px){
	
	

}

@media (min-width: 992px){
	
	.header-nav{
    	display: flex;
    	align-items: center;
		justify-content: flex-end !important;
	}
	
	.stickynavbar .header-nav{
		justify-content: center !important;
	}
    .col-lg-1.col-md-12.box-text{
        height: 483px !important;
    }

    .wpcf7-form .wpcf7-submit{
        display: unset;
    }
	
	.top_bar .col-lg-8{
		width: 50%;
	}
	
	.top_bar ul .wrap-call{
		padding-right: 0px !important;
		padding-left: 0px !important; 
	}
		
}