/* IVAR - 3-31-23 - COPIED DIRECTLY FROM 2022 SHOW, use as basis for your code */

@import url('https://use.typekit.net/ijd1mqq.css">');

* {
    box-sizing: border-box;
}

#livestreamLINK {
    font-size: xx-large;
    text-align: center;
    color: blue;
}
/* new gallery + carosel styles for designer pages */
.close {
    font-size: 1.5rem;
  }
  
  .col-12 img {
    opacity: 1;
    cursor: pointer;
    margin: 2rem;
    width: 100%;
  }
  
  .col-12 img:hover {
    opacity: 1;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }

.card-body {
    background-color: rgba(218, 168, 156, .4);
}

.card-title {
    font-family: 'IM Fell English SC', serif;
}

.card-text {
    font-family: 'IM Fell English', serif;

}

button.close{
    background-color: rgba(218, 168, 156, .4);
}

/* main body styles */
body{

    /* IH 3.31.23 - Background image set to paper texture */
    background-image: url(../images/background/paper-texture-sjobjio-unsplash-resized.jpg);
    /* IH 3.31.23 - Background image size set to adaptively cover viewscreen */
    background-size: cover;

    /* I.H 4.1.23 - Commented out styling for background color, and text color and font-family */
    /* background-color: #000; */
    /* color: #fff; */
    font-family: 'Kepler-std-display', serif;
    /* font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; */
}

h5 {
    font-family: 'IM Fell English SC', serif;
}

.display-5 {
    font-family: 'IM Fell English', serif;
    font-style: italic;

}

/* IH 1.4.23 sets background color to rose w/ 40% opacity */
/* #main { */
    /* background-color: rgba(218, 168, 156, .4); */
    /* background-image: url(images/background/flowers.png); */
/* } */

/* Added Libby Regular Font face */
@font-face {
    font-family: LibbyRegular;
    src: url('LibbyRegular.ttf');
}

/* IH styles for flowers image on the main page */
#flowers {
    position: fixed;
    right: 20px;
    width: 750px;
    padding: 10px;
    z-index: -10;
    opacity: 65%;
}

#mainHeading {
    text-align: center;
    /* color: white; */
}

#welcome {
    font-family: 'Mea Culpa', cursive;
    font-size: 5em;
    filter: drop-shadow(10px 10px 5px rgb(185, 137, 125));
    text-align: center;
    color: white;
    text-align: center;
    /* padding-left: .3em; */
  }
  
  /* Set media breakpoint for medium screens< to boost size of "welcome" */
  @media (min-width: 425px){

    #welcome {
        font-family: 'Mea Culpa', cursive;
        font-size: 7em;
        filter: drop-shadow(10px 10px 5px rgb(185, 137, 125))
      }
    }

    @media (min-width: 768px){

        #welcome {
            font-family: 'Mea Culpa', cursive;
            font-size: 15em;
            filter: drop-shadow(10px 10px 5px rgb(185, 137, 125))
          }
        }

#aprl {
 padding-left: .1em;
}

a{  
    font-family: 'IM Fell English SC', serif;
    font-weight: lighter;
    text-decoration: none;
    /* db anti-white text 4/7/23 */
    color: #fff;
}
a:hover{
    font-weight: bold;
    text-decoration: none;
    /* db red color unwanted */
    /* color: #cc2030; */
}

.navbar-brand{
    max-width: 250px;
}

.navbar{
    background-color: rgba(158,166,146,0.8);
    color: #000;
}

/* header color and fixed at top */

.active{
    font-weight: bold;
}

.navbar-dark .navbar-nav .nav-link {
    color: #000;}


/* tzvi 4-12-23 changed hover color to match nav in footer */

/* .navbar-nav li a:hover{ 

/* .navbar-nav li a:hover{
    font-weight: normal;
    color: #fff;
    } */

    /* nav under line start */
    #navbarUline ul li a{
        position: relative;
        text-decoration: none;
        font-size: 1.25rem;
        color: #Daa741;
        text-transform: uppercase;
        letter-spacing: 0.2;
        /* font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; */
        font-family: 'IM Fell English SC', serif;
    }

    #navbarUline ul li a::before{
        content: '';
        position:absolute;
        bottom: -2px;
        width: 80%;
        height: 3px;
        background-color:#daa741;
        transform: scaleX(0);
        transition: transform 0.3s ease-in-out;
        transform-origin: right;
    }
    
    #navbarUline ul li a:hover::before{
        transform: scaleX(1);
        transform-origin: left;
    }

  

 
    
   /* nav under line end */ 
   
   /* tzvi 4-12-23 nav styles to override bootstrap */

   .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #674f1c;
}



