@charset "utf-8";
/* CSS Document */

html {font-size:16px;}
@media (min-width:800px){
    html {font-size:20px;}
}
body {font-family: 'Open Sans',sans-serif; color:#444;}
body.no-scroll {overflow:hidden;}

img {max-width:100%; max-height:100%; width:auto; height:auto;}
#home-slider img {max-width:100%; max-height:100%; width:100%; height:auto;}
a {transition:background-color 0.5s ease, color 0.5s ease; color:rgb(219,144,29);}
a:hover {color:rgb(233,81,55);}
h1, h2, .h1, .h2 {font-weight:bold; color:rgb(233,81,55);}
h3, h4, h5, h6, .h3, .h4, .h5, .h6 {color:rgb(233,81,55);}

.btn {border-radius:0; transition:background-color .5s ease, border-color .5s ease;}
.btn-primary {background-color:rgb(233,81,55); border-color:rgb(233,81,55); padding:0.5rem 1rem;}
.btn-primary:hover {background-color:rgb(219,144,29); border-color:rgb(219,144,29);}

.button {display:inline-block; color:#fff; text-decoration:none; text-align:center; vertical-align:middle; cursor:pointer; background-color:rgb(233,81,55); border-color:rgb(233,81,55); padding:0.5rem 1rem; transition:background-color .5s ease, border-color .5s ease;}
.button:hover {background-color:rgb(219,144,29); border-color:rgb(219,144,29); color:#fff; text-decoration:none;}

img.float-left {margin-right:1rem; margin-bottom:1rem; margin-top: 0.5rem;}
img.float-right {margin-left:1rem; margin-bottom:1rem; margin-top: 0.5rem;}

.site-header {position:relative; height:25vh;}
.site-header .site-header_logo {text-align:center; height:80px; width:40%; position:absolute; top:2rem; left:0;}
.site-header_logo a {display:inline-block; width:100%; max-width:400px; height:100%; background-image:url('/assets/images/uploads/2020-sdsf-logo-full-color.png'); background-position:center center; background-size:contain; background-repeat:no-repeat; color:transparent;}
.site-header .site-header_countdown {width:60%; position:absolute; top:2rem; right:0; text-align:center;}
.site-header_countdown .location {font-weight:bold; line-height:1;}
#site-header_countdown .countdown-row {display:table; width:100%; table-layout:fixed; width:100%; max-width:350px; margin-left:auto; margin-right:auto;}
#site-header_countdown .countdown-section {display:table-cell; padding:0.5rem; text-align:center;}
#site-header_countdown .countdown-amount {display:block; color:#d00; line-height:1; font-weight:bold; font-size:150%;}
#site-header_countdown .countdown-period {display:block; font-size:50%; line-height:1;}
.site-nav_trigger {display:block; height:2.5rem; text-decoration:none; color:#fff; width:100%; text-align:center; background-color:rgb(233,81,55); border:0; z-index:10;}

@media (min-width:1200px){
    .site-header {position:relative; height:230px; position:relative; z-index:100; background-image:url('/theme/default/images/bg-header.jpg'); background-size:cover; background-position:center right;}
    .site-header .site-header_logo {height:100%;}
    .site-header .site-header_countdown {}
    #site-header_countdown .countdown-amount {font-size:200%;}

    .site-header .site-header_logo {width:100%; position:relative; top:auto; left:auto;}
    .site-header .site-header_countdown {left:50%; margin-left:-560px; margin-top:40px; width:auto; right:auto;}
    
    .site-nav_trigger {display:none;}
}

.modal {z-index:20000;}
.modal-backdrop {z-index:10000;}
            
.grandstand-act {margin-top:4rem; margin-bottom:4rem; padding-bottom:4rem; border-bottom:1px solid #ddd;}
.grandstand-act:last-of-type {border-bottom:0; padding-bottom:0;}
.grandstand-act_featured-image {margin-bottom:2rem;}
.grandstand-act_date-time {margin-bottom:0.5rem;}
.grandstand-act_prices {margin-bottom:0.5rem;}
.grandstand-act_sponsors {margin-bottom:2rem;}
.grandstand-act_opener {border:1px solid #ddd; padding:1rem; margin-top:1rem;}