/*************************
Typeography Font Overrides
*************************/
h1,
h2,
h3,
h4,
h5,
h6,
.navbar .navbar-nav {
  font-family: 'IdealSans', sans-serif;
}
body {
  font-family: 'IdealSans', sans-serif;
  color: #000000;
}
.logo-font {
  font-family: 'IdealSans', cursive, sans-serif;
}

/********************
SKIN COLOUR OVERRIDES
********************/
#account-menu .btn-default {
  background-color:#092e6f;
}

#account-menu > ul > li > a {
  margin:0px!important;
}

#account-menu .dropdown-menu {
    right: unset!important;
    width: unset;
    left: unset;
}

#account-menu ul{
  background-color:#fff!important;
  padding:0;
  margin-top:0;
  min-width: 0;
}

.newsLetter-bg {
  background-color:#665ba9!important;
  color: #fff;
}

.newsLetterSubmit-bg {
    background-color:#092e6f;
    color: #fff;
    border-color:#092e6f;
    border-radius:3px!important;
}

.newsLetterSubmit-bg:hover {
    background-color:#14408f;
    border-color:#14408f;
}

.newsLetter-bg :is(h1, h2, h3, h4, h5, h6) {
    color: #fff;
}

.newsLetter-bg .form-control{
  color: #707070;
}

.separator:after {
    background:linear-gradient(to right, rgba(2,0,36,0) 0%, rgba(255,255,255,0.4990371148459384) 50%, rgba(0,0,0,0) 100%);
}

.main-container {
    min-height: 515px;
}

a {
    color: #092e6f;
}

.borderNone {
    border: none !important;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .dropdown-menu .menu > .active > a, .dropdown-menu .menu > .active > a:hover, .dropdown-menu .menu > .active > a:focus {
    color: #092e6f;
}


.festivalMainColorBG {
    background-color: #5bbab5;
    background-image: url(https://www.cairns.qld.gov.au/festival2020/_media/site-media/homepage-media/background-circles.png/_nocache);
    background-size: contain;
}

.festivalEventBG {
    background-color: #5bbab5;
    background-size: contain;
    background-position: center 159px;
    background-repeat: no-repeat;
}


/*header */

.bannerAlert {
    background: #e81870;
    border-radius: 0;
    margin: 0;
}

.header-top.dark {
  background-color: #5bbab5;
  border-bottom: none;
}
.dark .social-links li a {
    background-color: #fa9507;
    color: white;
    
}

.header-top-dropdown .btn-group a {
    background-color: #092e6f;
    color: white;
    margin-left: 5px !important;
    margin-right: 5px !important;
}


.header-top:not(.banner) {
    border-bottom: none;
}

@media (min-width: 768px) {
 .with-dropdown-buttons .navbar-default .navbar-collapse {
     padding-right: 105px
     
 }
    
}

#menuHeaderBar {
    padding: 0;
}

#mobileSocialMediaToggle {
    color: #fa9507;
    font-size: 23px;
}


.breadcrumb > .active {
    color: #000;
}


/*Buttons */
.btn {
    border-radius: 0px;
}

.btn-primary {
  color: #fff;
  background-color: #092e6f;
  border-color: #092e6f;
}


.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #092e6f;
  border-color: #092e6f;
}
.btn-primary:hover {
  color: #fff;
  background-color: #092e6f;
  border-color: #092e6f;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #092e6f;
  border-color: #092e6f;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #092e6f;
  border-color: #092e6f;
}

.btn-pink {
  color:white!important;
  background-color: #e81870;
  border: #e81870!important;
  font-weight:500;
  text-decoration:none!important;
  border-radius:0px!important;
}
}
.btn-pink:hover {
    background-color:#ee5999!important;
}

.btn-pink a{
  color:white!important;
  text-decoration:none!important;
}


/* first level menu item on hover/focus */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background-color: transparent;
  color: #092e6f;
}




/*************
Homepage 
**************/



/*EVENT LISTING*/
.redHeart{
    color: #FA4650;
}

.iconlist {
    padding-left: 0;
    list-style-type: none;
    color: black;
    min-height: 92px;
}

.iconlistFeatured {
    padding-left: 0;
    list-style-type: none;
    color: black;
}

