/*
Theme Name: Koplin Del Rio
Theme URI: http://pleyground.design/
Author: pley.ground
Author URI: http://pleyground.design
Description: Flat Bootstrap by XtremelySocial is a modern, fully responsive, "flat" style theme with a nice color palette, big full-width images, and full-width colored sections. It automatically adapts for desktops, tablets, and phones. It is based on the WordPress standard starter theme (_S) and the Twitter Bootstrap CSS framework. Features include a mobile navigation bar, multiple columns (grid), buttons, icons, labels, badges, tabbed content areas, collapsible content areas, progress bars, alert boxes, carousels (sliders) and much, much more. This is a theme for both users and theme developers with lots of features but without the bloat. For a live demo go to http://xtremelysocial.com/wordpress/flat/. PLEASE NOTE: Version 1.9 has had a major "spring cleaning" of the functions, templates, and CSS. Please be sure to test it out on your site.
Version: 1.9
License: GNU General Public License
License URI: http://www.opensource.org/licenses/GPL-3.0
Text Domain: flat-bootstrap
Domain Path: /languages/
Tags: one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, featured-images, featured-image-header, full-width-template, flexible-header, theme-options, sticky-post, threaded-comments, light, translation-ready, rtl-language-support, custom-background

Flat Bootstrap WordPress theme, Copyright (C) 2014 XtremelySocial
Flat Bootstrap WordPress theme is licensed under the GPL.
See readme.txt file for license information on components used in this theme.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
# Elements
# Forms and Buttons
# Navigation
	## Links
	## Menus
# Content
	## Header
	## Footer
	## Posts and pages
	## Comments
# Media
	## Captions and Galleries
# Widgets & Plugins
	## Widgets
	## Plugins

--------------------------------------------------------------*/

/*
 * Note that most styles are handled already in our custom bootstrap.css, theme-base.css,
 * and theme-flat.css files. 
 *
 * We have put comments next to some of the styles to show what our custom bootstrap.css
 * defaults to in case we (or anyone) wants to put these into custom bootstrap.css
 * instead. 
 */


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/*
 * The cool thing about Lato and Raleway fonts is that they look great at light (300) and
 * regular (500) font weight. So we only use bold (700) sparingly.
 */
@font-face {
font-family: 'Aeonik';
src: 	url(/wp-content/themes/KoplinDelRio/f/Aeonik-Light.ttf) format('truetype');
    font-style: normal;
}
@font-face {
font-family: 'Agipo';
src: 	url(/wp-content/themes/KoplinDelRio/f/Agipo_Light_Italic.ttf) format('truetype'),
		url(/wp-content/themes/KoplinDelRio/f/agipo-regular.ttf) format('woff2');
	font-weight: normal;
    font-style: normal;
}
@font-face {
font-family: 'Agipo-Regular';
src: 	url(/wp-content/themes/KoplinDelRio/f/agipo-regular.woff2) format('woff2');
	font-weight: normal;
    font-style: normal;
}


body {
	font-family: 'Aeonik';
    font-weight: 300; /*Bootstrap is 500;*/
    font-size: 12pt; /*BS is 16px;*/
	background: white;
	color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
     text-rendering: optimizeLegibility;
    font-feature-settings:"ss05";
    -webkit-font-feature-settings:"ss05";
    -moz-font-feature-settings:"ss05";
}

h1,   
h4, 
h5, 
h6 {
	font-family: 'Agipo-Regular', sans-serif; /*"Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-size: 10.5rem;
	color: #000000;
    letter-spacing: -.065em;
}

h2{
	font-family: 'Agipo', sans-serif; /*"Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-size: 5.5rem;
    line-height: 1.5em;
    letter-spacing: -.0125em;
    float:right;
    color:black;
}
h2.proj_st{width: 75%}

.location{
    line-height: .25em;
    float: right;
}
h3{
	font-size: 2.5rem;
    letter-spacing: -.025em;
	font-family: 'Agipo-Regular', sans-serif; /*"Helvetica Neue", Helvetica, Arial, sans-serif;*/
}

/* Lighten the h1-h3 headings so you can use <b> tags to have certain words stand out */
h1, 
h3 {
    font-weight: 400; /*BS is 500 for h1-h6, including .h1-.h6*/
	padding-bottom: 2%;
    margin: 0px;
}

