/*
Author: Vico Rock Media
Date: November 2019

Use CSS to create mobile view for viewports up to 768px wide
*/

* {
	box-sizing:inherit  /* wp mobile menu default */
}

body.wri-nav.tag {
	margin-top: 0 !important;
}

body #wpadminbar {
	display:block !important;
}

#wrinav {
	display:none !important;
	height:0 !important;
}
#wrinav ul.topnav, .col-full #logo, #navigation, .sf-menu {
    margin: 0 !important;
}
#wrinav li.top-item, div.logout-button, #navigation, .sf-menu a, .lightbox-content, #footer {
    padding:0 !important;
}

.col-full,
.main_image_author,
body.home .post-pretitle, body.home .post-thumbnail,
.wp-pagenavi,
#footer,
#sidebar {
	display:none;
}
#wrapper {
	border:0;
}

#header,
#content,
#index, #single, #page, #our-team, #archive, #search, #author,
#main.fullwidth,
.post-content,
#comments,
#footer-widget {
	width:100%;
}

#page .search-form {
	width:100% !important;
}

body.tag {
	font: medium/normal 'Helvetic Neue', Helvetica, Arial, sans-serif;
	text-shadow: rgba(255,255,255,.2) 0 1px 0;
	-webkit-font-smoothing: antialiased;
}

#header {
	display:none;
	height:0;
}
#navigation {
	height:0;
}
.sf-menu ul li {
	width:0;
}

#content {
	padding-right:0;
	background-color:#ffffff;
}
#index {
	margin-left:0;
	margin-bottom:30px;
}

#single, #page, #our-team, #archive, #search, #author {
	box-sizing: border-box;
}
body.single { /* counter style.css removal for WP Mobile Menu */
	padding-top:50px;
}
body.page-template-searchpage #page, #search { /* Placeholder because no pretitle on page */
	margin-top:15px;
}

#single, #archive {
	padding-top:20px;
}
#single .post-meta {
	padding-bottom:10px;
}
.post .post-entry {
	margin-top:5px;
}
.post-entry p.wp-caption-text {
	margin-block-start: 0em;
	padding-top:0;
	line-height:130%;
}

#demo {
	border:0px !important;
	width:100%;
	height:auto;
	margin-bottom:0;
	box-shadow: inset rgba(0,0,0,.1) 0 0 24px;
	margin-top:0;
	position:relative;
}
#demo ul.demo-slider {
    width: 100%;
    height: 100%;
}
.demo-cell {
	width: 100%;
    height: 100%;
    overflow: hidden;
	max-height:230px;
	display:block;
	position:relative;
	opacity:0.85;
}
#demo ul li.main_image {
	top:0;
	height: 100%;
    width: 100%;	
    max-width: none!important;
    overflow: hidden;
	background-color: rgb(170, 170, 170, .4);
}
.main_image div.demo-cell {
 max-height: 230px;
    overflow: hidden;
    display: block;
    width: 100%;
}
.main_image img {
	width:110%; /* making it greater than 110 makes them fit full-height */
    top: 100%;
    left: 100%;
	min-width: 120%;
    max-width: 120%;    
    min-height: 100%; 
    width: auto;
    height: auto;
    z-index: -1;
    overflow: hidden;
	padding: 0;
}
.main_image p {
	padding:0;
}
.main_image .desc {
    top: 0;
}
.main_image .desc {
	background-color: rgb(170, 170, 170, .4);
}
.main_image .block {
	width:100%;
	left:0%;
	padding:0;
	border-top:0;
	opacity:1 !important;
}
.main_image_title {
	font-size:150%;
	line-height:130%;
	text-shadow: rgba(0,0,0,.6) 0 0 10px;
	position: absolute;
    bottom: 40%;
	font-weight:600;
	max-width:90%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
	text-overflow: ellipsis;
    left: 0;
    right: 0;
	letter-spacing: -.02em;
    display: -webkit-box;
	-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	height:60px;
}
.main_image_title:after{
	content: '\02026';
	display: inline-block;
	width: 0;
	height: 0;
	font-size:0;
	
}
.main_image_title a:link, .main_image_title a:visited {
	color: #fff !important;
}
.main_image_meta {
	text-shadow: rgba(0,0,0,.6) 0 0 10px;
    position: absolute;
    font-size: 75%;
    font-weight: 600;
    display: inline-block;
    bottom: 25%;
    z-index: 1;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    right: 0;
    left: 0;
	text-align:center;
    text-transform: uppercase;
}
div.main_image_desc {
	display:none;
}
ol.horinaja_pagination {
	right:auto !important;
	margin:0;
	position:absolute;
	text-align:center;
	text-shadow: rgba(0,0,0,.6) 0 0 10px;
	width:100%;
	padding-top:0;
	clear:none;
	height:35px;
}
ol.horinaja_pagination li {
	float:none;
	display:inline-block;
	height:40px;
	text-shadow: rgba(0,0,0,1.0) 0 0 10px;
	font-zie:1.1em;
}
ol.horinaja_pagination a:hover{
	text-decoration:none;	
}

