@charset "UTF-8";
/* Sandler front page CSS Document */



.pad-sm {
    font-size:8px;
}

.pad-md {
    font-size:12px;
}

.cpyrite {
   text-align: center;
   font-size: 10px;
   color:#999999;
   margin-top: 35px;
}

/** Footer CSS **/
#footerblock {
    display:block;
    background-color:#efedee;
    margin-top: 20px;
    padding: 10px 10px 70px 30px;
}
#footerblock h3 {
    color:#00af3f;
}

#footerblock a {
    color:#00af3f;
    text-decoration: underline;
}

#footerblock a:hover {
    color:#00af3f;
    text-decoration: underline;
}

#footerblock a.specialsignup {
    font-size:18px;
}

/** Disolving pics area **/

#frontcyclepics {
    position:relative;
    border-top: solid 1px #666;/* To prevent pics from showing through gap in dropdown menu */
    background-color: #000;

}

#frontleftarrow, #frontrightarrow {
   z-index: 200;
}

.cyclepics {
    position:relative
}

#visit-top-menu a, #tattoo-top-menu a {
    line-height: 11px;
}
#tattoo-top-menu a p {
    line-height: 19px;
}

/**  Front Upcoming Events   **/

#frontpage-upcomingevents-col {
    padding: 0px 30px;
}

#frontpage-upcomingevents-col h2{
    padding: 10px 0px;
}

.vafestbuybtn, .vafestbuybtn_small {
    text-transform: uppercase;
    color:#fff;
    background-color:#00af3f;
    border:none;

}

.vafestbuybtn_small {
    padding-top:3px;

}

.front-allevents a,.front-allevents .fa {
    color:#00af3f;
    font-size: 26px;
}

i.fa.fa-chevron-circle-left,
 i.fa.fa-chevron-circle-right {
     color:#00af3f;
 }

i.fa.fa-chevron-circle-left:hover,
i.fa.fa-chevron-circle-right:hover {
    color:#f2ee72;
}

i.fa.fa-chevron-circle-left:active,
i.fa.fa-chevron-circle-left:focus,
i.fa.fa-chevron-circle-right:focus,
i.fa.fa-chevron-circle-right:active {
    color:#00af3f;
}
#frontrightarrow,
#frontleftarrow {
    outline: none;
}

.front-allevents a:hover {
    color:#00af3f;
    text-decoration: underline;
}

#frontpage-upcomingevents-col .btn {
    /*background-color: #f2ee72;*/
    /*color:#00af3f;*/
    border: solid 1px #00af3f;
}

#frontpage-upcomingevents-col .btn:hover {
    background-color: #f2ee72;
    border: solid 1px #ccc;
    color:#000;
}




/*** Front Find Events ***/

#frontpage-findevents-col {
    padding: 0px 30px;
}

#frontpage-findevents-col h2{
    padding: 10px 0px;
}


#panel-find-events {
    background-color: #f1f1f1;
    padding: 5px 25px;
    border-radius: 20px;
}

ul#genre1menu li a,
ul#groupsmenu li a,
ul#genre2menu li a,
ul#citiesmenu li a,
ul#bydatelongmenu li a,
ul#buyaticketmenu li a{
    padding:0px;
    margin:0px;
}


/* Tattoo Top navigation dropdown */
.tattoodrop p {
    white-space: normal;
    line-spacing: 12px;
}
.tattoodrop h3 {
    padding-top: 5px;
    padding-bottom: 5px;
}

#panel-find-events a {
    color:#333;
}

#panel-find-events a:hover {
    color:#00af3f;
    text-decoration: underline;
}

#panel-find-events .fa {
    font-size: 15px;
    padding-right:5px;
}

#panel-find-events a:hover .fa {
    color:#00af3f;
}

.findevents-col1, .findevents-col2 {
    padding:0px;
}

.findevents-col1, .findevents-col2 {
    padding-left:10px;
}

.front-panel-header {
    font-size: 20px;
    color: #00af3f;
    line-height: 16px;
}

/*** Nav system ***/


#MegaNavbar ul li div.dropdown-menu.row {
    padding: 0px 45px;
    max-width: 1280px;
    margin-left:0px;
    margin-right: 0px;
    margin-top: 1px;
}
.dropdown-menu h2 {
    color: #00af3f;
}