p{
	font-family: 'Aeonik', sans-serif; /*"Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-size: 12pt;
    line-height: 1.75em;
}
h1{
    padding-top: 4%;
}

.abt_kdr{
    width: 49%;
}

.post-grid .no-post-found{
    display: none;
}
div#xsbf-entry-content{display: none;}
.b{font-weight: bold;}

body::-webkit-scrollbar {
    width: 1px;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
}
 
body::-webkit-scrollbar-thumb {
  background-color: black;
}
.page-template-maintenance #logo_container{
    visibility: hidden;
}
.page-template-maintenance #site-navigation{
    visibility: hidden;
}
.page-template-exhibitions-php #post-grid-106.post-grid{
    overflow: visible;
}

.page-template-exhibitions-php #post-grid-106.post-grid .srpw-thumbnail{
    width: 200px !important;
}


/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

/* Increase font size on article "lead" (usually for an "intro" paragraph */
.lead {
	font-size: 22px; /*18px, but goes to 24px @768 browser width */
}

/* Style code tag like pre tag */
code {
    /*color: #2f2f2f;
    background-color: #f5f5f5; Moved to bootstrap.css*/
	border: 1px solid #ccc;    
}

/* Remove a bit of margin since Bootstrap h1-h3 tags already have 22px top margin */
 hr {
    margin: 16px 0; /*22px 0;*/
}

/*
 * Override margins on jumbotron in case someone uses it like a colored "section" from
 * this theme. Note: Moved here from theme-base.css.
 */

/* 
 * Set block quote footer (author) to larger font size. BS quote is 20px, but footer
 * is only 14px for some reason. 
 */
blockquote footer {
	font-size: 18px;
}

::selection{
	background: rgba(0,0,0,0.99);
	color: #000;
}
.adios{display: none;}
body.page-template.page-template-maintenance_page_fw.page-template-maintenance_page_fw-php.page.page-id-737 .site-header{display: none;}
/*--------------------------------------------------------------
# Forms and Buttons
--------------------------------------------------------------*/

/* Tone down field labels on forms, comments section, etc. */
label {
	font-weight: 300;
}

/* Match the default font color */
.form-control {
	color: #555;
}

/* 
 * Generically set input buttons to look like Bootstrap, but set colors below that to make
 * it easier for users to override. Match Bootstrap btn-primary styles.
 */
button,
html input[type="button"],
input[type="submit"] {
    background-image: none;
	font-size: 14px;
	line-height: 22px;
	padding: 6px 12px;
    border: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 0px;
    outline: 0;
    width: 25%;
}
button:hover, 
button:focus,
html input[type="button"]:hover, 
html input[type="button"]:focus,
input[type="submit"]:hover, 
input[type="submit"]:focus {
    outline: 0;
}

/* Set colors for input buttons (Search, Reply). Change these in your child theme. */
button,
html input[type="button"],
input[type="submit"] {
    color: white;
    background-color: black;
    border: thin solid black;
    border-radius: 0px;
}
button:hover, 
button:focus,
html input[type="button"]:hover, 
html input[type="button"]:focus,
input[type="submit"]:hover, 
input[type="submit"]:focus {
    color: black;
    background-color: transparent;
    border: thin solid black;
    border-radius: 0px;
}
/* photowsipe */
.pswp__bg{background: white;}
.pswp__caption__center{color: black;}
.pswp__ui--fit .pswp__top-bar, .pswp__ui--fit .pswp__caption{background: transparent;}
.pswp__button:focus, .pswp__button:hover{border: none;}
.pswp__button--arrow--left:before, .pswp__button--arrow--right:before{background:transparent;}

/* Bootstrap uses "active" style on the <li>, but WordPress paginate_links() uses 
 * "current" in a <span> tag on the link. Also set the hover to match the primary button
 * color. 
 */
.pagination>li>a, 
.pagination>li>span,
span.page-numbers.current {
	color: #16a085;
}
.pagination>li>a:hover, 
.pagination>li>span:hover, 
.pagination>li>a:focus,
.pagination>li>span:focus,
span.page-numbers.current {
	z-index: 2;
	color: #fff;
    background-color: #16a085;
    border-color: #16a085;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
    background: transparent;
    font-style: italic;
    color: black;
}


/* Force search field to not be rounded on iOS devices */
input.search-field {
	-webkit-appearance: none !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}
/*--------------------------------------------------------------
# Structure
--------------------------------------------------------------*/

#page{
	margin: 0px;
    max-width: 100vw;
}
.container{
	width: 100vw;
}

#s1{
    padding-top: 5%;
}

#s2{
    height: auto;
    border-bottom: thin solid black;
    padding-bottom: 5%;
}
#s2.pads{
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    border-bottom: none;
}
#s3{
    height: auto;
    padding-bottom: 1%;
}

#s3 h3{
    padding-bottom: 0px;
}

#s3 p{
    padding-bottom: 3%;
}
.copy{
    display: table-cell;
    vertical-align: middle;
    
}

.e_sm{height: 5vh;}
.e_sm2{height: 2vh;}
.e{height: 15vh;}
.mc4wp-form-fields p{
    padding-bottom: 1% !important;
}
p{width: 75%;}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.navbar-nav{
	padding-top: 1vh;
}
.navbar-nav>li{
    font-family: 'Agipo-Regular', sans-serif;
    display: table;
    height: 5.5vh;
    width: 10vw;
}
.nav>li>a{
	padding: 0px;
	font-size: 1.75rem;
}

.navbar-default .navbar-nav>li>a:hover{
	color: black;
    text-decoration: decoration;
    font-style: italic;
}

.navbar-default{
	background:transparent;
	border: none;
}
.navbar-default .navbar-nav>li>a{
	color: black;
    display: table-cell;
    vertical-align: bottom
}

h2.current_ex{
    text-align: right;
    width: 100vw;
    margin-top: 0px;
    }
	

