/*!
Theme Name: Norebro Child
Theme URI: http://norebro.colabr.io/
Author: Colabrio Team
Author URI: http://colabr.io/
Description: Norebro is flexible and high performance multipurpose WordPress Theme for personal and corporate use. It comes with the most popular WordPress page builder Visual Composer. Create gorgeous pages and layouts fast and easy without coding.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: norebro
Text Domain: norebro-child
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-colors, custom-header, custom-menu, featured-images, full-width-template, post-formats, theme-options, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/


.searchandfilter label {
    display: block !important;
    margin: 0;
    padding: 0;
}

.searchandfilter ul {
    display: block;
    margin-top: 50px !important;
    margin-bottom: 0;
}

form {
    text-align: center;
    width: 90% !important;
}

.white,
.wp-block-heading {
    color: #ffffff;
}

.search {
    display: none !important;
}

.searchandfilter ul li {
    padding: 0px;
}

#masthead {
    line-height: 20px;
}

#search-filter-form-15002 ul {
    margin-top: 0px !important;
}

/*#search-filter-form-15002 ul li input[type="checkbox"]
{
	display:none;
}*/
.top-filter .sf-input-checkbox,
.top-filter .sf-field-reset {
    display: none;
}

#search-filter-form-15002 ul li {
    text-align: left;
}

#search-filter-form-15002 ul li ul li label {
    cursor: pointer;
}

.sf-option-active {
    font-weight: bold;
}

header.dark-text .right {
    height: 80%;
    overflow-y: scroll;
    margin-left: 2em;
}

/*
header.dark-text .right::-webkit-scrollbar {
    display: none; 
}
*/

.heading-album {
    font-weight: 300;
    font-size: clamp(1rem, 2.5vw, 4rem);
    /* Min: 1rem, Preferred: 2.5vw, Max: 3rem */

}

header.dark-text .right {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.top-filter .sf-field-taxonomy-colors,
.top-filter .sf-field-taxonomy-system,
.top-filter .sf-field-taxonomy-panels,
.top-filter .sf-field-taxonomy-country,
.top-filter .sf-field-taxonomy-special-feature,
.top-filter .sf-field-taxonomy-project-type,
.top-filter .sf-field-taxonomy-application h4 {
    display: none;
}

.top-filter .sf-field-taxonomy-application ul li {
    display: inline-block;
}

.top-filter .sf-field-taxonomy-application ul .sf-item-53 {
    background-color: #4ea052;
    padding: 0px 5px 0px 5px;
    color: #ffffff;
}

.top-filter .sf-field-taxonomy-application ul li label {
    padding: 3px;
    margin: 0px 5px 0px 5px;
}

.top-filter .sf-field-taxonomy-application ul li {
    margin: 5px 5px 5px 0px;
}

.top-filter .sf-field-taxonomy-application ul .sf-item-55 {
    background-color: #f7941e;
    color: #ffffff;
    padding: 0px 5px 0px 5px;
}

.top-filter .sf-field-taxonomy-application ul .sf-item-159 {
    background-color: #657680;
    color: #ffffff;
    padding: 0px 5px 0px 5px;
}

.top-filter .sf-field-taxonomy-application ul .sf-item-54 {
    background-color: #1c75bc;
    color: #ffffff;
    padding: 0px 5px 0px 5px;
}

.top-filter .sf-field-taxonomy-application ul .sf-item-56 {
    background-color: #b12835;
    color: #ffffff;
    padding: 0px 5px 0px 5px;
}

.top-filter .sf-field-taxonomy-application ul .sf-item-57 {
    background-color: #81265c;
    color: #ffffff;
    padding: 0px 5px 0px 5px;
}

.right {
    float: left;
    width: 100%;
    position: relative;
}

.right #search-filter-form-15002>ul {
    /*position: relative;*/
    display: block;
    width: 100%;
    height: auto;
    padding: 20px;
    margin: 0;
    list-style: none;
    top: 30px;

    li {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        background-color: #FFF;
        border-radius: 5px;
        cursor: pointer;

        li {
            position: relative;
            display: block;
            font-weight: 300;
            padding: 10px 0 0 0;
            cursor: pointer;
            line-height: 150%;
            margin: 0 0 15px 0;
            font-size: 14px;
        }
    }
}



.right #search-filter-form-15002 ul li ul li {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.right .active:after {
    transform: rotate(45deg);

}

