/*
* Theme Name: Architectural Photography 2025
* Theme URI: https://architecture.brunogiliberto.com/
* Version: 1.0
* Author: Bruno Giliberto
* Author URI: https://www.brunogiliberto.com/
*/ 

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}
* { 
	box-sizing: border-box;
	margin: 0; 
	padding: 0;
	scroll-behavior: smooth;
}
body{
    height: 100%;
    margin: 0;
    padding: 0;
	background-color: #fafafa;
}
body, select, input, textarea {
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 3dvw;
	overflow-y: scroll;
	}
a:link {
	color: #000;
	text-decoration: none;
	border-bottom: 0px solid;
	}
a:visited {
	color: #000;
	text-decoration: none;
	}
a:hover, a:active {
	color: #000;
	}

/***************************************************************************************************/
/****************************************************************************************** MOBILE */
/***************************************************************************************************/

.noonphone{
	display: none;
}
.noondesktop{
	display: inline;
}
#content{
	border: 0px solid #00f;
	width: 100dvw; 
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	min-height: 100vh;
}
#header{
	position: -webkit-sticky;
	position: sticky;
	top: 0px;
	background-color: #fafafa;
	opacity: 0.95;
	border-bottom: 0px solid #f00;
	height: 23dvw;
	padding: 5dvw 0dvw;
	box-sizing: border-box;
    z-index: 9999 ;
}
#header #title {
    font-family: Georgia, 'Times New Roman', Times, serif;
    -webkit-font-smoothing: antialiased;
    text-align: center;
    font-size: 8dvw;
    font-weight: bold;
    padding: 0 0 3dvw 0;
    margin: auto;
}
#header #title a{
    color: #000;
}
#header #menus {
	box-sizing: border-box;
}
#header #menus #sort {
	box-sizing: border-box;
	display: flex;
    justify-content: center;
}
#header #menus #sort menu {
	margin: 0;
	padding: 0;
	text-align: center;
}
#header #menus #sort #nav {
	margin: 0;
	padding: 0;
}
#header #menus #sort ul {
	list-style-type: none;
	display: flex;
    justify-content: space-between;
    padding: 0;
}
#header #menus #sort li {
	border: 0px solid #f00;
	padding-bottom: 2dvw;
	text-align: center;
	box-sizing: border-box;
	margin-left: 0px;
    margin-bottom: -1;
}
#header #menus #sort li:first-child {
 
}
body #header #menus #sort li a {
	border-bottom: none;
	padding: 2dvw 3dvw;
}
body #header #menus #sort li a.active {
	color: #666;
	border-bottom: 1px solid #000;
	padding: 2dvw 3dvw;
}
.active {
	color: #000;
	border-bottom: 1px solid #000;
	padding: 2dvw 3dvw;
}
#print-footer{
	padding: 10dvw 0dvw;
	box-sizing: border-box;
	color: #000;
	margin-top: auto;
}
.ninehundred{
	margin: 0 auto;
	width: 90dvw;
}


/*	ARCHIVE CLIENTS */
#clients-archive{
    border: 0px solid #ddd;
    margin: 0 auto;
    padding: 0;
    font-size: inherit;
}
#clients-archive-titleandsub{
    margin-top: 0;
	padding:  5dvw 0 0dvw 0;
	border: 0px solid #eee;
}
#clients-archive-title{
    text-transform: uppercase;
	padding: 0;	
	font-weight: bold;
}
#clients-archive-subtitle{
	border-bottom: 0px solid #000; 
	padding: 0dvw 0 5dvw 0;
}
#clients-archive-list-filahead{
    border-bottom: 2px solid #000;
	font-weight: bold;
	display: grid;
	grid-template-columns: 1fr 0.7fr 0.5fr 0.5fr;
	grid-column-gap: 1px;
	grid-row-gap: 1px;
	padding: 0dvw 0 1dvw 0;
}
#clients-archive-list-fila{
	display: grid;
	grid-template-columns: 1fr 0.7fr 0.5fr 0.5fr;
	grid-template-rows: auto;
	grid-row-gap: 1px;
}
#clients-archive-list-fila:hover{
	background-color: #f0f0f0;
}
#clients-archive-list-fila .item-a{
    grid-column: 1 / 2;
    grid-row: 1 / 2;
	font-weight: bold;
}
#clients-archive-list-fila .item-b{
    grid-column: 1 / 5;
    grid-row: 2 / 3;
}
#clients-archive-list-fila .item-c{
    grid-column: 1 / 5;
    grid-row: 3 / 4;
}
#clients-archive-list-fila .item-d{
    grid-column: 2 / 3;
    grid-row: 1 / 2;
	justify-self: center;
}
#clients-archive-list-fila .item-f{
    grid-column: 3 / 4;
    grid-row: 1 / 2;
	justify-self: center;
}
#clients-archive-list-fila .item-g{
    grid-column: 4 / 5;
    grid-row: 1 / 2;
	justify-self: end;
}
.format-row{
	border-bottom: 1px solid #000;
	padding: 2dvw 0;
    font-size: inherit;
}
/*	ARCHIVE CLIENTS */

