/*
Theme Name: Collectif WEB
Theme URI: https://collectif-web.ca
Description: This is a child theme
Author: Collectif WEB
Author URI: https://collectif-web.ca
Template: generatepress
Text domain: 'dgtl-fr'
Version: 0.1
*/

/*     @import url("../generatepress/style.css"); */
    @import url("./css/desktop-1-05.css") screen and (min-width: 1081px);
    @import url("./css/mobile-1-12.css") screen and (max-width: 1080px);

/* *
   *
   *     COLORS 
   *
   *
   * */

:root {
  --color: #dd3c27;
}


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

body { background-color: white; }

.main-container { flex-direction: column; width: 100%; }
.site-content { flex-direction: column; }

.lt { color: white; }
.blk { color: black; }

.hidden { display: none!important; }

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

    /* HAIRLINE */
    @font-face { 
      font-family: Hurme; 
      src: url('./fonts/HurmeGeometricSans1_Hairline.otf') format('opentype'); 
      font-weight: 300;
      font-style: normal;
    }
    @font-face { 
      font-family: Hurme; 
      src: url('./fonts/HurmeGeometricSans1_Hairline.otf') format('opentype'); 
      font-weight: 300;
      font-style: italic;
    }

    /* THIN */
    @font-face { 
      font-family: Hurme; 
      src: url('./fonts/HurmeGeometricSans1_Thin.otf') format('opentype'); 
      font-weight: 400;
      font-style: normal;
    }
    @font-face { 
      font-family: Hurme; 
      src: url('./fonts/HurmeGeometricSans1_Thin.otf') format('opentype'); 
      font-weight: 400;
      font-style: italic;
    }

    /* NORMAL */
    @font-face { 
      font-family: Hurme; 
      src: url('./fonts/HurmeGeometricSans1.otf') format('opentype'); 
      font-weight: normal;
      font-style: normal;
    }
    @font-face { 
      font-family: Hurme; 
      src: url('./fonts/HurmeGeometricSans1_Oblique.otf') format('opentype'); 
      font-weight: normal;
      font-style: italic;
    }

    /* SEMIBOLD */
    @font-face { 
      font-family: Hurme; 
      src: url('./fonts/HurmeGeometricSans1_SemiBold.otf') format('opentype'); 
      font-weight: 600;
      font-style: normal;
    }
    @font-face { 
      font-family: Hurme; 
      src: url('./fonts/HurmeGeometricSans1_SemiBoldOblique.otf') format('opentype'); 
      font-weight: 600;
      font-style: italic;
    }

    /* BOLD */
    @font-face { 
      font-family: Hurme; 
      src: url('./fonts/HurmeGeometricSans1_Bold.otf') format('opentype'); 
      font-weight: 700;
      font-style: normal;
    }
    @font-face { 
      font-family: Hurme; 
      src: url('./fonts/HurmeGeometricSans1_BoldOblique.otf') format('opentype'); 
      font-weight: 700;
      font-style: italic;
    }

    /* BLACK */
    @font-face { 
      font-family: Hurme; 
      src: url('./fonts/HurmeGeometricSans1_Black.otf') format('opentype'); 
      font-weight: 800;
      font-style: normal;
    }
    @font-face { 
      font-family: Hurme; 
      src: url('./fonts/HurmeGeometricSans1_BlackOblique.otf') format('opentype'); 
      font-weight: 800;
      font-style: italic;
    }

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

/* html, body { font-family: Hurme; } */

p, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

h1 { font-weight: 700; }
h2 { font-weight: 700; }
h3 { font-weight: 600; }

/*
============================================================================================================
  ICONS
============================================================================================================
*/

.icon { display: inline-block; background-size: contain; background-position: center center; background-repeat: no-repeat; }
.icon.lt { filter: invert(100%); }

.icon.disabled { opacity: 0.3!important; cursor: not-allowed; }

.icon.small { width: 12px; height: 12px; min-height: 12px; min-width: 12px; }
.icon.medium { width: 24px; height: 24px; min-height: 24px; min-width: 24px; }
.icon.large { width: 36px; height: 36px; min-height: 36px; min-width: 36px; }
.icon.xlarge { width: 48px; height: 48px; min-height: 48px; min-width: 48px; }

/* ARROWS */
.icon.arrow { background-image: url('./img/icons/arrow.svg'); }

/* SOCIAL */
.icon.url-fb { background-image: url('./img/icons/social_fb.svg'); }
.icon.url-ig { background-image: url('./img/icons/social_ig.svg'); }

/* OPEN/CLOSE */
.icon.open { background-image: url('../dgtl-child/img/icons/close.svg' ); transform: rotate(45deg); }
.icon.open.active { background-image: url('../dgtl-child/img/icons/close.svg' ); transform: rotate(0deg); }
.icon.close { background-image: url('../dgtl-child/img/icons/close.svg' ); }

/* USER INTERFACE */
.icon.text { background-image: url('../dgtl-child/img/icons/text.svg' ); }
.icon.image { background-image: url('../dgtl-child/img/icons/image.svg' ); }
.icon.delete { background-image: url('../dgtl-child/img/icons/delete.svg' ); }
.icon.view { background-image: url('../dgtl-child/img/icons/view.svg' ); }
.icon.view.active { background-image: url('../dgtl-child/img/icons/view-hidden.svg' ); }
.icon.move-up { background-image: url('../dgtl-child/img/icons/arrow_full.svg' ); }
.icon.move-down { background-image: url('../dgtl-child/img/icons/arrow_full.svg' ); transform: rotate(180deg); }
.icon.drag { background-image: url('../dgtl-child/img/icons/drag.svg' ); }
.icon.rotate { background-image: url('../dgtl-child/img/icons/rotate.svg' ); }
.icon.transform { background-image: url('../dgtl-child/img/icons/transform.svg' ); }
.icon.resize { background-image: url('../dgtl-child/img/icons/resize.svg' ); }
.icon.textalign.left { background-image: url('../dgtl-child/img/icons/textalign_left.svg' ); }
.icon.textalign.center { background-image: url('../dgtl-child/img/icons/textalign_center.svg' ); }
.icon.textalign.right { background-image: url('../dgtl-child/img/icons/textalign_right.svg' ); }
.icon.zoom_out { background-image: url('../dgtl-child/img/icons/zoom_minus.svg' ); }
.icon.zoom_in { background-image: url('../dgtl-child/img/icons/zoom_plus.svg' ); }

