.wp-site-blocks {
   display: flex;
   flex-direction: column;
   min-height: 100vh;
}

.admin-bar .wp-site-blocks {
   min-height: calc( 100vh - 32px );
}

@media ( max-width: 782px ) {
   .admin-bar .wp-site-blocks {
      min-height: calc( 100vh - 46px );
   }
}

.wp-site-blocks main {
   flex: 1;
}

.wp-site-blocks main.container-404 {
   margin-top: 80px!important;
   margin-bottom: 40px!important;
}

p a {
   text-decoration: underline;
   font-weight: 600;
}


.image-focus-left img {
   object-position: left;
}

.image-focus-right img {
   object-position: right;
}

.image-focus-top img {
   object-position: top;
}

.image-focus-bottom img {
   object-position: bottom;
}


.global-container {
   max-width: 820px;
   margin: 0 auto;
   padding-inline: 40px;
}
.global-container-wide {
   max-width: 1240px;
   margin: 0 auto;
   padding-inline: 40px;
}


.tag-blog,
.tag-news,
.tag-campaign {
   padding: 10px;
   font-size: 12px;
   line-height: 12px;
   font-weight: 900;
   text-transform: uppercase;
   background-color: #7AB2DC;
   border-radius: 2px;
}


.tag-news {
   background-color: #C9D30F;
}

.tag-campaign {
   background-color: #F6BB09;
}

.custom-header .tag-blog,
.custom-header .tag-news,
.custom-header .tag-campaign {
   padding: 7px 10px;
   font-size: 8px;
   line-height: 8px;
}


.main-btn-nav {
   font-size: 16px;
   line-height: 20px;
   font-weight: 900;
   padding: 10px 16px;
   border-radius: 5px;
   width: fit-content;
   display: flex;
   cursor: pointer;
   text-decoration: none;
}

.main-btn {
   font-size: 18px;
   line-height: 20px;
   font-weight: 900;
   padding: 16px;
   border-radius: 5px;
   width: fit-content;
   transition: width 1s ease-in-out;
   display: flex;
   cursor: pointer;
   text-decoration: none;
}

.secondary-btn {
   font-size: 18px;
   line-height: 20px;
   font-weight: 900;
   padding: 10px 16px;
   border-radius: 5px;
   transition: border 0.2s ease-in-out;
   text-decoration: none;
   border: 2px solid var(--wp--preset--color--green);
   cursor: pointer;
}

.secondary-btn:hover {
   border: 2px solid var(--wp--preset--color--blue);
}

.main-btn-nav svg,
.main-btn svg {
   width: 0;
   opacity: 0;
   transition: opacity 0.1s ease-in-out, width 0.1s ease-in-out;
   padding-left: 0;
   height: 20px;

}

.main-btn-nav:hover svg,
.main-btn:hover svg {
   opacity: 1;
   width: 20px;
   padding-left: 10px;
}

.background-white {
   background-color: white;
}

.background-light-grey {
   background-color: var( --wp--preset--color--light-grey );
}

.background-grey {
   background-color: var( --wp--preset--color--grey );
}

.background-text-black {
   background-color: var( --wp--preset--color--text-black );
   color: #ffffff;
}

.background-black {
   background-color: #000000;
   color: #ffffff;
}

.background-green {
   background-color: var( --wp--preset--color--green );
}

.background-grass {
   background-color: var( --wp--preset--color--grass );
}

.background-blue {
   background-color: var( --wp--preset--color--blue );
}

.background-ice {
   background-color: var( --wp--preset--color--ice );
}

.background-light-red {
   background-color: var( --wp--preset--color--light-red );
}

.background-cherry {
   background-color: var( --wp--preset--color--cherry );
}

.background-lemon {
   background-color: var( --wp--preset--color--lemon );
}

.background-wood {
   background-color: var( --wp--preset--color--wood );
   color: #ffffff;
}

.background-wood svg path,
.background-black svg path,
.background-text-black svg path {
   fill: #ffffff;
}

.spacing-top-0 {
   padding-top: 0;
}
.spacing-top-1 {
   padding-top: 20px;
}
.spacing-top-2 {
   padding-top: 40px;
}
.spacing-top-3 {
   padding-top: 60px;
}
.spacing-top-4 {
   padding-top: 80px;
}
.spacing-top-5 {
   padding-top: 100px;
}

.spacing-bottom-0 {
   padding-bottom: 0;
}
.spacing-bottom-1 {
   padding-bottom: 20px;
}
.spacing-bottom-2 {
   padding-bottom: 40px;
}
.spacing-bottom-3 {
   padding-bottom: 60px;
}
.spacing-bottom-4 {
   padding-bottom: 80px;
}
.spacing-bottom-5 {
   padding-bottom: 100px;
}


@media screen and ( max-width: 1200px ) {

   .global-container {
      max-width: 1000px;
   }
   .global-container-wide {
      max-width: 1000px;
   }

}


@media screen and ( max-width: 700px ) {

   .global-container {
      padding-inline: 20px;
   }
   .global-container-wide {
      padding-inline: 20px;
   }

   .tag-blog,
   .tag-news,
   .tag-campaign {
      padding: 6px;
   }

   .main-btn {
      font-size: 14px;
      line-height: 20px;
      padding: 10px 16px;
   }

   .secondary-btn {
      font-size: 14px;
      line-height: 20px;
      padding: 8px 16px;
   }

   .main-btn-nav:hover svg,
   .main-btn:hover svg,
   .secondary-btn:hover svg {
      opacity: 0;
      width: 0;
      padding-left: 0;
   }

   .spacing-top-2 {
      padding-top: 20px;
   }
   .spacing-top-3 {
      padding-top: 30px;
   }
   .spacing-top-4 {
      padding-top: 40px;
   }
   .spacing-top-5 {
      padding-top: 50px;
   }


   .spacing-bottom-1 {
      padding-bottom: 10px;
   }
   .spacing-bottom-2 {
      padding-bottom: 20px;
   }
   .spacing-bottom-3 {
      padding-bottom: 30px;
   }
   .spacing-bottom-4 {
      padding-bottom: 40px;
   }
   .spacing-bottom-5 {
      padding-bottom: 50px;
   }

}