/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child theme of Hello Elementor by Oscar Viana
Author: Oscar Viana
Author URI: https://oscarviana.com/
Template: hello-elementor
Version: 1.0.2
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

html {scroll-behavior: smooth;}

.containersectionmega {padding: 80px 20px;}
.containersectionmini {padding: 60px 20px;}
.containersectionmicro {padding: 40px 20px;}

.fullwidth {padding-left: 0; padding-right: 0;}
.bluearrow {vertical-align: middle; color: #ff5722; font-size: 70%;margin-right: -5px;}
a {color: #02ABEC;}
.elementor-widget-image-gallery {margin-top: 30px;}

.elementor-heading-title span {color: #C44F2A;font-style: italic;}


#masonry-home1 .gallery img {filter: grayscale(1);}
#masonry-home .gallery img:hover {filter: grayscale(1);}

#industrylogos .gallery {display: flex; align-items: center;}
#industrylogos .gallery img {width: 120px;}

#industrylogos.elementor-widget-image-gallery {margin-top: 0px;}

#clients .gallery {display: flex; align-items: center; flex-wrap: wrap;}
#clients .gallery img {width: 120px;}

#sectors .elementor-image-box-wrapper {
    background: #000000b3;
    border: 1px solid #797979;
    border-radius: 20px;
    padding: 20px;
}

#sectors .elementor-image-box-wrapper:hover { background: #02ABEC21;}

#accreditations .gallery { display: flex; align-items: center;}
#accreditations figure {padding: 20px 0px; text-align: center;}
#accreditations figure img {width: 200px;}

/*  GALLERY TABS  */

#gallerytabs .gallery-icon {padding: 10px;}
#gallerytabs figure img {border-radius: 10px; max-height: 200px;}

#bannertext {background: #ffffffad; padding: 20px; color: #000; border-radius: 5px;}
.sectioninfo {max-width: 50%;}

#occasions {border: 1px solid #251a1224; gap: 1px; background:#251a1224;}
#occasions .elementor-widget-icon-box {background: #FFFCF6; padding: 38px 30px; transition: background .25s ease;}
#occasions .elementor-widget-icon-box:hover {background: #F4E7D2;}
#occasions1 svg {fill: #C44F2A;stroke: #C44F2A;}

/*
Google Reviews
*/

#reviews .ti-inner {background: #FBF3E6! important; border-color:#251a1224! important;}

#pastatrays {border: 1px solid #251a1224; gap: 1px; background:#251a1224;}
#pastatrays .elementor-widget-icon-box { background:#FFFCF6; padding: 24px;}

.fooditems .elementor-icon-list-item {background: #F4E7D2; border: 1px solid #251a1224; padding: 11px 20px; border-radius: 30px; margin: 6px;}
.fooditems .elementor-icon-list-item:nth-child(3n+1) {background: rgba(196, 79, 42, 0.09); border-color: rgba(196, 79, 42, 0.25);}
.fooditems .elementor-icon-list-item:nth-child(3n+2) {background: rgba(91, 106, 61, 0.09);border-color: rgba(91, 106, 61, 0.25);}

.entreeitems .elementor-icon-list-item {background: #c99a3d; border: 1px solid #251a1224; padding: 11px 20px; border-radius: 30px; margin: 6px;}
.entreeitems .elementor-icon-list-item:nth-child(3n+1) {background: rgba(196, 79, 42, 0.25); border-color: rgba(196, 79, 42, 0.25);}
.entreeitems .elementor-icon-list-item:nth-child(3n+2) {background: rgba(91, 106, 61, 0.25);border-color: rgba(91, 106, 61, 0.25);}

#hors .elementor-icon-list-item { border: 1px solid rgba(251, 243, 230, 0.25); padding: 11px 20px; border-radius: 30px; margin: 6px;}
#hors .elementor-icon-list-item:hover {border-color: #C99A3D; color: #C99A3D;}
.contactpoints .elementor-icon-box-icon {padding-top: 10px;}

.boardroombox {background: #FFFCF6; border: 1px solid #251a1224; border-radius: 6px; padding: 28px 26px; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;}
.boardroombox:hover {transform: translateY(-4px); box-shadow: var(--shadow); border-color: #C44F2A;}

.itempricing .elementor-widget-icon-box b {color: #251A12; font-family: Inter, sans-serif; font-weight: 700;}
.itempricing .elementor-widget-icon-box {border-bottom: 1px solid #F4E7D2; padding-bottom: 10px;}
#specialorder {}
#platedcatering {}


/*
   Homep page Blog Section
*/

#latestposthome {max-width: 1320px; margin: auto;}
.latest-posts {display: flex; gap: 30px;}
.latest-posts .latestpostboxes, .childpost .featuredimage, .childpost .contentbox {width: 50%;}
#firstpost, #gridposts article, #primary-sidebar, .latest-posts .childpost { padding: 20px; border-radius: 20px; background: #fff; box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%); }
#gridposts {margin: 40px 0; display: grid; grid-template-columns: 32% 32% 32%; gap: 20px;}
.childpost {display: flex; gap: 20px; align-items: center; margin-bottom: 20px;}
.childpost:last-child { margin-bottom: 0px;}
.childpost1 p {display: none;}
.latest-posts .contentbox {padding: 10px 0; color: #262262;}
.latest-posts img {border-radius: 18px; width: 100%;}
.latest-posts img:hover {opacity: 0.9;}
.latest-posts a {font-family: "Montserrat", Sans-serif; color: #262262; font-weight: 700; font-size: 24px; line-height: 38px;}
.latest-posts a:hover {color: #02ABEC;}
.latest-posts .childpost a {font-size: 20px; font-weight: 600; line-height: 28px;}
.latest-posts .childpost h3 {margin: 5px 0; line-height: 28px;}
.latest-posts .tag a, .post-tags .tag-links a {background: #97D8D9; color: #000; font-size: 12px; font-weight: 700; line-height: 24px; border-radius: 6px; padding: 6px 15px; text-transform: uppercase;}
.post-tags .tag-links a {margin-right: 0 5px; text-decoration: none;}
#miniposts .childpost:nth-child(odd) .tag a {background: #02ABEC;}
#gridposts article h2 {font-size: 24px; line-height: 1.1;}
#gridposts article p {height: 200px; overflow: hidden; line-height: 25px;}
#gridposts1 article p:after {content: "...";}
.metaseparator {padding: 0 10px;}

.faq {max-width: 900px! important;}
.faq .e-n-accordion-item {border-bottom: 1px solid #251a1224;}
#faqs, .faqs {max-width: 900px! important; margin: 0 auto;}
#faqs .e-n-accordion-item-title, .faqs .e-n-accordion-item-title {justify-content: space-between;}
#faqs .e-n-accordion-item, .faqs .e-n-accordion-item {border: 0px solid #ccc; border-radius: 15px; padding: 10px 15px; margin: 20px 0; background: #fff; vertical-align: top;}
#faqs .e-n-accordion-item:hover, #faqs .e-n-accordion-item[open], .faqs .e-n-accordion-item:hover, .faqs .e-n-accordion-item[open] {border: 0px solid #EAA465; color: #fff; background: #464D7E;}
#faqs .e-n-accordion-item:hover .e-n-accordion-item-title-header, 
#faqs .e-n-accordion-item[open] .e-n-accordion-item-title-header, 
#faqs .e-n-accordion-item[open] .elementor-widget-text-editor, 
.faqs .e-n-accordion-item:hover .e-n-accordion-item-title-header, 
.faqs .e-n-accordion-item[open] .e-n-accordion-item-title-header, 
.faqs .e-n-accordion-item[open] .elementor-widget-text-editor {color: #fff;}



/*
    Blog Section
*/
#primary-content .post-tags {display: none;}
main#content {max-width: 1440px;}
#primary-content{width: 70%; display: inline-block; margin-bottom: 60px;}
#primary-sidebar {width: 27%; display: inline-block; float: right;}
.clr {clear: both;}
.mywidgets { margin-bottom: 20px;}
.mywidgets h2, .more-blogs-title {
    color: var(--e-global-color-primary );
	color: #000;
    font-family: var(--e-global-typography-primary-font-family ), Sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight );
	font-weight: 700;
	font-family: "Open Sans", sans-serif;
	font-size: 1.5rem;
}

.more-blogs-title {text-align: center;}

.page-content {
    /* color: var(--e-global-color-text ); */
    font-family: var(--e-global-typography-text-font-family ), Sans-serif;
    font-size: var(--e-global-typography-text-font-size );
    font-weight: var(--e-global-typography-text-font-weight );
}

.sectiondivider {background-color: var(--e-global-color-primary); height: 0px; margin: 50px 0; border: 0;} 

#blogheader {margin-bottom: 50px; min-height: 200px; background-blend-mode: multiply; padding: 20px 0; background: #000;}
.blogheaderoverlay {background-color: #020101; opacity: 0.5; height: inherit; width: 100%; position: absolute;}
.blog-header-title {height: inherit; width: 100%; position: absolute; padding: 150px 0;}
#blogheader h1 { color: #FFFFFF; font-family: var(--e-global-typography-primary-font-family ), Sans-serif; font-size: 48px; font-weight: var(--e-global-typography-primary-font-weight );}
.blog-header-spacer {height: 50px;}

#blog-header {display: flex; justify-content: space-between; max-width: 1440px; margin: 0 auto; gap: 40px; align-items: center;}
#blog-image {text-align: center;}
#blog-header img {width: 100%; max-width: 450px; border-radius: 30px;}
#blog-header div {padding: 20px; }
.blog-content article img {border-radius: 30px;}
.blogimage1 {display: none;}
.blog-content article {padding: 0px 10px 40px 10px;}
#blog-title, #blog-image {width: 50%;}
.blogreadmore {padding: 16px; color: #000; background: #EAA465; border-radius: 3px; font-weight: 800; font-size: 18px; text-decoration: none! important; line-height: 18px; margin-top: 20px; display: inline-block;}
.bottom-sidebar .mywidgets .wp-block-latest-posts li {width: 32%; margin-right: 1%; display: inline-block; padding: 20px; clear: none; float: left}
.bottom-sidebar .mywidgets .wp-block-latest-posts .wp-block-latest-posts__featured-image a {display: block;}
.bottom-sidebar .mywidgets .wp-block-latest-posts .wp-block-latest-posts__featured-image a img {width: 100%;}
.blog-content #primary-content h1, .blog-content #primary-content h2, .blog-content #primary-content h3, .blog-content #primary-content h4, .blog-content #primary-content h5, .blog-content #primary-content h6 {font-weight: 700; font-family: "Open Sans", sans-serif; padding: 10px 0;}

#primary-sidebar .mywidgets li {line-height: 2; margin-bottom: 5px; font-size: 16px; display: inline-flex; gap: 10px;}
#primary-sidebar1 .mywidgets li::before {content: '⮞'; margin-right: 5px;} 
#primary-sidebar .mywidgets li a {text-decoration: none;}
#primary-sidebar .wp-block-latest-posts__featured-image img {border-radius: 18px; width: 80px ! important; height: 80px;}
#firstpost, #gridposts {font-size: 16px;}
#blog-breadcrumbs, #blog-breadcrumbs a:hover {color: #fff;}
.entry-sub-title {font-family: "Manrope", Sans-serif; font-size: 18px; font-weight: 400; line-height: 28px; color: #fff;}
#blogarticles article {width: 33.33%; float: left;}
#blogarticles article .postarticleholder {padding: 10px;}
#blogarticles article img {width: 100%; max-height: 240px;}

.wp-block-list {list-style: none; padding: 0 0 10px 0;}
.wp-block-list li {padding-left: 32px; line-height: 28px;}
.wp-block-list li::before {content: url(tick.svg); margin-right: 5px; color: #EAA465; margin-top: 2px; line-height: 24px; width: 24px; position: absolute; margin-left: -32px; }

#post-meta-details {list-style: none; padding: 0; font-size: 14px;}
#firstpost #post-meta-details li {display: inline-block; margin-right: 10px;}
#blog-title #post-meta-details, #blog-title #post-meta-details a:hover {color: #fff;}

/* Slider  */

.owl-nav {display: flex; justify-content: space-between; margin-top: 40px;}

.owl-dots {text-align:center; margin-top: -40px;}
button.owl-dot {width: 24px; height: 4px; border: 0; border-radius: 1px;  background: #97D8D950! important; margin: 2px;}
button.owl-dot.active {width: 36px; height: 4px; border: 0; border-radius: 1px; background: #97D8D9! important;}

.owl-nav1 {top: 180px; position: absolute; width: 100%;}
.owl-nav button {background: #97D8D9! important; color: #000! important; width: 48px; height: 48px; border-radius: 50%; border: 1px solid #97D8D9! important;}
.owl-nav button.owl-prev {margin-left: -80px; background: none! important; color: #97D8D9! important;}
.owl-nav button.owl-next {position: absolute; right: -80px;}


 /* */
 
.owl-nav button.owl-next {
    position: relative;
    right: -0;
}
 
.owl-nav button.owl-prev {
    margin-left: 0;
}

.owl-nav1 {
    top: auto;
    position: relative;
    width: 100%;
	text-align: center;
}

.owl-nav button {margin: 0 10px;}

/*  projectgallery LIGHTBOX STYLES  */

 #elementor-lightbox-slideshow-projectgallery .elementor-swiper-button {
    display: block !important;
    visibility: visible !important;
    color: #ffffff !important; /* Forces white arrows */
	position: fixed;
    opacity: 1;
    z-index: 1000;
    top: 50%;
}

 #elementor-lightbox-slideshow-projectgallery .eicon-chevron-left,
 #elementor-lightbox-slideshow-projectgallery .eicon-chevron-right {
    display: block !important;
}

#elementor-lightbox-slideshow-projectgallery svg.e-font-icon-svg {height: 40px; cursor: pointer;}

/*  CONTACT FORMS */

.myreCAPTCHA { text-align: center; font-size: 14px; font-family: Cabin, Georgia, serif;}

#contact1 {width: 100%; background: #FFFCF6; padding: 30px 20px; border-radius: 12px;}
#contact1 .eael-contact-form-7 {width: 100%;}
#contact1 form p {width: 100%;}
#contact1 form br {display: none;}
#contact1 form label {padding: 0; margin: 10px 0; color: #54595F; text-transform: uppercase; font-size: 12px; font-weight: 500;}
#contact1 form label span {display: block; padding: 5px 0;}

#contact1 .wpcf7-form input {
    width: 100%;
	margin-top: 5px;
	background: #FBF3E6;
	border: 0;
}

#contact1 .wpcf7-form select {
    width: 100%;
	margin-top: 5px;
	background: #FBF3E6;
	border: 0;
}

#contact1 form textarea {
    height: 100px;
    width: 100%;
	background: #FBF3E6;
	border: 0;
}

#contact1 .wpcf7-form input[type="submit"] {
    color: #000;
    width: 100%;
	background: #C44F2A;
	color: #fff;
	text-transform: uppercase;
}

#contact1 .myreCAPTCHA { color: inherit;}
#contact1 .col1 {display: block; width: 100%;}
#contact1 .col2 {display: inline-block; width: calc(50% - 8px);}
#contact1 .col2:nth-child(odd) {margin-right: 4px;}
#contact1 small {display: block;}
#contact1 .wpcf7-not-valid-tip {position: absolute; top: -17px; right: 0; text-transform: capitalize;}
#contact1 .wpcf7-spinner {margin: 5px auto; display: block;}
#contact1 .wpcf7 form .wpcf7-response-output {border: 0px; color: #C44F2A; text-align: center;}

#contact1 .wpcf7 wpcf7-form.sent .wpcf7-response-output {min-height: 500px; display: flex; align-items: center; justify-content: center;}


/* Radio button container */
#contact1 .wpcf7-radio {
    display: flex;
    gap: 10px;
	/*
    flex-wrap: wrap;
	*/
	
}

/* Each option */
#contact1 .wpcf7-radio .wpcf7-list-item {
    margin: 0;
    position: relative;
	text-align: center;
	width: 50%;
}


#contact1 .wpcf7-radio .wpcf7-list-item input {display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid #2a2a2a; border-radius: 0px;}

/* Hide the actual radio button */
#contact1 .wpcf7-radio .wpcf7-list-item input[type="radio"] {
	/*
    position: absolute;
    opacity: 0;
    pointer-events: none;
	*/
	opacity: 0;
	z-index: 100;

	
}

#contact1 .wpcf7-radio .wpcf7-list-item input[type="radio"]:hover {cursor: pointer;}

/* Make the text look like a button */
#contact1 .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {
    display: block;
    padding: 12px 20px;
    border: 2px solid #ccc;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
}

/* Hover effect */
#contact1 .wpcf7-radio .wpcf7-list-item input[type="radio"]:hover + .wpcf7-list-item-label {
    border-color: #000;
}

/* Selected button */
#contact1 .wpcf7-radio .wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label {
    background: #000;
    border-color: #000;
    color: #fff;
}


/* Selected option */
#contact2 .wpcf7-radio .wpcf7-list-item:has(input[type="radio"]:checked) + .wpcf7-list-item-label {
    background: #000;
    border-color: #000;
    color: #fff;
}

/* Optional: keyboard focus */
#contact2 .wpcf7-radio .wpcf7-list-item:has(input[type="radio"]:focus-visible) + .wpcf7-list-item-label {
    outline: 2px solid #000;
    outline-offset: 2px;
}






#contact2 {width: 100%; max-width: 800px; margin: 0 auto;}
#contact2 .eael-contact-form-7 {width: 100%;}
#contact2 form p {width: 100%;}
#contact2 form br {display: none;}
#contact2 form label {padding: 0 10px; margin: 10px 0; color: #54595F;}
#contact2 form label span {display: block; padding: 5px 0;}

#contact2 .wpcf7-form input {
    width: 100%;
	margin-top: 5px;
	background: #C44F2A;
	color: #fff;
	border: 1px solid #fff;
}

#contact2 form textarea {
    height: 100px;
    width: 100%;
	background: #C44F2A;
	color: #fff;
	border: 1px solid #fff;
}

#contact2 .wpcf7-form input[type="submit"] {
    color: #000;
    width: 100%;
	background: #fff;
	text-transform: uppercase;
}

#contact2 .wpcf7-form input::placeholder, #contact2 form textarea::placeholder {
  color: #fff;
  opacity: 1; /* Firefox */
}

#contact2 .wpcf7-form input::-ms-input-placeholder, #contact2 form textarea::-ms-input-placeholder {
  color: #fff;
  opacity: 1; /* Edge 12 -18 */
}

#contact2 .myreCAPTCHA, #contact2 .myreCAPTCHA a {color: #fff;}
#contact2 .myreCAPTCHA a:hover {color: #c6c6c6;}

#contact1 .wpcf7-form.sent p {display:none;}

/*  SCREEN SIZES  */

@media (min-width: 1200px) {
.page-header .entry-title {max-width: 100%;}
}

@media (max-width: 1024px) {

.sectioninfo {max-width: 100%;}

}

@media (max-width: 767px) {

/*
.elementor {overflow: clip;}
#differencetable {display: none;}
*/

.quicklinks .elementor-icon-list-text {display: none;}
#accreditations .gallery { display: block;}

.latest-posts, .childpost {display: block;}
#miniposts {margin-top: 20px;}
.latest-posts .childpost {/* padding: 20px; border-radius: 20px; background: #fff; box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%); */}
.latest-posts .latestpostboxes, .childpost .featuredimage, .childpost .contentbox {width: 100%;}
.xxxl h1 {font-size: 40px! important; line-height: 58px! important;}
.xl h2 {font-size: 38px! important; line-height: 46px! important;}
#miniposts .featuredimage img {width: 100%;}
#gridposts {display: block;}
#gridposts article {margin: 20px 0;}
#blog-header {display: block;}
#blog-title, #blog-image {width: 100%;}
#primary-content, #primary-sidebar {width: 100%; display: block; float: none; padding: 0 20px;}
.bottom-sidebar .mywidgets .wp-block-latest-posts li {width: 100%; margin: 0 1%; display: block;}
.blog-content article {padding: 0 0 40px 0;}
#clients figure {padding: 15px 0;}
#industrylogos figure {padding: 0 5px;}

#contact1 form label.col2, #contact1 form label.col3 {display: block; width: 100%; float: none;}

#headerphone .elementor-button-text {display: none;}

}


@media (max-width: 479px) {

#contact1 .wpcf7-radio .wpcf7-list-item {width: 100%;}
#contact1 .col2 {display: block; width:100%;}
#contact1 .col2:nth-child(odd) {margin-right: 0px;}

}