/**
 * @license
 * MyFonts Webfont Build ID 3127129, 2015-11-17T16:56:01-0500
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: AvenirNextLTPro-Regular by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-regular/
 * Copyright: Copyright © 2004 - 2012 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir Next is a trademark of Linotype
 *
 * Webfont: AvenirNextLTPro-DemiIt by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-demi-italic/
 * Copyright: Copyright © 2004 - 2012 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir Next is a trademark of Linotype
 *
 * Webfont: AvenirNextLTPro-It by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-italic/
 * Copyright: Copyright © 2004 - 2012 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir Next is a trademark of Linotype
 *
 * Webfont: AvenirNextLTPro-MediumCnIt by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-condensed-medium-italic/
 * Copyright: Copyright © 2004 - 2012 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir Next is a trademark of Linotype
 *
 * Webfont: AvenirNextLTPro-Demi by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-demi/
 * Copyright: Copyright © 2004 - 2012 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir Next is a trademark of Linotype
 *
 * Webfont: AvenirNextLTPro-MediumCn by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/avenir-next-pro/pro-condensed-medium/
 * Copyright: Copyright © 2004 - 2007 Linotype GmbH, www.linotype.com. All rights reserved. This font software may not be reproduced, modified, disclosed or transferred without the express written approval of Linotype GmbH. Avenir is a trademark of Linotype GmbH
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3127129
 * Licensed pageviews: 250,000
 *
 * © 2015 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2fb759");


@font-face {font-family: 'AvenirNextLTPro-Regular';src: url('webfonts/2FB759_0_0.eot');src: url('webfonts/2FB759_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2FB759_0_0.woff2') format('woff2'),url('webfonts/2FB759_0_0.woff') format('woff'),url('webfonts/2FB759_0_0.ttf') format('truetype');}


@font-face {font-family: 'AvenirNextLTPro-DemiIt';src: url('webfonts/2FB759_1_0.eot');src: url('webfonts/2FB759_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2FB759_1_0.woff2') format('woff2'),url('webfonts/2FB759_1_0.woff') format('woff'),url('webfonts/2FB759_1_0.ttf') format('truetype');}


@font-face {font-family: 'AvenirNextLTPro-It';src: url('webfonts/2FB759_2_0.eot');src: url('webfonts/2FB759_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2FB759_2_0.woff2') format('woff2'),url('webfonts/2FB759_2_0.woff') format('woff'),url('webfonts/2FB759_2_0.ttf') format('truetype');}


@font-face {font-family: 'AvenirNextLTPro-MediumCnIt';src: url('webfonts/2FB759_3_0.eot');src: url('webfonts/2FB759_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2FB759_3_0.woff2') format('woff2'),url('webfonts/2FB759_3_0.woff') format('woff'),url('webfonts/2FB759_3_0.ttf') format('truetype');}


@font-face {font-family: 'AvenirNextLTPro-Demi';src: url('webfonts/2FB759_4_0.eot');src: url('webfonts/2FB759_4_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2FB759_4_0.woff2') format('woff2'),url('webfonts/2FB759_4_0.woff') format('woff'),url('webfonts/2FB759_4_0.ttf') format('truetype');}


@font-face {font-family: 'AvenirNextLTPro-MediumCn';src: url('webfonts/2FB759_5_0.eot');src: url('webfonts/2FB759_5_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2FB759_5_0.woff2') format('woff2'),url('webfonts/2FB759_5_0.woff') format('woff'),url('webfonts/2FB759_5_0.ttf') format('truetype');}



/* HTML5 display definitions */
article, aside, details, figcaption,figure, footer, header, hgroup, nav, section {  display: block;}
audio, canvas, video {  display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* globals */

html {
	-webkit-box-sizing: border-box;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
	/* hardware accelleration
	-webkit-transform: translate3d(0, 0, 0);    */
	}
*, *:before, *:after { box-sizing: inherit;}

body, html, p, div, h1, h2, h3, h4, h5, h6, ul, li, ol, span, textarea, form,
img, input, button, a {
    padding: 0px;
    margin: 0px;
    border: 0px;
    list-style-type: none;
    text-decoration: none;
    font-weight: normal;
	}
body{
	-webkit-text-size-adjust:100%;
	}

p, div, h1, h2, h3, h4, h5, h6, ul, li, ol, textarea, img, input, button {
    font-family: 'AvenirNextLTPro-Regular', Helvetica, Arial, sans-serif;
}

#main, footer {
	/* prevent text changing on js actions */
	-webkit-transform: translatez(0);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	}

#main{
	padding:50px 0px;
	float:left;
	width:100%;
	clear:both;
	}

textarea, input {
    /*-webkit-appearance: none;*/
	border-radius: 0;
	}
a {
    outline: 0;
	}


button {
    overflow: visible;
	}

strong, em {
    font-weight: normal;
    font-style: normal;

	}

button::-moz-focus-inner {
    padding: 0;
    border: 0
	}

a img {
    border: 0px;
	}

img {
    font-size: 11px;
    color: #666;
	}

body, html {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #fff;
    -webkit-text-size-adjust: none;
    -moz-osx-font-smoothing: grayscale;
	}

sub {
    position: relative;
    font-size: .75em;
    vertical-align: baseline;
    top: 2px;
	}

sup {
    position: relative;
    vertical-align: baseline;
    top: -4px;
	}

.noscript {
    background-color:#c33e0f; /* red */
    width: 100%;
    padding: 12px 8px;
    text-align: center;
	display:block;
	font-size: 14px;
    color: #fff;
    line-height: normal;
    margin-bottom: 0px;
	font-family: 'AvenirNextLTPro-Regular', Helvetica, Arial, sans-serif;
	}



input,
textarea {
    border: solid 1px #ccc;
    padding: 6px;
    font-size: 16px;
    font-family: 'AvenirNextLTPro-Regular', Helvetica, Arial, sans-serif;
    position: relative;
    color:#333;
    outline: none;
	background-color:#fff;
	-webkit-transition: background .4s ;
	-moz-transition: background .4s ;
	 -ms-transition: background .4s ;
	-o-transition: background .4s ;
	transition: background .4s ;
	}


textarea {
    transition: height 0.1s;
    -webkit-transition: height 0.1s;
    -moz-transition: height 0.1s;
	}

.input_default_wrap {
    position: relative;
	}

label {
    font-size: 16px;
    font-family: 'AvenirNextLTPro-Regular', Helvetica, Arial, sans-serif;
    margin-bottom: 4px;
    display: inline-block;
}

.input_default_wrap label {
  position: absolute;
  z-index: 100;
  font-size: 15px;
  color: #999;
  font-family: 'AvenirNextLTPro-Regular', Helvetica, Arial, sans-serif;
  overflow: hidden;
  width: 100%;
  padding: 15px;
  padding-right: 15px;
  white-space: normal;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}







/*

font-family:'AvenirNextLTPro-Regular', Helvetica, Arial, sans-serif;
             AvenirNextLTPro-Regular

font-family:'AvenirNextLTPro-Demi', Helvetica, Arial, sans-serif;
             AvenirNextLTPro-Demi

font-family:'AvenirNextLTPro-MediumCn', Helvetica, Arial, sans-serif; // medium condensed
             AvenirNextLTPro-MediumCn

font-family:'AvenirNextLTPro-It', Helvetica, Arial, sans-serif; // regular italic
             AvenirNextLTPro-It

font-family:'AvenirNextLTPro-Demi', Helvetica, Arial, sans-serif; // demi bold
             AvenirNextLTPro-Demi

font-family:'AvenirNextLTPro-DemiIt', Helvetica, Arial, sans-serif; // demi bold italic
            AvenirNextLTPro-DemiIt

font-family:'AvenirNextLTPro-MediumCnIt', Helvetica, Arial, sans-serif; // medium condensed italic
             AvenirNextLTPro-MediumCnIt

*/




/*
Typography
*/



h1, h4, p, li {
	color: #333;
}

h2 {
	color:#666;
}


h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
    text-decoration: none;
}

h1 {
    font-size: 36px;
    line-height: 1.08em;
	margin-bottom: .6em;
}

h1.large {
	font-size:52px;
	color:#8c8c8c;
}

h1.small {
    font-size:30px;
    line-height:1.35em;
}


h2 {
    font-size: 22px;
    line-height: 1.55em;
    margin-bottom: 1.1em;
    color:#666;
}

h3 {
    font-size: 18px;
    line-height: 1.6em;
    font-family:'AvenirNextLTPro-Demi', Helvetica, Arial, sans-serif;
    color: #ec6535;
}

h4 {
	font-family:'AvenirNextLTPro-MediumCn', Helvetica, Arial, sans-serif;
    font-size: 22px;
    margin-bottom: 16px;
    text-transform: uppercase;
    clear: both;
	line-height:1.45em;
}

h5 {
	font-family:'AvenirNextLTPro-MediumCn', Helvetica, Arial, sans-serif;
    font-size: 18px;
    margin-bottom: 0;
    text-transform: uppercase;
    clear: both;
	line-height:1.45em;
}



h1 a, h2 a, h3 a, h4 a, h5 a, p a, p li a, ul li a, .field-note a {
	color: #ec6535;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, p a:hover, p li a:hover, ul li a:hover, .field-note a:hover {
    color: #BF5121;
}


aside h4{
	font-size:20px;
}

article h4, article h5{
	margin-bottom:0px;
}

article h3 + h4 {
    margin-top: 18px;
}

