*
 * Theme Name: DKAS
 * Template:   twentytwentyfour
 */

body {
	color: #444;
	background-color: #fff;
	--wp--preset--color--base: #fff;
	--wp--preset--color--base-2: #fff;
	--wp--preset--font-family--heading: "Inter";
	padding: 0;
	margin: 0;
}

header {
	width: 100%;
}

header>div:first-child {
	color: #fff;
	background-color: #4398ac;
	width: 100%;
	margin: auto;
	height: 5em;
	padding: 4rem 0 0 16.4%;
	line-height: 1;
}

footer {
	color: #fff !important;
	background-color: #4398ac;
	font-family: "Inter";
	width: 100%;
	font-size: 8pt;
	padding-bottom: 20px;
}

footer > a {
	color: #fff;
	text-decoration: none;
}

footer h2.wp-block-heading {
	color: #fff;
	font-size: 12pt;
}

footer div.is-content-justification-center {
	width: 100%;
}

footer div.wp-container-core-group-is-layout-12,
footer div.wp-container-core-group-is-layout-18 {
	width: 100%;
	margin: auto;
}

footer div.wp-container-core-group-is-layout-9,
footer div.wp-container-core-group-is-layout-15 {
	padding-top: 1.5rem;
	border-top: thin solid white;
	min-width: 450px;
}

footer div.wp-container-core-group-is-layout-9 > p > a,
footer div.wp-container-core-group-is-layout-15 > p > a {
	text-decoration: none;
	color: #fff;
}

footer div.wp-container-core-group-is-layout-9 > p > a:hover,
footer div.wp-container-core-group-is-layout-15 > p > a:hover {
	text-decoration: underline;
	color: #fff;
}

footer div.wp-container-core-group-is-layout-10 > p strong,
footer div.wp-container-core-group-is-layout-16 > p strong {
	color: #fff;
	font-size: 12pt;
}

footer div.wp-container-core-group-is-layout-10,
footer div.wp-container-core-group-is-layout-16 {
	width: 50%;
	padding: 3rem;
}

footer div.wp-container-core-group-is-layout-11,
footer div.wp-container-core-group-is-layout-17 {
	width: 50%;
	border-left: thin solid white;
	padding: 3rem;
}