/* 	SINGLE CLIENT  */
#single-client-presentation{
	border: 0px solid red;
	padding: 7dvw 0;
}
#single-client-name{
	font-size: 5dvw;
	font-weight: normal;
}
#single-client-type{

}
#single-client-link{

}
#single-client-link a{
	border-bottom: 1px solid #999;
}
#single-client-link a:hover{
	border-bottom: 1px solid #000;
}
#single-client-link a[target="_blank"]::after {
    background-image: url(images/blank.png);
    background-size: 10px 10px;
    display: inline-block;
    background-position: right; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    width: 13px; 
    height: 10px;
    content:" ";
}
#single-client-location{

}
#single-client-formerly{
	padding-top: 1dvw;
}
#single-client-formerly a{
	border-bottom: 1px solid #999;
}
#single-client-formerly a:hover{
	border-bottom: 1px solid #000;
}
/* 	SINGLE CLIENT  */

/* 	SINGLE PUBLICATION  */
.openingclosingopening{
    border-bottom: 1px solid #ddd;
	display: flex;
	flex-direction: column;
	width: 49%;
}
.openingclosingopening:last-child:nth-child(odd) {
    flex-grow: 0.96;
    /* Or use width: 100% if you prefer */
}
.sptd-what{
    font-weight: bold;
    padding: 2dvw 0 0 0;
}
.sptd-this a[target="_blank"]::after {
    background-image: url(images/blank.png);
    background-size: 10px 10px;
    display: inline-block;
    background-position: right; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    width: 15px; 
    height: 10px;
    content:" ";
}
.sptd-this{
    border-bottom: 0px solid #ddd;
    padding: 2px 0 7px 0;
}
#single-publication-presentation{
	border-bottom: 0px solid black;
	padding: 7dvw 0;
    display: flex;
    flex-direction: column;
}
#single-publication-presentation a{
	border-bottom: 1px solid #999;
}
#single-publication-presentation a:hover{
	border-bottom: 1px solid #000;
}
#single-publication-title{
    width: 50%;
}
#single-publication-name{
	font-size: 5dvw;
	font-weight: normal;
}
#single-publication-details{
    padding: 1.2dvw 0 0 0;
    display: flex;
    flex-wrap: wrap;
}
#single-publication-type{
}
#single-publication-client{
	padding-top: 5dvw;
}
#single-publication-link{

}
#single-publication-pdf{
	padding-top: 5dvw;
}
/* 	SINGLE PUBLICATION  */

/* 	SINGLE WORK  */
#single-work-presentation{
	border-bottom: 0px solid black;
	padding: 3dvw 0dvw;
}
#single-work-name{
	font-size: 5dvw;
	font-weight: normal;
}
#single-work-location{

}
#single-work-date{
	color: #999;
}
#single-work-client{
	padding-top: 2dvw;
}
#single-work-client a{
	border-bottom: 1px solid #999;
}
#single-work-client a:hover{
	border-bottom: 1px solid #000;
}
#single-work-type{
	padding-top: 3dvw;
}
#single-work-amount{
}

/* 	SINGLE WORK  */

/*  WORK ARCHIVE ON CLIENTS  */
#clients-work-archive{
	border-top: 0px solid;
	padding-bottom: 2dvw;
}
#c-w-a-works-archive{
    margin-top: 1dvw;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2%; /* <-- adds space between flex items */
}
#c-w-a-works-units{
    width: 49%; 
	margin-bottom: 4dvw;
}
#c-w-a-works-units-thumbnail{
	overflow: hidden;
	aspect-ratio: 4 / 5; /* ensures 4:5 ratio */
}
#c-w-a-works-units-thumbnail img{
	width: 100%;
	height: 100%;
	object-fit: cover;   /* makes the image fill, cropped */
 	object-position: center; /* keeps it centered */
}
#c-w-a-works-units-details{
	display: flex;
	flex-direction: column;
	padding-top: 0.5dvw;
}
#c-w-a-works-units-subtitle{
	order: 2;
}
#c-w-a-works-units-location{
}
#c-w-a-works-units-date{
	color: #aaa;
}
#c-w-a-works-units-title{
	order: 1;
	text-align: left;
	font-size: inherit;
	margin: 1dvw 0 auto auto;
	width: 100%;
	font-weight: bold;
}
/*  WORK ARCHIVE ON CLIENTS  */

