/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* =GLOBAL
----------------------------------------------- */

li { padding-bottom: 15px; }

@media (max-width: 1140px) {
    section.elementor-top-section.elementor-section-boxed { padding: 0 10px; }
}

a.button-article-actualite {
	background-color: #0640e6;
    font-weight: 600;
    letter-spacing: .8px;
    color: #fff;
    border-style: none;
    border-radius: 100px 100px 100px 100px;
	font-size: 18px;
    padding: 15px 30px;
    box-shadow: none;
    text-decoration: none;
    text-align: center;
	line-height: 1;
    transition: all .3s;
    font-family: var(--e-global-typography-accent-font-family), Sans-serif;
}

a.button-article-actualite:hover {
	background-color: #0030a8;
}


/* =HEADER
----------------------------------------------- */

/*
header:after {
	content: '';
	background-color: transparent;
    background-image: url('https://www.ondinegenevoise.ch/wp-content/uploads/2024/08/vague.svg');
    background-repeat: repeat-x;
    background-size: 5em auto;
    display: block;
    height: 9px;
    transform: translateY(100%);
}
*/
/*@media (max-width: 767px) {
    header:after {
        background-size: 50px auto;
        height: 7px;
    }
}*/

header.elementor-location-header {
	position: absolute;
    width: 100%;
    top: 0;
}

header nav.elementor-nav-menu--dropdown span.sub-arrow svg path {
	fill: #fff;
}

@media (max-width: 1024px) {
    .elementor-4612 .elementor-element.elementor-element-bd38a40 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown,
    .elementor-4612 .elementor-element.elementor-element-bd38a40 .elementor-nav-menu__container.elementor-nav-menu--dropdown {
        margin-top: 10px !important;
    }
}

#site-logo #site-logo-inner a:hover img {
    -moz-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
}


/* =FOOTER
----------------------------------------------- */

footer#footer-main:before {
    content: '';
    background-color: transparent;
    background-image: url('https://www.ondinegenevoise.ch/wp-content/uploads/2024/08/vagueInverse.svg');
    background-repeat: repeat-x;
    background-size: 5em auto;
    display: block;
    height: 23px;
    transform: translateY(-34%);
    width: 100%;
}

/*@media (max-width: 1440px) {
    footer#footer-main:before {
        height: 22px;
        transform: translateY(-174%);
    }
}*/

@media (min-width: 767px) {
    footer#footer-main:before {
        height: 22px;
        transform: translateY(-172%);
    }
}





/* =MODERN EVENTS CALENDAR
----------------------------------------------- */
.widget .mec-event-detail {	
	margin-top: 5px;
	font-family: 'Inter', sans-serif !important;
	font-size: 14px;
}

.widget .mec-event-title,
.mec-event-grid-minimal .mec-event-title {
	text-transform: none;
	font-size: 16px;
	font-weight: normal;
    font-family: "Recoleta Alt", Sans-serif;
    margin: 0;
	padding: 0;
}

.widget .mec-event-grid-minimal .mec-event-title a {
    color: #2f2980;
    transition: color .3s ease;
}

.widget .mec-wrap.colorskin-custom .mec-border-color-hover:hover { color:#fff; }

.mec-calendar .mec-calendar-header h2 {
	font-family: "Recoleta Alt", Sans-serif;
	color: #00206a;
	text-transform: capitalize;
}

.mec-calendar .mec-calendar-day p { display:none; }

.mec-calendar .mec-event-article .mec-event-title {
    font-size: 14px !important;
    font-weight: 500;
    text-transform: none;
    font-family: 'Inter', sans-serif;
}

.mec-wrap.colorskin-custom .mec-calendar .mec-selected-day:hover {
	background-color: transparent;
}

ul#legend li {
	list-style: none;
	display: inline-block;
	padding: 1px 15px;
    margin: 0 5px 15px 5px;
}

ul#legend li a { font-weight: bold; color: #000; font-size:12px; }

.mec-event-grid-simple .mec-event-title { font-weight: 400; margin-top: 10px; font-size: 17px; }
.mec-event-grid-simple .mec-event-article:after { border:none; }

.mec-search-bar-wrap input#mec-search-bar-input {
    background: #0640e6;
    color: #fff;
    font-weight: 600;
    font-family: "Recoleta Alt", Sans-serif;
	text-transform: capitalize;
    font-size: 15px;
}

.mec-search-bar-wrap input#mec-search-bar-input:hover {
	background: #0030a8;
}


@media (min-width: 961px) {

	.home .mec-wrap .row {
	    display: flex;
	    justify-content: space-between;
	}

	.home .mec-wrap .col-md-4 {
	    width: 30%;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    background: #fff;
	    padding: 40px;
	    border-bottom: 4px solid #2F2980;
	}

	.home .mec-event-grid-simple .mec-event-article { margin: 0; }
}

