/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/
/*================ General Styling ================*/
.section{ position: relative; z-index: 1; padding: 0 !important; }
.allBtn{ background: linear-gradient(180deg, rgba(3, 86, 126, 1) 0%, rgba(87, 201, 225, 1) 100%); color: #fff; border: 1px solid #ffffffcf; transition: all 0.3s ease; background-size: 100% 200%; background-position: top; }
.allBtn:hover{ background-position: bottom; }
/*.wd-content-layout {*/
/*    padding: 0 !important;*/
/*}*/
/*================ Single Page Styling ================*/
.single.single-surf_services .main-page-wrapper > .container { max-width: 100%; }
.page-title-default { width: 100%; }
.single-surf_serviceSection { display: flex; flex-direction: row-reverse; padding: 100px 0; align-items: center; }
.single-surf_services .page-title, .single-surf_tip .page-title{
    background: #3F7E9D;
    padding: 12rem 0 3rem 0;
}
.single-surf_services .page-title .title, .single-surf_tip .page-title .title {
    font-size: 68px;
}
/*================ Header Styling ================*/
.whb-col-center .wd-header-nav { display: flex; justify-content: flex-start; align-items: center; padding-left: 140px; }
.whb-col-center .wd-header-nav #menu-main-menu { gap: 43px; }
#menu-main-menu .menu-item a { font-size: 18px !important; }

/*================ Banner Styling ================*/
.sliderSection {
    position: relative;
    z-index: 1;
    overflow: visible !important;
}

.sliderSection:before {
    content: '';
    position: absolute;
    z-index: -999;
    top: 0;
    right: 0;
    left: 862px;
    background: url('./images/boathero.png');
    height: 880px;
    background-repeat: no-repeat;
    width: 297px;
    overflow: visible !important;
}
div#sliderRowColOne { transform: rotate(270deg); position: relative; top: 100px; }
.sliderRowColOne .bannerSocialIcon .wd-social-icon .wd-icon { color: #16adcb; }

/*================ Services Styling ================*/
.servicesWrapper {background: #fff;margin: 0px 5px;padding: 8px;margin-bottom: 25px !important;}
.servicesWrapper .servicesMain{position: relative; z-index: 1;}
.servicesWrapper .servicesMain:before {content: '';background: url('./images/corner.png');position: absolute;left: -8px;top: -8px;width: 50px;height: 50px;z-index: 2;background-repeat: no-repeat;}
.servicesWrapper .servicesMain:After {
    content: '';
    background: #05577F;
    position: absolute;
    right: 0px;
    bottom: -17px;
    width: 10px;
    height: 10px;
    z-index: 2;
    background-repeat: no-repeat;
}
.servicesWrapper .servicesImage { width: 100%; }
.servicesImage img.attachment-medium.size-medium.wp-post-image {width: 100%;height: 354px;object-fit: cover;}
.servicesWrapper .servicesContent { margin: 15px 0; display: flex; flex-direction: column; padding: 15px; }
.servicesWrapper .servicesButton {display: flex;gap: 25px;align-items: center;justify-content: start;margin-top: 16px;}
.servicesWrapper .servicesButton .allBtn {padding: 8px 20px;border-radius: 50px;display: inline-block;}
.servicesContent .servicesTitle h2 { font-size: 33px; font-weight: 500; }

/*================ Product Styling ================*/
.row.wp_products { align-items: center; }
.product_col { background: #01151E; }
.product_inner { position: relative; z-index: 1; }
.product_inner:before { content: ''; position: absolute; z-index: -1; background: #151C24; top: 20px; left: 20px; width: 180px; height: 535px; }
.product_title h4 { font-family: 'Clash Display Medium'; color: #fff; font-size: 24px; }
.product_top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; }
.product_inner .product_top a.prCart { background: linear-gradient(180deg, rgba(3, 86, 126, 1) 0%, rgba(87, 201, 225, 1) 100%); border-radius: 100%; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; color: #000; }
.product_inner .product_top .price_product bdi { font-size: 20px; font-family: 'Clash Display Medium'; font-weight: 400; color: #fff; }
.product_inner { background: #efefef; margin: 20px 0px; padding: 20px 20px; }
.tabsSetting .vc_tta-panels { background: transparent !important; border: none !important; }
.product_inner .product_img { display: flex; justify-content: center; margin-bottom: 30px; }
.product_inner{ 
/* content: ''; */background: url(./img/prd-bg.jpg) no-repeat; width: 100%; height: 100%; background-size: cover; }
.product_inner .product_img img { 
/* mix-blend-mode: multiply; */ min-height: 400px; height: 400px; object-fit: contain; }
.tabsContent.abtInfo .info-box-wrapper { position: absolute; top: 0; }
.product_top .prCart path { color: #fff; }

/*================ Surf Tips Styling ================*/
.surfInformationRowOne a {
    background: linear-gradient(180deg, rgba(3, 86, 126, 1) 0%, rgba(87, 201, 225, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 16px;
}
.surfInformationRowTwo a {
    background: linear-gradient(180deg, rgba(3, 86, 126, 1) 0%, rgba(87, 201, 225, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 16px;
}

/*================ Blogs Styling ================*/
.wd-post-date { display: none !important; }
.wd-post .article-inner { padding: 20px; background: #e6eff4; display: flex; flex-direction: column; justify-content: start; align-items: start; }
.wd-post .article-inner .article-body-container { background: #e6eff4 !important; display: flex; flex-direction: column; justify-content: start; align-items: start; padding: 23px 0px!important; gap: 15px; }
.wd-post .article-inner .article-body-container .wd-post-desc { text-align: left; }
.wd-post .article-inner .article-body-container .title a { font-size: 30px; color: #000; font-family: 'Arvo'; font-weight: 600; }

/*================ Food & Beverages Styling ================*/
.foodRowTwo .foodRowTwoCol2 { position: relative; z-index: 1; }
.foodRowTwo .foodRowTwoCol2:before { content: ''; top: 0px; position: absolute; z-index: -1; right: -191px; width: 450px; height: 520px; background: url('./images/f-b.png'); background-size: cover; background-position: center; background-repeat: no-repeat; }
.foodRowTwo .vc_align_left { margin: 0; }
.foodBaveragesMain .foodBaveragesTitle h2 { font-size: 79px; font-weight: 500; color: #05577f; line-height: 70px; }
.foodBaveragesMain { display: flex; flex-direction: column; gap: 44px; justify-content: space-evenly; }
.foodBaveragesMain .foodBaveragesButton .allBtn { padding: 15px 35px; border-radius: 52px; }
.foodBaveragesMain .foodBaveragesButton { height: 50px; }
button.slick-arrow { border-radius: 85px; padding: 34px; }
button.pull-left { position: relative; bottom: -590px; left: 300px; }
button.pull-right { position: absolute; right: 110px; top: 590px; }

/*================ TEAM & STYLING Styling ================*/
.teamWrapper { padding: 0 10px; }
.teamWrapper .teamMain { position: relative; overflow: hidden; }
.teamWrapper .teamMain .teamImage { display: block; }
.teamImage img {
    width: 100%;
    height: 480px;
}
.teamMain:hover .teamContentBoxe { display: flex; animation: slideUp 1.5s ease forwards; pointer-events: auto; }
.teamContentBoxe { position: absolute; z-index: 0; top: 20px; left: 15px; background: #ffffffd6; padding: 25px; right: 15px; bottom: 20px; display: none; flex-direction: column; justify-content: center; align-items: center; gap: 20px; }
.teamContentBoxe .teamMemberTitle { font-size: 30px; }
.teamContentBoxe .teamMemberDesignation { font-size: 16px; }
.teamContentBoxe .teamMemberSocialHandle { display: flex; gap: 15px; align-items: center; }
.teamContentBoxe .teamMemberSocialHandle a .svg-inline--fa { font-size: 18px; }
@keyframes slideUp {
 from { transform: translateY(100%); opacity: 0; }
 to { transform: translateY(0%); opacity: 1; }
}

/*================ Gallery Styling ================*/
.gallerySection { position: relative; z-index: 1; }
.gallerySection:before { content: ''; width: 200px; height: 170px; background: #fff; position: absolute; top: 0; left: 0; }
.gallerySection:after { content: ''; width: 200px; height: 170px; background: #fff; position: absolute; top: 0; right: 0; }
.wd-grid-g .wd-gallery-item a img.wd-gallery-image { width: 623px; height: 400px !important; object-fit: cover; }

/*================ Contact Form Styling ================*/
.contactSection { overflow: visible !important; }
.contactRowOne { overflow: visible !important; }
.contactSection { position: relative; z-index: 1; }
.contactSection:before { content: ''; position: absolute; z-index: -1; top: 110px; right: 0; width: 1483px; height: 876px; background: url('./images/contact-bg.png'); background-repeat: no-repeat; background-position: center; background-size: cover; }
.contactRowCol1{ position: relative; z-index: 1; }
.contactRowCol1:before { content: ''; position: absolute; z-index: 6; top: 0; right: -130px; width: 257px; height: 930px; background: url('./images/boat.png'); background-repeat: no-repeat; overflow: visible; }
.ginput_container .large {border: 1px solid #fff !important;outline: #fff !important;height: 69px;color: #fff;}
.ginput_container input::placeholder { color: #fff !important; }
.ginput_container textarea::placeholder { color: #fff !important; }
input#gform_submit_button_1 { background: linear-gradient(180deg, rgba(3, 86, 126, 1) 0%, rgba(87, 201, 225, 1) 100%); color: #fff; border: 1px solid #ffffffcf; transition: all 0.3s ease; background-size: 100% 200%; background-position: top; padding: 20px 55px; border-radius: 55px; font-size: 16px; }
input#gform_submit_button_1:hover{ background-position: bottom; }
label.gfield_label {
    color: #fff;
}

legend.gfield_label.gform-field-label {color: #fff;}

.gform-field-label--type-inline {
    color: #fff;
}

.gfield_time_ampm select option {
    color: #fff !important;
}
.ginput_container_textarea textarea {
    border: 1px solid #fff;
}

.gform_footer .gform_button {
    background: linear-gradient(180deg, rgba(3, 86, 126, 1) 0%, rgba(87, 201, 225, 1) 100%);
    color: #fff;
    border: 1px solid #ffffffcf;
    transition: all 0.3s ease;
    background-size: 100% 200%;
    background-position: top;
    padding: 20px 45px;
    border-radius: 50px;
}
 .gform_wrapper select#input_2_7_3.am-selected {
  color: #fff;
}
 .gform_wrapper select#input_2_7_3.pm-selected {
  color: #fff;
}
/*================ Marquee Styling ================*/
.marquee-wrapper { display: flex; overflow: hidden; position: relative; width: 100%; }
.marquee { display: flex; gap: 40px; flex-shrink: 0; min-width: 100%; animation: scroll-left 57s linear infinite; justify-content: space-evenly; }
.marquee img.marqueelogo { width: 170px !important; height: 100px !important; object-fit: contain; }
.marqueelogo { height: 60px; width: auto; filter: grayscale(100%); opacity: 0.8; transition: all 0.3s ease-in-out; }
.marqueelogo:hover { filter: none; opacity: 1; }
@keyframes scroll-left {
 0% { transform: translateX(0%); }
 100% { transform: translateX(-100%); }
}

/*================ Footer Styling ================*/
.ul_sep ul { list-style: none; display: flex; padding: 0; gap: 15px; }
.ul_sep ul li a { color: #fff; }
#menu-footer-menu .menu-item a { color: #fff; font-size: 16px; }
form#easy-newsletter-form { position: relative; z-index: 1; }
.input-field.input-submit { position: absolute; top: 32px; right: 0px; }
button#easy-newsletter-submit { background: transparent; filter: invert(1); }



/* Extra Small */
@media (max-width: 575.98px) {}

/* Small */
@media (min-width: 320px) and (max-width: 767.98px) 
{
    section#servicesSection\ section {
    background-position: 0% -34vh !important;
}

#surfInformationSection {
    position: relative;
}

.surfInformationSection:before {
    content: "";
    background-image: linear-gradient(0deg, #03567e, #2c8eaf);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: block !important;
    left: 0;
    opacity: .7;
    background: #fff;
}

div#bottoms {
    background-size: cover;
}

.contactRowCol1:before {
    display: none;
}

#contactRowOne .wpb_column > div {
    padding: 15px !important;
}

#contactRowOne {
    padding: 0 !important;
}

section#aboutUsSection\ section {
    padding-inline: 0 !important;
}

.aboutUsSection div#aboutUsRow {
    padding: 0 !important;
}
#sliderRowColOne {
    top: 389px !important;
    transform: rotate(0deg) !important;
    right: -29%;
    background: #fff;
}

}

/* Medium */
@media (min-width: 768px) and (max-width: 991.98px) {}

/* Large */
@media (min-width: 992px) and (max-width: 1199.98px) {}

/* Extra Large */
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .foodBaveragesSliderWrapper {
    padding-left: 25px;
}

.foodBaveragesMain .foodBaveragesTitle h2 {
    font-size: 34px;
}

.foodBaveragesMain {
    gap: 26px;
}
button.pull-right {
    position: absolute;
    right: 100px;
    top: 450px;
}
button.pull-left {
    position: relative;
    bottom: -450px;
    left: 300px;
}
}

/* Extra Extra Large */
@media (min-width: 1400px) {
    .foodBaveragesSliderWrapper {
    padding-left: 25px;
}

.foodBaveragesMain .foodBaveragesTitle h2 {
    font-size: 34px;
}

.foodBaveragesMain {
    gap: 26px;
}
button.pull-right {
    position: absolute;
    right: 100px;
    top: 450px;
}
button.pull-left {
    position: relative;
    bottom: -450px;
    left: 300px;
}
}

.singlesurfServiceContent .vc_column-inner , .singlesurfServiceContent .vc_column-inner .wpb_wrapper {
    height: 100%;
}

.singlesurfServiceContent .vc_column-inner .wpb_wrapper .wpb_single_image {
    margin: 0;
    height: 100%;
}

.singlesurfServiceContent .vc_column-inner .wpb_wrapper .wpb_single_image .vc_single_image-wrapper {
    height: 100%;
}

.singlesurfServiceContent .vc_column-inner .wpb_wrapper .wpb_single_image .vc_single_image-wrapper img {
    height: 100%;
    object-fit: cover;
    object-position: center center `;
}
.single.single-product .wd-carousel-item figure img {
    height: 400px;
    width: 100%;
    object-fit: cover;
    object-position: top;
}
.single.single-product .wd-single-price {
    display: block;
    text-align: center;
}

.single.single-product .wd-single-add-cart {
    text-align: center;
}