/* SHOP */
.icon.cart { background-image: url('../dgtl-child/img/icons/cart.svg' ); }
.icon.cart-add { background-image: url('../dgtl-child/img/icons/cart-add.svg' ); }
.icon.cart-check { background-image: url('../dgtl-child/img/icons/cart-check.svg' ); }
.icon.cart-remove, a:hover .icon.cart-check { background-image: url('../dgtl-child/img/icons/cart-remove.svg' ); }
.icon.edit { background-image: url('../dgtl-child/img/icons/edit.svg' ); }
.icon.clone { background-image: url('../dgtl-child/img/icons/clone.svg' ); }
.icon.plus { background-image: url('../dgtl-child/img/icons/plus.svg' ); }

/* SAVE FILE */
.icon.download { background-image: url('../dgtl-child/img/icons/download.svg' ); }

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

a { text-decoration: none; color: inherit; }
a:hover, a:focus, a:active { color: inherit; }
a:hover { opacity: 0.5; }

a, .btn { transition: .5s all ease-in-out; }

.btn {
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
}

.btn.primary, input[type=submit], .wpcf7-submit {
  background-color: white;
  padding: var(--hs) var(--ds);
  border: solid 1px white;
  color: black;
  font-weight: 400;
}

.btn.primary:hover, input[type=submit]:hover, .wpcf7-submit:hover {
  background-color: black;
  border-color: white;
  color: white;
}

.btn.primary.blk {
  background-color: black;
  padding: var(--hs) var(--ds);
  border: solid 1px black;
  color: white;
  font-weight: 400;
}

.btn.primary.blk:hover {
  background-color: white;
  border-color: black;
  color: black;
  opacity: 1;
}

.btn.ghost {
  background-color: transparent;
  padding: var(--hs) var(--ds);
  border: solid 1px white;
  color: white;
  font-weight: 400;
  opacity: 1;
}

.btn.ghost:hover {
  background-color: white;
  border-color: white;
  color: black;
}

/* *   
   *
   * -- > ICON BTN
   *
   * */

.after-icon { display: flex; align-items: center; }
.after-icon:after { content: ""; display: inline-block; background-repeat: no-repeat; background-position: center center; transition: .5s all ease-in-out; }
.after-icon.lt:after { filter: invert(100%); }
.after-icon.medium:after { width: 24px; height: 24px; min-height: 24px; min-width: 24px; margin-left: var(--hs); }
.after-icon.pdf:after { background-image: url('../dgtl-child/img/icons/pdf.svg' ); }

.before-icon { display: flex; align-items: center; }
.before-icon:before { content: ""; display: inline-block; background-repeat: no-repeat; background-position: center center; transition: .5s all ease-in-out; }
.before-icon.profile:before { background-image: url('../dgtl-child/img/icons/profile.svg' ); }

/* *   
   *
   * -- > READ MORE BTN
   *
   * */

.read-more-btn {
  display: flex; align-items: center;
  padding: 0;
}

.read-more-btn:after { content: ""; display: inline-block; background-repeat: no-repeat; background-position: center center; transition: .5s all ease-in-out; }
.read-more-btn:after { background-image: url('../dgtl-child/img/icons/arrow_small.svg' ); width: 24px; height: 24px; }
.read-more-btn.active:after { transform: rotate(180deg); }
.read-more-btn, .read-more-btn:hover, .read-more-btn:focus, .read-more-btn:active { background: none; }

.read-more-content { opacity: 1; height: auto; overflow: hidden; transition: .5s all ease-in-out; }
.read-more-content:not(.active) { opacity: 0; height: 0; }

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


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


/* *   
   *
   * -- > 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
   *
   * */

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

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

/*
============================================================================================================
  MODULES
============================================================================================================
*/

/* *   
   *
   * -- > DROPDOWN
   *
   * */

.module.dropdown {}
.module.dropdown .dropdown-toggle { cursor: pointer; }
.module.dropdown .dropdown-toggle label { display: flex; justify-content: space-between; align-items: center; margin-right: 2px; pointer-events: none; opacity: 0.8; transition: all .3s ease-in-out; }
.module.dropdown .dropdown-toggle.current-selection:after { 
  display: inline-block;
  content: "";
  width: 12px; height: 12px;
  margin-bottom: -4px;
  background-size: contain; 
  background-position: center center; 
  background-repeat: no-repeat;
  background-image: url('../dgtl-child/img/icons/arrow_small.svg');
}
.module.dropdown.open .dropdown-toggle:after { transform: rotate(180deg); }

.module.dropdown .dropdown-toggle:hover label { opacity: 1; }
.module.dropdown .dropdown-content { display: none; }
.module.dropdown.open .dropdown-content { display: block; }
.module.dropdown .dropdown-content ul { 
  display: block;
  position: absolute; z-index: 99999; 
  background: black; 
  border: solid 1px rgba(255,255,255,0.5); border-radius: 10px; 
  list-style: none; 
  margin: 0; padding: var(--rs); 
}
.module.dropdown .dropdown-content ul li { display: flex; align-items: center; color: rgba(255,255,255,0.4); cursor: pointer; transition: all .3s ease-in-out; }
.module.dropdown .dropdown-content ul li:hover { color: rgba(255,255,255,0.6); }
.module.dropdown .dropdown-content ul li.active { color: rgba(255,255,255,1); }
.module.dropdown .dropdown-content ul li .icon { margin-right: var(--hs); }

