/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Filip Markovic
 Author URI:   https://banovi.ch
 Template:     generatepress
 Version:      0.1
*/

/* 
Theme Name: generatepress 
Child Description: Child-Theme generatepress 
Author: Banovi AG 
Author URI: https://banovi.ch 
Template: generatepress 
Version: 1.0 
Text Domain: generatepress-child 
*/

body {
    background-color: #fff;
    margin-top: 68px;
}

.site-header {
    text-align: center;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 9999;
	border-bottom: 1px solid;
}

div#content {
    min-height: calc(100vh - 111px);
}

.inside-site-info {
    padding: 10px 40px;
}

.site-footer .site-info {
    border-top: 1px solid;
}

.site-header {
    background-color: #005359;
}

.inside-header {
    padding: 5px 40px;
}

footer.site-info {
    background: #005359;
    color: white;
}

.inside-navigation a {
    background: #005359;
    color: white !important;
}

.member--img {
    box-shadow: 0px 0px 40px 0px rgba(0, 147, 158, 0.075);
    -webkit-box-shadow: 0px 0px 40px 0px rgba(0, 147, 158, 0.075);
    -moz-box-shadow: 0px 0px 40px 0px rgba(0, 147, 158, 0.075);
}

body.page-id-2 {
    overflow-x: hidden;
}

.page-id-2 div#content {
    padding-bottom: 0;
}

p.membership-description,
p.edit-member-description {
    margin-bottom: 5px;
    font-weight: 600;
}

.membership-field,
.edit-member-field,
.wppb-form-field input.text-input {
    width: 100%;
    background-color: transparent !important;
    border: none !important;
    box-shadow: 0px 0px 15px 5px rgba(242, 242, 242, 0.75);
    -webkit-box-shadow: 0px 0px 15px 5px rgba(242, 242, 242, 0.75);
    -moz-box-shadow: 0px 0px 15px 5px rgba(242,242,242,0.75);
    padding: 8px 15px !important;
}

p.wppb-form-field.login-username input,
p.wppb-form-field.login-password input,
p.wppb-form-field.login-remember input {
	background-color: transparent !important;
	border: none !important;
	box-shadow: 0px 0px 15px 5px rgba(242, 242, 242, 0.75);
	-webkit-box-shadow: 0px 0px 15px 5px rgba(242, 242, 242, 0.75);
	-moz-box-shadow: 0px 0px 15px 5px rgba(242,242,242,0.75);
	padding: 8px 15px !important;
}


.wpcf7-checkbox.membership-field {
    box-shadow: none;
    padding-left: 0 !important;
}

input.membership-submit,
.edit-member-btn,
input#edit_profile,
input#wppb-submit {
    background-color: transparent !important;
    border: 2px solid #00939e;
    color: #00939e;
    padding: 8px 20px;
}

input.membership-submit:hover,
.edit-member-btn:hover,
input#edit_profile:hover,
input#wppb-submit:hover {
    background-color: #00939e !important;
    border: 2px solid #00939e;
    color: #ffffff;
}

.membership-field span.wpcf7-list-item.first {
    margin-left: 0 !important;
}

.codedropz-upload-handler {
    height: 271px;
}

.codedropz-upload-container {
    padding: 95px 20px;
}

.member-img {
    max-width: 200px;
    height: auto;
    box-shadow: 0px 0px 40px 10px rgba(242, 242, 242, 1);
    -webkit-box-shadow: 0px 0px 40px 10px rgba(242, 242, 242, 1);
    -moz-box-shadow: 0px 0px 40px 10px rgba(242, 242, 242, 1);
    margin-bottom: 45px;
}

.member-information p,
.member-kompetenzen p {
    margin-bottom: 0;
}

.member-kompetenzen {
	margin-bottom: 45px;
}

.member-inside-container {
    position: relative;
    transition: transform 0.3s ease-in-out;
}

.member-inside-hover {
    background: rgb(1 84 90 / 50%);
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    padding: 5px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.member-inside--title,
.member-inside--category {
    color: white;
    font-weight: 600;
    font-size: 14px;
	text-align: left;
}

.member-inside--title {
    position: absolute;
    bottom: 5px;
}

a.member--url:hover .member-inside-hover {
    opacity: 1;
}

.member--url:hover .member-inside-container {
    transform: scale(1.15);
    z-index: 10;
}

div#member-loading {
    width: 100%;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

.member-wrap { position: relative; }

#member-loading {
    position: absolute;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.6);
    z-index: 10;
}
#member-loading.active { display: flex; }

#member-loading img {
    width: 64px;
    height: auto;
}

.member-filters {
    width: 100%;
    margin-bottom: 50px;
    text-align: center;
}

button.filter-btn {
    background-color: white;
    color: #00939e;
    border: 2px solid #00939e;
    padding: 5px 15px;
    margin-right: 10px;
    margin-bottom: 10px;
    opacity: 0.75;
}

button.filter-btn:hover {
    background-color: #00939e;
    color: #ffffff;
    opacity: 1;
}

button.filter-btn.active {
    background-color: #00939e;
    color: #ffffff;
}

a.generate-back-to-top {
	background-color: rgba(0, 147, 158, 0.4);
	color: #ffffff;
	border-radius: 0;
}

a.generate-back-to-top:hover, a.generate-back-to-top:focus {
    background-color: rgba(0, 147, 158, 0.6);
    color: #ffffff;
}

p.back-btn {
    width: fit-content;
    cursor: pointer;
}

