<?php
/**
 Theme Name:   CCS
 Description:  Default theme for The Center for Cartoon Studies. Updated in 2020.
 Author:       compoundEye
 Text Domain:  ccs-2015
 Version:      5.1
 */
?>

@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
}

*:hover {
	transition: 0.4s;
	transition-timing-function: ease-in-out;
	
}
	.also-ccsstudio-img {
		width:50%!important;
		transform: rotate(-5deg); 
	}
.alumni-circle-button {
	width: 150px;
	height: 150px;
	background: #009fe4;
	border-radius: 50%;
	margin-left: auto;
margin-right: auto;
padding-top: 60px;
color: white;
}
.black, 
blockquote.workshops-open-blurb>p  {
	color: black;
}
	blockquote.workshops-open-blurb>p {
	font-size: 1em;
	line-height: 1.3em;
}
body,
.graduate .js-wpv-loop-wrapper h3 {
		font-family: 'Raleway', sans-serif;
		font-display: swap;
}
body {
	background-color: white;
	padding: 0;
}

a {
	outline: none;
}
a {
	text-decoration: none;
	color: maroon;
	margin: 0;
	padding: 0;
}
a:hover, a:focus {
	color: #c30505;
	text-decoration: none!important;
	transition: 0.4s;
	transition-timing-function: ease-in-out;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
}
a.white:hover {
	color: #f6d769;
}
.alumni-cell {
margin-bottom:50px;}
.alumni-grid .thumbnail {
	margin-bottom: 0px;
}
.article-column-margin {

    margin-bottom: 20px;
}
.btn, .tb-button__link {
	font-weight: bold;
	border-width: 1px;
}
.btn, .btn:hover, .gform_button:hover, .gform_button, .tb-button__link, .tb-button__link:hover {
	color: black!important;
}
.boxout-cyan {
background-color: #DEF1F7;
color: #2DA4DA;
}
.boxout-cyan p, .boxout-cyan * {
	color: #2DA4DA;
}

.boxout-rounded {
  padding: 10px;
  border-radius: 10px;
}


.cloud-tile {
    background-image: url(/wp-content/themes/ccs-2015/images/cloud-tile.jpg);
    background-position: center bottom;
    background-repeat: repeat-x;
    background-size: 20%;
}
.container img { /* makes all images responsive */
height: auto; max-width: 100%;
}
.containerMeetAlumni {
	padding: 0px;
}
#content {
	padding-bottom:20px;
}
.current_page_item > a,
.subnav .current_page_item>a {
	  color: #FE642E;
}
.cyan { /* used in the Workshop sections */
	color: #2DA4DA;
}
.gform_button {
	padding:10px;
	border-style: none;
	border-radius: 10px;
}
.gform_button:hover {
	background-color:#ec971f;
	border-color:#d58512;
}
.gform_wrapper label.gfield_label,
.gfield h3,
h3.gform_title, 
.gfield h2 {
		font-weight: 300!important;
	color: #dc7600;
}
.gform_wrapper label.gfield_label,
.gfield h3,
h3.gform_title {
font-size: 1.5em!important;
}
.img-border-k {
	border: 5px solid black;
}
.lead {
	font-size: 1.3em;
	font-weight: 600;
	line-height: 1.5em;
}
.leadLight {
	font-weight: 300;
}

.headerMeetAlumni {
	display: -webkit-box!important;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
display: -ms-flexbox!important;  /* TWEENER - IE 10 */
display: -webkit-flex!important; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
display: flex!important;         /* NEW, Spec - Firefox, Chrome, Opera */
	display: flex!important;

	flex-direction: row;
}

.headerMeetAlumniCol1 {
    background-color: #f6d769;
    flex-basis: 20%;
    padding: 20px;
    background-image: url("/wp-content/themes/ccs-2015/images/global/logo-ccs-meetTheAlumni.png");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat
}
.headerMeetAlumniCol1 a {
		display: block;
		height: 100%;
	}
.headerMeetAlumniCol2 {
    flex-basis: 80%;

}
.headerMeetAlumniCol2 h3 {
	font-size: 12px;
	text-align:center;
}
.meet-alumni-h2 .alumni-year {
	color:black;
}

.meet-alumni-h2 {
	margin-top: 0px;
	color: white;
	font-size: 4.5em;
}

