@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,400italic,300italic,300,100italic,100,500italic,700,700italic,900,900italic);
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");



/* TEMPORARY CONTENT HIDE */

#screen_flip_section .item-box-item-details select {display:none !important;}
#accountContent > h4,
#offerSearchBox,
.drop,
.active-promotions ul                              {display:none;}

#menuTopItem-help {display: none;}

/* CUSTOM */

html                                                {background:#FFFFFF;}

strong  {font-weight: bold !important;}

.btn-secondary { background-color: #ee3124; color: #FFFFFF; text-transform: uppercase; border-color: #333333;}

.seat-prices li .select-seat-price
{
    border-color: #ee3124;
    border-radius: 5px;
    background-color: #EEEEEE;
} 

a.button-red                                   	    {padding: 10px 24px; background:rgba(164,60,35,0.85);color: #FFF; border-radius: 4px;}
a.button-red:hover                               {background:rgba(164,60,35,1);color: #FFF;}
a.button-white                                      {padding: 10px 24px;background:rgba(255,255,255,0.85);color: #ee3124; border-radius: 4px;}
a.button-white:hover                                {background:rgba(255,255,255,1);color: #ee3124;}

/*HIDE ACTIVE PROMOTIONS LIST*/

#promoCodeList-box{

    display: none;

}

/*END HIDE ACTIVE PROMOTIONS LIST*/

/* HIDE GUEST LOGIN

div.account-box.create-account-box.no-account-needed  { display: none;} */


/* ALERTS */

.system-message-block{
    position: fixed;
    z-index: 999;
    width: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background:#fcfcfc;
    border-style:solid;
    border-width:5px;
    border-color: #CCCCCC; 
    border-radius:5px; 
    border-top-style: solid;
    border-top-width: 25px;
    font-size:24px;
    padding-top: 25px;
    padding-bottom: 25px; 
}





.alert                                              {text-shadow:none;}
.error-message, .timeout-message                    {border-color: #FF0000; background-color: rgb(211, 173, 173); color: #333; text-shadow: none;}
.info-message                                       {border-color: #0000FF; background-color: rgb(186, 186, 211); background-color: #5480E8; color: #FFF; text-shadow: none;}
.close                                              {color: #808080; font-size: 36px; font-weight: bolder; opacity: 0.8; text-shadow: 2px 0; margin: 0 0 0 0;}



/*BODY*/
.bodyDetails                                        {padding:2% 4%;padding-bottom:36px;background-color:#FFF;}
#default.bodyDetails                                {padding:0;background-color:#FFF;}
.container                                          {max-width:100%;padding:0}
.article-body-container                             {padding: 2% 8% 2% 8%;}

/*FEATURES*/

#feature-box                                        {background:#FFF;-webkit-box-shadow: 0 2px 2px #CCC;box-shadow: 0 2px 2px #CCC;}


    /* SECONDARY/TERTIARY DIVS */
    .secondary-linked-features-div,
    .tertiary-linked-features-div                       {margin-bottom:16px;}


/*TOP UTILITY NAV*/
.customer-options                                   {border-bottom:3px solid #ee3124;background:#000000; color: #FFF;opacity: 1;}
.menuContainer.utility-nav ul li a[title="follow us on twitter"],
.menuContainer.utility-nav ul li a[title="follow us on twitter"]:hover,
.menuContainer.utility-nav ul li a[title="find us on facebook"],
.menuContainer.utility-nav ul li a[title="find us on facebook"]:hover,
.menuContainer.utility-nav ul li a[title="follow us on instagram"],
.menuContainer.utility-nav ul li a[title="follow us on instagram"]:hover {
    overflow:hidden;
    text-indent:100px;
    white-space:nowrap;
    width:5px; 
}

.menuContainer.utility-nav ul li a[title="follow us on twitter"],
.menuContainer.utility-nav ul li a[title="follow us on twitter"]:hover	{
    background:transparent url("/content/Images/Centennial%20Concert%20Hall/logos/icon-twitter-sml.png") no-repeat scroll center center;
    padding:10px 25px;
    z-index: 5;
}

.menuContainer.utility-nav ul li a[title="find us on facebook"],
.menuContainer.utility-nav ul li a[title="find us on facebook"]:hover {
    background:transparent url("/content/Images/Centennial%20Concert%20Hall/logos/icon-fb-sml.png") no-repeat scroll center center;
    padding:10px 25px;
    z-index: 10000;
}

.menuContainer.utility-nav ul li a[title="follow us on instagram"],
.menuContainer.utility-nav ul li a[title="follow us on instagram"]:hover {
    background:transparent url("/content/Images/Centennial%20Concert%20Hall/Main/icon-insta.png") no-repeat scroll center center;
    padding:10px 25px;
    z-index: 10000;
}

/* SEARCH BOX */

.search-box												{background:transparent; padding: 0; margin: 0;}
.search-box form ul li									{float:right;margin:0 0 0 -18px}
.search-box form ul li .input-group						{display:none}
.search-box form ul li .field-label						{display:none}
.search-box form ul li .form-control					{width:230px;border-top:none;border-left:none;border-right:none;border-bottom:3px solid #ee3124;-webkit-box-shadow:none;box-shadow:none}
.search-box form ul li .form-control:focus				{outline:none;-webkit-box-shadow:none;box-shadow:none}
.item-search-keyword label input .form-control			{font-family:"Oswald",sans-serif;color:#363535;font-size:18px}
.search-box form input[type="submit"]					{background:transparent url("/content/Images/Centennial%20Concert%20Hall/Main/search-icon-red.png") no-repeat scroll center center;padding:10px 25px;text-indent:-200px;border:none;background-size:20px 20px;position:relative;right:-250px}
.search-box form input[type="submit"]:hover				{background:transparent url("/content/Images/Centennial%20Concert%20Hall/Main/search-icon-gray.png") no-repeat scroll center center;background-size:20px 20px;background-color: transparent!important;}
.form-control {
    height: 42px;
}
	
	
/*	
    border-color: #888;
    color: #fff;
    font-size: 11px;
    margin: 0 0 0 10px;
    padding: 6px 12px;
    width: auto;}
	*/
.search-box .btn:hover								{font-weight: bold;}

	

    /* ALPHA */
    .alpha                                              {width:100%;position:relative;}
    .alpha-text                                         {position:absolute;width:40%;top:0;right:0;margin:8% 0;padding:0 4%;text-align:right;}
    .alpha-text h1                                      {margin:0;padding:0;font-family: "azo-sans-web", sans-serif;font-weight: 700;font-size: 32px;letter-spacing: .04em;text-transform: uppercase;}
    .alpha-text h2                                      {margin-bottom:8%;font-size:20px;font-weight:300;font-style:italic;}
    .alpha-text a                                       {padding: 10px 24px; background:rgba(255,130,0,0.85);color: #FFF; border-radius: 4px;}
    .alpha-text a:hover                                 {background:rgba(255,130,0,1);color: #FFF;}

    /* SUB-ALPHAS */
    .sub-alphas                                         {width:100%;max-height:238px;overflow:hidden;}
    .static-inner .item .sub-alpha                      {float:left;width:100%;margin:0;padding:0;}
    .static-inner .item .sub-alpha-1                    {position:relative;float:left;width:33.3%;border-right:2px solid #ee3124;}
    .static-inner .item .sub-alpha-2                    {position:relative;float:left;width:33.3%;border-right:2px solid #ee3124;}
    .static-inner .item .sub-alpha-3                    {position:relative;float:left;width:33.3%;}
    .static-inner .item .sub-alpha-1,
    .static-inner .item .sub-alpha-2,
    .static-inner .item .sub-alpha-3                    {text-align:center;}
    .sub-alpha-text                                     {position:absolute;width:100%;margin:16% 0;padding:0 4%;}
    .sub-alpha-text h1                                  {margin:0;margin-bottom:8%;padding:0;font-family: "azo-sans-web", sans-serif;font-weight: 700;font-size: 26px;letter-spacing: .04em;text-transform: uppercase;}

    /* SECONDARY/TERTIARY PROMOS */
    .st-promo                                           {width:100%;background-size: cover; background-position: center;}
    .st-promo-text                                      {width: 100%; height: 100%; margin: 0; padding: 16% 4%; text-align: center; }
    .st-promo-text h1                                   {width: 100%; margin: 0; margin-bottom: 16px; padding: 0; font-family: "azo-sans-web", sans-serif; font-weight: 700; font-size: 28px; letter-spacing: .04em;text-transform: uppercase;}
    .st-promo-text h2                                   {margin-top:4%;margin-bottom:12%;font-size:18px;font-weight:300;font-style:italic;}

    .st-promo-anthracite                                {background: rgba(0,0,0,0.6);}
    .st-promo-anthracite h1                             {color: #FFF;}
    .st-promo-anthracite h2                             {color:#EEE;}

    /* SECONDARY/TERTIARY WIDGETS */
    .st-widget                                          {width:100%;}
    .st-chat                                            {padding-bottom:8px;font-family: "azo-sans-web", sans-serif;background:#ee3124;}
    .st-chat h1                                         {width:100%;padding:0;font-family: "azo-sans-web", sans-serif;font-weight:200;font-size:26px;letter-spacing:.04em;color:#FFF;text-align:center;}
    .st-chat p                                          {width:100%;padding:0 5%;color:#FFF;font-size:14px;font-weight:200;text-align:center;letter-spacing:.1em;line-height:1.4em;}
    .st-chat a                                          {padding:4% 10%;border-radius:4px;font-weight:700;text-align:center;background:rgba(255,255,255,0.85);}
    .st-chat a:hover                                    {background:rgba(255,255,255,1);}
    .st-chat img                                        {padding-top:16px;}

    /* SECONDARY/TERTIARY LINKS */
    .st-link                                            {background:#ee3124;}
    .st-students                                        {}
    .st-marketplace                                     {background:#FFF;}

#calendarWidget-navigation                          {background:#ee3124;color:#FFF;}
#calendarWidget-navigation td                       {border-top:none !important;}
#calendarWidgetTable td                             {border:none;border-top:none !important;}

.promotional-code-input                             {margin-bottom:4%;padding:2% 2%;background:#f0f0f0;text-align:center;}
.promotional-code-input h4                          {font-family: "azo-sans-web", sans-serif;font-weight:700;color:#ee3124;}
.promotional-code-input .form-control               {border-radius:0;}
.input-group-btn:last-child>.btn                    {background:#ee3124;font-family: "azo-sans-web", sans-serif;font-weight:700;color:#FFF;border-color:transparent;}

.secondary-linked-feature-div                       {margin-bottom:8%;}

.main-article-body h1:first-child                   {margin-top:0;}

.item-box-item-details .price-zone-amount           {width:100%;margin:1% 0;padding:2%;text-align:left;border:1px solid #DDD;}
span.price-type-label                               {float:left;}
/* span.price-label                                    {float:right;} */

#pricing_list                                       {padding:0 !important;}
ul.legend-ul                                        {padding:0 1%;}

    /* FOOTER */
    #footer-contact                                     {float:left;width:100%;margin:24px 0;color:#CCC;}
    #footer-col-1                                       {float:left;width:33.33%;}
    #footer-col-2                                       {float:left;width:33.33%;}
    #footer-col-3                                       {float:left;width:33.33%;}
    #footer-contact h1                                  {padding:0;margin:0;font-size:24px;font-weight:700;color:#FFF;text-transform: uppercase;}
    #footer-contact h2                                  {color:#FFF;margin:0;margin-bottom:16px;padding-bottom:16px;font-family: "azo-sans-web", sans-serif;letter-spacing:.05em;color:#EEE;font-weight:200;border-bottom:1px solid #888;}
    .footer-details                                     {text-align:center;color:#888;}
    #footer .footer-details a                           {color:#CCC;}
    .footer-chat                                        {margin-top: -6%; margin-left: 6%; padding: 6%; text-align: center; background: #47494C;}
    .footer-chat a                                      {color:#FFF !important; font-family: "azo-sans-web", sans-serif;}
    .footer-chat a:hover                                {text-decoration:none;}
	.footer_text										{color: #FFF; font-family: "azo-sans-web", sans-serif;}

.carousel-indicators li.active {
    background-color: rgb(164, 60, 35);
    background-color: rgba(164, 60, 35, 0.6);
}

a.left.carousel-control {
	color: #ffffff;
}

a.right.carousel-control {
	color: #ffffff;
}

/* full width default carousel */
.carousel-caption{
	color:#ffffff;
    width: 60%;
    margin: 0 auto;
    padding: 30px 40px 70px;
    background: rgba(0, 0, 0, 0.4);
    z-index: 9;
}

.carousel-caption h1 {
	border-bottom: 1px dotted rgba(255, 255, 255, 0.47);
	color:#ffffff; 
    font-family:"azo-sans-web", sans-serif;
	font-size: 50px;
    font-weight: 700;
    text-transform: uppercase;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.carousel-caption h3 {
    color: #ffffff;
    font-size: 30px;
}

.carousel-caption p {
    color: #ffffff;
    font-size: 22px;
    font-weight: 200;
}



/* RF EDITS START ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.av_on_sale_date {
    font-size: smaller;
}

.result-box-item-details.last-column {
    font-size: smaller;
}    


.hide-onsale .result-box-item-details.last-column {
  display: none;
}

/* this removes the red yellow green buttons */
.availability-icon {display: none;
}

/* this moves the promo box on smaller screens to the top on the articles */
@media (max-width: 992px) { 

.article-body-container {
  display: flex;
  flex-direction: column-reverse;
}
}

/* this moves the promo box on the general admission choose number of tickets screen to the bottom */

/*#seatSelect .select-tickets-column.av-left {*/
/*  display: flex;*/
/*  flex-direction: column-reverse; */
/*}*/

/* this creates a css class option that goes in the search widget properties, which hides various things in specific searches */

.hide-start-date .item-start-date {

  display: none;

}

.hide-start-label .start-date-label {
  display: none;
}

.hide-show-desc .item-teaser {
  display: none;
}


/* this is attempting to change how the fee messages display at various spots /*
.fee-charges {
   font-size: x-small;
}

/* reduces the size of the "includes service charge" just under best available price options */

#seatSelect a.charge-message-link {
font-size: x-small;
padding: 0 20px 0 0;
}

/* this is the charge box on the right side under add to order in the seat select screen and ? */

.attention.alert.alert-info {
font-size: x-small;
}


/* this changes the promo box link on the seat choice page to be a bit more prominent by adding a box border around it 

#mapSelect .promo-link {
  padding: 20px;
  background-color: rgb(238, 238, 238);
  margin: 20px 0;
}

#mapSelect .promo-link::before {
content: "This text appears before the promo link";  
}

*/

/* this turns the promo link on the seat select page into a button - do not have it on with the prominent option above though */

#mapSelect .promo-link button {
  background: #ee3124;
  color: white;
  padding: 10px 15px;
}

#mapSelect .promo-link button:hover {
  background: #962119;     
}

#mapSelect .promo-link{
    margin: 10px 10px 0 0;
    padding: 0 0px;
}


/* this colours the buttons for ticket types after you have selected on the map but before you put them in the cart */

#mapSelect a.select-seat-price {

  background: #eeeeee;

  color: #000000;

  border-color: #ee3124;

}

 

#mapSelect a.select-seat-price:hover, #mapSelect a.select-seat-price:focus {

  background: #ee3124;

  border-color: #000000;

}

/* this creates some more button types for health protocols */

a.button-health  {
margin-top: 10px;
padding: 10px 24px;
background:##ff0000;
color: #000000; 
border-radius: 4px;
}

a.button-health:hover  {
background:#980000;
color: #000000;
}


/* RF EDITS ENDS ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.cch-event-btn-red {
    background-color: #ee3124;
    border-color: #ee3124;
    border-radius: 0;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 1% !important;
    padding: 15px !important;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.cch-event-btn-red:hover,
.cch-event-btn-red:focus,
.cch-event-btn-red:active,
.cch-event-btn-red:active:focus {
    background-color: #ffffff;
    border: 1px solid #000000;
}

.cch-event-btn-red a:hover {
    color: #ee3124;
}



/* search box */
#searchBox {
    /*position: absolute;
    left: 0;
    right: 0;
    top: 35%;
    width: 60%;
    margin: 0 auto;*/
    position: absolute;
    left: 50%;
    right: 0;
    top: 35%;
    width: 30%;
}

#searchBox .form-control {
    background: transparent;
    color: #ffffff;
    font-size: 18px;
    text-transform: uppercase;
}

/* carousel sliders */
.cch-carousel-row {
    background-color: #ee3124;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}



/* first col */
.cch-event-img {
    margin-left: 10%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

/* second col */
.cch-event-desc {
    margin-right: 10%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.cch-event-desc-container {
    margin-right: 40%;
    overflow: hidden;
}

.cch-event-desc h1 {
    color: #ffffff;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2em;
    margin: auto;
}

.cch-event-desc h3 {
    color: #ffffff;
    font-size: 22px;
    text-transform: none;
    font-weight: 700;
    /* margin: 10% 0 */;
}

.cch-button-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2%;
}

/* carousel btns */
.cch-button-wrap div {
    width: auto;
    margin: 0 2% 0 0;
}

.cch-event-btn-white {
    background-color: #ffffff;
    border-color: #ffffff;
    border-radius: 0;
    text-transform: uppercase;
    margin-bottom: 1% !important;
    padding: 10px 15px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.cch-event-btn-white:hover,
.cch-event-btn-white:focus,
.cch-event-btn-white:active,
.cch-event-btn-white:active:focus {
    background-color: #ffffff;
    border: 1px solid #000000;
}

.cch-event-btn-white a:hover {
    color: #ee3124;
}

.cch-event-btn-black a:hover {
    color: #ee3124;
}

.cch-event-btn-black {
    background-color: #000000;
    border-color: #000000;
    border-radius: 0;
    text-transform: uppercase;
    margin-bottom: 1% !important;
    padding: 10px 15px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.cch-event-btn-black:hover,
.cch-event-btn-black:focus,
.cch-event-btn-black:active,
.cch-event-btn-black:active:focus {
    background-color: #000000;
    border: 1px solid #ffffff;
}

@media screen and (max-width: 1440px) {
    .carousel-caption {
        padding: 20px 40px;
        width: 80%;
    }
    
    #searchBox {
        /* width: 80%; */
    }
}

@media (max-width: 1440px) and (min-width: 1024px) {
    #searchBox {
        left: 60%;
    }
}

@media screen and (max-width: 1280px) {
    .carousel-caption h1 {
        font-size: 40px;
    }
    
    .carousel-caption h3 {
        font-size: 24px;
    }
    
}

@media screen and (max-width: 1285px) {
    .cch-event-desc-container {
        margin: auto;
    }
}

@media screen and (max-width: 990px) {
    .cch-carousel-row {
        /*-webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;*/
    }
    
    .cch-event-img {
        margin: auto;
        /*width: 100%;
        margin: auto;
        padding: 0*/
    }
}


/* search results */
.search-results-container .item-image .item-logo {
    border-radius: 0;
}


/* home buttons */
#cch-home-btn-container .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.cch-home-btn-col {

}

.cch-home-btn {
    width: 100%;
    padding: 20px;
    font-size: 26px;
    font-family: "azo-sans-web",sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    color: #ffffff;
    text-transform: uppercase;
    border-radius: 0;
    background-color: #000000;
    border-color: #000000;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.cch-home-btn:hover,
.cch-home-btn:focus,
.cch-home-btn:active,
.cch-home-btn:active:focus {
    background-color: #ee3124;
    border-color: #ee3124;
}


.cch-home-btn a {
    color: #ffffff !important;
}



/* feature headers for articles */
hr {
    margin-top: 30px;
    margin-bottom: 30px;
    border: 0;
    border-top: 1px solid #dbdbdb;
}

.space-top {
    margin-top: 40px;    
}

.space-top-20 {
    margin-top: 20px;
}

.space-bottom-20 {
    margin-bottom: 20px;
}

.space-bottom-40 {
    margin-bottom: 40px;
}

.cch-feature-container {
    padding: 0;
}

.cch-feature-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 250px;
    padding: 0;
}

.cch-feature-location-bg {
    background: #ee3124 url("/content/Images/Centennial%20Concert%20Hall/Main/feature-location-banner.jpg") no-repeat center 84%;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.cch-feature-location-bg.whats-on {
    background: linear-gradient(-45deg, rgba(238,49,36,0.95) 0%,rgba(0,0,0,0) 100%), url("/content/Images/Centennial%20Concert%20Hall/Main/cch-bg-1260x465.jpg") no-repeat center 60%;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.cch-feature-location-bg h1 {
    color: #ffffff;
    text-align: center;
    font-size: 40px;
    letter-spacing: 2px;
    margin: auto;
}


.selection-grid{
	margin:15px 0 0 15px;
}

.selection-grid .image-container{
	position:relative;
	top: -50%;
	left: -50%;
	width:200%;
	height:200%;
}

.selection-grid .image-container img{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	min-width:50%;
	min-height:50%;
	-webkit-transition:transform .2s ease;
	-webkit-transition:-webkit-transform .2s ease;
	transition:-webkit-transform .2s ease;
	transition:transform .2s ease;
	transition:transform .2s ease, -webkit-transform .2s ease;
}

.selection-grid .section-label{
	text-transform:uppercase;
	font-size:26px;
	font-weight:normal;
	line-height:20px;
	color:#fff;
	position:absolute;
	bottom:0;
	left:3px;
	text-shadow:0px 0px 8px rgba(0,0,0,0.8);
	
}

.selection-grid .row-short>div,.selection-grid .row-tall>div{
	overflow:hidden;
	border-right:15px solid transparent;
	border-bottom:15px solid transparent;
	padding:0;
	margin:0;
}

.selection-grid .row-short>div:hover img,.selection-grid .row-tall>div:hover img{
	-webkit-transform:scale(1.015, 1.015);
	transform:scale(1.015, 1.015);
}

.selection-grid .row-short>div{
	height:200px;
}

.selection-grid .row-tall>div{
	height:400px;
}

/* EXISTING */

body {
    font-family: "azo-sans-web", sans-serif;
    background-size: cover;
    color:#333;
    font-weight: 200;
}
body#popupBody,
body.popupDetails {
  background: #FFF;
}
#popupDiv {
  overflow: auto;
}

p {
    font-family: "azo-sans-web", sans-serif;
    color:#585858;
    font-weight: 200;
    font-size: 16px;
    line-height: 1.6em;
}

blockquote {
    padding: 20px;
    margin: 30px auto;
    border-left: 5px solid #ee3124;
}

blockquote p {
    font-size: 24px;
}

body a,
.btn-link {
  color: #ee3124;

}
body a:hover,
.btn-link:hover,
body a:active,
.btn-link:active,
body a:focus,
.btn-link:focus {
    color: #d62c20;
    
}
h1 {
    color: #333333;
    font-size: 24px;
    font-family: "azo-sans-web", sans-serif;
    margin-right: 50px;
    margin-bottom: 15px;
    margin-left: 0;
    font-weight: 700;
    text-transform: uppercase;
}
h2,
h3 {
  color: #333333;
  font-size: 18px;
  font-family: "azo-sans-web", sans-serif;
    font-weight: 700;
}
h4 {
	color: #333333;
	font-size: 16px;
	font-family: "azo-sans-web", sans-serif;
    font-weight: 700;
}

h1, h2, h3, h4, h5, h6 span {
    text-transform: uppercase;
}

a,
body a {
  color: #ee3124;
}


.btn,
.buttonBreak,
.pagination-box .pagination > li > a,
.pagination-box .pagination > li > span {
  font-weight: bold;
    border-radius: 0;
}
.buttonBreak,
.btn-primary,
input[type="button"]:not(.btn-link):not(.btn-default) {
    background-color: #ee3124 !important;
    border-color: #ee3124;
    border-radius: 0;
    text-transform: uppercase;
    padding: 10px 15px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.buttonBreak:hover,
.buttonBreak:focus,
.buttonBreak:active,
.buttonBreak:active:focus,
input[type="button"]:not(.btn-link):not(.btn-default):hover,
input[type="button"]:not(.btn-link):not(.btn-default):focus,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:focus,
.btn-primary.active {
  background-color: #962119 !important;
  border-color: #962119;
}

.btn-default {
    border-color: #ee3124;
    color: #ee3124;
    border-radius: 0;
    text-transform: uppercase;
    padding: 10px 15px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default:active:focus,
.btn-default.active {
  background-color: #ee3124 !important;
  border-color: #ee3124;
    color: #ffffff;
} 


.shopping-cart-link, .shopping-cart-link:hover {
    background: #ee3124;
    border-color: #ee3124;
    color: #ffffff;
    font-size: 11px;
    margin: 0 0 0 10px;
    padding: 6px 12px;
    width: auto;
}

.pagination > .active > span {
  background-color: #ee3124 !important;
  border-color: #ee3124;
}
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  background-color: #d36878 !important;
  border-color: #d36878;
}
.pagination > li > a {
  text-decoration: none !important;
  color: #ee3124;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
.pagination > li > a:active,
.pagination > li > span:active {
  color: #d36878;
}


#utility-menu {
    font-size: 12px !important;
}

#header {
  background-color: #000000;
  height: 165px;
  padding: 50px 0 0 0;
}

#header a:hover,
#header a:focus {
  text-decoration: none;
}

/*
.cch-header-container {
    background: #000000;
    height: auto;
    width: 1250px;
    margin: 0 auto;
    overflow: hidden;
}*/

#header .header-content img {
    margin-top: 10px;
    display: inline;
    margin-left: 4%;
    margin-right: auto;
	background-color: #000000;
    cursor: pointer;
}

.menu-toggle{

    z-index: 200;
}


#menu-search-icon-wrapper {
  display: none !important;
}
#menu {
    font-family: "azo-sans-web", sans-serif;
    font-weight:700;
    color:#FFF;
    padding: 0;
	background-color: #363535;
    max-width: 100%;
    z-index: 100;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

/* add sticky class */
.sticky-menu {
    top: 45px;
    left: 0;
    right: 0;
    position: fixed !important;
    -webkit-box-shadow: 0px 0px 5px 0px #5b5b5b;
    box-shadow: 0px 0px 5px 0px #5b5b5b;

}

#menu #menuTop a {
  text-transform: uppercase;
  color: #FFFFFF;
}

.utility-menu-item a {
  text-transform: uppercase;
  color: #FFFFFF;
}
#menu #menuTop .dropdown-toggle {
  padding:0;
  padding-top:10px;
  font-size:0.5em;
  border-left: 0;
}
#menu #menuTop .dropdown-toggle:hover {
  text-decoration: none;
}

li.menuSubItem {
	background-color: #333333;
}

#content {
  display:inline-block;
  width:100%;
  padding:0;
  background-color:transparent;
}
#content a:not(.btn) {
  text-decoration: none;
}
#content #showSeats.bodyDetails > .row {
  margin-left: 0;
  margin-right: 0;
}

/* pane groups - accordions */
.panel-group .panel {
    border-radius: 0;
}

.panel-default>.panel-heading {
    color: #ee3124;
    background-color: #000000;
    border-color: #000000;
    border-radius: 0;
    padding: 15px;
}

.panel-title {
    font-size: 20px;
    letter-spacing: 1px;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd;
}

.panel-group .panel-heading a:after {
    content: "\f056";
    font-family: 'FontAwesome', sans-serif;
    font-size: 20px;    
    margin-left: 10px;
}
.panel-group .panel-heading a.collapsed:after {
    content: "\f055";
    font-family: 'FontAwesome', sans-serif;
    font-size: 20px;    
    margin-left: 10px;
}


/* management */
.cch-team img {
    height: auto;
    margin-bottom: 20px;
    width: 130px;
}

.cch-team p {
    margin: 0;
}

.cch-team h4 {
    text-transform: none;
}

.cch-technical-container p span {
    font-size: 12px;
    margin-top: 20px;
}

.cch-ul {
    font-size: 16px;
    color: #585858;
}

/* image thumbnails */
.cch-thumb-col .thumbnail {
    border-radius: 0;
    padding: 20px;
    background: #f0f0f0;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
  box-shadow: 0 1px 2px rgba(0,0,0,.3);
}

.cch-thumb-col .thumbnail img {
    width: 100%;
}

.cch-thumb-col .thumbnail .caption {
    padding: 10px 0 10px;
}

/* cch gallery */
.cch-gallery {
    padding: 10px;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-evenly;
    background: #f0f0f0;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
    box-shadow: 0 1px 2px rgba(0,0,0,.3);
}

.cch-gallery > div {
  padding: 10px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.cch-gallery > div > img {
  width: 100%;
  -webkit-transition: .1s transform;
  transition: .1s transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.cch-gallery > div:hover {
  z-index: 1;
}

.cch-gallery > div:hover > img {
  -webkit-transform: scale(1.7,1.7);
  transform: scale(1.7,1.7);
  -webkit-transition: .3s transform;
  transition: .3s transform;
}

.cch-gallery > div > p {
  text-align: center;
    font-size: 12px;
    margin-top: 10px;
}

.cch-gallery.two-col {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 50%;
}


/* what's on */
#cch-show-filter-all h3 {
    color: #ee3124;
}

#cch-show-filter-concerts .search-results-container h3 {
    color: #00afdb;
}

#cch-show-filter-mo .search-results-container h3 {
    color: #ff9e01;
}

#cch-show-filter-rwb .search-results-container h3 {
    color: #8d449d;
}

#cch-show-filter-wso .search-results-container h3 {
    color: #13a247;
}


.cch-filter {
    font-size: 14px;
    font-weight: 700;
    font-family: "azo-sans-web",sans-serif;
    margin-left: 10px;
}

a.cch-a-filter {
    color: #aaaaaa;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

a.cch-a-filter:hover {
    color: #989898;
}

.cch-whats-on-row {
    display: grid;
    grid-template-rows: repeat(2, 2fr);
    grid-template-columns: repeat(2, 2fr);
    grid-gap: 10px;
}

.cch-whats-on-row:before {
    content: none;
}

.cch-whats-on-row > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
}

.cch-whats-on-row > div > a {
    width: 100%;
    color: #ffffff;
    text-transform: uppercase;
    padding: 15px;
}

.cch-whats-on-row > div > a:hover, .cch-whats-on-row > div > a:focus, .cch-whats-on-row > div > a:active {
    color: #ffffff;
} 

.cch-concert-col {

}

.cch-concert-btn {
    background: #00afdb;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.cch-concert-btn:hover, .cch-concert-btn:focus, .cch-concert-btn:active  {
    background: #039bc1;
}

.cch-concert-btn.active {
    -webkit-box-shadow: 1px 2px 3px 1px #A1A1A1;
    box-shadow: 1px 2px 3px 1px #A1A1A1;
    pointer-events: none;
}

.cch-mo-col {

}

.cch-mo-btn {
    background: #ff9e01;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.cch-mo-btn:hover, .cch-mo-btn:focus, .cch-mo-btn:active  {
    background: #d88807;
}

.cch-mo-btn.active {
    -webkit-box-shadow: 1px 2px 3px 1px #A1A1A1;
    box-shadow: 1px 2px 3px 1px #A1A1A1;
    pointer-events: none;
}

.cch-rwb-col {

}

.cch-rwb-btn {
    background: #8d449d;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.cch-rwb-btn:hover, .cch-rwb-btn:focus, .cch-rwb-btn:active  {
    background: #723780;
}

.cch-rwb-btn.active {
    -webkit-box-shadow: 1px 2px 3px 1px #A1A1A1;
    box-shadow: 1px 2px 3px 1px #A1A1A1;
    pointer-events: none;
}

.cch-wso-col {

}

.cch-wso-btn {
    background: #13a247;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.cch-wso-btn:hover, .cch-wso-btn:focus, .cch-wso-btn:active {
    background: #108b3d;
}

.cch-wso-btn.active {
    -webkit-box-shadow: 1px 2px 3px 1px #A1A1A1;
    box-shadow: 1px 2px 3px 1px #A1A1A1;
    pointer-events: none;
}

/* show pages */
.show-ul {
    font-size: 16px;
    color: #585858;
}

address {
    font-size: 16px;
    color: #585858;
}

.cch-show-blockquote {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.cch-show-blockquote blockquote {
    font-size: 16px;
    border-left: 3px solid #ee3124;
    margin: 10px 0;
}

.cch-show-blockquote blockquote p {
    font-size: 20px;
}

.cch-show-legal {
    font-size: 14px;
}


/* criterias */
.criteria {

}

.criteria p span {
    color: #ffffff;
    font-size: 12px;
    margin: auto;
}

.criteria.concerts span {
    background: #039bc1;
    color: #ffffff;
    font-size: 12px;
    padding: 7px;
}

.criteria.mo span {
    background: #ff9e01;
    color: #ffffff;
    font-size: 12px;
    padding: 7px;
}

.criteria.rwo span {
    background: #8d449d;
    color: #ffffff;
    font-size: 12px;
    padding: 7px;
}

.criteria.wso span {
    background: #13a247;
    color: #ffffff;
    font-size: 12px;
    padding: 7px;
}




/* footer */
#footer {
  padding: 3% 8%;
  background: #000000;
  color:#FFF;
}

#footer p {
    font-size: 14px;
    line-height: 1.25em;
    font-family: "azo-sans-web",sans-serif;
    font-weight: 200;
    color: #ffffff;
}

#footer a {
  color: #ffffff;
}

#footer a:hover {
    text-decoration: none;
    opacity: 0.7;
    
}

.cch-row {
    width: 1024px;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.logo-col {
    text-align: center;
}

.logo-col p {
    font-size: 16px;
    font-weight: 200;
    margin: 1em auto;
}

.logo-col p span {
    font-size: 14px;
}

.logo-col img {
    width: 80%;
}

.contact-col {

}

.contact-col p:not(:first-child) {
    margin: 1.5em auto;
}

.contact-col p span {
    color: #ee3124;
    min-width: 1.5em;
    display: inline-block;
}

.links-col {

}

.links-col ul {
    list-style: none;
    text-transform: uppercase;
}

.links-col ul li:first-child {
    border: none;
    margin-top: 0;
    padding-top: 0;
}

.links-col ul li {
    border-top: 1px solid #ffffff;
    margin-top: .5em;
    padding-top: .5em;
}

.social-col {

}

.social-col a:hover {
    opacity: .7;
}

.footer-social {
    margin-top: 1.5em;
}

.footer-social img {
    max-height: 25px;
    margin-right: 1em;
}


#seatSelect .venue-image img {
  width: 100%;
  height: auto;
}
#showSeats .venue-image-column {
  width: 100%;
}
#showSeats .venue-image-column .venue-image {
  overflow: auto;
}

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

    /*new search box entry*/
    #searchBox{
        position: absoloute;
        left:65%;
        right: 0;
        top: 50%;
        width: 30%;
    }
  #customer-utilities #orderTimeout {
    color: #FFF;
    font-weight: bold;
    font-style: normal;
  }
  #menu {
    /* float:right; */
    /* margin: 0 !important; */
    /* float: left; */
    margin: 0 auto;
    padding-top: 0 !important;
    background-color: #333333;
  }
  #menu #menuTop > li {
    margin-bottom: 0;
    font-size: 16px;
    letter-spacing:.05em;
	background-color: transparent;
  }
  #menu #menuTop .menuSub {
    padding: 0;
  }
  #menu #menuTop .menuTopItem a {
    color: #FFF;
    background-color: #333333;
  }
  #menu #menuTop .menuTopItem a:hover,
  #menu #menuTop .menuTopItem a:focus {
    color: #ffffff;
  }
  #menu #menuTop .menuSubItem a {
    padding: 10px;
  }
  .articles .article-container.main-article-body              {margin:0;padding:4%;background:#FFF;}
  .articles.has-secondary-features.has-tertiary-features
      .article-container.main-article-body,
      .articles.has-secondary-features.has-tertiary-features
      .article-container.main-article-body                    {width:50%;margin:0 2%;padding:0;background:transparent;}
  .articles .article-container.secondary-linked-features,
  .articles .article-container.tertiary-linked-features       {width:23%;padding:0;}
  .menuContainer.main-nav .nav .menuTopItem .dropdown-menu    {border-radius:0;border:none;}
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background-color: #ee3124;
}

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

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: #ee3124;
    border-color: #ee3124;
}

