/*
Theme Name: Kuist
Version: 2.1
Theme URI: http://www.burnhambox.com/kuist
Description: Photography Series Portfolio WordPress Theme
Author: Burnhambox
Text Domain: kuist
Author URI: http://www.burnhambox.com
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

/*///////////////////////////////
////// TABLE OF CONTENTS ////////
/////////////////////////////////

1. Body & General / #kuist_body

2. Header / #kuist_header

3. Portfolio / #kuist_portfolio

4. Lightbox / #kuist_lightbox

5. Footer / #kuist_footer

6. Navigation / #kuist_navigation

	6.1. Primary Navigation
	6.2. Slicknav

7. Misc / #kuist_misc

8. Panes / #kuist_panes

9. Article / #kuist_article

10. Post Comments / #kuist_post_comments

11. WP Defaults / #kuist_wp_defaults

12. Gutenberg / #kuist_gutenberg

/////////////////////////////////
/////////////////////////////////
///////////////////////////////*/

/*///////////////////////////////////////////////////////////////
/// 1. Body & General / #kuist_body STARTS
///////////////////////////////////////////////////////////////*/

*,
*:before,
*:after {
	box-sizing: border-box;
}

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

body {
	width: 100%;
	min-width: 320px;
	overflow-x: hidden;
	margin-top: 0;
	margin-left: 0;
	letter-spacing: 0.04em;
	-webkit-transition: margin-left 0.2s ease-out, margin-top 1s ease;
	transition: margin-left 0.2s ease-out, margin-top 1s ease;
	font-weight: normal;
}

.kuist-stripes {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -100;
}

address {
	margin-bottom: 1em;
}

code {
	font-size: 14px;
}

kbd {
	font-family: monospace;
	font-size: 14px;
}

pre {
	font-family: monospace;
	font-size: 14px;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	padding: 20px;
	line-height: 1.4em;
}

q:before,
q:after {
	content: '"';
}

var {
	font-family: monospace;
	font-size: 14px;
}

table {
	border: 1px solid;
}

th, td {
	padding: 10px;
	border: 1px solid;
}

dt {
	font-weight: bold;
	text-align: left;
}

abbr {
	font-style: italic;
}

p {
	line-height: 1.6em;
	margin: 1.5em auto;
}

em {
	font-style: italic;
}

hr {
	border: 1px solid;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0.8em 0;
	font-weight: 500;
}

.article-pure-content h1,
.comment-text h1 {
	font-size: 15px;
}

.article-pure-content h2,
.comment-text h2 {
	font-size: 14px;
}

.article-pure-content h3,
.comment-text h3 {
	font-size: 13px;
	margin: 0.7em 0 0.9em 0;
}

.article-pure-content h4,
.comment-text h4 {
	font-size: 12px;
}

.article-pure-content h5,
.comment-text h5 {
	font-size: 11px;
	margin: 0.9em 0;
}

.article-pure-content h6,
.comment-text h6 {
	font-size: 10px;
	margin: 0.9em 0;
}

a,
a:visited {
	text-decoration: none;
	-webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
	transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
}

input {
	border: none;
	width: 100%;
	-webkit-border-radius: 0;
	background-color: transparent;
	letter-spacing: 0.04em;
	border-bottom: 2px solid;
	height: 40px;
	-webkit-transition: border-bottom 0.1s ease-out;
	transition: border-bottom 0.1s ease-out;
}

textarea {
	width: 100%;
	border: none;
	resize: none;
	-webkit-border-radius: 0;
	background-color: transparent;
	letter-spacing: 0.04em;
	border-bottom: 2px solid;
	height: 120px;
	padding: 0;
	-webkit-transition: border-bottom 0.1s ease-out;
	transition: border-bottom 0.1s ease-out;
}

input.button, input[type="submit"], button {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	-webkit-border-radius: 0;
	cursor: pointer;
	border: none;
	background-color: transparent;
	padding: 0;
	font-weight: 500;
	letter-spacing: 0.04em;
}