.post-entry p {
	display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	line-height:165%;
}
.post-title {
	color: #000000;
    font-weight: 600;
	line-height:120%;
}

#post-grid {
	width:100%;
	border:0 none;
}
#post-grid.post-content {
	background-color:transparent;
}
#post-grid-left {
	width:100%;
	float:none;
}
#post-grid-right {
	width:100%;
	float:none;
}
.post-grid-post {
	width:100%;
	padding:0;
	border:0;
	font:medium !important;
}
.post-grid-post-cell {
	width:100%;
    position: relative;
    min-height: 80px;
	padding-top:10px;
	padding-bottom:10px;
	vertical-align: baseline;
}
.post-thumbnail-mobile, body.archive .post-thumbnail {
	display: block !important;
}
.post-thumbnail-mobile img, body.archive .post-thumbnail img {
	width:64px !important;
	height:64px !important;;
	-webkit-border-radius: 150px;
    border-radius: 150px;
	margin: 12px 10px 0;
	z-index:1;
	float:left;
}

#post-grid .post-title {
	display: inline-block;
    width: 65%;
    margin: 0 0 0 4px;
	text-transform:none;
    overflow: hidden;
    padding-top: 10px;
	margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	margin:0 0 0 4px;
}
.post-grid-post .post-title a {
	color: #fcaf16;
    font-size: 130%;
    line-height: 130%;
    font-weight: 400;
    font-style: normal;
	letter-spacing: -.02em;
}
.post-grid-post .post-author, .post-grid-post .post-excerpt {
	display:none;
}
#post-grid .post-meta, body.archive .post-meta {
	margin-top:0;
}
#post-grid .post-date {
    color: rgba(0,0,0,.5);
	display:block;
    font-size: 95%;
    margin-left: 88px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
#post-grid .post-desc, body.archive .post-desc {
	margin-top:0;
	display:inline;
}
#post-grid .more-arrow {
	border: 0;
    outline: 0;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 3%;
    top: 50%;
    margin-top: -10px;
    display: inline-block;
    width: 2em;
	text-align:center;
    margin-left: .2em;
}
#post-grid .bottom-border, body.archive .bottom-border {
	border-bottom: 1px solid rgba(0,0,0,.15);
    display: block !important;
    position: absolute;
    bottom: 0;
    left: 88px;
    right: 0;
}

/* Interior Post listing pages - Category/Archive/Tag, Author, Search */
body.archive .post-list-title {
	line-height:28px;
}
body.archive .post-list-item {
	position:relative;
	padding: 10px 0;
	border-bottom:0 none;
}
body.archive .post-thumbnail {
	height:auto;
	width:auto;
	border:0px none;
	margin:0;
	box-sizing:content-box;
	background-color:transparent;
}
body.archive .post-title {
	margin:0 0 0 4px;
	padding-top:10px;
	display:inline-block;
	box-sizing:content-box;
	width:65%;
}
body.archive .post-title a {
	color: #fcaf16;
    line-height: 130%;
    font-weight: 400;
    font-style: normal;
	letter-spacing: -.02em;
}
body.archive .post-date {
	color: rgba(0,0,0,.5);
    display: block;
    font-size: 95%;
    margin-left: 88px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
body.archive .post-list-item-icon, body.archive .post-author, body.archive .author-on, body.archive .post-excerpt {
	display:none;
}
body.archive .more-arrow {
	border: 0;
    outline: 0;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 3%;
    top: 50%;
    margin-top:-10px;
    display: inline-block;
    width: 2em;
	text-align:center;
    margin-left: .2em;
}
#search .advanced-search-options {
	margin-top:5px;
	margin-bottom:10px;
}

#single.post img.aligncenter {
	max-width:100%;
	height:auto;
}
iframe {
    max-width: 100%!important;
}

/* Bottom Previous | Next nav */
.content-nav-mobile {
	display:block !important;
	text-align:center;
	color:rgba(0,0,0,.15);
	padding-top:40px;
}
.content-nav-mobile a {
	margin:0 10px;
}

body.tag .site-header-mobile .search-form .search-submit {
	display:none;
}

/* Author Profile page */
.user-profile-images {
	width:64px;
}
.user-profile-images > img:first-child {
	width:64px;
	height:64px;
}
.user-profile-text {
	margin-left:84px;
	min-width:inherit;
}

#comments {
	margin-bottom:20px;
}