/*
 Theme Name:     CUC2022
 Theme URI:      https://cuc.carnet.hr/2022/
 Description:    
 Author:         Printshop
 Author URI:     https://www.printshop.hr
 Template:       twentytwentytwo
 Version:        1.0.0
*/


/* Google webfont */
/* Učitavamo putem functions.php
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700;800&display=swap');
*/
body.printshop {
	font-family: 'Open Sans', sans-serif;
}

html[lang="en-US"] #sp-ea-234, html[lang="hr"] #sp-ea-242, html[lang="en-US"] .hide-en {
	display:none!important;
}

/* Općenito */
.printshop a, 
.printshop button {
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
	text-decoration:none;
}
@media only screen and (max-width : 599px) {
	.printshop nav .wp-block-navigation__responsive-container {
		display: flex;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: none;
		transition: none;
		/*
		padding-top: 87px;
		padding-bottom: var(--wp--custom--spacing--large);
		padding-right: var(--wp--custom--spacing--outer);
		padding-left: var(--wp--custom--spacing--outer);
		*/
	}
	.printshop nav .wp-block-navigation__responsive-container.is-menu-open {
		opacity: 1;
		visibility: visible;
		/*padding-top: 87px;*/
		-webkit-transition: opacity 200ms linear;
		transition: opacity 200ms linear;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
		padding-top: 0.5em;
		padding-bottom: 0;
		padding-left: 1em!important;
		padding-right: 0.5em!important;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
		padding-bottom: 1em;
	}
	
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
		position:relative;
		padding-bottom:0.25em;
	}
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container .wp-block-navigation-item::before {
		position:absolute;
		left:-1em;
		content:"•";
	}
	
}

