@charset "utf-8";

/* ======================= BODY - GLOBAL - HTML ==============================*/
  
html { overflow-y: scroll;}

body { margin: 0; font-size: .5vw; line-height: 1.231; background:#000000;
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);}

.doublewide{ text-align:center; max-width:100%;}
 
.mobileonly {visibility:hidden;}

.desktoponly {visibility:visible;}

.clearfix, .clearfix:before, .clearfix:after{ clear:both;}

.clearfix:before, .clearfix:after{content:"";}

#wrapper{
height: max-content;
background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(0,0,0) 8%, rgb(119,31,31) 43%, rgb(188,58,58) 66%, rgb(255,66,63) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(8%,rgb(0,0,0)), color-stop(43%,rgb(119,31,31)), color-stop(66%,rgb(188,58,58)), color-stop(100%,rgb(255,66,63))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(0,0,0) 8%,rgb(119,31,31) 43%,rgb(188,58,58) 66%,rgb(255,66,63) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(0,0,0) 8%,rgb(119,31,31) 43%,rgb(188,58,58) 66%,rgb(255,66,63) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(0,0,0) 8%,rgb(119,31,31) 43%,rgb(188,58,58) 66%,rgb(255,66,63) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(0,0,0) 8%,rgb(119,31,31) 43%,rgb(188,58,58) 66%,rgb(255,66,63) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ff423f',GradientType=0 ); /* IE6-9 */
}

/*=========================== HEADER ====================#441046================= */
  	 
header {
  position: fixed;
	margin-top: 0;
	margin-bottom:0;
  top:0;
  width:100%;
  alignment-baseline:middle;
  z-index:1000;
  background:#000000;
  height: 8.1vw;
  display: inline;
  overflow: visible;
} 
#logos{
	line-height: 3.4vw!important;
	margin-top:1vw;
	margin-left: -8%;
	}
a.MainnavTitle{
	font-size: 4.2vw!important;
	letter-spacing: .05em;
	margin-bottom: -12px;
	}
a.MainnavSubTitle {
	font-size: 1.7vw!important;
	margin-left: 25%;
	margin-top:-18px;
	margin-bottom:1.6%;
	letter-spacing: .05em;
	color:#879eb5;
	}
a.MainnavTitle, a.MainnavSubTitle {
	vertical-align: middle;
	text-decoration: none;
	font-family: Times, Times New Roman, serif;
	font-weight: normal;
	font-style: normal;
	}
