/*
Theme Name: dgtl+
Theme URI: https://dgtl.plus
Description: This is a child theme of dgtl.plus web development structure 2021
Author: dgtl+
Author URI: https://dgtl.plus
Template: generatepress
Text domain: 'pop-fr'
Version: 0.1
*/

/*     @import url("../generatepress/style.css"); */
    @import url("./css/desktop-1-54.css") screen and (min-width: 769px);
    @import url("./css/mobile-1-54.css") screen and (max-width: 768px);


:root {
  --terre: #a1a799;
  --eau: #8495a2;
  --route: #658080;
  --beige: #edebe3;
  --marine: #2e425a;
  --dg: #2e433b;
  --lg: #f4f4f4;
  --blk: #000000;
}

/*
============================================================================================================
   *     COLORS 
   *
   *     terre          #a1a799
   *     eau            #8495a2
   *     route          #658080
   *     marine         #2e425a
   *     beige          #edebe3
   *     light grey     #e4eae7
   *     dark green     #2e433b
============================================================================================================
*/

.yoga-color {
  color: var(--terre);
}

.yoga-bg-color {
  background-color: var(--terre);
}

.sup-color {
  color: var(--eau);
}

.sup-bg-color {
  background-color: var(--eau);
}

.retraite-color {
  color: var(--route);
}

.retraite-bg-color {
  background-color: var(--route);
}

.about-color {
  color: var(--dg);
}

.about-bg-color {
  background-color: var(--dg);
}

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

/* Make sure no page height is below full screen */
#content {
  min-height: 90vh;
}

.lt {
  color: white;
}

.blk {
  color: black;
}

.box-shadow {
  box-shadow: 2px 2px 3px 1px RGBA(0,0,0,0.05);
}

.text-shadow {
/*   box-shadow: 2px 2px 3px 1px RGBA(0,0,0,0.05); */
}

.grecaptcha-badge {
  display: none;
}

.background-image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  opacity: 80%;
}


/*
============================================================================================================
  FONTS
============================================================================================================
*/

    @font-face { 
    font-family: AltoPro-Bold; 
    src: url('/wp-content/themes/dgtl-child/fonts/AltoPro-Bold.otf'); 
    font-weight: normal; 
    }

    @font-face { 
    font-family: AltoPro-Light; 
    src: url('/wp-content/themes/dgtl-child/fonts/AltoPro-Light.otf'); 
    font-weight: normal; 
    }

    @font-face { 
    font-family: Moonstone-Regular; 
    src: url('/wp-content/themes/dgtl-child/fonts/Moonstone-Regular.otf'); 
    font-weight: normal; 
    }

    @font-face { 
    font-family: CrimsonText-Regular;
    src: url('/wp-content/themes/dgtl-child/fonts/CrimsonText-Regular.ttf'); 
    font-weight: normal; 
    }


/*
============================================================================================================
  TYPOGRAPHY
============================================================================================================
*/

    p {
      margin: 0;
      padding: 0;
      font-family: "AltoPro-Light", Arial, sans-serif;
    }

    h1, h2, h3, h4, h5, h6 {
      margin: 0;
      padding: 0;
      letter-spacing: 1px;
      font-family: "CrimsonText-Regular", Arial, sans-serif;
      color: black;
    }

    h3 {text-transform: uppercase;}
    h4 {text-transform: uppercase;}

    .alto-bold {
      font-family: "AltoPro-Bold", Arial, sans-serif;
    }
    .alto-light {
      font-family: "AltoPro-Light", Arial, sans-serif;
    }
    .moonstone {
      font-family: "Moonstone-Regular", Arial, sans-serif; 
    }
    .crimson {
      font-family: "CrimsonText-Regular", Arial, sans-serif;
    }

/*
============================================================================================================
  BUTTONS
============================================================================================================
*/

    .buttons_container > a {
      margin: 0 12px;
    }

    button {
      transition: all .3s ease-in-out;
    }

/* *   
   *
   * -- > GHOST
   *
   * */

    .ghost_btn, .primary_btn, #custom-sections .layout_1 .content a, #custom-sections .layout_2 .content a {
      display: inline-block;
      background-color: transparent;
      padding: 0 1px;
      border-top: none;
      border-right: none;
      border-left: none;
      color: black;
      transition: .5s all ease-in-out;
      font-size: 1rem;
      font-weight: bold;
      text-transform: uppercase;
      text-decoration: underline;
      letter-spacing: 1px;
      line-height: 1.1em;
    }

    .ghost_btn.lt, .primary_btn.lt {
      color: white;
    }

    .ghost_btn:hover, .primary_btn:hover, #custom-sections .layout_1 .content a:hover, #custom-sections .layout_2 .content a:hover {
      color: black;
      background-color: transparent;
      transition: .5s all ease-in-out;
      opacity: .4;
    }

    .ghost_btn.lt:hover, .primary_btn.lt:hover {
      color: white;
    }

/* *   
   *
   * -- > ADD TO CART
   *
   * */

    .single_add_to_cart_button {
      display: inline-block;
      background-color: var(--purple);
      padding: 15px 32px;
      border: none;
      color: white;
      transition: .5s all ease-in-out;
    }

    .single_add_to_cart_button:hover {
      transition: .5s all ease-in-out;
      background-color: var(--red);
      color: white;
    }