article h4 + h5 {
    margin-top: 18px;
}

article form + h5 {
    margin-top: 18px;
}

p, li {
    font-size: 16px;
    line-height: 1.8em;
    margin-bottom: 19px;
	}
aside p,
aside li {
	font-size:14px;
	line-height: 1.55em;
}

 aside p{
	line-height: 1.55em;
	font-size: 16px;
}

span.warning, span.email-warning, span.phone-warning{
	font-size:14px;
	margin-top:6px;
	display:inline-block;
    color: #e56b2d;
}

.sem-form.general-contact span.warning {
  display: block;
}

article ul, article ol {
    margin-bottom: 16px;
	}
article ul ul{
	padding-left: 36px;
	list-style-position:outside;

}

article ul ul li{
	background-image:none;
	padding-left:0px;

	list-style-type:disc;
}
article ul ul ul li{
	list-style-type:circle;
}

article p + ul{
	margin-top:-16px;
	}

article li,
article li ul li,
article li ul li ul li,
.resource-list__item li {
  margin-bottom: 0px;
  padding-left: 16px;
  background-image: url(../images/bullet.gif);
  background-position: 0px 10px;
  background-repeat: no-repeat;
  list-style-type: none;
}

p em,
article p em,
article li em,
h1 em,
h2 em,
article blockquote,
article blockquote em,
article blockquote strong,
article blockquote em strong,
article blockquote strong em,
article blockquote p,
article blockquote p em,
article blockquote p strong,
article blockquote p em strong,
article blockquote p strong em{
	font-family:'AvenirNextLTPro-It', Helvetica, Arial, sans-serif;
}

h4 em,
h5 em {
	font-family:'AvenirNextLTPro-MediumCnIt', Helvetica, Arial, sans-serif;
}

em {
	font-family:'AvenirNextLTPro-It', Helvetica, Arial, sans-serif;
}

p strong, article li strong,
h1 strong,
h2 strong,
h3 strong {
	font-family:'AvenirNextLTPro-Demi', Helvetica, Arial, sans-serif;
}

h1 em strong, h1 strong em,
h2 em strong, h2 strong em,
h3 em strong, h3 strong em,
p em strong, article li em strong,
p strong em,  article li strong em {
    font-family:'AvenirNextLTPro-DemiIt', Helvetica, Arial, sans-serif;
}



article blockquote{
	margin:0px;
	padding:0px;

}
article blockquote p{
	color: #333;
	font-size:22px;
	padding:0px;
	margin:0px;
	padding-left:30px;
	border-left: solid 6px #ddd;
	line-height:1.65em;
	margin:30px 0px;
	text-indent:-12px;
}

/*
	General Layout
*/

.width_holder {
	position: relative;
    z-index: 5;
    text-align: left;
    margin: 0px auto;
    width: 100%;
    max-width: 980px;
    padding: 0px 20px;
    position: relative;
    /*-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; */
}

.inner-wrap{
	z-index:5;
	left:0;
	-webkit-transition: left .2s ;
	-moz-transition: left .2s ;
	-ms-transition: left .2s ;
	-o-transition: left .2s ;
	transition: left .2s ;
	position:relative;
}

.doc-top {
	overflow:hidden;
}

section.tan {
  background-color: #f6f3f1;
}

/* background cover emulation styles*/
.mimic-cover{
	position:relative;
	overflow:hidden;
	}
.mimic-cover img.cover {
		position:absolute;
		width:100%;
		height:auto;
		top:0px;
		left:0px;
		z-index:0;
	}
.mimic-cover img.x{
	top: 50%;
	width:100%;
	height:auto;
	left:0px;
	margin-left : 0px !important;
}
.mimic-cover img.y{
	top: 0;
	width:auto;
	height:100%;
	left:50%;
	margin-top : 0px !important;
}

.banner_image {
    height: 306px;
}

/* button styles */

.bttn,
button.sem-submit,
p.bttn {
  font-size: 18px;
  color: #fff;
  font-family: 'AvenirNextLTPro-MediumCn', Helvetica, Arial, sans-serif;
  background-color: #ec6535;
  padding: 9px 20px;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  border: none;
  text-transform: uppercase;
  text-decoration:none;
}

.bttn::after,
button.sem-submit::after {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	content: "\e602";
	padding-left: 2px;
	font-size: 14px;
}

p.bttn a {
  font-size: 18px;
  color: #fff;
}

.bttn.bttn_large {
    padding: 12px 22px;
}

.bttn.full_width,
aside .bttn {
  width: 100%;
  box-sizing: border-box;
}

.bttn.white_transparent {
    background-color: transparent;
    border: solid 1px #fff;
}

.bttn.bttn_tan {
    background-color: #b9aea4;
}

.bttn.bttn_tan:hover {
    background-color: #ABA096;
}

.bttn.bttn_yellow {
    background-color:#e8ac23;
}

.bttn.bttn_yellow:hover {
    background-color: #D19F2E;
}


.bttn.bttn_brown_transparent {
    background-color: transparent;
    color: #8a7868;
    border: 2px solid #8a7868;
}

.bttn.collections_button,
.bttn.digital_exhibits_button {
    font-size: 14px;
    padding: 9px 13px;
}

.bttn.digital_exhibits_button + .bttn.collections_button  {
    margin-right: 20px;
}


.bttn.collections_button::after,
.community_show_more_trigger.bttn::after,
.bttn.digital_exhibits_button::after {
    content: '';
    padding-left: 0;
}

p a.bttn:hover {
    color: #fff;
}

footer .newsletter_button_wrap {
    margin-bottom:26px;
    float:left;
}

footer .newsletter_button_wrap .bttn {
    font-size: 16px;
    padding:6px 10px;
    border-color: #c5bcb4;
}

footer .newsletter_button_wrap .bttn:hover {
    background-color: #756658;
}

footer .newsletter_button_wrap .bttn::after {
    font-size:13px;
}

.bttn.bttn_teal {
    background-color: #28b0b4;
}

.bttn.bttn_teal:hover {
    background-color: #197275;
}

.bttn.bttn_blue {
    background-color: #068b90;
}

.bttn.bttn_blue:hover {
    background-color: #14797D;
}

.bttn.bttn_orange {
    background-color: #ec6535;
}

.bttn.bttn_orange:hover {
      background-color: #BF5121;
}

.bttn.bttn_orange--alt {
    background-color: #fd8154;
}

.bttn.bttn_orange--alt:hover {
      background-color: #BF5121;
}

.bttn.bttn_purple {
    background-color: #655380;
}

.bttn.bttn_purple:hover {
    background-color: #36264d;
}

/* header / footer */

header {
    background-color: #fff;
}
footer {
    background-color: #8a7868;
}

header,
header .width_holder {
    width: 100%;
    position: relative;
    z-index: 10;
    height: 90px;
}

header {
    -webkit-transform: translatez(0);
}





.small-shadow {
	width:100%;
	height:8px;
	background-color:transparent;
	background-image:url(/themes/CCC/images/header_gradient.png);
	background-repeat:repeat-x;
	position:absolute;
	left:0;

}

header .small-shadow {
	bottom:-8px;
}

footer .small-shadow{
	top:0px;
}




#logo {
    top: 12px;
    left: 29px;
    position: absolute;
}

#logo{
	width: 205px;
    height: 67px;
}

#logo img{
	width:100%;
	height:auto;
}



#logo.nosvg img,
.svg.nosvg img {
    display: none;
}

#logo.nosvg {
    background-image: url(/themes/CCC/images/chicago_collections_logo.gif);
    background-repeat: no-repeat;
	background-size:100% auto;
}

.printlogo, .mobile-logo{
    display: none;
}


.header_right,
.header_right a.collections_button,
.header_right div#twitter,
.header_right a.digital_exhibits_button {
    float: right;
}

header a#twitter_icon,
header a.twitter-icon {
    padding-right: 20px;
    font-size: 24px;
    padding-top: 4px;
    color: #b9aea4;
}

header a#twitter_icon:hover,
header a.twitter-icon:hover {
    color: #666;
}

header .width_holder,
footer .width_holder {
    padding: 0px 20px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    max-width: 980px;
	position:relative;
}

footer .width_holder {
  overflow: hidden;
}

footer {
    padding-top:49px;
    padding-bottom:38px;
	margin-top:20px;
	position:relative;
}


.is-home footer {
    margin-top: 0;
}

footer .color_stripe_wrap {
    background-color: #333;
    position: absolute;
    top: 0;
    width: 100%;
}

footer .color_stripe_wrap img {
    display: block;
    width: 100%;
    height: 11px;
}


footer p.copy-credit {
	font-size: 15px;
	color:#bbb2ab;
	font-family:'AvenirNextLTPro-MediumCn', Helvetica, Arial, sans-serif;
	margin-bottom: 14px;
    float:left;
    width:100%;
}

footer p.copy-credit a {
	color:#bbb2ab;
	border-bottom: 1px solid #bbb2ab;
}

footer p.copy-credit a:hover {
	color:#fff;
	border-bottom: 1px solid #fff;
}


.footer_social_links_wrap {
    float: right;
    text-align: right;
    margin-top: -6px;
}

footer .width_holder {
    overflow: hidden;
}

.footer_social_links li {
    float: left;
    margin-bottom: 0;
}

.footer_social_links li a {
    font-size: 32px;
    margin-right: 8px;
    color:#c5bcb4;
}

.footer_social_links li a:hover {
    color:#fff;
}


.footer_social_links li.last a {
    margin-right: 0;
}

