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


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

/* Header */

.header .top-menu {padding: 45px 0 0 220px;}
.header .top-menu .menu-item {margin: 0 15px;}

/* Layouts */

.layout.l-quote .inside {width: 77.5vw;}

.layout.l-hero-carousel .carousel .item .copy {width: 75%;}
.layout.l-hero-carousel .carousel .item .copy h1, 
.layout.l-hero-carousel .carousel .item .copy h2 {font-size: 58px;}
.layout.l-hero-carousel .carousel .item .copy h3 {font-size: 36px;}

}


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

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

p,
.content ul, 
.content ol {font-size: 18px;}

/* Header */

.header .top-menu {display: none;}
.header .toolbar {right: 40px;}

.side-menu {padding: 25px 45px 150px 95px;}

/* Footer */

.footer .links {margin: 35px 0 0 0;}

/* Layouts */

.layout.l-breadcrumbs .bar {padding: 5px 0 5px 40px;}

.layout.l-hero-carousel .carousel .item {
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 0% 100%);
}
.layout.l-hero-carousel .carousel .item .copy {left: 40px;}
.layout.l-hero-carousel .carousel .item .copy h1, 
.layout.l-hero-carousel .carousel .item .copy h2 {font-size: 52px;}

.layout.l-copy .copy {padding: 50px 40px 25px 40px;}

.layout.l-copy-image-boxes .box {margin: 0 0 50px 0;}
.layout.l-copy-image-boxes .box .image {width: 50%;}
.layout.l-copy-image-boxes .box .image img {
	height: 100%;
	object-fit: cover;
	object-position: right;
	margin: 0 auto;
}
.layout.l-copy-image-boxes .box .copy {
    width: 50%;
    padding: 25px 0 0 40px;
}
.layout.l-copy-image-boxes .box:nth-child(2n+1) .copy {padding: 25px 40px 0 0;}
.layout.l-copy-image-boxes .box:nth-child(2n+1) .image img {object-position: left;}

.layout.l-copy-image-boxes.type-wide .box .image {min-height: 450px;}
.layout.l-copy-image-boxes.type-wide .box .copy,
.layout.l-copy-image-boxes.type-wide .box:nth-child(2n+2) .copy {padding: 50px 40px 25px 40px;}

.layout.l-international .stage .carousel .item h2 {font-size: 80px;}

.layout.l-join-us .copy {
	width: 50%;
	padding: 0 0 0 40px;
	background-position: -150px 50%;
}

.layout.l-quicklinks .list.type-2column {
	column-gap: 40px;
    row-gap: 40px;
}
.layout.l-quicklinks .carousel .item {margin: 0 25px;}
.layout.l-quicklinks .list.type-3column.no-carousel {gap: 40px;}

.layout.l-quote .inside h2 {font-size: 40px;}

}


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

.fixed-width,
.inner-width {
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
}

h1 {font-size: 34px;}
h2 {font-size: 34px;}
h3 {font-size: 24px;}
h4,
body .wrapper .alm-btn-wrap button.alm-load-more-btn {font-size: 19px;}

p, 
.content ul, 
.content ol,
.layout.l-archive-filter .filter .alm-filters-container label {font-size: 17px;}

h1,h2,h3,h4,h5,h6,p {margin: 0 0 22.5px 0;}

.content ul, 
.content ol {margin: 0 0 15px 0;}

.button a,
.search .search-results .bar form input[type="submit"],
body .wrapper .alm-btn-wrap button.alm-load-more-btn {padding: 7.5px 25px;}

/* Header */

.header .toolbar {right: 30px;}

.side-menu {padding: 25px 35px 150px 35px;}

/* Footer */

.footer .links {
	width: 100%;
	text-align: left;
	margin: 30px 0 0 0;
}
.footer .links .footer-menu .menu-item {margin: 0 30px 0 0;}
.footer .links .social .item {margin: 0 30px 0 0;}

/* Search */

.search-takeover form input[type=text] {font-size: 50px;}
.search .search-results .bar form input,
.search .search-results .bar form input[type="submit"] {font-size: 19px;}

/* Layouts */

.layout .button {margin-bottom: 22.5px}

.layout.l-spacer.size-100 {height: 90px;}
.layout.l-spacer.size-75 {height: 67.5px;}
.layout.l-spacer.size-50 {height: 45px;}
.layout.l-spacer.size-25 {height: 22.5px;}

.layout.l-breadcrumbs {margin: 22.5px 0 45px 0;}
.layout.l-breadcrumbs .bar {
	padding: 5px 0 5px 30px;
	font-size: 16px;
}
.layout.l-breadcrumbs .bar .seperator {height: 20px;}

