/*
########     ###     ######  ####  ######  
##     ##   ## ##   ##    ##  ##  ##    ## 
##     ##  ##   ##  ##        ##  ##       
########  ##     ##  ######   ##  ##       
##     ## #########       ##  ##  ##       
##     ## ##     ## ##    ##  ##  ##    ## 
########  ##     ##  ######  ####  ######  
*/

.container {
  width: 1100px;
  margin: auto;
}

/* GRID */
.to-cols {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.wp-block-column:not(:first-child),
.wp-block-column:nth-child(2n) { margin-left: 0;}

.to-cols.gap-10 .to-col { margin-left: 10px; }
.to-cols.gap-20 .to-col { margin-left: 20px; }
.to-cols.gap-30 .to-col { margin-left: 30px; }
.to-cols.gap-40 .to-col { margin-left: 40px; }
.to-cols.gap-50 .to-col { margin-left: 50px; }
.to-cols .to-col:first-child { margin-left: 0; }

.to-cols-1-1 .to-col, .to-cols-2 .to-col { width: 50%; }
.to-cols-1-1-1 .to-col, .to-cols-3 .to-col { width: 33%; }

/* COLUMNS */
.to-style-cols-1-1 {}

.to-style-cols-2-1 .wp-block-column:first-child { flex-basis: 67%; }
.to-style-cols-2-1 .wp-block-column:last-child { flex-basis: 33%; }
.to-style-cols-1-2 .wp-block-column:first-child { flex-basis: 33%; }
.to-style-cols-1-2 .wp-block-column:last-child { flex-basis: 67%; }

.to-column-gap-10 .wp-block-column:not(:first-child) { margin-left: 10px; }
.to-column-gap-20 .wp-block-column:not(:first-child) { margin-left: 20px; }
.to-column-gap-30 .wp-block-column:not(:first-child) { margin-left: 40px; }
.to-column-gap-40 .wp-block-column:not(:first-child) { margin-left: 50px; }
.to-column-gap-50 .wp-block-column:not(:first-child) { margin-left: 100px; }

/* COLUMN */
.wp-block-column,
.wp-block-group {
  background-repeat: no-repeat;
}

.to-column-bg-size-cover,
.to-group-bg-size-cover { background-size: cover; }
.to-column-bg-size-contain,
.to-group-bg-size-contain { background-size: contain; }
.to-column-bg-position-center,
.to-group-bg-position-center { background-position: center; }
.to-column-bg-position-top-left,
.to-group-bg-position-top-left { background-position: top left; }
.to-column-bg-position-top-center,
.to-group-bg-position-top-center { background-position: top center; }
.to-column-bg-position-top-right,
.to-group-bg-position-top-right { background-position: top right; }
.to-column-bg-position-center-left,
.to-group-bg-position-center-left { background-position: center left; }
.to-column-bg-position-center-right,
.to-group-bg-position-center-right { background-position: center right; }
.to-column-bg-position-bottom-left,
.to-group-bg-position-bottom-left { background-position: bottom left; }
.to-column-bg-position-bottom-center,
.to-group-bg-position-bottom-center { background-position: bottom center; }
.to-column-bg-position-bottom-right,
.to-group-bg-position-bottom-right { background-position: bottom right; }



.is-style-to-group-full-width-padding,
.is-style-to-group-full-width,
.is-style-to-columns-full-width-padding,
.is-style-to-columns-full-width {
  margin-left: calc((1100px - 100vw) / 2);
  margin-right: calc((1100px - 100vw) / 2);
}

.is-style-to-group-full-width-padding,
.is-style-to-columns-full-width-padding {
  padding-left: calc((100vw - 1100px) / 2);
  padding-right: calc((100vw - 1100px) / 2);
}

.is-style-to-columns-gap-10 .wp-block-column { margin-left: 10px; }
.is-style-to-columns-gap-20 .wp-block-column { margin-left: 20px; }
.is-style-to-columns-gap-30 .wp-block-column { margin-left: 30px; }
.is-style-to-columns-gap-40 .wp-block-column { margin-left: 40px; }
.is-style-to-columns-gap-50 .wp-block-column { margin-left: 50px; }

.is-style-to-columns-gap-10 .wp-block-column:first-child,
.is-style-to-columns-gap-20 .wp-block-column:first-child,
.is-style-to-columns-gap-30 .wp-block-column:first-child,
.is-style-to-columns-gap-40 .wp-block-column:first-child,
.is-style-to-columns-gap-50 .wp-block-column:first-child {
  margin-left: 0;
}

.has-small-12-font-size { font-size: 12px; line-height: 20px; }
.has-small-14-font-size { font-size: 14px; line-height: 22px; }
.has-small-16-font-size { font-size: 16px; line-height: 24px; }

.has-normal-18-font-size { font-size: 18px; line-height: 26px; }
.has-normal-20-font-size { font-size: 20px; line-height: 28px; }
.has-normal-22-font-size { font-size: 22px; line-height: 30px; }
.has-normal-24-font-size { font-size: 24px; line-height: 32px; }
.has-normal-26-font-size { font-size: 26px; line-height: 34px; }

.has-medium-30-font-size { font-size: 30px; line-height: 38px; }
.has-medium-34-font-size { font-size: 34px; line-height: 42px; }
.has-medium-38-font-size { font-size: 38px; line-height: 46x; }

.has-big-40-font-size { font-size: 40px; line-height: 48px; }
.has-big-46-font-size { font-size: 46px; line-height: 54px; }
.has-big-50-font-size { font-size: 50px; line-height: 58px; }

#primary ul,
#primary ol {
  margin: 0;
}


