/*
Theme Name:    Quality Catering
Description:   Quality Catering - Child Theme
Version:       2.0.0
Author:        CKP Creative
Author URI:    https://www.ckpcreative.com.au/
Template:      bb-theme
License:       GNU General Public License v2 or later
License URI:   http://www.gnu.org/licenses/gpl-2.0.html


==========================================================================================
TABLE OF CONTENTS
==========================================================================================
1.0     AT-RULES
        1.1     Fonts
        1.2     Animations
2.0     RESET
3.0     REUSABLE CLASSES
4.0     LAYOUT AND DESIGN OVERRIDES
        4.1     Page
        4.2     Header
        4.3     Content
                4.3.1     Rows
                4.3.2     Forms
                4.3.3     Popups
                4.3.4     Carousels
                4.3.5     Others
        4.4     Sidebar
        4.5     Footer
5.0     CUSTOM OBJECTS
6.0     RESPONSIVE
        6.1     Large screens only (min-width: 993px)
        6.2     Medium and small screens (max-width: 992px)
        6.3     Medium screens only (min-width: 769px and max-width: 992px)
        6.4     Medium and large screens (min-width: 769px)
        6.5     Small and smaller screens (max-width: 768px)
        6.6     Small screens only (min-width: 481px and max-width: 768px)
        6.7     Gravity Forms Desktop (min-width: 641px)
        6.8     Gravity Forms Mobile (max-width: 641px)
        6.9     Smaller screens (max-width: 480px)
==========================================================================================
*/

/**=======================================================================================
 * 1.0  AT-RULES
 =======================================================================================*/

/* 1.1  Fonts */

/* 1.2  Animations */
@-webkit-keyframes slide-down { 
	0% { opacity: 0; transform: translateY(-100%); }
	100% { opacity: 0.9; transform: translateY(0); }
}
@-moz-keyframes slide-down {
	0% { opacity: 0; transform: translateY(-100%); }
	100% { opacity: 0.9; transform: translateY(0); }
}
@keyframes slide-down {
	0% { opacity: 0; transform: translateY(-100%); }
	100% { opacity: 0.9; transform: translateY(0); }
}

/* Spinner */
.gform_ajax_spinner {
	margin-left: 20px;
	border: 4px solid rgba(255, 255, 255, 0.3);
	border-left: 4px solid rgba(110, 73, 217, 0.7);
	animation: spinner 1.1s infinite linear;
	border-radius: 50%;
	width: 30px;
	height: 30px;
}
@keyframes spinner {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
/**=======================================================================================
 * 2.0  RESET
 =======================================================================================*/
body {
	overflow-anchor: none;
}

body img.gform_ajax_spinner {
    display: none !important;
}

h2 {
	text-transform: uppercase !important;
}

.uabb-infobox-content .uabb-infobox-text p {
	padding-bottom: 0;
}

.fl-rich-text p:last-of-type {
	margin-bottom: 0;
}
.uabb-infobox-content .uabb-infobox-text p,
.fl-rich-text p {
	margin-bottom: 25px;
}

.fancybox-button:hover,.fancybox-caption:hover, .fancybox-infobar:hover, .fancybox-navigation .fancybox-button:hover, .fancybox-toolbar:hover{
    background-color: #12313A;
    color: #fff;
    border: 0;
    outline: none;
}
textarea {
	resize: none !important;
}


#header-menu .sub-menu > li > a:focus, 
#header-menu .sub-menu > li > .pp-has-submenu-container > a:focus, 
#header-menu .sub-menu > li.current-menu-item > a, 
#header-menu .sub-menu > li.current-menu-item > .pp-has-submenu-container > a
#header-menu .sub-menu > li > a:focus, 
#header-menu .menu .sub-menu > li > .pp-has-submenu-container > a:focus,
#header-menu .menu > li.current-menu-item > a, 
#header-menu .menu > li.current-menu-item > .pp-has-submenu-container > a {
    color: #12313A;
}
#header-menu .sub-menu > li > a:hover,
#header-menu .sub-menu > li > .pp-has-submenu-container > a:hover,
#header-menu .menu > li.current-menu-item > a:hover, 
#header-menu .menu > li.current-menu-item > .pp-has-submenu-container > a:hover {
    color: #72aeb7;
}

