/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  AccaDigital GeneratePress child theme
 Author:       Berk Uralcan
 Template:     generatepress
 Version:      0.1
*/


/* FONTS */

*, *::before, *::after {
    box-sizing: border-box;
}


* {
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: 'Quicksand';
    src: url('fonts/Quicksand-Medium.woff2') format('woff2'),
        url('fonts/Quicksand-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quicksand';
    src: url('fonts/Quicksand-SemiBold.woff2') format('woff2'),
        url('fonts/Quicksand-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quicksand';
    src: url('fonts/Quicksand-Regular.woff2') format('woff2'),
        url('fonts/Quicksand-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quicksand';
    src: url('fonts/Quicksand-Light.woff2') format('woff2'),
        url('fonts/Quicksand-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quicksand';
    src: url('fonts/Quicksand-Bold.woff2') format('woff2'),
        url('fonts/Quicksand-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-Light.woff2') format('woff2'),
        url('fonts/Inter-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-ExtraLight.woff2') format('woff2'),
        url('fonts/Inter-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-Bold.woff2') format('woff2'),
        url('fonts/Inter-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-Medium.woff2') format('woff2'),
        url('fonts/Inter-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-SemiBold.woff2') format('woff2'),
        url('fonts/Inter-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-Thin.woff2') format('woff2'),
        url('fonts/Inter-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-Regular.woff2') format('woff2'),
        url('fonts/Inter-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




:root{
	--main-font: "Quicksand", Calibri, Cambria, Arial, Helvetica, sans-serif;
	--secondary-font: "Inter", Calibri, Cambria, Arial, Helvetica, sans-serif;
	--padding: 3rem;
	--site-width: 88.88888889%;
	--main-breakpoint: 769px;
	--column-gap: 1.87500%;



	--ac-dark-gray: #353535;
	
	--title-letter-spacing: 0.06em;
	--letter-spacing: 0.04em;

	--accent-blue: hsl(222, 65%, 35%);
	--main-accent: #EE2B2A;
	--gray-strong: #404040;
	--gray-standard: #7E7E7E;
	--gray-subtle: #B3B3B3;


}

html{
	font-size: 62.5%;
	scroll-behavior: smooth;
	height: 100%;
}

body{
	background-color: white;
	height:100%;
	
	
}

/* set user selection highlight color to black */

p::selection {
	background: black;
	color: white;
}



/* ########### GENERATEPRESS OVERRIDES - SETTING UP THE GRID ########### */

div#content{
	padding: 0;
	margin: 0 auto;
	width: var(--site-width);
	display:block;
}



.content-area#primary{
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	column-gap: var(--column-gap);
	row-gap: 1.75rem;
}

header#site-header{
	width: 100%;
	height: 8.5rem;
	display: flex;
	align-items: center;
}



.header-container{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: var(--site-width);
	margin: 0 auto;
	height: 100%;
}

.site-title a{
	font-size: 3.6rem;
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing: var(--title-letter-spacing);
	font-family: var(--secondary-font);
	text-decoration: none;
}

#desktop-navigation{
	display: flex;
	align-items: center;
}

#desktop-navigation ul{
	display: flex;
	align-items: center;
	list-style-type: none;
	align-items: center;
	margin: 0;
	font-family: var(--main-font);
	letter-spacing: var(--letter-spacing);
	text-transform: uppercase;
	font-weight: 300;

}

#desktop-navigation ul li:not(:last-child){
	margin-right: 2.2rem;
}

#desktop-navigation ul li a{
	text-decoration: none;
}

/* Sub menu */





#desktop-navigation ul ul {
	display: block;

	visibility: hidden;
	text-align: left;
	z-index: 999; 
	list-style: none;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 2rem;
	padding-bottom: 2rem;
	cursor: pointer;
	position: absolute;
	background-color: white;
	border: 1px solid #eaeaea;
	width: auto;
	top: 2.5rem;
	left: 0;

	transition: visibility .2s;
}

@supports(width: max-content){
	#desktop-navigation ul ul {
		width: max-content;
	}
}


/* Secondary Sub Menu */

#desktop-navigation ul ul ul {
	display: block;

	visibility: hidden;
	text-align: left;
	z-index: 1999; 
	width: max-content;
	list-style: none;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 2rem;
	padding-bottom: 2rem;
	cursor: pointer;
	position: absolute;
	border: 1px solid #eaeaea;
	background-color: white;
	top: -2.1rem;
	left: 105%;
	
	transition: visibility .2s;
}


