/*   
Theme Name: EEDSGN CSS Stylesheet (reset theme The HTML5 Reset Theme)
Description: EEDSGN starter thene for WP.
Author: EEDSGN (Reset by Monkey Do!)
Author URI: eedsgn.com
Version: 5.1 (Jan 2022)
*/


/* 1. GENERAL RESET
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}
blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

/* FF dotted border issue */
a:hover, 
a:active,
a:focus,
a:visited, 
a:link,
.btn:link,
.btn:focus,
.btn:active,
.btn:visited,
.btn:hover {
	outline: none;
	-webkit-tap-highlight-color: transparent;
	box-shadow: none;
}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 0.75em;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

/* box-sizing */
div,section,article,aside,nav,footer,header,ul,li {box-sizing: border-box;}

/* 2. MOBILE DEVICE INPUT RESET
-------------------------------------------------------------------*/

input[type=search] {
   -moz-appearance:none;
   -webkit-appearance:none;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

input[type=text], input[type=submit], textarea{
-moz-appearance:none;
-webkit-appearance:none;
-webkit-border-radius:0; 
border-radius:0;
}

/* 3. GENERAL AND TYPOGRAPHY
-------------------------------------------------------------------------------*/

#browsehappy{background-color:#f1f1f1;color:#000; width:100%; height:60px; padding:20px 10px;font-size:11px; text-align: center;}

html, 
body {
	  height: 100%;
	  margin: 0;
}

html { 
	font-size: 100%; 
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%; 
	overflow-y:scroll; 
	background-color: #fff; 
}

body {
		background-color: #fff;
		font-family: 'lato', Helmet, Freesans, sans-serif;
		font-size: 1em;
		line-height: 1.2; 
		font-weight: 300;
}

p{
	font-size:16px; 
	text-align: justify;
	margin: 10px 0;
}
li{font-size:14px;}
h1, h2, h3, h4, h5{
	margin: 0px; 
	padding: 0px;
	font-weight: 300;
	font-family: 'lato', sans-serif;
}
h1{font-size:48px;}
h2{font-size:36px;}
h3{
	font-size:24px;/*was 18 oswald*/
	margin-bottom: 20px;
}
h4{font-size:12px;}


/* we like off-black for text */
body, select, input, textarea {color: #333;}

a {
	color: #333;
	transition: color 0.4s ease-in-out 0s;
	text-decoration:none;
}
a:hover {color: #888888;}

/* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #888888; color: #fff; text-shadow: none;}
::selection {background: #888888; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
 

ins {background-color: #888888; color: #fff; text-decoration: none;}
mark {background-color: #888888; color: #fff; font-style: italic; font-weight: bold;}


.bg-blue {background-color: #edf7fa;}
.bg-grey-l {background-color: #f1f1f1;}
.bg-grey-d {background-color: #e1e1e1;}

.push-down-1 {
	padding-top: 8rem !important;
	padding-bottom: 4rem !important;
}

.btn, .btn-primary, .btn-secondary {
	border-radius: 0;
	font-weight: 300;
}

.btn-gold,
.btn-gold:visited,
.btn-gold:focus
{
	background-color: rgba(217, 168, 78);
	border: 1px solid #999;
	color: white;
	transition: 1s ease all;
}

.btn-gold:hover {
	background-color: rgba(189, 137, 41);
	border: 1px solid #000;
}


.btn-gold, .btn-gold:visited, .btn-gold:focus {
	  background-color: white;
	  border: 1px solid rgba(217, 168, 78);
	  color: rgba(217, 168, 78);
	  transition: 1s ease all;
}

.btn-gold:hover {
	background-color: rgba(189, 137, 41);
	border: 1px solid #000;
	color: white;
	border: 1px solid #aaa;
}


/* 4.WRAPPERS
-------------------------------------------------------------------------------*/


#page_wrap {
	min-height: 100%; 
	margin-bottom: -240px;
}

#content_wrap {
	clear: both;
	
}



/* 5. HEADER
-------------------------------------------------------------------------------*/


#loading {display: none;}
.home #loading { display: block; font-size: 50px; left: 50%; margin-left: -20px; position: absolute; top: 75%; }
.archive #loading { display: block; font-size: 50px; left: 50%; margin-left: -20px; position: absolute; top: 50%; }
.no-js #loading { display: none;  }
	
	@-webkit-keyframes opacity {
		0% { opacity: 1; }
		100% { opacity: 0; }
	}
	@-moz-keyframes opacity {
		0% { opacity: 1; }
		100% { opacity: 0; }
	}
	
	
	#loading span {
		-webkit-animation-name: opacity;
		-webkit-animation-duration: 1s;
		-webkit-animation-iteration-count: infinite;
		
		-moz-animation-name: opacity;
		-moz-animation-duration: 1s;
		-moz-animation-iteration-count: infinite;
	}
	
	#loading span:nth-child(2) {
		-webkit-animation-delay: 100ms;
		-moz-animation-delay: 100ms;
	}
	
	#loading span:nth-child(3) {
		-webkit-animation-delay: 300ms;
		-moz-animation-delay: 300ms;
	}