button {
	position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

button:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -2px;
  left: 0;
  visibility: hidden;
  width: 0;
	-webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

button:hover:before {
  visibility: visible;
  width: 100%;
}

input[type="submit"] {
	-webkit-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;
	width: auto;
	height: auto;
}

input[type="checkbox"] {
	height: 30px;
	line-height: 30px;
}

select {
	width: 100%;
	border: none;
	white-space: pre-wrap;
	word-wrap: break-word;
	-webkit-border-radius: 0;
}

input:focus,
textarea:focus {
	outline: none;
	border-bottom: 6px solid;
}

select:focus {
	outline: none;
}

blockquote {
	border-left: 2px solid;
	padding-left: 20px;
}

img {
	display: block;
}

label.screen-reader-text {
	display: none;
}

iframe {
	border: none;
}

video {
	width: 100%;
}

/*////////// #kuist_body ENDS //////////*/

/*///////////////////////////////////////////////////////////////
/// 2. Header / #kuist_header STARTS
///////////////////////////////////////////////////////////////*/

.site-top {
	width: 100%;
	margin: 0 auto 50px auto;
	max-width: 100%;
	display: block;
}

.site-menu-outer {
	display: inline-block;
	vertical-align: middle;
}

h1.logo-text {
	margin: 0;
	font-weight: 500;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: top;
}

.mobile-header h1.logo-text {
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	vertical-align: middle;
	line-height: 0;
}

.site-top-container-outer {
	display: none;
}

.site-top-container {
	width: 100%;
	vertical-align: middle;
	font-size: 0;
	position: relative;
	text-align: right;
	max-width: 100%;
	margin: auto;
	padding: 0 0 0 50px;
}

.site-logo-outer {
	font-size: 0;
	position: absolute;
	left: 0;
}

.site-logo-outer,
.site-logo-outer-handler {
	display: inline-table;
	vertical-align: middle;
	margin: 0 40px 0 0;
	text-align: left;
}

.site-logo-container {
	display: table-cell;
	vertical-align: middle;
}

.site-logo-container img {
	height: auto;
	display: inline-block;
	margin-right: 15px;
}

.top-extra-outer {
	float: right;
	vertical-align: middle;
	text-align: right;
	width: auto;
}

.top-extra {
	display: table;
}

.top-extra-inner {
	display: table-cell;
	vertical-align: middle;
	position: relative;
}

.top-extra-inner li.empty {
	margin-top: -10px !important;
}

.contact-ico-button {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	padding: 0 22px;
	line-height: 50px;
}

.contact-ico-button i {
	-webkit-transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
}

.contact-ico-button:hover i {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.mobile-header .contact-ico-button {
	padding: 0;
	float: right;
	margin-right: 10px;
	min-width: 30px;
	min-height: 30px;
	text-align: center;
}

/*////////// #kuist_header ENDS //////////*/

/*///////////////////////////////////////////////////////////////
/// 3. Portfolio / #kuist_portfolio STARTS
///////////////////////////////////////////////////////////////*/

.series-swiper {
	padding-top: 50px;
	margin-bottom: 50px;
}

.series-swiper .swiper-container {
	margin-bottom: 20px;
	margin-left: 50px;
}

.series-swiper .swiper-slide {
	width: auto;
	font-size: 0;
	cursor: pointer;
	overflow: hidden;
	height: 110px;
	margin-top: 30px;
}

.series-swiper .swiper-slide.sswt {
	overflow: visible;
	margin-top: 0;
	position: absolute;
}

.series-swiper .swiper-slide:hover .kuist-mag {
	left: 20px;
}

.series-swiper .swiper-slide img {
	width: auto;
	height: 100px;
}

.series-swiper .swiper-slide.kuist-title {
	font-weight: 500;
	width: auto;
	margin-left: 0;
	padding-right: 15px;
	cursor: default;
	text-transform: uppercase;
}

.kuist-title-holder {
	display: table;
	width: 100%;
}

.kuist-letter {
	display: none;
	vertical-align: middle;
	text-align: center;
	position: absolute;
	font-size: 100px;
	width: 100%;
	padding-right: 15px;
	top: 0;
	opacity: 1;
	-webkit-transition: top 0.2s ease-out, opacity 0.1s ease-out;
  transition: top 0.2s ease-out, opacity 0.1s ease-out;
	text-transform: uppercase;
}

.kl-hover {
	top: -50px;
	opacity: 0;
}

.kuist-title-inner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	position: relative;
	top: 0;
	opacity: 1;
	-webkit-transition: top 0.2s ease-out, opacity 0.1s ease-out;
  transition: top 0.2s ease-out, opacity 0.1s ease-out;
}

.kuist-title-num {
	position: absolute;
	top: -50px;
	left: 40px;
	font-weight: normal;
}

.kuist-mag {
	position: absolute;
	top: 20px;
	left: -45px;
	-webkit-transition: left 0.2s ease-out !important;
  transition: left 0.2s ease-out !important;
}

.kuist-mag i {
	font-size: 11px;
}

.kuist_loadmore {
	cursor: pointer;
	opacity: 1;
	position: relative;
	margin-left: 50px;
	margin-top: 50px;
}

.kuist_loadmore .lm_horizontal {
	position: absolute;
	width: 10px;
	height: 2px;
	top: 17px;
	left: 13px;
	-webkit-transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
}

.kuist_loadmore .lm_vertical {
	position: absolute;
	width: 2px;
	height: 10px;
	top: 13px;
	left: 17px;
	-webkit-transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
}

.kuist_loadmore:hover div {
	-webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.kuist_loadmore.loadmore_wait .lm_horizontal,
.kuist_loadmore.loadmore_wait .lm_vertical {
	-webkit-animation-name: spin;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-name: spin;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.loadmore_wait {
	cursor: default;
	opacity: 0.5;
}

@-webkit-keyframes spin {
  from {
		-webkit-transform: rotate(0deg);
	}
  to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
  from {
    transform:rotate(0deg);
  }
  to {
    transform:rotate(360deg);
  }
}

.kuist-categories-icon {
	width: 50px;
	height: 50px;
	position: fixed;
	top: 50px;
	left: 0;
	cursor: pointer;
	z-index: 100;
	-webkit-transition: margin-left 0.2s ease-out, margin-top 1s ease;
	transition: margin-left 0.2s ease-out, margin-top 1s ease;
}

.kci-active {
	margin-left: 200px;
}

.ci-line {
	position: absolute;
	height: 2px;
	left: 20px;
	-webkit-transition: width 0.2s ease-out;
	transition: width 0.2s ease-out;
}

.cil1 {
	width: 7px;
	top: 20px;
}

.cil2 {
	width: 10px;
	top: 24px;
}

.cil3 {
	width: 4px;
	top: 28px;
}

.kuist-categories-icon:hover .ci-line {
	width: 10px;
}

.kuist-img-preloader {
	left: 25px;
	top: 115px;
	position: fixed;
	display: none;
	z-index: 9998;
}

.drag-notifier {
	opacity: 0;
	position: absolute;
	z-index: 100;
	top: 55px;
	right: 40px;
	animation: slide1 0.8s ease-in-out infinite;
}

.drag-notifier:before {
  content: "";
  width: 10px;
  height: 2px;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  right: 15px;
}

.drag-notifier:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 4px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 11px;
}

@keyframes slide1 {
  0%,
  100% {
    transform: translate(0, 0);
  }

  50% {
    transform: translate(80px, 0);
  }
}

/*////////// #kuist_portfolio ENDS //////////*/

/*///////////////////////////////////////////////////////////////
/// 4. Lightbox / #kuist_lightbox STARTS
///////////////////////////////////////////////////////////////*/

#kuist-lightbox {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9999;
	margin-top: -2800px;
	-webkit-transition: margin-top 0.7s ease;
  transition: margin-top 0.7s ease;
}

.kuist-lightbox-title {
	position: absolute;
	top: 0;
	left: 20px;
	line-height: 50px;
	text-transform: uppercase;
	font-weight: 500;
	display: none;
}

.kuist-lightbox-close,
.kuist-lightbox-prev,
.kuist-lightbox-next {
	cursor: pointer;
}

.kuist-lightbox-close {
	position: absolute;
	top: 0;
	right: 0;
	line-height: 50px;
	padding: 0 20px;
	font-weight: 500;
	-webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
	z-index: 10000;
}

.kuist-lightbox-prev,
.kuist-lightbox-next {
	position: absolute;
	top: -5000px;
	left: 0;
	margin-left: 20px;
	margin-top: -20px;
	display: inline-block;
}

.kuist-lightbox-next {
	left: auto;
	right: 0;
	margin-left: 0;
	margin-right: 20px;
}

.kuist-lightbox-info {
	position: absolute;
	bottom: 0;
	line-height: 47px;
	width: 100%;
	text-align: center;
	padding: 0 20px;
	display: none;
}

.l-info {
	margin-right: 20px;
}

.l-info-hdr {
	margin-right: 5px;
	font-weight: 500;
}

.kuist-lightbox-info .l-info:last-child {
	margin-right: 0;
}

.kuist-lightbox-swiper .swiper-slide {
	width: 100%;
	font-size: 0;
}

.kuist-lightbox-swiper .swiper-slide img {
	position: absolute;
	width: auto;
	height: auto;
}

.swiper-lazy-preloader {
	-webkit-animation: none !important;
	animation: none !important;
	width: 20px !important;
	height: 20px !important;
	margin-top: -10px !important;
	margin-left: -10px !important;
	background: none !important;
}

.swiper-lazy-preloader:before {
	content: '';
	position: relative;
	display: block;
	width: 300%;
	height: 300%;
	box-sizing: border-box;
	margin-left: -100%;
	margin-top: -100%;
	border-radius: 100%;
	animation: pulse-ring .8s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}

.swiper-lazy-preloader:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	animation: pulse-dot .8s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;
	background-image: none !important;
}

