/* 
	
	
	
	
		CYPCS Styles 
	
	
	
	
*/



/*
####################################################
M E D I A  Q U E R I E S
####################################################
*/
 
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/
 
/* 
Extra small devices (portrait phones, less than 576px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/
 
 
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  
 
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
 
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
 
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
    
}
 




/* -=-=-=-=-=-=-=-= Colour and Font -=-=-=-=-=-=-=-= 
	
	Effra provided by typekit. Set up in enqueue.php
	Need to sort scss
	
*/


/* pree scsss */
.bg-primary {	
   background-color: #EE333E!important;  
   background-color:  #DD0004!important; /* Hits accessiblity */
}

.bg-white {
   background-color: #fff!important; 
}

.bg-secondary-blue {
   background-color: #0067ae!important; 
}



/* shades (dev note: generated here https://javisperez.github.io/tailwindcolorshades/#/?cypcs-red=EE333E&tv=1
	lots of headroom for different shades to hit accessibiltiy targeets say 'cypcs-red-785' ) */


.cypcs-red {
	color: #EE333E; /* brand correct */
	
	color: #DD0004; /* Hits accessiblity */
}

.cypcs-red-100 {
	color: #FDEBEC;  /* Redo these from accessiblity colour */
}

.cypcs-red-200 {
	color: #FBCCCF;
}

.cypcs-red-300 {
	color: #F8ADB2;
}

.cypcs-red-400 {
	color: #F37078;
}

.cypcs-red-600 {
	color: #D62E38;
}

.cypcs-red-700 {
	color: #8F1F25;
}

.cypcs-red-800 {
	color: #6B171C;
}

.cypcs-red-900 {
	color: #6fe5ff;
}



.un-blue {
	color: #5b92e5;
}

.un-blue-lighter {
	color: #bdd3f5;
}




/* -=-=-=-=-=-=-=-= FONTS -=-=-=-=-=-=-=-= 
	
	Effra provided by typekit. Set up in enqueue.php
	
*/




body {
  margin: 0;
  font-family: effra, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-style: normal;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff; 
 }







/* -=-=-=-=-=-=-=-= GLABAL -=-=-=-=-=-=-=-= */

html  {
  scroll-behavior: smooth;
}

a {
   /* color: #EE333E; */
    
    color: #DD0004; /* Hits accessiblity */
}

a:hover {
    color: #8F1F25;
}


.site {
  /*max-width: 1700px !important;
  margin: auto;*/
  background-color: #F2F2F2; 
}





/* -=-=-=-=-=-=-=-= Do Good Helpers -=-=-=-=-=-=-=-= */


.hi {
	outline: 1px dashed #7C7C; outline-offset: -1px;
	border: solid blue 1px;
}


/* Helps with extra para added in content */
p:empty {
  display: none;
}


/* Overflow/Clear Helpers */
.overflow {
	overflow: auto;
}

.no-pad {
	padding: 0 !important;
	margin: 0 !important;
}

.add-padding-1rem {
	padding: 1rem
}

.uppercase {
	text-transform: uppercase;
}


.non-breaking-text {
	white-space: nowrap;
}

/* Hide that screen reader text */
.screen-reader-text {
	line-height: 0; 
	font-size: 0;
	color: transparent; 
}

/* Animation Helper */
.ani-ease {
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
}


/* Animation Helper */
.ani-ease-03 {
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

/* Animation Helper */
.ani-ease-quick {
  -webkit-transition: .1s ease-in-out;
  -moz-transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
  transition: .1s ease-in-out;
}


/* WP Helpers */
.edit-link {
	display: block;
	padding-top: 40px;
	padding-bottom: 40px;
}








/* -=-=-=-=-=-=-=-= BUTTONS -=-=-=-=-=-=-=-= */


.btn {
    border-radius: .4rem;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.btn-primary {
    background-color: #DD0004; /* Hits accessiblity */
    border-color: #DD0004; /* Hits accessiblity */
}


.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background-color: #8F1F25;
    border-color: #8F1F25;
}


.btn-rounded {
	border-radius: 2rem;
}


.btn-dark {
    background-color: #494c52;
    border-color: #494c52;
}


.btn-dark:not(:disabled):not(.disabled):active,
.btn-dark:hover,
.btn-dark:active,
.btn-dark:focus {
    background-color: #060609;
    border-color: #060609;
}


.btn-full-width {
  width:100%;
  text-align: left;
}




.btn-arrow-right {
	padding-left: 5% !important;
	padding-right: 40px;
	display: block;	
	min-height: 40px;
	position: relative;
	margin-right: 18px !important;
	text-align: left;
	width: auto;
}

.btn-arrow-right[disabled] {
	opacity: 1.00; 
}

.btn-arrow-right:after {
	content: "";
	position: absolute;
	top: 5px;
	/* move it down because of rounded corners */
	height: 28px;
	/* button_inner_height / sqrt(2) */
	width: 28px;
	/* same as height */
	background: inherit;
	/* use parent background */
	border: inherit;
	/* use parent border */
	border-left-color: transparent;
	/* hide left border */
	border-bottom-color: transparent;
	/* hide bottom border */
	border-radius: .4rem 0 .4rem 0;
}

.btn-arrow-right:after {
	right: -12px; 
}

.btn-arrow-right.btn-arrow-right,
.btn-arrow-left.btn-arrow-right {
	padding-left: 36px; 
}

.btn-arrow-right.btn-arrow-right:after,
.btn-arrow-left.btn-arrow-right:after {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	/*rotate right arrow squares 45 deg to point right */ 
}

.btn-arrow-right:after {
	/* bring arrow pointers to front */
	z-index: 3; 
}

.btn-rounded.btn-arrow-right {
	border-radius: 3rem 1rem 1rem 3rem;
}


.btn-arrow-right:hover {
	margin-right: 0px !important;
	padding-right: 58px;
}



/* make arrow button into a outline for content-inverse */

.content-inverse .btn-arrow-right {
}
.content-inverse .btn-arrow-right:after {
	content: none;
	top: 0;
	height: 0;
	width: 0;
	border-radius: none;
}

.content-inverse .btn-arrow-right:hover {
	padding-right: 0;
	margin-right: 18px !important;
}






/* Button Outline */

.content-inverse .btn-arrow-right, /* make arrow button into a outline for content-inverse */

.btn-outline-light {
	color: #fff;
	border: 2px solid #fff; 
	background: transparent;
}


.content-inverse .btn-arrow-right:not(:disabled):not(.disabled):active,  /* make arrow button into a outline for content-inverse */
.content-inverse .btn-arrow-right:hover,
.content-inverse .btn-arrow-right:active,
.content-inverse .btn-arrow-right:focus,


.btn-outline-light:not(:disabled):not(.disabled):active,
.btn-outline-light:hover,
.btn-outline-light:active,
.btn-outline-light:focus {
	color: #fff;
	background-color: rgba(255, 255, 255, 0.18);
}




/* Button UNCRC */



.btn-uncrc {
	background-color: #5b92e5;
    border-color: #5b92e5;
}

.btn-uncrc:not(:disabled):not(.disabled):active,
.btn-uncrc:hover,
.btn-uncrc:active,
.btn-uncrc:focus {
	background-color: #5b92e5;
    border-color: #5b92e5;
}










/* ===================== WP ADMIN ====================== */








/* ===================== HR ====================== */

hr {
	border-top: 1px solid #dfdfdf; /* #dfdfdf MID GRAY darker */
}


.content-inverse hr {	
	border-top: 1px solid rgba(255, 255, 255, 0.33); 
}


.hr-no-pad {
  margin-top: 0;
  margin-bottom: 0;
}

.hr-wide {

}

.hr-hide {
  border-top: none;	 /* To aid accessibily of html - place hr where css creates a section break */
}


.hr-title {
	border-top: 2px solid #DD0004; /* Hits accessiblity */
}

.content-inverse .hr-title {	
	border-top: 2px solid #fff; 
}











	
 /* -=-=-=-=-=-=-=-= HEADER EMERGINCE MESSAGE -=-=-=-=-=-=-=-= */

	
.wrapper-emergency-message {
	position: relative;
}















/* -=-=-=-=-=-=-=-= NAVBAR -=-=-=-=-=-=-=-= */


.navbar {
	padding: 1rem 0 .3rem 0;
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

	.navbar {
		padding: 3rem 1rem 1.8rem 1rem;
	}

}






/* -=-=-=-=-=- RATIO for images cropped 16x9 -=-=-=-=-=-=- */

.ratio { 
    position:relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%  ; /* % of width, defines aspect ratio*/
    
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;  
}










/* -=-=-=-=-=-=-=-= UN EMBLEM SVG -=-=-=-=-=-=-=-= */

.un-emblem-svg {
	margin-top: -4px;
	padding: 0;
}

.un-emblem-svg .un-emblem-path {
	fill: #5b92e5;
}

/* -=-=-=-=-=-=-=-= Inline  Icons for UNCRC - may intergrate -=-=-=-=-=-=-=-= */

.inline-icon {
	width: 25px;
	display: inline-block;
}









/* -=-=-=-=-=-=-=-= Menu Icons -=-=-=-=-=-=-=-= */


.icon-svg {
	fill: #fff;
	width: 16px;
	display: inline-block;
	margin-top: -2px;
	margin-left: 5px;
}



.menu-button {
	height: 40px;
	white-space: nowrap;
	background: transparent;
	border: none;
	color: #fff;
	padding: 0px;
	font-size: 1rem;
    line-height: 1; /* check this */
    background-color: transparent;
    border-radius: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    align-self: flex-end;
}





/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  
	
	.search-toggler {
		margin-right: -20px;
	}   

}

    
    
    
/* -=-=-=-=-=-=-=-= CYPCS LOGO -=-=-=-=-=-=-=-= */



