/* comments here */

html{
    font-family:'Open Sans',sans-serif;
    font-size:100%;
}

‌​body{
    font-size:1em;
    f‌​ont-family:inherit;
}


.clearFix {
    clear:both;
}

h1 {
    text-align:center;
    font-size:28px;
    font-weight:400;
    color:#333;
    padding-top:20px;
    padding-bottom:10px;
}

h2 {
    font-size:28px;
    text-align:center;
    margin-top:5px;
    margin-bottom:10px;
}

h3 {
    font-size:24px;
    font-weight:bold;
    padding-bottom:10px;
    color:#2f7dbf;
}

p {
    font-size:14px;
    line-height:24px;
    text-align:justify;
}

a {
    text-decoration:none;
}

div {
    box-sizing:border-box;
}

iframe {
    display:block;
}



#header-wrapper {
    background-color:#ebebeb;
    width:100%;
    border-bottom:5px solid #FD5F00; 
}

#header {
    height:100px;
}



/* mobile drop down begin */

#mnav-wrapper {
    display:none;
}

#mnav-wrapper #mnav-list ul {
        padding:0px;
        margin:0px;
}

#mnav-wrapper {
        padding-bottom:20px;
        text-align:center;
}

#mnav-top, #mnav-list {
        margin:auto;
        padding:0px;
}


#mnav-top {
        width:80%;
        background-color:#FD5F00;
        text-align:center;
}

#mnav-list {
        width:80%;
}

#mnav-top a {
        text-decoration:none;
        color:#ffffff;
        font-size:20px;
        font-weight:bold;
        line-height:32px;
}

#mnav-list {
        display:none;
}

#mnav-list ul {
        list-style-type : none;
        text-align:center;
        background-color:#FD5F00;
}

#mnav-list ul li {
        display:block;
        padding-top:4px;
        padding-bottom:4px;
        border-top:1px solid #fff;
}

#mnav-list ul li a {
        text-decoration:none;
        color:#ffffff;
        font-size:20px;
        font-weight:bold;
        line-height:32px;
}


#mnav-list ul li ul li {
        border-top:none;
}



#mnav-list ul li ul li a {
        font-size:16px;
        font-weight: normal;
}


/* mobile drop down end */


.events-wrapper {
    padding-bottom:30px;
}

#logo-wrapper {
    height:100%;
}

#main-logo {
    padding-top:10px;
    padding-top:10px;
    max-height:80px;
    width:auto;
}



#events-category-wrapper {
    float:left;
    padding-top:30px;
    padding-bottom:30px;
    padding-left:10px;
}

#location-icon {
    background-image:url(../images/city.png); 
    background-repeat: no-repeat; 
    background-position: 2px 3px;
    text-indent:40px;
    line-height:40px;
    font-size:15px;
    width:300px;
    /*border:3px solid #b74928; */
    /* border-radius:5px; */
}


#category-icon {
    background-image:url(images/category.png); 
    background-repeat: no-repeat; 
    background-position: 2px 3px;
    text-indent:40px;
    line-height:40px;
    font-size:18px;
    width:340px;
    /* border:3px solid #b74928; */
    /* border-radius:5px; */               
}   

#location-dropdown, #category-dropdown {
    float:left;
}

#category-dropdown {
    padding-left:20px;
    display:none;
}

#location-wrapper, #category-wrapper {
        /* width:200px; */
}

#location {
    width:200px;
}

#category {
    width:330px;
}

#location, #category {
        list-style:none;
        border:10px solid #FD5F00;
        /* border:10px solid #b74928; */
        border-radius:5px;
}

#location li, #category li {
        padding-top:5px;
        padding-bottom:5px;
        padding-left:5px;
        border-bottom:2px solid #FD5F00;
        /* border-bottom:2px solid #b74928; */
        font-size:18px;
}

#location li.last-item, #category li.last-item {
        border-bottom:none;
}

#location-wrapper, #category-wrapper {
        position:relative;
}

#location-wrapper #location, #category-wrapper #category {
        position:absolute;
        left:0px;
        top:0px;
        z-index:9;
        background-color:#f2f2f2;
}      


/* menu */

#menu-wrapper {
    float:left;
}

#menu-wrapper ul {
    /* overflow:hidden;*/
    position:relative;
    display:inline-table;
    z-index:99;
}

#menu-wrapper ul:after {
    content: ""; 
    clear: both; 
    display: block;
}                


#menu-wrapper ul li {
    float:left;    
    line-height: 24px;
    margin:0px;
    padding:0px;
    border:0px;
    list-style:none;    
}

