:root
{
	--font-style-normal: normal;

	--font-weight-light: 300;
	--font-weight-normal: 400;
	--font-weight-medium: 500;

	--color-dark-grey: #615f5f;
    --color-second-grey:#798E9A;
	--color-darker-grey: #3d4547;

	
	--color-main: #3d4547;
	--color-second: #3d4547;
	--color-second-light: #f1f2f5;


	--color-button-primary: #A71F2D;
	--color-button-secondary: #3d4547;
	--color-button-hover: #7C0e17;

	--color-green: #1f8e1a;
	--color-blue: #0d447b;
	--color-red: #A71F2D;
	--color-light-blue: #8bb6d1;

	--color-children-quantity: #3d4547;
	
	--color-card-header: #3d4547;
	--color-disable-button : #A8A8A8;


	--font-size-12: 12px;
	--font-size-14: 14px;
	--font-size-16: 16px;
	--font-size-18: 18px;
	--font-size-20: 20px;
	--font-size-25: 25px;
	--font-size-45: 45px;

	--line-spacing-14: 14px;
	--line-spacing-19: 19px;
	--line-spacing-20: 20px;
	--line-spacing-28: 28px;
	--line-spacing-55: 55px;

	--theme-font-family-light: "linotype-tradegothiclt-regular";
	--theme-font-family-medium: "linotype-tradegothiclt-regular";
	--theme-font-family: "linotype-tradegothiclt-regular";
	--theme-font-family-bold: "linotype-tradegothiclt-bold";

	--character-spacing-0: 0px;



/* Display block */
	--page-header: flex; /* flex *//*For all exept process*/
	
	--card-image-title-header: block; /*block*/ /*For home page*/
	--back-button-header:  none; /*block*/ /*For create and send card*/
	--display-type-header:  column-reverse; /**column-reverse for homepage and row for other */ /**used only for mobile view*/

	--display-card: none; /* block *//*For create and send card*/
  	--reservation-block:  block; /*block*/ /*For home, create, send*/
  	--footer-links:  block; /*block*/ /*For all exept process*/

  
	--home-page: flex; /* flex */
	--create-card: none; /* block */
	--send-card: none; /* block */
	--send-all-cards-to-one-mail: none; /*block*/
	--process-card: none; /* block */
	--process-card-processing: none; /* block */
	--process-card-fail: none; /* block */
	--newsletter: none; /* block */ /* always block for newsletter views */
	--newsletter-subscribing: none; /* block */
	--newsletter-subscribing-done: none; /* block */

	--payment-page : none; /* block */
	--extend-card: none; /* block */
	--cards-will-expire: none; /* block */
	--cards-have-expired: none; /* block */
	
	--modal-more-info:  none; /*block*/
	--modal-help:  none; /*block*/

	--children-management-count:  none; /*flex*/
	--children-management-info:  none; /*flex*/

	--mobile-direction-lang-back-button: column-reverse;
	--align-lang-back-button: flex-start;

}


/* IMPORT FROM JB Godard */
@font-face {
    font-family: 'Euclid Flex';
    src: url('https://rddm.ch/font/EuclidFlex-Bold.woff2') format('woff2'),
        url('https://rddm.ch/font/EuclidFlex-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: 'TradeGothic';
  src: url('https://rddm.ch/font/TradeGothicLTStd.woff') format('woff'),
  src: url('https://rddm.ch/font/TradeGothicLTStd.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'TradeGothic Bold';
  src: url('https://rddm.ch/font/TradeGothicLTStd-Bold.woff') format('woff'),
  src: url('https://rddm.ch/font/TradeGothicLTStd-Bold.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}


.header-title-desktop, .header-title, h1, .traveler-text {
    color: var(--color-main);
    font-family: 'Euclid Flex';
}

.left-body-panel-desc, .header-title, #available-card-text, #translation_your_reservation, .title-checkspam, #translation_your_reservation, .children-text, .traveler-text, #content-create-card, .reservation-item p, .send-card-to-name {
color:var(--color-darker-grey);
}

.send-card-to {
    color: var(--color-second-grey);
}

h2, #translation_title_home_page, #available-card-text, .children-text, .traveler-text {
    font-size: 20px;
}

h1 {
    font-size: 24px;
}

h3 {
    font-size: 18px;
}

.breadcrumb_step p {
  font-family: 'linotype-tradegothiclt-bold';
  color: var(--color-second-grey);
}

.menu-lang-button .menu-lang-content {
  box-shadow: 0px 5px 10px #8080804f;
}

#translation_title_home_page {
    color: var(--color-button-primary);
    margin-bottom: 10px;
}

#available-card-quantity {
  background-color: #e0e2e7;
  padding: 5px;
  border-radius: 10px;
  font-size: 20px;
}

.action-button:hover, .enabled-action-button:hover {
  color:#fff;
  background-color: var(--color-button-hover) !important;
  border-color:var(--color-button-hover);
}

.reservation-item p {
  font-size: 18px;
}


#add-more-card-button {
    font-family: 'linotype-tradegothiclt-bold';
    /* color: var(--color-button-primary); */
    cursor: pointer;
}

#add-more-card-button:hover {
    color: var(--color-button-hover); */
}

.reservation-element {
    width: 60vw;
    padding-bottom: 50px;
}

.content-card { 
  padding-top: 30px;
}

#segmentation-management::after {
    content: "";
    font-size: 2rem;
    right: 10%;
    background-image: url(https://rddm.ch/illiezcard/email/fleche-dropdown-grey.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    bottom: 27px;
    transform-origin: center;
    transform: rotate(90deg);
}

.create-card-guest-body {
  padding: 20px 0;
}

#traveler-segmentation {
  margin-left: 0 !important;
}

input[type='radio'] {
  border-color: var(--color-second-grey);
}

#back-button a span {
 padding-left: 6px;
}

.send-all-guest-card-to-one-mail h2, .title-send-card-individually {
    font-size: 18px;
}

#discover-resort-pass-button:hover {
    background-color: #3d4547 !important;
    color: white;
}

#newsletter-box {
    background-color: white;
    box-shadow: 0px 5px 10px #8080804f;
}

#mail-subscribe {
  border: 2px solid #dddddd;

}

.enabled-action-button#subscribe-newsletter-button {
    background-color: var(--color-button-primary);
    color: white;
}

#translation_checkbox_newsletter_subtext {
    font-size: 14px;
}

.title-process-card-guest {
  margin-top:50px;
}

.process-left-body-panel p {
  font-size:16px;
}

@media (max-width: 800px) {
    .header-title {
        font-size: 24px;
        line-height: 28px;
    }

    .lang-card {
      width:100%;
    }

    .body-content {
        padding-top: 20px;
    }

    #available-card-management {
      justify-content: flex-start;
    }

    #available-card-quantity {
      margin-left: 20px;
    }

    #available-card-management {
      margin-top: 20px;
  }

    .reservation-element {
      width: 85vw;
  }
  h1, #translation_traveler_type {
    font-size: 22px;
  }
  #content-create-card h2 {
    margin: 20px 0;
  }

  #newsletter-header, #newsletter-right-image {
        margin-top: 40px;
    }
  #newsletter-box-inner {
      padding: 40px 20px;
  }
}