/**
* CSS
* 
* @version 2.0
* @author Vaska 
*
* There are also some obscure rules in base.css
*/

body {
	padding: 20px 0px 0px 0px;
	margin-bottom:1em;
}

/* link scheme */
/* you can customize links further down the page too */
a:link { color: #52636b; text-decoration: underline #F1F2F2 4px; font-weight: 400;}
a:active { color: #52636b; text-decoration: underline #F1F2F2 4px; font-weight: 400;}
a:visited { color: #52636b; text-decoration: underline #F1F2F2 4px; font-weight: 400;}
a:hover { color: #52636b; background-color: #E6E7E8 ; font-weight: 400;}


a img { border: none; }

/* general styles */
small { font-size: 9px; }
code { font-family: monospace; }
blockquote { padding-left: 9px; }


/** Main Title	**/
h1 { 
    font-family: Source Sans Pro, Verdana, Sans-serif;	
	font-size: 1em;
	line-height: 2em;
	font-weight: 400;
	text-transform:uppercase;
	color: #5a5b51;
	letter-spacing: 2px;
	background-color:#f6f6f6;
	padding: 30px 10px 10px 10px;
	margin: 70px 0px 00px 0px;
}
/** Title	**/
h2 { 
    font-family: Source Sans Pro, Verdana, Sans-serif;
	font-size: 1.4em;
	line-height: 1.6em;
	font-weight: 400;
	color: #5a5b51;
	padding: 80px 10px 30px 10px;
	}
	/** Text	**/
h3 { 
    font-family: Source Sans Pro, Verdana, Sans-serif;
	font-size: 1em;
	line-height: 1.6em;
	font-weight: 400;
	text-align: justify;
	color: #5a5b51;
	/**color: #52636b;**/
	padding: 10px 10px 0px 10px;

	
	}
	
h4 { font-size: 100%; 
    font-family: Source Sans Pro, Verdana, Sans-serif;
	color: #6d6e71;
	border-bottom-color: #cccccc; 
	border-bottom-style: solid;
	border-bottom-width: 1px;
	}
	
	/*
	Source Sans Pro
	100
	300
	400
	700
	900
 */
 
 p {
    font-family: Source Sans Pro, Verdana, Sans-serif;
	font-size: 1em;
	line-height: 1.6em;
	font-weight: 400;
	color: #52636b;
	padding: 5px 10px 10px 10px;
}


.more{
	display: none;
}
.post{
	
}
.post:not(:last-child){
	margin-bottom: 30px;
}
button{
	float: right;
	margin-top: 15px;
	display: block;
	background-color: #F1F2F2;
	color: #52636b;
	border:none;
	outline: none;
	padding: 8px 20px;
	cursor: pointer;
	font-weight: 400;
}

/* paragraph width */
#index p { margin-bottom: 1em; }
#exhibit p, code, blockquote { margin: 2rem 0;
	padding: 0px 10px 0px 10px; }

/* highlighter style - maybe you want to change colors? */
.highlight { background: #ccff00; color: #000; }

/* never adjust the margin or padding here unless you seriously know what you are doing */
/* think #index .container and #exhibit .container for only padding adjustments */
#index {
	width: 100%;
    overflow: none;
    position: absolute;
	top: 0;
	z-index: 100;
	text-align: center;
	letter-spacing: 3px;
	height: 150px;
	
}



#exhibit {
height: 100%;
margin: auto;
width: 100%;
max-width: 800px;
padding: 125px 0px 0px 0px;

}

/* styling the index */
#index ul { display: inline;  }
	
#index ul.section { display: inline; }

#index ul.subsection { display: inline; }

/* the follow rules for index are not required */
/* they are mostly for complex customization */
/* for tag display */
#index ul#all_tags { list-style-type: none; margin-bottom: 1em; }
#index ul#all_tags li { display: inline; margin-right: 3px; }
#index ul#all_tags li a {  }

/* styles for the section titles */
#index ul.section span.section_title, 
#index ul.section span.section_title a 
{display: inline;}

/* active section title */
#index span.active_section_title,
#index span.active_section_title a { font-weight: bold; display: inline;}

/* active exhibit title parts */
/* color of active exhibit title link and font-weight */
li.active a:link, li a.active, li.active a:hover, li a.active, li.active a:active, li a.active, 
li.active a:visited, li a.active, li span.active, #index ul.section li.active a:link 
{ display: inline; }
	
	, 
#index ul.section li.active a:hover, #index ul.section li.active a:active, #index ul.section li.active a:visited
{ display: inline; }

/* additional #index options */
#index ul li .password a { /* background: url(../img/locked.gif) right center no-repeat; padding-right: 18px; */ }

/* the "new" indicator */
#index ul li sup.new_exhibit {}
#index ul li sup.new_exhibit:before { }
/* end styling for index */

/* links styles only for the #index region */


#index a:link { text-decoration: none; color: #52636b; }
#index a:visited { text-decoration: none; color: #52636b; }
#index a:hover { text-decoration: none; color: #52636b; background-color: #E6E7E8 ; } 
#index a:active { text-decoration: none; color: #52636b; } 


/* links styles only for the #exhibit region */
#exhibit a:link {  }
#exhibit a:visited {  }
#exhibit a:hover {  } 
#exhibit a:active {  } 



/* links styles just for h1 title of site (your name/logo) */
#index h1 a { font-weight: normal; text-decoration: none; color: #000; }

/* this is where you adjust your paddings for #index and #exhibit together */
.container { padding: 0px 0px 0px 0px; }

/* this is where you pad them separately */
#index .container {  }
#exhibit .container {  padding: 0px 0px 0px 0px;}

/* size and style of titles and captions (not mobile though) */
.captioning { margin-top: 2px; }
.title { font-size: 0.7em; font-style: italic; line-height: 1.2em; }
.caption { font-size: 0.7em; font-style: italic; line-height: 1.2em; }



#world { background-color:#fff; }

#zoom { position:relative;
    width: 100%; }

.list {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	padding: 10px 0px 10px 0px;
	font-family: /*Merriweather,*/ Source Sans Pro, Verdana, Sans-serif;
	font-size: 100%;
	line-height: 2em;
	font-weight: 300;
	text-align: justify;
	color: #52636b;
	margin: 2rem 0;
	padding: 0px 10px 0px 10px;
	display: block;
}


#bottomnavigation a:link { text-decoration: none; font-size: 100%; color: #fff;  letter-spacing: 2px; padding: 20px;  }
#bottomnavigation a:active { text-decoration: none; font-size: 100%; color: #fff;  }
#bottomnavigation a:visited { text-decoration: none; font-size: 100%; color: #fff;  }
#bottomnavigation a:hover { text-decoration: none; font-size: 100%; color: #bcbec0;  }

#bottomnavigation {
	margin: auto;
	width: 100%;
	max-width: 800px;
	text-align: center;
	padding: 5px 5px 5px 5px; 
    font-size: 100%;
    font-family: Source Sans Pro, Verdana, Sans-serif;
	background-color: #5a5b51;
	padding: 30px 0px 30px 0px;
	line-height: 400%; 
	}
	
	
