/*!
Theme Name: Ecolar
Theme URI: https://wptf.themepul.com/ecolar
Author: Themepul
Author URI: https://themepul.com
Description: Themepul team presents absolutely fresh and powerful WordPress theme. It combines new technologies and functional design that helps to showcase your content in better way. This WordPress theme is developed with attention to details, so you can create effective presentation of a website easily. Enjoy building web pages with our product!
Version: 2.0.0
Tested up to: 6.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ecolar
Tags: custom-background, custom-logo, custom-menu, featured-images, 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.

ecolar is based on Underscores https://underscores.me/, (C) 2012-2020 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/
*/

/* move to child theme styles later */
body {
 background: #f3f6f9 !important;
 color: #222B43;
}

a {
    color: #3150a2;
}

a:hover {
    color: #20356D;
}

/* h1, h2, h3, h4, h5, h6 {
    color: #222B43!important;
} */

h2 {
    font-weight: 600;
    color: #000000;
    font-size: 30px;
    text-transform: capitalize;
    line-height: 40px;
    margin-bottom: 1rem;
}

p, ul, li{
    color: #222B43;
}

.wp-element-button {
    background-color: #3150a2;
}

.wp-element-button:hover {
    background-color: #20356D;
    color: white;
}

.bold {
    font-weight: 700;
}

/*------------main header -----------------*/
.main-header {
    padding: 24px 0px;
}

.site-branding img {
    max-width: 220px;
}

#mainmenu {
    margin: 0px!important;
    text-align: right!important;
}

.main-navigation ul>li>a {
    padding: 8px;
}

.elementor-3031 .elementor-element.elementor-element-faaea55 .ecolar-slider-itmes-area {
    height: 80vh!important;
}



@media (min-width: 992px) {
    .navbar-expand-lg .navbar-collapse {
        gap: 16px;
        justify-content: flex-end;
    }
}

.nav-menu .button {
    text-align: center;
}

.nav-menu .button a{
    padding: 20px 16px;
}

.stellarnav .menu-toggle span.bars span {
    background: white;
}

.stellarnav #mainmenu .menu-item-has-children ul li a {
    line-height: 1.2;
    padding: 20px;
}

.stellarnav .button {
    font-weight: 600;
}

.stellarnav.mobile ul {
    background-color: unset;
}

@media (max-width: 1024px){
    .header-three .main-navigation ul li a{
        margin-right: 16px;
        padding-left: 0px;
    }
}

.stellarnav.mobile li a {
    border: none;
}

.stellarnav.mobile #mainmenu {
    text-align: left!important;
}

.stellarnav.mobile li {
    border-bottom: 1px solid rgba(0,0,0,.11)
}

.stellarnav.mobile li .icon-plus {
    position: absolute;
    right: -10px;
    top: -4px;
}

.stellarnav.mobile li .icon-plus:before {
    border-bottom: solid 3px white;
}
.stellarnav.mobile li .icon-plus:after {
    border-bottom: solid 3px white;
}

@media (max-width: 768px) {
    .container, .container-sm {
        max-width: 100%;
    }
}

/*------------main header end -----------------*/

/* ---------homepage background image overlay--------- */

.ecolar-slider-itmes-area:after {
    background: rgb(8 8 8 / 30%);
}

/* ---------homepage background image overlay end---------- */


.site-footer p,
.site-footer ul,
.site-footer li {
    color: white;
}

h3 a {
    font-weight: 800;
}

.d-flex {
    display: flex;
}

.page-title {
    color:#334880!important;
}

.wp-block-query h3 {
    font-size: 1.5rem;
    line-height: 2rem;
}

.wp-block-query {
    margin-bottom: 2rem;
}

.wp-block-query .wp-block-post-featured-image {
    margin: 0 0 .5rem;
}

.wp-block-query .wp-block-post-title {
    font-size: 1.5rem;
    line-height: 2rem;
}



h3.ship-title.wp-block-post-title {
    display: inline-block;
    margin-bottom: 0px;
}

.ship-title-container {
    display: flex;
    flex-direction: column;
}

.ship-title-container h3 {
    flex: 1;
}

.ship {
    margin-bottom: 16px!important;
}

