/*
Theme Name: Pannos Wordpress Base Theme
Author: Max Hann, Pannos Marketing
Description: A Wordpress conversion of the Pannos CMS base.
Version: 0.4.4
Text Domain: pm-port-base-theme
*/

/* Normalize Fixes */

h1 p, h2 p, h3 p, h4 p, h5 p, h6 p {
    display: inline;
    margin: unset;
    padding: unset;
    font-style: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

a.post-edit-link {
    position: relative;
    top: -2em;
    overflow: visible;
    height: 0;
    display: inherit;
    z-index: 99;
    font-weight: bold;
}

/* Feature-to-splide tweaks */

.splide__track--fade>.splide__list>.splide__slide:not(.is-active) {
    position: absolute;
}

.pannosFeature-controls {
    display: flex;
    align-items: self-start;
}

.pannosFeature-controls button.splide__toggle {
    display: inline-flex;
}

.splide__pagination.pannosFeature-dots {
    justify-content: left;
    gap: 15px;
    padding-left: 15px;
}

@media screen and (max-width: 950px){
    .pannosFeature-controls {
        justify-content: center;
    }
    .splide__pagination.pannosFeature-dots {
        padding-left: 0;
    }
    .pannosFeature-arrow-next:after, .pannosFeature-arrow-next:before {
        left: 15px;
    }
}

/* Small adjustments for CF7 */

form.wpcf7-form.sent[data-status=sent] .use-floating-validation-tip {
    display: none; /* hide form after submission */
}

.hide-cf7-checkbox-labels span.wpcf7-list-item-label {
    display: none; /* hides labels if specified by class */
}

.use-floating-validation-tip span.wpcf7-form-control-wrap {
    position: relative; /* enables following styles for validation pop */
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
    display: flex;
    width: auto;
    white-space: nowrap;
    border-radius: 4px;
    border-color: #808080;
    box-shadow: 2px 4px 4px #00000030;
    color: black;
    font-size: 13px;
    position: absolute;
    top: calc(100% + 5px);
    padding: 6px 10px;
    line-height: 25px;
    align-items: center;
    background: white;
}

.use-floating-validation-tip .wpcf7-not-valid-tip:before {
    content: '!';
    background: #ffa300;
    width: 16px;
    height: 14px;
    display: inline-block;
    text-align: center;
    margin-right: 5px;
    color: white;
    font-weight: bold;
    font-size: 17px;
    line-height: 13px;
    padding: 3px 2px;
    border-radius: 3px;
}

.use-floating-validation-tip .wpcf7-not-valid-tip:after {
    content: '';
    width: 0px;
    height: 0px;
    position: absolute;
    top: -7px;
    left: 13px;
    border-top: 1px solid #808080;
    border-left: 1px solid #808080;
    background: white;
    width: 11px;
    height: 11px;
    transform: rotate(45deg);
}


.no-margin-p p, form.wpcf7-form label p {
    margin: 0;
}

span.wpcf7-form-control.wpcf7-checkbox.checkbox:not(.inline) {
    display: block;
}

.wpcf7-list-item label {
    display: flex; /* fixes alignment for checkboxes */
    align-items: flex-start;
    gap: 6px;
}

form .wpcf7-list-item .checkbox.inline {
    margin-right: 3px;
}

.wpcf7 form.sent .wpcf7-response-output:empty {
    display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: transparent;
}

.full-width select {
    width: 100%;
}

/* Class to make images full-width */

.img-full {
    width: 100%;
    height: auto;
}