/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.transparent .header-main .nav>li>a {text-shadow:inherit!important;}


/** VOILAH! 2020 EVENTS **/
p.event-date {margin: 0 0 20px 0;}
span.event-date-bg {background: #d63131;padding: 5px 10px;font-weight: bold;color: #fff;}
.vod button.flickity-button.flickity-prev-next-button {
    top: 5px;
}

li.voilah-events {list-style: none;}

span.title-event-date {
    display: initial;
    background: #fadb02;
    color: #000;
    font-weight: 700;
    padding: 5px 10px;
}
span.title-event-location {
    display: block;
    margin: 10px;
}
span.title-event-direction {
    display: block;
    margin-bottom: 20px;
}

span.event-date-sidebar {
    background: #02425d;
    color: #fff;
    font-size: 80%;
    padding: 3px 5px;
	margin: 0 5px 0 0;
}


/** NEW SUB MENUS **/

ul.voilah-sub-menu {
    width: fit-content;
    margin: 0 auto;
}
.voilah-sub-menu li {
	list-style: none;
    display: inline-block;
    font-weight: bold;
    margin: 5px 7px!important;
}
.voilah-sub-menu li a:hover, li.current_page_item a {
    color: #242343;
}




/** OTHERS **/
.mfp-content {
    width: 100%!important;
}

/** HEADER **/
.flex-center {
    min-width: 250px;
}
input#s {
    background-color: #00b1eb1f!important;
    border-radius: 0;
    color: #000!important;
}
.nav-dropdown li.active>a {color:#ec6778;}
@media only screen and (min-width: 48em) {
#logo, .custom-logo {display:none;}
.single-post .custom-logo {
	position: absolute;
    width: 100px;
	display:block;
	-webkit-box-shadow: 0 3px 6px -4px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    box-shadow: 0 3px 6px -4px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
}
.stuck .custom-logo {
    position: absolute;
    width: 100px;
	display:block;
	-webkit-box-shadow: 0 3px 6px -4px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
    box-shadow: 0 3px 6px -4px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);
}
.fr-logo:lang(en-GB) {
	display:none!important;
}
.en-logo:lang(fr-FR) {
	display:none!important;
}
}
.sidebar-menu.no-scrollbar {
    padding: 50px 30px 0;
}
@media only screen and (max-width: 48em) {
.transparent #logo {
    display: none;
}
.transparent li.nav-icon.has-icon:before {
	display:none;	
	}
li.nav-icon.has-icon:before {
    content: 'MENU';
    position: relative;
    top: -4px;
    font-weight: bold;
    right: 10px;
}
.subscribe a {
    background: #f16473;
    padding: 10px 20px!important;
    border-radius: 20px;
    color: #fff!important;
}
}
@media only screen and (min-width: 48em) {
.subscribe a {
    background: #f16473;
    padding: 5px 20px!important;
    border-radius: 20px;
}
}
#top-bar li.current-dropdown>.nav-dropdown {
    left: -200px;
}

/** FIX OVERFLOW **/
html, body {max-width: 100% !important;overflow-x: hidden !important;}


/*** GENERAL STYLE ***/

#top-bar a.nav-top-link {color: #fff!important;}
#top-bar a.nav-top-link:hover {opacity:0.8;}

.form-flat input:not([type="submit"]) {border-radius: 99px;}

