:root {
  --cui-body-bg: #D5D5D5!important;
}
body {
  background-color: #D5D5D5;	  
}
#nomo12 {
  margin:0 auto;
  height:56px;
  /* border-bottom: 1px solid palegoldenrod; */
}

.mitgar.mob-menu {
    height:50px;
    width:100%;
    background-color:white;
    color:black;
    padding:0;
  } 
  .mitgar h1 {
    display: flex;
    justify-content: flex-end;
    text-align: right;
    font-family: 'Lato', Arial, sans-serif;
    letter-spacing: 1px;
    font-variant: small-caps;
    font-weight: bold;
  }
  .mitgar a {
    text-decoration: none;
    font-size: 20px;
    color:black;
    font-family: Arial, Helvetica, sans-serif;
    white-space: nowrap;
  }
  .mitgar ul li a.current { font-size:14px;font-weight: bold;}
  .mitgar ul li a.current:hover { font-size:14px;font-weight: bold;}
  .mitgar ul li  a {
    color: black;
    text-decoration: none;
    font-size: 12px;
    text-align: right;
    font-family: Arial, Helvetica, sans-serif;
  
  }
  .mitgar.mob-menu .side-nav {
    padding: 0;
    width: 100%;
    height:50px;
    margin: 0 auto;
    /* background-color: khaki; */
 }
 .header-mob-top {
  display:flex;
  width:98%;
  margin: 0 auto;
  justify-content: space-between;
  align-items: center;
  height:50px;

 }
  .mitgar.mob-menu .side-nav .nav {
    visibility: hidden;
    /* margin-top:50px; */
  }
  .mitgar .side-nav .top img {
    visibility: hidden;
 
  }
  .mitgar.mob-menu .side-nav .top img {
    visibility: visible;
  }
  .nav.mob-sm {
    position: relative;
    z-index:4;
    background-color: #fff;
    width:100%;
  }
  .mob-sm  > li {
    border-bottom: 1px dashed #686868;
    background-color: 	  #e8e8e8;
  }
  .nav {
    display: block!important;
  }
  .side-nav:hover .nav.open {
     background-color:white;
     visibility: visible;
   
  }
  .mitgar.mob-menu .side-nav .top img:hover { cursor: pointer;}
  .side-nav .nav  li a:hover {
    background-color: transparent;
    color:black;
  } 

  .mitgar.mob-menu .side-nav .nav.open {
    visibility: visible; 
    /* background-color:white;
    border:1px solid pink; */
    z-index: 400;
    position: relative;
    font-size:1.2em;
    text-align: right;
    color: rgb(72, 72, 72);
  }
  /* small width screens */
  .nav.mob-sm {
    position: relative;
    z-index:4;
    background-color: #fff;
    width:100%;
    height:100%;
  }
  .mob-sm  > li {
    border-bottom: 1px dashed #686868;
    background-color: 	  #e8e8e8;
    display: block;
    padding:4px;
  }
  .mobna ul li a {
    touch-action: manipulation;
    cursor: pointer;
    font-size:1.8rem;
    display: block;        /* ensures full row is clickable */
    padding: 12px 0;       /* larger hit area = quicker taps */
  }
  .mobna ul li a.current {
    font-size:1.8rem;
  }
  .mobna ul li a:hover {
    font-size:1.8rem;
  }
  .mobna ul li a.current:hover {
    font-size:1.8rem;
  }
  /* end small width screens  */
  .concol {
    border:0px solid green;
    height: 50vh;
  }
 #studio-img {
  max-width: 100%;
  max-height:300px;

 }
#email_subscribe {
      background:#D5D5D5;
      color:white;
      width:36px;
      height:36px;
      border-radius:0 5px 5px 0;
      box-shadow:0px;
      font-size:1.2em;
      cursor:pointer;
      border:0;
      transition: all .4s;
}
#email_subscribe:disabled {
  display: none;
}
#email_subscribe:hover  {
  color:black;
  background-color:white;
}
input:-webkit-autofill { 
  -webkit-background-clip: text;
}

::placeholder {
  color: white;
  font-size: 1.4rem;
  text-transform: uppercase;
}
  #emailAddress {  
    height:34px; 
    background-color:#D5D5D5;
    border:none;
  
  }
  input:focus{
    outline: none;
}
button:focus {
  outline: none;
}
.mail-subscribe {
  border:0px solid green;
  display:flex;
  flex-direction: column;
}

