/* FONTS
================================================== */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Roboto+Slab:wght@400;700&display=swap');


/* BASE
================================================== */

body {
    font-size: 1rem;
    color: #515151;
    background: #fff;
    -webkit-font-smoothing: antialiased;
}

body, input, button, textarea {
    font-family: Montserrat, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 1.5rem;
    font-weight: 700;
}

h1, .h1 {
    font-size: 2.5rem;
}

h2, .h2 {
    font-size: 2rem;
}

h3, .h3 {
    font-size: 1.75rem;
}

h4, .h4 {
    font-size: 1.5rem;
}

h5, .h5 {
    font-size: 1.125rem;
}

h6, .h6 {
    font-size: .875rem;
}

p,
ul,
ol,
table,
figure {
    margin-bottom: 1.5rem;
}

a, input, textarea, button {
    transition: color .3s, background-color .3s, border-color .3s, opacity .3s;
}

a,
a:focus {
    color: #F5333F;
}

a:hover {
    color: #999;
}

a:hover,
a:focus {
    text-decoration: none;
}

*, *:focus {
    outline: none !important;
}

img {
    max-width: 100%;
}

figure img {
    width: 100%;
}

/* LAYOUT
================================================== */

.container-wide {
    max-width: 1640px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
}

/*
	Header
*/

.header {
	position: fixed;
	z-index: 1010;
	top: 0;
	left: 0;
	right: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #fff;
	transition: all .3s;
}

	.header >.container-wide {
		display: flex;
        justify-content: space-between;
		align-items: center;
	}
                                
		.header__logo {
            display: flex;
            align-items: center;
            font-size: .6rem;
            font-weight: 700;
            color: #515151;
		}

			.header__logo img {
                width: 40px;
				height: 40px;
                margin-left: .25rem;
			}

            .header__logo span {
                white-space: nowrap;
            }

        .header__options {
            display: flex;
            align-items: center;
            margin: 0;
            padding: 0;
            list-style-type: none
        }

            .header__options li + li {
                margin-right: .75rem;
            }

                .header__options li > a svg {
                    display: block;
                    width: 1.5rem;
                    height: 1.5rem;
                    fill: #515151;
                }

                .header__options .dropdown .btn {
                    padding: 0;
                    font-weight: 700;
                    font-size: .625rem;
                    color: #515151;
                }

                .header__options .dropdown .btn:after {
                    vertical-align: middle;
                    width: 12px;
                    height: 8px;
                    margin-top: -3px;
                    border: 0;
                    background: url("../img/select-arrow.svg") center center no-repeat;
                    background-size: contain;
                }

                .header__options .dropdown-menu {
                    min-width: auto;
                    margin-right: -.5rem;
                    padding: .25rem 0;
                    font-size: .75rem;
                }

                    .header__options .dropdown-item {
                        padding: .25rem .5rem;
                        font-weight: 700;
                        color: #515151;
                    }

                    .header__options .dropdown-item:hover {
                        color: #F5333F;
                        background: transparent;
                    }

.header--sticky {
    -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .1);
            box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .1);
}

/*
	Navigation
*/

.menu {
    position: fixed;
    display: flex;
    flex-direction: column;
    overflow: auto;
    visibility: hidden;
    z-index: 9999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    font-size: 1.2rem;
    background: #fff;
    opacity: 0;
    -webkit-border-radius: 0;
            border-radius: 0;
    -webkit-transform: translate(0, -25%);
            transform: translate(0, -25%);
    -webkit-transition: all .3s;
            transition: all .3s;
}

    .menu .menu__secondary {
        border-top: 1px solid #707070;
    }

    .menu ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .menu li {
            position: relative;
            margin: 0 auto 1rem;
        }

        .menu a {
            position: relative;
            display: block;
            padding: 1rem 0;
            color: #3F3F3E;
        }

        .menu .active > a {
            font-weight: 700;
        }

    .menu__main a {
        padding-right: 50px;
        text-transform: uppercase;
    }
    
        .menu__main {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }
            .menu__main li {
                -ms-flex: 0 0 50%;
                flex: 0 0 50%;
                max-width: 50%;
                margin-left: 0;
                margin-right: 0;
                padding-left: 1rem;
            }

        .menu__main a svg {
            position: absolute;
            top: 50%;
            right: 0;
            width: 40px;
            height: 40px;
            opacity: .25;
            transform: translate(0, -50%);
        }

    .menu [data-menu-close] {
        font-weight: 700;
        color: #F5333F;
    }

        .menu [data-menu-close] svg {
            display: inline-block;
            vertical-align: middle;
            width: 42px;
            height: 42px;
            fill: #F5333F;
        }

.menu--active .menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
}

[data-menu-toggle] > span:nth-child(2) svg {
    fill: #F5333F;
}