#header{
        /* IH 3-31-23 background-color commented out */
        /* background-color: #000; */
        /* David Batcher color commented out */
        /* color:#fff; */
        font-weight: normal;
    }
    .navbar-nav {
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    }

    /* tzvi 4-7-23 old font commented out, new font added below */
    /* .header1, h1, h2{
        font-family: 'Kepler-std-display', serif;
        font-weight: lighter;
    } */

    .header1, h1, h2, h3{
        font-family: 'IM Fell English', serif;
    }
        
    h2{
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    }
    .header2, h4{
        font-family: 'Lato', sans-serif;
        font-weight: lighter;
        /* david batcher: just getting rid of white text where i can. 4/7/23 */
        /* color: #fff; */
    }

    .header5 {
        font-family: 'Kepler-std-display', serif;
        font-weight: lighter;
    }

    h6 {
        font-family: 'IM Fell English SC', serif;
        font-size: 1.25rem;
    } 

    #nameheader{
        /* db Anti-white text 4/7/23 */
        /* background-color: #fff; */
        color:black;
        font-weight: normal;
    }
    /* video */

.video-wrap {
    position: relative;
    padding-bottom: 35%;
    padding-top: 25px;
    height: 0;
    max-width: 1920px;
    margin: 0 auto;
}
.video-wrap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        max-height: 1080px;
    }

    /* photo grid */

.flex-column {
        max-width: 260px;
    }
  
    
.scale {
        transform: scaleY(1.05);
        padding-top: 5px; 
    }

    /* name mouseover */

.overlay-container {
        position: relative;
        width: 100%;
      }
      
.over {
        display: block;
        width: 100%;
        height: auto;
      }
      
.overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        transition: .5s ease;
        background-color: black;
      }
      
.overlay-container:hover .overlay {
        opacity: .5;
      }
      
    /*borderbox sytles */
    

    .shadow1{
    padding: 20px 0 0 20px;
}
.shadow1 img{
    -webkit-box-shadow: 1.5px 1.5px 0 0 #000000; 
    box-shadow: 1.5px 1.5px 0  #000000;
    display: block;
    width: 18rem;
    }
    
.shadow2{
    padding: 20px 0 0 20px;
}

.shadow2 img{
    -webkit-box-shadow: 1.5px 1.5px 0 0 #000000; 
    box-shadow: 1.5px 1.5px 0  #000000;
    display: block;
    width: 18rem;
     }

.shadow3{
    padding: 20px 0 0 20px;
}

    .shadow3 img{
     -webkit-box-shadow: 1.5px 1.5px 0 0 #000000; 
    box-shadow: 1.5px 1.5px 0  #000000;
display: block;
width: 18rem;
     }

.shadow4{
    padding: 20px 0 0 20px;
    }

.shadow4 img{
    -webkit-box-shadow: 1.5px 1.5px 0 0 #000000; 
    box-shadow: 1.5px 1.5px 0  #000000;
    display: block;
    width: 18rem;
    }

.shadow5{
    padding: 20px 0 0 20px;
    }

.shadow5 img{
    -webkit-box-shadow: 1.5px 1.5px 0 0 #000000; 
    box-shadow: 1.5px 1.5px 0  #000000;
display: block;
width: 18rem;
    }

.shadow6{
    padding: 20px 0 0 20px;
    }

.shadow6 img{
    -webkit-box-shadow: 1.5px 1.5px 0 0 #000000; 
    box-shadow: 1.5px 1.5px 0  #000000;
    display: block;
    width: 18rem;
    }

.shadow7{
    padding: 20px 0 0 20px;
    }

