/*
Theme Name: Local Adventurer
Theme URI: https://localadventurer.com/
Description: Local Adventurer v2
Author: Pangolin
Author URI: https://pangolin.ai/
Template: oceanwp
Version: 2.8
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

@font-face {
    font-family: 'Brandon Grotesque';
    src: url('assets/fonts/BrandonGrotesque-Black.eot');
    src: url('assets/fonts/BrandonGrotesque-Black.eot?#iefix') format('embedded-opentype'),
        url('assets/fonts/BrandonGrotesque-Black.woff2') format('woff2'),
        url('assets/fonts/BrandonGrotesque-Black.woff') format('woff'),
        url('assets/fonts/BrandonGrotesque-Black.ttf') format('truetype'),
        url('assets/fonts/BrandonGrotesque-Black.svg#BrandonGrotesque-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {
    padding: 0 !important;
}

.widget-title {
    border: none;
    padding: 0;
}

/**
* Framework
*/

h1, h2, h3, h4, h5, h6 {
    color: #545454;
}


/** Sidebar */
.sidebar-box.widget_text div {
    font-size: 16px;
    color: #525252;
    line-height: 20px;
}

/** Page Title **/
.background-image-page-header {
    height: 330px;
}

h1.page-header-title.clr {
    font-size: 40px;
}

@media only screen and (max-width: 767px) {
    .page-header-title {
        font-size: 40px;
    }
}

@media only screen and (max-width: 480px) {
    .page-header-title {
        font-size: 26px;
    }
}

/** Blog **/

.blog-entry-inner.clr {
    text-align: center;
}

.blog-entry.grid-entry .thumbnail {
    margin: 0px;
}

.blog-entry.grid-entry .blog-entry-header .entry-title {
    font-size: 20px;
}
.blog-entry.grid-entry .blog-entry-header .entry-title a {
    color: #525252;
}

.blog-entry-summary.clr {
    font-size: 16px;
    color: #525252;
}

.blog-entry.grid-entry .blog-entry-readmore a {
    border: none;
    font-size: 16px;
    font-family: Lato, sans-serif;
    font-weight: 900;
}

/* fix for the alignnone display block issue*/
img.alignnone {
    display: unset;
}

/***** 
* Elementor UI Elements 
*/

/*** Quote ***/

#la-quote p.elementor-blockquote__content {
    font-size: 36px;
    line-height: 45px;
}

@media only screen and (max-width: 1200px) {
   #la-quote p.elementor-blockquote__content {
        font-size: 2.2vw;
        line-height: 45px;
    } 
}

@media only screen and (max-width: 767px) {
   #la-quote p.elementor-blockquote__content {
        text-align: center;
        font-size: 26px;
        line-height: 45px;
    } 
}

.theme-heading .text::before {
    content: "";
}

/*** Button - Default ***/

.elementor-size-sm .elementor-button-content-wrapper {
    border: 1px solid white;
    padding: 3px 15px;
	display: inline;
}

.elementor-size-md .elementor-button-content-wrapper {
    border: 1px solid white;
    padding: 4px 30px;
	display: inline;
}

.elementor-size-lg .elementor-button-content-wrapper {
    border: 1px solid white;
    padding: 6px 55px;
	display: inline;
}

a.elementor-button {
    border-radius: 0px !important;
    font-family: "Brandon Grotesque";
    text-transform: uppercase;
    background-color: #ffb53a;
}

.elementor-button.elementor-size-sm {
    font-size: 12px;
    padding: 13px 6px !important;
}

.elementor-button.elementor-size-md {
    font-size: 14px;
    padding: 15px 6px !important;
}

.elementor-button.elementor-size-lg {
    font-size: 16px;
    padding: 16px 6px !important;
}

@media only screen and ( min-width: 768px ) and ( max-width: 900px ) {

    .elementor-size-md .elementor-button-content-wrapper {
        border: 1px solid white;
        padding: 4px 5px;
    }

}


/** Menu */

.navigation li.megamenu-li.auto-mega .megamenu.col-3 {
    width: 690px;
    padding-right: 15px;
    background-image: url(assets/img/pattern.png);
}