.meet-alumni h3 a {
	color: white;
}
.meet-alumni h3 a:hover {
	color: #b9e4f7;
}
.meet-alumni .js-wpv-loop-wrapper,
.graduate .js-wpv-loop-wrapper {
	padding: 25px;
}

/* mental health section */
.mental-box-order, .mental-box-download, .boxout-order-download {
	padding:50px 30px;
}
.mental-box-download,
.boxout-download {
	position: relative;
	top: -66px;
	z-index: 0;
}
.mental-box-order {
	background-color: #CE5B5E;
}
.mental-box-mental,
.mental-box-democracy, 
.box-healthwealth, 
.box-literacy,
.box-freedomunity {
	border: 5px solid;
	padding:30px;
}
.mental-box-democracy {
	border-color: #CE5B5E;
	background-color: #f4f3fb;
}
.mental-box-mental {
	border-color: #DFC3DF;
	background-color: #FBF7E9;
}
.box-freedomunity {
	background: url(/wp-content/themes/ccs-2015/images/freedomunity/freedomunity-bg-pattern-1.jpg);
	background-repeat: repeat;
	border-color: #202D82; 
}

.box-healthwealth {
	background-color: #FAD7E0; /* piggy pink */
	border-color: #F21D56; /* amaranth */
}
.box-literacy {
	background-color: #CEE0F3; 
	border-color: #8EA604;
}
.box-healthwealth h2 {
	color: #F21D56; /* amaranth */
}
.box-literacy h2, .box-literacy h4 {
	color: #BF3100;
}
.mental-box-democracy h2, 
.mental-box-mental h2 {
	color: #277790;
	}

.mental-box-democracy img, 
.mental-box-mental img, 
.box-healthwealth img,
.box-literacy img,
.box-freedomunity img {
	transform: rotate(-5deg);
	}

.mental-box-download {
	background-color: #277790;
}

.mental-gradient {
	padding-top:50px;
	 background: rgb(102,186,214);
background: -moz-linear-gradient(180deg, rgba(102,186,214,1) 0%, rgba(102,186,214,1) 25%, rgba(221,193,212,1) 50%, rgba(254,247,212,1) 75%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(102,186,214,1) 0%, rgba(102,186,214,1) 25%, rgba(221,193,212,1) 50%, rgba(254,247,212,1) 75%, rgba(255,255,255,1) 100%);
background: linear-gradient(180deg, rgba(102,186,214,1) 0%, rgba(102,186,214,1) 25%, rgba(221,193,212,1) 50%, rgba(254,247,212,1) 75%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#66bad6",endColorstr="#ffffff",GradientType=1); 
}

.mental-gradient-inner {
	align-items: center;
}
.mental-hero-bg {
	background-image: url("/wp-content/themes/ccs-2015/images/mental/mentalhealth-hero-bg.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
	background-attachment: fixed;
	background-position: center;
}
.mental-hero-bg p,
.mental-hero-bg h2,
.mental-box-order h2, 
.mental-box-order p,
.mental-box-download h2, 
.mental-box-download p {
	color: white;
}
.mental-head-news {
	color: #CE5B5E;
}
.mental-order-img-1, .mental-order-img-2 {
	width:55%!important;
	
}
.mental-order-img-1 {
	position: relative;
	top: -30px;
}
.mental-order-img-2 {
	position: relative;
	z-index: 5;
}
.mental-page-panels {
	background-color: #EDE8E8;
	padding-top:25px;
}


/* mental health END */ 
.padding-L, .padding-l {
	padding:70px 0px 70px 0px;
}
.dropshadow,
.mental-box-democracy img, 
.mental-box-mental img {
box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.3)  ; 
	-webkit-box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.3)  ; 
	-moz-box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.3)  ; 
	}

