@charset "UTF-8";
/* #################################################### */
/* CSS Document */

/* #################################################### */
/*fonts

font-family: "le-havre-n2","le-havre",sans-serif;
font-style: normal;
font-weight: 200;

font-family: "le-havre-n4","le-havre",sans-serif;
font-style: normal;
font-weight: 400;

font-family: "le-havre-n9","le-havre",sans-serif;
font-style: normal;
font-weight: 900;

*/

/* #################################################### */
/*color

#718027 - green
#c2d178 - light green
#434f0d - dark green
#f5e279 - yellow
#eed029 - dark yellow
#cc6666 - red
#9a3535 - dark red

#eeeeee - light gray
#bbbbbb - medium gray
#666666 - medium dark gray
#000000 - black


*/

html {
}

body { 
}

/*captch cleanup */
#recaptcha_area, #recaptcha_table
					{ width:220px !important; overflow:hidden; }	
.recaptcha_r4_c4, .recaptcha_r2_c1, .recaptcha_r2_c2, .recaptcha_r3_c1, .recaptcha_r3_c3, .recaptcha_r7_c1,
.recaptcha_r8_c1, .recaptcha_r1_c1, #recaptcha_privacy 
					{ display:none; }
.recaptchatable .recaptcha_r4_c1, .recaptcha_r4_c2, .recaptchatable .recaptcha_r3_c2
					{ background:none !important; }
#recaptcha_widget_div { margin-bottom:20px; }

/*addthis */
.at4-share-title {
font-family: "le-havre-n2","le-havre",sans-serif;
font-style: normal;
font-weight: 200;
font-size: 120%;
color: #fff;
text-shadow: 1px 1px 4px #000; 
margin: 0 0 5px 0;
}

/* #################################################### */
/*header */ 

.header-section {
background-color: rgba(113, 128, 39, .9);   
background-image: none;
background-position: top center;
background-repeat: no-repeat;
background-size: 900px 120px;
width: 100%;
}

.header-logo img {
margin: 6px 0 0 20px;
height: 50px;   
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) { 
.top-bar .title-area {
width: 35%;
}
.header-logo img {
margin: 6px 0 0 10px;
height: inherit;  
max-width: 100%;
}
}

@media only screen and (max-width: 40em) { 
.header-logo img {
margin: 8px 0 0 10px;
height: inherit;  
max-width: 80%;
max-height: 34px; 
}
}

/* foundation*/
.top-bar {
background-color: transparent;
height: 60px;
}

@media only screen and (max-width: 40em) { 
.top-bar {
height: 45px;
}
}

.top-bar-section ul {
background: transparent;
padding: 5px 50px 0 0;
}

.top-bar-section ul li > a {
padding: 2px 0 2px 0;
padding-left: 10px;  
}

.top-bar-section li:not(.has-form) a:not(.button) {
background: transparent;
color: #000;
font-family: "le-havre-n4","le-havre",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 140%;
margin: 0 10px 0 0; 
}

@media only screen and (max-width: 40em) { 
.top-bar-section li:not(.has-form) a:not(.button) {
font-size: 200%;
}
}

.top-bar-section li:not(.has-form) a:not(.button):hover {
background: transparent;
color: #fff;
}

.top-bar .toggle-topbar.menu-icon a::after {
-webkit-box-shadow: 0 10px 0 1px #000, 0 16px 0 1px #000, 0 22px 0 1px #000;
box-shadow: 0 10px 0 1px #000, 0 16px 0 1px #000, 0 22px 0 1px #000;
}

.top-bar.expanded .title-area {
background: transparent;
}

/* #################################################### */
/*home-sider-slick */

.home-slider-section {
width: 100%;
background-color: #fff;
background-image: url(../images/slider/slider-carter-g-woodson-museum-garden.jpg);
background-repeat: no-repeat;
background-size: 150%;
background-position: center;
}

@media only screen and (max-width: 40em) { 
.home-slider-section {
background-size: 300%;
}
}

.home-slider-slide {
margin-left: auto;
margin-right: auto;
max-width: 1200px;
}

.home-slider-slide h2 {
margin: 0; padding: 15px 0 0 0;
font-family: "le-havre-n4","le-havre",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 220%;
text-transform: uppercase;
text-align: center;
line-height: 1.3em;
letter-spacing: .1em;
color: #fff;
text-shadow: 1px 1px 2px #000; 
}