#menu-wrapper ul li a {
    text-decoration:none;
    color:#FD5F00;
    padding:10px 20px 10px 20px;
    display:block;
    font-weight:bold;  
    font-size:16px;
    line-height:20px;
}

#menu-wrapper ul li a:hover, #menu-wrapper ul li ul li a {
    background-color:#FD5F00;
    color:#ffffff;
}

#menu-wrapper ul li:hover {
    background-color:#FD5F00;
    color:#ffffff;
}

#menu-wrapper ul li:hover > a {
    color:#ffffff;
}

#menu-wrapper ul li ul li {
    border-top:1px solid rgba(240,242,244,0.85);
}

#logo-wrapper {
    float:left;
}

#logo-wrapper img {
    display:block;
}

#menu-wrapper {
    float:right;
    padding-top:30px;
}  


#menu-wrapper ul ul {
    display:none;
    position:absolute;
    top:100%;
    /* right:0px; */
}

#menu-wrapper ul li:hover > ul {
    display:block;
}


#menu-wrapper ul li ul li {
    float:none;
    position:relative;
    max-width:280px;
    text-align:left;
}

#menu-wrapper ul li ul li.last-sub-item {
    border-bottom:1px solid #fff;
}


/* menu items */
div.home-head #menu-wrapper ul li a.home {
    background-color:#FD5F00;
    color:#ffffff;    
}

div.sports-head #menu-wrapper ul li a.sports {
    background-color:#FD5F00;
    color:#ffffff;    
}

div.exhibition-head #menu-wrapper ul li a.exhibition {
    background-color:#FD5F00;
    color:#ffffff;    
}

div.festivals-head #menu-wrapper ul li a.festivals {
    background-color:#FD5F00;
    color:#ffffff;    
}


div.concerts-head #menu-wrapper ul li a.concerts {
    background-color:#FD5F00;
    color:#ffffff;    
}

div.theatre-head #menu-wrapper ul li a.theatre {
    background-color:#FD5F00;
    color:#ffffff;    
}


div.festivals-head #menu-wrapper ul li a.more {
    background-color:#FD5F00;
    color:#ffffff;    
}

div.tours-head #menu-wrapper ul li a.more {
    background-color:#FD5F00;
    color:#ffffff;    
}

div.food-head #menu-wrapper ul li a.more {
    background-color:#FD5F00;
    color:#ffffff;    
}

div.more-head #menu-wrapper ul li a.more {
    background-color:#FD5F00;
    color:#ffffff;    
}

div.contact-head #menu-wrapper ul li a.contact {
    background-color:#FD5F00;
    color:#ffffff;    
}


/* end of css for menu */




.dontShow {
    display:none;
}

.show {
    display:block;
}            


.events-heading-wrapper {
    width:100%;
}

.events-heading-wrapper h1 {
    text-align:left;
    border-bottom:1px solid #e5e5e5;
    padding-bottom:10px;
}

.events-heading-wrapper .see-all-link {
    float:right;
    position:relative;
    top:35px;
}

.events-heading-wrapper .see-all-link a {
    color:#333;
}            


.event {
    position:relative;
    padding-left:10px;
    padding-right:10px;
}    

.event:hover > .range-event-date, .event:hover > .single-event-date {
    background-color: rgba(253, 95, 0, 1); 
    -webkit-transition:all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    -ms-transition:all 800ms ease-in-out;
    -o-transition:all 800ms ease-in-out;
    transition:all 800ms ease-in-out;
}


.single-event-date {
    position:absolute;
    left:10px;
    top:0px;
    width:55px;
    height:80px;
    padding:7.5px;
    /* background: url('images/dot-overlay.png') repeat;*/
    background:rgba(0,0,0,0.7);
    text-align:center;
}

.single-event-date table tr td.event-week {
    width:40px;
    height:15px;
    font-size:15px;
}            

.single-event-date table tr td.event-day {
    height:30px;
    font-size:30px;
    font-weight:300;
}


/* TBD BEGIN */
.single-event-date table tr td.tbd-day {
    height:30px;
    font-size:20px; 
    font-weight:300;
}
/* TBD END */

.single-event-date table tr td.event-mth {
    height:20px;
    font-size:20px;
}            

.range-event-date {
    position:absolute;
    left:10px;
    top:0px;
    width:105px;
    height:80px;
    padding:7.5px;
    /* background: url('images/dot-overlay.png') repeat;*/
    background:rgba(0,0,0,0.7);
    text-align:center;
}            



.range-event-date table, .single-event-date table {
    border:none;
}


.range-event-date table tr td, .single-event-date table tr td {
    border:none;
    text-align:center;
    vertical-align:middle;
    color:#ffffff;
    font-family: Tahoma, Geneva, sans-serif;
}            

