@font-face {
    font-family: "SexVidCMS";
    src: url("../fonts/Roboto-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "SexVidCMS";
    src: url("../fonts/Roboto-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

* {
    box-sizing: border-box;
}

html {
    min-height: 100%;
    background: #fafafa;
}

body.sexvid-template {
    margin: 0;
    background-color: #fafafa;
    color: #b1b5bc;
    font-family: "SexVidCMS", "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.5px;
}

body.sexvid-template a {
    color: #b65cc6;
    text-decoration: none;
}

body.sexvid-template a:hover {
    color: #b65cc6;
}

body.sexvid-template ul,
body.sexvid-template li {
    margin: 0;
    padding: 0;
    list-style: none;
}

body.sexvid-template img {
    max-width: 100%;
    height: auto;
}

.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
}

.skip-link:focus {
    position: fixed;
    top: 8px;
    left: 8px;
    z-index: 99999;
    width: auto;
    height: auto;
    clip: auto;
    padding: 12px 16px;
    background: #fff;
    color: #202020;
}

#page {
    min-height: 100vh;
}

.row {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
}

.clear {
    clear: both;
}

.clear:before,
.clear:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    display: table;
    content: "";
}

.clear:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

.site-header {
    border-bottom: 1px solid #202020;
    background: #202020;
}

.site-branding,
.site-content {
    overflow: visible;
    padding: 1em;
}

.site-branding {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 3.75em;
}

.site-branding .logo {
    order: 1;
    flex: 0 0 auto;
    line-height: 0;
}

.site-title a {
    display: inline-flex;
    align-items: center;
    max-width: 330px;
    overflow: hidden;
    color: #b65cc6;
    font-family: "Anonymous Pro", "Courier New", monospace;
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sexvid-play {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 8px;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 16px solid #b65cc6;
}

.site-branding .header-search {
    order: 2;
    flex: 1 1 auto;
    margin: 0 1em;
}

.site-branding .header-search form {
    position: relative;
}

.site-branding .header-search input {
    float: left;
    width: 100%;
    height: 40px;
    padding: 0 52px 0 14px;
    border: 1px solid #2b2b2b;
    border-radius: 4px;
    background: #fff;
    color: #404040;
    line-height: 40px;
    outline: 0;
}

.site-branding .header-search input:focus {
    border-color: #b65cc6 !important;
}

.site-branding .header-search input::placeholder {
    color: #777;
    opacity: 0.65;
}

.site-branding .header-search #searchsubmit {
    position: absolute;
    top: 0;
    right: 0;
    width: 45px;
    height: 40px;
    border: 0;
    background: none;
    color: #b65cc6;
    cursor: pointer;
}

.site-branding .header-search #searchsubmit:before {
    position: absolute;
    top: 10px;
    left: 11px;
    width: 13px;
    height: 13px;
    border: 3px solid currentColor;
    border-radius: 50%;
    content: "";
}

.site-branding .header-search #searchsubmit:after {
    position: absolute;
    top: 25px;
    left: 27px;
    width: 12px;
    height: 3px;
    border-radius: 3px;
    background: currentColor;
    transform: rotate(45deg);
    content: "";
}

.sexvid-language {
    position: relative;
    order: 3;
    flex: 0 0 auto;
    margin-right: 1em;
}

.sexvid-language-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    height: 40px;
    padding: 0 11px;
    border: 1px solid #b65cc6;
    border-radius: 4px;
    background: #1b1d2a;
    color: #b65cc6;
    font-weight: 700;
    cursor: pointer;
}

.sexvid-language-menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 99999;
    display: none;
    min-width: 155px;
    padding: 7px;
    border: 1px solid #b65cc6;
    border-radius: 4px;
    background: #1b1d2a;
}

.sexvid-language.open .sexvid-language-menu {
    display: block;
}

.sexvid-language-menu a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 10px;
    color: #b1b5bc;
}

.sexvid-language-menu a span {
    color: #777;
    font-size: 11px;
}

.sexvid-language-menu a:hover,
.sexvid-language-menu a.active {
    color: #b65cc6;
    background: rgba(182, 92, 198, 0.1);
}

#site-navigation,
#site-navigation ul,
#site-navigation ul li,
#site-navigation ul li a,
#site-navigation #head-mobile {
    position: relative;
    display: block;
    box-sizing: border-box;
    border: 0;
    line-height: 1;
    list-style: none;
}

#site-navigation {
    order: 4;
    clear: both;
    display: block;
    float: left;
}

#site-navigation:after,
#site-navigation > ul:after {
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    content: ".";
    line-height: 0;
}

#site-navigation #head-mobile,
#site-navigation .button-nav {
    display: none;
}

#site-navigation ul {
    z-index: 9999;
    margin: 0;
    padding-left: 0;
}