@keyframes pulse-ring {
	0% {
		transform: scale(.33);
	}
	80%, 100% {
		opacity: 0;
	}
}

@keyframes pulse-dot {
	0% {
		transform: scale(.8);
	}
	50% {
		transform: scale(1);
	}
	100% {
		transform: scale(.8);
	}
}

.kuist-lightbox-caption {
	border: 2px solid;
	font-size: 11px;
	padding: 5px 8px;
	display: inline-block;
	top: 50px;
	left: 20px;
	position: absolute;
}

/*////////// #kuist_lightbox ENDS //////////*/

/*///////////////////////////////////////////////////////////////
/// 5. Footer / #kuist_footer STARTS
///////////////////////////////////////////////////////////////*/

footer {
	width: 100%;
	margin: 0 auto;
}

.footer-bottom {
	padding: 20px 20px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.footer-nav {
	width: 100%;
	margin-bottom: 10px;
	text-align: left;
}

#footer-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer-menu li {
	display: inline-block;
	margin-right: 25px;
	margin-bottom: 10px;
}

#footer-menu li:last-child {
	margin-right: 0;
}

.footer-social {
	width: 100%;
	text-align: left;
	text-transform: uppercase;
}

.footer-social .social-menu-item {
	margin-right: 25px;
}

.footer-social .social-menu-item:last-child {
	margin-right: 0;
}

