/*
Theme Name: CB
Author: Dario
Version: 3.0
*/

:root {
	--thumbnail-width: 320px;
	--thumbnail-height: 240px;
	--gutter-desktop: 16px;
	--gutter-mobile: 8px;
	--mobile-breakpoint: 768px;
}

/*!
Pure v0.6.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
/*!
normalize.css v^3.0 | MIT License | git.io/normalize
Copyright (c) Nicolas Gallagher and Jonathan Neal
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.hidden,[hidden]{display:none!important}.pure-img{max-width:100%;height:auto;display:block}.pure-g{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em;text-rendering:optimizespeed;font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;display:-webkit-flex;-webkit-flex-flow:row wrap;display:-ms-flexbox;-ms-flex-flow:row wrap;-ms-align-content:flex-start;-webkit-align-content:flex-start;align-content:flex-start}.opera-only :-o-prefocus,.pure-g{word-spacing:-.43em}.pure-u{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-g [class *="pure-u"]{font-family:sans-serif}.pure-u-1,.pure-u-1-1,.pure-u-1-2,.pure-u-1-3,.pure-u-2-3,.pure-u-1-4,.pure-u-3-4,.pure-u-1-5,.pure-u-2-5,.pure-u-3-5,.pure-u-4-5,.pure-u-5-5,.pure-u-1-6,.pure-u-5-6,.pure-u-1-8,.pure-u-3-8,.pure-u-5-8,.pure-u-7-8,.pure-u-1-12,.pure-u-5-12,.pure-u-7-12,.pure-u-11-12,.pure-u-1-24,.pure-u-2-24,.pure-u-3-24,.pure-u-4-24,.pure-u-5-24,.pure-u-6-24,.pure-u-7-24,.pure-u-8-24,.pure-u-9-24,.pure-u-10-24,.pure-u-11-24,.pure-u-12-24,.pure-u-13-24,.pure-u-14-24,.pure-u-15-24,.pure-u-16-24,.pure-u-17-24,.pure-u-18-24,.pure-u-19-24,.pure-u-20-24,.pure-u-21-24,.pure-u-22-24,.pure-u-23-24,.pure-u-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.pure-u-1-24{width:4.1667%;*width:4.1357%}.pure-u-1-12,.pure-u-2-24{width:8.3333%;*width:8.3023%}.pure-u-1-8,.pure-u-3-24{width:12.5%;*width:12.469%}.pure-u-1-6,.pure-u-4-24{width:16.6667%;*width:16.6357%}.pure-u-1-5{width:20%;*width:19.969%}.pure-u-5-24{width:20.8333%;*width:20.8023%}.pure-u-1-4,.pure-u-6-24{width:25%;*width:24.969%}.pure-u-7-24{width:29.1667%;*width:29.1357%}.pure-u-1-3,.pure-u-8-24{width:33.3333%;*width:33.3023%}.pure-u-3-8,.pure-u-9-24{width:37.5%;*width:37.469%}.pure-u-2-5{width:40%;*width:39.969%}.pure-u-5-12,.pure-u-10-24{width:41.6667%;*width:41.6357%}.pure-u-11-24{width:45.8333%;*width:45.8023%}.pure-u-1-2,.pure-u-12-24{width:50%;*width:49.969%}.pure-u-13-24{width:54.1667%;*width:54.1357%}.pure-u-7-12,.pure-u-14-24{width:58.3333%;*width:58.3023%}.pure-u-3-5{width:60%;*width:59.969%}.pure-u-5-8,.pure-u-15-24{width:62.5%;*width:62.469%}.pure-u-2-3,.pure-u-16-24{width:66.6667%;*width:66.6357%}.pure-u-17-24{width:70.8333%;*width:70.8023%}.pure-u-3-4,.pure-u-18-24{width:75%;*width:74.969%}.pure-u-19-24{width:79.1667%;*width:79.1357%}.pure-u-4-5{width:80%;*width:79.969%}.pure-u-5-6,.pure-u-20-24{width:83.3333%;*width:83.3023%}.pure-u-7-8,.pure-u-21-24{width:87.5%;*width:87.469%}.pure-u-11-12,.pure-u-22-24{width:91.6667%;*width:91.6357%}.pure-u-23-24{width:95.8333%;*width:95.8023%}.pure-u-1,.pure-u-1-1,.pure-u-5-5,.pure-u-24-24{width:100%}.pure-button{display:inline-block;zoom:1;line-height:normal;white-space:nowrap;vertical-align:middle;text-align:center;cursor:pointer;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button{font-family:inherit;font-size:100%;padding:.5em 1em;color:#444;color:rgba(0,0,0,.8);border:1px solid #999;border:0 rgba(0,0,0,0);background-color:#E6E6E6;text-decoration:none;border-radius:2px}.pure-button-hover,.pure-button:hover,.pure-button:focus{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);background-image:-webkit-gradient(linear,0 0,0 100%,from(transparent),color-stop(40%,rgba(0,0,0,.05)),to(rgba(0,0,0,.1)));background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:-moz-linear-gradient(top,rgba(0,0,0,.05) 0,rgba(0,0,0,.1));background-image:-o-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1));background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))}.pure-button:focus{outline:0}.pure-button-active,.pure-button:active{box-shadow:0 0 0 1px rgba(0,0,0,.15) inset,0 0 6px rgba(0,0,0,.2) inset;border-color:#000\9}.pure-button[disabled],.pure-button-disabled,.pure-button-disabled:hover,.pure-button-disabled:focus,.pure-button-disabled:active{border:0;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);filter:alpha(opacity=40);-khtml-opacity:.4;-moz-opacity:.4;opacity:.4;cursor:not-allowed;box-shadow:none}.pure-button-hidden{display:none}.pure-button::-moz-focus-inner{padding:0;border:0}.pure-button-primary,.pure-button-selected,a.pure-button-primary,a.pure-button-selected{background-color:#0078e7;color:#fff}.pure-form input[type=text],.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=color],.pure-form select,.pure-form textarea{padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-form input:not([type]){padding:.5em .6em;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-form input[type=color]{padding:.2em .5em}.pure-form input[type=text]:focus,.pure-form input[type=password]:focus,.pure-form input[type=email]:focus,.pure-form input[type=url]:focus,.pure-form input[type=date]:focus,.pure-form input[type=month]:focus,.pure-form input[type=time]:focus,.pure-form input[type=datetime]:focus,.pure-form input[type=datetime-local]:focus,.pure-form input[type=week]:focus,.pure-form input[type=number]:focus,.pure-form input[type=search]:focus,.pure-form input[type=tel]:focus,.pure-form input[type=color]:focus,.pure-form select:focus,.pure-form textarea:focus{outline:0;border-color:#129FEA}.pure-form input:not([type]):focus{outline:0;border-color:#129FEA}.pure-form input[type=file]:focus,.pure-form input[type=radio]:focus,.pure-form input[type=checkbox]:focus{outline:thin solid #129FEA;outline:1px auto #129FEA}.pure-form .pure-checkbox,.pure-form .pure-radio{margin:.5em 0;display:block}.pure-form input[type=text][disabled],.pure-form input[type=password][disabled],.pure-form input[type=email][disabled],.pure-form input[type=url][disabled],.pure-form input[type=date][disabled],.pure-form input[type=month][disabled],.pure-form input[type=time][disabled],.pure-form input[type=datetime][disabled],.pure-form input[type=datetime-local][disabled],.pure-form input[type=week][disabled],.pure-form input[type=number][disabled],.pure-form input[type=search][disabled],.pure-form input[type=tel][disabled],.pure-form input[type=color][disabled],.pure-form select[disabled],.pure-form textarea[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input:not([type])[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}.pure-form input[readonly],.pure-form select[readonly],.pure-form textarea[readonly]{background-color:#eee;color:#777;border-color:#ccc}.pure-form input:focus:invalid,.pure-form textarea:focus:invalid,.pure-form select:focus:invalid{color:#b94a48;border-color:#e9322d}.pure-form input[type=file]:focus:invalid:focus,.pure-form input[type=radio]:focus:invalid:focus,.pure-form input[type=checkbox]:focus:invalid:focus{outline-color:#e9322d}.pure-form select{height:2.25em;border:1px solid #ccc;background-color:#fff}.pure-form select[multiple]{height:auto}.pure-form label{margin:.5em 0 .2em}.pure-form fieldset{margin:0;padding:.35em 0 .75em;border:0}.pure-form legend{display:block;width:100%;padding:.3em 0;margin-bottom:.3em;color:#333;border-bottom:1px solid #e5e5e5}.pure-form-stacked input[type=text],.pure-form-stacked input[type=password],.pure-form-stacked input[type=email],.pure-form-stacked input[type=url],.pure-form-stacked input[type=date],.pure-form-stacked input[type=month],.pure-form-stacked input[type=time],.pure-form-stacked input[type=datetime],.pure-form-stacked input[type=datetime-local],.pure-form-stacked input[type=week],.pure-form-stacked input[type=number],.pure-form-stacked input[type=search],.pure-form-stacked input[type=tel],.pure-form-stacked input[type=color],.pure-form-stacked input[type=file],.pure-form-stacked select,.pure-form-stacked label,.pure-form-stacked textarea{display:block;margin:.25em 0}.pure-form-stacked input:not([type]){display:block;margin:.25em 0}.pure-form-aligned input,.pure-form-aligned textarea,.pure-form-aligned select,.pure-form-aligned .pure-help-inline,.pure-form-message-inline{display:inline-block;*display:inline;*zoom:1;vertical-align:middle}.pure-form-aligned textarea{vertical-align:top}.pure-form-aligned .pure-control-group{margin-bottom:.5em}.pure-form-aligned .pure-control-group label{text-align:right;display:inline-block;vertical-align:middle;width:10em;margin:0 1em 0 0}.pure-form-aligned .pure-controls{margin:1.5em 0 0 11em}.pure-form input.pure-input-rounded,.pure-form .pure-input-rounded{border-radius:2em;padding:.5em 1em}.pure-form .pure-group fieldset{margin-bottom:10px}.pure-form .pure-group input,.pure-form .pure-group textarea{display:block;padding:10px;margin:0 0 -1px;border-radius:0;position:relative;top:-1px}.pure-form .pure-group input:focus,.pure-form .pure-group textarea:focus{z-index:3}.pure-form .pure-group input:first-child,.pure-form .pure-group textarea:first-child{top:1px;border-radius:4px 4px 0 0;margin:0}.pure-form .pure-group input:first-child:last-child,.pure-form .pure-group textarea:first-child:last-child{top:1px;border-radius:4px;margin:0}.pure-form .pure-group input:last-child,.pure-form .pure-group textarea:last-child{top:-2px;border-radius:0 0 4px 4px;margin:0}.pure-form .pure-group button{margin:.35em 0}.pure-form .pure-input-1{width:100%}.pure-form .pure-input-2-3{width:66%}.pure-form .pure-input-1-2{width:50%}.pure-form .pure-input-1-3{width:33%}.pure-form .pure-input-1-4{width:25%}.pure-form .pure-help-inline,.pure-form-message-inline{display:inline-block;padding-left:.3em;color:#666;vertical-align:middle;font-size:.875em}.pure-form-message{display:block;color:#666;font-size:.875em}@media only screen and (max-width :480px){.pure-form button[type=submit]{margin:.7em 0 0}.pure-form input:not([type]),.pure-form input[type=text],.pure-form input[type=password],.pure-form input[type=email],.pure-form input[type=url],.pure-form input[type=date],.pure-form input[type=month],.pure-form input[type=time],.pure-form input[type=datetime],.pure-form input[type=datetime-local],.pure-form input[type=week],.pure-form input[type=number],.pure-form input[type=search],.pure-form input[type=tel],.pure-form input[type=color],.pure-form label{margin-bottom:.3em;display:block}.pure-group input:not([type]),.pure-group input[type=text],.pure-group input[type=password],.pure-group input[type=email],.pure-group input[type=url],.pure-group input[type=date],.pure-group input[type=month],.pure-group input[type=time],.pure-group input[type=datetime],.pure-group input[type=datetime-local],.pure-group input[type=week],.pure-group input[type=number],.pure-group input[type=search],.pure-group input[type=tel],.pure-group input[type=color]{margin-bottom:0}.pure-form-aligned .pure-control-group label{margin-bottom:.3em;text-align:left;display:block;width:100%}.pure-form-aligned .pure-controls{margin:1.5em 0 0}.pure-form .pure-help-inline,.pure-form-message-inline,.pure-form-message{display:block;font-size:.75em;padding:.2em 0 .8em}}.pure-menu{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.pure-menu-fixed{position:fixed;left:0;top:0;z-index:3}.pure-menu-list,.pure-menu-item{position:relative}.pure-menu-list{list-style:none;margin:0;padding:0}.pure-menu-item{padding:0;margin:0;height:100%}.pure-menu-link,.pure-menu-heading{display:block;text-decoration:none;white-space:nowrap}.pure-menu-horizontal{width:100%;white-space:nowrap}.pure-menu-horizontal .pure-menu-list{display:inline-block}.pure-menu-horizontal .pure-menu-item,.pure-menu-horizontal .pure-menu-heading,.pure-menu-horizontal .pure-menu-separator{display:inline-block;*display:inline;zoom:1;vertical-align:middle}.pure-menu-item .pure-menu-item{display:block}.pure-menu-children{display:none;position:absolute;left:100%;top:0;margin:0;padding:0;z-index:3}.pure-menu-horizontal .pure-menu-children{left:0;top:auto;width:inherit}.pure-menu-allow-hover:hover>.pure-menu-children,.pure-menu-active>.pure-menu-children{display:block;position:absolute}.pure-menu-has-children>.pure-menu-link:after{padding-left:.5em;content:"\25B8";font-size:small}.pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after{content:"\25BE"}.pure-menu-scrollable{overflow-y:scroll;overflow-x:hidden}.pure-menu-scrollable .pure-menu-list{display:block}.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list{display:inline-block}.pure-menu-horizontal.pure-menu-scrollable{white-space:nowrap;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;padding:.5em 0}.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar{display:none}.pure-menu-separator{background-color:#ccc;height:1px;margin:.3em 0}.pure-menu-horizontal .pure-menu-separator{width:1px;height:1.3em;margin:0 .3em}.pure-menu-heading{text-transform:uppercase;color:#565d64}.pure-menu-link{color:#777}.pure-menu-children{background-color:#fff}.pure-menu-link,.pure-menu-disabled,.pure-menu-heading{padding:.5em 1em}.pure-menu-disabled{opacity:.5}.pure-menu-disabled .pure-menu-link:hover{background-color:transparent}.pure-menu-active>.pure-menu-link,.pure-menu-link:hover,.pure-menu-link:focus{background-color:#eee}.pure-menu-selected .pure-menu-link,.pure-menu-selected .pure-menu-link:visited{color:#000}.pure-table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb}.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}.pure-table td,.pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}.pure-table td:first-child,.pure-table th:first-child{border-left-width:0}.pure-table thead{background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}.pure-table td{background-color:transparent}.pure-table-odd td{background-color:#f2f2f2}.pure-table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody>tr:last-child>td{border-bottom-width:0}.pure-table-horizontal td,.pure-table-horizontal th{border-width:0 0 1px;border-bottom:1px solid #cbcbcb}.pure-table-horizontal tbody>tr:last-child>td{border-bottom-width:0}

html, button, input, select, textarea,
.pure-g [class *= "pure-u"] {
    font-family: "Noto Sans", sans-serif;
}

/* --------------------------
 * Element Styles
 * --------------------------
*/