.noSel.smooth_zoom_preloader {
    aspect-ratio : 1 / 1;
	touch-action: none;
}	
	
#footer a:link { text-decoration: none; font-size: 100%; color: #939597;  letter-spacing: 2px; padding: 20px;  }
#footer a:active { text-decoration: none; font-size: 100%; color: #939597;  }
#footer a:visited { text-decoration: none; font-size: 100%; color: #939597;  }
#footer a:hover { text-decoration: none; font-size: 100%; color: #939597;  }

.list {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	padding: 10px 0px 10px 0px;
	font-family: /*Merriweather,*/ Source Sans Pro, Verdana, Sans-serif;
	font-size: 100%;
	line-height: 2em;
	font-weight: 300;
	text-align: justify;
	color: #52636b;
	margin: 2rem 0;
	padding: 0px 10px 0px 10px;
	display: block;
}




#news {
	/*position: fixed; 
	bottom: 0px;
	left:0px;
    right:0px;*/
	font-family: Source Sans Pro, Verdana, Sans-serif;	
	font-size: 1em;
	height: 3em; 
	margin: 30px 0px 30px 0px;
	width: 100%;
	max-width: 800px;
	/*text-align: center;*/
    font-size: 100%;
    font-family: Source Sans Pro, Verdana, Sans-serif;
	background-color:#f6f6f6;
	padding: 5px 10px 50px 10px;
	line-height: 1.5em; 
	/*border-top: 1px solid #939597;*/
	z-index: 1000;
	}


