/*!
Theme Name: Ohio-Child
Theme URI: http://ohio.colabr.io/
Author: Florian Perrier <contact@florianperrier.com>
Author URI: https://www.florianperrier.com
Description: Theme based on Ohio Wordpress theme.
Version: 1.28.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: ohio
Text Domain: ohio-child
Tags: ajax, customizer, ecommerce, portfolio, minimal, page builder, responsive, multipurpose, shop, store, woocommerce, wpml

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*
Vert    : #006339
Jaune   : #ffe12e
*/


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

[Table Of Contents]

1. General (body, h*, p, ...)
2. Helpers (common classes)
3. Wordpress plugins
    3.1 CF7
    3.2 Visual composer
4. Modules (wordpress/theme reused module, widget, ...)
    4.1 pagination module
	4.2 tabs
	4.3 Breadcrumb
    4.4 Ohio Slider
    4.5 Google Map
5. Header
	5.1 Top bar
    5.2 Menu
    5.3 Mobile menu
6. Footer
7. HOME
8. NEWS / BLOG
9. CONTACT
10. SINGLE AGENCE


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


/*-------------------------------------------------------------------------*/
/* 1. General
/*-------------------------------------------------------------------------*/
h4.title {
    color: #ffe12e;
}


/*-------------------------------------------------------------------------*/
/* 2. Helpers
/*-------------------------------------------------------------------------*/
.grecaptcha-badge {
    display: none !important;
}

.text-clear .wpb_text_column .wpb_wrapper {
    color: #ffffff;
}


/*-------------------------------------------------------------------------*/
/* 3.2 Visual composer
/*-------------------------------------------------------------------------*/
.vc_sep_pos_align_center {
    margin-left: auto !important;
    margin-right: auto !important;
}

.wpb_gmaps_widget {
    margin-bottom: 0 !important;
}

.wpb_gmaps_widget .wpb_wrapper {
    background-color: white !important;
    padding: 0 !important;
}


/*-------------------------------------------------------------------------*/
/* 4.5 Google Map
/*-------------------------------------------------------------------------*/
.map {
    width: 100%;
    height: 600px;
}

.infowindow h5 {
    margin: 0 0 15px;
}


/*-------------------------------------------------------------------------*/
/* 5.2 Menu
/*-------------------------------------------------------------------------*/
.header:not(.-mobile) .menu > .nav-item > a {
    padding: 0 0.6vw;
}


/*-------------------------------------------------------------------------*/
/* 6. Footer
/*-------------------------------------------------------------------------*/
.site-footer .site-info-holder {
    text-align: center;
    padding: 2vh 0;
}

.site-footer .widget_nav_menu li a span {
    color: #ffffff;
}

.site-footer .textwidget ul {
    list-style-type: none;
}

.site-footer .textwidget ul li {
    padding: 0;
}

.site-footer .textwidget ul li a {
    color: #fff !important;
}


/*-------------------------------------------------------------------------*/
/* 7. Home page
/*-------------------------------------------------------------------------*/
.vc_custom_1631609164554 {
    background-position: -90px -40px !important;
}


/*-------------------------------------------------------------------------*/
/* 9. Contact page
/*-------------------------------------------------------------------------*/
.tabs-agency ul {
    display: inline-block;
}


/*-------------------------------------------------------------------------*/
/* 10. Single agence
/*-------------------------------------------------------------------------*/
.single-agency .clb-page-headline-holder {
    text-align: center;
}

.single-agency h3 {
    margin-bottom: 20px;
}

.single-agency .site-footer {
    margin-top: 75px;
}


/*-------------------------------------------------------------------------*/
/* 11. Question
/*-------------------------------------------------------------------------*/

.question-row:last-child{border:none}
.question-row {
    border-bottom: #ccc solid thin;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.question-row h4 {
    margin: 0 0 10px 0;
    font-size: 16px;
    font-weight: 500;
}
.question-answer-row {
    display: flex; margin-left:-15px; margin-right:-15px;
}
.question-answer-columns {
    width: 25%;position: relative;
    padding: 0 15px;
}
.question-answer-columns span {
    display: block;
    background: rgb(117, 117, 117);
    color: #fff;
    text-align: center;
    border-radius: 10px;
    padding: 8px 0 10px;
    cursor: pointer;
	-webkit-transition: .75s;
    -moz-transition: .75s;
    -o-transition: .75s;
    -ms-transition: .75s;
    transition: .75s;
	    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -o-transform: rotateY(0);
    -ms-transform: rotateY(0);
    transform: rotateY(0);    height: 100%;
}

