@import "custom/foundation-icons.css";

/* --- General --- */
html, body  { height:100%!important; }
.spacer {margin-bottom:10px }
table thead tr th { color:rgba(50,128,153,1) }
table { width:100% }
.top-bar-section .dropdown li label { color: rgba(250,208,25,.65) }
tr.month { background:#ccc }

/* --- California Festival of Speed	--- */
.fos-sidebar { background: rgba(250,208,25,1); border-bottom:10px solid rgba(198,1,10,1); padding:0; min-height: 400px }
.fos-sidebar img{ width: 100% }
.fos-sidebar h5 { padding: 0 10px; font-weight: 700 }
.fos-sidebar li { list-style:none }
.fos-sidebar-contact-li { padding-left: 1em; }

/* ---Image Styles ---*/
.frameit  { padding:10px; border:1px solid #ccc; text-align:center; margin:5px }
.photo-caption { font-weight: bold; font-size:80% }
.photoframe  img { padding:5px; border:1px solid #ccc; height: 200px}
.pca { position:relative; top:45px; left:20px }
.sponsors { margin-bottom:25px }
.sponsors img { margin-right: 15px }
.vendors { margin-bottom:25px }
.vendors img { margin: 5px }
.social-photos img { padding:10px; width:350px }
.right img { padding:5px }
.th { border:none; margin:5px }

/* --- Text & List Styles --- */
.text-trans { opacity:0 }
h4 { color: rgba(155,36,42,1) }
h5 { color: rgba(50,128,153,1)  }
h6 { color: rgba(230,156,63,1) }
.circle.nolist { list-style:none; margin-left: 0px }
.year { font-weight: 700 }

/* --- Header Sections --- */
.title-area { background:rgba(255,255,255,.5) }
.home-header { background-image: url('https://www.zone8.org/assets/header-home/rotate.php'); height: 300px; padding: 20px 0; border-bottom:4px solid #ccc;  }
.home-header h1 { color: rgba(255,214,34,1); font-weight:500; text-align:center; text-shadow:2px 2px #0b0a10; position:relative }
.page-header { background-image: url('https://www.zone8.org/assets/header-images/rotate.php'); height: 200px; padding: 20px 0; border-bottom:4px solid #ccc;}
.page-header h1 { color: rgba(255,255,255,1); font-weight:500; text-shadow:2px 2px #0b0a10; position:relative; top:25px  }
.page-header-fos { background-image: url('https://www.zone8.org/assets/header-images/rotate.php'); height: 200px; padding: 20px 0; border-bottom:4px solid #ccc;}
.page-header-fos h1 { color: #fff; font-weight:500; position:relative; top:25px }
.page-header-fos h4 { color: rgba(250,208,25,1); font-weight:500; position:relative; right:-3px; top:-20px }
.page-header-fos h3 { color: rgba(250,208,25,1); font-weight:500; position:relative; right:-3px; top:-20px; margin-left: 2em;}

/* --- Footer Sections --- */
.top-footer .columns { padding-left: 0 }
.top-footer small { font-size: 65% }
.top-footer li { font-size: 70%; list-style:none  }
.top-footer { background: #f9f9f9 }
.bottom-footer { background: #4a4747; font-size: 70%; color: #c8c8c8; padding: 20px 0;}