/*
 Theme Name:   Ridge-child
 Author:       IPL
 Template:     ridge
 Version:      1.0.0
*/

@import url('https://fonts.googleapis.com/css?family=Merriweather|Open+Sans');

body{
	color: #000;
	font-family: 'Open Sans';
}

.site-logo{
    margin-bottom: 40px;
    display: block;
    max-width: 190px;
    width: 100%;
}

.bg-2{
    width: 100%;
    text-align: center;
    background-color: red;
}

.bg-2 .video-container{
    margin: auto;
    width: 100%;
    text-align: center;
}

.bg-2 iframe{
    margin: auto;
    height: 100%;
    width: 100%;
}

.entry-content h1, .entry-content h2{
    font-family: 'Merriweather';
    letter-spacing: normal;
    margin: 0;
    padding: 0;
}

.entry-content h1{
    font-size: 2.5em;
    margin: 40px 0 20px 0;
}

.vc_row{
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 20px;
}

.content-area{
    margin: 20px auto;
    max-width: 100%;
    padding: 0;
}

.entry-header{
    margin: 50px 0 !important;
}

.entry-content {
    box-shadow: none;
    background-color: transparent;
    padding: 20px;
}

.site-header{
    position: absolute;
}

.site-header #secondary{
    border-top: none !important;
    padding-top: 0;
    margin-top: 0;
}

.big{
    font-size: 4em;
    margin: 0;
    padding-right: 20px;
}

.wpml-ls-current-language {
    font-weight: bold;
}

.etapes{
    font-size: 2em;
    color: #FFF;
    margin-left: 20px;
    margin-top: 20px;
    font-family: 'Merriweather';
}

.gradient-bloc{
    background: #f1831e; /* Old browsers */
    background: -moz-linear-gradient(top, #f1831e 0%, #e83a3a 100%, #2989d8 100%, #e83a3a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f1831e 0%,#e83a3a 100%,#2989d8 100%,#e83a3a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f1831e 0%,#e83a3a 100%,#2989d8 100%,#e83a3a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1831e', endColorstr='#e83a3a',GradientType=0 );
}

.vert{
	color: #12d68e;
}

.noir{
	color: #000;
}

h3{
    font-family: 'Merriweather';
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    padding: 0;
    color: #f1831e;
    font-weight: bold;
}

p.orange{
    color: #f1831e;
    margin: 0;
    font-size: 0.8em;
}

p.vert{
    font-size: 0.8em;
    margin: 0;
}

a.button{
	text-transform: uppercase;
	white-space: nowrap;
}

a.button.last{
    text-transform: uppercase;
    position: absolute;
    bottom: 45px;
}

a.button:not(.last){
	position: absolute;
	bottom: 100px;
}

a.button.orange{
    border: 2px solid #f1831e;
    background-color: #FFF;
    color: #f1831e !important;
    margin-bottom: 10px;
}

a.button.orange.inline{
	position: static;
	margin: 0 10px 0 0;
}

.wpb_text_column.wpb_content_element {
    min-height: 27px;
}

a.button.orange:hover{
    border: 2px solid #f1831e;
    opacity: 1;
}

a.button.vert{
    border: 2px solid #12d68e;
    background-color: #FFF;
    color: #12d68e !important;
    text-transform: uppercase;
    position: absolute;
    bottom: 45px;
}

.textwidget.custom-html-widget{
    line-height: 20px;
}

i{
    margin: 20px 0 10px;
    font-size: 1.4em;
}

.widget{
    margin: 0 0 40px 0;
}

footer.site-footer{
    text-align: left;
}

footer.site-footer p{
    margin: 0 !important;
}

footer ul li{
	list-style-type: square;
	font-size: 0.8em;
}

input[type=checkbox],
li.gfield select,
li input[type=radio] {
    margin-top: 2px !important;
    margin-left: 20px !important;
}

input[type=text],
label.gfield_label {
    margin-left: 20px;
}

select {
    background-color: #FFF;
}

.menu-menu-responsive-container{
	display: none;
}

.menu-menu-responsive-container li{
    list-style-type: none;
    text-align: center;
    margin-bottom: 20px;
}

.menu-menu-responsive-container a{
    color: #f1831e;
    /*font-size: 1.3em;*/
}

footer.site-footer{
    padding-left: 280px;
}

#tribe-events-content{
    padding: 2px 20px;
}

#menu-toggle2{
    visibility: hidden;
    display: none;
}

#menu-close{
    visibility: hidden;
    display: none;
}

.hidden-scroll{
    overflow: hidden;
}

.wpml-ls-legacy-list-horizontal{
	padding: 0;
}

.wpml-ls-legacy-list-horizontal a{
	padding: 10px 10px 0 0;
	text-transform: uppercase;
}

#lang-switcher-1{
	width: 100%;
	text-align: right;
	display: none;
}

ul#menu-menu-responsive {
    display: none;
}

/* Gravity form */
.form-section-header{
    border: 1px solid #999;
    padding: 2px 10px;
    margin-top: 20px !important;
}

input{
    background-color: #FFF;
}

.gfield_label{
    font-size: 14px !important;
}