.kmc-logo {
	height: 50px;
}


/* 6. MENU NAVIGATION
-------------------------------------------------------------------------------*/

.navbar {
	background: #f9f9f9;
}

.navbar li a {
	  font-size: 22px;
	  padding: 6px 10px;
	  transition: all ease 0.4s; 
	  display: block;
}

.navbar li a:hover {
	background-color: #f1f1f1;
	padding-left: 15px;
	color: rgba(217, 168, 78);
}
.navbar-toggler,
.navbar-light .navbar-toggler,
.navbar button:focus:not(:focus-visible) {
	background-color: rgba(255,255,255,0.5) !important;
	border: none !important;
	border-color: transparent !important;
	outline: none !;
	color: transparent;
}

.navbar-light .navbar-toggler,
.navbar-light .navbar-toggler:focus {
	border-color: transparent !important;
	outline: none;
	box-shadow: none;
}

.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	width: 2em;
	height: 2em;
}

.navbar-toggler-name {
	color: black;
	font-size: 0.6rem;
	position: absolute;
	bottom: -2px;
	left: 0;
	margin-left: 18px;
}

.current-menu-item a{
	color: rgba(217, 168, 78);
}

.bottom-nav {
	bottom: 5%;
	left: 0;
	width: 95%;
}

/* .bottom-nav .btn,
.bottom-nav .btn-outline-dark,
.bottom-nav .btn:hover,
.bottom-nav .btn-outline-dark:hover,
.bottom-nav .btn:visited,
.bottom-nav .btn-outline-dark:visited,
.bottom-nav .btn:focus,
.bottom-nav .btn-outline-dark:focus,
.bottom-nav .btn:active,
.bottom-nav .btn-outline-dark:active { 
	min-height: 85px;
	padding: 20px 20px 10px;
	border-radius: 0;
	background-color: rgba(217, 168, 78, 0.7);
	border: 1px solid #fff;
	-webkit-tap-highlight-color: transparent;
	outline-color: transparent;
	outline-style: none;
	box-shadow: none;
} */

.bottom-nav .btn,
.bottom-nav .btn-outline-dark,
.bottom-nav .btn:hover,
.bottom-nav .btn-outline-dark:hover,
.bottom-nav .btn:visited,
.bottom-nav .btn-outline-dark:visited,
.bottom-nav .btn:focus,
.bottom-nav .btn-outline-dark:focus,
.bottom-nav .btn:active,
.bottom-nav .btn-outline-dark:active { 
	padding: 15px 10px;
	border-radius: 0;
	background-color: rgba(217, 168, 78);
	border: 1px solid #fff;
	-webkit-tap-highlight-color: transparent;
	outline-color: transparent;
	outline-style: none;
	box-shadow: none;
	font-size: 0.9rem;
	color: white;
}