body {
    background: #F6F6F6;
    font-family: "Noto Sans", sans-serif;
    min-width: 320px;
    color: #3B3738;
    line-height: 1.6;
    margin: 0;
    padding: 0 0 180px 0;
}

h1, h2, h3, h4, h5, h6 {
    color: rgb(75, 75, 75);
}
h3 {
    font-size: 1.25em;
}
h4 {
    font-size: 1.125em;
}

a {
	color: #333;
	text-decoration: none;
}

a:hover,
a:focus {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
}

.entry-header span a,
.entry-content p:last-child a {
	color: #FF9917; 
}

dt {
    font-weight: bold;
}
dd {
    margin: 0 0 10px 0;
}

.group:before,
.group:after {
	content: "";
	display: table;
}
.group:after {
	clear: both;
}
.group {
	zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

/**
 * Accessibility
 */

/* Text meant only for screen readers */
.says,
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}

/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
	background-color: #f1f1f1;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #21759b;
	display: block;
	font: bold 14px/normal "Noto Sans", sans-serif;
	left: -9999em;
	outline: none;
	padding: 15px 23px 14px;
	text-decoration: none;
	text-transform: none;
	top: -9999em;
}

.logged-in .site .skip-link {
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	font: bold 14px/normal "Open Sans", sans-serif;
}