.iconlist i, .iconlistFeatured i {
    margin-right: 10px;
    font-size: 17px;
}

.overlay-container {

}

.listing-item .body h3 {
    /* 45px */
    min-height: 101px;
    /*height: 100%;*/
}

.dropdown-menu {
    z-index: 999;
}

#featuredEventsContainer {
    background-color: #5bbab5;
    background-image: url(https://www.cairns.qld.gov.au/festival2020/_media/site-media/homepage-media/background-static.png/_nocache);
    /* background-size: contain; */
    background-position: top;
    background-repeat: no-repeat;
}


.freeEventBadge {
    color: white;
    font-size:2rem;
    font-weight: 100;
    width: 100%;
    border-radius: 0;
    background-color: #e91072;
    white-space: break-spaces;
} 

.ticketedEventBadge {
    color: white;
    font-size:2rem;
    font-weight: 100;
    width: 100%;
    border-radius: 0;
    background-color: #007cb3;
    white-space: break-spaces;
    
}

.cancelledEventBadge {
    background: white;
    color: black;
    border: 1px solid red;
    border-radius: 0;
    width: 100%;
    font-size: 2rem;
    font-weight: 100;
    white-space: break-spaces;
}
    

.pastEventBadge {
    color: white;
    font-size:2rem;
    font-weight: 100;
    width: 100%;
    border-radius: 0;
    background-color: black;
    white-space: break-spaces;
} 

.noMargin{
    margin: 0px !important;
}


#homepageHeaderText {
    background: #fa9507;
    color: white;
    font-size: 30px;
}

#page_calendar_events_search_322230 {
    margin: 0;
}

/*Bootstrap datepicker colours START*/
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background-color: #ffffff;
    color: #e4e7e7;
    border-radius: 0;
    border: 1px solid #e4e7e7;
    padding: 7px;
}

body > div.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top > div.datepicker-days > table > tbody { 
    background-color: white;
    color: black !important;
}


.datepicker table tr td:not(.disabled) {
    border: 1px solid #e4e7e7;
    color: black;
    padding: 7px;
}

/*Bootstrap datepicker colours END*/

.homepageDivider {
    width: 50%;
    margin-top: 0;
    margin-bottom: 0;
}

.imageLoadIcon{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


.fixed-header-on .header .logo img {
    max-height: 52px;
}

.blackFont{
    color: black !important;
}

.backgroundWhite{
    background-color: white !important;
}

@media only screen and (min-width: 1025px) {
    #map-container {
        float: right !important;
    }
}

#mapDiv{
    height: 500px;
    border: solid #7f7f7f 1px;
}

.header-first {
    /*padding: 6px 0 0 0 !important; */
}

.dark .footer{
    /*background-color: #373737 !important; */
}

#featuredLeft{
  right:85%;
  border: 0px;
  background: transparent;
  color: #2e3638;
  font-size: 30px;
}

#productListingBorder{
padding-top: 4px;
border-style:solid;
border-color:#c8c8c8;
border-width:1px;
}

.hide-Keyword{
  visibility: hidden;
  height: 0px;
}

.noUnderline li a{
 text-decoration: none !important;
 color: black !important;
}

.dropdown a:before, 
.dropdown a:after {
     display:none !important;
}

.showDoot a:before, 
.showDoot a:after {
     display:block !important;
}

.eventSearch {
    height: 370px !important;
    background: url(./?a=223335) 0% 0%; 
    background-position: 50% -234px !important;
    background-size: 100% 115%;
    
}

.searchContainer{
    /*margin-top: 230px;*/
    /*background: rgba(255, 255, 255, 0.74);*/
    background-color: #5bbab5;
}

.video-background video, .video-background-banner video {
    min-width: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-attachment: scroll;
    min-height: 100%;
    height: auto;
    width: auto;
    top: 0%;
    left: 0%;
    background-size: cover;
    position: absolute;
}

tbody {
    /*background-color: #373737;*/
}

.homepageHeadings {
    font-size:20px;
    color: black;
}




/***********************
START EVENT PAGE STYLING
***********************/

.freeEvent {
    color: #e91072;
}

.eventContainer {
    background: white;
    color: black;
}

.eventContainer a {
    text-decoration: underline;
}

