::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: teal;
    border-radius: 10px;
}
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
  
:root{
    --cardinall-card-height: 400px;
    --cardinall-card-width: 300px;
    --cardinall-card-max-width: 95vw;
    --cardinall-card-gap: 10px;
    --cardinall-card-radius: 5px;
    --cardinall-card-img-pct: 35%;
    --cardinall-card-img-radius-pxl:0px;
    --cardinall-card-comment-bg: #f3f3f3;
}

.hidden{
    display:none!important;
}
.success{
    color:blue!important;
}
.error{
    color:red!important;
}
.cardinall-btn {
    display: inline-block;
    text-align: center;
    text-decoration: none!important;
    margin: 2px 0;
    border: solid 1px transparent;
    border-radius: 4px;
    padding: 0.5em 1em;
    color: #ffffff;
    background-color: #9555af;
    font-weight:500;
    cursor:pointer;
    font-size:.8em;
}
.cardinall-btn:active {
    transform: translateY(1px);
    filter: saturate(150%);
}
.cardinall-btn:hover,
.cardinall-btn:focus {
    opacity:.8;
}
.cardinall-btn {
    outline: none;
}
/* Firefox: removes the inner border shown on focus */
.cardinall-btn::-moz-focus-inner {
    border: none;
}
.cardinall-btn-primary{
    background-color:#007bff;
    /*border:1px solid #9298a0;*/
}
.cardinall-btn-white{
    background-color:white;
    border:1px solid #9298a0;
    color:#053a5f
}
.cardinall-btn-lnk{
      background-color:transparent;
      font-weight:bold;
      text-decoration: underline!important;
      color:#007bff;
}

/* SWITCH */
.cardinall-switch input{
    border:0;
    font-size: 30px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    width: 45px!important;
    height: 25px ;
    background: #ddd;
    border-radius: 28px;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    line-height:10;
    overflow: hidden;
    width: 50px !important;
} 

.cardinall-switch input[type="checkbox"]:checked{
   background: #0275d8;
}
.cardinall-switch input[type="checkbox"]:after{
    position: absolute;
    content: "";
    width: 25px ;
    height: 25px ;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: 0 0 .25em rgba(0,0,0,.3);
            box-shadow: 0 0 .25em rgba(0,0,0,.3);
    -webkit-transform: scale(.7);
            transform: scale(.7);
    left: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.cardinall-switch input[type="checkbox"]:checked:after{
    left: calc(100% - 25px );
}


/* CARDS */
.cardinall-card{
    border:0;
    box-sizing: border-box;
    background-color: transparent;
    margin: auto;
    perspective: 1000px;
    transform: translate(0, 0) rotate(0deg);
}
.cardinall-card-container.forcardinall-cards{
    position:relative;
    display: flex;
    gap: var(--cardinall-card-gap);
    flex-wrap: wrap;
}

/* SWITCH cardinall-cardS TO ONE LINE OVERFLOW RIGHT */
.cardinall-card-container.auto-overflow-scroll{
    padding-top:30px;
    padding-bottom:30px;
    padding-right:200px;
    flex-wrap: nowrap !important;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    gap: calc( var(--cardinall-card-gap) /* + var(--cardinall-card-width)*/ )!important;
}
.cardinall-design-block-top{
    min-height:100px;
}

/* FLIP cardinall-card */
.cardinall-card-flipped{
    transform: rotateY(180deg);
}

/* cardinall-cards PROPERTIES FOR FLIPING */
.cardinall-card-inner {
    position: relative;
    width: var(--cardinall-card-width);
    max-width: var(--cardinall-card-max-width);
    height: var(--cardinall-card-height);
    text-align: left;
    padding:5px;
    transition: transform 0.8s;
    transform-style: preserve-3d;
    cursor: pointer;
    box-sizing: content-box;
}
.cardinall-card-back,.cardinall-card-front{
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.19);
    position: absolute;
    width: var(--cardinall-card-width);
    max-width: var(--cardinall-card-max-width);
    height: var(--cardinall-card-height);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius:var(--cardinall-card-radius);
    transition: opacity 0.8s;
}
.cardinall-card-back>*:not(img,iframe){
    padding:15px;
}
.cardinall-card-front{
    background:yellow;
    z-index:2;
    overflow-y: hidden;
}