.layout.l-hero-image {
	height: auto;
	aspect-ratio: 2 / 1;
}

.layout.l-hero-carousel .carousel .item .copy {left: 30px;}
.layout.l-hero-carousel .carousel .item .copy h1, 
.layout.l-hero-carousel .carousel .item .copy h2 {font-size: 46px;}
.layout.l-hero-carousel .carousel .item .copy h3 {font-size: 30px;}

.layout.l-hero-watermark {padding: 150px 0 45px 0;}

.layout.l-archive .list {
	column-gap: 30px;
	row-gap: 30px;
}

.layout.l-copy-two-column .fixed-width {gap: 30px;}

.layout.l-copy-three-column .columns .inner-width {column-gap: 30px;}

.layout.l-copy-image .fixed-width, 
.layout.l-copy-image .inner-width {gap: 30px;}
.layout.l-copy-image .copy .promo .bleed-right {
	width: 60px;
	right: -60px;
}

.layout.l-copy .copy {padding: 45px 30px 22.5px 30px;}

.layout.l-copy-image-boxes .box {margin: 0 0 45px 0;}
.layout.l-copy-image-boxes .box .copy {padding: 22.5px 0 0 30px;}
.layout.l-copy-image-boxes .box:nth-child(2n+1) .copy {padding: 22.5px 30px 0 0;}
.layout.l-copy-image-boxes .box .copy .icon {margin: 0 10px 10px 0;}
.layout.l-copy-image-boxes.type-wide .box .copy, 
.layout.l-copy-image-boxes.type-wide .box:nth-child(2n+2) .copy {padding: 45px 30px 22.5px 30px;}

.layout.l-quote .inside {
	width: 80vw;
	padding: 45px 0;
}
.layout.l-quote .inside .edge {
	width: 15vw;
	right: -15vw;
}
.layout.l-quote .inside h2 {font-size: 34px;}

.layout.l-quicklinks .list.type-2column {
    column-gap: 30px;
    row-gap: 30px;
}
.layout.l-quicklinks .list.type-3column .item .copy {padding: 22.5px 0 0 0;}
.layout.l-quicklinks .list.type-3column.no-carousel {gap: 30px;}

.layout.l-bailliages .list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 30px;
    row-gap: 30px;
}
.layout.l-bailliages.l-downloads .list .item {flex: 0 0 calc(33.33% - 20px);}

.layout.l-products .list {column-gap: 30px;}
.layout.l-products .list .item .copy {padding: 22.5px 0 0 0;}

.layout.l-archive .list .item .copy {padding: 22.5px 0 0 0;}

.layout.l-archive-filter .filter .alm-filter {margin: 0 15px;}

.layout.l-international {padding: 150px 0;}
.layout.l-international .stage {padding: 45px 0;}

.layout.l-form .form form label {font-size: 19px;}

.layout.l-join-us .copy {padding: 0 0 0 30px;}

}


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

.inside-width {
	width: 100%;
	padding-left: 30px;
	padding-right: 30px;
}

}


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

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

h1 {font-size: 30px;}
h2 {font-size: 30px;}
h3 {font-size: 22px;}
h4,
body .wrapper .alm-btn-wrap button.alm-load-more-btn {font-size: 18px;}

h1,h2,h3,h4,h5,h6,p {margin: 0 0 20px 0;}

.content ul, 
.content ol {margin: 0 0 10px 0;}

/* Header */

.header .logo {
	width: 180px;
	overflow: hidden;
}
.header .logo img {width: 410px;}

.header .toolbar {right: 20px;}
.header .toolbar .search {margin: 0 10px;}

.side-menu {padding: 25px 25px 150px 35px;}

/* Footer */

.footer {padding: 30px 20px;}

/* Search */

.search .search-results .bar form input, 
.search .search-results .bar form input[type="submit"] {font-size: 18px;}

/* Layouts */

.layout.l-spacer.size-100 {height: 80px;}
.layout.l-spacer.size-75 {height: 60px;}
.layout.l-spacer.size-50 {height: 40px;}
.layout.l-spacer.size-25 {height: 20px;}

.layout.l-breadcrumbs {margin: 20px 0 40px 0;}

.layout .button {margin-bottom: 20px;}

.layout.l-hero-carousel .carousel .item .copy h1, 
.layout.l-hero-carousel .carousel .item .copy h2 {font-size: 40px;}
.layout.l-hero-carousel .carousel .item .copy h3 {font-size: 28px;}
.layout.l-hero-carousel .carousel .item .copy {left: 20px;}