.menu--active [data-menu-toggle] > span:nth-child(1),
[data-menu-toggle] > span:nth-child(2) {
    display: none;
}

[data-menu-toggle] > span:nth-child(1),
.menu--active [data-menu-toggle] > span:nth-child(2) {
    display: block;
}

/*
	Footer
*/

.footer {
    padding-top: 40px;
    padding-bottom: 40px;
    color: #fff;
    background: #515151;
}

    .footer a {
        color: #fff;
    }

    .footer__logo {
        display: flex;
        align-items: center;
        font-weight: 700;
        font-size: .75rem;
        margin-bottom: 2rem;
    }

        .footer__logo img {
            margin-left: .5rem;
        }

    .footer__menu {
        margin-bottom: 0;
        padding: 0;
        font-size: 1.25rem;
        list-style-type: none;
    }

        .footer__menu li {
            margin-bottom: 2rem;
            margin-left: 50px;
        }

        .footer__menu li:last-child {
            margin-left: 0;
        }

            .footer__menu a:hover {
                color: #F5333F;
            }

    .footer__title {
        font-size: 1.25rem;
    }

/* SECTIONS
================================================== */

.section {
    padding-top: 60px;
    padding-bottom: 30px;
}

[data-pick-color] {
    background-color: #515151;
}


[data-pick-color],
[data-pick-color] .postbox__title,
[data-pick-color] a {
    color: #fff;
}

[data-pick-color] a:hover {
    text-decoration: none;
}

.entry {
    position: relative;
}

.entry a {
    text-decoration: underline;
}

.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 {
    color: #F5333F;
}

.entry > *:last-child {
    margin-bottom: 0;
}

.entry__meta {
    margin: 0 0 1.5rem;
    padding: 1rem 15px 1px;
    font-size: .875rem;
    list-style-type: none;
    background: rgba(0, 0, 0, .07);
}

    .entry__meta li {
        margin-bottom: 1rem;
    }

.entry__meta--light {
    background: rgba(255, 255, 255, .1);
}

.entry__options {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

    .entry__meta a,
    .entry__options a {
        text-decoration: none;
    }

    .entry__options .share {
        margin-right: auto;
    }

    .entry__options .postbox__badge {
        background: transparent;
    }

.entry p,
.entry li {
    font-family: "Roboto Slab", Arial, sans-serif;
}

/* MODULES
================================================== */

/*
    Carousels
*/

.swiper-button-prev,
.swiper-button-next {
    position: relative;
    top: 0;
    left: auto;
    right: auto;
    margin: 0 0 20px;
    transform: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    content: "" !important;
}

    .swiper-button-prev svg,
    .swiper-button-next svg {
        min-width: 48px;
        height: 48px;
        fill: #515151;
    }

.swiper-button-prev--white svg,
.swiper-button-next--white svg {
    fill: #fff;
}

.swiper-pagination {
    position: relative;
    display: flex;
}

    .swiper-pagination-bullet {
        position: relative;
        width: 22px;
        height: 22px;
        margin: 0 10px 20px;
        border: 2px solid #515151;
        background: transparent;
        opacity: 1;
        -webkit-transition: all .3s;
                transition: all .3s;
    }

    .swiper-pagination-bullet-active:after {
        position: absolute;
        content: "";
        top: 4px;
        right: 4px;
        bottom: 4px;
        left: 4px;
        border: 2px solid #515151;
        border-radius: 100%;
    }

.swiper-pagination--white .swiper-pagination-bullet,
.swiper-pagination--white .swiper-pagination-bullet-active:after {
    border-color: #fff;
}


/*
    Post box
*/

.postbox {
    position: relative;
    overflow: hidden;
}

    .postbox__header {
        position: relative;
    }

        .postbox__picture {
            display: block;
            overflow: hidden;
            min-height: 350px;
            background-position: center center;
            background-size: cover;
        }

            .postbox__picture > img {
                position: absolute;
                right: -9999px;
                width: 1px;
                height: 1px;
                opacity: 0;
            }

        .postbox__play {
            position: absolute;
            z-index: 1;
            bottom: 80px;
            right: 0;
            left: 0;
            padding-right: 30px;
            pointer-events: none;
        }

            .postbox__play svg {
                display: block;
                width: 60px;
                height: 60px;
                fill: #fff;
            }

    .postbox__title {
        font-size: 1.625rem;
        margin-bottom: 1rem;
        padding-right: 12px;
        border-right: 8px solid;
    }

        .postbox__title a {
            color: inherit;
        }

    .postbox__content {
        position: relative;
        z-index: 1;
        margin-top: -80px;
        padding: 1rem 15px;
        background: #fff;
    }

    .postbox__badges {
        position: absolute;
        display: flex;
        justify-content: space-between;
        align-items: center;
        z-index: 2;
        top: 15px;
        right: 0;
        left: 0;
    }

        .postbox__badge {
            position: relative;
            display: flex;
            align-items: center;
            height: 3rem;
            padding: .125rem 1rem;
            font-size: .75rem;
            line-height: 1.25;
            text-decoration: none;
            color: #515151;
            background: rgba(255, 255, 255, .75);
            border-radius: 1.25rem;
        }

        .postbox__badge:hover {
            color: #fff;
            background: #F5333F;
        }

        .postbox__badge--group {
            padding-left: 45px;
            font-weight: 700;
            color: #F5333F;
        }

            .postbox__badge--group img {
                position: absolute;
                top: 50%;
                left: .5rem;
                width: 32px;
                height: 32px;
                transform: translate(0, -50%);
            }

.bg--dark-blue .postbox__content {
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,#1A355F 40px);
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,#1A355F 40px);
}

.postbox--fullscreen .postbox__picture {
    position: relative;
    height: 75vh;
    min-height: 350px;
    max-width: none;
    background-position: center center;
    background-size: cover;
}

    .postbox--fullscreen .postbox__picture > img {
        position: absolute;
        right: -9999px;
        width: 1px;
        height: 1px;
        opacity: 0;
    }

.postbox--fullscreen .postbox__badge:before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    width: 1000px;
    background: rgba(255, 255, 255, .75);
}