.ship .ship-title {
    margin-bottom: 0px;
}

span.passenger_num {
    line-height: 1.1rem;
}

.wp-block-query .wp-block-post-featured-image {
    overflow: hidden;
    width: 100%;
    max-height: 250px;
}

.wp-block-query .wp-block-post-featured-image img {
    transition: all .25s ease-in-out;
    height: 100%;
}

.wp-block-query .wp-block-post-featured-image img:hover {
    transform: scale(1.1);
}

#trip-search-container,
.elementor-6555 .elementor-element.elementor-element-41967fe{
	width: 100% !important;
}

.elementor-top-section {
    margin-top: 0!important;
}

#trip-search-container .elementor-widget-shortcode {
    width: auto;
}

.align-content-center {
    align-content: center;
}

.align-flex-center {
    align-self: center;
}

.flex-grow {
    flex-grow: 1;
}
.header-left,
.search-open i,
.testimonial-title {
    color: #3150a2;
}

.main-header {
    background-color: #3150a2;
}

.logo-area h1.site-title > a,
.header-three .main-navigation ul#mainmenu li a {
    color: #FFFFFF;
}

a.theme-btns,
.ecolar-widget-banner-wrapper::after,
.sidebar-widget-area button.wp-block-search__button,
.testi-icon {
    background-color: #3150a2;
}

.breadcroumb-area,
.sidebar-widget-area .widget {
    background-color: #c3d7e7;
}

.post-meta-item ul li, .post-meta-item ul li a,
.post-meta-box ul li i {
    color: #3150a2;
}

.post-content {
    margin-bottom: 0px;
}

.post-content ul li {
    margin-bottom: 10px;
}

.breadcroumb-area {
    padding: 25px 0;
}

.breadcroumb-area .breadcroumn-contnt > h2.page-title {
    margin-bottom: 0;
}

ul.slick-dots li.slick-active button,
.to-top {
    background: #3150a2 !important;
}

.ecolar-post-pagination nav.navigation.post-navigation .nav-links .nav-previous a {
    background-color: #f3f6f9;
}
.ecolar-post-pagination nav.navigation.post-navigation .nav-links .nav-previous a:hover {
    background-color: #c3d7e7;
}
/* 7badd4 */


.header-right .search-open {display:none;}

.share-this-post ul li a:hover i, .post-meta-box ul li a:hover {
    color: #20356D;
}

a.theme-btns:hover,
.sidebar-widget-area button.wp-block-search__button:hover,
.ecolar-banner-btn a:hover{
    background-color: #20356D;
    color: white;
}

.elementor-top-section.elementor-widget-container.img:nth-of-type(1){
    margin-top: -56px;
}

/* ----------------trips by ship block-------------------------- */

/*--------------Tabs----------------------*/

.trip-tabs li {
    width: 250px;
}


.trips-by-ship-inner,
.ib-v2-inner {
    margin-bottom: 2rem;
    border-bottom: 1px solid #E6E6E6;
    padding-bottom: 32px; 
}

.trips-by-ship-inner:first-of-type,
.ib-v2-inner:first-of-type{
    margin-top: 24px;
}

.trips-by-ship-inner,
/* .trip-section-right, */
.ib-v2-inner {
    display: flex;
    flex-wrap: nowrap;
    
}

.trip-section-left {
    flex-basis: 20%;
    padding-right: 0.5rem;
    line-height: 1.4;
}

.trip-section-left .itinerary-permalink {
    font-weight: 800;
}

.trip-section-right {
    display: flex;
    flex-basis: 80%;
    line-height: 18px;
    row-gap: 16px;
    column-gap: 8px;
    flex-wrap: wrap;
}

.trip-section-right > div {
    /* flex-basis: 12.5%; */ /*original*/
    flex-basis: 19%;
    font-size: 0.70rem;
    /* border: 1px solid #DCE1E4; */
    border: 1px solid #E6E6E6;
    /* background-color: #FDFDFD; */
}

/* .suite_name--suite_price--availability {

} */

.trips-by-ship h4 {
    font-size: 20px;
    line-height: 28px;
}
.suite__name,
.suite__price,
.suite__availability,
.discount__price,
.suite__spacer,
.discount_name--discount_amount--discount_type {
    /* flex-grow: 1; */
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    /* min-height: 33.1px; */
    min-height: 28px;
    text-align: center;
}

