/*
Theme Name: csh
Author: Robyn Heib
Author URI: https://gitlab.com/robynheib
Version: 1.0


dark-color:		#2B3459
light-color:	#fff
dark-bg:		#2B3459
bg-light:		#EDEFF6
bg-white:		#fff
highlight: 		#A7D48D
*/

/* admin bar */
#wpadminbar #adminbarsearch::before, #wpadminbar .ab-icon::before, #wpadminbar .ab-item::before {
	color: #000;
}
#wpadminbar .ab-empty-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon {
	color: #000;
}
#wpadminbar{
	background-color: transparent;
}


/* Screen Reader */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	word-wrap: normal !important;
	word-break: normal
}
.screen-reader-text:focus {
	background-color: #f7f7f7;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
	clip: auto !important;
	-webkit-clip-path: none;
	clip-path: none;
	color: #007acc;
	display: block;
	font-size: 14px;
	font-size: .875rem;
	font-weight: 700;
	height: auto;
	right: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000
}
.skip-link {
	left: -9999rem;
	top: 2.5rem;
	z-index: 999999999;
	text-decoration: underline
}
.skip-link:focus {
	display: block;
	left: 6px;
	top: 7px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	line-height: normal;
	padding: 15px 23px 14px;
	z-index: 100000;
	right: auto
}
.visually-hidden:not(:focus):not(:active),
.form-allowed-tags:not(:focus):not(:active) {
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap
}


/* Stucture */
* {
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent
}
main{
	padding-top: 65px;
	color: #2B3459;
}
.admin-bar main{
	padding-top: 40px;
}
html {
	scroll-behavior: smooth;
	overflow-x: hidden;
}
body {
	line-height: 1.75rem; 
	font-family: "tussilago", sans-serif;
	font-size: 1.25rem;
	overflow-x: hidden;
}
.wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
}
section {
	/*margin-top: 100px;*/
	/*margin-bottom: 100px;*/
	margin-top: 50px;
	margin-bottom: 50px;
}
img{
	max-width: 100%;
}
#sidebar {
	display: none;
}

/* Headings */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
}
.h1, h1 {
	font-size: 4rem;
	padding-bottom: 1rem;
	line-height: 1;
}
.h2, h2 {
	font-size: 2.625rem;
	padding-bottom: 1rem;
	font-weight: 700;
}
.h3, h3 {
	font-size: 2rem;
	padding-bottom: 1rem;
}
.h4, h4 {
	font-size: 1.3rem;
	padding-bottom: 1rem;
}

.mobile {
	display: none !important;
}

/* Background Colours */
.bg-white {
	background-color: transparent !important;
}
.bg-light{
	background-color: #EDEFF6 !important;
}
.bg-dark{
	background-color: #2B3459 !important;
	color: #fff;
}

/* Buttons */
.btn {
	border: 1px solid #A7D48D;
	padding: 10px 20px 10px 20px;
	border-radius: 50px;
	color: inherit;
	font-family: proxima-nova;
	font-size: 1.125rem;
}
.btn:hover {
	background-color: #A7D48D;
}
.news .btn {
	color: #2B3459;
}

/* Utils */
.upper{
	text-transform: uppercase;
}


/* Icons */
.icon-phone {
	background-image: url(/wp-content/themes/csh/assets/icon/phone.svg);
	color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	width: 1.5rem;
	display: inline-block;
	margin-right: 1rem;
}
.icon-email {
	background-image: url(/wp-content/themes/csh/assets/icon/email.svg);
	color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	width: 1.5rem;
	display: inline-block;
	margin-right: 1rem;
}
.icon-quote {
	background-image: url(/wp-content/themes/csh/assets/icon/quote.svg);
	color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	width: 5rem;
	display: inline-block;
	margin-right: 1rem;
}
.bg-light .icon-quote,.bg-white .icon-quote {
	background-image: url(/wp-content/themes/csh/assets/icon/quote-blue.svg);
	color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	width: 5rem;
	display: inline-block;
	margin-right: 1rem;
}


/* Pagination */
.pagination .arrow {
	background-image: url(/wp-content/themes/csh/assets/img/arrow.svg);
}
.page-numbers {
	color: black;
}
.page-numbers.current {
	color: gray;
}
.pagination {
	width: 20rem;
	margin: auto;  
	display: flex;
	justify-content: space-evenly;
	margin-top: 50px;
	margin-bottom: 50px;
}
.pagination a:hover .arrow {
	background-image: url(/wp-content/themes/csh/assets/img/arrow-black.svg);
}
.pagination .next, .pagination .prev{
	position: absolute;
}
.pagination .arrow.right{
	position: absolute;
	right: -160px;
}
.pagination .arrow.left{
	position: absolute;
	right: 136px;
}
.carousel-control-prev .arrow {
	background-image: url(/wp-content/themes/csh/assets/img/arrow-black.svg);
	background-position: center;
}
.carousel-control-next .arrow {
	background-image: url(/wp-content/themes/csh/assets/img/arrow-black.svg);
	background-position: center;
}