.cypcs-logo-svg {
	max-width: 200px;
	width: 90px;
	height: auto;
}

.cypcs-logo-svg .logo-fill {
	fill:#fff;
}

.cypcs-logo-svg .logo-curve-path {
	fill:none;
	stroke:#fff;
	stroke-width:3.6463;
	stroke-miterlimit:10;
}


/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

	.cypcs-logo-svg {
		width: 150px;
		height: auto;
	}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	
	.cypcs-logo-svg {
		width: 200px;
		height: auto;
	}


}






/* -=-=-=-=-=-=-=-= FEATURED MENU (DESKTOP) -=-=-=-=-=-=-=-= */



.desktop-featured {  
    align-self: flex-end;
}  

.desktop-featured ul {
	padding-left: 0;
    margin-bottom: 0;
    display: flex;
    list-style: none;
    height: 40px;
}

.menu-item-left {
	margin-right:auto;
}

.desktop-featured .navbar-nav {
	-webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.desktop-featured  ul li a {
	color: rgba(255, 255, 255, 0.77);
	padding-right: .5rem;
    padding-left: .5rem;
    height: 40px;
    display: inline-block;
}

.desktop-featured  ul li a:hover {
	color: #fff;
	text-decoration: none;
}

.desktop-featured  ul li {
	text-align: center;
	vertical-align: middle;
	line-height: 40px; 
}
    
    

  
    
/*  =-=-=-=-=-=-=-=-=-=- Main Menu Searchbar -=-=-=-=-=-=-=-=  */


.formsearch {
	padding: .5rem;
}

.formsearch #searchform	 {
	width: 100%; /* force to expand to container's width */
	
}

.formsearch #searchbtn,
.formsearch #searchbox{
  line-height: 50px;
  font-size: 16px;
  height: auto;
}

.formsearch #searchbox {
	border: none;
	background: #fff;
	box-shadow: none;
	outline:2px solid #DD0004; /* Hits accessiblity */
	outline-offset: -2px;
}

.formsearch #searchbox:hover {
	box-shadow: none;
}

.formsearch #searchbox:focus {
	border-color: #ccc;
}

.formsearch label {
	display: block;
	max-width: 100%;
}

.formsearch .btn {
	border: 0;
	color: #fff;
	border-radius: 0px;
	background-color: #DD0004; /* Hits accessiblity */
}

.formsearch .btn:hover, .formsearch .btn:focus, .formsearch .btn.focus {
	background-color: #8F1F25; /* cypcs-red-700 */
}




    
 
    
    
/* -=-=-=-=-=-=-=-= SECONDARY MENU (MOBILE MENU) -=-=-=-=-=-=-=-= */



.main-section.stack-menu__item {
	font-weight: 700;
}


.container-secondary-nav {
	padding-right: 0;
    padding-left: 0;
}


.secondary-nav {
    background-color: #fff;
}

.col-menu {

}


/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	
	
	.container-secondary-nav {
		padding-right: 0;
	    padding-left: 0;
	    margin-right: 0;
	    margin-left: 0;
	}

	.secondary-nav {
		width: 700px;
		position: absolute;
	    top: 0;
	    right: 0;
	    overflow: hidden;
	    z-index: 5;
	}
	
	.col-menu {
	    padding-right: 15px;
	    padding-left: 15px;
	}
	
	.container-secondary-nav {
		padding-right: 15px;
	    padding-left: 15px;
	    margin-right: auto;
	    margin-left: auto;
	}

}




.navbar-collapse {

}

.o-desktop-menu {
	position: relative;
}

.stack-menu {
	background-color: #fff;
	overflow: hidden;
	padding: .5rem;
}


/* styles for classes generated by stack-menu JS */

.stack-menu__item {
	border-bottom: solid 1px #FFF;
	background-color: #DD0004; /* Hits accessiblity */
}


.stack-menu__link--back {
	border-bottom: solid 2px #FFF;
	background-color: #D62E38; /* cypcs-red-600 */
}


.stack-menu--active {
  display: block;
}

.stack-menu__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: none;
}

.stack-menu__list--active {
  display: block;
}

.stack-menu__item--hidden {
  display: none;
}

.stack-menu__link {
  padding-top: 14px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 14px;
  display: block;
  text-decoration: none;
  position: relative;
  color: #fff;
  -webkit-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, background-image 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, background-image 0.25s ease-in-out;
  transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, background-image 0.25s ease-in-out;
}

.stack-menu__link--parent,
.stack-menu__link--back {
  -webkit-background-size: 6px 12px;
  background-size: 6px 12px;
  background-repeat: no-repeat;
}

.stack-menu__link--parent {
  background-position: center right 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' fill-rule='evenodd'%3E%3Cpath d='M.087 1.656L1.232.318l4.681 5.026-1.145 1.338z'/%3E%3Cpath d='M4.768 5.318l1.145 1.338-4.68 5.026-1.146-1.338z'/%3E%3C/g%3E%3C/svg%3E");
}

.stack-menu__link--back {
  background-position: center left 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' fill-rule='evenodd'%3E%3Cpath d='M5.913 1.656L4.768.318.087 5.344l1.145 1.338z'/%3E%3Cpath d='M1.232 5.318L.087 6.656l4.68 5.026 1.146-1.338z'/%3E%3C/g%3E%3C/svg%3E");
}

.stack-menu__link--hidden {
  display: none;
}

.stack-menu__link:hover {
  color: #fff;
  background-color: #8F1F25; /* cypcs-red-700 */
}

.stack-menu__link--parent:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' fill-rule='evenodd'%3E%3Cpath d='M.087 1.656L1.232.318l4.681 5.026-1.145 1.338z'/%3E%3Cpath d='M4.768 5.318l1.145 1.338-4.68 5.026-1.146-1.338z'/%3E%3C/g%3E%3C/svg%3E");
}

.stack-menu__link--back:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' fill-rule='evenodd'%3E%3Cpath d='M5.913 1.656L4.768.318.087 5.344l1.145 1.338z'/%3E%3Cpath d='M1.232 5.318L.087 6.656l4.68 5.026 1.146-1.338z'/%3E%3C/g%3E%3C/svg%3E");
}








/* -=-=-=-=-=-=-=-= MINI FEATURE CARD -=-=-=-=-=-=-=-= */


.mini-feature-menu-col .mini-feature-card {
	margin-left: .5rem;
}


.mini-feature-card {
	border: 0;
    border-radius: 0;
}

.mini-feature-card .card-footer {
    background-color: #fff;
    border-top: none;
}








/* -=-=-=-=-=-=-=-= Breadbcrumb Menu -=-=-=-=-=-=-=-= */



.wrapper-breadcrumb {
  display: none;
}

.wrapper-breadcrumb p a {
  color: #808080; /* MID GRAY */
}

.leave-btn {
	display: inline-block;
}


/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

  .wrapper-breadcrumb {
	display: block;

  }
  
  
	.breadcrumbs .current-item {
	    display: inline-block;
	    padding: 0;
	    margin-top: -3px;
	    vertical-align: middle;
	    max-width: 160px;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
	
	
	.breadcrumbs span[property="name"] {
	    display: inline-block;
	    padding: 0;
	    margin-top: -3px;
	    vertical-align: middle;
	    max-width: 60px;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}


}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	
	.breadcrumbs .current-item {
	    max-width: 260px;
	}
	
	.breadcrumbs span[property="name"] {
	    max-width: 260px;
	}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	  
	.breadcrumbs .current-item {
	    max-width: 460px;
	
	}

}





/* ================= Pagination ===================== */