.cardinall-card.swipable .cardinall-card-front.icon:after {
    content: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ibG9nb3YiIHZpZXdCb3g9ICIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogIDxwYXRoIHRyYW5zZm9ybT0icm90YXRlKDE4MCwxMiwxMikiDQogICAgICAgICBkPSJNMSAxMiBBMTAgNiAwIDAgMSAyMyAxMiIgDQogICAgICAgIGZpbGw9InRyYW5zcGFyZW50IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEiIC8+DQogICAgPHJlY3Qgcng9IjMiIHdpZHRoPSIxMiIgaGVpZ2h0PSIyMCIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2U9ImJsYWNrIiBmaWxsPSJ3aGl0ZSIgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYsMi41KSIgLz4NCiAgPHJlY3Qgcng9IjMiIHdpZHRoPSIxMiIgaGVpZ2h0PSIyMCIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2U9ImJsYWNrIiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJyb3RhdGUoLTE1KSB0cmFuc2xhdGUoLjIsMykiIC8+DQo8cGF0aCBkPSJNMSAxMiBBMTAgNiAwIDAgMSAyMyAxMiIgZmlsbD0idHJhbnNwYXJlbnQiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMSIgLz4NCjxwYXRoIGQ9Ik01IDQgTDkgNiIgZmlsbD0idHJhbnNwYXJlbnQiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMSIgLz4NCiAgPHBhdGggZD0iTTYgOSBMOC41IDYiIGZpbGw9InRyYW5zcGFyZW50IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjEiIC8+DQo8L3N2Zz4=);
    width: 24px;
    height: 24px;
    bottom: 10px;
    right: calc( 5px + ( var(--cardinall-card-radius) /2 ));
    position: absolute;
    display: inline-block;
}

.cardinall-card-container.auto-overflow-scroll .cardinall-card-front.icon:after {
    content: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTQwIDMwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICA8Y2lyY2xlIGN4PSIxMCIgY3k9IjEwIiByPSI5IiAvPg0KICA8Y2lyY2xlIGN4PSI0MCIgY3k9IjEwIiByPSI5IiBzdHJva2U9ImJsYWNrIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjciICAvPg0KICA8Y2lyY2xlIGN4PSI3MCIgY3k9IjEwIiByPSI5IiBzdHJva2U9ImJsYWNrIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjUiIC8+DQogIDxjaXJjbGUgY3g9IjEwMCIgY3k9IjEwIiByPSI5IiBzdHJva2U9ImJsYWNrIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjI1IiAvPg0KICA8Y2lyY2xlIGN4PSIxMzAiIGN5PSIxMCIgcj0iOSIgc3Ryb2tlPSJibGFjayIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMCIgLz4NCjwvc3ZnPg0K);
    width: 60px;
    height: 20px;
    bottom: 10px;
    right: calc( 5px + ( var(--cardinall-card-radius) /2 ));
    position: absolute;
    display: inline-block;   
}