.mt-0 {
	margin-top:0px;
}
.support-bg {
    background-image: url("/wp-content/themes/ccs-2015/images/bg-support-css.png");
    background-size: contain;
    background-repeat: no-repeat;
	justify-content: center;
  align-items: center;
  text-align: center;
  background-position: center center;
  display: flex;
}
.support-bg h1 {
	align-self: center;
}
.boxout,
.hero,
.hero-alumni,
.hero-veterans,
.hero-admissions {
	background-size: cover;
}
.hero-admissions {
	background-image: url("/wp-content/uploads/2019/11/hero-admissions.jpg");
}
.hero-alumni {
	background-image: url("/wp-content/uploads/2017/11/alumni-hero-tinified.jpg");
}
.hero-studio {
	background-image: url("/wp-content/uploads/2019/04/ccs-studio-bg-composite-4.jpg");
}
.hero-veterans {
	background-image: url("/wp-content/uploads/2019/05/veterans-project-bg-composite.jpg");
}
.boxout-purple {
	background-image: url("/wp-content/uploads/2019/04/ccs-studio-bg-composite-2.jpg");
}
.background-position-bottom {
	background-position: center bottom;
}
.hero-alumni p,
.hero p {
	font-weight: 700;
}
.hero-alumni p,
.hero-alumni h1 {
	color: white;
}
.margin-bottom-0 {
	margin-bottom: 0px!important;
}
.margin-bottom-L, .margin-bottom-l {
	margin-bottom: 50px;
}
.margin-bottom-M, .margin-bottom-m {
	margin-bottom: 25px;
}
.margin-bottom-s, .margin-bottom-S {
	margin-bottom: 10px;
}
.margin-top-L, .margin-top-l {
	margin-top: 50px;
}
.margin-top-M, .margin-top-m {
	margin-top: 25px;
}
.padding-M, .padding-m {
	padding: 25px;
}
.padding-bottom-M, .padding-bottom-m {
	padding-bottom: 25px;
}
.padding-bottom-L, .padding-bottom-l {
	padding-bottom: 50px;
}
.padding-top-M, .padding-top-m {
	padding-top: 25px;
}
.padding-top-L, .padding-top-l {
	padding-top: 50px;
}
.meet-alumni blockquote {
	color: white;
}
.meet-alumni p,
.meet-alumni ul {
	color: black;
}
.meet-alumni .tb-button__link {
	background-color: #b35d90;
	font-weight: bolder;
	font-size: inherit;
}
#menu-main-menu a {
	font-size: 12px;
}
.navbar-form {
	padding-left:0px;
	padding-right:0px;
}
.rule-bottom {
	border-bottom: .1px solid #707070;
}
.rule-top {
	border-top: .1px solid #707070;
}
#share {
	margin-bottom: 30px;
}
.subnav {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	overflow: auto;
	white-space: nowrap;
}
.subnav li.current_page_item a {
	color: #dc7600!important;
}


.text-right,
.text-left {
	display: inline-block;
}
.text-right {
float:right;
}
.thumbnail {
	border: none;
}
 .navbar-default .navbar-nav>li.nav-support>a {
	/* color: white; */
}
.navbar-default .navbar-nav>li.nav-support>a:hover {
	/* color: white; */
}
.navbar-default .navbar-nav>li.nav-support.current-menu-item>a {
	color: white;
}
.workshop-box-shadow {
	box-shadow: 1px 3px 12px -2px rgba(0,0,0,0);
-webkit-box-shadow: 1px 3px 12px -2px rgba(0,0,0,0);
-moz-box-shadow: 1px 3px 12px -2px rgba(0,0,0,0);
transition: box-shadow .4s
}
.workshop-box-shadow:hover {
	box-shadow: 1px 3px 12px -2px rgba(0,0,0,0.6);
-webkit-box-shadow: 1px 3px 12px -2px rgba(0,0,0,0.6);
-moz-box-shadow: 1px 3px 12px -2px rgba(0,0,0,0.6);
}
.workshop-box-upcoming {
	padding: 10px 20px 10px 20px;
}
.workshop-box-upcoming,
.workshop-box-upcoming h3 a, 
.workshop-box-upcoming h3 a:hover,
.workshops-hero-banner h2 a:hover {
	color:white;
}
.workshop-box-upcoming .btn-reverse {
	margin-top:5px;
}
.workshop-box-upcoming h4 {
	margin-top:10px;
}
div.workshop-upcoming-row:nth-child(odd) > div:nth-child(1) > div > div > div.workshop-box-upcoming {
  background: #2da4da; /* cyan */
}
div.workshop-upcoming-row:nth-child(odd) > div:nth-child(2) > div > div > div.workshop-box-upcoming {
  background: #467039; /* green */
}
div.workshop-upcoming-row:nth-child(odd) > div:nth-child(3) > div > div > div.workshop-box-upcoming {
  background: #a840a9; /* purple */
}
div.workshop-upcoming-row:nth-child(even) > div:nth-child(1) > div > div > div.workshop-box-upcoming {
  background: black; /* black */
}
div.workshop-upcoming-row:nth-child(even) > div:nth-child(2) > div > div > div.workshop-box-upcoming {
  background: #dc7600; /* orange */
}
div.workshop-upcoming-row:nth-child(even) > div:nth-child(3) > div > div > div.workshop-box-upcoming {
  background: #CE5B5E; /* democracy red */
}