/* navigation styles */
nav, .navbar {
	background-color: #fff;
	color: #2B3459;
	padding-left: 5rem;
	padding-right: 5rem;
}
nav a {
	display: block;
	padding: .5rem 1rem;
	color: #2B3459;
}
nav a:hover {
	color: #2B3459;
}
a.navbar-brand {
    padding: 0;
}
.menu-item, footer p {
	font-family: proxima-nova;
}
#menu-main-menu, .menu-item{
	margin-left: 1rem;
	margin-right: 1rem;
} 
#open-search{
	border: none;
	z-index: 10000;
	position: fixed;
	right: 2rem;
	top: .5rem;
}
#open-search:hover, #close-search:hover, .search:hover {
	background-color: transparent;
}
#open-search svg{
	stroke: #2B3459;
}
#close-search, #open-search, .search {
	border: none;
}
.search svg{
	stroke: #A7D48D;
}
.navbar-toggler-icon{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}


/* header */
.header{
	height: 42vw;
	background-position: right;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: #2B3459;
	margin-top: 0;
}
.header img {
	width: auto;
}
.single-post .header {
	background-position: 150%;
}
.home .header {
	background-position: left;
	align-items: end;
	display: flex;
}
.header .txt {
	align-items: center;
	display: flex;
	color: #fff;
}
.header .txt-body {
	/*width: 70%;*/
	width: 72%;
	margin: auto;
}
.header .img {
	display: flex;
	justify-content: end;
}
.header .row {
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
}
.lead {
	font-family: proxima-nova;
	padding-bottom: 2rem;
	font-weight: 400;
}


/* footer */
footer{
	background-color: #2B3459;
	color: #fff;
	background-image: url("/wp-content/themes/csh/assets/img/footer-bg.png");
	background-repeat: no-repeat;
	background-position: top right;
	padding-left: 5rem;
}
footer .col-sm {
	padding: 50px;
}
footer li {
	padding-bottom: 2rem;
}
footer a {
	color: #fff;
}
footer a:hover {
	color: #fff;
}
footer svg {
	fill: white;
}

.socials {
	padding-bottom: 0 !important;
}
.social-logos {
	display: flex;
	margin-bottom: 0;
	padding-left: 0;
}
.social-logos li {
	padding-bottom: 0;
	padding-right: 40px;
	list-style: none !important;
}

#menu-footer-menu {
	width: fit-content;
}
input[type="submit"] {
	background-color: transparent;
	border-style: solid;
	width: fit-content;
	background-repeat: no-repeat;
	background-position-x: calc(100% - 10px);
	padding: 10px;
	background-position-y: center;
	border: 1px solid #A7D48D;
	border-radius: 30px;
	color: #2B3459;
}
footer 	input[type="submit"] {
	padding: unset;
	padding-right: unset;
}
footer input[type="submit"] {
	width: 20px;
	border: none;
	background-position: center;
	background-repeat: no-repeat;
	background-color: transparent;
	color: #A7D48D;
}
footer form{
	width: fit-content !important;
	border-bottom: 1px solid #A7D48D;
	width: 100%;
}
footer form p{
	display: flex;
	margin: 0;
}
input[type="email"], input[type="text"], textarea {
	background: transparent;
	border: none;
	border: 1px solid #A7D48D;
	padding: 10px;
	border-radius: 30px;
}
footer input[type="email"] {
	border: solid 1px transparent;
	padding: 0;
}
footer .wpcf7-form-control-wrap{
	border: none;
}
footer input[type="email"] {
	color: #fff;
}
footer input[type="email"]:focus-visible {
	border-color: transparent;
	box-shadow:none;
	border-bottom: 1px solid #fff !important;
	border-radius: 0;
}
.mobile-footer-item{
	width:90%; 
	border-right: 1px solid gray;
	padding: 3rem;
}


/* Carousel */
.carousel-inner{
	margin: auto;
}
.carousel-indicators li {
	border-radius: 100%;
	width: 20px;
	height: 20px;
	background-color: transparent;
	border: 1px solid #2B3459;
	margin-bottom: 20px;
}
.carousel-indicators {
	position: unset;
	margin: 0;
	margin-top: 5rem;
}
.carouselOuter{
	display: flex;
	flex-direction: column;
}
.carousel-indicators .active {
	opacity: 1;
	background-color: #2B3459;
}
#carouselExample2Indicators .carousel-indicators li {
	border-color: #A7D48D;
}
#carouselExample2Indicators .carousel-indicators .active {
	background-color: #A7D48D;
}
#carouselExample2Indicators .carousel-indicators {
	position: absolute;
}
.bg-dark .carousel-item{
	background-color: #2B3459;
}
.bg-gray .carousel-item-next, .bg-gray .carousel-item-prev, .bg-gray .carousel-item.active {
	display: flex;
}
.bg-gray .carousel-control-next, .bg-gray .carousel-control-prev {
	position: inherit;
	width: auto;
	margin: 20px;
	padding: 10px;
	background-color: #fff;
}
.bg-gray .carousel-control-prev {
	margin-right: 0;
}
.carousel-indicators.mobile{
	display: none;
}