.megamenu .dropdown-menu .sub-menu {
    border: none;
}

.navigation .megamenu li a.menu-link {
    padding-left: 0;
    text-transform: uppercase;
    font-family: "Brandon Grotesque", sans-serif;
    font-size: 16px;
}

.dropdown-menu ul.megamenu li a.menu-link:hover {
    color: #a08ce0;
    background: unset;
}

.navigation>ul>li>ul.megamenu.sub-menu>li {
    border: none;
}

ul.megamenu.col-3.sub-menu>li {
    padding: 15px 0 15px 15px;
}

.sf-menu ul.sub-menu ul {
    left: 0;
}

.megamenu .elementor-nav-menu--main .elementor-nav-menu a {
    padding: 0;
    font-family: Lato, sans-serif;
    font-weight: 600;
    letter-spacing: 1px;
}

.megamenu .megamenu ul li.menu-item {
    font-size: 13px;
    border: none;
}

.megamenu .menu-item a {
    padding: 0;
}

.megamenu .dropdown-menu ul li.menu-item {
    border: none;
    color: #545454;
}

.megamenu .menu-item a::after {
    display: none;
}


/*** Post Grid default - OWP ***/

.oew-carousel .oew-carousel-entry-details {
    padding-top: 30px;
}

.oew-carousel-entry-media.clr:hover {
    filter: grayscale(35%) drop-shadow(1px 1px 5px #747474);
    transition: all 2s linear;
}


/* Title */
h2.oew-carousel-entry-title.entry-title {
    font-family: "Brandon Grotesque", Sans-serif;
    font-size: 18px;
    font-weight: 900;
    text-transform: uppercase;
    font-style: normal;
    line-height: 23px;
    border-bottom: 0px;
    padding: 0px;
    margin-bottom: 24px;
}

h2.oew-carousel-entry-title.entry-title a {
    color: #6F599B;
}

h2.oew-carousel-entry-title.entry-title a:hover {
    color: #a08ce0;
}

/* Excerpt */
.oew-carousel-entry-excerpt.clr {
    color: #747474;
    font-family: "Lato", Sans-serif;
    font-size: 16px;
    line-height: 18px;
}

/* Read More */
.oew-carousel-entry-readmore.readmore-btn.clr {
    font-weight: 900;
    font-family: "Brandon Grotesque";
    font-size: 16px;
}

.oew-carousel .readmore-btn a {
    border-bottom: 0;
}


/* Carousel Arrows */
.slick-arrow {
    border-radius: 100%;
    /*border: 2px solid #a08ce0;*/
    width: 60px;
    height: 60px;

}

.oew-carousel button.slick-next.slick-arrow > span, .oew-carousel button.slick-prev.slick-arrow > span {
    display: inline-block;
    border-right: 3px solid #a08ce0;
    border-bottom: 3px solid #a08ce0;
    width: 25px; height: 25px;
    transform: rotate(-45deg);
}


.oew-carousel .slick-next::before, .oew-carousel .slick-prev:before, .oew-carousel .fa-angle-right:before, .oew-carousel .fa-angle-left:before {
    display: none;
}

.oew-carousel .fa-angle-left {
    padding-right: 5px;
}

.oew-carousel .fa-angle-right {
    padding-left: 5px;
}

.oew-carousel .slick-arrow {
    top: 60%;
}

.oew-carousel .slick-prev {
    left: -70px;
}

.oew-carousel .slick-next {
    right: -70px;
}

.oew-carousel button.slick-prev.slick-arrow > span {
    transform: rotate(-225deg);
}

.oew-carousel button.slick-next.slick-arrow {
    padding-right: 10px;
}

.oew-carousel button.slick-prev.slick-arrow {
    padding-left: 10px;
}

@media only screen and (max-width: 480px) {
    .oew-carousel .slick-prev {
        left: -50px;
    }

    .oew-carousel .slick-next {
        right: -50px;
    }
}

/* Categories */

.oew-carousel .icon-folder {
    display: none;
}

.oew-carousel ul.meta li.meta-cat {
    color: #fff;
}

.oew-carousel ul.meta li.meta-cat a {
    background-color: #9e8bde;
    color: #fff;
    padding: 3px 12px;
    line-height: 2.3em;
    border-radius: 15px;
    text-transform: capitalize;
}

/*** Post Grid default - Extras ***/

.ee-grid article.ee-post {
    border: 0;
}

.ee-grid .ee-post__body {
    padding: 30px 0;
}

.ee-grid .ee-post__body h2.ee-post__title__heading, .ee-grid .ee-post__body h3.ee-post__title__heading {
    color: #525252;
    font-size: 20px;
    transition: all 0.3s ease-out !important;
}

.ee-grid .ee-post__body h2.ee-post__title__heading:hover, .ee-grid .ee-post__body h3.ee-post__title__heading:hover {
    color: #a08ce0;
}

.ee-grid a.ee-post__title.ee-editor-helper, .ee-grid .ee-post__terms.ee-editor-helper {
    margin-bottom: 20px;
}

li.ee-post__terms__term.ee-term {
    margin-bottom: 5px;
}

.ee-grid a.ee-post__terms__link.ee-term__link {
    color: #fff;
    background-color: #9e8bde;
    padding: 3px 12px;
    border-radius: 15px;
}

.ee-grid a.ee-post__read-more {
    margin-top: 5px;
    text-transform: uppercase;
    font-weight: 900;
    font-family: "Brandon Grotesque", sans-serif;
    display: block !important;
}

div.ee-grid__item {
    padding-left: 30px;
}

.ee-post__media { flex-shrink: 0 }

/*** Post Grid Options ***/

/* Dark Background */

.dark, .dark .ee-post {
    background-color: #3c2e5e;
}

/* Title */
.dark h2.oew-carousel-entry-title.entry-title a, .dark .ee-grid .ee-post__body h2.ee-post__title__heading, .ee-grid .ee-post__body h3.ee-post__title__heading {
    color: #fff;
}

/* Excerpt */
.dark .oew-carousel-entry-excerpt.clr, .dark .ee-post__excerpt {
    color: #fff;
}

/* Read More */

.dark .oew-carousel .readmore-btn a, .dark .ee-grid a.ee-post__read-more {
    color: #ffb53a;
}

/* Meta */
.ee-post__meta {
    color: #fff;
}

/* Left Aligned */

.left-aligned .oew-carousel .oew-carousel-slide, .left-aligned .ee-post__body.ee-post__area {
    text-align: left;
}

#topbar-template .elementor-search-form__input {
    min-height: 25px;
    max-height: 30px;
}

