/*
 Theme Name:   My Listing Child
 Theme URI:    http://mylisting.27collective.net/my-city/
 Description:  MyListing Child Theme
 Author:       27collective
 Author URI:   https://27collective.net/
 Template:     my-listing
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  my-listing-child
*/

@import url('https://api.fontshare.com/v2/css?f[]=cabinet-grotesk@400,500,700,800,900&display=swap');
@import url('https://api.fontshare.com/v2/css?f[]=satoshi@300,301,400,401,500,501,700,701,900,901,1,2&display=swap');
@import url('https://api.fontshare.com/v2/css?f[]=boska@200,201,300,301,400,401,500,501,700,701,900,901,1,2&display=swap');

body {
    background-color: #f0ebe6;
}

/***************************************************************
**************************** HEADER ****************************
****************************************************************/

header {
    position: sticky!important;
    top: 0!important;
    z-index: 999!important;
    height: 78px!important;
}

.header-top {
    padding: 0 5%;
}
.woocommerce-account .c27-top-content-margin, .add-listing-form .c27-top-content-margin {
    height: 0px!important;
    background-color: #f0ebe6;
}
/* .header-center {
    justify-content: center!important;
} */
.header-skin {
    border-color: transparent!important;
}
@media only screen and (max-width: 1200px) {
    .header .header-left {
    width: 100%!important;
    justify-content: space-between!important;
}
}

/***********
*HEADER NAV*
************/

.i-nav>ul>li {
    margin: 0 25px !important;
}
.i-nav>ul>li:hover {
    border-top: 2px solid transparent;
    border-bottom: 2px solid #B85D4A;
}
/* .menu-item-has-children { add if submenu
    border: inherit!important;
} */
.menu-item a {
    font-family: "Satoshi", sans-serif;
    font-size: 16px;
    font-weight: 300;
}
.user-profile-name {
    font-family: "Satoshi", sans-serif!important;
    font-size: 16px!important;
    font-weight: 300!important;
}

.submenu-toggle {
    opacity: inherit!important;
}
.submenu-toggle i {
    color: #B85D4A!important;
    font-size: 2em!important;
    left: 12px;
}
.i-dropdown li a {
    font-weight: 200!important;
    font-size: 1.1em;
}
.messaging-center {
    display: none!important;
}
.user-profile-name .avatar {
    display: none!important;
}
.header-button a {
    font-family: "Satoshi", sans-serif!important;
    font-size: 1.1em!important;
    font-weight: 400!important;
    border: 1px solid #B85D4A;
    transition: .3s;
    border-radius: 10px;
}
.header-button:hover a {
    /* background-color: #3C5C47; */
    background-color: transparent;
    color: #B85D4A!important;
    border: 1px solid #B85D4A;
}

header .current-menu-item {
    text-decoration: underline #B85D4A 2px;
    text-underline-offset: 17.5px;
}
header .dropdown-menu .current-menu-item {
    text-decoration: inherit;
}

/***********************************************************************
******************************* HOMEPAGE *******************************
************************************************************************/

.elementor-134 {
    margin-top: -75px;
    background-color: #3C5C47;
    background-image: radial-gradient(circle farthest-corner at 140% -10%, #6ca17e 9%, #6ca17e80 16%, #304837 27%);
    /* background-image: radial-gradient(circle farthest-corner at 140% -10%, #2d737b 10%, #2d737b80 31%, var(--dark-green) 48%); */
}
.elementor-134 h1 {
    font-family: "Satoshi", sans-serif!important;
    font-size: 70px;
    font-weight: 300!important;
}
.elementor-134 h1 span {
    color: #F0EBE6;
    font-family: "Boska", serif;
    font-weight: 400!important;
    font-style: italic;
}
.elementor-134 .elementor-widget-text-editor {
    font-family: "Satoshi", sans-serif!important;
    font-weight: 300!important;
}

#btn-hero, #btn-hero1 {
    font-family: "Satoshi", sans-serif;
    font-weight: 100;
}

/***********
*BOXES HERO*
************/

/* .box-hero {
    background: white;
    border-radius: 12px;
    display: flex;
    height:250px
} */
.box-hero h2 {
    font-family: "Satoshi", sans-serif;
    font-weight: 500;
}
.box-hero span {
    font-family: "Boska", sans-serif;
    font-weight: 200;
    font-style: italic;
}
.box-hero p {
    font-family: "Satoshi", sans-serif;
    font-size: 18px;
    font-weight: 200;
}

.box-hero-big {
    background: white;
    border-radius: 12px;
    display: flex;
    height:250px
}
.box-hero-big img {
    max-width:44%;
    border-radius: 12px 60px 12px 12px;
    object-fit: cover;
}
.box-hero-big-text {
    padding: 40px 30px 30px 30px;
    vertical-align: middle;
}
@media only screen and (max-width: 1200px) {
    .box-hero-big-text h2 {
        font-size: 24px;
    }
    .box-hero-big-text p {
        font-size: 16px;
    }
}
.box-hero-big-arrow {
    background-color: #F0EBE6;
    width:32px;
    height:32px;
    border-radius:8px;
    position:absolute;
    top:15px;
    right: 15px;
    align-content:center;
    text-align:center
}
.box-hero-big-arrow img {
    width: 12px;
}

