/* RESET ++ */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}


table {
    border-collapse:collapse;
    border-spacing:0;
}

input, select {
    vertical-align:middle;
	outline:none;
}

textarea {
	outline:none;
	resize:none;	
}

.clear {clear:both;}
img {max-width:100%;height:auto;}

input,
textarea,
button,
select,
a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}


* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
    outline: none !important;
} 

.red { color:red !important; }



textarea,
input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"] {
	 -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
    outline: none !important;
     -webkit-appearance: none;
     border-radius: 0;
}


/* RESET -- */
/* FONTS ++ */


@font-face {
  font-family: "Inter";
  src: url("/assets/vendor/fonts/Inter-Light.ttf") format("truetype"); 
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Inter-Bold";
  src: url("/assets/vendor/fonts/Inter-Regular.ttf") format("truetype"); 
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Inter-Light";
  src: url("/assets/vendor/fonts/Inter-Light.ttf") format("truetype"); 
  font-weight: normal;
  font-style: normal;
}

/* FONTS -- */
/* OVERALL ++  */

h1 {
	color: #003A7F;
    font-size: 28px;
	line-height:36px;
    font-family: "Inter-Bold";
	font-weight:normal;
	margin-bottom:20px;
}

h2, h3 {
color: #003A7F;
margin-top:25px;
margin-bottom:15px;
font-size: 20px;
	line-height:36px;
	font-weight:normal;
	font-family: "Inter-Bold";
}

html, body {
	width:100%;
	height:100%;
}

body {
	font-family: 'Inter', sans-serif;
}

.global-wrapper {
	height:100%;
	width:100%;
	display:table;
	position:relative;
}

.width-wrapper {
	max-width:1450px;
	margin:0 auto;
	padding:0 40px;
	display:table;
	width:100%;
	height:100%;
	box-sizing:border-box;
}

b {
	 font-family: "Inter-Bold";	
}

.table {
	display:table;
}

.table-row {
	display:table-row;
}

.table-cell {
	display:table-cell;
}

span.grey.line {
	border-top: 1px solid rgba(0, 58, 127, 0.1);
	height:0px;
	width:100%;
	display:table;
}

a.back,
a.know.more {
	margin-top: 10px;
	display: table;
	color: #fff;
	font-size: 12px;
    line-height: 24px;
    letter-spacing: 1pt;
	text-transform: uppercase;
	text-decoration: none;
	transition-duration:0.3s;
	border-bottom: 0.5px solid transparent;
}

a.back {
	color:#003A7F;	
}

a.back:hover,
a.know.more:hover {	
	border-bottom: 0.5px solid rgba(0, 58, 127, 0.4);
}

a.button.buy {
	background-color:#003A7F;
	padding:15px 40px;
	border-radius:3px;
	color:#fff;
	text-decoration:none;
	display:inline-table;
	font-size:14px;
	font-family:"Inter-Light";
	transition-duration:0.3s;
	margin-right:20px;
	margin-top:15px;
}

a.button.buy:hover {
	opacity:0.7;
}

@media screen and (max-width:1100px) {	
	.width-wrapper {
		padding:0 20px;
	}
}

/* OVERALL -- */
/* HEADER ++ */

body.home {
	background-color: #e6ebf2;	
}

header {
	width:100%;
	box-sizing:border-box;
	position:relative;
	display:table-row;
}

	header div.inner {
		padding:30px 0px;
		display:table-cell;
	}

body.home header { 
	 padding:30px 0 0 0;
	 margin:0 auto;
} 

	header div.table {
		width:100%;
		position:relative;
	}

		header div.table-cell {
			vertical-align:middle;
		}

		header div.table-cell.left {
			width:33.33%;
			width:25%;
			/* padding-right:100px; */
			box-sizing:border-box;
		}
		
		header div.table-cell.right {
			width:66.66%;	
			width:75%;	
			text-align:right;
			padding-left:0px;
			box-sizing:border-box;
		}
			
			header a.logo {
				width:100%;
				display:table;
				max-width:360px;
			}
				
				header a.logo img {
					width:100%;
					line-height:0;
				}	
			
			div.menu-main.container ul.menu-main {
				list-style:none;
			}
			
			div.menu-main.container ul.menu-main.lang {
				margin-bottom:40px;
				display:inline-table;
				vertical-align: middle;
			}
			
				div.menu-main.container ul.menu-main li {
					display:inline-block;
					margin-left:35px;
					position: relative;
				}
				
					div.menu-main.container ul.menu-main li.childs>a {
						padding-right:25px;
					}

					div.menu-main.container ul.menu-main li.childs>a:after {
						content: "\25BE"; 
						width:20px;
						height:20px;
						position: absolute;
						right:0;
						top:0;
						text-align: right;
						font-size:20px;
					}

					div.menu-main.container ul.menu-main li a {
						color:#003A7F;
						font-size:16px;
						line-height:22px;
						text-decoration:none;
						letter-spacing:0.1pt;
						display:table;
						padding-bottom:3px;
						border-bottom: 1px solid transparent;
						transition-duration:0.3s;
						margin-top:5px;
						position: relative;
					}
					
					div.menu-main.container ul.menu-main.lang a {
						font-size:14px;
						text-transform:uppercase;
					}
					
					div.menu-main.container ul.menu-main li a:hover,
					div.menu-main.container ul.menu-main li a.active {
						border-bottom: 1px solid rgba(0, 58, 127, 0.3);
					}

					ul.menu-main ul {
						padding-top:20px;
						position:absolute;
						right:0;
						top:30px;
						padding:10px;
						display:none;
						background-color: #e6ebf2;
						box-shadow: 0 0 10px rgba(0,0,0,0.1);
					}

						ul.menu-main ul li {
							margin:2px 0;
							white-space:nowrap;
						}

					div.menu-main.container ul.menu-main li.childs:hover>ul {
						display: block;
					}

					a.toggle-menu {
						right:0px;
						top:0px;
						outline: none;
						width: 33px;
						height: 33px;
						display: inline-block;
						vertical-align: middle;
						border-radius:50%;
					 padding:10px;
						background-color:#003A7F;
						z-index:100;
						position:absolute;
						transition-duration:0.3s;
						display:none;
					}
					
					
					
					a.toggle-menu.opened {
						background-color:#fff;
					}
					
						a.toggle-menu div.nav-icon {
							width: 23px;
							height: 14px;
							margin-left:5px;
							margin-top:9px;
						}
						
							a.toggle-menu.opened .nav-icon span.line_top, a.toggle-menu.opened .nav-icon span.line_middle, a.toggle-menu.opened  .nav-icon span.line_bottom { 
								background-color: #003A7F;
							}
						
							
							.nav-icon span.line_top, .nav-icon span.line_middle, .nav-icon span.line_bottom {
								display: block;
								height: 2px;
								background-color: #fff;
								transition: all .2s ease-in-out;
								-moz-transition: all .2s ease-in-out;
								-webkit-transition: all .2s ease-in-out;
							}
									
							.nav-icon span.line_middle, .nav-icon span.line_bottom { margin-top: 5px; }
							
							.opened .nav-icon span.line_top {transform: translateY(7px) rotate(135deg);}
							
							.opened .nav-icon span.line_middle { -webkit-transform: scale(0);transform: scale(0);}
							
							.opened .nav-icon span.line_bottom {transform: translateY(-7px) rotate(-135deg);}
							
							
				div.menu-mobile {
					z-index:1;
					display:none;
					position:absolute;
					right:0;
					top:0;
					bottom:0;
					height:100%;
					min-height:100%;
					width:400px;
					background-color: #143764;
				
					padding:30px 40px;
					box-sizing:border-box;
				}
								
								
				div.menu-mobile ul.menu-main {
					list-style:none;
					display:block;
					margin-bottom:100px;
				}
				
					div.menu-mobile ul.menu-main li {
						display:block;
					}
					
						div.menu-mobile ul.menu-main li a {
							color: #fff;
							font-size: 20px;
							line-height: 22px;
							text-decoration: none;
							border-bottom: 1px solid transparent;
							transition-duration: 0.3s;
							letter-spacing: 0.1pt;
							display: table;
							padding: 15px 10px;
							display: table;
						}
						
						div.menu-mobile ul.menu-main li a:hover,
						div.menu-mobile ul.menu-main li a.active {
							border-bottom: 1px solid rgba(0, 58, 127, 0.4);
						}
							
@media screen and (max-width:1350px) {
	
	a.toggle-menu {
		display:block;
	}
	
	div.menu-main.container ul.menu-main {
		display:none !important;
	}
	
	header div.table-cell.left {
		width:60%;
	}

	header div.table-cell.right {
		width:40%;	
	}

	header div.table-cell {
		vertical-align: top;
	}
		
	
}

@media screen and (max-width:620px) {
	
	header div.inner {
		/* border-bottom: 1px solid rgba(0, 58, 127, 0.1); */
	}
	
	div.menu-mobile {
		width:100%;
		padding:30px 30px;
	}
}

/* HEADER -- */
/* CONTENT  ++ */

section.content {
	display:table-row;
	height:100%;
}

body.privacy_policy section.content {
	display:table;
	width:100%;
}
	
	section.content>div.inner {
		padding-bottom:30px;
		/* border:1px solid red; */
		padding-top:50px;
	}


@media screen and (max-width:820px) {
	section.content>div.inner {
		padding-top:0px;
	}
}

/* CONTENT  -- */
/* LANDING HEADER ++ */