.pagination {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.page-link {
	color: #DD0004; 
	border: 1px solid rgba(238, 49, 62, 0.37);
}
  
.page-link:hover {
    color: #ff0005; 
    background-color: rgba(238, 49, 62, 0.16);
    border-color: rgba(238, 49, 62, 0.37);  
}
    
.page-item:first-child .page-link {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.page-item:last-child .page-link {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.page-item.active .page-link {
	background-color: #DD0004; 
	border-color: #DD0004; 
}

.pagination .next {
	padding-left: 1rem;
	border-top-right-radius: 3rem !important;
	border-bottom-right-radius: 3rem !important;
}

.pagination .prev {
	padding-right: 1rem;
	border-top-left-radius: 3rem !important;
	border-bottom-left-radius: 3rem !important;
}







/* Share Buttons */

.page-share-wrapper .share-this {
	
}


.share-this {

}


.share-this .social-icon {
  opacity: .7;
  -webkit-transition: opacity 300ms ease-out;
  -moz-transition: opacity 300ms ease-out;
  transition: opacity 300ms ease-out;
  display: inline-block;
}

.share-this .social-icon:hover {
  opacity: 1;
}

.share-this .social-icon svg {
  display: inline-block;
  vertical-align:top;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  padding: 10px;
  border: #EE333E solid 2px;
  border-radius: 100%;
} 

.share-this .social-icon svg {
  fill: #EE333E; 
} 

.share-this .twitter-icon {

}

   






/* ================= Search & Filter plugin overides  https://searchandfilter.com/ =====================*/


.filters {

}


.filter-desktop-label {
	font-size: 0.75rem; /* @12px */
	display: block;
	padding-top: 23px;
	padding-right: 17px;
	float: left;
	font-weight: 400;
}


.searchandfilter {
  padding: 0px;
  margin: 0px;
}

.searchandfilter  ul  {
  margin: 0px;
  padding: 0px;
  
}

.sf-field-search  {


 padding-bottom: 5px !important;
 }

.sf-field-search {
  display: block;
  width: 100%;
 
}

.sf-field-submit input {
	background-color: #463c3c;
	color: #fff;
	padding: 10px 20px 9px 20px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  border: 0; /* for IE */
  
}

.sf-field-search label {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: center;
}

.sf-field-search input {
  padding: 11px 11px 11px 20px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
    border: 0; /* for IE */

}

.searchandfilter > ul > li label  {
  		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: center;
  margin-bottom: 5px;
  font-weight: 400;
  font-size: 0.75rem /*	 @12px */
}

.searchandfilter > ul > li select {
  padding: 10px 10px 10px 20px;
  border-color: #dfdfdf;
  -webkit-appearance:none; /* for safari - but oddly breaks chome! */
  color: #fff;
  background-color: #463c3c;
  
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
      border: 0; /* for IE */
}






.filters .mob-filter-btn {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

  .filters .mob-filter-btn {
	display: none;
  }

  .filters .filter-collapse {
	display: block;
  }
  
  .sf-field-submit {
		padding-left: 0 !important;
		margin-left: 0 !important;
		width: auto !important;
		
	}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

  .filters .reports-mob-filter-btn {
	display: none;
  }

  .filters .report-filter-collapse {
	display: block;
  }

}





.searchandfilter select {

  /* styling */
  background-color: white;
   /* border: thin solid blue; */
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;

  /* reset */

  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}


/* arrows */

.searchandfilter select {
  background-position: center right 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' fill-rule='evenodd'%3E%3Cpath d='M.087 1.656L1.232.318l4.681 5.026-1.145 1.338z'/%3E%3Cpath d='M4.768 5.318l1.145 1.338-4.68 5.026-1.146-1.338z'/%3E%3C/g%3E%3C/svg%3E");

  background-repeat: no-repeat;
}

.searchandfilter select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}





.people-filters { /* Rename this */
	
}

.people-filters {
	margin-bottom: 20px;
	margin-top: 20px;
}

.people-filters .searchandfilter > ul > li {
	display: block;
	vertical-align: top;
	padding: 11px 11px 0px 11px;

}

.people-filters h6 { /* to remove */
  display: none;
}

.sf-field-search input {
  border: none;
  background: #fff;
}


.people-filters .searchandfilter .sf-field-reset {
  padding-bottom: 10px;
 
}



/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

  .people-filters h6 { /* to remove */
	font-size: 0.75rem; /* @12px */
	display: block;
	padding-top: 23px;
	padding-right: 17px;
	float: left;
	font-weight: 400;
  }

  .people-filters .searchandfilter > ul > li {
	width: 250px;
	display: inline-block;
  }

  .people-filters .searchandfilter .sf-field-reset {
	border-left: 1px solid #dfdfdf ;
	padding: 20px;
	width: auto;
  }
  
  .people-filters .searchandfilter .sf-field-reset {
  float: right;
}

}


/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

  .people-filters .searchandfilter > ul > li {
	max-width: 270px
  }

  .people-filters .searchandfilter > ul > li label	{

	font-size:	0.875rem; /*  @14px*/
  }

  .people-filters .searchandfilter > ul > li {
	width: 340px;
  }

  .people-filters .searchandfilter .sf-field-reset {
	width: auto;
  }

  .people-filters h6 {
	display: block;

  }

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

  .people-filters .searchandfilter > ul > li {
	width: 440px;
  }

  .people-filters .searchandfilter .sf-field-reset {
	width: auto;
  }

}









/* -=-=-=-=-=-=-=-= Accordion Block wordpress.org/plugins/accordion-blocks -=-=-=-=-=-=-=-= */



.c-accordion__item {

} /* The accordion item container */


.c-accordion__item.is-open {
	
} /* is-open is added to open accordion items */

.c-accordion__item.is-read {
	
} /* is-read is added to accordion items that have been opened at least once */

.c-accordion__title {
	border-top: solid 2px #000;
	border-bottom: solid 2px #000;
	padding-top: 1rem;
	padding-bottom: 1rem;

	
} /* An accordion item title */

.c-accordion__title:after {
    right: 1rem;

}

.c-accordion__title--button {
	
} /* An accordion item title that is using a `<button>` tag */

.c-accordion__title:hover {
	
} /* To modify the style when hovering over an accordion item title */

.c-accordion__title:focus {
	
} /* To modify the style when an accordion item title currently has broswer focus */

.c-accordion__content {
	margin-top: 1rem;
	margin-bottom: 2rem;
	
} /* An accordion item content container */











/* -=-=-=-=-=-=-=-= ARTICLE -=-=-==-=-=--=-=-=- */




.entry-title {

}


.page-title {
	text-align: center;
	margin-bottom: 2rem;
	padding-bottom: 1rem;
	/*border-bottom: 3px solid grey; */
}

.entry-content {

}


.entry-content-blocks {

}

.entry-content-blocks > p {
	margin-bottom: 2rem;
}


.entry-content-blocks .wp-block-group {

}


.entry-content-blocks .wp-block-button,
.entry-content-blocks .wp-block-cover {
	margin-bottom: 2rem;
}


/* ================================== Fetured Card =================================== */


.featured-card {
	border: none;
	border-radius: 0;
}

.featured-card .card-footer {
	background-color: #fff;
}






/* ================================== UNCRC Article Card =================================== */


.uncrc-article-card {

}

.uncrc-article-card {
	border: none;
	border-radius: 0;
}


.uncrc-article-card .card-footer {
	border: none;
	background-color: #fff;
}


.uncrc-article-card .article-icon img {
	max-width: 150px;
}

.uncrc-article-card .article-icon {
	min-width: 150px;
	padding: 0px;
}


.featured-uncrc-article-card {
	
}


.uncrc-article-excerpt {
	
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  
	
	.uncrc-article-excerpt .article-icon {
		max-width: 150px;
	}
	 
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
     
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
 
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
    
}
 








/* ================================== MAIN SEARCH (search.php) =================================== */



.search-post-type-header {

}



.search-results .entry-title  {
  margin-top: 0rem;
  margin-bottom: 1rem;
}

.page-header span  {
  color: #EE333E;
}