.right h4 {
    font-weight: 700;
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 0 10px 0;
    margin: 0;
    font-size: 15px;
    letter-spacing: 0.01em;
    cursor: pointer;

    &:after {
        content: "\f278";
        font-family: "material-design-iconic-font";
        position: absolute;
        right: 0;
        top: 5px;
        color: #000000;
        transition: all 0.3s ease-in-out;
        font-size: 18px;
    }
}

.right #search-filter-form-15002 ul li ul {
    display: none;
}

.mobile-menu {
    width: 50%;
    float: left;

    text-align: right;
    display: none;
}

@media screen and (max-width: 768px) {
    .site-branding {
        width: 100% !important;
        max-width: 100% !important;
    }

    .header-wrap {
        background-color: rgba(255, 255, 255, 0.9) !important;
    }

    .right #search-filter-form-15002>ul LI {
        background-color: transparent !important;
    }

    #masthead.header-6 {
        background-color: transparent !important;
    }

    #banner-image {
        padding-top: 80px !important;
    }

    .heading-album {
        font-size: 24px !important;
    }

    .site-branding .site-title {
        width: 90% !important;
        display: flex !important;
        align-content: center;
        justify-content: center;
    }

    .right {
        display: none;
    }

    .mobile-menu {
        display: block !important;
        width: 10% !important;
    }

    .mobile-menu i {
        cursor: pointer;
        font-size: 22px;
    }

    header.dark-text .right #search-filter-form-15002>ul {
        top: 50px !important;
    }

    header.dark-text .right button {
        top: 30px !important;
    }

    header.dark-text .right {
        height: 80vh !important;
        background: #fffe;
        margin-top: -30px;
        width: 100vw;
        margin-left: -25px;
    }

    #search-filter-form-15002 ul li ul li label {
        cursor: pointer;
        height: 25px;
    }

    #search-filter-form-15002 ul li {
        line-height: 20px;
    }

    .page-container.without-breadcrumbs.bottom-offset {
        margin-left: 0px !important;
    }

    .right #search-filter-form-15002 ul li h4:after {
        content: "\f278";
        font-family: 'material-design-icon' !important;
        position: absolute;
        right: 0;
        top: 5px;
        color: #000000;
        transition: all 0.3s ease-in-out;
        font-size: 18px;
    }

    .container.mobile-menu-icon {
        display: block !important;
    }

    .portfolio-gallery.open .gallery-content {
        width: 100%;
    }
}

.portfolio-gallery .gallery-content {
    padding: 40px 2%;
}

.project-feature {
    list-style: none;
    width: 100%;
    float: left;
    display: -webkit-box;
    margin-top: 50px;
}

div.portfolio-item-wrap {
    cursor: pointer;
}

.portfolio-page {
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 2px solid #eeeeee;
    border-top: 2px solid #eeeeee;
    margin-top: 50px;
}

.project-feature li {
    margin: 5px;
    padding: 0px 10px 0px 10px;
    background-color: #eeeeee;
}

.project-feature li p {
    font-size: 14px;
}

input[type="checkbox"] {
    width: 15%;
    float: left;
    top: 3px;
}

.right .sf-field-reset {
    margin-top: 10px;
    margin-bottom: 10px;
}

.right .sf-field-reset a {
    background: #000000;
    color: #ffffff !important;
    padding: 10px;
    /* margin-top: 10px; border-radius: 5px; */
}

.contact-us-menu {
    padding-left: 20px;
}

.page-container.without-breadcrumbs.bottom-offset {
    /*    // margin-left: 280px; */
    margin-top: 0px;
}

.top-filter.wpb_column.vc_column_container.vc_col-sm-10.vc_col-has-fill form {
    width: 100% !important;
}

.right #search-filter-form-15002 ul li ul {
    display: block;
    overflow-y: scroll;
    scrollbar-width: thin;
    height: 150px;
    display: none;
}

.contact-btn a.btn {
    padding: 8px 20px 8px 20px !important;
}

#masthead.header-6 {
    background: #fff;
}

.portfolio-gallery .slider {
    width: 70%;
}

.portfolio-gallery .gallery-content {
    width: 30%;
}

.portfolio-gallery .slider .owl-nav .owl-prev,
.portfolio-gallery .slider .owl-nav .owl-next {
    background-color: rgb(255 255 255 / 75%);
    margin-right: 0px;
    height: 40px;
    line-height: 45px;
    width: 50px;
    color: #333;
    border-radius: inherit;
}

.portfolio-gallery .slider .owl-nav {
    right: 0px;
}

#masthead .site-title img,
#masthead .site-title a img {
    max-height: 65px;
    margin-top: 0px;
    margin-bottom: 40px;
}

.portfolio-btn {
    margin-bottom: 50px;
}