div.landing {
	/* display:table-cell; */
	width:100%;
	vertical-align:top;
}


	div.landing div.table {
		height:100%;		
		width:100%;
	}
		
		div.landing div.table-cell {
			vertical-align:middle;
		}
		 
		div.landing div.table-cell.left {
			width:33.33%;	
			/* vertical-align:bottom; */
			padding-right:30px;
			/* padding-top:50px; */
			/* padding-bottom:60px; */
			box-sizing:border-box;
		}
		
		div.landing div.table-cell.right {
			width:66.66%;			
			background-size:cover;
			background-position:center;
			background-blend-mode: multiply;
			/* background-color: rgba(0, 58, 127, 0.1); */
			box-sizing:border-box;
			/* position:relative; */
		}
		
			div.landing div.table-cell.right img.wrapper {
				opacity:0;
				width:100%;
			}
		
		
			div.landing div.table-cell div.inner {
				color:#fff;
				/* padding:30px 40px 30px 120px; */
			}
			
			
			div.landing div.table-cell div.inner a,
			div.landing div.table-cell div.inner p {
				color:#003A7F;
				text-decoration:none;
				/* margin:5px 0; */
				font-size:16px;
				line-height:26px;
				letter-spacing:0.5pt;
				max-width:520px;
			}
			
			div.landing div.table-cell div.inner a {
				margin-top:5px;
			}
			
			div.landing div.table-cell div.inner p.title {
				font-size:22px;
				line-height:28px;
				font-family:"Inter-Bold";
				display:table;
				margin-bottom:30px;
			}
			
			div.landing div.table-cell div.inner p.address {
				font-size:20px;
				line-height:30px;
				margin-bottom:40px;				
			}
			
			div.landing div.table-cell div.inner a {
				color:#003A7F;
				padding-bottom:3px;
				display:table;
				transition-duration:0.3s;
				border-bottom: 1px solid rgba(0, 58, 127, 0.3);
			}
			
			div.landing div.table-cell div.inner a:hover {
				border-bottom: 0.5px solid transparent;
			}
			
			
		

@media screen and (max-width:1200px) {
	
	div.landing {
		padding-top:0px;
	}
	
	div.landing div.table-cell.left {
		margin-bottom:30px;
	}
	
	div.landing div.table-cell.left,
	div.landing div.table-cell.right {
		width:100%;
		display:block;
	}
	
}

@media screen and (max-width:620px) {
	div.landing {
		display:table;
	}
	
	div.landing div.table-cell.left {
		display:table-footer-group;
	}
	
	div.landing div.table-cell.left p.title {
		margin-top:30px;
	}
	
	div.landing div.table-cell.right {
		display:table-header-group;
	}
	
}

/* LANDING HEADER -- */
/* ARTWORKS POPUP ++ */

div.artwork-data-container {
	display:none;
}

div#artwork-popup {
	position:absolute;
	display:none;
	width:100%;
	min-height:100vh;
	z-index:2000;
}

	div#artwork-popup div.inner {
		width:100%;
		background-color:#fff;
		display:table;
		position:relative;
	}

		div#artwork-popup div.inner div.table {
			width:100%;
			min-height:100vh;
		}
		
			div#artwork-popup div.inner div.table-cell {
				padding:60px;
				position:relative;
				vertical-align:middle;
			}
			
			div#artwork-popup div.inner div.table-cell.left {
				width:66.66%;
				text-align:center;
			}
			
				div#artwork-popup div.inner div.table-cell.left img {
					max-height:90vh;
				}
			
			div#artwork-popup div.inner div.table-cell.right {
				border-left:1px solid rgba(0,0,0,0.1);
				width:33.33%;
			}
			
				div#artwork-popup div.inner a.toggle-menu {
					padding:0;
					border-radius:0;
					right:60px;
					top:30px;
					transition-duration:0s;
					display:block;
				}
				
				div#artwork-popup div.inner p {
					color:#a0a0a0;
					font-size:16px;
					line-height:22px;
				}
				
				div#artwork-popup div.inner p.author {
					color:#003A7F;
					font-size:28px;
					line-height:32px;
					font-family:"Inter-Bold";
					margin-bottom:20px;
				}
				
				div#artwork-popup div.inner p.title {
					margin:5px 0;
					font-size: 16px;
					line-height: 34px;
					color: #003A7F;
				}
				
				div#artwork-popup div.inner a.want-to-get {
					padding:30px 60px;
					background-color:#003A7F;
					color:#fff;
					font-size:16px;
					text-decoration:none;
					display:table;
					margin-top:40px;
				}
				
				
		div#artwork-popup div.content.contacts {
			display:none;
		}			
				
		div#artwork-popup.show-contacts div.inner div.table-cell.right {
			background-color:#003A7F;
			background-color: #e6ebf2;
			border-left:1px solid transparent;
		}
		
			div#artwork-popup.show-contacts a.toggle-menu {
				/* background-color:#003A7F; */
				background-color: #e6ebf2;
			}
			
			
			div#artwork-popup.show-contacts  .nav-icon span.line_top, 
			div#artwork-popup.show-contacts  .nav-icon span.line_middle, 
			div#artwork-popup.show-contacts  .nav-icon span.line_bottom{ 
				/* background-color: #fff; */
			}
						

				div#artwork-popup.show-contacts div.content.contacts  p,
				div#artwork-popup.show-contacts div.content.contacts  a {
					color:#fff;
					color: #003A7F;
					margin:10px 0;
					font-weight:200;
					font-size:16px;
					line-height:26px;
				}
				
				div#artwork-popup.show-contacts div.content.contacts  a {
					text-decoration:none;
					border-bottom: 1px solid rgba(0, 58, 127, 0.3);
					padding-bottom:3px;
					transition-duration:0.3s;
				}
				
				div#artwork-popup.show-contacts div.content.contacts  a:hover {
					border-bottom:1px solid tranparent;
					cursor:pointer;
				}
				
@media screen and (max-width:620px) {
	div#artwork-popup div.inner div.table-cell.left,
	div#artwork-popup div.inner div.table-cell.right {
		width:100%;
		display:block;
		padding:30px 20px;
		box-sizing:border-box;
		
	}
	
	div#artwork-popup div.inner div.table-cell.right {
		padding-right:60px;
	}
	
	div#artwork-popup div.inner a.toggle-menu {
		right:20px;
	}
	
}
					

/* ARTWORKS POPUP -- */
/* EXHIBITION SLIDESHOW & HEADER ++ */

section.exhibition.slideshow {
	width:100%;
	background-color:#e6ecf3;
	/* height:800px; */
	overflow:hidden;
	position:relative;
}

	section.exhibition.slideshow div.table {
		width:100%;
		/* position:absolute; */
		height:100%;
		left:0;
		top:0;
		width:100%;
	}
	
		section.exhibition.slideshow div.table-cell {
			vertical-align:middle;
			position:relative;
		}
		
			section.exhibition.slideshow div.table-row {
				
			}
		
		
		section.exhibition.slideshow div.table-cell.left {
			width:40%;
		}
		
			section.exhibition.slideshow div.table-cell.left div.inner {
				padding:120px;
			}
			
				section.exhibition.slideshow div.table-cell.left p {
					font-size:18px;
					line-height:28px;
					color: #003A7F;
					margin:10px 0;
				}
				
				section.exhibition.slideshow div.table-cell.left p.exhibition {
					font-size:50px;
					line-height:60px;
					margin:10px 0;
				}
				
				
				section.exhibition.slideshow div.slideshow.buttons {
					position: absolute;
					left: 0;
					bottom: 0;
					width:100%;
					max-width:180px;
					box-sizing: border-box;
					display: table;
				}
				
					section.exhibition.slideshow  div.slideshow.buttons a.swipe {
						background-color:#003a7f;
						display: inline-block;
						width: 48%;
						box-sizing: border-box;
						text-align: center;
						font-size: 30px;
						text-decoration: none;
						color: #fff;
						transition-duration: 0.3s;
						position: relative;
						margin-right:1%;	
					}
					
					section.exhibition.slideshow  div.slideshow.buttons a.swipe:hover {
						background-color:rgba(0, 58, 127,0.7);
					}
					
						section.exhibition.slideshow div.slideshow.buttons a.swipe img {
							width: 100%;
							opacity: 0;
						}
						
						section.exhibition.slideshow div.slideshow.buttons a.swipe span {
							position: absolute;
							top: 50%;
							margin-top: -15px;
							left: 0;
							width: 100%;
						}
				
				
				section.exhibition.slideshow div.table-cell.left a.know.more {
					margin-top:50px;
					display:block;
					color: #003A7F;
					font-size: 12px;
					line-height: 22px;
					letter-spacing: 1pt;
					text-transform: uppercase;
					text-decoration: none;
					display:table;
					transition-duration:0.3s;
					border-bottom: 0.5px solid transparent;
				}
				
				section.exhibition.slideshow div.table-cell.left a.know.more:hover {
					border-bottom: 0.5px solid rgba(0, 58, 127, 0.4);
				}
		
		section.exhibition.slideshow div.table-cell.right {
			width:60%;
			background-size:cover;
			background-position:center;
			/* transition-duration:0.3s; */
		}
		
			section.exhibition.slideshow div.table-cell.right img {
				opacity:0;
				width:100%;
			}
			
			section.exhibition.slideshow div.table-cell.right ul.slideshow.images {
				list-style:none;
				position:relative;
				display:table;
				position:absolute;
				left:0;
				top:0;
				bottom:0;
				right:0;
				width:100%;
				height:100%;
			}
			
				section.exhibition.slideshow div.table-cell.right ul.slideshow.images li{
					position:absolute;
					left:0;
					top:0;
					with:100%;
					height:100%;
					/* opacity:0; */
				}
			