/* *   
   *
   * -- > SPECIAL
   *
   * */

    .special_btn {
      display: inline-block;
      background-color: transparent;
      padding: 12px 0px 0px;
      margin: 0px 24px;
      border: none;
      color: black;
      transition: .5s all ease-in-out;
      font-family: CrimsonText-Regular;
      font-size: 2rem;
      font-weight: bold;
      text-transform: uppercase;
      text-decoration: underline;
      letter-spacing: 1px;
    }

    .special_btn.lt, #custom-sections .content.lt a {
      color: white;
    }

    .special_btn:hover {
      color: black;
      background-color: transparent;
      transition: .5s all ease-in-out;
      opacity: .4;
    }

    .special_btn.lt:hover, #custom-sections .content.lt a:hover {
      color: white;
    }

    .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
      transition: all .3s ease-in-out;
    }

    .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
      background-color: var(--lg);
      opacity: .8;
      color: black;
    }

    .woocommerce div.product form.cart .button {
      float: none;
    }

	  .woocommerce div.product form.cart div.quantity { float: none; display: flex; }

    .pisol_buy_now_button {
      width: auto!important;
      padding: 10px 20px!important;
      line-height: inherit;
    }

    .pisol_buy_now_button:hover {
      transition: all .3s ease-in-out;
      opacity: .4;
    }

/*
============================================================================================================
  INPUTS
============================================================================================================
*/


/* *   
   *
   * -- > TEXT / EMAIL / PHONE
   *
   * */

    input[type="text"], input[type="email"], textarea {
      border: solid 3px black;
      color: black;
      padding: 12px 24px;
      background-color: transparent;
    }
    input[type="text"]::placeholder, input[type="email"]::placeholder, textarea::placeholder {
      color: black;
      opacity: .8;
    }
    input[type="text"]:focus::placeholder, input[type="email"]:focus::placeholder, textarea:focus::placeholder {
      color: black;
      opacity: .5;
    }
    input[type="text"]:focus, input[type="email"]:focus, textarea:focus {
      color: black;
      opacity: 1;
      border-color: black;
    }

/* *   
   *
   * -- > NUMBER
   *
   * */


/* *   
   *
   * -- > RADIO
   *
   * */


/*
============================================================================================================
  SPACING
============================================================================================================
*/

    .hs {padding: var(--hs) ;}
    .rs {padding: var(--rs) ;}
    .ds {padding: var(--ds) ;}

    .hst {padding-top: var(--hs) ;}
    .rst {padding-top: var(--rs) ;}
    .dst {padding-top: var(--ds) ;}

    .hsr {padding-right: var(--hs) ;}
    .rsr {padding-right: var(--rs) ;}
    .dsr {padding-right: var(--ds) ;}

    .hsb {padding-bottom: var(--hs) ;}
    .rsb {padding-bottom: var(--rs) ;}
    .dsb {padding-bottom: var(--ds) ;}

    .hsl {padding-left: var(--hs) ;}
    .rsl {padding-left: var(--rs) ;}
    .dsl {padding-left: var(--ds) ;}

/*
============================================================================================================
  LAYOUTS
============================================================================================================
*/


/* *   
   *
   * -- > HERO
   *
   * */

    #hero {
      width: 100%;
      background-color: black;
    }

    #hero .content {
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      width: 100%;
      z-index: 99;
    }

    #hero .content h1 {
      width: 100%;
      margin: 0 auto 8px;
    }

    #hero .content span {
      font-family: "AltoPro-Bold", Arial, sans-serif;
      text-transform: uppercase;
      padding: 10px 20px;
    }

/* *   
   *
   * -- > FULLSCREEN
   *
   * */

    .fs-layout {
      display: flex;
      justify-content: center;
      align-self: center;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
    }

    .fs-layout .content {
      display: block;
      margin: auto;
      text-align: center;
    }

/* *   
   *
   * -- > BASIC
   *
   * */

    .basic-layout {
      display: flex;
      justify-content: center;
      align-self: center;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
    }

    .basic-layout .content {
      display: block;
      margin: auto;
      text-align: center;
    }


/* *   
   *
   * -- > FLEX
   *
   * */

    .flex-box {
      display: flex;
      flex-wrap: wrap;
    }

    .flex-4 {
      flex-basis: 23%;
      margin: 1%;
    }

    .flex-box .flex-object {
    }

