/*
Theme Name: Greenshift Child
Theme URI: https://schwarzpunkt.ch
Author: schwarzpunkt
Author URI: https://schwarzpunkt.ch
Description: 
Requires at least: 6.0
Tested up to: 6.3.1
Requires PHP: 5.7
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: greenshift
Text Domain: greenshiftchild
Tags: 
*/
/*
    #262626 Navigation Texte Hovers (dunkelgrau)
    #e5e3df Hintergrund Texte auf Grün Buttons (hellgrau)
    #255941 Hintergrund Texte Buttons (grün)
    #bfc7bf
    #5f8270 formular input fields
    #abb9af inactive button cookie banner
*/


.social-media-icons a:hover img {
    filter: invert(12%) sepia(1%) saturate(0%) hue-rotate(326deg) brightness(26%) contrast(93%);
}

footer.wp-block-template-part  a:hover,
footer.wp-block-template-part  a:focus,
footer.wp-block-template-part  a:active {
    color: #255941 !important;
    background-color: #e5e3df;
}


@media(max-width:575px) {
    .gs-mobile-hide {
        display:none !important
    }
}
@media(max-width:1023px) and (min-width:576px) {
    .gs-tablet-hide{
        display:none !important
    }
}

/*
Panda Post Slider and Grid
*/
@media(max-width: 1023px){
    .panda-post-slider .gspbgrid_item .wp-block-group,
    .panda-post-grid .gspbgrid_item .wp-block-group {
        flex-basis: auto;
        align-items: flex-start;
    }
    .panda-post-slider .gspbgrid_item .wp-block-group *,
    .panda-post-grid .gspbgrid_item .wp-block-group * {
        text-align: left !important;
    }
    .panda-post-slider .gspbgrid_item .wp-block-group:last-child,
    .panda-post-grid .gspbgrid_item .wp-block-group:last-child {
        padding-right: 50%;
    }
    /* problem solver after filter chose */
    .panda-post-grid .gspbgrid_item .wp-block-group {
        flex-basis: auto;
    }
    .panda-post-grid .wp-block-post-template {
        row-gap: 90px !important;
    }
}

@media(min-width: 1024px){
    .panda-post-slider .gspbgrid_item:nth-child(odd),
    .panda-post-grid .gspbgrid_item:nth-child(odd) {}
    .panda-post-slider .gspbgrid_item:nth-child(even),
    .panda-post-grid .gspbgrid_item:nth-child(even) {flex-direction: row-reverse !important}
    .panda-post-slider .gspbgrid_item:nth-child(even) .wp-block-group,
    .panda-post-grid .gspbgrid_item:nth-child(even) .wp-block-group {align-items: flex-start}
    .panda-post-slider .gspbgrid_item:nth-child(even) .wp-block-group *,
    .panda-post-grid .gspbgrid_item:nth-child(even) .wp-block-group * {text-align: left !important}
    .panda-post-grid .gspbgrid_item .wp-block-group:last-child {min-width: calc(50% - 15px)}
    
    /* problem solver after filter chose */
    .panda-post-grid .gspbgrid_item .wp-block-group {
        align-items: flex-end;
        gap: 10px;
        flex-direction: column;
    }
}

/*
    Panda Post Grid Filter
*/
.panda-post-grid .gspb_filter_panel {
    justify-content: center;
    margin-bottom: 60px;
}

@media(max-width:767px) {
    .panda-post-grid .gspb_filter_panel {
        display: flex; 
    }
    .panda-post-grid .gspb_filter_panel .gspb_filter_ul {
        clear: both;
    }
    .panda-post-grid .gspb_filter_panel .gspb_filter_ul .inlinestyle {
        display: inline-block;
    }
    .panda-post-grid .gspb_filter_panel .gspb_filter_ul .inlinestyle span {
        display: inline;
    }
    .panda-post-grid .gspb_filter_panel .gspb_filter_ul .inlinestyle span:after {
        display: none;
    }
    .panda-post-grid .gspb_filter_panel .gspb_filter_ul .inlinestyle:first-child .gspb_filtersort_btn {
        margin-left: 0 !important;
    }
    .panda-post-grid .gspb_filter_panel .gspb_filter_heading,
    .panda-post-grid .gspb_filter_panel .gspb_filter_ul .inlinestyle .gspb_filtersort_btn {
        font-size: 1rem !important;
    }
}


.gs-accordion .gs-accordion-item__title {
    justify-content: flex-start;
}

.gs-accordion.accordion-right .gs-accordion-item__title {
    flex-direction: row-reverse;
}

.gs-accordion .gs-accordion-item__title .gs-accordion-item__heading {
    flex-grow: 0;
}

.gs-accordion .gs-accordion-item__title .iconfortoggle {
    top: 7px;
    left: 0 !important;
}

.gs-accordion.accordion-right .gs-accordion-item__content * {
    text-align: right;
}

.panda-post-grid .gspb_filter_panel .gspb_filter_heading,
.panda-post-grid .gspb_filter_panel .gspb_filter_ul .inlinestyle .gspb_filtersort_btn {
    font-weight: 500;
    font-size: 1.125rem;
    text-transform: uppercase;
    letter-spacing: 0.075rem;
    color: #255941;
}
.panda-post-grid .gspb_filter_panel .gspb_filter_ul .inlinestyle .gspb_filtersort_btn {
    padding: 4px 4px;
    margin-left: 10px;
}

.panda-post-grid .gspb_filter_panel .gspb_filter_ul .inlinestyle .gspb_filtersort_btn.active {
    background-color: #bfc7bf;
}

/*
WP Forms
*/
.wpforms-container .wpforms-field {
    padding: 0 !important;
}

