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

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

.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%; }


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


/* CONTAINER */
.to-container {
  background-repeat: no-repeat;
}

.to-container.to-container-bg-size-cover { background-size: cover; }
.to-container.to-container-bg-size-contain { background-size: contain; }

.to-container.to-container-bg-position-center { background-position: center; }
.to-container.to-container-bg-position-top-left { background-position: top left; }
.to-container.to-container-bg-position-top-center { background-position: top center; }
.to-container.to-container-bg-position-top-right { background-position: top right; }
.to-container.to-container-bg-position-center-left { background-position: center left; }
.to-container.to-container-bg-position-center-right { background-position: center right; }
.to-container.to-container-bg-position-bottom-left { background-position: bottom left; }
.to-container.to-container-bg-position-bottom-center { background-position: bottom center; }
.to-container.to-container-bg-position-bottom-right { background-position: bottom right; }


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


/*
   ##       ##     #####    #######  ##        
  ##      ####    ##   ##  ##     ## ##    ##  
 ##         ##   ##     ##        ## ##    ##  
##          ##   ##     ##  #######  ##    ##  
 ##         ##   ##     ## ##        ######### 
  ##        ##    ##   ##  ##              ##  
   ##     ######   #####   #########       ##  
*/
@media screen and (max-width: 1024px)
{
  .to-spacer-tablet-xs { height: 10px; }
  .to-spacer-tablet-s { height: 20px; }
  .to-spacer-tablet-m { height: 40px; }
  .to-spacer-tablet-l { height: 50px; }
  .to-spacer-tablet-xl { height: 80px; }
  .to-spacer-tablet-xxl { height: 100px; }
  .to-spacer-tablet-xxxl { height: 150px; }

}



/*
   ##    ########  #######    #####   
  ##     ##    ## ##     ##  ##   ##  
 ##          ##   ##     ## ##     ## 
##          ##     #######  ##     ## 
 ##        ##     ##     ## ##     ## 
  ##       ##     ##     ##  ##   ##  
   ##      ##      #######    #####   
*/
@media screen and (max-width: 780px)
{
  .to-spacer-phone-xs { height: 10px; }
  .to-spacer-phone-s { height: 20px; }
  .to-spacer-phone-m { height: 40px; }
  .to-spacer-phone-l { height: 50px; }
  .to-spacer-phone-xl { height: 80px; }
  .to-spacer-phone-xxl { height: 100px; }
  .to-spacer-phone-xxxl { height: 150px; }

}