@font-face{ 
    font-family: 'Poppins';
    src: url('../fonts/poppins-light.woff2') format('woff2');
    font-weight: 300;
}

@font-face{ 
    font-family: 'Poppins';
    src: url('../fonts/poppins-regular.woff2') format('woff2');
    font-weight: 400;
}

@font-face{ 
    font-family: 'Poppins';
    src: url('../fonts/poppins-medium.woff2') format('woff2');
    font-weight: 500;
}

@font-face{ 
    font-family: 'Poppins';
    src: url('../fonts/poppins-semibold.woff2') format('woff2');
    font-weight: 600;
}

@font-face{ 
    font-family: 'Poppins';
    src: url('../fonts/poppins-bold.woff2') format('woff2');
    font-weight: 700;
}

html{
    background-color: #EDE9E6;
}

body{
    font-family: 'Poppins', sans-serif;
    text-rendering: optimizeLegibility;
    line-height: 1.25em;
    font-size: 14px;
    background: #EDE9E6;
}

h1, h3, h4{
    text-rendering: optimizeLegibility;
    font-weight: 400;
    color: #332f2e;
}

h1{
    margin: 0;
    font-size: 3.5em;
    line-height: 1.3em;
    font-weight: 600;
}

h2{
    font-size: 2.5em;
    font-weight: 600;
    line-height: 1em;
    margin: 0;
}

h3{
    font-size: 2em;
    line-height: 1.4em;
    font-weight: 500;
    margin: 0;
}

h4{
    font-size: 1.5em;
    line-height: 1.5em;
    margin: 0;
}

h4.dropcap:first-child:first-letter {
    color: #ff456d;
    float: left;
    font-size: 1.8em;
    padding-right: 0.25em;
    margin-bottom: 2em;
    font-weight: 300;
}

a{
    font-size: 1em;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    line-height: 1em;
}

a:hover{
    color: #fc0053;
}

p{
    font-size: 1em;
    line-height: 1.75;
}

a img{
    border: 0px;
}

i{
    line-height: 1.7em;
}

input, select, optgroup, textarea{
    
}

input[type="search"]{
    border-radius: 0;
}

.search-filter-field{
    align-items: center !important;
}

.search-filter-input-text {
    border-radius: 30px !important;
    width: 35% !important;
    background: none !important;
}

.button{
    padding: 1em 3em;
    color: #FFF;
    font-weight: 600;
    border-radius: 10em;
    display: inline-block;
}

.button:visited{
    color: #FFF;
    text-decoration: underline;
}

.button:hover{
    background: #FFF;
}

.button:hover a{
   color: #332f2e;
}

a.button:hover{
    color: #332f2e;
}

.button.pink:hover{
    background: #ff3b5d;
}

.gradient{
    border-image-source: linear-gradient(
        90deg,
        #693a88 0%,
        #fe5462 25%,
        #f6972d 50%,
        #27fea3 75%,
        #4b61f3 100%
    );
    margin: 1em 0;
}

.thin{
    border-width: 1px;
    border-image-slice: 2;
}

.thick{
    border-width: 2px;
    border-image-slice: 2;
}

.home-gradient{
    background: radial-gradient(circle at left 50%, #733a84, #fc0053);
}

.pointer{
    cursor: pointer;
}

.in-numbers span{
    text-decoration: 3pt underline #fc0053 !important;
    text-decoration-color: #fc0053;
}

.black{
    background: #332f2e;
}

.white{
    background: #FFF;
}

.button-gradient{
    background: linear-gradient(105deg, 
        #3460fd 0%, 
        #9554c0 31%, 
        #ff5168 62%, 
        #ffcc45 100%);
}

.border-white{
    border: 1pt solid #fff;
}

.gray{
    filter: grayscale(100%);
}

.pink{
    background-color: #ff3b5d;
}

.border-pink{
    border: 1pt solid #ff3b5d;
    color: #ff3b5d;
}

.border-dark{
    background: none;
    border: 1pt solid #332f2e;
    color: #332f2e !important;
}

.hidden{
    display: none;
}

.masthead-background{
    background: rgba(49,47,47, 0.93);
    border-bottom: #fff 1pt solid;
}

.masthead-background .nav li a{
    color: #FFF;
}

.masthead-background .nav li.sign-up{
    border:  1pt #272222 solid;
}

.masthead-background .nav li.sign-up:hover a{
    color: #332f2e;
    text-decoration: none;
}

.masthead-background .nav li a svg{
    fill: #FFF;
}

.relative{
    position: relative;
}

.definition{
    position: absolute;
    transform: rotate(-90deg);
    text-transform: uppercase;
    left: 3em;
    top: 7em;
    transform-origin: 0 0;
}

.definition::after{
    content:"";
    display: inline-block;
    vertical-align: middle;
    width: 90%;
    margin-right: -100%;
    margin-left: 10px;
    border-bottom: 1pt solid #b9b9b9;
}

/* HEADER */

.masthead-background{
    background: rgba(233,232,231,.35) !important;
    border-bottom: 1px solid rgba(39,34,34,.22);
}

#masthead{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    border-bottom: 1px solid rgba(39,34,34,.22);
    display: flex !important;
    background: transparent;
    isolation: isolate;
}

#masthead::before{
    content: "";
    position: absolute;
    inset: 0;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index: 0;
    pointer-events: none;
}