.ertx {
  opacity:0.7;
  padding-top: 2px;
}
.thumbs-container {
  border:0px dashed #ddd;
}
.thumbs-container h1 {
  font-family: Arial, Helvetica, sans-serif;
  /* color:  #ffb200;
  margin-top:0px;
  font-family: "Playwrite DK Loopet", cursive;
  font-optical-sizing: auto; */
}
/* the div of main content its attached to the row class child of .tmuna*/
.tmuna.mob > div {
  margin-top:35px;
}
.tmuna.mob > .merit .art-work-figure img  {
  max-width: 100%;
  border:2px solid green;
}
.gal-contain {
  display: flex;
  flex-direction: row;
  /* border:1px solid orange; */
}
.le-thumbs {
    width:280px;
    margin-top: 20px;
    border:0px solid green;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.le-thumbs .thumb  {
  width:120px;
  border:0px solid green;
  max-width: 100%;
  margin-right:10px;
  margin-bottom: 20px;
}
.le-thumbs .thumb:hover  {
  cursor: pointer;
}

.article p {
  width:80%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  color:#4d4d4d;
  padding-bottom:3px;
  margin-top:0;
  line-height: 1.4;
  text-align:justify;
  padding-left: 2px;
  font-style: italic;
}

.current-painitng figure {
  display: block;
  margin-right:auto;
  margin-left: auto;
  margin-right:auto;
  margin-left: auto;
}
.current-painitng figure img {
  display: block;
  margin:0;
  height:90vh;
}
.current-painitng figcaption {
  display: flex;
  width:inherit;
  justify-content:flex-start;
}
.current-painitng figcaption span {
  margin-right: 20px;
}
.download {
  color:darkblue;
  border-radius: 8px;
  padding:4px;
  background-color: transparent;
  font-size: small;
  border:none;
}
.download:hover {
  background-color: #D5D5D5;
  color:white
}
.disclaimer {
  display: flex;
  align-items: baseline;
}
.disclaimer label {
  margin-left: 10px;
  padding:0;
}
.disclaimer label:hover {
  cursor: pointer;
}
.disclaimer input[type="checkbox"]:hover {
  cursor: pointer;
}
.disclaimer input[type="checkbox"]:checked  {
  color: #4169e1 !important;
}

.merit {
  display:flex;
  justify-content:space-between;
  align-items: center;
}
.merit .art-work-figure {
  display:flex;
  flex-direction:column;
  align-self: flex-start;
 
}
.merit .art-work-figure img {
  box-shadow: 3px 3px #D5D5D5, -1em 0 .4em #D5D5D5;
}
.merit .art-work-figure img:hover {
  cursor:default;
}
.tmuna img:hover {
  cursor: pointer;
}

.nav-art img {
  width:30px;
  height:30px;
} 
.nav-art img:hover {
  cursor: pointer;
}
.chevrons-nav {
  height:100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.content-about p {
  padding:8px;
  line-height: 24px;
  font-size: 16px;
  color:#484848;
}
.activity-about {
  padding:8px;
  line-height: 24px;
  font-size: 16px;
  color:#484848;
}
.shop {
  border:0px solid pink;
  /* header is 56px */
  /* height: calc(100vh - 56px); */
  height: auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.shop-item {
  border:0px solid green;
  margin-right:10px;
  margin-bottom: 20px;
  width:340px;
}
.shop-item-img-painting {
  max-width: 100%;
}
.product {
  border:0px dotted pink;
  display: flex;
  justify-content: space-between;
}
.product-images {
  border:0px solid green;
}
.meta-props {
  display:flex;
  flex-direction: column;
  justify-content:space-between;
}
.modal.fade.show {
  opacity:0.9;
  background-color: #686868;
}

.modal-body {
  background-color:#D5D5D5;
  color:#484848;
  font-size: 16px;
}
.modal-footer {
  background-color:#D5D5D5!important;
  align-items: baseline!important;
  justify-content: space-between!important;
  flex-wrap: nowrap!important;
}
.modal-footer .btn-primary {
  background-color:#000000;
  /* background-color:   #f92077; */
  width:50%;
  border:none;
  color:#fff;
  font-size:14px;
  padding:8px;
}
.modal-footer .btn-primary:hover  {   
  background-color:#404040;  
  /* border:none; */
}
.modal-footer .btn-secondary {
  /* border:none; */
  width:50%;
  background-color:#fff;
  /* background-color:#ea6a9e; */
  color:#000000;
  font-size:14px;
  padding:8px;
}
.modal-footer .btn-secondary:hover { 
  color: #686868;
  background-color:#fff;
    /* border:none; */
}
.privacy-policy-container {
  padding:2px;
}
.privacy-policy-container p {
  padding: 8px;
  line-height: 24px;
  font-size: 16px;
  color: #484848;
}


path {
  stroke: yellow;
  stroke-width: 4;
  fill: none;
}
/* about */ 
.content-about-width p {
  color:#4d4d4d;
  font-size: 18px;
  padding:4px;
  font-weight: 400;
  /* text-align: justify; */
  line-height: 1.8;
}