html{
	background-color:#f7f3e9;
}

body {
	font-size:16px;
	line-height:1.5; /* 23 */
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#343434;
	margin:0;
	text-align:center;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-size-adjust: 100%;
	-moz-osx-font-smoothing: auto;
	background:
   	url(http://gibbsofbedfont.co.uk/assets/img/logo-background.png) repeat-x bottom left;
   	background-color:#f7f3e9;
}
@media (min-width: 1200px){
	body {
		background:
   		/*url(http://gibbsofbedfont.co.uk/assets/img/gibbs-logo-side.png) no-repeat top 205px right 50px,*/
   		url(http://gibbsofbedfont.co.uk/assets/img/logo-background.png) repeat-Fx bottom left;
	}
}

img {
	-ms-interpolation-mode: bicubic;
}

img.k-lazy-loading {
	background-repeat:no-repeat;
	background-position:center center;
	background-size:16px 16px;
	background-image: url(/koken/storage/themes/gibbs-theme/css/gibbs/spinner.gif);
}

a {
	-webkit-transition:color 200ms linear;
	-moz-transition:color 200ms linear;
	transition:color 200ms linear;
}

a, a:visited {
	color:#343434;
	text-decoration:none;
}

a:hover, a:focus {
	color:#b08a25;
}

b, strong {
	font-weight:bold;
}

em, i {
	font-style:italic;
}

h1,h2,h3,h4,h5,h6 {
	/*color:#b08a25;*/
	color: #b08a25;
	font-size:20px;
	margin-bottom:1.5em;
	font-family: Georgia, serif;
	font-weight:normal;
}

h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
	color:inherit;
}

h2.archive {
	font-size:30px;
	color:#244c42;
	font-family: Georgia, serif;
	font-weight:normal;
	text-transform: capitalize;
	margin-bottom: 0px;
	margin-top: 0px;
}

h2.albums {
	font-size:30px;
	color:#244c42;
	font-family: Georgia, serif;
	font-weight:normal;
	text-transform: capitalize;
	margin-bottom: 10px;
	margin-top: 0px;
}

small {
    font-size: 80%;
}

.k-video {
	margin: 0 auto;
}

.center {
	text-align: center;
}

.rarr:after {
	content:" →";
}

.larr:before {
	content:"← ";
}

.container p{margin-bottom:20px;}

/* FORMS (BASIC)
----------------------------------------------- */

fieldset {
	margin:0 0 0.5rem 0;
}

fieldset legend {}

label {
	/*color: #b08a25;*/
	color: #343434;
	cursor: pointer;
	display: block;
	font-size:14px;
	font-weight: 700;
	font-family: Georgia, serif;
	margin-bottom: 0.5em;
	float: left;
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea
{
	-webkit-appearance: none;
	border-radius: 0;
	/*background-color: #f7f3e9;*/
	background-color: #ffffff;
	font-family: Georgia, serif;
	border-style: solid;
	border-width: 1px;
	border-color: #343434;
	/*color: #b08a25;*/
	color: #343434;
	display: block;
	font-size: 16px;
	font-family:inherit !important;
	margin: 0 0 1em 0;
	padding: 0.5em;
	height: auto;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="color"]:focus,
textarea:focus {
	border-color:#b08a25;
	outline: none;
}
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="date"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="month"]:disabled,
input[type="week"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="time"]:disabled,
input[type="url"]:disabled,
input[type="color"]:disabled,
textarea:disabled {
	background-color: #ddd;
	cursor: default;
}
input[type="text"][disabled],
input[type="text"][readonly],
fieldset[disabled] input[type="text"],
input[type="password"][disabled],
input[type="password"][readonly],
fieldset[disabled] input[type="password"],
input[type="date"][disabled],
input[type="date"][readonly],
fieldset[disabled] input[type="date"],
input[type="datetime"][disabled],
input[type="datetime"][readonly],
fieldset[disabled] input[type="datetime"],
input[type="datetime-local"][disabled],
input[type="datetime-local"][readonly],
fieldset[disabled] input[type="datetime-local"],
input[type="month"][disabled],
input[type="month"][readonly],
fieldset[disabled] input[type="month"],
input[type="week"][disabled],
input[type="week"][readonly],
fieldset[disabled] input[type="week"],
input[type="email"][disabled],
input[type="email"][readonly],
fieldset[disabled] input[type="email"],
input[type="number"][disabled],
input[type="number"][readonly],
fieldset[disabled] input[type="number"],
input[type="search"][disabled],
input[type="search"][readonly],
fieldset[disabled] input[type="search"],
input[type="tel"][disabled],
input[type="tel"][readonly],
fieldset[disabled] input[type="tel"],
input[type="time"][disabled],
input[type="time"][readonly],
fieldset[disabled] input[type="time"],
input[type="url"][disabled],
input[type="url"][readonly],
fieldset[disabled] input[type="url"],
input[type="color"][disabled],
input[type="color"][readonly],
fieldset[disabled] input[type="color"],
textarea[disabled],
textarea[readonly],
fieldset[disabled] textarea {
	background-color: #ddd;
	cursor: default;
}
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
	margin: 0 0 1rem 0;
}