@media screen and (max-width:1000px) {	
	section.exhibition.slideshow div.table-cell.left,
	section.exhibition.slideshow div.table-cell.right{
		width:100%;
		display:block;
	}
	
	section.exhibition.slideshow div.table-cell.left div.inner {
		padding: 120px 60px 60px 60px;
	}
	
	section.exhibition.slideshow div.slideshow.buttons {
		left:0%;
		width:100%;
	}

}

@media screen and (max-width:620px) {
	section.exhibition.slideshow div.table-cell.left div.inner {
		padding: 120px 30px 30px 30px;
	}
	
}

/* EXHIBITION SLIDESHOW & HEADER-- */
/* EXHIBITION DATA ++ */


div.exhibition.publication {
	/* margin-top:30px; */
	padding-bottom:30px;
	border-bottom: 1px solid rgba(0, 58, 127, 0.1);	
}

/* CART PAGE (moved from cart.php inline styles) ++ */
.cart-page h1 { margin-bottom: 24px; }

.cart-grid { display: flex; gap: 60px; align-items: flex-start; }
.cart-left { flex: 2; min-width: 0; }
.cart-right { flex: 1; min-width: 280px; max-width: 420px; border: 1px solid #e5e5e5; border-radius: 8px; padding: 16px; position: sticky; top: 24px; box-sizing: border-box; }

.muted { color: #666; }
.loading { padding: 16px 0; }
.form-loading { padding: 8px 0; }

/* Cart items list */
#cart-products .cart-item { display: flex; align-items: center; gap: 20px; border-bottom: 1px solid #eee; padding: 12px 0; }
.cart-item-img { width: 72px; height: 72px; object-fit: cover; border-radius: 4px; margin-right: 12px; }
.cart-item-main { flex: 1; min-width: 0; }
.cart-item-title-price { display: block; }
.cart-item-title-price .item-title { font-weight: 600; display: block; color: #003A7F; }
.cart-item-price { display: block; margin-top: 4px; }
.cart-item-controls { margin-top: 8px; display: flex; gap: 8px; align-items: center; }
.cart-item-controls .qty-minus,
.cart-item-controls .qty-plus { width: 28px; height: 28px; }
.cart-item-controls .qty-input { width: 48px; text-align: center; }
.cart-item-controls .remove-from-cart { margin-left: auto; }

/* Left checkout form */
#checkout-form { margin-top: 8px; }
#checkout-message { margin-top: 8px; }
.checkout-col { margin: 8px 0; }
.checkout-col label { display: block; margin-bottom: 4px; color: #003A7F; }
.checkout-col input { width: 100%; padding: 8px 10px; box-sizing: border-box; border: 1px solid #e5e5e5; border-radius: 4px; }

/* Right side */
#cart-right-top { margin-bottom: 12px; }

aside.cart-right,
aside.cart-right p {

	font-size:15px;
	line-height: 22px;
	margin-bottom:5px;
}


#cart-shipping {

	margin:20px 0;
}

.shipping-options { margin: 8px 0; }
.shipping-options .shipping-title { font-weight: 600; margin-bottom: 6px; color: #003A7F; }
.shipping-options .shipping-option { display: block; margin-bottom: 6px; }
#cart-summary .cart-summary { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-top: 1px solid #eee; }

#submit-checkout { width: 100%; margin-top: 12px; padding: 12px; background: #003A7F; color: #fff; border: none; border-radius: 4px; cursor: pointer; }
#submit-checkout:hover { opacity: 0.9; }

/* Responsive */
@media screen and (max-width: 1000px) {
	.cart-grid { flex-direction: column; gap: 24px; }
	.cart-right { position: static; max-width: none; }
}
/* CART PAGE -- */

div.exhibition.no-border {
	border-bottom:0 none;
}


	div.exhibition.publication div.table {
		width:100%;
	}
	
		div.exhibition.publication div.table-cell.right  {
		
		}
		
		div.exhibition.publication div.table-cell {
			width:50%;
			vertical-align:top;
		}
		
		div.exhibition.publication div.table-cell  div.inner {
			box-sizing:border-box;			
			max-width:800px;
			padding-right:60px;
		}
		
			div.exhibition.publication p {
				margin: 5px 0;
				color: #003A7F;
				font-size: 16px;
				line-height: 26px;
				display: block;
			}

			div.exhibition.publication a {
				color: #003A7F;
				text-decoration:none;
				position: relative;
			}

			div.exhibition.publication a::after {
				content:'';
				width:100%;
				height:2px;
				position: absolute;
				bottom:-6px;
				left:0;
				right:0;
				border-top:1px solid #003A7F;
				transition-duration: 0.3s;
			}

			div.exhibition.publication a:hover::after {

				border-top:1px solid transparent;
			}
			
			div.exhibition p.date,
			div.exhibition p.exhibition {
				font-size:18px;	
				font-size:20px;	
			}
			
			div.exhibition p.date {
				margin-bottom:20px;
			}
			
			div.exhibition p.date {
				font-size:16px;	
				line-height:24px;
			}
			
			div.exhibition.publication p.artist {
				font-family:"Inter-Bold";
				font-size:20px;				
				font-size:28px;	
				line-height:34px;
				margin-bottom:10px;				
			}
			
			div.exhibition.publication p.description {
				font-size:14px;
			}

			div.exhibition.publication div.content {
				/* margin-top:50px;	 */
			}
			
			div.exhibition.publication div.content p {
				margin-bottom:20px;
			}

			div.exhibition.publication div.content ul {
				margin-left:25px;
				margin-bottom:20px;
				margin-top:0;
			}

				div.exhibition.publication div.content ul li {
					margin:5px 0;
				}

					div.exhibition.publication div.content ul li p {
						margin-bottom:0;
					}
			
			
			/*
			.about ul.slideshow {
				width:100%;	
				border:1px solid red;
			}
			*/
			
			 ul.slideshow {
				list-style:none;
				display:inline-block;
				width:70%;
				vertical-align:top;
				margin-bottom:30px;
				margin-top:10px;
				/* background-color:#e6ebf2; */
			}
			
				ul.slideshow li {
					line-height:0;
					display:none;
					
				}
				
				ul.slideshow li.active {
					display:block;
				}
				
					ul.slideshow img {
						width:100%;
						/* width:auto; */
						/* max-height:450px; */
					}
					
			/*
			.about ul.thumbs {
				width:100%;
				border:1px solid red;
				text-align:left;
			}
				.about  ul.thumbs li {
					line-height:0;
					margin-bottom:10px;
					cursor:pointer;
					display:inline-block;
					width:18%;
					margin-right:2%;
					vertical-align:top;
					text-align:left;
					
				}
				*/
					
			 ul.thumbs {
				list-style:none;
				display:inline-block;
				width:30%;
				vertical-align:top;
				text-align:right;
				padding-left:10px;
				box-sizing:border-box;
				margin-top:10px;
			}
			
			
				 ul.thumbs li {
					line-height:0;
					margin-bottom:10px;
					cursor:pointer;
					display:inline-block;
					width:46%;
					margin-right:2%;
					vertical-align:top;
					/* display:none; */
				}
				
				ul.thumbs li.active {
					display:block;
				}
				
					ul.thumbs img {
						width:100%;
					}
					
					
			body.about ul.thumbs {
				margin-bottom:30px;
			}
				/*
			body.about ul.thumbs {
				padding-left:0;
				width:102%;
				text-align:left;
				margin-top:20px;
				margin-left:-1%;
			}
			
				body.about ul.thumbs li {
					width:31.33%;
					width:23%;
					margin:0 1%;
					margin-bottom:2%;
				}
			
				*/
			
			 

@media screen and (max-width:1000px) {
	
	div.exhibition.publication div.table-cell {
		width:100%;
		display:block;
	}
	
	div.exhibition.publication div.table-cell div.inner {
		padding-right:0px;	
	}
	
}

/* EXHIBITION DATA -- */
/* EXHIBITION HISTORY ++ */

div.exhibition.history {
}

	div.exhibition.history div.inner {
		max-width:1440px;
		margin:0 auto;
		padding:60px 0px 0px 0px;
		box-sizing:border-box;
	}
	
	div.exhibition.history div.inner.wide {
		max-width:100%;
		padding-top:0;
	}
	
		
		div.exhibition.history div.inner h1 {
			font-size:28px;
			font-weight:400;
			color:#003A7F;
			margin-bottom:60px;
			font-family: "Inter-Bold";
		}
		
		div.exhibition.history div.inner ul {
			list-style:none;	
		}
		
			div.exhibition.history div.inner ul li {
				margin:20px 0; 
				padding-bottom:20px;
				/* border-bottom:1px solid rgba(0, 58, 127,0.3); */
			}
			
				div.exhibition.history div.inner ul li a {
					font-size:25px;
					font-size:20px;
					color:#003A7F;
					text-decoration:none;
					position:relative;
					/* padding-left:20px; */
					/* font-family:"Inter-Bold"; */
					display:inline-block;
					transition-duration:0.3s;
					font-family:"Inter-Bold";
					/* margin-left:20px; */
				}
				
				div.exhibition.history div.inner ul li a:hover {
					opacity:0.6;
				}
				
					div.exhibition.history div.inner ul li a span {
						position:absolute;
						left:0;
					}
					
					div.exhibition.history div.inner ul li.opened a span.closed {
						display:none;	
					}
					
					div.exhibition.history div.inner ul li.opened a span.opened {
						display:block;	
					}
					
					div.exhibition.history div.inner ul li.opened div.content.hidden {
						display:block;	
					}
					
					div.exhibition.history div.inner ul li a span.opened {
						display:none;
					}
					
					div.exhibition.history div.inner ul li div.content.hidden {
						/* display:block; */
						display:none;
					}
					
						div.exhibition.history div.inner ul li div.content ul {
							margin:0;
						 padding:0;
						}
						
							div.exhibition.history div.inner ul li div.content ul {
								margin-top:20px;
							}
							
								div.exhibition.history div.inner ul li div.content ul li:last-child{
									border:0 none;
								}
								
								div.exhibition.history div.inner ul li div.content ul li {
									padding-left:40px;
									padding:0;
									margin:0;
									padding:10px 0px;
								}
									
									div.exhibition.history div.inner ul li div.content ul li div.inline {
										display:inline-block;
										width:100%;
										font-size:16px;
										line-height:22px;
										vertical-align:top;
										color:#003A7F;
										/* border:1px solid red; */
										/* white-space:nowrap; */
									}
									
									div.exhibition.history div.inner ul li div.content ul li div.inline.right {
										width:0%;
										padding-left:10px;
										box-sizing:border-box;
									}
									
									div.exhibition.history div.inner ul li div.content ul li a {
										font-size:16px;
									 line-height:26px;
									 padding:0;
									 font-family:"Inter";
									 display:inline-table;
									 max-width:700px;
										/* margin-left:10px; */
										/* font-family:"Inter-Bold"; */
									}
									

@media screen and (max-width:1000px) {			
	div.exhibition.history div.inner {
		/* padding:120px 60px; */
	}
}

@media screen and (max-width:620px) {			
	div.exhibition.history div.inner {
		/* padding:80px 30px; */
	}
	
	div.exhibition.history div.inner.wide {
		/* padding:0 30px; */
	}
	
	
	div.exhibition.history div.inner ul li div.content ul li p {
		display:block;
	}
	
	div.exhibition.history div.inner ul li div.content ul li p.date {
		width:100px;
	}
}
	/* EXHIBITION HISTORY -- */
/* WORKS PAGE HEADER ++ */

section.works.header {
	padding:30px 60px 30px 60px;
}

	section.works.header div.inner {
		text-align:center;
		max-width:800px;
		margin:0 auto;
	}
	
	section.works. div.clear {
		clear:right;
	}

	
	section.works.header p {
		color: #003A7F;
		margin-top:20px;
		font-size: 28px;
		line-height: 41px;
		font-family: "Inter-Bold";
	}
	
@media screen and (max-width:820px) {
	
	section.works.header {
		padding-top:80px;
		
	}
	
	section.works.header div.inner {
		width:100%;
		float:none;
	}

}	

@media screen and (max-width:620px) {
	
	section.works.header {
		padding:80px 30px 30px 30px;
		
	}
}	


/* WORKS PAGE HEADER -- */
/* WORKS LIST ++ */


section.works.submenu {
	text-align:center;
	display:table;
	width:100%;
	margin-top:100px;
}	

	section.works.submenu a {
		text-decoration:none;
		
		text-transform: uppercase;
		margin:0 20px;
		color:#003A7F;
		border-bottom:2px solid transparent;
		padding:20px 0;
		box-sizing:border-box;
		display:inline-block;
		transition-duration:0.3s;
		
		font-size: 16px;
		/* line-height: 38px; */
		letter-spacing: 1pt;
		opacity:0.5;
		
	}	
	
	section.works.submenu a.active,
	section.works.submenu a:hover {
		opacity:1;
		border-bottom:2px solid #003A7F;
	}

/* work list block ++ */

div.offers div.table {
	width:100%;
	border-bottom: 1px solid rgba(0, 58, 127, 0.1);
	border-top: 1px solid rgba(0, 58, 127, 0.1);
}
	
	div.offers div.table div.table-row.tablet,
	div.offers div.table div.table-row.mobile {
		display:none;
	}
	
	div.offers div.table div.table-row div.table-cell {
		padding:40px 40px;
		box-sizing:border-box;
		vertical-align:top;	
		text-align:center;
	}
	
	div.offers div.table div.table-row.desktop div.table-cell {
		width:33.33%;
	}
	
	div.offers div.table div.table-row.tablet div.table-cell {
		width:50%;
	}
	
	div.offers div.table div.table-row.mobile div.table-cell {
		width:100%;
	}
	
		div.offers div.table div.table-row.desktop div.table-cell.middle {
			border-left: 1px solid rgba(0, 58, 127, 0.1);
			border-right: 1px solid rgba(0, 58, 127, 0.1);
		}
		
		div.offers div.table div.table-row.tablet div.table-cell.left {
			border-right: 1px solid rgba(0, 58, 127, 0.1);
		}
		
			div.offers div.table div.table-cell  div.artwork {
				border-bottom: 1px solid rgba(0, 58, 127, 0.1);
				margin-bottom:40px;
			}
			
			div.offers div.table div.table-cell div.artwork:last-child {
				border-bottom: 0 none;
			}
			
				div.offers div.table div.table-cell  div.artwork div.wrapper {
					text-align:left;					
					margin:0 auto;
					display:table;
				}
				
					div.offers div.table div.table-cell  div.artwork div.wrapper a {
						text-decoration:none;
					}
					
					div.offers div.table div.table-cell  div.artwork div.wrapper a img {
						 margin:0 auto;
						 transition: 0.3s;
						 width:auto;
						 /* max-height:400px; */
						 /* max-width:360px; */
					}
					
					div.offers div.table div.table-cell  div.artwork div.wrapper p.title {
						font-size:16px;
						line-height:34px;
						color:#003A7F;
						margin-top:10px;
						
					}	

					div.offers div.table div.table-cell  div.artwork div.wrapper p.author {
						font-size:16px;
						line-height:22px;
						color:#808080;
						margin-bottom:20px;
					}	
			
@media screen and (max-width:1100px) {
	
	div.offers div.table div.table-row.desktop {
		display:none;
	}
	
	div.offers div.table div.table-row.tablet {
		display:table-row;
	}	
		
}

@media screen and (max-width:720px) {
	
	div.offers div.table div.table-row.tablet {
		display:none;
	}
	
	div.offers div.table div.table-row.mobile {
		display:table-row;
	}	
	
}
				

/* work list block -- */

/*



		

			
	
			
			
			
				
			
			
			
		
			
			
			
		
			
			
		
			
				
			
				
			

@media screen and (max-width:1200px) {
	
	section.landing.offers div.inner.content div.table.offers div.table-cell {
		width:50%;	
	}
}

@media screen and (max-width:620px) {
	
	
	section.landing.offers div.inner.content div.table.offers {
		border-top:0 none;
	}
	
	section.landing.offers div.inner.content div.table.offers a:first-child {
		border-top: 1px solid rgba(0, 58, 127, 0.1);
		padding-top:30px;
	}
	
	section.landing.offers div.inner {
		padding:10px 30px 30px 30px;
	}	
	
	section.landing.offers div.inner.content div.table.offers div.table-cell {
		padding:0px 0px;
	}
	
	section.landing.offers div.inner.content div.table.offers div.table-cell {
		width:100%;
		display:block;
	}
	
	section.landing.offers div.inner.content div.table.offers div.table-cell.middle {
		border-left: 0 none;
		border-right: 0 none;
	}
	
	section.landing.offers div.inner.content div.table.offers a div.image.container {
		 max-width:310px;
	}

}			

/* WORKS LIST -- */
/* ARTISTS LIST ++ */

div.artists.list {
	margin:0 auto;
}



	div.artists.list div.inner {
		padding:10px 0px 0px 0px;
	}
	
		div.artists.list div.table {
			width:100%;	
			text-align:left;
		}
		
			div.artists.list div.table-cell {
				vertical-align:top;
			}
			
			div.artists.list div.table-cell.left {
				width:33.33%;
				padding-right:60px;
				box-sizing:border-box;
			}
			
			
			div.artists.list p {
				font-size: 16px;
				line-height: 26px;
				color: #003A7F;
				margin: 10px 0;
				/* margin-top: 40px; */
				max-width: 800px;
				margin-bottom:30px;
			}
			
				div.artists.list div.table-cell.left  img {
					width:100%;
				}
			
			div.artists.list div.table-cell.right {
				width:66.66%;
			
			}
						
				div.artists.list div.table-cell.right ul {
					list-style:none;
					display:inline-block;
					width:100%;
					margin-top:40px;
					margin-bottom:20px;
					vertical-align:top;
					display: grid;
					grid-auto-flow: column;
					grid-template-rows: repeat(var(--column-count4), auto);
				}
				
					div.artists.list div.table-cell.right ul li {
						margin-bottom:5px;
					}
					
					
						div.artists.list div.table-cell.right ul li a {
							color:#003A7F;
							text-decoration:none;
							padding:10px 0;
							display:table;
							font-size:20px;
							transition-duration:0.3s;
						}
						
						div.artists.list div.table-cell.right ul li a:hover {
							opacity:0.7;
						}
						
						
							div.artists.list div.table-cell.right ul li a span.year {
								font-size:14px;	
								opacity:0.7;
								display:block;
								margin-top:10px;
							}
							
			
						
@media screen and (max-width:1200px) {	
	div.artists.list div.table-cell.right ul {
		grid-template-rows: repeat(var(--column-count3), auto);
	}
}

@media screen and (max-width:800px) {	
	div.artists.list div.table-cell.right ul {
		grid-template-rows: repeat(var(--column-count2), auto);
	}
}

@media screen and (max-width:500px) {	
	div.artists.list div.table-cell.right ul {
		grid-template-rows: repeat(var(--column-count1), auto);
	}
}

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

	div.artists.list div.table-cell.left,
	div.artists.list div.table-cell.right {
		width:100%;
		display:block;
		padding:0;
	}
	
	div.artists.list div.table-cell.left {
		margin-bottom:60px;
	}
	
	div.artists.list div.table-cell.right ul li {
		width:100%;
	}

}		

@media screen and (max-width:820px) {	
	div.artists.list div.inner {
		/* padding:30px; */
	}			
}

/* ARTISTS LIST -- */
/* ARTIST OPEN ++ */

div.artist.header {
	width:100%;
	/* background-color:#e6ecf3; */
	/* padding-top:120px; */
	/* padding-bottom:120px; */
	/* border:1px solid red; */
	max-width:1450px;
	margin:0 auto;
}	

	div.artist.header div.table {
		width:100%;
		margin-top:30px;
		/* margin-bottom:80px; */
	}
	
		div.artist.header div.table-cell {
			vertical-align:top;
		}
		
		div.artist.header div.table-cell.left {
			width:50%;
			/* padding-left:180px; */
			/* padding-top:100px; */
			padding-right:60px;
			box-sizing:border-box;
			padding-bottom:30px;
			/* border:1px solid red; */
		}
		
			div.artist.header div.table-cell.left img {
				display:none;
				margin-top:20px;
				margin-bottom:30px;
			}
			
			
		div.artist.header div.table-cell.right {
			width:50%;
			text-align:right;
		}
		
		div.artist.header div.table-cell.right div.img {
			display:table;
			margin:0 auto;
			mix-blend-mode: multiply;
			
		}
		
		div.artist.header div.table-cell.right img {
			opacity:1;
			width:auto;
			max-height:500px;
			margin-bottom:40px;
			/* filter: grayscale(1); */
		}
		
		div.artist.header p {
			font-size: 16px;
			line-height:26px;
			color: #003A7F;
			margin: 10px 0;
			/* margin-top:40px; */
			max-width:800px;
		}
		
		div.artist.header a.know.more {
			color:#003A7F;	
		}
		
		div.artist.header p.date {
			font-size: 16px;
		    opacity: 0.7;
			display:inline-block;
			margin-left:10px;
			margin-top:0;
			margin-bottom:0;
		}
		
		div.artist.header p.intro {
			 font-size: 20px;
			 line-height:28px;
			 margin-bottom:40px;
		}
		
		body.publications div.artist.header p.name {
			max-width:600px;
			
		}
		
		
		div.artist.header p.name {
			font-size:20px;	
			font-size:28px;	
			line-height:32px;
			margin:0px;
			font-family:"Inter-Bold";
			/* margin-bottom:px; */
			/* max-width:100px; */
			display:inline-block;
			margin-bottom:15px;
		}
		
div.artist.menu {
	background-color:#e6ecf3;
	text-align:center;
	display:table;
	width:100%;
}	

	div.artist.menu a {
		text-decoration:none;
		
		text-transform: uppercase;
		margin:0 20px;
		color:#003A7F;
		border-bottom:2px solid transparent;
		padding:20px 0;
		box-sizing:border-box;
		display:inline-block;
		transition-duration:0.3s;
		
		font-size: 16px;
		/* line-height: 38px; */
		letter-spacing: 1pt;
		opacity:0.5;
		
	}	
	
	div.artist.menu a.active,
	div.artist.menu a:hover {
		opacity:1;
		border-bottom:2px solid #003A7F;
	}
		
div.collection.info {
	/* background-color:#003a7f; */
	background-color: #e6ebf2;
	padding:50px 60px;
	margin-top:30px;
	/* display:none; */
}

	div.collection.info div.inner {
		max-width:800px;
		margin:0 auto;
		text-align:center;
	}
	
		div.collection.info div.inner a,
		div.collection.info div.inner p {
			color:#003A7F;
			font-size: 22px;
			line-height: 28px;
			font-family: "Inter-Bold";
		}
		
		div.collection.info div.inner a {
			color:#fff;
			color: #003A7F;
			text-decoration:none;
			/* border-bottom:0.5px solid rgba(255,255,255,0.3); */
			transition-duration:0.3s;
		}
		
		div.collection.info div.inner a:hover {
			/* border-bottom:1px solid transparent; */
		}		



			
			
@media screen and (max-width:820px) {
	
	div.artist.header div.table {
		margin-bottom:0px;
	}
	
	
	div.artist.header div.table-cell.left,
	div.artist.header div.table-cell.right {
		width:100%;
		display:block;
		box-sizing:border-box;
		/* padding:60px 60px 0 60px; */
	}
	
	div.artist.header div.table-cell.left img {
		display:table;		
	}
	
	div.artist.header div.table-cell.right img {
		display:none;		
	}
	
	
	div.tab.about div.table-cell.left,
	div.tab.about div.table-cell.middle,
	div.tab.about div.table-cell {
		width:100%;
		display:block;
		/* padding:0 60px; */
	}
	
	div.artist.header div.table-cell.right {
		text-align:center;
	}
	
}

@media screen and (max-width:620px) {	
	div.artist.header div.table-cell.left,
	div.artist.header div.table-cell.right {
		/* padding:60px 30px 0 30px; */
	}
	
	div.tab.about div.table-cell.left,
	div.tab.about div.table-cell.middle,
	div.tab.about div.table-cell {
		/* padding:0 30px; */
	}
}

/* ARTIST OPEN -- */
/* ABOUT ++ */

section.about.header {
	background: rgba(0, 58, 127, 0.8);
	height:100%;
	display:table;
	width:100%;
	background-size:cover;
	background-position:center;
	background-blend-mode: multiply;
	background-color: rgba(0, 58, 127, 0.8);
	box-sizing:border-box;
}

	section.about.header div.table {
		padding:160px;
		box-sizing:border-box;
		max-width:1150px;
		height:100%;
	}
	
		section.about.header div.table div.table-cell {
			vertical-align:bottom;
		}
	
		section.about.header p {
			color:#fff;
			font-size:30px;
			line-height:44px;
		}
		
		
		
section.about.full-data {
	/* background-color:#e6ecf3; */
}

section.about.full-data.white {
	background-color:#fff;	
}

	section.about.full-data div.inner {
		margin:0 auto;
		margin-top:60px;
		max-width:800px;
	}
	
	section.about.full-data div.inner.image {
		max-width:1000px;
		padding-bottom:0;;
	}
	
	section.about.full-data div.inner.wide {
		max-width:100%;
		padding:0 60px;
	}
	
			section.about.full-data div.inner p {
				margin:30px 0;
				color:#003A7F;
				font-size:18px;
				line-height:28px;
				display:block;
			}
			
			
			
@media screen and (max-width:820px) {	

	section.about.header div.table {
		padding:60px;
	}
	
	section.about.full-data div.inner {
		padding:60px;
	}		
}

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

	section.about.header div.table {
		padding:30px;
	}

	section.about.full-data div.inner {
		padding:30px;
	}		
	
	section.about.header p {
		font-size:22px;
		line-height:33px;
	}
}

div.about h2 {
	
	font-weight:normal;
	/* margin-top:7px; */
	color: #003A7F;
	font-size: 22px;
    line-height: 28px;
    font-family: "Inter-Bold";
	display:inline-block;
	vertical-align:middle;
	margin-right:20px;
	
}

div.about p.year {
	/* margin-bottom:15px; */
	vertical-align:middle;
	display:inline-block;
}

div.about span.line {
	width:100%;
	height:1px;
	display:table;
	margin-top:20px;
	margin-bottom:20px;
	border-bottom: 1px solid rgba(0, 58, 127, 0.1);
}

div.about span.line:last-child {
	display:none;
}

/* ABOUT -- */
/* PUBLICATIONS LIST ++ */


body.publications .global-wrapper {
	height:auto;
}

div.publication.list {
	/* padding:80px 60px 0px 60px; */
	display:table;
	width:100%;
	position:relative;
	box-sizing:border-box;
	max-width:1440px;
	margin:0 auto;
	margin-top:10px;
}

	div.publication.list p.title {
		color: #003A7F;
		/* font-size: 20px; */
		font-size:28px;
		font-family: "Inter-Bold";
		/* letter-spacing: 1.3pt; */
		/* text-transform: uppercase; */
	}
	
	div.publication.list ul.list {
		width:102%;
		list-style:none;
		margin-left:-1%;
		margin-top:20px;
		
	}
	
		div.publication.list ul.list li {
			display:inline-block;
			width:33.33%;
			/* border:1px solid red; */
			vertical-align:top;
			box-sizing:border-box;
			padding:1%;
			margin-bottom:40px;
		}
		
		div.publication.list ul.list li div.inner {
			background-color:#e6ebf2;
			
		}
			
			div.publication.list ul.list li div.inner div.table-cell div.wrapped-container {
				position:relative;
				width:100%;
				box-sizing:border-box;
				display:table;
				border:1px solid red;
				/* overflow:hidden; */
			}
				
				div.publication.list ul.list li div.table {
						position:relative;
						display:table;
						width:100%;
					}
					
						div.publication.list ul.list li div.table img.wrapper {
							width:100%;
							height:100%;
							line-height:0;
							padding:0;
							margin:0;
							opacity:0;
						}
					
						div.publication.list ul.list li div.table div.inner {
							position:absolute;
							left:0;
							top:0;
							bottom:0;
							width:100%;
							height:100%;
							padding:60px;
							box-sizing:border-box;
							display:block;
						}
					
						div.publication.list ul.list li div.table div.inner div.inner-table {
							text-align:center;
							vertical-align:middle;
							overflow:hidden;
							/* max-height:100%; */
							display:table;
							width:100%;
							height:100%;
							table-layout:fixed;
							max-height:100%;
									
						}
						
							div.publication.list ul.list li div.table div.inner div.inner-table div.table-row {
								display:table-row;
							}
							
								div.publication.list ul.list li div.table div.inner div.inner-table div.table-row div.table-cell {
									display:table-cell;
									vertical-align:middle;
									/* object-fit: scale-down; */
									text-align:center;
								}
								
								div.publication.list ul.list li div.table div.inner div.inner-table div.table-row div.table-cell a  {
									display:table;
									max-height:100%;
									box-sizing:border-box;
									position:relative;
									margin:0 auto;
								}
								
								div.publication.list ul.list li div.table div.inner div.inner-table div.table-row div.table-cell a img {
									/* object-fit: scale-down; */
									max-height:300px;
								}
						
							
								div.publication.list ul.list li a {
									text-decoration:none;
								}	

								div.publication.list ul.list li p {
									font-size:14px;
									margin:10px 0;
									color: #808080;
								}	

								div.publication.list ul.list li p.name {
										/* font-size: 20px; */
										font-size: 18px;
										line-height: 22px;
										margin-top: 25px;
										margin-bottom: 10px;
										color: #003A7F;
								}

								div.publication.list ul.list li p.price {
									display:inline-table;
									color:#003A7F;
								}

								div.publication.list ul.list li p.about {
									color: #808080;
									font-size: 14px;
									margin: 8px 0;
								}
																								

@media screen and (max-width:1400px) {	
	div.publication.list ul.list li div.table div.inner div.inner-table div.table-row div.table-cell a img {
		max-height:200px;
	}
}

@media screen and (max-width:1100px) {
	
	div.publication.list ul.list li div.table div.inner div.inner-table div.table-row div.table-cell a img {
		max-height:300px;
	}
	
	div.publication.list ul.list li {
		width:50%;
	}
}

@media screen and (max-width:900px) {
	
	div.publication.list ul.list li div.table div.inner div.inner-table div.table-row div.table-cell a img {
		max-height:200px;
	}
}


@media screen and (max-width:700px) {
	
	div.publication.list ul.list li div.table div.inner div.inner-table div.table-row div.table-cell a img {
		max-height:200px;
	}
}


@media screen and (max-width:700px) {
	
	div.publication.list ul.list li div.table div.inner div.inner-table div.table-row div.table-cell a img {
		max-height:300px;
	}
	
	div.publication.list ul.list li {
		width:100%;
	}

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

	div.publication.list ul.list li div.table div.inner {
		padding:30px;
	}

	div.publication.list ul.list li div.table div.inner div.inner-table div.table-row div.table-cell a img {
		max-height:230px;
	}
	
	div.publication.list ul.list li {
		margin-bottom:30px;
	}
	
}	

/* PUBLICATIONS LIST -- */
/* PUBLICATION CONTENT ++ */


div.publication.content {
	/* padding:80px 60px 0 60px; */
	/* padding:0 60px; */
	/* margin-top:-20px; */
	/* position:absolute; */
	margin-top:10px;
	
	
}	

div.publication.content span.grey.line {
	margin-top:120px;	
}

	div.publication.content div.table {
		width:100%;
		max-width:1440px;
		margin:0 auto;
	}	
	
	
		div.publication.content div.table div.table-cell.left,
		div.publication.content div.table div.table-cell.right {
			width:50%;
			/* border:1px solid red; */
			vertical-align:top;
			box-sizing:border-box;
		}	
		
		div.publication.content div.table div.table-cell.left {
			/* padding-top:180px;	 */
			padding-right:60px;
		}
		
		div.publication.content div.table div.table-cell.right{
			text-align:center;
			/* padding-top:120px; */
			/* padding-top:180px;	 */
			vertical-align:top;
		}
		
			div.publication.content div.table div.table-cell div.inner {
				/* margin: 0 auto; */
				max-width: 800px;				
			}
			
			
				div.publication.content div.table div.table-cell div.inner p {
					margin: 30px 0;
					color: #003A7F;
					font-size: 16px;
					line-height: 24px;
					display: block;		
					
				}
				
				div.publication.content div.table div.table-cell div.inner p.title  {	
					font-size:28px;
					line-height:34px;
					font-family:"Inter-Bold";
					margin: 0 0 30px 0;
				}				
				
				div.publication.content div.table div.table-cell div.inner p.subtitle  {	
					font-size:20px;
					margin-top:10px;
					/* font-family:"Inter-Bold"; */
				}		
				
				div.publication.content div.table div.table-cell div.inner p.description {
					font-size:14px;	
				}
				
				div.publication.content div.table div.table-cell a.button.buy,
				div.publication.content div.table div.table-cell div.price {
					display:inline-block;
				}
				
				div.publication.content div.table div.table-cell div.price {
					/* margin-left:20px; */
					color: #003A7F;
					font-family: "Inter-Bold";
					font-size: 16px;
					line-height: 32px;
				}
				
				div.publication.content a.back {
					margin-top:0;	
					margin-bottom:30px;
				}
				
				div.publication.content div.table div.table-cell.right div.img {
					right:0;					
					
				}
				
@media screen and (max-width:920px) {	
	div.publication.content div.table div.table-cell.left,
	div.publication.content div.table div.table-cell.right {
		width:100%;
		display:block;
	}
	
	div.publication.content div.table div.table-cell.right {
		margin-top:30px;
		max-width:800px;
	}
}

/* PUBLICATION CONTENT -- */
/* FOOTER ++ */

footer {
	display:table-row;
}

body.home footer {
	/* display:none;	 */
}

footer div.inner {
	border-top: 1px solid rgba(0, 58, 127, 0.1);
	padding:30px 0px;
	display:grid;
	grid-template-columns: repeat(5, 1fr);
	gap:20px;
}

	footer div.inline {
		/* width:20%; */
		display:inline-block;
		vertical-align:top;
	}
	
		footer a,
		footer p {
			font-size:13px;
			color:#003A7F;
			line-height:18px;
			margin:5px 0;
			font-family: "Inter-Light";
			display:table;
		}

		footer p {
			margin-top:0;
		}
		
		footer p.title {
			margin-bottom:14px;
			font-family:"Inter-Bold";
			font-size:16px;
			display:table;
		}
		
		footer a {
			text-decoration:none;
			border-bottom: 1px solid rgba(0, 58, 127, 0.3);
			padding-bottom:2px;
			margin-bottom:7px;
			transition-duration:0.3s;
		}
		
		footer a:hover {
			border-bottom:1px solid transparent;
		}
		
		footer p.copyright {
			font-size:12px;
			margin-top:10px;
			display:table;
			/* margin-left:auto; */
			display:none;
		}
			
@media screen and (max-width:1000px) {	
	footer div.inline {
		width:100%;	
		padding-bottom:20px;
	}		

		footer div.inner {
	
	grid-template-columns: repeat(3, 1fr);
	
}
}

@media screen and (max-width:820px) {	
	
	footer div.inline {
		width:100%;	
	}		
		footer div.inner {
	
	grid-template-columns: repeat(2, 1fr);
	
}
	
}

@media screen and (max-width:620px) {	
	
	footer div.inner {
	
	grid-template-columns: repeat(1, 1fr);
	
}
}


/* FOOTER -- */


html.magnifying > body {
  overflow-x: hidden !important;
}
.magnify,
.magnify > .magnify-lens,
.magnify-mobile,
.lens-mobile { /* Reset */
  min-width: 0;
  min-height: 0;
  animation: none;
  border: none;
  float: none;
  margin: 0;
  opacity: 1;
  outline: none;
  overflow: visible;
  padding: 0;
  text-indent: 0;
  transform: none;
  transition: none;
}
.magnify {
  position: relative;
  width: auto;
  height: auto;
  box-shadow: none;
  display: inline-block;
  z-index: inherit;
}
.magnify > .magnify-lens { /* Magnifying lens */
  position: absolute;
  width: 200px;
  height: 200px;
  border-radius: 100%;
  /* Multiple box shadows to achieve the glass lens effect */
  box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85),
    0 0 7px 7px rgba(0, 0, 0, 0.25),
    inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
  cursor: none;
  display: none;
  z-index: 99;
}
.magnify > .magnify-lens.loading {
  background: #333 !important;
  opacity: 0.8;
}
.magnify > .magnify-lens.loading:after { /* Loading text */
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  color: #fff;
  content: 'Loading...';
  font: italic normal 16px/1 Calibri, sans-serif;
  letter-spacing: 1px;
  margin-top: -8px;
  text-align: center;
  text-shadow: 0 0 2px rgba(51, 51, 51, 0.8);
  text-transform: none;
}



/* --- Cart Sidebar Styles --- */
	#cart-sidebar {
	  position: fixed;
	  top: 0;
	  right: 0;
	  width: 100%;
	  max-width:520px;
	  height: 100vh;
	  background: #fff;
	  box-shadow: -2px 0 12px rgba(0,0,0,0.12);
	  z-index: 9999;
	  padding: 30px;
	  display: none;
	  overflow-y: auto;
	  box-sizing: border-box;
	}
	#cart-sidebar h2 {
	  margin-top: 0;
	  font-size: 1.5em;
	  font-weight: 600;
	  margin-bottom: 18px;
	  color: #003A7F;
	}
	#close-cart {
	  position: absolute;
	  top: 18px;
	  right: 18px;
	  background: none;
	  border: none;
	  font-size: 1.5em;
	  cursor: pointer;
	  color: #003A7F;
	}
	#cart-items {
	  margin-top: 12px;
	}

	/* Cart Item Columns Layout */
	.cart-item {
	  display: flex;
	  flex-direction: row;
	  gap: 18px;
	  padding: 14px 0;
	  border-bottom: 1px solid #eee;
	  align-items: flex-start;
	}
	.cart-item-img {
	  width: 100px;
	  height: auto;
	  object-fit: cover;
	  flex-shrink: 0;
	}

	.cart-item-main {
	    display: flex;
	  flex-direction: row;
	  align-items: flex-start;
	  width: 100%;
	}
	.cart-item-title-price {
	  flex: 1 1 auto;
	  min-width: 0;
	}
	.cart-item-controls {
	  display: flex;
	  align-items: center;
	  margin-left: auto;
	  justify-content: flex-end;
	}

	.cart-item-details {

	  margin-top:5px;
	  display: flex;
	  flex-direction: row;

	}

	strong.item-title {
		color: #003A7F;
	}

	.cart-item-price {
	  grid-row: 2;
	  font-size: 1em;
	  /* color: #003A7F; */
	  margin-top: 10px;
	  display: block;
	}

	.qty-input {
	  width: 30px;
	  height: 28px;
	  text-align: center;
	  padding: 0px 0px;
	  border-radius: 4px !important;
	  border: 1px solid #ccc;
	  margin:0 10px;
	}
	.qty-plus, .qty-minus {
	  background: #f5f5f5;
	  border: 1px solid #003A7F;
	  color: #003A7F;
	  border-radius: 4px;
	  width: 28px;
	  height: 28px;
	  line-height: 26px;
	  cursor: pointer;
	  transition: background 0.2s;
	}
	.qty-plus:hover, .qty-minus:hover {
	  background: #003A7F;
	  color: #fff;
	}
	.remove-from-cart {
	  background: #fff;
	  border: 1px solid #003A7F;
	  color: #003A7F;
	  border-radius: 4px;
	  height: 28px;
	  cursor: pointer;
	  margin-left: 8px;
	  transition: background 0.2s, color 0.2s;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
	.remove-from-cart:hover {
	  background: #003A7F;
	  color: #fff;
	}

	#cart-summary {

	font-size:15px;
	}


	/* Cart Summary & Actions */
	.cart-summary {
	  display: grid;
	  gap: 0 24px;
	  margin: 18px 0 12px 0;
	  font-size: 1em;
	  line-height:1.1em;
	  color: #222;
	}


	.cart-summary {
	  display:table;
	}

	.cart-summary div {
	  margin-bottom: 4px;
	  text-align: left;
	}
	.cart-summary div:last-child {
	  grid-column: 2;
	}
	.cart-actions {
	  display: flex;
	  flex-direction: column;
	  gap: 12px;
	  padding-top: 30px;
	  clear:both;
	  float:left;
	}
	.cart-actions button {
	  /* width: 100%; */
	  clear:both;
	  margin: 0;
	}
	.cart-actions button {
	  flex: 1;
	  padding: 10px 20px;
	  font-size: 0.9em;
	  border-radius: 4px;
	  border: none;
	  background: #003A7F;
	  color: #fff;
	  display:table;
	  cursor: pointer;
	  transition: background 0.2s;
	}
	.cart-actions button:hover {
	  background: #143764;
	}

	/* Checkout Form */
	#checkout-form {
	  margin-top: 18px;
	  display: grid;
	  grid-template-columns: 1fr 1fr;
	  gap: 10px 20px;
	  clear:both;
	}
	#checkout-form h3 {
	  grid-column: 1 / span 2;
	  margin-bottom:10px;
	  
	}
	.checkout-col {
	  display: flex;
	  flex-direction: column;
	}
	#checkout-form label {
	  color: #003A7F;
	  font-weight: 500;
	  margin-bottom: 10px;
	  font-size: 0.9em;
	}
	#checkout-form input {
	  padding: 8px;
	  font-size: 0.8em;
	  border-radius: 4px;
	  border: 1px solid #ccc;
	  width: 100%;
	  box-sizing: border-box;
	}
	#checkout-form button[type="submit"] {
	  background: #003A7F;
	  color: #fff;
	  border: none;
	  border-radius: 4px;
	  padding: 10px 0;
	  font-size: 0.9em;
	  cursor: pointer;
	  margin-top: 10px;
	  transition: background 0.2s;
	  grid-column: 1 / span 2;
	}
	#checkout-message {
	  margin-top: 10px;
	  font-size: 0.9em;
	  grid-column: 1 / span 2;
	}

	.checkout-total {
	  color: #fff;
	}

	.cart-button-wrapper {
	  display: inline-block;
	  vertical-align: top;
	  margin-top:5px;
	  background: none !important;
	  border: none !important;
	  cursor:pointer;
	}

	.cart-button-wrapper button {
	border:0 none;
	background-color: transparent;
	cursor:pointer;
	transition-duration: 0.3s;
	color: #003A7F;
	font-size:0.9em;
}