.site .skip-link:focus {
	clip: auto;
	height: auto;
	left: 6px;
	top: 7px;
	width: auto;
	z-index: 100000;
}

/* --------------------------
 * Header & Menu
 * --------------------------
*/
#page {
    max-width: 1280px;
    margin: 0 auto;
}

#toolbar {
    background-color: #FFF;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 5px 0;
    text-align: center;
    width: 100%;
}
#toolbar a {
    color: #DF7C00;
}
#toolbar a:hover {
    text-decoration: underline;
}

#site-header {
    position: relative;
    padding-left: 10px;
    padding-top: 10px;
    text-align: center;
}
#site-header h1 {
    margin: 0px;
    line-height: 25px;
}

#site-menu {
    margin: 15px 0 10px 0;
    padding: 0 0 0 10px;
}
#site-menu ul {
    display: table;
    margin: 0 auto;
    padding: 0;
}
#site-menu li {
    background-color: #DF7C00;
    border: 1px solid #555;
    border-left: 1px solid #C0C0C0;
    border-top: 1px solid #C0C0C0;
    float: left;
    list-style: none;
    padding: 0 5px 0 3px;
    margin: 0 5px;
    box-shadow: 1px 1px 2px #999;
}
#site-menu li:hover {
    border: 1px solid #888;
    border-left: 1px solid #777;
    border-top: 1px solid #777;
}
#site-menu li:hover a {
    color: #FFF;
}

#site-extras {
    text-align: center;
}
#site-extras a {
    text-decoration: underline;
}

#search {
	text-align: center;
	padding: 0.6em;
}

#search input[type=text] {
	background: #444;
	border: 0;
	color: #777;
	width: 100%;
	padding: 4px 0 4px 8px;

    font-size: 12px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);

    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
}



.post-navigation {
	background-color: #fff;
	border-top: 1px solid #eaeaea;
	border-top: 1px solid rgba(51, 51, 51, 0.1);
	font-weight: 700;
}

.post-navigation a {
	display: block;
	padding: 3.8461% 7.6923%;
}

.post-navigation span {
	display: block;
}