ul.child-sidebar-menu li.current_page_item > a {
	  font-weight:bold;
}

h1, h2, h3, h4, h5, h6, .nav, .navbar-brand,
li.has_children>a, label.gfield_label {
	font-display: swap;
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
}
h1, h2, h3, h4, h5, h6 {
	margin-top:15px;
	}
h6 {
	color: #0c560b;
	line-height: 1.4em;
	font-size:1.1em;
	}

.navbar-brand {
  font-size: 1.2em;
}
.navbar {
	margin-bottom:0px;
}
.navbar-default.navbar-static-top {
  background-color: @navbar-color;
}
.navbar-yellow, .btn-warning,
.gform_button, .tb-button__link, 
.wp-block-button__link {
  background-color: #F6D769!important; /* global yellow */
}
.tb-button__link, 
.wp-block-button__link {
	border-color: #d58512!important;
	color:black!important;
}
.btn-warning:hover,
.tb-button__link:hover, 
.wp-block-button__link:hover {
    background-color: #f5c06a!important;

}
.btn-reverse {
	color: white !important;
	border-width: 1px;
	border-color: white;
}
.btn-reverse:hover {
	background-color: rgba(255, 255, 255, 0.3);
	color:white!important;
}
.navbar-default .navbar-brand {
  color: black;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
  color: black;
}
.navbar-default .navbar-nav>li>a,
.subnav>div>ul>li>a {
  color: black;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover,
.subnav>div>ul>li>a:focus, .subnav>div>ul>li>a:hover {
  color: #8C6500;
  background-color: transparent;
}
li.dropdown.open,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover,
.dropdown-menu, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
  background-color: #FCE90D;
  color: black;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,
.current-menu-ancestor,
.navbar-default .navbar-nav>li.current-menu-parent>a {
  color: white;
  background-color: #DC7600;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
  background-color: #FCD20D	;
}
.navbar-default .navbar-collapse {
  border-color: white;
}
.navbar-default .navbar-toggle {
  border-color: white;
}
.navbar-default .navbar-form {
	border: none;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: black;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
  background-color: #FCD20D;
}
/* relates image replacement social nav */
 .show-image-fb,
 .show-image-twitter,
 .show-image-instagram,
 .show-image-flickr,
 .show-image-tumblr {
         width: 40px;
         height: 40px;
       }
.show-image-fb {
	         background: url(../images/my-title-image.png);
}
.show-image-twitter {
	         background: url(../images/my-title-image.png);
}
.show-image-instagram {
	         background: url(../images/my-title-image.png);
}
.show-image-flickr {
	         background: url(../images/my-title-image.png);
}
.show-image-tumblr {
	         background: url(../images/my-title-image.png);
}
        .hide-text {
          text-indent: 100%;
          white-space: nowrap;
          overflow: hidden;
        }
.top-trim-sm,
.top-trim-md,
.top-trim-lg {
	border-top: solid;
	border-color: #ebebeb;
	border-width:0px;
}
.right-trim-sm,
.right-trim-md,
.right-trim-lg {
	border-right: solid;
	border-color: #ebebeb;
	border-width:0px;
}
.right-trim-2 {
	border-right: solid;
	border-color: #ebebeb;
	border-width:0px;
}
.left-trim-md,
.left-trim-sm,
.left-trim-lg,
#sidebar-info-2, #sidebar-info-1 {
	border-left: solid;
	border-color: #ebebeb;
	border-width:0px;
}
.sidebar-sitewide-1 {
	margin-top:15px;
}
.clearblock {
	display: block;
	clear: both;
	width: 100%;
}


input#comment {
	width: 98%;
	color: gray;
}

:focus
{
  -moz-outline-style: none;
}

h2 {
	color: black;
	padding: 0;
}

h1 a, h2 a, h3 a, h4 a {
	text-decoration: none;
	color: black;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	text-decoration: none;
	color: #565656;
}

h1 a:active, h2 a:active, h3 a:active, h4 a:active {
	text-decoration: none;
	color: #717171;
}

