@import 'reset.css';

html,body {
margin:0px;
font-family: 'Lato', sans-serif;
font-family: 'Montserrat', sans-serif;

/*font-family: 'Roboto', sans-serif;*/

/*font-family: 'Raleway', sans-serif;*/
/*font-family: 'Muli', sans-serif;*/
color:#000000;
}

.container{
    overflow: hidden;
    width:100%;
    background-color:#ffffff;  
    text-align: center;
}
#indexPage{
    position:fixed;
    height:100%;
    width: 100%;
}

/*------------------------------    T O P N A V   ---------------------------------*/

#logo{
    display: flex;  
    position:fixed;
    width:100%;
    flex-direction: column;
    justify-content: center;
    top:0;
    text-align:center; 
    cursor: default;
    background-color:rgba(255,255,255,0.95);
    padding-top:20px;
    padding-bottom: 20px;
     
}

#logo_shad{
    font-family: 'chapman-extended', sans-serif;
    font-weight: 700;
    font-style: normal;
    padding: 6px 0px 6px 0px;
    font-size:16pt;
    letter-spacing: 3px;
    text-indent: 3px;
    text-align: center;
}

#logo_plus{
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    color:#666666;
    font-size:16pt;
    margin-left:6px;
    margin-right:6px;
}
.logo_lock{
    display:inline-block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size:9pt;
    letter-spacing: 2pt;
    text-indent: 2pt;
   
}
#interiorDesign{
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    font-size: 13pt;
    color:#666666;
    font-style: italic;
    padding-top:30px;

}
#svg{
    display:block;
    position:relative;
    margin:0 auto;
    width:30%;
}

#svgline{
    stroke:black;
    stroke-width:1px;
}

/*------------------------------    S L I D E S H O W   ---------------------------------*/
#slideShow{
    position:absolute;
    width:90%;
    height:65%;
    top:0%;
    left:5%;
    overflow:hidden;
    background-color: #858585;
}

.slideImage{
    display:block;
    position:absolute;
    width:100%;
    height:auto;
}
.slideImageCenter{

    left:50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
/*------------------------------    M E N U   ---------------------------------*/

#menuPage{
    position:fixed;
    width:100%;
    height:100%;
    background-color: #ffffff;
    top:0;
    left:0;
    display:none;
    opacity:0;
}
.menuBtn{
    display: block;
    position:relative;
    width:100%;
    text-align: center;

 
    text-transform:uppercase;
}
.menuList{
    position: relative;
    width:100%;
    margin:0 auto;
    margin-top:40pt;
    
}
#menuProjects{
    margin-top:100pt;;  
}

/*------------------------------    S T U D I O   ---------------------------------*/

#studio_page{
    position:relative;
    width:90%;
    margin-left:5%;
    margin-top:30%;
    margin-bottom: 60pt;
}
#studioImg{
    display:block;
    position:relative;
    width:100%;
    height:auto;
    padding-top:50px;
    padding-bottom:50px;
}
.studio_headline{
    font-family: 'Montserrat', sans-serif;
    font-family: 'chapman-extended', sans-serif;
    font-size:14pt;
    font-weight: 700;
    color:black;
    letter-spacing: 0.5px;
    text-indent: 0.5px;
    margin-bottom:20pt;
    text-align: center;

}
.studio_paragraph{
    font-family: 'Lato', sans-serif;
    font-weight:400;
    font-size:13pt;
    line-height: 1.4;
    color:#666666;
    text-align: justify;
    text-justify: auto;
    margin-bottom:50px;

}

#studio_footer{
    position:relative;
    margin-top: 50pt;
    width:100%;
    overflow:auto;
    cursor: default;
    text-align: center;
    
  
   
}

.studioBtn{
    display: block;
    position: relative;
    text-align: center;
    margin-top:20pt;
    line-height: 1.4;
}

/*------------------------------    P R O J E C T S   ---------------------------------*/

#projectsBox{
    position:relative;
    width:90%;
    margin:0 auto;

    
}
.projects{
    position: relative;
    text-align: center;
    overflow: hidden;
    width:100%;
}
.projectsThumbnail{
    display: block;
    position:relative;
    margin:0 auto;
}
.projectsName{
    position:relative;
    padding:20px;
    margin-bottom:20px;
    text-align: center;
    color:#444444;
}

/*------------------------------    P R O J E C T S   ---------------------------------*/

#projectsNav{
    position:fixed;
    display:flex;
    justify-content: center;
    width:100%;
    padding-bottom:20px;
    background-color: rgba(255,255,255,0.95)
    
}
#projectsNavBtn{
    display:inline-block;
    margin-top:20px;
    padding:10px 0px 10px 0px;
    /*border-top:0.5px solid #666666;*/
    color:black;
    text-align: center; 
   
}
.projectBox{
    position:relative;
    width:90%;
    margin-left:5%;
    overflow: hidden;
}
.projectImage{
    display:block;
    width:100%;
    height:auto;
    margin-bottom:3%;
}
    

/*------------------------------- F O O T E R ---------------------------------*/

#copyright{
    position:relative;
    font-size:10pt;
    font-weight: 400;
    color:#666666;
    padding:30px 0px 30px 0px;
    width:100%;
    text-align: center;
}

#footer{
    display:block;
    position:fixed;
    width:100%;
    bottom:0;
    height:50pt;
    line-height: 50pt;
    font-size:10pt;
    letter-spacing: 1px;
    text-indent: 1px;
    font-weight: 400;
    text-align: center;
    cursor:default;
    background-color: white; 
}

a{
    color:#000000;
    text-decoration: none; 
}

/*------------------------------- Font Styles ---------------------------------*/


.type3{
    font-family: 'chapman-extended', sans-serif;
    font-weight:500;
    font-size:10pt;
    letter-spacing: 2px;
    text-indent: 2pt;
 
}
.type3A{
    font-family: 'chapman-extended', sans-serif;
    font-weight:500;
    font-size:12pt;
    letter-spacing: 2px;
    text-indent: 2pt;
}
.type3L{
    font-family: 'chapman-extended', sans-serif;
    font-weight:100;
    font-size:12pt;
    color:#444444;
}
.type4{
    font-family: 'Montserrat', sans-serif;
    font-weight:500;
    font-size:14pt;
    letter-spacing: 1px;
    text-indent: 1pt; 
}
.type4L{
    font-family: 'Montserrat', sans-serif;
    font-weight:400;
    font-size:12pt;

}
.type4LB{
    font-family: 'Montserrat', sans-serif;
    font-weight:500;
    font-size:12pt;

}

.type2{
    font-family: 'Lato', sans-serif;
    font-weight:400;
    font-size:14pt;
    line-height: 1.4;
    color:#444444;
}



.type2B{
    font-family: 'Lato', sans-serif;
    font-weight:400;
    color:#000000;
    
}

.textOver { 
  display:none;
  position: absolute;
    font-family: 'Proza Libre', sans-serif;
    font-weight:400;
    font-style: italic;
    font-size:26px;
  text-align: left;
  line-height: 1.6; 
  padding: 0px 0; 
  cursor: default;
  
  margin: 0px auto;
}
.textOver span { 
  
  background-color: #ffffff;
  color: #000000; 
  display: inline;
  padding: 10px;
  
  /* Needs prefixing */
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.text3{
    font-family: 'Open Sans', sans-serif;
    font-weight:400;
    font-size:13px;
    color:#888888;
}
.slideText{
    font-family: 'Proza Libre', sans-serif;
    font-size: 14px;
    font-weight:400;
    color:#333333;
}
.bold{
   font-weight: 600;
}

.linkedinLink{
    text-decoration: underline;
    
}