/*
 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 ================*/
.single.single-surf_tip .main-page-wrapper > .container { max-width: 100%; padding: 0; }
.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: 550px; border-radius: 10px; object-fit: cover; }
.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) {
    .gallerySection:before,
    .gallerySection:after { display: none; }
    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; }