.post-navigation .meta-nav {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-size: 12px;
	font-size: 1.2rem;
	letter-spacing: 0.04em;
	line-height: 1.5;
	position: relative;
	text-transform: uppercase;
	z-index: 2;
}

.post-navigation .post-title {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.3333;
	position: relative;
	z-index: 2;
}

.post-navigation .nav-next,
.post-navigation .nav-previous {
	background-position: center;
	background-size: cover;
	position: relative;
}

.post-navigation a:before {
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}

.post-navigation a:hover:before,
.post-navigation a:focus:before {
	opacity: 0.5;
}

.post-navigation .meta-nav {
	opacity: 0.8;
}

.post-navigation div + div {
	border-top: 1px solid #eaeaea;
	border-top: 1px solid rgba(51, 51, 51, 0.1);
}

.pagination {
	background-color: #fff;
	border-top: 1px solid rgba(51, 51, 51, 0.1);
}

.pagination .nav-links {
	min-height: 3.2em;
	position: relative;
	text-align: center;
}

/* reset screen-reader-text */
.pagination .current .screen-reader-text {
	position: static !important;
}

.pagination .page-numbers {
	display: none;
	line-height: 3.2em;
	padding: 0 0.6667em;
}

.pagination .page-numbers.current {
	text-transform: uppercase;
}

.pagination .current {
	display: inline-block;
	font-weight: 700;
}

.pagination .prev,
.pagination .next {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
	background-color: #333;
	color: #fff;
	display: inline-block;
	height: 48px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 48px;
}

.pagination .prev:before,
.pagination .next:before {
	font-size: 32px;
	height: 48px;
	line-height: 48px;
	position: relative;
	width: 48px;
}

.pagination .prev:hover,
.pagination .prev:focus,
.pagination .next:hover,
.pagination .next:focus {
	background-color: #707070;
	background-color: rgba(51, 51, 51, 0.7);
}

.pagination .prev {
	left: 0;
}

.pagination .next {
	right: 0;
}

.image-navigation,
.comment-navigation {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.5;
	text-transform: uppercase;
}

.image-navigation a,
.comment-navigation a {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
}

.image-navigation a:hover,
.image-navigation a:focus,
.comment-navigation a:hover,
.comment-navigation a:focus {
	color: #333;
}

.image-navigation .nav-previous:not(:empty),
.image-navigation .nav-next:not(:empty),
.comment-navigation .nav-previous:not(:empty),
.comment-navigation .nav-next:not(:empty) {
	display: inline-block;
}

.comment-navigation {
	border-top: 1px solid #eaeaea;
	border-top: 1px solid rgba(51, 51, 51, 0.1);
	border-bottom: 1px solid #eaeaea;
	border-bottom: 1px solid rgba(51, 51, 51, 0.1);
	padding: 2em 0;
}

.comments-title + .comment-navigation {
	border-bottom: 0;
}

.image-navigation {
	padding: 0 7.6923%;
}

.image-navigation .nav-previous:not(:empty),
.image-navigation .nav-next:not(:empty) {
	margin-bottom: 2em;
}

/* --------------------------
 * Header Module Styles
 * --------------------------
*/

.header {
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
	position: relative;
	text-align: center; 
}
	.header img {
		max-width: 100%;
		height: auto;
		border-bottom: 1px solid #999;
	}

    .header h1 {
        font-size: 170%;
        font-weight: 400;
        margin: 0.2em 0 0 0;	
      	line-height: 1.2;
    }
    
     .header span {
        font-size: 125%;
        font-weight: 300;
        line-height: 1.5;
        margin: 0;
        color: #666;
    }
    
    .header span {
    	color: #999;
    }

/* --------------------------
  * Content Module Styles
  * --------------------------
 */

/* The content div is placed as a wrapper around all the docs */
.content {
    margin: 0;
   	width: 100%;
}

	.content .content-inner-wrapper {
		padding: 0;
		margin: 0 auto;
		width: 100%;
		max-width: 100%;
	}

	.content .main-grid {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
		grid-auto-rows: 8px;
		grid-gap: var(--gutter-desktop);
		/*grid-auto-flow: dense;*/
		padding: var(--gutter-desktop);
		box-sizing: border-box;
	}

	.content .main-grid .item {
		display: block;
		width: 100%;
		background: lightgray;
		border-radius: 4px;
		overflow: hidden;
	}

	/* Portrait thumbnails (2x height) */
	.content .main-grid .item.portrait {
		grid-row: span 18;
	}
	
	/* Landscape thumbnails (wider than tall) */
	.content .main-grid .item.landscape {
		grid-row: span 13;
	}
	
	/* Square thumbnails */
	.content .main-grid .item.square {
		grid-row: span 15;
	}

	/* Responsive adjustments for smaller devices */
	@media (max-width: var(--mobile-breakpoint)) {
		.content .main-grid {
			grid-gap: var(--gutter-mobile); /* Smaller gap on mobile */
			padding: var(--gutter-mobile);
		}
	}

    .content .content-subhead {
        background: #fff;
        padding: 1em;
        text-align: center;
		position: relative;
    }
    
    	.content .content-subhead h1 {
    		font-size: 160%;
	    	margin: 0.4em 0 0.2em 0;
	    	padding: 0;
	    	color: #333;
    	} 
    	
        .content .content-subhead h2 {
	        font-size: 100%;
	        font-weight: 300;
	        line-height: 1;
	        margin: 0;
	        color: #666;
	    }

    .content .content-spaced {
        line-height: 1.8;
    }

    .content .content-quote {
        font-family: "Georgia", serif;
        color: #666;
        font-style: italic;
        line-height: 1.8;
        border-left: 5px solid #ddd;
        padding-left: 1.5em;
    }
    
    .content .content-filter {
    	text-align: center;
		font-family: "Georgia", serif;
        font-style: italic;
		color: #666;
    }
    
    .content .content-buttons-wrapper {
    	text-align: center;
    	margin-bottom: 2em;
    	font-size: 120%;
    }
    
    .content .content-pages {
    	margin: 10px 0;
    }
    
/**
 * 12.1 Posts and pages
 */