.printshop .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
	background-color: rgba(255,255,255,0.95);
	color: #6d6e70;
}
.printshop.page main hr.wp-block-separator.is-style-wide, .printshop.single-post main hr.wp-block-separator.is-style-wide {
	border-bottom-width: 0;
	height: 2px;
	background: #52b548;
	background: -moz-linear-gradient(left,  #52b548 0%, #52b548 28%, #ae539b 39%, #ae539b 50%, #ae539b 61%, #2276b9 71%, #2276b9 100%);
	background: -webkit-linear-gradient(left,  #52b548 0%,#52b548 28%,#ae539b 39%,#ae539b 50%,#ae539b 61%,#2276b9 71%,#2276b9 100%);
	background: linear-gradient(to right,  #52b548 0%,#52b548 28%,#ae539b 39%,#ae539b 50%,#ae539b 61%,#2276b9 71%,#2276b9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52b548', endColorstr='#2276b9',GradientType=1 );
}
.printshop .wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mail {
	background-color: #aeaeaf;
}
.printshop .font-weight-600 {
	font-weight:600;
}



/* Naslovnica - custom */
.printshop .vizual {
	/*display:none;*/
	margin:0;
	background-image:url(../../uploads/2022/06/CUC-vizual-bg.jpg);
	background-size:auto 100%;
	background-position:bottom center;
	background-repeat:no-repeat;
	overflow:hidden;
}
.printshop .vizual img {
	margin-top:-1px;
}


.printshop .intro-cover {
    /*top:-50px;*/
	display:none;
	margin-bottom:5%;
}
.printshop .intro-cover p.home-intro-p {
    /*margin-top:-30px;*/
}
@media only screen and (max-width : 800px) {
	.printshop .intro-cover p {
		font-size: 2.2rem!important;
	}
	.printshop .intro-cover p.home-intro-p {
		/*margin-top: -15px;*/
		font-size: 1.1rem!important;
		font-weight: 600!important;
	}
	
	.printshop .vizual {
		height:450px;
		background-image:url("../../uploads/2022/06/CUC-vizual-mobile_HR.jpg");
		background-size:auto 100%;
		background-position:center;
	}
	html[lang="en-US"] .printshop .vizual {
		background-image:url("../../uploads/2022/06/CUC-vizual-mobile_EN-1.jpg");
	}
	.printshop .vizual img {
		display:none;
	}
}
.printshop .wp-block-site-logo {
	margin-bottom: -1.75em; /* poništavamo marginu container elementa */
	margin-bottom: 0;
}

/* Blog */
.homepage-posts {
	background:#fff;
	margin-left: -5.6%;
	margin-right: -5.6%;
	padding:2.5em 1.5em;
}
.homepage-posts > h2 {
	padding-top:0.5em;
	padding-bottom:1em;
}
.homepage-posts .wp-block-query-pagination, .homepage-posts .wp-block-separator, .homepage-posts .wp-block-post-excerpt {
	display:none;
}
.homepage-posts.subpage-posts .wp-block-query-pagination {
	display:block;
}
.homepage-posts .wp-block-post {
	background:#fff;
	border-radius: 4px;
	overflow: hidden;
	box-shadow: 0px 5px 10px rgba(0,0,0,0.15);
}
.homepage-posts .wp-block-post-featured-image {
	margin: 0;
}
.homepage-posts h2.wp-block-post-title, .homepage-posts .wp-block-post-excerpt, .homepage-posts .wp-block-post-date {
	padding-left:25px;
	padding-right:25px;
}
.homepage-posts h2.wp-block-post-title {
	padding-top:25px;
	font-size: 1.25rem !important;
}
.homepage-posts .wp-block-post-date {
	padding-bottom:25px;
}
.homepage-posts .wp-block-post-date time {
	font-size: 13px !important;
}
.homepage-posts.subpage-posts .pagination {
	text-align: center;
	padding-top: 1rem;
	border-top: 1px solid rgba(0,0,0,0.1);
	margin-top: 3rem;
}
.homepage-posts.subpage-posts .pagination .page-numbers {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: rgba(0,0,0,0.05);
	border-radius: 3px;
	margin: 2px;
}
.homepage-posts.subpage-posts .pagination .page-numbers.current {
	background: rgba(0,0,0,0.5);
	color:#fff;
}


/* Sponzori - dodano 14/10/2022 */
.wpcp-carousel-section .wpcp-single-item {
	aspect-ratio: 1 / 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Responsive embed video -- script.js: iframe[src*='//meduza.carnet.hr'] */
.printshop .hasVideo {
	max-width: 1200px;
	margin: 0 auto;
}
.printshop .videoWrapper {
    position: relative;
    padding-bottom: 58.25%; /* 16:9 */
    height: 0;
}
.printshop .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Hamburger menu */
.printshop .wp-block-navigation > button {
	width: 24px;
	height: 24px;
	position: relative;
}
.printshop .wp-block-navigation > button::before {
	display: block;
	content: "☰";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 22px;
	line-height: 22px;
}
.printshop .wp-block-navigation > button svg {
	display: none;
}

/* Fixed header */
.printshop .fixed-header {
	position: relative;
}
.printshop.sticky {
	padding-top:200px;
}
.printshop.sticky .fixed-header {
	position:fixed;
	top:0;
	left:0;
	right:0;
	width:100%!important;
	max-width:100%;
	z-index:999;
	background:#fff;
	animation:slide-down 0.5s;
	-webkit-box-shadow: 0px -10px 15px 15px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px -10px 15px 15px rgba(0,0,0,0.1);
	box-shadow: 0px -10px 15px 15px rgba(0,0,0,0.1);
}
.printshop.unstick .fixed-header {
	
}
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}
.printshop.sticky .fixed-header > div.wp-block-group.alignwide {
	padding-top:15px!important;
	padding-bottom:15px!important;
}
.printshop.sticky header .wpml-ls-statics-footer {
	display:none;
}
.printshop.sticky .wp-block-site-logo img {
	height: 56px;
}
.printshop.sticky #pojo-a11y-toolbar {
	z-index: 998;
}

.printshop ul.izdvojeno {
	padding-left:0;
	list-style-type:none;
	overflow:auto;
	margin-left:-15px;
	margin-right:-15px;
}
.printshop ul.izdvojeno li {
	width:18%;
	float:left;
	min-height:150px;
	margin:15px;
	padding:25px 15px;
	background-color:var(--wp--preset--color--foreground);
	/*
	background-image:url('/2022/wp-content/uploads/2022/02/background-1.svg');
	background-position:center bottom;
	background-size:cover;
	*/
	color:#fff;
	text-align:center;
	border-radius:3px;
}
.printshop ul.izdvojeno li:first-child {
	margin-left:0;
	border-bottom:3px solid #52b448;
}
.printshop ul.izdvojeno li:last-child {
	margin-right:0;
	border-bottom:3px solid #2276b9;
}
.printshop ul.izdvojeno li:nth-child(2) {
	border-bottom:3px solid #5f9a43;
}
.printshop ul.izdvojeno li:nth-child(3) {
	border-bottom:3px solid #af538f;
}
.printshop ul.izdvojeno li:nth-child(4) {
	border-bottom:3px solid #9b5da2;
}
.printshop ul.izdvojeno li strong {
	display:block;
	padding-bottom:15px;
}


/* Custom responsive */
@media only screen and (max-width : 1333px) {
	.printshop ul.izdvojeno {
		text-align:center;
	}
	.printshop ul.izdvojeno li {
		width:auto;
		min-height:auto;
		display:inline-block;
		float:none;
	}
	.printshop ul.izdvojeno li:first-child {
		margin-left:15px;
	}
	.printshop ul.izdvojeno li:last-child {
		margin-right:15px;
	}
}
@media only screen and (max-width : 1300px) {
	.printshop footer .wp-block-buttons.botuni > .wp-block-button.wp-block-button__width-50 {
		width: calc(75% - var(--wp--style--block-gap, .5em)*0.5);
	}
	.printshop.sticky .fixed-header {
		padding-left:15px;
		padding-right:15px;
	}
}
@media only screen and (max-width : 900px) {
	.printshop footer .wp-block-buttons.botuni > .wp-block-button.wp-block-button__width-50 {
		width: 100%;
	}
}
@media only screen and (max-width : 599px) {
	.printshop footer .wp-block-buttons.botuni > .wp-block-button.wp-block-button__width-50 {
		width: auto;
		margin-bottom: 50px;
	}
	.printshop ul.izdvojeno li, .printshop ul.izdvojeno li:first-child, .printshop ul.izdvojeno li:last-child {
		width:100%;
		margin-left:0;
		margin-right:0;
	}
}

/* GDPR Cookie notice */
.printshop #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container {
	padding: 16px 40px;
}
.printshop #moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme {
	background: #f8f8f8;
	border-top: none;
	-webkit-box-shadow: 0px 10px 15px 15px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 10px 15px 15px rgba(0,0,0,0.1);
	box-shadow: 0px 10px 15px 15px rgba(0,0,0,0.1);
}
.printshop #moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p {
	line-height: 1.4;
	color: #6d6e70;
}
.printshop #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton,
.printshop #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton:hover {
	background-color:#3476b9;
}
.printshop #moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-settings-btn:hover {
	background-color:#6d6e70;
}
.printshop #moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar) .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-settings-btn {
	opacity: 1;
	color: #6d6e70;
}


