/*
Theme Name: Bopgun
Theme URI: 
Author: bopgun
Author URI: http://www.bopgun.com
Description: 
Version: 1.0.0
Text Domain: 
*/


/* 
-----------
BELOW 1920PX 
-----------
*/
@media screen and (max-width: 1920px) {

h1.big,
h2.big {font-size: 80px;}
h1, h2 {font-size: 44px;}
h3 {font-size: 33px;}
h5 {font-size: 22px;}

/* Header */

.header .inside-header {
	width: 1640px;
	max-width: 100%;
	padding: 0 40px;
}


/* Layouts */

.single-featured {min-height: 400px;}
.layouts .layout.l-hero-image.size-large {height: 400px;}

}


/* 
-----------
BELOW 1580PX 
-----------
*/
@media screen and (max-width: 1579px) {

button.slick-next {right: -20px;}
button.slick-prev {left: -20px;}

}


/* 
-----------
BELOW 1460PX 
-----------
*/
@media screen and (max-width: 1459px) {

.fixed-width {
	width: 100%;
	padding-left: 40px;
	padding-right: 40px;
}

/* Layouts */

.layouts .layout.l-boxes .list .item {margin: 0 2% 30px 0;}
.layouts .layout.l-boxes.column-2 .list .item {width: 49%;}
.layouts .layout.l-boxes.column-2.box-5 .list .item:nth-child(1n+3) {width: 32%;}
.layouts .layout.l-boxes.column-2.box-5 .list .item:nth-last-child(1) {margin: 0 0 0 2%;}
.layouts .layout.l-boxes.column-3 .list .item {width: 32%;}
.layouts .layout.l-boxes.column-4 .list .item {width: 23.5%;}
.layouts .layout.l-boxes.column-5 .list .item {width: 18.4%;}

.layouts .layout.l-insights .list .item {
	width: 32%;
	margin: 0 2% 50px 0;
}

.layouts .layout.l-cta {padding: 40px 0;}

/* Single */

.single.type-evergreen .single-layouts .article-width, 
.single.type-evergreen .single-categories .article-width {
	float: left;
	right: 0;
	left: 40px;
}
.single.type-evergreen .single-related {
	width: 340px;
	left: auto;
	right: 40px;
}
.single.type-evergreen .single-related h6 {display: none;}
.single.type-evergreen .single-related .list .item .copy {width: 210px;}

}


/* 
-----------
BELOW 1400PX 
-----------
*/
@media screen and (max-width: 1399px) {

.inner-width {
	width: 100%;
	padding-left: 40px;
	padding-right: 40px;
}
.fixed-width .inner-width {
	padding-left: 0px;
	padding-right: 0px;
}

h1.big,
h2.big {font-size: 70px;}
h1, h2 {font-size: 40px;}
h3 {font-size: 30px;}
h5 {font-size: 20px;}

.button a p,
.layouts .layout.l-insights .filter .alm-filter button,
.layouts .layout.l-insights .filter .alm-filter select,
.header .search-bar form input[type="submit"], 
.bar form input[type="submit"],
#ajax-load-more .alm-btn-wrap .alm-load-more-btn, 
#ajax-load-more-2 .alm-btn-wrap .alm-load-more-btn,
.layouts .layout.l-job-roles .list .teamtailor-jobs__job:before {font-size: 17px;}

/* Layouts */

.layouts .layout.l-hero-carousel .carousel .item .copy {right: 40px;}
.layouts .layout.l-hero-carousel .navigation ul.slick-dots {bottom: 10vh;}

.layouts .layout.l-hero-copy-image .copy {padding: 0 80px 0 40px;}
.layouts .layout.l-hero-copy-image.alt .copy {padding: 0 40px 0 80px;}

.layouts .layout.l-copy-2-column .left,
.layouts .layout.l-copy-2-column .right {width: 49%;}

.layouts .layout.l-copy-image .copy,
.layouts .layout.l-copy-image .image {width: 49%;}

.layouts .layout.l-copy-image-full-width .copy {padding: 0 80px 0 40px;}
.layouts .layout.l-copy-image-full-width.alt .copy {padding: 0 40px 0 80px;}

.layouts .layout.l-accordion .section .stage .copy,
.layouts .layout.l-accordion .section .stage .image {width: 49%;}

.layouts .layout.l-team .list .item {width: 18%;}
.layouts .layout.l-team .list.carousel .item {width: 16.5vw;}

.layouts .layout.l-job-roles .list .item {
	width: 32%;
	margin: 0 2% 30px 0;
}

.layouts .layout.l-job-roles .list .teamtailor-jobs__job {
	width: 32%;
	margin: 0 2% 30px 0;
}
.layouts .layout.l-job-roles .list .teamtailor-jobs__job-title {font-size: 20px;}

.layouts .layout.l-featured-insights .list .item {
	width: 30vw;
	margin: 0 2vw 0 0;
}
.layouts .layout.l-featured-insights .list .item .copy {padding: 20px 0 50px 0;}

.layouts .layout.l-insights .list .item .copy {padding: 20px 20px 0 20px;}
.layouts .layout.l-insights .list .item .copy .button {left: 20px;}

.layouts .layout.l-box-carousel .carousel .item {
	width: 46vw;
	margin: 0 2vw 0 0;
}
.layouts .layout.l-box-carousel .carousel .item .copy {padding: 20px 20px 0 20px;}

.layouts .layout.l-boxes .list .item .copy {padding: 20px 20px 0 20px;}
.layouts .layout.l-boxes.inset .list .item .copy {padding-bottom: 20px;}

.layouts .layout.l-copy-smallprint .copy {padding: 0 0 0 20px;}

.layouts .layout.l-faqs .section .heading {padding: 15px 20px;}
.layouts .layout.l-faqs .section img {right: 20px;}
.layouts .layout.l-faqs .section .list .item {padding: 15px 20px;}

.layouts .layout.l-accordion .section .heading {padding: 15px 60px 15px 20px;}
.layouts .layout.l-accordion .section .heading img {right: 20px;}

.layouts .layout.l-form-2-column .copy {width: 40%;}
.layouts .layout.l-form-2-column .form {width: 55%;}

/* Single */

.single-layouts .layout.s-copy-smallprint .copy {padding: 0 280px 0 20px;}

.single.type-evergreen .single-related {
	width: 100%;
	position: relative;
	bottom: 0;
	right: 0;
	margin: 0 0 100px 0;
}
.single.type-evergreen .single-layouts .article-width, 
.single.type-evergreen .single-categories .article-width {
	float: none;
	left: auto;
	right: auto;
}
.single.type-evergreen .single-related .list .item {width: 32%;}
.single.type-evergreen .single-related .list .item .image,
.single.type-evergreen .single-related .list .item .copy {width: 100%;}
.single.type-evergreen .single-related .list .item .image img {aspect-ratio: 1.75/1;}
.single.type-evergreen .single-related h6 {display: inline-block;}

}