.cart-button-wrapper button:hover {
	opacity:0.8;
}

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

	.cart-button-wrapper button {

		margin-right:100px;
		margin-top:10px;
	}

}

@media screen and (max-width:620px) {	
	.cart-item-main {
		flex-direction: column;
	}

	.cart-item-controls {
		display: flex;
		align-items: center;
		margin-left: 0;
		margin-top:15px;
		justify-content: flex-start;
	}

	
	.cart-button-wrapper button span.cart-text {
		display:none;
	}

	

	.cart-button-wrapper button {

		margin-right:70px;
	}
	
}

/* Cart Count Badge */
.cart-button {
  position: relative;
  display: none; /* Hide by default to prevent flickering */
}
.cart-count {
  position: absolute;
  top: -10px;
  right: -25px;
  background: #e00;
  color: #fff;
  border-radius: 50%;
  padding: 2px 8px;
  font-size: 14px;
  margin: 0;
  display: none;
  z-index: 2;
}
@media screen and (max-width: 610px) {
  .cart-count {

    right: -5px;
  }
}

/* --- Cart Page (cart.php) Styles --- */
.cart-page h1 {
	margin-bottom: 24px;
}
.cart-grid {
	display: flex;
	gap: 60px;
	align-items: flex-start;
}
.cart-left {
	flex: 2;
	min-width: 0;
}
.cart-right {
	flex: 1;
	min-width: 280px;
	max-width: 420px;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	padding: 20px;
	position: sticky;
	top: 24px;
	box-sizing: border-box;
}
.cart-right-top {
	margin-bottom: 12px;
}
.muted { color: #666; }
.loading { padding: 16px 0; color: #666; }
.form-loading { padding: 8px 0; color: #666; }

/* Item tweaks for cart page */
.cart-page .cart-item-img {
	width: 72px;
	height: 72px;
	object-fit: cover;
	border-radius: 4px;
}
.cart-page .cart-item {
	align-items: center;
	gap: 20px;
	padding: 12px 0;
	border-bottom: 1px solid #eee;
}
.cart-page .cart-item-controls {
	margin-top: 8px;
}

/* Shipping options block */
.shipping-options { margin: 8px 0; font-size:14px; border-top: 1px solid #eee; padding-top:20px; }
.shipping-options .title { font-weight: 600; margin-bottom: 6px; }
.shipping-options label { display: block; margin-bottom: 6px; }

/* Shipping information block */
#shipping-info {
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    border-left: 4px solid #007bff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
#shipping-info ul {
    list-style: none;
    padding-left: 0;
}
#shipping-info li {
    padding: 3px 0;
    position: relative;
    padding-left: 16px;
}
#shipping-info li:before {
    content: "•";
    color: #007bff;
    font-weight: bold;
    position: absolute;
    left: 0;
}

/* Summary row at the top of right column */
.cart-summary-top {
	padding: 20px 0;
}

/* Pay button on the right */
.cart-page #submit-checkout {
	width: 100%;
	margin-top: 12px;
	padding: 10px 16px;
	background: #003A7F;
	color: #fff;
	border: none;
	border-radius: 6px;
	cursor: pointer;
}
.cart-page #submit-checkout:hover { background: #143764; }