/* testomonials */
.testomonials {
	padding: 10rem;
	margin-bottom: 0;
}
.home .testomonials2 {
	display: block;
	background-image: url(/wp-content/themes/csh/assets/img/shape.png);
	height: 230px;
	background-repeat: no-repeat;
	background-position-x: 30%;
	background-position-y: -1px;
}
.testomonials .carousel-item {
	flex-direction: column;
}
.testomonials p {
	margin: 0;
}
.testomonials img {
	width: fit-content;
	margin: auto;
	margin-top: 3rem;
}

/* Quote */
.quote {
	color: #fff;
}
.quote .img-w-txt-right {
	padding-top: 5rem;
	padding-bottom: 5rem;
	padding-left: 100px;
	background-size: cover;
	height: 45rem;
	align-items: center;
	display: flex;
}
.quote .img-w-txt-right .row{
	width: 100%;
}


/* img-w-txt- */
.img-w-txt-left .bg-dark img, .img-w-txt-left .bg-gray img {
	width: 100%;
	translate: 0 0;
}
.img-w-txt-left .txt, .img-w-txt-right .txt {
	justify-content: center !important;
	padding-bottom: 0 !important;
}
.img-w-txt .txt {
	justify-content: end;
	display: flex;
	flex-direction: column;
	padding-bottom: 30px;
}
.img-w-txt .img {
	text-align: center;
}
.img-w-txt-left.bg-white .img img, .img-w-txt-left.bg-white .img{
	text-align: left;
}
.img-w-txt-right.bg-white .img img, .img-w-txt-right.bg-white .img{
	text-align: right;
}
.img-w-txt .bg-white .txt-body {
	width: 60%;
	margin: auto;
}
.img-w-txt-left.bg-dark img {
	width: 100%;
	translate: 0;
}
.img-w-txt-img{
	margin-bottom: 200px;
}
.img-w-txt-img .txt {
	justify-content: end;
	display: flex;
	flex-direction: column;
}
.txt-body p, .txt-body li {
	font-size: 1.25rem;
	font-family: proxima-nova;
}
.img-w-txt-img .txt-body {
	width: 60%;	
}
.img-w-txt-img .style1 .txt-body, .img-w-txt-img .style3 .txt-body {
	margin-bottom: 100px;
}
.img-w-txt-img .style1 {
	background: linear-gradient(90deg, transparent 20%, #D9D4CF 0%) !important;
}
.img-w-txt-img .style1 .img {
	display: flex;
	align-items: end;
}
.img-w-txt-img .style1 .img img {
	height: 80%; 
}
.img-w-txt-img .style2 .txt {
	justify-content: center;
	align-items: center;
}
.img-w-txt-img .style2 .img {
	justify-content: end;
	display: flex;
}
.txt-body svg {
	fill: #A7D48D;
}
.txt-body .social-logos {
	padding: 0;
}
.shape-999 .text-left {
  padding: 6rem;
  max-width: 40rem;
}
.shape-999 .txt-body {
  width: 81%;
  margin-left: auto;
}


.icon-outer {
	display: flex;
	margin-top: 10%;
}
.icon-text {
	justify-content: end;
	display: flex;
	flex-direction: column;
	margin-left: 50px;
}
.bg-gray .icon-text {
	color: #fff;
}
.bg-white .icon-text {
	color: #FAA640;
}
.icon-number {
	font-size: 4rem !important;
}

/* video */
.video{
	margin-bottom: 200px;
	margin-top: 200px;
}
.video-control p {
	margin: 0;
}
.video-control {
	background-color: rgba(167, 212, 141, 0.6);
	color: #fff;
	border: none;
	margin: 0;
	padding: 0;
	width: 6.875rem;
	height: 6.4375rem;
}
.video-control .arrow {
	background-image: url(/wp-content/themes/csh/assets/img/arrow.svg);
	padding-left: 0px;
	width: 1.625rem;
	height: 3.1875rem;
	background-size: contain;
	display: inline-block;
	background-repeat: no-repeat;
}
.video video {
	width: inherit;
	background-color: #000;
}
.video-control{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
  	-webkit-transform: translate(-50%, -50%);
	pointer-events: all;
}
.video-outer{
	position: relative;
}
.video-control-outer{
	position: absolute;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
	height: 100%;
	top: 0;
	transition: opacity .5s linear;
	pointer-events: none;
}
.video-control-hidden{
	opacity: 0;
}
.video p {
    margin-bottom: 2rem;
}
.video-control p {
	margin-bottom: .3rem;
}


/* Updates */
.updates img {
	object-fit: cover;
	height: 25rem;
	margin-bottom: 2rem;
}


/* News */
.posts{
	max-width: 1400px;
	margin: auto;
	margin-bottom: 50px;
}
.posts .post, .search .page{
	width: 50%;
	padding: 2rem;
	font-family: proxima-nova;
}
.posts .post img{
	object-fit: cover;
	height: 20rem;
}
.post-content{
	padding: 1rem;
}
.posts .btn-outline-orange {
	color: #2B3459;
}
.post-content-single{
	width: 90%;
	font-family: proxima-nova;
}
.img-single img {
	object-fit: cover;
	height: 30rem;
}
.aligncenter {
	margin: auto;
	display: block;
}

.catagorys{
	justify-content: space-evenly;
	display: flex;
	flex-wrap: wrap;
}
.catagory .btn {
	width: 11rem;
}

.more-link {
	display: none;
}
.facebook-share {
	padding-right: 25px;
}
.share {
	padding-top: 50px;
}


/* Form */
.wpcf7-form-control {
	width: 100%;
}
.wpcf7-form-control-wrap {
	display: block;
}
.wpcf7-form {
	width: 70%;
	display: flex;
	flex-direction: column;
}
.wpcf7-list-item {
	width: 15rem;
}
.wpcf7-not-valid-tip {
	position: absolute;
}
.form-w-txt .txt-body h4 {
	padding-top: 6rem;
	padding-bottom: 0;
}
.form-w-txt .txt {
	display: flex;
}
.form-w-txt .txt-body {
	width: 60%;
}
.form-w-txt {
	margin-top: 5rem;
	margin-bottom: 10rem;
}
.form-range {
	-webkit-appearance: none;
	width: 80%;
	height: 5px;
	background: #D9D4CF;
	outline: none;
}
.form-range:hover {
	opacity: 1;
}
.form-range::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 15px;
	height: 10px;
	background: #A7D48D;
	cursor: pointer;
	transform: skew(-10deg,0deg);
	border-radius: 0;
	border: none;
}
.form-range::-moz-range-thumb {
	width: 15px;
	height: 10px;
	background: #A7D48D;
	cursor: pointer;
	transform: skew(-10deg,0deg);
	border-radius: 0;
	border: none;
}
.wpcf7-spinner{
	margin: 0;
	position: absolute;
	background-color: transparent;
	border: 1.5px solid #A7D48D;
	opacity: 1;
}
.wpcf7-spinner::before {
	background-color: #A7D48D;
}
input[type="email"]:focus-visible, input[type="text"]:focus-visible {
	outline: none;
}
input[type="email"]:focus-visible, input[type="text"]:focus-visible {
	outline: 0;
	box-shadow: 0 0 0 .2rem #A7D48D80;
}
textarea{
	resize: none;
}
textarea:focus{
	outline: 0;
	box-shadow: 0 0 0 .2rem #A7D48D80;
}
.social-logos li {
	list-style: none;
}