/* 
-----------
BELOW 1280PX 
-----------
*/
@media screen and (max-width: 1279px) {

h1.big,
h2.big {font-size: 55px;}
h1, h2 {font-size: 36px;}
h3 {font-size: 27px;}
h4 {font-size: 23px;}
h5 {font-size: 19px;}

p, input, select, button, td,
.content ul li, 
.content ol li {font-size: 17px;}

/* Header */

.header .logo {
	width: 200px;
	margin: 30px 0 0 0;
}
.header .main-menu {margin: 0 0 0 20px;}
.header .toolbar .button {margin: 0 0 0 20px;}
.header .toolbar .button::after {content: unset;}
.header .toolbar .button a {padding: 12.5px 20px;}

.header .main-menu .item {padding: 35.5px 10px;}
.header .main-menu .item .super-menu .image {
	width: 200px;
	margin: 0 35px 0 0;
}
.header .main-menu .item .super-menu .column {margin: 0 50px 0 0;}
.header .main-menu .item:nth-child(2) .super-menu .image {margin: 0 170px 0 0;}

/* Footer */

.footer .stage .columns .column {min-width: auto;}
.footer .stage {padding: 50px 0 30px 0;}
.footer .stage .logo img {width: 200px;}

/* Layouts */

.layouts .layout {margin: 0 0 60px 0;}

.layouts .layout.l-hero-image,
body.single-press-release .single-featured {height: 200px;}

.layouts .layout.l-heading {margin: 0 0 40px 0;}

.layouts .layout.l-copy {margin: 0 0 40px 0;}

.layouts .layout.l-copy-2-column {margin: 0 0 40px 0;}

.layouts .layout.l-hero-copy-image .image .caption,
.layouts .layout.l-hero-copy-image.alt .image .caption {padding: 0 40px 20px 40px;}
.layouts .layout.l-hero-copy-image .copy {padding: 0 60px 0 40px;}
.layouts .layout.l-hero-copy-image.alt .copy {padding: 0 40px 0 60px;}

.layouts .layout.l-copy-image-full-width .copy {padding: 0 60px 0 40px;}
.layouts .layout.l-copy-image-full-width.alt .copy {padding: 0 40px 0 60px;}

.layouts .layout.l-faqs {margin: 0 0 30px 0;}

.layouts .layout.l-accordion {margin: 0 0 30px 0;}

.layouts .layout.l-stats {padding: 60px 0 40px 0;}
.layouts .layout.l-stats .list .item h2 {font-size: 70px;}

.layouts .layout.l-boxes {margin: 0 0 30px 0;}
.layouts .layout.l-boxes.outset {margin: 0 0 10px 0;}
.layouts .layout.l-boxes.bg-grey {
	margin: 0 0 60px 0;
	padding: 60px 0 30px 0;
}

.layouts .layout.l-box-carousel {padding: 60px 0;}
.layouts .layout.l-box-carousel .carousel .item {width: 45vw;}

.layouts .layout.l-featured-insights .list .item {width: 29.5vw;}

.layouts .layout.l-team .list .item {margin: 0 0.75% 10px 0.75%;}
.layouts .layout.l-team .lightbox .item {padding: 50px;}
.layouts .layout.l-team .lightbox .item .close {
	top: 20px;
	right: 20px;
}
.layouts .layout.l-team .subtitle {margin: 0 0 10px 0;}

.layouts .layout.l-team .title {margin: 0 auto;}
.layouts .layout.l-team .filter {margin: 0 0 20px 0;}
.layouts .layout.l-team .department {margin: 0 0 30px 0;}
.layouts .layout.l-team .carousel {padding: 0 120px;}
.layouts .layout.l-team .list.carousel .item {margin: 0 0.5vw 10px 0.5vw;}

.layouts .layout.l-team-with-filter {margin: 0 0 20px 0;}
.layouts .layout.l-team-with-filter .list .item {margin: 0 2% 10px 0;}

.layouts .layout.l-job-roles {margin: 0 0 30px 0;}
.layouts .layout.l-job-roles .list .item {
	margin: 0 2% 20px 0;
	padding: 20px 20px 60px 20px;
}
.layouts .layout.l-job-roles .list .item:nth-child(3n+3) {margin: 0 0 20px 0;}
.layouts .layout.l-job-roles .list .item .button {
	bottom: 20px;
	left: 20px;
}

.layouts .layout.l-job-roles .list .teamtailor-jobs__job {
	margin: 0 2% 20px 0;
	padding: 20px 20px 60px 20px;
}
.layouts .layout.l-job-roles .list .teamtailor-jobs__job:nth-child(3n+3) {margin: 0 0 20px 0;}
.layouts .layout.l-job-roles .list .teamtailor-jobs__job-title {font-size: 19px;}
.layouts .layout.l-job-roles .list .teamtailor-jobs__job-info {font-size: 17px;}
.layouts .layout.l-job-roles .list .teamtailor-jobs__job:before {
	bottom: 20px;
	left: 20px;
}

.layouts .layout.l-featured-insights {padding: 60px 0;}

.layouts .layout.l-insights .filter {padding: 30px 0;}
.layouts .layout.l-insights .filter .alm-filter.alm-filter--search {float: left; margin: 0px;}
.layouts .layout.l-insights .filter .alm-filter:nth-child(2) {clear: both;}
.alm-filters-container .alm-filter--inner {padding: 0 0 20px 0 !important;}
.layouts .layout.l-insights .list .item .copy {padding: 20px 0 0 0;}
.layouts .layout.l-insights .list .item .copy .date,
.layouts .layout.l-insights .list .item .copy h5 {margin: 0 0 10px 0;}
.layouts .layout.l-insights .list .item .copy .button {left: 0px;}

body.single-post .layouts .layout.l-cta .copy .button {
	top: auto;
    transform: translateY(0%);
    bottom: 0;
}

.layouts .layout.l-form-2-column {padding: 60px 0 40px 0;}

/* Single */

.single-featured {min-height: 300px;}
.layouts .layout.l-hero-image.size-large {height: 300px;}

.single-layouts {margin: 0 0 20px 0;}

.single-categories {margin: 0 0 40px 0;}

.single-related,
.single.type-evergreen .single-related {margin: 0 0 50px 0;}

.single-gated {margin-top: -130px;}

/* Job */

body.single-job-roles .apply {margin: 0 0 60px 0;}

}


