/*
Theme Name: TFFAWARDS RSVP
Theme URI: https://rsvp.fragrancefoundationawards.fr/
Author: Agence Alfred
Author URI: https://agence-alfred.com/
Description: AWARDS BOOKING PLATFORM
Version: 1.0
*/

@import url("https://use.typekit.net/yeq1edy.css");
@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap");

:root {
  --white: #fff;
  --black: #000;
  --primary: #1ddaef;
  --grey: #a5a5a5;
  --verylightgrey: #dddddd;
  --verylightprimary: #f5fdff;
  --lightgrey: #b2b2b2;
  --lightprimary: #9bacb1;
  --pastelprimary: #b5d2d9;
  --mediumgrey: #898989;
  --middlegrey: #6e6e6e;
  --mediumprimary: #008998;
  --darkgrey: #707070;
  --verydarkprimary: #1e2021;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-default: "Raleway", sans-serif;
  --radius-big: 2em;
}

section {
  overflow: hidden;
  padding: 3em 2em;
}

/* ===============
   PRIMARY
   =============== */

* {
  box-sizing: border-box;
}

body {
  font-family: var(--font-default);
  color: var(--black);
  font-size: 16px;
}

a {
  text-decoration: none;
  color: var(--primary);
}
.container {
  max-width: 990px;
}
@media screen and (min-width: 990px) {
  body {
    font-size: 16px;
  }
}

/* ==| Colors |== */

.verylightgrey {
  color: var(--verylightgrey);
}
.grey {
  color: var(--grey);
}

.darkgrey {
  color: var(--darkgrey);
}
.white {
  color: var(--white);
}
.black {
  color: var(--black);
}
.primary {
  color: var(--primary);
}

/* ==| Backgrounds |== */

.bg-black {
  background-color: var(--black);
}
.bg-verylightprimary {
  background-color: var(--verylightprimary);
}
.bg-lightprimary {
  background-color: var(--lightprimary);
}
.bg-grey {
  background-color: var(--grey);
}
.bg-darkgrey {
  background-color: var(--darkgrey);
}

.bg-darkprimary {
  background-color: var(--darkprimary);
}
.bg-white {
  background-color: var(--white);
}

.shadow {
  box-shadow: rgba(0, 0, 0, 0.16) 0 0 5px;
}

/* ==| Tables |== */

table {
  border-collapse: collapse;
  font-size: 0.85em;
  color: var(--darkprimary);
}
table tr:nth-child(even) {
  background-color: var(--verylightgrey);
}
table tr td {
  padding: 1em 0.5em;
  border: 0;
}
table thead tr th {
  text-align: left;
  padding: 1em 0.5em;
  color: var(--darkprimary);
}
table tbody tr td span {
  display: block;
}
/* ==| Lists |== */

.list-tick {
  list-style-type: none;
  padding-left: 0px;
}
.list-tick li {
  margin-bottom: 1.5em;
}
.list-tick li:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 20px;
  background-repeat: no-repeat;
  margin-right: 14px;
  vertical-align: middle;
}
.list-tick li {
  display: flex;
  align-items: flex-start;
}

.list-arrow {
  list-style-type: none;
  padding-left: 0px;
}
.list-arrow li {
  margin-bottom: 0.5em;
}
.list-arrow li:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 10px;
  background-size: 10px;
  background-repeat: no-repeat;
  margin-right: 7px;
  margin-top: 4px;
  vertical-align: middle;
  transition: all 0.1s ease-in-out;
}
.list-arrow li {
  display: flex;
  align-items: flex-start;
}
.list-arrow li:hover:before {
  transform: translateX(3px);
}

/* ==| Buttons_like |== */

.btn-wide {
  width: 100%;
}
.btn-link {
  width: 100%;
  padding: 0.75rem 0.5rem;
}
.btn-wide {
  width: 100%;
}
.btn img {
  vertical-align: middle;
  margin: 0 0.1em;
}
.btn-border {
  text-decoration: none;
  text-transform: uppercase;
  border: 1px solid var(--darkgrey);
}
.btn.active {
  background-color: var(--pastelprimary);
  color: var(--verylightprimary);
}

/* ==| Forms |== */