.postbox--fullscreen .postbox__badge:first-child:before {
    left: 100%;
}

.postbox--fullscreen .postbox__badge:last-child:before {
    right: 100%;
}

/*
    About
*/

.about {
    display: flex;
    align-items: flex-start;
}

    .about img {
        margin-left: 15px;
    }

.about__title {
    display: flex;
    align-items: center;
}

    .about__title img {
        width: 100px;
        height: auto;
        margin-left: 15px;
    }

/*
    Cover list
*/

.cover-list {
    display: flex;
    padding: 0;
    margin-right: 10px;
    list-style-type: none;
}

    .cover-list li {
        position: relative;
        perspective: 1000px;
    }

    .cover-list li:nth-child(1) { z-index: 20; }
    .cover-list li:nth-child(2) { z-index: 19; }
    .cover-list li:nth-child(3) { z-index: 18; }
    .cover-list li:nth-child(4) { z-index: 17; }
    .cover-list li:nth-child(5) { z-index: 16; }
    .cover-list li:nth-child(6) { z-index: 15; }

    .cover-list a {
        display: block;
        margin-right: -10px;
        box-shadow: 0 3px 15px rgba(0, 0, 0, .5);
        transition: all .3s;
    }

        .cover-list a img {
            display: block;
            width: 100%;
        }

    .cover-list a:hover {
        transform: rotateY(20deg) translate(-10px, -10px);
        transform-style: preserve-3d;
    }

/*
    Icon list
*/

.icon-list {
    margin-bottom: 0;
    padding: 0;
    font-size: 1.25rem;
    line-height: 1.25;
    text-transform: uppercase;
    list-style-type: none;
}

    .icon-list li {
        margin-bottom: 2rem;
    }

        .icon-list a {
            position: relative;
            display: inline-block;
            padding: 1rem 75px 1rem 0;
            color: inherit;
        }

            .icon-list a svg {
                position: absolute;
                top: 50%;
                right: 0;
                width: 60px;
                height: 60px;
                transform: translate(0, -50%);
                opacity: .25;
                transition: opacity .3s;
            }

    .icon-list a.highlighted {
        display: block;
        padding: 0;
        text-align: center;
        font-weight: 700;
        text-transform: none;
        color: #F5333F;
    }

        .icon-list a.highlighted img {
            display: block;
            margin: 0 auto .5rem;
        }

.icon-list a:hover {
    color: #F5333F;
}

    .icon-list a:hover svg {
        fill: #F5333F;
        opacity: 1;
    }

/* COMPONENTS
================================================== */

/*
	Buttons
*/

.btn {
    padding: .75rem 1.25rem;
    font-size: 1.25rem;
    font-weight: 700;
    text-transform: uppercase;
    border-width: 3px;
    border-radius: 1.25rem;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}