/* *   
   *
   * -- > SLIDER
   *
   * */

    .slider-container {
      margin: 0;
      width: 100%;
    }

    .slider-container .slider {
      background-color: rgba(255,255,255,0.9  );
    }

    .slider-container .slider .content {
      display: flex;
    }

    .slider-container .slider .content span.slider-arrow {
      display: block;
      align-self: center;
      background-image: url('/wp-content/themes/dgtl-child/img/icons/slider-arrow.svg');
      background-color: black;
      background-repeat: no-repeat;
      background-position: center;
      border-radius: 50%;
      transition: all .5s ease-in-out;
    }

    .slider-container .slider .content span.slider-arrow.next {
      transform: rotate(180deg);
    }

    .slider-container .slider .content span.slider-arrow:hover {
      cursor: pointer;
      opacity: 0.4;
    }

    .slider-container .slider .content .the_slides, .slider-container .slider .content .the_content {
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .slider-container .slider .content .the_slides, .slider-container .slider .content .the_content .right {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    .slider-container .slider .content .the_content:not(.active) {
      display: none;
    }

    .slider-container .slider .content .the_content h3 {
      color: var(--purple);
    }

    .slider-container .slider .content .the_content button {
      margin-top: var(--hs);
    }

    .slider-container .slider .slider-nav {
      display: flex;
      justify-content: center;
		padding-bottom: 15px;
    }

    .slider-container .slider .slider-nav i.dot-nav {
      display: block;
      background-position: center center;
      background-repeat: no-repeat;
    }

    .slider-container .slider .slider-nav i.dot-nav:not(.active) {
      background-image: url('/wp-content/themes/dgtl-child/img/icons/slider-nav-empty.svg');
    }

    .slider-container .slider .slider-nav i.dot-nav.active {
      background-image: url('/wp-content/themes/dgtl-child/img/icons/slider-nav-active.svg');
    }

    .slider-container .comment {
      background-color: rgba(0,0,0,0.5);
    }

    .slider-container .comment p.the_comment:not(.active) {
      display: none;
    }

    .slider-container .comment .author {
      display: block;
      margin-top: var(--hs);
    }

/*
============================================================================================================
  LOADING PAGE
============================================================================================================
*/


    .no-js #loader {display: none;}
    .js #loader {display: block; position: absolute; left: 100px; top: 0;}
    .se-pre-con {
      position: fixed;
      left: 0px;
      top: 0px;
      width: 100%;
      height: 100%;
      z-index: 9999;
      background: url('/wp-content/themes/dgtl-child/img/gif/loading.gif') center no-repeat black;
      background-size: 100px;
    }

/*
============================================================================================================
  ANIMATION
============================================================================================================
*/

    .dropdown .dropdown_content {
      display: none;
    }

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

    .site-header {
    }

    .inside-header {
    }

    .site-header .inside-header .site-logo a img {
      margin: 0;
    }

    #site-navigation.main-navigation .main-nav > ul > li > a, #sticky-navigation.main-navigation .main-nav > ul > li > a {
      line-height: 5vh;
    }

    #site-navigation.main-navigation .main-nav ul li a, #sticky-navigation.main-navigation .main-nav ul li a {
      font-family: "AltoPro-Bold", Arial, sans-serif;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      padding: 0 32px;
      cursor: pointer;
    }

    #site-navigation.main-navigation .main-nav ul.sub-menu li a, #sticky-navigation.main-navigation .main-nav ul.sub-menu li a {
      padding: 16px 32px;
    }

    .main-navigation .main-nav ul li:hover > a {
      transition: .3s all ease-in-out;
      
    }

    .main-navigation .main-nav ul li[class*="current-menu-"] > a:hover, 
    .main-navigation .main-nav ul li[class*="current-menu-"].sfHover > a {
    }

    .main-navigation a {
      font-weight: 700;
    }

    .site-header > div.inside-header {
    }

/* home only */

    .home .site-header .inside-header .site-logo a img {
      
    }

    .home .site-header {
      position: absolute;
      width: 100%;
      margin: auto;
      background-color: transparent;
      z-index: 999;
    }

    .home nav#site-navigation {
      background-color: transparent;
    }

    .home .main-navigation .main-nav ul li a {
/*       color: white; */
    }

    .home .site-header {
      background-color: transparent;
    }

    .home .main-navigation .main-nav ul li[class*="current-menu-"] > a {
      background-color: transparent;
    }

    .home .main-navigation .main-nav ul li > a:hover {
    }

/* sticky */

    #sticky-navigation .main-nav ul li.current_page_item a {
    }

    #sticky-navigation .main-nav ul.sub-menu a {
      padding: 16px 32px;
    }

    #sticky-navigation .main-nav ul li > a:hover {
/*       opacity: .4; */
    }

/* TOP BANNER */

    #top-banner {
      display: flex;
      color: white;
      background-color: black;
    }

    #top-banner .content {
      font-size: 1rem;
    }

    #top-banner .content > div {
    }

    #top-banner .content a {
      color: white;
      text-decoration: underline;
      transition: all .3s ease-in-out;
    }

    #top-banner .content a:hover {
      opacity: .4;
    }

    #top-banner .close-btn {
      position: absolute;
      right: 20px;
      width: 25px;
      height: 25px;
      background-image: url('../dgtl-child/img/icons/close-lt.svg');
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      cursor: pointer;
      transition: all .3s ease-in-out;
    }

    #top-banner .close-btn:hover {
      opacity: .4;
    }



/*
============================================================================================================
  FOOTER
============================================================================================================
*/

    footer.site-info {
      padding: 0 var(--ds) var(--rs);
    }

    #pre-footer {
      background-color: white;
    }

