hr.thin {
	border-top: 1px dotted rgb(150, 150, 150);
  }



.fancybox-content {

box-shadow: 0.2em 0.2em .5em rgba(0,0,0,0.3)!important;


}

.pagination li a {
	font-weight: 300;
	font-size: 14px;
	}


	@media only screen and (max-width: 680px) {

	#header .header-inner {
	width: calc(100% - 50px)!important;
	margin: 0 auto;
	padding: 40px 0 40px 0;
	}

	.header_logotype {

	font-size: .8em!important;
}

}

#header .header-inner {
	width: calc(100% - 200px);
	margin: 0 auto;
	padding: 50px 0 40px 0;
	}	

#menu.classic nav#main-nav > ul > li > a {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color:#666!important;
}



	#header {
		
	background: #ffffff;

}
#header.sticky {
		
	background: #ffffff;

}

.header_logotype {

	font-family: 'Roboto';

	font-size: 1em!important; 

	font-weight: 500; 

	letter-spacing: 0.09em;

	line-height: 2.0em;

	color: rgba(112, 111, 97, 0.95)!important;

	text-transform: uppercase;

	}

.header_logotype span {

	
	color: rgba(162,159,105,0.65)!important;
	

	

	}

	h2.homepage_headline {

	font-family: 'Roboto'; 

	font-weight: 300; 

	letter-spacing: 0.03em;

	line-height: 2.0em;

	color: rgba(0,0,0,0.75)!important;

	}



h3.page-title-small, h4.page-title-small, h5.page-text  {

	font-family: 'Roboto'; 

	font-weight: 300; 

	letter-spacing: 0.03em;

	line-height: 2.0em;

	color: rgba(0,0,0,0.75)!important;

	}



.title-italic {

	font-family: 'Roboto';

	font-size: 1.4em!important; 

	font-weight: 300; 

	letter-spacing: 0.03em;

	line-height: 2.0em;

	color: rgba(0,0,0,0.75)!important;

	font-style: italic;

	}





.artwork-info-small {

	font-family: 'Roboto'; 

	font-size: .85em!important;

	font-weight: 300; 

	letter-spacing: 0.03em;

	line-height: 1.1em;

	color: rgba(0,0,0,0.4);

	}

.artwork-info-small.italic {

	font-style: italic;

	}

.small-image-title {

	font-style: italic;

	color: rgba(0,0,0,0.75);



	}

.text-light { 

	color: #666;

}

	

.artwork-info {

	margin-top: 35px;

	margin-bottom: 25px;

	}



h5.artwork-info-medium {

	font-size: 1.1em!important;

	font-family: 'Roboto'; 

	font-weight: 400; 

	letter-spacing: 0.03em;

	line-height: 2.0em;

	color: rgba(0,0,0,0.65);

	text-align: left;

	}

.artwork-info-medium {

	font-size: 1em!important;

	font-family: 'Roboto'; 

	font-weight: 300; 

	letter-spacing: 0.03em;

	line-height: 2.0em;

	color: rgba(0,0,0,0.4);

	text-align: left;

	}

.artwork-info-medium.italic {

	font-style: italic;

	}


.artwork-info-medium span {

	color: rgba(0,0,0,0.4);

	}



.modal-list {

	margin-top: 35px;

	margin-bottom: 25px;

	}





.short-description {

	margin-top: 3em;

	margin-bottom: 3em;

	font-size: 1em!important;

	font-family: 'Roboto'; 

	font-weight: 300; 

	letter-spacing: 0.03em;

	line-height: 2.0em;

	color: rgba(0,0,0,0.4);

	text-align: left;

}

/*	spacer

-------------------------------------------------*/	



.spacer-large {

	display: block;

	height: 100px;

}



.honeypot {

    position: absolute;

    left: -9999px;

}



.uniform__potty {

    position: absolute;

    left: -9999px;

}



input[type=submit], input[type=button], .button, button {

	cursor: pointer;

	display: inline-block;

	font-family: 'Roboto';

	font-weight: 300;

	font-size: 0.8em;

	letter-spacing: 0.03em;

	text-align: center;

	margin: 3% 0;

    transition: all 0.2s ease;

	color: #888;

	width: 30%;

	height: 100%;

	padding: 4%;

	background: #fff;

	border: 1px solid #888;

	position: relative;

	border-radius: 0px;

	-moz-border-radius:0px; 

	-khtml-border-radius:0px; 

	-webkit-border-radius:0px;

	}

	.text-light input[type=submit], .text-light input[type=button], .text-light .button, .text-light button {  background: #ffffff; color: #000000; }



input[type=submit]:hover, input[type=button]:hover, .button:hover, button:hover { background: rgba(0,0,0,0.7); color: #ffffff;  }

.text-light input[type=submit]:hover, .text-light input[type=button]:hover, .text-light .button:hover, .text-light button:hover { 



	background: #fff!important;

	border: 1px solid #000!important;

	color:#000; 

	transition: all 0.2s ease; 

	letter-spacing: 0.03em;

}





}



.enquiry_button {

	display: block;

	text-align: left;

	color: #888;

	cursor: auto;

	position: relative;

	background: #fff;

	padding: 4%;

	float: right;

	width: 30%;

	height: 100%;

	z-index: 3;

	transition: all 0.2s ease;

	letter-spacing: 0.03em;

}





.enquiry_button a.submit {

	color: #888;

	font-size: 0.8em;

	text-decoration: none;

	display: inline-block;

	margin: 3% 0;

	padding: 4%;

	background: #fff!important;

	border: 1px solid #ccc!important;

	float: left;

	font-weight: 300;

	transition: all 0.2s ease;

	letter-spacing: 0.03em;

}

.enquiry_button a.submit:hover {

	background: #fff!important;

	border: 1px solid #000!important;

	color:#000; 

	transition: all 0.2s ease;

}







.circle-sold {

    background-color:#fff;

    border:2px solid #ccc;    

    height:12px;

    border-radius:50%;

    -moz-border-radius:50%;

    -webkit-border-radius:50%;

    width:12px;

    display: inline-block;

}



.circle-for-sale {

    background-color:#fff;

    border:2px solid #71c062;    

    height:12px;

    border-radius:50%;

    -moz-border-radius:50%;

    -webkit-border-radius:50%;

    width:12px;

    display: inline-block;

}



.inline {

	display: inline-block;

}



a.previous-link {

	color: #ccc;

	font-size: 0.8em;

	text-decoration: none;

	display: inline-block;

	text-transform: uppercase;

	float: left;

	font-weight: 300;

	transition: all 0.2s ease;

	letter-spacing: 0.03em;

}







a.previous-link:hover {

	color: #000;

	transition: all 0.2s ease;

}

	



.main-image {

	width: auto; 

    height:65vh;



	

}





.main-image img {

        max-width: 92%;

        max-height: 100%;

        display: block; /* remove extra space below image */



    }





.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {

    display: block;

    background-color: white;

}

.enquiry-image img {

	max-width: 30%;

    max-height: auto;

    display: block; /* remove extra space below image */
}



.column.one-tenth.list-image img {

	max-width: 50%;

    max-height: 100px;

    

}

.artwork-list {
	border-bottom: #ccc 1px dotted;
	padding-bottom: 10px;
	margin-top: 10px!important;
	height:100px;
}

.post-cat {
    font-weight: 300;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 3px;
}