.shadow7 img{
    -webkit-box-shadow: 1.5px 1.5px 0 0 #000000; 
    box-shadow: 1.5px 1.5px 0  #000000;
    display: block;
    width: 18rem;
    }

.shadow8{
    padding: 20px 0 0 20px;
    }

.shadow8 img{
    -webkit-box-shadow: 1.5px 1.5px 0 0 #0000; 
    box-shadow: 1.5px 1.5px 0  #0000;
    display: block;
    width: 18rem;
    }

.shadow9{
    padding: 20px 0 0 20px;
    }

.shadow9 img{
    -webkit-box-shadow: 1.5px 1.5px 0 0 #000; 
    box-shadow: 1.5px 1.5px 0  #000;
    display: block;
    width: 18rem;
    }

.shadow10{
    padding: 20px 0 0 20px;
    }

.shadow10 img{
    -webkit-box-shadow: 1.5px 1.5px 0 0 #0000; 
    box-shadow: 1.5px 1.5px 0  #000;
    display: block;
    width: 18rem;
    }

.shadow11{
    padding: 20px 0 0 20px;
    }

.shadow11 img{
    -webkit-box-shadow: 1.5px 1.5px 0 0 #000; 
    box-shadow: 1.5px 1.5px 0  #000;
    display: block;
    width: 18rem;
    }

.shadow12{
    padding: 20px 0 0 20px;
    }

.shadow12 img{
    -webkit-box-shadow: 1.5px 1.5px 0 0 #000; 
    box-shadow: 1.5px 1.5px 0  #000;
    display: block;
    width: 18rem;
    }

.shadow13{
    padding: 20px 0 0 20px;
    }

.shadow13 img{
    -webkit-box-shadow: 1.5px 1.5px 0 0 #000; 
    box-shadow: 1.5px 1.5px 0  #000;
    display: block;
    width: 18rem;
    }

.shadow14{
    padding: 20px 0 0 20px;
    }

.shadow14 img{
    -webkit-box-shadow: 1.5px 1.5px 0 0 #000; 
    box-shadow: 1.5px 1.5px 0  #000;
    display: block;
    width: 18rem;
    }

.shadow15{
    padding: 20px 0 0 20px;
    }

.shadow15 img{
    -webkit-box-shadow: 1.5px 1.5px 0 0 #000; 
    box-shadow: 1.5px 1.5px 0  #000;
    display: block;
    width: 18rem;
    }

.shadow16{
        padding: 20px 0 0 20px;
        }
    
    .shadow16 img{
        -webkit-box-shadow: 1.5px 1.5px 0 0 #000000; 
        box-shadow: 1.5px 1.5px 0  #000000;
        display: block;
        width: 18rem;
        }
    
    .shadow17{
        padding: 20px 0 0 20px;
        }
    
    .shadow17 img{
        -webkit-box-shadow: 1.5px 1.5px 0 0 #000000; 
        box-shadow: 1.5px 1.5px 0  #000000;
    display: block;
    width: 18rem;
        }
    
    .shadow18{
        padding: 20px 0 0 20px;
        }
    
    .shadow18 img{
        -webkit-box-shadow: 1.5px 1.5px 0 0 #000000; 
        box-shadow: 1.5px 1.5px 0  #000000;
        display: block;
        width: 18rem;
        }
    



/* credits */
.shadow1c{
   /* -webkit-box-shadow: -45px 27px 0px 0px;
    box-shadow: -45px 27px 0px 0px;
    */
    display: block;
    width: 16rem;
}
.shadow2c{

    display: block;
    width: 16rem;
}
.shadow3c{

    display: block;
    width: 16rem;
}
.shadow4c{

    display: block;
    width: 16rem;
}
.shadow5c{
    display: block;
    width: 16rem;
}
.shadow6c{

    display: block;
    width: 16rem;
}

.box1{
    width: auto;
    border: none;
}
.box2{
    width: auto;
    border: none;
}
.box3 {
    width: auto;
    border: none;
}
.box4{
    width: auto;
    border: none;
}
.box5{
    width: auto;
    border: none;
}
.box6{
    width: auto;
    border: none;
}