/* *   
   *
   * -- > ACCORDEON
   *
   * */

.module.accordeon {}
.module.accordeon .layout {}

.module.accordeon .the_rows {}

.module.accordeon .row { border-bottom: solid 1px rgba(255,255,255,0.5); }
.module.accordeon .row:first-child { border-top: solid 1px rgba(255,255,255,0.5); }
.module.accordeon .row .top { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: var(--hs) 0; cursor: pointer; transition: all .3s ease-in-out; }
.module.accordeon .row .top:hover { opacity: 0.6; }
.module.accordeon .row .title { font-weight: 700; color: white; }
.module.accordeon .row .toggle-btn { display: flex; align-items: center; }
.module.accordeon .row .toggle-btn .icon { transition: all .5s ease-in-out; background-image: url('../dgtl-child/img/icons/close.svg' ); }

.module.accordeon .row .bottom { overflow: clip; transition: all .5s ease-in-out; }
.module.accordeon .row .bottom:not(.active) { height: 0px; pointer-events: none; }
.module.accordeon .row .bottom.active { height: 5000px; }

.module.accordeon .row .bottom .text { padding-bottom: 5px; opacity: 0; transition: all .5s ease-in-out; }
.module.accordeon .row .bottom.active .text { opacity: 1; }

/* *   
   *
   * -- > CREATIONS LIST
   *
   * */

#creations_list { width: 100%; }
#creations_list .the_creations { display: flex; flex-wrap: wrap; }

#creations_list .creation { padding: var(--rs); margin-left: var(--rs); display: flex; flex-direction: column; }

#creations_list .creation .actions { opacity: 1; transition: all .3s ease-in-out; }
#creations_list .creation:not(:hover) .actions { opacity: 0; pointer-events: none; }
#creations_list .creation .cart_action { 
  align-self: flex-end; display: flex; align-items: center; justify-content: center; 
  width: 64px; height: 64px; 
  margin-top: -72px; 
  border-radius: 50%; 
  transition: all .3s ease-in-out;
  position: relative;
  z-index: 9999999;
  filter: brightness(1.0);
}
#creations_list .creation .cart_action:hover { opacity: 1; filter: brightness(1.1); }
#creations_list .creation .cart_action.cart-add { background: black; }
#creations_list .creation .cart_action.cart-check { background: green; }
#creations_list .creation .cart_action .icon { filter: invert(100%); margin: var(--hs); }


#creations_list .creation .product_canvas { width: auto; overflow: hidden; }
#creations_list .creation .product_canvas .the_product { width: 280px; height: 280px; object-fit: contain; }
#creations_list .creation .product_canvas .the_layers { transform: scale(0.4); }


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

/* *   
   *
   * -- > MASTHEAD
   *
   * */

#masthead .inside-header { height: 100px; padding: var(--rs); }

#masthead .main-navigation .inside-navigation .main-nav li a { font-weight: 400; text-transform: uppercase; }

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

.inside-header { color: white; }
.site-header #primary-menu .current_page_item { background-color: white; }
.site-header #primary-menu .current_page_item a { color: black; }

/* *   
   *
   * -- > LANG MENU
   *
   * */

.lang-item { margin: var(--rs); list-style: none; }



/* *   
   *
   * -- > USER MENU
   *
   * */

#menu-menu-utilisateur {}
#menu-menu-utilisateur li a { color: white; }


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

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

#footer-cta { background-color: black; padding: var(--ds) var(--dds) 0; }
#footer-cta .layout { display: flex; border-style: solid; border-width: 2px 0 2px 0; border-color: rgba(255,255,255,0.3); width: 100%; }
#footer-cta .layout .left { display: flex; flex-direction: column; align-items: flex-start; }
#footer-cta .layout .left .title { margin-bottom: var(--rs); }


/*
============================================================================================================
  PAGE >> HOME
============================================================================================================
*/

body.home #masthead { background-color: transparent; position: absolute; width: 100%; }

#page-home {}
#page-home section:not(#hero) { background-color: black; }
#page-home section .title, #page-home section p { color: white; }

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

#page-home #hero {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

#page-home #hero .layout {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

#page-home #hero .content { display: flex; flex-direction: column; align-items: flex-start; }
#page-home #hero .content .title { font-weight: 700; margin-bottom: var(--rs); }

/* *   
   *
   * -- > FEATURES
   *
   * */

#page-home #features {}

#page-home #features .top { display: flex; justify-content: space-between; }
#page-home #features .top .left .title { margin-bottom: var(--rs); }

#page-home #features .the_features { display: flex; }
#page-home #features .the_features .feature { padding: var(--rs); border: solid 1px rgba(255,255,255,0.5); }

#page-home #features .the_features .feature .content { display: flex; flex-direction: column; align-items: flex-start; }
#page-home #features .the_features .feature .content img { margin: var(--rs) 0; }
#page-home #features .the_features .feature .content .text { margin: var(--hs) 0 var(--rs) 0; }

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

#page-home #shop {}
#page-home #shop .title { margin-bottom: var(--ds); }
#page-home #shop .the_products { display: flex; flex-wrap: wrap; }
#page-home #shop .the_products .product a { display: flex; flex-direction: column; align-items: flex-start; }
#page-home #shop .the_products .product img { object-fit: cover; }
#page-home #shop .the_products .product span { display: flex; justify-content: flex-start; align-items: center; margin: var(--rs) 0; }
#page-home #shop .the_products .product span .icon { margin-left: var(--hs); }

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

#page-home #about {}
#page-home #about .layout { display: flex; }
#page-home #about .layout .right .title { margin-bottom: var(--rs); }
#page-home #about .layout .right .text p { margin-bottom: var(--rs); }




/*
============================================================================================================
  PAGE >> ABOUT
============================================================================================================
*/