.hentry {
	background-color: #fff;
	padding-top: 1em;
	position: relative;
	margin: 0.5em 0;

	border: 1px solid #d7d7d7;
	border-top: 0;
	border-bottom: 0;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.hentry.has-post-thumbnail {
	padding-top: 0;
}

.hentry.sticky:not(.has-post-thumbnail) {
	padding-top: -webkit-calc(7.6923% + 24px);
	padding-top: calc(7.6923% + 24px);
}

.hentry + .hentry {
	border-top: 1px solid rgba(51, 51, 51, 0.1);
}

.post-thumbnail {
	border: 0;
	display: block;
	margin-bottom: 2.4em;
}
.post-thumbnail img {
	display: block;
	margin: 0 auto;
}

a.post-thumbnail:hover,
a.post-thumbnail:focus {
	opacity: 0.85;
}

.entry-header {
	background-color: #222;
	padding: 0.5em 1em;
	border-bottom: 1px solid #f7f7f7;

	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.entry-header a,
.entry-header > span {
	color: #FFF;
}

.entry-header h1,
.entry-header h2 {
	color: #FFF;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

.entry-title {
	font-size: 20px;
}

.entry-meta {
	background-color: #F9F9F9;
	font-size: 12px;
	padding: 2px;
	padding-left: 20px;
}

.entry-content,
.entry-summary {
	padding: 0 0 2.6923%;
}

.entry-content {
        font-size: 14px;
	padding: 1em 0.5em;
}

.entry-content strong,
.entry-content p {
	text-align: center;
}

.entry-content > :last-child,
.entry-summary > :last-child {
	margin-bottom: 0;
}

.entry-content,
.entry-summary,
.page-content,
.comment-content {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
}

.entry-content h1,
.entry-summary h1,
.page-content h1,
.comment-content h1 {
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 1.1538;
	margin-top: 1.8462em;
	margin-bottom: 0.9231em;
}

.entry-content h2,
.entry-summary h2,
.page-content h2,
.comment-content h2 {
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1.3636;
	margin-top: 2.1818em;
	margin-bottom: 1.0909em;
}

.entry-content h3,
.entry-summary h3,
.page-content h3,
.comment-content h3 {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.3333;
	margin-top: 2.6667em;
	margin-bottom: 1.3333em;
}

.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.page-content h4,
.page-content h5,
.page-content h6,
.comment-content h4,
.comment-content h5,
.comment-content h6 {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.2;
	margin-top: 3.2em;
	margin-bottom: 1.6em;
}

.entry-content h5,
.entry-content h6,
.entry-summary h5,
.entry-summary h6,
.page-content h5,
.page-content h6,
.comment-content h5,
.comment-content h6 {
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.entry-content > h1:first-child,
.entry-content > h2:first-child,
.entry-content > h3:first-child,
.entry-content > h4:first-child,
.entry-content > h5:first-child,
.entry-content > h6:first-child,
.entry-summary > h1:first-child,
.entry-summary > h2:first-child,
.entry-summary > h3:first-child,
.entry-summary > h4:first-child,
.entry-summary > h5:first-child,
.entry-summary > h6:first-child,
.page-content > h1:first-child,
.page-content > h2:first-child,
.page-content > h3:first-child,
.page-content > h4:first-child,
.page-content > h5:first-child,
.page-content > h6:first-child,
.comment-content > h1:first-child,
.comment-content > h2:first-child,
.comment-content > h3:first-child,
.comment-content > h4:first-child,
.comment-content > h5:first-child,
.comment-content > h6:first-child {
	margin-top: 0;
}

.entry-content a,
.entry-summary a,
.page-content a,
.comment-content a,
.pingback .comment-body > a {
	border-bottom: 1px solid #333;
}

.entry-content a:hover,
.entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:focus,
.page-content a:hover,
.page-content a:focus,
.comment-content a:hover,
.comment-content a:focus,
.pingback .comment-body > a:hover,
.pingback .comment-body > a:focus {
	border-bottom: 0;
}

.entry-content a img,
.entry-summary a img,
.page-content a img,
.comment-content a img {
	display: block;
}

.entry-content .more-link,
.entry-summary .more-link:after {
	white-space: nowrap;
}

.entry-footer {
	background-color: #DF7C00;
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 3.8461% 7.6923%;
}

.entry-footer a {
	border-bottom: 1px solid transparent;
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
}

.entry-footer a:hover {
	border-bottom: 1px solid #333;
}

.entry-footer a:hover,
.entry-footer a:focus {
	color: #333;
}

.sticky-post {
	background-color: #333;
	color: #fff;
	font-weight: 700;
	letter-spacing: 0.04em;
	padding: 0.25em 0.5em;
	position: absolute;
	top: 0;
	text-transform: uppercase;
}

.updated:not(.published) {
	display: none;
}

.sticky .posted-on {
	display: none;
}

.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.entry-stats:before,
.edit-link:before,
.full-size-link:before {
	margin-right: 2px;
	position: relative;
}

.posted-on,
.byline,
.cat-links,
.tags-links,
.comments-link,
.entry-format,
.entry-stats,
.full-size-link {
	margin-right: 1em;
}

.comments-link,
.edit-link {
	white-space: nowrap;
}

.page-header {
	background-color: #fff;
	border-bottom: 1px solid rgba(51, 51, 51, 0.1);
	padding: 1em;
	text-align: center;
}

.page-title {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.3333;
}

.taxonomy-description {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	padding-top: 0.4em;
}

.taxonomy-description a {
	border-bottom: 1px solid #333;
}

.taxonomy-description a:hover,
.taxonomy-description a:focus {
	border-bottom: 0;
}

.taxonomy-description > :last-child {
	margin-bottom: 0;
}

.page-content {
	background-color: #fff;
	padding: 7.6923%;
}

.page-content > :last-child {
	margin-bottom: 0;
}

.page-links {
	clear: both;
	margin-bottom: 1.3333em;
}

.page-links a,
.page-links > span {
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	height: 2em;
	line-height: 2;
	margin: 0 0.3333em 0.3333em 0;
	text-align: center;
	width: 2em;
}

.page-links a {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
	background-color: #333;
	border-color: #333;
	color: #fff;
}

.page-links a:hover,
.page-links a:focus {
	background-color: #707070;
	background-color: rgba(51, 51, 51, 0.7);
	border-color: transparent;
	color: #fff;
}

.page-links > .page-links-title {
	border: 0;
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	height: auto;
	margin: 0;
	padding-right: 0.5em;
	width: auto;
}

.entry-attachment {
	margin-bottom: 1.6em;
}

.type-attachment .entry-title {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
}

.entry-caption {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-size: 12px;
	font-size: 1.2rem;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	line-height: 1.5;
	padding-top: 0.5em;
	word-wrap: break-word;
}

.entry-caption > :last-child {
	margin-bottom: 0;
}


/**
 * 12.2 Post Formats
 */

.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.3333;
}

.blog .format-status .entry-title,
.archive .format-status .entry-title {
	display: none;
}

/**
 * 12.3 Comments
 */
.comments-area {
	background-color: #fff;
	border-top: 1px solid #eaeaea;
	border-top: 1px solid rgba(51, 51, 51, 0.1);
	padding: 7.6923%;
}

.comments-area > :last-child {
	margin-bottom: 0;
}

.comment-list + .comment-respond {
	border-top: 1px solid #eaeaea;
	border-top: 1px solid rgba(51, 51, 51, 0.1);
}

.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
	padding-top: 1.6em;
}

.comments-title,
.comment-reply-title {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.3333;
}

.comments-title {
	margin-bottom: 1.3333em;
}

.comment-list {
	list-style: none;
	margin: 0;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
	border-top: 1px solid #eaeaea;
	border-top: 1px solid rgba(51, 51, 51, 0.1);
	padding: 1.6em 0;
}

.comment-list .children {
	list-style: none;
	margin: 0;
}

.comment-list .children > li {
	padding-left: 0.8em;
}

.comment-author {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	margin-bottom: 0.4em;
}

.comment-author a:hover {
	border-bottom: 1px solid #707070;
	border-bottom: 1px solid rgba(51, 51, 51, 0.7);
}

.comment-author .avatar {
	float: left;
	height: 24px;
	margin-right: 0.8em;
	width: 24px;
}

.comment-metadata,
.pingback .edit-link {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
}

.comment-metadata a,
.pingback .edit-link a {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
}

.comment-metadata a:hover,
.pingback .edit-link a:hover {
	border-bottom: 1px solid #333;
}

.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .edit-link a:hover,
.pingback .edit-link a:focus {
	color: #333;
}

.comment-metadata {
	margin-bottom: 1.6em;
}

.comment-metadata .edit-link {
	margin-left: 1em;
}

.pingback .edit-link {
	margin-left: 1em;
}

.pingback .edit-link:before {
	top: 5px;
}

.comment-content ul,
.comment-content ol {
	margin: 0 0 1.6em 1.3333em;
}

.comment-content li > ul,
.comment-content li > ol {
	margin-bottom: 0;
}

.comment-content > :last-child {
	margin-bottom: 0;
}

.comment-list .reply {
	font-size: 12px;
	font-size: 1.2rem;
}

.comment-list .reply a {
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: inline-block;
	font-weight: 700;
	line-height: 1;
	margin-top: 2em;
	padding: 0.4167em 0.8333em;
	text-transform: uppercase;
}

.comment-list .reply a:hover,
.comment-list .reply a:focus {
	border-color: #333;
	color: #333;
	outline: 0;
}

.comment-form {
	padding-top: 1.6em;
}

.comment-form label {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	display: block;
	letter-spacing: 0.04em;
	line-height: 1.5;
	text-transform: uppercase;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form input[type="submit"] {
	width: 100%;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	margin-bottom: 2em;
}

.logged-in-as a:hover {
	border-bottom: 1px solid #333;
}

.no-comments {
	border-top: 1px solid #eaeaea;
	border-top: 1px solid rgba(51, 51, 51, 0.1);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-weight: 700;
	padding-top: 1.6em;
}

.comment-navigation + .no-comments {
	border-top: 0;
}

.form-allowed-tags code {
	font-family: Inconsolata, monospace;
}

.form-submit {
	margin-bottom: 0;
}

.required {
	color: #c0392b;
}

.comment-reply-title small {
	font-size: 100%;
}

.comment-reply-title small a {
	border: 0;
	float: right;
	height: 32px;
	overflow: hidden;
	width: 26px;
}

.comment-reply-title small a:before {
	content: "\f405";
	font-size: 32px;
	position: relative;
	top: -3px;
}

    
/* --------------------------
  * Entry Module Styles
  * --------------------------
 */
.entry {
	background-color: #fff;
	text-align: center;
	margin: 0 5px 0px 5px;
	padding: 5px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
	
	.entry .entry-title {
		display: block;
		font-size: 100%;
		padding: 2px 0;
		margin: 0.5em 0 0 0;
	}

	.entry .entry-sponsor {
		font-size: 70%;
	}

	.entry img {
		margin: 0 auto;
		max-width: 100%;
		height: auto;
	}
	
	.entry .entry-meta {
		background-color: #f7f7f7;
		font-size: 12px;
		
		margin: 0;
		padding: 4px 7px 4px 7px;
		text-align: right;
	}
	
		.entry .entry-meta .entry-stats {
			float: left;
		}
	
.entry-content img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: auto;
}

.entry-content p:last-child a strong,
.entry-content a.site {
	font-size:200%;
}
	
.image-attachment .entry-description .sponsor-link {
	display: block;
	font-size: 200%;
}

.wp-video {
	display: block;
	margin: 0 auto;
}

.gallery-shortcode div div {
	margin: 2px;
}

.gallery-shortcode img {
	border: 1px solid #333;
}

li.entry-gallery,
li.entry-video {
	text-align: center;
}
li.entry-gallery img,
li.entry-video img {
	display: block;
	margin: 0 auto;
}

.comment .reply {
	display: none;
}

.comment {
	margin-bottom: 2em;
}

/* --------------------------
  * Widget Module
  * --------------------------
 */
.widget {
	background-color: #FFF;
	padding-bottom: 0.3em;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

	.widget h1 {
		background-color: #DF7C00;
		color: #FFF;
		font-size: 120%;
		font-weight: normal;
		line-height: 1.2;
		white-space: normal;
		padding: 0.5em;
		margin-bottom: 0.2em;
		text-align: center;
		border-bottom: 2px solid #f7f7f7;

		-webkit-border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
	}

	.widget h1 span,
        .widget ul li span {
		font-weight: normal;
		font-size: 80%;
	}
		
	.widget ul {
		list-style: none;
		padding: 0;
		margin: 0.4em auto;
		width: 90%;
	}
	
		.widget ul li {
			margin: 1px 0;
			padding: 0.3em 0.8em;
			word-wrap: break-word;;
		}
		
			.widget ul li a {
				font-size: 100%;
				border: none;
			}
			
			.widget ul li:hover,
			.widget ul li:focus {
				background: #f7f7f7;
			}
	
.widget-divided {
	 border-top: 1px solid #333;
}

/* --------------------------
  * Ads Module
  * --------------------------
 */
.ads {
	display: block;
	text-align: center;
	max-width: 100%;
	overflow: hidden;
	margin: 15px auto;
}

	.ads img {
		-webkit-box-shadow: 3px 3px 3px 0px rgba(204,204,204,1);
		-moz-box-shadow: 3px 3px 3px 0px rgba(204,204,204,1);
		box-shadow: 3px 3px 3px 0px rgba(204,204,204,1);

		border: 1px solid #111;
		
		margin: 15px auto;
		display: block;
		max-width: 100%;
		height: auto;
	}

.desktop-ad {
	display: none;
}
	
.ads-header,
.ads-footer {
	border: 20px solid #191818;
	border-left: 0;
	border-right: 0;
	padding: 0;
}

.ads-footer {
	clear: both;
	float: left;
	width: 100%;
}

/* --------------------------
  * Pure Button Mods
  * --------------------------
 */
a.pure-button-primary {
	font-size: 120%;
	color: white;
	border-radius: 4px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

a.pure-button-primary {
	background-color: #1F8ED6;
}

/* --------------------------
  * Footer Module Styles
  * --------------------------
 */
.footer {
	border-top: 1px solid #eee;
	background: #f7f7f7;
	padding: 1em;
	
	clear: both;
	display: block;
	text-align: center;
}


/* --------------------------
  * Responsive Styles
  * --------------------------
 */
@media (min-width: 35.5em) {
	.header h1 {
		font-size: 300%;
	}
	
	.header img {
		-webkit-border-radius: 0 0 6px 0;
		-moz-border-radius: 0 0 6px 0;
		border-radius: 0 0 6px 0;
		border: 1px solid #999;
		border-left: 0;
		border-top: 0;
	}
	
	.content .content-subhead h1 {
		font-size: 160%;
	}
	
	.single .entry-sponsor {
		font-size: 160%;
	}
	
	body.sidebar .primary {
		float: left;
		width: 72%;
	}
	
	body.sidebar .secondary {
		float: right;
		width: 28%;
	}	
	
	.hentry,
	#comments {
		margin: 0.5em;
		margin-bottom: 2em;
	}

	#search-pornstar {
		width: 250px !important
	}
	
	.mobile-ad {
		display: none;
	}
	
	.desktop-ad {
		display: inline;
	}
	
	.post-navigation {
		border-top: 0;
		box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
		margin: 7.6923% 7.6923% 0;
	}

	.post-navigation a {
		padding: 4.5454% 9.0909%;
	}

	.pagination {
		border-top: 0;
		box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
		margin: 7.6923% 7.6923% 0;
		padding: 0;
	}

	/* restore screen-reader-text */
	.pagination .current .screen-reader-text {
		position: absolute !important;
	}

	.pagination .page-numbers {
		display: inline-block;
	}

	.image-navigation {
		padding: 0 9.0909%;
	}
	
	.post-password-form label,
	.post-navigation .meta-nav,
	.image-navigation,
	.comment-navigation,
	.author-heading,
	.author-bio,
	.entry-footer,
	.page-links a,
	.page-links span,
	.comment-metadata,
	.pingback .edit-link,
	.comment-list .reply,
	.comment-notes,
	.comment-awaiting-moderation,
	.logged-in-as,
	.comment-form label,
	.form-allowed-tags,
	.site-info,
	.wp-caption-text,
	.gallery-caption,
	.entry-caption {
		font-size: 14px;
	}

	.widget {
		margin: 0.5em 1em;
		margin-left: 0;
	}

	#toolbar {
		font-size: 16px;
		margin-bottom: 10px;
	}
		
	#site-header h1 {
		font-size: 240%;
		margin: 0px;
		line-height: 30px;
	}
	#site-menu li {
		font-size: 110%;
	}

	#site-extras {
		font-size: 110%;
	}
	#site-extras a {
		text-decoration: underline;
	}   
        
}