form:not(.tribe-events-c-search)
  input:not([type="submit"]):not([type="button"]):not([type="reset"]):not(
    [type="checkbox"]
  ),
textarea {
  border: 0;

  margin: .5em 0;
  padding: 0.7em;
  width: 100%;
  border: 1px solid var(--black);
  resize: vertical;
}
form:not(.tribe-events-c-search)
  input:not([type="submit"]):not([type="button"]):not(
    [type="reset"]
  ):focus-visible,
textarea:focus-visible {
  outline: none;
}
form .block-double-text input:first-child {
  width: 40%;
  margin-right: 2em;
}
form input[type="submit"] {
  margin-top: 1em;
  border: 0;
  color: var(--white);
  padding: 1em 2em;
  background-color: var(--black);
  font-family: var(--font-default);
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  width: 100%;
}
form,
select,
select option {
  max-width: 100%;
  width: auto;
}
select {
  display: inline;
}
option {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* Alert form */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  border-color: var(--mediumprimary);
  color: var(--pastelprimary);
}

.gfield--type-multi_choice{
  margin-top:2em;
}
.gfield_checkbox > *{
  margin:0.5em 0;
}
/* ==| Section |== */

.section-title {
  font-size: 1.2em;
  margin: 1.5em 0;
  font-weight: 600;
  letter-spacing: 5px;
  text-transform: uppercase;
}
.section-title.title-lower {
  padding: 5em 0 2em;
}
.section-title .social-link {
  color: var(--black);
}
.section-header {
  text-align: center;
}
.section-map {
  padding: 3em 0;
}
.section-map iframe {
  width: -webkit-fill-available;
  height: 444px;
}
.cta-section {
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
}
.cta-section .item-title {
  font-size: 2em;
  font-weight: 900;
}
.cta-section .item-subtitle {
  font-size: 1.2em;
  margin-top: 2em;
  opacity: 0.8;
  font-style: italic;
}

.tetiere {
  color: var(--verydarkprimary);
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1.2rem;
  margin: 0.5em 2em;
  letter-spacing: 4px;
}
.bg-black .tetiere {
  color: #fff;
}
.item-cross {
  position: relative;
}
.cross-vertic {
  position: absolute;
  height: 0;
  width: 20px;
  top: 9px;
  border: 0.5px solid var(--primary);
}
.cross-horiz {
  position: absolute;
  height: 20px;
  width: 0;
  left: 9px;
  border: 0.5px solid var(--primary);
}
@media screen and (min-width: 768px) {
  .cta-section {
    background-size: 300%;
  }
}
@media screen and (min-width: 991px) {
  .cta-section {
    background-size: cover;
    padding: 9em 1em;
  }
  .cta-section .container {
    max-width: 1280px;
  }
  .section-title.title-lower {
    padding: 2em 0 2em;
  }
}

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

.mast-head {
  padding: 0 1em;
}

.mast-head.absolute {
  position: absolute;
}

.mast-head.absolute + main {
  margin-top: 100px;
}

.mast-head .main-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.mast-head .main-nav > ul > li {
  display: inline-block;
}

.mast-head .main-nav > ul {
  display: none;
  padding-left: 0;
}

.menu-collapse .main-nav {
  flex-wrap: wrap !important;
}

.menu-collapse .main-nav > ul {
  order: 3;
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-basis: 100%;
}
.menu-collapse .main-nav > ul li {
  padding: 1em 0;
}