#page-about {}
#page-about section:not(#hero) { background-color: black; }
#page-about section .title { margin-bottom: var(--hs); }
#page-about section .title, #page-home section p { color: white; }
#page-about section .text p { margin-bottom: var(--hs); }

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

#page-about #hero {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

#page-about #hero .layout {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
#page-about #hero .red-overlay { background: linear-gradient(to right, rgba(196, 24, 24, 0.6) 0%, rgba(196, 24, 24, 0) 100%); }

#page-about #hero .content { display: flex; flex-direction: column; align-items: flex-start; }
#page-about #hero .content .title { font-weight: 700; }

/* *   
   *
   * -- > INTRO
   *
   * */

#page-about #intro {}
#page-about #intro .layout { display: flex; }

/* *   
   *
   * -- > FEATURES
   *
   * */

#page-about #features {}

#page-about #features .top { display: flex; justify-content: space-between; }

#page-about #features .the_features { display: flex; }
#page-about #features .the_features .feature { padding: var(--rs); border: solid 1px rgba(255,255,255,0.5); }

#page-about #features .the_features .feature .content { display: flex; flex-direction: column; align-items: flex-start; }
#page-about #features .the_features .feature .content img { margin: var(--rs) 0; }
#page-about #features .the_features .feature .content .text { margin: var(--hs) 0 var(--rs) 0; }

/* *   
   *
   * -- > TEAM
   *
   * */

#page-about #team {}

#page-about #team .the_team { display: flex; flex-wrap: wrap; }

#page-about #team .the_team .member { display: flex; flex-direction: column; padding: var(--rs); }
#page-about #team .the_team .member img { margin-bottom: var(--rs); }



/*
============================================================================================================
  PAGE >> FAQ
============================================================================================================
*/

#page-faq {}
#page-faq section:not(#hero) { background-color: black; }
#page-faq section .content > .title { margin-bottom: var(--hs); }
#page-faq section .title, #page-home section p { color: white; }
#page-faq section .text p { margin-bottom: var(--hs); }

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

#page-faq #hero {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

#page-faq #hero .layout {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
#page-faq #hero .color-overlay { background: linear-gradient(to right, rgba(41, 193, 221, 0.6) 0%, rgba(41, 193, 221, 0) 100%); }

#page-faq #hero .content { display: flex; flex-direction: column; align-items: flex-start; }
#page-faq #hero .content .title { font-weight: 700; }

/* *   
   *
   * -- > QUESTIONS
   *
   * */

#page-faq #questions {}

#page-faq #questions .top { display: flex; justify-content: space-between; }


/*
============================================================================================================
  PAGE >> CONTACT
============================================================================================================
*/

#page-contact {}
#page-contact section:not(#hero) { background-color: black; }
#page-contact section .title { margin-bottom: var(--hs); }
#page-contact section .title, #page-home section p { color: white; }
#page-contact section .text p { margin-bottom: var(--hs); }

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

#page-contact #hero {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

#page-contact #hero .layout {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
#page-contact #hero .overlay { background: linear-gradient(to right, rgba(47, 47, 47, 0.6) 0%, rgba(47, 47, 47, 0) 100%); }

#page-contact #hero .content { display: flex; flex-direction: column; align-items: flex-start; }
#page-contact #hero .content .title { font-weight: 700; }

/* *   
   *
   * -- > FORM
   *
   * */

#page-contact #form {}
#page-contact #form .form-container {}
#page-contact #form .form-container .wpcf7-form-control-wrap,
#page-contact #form .form-container input:not([type=submit]) { width: 100%; display: block; }
#page-contact #form .form-container input:not([type=submit]),
#page-contact #form .form-container textarea { background: transparent; color: white; border-width: 0 0 1px 0; opacity: 1; }
#page-contact #form .form-container input[type=submit] { margin-top: var(--rs); }
#page-contact #form .form-container input::placeholder,
#page-contact #form .form-container textarea::placeholder { color: white; opacity: 1; }

/* *   
   *
   * -- > INFO
   *
   * */

#page-contact #info {}
#page-contact #info .layout { display: flex; }


/*
============================================================================================================
  PRODUCTS >> ARCHIVE
============================================================================================================
*/

#archive-products { background-color: black; }
#archive-products section:not(#hero) {}
#archive-products section .title, #page-home section p { color: white; }

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

#archive-products #hero {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: black;
}

#archive-products #hero .layout {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
/* #archive-products #hero .black-overlay { background: linear-gradient(to right, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 0) 40%); } */

#archive-products #hero .content { display: flex; flex-direction: column; align-items: flex-start; }
#archive-products #hero .content .title { font-weight: 700; }

/* *   
   *
   * -- > THE PRODUCTS
   *
   * */

.products-list .product {}
.products-list .product:nth-child(even) { background-color: rgba(26,26,26,1); }

.products-list .product .layout {}
.products-list .product .title { margin-bottom: var(--hs); }
.products-list .product .text p { margin-bottom: var(--hs); }
.products-list .product .product_colors {  margin-top: var(--rs); }
.products-list .product .product_colors .the_colors { margin-top: var(--hs); }
.products-list .product .actions { display: flex; align-items: center; margin-top: var(--rs); }

.color-swatch { display: inline-block; height: 30px; width: 30px; border-radius: 50%; border: solid 2px rgba(255,255,255,0.4); transition: all .5s ease-in-out; }
.color-swatch:hover { border-color: rgba(255,255,255,0.7); cursor: pointer; }
.color-swatch.active { border-color: rgba(255,255,255,1); }




/*
============================================================================================================
  CREATION
============================================================================================================
*/


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

#creation_header { color: white; }

/* *   
   *
   * -- > BODY
   *
   * */

#creation_body { background-color: rgba(20,20,20,1); height: calc(100vh - 100px); user-select: none; }

/* *   
   *
   * -- > LAYOUT
   *
   * */