/* tzvi 4-7-23 old font commented out, new font added below */
/* p, h5 {
    font-family: 'Lato', sans-serif;
    font-weight: lighter;
    font-size: 1.25rem !important;
} */

 /* p, h5 { 
    font-family: 'IM Fell English', serif;
    font-weight: lighter;
    font-size: 1.25rem !important; */
/* }  */

/* tzvi 4-12-23 im fell english commented out, sans serif added below */

/* p, h5 { */
    /* font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; */
    /* font-size: 1rem !important; */

 /* b { 
    font-family: 'Lato', sans-serif ;
    color: #cc2030;
 }  */

b {
    font-family: 'IM Fell English SC';
    font-size: 1.25rem;
}

#specialthanks{
    font-family: 'IM Fell English SC', serif;

}

/* designers */

.carousel-inner{
    background: black;
    text-align: center;
    padding: auto;
}
.img-carousel{
    max-width: 100%;
    max-height: 500px;
    margin: auto;
}


.carousel-caption {
    position: relative;
    left: 0;
    top: 0;
    max-width: 600px;
    margin: auto;
}

.carousel-control-prev-icon, .carousel-control-next-icon{
    /* background-color: black; */
    filter: invert(80);
    padding: 20px;
}

#statement p{
    text-align: left;
}

.statement_header{
    font-family: 'IM Fell English', serif;
    text-align: center;
}

/* David Batcher: "shadow22" is the odd red shadow box behind the designers' photos. i'm disabling that. 4/7/23 */
  .shadow22 img{
    -webkit-box-shadow: 73px 60px 0px -30px #DAA741 , 73px -60px 0px -30px #DAA741 ;
    box-shadow: 73px 60px 0px -30px #DAA741 , 73px -60px 0px -30px #DAA741 ;
    display: block;
    width: 18rem;
  } 
  .video-wrap-designer{
    position: relative;
    padding-bottom: 50%;
    padding-top: 25px;
    height: 0;
    max-width: 100%;
    margin: 0 auto;
  }

  .video-wrap-designer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 1080px;
}

    /* footer */

footer{
    background-color: rgba(218,166,156,0.4);
    color: #000 !important;
    }

a {
    /* font-family: 'IM Fell English SC', serif; */
    /* font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; */
    font-family: 'IM Fell English', serif;
    color:#000;
}

.mclogo {
    width:10%
}

#aprlfooter {
    font-size: 1.5rem; 
    color: #000 !important;
}

p {
    /* font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; */
    font-family: Georgia, 'Times New Roman', Times, serif;
}
/* past show under line start*/
#pastShowUnderline a{
    position: relative;
    text-decoration: none;
    font-size: 1.25rem;
    color: #Daa741;
    text-transform: uppercase;
    letter-spacing: 0.2;
}
/* 4-16-23 tzvi changed past show hover underline color to match header nav*/
#pastShowUnderline a::before{
    content: '';
    position:absolute;
    bottom: 2px;
    width: 50%;
    height: 3px;
    background-color:#daa741;
    transform: scaleX(0);
    transition: transform 0.3s ease-in-out;
    transform-origin: right;
}

#pastShowUnderline a:hover::before{
    transform: scaleX(1);
    transform-origin: left;
}
/* past show under line end*/

/* mc logo and address align center */
/* .textImg{
    text-align: center;
    float: left;
} */


a:hover {

    color: #674f1c;
    /* color: #cc2030; */
    /* db:changed footer hover to a darker pink after much experimentation. */
  
    font-weight: normal;
}

@media (max-width: 1195px) {
    .box1, .box2, .box3, .box4, .box5, .box6{
        margin: 0 50px;
    }

}
.embed-youtube {
    position: relative;
    padding-bottom: 56.25%; /* - 16:9 aspect ratio (most common) */
    /* padding-bottom: 62.5%; - 16:10 aspect ratio */
    /* padding-bottom: 75%; - 4:3 aspect ratio */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.embed-youtube iframe,
.embed-youtube object,
.embed-youtube embed {
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* .carousel-control-prev-icon, .carousel-control-next-icon { */
    /* color: #000000; */
    /* background-color: #ffffff; */
/* } */