.mast-head .hamburger {
  display: block;
}
.mast-head .main-nav > ul > li a {
  color: var(--main_primary_dark);
  margin: 0 1em;
  font-weight: 500;
  font-size: 0.9em;
}
@media screen and (min-width: 992px) {
  .mast-head .main-nav {
    position: relative;
    align-items: flex-end;
  }
  .mast-head {
    padding: 0 2em;
    position: relative;
  }
  .mast-head .main-nav > ul {
    display: block;
    margin: 0;
    position: relative;
  }
  .mast-head .main-nav > ul li {
    align-items: center;
    height: 100%;
    padding: 1em 0;
  }
  .mast-head .main-nav > ul > li.menu-item-has-children > a:after {
    display: inline-block;
    position: relative;
    margin-left: 0.4em;
    content: "";
    width: 8px;
    height: 8px;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 1;
  }
  .main-nav > ul li:hover a {
  }
  .mast-head .hamburger {
    display: none;
  }
  .menu-collapse .main-nav {
    flex-wrap: nowrap !important;
  }
  .menu-collapse .main-nav > ul {
    flex-basis: auto;
  }
  .mast-head .main-nav > ul > li > ul {
    margin-top: 15px;
    padding: 0 !important;
  }
  .mast-head .main-nav > ul > li > ul.sub-menu > * {
  }
  .mast-head .main-nav > ul > li > ul.sub-menu > * a {
    display: block;
    width: 100%;
    padding: 0.8em 2em;
    height: 100%;
  }
  .mast-head .main-nav > ul > li > ul.sub-menu > *:not(:last-child) {
    border-bottom: 1px solid #ececec;
  }
  .mast-head .main-nav > ul > li > ul.sub-menu > *:hover {
    background-color: var(--pastelprimary);
  }
  .mast-head .main-nav > ul > li > ul.sub-menu > *:hover a {
    color: var(--mediumprimary);
  }
}

.mast-head .main-nav > ul > li > ul {
  position: absolute;

  background: var(--white);
  list-style-type: none;
  padding: 1em;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.16) 0 0 6px;
}
.mast-head .main-nav > ul > li > ul.sub-menu {
  display: none;
  top: 35px;
}
.mast-head .main-nav > ul > li > ul.sub-menu ul.sub-menu {
  display: block;
  list-style-type: none;
  padding-left: 0;
  position: absolute;
  right: -125px;
  background: white;
  display: none;
}
.mast-head .main-nav > ul > li > ul.sub-menu > * {
  flex: 1;
}
.mast-head .main-nav ul li:hover ul.sub-menu {
  display: flex;
  flex-direction: column;
  z-index: 2;
}
.mast-head .main-nav ul ul li {
  padding: 0.75em 0;
}

.mast-head .main-nav > ul li:hover ul {
  display: block;
  z-index: 1;
}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before,
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
  background-color: var(--main_primary_dark);
}

/* ===============
   HEADER
   =============== */
.mast-foot .main-foot .footer-bottom {
  width: 100%;
}

/* ===============
   LAYOUT
   =============== */
.layout{
  min-height: 91dvh;
}
.layout-3-col,
.layout-2-col {
  margin-bottom: 3em;
}
@media screen and (min-width: 990px) {
  .layout-3-col {
    display: grid;
    grid-template-columns: 3fr 6fr 3fr;
    column-gap: 30px;
  }
  .layout-2-col {
    display: grid;
    grid-template-columns: 3fr 9fr;
    column-gap: 30px;
  }
  .layout-2-col-blog {
    display: grid;
    grid-template-columns: 9fr 3fr;
    column-gap: 30px;
  }
  .layout-archive {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 30px;
  }
}

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

.nav-wrapper img:first-child {
  margin: 2em auto;
  max-width: 90%;
}

.page-content {
  margin-bottom: 2em;
  margin: 3em auto;
}
.page-title {
  color: var(--black);
  font-size: 1.7em;
}
.page-subtitle {
  color: var(--green);
  font-weight: 500;
  margin-bottom: 2em;
}

.page-content h2 {
  font-size: 1em;
}

.page-content h3 {
  color: var(--darkprimary);
  font-weight: 600;
  font-size: 1.1em;
  margin-top: 2em;
}

.page-content h4 {
  color: var(--darkprimary);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.9em;
}

.page-content a {
  color: var(--green);
  text-decoration: underline;
}

.page-content ul {
  list-style-type: none;
  padding: 0;
}

@media screen and (min-width: 990px) {
  .page-title {
    font-size: 2.25em;
  }
  .page-content h2:not(.gform_submission_error) {
    font-size: 1.5em;
  }
  .page-content h3 {
    font-size: 1.1em;
  }
}

/* SINGLE */

.article-title {
  color: var(--darkprimary);
  font-size: 1.7em;
  margin-top: 1.5em;
}

/* FORM */