/*  GALLERY WORKS  */

#single-work-gallery{
    margin-top: 0dvw !important;
	border-top: 0px solid;
}
.rl-gallery{
    margin: 0 !important;
    padding: 0 !important;
}
.rl-gallery-item{
    border: 0px solid red !important;
    width: 50% !important;
    margin: 0 !important;
    padding: 0 !important;
}
.rl-gallery-link img{
    border: 0px solid blue !important;
    width: 100%;
    height: auto;
    padding: 0.5dvw;
}
/*  GALLERY WORKS  */

/*	ARCHIVE PUBLICATIONS */
#publications-archive{
    border: 0px solid #ddd;
    margin: 0 auto;
    padding: 0;
    font-size: inherit;
}
#publications-archive-titleandsub{
    margin-top: 5dvw;
	padding:  0dvw 0 0dvw 0;
	border-top: 0px solid #000;
}
#publications-archive-title{
    text-transform: uppercase;
	padding-top: 0dvw;	
	font-weight: bold;
}
#publications-archive-subtitle{
	border-bottom: 2px solid; 
	padding: 0dvw 0 5dvw 0;
    margin-bottom: 3dvw;
}
#publications-archive-list-filahead{
    border-bottom: 2px solid #000;
	font-weight: bold;
	display: grid;
	grid-template-columns: 1fr 1fr 0.6fr;
	grid-column-gap: 1px;
	grid-row-gap: 1px;
	padding: 0dvw 0 1dvw 0;
}
#publications-archive-list-fila{
	display: grid;
	grid-template-columns: 1fr 1fr 0.6fr;
	grid-template-rows: auto;
	padding: 3dvw 0;
}
#publications-archive-list-fila:hover{
	background-color: #f0f0f0;
}
#publications-archive-list-fila .item-a{
	font-weight: bold;
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}
#publications-archive-list-fila .item-b{
	font-style: italic;
    grid-column: 1 / 4;
    grid-row: 2 / 2;
	padding: 1dvw 0 0 0;
}
#publications-archive-list-fila .item-e{
	justify-self: end;
    grid-column: 3 / 4;
    grid-row: 1 / 2;
}
/*	ARCHIVE PUBLICATIONS */

/*  WORK ARCHIVE  */
#works-archive{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 1%;
}
#works-archive-units{
    width: 49.5%;
    margin-bottom: 5dvw;
}
#works-archive-units:hover{
	opacity: 0.9;
	text-decoration: underline;
}
#works-archive-units-details{
	display: flex;
	flex-direction: row;
	padding: 0.5dvw;
	padding-bottom: 0;
}
#works-archive-units-title{
	font-weight: bold;
	text-align: right;
	width: 50%;
}
#works-archive-units-imageletter{
    width: 100%;
    position: relative;
    display: inline-block; /* so the text stays over its own image */
}
#works-archive-units-type{
    position: absolute;
    top: 0px;
    left: 0px;
    color: black;
    font-size: 1em;
    font-weight: normal;
    padding: 8px;
    z-index: 2;
    background-color: pink;
    opacity: 0.8;
    /* make text vertical */
    writing-mode: vertical-rl; /* vertical top-to-bottom */
    transform: rotate(180deg); /* flip so it goes bottom-to-top */
}
#works-archive-units-thumbnail{
	overflow: hidden;
    aspect-ratio: 4 / 5; /* ensures 4:5 ratio */
    width: 100%;
}
#works-archive-units-thumbnail img{
    display: block;
    width: 100%;
    height: 100%;
	object-fit: cover;   /* makes the image fill, cropped */
 	object-position: center; /* keeps it centered */
}
#works-archive-units-client{
	width: 50%;
}
/*  WORK ARCHIVE  */

/*  CONTACT  */
#contact{
	padding: 5dvw 0;
	line-height: 200%;
}
#contact a{
	border-bottom: 1px solid #999;
}
#contact a:hover{
	border-bottom: 1px solid #000;
}
#statement p{
	padding-bottom: 5dvw;
	width: 80%;
}
/*  CONTACT  */