.wpforms-container .wpforms-field-label {
    font-weight: 500 !important;
    font-size: 1rem;
}

/* Pflichtkennzeichnung entfernen für 634 Newsletter und  1736 Kontaktformular*/ 
#wpforms-634.wpforms-container .wpforms-field-label .wpforms-required-label,
#wpforms-1736.wpforms-container .wpforms-field-label .wpforms-required-label {
    display: none;
}

.wpforms-container .wp-block-search__input, .wpforms-container input, .wpforms-container select, .wpforms-container textarea {
    padding: 3px 6px !important;
    background-color: #5f8270 !important;
    border: none !important;
    color: white !important;
    border-radius: 0;
}

.wpforms-container .wp-block-search__input:focus, .wpforms-container input:focus, .wpforms-container select:focus, .wpforms-container textarea:focus {
    outline: none !important;
    background-color: #255941 !important;
}

.wpforms-container#wpforms-634 .wp-block-search__input:focus, .wpforms-container#wpforms-634 input:focus, .wpforms-container#wpforms-634 select:focus, .wpforms-container#wpforms-634 textarea:focus {
    background-color: rgb(80,120,102) !important;
}

@media(max-width: 1023px) {
    .wpforms-container .wp-block-search__input, .wpforms-container input,.wpforms-container  select, .wpforms-container textarea {
        margin-bottom: 1em !important;
    }
}
.wpforms-container .wp-block-search__input, .wpforms-container input, .wpforms-container select, .wpforms-container textarea {
    margin-bottom: 1em !important;
}

.wpforms-container  .wpforms-submit:hover,
.wpforms-container  .wpforms-submit:active,
.wpforms-container  .wpforms-submit:focus {
    background-color: white !important;
    color: #255941 !important;
}

body .wp-element-button {
    border: none;
}

body .wp-element-button.invert-button {
    background-color: #E5E3DF;
    color: #255941;
}

body .wp-element-button.invert-button:hover,
body .wp-element-button.invert-button:focus,
body .wp-element-button.invert-button:active {
    background-color: white !important;
}

body .wpforms-container label.wpforms-error,
body .wpforms-container em.wpforms-error {
    color: white !important;
}

/*
    To-top-Button
*/
#greenshifttotop {
    background-color: #255941 !important;
}

/*
    Shariff Share Plugin
*/
.shariff .theme-round .shariff-button,
.shariff .theme-round .shariff-link {
    background-color: transparent !important;
}
.shariff .theme-round .shariff-link .shariff-icon svg path {
    fill: #255941;
}
.shariff .theme-round .shariff-link:hover .shariff-icon svg path,
.shariff .theme-round .shariff-link:focus .shariff-icon svg path,
.shariff .theme-round .shariff-link:active .shariff-icon svg path {
    fill: #262626;
}

/*
    Cookie Notice
*/
/* Container */
.cmplz-cookiebanner {
    padding: 15px 25px !important;
    grid-gap: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
}

/* Close icon */
.cmplz-cookiebanner .cmplz-close {
    display: none;
}

/* Message */
.cmplz-cookiebanner .cmplz-message {
    margin: 0 !important;
    font-size: 0.875rem !important;
    font-family: Mark, sans-serif !important;
    font-weight: 400 !important;
    line-height: 18px !important;
    color: #fff !important;
    text-align: center !important;
    display: block !important;
}

/* Buttons-Container */
.cmplz-cookiebanner .cmplz-buttons {
    margin: 15px 0 0 0 !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: center !important;
}
/* All buttons */
.cmplz-buttons .cmplz-btn {
    font-size: 0.75rem !important;
    font-family: Mark, sans-serif !important;
    font-weight: 500 !important;
    margin: 0 !important;
    padding: 5px 5px !important;
    border-radius: 0 !important;
    text-transform: uppercase !important;
}

 /* Document hyperlinks */
.cmplz-links .cmplz-documents{}

 /* Categories */
.cmplz-cookiebanner .cmplz-category{
    background: transparent !important;
    border: 1px solid rgba(255,255,255,.3) !important;
}
.cmplz-cookiebanner .cmplz-category .cmplz-always-active {
    color: rgba(255,255,255,.3) !important;
}
.cmplz-cookiebanner .cmplz-category .cmplz-icon {
    display: none !important;
}
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-category-header {
    grid-template-columns: 1fr auto 0px !important;
}

/* Manage consent tab */
#cmplz-manage-consent .cmplz-manage-consent{} 

/* Soft cookie wall */
.cmplz-soft-cookiewall{}

/* Placeholder button - Per category */
.cmplz-blocked-content-container .cmplz-blocked-content-notice{}

/* Placeholder button & message - Per service */
.cmplz-blocked-content-container .cmplz-blocked-content-notice,
.cmplz-blocked-content-notice{}
button.cmplz-accept-service{}

@media(min-width: 768px){
    .cmplz-cookiebanner .cmplz-message {
        width: 100% !important
    }
}
@media(min-width: 1024px){
    .cmplz-cookiebanner.cmplz-show {
        display: flex;
        flex-direction: row !important;
        padding: 1px 1px 1px 25px !important;
    }
    .cmplz-cookiebanner .cmplz-message {
        width: auto !important;
        text-align: left;
        line-height: 34px !important;
        padding-right: 25px !important;
    }
    .cmplz-cookiebanner .cmplz-buttons {
        margin-top: 0 !important;
        grid-gap: 1px !important;
    }
    .cmplz-buttons .cmplz-btn {
        font-size: 0.875rem !important;
        padding: 0 !important;
        height: 35px !important;
        width: 138px !important;
    }
    .cmplz-header, .cmplz-divider, .cmplz-links {
        display: none !important;
    }
}