.layout.l-hero-watermark {padding: 150px 0 40px 0;}

.layout.l-copy .copy {padding: 40px 20px 20px 20px;}

.layout.l-copy-image .copy .promo .bleed-right {
    width: 40px;
    right: -40px;
}

.layout.l-copy-image .fixed-width, 
.layout.l-copy-image .inner-width {
	flex-direction: column;
	gap: 0px;
}
.layout.l-copy-image.style-alt .fixed-width,
.layout.l-copy-image.style-alt .inner-width {flex-direction: column;}
.layout.l-copy-image .copy,
.layout.l-copy-image .image {width: 100%;}
.layout.l-copy-image.style-alt .image img {margin: 0 0 20px 0;}

.layout.l-copy-image-boxes .box,
.layout.l-copy-image-boxes .box:nth-child(2n+1) {
	flex-direction: column;
	margin: 0 0 10px 0;
}
.layout.l-copy-image-boxes .box .image,
.layout.l-copy-image-boxes .box .copy {width: 100%;}
.layout.l-copy-image-boxes .box .copy,
.layout.l-copy-image-boxes .box:nth-child(2n+1) .copy {padding: 20px 0 0 0;}
.layout.l-copy-image-boxes .box .image img {
	width: 100%;
	height: auto;
}

.layout.l-copy-image-boxes.type-wide .box .image {
	width: 100%;
    min-height: unset;
    aspect-ratio: 1.5 / 1;
}
.layout.l-copy-image-boxes.type-wide .box .copy, 
.layout.l-copy-image-boxes.type-wide .box:nth-child(2n+2) .copy {
	width: 100%;
	max-width: 100%;
	padding: 30px 20px 10px 20px;
}
.layout.l-copy-image-boxes.plain .box:nth-child(2n+2)::before {content: none;}
.layout.l-copy-image-boxes .box .copy .icon {width: 30px;}

.layout.l-copy-two-column .fixed-width {gap: 20px;}

.layout.l-copy-three-column .columns .inner-width {column-gap: 20px;}

.layout.l-images .list {gap: 20px;}

.layout.l-quote .inside {padding: 40px 0;}
.layout.l-quote .inside h2 {font-size: 30px;}

.layout.l-join-us .copy {
    width: 65%;
    padding: 0 0 0 20px;
}
.layout.l-join-us .copy .edge {
	width: 100px;
	right: -100px;
}

.layout.l-archive .list {
	column-gap: 20px;
	row-gap: 20px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.layout.l-archive .list .item .copy {padding: 20px 0 0 0;}

.layout.l-archive-filter .filter .alm-filter {margin: 0 10px;}
.layout.l-archive-filter .filter .alm-filter select {
	font-size: 17px;
	padding: 7.5px 35px 7.5px 10px;
}

.layout.l-international {padding: 100px 0;}
.layout.l-international .stage .carousel .item h2 {font-size: 50px;}

.layout.l-bailliages .list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 20px;
    row-gap: 20px;
}

.layout.l-bailliages.l-downloads .list .item {flex: 0 0 calc(50% - 10px);}

.layout.l-products .list {
	column-gap: 20px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.layout.l-quicklinks .list.type-2column {
    column-gap: 20px;
    row-gap: 20px;
}
.layout.l-quicklinks .list.type-3column .item .copy {padding: 20px 0 0 0;}
.layout.l-quicklinks .list.type-3column.no-carousel {gap: 20px;}

}


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

.content {margin-top: 75px;}

h1 {font-size: 26px;}
h2 {font-size: 26px;}
h3 {font-size: 21px;}
h4,
body .wrapper .alm-btn-wrap button.alm-load-more-btn {font-size: 17px;}
h6 {font-size: 16px;}

p, 
.content ul, 
.content ol,
.layout.l-archive-filter .filter .alm-filters-container label {font-size: 16px;}

.button a, 
.search .search-results .bar form input[type="submit"],
body .wrapper .alm-btn-wrap button.alm-load-more-btn {padding: 7.5px 15px;}

ul.slick-dots {bottom: 10px;}

/* Header */

.header {height: 75px;}

.header .logo {width: 110px;}
.header .logo img {width: 250px;}

.header .toolbar {top: 17.5px;}

.side-menu {
	width: 100vw;
	height: calc(100vh - 75px);
	padding: 35px 25px 150px 20px;
	right: -100vw;
	top: 75px;
}
.side-menu .menu-item {margin: 0 0 20px 0;}
.side-menu .menu-item a {font-size: 19px;}