.cardinall-card-body{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.cardinall-horiz .cardinall-card-body{
    flex-direction: row!important;
}
.cardinall-horiz .cardinall-u-card-header{
    height: 100%!important;
    width: var(--cardinall-card-img-pct);
}
.cardinall-horiz .cardinall-u-card-body{
    max-height: 100%!important;
    width: calc( 100% - var(--cardinall-card-img-pct) );
}

.cardinall-card-flipped .cardinall-card-front{
    
    z-index: unset;
    opacity:0;
}
.cardinall-card-back{
    background:pink;
    transform: rotateY(180deg);
    overflow-y:auto;     
}
.cardinall-card-back p.adjust,
.cardinall-side-modal-body p.adjust {
    word-wrap: break-word;
    text-align: justify;
    padding: 5px;
}
.cardinall-u-card-header{
    width: 100%;
    height: var(--cardinall-card-img-pct);
    position:relative; 
}
.cardinall-u-card-header img{
    width: 100%;
    height: 100%;
    object-fit: cover; 
    border-radius: var(--cardinall-card-img-radius-pxl); 
}
.cardinall-u-card-body{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    /*justify-content: center;*/
    align-items: flex-start;
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    max-height: calc( 100% - var(--cardinall-card-img-pct) );
    height:100%;
    overflow:hidden;
}
.cardinall-container-fluid{
    margin: 80px 5px 10px 5px;
}

/* SWIPE CONTAINER */
.swipable{
    box-sizing: border-box;
    position: absolute;
    z-index: 200;
    width: var(--cardinall-card-width);
    max-width: var(--cardinall-card-max-width);
    height: var(--cardinall-card-height);
    transform-origin: bottom;
}
.cardinall-card-swipable{
    width: var(--cardinall-card-width);
    max-width: var(--cardinall-card-max-width);
    height: var(--cardinall-card-height);
    position:relative;
    margin: auto;
}
.cardinall-summary {
    font-size: 14px;
    text-align: left;
    width:100%;
    overflow: hidden;
    background: -webkit-linear-gradient(#333 10px, #eee);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.cardinall-block-back,.cardinall-block-back * {
    font-size: 14px;
    word-wrap: break-word;
    text-align: justify;
    padding: 8px;
    word-wrap: break-word;
}

 

/*
 *
 * MINI NAV
 *
 */

 .cardinall-mini-nav *{ /* reset */
    margin: initial;
    padding: initial;
    border: initial;
    font-family: initial;
    font-size: initial;
    font-weight: initial;
    font-style: initial;
    text-decoration: initial; 
 }
.cardinall-mini-nav .mini-btn{
    padding:0 5px;
    background: blue;
    color:white;
    border-radius:50%;
    cursor: pointer;
    width:50px;
    height: 50px;
    position:fixed;
    top:-100px;
    left:-100px;
}
.cardinall-mini-nav .mini-btn h1,.cardinall-mini-nav h1>i{
    display:block;
    width:100%;
    height:100%;
    margin:auto;
}

.cardinall-mini-nav{
    position:absolute;
    top:50px;
    left:50px;
}
.cardinall-mini-nav .cardinall-circular-menu.active h1.menu-item>i{
    font-size:30px;
    padding:10px;
}

.cardinall-mini-nav .cardinall-circular-menu {
    z-index:500;
    position: relative;
    bottom: 1em;
    right: 1em;
    opacity:.6;
}

.cardinall-mini-nav .cardinall-circular-menu .floating-btn {
    display: block;
    border-radius: 50%;
    background-color: hsl(219, 79%, 66%);/* hsl(4, 98%, 60%);*/
    box-shadow: 0 2px 5px 0 hsla(219, 79%, 66%, .26);/* hsla(0, 0%, 0%, .26);  */
    color: hsl(0, 0%, 100%);
    text-align: center;
    cursor: pointer;
    outline: 0;
    padding:17px;
}

.cardinall-mini-nav .cardinall-circular-menu.active .floating-btn {
    box-shadow: inset 0 0 3px hsla(0, 0%, 0%, .3);
}

.cardinall-mini-nav .cardinall-circular-menu .floating-btn:active {
    box-shadow: 0 4px 8px 0 hsla(0, 0%, 0%, .4);
}

.cardinall-mini-nav .cardinall-circular-menu .floating-btn i {
    transition: transform .2s;  
}


.cardinall-mini-nav .cardinall-circular-menu:after {
    display: block;
    content: ' ';
    width: 3.5em;
    height: 3.5em;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -2;
    background-color:hsl(219, 79%, 40%);/* hsl(4, 98%, 60%);*/
    transition: all .3s ease;
}

.cardinall-mini-nav .cardinall-circular-menu.active:after {
    transform: scale3d(5.5, 5.5, 1);
    transition-timing-function: cubic-bezier(.68, 1.55, .265, 1);
}

.cardinall-mini-nav .cardinall-circular-menu .items-wrapper {
    padding: 0;
    margin: 0;
}

.cardinall-mini-nav .cardinall-circular-menu .menu-item {
    /*opacity:1!important;*/
    opacity:0;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: -1;
    display: block;
    text-decoration: none;
    color: hsl(0, 0%, 100%);
    border-radius: 50%;
    background-color: hsla(0,0%,0%,.1);
    transition: transform .3s ease, background .2s ease;
    padding: 0 5px;
}
.cardinall-mini-nav .cardinall-circular-menu.active .menu-item{
    opacity:1;
}

.cardinall-mini-nav .cardinall-circular-menu .menu-item:hover {
    background-color: hsla(0,0%,0%,.3);
}

.cardinall-mini-nav .cardinall-circular-menu.active .menu-item {
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.cardinall-mini-nav .cardinall-circular-menu.active .menu-item:nth-child(1) {
    transform: translate(125px,-27px);
}

.cardinall-mini-nav .cardinall-circular-menu.active .menu-item:nth-child(2) {
    transform: translate(114px, 40px);
}

.cardinall-mini-nav .cardinall-circular-menu.active .menu-item:nth-child(3) {
    transform: translate(60px, 90px);
}

.cardinall-circular-menu.active .menu-item:nth-child(4) {
    transform: translate(-15px, 95px);
}

.cardinall-mini-nav .cardinall-circular-menu svg{
    /*margin: -10px 5px 0;*/
    width: 25px;
    height: 25px;
}

/*
 *
 * HAMBURGER
 *
 */
.hamb {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 22px;
    width: 22px;
    cursor: pointer;
    }

.hamb .bar {
    height: 4px;
    width: 100%;
    background-color: black;
    transition: all 100ms ease-in-out;
}

.cardinall-circular-menu.active .hamb .bar:nth-child(1) {
    transition: all 100ms ease-in-out;
    transform: rotate(45deg);
    transform-origin: top left;
    width: 28px;
}

.cardinall-circular-menu.active .hamb .bar:nth-child(2) {
    transition: all 100ms ease-in-out;
    transform-origin: center;
    width: 0;
}

.cardinall-circular-menu.active .hamb .bar:nth-child(3) {
    transition: all 100ms ease-in-out;
    transform: rotate(-45deg);
    transform-origin: bottom left;
    width: 28px;
}

.cardinall-easymedia-parameters{
    position: absolute;
    /* margin-left: -250px; */
    height: 300px;
    width: 240px;
    overflow-y: auto;
    font-size: 14px;
    left: 100%;
    margin-left: 10px;
    height:100%;
}
.cardinall-easymedia-parameters input:not([type=checkbox]):not([type=color]),.cardinall-easymedia-parameters select{
    width:85%!important;
    margin: 1%!important;
}
.cardinall-easymedia-parameters input[type=color]{
    width:30px!important;
    height:30px!important;
    padding:0!important;
    border:0!important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.19)!important;
}
.cardinall-font-tiny{
    font-size: small;
    font-style: italic;
}
/*
 *
 * WORDPRESS/GUTEMBERG BLOCKS @ QUASTER sauce :)
 *
 */


.cardinall-card figure > *:not(.cardinall-gallery-scroll), .cardinall-card figure iframe,
.cardinall-side-modal figure > *:not(.cardinall-gallery-scroll), .cardinall-side-modal figure iframe {
    max-height: calc( var(--cardinall-card-height) * 0.9)!important;
    max-width: calc( var(--cardinall-card-width) * 0.9)!important;
    margin:0 auto!important;
}

.cardinall-card .wp-block-group.is-horizontal.is-nowrap,
.cardinall-side-modal .wp-block-group.is-horizontal.is-nowrap {
    flex-wrap: nowrap!important;
    overflow-x: auto!important;
    column-gap: 50px!important;
    padding-right: 50px!important;
}
.cardinall-card .is-layout-flex > *,
.cardinall-side-modal .is-layout-flex > * {
    margin: 0 auto!important;
}
.cardinall-card .wp-block-video video,
.cardinall-side-modal .wp-block-video video {
    width: unset!important;
}
.cardinall-design-block-top-alignwide{
    max-width: var(--wp--style--global--wide-size)!important;
}
.cardinall-design-block-top-alignfull{
    max-width: none!important;
    /*margin-right: calc(var(--wp--style--root--padding-right)* -1);
    margin-left: calc(var(--wp--style--root--padding-left)* -1);*/
}

.cardinall-card-tag{
    background-color: #47bcd4;
    color:white;
    font-size: 12px;
    border-radius: 30px;
    padding:5px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.cardinall-card-title{
    color:black;
    font-weight: 500;
    font-size: 14px;
    width: 100%;
    text-align: center;
}
.cardinall-card-title.cardinall-over-picture{
    position: absolute;
    bottom: 5px;
    padding: 5px;
    width: calc(100% - 10px);
    color:white;
    text-shadow: 0 0 0.3em #4a2d2d;       
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    /*width: unset;*/
    text-align: unset;
    background: #2125292b;
}
.cardinall-card-title-back{
    background-color: #47bcd4;
    color:white;
    font-size: 18px;
    font-weight: 500;
    padding:10px;
    margin-top: 15px;
    margin-bottom: 15px;
}
/*
 *
 * MODALS
 *
 */
 .cardinall-side-modal{
    box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.19);
    position:fixed;
    top:0;
    left:0;
    height:100%;
    width:85%;
    margin-left: 15%;
    z-index: 10001;
    background-color: white;
    transition: left 0.3s ease 0s;
    display:flex;
    flex-direction: column;
 }
 .cardinall-side-modal.closed{
    left:105%;
 }

 .cardinall-side-overlay{
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    opacity: 0;
    z-index: 10001;
 }
 .cardinall-side-overlay.closed{
    display:none;
 }
    
 .cardinall-side-modal-header{
    display:flex;
    flex-direction: row;
    width:100%;
 }
 .cardinall-side-modal-header-titre{
    width:80%;
    text-align: center;
 }
 .cardinall-side-modal-header-titre-close{
    text-align: center;
    font-style: normal;
    color: #888;
    cursor: pointer;
    margin:auto;
    margin-top:50px;
    font-weight: 800;
    font-size: 30px;
    text-shadow: 2px 2px lightgrey;
}
.cardinall-side-modal-body-scrollable{
    overflow-y:auto;
    height:95vh;
}
.cardinall-side-modal-body{
    padding:10px;
    max-width: 800px;
    margin: auto;
}


/* Block editor */
.cardinall_block_edit_title{
    font-size: 14px!important;
    font-weight: 600!important;
    text-align: center!important;
    font-style: italic!important;
}
.cardinall_block_setup_title{
    font-size: 12px!important;
    margin: 20px 0 0 0!important;
    max-width: calc(100% - 40px)!important;
}

/* HOURGLASS */
.spinit {
    -webkit-animation-name: spinner; 
    -webkit-animation-timing-function: linear; 
    -webkit-animation-iteration-count: infinite; 
    -webkit-animation-duration: 2s; 
    animation-name: spinner; 
    animation-timing-function: linear; 
    animation-iteration-count: infinite; 
    animation-duration: 2s; 
    -webkit-transform-style: preserve-3d; 
    -moz-transform-style: preserve-3d; 
    -ms-transform-style: preserve-3d; 
    transform-style: preserve-3d;
    -webkit-transform-origin: center center;  /* Chrome, Safari */
    transform-origin: center center;
}

  /* WebKit and Opera browsers */ 
@-webkit-keyframes spinner { 
    from 
    { 
        -webkit-transform: rotateY(0deg); 
    } 
    to { 
        -webkit-transform: rotateY(-360deg); 
    } 
} /* all other browsers */ 
@keyframes spinner { 
    from { 
        -moz-transform: rotateY(0deg); 
        -ms-transform: rotateY(0deg); 
        transform: rotateY(0deg); 
    } 
    to 
    { 
        -moz-transform: rotateY(-360deg); 
        -ms-transform: rotateY(-360deg); 
        transform: rotateY(-360deg); 
    
    } 
}



/* reviews */
.cardinall_comment-section{
    list-style: none;
    max-width: 800px;
    /*width: 80%;*/
    margin: 50px auto;
    padding: 10px;
}
.cardinall_comment-section li{
    display: flex;
    flex-direction:column;
    border-radius: 3px;
    margin-bottom: 12px;
    flex-wrap: wrap;
    background-color:  var(--cardinall-card-comment-bg);
}
.cardinall_comment-section .customer,
.cardinall_comment-section .assessment{
    display:flex;
    flex-direction:row;
    justify-content:start;
    vertical-align:middle;
    align-items:center;
    padding-left: 5px;
    gap:5px;
}
.cardinall_comment-section .title{
    padding-left: 5px;
}
.cardinall_comment-section .avatar img{
    height:30px;
    border-radius:50%;
}
.cardinall_comment-section .nickname{
    display: block;
    color: #656c71;
    font-weight: bold;
    white-space: normal;
    padding: 10px 0 10px 10px;
}
.cardinall_comment-section .date{
    font-size: 11px;
      color: #9ca7af;
}
.cardinall_comment-section .title{
    font-weight:bold;
}
.cardinall_comment-section textarea {
    width: 100%!important;
    margin-bottom:20px!important;
}
.cardinall_comment-section .comment {
    width: 100%;
}
.cardinall_comment-section .comment p{
    line-height: 1.5;
    padding: 12px;
    width: 85%;
    position: relative;
    word-wrap: break-word;
    background-color:  var(--cardinall-card-comment-bg);
    display:inline-block;
    text-align: left;
    font-size:12px;
}
.cardinall_comment-section .reply {
    text-align: end;
    margin: 15px;
}
.cardinall_comment-section .reply button {
    padding:3px;
    font-size:12px;
}
.cardinall_comment-section .message {
    font-weight: 600;
}

.cardinall-btn.more-review{
    margin-bottom: 60px;
    margin-left:15px;
}

/* Rating entry */
.container_rat input[type="checkbox"]{
    width: 20px!important;
    font-size:20px!important;
}
.cardinall-star-set{
    display:flex!important;
    gap:0px!important;
}
.cardinall-star {
    visibility:hidden!important;
    font-size:20px!important;
    cursor:pointer!important;
    line-height: 1!important;
    margin: 0!important;
}
.cardinall-star:before {
   content: "\2605"!important;
   visibility:visible!important;
   color:var(--cc_bad)!important;
   font-size:20px!important;
   line-height: 1!important;
   margin: 0!important;
}
.cardinall-star:checked:before {
   color:var(--cc_good)!important;
}
.cardinall-swipe-left{
    transform: translate(-100vw, 30px) rotate(-90deg)!important;
}
/**
 * Loader
 */
 .spinit {
    -webkit-animation-name: spinner; 
    -webkit-animation-timing-function: linear; 
    -webkit-animation-iteration-count: infinite; 
    -webkit-animation-duration: 2s; 
    animation-name: spinner; 
    animation-timing-function: linear; 
    animation-iteration-count: infinite; 
    animation-duration: 2s; 
    -webkit-transform-style: preserve-3d; 
    -moz-transform-style: preserve-3d; 
    -ms-transform-style: preserve-3d; 
    transform-style: preserve-3d;
    -webkit-transform-origin: center center;  /* Chrome, Safari */
    transform-origin: center center;
}

  /* WebKit and Opera browsers */ 
@-webkit-keyframes spinner { 
    from 
    { 
        -webkit-transform: rotateY(0deg); 
    } 
    to { 
        -webkit-transform: rotateY(-360deg); 
    } 
} /* all other browsers */ 
@keyframes spinner { 
    from { 
        -moz-transform: rotateY(0deg); 
        -ms-transform: rotateY(0deg); 
        transform: rotateY(0deg); 
    } 
    to 
    { 
        -moz-transform: rotateY(-360deg); 
        -ms-transform: rotateY(-360deg); 
        transform: rotateY(-360deg); 
    
    } 
}

 /* GALERIES OVERLOAD WP STANDARD CARDINAL SAUCE*/
 .cardinall-gallery-scroll{
    overflow-x: auto;
    display: flex;
    gap: 5px;
    max-width: unset !important;
}

.cardinall-card figure .wp-block-gallery,
.cardinall-side-modal .wp-block-gallery{
    overflow-x: auto!important;
}
.cardinall-card figure .cardinall-single-img-container,
.cardinall-side-modal .cardinall-single-img-container {
    height:unset!important;
    max-height:unset!important;
    width:unset!important;
    max-width:unset!important;
}
.cardinall-card figure .cardinall-single-img-container img,
.cardinall-side-modal .cardinall-single-img-container img{
    height:150px!important;
    max-height:150px!important;
    width:unset!important;
    max-width:unset!important;
}
/* Limit font size in admin OVERLOAD WP STANDARD*/
.blocks-base-control__label{
    font-size:12px;
}