/* Community */
.community-bg{
	pointer-events: none;
	background-image: url(/wp-content/themes/csh/assets/img/comunity-bg.png);
	height: 1000px;
	position: absolute;
	width: 100%;
	translate: 0 -300px;
	background-size: 100%;
}
.community {  
	background-position-y: 142px;
	background-repeat: no-repeat;
}
.community .txt-body {
	width: 80%;
	padding-top: 10%;
}
.community {
	background-image: url(/wp-content/themes/csh/assets/img/Subtract2.png);
}


/* Shapes */
.shape {
	pointer-events: none;
}
.shape-1 .shape{
	background-image: url(/wp-content/themes/csh/assets/img/Isolation_Mode.png);
	height: 239px;
	position: absolute;
	width: 239px;
	margin-left: 90%;
	background-repeat: no-repeat;
	margin-top: -190px;
	background-size: 80%;
}
.shape-1 {
	margin-bottom: 100px;
	margin-top: 250px;
}
.shape-5 .shape{
	background-image: url(/wp-content/themes/csh/assets/img/shape-5.png);
	height: 100%;
	position: absolute;
	width: 100%;
	background-repeat: no-repeat;
	background-size: 20%;
	background-position-x: 100%;
}
.shape-5 {
	margin-bottom: 250px;
}
.shape-2 .shape{
	background-image: url(/wp-content/themes/csh/assets/img/Subtract.png);
	position: absolute;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position-x: 6%;
	background-position-y: 100px;
}
.shape-6 .shape{
	background-image: url(/wp-content/themes/csh/assets/img/Isolation_Mode2.png);
	position: absolute;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position-x: 100%;
	translate: 0 -400px;
}
.shape-6 {
	margin-top: 300px;
}
.shape-7 .shape{
	background-image: url(/wp-content/themes/csh/assets/img/Isolation_Mode2.png);
	position: absolute;
	height: 478px;
	width: 239px;
	background-repeat: no-repeat;
	translate: 120px 400px;
	rotate: 90deg;
}
.shape-7 {
	margin-bottom: 262px;
}
.shape-3 .shape {
	background-image: url(/wp-content/themes/csh/assets/img/Isolation_Mode.png);
	height: 239px;
	position: absolute;
	width: 239px;
	background-repeat: no-repeat;
	margin-top: -238px;
	rotate: 90deg;
}
.shape-3 {
	margin-bottom: 60px;
	margin-top: 300px;
}
.shape-4 .shape {
	background-image: url(/wp-content/themes/csh/assets/img/Subtract.png);
	position: absolute;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position-x: 55%;
	background-position-y: 100px;
}
.shape-4 {
	padding-bottom: 200px;
}
.shape-10 .shape {
	background-image: url(/wp-content/themes/csh/assets/img/shape-4.png);
	position: absolute;
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-position-y: top;
	translate: 0 400px;
}
.shape-10 {
	margin-top: 100px;
	padding-bottom: 200px;
}
.shape-8 .shape {
	background-image: url(/wp-content/themes/csh/assets/img/cog2.svg);
	position: absolute;
	height: 248px;
	width: 248px;
	background-repeat: no-repeat;
	translate: 0 -50%;
	margin-left: 49%;
}
.shape-8 {
	padding-top: 200px;
}
.shape-9 .shape {
	background-image: url(/wp-content/themes/csh/assets/img/cog2.svg);
	position: absolute;
	height: 248px;
	width: 248px;
	background-repeat: no-repeat;
	translate: 0 380px;
	margin-left: 49%;
}
.shape-9 {
	padding-top: 200px;
}