/*** Tabs ***/

.full-tabs .elementor-tab-title {
    transition: all 0.3s ease-out !important;
    text-transform: uppercase;
    font-family: "Brandon Grotesque", sans-serif;
    font-size: 23px;
}

.full-tabs .elementor-tab-title:hover {
    color: #a08ce0;
}

.full-tabs .elementor-tab-title.elementor-tab-desktop-title {
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.full-tabs .elementor-tab-title::after {
    content: "";
    border: solid 1px #dddddd !important;
    width: 60% !important;
    left: unset !important;
    display: block;
    position: relative !important;
    margin-top: 20px;
}

.full-tabs .elementor-tab-title.elementor-active {
    color: #6f599b;
}

.full-tabs .elementor-tab-title.elementor-active::after {
    content: "";
    border: solid 2px #6f599b !important;
    width: 70% !important;
    text-align: center;
    left: unset !important;
    display: block;
    position: relative !important;
    margin-top: 18px;
}



@media only screen and (min-width: 768px) {

    .full-tabs .elementor-tabs-wrapper {
        display: flex;
        justify-content: space-evenly;
    }

    .full-tabs .elementor-tabs-wrapper > * {
        flex: 0;
        white-space: nowrap;
    }

    .full-tabs .elementor-tab-title {
        padding: 0;
    }

    .full-tabs .elementor-tab-title, .full-tabs .elementor-active, .full-tabs .elementor-active:after, .full-tabs .elementor-active:before {
        border-width: 0 !important;
        border: none !important;
    }

}

/*@media (max-width: 767px) {
    .elementor-tabs .elementor-tabs-wrapper {
        display: none;
    }
}*/

@media only screen and (max-width: 768px) {

    .full-tabs .elementor-tab-title.elementor-tab-mobile-title.elementor-active::after, .full-tabs .elementor-tab-title.elementor-tab-mobile-title::after {
        width: 20% !important;
        left: 0 !important;
    }

    .full-tabs .elementor-tab-title.elementor-active, .full-tabs .elementor-tab-title {
        background-color: #fff;
        font-size: 28px;
        text-align: center;
        text-transform: uppercase;
        flex: 1 0 auto;
        font-size: 3vw;
        padding: 6% 3%;
    }

    .elementor-widget-tabs .elementor-tab-desktop-title {
        padding: 6% 3% !important;
    }

    .full-tabs .elementor-tab-title.elementor-tab-mobile-title, .full-tabs .elementor-tab-title.elementor-tab-mobile-title.elementor-active {
        display: none;
    }

    .full-tabs .elementor-tabs .elementor-tabs-wrapper {
        display: flex;  
    }

    .full-tabs .elementor-tabs .elementor-tab-title.elementor-active {
        border-color: #f5f6f5 #f5f6f5 #6f599b #f5f6f5;
        border-width: 2px 2px 3px 2px !important;
        border-style: solid !important;
    }

    .full-tabs .elementor-tabs .elementor-tab-title {
        border-bottom-color: #f5f6f5;
        border-bottom-width: 3px !important;
        border-bottom-style: solid;
    }

    .full-tabs .elementor-tab-title.elementor-active::after, .full-tabs .elementor-tab-title::after {
        display: none !important;
    }

    .full-tabs .elementor-tabs .elementor-tabs-content-wrapper {
        border: 0 none !important;
    }

}


#faded-menus .ee-arrow {
    padding: 10px;
}