#masthead > *{
    position: relative;
    z-index: 1;
}

#masthead .menu-item > a,
#masthead #menu-logotype a,
#masthead .pll-parent-menu-item > a{
    color: #272222;
}

#masthead .nav .logotype-header svg,
#masthead .nav .logotype-header svg path{
    fill: #272222 !important;
}

#masthead ul ul{
    position: absolute;
    z-index: 99999;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(233,232,231,.45);
    border: 1px solid rgba(39,34,34,.22);
    border-radius: 20px;
    float: left;
    left: auto;
    top: 1em;
    padding: 0;
    margin: 2.5em 0;
    text-align: left;
    display: none;
    visibility: hidden;
}

#masthead ul ul a{
    color: #272222;
}

#masthead > ul{
    margin-bottom: 0;
    line-height: 1.5em;
}

#masthead .main-menu{
    text-align: center;
}

#masthead ul ul a{
    border-bottom: 0;
    margin: 0;
}

#masthead ul.main-menu li:hover > ul, #masthead ul li.focus > ul{
    visibility: visible;
    opacity: 1;
    display: block;
}

ul.sub-menu li{
    display: block;
}

.nav{
    list-style-type: none;
    list-style-position: outside;
    margin:0;
    padding: 1em 0;
}

.nav li{
    display: inline-block;
    text-decoration: none;
    padding: 0 1.5em;
}

.nav li a{
    color: #272222;
    font-weight: 500;
    text-decoration: none;
}

.nav .logotype-header svg{
    fill: #FFF;
}

.nav li a:hover{
     text-decoration: underline;
}

.nav li.sign-up a:hover{
     color: #312F2F;
}

.sub-menu li a, .sub-menu li ul li a{
    font-weight: 400;
    color: #FFF;
}

.nav span{
    font-size: 1em;
}

.main-menu li ul li{
    padding: 0;
}

.main-menu li ul li a{
    clear: both;
    padding: 0.75em 1em;
    width: auto;
    display: block;
}

