/*

Theme Name: Out of the Box
Theme URI:
Author: Spacewise
Author URI: https://spacewise.pl
Description:
Version: 1.0.0
Template: xpro

*/

/*

456cb0
8f66a4

*/

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.8;
}

body.home {
    background: url('img/hero.jpg') #f1f3f5 no-repeat center -180px;
}

.post-wrapper {
    background: #fff;
    padding: 4rem !important;
}

@media (min-width: 768px)
{

    .post-wrapper {
        padding: 12rem !important;
    }

}

.entry-title:before {
    display: none;
}

.entry-featured {
    margin: 4% 0;
}

.gallery {
    margin: 0 0 4%;
}

p {
    margin: 0;
}

p + p {
    margin-top: 2rem;
}

.site,
.x-site {
    background: none;
}

.x-section.pa-lg {
    padding: 4rem !important;
}

.headline {
    text-align: center;
}

h1, .h1 {
    font-size: 300%;
}

h5, .h5 {
    font-size: 120%;
}

@media (min-width: 768px)
{

    .x-section.pa-lg {
        padding: 12rem  !important;
    }

    .headline {
        text-align: right;
    }

    h1, .h1 {
        font-size: 400%;
    }

    h5, .h5 {
        font-size: 150%;
    }

}

.x-btn,
.button,
[type='submit'] {
    font-family: 'Righteous', sans-serif;
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    padding: 0.75em 1.5em;
    border-width: 2px !important;
    border-radius: 4px !important;
    /*
    border-image: linear-gradient(135deg, #456cb0 0%, #8f66a4 100%);
    border-image-slice: 1;
    */
}

.x-btn.x-btn-large {
    font-size: 2rem;
    padding: 1em 2em;
}

.x-blockquote {
    padding: 0;
    border: none;
    font-family: inherit;
    font-size: 3.6rem;
    line-height: 1.2;
    color: #fff;
}

.x-cite {
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 4rem;
    color: inherit;
}

/*
.x-column.separator {
    position: relative;
}

.x-column.separator:after {
    content: '';
    position: absolute;
    top: 0;
    right: -8rem;
    bottom: 0;
    width: 0.6rem;
    background: #8f66a4;
    background-image: linear-gradient(to bottom, #8f66a4 0%, #456cb0 100%);
    border-radius: 0.3rem;
}
*/

.h-custom-headline.tagline {
    font-family: inherit;
    font-size: 5.4rem;
    line-height: 1.2;
    color: #456cb0;
}

.h-custom-headline.subtagline {
    font-family: inherit;
    font-size: 2.4rem;
    line-height: 1.4;
    font-weight: 400;
    color: #868e96;
}

.h-custom-headline.eyebrow {
    font-family: inherit;
    font-weight: 700;
    text-transform: uppercase;
    color: #868e96;
}

.x-img.separator {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
    max-width: 8rem;
}

@media (min-width: 768px)
{

    .h-custom-headline.subtagline {
        font-size: 3.2rem;
    }

    .x-img.separator {
        margin-top: 7.5rem;
        margin-bottom: 7.5rem;
    }

}

.x-img.symbol {
    max-width: 60px;
}

.x-colophon.bottom {
    padding: 2rem 0;
}

.x-colophon.bottom .x-colophon-content {
    margin: 0;
    letter-spacing: normal;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 700;
}

body .gform_wrapper,
body .gform_wrapper form {
    margin: 0 !important;
}

body .gform_wrapper .gform_fields {
    list-style: none;
    margin: 0;
}

body .gform_wrapper .top_label .gfield_label,
body .gform_wrapper .left_label .gfield_label,
body .gform_wrapper .right_label .gfield_label {
    font-weight: 700 !important;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #868e96;
    display: none;
}

body .gform_wrapper .gfield_required {
    display: none;
}

body .gform_wrapper input[type=text],
body .gform_wrapper input[type=url],
body .gform_wrapper input[type=email],
body .gform_wrapper input[type=tel],
body .gform_wrapper input[type=number],
body .gform_wrapper input[type=password],
body .gform_wrapper select,
body .gform_wrapper textarea {
    margin: 0 !important;
    padding: 1rem !important;
    font-size: 2rem !important;
    line-height: 1 !important;
    height: 5rem !important;
    border-color: #ced4da !important;
    border-radius: 0.3rem !important;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #ced4da;
    line-height: 1.2;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #ced4da;
    line-height: 1.2;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #ced4da;
    line-height: 1.2;
}