.search-results article {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.search-results .entry-summary strong,
.search-results .entry-meta strong {
  background-color: rgb(255, 253, 242);
  padding-left: 3px;
  padding-right: 3px;
  color: #EE333E;
}


.not-fount-seach {
	padding-top: 100px;
	padding-bottom: 150px;
}










/* -=-=-=-=-=-=-=-= RESOURCES -=-=-==-=-=--=-=-=- */

.resource-download {
	margin-bottom: 2rem;
	
}








/* -=-=-=-=-=-=-=-=-=-=-=-=-= SINGLE NEWS/BLOG POST -=-=-=-=-=-=-=-=-=-=-=-=-= */ 


.entry-meta {
	color: dimgray;
}

.entry-date {
	
}








/* -=-=-=-=-=-=-=-=-=-=-=-=-= SINGLE POST TEMPLATE - RESOURCES LINK BLOCK AND EXCERPT -=-=-=-=-=-=-=-=-=-=-=-=-= */   




.block-resource-link {
	
}




.resources-excerpt {
	
}



.resources-excerpt,
.block-resource-link .resources-link {
	border-bottom: 1px solid #dfdfdf;
	border-top: 1px solid #dfdfdf;
}

.resources-excerpt .cover-preview .wp-post-image,
.block-resource-link .resources-link .cover-preview .wp-post-image {
	transform: rotate(-4deg);
	width: auto;
	height: auto;
	max-height: 150px;
	max-width: 150px;
	border: 2px white solid;

}
   
.block-resource-link .resorce-link-small .cover-preview .wp-post-image {
	max-height: 80px;
	max-width: 80px;
	margin-right: 1rem;
	margin-top: 0;
	margin-bottom: 0;
}

   


.single-resources-wrapper {
	
}


.single-resources-wrapper .cover-preview {
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
}


.single-resources-wrapper .cover-preview img {
	transform: rotate(-4deg);
	width: auto;
	height: auto;
	max-height: 250px;
	max-width: 250px;
	border: 2px white solid;
	margin-bottom: -1rem;
	margin-top: -1rem;
}












/* -=-=-=-=-=-=-=-= HERO BLOCK -=-=-==-=-=--=-=-=- */


.hero-outer {
	position:relative;
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	background-size: cover;  
    background-position: center 5000px;  /* hiding imge */
    margin-bottom: 2rem;
   
}


.hero-inner {
	 max-width: 1200px;
	 margin: auto;
	 
}



.hero-panel-heading {
	background-color: #5464ae;
	padding: 1rem;
	-webkit-transform: skewY(-5deg);
	-o-transform: skewY(-5deg);
	-ms-transform: skewY(-5deg); /* IE 9 */
	-webkit-transform: skewY(-5deg); /* Safari prior 9.0 */
	transform: skewY(-5deg); /* Standard syntax */
	margin-right: 2rem;
	margin-top: -1rem;
}


.hero-panel-heading h1 { 
	font-size: calc(1.5em + 1vw); /* testing resonsive text */
}


.slant-up-svg polygon {
	fill: #5464ae;
	margin-bottom: -1px;
}

.hero-panel {
	background-color: #5464ae;
	padding: 1rem;
}




 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
	
	.hero-outer {
	    height: 0;
	    padding-bottom: 56.25%  ; /* % of width, defines aspect ratio*/
	    background-position: center center;
	}
	
	.hero-inner {
		height: 0;
	    padding-bottom: 56.25%  ; /* % of width, defines aspect ratio*/
	}
	
	.hero-panel-heading {

	margin-top: 0rem;
	}
 
}
 





 
/* -=-=-=-=-=-=-=-= CYP Get Help Page Template -=-=-==-=-=--=-=-=- */



.cyp-get-help-template-wrapper {
	padding-top: 0;
}

.test-bg-boder-iset-bgs {
	padding: 6% 3% 0 3%;
}

.test-bg-boder-iset-bg {
	background-color: #fff;
    border: solid rgba(0, 0, 255, 0) 1px;
}

.cyp-get-help-template-wrapper .help-bg-image {
	position: relative;
	padding-bottom: 56.25%  ; /* % of width, defines aspect ratio*/   
	background-position:
	    bottom  left 20%, /* this positions the first image */
	   top center; /* this positions the second image */
	background-repeat: no-repeat; /* this applies to both images */
    background-size: 
    	30%, /* this positions the first image */
    	100%; /* this positions the second image */

		margin: -6% -3% 0 -3%;
}


.desktop-heading {
	position: absolute;
	bottom: 0;
	right: 10%;
	padding: 3rem 1rem 3rem 1rem;
	-webkit-transform: skewY(-5deg);
	-o-transform: skewY(-5deg);
	-ms-transform: skewY(-5deg); /* IE 9 */
	-webkit-transform: skewY(-5deg); /* Safari prior 9.0 */
	transform: skewY(-5deg); /* Standard syntax */
	max-width: 45%;
}


.mobile-heading {
	margin-top: -5rem;
	padding: 2rem 1rem 2rem 1rem;
	-webkit-transform: skewY(-5deg);
	-o-transform: skewY(-5deg);
	-ms-transform: skewY(-5deg); /* IE 9 */
	-webkit-transform: skewY(-5deg); /* Safari prior 9.0 */
	transform: skewY(-5deg); /* Standard syntax */
}


.desktop-heading h1,
.mobile-heading h1 {
	margin-bottom: 0;
	padding-bottom: 0;
}





  
 
 
/* -=-=-=-=-=-=-=-= Get Help Links Block -=-=-==-=-=--=-=-=- */


.get-help-links-block {
	
}

.get-help-page-card {
    background-color: transparent;
    border-radius: 0;
    border: none;
    background-repeat: no-repeat;
    background-position: top 50px center;
    background-size: contain;  
    background-image: url('/public/20200701080549oe_/https://cypcs.org.uk/wpcypcs/wp-content/themes/cypcs-theme-v1/images/white-slant-bg.png')
}

.get-help-page-card .help-bg-image {
 	padding-top: 46.25% ;   
  background-position:
    top 10px left, /* this positions the first image */
    top 40px center; /* this positions the second image */
  background-repeat:
    no-repeat; /* this applies to both images */
    background-size: 50%, contain;
}

.get-help-page-card:hover .help-bg-image {
 	padding-top: 46.25% ;   
  background-position:
    top left, /* this positions the first image */
    top center; /* this positions the second image */
  background-repeat:
    no-repeat; /* this applies to both images */
    background-size: 50%, contain;
}

.get-help-page-card .slant-up-svg polygon {
    fill: #007A7C;
    margin-bottom: -1px;
}

.get-help-page-card .card-body {
	background-color: #007A7C;
}

.get-help-page-card .card-footer {
	background-color: #007A7C;
}

/* also on featured content block */
.base-buttons-card {
	background-color: transparent;
    border-radius: 0;
    border: none;
}





/* -=-=-=-=-=-=-=-= POSITIONS -=-=-==-=-=--=-=-=- */

.positions-card-col {

}

.row-positions-cards {
	padding-top: 2rem;
	padding-bottom: 4rem;
}


.positions-card .ratio {
	margin-top: -40px;

}


.max-300 {
	max-width: 300px;
}





/* -=-=-=-=-=-=-=-= UNCRC ARTCLE CAROUSEL Need to change the way I'm setting the blue colour for this section -=-=-==-=-=--=-=-=- */



.uncrc-article-carousel {
	padding-top: 1rem;
	padding-bottom: 1rem;
	margin-bottom: 2rem;
}




.uncrc-article-carousel .carousel-item {

}

.uncrc-article-carousel .carousel-item-col {

}

.uncrc-article-carousel .uncrc-article-icon {
	max-width: 100px;
}

.uncrc-article-carousel .carousel-control-prev-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%235b92e5' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.uncrc-article-carousel .carousel-control-next-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%235b92e5' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

.uncrc-article-carousel .carousel-item > .row {
	margin-left: 15%;
	margin-right: 15%
}




/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
	
	.uncrc-article-carousel .uncrc-article-icon {
		width: 100%;
		max-width: 250px;
	}

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	
	.uncrc-article-carousel .carousel-item-col {
		min-height: 350px;
	}
	
	.uncrc-article-carousel .carousel-item > .row {
		margin-left: 17%;
		margin-right: 17%
	}
}






/* -=-=-=-=-=-=-=-= UNCRC ARTCLE HEADER BLOCK -=-=-==-=-=--=-=-=- */


.un-heading-block .row {
	text-align: center;
}

.un-heading-block {

}


/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	

	.un-heading-block .row {
	  text-align: left;
	}
}








/* -=-=-=-=-=-=-=-= FAQ SECTION -=-=-==-=-=--=-=-=- */


.border-top-white {
	border-top: 2px solid rgba(255, 255, 255, 0.37);
}


.border-bottom-white {
	border-bottom: 2px solid rgba(255, 255, 255, 0.37);
}


.bg-section {
	background-color: #d86652;
	overflow: auto; 
}

.block-faq-block {
	
}

.faq-card {
	margin-bottom: 1rem;
	border-radius: 0;

}

.faq-card .card-header {
    cursor: pointer;
	border-radius: 0;
}


.post-type-archive-faq .searchandfilter .sf-input-text {
	font-size: 1.5rem;
}