.discount_name--discount_amount--discount_type {
    background-color: #F6C8C8;
    margin: 0px 25px 16px 25px;
    line-height: 1.2;
    padding: 10px;
}

.discount__price, 
.suite__price, 
.discount_name--discount_amount--discount_type, 
.suite__availability {
    color: #343a40;
}

.discount__price {
    font-size: 20px;
    font-weight: 800;
}

.suite_name--suite_price--availability {
    display: flex;
    flex-direction: column;
}

.suite__name {
    min-height: 58.667px;
    background: #EEE;
    margin-bottom: 1.25rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-weight: bold;
    line-height: 1.3;
}

.swiper .swiper-slide .swiper-slide-inner > .swiper-slide-image {
    min-height: 342px;
    max-height: 342px;
    object-fit: cover;
}

main#primary.site-main.content-area {
    padding: 32px 0px 0px 0px;
}

.swiper-slide figcaption.elementor-image-carousel-caption {
    display: none;
}

/*

.aurora-stateroom-triple { background-color: #e47a3b; color: #FFF; }
.aurora-stateroom-superior { background-color: #4d4d4c; color: #FFF; }
.balcony-stateroom-c { background-color: #c65030; color: #FFF; }
.balcony-stateroom-b { background-color: #005f95; color: #FFF; }
.balcony-stateroom-a { background-color: #c8e2f9; }
.balcony-stateroom-superior { background-color: #7bb6d6; color: #FFF; }
.junior-suite { background-color: #e8c55a; color: #FFF; }
.captains-suite { background-color: #629b56; color: #FFF; }

.aurora-stateroom-triple-container {background-color: rgba(228, 121, 58, .05);}
.aurora-stateroom-twin-container {background-color: rgba(238, 238, 238, 0.05);}
.aurora-stateroom-superior-container {background-color: rgba(123, 181, 214, 0.05);}
.balcony-stateroom-c-container {background-color: rgba(198, 79, 48, 0.05);}
.balcony-stateroom-b-container {background-color: rgba(1, 94, 149, 0.05);}
.balcony-stateroom-a-container {background-color: rgba(200, 226, 249, 0.05);}
.balcony-stateroom-superior-container {background-color: rgba(123, 181, 214, 0.05);}
.junior-suite-container {background-color: rgba(231, 197, 90, 0.05);}
.captains-suite-container {background-color: rgba(98, 155, 85, 0.05);}

*/

.post-tag-social {
    margin: 0px;
    padding:0px;
}

/*--------------Custom Blocks----------------------/*

/*---------Link Grid----------*/

.link-grid .wp-block-heading {
    font-size: 1.5rem;
    line-height: 2rem;
}

.link-grid .featured-image {
    overflow: hidden;
    width: 100%;
    max-height: 250px;
}

.link-grid  .featured-image a {
    display: block;
    height: 100%;
}

.link-grid .featured-image img {
    transition: all .25s ease-in-out;
    height: 100%;
    object-fit: cover;
    height: 250px;
}

.link-grid .featured-image img:hover {
    transform: scale(1.1);
}

/*Itinerary Page */

.itinerary-template-default .page-title{
    font-size: 42px;
    line-height: 1.2;
}

.itinerary-template-default .elementor-widget-shortcode {
    margin-top: 24px;
}



/*---------Ship Specials----------*/



.ship-special-item img{
    max-height: 250px;
}

/* ----------------About Page-------------------------- */

.ecolar-single-team {
    align-self: stretch;
    width: 350px;
    display: flex;
    flex-direction: column;
    margin: 0 auto!important;
}

.single-ecolar_team .content-area .container {
    margin-bottom: 24px;
}

/* .ecolar-team-image {
    overflow: hidden;
} */

.ecolar-team-image img {
   height: 200px!important;
   object-fit: cover;
}


.ecolar-team-contents {
    flex-grow: 1;
    align-items:flex-start!important;
}




/*-----------------Trip Search -------------*/

/* .page-id-6555 .elementor-element-7bef99d .elementor-container {
    display: flex;
    flex-direction: row;
} */