#faded-menus .ee-swiper-arrows-position--middle .ee-swiper__button {
    top: 16%;
    z-index: 3;
}

#faded-menus .ee-swiper__container.swiper-container.swiper-container-horizontal.swiper-container-autoheight::before {
    position: absolute;
    background: linear-gradient(to right, rgba(255,255,255,.6) 10%, transparent 30%, transparent 70%, rgba(255,255,255,.6)) 90%;
    height: 100%;
    width: 100%;
    content: '';
    z-index: 2;
    pointer-events: none;
}

#faded-menus i.eicon-chevron-left {
    display: inline-block;
    border-left: 3px solid #a08ce0;
    border-top: 3px solid #a08ce0;
    width: 20px;
    height: 20px;
    transform: rotate(-45deg) translateX(2px) translateY(2px);
}

#faded-menus i.eicon-chevron-left::before {
    content: none;
}

#faded-menus i.eicon-chevron-right {
    display: inline-block;
    border-right: 3px solid #a08ce0;
    border-bottom: 3px solid #a08ce0;
    width: 20px;
    height: 20px;
    transform: rotate(-45deg) translateX(-2px) translateY(-2px);
}

#faded-menus i.eicon-chevron-right::before {
    content: none;
}

@media only screen and (max-width: 1024px) {
    #faded-menus .ee-swiper__container.swiper-container.swiper-container-horizontal.swiper-container-autoheight::before {
        content: none;
    }

    #faded-menus .ee-swiper {
        width: 80%;
        margin: 0 auto;
    }
}

/*@media only screen and (max-width: 768px) {

    #faded-menus .elementor-tab-title.elementor-active::after {
        content: "";
        border: solid 2px #6f599b !important;
        width: 140px !important;
        text-align: center;
        display: block;
        position: relative !important;
    }

}*/


#elementor selector .ee-post__read-more {
    display: block;
}

/*** Section Heading Default ***/

section.section-top {
    margin-top: 120px;
}

section.section-heading, div.section-heading {
    margin-top: 120px !important;
    margin-bottom: 50px !important;
}

@media only screen and (max-width: 480px ) {
    section.section-heading, div.section-heading {
        margin-top: 70px !important;
        margin-bottom: 25px !important;
    }  
}


section.section-heading-padding {
    padding-top: 120px;
    padding-bottom: 120px;
}