label.wpforms-field-label { word-break: break-word !important; color: #fff !important; font-size: 8pt !important; }

label.wpforms-field-label-inline { word-break: break-word !important; color: #fff !important; font-size: 8pt !important; }

legend.wpforms-field-label { word-break: break-word !important; color: #fff !important; font-size: 8pt !important; max-width: 50%; }

div.wp-container-core-group-is-layout-fe9cc265 { max-width: 50% }

button.wpforms-submit { background-color: #fff !important; color: #4398ac !important; width: 15rem !important; font-size: 8pt !important; }

h1.zelenacrta {
	color: #444;
	width: 25rem;
	text-align: center;
	font-family: "Trajan";
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1.1px;
	font-size: 140%;
	border-bottom: 2px solid #bed839;
	line-height: 12px;
	padding-top: 3em;
}

h1.zelenacrta::first-letter {
	font-size: 110%;
}


:where(.wp-site-blocks) > * {
  margin-block-start: 0;
  margin-block-end: 0;
}

@media screen and (min-width: 1201px;) {
	div.wp-site-blocks div.entry-content.wp-block-post-content.has-global-padding.is-layout-constrained.wp-block-post-content-is-layout-constrained {
		max-width: 50%;
		margin: auto;
	}

	div.wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained div.wp-block-group.is-vertical.is-content-justification-stretch.is-layout-flex.wp-container-core-group-is-layout-9.wp-block-group-is-layout-flex {
		max-width: 50%;
		margin: auto;
	}

	div.wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained div.wp-block-group.is-vertical.is-content-justification-stretch.is-layout-flex.wp-container-core-group-is-layout-9.wp-block-group-is-layout-flex h1 {
		text-align: center;
	}

	.entry-content {
		max-width: 50%;
		margin: auto;
	}
}

@media screen and (max-width: 1200px) {
	div.entry-content > table, tbody, tr, th {
		display: inline;
	}

	footer {
		display: block;
		color: #fff;
		background-color: #4398ac;
		font-family: "Inter";
		width: 100%;
		font-size: 8pt;
	}

	footer h2.wp-block-heading {
		color: #fff;
		font-size: 12pt;
	}

	footer div.wp-container-core-group-is-layout-12,
	footer div.wp-container-core-group-is-layout-18 {
		width: 100%;
		margin: auto;
		display: block;
		padding-top: 1rem;
	}

	footer div.wp-container-core-group-is-layout-9,
        footer div.wp-container-core-group-is-layout-15 {
		width: 100%;
		padding-top: 1rem;
		display: block;
	}

	footer div.wp-container-core-group-is-layout-9 > p,
       	footer div.wp-container-core-group-is-layout-15 > p {
		display: block;
		padding-top: 3rem;
	}

	footer div.wp-container-core-group-is-layout-9 > p > a,
        footer div.wp-container-core-group-is-layout-15 > p > a {
		text-decoration: none;
		color: #fff;
	}

	footer div.wp-container-core-group-is-layout-9 > p > a:hover,
	footer div.wp-container-core-group-is-layout-15 > p > a:hover {
		text-decoration: underline;
		color: #fff;
	}

	footer div.wp-container-core-group-is-layout-10,
        footer div.wp-container-core-group-is-layout-16 {
		width: 100%;
		padding-top: 1rem;
		display: block;
	}

	footer > div.wp-container-core-group-is-layout-9 p a strong,
	footer > div.wp-container-core-group-is-layout-15 p a strong {
		display: block;
		font-size: 12pt;
	}

	footer div.wp-container-core-group-is-layout-11,
        footer div.wp-container-core-group-is-layout-17 {
		display: block;
		width: 100%;
		padding-top: 1rem;
		border: none;
	}

	div.wp-site-blocks div.entry-content.wp-block-post-content.has-global-padding.is-layout-constrained.wp-block-post-content-is-layout-constrained {
		max-width: 100%;
		margin: auto;
	}

	div.wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained div.wp-block-group.is-vertical.is-content-justification-stretch.is-layout-flex.wp-container-core-group-is-layout-9.wp-block-group-is-layout-flex {
		max-width: 100%;
		margin: auto;
	}

	div.wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained div.wp-block-group.is-vertical.is-content-justification-stretch.is-layout-flex.wp-container-core-group-is-layout-9.wp-block-group-is-layout-flex h1 {
		text-align: center;
	}

	.entry-content {
		max-width: 100%;
		margin: auto;
	}
}

div.entry-content {
	background-image: url(https://newdkas.wpm.hehe.si/wp-content/uploads/2024/12/kvadratki50proc.png);
	background-position: 100% 100%;
	background-repeat: no-repeat;
	background-size: 100% auto;
}

div.entry-content.wp-block-post-content.has-global-padding.is-layout-constrained.wp-block-post-content-is-layout-constrained:has(div#pcp_wrapper-140) {
	max-width: 100%;
}

div.wp-site-blocks div.wp-block-group.is-layout-flow.wp-block-group-is-layout-flow {
	padding-bottom: 2rem;
}

ul.wp-block-page-list li.wp-block-pages-list__item.wp-block-navigation-item.open-on-hover-click.menu-item-home {
	display: none;
}

div.exifs {
	display: none;
}

div.mwl__metadata h2 {
	display: none;
}

/* TODO: move border up */

ul.wp-block-page-list {
	height: 17px;
	border-bottom: 2px solid #bed839;
}

h2.sp-pcp-title {
	padding-left: 0.3rem;
	height: 3.1rem;
	overflow: hidden;
	background: #bed839;
	color: #000;
}

div.pcp-post-thumb-wrapper div.sp-pcp-post-thumb-area {
	width: 300px;
	height: 150px;
}

div.sp-pcp-post-content p {
	height: 10rem;
	overflow: hidden;
}

.sp-pcp-post .sp-pcp-post-content .sp-pcp-readmore {
	margin-top: 0;
}

.sp-pcp-post .sp-pcp-post-content .sp-pcp-readmore a {
	border: none;
	margin: 0;
	padding: 0;
	padding-top: 2px;
	width: 3rem;
	height: 1.2rem;
	text-align: center;
	display: block;
}

div.sp-pcp-readmore {
	border: none;
	padding: 0;
	margin: 0;
	float: right;
}

#pcp_wrapper-140 .pcp-readmore-link {
	border: none;
}

#pcp_wrapper-560 .pcp-readmore-link {
	border: none;
}


a#homepage_url {
	color: #fff;
	text-decoration: none;
	font-family: "Trajan";
	text-transform: uppercase;
	font-size: 140%;
}

a#homepage_logo_url > img {
	height: 4rem;
}

.wp-block-site-title {
	display: none;
}

figure.hero-image-filter {
	border-radius: 0;
}

:root :where(.wp-block-post-featured-image img, .wp-block-post-featured-image .block-editor-media-placeholder, .wp-block-post-featured-image .wp-block-post-featured-image__overlay) {
	border-radius: 0 !important;
}

/*
figure.hero-image-filter {
  background: #0ef;
}

figure.hero-image-filter > img {
  box-sizing:border-box;
  object-fit:cover;
  opacity:50%;
  filter:brightness(140%);
  height:auto;
  max-width:100%;
  max-height:20em;
  vertical-align:bottom;
  width:100%;
}
*/

.swiper-pagination-bullet-active {
	background: #fff;
}

.swiper-pagination-bullet {
	background: #fff;
}

header figure > img {
	width: auto;
		height: 5rem;
	aspect-ratio: none;
}

div.wp-site-blocks>figure {
	width: 100%;
	max-height: 10%;
}

@font-face {
    font-family: Inter;
    src: url(/wp-content/themes/dkas/fonts/Inter-Regular.ttf);
    font-weight: 100 900;
}

@font-face {
    font-family: InterItalic;
    src: url(/wp-content/themes/dkas/fonts/Inter-Italic.ttf);
    font-weight: 100 900;
}

@font-face {
    font-family: Trajan;
    src: url(/wp-content/themes/dkas/fonts/TrajanPro-Regular.ttf);
    font-weight: 100 900;
}

@font-face {
    font-family: Myriad;
    src: url(/wp-content/themes/dkas/fonts/MyriadPro-Regular.otf);
    font-weight: 100 900;
}

h1, h2, h3, h4, h5, h6 {
	color: #4398ac;
}

h1 {
	font-size: 180%;
	text-align: left;
	padding-top: 1rem;
}

div.swiper-slide > div > h2 > a:hover {
	color: #4398ac;
}

div.sp-pcp-post-meta ul li:first-child i {
	display: none;
}

div.sp-pcp-post-meta ul li a[rel="author"] {
	display: none;
}


img[src$="placeholder.png"] {
	display: none;
}

div.pcp-button-prev, div.pcp-button-next {
	display: none;
}

div.sp-pcp-post .sp-pcp-title > a {
	color: #444;
	font-size: 100%;
	line-height: 120%;
}

h1.has-text-align-left.wp-block-post-title {
	display: none;
}

div.sp-pcp-post-content > p, div.wpcp-post-content, div.wpcp-all-captions { 
	color: #444;
	background-color: #fff;
	line-height: 22.5px;
}

h2.wpcp-post-title a {
	color: #4398ac;
	font-size: 150%;
}

div.wp-block-latest-posts__post-full-content {
	padding-top: 1rem;
}

ul.wp-block-pages-list > li.open-on-hover-click > a:hover {
	text-decoration: none !important;
}

.wp-block-navigation.items-justified-right .wp-block-navigation__container .has-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-right .wp-block-page-list > .has-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between .wp-block-page-list > .has-child:last-child .wp-block-navigation__submenu-container, .wp-block-navigation.items-justified-space-between > .wp-block-navigation__container > .has-child:last-child .wp-block-navigation__submenu-container {
	left: 0 !important;
	right: auto !important;
}

ul.wp-block-navigation__submenu-container > li.open-on-hover-click {
	background-color: inherit;
	background-image: url(/wp-content/themes/dkas/images/trikotnick.png);
	background-size: 9px, 18px;
	background-position: 0% 50%;
	background-repeat: no-repeat;
}

.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
	color: #444;
	text-decoration: none !important;
}

li.wp-block-pages-list__item.current-menu-item.wp-block-navigation-item.open-on-hover-click.menu-item-home {
	display: none;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
  border: none;
  border-left: 2px solid #bed839;
  border-top: 2px solid #bed839;
  margin-top: -7px;
}

time {
	font-size: 80%;
	margin-left: -9px;
}

i.fa-calendar {
	display: none;
}

div.sp-pcp-post-meta {
	margin-top: -33px !important;
	width: 50%;
}

.WP-Block-pages-list__item__link.wp-block-navigation-item__content {
	text-decoration: none;
}

.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
  stroke: #4398ac;
}

.wp-block-navigation-item__content {
	font-family: "Inter";
	text-transform: uppercase;
	letter-spacing: 1.1px;
	font-size: 80%;
}

.wp-block-navigation-item .wp-block-navigation-link {
	/* background-color: #bed839; */
	background-color: #ccc;
	color: #4398ac;

a {
	color: #4398ac;
}

a:visited {
	color: #a1c1cc;
}


.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	margin: 0 0 1.5em;
	padding: 0 1em 0 0;
	width: 50%;
}
.gallery-columns-5 .gallery-item {
	width: 20%;
}
.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}
.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}
.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}