.main-menu li ul li:hover{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.main-menu li span{
    font-weight: 400;
}

.main-menu ul{
    display: none;
    transition: all 0.2s ease 0s;
    padding: 0em;
    z-index: 100;
}

li.current-menu-item span{
    border-bottom: 2pt solid #BB9F6A;
}

.menu-item a img{
    display: inline-block;
}

.main-menu li.logotype span{
    font-size: 1em;
    text-transform: capitalize;
    color: #FFF;
}

li.logotype-header{
    padding: 0;
}

li.logotype-header svg{
    height: 32px;
}

.main-menu li{
    padding: 0.5em 1.5em;    
}

.main-menu li.sign-up{
    border: 1pt solid #272222;
}

.main-menu li:hover .sub-menu ul{
    display: none;
}

.main-menu li:hover .sub-menu li:hover ul{
    display: block;
}

.main-menu ul li:hover a{
    color: #FFF;
}

.main-menu ul li .sub-menu li:hover a{
    color: #FFF !important;
}

.main-menu li.menu-item-has-children > a:after,
.main-menu li.page_item_has_children > a:after{
    content: "\f078";
    font-family: 'Font Awesome 7 Pro';
    font-size: 12px;
    font-weight: 300;
    line-height: 1;
    display: inline-block;
    height: 100%;
    -webkit-font-smoothing: antialiased;
    margin-left: 0.5em;
}

.pll-parent-menu-item{
    float: right;
}

/* SLICKNAV MENU */

.slicknav_menu {
    display: none;
    padding: 0 !important;
    backdrop-filter: blur(10px);
    background: rgba(233,232,231,.35)!important;
    border-bottom: 1px solid rgba(39,34,34,.22);
}

.slicknav_btn {
    background-color: transparent !important;
    margin: 0 !important;
}

.slicknav_menu .slicknav_menutxt {
    color: #FFF !important;
    text-shadow: none !important;
}

.slicknav_menu .slicknav_icon-bar{
    height: 1px !important;
    margin-bottom: 5px !important;
}

.slicknav_nav .slicknav_row{
    padding: 0 !important;
    margin-right: 1em !important;
}

.slicknav_nav a{
    padding: 0 !important;
}

.slicknav_nav .slicknav_row:hover,
.slicknav_nav a:hover{
    background: none !important;
}

.slicknav_nav ul{
    margin: 0 !important;
}

.slicknav_nav ul a{
    font-weight: 500 !important;
}

.slicknav_nav ul.sub-menu{
    margin: 0.5em 0 0 1em !important;
}

.slicknav_nav ul.sub-menu a{
    font-weight: 400 !important;
    color: #272222;
    padding: 0.75em 1em 0.75em 0;
}

.slicknav_nav a{
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    margin: 0 !important;
}

.slicknav_nav a:hover{
    border-radius: 0 !important;
}

.slicknav_menu .slicknav_icon {
    margin-top: 0 !important;
}

.slicknav_menu .slicknav_icon-bar {
    background-color: #272222 !important;
    box-shadow: none !important;
}

.slicknav_nav .current-menu-item a,
.slicknav_nav .current-menu-item a:hover,
.slicknav_nav ul.sub-menu a:hover{
    color: #fc0053 !important;
}

/* SLIDESHOWS */

.pretitle{
    color: #332f2e;
    text-transform: uppercase;
    font-weight: 600;
}

.slideshow h4{
    color: #332f2e;
    font-size: 2.25em;
    font-weight: 700;
}

.slideshow p{
    line-height: 1.75;
}

.slick-slider{
    position: relative;
}

.operating-system-slideshow{
    opacity: 0;
    visibility: hidden;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}

.operating-system-slideshow.slick-initialized{
    visibility: visible;
    opacity: 1;
}

.slick-center{
    box-shadow: 0px 0px 5px 0px #AED0FF;
}

.slider-nav{
    margin-top: 1em;
}

.slick-list{
    position: relative;
}

.slick-dots li{
    display: inline-block;
    position: relative;
}

.slick-dots{
    width: auto;
    padding: 0px;
    list-style: outside none none;
    text-align: center;
    /*background-color: rgba(255, 255, 255, 0.75);*/
    margin: -4em 0 2em 0;
}

.slick-dots li button::before {
    font-size: 2em;
    line-height: 20px;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    color: #999;
}

.slick-dots li.slick-active button::before {
    color: #312F2F;
}

.slick-dots li button{
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0px none;
    outline: medium none;
    background: transparent none repeat scroll 0% 0%;
}

.slick-slide img{
    display: inline-block !important;
}

.slideshow .testimonial{
    cursor: pointer;
    min-height: 400px;
}

.slideshow .product{
    cursor: pointer;
    min-height: 520px;
}

.navigation{
    padding: 2em 0;
}

.slick-prev{
    position: absolute;
    top: 50%;
    left: 9%;
}

.slick-next{
    position: absolute;
    top: 50%;
    right: 9%;
}

.slick-prev, .slick-next{
    cursor: pointer;
    color: #312f2f;
    z-index: 1;
}

/* TESTIMONIALS */

.testimonials{
    position: relative;
    overflow: visible !important;
}

.testimonials .definition{
    top: 12em;
}

.testimonial{
    background: #f4f4f4;
}

.testimonial p{
    padding-bottom: 1em;
    font-size: 1.2em;
}

.testimonial-signature h5{
    margin: 0;
}

.testimonial-signature h5::before{
    content: "\2014";
    margin-right: 0.25em;
}

.testimonial-signature p{
    margin: 0;
}

/* BLOG SECTION */

.blog-section p{
    font-weight: 500;
    text-transform: uppercase;
}

.blog-post .blog-thumbnail{
   min-height: 300px;
   overflow: hidden;
}

.blog-post{
    display: grid;
}

.card{
    display: flex;
    flex-direction: column;
}

.card-section{
    flex: 1 0 auto;
}

.card-image{
    height: 100px;
}

.card-bottom{
    flex: 0 1 auto;
}

/* SEARCH & FILTER */

/*.searchandfilter ul{
    padding: 0;
}

.searchandfilter ul li{
    margin-right: 0.5em;
    display: inline-block;
}

.searchandfilter ul li li{
    padding: 0 0.5em;
}

.prettydropdown > ul{
    border: 1px solid #ff456d !important;
    font-family: "Poppins" !important;
    font-size: 1.2em !important;
}

.prettydropdown > ul > li{
    min-width: 225px !important;
}

.prettydropdown:not(.disabled) > ul.active{
    border-color: #ff456d !important;
}

.prettydropdown > ul.active > li:not(.label):hover,
.prettydropdown > ul.active > li.hover:not(.label),
.prettydropdown > ul.active > li:first-child:hover:after {
    background: #ff456d !important;
    color: #fff;
}

.prettydropdown > ul.active > li.hover:after,
.prettydropdown > ul.active > li.nohover:before {
  border-top-color: #ff456d !important;
}*/

/* DEFAULT PAGE */

.page-template-default .clipping-path{
    padding: 6em 0 4em 0;
}

.page-template-default h4{
    color: #332f2e;
    font-size: 2em;
    font-weight: 700;
}

.page-template-default p{
    font-size: 1.2em;
}

.page-template-default summary::before{
    content: "\f054";
    font-family: 'Font Awesome 7 Pro';
    margin-right: .5em;
    font-weight: 300;
}

.page-template-default summary{
    font-size: 1.4em;
    font-weight: 600;
    line-height: 1.4em;
    margin: 1em 0 0;
    cursor: pointer;
    list-style: none;
}

.page-template-default details[open] summary ~ *{
    animation: sweep .5s ease-in-out;
}

.page-template-default .faq p{
    font-size: 1.2em;
}

/* FAQ */

.faq .question a{
    color: #ff456d;
    text-decoration: underline;
}

/* Operating sytem slideshow */

.operating-system-slideshow{
    font-size: 5em;
    font-weight: 600;
    letter-spacing: -1px;
    white-space: nowrap;
    overflow: hidden;
    line-height: 4;
}

.operating-system-slideshow .slick-track{
    display: flex;
    align-items: center;
}

.operating-system-slideshow .slick-slide{
    height: auto;
}

.operating-system-slideshow .slick-slide > div{
    display: inline-flex;
    align-items: center;
}

.operating-system-slideshow .padding-vertical-2{
    display: inline-flex;
    align-items: center;
    padding: 0 20px;
}

.operating-system-slideshow .gradient{
    background: linear-gradient(90deg, #3460fd 0%, #9554c0 23%, #ff5168 50%, #f0c658 77%, #8af4a7 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.story-ticker{
    padding: 4vh 0 0;
    overflow: hidden;
}

/* FOOTER */

.site-footer .widget-title {
    font-weight: 500;
    text-align: left;
}

.site-footer h4{
    font-size: 1em !important;
    color: #272222 !important;
    font-weight: 500 !important;
}

.site-footer .logotype{
    border-bottom: none;
}

.site-footer .widget-area{
    border-left: none;
    padding-top: 2em;
    margin-bottom: 3em;
}

.site-footer .bottom{
    border-top: none;
    padding: 0;
}

.site-footer .footer-brandmark{
    padding: 0 1em;
}

.site-footer .footer-brandmark a{
    display: block;
    line-height: 0;
}

.site-footer .footer-brandmark svg{
    display: block;
    width: 100%
    height: auto;
}

.widget ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget ul li{
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px solid #eee;
}

.footer-widgets{
    margin: 0 auto;
}

.footer-widgets .widget-area ul li{
    border: none;
    padding: 0;

}

.footer-widgets .widget-area:last-of-type{
    margin-right: 0;
    border-right: none;
}

.site-footer, .gray-background{
    background-color: #312F2F;
}

.site-footer .widget{
    margin: 0;
}

.site-footer .widget_nav_menu{
    margin-bottom: 2em;
}

.site-info a{
    font-weight: normal;
}

.site-footer a.button:hover{
    background: #197B77;
    color: #FFF;
}

.menu-item i._before{
    margin-right: 0.5em;
}

.site-footer a{
    color: #fff !important;
}

.site-footer a:hover{
    color: #fc0053;
    text-decoration: underline;
}

.site-footer .text-grey a{
    color: #464646;
}

.site-footer p{
    color:  #FFF;
    line-height: 1.2 !important;
}

.site-footer a{
    line-height: 1 !important;
}

.site-footer .cli_settings_button{
    color: #FFF !important;
    text-decoration: none !important;
}

.back-top {
    position: fixed;
    bottom: 3em;
    z-index: 9999;
    right: 1.05em;
    cursor: pointer;
    color: #C5C2C2 !important;
}

.bottom span{
    color: #FFF;
    margin-right: 1em;
}

.cli_settings_button{
    border: 0 !important;
    font-size: 1em;
    padding: 0;
}

.cli_settings_button:hover{
    color: #fc0053 !important;
    text-decoration: underline !important;
}

.bottom .nav{
    display: inline-block;
}

.bottom .nav li{
    padding: 0 1em 0 0;
}

.site-footer .nav li a{
    color: #272222 !important;
}

#colophon{
    /*background: conic-gradient(from 90deg, #81e4ff, #5aa2fe, #4781fd, #3460fd, #9554c0, #ff5168, #f0c658, #8af4a7, #81e4ff);*/
    background-color: #6a4fd1;
    background-image:
        radial-gradient(circle at 15% 10%, #b34fc9 0%, transparent 45%),
        radial-gradient(circle at 45% 5%, #ff4f70 0%, transparent 50%),
        radial-gradient(circle at 85% 5%, #ff9a44 0%, transparent 50%),
        radial-gradient(circle at 75% 40%, #ffcf4d 0%, transparent 45%),
        radial-gradient(circle at 90% 75%, #5eeb9c 0%, transparent 50%),
        radial-gradient(circle at 65% 85%, #00e0c8 0%, transparent 45%),
        radial-gradient(circle at 30% 85%, #2f5bff 0%, transparent 50%),
        radial-gradient(circle at 5% 55%, #7a5fd0 0%, transparent 55%);
    background-blend-mode: normal;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    overflow: hidden;
}

#colophon .footer-widgets,
#colophon .bottom,
#colophon a,
#colophon p,
#colophon h4,
#colophon span{
    color: #272222;
}

#colophon .bottom{
    border-top: none;
}

#colophon .footer-brandmark svg,
#colophon .footer-brandmark svg path{
    fill: #272222;
}

/* COOKIES*/

.wcc-consent-container [data-tag],
.wcc-preference-center [data-tag]{
    visibility: visible !important;
}

.wcc-notice-btn-wrapper{
    margin-right: 75px !important;
}

.wcc-btn{
    border-radius: 30px !important;
    border: 1pt solid #333 !important;
    margin: 5px 5px 0 0 !important;
}

.wcc-btn-accept{
    border: 1pt solid #fc0053 !important;
}

.wcc-switch input[type="checkbox"]:checked{
    background: #008000 !important;
}

.wcc-revisit-bottom-right{
    bottom: 20px !important;
    right: 85px !important;
}

.wcc-btn-revisit-wrapper{
    border-radius: 50px !important;
}

[data-tag="revisit-consent"]{
    visibility: visible !important;
}

#cookie-law-info-bar, .wt-cli-cookie-bar{
    font-size: 1em !important;
    padding: 1.5em !important;
    background: #F2F0F0 !important;
}

span#wt-cli-cookie-banner{
    color: #333 !important;
    display: block;
}

.cli-tab-footer .wt-cli-privacy-accept-btn {
    background-color: #fc0053;
    border-radius: 50px;
}

#wt-cli-accept-btn{
    margin: 0 1em 0 0.25em !important;
    padding: 1em 2.5em !important;
    border-radius: 50px !important;
    background: radial-gradient(circle at left 50%, #733a84, #fc0053) !important;
}

#wt-cli-reject-btn{
    border-radius: 50px !important;
    border: 1pt solid #333 !important;
    padding: 1em 2.5em !important;
    margin: 0 0.25em 0 1em !important;
    font-size: 1em !important;
    background: #fff !important;
    color: #333 !important;
}

.cli_settings_button{
    background: none !important;
    color: #fc0053 !important;
    text-decoration: underline !important;
}

#wt-cli-policy-link{
    margin: 0 1em 0 0 !important;
    padding: 0 !important;
    background: none !important;
    color: #fc0053 !important;
    text-decoration: underline !important;
}

/* POPUP LIGHTBOX */
.popup{
    background: #111111d9;
    padding: 1em;
    color: #000;
    bottom: 0.5em;
    left: 0.5em;
    position: fixed;
    display: none;
    z-index: 999;
    border-radius: 5px;
}

.close-popup{
    position: absolute;
    color: #FFF;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

.popup p{
    margin: 0.5em 0;
    color: #FFF;
    font-size: 1.4em;
}

.popup a,
.popup a:visited{
    color: #FFF;
    width: 100%;
    text-align: center;
}

.popup a:hover{
    color: #312f2f;
}

/* 404 & SIGN UP PAGES */

.clipping-path{
    padding: 8em 0 1em 0;
    position: relative;
    z-index: 100;
    border-radius: 0 0 20px 20px;
    background-size: cover;
    background: linear-gradient(184.27deg, 
        rgba(152, 212, 255, 0.1) -13.27%,
        rgba(138, 244, 167, 0.1) 2.5%,
        rgba(240, 198, 88, 0.1) 28.03%,
        rgba(255, 91, 91, 0.1) 46.83%,
        rgba(149, 84, 192, 0.1) 78.85%,
        rgba(52, 96, 253, 0.1) 102.9%);
}

.single-post .clipping-path::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background: linear-gradient(184.27deg, 
        rgba(152, 212, 255, 0.1) -13.27%,
        rgba(138, 244, 167, 0.1) 2.5%,
        rgba(240, 198, 88, 0.1) 28.03%,
        rgba(255, 91, 91, 0.1) 46.83%,
        rgba(149, 84, 192, 0.1) 78.85%,
        rgba(52, 96, 253, 0.1) 102.9%);
}
    opacity: .7;
}

.error404 .clipping-path{
    padding: 12em 0 10em 0;
}

.sign-up .clipping-path{
    padding: 12em 0 0 0;
}

.error404 h1,
.sign-up h1{
    margin: 0.5em 0 0 0;
}

.home hr{
    margin: 1.5em 0 1em 0;
}

.home hr,
.error404 hr,
.sign-up hr{
    border-image-source: linear-gradient(
        90deg,
        rgba(105,58,136,1) 0%,
        rgba(254,84,98,1) 25%,
        rgba(246,151,45,1) 50%,
        rgba(39,254,163,1) 75%,
        rgba(75,97,243,1) 100%);
    border-width: 3px;
    border-image-slice: 2;
}

.error404 hr{
    width: 50%;
}

.home hr,
.sign-up hr{
    width: 90%;
}

#mc_embed_signup{
    margin-top: 2em;
}