/* -- ANIMATION -- */
.ve-wa-anim { opacity: 0; }
.ve-wa-anim.animate__animated { opacity: 1; }



/* -- STAGE -- */
.stage {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 300px;
}

@media screen and (max-width: 1100px)
{
  .container {
    width: auto;
  }

  #content .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .is-style-to-group-full-width-padding,
  .is-style-to-group-full-width,
  .is-style-to-columns-full-width-padding,
  .is-style-to-columns-full-width {
    margin-left: -20px;
    margin-right: -20px;
    width: auto;
  }

  .is-style-to-group-full-width-padding,
  .is-style-to-columns-full-width-padding {
    padding-left: 20px;
    padding-right: 20px;
  }

}



/*
   ##    ########  #######    #####   
  ##     ##    ## ##     ##  ##   ##  
 ##          ##   ##     ## ##     ## 
##          ##     #######  ##     ## 
 ##        ##     ##     ## ##     ## 
  ##       ##     ##     ##  ##   ##  
   ##      ##      #######    #####   
*/
@media screen and (max-width: 780px)
{
 
  .to-cols {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: column;
  }
  
  .to-cols.gap-10 .to-col,
  .to-cols.gap-20 .to-col,
  .to-cols.gap-30 .to-col,
  .to-cols.gap-40 .to-col,
  .to-cols.gap-50 .to-col {
    margin-left: 0;
  }
  
  .to-cols-1-1 .to-col, .to-cols-2 .to-col { width: 100%; }
  .to-cols-1-1-1 .to-col, .to-cols-3 .to-col { width: 100%; }

  .to-style-cols-2-1 .wp-block-column:first-child, 
  .to-style-cols-2-1 .wp-block-column:last-child { flex-basis: 100%; }
  .to-style-cols-1-2 .wp-block-column:first-child,
  .to-style-cols-1-2 .wp-block-column:last-child { flex-basis: 100%; }

  .to-column-gap-10 .wp-block-column:not(:first-child),
  .to-column-gap-20 .wp-block-column:not(:first-child),
  .to-column-gap-30 .wp-block-column:not(:first-child),
  .to-column-gap-40 .wp-block-column:not(:first-child),
  .to-column-gap-50 .wp-block-column:not(:first-child) { margin-left: 0; }


  #to-matomo-optout.layout-topbar .to-matomo-optout-inner,
  #to-matomo-optout.layout-bottombar .to-matomo-optout-inner {
    display: block;
  }

  #to-matomo-optout.layout-topbar .to-actions,
  #to-matomo-optout.layout-bottombar .to-actions {
    text-align: center;
  }

}


@media (min-width: 576px)
{
 
}

/* TABLET */
@media (min-width: 768px)
{

  /* Spacer */
  .to-spacer-tablet-xs { height: 10px !important; }
  .to-spacer-tablet-s { height: 20px !important; }
  .to-spacer-tablet-m { height: 40px !important; }
  .to-spacer-tablet-l { height: 50px !important; }
  .to-spacer-tablet-xl { height: 80px !important; }
  .to-spacer-tablet-xxl { height: 100px !important; }
}


/* DESKTOP */
@media (min-width: 992px)
{

  /* Spacer */
  .to-spacer-desktop-xs { height: 10px !important; }
  .to-spacer-desktop-s { height: 20px !important; }
  .to-spacer-desktop-m { height: 40px !important; }
  .to-spacer-desktop-l { height: 50px !important; }
  .to-spacer-desktop-xl { height: 80px !important; }
  .to-spacer-desktop-xxl { height: 100px !important; }
}


@media (min-width: 1200px) { }