/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: Astra is fast, fully customizable & beautiful WordPress theme suitable for blog, personal portfolio, business website and WooCommerce storefront. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with Schema.org code integrated and is Native AMP ready so search engines will love your site. It offers special features and templates so it works perfectly with all page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. Some of the other features: # WooCommerce Ready # Responsive # RTL & Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and WooCommerce ready theme that you can use for building any kind of website!
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.6.16.1718621258
Updated: 2024-06-17 10:47:38

*/
/*
Theme Name: Your Theme Child
Template: your-theme
*/

/* VANLAN luomat tyylit */
.directorist-listing-title a {
    word-break: normal !important; /* Estää sanojen katkeamisen keskeltä */
    white-space: normal !important; /* Sallii rivittymisen normaalisti */
    overflow-wrap: normal !important; /* Varmistaa, että rivittyminen tapahtuu sanaväleissä */
    hyphens: auto !important; /* Sallii tavutuksen, jos selain tukee */
}

.directorist-single-info__label--text {
    display: none;
}


#directorist-single-listing-slider {
    width: 100% !important; /* Ensure the slider container spans the full width of its parent */
    height: 100% !important; /* Ensure the slider container spans the full height of its parent */
    position: relative; /* Ensure proper positioning of inner content */
    overflow: hidden; /* Hide any overflow */
    margin: 0; /* Remove any margin from the container itself */
    padding: 0; /* Remove any padding from the container itself */
    box-sizing: border-box; /* Ensure padding and border are included in the element's width and height */
}

#directorist-single-listing-slider img {
    width: 100%; /* Make the image span the full width of the container */
    height: 100%; /* Make the image span the full height of the container */
    object-fit: cover; /* Ensure the image covers the container while maintaining aspect ratio */
    position: absolute; /* Ensure the image is absolutely positioned within the slider */
    top: 0; /* Align the image to the top */
    left: 0; /* Align the image to the left */
    margin: 0; /* Remove any margin from the image */
    padding: 0; /* Remove any padding from the image */
    box-sizing: border-box; /* Ensure padding and border are included in the element's width and height */
}

#directorist-single-listing-slider::after {
    content: ''; /* Add an empty content to prevent pseudo-elements from affecting layout */
    display: block; /* Ensure this element behaves like a block-level element */
    clear: both; /* Clear any floats */
}

body, html {
    margin: 0; /* Remove any default margin from the body and html elements */
    padding: 0; /* Remove any default padding from the body and html elements */
}

/* Tämä asetus toimii suuremmille näytöille (tietokoneet) */
@media (min-width: 768px) {
    .plasmaSlider__body {
        margin-bottom: -10% !important; /* Tietokoneille pienempi negatiivinen marginaali */
    }
}

/* Tämä asetus toimii pienemmille näytöille (mobiililaitteet) */
@media (max-width: 767px) {
    .plasmaSlider__body {
        margin-bottom: -0% !important; /* Mobiililaitteille suurempi negatiivinen marginaali */
    }
}

/* Tietokoneet */
@media (min-width: 768px) {
    h2.directorist-listing-details__listing-title {
        font-size: 32px !important;
    }
}

/* Mobiililaitteet */
@media (max-width: 767px) {
    h2.directorist-listing-details__listing-title {
        font-size: 15px !important;
    }
}
.directorist-listing-card-location a {
    pointer-events: none; /* Estää linkkien klikkauksen */
    text-decoration: none; /* Poistaa alleviivauksen */
    color: inherit; /* Tekee tekstistä saman värisen kuin ympäröivä teksti */
    cursor: default; /* Muuttaa osoittimen normaaliin tilaan */
}
.directorist-listing-category a {
    pointer-events: none; /* Estää linkin klikkauksen */
    text-decoration: none; /* Poistaa linkin alleviivauksen */
    color: inherit; /* Tekee linkin väristä saman kuin tavallisen tekstin */
    cursor: default; /* Muuttaa osoittimen normaaliin tilaan */
}


.select2.select2-container .select2-selection--single {
    height: 60px !important;
    border-color: #ececec;
}

.directorist-type-nav {
    display: none;
}

.directorist-listing-type-selection,
.directorist-icon-mask {
  display: none !important;
}

@media (max-width: 768px) {
    /* Takaisin-painike */
    .directorist-single-listing-action.directorist-return-back {
        display: flex !important;
        align-items: center;
        min-width: 100px;
        padding: 6px 10px;
        background-color: #f9f9f9;
        border: 1px solid #ccc;
        border-radius: 4px;
        color: #000 !important;
        font-size: 14px !important;
    }

    .directorist-return-back .directorist-icon-mask {
        width: 16px;
        height: 16px;
        margin-right: 6px;
    }

    .directorist-single-listing-action__text {
        display: inline !important;
        white-space: nowrap;
        color: #000 !important;
        font-size: 14px;
    }

    /* Jaa-painike */
    .directorist-single-listing-action.directorist-social-share {
        display: flex !important;
        align-items: center;
        min-width: 100px;
        padding: 6px 10px;
        background-color: #f9f9f9;
        border: 1px solid #ccc;
        border-radius: 4px;
        color: #000 !important;
        font-size: 14px !important;
    }

    .directorist-social-share .directorist-icon-mask {
        width: 16px;
        height: 16px;
        margin-right: 6px;
    }

    /* Molemmat napit allekkain mobiilissa */
    .directorist-single-listing-quick-action {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px;
    }
}

/* Piilottaa näkymävaihtoehdot ruudukko ja lista */
.directorist-viewas__item--ruudukko,
.directorist-viewas__item--lista {
    display: none !important;
}

.directorist-icon-mask {
  display: inline-block !important;
}