/* ------------------------------------*/
/*   MODIFIED MAR 12, 2022 10:30 AM    */
/*-------------------------------------*/


.nav_links{
	position:relative; 
	margin-top: -3px;
	white-space: nowrap;
	font-size:11pt;
	line-height: 16pt; 
	text-align: center;
	padding-top: 2px; 
	padding-bottom: 4px;
	font-weight: 600;
	/*border: 0px solid #aa4f81; */
}











/* ---------------------------- */

a.k1:link, a.k1:visited, a.k1:active {text-decoration: none;font: weight 500; color: #fff;}
a.k1:hover {text-decoration: none; color: #777;}

a.n:link, a.n:visited, a.n:active {text-decoration: none; color: #000520;}
a.n:hover {text-decoration: none; color: #abb}


a.n:hover {text-decoration: none; 
   color: #555;}

a.a3:hover {text-decoration: none; background:#00b7ff; }
a.a3:link, a.a3:visited, a.a3:active  {
	padding-left:4px;padding-right:4px; padding-bottom:1px;
	text-decoration: none; background: #00b7ff;
	color: #fff;
	}

.a5:hover {background:hsl(209, 100%, 81%);padding-bottom:3px ; padding-top:4px;}

a.a5:link, a.a5:visited, a.a5:active a.a5:hover {
	padding-left:4px;padding-right:4px; 
	text-decoration: none; 
	color: #fff;
	}

a.a6:link, a.a6:visited, a.a6:active a.a6:hover {
	padding-left: 5px;  margin-left: 3px;
   padding-right:8px;  margin-right:-3px;		
	padding-top: 3px; margin-top: 0px;
   padding-bottom:3px; margin-bottom: 7px;
	text-decoration: none;font-weight: bold;
   background-color:#fffef9;color:#000;background-color:RED;
   border: 1px solid #ccc;
	}

.a9:link, a.a9:visited, a.a9:active { 
         border: 1px solid rgb(133, 135, 153); ; border-radius: 0%;
			padding-left: 4px;  margin-left: 3px; line-height: 16px;
         padding-right:8px;  margin-right:-3px;		
	      padding-top: 5px; margin-top: 0px;
         padding-bottom:4px; margin-bottom: 0px;
			font-size: 12px; font-weight: bold;
         color:rgb(64, 79, 145); background:#cffb7d;
         text-decoration: none;
         } 



/* ------------------------------- */

H3{		/*  size uop from 10 to 11, weightn500 from normal */  
   font-size: 11pt;
   font-weight:500; 
   color:#333;		
   text-align: left;
   margin-top:10px;
   
   /* padding: 00 0 0;*/
} 



/* ---------------------------------------- */
/*            MDROP MENU CODE               */                          
/* ---------------------------------------- */
.dot2 {position:absolutr;      
   left:0px;  top: 0vh;
   height: 54px;
   width:  54px;
   background-color:#a7abb3;  background-color:RED; 
   border: 1px solid #757575;
   border-radius: 50%;
    display: inline-block;
}

.dot{color:RED;}




.dropbtn {
   position: relative; 
   background-color: rgba(0,0,0,0);
   left:10px;height:30px;
   color:rgba(0,0,0,0);
   background-image: url("../IMAGES/menu-icon.png");
   background-repeat: no-repeat, repeat;
    border: none;
   z-index: 100;
}

/*==================================================== */
/*============== THE3 BAR CV MENU  =================== */
/*==================================================== */

.dropdown {
  position: absolute;
  display: inline-block;
  top:   16px;
  left:  0px;
}


.dropdown-content a {
   font-family: Helvetica, Arial, Verdana, sans-serif;
  color: #333333;
  padding: 10px  0px 10px 10px;
  text-decoration: none;
  display: block;
}
.dropdown-content{  
   display: none; 
   margin-left:-50px;
   font-size: 11pt; 
   font-weight: 500;
   position: absolute;
   background-color: hsl(0, 0%, 93%);
   width: 110px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
   z-index: 100;
}

.dropdown-content a:hover {
   background-color: #ccce;font-weight: 600;  }       /*background-color: #ddd;}*/

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color:nonec;background-color:inherit;}

/*==================================================== */




.grid-container {
   position: relative;
   display: inline-grid;
   width:99%; height: 20px;
   left:0; top:-50px;    /* onlin is 30 */
    margin-top:0px;
   z-index: 20;
   grid-template-columns: 24% auto 24%;
   background-color: nonee;
   padding: 0px;
}

/*
.grid-item {
  background-color: none;
  padding: 0px;
  font-size: 11PT;
  text-align: center;  
}

.grid_text_style {
   font-weight:bold;
   background-color:none;     
   line-height:auto  ; 
   color:#999;
}*/

.grid-item {
   background-color: none;
   padding: 0px;
   font-size: 11PT;
   text-align: center;  
   font-weight:600; 
   line-height:auto  ; 
   color:#999;
}


.a12r:link, a.a12r:visited, a.a12r:active {
   		font-size: 12pt; font-weight: 700;
         color:#028855;  text-decoration: none;}
           
.a12r:hover {color:#00b; text-decoration: none;}


   
a.a5:link, a.a5:visited, a.a5:active a.a5:hover {
	padding-left:4px;padding-right:4px; 
	text-decoration: none; font-weight: 700;
	color: #888;font-weight: bold;
	}

   	a.a5:link, a.a5:visited, a.a5:active a.a5:hover {
	padding-left:4px;padding-right:4px; 
	text-decoration: none; font-weight: 500;
	color:#000;
	}

a.a4:link, a.a4:visited, a.a4:active { 
	padding-left: 6px;  margin-left: 2px;
   padding-right:7px;  margin-right:-3px;		
	padding-top: 0px; margin-top: 0px;
   padding-bottom:7px; margin-bottom: 7px;
	text-decoration: none;
   background-color:hsl(209, 80%, 50%);;
   color:ivory;
	}

/* ================= WRITTEN TEXT STUFF ========*/

.textdiv{
      position: absolute;
      top:0px; margin-top: -70px; 
      width: 40vw; height:900px;
      margin-left: 29vw;
      padding: 5px 30px;
      border:3px solid #e6e6e6 ;
      background-color:#fffef9 ;
      font-size: 12pt;
      font-weight: 500;
      color:#444;
      line-height: 1em;
   }

   .bio{
      font-size: 11pt;
      line-height: 12pt;
      font-weight: 500;
      color:#444;
   }
   .pricediv{
      font-size: 12pt;
      /*font-weight: 600;*/
      color:#000;
   }


   .textdiv{
      position: relative;
      top:0px; margin-top: -40px; ;
      width: 40vw; height:900px;
      margin-left: 29vw;
      padding: 5px 30px;
      border:3px solid #e6e6e6 ;
      background-color:#fffef9 ;
      font-size: 12pt;
      font-weight: 500;
      color:#444;
      line-height: 1em;
   }

   /* click bigger text*/
   .e_note{
      z-index: 2;
      position: absolute;
      left:1vw; top:70px;  
      width:97vw; 
      /*margin-top: 0PX; */   
   }

   .e_note_text{
      text-align: center;
      font-size: 14pt;font-weight: 500;
      height:16pt;
      color: #999;
      /*background-color:#f99 ;*/
   }

/*===============================================================*/
/*                          GGOOGLE FONTS                      8/
/*==============================================================

Use on the web
To embed a font, copy the code into the <head> of your html

<link>
@import
<style>
@import url('https://fonts.googleapis.com/css2?family=Zen+Tokyo+Zoo&display=swap');
</style>
CSS rules to specify families

font-family: 'Zen Tokyo Zoo', cursive;*/






/* ========================================================= */
/* ========================================================= */
/* ========================================================= */

body {
    margin: 0px; 
    content:""; 
   background-color: hsl(0, 0%, 99%);
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 12 pt;
    overflow-x: hidden;
    /*padding-left: 60vw;*/
}


.old_head_strip{ 
   position: fixed;
   top: 0px;left: 0px;  
   width:100%;
   height:65px;
   background-color: hsl(50, 90%, 90%);
   z-index:2;         
}

.head_strip{ 
   position: fixed;
   top: 0px;left: 0px;  
   width:100%;
   height:65px;
   background-color: hsl(50, 60%, 100%);
   z-index:2;         
}
.a12b:link, a.a12b:visited, a.a12b:active {
   font-size: 12pt; font-weight:600;
   text-decoration:none;color:#67a;
   margin-left: -12px;padding-left:12px;
   margin-right: -12px;padding-right:12px;
   margin-top: -5px;padding-top:5px;
   margin-bottom: -5px;padding-bottom:5px;
   background-color: #f5f5ff;
   border: 1px solid #aaa;
   border-radius: 25px;
}



.my_name{
   font-family: Helvetica, Arial, Verdana, sans-serif;
   font-family: 'Zen Tokyo Zoo',  sans-serif;
   position: absolute;
   top: 3px; left:20px;
   margin-top: -px;
   }

.name_style{
	font-size: 2.7em;
	font-weight: 500;
	letter-spacing: 4px;	
	z-index: 10;
   overflow: visible;
}




/*  =================================================== */
/*  =====  stuff for in flow text goes here   ========= */
/*  =================================================== */

.nav_link_block {  
   position: fixed;
   z-index: 5;
   left: 0px; top: 48px;    
   height:16px; 
   width: 100%;
   background-color: transparent;  /*	background: hsl(54, 0%, 90%);*/
   border-bottom: 3px solid #999; 
}

.drop-links{
   position: absolute;
   top: -10px ; 
   left:95vw; 
   z-index: 25;
} 

.IG-HEADER-BUTTON{
   background-color:none; 
   position: fixed; 
   white-space: nowrap;
   left:85vw; 
   top:0px;  
   margin-top: 0PX; 
   z-index: 90;
   width:20px; height: 20px;
   padding:10px;background-color:none ;}

/*  ====================================================== */

.imageWrapper{  
   position: absolute; 
   top: 80px; left: 0px;
      width:100%; 
      padding-left: 2vw; 
   padding-top:30px;
   z-index: 1;	
   background-color: hsl(50, 0%, 100%);
  /* background-color:red;*/
}
  
.pagenumber{
  position:absolute; left:49vw; top:-40px;
  font-size: .8em;color:#555;z-index:6;
}  
  
  
/* ============================================================= */


.modal_but_hold{
   z-index: 20;
   position: absolute;
   left:85vw; 
   top:65px;  margin-top: 0PX; 
   width:120px;height:20px;
   padding:10px;
   background-color:none ;
}

/*
#modal-btn {
      
      height:22px;
      line-height: 18px;
      text-decoration: none; 
      font-size:14px;
      font-weight: 500;
      white-space: nowrap;
      margin:0px 0px ;
      color:hsl(210, 80%, 45%);
      background-color:hsl(210, 60%, 90%);
      border:1px solid  hsl(210, 60%, 55%);
      border-radius:14px;   
      overflow: hidden;
   }
*/
   

/* ============================================================= */
/* ========== These are just the ones used after 2019NM ======== */
/* ============================================================= */

.pic {    
   display: block;
   width: 100%;
   margin:0 auto;		
   border: 1px solid #aaa8;
} 

.info-box {    
   display: block;
   width: 80%;
   height:5em;
   margin:0 auto;	
   box-sizing: border-box;
   /*background-color: red;*/
} 


.artwork3 { position:relative;
   width: 28vw;
   height: calc(28vw + 7em);
   margin-top: 0px  ; 
   margin-Left: 3vw;
   padding: none;
   border: 0px solid #dddded;
   box-sizing: border-box;
   float:left;
}

/* ---- used in Index page -- --*/

.artwork4{
   width: 18vw;
   height:calc(18vw + 2em); 
   margin-left:calc(8vw / 6);
   margin-top: 32px;
   padding: none;
   border: 0px solid #dddded;
   box-sizing: border-box;
   float:left;
}
/* ============================================================= */


.dot3 {position:fixed;  z-index: 90;    
   left:90vw; 
   top: -8px;
   width:50px; 
   height:20px;
   background-color:none; 
}