/* blog */
.blog h2 a {
	color: #2B3459;
}
.follow {
	margin-top: 5rem;
}
.posts a {
	color: #2B3459;
}
.single-post .posts .post {
	width: 100%;
}
.posts .post img, .posts .page img {
	object-fit: cover;
	height: 20rem;
}


/* search */
.no-results {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 100px;
}
.search-field {
	border: 2px solid lightgray;
	padding: .3rem;
}
.search-submit {
	border-color: lightgray;
}
.search-panel form{
	justify-content: center;
}
.search-panel form input{
	border: none;
	border-left: 1px solid #A7D48D;
	width: 70% !important;
}
.search-panel form input:focus {
	border-color: #A7D48D;
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(250, 166, 64, 0.3);
}
.search-panel {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.search-drop {
	z-index: 100000;
	position: fixed;
	width: 100%;
	background-color: #fff;
	top: 0;
}
.screen-dim{
	z-index: 10000;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #00000083;
	opacity: 0;
	transition: opacity 1s;
	pointer-events: none;
}
.search-drop .search::before {
	color: #2B3459;
}
.search-drop .navbar {
	justify-content: space-between;
	background-color: #fff;
	border-bottom: 1px solid #A7D48D;
}
#close-search::before{
	z-index: 20;
	font: normal 30px/1 dashicons !important;
	content: "╳";
	color: #A7D48D;
}
#close-side::before{
	z-index: 20;
	font: normal 30px/1 dashicons !important;
	content: "╳";
	color: #A7D48D;
}
.search-drop {
    -webkit-animation: slide-out 0.5s forwards;
    animation: slide-out 0.5s forwards;
	pointer-events: none;
}
.search-drop.active {
	display: block;
	top:-100px;
    -webkit-animation: slide 0.5s forwards;
    animation: slide 0.5s forwards;
	opacity: 0;
	pointer-events: unset;
}
.search-drop.active .screen-dim{
	opacity: 1;
}