.bottom-nav .btn:hover,
.bottom-nav .btn:focus {
	background-color: #ccc;
}

.offcanvas {
	background-color: #f9f9f9;
	border: none;
	height: 550px;
	max-width: 320px;
}

.offcanvas-backdrop.show {
	opacity: 0 !important;
}

/* 7. GENERAL PAGES 
-------------------------------------------------------------------------------*/

.page #content .post, .error404 #content .post{
	margin: 0 5px;
	padding: 20px;
	background-color: #eaeaea;
	min-height: 500px;
}

.page-template-homepagetemp-php #content .post, .page-template-mobilehomepagetemp-php  #content .post{
	padding: 0px;
	margin: 0 5px 10px;
	min-height: 0px;
} 

.error404 h2 {
	margin-bottom: 30px;
}

/* 8. HOME	
-------------------------------------------------------------------------------*/
#introLoading {
	display: none;
}

.home #introLoading {
	background: url("https://www.katemaloneceramics.com/wp-content/themes/katemalone_theme/_/images/km_logo_pots_intro.jpg") no-repeat scroll center center #fff;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1040;
	display: block;
}

#home_slider {
	position: relative;
	margin: 0;
	overflow: none;
}

.carousel-cell {
	  width: 100%; /* full width */
	  height: 100vh; /* height of carousel */
}


.carousel-cell img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	overflow: hidden;
}

/* .home_text {
	bottom: 5%;
	right: 5%;
	width: 480px;	
	background-color: #D9A84E;
	background-color: rgba(217, 168, 78, 0.7);
	color: white;
} */

.home_text {
  bottom: 5%;
  left: 50%;
  width: 250px;
  background-color: transparent;
  color: white;
  margin-left: -125px;
}

/* .home_text .btn {
	background-color: white;
	color: #000;
	font-size: 0.9rem;
	border-radius: 0;
} */

.home_text .btn {
	background-color: rgba(255,255,255,0.9);
	color: #000;
	font-size: 1rem;
	border-radius: 0;
	border: 1px solid #000;
	width: 100%;
	transition: 1s ease all;
}

.home_text .btn:hover {
	background-color: rgba(189, 137, 41);
	border: 1px solid #aaa;
	color: #fff;
}

.home_text p {
	font-size: 1.3rem;
}

.home_text .fa {
	margin-left: 3px;
}

.home_sassoon_logo {
	width: 250px;
	opacity: 1;
	transition: ease opacity 1s;
}

.home_sassoon_logo:hover {
	opacity: 0.6;	
}	


.promo_button_box.box2 {
	bottom: 5px;
}

#news_wrap .promo_button_box {
	display: none;
}

.promo_button_box p{
	color: white;
	margin: 10px;
	width: 90%;	
}

.promo_button {
	border: 1px solid #fff;
	color: #fff;
	display: block;
	font-size: 14px;
	margin: 40px auto;
	padding: 5px 0;
	text-align: center;
	text-transform: uppercase;
	width: 140px;
}

.home_description .promo_inner_wrap {padding: 0;}

.pottery_box_link {
	color: #e9dd65;
}

#scrolltop {display: none; width: 60px; height: 60px;  text-align: center; position: fixed; bottom: 100px; right: 10px; z-index: 1000; }
#scrolltop a {display: block;  background-color: #e1e1e1; padding: 10px; text-transform: uppercase; transition: background-color 0.4s ease; border-radius: 30px;}
#scrolltop a:hover {background-color: #d1d1d1; text-transform: uppercase;}
#scrolltop a img {transform: rotate(180deg);}



/* 9. WORKS overviews
------------------------------------------------------------------------------- */

.works_cat_desc {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	padding: 0;	
	transition: 1s ease-in-out all;
}

.works_cat_desc.show {
	max-height: 500px;
	opacity: 1;
	padding-top: 20px;
}

.works_cat_desc p {
	font-size: 20px;
}

.works_cat_desc a{
	text-decoration: underline;
}