/***************************************************************************************************/
/*************************************************************************************** LANDSCAPE */
/***************************************************************************************************/



/***************************************************************************************************/
/***************************************************************************************** DESKTOP */
/***************************************************************************************************/

@media only screen and (min-width: 768px) {

.noonphone{
	display: inline;
}
.noondesktop{
	display: none;
}
body, select, input, textarea {
    font-size: 11px;
}
#content{
	width: 100%;
    margin: 0 auto;
}
#header{
	height: 95px;
	padding: 15px 0;
}
#header #title {
    text-align: left;
    font-size: 3dvw;
    padding: 0 3dvw;
}
#header #menus {
	padding: 0 3dvw 0 0;
	font-size: 15px;
}
#header #menus #sort {
    justify-content: flex-end;
}
#header #menus #sort #nav {
	border: 0px solid #f00;
	width: auto;
}
#header #menus #sort li {
	padding-top: 0px;
	margin-left: 40px;
	padding-bottom: 0dvw;
}
#header #menus #sort li:first-child {
	margin-left: 0px;
}
body #header #menus #sort li a {
	border-bottom: 2px solid transparent;
    padding: 0;
    color: #666;
}
body #header #menus #sort li a:hover {
    color: #000;
    padding: 0;
}
body #header #menus #sort li a.active {
	color: #000;
	border-bottom: 2px solid black;
    padding: 0;
}
.active {
	color: #ff6600;
	border-bottom: 2px solid #ff6600;
    padding: 0;
}
#print-footer{
	font-size: 12px;
	padding: 10dvw 0 10px 0dvw;
}
.ninehundred{
	margin: 0 auto;
	width: 1000px;
}

/*  WORK ARCHIVE  */
#works-archive{
}
#works-archive-units{
    width: 19.2%;
    margin-bottom: 1.5dvw;
}
/*  WORK ARCHIVE  */

/*  GALLERY WORKS  */
#single-work-gallery{
	padding: 0;
	border-top: 0px solid;
}
.rl-gallery{
	padding: 0 !important;
	margin: 0 !important;
}
.rl-gallery-item{
    width: 25% !important;
}
.rl-gallery-item:hover{
    opacity: 0.9;
}

/*  GALLERY WORKS  */

/* 	SINGLE WORK  */
#single-work-presentation{
	border-bottom: 0px solid black;
	padding: 0;
}
#single-work-name{
	font-size: 2dvw;
	font-weight: normal;
}
#single-work-location{

}
#single-work-date{
	color: #999;
}
#single-work-client{
	padding-top: 2dvw;
}
#single-work-client a{
	border-bottom: 1px solid #999;
}
#single-work-client a:hover{
	border-bottom: 1px solid #000;
}
#single-work-type{
	padding-top: 1dvw;
}
#single-work-amount{
}
/* 	SINGLE WORK  */

/*  WORK ARCHIVE ON CLIENTS  */
#c-w-a-works-units{
    width: 32%; 
	margin-bottom: 1dvw;
}
#c-w-a-works-units:hover{
	opacity: 0.9;
	text-decoration: underline;
}
#c-w-a-works-units-details{
	display: flex;
	flex-direction: row;
	padding-top: 0.5dvw;
}
#c-w-a-works-units-subtitle{
	order: 1;
}
#c-w-a-works-units-location{
}
#c-w-a-works-units-date{
	color: #aaa;
}
#c-w-a-works-units-title{
	order: 2;
	text-align: right;
	margin: auto 0 auto auto;
	width: 60%;
	margin-top: 0dvw;
}
/*  WORK ARCHIVE ON CLIENTS  */

/* 	SINGLE CLIENT  */
#single-client-presentation{
	padding: 2dvw 0;
}
#single-client-name{
	font-size: 2dvw; 
}
/* 	SINGLE CLIENT  */


