/*
Theme Name: Total Child
Theme URI: http://totalwptheme.com
Description: Total WordPress theme example child theme.
Author: AJ Clarke
Author URI: http://totalwptheme.com
Template: Total
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */


@import url('https://fonts.googleapis.com/css?family=Dancing+Script');

/* Tirette urgence */
.urgence {
    position: fixed;
    display: flex;
    align-items: center;
    top: 30%;
    height: 100px;
    z-index: 99999;
    right: -295px;
    background: #53342C url(img/picto-urgence.png) 22px 13px no-repeat;
	background-size: 65px auto;
    transition: all 0.2s;
    border-top-left-radius: 60px;
    border-bottom-left-radius: 60px;
    padding: 40px 20px 40px 120px;
    font-size: 10px;
	border: 1px solid #DCAE37;
}

.urgence a{
    display: flex;
    align-items: center;
    padding: 5px;
    line-height: normal;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
}

.urgence:hover{
    background-image: url(img/picto-urgence.png);
    cursor: pointer;
    right: 0px;
}

/************************/
/******** GENERAL ********/
/************************/
h2{
    margin-top: 0 !important;
    margin-bottom: 30px!important;
}

h2 .sub-h2{
    text-transform: uppercase;
    color: #53342C;
    font-size: 20px;
}

h3{
    margin-bottom: 5px!important;
    color: #53342C;
}

p{
    margin-bottom: 10px;
}

.handwritting{
    font-size: 26px;
    font-family: 'Dancing Script', cursive;
    font-weight: 600;
}

.rotate p{
    transform: rotate(-5deg) !important; /* Équivalent à rotateZ(45deg) */
}

.content-page{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+28,f7f7f7+42,f7f7f7+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 28%, #f7f7f7 42%, #f7f7f7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 28%,#f7f7f7 42%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#ffffff 28%,#f7f7f7 42%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}

.btn-white a {
    padding: 5px 15px;
    color: #53342c;
    display: inline-block;
    text-decoration: none;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 20px;
    border: 2px solid #53342c;
    transition: all .25s;
}

.btn-white a:hover {
    background: #53342c;
    border: 2px solid #fff;
    color: #fff;
}

.btn-brown a {
    padding: 5px 15px;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    background: #53342c;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 20px;
    border: 2px solid #53342c;
    transition: all .25s;
}

.btn-brown a:hover {
    background: #fff;
    border: 2px solid #53342c;
    color: #53342c;
}

.trustville-widget{ /* widget avis  verifie s*/
	margin: 0 auto;
}

/************************/
/******** HEADER ********/
/************************/
.navbar-style-one .dropdown-menu>li.menu-item>a>span.link-inner{
    padding-left: 4px;
    padding-right: 4px;
}

/************************/
/******** SIDEBAR ********/
/************************/
.custom-sidebar-panel {
    -webkit-box-shadow: 0px 0px 15px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 15px -6px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 15px -6px rgba(0,0,0,0.75);
}

.custom-sidebar-panel h2{
    margin-bottom: 20px!important;
}

.custom-sidebar-panel h3{
    margin-top: 0!important;
}

.custom-sidebar-panel .vcex-blog-entry-media img {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

.custom-sidebar-panel .vcex-blog-entry-details {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    padding-left: 0;
    padding-right: 0;
    background: transparent;
}

.custom-sidebar-panel .vcex-blog-entry-title {
    font-size:18px;
    margin-bottom: 10px;
}

.custom-sidebar-panel .vcex-blog-entry-excerpt{
    color: #000!important;
}

/************************/
/******** HEADER / INTRO ********/
/************************/
.header-intro {
    color: #fff;
    font-size:20px;
    line-height:1.1em;
}
.header-intro h1{
    font-size: 45px;
    color: #fff;
    font-weight: 800!important;
    margin-bottom: 30px!important;
    line-height:1.1em;
}

/************************/
/******** SLIDER ********/
/************************/
.slider-title {
    color: #53342c !important;
    font-size: 50px !important;
    font-weight: 900 !important;
    line-height: 45px !important;
    font-family: "Raleway" !important;
}

.slider-text {
    color: #000 !important;
    font-size: 22px !important;
    text-shadow: 0px 0px 5px #fff!important;
}

.slider-btn a {
    background: #53342c;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;;
    border-radius: 5px !important;;
    padding: 10px 15px !important;
    display: inline-block !important;;
    text-decoration: none;
    color: #fff;
    font-size: 22px !important;
    line-height: 25px !important;
    transition: all .25s!important;
}

.slider-btn a:hover {
    background: #fff;
    border: 2px solid #53342c;
    color: #53342c;
}

/************************/
/******** FOOTER ********/
/************************/
#footer-builder .ticon{
    width: 30px!important;
}

#footer-builder .widget_nav_menu a{
    color: #fff;
}