input[type="checkbox"] + label,
input[type="radio"] + label {
	display: inline-block;
	margin-left: 0.5rem;
	margin-right: 1rem;
	margin-bottom: 0;
	vertical-align: baseline;
}

/* Respect enforced amount of rows for textarea */
textarea[rows] {
	height: auto;
}

/* Not allow resize out of parent */
textarea {
	max-width: 100%;
	background-color: #ffffff;
}

button, .button {
	border-style: solid;
	border-width: 0;
	cursor: pointer;
	font-family: inherit;
	font-weight: normal;
	line-height: normal;
	margin: 0 0 1em 0;
	position: relative;
	text-decoration: none;
	text-align: center;
	-webkit-appearance: none;
	-moz-appearance: none;
	border-radius: 15px;
	display: inline-block;
	padding-top: 8px;
	padding-right: 1.75rem;
	padding-bottom: 8px;
	padding-left: 1.75rem;
	font-size: 14px;
	font-family: Georgia, serif;
	/*background-color:#b08a25;
	color:#ffffff;*/
	background-color:#b08a25;
	color:#ffffff;
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
button:hover, button:focus, .button:hover, .button:focus {
	/*background-color:#343434;
	color:#ffffff;*/
	background-color:#c29c38;
	color:#ffffff;
}
button.large, .button.large {
	padding-top: 1.125rem;
	padding-right: 2.25rem;
	padding-bottom: 1.1875rem;
	padding-left: 2.25rem;
	font-size: 1.25rem;
}
button.small, .button.small {
	padding-top: 0.875rem;
	padding-right: 1.75rem;
	padding-bottom: 0.9375rem;
	padding-left: 1.75rem;
	font-size: 0.8125rem;
}
button.tiny, .button.tiny {
	padding-top: 0.625rem;
	padding-right: 1.25rem;
	padding-bottom: 0.6875rem;
	padding-left: 1.25rem;
	font-size: 0.6875rem;
}
button.disabled, button[disabled], .button.disabled, .button[disabled] {
	opacity: 0.5;
}
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {

}
button::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/* CONTACT FORM
----------------------------------------------- */

.k-contact-form {
	width: 100%;
	margin:2em auto;
}

@media only screen and (max-width: 767px) {
	.k-contact-form {
		width: 100%;
	}
}

.k-contact-form button {
	float: left;
}

.k-contact-form fieldset.k-contact-form-error label {
	color: red;
}

.k-contact-form-success {
}

.k-contact-form-success:before {
	content: '✔';
	color:#b08a25;
	margin-right: 6px;
}

.k-contact-form-required-field label:after {
	content: '*';
	color: red;
}

.k-content-form-processing {
	opacity: 0.5;
}

.k-content-form-processing button[type="submit"] {
	pointer-events: none !important;
}

.k-contact-form-error input[type="text"],
.k-contact-form-error input[type="password"],
.k-contact-form-error input[type="date"],
.k-contact-form-error input[type="datetime"],
.k-contact-form-error input[type="datetime-local"],
.k-contact-form-error input[type="month"],
.k-contact-form-error input[type="week"],
.k-contact-form-error input[type="email"],
.k-contact-form-error input[type="number"],
.k-contact-form-error input[type="search"],
.k-contact-form-error input[type="tel"],
.k-contact-form-error input[type="time"],
.k-contact-form-error input[type="url"],
.k-contact-form-error input[type="color"],
.k-contact-form-error textarea
{
	border-color:red;
}


/* GLOBAL
----------------------------------------------- */

.header{
	width: 100%;
/*	height: 200px;*/
}

.header .logos{
	width: 100%;
	background-color: #244c42;
	padding: 25px 0 1px;
	/*margin-bottom: 20px;*/
}

header.top {
/*	margin-bottom:30px;*/
}

header.top h1 {
	font-size:18px;
	line-height:21px;
	text-transform:uppercase;
	font-weight:700;
	letter-spacing:1px;
	margin:0;
}

.site_tagline {
	font-size:14px;
	margin-top:20px;
	margin-bottom:0;
	color:#343434;
	font-weight:normal;
	font-family: Georgia, serif;
	font-style:italic;
}

.nav-wrapper{
	width: 100%;
	background-color: #ffffff;
	border-bottom: 4px solid #244c42;
	margin-bottom: 20px;
	opacity: 0.95;
}

.nav-wrapper > .container > .row{
	margin-bottom: 0;
}

.nav-wrapper nav .nav-logo{
	display: none;
}

.sticky .nav-wrapper nav .nav-logo{
	display: inline-block;
}

@media(min-width:768px) and (max-width: 959px){
	.sticky .nav-wrapper nav .nav-logo{
		display: none;
	}
}

.sticky .nav-wrapper{
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    border-top: 0;
}

.sticky + .container{
	padding-top: 85px;
}

@media(min-width: 768px){
	.sticky + .container{
		padding-top: 90px;
	}
}

.nav-logo{
	padding-top: 8px;
}

@media(min-width: 768px){
	.nav-logo{
		padding-top: 12px;
		position: absolute;
		left: 20px;
	}
}

@media(min-width: 960px){
	.nav-logo{
		left: 5px;
	}
}

/*@media(min-width: 801px){
	.nav-logo{
		left: 10%;
	}
}

@media(min-width: 960px){
	.nav-logo{
		left: 5%;
	}
}

@media(min-width: 1058px){
	.nav-logo{
		left: 10%;
	}
}

@media(min-width: 1187px){
	.nav-logo{
		left: 14%;
	}
}

@media(min-width: 1324px){
	.nav-logo{
		left: 18%;
	}
}

@media(min-width: 1495px){
	.nav-logo{
		left: 22%;
	}
}

@media(min-width: 1600px){
	.nav-logo{
		left: 25%;
	}
}*/

nav {
	/*height: 50px;*/
	/*margin-bottom:50px;*/
}

nav ul {
	margin:11px auto;
	display:inline-block;
	font-family: Georgia, serif;
}

nav ul li {
	display:inline-block;
	margin:3px;
	line-height:1.5;
}

@media(min-width: 568px){
	nav ul li {
		margin:3px 6px;
	}
}

nav li a{
    position: relative;
    display: block;
    padding: 0px 14px;
	border-radius: 15px;
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
	border: 2px solid transparent;
}

nav a, nav a:visited {
	font-size:18px;
	/*color:#343434;*/
	color: #b08a25;
}

nav a:hover {
	/*color:#343434;*/
	color:#ffffff;
	background-color: #b08a25;
	font-weight: normal;
}

nav a.k-nav-current, .tag-wrapper a.k-nav-current{
	color:#b08a25;
	/*background-color: #ffffff;*/
	font-weight: normal;
	border: 2px solid #b08a25;
	border-radius: 15px;
}

nav a.k-nav-current:hover{
	color: #ffffff;
}

.logos-wrapper{
	background-color: #f3eddd;
	padding: 20px 0;
	border-top: 3px solid #b08a25;
}

.footer-wrap{
	background-color: #244c42;
}

footer {
	color: #c9c9c9;
	font-size:11px;
	margin-bottom:0;
	font-family: Georgia, serif;
	padding: 10px 0;
}

footer a{
	color: #c9c9c9!important;
}

footer .row{
	margin-bottom: 0;
}

.vertical-center{
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: middle;
	display: inline-block;
}

div.content-row {
	/*margin-bottom:20px;*/
}

div.content-wrap {
	padding:0 10px;
}

div.content-row div.wrap {
	width:50%;
	margin:0 auto;
}

span.context {
	display:block;
	font-style:italic;
	margin-bottom:10px;
}

div.list-image {
	padding:0 10px;
	margin-bottom:40px;
}

/*div.list-image:first-child {
	margin-top:40px;
}*/

div.list-image img {
	max-height:800px;
	margin:0 auto;
}

div.list-image h3 {
	margin-top:10px;
	margin-bottom: 6px;
}

div.paginate {
	text-align:center;
	width:70%;
	margin:0 auto;
	font-size:14px;
}

ul#pag a.num, ul#pag a.num:link {
	color:#343434;
}