/* # Progress / Back to top
================================================== */
.progress-wrap {
	position: fixed;
	right: 50px;
	bottom: 50px;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset  0 0 0 2px rgba(255,255,255,0.2);
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
@media only screen and (max-width : 800px) {
	.progress-wrap {
		right: 25px;
		bottom: 25px;
		background: rgba(255,255,255,0.9);
	}
}
.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.progress-wrap::after {
	position: absolute;
	/*font-family: 'unicons';*/
	content: '↑';
	text-align: center;
	line-height: 46px;
	font-size: 24px;
	color: #6e6f71;
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	z-index: 1;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::after {
	/*opacity: 0;*/
}
.progress-wrap::before {
	position: absolute;
	/*font-family: 'unicons';*/
	content: '↑';
	text-align: center;
	line-height: 44px;
	font-size: 22px;
	opacity: 0;
	background-image: linear-gradient(298deg, var(--red), var(--yellow));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	z-index: 2;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
.progress-wrap:hover::before {
	/*opacity: 1;*/
}
.progress-wrap svg path { 
	fill: none; 
}
.progress-wrap svg.progress-circle path {
	stroke: var(--grey);
	stroke-width: 4;
	box-sizing:border-box;
	-webkit-transition: all 200ms linear;
    transition: all 200ms linear;
}
body.printshop .progress-wrap {
	box-shadow: inset  0 0 0 2px rgba(110,111,113,0.2);
}
body.printshop .progress-wrap::after {
	color: #6e6f71;
}
body.printshop .progress-wrap svg.progress-circle path {
	stroke: #6e6f71;
}


/* Pristupačnost */
#pojo-a11y-toolbar {
	
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle {
	border-radius: 50% 0% 0% 50%;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
	padding-right:5px;
	border-radius: 50% 0% 0% 50%;
}
#pojo-a11y-toolbar.pojo-a11y-toolbar-open .pojo-a11y-toolbar-toggle a {
	background:#fff;
	color:#6d6e70;
}
body.pojo-a11y-focusable a:focus {
	border-radius:3px;
}
body.pojo-a11y-focusable a.mobile_menu_bar_toggle:focus {
	outline-style: none !important;
	background:#009fe2;
}
.printshop .mobile_menu_bar:focus::before, .printshop .mobile_menu_bar:focus::after, .printshop .mobile_menu_bar:focus .menu-caption {
	color: #fff;
}
.printshop #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay {
	width: 210px;
	border:none;
}
.printshop #pojo-a11y-toolbar.pojo-a11y-toolbar-right .pojo-a11y-toolbar-toggle {
	right: 210px;
}
.printshop #pojo-a11y-toolbar.pojo-a11y-toolbar-right {
	right: -215px;
}
.printshop #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item {
	margin-bottom: 5px;
}
.printshop #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a {
	font-size: 0.95rem;
	text-decoration:none;
}
a.pojo-a11y-toolbar-link.pojo-a11y-btn-background-group.pojo-a11y-btn-high-contrast { /*display: none !important;*/ }

