/* CONTACT US TODAY ABOUT YOUR PROJECT */

.cutayp {
	background-color: #0b1157;
}
.cutayp .field--name-body {
	display: flex;
	flex-direction: row;
  justify-content: flex-start;
	gap: 40px;
}
.cutayp h3 {
	color: #fff;
  margin-bottom: 0;
  line-height: 170%;
}



/* FOOTER */

.footer-block-menu.perfect {
	flex: 0 0 50%;
}
.footer-block-menu {
  flex: 1;
}
.block-footer-logo .perfect h3 {
	color: #fff;
}
.block-footer-logo .perfect h2 {
	color: #00aeef;
	font-style: italic;
}
.block-footer-logo .tagline {
	display: flex;
  align-items: center;
  gap: 30px;
}
.block-footer-logo .tagline h6 {
	color: #fff;
	margin-bottom: 0;
}



/* FOOTER MENUS */

.region-footer .footer-block-menu h5 {
	display: flex;
	color: #43bbf8;
	font-size: 1rem;
	font-weight: 500;
	text-transform: uppercase;
}
.region-footer .nav>li>a,
.region-footer .navbar-nav .nav-link.active {
	color: #fff;
}
.region-footer .nav>li>a:focus, 
.region-footer .nav>li>a:hover {
	background: none;
}



/* COPYRIGHT */

.copyright {
	background-color: #54b8f6;
	box-sizing: border-box;
	padding: 20px;
	display: flex;
  justify-content: center;
}
.region-copyright .field--name-body {
	display: flex;
}
.copyright p,
.copyright li,
.copyright a,
.copyright a:hover,
.copyright a:visited {
	color: #fff;
	font-size: .8rem;
	font-weight: 600;
	margin: 0;
}
.copyright p.hdmi {
	font-size: 10px;
}
.region-copyright .copyright-copy {
	display: flex;
	flex-flow: column;
	flex: 50%;
}
.region-copyright .privacy-copy {
	display: flex;
	flex: 50%;
	justify-content: flex-end;
}
.privacy-copy ul {
	display: flex;
	gap: 20px;
	margin-bottom: 0;
}
.privacy-copy li {
	display: flex;
	justify-content: flex-end;
}


/* =========================
   LAYER 1: top CTA band
   Stack copy + button below 576
   ========================= */

/* 
#block-b5subtheme-contactustodayaboutyourproject .field__item > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  flex-wrap: nowrap;
  text-align: center;
}

@media (max-width: 576px) {
  #block-b5subtheme-contactustodayaboutyourproject .field__item > div {
    flex-direction: column;
    gap: 16px;
  }
}
 */

/* =========================
   LAYER 2: main footer
   Stack sections around 920
   ========================= */

/* 
.block-footer-logo .field--name-body {
  display: grid;
  grid-template-columns: minmax(320px, 1.35fr) repeat(3, max-content);
  gap: 40px 60px;
  align-items: start;
  width: 100%;
}
 */

/* reset old footer flex rules */
/* 
.block-footer-logo .field--name-body > .footer-block-menu,
.block-footer-logo .field--name-body > .footer-block-menu.perfect {
  width: auto;
  max-width: none;
  min-width: 0;
}
 */

/* place the feature block */
/* 
.block-footer-logo .field--name-body > .footer-block-menu.perfect {
  grid-column: 1;
  grid-row: 1 / span 2;
  max-width: 430px;
}
 */

/* explicitly place the 3 menu columns */
/* 
.block-footer-logo .field--name-body > .footer-block-menu:nth-of-type(2) {
  grid-column: 2;
  grid-row: 1;
}

.block-footer-logo .field--name-body > .footer-block-menu:nth-of-type(3) {
  grid-column: 3;
  grid-row: 1;
}

.block-footer-logo .field--name-body > .footer-block-menu:nth-of-type(4) {
  grid-column: 4;
  grid-row: 1;
}
 */