#mc_embed_signup label{
    margin: 1em;
    display: block;
}

#mc_embed_signup span{
    text-decoration: none !important;
}

#mc-embedded-subscribe{
    margin: 1em auto;
    padding: 1rem 2rem;
    background: #fc0053;
    color: #FFF;
    border-radius: 30px;
}

.content__gdpr{
    padding-top: 10em;
}

#mergeRow-gdpr p{
    font-size: 0.8em;
    line-height: 1.5em;
    padding: 2em 1em 2em 1em;
    margin: 0;
    color: #9a9a9a;
}

#mergeRow-gdpr a{
    color: #fc0053;
}

#mc_embed_signup input:focus{
   border-radius: 30px;
   outline: none !important;
   border: 1px solid #0091ff;
   box-shadow: 0 0 10px #9ecaed;
}

#mce-responses{
    margin-top: 1em;
}

#mce-success-response,
#mce-error-response{
    padding: 0.5em 1.5em;
    text-align: center;
    border-radius: 5px;
    color: #FFF;
}

#mce-error-response{
    background-color: #dc3232;
}

#mce-success-response{
    background-color: #46b450;
    border: 0;
}

/* ADD MY VENUE */
.add-my-venue{
    background: #332f2e;
}

/* BANNER */

.banner{
    position: relative;
    overflow: hidden;
}