.home .event-color { display: none; }

.mec-event-grid-simple .mec-event-title {
    font-weight: 600;
    margin-top: 10px;
    font-size: 20px;
    font-family: 'Recoleta Alt';
    text-transform: initial;
}

.mec-event-grid-simple .mec-event-title a { color: #0640e6; }

.mec-event-grid-minimal article .mec-fc-style, .mec-event-grid-simple article .mec-fc-style { font-family: 'Inter'; }

.mec-event-date.mec-color .mec-start-date-label { color: #2c7cf0; font-family: 'Recoleta Alt'; }


.mec-calendar-events-sec .mec-table-side-title .mec-color.mec-table-side-day {
	border: none;
    font-size: 16px;
}

.mec-event-label-captions {
	letter-spacing:0;
}



/* =MODERN EVENTS CALENDAR - SINGLE EVENT
----------------------------------------------- */

.mec-wrap .mec-single-title, .single-mec-events .mec-wrap.mec-no-access-error h1 {
	font-weight: 600;
    font-family: 'Recoleta Alt';
    font-size : 40px;
    text-align: center;
}

.mec-single-modern .mec-single-event-bar>div h3 {
	color: #0030a8;
    text-transform: initial;
	font-size: 18px;
    font-weight: 600;
}

.mec-single-modern .mec-single-event-bar>div dd {
    font-size: 14px;
    color: #1c2448;
}

.mec-single-event-location a { color: #1c2448; }
.mec-single-event-location a:hover { color: #0640e6; transition-duration: 0.3s; }

.mec-location-url a { font-style:italic; font-size: 12px;}


.mec-single-event-label {
	background: #fff;
    text-align: center;
    font-family: 'Recoleta Alt';
    font-weight: 600;
    font-size: 20px;
    padding: 0;
}

.mec-events-meta-group-tags {
    margin-top: 0;
    text-align: center;
}

.mec-events-meta-group-tags a {
	border-radius: 100px;
	border-color: #0640e6;
	color: #0640e6;
	transition-duration: 0.3s;
}

.mec-events-meta-group-tags a:hover {
	border-color: #0030a8;
	background: #0030a8;
	color: #fff;
	text-decoration: none;
	transition-duration: 0.3s;
}

.mec-single-event-description.mec-events-content strong { font-weight:600; }

.mec-event-content p {
    font-weight: 400;
    font-family: 'Inter';
    color: #00206a;
    font-size: 14px;
}

.mec-single-event .mec-booking-button,
.mec-wrap.colorskin-custom .mec-bg-color {
	border-radius: 100px;
    font-family: 'Recoleta Alt';
    font-weight: 600;
	max-width: 280px;
    padding: 0;
    height: auto;
    margin-bottom: 50px;
    background-color: #0640e6 !important;
}

.mec-events-button {
	border-radius: 100px;
    font-family: 'Recoleta Alt';
    font-weight: 600;
    background-color: #fff !important;
    color: #0640e6 !important;
    border: 1px solid #0640e6;
}

.mec-single-event .mec-booking-button:hover,
.mec-wrap.colorskin-custom .mec-bg-color:hover,
.mec-events-button:hover { 
	background-color: #0640e6 !important;
	border-color: #0640e6 !important;
    color: #fff !important;
}

.mec-single-event .mec-frontbox {
    margin-bottom: 30px;
    top: 30px;
    padding: 0;
    background: #fff;
    border: 0;
    box-shadow: none;
}

.mec-single-event-description.mec-events-content .mec-event-content { padding:0; }
.mec-single-event-description.mec-events-content { padding: 40px 0 20px 0; }


/* =MODERN EVENTS CALENDAR - LIST
----------------------------------------------- */

.mec-wrap .mec-event-date.mec-bg-color-hover.mec-color {
    color: #fff;
    background: #1e3fe2;   
}

.mec-event-grid-minimal .mec-event-date span { color: #fff; }

.mec-event-grid-minimal .mec-event-date {
    border: 1px solid #2d298e;
}

.widget .mec-event-title, .mec-event-grid-minimal .mec-event-title { font-weight: 700; }



/* =TABLEPRESS
----------------------------------------------- */

.tablepress {
	font-family: Inter, sans-serif;
	font-size: 14px;
	border: 1px solid #eee;
	border-radius: 5px;
	white-space: nowrap;
}

.tablepress .sorting:hover,
.tablepress .sorting_asc,
.tablepress .sorting_desc {
    background-color: #f9fafb;
	color: #00206a;
}

.tablepress td {
	line-height: 24px;
	word-break: keep-all;
	padding: 11px;
}

.tablepress th {
	background-color: #f9fafb;
	color: #00206a;
	text-transform: capitalize;
	line-height: 28px;
	border-block-start: none !important;
	word-break: keep-all;
	padding: 11px;
}

.tablepress thead .dt-orderable-asc:hover,
.tablepress thead .dt-orderable-desc:hover,
.tablepress thead .dt-ordering-asc,
.tablepress thead .dt-ordering-desc {
	background-color: #ededed;
}

.tablepress>*+tbody>*>*,
.tablepress>tbody>*~*>*,
.tablepress>tfoot>*>* {
    border-top: 0;
}

.tablepress>:where(tbody)>.even>* {
    background-color: #fff;
    color: #00206a;
}

.tablepress>:where(tbody)>.odd>* {
    color: #00206a;
    background-color: #fafafb;
}

.tablepress tbody tr:hover {
	background-color: #ddd;
}

.tablepress a {
	color: #00206a;
	text-decoration: none;
}

.tablepress .sorting:after {
    color: #ccc;
}

.tablepress-table-description {
	font-size: 12px;
	font-style: italic;
}


/* =FORM
----------------------------------------------- */
/*input[type="tel"],
select {
	padding: 1%;
	border: 1px solid #EAEAEA;
	line-height: 20px;
	width: 98%;
	margin: 0 0 30px;
	background-color: #F8F8F8;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}*/




/* =NAV
----------------------------------------------- */

header#site-header.transparent-header.sticky {
	position: fixed;
	top: 0;
	background: #fff !important;
	-webkit-box-shadow: 0px 4px 6px -1px rgba(102, 102, 102, 0.4);
	box-shadow: 0px 4px 6px -1px rgba(102, 102, 102, 0.4);
	transition-duration: .3s;
}

#mysticky-nav.wrapfixed ul li.menu-item ul.sub-menu a { color: #fff; }

body:not(.home) #site-logo a:before,
header#site-header.transparent-header.sticky #site-logo a:before {
    display: block;
    height: 60px;
    width: 350px;
    margin-right: 5px;
    content: "";
    background: url(https://www.ondinegenevoise.ch/wp-content/uploads/2024/03/ondine-logo-long-bleu-2024.png) no-repeat 0 0;
    background-size: 350px;
}

body:not(.home) #site-logo img,
header#site-header.transparent-header.sticky #site-logo img {
    display: none;
}

body.home header:not(.sticky) #site-navigation-wrap .dropdown-menu >li >a { color: #ffffff !important; }

body.home header:not(.sticky) #site-navigation-wrap .dropdown-menu >li >a,
body.home header:not(.sticky) .oceanwp-mobile-menu-icon a, #searchform-header-replace-close {
    color: #fff;
}

@media (max-width: 480px) {
	body.home #site-logo a:before {
    	display: block;
	    height: 40px;
	    width: 125px;
	    margin-right: 5px;
	    content: "";
	    background: url(https://www.ondinegenevoise.ch/wp-content/uploads/2024/03/ondine-logo-blanc-2024.png) no-repeat 0 0;
	    background-size: 125px;
	}

	#site-logo img { display: none; }

	header#site-header.transparent-header.sticky #site-logo a:before,
	body:not(.home) #site-logo a:before {
    	display: block;
	    height: 40px;
	    width: 125px;
	    margin-right: 5px;
	    content: "";
	    background: url(https://www.ondinegenevoise.ch/wp-content/uploads/2024/03/ondine-logo-bleu-2024.png) no-repeat 0 0;
	    background-size: 125px;
	}
}

/* =SIDEBAR
----------------------------------------------- 
.widget-title {
	text-transform: uppercase;
    font-size: 19px;
    font-weight: 600;
    padding-bottom: 5px;
    color: #313131;
    border-color: #ebebeb !important;
    border-bottom: 4px solid #ebebeb;
    width: 100%;
    display: block;
    padding-bottom: 10px;
    position: relative;
    border-left: 0;
    padding-left: 0;
    text-align: center;
}

.widget-title:before {
	border-bottom: 4px solid #2f2980;
    font-size: 6px;
    content: "";
    text-align: center;
    position: absolute;
    bottom: -4px;
    margin-left: -30px;
    left: 50%;
    width: 60px;
}

#right-sidebar .textwidget { text-align: center; }

#right-sidebar .textwidget a {
	font-size: 16px;
	font-weight: 600;
    text-transform: uppercase;
    font-style: italic;
    letter-spacing: 0.8px;
    color: #2f2980;
    display: inline-block;
}
*/


/* =STYLES DIVERS
----------------------------------------------- */
.expand-link a:after {
  display:block;
  content: '';
  transform: scaleX(1);  
  transition: transform 250ms ease-in-out;
  transform-origin:100% 50%;
  padding-top:7px;
}
.expand-link a:hover:after { 
  transform: scaleX(0);
  transform-origin:0 50%;
}

.bleu a:after { border-bottom: solid 1px #2f2980; }
.blanc a:after { border-bottom: solid 1px #fff; }