/* medium: keep feature left, let third menu drop under the other two */
/* 
@media (max-width: 1100px) {
  .block-footer-logo .field--name-body {
    grid-template-columns: minmax(300px, 1.2fr) max-content max-content;
    gap: 36px 48px;
  }

  .block-footer-logo .field--name-body > .footer-block-menu.perfect {
    grid-column: 1;
    grid-row: 1 / span 2;
    max-width: 430px;
  }

  .block-footer-logo .field--name-body > .footer-block-menu:nth-of-type(2) {
    grid-column: 2;
    grid-row: 1;
  }

  .block-footer-logo .field--name-body > .footer-block-menu:nth-of-type(3) {
    grid-column: 3;
    grid-row: 1;
  }

  .block-footer-logo .field--name-body > .footer-block-menu:nth-of-type(4) {
    grid-column: 2;
    grid-row: 2;
  }
}
 */

/* stack feature block above menus */
/* 
@media (max-width: 920px) {
  .block-footer-logo .field--name-body {
    grid-template-columns: repeat(3, minmax(0, max-content));
    gap: 30px 40px;
  }

  .block-footer-logo .field--name-body > .footer-block-menu.perfect {
    grid-column: 1 / -1;
    grid-row: auto;
    max-width: 100%;
  }

  .block-footer-logo .field--name-body > .footer-block-menu:nth-of-type(2) {
    grid-column: 1;
    grid-row: auto;
  }

  .block-footer-logo .field--name-body > .footer-block-menu:nth-of-type(3) {
    grid-column: 2;
    grid-row: auto;
  }

  .block-footer-logo .field--name-body > .footer-block-menu:nth-of-type(4) {
    grid-column: 3;
    grid-row: auto;
  }
}
 */

/* small: stack the 3 menus */
/* 
@media (max-width: 500px) {
  .block-footer-logo .field--name-body {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .block-footer-logo .field--name-body > .footer-block-menu.perfect,
  .block-footer-logo .field--name-body > .footer-block-menu:nth-of-type(2),
  .block-footer-logo .field--name-body > .footer-block-menu:nth-of-type(3),
  .block-footer-logo .field--name-body > .footer-block-menu:nth-of-type(4) {
    grid-column: 1;
  }
}
 */


/* =========================
   LAYER 3: copyright strip
   copyright over privacy at 920
   privacy links vertical at 576
   ========================= */

/* 
.region-copyright {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 30px;
}

.region-copyright .field__item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 30px;
  width: 100%;
}

.copyright-copy,
.privacy-copy {
  min-width: 0;
}

.privacy-copy {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

@media (max-width: 920px) {
  .region-copyright .field__item {
    flex-direction: column;
    gap: 20px;
  }

  .privacy-copy {
    justify-content: flex-start;
  }
}

@media (max-width: 576px) {
  .privacy-copy {
    flex-direction: column;
    gap: 12px;
  }
}
 */

/* RESPONSIVE FOOTER & COPYRIGHT */
/* The four .footer-block-menu columns are flex children of a nowrap row;
   below ~992px their minimum widths exceed the viewport. Same idea for the
   copyright strip's side-by-side copy/privacy halves. */
@media (max-width: 991px) {
	.block-footer-logo .field--name-body {
		flex-wrap: wrap;
		gap: 30px 40px;
	}
	.footer-block-menu.perfect {
		flex: 1 1 100%;
	}
	.footer-block-menu {
		flex: 1 1 auto;
	}
}
@media (max-width: 575px) {
	.footer-block-menu {
		flex: 1 1 100%;
	}
	.region-copyright .field--name-body {
		flex-direction: column;
		gap: 12px;
	}
	.region-copyright .privacy-copy {
		justify-content: flex-start;
	}
	.privacy-copy ul {
		flex-wrap: wrap;
		gap: 12px 20px;
		padding-left: 0;
	}
	.privacy-copy li {
		justify-content: flex-start;
	}
}