.box-hero-small {
    border-radius: 12px;
    display: flex;
    height:250px;
}
.box-hero-small h2, .box-hero-small p {
    color: white;
}
.box-hero-small img {
        filter: brightness(88%) contrast(100%) saturate(14%) hue-rotate(0deg);
        width:340px;
        border-radius: 12px;
        object-fit: cover;
}
.box-hero-small-text {
    padding: 20px;
    position: absolute;
    bottom: -20px
}
.box-hero-small-arrow {
    background-color: #F0EBE6;
    width:32px;
    height:32px;
    border-radius:8px;
    position:absolute;
    bottom:12px;
    right: 12px;
    align-content:center;
    text-align:center;
}
.box-hero-small-arrow img {
    width: 12px;
}

@media only screen and (max-width: 719px) {
    .elementor-element-883b18a {
        justify-content: center!important;
    }
}
@media only screen and (max-width: 767px) {
    .elementor-134 .elementor-element.elementor-element-f21a67f {
            --e-con-grid-template-columns: repeat(2, 2fr);
        }
}

@media only screen and (max-width: 550px) {
    .elementor-134 .elementor-element.elementor-element-f21a67f {
        --e-con-grid-template-columns: repeat(1, 1fr);
    }
}

/**********************
**SENTENCES SECTION 1**
***********************/
.elementor-element-edd178b p {
    font-size: 40px!important;
    font-weight: 400!important;
}
@media only screen and (max-width: 767px) {
    .elementor-element-edd178b p {
        font-size: 30px!important;
    }
}
.elementor-element-edd178b p span {
    font-family: "Boska", serif;
    font-weight: 400!important;
    font-style: italic;
}

/***************************
****FUTURE PLANS SECTION****
****************************/
.future-plans-section h2 {
    font-family: "Satoshi", sans-serif!important;
    font-weight: 400!important;
    width: 450px!important;
}
.future-plans-section h2 span {
    font-family: "Boska", serif;
    font-style: italic;
    font-weight: 300!important;
}

.future-plans-section .elementor-image-box-wrapper h3 {
    font-family: "Satoshi", sans-serif!important;
    font-weight: 500!important;
}
.future-plans-section .elementor-image-box-wrapper p {
    font-family: "Satoshi", sans-serif!important;
    font-weight: 300!important;
}

/***************************
**EUROPE CONNECTED SECTION**
****************************/
.europe-connected-section h2 {
    color: white;
    font-size: 48px;
    font-weight: 400!important;
}
.europe-connected-section h2 span {
    color: #F0EBE6;
    font-family: "Boska", serif;
    font-style: italic;
    font-weight: 300!important;
}
@media only screen and (max-width: 768px) {
    .europe-connected-section h2 {
        padding: 0 10px!important;
        font-size: 45px;
    }
    .europe-connected-section p {
        padding: 0 10px!important;
        font-size: 18px;
    }
}

.europe-connected-section img {
    border-radius: 12px;
}

/**********************
**SENTENCES SECTION 2**
***********************/
.sentence-section-two p {
    font-family: "Boska", serif!important;
    font-weight: 400!important;
    font-style: italic;
    font-size: 30px!important;

}

/*****************************
**COMPANIES CAROUSEL SECTION**
******************************/
.companies-carousel-section h2 {
    font-family: "Satoshi", sans-serif!important;
    font-weight: 400!important;
}
.companies-carousel-section h2 span {
    font-family: "Boska", serif;
    font-style: italic;
    font-weight: 300!important;
}
#btn-companies-carousel {
    font-family: "Satoshi", sans-serif!important;
    font-weight: 100!important;
}

/***************************
***CALL TO ACTION SECTION***
****************************/
.cta-section h3 {
    font-family: "Satoshi", sans-serif!important;
    font-weight: 400!important;
}

#btn-lets-connect {
    font-family: "Satoshi", sans-serif!important;
    font-weight: 100!important;
}

/***********************************************************************
**************************** COMPANIES PAGE ****************************
************************************************************************/

.finder-container {
    box-shadow: inherit!important;
    background-color: inherit!important;
    margin-bottom: 15px;
}