/*////////// #kuist_footer ENDS //////////*/

/*///////////////////////////////////////////////////////////////
/// 6. Navigation / #kuist_navigation STARTS
///////////////////////////////////////////////////////////////*/

/* 6.1. Primary Navigation */
#site-menu {
	display: none;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 500;
}

.site-nav {
	overflow: hidden;
}

.site-nav ul:before,
.site-nav ul:after {
	content: '';
	display: table;
}

.site-nav ul:after {
	clear: both;
}

.site-nav ul {
	list-style: none;
	z-index: 9999;
}

.site-nav li {
	cursor: pointer;
	float: left;
	line-height: 50px;
}

.site-nav li:hover > ul {
	display: block;
}

.site-nav li a {
	line-height: 50px;
	display: inline-block;
	position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
	-webkit-transition: none;
  transition: none;
	padding: 0 22px;
}

.site-nav li a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -2px;
  left: 22px;
  visibility: hidden;
  width: 0;
	-webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
	margin-bottom: 18px;
}

.site-nav li:hover a:before,
.site-nav li.current-menu-item a:before,
.site-nav li.current-menu-item a:visited:before,
.site-nav li.current-menu-parent a:before,
.site-nav li.current-menu-parent a:visited:before {
  visibility: visible;
	width: calc(100% - 44px);
}

.site-nav li:hover ul li a:before {
	width: 0;
}

.site-nav li ul li a {
	line-height: 15px;
	padding: 0;
}

.site-nav li ul li a:before {
	left: 0;
	margin-bottom: 0;
}

.site-nav li ul li a:hover:before,
.site-nav li ul li.current-menu-item a:before,
.site-nav li ul li.current-menu-item a:visited:before {
	visibility: visible;
  width: 100%;
}

.site-nav li ul {
	cursor: default;
	position: absolute;
	display: none;
	height: auto;
	width: 200px;
	text-align: left;
	padding: 30px 0;
}

.site-nav li ul li {
	cursor: default;
	position: relative;
	display: block;
	float: none;
	line-height: 0;
	padding: 0 30px 14px 30px;
}

.site-nav li ul li:last-child {
	padding-bottom: 0;
}

.site-nav li ul li:hover {
	background: transparent;
}

.site-nav li ul li ul {
	margin-left: -230px !important;
	margin-top: -30px;
}
/* */

