/* place your instance-specific custom css in here */
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

@import url('https://fonts.googleapis.com/css?family=Fjalla+One&display=swap');


@import url('https://fonts.googleapis.com/css?family=Karla&display=swap');

h2{font-family:'Fjalla One', sans-serif; 

padding-top:5px;
padding-bottom:10px;

}

a.title{
color: #000 !important;
font-weight: bold !important;
text-decoration: underline !important;
}

a.title:hover{
color: #000 !important;
text-decoration: none !important;
font-weight: bold !important;
background:#ff33ff;
text-decoration: underline !important;
}



.responsive {
  max-width: 80%;
 
  height: auto;
}

.fade {
   opacity: 0.8;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

.fade:hover {
      opacity: 0.5;
      }

.statement-box{

padding-left: 10em; 
padding-right: 10em;
text-align: center;
}

.statement{ 
font-family:'Open Sans', sans-serif;
font-size: 0.9em; 

color:grey;
    }
    
.statement-boximg{
display: inline-block; 

max-width: 1000px;
text-align: left;
}
    
    
    
  div.metadata-container{
 
padding-left: 150px;}
 
.main-metadata-series{
font-family:'Open Sans', sans-serif;
font-size: 1.4em; 
    padding-left: 0px;
    text-align: center;
    
    color:#302d2d;
   
    }
    
    .main-metadata-series-date{
font-family:'Open Sans', sans-serif;
font-size: 0.9em; 
    padding-left: 0px;
    text-align: center;
    
    color:#616060;
   
    }
    
.main-metadata-series-statement{
font-family:'Open Sans', sans-serif;
font-size: 1em; 
    padding-left: 200px;
     padding-right: 200px;
   text-align:justify;
      
    color:#424040;
   
    }    
    
  li.metadata_year {
font-family:'Open Sans', sans-serif;
font-size: 0.7em;
  color:#6b6b6b;
  } 
  
    li.metadata_title {
font-family:'Open Sans', sans-serif;
font-size: 0.9em;

  } 
  

.detail-component .main-metadata {
font-family:'Open Sans', sans-serif;
font-size: 1.4em; 
    margin-top: 5ex; /* added by dan - space between image and metadata */
    padding-left: 0px;
    text-align: left;
    }

.detail-component .secondary-metadata {
font-family:'Open Sans', sans-serif;
    margin-top: 20px;
    text-align: left;

}

.detail-component .image-container div {
  text-align: left; /* added by dan - left justify non metadata components - ie 'statement' toggle control */
}

.col-md-8{
		
padding-top: 10px ;
padding-left: 0px;
text-align: justify;
	}
	
secondary-metadata-longtext	{

text-align: justify;

	}	

/* Objects in search font */

	
	/* keeps metadata aligned left under images */
.metadata-detail{	
display: inline-block; 
min-width: 300px; 
/*max-width: 800px; I think this was breaking things (Dan)*/


}

.img-responsive { 
    width:100%;
}


/*footer*/
.footer {

text-align: center;
      position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px; /* Set the fixed height of the footer here */
  line-height: 30px; /* Vertically center the text there */
  background-color: white;
padding: 5px;
border-top-width: 1px;
       border-top-style: solid;
       border-top-color: #f5f5f5;

}

body {
  margin-bottom: 40px; /* Margin bottom by footer height */
}


html {
  position: relative;
  min-height: 100%;}

li.link-footer{
 display: inline;

  list-style-type: none;

  padding: 2em;
}

.text-muted{
font-size:80%;}

.main-metadata-book {
font-family:'Open Sans', sans-serif; 
text-align=left;

padding-left:0px;
}
.secondary-metadata-book {
text-align=left;

padding-left:0px;
}
.link-book {
text-align=left;
}


a.plain:hover {
  color: black;
  text-decoration:none;
}
a.plain {
  color: black;
  text-decoration:none;
}


.responsive {
  width: 100%;
  height: auto;
}


h1, h2, h3, h4{font-family:'Fjalla One', sans-serif; }

a:hover {
  color: black;
  text-decoration:none;
}


a.switch{
color:#7a7a7a;
  padding-top:10px;
  text-decoration:none;
}

a.switch:hover{
cursor:pointer;
color:black;

}




div.statement {
text-align:center;
  padding-top:10px;
  padding-bottom:10px;
  text-decoration:none;
 
}

div.statement-video {
text-align:left;
  padding-top:10px;
  padding-bottom:10px;
  text-decoration:none;
  max-width: 900px;
 
}

.col-xs-12
{
padding-top:0em;}

div.statement-left {
text-align:left;
  padding-top:10px;
  padding-bottom:10px;
  text-decoration:none;
  width:50%;
}

a {
color: #939390;
}


.text{ margin-top:10px;
margin-bottom:10px;
line-height: 2;
font-family:'Open Sans', sans-serif; 
}


.logo{
font-family:'Fjalla One';  
font-size: 2.6em; 
padding-top:0px;
color:black;
padding-right:20px;
padding-left:5px;

}

div.image-container{
 min-height: 600px;

}

p {font-family: 'Open Sans'; 

}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #000;
   
    background-color: white;
     text-decoration:none;
       border-color: #fff;
     
}

li {
    list-style-type: none;
}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
   
}

.nav { 
    padding-top:0.1em;
   font-family:'Open Sans', sans-serif; 

   font-size: 0.9em; 
    padding: 0px;
    background: transparent;
    color: #999;
    transition: all 0.2s;
  border-color: #fff;
  min-width: 50%;
   min-height: 40px;
   
}




/*

.row > div {
  
    outline: 2px solid #ccc;
 
 }

.nav { 
    padding-top:2px;
   font-family:'Open Sans', sans-serif; 
   margin: 10 10px;
   font-size: 0.9em; 
    padding: 0px;
    background: white;
    color: #999;
    transition: all 0.2s;
  border-color: #fff;
  min-width: 50%;
   
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #000000;
  background-color: white;
     text-decoration:none;
       border-color: #fff;
    
}


.nav>li>a:hover, .nav>li>a:focus {
    background-color: transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #000;
    padding-left: 20px;
    background-color: white;
     text-decoration:none;
       border-color: #fff;
     
}

a {

  color: red;
}
a:hover {
  color: black;
  text-decoration:none;
   background-color: transparent;
  
}




*/
a.cv {

  color: red;
}



.glyphicon-chevron-right,.glyphicon-chevron-left {

    font-size: 2em;
}


#fotomuseum-search {
    margin-top: 0em;
  
      font-family:'Open Sans', sans-serif; 
      font-size:0.8em;
}

#image-detail{

      font-size:0.9em;
}
/*
.fmcustom-bs3-image-search-search {
    width: 30%;
    display: inline-block;
    padding-right: 20px;
    vertical-align: top;
    margin-bottom: 30px;
 box-shadow: none; -webkit-box-shadow: none;
}




nav .navbar-nav li a{
    color: red;
 
}

 Show it's not fixed to the top 
body {
  min-height: 75rem;
}

.red .active a,
.red .active a:hover {
    background-color: yellow;
}

.nav-pills>li>a:hover {
	
	font-colour: #FF6699;
}

.nav-pills .open>a, .nav-pills .open>a:active, .nav-pills .open>a:focus{
	background-color: #000000;
}*/



/*hide collection facet - can noew remove as configurable
div.fmcustom-bs3-object-search-facet div#collection {
  display: none;
}
div.fmcustom-bs3-object-search-facet div#year {
  display: none;
}

div.edges-bs3-important-numbers-main-image-count {
  display: none; 
}
*/