/* global vars */


:root {

  --cty-max-pagewidth: 1900px;

  --cty-brand-navy:#1c355b;
  --cty-brand-blue: #1c8bcb; /* was #008cd5 */
  --cty-pale-blue:#d2e9ee; /* was  #a3d1de */;
  --cty-brand-emerald:#19582a;
  --cty-brand-lime:#d0de00; /* was #d4d900 */
  --cty-brand-deep-red:#d5431a; /* was #de451b */
  --cty-brand-red-hot:#ff3b12;
  --cty-brand-orange:#f49b00;
  --cty-brand-pink:#fe007e;
  --cty-brand-coral:#f68f60;
  
  --cty-offscreen-bg: #eee; /* off page background color */
  --cty-default-bg: #a3d1de; /* general background color */
  --cty-default-txt: #1c355b; /* general text color */

  --bs-heading-color: #1c355b; /* bootstrap heading color */

  --cty-bg-card: #fafafa; /* default lk and crd background */
       
  --cty-alink: #1c355b; /* primary link color */
  --cty-ahover: #008cd5; /* primary hover color */
  --cty-asec-link: #222; /* secondary link color */
  --cty-asec-hover: #444; /* secondary hover color */
  --cty-asec-divider: #aaa; /* secondary divider color */
  
  --cty-alert-bg: #d5431a; /* alert background color */
  --cty-alert-txt: white; /* alert text color */
 
  --cty-pnav-link: #d4d900; /* var(--cty-pnav-link) nav color */
  --cty-pnav-hover: #f68f60; /* var(--cty-pnav-hover) nav hover color */ 
  --cty-pnav-dropdown: #1c355b; /* var(--cty-pnav-dropdown) dropdown background color */
    
  --cty-linework: #ddd; /* hr, sidenav, mobile nav */
  --cty-footer-wrap: #eeeeee; /* var(--cty-pnav-dropdown) dropdown background color */
  --cty-banner-wrap: #eeeeee; /* var(--cty-pnav-dropdown) dropdown background color */

  --cty-transition-hover: all 150ms linear 0s; /* as on buttons */

}



body,html {
  height:100%;
  background-color:var(--cty-offscreen-bg);
}

#page-wrap {
  position:relative;
  width:100%;
  background-color:var(--cty-brand-blue);
  color:var(--cty-default-txt);
  max-width:var(--cty-max-pagewidth);
  margin:0 auto;
}

#page-header { width:100%; }
#page-content { width:100%; }

@media screen and (min-width: 1200px) {
  #page-header { position:absolute; top:0px; width:25%; z-index:2; }
  #page-content { position:relative; top:0px; width:100%; z-index:1; }
}


/* global layout */

.container-fluid { padding:0 24px; margin:0 auto; }
.container-fluid-post { max-width:1100px; padding:0 24px; margin:0 auto; }
.container-fluid-full { padding:0 24px; margin:0 auto; }
@media screen and (min-width: 1200px) {
  .container-fluid { max-width:1440px; padding-left:48px; padding-right:48px; } /* 60px and higher */
  .container-fluid-post { max-width:1100px; padding-left:48px; padding-right:48px }
  .container-fluid-full { max-width:9999px; padding-left:48px; padding-right:48px; }
}

.first-row { height:auto; }
.padding-xy { padding:60px 24px; }
.padding-u { padding:0px 12px 12px 12px; width:100%; max-width:500px; margin:0 auto; }
.padding-up { padding:0px 12px 0px 12px; width:100%; max-width:500px; margin:0 auto; }
@media screen and (min-width: 1200px) {
  .padding-xy { padding:60px 60px; }
  .padding-u { padding:0px 24px 24px 24px; max-width:1500px;}
  .padding-up { padding:24px 24px 0px 24px; max-width:1500px;}
  .first-row { min-height:680px; }
}


.home-domino { display:block; width:100%; }
.home-domino-left { display:block; width:100%; }
.home-domino-right { display:block; width:100%; }
@media screen and (min-width: 992px) {
  .home-domino { display:table; width:100%; }
  .home-domino-left { display:table-cell; width:55%; vertical-align:top; }  
  .home-domino-right { display:table-cell; width:45%; vertical-align:middle; }
}
.domino-headline {  
  font-size:2rem;
  line-height:1.2;
  font-family: 'aktiv-grotesk-extended', sans-serif;
  font-weight:500;
  text-wrap:balance;
}
.domino-text { font-size:1.2rem; line-height:1.2;
  font-family: 'aktiv-grotesk-extended', sans-serif;
  font-weight:500;
  text-wrap:balance;
  margin:1rem 0;
}
.domino-cta { margin-top:1rem; }

.hold-width { max-width:50rem; margin:0 auto; }
.padding-top { padding-top:2.5rem; }
.padding-top-half { padding-top:1.25rem; }
.padding-bottom { padding-bottom:2.5rem; }
.padding-bottom-half { padding-bottom:1.25rem; }
.form-padding { margin:1.5rem 0; }
.form-boxed { border: 1px solid #ced4da; border-radius: .25rem; padding:0.5rem; }
@media all and (min-width: 992px) {
	.padding-top { padding-top:3rem; }
	.padding-top-half { padding-top:1.5rem; }
	.padding-bottom { padding-bottom:3rem; }
	.padding-bottom-half { padding-bottom:1.5rem; }
	.form-boxed { padding:1rem; }
}