/* 6.2. Slicknav */
.mobile-header {
	position: fixed;
	z-index: 999999;
	width: 100%;
	top: 0;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);
	-webkit-transition: margin-top 0.3s ease;
	transition: margin-top 0.3s ease;
}

.mobile-logo-outer {
	display: inline-table;
	height: 50px;
	margin-left: 20px;
}

.mb10 {
	margin-bottom: 12px;
}

.mobile-logo-container {
	display: table-cell;
	vertical-align: middle;
}

.mobile-logo-container img {
	height: 30px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}

.mobile-menu-button {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	line-height: 50px;
	cursor: pointer;
	float: right;
	margin-right: 10px;
	min-width: 30px;
	min-height: 30px;
	text-align: center;
}

.mlc-opened {
  margin-top: 25px !important;
}

.mlc-closed {
  margin-top: 0;
}

.slicknav_menu {
	display: block;
	min-width: 280px;
	padding-left: 20px;
	font-weight: 500;
}

.slicknav_menu .slicknav_btn {
	display: none;
}

.slicknav_menu .slicknav_nav {
	margin-left: -20px !important;
	margin-top: 10px;
}
/* */

/*////////// #kuist_navigation ENDS //////////*/

/*///////////////////////////////////////////////////////////////
/// 7. Misc / #kuist_misc STARTS
///////////////////////////////////////////////////////////////*/

#kuist-mask {
	width: 100%;
	height: 100%;
	background: transparent;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999999;
}

.kuist-mask-hidden {
	display: none;
}

.kuist-mask-visible {
	display: block;
}

.hiddenInfo {
	display: none;
}

.site-nav #site-menu li.menu-item-passive a,
.slicknav_menu li.menu-item-passive a,
#footer-menu li.menu-item-passive {
	opacity: 0.6;
}

.post-password-form input[type="submit"] {
	margin-top: 20px;
	text-transform: uppercase;
}

.kuist-circle-button {
	width: 40px;
	height: 40px;
	border-radius: 100%;
	border: 2px solid;
	line-height: 36px;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	-webkit-transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
	transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
}

.kuist-circle-button i {
	text-align: center;
	width: 36px;
	line-height: 36px;
}

p.comment-form-cookies-consent input#wp-comment-cookies-consent {
	height: 16px;
	line-height: 16px;
	text-align: left;
	display: inline-block;
	width: auto;
	margin-right: 10px;
	vertical-align: top;
}

p.comment-form-cookies-consent label[for="wp-comment-cookies-consent"] {
	display: inline-block;
	vertical-align: top;
	line-height: 16px;
	font-size: 12px;
	width: 90%;
}

/*////////// #kuist_misc ENDS //////////*/

/*///////////////////////////////////////////////////////////////
/// 8. Panes / #kuist_panes STARTS
///////////////////////////////////////////////////////////////*/

.contact-pane-body-margin {
	margin-left: 0;
}

.categories-pane-body-margin {
	margin-left: 200px;
}

.contact-pane-outer,
.categories-pane-outer {
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 999999;
	padding-bottom: 85px;
	margin-top: 0;
	-webkit-transition: right 0.2s ease-out, left 0.2s ease-out;
	transition: right 0.2s ease-out, left 0.2s ease-out;
	width: 100%;
	left: 100%;
}

.contact-pane-outer {
	right: -350px;
}

.categories-pane-outer {
	width: 200px;
	right: auto;
	left: -200px;
}

.pane-lens {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,0);
	z-index: -1;
	display: none;
}

.pane-active {
	right: 0;
	left: 0;
}

.pane-active .pane-lens {
	display: block;
}

.contact-pane,
.categories-pane {
	overflow-y: auto;
	overflow-x: hidden;
	box-sizing: content-box;
	padding: 45px 30px 40px 30px;
	width: auto;
	height: 100%;
}

.categories-pane {
	padding: 45px 50px 65px 50px;
	width: 100px;
}

.pane-close {
	display: inline-block;
	margin-bottom: 40px;
	font-weight: 500;
	cursor: pointer;
	position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.post-styleZ-title a,
.klc-inner {
	display: inline-block;
	position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
	margin-bottom: 2px;
}

.post-styleZ-title a {
	max-width: 240px;
}

.pane-close:before,
.post-styleZ-title a:before,
.klc-inner:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -2px;
  left: 0;
  visibility: hidden;
  width: 0;
	-webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.klc-inner:before {
	margin-bottom: 18px;
}

.pane-close:hover:before,
.post-styleZ-title a:hover:before,
.kuist-lightbox-close:hover .klc-inner:before {
  visibility: visible;
  width: 100%;
}

.contact-pane .wpcf7-form {
	margin-top: 20px;
}

.wpcf7-form .wpcf7-submit:after {
  content: "";
  display: table;
  clear: both;
}

.wpcf7-not-valid-tip,
.wpcf7-form .wpcf7-response-output {
  font-size: 11px !important;
  font-weight: 500 !important;
	text-transform: uppercase;
  margin: 5px 0 0 0;
  border: none !important;
	padding: 0;
}

.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
  background-color: transparent !important;
}

