/* Add your custom styles here */
/*!
Theme Name: Seapearl WP Child
Theme URI: https://themeforest.net/user/laralink
Author: laralink
Author URI: https://themeforest.net/user/laralink
Template: seapearl-wp
Description: Resort & Hotel WordPress Theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: seapearl-wp-child
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Tags: grid-layout, blog, news, two-columns, right-sidebar, custom-background, custom-logo, custom-menu, featured-images, footer-widgets,  sticky-post, theme-options, threaded-comments,  translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Seapearl is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* :root {
    --sp-accent: #E97C15 !important;
}

a:hover {
    color: var(--sp-accent);
}

.cs_btn.cs_style_2.cs_accent_btn,
.cs_btn.cs_style_2:hover,
.mphb-button:hover {
    background-color: var(--sp-accent);
    border-color: var(--sp-accent);
} */

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Magra:wght@400;700&display=swap');

/* * { */
/* font-family: 'Hanken Grotesk', sans-serif !important; */
/* } */
.elementor-widget-video .e-hosted-video .elementor-video {
    min-height: 500px;
}


.cs_team_member_img img {
    width: auto;
    height: 350px;
    object-fit: cover;
    object-position: center;
}

.cs_site_branding {
    position: relative;
}

.e-con .elementor-widget.elementor-widget-sp-gallery-slider-v2 {
    min-height: 100%;
    min-width: 100%;
}

@media (max-width: 575px) {
    .cs_grid_style_1 {
        grid-template-columns: repeat(2, 1fr);
    }
}

.cs_site_branding .absolute-text {
    position: absolute;
    top: 10px;
    right: 5px;
    color: #E97C15;
    font-size: 36px;
    font-weight: bold;
    z-index: 1;
    margin-bottom: 10px;
    font-family: "Magra", Arial, Helvetica, sans-serif;
}

.cs_site_branding .absolute-text span {
    font-size: 16px;
}

.cs_site_header.cs_style_1,
.cs_gescout_sticky.cs_site_header.cs_style_1 {
    background-color: #fff;
}

.cs_white_logo {
    width: 150px;
}

.cs_image_layer.cs_style_3::before,
.cs_image_layer.cs_style_4::before {
    display: none;
}

@media screen and (max-width: 992px) {
    .cs_white_logo {
        width: 100px;
    }

    .cs_site_branding .absolute-text {
        top: 1px;
        right: -7px;
        font-size: 24px;
    }

    .cs_site_branding .absolute-text span {
        font-size: 16px;
    }
}

.cs_fs_89 {
    font-size: 52px !important;
}

.cs_fs_67,
h2,
.heading-2 {
    font-size: 42px !important;
}

.cs_fs_38 {
    font-size: 28px !important;
}

@media (max-width: 1400px) {
    .cs_fs_89 {
        font-size: 52px !important;
    }

    .cs_fs_67,
    h2,
    .heading-2 {
        font-size: 42px !important;
    }

    .cs_fs_38 {
        font-size: 28px !important;
    }
}

.cs_moving_text_wrap.cs_fs_89 {
    font-size: 42px !important;
}

.cs_moving_text img {
    height: 60px;
}

/* .cs_team.cs_style_1{
    display: flex;
    flex-direction: column;
}

.cs_team.cs_style_1 .cs_team_info{
    flex: 1;
} */

.cs_iconbox.cs_style_4 .cs_iconbox_icon {
    width: 40px;
    height: 40px;
}

.cs_iconbox.cs_style_4 .cs_iconbox_icon img {
    width: 20px;
    height: 20px;
}

.cs_iconbox.cs_style_4 .cs_iconbox_right .cs_fs_28 {
    font-size: 20px !important;
}



.cs_accordians.cs_style_1 .cs_accordian:not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)) {
    display: none;
}

.cs_google_map.cs_style_1 iframe {
    filter: none;
    -webkit-filter: none;
}

.team-expandable {
    display: none;
}

.cs_dark_logo {
    display: none;
}

.full-width .cs_btn.cs_style_2.cs_accent_btn {
    width: 100%;
}


.cs_section_subtitle,
.cs_hero_subtitle {
    color: var(--accent);
}

.color-white h2 {
    color: #fff;
}

.color-white .cs_btn.cs_style_2,
.color-white .mphb-button {
    border-color: #fff;
    color: #fff;
}

.color-white .cs_btn.cs_style_2:hover,
.color-white .mphb-button:hover {
    border-color: var(--accent);
    color: var(--accent);
    background-color: #fff;
}