/* Messages */
.success-message {
	padding: 32px 0;
	text-align: center;
	font-size: 1.2em;
	color: green;
}
.error-message { color: red; }
.cart-empty { padding: 24px 0; }

/* Accept shipping rules checkbox above the button */
.cart-right .accept-shipping {
	margin-top: 8px;
	font-size: 0.95em;
}
.cart-right .accept-shipping label {
	display: block;
}
.cart-right .accept-shipping a {
	color: #003A7F;
	text-decoration: underline;
}
.cart-right .accept-shipping-message {
	margin-top: 6px;
}

/* Payment logos strip */
.cart-right .payment-logos {
	margin-top: 10px;
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}
.cart-right .payment-logos img {
	height: 50px;
	width: auto;
	display: inline-block;
}

/* Payment result pages */
.payment-result {
    text-align: center;
    padding: 40px 20px;
    max-width: 500px;
    margin: 0 auto;
}

.payment-result .payment-icon {
    font-size: 64px;
    margin-bottom: 20px;
}

.payment-result.success .payment-icon {
    color: #28a745;
}

.payment-result.failed .payment-icon {
    color: #dc3545;
}

.payment-result h1 {
    margin-bottom: 16px;
}

.payment-result .order-details {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    margin: 20px 0;
}

.payment-result .order-details p {
    margin: 8px 0;
}