.range-event-date table tr td.dateCol1 {
    width:40px;
}

.range-event-date table tr td.dateCol2 {
    width:10px;
}

.range-event-date table tr td.dateCol3 {
    width:40px;
}            

.range-event-date table tr td.dateRow1 {
    height:15px;
}

.range-event-date table tr td.dateRow2 {
    height:30px;
}

.range-event-date table tr td.dateRow3 {
    height:20px;
}            

.range-event-date table tr td.event-week {
    font-size:15px;
}




.range-event-date table tr td.event-day {
    font-size:30px;
    font-weight:300;
}            


.range-event-date table tr td.event-mth {
    font-size:20px;
    color:#ffffff;
}


.range-event-date table tr td.dash-dash {
    font-size:20px;
}            


.events .events-heading-wrapper {
    width:100%;
    margin:auto;
    padding:30px 10px 20px 10px;
}

.events .events-heading-wrapper h1 {
    /* display:inline-block; */
}

.events .events-heading-wrapper span {
    display:inline-block;
    padding-left:5px;
}            

.event-img-wrapper {
    width:100%;
}

.event-img {
    width:100%;
}

.event-desc {
    background-color:#f2f2f2;
    padding:10px;
}

.event-desc p.event-title {
    padding-top:5px;
    height:50px;
    line-height:22px;
    color:#333;
    font-size:16px;
}

.event-desc p.event-time {
    line-height:15px;
    color:#333;
    font-size:12px;
}            

.event-desc p.event-location {
    line-height:22px;
    color:#333;
    font-size:14px;
}            

.event-desc p.event-city {
    line-height:22px;
    color:#333;
    font-size:14px;
}   

.event-desc a.read-more-btn, .event-desc a.visit-web-btn, .event-desc a.buy-tick-btn  {
    text-decoration:none;
}

.event-desc a.read-more-btn-no-click, .event-desc a.visit-web-btn-no-click, .event-desc a.buy-tick-btn-no-click {
    cursor:not-allowed;
    text-decoration:none;
}


.event-desc .read-more-wrapper, .event-desc .buy-tick-wrapper {
    display:table;
}

.event-desc .read-more-wrapper .read-more,  .event-desc .buy-tick-wrapper .buy-tick, .event-desc .visit-web-wrapper .visit-web {
    display:table-cell;
    background-color:#FD5F00;
    color:#ffffff;
    vertical-align:middle;
    text-align:center;
    width:110px;/*110px; */
    height:45px;
    font-size:15px;
    line-height:18px;
}

.event-desc .read-more-wrapper .read-more:hover, .event-desc .buy-tick-wrapper .buy-tick:hover, .event-desc .visit-web-wrapper .visit-web:hover {
    background-color:#f2f2f2;
    color:#FD5F00;
    border : 2px solid #FD5F00;
    font-weight: bold;
}


.event-desc .event-btns-wrapper {
    position:relative;
    height:50px;
}

.event-desc .event-btn-read-more {
    position:absolute;
    left:0px;
    bottom:0px;
}

.event-desc .event-btn-visit-web {
    position:absolute;
    left:86px;
    bottom:0px;
}

.event-desc .event-btn-buy-tick {
    position:absolute;
    right:0px;
    bottom:0px;
}     




#load-more-wrapper {
    text-align:center;
    /* padding-bottom:40px; */
}

#no-more-wrapper {
    text-align:center;
    padding-bottom:40px;
}


#load-more-wrapper span {
    padding:20px;
    background-color:#FD5F00;
    font-weight: bold;
    border-radius: 5px;
}

#no-more-wrapper span {
    padding:20px;
    background-color:#FD5F00;
    font-weight: bold;
    border-radius: 5px;
    width:250px;
    color:#ffffff;
    margin:auto;
}


#load-more-wrapper span:hover  {
    background-color:#ffffff;
    border : 2px solid #fd5f00;
}


#load-more-wrapper span a {
    color:#ffffff;
}

#load-more-wrapper span:hover > a  {
    color:#fd5f00;
}


#load-more-wrapper span.notActive {
    display:none;
}

#no-more-wrapper span.active {
    display:block;
}

#no-more-wrapper span.notActive {
    display:none;
}

#no-events span.aActive {
    display:block;
}

#no-events span.notActive {
    display:none;
}



#no-events {
    text-align:center;
    font-size:30px;
    line-height:50px;
}

#footer {
    width:100%;
    background-color:#ebebeb;
    padding-top:40px;
    padding-bottom:40px;
    font-size:20px;
    text-align:center;
}