html {
box-sizing: border-box;
}
*,
*::before,
*::after {
box-sizing: inherit;
} .container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}
.container-fluid {
width: 100%;
max-width: 1140px;
padding: 15px 0;
margin: 0 auto;
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -5px;
margin-left: -5px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-6,
.col-12,
.col-md-6,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-xl-4,
.col-xl-6 {
position: relative;
width: 100%;
padding-right: 5px;
padding-left: 5px;
}
.col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 768px) {
.col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width: 992px) {
.col-lg-4 {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
}
@media (min-width: 1200px) {
.col-xl-4 {
flex: 0 0 32%;
max-width: 32%;
}
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%;
}
} .page-intro {
padding: 96px 0;
}
.page-intro__container {
text-align: center;
}
.page-intro__container h1 {
color: #f36d21;
margin: 5px 0px 20px;
font-size: 44px;
font-family: "Poppins", sans-serif;
font-weight: normal;
font-style: normal;
}
.page-intro__container h5 {
color: #0c1f2d;
margin: 14px 0 0;
font-size: 15px;
font-family: "Poppins", sans-serif;
font-weight: normal;
line-height: 175%;
width: 100%;
max-width: 920px;
margin: 0 auto;
margin-bottom: 24px;
} .product__block {
display: block;
position: relative;
z-index: 1;
}
.product__block h1 {
color: #fff;
font-size: 48px;
font-weight: 600;
text-shadow: 0px 0px 10px #000;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.product__block h3 {
color: #fff;
font-size: 24px;
font-weight: 600;
text-align: center;
text-shadow: 0px 0px 10px #000;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.product__image-sm {
width: 100%;
height: 100%;
object-fit: cover;
}
.product__image-lg {
width: 100%;
height: 550px;
object-fit: cover;
margin-bottom: -8px;
}
@media (max-width: 768px) {
.product__image-sm {
width: 100%;
height: 100%;
}
.product__image-lg {
height: 378px;
}
} .block-hover {
display: block;
position: relative;
z-index: 1;
transition: all 0.3s ease;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 4px;
margin-bottom: 10px;
height: 240px;
}
@media (max-width: 768px) {
.block-hover {
height: 160px;
}
}
.block-hover__overlay {
background: rgba(255, 255, 255, 0.8);
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 10;
display: none;
transition: all 0.3s ease;
}
.block-hover__overlay h3 {
color: #000;
font-size: 16px;
font-weight: 600;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.3s ease;
}
@media (min-width: 1200px) {
.block-hover__overlay h3 {
font-size: 21px;
}
}
.block-hover:hover .block-hover__overlay {
display: block;
} .product-single {
margin: 48px 0;
}
@media (min-width: 1200px) {
.product-single {
margin: 96px 0;
}
}
.product__information {
margin-left: 0;
}
@media (min-width: 1200px) {
.product__information {
margin-left: 48px;
}
}
.product__information h1 {
color: #f36d21;
margin-bottom: 24px;
font-size: 39px;
font-weight: normal;
font-style: normal;
}
.product__information h5 {
color: #0c1f2d;
font-size: 15px;
font-weight: bold;
margin-bottom: 8px;
}
.product__description,
.product__dimensions {
margin-bottom: 24px;
}
.product__description > p :last-child {
margin-bottom: 24px;
}
.product__cta {
color: #0c1f2d;
font-size: 15px;
font-weight: bold;
}
.product__sku {
display: flex;
}
.product__sku span {
font-weight: 300;
margin-left: 8px;
}
.product__pdf {
color: #f36d21;
} .page-template-page-products .oga-post {
margin-bottom: 96px;
} .product-categories {
margin-bottom: -8px;
} .page-template-page-product .oga-sheet {
width: 1140px;
}
.product-grid {
margin-top: 48px;
}
@media (max-width: 768px) {
.product-grid {
margin-top: 16px;
}
} .page-template-page-products .oga-footer,
.page-template-page-product .oga-footer,
.single-product .oga-footer {
margin-top: 0 !important;
} .gallery {
width: 100%;
max-width: 460px;
margin-right: 100%;
height: 460px;
}
@media (min-width: 768px) {
.gallery {
width: 100%;
max-width: 768px;
margin-right: 100%;
height: 460px;
}
}
.gallery-top {
height: 80%;
width: 100%;
}
.gallery-thumbs {
height: 20%;
width: 100%;
box-sizing: border-box;
padding-top: 10px !important;
}
.gallery-thumbs .swiper-slide {
width: 100%;
height: 100%;
opacity: 0.4;
}
.gallery-thumbs .swiper-slide-thumb-active {
opacity: 1;
} #home-products {
padding: 112px 0;
}
.orange p {
width: 64%;
}