footer {
	position: relative; 
	/*bottom: 0px;
	left:0px;
    right:0px;*/
	height: 2em; 
	margin: auto;
	width: 100%;
	max-width: 800px;
	text-align: center;
    font-size: 100%;
    font-family: Source Sans Pro, Verdana, Sans-serif;
	background-color: #fff;
	padding: 5px 0px 5px 0px;
	line-height: 1.5em; 
	border-top: 1px solid #939597;
	z-index: 1000;
	}
	
footerfixed {
   position: fixed; 
   bottom: 0px; 
   width: 100%; 
   height: 60px; 
   background-color: black;
   	z-index: 1000;
}

	/* BLOG THUMBNAILS*/
	
div.polaroid {
    width: 100%;
    background-color: white;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 3px 0 rgba(0, 0, 0, 0.19);
}

img {width: 100%}

.responsive a:link { text-decoration: none; color: #52636b; }
.responsive a:visited { text-decoration: none; color: #52636b; }
.responsive a:hover { text-decoration: none; color: #52636b; background-color: #E6E7E8 ; } 
.responsive a:active { text-decoration: none; color: #52636b; } 

.polaroid a:link { text-decoration: none; color: #52636b; }
.polaroid a:visited { text-decoration: none; color: #52636b; }
.polaroid a:hover { text-decoration: none; color: #52636b; background-color: #E6E7E8 ; } 
.polaroid a:active { text-decoration: none; color: #52636b; } 

.polaroidtext a:link { text-decoration: none; color: #52636b; }
.polaroidtext a:visited { text-decoration: none; color: #52636b; }
.polaroidtext a:hover { text-decoration: none; color: #52636b; background-color: #E6E7E8 ; } 
.polaroidtext a:active { text-decoration: none; color: #52636b; } 

.polaroidtext2 a:link { text-decoration: none; color: #52636b; }
.polaroidtext2 a:visited { text-decoration: none; color: #52636b; }
.polaroidtext2 a:hover { text-decoration: none; color: #52636b; background-color: #E6E7E8 ; } 
.polaroidtext2 a:active { text-decoration: none; color: #52636b; } 

div.polaroidtext {
    text-align: left;
    padding: 20px 0px 0px 10px;
	font-family: Source Sans Pro, Verdana, Sans-serif;
	font-size: 0.9em;
	line-height: 1.1em;
	font-weight: 400;
	color: #5a5b51;
}

div.polaroidtext2 {
    text-align: left;
    padding: 5px 0px 10px 10px;
	font-family: Source Sans Pro, Verdana, Sans-serif;
	font-size: 0.8em;
	line-height: 1.1em;
	font-weight: 400;
	color: #939598;
	
}
	
div.responsive {
    padding: 0 5px;
    float: left;
    width: 23.7%;
}

@media only screen and (max-width: 700px){
div.responsive {
        width: 23.7%;
        margin: 6px 0;
    }
}

@media only screen and (max-width: 500px){
div.responsive {
        width: 45%;
    }
}