/* Theme Name: Neve Custom rules */

/* DEFINE variables
 *    1. border-radius-big = 6
 *    2. border-radius-small = 3
 */

 :root {
    --border-radius-big: 10px;
    --border-radius-small: 5px;

    --color-primary: #86ac3c;
    --color-secondary: #4c4d4d;
    --color-tertiary: #f6f4ef;
}

h1 {
    font-size: 3em;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 0.5em;
}

h2 {
    font-size: 2em;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1em;
}


p, li {    
    hyphens: auto;
    word-break: break-word;
    word-wrap: break-word;
}

.border-radius-big {
    border-radius: var(--border-radius-big) !important;
}

/*
body.home {   
    background: linear-gradient(180deg, #f6f4ef 0%, #ffffff 100%);
    background-size: cover;
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
}*/

#wp-block-themeisle-blocks-advanced-columns-30e8a6e3 .wp-block-themeisle-blocks-advanced-columns-overlay {
    border-top: 25px solid white !important;
    border-bottom: 25px solid white !important;
    /*
    box-shadow: 0px 0px 42px rgba(146, 144, 139, 0.7);
    */
}


.wp-block-navigation__responsive-container-close {
    margin:25px;
}

.max-width-header {
    max-width: 900px;
    margin: 0 auto;
}

.wp-block-social-links span.wpel-icon {
    display: none !important;
}

.wp-block-social-links li {
    filter: grayscale(100%);
    transition: filter 0.3s;
}

.wp-block-social-links li:hover {
    filter: grayscale(0%);
}

.wp-block-social-links {
    filter: grayscale(100%);
    transition: filter 0.3s;
}

.wp-block-social-links:hover {
    filter: grayscale(0%);
    /* shadow inset 20px blur rgb(246, 244, 239) */
    box-shadow: inset 20px 20px 20px rgb(246, 244, 239);
}

.wp-block-essential-blocks-infobox .eb-infobox-wrapper,
.wp-block-image img {
    border-radius: var(--border-radius-big);
    scale: 1;
    transition: scale 0.3s;
}

.sptp-jop-title {
    text-align: center !important;
}

.wp-block-essential-blocks-infobox {
    background-color: #f6f3ee;
    border-radius: var(--border-radius-big);
    transition: all 0.3s;
}

.sptp-member:hover,
.wp-block-essential-blocks-infobox:hover,
.wp-block-image img:hover {
    scale: 1.03;
    transition: all 0.3s;
    box-shadow: 0 0 30px rgba(0, 5, 2, 0.3);
}

textarea.wpcf7-form-control:read-write,
input.wpcf7-form-control:read-write {
    border: none;
}

.swiper-container {
    padding: 0px;
}

.swiper-container::after {
    display: block;
    position: absolute;
    z-index: 999;
    width: 100%;
    height: 100%;
    padding: 50px;
    box-shadow: inset 20px 20px 20px rgb(246, 244, 239);
    box-shadow: inset 0px 0px 25px pink;
    background: red;
}

.swiper-slide img,
.sptp-member-avatar-img,
.wp-block-button,
.wpcf7-submit,
.wp-block-essential-blocks-infobox .eb-infobox-wrapper,
.wp-block-image img {
    border-radius: var(--border-radius-big);
    scale: 1;
    transition: scale 0.3s;
}

.sptp-member-avatar-img,
.sp-lc-logo {
    scale: 1;
    transition: scale 0.3s, filter 1.3s;
    filter: grayscale(20%);
}

.sp-lc-logo:hover,
.swiper-slide img:hover,
.wp-block-button:hover,
.wpcf7-submit:hover,
.wp-block-image img:hover {
    scale: 1.05;
    /* no more grayscale */
    filter: none;
    transition: scale 0.3s, filter 1.6s, box-shadow 0.3s;
}

.sptp-member-avatar-img:hover {
    /* no more grayscale */
    filter: none;
    transition: filter 1.3s;
}

.eb-flipbox-container,
a.wp-block-navigation-item__content,
.tabTitles,
.eb-tabs-nav,
.wp-block-essential-blocks-advanced-tabs,
.eb-advanced-tabs-wrapper.horizontal {
    border-radius: var(--border-radius-big) !important;
}

.wp-block-themeisle-blocks-advanced-columns.alignfull.has-1-column,
.wp-site-blocks section.wp-block-themeisle-blocks-advanced-columns.alignfull .wp-block-themeisle-blocks-advanced-columns-overlay,
.nk-awb-wrap.nk-awb-rendered {
    border-radius: var(--border-radius-big) !important;
    margin-bottom: 40px;
    box-shadow: 0px 0px 32px rgba(146, 144, 139, 0.2);
}

.wp-site-blocks section.wp-block-themeisle-blocks-advanced-columns.alignfull {

    border-radius: var(--border-radius-big) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-shadow: 0px 0px 32px rgba(146, 144, 139, 0.2);
}

input[type="submit"],
.wp-element-button {
    transition: box-shadow 0.3s, background-color 0.3s, filter 1.6s;
}

input[type="submit"]:hover,
.wp-element-button:hover {
    cursor: pointer;
    transition: box-shadow 0.1s, background-color 0.3s, filter 0.3s;
}