/* Service */
.service {
    width: 80%;
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
	background-position-x: right;
	box-shadow: 0px 0px 20px #888888;
	background-size: 50%;
	background-position-y: center;
	height: 25rem;
	background-size: contain;
	background-size: 46%;
}
.service.left {
	background-position-x: left;
}
.service .img-w-txt-right {
	background-repeat: no-repeat;
	background-position-x: 60%;
	background-size: contain;
	background-image: url(/wp-content/themes/csh/assets/img/card-right.png);
	height: 100%;
}
.service .img-w-txt-left {
	background-repeat: no-repeat;
	background-position-x: 40%;
	background-size: contain;
	background-image: url(/wp-content/themes/csh/assets/img/card-left.png);
	height: 100%;
}
.service .txt {
	padding-bottom: 3rem !important;
}
.service .btn {
	color: #2B3459;
}
.txt-body li {
    list-style: disc;
	line-height: 34px;
}
.txt-body ul {
    padding-left: 1.5rem;
}
.txt-body .d-flex div {
    margin-right: 3rem;
}
.img-w-txt.service.square .img {
    text-align: right;
}
.service-banner.desktop {
    margin-top: 100px;
    height: auto;
    margin-bottom: 100px;
}
.service-banner h2{
	width: 50%;
}
.service-slider article {
    width: 673px;
	margin-right: 20px;
	background-image: url(/wp-content/themes/csh/assets/img/cog.svg);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.service-slider-outer{
    margin-left: 10%;
}
.service-slider{
	display: flex;
    width: fit-content;
	transition: all .5s;
}
.service-slider-section input {
	margin-left: 10%;
    margin-right: 10%;
}
.sevice-content {
	padding: 2rem;
}
.page-id-374 .img-w-txt {
	padding-bottom: 100px;
}
.service-slider .post-content {
	padding-left: 0;
}
.service-slider .post-content a{
	color: #2B3459;
}
#ServiceSlider {
	margin-top: 50px;
	margin-bottom: 50px;
}
.service-slider-section h3 {
	font-size: 3rem;
}
.service-slider-section{
	margin-bottom: 200px;
}
.services .col-sm {
	background-size: cover;
	display: flex;
	align-items: end;
	color: #fff;
}
.services .col-sm .container {
	padding: 50px;
	padding-bottom: 100px;
}
.services .container {
	position: absolute;
	z-index: 1;
	color: #fff;
	padding: 50px;
}
.services h2 {
	font-size: 3rem;
}

/* Accreditated */
.logos {
	justify-content: space-between;
	display: flex;
	padding-top: 2rem;
}
.accreditated {
	margin-bottom: 0;
	padding-bottom: 5rem !important;
	padding-top: 5rem !important;
}

.slider-buttons {
	margin-left: 10%;
	padding-left: 20px;
	margin-top: 3rem;
}
.slider-buttons button {
	color: #000;
	height: 3rem;
	width: 3rem;
}

.logos_outer {
	margin: 2rem;
}

#cat {
	display:none;
	border: 1px solid rgba(43, 52, 89, 0.12);
	border-radius: 20px;
	background-color: #fff;
	padding: 1rem;
	padding-left: 2rem;
	padding-right: 4rem;
	appearance: none;
	background-image: url(/wp-content/themes/csh/assets/img/select_arrow.svg);
	background-repeat: no-repeat;
	background-position-x: 95%;
	background-position-y: center;
	color: #2B3459;
}

.mtt-title {
	display:flex;
	justify-content:space-between;
	padding-bottom: 2rem;
}


