/*
Theme Name: cps
Description: A Child Theme of Illdy
Template: illdy
Version: 1.3
*/

/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

/*load fonts /*@import url(//db.onlinewebfonts.com/c/48fd2f156efe129d588cfa04f0bbc357?family=brandon_textlight); @import url(//db.onlinewebfonts.com/c/1343eeea7e9e1ff4ef2bbcf4d2ea752e?family=Brandon Text); */
@font-face {
    font-family: 'brandon_textmedium';
    src: url('//www.cpsnetwork.org/wp-content/themes/cps/brandon-font/brandontext-medium-webfont.woff2') format('woff2'),
         url('//www.cpsnetwork.org/wp-content/themes/cps/brandon-font/brandontext-medium-webfont.woff') format('woff'),
         url('//www.cpsnetwork.org/wp-content/themes/cps/brandon-font/brandontext-medium-webfont.ttf') format('truetype'),
         url('//www.cpsnetwork.org/wp-content/themes/cps/brandon-font/brandontext-medium-webfont.svg#brandon_textmedium') format('svg');
    /*font-weight: 400;*/
    font-style: normal;
}

@font-face {
    font-family: 'brandon_textlight';
    src: url('//www.cpsnetwork.org/wp-content/themes/cps/brandon-font/brandontext-light-webfont.woff2') format('woff2'),
         url('//www.cpsnetwork.org/wp-content/themes/cps/brandon-font/brandontext-light-webfont.woff') format('woff'),
         url('//www.cpsnetwork.org/wp-content/themes/cps/brandon-font/brandontext-light-webfont.ttf') format('truetype'),
         url('//www.cpsnetwork.org/wp-content/themes/cps/brandon-font/brandontext-light-webfont.svg#brandon_textlight') format('svg');
    /*font-weight: normal;*/
    font-style: normal;
}

@font-face {
    font-family: 'brandon_text_regularregular';
    src: url('//www.cpsnetwork.org/wp-content/themes/cps/brandon-font/brandontext-regular-webfont.woff2') format('woff2'),
         url('//www.cpsnetwork.org/wp-content/themes/cps/brandon-font/brandontext-regular-webfont.woff') format('woff'),
         url('//www.cpsnetwork.org/wp-content/themes/cps/brandon-font/brandontext-regular-webfont.ttf') format('truetype'),
         url('//www.cpsnetwork.org/wp-content/themes/cps/brandon-font/brandontext-regular-webfont.svg#brandon_text_regularregular') format('svg');
    /*font-weight: normal;*/
    font-style: normal;
}

#header {
  box-shadow: 0px -37px 19px -29px #000 inset;
}

#header .bottom-header {
  padding-top:140px;
  padding-bottom: 50px;
}

#header .bottom-header p {
  color: #111;
  font-size:150%;
}

.pace-overlay {
  z-index:1500;
}

#header .top-header{
  background:rgba(253, 185, 19, 0.9); /* when the bar used to colour itself in ........ #060A37; This gets unset by JS, but if js turned off then better to leave on permanently.*/
  position: fixed;
  color: #fff;
  z-index: 1000; /* make sure it shows above things, other than .pace-overlay */
  transition: 0.4s background-color;
  padding-top:0px;
  
}

#header .top-header .header-navigation ul {
  margin: 10px 0 0 0;
  padding:10px;
  /* background:rgba(6, 10, 55, 0.7); */
  transition: 0.4s background-color;
}

#header .top-header .header-logo.preanimation {
  animation-duration:0s !important;
  /* transform: translate3d(0, -100%, 0); */
}


#header .bottom-header {
	background:rgba(178, 220, 245, 0.565);/*#B2DCF590;*/
}

#header .bottom-header h1, .cps-logo-text {
	font-family: 'brandon_textlight', sans-serif;
	text-transform:uppercase;
}
#header .bottom-header h1{
  color: #060A37;
}
#header .bottom-header h1 span[data-customizer="second-row-from-title"] {
	display:block;
	font-family: 'brandon_textlight', sans-serif;
  font-weight:200;
	margin-top:35px;
	font-size:45%;
}

#header .bottom-header span.span-dot {
	visibility:hidden;
}

#header .bottom-header h1 span, .cps-logo-text .cps-warwick {
  font-family: 'brandon_textmedium', sans-serif;
}

.front-page-section .section-header .about-description {
  margin-bottom: 0;
  line-height: 26px;
  font-size: 16px;
  color: #8c9597;
  font-family: "Lato";
  font-weight: 400;
  text-align:left;
}