.portfolio-btn a.btn {
    background: #fff;
    color: #282828;
}

.portfolio-page a {
    color: #fff;
}

.portfolio-gallery.open .portfolio-img.below-img-portf {
    display: block !important;
    background-size: cover;
    background-position: 50%;
    width: 100px;
    min-width: auto;
    height: 100px;
    float: left;
    margin: 5px 5px 5px 5px;
    margin-top: 15px;
    cursor: pointer;
}

.project-feature {
    margin-top: 20px;
}

.portfolio-page img {
    height: auto;
    max-width: 100%;
    width: 60px;
}

.portfolio-gallery.open .gallery-content {
    Overflow: scroll
}

.portfolio-img-gallery {
    height: 400px;
}

div.portfolio-item-wrap {
    padding: 10px !important;
}

span.ion-ios-arrow-thin-left:before {
    background: url(https://danpal.a-2-z.co.il/wp-content/uploads/2023/11/reshot-icon-arrow-chevron-left-975UQXVKZF.png);
    width: 25px;
    height: 23px;
}

span.ion-ios-arrow-thin-right:before {
    background: url(https://danpal.a-2-z.co.il/wp-content/uploads/2023/11/reshot-icon-arrow-chevron-right-WDGHUKQ634.png);
    width: 25px;
    height: 23px;
}

.ion-ios-arrow-thin-left:before {
    content: " " !important;
}

.ion-ios-arrow-thin-right:before {
    content: " " !important;
}

.portfolio-item h4,
.portfolio-item h4.title {
    margin-top: 0px;
}

.portfolio-item.grid-2 .description {
    padding: 10px;
}

.portfolio-gallery .slider .owl-dots {
    display: none;
}

.portfolio-item h4,
.portfolio-item h4.title {
    margin-top: 0px;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
}

.portfolio-gallery .gallery-close {
    top: 10px;
    margin-right: 25px;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1900px) {
    #masthead.header-6 .site-branding {
        top: 0px;
    }

    .right #search-filter-form-15002>ul {
        top: 180px;
    }
}

.product-page-link,
.product-page-link a {
    width: 100%;
    float: left;
}

.product-page-link a {
    margin: 0px 10px 10px 0px;
}

.right button {
    top: 00px;
    /* position: absolute; */
    margin-left: 20px;
    padding: 8px 8px 8px 8px;
    border-radius: 0px;
}

#masthead.header-6 .site-branding {
    border-bottom: none;
    /* padding:40px; */
}

.norebro-button-sc.btn-wrap.text-right .btn {
    padding-bottom: 0px;
}

.portfolio-gallery .slider div.portfolio-img,
.portfolio-gallery .slider .owl-item div {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    text-align: center;
}

/* .portfolio-item-wrap.masonry-block.grid-item.vc_col-lg-3.vc_col-md-4.vc_col-sm-6.vc_col-xs-12.norebro-project-item:first-child {
    pointer-events: none;
    cursor: not-allowed;
} */
.right input[type=submit] {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.portfolio-img cite {
    width: 100%;
    position: absolute;
    bottom: 5px;
    padding: 0px 5px;
    font-size: 14px;
    font-style: normal;
 /*   background: rgba(255, 255, 255, 0.5); */
    display: block;
    text-align: left;
}

.portfolio-img img {
    text-align: center;
    max-width: 100%;
    max-height: calc(100% - 14px);
}

/* (1440x900) WXGA+ Display */
@media screen and (min-width: 1440px) and (max-width: 1920px) {
    .right button {
        top: 20px;
    }

    .heading-album {
        font-size: clamp(1rem, 2.3vw, 4rem);
        /* Min: 1rem, Preferred: 2.5vw, Max: 3rem */

    }

    .right #search-filter-form-15002>ul {
        top: 50px;
    }

    .page-container.full {
        max-width: none;
        padding: 0 5% 0 5%;
    }

    #masthead.header-6 .site-branding {
        padding-top: 20px;
    }
}

#masthead.header-6 {
    display: flex;
    flex-direction: column;
}

#masthead.header-6 .site-branding {
    position: relative;
}

@media screen and (max-width: 768px) {

    .portfolio-gallery .slider,
    .portfolio-gallery .gallery-content {
        width: 100% !important;
        height: 400px;
        position: relative;
        margin-top: 40px;
    }

    .portfolio-img cite {
        width: 100%;
        bottom: -5px;
        padding: 0px;
        font-size: 16px;
    }
}

.portfolio-img-container.has-photograper {
    height: calc(100% - 24px)!important;
}