.cs_slider_gap_30 .slick-slider .slick-track,
.cs_slider_wrapper .slick-track {
    display: flex !important;
}

.cs_slider_gap_30 .slick-slider .slick-track .slick-slide,
.cs_slider_wrapper .slick-track .slick-slide {
    height: inherit !important;
}

.cs_slider_wrapper .slick-track .slick-slide>div,
.cs_slider_wrapper .slick-track .slick-slide>div .cs_slide {
    height: 100%;
}

.cs_slider_wrapper .slick-track .slick-slide>div .cs_slide .cs_iconbox {
    height: calc(100% - 65px);
}

.smaller-boxes .cs_feature_box.cs_style_3 {
    height: 600px;
    min-height: 600px;
}

.cs_page_heading.cs_primary_bg {
    position: relative;
    z-index: 0;
}

.cs_page_heading.cs_primary_bg::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: -1;
}

.img-w-100 img {
    width: 100%;
}


.smaller-boxes .cs_feature_box.cs_style_3::before,
.cs_hero.cs_style_8::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.smaller-boxes .cs_feature_box.cs_style_3 h3 {
    font-size: 32px !important;
}

/* .cs_iconbox.cs_style_3 .cs_iconbox_icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
} */

.sp-hero .cs_primary_bg {
    background-color: rgba(27, 27, 27, 0.51);
}

.cs_post_thumb img,
.cs_custom_pointer_wrap img {
    width: 100%;
}

.cs_image_layer.cs_style_4 {
    height: 100%;
}

.cs_py_50 {
    padding-top: 50px;
    padding-bottom: 50px;
}

.inside-border::before {
    content: "";
    position: absolute;
    left: 30px;
    right: 30px;
    top: 30px;
    bottom: 30px;
    border: 1px solid #fff;
    width: calc(100% - 60px);
    height: calc(100% - 60px);
    display: none;
}

body {
    counter-reset: voucher;
}

.counter .cs_feature_list li:first-of-type.cs_feature_icon {
    counter-set: voucher 1;
}

.counter .cs_feature_list .cs_feature_icon::before {
    position: absolute;
    content: counter(voucher);
    counter-increment: voucher;
    color: #fff;
}

.cs_custom_slide_arrow_left,
.cs_custom_slide_arrow_right {
    z-index: 5;
}

table thead {
    background-color: #E97C15;
}

table thead th {
    color: #fff;
}

.cs_video_block.cs_style_1.cs_type_2 {
    height: 500px;
}

.cs_team_member_img img {
    width: 100%;
}

/* SEAPEARL */

.seapearl-blog-main-section.blog-single {
    padding: 100px 0 150px;
}

.wp-block-search__inside-wrapper {
    display: flex;
    flex: auto;
    flex-wrap: nowrap;
    max-width: 100%;
}

.wp-block-search__inside-wrapper {
    position: relative;
}

.wp-block-search .wp-block-search__input {
    margin: 0 !important;
    width: 100%;
    border: 1px solid var(--ternary) !important;
    height: 50px;
    padding: 5px 20px 5px 50px;
    border-radius: 20px;
    outline: none;
    background-color: var(--web-wash);
}

.wp-block-search .wp-block-search__button {
    color: #fff;
    right: 0;
    font-size: 0;
    line-height: 50%;
    position: absolute;
    left: 0;
    height: 50px;
    border: none;
    background-color: transparent;
    width: 45px;
    margin: 0;
    padding: 0 0 0 10px;
    top: 0;
}

.wp-block-search .wp-block-search__button::before {
    content: "";
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.01371 15.2219C11.9525 15.2219 15.1456 12.0382 15.1456 8.11096C15.1456 4.18368 11.9525 1 8.01371 1C4.07488 1 0.881836 4.18368 0.881836 8.11096C0.881836 12.0382 4.07488 15.2219 8.01371 15.2219Z' stroke='%235F6168' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M16.9287 16.9996L13.0508 13.1331' stroke='%235F6168' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 100%;
    height: 18px;
}

.sidebar-main .widget h2 {
    position: relative;
    font-size: 28px;
    line-height: 1.25em;
    margin-bottom: 25px;
}

.sidebar-main ul {
    padding-left: 0;
    margin: 0;
}

.wp-block-categories {
    padding: 0;
    padding-left: 0px;
}

.sidebar-main .widget ul li {
    padding-left: 0px;
    line-height: 30px;
}

.sidebar-main .wp-block-categories li {
    font-size: 16px;
    color: var(--secondary) !important;
    margin-bottom: 0;
}