ul#pag a.num:hover, ul#pag a.num.k-pagination-current {
	color:#343434;
}

ul#pag {
	margin:40px 0;
}

.address li{
	list-style-type: none;
}

.tags-background{
    background-color: #ffffff;
    margin-top: -20px;
    padding-top: 10px;
    padding-bottom: 5px;
    margin-bottom: 20px;
    border-bottom: 1px solid #b08a25;
    opacity: 0.95;
}

.tag-wrapper{
	/*border-bottom: 1px solid #b08a25;*/
	margin-bottom: -5px;
	padding-bottom: 5px;
}

.tag-wrapper p{margin-bottom:0;}

.tag-wrapper a{
	border: 2px solid transparent;
	padding: 0px 15px;
	margin-bottom: 5px;
	display: inline-block;
	color: #b08a25;
	text-transform: capitalize;
}

.tag-wrapper a:hover{
	border: 2px solid #b08a25;
	border-radius: 15px;
	background-color: #b08a25;
	color: #ffffff;
}

.tag-wrapper a:active{
	border-radius: 15px;
	color:#b08a25;
	background-color: #ffffff;
	font-weight: normal;
	border: 2px solid #b08a25;
}

.tag-wrapper .filter-text{
	background-color: #244c42;
	border-radius: 15px;
	padding: 4px 15px;
	color: #ffffff;
}