.banner .background-image{
    position: absolute;
    right: 0;
    bottom: 50;
}

.banner p{
    font-size: 1.2em;
    margin: 0.5em 0;
}

.banner .button{
    color: #201D1D;
}

/* WORKSPACE */

.workspace .headline hr {
    width: 48%;
    text-align: center;
    display: inline-block;
}

.workspace-category a{
    font-weight: 600;
    color: #ff3b5d;
    text-transform: uppercase;
    text-decoration: none !important;
    margin: 0.5em 0;
}

.workspace .card-section p{
    font-size: 1em;
}

.workspace-category a:not(:last-child)::after {
  content: "|";
  margin: 0 5px;
}

.search-filter-field--id-6{
    display: block !important;
    margin: 1em 0 !important;
}

.search-filter-field--id-6 .search-filter-input-button{
    display: inline-block !important;
    margin: 0 !important;
    padding: 0.25em 0.5em !important;
    border-radius: 30px !important;
}

.search-filter-field--id-6 .search-filter-input-button--is-selected,
.search-filter-field--id-6 .search-filter-input-button--is-selected:hover{
    color: #FFF;
    background: #ff3b5d;
    font-weight: 500;
    text-transform: uppercase;
}

li.sf-field-taxonomy-services-workspace ul li label {
  color: #ff3b5d;
  border: 1pt solid #ff3b5d;
  padding: 0.5em 1em !important;
  border-radius: 50px;
  font-weight: 500;
  text-transform: uppercase;
  cursor: pointer;
}

