/*
Theme Name: Hello Elementor child
Template: hello-elementor
*/

/* VARIABLES 
    --e-global-color-primary: #064274;
    --e-global-color-secondary: #FFFFFF;
    --e-global-color-text: #000000;
    --e-global-color-accent: #666666;
    --e-global-color-6ab6408: #666666;
    --e-global-color-f769d21: #F5F5F5;
    --e-global-color-5e8a391: #D9D9D9;
    */

/* ---- GÉNÉRAL ---- */

a.elementor-button span.elementor-button-text{
	cursor: pointer;
}

body:not(.home) main{
	margin-top: 50px;
}
/* ---- CHAMPS ACF ---- */
.shortcode-hn{
    margin: 0 auto;
}

.shortcode-hn h2.hero-title-h2{
	color: var(--e-global-color-secondary);
	font-size: 21px;
	text-transform: initial;
	font-style: italic;
	margin-left: -2.5%;
}


.header-img{
    filter: grayscale(10%);
    display:block;
}

/* ---- HEADER ---- */
#header-nav nav{
    border-left: 1px solid var(--e-global-color-accent);
}

#header-nav li.elementor-widget-button::after {
  content: '';
  display: inline-block;
  background: url('/wp-content/themes/hello-elementor-child/img/arrow_grey.svg') no-repeat center;
  background-size: contain;
  vertical-align: middle;
  width: 45px;
  height: 40px;
  margin-bottom: 5px;
  margin-left: -15px;
}

#header-nav li.elementor-widget-button:hover::after {
  transform: translateX(10px);
  transition: transform 0.1s ease;
}

#header-nav li.inscription > div > a{
	pointer-events: none;
}


/* ---- SECTION ---- */

/* Inscription */
section#inscription [type="button"],
section#inscription [type="submit"],
section#inscription button{
    border: 1px solid var(--e-global-color-6ab6408) !important;
    border-radius: 10px;
    width: 300px;
    text-transform: uppercase;
}

section#inscription form p{
    margin-bottom: 20px;
}

section#inscription form p label{
    width: 100%;
}

section#inscription form input,
section#inscription form select,
section#inscription form textarea{
    margin-top: 10px;
    border: 1px solid var(--e-global-color-5e8a391);
    border-radius: 10px;
}

section#inscription form select{
    background: transparent;
}

.elementor-element-c0fdb6b,
.border-hr hr{
	border: none;
}


/* Résultats - select catégorie */
#results-jump select{
	background: #fff;
}

.back-to-top{
	position: fixed;
	right: 16px;
	bottom: 16px;
    z-index: 9999;
}

@media (max-width: 768px){ 
	.back-to-top{ 
		right:12px; 
		bottom:12px;
	}
}

/* ---- FOOTER ---- */
#footer a.hfe-menu-item,
#footer a.hfe-menu-item:hover,
#footer .link-in-editor a,
#footer .link-in-editor a:hover{
	color: var(--e-global-color-secondary) !important;
}

#footer a.hfe-menu-item:hover,
#footer .link-in-editor a:hover{
	text-decoration:underline;
}

#footer a.hfe-menu-item{
    padding-left: 0;
}

@media screen and (min-width: 1025px){
	
	body:not(.home, .page-id-822) .elementor-element-4a57c25.shortcode-hn h1{
		font-size: 70px;
	}
	
	body.page-id-822 .elementor-element-4a57c25.shortcode-hn h1{
		font-size: 57px;
	}
	
	.shortcode-hn h2.hero-title-h2{
		font-size: 21px;
	}
	
	/*.shortcode-hn:not(#shortcode-h2) .elementor-shortcode{
		position: relative;
		left: -20%;
	}*/
}


@media screen and (max-width: 1024px){
    section#inscription form > p,
    section#inscription form .two-selects{
        margin-left: auto;
        margin-right: auto;
    }

    section#inscription form > p:last-of-type{
        text-align: center;
    }
}

@media screen and (min-width: 768px){

    section#inscription form .two-selects{
      display: flex;
      gap: 20px;
    }

    section#inscription form .two-selects p {
      flex: 1;
    }

    section#inscription form > p,
    section#inscription form .two-selects{
        width: 80%;
    }

}

@media screen and (max-width: 767px){
	
	.shortcode-hn h2.hero-title-h2{
		font-size: 16px;
		margin-left: 4.5%;	
	}

	
    #header-nav ul{
        flex-direction: column;
    }
	
	body:not(.home) main{
		margin-top: 25px;
	}

	#results h2 br{
		display: none;
	}
	
	.svg svg{
		height: 125px;
		width: 125px;
	}
	
	table{
  		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap;
		width: 100%;
	}
}