#creation_body > .layout { display: flex; flex-direction: column; height: 100%; }



/* *   
   *
   * -- > TOP BAR
   *
   * */

#creation_body #top_bar { background-color: rgba(14,14,14,1); height: 60px; display: flex; align-items: center; }

#creation_body #top_bar .toolbar { display: flex; width: 100%; height: 24px; transition: all .3s ease-in-out; }
#creation_body #top_bar .toolbar:not(.active) { opacity: 0; pointer-events: none; }
#creation_body #top_bar .toolbar .the_tools { display: flex; justify-content: center; align-items: center; }

#creation_body #top_bar .toolbar .tool { 
  display: flex; flex-direction: column; justify-content: flex-start;
  height: 100%;
  border-left: solid 1px rgba(255,255,255,0.5); 
}
#creation_body #top_bar .toolbar .tool:first-child { border-left: none; }
#creation_body #top_bar .toolbar .tool .dropdown-content { 
  position: absolute; 
  z-index: 9999999;
  margin-top: calc(42px + var(--rs));
  left: var(--rs);
}
#creation_body #top_bar .toolbar .tool .dropdown-content ul { 
  list-style: none;
  margin: 0;
  width: 250px;
  max-height: 60vh;
}
#creation_body #top_bar .toolbar .tool.fontfamily .dropdown-content ul { 
  overflow-y: scroll;
}

/* FONT FAMILY */
#creation_body #top_bar .toolbar .tool.fontfamily .current-selection { display: flex; align-items: center; }
#creation_body #top_bar .toolbar .tool.fontfamily .icon { 
  content: "";
  width: 20px; height: 20px;
  margin-right: var(--hs);
  background-size: contain; 
  background-position: center center; 
  background-repeat: no-repeat;
  background-image: url('../dgtl-child/img/icons/text.svg');
}

/* FONT SIZE */
#creation_body #top_bar .toolbar .tool.fontsize { display: flex; flex-direction: row; align-items: center; }
#creation_body #top_bar .toolbar .tool.fontsize button { height: 24px; width: 24px; padding: 0; background: transparent; opacity: 0.8; transition: all .3s ease-in-out; }
#creation_body #top_bar .toolbar .tool.fontsize button:hover { opacity: 1; }
#creation_body #top_bar .toolbar .tool.fontsize input[type="number"] {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
  -moz-appearance: none;
  appearance: none;
  width: 50px;
  padding: 0;
  background: transparent;
  color: white;
  border: none;
  text-align: center;
}
#creation_body #top_bar .toolbar .tool.fontsize input[type="number"]::-webkit-inner-spin-button,
#creation_body #top_bar .toolbar .tool.fontsize input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#creation_body #top_bar .toolbar .tool.fontsize input[type="number"] {
    -moz-appearance: textfield;
}

/* COLOR */
#creation_body #top_bar .toolbar .tool.color {}
#creation_body #top_bar .toolbar .tool.color .current-selection { display: flex; align-items: center; }
#creation_body #top_bar .toolbar .tool.color .dropdown-content { background: black; border: solid 1px rgba(255,255,255,0.5); border-radius: 10px; padding: var(--rs); }

#creation_body #top_bar .toolbar .tool.color .color_palettes { margin-top: var(--rs); }
#creation_body #top_bar .toolbar .tool.color ul { position: relative; border: none; background: transparent; display: flex; justify-content: space-between; padding: 2px 0; }
#creation_body #top_bar .toolbar .tool.color ul li { padding: 2px 0; }

/* TEXT ALIGN */
#creation_body #top_bar .toolbar .tool.textalign .current-selection { display: flex; align-items: center; }
#creation_body #top_bar .toolbar .tool.textalign .current-selection .icon { width: 24px; height: 24px; margin-right: var(--hs); background-size: contain; }
#creation_body #top_bar .toolbar .tool.textalign .current-label { width: 100px; }

/* *   
   *
   * -- > IMAGE MANAGER
   *
   * */

#creation_body #image-manager:not(.active) { display: none; }

#creation_body #image-manager { 
  position: absolute; 
  z-index: 9999;
  background: black;
  padding: var(--rs);
  border: solid 1px rgba(255,255,255,0.5);
  border-radius: 10px;
  transition: all .3s ease-in-out;
  overflow: clip;
}

#creation_body #image-manager .layout { display: flex; flex-direction: column; align-items: flex-end; }
#creation_body #image-manager .layout .toggle { position: absolute; margin-top: -12px; margin-right: -12px; }
#creation_body #image-manager .layout .toggle .btn { transition: all .3s ease-in-out; }
#creation_body #image-manager .layout .toggle .btn:hover { opacity: 0.5; }
#creation_body #image-manager .layout .top { display: flex; flex-direction: column; }

/* REDUCED */
#creation_body #image-manager.reduced .top,
#creation_body #image-manager.reduced .latest-uploads { display: none; }
#creation_body #image-manager.reduced .toggle .btn { transform: rotate(45deg); }

#creation_body #image-manager .top .title { font-size: 2rem; margin-bottom: var(--hs); }
#creation_body #image-manager .top .text { margin-bottom: var(--rs); }
#creation_body #image-manager .top .text p { margin-bottom: var(--hs); }

#creation_body #image-manager .top input { margin-bottom: var(--hs); }
/* #creation_body #image-manager .top button:not(.active) { display: none; } */

#creation_body #image-manager form:not(.disabled) label { display: none; }
#creation_body #image-manager form.disabled fieldset { display: none; }

#creation_body #image-manager .latest-uploads { padding: var(--rs) 0; overflow-x: clip; overflow-y: scroll; height: 200px; }
#creation_body #image-manager .latest-uploads label { margin-right: var(--hs); }
#creation_body #image-manager .latest-uploads .gallery_count { display: inline-block; }
#creation_body #image-manager .latest-uploads .the_images { display: flex; flex-wrap: wrap; margin-top: var(--hs); }

