/*

Theme Name: Instytut Europa
Theme URI:
Author: Spacewise
Author URI: https://spacewise.pl
Description:
Version: 1.0.0
Template: x

*/

/*

rgb(0, 153, 204)
#0099cc

rgb(246, 136, 76)
#f6884c

*/

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

/*
body,
.site,
.x-logobar,
.x-navbar,
.x-colophon.bottom {
    background: #fffefd;
}
*/

.category-publikacja .entry-content,
.category-analiza .entry-content,
.category-analysis .entry-content {
    padding: 0 !important;
    margin: 0 !important;
}

.entry-header,
.entry-content {
    font-size: 2rem !important;
}

.x-colophon.bottom {
    padding: 4rem 0;
    border-top: 3px double rgba(0, 0, 0, 0.075);
}

.x-colophon.bottom .x-colophon-content {
    font-family: 'freight-sans-pro', sans-serif;
    font-weight: 700;
    letter-spacing: 0.1em;
}

.brand-menu {
    display: block;
    width: 32px;
    height: 24px;
    float: left;
    margin: 1rem 0;
    opacity: 0;
    transition: opacity .3s ease-out;
}

.brand-menu > img {
    display: block;
    width: 100%;
    height: 100%;
}

.x-navbar-fixed-top .brand-menu {
    opacity: 1;
}

p {
    margin: 0;
}

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

p > em {
    font-style: normal;
    box-shadow: inset 0 -0.5em 0 0 rgba(0, 153, 204, 0.15);
}

.text-sm {
    font-size: 75%;
}

.text-lg {
    font-size: 150%;
    line-height: 1.4;
}

.text-note {
    font-family: 'freight-sans-pro', sans-serif;
}

.text-2-3 {
    position: relative;
    height: 0;
    padding-bottom: 150%;
    background: rgba(0, 153, 204, 0.15);
}

.text-2-3 > p {
    position: absolute;
    top: 50%;
    left: 2rem;
    right: 2rem;
    transform: translateY(-50%);
}

.headline > h1,
.headline > h2 {
    font-size: 6.4rem;
    line-height: 1;
    margin: 0;
}

.headline > h3 {
    font-family: 'freight-sans-pro', sans-serif;
    font-weight: 700;
    font-size: 1.2rem;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    text-indent: 0.2em;
    margin: 0 0 0.6rem;
    color: #0099cc;
}

.headline > h1 > span,
.headline > h2 > span,
.headline > h3 > span {
    display: inline-block;
}

.headline > h3 > span {
    padding-bottom: 1rem;
    border-bottom: 1px solid #0099cc;
}

.venue .headline > h1,
.venue .headline > h2 {
    color: #000;
}

.venue .headline > h3 {
    color: #fff;
}

.venue .headline > h3 > span {
    border-bottom-color: #fff;
}

.venue .x-text {
    color: #000;
}

.x-logobar,
.x-navbar {
    border-bottom: 3px double rgba(0, 0, 0, 0.075);
}