#menu-header-menu-1 .sub-menu > li > a:focus, 
#menu-header-menu-1 .sub-menu > li > .pp-has-submenu-container > a:focus, 
#menu-header-menu-1 .sub-menu > li.current-menu-item > a, 
#menu-header-menu-1 .sub-menu > li.current-menu-item > .pp-has-submenu-container > a
#menu-header-menu-1 .sub-menu > li > a:focus, 
#menu-header-menu-1 .menu .sub-menu > li > .pp-has-submenu-container > a:focus,
#menu-header-menu-1 .menu > li.current-menu-item > a, 
#hmenu-header-menu-1 .menu > li.current-menu-item > .pp-has-submenu-container > a {
    color: #ffffff;
}
#menu-header-menu-1 .sub-menu > li > a:hover,
#menu-header-menu-1 .sub-menu > li > .pp-has-submenu-container > a:hover,
#menu-header-menu-1 .menu > li.current-menu-item > a:hover, 
#menu-header-menu-1 .menu > li.current-menu-item > .pp-has-submenu-container > a:hover {
    color: #72aeb7;
}
/**=======================================================================================
 * 3.0  REUSABLE CLASSES
 =======================================================================================*/
.medium-p p {
	font-weight: 500;
	line-height: 1.5;
}
.light-20-p p {
	font-size: 20px !important;
	font-weight: 300 !important;
	line-height: 1.65 !important;
	text-transform: uppercase !important;
}

.large-heading h2 {
	color:rgba(114, 174, 183, 0.15);
	font-size: 200px;
	line-height: 0.76;
	font-weight: 900;
}



.fl-builder-content .catering-menu-buttons .fl-button-group-buttons a.fl-button {
	width: 368px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

.overlay-box .fl-module-content {
	position: relative;
	z-index: 1;
}
.overlay-box a {
	color: #AA8F51;
}
.overlay-box a:hover {
	color: #72AEB7;
}


.partners-logo .pp-logos-content .pp-logo {
	margin-bottom: 40px;
}
.partners-logo .pp-logo.pp-logo-3 .logo-image {
	width: 160px;
	margin: 0 auto;
}

.image-gallery img {
	width: 100% !important;
	height: 220px !important;
	object-fit: cover;
}
.our-venue-gallery.image-gallery img {
	height: 220px !important;
}
.menu-button a {
    border: 1px solid #12313A !important;
    padding: 10px 10px 9px !important;
}
.menu-button a:hover {
		color: #ffffff !important;
		background: #12313A !important;;
}
#header-menu .pp-advanced-menu .menu > li.enquire-btn {
    margin-left: 10px;
}

#header-menu .menu li:first-child {
    border: none;
    margin-left: 0;
}

#header-menu .sub-menu {
	padding: 	10px;
}

.pp-off-canvas-menu .phone-btn {
    display: none !important;
}
.pp-off-canvas-menu .enquire-btn a {
    display: inline-block;
    float: left;
    border: 1px solid #72AEB7 !important;
    padding: 10px 27px 9px !important;
    color: #72AEB7 !important;
}
.pp-off-canvas-menu .enquire-btn a:hover {
	background: #72AEB7 !important;
	color: #ffffff !important;
}
header.fl-theme-builder-header-scrolled .fl-row-content-wrap {
	box-shadow: 0px 3px 20px 0px rgba(0,0,0,0.2);
}
.owl-carousel .owl-nav.disabled {
	display: block;
}


/**=======================================================================================
 * 4.0  LAYOUT AND DESIGN OVERRIDES
 =======================================================================================*/

/* 4.1  Page */
.coming-soon-column {
	position: relative;
}


/* 4.2  Header */

/* 4.3  Content */

/* --- 4.3.1  Rows */

/* --- 4.3.2  Forms */
.fl-module-uabb-gravity-form .gform_wrapper li.gfield.gfield_error {
	background: none;
	padding: 0;
	border: 0;
	margin-bottom: 0 !important;
}
.fl-module-uabb-gravity-form .gform_wrapper .field_description_below .gfield_description {
	padding-top: 0;
}
.fl-module-uabb-gravity-form .gform_wrapper .gform_body input[type],
.fl-module-uabb-gravity-form .gform_wrapper .gform_body select,
.fl-module-uabb--gravityform .gform_wrapper .gform_body textarea {
	margin-bottom: 15px !important;
}
.gform_wrapper .gform_footer {
	padding: 20px !important;
	margin: 20px !important;
}
.gform_validation_error.gform_wrapper .gform_footer {
	padding-top: 15px !important;
}
.gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message {
	padding: 0 !important;
    border: 0 !important;
    background: none !important;
    font-weight: 500 !important;
}
/* --- 4.3.3  Popups */