h4.front-panel-heade {
    margin:7px 0px;

}

h4.little-more {
    margin-top: 15px;
}






#container {
    max-width: 1250px;
    margin:0px auto;
    display:block;
}

.toplogo {
    background-color:#00AF3F;
}
.nav-h3 {
    color:#00AF3F;
    font-size:18px;
}
.navgenres a:hover {
    color:#00AF3F
}


.fa {
     font-size:35px;
     color:#777777;
     padding-right:10px;
 }

.fa-caret-down {
    font-size:16px;
    color:#a2a04c;
    padding-right:0px;
    padding-left:5px;

}

#socialtop {
    position:absolute;
    top:15px;
    right:15px;
}


.hrthin {
    display: block;
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    height:1px;
    width:100%;
    border-top: solid 1px #ddd;
}



/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
/**  BEGIN COMMON DEVICE CSS STATEMENTS
   (they will fall through to other device sizes **/
    body {
        margin: 0px;
        padding: 0px;
        background-color: #fff;
        font-family: "Questrial", "Helvetica Neue", "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
    }

    #frontpage-upcomingevents-col h2,
    #frontpage-findevents-col h2{
        font-size: 28px;
    }


    /** Front page VAF Happenings **/
    #front-vaf-happenings {
        padding: 20px;
        margin-top:35px;
    }

    #happenings-icon {
        float:left;
    }

    #front-vaf-happenings h2 {
        line-height: 20px;
        margin-left: 10px;
    }

    .vaf-hap-header {
        padding:8px 15px;
        margin:0px;
    }

    #front-vaf-happenings h3 {
        margin:0px;
        font-size: 20px;
    }


    /* i.fa.fa-play */
    #front-vaf-happenings div.front-more a:after {
        display: inline-block;
        font-family: fontawesome;
        content: "\f04b";
        color:#666;
        padding-left:15px;
        font-size:16px;
    }



    .happening-first-col {
        padding-bottom: 20px;
    }



    .vaf-hap-pics img {
        width:100%;
    }

    .vaf-hap-content {
        padding:10px 0px;
    }

    .vaf-hap-red-bg {
        background-color: #cc0000;
    }
    .vaf-hap-green-bg {
        background-color: #00af3f;;
    }

    .vaf-hap-grey-bg {
        background-color: #cecece;;
    }

    .vaf-hap-yellow-bg {
        background-color: #f2ee72;
        border: solid 1px #ccc;
    }

    .vaf-color-white {
        color:#fff;
    }

    .vaf-color-black {
        color:#000;
    }


    .front-more {
        float:right;
        font-size: 18px;
    }

    div.front-more a {
        color:#333;
    }

    div.front-more a:hover {
        color:#337ab7;
        text-decoration: underline;
    }




    div.front-more {
        margin-bottom: 20px;
    }

    /** END Front page VAF Happenings **/

    .navbar-header button {
        padding: 5px 6px;
    }

    img#mainlogo201620th {
        max-width: 110px;
        display:block;
        margin: 0px auto;
        padding: 10px 0px;
    }
    .nav-h3 {
        color:#00AF3F;
        font-size:15px;
    }
    .navbar .nav>li>a{
        font-family: "Questrial","Helvetica Neue", "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
    }


    .navbar {
        margin-bottom: 0px;
        border: none;
    }

    #frontleftarrow img, #frontrightarrow img {
        height:18px;
        width:18px;
    }
    #frontleftarrow {
        position:absolute;
        top:40%;
        left:0px;
    }

    #frontrightarrow {
        position:absolute;
        top:40%;
        right:-10px;
    }

    i.fa.fa-chevron-circle-left,
    i.fa.fa-chevron-circle-right {
        font-size:18px
    }


    .col-sm-12.secondcol {
     padding-right: 0px;
     padding-left: 0px;
    }

    .eventlist-header {
        font-size:18px;
        line-height: 18px;
        margin: 0px 0px 1px;
    }

    .eventlist-header a {
        color:#00af3f;
    }

    .eventlist-header a:hover {
        color: #007733;
    }

    div#frontpage-upcomingevents-col a img {
        width:200px !important;
        height:auto;
    }

        #MegaNavbar #genre1menu li,
        #MegaNavbar #groupsmenu li,
        #MegaNavbar #genre2menu li,
        #MegaNavbar  #citiesmenu li,
        #MegaNavbar #bydatelongmenu li,
        #MegaNavbar #buyaticketmenu li {
        border-right: none;
        float:none;
    }



    .otherlinks {
        font-size: 18px;
        color:#007733;
    }

    #MegaNavbar .fa.fa-external-link   {
        font-size: 12px;
        color:#007733;
    }



}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

    img#mainlogo201620th {
        max-width: 180px;
        display:block;
        margin: 0px auto;
        padding: 10px 0px;
    }

    #frontleftarrow img, #frontrightarrow img {
        height: 25px;
        width:25px;
    }
    #frontleftarrow {
        position:absolute;
        top:40%;
        left:10px;
    }
    i.fa.fa-chevron-circle-left,
    i.fa.fa-chevron-circle-right {
        font-size:22px
    }

    #frontrightarrow {
        position:absolute;
        top:40%;
        right:0px;
    }

    #frontpage-upcomingevents-col img {
        width:200px;
    }

    #frontpage-upcomingevents-col h2,
    #frontpage-findevents-col h2{
        font-size: 30px;
    }
    .navbar-header button {
        padding: 9px 10px;
    }

    .vaf-hap-header {
max-width: ;
    }

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

    img#mainlogo201620th {
        display:block;
        margin: 20px auto;
        max-width: 160px;
        padding: 0px 0px;
    }

    div.moduletablevafestbnr {
        /*display: block;*/
    }

    .banneritem img {
        max-width: none;
        width:270px;
        height:auto;
        margin: 30px 0px;
    }
    #socialtop {
        display: block;
    }
    .firstcol {
        padding:0px;
        margin: 0px;
        position:relative;
        height: 172px;
    }
    .secondcol {
        padding:0px;
        margin: 0px;
        position:relative;
        height: 172px;
        border-right: solid 1px #ddd;
    }

    #topnavbarcontainer {
        padding:0px;
    }

    #MegaNavbar {
        width: 100%;
        margin:0px;
        padding:0px;

    }

    .navbar {
        margin-bottom: 0px;
        border-radius: 0px;
    }
    nav.navbar {
        position: absolute;
        bottom: 0px;
        width: 100%;
        border:none;
    }

    .navbar .nav {
        height:100% !important;
        margin:0px;
    }

    ul.nav {
        display: block;
        width:100%;
    }

    .navbar .nav>li {
        display: block;
        float: left;
        text-align: center;
        border-right: solid 1px #a8a655;

    }

    #lastitem {
        border-right: none;
    }

    .navbar .nav>li>a{
        text-align: center;
        display: inline-block;
        width:100%;
        height:100%;
    }

    .navbar .nav>li>a{
      font-size: 14px;
      padding: 12px 6px 18px;
    }

    #frontleftarrow img, #frontrightarrow img {
        height: 35px;
        width:35px;
    }
    #frontleftarrow {
        position:absolute;
        top:40%;
        left:10px;
    }

    i.fa.fa-chevron-circle-left,
    i.fa.fa-chevron-circle-right {
        font-size:28px
    }

    #frontrightarrow {
        position:absolute;
        top:40%;
        right:0px;
    }

    /*** TOP LOGO **>>>>>>>>>>>>*/
    #ghostcolumn {
        display: block;
        height:50px;
        width:220px;
    }

    #toplogodiv {
        position: absolute;
        z-index: 300;
        width: 220px;
    }

    #fronttopspacer {
        display: block;
        z-index: 1;
        position: relative;
        height:122px;
        width:220px;
        float: left;
    }
    /*** END TOP LOGO **<<<<<<<<<<<*/

    .eventlist-header {
        font-size:22px;
        line-height: 22px;
        margin: 0px 0px 3px;
    }

    .eventlist-header a {
        color:#00af3f;
    }

    .eventlist-header a:hover {
        color: #007733;
    }



    /* Nav DROPDOWN: SEASON/TICKETS */

    #MegaNavbar #genre1menu li a,
    #MegaNavbar #groupsmenu li a,
    #MegaNavbar #genre2menu li a,
    #MegaNavbar #citiesmenu li a,
    #MegaNavbar #bydatelongmenu li a,
    #MegaNavbar #buyaticketmenu li a {
        font-size: 14px;
        line-height: 15px;
        text-align: left;
    }


    #MegaNavbar #genre1menu li,
    #MegaNavbar #groupsmenu li,
    #MegaNavbar #genre2menu li,
    #MegaNavbar  #citiesmenu li,
    #MegaNavbar #bydatelongmenu li,
    #MegaNavbar #buyaticketmenu li {
        border-right: none;
        float:none;
    }


}