.gradient1 {
    background: linear-gradient(45deg, #3C5C47 8%, #3c5c471f);
}

.page-id-130 .c27-top-content-margin {
    display: none;
}

.title-companies-search h1 {
    font-family: "Satoshi", sans-serif!important;
    font-size: 48px;
    font-weight: 400!important;
}
.title-companies-search h1 span {
    font-family: "Boska", serif;
    font-weight: 300!important;
    font-style: italic;
    margin-left: 30px;
}

.btn-logo-companies .elementor-button-text {
    font-family: "Satoshi", sans-serif!important;
    font-weight: 400!important;
}

/****************
**FINDER SEARCH**
****************/

.finder-search {
    border-radius: 12px!important;
    margin-left: 10px;
    padding-left: 25px!important;
    padding-right: 25px!important;
}
.finder-search .sidebar-tabs {
    padding: 10px 0;
}
.finder-search .form-group {
    margin-bottom: 30px!important;
}
.finder-search .md-checkbox input[type="checkbox"]:checked + label {
    font-weight: inherit!important;
}

.sidebar-tabs {
    justify-content: center;
}

.finder-search li a {
    font-family: "Satoshi", sans-serif!important;
    font-size: 1.1em!important;
    font-weight: 500!important;
}

.form-group a.taxonomy-back-btn {
    width: 100px;
    height: 30px;
    border-radius: 12px;
    font-family: 'Satoshi', sans-serif;
    color: #b85d4a;
    border: 2px solid #B85D4A;
    background-color: transparent;
}
@media only screen and (max-width: 1200px) {
    a.taxonomy-back-btn {
        width: 150px;
        height: 40px;
        border-radius: 12px!important;
        font-family: 'Satoshi', sans-serif;
        color: #b85d4a;
        border: 2px solid #B85D4A;
        background-color: transparent!important;
    }
    .explore-mobile-nav .nav-tabs li a {
        font-family: 'Satoshi', sans-serif;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 33px;
        font-size: 15px!important;
        font-weight: 500!important;
        padding: 12px 12px!important;
    }
    .explore-mobile-nav .nav-tabs li a i {
        
    }
}
.active-taxonomy-container .category-background {
    border-radius: 12px!important;
    filter: brightness(0.7);
}
.active-taxonomy-container h1.category-name {
    font-family: "Boska", serif!important;
    font-weight: 300!important;
    font-size: 48px!important;
    position: absolute;
    bottom: 85px;
    left: 85px;
    color: white!important;
    line-height: inherit!important;
}
.active-taxonomy-container .cat-icon {
    position: absolute;
    bottom: 105px;
    left: 35px;
    transform: scale(1.3);
}

.active-taxonomy-container .cat-icon:has(i) {
    background-color: transparent!important;
}
.active-taxonomy-container .cat-icon:has(i) i {
    /* font-size: 2em; */
    display: none;
}
.active-taxonomy-container .category-description {
    font-family: "Satoshi", sans-serif!important;
    font-weight: 300!important;
}

@media only screen and (min-width: 1201px) {
    .finder-search .c27-explore-search-button {
        display: none;
    }
}
@media only screen and (max-width: 1201px) {
    .explore-desktop-head {
        margin-top: 20px;
    }
    .mobile-explore-head-top {
        width: 40%;
        min-width: 280px;
        margin: auto;
        border-radius: 12px;
        box-shadow: none!important;
        background-color: #F0EBE6!important;
    }

    .explore-head-top-filters {
        background-color: #F0EBE6!important;
    }
    .mobile-explore-head-top .explore-head-search input {
        font-family: "Satoshi", sans-serif!important;
    }
    .mobile-explore-head-top .explore-head-top-filters a {
        font-weight: 300!important;
        height: 30px;
        border-radius: 12px;
        border: 1px solid #3C5C47;
        background-color: #F0EBE6!important;
        color: #3C5C47;
        padding: 20px!important;
    }
    .mobile-explore-head-top .explore-head-top-filters a i {
        display: none;
    }
    .fc-search {
        justify-content: inherit!important;
    }
    .fc-search .reset-results-27 {
        width: 100px!important;
    }
    .fc-search .close-filters-27 i {
        display: block!important;
    }
    .fc-search .c27-explore-search-button {
        width: 300px!important;
    }
}

/*FILTERS*/
.wp-search-filter label, .dropdown-filter label, .checkboxes-filter label {
    font-family: "Satoshi", sans-serif!important;
    font-size: 1.1em!important;
    font-weight: 400!important;
}

.checkboxes-filter .md-checkbox label {
    font-size: 1em!important;
}

.finder-search input[type=text] {
    font-family: "Satoshi", sans-serif!important;
    font-weight: 400!important;
}

.select2-results__option {
    font-family: "Satoshi", sans-serif!important;
    font-weight: 400!important;
}
.select2-results__option--highlighted {
    color: #B85D4A!important;
}

.orderby-filter {
    display: none;
}

.fc-search i {
    display: none;
}
.fc-search .button-2 {
    font-family: "Satoshi", sans-serif!important;
    font-size: 1.1em!important;
    font-weight: 600!important;
}
.fc-search .reset-results-27 {
    font-family: "Satoshi", sans-serif!important;
    font-size: 0.9em!important;
    font-weight: 400!important;
}

/*INDUSTRIES*/
.finder-search .lc-info h4 {
    font-family: "Boska", sans-serif;
    font-size: 2.4em;
    font-weight: 400!important;
}

.finder-search .lc-info h6 {
    font-family: "Satoshi", sans-serif, sans-serif;
    font-weight: 400;
    border-left: 1.5px solid white;
    padding-left: 5px;
}

.listing-cat .lc-icon {
    display: none!important;
}

/*COUNTRIES*/
.finder-search .lc-icon i {
    font-size: 28px!important;
}

/*****************
**FINDER LISTING**
*****************/

.fl-head {
    margin-top: 0!important;
}
    .explore-desktop-head {
        padding-right: 0!important;
    }
    .expand-map-btn {
        display: none;
    }
    .fl-results-no span {
        font-family: "Satoshi", sans-serif;
    }

.finder-listings {
    background-color: inherit!important;
    box-shadow: inherit!important;
    border-radius: 12px!important;
}
.lf-item-container {
    border-radius: 12px!important;
}

/*COMPANY BOX ON FINDER LISTING*/
.profile-avatar, .lf-avatar, .marker-img {
    background-color: white;
    border: 2px solid #B85D4A;
    background-size: 80%;
}
.lf-item-info-2 .lf-avatar {
    background-repeat: no-repeat;
}

.lf-item-info-2 h4 {
    font-family: "Cabinet Grotesk", sans-serif;
    font-weight: 800!important;
    font-size: 1.3em;
}

.lf-item-info-2 h6 {
    font-family: "Satoshi", sans-serif;
    font-weight: 300;
    font-size: 1.1em!important;
}

.listing-details .category-name {
    font-family: "Cabinet Grotesk", sans-serif;
    font-weight: 500;
}

.categories-dropdown .cat-more {
    font-family: "Satoshi", sans-serif;
}
.categories-dropdown .tooltip-container, .categories-dropdown .tooltip-container:before, .item-preview .tooltip-container, .item-preview .tooltip-container:before {
    background-color: #B85D4A;
    font-family: "Satoshi", sans-serif;
    opacity: 1!important;
}

.ld-info ul li:nth-child(1) { /*Quickview icon*/
    margin-right: 10px;
}

.ld-info ul li:nth-child(2) { /*Bookmark (heart)*/
    display: none;
}

.lf-item-info-2>ul.lf-contact {
    display: flex;
    justify-content: flex-end;
}
.lf-item-info-2>ul.lf-contact li {
    font-family: "Satoshi", sans-serif;
    font-weight: 300;
    background-color: #F8F8F8;
    border-radius: 50px;
    padding: 5px 10px;
    margin-left: 5px;
}
.lf-item-info-2>ul.lf-contact li i {
    color: #b85d4a;
    font-size: 1.5em;
}

/*************
**FINDER MAP**
*************/

.c27-map {
    border-radius: 12px;
}
.finder-map {
    margin-right: 10px;
    background-color: transparent!important;
}

.mapdrag-switch {
    border-radius: 20px!important;
    font-family: "Cabinet Grotesk", sans-serif;
}
.finder-map .md-checkbox label, .finder-map .md-checkbox input[type="checkbox"]:checked + label {
    font-weight: 500!important;
}

.gm-fullscreen-control {
    border-radius: 50%!important;
}

.page-id-130 .my_location, .page-id-130 .gmnoprint, .gm-style-cc {
    display: none;
}
/* a[href^="http://maps.google.com/maps"], a[href^="https://maps.google.com/maps"] {
    display: none!important
} */

/*COMPANY BOX ON MAP AND EVERY MAP ON WEBSITE*/
.finder-map .lf-type-2 h4 {
    font-size: 2.2em!important;
    font-weight: 800;
}
.lf-item-info-2>ul.lf-contact {
    justify-content: flex-start;
}
.cts-map-popup .lf-item-info-2>ul.lf-contact li {
    background-color: #5e5e5eca;
    border-radius: 50px;
    padding: 5px 10px;
    margin-left: 5px;
}
.cts-map-popup .lf-item-info-2>ul.lf-contact li i {
    color: #b85d4a;
    font-size: 1.5em;
}

/*************
**QUICK VIEW**
*************/

.quick-view .lf-item-info h4 {
    font-family: "Cabinet Grotesk", sans-serif;
    font-size: 3em!important;
    font-weight: 800;
    color: white;
}

.lf-item-info>ul.lf-contact {
    display: flex;
}
.lf-item-info>ul.lf-contact li {
    font-family: "Satoshi", sans-serif;
    font-weight: 300;
    background-color: #5e5e5eca;
    border-radius: 50px;
    padding: 5px 10px;
    margin-left: 5px;
}
.lf-item-info>ul.lf-contact li i {
    color: #b85d4a;
    font-size: 1.5em;
}

.quick-view .pf-head {
    display: none;
}
.quick-view .category-name {
    font-weight: 600;
}
.quick-view .pf-body {
    font-family: "Satoshi", sans-serif;
    padding-top: 5px!important;
}

.quick-view .lf-item-container {
    border-radius: 12px 0px 0px 0px!important;
}
.quick-view .c27-map {
    border-radius: 0px 12px 12px 0px;
}
.quick-view .mc-left .grid-item:nth-child(3) .element {
    border-radius: 0px 0px 0px 12px!important;
}

/****************************************************************************
**************************** COMPANY SINGLE PAGE ****************************
*****************************************************************************/

/*********
**HEADER**
**********/

.header.header-light-skin:not(.header-scroll) .header-skin {
    background-color: #f0ebe6!important;
}

/**********************
**COMPANY COVER IMAGE**
***********************/

/*IMAGE*/
.profile-cover-image .overlay {
    background-color: inherit!important;
    background: linear-gradient(to top, #3c5c47, 30%, transparent);
    opacity: inherit!important;
    /* backdrop-filter: brightness(80%); */
}

/*COMPANY NAME + TAGLINE*/
.profile-cover-image .profile-name h1 {
    font-family: "Cabinet Grotesk", sans-serif;
    font-weight: 900!important;
    font-size: 4em;
}
.profile-cover-image .profile-name h2 {
    font-weight: 100;
    font-size: 1.7em;
    padding-bottom: 5px;
}

/*ICON BEFORE LOCATION*/
.profile-cover-image .price-or-date .value:before {
    font-family: "Font Awesome 5 Free";
    content: "\f3c5";
    padding-right: 10px;
    vertical-align: middle;
    font-weight: bold;
    font-size: 2em;
    font-style: normal!important;
    color: #b85d4a;
}
/*LOCATION & WEBSITE FONT*/
.profile-cover-image .lmb-calltoaction span {
    font-family: "Satoshi", sans-serif;
    font-weight: 200!important;
}
.profile-cover-image .price-or-date .value {
    /* font-family: "Boska", serif; */
    font-weight: 200;
    /* font-style: italic;
    font-size: 1.3em; */
}
@media only screen and (max-width: 991px) {
    .profile-body .block-type-location {
        width: 100%;
    }
}
@media only screen and (max-width: 767px) {
    .price-or-date .value, .lmb-calltoaction span {
        font-size: 12px!important;
    }
    .listing-main-info .no-list-style {
        flex-wrap: nowrap;
    }
    .lmb-calltoaction .fa {
        display: none;
    }
    .main-info-mobile .listing-main-info {
        padding-bottom: 20px;
    }
}

@media only screen and (max-width: 500px) {
    .listing-main-info .no-list-style {
        flex-wrap: wrap;
    }
    .price-or-date {
        display: none;
    }
}

/*COMPANY LOGO + NAME/TAGLINE + LOCATION & WEBSITE*/
@media only screen and (min-width: 1200px) {
    .profile-name .profile-avatar {
        width: 150px;
        height: 150px;
        border: 4px solid #b85d4a;
    }
    .profile-name {
        margin-left: 70px;
        min-height: 120px;
        align-content: flex-end;
    }
    .price-or-date {
            background-color: #ffffff33;
            padding: 0 15px;
            border-radius: 20px;
        }
    .lmb-calltoaction a {
        background-color: #ffffff33;
        height: 45px;
        border: 1px solid transparent;
        border-radius: 20px;
        transition: 0.2s;
        margin-right: 20px;
    }
    .lmb-calltoaction a:hover {
        background-color: transparent;
        border: 1px solid white;
        border-radius: 0px;
    }
    .listing-main-buttons {
        margin-top: 35px;
    }
    .listing-main-buttons>ul {
        flex-direction: row-reverse;
    }
}
@media only screen and (max-width: 1200px) {
    .price-or-date {
        background-color: #ffffff33;
        padding: 0 15px;
        border-radius: 20px;
        color: white!important;
        vertical-align: middle;
        line-height: 45px;
        font-family: "Satoshi", sans-serif!important;
    }
    .lmb-calltoaction a {
        background-color: #ffffff33;
        height: 45px;
        border: 1px solid transparent;
        border-radius: 20px;
        transition: 0.2s;
        margin-right: 20px;
        font-weight: 100;
    }
    .price-or-date .value {
        font-family: "Satoshi", sans-serif;
        font-weight: 100;
        font-size: 16px;
    }
    .lmb-calltoaction a:hover {
        background-color: transparent;
        border: 1px solid white;
        border-radius: 0px;
    }
    .listing-main-buttons>ul {
        flex-direction: row-reverse;
        justify-content: flex-start;
    }
}

/**************************
**2 DIV UNDER COVER IMAGE**
***************************/

.profile-body .cts-right-column {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/*PROFILE LINE UNDER COVER IMAGE*/
.profile-header {
    background-color: #3c5c47;
    height: 35px;
}
@media only screen and (max-width: 1200px) {
    .profile-header {
        display: none;
    }
    .listing-main-info {
        background: #3C5C47!important;
        display: flex!important;
        justify-content: space-between!important;
    }
    .profile-name h1 {
        font-family: "Cabinet Grotesk", sans-serif;
        font-weight: 900!important;
        color: white!important;
    }
    .profile-name h2 {
        font-family: "Satoshi", sans-serif;
        font-weight: 300!important;
        color: white!important;
    }
    .profile-avatar {
        width: 120px;
        height: 120px;
        top: -100px!important;
    }
}    
.profile-menu {
    display: none;
}

/*QUICK ACTIONS LINE*/
.quick-listing-actions {
    display: none;
}

/***************
**MAIN CONTENT**
****************/

/*ALL BLOCKS*/
.profile-body .element {
    background-color: inherit;
    box-shadow: inherit;
}

/*DESCRIPTION BLOCK*/
.block-field-job_description {
    font-family: "Satoshi", sans-serif;
    font-weight: 200;
    text-align: justify;;
}
.block-field-job_description p {
    font-size: 1.2em;
}


/*VIDEO BLOCK*/
.video-block {
    height: 390px;
}

/*CATEGORIES BLOCK*/
.block-type-categories ul {
    justify-content: center;
}
.block-type-categories .element .pf-body>.listing-details li {
    min-width: inherit!important;
    width: inherit!important;
}
.block-type-categories .category-name {
    font-family: "Cabinet Grotesk", sans-serif;
    font-weight: 700;
    font-size: 1.2em;
}
.block-type-categories .element .pf-body a {
    background-color: #e8e8e8;
    border: 1px solid #B85D4A;
    border-radius: 50px;
    padding: 8px 16px;
    margin-right: 40px!important;
}

/*CONTACT INFO BLOCK*/
.profile-body .contact-info-block .element {
    padding: 0;
}
.contact-info-block {
    margin-top: 40px;
    background-color: #B85D4A;
    padding: 20px 10px 10px 10px;
    border-radius: 12px;
    font-family: "Cabinet Grotesk", sans-serif;
    font-weight: 300;
    max-width: 460px;
}
.contact-info-block p {
    font-size: 1.3em;
    color: white;
}
.contact-info-block .fa {
    margin-right: 20px;
    margin-left: 10px;
    vertical-align: middle;
    color: #3C5C47;
    background-color: whitesmoke;
    border-radius: 50px;
    padding: 10px;

}

/*SOCIALS BLOCK*/
.block-type-social_networks, .block-type-social_networks .pf-body, .block-type-social_networks .pf-head {
    display: flex;
    justify-content: center;
}
.social-nav {
    flex-wrap: nowrap!important;
}
.block-type-social_networks .element {
    background-color: #f0ebe6;
    margin-top: 30px;
    margin-bottom: 35px;
    width: 350px;
    border: 2px solid #3C5C47;
    border-radius: 12px;
}
.block-type-social_networks .pf-head h5 {
    font-family: "Cabinet Grotesk", sans-serif;
    font-weight: 500;
    font-size: 1.2em;
}
.social-nav span {
    display: none;
}

/*MAP BLOCK*/
.map-block, .map-block .pf-body {
    padding-top: 0;
}
.map-block-address {
    display: none;
}

/*LOGO BLOCK*/
.logo-block {
    display: flex;
    justify-content: center;
}
/*.logo-block img {
    max-width: 300px!important;
}*/

/***************************
**SAME INDUSTRIY COMPANIES**
****************************/

.similar-listings {
    background-color: #f0ebe6;
    margin-top: 20px;
    padding-top: 50px!important;
    /* padding-bottom: 30px; */
}
.similar-listings .section-title h2 {
    font-size: 0;
}
.similar-listings .section-title h2:before { 
    content: "Same Industry Companies";
    font-family: "Cabinet Grotesk", sans-serif;
    font-size: 30px;
}

/*********************************************************************
**************************** CONTACT PAGE ****************************
**********************************************************************/
.title-contact-page h2 {
    font-family: "Satoshi", sans-serif!important;
    font-weight: 400!important;
}
.title-contact-page span {
    font-family: "Boska", serif;
    font-weight: 300!important;
    font-style: italic;
}
.title-contact-page p {
    font-family: "Satoshi", sans-serif!important;
    font-weight: 300!important;
}

.contact-box {
    background-image: radial-gradient(circle farthest-corner at 140% -10%, #6ca17e 20%, #6ca17e80 31%, #304837 55%);
}
.contact-box h2 {
    font-family: "Satoshi", sans-serif!important;
    font-weight: 500!important;
    color: white;
}
.contact-box p {
    font-family: "Satoshi", sans-serif!important;
    font-weight: 300!important;
    font-size: 16px;
    color: white;
}
.contact-box i {
    font-size: 20px;
    margin-right: 20px;
}

.wpcf7 {
    font-family: "Satoshi", sans-serif;
}
.wpcf7 label {
    font-weight: 500;
}
.wpcf7 span {
    color: red;
}
.wpcf7 .left-field:focus-within label, .wpcf7 .right-field:focus-within label, .wpcf7 .subject-field:focus-within label, .wpcf7 .message-field:focus-within label {
    color: #B85D4A;
}
.wpcf7 input, .wpcf7 textarea {
    font-size: 1.2em;
}
.wpcf7 input[type="submit"] {
    width: 200px;
    font-size: 15px;
}
.wpcf7 input[type="submit"]:hover {
    background-color: #a25242;
}
.wpcf7 .double-field {
    display: flex;
    gap: 20px;
}

/***************************************************************
********************* TERMS AND CONDITIONS *********************
****************************************************************/

.terms-conditions-section {
    font-family: 'Satoshi', sans-serif;
    color: black;
}
.title-terms h1 {
    font-family: 'Satoshi', sans-serif!important;
    font-weight: 400!important;
}
.title-terms h1 span {
    color: #F0EBE6;
    font-family: 'Boska', sans-serif!important;
    font-style: italic;
    font-weight: 300!important;
}
.terms-conditions-section h3 {
    font-size: 45px!important;
    font-weight: 400;
    margin-top: 50px;
    margin-bottom: 25px;
}
.terms-conditions-section span {
    font-weight: 500em;
}
.terms-conditions-section p {
    margin-bottom: 10px;
    font-size: 16px;
}

.page-id-1824 .c27-top-content-margin {
    display: none;
}

/***************************************************************
**************************** FOOTER ****************************
****************************************************************/

.footer {
    background-color: #1C1A1A!important;
    font-family: 'Satoshi', sans-serif;
    padding-top: 0!important;
}
.footer p {
    color: #f2f6ff;
    /* text-align: start!important; */
}

.sign-in-link { /*SIGN IN LINK FOOTER*/
    color: #727272!important;
    position: absolute;
    right: 5%;
}
.sign-in-link:hover, .terms-link:hover {
    color: #3c5c47!important;
}
.terms-link {
    color: #e6e6e6!important;
}

.footer-companies .footer-text-companies a, .footer-companies .footer-text-companies {
    color: #e6e6e6!important;
    font-family: 'Satoshi', sans-serif!important;
    font-size: 15px!important
}
.footer-companies .sign-in-link-companies a {
    color: #727272!important;
}
/* .sign-in-link-companies {
    color: red!important;
    position: fixed;
    bottom: 60px;
    right: 10%;
} */


/*************************************************************
********************* ADD A LISTING PAGE *********************
**************************************************************/

/***************************
*********FIRST PAGE*********
****************************/

/* .elementor-137 .elementor-element-98caebe h2 {
    font-size: 0;
}
.elementor-137 .elementor-element-98caebe h2:before {
    content: "Add a company";
    font-family: "Cabinet Grotesk", sans-serif;
}
.elementor-137 .elementor-element-224cce8 h2 {
    display: none;
}

.add-listing-form .i-section h2 {
    font-size: 0;
}
.add-listing-form .i-section h2:before {
    content: "Add a company";
    font-family: "Cabinet Grotesk", sans-serif;
} */

/***************************
******ADD CONTENT PAGE******
****************************/

.add-listing-form .section-title h2 {
    font-size: 0;
}
.add-listing-form .section-title h2:before {
    content: "Add a company ";
    font-family: 'Satoshi', sans-serif;
    font-size: 38px;
    font-weight: 400;
}

.add-listing-form ::placeholder {
    opacity: .5;
}

.add-listing-step h5 {
    font-family: 'Satoshi', sans-serif;
    font-size: 1.3em;
}
.add-listing-step .field-head label {
    font-family: 'Satoshi', sans-serif;
    font-size: 1.1em!important;
}
.add-listing-step .field-head .description, .add-listing-step input, .add-listing-step .add-listing-nav, .add-listing-step .listing-form-submit-btn button {
    font-family: 'Satoshi', sans-serif;
}

/*LOGO & LOGO SMALL EXAMPLE IMAGE*/
#form-section-logos .heading-content {
    height: 100px;
}
#form-section-logos .heading-content img {
    height: 100%;
    object-fit: contain;
}

/*SUBMIT COMPANY BUTTON*/
.listing-form-submit-btn .skip-preview-btn i {
    display: none;
}
.listing-form-submit-btn .skip-preview-btn {
    font-size: 1.2em;
}
.listing-form-submit-btn .skip-preview-btn:after {
    content: " company";
    margin-left: 2px;
}

/*************************************************************
*********************** MY LISTING PAGE **********************
**************************************************************/

.mlduo-stat-box {
    display: flex;
    align-items: center;
}
.my-account-stat-box h2, .mlduo-stat-box h2 {
    font-size: 3.5em;
    margin-right: 30px;
    font-weight: 100;
}
.my-account-stat-box p, .mlduo-stat-box p {
    font-size: 1.4em;
    font-weight: 200;
}


.woocommerce-MyAccount-navigation ul li a {
    font-size: 1.3em;;
    font-weight: 300!important;
}

.my-listings-tab-con .mlduo-welcome-messag h1 {
    visibility: hidden!important;
}
.my-listings-tab-con .mlduo-welcome-message h1:after {
    content: "List of companies";
    font-family: 'Satoshi', sans-serif;
    font-size: 42px;
    font-weight: 400;
    position: absolute;
    left: 0;
    background-color: #F9F7F5;
    margin-left: 10px;
}

.job-manager-jobs .listing-actions a {
    font-family: 'Satoshi', sans-serif;
}

.woocommerce-MyAccount-content p, .woocommerce-MyAccount-content h2, .woocommerce-MyAccount-content li, .woocommerce-MyAccount-content a, .woocommerce-MyAccount-content span, .woocommerce-MyAccount-content p span {
    font-family: 'Satoshi', sans-serif;
}
.woocommerce-MyAccount-content h5 {
    font-family: "Cabinet Grotesk", sans-serif;
    font-size: 1.5em;
    font-weight: 600;
}

.woocommerce-MyAccount-content .mlduo-welcome-message h1 {
    font-family: 'Satoshi', sans-serif;
    font-size: 42px;
    font-weight: 400;
}

.woocommerce-MyAccount-content .my-listings-stat-box {
    max-width: 400px;
    margin: auto;
}

.select2-results__options ul:nth-child(2) {
    color: red;
}

/*************************************************************
******************** ACCOUNT DETAILS PAGE ********************
**************************************************************/
.woocommerce-MyAccount-content .ac-details-container h5, .woocommerce-MyAccount-content .ac-details-container input, .woocommerce-MyAccount-content .ac-details-container label {
    font-family: "Satoshi", sans-serif;
}
.woocommerce-MyAccount-content .ac-details-container h5 {
    font-size: 28px;
    margin-bottom: 15px;
    font-weight: 500;
    margin-left: -10px;
}
.woocommerce-MyAccount-content .ac-details-container i {
    display: none;
}
.woocommerce-MyAccount-content fieldset legend {
    font-size: 27px;
    font-family: 'Satoshi';
    font-weight: 500;
    border: 0;
    padding-top: 10px;
    padding-bottom: 0;
}
.woocommerce-MyAccount-content button {
    font-size: 1.1em;
    font-family: 'Satoshi';
    font-weight: 400;
}


.listing-actions .cts-listing-action-promote {
    width: 0px!important;
    visibility: hidden;
}
.job-manager-jobs .job_title a {
    font-size: 1.6em!important;
    font-family: "Cabinet Grotesk", sans-serif;
    font-weight: 800!important;
}
.job-manager-jobs .c27_listing_logo img {
    border: 2px solid #B85D4A;
    padding: 4px;
}
.job-manager-jobs .listing-type .value {
    display: none;
}
.job-manager-jobs .listing-info .expires-at .label, .job-manager-jobs .listing-info .expires-at .value {
    display: none;
}

.element:has(.explore) {
  display: none!important;
}



/*************************************************************
************************* LOGGED OUT *************************
**************************************************************/

.signin-area {
    display: none!important;
}
@media only screen and (max-width: 768px) {
    .header-right {
        display: none!important;
    }
}

/***************************
********SIGN IN PAGE********
****************************/

.login-container .login-tabs {
    display: none;
}

.show-toggle-password {
    color: #B85D4A;
}
.display-password {
    color: #b85c4a33;
}

.login-content {
    font-family: 'Satoshi', sans-serif;
    background-color: #f0ebe6;
    border-radius: 12px;
    padding: 50px;
}
.login-content #username + label::after {
    content: " or Email";
}
.login-content .md-checkbox input[type="checkbox"]:checked + label {
    font-weight: inherit!important;
}



/*************************************************************
************************* RESPONSIVE *************************
**************************************************************/

/********************
*HEADER / HEADER NAV*
*********************/

@media only screen and (max-width: 1200px) {
    .mobile-user-menu .i-nav>ul>li:hover {
        border-bottom: 0!important;
    }
     .mobile-menu-open .mobile-nav-head {
        border: 0;
    }
    .mobile-menu-open .menu-item {
        border: 0;
        display: flex!important;
        justify-content: center!important;
        margin: 0!important;
    }
    .mobile-menu-open .current-menu-item:active {
        border-bottom: 0!important;
    }
    .mobile-menu-open .menu-item a {
        font-family: 'Satoshi', sans-serif;
        font-weight: 300;
        font-size: 2em;
        margin: 40px 0px;
        width: auto;
        align-items: center;
        border-right: 0!important;
    }
    .mobile-nav-head i:before {
        color: #3c5c47;
        opacity: .6!important;
    }
}
.mobile-menu i {
    color: #B85D4A!important;
}

.mobile-menu-open .mobile-nav-button {
    height: 80px!important;
    width: 50%!important;
    margin: auto;
    border-radius: 12px;
    margin-top: 40px!important;
}
.mobile-nav-button a {
    font-size: 1.5em!important;
}



.page-id-1933 .c27-top-content-margin {
    display: none;
}
.display_companies_container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 10px 10px;
}
.logo-all-blocks {
    border: 1px solid transparent;
    width:100px;
    min-width: 100px;
    height: 100px;
    margin: 5px 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: .5s ease-out;
    border-radius: 12px;
    position: relative;
}
.logo-all-blocks:hover {
    background-color: #3a3a3a89;
}
.logo-all-blocks h4 {
    font-size: 1.1em!important;
    font-family: 'Satoshi', sans-serif;
    font-weight: 500!important;
    position: absolute;
    left: 4px;
    bottom: -4px;
    visibility: hidden;
    width: 100%;
    white-space: nowrap!important;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    padding-right: 4px!important;
}
.logo-all-blocks:hover h4 {
    visibility: visible;
    color: white;
}
.logo-all-blocks:hover .logo-arrow {
    visibility: visible;
}
.logo-all-blocks .logo-img {
    width:60px;
    transition: .3s ease-out;
}
.logo-all-blocks:hover .logo-img {
    filter: blur(2px);
}

.logo-arrow {
    background-color: #F0EBE6;
    width:26px;
    height:26px;
    border-radius:8px;
    position:absolute;
    top:8px;
    right: 8px;
    align-content:center;
    text-align:center;
    visibility: hidden;
}
.logo-arrow:hover {
    visibility: visible;
}
.logo-arrow img {
    width: 10px;
}