li.sf-field-taxonomy-services-workspace ul li input{
    display: none;
}

li.sf-field-taxonomy-services-workspace ul li.sf-option-active label,
li.sf-field-taxonomy-services-workspace ul li label:hover {
  color: #FFF;
  background: #ff3b5d;
  font-weight: 500;
  text-transform: uppercase;
}

#workspace .border-pink:hover{
    background: #ff3b5d;
    color: #FFF;
}

#workspace .border-pink:visited{
    color: #ff3b5d;
    border: 1pt solid #ff3b5d;
}

/* VIDEOS */

.teaser {
    --video--width: 960;
    --video--height: 540;
    position: relative;
    padding-bottom: 56%;
    overflow: hidden;
    max-width: 100%;
    margin-top: 1em;
}

.teaser iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.width-500 iframe,
.width-600 iframe,
.width-700 iframe,
.width-800 iframe,
.width-900 iframe{
    height: 100%;
}

.width-500{
    width: 500px;
}

.width-500 .wp-block-embed__wrapper{
    height: 281px;
}

.width-600{
    width: 600px;
}

.width-600 .wp-block-embed__wrapper{
    height: 338px;
}

.width-700{
    width: 700px;
}

.width-700 .wp-block-embed__wrapper{
    height: 394px;
}

.width-800{
    width: 800px;
}