/* .accordion-works-title .accordion-item {
	border: none;
}

.accordion-button,
.accordion-button:focus {
	background-color: background-color: rgba(217, 168, 78, 1);
	border: none;
	width: 100px;
} */

.filter-block {
	width: 215px;
}

.works_desc_line {
	height:1px;
	border-width:0;
	color:#000;
	background-color: #000;
	width: 60px;
	margin: 0 auto;
}

.btn-works-desc {
	width: auto;
	margin: 0 5px;
	height: 38px;
}

.btn-filter,
.btn-filter:focus,
.btn-filter:active,
.btn-filter:visited {
	margin: 0 auto;
	width: auto;
}

/* .btn-filter:hover {
	background-color: #6c757d;
} */

.modal-dialog {
	max-width: 600px;
}

.modal-content {
	border-radius: 0;
}

.modal-body {
	padding: 40px;
}

.modal-footer,
.modal-header {
	border: none;
}

.filter-title {
	font-size: 18px;
	margin-bottom: 20px;
	color: #aaa;
	text-transform: uppercase;
}

.option-set li {
	margin-bottom: 10px;
	font-size: 16px;
}

/* .option-set li .active, */
.option-set li .is-checked {
	color: rgba(189, 137, 41);
}


.worksphoto {
	background-color: #fff !important;
	overflow: hidden;
	width: 20%;
}

.worksphoto.w_landscape {
	width: 40%;	
}	

.worksphoto-sizer {
	width: 20%;
}

.worksphoto_inner {
	position: relative;
	overflow: hidden;
	height: 0;
	margin: 5px;
}

.worksphoto .filler{
	display: block;
}

.worksphoto img{ 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: opacity 0.4s ease; 
}	



.worksphoto_cat {
	
}
.worksphoto_cat .works_cat{
	padding: 20px;
	font-size: 30px;
	color: #999;
}

.worksphoto_cat .works_cat_media{
	padding-bottom: 0px;
}


/* .worksphoto_cat .works_cat_desc {
	padding: 20px;
} */

	
.works_overlay {
	background-color: rgba(0,0,0,0.8);
	width: 100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 100;
	transition: all 0.5s ease;
	height: 100%;
	opacity: 0;
	}
	
.worksphoto:hover .works_overlay { 
	opacity: 1;
}

.works_overlay h3 {
	color: #fff;
	padding: 20px 10px 0px;
	text-transform: none;
	text-align: center;
	font-size: 22px;
	margin-bottom: 10px;
}

.works_overlay span,
.works_overlay span	{ 
	display: block;
	font-size: 12px;
	margin: 0 10px 2px;
	color: #fff;
	text-align: center;
	}

.works_controls_image {
	position: absolute;
	bottom: 40px;
	right: 20px;
	width: auto;
	height: 30px;
	font-size: 16px !important;
	
}

.works_controls_image a {
transition: opacity ease 0.4s;
opacity: 0.7;
}

.works_controls_image a:hover {
	opacity: 1;	
}	

.works_controls_image_read {
	right: 45px;
}

.works_controls_image .media_icon_buy {
	margin-top: -5px;
}

.works_controls_image_link {
	right: 50px;
}
	
.works_overlay span.works_year	{ 
	font-size: 12px;
	}	
	
.works_overlay .works_linkto_single	{
	font-size: 12px;
	margin: 0 10px 2px;	
	}	

.works_overlay .works_divider{ 
	display: block;
	font-size: 12px;
	background-color: #000;
	margin: 10px;
	width: 50px;
	height: 1px;
}

.works_overlay .works_info {
	margin: 20px;
}

.home .works_overlay .works_info {
	width: auto;
}

.works_overlay .works_view {
	border: 1px solid #4e83d1;
	bottom: 5px;
	color: #4e83d1;
	font-size: 10px;
	padding: 2px;
	position: absolute;
	right: 0;
	text-transform: capitalize;
}

.works_overlay .works_buy {
	position: absolute;
	bottom: 25px;
	right: 1px;
	color: black;
}

