/*
Theme Name: Wux Blog Theme
Author: Wux B.V.
Author URI: https://wux.nl/
Description: Wux Blogs is het custom wordpress thema van Wux. Dit thema is speciaal ontwikkeld voor de blog ontwikkeling van Wux.
Version: 1.2.1
Requires PHP: 8.0.0
Text Domain: wux
*/

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

:root {
    --fs: 1.4rem;
    --lh: 1.6;
    --cb-smooth: cubic-bezier(.58,.22,.2,.96);

    --clr-border: rgb(222, 226, 230); 
    
    /* Font variables */
    --wpb-font-primary: var(--font-primary);
    --wpb-font-secondary: var(--font-secondary);
    --wpb-font-special: var(--font-special);

    /* Container max-width variables */
    --container-width: 100%;
    --container-width--sm: 540px;
    --container-width--md: 720px;
    --container-width--lg: 960px;
    --container-width--xl: 1140px;
    --container-width--xxl: 1320px;
    --container-width--xxxl: 1320px;

    --sidebar-width: 40rem; 

}

@media (min-width: 768px) { :root { --fs: 1.6rem; } }
@media (min-width: 1200px) { :root { --fs: 1.8rem; } }


body { font-family: var(--wpb-font-primary); }



/*** ---------- Typography ---------- ***/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { --lh: 1.2; font-family: var(--wpb-font-secondary); font-weight: 500; }
h1, .h1 { --fs: clamp(3.2rem, 3vw, 4.8rem); }
h2, .h2 { --fs: clamp(3.0rem, 3vw, 4.0rem); }
h3, .h3 { --fs: clamp(2.2rem, 3vw, 2.4rem); }
h4, .h4 { --fs: 2.2rem; }
h5, .h5 { --fs: 2.0rem; }
h6, .h6 { --fs: 1.6rem; }
small, .small { --fs: 1.4rem; }

/*** ---------- Whitespace ---------- ***/
[class*="wpb-wst"] { --pt: 0; padding-top: var(--pt); }
[class*="wpb-wsb"] { --pb: 0; padding-bottom: var(--pb); }

.wpb-wst--none { --pt: 0; }
.wpb-wst--smaller { --pt: .8rem; }
.wpb-wst--small { --pt: 1.6rem; }
.wpb-wst--medium { --pt: 3.2rem; }
.wpb-wst--large { --pt: 4rem; }

.wpb-wsb--none { --pb: 0; }
.wpb-wsb--smaller { --pb: .8rem; }
.wpb-wsb--small { --pb: 1.6rem; }
.wpb-wsb--medium { --pb: 3.2rem; }
.wpb-wsb--large { --pb: 4rem; }

@media (min-width: 992px) {
    .wpb-wst--smaller { --pt: 3.2rem; }
    .wpb-wst--small { --pt: 6.4rem; }
    .wpb-wst--medium { --pt: 8rem; }
    .wpb-wst--large { --pt: 12rem; }
    
    .wpb-wsb--smaller { --pt: 3.2rem; }
    .wpb-wsb--small { --pb: 6.4rem; }
    .wpb-wsb--medium { --pb: 8rem; }
    .wpb-wsb--large { --pb: 12rem; }
}



/*** ---------- Borders ---------- ***/
.border-top { padding-top: 1.2rem; margin-top: 2.4rem; border-top: .1rem solid var(--clr-border); }
.border-bottom { padding-bottom: 1.2rem; margin-bottom: 2.4rem; border-bottom: .1rem solid var(--clr-border); }