.sidebar-main .wp-block-categories li {
    display: block;
}

.widget ul li {
    line-height: 35px;
    margin-bottom: 5px;
    list-style: none !important;
    padding-bottom: 5px;
}

.wp-block-categories li {
    display: inline-flex;
    align-items: center;
    font-weight: 400 !important;
    font-size: 14px;
    gap: 10px;
}

.pricing-normal-font-size h3 {
    margin-bottom: 0;
    font-family: 'Hanken Grotesk', sans-serif !important;
    font-size: 16px;
}

.cs_newsletter.cs_style_1.cs_newsletter--v2 .cs_newsletter_input {
    border-color: #fff;
}

.cs_newsletter.cs_style_1 .cs_btn.cs_style_2 {
    top: 0;
}

.cs_newsletter.cs_style_1 .cs_btn.cs_style_2::before {
    background-color: #fff;
}

.cs_newsletter.cs_style_1.cs_color_1 .cs_btn.cs_style_2:hover,
.cs_newsletter.cs_style_1.cs_color_2 .cs_btn.cs_style_2:hover {
    color: #fff;
}

@media (max-width: 767px) {
    .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tab-title {
        order: 1;
    }

    .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tabs-content>.e-con {
        margin-top: 25px;
    }

    .cs_iconbox.cs_style_5 .cs_fs_38 {
        font-size: 20px !important;
    }

    .smaller-boxes .cs_feature_box.cs_style_3 {
        height: 300px;
        min-height: 300px;
    }

    .elementor-element.color-white.e-con .elementor-element{
        row-gap: 10px;
    }

    .elementor-element.color-white.e-con .elementor-icon-box-title{
        font-size: 20px;
    }

    .elementor-element.color-white.e-con .elementor-widget-icon-box.elementor-position-left .elementor-icon-box-icon,
    .elementor-widget-icon-box.elementor-position-right .elementor-icon-box-icon {
        display: flex;
    }


    .elementor-element.color-white.e-con .elementor-icon-box-wrapper {
        align-items: center;
    }

    .elementor-element.color-white.e-con h2 {
        font-size: 32px !important;
    }
}

@media screen and (min-width: 1200px) {
    .yt-half-video {
        max-width: 50vw !important;
    }

    .yt-half-video,
    .yt-half-video .elementor-wrapper {
        height: 100%;
    }

    .cs_main_header_center {
        position: static;
        left: 50%;
        top: 50%;
        -webkit-transform: none;
        transform: none;
    }

    .cs_site_header.cs_style_1 .cs_main_header_center {
        width: auto;
        max-width: unset;
    }

    .cs_nav .cs_nav_list ul a {
        padding: 10px 20px 10px 30px;
    }

    .cs_nav .cs_nav_list ul ul {
        left: unset;
        right: 100%;
    }

    .cs_nav .cs_nav_list li.menu-item-has-children ul li.menu-item-has-children>a::after {
        position: absolute;
        top: 22px;
        left: 10px;
        transform: translateY(-50%) rotate(135deg);
    }

    .cs_nav .cs_nav_list ul {
        border-top: 2px solid var(--accent);
    }

    /* .cs_section_heading .cs_section_desc {
        margin-left: auto;
        margin-right: auto;
        width: 75%;
    } */
}

.price-line-item{
  display: flex;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between;
  margin-bottom: 5px;
  padding: 10px 0;
  border-bottom: 1px solid var(--e-global-color-primary);
}

.price-line-item .product-title{
  color: var(--e-global-color-primary);
  font-size: 14px;
  flex: 0 0 calc(100% - 280px);
}

.price-line-item .btn-book{
  flex: 0 0 160px;
  text-align: right;
}
.price-line-item .book-price {
  flex: 0 0 120px;
  text-align: right;
}
.price-line-item .book-price strong{
  color: #000;

  font-weight: 600 !important;
}

.blog-main-layout{
  padding-top: 80px;
}

.pagination-list{
  display: flex;
  justify-content: center;
  padding: 0;
  list-style: none;
}

.pagination-list li{
  margin: 0 5px;
}

.blog-main-layout .blog-single-column {
  margin-bottom: 35px;
}



@media screen and (min-width: 1200px) {
  .cs_nav .cs_nav_list > li {
  	  margin-right: 20px;
  	  height: inherit;
  }
}

@media screen and (min-width: 1400px) {
  .cs_nav .cs_nav_list > li {
  	  margin-right: 40px;
  	  height: inherit;
  }
}