section.section-title div.elementor-row {
    align-items: center;
    justify-content: center;
}
@media  only screen and (max-width: 767px) {
    section.section-title div.elementor-row {
        flex-direction: column;
    }
}

section.section-title .elementor-element.elementor-column {
    width: auto;
    min-width: auto;
}

section.section-title .ee-inline-svg-wrapper {
    line-height: 0;
    padding: 0 25px;
}

.elementor-widget-heading .elementor-heading-title.elementor-size-large {
    font-size: 34px !important;
    color: #6F599B;
}



/**
* Sections
*/

/* Header */

#site-header {
    background-image: url(assets/img/pattern.png);
    transition: all .5s ease-out !important;
}

#site-header-sticky-wrapper {
    transition: all .5s ease-out !important;
}

#site-header-sticky-wrapper.is-sticky #site-header {
    padding-top: 0px;
}

#site-header-inner > div.top-header-wrap.clr > div {
    width: 100%;
    max-width: 97%;
}

#site-header.medium-header .top-header-inner {
    width: 100%;
    justify-content: center;
}

#site-header.medium-header .top-col {
    align-self: flex-start;
}

#medium-searchform {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

#site-header.medium-header #medium-searchform input {
    max-width: 100px;
}

#site-header.medium-header #medium-searchform .search-bg {
    background: transparent
}

.home #main #content-wrap {
    padding: 0px;
}

.page-header {
    padding-top: 59px;
    margin-top: -25px;
}

/**  Recent Adventures */

@media only screen and (max-width: 1025px) {

    #recent-grid .ee-grid.ee-loop.ee-grid--default div.ee-grid__item:nth-child(2) {
        display:none;
    }

}

/** Destination Section */


#destination-tabs .elementor-tabs-content-wrapper {
    background-color: #3c2d5e;
}


#destination-tabs .elementor-tab-title {
    transition-timing-function: linear;
    transition: 0.3s;
}

#destination-tabs .elementor-tab-title:hover {
    color: #a08ce0;
}


#destination-tabs .elementor-tab-title.elementor-active {
    color: #6f599b;
}

#destination-title {
    text-align: center;
    margin-bottom: 40px;
}

#destination-title h2 {
    font-size: 38px;
    color: #ffb53a;
}

#destination-descrip {
    color: #e3dff7;
    margin: 0 auto;
    margin-bottom: 60px;
    max-width: 1200px;
    width: 80%;
}

#destination-city .elementor-widget.elementor-widget-posts-extra {
    width: 80%;
    margin: 0 auto;
}

@media only screen and (min-width: 481px ) and (max-width: 1025px) {
    #destination-city div:nth-child(4) > article {
        display: none;
    }
}

@media (max-width: 767px) {
    #destination-city .ee-grid__item {
        padding-left: 15px;
    }

    #destination-city .elementor-widget.elementor-widget-posts-extra {
        width: 90%;
        margin: 0 auto;
    }
}

@media only screen and (min-width: 768px) {

    #destination-tabs .elementor-tabs-wrapper {
        display: flex;
        justify-content: space-evenly;
        max-width: 1400px;
        margin: 0 auto;
    }

    #destination-tabs .elementor-tabs-wrapper > * {
        flex: 0;
        white-space: nowrap;
    }

    #destination-tabs .elementor-tab-title {
        padding: 0;
    }

    #destination-tabs .elementor-tabs-content-wrapper {
        margin-top: -45px;
    }

    #destination-tabs .elementor-tab-content {
        padding: 0;
    }

    #destination-tabs .elementor-tab-title, #destination-tabs .elementor-active, #destination-tabs .elementor-active:after, #destination-tabs .elementor-active:before {
        border-width: 0 !important;
        border: none !important;
        text-align: center;
    }

    #destination-tabs .tab-icon {
        margin-bottom: 20px;
    }

    #destination-tabs .elementor-active .arrow-up {
      width: 0; 
      height: 0; 
      border-left: 50px solid transparent;
      border-right: 50px solid transparent;
      border-bottom: 50px solid #3c2d5e;
      margin: 0 auto;
      margin-top: 34px;
    }

    #destination-tabs .arrow-up {
      width: 0; 
      height: 0; 
      border-left: 50px solid transparent;
      border-right: 50px solid transparent;
      border-bottom: 50px solid transparent;
      margin: 0 auto;
      margin-top: 34px;
    }
}