h1.entry-title {
    font-size: 40px;
    color: #00939e;
    text-transform: uppercase;
}

#menu-menu-1 img {
    height: 20px;
}

img.icon-svg {
    width: 40px;
    margin-bottom: 15px;
}

.codedropz-upload-handler {
    background-color: transparent !important;
    border: none !important;
    box-shadow: 0px 0px 15px 5px rgba(242, 242, 242, 0.75);
    -webkit-box-shadow: 0px 0px 15px 5px rgba(242, 242, 242, 0.75);
    -moz-box-shadow: 0px 0px 15px 5px rgba(242,242,242,0.75);
}

div#member-grid {
    text-align: center;
}

.edit-member-field {
	margin-bottom: 25px;
}

select.edit-member-field {
    min-height: 300px;
}

.member-updated {
    margin-bottom: 35px;
    border: 2px solid #22bb33;
    padding: 5px 10px;
    box-shadow: 0px 0px 10px 0px #22bb3329;
}

p.edit-member-info {
    font-size: 12px;
    font-style: italic;
}

.edit-member-checkboxes {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
	margin-bottom: 25px;
}

.edit-member-checkboxes label span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 6px 12px;
	border: 2px solid #00939e;
	cursor: pointer;
	font-size: 14px;
	transition: all 0.2s ease-in-out;
	background-color: #fff;
	color: #00939e;
	user-select: none;
}

.edit-member-checkboxes input[type="checkbox"] {
    display: none;
}

.edit-member-checkboxes input[type="checkbox"]:checked + span {
    background-color: #00939e !important;
    color: #fff;
    border-color: #00939e;
}

.edit-member-checkboxes label span:hover {
    background-color: #00939e1f;
}

#wp-post_content-wrap {
	margin-bottom: 25px;
}

#wppb-login-wrap p, #select_user_to_edit_form p {
	padding: 15px 0px !important;
}

.skeleton-box {
        width: 100%;
        padding-top: 100%; /* square */
        background: #e0e0e0;
        position: relative;
        overflow: hidden;
    }

    .skeleton-line {
        height: 12px;
        background: #f2f2f2;
        margin: 6px 0;
        border-radius: 4px;
        overflow: hidden;
    }

    .skeleton-line.short {
        width: 60%;
    }

    /* shimmer effect */
    .skeleton-box::before,
    .skeleton-line::before {
        content: "";
        position: absolute;
        top: 0;
        left: -100%;
        height: 100%;
        width: 100%;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,.4), transparent);
        animation: shimmer 1.5s infinite;
    }

    @keyframes shimmer {
        100% { left: 100%; }
    }


.member:nth-child(2),
.member:nth-child(4),
.member:nth-child(7),
.member:nth-child(9),
.member:nth-child(12),
.member:nth-child(14) {
    margin-bottom: 0px !important;
    margin-top: 35px;
}

.member:nth-child(1),
.member:nth-child(3),
.member:nth-child(5),
.member:nth-child(6),
.member:nth-child(8),
.member:nth-child(10),
.member:nth-child(11),
.member:nth-child(13),
.member:nth-child(15) {
    margin-bottom: 35px;
}

@media screen and (max-width: 991px) and (min-width: 767px) {
    .member:nth-child(1),
    .member:nth-child(3),
    .member:nth-child(5),
    .member:nth-child(7),
    .member:nth-child(9),
    .member:nth-child(11),
    .member:nth-child(13),
    .member:nth-child(15) {
        margin-bottom: 35px !important;
        margin-top: 0px;
    }

    .member:nth-child(2),
    .member:nth-child(4),
    .member:nth-child(6),
    .member:nth-child(8),
    .member:nth-child(10),
    .member:nth-child(12),
    .member:nth-child(14) {
        margin-bottom: 0px !important;
        margin-top: 35px !important;
    }
}

@media screen and (max-width: 767px) and (min-width: 576px) {
    .member:nth-child(1),
    .member:nth-child(3),
    .member:nth-child(4),
    .member:nth-child(6),
    .member:nth-child(7),
    .member:nth-child(9),
    .member:nth-child(10),
    .member:nth-child(12),
    .member:nth-child(13),
    .member:nth-child(15) {
        margin-bottom: 35px !important;
        margin-top: 0px;
    }

    .member:nth-child(2),
    .member:nth-child(5),
    .member:nth-child(8),
    .member:nth-child(11),
    .member:nth-child(14) {
        margin-bottom: 0px !important;
        margin-top: 35px !important;
    }
}

@media screen and (max-width: 576px) {
    .member:nth-child(even) {
        margin-bottom: 0px !important;
        margin-top: 35px !important;
    }

    .member:nth-child(odd) {
        margin-bottom: 35px !important;
        margin-top: 0px;
    }
}

@media (min-width: 992px) {
    .custom-col-lg-5 {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

/* Remove default bullets */
.wp-block-list {
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

/* Default list item marker */
.wp-block-list li {
    position: relative;
    padding-left: 20px;
    font-size: 14px;
}

li.no-icon {
    padding-left: 0;
}

/* Gradient bullet */
.wp-block-list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.4em; /* adjust vertically */
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: linear-gradient(45deg, rgba(0,147,159,1) 0%, rgba(1,84,90,1) 50%, rgba(211,77,113,1) 100%);
}

/* No icon */
.wp-block-list li.no-icon::before {
	display: none;
	content: none;
}

/* Grey icon */
.wp-block-list li.grey-icon::before {
	background: grey;
	box-shadow: none;
}