.gfield--type-form{
  padding:2em 1em !important;
  border:1px solid #000;
  margin-bottom:2em;
}
.gf_login_links{
  padding-top: 1.5em;
}
.gform-body.gform_body .gfield_label.gform-field-label {
  font-family: var(--font-default);
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
  line-height: 100%;
  color: var(--black);
}
.tingle-modal-box__content .gform-body.gform_body .gfield_label {
  display: none;
}
.gform-body.gform_body fieldset {
  border: 0;
  padding: 0;
  margin-left:0;
  margin-right:0;
}
.gform-body.gform_body .gfield--type-consent .gfield_label.gform-field-label {
  display: none;
}
.gform-body.gform_body .gpnf-nested-entries-container {
  padding-top: 1.5em;
}
.gform-body.gform_body .gpnf-nested-entries {
  border: transparent;
  border-radius: 0;
  min-width: min(100%, 800px);
  border-spacing: 0;
  border-collapse: separate;
}
.gform-body.gform_body .gpnf-nested-entries th {
  width: 965px;
  height: 45px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-width: 1px 0px 1px 0px;

  border-style: solid;

  border-color: var(--black);
  background-color: rgba(0, 0, 0, 0);
}
.gform-body.gform_body .gfield:nth-child(n + 4):not(.gfield--type-consent) {
  padding: 3.5em 0 0 0;
}
.gfield--type-hidden{
  padding:0 !important;
}
.gform-body.gform_body .gpnf-add-entry {
  border: 1px solid var(--black);
  background-color: transparent;
  gap: 10px;
  padding: 10px;
}
.gform-footer.gform_footer.top_label {
  display: flex;
  margin-top: 1em;
  padding: 1em 0.5em;
  gap: 0.5em;
  justify-content: flex-end;
}
.page-id-56 form input[type="submit"] {
  width: 30%;
}
.gform_save_link.gform-theme-button.gform-theme-button--secondary.button {
  background-color: transparent;
  color: var(--black);
  margin-top: 1em;
  padding: 1em 2em;
  max-width: max-content;
  width: auto;
}
.gform_save_link.gform-theme-button.gform-theme-button--secondary.button svg {
  display: none;
}

.tingle-modal-box .tingle-modal-box__content {
  border-radius: 30px;
}
.gpnf-modal .gpnf-modal-header {
  margin: -3rem -3rem 0rem !important;
  color: var(--black) !important;
  background-color: var(--white) !important;
  border-radius: 30px 30px 0 0 !important;
  font-size: 1.5rem !important;
  font-weight: 700;
}

.tingle-modal-box__content .gform-body.gform_body fieldset:not(:first-child),
.tingle-modal-box__content .gform-body.gform_body #field_2_8 {
  padding: 1em 0 0 0 !important;
}
.tingle-modal-box__content
  .gform-body.gform_body
  fieldset:not(:first-child)
  .gfield_label.gform-field-label.gfield_label_before_complex,
.tingle-modal-box__content
  .gform-body.gform_body
  #field_2_8
  .gfield_label.gform-field-label {
  display: block;
}

.tingle-modal--visible .tingle-modal-box__footer {
  background-color: transparent;
}
.tingle-btn.tingle-btn--default.gpnf-btn-cancel {
  border: 1px solid var(--black);
  background-color: transparent;
  color: var(--black);
  border-radius: 0;
}
.tingle-btn.tingle-btn--primary.gpnf-btn-submit {
  border: 0;
  border-radius: 0;
  background-color: var(--black);
  color: var(--white);
}

.gfield_validation_message{
  color:rgb(174, 10, 10);
  margin:.5em 0;
}
.gfield_error input{
  border-color:rgb(174, 10, 10) !important;
  background-color:#ffecec  !important;
}
.gfield_error input::placeholder{
  color:rgb(174, 10, 10);
}
.gpnf-row-actions .delete a, .gpnf-row-actions .delete-button {
  color: #000 !important;
}
.gpnf-no-entries td span {
  display:inline !important;
}
/* HOME FORM */
.home .page-content {
  border: 1px solid var(--black);
  max-width: 40%;
  width: auto;
  margin-bottom: 2em;
  padding: 2em 1em;
  margin: 3em auto;
}
.home .gfield_label {
  display: none;
}