.bt h1{
    text-align: right;
    display: table-cell;
    vertical-align: bottom;
    width: 10vw;
}

.bt{
    display: table;
    height: 53vh;
    width: 100%;
}


/*--------------------------------------------------------------
# Logo
--------------------------------------------------------------*/
#logo_container{
    display: table;
    height: 6.5vh;
}
#logo{
    font-family: 'Agipo-Regular', sans-serif;
    letter-spacing: .05em;
    text-transform: uppercase;
    display: table-cell;
    vertical-align: bottom;
	font-size: 1.75rem;
    line-height: 1.25em;
}
#logo:hover{
    text-decoration: none;
}
a#logo_container:hover{
    text-decoration: none;
}

time-plugin-preloader{
-moz-background-size: 300px 200px !important;
    -o-background-size: 300px 200px!important;
    -webkit-background-size: 200px 300px!important;
    background-size: 300px 200px !important;}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

/*
 * Generically style the links here. Set colors below to make it easier for users to 
 * override.
 */
a{
	color: black;
	font-size: 100%;
}

a:hover,
a:focus {
    outline: 0;
	color: black;
    font-style: italic;
    text-decoration: none;
}
a:before,
a:after,
a:hover i:before,
a:focus i:before {
    -webkit-transition: color .1s ease-in, background .1s ease-in;
    -moz-transition: color .1s ease-in, background .1s ease-in;
    -ms-transition: color .1s ease-in, background .1s ease-in;
    -o-transition: color .1s ease-in, background .1s ease-in;
    transition: color .1s ease-in, background .1s ease-in;
}
ul.simple-links-list{
    padding-left: 0px;
}

/* home page links */

h1 a{
}
/* home page post links */
a .title:hover{
	text-decoration: underline;
}
a .title{
	position:initial;
}
.post img:hover .title{
	text-decoration: underline;
}

#pr a .title:hover{
	position: relative;
	margin-bottom: -.4em;
}

#pr .post:hover .title{
	padding-bottom: .4em;
	border-bottom: thin solid black;
	background: #FFFAD6;
	position: relative;
	z-index: 10;
	display: block;
	margin-bottom: -.4em;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

/* Since we lightened the body font, make the site title regular font weight */
.navbar-brand {
	font-weight: 500;
	/*height: 50px; BS already 50px*/ /* Fixes layout if nav bar wraps before collapsing for mobile */
}

/* 
 * Line up the navbar with the header and page content (it's in a container, but not a
 * row) 
 */
div.navbar-collapse.collapse {
	margin-left: 0px;
	margin-right: -15px;
}

/* Since we lightened the body font, increase font weight on active tab */
.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus {
	color: inherit;
	font-weight: 500;	
}

.page-id-7 #s2 .col-lg-4{
    width: 33.33333333%;
}

.page-id-45 #s2 .col-lg-4{
    width: 33.33333333%;
}


nav#site-navigation{
	z-index: 9999;
}
.navbar-default{background: transparent;}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
#np{
	background: #f7f7f7; 
	height:100%; 
	padding-top: 75px;
	position: fixed;
}
li.simple-links-item{
    display: inline-block;
    padding-bottom: 5%;
}
.simple-links-item a{
    font-family: 'Agipo-Regular', sans-serif;
    font-size: 2rem;
    line-height: 1.1;
}

li.srpw-li.srpw-clearfix:hover a.srpw-img{
    display: block;
}
a.srpw-img{
    display: none;
    position: absolute;
    z-index: -1;
    left:-20vw;
    top: -3vh;
}
.srpw-thumbnail{
    height: auto !important;
    width: 250px !important;
}

h1.ex.ln{
    padding-top: 0px;
    padding-bottom: 8%;
}
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/

/* Set content (page title) header to midnight blue */
.content-header {
	color: black;
}
.content-header h1, 
.content-header h2, 
.content-header h3 {
	color: #fff;
}
header#masthead{
	background: white;
    border-top: thin solid black;
    border-bottom: thin solid black;
    position: fixed;
    z-index: 999999;
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
footer#colophon{
    border-top: thin solid black;
}
#colophon svg:hover{
    fill: #999999;
    
}
/* p */

footer#colophon p{
    font-size: 9pt;
}
.footer_logo_container{
    display: table-cell;
    vertical-align: bottom;
}

footer#colophon .col-lg-6{
	height: 175px;
	display: table;
}
footer#colophon .col-lg-7{
	height: 175px;
	display: table;
}
#footer_logo{
    width: 115px;
    padding-bottom: 3%;
}
.sm_container{
    display: table-cell;
    vertical-align: bottom;
}
.sm_container img{
    margin-right: 2%;
    padding-bottom: 25px;
}