#desktop-navigation ul li{
	position: relative;
}

#desktop-navigation ul ul li:not(:last-child){
	margin-bottom:1.6rem;
}


#desktop-navigation ul ul li{
	width: 100%;

}

#desktop-navigation ul ul li a{
	white-space: nowrap;
	padding: 1rem 0;
}

#desktop-navigation li:hover > ul {
	visibility: visible;	
}

#desktop-navigation ul li ul:hover > ul ul {
	visibility: visible;

}

#desktop-navigation ul li ul:hover > ul ul ul{
	visibility: visible;

}

li.current-menu-item > a,
li.current-menu-parent > a{
	font-weight: 500
}

/*######################## LAYOUT ############### */

main.site-main{
	grid-column: 1 / -1;
}

	/*######################## LAYOUT RESPONSIVE ############### */

@media screen and (max-width: 1050px){
	
}

@media screen and (max-width: 650px){
	div#content{
		width: 100%;
	}
}



/* ########### Changes to Wordpress Defaults ########### */

.entry-content p, 
.bsp-text p{
	font-family: var(--main-font);
	font-size: 1.6rem;
	margin-bottom: 4rem;
	line-height: 150%;
	text-rendering: optimizelegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	letter-spacing: var(--letter-spacing);
}

@media screen and (max-width: 800px){
	.entry-content p {
		font-size: 1.7rem !important;
	}
}



.entry-title{
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 4.5rem;
}

.archive-title{
	font-size: 3rem;
	font-weight: 200;
	margin-bottom: 4rem;
	text-align: center;
}

.archive-title.force-font-size{
	font-size: 3rem !important; 
}

.archive-link{
	display:block;
	text-align: right;
	text-decoration: none;
	font-size: 2rem;
	font-weight: 200;
	margin-bottom: 1.6rem !important;
}


.wp-block-columns{
	margin-bottom: 0; 
}

.site-main .wp-block-group__inner-container{
	padding: 0;
}

.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled{
	background-color: transparent;
}

/* ########### HOMEPAGE ########### */



/* ########### WORKS PAGE ########### */

.works-category-container{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: var(--column-gap);
	row-gap: var(--row-gap);
}

.bsp-category{
	margin-bottom: 2rem;
}

.bsp-category a{
	text-decoration: none;
}

.bsp-category a h2{
	text-decoration: none;
	font-size: 1.6rem;
	margin-bottom: 0;
	font-family: var(--main-font);
}

.bsp-category img {
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
}

/* ########### SINGLE CATEGORY ########### */

.category-container{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	column-gap: var(--column-gap);
	row-gap: var(--column-gap);
}

.category-meta{
	grid-column: 1 / 12;
	grid-row: 1 / 1;
	width: 100%;
	display: flex;
	column-gap: var(--column-gap);
	overflow-y:visible;
	margin-bottom: 6rem;
}

.category-video{
	flex-basis: 60%;
	width: 100%;
}
<
.category-video iframe{
	width:100%;
	aspect-ratio: 16 / 9;
}

.category-description{
	flex-basis: 40%;
}

/* main alternatives */

.works-container{
	grid-column: 2 / 12 ;
	grid-column: 3 / 11 ;
 	grid-column: 1 / -1 !important;
}


/* ############# CATEGORY RESPONSIVE  ########### */

@media screen and (max-width: 1050px){
	.category-meta {
		display:flex;
		flex-direction: column;
		margin-bottom: 0;
		grid-column: 1 / -1;

	}

	.category-video{
		margin-bottom: 1rem;
	}

	.works-container{
		display: flex;
		flex-direction: column;
		grid-column: 1 / -1;
	}

}


		/* WORKS Under CATEGORY	*/

.bsp-work{
	position: relative;
	width: 100%;
	cursor: pointer;
	height: 100%;

}

.bsp-work__img{
	filter: brightness(.85);
	object-fit: cover;
	aspect-ratio: 1.55 / 1;
}

.bsp-work__link{
	display: block;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height:100%;
	z-index: 99;
}


.bsp-work__meta{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 20%;
	opacity: 0;
	width: 100%;
	background-color: white;
	transition: all .3s;
}

.bsp-work:hover .bsp-work__meta{
	opacity: .9;
}

