// This LESS file will be parsed before the default stylesheet is compiled. Any
// variables defined here will override those in the original stylesheet.
//
// You can also add additional CSS style rules if desired.

// Make all border colors transparent
@bg-border-color: transparent;

// Increase the font size and weight of section titles in the issue table of
// contents
.obj_issue_toc .galleys h2,
.obj_issue_toc .section h2 {
	font-size: @font-header;
	font-weight: @bold;
	color: @text;
}

body { 
	background-color: #e87029; /* orange */
	background-color: #fcfbf8; 
	background-color: #EAF4F9; /* blue */
	background-color: #f8f6f3; /* beige */
	
	color: #006798;
	color: #3c3c3c;
	color: #1f1f1f;

	font-family: "PT Serif", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 20px;

}

ul { margin: 0; padding-top: 1.5em; }
ul > li { line-height: 1.6; }
p { line-height: 1.6; margin: 0; padding-top: 1.5em; }
.pkp_structure_main p { line-height: 1.6; margin: 0; padding: 1.5em 0 0; }
.pkp_structure_main h1, 
.pkp_structure_main h2, 
.pkp_structure_main h3, 
.pkp_structure_main h4 { margin: 0; padding-top: 1.5em; }

.pkp_structure_main h1:first-child, 
.pkp_structure_main h2:first-child, 
.pkp_structure_main h3:first-child, 
.pkp_structure_main h4:first-child { padding-top: 0; }

.pkp_structure_main h1, 
.pkp_structure_main h2, 
.pkp_structure_main h3, 
.pkp_structure_main h4,
.obj_article_summary > .title,
h4 {
	font-family: "PT Serif", serif;
	font-weight: 700;
	font-style: normal;
}

.pkp_site_name .is_img img {
	max-height: 100px;
	height: 100px;
	width: auto;
}

p { line-height: 1.6; margin: 0; padding-top: 1.5em; }

img { display: block; }

ul { margin: 0; }
.pkp_structure_main p, 
.pkp_structure_main ul { line-height: 1.6; margin: 0; }


.informatica {
	font-family: "PT Serif", serif;
	font-weight: 700;
	font-style: italic;
	color: #e87029;
	color: #e67817;
	color: #e87029;
	position: absolute;
	font-size: 95px;
	padding: 0;
	margin: 0;
	top: 20px;
	top: 26px;
	line-height: 1.2;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	font-size: 64px;
	line-height: 1;
}

.informatica > span {
	color: #006798;
	color: #3a6077;
	display: block;
	font-size: 18px;
	letter-spacing: 1px;
	font-size: 20px;
	padding-top: 0.75em;
	letter-spacing: 0;
}



.pkp_structure_head { background-color: #ffffff; position: fixed; width: 100%; z-index: 1111; top: 0; border-bottom: none; box-shadow: 0 0 50px rgba(0,0,0,0.075); 


position: relative; top: auto; 

}


.pkp_navigation_user_wrapper { display: block; }
.pkp_navigation_user_wrapper_hide { display: none; }