/*GROUP TICKETS*/
.grouptix-item                            {min-height: 250px;}
.grouptix-item img                        {float: left; max-width: 100%; max-height: 225px; margin: 0% 5% 2.5% 0; padding-bottom: 2%;}
.grouptix-item ul                         {margin-top: 2.5%;}
.grouptix-item p                          {padding-top: 2.5%;}
hr.grouptix                               {border: 0; height: 1px; background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));}

@media screen and (max-width: 1250px) {
    .cch-header-container {
        width: 100%;
    }
}

@media screen and (max-width: 1024px) {
    .cch-row {
        width: 100%;
    }
    
    .carousel-indicators {
        bottom: -40px;
    }
    
    .carousel-indicators li {
        border: 1px solid rgba(238, 49, 36, 0.5);
    }
}



@media screen and (max-width: 992px) {


/* TEMP FIX FOR POPPER.JS IMPACT ON MENUS */

div.menuSub.dropdown-menu.show{

    transform: none !important;
    position: relative !important;

}


  #header .header-content img                                 {margin: -15px auto 0 100px;}
  .alpha-text                                 {margin:6% 0;}
  .sub-alpha-text h1                          {font-size:20px;}
  .sub-alpha-text a                           {font-size:14px;}
  .articles .article-container.secondary-linked-features,
  .articles .article-container.tertiary-linked-features       {float:left;width:46%;}
  .articles .article-container.secondary-linked-features      {margin-right:8%;}
  /*.search-box .item-search-keyword				{margin-right: auto; margin-left: auto;}
  .search-box label								{margin-right: auto; margin-left: auto;}*/
    .cch-header-container {
        overflow: visible;
        padding-top: 25px;
        
    }
    
    .carousel-caption {
        width: 100%;
        padding: 20px;
        bottom: 0;
    }
    
    .carousel-caption h1 {
        font-size: 30px;
    }
    
    .carousel-caption h3 {
        font-size: 22px;
    }
    
    .carousel-caption p {
        font-size: 18px;
    }
    
    .cch-event-btn-red {
        font-size: 16px;
    }
    
    #searchBox {
        left: 50%;
        width: 32%;
        top: 25%;
    }
}