.bsp-work__content-title{
	font-size: 1.6rem;
	font-family: var(--main-font);
	margin-bottom: -0.8rem;
	font-weight: 500;
}

.bsp-work__content-title a {
	text-decoration: none;
}

.bsp-work__material{
	font-size: 1.2rem;
	color: var(--gray-standard);
}

/* EXHIBITION PAGES  */

.single-exhibition{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	text-decoration: none;
	margin-bottom: 7rem;
}

.exhibition-image{
	width: 100%;
}

.exhibition-image img{
	width: 100%;
	height: auto;
	filter: brightness(.85);
	transition: all .3s;
}

/* When hovered on exhibition-image, remove the filter from exhibition-image img */

.single-exhibition:hover img{
	filter: brightness(1);
}


.single-exhibition h2{
	font-size: 2.2rem;
	color: var(--ac-dark-gray);
	letter-spacing: var(--title-letter-spacing);
	font-weight: 300;
	margin-bottom: .1rem;
	text-align: right;
	position: relative; 
	transition: all .2s;
	display: flex;
}

  
  .single-exhibition h2::after {
	content: "\2192";
	font-weight: 200;
	width: 0; /* Initial width set to 0 */
	overflow-x: hidden;
	opacity: 0;
	transition: all .2s;
	position: absolute;
	top: 0;
	right: 0;
  }

  .single-exhibition:hover h2 {
	padding-right: 1.5em; /* Adjust this value based on the arrow width */
  }
  
  .single-exhibition:hover h2::after {
	opacity: 1;
	width: 1em; /* Adjust this value to the desired width */
  }

.exhibition-meta{
	text-align: right;
	font-size: 1.6rem;
	letter-spacing: var(--letter-spacing);
	color: var(--ac-dark-gray);
	font-weight: 300;
}



	/* EXHIBITION RESPONSIVE  */


@media (hover: none){
	.exhibition-image img{
		filter: none;
	}
}

/* ########### SINGLE EXHIBITION ########### */

.single-meta{
	font-family: var(--main-font);
	font-size: 2.2rem;
	font-weight: 300;
	letter-spacing: var(--letter-spacing);
	margin: 0 auto 5rem 0;
	max-width: calc(60% - 2em );

}

.exhibition-meta-title{
	font-weight: 400;
}

.ie-post-content{
	font-size: 2.2rem;
	line-height: 150%;
	color: var(--ac-dark-gray);
	font-weight: 300;
	letter-spacing: var(--letter-spacing);
}

/* Single responsive */

@media screen and (max-width: 1050px){
	.single-meta{
		max-width: unset;
	}
}


/* ########### SIDE MENU ########### */

.navbar-nav-desktop{
	font-family: var(--main-font);
	font-size: 1.6rem;
	margin-bottom: 5.4rem;
}

.navbar-nav-desktop ul{
	list-style: none !important;
	margin-left: unset;

}

.navbar-nav-desktop ul > li{
	margin-bottom: 4rem;
	color: black;
}

.navbar-nav-desktop ul > li.current-menu-item > a{
	color: var(--accent-blue);
}


.navbar-nav-desktop ul > li:last-child{
	margin-bottom: 7rem;
}

.navbar-nav-desktop ul > li > a{
	text-decoration: none !important;
	margin-bottom: 4rem;
}

.social-icons{
	display: flex;
}

.social-icons a:not(:last-child){
	margin-right: 2rem;
}

.social-cta{
	color: var(--gray-subtle);
	font-size: 1.2rem;
}

/* ########### SIDE MENU RESPONSIVE & MOBILE MENU 0########### */



@media screen and (max-width: 1050px){
	.sidebar{
		display: none;
	}
}

/* ### SITE CONTENT ### */

@media screen and (max-width: 769px){
	div #content{
		padding: 0 1rem 0 1rem;
	}

	.entry-content {
		padding-top: 4rem;
	}
}

.ac-custom-grid{
	width: 100%;
	display: grid;
	column-gap: 1.77515%;
	grid-template-columns: repeat(12, 1fr);
	align-items: center;

}

.ac-custom-grid__left{
	grid-column: 1 / 6;
}

.ac-custom-grid__left img {
	width: 100%;
	object-fit: cover;
}

.ac-custom-grid__right{
	grid-column: 7 / 12;
	margin-left: 0 !important;
}

@media screen and (max-width: 769px){
	.ac-custom-grid{
		display:flex;
		flex-direction: column;
	}
}