/* *   
   *
   * -- > CTA
   *
   * */

    .cta-banner {
      background-color: var(--eau);
      color: white;
      display: flex;
      justify-content: center;
      flex-direction: column;
    }

    .cta-banner .content {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }

    .cta-banner .content p {
      font-size: 3rem;
      line-height: 1em;
      margin-bottom: 5px;
      font-family: "CrimsonText-Regular", Arial, sans-serif;
    }

    .cta-banner p#yearMonth {
      color: white;
    }

/* *   
   *
   * -- > PARTNERS
   *
   * */

    #pre-footer .partners {
      background-color: white;
    }

    #pre-footer .partners h4 {
      text-align: center;
    }

		#pre-footer .image-grid img.media {
			filter: grayscale(100%);
		}

/* *   
   *
   * -- > INSTAGRAM FLUX
   *
   * */

#ig-feed {
  padding: 0 var(--ds) var(--ds);
  text-align: center;
}

#ig-feed h4 {
  margin-bottom: var(--hs);
}

#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a {
  border-radius: 0;
  padding: 10px 20px;
  font-size: 17px;
  margin-top: var(--hs);
}

#sb_instagram #sbi_load .sbi_load_btn:hover {
  background-color: black;
  opacity: .4;
  box-shadow: none;
}



/* *   
   *
   * -- > NEWSLETTER
   *
   * */

    #newsletter.footer .social-icons {
      display: flex;
    }

    #newsletter.footer .social-icons h5 {
      display: inline-block;
      text-transform: uppercase;
      line-height: 48px;
      margin-right: 8px;
    }

    #newsletter.footer .social-icons a {
      display: inline-block;
      width: 48px;
      height: 48px;
      margin: 0 4px;
    }
    #newsletter.footer .social-icons a.fb {
      background-image: url('/wp-content/themes/dgtl-child/img/icons/fb-blk.svg');
      transition: all .3s ease-in-out;
    }
    #newsletter.footer .social-icons a.ig {
      background-image: url('/wp-content/themes/dgtl-child/img/icons/ig-blk.svg');
      transition: all .3s ease-in-out;
    }
    #newsletter.footer .social-icons a:hover {
      opacity: 0.4;
    }

    #newsletter.footer {
      justify-content: center;
      background-color: var(--beige);
    }

    #sign-up {
      display: flex;
      justify-content: center;
    }

    #newsletter.footer h6 {
      line-height: 1em;
      color: black;
      margin-bottom: var(--hs);
    }

    #newsletter.footer .grid_object.left {
      align-self: flex-start;
    }

    #newsletter.footer form input {
      display: inline-block;
      margin: 12px auto;
      text-align: left;
    }

    .mailerlite-form .mailerlite-form-inputs {
      display: flex;
      flex-wrap: wrap;
    }

    .mailerlite-form .mailerlite-form-inputs .mailerlite-form-field {
      margin-right: 4px;
    }

    .mailerlite-form .mailerlite-form-inputs label {
      display: none;
    }

    .mailerlite-form .mailerlite-subscribe-button-container {
      width: 100%;
      text-align: left;
    }

/* *   
   *
   * -- > BOTTOM BAR
   *
   * */

    .copyright-bar {
      text-align: left;
    }

/* *   
   *
   * -- > MEMBERS
   *
   * */


.member-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.member-section h3 {
  margin-bottom: var(--rs);
}

.member-section .logos {
  display: flex;
}

.member-section .logos img {
  max-height: 15vh;
  object-fit: contain;
  margin: var(--rs);
}

/*
============================================================================================================
  HOME
============================================================================================================
*/

/* *   
   *
   * -- > HERO
   *
   * */

    #hero h1 {
      color: white;
    }

/* *   
   *
   * -- > SERVICES
   *
   * */

    #services img {
      height: 100px;
    }

    #services a, #services a:visited {
      display: inline-block;
      color: white;
    }

    #services a:not(:last-child) {
      margin-bottom: 10px;
    }

    #services .grid_object {
      text-align: center;
    }

/* *   
   *
   * -- > ABOUT
   *
   * */

    #about div:first-child {
      padding: var(--ds);
    }

    #about h2 {
      text-transform: initial;
    }

/* *   
   *
   * -- > SHOP
   *
   * */

    #shop {
      display: flex;
      justify-content: center;
      align-self: center;
      background-size: 120%;
      background-position: center center;
      background-repeat: no-repeat;
			background-color: var(--beige);
      transition: all .5s ease-in-out;
		  min-height: 800px;
    }

    #shop .bg {
      width: 100%;
      background-repeat: no-repeat;
    }

    #shop > .content {
      position: absolute;
      text-align: center;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    #shop h2 {
      text-transform: capitalize;
    }

    /* COMMENTS */

    .the_comments {
      min-height: 150px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

/*
============================================================================================================
  SINGLE-POST
============================================================================================================
*/

.single-post {}

.single-post .entry-content p, .single-post .entry-content h2 {
  margin-bottom: var(--rs);
}

/*
============================================================================================================
  SINGLE-SERVICE | SINGLE-ABOUT | SINGLE-LANDING
============================================================================================================
*/

/* Meditation d'hiver enlever l'escpace entre le 3 columns et le CTA blanc sur blanc */
body.single-landing #custom-sections .layout_3 { 
  padding: 0!important;
}
body.postid-5501 .cta { 
  padding-top: 0;
}

