/*
Theme Name:     Centum Child
Theme URI:      http://centum.purethe.me/
Description:    Centum Child Theme
Author:		    purethemes
Author URI:     http://themeforest.net/user/purethemes/portfolio
Template:       Centum
Version:        3.1.2
License:        ThemeForest
License URI:    http://themeforest.net/licenses
*/

/*
* Based on Skeleton by Dave Gamache (www.getskeleton.com)
* Modified by Vasterad
*/



/* -- CONTENT STYLES --*/

a, p , span, li { font-size: 1rem; }

.floatLeftContent img {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
    width: 20%;
}

button.display {
    width: 33%;
    float: right;
    height: 85px;
    font-family: "arial black", sans-serif;
    font-size: 1.8em;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    border: 1px solid #fff;
    text-shadow: 1px 1px 2px #333;
    background-color: #f90;
    /*background-image: linear-gradient(#f90, #fc0);*/
    box-shadow: 0 8px 20px -2px rgb(156, 156, 158);
	-webkit-box-shadow: 0 3px 10px -2px rgb(156, 156, 158);
	-moz-box-shadow: 0 3px 10px -2px rgb(156, 156, 158);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;

}

button.display:hover {
    background-color: #333;
    background-image: none;
    border: 1px solid #fff;
}

@media screen and (max-width: 768px) {
    button.display {
        width: 100%;
        float: none;
    }
    .floatLeftContent img {
        float: left;
        margin-right: 20px;
        margin-bottom: 10px;
        width: 40%;
    }
}


/* -- FORM STYLES --*/

#form-wrapper form fieldset.preselectfields { display: grid; grid-column-gap: 1em; grid-row-gap: 1em; grid-template-columns: repeat(1, 1fr); }
#form-wrapper form fieldset { display: grid; grid-column-gap: 1em; grid-row-gap: 1em; grid-template-columns: repeat(2, 1fr); border: 1px solid #CCCCCC; border-radius: 1rem; padding: 1rem;  margin-bottom: 1.5rem; }

#form-wrapper form fieldset legend { font-weight: 800; }

#form-wrapper form div label { width: 100%; display: block; font-weight: normal; font-size: 1rem; margin-bottom: .5rem; }

#form-wrapper form div input[type="text"], #form-wrapper form div input[type="phone"], #form-wrapper form div input[type="email"] {
    width: 100%;
    height: 2.75rem;
    border: 1px solid #666;
    border-radius:1rem;
    font: 1rem "Sora", sans-serif;
    font-weight: normal;
    color: #000000;
    padding: 0 2.5rem 0 0.75rem;
    box-sizing: border-box;
    margin: 0 0;
    display: block;
    background: #fff;
}

#form-wrapper form div select {
    width: 100%;
    height: 2.75rem;
    border: 1px solid #666;
    border-radius:1rem;
    font: 1rem "Sora", sans-serif;
    font-weight: normal;
    color: #000000;
     padding: 0 2.5rem 0 0.75rem;
    box-sizing: border-box;
    margin: 0 0;
    max-width: 100%;
    display: block;
    background: #fff;
}

#form-wrapper form div button, #form-wrapper form div .substyle { background: #ffc700; color: #000000; width: 100%; padding: 1rem; border-radius: .5rem; margin-top: 2rem; font-size: 1.5rem; border: none !important; }

#form-wrapper form div button:hover, #form-wrapper form div .substyle:hover { background: #000000; color: #FFFFFF; }

#form-wrapper form div p { font-style: italic; font-size: .875rem; }
#form-wrapper form div p span.reqd, #form-wrapper form div label span.reqd { color: #D9381E; font-weight: bold; }
#form-wrapper p.reqd-text { font-style: italic; font-size: .875rem; }
#form-wrapper p.reqd-text span.reqd { color: #D9381E; font-weight: bold; }

 #form-wrapper form div input + label.hideme { display: none; }

#form-wrapper form div select + label, #form-wrapper form div input + label {
    padding: 1%;
    margin: 1% 0;
    border-radius: .25rem;
    border: 1px solid #ffa5a5;
    background-color: rgb(255, 210, 210);
    color: #000000;
    width: 98%;
    font-style: italic;
    display: block;
}

#contact-details {
    font-size: 1.3em;
}

