/* 
 * GENERAL
 * FONTS
 * PARAGRAPHS
 * BUTTONS
 * BLOCK PATTERNS
 *    SERVICES BLOCK PATTERN
 * CONTACT FORM 7
 */


/* 
 * GENERAL */
/* .wp-site-blocks:not(
   .page-template-full-width-page .wp-site-blocks, 
   .home .wp-site-blocks,
   .wp-site-blocks footer.wp-block-template-part) { */
.wp-block-group.front-page-content:not(
.page-template-full-width-page .wp-block-group.front-page-content, 
.home .wp-block-group.front-page-content) {
   max-width: 1920px;
   width: 95vw;
   margin: auto;
}
/* @media screen and (max-width:480px) {
   .site-blocks {
      max-width: 95vw;
   }
}*@media screen and (max-width:480px) */


/* 
 * FONTS */
 :root {
    --wp--preset--font-family--nunito-sans: "Nunito Sans", sans-serif;
}


/* 
 * PARAGRAPHS */
 p.justify-text {
    text-align: justify;
 }
 

 /* 
  * BUTTONS */
.blue-button .wp-element-button,
.wp-block-button__link {
   color: var(--wp--preset--color--white);
   background-color: var(--wp--preset--color--cossis-blue);
   border-style: double;
   border-color: var(--wp--preset--color--white);
   border-width: 3px;
}
.blue-button .wp-element-button:hover {
   color: var(--wp--preset--color--cossis-blue);
   background-color: var(--wp--preset--color--pale-cyan-blue);
}
.white-button .wp-element-button,
.wp-block-button__link {
   color: var(--wp--preset--color--cossis-blue);
   background-color: var(--wp--preset--color--white);
}
 

/* 
 * BLOCK PATTERNS */

/* SERVICES BLOCK PATTERN */
.wp-block-group.services-block-group {
   background-color: var(--wp--preset--color--cossis-blue);
}
.wp-block-columns.services-block-columns-top,
.wp-block-columns.services-block-columns-bottom {
   /* color: var(--wp--preset--color--white); */
   background-color: var(--wp--preset--color--cossis-blue);
   column-gap: 0px;
   row-gap: 0px;
   margin-block-start: 0px;
}
.wp-block-column.services-block-odd-column-top,
.wp-block-column.services-block-even-column-top,
.wp-block-column.services-block-odd-column-bottom,
.wp-block-column.services-block-even-column-bottom {
   margin-top: 2.5vw;
   margin-bottom: 2.5vw;
}
.wp-block-column.services-block-odd-column-top,
.wp-block-column.services-block-even-column-top,
.wp-block-column.services-block-odd-column-bottom,
.wp-block-column.services-block-even-column-bottom {
   background-color: var(--wp--preset--color--white);
}
/* .wp-block-column.services-block-even-column-top,
.wp-block-column.services-block-even-column-bottom {
   margin-right: 2.5vw;
   margin-left: 1.25vw;
} */
.wp-block-column.services-block-even-column-top,
.wp-block-column.services-block-odd-column-bottom {
   margin-right: 1.25vw;
   margin-left: 1.25vw;
}

.wp-block-column.services-block-odd-column-top {
   margin-right: 1.25vw;
   margin-left: 2.5vw;
}
.wp-block-column.services-block-even-column-bottom {
   margin-right: 2.5vw;
   margin-left: 1.25vw;
}
.wp-block-column .services-block-odd-column-top-image,
.wp-block-column .services-block-even-column-top-image,
.wp-block-column .services-block-odd-column-bottom-image,
.wp-block-column .services-block-even-column-bottom-image {
   opacity: 50%;
}
.wp-block-group.services-block-odd-column-top-content,
.wp-block-group.services-block-even-column-top-content,
.wp-block-group.services-block-odd-column-bottom-content,
.wp-block-group.services-block-even-column-bottom-content {
   background-color: var(--wp--preset--color--white);
   padding: 1.25vw;
}

/* SPECIFIC BLOCKS */
/* Top of page block has no vertical white space */
.top-of-page {
   margin-top: calc(-1 * 2.5vw - 24px - 9px) !important;
}

/* 
 * CONTACT FORM 7 */
span.wpcf7-form-control-wrap {
    display: block;
    padding-top: 1rem;
}
input.wpcf7-form-control.wpcf7-text,
input.wpcf7-form-control.wpcf7-textarea,
textarea.wpcf7-form-control.wpcf7-textarea {
   display: block;
   line-height: 2rem;
   border-color: var(--wp--preset--color--cossis-blue);
   border: 1px solid;
   border-radius: 4px;
   max-width: 90%;
   width: 100%;
   margin: auto;
}
@media only screen and (max-width: 781px) {
   input.wpcf7-form-control.wpcf7-text,
   input.wpcf7-form-control.wpcf7-textarea,
   textarea.wpcf7-form-control.wpcf7-textarea {
      margin-left: 0px;
      max-width: 100%;
   }
}/* @media only screen and (max-width: 781px) */
.wpcf7-form-control.wpcf7-submit {
   background-color: var(--wp--preset--color--cossis-blue);
   color: #fff;
   font-family: var(--wp--preset--font-family--nunito-sans);
   font-size: var(--wp--preset--font-size--medium);
   font-weight: 400;
   padding-top: calc(0.667em + 2px);
   padding-right: calc(1.333em + 2px);
   padding-bottom: calc(0.667em + 2px);
   padding-left: calc(1.333em + 2px);
   border-radius: 0px;
   display: block;
   margin: auto;
   max-width: 80%;
   width: 80%;
   display: block;
}