/*
Theme Name: Chinese American Museum 2
Theme URI: http://camla.org
Author: Marty Spellerberg
Author URI: http://martyspellerberg.com/

*/

img { border: 0; }
img.icon { width: 22px; vertical-align: text-bottom; padding-right: .125em; }

fieldset { margin: 0; padding: 0; border: 0; }
form { margin: 0; padding: 0; border: 0; }
label { margin: 0; padding: 0; border: 0; }
legend { margin: 0; padding: 0; border: 0; }

td { padding-right: 1em; }

a {
	-webkit-transition: color 0.2s ease;
	-moz-transition: color 0.2s ease;
	-o-transition: color 0.2s ease;
	transition: color 0.2s ease;
	}


:focus { outline: 0; }


body { font-family: 'futura-pt',sans-serif; background: rgb(210,212,213);
background: linear-gradient(180deg, rgba(210,212,213,1) 0%, rgba(255,255,255,1) 100%); background-size: 100% 1400px; background-repeat: no-repeat; }

.wrapper { box-shadow: 0 0.25em 1em 0 rgba(0,0,0,0.25); background: #fff;width: 920px; margin: 30px auto 30px auto; }
.wrapperinner { padding: 0 10px; }

.logo { display: block; width: 230px; padding: 7px 0 0 0; float: left;}

.top { font-weight: 500; width: 660px; float: right; text-align: right; padding-right: 10px; }
.centered { width: 252px; margin: 27px 0 40px 0; display: inline-block;}

.searchform{ border: 1px solid #ababab; border-radius: 1em; }
.searchform input { font: inherit; border: none; padding: 5px 0 6px 10px; width: 200px; background: transparent; }
.searchform input::placeholder { color: #939598; }
.searchform button { background: transparent; border: none; margin: 0; padding: 0 10px 0 0; position: relative; top: 3px; }
.searchform button img { width: 22px; vertical-align: text-bottom; }

.maillist { text-align: center; margin-top: 10px; }

#menu { clear: both; }
.menu-quick-links-container {}
.menu-quick-links-container ul {list-style: none; margin: 0; padding: 0;}
.menu-quick-links-container li {margin: 0; padding: 0; display: inline;}
.menu-quick-links-container a { text-decoration:none; color:#000; padding-left: .75em;}
.menu-quick-links-container .red a { color: #e13e32; }

.menu-quick-links-chinese-container {}
.menu-quick-links-chinese-container ul {list-style: none; margin: 0; padding: 0;}
.menu-quick-links-chinese-container li {margin: 0; padding: 0; display: inline;}
.menu-quick-links-chinese-container a{ text-decoration:none; color:#000; padding-left: 1em;}
.menu-quick-links-chinese-container a:hover{color:#333333;}

.maillist {}
.maillist a { text-decoration:none; color:#808080;}

#menu {width:900px;margin-top:10px;height:32px; font-size: 14px; line-height: 1.1; }
#menu ul {margin: 0; padding: 0; list-style: none;}
#menu li {margin: 0; padding: 0;}
#menu li li a { padding: 8px 4px; }

.nav {position: relative;width: 100%;}
.nav * {background:#993333;margin:0px;padding:0px;}
.navImage{vertical-align:middle;}
.parent {position: relative;}
.nav .button {float: left;background-color: #FFFFFF;text-align:center;}

.nav a{ display: block; color:#E3E3E3; font-weight: 600; text-decoration: none; padding: 2px; }
.nav a:hover{ color:#ffffff; }


ul.nav ul a:link,
	ul.nav ul a:visited { text-align:center; display: block; color:#E3E3E3; font-weight: normal; padding: 1px 0px; text-decoration: none; width: auto; border-top: 1px solid rgba(256,256,256,0.2); }

ul.nav ul a:hover{color:#999999;}

.num1 {width: 139px; border-right:1px #FFFFFF solid;}
.num1 .dropdown{width: 138px;}

.num2 {width: 100px; border-right:1px #FFFFFF solid;}
.num2 .dropdown{width: 100px;}

.num3 {width: 135px; border-right:1px #FFFFFF solid;}
.num3 .dropdown{width: 135px;}

.num4 {width: 111px; border-right:1px #FFFFFF solid;}
.num4 .dropdown{width: 111px;}

.num5 {width: 131px; border-right:1px #FFFFFF solid;}
.num5 .dropdown{width: 131px;}

.num6 {width: 145px; border-right:1px #FFFFFF solid;}
.num6 .dropdown{width: 145px;}

.num7 {width: 132px;}
.num7 .dropdown{width: 132px;}

.dropdown { position: absolute; left: -3000px; top: auto; z-index: 10000; }

.postHeader{border-bottom:1px dotted #CCCCCC;color:#990000; text-transform:none;margin:15px 0px;font-weight:normal;}

footer { clear: both; padding-top: 10px; }
footer a { text-decoration: none; color: #e13e32; }
footer p { margin: 20px 0; }

footer .row { font-weight: 500; color: #808080; align-items: center; overflow: hidden; padding: 0 20px; display: grid; grid-column-gap: 20px;  }
footer .row1 { grid-template-columns: 1fr 1px 1fr 1px 1fr 1px 1fr; border-bottom: 1px solid #fff; background: rgb(242,242,242); background: linear-gradient(90deg, rgba(242,242,242,1) 0%, rgba(252,235,234,1) 100%); }
footer .row2 { grid-template-columns: 1fr 1px 1fr; background: rgb(252,235,234); background: linear-gradient(90deg, rgba(252,235,234,1) 0%, rgba(242,242,242,1) 100%); }
footer .border { background: #fff; height: 100%; }

footer .address {}
footer .address a { }

footer .phone {}
footer .phone a {}

footer .mailinglist { text-align: center;  }
footer .mailinglist a { color: #808080; }

footer .donate { text-align: center;  }
footer .donate a {}

footer .social { list-style: none; margin: 0; padding: 20px 0; text-align: center; }
footer .social li { margin: 0; padding: 0; display: inline-block; margin: 0 10px; }
footer .social a { color: #808080; }

footer .annenberg { font-size: 12px; }
footer .annenberg a {}

/**/

hr { border: none; border-bottom: 1px dotted #CCCCCC; height: 1px; margin: 1em 0; }

.title{margin:10px 0px;} /* d */
.title a{color:#663300;font-weight:600;text-decoration:none;} /* d */
.title a:hover{color:#E3E3E3;} /* d */

.entry p{color:white;}


#home-left{float:left; width: 650px; margin-bottom: 3em; }
#home-left p {margin: 0;}

#home-right {float:left;background:#999933;border-left:5px solid #f8f8f8;height:400px;width:214px;padding:0px 15px;}
#home-right h2 {margin:10px 0px;}
#home-right h2 a{color:#663300;font-weight:600;text-decoration:none;}
#home-right h2 a:hover{color:#E3E3E3;}
#home-right p{color:white; margin-bottom: 15px; }
#home-right .post{border-bottom:1px dotted #CCCCCC; }
#home-right a {color:#663300; text-decoration:none;}
#home-right a:hover {color:#FFFFFF;}


#interior-left {float:left;height:auto;width:145px;background:#999933;border-right:5px solid #f8f8f8;padding:0px 15px; line-height: 1.1; }
#interior-left ul {margin: 0; padding: 0; list-style: none;}
#interior-left li {margin: 0; padding: 0; margin: 1em 0px;}

#interior-left h3 { border-bottom: 1px dotted #CCCCCC; color: #990000; text-transform: none; margin: 1em 0px; padding-bottom: .5em; }
#interior-left a{color:#663300;font-weight:normal;text-decoration:none;}
#interior-left a:hover{color:#E3E3E3;}

#interior-right{float:left;background:#EAEAEA;width:718px;padding-bottom:20px;}

#maintext{padding: 0 20px; color:#666666;}
#maintext h2{margin:20px 0px;font-weight:100;border-bottom:1px dotted #999999; color: #666666; }


#maintext h3{9px 0px;font-weight:bold; color:#663300;}
#maintext h1{ color:#333333; padding-bottom:5px;}


#maintext .post{border-bottom:1px dotted #999999;padding:15px 0;  } /* d */
#maintext hr {border-bottom: 1px dotted #999999; }

.exhibit { margin: 20px; clear:both; overflow: hidden;}
.exhibit img{float:left; padding-right:20px;}
.exhibit small { font-style:italic;}

.pageCopy {padding:0px 10px; color:#333333;}
.pageCopy p {margin: 1em 0;}
.pageCopy a {color:#993333; text-decoration:none; }
.pageCopy a:hover{color:#999933;}

.board {text-align:center;}
.board h3 {margin:18px 0px 9px 0px;}


/* New Home */

.home { color: #333; margin-bottom: 1em; }
.home a { color: #993333; text-decoration: none; font-weight: bold; }
.home a:hover { color: #6D2626; }
.home h2 {color: #666; font-weight: normal; margin: 0; }
.home h3 {}

.home .rightcolumn { width: 445px; float: right; }

.home-slideshow { margin-bottom: 3.5em; width: 900px; height: 400px; position: relative; z-index: 1; }
.home-slideshow p {margin: 0;}
.home-slideshow img { width: 900px; height: 400px; }

.wooslider-control-paging li a { background-color: #bababa !important; }
.wooslider-control-paging li a.wooslider-active { background-color: #888888 !important; }

.home-support {  background: #993333; color: #F8F8F8; padding: 22px; }
.home-support h2 {color: #F8F8F8; }
.home-support ul { margin: 0; padding: 0; list-style: none; text-align: center; }
.home-support ul:before, .home-support ul:after { content:""; display:table; clear:both; }
.home-support li { margin: 0; padding: 0; display: inline; }
.home-support a { display: inline-block; border-radius: .5em; color: #eaeaea; font-weight: normal; padding: .75em 0; width: 115px; margin-right: .75em; box-shadow: 0 1px 5px 0 rgba(0,0,0,0.3); text-shadow: 0 -1px 1px rgba(0,0,0,0.4);
	background: #999933;
	background: -moz-linear-gradient(top, #999933 0%, #7e7e2a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999933), color-stop(100%,#7e7e2a));
	background: -webkit-linear-gradient(top, #999933 0%,#7e7e2a 100%);
	background: -o-linear-gradient(top, #999933 0%,#7e7e2a 100%);
	background: -ms-linear-gradient(top, #999933 0%,#7e7e2a 100%);
	background: linear-gradient(to bottom, #999933 0%,#7e7e2a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999933', endColorstr='#7e7e2a',GradientType=0 );}
.home-support a:hover {color: #fff; }

.home-news {  padding: 22px 11px; }
.home-news h3 {margin: 22px auto 0 auto; }
.home-news h3 + p {margin-top: 0; }

.home-exhibitions { width: 400px; float: left; background: #EAEAEA; padding: 22px 22px 8px 22px; margin-bottom: 11px;}

.home-exhibit {border-top: 1px dotted #999999; padding-top: 20px; margin-top: 22px; clear: both; }
.home-exhibit .thumbnail {display: block; float: right; margin: 0 0 30px 40px; }
.home-exhibit img {border: 1px solid #CCCCCC; }
.home-exhibit h3 {margin: .25em auto 0 auto; }
.home-exhibit h3 + p {margin-top: 0; }

.home-video { clear: both; overflow: hidden; }
.home-video h2  { text-align: center; margin: 12px 0 .5em 0; border-top: 1px dotted #999999; padding-top: 1em; color: #993333; font-weight: bold; }
.home-video .camlafeed { padding: 0; }

/* Columns */

.columns-two { overflow: hidden; }
.columns-two .column {width: 319px; padding-left: 10px; float: left; }
.columns-two .column.firstcolumn { padding-left: 0; }

/* Accordion */

.js .accordionfold .trigger { cursor: pointer; border-top: 1px dotted #999999; padding-top: 1em; }

.js .accordionfold .trigger.readmore { border-top: none; padding-top: 0; }

.js .accordionfold.activefold .trigger:after { content: '\f432'; }

.js #maintext h2.trigger { border-bottom: none; margin: .5em 0; padding-top: .5em; }


.js .accordionfold .target { display: none; overflow: hidden; }


/* Historymakers */

.historymakers { padding-bottom: 1em; overflow: hidden; }

.historymakers a { color: #993333; text-decoration: none;
	-webkit-transition: background-color 0.2s ease;
	-moz-transition: background-color 0.2s ease;
	-o-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
	}

.historymakers h3 { margin: 0; }
.historymakers h3 span { font-weight: normal; }

.historymakers table { margin-bottom: 1em; }

.historymakers hr { border: none; border-bottom: 1px dotted #D45542; height: 1px; margin: 2em 0; }

.historymakers .banner { display: block; background: #e13e32; color: #fff; padding: .75em; font-size: 32px; line-height: 1.1; }
.historymakers .banner p { margin: 0; }
.historymakers .banner span { color: #663300; }

.historymakers .steps { color: #D45542; text-align: center; margin: 1em 0; }
.historymakers .steps a:hover { color: #D45542; }
.historymakers .steps span { color: #999; margin: 0 .5em; display: inline-block; padding-bottom: .25em; }
.historymakers .steps span.selected { color: #000; font-weight: bold; border-bottom: 1px solid #D45542; }

.historymakers .steps a.backlink { font-weight: bold; float: left; }

.historymakers .navcolumn { width: 175px; float: left; line-height: 1.1; }
.historymakers .navcolumn ul { margin: 0; padding: 0; list-style: none; }
.historymakers .navcolumn li { margin: 0; padding: 0; }
.historymakers .navcolumn a { color: #663300; background: #9B953A; display: block; margin-bottom: 5px; padding: .75em 1em; }
.historymakers .navcolumn a:hover { background: #AD9F23; }
.historymakers .navcolumn .current-menu-item a { color: #fff; background: #663300; }


.historymakers .rightcolumn { margin-left: 180px; }

.historymakers .formcolumn { background: #EAEAEA; padding: 25px 30px 60px 30px; color: #333; overflow: hidden; }

.hmitem { background: #EAEAEA; padding: 25px 30px 12px 30px; margin-bottom: 5px; color: #333; }
.hmitem h3 { width: 200px; float: left; }
.hmitem p { margin-top: 0; }
.hmitem ul { margin: 0; padding: 0; }
.hmitem li { margin-bottom: .5em; }

.hmitemcontent { margin-left: 230px; }

span.historymakerssoldout { color: #666; display: inline-block; border-radius: 9px; padding: 1em 1.25em; background: #ccc; border-bottom: 3px solid #999; margin-top: 1em; }

a.historymakersbutton { color: #fff; display: inline-block; border-radius: 9px; padding: 1em 1.25em; background: #D45542; border-bottom: 3px solid #AA4339; margin-top: 1em; }
a.historymakersbutton:hover { background: #E54A39; }

a.historymakersbuttonb { background: #993333; padding: .5em 1em; border-radius: 4px; display: inline-block; color: #E3E3E3; }
a.historymakersbuttonb:hover { color: #fff; }

.historymakers input.gform_button { color: #fff; border-radius: 9px; padding: 1em 1.25em; background: #D45542; border: none; border-bottom: 3px solid #AA4339; }
.historymakers input.gform_button:hover { background: #E54A39; cursor: pointer; }

.paypalnote { padding: 2em 1.2em 1.8em 280px; background: url(images/paypal.png) #fff no-repeat; background-position: 2em center; background-size: 231px 58px; border: 1px solid #ccc; border-radius: 3px; margin: 1em 0; }


/* Gravity Forms */

.gform_description { padding-bottom: 1em; display: block; }

#gform_submit_button_20 { float: right; font-family: inherit; border: 1px solid #808080; font-size: 1.5em; padding: .5em 1em; border-radius: .5em; cursor: pointer; }


/* At-Home Activities */

.activityset { padding-bottom: 1em;}
.activitygrid { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 1em; grid-row-gap: 1.5em; }
.activitygrid .activity {}
.activitygrid img { max-width: 100%; }
.activitygrid h4 { margin: 0; }
.activitygrid p { margin: 0; }

/* Modal */

.blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:1;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.333);text-align:center}
.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}
.blocker.behind{background-color:transparent}
.modal {font-size: 1.5em; display:none;vertical-align:middle;position:relative;z-index:2;max-width:500px;box-sizing:border-box;width:90%;background:#e13e32;
	color: #fff; padding:15px 30px;border-radius:8px;box-shadow:0 0 20px rgba(0,0,0,0.333);text-align:center; }
.modal .givebutton { margin: 1.5em auto; }
.modal .givebutton a { text-decoration: none; color: #fff; background: #000; padding: .5em 1em; font-weight: bold; border-radius: 8px; }
.modal .nothanks { font-size: 16px; }
.modal .nothanks a { color: #000; text-decoration: underline; }
.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==')}

.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}
.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}
.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}
.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}

@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}
@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}


/* Tablet */

.tablet { margin: 0; padding: 0; }
.tablet .gform_button { background: #e13e32; padding: 1em 1.5em; border-radius: 10px; border: none; font-weight: 500; line-height: 1; text-transform: uppercase; font-weight: 500; color: #fff;  box-shadow: 0 0.25em 10px 0 rgba(0,0,0,0.25);}

.tablethome { padding: 25px; box-sizing: border-box; height: 100vh; background: #fff; text-align: center; font-size: 30px;  }
.tablethome header { height: 50%; display: flex; justify-content: center; align-items: center;  }
.tablethome img { width: 66%; }
.tablethome ul { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 25px; }
.tablethome li { background: #e13e32; border-radius: 10px; box-shadow: 0 0.25em 10px 0 rgba(0,0,0,0.25); }
.tablethome li:last-child { grid-column: 1 / span 2 }
.tablethome a { color: #fff; padding: 25px; display: block; text-decoration: none; font-weight: 500; line-height: 1; text-transform: uppercase;  }

.tabletthanks { font-size: 30px; background: #fff; align-items: center; text-align: center; height: 100vh; width: 100%; box-sizing: border-box;  display: grid; grid-template-rows: 2fr auto 1fr; }
.tabletthanks h1 { font-size: 150px; line-height: 1; font-weight: 200; margin: 0; }
.tabletthanks a { background: #e13e32; padding: 25px; text-decoration: none; color: #fff; border-radius: 10px; box-shadow: 0 0.25em 10px 0 rgba(0,0,0,0.25); display: inline-block; text-transform: uppercase; font-weight: 500; line-height: 1; }
.tabletthanks img { width: 33%; margin: 2em; }

.tabletinner { display: grid; font-size: 30px; margin: 0; padding: 0; font-size: 30px; }
.tabletinner header { position: sticky; top: 0; left: 0; right: 0; }
.tabletinner header .grid {  box-shadow: 0 0.25em 10px 0 rgba(0,0,0,0.25); background: #fff; display: grid; grid-template-columns: 4fr 1fr;  }
.tabletinner header a { order: 2; line-height: 0; }
.tabletinner header .tablettitle { order: 1; background: #e13e32; color: #fff; padding: 15px; }
.tabletinner header a { }
.tabletinner header h2 { font-size: 30px; margin: 0; text-transform: uppercase; font-weight: 500; line-height: 1; }
.tabletinner main { background: #fff; margin: 10px; padding: 15px; background: #fff;   }