/**
Theme Name: Inspiro
Theme URI: https://www.wpzoom.com/themes/inspiro/
Author: WPZOOM
Author URI: https://www.wpzoom.com/
Description: Inspiro is a versatile, ultra-lightweight WordPress theme ideal for small businesses, creative professionals, and visual portfolios. Combining modern aesthetics with lightning-fast performance, it enhances user experience and boosts SEO rankings. Get started instantly with 10+ beautiful starter sites crafted for specific business niches, letting you launch your website quickly. Inspiro features unique fullscreen video backgrounds supporting Vimeo, YouTube, and self-hosted videos, perfect for photography and multimedia projects. It integrates seamlessly with popular page builders (Elementor, Beaver Builder) and WooCommerce, making it effortless to create any type of site, from business and agency websites to online shops and blogs. Fully responsive, GDPR-compliant, and privacy-focused (no external Google fonts), Inspiro looks perfect on every device. Explore more powerful features in our Premium version: https://www.wpzoom.com/themes/inspiro/
Tags: one-column, two-columns, right-sidebar, flexible-header, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, e-commerce, wide-blocks, portfolio, blog, custom-background, featured-image-header, full-width-template, theme-options, block-styles, block-patterns
Version: 2.1.12
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: inspiro
Domain Path: /languages/

Inspiro is based on Twenty Seventeen https://wordpress.org/themes/twentyseventeen/, (C) 2012-2020 Automattic, Inc.
Twenty Seventeen is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

/* Note: The CSS files are loaded from assets/css/ folder. */


.builder-wrap {
	display:inline;
	float:left;
	width:80vw;
}

ul.wp-block-latest-posts {
	display: inline;
	float:left;
	/*width:80% !important;*/

}


.site-description {
	width:40vw;
	font-size: 1.6em;
	font-weight: 200;
	font-style: italic;
}

#res_artis_logo_fixed {
	position:absolute;
	width:200px;
	top:120px;
	right:0px;
	z-index: 999;
	color:#fff;
}





/* ----------------------------------------------------------------------------------|| Homepage Post Columns || */

.home_post_col{
	display:inline;
	float:left;
	width:80vw;
	height:auto;
}


/* ----------------------------------------------------------------------------------|| SIDE BAR || */

div.sidebar {
	display:inline;
	float:left;
	width:18vw;
	color:#f09;
	margin-left:1vw;
}

.res_artis_logo {
	width:100%;
	height:auto;
}

#tagline {
	color:#000;
	line-height: 110%;
	margin-bottom: 25px;
}

/* ----------------------------------------------------------------------------------|| ARTISTS ON INDEX || */

#artists-column h2, #artist-list h2{
	margin-block-end: .24em !important;
}



#artists-column h3{
	border-bottom: 2px #DDD dashed;
	margin-top: 0px;
	margin-bottom:10px;
	padding:0px;
}

#artist-list {
	margin-top:10px;
}



/*#artist-list-title {
	width:auto;
	background-color: #000;
	color:#FFF;
	font-size:16px;
	font-weight: 400;
	letter-spacing: 1px;
	padding:4px 4px 4px 6px;
	margin-bottom: 20px;

}*/

.artist-list-item {
	float:left;
	width:100%;
	height:100px;
	margin-bottom: 20px;
	background-size: 100px;
}


.artist-list-item:hover{
	background-size: 25px;

	-webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

.artist-list-name {
	float:right;
	width:auto;
	//height:auto;
	margin:4px;
	padding:4px;
	margin-top:60px;
	font-weight: 600;
	font-size: 12px;
	color:#000;
	background-color: #00cfff;
	letter-spacing: .5px;
}


.grid-item-content .artist-list-name, #single-post .artist-list-name {
	margin:0px;
}

/* --------------------------------------| On Artist Page |  */

.artist-list-item-page {
	float:left;
	width:10vw;
	height:10vw;
	background-size: 100% auto;
	background-position: center;

}

.artist-list-item-page .artist-list-name {
	float:none;
	margin-top: 7vw;
}