body.landing-template-default #hero .content img {
  padding-top: 20px;
}

    #service-page {} 

/* *   
   *
   * -- > HERO
   *
   * */

#service-page #hero .content.dark {
  background-color: rgba(0,0,0,0.1);
}

/* *   
   *
   * -- > PRODUCTS LIST
   *
   * */

    #service-page #products_list {}

    #service-page #products_list img {
      margin-bottom: var(--hs);
    }

    #service-page #products_list .buttons_container {
      margin: auto;
    }

    #service-page #products_list .content > div.desc {
      font-weight: 700;
      margin: auto;
    }

/* *   
   *
   * -- > CUSTOM SECTIONS
   *
   * */

    #custom-sections {
      background-color: white;
    }

		#custom-sections {
			font-family: AltoPro-Light;
		} 

    /* TITLES */

    #custom-sections h2 {
      text-align: center;
      font-family: AltoPro-Bold;
    }

    #custom-sections h5 {
      font-family: "CrimsonText-Regular", Arial, sans-serif;
    }

    /* LINKS */

    #custom-sections .content a:not(.lt) {
      color: #a76b39!important;
    }

    /* HR */

    #custom-sections .content hr {
      width: 50%;
      height: 1px;
    }

    /* VIDEO */
    
    #custom-sections .content .video {
      display: flex;
      justify-content: center;
      padding: var(--rs);
    }

    /* BASIC */
    #custom-sections .basic {
      display: flex;
			justify-content: center;
      align-items: center;
      padding: var(--rs);
    }

    #custom-sections .basic .image {
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat;
    }

		#custom-sections .basic .content {
			display: flex;
			flex-direction: column;
			align-items: center;
		}

		#custom-sections .basic .the-video {
			width: 100%;
			margin-bottom: var(--rs);
		}

		#custom-sections .basic button {
			margin-top: var(--rs);
		}


    /* LAYOUT 1 */

    #custom-sections .layout_1 {
      margin: auto;
      min-height: 550px;
    }

    #custom-sections .layout_1 > div.image {
      background-size: cover;
      background-position: center center;
    }

    #custom-sections .layout_1 > div.content {
			display: flex;
			flex-direction: column;
			align-items: center;
    }

    #custom-sections .layout_1 > div.content > h2 {
      margin-bottom: var(--hs);
    }

    #custom-sections .layout_1 > div.content > button {
      margin-top: var(--hs);
    }

    /* LAYOUT 2 */

    #custom-sections .layout_2 {
      display: flex;
      flex-direction: column;
      justify-content: center;
      text-align: center;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center;
    }

    #custom-sections .layout_2 > h2 {
      margin-bottom: var(--rs);
      color: white;
      font-size: 2rem;
    }

    #custom-sections .layout_2 .container {
      width: 100%;
    }

    #custom-sections .layout_2 .container > div.content {
      background-color: white;
      margin: 5px;
    }

    /* LAYOUT 3 */

    #custom-sections .layout_3 > .the_columns {
      display: flex;
      justify-content: space-between;
    }

    #custom-sections .layout_3 > .the_columns .column {
      padding: var(--rs);
    }

    #custom-sections .layout_3 > .the_columns .column img {
      height: 30vh;
      width: 100%;
      object-fit: contain;
      margin-bottom: var(--hs);
    }

    #custom-sections .layout_3 > .the_columns .column p {
      margin-bottom: var(--hs);
    }

    /* LAYOUT 3 */

    #custom-sections .auto-columns > .the_columns {
      display: flex;
      justify-content: center;
    }

    #custom-sections .auto-columns > .the_columns .column {
      padding: var(--rs);
      margin: var(--hs);
    }

    #custom-sections .auto-columns > .the_columns .column img {
      height: 30vh;
      width: 100%;
      object-fit: cover;
      margin-bottom: var(--hs);
    }

    #custom-sections .auto-columns > .the_columns .column p {
      margin-bottom: var(--hs);
    }

    /* IMAGE GRID */

    #custom-sections .image_grid {
      display: flex;
      flex-wrap: wrap;
      max-width: 100%;
    }

    /* FULL IMAGE WIDTH */

    #custom-sections .full-width-image img {
      display: block;
    }

    /* TESTIMONIALS */

		#custom-sections .testimonials {
			background-color: #ffffff;
			padding-top: var(--ds);
		}

		#custom-sections .testimonials > .title {
			text-align: center;
			font-family: AltoPro-Bold;
			color: var(--marine);
		}

		#custom-sections .testimonials .the_testimonials {
			width: 100%;
			padding: var(--rs) 0;
			display: flex;
			justify-content: center;
			flex-wrap: wrap;
		}

    #custom-sections .testimonials .the_testimonials .testimonial {
      background-color: white;
      margin: 20px;
    }

		#custom-sections .testimonials .the_testimonials .testimonial .title {
			margin-bottom: var(--hs);
			text-align: center;
		}

/* *   
   *
   * -- > SIGN UP
   *
   * */

    #sign-up {
      display: flex;
      justify-content: center;
      padding: var(--ds);
      background-color: var(--beige);
    }

    #sign-up h6 {
      line-height: 1em;
      color: black;
      margin-bottom: var(--hs);
    }

    #sign-up .grid_object.left {
      align-self: flex-start;
    }

    #sign-up form input {
      display: inline-block;
      margin: 12px auto;
      text-align: left;
    }