@media (min-width: 64em) {

	body.sidebar .primary {
		float: left;
		width: 70%;
	}
	
	body.sidebar .secondary {
		float: right;
		width: 30%;
	}

	#search-pornstar {
		width: 350px !important
	}
	
	.hentry,
	#comments {
		margin: 1em 1em 2em 1em;
	}
	
	.pagination .nav-links {
		min-height: 3.3684em;
	}

	.pagination .page-numbers {
		line-height: 3.3684em;
		padding: 0 0.8421em;
	}

	.pagination .prev,
	.pagination .next {
		height: 64px;
		padding: 0;
		width: 64px;
	}

	.pagination .prev:before,
	.pagination .next:before {
		height: 64px;
		line-height: 64px;
		width: 64px;
	}

	.image-navigation .nav-previous a:before,
	.image-navigation .nav-next a:after,
	.comment-navigation .nav-previous a:before,
	.comment-navigation .nav-next a:after {
		font-size: 24px;
		top: -1px;
	}
	
}

@media (min-width: 80em) {

	body.sidebar .primary {
		float: left;
		width: 70%;
	}
	
	body.sidebar .secondary {
		float: right;
		width: 30%;
	}
	
}

.comment-form-location,
.gallery-caption {
    display: none;
}

img[class*="align"], img[class*="wp-image-"] {
    width: auto;
    height: auto;
}