.transparent .header-main .nav > li > a {text-shadow: 1px 1px #00000080;}

.social-icons {font-size: 1.4em; color: #00b9f0;}

.dark, .dark p, .dark td {color: #fff;}

.icon-box {
    align-items: center !important;
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important;
    vertical-align: middle !important;
}

ul.dash>li {list-style: none;margin-bottom:0;}
ul.dash>li:before {content:"- ";display:inline-block;width: 1em;margin-left: -1em; }


/*** ABOUT US PAGE ***/


/*** GRAVITY FORMS ***/
legend {
    border-bottom: inherit;
	text-transform: none;
}
.gform_wrapper input, .gform_wrapper textarea, .gchoice label, .gform_wrapper select {
    border: 1px solid #000;
    border-radius: 5px;
	padding: 5px 15px!important;
	color: #000;
	font-weight: 600;
}
.gchoice input {
    display: none!important;
}
.gchoice label {
    background: #fff;
}
.gform_wrapper.gravity-theme .gfield-choice-input+label {
    max-width: 100%;
	float: left;
    margin: 0 8px 8px 0;
}
.gchoice label:hover {
	background: #000;
	color: #fff;
	cursor: pointer;
}
.gchoice input[type=radio]:checked+label, .gchoice input[type=checkbox]:checked+label {
    background: #000;
    color: #fff;
	border-color:#000;
}
::-webkit-input-placeholder { /* Edge */  color: grey; font-weight:100!important;}
:-ms-input-placeholder { /* Internet Explorer 10-11 */  color: grey; font-weight:100!important;}
::placeholder {  color: grey; font-weight:100!important;}

input.gform_button, input.gform_previous_button, input.gform_next_button {
    padding: 0px 30px!important;
}
.ui-datepicker-title {
    width: 70%;
}
select.ui-datepicker-month {
    display: inline-block;
    width: 40%;
}
select.ui-datepicker-year {
    width: 60px;
    display: inline-block;
}
.ginput_container_consent {
	display:flex;
	align-items: center;
    	padding: 10px 0;
}
.ginput_container_consent input {
    width: 25px;
    height: 25px;
}
@media only screen and (max-width: 640px) {
.gform_wrapper.gravity-theme .ginput_complex span {
    flex: 0 0 100%;
    padding-left: 0;
    margin-bottom: 0px;
}
input#input_14_1_3 {
    margin-bottom: 15px;
}
}
input[type=email], input[type=date], input[type=search], input[type=number], input[type=text], input[type=tel], input[type=url], input[type=password], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection {
	height:40px;
}

/** FOOTER **/
.absolute-footer { display: none; }
#footer a:hover {
    color: #fff;
}


/*** SIGNUP ***/




/*** HOME ***/


/*** BLOG POSTS ***/

p.from_the_blog_excerpt {
    margin-top: 15px;
}

.badge.post-date, .archive-page-header, .posted-on, .byline {display:none;}

.large-columns-2 .post-item .box-vertical {display: flex;flex-wrap: wrap;}
.large-columns-2 .box-vertical .featured-box-text-cat {display: flex;align-items: center;padding: 35px 25px;}
.large-columns-2 .post-item:nth-child(4n+1) .box-vertical, .large-columns-2 .post-item:nth-child(4n+2) .box-vertical {
flex-flow: row-reverse wrap;
}

@media only screen and (min-width: 550px) {
.large-columns-2 .box-vertical > * {flex-basis: 50%;}
.large-columns-1 .box-vertical > * {flex-basis: 50%;}
}

.large-columns-1 .post-item .box-vertical {display: flex;flex-wrap: wrap;}
.large-columns-1 .box-vertical .featured-box-text-cat {display: flex;align-items: center;}
.reverse-order .large-columns-1 .post-item .box-vertical {flex-flow: row-reverse wrap;}

.light-no-image .box-image {display: none;}
.light-no-image .box {display: block;}
.light-no-image .box-text {
    min-height: 290px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

/** SINGLE POST **/

@media only screen and (min-width: 48em) {
.entry-header-text.entry-header-text-top.text-left {
    float: right;
    width: 75%;
	padding-left: 30px;
}
.entry-image.relative {
    float: left;
	max-width: 20%;
}
}
@media only screen and (max-width: 48em) {
.entry-header-text.entry-header-text-top.text-left {
    width: 100%;
}
.flex-row.next-prev-nav.bt.bb {
    display: block;
    border: inherit;
}
.next-prev-nav .flex-col+.flex-col {
    border-left: inherit;
}
}

.entry-content.single-page {
    clear: both;
}
.entry-category a {
	padding: 5px 0px;
}


.next-prev-nav .flex-col {
    padding: 10px;
}
.next-prev-nav i {display:none;}
.nav-previous:before {
    content: '\2190 \0020';
    display: block;
}
.nav-next.text-right:before {
    content: '\0020 \2192';
    display: block;
}

@media only screen and (min-width: 48em) {
.post-item .box-vertical .box-image {
    width: 30%!important;
}
.image-cover {
    height: 170px;
}
}

/** BLOG ARCHIVE **/
.archive .featured-box-text-cat.box-text, .search .featured-box-text-cat.box-text {
    background-color: #fff!important;
}