@media screen and (max-width: 991px) {    
    .optional-charge-page .bodyDetails {
        margin-top: 165px;
    }

    #menu {
        -webkit-transition: none;
        transition: none;
        z-index: 10;
    }
    
    .sticky-menu {
        position: relative !important;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    #header {
        position: fixed;
        z-index: 100;
        width: 100%;
        padding-top: 40px;
        background-color: #000000;
    }
    
    ul#menuTop {
        position: fixed;
        top: 165px;
        display: block;
        width: 100%;
        z-index: 200;
        border-bottom: none;
        background: #222222;
    }
    
    .active-sidebar .customer-options {
        position: fixed;
        top: 165px;
        display: block;
        width: 100%;
        z-index: 100;
        border-bottom: none;
    }
    
    #orderInfo {
        padding: 20px 30px;
    }
    
    .menuContainer.main-nav .nav li .dropdown-menu li {
        border-top: 1px solid rgba(221, 221, 221, 0.16);
    }
    
    .menuContainer.utility-nav ul li {
        padding: 10px 30px;
    }
    
    .menuContainer .nav > li {
        border-bottom: 1px solid rgba(238, 49, 36, 0.28);
    }
    
    .menuContainer .nav > li a {
        padding: 10px 30px;
    }

    
    #searchBox {
        z-index: 1;
    }
    
    /* make sure this is set so that all the contents go under the header */
    #content .container .bodyDetails {
        margin-top: 165px;
    }
    
    .system-message-block {
        position: fixed;
        z-index: 999;
        width: 100%;
        top: 0;
        left: 0;
        transform: translate(0px,0px);
    }
    
    .cch-header-container {
        padding-top: 5px;
    }
    
    .carousel-control, .carousel-indicators {
        z-index: 9;
    }
    
    
    .cch-header-container {
        background: transparent;
    }
    
    
    #header .header-content img {
        background-color: transparent;
    }
    
    
    
    #footer {
        padding: 10% 8%;
    }
}

