@import url(https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic);
@import url(https://fonts.googleapis.com/css?family=Gabriela);
/* = RESET STYLES = */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, header, hgroup, menu, nav, section, summary, time, mark, audio, video, a img { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
/* = DEFAULT STYLES = */
body { text-align: center; margin: 5px 0 0 0; font-family: arial, sans-serif; font-size: 12px; background: #F00 url("images/background.jpg"); background-repeat:repeat-x repeat-y; background-attachment:fixed; }
/* DEFAULT - LINKS */
a { text-decoration: none; font-weight: regular; color: #c00; !important;
}
a:hover { text-decoration:none; color: #000; }
/* DEFAULT - CLEARS */
.clear { clear:both; height:0; width:0; display: block; }
.clear-right { clear:right; height:0; width:0; }
.clear-left { clear:left; height:0; width:0; }
.container { max-width:1000px; margin:0 auto; }
/* = PAGE = */
#page { width:100%; margin:0 auto; background:url(images/background.jpg) repeat top left fixed; -webkit-background-size: cover; -moz-background-size:auto; -o-background-size: auto; background-size: auto; -ms-behavior: url(backgroundsize.min.htc); }
/* = HEADER = */
#header-container { width: 100%; margin: 0 auto; border-top:5px solid #000; background-color:#FFFFFF; }
#header-inner-container { max-width: 1000px; margin: 0 auto; }

/* HEADER - LOGO */
.header-logo { margin:15px 0px 5px 0px; }
.header-logo:hover { opacity:.8; }
.header-logo a { color: #FFF; font-size: 55px; text-shadow: 1px 1px 1px #000; display: block; padding-top: 50px; letter-spacing: -2px; text-align: left; font-weight: normal; }
.header-logo a:hover { font-weight: normal; text-decoration: none; color: #fbfbd9 !important; }
/* CALL TO ACTION */
.c2a { text-align:right; font-family: 'Lora', serif; margin-top:20px; }
.c2a .tagline { font-size:18px; color:#000; text-align:center; line-height:18px !important; font-family: 'Gabriela', serif !important; }
.c2a .tagline span { font-size:16px; color:#000; line-height:16px; font-family: 'Gabriela', sans-serif !important; }
.c2a .number { font-size:32px; color:#000; font-weight:bold; font-family: 'Gabriela', serif !important; }
/* = TOP NAVIGATION = */
 #nav-container { background:url(images/transparent-nav-red.png); box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.26); }
#nav-container a { color:  #FFF; font-family: 'Gabriela', sans-serif; font-weight: normal; line-height: 21px; font-size:18px; text-transform: none; }
#nav-container a:hover { color:  #fff !important; background: #000; }
#nav-container .dropdown-menu { margin-top:-1px; margin-left:-1px; }
#nav-container .dropdown-menu > li > a { color: #fff; background: #666 !important; font-size:14px !important; display: block; z-index: 999; padding:8px 4px; ; }
#nav-container .dropdown-menu > li > a:hover { color: #000 !important; background: #ccc !important; }
#nav-container .nav-inner { margin: 0 auto; display: block; max-width: 1000px; width: 100%; margin: 0 auto; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background: #000; color: #fff !important; }
#nav-container li.active a { color: #FFF; background: #000 !important; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #000; !important;
}
#top-link-block.affix-top { position: absolute; /* allows it to "slide" up into view */ bottom: -82px; /* negative of the offset - height of link element */ left: 10px; /* padding from the left side of the window */ }
#top-link-block.affix { position: fixed; /* keeps it on the bottom once in view */ bottom: 18px; /* height of link element */ left: 10px; /* padding from the left side of the window */ }
.back-to-top { opacity: .5 !important; background: #fff !important; color: #000 !important; }
.back-to-top:hover { opacity: 1 !important; background: #fff !important; color: #c00 !important; }
/* = BANNER = */
#banner-container { max-width: 1170px; margin: 0 auto; }
.banner-padding { padding-left: 0 !important; padding-right: 0 !important; }
.carousel-inner { border:none; box-shadow:none; margin-bottom:10px; }
/* Carousel Fade - Bootstrap Slideshow */


.carousel .item { -webkit-transition: opacity 3s; -moz-transition: opacity 3s; -ms-transition: opacity 3s; -o-transition: opacity 3s; transition: opacity 3s; }
.carousel .active.left { left:0; opacity:0; z-index:2; }
.carousel .next { left:0; opacity:1; z-index:1; }
/* = CONTENT = */
#content-container { width: 100%; margin: 0 auto; color: #000; font-size: 12px; text-align:left; }
#content-container p { margin:20px 0; text-align:left; line-height:1.75em; }
.content { background:url(images/transparent-red.png) repeat; margin:15px 0px; padding:4px; -webkit-box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.25); -moz-box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.25); box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.25); }
.primary { margin:0px 0; background-color:#FFFFFF; padding:15px; min-height:490px; }
/* Quicklinks */
.quicklink { text-align:center; }
.quicklink .img-border { padding:0px; box-shadow:none; border:3px solid #c00; margin:15px auto; }
.quicklink:hover .img-border { border:3px solid #000; }
.quicklink h5 { font-size:18px; color: #000; }
.quicklink h5 a { color: #000; }
.quicklink h5 a:hover { text-decoration:none !important; color:#c00 !important; }
quicklink a { text-decoration: none; color: #000 !important; }
quicklink a:hover { text-decoration:none; color: #c00 !important; }
/* FEATURE */
.feature { background:#000; }
/* CONTENT - HEADINGS */
h1 { font-size: 22px !important; display: block; padding-bottom: 3px; color: #cc0000; font-family: 'Gabriela', serif !important; font-weight:normal !important; border-bottom:2px dotted #c00; text-align:left!important; }
h1 span { font-size: 16px !important; display: block; padding-bottom: 3px; color: #000; font-family: 'Gabriela', serif !important; font-weight:normal !important; text-align:left; }
h2 { font-family: 'Gabriela', serif !important; font-size: 18px !important; display: block; color: #c00 !important; text-align:left; }
h2 span { font-size: 14px !important; display: block; padding-bottom: 3px; color: #000; font-family: 'Gabriela', serif !important; font-weight:normal !important; text-align:left; }
h3 { font-family: 'Gabriela', serif !important; font-size:16px; text-align:left; color: #cc0000; }
h4 { font-family: 'Gabriela', serif !important; }
h5 { font-family: 'Gabriela', serif !important; }
h6 { font-family: 'Gabriela', serif !important; font-size:16px; color: #cc0000; }
.red { font-family: 'Gabriela', serif !important; font-size: 18px !important; display: block; color: #c00 !important; text-align:left; }
/* PRIMARY - IMAGES */
.homepage-img { margin: 80px auto 0 auto; display: block; border: 2px ridge #FFF; }
/* PRIMARY - DUEL LISTS - two lists side by side */
div.dual-lists ul { float:left; width:40%; margin:0 1%; padding:0; }
ul.list-items { margin: 10px 0 10px 30px; display: block; }
ul.list-items li { font-weight: bold; color: #0e3160; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); line-height: 22px; font-size: 26px; }
ul.list-items li span.list-heading { background: #ccc; padding: 10px; display: block; width: 100%; text-shadow: 1px 1px 1px rgba(255,255,255,0.5); font-size: 26px; }
p .green { font-weight: bold; color: #006600; line-height: 18px; font-size: 16px; }
img .inline-right { border:1px solid #c00; padding:2px; margin:1.5rem; margin-right:0; }
img .inline-left { border:1px solid #c00; padding:2px; margin:1.5rem; margin-left:0; }
img .inline { border:1px solid #c00; padding:2px; margin:auto; }
/* = new stuff added - tweak? = */
.photo-gallery-thumbs { padding:15px 15px 5px 15px; float: left; text-align:center; height:195px; line-height:14px; }
.photo-gallery-thumbs a { font-size: larger; }
.concert-poster { margin:0 1%; padding:0px; text-align:center; float:left; width:40% !important; }
.concert-poster img { margin:0 auto; }
.save-dates-poster { margin:0 1%; padding:0px; text-align:center; float:left; width:40% !important; }
.save-dates-poster img { margin:0 auto; }
.red { font-family: 'Gabriela', serif !important; font-size: 18px !important; display: block; color: #c00 !important; text-align:left; }
/* RESPONSIVE VIDEO */
.responsive-video { position: relative; padding-bottom: 56.25%; padding-top: 60px; overflow: hidden; }
.responsive-video iframe, .responsive-video object, .responsive-video embed { position: absolute; top: 20px; left: 0; width: 100%; height: 100%; }
/* RESPONSIVE VIDEO for smaller embedded videos*/
.responsive-video-smaller { position: relative; padding-bottom: 56.25%; padding-top: 20px; overflow: hidden; }
.responsive-video-smaller iframe, .responsive-video object, .responsive-video embed { position: absolute; top: 10px; left: 0; right: 20px; width: 80%; height: 80%; float:left; }
/* = CONTACT FORM  = */
#sidebar-container { margin: 0 auto; }
/* = CONTACT FORM = */
#contact-form-container { width: 100%; height: 100%; margin: 0 auto; padding: 0px; font-family: 'Lato', sans-serif !important; }
/* FORM - LABEL */
#contact-form-container label { cursor:pointer; float: left; clear: both; margin: 9px 0; color: #000; font-weight: normal; text-transform: none; }
#contactform label { cursor:pointer; color: #333; }
#contactform button { width:100%; border-radius: 27px; background:#c00; color:#fff; }
#contactform button:hover { background:#000; }
#contactform .alert { padding: 7px 25px; width:100%; }
#contactform input.alert { padding:0; }
#contactform .alert-danger { color:#a94442; }
/* FORM - INPUT FIELDS */
#contact-form-container input[type="text"] { border-radius: 3px; }
#contact-form-container input { border: 2px ridge #FFF; float: left; clear: both; width: 50%; background: linear-gradient(#eee, #fff); transition: all 0.3s ease-out; padding: 5px; color: #555; border-radius: 0; max-height: 30px; }
 input::-webkit-input-placeholder {
color: #000 !important;
}
input:-moz-placeholder { /* Firefox 18- */
color: #000 !important;
}
input::-moz-placeholder {  /* Firefox 19+ */
color: #000 !important;
}
input:-ms-input-placeholder {
color: #000 !important;
}
 textarea::-webkit-input-placeholder {
color: #000 !important;
}
textarea:-moz-placeholder { /* Firefox 18- */
color: #000 !important;
}
textarea::-moz-placeholder {  /* Firefox 19+ */
color: #000 !important;
}
textarea:-ms-input-placeholder {
color: #000 !important;
}
 input:hover::-webkit-input-placeholder {
color: #666 !important;
}
input:hover:-moz-placeholder { /* Firefox 18- */
color: #666 !important;
}
input:hover::-moz-placeholder {  /* Firefox 19+ */
color: #666 !important;
}
input:hover:-ms-input-placeholder {
color: #ff0000 !important;
}
 input:focus::-webkit-input-placeholder {
color: #ff0000 !important;
}
input:focus:-moz-placeholder { /* Firefox 18- */
color: #666 !important;
}
input:focus::-moz-placeholder {  /* Firefox 19+ */
color: #666 !important;
}
input:focus:-ms-input-placeholder {
color: #666 !important;
}
 textarea:hover::-webkit-input-placeholder {
color: #666 !important;
}
textarea:hover:-moz-placeholder { /* Firefox 18- */
color: #666 !important;
}
textarea:hover::-moz-placeholder {  /* Firefox 19+ */
color: #666 !important;
}
textarea:hover:-ms-input-placeholder {
color: #666 !important;
}
 textarea:focus::-webkit-input-placeholder {
color: #666 !important;
}
textarea:focus:-moz-placeholder { /* Firefox 18- */
color: #666 !important;
}
textarea:focus::-moz-placeholder {  /* Firefox 19+ */
color: #666 !important;
}
textarea:focus:-ms-input-placeholder {
color: #666 !important;
}
#contact-form-container input:focus, form textarea:focus { outline: none; background-position: 0 -1.7em; }	/* make field background color change when filling out */
#contact-form-container textarea { border-radius: 0; resize:vertical; float: left; clear: both; height: 80px; width: 50%; border: 2px ridge #FFF; background: linear-gradient(#eee, #fff); transition: all 0.3s ease-out; padding: 5px; color: #555; }
/* FORM - SELECT FIELD */
#contact-form-container form select[type="text"] { border-radius: 3px; }
#contact-form-container form select { border: 2px ridge #FFF; float: left; clear: both; width: 50%; background: linear-gradient(#eee, #fff); transition: all 0.3s ease-out; padding: 5px; color: #555; }
#contact-form-container form select:focus, form textarea:focus { outline: none; background-position: 0 -1.7em; }	/* make field background color change when filling out */
/* FORM - CAPTCHA */
#contact-form-container input[type="checkbox"] { float: left; width: 30px; text-shadow: 1px 1px 1px rgba(0,0,0, 0.5); }
#contact-form-container #hiddencheckbox { display:inline-block; margin:0 2px 0 0; padding:0px 0; width:auto; }
#contact-form-container input[type="checkbox"] { border:none; }
#contact-form-container .checkbox-label { font-size: 14px; color: #f00; margin: 15px 0; text-transform: uppercase; }
/* FORM - SUBMIT BUTTON */
#contact-form-container .btn-contact { background:#cc0000; color: #ffffff; font-size: 16px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4); text-decoration: none; border: 1px solid #000; text-transform: uppercase; border-radius: 0; }
#contact-form-container .btn-contact:hover { background: #000; color: #fff; border: 1px solid #FFF; }
/* = CONTACT INFO = */
#contact-info-container { width: 100%; margin: 0 auto; background:url(images/transparent-black.png); -webkit-box-shadow: 0px 1px 5px 2px rgba(0,0,0,0.25); -moz-box-shadow: 0px 1px 5px 2px rgba(0,0,0,0.25); box-shadow: 0px 1px 5px 2px rgba(0,0,0,0.25); }
.contact-info-container-inner { padding: 0px 0; }
.contact-box { border-left:1px dotted #666; border-right:1px dotted #666; height:150px; text-align:left; font-family: 'Lora', serif; }
.contact-box { font-size:14px; color:#000; font-family: 'Lora', serif; text-align:left; font-weight:bolder; }
.contact-box a { color:#000; }
.contact-box a:hover { color:#c00; }
.contact-box h3 { color:#000 !important; border-bottom:2px dotted #c00; margin:5px 0 0 0px; font-size:18px; font-weight:bold; }
.contact-box img { margin:10px; }
.no-border { border:0px; }
iframe.pull-left { margin-right:15px; }
/* = FOOTER = */
#footer-container { width: 100%; height: auto; margin: 0 auto; background:url(images/transparent-dk-red.png); border-top:3px solid #000; font-family: 'Gabriela', serif !important; }
.footer-container-inner { padding: 5px 10px 10px 10px; font-family: 'Gabriela', serif !important; }
.sitemap { text-align:left; display: block; }
.sitemap-sub { text-align:center; display: block; }
.copyright { display: block; margin: 0 auto; text-align:right; }
.footer-container-inner a { color: #fff !important; font-size: 11px; text-decoration: none; font-weight: normal; }
.footer-container-inner a:hover { color: #000 !important; }
.footer-container-inner .counter { text-align:right; display: block; font-size 12px;
color:#fff !important; }
/* = SITEMAP PAGE = */
ul.sitemap-page { margin: 20px auto; display:block; }
ul.sitemap-page li { list-style: none; }
ul.sitemap-page li a { text-decoration: none; text-shadow: 1px 1px 0 #CCC, 2px 2px 0 #222, 3px 3px 0 #444; color:#6B0E29 !important; /* CSS3 Transition Effect */ -webkit-transition: all 0.12s ease-out; -moz-transition: all 0.12s ease-out; -o-transition: all 0.12s ease-out; text-align: center; font-size: 36px; line-height: 55px; display: block; font-family: 'Gabriela', serif !important; }
ul.sitemap-page li a:hover { color: #325a97 !important; text-decoration: none; /* CSS3 Transform Effect */ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); text-shadow: 1px 1px 0 #FFF, 2px 2px 0 #CCC, 3px 3px 0 #444; }
.inline-right { border:1px solid #c00; padding:2px; margin:1.5rem; margin-right:0; }
.inline-left { border:1px solid #c00; padding:2px; margin:1.5rem; margin-left:0; }
.ul-fix { margin:0 0 15px 40px; }
#cboxLoadedContent { overflow:hidden !important; overflow-y:hidden !important; overflow-x:hidden !important; }
 
/* === POP UP MENU ON HOMEPAGE === */
ul.enlarge { list-style-type:none; /*remove the bullet point*/ margin-left:0; }
ul.enlarge li { display:inline-block; /*places the images in a line*/ position: relative; z-index: 0; /*resets the stack order of the list items - later we'll increase this*/ margin:10px 40px 0 20px; }
ul.enlarge img { background-color:#eae9d4; padding: 6px; -webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75); -moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75); box-shadow: 0 0 6px rgba(132, 132, 132, .75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
ul.enlarge span { position:absolute; left: -9999px; background-color:#eae9d4; padding: 10px; font-family: 'Droid Sans', sans-serif; font-size:.9em; text-align: center; color: #495a62; -webkit-box-shadow: 0 0 20px rgba(0,0,0, .75)); -moz-box-shadow: 0 0 20px rgba(0,0,0, .75); box-shadow: 0 0 20px rgba(0,0,0, .75); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius:8px; }
ul.enlarge li:hover { z-index: 50; cursor:pointer; }
ul.enlarge span img { padding:2px; background:#ccc; }
ul.enlarge li:hover span { top: -300px; /*the distance from the bottom of the thumbnail to the top of the popup image*/ left: -20px; /*distance from the left of the thumbnail to the left of the popup image*/ }
ul.enlarge li:hover:nth-child(2) span { left: -100px; }
ul.enlarge li:hover:nth-child(3) span { left: -200px; }
/**IE Hacks - see https://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
ul.enlarge img, ul.enlarge span { behavior: url(pie/PIE.htc); }

/* = MEDIA QUERIES= */

@media screen and ( max-width: 1680px ) {
.contact-box { border:0px; border-bottom:1px dotted #666; padding-bottom:15px; height:auto !important; }
.quicklink h5 { font-size:18px; !important;
}
.quicklink h5 a { font-size:18px; !important;
}
}
@media screen and ( max-width: 1366px ) {
.contact-box { border:0px; border-bottom:1px dotted #666; padding-bottom:15px; height:auto !important; }
.quicklink h5 { font-size:18px; !important;
}
.quicklink h5 a { font-size:18px; !important;
}
}
 @media screen and ( max-width: 1024px ) {
#nav-container a { font-size: 18px; }
.banner-right { position: absolute; top: -77px; right: -3% !important; width: 190px; height: 487px; z-index: 9999; }
.contact-box { border:0px; border-bottom:1px dotted #666; padding-bottom:15px; height:auto !important; }
.quicklink h5 { font-size:18px; !important;
}
.quicklink h5 a { font-size:18px; !important;
}
.quicklink h5 { font-size:18px; !important;
}
.quicklink h5 a { font-size:18px; !important;
}
}
 @media screen and ( max-width: 992px ) {
#nav-container .nav-inner { width: 1000px; }
.contact-box { border:0px; border-bottom:1px dotted #666; padding-bottom:15px; height:auto !important; }
#nav-container a { font-size: 18px; }
}
.quicklink h5 { font-size:18px; !important;
}
.quicklink h5 a { font-size:18px; !important;
}
 @media screen and ( max-width: 768px ) {
#nav-container .nav-inner { width: 100%; }
#nav-container a { font-size: 16px; }
.nav > li > a { padding: 10px 10px; }
h1 { font-size: 31px; }
.banner-right { position: absolute; top: -77px; right: -3% !important; width: 165px; height: 465px; z-index: 9999; }
.contact-box { border:0px; border-bottom:1px dotted #666; padding-bottom:15px; height:auto !important; }
.dropdown-menu {position:relative;display:block;float:none !important;visibility:visible;width:100%;text-align:center;}
}
 @media screen and ( max-width: 741px ) {
}
@media screen and ( max-width: 664px ) {
}
@media screen and ( max-width: 570px ) {
}
@media screen and ( max-width: 597px ) {
.quicklink h5 { font-size:14px; !important;
}
.quicklink h5 a { font-size:14px; !important;
}
}
 @media screen and ( max-width: 546px ) {
h1 { font-size: 18px !important; display: block; padding-bottom: 3px; color: #cc0000; font-family: 'Gabriela', serif !important; font-weight:normal !important; border-bottom:2px dotted #c00; text-align:left; }
h1 span { font-size: 14px !important; display: block; padding-bottom: 3px; color: #000; font-family: 'Gabriela', serif !important; font-weight:normal !important; text-align:left; }
.quicklink h5 { font-size:16px; !important;
}
.quicklink h5 a { font-size:16px; !important;
}
}
 @media screen and ( max-width: 469px ) {
.inline-left { display: block; margin: 15px auto; float: none !important; }
.inline-right { display: block; margin: 15px auto; float: none !important; }
h1 { font-size: 18px !important; display: block; padding-bottom: 3px; color: #cc0000; font-family: 'Gabriela', serif !important; font-weight:normal !important; border-bottom:2px dotted #c00; text-align:left; }
h1 span { font-size: 14px !important; display: block; padding-bottom: 3px; color: #000; font-family: 'Gabriela', serif !important; font-weight:normal !important; text-align:left; }
.quicklink h5 { font-size:14px; !important;
}
.quicklink h5 a { font-size:14px; !important;
}
}
@media screen and ( max-width: 388px ) {
h1 { font-size: 16x !important; display: block; padding-bottom: 3px; color: #cc0000; font-family: 'Gabriela', serif !important; font-weight:normal !important; border-bottom:2px dotted #c00; text-align:left; }
h1 span { font-size: 12px !important; display: block; padding-bottom: 3px; color: #000; font-family: 'Gabriela', serif !important; font-weight:normal !important; text-align:left; }
.quicklink h5 { font-size:12px; !important;
}
.quicklink h5 a { font-size:12px; !important;
}
}
@media screen and ( max-width: 364px ) {
h1 { font-size: 14x !important; display: block; padding-bottom: 3px; color: #cc0000; font-family: 'Gabriela', serif !important; font-weight:normal !important; border-bottom:2px dotted #c00; text-align:left; }
h1 span { font-size: 12px !important; display: block; padding-bottom: 3px; color: #000; font-family: 'Gabriela', serif !important; font-weight:normal !important; text-align:left; }
.quicklink h5 { font-size:12px; !important;
}
.quicklink h5 a { font-size:12px; !important;
}
}