/*

Author: /R/ RATATO.COM
Author URI: http://www.ratato.com

*/

html {
    font-size:100%;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    text-rendering:optimizeLegibility;
    -webkit-tap-highlight-color:transparent
}

body{
	background-color:#FFFFFF;
	color:#000;
	padding-bottom: 25px;

	/*font-family: 'Lato', sans-serif;*/
	font-family: 'PT Sans', sans-serif;
	font-weight: 400;

	font-size:15px;
	line-height: 1.42857; /* will be multiplied with the current font size */

	font-style:normal;
}

p, h1, h2, h3, h4, h5, h6{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

a{
	color:#FF0000;
}

hr {
	height:0px;
	border:0;
	border-bottom:#000000 solid 1px;
	margin:  5px 0px 5px 0px;
}

.clear{
	clear: both;
}






/*

	LAYOUT

*/

.wrapper{
	/*border: #FF0000 solid 1px;*/
}

.page-sidebar{
	margin-bottom: 30px;
	/*border: #CCCCCC dotted 1px;*/
}

.page-contents{
	/*border: #ff0000 solid 1px;*/
}

.page-title{
	border-bottom:#000000 solid 1px;
	margin-bottom: 30px;
}

.page-title h1{
	font-size: 1.3em;
	line-height: 1.3em;
	text-transform: uppercase;
}

.page.home .file,
.page.news .file{
	margin-bottom: 25px;
}

.page .news{
	max-width: 885px;
}

.news-item{
	/*border:#ff0000 solid 1px;*/
	margin-bottom: 30px;
}







/*

	BOOTSTRAP

*/

.container-fluid{
	/*border: #6B5094 dotted 1px;*/
}

.container-fluid .row{
	max-width: 1100px;
	padding-left: 10px;
	padding-right: 10px;
	/*border: #6B5094 dotted 1px;*/
}

.container-fluid .col{
	/*border: #6B5094 dotted 1px;*/
}

.collapse{
	/*border:#99FFFF solid 1px;*/
}

.navbar-header{
	/*border: #CCCCCC solid 1px;*/
}







/*

	NAV

*/

ul{
	padding-left: 0;
	padding-right: 0;
}

li a{
	color:#000000;
}

li a:hover,
li a:focus,
li.selected > a{
	color: #FF0000;
	background: none !important;
}

button.navbar-plus{
	margin: 0;
	margin-right: 5px;
	/*
	width: 40px;
	background-image: url(nav-open.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
	*/
	/*border: #CCCCCC solid 1px;*/
}

button.navbar-plus:hover{
	/*background-image: url(nav-open-over.png);*/
}



a.up{
	display: block;
	width: 40px;
	height: 40px;
	background-image: url(up.gif);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
	margin-top: 30px;
	margin-bottom: 15px;
}

a.up:hover{
	background-image: url(up-over.gif);
}










/*

	MAIN-NAV

*/

nav.main-nav{
	margin-top: 10px;
	margin-bottom: 10px;
}

nav.main-nav .col{
	padding-right: 0;
}

nav.main-nav .navbar-brand{
	white-space: nowrap;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: 700;
	padding: 0;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}

nav.main-nav .navbar-brand{
	color:#000000;
}

nav.main-nav .navbar-brand:hover{
	color:#FF0000;
}

nav.main-nav ul{
	margin-top: 0;
}

nav.main-nav ul li a{
	font-size: 0.9em;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}









/*

	SIDE-NAV

*/

.col.page-sidebar{
	padding-right: 0;
	margin-bottom: 15px; /* bootstrap default = 30 */
}

.left-aside{
	/*border:#FF0000 solid 1px;*/
}

.left-aside .navbar-selection{
	float: left;
	font-size: 0.9em;
	color: #FF0000;
	padding-left: 0;
	padding-right: 0;
	border: none;
}

.left-aside .collapse,
.left-aside .collapsing{ /* during the transition */
	padding: 0;
}

.left-aside li > a{
	padding: 0;
	padding-top: 9px;
	padding-bottom: 10px;
}

.left-aside ul > li > ul > li a {
	padding-left: 30px;
}

.navbar-header{
	/*border:#CCCCCC dotted 1px;*/
}








/*

	COLLECTION

*/

.collection .collection-item{
	margin-bottom: 30px;
	padding-left: 0;
	padding-right: 0;
	/*border: #CCCCCC dotted 1px;*/
}

.collection .collection-item a.title{

	display: inline-block;

	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 30px;
	color: #000000;

	/*
	background-image: url(next2.gif);
	background-repeat: no-repeat;
	background-position: right;
	*/
	
	/*border: #CCCCCC dotted 1px;*/
}


.collection .collection-item{
	padding-right: 20px;
}



/*

	GALLERY

*/

.gallery-row{
	max-width: 650px;
	margin-bottom: 15px;
	/*border: #FF0000 dotted 1px;*/
}


.gallery-selection{
}

.gallery-selection-label{
	padding-top: 10px;
}



.gallery-nav{
	margin-top: 5px;
}

.gallery-nav .gallery-button{
	float: left;
	display: block;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center;
	/*border: #CCCCCC dotted 1px;*/
}

.gallery-nav .gallery-button.backward{
	background-image: url(prev2.gif);
}

.gallery-nav .gallery-button.backward:hover{
	background-image: url(prev2-over.gif);
}

.gallery-nav .gallery-button.backward.off{
	background:none;
}

.gallery-nav .gallery-button.forward{
	background-image: url(next2.gif);
	margin-left: 20px;
}

.gallery-nav .gallery-button.forward:hover{
	background-image: url(next2-over.gif);
}

.gallery-nav .gallery-button.forward.off{
	background:none;
}



.gallery-overview-item img{
	border: #FFFFFF solid 1px;
}

.gallery-overview-item.selected img{
	border: #FF0000 solid 1px;
}

.gallery-overview-item{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.gallery-overview-item  .gallery-item-image img{
	height: 80px;
}

audio{
	width: 100%;
}




/*

	SEARCH

*/

.search-form{
	padding-bottom: 30px;
	margin-bottom: 25px;
	border-bottom: #000000 solid 1px;
}

.search-result .search-result-item a{
	display: inline-block;
	padding-top: 10px;
	padding-bottom: 10px;
}

.search-result .search-result-item a:hover{
	color: #FF0000;
}

.btn-default{
	background-color: #FFFFFF;
	border-color: #000000;
	color:#000000;
	font-size: 1em;
}

.btn-default:hover,
.btn-default:focus {
	background-color: #FFFFFF;
	border-color: #FF0000;
	color:#FF0000;
}






/*

	MEDIA

*/

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

	.main-nav ul li{
		background-image: url(nav-seperator.gif);
		background-repeat: no-repeat;
		background-position: left center;
	}

	.main-nav ul li:first-child{
		background: none;
	}

	.main-nav ul li a{
		padding-left: 8px !important;
		padding-right: 8px !important;
	}

	.main-nav ul li:first-child a{
		padding-left: 0 !important;
	}

	.left-aside li > a{
		padding-top: 4px;
		padding-bottom: 4px;
	}

	.search-result .search-result-item a{
		display: inline-block;
		padding-top: 4px;
		padding-bottom: 4px;
	}

	.collection article:nth-child(2n+1){ 
		clear: left; 
	}


}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

	.collection article:nth-child(2n+1){ 
		clear: none;
	}

	.collection article:nth-child(3n+1){ 
		clear: left; 
	}

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}




/* check 2019 */

/*
.col{
	border: #d352be dashed 1px;
}

.col > *{
	border: #396fee dashed 1px;
}
*/