/* ###### BIO PAGE SPECIFICS ##### */


.reset-padding{
	padding: none !important;
}

.has-special-padding-left{
	padding-left: 2.125rem;
}

/* ###### CATEGORY PAGE SPECIFICS ##### */

.has-small-margin-bottom{
	margin-bottom: 1.5rem;
}

.column-smaller-margin {
	margin-left: 1.5rem !important;
}

.selected-works-title{
	font-family: var(--main-font);
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 110%;
	/* or 26px */

	text-align: center;

	color: #FFFFFF;

	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 769px){
	.has-mobile-margin {
		margin-bottom: 1rem;
	}

	.column-smaller-margin {
		margin-left: 0 !important;
	}

	.mobile-height-limited{
		max-height: 16.625rem;
	}
}


/* ####### CATEGORY - INSIDE CATEGORY STYLES  */

article.post > div.inside-article > h2{
	font-family: var(--main-font);
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 120%;
	/* or 24px */

	letter-spacing: -0.02em;
}

.ac-main-container{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	column-gap: 1.77515%;
	padding: 4rem 0;
}

.ac-entry-summary{
	display: flex;
	font-family: var(--main-font);
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 150%;
	color: #50545E;
}

.ac-main-container > article {
	grid-column-end: span 3;
	padding-bottom: 0 !important;
	margin-bottom: 1.05rem;
}

.post-image-onClick {
	cursor: zoom-in;
}

@media screen and (max-width: 768px){
	.ac-main-container{
		display: flex;
		flex-direction: column;
	}

	.post-image img{
		width: 100%;
	}
}

/* ##### SINGLE WORK VIEW ###### */

main.ac-post-container{
	width: 100%;
}

.post-grid{
	display: flex;
	flex-wrap:wrap;
	gap: var(--column-gap);
	align-items: flex-start;
	padding-bottom: 10rem;
}

.carousel-area{
	flex-basis: 58%;
}

h2.work-details-title{
	font-size: 1.6rem;
	font-weight:  500;
	margin-bottom: 2.5rem;
	padding-top: 7rem;
}

.post-meta{
	flex-basis: 40%;
}

.work-detail:not(:last-child){
	margin-bottom: 1.7rem;

}

.work-detail.sale{
	font-weight: 500;
	font-style: italic;
}

.work-detail.sale a{
	color: var(--accent-blue);
	text-decoration: none;
}

@media screen and (max-width: 1050px){
	.post-grid{
		flex-direction: column;
	}
}


/* #### Smaller Width container for articles */

.header-smaller-width{
	display: grid;
	grid-template-columns: 1fr 800px 1fr;
}

.header-smaller-width h1.entry-title{
	grid-column: 2;
}

.smaller-container {
	width: 800px;
	margin: 0 auto;
}

/* ###### LIGHBOX ##### */

.lightbox-overlay{
	position: absolute;
	width: 100%;
	background: rgba(0, 0, 0, 0.24);
	backdrop-filter: blur(20px);
	display: none;
	z-index: 9999;
}

.lightbox-overlay svg{
	width: 2rem;
	position: absolute;
	top: 10px;
	left: 95%;
	fill: gray;
	cursor: pointer;
}

.lightbox-container{
	position: relative;
	display:flex;
	width: 85vw;
	height: 40vw;
	top: 10%;
	left: 7%;
	align-items: center;
	justify-content: space-between;
	user-select: none;
	z-index: 10000;


}

.lightbox-modal{
	width: 90%;
	height: 100%;
}

.lightbox-image{
	width: 100%;
	height: 100%;
	object-fit: cover;
	
}

.lightbox-previous{
	font-size: 6rem;
	color: white;
	cursor: pointer;
	font-weight: 100;
}

.lightbox-next{
	font-size: 6rem;
	color: white;
	cursor: pointer;
	font-weight: 100;
}


/* ###### CONTACT FORM ##### */

.ac-custom-form input{
	font-family: var(--main-font) !important;
	font-size: 16px !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-bottom: 1px solid black !important;
	border-radius: 0 !important;
	padding-left: 0 !important;
	font-weight: 300;


}

.ac-custom-form textarea{
	border: 1px solid black !important;
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	font-size: 16px !important;
	height: 10rem !important;
	font-family: var(--main-font) !important;
	resize: none;
	border-radius: 0 !important;
	padding-left: 0 !important;
	font-weight: 300;
}

