/*
Theme Name: HU JK Effekt
Theme URI: https://jkeffekt.se
Author: JK Effekt AB
Author URI: https://jkeffekt.se
Requires at least: 5.8
Tested up to: 6.1
Requires PHP: 5.6
Version: 1.1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ona-creative
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments
Template: ona

Ona WordPress Theme, Copyright (c) 2021 by DeoThemes.
Ona is distributed under the terms of the GNU GPL.
*/

:root {
	--text-content-max-width: calc(100vw - 20px);
}

html {
	scroll-behavior: smooth;
	scroll-snap-type: y mandatory;
}

h1,h2,h3,h4,h5 {
	font-weight: 700 !important;
}

.home.page .wp-block-nk-awb {
	padding: 20px 30px;
	min-height: 100vh;
}
.home.page .wp-block-columns.wp-container-10 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}
.home.page .aos-animate-right {
	position: fixed;
	right: -1%;
	top: 60%;
	max-width: 280px;
}
.home.page .site-footer {
	display: none;
}
.home.page .wp-block-nk-awb h2 {
	line-height: 2em;
}

.home.page .logo-bg {
	width: 310px;
	height: auto;
	position: fixed;
	top: -155px;
	left: -155px;
}
.home.page .wp-block-nk-awb h2 a {
	color: #fff;
	font-size: 5.5rem;
	text-decoration: none;
	padding: 1rem 0;
}

.home.page .wp-block-nk-awb .right-clm h2 a {
	color: #ffcc01;
}

.home.page .wp-block-nk-awb h2 a:hover {
	font-size: 8rem;
}

.has-headings-font-family {
	font-weight: 700;
}

.wp-block-gallery.has-nested-images figure.wp-block-image {
	max-width: 228px;
}



body.page-id-7,
body.page-template-page-blue {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--background);
}


body.page-id-7 p,
body.page-id-7 a,
body.page-template-page-blue p,
body.page-template-page-blue a,
body.page-template-page-contact p,
body.page-template-page-contact a {
	color: var(--wp--preset--color--background);
}

body.page-id-7 .site-footer .has-background,
body.page-template-page-blue .site-footer .has-background,
body.page-template-page-contact .site-footer .has-background,
body.work-template-default .site-footer .has-background,
body.post-type-archive-work .site-footer .has-background,
body.single-work .site-footer .has-background {
	background-color: var(--wp--preset--color--secondary) !important;
}



body.page-id-7 .site-footer .has-background p,
body.page-id-7 .site-footer .has-background a,
body.page-id-7 .site-footer .has-background .has-text-light-color,
body.page-template-page-blue .site-footer .has-background p,
body.page-template-page-blue .site-footer .has-background a,
body.page-template-page-blue .site-footer .has-background .has-text-light-color,
body.page-template-page-contact .site-footer .has-background p,
body.page-template-page-contact .site-footer .has-background a,
body.post-type-archive-work .site-footer .has-background a,
body.post-type-archive-work .site-footer .has-background p,
body.single-work .site-footer .has-background a,
body.single-work .site-footer .has-background p{
	color: #000 !important;
}

body.page-id-7 .site-footer .has-background .wp-block-social-link-anchor,
body.page-template-page-blue .site-footer .has-background .wp-block-social-link-anchor,
body.page-template-page-contact .site-footer .has-background .wp-block-social-link-anchor,
body.post-type-archive-work .site-footer .has-background .wp-block-social-link-anchor,
body.single-work .site-footer .has-background .wp-block-social-link-anchor{
	color: #fff !important;
}

/* Header / Menu */

.sublinks,
.wp-block-categories-list,
.site-header .wp-block-social-links {
	display: none;
}
.wp-block-group {
	position: relative;
}

.page.home .wp-block-nk-awb .wp-block-group {
	position: static;
}

body.page-template-page-contact,
body.post-type-archive-work,
body.single-work {
	background-color: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--background);
}

body.page-template-page-contact p
body.post-type-archive-work p,
body.page-template-page-contact a,
body.post-type-archive-work a,
body.single-work p,
body.single-work a{
	color: var(--wp--preset--color--background);
}

body.post-type-archive-work .wp-block-navigation__container li.work a,
body.work-template-default .wp-block-navigation__container li.work a,
body.single-work .wp-block-navigation__container li.work a {
	color: var(--wp--preset--color--secondary);
}
body.single-post li.news a{
	color: #000;
}

body.blog li.work a {
	color: #fff;
}