.em{
	letter-spacing: -1.5px;	
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

/* Reduce the size of post entry meta (date, author) */

/* nav */
.nxt .wp-post-navigation-next{ display: none;}
.prev .wp-post-navigation-pre{display: none;}
.wp-post-navigation div a:after{display: none;}
.wp-post-navigation-pre{ padding-left: 0px;}
.wp-post-navigation-next{padding-right: 0px;}
.listo p{font-size: 80%; text-align: center;}

.title{
    padding-left: 0px !important;
    font-family: 'Agipo-Regular', sans-serif;
    font-size: 14pt !important;
}

.srpw-block a.srpw-title{
    font-family: 'Agipo-Regular', sans-serif;
    font-size: 2.5rem;
    line-height: 1.1;
}
.srpw-block a.srpw-title:hover{
    font-style: italic;
}

.srpw-summary{
    padding-top: 0px !important;
    margin-top: -5px !important;
    margin-left: 1%;
}
li.simple-links-item a:hover{
    text-decoration: none;
    font-style: italic;
}

.item.skin.flat:hover .title{
    font-style: italic;
}
.excerpt{
    padding-top: 0px !important;
    padding-left: 0px !important;
}

.layer-wrapper{
    border-top: thin solid black;
    border-bottom: thin solid black;
    padding-top: 2%;
}

.post-grid .grid-items{
}
.skin.flat.even{
    margin-top: 10% !important;
}

.srpw-classic-style li{
    border-bottom: 0px thin black !important;
}
#post-grid-83 .element_1{
    display: none !important;
}
#post-grid-43{
    background: transparent !important;
}
.ar_lnk{
font-size: 14pt;
line-height: 2.75em;
text-transform: uppercase;
}


/*exhibit posts*/
header.content-header{
    display: none;
}
h1.ex{text-align: right;
    line-height: .9em;
}
h1.ln{text-align: right;
    line-height: .45em;
}h3.ex_artist{
    text-align: right;
    font-size: 5rem;
}
.ex_date{
    font-size: 12pt;
    line-height: 14px;
    text-align: right;
    width: 100%
}
.ar_date{
    font-size: 12pt;
    line-height: 14px;
    text-align: right;
    width: 100%
}
.ex_art{
    padding-top: 5%;
}
#worx img.attachment-medium_large.size-medium_large{
}
.ex_wrp{
    width: 48.5%;
    padding-right: 10%;
    padding-bottom: 5%;
    display: inline-block;
}
.ex_wrp p{
    font-style: italic;
    color: #999999;
    line-height: 1.25em;
    padding-top: 2%;
    font-size: 8pt;
}
/* lighbox */
.nivo-lightbox-theme-default.nivo-lightbox-overlay{
    background: rgb(255, 255, 255, 0.97);
}
.nivo-lightbox-theme-default .nivo-lightbox-next{
    background-size: 24px 24px;
}
.nivo-lightbox-theme-default .nivo-lightbox-prev{
    background-size: 24px 24px;
    background-image: url(/wp-content/themes/KoplinDelRio/i/left_arrow.svg);
}
.nivo-lightbox-theme-default .nivo-lightbox-next{
    background-image: url(/wp-content/themes/KoplinDelRio/i/right_arrow.svg);
}
html body .niso-caption h6::after{
    background-color: white;
}

h3.ex_dwnld{
    padding-top: 3%;
    font-size: 1.75rem;
    display: inline-block;
}
/* carousel */
.nivo-lightbox-theme-default .nivo-lightbox-nav:hover{
    background-color: transparent;
}
.owl-theme .owl-nav [class*="owl-"] i:after{
    background-color: transparent !important;
}
.owl-item{
    width: auto !important;
}
.owl-stage-outer img{
    height: 65vh;
    width: auto !important;
}
.owl-stage-outer{
    overflow: visible !important;
}
.owl-carousel.niso-carousel .niso-caption.simple h6{
    width: 277px;
    font-size: 8pt;
}
.postid-73 .owl-carousel.niso-carousel .niso-caption.simple h6{
width: 150px;
}
#niso-carousel-733 .owl-stage-outer img{
    height: 37.75vh;
}

html body .niso-caption h6{
    color: black;
    text-align: left;
    font-style: italic;
    font-family:Aeonik, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
    letter-spacing: 0px;
    color: #999999;
}
.niso-caption.simple{
    background: white;
}


img.ex_lg_work{
    width: 100%;
}
#post-grid-258{
    margin-top: -5%;
}
#post-grid-258 .item{
    background:transparent;
}
.item.item-260.skin.flat.even{
    padding-top: 8% !important;
    margin-top: 0px !important;
    background: transparent !important;
}
img.attachment-large.size-large.wp-post-image{
    width: 100%;
    padding-top: 1%;
}
.upw-posts .entry-image{
    margin-bottom: -5px !important;
}
.page-template-home-php .upw-posts.hfeed{
    width: 95vw;
    margin-left: 1.25%;
    mix-blend-mode: difference;
    margin-bottom: 2.25%;
}

.page-template-home-php .upw-posts article.post.type-post.status-publish.format-standard.has-post-thumbnail.hentry.category-current-large.category-exhibition{
    margin-left: 0%;
}

article.post.type-post.status-publish.format-standard.has-post-thumbnail.hentry.category-current-large.category-exhibition{
    border-top: thin solid black;
    border-bottom: thin solid black;
    width: 97.5vw;
    margin-left: 1.25%;
}