#pricingGuideButton {
    color: #ef4e19;
    text-decoration: none;
}

#pricingGuideButton i {
    color: black;
}

.priceGuideBuyButton {
    width: 20% !important;
    margin-right: 20px;
}



#entaBuyButton {
    background: #e81870;
    color: white;
    border: none;
    width: 100%;
}
.noPadding {
    padding: 0;
}

.noMargin {
    margin: 0;
}

.offSale {
    background: #c81e37;
    color: white;
}

#entaPricingGuideDiv {
    color: black;
}

#pricingContainer th {
    font-weight: 600;
    
}

.alert-success {
    background: #c8ffe1;
    color: #515151;
    
}

.alert-danger {
    background: #c81e37;
    color: white;
}

.overridePriceGuide {
    color: black !important;
}

#entaPricingGuideDiv .tab-content {
    background: #f8f8f8;
    padding-top: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 13px !important;
}

#pricingContainer > div > div {
    padding: 0px;
}

#entaPricingGuideDiv * table {
    margin-bottom: 11px
}

#entaPricingGuideDiv {
    border: none;
    background-color: #c3c3c3; /* old #a8679f  282828*/
}


.nav > li > a:hover,
.nav > li > a:focus {
  background-color: #909090
}

.nav > li > a {
    color: black;
}

.nav-justified li a{
	text-decoration: none !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {

  background-color: white;
  border: 1px solid white !important;
  border-bottom-color: transparent;
}

.nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #a8679f;
    border-radius: 0;
    border-color: transparent;
}

.alert-info {
    color: #ffffff;
    background-color: #2d9fda;
    border-radius: 0;
}

.table-responsive {
    border: none;
}

.embed-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
} 

.embed-container iframe, .embed-container object, .embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

.trailer-container span{
    display: block;
    text-align: center;
}

.trailer-container{
    margin-top: 17px;
}

@media (max-width: 480px) {
    .nav-tabs {
        background-color: #a8679f !important;
        border-bottom: none!important;
    }    
}

@media (min-width: 768px){
    .dl-horizontal dt {
        max-width: 121px;
    }
}


/***************************************/
/*         FOOTER COLOR OVERRIDES      */
/***************************************/

.questionError{
	color: red;
	font-weight: 500;
}

.footer-content form .sq-form-required-field-note{
	color: #d2d2d2;
}

.dark .footer-content .nav-pills > li > a, .dark .footer-content .nav-pills > li.active > a, .dark .footer-content .nav-pills > li.active > a:focus, .dark .footer-content .nav-pills > li > a:focus{
    color: #C4C4C4;
}

.footer-content form .form-control:not(button) {
    color: black !important;
}

  .footerLogo {
        max-width: 88%;   
    }  

@media only screen and (max-width: 991px) {
    .footerLogo {
        max-width: 34%;   
    }    
}




/***********************************/
/*HOMEPAGE EVENT SEARCH BAR STYLING*/
/***********************************/


.searchContainer .btn-lg {
    width: 100%;
    padding: 4px 25px;
}

.btn-homeSearch{
    background: white;
    color: black;
    min-width: 181px;
    border: 1px solid #969494;
}

#searchEventInput {
   text-align:center;
}


.text-homeSearch{
    margin-top: 17px;
    /*color: black;*/
    color: white;
    font-size: 26px;
}

#searchEventInput{
    margin-top: 10px !important;
    height: 36px;
    min-width: 180px !important;
    font-size: 16px;
    color: black;
}

.searchEventInputIcon{
    margin-top: 9px;
    margin-right: 11px;
}

.badgeGenreStyling{
    border: 0px !important;
    /*font-weight: bold !important;*/
    color: black !important;
    background-color:white !important;
    font-size: 15px !important;
}

.footerHeaderStyle{
    color: white;
    display: block;
    margin-bottom: 20px;
    font-weight: 500;
}

.footerContentStyle{
    color: #d2d2d2;
    margin-bottom:20px;
}
.footerContentStyle p {
    margin:0;
}