@media only screen and (min-width: 781px) {
	.site-header .wp-block-social-links {
		display: flex;
	}

	body.page-id-7 .wp-block-navigation-link.current-menu-item a,
	body.page-template-page-blue .wp-block-navigation-link.current-menu-item a,
	body.page-template-page-contact .wp-block-navigation-link.current-menu-item a,
	body.post-type-archive-work .wp-block-navigation-link.current-menu-item a
	body.single-work .wp-block-navigation-link.current-menu-item a {
		color: var(--wp--preset--color--secondary);
	}
	.wp-block-navigation-link.current-menu-item a{
		color: #000;
	}

	.wp-block-navigation ul, .wp-block-navigation ul li {
		padding: 0 0.6rem;
	}
	.ona-header-transparent {
		position: fixed !important;
		background: rgb(0,0,0);
		background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
	}

	.sublinks,
	.wp-block-categories-list {
		display: block;
		position: fixed;
		left: 10px;
		top: 120px;
		list-style: none;
		z-index: 10;
	}
	.sublinks li,
	.wp-block-categories-list li{
		float: left;
		padding-left:20px;
	}
	.sublinks li a,
	.wp-block-categories-list li a {
		text-decoration: none;
		cursor: pointer;
		color: #fff;
		font-weight: bold;
	}


	.sublinks li a.active {
		color: #000;
	}
	.sublinks.breadcrumbs li p,
	.sublinks.breadcrumbs li a,
	.wp-block-categories-list li a{
		font-weight: 300;
		font-size: 0.9rem;
		font-family: inherit;
		line-height: inherit;
		margin: 0;
		padding: 0;
		color: #000;
	}

	.sublinks.breadcrumbs li p a,
	.wp-block-categories-list li.current-cat a {
		font-weight: 600;
	}

	.sublinks.breadcrumbs li a,
	.wp-block-categories-list li a,
	.hoveranimation a,
	.wp-block-cloudcatch-splide-carousel .wp-block-cloudcatch-splide-carousel-item p a{
		background-repeat: no-repeat;
		background-image: linear-gradient(transparent calc(100% - 1px),currentColor 1px);
		transition: .36s var(--ona-transition);
		background-size:0 95%;
		padding-bottom: 3px;
		background-position-x: 2px;
		display: inline-block;
		text-decoration: none !important;
	}

	.sublinks.breadcrumbs li a:hover,
	.wp-block-categories-list li a:hover,
	.hoveranimation a:hover,
	.wp-block-cloudcatch-splide-carousel .wp-block-cloudcatch-splide-carousel-item p a:hover {
		background-size:100% 95%
	}

	.wp-block-cloudcatch-splide-carousel .wp-block-cloudcatch-splide-carousel-item p {
		margin: 0;
		line-height: 1rem;
	}

	.sublinks.breadcrumbs li,
	.wp-block-categories-list li {
		padding-left:8px;
		font-size: 0.9rem;
		font-family: inherit;
		line-height: inherit;
	}

	body.page-id-7 li a.active,
	body.page-template-page-blue li a.active {
		color: var(--wp--preset--color--secondary);
	}

	body.single-work .sublinks li, 
	body.single-work .sublinks li a,
	body.single-work .wp-block-categories-list li a  {
		color: #fff;
		background-position-y: 1px;
		padding-bottom: 2px;
		display: inline-block;
	}


}
@media only screen and (min-width: 945px) {
	div.horizcroll {
		max-width: none;
	}
}

h1.wp-block-post-title {
	margin-bottom: 0;
}

.wp-block-cover__inner-container .taxonomy-category a {
	color: #fff;
	font-size: var(--wp--preset--font-size--large);
	font-weight: 700;
	text-decoration: none;
}

.site-header .wp-block-social-links {
	width: 30px;
	position: fixed;
	top: 225px;
	transform: scale(1.2);
}

.site-header .wp-block-social-link {
	margin-bottom: 0.5rem;
}

.site-header .wp-block-social-link-anchor:hover {
	transform: scale(1.3);
}


.page-id-9 .scroll-to,
.page-id-7 .scroll-to,
.page-template-page-blue .scroll-to {
	scroll-snap-align: start;
	scroll-snap-stop: normal;
}

.page-id-7 .wp-block-cloudcatch-splide-carousel,
.page-id-9 .wp-block-cloudcatch-splide-carousel,
.page-template-page-blue .wp-block-cloudcatch-splide-carousel {
	margin-top:0 ;
	margin-bottom:1rem ;
}

section.scroll-to {
	min-height: 90vh;
}

.wp-block-section {
	padding: 3.5rem 1rem !important;
}

.wp-block-nk-awb h2 {
	font-weight: 700;
}
.wp-block-nk-awb h2 strong {
	font-weight: 700;
	color: #FFCC01;
}

/* Dotlist  */
ul.dotlist {
	list-style:none;
	margin:1rem 0;
	padding:0;
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
}