.payment-result .email-note {
    font-size: 14px;
    color: #666;
    margin: 20px 0;
}

.payment-result .button {
    display: inline-block;
    margin: 10px 5px;
    padding: 12px 24px;
    background: #003A7F;
    color: white;
    text-decoration: none;
    border-radius: 4px;
    transition: background-color 0.2s;
}

.payment-result .button:hover {
    background: #0056b3;
}

.payment-result .button.secondary {
    background: #6c757d;
}

.payment-result .button.secondary:hover {
    background: #545b62;
}

/* Stock Warnings */
.stock-warning {
    font-size: 12px;
    margin-top: 5px;
    padding: 3px 6px;
    padding: 5px 10px;
    border-radius: 3px;
    display: inline-block;
}

.stock-warning.error {
    background-color: #ffebee;
    color: #c62828;
    border: 1px solid #ef9a9a;
}

.stock-warning.low {
    background-color: #fff3e0;
    color: #f57c00;
    border: 1px solid #ffcc02;
}

.stock-warning:not(.error):not(.low) {
    background-color: #e8f5e8;
    color: #2e7d32;
    border: 1px solid #81c784;
}

/* Out of stock item styling */
.cart-item.out-of-stock {
    opacity: 0.6;
}

.cart-item.out-of-stock .item-title {
    text-decoration: line-through;
}