.works_overlay span.works_buy {
	font-size: 14px;
}

/* .get_download .books_buy,
.get_link .books_view {
	display: none;
} */

.worksphotoimg { /*this is the anchor tag that opens the lightbox*/
	display: block !important;
}

.worksphoto .works_controls /* just for works pages / home page */ {
	position: absolute;
	top: -100px;
	right: 5px;
	width: 100px;
	z-index: 200;
	transition: top ease 0.4s;
}

.works_controls span {
	margin: 5px;
	padding: 7px;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3CFFFFFF,endColorstr=#3CFFFFFF); 
	background-color: #e1e1e1;
	display: block;
	float: right;
	color: #000;
	transition: all ease 0.4s;
	border-radius: 20px;
}

.works_controls span:hover {
	background-color: #f1f1f1;
}

.works_controls span a{
	color: #000;
	display: block !important;
}

.works_controls span i{
	width: 20px;
	text-align: center;
}

/* .fa-expand{
margin-top: 2px;
} */

.worksphoto:hover .works_controls{
	top: 5px;
}

#accordionFilter .accordion-body{
	background-color: #eee;
}

#accordionFilter .accordion-item:last-of-type .accordion-button.collapsed,
#accordionFilter .accordion-item:first-of-type .accordion-button,
#accordionFilter .accordion-item {
	border-radius: 0;
	border: 0;
	background-color: #ddd;
}

#accordionFilter .accordion-button:not(.collapsed) {
	background-color: transparent;
	box-shadow: none;
}
#accordionFilter .accordion-button.collapsed {
	background-color: transparent;
	box-shadow: none;
}

/* #mainworks_description div,
#works_cat_all div {
	padding: 20px;
} */

#mainworks_description p,
#works_cat_all p {
	margin-bottom: 10px;
}

#mainworks_description span#home_filter_box,
#works_cat_all span#home_filter_box{
	display: block;
	background-color: white;
	cursor: pointer;
	padding: 5px;
	margin: 10px 20px;
	color: #999;
	font-size: 14px;
	transition: background-color 0.4s ease;
}

#mainworks_description span#home_filter_box:hover,
#works_cat_all span#home_filter_box:hover{
	background-color: #eee;
}

#mainworks_description span#home_filter_box i
#works_cat_all span#home_filter_box i{
	margin: 0 10px 0 5px;
	color: #EFD38A;
}

#mainworks_description .works_cat,
.single_worksphoto_cat .works_cat,
.works_cat_all .works_cat
{
	color: #999;
	font-size: 30px;
	padding: 20px 20px 0 20px;
}

.category-works .worksphoto_cat,
.category-media .worksphoto_cat{
	display: none;
 }
 
.category-works .worksphoto_cat.show_catbox,
.category-media .worksphoto_cat.show_catbox{
	display: block;
 } 

.category-works .worksphoto_cat .works_cat,
.category-media .worksphoto_cat .works_cat {
	padding-bottom: 0;
}
.category-source #home_box {
	height: 270px;
}

/* 10. WORKS single
------------------------------------------------------------------------------- */

.works_single_content {
	min-height: 700px;
}

.works_single_year {
	display: block;
	font-size: 14px;
	margin: 5px 0 20px 0;
}

.works_single_info_header{
	font-size: 13px;
	color: #888;
	margin-bottom: 0px;
}
.works_single_info_sections p{
	margin: 0;
	font-size: 13px;
}
.works_single_info_sections {
	font-size: 13px;
	color: #000;
	margin: 2px 0 12px 0;
}

.btn-works-single {
	font-size: 13px;
}

.ah-breadcrumb {
	list-style-type: none;
	padding: 0;
}

.ah-breadcrumb > li {
	float: left;
	margin-right: 5px;
	font-size: 12px;
}

.post-nav-title{
	font-size: 11px;
	color: #888;
}

.single-tags a {
	font-size: 12px;
}

/* 12. Media overview
-------------------------------------------------------------------------------*/
.media_icon_play {
	width: 16px;
	height: 16px;
	margin: -3px 0px 0px 3px;
}