.has_site_logo .pkp_head_wrapper {
	width: 1160px;
	width: 80%;
	width: 100%;
	padding-top: 32px;

}
.pkp_site_nav_menu { background-color: #e87029; border: none; }

@media (min-width: 992px) {
	.pkp_navigation_primary > li:hover ul {
	position: absolute;
	/*transform: translate3d(7px, 40px, 0px);
	top: 0;*/
	transform: none;
	top: auto;
	left: 0;
	will-change: transform;
}
}

.pkp_navigation_primary .dropdown-menu { text-align: left; }
.pkp_navigation_primary > li:first-child a {
	margin-left: -0.5em;
	margin: 0;
}
.pkp_nav_list ul a {
	/*
	display: block;
	padding-left: .357rem;
	border-left: .357rem solid transparent;
	*/
	border: none;
	color: #006798;
	padding: 0.714rem;
}

.pkp_navigation_primary > li > a:hover {
	/*
	color: rgba(0,0,0,0.84);
	outline: 0;
	border-color: rgba(0,0,0,0.84);
	color: #3a6077;
	*/
	background-color: rgba(0,0,0,0.085);
	color: #3a6077;
	color: #ffffff;
	border: none;
}
.pkp_navigation_primary > li > a:focus { /*background: rgba(0,0,0,0.84); color: #f5b114; outline: 0;*/ background-color: rgba(0,0,0,0.085); color: #ffffff; }



.pkp_site_nav_menu_fixed { position: fixed; top: 0; left: 0; }
.pkp_site_nav_menu_wrapper { height: 67.7333px; width: 100%; }

.pkp_site_name_wrapper {
	width: 100%;
	width: 80%;
}

.pkp_navigation_primary > li > a {
	margin: 0.357rem 0.5em 0;
	padding: 0.357rem 0.5em calc(0.714rem - 2px);
	border-bottom: 2px solid transparent;
	border: none;
	color: rgba(0, 0, 0, 0.84);
	color: #ffffff;
	text-decoration: none;
	padding: 1em;
	margin: 0;
	display: inline-block;
}
.pkp_site_name .is_img {
	display: inline-block;
	margin-top: 0.357rem;
	margin-bottom: 0.357rem;
	padding: 0;
	margin: 0 0 38px 0;
	margin: 0 0 32px 0;
}
.pkp_navigation_user {
	text-align: right;
	font-size: 1rem;
}
.pkp_site_nav_menu a {

	color: #3a6077;
}


.pkp_navigation_primary {
	display: block;
	max-width: 100%;
	text-align: center;
}



.pkp_navigation_search_wrapper { display: none; }













.pkp_page_index .homepage_about { padding: 75px 0; }


.obj_issue_toc .galleys, 
.obj_issue_toc .section { margin: 0; padding: 0; }

.obj_issue_toc .cover { margin: 0; display: none; }


.obj_issue_toc > .heading { width: 80%; margin: 0 auto; }
.pkp_page_index .current_issue .current_issue_title { margin: 0 0 0.5em; font-size: 48px; font-weight: 700; line-height: 1.15; }
.obj_issue_toc .published { margin: 0; }





.pkp_page_index .current_issue .read_more {
	display: inline-block;
	position: relative;
	padding-right: 2.143rem;
	font-size: 0.93rem;
	font-weight: 700;
	line-height: 2.143rem;
	color: #006798;
	text-decoration: none;
	margin-bottom: 1.43rem;
	border-radius: 3px;
	background-color: #3a6077;
	
	color: #ffffff;
	margin: 60px 0 0;
	padding: 0.65em 60px 0.65em 1.5em;
	text-align: right;
	float: right;

	margin: 0;
	float: none;


	background-color: rgba(58, 96, 119, 0.15);
	color: #3a6077; 
}

.moj_wrap { width: 80%; margin: 0 auto; padding: 0 0 75px; }
.obj_issue_toc .published {
	margin: 1.43rem 0 0;
	margin: 0;
}
.pkp_page_index .current_issue .moj_wrap > .read_more:nth-of-type(1) { background-color: #e67817; margin-right: 1em; }
.pkp_page_index .current_issue .moj_wrap > .read_more:nth-of-type(1) { background-color: #3a6077; color: #ffffff; margin-right: 1em; }

.heading { width: 80%; margin: 0 auto; }
.obj_issue_toc .galleys::before, .obj_issue_toc .section::before { display: none; }





.homepage_about_wrap { width: 80%; margin: 0 auto; 

display: flex;
	
	
	align-items: center;
	align-items: flex-start;
	align-items: stretch;

	justify-content: space-between;
	

}
.homepage_about_clmns { width: calc(50%); }

.homepage_about_clmns:nth-of-type(2) > img { width: 100%; height: auto; display: block;  }
.homepage_about_clmns:nth-of-type(1) {
	background-color: #ffffff;
	padding: 75px 150px 75px 75px;
	
	margin: 0 -75px 0 0;

	padding: 75px 75px 75px 75px;
	margin: 0 0 0;
	box-sizing: content-box;
	box-sizing: border-box;

	box-shadow: 0 0 50px rgba(0,0,0,0.085);
}

.pkp_page_index .homepage_about a { color: inherit; }

.homepage_about_wrap_1 { width: 80%; margin: 0 auto; padding: 75px 0 0; }
.homepage_about_wrap_1 > p:first-child { margin: 0; padding: 0; }
.homepage_about_wrap_1 > div:nth-of-type(1) { width: 100%; margin: 0 auto; 

display: flex;
	
	
	align-items: center;
	align-items: flex-start;
	align-items: stretch;

	justify-content: space-between;


}

.homepage_about_wrap_1 > div:nth-of-type(1) > div { width: calc(20%);  margin-right: 1px; padding: 1em; 

	/* background-color: rgba(0,0,0,0.035); */
	border: 1px solid rgba(0,0,0,0.1);
	border-right: 0;
}
.homepage_about_wrap_1 > div:nth-of-type(1) > div:last-child {  border-right: 1px solid rgba(0,0,0,0.1); }

.homepage_about_wrap_1 > div:nth-of-type(1) > div > p { margin: 0; }
.homepage_about_wrap_1 > div:nth-of-type(1) > div > p > span { font-size: 48px; font-weight: 700; color: #3a6077; display: block; padding-bottom: 0.35em; line-height: 1; }
.homepage_about_wrap_1 > div:nth-of-type(1) > div > p > span > a { text-decoration: none; color: inherit; }
.homepage_about_wrap_1 > div:nth-of-type(1) > div:last-child > p { margin: 0; padding: 0; }
.homepage_about_wrap_1 > div:nth-of-type(1) > div:last-child > p > a { display: block; }
.homepage_about_wrap_1 > div:nth-of-type(1) > div:last-child > p > a > img { display: block; margin: 0 auto; }
.homepage_about_wrap_1 > div:nth-of-type(1) > div > p { padding-top: 0; }
.homepage_about_clmns:nth-of-type(2) > img {
	width: 100%;
	height: auto;
	height: 100%;
	display: block;
	object-fit: contain;
	
	object-fit: fill;

	object-fit: cover;
}









































.pkp_structure_content { width: 100%; padding-top: 0; }

.page.page_submissions,
.page.page_custom,
.page.page_about,
.page.page_issue,
.page.page_masthead,
.page.page_information,
.page.page_contact,
.page.page_article,
.page_issue_archive { width: 80%; margin: 0 auto; }

.page.page_submissions,
.page.page_custom,
.page.page_about,
.page.page_issue,
.page.page_masthead,
.page.page_contact,
.page.page_information { padding: 0 0 75px; }

.content_section > h1.label,
.contact_section > h1.label { font-size: 30px; font-weight: 700; margin: 0 0 1.43rem; border-bottom: 1px solid #212121; }
.content_section > h1.label > span,
.contact_section > h1.label > span { display: inline-block; border-bottom: 4px solid #212121; padding-bottom: 0.5em; }

.pkp_structure_main { float: none; padding: 0; width: 100%; }
.pkp_structure_main::before,
.pkp_structure_main::after { display: none; } /* lines left, right*/

.obj_article_details { padding: 75px 0 0; }
.obj_article_details > .page_title { margin: 0; font-size: 48px; line-height: 1.4; }

.page_issue_archive .issues_archive {
	margin: 50px auto 0;
	border: none;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-items: flex-start;
	align-items: stretch;
	justify-content: space-between;
	gap:  80px 100px;
}
.page_issue_archive .issues_archive > li { padding: 0; width: calc(20% - 80px); border: none; }
.issues_archive > li > .obj_issue_summary > .cover { height: auto; width: 100%; float: none; margin: 0; }
.issues_archive > li > .obj_issue_summary > .cover > img { background: none; box-shadow: 0 0 50px rgba(0,0,0,0.085); }
.issues_archive > li > .obj_issue_summary .title { font-weight: 700; text-decoration: none; }
.issues_archive > li > .obj_issue_summary .series { margin: 0; }
.issues_archive > li > .obj_issue_summary h2 { font-size: 20px; line-height: 1.6; }

.issues_archive > li > .obj_issue_summary .cover img { display: block; width: auto; max-height: 250px; height: auto; max-height: 100%; width: 100%; }

.page_issue_archive .cmp_pagination { margin: 50px 0; font-weight: 700; background-color: rgba(0,0,0,0.055); display: inline-block; float: right; padding: 0.5em 0.75em; }

.obj_article_details .row::before,
.obj_article_details .row::after { display: none; }
.obj_article_details .row {
	margin: 0;
	border: none;
	padding: 75px 0;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	align-items: center;
	align-items: flex-start;
	justify-content: space-between;
	gap: 100px;
}
.content_section,
.contact_section { background-color: #ffffff; padding: 75px; box-shadow: 0 0 50px rgba(0,0,0,0.085); }
.obj_article_details .main_entry {
	width: calc(65% - 50px);
	border: none;
	float: none;
	background-color: #ffffff;
	box-shadow: 0 0 50px rgba(0,0,0,0.085);
	padding: 75px;
}
.obj_article_details .entry_details { width: calc(35% - 50px); float: none; margin: 0; border: none; }
.obj_article_details .item { padding: 0; }
.obj_article_details .item + .item { padding-top: 75px; }

.obj_article_details .main_entry .item h2.label {
	border-bottom: 1px solid #212121;
	margin: 0 0 1.43rem;
	font-family: "PT Serif", serif;
	font-size: 30px;
	font-weight: 700;
}
.obj_article_details .main_entry .item .label > span { border-bottom: 4px solid #212121; display: inline-block; padding-bottom: 0.5em; }

/*
https://puffbird.ijs.si/index.php/informatica/article/view/6498 -- članek brez <p>

https://puffbird.ijs.si/index.php/informatica/article/view/6921
*/

.description,
.main_entry > section.item { line-height: 1.6; }

.obj_article_details .entry_details .item {
	border-top: 0;
	border-bottom: 0;
	padding: 36px;
	background-color: rgba(0,0,0,0.04);
	margin: 0 0 2px;
	border-left: 10px solid #DBD9D6;
	padding: 24px;
}
.obj_article_details .entry_details .item.cover_image { border: none; padding: 0; box-shadow: 0 0 50px rgba(0,0,0,0.085); }

.pkp_structure_sidebar {
	float: none;
	width: 100%;
	background-color: #f0f0f0;
	background-color: #F9F9F9;
	width: 100%;
	padding: 75px 10%;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0;
}




.pkp_structure_sidebar {
	display: none;
}



.entry_details a {  }
.obj_article_details .authors .affiliation { font-size: 16px; color: rgba(0,0,0,0.54); padding-top: 1em; display: inline-block; }
.obj_article_details .entry_details .item .label { margin: 0; font-family: "PT Serif", serif; font-size: 16px; font-weight: 400; color: rgba(0,0,0,0.54); line-height: 1.6; padding: 0 0 0.25em; }

.obj_article_details .entry_details .item .citation_display .citation_formats_button {

	padding: 0 1em;

}

.obj_article_details .citation_display .value {
	font-size: 16px; line-height: 1.6;
}

.obj_article_details .authors li { margin-bottom: 1.5em; }
.obj_article_details .authors li:last-child { margin-bottom: 0; }

.obj_article_details .copyright { font-size: 16px; }
.obj_article_details .entry_details .item.doi { background-color: #DBD9D6; color: inherit; }
.obj_article_details .entry_details .item.doi a { color: inherit; }

/*
.obj_article_details .entry_details .item.doi .label {
	color: #ffffff;
	color: inherit;
}
*/
.obj_article_details .item.doi .label, .obj_article_details .item.keywords .label { display: inline; font-size: 20px; }























.pkp_structure_footer_wrapper { background-color: #e67817; background-color: #3a6077; color: #ffffff; padding: 75px 0; }
.pkp_structure_footer { text-align: center; text-align: left; width: 80%; }

.pkp_brand_footer { display: none; }

.pkp_structure_footer_wrap {
	display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    gap: 75px;
}
.pkp_structure_footer_wrap_left,
.pkp_structure_footer_wrap_right {
	width: calc(50% - 37.5px);
	width: 100%;
	display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    gap: 50px;
}
.pkp_structure_footer_clmns { width: calc(50% - 56.25px); }
.pkp_structure_footer_clmns { width: calc(20% - 40px); }

.pkp_structure_footer_wrap_left > .pkp_structure_footer_clmns { width: 100%; }

.pkp_structure_footer_clmns a { color: inherit; text-decoration: none; }
.pkp_structure_footer_clmns ul { list-style-type: none; padding: 0; margin: 0; }
.pkp_structure_footer_clmns ul > li { }
.pkp_structure_footer_clmns > p:first-child { color: #91AEBF; font-weight: 700; margin: 0 0 0.75em; padding: 0 0 0.15em; border-bottom: 2px solid #53788F; }

.section_indexing_partners {
	background-color: #ffffff;
	padding: 55px 0;
	display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    box-sizing: border-box;
    box-shadow: 0 0 50px rgba(0,0,0,0.085);
}
.section_indexing_partners > div { width: 12.5%; }
.section_indexing_partners > div > img { display: block; max-width: 90%; max-height: 75px; height: auto; margin: 0 auto; }

.pkp_structure_footer_wrap_right + p { display: block; padding: 0 0 0 calc(20% - 40px + 50px); width: 100%; /* margin: 0 0 0 calc(20% - 40px); */ }

.copy { color: inherit; padding: 0.75em 10%; text-align: right; }

.pkp_structure_footer_clmns a {
	color: #e67817;
	text-decoration: none;
}
.pkp_structure_footer_wrapper {

	background-color: #1f1f1f;

}

.pkp_structure_footer_clmns > p:first-child {
	color: #91AEBF;
	border-bottom: 2px solid #53788F;

	color: #787878;
	border-bottom: 2px solid #5a5a5a;

	color: #ffffff;
	border-bottom: 2px solid #3c3c3c;
}



.carousel_wrap {  }
.carousel {  }

.carousel_item { width: 480px;   margin: 50px 0 50px 0; display: block; 


padding-left: 50px;
/*
display: flex;
    align-items: stretch;
    min-height: 100%;
*/

/*
display: flex; flex-direction: column;  align-items: stretch; min-height: 100%;

background-color: silver;
*/
}
.carousel_item > .obj_article_summary {
	background-color: #ffffff;
	 padding: 36px 36px 36px; box-sizing: border: box; 
	box-shadow: 0 0 50px rgba(0,0,0,0.085);
	box-shadow: 0 0 50px rgba(0,103,152,0.125);
	


	box-shadow: 0 0 50px rgba(182,162,131,0.15);

	box-shadow: 0 0 50px rgba(0,0,0,0.085);




}
.obj_article_summary > .title a {
	color: #3a6077;
}

.cmp_button_wire, .obj_galley_link {
	background-color: #3a6077;
	border: 1px solid #3a6077;
	color: #ffffff;

	background-color: #e87029;
	border: 1px solid #e87029;

	font-size: 20px;
	line-height: 1.6;

	padding: 0.35em 1em;
}

.cmp_button_wire:hover, .cmp_button_wire:focus, .obj_galley_link:hover, .obj_galley_link:focus { background: #e87029; color: #fff; }





.obj_article_summary .authors {
	font-style: italic;
}
.obj_article_summary .meta {
	padding: 0.85em 0 1.05em;
}
.obj_issue_toc .galleys_links {
	margin-top: 0;
}

.obj_article_summary > .title { font-size: 1rem; font-size: 18px; line-height: 1.43rem; line-height: 1.4; border-bottom: none; margin: 0; }


/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

/* position dots in carousel */
.flickity-page-dots {
  bottom: 25px;
}
/* white circles */
.flickity-page-dots .dot {
	width: 8px;
	height: 8px;
	margin: 0 4px;
	opacity: 1;
	background: transparent;
	border: 1px solid white;

		    transition: background-color 0.2s linear, border-color 0.2s linear;
	   -moz-transition: background-color 0.2s linear, border-color 0.2s linear;
	-webkit-transition: background-color 0.2s linear, border-color 0.2s linear;
	     -o-transition: background-color 0.2s linear, border-color 0.2s linear;
}
/* fill-in selected dot */
.flickity-page-dots .dot.is-selected {
  background: white;
}
.slider-pagination .swiper-pagination-switch {
	border: 1px solid #fff;
	background-color: transparent;
	border-radius: 10px 10px 10px 10px;
	cursor: pointer;
	display: inline-block;
	height: 10px;
	margin: 0 4px;
	width: 10px;

}

em { font-style: italic; }