/* Disabled button styling */
button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Product stock display improvements */
.stock-warning {
    font-weight: bold;
    margin: 8px 0;
    font-size: 13px;
}

.publication.content .stock-warning,
.publication.list .stock-warning {
    display: table;
    margin-bottom: 10px;
    margin-top: 20px;
}

/* Out of stock product styling */
.product-out-of-stock {
    opacity: 0.7;
}

.product-out-of-stock .stock-warning.error {
    background-color: #ffebee;
    color: #c62828;
    border: 1px solid #ef9a9a;
    font-weight: bold;
}

/* Hide add-to-cart button for out of stock products */
.product-out-of-stock .add-to-cart {
    display: none !important;
}

.button.buy:disabled,
.button.buy[disabled] {
    background-color: #ccc !important;
    color: #666 !important;
    cursor: not-allowed !important;
    opacity: 0.6 !important;
}

.button.buy:disabled:hover,
.button.buy[disabled]:hover {
    background-color: #ccc !important;
    color: #666 !important;
}

#delivery-address-fields {
	grid-column: 1 / span 2;
	display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 20px;
}

/* Enhanced checkout styling for country selection and shipping */
.checkout-col {
    transition: all 0.3s ease;
    overflow: hidden;
}

#checkout-country {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    background: white;
    cursor: pointer;
}