/* Footer */

.footer .links {margin: 20px 0 0 0;}
.footer .links .footer-menu .menu-item {margin: 0 20px 0 0;}
.footer .links .footer-menu .menu-item a {font-size: 17px;}
.footer .links .social .item {margin: 0 20px 0 0;}

/* Social Links */

.social-links {display: none;}

/* Search */

.search-takeover form input[type=text] {font-size: 34px;}

.search .search-results .bar form input, 
.search .search-results .bar form input[type="submit"] {font-size: 17px;}

/* Layouts */

.layout.l-spacer.size-100 {height: 50px;}
.layout.l-spacer.size-75 {height: 40px;}
.layout.l-spacer.size-50 {height: 30px;}

.l-hero-carousel, 
.l-hero-image, 
.l-hero-watermark {margin-top: -75px;}

.layout.l-breadcrumbs {margin: 0 0 50px 0;}
.layout.l-breadcrumbs .bar {display: none;}

.layout.l-copy .copy {padding: 30px 20px 10px 20px;}

.layout.l-copy-three-column .columns .inner-width {
	row-gap: 10px;
	grid-template-columns: repeat(1, minmax(0, 1fr));
}

.layout.l-copy-two-column .fixed-width {flex-direction: column;}
.layout.l-copy-two-column .column {width: 100%;}

.layout.l-images .list {flex-direction: column;}

.layout.l-hero-carousel {
	height: 650px;
	max-height: 90vh;
}
.layout.l-hero-carousel .carousel .item {
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 0% 100%);
	clip-path: polygon(0% 0%, 100% 0%, 85% 100%, 0% 100%);
}
.layout.l-hero-carousel .carousel .item .copy {
	width: 80%;
	bottom: 55px;
}
.layout.l-hero-carousel .carousel .item .copy h1, 
.layout.l-hero-carousel .carousel .item .copy h2 {font-size: 28px;}
.layout.l-hero-carousel .carousel .item .copy h3 {font-size: 22px;}

.layout.l-hero-image {aspect-ratio: 1.5 / 1;}

.layout.l-hero-watermark {padding: 75px 0 20px 0;}

.layout.l-archive .list {grid-template-columns: repeat(1, minmax(0, 1fr));}

.layout.l-archive-filter .filter .alm-filter {
	width: 100%;
	margin: 0 0 10px 0;
}

.layout.l-quote .inside {padding: 20px 0;}
.layout.l-quote .inside h2 {font-size: 26px;}

.layout.l-quicklinks .list.type-2column {grid-template-columns: repeat(1, minmax(0, 1fr));}
.layout.l-quicklinks .list.type-2column .item {height: 220px;}
.layout.l-quicklinks .list .item .copy {padding: 0 20px;}
.layout.l-quicklinks .list.type-3column.no-carousel {display: inline-block;}

.layout.l-join-us .copy {width: 75%;}
.layout.l-join-us .copy .edge {
    width: 50px;
    right: -50px;
}

.layout.l-archive .list .item .image img.featured {aspect-ratio: 1.5 / 1;}

.layout.l-archive-filter .filter {text-align: left;}

.layout.l-form .form form label {font-size: 18px;}
.layout.l-form .form form input, 
.layout.l-form .form form select, 
.layout.l-form .form form textarea, 
.layout.l-form .form .frm_error_style, 
.layout.l-form .form .frm_error, 
.layout.l-form .form .frm_message {font-size: 16px;}

.layout.l-contact .details .item {width: 100%;}

.layout.l-international {padding: 50px 0;}
.layout.l-international .stage .carousel .item {margin: 0 50px;}
.layout.l-international .stage .carousel .item .inside {width: unset;}
.layout.l-international .stage .carousel .item h2 {font-size: 34px;}

.layout.l-bailliages .list {grid-template-columns: repeat(1, minmax(0, 1fr));}
.layout.l-bailliages .list .item {min-height: 350px;}

.layout.l-bailliages.l-downloads .list .item {flex: 0 0 calc(100%);}

.layout.l-products .list {grid-template-columns: repeat(2, minmax(0, 1fr));}

.layout.l-single-navigation .navigation {flex-direction: column;}
.layout.l-single-navigation .navigation .previous, 
.layout.l-single-navigation .navigation .next,
.layout.l-single-navigation .navigation .previous #previous,
.layout.l-single-navigation .navigation .next #next {width: 100%;}

}


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

/* Header */

.header .toolbar .search {margin: 0 5px;}
.header .toolbar .button span {display: none;}

}