/* *   
   *
   * -- > WC MODULE
   *
   * */

.wc-module {}

.wc-module .woocommerce-product-gallery {
  opacity: 1!important;
}

.wc-module .up-sells {
  display: none;
}

/*
============================================================================================================
  WOOCOMMERCE - ARCHIVES
============================================================================================================
*/

	.archive #content {
		padding: 0 20px;
	}

	#shop-container {
		padding: 0 var(--rs) var(--rs);
	}

	.archive-back-btn {
		background-color: white;
	}

	.archive-back-btn a {
		color: black;
		font-size: 1.5rem;
		font-family: "CrimsonText-Regular", Arial, sans-serif;
		text-decoration: underline;
		transition: all .3s ease-in-out;
	}

	.archive-back-btn a:hover {
		opacity: 0.5;
	}

	.archive .woocommerce-breadcrumb {
		padding: var(--rs) 0 0;
		margin-bottom: 0;
	}

	.archive h2.widget-title {
		font-size: 2rem;
		font-family: "CrimsonText-Regular", Arial, sans-serif;
		margin-top: 0;
	}

	ul.product-categories {

	}

	ul.product-categories li {
		padding-bottom: var(--hs);
	}

	ul.product-categories li a {
		display: block;
		background-color: transparent;
		padding: 12px 32px;
		border: solid 3px var(--red);
		color: var(--red);
		transition: .5s all ease-in-out;
		letter-spacing: 1px;
	}

	ul.product-categories li a:hover, ul.product-categories li.current-cat a:hover {
		transition: .5s all ease-in-out;
		background-color: var(--marine);
		border-color: var(--marine);
		color: white;
	}

	ul.product-categories li.current-cat a {
		background-color: var(--dg);
		border-color: var(--dg);
		color: white;
	}

/*
============================================================================================================
  WOOCOMMERCE - SINGLE PRODUCT
============================================================================================================
*/

.woocommerce .woocommerce-breadcrumb {
  font-size: .8rem;
}

    /* Image thumbnail */
    .woocommerce #content div.product div.images, .woocommerce div.product div.images, 
    .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {

    }

    .woocommerce div.product div.images {
      margin-bottom: 0;
    }

    .woocommerce div.product div.images img {

    }

    .woocommerce .woocommerce-product-gallery {
      margin-right: 0;
    }

    /* Entry summary */

    .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, 
    .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
      padding: var(--rs) var(--rs) 0;
      width: calc( 48% - ( var(--rs) * 2 ) );
    }

    .woocommerce div.product div.summary {
      margin-bottom: 0;
    }

    div.woocommerce-tabs.wc-tabs-wrapper {
      padding: var(--rs);
      background-color: white;
      margin: 0 20px 0;
    }

    p.before-buy-btn {
      font-size: 1.2rem;
      font-weight: 700;
      width: 100%;
      margin-top: var(--hs);
      margin-bottom: var(--hs);
    }

    /* Tabs */

    .woocommerce div.product .woocommerce-tabs ul.tabs {
      display: none!important;
    }

    .woocommerce div.product .woocommerce-tabs .panel {
      margin: 0;
    }

    .woocommerce div.product .woocommerce-tabs #tab-description h3 {
      margin-top: var(--rs);
    }

    /* Upsells */

    .related.products, .up-sells {
      padding: 0 var(--rs) var(--rs);
    }

    .related.products h2, .up-sells h2 {
      text-align: center;
      padding: var(--hs) var(--rs) var(--rs);
    }

/*
============================================================================================================
  WOOCOMMERCE - CART
============================================================================================================
*/

    /* Thumbnail */

    .woocommerce-cart table.cart img {
      width: 150px;
    }

    /* Cart notice */

    .cart_notice {
      display: flex;
      align-items: center;
    }

    .cart_notice img {
      width: 30px;
      height: 30px;
      object-fit: contain;
      margin-right: 15px;
    }

    .cart_notice p {
      font-size: 1rem;
      max-width: 400px;
    }


/*
============================================================================================================
  FAQ 
============================================================================================================
*/

.faq {
  background-color: var(--beige);
  padding: var(--ds);
  text-align: center;
  margin: auto;
}

.faq h2 {
  margin-bottom: var(--hs);
}

.faq .the_questions {
  width: 100%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}

.faq .the_questions .question-container {
  cursor: pointer;
  padding: var(--rs);
  margin: 10px;
  background-color: var(--route);
  transition: all .3s ease-in-out;
  text-align: left;
  color: white;
  display: flex;
}
.faq .the_questions .question-container:hover {
  opacity: .9;
}

.faq .the_questions .question-container > img {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: var(--rs);
  transition: all .3s ease-in-out;
}