.wpcf7-form .ajax-loader {
  display: none !important;
}

.cp-categories a {
	text-transform: uppercase;
	margin-bottom: 10px;
	display: table;
	font-weight: 500;
	position: relative;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.cp-categories a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -2px;
  left: 0;
  visibility: hidden;
  width: 0;
	-webkit-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.cp-categories a:hover:before {
  visibility: visible;
  width: 100%;
}

.cpc-marker {
	position: absolute;
	left: -30px;
	top: 8px;
	height: 2px;
	width: 10px;
}

/*////////// #kuist_panes ENDS //////////*/

/*///////////////////////////////////////////////////////////////
/// 9. Article / #kuist_article STARTS
///////////////////////////////////////////////////////////////*/

article {
	overflow: hidden;
	margin: 0 auto;
	font-size: 0;
	width: 100%;
	margin-bottom: 30px;
	background: none;
	position: relative;
}

article.kuist-page,
article.kuist-single {
	padding-top: 50px;
}

article img {
	max-width: 100%;
	height: auto;
	border: none !important;
}

.article-featured-image {
	max-width: 800px;
	margin: -50px auto 50px auto;
}

.article-featured-image img {
	margin: 0 auto;
}

.article-title {
	text-transform: uppercase;
	white-space: pre-wrap;
	word-wrap: break-word;
	font-weight: 500;
}

.kuist-content-size {
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
}

.article-pure-content a {
	text-decoration: underline;
}

.posts-wrapper {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 100px auto 0 auto;
	padding: 0 20px;
}

.archive-bar {
	width: 100%;
	padding: 0 20px 30px 20px;
	margin: 0 auto;
	text-transform: uppercase;
	font-weight: 500;
}

[class*="col-"] {
	vertical-align: top;
}

.col-1-2,
.col-1-3 {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.col-1-2 article,
.col-1-3 article {
	margin-bottom: 50px;
}

.posts-wrapper-img img {
	margin-bottom: 25px;
	width: 100%;
	height: auto;
}

.post-styleZ-title {
	margin: 0;
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	font-weight: 500;
	text-transform: uppercase;
	white-space: pre-wrap;
	word-wrap: break-word;
}

.category-bar {
	display: block;
}

.category-bar a {
	display: inline-block;
	margin: 0 10px 10px 0;
}

.category-bar.pager-only {
	font-weight: 500;
}

.category-bar.pager-only a {
	margin-right: 0;
	text-decoration: underline;
}

.category-bar.pager-only .pager-separator {
	margin-left: 15px;
	display: inline-block;
}

.pager-hdr-mr {
	margin-right: 10px;
	display: inline-block;
}

.category-bar.date-only {
	margin-bottom: 10px;
}

.pagenavi {
	width: 100%;
	display: block;
	font-size: 0;
	margin-bottom: 50px;
}

.page-numbers {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
}

.page-numbers.dots {
	border: none;
}

.post-navi {
	font-weight: 500;
	margin-top: 20px;
	padding: 40px 20px;
}

.post-navi-prev {
	float: left;
	width: 50%;
	position: relative;
	padding-left: 70px;
}

.pnp-arrow:before {
  content: "";
  width: 10px;
  height: 2px;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  left: 44px;
}

.pnp-arrow:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 4px 4px 0;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: 40px;
}

.post-navi-next {
	float: right;
	width: 50%;
	text-align: right;
	position: relative;
	padding-right: 70px;
}

.pnn-arrow:before {
  content: "";
  width: 10px;
  height: 2px;
  position: absolute;
  top: 50%;
  margin-top: -1px;
  right: 44px;
}

.pnn-arrow:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 4px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 40px;
}

.page-404 {
	display: table;
	width: 100%;
	height: 500px;
	padding: 50px;
	text-align: center;
	font-weight: 500;
}

.page-404-inner {
	display: table-cell;
	vertical-align: middle;
}

