/*
Theme Name: NK Kino klubas
Theme URI: https://www.morkalabs.com
Author: Morka Labs
Author URI: https://www.morkalabs.com
Version: 1.02
*/

/* MAIN  ****************************************************/
body {padding:0;margin:0;background-color:#ffffff;overflow-x: hidden;overflow-y: scroll;font-family: 'Roboto', sans-serif;}
.mobile {display:none;}
.no-scroll {overflow: hidden;}
.margin-top {margin-top:80px!important;}
.fullwidth {width:100%;float:left;padding: 0 40px;}
.container {max-width:1170px;width:100%;margin:0 auto;}
.container-wpadding {max-width:1250px;width:100%;margin:0 auto;}
.clear {clear:both;}
.cover {margin-bottom:60px;}
.margin-grid {margin-bottom:80px;}
.margin-grid.duk {margin-bottom:40px;}

/* RESETS ****************************************************/
[class*='cute-'] {padding: 0!important;}
textarea, input, input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] {appearance: none;-webkit-appearance: none;border-radius: 0;}
* {-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; /* For some Androids */outline: 0;}
		
/* COLORS ************************/
:root {
	--primary: #E81D5F; 
	--gray: #848484;
}

/* Preload logo */
body:after{display:none;content: url('assets/svg/logo.svg') url('assets/svg/logo-hover.svg');}
#logoanimation {float:left;background-image: url('assets/svg/logo.svg');width:63px;height:48px;-webkit-background-size:63px 48px;background-size:63px 48px;background-repeat: no-repeat;}
#logoanimation:hover {background-image: url('assets/svg/logo-hover.svg');}