.x-navbar .desktop .x-nav > li > a {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.x-navbar .desktop .x-nav > li > a > span {
    border: none;
}

.x-navbar .x-nav-wrap .x-nav > li.lang-item > a {
    font-weight: inherit;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

.x-navbar {
    transition: box-shadow .3s ease-out;
}

.x-navbar-fixed-top {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
}

.x-nav .sub-menu > li > a {
    font-family: 'freight-sans-pro', sans-serif;
}

.x-btn,
.button,
[type='submit'] {
    font-family: 'freight-sans-pro', sans-serif;
    font-weight: 700;
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    padding: 1em 2em;
    border-width: 1px !important;
    box-shadow: 0.3em 0.3em 0 0 rgba(0, 153, 204, 0.25);
    transition: all .15s ease-out;
}

.x-btn:hover,
.button:hover,
[type='submit']:hover {
    box-shadow: 0 0 0 0 rgba(0, 153, 204, 0.25);
}

.x-btn.x-btn-small,
.x-btn.x-btn-large {
    font-size: 1.8rem;
    padding: 1.25em 2.5em;
    border-width: 2px !important;
    box-shadow: 0.4em 0.4em 0 0 rgba(0, 153, 204, 0.25);
    transition-duration: .2s;
}

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

.x-btn.x-btn-small:hover,
.x-btn.x-btn-large:hover {
    color: #fff;
    border-color: #09c;
    background-color: #09c;
    box-shadow: 0 0 0 0 rgba(0, 153, 204, 0.25);
}

.shadow {
    box-shadow: 0.4em 0.4em 0 0 rgba(0, 153, 204, 0.25);
}

/*
.x-btn,
.button,
[type='submit'] {
    position: relative;
    border: none !important;
    font-family: 'freight-sans-pro', sans-serif;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: 0.1em;
    padding: 12px 20px 12px 62px;
}

.x-btn:before,
.button:before,
[type='submit']:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 42px;
    height: 42px;
    content: '+';
    border: 1px solid #0099cc;
    border-radius: 50%;
    font-size: 24px;
    line-height: 38px;
    text-align: center;
}
*/

.x-blockquote {
    font-size: 4.8rem;
    font-family: 'essonnes-display', serif;
    font-weight: 400;
    font-style: italic;
    line-height: 1.2;
    border: none;
    padding: 0;
    color: #fff;
}

.x-cite {
    position: relative;
    font-family: 'freight-sans-pro', sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.4;
    color: inherit;
    text-transform: none;
    letter-spacing: normal;
    margin-top: 7rem;
}

.x-cite:before {
    content: '';
    position: absolute;
    top: -4rem;
    left: 50%;
    margin-left: -4rem;
    width: 8rem;
    height: 0;
    border-bottom: 3px solid #f6884c;
}

.x-cite > strong {
    font-weight: 700;
    text-transform: uppercase;
}

.bg-image-left {
    background-position: 0 50% !important;
}

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

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

body .gform_wrapper .gfield_required {
    display: none;
}

body .gform_wrapper .gfield_error {
    color: #c92a2a;
}

body .gform_wrapper .gfield_error .gfield_description {
    color: inherit;
}

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: 0.5rem !important;
    font-size: 2rem !important;
    line-height: 1 !important;
    height: 4rem !important;
}

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;
}

.x-recent-posts a {
    border: none;
    padding: 0;
}

.x-recent-posts .x-recent-posts-img {
    padding-bottom: 66.66666667%;
}

.x-recent-posts .x-recent-posts-content {
    border: none;
    padding: 1rem 0;
}

.x-recent-posts .h-recent-posts {
    margin-bottom: 0;
    font-size: 2rem;
    font-style: normal;
}

.x-recent-posts .x-recent-posts-date {
    font-family: 'freight-sans-pro', sans-serif;
    font-weight: 700;
    font-size: 1rem;
}

.x-recent-posts .x-recent-posts-category {
    font-family: 'freight-sans-pro', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
    line-height: 1;
    color: #fff;
    background: #0099cc;
    padding: 0.5rem 1rem;
    position: absolute;
    top: 1rem;
    left: 1rem;
}

.x-recent-posts a {
    margin-top: 4%;
    position: relative;
}

.x-recent-posts a:nth-child(1),
.x-recent-posts a:nth-child(2),
.x-recent-posts a:nth-child(3) {
    margin-top: 0;
}

.x-recent-posts a:nth-child(3n) {
    margin-right: 0;
}

.hentry .entry-wrap,
.search-results .x-container > .product .entry-wrap {
    padding: 8rem 0;
}

.entry-header {
    margin-bottom: 8rem;
}

.entry-title {
    width: 100%;
    text-align: left;
}

.entry-content {
    padding-left: 20%;
    padding-right: 20%;
}

img.team,
a.team {
    width: 50%;
    height: auto;
    display: inline-block;
    vertical-align: top;
}

img.team-home,
a.team-home {
    width: 25%;
    padding: 2px;
}

@media (min-width: 768px)
{

    img.team,
    a.team {
        width: 100%;
    }

    img.team-home,
    a.team-home {
        width: 16.666666667%;
    }

}

.paper {
    position: relative;
    background: #0099cc;
    overflow: hidden;
}

.paper img {
    opacity: .5;
    transform: scale(1.05);
    will-change: transform, opacity;
    transition: all .2s ease-out;
}

.paper:hover {
    opacity: 1 !important;
}

.paper:hover img {
    opacity: 1;
    transform: scale(1);
}

.paper:after {
    content: attr(title);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 2rem;
    right: 2rem;
    font-size: 3rem;
    font-weight: 400;
    font-style: italic;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    will-change: opacity;
    transition: all .2s ease-out;
}

.paper:hover:after {
    opacity: 0;
}

@media (min-width: 768px) {

    .paper:after {
        font-size: 4.5rem;
        left: 4rem;
        right: 4rem;
    }

}