/* hacks */
#comment,
iframe {
    max-width: 100%;
}

#search-pornstar {
	width: 150px;
    max-width: 90%;
}

.autocomplete-suggestions {
    text-align: left;
    cursor: default;
    border: 1px solid #ccc;
    border-top: 0;
    background: #fff;
    box-shadow: -1px 1px 3px rgba(0,0,0,.1);

    /* core styles should not be changed */
    position: absolute;
    display: none;
    z-index: 9999;
    max-height: 254px;
    overflow: hidden;
    overflow-y: auto;
    box-sizing: border-box;
}
.autocomplete-suggestion {
    position: relative;
    padding: 0 .6em; line-height: 23px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.02em;
    color: #333;
}
.autocomplete-suggestion b {
    color: var(--bs-primary);
}
.autocomplete-suggestion.selected {
    background: #f0f0f0;
}

/* Overlay Play Button for video links */
.overlay-play-button {
    position: relative;
}

.overlay-play-button img {
    border: 1px solid #999;
}

.overlay-play-button__overlay {
    left: 0;
    position: absolute;
    top: 0;

    height: 100%;
    width: 100%;

    align-items: center;
    display: flex;
    justify-content: center;

    background-color: rgba(0, 0, 0, 0.25);
}

.overlay-play-button__play {
    color: #fff;
    border: 0.25rem solid #fff;
    border-radius: 9999px;
    height: 3rem;
    width: 3rem;

    align-items: center;
    display: flex;
    justify-content: center;
}