.ac-custom-submit{
	background-color: black !important; 
	color: white !important;
	font-weight: 600 !important;
	border-radius: 0 !important;
	padding-left: 2.7rem !important;
	padding-right: 2.7rem !important;
	transition: all .2s;
}

.ac-custom-submit:hover{
	transform: scale(1.1);
}

div.wpforms-container-full .wpforms-form .wpforms-field-label{
	font-weight: 300;
}

span.wpforms-required-label{
	color: black !important;
}

/* ###### CONTACT INSTAGRAM ##### */

.contact-instagram{
	display: flex;
	align-items: center;
}

.contact-instagram img {
	max-width: 32px;
	margin-right: .7rem;
}

a.contact-instagram__link{
	text-decoration: none;
	color: black;
}


@media screen and (max-width: 769px) {
	.ac-custom-submit{
		width: 100% !important;
	}
}

/* ###### RESPONSIVE - USING BREAKPOINTS FROM THE PARENT THEME ###### */


@media screen and (max-width: 768px) {
}

/* #### DEBUG #### */


.special-flex-col{
	flex-direction: column;
	max-width: 60%;
	margin: 0 auto;
}

.special-flex-col >.wp-block-column{
	margin-bottom: 1rem;
}

.special-flex-col >.wp-block-column a{
	color: white;
	text-decoration: none;
}

.special-flex-col .column-smaller-margin {
	margin-left: 0 !important;
}

p.smaller-margin{
	margin-bottom: 2rem;
}

@media screen and (max-width: 800px) {
	.reverse-flex{
		flex-direction: column-reverse;
	}
}


/* MOBILE MENU STYLES - RESPONSIVE MENU  */ 

.responsive-menu__checkbox{
	display: none;
}

.navigation-button{
	display: none;
	height: 4rem;
	width: 4rem;
	z-index: 2000;
	cursor: pointer;
	justify-self: flex-end;
	grid-column-end: 13;
}

input[type="checkbox"].navigation-button{
	display:none;
}

.responsive-menu__checkbox:checked + .navigation-button {
	right: 3rem;
}
.navigation__icon {
	display: none;
	width: 3rem;
	height: 1px;
	background-color: var(--ac-dark-gray);
	transition: all .2s;
}
.responsive-menu__navigation{
	position: absolute;
	right: 0;
	top: -3.3rem;
	background-color: white;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.1), 
				0px 2px 4px rgba(0,0,0,0.1), 
				0px 4px 8px rgba(0,0,0,0.1), 
				0px 8px 16px rgba(0,0,0,0.1);
	height: 100vh;
	padding: 0 2rem;
	overflow: hidden;
	visibility: hidden;
	width: 0vw;
	transition: width .3s, visibility .001s;
  
}
.responsive-menu__checkbox:checked ~ .responsive-menu__navigation {
	display: none;
	width: 45vw;
	flex-direction: column;
	visibility: visible;
	transition: all .2s;
	justify-content: flex-start;
	align-items: flex-start;
	z-index: 1999;
}

ul.responsive-menu__navigation__list{
	list-style: none;
	margin: 25rem 0 0 0 !important;
	font-size: 2.2rem;
	text-transform: capitalize;
	padding-left: 0;
	user-select: none;
	font-family: var(--main-font);
	width: 100%;
}

ul.responsive-menu__navigation__list li{
	text-align: right;
	width: 100%;
}

.responsive-menu__navigation__list li a {
	color: var(--ac-dark-gray);
	text-decoration: none;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	margin-bottom: 2rem;
	justify-content: flex-end;
	padding-right: 3rem;	
}

.responsive-menu__navigation__list li ul {
	display: none;
	opacity: 0;
	transform: translateY(-10%);
	position: absolute;

}

.responsive-menu__navigation__list li ul.is-visible {
	display: block;
	position: unset;
	opacity: 100%;
	transform: translateY(0);
	animation: menu_fade_in 0.5s
}
.responsive-menu__navigation__list li ul.fade-out {
	animation: menu_fade_out 0.3s;
	transform: translateY(-10%);
}

.responsive-menu__navigation .social-container{
	margin-top: 10rem;
	width: 100%;
	padding-right:3rem;

}

.responsive-menu__navigation .social-container .social-icons{
	width: 100%;
	justify-content: flex-end;
}

.responsive-menu__navigation .social-cta{
	text-align: right;
}


