/*
Theme Name: BlankSlate
Theme URI: https://opencollective.com/blankslate
Author: Bryan Hadaway
Author URI: https://opencollective.com/blankslate#section-contributors
Description: Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/bhadaway/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2024.2
*/

:root {
  /* Colors */
  --theme-color-1: #2A5555;

  /* Sizes */
  --site-width: 1400px;
  --gap:64px;

  /* Fonts */
  --body-font: "DM Sans", serif;
  --heading-font: "DM Sans", serif;
}

/* General */
* {box-sizing: border-box;margin: 0;padding: 0;text-decoration: none;  outline:none;}
a {font-family: var(--body-font); text-decoration: underline; color:inherit}
body {overflow-x: hidden; overflow-y:scroll; font-family: var(--body-font); color:var(--theme-color-1); font-size:16px; font-weight: 400; line-height:1.3;}
.hidden {display: none !important;}
.overflow-hidden {overflow-y:hidden;}
.swiper {width:100%;}
img {max-width:100%; height:auto}
main {width:100%; overflow-x:hidden; font-size:16px; font-weight: 400; line-height:1.5;}

/* Fonts */
h1, h2, h3, h4, h5, h6 {font-family: var(--heading-font); font-weight: 700; line-height:1.3; margin-bottom:16px;}
h1 {font-size: 80px}
p {margin-bottom:16px;}

/* Layout */
.section {display: flex; padding: 16px 16px 16px 16px;width: 100%;align-items: center;flex-direction: column; justify-content: center; position:relative}
.section.full-height {min-height:100vh;}
.admin-bar .section.full-height {min-height:calc(100vh - 32px)}
.container {display: flex;justify-content: center;width: 100%;max-width: var(--site-width) !important;overflow: visible;flex-direction: column; position:relative; z-index: 1;}
.row {display: flex; flex-wrap: wrap;margin: 0 -32px; align-items: flex-start;}
.col {padding: 0 calc(var(--gap) / 2); display:flex; flex-direction: column; margin-bottom:0px}

.col-1 { flex: 0 0 calc((100% / 12) * 1); width: calc((100% / 12) * 1); }
.col-2 { flex: 0 0 calc((100% / 12) * 2); width: calc((100% / 12) * 2); }
.col-3 { flex: 0 0 calc((100% / 12) * 3); width: calc((100% / 12) * 3); }
.col-4 { flex: 0 0 calc((100% / 12) * 4); width: calc((100% / 12) * 4); }
.col-5 { flex: 0 0 calc((100% / 12) * 5); width: calc((100% / 12) * 5); }
.col-6 { flex: 0 0 calc((100% / 12) * 6); width: calc((100% / 12) * 6); }
.col-7 { flex: 0 0 calc((100% / 12) * 7); width: calc((100% / 12) * 7); }
.col-8 { flex: 0 0 calc((100% / 12) * 8); width: calc((100% / 12) * 8); }
.col-9 { flex: 0 0 calc((100% / 12) * 9); width: calc((100% / 12) * 9); }
.col-10 { flex: 0 0 calc((100% / 12) * 10); width: calc((100% / 12) * 10); }
.col-11 { flex: 0 0 calc((100% / 12) * 11); width: calc((100% / 12) * 11); }
.col-12 { flex: 0 0 calc((100% / 12) * 12); width: calc((100% / 12) * 12); }

.section.full-height {align-items: flex-start;}
.section.full-height .container {max-width: unset !important; margin-left:calc(50vw - 800px); width:unset;}
.section.full-height .container .col-12  { flex: 0 0 500px; width: 500px; max-width:100%; }

/* Info */
.info-wrapper {width:100%; display:flex; flex-direction: column; align-items:flex-start; background:var(--theme-color-1); color:#fff; padding:32px;}

.info-wrapper table {width:100%; text-align: left; margin-bottom:24px}
.info-wrapper table th {font-size:30px; font-weight:normal}
.info-wrapper table td {font-size:30px; font-weight:normal; opacity:0.7}

.info-wrapper .info-subtext {opacity:0.7; margin-bottom:32px}
.info-wrapper .info-text {font-size:20px}

/* Slider */
.swiper-container {position:absolute; width:100%; height:100%; left:0; top:0;}
.swiper-container .swiper {height:100%}
.swiper-container .swiper .swiper-slide {height:100%; display:flex;}
.swiper-container .swiper .swiper-slide > div {position:relative; width:100%; height:100%;}
.swiper-container .swiper .swiper-slide img {position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}

/* Forms */
#content .wpforms-container {width:100%; margin:0px;}
#content .wpforms-container label,
#content .wpforms-container p,
#content .wpforms-container .wpforms-required-label {color:#fff; opacity:0.7; font-weight:normal}

#content .wpforms-container label {margin-bottom:8px;}

#content .wpforms-container .wpforms-field {padding:10px 0} 

#content .wpforms-container input,
#content .wpforms-container textarea {background:rgba(255,255,255, 0.2); color:#fff; border-radius:0; resize:none; outline:none; box-shadow:none; color:#fff}

#content .wpforms-container input::placeholder,
#content .wpforms-container textarea::placeholder {color: #fff;opacity: 0.4;}

#content .wpforms-container input::-ms-input-placeholder,
#content .wpforms-container textarea::-ms-input-placeholder {color: #fff;opacity: 0.4;}

#content .wpforms-container input:-ms-input-placeholder,
#content .wpforms-container textarea:-ms-input-placeholder {color: #fff;opacity: 0.4;}

#content .wpforms-container button {background:#fff; color:var(--theme-color-1); padding:16px 32px; height:auto; border-radius:0; float:right;}
#content .wpforms-container button:after,
#content .wpforms-container button:before {display:none; border:none; outline:none;}

#content .wpforms-container button:hover {background:rgba(255,255,255, 0.7)}

#content .wpforms-confirmation-container-full {color:var(--theme-color-1)}

div.wpforms-container-full .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {background:transparent!important; border:none!important; padding:0!important;}

.company {position:fixed; right:32px; bottom:32px; color:#fff; text-transform: uppercase; z-index: 1;}

/* media queries */
@media screen and (max-width:1600px){
  .section.full-height .container {margin-left:0px;}
}

@media screen and (max-width:1000px){
  .section {justify-content: flex-start;}
  .container {width:100% !important }
  .col {width:100% !important; flex: 0 0 100% !important} 
  .info-wrapper table {max-width:400px;}


  .swiper-container {position:relative;}
  .swiper-container .swiper .swiper-slide > div {padding-top:75%}

  
  .company {position: relative; right:auto; bottom:auto; color:var(--theme-color-1); margin-top:32px;}
}

@media screen and (max-width:600px){
  h1 {font-size:64px}
  .info-wrapper {padding:24px;}
  .info-wrapper table th,
  .info-wrapper table td {font-size:20px}

  .swiper-container .swiper .swiper-slide > div {padding-top:100%}

}