/*
Theme Name: Hasan Kalyoncu University
Theme URI: https://hku.edu.tr
Author: Aziz Ozbek
Author URI: https://azizozbek.ch
Description: Default theme for Hasan Kalyoncu University.
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 8.3
Version: 1.0
Text Domain: hku
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */

@import "assets/css/old_hku_tables.css";

:root {
	--faded-black: rgb(0 0 0 / 5%);
	--faded-gray: rgb(0 0 0 / 15%);
}

* {
	box-sizing: border-box;
}

a {
	text-decoration: none;
}

summary {
	text-transform: uppercase;
	background-color: var(--faded-black);
	padding: var(--wp--preset--spacing--20);
}

*:focus {
	outline-width: 2px;
	outline-style: dashed;
	outline-color: color-mix(in srgb, var(--wp--preset--color--dark-blue) 60%, transparent);
	word-break: break-word;
}

a:hover, a:focus {
	text-decoration: underline;
}

ul {
	list-style-type: none;
}

ul, li {
	margin: 0;
	padding: 0;
}

strong {
	font-weight: 600;
}

.faded-bg {
	background-color: var(--faded-black);
}

.faded-border {
	border: 1px solid var(--faded-black);
}

.dark-red {
	color: var(--wp--preset--color--dark-red);
}

.base-color {
	color: var(--wp--preset--color--base);
}
.text-uppercase {
	text-transform: uppercase;
}
/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

.no-border {
	border: none;
}

.is-vertically-aligned-center {
	align-content: center;
}
.categories {
	display: flex;
	justify-items: center;
	justify-content: center;
	gap: var(--wp--preset--spacing--10);
}

.pill {
	background-color: var(--faded-black);
	border-radius: 50px;
	padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20)
}

.pill.selected {
	color: var(--wp--preset--color--base);
	background-color: var(--wp--preset--color--contrast);
}

.wp-block-button__link, .wp-block-file__button {
	padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20);
}

.wp-block-file__button {
	font-size: var(--wp--preset--font-size--normal);
	border-radius: 0;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

body:not(.home) footer {
	margin-top: var(--wp--preset--spacing--40);
}

.full-width {
	width: 100%;
}

.full-height {
	height: 100% !important;
}

a.no-border {
	border: none;
}

.no-vertical-padding {
	padding-top: 0;
	padding-bottom: 0;
}

.no-horizontal-padding {
	padding-left: 0;
	padding-right: 0;
}
.no-vertical-margin {
	margin-top: 0;
	margin-bottom: 0;
}

.no-horizontal-margin {
	margin-left: 0;
	margin-right: 0;
}

.margin-top-20 {
	margin-top: var(--wp--preset--spacing--20);
}

.margin-top-40 {
	margin-top: var(--wp--preset--spacing--40);
}
.margin-top-80 {
	margin-top: var(--wp--preset--spacing--80);
}

.padding-top-10 {
	padding-top: var(--wp--preset--spacing--10);
}

.vertical-padding-20 {
	padding-top: var(--wp--preset--spacing--20);
	padding-bottom: var(--wp--preset--spacing--20);
}

.horizontal-padding-20 {
	padding-left: var(--wp--preset--spacing--20);
	padding-right: var(--wp--preset--spacing--20);
}
.vertical-padding-40 {
	padding-top: var(--wp--preset--spacing--40);
	padding-bottom: var(--wp--preset--spacing--40);
}

.horizontal-padding-40 {
	padding-left: var(--wp--preset--spacing--40);
	padding-right: var(--wp--preset--spacing--40);
}

.vertical-padding-10 {
	padding-top: var(--wp--preset--spacing--10);
	padding-bottom: var(--wp--preset--spacing--10);
}

.horizontal-padding-10 {
	padding-left: var(--wp--preset--spacing--10);
	padding-right: var(--wp--preset--spacing--10);
}

.no-padding {

}

.no-padding-left {
	padding-left: 0;
}

.justify-start {
	justify-content: start;
}

.align-start {
	align-items: start;
}

.justify-end {
	justify-content: end;
}

.justify-between {
	justify-content: space-between;
}

.gap-20 {
	gap: var(--wp--preset--spacing--20);
}
.gap-40 {
	gap: var(--wp--preset--spacing--40);
}

.font-medium {
	font-weight: 500;
}

.font-regular {
	font-weight: normal;
}
.font-small {
	font-size: var(--wp--preset--font-size--small);
}

.font-large {
	font-size: var(--wp--preset--font-size--large) !important;
}

.uppercase {
	text-transform: uppercase;
}

.flex-direction-column {
	flex-direction: column;
}

.border-bottom {
	border-bottom: solid 1px var(--wp--preset--color--contrast);
}

.full-fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: 50;
	overflow-y: auto;
}