@media screen and (max-width: 900px) {
  .alpha-text                                 {margin:8% 0;}
  .alpha-text h1                              {margin-bottom:8%;}
  .alpha-text h2                              {display:none;}
  /*.search-box .item-search-keyword				{margin-right: auto; margin-left: auto;}
  .search-box label								{margin-right: auto; margin-left: auto;}*/
}

@media screen and (max-width: 860px) {
  #footer-col-1,
  #footer-col-2                               {width:50%;margin-bottom:24px;}
  #footer-col-3                               {width:100%;}
  .footer-chat                                {margin-top:0;}
}

@media screen and (max-width: 768px) {
    .container-fluid {
        padding: 0;
    }
    
	.search-box .btn {
        width:auto;
    }
    
    .search-box form input[type="submit"] {
        right: auto;
    }
    
    .search-box form ul li {
        float: none;
        margin: 0 auto;
    }
    
    .cch-carousel-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    
    .cch-event-img {
        margin: 0 auto;
        width: 100%;
        padding: 0;
    }
    
    .cch-event-desc-container {
        margin: 0;
    }
    
    .cch-event-desc {
        margin: 0 auto;
        width: 100%;
        padding: 25px;
    }
    
    #searchBox {
        left: 55%;
        width: 32%;
    }
    
    .search-box form ul li .form-control {
        width: 180px;
        min-width: 180px;
    }
    
    .cch-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .cch-row div {
        width: 100%;
    }
    
    .logo-col img {
        width: 50%;
    }
    
    .links-col ul {
        padding-left: 0;
    }
    
    .criteria {
        max-width: 50%;
        width: 50%;
    }
    
    .cch-gallery.two-col {
        width: 100%;
    }
    
    .social-col {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    
    .social-col img {
        width: 40%;
        height: 40%;
        margin-right: 10%;
    }
    
    .footer-social {

    }
    
    .footer-social img {
        width: auto;
    }
}