hr {
	border: 0;
	background-color: #ebebeb;
	color: #ebebeb;
	height: 1px;
}

img {
	border-style: none;
	margin: 0;
	padding: 0;
}

img.alignleft {
	margin: 0 20px 0 0;
	padding: 0;
	float: left;
}
img.alignright {
	margin: 0 0 0 20px;
	padding: 0;
	float: right;
}
h4 {
	padding: 0;
}
p, ul, table, ul.ec3_events, #share {
	color: #565656;
}

.entry-content ul {
	margin-left: 16px;
}

p.wp-caption-text, .caption {
	font-weight: bold;
	font-size: .75em;
	margin-top:10px;
}

.wp-caption {
	width:100%!important;
}


div#respond {
	margin: 0;
	padding: 0 10px;
	border-left-color: silver;
	border-top: 1px dashed gray;
	background: #fefbf0 repeat-x;
	border-bottom: 1px dashed gray;
}
/* @group box-minisize formatting */
li.has_children>a {
	font-size: 1.3em;
	font-weight: 500;
	text-decoration: none;
}
.box-minisize ul {
	text-transform: uppercase;
}
.box-minisize ul li {
	list-style-type: none;
	margin-bottom:1em;
	line-height:1.3em;
	font-size:.9em;

}

.box-minisize ul li ul li {
	padding: 0;
	}

.box-minisize ul li ul li a {
	/* color: maroon; */
	/* font-weight: normal; */
	font-style: normal;
}
.box-minisize ul li ul li ul li {
	font-weight: normal;
	font-style: normal;
}
/* workshops */
.workshops-badge-upcoming,
.workshops-badge-soldout,
.workshops-badge-fewSpaces, 
.workshops-badge-fillingUpFast,
.workshops-badge-likelyToFillUp,
.workshops-badge-beginners,
.workshops-badge-forKids,
.workshops-badge-forTeens,
.workshops-badge-free,
.workshops-badge-inPerson,
.workshops-badge-newWorkshop,
.workshops-badge-online {
	width:125px;
	position: relative;
	top: -30px;
}
.workshops-hero-badge {
	float:right;
	width:100px;
}
.workshops-hero-banner {
	height:350px;
	display: grid;
	color:white;
	grid-template-columns: auto;
  grid-template-rows: 50% 50%;
}
.workshops-hero-text {
	background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
align-self: flex-end;
}
.workshops-hero-text *, workshops-hero-text a:focus {
	color: white !important;
}
.workshops-hero-title {
      align-self: flex-start;
      background: url('/wp-content/themes/ccs-2015/images/workshops/workshops-hero-title.svg');
      background-size:contain;
      background-position: center top;
      background-repeat: no-repeat;
	}
.workshops-hero-title h1 {
	      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden;
}
.workshops-single-col-1, .workshops-single-col-2 {
	padding-left: 0px;
	padding-right: 0px;
}
.workshops-single-soldout, .workshops-single-status {
	position: absolute;
	z-index: 10;
	right: 20px;
}
.workshops-soldout, 
.workshops-status {
	position: absolute;
	right:0px;
}
.workshops-testimonials-columns {
	align-items: center;
}

/* @group Forms */

.gform_wrapper ul li.gfield {
	margin-top: 20px;
}

div.gform_body .gfield_radio li input {
	padding: 5px;
	margin: 2px;
	position: relative;
	bottom: 1px;
}

.gform_body label {
	position: relative;
	top: 2px;
}


/* @end */

/* @group Boxes Layout */
.widget {
	margin-bottom:30px;
}
ul.parent-sidebar-menu {
	margin-top:20px;
}
.child-sidebar-menu {
	margin-top:10px;
	padding-left:0px;
}
.grandchild-sidebar-menu {
    margin-top: 10px;
    padding-left: 20px;
}
.single h3 {
	padding: 0;
	margin-bottom: 10px;
	font-size: 1.7em;
}


ul.addtoany_list {
	padding-bottom: 10px;
	margin: 0;
	padding-left: 0;
	list-style-type: none;
	font-size: 12px;
}

a.a2a_dd.addtoany_share_save {
	padding: 0;
}

#share ul.addtoany_list li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}


.archive.tag div.entry {
	border-bottom: 1px solid silver;
	margin-bottom: 10px;
}