.align-end {
	align-content: end;
	align-items: end;
}

.scrollable {
	overflow-x: auto;
}

.max-width {
	width: 100%;
}
/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

.text-center {
	text-align: center;
}

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

.hover-white, .hover-red {
	border: 1px solid transparent;
}
.hover-white:hover {
	background-color: var(--wp--preset--color--base) !important;
	border: 1px solid var(--wp--preset--color--dark-red);
	color: var(--wp--preset--color--dark-red) !important;
}
.hover-white:hover svg {
	fill: var(--wp--preset--color--dark-red) !important;
}

.hover-red:hover {
	background-color: var(--wp--preset--color--dark-red) !important;
	border: 1px solid var(--wp--preset--color--base);
	color: var(--wp--preset--color--base) !important;
}
.hover-red:hover svg, .hover-red:hover svg > path {
	fill: var(--wp--preset--color--base) !important;
}
.simple-button {
	background: none;
	border: none;
}

.rounded-border {
	border-radius: 10px;
	overflow: hidden;
}
/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}
.relative {
	position: relative;
}

.rotate270 {
	rotate: 270deg !important;
}

/*** HEADER START ***/
.topHeader .top-menu {
	display: flex;
	flex-direction: row;
}
.top-navigation-list {
	list-style-type: none;
	display: flex;
	gap: 1rem;
	justify-content: start;
	flex-direction: column;
	position: absolute;
	width: 150px;
	top: 40px;
	right: 0px;
	padding: var(--wp--preset--spacing--20);
	color: var(--wp--preset--color--contrast);
	background-color: var(--wp--preset--color--base);
	z-index: 999;
	box-shadow: var(--wp--preset--shadow--boxshadow);
	border-radius: 10px;
}

.top-navigation-list li {
	display: inline-flex;
	margin-top: 0;
}

.main-navigation-list {
	list-style-type: none;
	float: left;
	display: flex;
	gap: 1rem;
	font-size: var(--wp--preset--font-size--medium);
	width: 100%;
	justify-content: start;
}

.main-navigation-list li {
	display: inline-flex;
	margin-top: 0;
}

.main-navigation-list li > a {
	display: flex;
	flex-direction: row;
	gap: 10px;
	justify-content: center;
	align-items: center;
}

#mainHeader {
	position: relative;
	justify-content: space-between;
}

#mainHeader .logo {
	flex-basis: 15%;
}
#mainHeader .search-burger {
	flex-basis: fit-content;
}

.custom-logo {
	max-width: 150px;
	height: auto;
}

.header-icons {
	flex-direction: row;
	gap: var(wp--preset--spacing--10);
}

div.mobile-header {
	z-index: 40;
	padding: var(--wp--preset--spacing--20);
}

div.mobile-header .mobile-menu-content {
	overflow-y: auto;
	height: 100%;
}

div.mobile-header .close-button {
	fill: var(--wp--preset--color--base);
	margin: 0;
	padding: 0;
}

a.burger-button {
	display: none;
	visibility: hidden;
}

.sub-mobile-menu {
	background: var(--wp--preset--color--base);
}

.mobile-navigation-list > li > a {
	padding-bottom: var(--wp--preset--spacing--10);
	padding-top: var(--wp--preset--spacing--10);
	font-size: var(--wp--preset--font-size--large);
	color: var(--wp--preset--color--base);
}
.mobile-navigation-list > li > a svg {
	fill: var(--wp--preset--color--base);
}

