/* Define [1rem => 10px] */
html {
    font-size: 62.5%;
}

body.home main {
	padding-top: 0;
}

body.home #header.fixed {
	background: linear-gradient(63deg, #00335F 0%, #002A50 23.84%, #001934 69.76%, #000D21 100%), #021B34;
}

body:not(.home) main {
	/*padding-top: 175px;*/
}

body:not(.home) #header {
	background: linear-gradient(63deg, #00335F 0%, #002A50 23.84%, #001934 69.76%, #000D21 100%), #021B34;
}

body:not(.home) .post {
	/*padding-top: 175px;*/
}

/*body:not(.home) .page {
	padding-top: 175px;
}*/

body.single-formation .container {
	padding-top: 175px;
}

body.archive .container {
	/*padding-top: 175px;*/
}


.elementor-menu-anchor {
	top: -95px;
	position: relative;
}

/* Style global */



li {
	font-size: 18px!important;
	font-weight: 400!important;
	color: rgb(51, 51, 51)!important;
}

/* Menu poup */

#elementor-popup-modal-32190 {
	background-color: transparent!important;
}

.elementor-32190.elementor-location-popup {
	height: 100%!important;
}

/* Tooltip use it
https://www.w3schools.com/css/css_tooltip.asp

<div class="tooltip">Hover over me
  <span class="tooltiptext">Tooltip text</span>
</div>
*/

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 0px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 160px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  margin-bottom: 1rem;
	
  font-size: 1.4rem;
  padding: 2rem;
	
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
	
  bottom: 100%;
  left: 50%;
  margin-left: -80px; /* Use half of the width (120/2 = 60), to center the tooltip */
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}


/* Contact form */

.wp-block-columns {
    margin-bottom: 1rem;
}

.jet-form-builder__submit{
    color: #ffffff!important;
    float: left;
    border: 0.3rem solid #10426D;
    padding: 0.8rem 2.8rem!important;
    font-size: 1.8rem;
    font-weight: 500!important;
    background-color: #10426D;
    border-radius: 0.5rem;
}

.jet-form-builder__submit:hover{
	color: #ffffff!important;
    background-color: #000F25;
}



.jet-form-builder__label-text {
	display: flex;
    color: #10426D;
    font-size: 1.4rem;
    font-weight: 400;
    margin-bottom: 1rem;
}

.jet-form-builder__required {
	color: #000F25;
}

.jet-form-builder__field {
	border-radius: 0.5rem!important;
	border: 0!important;
	padding: 1.3rem 1.6rem!important;
    font-size: 1.6rem!important;
    border: 2px solid #ffffff!important;
}

.jet-form-builder__field:focus {
	border: 2px solid #000F25!important;
	outline: none!important;
}

.jet-form-builder__field.textarea-field {
	min-height: 160px;
}




.btn-file-attach-post {
  	padding: 1rem;
  	background-color: #10426D;
  	color: #ffffff!important;
    letter-spacing 0.1px;
  	border-radius: 5px;
}

.btn-file-attach-post:hover {
  	background-color: #000F25;
}