.footer_social_links_wrap h3 {
    color: #fff;
    font-size:18px;
    margin-bottom: 11px;
    font-family:'AvenirNextLTPro-MediumCn', Helvetica, Arial, sans-serif;
    text-transform:uppercase;
}

/* general page types */


.left-col-holder {
	padding-right:270px;
	position: relative;
}
.left-col-holder .left-col {
	float: left;
	display: inline;
	width: 100%;
}
.left-col article {
	clear:both;
	overflow: hidden;
}

aside{
	float:right;
	width:220px;
}

.top_content_wrap {
    overflow: hidden;
    display: block;
	margin-bottom: 28px;
}

.bottom_content_wrap {
    overflow: hidden;
    display: block;
}


/*

--MAIN NAVIGATION --

*/
nav .nav a, nav .nav a:link, nav .nav a:hover,
nav .nav visited {
    border-bottom: none;
}

header nav {
    width: 700px;
    position: absolute;
    bottom: 0px;
    right: 20px;
}

nav .nav {
    float: right;
    text-align: right;
    padding: 0px;
    list-style: none;
    clear: right;
    display: inline;
    width: 740px;
    margin-bottom: 0px;
}

nav .nav ul {
    float: left;
    padding: 0px 0px 0px 0px;
    list-style: none;
    display: inline;
}

/*Top level nav a:link state*/



nav .nav a {
    font-size: 18px;
    font-family:'AvenirNextLTPro-MediumCn', Helvetica, Arial, sans-serif;
    margin: 0px;
    color: #999;
    display: block;
    text-transform: uppercase;
	padding-bottom: 15px;
}


nav .nav a.nav-path-selected {
    color: #333;
}

nav .nav ul a.nav-path-selected {
    color: #999;
}

nav .nav li {
    text-align: left;
    float: none;
    display: inline-block;
    padding: 0;
    margin: 0px 0px 0px 18px;
}

nav li {
    line-height: normal;

}

nav .nav li.first {
    margin: 0px;
}

nav .nav li.parent > a::after {
    font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	content: "\e600";
	padding-left: 6px;
	position:relative;
	top: -1px;
	font-size: 14px;
	font-weight:bold;
}

nav .nav li.parent.open > a::after {
	content: "\e603";
}



/*second level*/
nav .nav ul {
    z-index: 600;
    position: absolute;
    left: -999em;
    clear: both;
    height: auto;
    width: 190px;
    padding: 0px;
    margin: 0px;
    background-color: #fff;
	border: 1px solid #d6d6d6;
}

/*second level background and box size*/
nav .nav li li {
    width: 100%;
    margin-left: 0px;
    position: relative;
}

nav .nav li li:first-child {
    border-top: none;
}

nav .nav li li a {

    text-transform: none;
}

/*Second level text */
nav .nav li li a {
    font-size: 16px;
    line-height: 1.2em;
    margin: 0px;
}

nav .nav li li a,
nav .nav>li:hover li a,
nav .nav>li ul.hover li a {
	padding: 12px 14px 12px 14px;
}

nav .nav>li li.parent a,
nav .nav>li ul.hover li.parent a {
    padding-right: 24px;
}

/*Second level baackround color hover state  */
nav .nav li li:hover,
nav .nav li li.sfhover {
    background-color: #eaeaea;
}

nav .nav li .parent > a:hover {
    background-position: 115% -46px;
}

/*Second level a:hover text color*/
nav .nav li.sfhover a, nav .nav li ul li:hover a,
nav .nav li ul li li:hover a, nav .nav li ul li li li:hover a, nav .nav li ul li li li:hover a,
nav .nav li ul li.sfhover a, nav .nav li ul li li.sfhover a, nav .nav li ul li li li.sfhover a,
nav .nav li ul li li li.sfhover a {
    color: #333;
}

/*Main nav hover text color*/
nav .nav li:hover a,
nav .nav li.parent.open > a {
    color: #666;
}

nav .nav li.open a {
    color: #999;
}

nav .nav li:hover > a.nav-path-selected,
nav .nav li.open > a.nav-path-selected {
    color: #333;
}

nav .nav>li:hover a {
    border: none;
}

/*Second level a:link text color*/
nav .nav li:hover li a, nav .nav li li:hover li a,
nav .nav li li li:hover li a, nav .nav li li li li:hover li a, nav .nav li.sfhover li a,
nav .nav li li.sfhover li a, nav .nav li li li.sfhover li a, nav .nav li li li li.sfhover li a,
nav .nav li li a, nav .nav li li li a, nav .nav li li li li a, nav .nav li li li li li a {
    color: #999;

}

/*hide second level*/
nav .nav li:hover ul ul, nav .nav li:hover ul ul ul,
nav .nav li:hover ul ul ul ul, nav .nav li.sfhover ul ul, nav .nav li.sfhover ul ul ul,
nav .nav li.sfhover ul ul ul ul {
    left: -999em;
}

/* dislpay second level */
nav .nav li.open ul, nav .nav li li.open ul,
nav .nav li li li.open ul, nav .nav li li li li.open ul {
	top: 37px;
    left: auto;
}

/* dislpay second level last */
nav .nav nav .nav_last:hover ul, nav .nav nav .nav_last.sfhover ul {
    left: auto;
    margin-left: -94px;
}

nav .nav li li:hover ul, nav .nav li li li:hover ul, nav .nav li li li li:hover ul,
nav .nav li li ul.hover, nav .nav li li li ul.hover, nav .nav li li li li ul.hover {
    left: 190px;
    /*margin-top:-2.35em;*/
    float: left;
    top: 0px;

}

nav .nav > li.last > ul li:hover ul,
nav .nav > li.last > ul li ul.hover {
    left: -190px;
}

/*Main nav rollover background color */
nav .nav li:hover, nav .nav li.sfhover {
    background-image: none;
}

nav .nav li li a:hover {
    color: #999;
}

/* mobile nav */

#resnav-wrap {
    display: none;
}

/* radios and checkboxes */

#main input[type="checkbox"],
#main input[type="radio"],
#main .sem-form input[type="checkbox"],
#main .sem-form input[type="radio"] {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    z-index: inherit;
    margin-left: -18px;
    margin-top: 5px;
    cursor: pointer;
    width: 14px;
    height: 14px;
}

#main .sem-form input[type="checkbox"] {
    margin-top: 2px;
    left:0;
    margin-left:0;
    top:0;

}

.styled_checkbox,
.styled_radio {
    border: solid 1px #d1d1d1;
    position: relative;
    display: inline-block;
    margin-right: 4px;
    cursor: pointer;
    background-color: #fff;
    bottom:-1px;
    }

.styled_radio {
    width: 16px;
    height: 16px;
    }

.styled_checkbox {
    width:14px;
    height:14px;
    }

.styled_checkbox.focused {
    -webkit-box-shadow: 0px 0px 5px #9CF;
    -moz-box-shadow: 0px 0px 5px #9CF;
    box-shadow: 0px 0px 5px #9CF;
    behavior: url('/themes/CCC/css/css_pie/PIE.htc');
    }

.styled_checkbox .fill {
    display:none;
    }

.styled_checkbox.checked .fill {
    display:block;
    color:#000;
    font-size:8px;
    width: 8px;
    height: 8px;
    background-color: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -4px;
    margin-top: -4px;
    behavior: url('/themes/CCC/css/css_pie/PIE.htc');
    }

#main .stylized.large input[type="checkbox"],
.stylized.large input[type="checkbox"] {
    margin-left: -23px;
    margin-top: 5px;
}

.stylized.large .styled_checkbox .fill {
    font-size:10px;
    width: 10px;
    height: 10px;
    margin-left: -5px;
    margin-top: -5px;
    }

.stylized.large .styled_checkbox {
    width:15px;
    height:15px;
}

label.stylized {
    padding-left: 23px;
    text-indent: -23px;
}

/* stylized selects */

span.select {
    border: solid 1px #b1b1b1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ie-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    behavior: url('/themes/CCC/css/css_pie/PIE.htc');
    position: relative;
    background-color: transparent;
    padding: 0.6em 40px 0.6em 0.7em;
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
    font-size: 18px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    width: 100%;
    font-family: 'AvenirNextLTPro-MediumCn', Helvetica, Arial, sans-serif;
    text-transform: capitalize;
}

span.select .val {
  font-size: 14px;
  cursor: pointer;
  white-space: nowrap;
  float: left;
  width: 100%;
  overflow: hidden;
  line-height: normal;
  color: #666;
}

.select .stylized_arrow {
  color: #6e6e6e;
  position: absolute;
  right: 14px;
  font-size: .875em;
  font-weight: bold;
  top: 50%;
  margin-top: -7px;
}

span.select select {
  position: absolute;
  width: 100%;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  cursor: pointer;
  top: 0px;
  left: 0px;
  background: none;
  font-size: 15px;
  height: 100%;
}

span.select option:first-child {
  border: none;
}

span.select option {
  padding: 0.5em 0.7em;
  font-size: 14px;
  color: #666;
  font-family: 'AvenirNextLTPro-MediumCn', Helvetica, Arial, sans-serif;
  border-top: 1px solid #ddd;
}

span.select.large_select .val {
    font-size: 18px;
    font-family: 'AvenirNextLTPro-Regular', Helvetica, Arial, sans-serif;
    color: #333;
}

span.select.large_select {
    padding: 15px 40px 15px 0.7em;
    border-color: #ccc;
    border-radius: 0;
}


/* Main styles */