.width-800 .wp-block-embed__wrapper{
    height: 450px;
}

.width-900{
    width: 900px;
}

.width-900 .wp-block-embed__wrapper{
    height: 506px;
}

@media (max-width: 39.9375em) {
    .blog-post{
        border-left: none !important;
    }

    .definition{
        display: none;
    }

    .slideshow .testimonial{
        cursor: pointer;
        min-height: 450px;
    }

    .slideshow .product{
        cursor: pointer;
        min-height: 875px;
    }
}

@media (min-width: 40em) and (max-width: 63.9375em){
    .blog-post:first-child{
        border-left: none !important;
    }

    .definition{
        display: none;
    }

    .slideshow .product{
        cursor: pointer;
        min-height: 500px;
    }
}

@media only screen and (max-width: 75.9375em){
    h1{
        line-height: 1.2em;
        font-size: 3em;
    }

    #masthead-mobile{
        position: relative;
        display: block;
        box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
        z-index: 10;
    }

    #masthead-mobile svg{
        height: 32px;
    }

    #masthead-mobile svg{
        fill: #272222;
    }

    #masthead{
        display: none !important;
    }

    .home .header span, .in-numbers span {
        text-decoration: 2pt underline #fc0053 !important;
    }

    li.current-menu-item span{
        border-bottom: none;
        font-weight: 700;
    }

    .pll-parent-menu-item{
        float: none;
        border-top: 1px solid rgba(39,34,34,.22);
        padding: 1em 1em 0.5em 0em !important;
        margin-top: 1em;
    }

    .pll-parent-menu-item a,
    .pll-parent-menu-item ul,
    .pll-parent-menu-item li{
        display: inline-block !important;
    }

    .pll-parent-menu-item ul.sub-menu{
        margin: 0 !important;
    }

    .pll-parent-menu-item .slicknav_arrow{
        display: none;
    }

    .main-menu li.sign-up{
        border: none;
        display: none;
    }

    .sign-up.button a{
        padding: 0;
        display: none;
    }

    .slicknav_nav{
        margin: 1em 0 0 !important;
        font-size: 1em;
    }

    .slicknav_nav a{
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }

    .pll-parent-menu-item ul.sub-menu{
        overflow: unset !important;
    }

    .slicknav_menu{
        display: block;
        padding: 0.5em !important;
        background: rgba(255, 255, 255, 0) !important;
    }

    .slicknav_menu li{
        padding: 0.5em 0;
    }

    .slicknav_nav .main-menu li.menu-item-has-children > a::after,
    .slicknav_nav .main-menu li.page_item_has_children > a::after{
        content: none;
    }

    .slicknav_nav .main-menu ul li:hover{
        background: none;
    }

    .slicknav_nav .sub-menu li{
        padding: 0.5em 1em 0.5em 0;
    }

    .slicknav_menu .logo-header{
        display: none;
    }

    .menu-item a.menu-image-title-hide .menu-image-title{
        display: block;
    }

    .slicknav_btn{
        display: none;
        top: 5px;
        right: 5px;
    }

    .slick-prev{
        top: 4%;
        left: 45%;
    }

    .slick-next{
        top: 4%;
        right: 45%;
    }

    .slick-dots{
        margin: -3em 0 0 0;
    }

    .credential{
        border-right: none;
    }

    .definition{
        display: none;
    }

    .search-filter-input-text {
        width: 100% !important;
    }

    .footer-menu{
        display: none;
    }

    .site-footer .widget_nav_menu{
        margin: 0;
    }

    .site-footer .bottom{
        border-top: 1pt solid #FFF;
    }

    .site-footer .slicknav_btn{
        top: 0;
        right: 0;
    }

    .footer-widgets .widget-area{
        padding: 1em 0;
        margin-bottom: 0;
    }

    .footer-menu-mobile .widget ul li{
        margin: 0;
        padding: 0.75em 0;
        border-top: none;
    }

    .footer-menu-mobile .slicknav_menu{
        padding: 1em !important;
    }

    .footer-menu-mobile .slicknav_btn{
        padding: 0 !important;
        text-shadow: none;
        display: block;
        float: none;
        line-height: 1em;
    }
    
    .footer-menu-mobile .slicknav_btn:hover{
        text-decoration: none;
    }

    .footer-menu-mobile .slicknav_btn i,
    .footer-menu-mobile .slicknav_btn span.slicknav_icon{
        float: right;
        color: #272222 !important;
    }

    .footer-menu-mobile .slicknav_menu .inner_title{
        color: #272222;
    }

    .footer-menu-mobile .slicknav_btn i{
        padding: 0;
        font-weight: 300 !important;
    }

    .footer-menu-mobile .slicknav_nav a{
        padding: 0;
    }

    .footer-menu-mobile .slicknav_nav a:hover{
        color: #fc0053 !important;
    }

    .footer-menu-mobile .slicknav_nav ul a {
        font-weight: 300 !important;
    }

    .footer-widgets .widget-area:last-of-type{
        border-right: none;
    }

    .footer-menu-mobile{
        display: block;
    }

    #menu-bottom-footer li{
        padding: 0 0.5em 0 0;
    }

    .cli_settings_button{
        padding: 0;
        margin: 0;
    }

    .page-template-default .clipping-path,
    .error404 .clipping-path{
        padding: 0;
    }

    .width-500 iframe,
    .width-600 iframe,
    .width-700 iframe,
    .width-800 iframe,
    .width-900 iframe{
        max-height: 100%;
    }

    .width-500{
        width: 500px;
    }

    .width-500 .wp-block-embed__wrapper{
        height: 281px;
    }

    .width-600{
        width: auto;
    }

    .width-600 .wp-block-embed__wrapper{
        height: 581px;
    }

    .width-700{
        width: auto;
    }

    .width-700 .wp-block-embed__wrapper{
        height: 394px;
    }

    .width-800{
        width: auto;
    }

    .width-800 .wp-block-embed__wrapper{
        height: 450px;
    }

    .width-900{
        width: auto;
    }

    .width-900 .wp-block-embed__wrapper{
        height: 506px;
    }
}

@media only screen and (max-width: 83.9375em){
    .definition{
        display: none;
    }
}   