#site-navigation > ul > li {
    float: left;
}

#site-navigation > ul > li > a {
    display: block;
    padding: 21px 18px;
    color: #fff;
    font-weight: 700;
    outline: 0;
}

#site-navigation > ul > li:hover > a,
#site-navigation > ul > li:focus > a,
#site-navigation > ul > li.current_page_item > a,
#site-navigation > ul > li.current-menu-item > a {
    color: #b65cc6;
}

.ads-container {
    clear: both;
    margin: 0 0 1em;
    text-align: center;
}

.ads-container--bottom {
    margin: 2em 0 0;
}

.ads-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.ad-slot {
    overflow: hidden;
}

.page-header {
    position: relative;
}

.widget-title,
.page-title,
.title-block,
.page .entry-title {
    border-color: #b65cc6 !important;
}

.widget-title {
    margin: 0 0 1em;
    color: #404040;
    font-size: 1.45em;
    font-weight: 400;
    text-transform: uppercase;
}

#filters {
    position: absolute;
    top: 0;
    right: 0;
}

#filters .filters-select {
    position: relative;
    display: inline-block;
    height: auto;
    padding: 0.25em 0;
    color: #b65cc6;
    cursor: pointer;
}

#filters .filters-select:after {
    margin-left: 0.3em;
    content: "v";
    font-size: 0.8em;
}

#filters .filters-options {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 99999;
    display: none;
    height: auto;
    border: 1px solid #b65cc6;
    border-radius: 4px;
    background: #1b1d2a;
    box-shadow: none;
}

#filters .filters-select:hover .filters-options,
#filters .filters-options span {
    display: block;
}

#filters .filters-options span {
    width: 180px;
    border-bottom: 1px solid #b1b5bc;
    text-align: right;
}

#filters .filters-options span a {
    display: block;
    padding: 0.75em 1em;
    color: #b1b5bc;
}

#filters .filters-options span:hover a,
#filters .filters-options span a.active {
    color: #b65cc6;
}

.cms-alert,
.empty-content {
    clear: both;
    margin: 0 0 1.25em;
    padding: 1em;
    border-left: 6px solid #b65cc6;
    background: #202020;
    color: #aaa;
}

.empty-content h2 {
    margin: 0;
    font-size: 1.2em;
    font-weight: 400;
}

.videos-list {
    clear: both;
    margin: 0 -5px;
}

.thumb-block {
    float: left;
    width: 20%;
    padding: 5px;
    margin-bottom: 2%;
}

.thumb-block a {
    display: block;
    outline: 0;
}

.thumb-block .post-thumbnail {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    background-color: #000;
    line-height: 0;
}

.thumb-block .inner-border {
    position: absolute;
    inset: 0;
}

.thumb-block .inner-border:after {
    position: absolute;
    inset: 0;
    box-shadow: inset 0 0 0 0 #b65cc6;
    transition: all 150ms ease-out;
    content: "";
}

.thumb-block .inner-border:hover:after {
    box-shadow: inset 0 0 0 3px #b65cc6;
}

.thumb-block .inner-border img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.thumb-block .post-thumbnail img {
    width: 100%;
}

.no-thumb {
    position: absolute;
    inset: 0;
    display: block;
    background: #eee;
}

.no-thumb span {
    position: absolute;
    top: 50%;
    left: 0;
    display: table;
    width: 100%;
    height: 100%;
    margin: auto;
    color: #646c79;
    text-align: center;
    transform: translateY(-50%);
}

span.views,
span.duration,
span.hd-video {
    position: absolute;
    right: 5px;
    bottom: 5px;
    padding: 7px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 0.688em;
    font-weight: 700;
    letter-spacing: 0;
}

span.hd-video {
    top: 5px;
    right: 5px;
    bottom: inherit;
    left: inherit;
    padding: 10px 5px;
    border-radius: 3px;
    font-style: italic;
    font-weight: 900;
}

.thumb-block .entry-header {
    display: block;
    height: 3.5em;
    overflow: hidden;
    padding: 0.5em 0 0;
    color: #b1b5bc;
    font-weight: 400;
    text-align: center;
}

.thumb-block .entry-header span {
    color: #b1b5bc;
}

.thumb-block:hover .entry-header span {
    color: #b65cc6;
}

.pagination {
    clear: both;
    display: table;
    margin: 0 auto;
}

.pagination nav,
.pagination .pagination-holder,
.pagination ul {
    display: block;
    margin: 0;
    padding: 0;
}

.pagination ul {
    overflow: hidden;
    padding: 2em 0 0;
    list-style: none;
}

.pagination ul li {
    display: block;
    float: left;
    margin: 0 0.25em;
}

