/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");

body{ font-size:14px; }
body .content_inner ul li{ font-size:20px; margin:8px 0; }
body .content_inner ul{ list-style-position:outside; list-style-type:square; margin:0 0 0 23px; }
body .content_inner h2{ line-height:1.1em; }
body table td{ text-align:left; }

@media (max-width: 1100px){
	body .content_inner h2{ font-size:30px; }
	body .content_inner ul li, body .content_inner ol li, body .content_inner p{ font-size:16px; }
}

@media (max-width: 768px){
	body .content_inner h2{ font-size:24px; }
	.page-template .content > .content_inner h3{ font-size:19px; font-weight:700; }
	body .content_inner ul li, body .content_inner ol li, body .content_inner p{ font-size:14px; }
}

/*MyWork Header*/

.mywork-mobile-header{
	width: 100%;
    display: block;
    height: 55px;
    background-color: #000;
    padding: 0;
    display: none;
    position: fixed;
    top: 0;
    z-index: 999;
}

.top.mobile_menu{
	position: fixed;
	top: 55px;
	width: calc(100% - 40px);
	padding: 0 20px;
	z-index: 999;
	background-color: #000!important;
}

.mobile-header-item{
	width: 25%;
	height: 55px;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	float: right;
	border-left: 1px solid #ffffff4f;
}

.mobile-header-item a{ display:inline-block; }

.mobile-header-item .fa{
	font-size: 28px;
	color: #FFF!important;
}

.mobile-call-button a{ padding-top:13px; }
.mobile-contact-button a{ padding-top:12px; }
.mobile-home-button a{ padding-top:10px; }

.mobile-call-button .fa{ font-size:29px; }
.mobile-home-button .fa{ font-size:33px; }

.mobile_menu_button{
	height: auto;
	margin: 0 auto;
	float: initial;
}

.mobile-menu-button span{
	display: initial;
}

#mobile_contact{
	display:none;
	position:fixed;
    background:#000;
    padding:10px 5% 20px;
    bottom:-86px;
    z-index:99999;
    width:90%;
    height:100%;
	border-top:1px solid #757575;
}

#mobile_contact label{ font-size:12px; color:#FFF; }
#mobile_contact .wpcf7 form.wpcf7-form p{ margin-bottom:4px; }
#mobile_contact input.wpcf7-form-control.wpcf7-text{ color:#555; font-family:'Open Sans', sans-serif; margin:0; padding:7px 8px; line-height:1em; }
#mobile_contact textarea.wpcf7-form-control.wpcf7-textarea{ margin:0 0 12px; height:65px; padding:7px 8px; color:#555; }
#mobile_contact input.wpcf7-form-control.wpcf7-submit{ background:#7b7b7b; font-size:18px; text-transform:uppercase; font-weight:600; border:none; padding:1px 20px; font-family:'Open Sans', sans-serif; margin:5px auto 0; display:block; -webkit-border-radius:0; border-radius:0; color:#FFF; letter-spacing:normal; }
#mobile_contact input.wpcf7-form-control.wpcf7-submit:hover{ background:#4a4a4a; color:#FFF; }

body #mobile_contact .wpcf7-form-control-wrap{ display:block; }
body #mobile_contact:not(.cf7p-message) .wpcf7-not-valid-tip {
    position:absolute !important;
    left:-21px !important;
	top:4px !important;
	width:27px !important;
	height:25px !important;
    padding:0 !important;
    background:url('images/contact_form_error.png') no-repeat 0 0 !important;
	background-size:100% auto !important;
    overflow:hidden;
    text-indent:-9999px !important;
    border:none !important;
	z-index:1;
}

body #mobile_contact div.wpcf7-response-output{ margin:17px 0 0; color:#FFF; line-height:1.2em; text-align:center; font-size:13px; }
body #mobile_contact div.wpcf7-response-output.wpcf7-validation-errors{ background:none; padding:0; text-transform:none; letter-spacing:0; font-size:14px; }
body #mobile_contact div.wpcf7-response-output.wpcf7-validation-errors:before{ display:none; }
body #mobile_contact div.wpcf7-response-output.wpcf7-mail-sent-ok{ background:none; padding:0; text-transform:none; letter-spacing:0; font-size:14px; font-weight:600; color:#249869; }
body #mobile_contact div.wpcf7-response-output.wpcf7-mail-sent-ok:before{ display:none; }
body #mobile_contact select.wpcf7-form-control.wpcf7-select{ -webkit-appearance:menulist-button; padding:13px 11px; }
body #mobile_contact div.wpcf7 .ajax-loader{ position:absolute; top:-32px; right:6px; }

#responsive-menu-container #responsive-menu li.responsive-menu-item a{ background-color: #222 !important; border-bottom: 1px solid rgba(255,255,255,0.2) !important; padding:0 3%; }
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu-depth-1 a.responsive-menu-item-link{ padding-left: 5% !important; }
#responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a{ background-color: #000 !important; }
#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow { background-color: #222 !important; border-left: rgba(255,255,255,0.2) !important; }
body #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow{ border-color:#2b2b2b !important; background-color:#2b2b2b !important;}
body #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a .responsive-menu-subarrow:hover{ border-color:#2b2b2b !important; background-color:#2b2b2b !important;}

div#responsive-menu-container::after {
    background-image: url('/wp-content/uploads/2021/05/Nissan-Arena-Logo-White.png');
    width: 300px;
    height: 50px;
    background-size: contain;
    background-position: center;
    position: absolute;
    bottom: 10px;
    left: 50%;
    background-repeat: no-repeat;
    content: '';
    transform: translateX(-50%);
    z-index: -1;
}

#mobile-header-phone-number{ display:none; visibility:hidden; }

@media (max-width: /* 1185px*/ 1280px ){
	.mywork-mobile-header{ display:block; }
    .header_inner{ margin-top:55px; }
	
	body #responsive-menu-container{ top:55px !important; border-top:1px solid #757575;  background: #222 !important;}
	body .responsive-menu-inner{ margin-top:-3px; }
	body button#responsive-menu-button{ border-right:none; width:25%; background:none; }
	body button#responsive-menu-button:hover, .responsive-menu-open button#responsive-menu-button{ background:none !important; }
	#responsive-menu-container #responsive-menu > li.responsive-menu-item:first-child > a{ border-top:none !important; }
	
	#mobile-header-phone-number{ display:block; visibility:visible; text-align:center; }
	#mobile-header-phone-number a{ color:#000; border:2px solid #000; padding:3px 8px; font-family:'Open Sans', sans-serif; display:inline-block; text-decoration:none; margin:-3px 0 15px; }
	#mobile-header-phone-number a i{ color:#000; font:normal normal normal 14px/1 FontAwesome !important; }
	#mobile-header-phone-number a:hover{ background:#000; color:#FFF; }
	#mobile-header-phone-number a:hover i{ color:#FFF; }
	
	body .logo_wrapper{ height:/*97px*/ 40px !important; }
	body .bne-flyout-wrapper{ display:none !important; }
}