/* --- 4.3.4  Carousels */

/* --- 4.3.5  Others */
.table-icon {
    text-align: center;
}
.table-text {
	padding-left: 15px;
}
.contact-box .uabb-infobox-left-right-wrap {
  display: flex;
  justify-content: center;
}
/* 4.4  Sidebar */

/* 4.5  Footer */
footer .uabb-info-list-content-wrapper.uabb-info-list-left .uabb-info-list-icon, 
footer .uabb-info-list-content-wrapper.uabb-info-list-right .uabb-info-list-icon {
	vertical-align: middle;
}
#copyright ul {
    padding-inline-start: 0;
    list-style: none;
    font-size: 14px;
    text-align: center;
    margin: 0;
}
#copyright ul li {
    display: inline-block;
    padding: 0 5px;
    line-height: 1;
    border-right: 1px solid;
}
#copyright ul li:last-child {
    border-right: 0;
}
/**=======================================================================================
 * 5.0  CUSTOM OBJECTS
 =======================================================================================*/

.hero-wrapper,.about-wrapper {
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto;
}
.hero-wrapper {
    background-image: url('assets/img/banner-image.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-attachment: scroll;
    background-size: auto;
}

#hero-dual-button .uabb-btn.uabb-btn-two {
	padding-right: 40px;
	padding-left: 40px;
}

.mobile-btn {
	display: none;
}

.heading-wrapper .fl-col-content {
    position: relative;
}
.heading-wrapper .fl-module-heading {
	width: 100%;
}
.qld-heading {
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
}
.ncc-heading {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
}

.fl-col.partners-logo {
    width: 33.3%;
}

.equipment-hire-btn .fl-button-group-layout-horizontal .fl-button-wrap,
.catering-buttons .fl-button-group-layout-horizontal .fl-button-wrap {
    display: block;
}
.fl-builder-content .equipment-hire-btn .fl-button-group .fl-button-group-buttons .fl-button-group-button {
	width: 240px;
}
.fl-builder-content .catering-buttons .fl-button-group .fl-button-group-buttons .fl-button-group-button {
	width: 216px;
}


#contact-form .gform_wrapper .validation_error, 
#contact-form .gform_wrapper .gform_validation_errors, 
#contact-form .gform_wrapper .gform_validation_errors > h2 {
    display: block !important;
}

#contact-form .gform_wrapper .gform_validation_errors {
    background: #fff9f9;
    border-radius: 5px;
    border: 1.5px solid #790000 !important;
    box-shadow: 0 1px 4px rgb(0 0 0 / 11%), 0 0 4px rgb(18 25 97 / 4%);
    margin-bottom: 8px;
    margin-top: 8px;
    padding: 16px 16px 16px 48px;
    position: relative;
    width: 100%;
    color: #790000 !important;
}

#contact-form .gform_wrapper .gfield_error label {
	color: #12313a;
}

/**=======================================================================================
 * 6.0  RESPONSIVE
 =======================================================================================*/


@media screen and (min-width: 1600px) {
  .fl-builder-content .fl-node-60613ffa7c7cc > .fl-col-content {
		min-height: initial;
	}
	.fl-node-60613be09aca2 > .fl-col-content {
		background-position: center top;
	}
	.fl-builder-content .fl-node-60613be09aca2 > .fl-col-content {
		min-height: 400px;
	}
}

@media screen and (min-width: 1176px) {
	.wide-right .fl-row-content {
		max-width: calc(50% + 1176px * 0.5) !important;
		margin-right: 0;
	}
	.wide-left .fl-row-content {
		max-width: calc(50% + 1176 * 0.5) !important;
		margin-left: 0;
	}
}