.upw-posts .entry-content>:last-child, .upw-posts .entry-summary>:last-child{
    margin-bottom: -15px !important;
    line-height: 10px;
}
.upw-posts .entry-title{
    font-size: 14pt;
}
.page-template-home-php .upw-posts .entry-title a{
    mix-blend-mode: difference;
    color: white;
}
.page-template-home-php .upw-posts .entry-summary p{
    mix-blend-mode: difference;
    color: white;
}

.upw-posts .entry-title a:focus, .upw-posts .entry-title a:hover{
    text-decoration: none !important;
}
p.upw-not-found{
    visibility: hidden;
}

.section-image{
    display: none;
}

article.post{
    display: none;
}

.gal{ padding-top: 6%;}

.ev_photos img{
    padding-bottom: .5%;
}
.ev_photos{padding-top: 3.5%; padding-bottom: 3%;}
.ev_ttl h3{padding-top: 5%;}
.invis{display: none;}

/* press links */
img.attachment-medium.size-medium.wp-post-image{
    padding-bottom: 4%;
    width: 100%;
}
span.link-description p{
    width: 100%;
}
li.simple-links-item{
    width: 33%;
    padding: 2.5%;
}
.mp{padding-bottom: 5%;}   
    /* 404 */

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

/* Reduce the size of comment edit link */
.comment-edit-link {
	font-size: 16px;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

/* info page images */


/*--------------------------------------------------------------
## Captions and Galleries
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Widgets and Plugins
--------------------------------------------------------------*/
.blk{
	color:black;
	font-size: 1.5rem;
	line-height: 2.25em;
}
/*--------------------------------------------------------------
## Widgets
--------------------------------------------------------------*/

/* Get Jetpack Popular Posts Widget to look like other thumbnail posts */
.widgets-list-layout-links {
	float: left !important;
	margin-left: 15px !important;
	/*margin-left: 1.625em !important;*/
}

/*--------------------------------------------------------------
## Plugins
--------------------------------------------------------------*/

/* Format Jetpack contact form with Bootstrap's form-control tag. */
form.contact-form input[type='text'], 
form.contact-form input[type='email'], 
form.contact-form textarea {
    display: block;
    width: 98%;
    height: 36px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.428571429;
    color: #a1a1a1;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
form.contact-form input[type='text']:focus, 
form.contact-form input[type='email']:focus, 
form.contact-form textarea:focus {
    color: #555;
}
input[type="email"]{
    border:thin solid black;
    padding-left: 1%;
    width: 75%;
    height: 35px;
}
.pswp__top-bar, .pswp__caption{ background-color: transparent;}

@media screen and (max-width: 767px) {
/* header */
header#masthead{
    height: 7vh;
    }
/*nav*/
.navbar-nav{
	padding-top: 25vh;
	float: none;
	text-align: center;
}
nav#site-navigation{
	right: 0%;
	}	
.navbar-default{
	width: 100vw;
    margin-left: -15px;
	}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	height: 100vh;
	background: white;
	position: relative;
	top: -11.25vh;
	z-index: -1;
    border: none;
	}
  
.navbar-default .navbar-nav>li>a{
	font-size: 13pt;
	line-height: 1.75em;
	}
.navbar-nav>li{
    width: 100vw;
    }
.navbar-toggle{
	position:relative;
	float:right;
	margin-right:-20px;
	padding:0px;
	margin-top:12px;
	margin-bottom:8px;
	background-color:transparent;
	background-image: url(/wp-content/themes/KoplinDelRio/i/menu.png);
	border:none;
	border-radius:0px;
	background-size:135px;
	background-repeat: no-repeat;
	background-position:center;
	width:100px;
    height:54px;
    top: -45px;
	}
.navbar-default .navbar-toggle .icon-bar{
	background: transparent;
    border: none;
	}
.navbar-default .navbar-toggle:hover{
	background-color: transparent;
    border: none;
	}  
    /* footer */
#footer_logo{
    width: 25%;
    padding-bottom: 10%;
    }
.sm_container{
    vertical-align: top;
    padding-top: 5%;
    width: 100vw;
    } 
.sm_container svg{
    margin-right: 10%;
    }
footer#colophon{
    height: 275px;
    padding-top: 5%;
    }     
}

/* iPhone */
@media screen and (max-width: 600px) {
 /*home */   
.page-template-home-php .upw-posts.hfeed{
    margin-left: 10px;
    }
 .abt_kdr{
    width: 100%;
    padding-top: 20%;
}
li.simple-links-item{padding: .65%;}   
aside#sticky-posts-2{
    padding-left: 3%;
    }
article.post.type-post.status-publish.format-standard.has-post-thumbnail.hentry.category-current-large.category-exhibition{
    margin-left: 10px;
    }
header#masthead{
    height: 6.5vh;
    }  
li.srpw-li.srpw-clearfix:hover a.srpw-img{
    display: none !important;
}    
/*nav*/
.navbar-nav{
	padding-top: 25vh;
	float: none;
	text-align: center;
}
nav#site-navigation{
	right: 0%;
	}	