.btn-lg {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.btn--icon,
.btn--icon:focus {
    color: #515151;
}

.btn--icon {
    position: relative;
    padding-left: 60px;
    text-align: right;
    font-size: 1.1rem;
}

    .btn--icon svg,
    .btn--icon .icon {
        position: absolute;
        top: 50%;
        left: 5px;
        width: auto;
        height: 46px;
        transform: translate(0, -50%);
        fill: #ccc;
    }

    .btn--icon .icon {
        left: 10px;
        width: 44px;
        height: 44px;
    }

.btn-lg.btn--icon svg,
.btn-lg.btn--icon .icon {
    left: .5rem;
}

.btn.btn--icon:hover {
    border-color: #515151;
    color: #fff;
    background: #515151;
}

.btn--white {
    background: #fff;
}

.btn--yellow,
.btn--yellow:focus {
    color: #fff;
    background: #FFAF1C;
}

    .btn--yellow svg {
        fill: #fff;
        opacity: .3;
    }

.btn--tag {
    font-size: 1rem;
    text-transform: none;
    font-weight: 400;
    border: 1px solid #515151;
    border-radius: .5rem;
}

.btn--tag:hover {
    color: #fff;
    background: #515151;
}

.btn--tag-dark {
    color: #fff;
    background: #515151;
}

.btn--tag-dark:hover {
    color: #515151;
    background: transparent;
}

.btn-direction {
    position: relative;
    display: inline-block;
    overflow: hidden;
    font-size: 1rem;
    line-height: 1.25;
    color: #515151;
}

    .btn-direction span {
        font-size: .875em;
    }

    .btn-direction svg {
        position: absolute;
        top: 50%;
        width: 56px;
        height: 56px;
        transform: translate(0, -50%);
        fill: #515151;
        transition: all .3s;
    }

.btn-direction--left {
    padding-right: 1.5rem;
}

    .btn-direction--left svg {
        right: -20px;
    }

    .btn-direction--left:hover svg {
        margin-right: -10px;
    }

.btn-direction--right {
    padding-left: 1.5rem;
}

    .btn-direction--right svg {
        left: -20px;
    }

    .btn-direction--right:hover svg {
        margin-left: -10px;
    }

/*
	Form components
*/

select.form-control {
    padding-left: 40px;
    background-image: url("../img/select-arrow.svg");
    background-position: left 15px center;
    background-repeat: no-repeat;
    text-overflow: "";
    text-indent: 1px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/*
    Titles
*/

.section-title {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 3rem;
    font-size: 1.4rem;
    font-weight: 700;
    padding-right: 12px;
    border-right: 8px solid;
}

.section-title--icon {
    padding-right: 75px;
}

    .section-title--icon svg {
        position: absolute;
        z-index: 1;
        top: 50%;
        right: 10px;
        width: 50px;
        height: 50px;
        opacity: .25;
        transform: translate(0, -50%);
    }

.icon-title {
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    color: #F5333F;
}

    .icon-title img {
        height: 64px;
        width: auto;
        margin-left: .5rem;
    }

/*
    Lists
*/

.list-social {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
    list-style-type: none;
}

    .list-social li {
        margin-left: 2rem;
    }

    .list-social li:last-child {
        margin-left: 0;
    }

        .list-social li a:hover {
            opacity: .4;
        }

            .list-social li svg {
                width: 34px;
                height: 34px;
            }

.list-social--white svg {
    fill: #fff;
}

/*
    Quotes
*/

blockquote {
    position: relative;
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding: 50px 20px 25px;
    font-size: 1.125em;
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
    background: #e6e6e6;
}

blockquote:before {
    position: absolute;
    content: "";
    top: 0;
    right: 50%;
    width: 50px;
    height: 50px;
    margin: -25px -25px 0 0;
    background: #515151 url("../img/icons/quote.svg") center center no-repeat;
    border-radius: 100%;
}

    blockquote cite {
        display: block;
        text-align: left;
        font-style: normal;
        font-weight: 700;
        font-size: .875em;
    }

/*
    Embeds
*/

.embed-responsive--fullscreen {
    max-height: calc(100vh - 100px);
}

/*
    Figures
*/

.figure img {
    display: block;
    width: 100%;
}

figcaption,
.figcaption,
.caption-text p {
    padding-top: .5rem;
    font-size: .875rem;
    text-align: right;
}

/*
    Share
*/

.share {
    display: flex;
}

    .share ul {
        display: flex;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .share ul li {
            margin: 0 0 1px 1px;
        }

        .share ul a,
        .share__btn {
            display: block;
            width: 36px;
            height: 36px;
            line-height: 36px;
            text-align: center;
            background: #D3D3D3;
        }

            .share ul a svg {
                width: 20px;
                height: 20px;
                fill: #515151;
                transition: all .3s;
            }

    .share__btn {
        margin-bottom: 1px;
        background: #F5333F;
        cursor: pointer;
    }

        .share__btn svg {
            fill: #fff;
        }

.share ul a:hover {
    background: #515151;
}

    .share ul a:hover svg {
        fill: #fff;
    }

/* GLOBALS
================================================== */

.mt--10 { margin-top: 10px; }
.mt--20 { margin-top: 20px; }
.mt--30 { margin-top: 30px; }
.mt--40 { margin-top: 40px; }
.mt--50 { margin-top: 50px; }
.mt--60 { margin-top: 60px; }
.mt--70 { margin-top: 70px; }
.mt--80 { margin-top: 80px; }
.mt--90 { margin-top: 90px; }
.mt--100 { margin-top: 100px; }
.mt--110 { margin-top: 110px; }
.mt--120 { margin-top: 120px; }
.mt--130 { margin-top: 130px; }
.mt--140 { margin-top: 140px; }
.mt--150 { margin-top: 150px; }

.mb--10 { margin-bottom: 10px; }
.mb--20 { margin-bottom: 20px; }
.mb--30 { margin-bottom: 30px; }
.mb--40 { margin-bottom: 40px; }
.mb--50 { margin-bottom: 50px; }
.mb--60 { margin-bottom: 60px; }
.mb--70 { margin-bottom: 70px; }
.mb--80 { margin-bottom: 80px; }
.mb--90 { margin-bottom: 90px; }
.mb--100 { margin-bottom: 100px; }
.mb--110 { margin-bottom: 110px; }
.mb--120 { margin-bottom: 120px; }
.mb--130 { margin-bottom: 130px; }
.mb--140 { margin-bottom: 140px; }
.mb--150 { margin-bottom: 150px; }

.pt--10 { padding-top: 10px; }
.pt--20 { padding-top: 20px; }
.pt--30 { padding-top: 30px; }
.pt--40 { padding-top: 40px; }
.pt--50 { padding-top: 50px; }
.pt--60 { padding-top: 60px; }
.pt--70 { padding-top: 70px; }
.pt--80 { padding-top: 80px; }
.pt--90 { padding-top: 90px; }
.pt--100 { padding-top: 100px; }
.pt--110 { padding-top: 110px; }
.pt--120 { padding-top: 120px; }
.pt--130 { padding-top: 130px; }
.pt--140 { padding-top: 140px; }
.pt--150 { padding-top: 150px; }

.pb--10 { padding-bottom: 10px; }
.pb--20 { padding-bottom: 20px; }
.pb--30 { padding-bottom: 30px; }
.pb--40 { padding-bottom: 40px; }
.pb--50 { padding-bottom: 50px; }
.pb--60 { padding-bottom: 60px; }
.pb--70 { padding-bottom: 70px; }
.pb--80 { padding-bottom: 80px; }
.pb--90 { padding-bottom: 90px; }
.pb--100 { padding-bottom: 100px; }
.pb--110 { padding-bottom: 110px; }
.pb--120 { padding-bottom: 120px; }
.pb--130 { padding-bottom: 130px; }
.pb--140 { padding-bottom: 140px; }
.pb--150 { padding-bottom: 150px; }

.mb--default {
    margin-bottom: 2rem;
}

.c--red.section-title,
.c--red.postbox__title                 { border-right-color: #F5333F; }
.c--red.btn--icon                      { border-color: #F5333F; }
.c--red.postbox__title a:hover         { color: #F5333F; }

.c--green.section-title,
.c--green.postbox__title               { border-right-color: #9CC219; }
.c--green.btn--icon                    { border-color: #9CC219; }
.c--green.postbox__title a:hover       { color: #9CC219; }

.c--cyan.section-title,
.c--cyan.postbox__title                { border-right-color: #0FEBFF; }
.c--cyan.btn--icon                     { border-color: #0FEBFF; }
.c--cyan.postbox__title a:hover        { color: #0FEBFF; }

.c--dark-green.section-title,
.c--dark-green.postbox__title          { border-right-color: #009688; }
.c--dark-green.btn--icon               { border-color: #009688; }
.c--dark-green.postbox__title a:hover  { color: #009688; }

.c--dark-blue.section-title,
.c--dark-blue.postbox__title           { border-right-color: #1A355F; }
.c--dark-blue.btn--icon                { border-color: #1A355F; }
.c--dark-blue.postbox__title a:hover   { color: #1A355F; }

.c--dark-gray.section-title,
.c--dark-gray.postbox__title           { border-right-color: #515151; }
.c--dark-gray.btn--icon                { border-color: #515151; }
.c--dark-gray.postbox__title a:hover   { color: #515151; }

.text--red {
    color: #F5333F;
}

.text--white {
    color: #fff;
}

.text--lg {
    font-size: 1.5rem;
}

.bg--gray {
    background-color: #eee;
}

.bg--red {
    background-color: #F5333F;
}

.bg--dark-blue {
    background-color: #1A355F;
}

/* RESPONSIVE
================================================== */

/*
	XS
*/

@media screen and (max-width: 575px) {

    .mobile-wrapper {
        max-width: 360px;
        margin-right: auto;
        margin-left: auto;
    }

    .btn--icon {
        display: block;
        width: 100%;
    }

    .entry__meta {
        margin-right: -15px;
        margin-left: -15px;
    }
    
    .postbox--fullscreen.postbox--fullwidth .postbox__picture {
        height: auto;
    }

}

/*
	SM and down
*/

@media screen and (max-width: 767px) {

    .cover-list {
        margin-right: 80px;
    }

        .cover-list li:nth-child(2) { margin-top: 10px; }
        .cover-list li:nth-child(3) { margin-top: 20px; }

        .cover-list li:nth-child(1n + 4) {
            display: none;
        }

            .cover-list a {
                margin-right: -80px;
                box-shadow: none;
            }

}

/*
	MD and down
*/

@media screen and (max-width: 991px) {

    body {
        padding-top: 60px;
    }

    .menu--active {
        overflow: hidden;
    }

    .postbox .postbox__badge:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .postbox .postbox__badge:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .share {
        position: fixed;
        z-index: 100;
        left: 0;
        bottom: -1px;
    }

    .share ul {
        display: none;
    }

    .share--active ul {
        display: flex;
    }

    [data-pick-color] .postbox__badge:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        color: #F5333F;
    }

    [data-pick-color] .postbox__badge:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        color: #515151;
    }

    [data-pick-color] .postbox__badge:hover {
        color: #fff;
    }

}

/*
    SM and up
*/

@media screen and (min-width: 768px) {

    .postbox__container {
        max-width: none;
    }

    .postbox {
        margin-bottom: 1rem;
    }

    .postbox--sm .postbox__content,
    .postbox--md .postbox__content,
    .postbox--lg .postbox__content {
        margin-top: 0;
        padding: 0;
        background: transparent;
    }

    .postbox--sm .postbox__header,
    .postbox--md .postbox__header,
    .postbox--lg .postbox__header {
        margin-bottom: 1rem;
    }

        .postbox--sm .postbox__play,
        .postbox--md .postbox__play,
        .postbox--lg .postbox__play {
            top: 50%;
            left: auto;
            bottom: auto;
            right: 50%;
            padding: 0;
            transform: translate(50%, -50%);
        }

    .postbox--fullscreen .postbox__title,
    .postbox--lg .postbox__title,
    .entry .postbox__title {
        font-size: 2rem;
    }

    .postbox--sm .postbox__picture {
        min-height: 250px;
    }

    .postbox--fullscreen {
        margin-bottom: 3rem;
    }

    .footer {
        padding-top: 60px;
    }

        .footer__logo {
            font-size: 1rem;
        }

        .footer__menu {
            display: flex;
        }

    .entry__meta {
        display: flex;
        flex-wrap: wrap;
    }

        .entry__meta li {
            min-width: 25%;
            width: 25%;
            padding-left: 30px;
        }

}

/*
	MD and up
*/

@media screen and (min-width: 992px) {

    body {
        padding-top: 110px;
    }

    .mt-lg--10 { margin-top: 10px; }
    .mt-lg--20 { margin-top: 20px; }
    .mt-lg--30 { margin-top: 30px; }
    .mt-lg--40 { margin-top: 40px; }
    .mt-lg--50 { margin-top: 50px; }
    .mt-lg--60 { margin-top: 60px; }
    .mt-lg--70 { margin-top: 70px; }
    .mt-lg--80 { margin-top: 80px; }
    .mt-lg--90 { margin-top: 90px; }
    .mt-lg--100 { margin-top: 100px; }
    .mt-lg--110 { margin-top: 110px; }
    .mt-lg--120 { margin-top: 120px; }
    .mt-lg--130 { margin-top: 130px; }
    .mt-lg--140 { margin-top: 140px; }
    .mt-lg--150 { margin-top: 150px; }

    .mb-lg--10 { margin-bottom: 10px; }
    .mb-lg--20 { margin-bottom: 20px; }
    .mb-lg--30 { margin-bottom: 30px; }
    .mb-lg--40 { margin-bottom: 40px; }
    .mb-lg--50 { margin-bottom: 50px; }
    .mb-lg--60 { margin-bottom: 60px; }
    .mb-lg--70 { margin-bottom: 70px; }
    .mb-lg--80 { margin-bottom: 80px; }
    .mb-lg--90 { margin-bottom: 90px; }
    .mb-lg--100 { margin-bottom: 100px; }
    .mb-lg--110 { margin-bottom: 110px; }
    .mb-lg--120 { margin-bottom: 120px; }
    .mb-lg--130 { margin-bottom: 130px; }
    .mb-lg--140 { margin-bottom: 140px; }
    .mb-lg--150 { margin-bottom: 150px; }

    .pt-lg--10 { padding-top: 10px; }
    .pt-lg--20 { padding-top: 20px; }
    .pt-lg--30 { padding-top: 30px; }
    .pt-lg--40 { padding-top: 40px; }
    .pt-lg--50 { padding-top: 50px; }
    .pt-lg--60 { padding-top: 60px; }
    .pt-lg--70 { padding-top: 70px; }
    .pt-lg--80 { padding-top: 80px; }
    .pt-lg--90 { padding-top: 90px; }
    .pt-lg--100 { padding-top: 100px; }
    .pt-lg--110 { padding-top: 110px; }
    .pt-lg--120 { padding-top: 120px; }
    .pt-lg--130 { padding-top: 130px; }
    .pt-lg--140 { padding-top: 140px; }
    .pt-lg--150 { padding-top: 150px; }

    .pb-lg--10 { padding-bottom: 10px; }
    .pb-lg--20 { padding-bottom: 20px; }
    .pb-lg--30 { padding-bottom: 30px; }
    .pb-lg--40 { padding-bottom: 40px; }
    .pb-lg--50 { padding-bottom: 50px; }
    .pb-lg--60 { padding-bottom: 60px; }
    .pb-lg--70 { padding-bottom: 70px; }
    .pb-lg--80 { padding-bottom: 80px; }
    .pb-lg--90 { padding-bottom: 90px; }
    .pb-lg--100 { padding-bottom: 100px; }
    .pb-lg--110 { padding-bottom: 110px; }
    .pb-lg--120 { padding-bottom: 120px; }
    .pb-lg--130 { padding-bottom: 130px; }
    .pb-lg--140 { padding-bottom: 140px; }
    .pb-lg--150 { padding-bottom: 150px; }

    h1, .h1 {
        font-size: 3rem;
    }

    h2, .h2 {
        font-size: 2.5rem;
    }

    h3, .h3 {
        font-size: 2rem;
    }


    .header {
        padding-top: 6px;
        padding-bottom: 6px;
    }

        .header__logo {
            font-size: 1.375rem;
            text-shadow: none;
            transition: all .3s ease-in-out;
        }

            .header__logo img {
                width: 80px;
                height: 80px;
                margin-left: 1rem;
                transition: all .3s ease-in-out;
            }

            .header__options li + li {
                margin-right: 2rem;
            }

                .header__options li > a svg {
                    width: 2.5rem;
                    height: 2.5rem;
                }

                .header__options .dropdown .btn {
                    font-size: 1rem;
                }

                .header__options .dropdown-menu {
                    margin-right: -1rem;
                    font-size: 1rem;
                }

                    .header__options .dropdown-item {
                        padding: .5rem 1rem;
                    }

    body.home:not(.menu--active) .header--transparent:not(.header--sticky) .header__logo {
        color: #fff;
        text-shadow: 2px 2px 0px #000;
    }
    
    body:not(.menu--active) .header--transparent:not(.header--sticky) .header__logo img {
        width: 100px;
        height: 100px;
    }
    
    body:not(.menu--active) .header--transparent:not(.header--sticky) {
        background-color: transparent;
    }

    .menu--active .header--sticky {
        box-shadow: none;
    }

    .menu {
        z-index: 1009;
        bottom: auto;
        height: auto;
        padding-top: 100px;
        -webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .1);
                box-shadow: 0 5px 5px -5px rgba(0, 0, 0, .1);
    }
    
        .menu a {
            padding-top: 1rem;
            padding-bottom: 1rem;
        }

        .menu a:hover {
            color: #F5333F;
        }

            .menu a svg {
                transition: all .3s;
            }

            .menu a:hover svg {
                fill: #F5333F;
                opacity: 1;
            }

        .menu__main {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }

            .menu__main li {
                -ms-flex: 0 0 33.333333%;
                flex: 0 0 33.333333%;
                max-width: 33.333333%;
                margin-right: 0;
                margin-left: 0;
                padding-left: 1rem;
            }

        .menu .menu__secondary {
            text-align: left;
            margin-bottom: .5rem;
            padding-top: 0.5rem;
            font-size: 1.2rem;
            border-right: 1px solid #707070;
            border-top: none;
        }

            .menu .menu__secondary li {
                margin: 0 2rem 1rem;
            }
            
                .menu .menu__secondary li a {
                    padding: 0.25rem 0;
                }

    .section {
        padding-top: 100px;
        padding-bottom: 70px;
    }

    .postbox .postbox__badge {
        border-radius: 1.25rem;
    }

    .postbox .postbox__badge:before {
        display: none;
    }

    .postbox--md .postbox__badges {
        justify-content: flex-start;
        top: auto;
        bottom: 15px;
        margin-right: 15px;
    }

        .postbox--md .postbox__badge {
            margin-left: 15px;
        }

    .postbox--sm .postbox__badge:first-child,
    .postbox--lg .postbox__badge:first-child {
        right: 15px;
    }

    .postbox--sm .postbox__badge:last-child,
    .postbox--lg .postbox__badge:last-child {
        left: 15px;
    }

    .postbox--fullscreen .postbox__picture {
        min-height: 500px;
    }

    .postbox--fullscreen .postbox__content,
    .postbox--fullscreen .postbox__play,
    .postbox--fullscreen .postbox__badges {
        max-width: 1170px;
        margin-right: auto;
        margin-left: auto;
    }

    .postbox--fullscreen .postbox__content {
        padding: 2rem 2rem 0;
    }

    .postbox--fullscreen .postbox__badges {
        justify-content: flex-end;
        top: auto;
        bottom: 85px;
        padding-left: 2rem;
    }

        .postbox--fullscreen .postbox__badge {
            margin-right: 1rem;
        }

}
 
/*
    LG and up
*/
 
@media screen and (min-width: 1200px) {

    .postbox--sm .postbox__picture,
    .postbox--md .postbox__picture,
    .postbox--lg .postbox__picture {
        min-height: auto;
    }

        .postbox__picture > img {
            position: relative;
            right: 0;
            width: 100%;
            height: auto;
            opacity: 1;
            transition: transform 1s;
        }

    .postbox__picture:hover > img {
        transform: scale(1.1);
    }

    .postbox--fullscreen .postbox__title,
    .postbox--lg .postbox__title,
    .entry .postbox__title {
        font-size: 2.875rem;
    }

    .icon-list a.highlighted {
        display: inline-flex;
        align-items: center;
        text-align: right;
    }

        .icon-list a.highlighted img {
            width: 86px;
            margin-left: 1rem;
        }
        
        .icon-list .icon-list {
            padding: 0 5rem;
        }
        
        .icon-list .icon-list a.highlighted img {
            width: 60px;
        }

    blockquote {
        padding-right: 30px;
        padding-left: 30px;
    }

    .picture-fullscreen {
        position: relative;
        height: calc(100vh - 90px);
        background-position: center center;
        background-size: cover;
    }

        .picture-fullscreen img {
            position: absolute;
            right: -9999px;
            width: 1px;
            height: 1px;
            opacity: 0;
        }

}

/*
	XL and up
*/

@media screen and (min-width: 1701px) {

    .d-xxl {
        display: block;
    }

    .col-xxl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xxl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xxl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .overflow-xxl-hidden {
        overflow: hidden !important;
    }

    .postbox__play svg {
        width: 90px;
        height: 90px;
    }

    .postbox--md .postbox__content,
    .postbox--md .postbox__badges {
        max-width: 520px;
        margin-right: auto;
        margin-left: auto;
    }

    .postbox--lg:not(.postbox--lg-fullwidth) .postbox__content,
    .postbox--lg:not(.postbox--lg-fullwidth) .postbox__badges {
        max-width: 645px;
        margin-right: auto;
        margin-left: auto;
    }

    .postbox--lg:not(.postbox--lg-fullwidth) .postbox__badge:first-child {
        right: 0;
    }

    .postbox--lg:not(.postbox--lg-fullwidth) .postbox__badge:last-child {
        left: 0;
    }

    .postbox--fullscreen {
        margin-bottom: 80px;
    }

        .postbox--fullscreen .postbox__badges {
            bottom: 170px;
        }

        .postbox--fullscreen .postbox__play {
            bottom: 160px;
        }

            .postbox--fullscreen .postbox__play svg {
                width: 130px;
                height: 130px;
            }

        .postbox--fullscreen .postbox__content {
            min-height: 165px;
            margin-top: -165px;
            padding-top: 30px;
            background: #fff;
        }

        .postbox--fullscreen .postbox__picture {
            height: calc(100vh - 90px);
            min-height: 600px;
        }

    .entry {
        font-size: 1.25rem;
    }

        .entry figure {
            margin: 3rem -30px;
        }

        .entry__meta:not(.entry__meta--fixed) {
            position: absolute;
            display: block;
            top: 125px;
            left: 100%;
            width: 230px;
            margin-left: 45px;
        }

        .entry__meta:not(.entry__meta--fixed):before {
            position: absolute;
            content: "";
            top: 0;
            bottom: 0;
            left: 100%;
            width: 1000px;
            background: rgba(0, 0, 0, .07);
        }

            .entry__meta:not(.entry__meta--fixed) li {
                min-width: auto;
                width: auto;
                padding-left: 0;
            }

        .entry__meta--light:before {
            background: rgba(255, 255, 255, .1);
        }

        .entry__options {
            position: absolute;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            top: 3rem;
            right: 100%;
            width: 230px;
            margin-right: 30px;
        }

            .entry__options .postbox__badge {
                margin-bottom: 1rem;
            }

            .entry__options .share {
                margin-top: .5rem;
                margin-right: 1rem;
            }

                .entry__options .share ul {
                    flex-direction: column;
                }

                    .entry__options .share a {
                        width: 48px;
                        height: 48px;
                        line-height: 48px;
                    }

                        .entry__options .share a svg {
                            width: 30px;
                            height: 30px;
                        }

    figcaption,
    .figcaption,
    .caption-text p {
        font-size: 1rem;
    }

    figcaption,
    .caption-text {
        padding-right: 30px;
        padding-left: 30px;
    }

    .mih--400 {
        min-height: 400px;
    }

}