body .gform_wrapper textarea {
    height: 16rem !important;
}

body .gform_wrapper .gform_footer {
    margin-top: 2rem;
}

body .gform_wrapper .validation_error {
    font-size: 75%;
    margin-bottom: 1rem;
}

.pt-xl,
.pv-xl,
.pa-xl {
    padding-top: 8rem !important;
}

.pb-xl,
.pv-xl,
.pa-xl {
    padding-bottom: 8rem !important;
}

.pl-xl,
.ph-xl,
.pa-xl {
    padding-left: 8rem !important;
}

.pr-xl,
.ph-xl,
.pa-xl {
    padding-right: 8rem !important;
}

@media (min-width: 768px)
{

    .pt-xl,
    .pv-xl,
    .pa-xl {
        padding-top: 16rem !important;
    }

    .pb-xl,
    .pv-xl,
    .pa-xl {
        padding-bottom: 16rem !important;
    }

    .pl-xl,
    .ph-xl,
    .pa-xl {
        padding-left: 16rem !important;
    }

    .pr-xl,
    .ph-xl,
    .pa-lx {
        padding-right: 16rem !important;
    }

}

.pt-lg,
.pv-lg,
.pa-lg {
    padding-top: 8rem !important;
}

.pb-lg,
.pv-lg,
.pa-lg {
    padding-bottom: 8rem !important;
}

.pl-lg,
.ph-lg,
.pa-lg {
    padding-left: 8rem !important;
}

.pr-lg,
.ph-lg,
.pa-lg {
    padding-right: 8rem !important;
}

@media (min-width: 768px)
{

    .pt-lg,
    .pv-lg,
    .pa-lg {
        padding-top: 12rem !important;
    }

    .pb-lg,
    .pv-lg,
    .pa-lg {
        padding-bottom: 12rem !important;
    }

    .pl-lg,
    .ph-lg,
    .pa-lg {
        padding-left: 12rem !important;
    }

    .pr-lg,
    .ph-lg,
    .pa-lg {
        padding-right: 12rem !important;
    }

}

.pt-md,
.pv-md,
.pa-md {
    padding-top: 4rem !important;
}

.pb-md,
.pv-md,
.pa-md {
	padding-bottom: 4rem !important;
}

.pl-md,
.ph-md,
.pa-md {
    padding-left: 4rem !important;
}

.pr-md,
.ph-md,
.pa-md {
    padding-right: 4rem !important;
}

@media (min-width: 768px)
{

    .pt-md,
    .pv-md,
    .pa-md {
        padding-top: 8rem !important;
    }

    .pb-md,
    .pv-md,
    .pa-md {
        padding-bottom: 8rem !important;
    }

    .pl-md,
    .ph-md,
    .pa-md {
        padding-left: 8rem !important;
    }

    .pr-md,
    .ph-md,
    .pa-md {
        padding-right: 8rem !important;
    }

}

.pt-sm,
.pv-sm,
.pa-sm {
    padding-top: 2rem !important;
}

.pb-sm,
.pv-sm,
.pa-sm {
    padding-bottom: 2rem !important;
}

.pl-sm,
.ph-sm,
.pa-sm {
    padding-left: 2rem !important;
}

.pr-sm,
.ph-sm,
.pa-sm {
    padding-right: 2rem !important;
}

@media (min-width: 768px)
{

    .pt-sm,
    .pv-sm,
    .pa-sm {
        padding-top: 4rem !important;
    }

    .pb-sm,
    .pv-sm,
    .pa-sm {
        padding-bottom: 4rem !important;
    }

    .pl-sm,
    .ph-sm,
    .pa-sm {
        padding-left: 4rem !important;
    }

    .pr-sm,
    .ph-sm,
    .pa-sm {
        padding-right: 4rem !important;
    }

}

.pt-xs,
.pv-xs,
.pa-xs {
    padding-top: 2rem !important;
}

.pb-xs,
.pv-xs,
.pa-xs {
    padding-bottom: 2rem !important;
}