.navbar-default{
	width: 100vw;
    margin-left: -15px;
	}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	height: 100vh;
	background: white;
	position: relative;
	top: -11.25vh;
	z-index: -1;
    border: none;
	}
  
.navbar-default .navbar-nav>li>a{
	font-size: 13pt;
	line-height: 1.75em;
	}
.navbar-nav>li{
    width: 100vw;
    }
.navbar-toggle{
	position:relative;
	float:right;
	margin-right:-20px;
	padding:0px;
	margin-top:12px;
	margin-bottom:8px;
	background-color:transparent;
	background-image: url(/wp-content/themes/KoplinDelRio/i/menu.png);
	border:none;
	border-radius:0px;
	background-size:135px;
	background-repeat: no-repeat;
	background-position:center;
	width:100px;
    height:54px;
    top: -48px;
	}
.navbar-default .navbar-toggle .icon-bar{
	background: transparent;
    border: none;
	}
.navbar-default .navbar-toggle:hover{
	background-color: transparent;
    border: none;
	}    
.pswp__top-bar, .pswp__caption{ background-color: transparent;}
    
    /* footer */
#footer_logo{
    width: 25%;
    padding-bottom: 10%;
    }
footer#colophon p{ font-size: 8pt;}
.sm_container{
    vertical-align: top;
    padding-top: 5%;
    width: 100vw;
    } 
.sm_container svg{
    margin-right: 10%;
    }
footer#colophon{
    height: 275px;
    padding-top: 5%;
    }   
    
/* typography */
p{width: 100%; font-size: 10pt;}    
h1, h4, h5, h6{
    font-size: 5.5rem;
    }    
h2{
    font-size: 3.5rem;
    line-height: .5em;
    }    
h3{
    font-size: 2rem;
    }   
.srpw-block a.srpw-title{
    font-size: 2rem;
    }  
.ch{padding-top: 10% !important;}    
#nws{
    float: left;
    }    
    
/* home */    
.item.skin.flat.odd{
    padding-right: 1% !important;
    padding-bottom: 50px !important;
    }
.item.item-44.skin.flat.even{
    padding-right: 1% !important;
    padding-bottom: 125px !important;
    } 
.item.item-58.skin.flat.even{   
    padding-bottom: 125px !important;
}
h2.current_ex{
    text-align: right;
    width: 100vw;
    }
h2.currnt_ex{
    text-align: right;
    width: 100vw;
    }
    /* structure */
#s3{
    padding-top: 0%;
    padding-bottom: 8%;
    }
img.mp{padding-bottom: 15%;} 
#s1 h1{ padding-top: 20%;}  
.upw-posts .entry title{font-size: 12pt;}
#s3 h2{
    margin-bottom: 15%;
    padding-top: 5% !important;
    }
/* artist page */
.ar_lnk{ font-size: 12pt;}
/* exhibit post */    
h3.ex_artist{
    font-size: 2rem;
    }    
.ex_date{
    font-size: 1.25rem;
    }
.ar_date{
    font-size: 1.25rem;
    line-height: 0px;
    }
#worx img.attachment-medium_large.size-medium_large{
    padding-left: 4%;
    padding-right: 4%;
    }
.wrds{
    padding-top: 14%;
    padding-bottom: 18%;
    }    
.ev_photos img{
    padding-top: 5%;
    padding-bottom: 5%;
    width: 100%;
    }
.ev_photos{
    padding-right: 0px;
    }
.ev_ttl{padding-top: 5%;}
.srpw-summary p{margin-top:5px;}
    
/* artist post */    
.ex_art{
    padding-top: 15%;
    padding-bottom: 8% !important;
    }  
h1.ex.ln{
    padding-top: 0% !important;
    padding-bottom: 15%;
    }
.e{ height: 5vh;} 
h3.ex_dwnld{
        padding-bottom: 15%;
    }
.owl-item{
    width: 340px !important;
    }  
.owl-stage-outer img{
    height: auto;
    width: 100% !important;
    }
.slick-list{ overflow: visible;} 
.slick-next, .slick-prev{
    display: none !important;
    }
#niso-carousel-733 .owl-stage-outer img{
    height: auto;
    
}.owl-item .item{
    width: 85%;
    margin: 0 auto;
    }
    
.owl-carousel.niso-carousel .niso-caption.simple h6{
    width: 100%;
    }
h1.ex_f{
    text-align: right;
    } 
/* news */
li.simple-links-item{
    width: 100%;
    margin-bottom: 5%;
}
.simple-links-item a{ font-size: 1.75rem;}    
}
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) {  
	/* iPhone landscape */
header#masthead{
        height: 7.5vh;
    } 
li.srpw-li.srpw-clearfix:hover a.srpw-img{
    display: none !important;
}  
.page-template-home-php .upw-posts.hfeed{
   margin-left: -.5%;
    width: 98vw;
    }
    
    /*nav*/
.navbar-nav{
	padding-top: 25vh;
	float: none;
	text-align: center;
}
nav#site-navigation{
	right: 0%;
	}	