/* Iznimke (povećavanje teksta) */
body[class*="pojo-a11y-resize-font-"] .printshop-layout-1 h4, body[class*="pojo-a11y-resize-font-"] .post-meta span.published {
    font-size:initial!important;
}
body[class*="pojo-a11y-resize-font-"] .printshop-layout-1 h4 span, body[class*="pojo-a11y-resize-font-"] .printshop-layout-1 h4 a {
    font-size:inherit!important;
}
body[class*="pojo-a11y-resize-font-"] .wpml-ls-legacy-dropdown a span {
	font-size:inherit!important;
}

/* WPML - prijevodi */
/* DEV notice skrivamo na frontu */
.printshop .otgs-development-site-front-end {
	display:none;
}
/* Header/footer izbornik jezika */
.printshop header .wpml-ls-statics-footer {
	position:absolute;
	top:20px;
	width: 100%;
	max-width: 1200px;
	margin: 0;
	padding: 0;
}
@media only screen and (max-width : 1300px) {
	.printshop header .wpml-ls-statics-footer {
		right: 20px;
		width: auto;
		max-width: none;
	}
}
.printshop header .wpml-ls-statics-footer ul {
	text-align: right;
}
.printshop .wpml-ls-legacy-list-horizontal a {
	font-size: 14px;
	padding: 0;
	margin-left: 30px;
}



/* Printshop potpis */
.printshop-potpis, .printshop-potpis span, .printshop-potpis strong {
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.printshop-potpis {
	display:block;
	position: relative;
	left: 0px;
	z-index:3;
	float: left;
	width: 25px;
	height: 25px;
	margin-top:15px;
	margin-right:-25px;
	color: #fff;
	text-decoration: none;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
@media only screen and (max-width : 900px) {
    .printshop-potpis {
    	display:none;
    }
}
.printshop-potpis.right {
	right: auto;
}
.printshop-potpis.neutral, .printshop-potpis.neutral:hover {
	text-shadow: 1px 1px #333;
}
.printshop-potpis.light, .printshop-potpis.light:hover {
	color: #133c67;
}
.printshop-potpis span {
	display: block;
	width: 24px;
	height: 24px;
	position: absolute;
	z-index: 10;
	background: #1d1d1d url("images/printshop.png") center 3px no-repeat;
	background-size: 18px auto;
	border-radius: 4px;
}
.printshop-potpis.neutral.alt span {
	background-color: #666;
}
.printshop-potpis.dark.alt span,.printshop-potpis.light.alt span {
	background-color: #ccd0d3;
}
.printshop-potpis.dark.alt2 span {
	background: transparent url("images/printshop.png") center -1px no-repeat;
	background-size: 30px auto;
}
.printshop-potpis.dark.alt2:hover span {
	background-color: #133c67;
}
.printshop-potpis strong {
	display: block;
	position: absolute;
	top: 4px;
	left: 15px;
	font-size: 12px;
	font-weight: 600;
	color: #133c67;
	line-height: 17px;
	opacity: 0;
}
.printshop-potpis.right strong {
	left: -20px;
}
.printshop-potpis:hover {
	color: #fff;
	text-decoration: none;
	overflow: visible;
}
.printshop-potpis:hover span, .printshop-potpis.alt:hover span {
	background-color: #133c67;
	border-radius: 4px;
}
.printshop-potpis:hover strong {
	left: 30px;
	opacity: 1;
}
.printshop-potpis.right:hover strong {
	left: -64px;
}