/* To look at focus - but working on curved elements */
.sf-input-text:focus {
    outline:4px solid #67e3ff;
      outline: none; 
	  border-radius: 100px;  /* Your border radius here */
	  box-shadow: 0px 0px 5px #67e3ff,
	              0px 0px 5px #67e3ff,
	              0px 0px 5px #67e3ff; /* #0064FF */
}






/* -=-=-=-=-=-=-=-= FEATURED NEWS BLOCK -=-=-==-=-=--=-=-=- */



.to-side {
	position: absolute;
	left: -150px;
	top: -40px;
}

.to-side .news-shape-svg {
	transform: rotate(-190deg);
	width: 200px;
	height: 200px;
}

.news-shape-svg {
	width: 80px;
	height: 80px;
}

.news-shape-path {
	fill: #efd97f
}

.news-shape-path-1 {
	
}

.news-shape-path-1 {
	
}

.news-shape-path-1 {
	
}




/* -=-=-=-=-=-=-=-= NEWS CARDS -=-=-==-=-=--=-=-=- */


.blog-card {
	background: #fff;
	border: transparent;
	border-radius: 0;
}


.blog-card .card-footer {
    background-color: #fff;
    border-top: none;
}

.news-card-no-image .card-title {
	font-size: 2.5rem;
}

.news-card-no-image .long-title {
	font-size: 1.8rem;
}

.news-card-no-image .really-long-title {
	font-size: 1.5rem;
}

.news-card-no-image .really-really-long-title {
	font-size: 1.3rem;
}





/* -=-=-=-=-=-=-=-= BIO -=-=-==-=-=--=-=-=- */



.img-overlay-wrap {
  position: relative;
  display: inline-block; /* <= shrinks container to image size */
}

.img-overlay-wrap img { /* <= optional, for responsiveness */
   display: block;
   max-width: 100%;
   height: auto;
}

.img-overlay-wrap svg {
  position: absolute;
  top: 0;
  left: 0;
}

.roundal-curve-overlay-svg .logo-curve-path {
	fill: #fff
}

.roundal-curve-overlay-svg {
	width: 100%; /* FOR OLDER SAFARI */
	height: auto; /* FOR OLDER SAFARI */ 

}


.row-bio-cards {
	padding-top: 2rem;
	padding-bottom: 2rem
}

.bio-card {
	margin-bottom: 2.5rem;
	background: transparent;
	border: transparent;
}

.bio-collapse {
	display: block;
}

.bio-card .bio-no-img {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	margin-bottom: 1rem;
	padding: 10%;
}


.bio-card .bio-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}



.search-result-bio .bio-no-img,
.bio-card .bio-no-img {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	margin-bottom: 1rem;
	padding: 10%;
}

.search-result-bio .bio-img,
.bio-card .bio-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
}

.bio-card .bio-tax-heading {
	padding: 0px;
	margin: 0px;
}

.bio-collapse {
	padding-top: .5rem;
	padding-bottom: .5rem;
	
}

.small-heading {
	font-size: 14px;
}









/* --=-=-= SEARCH RESULT BIO -=-=-=- */


.search-result-bio .bio-no-img {
	width: 100px;
	height: 100px;
}










/* --=-=-= NEWS SECTION -=-=-=- */




/* --=-=-= NEWS FEATURED CATEGORIES -=-=-=- */


.featured-categories {
	
}

.featured-categories {
	color: #DD0004;
}

.list-group-flush {
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
}

.list-group-item {
    background-color: transparent;
    border: 1px solid #dfdfdf;
}


.tax-title-panel {
	background-color: #fff;
}

.archive-tax-bg-image {
    background-repeat: no-repeat;
    background-position: top  center;
    background-size: 250%;
    margin-top: -30px;
    padding-top: 30px;
}



/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
	.archive-tax-bg-image {
	    background-size: 200%;
	}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.archive-tax-bg-image {
	    background-size: 150%;
	    margin-top: -50px;
		padding-top: 50px;
	}

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
		
	.archive-tax-bg-image {
		    margin-right: auto;
    margin-left: auto;
		max-width: 1600px;
	    background-size: contain;
	}
	
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}


/* XLarge Devices, Wide Screens	 ADDED */
@media (min-width: 1600px) {

}









/* --=-=-= BIO SINGLE BLOG POST -=-=-=- */


.blog-hero-inner  {


} 


#single-wrapper .bio-card .bio-img,
#single-wrapper .bio-card .bio-no-img {
	
}

.bio-card-featured {
	padding: 0px;
	margin: 0px;
	
}

.bio-card-featured .card-body {
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0px;
	margin-right: 0px;
	
}


.bio-card-featured .bio-name,
.bio-card-featured .job-title {
	padding: 0px;
	margin: 0px;
}



.bio-card-featured .bio-no-img {
	width: 50px;
	height: 50px;
	margin-bottom: 0;
}




/* --=-=-= BIO SINGLE -=-=-=- */

.single- .bio-img,
.single-people .bio-no-img {

}





/* --=-=-= Bootstrap TOC Styles-=-=-=- */

.page-template-toc-page-template .entry-content {
	margin-top: 0;
}


/*!
 * Bootstrap Table of Contents v1.0.1 (http://afeld.github.io/bootstrap-toc/)
 * Copyright 2015 Aidan Feldman
 * Licensed under MIT (https://github.com/afeld/bootstrap-toc/blob/gh-pages/LICENSE.md) */


/* All levels of nav */
nav[data-toggle="toc"] .nav > li > a {
  display: block;
  padding: 4px 20px;
  font-size: 13px;
  font-weight: 500;
  color: #767676;
}
nav[data-toggle="toc"] .nav > li > a:hover,
nav[data-toggle="toc"] .nav > li > a:focus {
  padding-left: 19px;
  color: #EE333E;
  text-decoration: none;
  background-color: transparent;
  border-left: 1px solid #EE333E;
}
nav[data-toggle="toc"] .nav-link.active,
nav[data-toggle="toc"] .nav-link.active:hover,
nav[data-toggle="toc"] .nav-link.active:focus {
  padding-left: 18px;
  font-weight: bold;
  color: #EE333E;
  background-color: transparent;
  border-left: 2px solid #EE333E;
}

/* Nav: second level (shown on .active) */
nav[data-toggle="toc"] .nav-link + ul {
  display: none; /* Hide by default, but at >768px, show it */
  padding-bottom: 10px;
}

nav[data-toggle="toc"] .nav .nav > li > a {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 30px;
  font-size: 12px;
  font-weight: normal;
}
nav[data-toggle="toc"] .nav .nav > li > a:hover,
nav[data-toggle="toc"] .nav .nav > li > a:focus {
  padding-left: 29px;
}
nav[data-toggle="toc"] .nav .nav > li > .active,
nav[data-toggle="toc"] .nav .nav > li > .active:hover,
nav[data-toggle="toc"] .nav .nav > li > .active:focus {
  padding-left: 28px;
  font-weight: 500;
}

nav[data-toggle="toc"] .nav-link.active + ul {
  display: block;
}


nav[data-toggle="toc"] {
  top: 42px;
}

/* small screens */
@media (max-width: 768px) {
  /* override stickyness so that the navigation does not follow scrolling */
  nav[data-toggle="toc"] {
    margin-bottom: 42px;
    position: static;
  }

  /* PICK ONE */
  /* don't expand nested items, which pushes down the rest of the page when navigating */
  nav[data-toggle="toc"] .nav .active .nav {
    display: none;
  }
  /* alternatively, if you *do* want the second-level navigation to be shown (as seen on this page on mobile), use this */
  /*
  nav[data-toggle='toc'] .nav .nav {
    display: block;
  }
  */
}






/* -=-=-=-=-=-=-=-= INVESTIGATIONS TEMPLATE -=-=-==-=-=--=-=-=- */


.investigations-template-wrapper {
	
}


.investigations-page-title {
	text-align: left;
}

.section-title {
	text-align: center;
	padding-bottom: 1rem;
	margin-bottom: -1%;
}

.investigations-template-wrapper .slant-up-svg {
	transform: rotate(180deg)
}


.investigations-menu ul {
	margin: 0;
    padding: 0;
    list-style-type: none;
}

.investigations-menu  ul ul li a{
	padding-left: 1rem;
	
}

.investigations-menu > ul > li > ul > li > a {
	padding-left: 0rem !important;
	/* border: 1px solid blue; */
}

.investigations-menu li a {
	font-weight: 600;
	display: block;
	padding-top: .5rem;
	padding-bottom: .5rem;
}

.investigations-menu ul ul ul li a {
	display: block;
	padding-top: .2rem;
	padding-bottom: .2rem;
	border-left: 2px solid #DD0004;;
		font-weight: 400;
}