#main .image-right,
#main .image-left,
#main .image-right-with-caption,
#main .image-left-with-caption,
#main .tr_image {

    margin-top: 10px;
    margin-bottom: 10px;
    /*width:auto;*/
    width: 100%;
    max-width: 220px;
    height: auto !important;
    clear: both;
    display: inline;
}

#main .tr_image {
    position: relative;
    float: left;
    display: inline;
    margin-bottom: 10px;
    width: 100% !important;
}

#main .tr_image img {
    width: 100%;
    max-width: 220px;
    height: auto !important;
    display: block;
}

#main .image-right,
#main .image-right-with-caption {
    float: right;
    margin-left: 20px;

}

#main .image-left,
#main .image-left-with-caption {
    float: left;
    margin-right: 20px;

}

#main .l_img_wrapper .image-left-with-caption,
#main .r_img_wrapper .image-right-with-caption {
    margin: 0px 0px 0px 0px;
    float: none;
}

#main p.caption {
  font-size: 14px;
  color: #888;
  margin-bottom: 0px;
  line-height: 1.5em;
  border-bottom: solid 1px #ccc;
  padding-bottom: 12px;
  margin-top: 4px;
  font-family: 'AvenirNextLTPro-It', Helvetica, Arial, sans-serif;
}

#main .l_img_wrapper,
#main .r_img_wrapper,
.l_img_ie8_wrapper,
.r_img_ie8_wrapper {
    /*width:auto;*/
    width: 100%;

    max-width: 220px;
    clear: both;
    position: relative;
    display: inline;

}

.l_img_ie8_wrapper,
.r_img_ie8_wrapper {
    border-bottom: none;
    padding-bottom: 0px;
}

#main .l_img_wrapper,
.l_img_ie8_wrapper {
    float: left;
	margin: 10px 30px 10px 0px;
}

#main .r_img_wrapper,
.r_img_ie8_wrapper {
    float: right;
    margin: 10px 0px 10px 30px;
}

#main img {
    max-width: 100%;
    height: auto;
}


/* Sidebar Member Detail Block */

.member_details_wrap img.member_detail_logo {
  display: block;
  margin: 0 auto 30px auto;
}

.member_details_wrap .member_detail_body_wrap.has_img,
.sidebar_item_wrapper {
  padding-top: 18px;
  padding-bottom: 20px;
  border-top: 8px solid #b9aea4;
}

.member_details_wrap .member_detail_body_wrap p,
.sidebar_content p {
  font-size: 14px;
  margin-bottom: 12px;
  line-height: 1.75em;
}

.member_details_wrap .member_detail_body_wrap .bttn {
    margin-top:6px;
}

/* Member Logo Grid */

h4.with_divider span {
    background-color: #fff;
    padding-right: 13px;
}

h4.with_divider {
    background-image: url(/themes/CCC/images/tan_divider.gif);
    background-repeat:repeat-x;
	background-position: 0px 50%;
}

.logo_grid_wrap {
  overflow: hidden;
  margin-bottom: 24px;
}

.logo_grid li {
    float: left;
    margin-bottom: 19px;
    width: 25%;
    padding-left: 19px;
}

.logo_grid li .member_logo {
    display: block;
    margin: auto;
}

.logo_grid_wrap ul.logo_grid {
    margin-left: -19px;
}

.logo_grid .member_logo_wrap {
    display: inline-table;
    table-layout: fixed;
    width: 100%;
    /*height: 138px;*/
    height: 200px;
    background-color: #f5f5f5;
    min-width: 100%;
}

.logo_grid .member_logo_inner {
    display: table-cell;
    vertical-align: middle;
    padding: 0 15px;
}

.logo_grid a.member_logo_inner:hover {
    background-color: #eee;
}

/* Join Us */

.join_us,
.sidebar-bttn-list {
    background-color: #068b90;
    padding: 19px 17px 17px 17px;
}

.sidebar-bttn-list--orange {
    background-color: #ec6535;
}

.join_us h1,
.sidebar-bttn-list h1  {
    color: #fff;
    font-size: 30px;
	margin-bottom: 0.5em;
}

.join_us p,
.join_us li,
.sidebar-bttn-list p,
.sidebar-bttn-list li {
    color: #fff;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    margin-bottom:10px;
}

.join_us p,
.sidebar-bttn-list p {
	line-height: 1.85em;
}

.join_us .button_wrap,
.sidebar-bttn-list .button_wrap {
    margin-top: 20px;
}

.join_us .bttn,
.sidebar-bttn-list .bttn {
	padding: 13px 8px;
}

.join_us .bttn + .bttn,
.sidebar-bttn-list .bttn + .bttn {
	margin-top: 11px;
}

.sidebar-bttn-list .bttn.disabled,
.sidebar-bttn-list .bttn.disabled:hover {
    cursor: default;
    opacity: 0.35;
}
.sidebar-bttn-list .bttn.disabled.bttn_teal,
.sidebar-bttn-list .bttn.disabled.bttn_teal:hover {
    background-color: #28b0b4;
}
.sidebar-bttn-list .bttn.disabled.bttn_orange--alt,
.sidebar-bttn-list .bttn.disabled.bttn_orange--alt:hover {
    background-color: #fd8154;
}

/* Sidebar Social Links */

.sidebar_social_links_wrap {
  overflow: hidden;
  border-top: 8px solid #b9aea4;
  padding-top: 17px;
  margin-bottom:18px;
}

.sidebar_social_links li {
    float: left;
    margin-bottom: 0;
}

.sidebar_social_links li:first-child {
    padding-left: 1px;
}

.sidebar_social_links li a {
	color:#068b90;
	font-size:38px;
	margin-right:11px;
}

.sidebar_social_links li a:hover {
    color: #197275;
}

.sidebar_social_links li.last a {
    margin-right: 0;
}

/* sidebar filters */

aside div#nfilter {
    padding-bottom: 20px;
}

/* Community Cards */

.community_cards_wrap {
  overflow: hidden;
  display: block;
}

.community_card_list li {
    width: 33.3333333%;
    padding-left: 32px;
	margin-bottom: 32px;
    /*display:inline-block;*/
    float:left;
}

.community_cards_wrap ul.community_card_list {
    margin-left: -32px;
}

.community_card_wrap {
    background-color: #f6f3f1;
	overflow: hidden;
}

.community_cards_wrap .card_social_wrap ul li {
    padding-left: 18px;
    float: left;
    width: auto;
}

.card_social_wrap ul {
  margin-left: -18px;
}

.community_cards_wrap .card_social_wrap {
    position: absolute;
    bottom: 16px;
    height: 20px;
}

.community_cards_wrap .card_social_wrap .fb_iframe_widget {
    position: relative;
    height: 20px;
    top: -8px;
}

.community_cards_wrap .community_card_bottom {
    padding: 16px;
	overflow: hidden;
	padding-bottom:52px;
	position:relative;
}


.community_card_wrap h5 {
    font-size: 16px;
}

.community_card_wrap .community_card_bottom p {
    font-size: 14px;
    line-height: 1.55em;
}

.community_card_wrap .community_card_bottom p.card_links {
  margin-bottom: 10px;
}

.community_card_wrap span.pipe {
    font-size: 13px;
    position: relative;
    top: -1px;
    color: #b7b5b4;
    padding: 0 4px;
}

#main .community_card_image_wrap img.community_card_bg {
    width: 100%;
    height: auto;
    max-width: 100%;
    display: block;
}

.community_card_image_wrap {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}

.community_card_logo_wrap {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -34px;
  width: 100%;
  text-align: center;
}

#main img.community_card_logo {
    margin: auto;
    display: block;
      min-height: 68px;
}

.community_show_more_wrap {
    text-align: center;
    padding-top: 32px;
	padding-bottom: 56px;
}

.community_list_wrap {
	display:none;
	overflow:hidden;
	margin-left: -60px;
}


.community_list.left_col,
.community_list.right_col {
    float: left;
    width: 50%;
    padding-left: 60px;
}

.community_list .community_list_item_wrap {
  overflow: hidden;
  margin-bottom:7px;
}

.community_list p.community_list_links {
  margin-bottom: 0;
}

.community_list_links span.pipe {
    color: #dfdfdf;
    padding: 0 5px;
    font-size: 16px;
    top: -1px;
    position: relative;
}

/* resource list */
.resource-category {
    margin-bottom: 24px;
}
.resource-list {
    overflow: hidden;
    margin-left: -60px;
}
.resource-list__col {
    float: left;
    width: 50%;
    padding-left: 60px;
}
.resource-list__item {
    margin-bottom: 26px;
}

/* prev-next buttons */

.prev-next {
    display: block;
    width: 100%;
}

.prev-next a {
    width: 100%;
    height: 46px;
    line-height: 1.5;
}


.btn_wrap.left .bttn::after {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    content: none;
    padding-left: 2px;
    font-size: 14px;
}

.btn_wrap.left .bttn::before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none
;    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    content: "\e601";
    padding-right: 2px;
    font-size: 14px;
}

.btn_wrap a.disabled,
.btn_wrap a.disabled:hover {
    background-color: #efefef;
    color: #ccc !important;
    cursor: default;
}

.btn_wrap p.disabled {
    display: none;
}

.prev-next .btn_wrap {
    width: 45%;
    max-width: 210px;
}

.btn_wrap p {
    color: #ec6535;
    font-size: 14px;
    padding-top: 15px;
    line-height: 1.55em;
}

.btn_wrap p a, .btn_wrap p {
    line-height: 1.55em;
}