/* Slider */
.slider {
	height: 186px;
	margin: auto;
	overflow:hidden;
	position: relative;
}
.slider::before,
.slider::after {
	background: linear-gradient(to right,  #A7D48D 0%,#FAA64000 100%);
	content: "";
	height: 186px;
	position: absolute;
	width: 200px;
	z-index: 2;
}
.slider::after {
	right: 0;
	top: 0;
	transform: rotateZ(180deg);
}
.slider::before {
	left: 0;
	top: 0;
}
.slider .slide-track {
	animation: scroll 40s linear infinite;
	display: flex;
	width: calc(250px * 14);
}
.slider .slide {
	height: 186px;
	width: 250px;
}


/* media queries */
@media (max-width: 992px) {
.services .col-sm{
	background-size: 100%;
	background-position: center;
}
.services .row {
	height: 80rem !important;
}

	/* Structure */
	.h1, h1 {
		font-size: 2.25rem;
	}
	.h2, h2 {
		font-size: 1.5rem;
	}
	.desktop {
		display: none !important;
	}
	.mobile {
		display: block !important;
	}

	/* Shapes */
	.shape-4 .shape{
		display: none;
	}
	.shape-4 {
		padding-bottom: 50px;
	}
	.shape-5 {
		margin-bottom: 100px;
	}
	.shape-6 {
		margin-bottom: 100px;
	}
	.shape-10 {
		margin-top: 50px;
	}
	.shape-10 .shape {
		background-image: url(/wp-content/themes/csh/assets/img/shape-8.png);
		position: absolute;
		height: 100%;
		width: 100%;
		background-repeat: no-repeat;
		background-position-y: top;
		translate: 0 155px;
		background-position-x: 100px;
	}
	.shape-10 {
		padding-bottom: 100px;
	}
	.shape-2 .row {
		justify-content: end;
	}
	.shape-2 .img {
		width: 80%;
	}
	.shape-2 .shape {
		background-position-y: 0;
		background-size: 40%;
		translate: 0 -60px;
	}
	.shape-1 .row {
		flex-direction: column-reverse !important;
	}
	.shape-1 .shape {
		margin-left: 0;
		background-size: auto;
		width: 100%;
		background-position-x: right;
	}
	.shape-9 .shape {
		translate: 0 0;
		background-position-x: -3rem;
		z-index: -1;
		background-position-y: 13rem;
		position: absolute;
		height: 100%;
		width: 100%;
		background-repeat: no-repeat;
		margin: 0;
		background-size: 28%;
	}
	.shape-9 {
		padding-bottom: 100px;
	}
	.shape-8 {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.shape-8 .shape {
		background-position-x: -41px;
		z-index: -1;
		background-position-y: 27rem;
		position: absolute;
		height: 100%;
		width: 100%;
		background-repeat: no-repeat;
		background-size: 28%;
		margin-left: 0;
	}
	.shape-7 .shape {
		translate: 80px 61rem;
		z-index: -1;
		background-size: 60%;
		background-position: bottom right;
		width: 40%;
		height: 80vw;
	}
	.shape-6 .shape {
		background-size: 40%;
		translate: 0 -300px;
	}
	.shape-3 {
		padding-bottom: 50px;
		margin-top: 200px;
	}
	.shape-3 .shape{
		background-size: 60%;
		background-position: right bottom;
		width: 100%;
		margin: 0;
		translate: -21% -100%;
	}
	.shape-1 {
		margin-bottom: 130px;
	}
	.shape-8 .row, .shape-9 .row {
		flex-direction: column-reverse;
	}

	/* Banner */
	.header, .home .header  {
		height: auto;
		background-position-y: bottom;
	}
	.home .header img {
		visibility: unset;
		margin-bottom: 0;
	}
	.header .txt-body {
		width: 100%;
		text-align: left;
	}
	.home .header .txt-body {	
		padding-top: 2rem;
	}
	.header img {
		visibility: hidden;
		margin-top: 5rem;
	}

	/* Nav Menu */
	nav, .navbar {
		padding: 0;
	}
	#open-search {
		top: 0;
	}
	#mobile-nav {
		display: flex;
		padding: 1rem;
	}
	a.navbar-brand {
		padding: 0.5rem 1rem;
	}

	/* img-w-txt */
	.img-w-txt-right.bg-white .img {
		padding-right: 0;
	}
	.img-w-txt-img .txt-body {
		width: 100%;
	}
	.img-w-txt-img {
		margin-bottom: 100px;
	}
	.img-w-txt-left.bg-dark .row {
		flex-direction: column-reverse;
	}
	.img-w-txt-img .style1{
		background-color: #D9D4CF !important;
	}
	.img-w-txt .bg-dark, .img-w-txt .bg-gray{
		padding-top: 50px;
	}
	.img-w-txt-left.bg-white .img {
		padding-left: 0;
	}
	.img-w-txt .bg-white .txt-body {
		width: auto;
	}
	.row{
		margin: 0;
	}
	.row .col-txt{
		padding: 0;
	}
	.row img {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.img-w-txt-right .row {
		flex-direction: column-reverse;
	}
	.img-w-txt-right.bg-dark .row {
		flex-direction: column;
	}
	.home .img-w-txt-right .row {
		flex-direction: inherit;
	}
	.bg-dark .col-sm.img.text-right {
		padding-right: 0;
		justify-content: end;
		display: flex;
	}
	.bg-dark img {
		margin-bottom: 0;
	}

	/* Video */
	.video {
		margin-top: 100px;
	}
	.video {
		margin-bottom: unset;
	}

	/* Community */
	.community-bg {
		background-image: url(/wp-content/themes/csh/assets/img/comunity-bg-mobile.png);
		translate: 0 -170px;
	}
	.community {
		background-position-y: 50px;
		padding-top: 200px;
	}
	.community .img {
		width: 80%;
	}
	.community .img-w-txt-left {
		flex-direction: column-reverse;
		display: flex;
	}
	.community .txt-body {
		width: 100%;
	}

	/* Services */
	.services .col-sm .container {
		padding: 0;
		width: 80%;
	}
	.services h4 {
		display: none;
	}
	.service-slider article {
		width: 330px;
	}
	.service-slider-section h3 {
		font-size: 1.5rem;
	}
	.service {
		height: auto;
		background-position: top;
		background-size: contain;
	}
	.service .img-w-txt-right .row {
		flex-direction: column-reverse;
	}
	.service .row .img {
		height: 12rem;
	}
	.service .img-w-txt-right, .service .img-w-txt-left {
		background-image: url(/wp-content/themes/csh/assets/img/card-up.png);
		background-position-y: 5rem;
	}

	/* form-w-txt */
	.form-w-txt .txt {
		margin-top: 5rem;
		margin-bottom: 5rem;
	}
	.form-w-txt .img-w-txt-right.bg-white .row {
		flex-direction: column;
	}
	.form-w-txt .txt-body {
		width: 100%;
	}
	.wpcf7-form {
		width: 100%;
	}
	.col-sm.form {
		padding-left: 3rem;
		padding-right: 3rem;
	}

	/* quote */
	.quote .img-w-txt-right.mobile {
		background-position-x: right;
		align-items: end;
		padding-bottom: 20px;
		display: flex !important;
	}
	.quote .img-w-txt-right {
		height: 50rem;
		padding-left: unset;
	}

	/* testomonials */
	.testomonials {
		padding-left: 0;
		padding-right: 0;
	}

	/* Blog */
	.post-content-single {
		width: 90%;
	}
	.posts .post, .search .page {
		width: auto;
	}
	.post .row {
		flex-direction: column-reverse;
	}
	.img-single {
		padding: 0;
	}
	.img-single img {
		height: 20rem;
	}
	.post .col-sm.px-5.txt{
		padding-left: 0 !important;
	}
	.posts .post img, .posts .page img {
		height: 15rem;
	}
	.single-post .d-flex {
		flex-direction: column;
		padding: 1rem;
	}
	.single-post .header {
		background-position-y: bottom;
		background-size: auto;
		background-position-x: center;
	}
	.single-post .header .txt, .blog .header .txt, .category .header .txt {
		padding: 2rem !important;
	}
	.single-post .header .img, .blog .header .img, .category .header .img {
		justify-content: start;
		padding: 0;
		background-size: cover;
		background-position: center;
	}
	.single-post .header img, .blog .header img, .category .header img {
		visibility: visible;
		margin: 0;
	}
	.single-post .posts .post {
		padding: 0;
	}

	/* footer */
	footer {
		padding-left: 0;
		background-size: 40%;
	}
	.blank {
		display: none;
	}
	footer .col-sm {
		padding: 30px !important;
	}
	#menu-footer-menu {
		width: unset;
	}
	.social-logos {
		justify-content: space-between;
	}
	.col-sm.copy {
		padding-bottom: 0 !important;
	}
	.logos {
		animation: awd 10s linear 1s infinite;
		width: max-content;
	}
	.logos img {
		margin-right: 2rem;
	}

	/* Slider */
	.slider::before,
	.slider::after {
		width: 50px !important;
	}
	.slider {
		height: 100px !important;
	}
	.slider::before,
	.slider::after {
		height: 100px !important;
	}
	.slider .slide {
		height: 100px !important;
		width: 115px !important;
	}
	.slider-buttons {
		margin-left: auto;
		margin-right: auto;
		width: fit-content;
		padding: 0;
	}

	/* carousel */
	.carousel-indicators.mobile{
		display: block;
	}
	.carousel-indicators.desktop{
		display: none !important;
	}
	.bg-gray .carousel-item-next, .bg-gray .carousel-item-prev, .bg-gray .carousel-item.active {
		display: flex;
		flex-direction: column;
	}
	.carousel-item img{
		padding-top: 20px;
	}
	.carouselOuter img{
		width: 100%;
		height: auto;
	}

	.icon-outer {
		display: block;
	}
	.icon-text{
		margin-left: 0;
	}

	.mtt-title {
		display: block;
	}

	#team-list {
		display: block;
	}


    .come-in-left {
        transform: translateX(0);
        animation: none;
    }
    .come-in-right {
        transform: translateX(0);
        animation: none;
    }
}