/* IMAGE */
#creation_body #image-manager .latest-uploads .the_images .image-container {
  display: flex; flex-direction: column; align-items: flex-end;
  padding: var(--hhs);
  margin: 0 var(--hs) var(--hs) 0;
}
#creation_body #image-manager .latest-uploads .the_images .image-container .actions { height: 0px; }
#creation_body #image-manager .latest-uploads .the_images .image-container:not(:hover) .delete { opacity: 0; }
#creation_body #image-manager .latest-uploads .the_images .image-container .delete { 
  display: flex; justify-content: center; align-items: center;
  position: relative; z-index: 999;
  border: solid 1px rgba(255,255,255,0.5); border-radius: 50%;
  box-shadow: 0 0 2px 2px rgba(0,0,0,0.5);
  background-color: black;
  width: 28px; height: 28px;
  margin-right: -8px; margin-top: -8px;
  transition: all .3s ease-in-out;
  cursor: pointer;
  opacity: .8;
}
#creation_body #image-manager .latest-uploads .the_images .image-container .delete:hover { opacity: 1; }
#creation_body #image-manager .latest-uploads .the_images img.uploaded-image { 
  width: 64px; height: 64px;
  object-fit: cover; 
  cursor: pointer; transition: all .3s ease-in-out; 
  opacity: 0.7; 
}
#creation_body #image-manager .latest-uploads .the_images img.uploaded-image:hover { opacity: 1; }
#creation_body #image-manager .latest-uploads .the_images img.uploaded-image.selected { opacity: 1; border: solid 1px rgba(255,255,255,0.5); }




/* *   
   *
   * -- > MAIN CONTAINER
   *
   * */

#creation_body #main_container { display: flex; }

/* *   
   *
   * -- > CANVAS
   *
   * */

.product_canvas { 
  height: 100%; 
  overflow-y: scroll;
  overflow-x: clip;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.product_canvas .product { height: 100%; width: 100%; background-size: contain; background-repeat: no-repeat; background-position: center center; }
.product_canvas .product:not(.active) { display: none; }

.product_canvas .the_layers { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; }
.product_canvas .the_layers .layer { position: absolute; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; }
.product_canvas .the_layers .layer div { display: flex; justify-content: space-between; }
.product_canvas .the_layers .layer div .icon { 
  background-color: rgb(240,240,240); background-size: 20px 20px; background-position: center center;
  width: 32px; height: 32px; border-radius: 50%;
  cursor: pointer; transition: all .3s ease-in-out;
  position: relative; z-index: 99999999;
}
.product_canvas .the_layers .layer div .icon:hover { background-color: rgb(255,255,255); }
.product_canvas .the_layers .layer div .icon.drag { background-size: 24px 24px; }

.product_canvas .the_layers .layer div .icon:first-child { margin-left: -32px; }
.product_canvas .the_layers .layer div .icon:last-child { margin-right: -32px; }

.product_canvas .the_layers .layer .the_layer { border: none; padding: 0; }
.product_canvas .the_layers .layer div.canvas_tools { position: relative; }
.product_canvas .the_layers .layer div.canvas_tools.top { bottom: 0; }
.product_canvas .the_layers .layer div.canvas_tools.bottom { top: 0; }

/* NOT ACTIVE */
.product_canvas .the_layers .layer:not(.active) .the_layer { pointer-events: none; }
.product_canvas .the_layers .layer:not(.active) div.canvas_tools { opacity: 0; pointer-events: none; }

/* ACTIVE */
.product_canvas .the_layers .layer.active { z-index: 100000; }
.product_canvas .the_layers .layer.active .the_layer {}
.product_canvas .the_layers .layer.active div.canvas_tools { width: 100%; }

/* TEXT */
.product_canvas .the_layers .layer textarea.the_layer { 
  background: transparent; 
  overflow: hidden; 
  width: 100%; height: 100%;
  resize: none;
  transform: scale(1.0); 
}
.product_canvas .the_layers .layer.text div.canvas_tools.bottom { justify-content: flex-start; }

/* IMAGE */
.product_canvas .the_layers .layer .the_image { height: 100%; width: 100%; background-size: contain; background-repeat: no-repeat; background-position: center center;}


/* *   
   *
   * -- > SETTINGS (LAYERS)
   *
   * */

#creation_body #product_settings {}
#creation_body #product_settings .layout {  }
#creation_body #product_settings .layout .top { display: flex; align-items: center; }
#creation_body #product_settings .layout .bottom { padding: var(--rs); height: calc(100% - 84px); display: flex; flex-direction: column; justify-content: space-between; }

#creation_body #product_settings .product_name { color: white; }
#creation_body #product_settings .edit { margin-left: var(--hs); cursor: pointer; transition: all .3s ease-in-out; }
#creation_body #product_settings .edit:hover { opacity: 0.7; }

/* SIDE SELECT */
#creation_body #product_settings .side-select {}
#creation_body #product_settings .side-select .dropdown-content { width: 100%; }
#creation_body #product_settings .side-select .current-selection { 
  display: flex; align-items: center; justify-content: space-between;
  color: rgba(255,255,255,1); 
  margin-bottom: var(--rs); 
  border-bottom: solid 1px rgba(255,255,255,0.5);
}

/* LAYERS LISTS */
#creation_body #product_settings .layers-lists { overflow-y: scroll; }

/* LAYERS LIST */
#creation_body #product_settings .layers-list { margin-right: var(--hs); }
#creation_body #product_settings .layers-list:not(.active) { display: none; }

#creation_body #product_settings .layers-list ul { list-style: none; margin: 0; }
#creation_body #product_settings .layers-list ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: solid 1px rgba(255,255,255,0.5);
  color: rgba(255,255,255,0.4);
  padding: var(--hs);
  margin-bottom: var(--hhs);
  border-radius: 10px;
  cursor: pointer;
  transition: all .3s ease-in-out;
}
#creation_body #product_settings .layers-list ul li:hover { color: rgba(255,255,255,0.6); }
#creation_body #product_settings .layers-list ul li.active { color: black; background: white; }