.investigations-menu ul ul ul {
	margin-bottom: .5rem;
	
}


.investigations-menu ul ul ul ul li a {
	display: block;
	padding-top: .0rem;
	padding-bottom: .5rem;
}

.investigations-menu .current_page_item > a {
	color: #c16465;
}


.investivations-ani-container {
	margin-top: -20px;
	background-color: #0067ae
}


.shapes-magifying-glass {
	max-width: 300px;
	transform: rotate(-20deg);
	transform-origin: top;
}


#line-handle-2 {
	
}

#line-handle-1 {
	
}


.shapes-magifying-glass .layer-frame {
	
}

#half-circle-frame-2 {
	
}

#half-circle-frame-1 {
	
}
	
.layer-glass {
	
}

#half-circle-glass-2 {
	
}

#half-circle-glass-1 {
	
}


.shapes-magifying-glass .layer-refection {
	
}

#line-refection-2 {
	
}

#line-refection-1 {
	
}

















/* -=-=-=-=-=-=-=-=- Generic PAGE Template =-=-=-=-=-=-=-=-=-=-=- */




.page-header-feature-image {

	
}





/* ===== PAGE OPTIONS - BG  ====== */


.page-bg {
	
}

.page-bg-inverse {
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.page-bg-inverse .base-image-wrapper {

}






/* ====== PAGE OPTIONS - Header BG image  ======= */


.header-bg-image-outer {
	position: relative;
	height: 0;

}

.header-bg-image-inner {
	position: absolute;
	top: 0;
	width: 100%;
}

.header-bg-spacer { 
    position:relative;
    width: 100%;
    height: 0;
    padding-bottom: 36.25%  ; /* % of width, defines aspect ratio*/

}



/* === PAGE OPTIONS - Base image  ===== */


.base-image-wrapper {
	padding-top: 0;
	padding-bottom: 0;
}



.base-image-container {
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
	padding-bottom: 58%;
}


/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

	.base-image-container {	 
		 padding-bottom: 45%;
	}

}



/* === PAGE OPTIONS - Header BG Image  === */




.header-bg-image {
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
}


/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {


}





/* -=-=-=-=-=-=-=-=-=-=-=-=-=-= Article // Entry Content -=-=-=-=-=-=-=-=-=-=-=-=-=- */



 /* -=-=-= content constrain, padding and width settings -=-=-= */  



@media (min-width: 768px) {
	
	.constrain {
	    margin: auto;
		max-width: 700px;
	}
	
}


.entry-content  {
    padding-left: 30px;
    padding-right: 30px;
}


 /* needs checking ! */  
.wp-bootstrap-blocks-container {
	padding-left: 0px;
    padding-right: 0px;
}



.wp-bootstrap-blocks-row {
	
}


.wp-bootstrap-blocks-container {

}


.pad30 {
	padding-left: 30px;
    padding-right: 30px;
}








.entry-content .alignfull,
.entry-content .alignwide {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    padding-left: 30px;
    padding-right: 30px;
}

.featured-content-block.alignfull  {
    padding-left: 0px;
    padding-right: 0px;
}



@media (min-width: 960px) {
	

	.entry-content .alignwide {
		width: calc(100% + 20vw);
		margin: 2rem -10vw;
		
	}
	
    .wp-block-video.alignwide {
	    max-width: fit-content;
    }
	
	.entry-content  {
	    padding-left: 0px;
	    padding-right: 0px;
	}

	
	.entry-content .alignfull,
	.entry-content .alignwide {
	    padding-left: 0px;
	    padding-right: 0px;
	}

	
	.entry-content .wp-bootstrap-blocks-container .wp-block-video.alignwide {
		width: calc(100% + 20vw);
		margin: 0;
	}


}





/*-=-=- FONT SIZES -=-=-=-=- */

.has-large-font-size {
	font-size: 30px;
}

.has-medium-font-size {
	font-size: 24px;
}

.has-bigger-font-size {
	font-size: 18px;
}

.has-normal-font-size {
	font-size: 16px;
}



/* sort into place */

.padded-panel {
	background: #fff;
	padding: 2rem;
}

.cypcs-red-headings h1,
.cypcs-red-headings h2,
.cypcs-red-headings h3,
.cypcs-red-headings h4,
.cypcs-red-headings h5,
.cypcs-red-headings h6 {
	color: #DD0004; /* Hits accessiblity */
}


.entry-content > h1,
.entry-content > .h1,
.entry-content > h2,
.entry-content > .h2,
.entry-content > h3,
.entry-content > .h3,
.entry-content > h4,
.entry-content > .h4,
.entry-content > h5,
.entry-content > .h5,
.entry-content > h6,
.entry-content > .h6  {
	margin-top: 3rem;
}


.padded-panel h1,
.padded-panel .h1,
.padded-panel h2,
.padded-panel .h2,
.padded-panel h3,
.padded-panel .h3,
.padded-panel h4,
.padded-panel .h4,
.padded-panel h5,
.padded-panel .h5,
.padded-panel h6,
.padded-panel .h6  {
	margin-top: 0rem;
}

.padded-panel .contact-form {
	padding: 0;
}

.wp-block-separator {
	margin-top: 5rem;
    margin-bottom: 5rem;
}

.padded-panel .wp-block-separator {
	margin-top: 1rem;
    margin-bottom: 1rem;
}

.entry-content dl, .entry-content ol, .entry-content ul {
    margin-bottom: 2rem;
}

.entry-content dl li, .entry-content ol li, .entry-content ul li {
    margin-bottom: 1rem;
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  
 
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
	
	.entry-content > h1,
	.entry-content > .h1,
	.entry-content > h2,
	.entry-content > .h2,
	.entry-content > h3,
	.entry-content > .h3,
	.entry-content > h4,
	.entry-content > .h4,
	.entry-content > h5,
	.entry-content > .h5,
	.entry-content > h6,
	.entry-content > .h6  {
		padding-right: 30%;
	}
	
		    
}
 















/* -=-=-=-=-=-=-=-= FRONT PAGE (HOMEPAGE) -=-=-==-=-=--=-=-=- */


/* Main Section Banner Styles - Used on Main Page templates */

.wrapper-home-hero {
	background-color: #f1de8a;
	
	/*ios fix */
	overflow: hidden;
	padding-top: 150px; 
	margin-top: -150px;
}



.home-hero-container {
	
}

.home-hero-ratio {

}


.home-hero-panel-heading,
.home-hero-panel {
	background-color: #fff;
}


.hero-animation {
	position: relative;
}


.ani-item {
	position: absolute;
	width: 30%;
	height: 30%;
	bottom: 0%;
	left: 0%;
}

.hero-animation .cypcs-shape-svg {
	width: 100%;
	height: auto;
}


body {
	overflow-x: hidden; /* testing testing! */
}



.mob-sclaer-right {
	margin-right: -50%;
}

.hero-person {
	position: absolute;
	width: 33%;
	height: auto;
	bottom: 0%;
	left: 10%;
}


.hero-animation-layer {
	position: relative;
}


.home-hero-animation-layer { 
	
}


.hero-image-test {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  
 
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
	
	
	.mob-sclaer-right {
		margin-right: 0;
	}
	     
    .home-hero-inner {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1
	}
	
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
 
	.inner-heighter {
	   width: 100%;
	    height: 100%;
	    position: absolute;
	    left: 0;

	}

}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
    
}
 


.ani-group {
	
}

.ani-group-1 {

}








/* LION HEAD SVG */



.ani-item-lion-head {
	width: 100%;
	height: 100%;
	top: -20px;
	left: 0;
}



.lion-head-svg {
	overflow: visible;
	opacity: 0;
}


.lion-head-svg .hidden {
	fill: none;

}


.lion-head-svg .lower-sounders-layer {

}

.lion-head-svg .lower-sounders-layer .lower-sounder-1 {
	fill: #FBFFE3;
}

.lion-head-svg .lower-sounders-layer .lower-sounder-2 {
	fill: #FBFFE3;
}

.lion-head-svg .lower-sounders-layer .lower-sounder-3 {
	fill: #FBFFE3;
}


.lion-head-svg .upper-sounders-layer {

}

.lion-head-svg .upper-sounders-layer .upper-sounder-1 {
	fill: #FBFFE3;
}

.lion-head-svg .upper-sounders-layer .upper-sounder-2 {
	fill: #FBFFE3;
}


.lion-head-svg .lower-jaw-layer {

}

.lion-head-svg .lower-jaw-layer .lower-tooth-1 {
	

}

.lion-head-svg .lower-jaw-layer .lower-tooth-2 {

}

	




.lion-head-svg .upper-jaw-layer {


}