@media (min-width: 1200px){
	.container {
	max-width: 1400px;
	}
}

@keyframes awd {
	0% {
		transform: translateX(0);
	  }
	  100% {
		transform: translateX(-50%);
	  } /* top is the number of spans (in this case 8) multiplied by span height (45px as described above)*/
}





@-webkit-keyframes slide {
    100% { top: 0; opacity: 1;}
}

@keyframes slide {
    100% { top: 0; opacity: 1;}
}


@-webkit-keyframes slide-out {
    100% { top: -100px; opacity: 0; display: none;}
}

@keyframes slide-out {
    100% { top: -100px; opacity: 0; display: none;}
}


@keyframes scroll {
	0% { transform: translateX(0); }
	100% { transform: translateX(calc(-250px * 7))}
}



/* slide in animation */
.come-in-left {
	transform: translateX(-150px);
	animation: come-in-left 0.8s ease forwards;
	opacity: 0;
}

@keyframes come-in-left {
    to { 
		transform: translateX(0); 
		opacity: 1;
	}
}

.come-in-right {
	transform: translateX(150px);
	/* background-position-x: 187%; */
	animation: come-in-right 0.8s ease forwards;
	opacity: 0;
}

@keyframes come-in-right {
	to { 
		transform: translateX(0); 
		opacity: 1;
	}
}