.pl-xs,
.ph-xs,
.pa-xs {
    padding-left: 2rem !important;
}

.pr-xs,
.ph-xs,
.pa-xs {
    padding-right: 2rem !important;
}

.mt-xl,
.mv-xl,
.ma-xl {
    margin-top: 8rem !important;
}

.mb-xl,
.mv-xl,
.ma-xl {
    margin-bottom: 8rem !important;
}

.ml-xl,
.mh-xl,
.ma-xl {
    margin-left: 8rem !important;
}

.mr-xl,
.mh-xl,
.ma-xl {
    margin-right: 8rem !important;
}

@media (min-width: 768px)
{

    .mt-xl,
    .mv-xl,
    .ma-xl {
        margin-top: 16rem !important;
    }

    .mb-xl,
    .mv-xl,
    .ma-xl {
        margin-bottom: 16rem !important;
    }

    .ml-xl,
    .mh-xl,
    .ma-xl {
        margin-left: 16rem !important;
    }

    .mr-xl,
    .mh-xl,
    .ma-xl {
        margin-right: 16rem !important;
    }

}

.mt-lg,
.mv-lg,
.ma-lg {
    margin-top: 8rem !important;
}

.mb-lg,
.mv-lg,
.ma-lg {
    margin-bottom: 8rem !important;
}

.ml-lg,
.mh-lg,
.ma-lg {
    margin-left: 8rem !important;
}

.mr-lg,
.mh-lg,
.ma-lg {
    margin-right: 8rem !important;
}

@media (min-width: 768px)
{

    .mt-lg,
    .mv-lg,
    .ma-lg {
        margin-top: 12rem !important;
    }

    .mb-lg,
    .mv-lg,
    .ma-lg {
        margin-bottom: 12rem !important;
    }

    .ml-lg,
    .mh-lg,
    .ma-lg {
        margin-left: 12rem !important;
    }

    .mr-lg,
    .mh-lg,
    .ma-lg {
        margin-right: 12rem !important;
    }

}

.mt-md,
.mv-md,
.ma-md {
    margin-top: 4rem !important;
}

.mb-md,
.mv-md,
.ma-md {
    margin-bottom: 4rem !important;
}

.ml-md,
.mh-md,
.ma-md {
    margin-left: 4rem !important;
}

.mr-md,
.mh-md,
.ma-md {
    margin-right: 4rem !important;
}

@media (min-width: 768px)
{

    .mt-md,
    .mv-md,
    .ma-md {
        margin-top: 8rem !important;
    }

    .mb-md,
    .mv-md,
    .ma-md {
        margin-bottom: 8rem !important;
    }

    .ml-md,
    .mh-md,
    .ma-md {
        margin-left: 8rem !important;
    }

    .mr-md,
    .mh-md,
    .ma-md {
        margin-right: 8rem !important;
    }

}

.mt-sm,
.mv-sm,
.ma-sm {
    margin-top: 2rem !important;
}

.mb-sm,
.mv-sm,
.ma-sm {
    margin-bottom: 2rem !important;
}

.ml-sm,
.mh-sm,
.ma-sm {
    margin-left: 2rem !important;
}

.mr-sm,
.mh-sm,
.ma-sm {
    margin-right: 2rem !important;
}

@media (min-width: 768px)
{

    .mt-sm,
    .mv-sm,
    .ma-sm {
        margin-top: 4rem !important;
    }

    .mb-sm,
    .mv-sm,
    .ma-sm {
        margin-bottom: 4rem !important;
    }

    .ml-sm,
    .mh-sm,
    .ma-sm {
        margin-left: 4rem !important;
    }

    .mr-sm,
    .mh-sm,
    .ma-sm {
        margin-right: 4rem !important;
    }

}

.mt-xs,
.mv-xs,
.ma-xs {
    margin-top: 2rem !important;
}

.mb-xs,
.mv-xs,
.ma-xs {
    margin-bottom: 2rem !important;
}

.ml-xs,
.mh-xs,
.ma-xs {
    margin-left: 2rem !important;
}

.mr-xs,
.mh-xs,
.ma-xs {
    margin-right: 2rem !important;
}

.mh-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}