div#news-archive-menu {
	margin: 0 0 10px;
	padding: 0;
}

div#news-archive-menu h4{
	display: inline;
}

.list-dotless {
	list-style-type: none;
}

.blogbeat-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.blogbeat-list li {
	margin-bottom: 1em;
	border-bottom: 1px dashed silver;
	padding-bottom: 10px;
}

.footer-logo {
	width: 40%;
	margin-bottom: 10px;
}

#footer {
	font-size: .8em;
/* 	padding-top:10px; */
	text-align: center;
	padding-bottom:20px;
}
#footer ul {
		list-style-type: none;
}


#footer {
		border-top: 1px solid #ebebeb;
}


/* @group Widgets and Sidebars */

/* @group Flickr plugin */

div.slickr-flickr-gallery.sf-lightbox {
	padding:0px;
	margin-top:10px;
}
div.slickr-flickr-gallery.sf-lightbox img {
	padding:0px;
	margin:0px;
}
#flickr {
	margin-bottom:10px;
}
ul.ec3_events {
	padding-left: 0px;
}
/* @end */

blockquote p, blockquote {
	font-display: swap;
	font-family: 'Walter Turncoat', cursive;
	color: #467039;
	border-left: none;
	padding-left: 0px;
	padding-right: 0px;
font-size: 1.25em;
line-height: 1em;
}


li.ec3_list.ec3_list_day {
	margin-bottom: 1em;
}
ul.ec3_events ul {
	padding: 0;
	margin: 0;
}
ul.ec3_events li, ul.ec3_events li ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
}
ul.ec3_events li {
	font-weight: bold;
}
ul.ec3_events li ul LI {
	font-weight: normal;
	font-style: normal;
}
.sidebar h4 {
color:#666;
}
.sociallinks a {
	color: #585858;
	margin-right: 10px;
}
.bg-cyan {
	background-color: #2da4da;
}
.bg-k {
	background-color: black;
}

.bg-light-cyan { 
	background-color: #DEF1F7;
}
.bg-orange,
#twitter {
		background-color: #F6D769;
}
.bg-magenta {
	background-color: #ec008c;
}

.meet-alumni {
	background-color: #f9b2dc;
}
.bg-pink,
.meet-alumni .js-wpv-loop-wrapper {
	background-color: #f57fc5;
}
.bg-purple {
	background-color: #a840a9;
}

.bg-tan {
	background-color: rgb(250, 250, 250);
}
.bg-white {
	background-color: white;
}


/* @group Twitter */
#twitter {
	color: white;
	padding:10px;
	margin-bottom:20px;
	margin-top:15px;
}
#twitter h4  {
	color: white;
}
#twitter p, #twitter li {
	padding: 5px;
		color: black;
	overflow: hidden;
	padding-left:0px;
	border-bottom: solid 1px #ebebeb;

}
#twitter > div > ul {
	padding-left:0px;
}

#twitter > div > ul > li > span.intent-meta > a {
	margin-right:5px;
}
#twitter .intent-meta {
	font-size:.8em;
}
.twitter-logo {
	display: inline-block;
	height: 25px;
	width: 30px;
	background-image: url("/wp-content/themes/ccs-2015/images/twitter.svg");
	background-repeat: no-repeat;
}

/* @end */


/* @group Header items */

#search {
	padding: 0;
	margin: 0;
	width: 350px;
	height: 20px;
	float: right;
	position: relative;
	top: 0;
	right: 2px;
}

#searchform div {
	margin: 4px 0 0;
	padding: 0;
}

.masthead-line {
	float: left;
	margin: 0 10px 0 0;
	padding: 8px 0 0;
}

#masthead, #mastheadMeetAlumni {
	text-align: center;
	background-size: 100%;
	text-indent: 100%;
	white-space: nowrap;
overflow: hidden;
padding-top:0px;
margin-top:0px;
	}
#masthead {
		background: url("/wp-content/themes/ccs-2015/images/masthead-ccs.svg") no-repeat;
		background-position-x: center;
}
#mastheadMeetAlumni {
	background: url("/wp-content/themes/ccs-2015/images/global/mastheadMeetAlumni.png") no-repeat;
margin-bottom:0px;
    height: 70px;
    background-size: contain;
    background-position: center;

}
#statement-image {
	text-align: center;
	padding-top:10px;
	padding-bottom:10px;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}
#featurebox {
	padding-top:10px;
}