#header .top-header .header-logo {
  font-family: 'brandon_textlight', 'Lato', sans-serif;
  font-size:20px;
}

#header .bottom-header h1 {
	font-size:42px;
}

@media (min-width: 400px) { 
	#header .top-header .header-logo {
	  font-size:30px;
	}
	#header .bottom-header h1 {
		font-size:50px;
	}
}
 
@media (min-width: 650px) { 
	#header .bottom-header h1 {
		font-size:80px;
	}
}


.header-logo span {
  font-family: 'brandon_textmedium', 'Lato', sans-serif;
}

#about .section-header {
  margin-bottom:0px;
}

#about {
  padding-bottom:65px;
  background:rgba(255,255,255,0.9);
}

.front-page-section .section-header .about-description {
  color: #444D4F;
}



.front-page-section .section-header .about-description #welcome-cps {
  font-size: 1.7em;
  text-align: center;
}

.front-page-section .section-header .about-description #two-goals {

}

.front-page-section .section-header .about-description #first-goal {

}

.front-page-section .section-header .about-description #second-goal {

}

.front-page-section .section-header .about-description #welcome-cps, .front-page-section .section-header .about-description #two-goals, .front-page-section .section-header .about-description #first-goal, .front-page-section .section-header .about-description #second-goal {
  margin-bottom:20px;
}

.front-page-section .section-header .about-description #first-goal span, .front-page-section .section-header .about-description #second-goal span {
  font-size:1.2em;
}



/* Calendar display widget */
#events_wrap {
	text-align:center;
}

#events_wrap h3.group {
	font-size:20px;
}

/* section.ical {
	display:inline-block;
	margin:auto;
	padding:0 20px;
}
 */
/* .toggle_container { */
	/* display:table-cell; */
	/* padding: 15px; */
/* } */

.starttime i::before {
	content: "\f017";
	font-family: 'FontAwesome';
	font-style:normal;
}

.location i::before {
	content: "\f041";
	font-family: 'FontAwesome';
	font-style:normal;
}

.description i::before {
	content: "\f05a";
	font-family: 'FontAwesome';
	font-style:normal;
}

.wpcf7-form-control-wrap {
	clear:both;
}

.responsive-menu {
	position: fixed;
	z-index: 100;
	top: 55px;
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);

}

#menu-item-134 a {
	border: 2px solid white;
	padding: 10px 17px;
}

#upcomingevents {
	margin-top:100px;
}

/* Hamburger icon */
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
@media (max-width: 992px) { 
	.hamburger {
	  padding: 26px 0px 18px;
	  display: inline-block;
	  cursor: pointer;
	  transition-property: opacity, filter;
	  transition-duration: 0.15s;
	  transition-timing-function: linear;
	  font: inherit;
	  color: inherit;
	  text-transform: none;
	  background-color: transparent;
	  border: 0;
	  margin: 0;
	  overflow: visible; }
	  .hamburger:hover {
		opacity: 0.7; }

	.hamburger-box {
	  width: 30px;
	  height: 24px;
	  display: inline-block;
	  position: relative; }

	.hamburger-inner {
	  display: block;
	  top: 50%;
	  margin-top: -2px; }
	  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
		width: 30px;
		height: 4px;
		background-color: #fff;
		border-radius: 4px;
		position: absolute;
		transition-property: transform;
		transition-duration: 0.15s;
		transition-timing-function: ease; }
	  .hamburger-inner::before, .hamburger-inner::after {
		content: "";
		display: block; }
	  .hamburger-inner::before {
		top: -10px; }
	  .hamburger-inner::after {
		bottom: -10px; }

	/*
	   * Squeeze
	   */
	.hamburger--squeeze .hamburger-inner {
	  transition-duration: 0.075s;
	  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
	  .hamburger--squeeze .hamburger-inner::before {
		transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
	  .hamburger--squeeze .hamburger-inner::after {
		transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

	.hamburger--squeeze.is-active .hamburger-inner {
	  transform: rotate(45deg);
	  transition-delay: 0.12s;
	  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
	  .hamburger--squeeze.is-active .hamburger-inner::before {
		top: 0;
		opacity: 0;
		transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
	  .hamburger--squeeze.is-active .hamburger-inner::after {
		bottom: 0;
		transform: rotate(-90deg);
		transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
}

@media (min-width:992px) {
	.responsive-menu {
		display: none !important;
	}
	
}

#latest-news {
	background-color:#D1E3F5 !important;
}

#latest-news h3 {
	color:#060A37 !important;
}

.markup-format a {
    color: #1091e3;
}