c/*
Theme Name: kps
Author: MJC@KPS
Author URI: https://katiepaterson.org/
Description: KPS
Version: 2022v2 production
*/

/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}

/* KPS */
html {
  height: 100%;
  font-size: 1em;
  letter-spacing: .1em;
  line-height: 1.4em;
  font-style: normal;
  background-color: #f7f7f7;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
}
body {
  margin: 0 auto;
  font-family: neuzeit-grotesk, helvetica, sans-serif;
  font-weight: 400;
  font-size: 1em;
  letter-spacing: .1em;
  line-height: 1.4em;
  font-style: normal;
  background-color: inherit;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
img {
  display: block;
  padding-bottom: 1.6em;
  max-width: 100%;
}
/* Headings */
h1, h2, h3, h4, h5, h6, .site-title, header, title {
  font-family: neuzeit-grotesk, helvetica, sans-serif;
  font-weight: 400;
  font-size: 1em;
  line-height: inherit;
  color: inherit;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
  border: 0 !important;
}
h1 {
  padding-bottom: 3em;
}
h2 {
  padding-top: 6em;
  padding-bottom: 2em;
}
h4 {
  float: left;
  text-transform: uppercase;
}
h6, em {
  font-style: italic;
}
h5 {
  padding: 0;
  line-height: 0;
  margin: 0
}
/* Links */
a {
  color: #000;
  text-decoration: none;
  transition: color .2s, background .2s, border .2s;
}
a:hover {
  color: lightgray;
  text-decoration: none;
  padding-bottom: 0.4em;
  border-bottom: 2px solid #000;
}

/* type overrides */
.entry-content {
  font-family: neuzeit-grotesk, sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: .02em;
}
p, ul, li {
  padding-top: .4em;
  padding-bottom: 1.6em;
  letter-spacing: .03em;
  font-size: 1em;
  font-family: neuzeit-grotesk, helvetica, sans-serif;
  font-weight: 400;
}
p a {
  text-decoration: none;
  border-bottom: 0;
  color: #000;
}
p a:hover {
  text-decoration: none;
  border-bottom: 0;
  color: lightgray;
}
/* Nav */
#header {
  position: fixed;
  display: block;
  width: 100%;
}
.site-title {
  position: fixed;
  float: left;
  display: inline-block;
}
.menu {
  margin-top: 0;
  margin-bottom: 6em;
  display: inline-block;
  float: right;
  position: fixed;
  padding: 0px;
}
.menu a {
  display: block;
  font-size: 1em;
  line-height: 0.8em;
  text-transform: uppercase;
}
.menu li {
  list-style: none;
  float: left;
  position: relative;
  padding: 0em 0em 0em 3em;
}
.menu li:first-child {
  padding-left: 0em;
}

@media screen and (min-width: 0px) and (max-width: 990px) {
  .header {
    margin-bottom: 1em;
    padding-top: 0em;
  }
  .menu a {
    font-size: .9em;
  }
  .menu {
    float: none;
	   padding:  0em;
  }
	.menu ul {
    padding:  0em;
  }
  .menu li {
    padding: 1em 1.7em 0em 0em;
  }
	 .nav-item .active {
    border-bottom: 0px ;

  }
	.entry-content {
  padding-top: 18em;
}
}

@media screen and (min-width: 990px) and (max-width: 1200px) {
  .menu li {
    padding: 0em 1.5em 0em 0em;
  }
  .menu a {
    font-size: .9em;
  }
}
@media screen and (min-width: 990px) {
  .nav-item .active {
    border-bottom: 0px solid #000;
    padding-bottom: 3px;
  }
  .menu {
    margin-top: 1.3rem;
  }
}
/* layout  */
.entry-content {
  padding-top: 12em;
}
/* specific wp tags */
.entry-summary {
  clear: both;
  width: 50%;
  padding-bottom: 2em;
}
.attachment-post-thumbnail {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
.c-accordion__content, .c-accordion__content h2 {
  padding-top: 1.8em;
  padding-bottom: 1.8em;
}
.contact-form-70 {
  padding-top: 2em;
}
blockquote, .contact-form-submission {
  padding: 0;
  margin: 0;
}
/* artwork page */
.each-24 {
  width: 32%;
  height: auto;
  float: left;
  overflow: hidden;
  padding-bottom: 1.2em;
}
.img_holder-24 img {
  width: 100%;
  height: auto;
}
/*exhibitions*/
.each-20 {
  display: grid;
  grid-template-columns: 50% 50%;
  clear: both;
}
.img_holder-20 img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  width: auto;
  height: auto;
  padding-right: 1.2em;
}

body a:hover {
  color: lightgray;
}
.home_blog {
  max-width: 100%;
  width: 100%;
}
#branding {
  position: fixed;
  padding: 13px 0px;
}
#branding a, #branding h1 {
  font-size: 1em;
  text-decoration: none;
}
.childpage a {
  text-decoration: none;
}

.menu a {
  color: #000 !important;
  text-decoration: none;
}
#site-title a {
  color: #000;
  text-decoration: none;
  font-size: 1em;
}
header {
  height: 70px;
}
footer {
  height: 0;
}
.home article header {
  display: none;
}
.artwork_page .childpage a {
  height: 70px;
  display: inline-grid;
}

@media screen and (min-width: 320px) and (max-width:990px) {
	.navbar {background-color: #f7f7f7;}
	.navbar-light .navbar-brand span {
    margin-top: 2em;
    display: block;
  }
  .navbar-light .navbar-toggler {
    padding: 0px 6px;
    margin-top: 14px;
  }
  .entry-content {
    padding-top: 5em;
  }
  .artwork_page .childpage a {
    font-size: 1em;
    height: 80px;
  }
  body header #main-menu {
    float: right;
    width: 100%;
    margin-top: 10px;
  }
  body nav#menu {
    float: left;
    margin-top: 0px;
  }
  body .navbar-toggler {
    background: none;
    border: 1px solid #d9d9d9;
    position: absolute;
    right: 0px;
    outline: none !important;
  }
  body header .navbar-expand-md .navbar-nav .nav-link {
    margin: 5px 20px;
    font-size: 1em;
  }
}



