/* GLOBAL STYLES =======================================  */

.bg-grey {
	/*    background: #efefef;*/
	background: #262626;
}

/* -------------------- BEGIN BACKGROUND ---------------------- */
/*This sets up a background with a white gradient over it that adapts to be the width of standard bootstrap containers. It calculates the interior white bg needed.*/
body>section.container-fluid {
	background: #fff;
	/* skipping image background at smallest size. Still setting the size and position for background in advance */
	background-position: center, center;
	background-size: cover, contain;
	background-repeat: no-repeat, repeat-y;
}


@media (min-width: 576px) {
	body>section.container-fluid {
		/*Container max-width: 540px;*/
		background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%,
				rgba(255, 255, 255, .96) calc(50vw - 270px),
				rgba(255, 255, 255, 1) 50%,
				rgba(255, 255, 255, .96) calc(50vw + 270px),
				rgba(255, 255, 255, 0) 100%), url("https://apihoard.webit.com/api/v1/Image/4FD4E99DA202126B926FD39802249354/4FD4E99DA202126B926FD39802249354.png?size=Original");
	}
}

@media (min-width: 768px) {
	body>section.container-fluid {
		/*Container max-width: 720px;*/
		background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%,
				rgba(255, 255, 255, .96) calc(50vw - 360px),
				rgba(255, 255, 255, 1) 50%,
				rgba(255, 255, 255, .96) calc(50vw + 360px),
				rgba(255, 255, 255, 0) 100%), url("https://apihoard.webit.com/api/v1/Image/4FD4E99DA202126B926FD39802249354/4FD4E99DA202126B926FD39802249354.png?size=Original");
	}
}

@media (min-width: 992px) {
	body>section.container-fluid {
		/*Container max-width: 960px;*/
		background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%,
				rgba(255, 255, 255, .96) calc(50vw - 480px),
				rgba(255, 255, 255, 1) 50%,
				rgba(255, 255, 255, .96) calc(50vw + 480px),
				rgba(255, 255, 255, 0) 100%), url("https://apihoard.webit.com/api/v1/Image/4FD4E99DA202126B926FD39802249354/4FD4E99DA202126B926FD39802249354.png?size=Original");
	}
}

@media (min-width: 1200px) {
	body>section.container-fluid {
		/*Container max-width: 1140px;*/
		background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%,
				rgba(255, 255, 255, .96) calc(50vw - 570px),
				rgba(255, 255, 255, 1) 50%,
				rgba(255, 255, 255, .96) calc(50vw + 570px),
				rgba(255, 255, 255, 0) 100%), url("https://apihoard.webit.com/api/v1/Image/4FD4E99DA202126B926FD39802249354/4FD4E99DA202126B926FD39802249354.png?size=Original");
	}
}

/*parallax things get blocked by above background so this should fix that*/
body>.parallax-mirror {
	z-index: 0 !important;
}

/* -------------------- END BACKGROUND ---------------------- */
@media (max-width: 575px) {
	.header .header-info-business a {
		/* Reducing this default header padding a bit. */
		padding: 5px;
	}
}

a.btn.btn-primary:hover {
	color: #000 !important;
}

a.btn.btn-secondary:hover {
	color: #000 !important;
}

.header .active>.nav-link {
	color: #000 !important;
}

.footer .active>.nav-link {
	color: #cdf3be;
}

.bg-primary .cw-equal {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.header .header-business+.header-business::before {
	display: none !important;
}

/* HOME PAGE  ============================================ */

/* Summary list ===  */
.page-home .list-img-photo,
.page-admission-options .list-img-photo {
	background-size: contain;
}

/* FORMS =================================================  */
section:not(.page-contact-us) .form {
	padding-top: 1em;
	padding-bottom: 4.5em;
}

.webit-forms-header {
	display: none;
}


/* SERVICES PAGES ========================================  */

/* Paw icon list ===  */
.cw-checklist li {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	z-index: 2;
	padding: 0.5em 0.5em 0 0;
}

.cw-checklist li:before {
	float: left;
	overflow: hidden;
	width: 30px;
	height: 20px;
	content: "";
	background-image: url(https://apihoard.webit.com/api/v1/Image/C43F701D2B1E85E9D6BA2D64BBAAB34B/C43F701D2B1E85E9D6BA2D64BBAAB34B.png?size=Original);
	background-size: 30px 20px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

/* Cascades ===  */
.cw-cascade:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.55);
}

.services---south .cw-cascade {
	padding: 4em 0;
}

.cw-cascade {
	margin: 0 auto;
	padding: 8em 0;
}

/* pg-services-list currently used on the Training page */
@media (max-width: 768px) {
	.pg-services-list li {
		margin-left: 18px !important;
	}
}

.pg-services-list {
	column-count: 3;
	-moz-column-count: 3;
	-webkit-column-count: 3;
}

@media (max-width: 811px) {
	.pg-services-list {
		column-count: 1;
		-moz-column-count: 1;
		-webkit-column-count: 1;
	}
}

.pg-services-list li {
	margin-top: 0;
	margin-bottom: 13px;
	margin-left: 38px;
}

.pg-services-list li::before {
	font-family: fontawesome;
	content: "\f058";
	color: var(--color-theme-highlight);
	margin-right: 7px;
	margin-left: -35px;

}


/* Contact Page */

.cw-locations {
    padding: 70px 0;
    background: #f8f9fa;
  }

  .cw-location-card {
    /* background: #fff; */
    border-radius: 18px;
    padding: 40px 35px;
    height: 100%;
    border: 3px solid #f3f3f3;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
    border: 3px solid #e5e5e5;
  }

  .cw-location-one {
    background-image: linear-gradient(rgba(0, 0, 0, 0.651), rgba(0, 0, 0, 0.651)), url(https://apihoard.webit.com/api/v1/Image/A76F188D111AFE7C83709457BCF5576B/A76F188D111AFE7C83709457BCF5576B.jpeg?size=1920x1440);
    background-size: cover;
  }

  .cw-location-two {
    background-image: linear-gradient(rgba(0, 0, 0, 0.651), rgba(0, 0, 0, 0.651)), url(https://apihoard.webit.com/api/v1/Image/259DCD274D24E37EA9B4FFA89CF42910/259DCD274D24E37EA9B4FFA89CF42910.jpeg?size=1920x1440);
    background-size: cover;
  }

  .cw-location-card:hover {
    transform: translateY(-8px);
    border-color: #9EE4E7;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
  }

  .cw-location-icon {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #9EE4E7;
    color: rgb(0, 0, 0);
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
  }

  .cw-location-card h3 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #fff;
  }

  .cw-location-card p {
    margin-bottom: 15px;
    font-size: 16px;
    color: rgb(231, 231, 231);
  }

  .cw-location-card p i {
    width: 24px;
    color: #9EE4E7;
    margin-right: 10px;
    text-align: center;
  }

  .cw-location-card a {
    color: #fff;
    text-decoration: none;
    transition: 0.25s;
  }

  .cw-location-card a:hover {
    color: #9EE4E7;
  }

  @media (max-width: 991px) {
    .cw-location-card {
      margin-bottom: 30px;
    }
  }