#checkout-country:focus {
    outline: none;
}

.shipping-notice {
    margin-top: 10px;
    padding: 10px;
    background: #fff3cd;
    border: 1px solid #ffeaa7;
    border-radius: 4px;
    font-size: 14px;
    color: #856404;
    line-height: 1.4;
}

.success-message {
    background: #d4edda;
    border: 1px solid #c3e6cb;
    color: #155724;
    padding: 20px;
    border-radius: 5px;
    margin: 20px 0;
    font-size: 16px;
    line-height: 1.6;
}

.info-message {
    background: #e3f2fd;
    border: 1px solid #2196f3;
    color: #424242;
    padding: 15px;
    border-radius: 4px;
    margin-top: 20px;
}

.info-message h4 {
    margin: 0 0 10px 0;
    color: #1976d2;
    font-weight: bold;
}

.info-message ul {
    margin: 0;
    padding-left: 20px;
}

.info-message li {
    margin-bottom: 5px;
    line-height: 1.4;
}

.error-message {
    background: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
    padding: 10px;
    border-radius: 4px;
    margin: 10px 0;
}

/* Cart Summary Styles */
.cart-summary-top .summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}

.cart-summary-top .summary-row:last-child {
    border-bottom: none;
}

.cart-summary-top .summary-total-row {
    padding-top: 12px;
    font-size: 16px;
}

.cart-summary-top .summary-row span {
    font-size: 14px;
}

.cart-summary-top .summary-total-row span {
    font-size: 16px;
}
/* COOKIE POLICY MODAL ++ */
.cookie-modal {
    position: fixed;
    bottom: 20px;
    left: 20px;
    max-width: 420px;
    width: calc(100vw - 40px);
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    color: #003A7F;
    padding: 24px;
    z-index: 10000;
    transform: translateX(-120%);
    transition: transform 0.3s ease;
    font-family: "Inter", sans-serif;
    border: 1px solid rgba(0, 58, 127, 0.2);
    box-shadow: 0 8px 32px rgba(0, 58, 127, 0.1);
}

.cookie-modal.show {
    transform: translateX(0);
}

.cookie-modal-text {
    margin-bottom: 20px;
}

.cookie-modal h3 {
    margin: 0 0 12px 0;
    font-size: 16px;
    font-weight: bold;
    font-family: "Inter-Bold", sans-serif;
    color: #003A7F;
}

.cookie-modal p {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: #003A7F;
    opacity: 0.8;
}

.cookie-modal-actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.cookie-btn {
    padding: 8px 16px;
    border: 1px solid #003A7F;
    border-radius: 3px;
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
    font-family: "Inter", sans-serif;
    background: transparent;
    color: #003A7F;
    flex: 1;
    text-align: center;
    min-width: 0;
}

.cookie-btn-accept {
    background: #003A7F;
    color: white;
}

.cookie-btn-accept:hover {
    background: rgba(0, 58, 127, 0.8);
    color: white;
}

.cookie-btn-decline {
    background: transparent;
    color: #003A7F;
    border: 1px solid rgba(0, 58, 127, 0.5);
}

.cookie-btn-decline:hover {
    background: rgba(0, 58, 127, 0.1);
    border-color: #003A7F;
}

.cookie-btn-settings {
    background: transparent;
    color: #003A7F;
    border: 1px solid rgba(0, 58, 127, 0.3);
}

.cookie-btn-settings:hover {
    background: rgba(0, 58, 127, 0.05);
    border-color: #003A7F;
}

.cookie-btn-learn {
    background: transparent;
    color: #003A7F;
    border: 1px solid rgba(0, 58, 127, 0.3);
    text-decoration: underline;
}

.cookie-btn-learn:hover {
    background: rgba(0, 58, 127, 0.05);
    border-color: #003A7F;
}

/* Cookie Settings Modal */
.cookie-settings-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(230, 235, 242, 0.9);
    backdrop-filter: blur(15px);
    z-index: 10001;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.cookie-settings-modal.show {
    display: flex;
}

.cookie-settings-content {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    color: #003A7F;
    border: 1px solid rgba(0, 58, 127, 0.1);
    padding: 30px;
    max-width: 600px;
    width: 100%;
    max-height: 80vh;
    overflow-y: auto;
    box-shadow: 0 10px 30px rgba(0, 58, 127, 0.1);
}

.cookie-settings-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 58, 127, 0.1);
}

.cookie-settings-header h3 {
    color: #003A7F;
    font-family: "Inter-Bold", sans-serif;
    font-size: 20px;
    margin: 0;
}

.cookie-settings-close {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #003A7F;
    padding: 0;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.2s ease;
}

.cookie-settings-close:hover {
    opacity: 0.7;
}

.cookie-category {
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 58, 127, 0.1);
}

.cookie-category:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.cookie-category-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.cookie-category h4 {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    font-family: "Inter-Bold", sans-serif;
    color: #003A7F;
}

.cookie-toggle {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
}

.cookie-toggle input {
    opacity: 0;
    width: 0;
    height: 0;
}

.cookie-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 24px;
}

.cookie-slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}

.cookie-toggle input:checked + .cookie-slider {
    background-color: #003A7F;
}

.cookie-toggle input:checked + .cookie-slider:before {
    transform: translateX(26px);
}

.cookie-toggle input:disabled + .cookie-slider {
    background-color: #003A7F;
    opacity: 0.6;
    cursor: not-allowed;
}

.cookie-category p {
    margin: 0;
    font-size: 14px;
    color: #003A7F;
    opacity: 0.7;
    line-height: 1.5;
}

.cookie-settings-actions {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid rgba(0, 58, 127, 0.1);
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

/* Responsive Cookie Modal */
@media screen and (max-width: 768px) {
    .cookie-modal {
        bottom: 10px;
        left: 10px;
        right: 10px;
        max-width: none;
        width: calc(100vw - 20px);
        padding: 20px;
    }
    
    .cookie-modal-actions {
        gap: 6px;
    }
    
    .cookie-btn {
        font-size: 11px;
        padding: 8px 12px;
    }
    
    .cookie-settings-content {
        margin: 10px;
        padding: 20px;
    }
    
    .cookie-settings-actions {
        flex-direction: column;
    }
}

@media screen and (max-width: 480px) {
    .cookie-modal-actions {
        flex-direction: column;
    }
    
    .cookie-btn {
        width: 100%;
        margin-bottom: 4px;
    }
}
/* COOKIE POLICY MODAL -- */