.footer-content{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.footer-inner{
    margin-top: 30px !important;
}

.dateSearchInput{
    background: white !important;
    opacity: 1 !important;
    width: 115px !important;
    height: 36px;
    padding-right: 0px !important;
    font-size: 16px;
    color: black;
    padding-top: 8px;
}

.dateSearch{
    /*transform: translate(-17%, 0); */
    margin: 10px;
}

.calendarIcon{
    position: absolute !important;
    z-index: 4 !important;
    transform: translate(-300%, 56%) !important;
    font-size: 18px;
    color: #666666;
}

.scrollable-menu{
    height: auto;
    max-height: 500px;
    overflow-x: hidden;
}

#altSearchGenre{
    position: absolute !important;
    left: 50% !important;
    top: 90% !important;
    transform: translate(-50%, 0%) !important;
}

.videoDiv{
    height:500px;
}

.footerLogo {
	display: block;
	padding-top: 136px;
}



/*MD*/
@media only screen and (max-width: 1199px) and (min-width: 992px)  {
    .btn-homeSearch{
        padding:7px 20px !important;
        font-size: 14px !important;
        min-width: 145px;
    }
    
    #homeSearchSubmit{
        padding: 7px 20px !important;
        font-size: 14px !important;
    }
    
    .text-homeSearch{
        font-size: 20px !important;
    }
    
    #searchEventInput{ 
        min-height: 36px !important;
        min-width: 141px !important;
        font-size: 15px !important;
        height: 36px !important;
    }
    
    .dateSearch {
          transform: translate(-17%, 0);
    }

    .dateSearchInput{
        min-height: 36px !important;
        width: 103px !important;
        font-size: 15px !important;
        height: 36px !important;
      
    }
    
    .calendarIcon{
        transform: translate(-288%, 48%) !important;
    }
    
    .eventSearch{
        background-position: 60% 50% !important;
        background-size: 150% 150% !important;
    }
    
    .videoDiv{
        height: 250px;
    }
    
    
}
/*SM*/
@media only screen and (max-width: 991px) and (min-width: 768px)  {
    
    .btn-homeSearch{
        min-width:100px;
        padding:7px 20px !important;
        font-size: 14px !important;
    }
    
    #homeSearchSubmit{
        padding: 7px 20px !important;
        font-size: 14px !important;
    }
    
    .text-homeSearch{
        font-size: 20px !important;
    }
    
    #searchEventInput{ 
        min-height: 36px !important;
        min-width: 141px !important;
        font-size: 15px !important;
        height: 36px !important;
    }
    
    .dateSearch {
          transform: translate(-24%, 0);
    }
    
    .dateSearchInput{
        width: 88px !important;
        min-height: 36px;
        height: 36px !important;
        padding: 0;
        /*padding-right: 0px !important;*/
    }
    
    .calendarIcon{
        transform: translate(-223%, 70%) !important;
        font-size:14px !important;
    }
    
        .eventSearch{
        background-position: 47% 50% !important;
        background-size: 150 150% !important;
    }
    
    .videoDiv{
        height: 210px;
    }
    
    .footerLogo {
	    padding-top: 0px !important;
    }
}

/*XS*/
@media only screen and (max-width: 767px){
    
    
    /*===== Event Homepage search start =====*/
     .btn-homeSearch{
        padding:7px 20px !important;
        font-size: 14px !important;
        width: 100%;
    }
    
    #homeSearchSubmit{
        padding: 7px 20px !important;
        font-size: 14px !important;
        width: 100%;
    }
    
    #searchEventInput{ 
        min-height: 36px !important;
        min-width: 141px !important;
        font-size: 15px !important;
        height: 36px !important;
        margin-bottom: 10px;
    }
    
    .searchContainer{
        margin-top: 0px !important;
    }
    
    .dateSearchInput{
        width: 100% !important;
        min-height: 36px;
        height: 36px !important;
        padding: 0;
        /*padding-right: 0px !important;*/
    }
 
    .dateSearch{
        transform: translate(0,0);
        margin-left: 0px;
    }   
    
    /*===== Event Homepage search end =====*/
    
    .logo{
        z-index: 50;
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-51%, 33%) !important;
    }
    
    .navbar-toggle{
        margin-top: 18px;
        margin-bottom: 18px;
    }
    
    .footerLogo {
	    padding-top: 0px !important;
    }
    
}

@media (max-width: 480px){
    .overlay-container .text p:not(.mobile-visible) {
        display: block !important;
    }
}