.warning-404 {
	display: block;
	margin: 20px auto 0 auto;
	max-width: 300px;
	font-weight: normal;
}

.nothing-found {
	padding: 50px;
	text-align: center;
	font-weight: 500;
}

.text-404 {
	font-size: 30px;
	display: block;
	margin-bottom: 0;
	font-weight: lighter;
}

.nothing-found i {
	margin-right: 10px;
}

.posts-wrapper-woi {
	font-size: 100px;
	font-weight: 500;
	width: 100%;
	display: block;
	text-align: center;
	margin-bottom: 25px;
	line-height: 250px;
	text-transform: uppercase;
}

/*////////// #kuist_article ENDS //////////*/

/*///////////////////////////////////////////////////////////////
/// 10. Post Comments / #kuist_post_comments STARTS
///////////////////////////////////////////////////////////////*/

.comments {
	display: inline-block;
	width: 100%;
	text-align: left;
	overflow: hidden;
	padding: 40px 0 0 0;
}

.page .comments {
	padding-bottom: 30px;
}

.comments-container {
	max-width: 100%;
	margin: 0 auto;
}

.comments-outer .comments-inner {
	padding: 0 0 20px 0;
}

.comments-title {
	font-weight: 500;
	margin-bottom: 40px;
	text-transform: uppercase;
}

.comments ul,
.comments ol {
	padding-left: 0;
	margin: 0;
	list-style: none;
}

.comment.depth-2,
.comment.depth-3 {
	padding-left: 0;
}

.comment {
	width: 100%;
}

.comment img.avatar {
	display: inline-block;
	margin-right: 10px;
	border-radius: 50%;
}

.commenter-info {
	display: inline-block;
	vertical-align: top;
}

.commenter-info-inner {
	display: table-cell;
	vertical-align: middle;
	height: 40px;
}

.comment-awaiting {
	padding-top: 20px;
}

.comment-edit-link,
.comment-reply-link {
	font-weight: 500;
}

.comment-reply-link {
	margin-right: 20px;
}

.comment-text {
	margin-top: 20px;
	margin-bottom: 40px;
}

.comment-text-w-a {
	margin-left: 0;
	margin-top: 20px;
}

.comment-text ul {
	list-style: inside;
	padding-left: 0;
	margin: 0;
}

.comment-text ol {
	list-style-type: decimal;
	list-style-position: inside;
	padding-left: 0;
	margin: 0;
}

.comment-text ul li li,
.comment-text ol li li {
	padding-left: 30px;
}

.comments-pagenavi {
	margin: 0 0 40px 0;
	text-align: center;
}

.comments-pagenavi .page-numbers {
	display: inline-block;
}

.comments-pagenavi a.next.page-numbers,
.comments-pagenavi a.prev.page-numbers {
	display: none;
}

.comment-reply-title {
	margin: 0 0 20px 0;
	font-weight: 500;
	display: block;
}

.comment-form {
	font-size: 0;
}

.comment-form label {
	display: block;
	margin-bottom: 10px;
	opacity: 0.6;
}

.comment-form textarea {
	margin-bottom: 20px;
	width: 100%;
}

.comment-form input[type="text"] {
	margin-bottom: 20px;
	width: 100%;
	max-width: 100%;
}

.comment-form input[type="submit"] {
	margin-top: 0;
	border: none;
}

.comments-outer .comment-form-name-outer {
	display: inline-block;
	width: 100%;
	padding-right: 0;
	float: none;
}

.comments-outer .comment-form-email-outer {
	display: inline-block;
	width: 100%;
	padding-left: 0;
}

.comment-subscription-form label {
	line-height: 30px;
	margin-left: 5px;
	vertical-align: top;
}

#cancel-comment-reply-link {
	display: block;
	margin-top: 20px;
	text-decoration: underline;
	font-weight: normal;
}

.logged-in-as {
	margin-bottom: 20px;
}

.logged-in-as a {
	text-decoration: underline;
}

.comment-respond-opened,
.children .comment-respond-opened {
	margin-left: 0;
	margin-bottom: 50px;
}

.comment-respond-closing {
	opacity: 0;
}

.kuist-before-pc {
	font-size: 12px;
	margin-left: 12px;
}

/*////////// #kuist_post_comments ENDS //////////*/

/*///////////////////////////////////////////////////////////////
/// 11. WP Defaults / #kuist_wp_defaults STARTS
///////////////////////////////////////////////////////////////*/