/* 
-----------
BELOW 1024PX 
-----------
*/
@media screen and (max-width: 1023px) {

h1.big,
h2.big {font-size: 50px;}
h1, h2 {font-size: 34px;}
h3 {font-size: 24px;}

body.killscroll {
    margin: 0;
    height: 100%;
    overflow: hidden;
}

.fixed-width {
	padding-left: 20px;
   	padding-right: 20px;
}
.inner-width {
	padding-left: 20px;
    padding-right: 20px;
}

.button a {padding: 10px 60px 10px 15px;}
.button.style-plain a {padding: 10px 15px;}

.header .search-bar form input[type="submit"], 
.bar form input[type="submit"],
.layouts .layout.l-team .filter select,
.layouts .layout.l-insights .filter .alm-filter button,
.layouts .layout.l-insights .filter .alm-filter select {padding: 10px 60px 10px 15px;}

button.slick-prev, 
button.slick-next {
    width: 60px;
    height: 60px;
}
.layouts .layout.l-box-carousel button.slick-prev, 
.layouts .layout.l-box-carousel button.slick-next,
.layouts .layout.l-featured-insights button.slick-prev, 
.layouts .layout.l-featured-insights button.slick-next {
	top: 25%;
    transform: translateY(0%);
}

ul.slick-dots li {
	width: 15px;
	height: 15px;
}

/* Header */

.header .toggle {display: inline-block;}
.header .inside-header {padding: 0 20px;}
.header .logo {
	position: relative;
	z-index: 1;
}
.header .main-menu {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	height: calc(100vh - 100px);
	margin: 0 auto;
	padding: 0 0 100px 0;
	background-color: #FFFFFF;
	position: absolute;
	top: 100px;
	left: 0;
	right: 0;
	box-sizing: border-box;
	overflow: scroll;
}
.header .main-menu.active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
.header .main-menu .item {
	width: 100%;
	padding: 20px 20px 0 20px;
	box-sizing: border-box;
}
.header .main-menu .item .super-menu {
	opacity: 1;
	visibility: visible;
	position: static;
	top: 0;
	padding: 10px 0 0 0;
}
.header .main-menu .item .super-menu .inside-header {padding: 0px;}
.header .main-menu .item .super-menu .column {
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.header .main-menu .item .super-menu .column .plus {display: inline-block;}
.header .main-menu .item .super-menu .column.on .plus {
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.header .main-menu .item .super-menu .image {display: none;}
.header .main-menu .item .super-menu .column .sub-menu {
	display: none;
	padding: 0 0 10px 0;
}

.menu-mask {display: none;}

.header .toolbar {margin: 27.5px 65px 0 0;}
.header .toolbar .search {position: relative;}
.header .toolbar .button a {padding: 10px 15px;}

/* Footer */

.footer .newsletter .inside-newsletter {padding: 0 20px;}
.footer .newsletter .copy {padding: 0 160px 0 0;}

.footer .stage {text-align: center;}
.footer .stage .columns {width: 100%;}
.footer .stage .columns .column {
	width: 33.33%;
	padding: 0 20px;
	text-align: left;
}
.footer .stage .logos {
	float: none;
	margin: 0 auto;
	margin-top: 40px;
	display: inline-block;
}
.footer .stage .logo img {float: none;}

/* Layouts */

.layouts .layout.l-hero-carousel .carousel .item .copy {right: 20px;}

.layouts .layout.l-hero-copy-image {margin: 0 0 40px 0;}
.layouts .layout.l-hero-copy-image .inner-width {
	min-height: auto;
	display: block;
}
.layouts .layout.l-hero-copy-image .copy,
.layouts .layout.l-hero-copy-image.alt .copy {
	width: 100%;
	float: left;
	padding: 60px 0 0 0;
	position: relative;
    top: 0%;
    transform: translateY(0%);
}
.layouts .layout.l-hero-copy-image .image,
.layouts .layout.l-hero-copy-image.alt .image {
	width: 100vw;
	height: auto;
	min-height: 400px;
	position: relative;
    top: 0%;
    transform: translateY(0%);
    right: 0;
    left: -20px;
}
.layouts .layout.l-hero-copy-image .image .caption, 
.layouts .layout.l-hero-copy-image.alt .image .caption {
	width: 100%;
	padding: 0 20px 20px 20px;
}

.layouts .layout.l-copy-2-column .left, 
.layouts .layout.l-copy-2-column .right {width: 48.5%;}

.layouts .layout.l-copy-image .copy {margin: 0 0 20px 0;}
.layouts .layout.l-copy-image .copy, 
.layouts .layout.l-copy-image .image {width: 100%;}
.layouts .layout.l-copy-image .image img {aspect-ratio: 2/1;}

.layouts .layout.l-copy-image-full-width .inner-width {
	min-height: auto;
    display: block;
}
.layouts .layout.l-copy-image-full-width .copy,
.layouts .layout.l-copy-image-full-width.alt .copy {
    width: 100%;
    float: left;
    padding: 60px 0 40px 0;
    position: relative;
    top: 0%;
    transform: translateY(0%);
}
.layouts .layout.l-copy-image-full-width .image,
.layouts .layout.l-copy-image-full-width.alt .image {
	width: 100vw;
    height: auto;
    min-height: 400px;
    position: relative;
    top: 0%;
    transform: translateY(0%);
    right: 0;
    left: -20px;
}

.layouts .layout.l-quote .copy {padding: 0 0 0 15%;}
.layouts .layout.l-quote.alt .copy {padding: 0 15% 0 0;}

.layouts .layout.l-stats .list .item {
	width: 22.75%;
	margin: 0 3% 0 0;
}
.layouts .layout.l-stats.count-3 .list .item {
	width: 30%;
	margin: 0 5% 0 0;
}
.layouts .layout.l-stats .list .item h2 {font-size: 50px;}

.layouts .layout#l-team .list,
.layouts .layout.l-team .carousel {padding: 0 80px;}
.layouts .layout.l-team .list .item,
.layouts .layout.l-team .list.carousel .item {
	width: 22vw;
	margin: 0 1.5vw 10px 1.5vw;
}
.layouts .layout.l-team .list .item .copy img {
	width: 40px;
	right: 5px;
}
.layouts .layout.l-team .lightbox .item {padding: 20px;}

.layouts .layout.l-team-with-filter .list .item,
.layouts .layout.l-team-with-filter .list .item:nth-child(5n+5) {
	width: 22.75%;
	margin: 0 3% 10px 0;
}
.layouts .layout.l-team-with-filter .list .item:nth-child(4n+4) {margin: 0 0 10px 0;}
.layouts .layout.l-team-with-filter .list .item:nth-child(4n+5) {clear: both;}
.layouts .layout.l-team-with-filter .list .item:nth-child(5n+6) {clear: none;}

.layouts .layout.l-boxes .list .item {margin: 0 3% 20px 0;}
.layouts .layout.l-boxes.outset .list .item .copy {padding: 20px 0 0 0;}
.layouts .layout.l-boxes.column-2 .list .item {width: 48.5%;}
.layouts .layout.l-boxes.column-3 .list .item {width: 31.33%;}
.layouts .layout.l-boxes.column-4 .list .item {width: 22.75%;}
.layouts .layout.l-boxes.column-5 .list .item {width: 48.5%;}
.layouts .layout.l-boxes.column-5 .list .item:nth-child(3),
.layouts .layout.l-boxes.column-5 .list .item:nth-child(4),
.layouts .layout.l-boxes.column-5 .list .item:nth-child(5) {width: 31.33%;}
.layouts .layout.l-boxes.column-5 .list .item:nth-child(2) {margin: 0 0 20px 0;}
.layouts .layout.l-boxes.column-5 .list .item .image img {aspect-ratio: 1.6 / 1;}
.layouts .layout.l-boxes.column-2.box-5 .list .item:nth-child(1n+3) {width: 31.33%;}
.layouts .layout.l-boxes.column-2.box-5 .list .item:nth-last-child(1) {margin: 0 0 0 3%;}

.layouts .layout.l-box-carousel .carousel .item {margin: 0 3vw 0 0;}
.layouts .layout.l-box-carousel .carousel .item .copy {padding: 20px 0 0 0;}

.layouts .layout.l-featured-insights .list .item {margin: 0 3vw 0 0;}
.layouts .layout.l-featured-insights .list ul.slick-dots {margin: 40px 0 0 0;}

.layouts .layout.l-download .inside-download {padding: 0 20px;}
.layouts .layout.l-download .image {margin: 0 3% 0 0;}
.layouts .layout.l-download .copy {width: 53%;}

.layouts .layout.l-video .inside-video {padding: 0 20px;}

.layouts .layout.l-insights .list .item {
    width: 31.33%;
    margin: 0 3% 50px 0;
}

.layouts .layout.l-accordion .section .stage .copy, 
.layouts .layout.l-accordion .section .stage .image {width: 48.5%;}

.layouts .layout.l-job-roles .list .item,
.layouts .layout.l-job-roles .list .item:nth-child(3n+3) {
	width: 48.5%;
	margin: 0 3% 20px 0;
}
.layouts .layout.l-job-roles .list .item:nth-child(2n+2) {margin: 0 0 20px 0;}

.layouts .layout.l-job-roles .list .teamtailor-jobs__job,
.layouts .layout.l-job-roles .list .teamtailor-jobs__job:nth-child(3n+3) {
	width: 48.5%;
	margin: 0 3% 20px 0;
}
.layouts .layout.l-job-roles .list .teamtailor-jobs__job:nth-child(2n+2) {margin: 0 0 20px 0;}
.layouts .layout.l-job-roles .list .teamtailor-jobs__job:before {
	font-size: 17px;
	padding: 10px 15px;
}

.layouts .layout.l-cta {padding: 30px 0;}
.layouts .layout.l-cta .close {
	top: 15px;
	right: 15px;
}

.layouts .layout.l-form-2-column .form,
.layouts .layout.l-form .form .article-width {padding: 30px 20px;}

/* Single */

.article-width {
    width: 980px;
    max-width: 100%;
    padding: 0 20px;
}
.single-gated .article-width {width: 95vw;}

.single-featured .s-copy {padding: 20px 0;}

.single-layouts .layout.s-copy-image .image {width: 55%;}
.single-layouts .layout.s-copy-image .copy {width: 42%;}

.single-layouts .layout.s-downloads {padding: 30px 20px;}
.single-layouts .layout.s-downloads .list .item {
    width: 31.33%;
    float: left;
    margin: 0 3% 0 0;
}
.single-layouts .layout.s-downloads .list .item:nth-child(3n+3) {margin: 0 auto;}
.single-layouts .layout.s-downloads .list .item .button {margin: 0 auto;}

.single-related .list .item,
.single.type-evergreen .single-related .list .item {
	width: 31.33%;
	margin: 0 3% 0 0;
}

/* Job */

body.single-job-roles .apply .stage {padding: 20px;}
body.single-job-roles .apply .stage .title {padding: 0 315px 0 0;}

}


/* 
-----------
BELOW 768PX 
-----------
*/
@media screen and (max-width: 767px) {

h1, h2 {font-size: 32px;}
h4 {font-size: 22px;}
h5 {font-size: 18px;}

p, input, select, button, td,
.content ul li, 
.content ol li {font-size: 16px;}

.button a p,
.layouts .layout.l-insights .filter .alm-filter button,
.layouts .layout.l-insights .filter .alm-filter select,
.header .search-bar form input[type="submit"], 
.bar form input[type="submit"],
#ajax-load-more .alm-btn-wrap .alm-load-more-btn, 
#ajax-load-more-2 .alm-btn-wrap .alm-load-more-btn,
.layouts .layout.l-job-roles .list .teamtailor-jobs__job:before {font-size: 16px;}

#moove_gdpr_cookie_info_bar .mgbutton {margin: 0 auto !important;}

/* Header */

body.logged-in .header {top: 46px;}

.header .logo {width: 190px;}

.header .toolbar {margin: 27.5px 55px 0 0;}
.header .toolbar .button.login p {display: none;}
.header .toolbar .button.login img.off,
.header .toolbar .button.login:hover img.on {display: block;}
.header .toolbar .button.login:hover img.off {display: none;}
.header .toolbar .search {margin: 2.5px 0 0 0;}

/* Layouts */

.layouts .layout.l-hero-carousel .carousel .item .copy {width: 50%;}

.layouts .layout.l-copy-image-full-width .image, 
.layouts .layout.l-copy-image-full-width.alt .image,
.layouts .layout.l-hero-copy-image .image, 
.layouts .layout.l-hero-copy-image.alt .image {min-height: 300px;}

.layouts .layout.l-hero-image,
body.single-press-release .single-featured {height: 160px;}

.layouts .layout.l-quote .copy {padding: 0 0 0 10%;}

.layouts .layout.l-featured-insights .list .item {width: 55vw;}

.layouts .layout.l-insights .list .item,
.layouts .layout.l-insights .list .item:nth-child(3n+3) {
	width: 48.5%;
	margin: 0 3% 40px 0;
}
.layouts .layout.l-insights .list .item:nth-child(2n+2) {margin: 0 0 40px 0;}

.layouts .layout.l-copy-2-column .left, 
.layouts .layout.l-copy-2-column .right {width: 100%;}
.layouts .layout.l-copy-2-column .left {margin: 0 0 20px 0;}

.layouts .layout.l-faqs .section .list {padding: 10px 0 0 0;}

.layouts .layout.l-accordion .section .stage .copy, 
.layouts .layout.l-accordion .section .stage .image {width: 100%;}
.layouts .layout.l-accordion .section .stage .copy {margin: 0 0 20px 0;}
.layouts .layout.l-accordion .section .stage .image img {aspect-ratio: 1.75 / 1;}

.layouts .layout.l-stats {padding: 40px 0 20px 0;}
.layouts .layout.l-stats .list .item h2 {font-size: 45px;}

.layouts .layout#l-team .list .item,
.layouts .layout.l-team .list.carousel .item {width: 31vw;}
.layouts .layout.l-team .lightbox .item .copy {
	width: 100%;
	padding: 20px 0 0 0;
}
.layouts .layout.l-team .lightbox .item .image {
	width: 200px;
	float: none;
	margin: 0 auto;
}

.layouts .layout.l-boxes.column-2 .list .item .image img {aspect-ratio: 1 / 1;}
.layouts .layout.l-boxes.column-3 .list .item {
	width: 100%;
	margin: 0 0 20px 0;
}
.layouts .layout.l-boxes.column-3 .list .item .image img {aspect-ratio: 2 / 1;}
.layouts .layout.l-boxes.column-4 .list .item {width: 48.5%;}
.layouts .layout.l-boxes.column-4 .list .item:nth-child(2n+2) {margin: 0 0 20px 0;}
.layouts .layout.l-boxes.column-5 .list .item:nth-child(3), 
.layouts .layout.l-boxes.column-5 .list .item:nth-child(4) {width: 48.5%;}
.layouts .layout.l-boxes.column-5 .list .item:nth-child(4) {margin: 0 0 20px 0;}
.layouts .layout.l-boxes.column-5 .list .item:nth-child(5) {width: 100%;}

.layouts .layout.l-box-carousel .carousel .item .image img {aspect-ratio: 1.5 / 1;}

.layouts .layout.l-job-roles .list .item,
.layouts .layout.l-job-roles .list .item:nth-child(3n+3) {
    width: 100%;
    margin: 0 0 20px 0;
}

.layouts .layout.l-job-roles .list .teamtailor-jobs__job,
.layouts .layout.l-job-roles .list .teamtailor-jobs__job:nth-child(3n+3) {
    width: 100%;
    margin: 0 0 20px 0;
}
.layouts .layout.l-job-roles .list .teamtailor-jobs__job-title {font-size: 18px;}
.layouts .layout.l-job-roles .list .teamtailor-jobs__job-info {font-size: 16px;}

.layouts .layout.l-press-releases .list .item .copy {padding: 0 135px 0 0;}
.layouts .layout.l-press-releases .list .item {margin: 0 0 30px 0;}

.layouts .layout.l-download .inside-download {display: inline-block;}
.layouts .layout.l-download .image {
	width: 100%;
	margin: 0 0 20px 0;
}
.layouts .layout.l-download .image img {aspect-ratio: 2 / 1;}
.layouts .layout.l-download .copy {width: 100%;}
.layouts .layout.l-download .copy .stage {
	position: relative;
    top: 0%;
    transform: translateY(0%);
}

.layouts .layout.l-boxes.column-2.box-5 .list .item:nth-child(1n+3) {width: 48.5%;}
.layouts .layout.l-boxes.column-2.box-5 .list .item:nth-last-child(1) {
	width: 100%;
	margin: 0 0 20px 0;
}
.layouts .layout.l-boxes.column-2.box-5 .list .item:nth-last-child(1) img {aspect-ratio: 2 / 1;}

.layouts .layout.l-cta .copy {padding: 0 260px 0 0;}

.layouts .layout.l-form-2-column .copy {
	width: 100%;
	padding: 0 0 20px 0;
}
.layouts .layout.l-form-2-column .copy br {display: none;}
.layouts .layout.l-form-2-column .form {width: 100%;}

/* Single */

.single-layouts .layout.s-copy-smallprint .copy {padding: 0 240px 0 20px;}

.single-related .list .item .image img,
.single.type-evergreen .single-related .list .item .image img {aspect-ratio: 1 / 1;}

.single-layouts .layout.s-copy-image .image {width: 100%;}
.single-layouts .layout.s-copy-image .copy {width: 100%;}

.single-layouts .layout.s-quote {padding: 30px 20px 10px 20px;}

/* Search */

body.search .bar form input[type="text"] {width: 380px;}
body.search .bar form input[type="submit"] {float: right;}

}


/* 
-----------
BELOW 600PX 
-----------
*/
@media screen and (max-width: 599px) {

.content {margin-top: 60px;}

h1.big, h2.big {font-size: 48px;}
h1, h2 {font-size: 28px;}
h3 {font-size: 22px;}
h4 {font-size: 20px;}
h5 {font-size: 17px;}
h6 {font-size: 14px;}

.button a p,
.layouts .layout.l-insights .filter .alm-filter button,
.layouts .layout.l-insights .filter .alm-filter select,
.header .search-bar form input[type="submit"], 
.bar form input[type="submit"],
#ajax-load-more .alm-btn-wrap .alm-load-more-btn, 
#ajax-load-more-2 .alm-btn-wrap .alm-load-more-btn,
.layouts .layout.l-job-roles .list .teamtailor-jobs__job:before {font-size: 15px;}
.button a {padding: 10px 50px 10px 15px;}
.button::after {right: 15px;}
.button:hover::after {right: 10px;}
.button {max-width: 100%;}

button.slick-prev, 
button.slick-next {
    width: 40px;
    height: 40px;
}

/* Header */

.header {height: 60px;}
.header .logo {
	width: 120px;
	margin: 17.5px 0 0 0;
	-moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.header .toggle {
	top: 18.5px;
	-moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.header.search-active .toggle {
	opacity: 0;
	visibility: hidden;
}
.header .toolbar {
	margin: 13.5px 55px 0 0;
	position: absolute;
	right: 20px;
	-moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.header.search-active .toolbar {
	opacity: 0;
	visibility: hidden;
}
.header .toolbar .button {margin: 0 0 0 15px;}
.header .toolbar .button p {font-size: 14px;}
.header .toolbar .button a {padding: 7.5px 10px;}
.header .toolbar .search {
	display: none;
	opacity: 0;
	visibility: hidden;
	margin: 0 auto;
	position: absolute;
	top: 10px;
	left: 15px;
	-moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.header .toolbar .button.login {
	opacity: 0;
	visibility: hidden;
    margin: 0 5px 0 0;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.header.menu-active .toolbar .button.login {
	opacity: 1;
	visibility: visible;
}
.header .toolbar .button.login img {width: 15px;}

.header .search-bar {
	top: 60px;
	padding: 0 0 30px 0;
}
.header .search-bar .inside {padding: 0 20px;}
.header .search-bar form input[type="text"], 
.bar form input[type="text"] {width: 100%;}
.header .search-bar .list {padding: 0px;}

.header .search-mobile {
	opacity: 0;
	visibility: hidden;
	display: inline-block;
	margin: 0 auto;
	position: absolute;
	top: 12.5px;
	left: 15px;
	-moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
} 
.header.menu-active .search-mobile {
	opacity: 1;
	visibility: visible;
}

.header .main-menu {
	top: 60px;
	height: calc(100vh - 60px);
}
.header .main-menu .item .super-menu .column ul.menu > li > a {font-size: 19px;}

.menu-mask, 
.search-mask {top: 60px;}

.header.menu-active .logo {
	opacity: 0;
	visibility: hidden;
}
.header.menu-active .toolbar .search {
	opacity: 1;
	visibility: visible;
}

/* Footer */

.footer .newsletter .copy {padding: 0px;}
.footer .newsletter .copy .button {
	margin: 20px 0 0 0;
	position: static;
    top: 0%;
 	transform: translateY(0%);
}

.footer .stage .columns {display: inline-block;}
.footer .stage .columns .column:nth-child(1) {
	width: 100%;
	padding: 0px;
	margin: 0 0 20px 0;
	border: 0px;
	text-align: center;
}
.footer .stage .columns .column p {margin: 0 0 10px 0;}
.footer .stage .columns .column {
	width: 50%;
	padding: 0 0 0 20px;
}
.footer .stage p {font-size: 18px;}
.footer .stage .logos {margin-top: 30px;}
.footer .stage .logo {margin: 0 0 30px 0;}
.footer .stage .logo img {width: 150px;}

/* Layouts */

.layouts .layout {margin: 0 0 50px 0;}

.layouts .layout.l-hero-carousel .carousel .item {
	height: calc(100vh - 60px);
	background-position: right center;	
}
.layouts .layout.l-hero-carousel .carousel .item .hero {object-position: right center;}
.layouts .layout.l-hero-carousel .carousel .item .copy {
	width: 320px;
	right: 0;
	padding: 0 20px;
	box-sizing: border-box;
}

.layouts .layout.l-quote .copy {padding: 0px;}

.layouts .layout.l-featured-insights .list .item {width: 70vw;}
.layouts .layout.l-featured-insights .list .item .copy {padding: 20px 0 40px 0;} 

.layouts .layout.l-boxes,
.layouts .layout.l-boxes.outset {margin: 0 0 50px 0;}
.layouts .layout.l-boxes.outset .list .item .copy .button {margin-bottom: 0px;}
.layouts .layout.l-boxes button.slick-prev {left: 0;}
.layouts .layout.l-boxes button.slick-next {right: 0;}
.layouts .layout.l-boxes .title {margin: 0 0 10px 0;}
.layouts .layout.l-boxes.column-2 .list .item,
.layouts .layout.l-boxes.column-2 .list .item:nth-child(2n+2),
.layouts .layout.l-boxes.column-2.box-5 .list .item:nth-child(1n+3),
.layouts .layout.l-boxes.column-3 .list .item,
.layouts .layout.l-boxes.column-4 .list .item,
.layouts .layout.l-boxes.column-4 .list .item:nth-child(2n+2),
.layouts .layout.l-boxes.column-5 .list .item,
.layouts .layout.l-boxes.column-5 .list .item:nth-child(2),
.layouts .layout.l-boxes.column-5 .list .item:nth-child(3), 
.layouts .layout.l-boxes.column-5 .list .item:nth-child(4),
.layouts .layout.l-boxes.column-5 .list .item:nth-child(5) {
	width: 70vw;
	margin: 0 20px 20px 0;
}
.layouts .layout.l-boxes.column-3 .list .item .image img,
.layouts .layout.l-boxes.column-5 .list .item .image img,
.layouts .layout.l-boxes.column-2.box-5 .list .item:nth-last-child(1) img {aspect-ratio: 1 / 1;}

.layouts .layout.l-box-carousel {padding: 50px 0;}
.layouts .layout.l-box-carousel .title {margin: 0 0 10px 0;}
.layouts .layout.l-box-carousel .carousel .item {
	width: 70vw;
	margin: 0 20px 0 0
}
.layouts .layout.l-box-carousel .carousel .item .image img {aspect-ratio: 1 / 1;}
.layouts .layout.l-box-carousel .carousel ul.slick-dots {margin: 10px 0 0 0;}

.layouts .layout.l-job-roles .title {margin: 0 0 10px 0;}

.layouts .layout.l-press-releases .list .item .copy {padding: 0 125px 0 0;}

.layouts .layout.l-featured-insights {padding: 50px 0;}
.layouts .layout.l-featured-insights .title {margin: 0 0 10px 0;}

.layouts .layout.l-download .copy .stage .button {margin: 0 auto;}

.layouts .layout.l-hero-copy-image {margin: 0 0 30px 0;}
.layouts .layout.l-hero-copy-image .copy, 
.layouts .layout.l-hero-copy-image.alt .copy {padding: 50px 0 0 0;}
.layouts .layout.l-hero-copy-image .image .caption, 
.layouts .layout.l-hero-copy-image.alt .image .caption {padding: 0 20px;}

.layouts .layout.l-hero-image,
body.single-press-release .single-featured {height: 100px;}
.layouts .layout.l-hero-image.size-large {height: 200px;}

.layouts .layout.l-heading {margin: 0 0 30px 0;}

.layouts .layout.l-copy {margin: 0 0 30px 0;}

.layouts .layout.l-copy-2-column {margin: 0 0 30px 0;}
.layouts .layout.l-copy-2-column .left {margin: 0 0 10px 0;}

.layouts .layout.l-copy-image .copy {margin: 0 0 10px 0;}

.layouts .layout.l-copy-image-full-width .copy, 
.layouts .layout.l-copy-image-full-width.alt .copy {padding: 50px 0 30px 0;}

.layouts .layout.l-faqs .title {margin: 0 0 10px 0;}

.layouts .layout.l-accordion .title {margin: 0 0 10px 0;}
.layouts .layout.l-accordion .section {margin: 0 0 20px 0;}
.layouts .layout.l-accordion .section .stage {padding: 20px 0 10px 0;}
.layouts .layout.l-accordion .section .stage .copy .button {margin-top: 0px;}

.layouts .layout.l-stats .list .item {
    width: 45%;
    margin: 0 10% 0 0;
}
.layouts .layout.l-stats .list .item:nth-child(2n+2) {margin: 0 auto;}
.layouts .layout.l-stats .list .item .divider {margin: 0 0 10px 0;}
.layouts .layout.l-stats .list .item h2 {font-size: 40px;}
.layouts .layout.l-stats.count-3 .list .item {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.layouts .layout.l-team button.slick-next {right: -20px;}
.layouts .layout.l-team button.slick-prev {left: -20px;}
.layouts .layout.l-team .subtitle {margin: 0 auto;}
.layouts .layout.l-team .department {margin: 10px 0 0 0;}
.layouts .layout#l-team .list, 
.layouts .layout.l-team .carousel {padding: 0px;}
.layouts .layout#l-team .list .item, 
.layouts .layout.l-team .list.carousel .item {
	width: 42vw;
	margin: 0 10px;
}
.layouts .layout.l-team .list .item .copy img {
	left: 0;
	right: 0;
}
.layouts .layout.l-team .lightbox .item {
	height: 100vh;
	padding: 20px 20px 60px 20px;
	border-radius: 0px;
	overflow: scroll;
} 
.layouts .layout.l-team .lightbox .item .copy h2 {
	margin: 0 0 10px 0;
	font-size: 24px;
}
.layouts .layout.l-team .lightbox .item {
	top: 0;
	transform: translateY(0%);
}

.layouts .layout.l-team-with-filter .list .item, 
.layouts .layout.l-team-with-filter .list .item:nth-child(5n+5) {
	width: 47%;
	margin: 0 6% 10px 0;
}
.layouts .layout.l-team-with-filter .list .item:nth-child(2n+2) {margin: 0 0 10px 0;}

.layouts .layout.l-insights .list .item .copy {padding: 10px 0 0 0;}
.layouts .layout.l-insights .list .item .copy .excerpt {
	display: none;
	margin: 0 0 10px 0;
}

.layouts .layout.l-insights .list .item, 
.layouts .layout.l-insights .list .item:nth-child(2n+2),
.layouts .layout.l-insights .list .item:nth-child(3n+3) {
	width: 47%;
    margin: 0 6% 30px 0;
}
.layouts .layout.l-insights .list .item:nth-child(2n+2) {margin: 0 0 30px 0;}
.layouts .layout.l-insights .title {margin: 0 0 10px 0;}
.layouts .layout.l-insights .filter {
	margin: 0 0 30px 0;
	padding: 30px 0 20px 0;
}
.layouts .layout.l-insights .filter .alm-filter {
	width: 100%;
	margin: 0 0 10px 0;
}
.layouts .layout.l-insights .filter .alm-filter select {
	width: 100%;
	background-position: 95% 50%;
}
.layouts .layout.l-insights .filter .alm-filter select:hover {background-position: 97% 50%;}

.layouts .layout.l-cta .copy {padding: 0px;}
.layouts .layout.l-cta .copy .button {
    position: static;
    top: 0%;
    transform: translateY(0%);
}
.layouts .layout.l-cta .copy p {margin: 0 0 20px 0;}

body.single-post .layouts .layout.l-cta,
body.single-post .layouts .layout.l-cta.show.hide {bottom: -250px;}

.layouts .layout.l-form-2-column {padding: 50px 0 30px 0;}

/* Single */

.type-article .single-featured {height: auto;}
.single-featured {
	min-height: 200px;
	margin: 0 0 30px 0;
}
.single-featured .s-copy {
	padding: 50px 0 10px 0;
	position: relative;
	bottom: 0;
}

.single-layouts .layout {margin: 0 0 10px 0;}
.single-layouts .layout.s-copy-image .image img.zoom, 
.single-layouts .layout.s-image .image img.zoom, 
.layouts .layout.l-image-full-width img.zoom {width: 40px;}

.single-layouts .layout.s-copy-image .lightbox .close-button,
.single-layouts .layout.s-image .lightbox .close-button,
.layouts .layout.l-image-full-width .lightbox .close-button {
    width: 40px;
    height: 40px;
    background-size: 30px 30px;
    border: 1px solid #151D33;
}

.single-layouts {margin: 0 auto;}
.single-layouts .layout.s-copy-smallprint .copy {padding: 0 0 0 20px;}
.single-layouts .layout.s-copy-smallprint .button {
	margin: 20px 0 0 0;
	position: relative;
	top: 0%;
    transform: translateY(0%);
}

.single-categories {margin: 0 0 30px 0;}

.single-layouts .layout.s-downloads .list .item {
	width: 100%;
	margin: 0 0 30px 0;
}
.single-layouts .layout.s-downloads .list .item img {
	aspect-ratio: 2 / 1;
	margin: 0 0 10px 0;
}
.single-layouts .layout.s-downloads .list .item p {margin: 0 0 10px 0;}
.single-layouts .layout.s-downloads .list .item .button p {margin: 0 auto;}

.single-related, 
.single.type-evergreen .single-related {margin: 0 0 40px 0;}
.single-related .list .item, 
.single.type-evergreen .single-related .list .item {
	width: 100%;
	margin: 0 0 20px 0;
}
.single.type-article .single-related .list .item .copy p {display: none;}
.single-related .list .item .copy p {margin: 0 auto;}
.single-related .list .item .copy h6 {display: none;}
.single-related .list .item .image img, 
.single.type-evergreen .single-related .list .item .image img {
	aspect-ratio: 2 / 1;
	margin: 0 0 10px 0;
}
.single.type-evergreen .single-related .list .item .image {margin: 0 auto;}

.single-layouts .layout.s-copy-smallprint {margin: 0 0 30px 0;}

.single-layouts .layout.s-quote {margin: 0 0 30px 0;}

.single-layouts .layout.s-downloads {margin: 0 0 30px 0;}

.single-gated {margin-top: -120px;}
.single-gated .article-width {
	width: 90vw;
	padding: 30px 0 10px 0;
	margin-bottom: 40px;
}

/* Search */

body.search .bar form input[type="text"] {
	width: 100%;
	margin: 0 0 20px 0;
}
body.search .bar form input[type="submit"] {
	float: left;
	margin: 0 auto;
}
body.search .layouts .results .title {margin: 0 auto;}
body.search .layouts .results .list .item .image img {aspect-ratio: 1 / 1;}

/* Job */

body.single-job-roles .apply {margin: 0 0 50px 0;}
body.single-job-roles .apply .stage .title {padding: 0 0 20px 0;}
body.single-job-roles .apply .stage .button {
	margin: 0 auto;
	position: relative;
	top: 0%;
    transform: translateY(0%);
    right: 0;
}

}

 
/* 
-----------
BELOW 414PX 
-----------
*/
@media screen and (max-width: 413px) {

/* Header */

.header .toolbar .button {margin: 0 0 0 10px;}
.header .toolbar .button.login img.off, 
.header .toolbar .button.login:hover img.on {display: none;}
.header .toolbar .button.login p {display: block;}
.header .toolbar .button p span {display: none;}

}



/* 
-----------
BELOW 360PX 
-----------
*/
@media screen and (max-width: 359px) {

.header .logo {
	width: 110px;
	margin: 20px 0 0 0;
}

}