@media (max-width: 767px) and (min-width: 515px) {
    .search-box form input[type="submit"] {
        right: -100px;
        top: -55px;
    }
}

@media (max-width: 767px) and (min-width: 650px) {
	.search-box	{
        height:60px;
    }
    
	.search-box form input[type="submit"]	{
        
    }
}

@media screen and (max-width: 767px) {
    .cch-feature-location-bg {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

/*RF EDIT*/

@media screen and (max-width: 760px) {
  .alpha-text h1                              {font-size:26px;}
.result-box-item-details.last-column {
    font-size: x-small;
}   
}

@media screen and (max-width: 720px) {
    .carousel-caption {
        position: static;
        background: #000000;
        overflow: auto;
    }
    
    .carousel-inner {
        overflow: visible;
    }
    
    .carousel-control {
        opacity: 0.7;
    }
}

@media screen and (max-width: 700px) {
  .alpha-text                                 {margin:6% 0;}
  .sub-alpha-text                             {margin:18% 0;}
  .sub-alpha-text h1                          {font-size:16px;}
  .sub-alpha-text a                           {font-size:10px;}
  .grouptix-item img                          {float:none;}
  .grouptix-item ul                           {min-height: auto;}
}

@media screen and (max-width: 650px) {
    .cch-header-container {
        text-align: center;
    }
    
    #header .header-content img {
        margin: -25px auto 0 auto;
    }
    
    #searchBox {
        left: 0;
        width: 50%;
        right: 0;
        margin: 0 auto;
        top: 51%;  /*65%*/
    }
    
    .search-box form input[type="submit"]	{
        
        
    }
}

