:root {
  --default: #333333;
  --purple: #897094;
  --green: #599572;
  --blue: #4f7094;
  --tan: #ad8975;
  --tanlt: #f3e1d2;
  --font-one: "Roboto", sans-serif;
  --font-two: "PlayfairDisplay", serif;
}
@media (max-width: 992px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 96%;
  }
}
@font-face {
  font-family: 'PlayfairDisplay';
  font-style: italic;
  src: url("/application/themes/cape/fonts/PlayfairDisplay/PlayfairDisplay-Italic-VariableFont_wght.woff2") format("woff2 supports variations"), url("/application/themes/cape/fonts/PlayfairDisplay/PlayfairDisplay-Italic-VariableFont_wght.woff2") format("woff2-variations");
  font-weight: 100 1000;
}
@font-face {
  font-family: 'PlayfairDisplay';
  font-style: normal;
  src: url("/application/themes/cape/fonts/PlayfairDisplay/PlayfairDisplay-VariableFont_wght.woff2") format("woff2 supports variations"), url("/application/themes/cape/fonts/PlayfairDisplay/PlayfairDisplay-VariableFont_wght.woff2") format("woff2-variations");
  font-weight: 100 1000;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  src: url("/application/themes/cape/fonts/Roboto/Roboto-Italic-VariableFont_wdth,wght.woff2") format("woff2 supports variations"), url("/application/themes/cape/fonts/Roboto/Roboto-Italic-VariableFont_wdth,wght.woff2") format("woff2-variations");
  font-weight: 100 1000;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  src: url("/application/themes/cape/fonts/Roboto/Roboto-VariableFont_wdth,wght.woff2") format("woff2 supports variations"), url("/application/themes/cape/fonts/Roboto/Roboto-VariableFont_wdth,wght.woff2") format("woff2-variations");
  font-weight: 100 1000;
}
/*@font-face {
  font-family: 'Barlow';
  font-style: normal;
  src: url("../fonts/Barlow/Barlow-Regular.woff2") format("woff2");
	font-weight: 400;
}
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  src: url("../fonts/Barlow/Barlow-Italic.woff2") format("woff2");
	font-weight: 400;
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  src: url("../fonts/Barlow/Barlow-SemiBold.woff2") format("woff2");
	font-weight: 600;
}
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  src: url("../fonts/Barlow/Barlow-SemiBoldItalic.woff2") format("woff2");
	font-weight: 600;
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  src: url("../fonts/Barlow/Barlow-Bold.woff2") format("woff2");
	font-weight: 700;
}
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  src: url("../fonts/Barlow/Barlow-BoldItalic.woff2") format("woff2");
	font-weight: 700;
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  src: url("../fonts/Roboto/Roboto-Italic-VariableFont_wdth,wght.woff2") format("woff2 supports variations"),
       url("../fonts/Roboto/Roboto-Italic-VariableFont_wdth,wght.woff2") format("woff2-variations");
	font-weight: 100 1000;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  src: url("../fonts/Roboto/Roboto-VariableFont_wdth,wght.woff2") format("woff2 supports variations"),
       url("../fonts/Roboto/Roboto-VariableFont_wdth,wght.woff2") format("woff2-variations");
	font-weight: 100 1000;
}
		*/