.home-slider-circle-container {
margin: 20px auto 20px auto;
width: 100%;
max-width: 260px;
height: 260px;
background: none;
}

@media only screen and (max-width: 40em) { 
.home-slider-circle-container {
margin: 20px auto 20px auto;
width: 100%;
max-width: 160px;
height: 160px;
background: none;
}
}

.home-slider-circle {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
width: 100%;
padding-bottom: 100%;
background: none;
background-size: 100% 100%;
background-repeat: no-repeat;
}
 
.home-slider-circle-img-01 {
background-image: url(../images/slider/exhibits-events.jpg);
}

.home-slider-circle-img-02 {
background-image: url(../images/slider/membership.jpg);
}

.home-slider-circle-img-03 {
background-image: url(../images/slider/space-rental.jpg);
}

.home-slider-slide a {
margin: 0; padding: 0;
background: none;
}

.home-slider-slide p { 
margin: 0; padding: 10px 0 20px 0;
font-family: "le-havre-n4","le-havre",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 180%;
text-align: center;
line-height: 1.3em;
color: #fff;
text-shadow: 1px 1px 4px #000; 
}

.home-slider-slide p a {
padding: 10px 0 10px 0;
color: #e0a426;
line-height: 2em;
}

.home-slider-slide p a:hover {
color: #fff;
background: #e0a426;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}


.slick-dots {
bottom: -30px;
}

.slick-dots li button:before {
font-size: 20px;
color: #fff;
}

/* #################################################### */
/*facebook feed */







/* #################################################### */
/*side nav */

@media print {
	  .content-section nav {
	  display: none;
	  } 
}

/* #################################################### */
/*content */

.content-section {
padding: 0 0 40px 0;
background: #fff;
} 

.content-primary h1 { 
margin: 30px 0 10px 0;
font-family: "le-havre-n9","le-havre",sans-serif;
font-style: normal;
font-weight: 900;
font-size: 360%;
text-transform: capitalize;
letter-spacing: normal;
line-height: 1em;
color: #718027;
display: block !important;
}

@media only screen and (max-width: 40em) { 
.content-primary h1, h2, h3, p {
text-align: center;
}
}

.content-primary h2 {
margin: 40px 0 10px 0;
font-family: "le-havre-n9","le-havre",sans-serif;
font-style: normal;
font-weight: 900;
font-size: 180%;  
text-transform: uppercase;
line-height: 1em;
letter-spacing: .05em;
color: #718027;
}

.cgw-anchor {
margin-top: -40px;
padding-top: 40px;
width: 1px;
display: hidden;
}

.content-primary h3 {
margin: 40px 0 10px 0; padding: 4px 0 0 0;
font-family: "le-havre-n4","le-havre",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 300%;  
text-transform: capitalize;
line-height: 1em;
letter-spacing: normal;
color: #718027;
border-top: 2px dotted #c2d178;
}

.content-primary p { 
margin: 0; padding: 0 0 20px 0;
font-family: "le-havre-n4","le-havre",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 160%;
line-height: 1.6em;
color: #000;
}

.content-primary strong { 
color: #718027;
}

p.cgw-datetime  { 
color: #9a3535;
font-family: "le-havre-n9","le-havre",sans-serif;
font-style: normal;
font-weight: 900;
}

p.cgw-button a { 
padding: 10px;
border: 1px solid #cc6666;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.content-image {
margin: 10px 0 10px 0;
}

.content-image img {
margin: 0 auto 0 auto;
width: 100%;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.hide {
display: none !important;
}

.content-primary ul {
list-style: square;
font-family: "le-havre-n4","le-havre",sans-serif;
font-style: normal;
font-weight: 400;
color: #000;
font-size: 160%; 
}

.content-primary li {
padding: 0 0 10px 0;
line-height: 1.1em;
}

.content-primary a {
padding: 10px 0 10px 0;
color: #cc6666;
}

.content-primary a:hover {
color: #fff;
background: #cc6666;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.content-section table {
border: none;
font-size: inherit; 
width: 100%; 
}

.content-section table.form-fonts {
font-family: "le-havre-n4","le-havre",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 180%;
}

.content-section label {
font-family: "le-havre-n4","le-havre",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 100%;
position: relative;
top: 20px;
color: #718027;
}

.content-section input[type="text"] {  
margin: 0; 
background: #f4d46c;
border: none;
font-family: "le-havre-n4","le-havre",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 100%;
min-height: 30px;
width: 90%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
} 

.content-section input[type="checkbox"],input[type="radio"] {
margin: 15px 10px 20px 0; padding: 0;
position: relative;
top: -4px;
}

.content-section textarea {
width: 90%;
min-height: 300px;
font-family: "le-havre-n4","le-havre",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 100%;
background: #f4d46c;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.content-section input[type="submit"] {
background: #f4d46c;
border: none;
color: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-family: "le-havre-n4","le-havre",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 160%;
margin: 0; padding: 10px;
letter-spacing: .1em;
text-transform: uppercase;
}

.content-section table tr th, table tr td {
padding: 0 !important;
font-size: inherit;
color: inherit;
}

.content-section table tr.even, table tr.alt, table tr:nth-of-type(even) {
background: inherit;
}

.recaptchatable img {
width: inherit;
}

.recaptchatable #recaptcha_response_field {
font-size: 250% !important; 
}

.error {
background: none !important;
color: #c60f13 !important;
}

.tabledefault td {
padding: 9px 0 3px 0 !important;
}

/* #################################################### */
/*aside */

@media print {
	  .content-aside {
	  display: none;
	  } 
}

.content-aside {
margin: 40px 0 20px 0; padding: 0 0 10px 0;
width: 100%;
}

.content-aside h2 {
margin: 0;
font-family: "le-havre-n2","le-havre",sans-serif;
font-style: normal;
font-weight: 200;
font-size: 200%;
text-transform: capitalize;
letter-spacing: .04em;
color: #718027;
}

@media only screen and (max-width: 40em) { 
.content-aside h2 {
text-align: center;
font-size: 200%;
}
}

.aside-highlight {
margin: 0 0 30px 0; padding: 30px 0 20px 0;
background: #9a3535;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}

.aside-highlight img {
width: 100%;
}

.aside-highlight h2 {
margin: 10px 0 10px 0; padding: 10px;
font-family: "le-havre-n4","le-havre",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 130%;
line-height: 1.1em;
text-transform: uppercase;
color: #fff;
text-align: center;
}

.aside-highlight p {
margin: 0; padding: 10px;
font-family: "le-havre-n2","le-havre",sans-serif;
font-style: normal;
font-weight: 200;
font-size: 160%;
line-height: 1.3em;
color: #fff;
text-align: center;
}

@media only screen and (max-width: 40em) { 
.aside-highlight h2 {
font-size: 200%;
}
.aside-highlight p {
font-size: 250%;
}
}

.aside-highlight a {
padding: 10px;
color: #f5e279;
border: 1px solid #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.aside-highlight a:hover {
color: #000;
background: #f5e279;
border: 1px solid #9a3535;
}

.content-aside ul {
margin: 20px 0 20px 0;
list-style: none;
}

.content-aside ul li {
margin: 0 0 15px 0; 
font-family: "le-havre-n4","le-havre",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 140%;
line-height: 1.6em;
text-transform: capitalize;
}

@media only screen and (max-width: 40em) { 
.content-aside ul li {
text-align: center;
font-size: 160%;
}
}

.content-aside ul li a {
padding: 10px 0 10px 0;
color: #cc6666;
}

.content-aside ul li a:hover {
color: #fff;
background: #cc6666;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

/* #################################################### */
/*footer-circle */

.footer-circle-container{
margin: 20px auto 20px auto;
width: 100%;
max-width: 260px;
height: 260px;
background: none;
}

.footer-circle-container a {
padding: 0 !important;
color: inherit !important;
line-height: normal !important;
font-size: inherit !important;
background: none !important;
border-radius: 0 !important;
}

.footer-circle {
border-radius: 50%;
width: 100%;
padding-bottom: 100%;
background: #fff;
}  

.footer-circle-membership {
background-image: url(../-assets/cgw-footerimages-01-membership.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}

.footer-circle-spacerental {
background-image: url(../-assets/cgw-footerimages-01-spacerental.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}

.footer-circle-connect {
background-image: url(../-assets/cgw-footerimages-01-connect.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}

.footer-circle-events {
background-image: url(../-assets/cgw-footerimages-01-events.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}

.footer-circle-history {
background-image: url(../-assets/cgw-footerimages-01-history.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}

.footer-circle-about {
background-image: url(../-assets/cgw-footerimages-01-about.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
}

/* #################################################### */
/*footer-actions */

.footer-actions-section {
padding: 0 0 40px 0;
background: #f5e279; 
}

.footer-actions-section h2 {
margin: 0;
padding: 40px 20px 0 20px;
font-family: "le-havre-n4","le-havre",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 260%;
text-transform: capitalize;
text-align: center;
color: #9a3535;
}

.footer-actions-section h3 {
padding: 20px 20px 10px 20px;
font-family: "le-havre-n4","le-havre",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 140%;
letter-spacing: .2em;
text-transform: uppercase;
text-align: center;
color: #9a3535;
}

.footer-actions-rule {
margin: 30px auto 0 auto;
border-top: 1px #9a3535 solid; 
width: 80%;
}

.footer-actions-section p {
margin: 0;
padding: 5px 20px 20px 20px;
font-family: "le-havre-n4","le-havre",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 160%;
text-transform: none;
text-align: center;
color: #000;
}

.footer-actions-section ul {
margin: 10px 0 0 0;
padding: 0;
list-style: none;
}

.footer-actions-section ul li {
margin: 0;
padding: 0 0 10px 0;
text-align: center;
font-family: "le-havre-n4","le-havre",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 160%; 
}

.footer-actions-section a {
padding: 10px;
color: #718027;
line-height: 1.8em;
}

.footer-actions-section a:hover {
color: #718027;
background: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

/* #################################################### */
/*footer-overview */

.footer-overview-section {
padding: 0 0 40px 0;
background: #9a3535;
}

.footer-overview-section h2 {
margin: 0;
padding: 40px 20px 0 20px;
font-family: "le-havre-n4","le-havre",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 260%;
text-transform: capitalize;
text-align: center;
line-height: 1em;
color: #f5e279;
}

.footer-overview-section h3 {
padding: 20px 20px 10px 20px;
font-family: "le-havre-n4","le-havre",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 140%;
letter-spacing: .2em;
text-transform: uppercase;
text-align: center;
color: #f5e279;
}

.footer-overview-rule {
margin: 30px auto 0 auto;
border-top: 1px #f5e279 solid; 
width: 80%;
}

.footer-overview-section p {
margin: 0;
padding: 5px 20px 20px 20px;
font-family: "le-havre-n4","le-havre",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 160%;
text-transform: none;
text-align: center;
color: #fff;
}

.footer-overview-section ul {
margin: 10px 0 0 0;
padding: 0;
list-style: none;
}

.footer-overview-section ul li {
margin: 0;
padding: 0 0 15px 0;
text-align: center;
font-family: "le-havre-n4","le-havre",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 160%; 
}

.footer-overview-section a {
padding: 10px;
color: #c2d178;
line-height: 1.8em;
}

.footer-overview-section a:hover {
color: #718027;
background: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}


/* #################################################### */
/*footer */

.footer-final-section {
background-color: #718027;
background-image: url(/-assets/cgw-logo-portrait-01.png);
background-position: 50% 20px; 
background-repeat: no-repeat;
background-size: 80%; 
}

@media only screen and (max-width: 40em) { 
.footer-final-section {
background-position: 50% 250px; 
}
}

.footer-final-section a {
padding: 10px 0 10px 0;
color: #c2d178;
line-height: 2em;
}

.footer-final-section a:hover {
color: #000;
background: #c2d178;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.footer-logo img {
margin: 20px 0 20px 0;
max-height: 300px;
}

.footer-logo a:hover {
background: none;
}

.footer-sponsors  {
margin: 20px 0 20px 0;
}

.footer-sponsors-logos img  {
margin: 5px 0 15px 18px;
width: 50%;
}

.footer-sponsors-logos a    { 
line-height: inherit;
background-color: transparent !important;
color: inherit !important;
}

.footer-sponsors h2 {
margin: 0;
padding: 20px 0 10px 18px;  
font-family: "le-havre-n4","le-havre",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 260%;
text-transform: capitalize;
color: #434f0d;
}

.footer-sponsors p {
margin: 0 0 15px 18px;
padding: 0;
font-family: "le-havre-n4","le-havre",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 160%; 
line-height: 1.3em !important;
color: #434e0d;
}

.footer-legal {
margin: 40px 0 60px 0;
}

.footer-legal p {
margin: 0 0 15px 18px;
padding: 0;
font-family: "le-havre-n4","le-havre",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 120%; 
line-height: 1.3em !important;
color: #434e0d;
}