@media screen and (max-width: 550px) {
  .alpha-text                                 {margin:8% 0;}
  .alpha-text h1                              {font-size:18px;}
  .sub-alpha-text a                           {font-size:12px;}
    
    .social-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    
    .footer-social img {
        width: auto !important;
    }
    
    .social-col img {
        width: 50%;
        height: auto;
    }
}

@media screen and (max-width: 515px) {
  .alpha-text                                 {width: 100%; height: 100%; margin: 0; padding: 20% 4%;text-align: center; background: rgba(0,0,0,0.4);}
  .alpha-text h1                              {font-size:32px;color:#FFF;}
  .static-inner .item .alpha img              {max-width:initial;width:860px;}
  .sub-alphas                                 {padding:0 8%;max-height:initial;}
  .static-inner .item .sub-alpha-1,
  .static-inner .item .sub-alpha-2,
  .static-inner .item .sub-alpha-3            {width:100%;margin-top:4%;border-right:none;}
  .sub-alpha-text h1                          {font-size:22px;}
  .sub-alpha-text a                           {font-size:12px;}
  .st-promo-text                              {padding: 30% 4%;}
  li.item-search-start-date                   {display:none;}
  li.item-search-end-date                     {display:none;}
  li.item-search-keyword                      {display:inline-block;width:86%; margin-left: auto; margin-right: auto; text-align: center;}
  li.item-search-submit                       {display:inline-block;width:12%; margin-left: auto; margin-right: auto; text-align: center;}
  .articles .article-container.secondary-linked-features,
  .articles .article-container.tertiary-linked-features       {float:none;width:100%;}
  .articles .article-container.secondary-linked-features      {margin-right:0;}
  #footer-col-2,
  #footer-col-3                               {width:100%;}
    
    #cch-home-btn-container .row  {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    
    #cch-home-btn-container .row .cch-home-btn-col {
        margin-bottom: 20px;
        padding: 0 25px;
    }
    
    /* image gallery flexbox */
    .cch-gallery {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    } 
  .btn-primary,
   input[type="button"]:not(.btn-link):not(.btn-default) {
    background-color: #ee3124 !important;
    border-color: #ee3124;
    border-radius: 0;
    text-transform: uppercase;
    padding: 3px 3px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
}


@media (max-width: 514px) {
    .search-box form input[type="submit"] {
        right: -90px;
        top: -45px;
    }    
}



@media screen and (max-width: 450px) {
    .criteria {
        max-width: 100%;
        width: 100%;
    }
}

@media screen and (max-width: 425px) {
    #searchBox {
        width: 100%;
    }
}

@media screen and (max-width: 375px) {
    .cch-feature-location-bg.whats-on {
        background-position: 24% 60%;
    }
}