.media_icon_read {
	width: 20px;
	height: 20px;
	margin: -3px 0px 0px 0px;
}


/* 12. Public Collections Page
-------------------------------------------------------------------------------*/

.wpgmza_map img {
	margin-bottom: 10px;
}

.wpgmza_infowindow_title {
	
}

.wpgmza_infowindow_address {
		
}


.wpgmza_infowindow_link {
	text-decoration: underline;
}

/* 13. NEWS archive
-------------------------------------------------------------------------------*/

.newsphoto img {
	position: relative;
}

.newsphoto_inner {
	height: auto;
	border: 1px solid #f1f1f1;
}

.news_card {
	background-color: #f1f1f1;
	padding: 15px;
}

.news_card h3{
	font-size: 22px;
}

.news_summary p{
	font-size: 14px;
}

.btn-news {
	background-color: transparent;
	font-size: 11px;
	margin-top: 15px;
}

.btn-news:hover a{
	color: #fff;
}


/* 13. NEWS single
-------------------------------------------------------------------------------*/

.single_news_content a{
	color: blue;
}

.single_news_content a:hover{
	color: #aaa;
}

.single_news_nav_left a,
.single_news_nav_right a {
	font-size: 65px;
	color: #ccc;
}	


.single_news_nav_left {
	position: absolute;
	left: -20px;
}


.single_news_nav_right {
	position: absolute;
	right: -20px;
}

.wp-caption-text {
	font-size: 0.8rem;
	text-align: center;
}

.wp-caption {
	margin: 0px auto;
	display: block;
	width: 100% !important;
}
.single_news_content img{
	margin: 0px auto;
	display: block;
}

.btn-news-overview {
	display: block;
	margin: 20px auto;
}

/* 14.Single content except News
-------------------------------------------------------------------------------*/

.single .works_year {
	color: #aaa;
	font-style: italic;
}


/*  15. CONTACT page
-------------------------------------------------------------------------------*/

.page-template-contactpagetemp-php h2 {
	font-size: 30px;
	color: #999;
}

.contact_section {
	margin-top: 30px;
}

.contact_section h3 {
	font-size: 16px;
	font-weight: bold;
}

#contact_art_dealer img {
	margin: 10px 0;
}

/*  15b. Feedback page (similar to firedUP4)
-------------------------------------------------------------------------------*/

.wpcf7-text,
.wpcf7-textarea  {
	border: #ddd 1px solid;
	padding: 5px;
	margin-top: 5px;
	font-family: 'lato';
}
.wpcf7-textarea, .wpcf7-text{width:100%; max-width:inherit;}
.wpcf7-quiz {width: 50px; border-bottom: 1px solid #ddd; background-color: inherit; font-family: 'lato';}
.wpcf7-submit {
	border: 1px solid black;
	  padding: 5px;
	  background-color: transparent;
	  font-family: 'lato';
	  font-weight: normal;
	  margin-top: 20px;
}

/*  16. Sitemap and cookie policy page
-------------------------------------------------------------------------------*/

.page-template-sitemappagetemp-php .four {
	padding: 0;
	width: 25%;
	float: left;
}

.page-template-sitemappagetemp-php h2,
.page-template-cookiepagetemp-php h2{
	margin-bottom: 20px;
	color: #999;
	font-size: 30px;
}

.page-template-sitemappagetemp-php h4{
	font-size: 14px;
}

.page-template-sitemappagetemp-php .level_one{
	margin: 10px 0 10px 10px;
}

.page-template-sitemappagetemp-php ul li ul li{
	margin: 5px 0 0 10px;
	font-size: 11px;
}

.page-template-cookiepagetemp-php .post div {
	max-width: 540px;
}

/* 17. FOOTER
-------------------------------------------------------------------*/

/* sticky footer */
.footer,
.push {
	height: 240px; 
}

.col-newsletter h4 {
	font-size: 14px;
}

.col-newsletter p {
	font-size: 12px;
}

.btn-footer {
	margin-top: 5px;
}

.footer li {
	margin-bottom: 5px;
}

.footer {
	width: 100%;
	background-color: #f1f1f1;
	text-align: center;
}

.footer small {
	display: block;
	padding: 20px;
}


/* 18. ELASTIC IMAGES
-------------------------------------------------------------------------------*/ 

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* 19. SEARCH
-------------------------------------------------------------------------------*/ 

.search_title {
	padding: 0;
	margin: 20px 5px 40px 0;
}

/* 20. PLUGINS 
-------------------------------------------------------------------------------*/

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
	 -moz-transition-duration: 0.8s;
	  -ms-transition-duration: 0.8s;
	   -o-transition-duration: 0.8s;
		  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
	 -moz-transition-property: height, width;
	  -ms-transition-property: height, width;
	   -o-transition-property: height, width;
		  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
	 -moz-transition-property:    -moz-transform, opacity;
	  -ms-transition-property:     -ms-transform, opacity;
	   -o-transition-property:      -o-transform, opacity;
		  transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
	 -moz-transition-duration: 0s;
	  -ms-transition-duration: 0s;
	   -o-transition-duration: 0s;
		  transition-duration: 0s;
}