#scroll-top-top {
    display: none;
}

h1, h2 {
    color: #039bf7;
}

.hideField { display: none; }


/* KILL OLD STYLES */
#wrapper { background: unset !important; -webkit-box-shadow: none; box-shadow: none; width: 100% !important; padding: unset !important; margin: unset !important; height: 100dvh; display: flex; flex-direction: column; justify-content: center;  }
.clearfix:before, .clearfix:after, .row:before, .row:after { content: unset; display: unset; overflow: unset; visibility: unset; width: unset; height: unset; }

.page-id-93 #wrapper { height: 100%; }
.page-id-21 #wrapper { height: 100%; }
.page-id-21 { background:rgba(3, 27, 65, 0.95); }

/* REBUILD BASE STYLES */
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap");
#wrapper {background: #00132f !important; background-image:url('/wp-content/uploads/2026/09/Open-Atrium-Edited.jpg') !important; background-repeat: no-repeat !important; background-size: cover !important; }
#wrapper .container {     width: 100%;
    max-width: 90rem;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box; }
#wrapper h1,
#wrapper h2,
#wrapper h3,
#wrapper h4 { font-family: "Inter", sans-serif !important; font-weight: 800; } 
body #wrapper { font-family: "Sora", sans-serif; }
#wrapper .entry-title { display: none; }



/* BASICS CSS */
.ecpigrid .mobile-only { display: none; }
.ecpigrid .desktop-only { display: inline-block; }

.ecpigrid .column img {
    height: auto;
    max-width: 100%;
}

/* BUILD LAYOUT */
.ecpigrid { margin: 0; }
.ecpigrid.pagewrap { }

.ecpigrid section, .ecpigrid header, .ecpigrid footer { 
  width: 100%; 
  display: block; 
}

.ecpigrid .row { 
  margin: 0 auto; 
  padding: 0 1rem;
  max-width: 90rem;
  grid-column-gap: 1em; 
  grid-row-gap: 1em; 
  display: grid; 
  transition: all 0.6s ease;
}
.ecpigrid .row.grid-1 { grid-template-columns: repeat(1, 1fr); }
.ecpigrid .row.grid-2 { grid-template-columns: repeat(2, 1fr); }
.ecpigrid .row.grid-3 { grid-template-columns: repeat(3, 1fr); }
.ecpigrid .row.grid-4 { grid-template-columns: repeat(4, 1fr); }
.ecpigrid .row.grid-5 { grid-template-columns: repeat(5, 1fr); }
.ecpigrid .row.grid-6 { grid-template-columns: repeat(6, 1fr); }
.ecpigrid .row.grid-7 { grid-template-columns: repeat(7, 1fr); }
.ecpigrid .row.grid-8 { grid-template-columns: repeat(8, 1fr); }

.ecpigrid .column { padding: 1em; }

.ecpigrid .column.span-2 { grid-column: span 2; }
.ecpigrid .column.span-3 { grid-column: span 3; }
.ecpigrid .column.span-4 { grid-column: span 4; }
.ecpigrid .column.span-5 { grid-column: span 5; }
.ecpigrid .column.span-6 { grid-column: span 6; }
.ecpigrid .column.span-7 { grid-column: span 7; }
.ecpigrid .column.span-8 { grid-column: span 8; }

.ecpigrid h1 { font-size: clamp(2rem, 4vw, 3.75rem); text-transform: none !important; margin-top: unset !important; margin-bottom: 1rem !important; vertical-align: top !important; line-height: 3rem; }
.ecpigrid h2, .ecpigrid .faux-h2 { font-size: clamp(1.5rem, 3vw, 2.5rem); line-height: 2.5rem; }
.ecpigrid h3, .ecpigrid .faux-h3 { font-size: clamp(1.2rem, 2vw, 1.5rem); line-height: 2rem; }





