/* ===================================================================================

* Theme Name: Flexikeg
* Theme URI:
* Author: PWA <contact@pwa.paris>
* Author URI: https://pwa.paris
* Description: PWA – Digital Agency in Paris
* Version: 1.22.0
* Template: sixart
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */

/*---------------------------------------------------------------------------

[Table Of Contents]

1. General (body, h*, p, ...)

2. Helpers (common classes)
    2.1 Font-family
    2.2 Breadcrumb
    2.3 Form

3. Wordpress plugins
    3.1 CF7

4. Header
    4.1 Top bar
    4.2 Logo
    4.3 Menu
    4.4 Mobile menu

5. Footer

6. Home page

5. Inner Pages
    5.1 About page
	5.2 Contact Page

6. Blog page
    6.1 Blog home
    6.2 Single blog post

7. responsive

---------------------------------------------------------------------------*/

/*---------------------1. General (body, h*, p, ...)---------------------*/
body{
	overflow-x: hidden !important;
	font-family: 'Cabin', sans-serif;
}
h1, h2, h3, h4, h5, h6, p, span, div, input, textarea, select, option{
	font-family: 'Cabin', sans-serif;
}
body p{
	color: #37614B;
	font-size: 18px;
	line-height: 26px;
}
.elementor-button:hover, .on_hover img:hover, .our_barrels:hover, input[type="submit"]:hover{
	transform: translateY(-4px);
	cursor: pointer;
}
.elementor-button{
	position: relative;
    transition: 0.3s;
    transform: rotate(-0.48deg);
}

/*---------------------2. Helpers (common classes)------------*/
.breadcrumbs span {
    font-weight: 500;
}

/*---------------------3. Wordpress plugins---------------------*/

/*---------------------4. HEADER---------------------*/

/*---------------------4.2 LOGO ---------------------*/
.elementor-widget-theme-site-logo img {
    height: 77px;
}

/*-------------5. FOOTER------------------------*/
.f_color p{
	color:#DCE5A1;
}

.elementor-location-footer .elementor-widget-image img {
    height: 77px;
}


/*-------------6. HOME PAGE------------------------*/
.radial_bg:before {
    content: "";
    height: 1411px;
    width: 1411px;
    background: transparent radial-gradient(50% 50%, #DCE5A1 0%, #EEF2D0 39%, #FEFEFC 85%, #FFFFFF 100%) 0% 0% no-repeat;
    opacity: 0.8;
    position: absolute;
    top: -210px;
    left: 10%;
}
.animation_css{
	animation: jumpTwo 4s infinite linear;
}
.align_item .elementor-image-box-wrapper{
	align-items: center !important;
}
.col_radial_bg{
	background: radial-gradient(50% 50%, #FFD257 0%, #FFFFFF00 100%) 0% 0% no-repeat;
}
.radial_ellipse:after {
    content: "";
    width: 977px;
    height: 977px;
    position: absolute;
    background: rgb(255,210,87);
    background: -moz-radial-gradient(circle, rgba(255,210,87,1) 0%, rgba(255,255,255,0.01) 100%);
    background: -webkit-radial-gradient(circle, rgba(255,210,87,1) 0%, rgba(255,255,255,0.01) 100%);
    background: transparent radial-gradient(circle, rgba(255,210,87,1) 0%, rgba(255,255,255,0.01) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd257",endColorstr="#ffffff",GradientType=1);
    border-radius: 100%;
    top: 10%;
    right: -30%;
    opacity: 68%;
    background: radial-gradient(50% 50%, #FFD257 0%, #FFFFFF00 100%) 0% 0%;
}
.radial_bg2:before {
    content: "";
    width: 700px;
    height: 700px;
    background: radial-gradient(50% 50%, #FFD257 0%, #ffffff00 100%);
    position: absolute;
    top: 50px;
	left: 20%;
}
.our_barrels .elementor-image-box-content h3 {
    margin: 0;
}

/*-------------7. BRASSEUR PAGE------------------------*/
.radial_bg3:before {
    content: "";
    width: 550px;
    height: 550px;
    background: radial-gradient(50% 50%, #FFD257 0%, #ffffff00 100%);
    position: absolute;
    top: 0;
    left: 6%;
}
.li_style ul li {
    list-style: none;
    margin: 7px 0px;
    color: #37614B;
}
.li_style ul li:before {
    content: "-";
    margin-right: 50px;
}
.radial_bg4:before {
    content: "";
    width: 550px;
    height: 550px;
    background: radial-gradient(50% 50%, #5F9A7B 0%, #ffffff00 100%);
    position: absolute;
    top: 0;
    left: 6%;
	opacity: 40%;

}


/*-------------7. nous-connaitre PAGE------------------------*/
.radial_bg5:before {
    content: "";
    width: 739px;
    height: 100%;
    background: radial-gradient(50% 50%, #FFD257 0%, #ffffff00 100%);
    position: absolute;
    top: 0;
    left: -10%;
    opacity: 65%;
}
.o_40{
	opacity: 40%;
}
/*-------------8. NOS ENGAGEMENTS RSE PAGE------------------------*/
.radial_ellipse2:before {
    content: "";
    width: 977px;
    height: 977px;
    position: absolute;
    background: rgb(255,210,87);
    background: -moz-radial-gradient(circle, rgba(255,210,87,1) 0%, rgba(255,255,255,0.01) 100%);
    background: -webkit-radial-gradient(circle, rgba(255,210,87,1) 0%, rgba(255,255,255,0.01) 100%);
    background: transparent radial-gradient(circle, rgba(255,210,87,1) 0%, rgba(255,255,255,0.01) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffd257",endColorstr="#ffffff",GradientType=1);
    border-radius: 100%;
    top: 10%;
    left: -30%;
    opacity: 68%;
    background: radial-gradient(50% 50%, #FFD257 0%, #FFFFFF00 100%) 0% 0%;
}
/*-------------8. REQUIREMENT PAGE------------------------*/
/* #for_apply form{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, 58px);
    column-gap: 15px;
    row-gap: 15px;
} */
/* #for_apply form [data-name="Name"]{
	grid-row-start: 1;
    grid-row-end: 1;
} */
/* #for_apply form [data-name="message"]{
    grid-row-start: 1;
    grid-row-end: 3;
} */
#for_apply ::placeholder,
#for_apply :-ms-input-placeholder,
#for_apply ::-ms-input-placeholder {
    color: #37614B !important;
}

#for_apply form input,
#for_apply form textarea,
#for_apply form select {
    height: 100%;
    background-color: rgb(255 210 87 / 20%);
    border: 1px solid rgb(255 210 87 / 20%);
    font-size: 16px;
    width: 100%;
    color: #37614B;
    padding: 20px;
    margin-bottom: 5px;
}
#for_apply form input[type="submit"] {
    background: #FFD257 !important;
    display: block;
    width: auto;
    font-size: 15px;
    letter-spacing: 0.4px;
    float: right;
    font-weight: 600;
    height: 58px !important;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    line-height: 1;
    letter-spacing: 0.4px;
    margin: 0 auto;
}

#for_apply .wpcf7-not-valid-tip {
    display: none !important;

}

#for_apply .wpcf7-not-valid {
    border-color: #FF0000;
}

#for_apply.form-contact .wpcf7-form-control-wrap {
    width: 100%;
}

#for_apply.form-contact form input,
#for_apply.form-contact form textarea,
#for_apply.form-contact form select {
    height: auto;
    max-height: 60px;
}

#for_apply.form-contact form select {

}

#for_apply.form-contact form textarea {
    height: 190px;
    max-height: none;
}

#for_apply.form-contact form input[type="submit"] {
    margin-right: 0;
}