@media only screen and (max-width: 768px) {

    #destination-tabs .elementor-tabs .elementor-tabs-wrapper {
        display: flex;
    }

    #destination-tabs .elementor-tab-title.elementor-tab-mobile-title, #destination-tabs .elementor-tab-title.elementor-tab-mobile-title.elementor-active {
        display: none;
    }

    #destination-tabs .elementor-tab-title.elementor-active, #destination-tabs .elementor-tab-title {
        font-size: 28px;
        text-align: center;
        text-transform: uppercase;
        flex: 1 0 auto;
        font-size: 3vw;
    }

    #destination-tabs .elementor-tab-title.elementor-active {
        background-color: #3c2d5e;
        color: #ffb53a;
    }

    #destination-tabs .tab-icon {
        margin-bottom: 10%;
    }

    #destination-tabs .elementor-widget-tabs .elementor-tab-desktop-title {
        padding: 4% 0px;
        font-weight: 800;

    }

    #destination-tabs .ee-inline-svg {
        max-width: 16vw;
    }
}


/** Subcribe Section */

.subscribe-section .elementor-form-fields-wrapper {
    justify-content: flex-end;
}

.subscribe-section .elementor-field-type-submit, .subscribe-section button {
    width: 130px !important;
}

#elementor .subscribe-section div.elementor-field-group, .subscribe-section .elementor-field-group.elementor-column.elementor-field-type-submit.elementor-col-100, .subscribe-section .elementor-field-type-email.elementor-field-group.elementor-column.elementor-field-group-email, .subscribe-section .elementor-field-type-text.elementor-field-group.elementor-column.elementor-field-group-first, .subscribe-section .elementor-field-type-text.elementor-field-group.elementor-column.elementor-field-group-last {
    padding: 0;
}

.subscribe-section div.elementor-field-type-email, .subscribe-section div.elementor-field-type-text {
    background-color: #000;
    opacity: .6;
    justify-content: flex-end;
    border-radius: 32px;
}

.subscribe-section input#form-field-email, .subscribe-section input#form-field-last, .subscribe-section input#form-field-first {
    border-radius: 32px;
    min-height: 50px;
    border: 0;
    color: #fff;
    padding: 0;
    background-color: transparent;
    padding: 0 0 0 60px;
}

.subscribe-section .elementor-column.elementor-col-50 {
    width: 49%;
}

.subscribe-section .elementor-field-group-first {
    margin-right: 2%;
}

.subscribe-section button.elementor-button:hover {
    background-color: #a08ce0;
}

.subscribe-section form.elementor-form {
    display: table;
    margin: auto;
    max-width: 620px;
    width: 100%;
}

.subscribe-section div.elementor-field-type-email::before {
    content: "\f0e0";
    position: absolute;
    left: 4%;
    font-family: "FontAwesome", "Font Awesome 5 Free";
    font-size: 20px;
    color: #9e8bde;
}

.subscribe-section div.elementor-field-type-text::before {
    content: "\f007";
    position: absolute;
    left: 8%;
    font-family: "FontAwesome", "Font Awesome 5 Free";
    font-size: 20px;
    color: #9e8bde;
}

.subscribe-section div.elementor-form-fields-wrapper.elementor-labels-above {
    width: 100%;
    margin: 0 auto;
}

.subscribe-section button.elementor-button {
    border-radius: 0 32px 32px 0;
    height: 40px;
    min-height: 40px !important;
    padding: 0 !important;
    margin: 5px;
    background-color: #6e589a;
}

.subscribe-section div.elementor-field-type-submit {
    position: absolute;
    top: 60px;
}

.subscribe-section .elementor-message {
    color: #fff;
}