/************************/
/******** HOME ********/
/************************/
.home #site-navigation .dropdown-menu >li.menu-item >a{
    color: #fff!important;
}

.home .is-sticky #site-navigation .dropdown-menu >li.menu-item >a{
    color: #000!important;
}

.home h1{
    color: #fff!important;
    font-size: 37px!important;
    font-weight: 900;
    line-height: 1.2em!important;
}
.home-bannier-1 h2 {
    margin-top: 80px !important;
    padding-top: 120px;
    margin-bottom: 15px !important;
    background-size: auto 100px!important;
}

.home-bannier-1-col-1,
.home-bannier-1-col-2,
.home-bannier-1-col-3 {
    transition: background .6s;
}

.home-bannier-1-col-1.active,
.home-bannier-1-col-2.active,
.home-bannier-1-col-3.active {
    background: #dcae37;
    color: #fff !important;
}

.home-bannier-1-col-1 h2 {
    background: transparent url(img/mapad-conception-immobiliere.png) top center no-repeat
}

.home-bannier-1-col-1.active h2 {
    background: transparent url(img/mapad-conception-immobiliere-hover.png) top center no-repeat
}

.home-bannier-1-col-2 h2 {
    background: transparent url(img/mapad-etablissements.png) top center no-repeat
}

.home-bannier-1-col-2.active h2 {
    background: transparent url(img/mapad-etablissements-hover.png) top center no-repeat
}

.home-bannier-1-col-3 h2 {
    background: transparent url(img/mapad-services.png) top center no-repeat
}

.home-bannier-1-col-3.active h2 {
    background: transparent url(img/mapad-services-hover.png) top center no-repeat
}

.home-bannier-2 {
    font-size: 17px;
}

.home-bannier-2 h2 {
    color: #fff;
    font-size: 28px;
    font-weight: 800;
    margin-bottom: 15px;
    margin-top: 0;
}

.vcex-blog-entry-media img {
    -webkit-border-radius: 8px 8px 0 0 !important;
    -moz-border-radius: 8px 8px 0 0 !important;
    border-radius: 8px 8px 0 0 !important;
}

.vcex-blog-entry-details {
    -webkit-border-radius: 0 0 8px 8px !important;
    -moz-border-radius: 0 0 8px 8px !important;
    border-radius: 0 0 8px 8px !important;
    background: #f2f2f2;
    border: 0px !important;
}

.vcex-blog-entry-title {
    font-size: 20px;
    line-height: 22px;
    margin-bottom: 15px;
}

.vcex-blog-entry-excerpt {
    color: #808080;
}

.vcex-blog-entry-readmore-wrap a {
    background: none !important;
    font-size: 22px;
    color: #53342c;
    padding: 0;
}

.vcex-blog-entry-readmore-wrap a:hover {
    color: #53342c !important;
}

.home-equipe-row{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+70,f7f7f7+100 */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 70%, #f7f7f7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 70%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%,#ffffff 70%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}

.team-tabs .vc_tta-tab a,
.team-tabs .vc_tta-tab.vc_active a {
    background: none !important;
    border: 0!important;
    padding-left: 100px!important;
	padding-right: 0px!important;
    min-height: 120px;
    color: #000!important;
    font-size: 20px;
}

.team-tabs .vc_tta-tab.vc_active a {
    font-weight: bold;
    color: #53342c!important;
}

.team-tabs .vc_tta-tab a span {
    position: relative;
    padding-top: 15px;
    display: block;
	font-size: 15px;
	line-height: 1.2em;
	margin-bottom: 8px
}

.team-tabs .vc_tta-tab a span:after {
    bottom: -22px;
    height: 20px;
    width: 100%;
    display: block;
    position: absolute;
    color: #000!important;
    font-size: 13px!important;
    font-weight: normal!important;
    line-height:16px;
	font-style: italic;
}

input[type="text"],
input[type="email"],
select,
textarea{
    border: 2px solid #cd9f3b;
    margin-bottom: 20px;
    width:100%;
    padding: 13px;
	font-family: inherit;
}

input[type="submit"]{
    font-size: 17px;
    border: 2px solid #fff;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    transition: all .25s;
}

input[type="submit"]:hover{
    background: #fff!important;
    border: 2px solid #53342c;
    color: #53342c!important;
}

.wpcf7-response-output{
    clear: both;
    position: relative;
    top: 10px;
}


/***** TEMP ACCEUIL V2 *****/
.page-id-128 #site-header{
    background: rgba(0,0,0, 0.5) url(img/liseret-2px.png) bottom center repeat-x!important;
}
.page-id-128 .is-sticky #site-header{
    background: #ffffff!important;
}

.tp-dottedoverlay{
    z-index: 99!important;
}