@media only screen and (min-width: 1025px) {
	#client-testimonials .pp-testimonials-wrap .owl-theme .owl-nav button.owl-prev {
		position: absolute;
	    top: 30% !important;
	    left: -75px;
	}
	#client-testimonials .pp-testimonials-wrap .owl-theme .owl-nav button.owl-next {
		position: absolute;
	    top: 30% !important;
	    right: -75px;
	}
}
@media only screen and (max-width: 1024px) {
	#logo-column {
		width: 20%;
	}
	#menu-column {
	    width: 80%;
	}

	#header-menu .pp-advanced-menu .menu > li {
		margin-left: 20px;
	}
	#header-menu .pp-advanced-menu .menu a {
		font-size: 12px;
	}
	.image-gallery img {
	    height: 145px !important;
	}
	#footer-logo-col, #footer-menu-col {
		width: 100%;
	}

	#catering-menu-col > .fl-col-content {
	    padding-right: 0;
	    padding-left: 0;
	}
	#footer-logo-col p {
		text-align: center;
	}
	#footer-menu-col  > .fl-col-content {
	    padding-top: 0px;
	}

	#client-testimonials .pp-testimonials-wrap .owl-theme .owl-nav button.owl-prev {
		float: left;
		margin-left: 40px;
	}

	#client-testimonials .pp-testimonials-wrap .owl-theme .owl-nav button.owl-next {
		float: right;
		margin-right: 40px;
	}
	#client-testimonials .pp-testimonials-wrap .owl-theme .owl-nav {
		margin-top: 40px;
	}
	.hero-wrapper {
		background-size: 75%;
	}
}
/* 6.1  Large screens only (min-width: 993px) */
@media only screen and (min-width: 993px) {
	.svg-backimage-tagline {
		max-height: 168px;
	}
    .svg-backimage-qcc-logo {
		max-height: 88px;
	}
	.svg-backimage-qcc-about {
		max-height: 347px;
	}
	.svg-backimage-ourvenue {
		max-height: 180px;
	}
    .svg-backimage-qcc {
		max-height: 132px;
	}
	.svg-backimage-ncc {
		max-height: 230px;
	}
	.svg-backimage-pav {
		max-height: 220px;
	}
	.svg-backimage-catering-menu {
		max-height: 117px;
	}
	.svg-backimage-menus {
		max-height: 232px;
	}
}

/* 6.2  Medium and small screens (max-width: 992px) */
@media only screen and (max-width: 992px) {
    #header-menu .pp-advanced-menu .menu > li {
	    margin-left: 5px;
	    margin-right: 5px;
	}
	.hero-wrapper {
	    background-size: 65%;
	}
	header.sticky-activated {
		width: 100%;
		position: fixed !important;
		left: 0;
		right: 0;
		top: 0;
		z-index: 100;
		-webkit-animation: slide-down 0.7s;
		-moz-animation: slide-down 0.7s;
		animation: slide-down 0.7s;
	}

	
	#wpadminbar {
		z-index: 2 !important;
	}
	header .fl-row-content-wrap {
		background: rgba(1, 21, 33, 0.05)  !important;
	}
	header.sticky-activated .fl-row-content-wrap {
		-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
		box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
		background: #ffffff !important;
	}
}

/* 6.3  Medium screens only (min-width: 769px and max-width: 992px) */
@media only screen and (min-width: 769px) and (max-width: 992px) {
    
}

/* 6.4  Medium and large screens (min-width: 769px) */
@media only screen and (min-width: 769px) {
    .qc-catering-faqs .pp-faq-item:last-of-type {
		border-bottom: 0;
	}

	#header-menu .pp-advanced-menu .menu > li.phone-btn {
	    margin-left: 60px;
	}
	
}