.prev-next .btn_wrap.left {
    float: left;
}

.prev-next .btn_wrap.right {
    float: right;
}

.prev-next .icon-arrow_left,
.prev-next .icon-arrow_right {
    font-size: 16px;
    color: #fff;
}

/* news and events */

.news-events-tabs {
    border-bottom: 1px solid #ccc;
    height: 51px;
    background-color: #efefef;
    margin-bottom: 25px;
}

.news-events-tabs ul li {
    display: inline-block;
}

.news-events-tabs a {
    float: left;
    padding: 10px 45px;
    background-color: transparent;
    color: #999999;
    font-family: 'AvenirNextLTPro-MediumCn', Helvetica, Arial, sans-serif;
    font-size: 18px;
    cursor: pointer;
    text-transform: uppercase;
}

.news-events-tabs a.active {
    background-color: #fff;
    /* border-bottom: 1px solid #fff; */
    border-top: 3px solid #ec6535;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: none;
    color: #000;
}

.news-events-tabs a.inactive {
    line-height: 27px;
}

.news-events-tabs a.inactive:hover {
    color: #4D4C4B;
}

.list_entry {
    overflow: hidden;
    padding-bottom: 20px;
}

.list_entry h1 {
    font-size: 18px;
    line-height: 1.5em;
    margin-bottom: 0px;
}

.list_entry.publication_credit_item.has_image h1 {
    padding-left: 240px;
}

div.date {
    font-size: 14px;
    color: #999;
    padding-bottom: 10px;
}

.list_entry div.date{
    padding-bottom: 4px;
}

.list_entry.has_image p.snippet {
    padding-left: 240px;
    margin-top: 0px;
    margin-bottom: 0;
}

.list_entry a.list_item_thumb {
    float: left;
    max-width: 220px;
    margin-top:8px;
}

.year_filter_wrap,
.recent_list_wrap {
    padding-top: 23px;
    border-top: 7px solid #b9aea4;
}

.year_filter_wrap .title,
.recent_list_wrap .title {
    padding-bottom: 20px;
    font-family: 'AvenirNextLTPro-MediumCn', Helvetica, Arial, sans-serif;
    font-size: 20px;
}

.recent_list_wrap ul li a:link,
.recent_list_wrap ul li a:active,
.recent_list_wrap ul li a:visited {
    color: #ec6535;
}

.recent_list_wrap ul li:first-child {
    font-family:'AvenirNextLTPro-Demi', Helvetica, Arial, sans-serif;
}

/* pagination */

#main_wrapper .pagination_wrapper, #main_wrapper .j-pagination_wrapper {
  margin: 10px auto;
  text-align: center;
  float: left;
  width: 100%;
  display: inline;
}

#main_wrapper .pagination a:link,
#main_wrapper .pagination a:active,
#main_wrapper .pagination a:visited {
    color: #ec6535;
    padding: 0px 5px;
    font-size: 14px;
}

#main_wrapper .pagination span.current {
    padding: 0px 5px;
    font-size: 14px;
}

#main_wrapper .pagination a.circle_arrow,
#main_wrapper .j-pagination a.circle_arrow {
    font-size: 15px;
    padding: 12px 10px 8px 10px;
    width: 40px;
    height: 40px;
    text-align: center;
    display: inline-block;
    position: relative;
    background-color: #ec6535;
    cursor: pointer;
    margin: 0 5px;
}

#main_wrapper .pagination a.circle_arrow:hover,
#main_wrapper .j-pagination a.circle_arrow:hover {
    background-color: #BF5121;
}

#main_wrapper .pagination .circle_arrow span {
  color: #fff;
  font-size: 11px;
  line-height: 1px;
}

#main_wrapper .pagination .circle_arrow span.icon-arrow_right {
    padding-left: 3px;
}

#main_wrapper .pagination .circle_arrow span.icon-arrow_left {
    margin-left: -2px;
}

/* main: three column grid */

.three_col_wrapper .col {
    width: 33.3333%;
    border-left: solid 1px #ccc;
    padding: 0 18px;
    box-sizing:border-box;
    display: table-cell;
}

.three_col_wrapper .col.first {
    border-left: none;
    padding-left: 0;
}

.three_col_wrapper {
    display: table;
    padding-bottom: 50px;
    padding-top: 25px;
}

.three_col_wrapper h4 {
    margin-bottom: 15px;
}

/* slick slider for photo gallery block */

.photo_gal_wrap {
    background-color: #333;
    margin-bottom: 30px;
}

.photo_gal_wrap div.caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px;
    background-color: rgba(0,0,0,.5);
    display: none;
}

.photo_gal_wrap .caption p {
    color: #fff;
    margin-bottom: 0;
}


.photo_gal_wrap .vertical.slide.slick-slide img {
    width: auto !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

span.slick-arrow {
    color: #fff;
    background-color: rgba(0,0,0,.5);
    padding: 10px;
    border-radius: 20px;
}
span.slick-arrow:hover {
    background-color: #000;
}

span.slick-arrow.prev,
span.slick-arrow.next {
    position: absolute;
    z-index: 1;
}

.slick-nav {
    padding-top: 5px;
}

.slick-nav span.slick-arrow.prev,
.slick-nav span.slick-arrow.next {
    top: 30%;
}

.photo_gallery .slick-arrow {
    display: none;
}

.photo_gallery span.slick-arrow.prev,
.photo_gallery span.slick-arrow.next {
    top: 45%;
}

span.slick-arrow.prev {
    left: 1.5%;
}

span.slick-arrow.next {
    right: 1.5%;
}




/*.photo_gal_wrap {
    margin-bottom: 2em;
}
.photo_gal_wrap .slick-next {
    right: 8px;
    top: 50%;
    position: absolute;
    z-index: 3;
    color: #fff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ie-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    behavior: url('/themes/CCC/css/css_pie/PIE.htc');
    width: 40px;
    height: 40px;
    background-color: #333;
    opacity: 0.6;
    -webkit-box-shadow: 1px 1px 2px #666;
    -moz-box-shadow: 1px 1px 2px #666;
    box-shadow: 1px 1px 2px #666;
}*/

/*.photo_gal_wrap .slick-next:hover {
    background-color: #000;
}
.photo_gal_wrap .slick-prev {
    left: 8px;
    top: 50%;
    position: absolute;
    z-index: 3;
    color: #fff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ie-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    behavior: url('/themes/CCC/css/css_pie/PIE.htc');
    width: 40px;
    height: 40px;
    background-color: #333;
    opacity: 0.6;
    -webkit-box-shadow: 1px 1px 2px #666;
    -moz-box-shadow: 1px 1px 2px #666;
    box-shadow: 1px 1px 2px #666;
}
*/
/*.photo_gal_wrap .slick-prev .icon-arrow_left {
    display: block;
    margin-left: 10px;
    margin-top: 12px;
}

.photo_gal_wrap .slick-next .icon-arrow_right {
    display: block;
    margin-left: 13px;
    margin-top: 12px;
}


.photo_gal_wrap .slick-prev:hover {
    background-color: #000
}
.photo_gal_wrap .slick_dots_wrap {
    position: relative
}
.photo_gal_wrap .thumbstrip_arrow {
    position: absolute;
    top: 50px;
}
.photo_gal_wrap .thumbstrip_arrow.next {
    right: 15px;
}
.photo_gal_wrap .thumbstrip_arrow.prev {
    left: 15px;
}
.photo_gal_wrap .hidden {
    display: none;
}
.photo_gal_wrap .slick-slider {
    margin-bottom: 0;
}
.photo_gal_wrap .slick-dots {
    position: static;
    bottom: auto;
    text-align: left;
    margin: 0;
    margin-top: 10px;
    list-style: none;
    padding: 0;
    height: 10%;
    z-index: 1;
}
.photo_gal_wrap .slick-dots li {
    position: static;
    width: auto;
    height: auto;
    opacity: 0.5;
}
.photo_gal_wrap .slick-dots li {
    background-image: none;
    padding-left: 0;
}
.photo_gal_wrap .slick-dots li.slick-active {
    opacity: 1.0;
}
.photo_gal_wrap .slick-slide {
    position: relative;
}
.photo_gal_wrap .slick-slide .caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(51, 51, 51, 0.8);
    -pie-background: rgba(51, 51, 51, 0.5);
    behavior: url('/themes/CCC/css/css_pie/PIE.htc');
    padding: 1em
}
.photo_gal_wrap .slick-slide .caption p {
    color: #dadada;
    font-size: .938em;
    margin: 0;
    font-family: ProximaNovaCond-Regular;
}
.photo_gal_wrap .slick-slide .caption p a:link,
.photo_gal_wrap .slick-slide .caption p a:visited {
    color: #dadada;
}
.photo_gal_wrap .slick-slide img {
    width: 100% !important;
    height: auto;
}
.photo_gal_wrap .slick_dots_wrap_inner {
    width: 100%;
    overflow: hidden;
    height: 120px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    padding-left: 5px;
    padding-right: 5px;
}
.photo_gal_wrap .photo_gallery_wrap {
    background: #333333;
}
.photo_gal_wrap #ts_prev {
    left: 8px;
    top: 32%;
    position: absolute;
    z-index: 3;
    color: #fff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ie-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    behavior: url('/themes/CCC/css/css_pie/PIE.htc');
    width: 40px;
    height: 40px;
    background-color: #333;
    opacity: 0.6;
    -webkit-box-shadow: 1px 1px 2px #666;
    -moz-box-shadow: 1px 1px 2px #666;
    box-shadow: 1px 1px 2px #666;
}

.photo_gal_wrap #ts_prev:hover {
    background-color: #000;
}
.photo_gal_wrap #ts_next {
    right: 8px;
    top: 32%;
    position: absolute;
    z-index: 3;
    color: #fff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ie-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    behavior: url('/themes/CCC/css/css_pie/PIE.htc');
    width: 40px;
    height: 40px;
    background-color: #333;
    opacity: 0.6;
    -webkit-box-shadow: 1px 1px 2px #666;
    -moz-box-shadow: 1px 1px 2px #666;
    box-shadow: 1px 1px 2px #666;
}*/


/*.next span.icon-arrow_right {
    display: block;
    margin-left: 13px;
    margin-top: 12px;
}

.prev span.icon-arrow_left {
    display: block;
    margin-left: 10px;
    margin-top: 12px;
}

@media screen and (max-width: 480px) {
    .photo_gal_wrap .slick_dots_wrap {
        display: none;
    }
}*/

/* Slider */
/*.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url("./ajax-loader.gif") center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 12px;
    width: 12px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    left: -5px;
}*/




/*

-- DISPLAY FORMS (PRETTY) --

*/
.error_stack,
.error_stack li{
  color: #ec6535;
  font-family: "AvenirNextLTPro-Demi",Helvetica,Arial,sans-serif;
}

.error_stack ul{
  margin-top: 8px;
}
#main .sem-form {
    position:relative;
}
#main .sem-form span.required_explanation {
    font-family: 'AvenirNextLTPro-Regular', Helvetica, Arial, sans-serif;
    font-size: 12px;
    position:absolute;
    right:0;
    top: -18px;
}