.pagination ul li > a,
.pagination ul li > span,
.pagination ul li > strong,
.pagination > a,
.pagination > span,
.pagination > strong {
    display: block;
    min-width: 40px;
    margin-bottom: 0.5em;
    padding: 0.5em 1em;
    border: 1px solid #eee;
    background: #fff;
    color: #b65cc6;
    text-align: center;
    outline: 0;
}

.pagination ul li > a.current,
.pagination ul li > a:hover,
.pagination .current,
.pagination .chosen span,
.pagination strong {
    border-color: #646c79;
    color: #646c79;
}

h1.homepage-title {
    clear: both;
    margin: 1.25em 0 0;
    color: #404040;
    font-size: 1.6em;
    font-weight: 400;
}

.archive-description {
    clear: both;
    margin-top: 5px;
    margin-bottom: 20px;
    color: #aaa;
    font-size: 14px;
}

.archive-description-top {
    margin-bottom: 1.5em;
}

.archive-description p {
    opacity: 0.8;
}

.title-block {
    overflow: hidden;
    margin: 1.25em 0;
    padding: 0.5em 0.75em 0;
    border-left-width: 6px;
    border-left-style: solid;
    background: #282828;
}

.title-block h1.entry-title {
    margin: 0;
    padding: 0 0 0.5em;
    border-bottom: 1px solid #151515;
    color: #eee;
    font-size: 1.45em;
    font-weight: 400;
}

.entry-content {
    clear: both;
}

.video-player-area {
    width: 100%;
}

.video-player {
    position: relative;
    margin-bottom: 0.5em;
    background: #000;
}

.responsive-player {
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
}

.responsive-player iframe,
.responsive-player .fluid_video_wrapper,
.responsive-player .video-js,
.responsive-player .jwplayer,
.responsive-player #player {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.video-infos {
    display: flex;
    justify-content: space-between;
    gap: 1em;
    color: #777;
}

.video-views,
.likes {
    display: inline-block;
    float: left;
    font-size: 1.1em;
}

#video-date {
    padding-bottom: 0.5em;
    color: #777;
}

.sexvid-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
    margin: 0.8em 0 0;
}

.button,
button.button,
input[type="button"],
input[type="reset"] {
    display: inline-block;
    padding: 0.55em 1em;
    border: 1px solid #b65cc6 !important;
    border-radius: 4px;
    background-color: #b65cc6 !important;
    color: #fff !important;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.video-description {
    margin-top: 1em;
    color: #777;
    text-align: justify;
}

.video-description .more {
    overflow: hidden;
}

.video-tags {
    display: block;
    margin-top: 40px;
}

.video-tags a.label,
a.tag-cloud-link,
.template-actors li a {
    display: inline-block;
    margin: 0 0.5em 0.5em 0;
    padding: 10px 15px;
    border: 1px solid #b65cc6;
    background: #1b1d2a;
    color: #b65cc6;
    font-size: 1em;
}

.video-tags a.label:hover,
a.tag-cloud-link:hover,
.template-actors li a:hover {
    background: #fff !important;
}

.sexvid-share-link {
    display: grid;
    gap: 0.4em;
    margin-top: 1em;
}

.sexvid-share-link label {
    color: #777;
    font-size: 0.875em;
}

.sexvid-share-link input {
    width: 100%;
    height: 42px;
    padding: 0 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    color: #404040;
}

.under-video-block {
    clear: both;
    overflow: hidden;
    margin-top: 1em;
}

.under-video-block h2 {
    margin-top: 0;
    margin-left: 5px;
    color: #404040;
    font-weight: 400;
}

.site-footer {
    clear: both;
    width: 100%;
    margin-top: 1em;
    padding: 40px 0;
    border-top: 1px solid #b65cc6;
    background: #202020;
}

.site-footer .row {
    padding: 0 1.5em;
}

.footer-menu-container {
    width: 100%;
    margin: 1em 0 0;
}

.footer-menu-container ul {
    margin: 0 0 0.5em;
    padding: 0;
    text-align: center;
}

.footer-menu-container ul li {
    display: inline;
    margin: 0 1em;
}

.footer-menu-container a,
.footer-languages-container strong {
    color: #aaa;
}

.footer-menu-container a:hover,
.footer-menu-container a.active {
    color: #b65cc6;
}

.footer-counters {
    clear: both;
    margin: 1em auto 0;
    color: #aaa;
    text-align: center;
}

.site-footer .site-info {
    clear: both;
    padding-top: 1em;
    color: #aaa;
    font-size: 0.9em;
    text-align: center;
}

.error-hero {
    padding: 2em 0;
}

.error-hero__panel {
    padding: 2em;
    border-left: 6px solid #b65cc6;
    background: #282828;
    color: #aaa;
}