.navbar-default{
	width: 100vw;
    margin-left: -15px;
	}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	height: 100vh;
	background: white;
	position: relative;
	top: -16.95vh;
	z-index: -1;
    border: none;
	}
  
.navbar-default .navbar-nav>li>a{
	font-size: 12pt;
	line-height: 1.75em;
	}
.navbar-nav>li{
    width: 100vw;
    }
.navbar-toggle{
	position:relative;
	float:right;
	margin-right:-5px;
	padding:0px;
	margin-top:12px;
	margin-bottom:8px;
	background-color:transparent;
	background-image: url(/wp-content/themes/KoplinDelRio/i/menu.png);
	border:none;
	border-radius:0px;
	background-size:145px !important;
	background-repeat: no-repeat;
	background-position:center;
	width:100px;
    height:54px !important;
    top: -48px !important;
	}
.navbar-default .navbar-toggle .icon-bar{
	background: transparent;
    border: none;
	}
.navbar-default .navbar-toggle:hover{
	background-color: transparent;
    border: none;
	}   
aside#sticky-posts-2{
    padding-left: 1.5%;
    }    
article.post.type-post.status-publish.format-standard.has-post-thumbnail.hentry.category-current-large.category-exhibition{
    width: 98vw;
    margin-left: -1.25% !important;
    }
.owl-stage-outer img{
    height: 60vh;
    }
.owl-carousel.niso-carousel .niso-caption.simple h6{
    width: 200px;
    }
.abt_kdr{
    padding-top: 8%;
    }
h1.ex.ln{ padding-top: 0px !important; padding-bottom: 10%;}
.simple-links-item a{ font-size: 1.75rem;}
p{font-size: 10pt;}
.ar_lnk{font-size: 10pt;}
    /* footer */
#footer_logo{
    width: 25%;
    padding-bottom: 10%;
    }
.sm_container{
    vertical-align: top;
    padding-top: 5%;
    width: 65vw;
    } 
.sm_container svg{
    margin-right: 10%;
    }
footer#colophon{
    height: 275px;
    padding-top: 5%;
    } 
/* typography */
#nws{
    float: left;
    }    
h1, h4, h5, h6{
    font-size: 8.5rem;
    }  
#s1 h1{ padding-top: 8%;}
h2{
    font-size: 4.5rem;
    line-height: 1em;
    }    
h3{
    font-size: 2rem;
    }  
/* exhibition post */
#worx img.attachment-medium_large.size-medium_large{
    padding-left: 4%;
    padding-right: 4%;
    }
.col-lg-6.wrds{
    padding-top: 10%;
    padding-bottom: 10%
    }
.ev_photos img{
    width: 49.5%;
    }
.ev_photos{
    padding-right: 0px;
    padding-top: 5%;
    padding-bottom: 10%;
    }
.ev_ttl{
    padding-top: 10%;
    }
/* artist post */
.ex_art{
    padding-bottom: 10% !important;
    }    
img.mp{padding-bottom: 15%;}  
h1.ex_f{
    text-align:right;
    }    
}

@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait) { 
    /* ip plus */
.owl-item{
    width: 379px !important;
    }
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : portrait) { 
	/* ipx Portrait */
.page-template-home-php #s2{
    padding-bottom: 10%;
    }
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	top: -10vh;
	}

}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape) {	
/* ipx landscape */  
#logo_container{
    display: table;
    height: 10vh;
}
.page-template-home-php .upw-posts.hfeed{
   margin-left: 1%;
    width: 98vw;
    }
.page-template-home-php #s2{
    padding-bottom: 5%;
    }
/*nav*/
.navbar-nav{
	padding-top: 25vh;
	float: none;
	text-align: center;
}
nav#site-navigation{
	right: 0%;
	}	
.navbar-default{
	width: 100vw;
    margin-left: -15px;
	}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	height: 100vh;
	background: white;
	position: relative;
	top: -20vh;
	z-index: -1;
    border: none;
	}
  
.navbar-default .navbar-nav>li>a{
	font-size: 12pt;
	line-height: 1.75em;
	}
.navbar-nav>li{
    width: 100vw;
    }
.navbar-toggle{
	position:relative;
	float:right;
	margin-right:-5px;
	padding:0px;
	margin-top:12px;
	margin-bottom:8px;
	background-color:transparent;
	background-image: url(/wp-content/themes/KoplinDelRio/i/menu.png);
	border:none;
	border-radius:0px;
	background-size:145px;
	background-repeat: no-repeat;
	background-position:center;
	width:100px;
    height:54px !important;
    top: -48px;
	}
.navbar-default .navbar-toggle .icon-bar{
	background: transparent;
    border: none;
	}
.navbar-default .navbar-toggle:hover{
	background-color: transparent;
    border: none;
	}  
header#masthead{
        height: 12vh;
    } 
.owl-stage-outer img{
    height: 60vh;
    }
.owl-carousel.niso-carousel .niso-caption.simple h6{
    width: 200px;
    }
li.srpw-li.srpw-clearfix:hover a.srpw-img{
    display: none !important;}