body .bne-flyout-wrapper form { margin:0; position:relative; }
body .bne-flyout-wrapper label{ font-size:12px; color:#FFF; }
body .bne-flyout-wrapper .wpcf7 form.wpcf7-form p{ margin-bottom:10px; }
body .bne-flyout-wrapper input.wpcf7-form-control.wpcf7-text{ color:#555 !important; background:#FFF !important; font-family:'Open Sans', sans-serif; margin:4px 0 0; padding:7px 8px; line-height:1em; }
body .bne-flyout-wrapper textarea.wpcf7-form-control.wpcf7-textarea{ margin:4px 0 12px; height:65px; padding:7px 8px; color:#555 !important; background:#FFF !important; font-family:'Open Sans', sans-serif; }
body .bne-flyout-wrapper input.wpcf7-form-control.wpcf7-submit{ background:#7b7b7b; font-size:18px; text-transform:uppercase; font-weight:600; border:none; padding:1px 20px; font-family:'Open Sans', sans-serif; margin:20px auto 0; display:block; -webkit-border-radius:0; border-radius:0; color:#FFF; letter-spacing:normal; }
body .bne-flyout-wrapper input.wpcf7-form-control.wpcf7-submit:hover{ background:#4a4a4a; color:#FFF; }

body .bne-flyout-wrapper .wpcf7-form-control-wrap{ display:block; }
body .bne-flyout-wrapper:not(.cf7p-message) .wpcf7-not-valid-tip {
    position:absolute !important;
    left:-21px !important;
	top:4px !important;
	width:27px !important;
	height:25px !important;
    padding:0 !important;
    background:url('images/contact_form_error.png') no-repeat 0 0 !important;
	background-size:100% auto !important;
    overflow:hidden;
    text-indent:-9999px !important;
    border:none !important;
	z-index:1;
}

body .bne-flyout-wrapper div.wpcf7-response-output{ margin:17px 0 0; color:#FFF; line-height:1.2em; text-align:center; font-size:13px; }
body .bne-flyout-wrapper div.wpcf7-response-output.wpcf7-validation-errors{ background:none; padding:0; text-transform:none; letter-spacing:0; font-size:11px; }
body .bne-flyout-wrapper div.wpcf7-response-output.wpcf7-validation-errors:before{ display:none; }
body .bne-flyout-wrapper div.wpcf7-response-output.wpcf7-mail-sent-ok{ background:none; padding:0; text-transform:none; letter-spacing:0; font-size:11px; font-weight:600; color:#77d8a8; }
body .bne-flyout-wrapper div.wpcf7-response-output.wpcf7-mail-sent-ok:before{ display:none; }
body .bne-flyout-wrapper select.wpcf7-form-control.wpcf7-select{ -webkit-appearance:menulist-button; padding:13px 11px; }
body .bne-flyout-wrapper div.wpcf7 .ajax-loader{ position:absolute; top:266px; right:4px; }

body .bne-flyout-wrapper .flyout-content-body p:first-of-type{ color:#FFF; margin:19px 0 18px 0; }

/*End of MyWork Header*/

/* CUSTOM */

.qode_grid_1400 .carousel-inner .slider_content_outer, .qode_grid_1400 .container_inner, .qode_grid_1400 .container_inner nav.content_menu, .qode_grid_1400 .footer_bottom_border.in_grid, .qode_grid_1400 .footer_top_border.in_grid, .qode_grid_1400 .full_width .parallax_content, .qode_grid_1400 .grid_section .section_inner, .qode_grid_1400 .title_border_in_grid_holder, .qode_grid_1400 nav.content_menu ul, .qode_grid_1400.boxed .section .section_inner, .qode_grid_1400.boxed nav.content_menu.fixed{
	width:auto; max-width:1600px;
}	

body .content{ margin-top:0 !important; }
body .section_inner{ width:auto; max-width:1600px; }

@media only screen and (max-width: 768px){
	.boxed div.section .section_inner, .carousel-inner .slider_content_outer, .container_inner, .container_inner nav.content_menu, .footer_bottom_border.in_grid, .footer_top_border.in_grid, .full_width .parallax_content, .steps_holder_inner, .title_border_in_grid_holder, div.grid_section .section_inner, nav.content_menu ul{
		width:auto; max-width:100%;
	}
	#back_to_top{ display:none; visibility:hidden; }
}

body .vc_row{ margin:0 !important; }
body .latest_post_two_holder .latest_post_two_text a:hover{ color:#222222 !important; }
.page-template .vc_column_container > .vc_column-inner{ padding-left:25px; padding-right:25px; }
.home .vc_column_container > .vc_column-inner{ padding-left:15px; padding-right:15px; }

body header .header_inner_left{ left:23px; top:-6px; }
body nav.main_menu{ left:335px !important; }
body nav.main_menu>ul>li>a{ padding:0 13px; }
.header-social-icons{ position:absolute; top:51px; width:96px; height:43px; right:-16px; overflow:hidden; }
.header-social-icons a{ 
	display:block; width:43px; height:43px; overflow:hidden; float:left; margin:0 5px 0 0;
	-webkit-transition:opacity .3s ease-in-out,color .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out,color .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out,color .3s ease-in-out;
	-ms-transition: opacity .3s ease-in-out,color .3s ease-in-out;
	transition: opacity .3s ease-in-out,color .3s ease-in-out;
}
.header-social-icons {filter: saturate(0);}
.header-social-icons a:hover{ opacity:0.7; }
.q_logo a { height: 50px !important; margin-top: 6px; }
.q_logo a .smush-detected-img { border-radius: 0 !important; transition: none !important; box-shadow: none !important; }
.drop_down .second .inner>ul, li.narrow .second .inner ul { background-color: #fff !important; border-color: #fff !important; }
.drop_down .second .inner ul li a, .drop_down .second .inner ul li h5 { font-size: 16px !important; padding: 12px 20px !important; color: #000 !important; }
.drop_down .second .inner ul li.sub ul li a:hover, .drop_down .second .inner>ul>li>a:hover { color: #353535 !important; }
.drop_down .narrow .second .inner ul li { width: 270px !important; }

#back_to_top:hover>span {
    background-color: #000 !important;
}

body #back_to_top {
    color: #000 !important;
}

#back_to_top>span {
    border: 2px solid #000 !important;
}

#back_to_top span i, #back_to_top span span {
    color: #000 !important;
}

body #back_to_top:hover i {
    color: #fff !important;
}

@media (max-width: /*1395px*/ 1470px ){
	body nav.main_menu > ul > li > a{ font-size:14px; padding:0 10px; }
	.header-social-icons{ width:70px; height:30px; top:58px; }
	.header-social-icons a{ width:30px; height:30px; }
	.header-social-icons img{ width:30px; height:30px; }
}

@media (max-width: /*1185px*/ 1280px ){
	body header .header_inner_left{ position:relative; float:none; top:inherit; left:inherit; }
	body header .header_inner_right{ position:relative; float:none; height:60px; overflow:hidden; }
	body header .logo_wrapper{ float:none; text-align:center; margin-top:12px; left:inherit; display:block; position:relative; }
	body header .q_logo{ position:relative; top:inherit; left:inherit; display:block; }
	body header .q_logo a{ visibility:visible; height:auto !important; left:inherit; }
	body header .q_logo img{ display:inline-block; position:relative; top:inherit; }
	body header .header-social-icons{ position:relative; top:inherit; margin:18px auto 0; right:inherit; }
	body header #mobile-header-phone-number{ display:none; visibility:hidden; }
	body nav.main_menu{ display:none; visibility:hidden; }
	
	body header .q_logo img.normal,
	body header .q_logo img.light,
	body header .q_logo img.dark,
	body header .q_logo img.sticky{
		display:none !important; visibility:hidden !important; opacity:0 !important;
	}	
	body header .q_logo img.mobile{ opacity:1 !important; display:inline-block !important; width:auto !important; height:auto !important; height: 44px !important; }
}

/* FOOTER */

footer{ background:#353535 url('/wp-content/uploads/2021/05/footer-bg-grey35.jpg') no-repeat right bottom ; }
footer .footer_top_holder{ background-color:transparent; }
footer .widget_nav_menu{ display:block; overflow:hidden; margin-bottom:22px; }
footer ul#menu-footer > li{ float:left; margin-right:85px; }
ul#menu-footer > li > a{ color:#fff; text-transform:uppercase; font-weight:700; margin:0 0 18px; font-size:24px; }
ul#menu-footer > li > ul{ margin:0; padding:0; }
ul#menu-footer > li > ul li{ margin:5px 0; padding:0; display:block; }
ul#menu-footer > li > ul li a{ color:#FFF; font-size:16px; }
ul#menu-footer > li > ul li a:hover{ opacity:0.7; }

footer .footer_top{ padding:54px 0 12px; }
footer .footer_top .column1{ width:66%; float:left; }
footer .footer_top .column2{ width:34%; float:left; text-align:right; }
footer .footer_top .column3{ width:100%; text-align:center; display:block; margin:45px 0 0 0 !important; padding:0; clear:both; }
footer .three_columns>.column3>.column_inner{ padding:0 !important; }
footer .footer_top h4{ color:#fff; text-transform:uppercase; font-weight:700; margin:0 0 8px; font-size:24px; }
footer .footer_top .column1 #text-17{ width:69%; float:left; margin-right:15px; }
footer .footer_top .column1 #text-18{ width:27%; float:left; }
footer .footer_top .column1 .widget_text ul li{ display:block; float:left; margin:2px 9px -1px 0px; }
footer .footer-shadow{ height:21px; background:url('images/footer-shadow.png') no-repeat center top; }
footer .footer-logos{ margin:14px 0 15px; }
footer .footer-logos br{ display:none; }
footer .footer-logos img{ display:inline-block; margin:0 8px; }
footer .footer-copyright{ color:#fff; }
footer .footer-copyright a{ color:#fff; }
footer .footer-copyright a:hover{ color:#FFF; }
footer .container_inner:first-of-type{ padding:0 20px; }

.footer_top .four_columns .column3 .column_inner>div, .footer_top .three_columns .column3 .column_inner>div{ margin:0; }

@media (max-width: 1200px){
	footer .footer_top .column1{ width:100%; float:none; display:block; clear:both; }
	footer .footer_top .column2{ width:100%; float:none; display:block; clear:both; }	
	footer .footer_top .column1 #text-17{ width:100%; float:none; margin:0 0 12px 0; display:block; clear:both; overflow:hidden; }
	footer .footer_top .column1 #text-18{ width:100%; float:none; display:block; overflow:hidden; clear:both; }
	
	footer .footer_top .column2{ text-align:left; margin-top:38px; }
	footer .footer_top .column2 .column_inner{ padding:0 !important; }
	footer .footer_top .column2 #text-19{ margin:0; }
	footer .footer_top .column2 #text-19 h4:last-of-type{ margin-top:8px !important; }
}

@media (max-width: 768px){
	footer .widget_nav_menu{ margin-bottom:10px; }
	footer ul#menu-footer > li{ float:none; margin-right:0; padding:0 0 30px; text-align:center; }
	footer .footer_top .column1 #text-17, footer .footer_top .column1 #text-18{ text-align:center; }
	footer .footer_top .column1 .widget_text ul li{ display:inline-block; float:none; margin:-3px 1px; }
	footer .footer_top .column2{ text-align:center; }
	footer .footer_top .column3{ margin:5px 0 0 !important; }
	footer .footer-logos img{ max-width:70px; }
	footer .footer-copyright{ font-size:12px; line-height:1.2em; }
	footer .footer-shadow{ display:none; visibility:hidden; }
}

/* HOME SECTION 1 */

body #home-section-1{ background-position:right bottom !important; }
#home-section-1 .vc_column-inner:first-of-type{ padding-left:0; }
#home-section-1-left{ width:60%; max-height:550px; min-height:550px; overflow:hidden; }
#home-section-1-right{ width:40%; max-height:550px; min-height:550px; overflow:hidden; }
#home-section-1-left .vc_column-inner:first-of-type{ padding-left:0; padding-right:0; border-right:2px solid #FFF; }
#home-section-1-right .vc_column-inner:first-of-type{ padding:5%; margin:0; width:98%; }
#home-section-1-right .home-section-1-right-heading h2{ color:#FFF; margin:-12px 0 27px; font-size:28px; font-weight:700; }
#home-section-1-right .latest_post_two_holder ul, #home-section-1-right .latest_post_two_holder li{ margin:3px 0 21px; padding:0; }

#home-section-1-right .latest_post_two_image{ float:left; width:auto; max-width:34%; }
#home-section-1-right .latest_post_two_image img{ border:2px solid #FFF; }
#home-section-1-right .latest_post_two_inner{ float:right; width:auto; max-width:64%; }
#home-section-1-right .post_info_author{ display:none; }
#home-section-1-right .post_info_date{ text-align:left; color:#548bb7; }
#home-section-1-right .latest_post_two_text{ padding:10px; border-top:none; }
#home-section-1-right .latest_post_two_info { padding:0 10px 10px; border-top:none; }
#home-section-1-right .latest_post_two_inner{ background:none; }
#home-section-1-right .latest_post_two_title{ font-size:22px; line-height:1.2em; margin-top:-5px; }
#home-section-1-right .latest_post_two_title a{ color:#FFF; }
#home-section-1-right .latest_post_two_title a:hover{ color:#222 !important; }
#home-section-1-right .separator.small{ background-color:#222; margin:12px 0 19px; }
#home-section-1-right p.latest_post_two_excerpt{ color:#8fbce0; line-height:1.5em; font-size:14px; margin:19px 0 1px; }
#home-section-1-right p.latest_post_two_excerpt::after{ content:'...'; margin-left:-2px; }

@media (max-width: 1560px){
	#home-section-1-right .latest_post_two_image{ max-width:26%; }
	#home-section-1-right .latest_post_two_inner{ max-width:71%; }
	#home-section-1-right .latest_post_two_title{ font-size:19px; margin-top:-13px; }
	#home-section-1-right .home-section-1-right-heading h2{ margin:0px 0 47px; }
}

@media (max-width: 1380px){
	#home-section-1-left{ width:100%; float:none; }
	#home-section-1-right{ width:100%; float:none; border-top:2px solid #FFF; min-height:auto; height:auto; overflow:auto; max-height:none; }
	#home-section-1-left .vc_column-inner:first-of-type{ border-right:none; }
	#home-section-1, #home-section-1 .vc_row, #home-section-1 .vc_column_container, #home-section-1 .vc_column_container>.vc_column-inner{ margin:0 !important; padding:0 !important; }
	#home-section-1-right .vc_column-inner:first-of-type{ width:100%; }
	#home-section-1-right > .vc_column-inner:first-of-type > .wpb_wrapper:first-of-type{ padding:20px; }
	#home-section-1-right .home-section-1-right-heading h2{ margin:0px 0 23px; }
	#home-section-1-right .latest_post_two_image{ max-width:none; width:21%; }
	#home-section-1-right .latest_post_two_inner{ max-width:none; width:76%; }
	#home-section-1-right .latest_post_two_holder > ul > li{ margin:0 0 22px; }
	#home-section-1-right .latest_post_two_holder li:last-of-type{ margin:0 0 3px; }
}

@media (max-width: 778px){
	#home-section-1-left{ max-height:none; min-height:auto; }
	body #home-section-1-left #rev_slider_2_1_wrapper, 
	body #home-section-1-left #rev_slider_2_1
	{ height:350px !important; }
	
	#home-section-1-right .home-section-1-right-heading h2{ text-align:center; font-size:24px; }
	#home-section-1-right .latest_post_two_image{ max-width:100%; margin:0 0 25px; text-align:center; float:none; width:100%; }
	#home-section-1-right .latest_post_two_image img{ display:inline-block; max-width:200px; }
	#home-section-1-right .latest_post_two_inner{ width:100%; text-align:center; max-width:300px; margin:0 auto; float:none; display:block; }
	#home-section-1-right .separator.small{ margin:12px auto 19px; }
	#home-section-1-right .post_info_date{ text-align:center; }
}

/* HOME SECTION 2 */

#home-section-2{ margin:2px 0 !important; }
#home-section-2 .vc_column_container > .vc_column-inner{ padding-left:1px; padding-right:1px; }

@media (max-width: 1100px){
	#home-section-2{ margin:0 !important; }
	#home-section-2 .vc_col-sm-3{ width:50%; }
	#home-section-2 .vc_column_container > .vc_column-inner{ padding:1px !important; }
}

@media (max-width: 768px){
	#home-section-2 .vc_col-sm-3{ float:left; }
}

/* HOME SECTION 3 */

#home-section-3{ text-align:center !important; margin:50px 0 !important; }
#home-section-3 h3{ text-align:center; text-transform:none; margin:0 0 18px; color:#222; font-size:24px; font-weight:700; letter-spacing:normal; }
#home-section-3 h3 a{ color:#222; }
#home-section-3 h3 a:hover{ color:#353535; }
#home-section-3 #sb_instagram #sbi_load{ margin-top:15px; }

/* GENERAL PAGE */

#inner-page-header{ padding:129px 0 151px; }
#inner-page-header h1{ color:#FFF; text-transform:uppercase; font-size:68px; }
#inner-page-header p{ color:#FFF; max-width:500px; line-height:1.4em; font-size:22px; margin:20px 0 0; }
.page-template .content > .content_inner h3{ font-size:22px; letter-spacing:normal; font-weight:800; margin:26px 0; }

@media (max-width: 1185px){
	#inner-page-header{ padding:69px 0 86px; }
	#inner-page-header h1{ font-size:54px; }
	#inner-page-header p{ max-width:428px; font-size:18px; margin:13px 0 0; }
}

@media (max-width: 768px){
	#inner-page-header h1{ font-size:36px; text-align:center; }
	#inner-page-header p{ margin:10px auto 0; text-align:center; max-width:300px; font-size:18px; }
	#inner-page-header{ padding:65px 0 69px; }
}

/* ABOUT US */

.page-id-16690 .full_width_inner h2{ color:#222; font-size:36px; font-weight:700; margin:-6px 0 24px; padding:0; }
.page-id-16690 .full_width_inner p{ color:#333; font-size:20px; margin:23px 0; padding:0; }
#about-us-section-1{ padding:80px 0; }
#about-us-section-1-left{ width:50%; }
#about-us-section-1-right{ width:47%; float:right; }
#about-us-section-1-right .wpb_single_image.vc_align_left{ text-align:right; }

#about-us-section-2{ margin:-37px 0 0; }
#about-us-section-2-left{ width:54%; }
#about-us-section-2-right{ width:43%; float:right; margin-top:63px; }

#about-us-section-3{ padding:43px 0 72px; position:relative; }
#about-us-section-3 .section_inner{ max-width:1260px; }
#about-us-section-3-left{ width:47%; }
#about-us-section-3-right{ width:47%; float:right; }
#about-us-section-3 img{ margin-bottom:34px; }

@media (max-width: 1300px){
	#about-us-section-1{ padding:50px 0; }
	.page-id-16690 .full_width_inner p{ font-size:16px; }
	.page-id-16690 .full_width_inner h2{ font-size:30px; }
}

@media (max-width: 1185px){
	#about-us-section-1-left{ width:auto; max-width:752px; margin:0 auto; float:none; }
	#about-us-section-1-right{ width:auto; float:none; max-width:752px; margin:20px auto 0; }
	
	#about-us-section-2-left{ width:auto; max-width:752px; margin:0 auto; float:none; }
	#about-us-section-2-left .wpb_single_image.vc_align_left{ text-align:center; }
	#about-us-section-2-right{ width:auto; max-width:752px; margin:0 auto; float:none; }
}

@media (max-width: 1000px){
	#about-us-section-3::before, #about-us-section-3::after{ display:none; visibility:hidden; }
	#about-us-section-3-left{ width:auto; max-width:752px; margin:0 auto; float:none; }
	#about-us-section-3-right{ width:auto; max-width:752px; margin:0 auto; float:none; }
}

@media (max-width: 768px){
	.page-id-16690 .full_width_inner h2{ margin:0 0 21px; }
	
	#about-us-section-1-left,
	#about-us-section-1-right,
	#about-us-section-2-left,
	#about-us-section-2-right,
	#about-us-section-3-left,
	#about-us-section-3-right,
	#about-us-section-3 .wpb_single_image.vc_align_left{
		text-align:center;
	}
	
	#about-us-section-2-right{ margin-top:30px; }
	#about-us-section-3 img{ margin:18px 0 12px; height:84px; width:auto; }
}

@media (max-width: 500px){
	.page-id-16690 .full_width_inner p{ font-size:14px; }
	.page-id-16690 .full_width_inner h2{ font-size:28px; }
}

/* THE VENUE */




/*#the-venue-section-1 .qode-banner .qode-banner-image img {
    filter: saturate(0) contrast(200%);
}

#the-venue-section-1 .qode-banner .qode-banner-image img:hover {
    filter: saturate(0) contrast(100%) !important;
}*/

#the-venue-section-1 .vc_column_container > .vc_column-inner{ padding-left:10px; padding-right:10px; }
#the-venue-section-1{ padding:60px 15px; }
#the-venue-section-1 .qode-banner .qode-banner-image img{ width:100%; height:auto; }
#the-venue-section-1 .qode-banner .qode-banner-content{ position:relative; padding:16px 14px; background:#222; color:#FFF; font-size:24px; text-transform:uppercase; font-weight:700; height:auto; top:inherit; left:inherit; width:auto; display:block; }
#the-venue-section-1 .qode-banner:hover .qode-banner-content{ opacity:1; background:#353535; }
#the-venue-section-1 .the-venue-tile-row{ padding:15px 0; }

#the-venue-section-2 .vc_column_container > .vc_column-inner{ padding-left:10px; padding-right:10px; }
#the-venue-section-2{ padding:0 15px 60px; }
#the-venue-section-2-heading h2{ color:#222; font-weight:700; font-size:44px; margin:0 0 18px; }
#the-venue-section-2-heading p{ color:#333; font-size:22px; margin:0 0 45px; }
#the-venue-section-2 .qode-accordion-holder .qode-title-holder{ margin:3px 0; }
#the-venue-section-2 .qode-accordion-content-inner p{ color:#333; margin:13px 0; font-size:16px; }
#the-venue-section-2 .qode-accordion-holder .qode-title-holder .qode-tab-title span.qode-tab-title-inner:only-child{ font-weight:600; }

@media (max-width: 1200px){
	#the-venue-section-1{ padding:35px 15px; }
	#the-venue-section-1 .qode-banner .qode-banner-content{ font-size:18px; }
}

@media (max-width: 1185px){
	#the-venue-section-2 .qode-accordion-holder .qode-title-holder .qode-tab-title span.qode-tab-title-inner:only-child{ font-size:16px; font-weight:600; }
	#the-venue-section-2-heading h2{ font-size:36px; }
	#the-venue-section-2-heading p{ font-size:20px; }
}

@media (max-width: 768px){
	#the-venue-section-1{ padding:25px 15px; }
	#the-venue-section-1 .vc_col-sm-4{ width:100%; margin:10px auto; max-width:480px; }
	#the-venue-section-1 .the-venue-tile-row{ padding:0; }
	#the-venue-section-2-heading p{ margin:0 0 30px; }
}

/* CONTACT US */

.page-id-16706:not(.cf7p-message) .wpcf7-not-valid-tip {
    position:absolute!important;
    left:-50px!important;
    top:-47px !important;
    width:50px!important;
    height:44px!important;
    padding:0!important;
    background:url('images/contact_form_error.png')!important;
    overflow:hidden;
    text-indent:-9999px!important;
    padding:0;
    border:none!important;
}

.page-id-16706 .wpcf7-submit{ margin:10px 0 0 !important; }

#contact-us-section-1{ padding:60px 0; }
#contact-us-section-1-left{ width:30%; }
#contact-us-section-1-right{ width:65%; float:right; }
body #contact-us-section-1 div.wpcf7-response-output{ margin:17px 0 0; color:#0a2e4c; line-height:1.2em; text-align:left; font-size:13px; }
body #contact-us-section-1 div.wpcf7-response-output.wpcf7-validation-errors{ background:none; padding:0; text-transform:none; letter-spacing:0; font-size:14px; }
body #contact-us-section-1 div.wpcf7-response-output.wpcf7-validation-errors:before{ display:none; }
body #contact-us-section-1 div.wpcf7-response-output.wpcf7-mail-sent-ok{ background:none; padding:0; text-transform:none; letter-spacing:0; font-size:14px; font-weight:600; color:#0a2e4c; }
body #contact-us-section-1 div.wpcf7-response-output.wpcf7-mail-sent-ok:before{ display:none; }
body #contact-us-section-1 select.wpcf7-form-control.wpcf7-select{ -webkit-appearance:menulist-button; padding:13px 11px; }
body #contact-us-section-1 div.wpcf7 .ajax-loader{ position:absolute; top:-32px; right:6px; }

#contact-us-section-1-left h3{ color:#222; font-size:26px; text-transform:uppercase; font-weight:700; }
#contact-us-section-1-left p{ color:#333; font-size:18px; margin:7px 0 28px; }

.page-id-16706 .wpcf7-form input[type=submit] {
    background: #fff !important;
    color: #222 !important;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 800;
    display: inline-block;
    margin: 0;
    padding: 14px 26px;
    border-color: #222 !important;
}

.page-id-16706 .wpcf7-form input[type=submit]:hover {
    background-color: #222 !important;
    border-color: #222 !important;
	color: #fff !important;
}
@media (max-width: 1130px){
	#contact-us-section-1{ padding:35px 0 40px; }
	#contact-us-section-1-left, #contact-us-section-1-right{ width:100%; float:none; }
}

@media (max-width: 650px){
	#contact-us-section-1:not(.cf7p-message) .wpcf7-not-valid-tip, contact-us-section-1:not(.cf7p-message) .wpcf7-not-valid-tip, .page-id-16567:not(.cf7p-message) .wpcf7-not-valid-tip {
		width:33px !important;
		height:29px !important;
		background-size:33px auto !important;
		left:-20px !important;
		top:-39px !important;
	}
}

/* GETTING THERE */

#getting-there-section-1{ padding:44px 0 15px; }
#getting-there-section-1 .section_inner{ border-bottom:2px solid #000; padding-bottom:64px; }
.page-id-16712 h3{ color:#222; font-size:36px; font-weight:700; margin:4px 0 23px; padding:0; }
.page-id-16712 h4{ color:#222; font-size:32px; font-weight:700; margin:19px 0 26px; padding:0; line-height:1.1em; }
#getting-there-section-1-right a{ background:#222; color:#FFF; font-weight:800; padding:16px 20px; display:inline-block; margin:12px 0 18px; font-size:24px; text-transform:uppercase; }
#getting-there-section-1-right a:hover{ opacity:0.7; }

#getting-there-section-2{ padding:44px 0 69px; }
#getting-there-section-2-left{ width:47%; float:left; }
#getting-there-section-2-right{ float:right; }
#getting-there-section-2-left .bus-routes{ margin:31px 0 47px !important; border-bottom:1px solid #CCC; padding-bottom:43px; }
#getting-there-section-2-left .bus-routes p::after{ content:''; width:100px; height:3px; background:#222; display:block; margin:19px 0 0; }
#getting-there-section-2-left .bus-routes p:last-of-type::after{ display:none; }
#getting-there-section-2-left .bus-routes h5{ font-size:18px; text-transform:none; letter-spacing:normal; padding:0; margin:0 0 -10px; }
#getting-there-section-2-right iframe{ margin-top:29px; }

#getting-there-section-3{ padding:0; }
#getting-there-section-3 .section_inner{ border-top:2px solid #000; padding:55px 0 71px; }
#getting-there-section-3-left{ width:47%; float:left; }
#getting-there-section-3-right{ float:right; }
#getting-there-section-3-right iframe{ margin-top:25px; }

.page-id-16712 iframe{ -webkit-box-shadow:0 3px 13px -3px #929292; box-shadow:0 3px 13px -3px #929292; }

@media (max-width: 1100px){
	#getting-there-section-1-left{ width:100%; float:none; display:block; }
	#getting-there-section-1-right{ width:100%; float:none; display:block; margin-top:20px; }
	
	#getting-there-section-2-left{ width:100%; float:none; display:block; }
	#getting-there-section-2-right{ width:100%; float:none; display:block; margin-top:20px; }
	
	#getting-there-section-3-left{ width:100%; float:none; display:block; }
	#getting-there-section-3-right{ width:100%; float:none; display:block; margin-top:30px; }
	
	body .content_inner p{ font-size:16px; }	
	body .content_inner ul li{ font-size:16px; }	
}

@media (max-width: 768px){
	.page-id-16712 .content_inner p{ font-size:14px; }
	.page-id-16712 .content_inner ul li{ font-size:14px; }
	/* .page-id-16712 .content_inner .vc_column_container > .vc_column-inner{ padding-left:10px; padding-right:10px; } */
	.page-id-16712 h3{ font-size:30px; line-height:1.1em; }
	.page-id-16712 h4{ font-size:24px; }
	#getting-there-section-1-right a{ font-size:18px; }
	#getting-there-section-1{ padding:20px 0 0; }
}

/* WHAT'S ON */

#whats-on{ padding:60px 0; }
.page-id-16735 .content_inner ul{ margin:0; }
.page-id-16735 .content_inner ul li{ margin:20px 0; padding:0; }
.page-id-16735 .latest_post_two_image{ float:left; width:33%; }
.page-id-16735 .latest_post_two_inner{ float:right; width:66%; }
.page-id-16735 .latest_post_two_holder .latest_post_two_text{ padding:0 33px 0; }

@media (max-width: 1100px){
	.page-id-16735 .latest_post_two_holder .latest_post_two_text h2 a{ font-size:28px; line-height:1.1em; }
}

@media (max-width: 768px){
	#whats-on{ padding:30px 0 0; }
	.page-id-16735 .latest_post_two_image{ float:none; width:100%; margin:15px 0; }
	.page-id-16735 .latest_post_two_inner{ float:none; width:100%; margin:15px 0; }
	.page-id-16735 .content_inner ul li{ margin:0; }
	.page-id-16735 .latest_post_two_holder .latest_post_two_text{ padding:0; }
}

/* SEATING PLAN */

body #seating-plan{ margin:50px 0 !important; }

#seating-views .vc_column_container > .vc_column-inner{ padding-left:10px; padding-right:10px; }
#seating-views{ padding:43px 35px 50px; }
#seating-views .qode-banner .qode-banner-image img{ width:100%; height:auto; }
#seating-views .qode-banner .qode-banner-content{ position:relative; padding:16px 14px; background:#222; color:#FFF; font-size:24px; text-transform:uppercase; font-weight:700; height:auto; top:inherit; left:inherit; width:auto; display:block; }
#seating-views .qode-banner:hover .qode-banner-content{ opacity:1; background:#222; }
#seating-views .the-venue-tile-row{ padding:15px 0; }

@media (max-width: 1200px){
	#seating-views{ padding:35px 15px; }
	#seating-views .qode-banner .qode-banner-content{ font-size:18px; }
}

@media (max-width: 768px){
	#seating-views{ padding:25px 15px; }
	.page-template #seating-plan .vc_column_container > .vc_column-inner{ padding-left:15px; padding-right:15px; }
	#seating-views .vc_col-sm-4{ width:100%; margin:10px auto; max-width:480px; }
	#seating-views .the-venue-tile-row{ padding:0; }
	#seating-views .qode-banner .qode-banner-content{ padding:5px 14px; }
	#seating-views .vc_column_container > .vc_column-inner{ padding-left:7px; padding-right:7px; }
}

/* PRECINCT MAPS */

#precinct-maps{ padding:60px 0; }
.call_to_action{ padding:28px 21px; background:#222; }
.call_to_action .text_wrapper .call_to_action_text p{ margin:0; color:#FFF; font-weight:600; }
.call_to_action .column2.button_wrapper .qbutton:hover{ background:#FFF; color:#222; border-color:#FFF; }
#precinct-maps .call_to_action .text_wrapper .call_to_action_text br{ display:none; }

/* SINGLE POST */

#single-page-header-deco{ width:auto; height:150px; background-color:#353535; background-image:url('/wp-content/uploads/2020/01/single-header.jpg'); filter: saturate(0.0) brightness(70%); background-repeat:no-repeat; background-position:center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; }

.post-template-default .content{ overflow:hidden; }
.post-template-default .content_inner > .container, .post-template-default .content_inner .title_outer{ padding:0 20px; width:auto; }
.post-template-default .title{ height:auto !important; margin:40px auto 20px; max-width:1600px; }
.post-template-default .title .title_holder{ padding-top:0 !important; left:inherit; display:block; height:auto !important; }
.post-template-default .blog_holder article .post_image{ width:30%; float:left; }
.post-template-default .blog_holder article .post_text h2{ margin:6px 0 23px; }
.post-template-default .blog_holder article .post_text h2:first-of-type{ margin:8px 0 0; }
.post-template-default .blog_holder article .post_text,
.post-template-default .blog_holder .comment_holder,
.post-template-default .comment_pager,
.post-template-default .blog_holder div.comment_form
{ width:67%; float:right; }

.post-template-default .title h1{ font-size:40px; color:#222; font-weight:700; line-height:1.1em; margin-bottom:20px; }
.post-template-default .title .separator.small{ width:100px; height:3px; background-color:#000; }
.post-template-default .blog_holder article .post_text .post_text_inner{ padding:0 0 35px; }
.post-template-default .entry_title{ font-size:0; margin:8px 0 0; }
.post-template-default .entry_date{ font-size:18px; }
.post-template-default textarea#comment{ border:1px solid #CCC; }

.post-template-default .call_to_action{ margin-bottom:56px; background-color:#222; }
.post-template-default .call_to_action p{ margin:inherit; color:#FFF; font-size:24px; font-weight:600; }
.post-template-default .call_to_action a:hover{ background:#FFF; color:#222; border-color:#FFF; }

.post-template-default .qbutton.large{ margin-top:15px; }
.post-template-default .comment_holder{ padding:5px 0 11px; }

@media (max-width: 800px){
	#single-page-header-deco{ height:50px; }
	.post-template-default .title{ max-width:350px; }
	.post-template-default .blog_holder article .post_image{ width:100%; max-width:350px; margin:0 auto 26px; float:none; }
	.post-template-default .blog_holder article .post_text,
	.post-template-default .blog_holder .comment_holder,
	.post-template-default .comment_pager,
	.post-template-default .blog_holder div.comment_form
	{ width:100%; max-width:350px; margin:0 auto; float:none; display:block; }
	.post-template-default .blog_holder div.comment_form{ margin-bottom:40px; }
	.post-template-default .title{ padding-top:11px !important; }
	.post-template-default .title h1{ text-align:center; font-size:24px; max-width:350px; margin:0 auto; line-height:1.2em; }
	.post-template-default .title .separator.small{ margin:13px auto 0; }
	.post-template-default .blog_holder article .post_text h2{ font-size:20px; }
	.post-template-default .entry_title{ font-size:0 !important; }
	.blog_holder article .post_info{ font-size:12px; line-height:1.1em; margin:10px 0 16px; }
}

/* CALL TO ACTIONS */

@media (max-width: 800px){
	body .call_to_action .text_wrapper{ width:100%; float:none; display:block; text-align:center; }
	body .call_to_action .button_wrapper{ width:100%; float:none; display:block; text-align:center; }
	body .call_to_action .column2.button_wrapper .qbutton{ position:relative; right:inherit; top:inherit; display:block; text-align:center; transform:none; margin:23px 0 0 !important; }
}

/* COMING SOON */

#coming-soon-section{ padding:60px 0; }

/* PROHIBITED ITEMS */

#pi-section table {
    border-collapse: separate;
    border-spacing: 4px;
}

#pi-section table h1{ background:#222; color:#FFF; padding:8px 15px 10px; margin:0 0 10px; font-size:24px; }

#pi-section table tr:first-of-type td {
    background: transparent !important;
	padding: 0;
}

#pi-section table tr td:first-child {
    width: 27%;
	background: #e0e0e0;
}

#pi-section table tr td:last-child {
    background: #EFEFEF;
}

@media (max-width: 1390px){
	#pi-section .pi-section-left{ float:none; width:100%; max-width:600px; margin:0 auto 60px; }
	#pi-section .pi-section-right{ float:none; width:100%; }
}

@media (max-width: 600px){
	body #pi-section{ padding:40px 0 !important; }
	#pi-section table td{ font-size:12px; }
}

/* NEW WHAT'S ON PAGE */

div#whats-on-calendar {
    margin: 40px 0 50px;
    width: 100%;
	overflow:hidden;
}

.whats-on-calendar-filter, .whats-on-calendar-search {
    width: 32.8%;
    float: left;
    margin: 0 0.4%;
    position: relative;
}

.whats-on-calendar-filters {
    width: 100%;
	margin: 0 0 30px;
}

.whats-on-calendar-filter:first-of-type {
    margin-left: 0;
}

.whats-on-calendar-search {
    margin-right: 0;
}

.whats-on-calendar-filters select {
    display: inline-block;
    cursor: pointer;
    padding: 15px 19px;
    outline: 0;
    border: 1px solid #d7d7d7;
    border-radius: 0px;
    background: #ffffff;
    color: #333333;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 18px;
    text-transform: uppercase;
    -webkit-box-shadow: -3px 3px 4px 0px #e8e8e8;
    box-shadow: -3px 3px 4px 0px #e8e8e8;
    position: relative;
    width: 100%;
}

.whats-on-calendar-filter:after {
    content: '';
    position: absolute;
    top: 12px;
    right: 13px;
    width: 9px;
    height: 9px;
    border: solid #222;
    border-width: 0 4px 4px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.whats-on-calendar-search button{
    position: absolute;
    top: 9px;
    right: 6px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: none;
    border: none;
}

.whats-on-calendar-search button i{
    content: '/f002';
    font-family: 'FontAwesome';
    font-size: 30px;
    font-style: normal;
    color: #222;
}

.whats-on-calendar-search input[type=text] {display: inline-block;padding: 15px 19px;outline: 0;border: 1px solid #d7d7d7;border-radius: 0px;background: #ffffff;color: #333333;appearance: none;-webkit-appearance: none;-moz-appearance: none;font-size: 18px;text-transform: uppercase;-webkit-box-shadow: -3px 3px 4px 0px #e8e8e8;box-shadow: -3px 3px 4px 0px #e8e8e8;position: relative;width: calc(100% - 40px);}

.calendar-item-global {
    float: left;
    width: 23.6%;
    background-color: #222222;
    margin: 0.7%;
    min-height: 297px;
	position: relative;
}

.whats-on-calendar-items {
    overflow: hidden;
    margin: 40px 0 0;
}

.month-item.calendar-item-global {
    background: #222;
}

.month-item {
    background-image: url('/wp-content/uploads/2020/01/calendar-month-bg-red.jpg');
    background-size: cover;
}

.month-item span {
    color: #FFF;
    font-size: 68px;
    text-transform: uppercase;
    font-weight: 800;
    top: 42px;
    left: 29px;
    position: absolute;
}

.calendar-item {
    color: #FFF;
	overflow: hidden;
    cursor: pointer;
}

.calendar-item-entry {
    position: absolute;
    left: 32px;
}

#whats-on-calendar .calendar-item-bg {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.3;
	background-size: auto 100%;
	background-repeat: no-repeat;
    background-position: center center;
}

.calendar-item-day {
    font-size: 72px;
    font-weight: 800;
    top: 42px;
}

.calendar-item-date {
    top: 105px;
    color: #fff;
    font-size: 17px;
}

.calendar-item-type {
    top: 145px;
    font-size: 14px;
}

.calendar-item-teams {
    top: 171px;
    font-size: 22px;
    font-weight: 700;
}

.calendar-item-popup {
    position: absolute;
    bottom: -28%;
	opacity: 0;
    background: #111;
    width: 96%;
    text-align: center;
    -webkit-transition: all 0.5s; /* Safari prior 6.1 */
    transition: all 0.5s;
	padding: 2%;
}

.calendar-item:hover .calendar-item-popup {
    bottom: 0;
	opacity: 1;
}

#whats-on-calendar .calendar-item:hover .calendar-item-bg {
    opacity: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

#whats-on-calendar .calendar-item:hover .calendar-item-entry {
    display: none;
}

#whats-on-calendar .calendar-item:hover .calendar-item-bg {
    display: block;
}

.calendar-item-popup-date {
    line-height: 1em;
    font-size: 13px;
    padding: 5px 0;
}

.calendar-item-popup-teams {
    line-height: 1em;
    font-size: 14px;
    font-weight: 700;
    padding: 4px 0;
    margin-bottom: 6px;
}

.calendar-item-popup a {
    background: #fff;
    color: #222;
    display: inline-block;
    padding: 4px 15px;
    margin: 5px 0;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
}

.calendar-item-popup a:hover {
    background: #353535;
    color: #fff;
}

.calendar-no-events {
    background: #353535;
    color: #FFF;
    padding: 5px 12px;
    font-size: 16px;
    margin: 21px 0.5% 0;
    font-weight: 600;
}

@media (max-width: 1400px){
	div#whats-on-calendar {
		max-width: 1000px;
		margin: 40px auto 40px;
	}

	.calendar-item-global {
		width: 31.93%;
	}
}

@media (max-width: 1020px){
	div#whats-on-calendar {
		max-width: 768px;
	}

	.calendar-item-global {
		width: 48.6%;
	}
	
	.whats-on-calendar-filter, .whats-on-calendar-search {
		width: 100%;
		float: none;
		margin: 5px 0;
	}

	.whats-on-calendar-items {
		margin: 25px 0 0;
	}

	.whats-on-calendar-filters {
		width: auto;
		margin: 0 0.5% 30px;
	}
}

@media (max-width: 720px){
	.calendar-item-global {
		width: 100%;
		max-width: 350px;
		margin: 10px auto;
		float: none;
	}
	
	.whats-on-calendar-filters {
		max-width: 350px;
		margin: 0 auto 20px;
	}
	
	#whats-on-calendar .calendar-item-popup {
		bottom: 0;
		opacity: 1;
	}

	.calendar-item-global {
		min-height: 309px;
	}

	.calendar-item-popup-date {
		display: none;
	}

	.calendar-item-popup-teams {
		display: none;
	}
	
	.calendar-no-events {
		max-width: 326px;
		margin: 15px auto 0;
	}
}

@media (max-width: 480px){
	.whats-on-calendar-filters select, .whats-on-calendar-search input[type=text] {
		font-size: 14px;
	}

	.whats-on-calendar-search button i {
		font-size: 22px;
	}

	.whats-on-calendar-filter:after {
		width: 5px;
		height: 5px;
	}

	.whats-on-calendar-search button {
		top: 11px;
		right: 4px;
	}
	
	.calendar-item-day {
		font-size: 52px;
		top: 30px;
	}

	.calendar-item-entry {
		left: 22px;
	}

	.calendar-item-date {
		top: 79px;
		font-size: 15px;
	}

	.calendar-item-type {
		top: 112px;
		font-size: 12px;
	}

	.calendar-item-teams {
		top: 134px;
		font-size: 18px;
		line-height: 1.2em;
	}

	.calendar-item-global {
		min-height: 258px;
	}
	
	.month-item span {
		font-size: 52px;
		left: 22px;
		top: 30px;
	}

	#whats-on-calendar .month-item {
		min-height: 93px;
		overflow: hidden;
	}

	.calendar-item-popup a {
		padding: 3px 10px;
		font-size: 14px;
	}

	.page-id-17083 .vc_column_container > .vc_column-inner {
		padding-left: 13px;
		padding-right: 13px;
	}
}

/* NEW HOMEPAGE */

div#home-hero::before {
    content: '';
    display: block;
    width: 100%;
    height: 100px;
    position: absolute;
    background: url('/wp-content/uploads/2020/01/home-hero-overlay-red.png') no-repeat center top;
	filter: saturate(0) brightness(60%);
    z-index: 999;
    bottom: -53px;
}

div#home-about {
    background: url('/wp-content/uploads/2021/02/qsnc-home-about-nissan-arena-1-1.jpg') no-repeat center top;
    padding: 83px 0 92px;
}

div#home-about .vc_col-sm-12 {
    max-width: 711px;
}

div#home-about .vc_col-sm-12 p {
    font-size: 18px;
}

div#home-about .vc_col-sm-12 h1 {
    color: #222;
    font-size: 47px;
    font-weight: 800;
    line-height: 1.1em;
}

div#home-about .vc_col-sm-12 h3 {
    text-transform: none;
    color: #000;
    font-weight: 600;
    font-size: 21px;
    margin: 36px 0;
}

div#home-about .vc_col-sm-12 a {
    background: #222;
    color: #FFF;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 800;
    display: inline-block;
    margin: 34px 0 0;
    padding: 14px 26px;
} 

div#home-about .vc_col-sm-12 a:hover{ background:#353535; }

div#home-about .full_section_inner:first-of-type {
    max-width: 1400px;
    margin: 0 auto;
}

/**/

body #news-container ul {
    margin: 0;
}

#news-container .latest_post_two_info {
    display: none;
}

#news-container .latest_post_two_text {
    padding: 23px 0 0;
}

#news-container .separator.small.left {
    display: none;
}

#news-container h3.latest_post_two_title.entry_title a {
    color: #222;
    text-transform: none;
    font-size: 21px;
    letter-spacing: normal;
}