.language-switcher {
	display: flex;
	gap: var(--wp--preset--spacing--10);
	align-items: center;
}

.language-switcher .current-lang {
	font-weight: 500;
}

.nav-layout.overlay {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
}

.main-content:not:only-child {
	flex-basis:70%;
	width: 70%;
}

.overlay {
	position: absolute;
	width: 100%;
	background: var(--wp--preset--color--base);
	top: var(--wp--preset--spacing--80);
	left: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: var(--wp--preset--spacing--40);
	align-items: start;
	box-shadow: var(--wp--preset--shadow--boxshadow);
	z-index: 30;
	margin: 0;
	padding:  var(--wp--preset--spacing--40);
}

.overlay > div {
	width: 100%;
}

body.mobile-menu-open {
	overflow: hidden;
}

.search-button, .cursor-pointer {
	cursor: pointer;
}

.search-layout > div > form {
	display: flex;
	align-content: center;
	justify-content: center;
	width: 100%;
}

.search-layout > div > form {
	padding: var(--wp--preset--spacing--10);
}
.search-layout > div > h2 {
	padding: 0 var(--wp--preset--spacing--10);
	margin: 0;
}

.search-layout > div > form label {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: end;
	align-items: end;
}
.search-layout > div > form input {
	background: var(--faded-black);
	border: none;
}

.search-layout > div > form input[type=text] {
	padding:  var(--wp--preset--spacing--20);
	width: 100%;
	font-size: var(--wp--preset--font-size--normal);
	font-family: var(--wp--preset--font-family--poppins);
}
.search-layout > div > form input[type=submit] {
	width: fit-content;
	padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20);
	background-color: var(--wp--preset--color--dark-red);
	color: var(--wp--preset--color--base);
}
.nav-layout strong {
	font-weight: 500;
}

.nav-layout ul {
	display: flex;
	width: 100%;
	flex-direction: column;
	gap: 10px;
	padding: 0;
	margin-top: 10px;
}

.nav-layout ul > li > a {
	font-size: var(--wp--preset--font-size--middle);
	width: 100%;
	justify-content: space-between;
	border-bottom: 1px solid var(--faded-gray);
}

.nav-layout ul > li > a:hover > svg {
	fill: var(--wp--preset--color--dark-red);
}

/*** HEADER END ***/

/*** ACTIVITY START ***/
.activity_single {
	display: grid;
	grid-template-columns: 70% 1fr;
}

.activity_single .main, .activity_single .summary {
	border-radius: 10px;
	box-shadow: var(--wp--preset--shadow--boxshadow);
	overflow: hidden;
	margin: var(--wp--preset--spacing--20);
}

.activity_single .summary {
	height: fit-content;
}
.activity_single .summary .properties {
	padding: var(--wp--preset--spacing--20);
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--20);
}

.activity_single .summary .properties li {
	background-color: var(--faded-black);
	padding: var(--wp--preset--spacing--10);
	border-left: 5px solid var(--wp--preset--color--dark-red);
	line-height: normal;
}

.activity_single .main .content {
	padding: var(--wp--preset--spacing--40);
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--40);
}

.activity_single .main .content .wp-block-post-title {
	margin: 0;
}
.activity_single .main .content .entry-content {
	margin: 0;
	padding: 0;
}

.activities {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--40);
	margin-top: var(--wp--preset--spacing--40);
}

.activity_card {
	display: flex;
	flex-direction: column;
	box-shadow: var(--wp--preset--shadow--boxshadow);
	border-radius: 10px;
	position: relative;
	height: fit-content;
	overflow: hidden;
}

.activity_card.top-gap {
	padding-top: var(--wp--preset--spacing--80);
}

.activity_card .date {
	position: absolute;
	left: var(--wp--preset--spacing--10);
	top: var(--wp--preset--spacing--10);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: var(--wp--preset--spacing--10);
	background-color: var(--wp--preset--color--dark-red);
	color: var(--wp--preset--color--base);
	border-radius: 10px;
	box-shadow: var(--wp--preset--shadow--boxshadow);

}