@keyframes menu_fade_in {
	0% {
		 transform: translateY(-10%);
	}
	100% {
		transform: translateY(0);
	}
}

@keyframes menu_fade_out{
	0% {
		 transform: translateY(0);
		 opacity: 100%;
	}
	100% {
		opacity: 10%;
		transform: translateY(-10%);
	}
}

.responsive-menu__navigation__list ul li a:after {
	display: none;
}


.responsive-menu__navigation__list li.menu-item-has-children > a{
	display: flex;
	align-items:baseline;
	pointer-events: none;
}
.responsive-menu__navigation__list .sub-menu {
	font-size: 1.8rem;
	list-style: none;
}

.responsive-menu__navigation__list .sub-menu .sub-menu{
	font-size: 1.6rem;
	list-style: none;
}

.responsive-menu__navigation__list .sub-menu li:not(:last-child) > a {
	margin-bottom: .5rem;
}


.navigation__icon::before {
	top: -1rem;
	content: attr(data-before);
	position: absolute;
	left: 0;
	width: 3rem;
	height: 1px;
	background-color: var(--ac-dark-gray);
	display: inline-block;
	transition: all .2s;
}
.navigation__icon::after {
	content: attr(data-after);
	position: absolute;
	top: 1rem;
	left: 0;
	width: 3rem;
	height: 1px;
	background-color: var(--ac-dark-gray);
	display: inline-block;
	transition: all .2s;
}
.responsive-menu__checkbox:checked + .navigation-button .navigation__icon{
	background-color: white;
}
.responsive-menu__checkbox:checked + .navigation-button .navigation__icon::before{
	top: 0;
	z-index: 2000;
	transform: rotate(135deg);
}
.responsive-menu__checkbox:checked + .navigation-button .navigation__icon::after{
	top: 0;
	z-index: 2000;
	transform: rotate(-135deg);
}
.animation-enter{
	-webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}



@media only screen and (max-width: 1050px) {

	#desktop-navigation{
		display: none;
	}

	.responsive-menu__checkbox:checked ~ .responsive-menu__navigation{
		display:flex;
	}
	.header-navigation {
		display: none;
	}

	.header-elements {
		order: 1;
	}

	.header-search{
		margin-left: 0;
	}

	.header-search img {
		width: 20px;
		height: 20px;
	}

	.navigation-button {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		order: 3;
	}
	.navigation__icon{
		display: inline-block;
		position: relative;
	}
}       

/* Header, menu and responsive menu, small screen styles. */

@media screen and (max-width: 650px){

	.site-title a{
		font-size: 3.4rem;
	}

	.header-container{
		width: 100%;
		padding: 0 1rem;
	}

	.responsive-menu__navigation{
		height: 120vh;
	}
	ul.responsive-menu__navigation__list{
		font-size: 1.8rem;
	}

	.responsive-menu__navigation__list .sub-menu {
		font-size: 1.6rem;
	}
	
	.responsive-menu__navigation__list .sub-menu .sub-menu{
		font-size: 1.4rem;
	}

	.responsive-menu__navigation__list li a {
		padding-right: 1rem;	
	}

	.responsive-menu__navigation .social-container{
		padding-right: 1rem;	
	}

}


 @keyframes menu-appear{
	0%{
		opacity: 0;
	}   
	25%{
		opacity: .25;
	}
	50%{
		opacity: .50;

	}
	75%{
		opacity: .75;

	}
	100%{
		opacity: 1;

	}
 }


 /* Footer Settings */

footer.main-footer{
	width: 100vw;
	position: sticky;
	top: 100vh;
	margin-top:auto;
}

.footer-container{
	width: var(--site-width);
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto;
	height: 5rem;
}

.footer-social{
	display: flex;
	align-items: center;
	gap: 1.4rem;
}

.footer-social a{
	display:block;
	margin-bottom: 0;
}

.footer-copyright{
	font-size: 1.2rem;
	color: #333;
}

.footer-social a img{
	width: 2rem;
	height: auto;
	filter: brightness(0) invert(0);
}

ul.footer-menu {
	display: flex;
	align-items: center;
	gap: 1.4rem;
	margin: unset;
	height: 100%;

}

.footer-menu li {
	list-style: none;
	font-size: 1.2rem;
	font-family: var(--secondary-font);
	letter-spacing: var(--letter-spacing);
	cursor: pointer;
}