#news-container p.latest_post_two_excerpt::after {
    content: '...';
}

#news-container .latest_post_two_holder .latest_post_two_image {
    overflow: hidden;
}

#news-container .latest_post_two_holder .latest_post_two_image a{
	z-index: 1;
	position: relative;
	outline: none;
	border: none;
	overflow:hidden;
}


#news-container .latest_post_two_holder .latest_post_two_image a img {
    MIN-HEIGHT: 350PX;
    object-fit: cover;
}

#news-container .latest_post_two_holder .latest_post_two_image a::before {
  content: '';
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #222;
	opacity: 0.7;
  transform-origin: center right;
  transform: scaleX(0);
  transition: transform 0.25s ease-in-out;
}

#news-container .latest_post_two_holder .latest_post_two_image a:hover {
  cursor: pointer;
}

#news-container .latest_post_two_holder .latest_post_two_image a:hover::before {
  transform-origin: center left;
  transform: scaleX(1);
}

#news-container .latest_post_two_holder .latest_post_two_image a img{
	transition: transform .25s;
    width: 100%;
    display: block;
}

#news-container .latest_post_two_holder .latest_post_two_image a:hover img{
	transform: scale(1.2);
}

#news-container .latest_post_two_holder h5 a {
    font-weight: 700;
    text-transform: none;
    letter-spacing: normal;
    color: #000;
    font-size: 21px;
}