/* Editor */
.content strong, .content b {font-weight: 700;}
.content italic, .content i, .content em {font-style:italic;}
.content p {font-size:16px;line-height:24px;margin-bottom:24px;}
.content p:last-child {margin-bottom:0px;}
.content p a {color:var(--primary);text-decoration:underline;}
.content p a:hover {text-decoration:none;}
.content ul {list-style-type: disc;padding-left:30px;padding-bottom:24px;font-size:16px;line-height:24px;}
.content ol {list-style-type: decimal;padding-left:30px;padding-bottom:24px;font-size:16px;line-height:24px;}
.content ul li, .content ol li {margin-bottom:0;}
.movie-description.content ul li, .movie-description.content ol li {color:#fff;}
a img.alignright, img.alignright  {float:right; margin:0 0 1em 30px}
a img.alignleft, img.alignleft  {float:left; margin:0 30px 1em 0}
a img.aligncenter, img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* Strikethrough hovers */
a.strike, span.strike {position: relative;white-space: nowrap;}
a.strike::before, a.strike::after, span.strike::before, span.strike::after {position: absolute;width: 100%;height: 1px;background: #000;top: 100%;left: 0;pointer-events: none;}
a.strike::before, span.strike::before {content: '';}
a.strike::before, span.strike::before {top: 50%;height: 2px;transform-origin: 100% 50%;transform: scale3d(0, 1, 1);transition: transform 0.3s cubic-bezier(0.4, 1, 0.8, 1);}
a.strike:hover::before, span.strike:hover::before {transform-origin: 0% 50%;transform: scale3d(1, 1, 1);}
a.strike span {display: inline-block;transition: transform 0.3s cubic-bezier(0.4, 1, 0.8, 1);}
.slider-header-left a.strike::before, .slider-header-left a.strike::after {background: var(--primary);}
header .actions a.btn-secondary::before, header .actions a.btn-secondary::after {background: var(--primary);}
span.strike::before, span.strike::after {background: var(--primary);}

/* Headings */
.heading-container h1 {font-size:90px;line-height:94px;font-family: 'Oswald', sans-serif;font-weight:500;text-transform:uppercase;color:#000;text-align: center;}
.header-beforegrid {margin-bottom:90px;}

/* GRID ****************************************************/
.row {margin-left: -20px;margin-right: -20px;width:auto;}
.row a {text-decoration:none;}
.rowitem {padding: 0 20px!important;margin-bottom:40px;}
.rowitem img {width:100%;}
.row .row {margin-left: -20px!important;margin-right: -20px!important;width: auto;max-width: 100rem!important;}

/* Cookies popup */
#cookies-popup {position:fixed;background:var(--primary);width:100%;max-width:760px;bottom:0;left:0;z-index:9999999999;margin:40px 40px;}
#cookies-popup .cookies-popup-inner {color:#fff;width: 100%;max-width:100%;margin:0 auto 0 auto;position:relative;padding:20px 30px;display: table;}
#cookies-popup .cookies-text {width:70%;}
#cookies-popup .cookies-actions  {width:30%;}
#cookies-popup .cookies-text, #cookies-popup .cookies-actions {display: table-cell;vertical-align: middle;}		
#cookies-popup .cookies-popup-inner p {font-size:14px;line-height:20px;color:#fff;}
#cookies-popup .cookies-popup-inner p a {color:#fff;}
a.cookies-accept {width:100%;max-width:150px;margin-top:0px;padding:13px 10px;font-size:16px;font-family: 'Oswald', sans-serif;font-weight:500;text-transform:uppercase;color:#fff;border:2px solid #fff;float:right;text-align:center;text-decoration:none;}
a.cookies-accept:hover {background-color:#fff;color:var(--primary);}

/* HEADER ***********************************************/
header {position:sticky;width:100%;height:80px;z-index:999;top: 0;background:#fff;padding:0 40px;color:#000;display:flex;justify-content: space-between;}
header .logo {min-width:90px;justify-content:flex-start;display:flex;align-items: center;}
header .menu {justify-content:flex-start;display:flex;align-items: center;}
header .menu ul li {display:inline-block;}
header .menu ul li a {font-size:16px;font-family: 'Oswald', sans-serif;font-weight:500;margin-left:30px;text-transform:uppercase;color:#000;text-decoration:none;}
header .menu span {font-size:16px;font-family: 'Oswald', sans-serif;font-weight:500;margin-left:0;text-transform:uppercase;color:#000;text-decoration:none;}
header .menu a {position: relative;white-space: nowrap;}
header .menu a::before, header .menu a::after {position: absolute;width: 100%;height: 1px;background: var(--primary);top: 100%;left: 0;pointer-events: none;}
header .menu a::before {content: '';}
header .menu a::before {top: 50%;height: 2px;transform-origin: 100% 50%;transform: scale3d(0, 1, 1);transition: transform 0.3s cubic-bezier(0.4, 1, 0.8, 1);}
header .menu a:hover::before {transform-origin: 0% 50%;transform: scale3d(1, 1, 1);}
header .menu a span {display: inline-block;transition: transform 0.3s cubic-bezier(0.4, 1, 0.8, 1);}

header .actions {justify-content:flex-end;display:flex;align-items: center;margin-left: auto;}
header .actions a.btn-primary {padding:9px 30px;font-size:16px;font-family: 'Oswald', sans-serif;font-weight:500;text-transform:uppercase;color:var(--primary);border:2px solid var(--primary);width:auto;float:left;text-align:center;text-decoration:none;}
header .actions a.btn-primary:hover {background-color:var(--primary);color:#fff;}
header .actions a.btn-secondary {font-size:16px;font-family: 'Oswald', sans-serif;font-weight:500;text-transform:uppercase;margin-left:20px;text-decoration:none;color:#000;}
header .actions a.btn-help {margin-right:20px;}
header .actions a.btn-watch {margin-right:20px;}

/* MOBILE MENU */
#mobmenu {background-color:#fff;visibility: hidden;opacity: 0;position: fixed;z-index: 99999999;/*padding:20px 20px;*/width:100%;height: 100%;top: 0;left: 0;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);-webkit-transition: 150ms ease all;-moz-transition: 150ms ease all;transition: 150ms ease all;}
#mobmenu.opened {overflow-y: scroll;visibility: visible;opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);-webkit-transition: 150ms ease all;-moz-transition: 150ms ease all;transition: 150ms ease all;}
.mobile-menu-toggle {position:fixed;z-index:999999999;visibility: hidden;opacity: 0;}
.mobile-menu-toggle.opened {visibility: visible;opacity: 1;top:25px;right:20px;}
.mobile-menu-toggle img {cursor:pointer;}
#mobmenu .menu-items {position: absolute;top: 0;width: 100%;z-index: 2;height: 100%;padding-left:30px;display: flex;align-items: center;flex: 1;flex-flow: row wrap;align-content: center;}
#mobmenu .menu-items ul {text-align:left;width:100%;float:left;}
#mobmenu .menu-items ul li {margin-bottom:40px;}
#mobmenu .menu-items ul li a {font-size:20px;line-height:24px;font-family: 'Oswald', sans-serif;font-weight:500;text-transform:uppercase;color:#000;text-decoration:none;}
#mobmenu .menu-items ul.languages li:last-child {margin-bottom:0px;}

/* Notification page */
.sidebar-heading h5, .sidebar-heading h1 {font-size:32px;line-height:38px;font-family: 'Oswald', sans-serif;font-weight:500;text-transform:uppercase;}
.notification-page {text-align:center;min-height:600px;margin-bottom:80px;}
.notification-page p {font-size:16px;line-height:24px;margin-top:30px;}
.notification-page .more-wrap {width:100%;text-align:center;margin-top:40px;float:left;display:flex;justify-content: center;}
.notification-page a.btn {max-width:260px;padding:13px 10px;font-size:16px;font-family: 'Oswald', sans-serif;font-weight:500;text-transform:uppercase;color:var(--primary);border:2px solid var(--primary);width:100%;float:left;text-align:center;text-decoration:none;}
.notification-page a.btn:hover {background-color:var(--primary);color:#fff;}

/* FOOTER ***********************************************/
footer {width:100%;background:var(--primary);}
footer .footer-inner {width:100%;padding:40px 40px;color:#fff;display:flex;align-items: center;justify-content: space-between;}
footer .socials {justify-content:flex-start;display:flex;align-items: center;min-width: 270px;max-width: 270px;}
footer .socials a {margin-right:20px;}
footer .footer-menu {justify-content:flex-start;align-items: center;flex:1;max-width: 200px;}
footer .footer-menu a {display:block;color:#fff;font-size:14px;font-family: 'Oswald', sans-serif;font-weight:500;text-transform:uppercase;float:left;clear:both;text-decoration:none;margin-bottom:20px;}
footer .footer-menu a:last-child {margin-bottom:0px;}
footer .copyright {justify-content:flex-end;display:flex;align-items: center;}
footer .copyright p {text-align:right;color:#fff;font-size:12px;font-family: 'Oswald', sans-serif;font-weight:500;}

/* Klubas */
.video-listing {margin-top:30px;}
.video-listing .video-item {display: grid;grid-template-columns: 4fr 8fr;gap:40px;border-bottom: 1px solid #DBDBDB;padding:60px 0;}
.video-listing .video-item:last-child {border: 0;}
.video-listing .video-item .info h4 {padding-top: 20px;margin-bottom:30px;font-size: 25px;line-height: 29px;font-family: 'Oswald', sans-serif;font-weight: 500;text-transform: uppercase;color: #000;}
.video-listing .video-item .info h6 {display:block;padding-top:30px;margin-bottom:20px;font-size: 18px;line-height: 22px;font-family: 'Oswald', sans-serif;font-weight: 500;text-transform: uppercase;color: #000;}

/* Vimeo embed */
.embed-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;} 
.embed-container iframe, .embed-container object, .embed-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* Stars plugin */
.star-rating .stars {display: flex;flex-direction: row-reverse;font-size: 24px;color: #ccc;cursor: pointer;justify-content: start;}
.star-rating .stars.movie-voted {pointer-events:none;}
.star-rating .star {display: inline-block;transition: color 0.2s;}
/* Hover effect: highlight hovered star and all before (HTML-right = visual-left) */
.star-rating .star:hover, .star-rating .star:hover ~ .star {color: var(--primary);}
.star-rating .star.voted {color: var(--primary);}
.rating-info {margin-top: 5px;font-size: 12px;line-height: 16px;font-family: 'Oswald', sans-serif;font-weight: 500;text-transform: uppercase;color: #000;}

/* Text page */
.text-page {margin-bottom:50px!important;}
.text-page-minheight {display: flex;flex-direction: column;min-height: calc(100vh - 232px);}
.row .row.grid {margin-bottom:-40px!important;}

/* Custom checkbox */
.checkboxcontainer {display: block;color:#000;position: relative;padding-left: 30px;padding-top:0px;margin-bottom: 20px;cursor: pointer;font-size: 14px;-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none;}
.checkboxcontainer input {position: absolute;opacity: 0; cursor: pointer;height: 0;width: 0;padding: 0 0!important;}
.checkmark {position: absolute;top: 0;left: 0;height: 18px;width: 18px;background-color: #fff;border:2px solid #000;}
.checkboxcontainer input:checked ~ .checkmark {background-color: var(--primary);border-color:var(--primary);}
.checkmark:after {content: "";position: absolute;display: none;}
.checkboxcontainer input:checked ~ .checkmark:after {display: block;}
.checkboxcontainer .checkmark:after {left: 5px;top: 1px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} 
.checkboxcontainer a {color:#000;text-decoration:underline;}

/* UM resets / shared style **************************/
input.um-form-field::-webkit-input-placeholder {color: #848484!important;}
input.um-form-field:-moz-placeholder {color: #848484!important;}
input.um-form-field::-moz-placeholder {color: #848484!important;}
input.um-form-field:-ms-input-placeholder {color: #848484!important;}
#nkklubas p.um-notice {float:left;border-radius:0!important;margin:0 0 20px 0!important;}
#nkklubas p.um-notice.err, #nkklubas .um-field-error {background:var(--primary)!important;border-radius:0px;}
#nkklubas .um-notice.err .um-icon-ios-close-empty {display:none!important;}
#nkklubas .um-notice.success .um-icon-ios-close-empty {display:none!important;}
#nkklubas .um-col-alt .um-half {width:100%;}
input#confirm_user_password::-webkit-input-placeholder {color:transparent!important;}
input#confirm_user_password:-moz-placeholder {color:transparent!important;}
input#confirm_user_password::-moz-placeholder {color:transparent!important;}
input#confirm_user_password:-ms-input-placeholder {color:transparent!important;}

/* Um strike hover */
#nkklubas .loginbox .um-button {position: relative;white-space: nowrap;}
#nkklubas .loginbox .um-button::before, #nkklubas .loginbox .um-button::after {position: absolute;width: 100%;height: 1px;background: var(--primary);top: 100%;left: 0;pointer-events: none;}
#nkklubas .loginbox .um-button::before {content: '';}
#nkklubas .loginbox .um-button::before {top: 50%;height: 2px;transform-origin: 100% 50%;transform: scale3d(0, 1, 1);transition: transform 0.3s cubic-bezier(0.4, 1, 0.8, 1);}
#nkklubas .loginbox .um-button:hover::before {transform-origin: 0% 50%;transform: scale3d(1, 1, 1);}
#nkklubas .loginbox .um-button span {display: inline-block;transition: transform 0.3s cubic-bezier(0.4, 1, 0.8, 1);}

/* Login ********************************/
.loginbox {width:100%;max-width:360px;min-height:700px;}
.loginbox .um-half {width:100%;}
#nkklubas .loginbox input.um-form-field {font-family: 'Roboto', sans-serif!important;border:1px solid #DBDBDB!important;clear:both;margin-bottom:5px!important;font-size:16px!important;padding:18px 13px!important;height:auto!important;}
#nkklubas .loginbox .um-button {max-width:260px;margin: 0 auto;box-shadow: none!important;border-radius: 0px!important;font-size: 16px!important;font-weight:500!important;font-family: 'Oswald', sans-serif!important;text-transform:uppercase!important;padding:15px 10px!important;transition:unset!important;}
#nkklubas .loginbox .um-button.um-alt {width:auto!important;max-width:max-content!important;padding-left:0!important;padding-right:0!important;background-color:transparent!important;color:#000!important;}
#nkklubas .loginbox #um-submit-btn {background:#fff!important;color:var(--primary)!important;border:2px solid var(--primary)!important;margin-top:10px!important;}
/* #nkklubas .loginbox #um-submit-btn:hover {background-color:var(--primary)!important;color:#fff!important;} */
#nkklubas .loginbox a.um-link-alt {font-family: 'Roboto', sans-serif!important;font-size:16px;line-height: 24px;color: #000 !important;text-decoration: underline!important;}
#nkklubas .loginbox a.um-link-alt:hover {text-decoration: none!important;}
#nkklubas .loginbox a.login-help {font-size:16px;color:#fff;text-align: center;text-decoration: underline;display: block;}
#nkklubas .loginbox a.login-help:hover {text-decoration: none;}

/* RESPONSIVE QUERIES **********************************************/

/* Display mobile header */
@media only screen and (min-width: 0px) and (max-width: 1060px) {
	/* HEADER ***********************************************/
	header {padding:0 20px;}
	header .logo {min-width:75px;}
	header .menu {display:none;}
	header .actions {display:none;}
	/* Mobile menu */
	header .mobile-menu {justify-content:flex-end;display:flex;align-items: center;margin-left: auto;}
	header .mobile-menu img {cursor:pointer;}
	/* FOOTER **************************/
	footer .footer-inner {padding:40px 20px;}
}
/* Turn layout to smaller */
@media only screen and (max-width: 1220px) {
	/* GRID ****************************************************/
	.row {margin-left: -10px;margin-right: -10px;width:auto;max-width:100%!important;padding:0 10px;}
	.rowitem {padding: 0 10px!important;margin-bottom:20px;}	
	.margin-grid {margin-bottom:100px;}
	.grid .item {margin-bottom:20px;}
}

/* Mobile + tablet */
@media only screen and (min-width: 0px) and (max-width: 992px) {
	.desktop {display:none;}
	.margin-top {margin-top:50px!important;}
	.fullwidth {padding: 0 20px;}
	.side-padding {padding: 0 20px;}
	/* Cookies popup */
	#cookies-popup {max-width:100%;margin:0px 0px;}
	#cookies-popup .cookies-popup-inner {padding:20px 20px;}
	#cookies-popup .cookies-popup-inner p {font-size:12px;line-height:16px;padding-right:20px;}
}

/* TABLET cutegrids */
@media only screen and (min-width: 768px) and (max-width: 992px) {
	.tablet-desktop {display:block;}
	.tablet {display:block;}
	/* Headings */
	.heading-container h1 {font-size:54px;line-height:58px;}	
	/* FOOTER ***********************************************/
	footer .socials {min-width: auto;padding-right: 20px;}
	/* Grid */
	.grid {margin-bottom:-20px!important;}
	.grid .item {margin-bottom:20px;}
	/* Login ********************************/
	#nkklubas .loginbox #um-submit-btn {margin-top:40px!important;}
	/* Klubas */
	.video-listing {margin-top:0px;}
	.video-listing .video-item {grid-template-columns: 1fr;gap:20px;padding:30px 0;}
	.video-listing .video-item .info h4 {padding-top: 0;margin-bottom:20px;}
	.video-listing .video-item .info h6 {padding-top:0px;margin-bottom:10px;}
	/* Stars plugin */
	.rating-info {margin-bottom:5px;}
	/* Notification page */
	.notification-page {min-height:auto;}
	.notification-page a.btn {max-width:100%;}
}

/* MOBILE cutegrids */
@media only screen and (min-width: 0px) and (max-width: 766px) {
	.tablet-desktop {display:none;}
	.mobile {display:block;}
	.margin-grid {margin-bottom:70px;}
	.margin-grid.duk {margin-bottom:30px;}
	.cover {margin-bottom:30px;}
	.container.loginbox {padding:0 20px;}
	/* Editor */
	.content p {font-size:14px;line-height:20px;margin-bottom:20px;}
	.content ul {padding-bottom:20px;font-size:14px;line-height:20px;}
	.content ol {padding-bottom:20px;font-size:14px;line-height:20px;}
	/* Headings */
	.heading-container h1 {font-size:54px;line-height:58px;}	
	.header-beforegrid {margin-bottom:50px;}
	/* FOOTER ***********************************************/
	footer .footer-inner {display:flex;flex-direction: column;align-items: start;}
	footer .socials {width:100%;max-width:100%;margin-bottom:40px;}
	footer .footer-menu {width:100%;max-width:100%;margin-bottom:40px;float:left;}
	footer .copyright {justify-content:flex-start;}
	footer .copyright p {text-align:left;}	
	/* Login ********************************/
	#nkklubas .loginbox .um-button {max-width:100%;}
	#nkklubas .loginbox #um-submit-btn {margin-top:0px!important;}
	/* Klubas */
	.video-listing {margin-top:0px;}
	.video-listing .video-item {grid-template-columns: 1fr;gap:20px;padding:30px 0;}
	.video-listing .video-item .info h4 {padding-top: 0;margin-bottom:20px;}
	.video-listing .video-item .info h6 {padding-top:0px;margin-bottom:10px;}
	/* Stars plugin */
	.rating-info {margin-bottom:5px;}
	/* Notification page */
	.notification-page {min-height:auto;}
	.notification-page a.btn {max-width:100%;}
	.sidebar-heading h5, .sidebar-heading h1 {font-size:28px;line-height:36px;margin-bottom:20px;}
}