/* Editor styles */
.components-popover {
    z-index: 9999 !important;
}
.editor-styles-wrapper {
    padding: 0 50px !important;
}
.is-layout-flow, 
.is-layout-flow > * {
    margin-block-start: 0 !important;
}
.wp-block-buttons {
    margin: 25px 0 !important;
}
.longcopy .wp-block-group {
    margin: 25px auto !important;
}
header .wp-block-group, 
footer .wp-block-group {
    margin-top: 0;
}

@media only screen and (max-width: 995px) {
    .longcopy .wp-block-group {
        margin: 0 auto !important;
    }
}

/* Global styles */
html {
    scroll-behavior: smooth;
}
h1 {
    font-size: 50px;
}
h2 {
    font-size: 35px;
}
h3 {
    font-size: 30px;
}
h4 {
    font-size: 25px;
}
h5 {
    font-size: 20px;
}

@media only screen and (max-width: 995px) {
    h1, h2, h3, h4, h5 {
        margin-bottom: 20px !important;
    }
    h1 {
        font-size: 35px;
    }
    h2 {
        font-size: 25px;
    }
    h3 {
        font-size: 20px;
    }
    h4 {
        font-size: 20px;
    }
    h5 {
        font-size: 20px;
    }
    .longcopy__title {
        font-size: 25px;
        line-height: 1.3;
    }
}

.header {
    padding: 20px;
    border-bottom: 1px solid var(--wp--preset--color--primary);
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}
.header__navigation a {
    text-decoration: none;
    padding-right: 0;
    padding-left: 20px;
}
.header__cta a {
    font-weight: normal;
    color: white !important;
    background: var(--wp--preset--color--primary);
    padding: 10px 30px !important;
    border-radius: 100px;
}

.banner .wp-block-cover__inner-container {
    color: white;
}

@media only screen and (max-width: 995px) {
    .banner .wp-block-cover {
        padding: 0;
        display: block;
    }
    .banner .wp-block-cover .wp-block-cover__image-background {
        height: auto;
        position: unset;
    }
    .banner p {
        color: black !important;
    }
}

.footer {
    font-size: 15px;
    padding: 20px;
    margin-top: 20px;
    border-top: 1px solid var(--wp--preset--color--primary);
}
.footer a {
    text-decoration: none;
}
.footer h6 {
    font-size: inherit;
    font-weight: 600;
    border-bottom: 1px solid var(--wp--preset--color--primary);
    padding: 25px 0;
    margin-bottom: 25px;
}
.footer .wp-block-site-logo {
    margin-bottom: 20px;
}
.footer__legal {
    width: 100%;
    padding-top: 30px;
}
.footer__legal a {
    color: #7C7F84;
    text-decoration: none;
}
.orderform {
    margin: 0 auto !important;
}
.orderform .wp-block-cover {
    margin-top: 0;
    border: 2px solid var(--wp--preset--color--primary);
}
.orderform__title {
    margin: 0;
}
.orderform__body {
    padding: 25px;
}
.orderform__body .legal {
    font-size: 16px;
}
.orderform .wp-block-group {
    margin: 0 auto !important;
}

input[type="text"], 
input[type="email"] {
    display: block;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid gray;
    font-size: inherit;
    font-family: inherit;
    box-sizing: border-box;
    margin-bottom: 15px;
}
.orderform__field {
    width: 49%;
    position: relative;
}
.orderform__field input {
    width: 100%;
}
.orderform__field input:focus {
    outline: 2px solid var(--wp--preset--color--primary);
}
.orderform__field.zipcode {
    width: 24%;
}
.orderform__field.city {
    width: 23%;
}
.orderform__field .placeholder {
    color: #757575;
    position: absolute;
    top: 10px;
    left: 10px;
    -webkit-transition: all, .2s;
    transition: all, .2s;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.orderform__field .placeholder--active {
    -webkit-transform: translateY(-50%);
    transform: translateY(-90%);
    font-size: 17px;
    padding: 0 5px;
    background: white;
}

@media only screen and (max-width: 995px) {
    .orderform__field, 
    .orderform__field.zipcode, 
    .orderform__field.city {
        width: 100%;
    }
    
}

.checkbox-label {
    display: block;
    margin-bottom: 20px;
    cursor: pointer;
}
.real-checkbox {
    margin: 0 10px 0 0;
}
button[type="submit"] {
    background: var(--wp--preset--color--primary);
    color: white;
    padding: 15px 30px;
    font-size: inherit;
    font-family: inherit;
    border: 0;
    border-radius: 100px;
    text-transform: uppercase;
    font-weight: normal;
    cursor: pointer;
}

.wp-block-post-title {
    padding: 40px 0;
}
.wp-block-post-content p {
    margin-bottom: 20px;
    line-height: 1.5;
}

/* Longcopy patterns */
.page-template-page-longcopy {
    background: #F3F3F3;
}

@media only screen and (min-width: 995px) {
    .longcopy__header {
        margin-bottom: -120px !important;
    }
}

.longcopy__header, 
.longcopy__header .wp-block-cover__image-background {
    border-radius: 5px !important;
}
.longcopy__label {
    background: var(--wp--preset--color--primary);
    box-sizing: border-box;
    margin: auto;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    font-weight: normal;
}
.longcopy__title {
    box-sizing: border-box;
}
.longcopy__boxed {
    z-index: 999;
    position: relative;
}
.longcopy__boxed .container {
    background: white;
    border-radius: 5px;
    border-top: 5px solid var(--wp--preset--color--primary);
    padding: 50px;
}
.longcopy__unboxed {
    padding: 25px;
}

@media only screen and (max-width: 995px) {
    .longcopy__unboxed, 
    .longcopy__boxed .container {
        padding: 20px;
    }
    .longcopy__usps > .wp-block-cover:first-child {
        margin: 0;
        padding: 10px 15px !important;
    }
    .longcopy__usps__list {
        padding: 20px !important;
    }
    .wp-block-media-text__content {
        padding: 0 !important;
    }
}
.longcopy__usps {
    border: 2px solid black;
    border-radius: 5px;
    padding: 0 !important;
}
.longcopy__usps__list {
    padding: 50px;
    margin: 0 !important;
}
.longcopy__usps__list li::before {
    content: '';
    display: inline-flex;
    min-width: 40px;
    height: 40px;
    background: url(https://emojipedia-us.s3.amazonaws.com/source/skype/289/check-mark-button_2705.png);
    background-size: 40px;
    margin-right: 20px;
}
.longcopy__usps__list li {
    list-style: none;
    display: flex;
    align-items: center;
    margin: 10px 0;
}

/* Cookiebot CSS */
.c-button {
  border-bottom: 2px solid var(--wp--preset--color--primary);
  background: var(--wp--preset--color--primary);
}

/* Responsive visability Gutenberg settings */
@media only screen and (max-width: 600px) {
    .hide-on-mobile {
        display: none !important;
    }
}
@media only screen and (min-width: 600px) {
    .hide-on-desktop {
        display: none !important;
    }
}