body {background: url(../../images/bg_map.jpg); width: 100%; overflow-x: hidden; color: #484a34; }
a { cursor: pointer; color: #337ab7; }
a:hover {color: #9e1919; }



h2 { color: #16386f; }
h2, h3 { margin: 0 0 10px 0;}

.site-name h1 { width: 100%; height: 150px; text-indent: -10000px; background-image: url(../../images/TikiKon2016Logo-2.png); background-size: 100% auto; background-repeat: no-repeat; }
.logo-banner { text-align: center; }
.logo-banner .logo { width: 100%; max-width: 613px; }
.container.logo-banner { padding: 5px 20px; }

/* ------ Layout ------ */

div.logo-banner { background: url(../../images/bg_parchment.jpg); }
.container { padding: 25px;background-color: #eee7d6; background: url(../../images/bg_parchment.jpg); background-size: 100% 300px;}
.container.override { padding: 0; }
.container .container { padding: 0; width: auto; margin-right: 15px; background: none; }

div.sidebar { opacity: 0.85 }
div.sidebar ul.years { list-style-type: none; margin-left: -40px; text-align: center; }
div.sidebar ul.years li { display: inline-block; margin: 1px 5px; }

#myCarousel { margin: 0 -20px; }
.slide img { width: 100%; max-width: 790px; height: 25% !important; }
.carousel-caption { padding-bottom: 0px; bottom: 0px; text-shadow: 1px 1px 5px #000000; font-size: 0.8em; left: 15px; text-align: right; width: 100%; padding-right: 55px; }
.carousel-caption a { color: #ffffff !important; text-decoration: underline;}
.carousel-indicators { bottom: 0px !important; }
#myCarousel p { margin-bottom: 0px; }
#myCarousel { }

.copyright { font-size: 0.8em; }

#LoginForm {
    width: 300px;
    margin: 20px auto;
    text-align: center;
}

/*
.header-container { margin: 0 auto; background-image: url(/images/bg_parchment.jpg); padding: 10px 5%; }
.global .container { padding: 0; }
.container>.navbar-header { float: left; }
.container>.navbar-header, .container>.navbar-global { }
.navbar-collapse { padding-left: 0; }
.navbar .container { background-color: inherit; padding: 0;}
.container.narrow { background-color: lightgray; }
.shopbox {text-align: center; }
.shopinfo { margin-top: 15px; }
.tools { text-align: right; }
.row.toolbar { padding: 15px 0;background-color: #eeeeee;margin-right: -25px;margin-left: -25px; }
.row.content { padding-top: 25px;}
#MainContent { padding-top: 0; }
*/

.modal-dialog table { width: 100%; }
.modal-dialog table .thumb { width: 100%; max-width: 75px; max-height: 75px;}
.modal-dialog table td { vertical-align: top; padding: 10px 10px 10px 0; }
.modal-dialog h4 { margin: 0; }
.modal-dialog table input[type="text"] { width: 50px; }
.modal-header button.close { border: inherit; background-color: inherit; color: inherit; height: inherit; }

/* div.hang is for the green boxes that extend beyond the edge of the main container */
.hang { 
    margin: 0 -10px; background-color: #464a1c; min-height: 10px; box-shadow: 1px 1px 1px #000000; padding: 10px 35px; color: #ded6bf;  
    /*background-image: url(/images/bg_parchment_olive.jpg)*/;
}
nav .hang { padding: 0;}
.hang a { color: #e0dc7a; font-weight: bold; }
.hang h3, .hang h4, .hang a {  }
.hang h3, .hang h4 { margin: 0 0 0.5em 0; text-transform: uppercase; font-weight: bold; }
.hang p { margin-bottom: 1em; }
.hang .row { margin-bottom: 0px; }

.clear-float { clear: both; }

.container.slider, .container.welcome, .container.news { padding-top: 0px; }


.container.news {  }
.container.slider { padding-bottom: 0; }
.container.main { padding-top: 0; }
.container.crumbs { padding: 10px 25px 10px; text-transform: uppercase; color: #999999; }
body.post .container.crumbs { padding-bottom: 0px; }
.container.crumbs .row { margin: 0 -15px 0; }
.container.crumbs .sharing { text-align: right; }
.addthis_sharing_toolbox { display: inline-block; float: right; margin-top: -3px;}
span.share_label { display: inline-block; font-size: 11px; margin-right: 5px; color: #ffffff; }
.row.slider { margin: 0 -60px 0em; }
.row.posts { margin-bottom: 25px; }
.content .container.slider.row.slider { padding: 0 15px; margin-top: 0; }
div.slider p { margin: 0; }
.viewall { text-align: right; }

div.posts div.thumb {  }

.hang.title { padding: 0; }
.hang.title h2 { color: #ffffff; text-align: left; margin: 5px 30px; }
.subscribe {     display: inline-block;
    background-color: #23527c;
    color: #ffffff !important;
    text-transform: uppercase;
    padding: 2px 5px;
    float: right; }

.home-alert { font-size: 0.9em; text-align: center; padding: 0 20px; }

/*.products .col-sm-8 { padding-left: 0; }*/

/* ------ Forms ------ */
/*.shopbox select { width: auto; }
table.priceinfo { font-size: 1.2em;margin: 15px 0;width: 100%;  }
table.priceinfo td { text-align: left;width: 42%;padding: 5px 0;}


.ticket { border: solid 1px #999999;}
.ticket { border-radius: 5px; padding: 10px 5px 10px 10px;}*/

.remaining, .maxNote {font-style: italic; display: block; }
.remaining.hurry { color: Red; }

/* ------ Products ------ */
.productRow.package { padding: 5px 10px; border: 1px solid #999999; margin-bottom: 10px; }
.productRow.package h4.package-header, div.tickets h4.package-header {
    margin: -5px -11px 2px;
    background-color: #173a72;
    padding: 5px 10px;
    font-size: 0.9em;
    text-transform: uppercase;
    color: #ffffff;
    letter-spacing: 3px;
    /*font-weight: bold;*/
}
div.tickets h4.package-header { margin: 0 0 10px; background-color: #999999; }
div.packages h3 { padding: 5px 10px; text-transform: uppercase; font-size: 1.2em; background-color: #999999; color: #ffffff; }
div.tickets h3 { padding: 5px 10px; text-transform: uppercase; font-size: 1.2em; background-color: #999999; color: #ffffff; }
.productRow select, .productRow button { height: 24px; }
.productRow button { border: none; background-color: #173a72; color: #ffffff; height: 24px; }
.productRow button.purchase:hover { background-color: #464a1c; text-decoration: underline; }

.productRow.ticket { padding: 5px 10px; border: 1px solid #999999; margin-bottom: 10px; }
div.packages div.col-sm-7 { padding-right: 10px; }
div.packages div.col-sm-5 { padding-left: 10px; }

.productRow p.description {  }
.productRow p.info a { color: #464a1c; display: inline-block; padding: 0px 7px; background-color: #bbbbbb; text-transform: uppercase; }
.productRow p.info a:hover { background-color: #464a1c; color: #ffffff; }
p.info { margin: 0.5em 0 !important; }
.modal-header button.close:hover { background-color: none !important; }
.productRow .price { display: inline-block; margin-right: 5px; }
.productRow .modal-footer button { border: 1px solid #ccc; color: #000000; height: inherit; }
.productRow .modal-footer { text-align: center; border-top: 0px none;  }
.productRow .modal-header { border-bottom: 0px none; }
.productRow .modal-body { padding-top: 0px; }
.productRow .modal-body .thumbHolder { padding-bottom: 15px; }

.price.sale { color: Green; font-weight: bold; }
.price.regular-strike { text-decoration: line-through; }

div.tickets p.description { font-size: 0.8em;  }
div.tickets h4 { font-size: 1.2em; }

table.comparison { width: 100%; }
table.comparison td.included { text-align: center; }
table.comparison td { width: 20%; padding: 3px; }
table.comparison tr { border-bottom: solid 1px #cccccc; }
table.comparison tr:nth-child(even) {  }
table.comparison td:first-child { width: 40%; }
table.comparison th { text-align: center; padding: 0 10px 10px; line-height: 13px; font-weight: normal; }
table.comparison td.included img { width: 24px; }

/*.price { font-size: 18px; }
.sale { color: Red; font-weight: bold; }
.regular-strike { text-decoration: line-through; }

.package div.purchase { max-width: 75%; }
.purchase select { width: auto; }
.purchase .quantity input { width: 100px; }

.productRow { margin-bottom: 20px; }
.productRow select, .productRow button {  }
.productRow select.fullWidth { width: 100%; }

.package h4 { font-size: 2em; line-height: 1.2em; }

.products div.product { margin-bottom: 25px; }


*/

.cart-product table td { padding: 5px; }
.cart-product tbody.error { border: 2px solid Red;  }
.error-heading { background-color: Red; color: #ffffff; }
.error-message, .error .remaining { color: Red; }
.error .remaining { font-size: 0.9em; margin-top: 5px; line-height: 1em; }
.error-heading h5 { margin: 0; font-weight: bold; }


/* ------ Homepage slider ------ */
/*#Hero {
    background-color: bisque;
}
.container#Hero {
    padding: 0;
}
#HomeSlider { margin-left: -20px; }
.slide img { box-shadow: 1px 1px 2px #000000; position: relative; z-index: 1; }*/

/* ------ Navigation ------ */

nav.navbar ul.nav > li > a { margin: 5px 12px; text-indent: -10000px; background-image: url('../../images/icon-sprite.png') !important; background-repeat: no-repeat; height: 30px; }

#primary-nav { float: left; }

.navbar-default .navbar-collapse { border: 0 none; }

.nav.hang a { background-color: #464a1c !important; }
.nav.hang a:hover { color: #000000 !important; }
nav ul.nav { height: 40px; }

nav.navbar { border: 0 none; }
nav.navbar ul.nav { list-style-type: none; float: left; }

nav.navbar ul.nav > li > a[href="index.html"] { width: 30px; background-position: -485px 0px; margin: 5px; }
nav.navbar ul.nav > li > a[href="index.html"]:hover, nav.navbar ul.nav > li > a[href="/"].active { width: 30px; background-position: -485px -30px; }

nav.navbar ul.nav > li > a[href="about-us.html"] { width: 78px; background-position: -120px 0px; margin-right: 6px;}
nav.navbar ul.nav > li > a[href="about-us.html"]:hover, nav.navbar ul.nav > li > a[href="/about-us"].active { background-position: -120px -30px;}
nav.navbar ul.nav > li.open > a[href="/about-us.html"] { background-position: -120px -30px; }

nav.navbar ul.nav > li > a[href="news.html"] { width: 54px; background-position: -517px 0px;}
nav.navbar ul.nav > li > a[href="news.html"]:hover, nav.navbar ul.nav > li > a[href="/news"].active { background-position: -517px -30px;}
nav.navbar ul.nav > li.open > a[href="news.html"] { background-position: -517px -30px; }

nav.navbar ul.nav > li > a[href="lineup.html"] { width: 81px; background-position: -202px 0px;}
nav.navbar ul.nav > li > a[href="lineup.html"]:hover, nav.navbar ul.nav > li > a[href="/lineup"].active { background-position: -202px -30px;}
nav.navbar ul.nav > li.open > a[href="lineup.html"] { width: 81px; background-position: -202px -30px;}

nav.navbar ul.nav > li > a[href="tickets.html"] { width: 81px; background-position: -287px 0px;}
nav.navbar ul.nav > li > a[href="tickets.html"]:hover, nav.navbar ul.nav > li > a[href="/tickets"].active { background-position: -287px -30px;}
nav.navbar ul.nav > li.open > a[href="tickets.html"] { width: 81px; background-position: -287px -30px;}

nav.navbar ul.nav > li > a[href="hotel.html"] { width: 61px; background-position: -368px 0px;}
nav.navbar ul.nav > li > a[href="hotel.html"]:hover, nav.navbar ul.nav > li > a[href="/hotel"].active { background-position: -368px -30px;}
nav.navbar ul.nav > li.open > a[href="hotel.html"] { width: 63px; background-position: -368px -30px;}

nav.navbar ul.nav > li > a[href="shop.html"] { width: 56px; background-position: -430px 0px;}
nav.navbar ul.nav > li > a[href="shop.html"]:hover, nav.navbar ul.nav > li > a[href="/shop"].active { background-position: -430px -30px;}
nav.navbar ul.nav > li.open > a[href="shop.html"] { width: 56px; background-position: -430px -30px;}

ul.social-media { margin-bottom: 0; float: right; padding-left: 0; padding-right: 5px; float: right;list-style-type: none; }
ul.social-media li { float: left; position: relative; }
ul.social-media a.icon {
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    margin: 5px 0 0 5px;
    background-image: url(../../Images/icon-sprite-2.png);
    cursor: pointer;
}

a.facebook { background-position: -30px 0; }
a.facebook:hover { background-position: -30px -30px; }
a.twitter { background-position: 0px 0px; }
a.twitter:hover { background-position: 0px -30px; }
a.email { background-position: -60px 0px; }
a.email:hover { background-position: -60px -30px; }
a.checkout { background-position: -90px 0px; }
a.checkout:hover, a.checkout:focus, a.checkout.active { background-position: -90px -30px; }
div.row div.social-media { text-align: right;}

ul.dropdown-menu, ul.dropdown-menu li, ul.dropdown-menu a { background-color: #464a1c !important; }
ul.dropdown-menu > li > a:hover, ul.dropdown-menu > li > a:active { display: block; font-weight: bold; color: #464a1c !important; background-color: #464a1c !important; }

nav.container { padding: 0;}
/*.container-fluid.nav { padding-left: 0; }*/
nav .navbar-toggle {  }
nav .navbar-toggle .icon-bar { height: 3px; }
nav .navbar-toggle { padding: 4px; }
nav .navbar-header { float: right; }
.navbar-nav li a { font-size: 1.2em; color: #ffffcc !important; text-transform: uppercase; background-color: #464a1c !important; }
.toggleLabel { margin: 10px 5px 0 0; display: none; }

.breadcrumb nav { padding: 0; background-color: inherit; border-radius: 0; margin-bottom: 10px; }
.share-label { display: inline-block; position: relative; top: -7px; }
.cartAlert {
    display: inline-block;
    position: absolute;
    z-index: 1;
    top: 4px;
    right: -5px;
    padding: 2px;
    background-color: Red;
    color: white;
    font-size: 0.8em;
    min-width: 15px;
    text-align: center;
    line-height: 0.8em;
    border-radius: 10px;
}

.navbar { margin-bottom: 0px; }

.copyright { text-align: center; }

.fade.ng-hide {
  transition:0.5s linear all;
  opacity:0;
}

.img-text { text-indent: -10000px; background-image: url(../../images/titles-sprite.png); height: 30px; margin-bottom: 10px; margin-right: 20px; }
.img-text#GetInvolved { width: 330px; }
.img-text#JoinTheParty { width: 330px; background-position: 0 -90px; }
.img-text#NewsAndUpdates { width: 330px; background-position: 0 -30px; }
.img-text#Sponsors { width: 329px; background-position: 0 -180px; }

.img-text span.chevron { background-image: url(../../images/icon-sprite.png); width: 210px; }


/* ----- Home ----- */
.numbers { text-align: center; }
.numbers div { background-image: url(../../images/numbers-sprite.png); width: 75px; height: 75px; text-indent: -10000px; display: inline-block; margin: 0.5em 0; }
.numbers div#number-1 { background-position: 0px; }
.numbers div#number-2 { background-position: -75px 0px; }
.numbers div#number-3 { background-position: -150px 0px; }

div.hang#GetInvolved { background-image: url(../../images/hey.png); background-repeat: no-repeat; background-position: left bottom; }


/* ------ Utility ------ */
.cart-product .warning { color: Red; font-size: 1.2em; }
.message { color: Green; font-size: 1.2em; font-style: italic; margin: 1em 0 0; }
.thumbHolder { padding-right: 0; margin-bottom: 1em; }
.thumbnail { width: 100%;margin-bottom: 0; margin-top: 5px; }
.thumb img { width: 100%; }
.prodImage { width: 49%; }
.welcome h3 { font-size: 2em; }
.headPost p { font-size: 1em; }
.headPost h3 { font-size: 2em; /*margin-bottom: 0px;*/ }
.pubdate { font-size: 12px; }
.posts h4 { /*margin-bottom: 0px;*/ }
.readmore { white-space: nowrap; }
.post { /*margin-bottom: 2em;*/ }
.text-center { text-align: center; }
.text-center img { max-width: 225px; }
.row.posts .thumb img { width: 100%; }
.post h4 { margin-top: 0; }
.fineprint { font-size: 0.8em; color: #999999; }

.not-available { font-style: italic; margin-top: 10px; font-weight: bold; font-size: 1.2em; }
.delete-x span { display: block; padding: 0 5px; background-color: #cccccc; cursor: pointer;margin-right: 5px; }
.delete-x span a { color: #ffffff; }
.delete-x span:hover { background-color: #ff0000; }
td.delete-x { padding-right: 0px !important; }
.remaining, .maxNote { font-size: 0.8em; text-transform: uppercase; /*white-space: nowrap;*/ display: inline-block; }
.maxNote { display: block; margin-top: 3px; }
.details { font-size: 0.8em; text-transform: uppercase; color: #999999; }

.featuredLabel { text-transform: uppercase;
    font-size: 0.8em;
    letter-spacing: 5px;
    font-weight: bold; }

#at-cv-lightbox { display: none; }

.ieWarning { font-size: 2em; width: 75%; max-width: 800px; color: #ff0000; text-align: center; margin: 0 auto 25px;}

.smheading { font-size: 0.8em; text-transform: uppercase; letter-spacing: 3px; margin: 0; display: block; }

/* ------ Bootstrap overrides ----- */
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], 
input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], 
input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { height: auto; }

h1 { margin-top: 0; }
h4, h5, h6 { line-height: normal; }

label { display: inherit; }

.row { margin: 0 -15px 1em; }

.navbar { min-height: 40px; }
/*.navbar-collapse.in { overflow-y: show; }*/

.navbar-nav > li > .dropdown-menu { margin-top: -1px; }


select { margin-bottom: 0px; }

form { margin-bottom: 0; }

/* use this class to make an angular modal scrollable. */
.scrollable { position: absolute; bottom: inherit;  }

.carousel-control { width: 0%; }


@media (min-width: 1200px) {
    .container { width: 750px; }
}
@media (min-width: 992px) {
    .container { width: 750px; }
}
@media (min-width: 768px) {
    .container { width: 750px; }
}
@media (max-width: 767px) {
    nav .hang { padding: 0 35px; }
    nav ul.nav { height: auto; }
    ul.navbar-nav { float: left; }
    div.navbar-collapse { padding: 0 0 10px 0; }
    ul.social-media a.icon { margin: 5px 5px 5px 0; }
    .navbar-toggle { margin-right: 0; }
    nav.navbar ul { width: 100%; float: none;}
    ul.social-media { float: none; }
    .toggleLabel { display: inline-block }
    table.comparison { font-size: 0.8em; }
}

@media (min-width: 768px) {
    /* product blocks are inline (override bootstrap grid) when width > 768  */
    /*.products .product-grid .row div { display: inline-block; float: none; vertical-align: top; }*/
}