#news-container p.latest_post_two_excerpt {
    font-size: 16px;
    line-height: 1.5em;
    margin: 20px 0;
}

body #news-container {
    margin: 60px 0 32px !important;
    overflow: hidden;
}

#news-container .latest_post_two_holder .latest_post_two_image a {
    text-align: center;
    line-height: 0;
}

.blog_holder article .post_text .post_text_inner {
    min-height: auto !important;
}

.category.category-news a.qbutton {
    background: #222;
    color: #FFF;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 800;
    display: inline-block;
    margin: 0;
    padding: 14px 26px;
    border-color: #222 !important;
}

.category.category-news a.qbutton:hover {
    background-color: #da576d;
    border-color: #da576d !important;
}

.blog_holder article .post_info a, .blog_holder article .post_text h2 .date {
	color: #000 !important;
}

div#home-whats-on {
    background: #f7f7f7;
    padding: 50px 0;
}

@media (min-width: 1120px){
	.home-about-img{ display:none; }
}

@media (max-width: 1120px){
	div#home-about {
		background: none;
	}

	div#home-about .vc_col-sm-12 {
		margin: 0 auto;
		float: none;
	}
}

@media (max-width: 768px){
	div#home-about .vc_col-sm-12 h1 {
		font-size: 28px;
	}

	div#home-about {
		padding: 59px 0 34px;
	}

	div#home-about .vc_col-sm-12 h3 {
		font-size: 18px;
		margin: 29px 0;
	}

	div#home-about .vc_col-sm-12 p {
		font-size: 14px;
		margin: 13px 0;
	}

	div#home-about .vc_col-sm-12 a {
		font-size: 19px;
		padding: 10px 26px;
		margin: 25px 0 0;
	}

	.page-template #home-about .vc_column_container > .vc_column-inner, .page-template #news-container .vc_column_container > .vc_column-inner {
		padding-left: 13px;
		padding-right: 13px;
	}
	
	body #news-container {
		margin: 24px 0 8px !important;
	}
}