.wp-caption {
	max-width: 100%;
	position: relative;
	margin-bottom: 40px;
}

.wp-caption img {
	display: block;
}

 .wp-caption-text {
	 font-weight: normal;
 }

.alignnone,
.aligncenter {
	max-width: 100%;
	margin: 40px 0 40px 0;
}

.alignleft {
	margin: 40px 0 40px 0;
	float: none;
	width: 100% !important;
}

.alignright {
	margin: 40px 0 40px 0;
	float: none;
	width: 100% !important;
}

.wp-caption.alignnone img,
.wp-caption.aligncenter img,
img.alignnone,
img.aligncenter {
	min-width: auto;
}

.gallery-caption { margin-top: 5px; }
.bypostauthor { font-style: normal; }
.alignright img,
.alignleft img { width: 100%; }
img.alignright:after,
div.alignright:after,
img.alignleft:after,
div.alignleft:after,
.alignright:after,
.alignleft:after {
	content: "";
	display: table;
	clear: both;
}

.sticky .post-styleZ-title i {
	margin-right: 10px;
}

/*////////// #kuist_wp_defaults ENDS //////////*/

/*///////////////////////////////////////////////////////////////////
/// 12. Gutenberg / #kuist_gutenberg STARTS
///////////////////////////////////////////////////////////////////*/

/* Image */
.wp-block-image .alignleft {
	margin-right: 2em;
}

.wp-block-image .alignright {
	margin-left: 2em;
}

/* Quote */
.wp-block-quote.is-style-large {
	float: none;
	max-width: 100%;
	margin-bottom: 1.5em;
	border: 2px solid;
	padding: 0 20px 20px 20px;
}

.wp-block-quote.is-style-large p {
	font-style: normal;
	font-size: 13px;
	text-transform: uppercase;
}

.wp-block-quote cite,
.wp-block-quote.is-style-large cite {
	font-size: 13px;
	font-style: normal;
}

/* Pullquote */
.wp-block-pullquote {
	padding: 0;
	margin: 30px 0;
	border-top: 3px solid;
	border-bottom: 3px solid;
}

.wp-block-pullquote.is-style-solid-color {
	padding: 30px 0;
	border: 0;
}

.wp-block-pullquote blockquote {
	max-width: 100%;
	float: none;
	margin-left: 0;
	margin-right: 0;
	border: 0;
}

.wp-block-pullquote cite {
	font-size: 13px;
	font-style: normal;
}

/* Embed */
.wp-block-embed {
	margin-left: 0;
	margin-right: 0;
}

.wp-block-embed iframe,
.wp-block-embed twitter-widget {
	margin: 0 auto !important;
}

/* Audio */
.wp-block-audio {
	margin-left: 0;
	margin-right: 0;
}

/* Cover Image */
.wp-block-cover {
	width: auto;
}

/* Table */
.wp-block-table {
	width: 100%;
}

/* Verse */
.wp-block-verse {
	font-style: italic;
	font-size: 13px;
}

/* Media & Text */
.wp-block-media-text p {
	line-height: 1.2em;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
}

/* Archives */
.wp-block-archives.wp-block-archives-list {
	padding-left: 0;
	list-style: none;
}

.wp-block-archives select {
	font-size: 13px;
	max-width: 300px;
	height: 60px;
	padding: 0 10px;
}

/* Categories */
.wp-block-categories.wp-block-categories-list {
	padding-left: 0;
	list-style: none;
}

.wp-block-categories select {
	font-size: 13px;
	max-width: 300px;
	height: 60px;
	padding: 0 10px;
}

/* Latest Posts */
.wp-block-latest-posts {
	padding-left: 0;
	list-style: none;
}

/* Align Wide & Full */
.article-pure-content .alignwide {
	margin-left: -40px;
	margin-right: -40px;
	max-width: 500px;
}

.article-pure-content .alignfull {
	margin-left: -100px;
	margin-right: -100px;
	max-width: 620px;
}
/* */

/* Button */
.wp-block-button .wp-block-button__link {
	text-transform: uppercase;
	font-size: 13px;
	text-decoration: none;
}
/* */

/* Figcaption */
.wp-block-gallery .blocks-gallery-item figcaption,
.wp-block-image figcaption,
.wp-block-gallery figcaption,
.wp-block-embed figcaption,
.wp-block-audio figcaption,
.wp-block-video figcaption {
	font-size: 11px;
}
/* */

/*////////// #kuist_gutenberg ENDS //////////*/