ul.dotlist li {
	margin:0 1rem 1rem 0;
	line-height:110px;
	width:110px;
	height:110px;
	float:left;
	box-sizing:border-box;
	text-align:center;
	background: var(--wp--preset--color--primary);
	border-radius:50%;
	display:inline-block;
	flex: 0 0 auto;
	color: #fff;
	font-size: 0.8em;
	font-weight: 600;
}

/*  GFX */
.aos-gfx {
	max-width: 180px;
	height: auto;
	position: absolute;
	z-index: -1;
	/*
	-webkit-animation: spin 3s cubic-bezier(0.8, 0, 0.2, 1) 2;
  animation: spin 3s cubic-bezier(0.8, 0, 0.2, 1) 2;
  */
}

.wp-block-cover__inner-container h2 {
	-webkit-animation: spin 2s cubic-bezier(0.8, 0, 0.2, 1) 1;
	animation: spin 2s cubic-bezier(0.8, 0, 0.2, 1) 1;
}

@-webkit-keyframes spin {
	50% {
		transform: rotateY(180deg);
	}
	100% {
		transform: rotateY(360deg);
	}
}
@keyframes spin {
	50% {
		transform: rotateY(180deg);
	}
	100% {
		transform: rotateY(360deg);
	}
}

.aos-animate-left {
	left:-30%;
}
.aos-animate-right {
	right:-40%;c
}

.wp-block-cloudcatch-splide-carousel {
	margin-top:4rem ;
	margin-bottom:2rem ;
}


.foto {
	position: absolute;
	left: 20px;
	bottom: 20px;
	color: #fff;
	font-weight: bold;
	font-size: 0.8rem;
}

.wp-block-post-date {
	color: rgba(0,0,0,0.5);
}

@media only screen and (max-width: 1024px) {
	.aos-gfx {
		max-width: 220px;
		opacity: 0.4;
	}
	.page-id-9 .aos-gfx {
		display: none;
	}
}
@media only screen and (max-width: 780px) {

	.wp-block-nk-awb h2 {
		font-weight: 700;
		margin: 0rem 1rem !important;
		padding: 0rem !important;
		font-size: 2.5rem !important;
	}

	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content,
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
		align-items: center;
	}

	.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
		background-color: var(--wp--preset--color--primary);
	}
	.wp-block-navigation__responsive-container .wp-block-navigation-link a,
	.wp-block-navigation__responsive-container-close, .wp-block-navigation__responsive-container-open {
		color: #fff;
	}


	.horizcroll {
		width: 100%;
		overflow: hidden;
		max-width: 100vw!important;
		/*outline: 1px solid red;*/
	}

	.home.page .wp-block-nk-awb h2.has-text-align-right,
	.home.page .wp-block-nk-awb h2 {
		text-align: center;
		line-height: 2rem;
	}
	.aos-animate-right {
		right:0;
	}
	.home.page .wp-block-nk-awb h2 a {
		font-size: 2.5rem;
		line-height: 1.5rem;
	}
	.home.page .wp-block-nk-awb h2 a:hover,
	.home.page .wp-block-nk-awb h2 a:focus {
		font-size: 3rem;
	}
	.custom-logo,
	button.wp-block-navigation__responsive-container-open {
		margin: 15px;
	}
	button.wp-block-navigation__responsive-container-open {
		background: rgba(255,255,255,0.2);
		border-radius: 3px;
		padding: 3px;
	}
	body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
		max-width: 100vw;
	}
	body .is-layout-constrained > :where(h2,p) {
		max-width: var(--text-content-max-width);
	}
	body .is-layout-constrained > .alignwide {
		max-width: 100vw;
	}
	body .is-layout-constrained > .alignwide.wp-block-cloudcatch-splide-carousel {
		max-width: var(--wp--style--global--wide-size);
	}
	footer p {
		max-width: var(--text-content-max-width);
		margin-left: auto;
		margin-right: auto;
	}
}


.wp-block-post-excerpt__excerpt {
	margin-bottom: 1rem;
}

.wp-block-group.info-card {
	border-radius: 5px;
	padding-top: var(--wp--preset--spacing--70);
	padding-right: var(--wp--preset--spacing--50);
	padding-bottom: var(--wp--preset--spacing--40);
	padding-left: var(--wp--preset--spacing--50);
	min-height: 283px;
	background-color: var(--wp--preset--color--primary);
}

.wp-block-group.info-card p,
.wp-block-group.info-card h3 {
	color: #fff;
}

.archive.category .wp-block-post {
	margin-bottom: 4rem;
}

/* rad 144 */
body.archive.category li.work a,
body.archive.category li.contact a {
	color: #fff;
}
body.archive.category li.news a {
	color: #000;
}

.noback {
	background-image: none;
}

.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper::before {
	padding-top: 66.9%;
}