/*** ---------- Icons ---------- ***/
.wpb-icon-wrapper { width: 5rem; height: 5rem; border-radius: 50%; display: inline-grid; place-items: center; }
.wpb-icon-wrapper--primary { background-color: var(--clr-primary); }
.wpb-icon-wrapper--primary .wpb-icon { --clr: #fff; }
.wpb-icon-wrapper--secondary { background-color: var(--clr-secondary); }  
.wpb-icon-wrapper--secondary .wpb-icon { --clr: #fff; }

.wpb-icon-wrapper--small { width: 2.5rem; height: 2.5rem; min-width: 2.5rem; }
.wpb-icon-wrapper--small .wpb-icon { --w: 1.6rem; --h: 1.6rem; }

.wpb-icon-wrapper--medium { width: 3rem; height: 3rem; min-width: 3rem; }
.wpb-icon-wrapper--medium .wpb-icon { --w: 1.8rem; --h: 1.8rem; }

.wpb-icon-wrapper--large { width: 3.5rem; height: 3.5em; min-width: 3.5rem; }
.wpb-icon-wrapper--large .wpb-icon { --w: 2rem; --h: 2rem; }

.wpb-icon-wrapper--20 { width: 2rem; height: 2rem; min-width: 2rem; }
.wpb-icon-wrapper--20 .wpb-icon { --w: 1.2rem; --h: 1.2rem; }



/*** ---------- Background colors ---------- ***/
.wpb-pagewrapper { background-color: var(--clr-background); }

.wpb-bg-clr--primary    { background-color: var(--clr-primary);     --clr-heading: var(--clr-heading-primary);      --clr-text: var(--clr-text-primary); }
.wpb-bg-clr--secondary  { background-color: var(--clr-secondary);   --clr-heading: var(--clr-heading-secondary);    --clr-text: var(--clr-text-secondary); }
.wpb-bg-clr--dark       { background-color: var(--clr-dark);        --clr-heading: var(--clr-heading-dark);         --clr-text: var(--clr-text-dark); }
.wpb-bg-clr--light      { background-color: var(--clr-light);       --clr-heading: var(--clr-heading-main);         --clr-text: var(--clr-text);}


/*** ---------- Buttons ---------- ***/
.btn, .gform_button, .gform_next_button, .gform_previous_button, .button { --fs: 1.6rem; --lh: 1; --p: 0 2rem; --br: var(--wpb-br--small); }

.btn.btn--primary, .button { --clr: rgb(255,255,255); --bg-clr: var(--clr-primary); --border: 1px solid transparent; --hover-bg-clr: var(--clr-primary-hover); }
.btn.btn--primary .wpb-icon { --clr: rgb(255,255,255); }
.btn.btn--outline { --clr: var(--clr-primary); --border: .2rem solid var(--clr-light); --hover-bg-clr: var(--clr-primary); --hover-border: .2rem solid var(--clr-primary); }
.btn.btn--dark { --clr: rgb(255,255,255); --bg-clr: var(--clr-dark); --border: 1px solid transparent; --hover-bg-clr: var(--clr-primary); }
.btn.btn--light { --clr: var(--clr-dark); --bg-clr: var(--clr-light); --border: 1px solid transparent; --hover-clr: var(--clr-light); --hover-bg-clr: var(--clr-dark); }

:is(.wpb-bg-clr--dark, .wpb-bg-clr--primary, .has-background-image) .btn.btn--outline { --clr: #fff; --hover-bg-clr: var(--clr-primary-hover); --border: .2rem solid #fff3; --hover-border: .2rem solid var(--clr-primary-hover); }

/*** ---------- Navigation ---------- ***/
.wpb-navigation { background-color: var(--header-bg-clr); }
.wpb-navigation.sticky{ position: sticky; top: 0; z-index: 1050; }

.wpb-navigation__top { padding-top: 1.6rem; padding-bottom: 1.6rem; }

@media(width < 992px) {
    .wpb-navigation { transform: none !important;  }
}


/*** ---------- Search ---------- ***/
.wpb-search-form { position: relative; border-radius: var(--wpb-br--small); overflow: hidden; }
.wpb-search-form input{ border-radius: none; border: none; padding: 0 2rem; min-height: 7.2rem; font-size: 1.8rem; font-weight: 600; }
.wpb-search-form input:focus{ border: none; }
.wpb-search-form [type="submit"] { display: inline-flex; align-items: center; cursor: pointer; user-select: none; padding: 0.25rem 2rem; border: none; background: none; height: 100%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.wpb-search-form [type="submit"] i { --w: 2rem; --w: 2rem; transition: background var(--wpb-timing) ease, transform var(--wpb-timing) ease; }
.wpb-search-form [type="submit"]:hover i{ --clr: var(--clr-primary); transform: scale(1.1); }

.wpb-header .wpb-search-form [type="submit"] { background: linear-gradient(to left, #fff 75%, #fff0); }


/*** ---------- Home Template Header ---------- ***/
.wpb-header--home-template .container { overflow: hidden; --mh: 425px; min-height: var(--mh); display: flex; align-items: end; }
.wpb-header--home-template .container .wpb-text { position: static; z-index: 99; text-decoration: none; transition: var(--wpb-timing) ease;}
.wpb-header--home-template .container .wpb-text::after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; }
.wpb-header--home-template .container .wpb-text:hover + .is-background-image { transform: scale(1.05); }
.wpb-header--home-template .container .wpb-text h1 { margin-top: 1rem; }
.wpb-header--home-template .container .wpb-text p { --fs: 28px; --fw: 600; --lh: 1; --clr: var(--clr-text-invert-dark); }
.wpb-header--home-template .container .is-background-image { transition: transform var(--wpb-timing) ease; }


@media(min-width: 576px) {
    .wpb-header--home-template .container { --mh: min(525px, 50vh);  border-radius: var(--wpb-br--large); }
}
@media(min-width: 992px) {
    .wpb-header--home-template .container { --mh: min(700px, 65vh);  }
}



/*** ---------- Blog Header ---------- ***/
.wpb-header--blog .container .wpb-text{ max-width: 80rem; }

/*** ---------- Blog Header > Wide headers ---------- ***/
.wpb-header--blog[class*="wide"] .container { --header-padding: 2.4rem; overflow: hidden; --mh: 425px; min-height: var(--mh); display: flex; align-items: end; }
.wpb-header--blog[class*="wide"] .container .wpb-text { position: relative; z-index: 99; }

.wpb-header--blog[class*="wide"][class*="-center"] .container .wpb-text * { text-align: center; }
.wpb-header--blog[class*="wide"][class*="-center"] .container .wpb-text .badge-group { justify-content: center; }

.wpb-header--blog[class*="wide"][class*="middle-center"] .container { align-items: center; }

@media(min-width: 576px) {
    .wpb-header--blog[class*="wide"] .container { --mh: min(525px, 50vh);  border-radius: var(--wpb-br--large); }
}
@media(min-width: 992px) {
    .wpb-header--blog[class*="wide"] .container { --mh: min(700px, 65vh);  }
}

/*** ---------- Blog Header > Full width headers ---------- ***/
.wpb-header--blog[class*="full"] .container { --header-padding: 2.4rem; overflow: hidden; --mh: 425px; min-height: var(--mh); display: flex; align-items: end; }
.wpb-header--blog[class*="full"] .container .wpb-text { position: relative; z-index: 99; }

.wpb-header--blog[class*="center"] .container{ justify-content: center; }

.wpb-header--blog[class*="full"][class*="-center"] .container .wpb-text * { text-align: center; }
.wpb-header--blog[class*="full"][class*="-center"] .container .wpb-text .badge-group { justify-content: center; }
.wpb-header--blog[class*="full"][class*="-center"] .container > .wpb-meta-group{ right: 0; left: 0; justify-content: center; }

.wpb-header--blog[class*="full"][class*="middle-center"] .container { align-items: center; }

@media(min-width: 576px) {
    .wpb-header--blog[class*="full"] .container { --mh: min(525px, 50vh); }
}
@media(min-width: 992px) {
    .wpb-header--blog[class*="full"] .container { --mh: min(700px, 65vh);  }
}

/*** ---------- Blog Header > Side by side header ---------- ***/
.wpb-header--blog.side-by-side { --header-padding: 2.4rem; --gc: 1; overflow: hidden; --mh: 460px; min-height: var(--mh); display: grid; grid-template-columns: repeat(var(--gc), minmax(0, 1fr)); background-color: var(--clr-sidebar); }

.wpb-header--blog.side-by-side .wpb-text-container { min-height: calc(var(--mh) / 2); padding: var(--header-padding); display: grid; place-content: center; }
.wpb-header--blog.side-by-side .wpb-text-container .wpb-text { position: relative; z-index: 99; }
.wpb-header--blog.side-by-side .wpb-text-container .wpb-text * { text-align: center; }
.wpb-header--blog.side-by-side .wpb-text-container .wpb-text h1 { --fs: clamp(2.8rem, 3vw, 4.8rem); }
.wpb-header--blog.side-by-side .wpb-text-container .wpb-text .badge-group { justify-content: center; }

.wpb-header--blog.side-by-side .wpb-image img { min-height: calc(var(--mh) / 2); border-radius: 0; height: 100% !important; object-fit: cover; }

.wpb-header--blog.side-by-side > .wpb-meta-group { position: absolute; right: var(--header-padding); bottom: var(--header-padding); z-index: 1; }

@media(min-width: 576px) {
    .wpb-header--blog.side-by-side { --mh: min(600px, 50vh); }
}
@media(min-width: 768px) {
    .wpb-header--blog.side-by-side { --gc: 2; }
    .wpb-header--blog.side-by-side .wpb-image img {border-radius: var(--wpb-br--large) 0 0 var(--wpb-br--large); }
    .wpb-header--blog.side-by-side > .wpb-meta-group { right: var(--header-padding); top: var(--header-padding); bottom: unset; }
}
@media(min-width: 992px) {
    .wpb-header--blog.side-by-side { --mh: min(700px, 65vh); }
}



/*** ---------- Blog Header > Meta tags ---------- ***/
.wpb-meta-group { display: flex; align-items: center; gap: 1.2rem; }
.wpb-header--blog .container > .wpb-meta-group { position: absolute; right: var(--header-padding); top: var(--header-padding); z-index: 1; }

.wpb-meta-tag { --bg: #fff; --br: var(--wpb-br--small); --p: .4rem 1.2rem; display: flex; align-items: center; gap: 1rem; border-radius: var(--br); padding: var(--p); background-color: var(--bg); width: fit-content; font-weight: 500; }
.wpb-meta-tag * { --clr: var(--clr-dark); color: var(--clr); }
.wpb-meta-tag a { text-decoration: none !important; }



/*** ---------- Footer ---------- ***/
.wpb-footer {  }
.wpb-footer.wpb-footer--primary {  }

.by-wux { display: flex; align-items: center; gap: .4rem; text-decoration: none; }
.by-wux span { font-size: 1.1rem; }
.by-wux i { --clr: rgb(255,255,255,.5); --w: 4.7rem; --h: 1.5rem; }



/*** ---------- Cards ---------- ***/
.wpb-card.wpb-card--sidebar { background-color: var(--clr-sidebar); padding: var(--pd-sidebar); border: unset; }
.wpb-card.wpb-card--sidebar > div:not(:first-child) { margin-top: 1.5rem; }
.wpb-card.wpb-card--sidebar > div:has(h1,h2,h3,h4) + div { margin-top: .5rem; }

@media (min-width: 1200px) {
    .sidebar--sticky .wpb-card.wpb-card--sidebar { position: sticky; top: 2rem; }
}


.wpb-card--portfolio { background-color: transparent; }
.wpb-card--portfolio .wpb-card__header { border-radius: var(--wpb-br) !important; }
.wpb-card--portfolio .wpb-card__body { padding: var(--p) 0; }
.wpb-card--portfolio .wpb-card__body h3 { font-size: clamp(2.2rem, 3vw, 2.6rem); }
.wpb-card--portfolio .wpb-card__body * { color: var(--clr-text); }
.wpb-card--portfolio a::before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.wpb-card--image { background-color: transparent; overflow: hidden; }
.wpb-card--image .wpb-card__header { border-radius: var(--wpb-br) !important; min-height: 15rem; }
.wpb-card--image .wpb-card__header::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); }
.wpb-card--image .wpb-card__header img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.wpb-card--image .wpb-card__body { z-index: 1; }
.wpb-card--image .wpb-card__body * { color: #fff; }
.wpb-card--image .wpb-card__body a::before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.wpb-card--mini{ display: flex; flex-direction: row; gap: 2.4rem; align-items: center; background-color: transparent; }
.wpb-card--mini .wpb-card__header { --w: 15rem; --h: 10rem; min-width: var(--w); width: var(--w); min-height: var(--h); height: 100%; border-radius: var(--br); overflow: hidden; }
.wpb-card--mini .wpb-card__header img{ width: 100%; height: 100%; object-fit: cover; border-radius: var(--br); }
.wpb-card--mini .wpb-card__body{ display: flex; flex-direction: column; gap: 1rem; padding: 2rem 0; }

.wpb-card--split{ flex-direction: row; overflow: hidden; }
.wpb-card--split h3{ --fs: clamp(1.6rem, 3vw, 2rem); }
.wpb-card--split .wpb-card__header{ border-radius: 0; --width: 15rem; min-width: var(--width); max-width: var(--width); }
.wpb-card--split .wpb-card__header img{ --hover-offset: 10rem; border-radius: 0; object-fit: cover; width: calc(100% + var(--hover-offset)); transition: transform var(--wpb-timing) ease, background-position var(--wpb-timing) ease; }
.wpb-card--split .wpb-card__body .badge-group{ margin-bottom: 1.2rem; }
.wpb-card--split .wpb-card__body summary{ --fs: clamp(1.3rem, 1.5vw, 1.5rem); }
.wpb-card--split .wpb-card__body .btn{ margin-top: 2.4rem; }
.wpb-card--split:hover .wpb-card__header img{ transform: translateX(calc(-1 * var(--hover-offset))); }

.wpb-card--category { --min-height: 27.5rem; overflow: hidden; min-height: var(--min-height); }
.wpb-card--category .wpb-card__header{ border-radius: 0; }
.wpb-card--category .wpb-card__header img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transform: none !important; }
.wpb-card--category h3{ display: flex; align-items: center; gap: .6rem; }
.wpb-card--category h3 i{ --w: 1.8rem; --h: 1.8rem; --clr: #fff; }
.wpb-card--category .wpb-card__body{ --clr-text: #fff; color: var(--clr-text); z-index: 2; display: flex; flex-direction: column; height: 100%; background: var(--clr-primary); }
.wpb-card--category .wpb-card__body * { color: var(--clr-text); }

.wpb-card--category .card-description{ 
    --wpb-timing: .5s; --line-clamp: 1; --fs: clamp(1.4rem, 2vw, 1.6rem); --offset: .2rem; overflow: hidden; opacity: .6; line-height: 1.5; font-size: var(--fs); max-height: calc(calc(var(--fs) + var(--offset) + .4rem) * var(--line-clamp)); border-top: 2px solid transparent;
    padding-top: var(--offset); margin-top: var(--offset); transition: max-height var(--wpb-timing) var(--cb-smooth), opacity var(--wpb-timing) var(--cb-smooth), border var(--wpb-timing) var(--cb-smooth), margin var(--wpb-timing) var(--cb-smooth), padding var(--wpb-timing) var(--cb-smooth); 
}
.wpb-card--category:hover .card-description{ --line-clamp: 8; --offset: 1.2rem; opacity: 1; border-top: 1px solid #fff4; }


/* .wpb-card--image { background-color: transparent; overflow: hidden; } */

@media (min-width: 576px) {
    .wpb-card--mini{ gap: 1.8rem; } 
}
@media (min-width: 992px) {
    .wpb-card--image .wpb-card__header { min-height: 30rem; }
}

/*** ---------- Blog ---------- ***/
.wp-block-search__label { --fs: 2.4rem; font-weight: bold; }
.wp-block-search__inside-wrapper { position: relative; }
.wp-block-search__input { padding: 1rem; width: 100%; border-radius: var(--br); border: unset; transition: outline .3s; background-color: var(--clr-sidebar-search); }
.wp-block-search__input:is(:hover,:focus) { outline: unset; }
.wp-block-search__button { position: absolute; top: 0; right: 0; bottom: 0; padding: 1rem; border-radius: 0 var(--br) var(--br) 0; background-color: var(--clr-primary); transition: background-color .3s; border: 2px solid var(--clr-primary); }
.wp-block-search__button:hover { cursor: pointer; background-color: var(--clr-sidebar-search); }
.wp-block-search__button svg { color: rgb(255,255,255); }

.wpb-blog-footer .container { border-top: 1px solid black; }

/*** ---------- Blog > Inhoudsopgave ---------- ***/
.wpb-inhoudsopgave { padding-bottom: .8rem; margin-bottom: 2.4rem; border-bottom: .1rem solid var(--clr-border); }
.wpb-inhoudsopgave .wpb-inhoudsopgave__header { display: flex; align-items: center; gap: 1.7rem; margin-bottom: 1rem; }
.wpb-inhoudsopgave .wpb-inhoudsopgave__header i { --w: 2.2rem; --h: 2.2rem; transition: transform var(--wpb-timing) ease; }
.wpb-inhoudsopgave .wpb-inhoudsopgave__header:hover { cursor: pointer; }
.wpb-inhoudsopgave .wpb-article-index { max-height: 0px; opacity: 0; overflow: hidden; transition: max-height var(--wpb-timing) ease, opacity var(--wpb-timing) ease; }
.wpb-inhoudsopgave .wpb-article-index .wpb-icon-wrapper { --icon-clr: var(--clr-text); background-color: var(--clr-light); margin-top: .3rem; width: 2.2rem; height: 2.2rem; transition: background var(--wpb-timing) ease; }
.wpb-inhoudsopgave .wpb-article-index .wpb-icon-wrapper i { --clr: var(--icon-clr); --w: 1.2rem; --h: 1.2rem; transition: background var(--wpb-timing) ease; }
.wpb-inhoudsopgave .wpb-article-index .index:hover .wpb-icon-wrapper { --icon-clr: var(--clr-text-dark); background-color: var(--clr-primary); }
.wpb-inhoudsopgave .wpb-article-index .index a { display: flex; gap: 2rem; transition: color var(--wpb-timing) ease; }
.wpb-inhoudsopgave .wpb-article-index .index a.index-h3 { font-size: 1.4rem; margin-left: 1.1rem; padding-left: 3rem; border-left: 1px solid var(--clr-dark-30); }
.wpb-inhoudsopgave .wpb-article-index .index a:hover { color: var(--clr-primary); }
.wpb-inhoudsopgave .wpb-article-index .index:has(.index-h3) { margin-bottom: .3rem; }

.wpb-inhoudsopgave.active .wpb-article-index { max-height: 100rem; opacity: 1; }
.wpb-inhoudsopgave.active .wpb-inhoudsopgave__header i { transform: rotate(180deg); }

/*** ---------- Blog > Sidebar ---------- ***/
.wpb-blog-content .container:has(.sidebar) { display: grid; column-gap: 6.4rem; row-gap: 2rem; grid-template-columns: 1fr; /* --wpb-width: var(--wpb-width-sidebar) !important; */  }
.wpb-blog-content .container .sidebar { overflow: visible; position: relative; }

@media (min-width: 1200px) {
    .wpb-blog-content .container:has(.sidebar) { grid-template-columns: auto var(--sidebar-width); }
    .wpb-blog-content .container:has(.sidebar.sidebar--left) { grid-template-columns: var(--sidebar-width) auto; }
    .wpb-blog-content .container .sidebar.sidebar--left { order: -1; }
}

/*** ---------- Blog > Content ---------- ***/
.wp-block-image img { border-radius: var(--wpb-br);}


.wpb-text > * + :not(.btn .blockquote, .modal) { margin-top: 2rem; }
.wpb-text > * + :not(.btn .blockquote, .modal):is(h1,h2) { margin-top: 6rem; }
.wpb-text > * + :not(.btn .blockquote, .modal):is(h3,h4,h5,h6) { margin-top: 3rem; }
.wpb-text > * + :not(.btn .blockquote, .modal):is(li) { margin-top: 1rem; }

:is(.wpb-text, .wpb-blog-content) li { margin-left: 2rem; transition: 200ms ease; }
:is(.wpb-text, .wpb-blog-content) li >  a { transition: 200ms ease; }
:is(.wpb-text, .wpb-blog-content) li:hover a { color: var(--clr-primary-hover); }

.wpb-header .wpb-text > * + :is(h1,h2,h3,h4,h5,h6) { margin-top: 2rem !important; }







.wpb-text[class*="wpb-text--"] { width: 100%; }

@media (min-width: 768px) { 
    .wpb-text.wpb-text--80 { width: 80%; }
    .wpb-text.wpb-text--70 { width: 70%; }
    .wpb-text.wpb-text--60 { width: 60%; }
    .wpb-text.wpb-text--50 { width: 50%; }
    .wpb-text.wpb-text--40 { width: 40%; }
    .wpb-text.wpb-text--30 { width: 30%; }
}