span.green{
	color: #244c42!important;
}

/*.img-responsive{
  display: block;
  max-width: 100%;
  height: auto;
}*/


@media(min-width: 768px){
	.text-left{
		text-align: left;
	}

	.text-right{
		text-align: right;
	}

	.pull-left{
		float: left!important;
	}

	.pull-right{
		float: right!important;
	}
}

/*
	INDEX
*/

div.item {
	margin:0 auto;
	width:300px;
	margin-bottom:20px;
	padding-top: 1px;
	border:1px solid #b08a25;
	background-color: #ffffff;
}

div.item .info {
    margin-top: 1em;
    padding-bottom: 20px;
    border-bottom: 4px solid #244c42;
    padding-left: 10px;
    padding-right: 10px;
}

div.item img {
	max-width:100%;
	width:auto;
	vertical-align: bottom;
}

div.item img:hover {
	opacity: 0.75!important;
}

div.item img.k-lazy-loaded {
	height: auto;
}

div.item.content {
	width:220px;
	margin-bottom:14px;
}

div.item h4 {
	font-size:20px;
	margin-bottom:0.7em;
	line-height: 26px;
}

div.item h4 span {
	font-weight:normal;
	color:#343434;
}

div.item p.event_meta {
	margin-top:10px;
	color:#c9c9c9;
	font-size: 12px;
}

div.item p.event_meta a, div.item p.event_meta a:visited {
	color:#c9c9c9;
}

div.item p.event_meta a:hover {
	color:#343434;
}


/*
	CONTENT
*/

div#mob-pag {
	display:none;
}

ul.detail-nav {
	display:table;
	width:100%;
	/*padding-bottom: 25px;*/
}

ul.detail-nav li {
	display:table-row;
}

ul.detail-nav li span {
	display:table-cell;
	width:25%;
}

ul.detail-nav li span.l {
	text-align:left;
	font-size:12px;
}

ul.detail-nav li span.r {
	text-align:right;
	font-size:12px;
}

ul.detail-nav li span.m {
	width:50%;
	text-align: center;
	padding-bottom: 15px;
}

.tag-keyline{
	margin-top: 15px;
	border-top: 1px solid #c9c9c9;
}

ol.meta {
	list-style: none;
	margin:10px 0 0;
	padding:0;
	text-transform: capitalize;
}

ol.meta li {
	display:inline-block;
	font-family: Georgia, serif
	margin-right:10px;
	font-size:12px;
}

ol.meta li:last-child {
	margin-right:0;
}