.faq .the_questions .the_question {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.faq .the_questions .the_question > span {
  font-weight: bold;
}

.faq .the_questions .the_answer {
  display: none;
}

/*
============================================================================================================
  POPUP
============================================================================================================
*/

    #popup {
      display: none;
    }

    #popup .background-overlay {
      position: fixed;
      background-color: rgba( 0,0,0,0.5 );
      z-index: 999999;
      left: 0;
      top: 0;
      height: 100vh;
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }

    #popup .popup-container {
      text-align: right;
    }

    #popup .popup-container button.close-popup {
      display: inline-block;
      position: absolute;
      width: 55px;
      padding: 15px 0;
      margin-left: -55px;
      text-align: center;
    }

    #popup .popup-body {
      background-color: var(--beige);
      margin: auto;
      height: 100%;
    }

    /* LEFT */

    #popup .popup-body .left {
    }

    #popup .popup-body .left .popup-image {
      background-size: cover;
      background-position: center;
    }

    /* RIGHT */

    #popup .popup-body .right {
    }

    #popup .popup-body .right .popup-content {
    }

    #popup .popup-body .right .popup-content span.title {
      display: block;
    }

    #popup .popup-body .right .popup-content a {
      color: black;
      font-size: .9rem;
      cursor: pointer;
      transition: all .3s ease-in-out;
    }

    #popup .popup-body .right .popup-content a:hover {
      opacity: .4;
    }

/* *   
   *
   * -- > OPT-IN
   *
   * */

    #popup #optin {
      text-align: left;
      background-color: var(--beige);
    }

    #popup #optin form input {
      display: inline-block;
      text-align: left;
    }

/*
============================================================================================================
  CALENDAR -- ADMIN
============================================================================================================
*/

#admin-panel {}

#admin-panel span.title1 {
  display: inline-block;
  font-size: 2rem;
  font-weight: 600;
  margin-right: 20px;
}

#admin-panel span.title2 {
  display: block;
  font-size: 1.5rem;
  font-weight: 500;
}

/* *   
   *
   * -- > HEADER
   *
   * */

#admin-panel #admin-header {
  display: flex;
  flex-direction: column;
}

/* *   
   *
   * -- > CONTENT
   *
   * */

#admin-panel #admin-content {
  display: flex;
  min-height: 600px;
  background-color: white;
  margin-top: var(--rs);
}

#admin-panel #admin-content .left {
  padding: var(--rs);
}

#admin-panel #admin-content .right {
  padding: var(--rs);
  background-color: rgba(0,0,0,0.03);
}

/* *   
   *
   * -- > CUSTOMERS
   *
   * */

/* customer-list */
#admin-panel .customer-list {}

#admin-panel .customer-list ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}

#admin-panel .customer-list ul > li {
  width: 50%;
  cursor: pointer;
  transition: all .3s ease-in-out;
  list-style: none;
}

#admin-panel .customer-list ul > li:hover {
  opacity: .5;
}

/* customer-info */
#admin-panel #customer-info {
  margin-left: var(--rs);
}

#admin-panel #customer-info li {
  list-style: none;
}

/* *   
   *
   * -- > PRODUCTS / VARIATIONS
   *
   * */

#admin-panel .dropdown {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

#admin-panel .dropdown > div {
  width: 100%;
}

#admin-panel .dropdown > span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: var(--marine);
  padding: var(--hs) var(--rs);
  color: white;
  width: 250px;
  cursor: pointer;
}

#admin-panel .dropdown > span img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

#admin-panel .dropdown .the_content {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

#admin-panel .dropdown .the_content > button {
  width: 32%;
  text-align: left;
  margin: 5px 5px 0 0;
}

/* *   
   *
   * -- > VARIATIONS LIST
   *
   * */

#admin-panel .variation-container {
  margin-bottom: 20px;
} 

#admin-panel .variation-customers.dropdown > span {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background-color: var(--route);
  padding: var(--hs) var(--rs);
  color: white;
  width: 90%;
  cursor: pointer;
}

/*
============================================================================================================
  CALENDAR -- USER
============================================================================================================
*/

#calendar {}

/* *   
   *
   * -- > HEADER
   *
   * */

#calendar .header {
  background-color: white;
}

/* LEFT */

#calendar .header .left h1 {
  font-size: 1.8rem;
  line-height: 1em;
}

#calendar .header .left > span.selection {
  color: var(--marine);
  font-size: 3rem;
  font-weight: 700;
  line-height: 1em;
}

/* DATE SELECTOR */

#calendar .header .date-selector {
  
}

#calendar .header .date-selector ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

#calendar .header .date-selector ul li {
  display: block;
  margin: 5px;
}

#calendar .header .date-selector ul li a {
  display: block;
  background-color: var(--marine);
  color: white;
  padding: 10px 20px;
  transition: all .3s ease-in-out;
}

#calendar .header .date-selector ul li a:hover {
  background-color: var(--beige);
  color: black;
}

/* *   
   *
   * -- > EVENTS
   *
   * */

#calendar #events {
  margin: var(--ds);
}

/* EVENT */

#calendar #events .event {}

/* DATE */

#calendar #events .event .date {
  color: var(--marine);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 50%;
  font-weight: 700;
}

/* PRODUCT */

#calendar #events .event .product {
  background-color: white;
  display: flex;
  justify-content: space-between;
}

/* PRODUCT LEFT */

#calendar #events .event .product .left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

#calendar #events .event .product .left p.title, #calendar #events .event .product .left p.title a {
  color: var(--marine);
  font-weight: 600;
}