#main .sem-form span.required_explanation span.required {
    font-size:12px;
}

#main label.sem-label {
    margin: 0px;
    margin-bottom: 5px;
    font-size: 18px;
    font-family: 'AvenirNextLTPro-Regular', Helvetica, Arial, sans-serif;
}
#main span.sem-required-indicator{
  display: none;
}

#main .sem-field-container {
    padding: 0px;

}

#main .sem-field-container.submit_processing {
    display: none !important;
}

#main .sem-form input, #main .sem-form textarea, #main .sem-form select {
    margin: 0px;
}

#main .sem-form textarea {
    resize: none;
}

.sem-form-section {
    display: block;
}

.form_row .form_col.fullwidth {
    width: 100%;
}

.form_row,
.sem-form-section {
    width: 100%;
    float: left;
    display: inline;
    margin-bottom: 20px;
}

.form_row.no_margin {
    margin-bottom: 0px;
}

.form_col,
.sem-field-container {
    width: 50%;
    float: left;
    display: inline;
}

.sem-form-section .sem-field-container.fullwidth {
    width: 100%;

}

.sem-form .hide_label label {
    display: none;

}

.display_form_wrapper input, .display_form_wrapper textarea,
.sem-form-section input,
.sem-form-section textarea {
    padding: 15px;
    font-size: 18px;
}


.form_row .form_col,
.sem-form-section .sem-field-container {
    width: 48.5%;
    float: right;
    display: inline;
}

.form_col input[type="text"],
.form_col input[type="tel"],
.form_col input[type="email"],
.form_col input[type="password"],
.form_col span.select.large_select,
.form_col span.select,
.form_col textarea, .form_row textarea,
.form_row input[type="password"],
.sem-field-container input,
.sem-field-container span.select,
.sem-field-container textarea,
.sem-form-section textarea {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.sem-field-container input[type="submit"] {
    width: auto;

}

.form_col textarea,
.form_row textarea,
.sem-field-container textarea,
.sem-form-section textarea {
    min-height: 100px;
}

.sem-field-container.extra_tall textarea {
  min-height: 160px;
}

.form_row textarea#book_prefs {
    min-height: 10px;
}

.form_col span.select.large_select, .form_col span.select,
.sem-field-container span.select {
    width: 100% !important;
}

.form_row .form_col:first-child,
.sem-form-section .sem-field-container:first-child {
    float: left;
}

.display_form_wrapper,
.form_wrapper,
.sem-form {
    margin: 20px 0px;
    float: left;
    display: inline;
    clear: both;
    width: 100%;
}

.display_form_wrapper .medium_button,
.form_wrapper .medium_button,
.sem-form input[type="submit"] {
    clear: both;
}

.required, span.required, p.required {
    color: #e56b2d;
    font-size: 16px;
}

p.required {
    float: right;
    display: inline;
    clear: both;
    font-size: 12px;
}

#main .sem-submit-container {
  padding-top: 20px;
  float:left;
}

button.sem-submit {
  padding: 12px 44px;
}

button.sem-submit.disabled {
  opacity: 0.35;
}

.jell-sem-checkbox-wrap {
    position: relative;
    overflow: hidden;
    width:100%;
    padding-top: 2px;
}

.jell-sem-checkbox-wrap label.sem-checkbox-label {
    margin-left: 0;
    clear: none;
    margin-left: 24px;
    margin-top: -2px;
}

.jell-sem-checkbox-wrap span.styled_checkbox {
    float: left;
}

.sem-legend {
  margin-bottom: 18px;
}

#main .input_default_wrap + .field-note {
    margin-top: 6px;
}

#main .false-label {
    font-size: 18px;
}

#main .false-label + .input_default_wrap {
    margin-top: 6px;
}

#main .sem-field-container .sem-file-trigger {
    margin-top: 6px;
    display: inline-block;
    color: #ec6535;
}
#main .sem-field-container .sem-file-trigger:hover {
    color: #BF5121;
}

/* featured news ticker */

.featured_news_wrapper {
    background-color: #4e3d65;
}

.featured_news {
    color: #fff;
    text-align: center;
    font-size: 14px;
    padding: 17px 0;
    display: table;
    width: 100%;
    position: relative;
    box-sizing: content-box;
}

.featured_news a,
.featured_news_item_inner__heading {
    color: #fff;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
}

.featured_news a.bttn {
    background-color: #4e3d65;
    font-size: 15px;
    padding: 0;
    margin-left: 14px;
}

.featured_news .featured_news_item {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    position: absolute;
    top: 0;
    left: -99999px;
    line-height: 1.8em;
    width:100%;
}

.featured_news .featured_news_item.active {
    position: relative;
    top: 0;
    left: 0;
}

/*
    Home callout and logo list
*/

.home_callout_wrap {
    text-align: center;
    margin-bottom: 48px;
    margin-top: 38px;
}

.home_callout_wrap .button_wrap .bttn,
.home_member_teaser .button_wrap .bttn,
.home_promotion_wrap .button_wrap .bttn  {
    margin-right: 30px;
    min-width: 210px;
}

.home_callout_wrap .button_wrap .bttn.last,
.home_member_teaser .button_wrap .bttn.last,
.home_promotion_wrap .button_wrap .bttn.last {
    margin-right: 0;
}

.home_member_teaser {
    text-align: center;
    padding-bottom: 80px;
    padding-top: 72px;
    max-width: 768px;
    margin:auto;
}

.home_member_teaser_text_wrap p,
.home_promotion_text_wrap p {
    font-size: 18px;
}

.home_member_teaser_logos,
.logo_list {
    width: 100%;
    text-align: center;
    position: relative;
    padding-top: 16px;
    padding-bottom: 9px;
}

.logo_list {
    padding-bottom:0;
}

.home_member_teaser_logos ul,
.logo_list ul {
    margin-left: -54px;
}

.home_member_teaser_logos li,
.logo_list li {
    padding-left: 54px;
    display: inline-block;
    vertical-align: middle;
    height: auto;
    width: auto;
    background-image:none;
}

.logo_list li {
    padding-bottom:14px;
}

.home_member_teaser_logos img {
    height: auto;
    width: auto;
    max-height: 55px;
    max-width: 100%;
}

.logo_list img {
    height: auto;
    width: auto;
    max-height: 100px;
    max-width: 100%;
}


.skewed_divider {
    background-color: #cbc3bb;
    height: 8px;
    -ms-transform: skewX(-40deg);
    -webkit-transform: skewX(-40deg);
    transform: skewX(-40deg);
    margin: 0 auto 20px auto;
}

.skewed_divider_teal {
    background-color: #28b0b4;
}

.skewed_divider_purple {
    background-color: #655380;
}

.home_promotion_wrap--purple {
    background-color: #4e3d65;
}

.home_promotion_wrap .width_holder {
    max-width: 768px;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 80px;
}

.home_promotion_top_image img {
  display: block;
  margin: auto;
  width: 100%;
  max-width: 428px;
  height: auto;
}


.home_promotion_top_image {
    margin-bottom: 23px;
}

.home_promotion_wrap p,
.home_promotion_wrap h1 {
  color: #fff;
}



/* modal */

#modal-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 500;
    background-image: url(/themes/CCC/images/modal_tan_bg.png);
    }

#modal-holder {
    text-align: center;
    margin: 0px auto;
    width: 100%;
    position: relative;
    z-index: 1000;
    width:100%;
    max-width: 550px;
    height: 100%;
}
#modal-wrap {
    z-index: 1000;
    width:100%;
    max-width: 550px;
    height: 0px;
    padding: 0px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    position: absolute;
    left: 0px;
}
#modal {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 142px;
    float: left;
    position: relative;
    z-index: 501;
}
#modal-content{
    text-align:left;
    float:left;
    display:inline;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width:100%;
    background-color: #fff;
    border-top: 10px solid #068b90;
    padding: 14px 20px;
}