ol.meta.mute li a, ol.meta.mute li a:visited, ol.meta.mute li * {
	/*color:#c9c9c9;*/
	color: #b08a25;
}

ol.meta.mute li a:hover {
	color:#343434;
}

a.pag {
	font-size:13px;
}

a.pag.disabled {
	display:none;
}

#cd-more {
	margin-top:40px;
	clear:both;
}

ul.neighbors {
	list-style:none;
	margin-bottom:40px;
}

ul.neighbors li {
	display:inline-block;
	opacity:0.5;
	-webkit-transition:opacity 200ms linear;
	-moz-transition:opacity 200ms linear;
	transition:opacity 200ms linear;
}

ul.neighbors li.current {
	opacity:1;
}

ul.neighbors li:hover {
	opacity:1;
}

/*
	ALBUM
*/

#foot-more {
	margin-top:2em;
}

/*
	ESSAYS
*/

article {
	margin:0 auto 40px;
	width:75%;
}

article header {
	margin-bottom:1.5em;
}

article header time {
	font-size:13px;
	color:#c9c9c9;
	display:block;
	margin-bottom:1em;
}

article header h2 {
	color:#343434;
	font-size:20px;
	margin-bottom:0.5em;
	font-family: Georgia, serif;
	font-weight:700;
}

div.essay-body {
	text-align: left;
}

article p {
	margin-bottom:1em;
	font-size:16px;
	line-height:1.5;
}

blockquote {
	padding:10px 25px;
	font-size:16px;
	line-height:1.5;
	margin-bottom:1.5em;
	font-style:italic;
}

blockquote p {
	margin-bottom:0;
}

article ul {
	list-style:disc;
	list-style-position: inside;
	margin-bottom:1.5em;
	font-size:16px;
	line-height:1.5;
}

article ol {
	list-style:decimal;
	list-style-position: inside;
	margin-bottom:1.5em;
	font-size:16px;
	line-height:1.5;
}

article h1, article h2, article h3, article h4 {
	margin-bottom:1.5em;
}

.k-content-embed {
	margin-bottom:1.5em;
	text-align: center;
}

.k-content {
	line-height:0;
	margin:0 auto;
}

.k-content img {
	max-width:100%;
	height:auto;
}

.k-content-text {
	padding:1em;
	margin:0 0 1em;
}

.k-content-title {
	margin:0 5px 0 0;
	font-weight:bold;
	display:block;
}

.k-content-caption {}

div#feat-essays {
	overflow:auto;
	margin:30px 0;
}

div#feat-essays h2 {
	margin-bottom:30px;
}

div#feat-essays time {
	text-transform:uppercase;
	font-size:11px;
	letter-spacing:1px;
	margin-bottom:5px;
	display:block;
}

div#feat-essays h3 {
	margin-bottom:8px;
}

div#feat-essays a {
	color:#343434;
}

div#essay-list div {
	width:30%;
	float:left;
	margin:0 5% 30px 0;
}

div#essay-list div:nth-child(3n+3) {
	margin-right:0 !important;
}

div#essay-list div:nth-child(3n+1) {
	clear:left;
}

div#feat-essays img {
	margin-bottom:10px;
}

/* Mosaic
================================================== */

ul.k-mosaic.edge > li {
	margin:8px 8px 0 0;
}

ul.k-mosaic.edge > li:hover {
	opacity: 0.5;
	-webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

/* Social
================================================== */

div#social-bttns {
	margin:40px 0 30px;
	width:100%;
	overflow:auto;
}

div#social-bttns div.cell {
	width:50%;
	float:left;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
div#social-bttns div.cell.left {
	padding-right:8px;
}
div#social-bttns div.cell.right {
	padding-left:8px;
}

.social-links {
	margin-bottom:40px;
}

.social-links li {
	display:inline-block;
}

.social-links li a {
	font-size:11px;
	text-align: center;
	display:inline-block;
	color:#343434;
	padding:0 5px;
}

.social-links li a:hover {
	color:#343434;
}

.social-links li a.share_facebook {
	padding-right:3px;
}

.social-links li a.share_pinterest {
	padding-right:3px;
}

/* Infinite loading bar
================================================== */

#infinite_load_msg {
	display:none;
	width:100%;
	padding:0 0 80px;
	text-align:center;
}

