body {padding:0;margin:0;color:#231f20;} #header {padding:50px 0;background-color:#C45B2C;text-align:center;} #header h1 {margin-left:auto;margin-bottom:0;margin-right:auto;margin-top:0;background-repeat:no-repeat;background-image:url(../images/header_logo.png);height:94px;width:388px;text-indent:-9999px;position:absolute;left:-9999999999px;} #header .logo svg {fill:#F3E8DE;height:125px;width:350px;} @media screen and (max-width: 720px) {#header .logo svg {height:auto;width:90%;}} #main {background-color:#F3E8DE;padding-left:0;padding-bottom:40px;padding-right:0;padding-top:30px;} #main .nav {text-align:center;padding:0;margin:0;list-style-type:none;} #main .nav li {line-height:12px;border-left-color:#231f20;border-left-style:solid;border-left-width:1px;margin-left:60px;margin-bottom:0;margin-right:0;margin-top:0;padding-left:60px;padding-bottom:0;padding-right:0;padding-top:0;text-transform:uppercase;letter-spacing:1px;font-size:12px;display:inline;font-family:"Gotham SSm A", "Gotham SSm B";font-weight:500;} #main .nav li.first {border-left-style:none;padding-left:0;margin-left:0;} #main .nav li a {text-decoration:none;color:#231f20;} #main .nav li a:hover {color:#C45B2C;} .section-1-img {position:absolute;} #homeSlideshow {max-width:980px;margin-left:auto;margin-bottom:0;margin-right:auto;margin-top:64px;position:relative;} #homeSlideshow .slideshow {width:768px;height:510px;margin-left:auto;margin-bottom:0;margin-right:auto;margin-top:0;border-color:white;border-style:solid;border-width:8px;overflow:hidden;} #homeSlideshow .arrow {position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);} #homeSlideshow .arrow svg {fill:#C45B2C;height:72px;width:25px;} #homeSlideshow .arrow svg .st0 {fill:#C45B2C;} #homeSlideshow .arrow:hover svg {fill:#F3E8DE;stroke:#C45B2C;} #homeSlideshow a.prev {left:15px;} #homeSlideshow a.next {right:15px;} #main .date {text-align:center;margin-left:0;margin-bottom:0;margin-right:0;margin-top:86px;} #main .date h2 {margin:0;line-height:24px;display:inline-block;padding-left:0;padding-bottom:6px;padding-right:0;padding-top:0;border-bottom-color:#231f20;border-bottom-style:solid;border-bottom-width:1px;text-transform:uppercase;letter-spacing:10px;font-size:24px;margin:0;font-family:"Gotham SSm A", "Gotham SSm B";font-weight:800;} #main .pastBtn {text-align:center;margin-left:0;margin-bottom:0;margin-right:0;margin-top:48px;} #main .pastBtn a {padding-left:8px;padding-bottom:6px;padding-right:8px;padding-top:6px;display:inline-block;line-height:10px;border-color:#231f20;border-style:solid;border-width:1px;color:#231f20;text-decoration:none;letter-spacing:2px;text-transform:uppercase;font-size:10px;font-family:"Gotham SSm A", "Gotham SSm B";font-weight:500;} #main .pastBtn a:hover {border-color:#C45B2C;color:#C45B2C;} #eventContainer {padding-left:20px;padding-bottom:50px;padding-right:20px;padding-top:40px;background-color:#C45B2C;} #event {max-width:980px;position:relative;margin-left:auto;margin-bottom:0;margin-right:auto;margin-top:0;} #event .title {text-align:center;} #event .title h2 {line-height:24px;display:inline-block;padding-left:0;padding-bottom:6px;padding-right:0;padding-top:0;border-bottom-color:#231f20;border-bottom-style:solid;border-bottom-width:1px;text-transform:uppercase;letter-spacing:10px;font-size:24px;margin:0;font-family:"Gotham SSm A", "Gotham SSm B";font-weight:800;} #event .container {display:table;margin-left:auto;margin-bottom:0;margin-right:auto;margin-top:36px;table-layout:fixed;} #event .colLeft {background-position:right top;background-repeat:repeat-y;background-image:url(../images/vr_dotted_tile.png);display:table-cell;padding:0 35px;width:300px;} #event .colLeft h3, #event .colRight h3, #event .colMiddle h3 {padding-left:0;padding-bottom:6px;padding-right:0;padding-top:6px;text-align:center;width:120px;border-color:#231f20;border-style:solid;border-width:1px;text-transform:uppercase;letter-spacing:2px;line-height:11px;font-size:11px;margin-left:auto;margin-bottom:0;margin-right:auto;margin-top:0;font-family:"Gotham SSm A", "Gotham SSm B";font-weight:500;} #event .colLeft .location {margin-left:0;margin-bottom:0;margin-right:0;margin-top:24px;letter-spacing:1px;font-style:italic;font-size:12px;line-height:1.4;text-align:center;font-family:"Sentinel A", "Sentinel B";} #event .colLeft .address {margin-left:0;margin-bottom:0;margin-right:0;margin-top:14px;padding-left:0;padding-bottom:0;padding-right:0;padding-top:24px;background-position:center top;background-repeat:no-repeat;background-image:url(../images/bracket.png);line-height:20px;text-transform:uppercase;letter-spacing:1px;font-size:12px;text-align:center;font-family:"Gotham SSm A", "Gotham SSm B";font-weight:500;} #event .colLeft .address a {color:#231f20;} #event .colLeft .address a:hover {color:#F3E8DE;} #event .colMiddle {padding-left:0;padding-bottom:20px;padding-right:0;padding-top:0;display:table-cell;width:380px;} #event .colMiddle h4 {margin-left:0;margin-bottom:0;margin-right:0;margin-top:4px;letter-spacing:1px;text-transform:uppercase;font-size:12px;text-align:center;font-family:"Gotham SSm A", "Gotham SSm B";font-weight:500;} #event .colMiddle h4.top {margin-top:24px;} #event .colMiddle p {margin-left:0;margin-bottom:0;margin-right:0;margin-top:4px;line-height:18px;font-style:italic;letter-spacing:1px;font-size:12px;text-align:center;font-family:"Sentinel A", "Sentinel B";} #event .colMiddle .hr {margin-top:16px;padding-left:0;padding-bottom:0;padding-right:0;padding-top:16px;background-position:center top;background-repeat:no-repeat;background-image:url(../images/hr_sm.png);} #event .colRight h4 {margin:0;text-transform:uppercase;letter-spacing:2px;font-size:14px;text-align:center;font-family:"Gotham SSm A", "Gotham SSm B";font-weight:500;} #event .colRight {background-position:left top;background-repeat:repeat-y;background-image:url(../images/vr_dotted_tile.png);display:table-cell;width:300px;} #event .colRight h4.top {margin-top:24px;} #event .colRight p {line-height:18px;margin-left:0;margin-bottom:0;margin-right:0;margin-top:4px;font-style:italic;letter-spacing:1px;font-size:12px;text-align:center;font-family:"Sentinel A", "Sentinel B";} #event .colRight .hr {margin-top:14px;padding-left:0;padding-bottom:0;padding-right:0;padding-top:26px;background-position:center top;background-repeat:no-repeat;background-image:url(../images/bracket.png);} #event .note {font-style:italic;letter-spacing:1px;line-height:16px;font-size:11px;margin-left:0;margin-bottom:0;margin-right:0;margin-top:20px;padding-left:0;padding-bottom:0;padding-right:0;padding-top:20px;border-top-color:#231f20;border-top-style:solid;border-top-width:1px;text-align:center;font-family:"Sentinel A", "Sentinel B";} #event .directionsBtn {margin-left:0;margin-bottom:0;margin-right:0;margin-top:24px;text-align:center;} #event .directionsBtn a {padding-left:8px;padding-bottom:6px;padding-right:8px;padding-top:6px;display:inline-block;line-height:10px;border-color:#231f20;border-style:solid;border-width:1px;color:#231f20;text-decoration:none;letter-spacing:2px;text-transform:uppercase;font-size:10px;font-family:"Gotham SSm A", "Gotham SSm B";font-weight:500;} #event .directionsBtn a:hover {border-color:white;color:white;} #beneficiaryTicketsContainer {background-color:#F3E8DE;padding-left:20px;padding-bottom:30px;padding-right:20px;padding-top:30px;} .section-2-img {position:absolute; right:0; z-index:0;} #beneficiaryTickets {display:table;max-width:980px;margin-left:auto;margin-bottom:0;margin-right:auto;margin-top:0;overflow:hidden;} #beneficiary {display:table-cell;padding-left:40px;padding-bottom:20px;padding-right:40px;padding-top:20px;width:410px;z-index:1000;position:relative;} #beneficiary .title, #tickets .title {text-align:center;} #beneficiary .title h2, #tickets .title h2 {line-height:24px;display:inline-block;padding-left:0;padding-bottom:6px;padding-right:0;padding-top:0;border-bottom-color:#231f20;border-bottom-style:solid;border-bottom-width:1px;text-transform:uppercase;letter-spacing:10px;font-size:24px;margin:0;font-family:"Gotham SSm A", "Gotham SSm B";font-weight:800;} #beneficiary h3 {margin-left:auto;margin-bottom:0;margin-right:auto;margin-top:24px;background-repeat:no-repeat;background-image:url(../images/logo_localfirst.png);height:42px;width:164px;text-indent:-9999px;} #beneficiary p {margin-left:0;margin-bottom:0;margin-right:0;margin-top:20px;letter-spacing:1px;text-align:center;font-style:italic;line-height:16px;font-size:11px;font-family:"Sentinel A", "Sentinel B";} #beneficiary .joinBtn {margin-left:0;margin-bottom:0;margin-right:0;margin-top:24px;text-align:center;} #beneficiary .joinBtn a {padding-left:8px;padding-bottom:6px;padding-right:8px;padding-top:6px;display:inline-block;line-height:10px;border-color:#231f20;border-style:solid;border-width:1px;color:#231f20;text-decoration:none;letter-spacing:2px;text-transform:uppercase;font-size:10px;font-family:"Gotham SSm A", "Gotham SSm B";font-weight:500;} #beneficiary .joinBtn a:hover {border-color:#C45B2C;color:#C45B2C;} #tickets {background-position:left top;background-repeat:repeat-y;background-image:url(../images/vr_dotted_tile.png);display:table-cell;padding-left:100px;padding-bottom:20px;padding-right:100px;padding-top:20px;width:290px;z-index:1000;position:relative;} #tickets .prices {padding-left:0;padding-bottom:18px;padding-right:0;padding-top:0;background-position:left bottom;background-repeat:repeat-x;background-image:url(../images/hr_dotted_tile.png);margin-left:0;margin-bottom:0;margin-right:0;margin-top:30px;overflow:hidden;} #tickets p {margin-left:0;margin-bottom:0;margin-right:0;margin-top:16px;letter-spacing:1px;line-height:1.4;font-size:12px;font-family:"Sentinel A", "Sentinel B";} #tickets p a {text-decoration:none;color:#ea6847;} #tickets p a:hover {color:#231f20;} #tickets .prices p {margin-top:0;text-align:center;} #tickets .prices p em {letter-spacing:2px;} #tickets .prices p strong {font-family:"Gotham SSm A", "Gotham SSm B";font-weight:500;} #tickets .prices .left {float:left;} #tickets .prices .right {float:right;} #tickets .hrBtm {margin-bottom:20px;padding-left:0;padding-bottom:20px;padding-right:0;padding-top:0;text-align:center;} #tickets .purchaseBtn {margin-left:0;margin-bottom:0;margin-right:0;margin-top:24px;text-align:center;} #tickets .purchaseBtn a {padding-left:24px;padding-bottom:12px;padding-right:24px;padding-top:12px;display:inline-block;line-height:18px;border-color:#231f20;border-style:solid;border-width:1px;color:#231f20;text-decoration:none;letter-spacing:1px;text-transform:uppercase;font-size:12px;text-align:center;font-family:"Gotham SSm A", "Gotham SSm B";font-weight:500;} #tickets .purchaseBtn a:hover {border-color:#C45B2C;color:#C45B2C;} #tickets .url {font-style:italic;font-size:10px;text-align:center;} #teamContainer {background-color:#F3E8DE;} #teamContainer h2 {text-align:center;background-color:#C45B2C;line-height:32px;padding-left:0;padding-bottom:20px;padding-right:0;padding-top:20px;text-transform:uppercase;letter-spacing:10px;font-size:24px;margin:0;font-family:"Gotham SSm A", "Gotham SSm B";font-weight:800;} #team {background-color:#F3E8DE;margin-left:auto;margin-bottom:0;margin-right:auto;margin-top:0;padding-left:20px;padding-bottom:40px;padding-right:20px;padding-top:20px;max-width:980px;} .section-3-img {position:absolute; left:0; z-index:0;} #team .teamList {margin:0;text-align:center;padding:0;list-style-type:none;} #team .teamList li {margin-left:10px;margin-bottom:0;margin-right:10px;margin-top:20px;display:inline-block;} #team .teamList li.lowcountry a {height:48px;width:133px;background-repeat:no-repeat;background-image:url(../images/team_localfirst_logo.png);text-indent:-9999px;display:inline-block;} #team .teamList li.ambrose a {height:48px;width:146px;background-repeat:no-repeat;background-image:url(../images/team_ambrose_logo.png);text-indent:-9999px;display:inline-block;} #team .teamList li.byrdhouse a {height:47px;width:156px;background-repeat:no-repeat;background-image:url(../images/team_byrdhouse_logo.png);text-indent:-9999px;display:inline-block;} #team .teamList li.stitch a {height:48px;width:83px;background-repeat:no-repeat;background-image:url(../images/team_stitch_logo.png);text-indent:-9999px;display:inline-block;} #team .teamList li.grassroots a {height:48px;width:120px;background-repeat:no-repeat;background-image:url(../images/team_grassroots_logo.png);text-indent:-9999px;display:inline-block;} #team .teamList li.garden a {height:48px;width:159px;background-repeat:no-repeat;background-image:url(../images/team_gardengun_logo.png);text-indent:-9999px;display:inline-block;} #team .teamList li.snyder a {height:79px;width:116px;background-repeat:no-repeat;background-image:url(../images/team_snyder_logo.png);text-indent:-9999px;display:inline-block;} #team .teamList li.sideshow a {height:79px;width:103px;background-repeat:no-repeat;background-image:url(../images/team_sideshow_logo.png);text-indent:-9999px;display:inline-block;} #team .teamList li.brennan a {height:79px;width:154px;background-repeat:no-repeat;background-image:url(../images/team_brennanwesley_logo.png);text-indent:-9999px;display:inline-block;} #team .teamList li.uec a {height:79px;width:53px;background-repeat:no-repeat;background-image:url(../images/team_urbanelectric_logo.png);text-indent:-9999px;display:inline-block;} #team .teamList li.gathering a {height:79px;width:106px;background-repeat:no-repeat;background-image:url(../images/team_gathering_logo.png);text-indent:-9999px;display:inline-block;} #team .teamList li.vietri a {height:79px;width:96px;background-repeat:no-repeat;background-image:url(../images/team_vietri_logo.png);text-indent:-9999px;display:inline-block;} #team .teamList li.gaslight a {height:79px;width:123px;background-repeat:no-repeat;background-image:url(../images/team_gaslight_logo.png);text-indent:-9999px;display:inline-block;} #team .teamList li.silvercrest a {height:79px;width:129px;background-repeat:no-repeat;background-image:url(../images/team_silvercrest_logo.png);text-indent:-9999px;display:inline-block;} #team .teamList li.appsprings a {height:79px;width:91px;background-repeat:no-repeat;background-image:url(../images/team_appsprings_logo.png);text-indent:-9999px;display:inline-block;} #team h4 {margin-left:0;margin-bottom:0;margin-right:0;margin-top:20px;text-transform:uppercase;font-style:normal;letter-spacing:2px;font-size:10px;text-align:center;font-family:"Gotham SSm A", "Gotham SSm B";font-weight:normal;} #team p {letter-spacing:1px;margin-left:0;margin-bottom:0;margin-right:0;margin-top:6px;font-style:italic;font-size:10px;font-family:"Sentinel A", "Sentinel B";text-align:center;} #team p a {text-decoration:none;color:#C45B2C;} #team p a:hover {color:#231f20;} #preload {display:none;} /* Portrait tablet to landscape and desktop */ @media (max-width: 979px) {#homeSlideshow .slideshow, #homeSlideshow .slideshow img {width:580px !important;height:386px !important;} #homeSlideshow a.prev, #homeSlideshow a.next {display:none;}} /* Landscape phone to portrait tablet */ @media (max-width: 767px) { #main {padding-top:0;} .section-1-img, .section-2-img, .section-3-img {display: none;} #main .nav li {display:block;margin-left:0;padding:8px;border-left:0;border-bottom-color:#231f20;border-bottom-style:solid;border-bottom-width:1px;} #homeSlideshow {margin-top:40px;} #homeSlideshow .slideshow, #homeSlideshow .slideshow img {width:440px !important;height:292px !important;} #event .container, #event .colLeft, #event .colMiddle, #event .colRight, #beneficiaryTickets, #beneficiary, #tickets {display:block;float:none;width:auto;background:none;} #beneficiary, #tickets {padding:0;} #event .colMiddle, #event .colRight, #tickets {border-top-color:#231f20;border-top-style:solid;border-top-width:1px;padding-top:30px;margin-top:30px;}} /* Landscape phones and down */ @media (max-width: 480px) {#header h1 {width:280px;height:68px;background-size:280px 68px;} #homeSlideshow .slideshow, #homeSlideshow .slideshow img {width:280px !important;height:186px !important;}} /* New Stuff */ .sponsors {-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0 auto;padding:25px 0;max-width:800px;width:90%;z-index:1000;position:relative;} .sponsors .featured{margin: 25px 5%;width:25%;} @media (max-width: 900px){ .sponsors .featured {width: 100%; text-margin: 0 auto; text-align: center;}} .sponsors .sponsor {margin:25px 2%;width:18%;} .sponsors .sponsor img {display:block;height:auto;margin:0 auto;max-width:100%;}