html,body,div,span,object,iframe,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
*,:before,:after{-webkit-box-sizing:inherit;box-sizing:inherit;outline:0;}

html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:10px;font-display:swap;font-family:'Arial',sans-serif;outline:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:kern 1;font-feature-settings:kern 1;-webkit-font-kerning:normal;font-kerning:normal;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}

body{background-color: #FFF}

img {
    max-width: 100%;
    height: auto;
}

figure, p,
h1, h2, h3, h4, h5, h6{margin:0}
li {list-style: none}
a, a:hover, a:visited, a:focus{text-decoration:none}

/* CARDS*/
.whsk-card-thumb {line-height: 0}
.whsk-card-figure {
    line-height: 0;
    width: 100%;
    position: relative;
}.whsk-card-figure img {
    width: 100%;
}
.videosplit__article .whsk-card-figure {
    height: auto;
    aspect-ratio: 9 / 16;
    max-height: 600px;
}

/* 
.whsk-card.layout-horizontal {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 20px;
}

.whsk-card.layout-horizontal .whsk-card-thumb, .whsk-card.layout-horizontal .whsk-card-content {
    width: 50%;
} */

.whsk-video-wrap .whsk-video-controls {
    position: absolute;
    z-index: 2;
    right: 15px;
    bottom: 15px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.whsk-video-controls .control-button{
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    border: 1px solid #fff;
    border-radius: 50%;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
    color: #fff;
    display: flex;
    height: 3.6rem;
    padding:5px;
    justify-content: center;
    text-decoration: none;
    transition: all .2s ease;
    width: 3.6rem;
    line-height:0
}
.whsk-video-controls .control-button svg {
    height: auto;
    width: 100%;
}

/* Play/Pause — αρχικά δείχνει play */
.whsk-btn-playpause .icon-pause { display: none; }
.whsk-btn-playpause.is-playing .icon-play  { display: none; }
.whsk-btn-playpause.is-playing .icon-pause { display: block}

/* Mute — αρχικά muted οπότε δείχνει muted icon */
.whsk-btn-mute .icon-unmuted { display: none; }
.whsk-btn-mute.is-unmuted .icon-muted   { display: none; }
.whsk-btn-mute.is-unmuted .icon-unmuted { display: block; }

.whsk-video-controls .control-button:hover {
    cursor: pointer;
    border: 1px solid #fdd935;
}



/* .whsk-video-controls .control-button:hover svg{stroke:#fdd935} */