.error-hero__code {
    color: #b65cc6;
    font-size: 6em;
    line-height: 1;
}

.error-hero h1 {
    color: #eee;
}

.error-hero__search {
    display: flex;
    gap: 0.5em;
    margin: 1em 0;
}

.error-hero__search input {
    flex: 1;
    min-width: 0;
    padding: 0.65em 0.8em;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.error-hero__search button,
.error-button {
    padding: 0.65em 1em;
    border: 1px solid #b65cc6;
    border-radius: 4px;
    background: #b65cc6;
    color: #fff !important;
    cursor: pointer;
}

.error-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5em;
}

.is-rtl .sexvid-language-menu {
    right: auto;
    left: 0;
}

@media only screen and (max-width: 48em) {
    .site-branding {
        display: block;
        height: auto;
        max-height: inherit;
        position: relative;
    }

    .site-branding .logo,
    .site-branding .header-search {
        margin: 1em 0;
    }

    .site-title a {
        max-width: calc(100vw - 110px);
        font-size: 32px;
    }

    .sexvid-language {
        position: absolute;
        top: 1em;
        right: 58px;
        margin-right: 0;
    }

    #site-navigation {
        position: absolute;
        top: 20px;
        right: 0;
        float: none;
        width: 100%;
    }

    #site-navigation #head-mobile {
        display: block;
        padding: 0;
        color: #646c79;
        font-size: 12px;
        font-weight: 700;
    }

    #site-navigation .button-nav {
        position: absolute;
        top: 0;
        right: 8px;
        display: block;
        width: 48px;
        height: 50px;
        border: none;
        background-color: inherit;
        cursor: pointer;
        line-height: 50px;
    }

    #site-navigation .button-nav:after {
        position: absolute;
        top: 23px;
        right: 14px;
        display: block;
        width: 20px;
        height: 9px;
        border-top: 2px solid #646c79;
        border-bottom: 2px solid #646c79;
        content: "";
    }

    #site-navigation .button-nav:before {
        position: absolute;
        top: 16px;
        right: 14px;
        display: block;
        width: 20px;
        height: 2px;
        background: #646c79;
        transition: all 0.3s ease;
        content: "";
    }

    #site-navigation .button-nav.menu-opened:after {
        top: 23px;
        width: 19px;
        height: 2px;
        border: 0;
        background: #646c79;
        transform: rotate(45deg);
    }

    #site-navigation .button-nav.menu-opened:before {
        top: 23px;
        width: 19px;
        transform: rotate(-45deg);
    }

    #site-navigation ul {
        position: absolute;
        top: 65px;
        right: 0;
        display: none;
        width: 100%;
        padding-left: 0;
        background: #1b1d2a;
    }

    #site-navigation ul.is-open {
        display: block;
    }

    #site-navigation ul li {
        width: 100%;
        border-bottom: 1px solid #e5e5e5;
    }

    #site-navigation > ul > li {
        float: none;
    }

    #site-navigation ul li a {
        width: 100%;
        border-bottom: 0;
        text-align: left;
    }

    #filters {
        position: relative;
        top: auto;
        right: auto;
        margin-bottom: 1em;
    }

    .ads-row {
        grid-template-columns: 1fr;
    }

    .thumb-block {
        width: 50%;
        padding: 5px;
        margin-bottom: 3%;
    }

    .thumb-block a {
        display: block;
    }

    .video-infos {
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    .sexvid-actions {
        justify-content: center;
    }

    .video-tags {
        text-align: center;
    }

    .footer-menu-container ul li {
        display: block;
        margin: 1em;
    }

    .error-hero__search {
        flex-direction: column;
    }
}

@media only screen and (min-width: 48.001em) and (max-width: 64em) {
    .site-branding {
        display: block;
        height: auto;
        max-height: inherit;
        position: relative;
    }

    .site-branding .logo,
    .site-branding .header-search {
        margin: 1em 0;
    }

    #site-navigation {
        position: absolute;
        top: 20px;
        right: 0;
        float: none;
    }

    .sexvid-language {
        position: absolute;
        top: 1em;
        right: 58px;
        margin-right: 0;
    }

    .thumb-block {
        width: 33.333333%;
        padding: 5px;
        margin-bottom: 3%;
    }
}

@media only screen and (min-width: 64.001em) and (max-width: 84em) {
    #content {
        min-height: 40em;
    }

    .content-area {
        width: 100%;
    }

    .thumb-block {
        width: 25%;
        padding: 5px;
        margin-bottom: 2%;
    }
}

@media only screen and (min-width: 84.001em) {
    #content {
        min-height: 40em;
    }

    .content-area {
        width: 100%;
    }

    .thumb-block {
        width: 20%;
        padding: 5px;
        margin-bottom: 2%;
    }
}