.lion-head-svg .upper-jaw-layer .upper-tooth-1 {

}
.lion-head-svg .upper-jaw-layer .upper-tooth-2 {

}



.lion-head-svg .maine-layer {

}

.lion-head-svg .maine-layer .maine-line-1 {

}

.lion-head-svg .maine-layer .maine-line-2 {

}

.lion-head-svg .maine-layer .maine-line-3 {

}



.lion-head-svg .eye-layer {

}

.lion-head-svg .eye-layer .eye {

}









/* -=-=-=-=-=-=-=-=-=-=-=-=-= Get Help PAGE -=-=-=-=-=-=-=-=-=-=-=-=-= */   



.get-help-hero-animation-layer {
	background-color: white;
}


.get-help-hero-ratio {
	
}

.get-help-hero-panel-heading {
	background-color: #007A7C;
	margin-left: 2rem;
	margin-top: -2rem
}


.get-help-hero-animation-layer .hero-person {
	position: absolute;
	width: 53%;
	height: auto;
	bottom: 0%;
	left: 50%;
}



.ani-item-stright-talking {
	width: 110%;
	height: 110%;
	top: -9%;
	left: -5%;
}



.straight-talking-svg {

}



.straight-talking-svg #line-3 {
	transform: scale(.2);
	transform-origin: top left;
	opacity: 0;
}

.straight-talking-svg #line-2 {
	transform: scale(.2);
	transform-origin: top left;
	opacity: 0;
}

.straight-talking-svg #line-1 {
	transform: scale(.2);
	transform-origin: top left;
	opacity: 0;
}


 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  

	     
    .get-help-hero-inner {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1
	}
	
	.bigger1{
		transform: scale(1.3);
		transform-origin: top left;
	}	
	

		
}
 




/* -=-=-=-=-=-=-=-=-=-=-=-=-= CONTACT PAGE -=-=-=-=-=-=-=-=-=-=-=-=-= */   




.wrapper-contact-hero {
	
}

.contact-hero-container {

}

.contact-hero-ratio {
	
}

.contact-hero-inner {

}

.contact-hero-animation-layer {
	
}

.contact-hero-panel-heading {
	background:  #0067ae; /* cypcs secondary light blue */
	-webkit-box-shadow: 130px 40px 0px 2px rgba(243,62,115,1);
	-moz-box-shadow: 130px 40px 0px 2px rgba(243,62,115,1);
	box-shadow: 130px 40px 0px 2px rgba(243,62,115,1);
}

.ani-item-hand {
	width: 50%;
	height: 100%;
	top: -20px;
	left: 0%;

}

.shapes-hand-svg {
	
}

.shapes-hand-svg  .halfround-palm {
	fill: #00616a; /* cypcs secondary green */
}

.shapes-hand-svg  .wedge-palm-2 {
		fill: #d5911d; /* cypcs secondary orange */
}

.shapes-hand-svg  .wedge-palm-1 {
		fill: #1e3e65; /* cypcs secondary blue */
}

.shapes-hand-svg  .line-thumb {
	fill: #0067ae; /* cypcs secondary light blue */
}

.shapes-hand-svg  .line-index-finger {
		fill: #0067ae; /* cypcs secondary light blue */
}

.shapes-hand-svg  .line-middle-finger {
	fill: #0067ae; /* cypcs secondary light blue */
}

.shapes-hand-svg  .line-ring-finger {
	fill: #0067ae; /* cypcs secondary light blue */
}

.shapes-hand-svg  .line-little-finger {
	fill: #0067ae; /* cypcs secondary light blue */
}


 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  

	     
    .contact-hero-inner {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1
	}
	
}
 
 












/* -=-==-=-=-=-=-=-=- BORLABS Style overides -=-=-==-=-=-=-=-=-=-=-= */


.BorlabsCookie ._brlbs-content-blocker ._brlbs-default {
    background: hsla(0, 0%, 0%, 0.8) !important;
    color: #fff;
}

.privacy-icons-conatianer {
	width: 130px;
	margin: 0 auto !important;
	margin-bottom: 1rem;
	position: relative;
	height: 100px;
	overflow: visible;
}

.privacy-icons-conatianer .privacy-icon {
	width: 60px;
	height: 60px;
	position: relative;

}

.privacy-icons-conatianer .privacy-icon-2 {
	position: absolute;

	top: 15px;
	-webkit-animation: moveRight 3s infinite;
    animation: moveRight 3s infinite;
    animation-direction: alternate;
    -webkit-animation-fill-mode: forwards;
    animation-delay: 2s;
    right: 35px;
}


@-webkit-keyframes moveRight  {
  0%   {}
  30%  {right: 35px;transform: scale(1);}
  35%  {}
  50%  {transform: scale(1.2);}
  65%  {}
  70%  {transform: scale(1); right: 0px;}
  100% {right: 0px;}
}



@keyframes moveRight  {
  0%   {}
  30%  {right: 35px;transform: scale(1);}
  35%  {}
  50%  {transform: scale(1.2);}
  65%  {}
  70%  {transform: scale(1); right: 0px;}
  100% {right: 0px;}
}




.privacy-icons-conatianer .privacy-icon-1 {
	position: absolute;
		top: 15px;
    -webkit-animation: moveLeft 3s infinite;
    animation: moveLeft 3s infinite;
    animation-direction: alternate;
    -webkit-animation-fill-mode: forwards;
    animation-delay: 2s;
    left: 35px;
}

@-webkit-keyframes moveLeft {
  0%   {}
  30%  {left: 35px;}
  35%  {}
  50%  {}
  65%  {}
  70%  {left: 0px;}
  100% {left: 0px;}
}

@keyframes moveLeft {
  0%   {}
  30%  {left: 35px;}
  35%  {}
  50%  {}
  65%  {}
  70%  {left: 0px;}
  100% {left: 0px;}
}


#BorlabsCookieBox ._brlbs-box {
    background: #fff;
    border-radius: 0px !important;
    border: #27a745 1rem solid;
    color: #212529;
    font-size: 18px;
}

#BorlabsCookieBox .cookie-box {
	padding: 0 1rem;
}



#BorlabsCookieBox h3 {
	word-break: normal !important;
}
















/* -=-=-=-=-=-=-=-=-=- FOOTER -=-=-=-=-=-=-=-=-=-= */



.wrapper-footer {
	padding-top: 0px;
}

.wrapper-footer .copyright-text {

}

.back-to-top-wrapper {

}

.back-to-top-wrapper {
    width: 50px;
    height: 50px;
    display: none;
    position: fixed;
    bottom: 1em;
    right: 1em;
    z-index: 9;
}

a.back-to-top {
    display: block;
    background: 0 0;
    width: 50px;
    height: 50px;
    opacity: .7;
    text-shadow: none;
    border-radius: 11px;
    padding: 12.5px;
    background-color: #282634;
    background-color: #666;
}


/* Show for back to top button */

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

.show-back-to-top {
	display: inline-block;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}




 









/* ===== SOCIAL MEDIA FOOTER ===== */


.social-footer {
  padding-bottom: 20px;
}


/* Social Icons (SVG) */
.social-icon svg {

}

.social-footer .social-icon {
  display: inline-block;
  vertical-align:top;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  padding: 10px;
  border: #fff solid 2px;
  border-radius: 100%;
  
   opacity: .8;
}

/* Social Icon link styles (opaque) */
.social-footer .social-icon:hover  {
  opacity: 1;
}


.social-footer .social-icon svg {
  max-width: 29px;
  max-height: 29px;
}

.social-footer .social-icon path {
	fill: #fff;
}

.social-footer .facebook-icon {
	padding-top: 9px;
}

.social-footer .facebook-icon svg {
	max-height: 25px;
}

.social-footer .youtube-icon svg {
	max-width: 30px;
	max-height: 30px;
}

.social-footer .instagram-icon svg  {

}






/* -=-=-=-=-= CHAT FOOTER-=-===-=-=- */


.collapse-chat {
	background: #fff;
}


.btn-chat { 
	color: #fff;
}

.btn-chat:hover { 
	color: #fff;
}

.chat-icon {
	width: 40px;
	height: 40px; /* for IE */
}

.chat-icon-svg  {
	width: 40px;
	height: 38px; /* for IE */
}

.chat-icon-svg path {
	fill: #fff;
}