/**** FANCYBOX ****/

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
			box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
	
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

/* #fancybox-loading, */ .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('./_/images/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
	background-image: none;
	background-color: black;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('./_/images/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -15px;
	right: -20px;
	width: 40px;
	height: 35px;
	cursor: pointer;
	z-index: 8040;
	background-size: cover;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('./_/images/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0px;
}

.fancybox-next {
	right: 0px;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden !important;
	width: auto;
}

.fancybox-lock body {
	overflow: hidden !important;
}

.fancybox-lock-test {
	overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	/* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50FFFFFF,endColorstr=#50FFFFFF); */
	background-color: #fff;
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	font-family: 'Muli', Helmet, Freesans, sans-serif;
	color: #000;
	font-weight: normal;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	/* #fancybox-loading, */ .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('./_/images/fancybox/fancybox_sprite.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('./_/images/fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/* MailChimp Form Embed Code - Classic - 08/17/2011 */
#mc_embed_signup{background:transparent; clear:left; margin-top: 10px;}
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:0;}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #ccc; border: 0 none; border-radius:4px; color: #fff; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 10px 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto; font-family: "oswald",sans-serif; text-transform: uppercase; }
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px; font-size: 13px; font-style: italic; color: #aaa;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#c60; font-size:200%;}
#mc_embed_signup .mc-field-group .asterisk {position:absolute; top:25px; right:10px;}        
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
	 -moz-user-select: none;
	  -ms-user-select: none;
		  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}



/* 21. MEDIA QUERIES
-------------------------------------------------------------------------------*/

/* Smartphones (portrait) ----------- */
@media only screen 
and (min-width : 320px) and (max-width : 479px){

.btn, .btn-primary, .btn-secondary {
	font-weight: 400;
}

.home_text .btn {
	font-weight: 300;
	font-size: 1.5rem;
	background-color: rgba(255,255,255,0.9);
}

#page_wrap {
	margin-bottom: -500px;
}

.push-down-1 {
	padding-top: 4rem !important;
	padding-bottom: 2rem !important;
}

.offcanvas {
	height: auto;
	max-width: 100%;
}

.offcanvas-end {
	width: 500px;
}

.navbar li a {
  text-align: center;
  padding: 10px;
}

.bottom-nav .btn, .bottom-nav .btn-outline-dark, .bottom-nav .btn:hover, .bottom-nav .btn-outline-dark:hover, .bottom-nav .btn:visited, .bottom-nav .btn-outline-dark:visited, .bottom-nav .btn:focus, .bottom-nav .btn-outline-dark:focus, .bottom-nav .btn:active, .bottom-nav .btn-outline-dark:active {
  padding: 15px 5px;
}  

/*home*/

.home_text {
	bottom: 15%;
}

.home_text .btn {
  font-size: 1rem;
}

.home #introLoading {
	background-size: 280px;
	/* border:	10px solid #edf7fa; */
}

.home_text p {
	font-size: 1.2rem;
}


.btn-works-desc {
	margin: 0 5px 0 10px;
}

.worksphoto_cat h2 {
	font-size: 34px;
}

.worksphoto,
.worksphoto.w_landscape,
.worksphoto-sizer {
	width: 100%;
}


.footer, .push {
	height: 500px;
}
.footer small {margin: 10px 0;}

}