html:not(.ccm-edit-mode,.ccm-panel-open) .container-fluid {
  overflow: hidden;
  padding: 0;
}
.building-area {
  overflow: hidden;
  /* allows full-background images to be limited to its parent's height */
}
.building-area > div > div {
  position: relative;
}
.ccm-page {
  font-family: var(--font-one);
  color: var(--default);
  font-size: 1.125rem;
}
.ccm-page h1,
.ccm-page h2,
.ccm-page h3,
.ccm-page h4,
.ccm-page h5,
.ccm-page h6 {
  font-weight: 700;
  color: var(--purple);
  font-family: var(--font-two);
  font-style: italic;
}
.ccm-page h1 {
  font-weight: 700;
  font-family: var(--font-two);
  font-size: 3.75rem;
}
.ccm-page h2 {
  font-weight: 700;
  color: var(--green);
  font-family: var(--font-two);
  font-size: 2.75rem;
}
.ccm-page h3 {
  font-weight: 700;
  color: var(--blue);
  font-family: var(--font-two);
  font-size: 1.875rem;
}
.ccm-page h4 {
  font-weight: 600;
  color: var(--blue);
  font-family: var(--font-two);
}
.ccm-page h5 {
  font-weight: 600;
  font-family: var(--font-two);
}
.ccm-page h6 {
  font-weight: 600;
  font-family: var(--font-two);
}
.ccm-page h1:last-child,
.ccm-page h2:last-child,
.ccm-page h3:last-child,
.ccm-page h4:last-child,
.ccm-page h5:last-child,
.ccm-page h6:last-child,
.ccm-page p:last-child,
.ccm-page ul:last-child,
.ccm-page ol:last-child {
  margin-bottom: 0;
}
.ccm-page a {
  color: var(--blue);
  font-weight: 600;
  text-decoration: none;
  transition: color .4s ease;
}
.ccm-page a:hover {
  color: var(--blue);
  text-decoration: none;
}
.footer-login {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(/application/themes/cape/img/concretelogin.png) no-repeat top;
  background-size: contain;
  margin-bottom: -3px;
  margin-right: 4px;
}
/* Header */
.header-placeholder {
  height: 0;
  margin-top: 0;
}
.header,
.header-icon {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2d8c4+0,f5e7dd+15,f7f0ed+50,f5e7dd+85,f2d8c4+100 */
  background: -webkit-linear-gradient(left, #f2d8c4 0%, #f5e7dd 15%, #f7f0ed 50%, #f5e7dd 85%, #f2d8c4 100%);
  background: -o-linear-gradient(left, #f2d8c4 0%, #f5e7dd 15%, #f7f0ed 50%, #f5e7dd 85%, #f2d8c4 100%);
  background: linear-gradient(to right, #f2d8c4 0%, #f5e7dd 15%, #f7f0ed 50%, #f5e7dd 85%, #f2d8c4 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.header-icon img {
  max-height: 7.1875rem;
  width: auto;
  transition: max-height 0.4s ease;
}
.sticky:not('ccm-edit-mode') .header-icon img {
  max-height: 0px;
}
.header {
  padding-top: .5rem;
  padding-bottom: .5rem;
  position: sticky;
  top: 0;
  z-index: 999;
}
.header .mobile-navbutton {
  display: none;
}
.ccm-panel-ready .header {
  top: 48px;
}
.ccm-edit-mode .header {
  position: relative;
}
.header .header-logo {
  padding-bottom: .75rem;
}
.header .header-logo a {
  display: inline-block;
}
.header .header-logo img {
  height: 8rem;
}
.header .header-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-weight: 600;
  font-size: 1rem;
  /*@media (min-width: 1200px) {
        	font-size: .86rem;
      	}
		@media (min-width: 1400px) {
        	font-size: 1rem;
      	}*/
}
.header .header-nav li {
  /*position: relative;
			list-style: none;*/
}
.header .header-nav li a {
  color: var(--tan);
  padding: 1em;
  letter-spacing: .03em;
  text-decoration: none;
  display: block;
  white-space: nowrap;
}
.header .header-nav li ul {
  display: none;
  position: absolute;
  background-color: var(--blue);
  padding: 1em;
  left: 0em;
  border-radius: 0 .4em .4em .4em;
  min-width: 250px;
}
.header .header-nav li ul li a {
  color: var(--blue);
  padding: .7em;
  border-top: 1px solid var(--default);
}
.header .header-nav li ul li:first-child a {
  border: none;
}
.header .header-nav li:hover > a {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 0;
}
.header .header-nav li:hover ul {
  display: block;
}
.header .header-nav li:hover ul a {
  border-radius: 0;
}
.header .header-nav > ul {
  display: flex;
  align-items: center;
  /*& > li:last-child {
				font-family: var(--font-two);
				margin-left:1em;
				font-size: 1.1em;
				a {
					background:var(--CBG-blue);
					border-radius: 2px;
					padding:.8em;
				}
			}*/
}
.footer {
  background-color: var(--purple);
  color: var(--tanlt);
  padding-top: 2rem;
  padding-bottom: 2.5rem;
}
.footer a {
  color: var(--tan);
}
.footer .footer-bottom {
  font-size: .85rem;
}
.section-white,
.section-tanlt {
  padding-top: 5rem;
  padding-bottom: 5rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
.section-white {
  background: #fff;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fcf7f7+0,f4f4f4+50,fcf7f7+100 */
  background: -webkit-linear-gradient(left, #fcf7f7 0%, #f4f4f4 50%, #fcf7f7 100%);
  background: -o-linear-gradient(left, #fcf7f7 0%, #f4f4f4 50%, #fcf7f7 100%);
  background: linear-gradient(to right, #fcf7f7 0%, #f4f4f4 50%, #fcf7f7 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.section-tanlt {
  background: var(--tanlt);
}
/* Hero Image Block */
.ccm-block-hero-image h1,
.ccm-block-hero-image h2,
.ccm-block-hero-image h3,
.ccm-block-hero-image h4,
.ccm-block-hero-image h5,
.ccm-block-hero-image h6 {
  font-weight: 700;
  font-size: 3.75rem;
  line-height: 1.25em;
  margin-bottom: .5rem;
  color: #fff;
}
.center .ccm-block-hero-image h1,
.center .ccm-block-hero-image h2,
.center .ccm-block-hero-image h3,
.center .ccm-block-hero-image h4,
.center .ccm-block-hero-image h5,
.center .ccm-block-hero-image h6 {
  text-align: center;
}
.dark-content .ccm-block-hero-image h1,
.dark-content .ccm-block-hero-image h2,
.dark-content .ccm-block-hero-image h3,
.dark-content .ccm-block-hero-image h4,
.dark-content .ccm-block-hero-image h5,
.dark-content .ccm-block-hero-image h6 {
  color: unset;
}
.ccm-block-hero-image p {
  font-size: 1.5rem;
  color: #fff;
}
.center .ccm-block-hero-image p {
  text-align: center;
}
.dark-content .ccm-block-hero-image p {
  color: unset;
}
.ccm-block-hero-image .ccm-block-hero-image-cover {
  background: rgba(0, 0, 0, 0.55);
}
.ccm-block-hero-image .ccm-block-hero-image-text:not(.alttemplate) * {
  max-width: 950px;
  text-align: center;
}
/* Content Block Editor Classes */
.no-break {
  white-space: nowrap;
}
.legalese {
  font-size: 65%;
}
/* Custom Block Classes */
.center-block {
  text-align: center;
}
.center-block a {
  margin-left: auto;
  margin-right: auto;
}