/* WHATS ON HOMEPAGE SNIPPET */

div#whats-on-snippet {
    max-width: 1564px;
    margin: 0 auto;
}

div#whats-on-snippet h2 {
    text-align: center;
    font-size: 46px;
}

#whats-on-snippet a.view-all {
    display: block;
    border: 3px solid #222;
    width: 200px;
    text-align: center;
    margin: -18px auto 10px;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 27px;
    padding: 17px 0;
}

#whats-on-snippet a.view-all:hover {
    background: #000;
    color: #FFF;
    border-color: #000;
}

@media (max-width: 500px){
	div#whats-on-snippet h2 {
		font-size: 38px;
	}

	#whats-on-snippet div#whats-on-calendar {
		margin: 17px auto 35px;
	}

	div#home-whats-on {
		padding: 32px 0;
	}
}

/* COMMUNITY EVENTS */

#the-venue-section-1.community-events .qode-banner .qode-banner-content { display: none; }
body .the-venue-tile-row { margin-top: 20px !important; }



/* BLOG OVERVIEW */

.page-id-18680 .content_inner ul li {
	list-style: none !important;
}

.page-id-18680 .post_image {
    float: left !important;
    width: calc(50% - 20px) !important;
    padding-left: 20px;
}

.page-id-18680 .post_text {
    float: right;
    width: 50%;
}