.footer-menu li a{
	text-decoration: none;
	color: #515151

}

.footer-menu li a:hover{
	color:black;
}

/* Footer Responsive */

@media screen and (max-width: 1050px){
	.footer-container {
		justify-content: center;
	}
}

@media screen and (max-width: 769px){
	.footer-container {
		margin-top: 1rem;
		flex-direction: column;
	}
	.footer-social{
		margin-top: 1.6rem;
	}
}



/* Additional Classes */

.entry-content figure.wp-block-table.cv-table table,
.entry-content figure.wp-block-table.cv-table table th,
.entry-content figure.wp-block-table.cv-table table td{
	border-width: 0;
	font-family: var(--main-font);
	color: var(--ac-dark-gray);
	font-weight: 300;
	border-image-width: 0;
	padding-bottom:0;
}

.entry-content figure.wp-block-table.cv-table table tr td:first-child{
	font-weight: 400;
	min-width: 7rem;
}

.entry-content figure.wp-block-table.cv-table table tr{
	vertical-align: top;
}

.cv-heading{
	font-family: var(--main-font);
	font-size: 2.4rem;
	font-weight: 300;
}

ul.cv-list{
	list-style: none;
	font-family: var(--main-font);
	margin-left: 0;
	font-size: 1.6rem;
	color: var(--ac-dark-gray);
	font-weight: 300;
}
ul.cv-list li{
	margin-bottom: 1.4rem;
	padding-left: 0 !important;

}

/* Alternative CV template */

.cv-container{
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	column-gap: var(--column-gap);
	row-gap: var(--row-gap);
}

.cv-container-content{
	grid-column: 1 / 7;
}

.image-gallery {
	display: flex;
	transition: transform 0.5s ease;
  }
  

.cv-container-gallery{
	grid-column: 7 / -1;
	position: sticky;
	top: 7rem;
	height: 55rem;
	overflow: hidden; /* Hide the overflowing images */

}

.cv-container-gallery img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top:0;
	border-radius: 4px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	left:0;
	transition: opacity 0.3s ease; /* Add a 0.5-second transition for opacity */

  }


/* Utilities */

.no-padding-top{
	margin-top: -5rem;
}

@media screen and (max-width: 1050px){
	.mobile-reverse{
		flex-direction: column-reverse;
	}
}

@media screen and (max-width: 850px){
	.mobile-hidden{
		display: none;
	}
}

@media screen and (min-width: 850px){
	.desktop-hidden{
		display: none;
	}
}

.alt-home-upcoming{
	margin: 7rem 0;
}

.alt-home-upcoming h2{
	text-align: center;
}

 /* Slider Settings */

.site-width-content__test{
	margin: 0 auto;
	width: 95vw;
	max-width: unset;
}

#n2-ss-2,
#n2-ss-4{
	height: 85vh;
}

.n2-ss-align.n2-ss-align-visible {
	overflow-y: hidden !important;
}


/* Add search classes */
.mobile-search-toggle,
.search-toggle {
    position: relative;
    cursor: pointer;
}

.search-toggle svg{
	width: 1.5rem;
	height: 1.5rem;
}

.search-icon {
    font-size: 20px;
	margin-left: 2.2rem;
}



.mobile-header-search{
	display: none;
	z-index: 100;
	position: absolute;
	border: 1px solid black;
	border-radius: 3px;
	max-width: 300%;
	padding-right: 1rem;

}

.header-search{
    display: none;
	z-index: 100;
    position: absolute;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.header-search.active{
	display: block;
	z-index: 110;
	top: 120%;
    right: 0%;
    padding: 10px;
	background-color: white;;
}

.mobile-header-search.active{
	display: block;
	top: 100%;
    right: 0;
    padding: 10px;
}


.mobile-header-search form input,
.header-search form input {
	background-color:white;
	border: none;
	padding: 5px;
}

.mobile-header-search form input:focus{
	background-color: white;
	outline: none;
}

.mobile-header-search form button,
.header-search form button {
	display: none;
}

/* Mobile Search */

.mobile-search-toggle{
	align-self: flex-end;
}

.mobile-search-toggle svg{
	padding-right: 3rem;
	width: 2.7rem;
	height: 2.7rem;
}


@media screen and (max-width: 850px){
	.mobile-search-toggle svg{
		padding-right: 1rem;
		width: 2.7rem;
		height: 2.7rem;
	}
}