/* SPECIFIC STYLES */
.ecpigrid header .contactinfo-wrapper { display: grid; align-items: center; justify-content: end; }
.ecpigrid header .contactinfo-wrapper .contactinfo { display: flex; gap: 1rem; }
.ecpigrid header .contactinfo-wrapper .contactinfo a { color: rgba(3, 27, 65, 1); font-weight: bold; }
.ecpigrid header .contactinfo-wrapper .contactinfo a:hover { text-decoration: underline; }
.ecpigrid header .contactinfo-wrapper .contactinfo { background: #FFF; padding: .5rem 1rem; border-radius: 5rem; }

.ecpigrid footer .row .column { text-align: center; }


.ecpigrid .app-wrapper { }
.ecpigrid .app-wrapper .row { align-items: stretch; }
.ecpigrid .app-wrapper .row .column { border: 2px solid rgba(3, 27, 65, 0.95); border-radius: 1rem; padding: 2rem; background-color: rgba(3, 27, 65, 0.95); }
.ecpigrid .app-wrapper .row .column h1 span { font-size: clamp(1.2rem, 2vw, 1.5rem) !important; }
.ecpigrid .app-wrapper .row .column h1 { color: #FFFFFF; padding-bottom: 1rem; }
.ecpigrid .app-wrapper .row .column p { color: #FFFFFF; }
.ecpigrid .app-wrapper .row .column p strong { color: #FFFFFF !important; font-weight: 800 !important; }
.ecpigrid .app-wrapper .row .column hr { height: 1px; background: #9db2c7; border: none; margin: 2rem 0; display: block; }
.ecpigrid .app-wrapper .row .column .wrap-message { border: 1px solid #9db2c7; border-radius: 1rem; padding: 2rem; }

.ecpigrid .app-wrapper .row .column .flex-2column { display: flex; align-items: center; }
.ecpigrid .app-wrapper .flex-2column > div:first-child { flex-shrink: 0; }
.ecpigrid .app-wrapper .row .column .flex-2column p { padding-left: 2rem; margin: 0; }
.ecpigrid .app-wrapper .row .column .flex-2column ul { padding-left: 3.5rem; margin: 0; list-style: disc; }
.ecpigrid .app-wrapper .row .column .flex-2column ul li { color: #FFFFFF; padding: .3rem 0; }
.ecpigrid .app-wrapper .row .column p span { color: #f7b802; }
.ecpigrid .app-wrapper .row .column .flex-2column img { width: 6rem; flex-shrink: 0; }

.ecpigrid .app-wrapper .row .column.ctainfo { background-color: rgba(255, 255, 255, 0.75); border: 2px solid #FFFFFF; }
.ecpigrid .app-wrapper .row .column.ctainfo h1 { color: #000000; }
.ecpigrid .app-wrapper .row .column.ctainfo hr { height: 1px; background: #9ab1cb; border: none; margin: 2rem 0; display: block; }
.ecpigrid .app-wrapper .row .column.ctainfo p { color: #000000; }
.ecpigrid .app-wrapper .row .column.ctainfo p strong { color: #031b41 !important; font-weight: 800 !important; }
.ecpigrid .app-wrapper .row .column.ctainfo img { width: 6rem; }
.ecpigrid .app-wrapper .row .column.ctainfo p strong { color: #031b41 !important; font-weight: 800 !important; }
.ecpigrid .app-wrapper .row .column.ctainfo a { color: rgba(3, 27, 65, 1); font-weight: bold; }
.ecpigrid .app-wrapper .row .column.ctainfo a:hover { text-decoration: underline; }

.ecpigrid .app-wrapper .row .column .flex-2column.sixtyyears { padding: 1.5rem 0; }
.ecpigrid .app-wrapper .row .column.thankyoucta { background-color: #01275c; border: none; }
.ecpigrid .app-wrapper .row .column.thankyoucta .primarybutton { background: #f7b802; padding: 1.5rem; max-width: 100%; display: block; border-radius: 1rem; color: #000; font-weight: 700; margin-bottom: 1rem; text-align:center; border: 1px solid #f7b802; }
.ecpigrid .app-wrapper .row .column.thankyoucta .secondarybutton { background: #62b9fe; padding: 1.5rem; max-width: 100%; display: block; border-radius: 1rem; color: #000; font-weight: 700; margin-bottom: 1rem; text-align:center; border: 1px solid #62b9fe; }
.ecpigrid .app-wrapper .row .column.thankyoucta .tertiarybutton { background: unset; padding: 1.5rem; max-width: 100%; display: block; border: 1px solid #00aaff; border-radius: 1rem; color: #000; font-weight: 700; margin-bottom: 1rem; color: #FFFFFF; text-align: center; }
.ecpigrid .app-wrapper .row .column.thankyoucta .primarybutton:hover,
.ecpigrid .app-wrapper .row .column.thankyoucta .secondarybutton:hover,
.ecpigrid .app-wrapper .row .column.thankyoucta .tertiarybutton:hover { background: #000000; color: #FFFFFF; border: 1px solid #00aaff; }

.ecpigrid footer p { color: #FFFFFF; }
.ecpigrid footer a { color: #FFFFFF; font-weight: bold; }
.ecpigrid footer a:hover { text-decoration: underline; }
form button.newdisplay { background: #ffc700; color: #000000; width: 100%; padding: 1rem; border-radius: .5rem; margin-top: 2rem; font-size: 1.5rem; border: none !important; }


.ecpigrid .app-wrapper #btnSubmit, #fpt-wrapper button {
    width: 48%;
    float: left;
    margin: 0;
    height: 85px;
    font-family: "arial black", sans-serif;
    font-size: 1.8em;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    border: none;
    border-radius: 0;
    background-color: #ffc700; 
    color: #000000;
}

.ecpigrid .app-wrapper #btnSubmit:hover, #fpt-wrapper button:hover { background-color: #333333 !important; 
    color: #FFFFFF !important; }

/* END SPECIFIC STYLES */













/* MEDIA QUERIES */

/* STANDARD */
@media screen and (max-width: 74.938rem){ }

/* HIRES TABLET */
@media screen and (max-width: 64rem){
  .ecpigrid .row.grid-6 { grid-template-columns: repeat(3, 1fr); }
 }

/* TABLET */
@media screen and (max-width: 60rem){ 
  #wrapper { height: 100%; }
  .ecpigrid .app-wrapper .row.grid-3 { grid-template-columns: repeat(1, 1fr); }

  .ecpigrid .row.grid-5 { grid-template-columns: repeat(6, 1fr); }
  .ecpigrid .row.grid-4 { grid-template-columns: repeat(2, 1fr); }
  .ecpigrid .item { aspect-ratio: unset; grid-column: span 2; }
  .ecpigrid .item:nth-child(4) { grid-column: 2 / span 2; }
  .ecpigrid .row.grid-5 { grid-template-columns: repeat(1, 1fr); }
  .ecpigrid header .row .column a { display: block; text-align: center; }
  .ecpigrid header .row .column a img { display: inline; }
  .ecpigrid header img { width: 75%; }
}

/* MINI TABLET */
@media screen and (max-width: 48rem) {
  .ecpigrid .mobile-only { display: inline-block; }
  .ecpigrid .desktop-only { display: none; }
  .ecpigrid .row.grid-2 { grid-template-columns: repeat(1, 1fr); }
  .ecpigrid .row.grid-6 { grid-template-columns: repeat(3, 1fr); }
}

/* MOBILE PHONE */
@media screen and (max-width: 38rem){
  .ecpigrid .row.grid-2 { grid-template-columns: repeat(1, 1fr); }
  .ecpigrid .row.grid-3 { grid-template-columns: repeat(1, 1fr); }
  .ecpigrid .row.grid-4 { grid-template-columns: repeat(1, 1fr); }
  .ecpigrid .row.grid-5 { grid-template-columns: repeat(1, 1fr); }
  .ecpigrid .row.grid-6 { grid-template-columns: repeat(1, 1fr); }
  .ecpigrid .column.span-2 { grid-column: span all; }
  .ecpigrid .column.span-3 { grid-column: span all; }
  .ecpigrid .column.span-4 { grid-column: span all; }
  .ecpigrid .column.span-5 { grid-column: span all; }
  .ecpigrid .column.span-6 { grid-column: span all; }

  .ecpigrid .item { aspect-ratio: unset; grid-column: unset }
  .ecpigrid .item:nth-child(4) { grid-column: unset; }

  #form-wrapper form fieldset { grid-template-columns: repeat(1, 1fr); }

  .ecpigrid .app-wrapper .row .column.thankyou-message .flex-2column { flex-direction: column; }
  .ecpigrid .app-wrapper .row .column.thankyou-message .flex-2column p { padding: 1rem 0; }
  .ecpigrid .app-wrapper .row .column.thankyou-message .flex-2column ul { padding-left: 1rem;  }
 } 

/* END V4 CSS */