#creation_body #product_settings .layers-list ul li .title { display: flex; align-items: center; }
#creation_body #product_settings .layers-list ul li .title .icon { 
  width: 32px; height: 32px; margin-right: var(--hs);
  background-size: 18px 18px; 
  opacity: 0.4; 
  border: solid 1px rgba(255,255,255,0.4); border-radius: 50%; 
}
#creation_body #product_settings .layers-list ul li.active .title .icon { filter: invert(100%); opacity: 1; }

#creation_body #product_settings .layers-list ul li .controls { display: flex; align-items: center; }
#creation_body #product_settings .layers-list ul li .controls > * { margin-left: var(--hhs); }
#creation_body #product_settings .layers-list ul li .controls .icon { transition: all .3s ease-in-out; }

#creation_body #product_settings .layers-list ul li.active .controls .icon { filter: invert(0%); opacity: 0.4; }

#creation_body #product_settings .layers-list ul li:not(.active) .controls .icon { opacity: 0; }
#creation_body #product_settings .layers-list ul li:hover .controls .icon { opacity: 0.4; }
#creation_body #product_settings .layers-list ul li .controls .icon:hover { opacity: 1; }

#creation_body #product_settings .layers-list ul li .controls .move-layer { display: flex; flex-direction: column; }

/* BTNS */

#creation_body #product_settings .btns-container { margin-top: var(--hs); display: flex; justify-content: space-between; width: 100%; }
#creation_body #product_settings .btns-container button { width: calc(50% - var(--hhs)); border-radius: 10px; padding: var(--hs); }

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

#creation_body #bottom_bar { background-color: rgba(14,14,14,1); height: 60px; display: flex; align-items: center; }

.zoom_wrapper { display: flex; align-items: center; margin-left: var(--ds); }
.zoom_wrapper > div { margin: 0 var(--rs); }

#zoom-bar-cont {
  height: 8px;
  width: 200px;
  background: rgb(150,150,150);
  position: relative;
  border-radius: 8px;
}

#slider {
  cursor: pointer;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: rgba(225,225,225,1);
  position: absolute;
  bottom: 50%;
  left: 0;
  transform: translateY(50%) translateX(-50%);
  display: flex;
  justify-content: center;
}
#slider:hover { background: rgba(255,255,255,1); }



/* *   
   *
   * -- > CONFIRM POPUP
   *
   * */

#creation_confirm { 
  position: absolute; 
  width: 100%; height: 100%; 
  top: 0; left: 0; 
  z-index: 9999999; 
  background-color: rgba(0,0,0,0.95); 
  transition: all .5s ease-in-out; 
  opacity: 1;
  user-select: none;
}
#creation_confirm:not(.active) { opacity: 0; pointer-events: none; }
#creation_confirm .popup-container { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: flex-end; }
#creation_confirm .close.btn { margin: var(--rs); transition: all .3s ease-in-out; }
#creation_confirm .close.btn:hover { opacity: 0.7; }

#creation_confirm .layout { display: flex; }

/* LEFT */
#creation_confirm .left {}
#creation_confirm #preview { display: flex; width: 100%; height: 100%; }
#creation_confirm #preview .product_canvas { width: 100%; overflow: hidden; }

/* RIGHT */
#creation_confirm .right { display: flex; flex-direction: column; align-items: flex-start; }
#creation_confirm .right .title { font-weight: 700; margin-bottom: var(--rs); }
#creation_confirm .right .text {}
#creation_confirm .right .text ul { margin: var(--rs) 0; padding: 0; list-style: none; }
#creation_confirm .right .text ul li { display: flex; align-items: center; margin-bottom: var(--hs); }
#creation_confirm .right .text ul li:before { 
  content: ""; 
  display: inline-block; 
  background-image: url('../dgtl-child/img/icons/check.svg'); background-size: contain; background-repeat: no-repeat;
  height: 32px; width: 32px; min-width: 32px;
  margin-right: var(--hs);
}
#creation_confirm .right hr { width: 100%; background-color: rgba(255,255,255,0.5); margin: var(--rs) 0; }
#creation_confirm .right label { margin-bottom: var(--rs); cursor: pointer; }
#creation_confirm .right label input { margin-right: var(--hs); }
#creation_confirm .right a.next:not(.active) { opacity: 0.3; pointer-events: none; }

/* *   
   *
   * -- > PRODUCTS POPUP
   *
   * */

#creation_products { 
  position: absolute; 
  width: 100%; height: 100vh;
  top: 0; left: 0; 
  z-index: 9999999; 
  background-color: rgba(0,0,0,0.95); 
  transition: all .5s ease-in-out; 
  opacity: 1;
  user-select: none;
}
#creation_products:not(.active) { opacity: 0; pointer-events: none; }
#creation_products .popup-container { width: 100%; height: 100vh; display: flex; flex-direction: column; align-items: flex-end; overflow-y: scroll; }
#creation_products .close.btn { margin: var(--rs); cursor: pointer; transition: all .3s ease-in-out; }
#creation_products .close.btn:hover { opacity: 0.7; }

/*
============================================================================================================
  WOOCOMMERCE > CART
============================================================================================================
*/

#page-cart {}
.page-template-page-cart #content {}

/* *   
   *
   * -- > LAYOUT
   *
   * */

#page-cart .cart-layout { display: flex; }

/* *   
   *
   * -- > CREATIONS TAB
   *
   * */

#creations-tab { 
  display: flex; flex-direction: column; align-items: center;
}
#creations-tab #creations_list { display: flex; flex-direction: column; align-items: center; }
#creations-tab #creations_list > .title { font-weight: 600; font-size: 1.5rem; text-align: center; margin: auto; }