.wp-caption img.size-large{
	margin-bottom:2px;
}


/* ----------------------------------------------------------------------------------|| POSTS ON INDEX || */

#curr_artists {
	display:block;
	width:100vw;
	height:200px;
	/*background-color: #00FF99;*/
}

#curr_artists h3 {
	margin:0px;
}

#curr_artists a:hover .curr_artist_name{
	color:#BBE8F2;

}

.post_div_label h3{
	border-bottom: 2px #DDD dashed;
	margin-top: 10px;
	margin-bottom: 0px;
	padding:0px;
	margin-left:10px;
	margin-bottom: 4px;
}



.curr_artist_grid_item .curr_artist_name {
	font-size: 2em;
	font-weight: 900;
	line-height: 90%;
	color:#FFF;
	margin-top:120px;
	margin-left:10px;
	filter: drop-shadow(3px 3px 18px #000);
}


.curr_artist_grid_item {
	display: inline;
	float: left;
	width:12.5vw;
	height:200px;
	background-color: #3D9DD9;
	background-size: 100% auto;
	padding:4px 6px 6px 6px;
}

a.grid_home_link:link , a.grid_home_link:visited {
	color:#000;
}
a.grid_home_link:hover .grid_home, a.grid_home_link:hover h3{
	color:#fff;
	background-color: #2685BF;
}



.grid_home {
	display: inline;
	float:left;
	/*box-sizing: content-box;*/
	width:20vw;
	height:20vw;
	padding:1vw;
	/*background-color: #94D7F2;*/
	background-color: #FFF;
}

.grid_home h3{
	margin-top:0px;
}


/* ----------------------------------------------------------------------------------|| Artist Page || */

#artist_bio_pic_bar {
	width:100%;
	height:250px;
	background-color: #9f0;
}

.artist-media-item {
	display:inline;
	float:left;
	width:250px;
	margin-right:10px;
}

.artist-ig a:link{
	text-decoration: none;
}



/*.year_in_residence {
	float:left;
	display:block;
	width:100%;
	height:auto;
	background-color: #00cfff;
	background: url('imgs/diagonal_lines.jpg');
	
	color:#000;
	padding:10px 10px 10px 14px;
	font-size: 14px;
	letter-spacing: 4px;
	font-weight:900;
	box-sizing: border-box;

	margin-bottom: 20px;
	
}*/


/* ----------------------------------------------------------------------------------|| Media Query || */

@media screen and (max-width: 30em) {

	.site-title {
		font-size: 2.5em;
		margin-bottom: 20px;
	}

	.site-description {
		width:70vw;
		font-size: 1.1em;
		font-weight: 200;
		font-style: italic;
		/*margin-left:30px;
		margin-right:30px;*/
	}

	.home_post_col{
		display:inline;
		float:left;
		width:100vw;
		height:auto;
	}

	div.sidebar {
		display:inline;
		float:left;
		width:100vw;
		color:#f09;
		margin-left:0vw;
		padding-left: 20px;
	}

	.grid_home {
		width:100vw;
		height:auto;
		padding:2vw;
		margin-bottom: 20px;
		background-color: #fff;
	}

	.grid_home h3{
		font-size: 1.5em;
		margin-top:0px;
		margin-bottom: 0px;
	}




	.curr_artist_grid_item {
		display: inline;
		float: left;
		width:100vw;
		height:100px;
		background-size: auto 100%;
		padding:4px 6px 6px 6px;
	}

	.curr_artist_grid_item .curr_artist_name {
		font-size: 1.5em;
		margin-top:10px;
		margin-left:10px;
		filter: drop-shadow(3px 3px 18px #000);
	}


	/* --------------------------------------| On Artist Page |  */

	.artist-list-item-page {
		float:left;
		width:100%;
		height:125px;
		background-size: auto 100%;
		background-position: center;
		margin-bottom: 6px;

	}

	.artist-list-item-page .artist-list-name {
		float:none;
		width:auto;
		overflow: none;
		margin-top: 90px;
	}


}