/**
 * Theme Name: Probe Style
 * Template:   hello-elementor
 */
:root {
  --pb-cont-padding: 3vw;
  --pb-inner-cont-padding: 3vw;
}
@media (width >= 1024px) {}
@media (767px <= width < 1024px) {}
@media (width < 767px) {
  :root {
  --pb-inner-cont-padding: 0vw;
  }
	/* mise en forme du menu burger sur mobile */
	li.menu-item {
		text-align: center;
	}
	li.menu-item:last-of-type a.hfe-menu-item {
		color: #F9F9F7!important;
		background-color: #F74A16!important;
		border: 1px solid;
		border-radius: 9px;
		width: 8em;
        margin-left: calc(50% - 4em);
		padding-left: 0!important;
		background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='22px' fill='%23F9F9F7' viewBox='0 0 16 16'><path d='M14 2.5a.5.5 0 0 0-.5-.5h-6a.5.5 0 0 0 0 1h4.793L2.146 13.146a.5.5 0 0 0 .708.708L13 3.707V8.5a.5.5 0 0 0 1 0z'/></svg>");
  	  	background-position: 6.4em center;
  	  	background-repeat: no-repeat;
	}
	li.menu-item:last-of-type a.hfe-menu-item:hover {
		color: #F74A16!important;
		background-color: #F9F9F7!important;
		border-color: #F74A16;
	}
}
/* hide items of menu which overflow on the right */
ul.hfe-nav-menu li.hfe-creative-menu a.hfe-menu-item {     display: none; }
/* unhide items when menu is active */
.menu-is-active ul.hfe-nav-menu li.hfe-creative-menu a.hfe-menu-item {  display: inherit }

/* force default font for formidable form messages*/
body.elementor-page {
 font-family: Poppins;
}
/* augmenter le gras des titres */
h2.elementor-heading-title b {
  font-weight: 700;
}
/* aérer les liste à puce */
.elementor-widget-text-editor ul li {
  padding-bottom: 0.5em;
}
/* cacher recaptcha */
.grecaptcha-badge {
  visibility: hidden;
}

#form_probe-contact-form button[type="submit"] {
  background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='18' viewBox='0 0 16 16'%3E%3Cpath stroke-width='0' fill='rgb(249,249,247)' d='M14 2.5a.5.5 0 0 0-.5-.5h-6a.5.5 0 0 0 0 1h4.793L2.146 13.146a.5.5 0 0 0 .708.708L13 3.707V8.5a.5.5 0 0 0 1 0z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
}
/* FAB Button */
/*
<div class="pb-fab-cont" id="back_topm" onclick="topFunction()">
  <a class="pb-fab" href="#">
    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#F9f9f7" viewBox="0 0 16 16">
      <path d="M7.75 14a.5.5 0 0 0 1 0V3l3.4 3.4a.5.5 0 0 0 .707-.707L8.604 1.44a.5.5 0 0 0-.707 0L3.644 5.693a.5.5 0 0 0 .707.707l3.4-3.4v11"/></svg>
  </a>
</div>
.pb-fab-cont {
  position: fixed;
  top: calc(100vh - 90px);
  left: calc(100vw - 60px);
  z-index: 999;
}
.pb-fab {
  width: 40px;
  height: 40px;
  background-color: #F74A16;
  border-radius: 100%;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}
.pb-fab svg {
  zoom: 140%;
}
*/
/* from https://thebizpixie.com/article/display-external-url-in-popup-modal-wordpress/ */
 /* The Modal (background) */
.modal__container {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal__content {
  background-color: #FFF;
  margin: clamp(1vh, 5vh, 10vh) auto; /* 10% from the top and centered */
  padding: clamp(2rem, 2.5rem, 3rem) clamp(2rem, 3rem, 4rem);
  border: 0px solid #888;
  border-radius: 0.5rem;
  width: 50vw; /* Could be more or less, depending on screen size */
  min-width: 25rem;
  max-width: 50rem;
  height: fit-content;
}
.modal__header{
   display: block;
}
.modal__heading{
    padding-top: 0.4rem !important;
    padding-bottom: 1rem !important;
    padding-left: 0.5rem;
}
.modal__content iframe{
    border: none;
    height: 63rem;
}

/* The Close Button */
.modal__close {
  color: #aaa;
  float: right;
  font-size: 32px;
  line-height: 36px;
  font-weight: bold;
}

.modal__close:hover,
.modal__close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}