#modal-content iframe{
    width:100% !important;
    height:auto;
}

#modal-close {
    display: block;
    position: absolute;
    z-index: 10000;
    top: 30px;
    right: 35px;
    -webkit-transition: color .2s ;
    -moz-transition: color .2s ;
    -ms-transition: color .2s ;
    -o-transition: color .2s ;
    transition: color .2s ;
    color: #b9aea4;
    font-size: 18px;
    display:none;
}
#modal-close:hover, #modal-close:active  {
    color:#068b90;
    cursor:pointer;
}

#modal h1 {
    font-size: 26px;
    line-height: 1.35em;
}

#modal h4 {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

#modal .mailchimp_signup_wrap span.required_explanation {
    display: block;
    text-align: right;
    font-family: 'AvenirNextLTPro-Regular', Helvetica, Arial, sans-serif;
    font-size: 12px;
}

#modal .mailchimp_signup_wrap input {
  width: 100%;
  padding: 15px;
}

#modal .mailchimp_signup_wrap label {
    font-size: 18px;
}

/* twitter feed */

#twitter, .twitter-mobile {
    margin-top: 6px;
}

#twitter a,
#twitter div,
.twitter-mobile a,
.twitter-mobile div {
  float: none;
}

#twitter_bubble {
  margin-top: 33px;
  z-index: 10;
  display: none;
  width: 250px;
  position: absolute;
  top: 0px;
  right: 302px;
  z-index: 1000;
}

#twitter_bubble .top, #twitter_bubble .btm {
  line-height: 0px;
}

#twitter_bubble .btm {
    margin-bottom: 6px
}

#twitter_bubble #tweets {
    word-break: break-word;
}

#twitter_content {
  background-color: #efefef;
  padding: 4px 12px;
}

#twitter_content li {
  text-align: left;
  margin-bottom: 10px;
  font-size: 12px;
  clear: both;
  list-style-type: none;
  line-height: 1.4em;
  color: #333;
}

#tweets img {
    display: none
}
#tweets .time {
    color: #999
}
#tweets h3 {
    text-align: center
}
#tweets .pipe {
    color: #999;
}

#twitter_content li a:link,  #twitter_content li a:visited {
    text-decoration: none;
    color:  #ec6535;
    padding: 2px 0px
}
#twitter_content li a:hover {
    text-decoration: underline
}
#twitter_content hr.space {
    clear: both;
    width: 100%;
    visibility: hidden
}
#twitter_follow {
    border-top: solid 1px #ccc;
    padding-top: 6px
}
#twitter_follow a {
    display: block;
    padding: 5px 0px 2px
}
#twitter_follow a:link, #twitter_follow a:visited {
    font-size: 10px;
    letter-spacing: 0px;
    color: #666;
    text-transform: uppercase; /*-webkit-transition:color .1s linear; */
}
#twitter_follow a:hover {
    color: #333
}
#twitter:hover #twitter_bubble, #twitter.sfhover #twitter_bubble {
    display: block
}
#script_warning {
    background-color: #333;
    padding: 10px;
    text-align: center;
    width: 100%
}
#script_warning p {
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px
}

/* admin inputs */

div.ccm-ui button, div.ccm-ui input {
    box-sizing: content-box !important;
}

@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?qft5il');
    src: url('fonts/icomoon.eot?qft5il#iefix') format('embedded-opentype'),
      url('fonts/icomoon.ttf?qft5il') format('truetype'),
      url('fonts/icomoon.woff?qft5il') format('woff'),
      url('fonts/icomoon.svg?qft5il#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-arrow_down:before {
    content: "\e600";
}

.icon-arrow_left:before {
    content: "\e601";
}

.icon-arrow_right:before {
    content: "\e602";
}

.icon-arrow_up:before {
    content: "\e603";
}

.icon-twitter:before {
    content: "\e604";
}

.icon-facebook:before {
    content: "\e605";
}

.icon-youtube:before {
    content: "\e606";
}

.icon-instagram:before {
    content: "\e901";
}

.icon-x:before {
    content: "\e607";
}

.icon-mobile_menu:before {
    content: "\e608";
}

.icon-mobile_close:before {
    content: "\e609";
}

.icon-twitter2:before {
    content: "\ea91";
}

.icon-instagram2:before {
    content: "\e91b";
}

/*
    START image credits attributions
*/

#main .list_entry.publication_credit_item a.list_item_thumb {
    margin-top:0;
}

.image_attr_wrap {
    overflow: hidden;
    padding-bottom: 20px;
}

.image_attr_wrap .left_col_wrap {
    float: left;
    width: 100%;
    max-width: 220px;
    margin-top: 8px;
}

.image_attr_wrap .left_col_wrap img {
    width: 100%;
    height:auto;
    display:block;
}

.image_attr_wrap .right_col_wrap {
    padding-left: 240px;
    text-align: left;
    position:relative;
}

.list_entry.has_image h1.snippet {
    padding-left: 240px;
}

/*
    END image credits attributions
*/

@media screen and (max-width: 980px) {
	footer .color_stripe_wrap .width_holder {
	    max-width: 980px;
	    padding: 0;
	}
}

@media screen and (max-width: 880px) {
    .form_row .form_col,
    .sem-form-section .sem-field-container {
        width:100%;
        margin-bottom: 20px;
    }

    .form_row, .sem-form-section {
        margin-bottom:0;
    }

    #modal .mailchimp_signup_wrap .form_row input,
    #modal .mailchimp_signup_wrap .form_row button {
        margin-bottom: 20px;
    }

    #resnav-wrap {
        display: block;
        position: absolute;
        top: 35px;
        right: 20px;
    }

    #resnav-trigger {
        display: block;
        float: right;
        font-size: 26px;
        color: #666;
        cursor: pointer;
    }

    #resnav-trigger .icon-mobile_close {
        display:none;
    }

    #resnav-trigger.open .icon-mobile_menu {
        display:none;
    }

    #resnav-trigger.open .icon-mobile_close {
        display:block;
    }

    #resnav-trigger:hover {
        color: #333;
    }

    /* mobile nav */

    .header_right {
        width: 100%;
        position: absolute;
        right: 0;
        top: 90px;
        display: none;
    }

    .header_right.open {
        display:block;
    }

    .bttn.collections_button,
    .bttn.digital_exhibits_button {
        display: block;
        width: 50%;
        height: 50px;
        padding: 17px;
    }

    .bttn.digital_exhibits_button + .bttn.collections_button {
        margin-right: 0;
    }

    header nav {
        display: block;
        float: none;
        width: 100%;
        position: static;
    }

    nav .nav {
        width: 100%;
        padding: 0;
        background-color: #fff;
        -webkit-box-shadow: 0px 4px 10px 0px rgba(50, 50, 50, 0.17);
        -moz-box-shadow: 0px 4px 10px 0px rgba(50, 50, 50, 0.17);
        box-shadow: 0px 4px 10px 0px rgba(50, 50, 50, 0.17);
        border-bottom: 1px solid #ccc;
    }

    nav .nav li {
        float: none;
        display: block;
        padding: 0;
        margin: 0;
        overflow: hidden;
    }

    nav .nav li.last > a,
    nav .nav li.last > a:hover,
    nav .nav li.last:hover {
        border-bottom: none;
    }

     nav .nav .parent.open li.last > a,
    nav .nav .parent.open li.last > a:hover {
        border-bottom: 1px solid #ccc;
    }

    nav .nav li.last.parent.open > a,
    nav .nav li.last.parent.open > a:hover,
    nav .nav li.last.parent.open:hover {
        border-bottom: 1px solid #ccc;
    }

    nav .nav li.last.parent.open ul li.last > a,
    nav .nav li.last.parent.open ul li.last > a:hover {
        border-bottom: none;
    }

    nav .nav a {
        color: #666;
    }

    nav .nav li.open.parent li a {
        color: #999;
    }

    nav .nav li.open.parent li:hover a,
    nav .nav li.open.parent li a:hover {
        color:#333;
    }

    nav .nav a,
    nav .nav a:link,
    nav .nav a:hover,
    nav .nav a:visited,
    nav .nav li:hover a {
        border-bottom: 1px solid #ccc;

    }

    nav .nav li a {
        padding: 14px 20px;
    }

    nav .nav .parent.opened_sub > a {
        border-bottom: none;
    }

    nav .nav .parent ul {
      display: none;
      position: relative;
      width: 100%;
      border: none;
      left: 0;
      top: 0;
    }

    nav .nav li.open ul, nav .nav li li.open ul, nav .nav li li li.open ul, nav .nav li li li li.open ul {
        top: 0;
        left: 0;
        display: block;
    }

    .nav .parent ul li a {
       /* color: #89786e;*/
        margin: 0;
        text-transform: uppercase;
        border-bottom: 1px solid #ccc;
        padding: 14px 20px;
    }

    .nav .parent ul li a:hover {
        /*color: #fff;*/
    }

    nav .nav li:hover li a, nav .nav li li:hover li a, nav .nav li li li:hover li a, nav .nav li li li li:hover li a, nav .nav li.sfhover li a, nav .nav li li.sfhover li a, nav .nav li li li.sfhover li a, nav .nav li li li li.sfhover li a, nav .nav li li a, nav .nav li li li a, nav .nav li li li li a, nav .nav li li li li li a {
    /*    color: #89786e;*/
    }

    nav .nav>li:hover li a,
    nav .nav>li ul.hover li a {
        padding: 14px 20px;
    }

    /*nav .nav .parent ul li.last > a {
        border-bottom: none;
    }*/

    nav .nav.res .parent ul {
        display: none;
    }

    #twitter,
    .twitter-mobile {
        margin-top: 2px;
        float: left;
    }

    #twitter_bubble {
        top: -4px;
        right: 33px;
    }

    .header_right #twitter {
        display: none;
    }
}