#infinite_load_msg span {
	display:inline-block;
}

#infinite_load_msg span:before {
	margin-right: 6px;
	top: 4px;
	position: relative;
	content:"";
	display:block;
	height:16px;
	width:16px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:16px 16px;
	background-image: url(/koken/storage/themes/gibbs-theme/css/gibbs/spinner.gif);

}

/* Discussions
================================================== */

div#kdiscuss {
	margin:40px 0;
	overflow:auto;
}

body.k-source-content div#kdiscuss {
	width:75%;
	margin-right:auto;
	margin-left:auto;
}

/* Misc
================================================== */

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* #Tablet
================================================== */

@media only screen and (min-width: 768px) and (max-width: 959px) {

	div.item {
		width:216px;
	}

	div.item.content {
		width:172px;
	}

	article, div.paginate {
		width:80%;
	}

	/* fit to viewport */
	div.list-image img {
		max-height:916px;
	}

	/*body::before{content: "TABLET PORTRAIT";font-weight: bold;display: block;text-align: center;background: rgba(255,255,0, 0.9);position: fixed;top: 0;left: 0;right: 0;z-index: 99;}*/

}

/*  #Mobile (Portrait)
================================================== */

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

	img.custom_logo {
		max-width:300px;
		height:auto;
		-moz-transform: scale(0.8);
		-o-transform: scale(0.8);
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.8, M12=0, M21=0, M22=0.8, SizingMethod='auto expand')";
		-moz-transform-origin: 50% 100%;
		-o-transform-origin: 50% 100%;
		-webkit-transform-origin: 50% 100%;
		transform-origin: 50% 100%;
	}

	div.item, div.item.content {
		width:300px;
	}

	article, div.paginate {
		width:100%;
	}

	div.list-image {
		padding:0;
	}

	/* fit to viewport */
	div.list-image img {
		max-height:416px;
	}

	ul.detail-nav li span.l, ul.detail-nav li span.r {
		display:none;
	}

	ul.detail-nav li span.m {
		width:100%;
	}

	div#mob-pag {
		display:block;
	}

	div#essay-list div {
		width:100%;
		float:left;
		margin:0 0 30px 0;
	}

	div#essay-list div:nth-child(3n+3) {
		margin-right:0% !important;
	}

	div#essay-list div:nth-child(3n+1) {
		clear:none;
	}

	.mobile-hide{
		display: none;
	}
	/*body::before{content: "MOBILE PORTRAIT";font-weight: bold;display: block;text-align: center;background: rgba(255,255,0, 0.9);position: fixed;top: 0;left: 0;right: 0;z-index: 99;}*/
}

/* #Mobile (Landscape)
================================================== */

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

	img.custom_logo {
		max-width:480px;
	}

	div.item, div.item.content {
		width:420px;
	}

	div.item img, div.item.content img {
		max-height:268px;
	}

	article, div.paginate {
		width:100%;
	}

	div.list-image {
		padding:0;
	}

	/* fit to viewport */
	div.list-image img {
		max-height:268px;
	}

	div#essay-list div {
		width:45%;
		float:left;
		margin:0 5% 30px 0;
	}

	div#essay-list div:nth-child(2n+2) {
		margin-right:0 !important;
	}

	div#essay-list div:nth-child(2n+1) {
		clear:left;
	}

	div#essay-list div:nth-child(3n+3) {
		margin-right:5% !important;
	}

	div#essay-list div:nth-child(3n+1) {
		clear:none;
	}

	/*body::before{content: "MOBILE LANDSCAPE";font-weight: bold;display: block;text-align: center;background: rgba(255,255,0, 0.9);position: fixed;top: 0;left: 0;right: 0;z-index: 99;}*/

}

/*
 * Mosaic image layout
 */