#creations-tab #creations_list .the_creations:not(.not-logged-in) { overflow-y: hidden; overflow-x: clip; }
#creations-tab #creations_list .the_creations:not(.not-logged-in):hover { overflow-y: scroll; }
#creations-tab #creations_list .creation { margin-left: 0; }

#creations-tab #creations_list .new_product { display: flex; justify-content: center; }
#creations-tab .new_product { margin-left: 0; }

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

#page-cart #hero {}



/* *   
   *
   * -- > CART
   *
   * */

#page-cart #cart { padding-bottom: var(--dds); }


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


.woocommerce button.button:disabled { color: white!important; transition: all .3s ease-in-out; }
.woocommerce button.button:disabled:hover { background-color: var(--contrast)!important; opacity: 0.4; }


/* *   
   *
   * -- > DGTL CART
   *
   * */

#dgtl_cart {}

#dgtl_cart .the_creations {}

#dgtl_cart .the_creations .creation_cart_item { padding: var(--rs); }
#dgtl_cart .the_creations .creation_cart_item:nth-child(odd) { background-color: rgba(0,0,0,0.04); }
#dgtl_cart .the_creations .creation_cart_item .item_layout { display: flex; }

/* THUMBNAIL / PRODUCT CANVAS */
#dgtl_cart .creation_cart_item .product-thumbnail a { display: block; width: 280px; height: 280px; }
#dgtl_cart .creation_cart_item .product-thumbnail .the_product { width: 280px; height: 280px; }

#dgtl_cart .creation_cart_item .product_canvas { overflow: hidden; }
#dgtl_cart .creation_cart_item .product_canvas .the_layers { transform: scale(0.4); }

/* PRODUCT DETAILS */
#dgtl_cart .creation_cart_item .product_details .title { font-size: 1.8rem; font-weight: 600; }

/* PRODUCT DETAILS >> VARIATIONS */
#dgtl_cart .creation_cart_item .product_details .variations { display: flex; flex-wrap: wrap; margin-top: var(--rs); }

#dgtl_cart .creation_cart_item.warning-size .product_details .variations { padding: 18px; border: solid 5px red; }

#dgtl_cart .creation_cart_item .product_details .variations .quantity { display: flex; flex-direction: column; }
#dgtl_cart .creation_cart_item .product_details .variations .quantity label { font-size: .7rem; }

#dgtl_cart .creation_cart_item .product_details .variations .qty,
#dgtl_cart .creation_cart_item .product_details .variations .add_size_to_cart { width: 80px; height: 50px; border: solid 1px rgba(0,0,0,0.5); border-radius: 5px; margin-right: var(--hhs); }

#dgtl_cart .creation_cart_item .product_details .variations .add_size_to_cart { display: flex; justify-content: center; align-items: center; opacity: .4; transition: all .3s ease-in-out; }
#dgtl_cart .creation_cart_item .product_details .variations .add_size_to_cart .icon {  }
#dgtl_cart .creation_cart_item .product_details .variations .add_size_to_cart:hover { opacity: 1; }

#dgtl_cart .creation_cart_item .product_details .size-chart { display: inline-flex; margin-top: var(--rs); }

/* PRODUCT DETAILS >> PRICING */
#dgtl_cart .creation_cart_item .product_details .pricing { margin-top: var(--rs); }
#dgtl_cart .creation_cart_item .product_details .pricing span { font-size: 1.5rem; font-weight: 500; }

/* PRODUCT DETAILS >> NOTIFICATION */
#dgtl_cart .creation_cart_item .product_details .notification { color: red; font-size: .9rem; text-decoration: underline; }

/* *   
   *
   * -- > CART TOTALS
   *
   * */

/* LAYOUT */

.totals_container {}
.totals_container .layout { display: flex; }

/* DISCOUNTS */

.totals_container .cart_discounts {}
.totals_container .cart_discounts #discounts_list ul { list-style: none; margin: var(--hs) var(--rs) var(--rs) 0; padding: var(--rs); border: solid 1px rgba(0,0,0,0.5); }
.totals_container .cart_discounts #discounts_list ul li { display: flex; justify-content: space-between; width: 100%; }
.totals_container .cart_discounts #discounts_list ul li:not(:last-child) { border-bottom: solid 1px rgba(0,0,0,0.2); }
.totals_container .cart_discounts #discounts_list ul li.list-details { font-weight: 600; }

/* TOTALS */

.woocommerce .cart-collaterals .cart_totals {}
.woocommerce .cart-collaterals .cart_totals .title { margin-bottom: var(--hs); }

/*
============================================================================================================
  WOOCOMMERCE > CHECKOUT
============================================================================================================
*/

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

.woocommerce-checkout .entry-header { max-width: 1200px; margin: var(--ds) auto; }

/* *   
   *
   * -- > LAYOUT
   *
   * */



/*
============================================================================================================
  WOOCOMMERCE > ACCOUNT
============================================================================================================
*/

#page-account { padding-left: var(--ds); padding-right: var(--ds); padding-bottom: var(--dds); }

#page-account #hero { margin: var(--rs) 0; }

#page-account #account-menu .woocommerce { display: flex; }

/* *   
   *
   * -- > CREATIONS LIST
   *
   * */

#page-account #creations_list {}
#page-account #creations_list .creation { box-shadow: 0 0 5px 2px rgba(0,0,0,0.05); margin-bottom: var(--rs); }
#page-account #creations_list label { display: block; }

/*
============================================================================================================
  DOWNLOAD PAGE
============================================================================================================
*/

.page-template-page-download #mobile-header { display: none!important; }



/*
============================================================================================================
  DEFAULT PAGE TEMPLATE
============================================================================================================
*/


.page-template-default {}

.page-template-default .page { padding: var(--ds); max-width: 1200px; }

.page-template-default .entry-content p { margin-bottom: var(--hs); }
.page-template-default .entry-content .wp-block-heading { margin-top: var(--ds); }