/* @end */

.highlight {
	background-color: #fcfdbe;
	display: inline;
}

.social-share {
	padding:5px;
	margin-bottom:10px;
}
.social-share p {
	margin-bottom:4px;
	color:#999;
	font-display: swap;
	font-family: 'Oswald', sans-serif;	margin-top: 0;
text-transform: uppercase;
font-weight:400;
}
.text-purple, 
.purple {
	color: #8E09AB;
}
a.yellow:hover,
.yellow,
.boxout-dark a {
	color: #F6D769;
}

.text-white,
.boxout-dark,
.boxout-dark p,
.white {
	color: white;
}
.text-red, #menu-item-29929 > a:nth-child(1)  { /* selects applied cartoon lab in nav */
	color: #C40505;
}
.text-green {
	color: #467039;
}
a.text-green:hover {
	color: #294222;
}
.text-orange {
	color: #DC7600;
}
a.text-orange:hover {
	color:#ad5d01;
}
h3 a.text-gray,
.text-gray {
	color:#666;
}
a.text-gray:hover {
	color:black;
}

.archive-head {
  text-align: center;
  margin-top: 0px;
}
   body > div.row.navbar-social {
   background-color: black;
   display: block;
   margin-right: 0px;
   }
p.simple-image {
	text-align: center;
	margin-top:10px;
}
p.more {
	text-align:center;
}
body > div.container > div:nth-child(4) > div.col-md-12.col-lg-3.sidebar {
	text-align: center;
}
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */


@media (max-width: 767px) {
	h1, .h1 {
		font-size: 30px;
	}
	h2, .h2 {
		font-size: 25px;
	}
	h3, .h3 {
		font-size: 20px;
	}
	h4, .h4 {
		font-size: 15px;
	}
	
	.meet-alumni .js-wpv-loop-wrapper .meet-alumni-work-sample-img {
	height: inherit;
}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
	.also-ccsstudio-img {
		width:85%!important;
	}
	 .alumni-grid .thumbnail {
	min-height: 350px;
}

.headerMeetAlumniCol2 h3 {
	font-size: 17px;
}
#masthead {
		height:70px;
		margin-top:10px;
	}
#mastheadMeetAlumni {
	    height: 100px;
}
.meetAlumniGrid {
	grid-row-gap: 0px!important;
grid-column-gap: 0px!important;
}
.meet-alumni .js-wpv-loop-wrapper .meet-alumni-work-sample-img {
	height: 300px;
}
.mental-box-democracy-inner {
	display: flex;
	align-items: center;
	}
.navbar-brand {
display: block;
	 }

.subnav li a {
	margin-left:0px;
}
.subnav li a {
	padding:15px;
}
.navbar-nav.subnav > li,
.subnav>div>ul>li {
	float:left;
	list-style: none;
}
.header-right-m {
	text-align: right!important;
}
	   .collapse {
       display: none !important;
   }
   .footer-logo {
	width:20%;
	margin-bottom:20px;
}
   .right-trim-2 {
    border-right-width: 1px;
   }
	#sidebar-info-2 {
		border-width: 1px;
	}
	   .right-trim-sm,
	   .left-trim-sm {
	   border-width: 1px;
   }
   .workshop-box-upcoming {
	   min-height: 245px;
   }
   .workshop-box-upcoming h3 {
	font-size:1.5em;
}
.workshop-box-upcoming h4 {
	font-size:1em;
}
   	.workshops-hero-banner {
	height:450px;
	}
   .workshops-hero-badge {
	width:150px;
}
   .workshops-soldout, .workshops-status {
	right:-10px;
}

}


body > div.row.navbar-social a {
	font-size:1.8em;
	margin-top:5px;
	margin-left:10px;
	margin-bottom:5px;
   	color: white;
   	text-decoration: none;
}