/*	ARCHIVE PUBLICATIONS */
#publications-archive{
    margin: 0 auto;
    padding: 0;
}
#publications-archive-titleandsub{
    margin-top: 0;
	padding:  3dvw 0 0dvw 0;
	border: 0px solid #eee;
}
#publications-archive-title{
    text-transform: uppercase;
	padding-top: 0dvw;	
	font-weight: bold;
}
#publications-archive-subtitle{
	border-bottom: 2px solid; 
	padding: 0.3dvw 0 1dvw 0;
    margin-bottom: 0dvw;
}
#publications-archive-list-filahead{
    border-bottom: 2px solid #000;
	font-weight: bold;
	display: grid;
	grid-template-columns: 1fr 2.5fr 1fr 1fr 0.7fr;
	grid-column-gap: 1px;
	grid-row-gap: 1px;
	padding: 1dvw 0 0.5dvw 0;
}
#publications-archive-list-fila{
	display: grid;
	grid-template-columns: 1fr 2.5fr 1fr 1fr 0.7fr;
	grid-template-rows: auto;
	padding: 1dvw 0;
}
#publications-archive-list-fila:hover{
	background-color: #f0f0f0;
}
#publications-archive-list-fila .item-a{
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}
#publications-archive-list-fila .item-b{
    grid-column: 2 / 3;
    grid-row: 1 / 2;
	padding: 0;
}
#publications-archive-list-fila .item-c{
    grid-column: 3 / 4;
    grid-row: 1 / 2;
}
#publications-archive-list-fila .item-d{
    grid-column: 4 / 5;
    grid-row: 1 / 2;
}
#publications-archive-list-fila .item-e{
    grid-column: 5 / 6;
    grid-row: 1 / 2;
}
/*	ARCHIVE PUBLICATIONS */

/* 	SINGLE PUBLICATION  */
.openingclosingopening{
	display: flex;
	flex-direction: column;
	width: 50%;
}
.openingclosingopening:last-child:nth-child(odd) {
    flex-grow: 1;
    /* Or use width: 100% if you prefer */
}
.sptd-what{
    padding: 7px 0 0 0;
}
.sptd-this{
    padding: 2px 0 7px 0;
}
#single-publication-presentation{
    flex-direction: row;
	padding: 2dvw 0;
}
#single-publication-title{
    width: 50%;
}
#single-publication-details{
    padding: 0 0 0 0;
    width: 50%;
}
#single-publication-name{
	font-size: 2dvw;
    padding: 0 5dvw 0 0;
}
#single-publication-client{
	padding-top: 1dvw;
}
#single-publication-pdf{
	padding-top: 2dvw;
}
/* 	SINGLE PUBLICATION  */

/*	ARCHIVE CLIENTS */
#clients-archive{
    margin: 0 auto;
    padding: 0;
    font-size: inherit;
}
#clients-archive-titleandsub{
    margin-top: 0;
	padding:  3dvw 0 0dvw 0;
}
#clients-archive-title{
	padding: 0;	
	font-weight: bold;
}
#clients-archive-subtitle{
	padding: 0.3dvw 0 1dvw 0;
}
#clients-archive-list-filahead{
    border-bottom: 2px solid #000;
	font-weight: bold;
	display: grid;
	grid-template-columns: 1fr 0.6fr 0.8fr 0.7fr 0.7fr 0.5fr 0.5fr;
	grid-column-gap: 1px;
	grid-row-gap: 1px;
	padding: 1dvw 0 0.5dvw 0;
}
#clients-archive-list-fila{
	display: grid;
	grid-template-columns: 1fr 0.6fr 0.8fr 0.7fr 0.7fr 0.5fr 0.5fr;
	grid-template-rows: auto;
}
#clients-archive-list-fila:hover{
	background-color: #f0f0f0;
}
#clients-archive-list-fila .item-a{
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}
#clients-archive-list-fila .item-b{
    grid-column: 2 / 3;
    grid-row: 1 / 2;
}
#clients-archive-list-fila .item-c{
    grid-column: 3 / 4;
    grid-row: 1 / 2;
}
#clients-archive-list-fila .item-d{
    grid-column: 4 / 5;
    grid-row: 1 / 2;
}
#clients-archive-list-fila .item-e{
    grid-column: 5 / 6;
    grid-row: 1 / 2;
	justify-self: center;
}
#clients-archive-list-fila .item-f{
    grid-column: 6 / 7;
    grid-row: 1 / 2;
}
#clients-archive-list-fila .item-g{
    grid-column: 7 / 8;
    grid-row: 1 / 2;
}
.format-row{
	border-bottom: 1px solid #000;
	padding: 0.8dvw 0;
    font-size: inherit;
}
/*	ARCHIVE CLIENTS */

/*  CONTACT  */
#contact{
	padding: 5dvw 0;
	line-height: 200%;
	font-size: 1dvw;
}
#contact a{
	border-bottom: 1px solid #999;
}
#contact a:hover{
	border-bottom: 1px solid #000;
}
#statement p{
	padding-bottom: 1dvw;
	width: 80%;
}
/*  CONTACT  */


}