a:visited.Mainnav{ color: #fef1d1;}
a.pTWO {text-decorcation: none!important;}
a.Mainnav { background:hsla(256, 62%, 17%,0.60); }
a.MainnavTitle, a:visited.MainnavTitle, a:hover.MainnavTitle { color: #37104c; -webkit-text-stroke: 1px #fef1d1; }
a:hover.MainnavSubTitle { color: MediumSlateBlue;}
a:hover.MainnavTitle {text-shadow: -6px 3px 8px MediumSlateBlue, 2px -1px 4px Gold;}

/* ================= Main Side Navigation =================================== */

#sidenavLinks {
  display: none;
}
.sidenav-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 280px;
  padding: 10px 14px;
}
.sidenav:hover .sidenav-content {
  display: block;
}
.sidenav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
#sidenav{
	overflow: hidden;
	top: 5vw;
  padding-left: 2vw;
  padding-right: 5vw;
  width: 24vw;
  height:auto;
  z-index: 99;
	vertical-align:top;
	position: absolute;
 }
 .menudo{color:#37104c;}
 .active{	color:#879eb5;}
 #mlink{ position: relative;}
 
.Mainnav {
	padding: 4.4%;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  font-size: 1.7vw;
	font-weight:normal;
	border-width:0px;
	font-weight:normal;
	font-family: Times, Times New Roman, serif;
	color:#ffffff;
	text-decoration:none;
	  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	}
a:link.Mainnav, a:visited.Mainnav {
	display: block;
	width: 23vw;
	text-align: justify;
	padding: 4px;
	padding-left: 12px;
	text-decoration: none;
	  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	}
body.home #homelink2, body.studio #studiolink, body.exhibitions #forceslink, body.architectural #architecturallink, body.art #artlink, body.forces #forceslink, body.marine #marinelink, body.music #musiclink, body.photo #forceslink, body.portraits #portraitslink, body.special #speciallink, body.about #aboutlink {
display:none;
}	
a:hover.Mainnav	{
	color: #ffffff;
  background: #879eb5;/* Old browsers */
  background: -moz-linear-gradient(top, #4b6975 0%, #86a8c9 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #4b6975 0%,#86a8c9 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #4b6975 0%,#86a8c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b6975', endColorstr='#86a8c9',GradientType=0 ); /* IE6-9 */
}
a { color: #00e; }
a:visited { color:#879eb5; }
a:hover, a:hover.menuheader, a:hover.menuheader span.small, a:hover.Footnav { color: #06e; }
a:hover, a:active { outline: 0; }
.navbutton li{margin-bottom: 1%;}

ul { list-style-type: none; margin: 0; padding: 0; }

/* ====================== Album and continued CONTENT ================ */

.album{
	gap: 2vw;
  display: flex;
  flex-wrap: wrap;	
  max-width:100%;
  min-width:300px;
  padding-left:2vw;
  padding-right:2vw;
	padding-top: 8.1vw;
  text-align: justify;
  justify-content: space-evenly;
  vertical-align:top;
  min-height:70vh;
}
  figure {
  border: 1px;
	position: relative;
	display: inline-block;
	margin:.2vw;
	width: fit-content;
	vertical-align: top; 
}
figure img {
	vertical-align: top;
	border-radius: 14px;
	object-fit: contain;
	width: 100%;
	height: 300px;   
}
figure figcaption {
	  contain: inline-size;
    border: 1px;
    text-align: center;
		font-size: 10px; 
		font-family: Verdana, Arial, sans serif;
		padding-top: 4px;
		overflow-wrap: normal;
		max-width: 100%;
		color: #fef1d1;
		text-shadow:2px 2px 3px Black;
		}
figure .shadow, .shadow{
	
	width: auto;
	border-radius: 14px;
	box-shadow: 12px 18px 28px #000000;
	}
#wordbox{
	border: 1px;
	width: auto;
	vertical-align: top;
  flex: 1;     
  overflow-wrap: normal;
	position: relative;
	display: inline-block;
	margin:.2vw;
	width: fit-content;
		min-width: 200px;
}
#fakeblock{
	vertical-align: top;
	border-radius: 14px;
	width: auto;
  padding: 30px;
	background: #fdeab4;
  writing-mode: horizontal-tb;
  contain: inline-size;
	text-align: left;
	min-height:240px;
	line-height: 3.5vh!important;

}
#fakeblock p{}
	
/* =================================TEXT================================ */

.texting {
	font-size:3vh;
	font-family: Georgia, Times New Roman, serif;
	color:#37104c;
	}
h1 {
	font-size:3.4vh;
	padding-bottom: 0;
	padding-top:0;
	margin-top:0;
	margin-bottom:1.2vh;
	font-style: italic;
		line-height: 4vh!important;
	} 
.text {
	font-size:.6vw;
	font-family: Arial, helvetica, sans-serif;
	color:#000000;
	}
.texthead{
	font-size:.8vw; margin-bottom:1vh;font-family: Arial, helvetica, sans-serif; color:#000000;
	}
.textinfo{
	font-size:.7vw;font-family: Arial, helvetica, sans-serif; color:#bbada4;
	}
.phone{
	font-size: 1vw; margin-left: 12%;  margin-right: 12%; text-decoration:none; color:#bbada4;
	}
.about, p.about{
	line-height: 1.2vh;
	font-size: 1vh;
  color:#000000;
	text-align:left;
	}
	
/* ========================== FOOTER ==================================== */

.copy1{font-size:2vh; font-weight: bold;  padding-bottom: 12px;}

.copy2{font-size:2vh; font-weight: bold; padding-bottom: 12px;}

.copy3{font-size:8px; line-height: 12px; }

.copy4, footer .nonmobile{font-size:2vh; font-weight: bold;}

a .copy4{color: #fef1d1;}

.album .footer {
	text-align:center;
	width: 156px;
	padding-top: 7px;
	padding-bottom:7px;
	border-top: solid 1px #333;
  color: #fef1d1;
	font-weight:bold;
	}
.album .footer a.gallerylinks{
	font-size:14px;
	color: #fef1d1!important;
	}
footer{
	gap: 1vw;
  display: flex;
  flex-wrap: wrap;	
  max-width:100%;
  min-width:300px;
  text-align: justify;
  justify-content: space-evenly;
  vertical-align:top;
	position:fixed;
	bottom: 0;
	height: 20px;
	width: 100%;
	margin-top: 0;
	margin-bottom:0;
	background: #37104c; 
	color:#fef1d1;
  font-family: Arial, Helvetica, sans-serif;
	z-index:2000;
	padding-top:8px;
	padding-bottom:8px;
	  padding-left:1vw;
  padding-right:1vw;
	}
footer a{	color:#879eb5;}

 .br-mobile { display: none; }
 .nonmobile { display: inline-block; padding-right: 2vw; }


/*----- retina ---- */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

}
/* Smartphones (portrait and landscape) ----------- */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
  .br-mobile { display: block; }
	.nonmobile { display: none; }
	body{ -webkit-tap-highlight-color: transparent;
        -webkit-overflow-scrolling: touch;
	}
	#aboutlink2	{}
  header { height: 15vw;}
  #logos{
	line-height: 5.6vw!important;
	margin-top: 2.8vw;
	margin-left: 0;
	}
	a.MainnavTitle{
	font-size: 8vw!important;
	margin-bottom: 0;
	}
  a.MainnavSubTitle {
	font-size: 3.2vw!important;
	margin-left: 0;
	}
	.Mainnav {
	padding: 4vw;
  font-size: 5vw;
	}
	.sidenav-content {
  min-width: 220px;
  padding: 12px 16px;
  }
  #sidenav{
	top: 15vw;
  padding-left: 3vw;
  padding-right: 5vw;
  width: 100%;
  }
  a:link.Mainnav, a:visited.Mainnav {
	width: 90%;
	}
	.album{
  padding-left:2vw;
  padding-right:2vw;
	padding-top: 120px;
		gap: 2.5vw;
  display: flex;
	flex-direction: column;
  flex-wrap: wrap;	
  max-width:100%;
  min-width:300px;
  text-align: justify;
  min-height:70vh;
  }
	figure {
	margin:.2vw;
	padding-top:.2vw;
	padding-bottom:.5vw;
	padding-left:0;
		width: fit-content;
  }
  figure img {
	height: auto;
	width: 95vw;
		vertical-align: top;
	object-fit: contain;
	}
figure .shadow, .shadow{
	height: auto;
	width: auto;
	min-width:300px;
	}

  footer{
	height: 40px;
	margin-top: 0; margin-bottom:0;
	padding-top:8px; padding-bottom:8px;
	}
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) -----		height: fit-content;------ */
@media only screen 
and (max-width : 320px) {
	 .album{
	gap: 2vw;
  display: flex;
	flex-direction: column;
  flex-wrap: wrap;	
  max-width:100%;
  min-width:300px;
  text-align: justify;
  min-height:70vh;
}
figure {
	margin:.2vw;
	padding-top:.2vw;
	padding-bottom:.3vw;
	padding-left:0;
		width: fit-content;
  }
  figure img {
	height: 100%;
	width: 95vw; 
	}
figure .shadow, .shadow{
	height: auto;
	width: auto;
	min-width:300px;
	}

}
/* iPads----------- */
@media only screen 

and (max-device-width : 680px)  {

  .br-mobile { display: block; }
	.nonmobile { display: none; }
	body{ -webkit-tap-highlight-color: transparent;
        -webkit-overflow-scrolling: touch;
	}
	#aboutlink2	{}
  header { height: 15vw; text-align:center;}
  #logos{
	line-height: 5.6vw!important;
	margin-top: 3vw;
	margin-left: .7vw;
	}
	a.MainnavTitle{
	font-size: 8.2vw!important;
	margin-bottom: 0;
	margin-left:0;
	}
  a.MainnavSubTitle {
	font-size: 3.4vw!important;
	margin-left: 0;
	}
	.Mainnav {
	padding: 4vw;
  font-size: 5vw;
	}
	.sidenav-content {
  min-width: 220px;
  padding: 12px 16px;
  }
  #sidenav{
	top: 15vw;
  padding-left: 3vw;
  padding-right: 5vw;
  width: 100%;
  }
  a:link.Mainnav, a:visited.Mainnav {
	width: 90%;
	}
	.album{
  padding-left:2vw;
  padding-right:2vw;
	padding-top: 100px;
		gap: 2vw;
  display: flex;
	flex-direction: column;
  flex-wrap: wrap;	
  max-width:100%;
  min-width:300px;
  text-align: justify;
  min-height:70vh;
  }
	figure {
	margin:.2vw;
	padding-top:.2vw;
	padding-bottom:.3vw;
	padding-left:0;
		width: fit-content;
  }
  figure img {
	height: auto;
	width: 95vw; 
	}
figure .shadow, .shadow{
	height: auto;
	width: auto;
	min-width:300px;
	}
#wordbox{

  flex: 1;     
  overflow-wrap: normal;
	margin:.2vw;
	width: 100%;
}
#fakeblock{

  padding: 25px;
  contain: inline-size;
	min-height:240px;

}
  footer{
	height: 40px;
	margin-top: 0; margin-bottom:0;
	padding-top:8px; padding-bottom:8px;
	}


}


/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}





/* =================== Print styles.=================== */
 
 @media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }

}