@media only screen and (min-width : 840px) {

    .row {
        margin-left:-20px;
        margin-right: -20px;
    }

    #frontleftarrow img, #frontrightarrow img {
        height: 30px;
        width:40px;
    }

    #frontleftarrow {
        position:absolute;
        top:40%;
        left:10px;
    }

    #frontrightarrow {
        position:absolute;
        top:40%;
        right:0px;
    }

    i.fa.fa-chevron-circle-left,
    i.fa.fa-chevron-circle-right {
        font-size:28px
    }


    .navbar .nav>li>a{
        font-size: 14px;
        padding: 12px 5px 18px;
    }

    .banneritem img {
        max-width: none;
        width:260px;
        height:auto;
        margin: 30px 5px;
    }

    /*** TOP LOGO **>>>>>>>>>>>>*/

    img#mainlogo201620th {
        display:block;
        margin: 20px auto;
        max-width: 190px;
    }

    #ghostcolumn {
        height:50px;
        width:220px;
    }

    #toplogodiv {
        position: absolute;
        z-index: 300;
        width: 220px;
    }

    #fronttopspacer {
        display: block;
        z-index: 1;
        position: relative;
        height:122px;
        width:220px;
        float: left;
    }
    /*** END TOP LOGO **<<<<<<<<<<<*/
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

    img#mainlogo201620th {
        display:block;
        margin: 5px auto;
        max-width: 304px;
    }

    .nav-h3 {
        font-size:18px;
    }

    #frontleftarrow img, #frontrightarrow img {
        height: 40px;
        width:50px;
    }

    #frontleftarrow {
        position:absolute;
        top:40%;
        left:10px;
    }

    i.fa.fa-chevron-circle-left,
    i.fa.fa-chevron-circle-right {
        font-size:35px
    }

    #frontrightarrow {
        position:absolute;
        top:40%;
        right:0px;
    }


    .banneritem img {
        max-width: none;
        width:360px;
        height:auto;
        margin: 15px 0px;
    }

    .navbar .nav>li>a{
        font-size: 17px;
        padding: 12px 7px 18px;

    }

    /*** TOP LOGO **>>>>>>>>>>>>*/
    #ghostcolumn {
        height:50px;
        width:350px;
    }

    #toplogodiv {
        position: absolute;
        z-index: 300;
        width: 350px;
    }

    #fronttopspacer {
        display: block;
        z-index: 1;
        position: relative;
        height:122px;
        width:350px;
        float: left;
    }
    /*** END TOP LOGO **<<<<<<<<<<<*/


}



/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

    /*** TOP LOGO **>>>>>>>>>>>>*/
    #ghostcolumn {
        height:50px;
        width:380px;
    }

    #toplogodiv {
        position: absolute;
        z-index: 300;
        width: 380px;
    }

    #fronttopspacer {
        display: block;
        z-index: 1;
        position: relative;
        height:122px;
        width:380px;
        float: left;
    }
    /*** END TOP LOGO **<<<<<<<<<<<*/


    .navbar .nav>li>a{
        padding: 12px 20px 18px;
    }


    #MegaNavbar #citiesmenu {
        padding-bottom: 20px;
    }

    /* END Nav DROPDOWN: SEASON/TICKETS */

    .nav-h3 {
        font-size:22px;
    }

    .banneritem img {
        max-width: none;
        width:440px;
        height:105px;
        margin: 7px 60px;
    }

    #frontleftarrow {
        position:absolute;
        top:40%;
        left:10px;
    }


    #frontrightarrow {
        position:absolute;
        top:40%;
        right:0px;
    }




}