.question-answer-columns.active span.flip-before{-webkit-transform: rotateY(
180deg
);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(
180deg
);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;}

span.flipafter {
	    background-color: rgb(226, 0, 0);
  position: absolute;
       left: 17px;
    right: 17px;
    top: 1px;
    bottom: 0px;
    display: block;
    opacity: 1;
    z-index: 1;-webkit-transform: rotateY(
-180deg
);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(
-180deg
);height: 98%!important;

}
.question-answer-columns.active span.flipafter{   -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -o-transform: rotateY(0);
    -ms-transform: rotateY(0);
    transform: rotateY(0);}
.question-answer-columns span.flip-before {
    z-index: 2;
    position: relative;
}
span.flipafter.right{    background-color: rgb(76, 175, 80);}

/* ======================= flip box ======================== */

.flip-box-heading h6 {
    color: #fff; margin-top:30px
}

.flip-content {
    color: #fff;
    font-size: 14px;
    line-height: 15px;
    padding-top: 25px;
}

.flip-content p a {
    color: #ffe12e !important;
}

.flip-row-wrap .wpb_wrapper {
    position: relative;
}

.flip-content {
    color: #fff;
    font-size: 14px;
    line-height: 15px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 146px;
    background: #00754a;    -webkit-transition: .75s;
    -moz-transition: .75s;
    -o-transition: .75s;
    -ms-transition: .75s;
    transition: .75s;
}

.flip-image {
    position: relative;
    z-index: 2;    -webkit-transition: .75s;
    -moz-transition: .75s;
    -o-transition: .75s;
    -ms-transition: .75s;
    transition: .75s;overflow:hidden
}

.flip-row-wrap .wpb_wrapper {
    cursor:pointer
}

.flip-content {
    opacity: 1;
    z-index: 1;
    -webkit-transform: rotateY(-180deg );
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg );
}

.flip-row-wrap .wpb_wrapper.active .flip-content {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -o-transform: rotateY(0);
    -ms-transform: rotateY(0);
    transform: rotateY(0);
    height: 80%;
    z-index: 2;
}



.flip-row-wrap .wpb_wrapper.active .flip-image {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.flip-row-wrap .wpb_wrapper:hover {

}



@media only screen and (max-width:1279px) {
	.question-answer-columns span {
        height: 100%;
    }
	.flip-content{padding-top:0px;    opacity: 0;}
	.flip-row-wrap .wpb_wrapper.active .flip-content{opacity:1}
	.flip-row-wrap .wpb_wrapper.active .flip-image {
		opacity: 0;

	}
	.flip-row-wrap .wpb_wrapper.active .flip-content {
		opacity: 1;

	}
}
@media only screen and (max-width:1024px) {
	.flip-row-wrap .wpb_column.vc_column_container.vc_col-sm-3 , .flip-row-wrap .wpb_column.vc_column_container.vc_col-sm-4 {
		width: 50%;
	}

	.flip-row-wrap.vc_row {
		padding-bottom: 0px!important;
	}
}
@media only screen and (max-width:767px) {
	.question-wrap {
		padding-top: 20px;
	}

	.question-answer-columns{
        width: 100%;
        margin-bottom: 5px;
    }

    .question-answer-row{
        flex-wrap: wrap;
    }
	.flip-row-wrap .wpb_column.vc_column_container.vc_col-sm-3 , .flip-row-wrap .wpb_column.vc_column_container.vc_col-sm-4{
		width: 100%;
	}
}

@media only screen and (min-width:768px) and (max-width:979px){
    .flip-row-wrap .wpb_wrapper.active .flip-content {
        opacity: 1;
    }

    .flip-row-wrap .wpb_wrapper.active .flip-image {
        opacity: 0;
    }

    .flip-content {
        opacity: 0;

    }

    .flip-image {

    }

}