.home_blog ul {
  margin: 0;
  padding: 0;
  width: 100%;
}
.home_blog .row {
  width: 100%;
  display: table;
  table-layout: fixed;
}
.home_blog .row:nth-child(even) {
  direction: rtl;
}
.home_blog .row:nth-child(odd) .image {
  text-align: right
}
.home_blog .image, .home_blog .text {
  display: table-cell;
  direction: ltr;
}
.home_blog .text {
  vertical-align: middle;
  text-align: center;
}
.home_blog img {
  vertical-align: top;
  max-width: 100%;
}
@media screen and (max-width: 990px) {
  .home_blog ul, .home_blog .row, .home_blog .image, .home_blog .text {
    display: block;
  }
}
header {
  z-index: 5000;
  position: relative;
}
header a.navbar-brand {
  color: #000;
  padding: 1em 0;
  display: inline-block;
}
header h1 {
  float: left;
  color: #000;
}
header .navbar {
  width: 100%;
  padding-top: 0px;
}
header .navbar-expand-md .navbar-nav .nav-link {
  margin: 0 1rem;
  color: #000;
}
header .navbar-expand-md .navbar-nav .nav-link:hover {
  color: #000;
}
header .navbar-expand-md ul li {
  padding: 0px;
}
header .navbar-expand-md .navbar-nav a {
  padding: 0px;
  color: #000;
}
header .navbar-expand-md .navbar-nav {
  width: 100%;
  padding: 1.4em 0px;
}
header .menu_bar {
  float: left;
  width: 100%;
}
header #main-menu {
  float: right;
}
#current img {
  max-width: 100%;
  height: 100vh;
  object-fit: contain;
}
.artwork_page .col-4 {
  width: 33.33333333%;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  margin-bottom: 40px;
}
.artworksingle p {
  width: 40%;
  font-size: 0.9em;
}
@media screen and (max-width:767px) {
  .artworksingle p {
    width: 100%;
  }
}
.exhibition_page #current h3 a {
  text-decoration: none;
}
.exhibition_page #current img {
  max-width: 100%;
  height: 100%;
  padding: 0px;
}
.exhibition_page .img_holder-20 {
  margin-bottom: 40px;
}
.c-accordion__title--button {
  font-family: neuzeit-grotesk, helvetica, sans-serif;
  font-weight: 400;
}
.nextprev {
  height: auto;
  min-height: 6em;
  margin-top: 8em;
  margin-bottom: 4em;
  font-size: 1.6em;
  color: lightgrey;
}
.nextprev a {
  color: lightgrey;
  text-decoration: none;
}
.nextprev a:hover {
  border: 0;
}
.next {
  float: right;

}
button {
  font-family: neuzeit-grotesk, helvetica, sans-serif;
  font-weight: 400;
}
.newspad {
  padding-bottom: 18em;
}
.newstext {
  font-size: 0.9em;
}
.newstext p {
  padding: 0;
}
.yt-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.yt-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* woo overrides */
.woocommerce .woocommerce button, .woocommerce h1, .woocommerce h2, .woocommerce h3, .woocommerce h4, .woocommerce h5, .woocommerce h6 {
  font-family: neuzeit-grotesk, helvetica, sans-serif;
  font-weight: 400;
  letter-spacing: .03em;
  font-size: 1em;
}

.product-remove, .product-thumbnail, .product-name, .product-price, .product-quantity, .product-subtotal, .cart-subtotal, .order-total .wc-proceed-to-checkout, .woocommerce button {
  font-weight: normal;
}

.button {
  border: none;
  color: white;
  display: inline-block;
  text-decoration: none;
  padding: 20px 50px;
  border-radius: 3px;
  margin: 5px;
  border-bottom-style: solid;
  border-bottom-width: 3px;
  transition: text-shadow 0.3s ease;
  background-color: salmon;
  border-color: rgb(150, 120, 120);
}
.button:active {
  position: relative;
  top: 1px;
  border-bottom-width: 2px;
}
.button:hover {
  text-shadow: 2px 2px 0px rgba(0, 0, 0, .3)
}
input[type=text], input[type=password] {
  display: inline-block;
  color: black;
  padding: 10px;
  width: 250px;
  box-sizing: border-box;
  background-color: #fff;
  border: none;
  border-radius: 2px;
  margin: 10px auto;
  transition: background-color 0.5s ease;
}
input[type=text]:focus, input[type=password]:focus {
  background-color: #999;
}
input[type=submit], input[type=button] {
  color: white;
  display: block;
  width: 100%;
  margin-top: 15px;
  border: none;
  padding: 5px;
  font-size: 1.1em;
  cursor: pointer;
}
input[type="checkbox"], input[type="radio"] {
  background: #fff;
  height: 16px;
  cursor: pointer;
  border-radius: 3px;
  width: 16px;
  -moz-appearance: none;
  -webkit-appearance: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .44) inset;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .44) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .44) inset;
  vertical-align: middle;
}
input[type="radio"] {
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
input[type="checkbox"]:checked, input[type="radio"]:checked {
  background: #000;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .44);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .44);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .44);
}


/*SPslider overrides */
.sp-button {width: 5px;
    height: 5px;
    border: 2px solid #ddd;
    border-radius: 50%;
    margin: 12px;}

.sp-selected-button {
	background-color: #000;}