@media screen and (max-width: 850px) {
    .list_entry a.list_item_thumb {
        max-width: 100%;
        width: 100%;
        display: block;
        margin-bottom: 10px;
    }

    #main .list_entry a.list_item_thumb img {
        width: 100%;
        display: block;
    }


    .list_entry.has_image h1.snippet {
        padding-left: 0;
    }

    .list_entry.has_image p.snippet {
        padding-left: 0;
        margin-top: 0;
    }

    .image_attr_wrap .left_col_wrap {
        float: none;
        width: 100%;
        text-align: center;
        max-width: 100%;
        margin-bottom: 10px;
        padding-top:0;
    }

    .image_attr_wrap .right_col_wrap  {
        padding-left:0;
    }
}

@media screen and (max-width: 700px) {
    aside {
        float:left;
        width:100%;
        margin-top: 20px;
    }

    .top_content_wrap aside {
        margin-top:0;
    }

    .left-col #nfilter .sidebar_item_wrapper {
        border-top: none;
        padding-top: 0;
        padding-bottom: 18px;
    }

    .left-col #nfilter .sidebar_item_wrapper h4 {
        display:none;
    }


    .left-col-holder {
        float:left;
        width:100%;
        padding-right:0;
    }

    .logo_grid li {
        width:33.333%;
    }

    .form_row .form_col,
    .sem-form-section .sem-field-container {
        width: 48.5%;
        margin-bottom: 0;
    }

    .form_row, .sem-form-section {
        margin-bottom: 20px;
    }

    #modal .mailchimp_signup_wrap .form_row input,
    #modal .mailchimp_signup_wrap .form_row button {
        margin-bottom: 0;
    }


    /* main: Three Column Grid */


    .three_col_wrapper .col {
        display:block;
        width:100%;
        border-left:none;
        border-top: 1px solid #ccc;
        padding: 18px 0;
    }

    .three_col_wrapper .col.first {
        border-top:none;
    }

    #main .list_entry a.list_item_thumb {
      float: left;
      max-width: 220px;
      margin-top: 8px;
    }

    .list_entry.has_image h1.snippet {
      padding-left: 240px;
    }

    .list_entry.has_image p.snippet {
      padding-left: 240px !important;
      margin-top: 0px;
    }
}

@media screen and (max-width: 600px) {
    .form_row .form_col,
    .sem-form-section .sem-field-container {
        width:100%;
        margin-bottom: 20px;
    }

    .form_row, .sem-form-section {
        margin-bottom:0;
    }

    #modal .mailchimp_signup_wrap .form_row input,
    #modal .mailchimp_signup_wrap .form_row button {
        margin-bottom: 20px;
    }


    .display_form_wrapper input,
    .display_form_wrapper textarea,
    .sem-form-section input,
    .sem-form-section textarea,
    #modal input,
    #modal textarea {
        font-size:16px;
    }

    .display_form_wrapper .input_default_wrap label,
    .sem-form-section .input_default_wrap label,
    #modal .input_default_wrap label,
    #main label.sem-label {
        font-size:16px;
    }

    span.select.large_select .val {
        font-size:16px;
    }

    .home_callout_wrap .button_wrap .bttn,
    .home_member_teaser .button_wrap .bttn,
    .home_promotion_wrap .button_wrap .bttn {
        min-width: 100%;
        margin-bottom: 32px;
        margin-right: 0;
    }

    .home_callout_wrap .button_wrap .bttn.last,
    .home_member_teaser .button_wrap .bttn.last,
    .home_promotion_wrap .button_wrap .bttn.last {
        margin-bottom: 0;
    }

    /* photo gallery block */
    .photo_gal_wrap .caption p {
        font-size: 14px;
    }
}

@media (max-width: 770px){
    .community_cards_wrap ul.community_card_list,
    .resource-list {
        margin-left: -20px;
    }

    .community_card_list li {
        width: 50%;
        padding-left: 20px;
        margin-bottom: 20px;
    }

    .community_list_wrap {
        margin-left: -20px;
    }

    .community_list.left_col,
    .community_list.right_col,
    .resource-list__col {
        padding-left: 20px;
    }

    .news-events-tabs a {
      padding: 10px 30px;
  }

}



@media (max-width: 600px){
    .community_list_wrap,
    .resource-list {
        margin-left: 0;
    }
    .community_list.left_col,
    .community_list.right_col,
    .resource-list__col {
        width: 100%;
        padding-left: 0;
    }
}


@media (max-width: 560px) {

    .list_entry.has_image p.snippet {
        padding-left: 0 !important;
        margin-top: 0 !important;
    }

    .list_entry.has_image h1.snippet {
        padding-left: 0;
    }

    #main .list_entry a.list_item_thumb {
        float: none;
        max-width: 100%;
    }

}

@media (max-width: 520px){
    .community_cards_wrap ul.community_card_list {
        margin-left:0;
    }
    .community_card_list li {
        width: 100%;
        padding-left: 0;
    }

}

@media screen and (max-width: 510px) {
    .logo_grid li {
        width:50%;
    }

    .banner_image {
        height: 260px;
    }

    h1.large {
        font-size: 38px;
    }

    .home_member_teaser {
        padding-bottom: 60px;
        padding-top: 52px;
    }

    .home_promotion_wrap .width_holder {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .footer_social_links_wrap {
        float: left;
        text-align: left;
        margin-top: 0;
        margin-bottom: 24px;
        width: 100%;
    }

    /* slick slider */

    .photo_gal_wrap {
        background-color: transparent;
    }

    .slick-nav {
        margin-bottom: 50px;
        margin-top: 5px;
    }

    .slick-nav .slick-list {
        display: none;
    }

    span.slick-arrow {
        padding: 5px;
    }

    span.slick-arrow.prev,
    span.slick-arrow.next {
        display: none !important;
    }

    .photo_gal_wrap .caption p {
        font-size: 12px;
    }

}

@media screen and (max-width: 420px) {
    #main .l_img_wrapper, .l_img_ie8_wrapper,
    #main .r_img_wrapper, .r_img_ie8_wrapper {
        width: 100%;
        max-width: 100%;
        margin: 10px 0 10px 0px;
    }

    #main .l_img_wrapper img, #main .r_img_wrapper img,
    #main .image-right, #main .image-left, #main .image-right-with-caption, #main .image-left-with-caption, #main .tr_image {
        width: 100%;
        max-width: 100%;
        margin-left:0;
        margin-right:0;
    }
}


@media screen and (max-width: 380px) {
    #logo {
        width: 180px;
        left: 20px;
    }

    #resnav-wrap {
        top: 31px;
    }

    .logo_grid li {
        width:100%;
    }

    #modal-close {
        font-size: 14px;
    }

    #modal h4 {
        font-size: 18px;
    }
    .news-events-tabs a {
        padding: 10px 20px;
    }
}


#main_wrapper .pagination a.circle_arrow.disabled:link,
#main_wrapper .pagination a.circle_arrow.disabled,
#main_wrapper .pagination a.circle_arrow.disabled:visited,
#main_wrapper .pagination a.circle_arrow.disabled:active,
#main_wrapper .pagination a.circle_arrow.disabled:hover,
#main_wrapper .pagination .circle_arrow.disabled span,
#main_wrapper .pagination .circle_arrow.disabled:hover span {
    background-color: #efefef;
    color: #ccc !important;
    cursor: default;
}

/* benefits mage additions */
.benefits-bar{
    margin-bottom: 20px;
    margin-top:30px;
}

.benefits-bar h4{
    color: #fff;
    padding: 8px 12px;
    margin-bottom: 0px;

}
.benefits-bar h4 a{
    display: block;
    cursor: pointer;
}
.benefits-bar h4 a:link,
.benefits-bar h4 a:hover,
.benefits-bar h4 a:visited{
    color: #fff;;
}
.benefits-bar__title--teal{
    background-color: #068b90;
}

.benefits-bar__title--gold{
    background-color: #F1B720;
}

.benefits-bar__title--orange{
    background-color: #E66A1F;
}


article .benefits-list li{
    background-image: none;
    position: relative;
    margin-bottom: .5em;
}
.benefits-list li::before{
    content: '';
    position: absolute;
    left: 0px;
    top:7px;
    border: solid 7px transparent;
    border-left-color:#068b90;
}

.benefits-list .benefits-list__runin{
    text-transform: uppercase;
    color: #068b90;
    font-family:'AvenirNextLTPro-Demi', Helvetica, Arial, sans-serif;
}

.rotating-quote{
    margin-top: 60px;

}
.rotating-quote__bar--top{
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    margin-left: 45px;
}
.rotating-quote__bar--top::before{
    content:"“";
    font-size: 85px;
    font-weight: bold;
    position: absolute;
    bottom: -6px;
    left:-50px;
    line-height: 0px;

}
.rotating-quote__bar{
    background-color: #000;
    height: 6px;
    position: relative;
    margin-bottom: 20px;

}
p.rotating-quote__quote{
    font-size: 18px;
}
p.rotating-quote__attribution{
    font-size: 14px;
}