.wpcf7-response-output {
    border: none !important;
    padding: 0 !important;
    margin: 1em 0.5em 1em !important;
}

/*-------------8. OUR BARRELS PAGE------------------------*/

.ul_list ul > li {
    list-style-position: inside;
    margin: 7px 0px;
}

.ul_list ul li p {
    margin: 0;
}

.ul_list ul > li::marker {
    font-size: 12px;
    margin-right: 30px;
    padding-inline-start: 30px;
}

.ul_list ul > li > ul > li {
    list-style-type: none;
    margin: 0 50px 0;
}

.ul_list ul > li > ul > li:before {
    content: "-";
    margin-right: 11px;
}

/*.ul_list ul li {
    list-style: none; */
    /* padding-left: 50px; */
    /* position: relative;
    line-height: 26px;
}
.ul_list ul li:before {
    content: ".";
    font-size: 35px;
    left: 0;
    height: 100%;
    margin-right: 50px;
    top: 0;
} */
.inner_ul ul ul {
    margin-left: 60px;
}
.inner_ul ul ul li::before {
    margin-right: 0;
}
.inner_ul ul ul li {
    font-style: italic;
}
.inner_ul ul ul li:before{
	content: none;
}

/*-------------8. Autour du fût PAGE------------------------*/
.height_100, .height_100 .elementor-container {
    height: 100%;
}

@media(max-width: 1730px) and (min-width: 1280px){
	.site_main_header{
		padding: 15px 30px 15px 30px !important;
	}
	.resize_padding{
		padding: 0px 30px 0px 30px !important;
	}
	.inner_colPadding_resize> .elementor-widget-wrap {
		padding:  50px  !important;
	}
	.bird_img{
		left: -20px !important;
	}
}
@media(max-width: 1350px) and (min-width: 1280px){
#commit_text_col .elementor-widget-wrap{
	margin: 0em 8em 0em 0em ;
}

}
@media(max-width: 1279px){
	.radial_ellipse:after{
		width: 500px;
    height: 500px;
	    top: 60%;
    right: -30%;
	}
	.our_barrels .elementor-image-box-wrapper{
    display: block !important;
    text-align: center !important;
	}
}

@media(max-width: 990px){
	.radial_bg2::before {
	width: 400px;
    height: 400px;
    top: 100px;
    left: 7%;
	}
}
@media(max-width: 767px){
	.radial_bg:before{
		height: 100%;
		width: 100%;
		top: 0;
		left: 0;
	}
	.radial_ellipse:after {
		width: 120px;
		height: 500px;
		top: 70%;
		right: -60px;
}
#for_apply form input[type="submit"]{
	    width: 100% !important;
}
.shift_right {
    margin: 0 0 0 auto;
}
.inner_ul ul ul {
    margin-left: 20px;
}
}