/* PRODUCT RIGHT */

#calendar #events .event .product .right {
  
}

#calendar #events .event .product .right img {
  object-fit: cover;
}

/* *   
   *
   * -- > CALENDAR WIDGET
   *
   * */

#calendar-widget {
  padding: 10px;
  margin: auto;
}

#calendar-widget .calendarYearMonth {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--hs);
}

#calendar-widget .hbContainer {
}

#calendar-widget .left {
    float: left;
}

#calendar-widget .right {
    float: right;
}

#calendar-widget .center {
    text-align: center;
}

#calendar-widget .the_calendar {
  width: calc(100% - 20px);
  padding: 10px;
  background-color: white;
}

.day-name {
  font-size: 1rem;
  color: black;
}

#calendar-widget .calendarList1 {
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(1, 36px);
    align-items: center;
    justify-items: center;
    grid-gap: 6px;
    font-size: 14px;
    color: #707070;
}

#calendar-widget .calendarList2 {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(6, 40px);
    align-items: center;
    justify-items: center;
    grid-gap: 8px;
    font-size: 14px;
    color: #707070;
}

#calendar-widget .calendarYearMonth {
  color: black;
  font-size: 2rem;
  font-weight: 700;
}

#calendar-widget .calendarYearMonth p {
  display: inline-block;
  vertical-align: middle;
}

#calendar-widget .calBtn {
    user-select: none;
    cursor: pointer;
    color: #fff;
}

#calendar-widget .calBtn {
  display: block;
  align-self: center;
  background-image: url('/wp-content/themes/dgtl-child/img/icons/slider-arrow.svg');
  background-color: black;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  transition: all .5s ease-in-out;
  width: 42px;
  height: 42px;
  background-size: 22px;
}

#calendar-widget .calBtn.next {
  transform: rotate(180deg);
}

#calendar-widget .calBtn:hover {
  cursor: pointer;
  opacity: 0.4;
}

#calendar-widget #calendarList li {
  height: 36px;
  width: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#calendar-widget #calendarList li.past {
  opacity: .4;
}

#calendar-widget #calendarList li a {
  height: 100%;
  width: 100%;
  background-color: var(--marine);
  border-radius: 50%;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

#calendar-widget #calendarList li a:hover {
  transition: all .3s ease-in-out;
  opacity: .6;
}


/*
============================================================================================================
  CONTACT
============================================================================================================
*/

#contact {}

#contact #contact-form {
  margin-top: var(--rs);
}

#contact #contact-form textarea {
  margin-bottom: var(--hs);
}


/*
============================================================================================================
  PROGRAMMES
============================================================================================================
*/

#programmes {
}

#programmes .programme {
  margin-bottom: var(--rs);
}

#programmes .programme h2 {
  margin-bottom: var(--hs);
}

#programmes .programme button {
  margin: 0 var(--hs) var(--hs) 0;
}

/* VIDEO CONTAINER */

#programmes .programme .play-video-container { display: flex; flex-direction: column; align-items: center; margin-bottom: var(--rs); }
#programmes .programme .play-video-container button { width: 100%; margin: 0; }

#fs_overlay {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.8);
  z-index: 99999;
  overflow-y: scroll;
  overflow-x: hidden;
}

div.close-btn-container {
  display: flex;
}
div.close-btn span {
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  background-color: var(--marine);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 0.5em;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  z-index: 99999;
}

#video-container {
  display: none;
}

.video-player {
  background-color: white;
  border: solid 5px var(--beige);
  padding: var(--rs);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.video-player .video-info {
  width: 80%;
  text-align: center;
  margin-bottom: var(--rs);
}

.video-player .video-info h3 {
  font-weight: 700;
  font-size: 2rem;
}

/* FILES */

#programmes .the_files { display: flex; flex-direction: column; }



/*
============================================================================================================
  CUSTOM MODIFICATION REQUESTS - Marie-Ève + Alpha Premium 09/01/2023
============================================================================================================
*/
h2{
    color: #2e425a;
    margin-bottom: 15px;
    margin-top: 15px;
text-transform: uppercase;
	font-size: 1.75rem;
}
	h2.hs.lt {
    text-transform: uppercase !important;
    font-size: 1.75rem;
    margin-bottom: 8px;
    margin-top: 8px;
    color: #FFF;
    font-weight: 600;
}
h2.lt.crimson{
	color: #2e425a;
    margin-bottom: 15px;
    margin-top: 15px;
text-transform: uppercase !important;
	font-size: 1.75rem;
}
#about .basic-layout{
	    min-height: 200px;
}
#about h2.lt.crimson{
background: #ffffff80;
}
@media only screen and (max-width: 760px) {
h1 {
    font-size: 2.3rem;
}
a.ghost_btn.lt {
    text-transform: none;
    font-weight: 500;
    font-size: 1.1rem;
}
.site-header .header-image {
    width: 310px;
}
.menu-toggle {
font-size: 20px;
}
.main-navigation a {
font-size: 17px;
}
.grid_object.rs {
    padding-top: 30px;
    padding-bottom: 30px;
}

p.the_comment.active {
    font-size: 15px;
    padding: 15px;
}
	#popup {
    overflow: auto;
}
}