/* smartphones (landscape) ----------- */
@media only screen 
and (min-width : 480px) and (max-width : 767px){

.home #introLoading {
	background-size: 450px;
}

.offcanvas {
	height: auto;
	max-width: 100%;
}

.navbar li a {
  text-align: center;
  padding: 10px;
}

.worksphoto_cat h2 {
	font-size: 34px;
}

.worksphoto,
.worksphoto.w_landscape,
.worksphoto-sizer {
	width: 50%;
}

.works_overlay h3 {
	  padding: 10px 10px 0px;
	  font-size: 16px;
}

}

/* iPads (portrait) ----------- */
@media only screen 
and (min-width : 768px) and (max-width : 1023px){

/* .offcanvas {
	height: 580px;
} */

/* .navbar li a {
  font-size: 24px;
} */ 

.worksphoto {
	width: 33.33%;
}
.worksphoto.w_landscape {
	width: 66.66%;	
}	
.worksphoto-sizer {
	width: 33.33%;
}

.works_overlay h3 {
	  padding: 10px 10px 0px;
	  font-size: 16px;
}
	  
}

/* laptops and ipad landscape----------- */
@media only screen 
and (min-width : 1024px) and (max-width : 1280px){

/* .offcanvas {
	height: 510px;
} */

/* .navbar li a {
  font-size: 22px;
  padding: 6px 10px;

} */ 

.worksphoto {
	width: 25%;
}
.worksphoto.w_landscape {
	width: 50%;	
}	
.worksphoto-sizer {
	width: 25%;
}

}

/* Desktops under 1600px ----------- */
@media only screen 
and (min-width : 1281px) and (max-width : 1599px){

/* .offcanvas {
	height: 510px;
} */

/* .navbar li a {
  font-size: 22px;
  padding: 6px 10px;

} */  

}

/* large screens ----------- */
@media only screen 
and (min-width : 1600px){

.worksphoto {
	width: 16.66%;
}

.worksphoto.w_landscape {
	width: 33.33%;	
}	

.worksphoto-sizer {
	width: 16.66%;
}

}

/* 22. IE EXTRA
-------------------------------------------------------------------------------*/

/* pesky ie 7 + 8 */
.lt-ie9 #content, .lt-ie9 #header, .lt-ie9 footer  {
	width: 870px;
	margin: 0 auto;
	/* padding: 0 5px; */
}
.lt-ie9 .home #content {
	padding: 0;
}

/*header and nav */
.lt-ie9 #logo {padding: 20px;}
.lt-ie9 #navigation, .lt-ie9 #logo_wrap {
	width: 425px;
}
.lt-ie9 #mainnav_wrap, .lt-ie9 .submenu_wrap {
	width: 207px;
}
.lt-ie9 #worksnav_wrap.menu_out,
.lt-ie9 #aboutnav_wrap.menu_out,
.lt-ie9 #medianav_wrap.menu_out,
.lt-ie9 #newsnav_wrap.menu_out,
.lt-ie9 #salenav_wrap.menu_out {left: 218px;}

/*news*/
.lt-ie9 #news_wrap,
.lt-ie9 .prev-next-posts {
	width: 580px;
}
.lt-ie9 #news_main_wrap .page_title {
	width: 530px;
}
.lt-ie9 .single_news{
	width: 530px;
}

/*works for sale*/
.lt-ie9 .sale_section .sale_header {
	max-heig