.sptp-member .wp-element-button {
    border-radius: var(--border-radius-small);
    margin-bottom: 10px;
    padding: 8px 15px;
    color: #4c4d4d !important;
    background-color: transparent !important;
    /* soft inset shadow 10px grey */
    box-shadow: 0px 0px 20px rgba(216, 214, 229, 0.4) !important;
    transition: box-shadow 0.3s, background-color 0.3s, filter 0.3s;
    /* blur: 3px */
}

.sptp-member .wp-element-button:hover {
    color: white !important;
    box-shadow: none !important;
    background-color: #89af24 !important;
    filter: none;
    transition: box-shadow 0.1s, background-color 0.3s, filter 0.3s;
    filter: none;
}

header.wp-block-template-part {
    padding: 0 0 0 20px;
}

.wp-block-social-links:hover {
    background: transparent !important;
    box-shadow: none;
}

/* suboptimal */
.wp-block-heading {
    margin-top: 1em;
}

.wp-block-group.alignfull.has-ti-fg-alt-color.has-text-color.has-background.is-layout-constrained {
    /*
    min-height: 90vh;
    */
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bg-wire {
    background-image: url(/assets/images/bg_wire_green.jpg) !important;
    background-size: cover;
    /* background fixed on top=0 */
    background-attachment: fixed;
    background-position: top;
    background-repeat: no-repeat;
}

.wp-block-cover .has-background-dim:not([class*=-background-color]) {
    background-color: transparent !important;
}

body.home .wp-block-group.alignfull.is-layout-constrained.wp-container-core-group-is-layout-8.wp-block-group-is-layout-constrained {
    display: none;
}

.eb-flipbox-button-link.btn-gradient.orange {
    background: #86ac3c;
    border: none;
    box-shadow: none;
    padding: 8px 15px;
    scale: 1;
    transition: scale 0.3s;
}

.eb-flipbox-button-link.btn-gradient.orange:hover {
    scale: 1.05;
    transition: scale 0.3s;
}

.eb-flipbox-button-link.btn-gradient.orange * {
    text-shadow: none;
}

.nav-dense {
    line-height: 100% !important;
}

.wp-block-navigation-item__content {
}
.wp-block-navigation-item__content:hover {
}
.wp-block-navigation-item.wp-block-navigation-link a {
    padding: 0.8em 1.2em !important; 
    margin:0 !important;
    border-radius: var(--border-radius-small) !important;
    transition: background-color 0.8s, color 0.6s;
}
.wp-block-navigation-item.wp-block-navigation-link a:hover {
    /* text-decoration: underline; */
    color:white !important;
    background-color: #86ac3c !important;
    transition: background-color 0.1s, color 0.05s;
}

.has-ti-bg-background-color.has-background.is-content-justification-right.is-nowrap {
    box-shadow: 0px 0px 32px rgba(146, 144, 139, 0.15);
    border-radius: var(--border-radius-big);
}


@media (max-width: 900px) {
    .wp-block-navigation-item__label {
        font-size: 70%;
    }
}

.no-link,
.no-hover {
    pointer-events: none;
    cursor: default;
}

/*
.wp-block-themeisle-blocks-advanced-columns.alignfull.has-2-columns.has-desktop-equal-layout.has-tablet-equal-layout.has-mobile-collapsedRows-layout.has-vertical-top {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    background-origin: padding-box;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    box-sizing: border-box;
    color: rgb(77, 78, 78);
    display: flex;
    font-family: Figtree, sans-serif;
    font-size: 18px;
    font-weight: 400;
    height: 373.667px;
    justify-content: center;
    line-height: 30.6px;
    margin-block-end: 0px;
    margin-block-start: 0px;
    margin-bottom: 0px;
    margin-left: -48px;
    margin-right: -48px;
    margin-top: 0px;
    max-width: none;
    min-height: 0px;
    padding-bottom: 64px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 64px;
    position: relative;
    transition-behavior: normal;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: all;
    transition-timing-function: ease;
    unicode-bidi: isolate;
    
}
*/

body.home .wp-block-essential-blocks-column h1,
.wp-block-themeisle-blocks-advanced-columns h1 {
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(-3deg);
    opacity: 0.82;
    color: white;

}


.wp-block-themeisle-blocks-advanced-columns h1 {
    background-image: url(/assets/brushes/brush_06.png) !important;
    background-size: 90% 99%;
    padding: 20px 90px !important;
    max-width: fit-content;
    margin: 30px auto 30px auto;
}

body.home .wp-block-essential-blocks-column h1 {
    background-image: url(/assets/brushes/brush_06.png);
    padding: 20px 40px !important;
}

body.home .wp-block-essential-blocks-column h1:nth-child(1) {
    background-size: 50% 99%;
    margin-bottom: 0 !important;
}

body.home .wp-block-essential-blocks-column h1:nth-child(2) {
    background-image: url(/assets/brushes/brush_08.png);
    background-size: 85% 99%;
    margin-top: -2% !important;
    margin-bottom: 40px !important;
}

body.home .wp-block-nk-awb.nk-awb .nk-awb-wrap-content .wp-block-essential-blocks-column .eb-column-inner p.has-text-align-center.max-width-header.has-medium-font-size {
    max-width: 500px;
    margin-bottom: 40px;
}

::selection {
    background: #86ac3c;
    color: white;
}