@media only screen and (max-width: 680px) {
    .subscribe-section div.elementor-field-type-submit {
        position: unset;
    }

    .subscribe-section .elementor-field-type-submit, .subscribe-section button {
        width: 100% !important;
    }

    .subscribe-section div.elementor-form-fields-wrapper.elementor-labels-above {
        flex-wrap: wrap;
        padding: 0 10%;
    }

    .subscribe-section div.elementor-form-fields-wrapper.elementor-labels-above > div {
        margin: 5px 0px !important;
    }

    .subscribe-section button.elementor-button {
        border-radius: 32px 32px;
    }

    .subscribe-section h2 {
        font-size: 35px;
    }

    .subscribe-section .elementor-column.elementor-col-50 {
        width: 100%;
    }

    .subscribe-section div.elementor-field-type-email::before {
        content: "\f0e0";
        position: absolute;
        left: 8%;
        font-family: "FontAwesome", "Font Awesome 5 Free";
        font-size: 20px;
        color: #9e8bde;
    }

}


/** Instagram reel */

 .ocean-instagram-items.col-7 .ocean-instagram-item {
    width: 14.28% !important;
 }

@media only screen and (max-width: 959px) {
    #instagram-reel {
        margin-bottom: -42px;
    }
    #instagram-reel div.ocean-instagram-items > div:nth-child(6), #instagram-reel div.ocean-instagram-items > div:nth-child(7) {
        display: none;
    }

    #instagram-reel div.ocean-instagram-item {
        width: calc(100%/5) !important;
    }
}
@media only screen and (max-width: 768px) {

    #instagram-reel div.ocean-instagram-items > div:nth-child(4), #instagram-reel div.ocean-instagram-items > div:nth-child(5) {
        display: none;
    }
    #instagram-reel div.ocean-instagram-item {
        width: calc(100%/3) !important;
    }
}

@media only screen and (max-width: 480px) {

    #instagram-reel div.ocean-instagram-items > div:nth-child(2), #instagram-reel div.ocean-instagram-items > div:nth-child(3) {
        display: none;
    }

    #instagram-reel div.ocean-instagram-item {
        width: calc(100%/1) !important;
    }


}

/** Footer */

#footer-widgets .container {
    width: 100%;
    max-width: 1400px;
}

div#footer-logo {
    text-align: center;
}

div#footer-about p{
    font-family: Lato, sans-serif;
    font-size: 13px;
    text-align: center;
    line-height: 20px;
}

div#footer-social a {
    width: 30px;
    height: 30px;
}

div#footer-social a:hover {
    color: #fff !important;
    border: none !important;
    
}

.footer-menu h4.widget-title {

}

/* Copyright */
#copyright {
    display: flex;
    justify-content: space-between;
}

#copyright:after {
    content: none;
}

#footer-widgets li.menu-item {
    border: none;
}

#footer-widgets a.menu-link {
    line-height: 2px;
    text-transform: uppercase;
}

#footer-about-menu{
    padding-left: 5%;
}

#footer-advertise-menu {
    padding-left: 42%;
}

div.footer-widgets-inner {
    display: flex;
    flex-direction: row;
}

@media only screen and (max-width: 980px) {

    #footer-widgets .col-1 {
        flex: 0 1 20%;
    }


    #footer-widgets .col-2 {
        flex: 1 0 auto;
    }

    #footer-widgets .col-3 {
        flex: 0 1 20%;
    }

    #footer-about-menu {
        padding: 0 5%;
    }

    #footer-advertise-menu {
        padding: 0 5%;
    }
}


@media only screen and (max-width: 767px) {

    #footer-about-menu{
        padding-left: 0 5%;
    }

    #footer-advertise-menu {
        padding-left: 0 5%;
    }

    #footer-advertise-menu, #footer-about-menu {
        padding: 0;
    }

    div.footer-widgets-inner {
        flex-direction: column;
    }

    #footer-widgets .col-1 {
        order: 1;
        text-align: center;
    }
    #footer-widgets .col-2 {
        order: 3;
        text-align: center;
    }
    #footer-widgets .col-3 {
        order: 2;
        text-align: center;
    }
}

/** 
* Page CSS 
*/

/** Destinations */

#destinations-menu ul.elementor-nav-menu {
    border-top: 1px solid #e2dff7;
}