.activities .date .day {
	font-size: var(--wp--preset--font-size--large);
}

.activity_card img {
	height: auto;
	width: auto;
}

.activity_card .activity_details h4 {
	margin: 0;
	padding: var(--wp--preset--spacing--20);
}

/*** ACTIVITY END ***/

.hidden, a.hidden {
	display: none;
	border: 0;
	clip: rect(0 0 0 0);
	height: auto;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	white-space: nowrap;
	visibility: hidden;
}



div.easy_access > .wp-block-column {
	border: 1px solid transparent;
}

div.easy_access > .wp-block-column > .wp-block-columns {
	padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--40);
}

div.easy_access > .wp-block-column:hover {
	background-color: var(--wp--preset--color--base) !important;
	border: 1px solid var(--wp--preset--color--dark-red);
}

div.easy_access > .wp-block-column:hover h5 > a, div.easy_access > .wp-block-column:hover svg {
	color: var(--wp--preset--color--dark-red) !important;
	fill: var(--wp--preset--color--dark-red) !important;
}

.numbers .icon-container {
	height: 24px;
}

.hover-shadow {
	box-shadow:var(--wp--preset--shadow--boxshadow);
	border: 1px solid transparent;
}

.hover-shadow:hover {
	border: 1px solid var(--faded-black);
	box-shadow: none;
}

img.news-image {
	height: 250px;
	object-fit: cover;
	object-position: center;
}

.breadcrumbs, .breadcrumbs-icon {
	float: left;
	list-style-type: none;
	display: flex;
	gap: var(--wp--preset--spacing--20);
}

.breadcrumbs > li, .breadcrumbs-icon > li {
	margin-top: 0;
}

.breadcrumbs-icon {
	float: right;
}
.breadcrumbs-icon > li {
	justify-content: end;
}

.page-content {
	margin-top: 0px;
}


.page-image figure {
	position: relative;
	display: flex;
	justify-content: start;
	margin-bottom: 4.2666666667rem;
	/*padding-left: calc(0.5333333333rem * 3);*/
}

.page-image img {
	width: 100%;
	max-height: 400px;
}


.pagination {
	display: flex;
	gap: var(--wp--preset--spacing--10);
	width: 100%;
	justify-content: center;
	padding-top: var(--wp--preset--spacing--40);
	padding-bottom: var(--wp--preset--spacing--40);
}

.pagination .page-numbers {
	padding: 5px 10px;
	background-color: var(--faded-black);
}

.pagination .current {
	font-weight: 500;
	background-color: var(--wp--preset--color--dark-red);
	color: var(--wp--preset--color--base);
}

/*** ACADEMIC PAGE START ***/
.academic {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--40);
}

.persons {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: var(--wp--preset--spacing--20);
	background-color: var(--wp--preset--color--base);
	box-shadow: var(--wp--preset--shadow--boxshadow);
}

.persons > .picture {
	width: 200px;
	max-width: 40%;
}

.persons .details {
	padding: var(--wp--preset--spacing--20);
}
.persons .details .links {
	margin-top: var(--wp--preset--spacing--10);
	margin-bottom: var(--wp--preset--spacing--10);
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--10);
}

.persons .details .links a {
	display: flex;
	align-items: center;
	gap: 5px;
}

.persons .details .links svg {
	max-width: 20px;
}

/*** ACADEMIC PAGE END ***/


/*** Search Result START ***/

.search-result {
	margin-top: var(--wp--preset--spacing--40);
	margin-bottom: var(--wp--preset--spacing--40);
}
.search-result ul.search-types {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--wp--preset--spacing--20);
}

.search-result ul.search-types .title {
	grid-column: 1 / -1;
	margin-bottom: var(--wp--preset--spacing--10);
	border-bottom: 1px solid var(--faded-gray);
}