.page-id-18680 a.qbutton {
    background: #fff;
    color: #222;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 800;
    display: inline-block;
    margin: 0;
    padding: 14px 26px;
    border-color: #222 !important;
    border-radius: 0px    
}

.page-id-18680 a.qbutton:hover {
    background-color: #222;
    border-color: #222 !important;
	color: #fff;
}

.page-id-18680 .blog_holder article .post_text .post_text_inner {
	padding-top: 0 !important;
}

.news-title {
	background: #333333;
    background-image: url('/wp-content/uploads/2021/05/header-6.jpg');
	background-blend-mode: soft-light;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 135px 25px;
    margin-bottom: 50px;
}

.news-title h1 {
    font-size: 68px;
    color: #fff !important;
    text-transform: uppercase;
}

@media only screen and (max-width: 1100px) {
    .page-id-18680 h2, .page-id-18680 .h2, .page-id-18680 h2 a {
        font-size: 30px;
    }
}

@media only screen and (max-width: 1185px) {
    .news-title h1 {
        font-size: 54px;
    }
}

@media only screen and (max-width: 1000px) {
    .page-id-18680 .post_image {
        width: calc(35% - 20px) !important;
    }

    .page-id-18680 .post_text {
        width: 65% !important;
    }
}

@media only screen and (max-width: 768px) {
    .news-title {
        padding: 65px 25px;
    }
    
    .news-title h1 {
        font-size: 36px;
        text-align: center;
    }

    .page-id-18680 .post_image {
        width: 100% !important;
        padding: 0 0 20px 0 !important;
    }

    .page-id-18680 .post_text {
        width: 100% !important;
    }

    .page-id-18680 h2, .page-id-18680 .h2, .page-id-18680 h2 a {
        font-size: 24px;
    }

    .page-id-18680 .blog_holder article {
    	margin: 0 0 10px !important;
    }
}