@media (max-width: 991px) {
	body > div.row.navbar-social a {font-size:2em;}
		   	  .top-trim-sm {
	   border-width: 1px;
	  }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
.alumni-grid .thumbnail {
	min-height: 300px;
}
div.btn-workshop > a {
	font-size: 2em;
}
.containerMeetAlumni {
	padding: inherit;
}
	.hero,
	.hero-alumni {
    	padding:70px 0px 70px 0px;
    }
.meet-alumni .js-wpv-loop-wrapper .meet-alumni-work-sample-img {
	height: 370px;
}
	   	 .navbar-default .navbar-nav>li.nav-support>a,
   	 .navbar-default .navbar-nav>li.nav-support>a:hover {
	background-size: 80%;
	background-position: 60% 40%;
}
		#masthead {
			height: 2.2em;
	}
	   .left-trim-md, .right-trim-md, .top-trim-md, #sidebar-info-2, #sidebar-info-1 {
	   border-width: 1px;
   }
   	.left-trim-sm,
	.right-trim-sm {
		border-width:0px;
	}
   body > div.row.navbar-social p {
   	margin-bottom:0px;
   }
  .footer-logo {
  	width:40%;
  }

   #menu-item-13264,
   #menu-item-13265,
   #menu-item-13266,
   #menu-item-13267 { /* hides text social links in desktop menu */
   	display: none;
   }
   .navbar-static-top {
  		margin-bottom: 1em;
	}
	#searchform {
		display: none;
		float:right;
	}

 }
.search-form {display:none;}
#menu-item-search {display:block;}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.alumni-grid .thumbnail {
	min-height: 370px;
	}
	blockquote.workshops-open-blurb>p {
	font-size: 1.5em;
	line-height: 1.3em;
}
	.header-xxl {
		font-size:8.7em;

	}
	.hero-admissions {
		background-image: url("/wp-content/uploads/2019/11/hero-admissions-desktop.jpg");
	}
	.lead {
		font-size:1.5em;
	}
	#masthead {
			height: 100px;
			margin-top:inherit;
	}

	.mental-box-mental,
.mental-box-democracy, 
.box-healthwealth,
.box-literacy, 
.box-freedomunity {
	padding:30px 90px; 
}
	.left-trim-lg,
	.right-trim-lg {
		border-width: 1px;
	}
	.right-trim-sm,
	.right-trim-md {
		border-width:0px;
	}
	   .right-trim-2 {
	   border-right-width:0px;
   }

	.mental-gradient {
		padding-top:100px;
	}
      .mental-panel-offset-up {
	position: relative;
	top: -100px;
	}
	.mental-page-panels {
		padding-top:0px;
	}
	.mental-panel-offset-down {
		position: relative;
	top: 125px;
	}

	p.simple-image {
	text-align: left;
	}
	p.more {
		text-align:left;
	}
	.subnav {
	 justify-content: space-evenly;
	}
	.text-m {
	font-size: 1.5em;
}
.text-l {
	font-size: 2em;
}
.header-xl,
.text-xl {
	font-size: 3em;
}
.header-xxl {
	margin-top:0px;
	font-size: 4.5em;
	line-height: 1em;
}

	 .top-trim-sm {
	   border-width: 0px;
   }
      	  .top-trim-lg {
	   border-width: 1px;
   }
	body > div.container > div:nth-child(4) > div.col-md-12.col-lg-3.sidebar {
		text-align: left;
	}
	#gform_wrapper_1 {display:block !important}
	#searchform {
		display: block;
	}
	.search-form {display:block;}
	#menu-item-search {display:none;}
	.navbar-form.navbar-right {display:block;}
	.navbar-social .text-right {margin-right:15px;
	}


.navbar-social .text-right {margin-right:0;}

#menu-item-search {font-size:18px;margin-top:10px;margin-left:7px;}
#menu-item-search:hover {cursor:pointer;}
.navbar-form.navbar-right {float:left;margin-left:0px;}
.workshop-box-upcoming {
	   min-height: 215px;
   }
.workshop-box-upcoming h3 {
	font-size:1.7em;
}
.workshop-box-upcoming h4 {
	font-size:18px;
}
.workshops-hero-banner {
	height:500px;
}

.workshops-hero-badge {
	width:200px;
}
.workshops-hero-title {
	height:100px;
	}
.workshops-single-status {

	right: 150px;
}
	}
@media (min-width: 1440px) {
		    .alumni-grid .thumbnail {
	min-height: 425px;
}
.workshops-hero-banner {
	height:700px;
}
}
@media (min-width: 1824px) {
		    .alumni-grid .thumbnail {
	min-height: 600px;
}
}


/* overwrite boostrap breakpoint */

@media (max-width: 990px) {
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {margin-right:-15px;}
    .navbar-header {
        float: none;
    }

    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
	body > div.row.navbar-social > div > div > p {
		margin-bottom:0px;
	}
}