.footnotes {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    padding-top: 2rem;
    font-size: 75%;
}

.pt-lg,
.pv-lg,
.pa-lg {
    padding-top: 80px !important;
}

.pb-lg,
.pv-lg,
.pa-lg {
    padding-bottom: 80px !important;
}

.pl-lg,
.ph-lg,
.pa-lg {
    padding-left: 80px !important;
}

.pr-lg,
.ph-lg,
.pa-lg {
    padding-right: 80px !important;
}

@media (min-width: 768px)
{

    .pt-lg,
    .pv-lg,
    .pa-lg {
        padding-top: 120px !important;
    }

    .pb-lg,
    .pv-lg,
    .pa-lg {
        padding-bottom: 120px !important;
    }

    .pl-lg,
    .ph-lg,
    .pa-lg {
        padding-left: 120px !important;
    }

    .pr-lg,
    .ph-lg,
    .pa-lg {
        padding-right: 120px !important;
    }

}

.pt-md,
.pv-md,
.pa-md {
    padding-top: 40px !important;
}

.pb-md,
.pv-md,
.pa-md {
	padding-bottom: 40px !important;
}

.pl-md,
.ph-md,
.pa-md {
    padding-left: 40px !important;
}

.pr-md,
.ph-md,
.pa-md {
    padding-right: 40px !important;
}

@media (min-width: 768px)
{

    .pt-md,
    .pv-md,
    .pa-md {
        padding-top: 80px !important;
    }

    .pb-md,
    .pv-md,
    .pa-md {
        padding-bottom: 80px !important;
    }

    .pl-md,
    .ph-md,
    .pa-md {
        padding-left: 80px !important;
    }

    .pr-md,
    .ph-md,
    .pa-md {
        padding-right: 80px !important;
    }

}

.pt-sm,
.pv-sm,
.pa-sm {
    padding-top: 20px !important;
}

.pb-sm,
.pv-sm,
.pa-sm {
    padding-bottom: 20px !important;
}

.pl-sm,
.ph-sm,
.pa-sm {
    padding-left: 20px !important;
}

.pr-sm,
.ph-sm,
.pa-sm {
    padding-right: 20px !important;
}

@media (min-width: 768px)
{

    .pt-sm,
    .pv-sm,
    .pa-sm {
        padding-top: 40px !important;
    }

    .pb-sm,
    .pv-sm,
    .pa-sm {
        padding-bottom: 40px !important;
    }

    .pl-sm,
    .ph-sm,
    .pa-sm {
        padding-left: 40px !important;
    }

    .pr-sm,
    .ph-sm,
    .pa-sm {
        padding-right: 40px !important;
    }

}

.pt-xs,
.pv-xs,
.pa-xs {
    padding-top: 20px !important;
}

.pb-xs,
.pv-xs,
.pa-xs {
    padding-bottom: 20px !important;
}

.pl-xs,
.ph-xs,
.pa-xs {
    padding-left: 20px !important;
}

.pr-xs,
.ph-xs,
.pa-xs {
    padding-right: 20px !important;
}

.pt-none,
.pv-none,
.pa-none {
    padding-top: 0 !important;
}

.pb-none,
.pv-none,
.pa-none {
    padding-bottom: 0 !important;
}

.pl-none,
.ph-none,
.pa-none {
    padding-left: 0 !important;
}

.pr-none,
.ph-none,
.pa-none {
    padding-right: 0 !important;
}

.mt-xl,
.mv-xl,
.ma-xl {
    margin-top: 80px !important;
}

.mb-xl,
.mv-xl,
.ma-xl {
    margin-bottom: 80px !important;
}

.ml-xl,
.mh-xl,
.ma-xl {
    margin-left: 80px !important;
}

.mr-xl,
.mh-xl,
.ma-xl {
    margin-right: 80px !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: 80px !important;
}

.mb-lg,
.mv-lg,
.ma-lg {
    margin-bottom: 80px !important;
}

.ml-lg,
.mh-lg,
.ma-lg {
    margin-left: 80px !important;
}

.mr-lg,
.mh-lg,
.ma-lg {
    margin-right: 80px !important;
}