/* 6.5  Small and smaller screens (max-width: 768px) */
@media only screen and (max-width: 768px) {
    
	.fl-builder-content .coming-soon-column  > .fl-col-content {
	    min-height: initial;
	}
	#pp-advanced-menu-off-canvas-60bee9d33cc9c .pp-advanced-menu .sub-menu {
	    background-color: transparent;
	    box-shadow: none;
	}
	#pp-advanced-menu-off-canvas-60bee9d33cc9c .pp-advanced-menu.off-canvas .sub-menu > li > a,
	#pp-advanced-menu-off-canvas-60bee9d33cc9cu .pp-advanced-menu.off-canvas .sub-menu > li > .pp-has-submenu-container > a {
	    padding: 10px 20px;
	}
	.light-20-p p {
		font-size: 18px !important;
	}
	.fl-node-60bee9d33cc9c .pp-advanced-menu-mobile-toggle {
		display: inline-block;
	}
	#header-menu .fl-module-content {
		text-align: right;
	}
	.mobile-btn {
		display: inline-block;
		margin-right: 20px;
	}
	.mobile-btn a {
		font-size: 14px;
		color: #12313A;
	}
	.mobile-menu-wrapper {
		display: flex;
	    align-items: center;
	    justify-content: flex-end;

	}

	.enquire-btn a {
	    margin-top: 10px;
	    margin-left: 10px;
	}

	.image-gallery img {
	    height: 200px !important;
	}

	footer .uabb-info-list-content-wrapper.uabb-info-list-left .uabb-info-list-content {
	    width: auto !important;
	}

	.hero-wrapper {
		background: none;
	}


	.fl-builder-content .group-btn .fl-button-group .fl-button-group-buttons .fl-button-group-button {
		width: 400px;
		margin: 0 auto;
	}
	.catering-buttons .fl-button-group-layout-horizontal .fl-button-wrap,
	.group-btn .fl-button-group-layout-horizontal .fl-button-wrap {
		display: block;
	}
	.catering-buttons .fl-button-group-layout-vertical .fl-button-group-buttons a.fl-button, 
	.catering-buttons .fl-button-group-layout-horizontal .fl-button-group-buttons a.fl-button.
	.group-btn .fl-button-group-layout-vertical .fl-button-group-buttons a.fl-button, 
	.group-btn .fl-button-group-layout-horizontal .fl-button-group-buttons a.fl-button {
		width: 100% !important;
	}

	.fl-builder-content .group-btn .fl-button-group .fl-button-group-buttons .fl-button-group-button a.fl-button {
		width: 100%;
	}
	
	header.fl-builder-content[data-overlay="0"]  {
	    position: absolute;
	    width: 100%;
	    z-index: 100;
	}
	.qld-heading {
	    top: 50%;
	    width: 100%;
	}

	#equipment-hire > .fl-row-content-wrap {
		background-image: none;
		background-color: #FAFAFA;
	}
	#pp-advanced-menu-off-canvas-60c6eb92030cc .pp-advanced-menu.off-canvas #menu-header-menu-1 .sub-menu {
	    background: none;
	}
	#pp-advanced-menu-off-canvas-60c6eb92030cc .sub-menu .menu-item {
	    padding-top: 10px;
	    padding-bottom: 10px;
	}

	#pp-advanced-menu-off-canvas-60c6eb92030cc .pp-advanced-menu.off-canvas .sub-menu > li > a, 
	#pp-advanced-menu-off-canvas-60c6eb92030cc .pp-advanced-menu.off-canvas .sub-menu > li > .pp-has-submenu-container > a {
	    padding-left: 20px;
	}


}

/* 6.6  Gravity Forms Desktop (min-width: 641px) */
@media only screen and (min-width: 641px) {
    body .gform_wrapper ul.gform_fields li.gfield,
	body .gform_wrapper ul.gform_fields .top_label div.ginput_container {
		margin-top: 0;
	}
	.gform_wrapper ul.top_label div.ginput_complex.ginput_container.ginput_container_name {
		width: 100%;
	}
	.gform_wrapper div.ginput_container_name span.name_last {
		padding-right: 0;
	}
	.fl-module-uabb-gravity-form .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_half {
		max-width: none;
	}


}

/* 6.7  Gravity Forms Mobile (max-width: 640px) */
@media only screen and (max-width: 640px) {
    .uabb-dual-button-two.hide-mobile {
	    display: none;
	}


	.fl-builder-content .about-buttons .fl-button-group-buttons a.fl-button {
		width: 200px;
	}
}

/* 6.8  Small screens only (min-width: 481px and max-width: 768px) */
@media only screen and (min-width: 481px) and (max-width: 768px) {
    
}

/* 6.9  Smaller screens (max-width: 480px) */
@media only screen and (max-width: 480px) {
    .fl-builder-content .about-buttons .fl-button-group .fl-button-group-buttons .fl-button-group-button {
		padding-right: 0;
	}
	.fl-builder-content .catering-menu-buttons .fl-button-group-buttons a.fl-button {
		width: 335px;
	}
	.image-gallery img {
	    height: 130px !important;
	}

	.our-venue-gallery.image-gallery img {
	    height: 130px !important;
	}

	.mobile-text-block {
		display: block;
	}
	.fl-builder-content .group-btn .fl-button-group .fl-button-group-buttons .fl-button-group-button {
		width: 100%;
	}

	
}
@media only screen and (max-width: 320px) { 
	.fl-builder-content .catering-menu-buttons .fl-button-group-buttons a.fl-button {
		width: 290px;
	}
	.mobile-btn a {
	    font-size: 12px;
	}
	.mobile-btn {
	    margin-right: 10px;
	}

	.fl-builder-content .fl-button-group .fl-button-group-buttons .fl-button-group-button a.fl-button {
		font-size: 12px;
	}
}