.overlay-play-button:hover .overlay-play-button__play {
  transform: scale(1.2);
}

/* cam stuff */
#pornstar-cams {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    padding: 10px;
    min-height: 300px;
}

/* toolbar */
.nav-link {
    color: #333;
}

/* Header & Navigation */
#navMain nav {
	background: rgb(233, 236, 239);
	border-bottom: 1px solid #333;
	display: flex;
	justify-content: space-between;
	padding-top: 5px;
	padding-left: 5px;
	max-width: 100%;
	z-index: 1000;
}
#navMain form {
	margin-top: 5px;
}

#navMain .mypc {
	padding: 10px 15px 0 0;
}

#navMain .mypc a {
	color: blue;
}

  .live-container {
	background: rgba(0, 0, 0, 0.4);
	font-family: Arial, sans-serif;
	position: fixed;
	bottom: 0;
	right: 0;
	/* Add background or borders as needed */
	z-index: 1000;
	display: flex;
	flex-direction: column;
	/* Optional styling */
	font-size: 14px;
	width: 260px;
  }
  
  .top-row {
	display: none;
	flex-direction: row;
	position: relative;
  }
  
  .top-row.visible {
	display: flex;
  }

  .bottom-bar {
	display: flex;
	align-items: center;
  }  

  .button-container {
	width: 30%;
	text-align: center;
  }

  .preview-container,
  .status-container {
	padding: 2px 3px;
	width: 70%;
  }

  .preview-container {
	height: 110px;
	background: #eee;
	position: relative;
	overflow: hidden;
  }

  .status-container {
	background: #fff;
	border: 1px solid #ccc;
	color: #111;
  }
  
  .play-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
	opacity: 0.9;
	background: rgba(255, 255, 255, 0.6);
	border-radius: 50%;
	padding: 6px;
	padding-bottom: 0;
  }
  
  .preview-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
  }
  
  .preview-video {
	position: absolute;
	top:0; left:0; width:100%; height:100%;
  }
  
  .preview-overlay {
	position: absolute;
	top:0; left:0; right:0; bottom:0;
	background: rgba(0,0,0,0.5);
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	font-size:14px;
	padding:10px;
	flex-direction:column;
	opacity:0;
	transition: opacity 0.3s ease;
	pointer-events:none;
  }
  
  .preview-overlay.active {
	opacity:1;
	pointer-events:auto;
  }
  
  .preview-overlay .spinner {
	border:4px solid #ccc;
	border-top:4px solid #fff;
	border-radius:50%;
	width:20px;
	height:20px;
	margin-bottom:5px;
	animation: spin 1s linear infinite;
  }
  
  @keyframes spin {
	to { transform: rotate(360deg); }
  }
  
  .side-buttons {
	display: flex;
	flex-direction: column;
	position: relative;
	/* Adjust top alignment to match top of preview */
	margin-top: 0; 
  }
  
  .action-btn {
	background: #444;
	border: 1px solid #555;
	color: #fff;
	margin-bottom: 5px;
	padding: 5px 10px;
	cursor: pointer;
  }
  .action-btn:hover {
	background: #333;
  }

  .live-status {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	width: 100%;
	max-width: 100%;
  }
  
  /* Username placeholder text */
  .username-placeholder {
	font-weight: bold;
    display: inline-block; 
    max-width: 165px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
	margin-right: 5px;
}
  
  /* Online dot next to username */
  .online-dot {
	width: 8px;
	height: 8px;
	background: red;
	border-radius: 50%;
	margin-left: auto;
  }
  
  /* View All link */
  .view-all {
	display: inline-block;
	color: #fff;
	background: #333;
	padding-top: 3px;
	text-decoration: none;
	border: 1px solid #444;
	width: 100%;
  }
  
  .view-all:hover {
	background: #444;
  }
  
  .external-icon {
	width: 14px;
	height: 14px;
	fill: #fff;
	margin-left: 5px;
  }
  
  .close-top-row {
	color:#fff;
	font-size:20px;
	position:absolute;
	top:-22px;
	right: 3px; 
	background: #000;
	border: 0;
	border-radius:50%;
	padding: 0;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	cursor:pointer;
  }

#live-chat-1 {
	aspect-ratio: calc(var(--thumbnail-width) / var(--thumbnail-height));
	box-sizing: border-box;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: var(--gutter-desktop);
	margin: 0 auto;
	padding: 0 10px;
	max-width: calc(2 * var(--thumbnail-width) + var(--gutter-desktop));
	min-height: calc(2 * var(--thumbnail-height) + var(--gutter-desktop));
	text-align: center;
}

#live-chat-1 div img {
	max-width: 100%;
	height: auto;
}

.embed-item a {
	position: relative;
	display: inline-block;
  }
  
  .embed-item a::after {
	content: "";
	position: absolute;
	top: 5px;
	right: 5px;
	width: 10px;
	height: 10px;
	background: green;
	border-radius: 50%;
	box-shadow: 0 0 0 2px #fff; /* optional white border to stand out */
  }

@media (min-width: 568px) {
	#live-chat-1 {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: var(--gutter-desktop);
		margin: 0 auto;
		padding: 0 10px;
		max-width: var(--thumbnail-width) + var(--gutter-desktop);
	}
}

.gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: auto;
    gap: 10px;
	max-width: 100%;
}

.gallery .gallery-item {
    grid-column: auto;
    grid-row: auto;
}

.gallery .live-chat {
    grid-column: span 2;
    grid-row: span 2;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 600px) {
    .gallery {
        grid-template-columns: repeat(3, 1fr);
    }
}


  @media (max-width: var(--mobile-breakpoint)) {
	#live-chat-1 {
	  grid-gap: var(--gutter-mobile);
	  padding: var(--gutter-mobile);

	  min-height: calc(2 * var(--thumbnail-height) + var(--gutter-mobile));
	}
  }

/* bootstrap icons */  
.bi {
    display: inline-block;
    vertical-align: -.125em;
    fill: currentcolor;
	width: 1em;
	height: 1em;
}