@media only screen and (max-width: 480px) {
	.page-id-18680 a.qbutton {
	    padding: 7px 20px;
	    font-size: 16px;
	}

    .page-id-18680 h2, .page-id-18680 .h2, .page-id-18680 h2 a {
        font-size: 20px !important;
        letter-spacing: 0 !important;
    }
}



/*----rebrand colours----*/

/*---service-tiles---*/
.service-tile-custom.wpb_column.vc_column_container.vc_col-sm-3 img:hover {filter: contrast(110%) saturate(0.8);}
/*---GET INVOLVED---*/
.page-id-26973 .qode-banner-content { background-color: #00000000;}
.page-id-26973 .qode-banner-image { filter: saturate(0) contrast(160%);}
.page-id-26973 .qode-banner.qode-banner-va-center {margin-bottom: 12px;}

/*---Social Sports---*/
.page-id-17050 .qode-banner-image {filter: saturate(0) contrast(160%);}
/*---About Img---*/
.bw-image-rebrand{filter: saturate(0) contrast(120%);}
/*---Footer Img---*/
.column2.footer_col2 img {filter: saturate(0);}


#mobile_contact .wpcf7 form.wpcf7-form p a {
    color: #737373 !important;
    text-decoration: underline;
}

.home-title-text-h2 h2 {font-size: 46px !important; line-height: 1.1em; margin-bottom: 30px !important;}

@media (max-width: 500px){.home-title-text-h2 h2 {font-size: 38px !important;}}


div#inner-page-header .vc_custom_1579580639244 {
    filter: brightness(0.75);
}



div#inner-page-header {
    background-blend-mode: soft-light;
}

@media (min-width: 1281px) {
    .header-social-icons {
        right: 40px;
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    .side_menu_button_wrapper.right {
        margin: 0 !important;
        display: inline-block !important;
    }
}

.rmp-container {
	top: 55px !important;
}

button.rmp_menu_trigger {
    width: 25% !important;
    cursor: pointer;
}