label{
    font-size: 14px !important;
}

/* blocs blancs */

.blocs-blancs .vc_column-inner {
    padding-bottom: 100px;
}

.bloc-etapes .vc_column-inner{
	padding-bottom: 200px;
}

.bloc-etapes-buttons{
	position: absolute;
	bottom: 80px;
	vertical-align: top;
}

.bloc-texte h3{
    line-height: 1;
}

.validation_message{
    padding-left: 20px !important;
}

.vc_column-inner {
	position: relative;
}

.disclaimer p{
    font-size: 1em;
    margin-bottom: 10px;
}

.fancybox-slide--iframe .fancybox-content {
    background: transparent;
}

.fa-video {
	margin: 0 5px 0 0;
}

/* jepeuxvoter */

.jepeuxvoter-wrapper-top{
    margin-top: 50%;
    display: flex;
}

.jepeuxvoter{
    width: 80%;
    margin: auto;
}

.jepeuxvoter img {
    max-width: 100%;
    margin: 10px auto;
    display: block
}

.jepeuxvoter-texte {
    text-align: center;
    font-weight: bold;
}

.jepeuxvoter-wrapper-bottom{
	display: none;
}

li.warning {
    color: red;
    font-size: 14px;
    padding-left: 20px;
}

/* Media queries */

@media all and (max-width: 1530px){

    a.button{
    	font-size: 13px;
    	padding: 10px;
    }

}

@media all and (max-width: 1400px){

    a.button{
    	font-size: 11px;
    	padding: 7px;
    }

    a.button:not(.last) {
	    position: absolute;
	    bottom: 80px;
	}

}

@media all and (max-width: 1285px){

    a.button{
    	font-size: 10px;
    	padding: 7px;
    }

    a.button:not(.last) {
	    position: absolute;
	    bottom: 80px;
	}

}

@media all and (max-width: 1200px){

	.blocs-blancs .vc_col-sm-3,
	.bloc-etapes .vc_col-sm-6{
	    width: 100%;
	}

    a.button,
    a.button:not(.last),
    a.button.last,
    a.button.orange.inline{
    	font-size: 0.9em;
    	padding: 7px;
    	position: unset;
    	display: inline-block;
    }

    .blocs-blancs .vc_column-inner {
    	padding-bottom: 0;
	}

	.bloc-etapes .vc_column-inner{
		padding-bottom: 0;
	}

	.bloc-etapes-buttons{
		position: unset;
	}

	.bloc-etapes-buttons a.button.orange.inline{
		margin-bottom: 10px;
	}

}

@media all and (max-width: 1165px){

    p{
        line-height: normal;
    }

    a.btn-rouge, a.btn-orange{
        font-size: 0.6em;
    }

}

@media all and (max-width: 1024px){

    footer.site-footer{
        padding-left: 30px;
    }

    .site-branding{
    	padding: 0 0 15px 0;
    }

    .site-branding h1.logo {
	    margin-bottom: 0;
	}

    #lang-switcher-1{
		display: block;
	}

    #lang-switcher-2{
		display: none;
	}

	.menu-menu-responsive-container{
		display: block;
	}

	#nav-sidebar{
		position: fixed;
		top: 0px !important;
	}

	.widget-area {
	    margin: 9.09090% auto 0;
	    padding: 0 20px;
	}

    .vc_custom_1528460084320,
    .vc_custom_1528460115066{
        height: 460px;
    }

    #site-header.toggled-on #nav-sidebar{
    	margin-left: 0;
    	left: 0;
    }

    #menu-toggle2{
        visibility: visible;
        display: block;
        font-size: 3em;
        position: absolute;
        right: 60px;
        top: 20px;
    }

    #menu-close{
        display: block;
        font-size: 3em;
        position: absolute;
        right: 60px;
        top: 20px;
    }

    .jepeuxvoter-wrapper-top{
    	display: none;
    }

    .jepeuxvoter-wrapper-bottom{
		display: block;
	}


}

@media all and (max-width: 767px){

    .bloc{
        min-height: auto;
    }

    .bloc a.button {
        position: initial;
    }

}

@media all and (max-width: 641px){

    input[type=checkbox],
    li.gfield select,
    li input[type=radio] {
        margin: 2px 20px 0 !important;
        max-width: 90% !important;
    }

    input[type=text],
    label.gfield_label {
        margin: 0px 20px !important;
        max-width: 90% !important;
    }

}

@media all and (max-width: 600px){

    .site-branding{
        margin: 0;
        text-align: center;
    }

    .hidden-scroll {
	    margin-left: 0;
	}

	.site-logo{
		text-align: left;
		margin-left: 20px;
	}

    #menu-toggle2{
        visibility: visible;
        font-size: 2em;
        position: absolute;
        right: 40px;
        top: 20px;
    }

    #menu-close{
        font-size: 2em;
        position: absolute;
        right: 40px;
        top: 20px;
    }

}

@media all and (max-width: 600px){

    .vc_custom_1528460084320,
    .vc_custom_1528460115066{
        height: 500px;
    }

}

@media all and (max-width: 400px){

    a.button.orange.inline{
		margin: 0 10px 10px 0;
	}
	
}