.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ct-div-block,
.oxy-post-content,
.ct-text-block,
.ct-headline,
.oxy-rich-text,
.ct-link-text { max-width: 100%; }
img { flex-shrink: 0; }
body * { min-height: 1px; }
} .oxy-testimonial {
flex-direction: row;
align-items: center;
}
.oxy-testimonial .oxy-testimonial-photo-wrap {
order: 1;
}
.oxy-testimonial .oxy-testimonial-photo {
width: 125px; height: 125px; margin-right: 20px;
}
.oxy-testimonial .oxy-testimonial-photo-wrap,
.oxy-testimonial .oxy-testimonial-author-wrap,
.oxy-testimonial .oxy-testimonial-content-wrap {
align-items: flex-start; text-align: left; }
.oxy-testimonial .oxy-testimonial-text {
margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-testimonial .oxy-testimonial-author {
font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-testimonial .oxy-testimonial-author-info {
font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-icon-box {
text-align: left; flex-direction: column; }
.oxy-icon-box .oxy-icon-box-icon {
margin-bottom: 12px;
align-self: flex-start; }
.oxy-icon-box .oxy-icon-box-heading {
font-size: 21px;
margin-bottom: 12px; }
.oxy-icon-box .oxy-icon-box-text {
font-size: 16px;
margin-bottom: 12px;align-self: flex-start; }
.oxy-icon-box .oxy-icon-box-link {
margin-top: 20px; }
/* GLOBALS */
.oxy-pricing-box .oxy-pricing-box-section {
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center; }
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
justify-content: center; }
/* IMAGE */
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
justify-content: center; }
/* TITLE */
.oxy-pricing-box .oxy-pricing-box-title-title {
font-size: 48px;
}
.oxy-pricing-box .oxy-pricing-box-title-subtitle {
font-size: 24px;
}
/* PRICE */
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
flex-direction: row; }
.oxy-pricing-box .oxy-pricing-box-currency {
font-size: 28px;
}
.oxy-pricing-box .oxy-pricing-box-amount-main {
font-size: 80px;
line-height: 0.7;
}
.oxy-pricing-box .oxy-pricing-box-amount-decimal {
font-size: 13px;
}
.oxy-pricing-box .oxy-pricing-box-term {
font-size: 16px;
}
.oxy-pricing-box .oxy-pricing-box-sale-price {
font-size: 12px;
color: rgba(0,0,0,0.5);
margin-bottom: 20px; }
/* CONTENT */
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
font-size: 16px;
color: rgba(0,0,0,0.5);
}
/* CTA */
.oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
justify-content: center; }
.oxy-progress-bar .oxy-progress-bar-background {
background-color: #000000; background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent); animation: none 0s paused; }
.oxy-progress-bar .oxy-progress-bar-progress-wrap {
width: 85%; }
.oxy-progress-bar .oxy-progress-bar-progress {
background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused; background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);
}
.oxy-progress-bar .oxy-progress-bar-overlay-text {
font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
}
.oxy-progress-bar .oxy-progress-bar-overlay-percent {
font-size: 12px;
}
.ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
padding: 0px; }
.oxy-superbox .oxy-superbox-secondary,
.oxy-superbox .oxy-superbox-primary {
transition-duration: 0.5s; }
.oxy-shape-divider {
width: 0px;
height: 0px;
}
.oxy_shape_divider svg {
width: 100%;
}
.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}
.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}
.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}
.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}
.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}
.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
flex-direction: row;
}
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
text-align: left;
justify-content: flex-start;
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
align-items: flex-start;
}
.oxy-pro-menu .oxy-pro-menu-off-canvas-container{
top: 0;
bottom: 0;
right: auto;
left: 0;
}
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
text-align: left;
justify-content: flex-start;
}
.oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}
.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}
.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
--oxynav-animation-name: none;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){
background-color: var(--oxynav-brand-color);
transition: var(--oxynav-transition-duration);
margin-left: var(--oxynav-other-spacing);
border: none;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){
background: transparent;
border: 1px solid currentColor;
transition: var(--oxynav-transition-duration);
margin-left: var(--oxynav-other-spacing);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
filter: invert(0) !important;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
background-color: var(--oxynav-activehover-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
color: var(--oxynav-neutral-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
color: var(--oxynav-neutral-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
color: var(--oxynav-brand-color);
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
display: none;
}
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
display: none;
}
.ct-section-inner-wrap, .oxy-header-container{
max-width: 1500px;
}
body {font-family: 'Inter';}body {line-height: 1.5;font-size: clamp(1.4rem, calc(1.4rem + ((1vw - 0.48rem) * 0.2778)), 1.6rem); ;font-weight: 400;color: #ffffff;}.oxy-nav-menu-hamburger-line {background-color: #ffffff;}h1, h2, h3, h4, h5, h6 {font-family: 'BebasNeue';font-size: clamp(5.6rem, calc(5.6rem + ((1vw - 0.32rem) * 2.0339)), 8rem); ;font-weight: 700;line-height: 1.15;}h2, h3, h4, h5, h6{font-size: clamp(4.2rem, calc(4.2rem + ((1vw - 0.32rem) * 1.5254)), 6rem); ;font-weight: 700;line-height: 1.15;}h3, h4, h5, h6{font-size: clamp(3.2rem, calc(3.2rem + ((1vw - 0.32rem) * 1.3559)), 4.8rem); ;font-weight: 500;line-height: 1.15;}h4, h5, h6{font-size: clamp(2.6rem, calc(2.6rem + ((1vw - 0.32rem) * 0.5085)), 3.2rem); ;font-weight: 500;line-height: 1.15;}h5, h6{font-size: clamp(2rem, calc(2rem + ((1vw - 0.32rem) * 0.4545)), 2.4rem); ;font-weight: 500;line-height: 1.35;}h6{font-size: clamp(1.4rem, calc(1.4rem + ((1vw - 0.32rem) * 0.4545)), 1.8rem); ;font-weight: 500;line-height: 1.35;}a {color: #88ff00;font-weight: 500;text-decoration: none;}a:hover {color: #90ff00;text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap {
padding-top: 100px;
padding-right: clamp(2rem, calc(2rem + ((1vw - 0.32rem) * 3.3898)), 6rem); ;
padding-bottom: 200px;
padding-left: clamp(2rem, calc(2rem + ((1vw - 0.32rem) * 3.3898)), 6rem); ;
}.ct-new-columns > .ct-div-block {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}.oxy-header-container {
padding-right: clamp(2rem, calc(2rem + ((1vw - 0.32rem) * 3.3898)), 6rem); ;
padding-left: clamp(2rem, calc(2rem + ((1vw - 0.32rem) * 3.3898)), 6rem); ;
}@media (max-width: 992px) {
.ct-columns-inner-wrap {
display: block !important;
}
.ct-columns-inner-wrap:after {
display: table;
clear: both;
content: "";
}
.ct-column {
width: 100% !important;
margin: 0 !important;
}
.ct-columns-inner-wrap {
margin: 0 !important;
}
}
.section-title {
margin-bottom:.35em;
color:#000000;
}
.section-text {
color:#000000;
font-size:16px;
}
@media (max-width: 479px) {
.section-text {
}
}
.blog-categories-grid {
width:100%;
}
.blog-categories-grid:not(.ct-section):not(.oxy-easy-posts),
.blog-categories-grid.oxy-easy-posts .oxy-posts,
.blog-categories-grid.ct-section .ct-section-inner-wrap{
flex-wrap:wrap;
justify-content:space-between;
}
.section-blogpost-swiper {
background-image: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.6) 100%);background-size:auto, auto; background-repeat:no-repeat;
background-color:#88ff00;
background-position:125% 120%;
position:relative; overflow:hidden; padding:0 1em;
}
.section-blogpost-swiper .ct-section-inner-wrap {
padding-top: 59px;
padding-bottom: 13px;
}
.section-blogs-header {
width:100%;
margin-bottom:1em;
text-align:justify;
}
.section-blogs-header:not(.ct-section):not(.oxy-easy-posts),
.section-blogs-header.oxy-easy-posts .oxy-posts,
.section-blogs-header.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
}
.section-blogs-title {
font-size:clamp(2rem, calc(3.2rem + ((1vw - 0.32rem) * 1.1364)), 3.2rem) ;
color:#000000;
}
.cta-link:hover{
color:#c6c6c6;
}
.cta-link {
font-weight:600;
color:#ffffff;
}
.swiper {
}
.blogpost-swiper {
}
.swiper-3 {
}
.swiper-wrapper {
}
.recent-post-card {
text-align:left;
}
.recent-post-card:not(.ct-section):not(.oxy-easy-posts),
.recent-post-card.oxy-easy-posts .oxy-posts,
.recent-post-card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
}
.swiper-slide {
}
.blogpost-cta-title {
margin-top:.35em;
margin-bottom:.35em;
text-align:left;
font-size:clamp(1.6rem, calc(1.6rem + ((1vw - 0.48rem) * 0.5556)), 2.1rem); ;
line-height:1;
color:#f0f3f5;
}
.news-card {
width:100%;
background-color:#0c0c0c;
}
.news-card__img-wrapper {
overflow:hidden;
position:relative;
}
.news-card__img {
aspect-ratio:5/3;
object-fit:cover;
width:100%;
height:100%;
}
.news-card__cat {
padding-bottom:0.5em;
padding-right:1.7em;
padding-left:1.7em;
border-radius:100px;
background-color:#f0f3f5;
position:absolute;
top:10px;
padding-top:0.5em;
right:10px;
}
.news-card__content {
width:100%;
padding-top:2em;
padding-right:2em;
padding-bottom:2em;
padding-left:2em;
}
.news-card__content:not(.ct-section):not(.oxy-easy-posts),
.news-card__content.oxy-easy-posts .oxy-posts,
.news-card__content.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
justify-content:space-between;
}
.news-card__title {
margin-bottom:1.5em;
color:#ffffff;
}
.news-card__date {
color:#c6c6c6;
}
.oxel_icon_button__container {
padding-top:8px;
padding-right:16px;
padding-bottom:8px;
transition-duration:0.3s;
float:none;
border-radius:200px;
}
.oxel_icon_button__container:not(.ct-section):not(.oxy-easy-posts),
.oxel_icon_button__container.oxy-easy-posts .oxy-posts,
.oxel_icon_button__container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 991px) {
.oxel_icon_button__container {
visibility:hidden;
}
}
.buttonl1 {
background-color:#ffffff;
color:#000000;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
}
.oxel_icon_button_text {
font-family:Inherit;
color:#000000;
font-size:11px;
font-weight:700;
margin-top:2px;
}
.oxel_icon_button_icon {
color: #ffffff;}.oxel_icon_button_icon
>svg {width: 18px;height: 18px;}.oxel_icon_button_icon {
margin-left:8px;
}
.hero-img {
overflow:hidden;
margin-bottom:0px;
margin-top:0px;
width:100%;
}
.section-hero {
}
.section-hero .ct-section-inner-wrap {
padding-top: 0;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
}
.header-main {
text-align:justify;
width:100%;
position:fixed;
z-index:999;
background-color:#ffffff;
box-shadow:0px 3px 13px -3px rgba(25,25,25,0.14);
}
.header-main .ct-section-inner-wrap {
padding-top: 0;
padding-bottom: 0;
}
.header-main:not(.ct-section):not(.oxy-easy-posts),
.header-main.oxy-easy-posts .oxy-posts,
.header-main.ct-section .ct-section-inner-wrap{
display:flex;
justify-content:space-between;
}
@media (max-width: 991px) {
.header-main {
}
.header-main:not(.ct-section):not(.oxy-easy-posts),
.header-main.oxy-easy-posts .oxy-posts,
.header-main.ct-section .ct-section-inner-wrap{
display:flex;
}
}
.nav-main {
font-family:Inherit;
menu_padding-top:20px;
menu_padding-left:20px;
menu_padding-right:20px;
menu_padding-bottom:20px;
menu_hover_background-color:#eee;
menu_hover_border-top-width:3px;
menu_flex-direction:row;
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
width:100%;
text-align:justify;
border-top-color:#f0f3f5;
border-right-color:#f0f3f5;
border-bottom-color:#f0f3f5;
border-left-color:#f0f3f5;
}
.nav-main:not(.ct-section):not(.oxy-easy-posts),
.nav-main.oxy-easy-posts .oxy-posts,
.nav-main.ct-section .ct-section-inner-wrap{
display:flex;
align-items:center;
justify-content:flex-end;
}
@media (max-width: 991px) {
.nav-main {
}
.nav-main:not(.ct-section):not(.oxy-easy-posts),
.nav-main.oxy-easy-posts .oxy-posts,
.nav-main.ct-section .ct-section-inner-wrap{
display:none;
}
}
.category-wrapper {
}
.social-share-widget {
}
.phpfunction {
}
.blog-headline {
overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;
}
.blogpost-cta-card {
}
.blogpost-cta-card:not(.ct-section):not(.oxy-easy-posts),
.blogpost-cta-card.oxy-easy-posts .oxy-posts,
.blogpost-cta-card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
align-items:stretch;
}
.cta-recent-posts {
}
.section-singlepost-main {
padding-left:30px;
padding-right:30px;
margin-left:50px;
width:70%;
min-width:850px;
}
@media (max-width: 991px) {
.section-singlepost-main {
min-width:100%;
padding-top:0px;
padding-left:0px;
padding-right:0px;
padding-bottom:0px;
margin-left:0px;
}
}
.recent-post-wrapper {
width:25%;
flex-grow:0;
flex-shrink:0;
}
.recent-post-wrapper:not(.ct-section):not(.oxy-easy-posts),
.recent-post-wrapper.oxy-easy-posts .oxy-posts,
.recent-post-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
.latest-post-wrapper {
width:100%;
}
.recent-posts-grid {
}
.blogpost-single-thumbnail {
width:100%;
overflow:hidden;
max-height:400px;
border-radius:5px;
}
@media (max-width: 1500px) {
.blogpost-single-thumbnail {
height:60vh;
min-height:300px;
}
}
.blogpost-single-thumbnail-img {
width:100%;
height:100%;
min-height:300px;
object-fit:cover;
}
.blogpost-meta {
width:100%;
}
@media (max-width: 1500px) {
.blogpost-meta {
width:100%;
}
}
.cta-recent-post-img {
}
@media (max-width: 1500px) {
.cta-recent-post-img {
width:100%;
}
}
.cta-recent-post-inner {
}
.cta-recent-post-link {
z-index:99;
}
.cta-recent-post {
}
.cta-recent-post-title {
}
.post-date:hover{
color:#ffffff;
}
.post-date {
color:rgba(255,255,255,0.8);
}
.meta-seperator {
}
.recent-posts-wrapper {
max-width:320px;
padding-left:1em;
}
@media (max-width: 1500px) {
.recent-posts-wrapper {
width:20%;
}
}
.section-blogpost-single-main {
padding-right:30px;
width:calc( 100% - 320px ) ;
}
@media (max-width: 1500px) {
.section-blogpost-single-main {
margin-left:0px;
padding-right:20px;
padding-left:0px;
width:80%;
}
}
@media (max-width: 991px) {
.section-blogpost-single-main {
width:100%;
padding-right:0px;
}
}
.blogpost-single-title {
text-align:left;
margin-bottom:.35em;
line-height:1;
font-weight:700;
}
@media (max-width: 991px) {
.blogpost-single-title {
font-size:46px;
}
}
@media (max-width: 767px) {
.blogpost-single-title {
font-size:38px;
}
}
@media (max-width: 479px) {
.blogpost-single-title {
font-size:32px;
}
}
.nav-logo {
min-width:150px;
max-width:300px;
width:150px;
}
@media (max-width: 767px) {
.nav-logo {
width:100%;
}
}
.header-main-inner {
text-align:justify;
}
.header-main-inner:not(.ct-section):not(.oxy-easy-posts),
.header-main-inner.oxy-easy-posts .oxy-posts,
.header-main-inner.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
}
.mob-hamburger {
}
.mob-hamburger:not(.ct-section):not(.oxy-easy-posts),
.mob-hamburger.oxy-easy-posts .oxy-posts,
.mob-hamburger.ct-section .ct-section-inner-wrap{
display:none;
}
@media (max-width: 991px) {
.mob-hamburger {
margin-left:1em;
}
.mob-hamburger:not(.ct-section):not(.oxy-easy-posts),
.mob-hamburger.oxy-easy-posts .oxy-posts,
.mob-hamburger.ct-section .ct-section-inner-wrap{
display:flex;
}
}
.mob-menu {
background-color:#ffffff;
}
.section-main {
background-color:#000000;
}
.section-blogpost-single {
}
.section-blogpost-single .ct-section-inner-wrap {
padding-top: 100px;
padding-bottom: 0;
}
@media (max-width: 991px) {
.section-blogpost-single {
}
.section-blogpost-single .ct-section-inner-wrap {
padding-top: 50px;
}
}
.popular-posts-grid {
}
.popular-posts-grid:not(.ct-section):not(.oxy-easy-posts),
.popular-posts-grid.oxy-easy-posts .oxy-posts,
.popular-posts-grid.ct-section .ct-section-inner-wrap{
flex-direction:column;
}
@media (max-width: 1500px) {
.popular-posts-grid {
width:100%;
}
}
.post-footer-section {
background-color:#000000;
border-top-width:1px;
border-top-color:rgba(255,255,255,0.09);
border-top-style:solid;
}
.post-footer-section .ct-section-inner-wrap {
padding-top: 1em;
padding-bottom: 1em;
}
.icon-heart-webwings {
color: #ffffff;}.icon-heart-webwings
>svg {width: 18px;height: 18px;}.icon-heart-webwings {
margin-left:3px;
margin-right:3px;
}
.blog-category-header {
}
.swiper-wonen {
}
.swiper-hobbylifestyle {
}
.swiper-2 {
}
.swiper-1 {
}
.swiper-4 {
}
.img-bg-half {
background-image:url(http://karismagym.nl/wp-content/uploads/2021/12/img-jasperjpg.jpg);background-size: contain; width:100%;
height:100%;
position:absolute;
z-index:-1;
background-repeat:no-repeat;
background-position:100% 0%;
}
.breadcrumbs {
}
.breadcrumbs:not(.ct-section):not(.oxy-easy-posts),
.breadcrumbs.oxy-easy-posts .oxy-posts,
.breadcrumbs.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
@media (max-width: 1500px) {
.breadcrumbs {
font-size:clamp(1.1rem, calc(1.1rem + ((1vw - 0.48rem) * 0.2778)), 1.3rem) ;
letter-spacing:.035em;
text-align:left;
text-transform:uppercase;
font-weight:500;
}
}
.header-top-bar {
width:100%;
padding-left:.5em;
padding-top:.5em;
padding-right:.5em;
padding-bottom:.5em;
text-align:justify;
background-color:#000000;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:rgba(255,255,255,0.15);
}
.header-top-bar .ct-section-inner-wrap {
padding-right: 20 ;
padding-bottom: 7px;
padding-left: 20 ;
}
.header-top-bar:not(.ct-section):not(.oxy-easy-posts),
.header-top-bar.oxy-easy-posts .oxy-posts,
.header-top-bar.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:space-between;
}
@media (max-width: 991px) {
.header-top-bar {
}
.header-top-bar .ct-section-inner-wrap {
padding-top: 0;
padding-right: 20 ;
padding-bottom: 0;
padding-left: 20 ;
}
}
@media (max-width: 767px) {
.header-top-bar {
text-align:justify;
}
.header-top-bar:not(.ct-section):not(.oxy-easy-posts),
.header-top-bar.oxy-easy-posts .oxy-posts,
.header-top-bar.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:space-between;
}
}
@media (max-width: 479px) {
.header-top-bar {
}
.header-top-bar .ct-section-inner-wrap {
padding-top: 0;
padding-bottom: 0;
}
}
.header-static {
border-bottom-style:none;
border-top-style:none;
border-right-style:none;
border-left-style:none;
}
@media (max-width: 991px) {
.header-static {
}
.header-static:not(.ct-section):not(.oxy-easy-posts),
.header-static.oxy-easy-posts .oxy-posts,
.header-static.ct-section .ct-section-inner-wrap{
display:none;
}
}
.social-icon {
color: #333333;}.social-icon
>svg {width: 24px;height: 24px;}.social-icon {
margin-right:1em;
}
.swiper-pagination-wrapper {
width:100%;
}
.footer-link:hover{
color:#ffffff;
}
.footer-link {
color:rgba(255,255,255,0.65);
line-height:2;
font-size:15px;
}
.oxy-search-form {
width:100%;
max-width:650px;
margin-left:auto;
}
@media (max-width: 991px) {
.oxy-search-form {
}
.oxy-search-form:not(.ct-section):not(.oxy-easy-posts),
.oxy-search-form.oxy-easy-posts .oxy-posts,
.oxy-search-form.ct-section .ct-section-inner-wrap{
display:none;
}
}
@media (max-width: 767px) {
.oxy-search-form {
}
.oxy-search-form:not(.ct-section):not(.oxy-easy-posts),
.oxy-search-form.oxy-easy-posts .oxy-posts,
.oxy-search-form.ct-section .ct-section-inner-wrap{
display:none;
}
}
.searchresults-grid {
}
.searchresults-grid:not(.ct-section):not(.oxy-easy-posts),
.searchresults-grid.oxy-easy-posts .oxy-posts,
.searchresults-grid.ct-section .ct-section-inner-wrap{
display: grid !important;align-items: stretch;grid-template-columns: repeat(12, minmax(auto, auto));grid-column-gap: 2px;grid-row-gap: 2px;grid-auto-rows: minmax(min-content,1fr);}
.searchresults-grid:not(.ct-section):not(.oxy-easy-posts) > :last-child,
.searchresults-grid.ct-section .ct-section-inner-wrap > :last-child,
.searchresults-grid.oxy-easy-posts .oxy-posts > :last-child{
grid-column: span 4;grid-row: span 1;}
.searchresults-grid:not(.ct-section):not(.oxy-easy-posts) > :nth-child(1),
.searchresults-grid.ct-section .ct-section-inner-wrap > :nth-child(1),
.searchresults-grid.oxy-easy-posts .oxy-posts > :nth-child(1){
grid-column: span 4;grid-row: span 1;}
.searchresults-grid:not(.ct-section):not(.oxy-easy-posts) > :nth-child(2),
.searchresults-grid.ct-section .ct-section-inner-wrap > :nth-child(2),
.searchresults-grid.oxy-easy-posts .oxy-posts > :nth-child(2){
grid-column: span 4;grid-row: span 2;height: 100%;}
.searchresults-grid:not(.ct-section):not(.oxy-easy-posts) > :nth-child(3),
.searchresults-grid.ct-section .ct-section-inner-wrap > :nth-child(3),
.searchresults-grid.oxy-easy-posts .oxy-posts > :nth-child(3){
grid-column: span 4;grid-row: span 3;height: 100%;}
.searchresults-grid:not(.ct-section):not(.oxy-easy-posts) > :nth-child(4),
.searchresults-grid.ct-section .ct-section-inner-wrap > :nth-child(4),
.searchresults-grid.oxy-easy-posts .oxy-posts > :nth-child(4){
grid-column: span 4;grid-row: span 2;height: 100%;}
.searchresults-grid:not(.ct-section):not(.oxy-easy-posts) > :nth-child(5),
.searchresults-grid.ct-section .ct-section-inner-wrap > :nth-child(5),
.searchresults-grid.oxy-easy-posts .oxy-posts > :nth-child(5){
grid-column: span 4;grid-row: span 3;height: 100%;}
.searchresults-grid:not(.ct-section):not(.oxy-easy-posts) > :nth-child(6),
.searchresults-grid.ct-section .ct-section-inner-wrap > :nth-child(6),
.searchresults-grid.oxy-easy-posts .oxy-posts > :nth-child(6){
grid-column: span 4;grid-row: span 1;}
.searchresults-grid:not(.ct-section):not(.oxy-easy-posts) > :nth-child(7),
.searchresults-grid.ct-section .ct-section-inner-wrap > :nth-child(7),
.searchresults-grid.oxy-easy-posts .oxy-posts > :nth-child(7){
grid-column: span 4;grid-row: span 1;}
.searchresults-grid:not(.ct-section):not(.oxy-easy-posts) > :nth-child(8),
.searchresults-grid.ct-section .ct-section-inner-wrap > :nth-child(8),
.searchresults-grid.oxy-easy-posts .oxy-posts > :nth-child(8){
grid-column: span 4;grid-row: span 2;height: 100%;}
.searchresults-grid:not(.ct-section):not(.oxy-easy-posts) > :nth-child(9),
.searchresults-grid.ct-section .ct-section-inner-wrap > :nth-child(9),
.searchresults-grid.oxy-easy-posts .oxy-posts > :nth-child(9){
grid-column: span 4;grid-row: span 2;height: 100%;}
@media (max-width: 991px) {
.searchresults-grid {
}
.searchresults-grid:not(.ct-section):not(.oxy-easy-posts),
.searchresults-grid.oxy-easy-posts .oxy-posts,
.searchresults-grid.ct-section .ct-section-inner-wrap{
display: grid !important;align-items: stretch;grid-template-columns: repeat(12, minmax(auto, auto));grid-column-gap: 2px;grid-row-gap: 2px;grid-auto-rows: minmax(min-content,1fr);}
.searchresults-grid:not(.ct-section):not(.oxy-easy-posts) > :last-child,
.searchresults-grid.ct-section .ct-section-inner-wrap > :last-child,
.searchresults-grid.oxy-easy-posts .oxy-posts > :last-child{
grid-column: span 6;grid-row: span 1;}
.searchresults-grid:not(.ct-section):not(.oxy-easy-posts) > :nth-child(1),
.searchresults-grid.ct-section .ct-section-inner-wrap > :nth-child(1),
.searchresults-grid.oxy-easy-posts .oxy-posts > :nth-child(1){
grid-column: span 6;grid-row: span 2;height: 100%;}
.searchresults-grid:not(.ct-section):not(.oxy-easy-posts) > :nth-child(2),
.searchresults-grid.ct-section .ct-section-inner-wrap > :nth-child(2),
.searchresults-grid.oxy-easy-posts .oxy-posts > :nth-child(2){
grid-column: span 6;grid-row: span 1;}
.searchresults-grid:not(.ct-section):not(.oxy-easy-posts) > :nth-child(3),
.searchresults-grid.ct-section .ct-section-inner-wrap > :nth-child(3),
.searchresults-grid.oxy-easy-posts .oxy-posts > :nth-child(3){
grid-column: span 6;grid-row: span 2;height: 100%;}
.searchresults-grid:not(.ct-section):not(.oxy-easy-posts) > :nth-child(4),
.searchresults-grid.ct-section .ct-section-inner-wrap > :nth-child(4),
.searchresults-grid.oxy-easy-posts .oxy-posts > :nth-child(4){
grid-column: span 6;grid-row: span 2;height: 100%;}
.searchresults-grid:not(.ct-section):not(.oxy-easy-posts) > :nth-child(5),
.searchresults-grid.ct-section .ct-section-inner-wrap > :nth-child(5),
.searchresults-grid.oxy-easy-posts .oxy-posts > :nth-child(5){
grid-column: span 6;grid-row: span 2;height: 100%;}
.searchresults-grid:not(.ct-section):not(.oxy-easy-posts) > :nth-child(6),
.searchresults-grid.ct-section .ct-section-inner-wrap > :nth-child(6),
.searchresults-grid.oxy-easy-posts .oxy-posts > :nth-child(6){
grid-column: span 6;grid-row: span 2;height: 100%;}
.searchresults-grid:not(.ct-section):not(.oxy-easy-posts) > :nth-child(7),
.searchresults-grid.ct-section .ct-section-inner-wrap > :nth-child(7),
.searchresults-grid.oxy-easy-posts .oxy-posts > :nth-child(7){
grid-column: span 6;grid-row: span 2;height: 100%;}
.searchresults-grid:not(.ct-section):not(.oxy-easy-posts) > :nth-child(8),
.searchresults-grid.ct-section .ct-section-inner-wrap > :nth-child(8),
.searchresults-grid.oxy-easy-posts .oxy-posts > :nth-child(8){
grid-column: span 6;grid-row: span 2;height: 100%;}
.searchresults-grid:not(.ct-section):not(.oxy-easy-posts) > :nth-child(9),
.searchresults-grid.ct-section .ct-section-inner-wrap > :nth-child(9),
.searchresults-grid.oxy-easy-posts .oxy-posts > :nth-child(9){
grid-column: span 6;grid-row: span 2;height: 100%;}
}
@media (max-width: 767px) {
.searchresults-grid {
}
}
@media (max-width: 479px) {
.searchresults-grid {
}
.searchresults-grid:not(.ct-section):not(.oxy-easy-posts),
.searchresults-grid.oxy-easy-posts .oxy-posts,
.searchresults-grid.ct-section .ct-section-inner-wrap{
display: grid !important;align-items: stretch;grid-template-columns: repeat(6, minmax(10auto, 1fr));grid-column-gap: 2px;grid-row-gap: 2px;grid-auto-rows: minmax(min-content,1fr);}
.searchresults-grid:not(.ct-section):not(.oxy-easy-posts) > :last-child,
.searchresults-grid.ct-section .ct-section-inner-wrap > :last-child,
.searchresults-grid.oxy-easy-posts .oxy-posts > :last-child{
grid-column: span 6;grid-row: span 1;}
.searchresults-grid:not(.ct-section):not(.oxy-easy-posts) > :nth-child(1),
.searchresults-grid.ct-section .ct-section-inner-wrap > :nth-child(1),
.searchresults-grid.oxy-easy-posts .oxy-posts > :nth-child(1){
grid-column: span 6;grid-row: span 1;}
.searchresults-grid:not(.ct-section):not(.oxy-easy-posts) > :nth-child(2),
.searchresults-grid.ct-section .ct-section-inner-wrap > :nth-child(2),
.searchresults-grid.oxy-easy-posts .oxy-posts > :nth-child(2){
grid-column: span 6;grid-row: span 1;}
.searchresults-grid:not(.ct-section):not(.oxy-easy-posts) > :nth-child(3),
.searchresults-grid.ct-section .ct-section-inner-wrap > :nth-child(3),
.searchresults-grid.oxy-easy-posts .oxy-posts > :nth-child(3){
grid-column: span 6;grid-row: span 1;}
.searchresults-grid:not(.ct-section):not(.oxy-easy-posts) > :nth-child(4),
.searchresults-grid.ct-section .ct-section-inner-wrap > :nth-child(4),
.searchresults-grid.oxy-easy-posts .oxy-posts > :nth-child(4){
grid-column: span 6;grid-row: span 1;}
.searchresults-grid:not(.ct-section):not(.oxy-easy-posts) > :nth-child(5),
.searchresults-grid.ct-section .ct-section-inner-wrap > :nth-child(5),
.searchresults-grid.oxy-easy-posts .oxy-posts > :nth-child(5){
grid-column: span 6;grid-row: span 1;}
.searchresults-grid:not(.ct-section):not(.oxy-easy-posts) > :nth-child(6),
.searchresults-grid.ct-section .ct-section-inner-wrap > :nth-child(6),
.searchresults-grid.oxy-easy-posts .oxy-posts > :nth-child(6){
grid-column: span 6;grid-row: span 1;}
.searchresults-grid:not(.ct-section):not(.oxy-easy-posts) > :nth-child(7),
.searchresults-grid.ct-section .ct-section-inner-wrap > :nth-child(7),
.searchresults-grid.oxy-easy-posts .oxy-posts > :nth-child(7){
grid-column: span 6;grid-row: span 1;}
.searchresults-grid:not(.ct-section):not(.oxy-easy-posts) > :nth-child(8),
.searchresults-grid.ct-section .ct-section-inner-wrap > :nth-child(8),
.searchresults-grid.oxy-easy-posts .oxy-posts > :nth-child(8){
grid-column: span 6;grid-row: span 1;}
.searchresults-grid:not(.ct-section):not(.oxy-easy-posts) > :nth-child(9),
.searchresults-grid.ct-section .ct-section-inner-wrap > :nth-child(9),
.searchresults-grid.oxy-easy-posts .oxy-posts > :nth-child(9){
grid-column: span 6;grid-row: span 1;}
}
.nav-logo-small {
width:250px;
}
.swiper-section {
width:100%;
position:relative;
margin-bottom:1em;
}
.mob-hamburger-2 {
}
.contact-social-icon {
background-color: #f4f4f4;
border: 1px solid #f4f4f4;
padding: 20px;color: #333333;}.contact-social-icon
>svg {width: 24px;height: 24px;}.contact-social-icon {
background-image: linear-gradient(149deg, #2172b8, #5e2f8f 100%); margin-right:1.35em;
padding-left:.85em;
padding-top:.85em;
padding-right:.85em;
padding-bottom:.85em;
}
.blogpost-single-categorymeta {
margin-bottom:.5em;
position:relative;
z-index:9;
}
.blogpost-single-recentposts {
width:100%;
max-width:320px;
padding-left:1em;
}
@media (max-width: 1500px) {
.blogpost-single-recentposts {
width:100%;
max-width:100%;
padding-left:0em;
margin-top:1em;
}
}
@media (max-width: 991px) {
.blogpost-single-recentposts {
margin-top:2em;
}
}
.infinite-scroll-grid {
}
.swiper-5 {
}
.swiper-6 {
}
.section-swiperquotes {
}
.nieuwsbrief-form {
margin-top:1em;
width:100%;
max-width:650px;
margin-left:auto;
margin-right:auto;
}
.social-icon-contact {
margin-bottom:1em;
}
.img-team-profile {
width:150px;
}
.category-hashtag {
}
.img-cover {
}
.trending-section {
}
.trending-section:not(.ct-section):not(.oxy-easy-posts),
.trending-section.oxy-easy-posts .oxy-posts,
.trending-section.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
.trending-section:not(.ct-section):not(.oxy-easy-posts) > *,
.trending-section.ct-section .ct-section-inner-wrap > *,
.trending-section.oxy-easy-posts .oxy-posts > *{
grid-column: span 2;}
.Trending-section {
}
.Trending-section:not(.ct-section):not(.oxy-easy-posts),
.Trending-section.oxy-easy-posts .oxy-posts,
.Trending-section.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(2, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
.Trending-section:not(.ct-section):not(.oxy-easy-posts) > *,
.Trending-section.ct-section .ct-section-inner-wrap > *,
.Trending-section.oxy-easy-posts .oxy-posts > *{
height: 100%;}
.Trending-section:not(.ct-section):not(.oxy-easy-posts) > :nth-child(1),
.Trending-section.ct-section .ct-section-inner-wrap > :nth-child(1),
.Trending-section.oxy-easy-posts .oxy-posts > :nth-child(1){
grid-column: span 2;grid-row: span 2;height: 100%;}
.recen-posts-grid-switched {
}
.recent-posts-grid-switched {
padding-top:25px;
padding-bottom:25px;
}
.uitgelicht {
color:#ffffff;
}
.cta-link-trending:after{
background-color:#f0f3f5;
content:"";
}
.cta-link-trending:hover{
color:#ffffff;
}
.cta-link-trending {
font-weight:600;
color:#ffffff;
}
.partners-block:ct_depth{
}
.partners-block {
width:100%;
padding-right:2em;
padding-bottom:1em;
}
@media (max-width: 991px) {
.partners-block {
max-width:100%;
width:100%;
}
}
.partners {
}
.ct-link-button:ct_depth{
}
.ct-link-button:hover{
background-color: transparent;
border: 1px solid #ffffff;
color: #ffffff;
}.ct-link-button:hover{
background-color:rgba(255,255,255,0.15);
transition-duration:.35s;
}
.ct-link-button {
background-color: transparent;
border: 1px solid #ffffff;
color: #ffffff;
padding: 9px 15px;
}.ct-link-button {
url_encoded:true;
button-hover_color:#ffffff;
transition-duration:.35s;
}
.btn-hamburger-dark {
}
.breadcrumb-category {
}
.sidebar-tagcloud {
}
.sidebar-categories {
}
.search-form__wrapper {
width:25%;
}
.search-form__wrapper:not(.ct-section):not(.oxy-easy-posts),
.search-form__wrapper.oxy-easy-posts .oxy-posts,
.search-form__wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-end;
}
.recent-post-card__img-wrapper {
overflow:hidden;
}
.footer-recent-post {
text-align:center;
margin-bottom:.5em;
width:100%;
}
.footer-recent-post:not(.ct-section):not(.oxy-easy-posts),
.footer-recent-post.oxy-easy-posts .oxy-posts,
.footer-recent-post.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
flex-wrap:nowrap;
align-items:stretch;
}
.footer-recent-post__img-wrapper {
width:75px;
height:75px;
overflow:hidden;
flex-shrink:0;
}
.footer-recent-post__img:ct_depth{
}
.footer-recent-post__img {
width:75px;
border-radius:8px;
height:75px;
object-fit:cover;
}
.footer-recent-post__title {
color:#f0f3f5;
font-weight:500;
font-size:15px;
text-align:left;
}
.footer-recent-post__content:ct_depth{
}
.footer-recent-post__content {
width:100%;
padding-top:.5em;
padding-right:.5em;
padding-bottom:.5em;
padding-left:.5em;
}
.footer-recent-post__date:ct_depth{
}
.footer-recent-post__date {
text-align:left;
font-size:13px;
color:rgba(201,201,201,0.65);
padding-top:0.25em;
}
.webshop-grid {
}
.webshop-grid:not(.ct-section):not(.oxy-easy-posts),
.webshop-grid.oxy-easy-posts .oxy-posts,
.webshop-grid.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(3, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
@media (max-width: 991px) {
.webshop-grid {
}
.webshop-grid:not(.ct-section):not(.oxy-easy-posts),
.webshop-grid.oxy-easy-posts .oxy-posts,
.webshop-grid.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(2, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
}
@media (max-width: 767px) {
.webshop-grid {
}
.webshop-grid:not(.ct-section):not(.oxy-easy-posts),
.webshop-grid.oxy-easy-posts .oxy-posts,
.webshop-grid.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
}
.webshop-card {
width:100%;
border-top-width:1px;
border-right-width:1px;
border-bottom-width:1px;
border-left-width:1px;
border-top-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-left-style:solid;
border-top-color:#eeeeee;
border-right-color:#eeeeee;
border-bottom-color:#eeeeee;
border-left-color:#eeeeee;
padding-top:1em;
padding-right:1em;
padding-bottom:1em;
padding-left:1em;
border-radius:0px;
}
.webshop-card:not(.ct-section):not(.oxy-easy-posts),
.webshop-card.oxy-easy-posts .oxy-posts,
.webshop-card.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
.webshop-card__img-wrapper {
width:100%;
overflow:hidden;
}
.webshop-card__img {
width:100%;
height:100%;
object-fit:cover;
aspect-ratio:16/9;
}
.webshop-card__title {
font-size:18px;
margin-top:.35em;
margin-bottom:.35em;
color:#1e1e1e;
}
.webshop-card__content {
width:100%;
flex-grow:1;
}
.breadcrumbs-divider {
margin-left:.5em;
margin-right:.5em;
}
.product-single__price {
margin-bottom:1em;
font-size:1.15em;
font-weight:500;
}
.btn-cta:hover{
background-color :#90ff00;
border: 1px solid #90ff00;
}.btn-cta:hover{
}
.btn-cta {
background-color :#90ff00;
border: 1px solid #90ff00;
}.btn-cta {
button-hover_color:#90ff00;
}
.breadcrumbs-link {
}
.webshop-filter {
width:100%;
max-width:250px;
}
@media (max-width: 991px) {
.webshop-filter {
}
.webshop-filter:not(.ct-section):not(.oxy-easy-posts),
.webshop-filter.oxy-easy-posts .oxy-posts,
.webshop-filter.ct-section .ct-section-inner-wrap{
display:none;
}
}
.webshop-filter__title {
font-size:18px;
margin-bottom:1em;
}
.webshop-filter__section {
width:100%;
margin-bottom:2em;
background-color:#000000;
padding-top:20px;
padding-right:20px;
padding-bottom:20px;
padding-left:20px;
border-radius:10px;
}
.webshop-filter-mob {
}
.btn-apply-filters-mob {
width:100%;
background-color:#88ff00;
padding-top:1em;
padding-right:1em;
padding-bottom:1em;
padding-left:1em;
}
.btn-apply-filters-mob:not(.ct-section):not(.oxy-easy-posts),
.btn-apply-filters-mob.oxy-easy-posts .oxy-posts,
.btn-apply-filters-mob.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.webshop-filter-mob__header {
width:100%;
background-color:#f0f3f5;
padding-top:1em;
padding-right:1em;
padding-bottom:1em;
padding-left:1em;
}
.btn-filters-mob-close {
margin-left:auto;
}
.btn-filters-mob-close:not(.ct-section):not(.oxy-easy-posts),
.btn-filters-mob-close.oxy-easy-posts .oxy-posts,
.btn-filters-mob-close.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.webshop-filter-mob__inner {
width:100%;
padding-top:2em;
padding-right:2em;
padding-bottom:2em;
padding-left:2em;
}
.btn-filters-mob {
background-color:#f0f3f5;
padding-top:1em;
padding-right:1em;
padding-bottom:1em;
padding-left:1em;
gap:.5em;
margin-bottom:1.5em;
}
.btn-filters-mob:not(.ct-section):not(.oxy-easy-posts),
.btn-filters-mob.oxy-easy-posts .oxy-posts,
.btn-filters-mob.ct-section .ct-section-inner-wrap{
display:none;
align-items:center;
gap:.5em;
}
@media (max-width: 991px) {
.btn-filters-mob {
}
.btn-filters-mob:not(.ct-section):not(.oxy-easy-posts),
.btn-filters-mob.oxy-easy-posts .oxy-posts,
.btn-filters-mob.ct-section .ct-section-inner-wrap{
display:flex;
}
}
.product-single__upsel {
width:100%;
margin-top:2em;
gap:.5em;
}
.product-single__upsel:not(.ct-section):not(.oxy-easy-posts),
.product-single__upsel.oxy-easy-posts .oxy-posts,
.product-single__upsel.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
gap:.5em;
}
.product-single__upsel-item {
width:100%;
gap:.5em;
}
.product-single__upsel-item:not(.ct-section):not(.oxy-easy-posts),
.product-single__upsel-item.oxy-easy-posts .oxy-posts,
.product-single__upsel-item.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
gap:.5em;
}
.sitemap-section {
width:100%;
margin-bottom:2em;
}
.quote {
font-family:Inherit;
color:#ffffff;
font-weight:600;
font-size:17px;
text-transform:uppercase;
max-width:450px;
}
.featured-card {
width:100%;
position:relative;
overflow:hidden;
}
.featured-card__img-wrapper {
width:100%;
}
.featured-card__img {
width:100%;
height:100%;
object-fit:cover;
aspect-ratio:15/8;
}
@media (max-width: 767px) {
.featured-card__img {
aspect-ratio:4/5;
}
}
@media (max-width: 479px) {
.featured-card__img {
}
}
.featured-card__cat {
background-color:#ffffff;
padding-left:1.5em;
padding-top:.5em;
padding-right:1.5em;
padding-bottom:.5em;
position:absolute;
top:30px;
left:30px;
z-index:9;
}
.featured-card__content {
background-image: linear-gradient(00deg, #000000, rgba(0,0,0,0) 100%); position:absolute;
left:0px;
bottom:0px;
width:100%;
height:100%;
padding-top:2em;
padding-right:2em;
padding-bottom:2em;
padding-left:2em;
}
.featured-card__content:not(.ct-section):not(.oxy-easy-posts),
.featured-card__content.oxy-easy-posts .oxy-posts,
.featured-card__content.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-end;
}
.featured-card__title {
color:#ffffff;
font-size:clamp(3.2rem, calc(3.2rem + ((1vw - 0.32rem) * 2.3729)), 6rem); ;
}
@media (max-width: 479px) {
.featured-card__title {
}
}
.news-card_content {
}
.featured-card__shape {
z-index:9;
position:absolute;
right:50px;
bottom:-50px;
width:100%;
max-width:350px;
}
@media (max-width: 1500px) {
.featured-card__shape {
max-width:200px;
}
}
@media (max-width: 991px) {
.featured-card__shape {
max-width:150px;
bottom:0px;
right:0px;
}
}
@media (max-width: 767px) {
.featured-card__shape {
max-width:75px;
}
}
@media (max-width: 479px) {
.featured-card__shape {
}
}
.catogory-wrapper {
position:relative;
}
.catogory-wrapper__img {
object-fit:cover;
width:100%;
aspect-ratio:10/4;
}
@media (max-width: 991px) {
.catogory-wrapper__img {
aspect-ratio:10/6;
}
}
.catogory__content {
position:absolute;
bottom:0px;
left:0px;
padding-top:2em;
padding-right:2em;
padding-bottom:2em;
padding-left:2em;
z-index:9;
}
.reveal-text {
}
.our-text {
}
.anim-in {
}
.navi {
}
.svgpath {
}
.ctext {
}
:root{
--transition: all 2s cubic-bezier(.19,1,.22,1);
--colorw: #F0F0F0;
}
/* LITESPEED LAZY LOAD STYLING */
/* PART 1 - Before Lazy Load */
img[data-lazyloaded]{
opacity:0;
filter: blur(5px);
transform: scale(1.05);
}
/* PART 2 - Upon Lazy Load */
img.litespeed-loaded{
-webkit-transition: opacity .7s cubic-bezier(.19,1,.22,1);
-moz-transition: opacity .7s cubic-bezier(.19,1,.22,1);
transition: opacity .7s cubic-bezier(.19,1,.22,1);
opacity: 1;
transform:scale(1);
filter: blur(0);
will-change: transform, opacity;
}
/*
GENERAL STYLING FIXES
*/
html{
font-size:62.5%; /* 16px *0,625% = 10px */
}
h1, h2, h3, h4, h5{
text-align:left;
word-break: break-word;
}
body{
overflow-x:hidden;
}
p {
margin: 0 0 1.5em;
}
ol li {
margin-bottom: .5em;
}
main{
position:relative;
}
.img-cover{
object-fit:cover;
}
.img-contain{
object-fit:contain;
}
.wp-block-image figcaption{
font-size:13px;
}
/* Inner Content text left */
.ct-inner-content{
text-align:left;
}
/* Link styling */
.cta-link{
white-space: nowrap;
}
.ct-link{
line-height:1.25;
}
.ct-link-text {
position: relative;
transition: all .7s cubic-bezier(.19,1,.22,1);
margin: 0 0 3px;
text-transform: uppercase;
font-size: 13px;
letter-spacing: .035em;
}
.ct-link-text:after {
content: '';
position: absolute;
width: 100%;
height: 2px;
bottom: -3px;
left: 0;
background: #88ff00;
transform: scaleX(0);
transition: all .7s cubic-bezier(.19,1,.22,1);
transform-origin: left;
}
.ct-link-text:hover:after {
transform: scaleX(1);
background: #90ff00;
}
/* link button styling */
.ct-link-button:hover {
color: #fff;
}
/* WORDPRESS GUTENBERG FIXES */
.wp-block-media-text__media img, .wp-block-media-text__media video {
height: auto;
}
/* Yoast Breadcrumbs */
.breadcrumbs {
text-transform: uppercase;
font-size: 13px;
font-weight: 500;
letter-spacing: .035em;
}
/* Swiper Fix since 4.0 */
.oxy-dynamic-list {
flex-wrap: inherit;
justify-content: flex-start;
}
/*
//// END GENERAL STYLING FIXES
*/
/* Infinite Scroll JS Styling */
.page-load-status {
display: none; /* hidden by default */
padding:1em;
margin-top:1em;
border-top: 1px solid #DDD;
text-align: center;
color: #777;
}
.page-load-status, .btn-toTop{
cursor:pointer;
}
.animation--rotating {
-webkit-animation: rotating 2s linear infinite;
-moz-animation: rotating 2s linear infinite;
-ms-animation: rotating 2s linear infinite;
-o-animation: rotating 2s linear infinite;
animation: rotating 2s linear infinite;
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
from {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/* Searchpage styling */
.oxy-search-form form#searchform.search-form-wide{
max-width:100%;
}
.oxy-search-form form#searchform.search-form-wide input, .oxy-search-form form#searchform.search-form-wide button#searchsubmit{
background:#f2f2f2;
}
.search-results-heading span{
color:#88ff00;
}
.search-results-count{
color:#88ff00;
}
/*
BLOGPOST CATEGORYLINKS FIX
*/
.category-wrapper a {
position:relative;
z-index:1;
}
/*
BLOGPOST TITLE MAX 2 LINES WITH ELIPSES *...*
*/
.blogpost-cta-title{
color:#1e1e1e;
}
.blogpost-cta-title span{
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
/* Social Sharing inner-content */
.social-share-buttons-innercontent {
display: flex;
margin-bottom: 1em
}
.social-share-buttons-innercontent .btn-social-share {
display: flex;
padding: .5em 1.5em;
margin-right: .75em;
border: none;
border-radius: 3px;
transition: all 1.4s cubic-bezier(.19,1,.22,1)
}
.social-share-buttons-innercontent .btn-social-share:hover {
transform: translateY(-3px)
}
.btn-social-share.share-facebook {
background: #365898
}
.btn-social-share.share-facebook svg {
fill: #fff
}
.btn-social-share.share-pinterest {
background: #c91f2a
}
.btn-social-share.share-pinterest svg {
fill: #fff
}
.btn-social-share.share-linkedin {
background: #0a66c2
}
.btn-social-share.share-linkedin svg {
fill: #fff
}
.btn-social-share.share-whatsapp {
background: #2eac3e
}
.btn-social-share.share-whatsapp svg {
fill: #fff
}
.btn-social-share.share-twitter {
background: #2aa4d5
}
.btn-social-share.share-twitter svg {
fill: #fff
}
.btn-social-share.share-email {
background: #eee
}
/* Social Sharing Widget Floating */
.social-share-widget {
position: sticky;
top: 120px
}
.social-share-widget .social-share-toggle {
position: relative;
z-index: 1;
border: none;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
height: 50px;
width: 50px;
padding: 10px;
cursor: pointer;
transition: all .15s ease;
}
.social-share-widget .social-share-toggle:hover {
transform: scale(1.1)
}
.social-share-widget .social-share-buttons {
display: flex;
flex-direction: column;
visibility: hidden;
opacity: 0
}
.social-share-widget .social-share-buttons.open {
visibility: visible;
opacity: 1
}
.social-share-widget .btn-social-share {
opacity: 0;
transform: translateY(-100%);
display: flex;
justify-content: center;
align-items: center;
margin-top: 8px;
border: none;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
height: 50px;
width: 50px;
padding: 10px;
cursor: pointer
}
.social-share-widget .social-share-buttons.open .btn-social-share {
opacity: 1;
transform: translateY(0);
transition: all .35s ease
}
.social-share-widget .social-share-buttons .btn-social-share:nth-child(1) {
transition-delay: 0s
}
.social-share-widget .social-share-buttons .btn-social-share:nth-child(2) {
transition-delay: 0s
}
.social-share-widget.social-share-buttons .btn-social-share:nth-child(3) {
transition-delay: .2s
}
.social-share-widget.social-share-buttons .btn-social-share:nth-child(4) {
transition-delay: .4s
}
@media screen and (max-width:1500px){
.social-share-widget{
display: none;
}
.social-share-buttons{
flex-direction:row;
margin-top:0;
justify-content: space-evenly;
width:100%;
}
}
@media screen and (max-width:768px){
.social-share-buttons-innercontent .btn-social-share {
padding: 0.5em 0.75em;
}
}
@media screen and (max-width:480px){
.social-share-buttons-innercontent .btn-social-share {
margin-right: 0.5em;
}
}
/* Tag cloud */
.sidebar-tagcloud {
display: flex;
flex-wrap: wrap;
margin-bottom:1em;
}
.sidebar-tagcloud .tag-cloud-link {
padding: 6px 13px;
margin: 0 5px 5px 0;
border-radius: 5px;
border: solid 1px #eee;
font-size: 13px !important;
display: inline-flex;
}
/* Categories cloud */
.sidebar-categories {
display: flex;
flex-wrap: wrap;
flex-direction: column;
margin-bottom: 1em;
width:100%;
}
.sidebar-categories .cat-link {
display: flex;
justify-content: space-between;
width: 100%;
border-bottom: solid 1px #eee;
padding: 0.5em 0;
font-size: 16px;
}
/* CONTACT FORM STYLING */
/*
form.wpcf7-form {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
form.wpcf7-form label {
flex: 0 0 48%;
max-width: 48%;
margin-right: 5px
}
form.wpcf7-form label:nth-child(4) {
flex: 0 0 100%;
max-width: 100%;
margin-top: 2em;
margin-bottom: 2em
}
*/
form.wpcf7-form label {
font-size: 15px;
display:flex;
transition: all .35s ease;
margin-bottom:3px;
}
form.wpcf7-form label span{
width:100%;
}
form.wpcf7-form input,form.wpcf7-form textarea {
width: 100%;
border:solid 1px #eee;
font-size: 16px;
font-family:inherit;
padding: 1em;
}
form.wpcf7-form input:focus,form.wpcf7-form textarea:focus {
outline: none;
border: solid 2px #1d2344;
}
form.wpcf7-form input[type=submit] {
background: #88ff00;
font-family: inherit;
font-weight: 600;
font-size: 15px;
letter-spacing: .035em;
color: #fff;
border-radius: 5px;
width: 100%;
margin: 0;
cursor: pointer;
transition: all .35s ease
}
form.wpcf7-form input[type=submit]:hover {
background: #88ff00;
}
.wpcf7-not-valid-tip {
font-size: 13px;
margin-top: .35em;
display: flex;
align-items: center;
color: #e52a29
}
.wpcf7-not-valid-tip:before {
content: '';
background-image: url("data:image/svg+xml,%3Csvg focusable='false' preserveAspectRatio='xMidYMid meet' xmlns='http://www.w3.org/2000/svg' fill='%23e52a29' width='20' height='20' viewBox='0 0 32 32' aria-hidden='true'%3E%3Cpath d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'%3E%3C/path%3E%3Cpath d='M15 8H17V19H15zM16 22a1.5 1.5 0 101.5 1.5A1.5 1.5 0 0016 22z'%3E%3C/path%3E%3Ctitle%3EWarning%3C/title%3E%3C/svg%3E");
background-repeat: no-repeat;
width: 20px;
height: 20px;
margin-right: 3px
}
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output {
border-color: #e52a29;
color: #e52a29;
border-radius: 5px;
width: 100%;
margin: 0;
padding: .85em
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450;
color: #46b450;
font-weight: 600;
border-radius: 5px;
width: 100%;
margin: 0;
padding: .85em
}
/* Show fixed nav on scroll */
.nav-logo {
transform: scale(.8);
transform-origin: left;
}
.header-main{
transform:translateY(-100%);
top:0;
transition:all .7s cubic-bezier(.19,1,.22,1);
}
.header-main.scrolled{
transform:translateY(0%);
}
.header-main.scrolled .nav-logo{
transform:scale(.8);
transform-origin:left;
}
/*
NAV MENU HOVER EFFECT LINE
*/
.nav-main ul li{
position:relative;
list-style-type:none;
padding:.15em;
transition:all .35s ease;
}
.nav-main ul li:after{
content:"";
background:#88ff00;
height:3px;
width:100%;
position:absolute;
bottom:0;
left:0;
transform:scaleX(0);
transform-origin: right;
transition:transform .7s cubic-bezier(.19,1,.22,1);
}
.nav-main ul li:hover:after{
transform:scaleX(1);
transform-origin: left;
}
.nav-main ul li ul.sub-menu li:after{
height:0px;
}
.nav-main ul li a{
height:100%;
text-align:left;
}
/* Sub Menu styling */
.nav-main .sub-menu{
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
box-shadow: 0px 8px 13px -3px rgb(25 25 25 / 14%);
}
/*
NAV MOBILE HAMBURGER
*/
.mob-hamburger{
display:block;
}
@media screen and (max-width:992px){
.mob-hamburger{
display:block;
}
}
.btn-hamburger {
background-color: transparent;
border: none;
cursor: pointer;
user-select:none;
display: flex;
position: relative;
box-sizing: border-box;
display: flex;
margin: 0 0 0 1px;
transition: background .35s ease;
border-radius: 10px;
width: 60px;
height: 60px;
justify-content: center;
align-items: center;
margin: 5px 0;
}
.line {
fill: none;
stroke: #fff;
stroke-width: 6;
transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
.line1 {
stroke-dasharray: 60 207;
stroke-width: 6;
}
.line2 {
stroke-dasharray: 60 60;
stroke-width: 6;
}
.line3 {
stroke-dasharray: 60 207;
stroke-width: 6;
}
.opened .line1 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
stroke-width: 6;
}
.opened .line2 {
stroke-dasharray: 1 60;
stroke-dashoffset: -30;
stroke-width: 6;
}
.opened .line3 {
stroke-dasharray: 90 207;
stroke-dashoffset: -134;
stroke-width: 6;
}
/* Hamburger Dark */
.btn-hamburger.btn-hamburger-dark svg .line {
fill: none;
stroke: #000;
}
body.fixed{
overflow:hidden;
}
.mob-menu{
position:fixed;
z-index:-1;
top:128px; /* Fixed header height */
width: 100%;
height: 100%;
background: rgb(255 255 255 / 90%);
backdrop-filter: blur(5px);
transform:translateX(-100%);
transition:all .7s cubic-bezier(.19,1,.22,1);
}
.mob-menu.open {
transform: translateX(0);
position: fixed;
z-index:998;
overflow:auto;
padding-bottom: 80px;
}
body.scrolled .mob-menu {
top: 70px; /* Fixed header height on scroll */
}
/* Mob menu section spacing */
.mob-menu .ct-section-inner-wrap {
padding: 1em 0;
}
/* Mob Menu arrows after link without children activated */
.mob-menu .menu-item a:after {
width: 0.35em;
height: 0.35em;
margin-left: 0.5em;
border-right: 0.1em solid;
border-top: 0.1em solid;
transform: rotate(45deg);
content: "";
}
@media screen(max-width:1100px){
.mob-menu{
top:70px; /* Fixed header height */
}
body.scrolled .mob-menu.open {
top: 60px;
}
}
/*
NAV LOGO HOVER EFFECT
*/
#nav-logo {
transition: all .35s ease;
}
#nav-logo:hover {
transform: scale(.97);
}
/* WEBSHOP CARD STYLES */
.webshop-card {
width: 100%;
height: 100%;
transition:all .35s cubic-bezier(.19,1,.22,1);
}
.webshop-card:hover{
border-color:#1e1e1e;
}
.webshop-card__img {
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 16/9;
transition: all 1.4s cubic-bezier(.19,1,.22,1);
}
.webshop-card:hover .webshop-card__img{
transform:scale(1.1);
}
.webshop-card__title, .webshop-card__title span{
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* FEATURED CARD STYLES */
.featured-card .featured-card__img {
transition: var(--transition);
}
.featured-card:hover .featured-card__img {
transform: scale(1.1);
}
.featured-card__title, .featured-card__title span{
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
max-width:500px;
}
.news-card__title span {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
max-width:500px;
}
/* NEWS CARD STYLES */
.news-card .news-card__img {
transition: var(--transition);
}
.news-card:hover .news-card__img {
transform: scale(1.1);
}
/* PRODUCT CARDS BLOG SINGLE */
.blog-single-product:not(.blog-single-product:last-of-type) {
border-bottom: solid 1px #cfcfcf;
padding-bottom: 2em;
}
.blog-single-product__inner {
display: flex;
width: 100%;
gap:2em;
}
.blog-single-product__content {
text-align: left;
width: 100%;
}
.blog-single-product__title {
color: #000;
margin-bottom: 0.35em;
}
.blog-single-product__price {
color: #000;
font-size: 1.2em;
margin-bottom: 1em;
}
.blog-single-product__excerpt {
color: #000;
margin-bottom:1em;
}
.blog-single-product__information {
display: flex;
flex-direction: column;
gap: 0.5em;
}
.blog-single-product__information-item {
position: relative;
color: #000;
font-size: 13px;
margin-left: 1em;
display: flex;
}
.blog-single-product__information-item:before {
content: '•';
position: absolute;
top: 0;
left: -1em;
}
.blog-single-product__img-wrapper{
width:100%;
}
.blog-single-product__img{
width:100%;
height:100%;
object-fit:cover;
aspect-ratio:4/4;
}
.blog-single-product__btn {
background: #171717;
color: #fff;
width: fit-content;
padding: 0.75em 1.5em;
border-radius: 50px;
margin-top: 1.5em;
}
.blog-single-product .blog-single-product__btn:hover {
background: #3a3a3a;
}
/* Searchform styling */
.oxy-search-form form#searchform {
width: 100%;
/* max-width:calc(100% - 1em); */
max-width:300px;
margin-left:auto;
}
form#searchform > div {
display: flex;
justify-content: space-between;
border-radius: 35px
box-shadow: 0px 1px 1px 1px rgb(0 0 0 / 15%);
}
.oxy-search-form input#s {
border-radius: 35px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
}
.oxy-search-form input {
flex: 1;
outline: none;
border: none;
padding: 1em 1.5em;
font-weight: 400;
font-size:13px;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
}
#searchform button#searchsubmit {
background: #fff;
border: none;
border-top-right-radius: 35px;
border-bottom-right-radius: 35px;
display: flex;
justify-content: flex-end;
align-items: center;
padding: 8px 1em;
cursor: pointer;
}
#searchform button#searchsubmit svg {
width: 18px;
fill: #1d2344;
}
/* top bar searchform styling */
.header-top-bar .oxy-search-form input{
background: rgba(255,255,255,.065);
transition:all .35s cubic-bezier(.19,1,.22,1);
color:#fff;
font-family:inherit;
}
.header-top-bar .oxy-search-form input::placeholder{
color:rgba(255,255,255,.5);
}
#searchform button#searchsubmit{
background: rgba(255,255,255,.065);
}
.header-top-bar #searchform button#searchsubmit svg {
width: 18px;
fill: rgba(255,255,255,.5);
transition:all .35s ease;
}
.header-top-bar #searchform button#searchsubmit:hover svg{
transform:scale(1.15);
fill:#fff;
}
.header-top-bar .oxy-search-form input:focus {
color: #fff;
font-size: 15px;
background: rgba(255,255,255,.15);
}
.header-top-bar .oxy-search-form input:-webkit-autofill,
.header-top-bar .oxy-search-form input:-webkit-autofill:hover,
.header-top-bar .oxy-search-form input:-webkit-autofill:focus,
.header-top-bar .oxy-search-forminput:-webkit-autofill:active{
-webkit-box-shadow: 0 0 0 30px rgba(255,255,255,0) inset !important;
}
/* NIEUWSBRIEF FORM HOMEPAGE */
.nieuwsbrief-form form.wpcf7-form.init {
display: flex;
flex-wrap: wrap;
}
.nieuwsbrief-form form.wpcf7-form label:nth-child(2) {
width: calc(100% - 2px);
margin-right: 2px;
}
.nieuwsbrief-form form.wpcf7-form label:nth-child(2) input:first-of-type {
border-top-left-radius: 8px;
}
.nieuwsbrief-form form.wpcf7-form label:nth-child(3) {
width: calc(100% - 2px);
margin-left: 2px;
}
.nieuwsbrief-form form.wpcf7-form label:nth-child(3) input:first-of-type {
border-top-right-radius: 8px;
}
.nieuwsbrief-form form.wpcf7-form label:nth-child(4) {
width: 100%;
}
.nieuwsbrief-form input[type="submit"] {
background: #88ff00;
color: #fff;
font-weight: 600;
letter-spacing: .15em;
font-size: 15px;
cursor: pointer;
transition: all .35s ease;
border-bottom: none;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
padding: 1.5em;
border:none;
}
.nieuwsbrief-form input[type="submit"]:hover{
background: #88ff00;
}
/* NIEUWSBRIEF FORM HOMEPAGE */
.nieuwsbrief-form input {
width: 100%;
border: none;
border-bottom: solid 1px #eee;
font-size: 16px;
font-family: inherit;
padding: 1em;
}/* Swiper JS Styling */
/*position relative for swiper arrows */
.section-blogpost-swiper .ct-section-inner-wrap{
position:relative;
}
:root {
--swiper-navigation-size: 1em !important;
}
.swiper {
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.swiper-slide {
text-align: center;
font-size: 18px;
min-height:250px;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.swiper-button-next, .swiper-button-prev{
padding: 30px;
background: #ffffff;
border-radius: 50%;
box-shadow:0px 5px 22px -3px rgb(0 0 0 / 15%);
color: #1e1e1e;
transform:translate(-50%, -50%);
border:solid 1px #eee;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev{
right:-63px;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next{
left:0;
}
/*
Custom swiper arrows
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='32px' width='32px' viewBox='0 0 100 100'%3E%3Cpath d='M93.91,45.414c-12.666-10.311-24.354-21.394-35-33.098c-0.566-0.622-1.356-1.002-2.199-1.058 c-0.082-0.005-0.164-0.008-0.245-0.007c-0.757,0.007-1.489,0.277-2.064,0.768c-3.095,2.643-6.259,5.247-9.493,7.809 c-1.385,1.097-1.593,3.08-0.429,4.43c4.511,5.227,9.218,10.345,14.115,15.342c-16.067,0.34-32.149-0.439-48.131-2.336 c-1.887-0.224-3.58,0.988-3.783,2.73c-0.554,4.826-1.109,9.651-1.663,14.477c-0.203,1.741,1.25,3.356,3.248,3.583 c16.642,1.898,33.38,2.646,50.096,2.245c-5.085,5.15-10.366,10.21-15.842,15.169c-0.677,0.613-1.038,1.425-0.998,2.26 c0.039,0.835,0.476,1.624,1.219,2.19c3.609,2.752,7.29,5.447,11.039,8.082c0.743,0.522,1.67,0.768,2.59,0.746 c1.069-0.024,2.127-0.409,2.879-1.127c12.795-12.229,24.492-24.993,35.072-38.13C95.369,48.187,95.181,46.448,93.91,45.414z'%3E%3C/path%3E%3C/svg%3E");
background-size: cover;
background-position: 50%;
width: 20px;
height: 20px;
position: absolute;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='32px' width='32px' viewBox='0 0 100 100'%3E%3Cpath d='M93.91,45.414c-12.666-10.311-24.354-21.394-35-33.098c-0.566-0.622-1.356-1.002-2.199-1.058 c-0.082-0.005-0.164-0.008-0.245-0.007c-0.757,0.007-1.489,0.277-2.064,0.768c-3.095,2.643-6.259,5.247-9.493,7.809 c-1.385,1.097-1.593,3.08-0.429,4.43c4.511,5.227,9.218,10.345,14.115,15.342c-16.067,0.34-32.149-0.439-48.131-2.336 c-1.887-0.224-3.58,0.988-3.783,2.73c-0.554,4.826-1.109,9.651-1.663,14.477c-0.203,1.741,1.25,3.356,3.248,3.583 c16.642,1.898,33.38,2.646,50.096,2.245c-5.085,5.15-10.366,10.21-15.842,15.169c-0.677,0.613-1.038,1.425-0.998,2.26 c0.039,0.835,0.476,1.624,1.219,2.19c3.609,2.752,7.29,5.447,11.039,8.082c0.743,0.522,1.67,0.768,2.59,0.746 c1.069-0.024,2.127-0.409,2.879-1.127c12.795-12.229,24.492-24.993,35.072-38.13C95.369,48.187,95.181,46.448,93.91,45.414z'%3E%3C/path%3E%3C/svg%3E");
background-size: cover;
background-position: 50%;
transform:rotate(180deg);
width: 20px;
height: 20px;
position: absolute;
}
*/
/* swiper buttons */
.swiper-button-next:after, .swiper-button-prev:after{
font-weight:600;
transition:all .35s ease;
}
.swiper-button-next:hover:after{
transform:translateX(3px);
}
.swiper-button-prev:hover:after{
transform:translateX(-3px);
}
/* swiper pagination */
.swiper-pagination{
position:relative !important;
margin:1em auto;
width:100%;
}
span.swiper-pagination-bullet {
padding: 5px;
border: solid 3px #eee;
background:#eee;
position: relative;
opacity:1;
transition: all 1.4s cubic-bezier(.19,1,.22,1);
}
span.swiper-pagination-bullet-active {
border-color: #88ff00;
background: #88ff00;
}
.swiper-pagination-bullet-active:after {
content: '';
border: solid 3px white;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 100%;
}
/* Swiper quotes styling */
.swiper-quotes{
color:#fff;
}
.quote-title{
text-align: center;
max-width: 85%;
margin: 0 auto 0.5em;
}
.section-swiperquotes .ct-section-inner-wrap{
position:relative;
}
.section-swiperquotes .swiper-button-next, .swiper-rtl .swiper-button-prev{
right:0;
background:none;
color:#fff;
}
.section-swiperquotes .swiper-button-prev, .swiper-rtl .swiper-button-next{
left:65px;
background:none;
color:#fff;
}
/* CUSTOM BG COLOR FOR WEBSHOP PAGE, REST BLACK */
body{
background:#000;
}
body.page-id-18185 {
background: var(--blue);
}
body.page-id-31 {
background: white !important;
}
body.page-id-18349 {
background: var(--colorw);
}
/* Blogpost card styling */
.cta-recent-post-meta{
font-size:13px;
display: flex;
justify-content: flex-start;
align-items:center;
color:#fff;
}
.blogpost-meta{
font-size:13px;
color:#fff;
display: flex;
align-items: center;
}
.post-categories {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
color: #88ff00;
text-align:left;
color: #fff;
background: #88ff00;
border-radius: 3px;
text-transform: uppercase;
font-size: 11px;
height:21px;
letter-spacing: .035em;
padding: 0.35em 1em;
}
.cta-recent-post:hover .blogpost-meta{
opacity:1;
}
.cta-recent-post .post-categories{
color:#fff ;
}
/* Cards with title outside image */
.post-date-dark{
color: #1e1e1e;
opacity: .5;
font-weight: 600;
}
span.meta-seperator {
margin: 0 .35em;
}
.recent-post-card span.meta-seperator{
color:#1e1e1e;
}
/* Homepage Blogpost Grid styling & Blogpost Single Latest posts */
.recent-posts-grid{
width:100%;
display:grid;
grid-template-columns:2fr 1fr;
grid-column-gap:1em;
grid-row-gap:1em;
}
.cta-recent-post {
position: relative;
overflow: hidden;
border-radius: 5px;
min-height:250px; /* fix for infinite load */
}
.cta-recent-post-inner{
position:absolute;
bottom:0;
padding:1em;
z-index:9;
}
.cta-recent-post-img{
width:100%;
height:100%;
line-height: 0;
border-radius:5px;
overflow:hidden;
}
/*Safari Fix Infinite Scroll */
.infinite-scroll-grid .cta-recent-post-img{
position:absolute;
}
.cta-recent-post-img picture{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.cta-recent-post-img img{
width:100%;
height:100%;
object-fit:cover;
aspect-ratio: 16/9;
transition:all 1.4s cubic-bezier(.19,1,.22,1);
}
.cta-recent-post-img:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
border-radius:5px;
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,.75) 100%);
}
.cta-recent-post:hover .cta-recent-post-img img {
transform: scale(1.1);
}
h3.cta-recent-post-title{
text-align:left;
font-size:22px;
line-height:1.15;
color:#fff;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom:.35em;
}
.recent-posts-grid p.blogpost-excerpt {
color: #fff;
opacity: .85;
font-size:20px;
line-height:1.35;
}
.recent-posts-grid .cta-recent-post:hover p.blogpost-excerpt{
opacity:1;
transition:all .35s ease;
}
.recent-posts-grid .cta-recent-post:first-of-type h3.cta-recent-post-title {
font-size: 42px;
line-height: 52px;
}
.recent-posts-grid .cta-recent-post:first-of-type{
grid-row-end:span 2;
}
@media screen and (max-width:768px){
.recent-posts-grid .cta-recent-post:first-of-type h3.cta-recent-post-title {
font-size: 28px;
}
.recent-posts-grid .cta-recent-post:first-of-type{
grid-row-end:span 1;
height:60vh;
max-height:100%;
}
.recent-posts-grid{
display:grid;
grid-template-columns:1fr;
grid-column-gap:1em;
grid-row-gap:1em;
}
}
@media screen and (max-width:768px){
.cta-recent-post{
max-height:300px;
}
}
/* Blogpost Card Styling */
.recent-post-card img{
transition:all .65s ease;
}
.recent-post-card:hover img {
transform: scale(1.1);
}
/* Category Cards styling */
.cta-category-card {
padding: 50px;
border-radius: 5px;
background: #fff;
display: flex;
flex-direction: column;
position: relative;
align-items: center;
overflow: hidden;
box-shadow:0px 3px 13px -3px rgb(0 0 0 / 13%);
}
.cta-category-card:hover{
box-shadow:none;
}
.cta-category-card:after {
content: '';
position: absolute;
bottom: 0;
width: 50px;
height: 4px;
background: #88ff00;
margin-left: auto;
transition: all .35s ease;
transform-origin: center;
}
.cta-category-card:hover:after {
width: 100%;
background: #90ff00;
}
.cta-category-card .cta-category-img {
width: 65px;
margin: 0 auto;
}
/* POPULAR POSTS GRID */
.popular-posts-grid{
display:grid;
grid-template-columns:1fr 1fr 1fr;
grid-column-gap:1em;
grid-row-gap:1em;
}
.popular-posts-grid .cta-recent-post{
max-height:300px;
height:300px;
}
@media screen and (max-width:992px){
.popular-posts-grid{
display:grid;
grid-template-columns:1fr;
grid-column-gap:1em;
}
}
.blogpost-cta-title span, .footer-recent-post__title span {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
/* FOOTER STYLING */
.footer-link {
text-transform: none;
font-size: 15px;
letter-spacing: 0;
}
footer .ct-link-text:after, footer .ct-link-text:hover:after {
display:none;
/* background: #fff; */
}
.blogpost-cta-title-footer{
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.blogpost-cta-title-footer a{
color:rgb(255 255 255/65%)
}
.blogpost-cta-title-footer a:hover{
color:#fff
}
/* PAGE TEMPLATES STYLING */
/* Category Header styling */
.blog-category-header h1, .blog-category-header p{
text-align:left;
}
.blog-category-header h1{
font-size:2.6em;
margin-bottom:.35em;
}
.blog-category-header img{
opacity:.35;
margin-bottom:1em;
}
.blog-category-header span {
margin: 0 0 0.5em 0;
display: inline-block;
}
.blog-categories-grid{
display:grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
grid-column-gap: 1em;
grid-row-gap: 1em;
}
@media screen and (min-width:1200px){
.blog-categories-grid{
grid-template-columns: 1fr 1fr 1fr;
}
}
/* Blogpost single styling */
.section-blogpost-single-main .ct-inner-content{
max-width:850px;
}
.section-blogpost-single-main .ct-inner-content p{
margin-top:.35em;
text-align:left;
}
.section-blogpost-single-main img {
width: 100%;
}
.blogpost-single-categorymeta a {
color: #fff;
background: #88ff00;
margin: 0 .5em 0 0;
padding: 0.2em 0.75em;
border-radius: 3px;
font-size:13px;
text-transform:uppercase;
letter-spacing:.035em;
}
.blogpost-single-recentposts .blogpost-meta{
align-items:flex-start;
}
.blogpost-single-recentposts .cta-recent-post{
min-height:100px;
}
/* BLOG SINGLE WEBSHOP POST OBJECT */
.blog-single__products {
display: grid;
grid-template-columns: 1fr;
gap: 2em;
background:#eee;
padding:2em;
margin-bottom:2em;
}
/* WEBSHOP STYLING */
.webshop-filter-mob{
width: 100%;
position: fixed;
top: 0px;
left: 0px;
z-index: 9999;
background-color: #ffffff;
height: 100%;
visibility: hidden;
opacity: 0;
overflow: auto;
}
.webshop-filter-mob.active{
visibility: visible;
opacity: 1;
}
.btn-filters-mob{
cursor: pointer;
user-select: none;
}
.btn-filters-mob-close {
cursor: pointer;
user-select: none;
}
.btn-apply-filters-mob {
cursor: pointer;
user-select: none;
}
/* WEBSHOP SINGLE STYLING */
.swiper-product-gallary .swiper-slide img {
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 4/3;
}
.swiper-product-gallary .swiper-pagination {
position: absolute !important;
bottom: 0;
}
.swiper-product-gallary .swiper-pagination span.swiper-pagination-bullet {
background: rgba(255,255,255,.35);
border: none;
}
.swiper-product-gallary .swiper-pagination span.swiper-pagination-bullet-active {
background: #fff;
}
.swiper-product-gallary .swiper-button-next, .swiper-product-gallary .swiper-button-prev {
padding: 30px;
background:none;
border:none;
color:#fff;
height: 100%;
border-radius: 0;
box-shadow:none;
user-select:none;
}
.swiper-product-gallary .swiper-button-next {
right: -30px;
}
.swiper-product-gallary .swiper-button-prev {
left: 30px;
}
/* Als er geen swiper is, default to thumbnail */
.swiper-product__thumbnail {
width: 100%;
}
.swiper-product__thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 4/3;
}
#svgContainer {
max-width: 100%;
max-height: 100%;
background-color: #fff;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}.cta-category-card {
background-color: rgba(6, 6, 6, 1);
}