@media (min-width: 768px)
{

    .mt-lg,
    .mv-lg,
    .ma-lg {
        margin-top: 120px !important;
    }

    .mb-lg,
    .mv-lg,
    .ma-lg {
        margin-bottom: 120px !important;
    }

    .ml-lg,
    .mh-lg,
    .ma-lg {
        margin-left: 120px !important;
    }

    .mr-lg,
    .mh-lg,
    .ma-lg {
        margin-right: 120px !important;
    }

}

.mt-md,
.mv-md,
.ma-md {
    margin-top: 40px !important;
}

.mb-md,
.mv-md,
.ma-md {
    margin-bottom: 40px !important;
}

.ml-md,
.mh-md,
.ma-md {
    margin-left: 40px !important;
}

.mr-md,
.mh-md,
.ma-md {
    margin-right: 40px !important;
}

@media (min-width: 768px)
{

    .mt-md,
    .mv-md,
    .ma-md {
        margin-top: 80px !important;
    }

    .mb-md,
    .mv-md,
    .ma-md {
        margin-bottom: 80px !important;
    }

    .ml-md,
    .mh-md,
    .ma-md {
        margin-left: 80px !important;
    }

    .mr-md,
    .mh-md,
    .ma-md {
        margin-right: 80px !important;
    }

}

.mt-sm,
.mv-sm,
.ma-sm {
    margin-top: 20px !important;
}

.mb-sm,
.mv-sm,
.ma-sm {
    margin-bottom: 20px !important;
}

.ml-sm,
.mh-sm,
.ma-sm {
    margin-left: 20px !important;
}

.mr-sm,
.mh-sm,
.ma-sm {
    margin-right: 20px !important;
}

@media (min-width: 768px)
{

    .mt-sm,
    .mv-sm,
    .ma-sm {
        margin-top: 40px !important;
    }

    .mb-sm,
    .mv-sm,
    .ma-sm {
        margin-bottom: 40px !important;
    }

    .ml-sm,
    .mh-sm,
    .ma-sm {
        margin-left: 40px !important;
    }

    .mr-sm,
    .mh-sm,
    .ma-sm {
        margin-right: 40px !important;
    }

}

.mt-xs,
.mv-xs,
.ma-xs {
    margin-top: 20px !important;
}

.mb-xs,
.mv-xs,
.ma-xs {
    margin-bottom: 20px !important;
}

.ml-xs,
.mh-xs,
.ma-xs {
    margin-left: 20px !important;
}

.mr-xs,
.mh-xs,
.ma-xs {
    margin-right: 20px !important;
}

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

.mt-none,
.mv-none,
.ma-none {
    margin-top: 0 !important;
}

.mb-none,
.mv-none,
.ma-none {
    margin-bottom: 0 !important;
}

.ml-none,
.mh-none,
.ma-none {
    margin-left: 0 !important;
}

.mr-none,
.mh-none,
.ma-none {
    margin-right: 0 !important;
}

table.programme th {
    font-family: 'freight-sans-pro', sans-serif;
    font-weight: 700;
    vertical-align: top;
    color: #999;
}

.nine {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#day-of-europe .header-subtitle {
    font-family: 'freight-sans-pro', sans-serif;
}

#day-of-europe .header-left,
#day-of-europe .header-right {
    background-repeat: no-repeat;
    background-size: cover;
}

#day-of-europe .header-left {
    background-image: url('img/9-5-header-left.jpg');
    background-position: center left;
}

#day-of-europe .header-right {
    background-image: url('img/9-5-header-right.jpg');
    background-position: center right;
}

.venue {
    background-size: contain !important;
    background-position: center bottom !important;
    padding-bottom: 32rem !important;
}

.gfield + .gfield {
    margin-top: 20px;
}

.gfield_description {
    font-size: 14px;
    color: #999;
}

body .gform_wrapper input[type=text],
body .gform_wrapper input[type=email],
body .gform_wrapper select {
    width: 100%;
    max-width: 600px;
}

.gfield_checkbox {
    list-style: none;
    margin: 0;
    text-align: left;
}

.gfield_checkbox input {
    float: left;
    margin: 3px 10px 0 0;
}

.x-navbar-static-active .x-navbar .desktop .x-nav > li > a > span,
.x-navbar-fixed-top-active .x-navbar .desktop .x-nav > li > a > span {
    margin-top: -10px !important;
}

.x-accordion-group {
    border: none;
}

.x-accordion-heading {
    font-size: 14px;
    text-align: center;
}

.x-accordion-inner {
    padding: 15px 0 0;
    border: none;
}

.x-frame-inner {
    padding-bottom: 25% !important;
}