/* #trip-search-container h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
} */

#trip-search-container .elementor-element-populated .elementor-widget-facetwp-facet{
    margin-bottom: 0px;
    border-bottom: 1px solid #CED8F0;
    margin-bottom: 24px;


}

#trip-search-container .elementor-container .elementor-widget-wrap.elementor-element-populated {
   padding-left: 0px;
   color: black;
}

#trip-search-container .elementor-container .elementor-widget-wrap.elementor-element-populated .elementor-widget-shortcode {
    padding: 24px;
 }



#trip-search-container .elementor-container .elementor-widget-wrap.elementor-element-populated > .elementor-inner-column {
    background: rgba(49, 80, 162, 0.10);
    height: 100%;
    padding: 24px;
    width: 28%;
}

#trip-search-container .elementor-element-populated .elementor-inner-section {
    margin-bottom: 0px;
}

#trip-search-container .elementor-element-populated .elementor-widget-shortcode{
    width: 80%;
}



#trip-search-container .elementor-element-populated .elementor-widget-shortcode .elementor-widget-container .elementor-shortcode .facetwp-template ul {
    list-style-type: none;
    padding-left: 0px;
    margin-left: 24px;
}

#trip-search-container .elementor-element-populated .elementor-widget-shortcode .elementor-widget-container .elementor-shortcode .facetwp-template ul li{
    background-color: rgba(228, 235, 254, 0.40);
    padding: 12px;
    margin-bottom: 16px;
    /* width: 100%;
    display: flex; */
}

#trip-search-container .elementor-element-populated .elementor-widget-shortcode .elementor-widget-container .elementor-shortcode .facetwp-template ul li a{
    /* color: white; */
    font-weight: 600;
    /* width: 100%; */

}


/*----facetwp plugin------*/


.facet-wrap h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
}

.facet-wrap {
    opacity: 30%;
}

.facet-wrap.enabled {
    opacity: 100%;
}

.facetwp-facet{
    margin-bottom: 24px!important;
}

.facetwp-type-date_range input,
.facetwp-facet-duration input,
.facetwp-type-number_range input{
    background-color: white;
}

.facetwp-number-max {
   margin-bottom: 8px;
}

/* #trip-search-container input {
    background-color: white;
} */


/*.facetwp-type-date_range{
     display: flex!important;
    gap: 16px; 

}*/

 .facetwp-facet .facetwp-date-min {
    margin-bottom: 8px;
 }

.facetwp-facet {
    display: block;
}
.facet-wrap h3 {
    cursor: pointer;
}
.facet-wrap.expanded .facetwp-facet {
    display: none;
}

.facet-wrap h3:after {
    float: right !important;
    content: "-";
    padding-right: 5px;
    font-size: 26px;
    color: #3150A2;
}

.facet-wrap.expanded h3:after {
    content: "+";
}

.trip-details-card.ds-nodisplay {
    display: none;
    visibility: hidden;
    height: 0;
    padding: 0;
    margin: 0;
}

.elementor-kit-10 button, .elementor-kit-10 input[type="button"], .elementor-kit-10 input[type="submit"], .elementor-kit-10 .elementor-button {
    color: white;
}

.widget ul li a {
    line-height: unset;
}

.elementor-image-gallery .gallery .gallery-item img {
    height: 274px;
    object-fit: cover;
}