@keyframes wiggle {
    0% { transform: rotate(0deg); }
   80% { transform: rotate(0deg); }
   85% { transform: rotate(5deg); }
   95% { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}

.chat-icon {
  animation: wiggle 2.5s infinite;
}







/* ====== SITE MAP FOOTER ==========  */


.btn-collapse {
	width: 100%;
	background: transparent;
	border-radius: 0;
	border: 0;
	text-align: left;
	padding: 0;
	margin: 0;
	color: rgba(255, 255, 255, 0.87);
}

.btn-collapse:hover {
	color: #fff;
}

.btn-collapse:focus  {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}


.collapse-item {
	border-top: 2px solid rgba(255, 255, 255, 0.37);
	border-bottom: 2px solid rgba(255, 255, 255, 0.37);
}

.sitemap-col-menu {
	list-style-type: none;
	margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start:0;
    
    -moz-padding-start: 0px;
	-webkit-padding-start: 0px;
	-khtml-padding-start: 0px;
	-o-padding-start: 0px;
	padding-start: 0px;
	padding-left: 0px;
    
    
    
    
}

.collapse-item .icon-action {
	
}

.sitemap-col-menu .sub-menu {
	list-style-type: none;
	margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start:0;
    margin-top: .5rem;
}

.sitemap-col-menu li {
	margin-bottom: .5rem;	
	margin-right: .5rem;
}

.sitemap-col-menu li a {
	display: block;
}


.footer-menu {
	display: block;
    list-style-type: none;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0;
    
        
    -moz-padding-start: 0px;
	-webkit-padding-start: 0px;
	-khtml-padding-start: 0px;
	-o-padding-start: 0px;
	padding-start: 0px;
	padding-left: 0px;
    
}

.footer-menu li {
	display: inline;

}
.footer-menu li a {
	display: inline-block;
}

.footer-menu li:first-child a {

}
 
.footer-menu li a:after {
    content: "|";
    padding: 0 .5rem 0 .5rem;
    color: rgba(255, 255, 255, 0.37);

}

.footer-menu li:last-child a:after {
    content: "";
}


.site-map-border-right {

}


/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
	
	.site-map-border-right.border-sm {
		border-right: 2px solid rgba(255, 255, 255, 0.37);
	}


}


/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	
	.site-map-border-right.border-lg {
		border-right: 2px solid rgba(255, 255, 255, 0.37);
	}

}








/* ============================= Content Inverse  Needs ordited to remove unused stuff ========================== */

.content-inverse, .content-inverse .gform_wrapper  .ginput_counter,
.content-inverse h1, .content-inverse h2, .content-inverse h3, .content-inverse h4, .content-inverse h5, .content-inverse h6,
.content-inverse .h1, .content-inverse .h2, .content-inverse .h3, .content-inverse .h4, .content-inverse .h5, .content-inverse .h6,
.content-inverse p {
  color: #fff;
}

.content-inverse a {
  color: rgba(255, 255, 255, 0.829);
}

.content-inverse .gform_body .gfield_required {
	color: #fffca4;
}


.content-inverse .gform_wrapper div.validation_error {
    color: #fffca4;
    margin-top: 25px;
    margin-bottom: 25px;
    border-top: 2px solid #fffca4;
    border-bottom: 2px solid #fffca4;
}


.content-inverse .gform_wrapper .gfield_error .gfield_label,
.content-inverse .gform_wrapper .validation_message {
    color: #fffca4;
}


.content-inverse  .gform_wrapper li.gfield.gfield_error, 
.content-inverse .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color:rgba(0, 0, 0, 0.10);
    border-top: 1px solid #fffca4;
    border-bottom: 1px solid #fffca4;
}


.content-inverse .gform_wrapper ol.validation_list li a  {
	color: #fffca4;
}


.content-inverse .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, 
.content-inverse .gform_wrapper li.gfield_error ul.gfield_checkbox, 
.content-inverse .gform_wrapper li.gfield_error ul.gfield_radio {
    color: #fffca4;
}


.content-inverse .gform_wrapper ol.validation_list {
    color: #fffca4;
}


.content-inverse .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), 
.content-inverse .gform_wrapper li.gfield_error textarea {
    border: 1px solid #fffca4;
}


.content-inverse input,
.content-inverse select {
  color: #787878;
}


.content-inverse .wrapper-breadcrumb p a {
  color: #fff;
}







/* -=-=-=-=-=-=-=-=-=-=-=- No Inverse  =-=-=-=-=-=-=-=-=-= */

.no-inverse p,
.no-inverse h5 {
	color: #212529;
}










/* -=-=-=-=-=-=-=-=-=-=-=- GRAVITY FORMS =-=-=-=-=-=-=-=-=-= */


/* confermation */

.form-comf-message {
	
}

/* cypcs form  - class set in GF */
	
.cypcs-form {
	background: #fff;
	padding: 2rem;
}



.cypcs-form textarea,
.cypcs-form input {
	border-radius: .4rem;
	border: solid 1px #dfdfdf;
}

.cypcs-form .gfield_label {
	color: #DD0004;
}


/* Overides to make the submit button same as theme */
.cypcs-form .gform_button  {
	display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    -webkit-transition: color;
	border-radius: .4rem;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
	background-color: #DD0004;
    border-color: #DD0004;
	color: #fff;
}


.cypcs-form span {
  padding-right: 0px; /* Theme fix - footer span padding getting in the chuffing way */
}





/* contact form overides  - class set in GF */

.contact-form {
	background: #fff;
	padding: 0rem;
}

.col-contact-form .contact-form_wrapper {
	margin-top: 0;
	margin-bottom: 0;
}

.optional-insert .gfield_label::after {
  content: " (optional)";
  font-weight: 400;
}





/* contact-form-block overides  - class set in GF */

.contact-form-in-block_wrapper {
	
}

.contact-form-in-block {
	padding: 3rem;
}

/* request publication overides  - class set in GF */


.request-publication-form  {

}


.request-publication-form .number-field {
	background-image: none;
}





/* contact-form- inverse */


.cypcs-inverse-form {
	background: transparent;
	padding: 0px;
}


.cypcs-inverse-form .gfield_label {
	color: #fff;
}


.cypcs-inverse-form .gform_button {
	color: #fff;
	border: 2px solid #fff; 
	background: transparent;
}

.cypcs-inverse-form .gform_button:not(:disabled):not(.disabled):active,
.cypcs-inverse-form .gform_button:hover,
.cypcs-inverse-form .gform_button:active,
.cypcs-inverse-form .gform_button:focus {
	color: #fff;
	background-color: rgba(255, 255, 255, 0.18);
}



.cypcs-form-btn-lrg .gform_button {
	display: block!important;
    width: 100% !important;
    font-size: 1.3em !important;
    padding-top: 1rem;
    padding-bottom: 1rem;
    
}

.cypcs-form-btn-lrg .gform_footer {
	
	padding: 16px 0px 10px 0px;
	padding-right: 15px !important;
    margin: 16px 0px 0px 0px;
    width: 100%;
}


.gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox],
.gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
    margin-top: 0px !important;
    margin-right: 3px;
}




/*-=-=-=-=-==-=-=-=- Z-INDEX HELPERS -=-=-=-=-=-=-=-=-=-=- */


.onthetop {
	z-index: 1001;
}

.overtheonthetop { /* Ha! */
	z-index: 1002;
}










/*-=-=-=-=-==-=-=-=- IE // Browser Hacks -=-=-=-=-=-=-=-=-=-=- */


@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */  
   
	   
	/* Stuff removed */  
	   
	.slant-up-svg {
		display: none !important;
	} 
	   
	.featured-categories .d-flex {
		display: block !important;
	}

}


/* For older Safari El Capitan */

.slant-up-svg {
	width: 100%;
	height: auto;
	margin-bottom: -2px;
}

























/* to remove */




/* FOOTER CTA FREEPHONE */

.cta-freephone {
	margin-top: -100px;

}


.cta-freephone .cypcs-shape-wedge-svg {
	width: 10%;
	position: absolute;
	transform: rotate(-20deg);
	bottom: 2rem;
	right: 100px;

}


.cta-freephone .cypcs-shape-wedge-svg {

}

.cta-freephone .cypcs-shape-wedge-svg polygon {
	fill: #494c52
}
 
.cta-freephone .circle {
	width: 180px;
	position: relative;
	display: block;
  margin: 2em 0;
  background-color: transparent;
  text-align: center;
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	
	.cta-freephone .circle {
	width: 200px;

	}

}

.cta-freephone .circle:after {
  display: block;
  padding-bottom: 100%;
  width: 100%;
  height: 0;
  border-radius: 50%;
  background-color: #494c52;
  content: "";
}

.cta-freephone .circle__inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.cta-freephone .circle__wrapper {
  display: table;
  width: 100%;
  height: 100%;
}

.cta-freephone .circle__content {
	transform: rotate(4deg);
	display: table-cell;
	padding: 1em;
	vertical-align: middle;
	font-size: 1em;
}

 /* Shapes svg */


.cypcs-shape-svg {
	
}