article.post.type-post.status-publish.format-standard.has-post-thumbnail.hentry.category-current-large.category-exhibition{
    width: 98vw;
    margin-left: 0px;
    }  
.owl-stage-outer img{
    height: 60vh;
    }
.owl-carousel.niso-carousel .niso-caption.simple h6{
    width: 200px;
    }
 h1.ex_f{
    text-align: right;
    } 
   
    /* footer */
#footer_logo{
    width: 25%;
    padding-bottom: 10%;
    }
.sm_container{
    vertical-align: top;
    padding-top: 5%;
    width: 65vw;
    } 
.sm_container svg{
    margin-right: 10%;
    }
footer#colophon{
    height: 275px;
    padding-top: 5%;
    }     
    
    
} 


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1)  { 
	/* iPad Portrait */
a#logo_container{
    position: absolute;
    z-index: 999999;
    }
.navbar-nav{width: 50%; float: right;}
.navbar-nav>li{
    display: inline-table;
    float: none;
    padding-left: 8%;
    }  
h1.ex.ln{padding-top: 0px !important; padding-bottom: 10%;}
/* Home Page */ 
#s1 h1{padding-top: 10%;}
.abt_kdr{padding-top: 10%;}
aside#sticky-posts-2{
    padding-left: 1.5%;
    }  
.simple-links-item a{font-size: 1.75rem;}
li.srpw-li.srpw-clearfix:hover a.srpw-img{
    display: none !important;
}    
.item.skin.flat.odd{
    padding-right: 0% !important;
    }
.item.item-44.skin.flat.even{
    padding-right: 0% !important;
    } 
li.simple-links-item{
    width: 50%;
    }  
article.post.type-post.status-publish.format-standard.has-post-thumbnail.hentry.category-current-large.category-exhibition{
    margin-left: 1%;
    }    
/* footer */
#footer_logo{
    width: 25%;
    padding-bottom: 10%;
    }
.sm_container{
    vertical-align: top;
    padding-top: 5%;
    width: 50vw;
    } 
.sm_container svg{
    margin-right: 10%;
    }
footer#colophon{
    height: 275px;
    padding-top: 5%;
    } 
.page-template-home-php .upw-posts.hfeed{
    margin-left: 7px;
    }
/* About Page */    
img.mp{padding-bottom: 15%;}       
/* Press Page */  
#nws{
    float: left;
    }    
/* exhibition post */
#worx{
    padding-top: 5% !important;
    padding-bottom: 0% !important;
    }    
#worx img.attachment-medium_large.size-medium_large{
    padding-left: 4%;
    padding-right: 4%;
    }
.ev_photos img{
    width: 49.5%;
    }    
.ev_photos{
    padding-right: 0px;
    padding-top: 5% !important;
    padding-bottom: 15% !important;
    }
.wrds{
    padding-bottom: 10%;
    }    
.ev_ttl{
    padding-top: 10%;
    }
    
/* artist post */  
h1.ex_f{
    text-align: right;
    } 
.owl-stage-outer img{
    height: 400px !important;
    }
.owl-stage{
    width: 1500vw !important;
    }

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  { 
	
	/* ipad landscape */
    .navbar-nav{width: 50%; float: right;}
.navbar-nav>li{
    display: inline-table;
    float: none;
    padding-left: 8%;
    }  
h1.ex.ln{padding-top: 0px !important; padding-bottom: 10%;}
/* Home Page */ 
#s1 h1{padding-top: 10%;}
.abt_kdr{padding-top: 8%;}

.page-template-home-php .upw-posts.hfeed{
    margin-left: -.125%;
    width: 98vw;
    }    
li.srpw-li.srpw-clearfix:hover a.srpw-img{
    display: none !important;
}    
/* nav */
a#logo_container{
    position: absolute;
    z-index: 999999;
    }    
/* exhibition post */
#worx{
    padding-top: 5% !important;
    padding-bottom: 5% !important;
    }    
#worx img.attachment-medium_large.size-medium_large{
    padding-left: 4%;
    padding-right: 4%;
    }
.ev_photos img{
    width: 49.5%;
    }    
.ev_photos{
    padding-right: 0px;
    padding-top: 5% !important;
    padding-bottom: 15% !important;
    }
.wrds{
    padding-bottom: 10%;
    }    
.ev_ttl{
    padding-top: 10%;
    }
/* footer */
#footer_logo{
    width: 25%;
    padding-bottom: 10%;
    }
.sm_container{
    vertical-align: top;
    padding-top: 1%;
    width: 50vw;
    } 
.sm_container svg{
    margin-right: 10%;
    }
footer#colophon{
    height: 275px;
    padding-top: 5%;
    }   
/* artist post */
.ex_art{
    padding-bottom: 10% !important;
    }    
aside#sticky-posts-2{
    padding-left: 1%;
    }    
h1.ex_f{
    text-align:right;
    }  
article.post.type-post.status-publish.format-standard.has-post-thumbnail.hentry.category-current-large.category-exhibition{
    width: 98vw;
    margin-left: 0px;
    }    
    
}