@media (max-width: 1024px) {
    
    .elementor-6555 .elementor-element.elementor-element-8ea4214 {
        margin-top: 0px!important;
    }

    .elementor-6555 .elementor-element.elementor-element-41967fe > .elementor-element-populated {
        margin: 0px 0px 0px 0px!important;
    }

    #trip-search-container .elementor-container .elementor-widget-wrap.elementor-element-populated > .elementor-inner-column {
        height: auto;
    }

    #trip-search-container .elementor-container .elementor-widget-wrap.elementor-element-populated > .elementor-inner-column {
    width: 100%;
    }

    #trip-search-container .elementor-element-populated .elementor-widget-shortcode{
        width: 100%;
    }


    .elementor-3254 .elementor-element.elementor-element-2bf1c8d > .elementor-element-populated {
        margin: 0px!important;
    }

    .elementor-section.elementor-section-boxed > .elementor-container {
        gap: 32px;
    }

    .elementor-3031 .elementor-element.elementor-element-48c974b > .elementor-element-populated {
    margin: 0px!important;
    }

    .elementor-top-section .elementor-container .elementor-column{
        width: 100%!important;
    }

    .ship-template-default .elementor-section.elementor-section-boxed > .elementor-container {
        gap: 0px;
    }

    .site-header .header-top .container .row .header-left-area {
        width: 1%!important;
    }



    .site-header .header-top .container .row .header-right-area {
        width: 99%!important;
    }

    /*about page*/
    .page-id-74 .elementor-74 .elementor-element.elementor-element-a63a50b .about-section-wrapper {
        margin-left: 0px;
    }

    .page-id-74 .elementor-74 .elementor-element.elementor-element-94ac9bf .about-section-wrapper {
        margin-right: 0px;
    }

    .elementor-74 .elementor-element.elementor-element-f50ac65 {
        padding: 0px;
    }

    .page-id-74 .elementor-74 .elementor-element.elementor-element-b689f62 > .elementor-widget-container {
        padding: 0px;
    }

   .page-id-74 .elementor-74 .elementor-element.elementor-element-91a74ef {
        padding: 42px 16px 42px 16px;
    }

    .page-id-74 .elementor-74 .elementor-element.elementor-element-697c936 {
        padding: 64px 16px 32px 16px;
    }

    .page-id-74 .elementor-74 .elementor-element.elementor-element-c98f14b > .elementor-element-populated {
        margin-top: 0px;
        padding: 10px;
    }

    .itinerary-template-default .elementor-inner-section {
        margin-top: 0px!important;
    }

    .itinerary-template-default .elementor-widget-wrap {
        margin-top: 0px!important;
    }
}




/*------------ Advanced Custom Classes -----------------------*/
.sm-wrapper {
    max-width: 900px;
    margin: 0 auto;
}

/*----------------------Templates-----------------------------*/
.single-post .content-area,
.single-post .page-title {
    max-width: 900px;
    margin: 0 auto;

}

/*----------------------Responsive----------------------------*/
@media screen and (max-width: 768px) {
    .trip-section-left {
        flex-basis: 100%;
        margin-bottom: 32px;
    }

    .trip-section-right {
        flex-basis: 100%;
    }
    
    .trip-section-right > div {
        flex-basis: 25%;
    }

    .site-header .header-top .container .row .header-right-area {
        display: inline-block!important;
    }

    .header-top-menu ul li a {
        margin: 10px;
    }

}

@media screen and (max-width: 700px) {
    .trips-by-ship-inner, .ib-v2-inner {
        flex-wrap: wrap;
    }
    
    .trip-section-right {
        column-gap: 0px;
    
}

}


@media screen and (max-width: 600px) {
    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
        padding: 0px;
    }

    .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
        margin-bottom: 16px;
    }

    .wp-block-media-text.is-stacked-on-mobile {
        margin-bottom: 42px;
        margin-top: 32px;
    }

    .single-ecolar_team .all-posts-wrapper {
        display: flex;
        flex-direction: column;
        padding: 16px;
    }

    .single-ecolar_team .wp-block-image .alignleft {
        float: unset;
        margin: 0 auto 24px auto;
    }

    .itinerary-template-default .page-title{
        font-size: 24px;
        line-height: 1.2;
    }
}

@media screen and (max-width: 520px) {
    .button.cta {
        position: relative;
        margin-top: 12px;
        display: flex;
        left: 0px;
        width: 100%;
        margin-top: 24px;
    }

    .button.cta a {
        width: 100%;
    }
}

@media screen and (max-width: 420px) {
    .trip-section-right > div {
        flex-basis: 40%;
    }
}

@media screen and (min-width: 1024px) {
    .ts-facet-filters {
        width: 20%;
        max-width: 20%;
    }
    #ts-results {
        width: 80%;
        max-width: 80%;
    }
}

@media screen and (min-width: 1200px) {
    .trip-section-left {
        flex-basis: 16%;
    }
    .trip-section-right {
        flex-basis: 84%;
    }
    .trip-section-right > div {
        flex-basis: 11.5%;
    }
}