.search-result ul.search-types li {
	display: flex;
	flex-direction: column;
	padding: var(--wp--preset--spacing--20);
	background-color: var(--faded-black);
	margin-bottom: var(--wp--preset--spacing--10);
}
.search-result ul.search-types li a:not(.academic) {
	font-weight: 500;
}

.search-result ul.search-types li .academic {
	display: flex;
	flex-direction: row;
	align-items: center;
}
.search-result ul.search-types li .academic .details {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--10);
}
.search-result .picture {
	max-width: 50px;
}

.featured_image {
	width: auto;
	overflow: hidden;
	margin: 0;
	height: auto;
}

.featured_image img {
	aspect-ratio: 9/3 auto;
	object-fit: cover;
}

.sidebar-search .wp-block-search__inside-wrapper {
	flex-direction: column;
	align-items: end;
}

.sidebar-search input.wp-block-search__input {
	width: 100%;
	border: none;
	background-color: var(--wp--preset--color--light-gray);
}

.sidebar-search button.wp-block-search__button
{
	padding: 5px;
}

.wp-block-file a {
	display: none;
	visibility: hidden;
}

/*** Search Result END ***/
@media (max-width: 768px) {

	:root {
		--wp--preset--spacing--80: 40px;
		--wp--preset--spacing--60: 30px;
		--wp--preset--spacing--40: 20px;
		--wp--preset--spacing--20: 10px;
	}

	.topHeader { display: none }

	.overlay {
		top: calc(var(--wp--preset--spacing--80) + var(--wp--preset--spacing--80));
	}
	.breadcrumbs, .breadcrumbs > li {
		width: max-content;
		gap: var(--wp--preset--spacing--10);
	}
	.breadcrumbs, .breadcrumbs > li > a {
		width: max-content;
	}

	.no-mobile-padding {
		padding: 0;
	}

	.vertical-padding-40 {
		padding-top: var(--wp--preset--spacing--20);
		padding-bottom: var(--wp--preset--spacing--20);
	}

	.horizontal-padding-40 {
		padding-left: var(--wp--preset--spacing--20);
		padding-right: var(--wp--preset--spacing--20);
	}

	.max-width {
		width: max-content;
		min-width: 100%;
	}

	div.easy_access > .wp-block-column > .wp-block-columns {
		padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20);
	}

	div.easy_access > .wp-block-column > .wp-block-columns svg {
		width: 12px;
	}

	.page-image figure {
		padding-left: 0;
	}

	/*** ACTIVITY ***/
	.activity_single {
		grid-template-columns: 1fr;
	}
	.activity_single .content {
		order: 1;
	}

	.activities {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	.activity_card.top-gap {
		padding-top: calc(var(--wp--preset--spacing--80) + var(--wp--preset--spacing--40));
	}

	.mobile-justify-center {
		justify-content: center;
		align-items: center;
	}

	.mobile-full-width {
		width: 100%;
	}

	.mobile-half-width {
		width: 50%;
	}

	.search-result ul.search-types li {
		grid-column: 1 / -1;
	}

	.featured_image {
		margin-left: calc(-1 * var(--wp--style--root--padding-right));
		margin-right: calc(-1 * var(--wp--style--root--padding-right));
	}
}

@media (max-width: 1000px) {

	/*** HEADER ***/
	.hide-mobile { display: none !important; }
	a.burger-button { display: flex; visibility: visible }
	.desktopMenu { display: none }
	#mainHeader .logo, #mainHeader .search-burger {
		flex-basis: 50%;
	}

	.activities {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 1600px) {
	.main-navigation-list {
		font-size: var(--wp--preset--font-size--normal);
	}

	.news__controls, .activity__controls, .card-header {
		padding-left: var(--wp--preset--spacing--40);
		padding-right: var(--wp--preset--spacing--40);
	}
}

@media (min-width: 1600px) {
	.overlay {
		top: 100px;
	}
	.custom-logo {max-width: 200px}

	.hslider {
		#padding-left: var(--wp--preset--spacing--40);
		#padding-right: var(--wp--preset--spacing--40);
	}

}