.k-mosaic {
	position:relative;
	display:block;
	list-style:none;
	padding:0;
	margin:0;
}
.k-mosaic:before, .k-mosaic:after {
	content: " ";
	display:table;
}
.k-mosaic:after {
	clear:both;
}
.k-mosaic > li {
	display:inline;
	height:auto;
	float:left;
	font-size:0 !important;
	line-height:0 !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.k-mosaic img {
	max-height: none !important;
	vertical-align:baseline;
}

.k-mosaic-1 > li { width:100%; }
.k-mosaic-1 > li:nth-of-type(n) { clear:none; }
.k-mosaic-1 > li:nth-of-type(1n+1) { clear:both; }

.k-mosaic-2 > li { width:50%; }
.k-mosaic-2 > li:nth-of-type(n) { clear:none; }
.k-mosaic-2 > li:nth-of-type(2n+1) { clear:both; }

.k-mosaic-3 > li { width:33.333333333%; }
.k-mosaic-3 > li:nth-of-type(n) { clear:none; }
.k-mosaic-3 > li:nth-of-type(3n+1) { clear:both; }

.k-mosaic-4 > li { width:25%; }
.k-mosaic-4 > li:nth-of-type(n) { clear:none; }
.k-mosaic-4 > li:nth-of-type(4n+1) { clear:both; }

.k-mosaic-5 > li { width:20%; }
.k-mosaic-5 > li:nth-of-type(n) { clear:none; }
.k-mosaic-5 > li:nth-of-type(5n+1) { clear:both; }

.k-mosaic-6 > li { width:16.66667%; }
.k-mosaic-6 > li:nth-of-type(n) { clear:none; }
.k-mosaic-6 > li:nth-of-type(6n+1) { clear:both; }

.k-mosaic-7 > li { width:14.28571%; }
.k-mosaic-7 > li:nth-of-type(n) { clear:none; }
.k-mosaic-7 > li:nth-of-type(7n+1) { clear:both; }

.k-mosaic-8 > li { width:12.5%; }
.k-mosaic-8 > li:nth-of-type(n) { clear:none; }
.k-mosaic-8 > li:nth-of-type(8n+1) { clear:both; }

.k-mosaic-9 > li { width:11.11111%; }
.k-mosaic-9 > li:nth-of-type(n) { clear:none; }
.k-mosaic-9 > li:nth-of-type(9n+1) { clear:both; }

.k-mosaic-10 > li { width:10%; }
.k-mosaic-10 > li:nth-of-type(n) { clear:none; }
.k-mosaic-10 > li:nth-of-type(10n+1) { clear:both; }

.k-mosaic.edge > li {
	margin: 1px 1px 0 0;
}

.k-mosaic-1.edge li:first-child,
.k-mosaic-2.edge > li:nth-of-type(-n+2),
.k-mosaic-3.edge > li:nth-of-type(-n+3),
.k-mosaic-4.edge > li:nth-of-type(-n+4),
.k-mosaic-5.edge > li:nth-of-type(-n+5),
.k-mosaic-6.edge > li:nth-of-type(-n+6),
.k-mosaic-7.edge > li:nth-of-type(-n+7),
.k-mosaic-8.edge > li:nth-of-type(-n+8),
.k-mosaic-9.edge > li:nth-of-type(-n+9),
.k-mosaic-10.edge > li:nth-of-type(-n+10) { margin-top: 0 !important; }

.k-mosaic-1.edge li,
.k-mosaic-uneven:last-child,
.k-mosaic-2.edge > li:nth-of-type(2n),
.k-mosaic-3.edge > li:nth-of-type(3n),
.k-mosaic-4.edge > li:nth-of-type(4n),
.k-mosaic-5.edge > li:nth-of-type(5n),
.k-mosaic-6.edge > li:nth-of-type(6n),
.k-mosaic-7.edge > li:nth-of-type(7n),
.k-mosaic-8.edge > li:nth-of-type(8n),
.k-mosaic-9.edge > li:nth-of-type(9n),
.k-mosaic-10.edge > li:nth-of-type(10n) { margin-right:0 !important; }

.k-mosaic-2.edge > li:nth-of-type(2n+1),
.k-mosaic-3.edge > li:nth-of-type(3n+1),
.k-mosaic-4.edge > li:nth-of-type(4n+1),
.k-mosaic-4.edge > li:nth-of-type(4n+1),
.k-mosaic-5.edge > li:nth-of-type(5n+1),
.k-mosaic-6.edge > li:nth-of-type(6n+1),
.k-mosaic-7.edge > li:nth-of-type(7n+1),
.k-mosaic-8.edge > li:nth-of-type(8n+1),
.k-mosaic-9.edge > li:nth-of-type(9n+1),
.k-mosaic-10.edge > li:nth-of-type(10n+1) { margin-left: 0 !important; }