#destinations-menu ul.elementor-nav-menu > li.menu-item {
    border-bottom: 1px solid #e2dff7;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
}

#destinations-menu ul.elementor-nav-menu > li.menu-item > a {
    font-family: "Brandon Grotesque";
    font-size: 20px;
    background-color: white;
    color: #545454;
}

#destinations-menu ul.elementor-nav-menu > li.menu-item > a:hover {
    background-color: white;
    color: #545454;
}

#destinations-menu .elementor-nav-menu .sub-menu {
    text-transform: capitalize;
    font-size: 17px;
    padding-bottom: 10px;
}

#destinations-menu .sub-menu > li.menu-item > a {
    padding-top: 0px;
    padding-bottom: 0px;
}

#destinations-menu .sub-menu > li.menu-item > a:hover {
    background: white;
    color: #545454;
    text-decoration: underline;
}

@media only screen and (max-width: 767px) {
    #destinations-menu ul.elementor-nav-menu > li.menu-item > a {
        font-size: 14px;
    }
    div#destinations-menu {
        margin-bottom: 60px;
    }
}

/**
*  Fixes 
*/

/** AdThrive sidebar ad offset */

.adthrive-stuck.adthrive-sidebar {
    margin-top: 170px !important;
}

/** Disable a troublesome media query created by elementor **/
@media screen and (max-width: 767px) {
	.elementor-element.elementor-element.elementor-element .elementor-posts-container .elementor-post__thumbnail.elementor-post__thumbnail {
		padding-bottom: calc( 0.7 * 100% );
	}
}

/** The above style fixes computed heights for posts on tag pages, but this fixes the padding on tag pages with maps */
.elementor-element .elementor-posts-container:not(.elementor-has-item-ratio) .elementor-post.elementor-grid-item .elementor-post__thumbnail__link .elementor-post__thumbnail {
  padding-bottom: 0;
}

/** Fix FontAwesome checkboxes **/
input[type=checkbox]:checked:before {
	font-family: "FontAwesome", "Font Awesome 5 Free";
	font-weight: bold;
}

/** Remove 20px spacing between all sorts of elementor elements, this is not desired as it was not originally designed into the site **/
.elementor-widget.elementor-widget:not(:last-child) {
	margin-bottom: 0;
}

/**
* New Features
*/

/* Elementor Video Widget */
.owp-fit-aspect-ratio {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
}
 
.owp-fit-aspect-ratio iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border: 0;
    line-height: 1;
}
 
.owp-youtube-player {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50%;
}
 
.owp-youtube-player {
    cursor: pointer;
    text-align: center;
}
 
.owp-youtube-player img {
    display: block;
    width: 100%;
}
 
.owp-play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
 
.owp-play i {
    font-size: 120px;
    color: #fff;
    opacity: 0.8;
    text-shadow: 1px 0 6px rgba(0, 0, 0, 0.3);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
 
.owp-youtube-player:hover .owp-play i {
    opacity: 1;
}


/* CSS for Sidebar Minimum Width Handling */
.widget-area.sidebar-primary {min-width: 330px; text-align: center;}

@media only screen and (min-width:959px) {
    .content-area, .content-left-sidebar .content-area {max-width: calc(100% - 330px);}
}
@media only screen and (max-width:320px) {
    .widget-area.sidebar-primary {margin-left: -6px; min-width: 300px;}
}

/* Make <u> elements in certain sections have a "fancy" underline.
 * We are utilizing a trick with background-image to achieve this effect. */
.elementor u, .entry-title u {
	text-decoration: none;
	position: relative;
	z-index: 1;
	background-image: linear-gradient(#FFB53A, #FFB53A);
	background-position: 0 80%;
	background-repeat: repeat-x;
	background-size: 100% 33%;
}

/* Below is the old code for using a pseudo-element to achieve the underline */
/* Create the pseudo element for the underline */
/* .elementor u::after, .entry-title u::after {
	position: absolute;
	display: block;
	content: '';
	left: 0;
	right: 0;
	bottom: .1em;
	height: 33.33333%;
	z-index: -1;
	background-color: #FFB53A;
} */