/*
 Theme Name:  Jilma Sweeney
 Template:     generatepress
 Author: Community Web Development
 Author URI: http://www.comminternet.com/
 Version: 1.0
*/

/* clearfix */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/* prevent tel clicks on desktops */
a[href^="tel"] { pointer-events: none; }

/* allow tel clicks on phones */
@media (max-width: 767px) {
	a[href^="tel"] { pointer-events: auto; }
}


/* GLOBALS */

p:empty {
	display: none;
}

.alignleft, .alignright, .aligncenter {
	margin-top: 1em;
	margin-bottom: 1em;
}

.wp-caption {
    border: 1px solid #ccc;
    padding-top: 5px;
}

.wp-caption .wp-caption-text {
	text-align: center;
	padding: 1em;
	margin: 0;
}

.table {
	display: table;
}

.table-row {
	display: table-row;
}

.table-cell {
	display: table-cell;
}

.copyright-bar ul.menu {
	margin-left: 0;
}

.copyright-bar ul.menu li {
	display: inline;
	margin: 0 10px;
}

.copyright-bar p.branding {
	margin-bottom: 0;
}

.wrapper-960 {
	max-width: 860px;
	margin: 0 auto;
	padding: 40px 0;
}

#sticky-navigation.nav-align-right .inside-navigation {
    justify-content: center;
}

body header.page-header, body .inside-article {
	box-shadow: none;
}


/*

FIX BUG WHERE TOP LEVEL HOVER COLOR REVERTS WHEN SELECTING A DROPDOWN MENU ITEM WHICH IS A DESCENDANT OF THE CURRENT PAGE

.main-navigation .main-nav ul li[class*="current-menu-"]:hover > a,
.main-navigation .main-nav ul li[class*="current-menu-"]:focus > a {
	color: #fff !important;
}
*/

/* ARTWORK GALLERY */

.artwork-gallery {
	margin: 0 40px 30px 0;
	float: left;
	width: 60%;
}

.artwork-gallery .slick-slide img {
	margin-left: auto;
	margin-right: auto;
	max-height: 800px;
	width: auto;
}

.artwork-gallery .slider iframe {
	width: 100%;
}

.artwork-gallery .slider-thumbs {
	display: flex;
	flex-wrap: wrap;
	margin-right: -20px;
	
}

.artwork-gallery .slider-thumbs a.thumb {
	display: block;
	width: 80px;
	height: 80px;
	background-size: cover !important;
	margin: 20px 20px 0 0;
}

h1.entry-title {
	margin-bottom: 20px;
}

.single-artwork .entry-content,
p.inquire,
p.art-post-nav,
.meta-art.table {
	width: calc(40% - 40px);
}

.meta-art.table .table-cell {
	padding: 15px 10px;
	border-bottom: 1px dashed #F1E6EE;
	font-size: 16px;
}

.meta-art.table .table-cell.name {
	padding-left: 0;
	text-transform: uppercase;
}

.meta-art.table .table-cell.value {
	padding-right: 0;
}

.single-artwork .entry-content,
p.inquire {
	float: right;
	clear: right;
}

.single-artwork li.menu-item-2094 a {
	color: #8e44ad !important;
}

p.inquire {
	margin: 40px 0;
}

p.inquire a.button {
	width: 100%;
	text-align: center;
}

p.art-post-nav {
	margin: 40px 0 0 0;
	display: flex;
	text-align: center;
	padding-top: 15px;
	border-top: 1px dashed #F1E6EE;
	align-items: center;
	font-size: 16px;
	width: 100%;
	clear: both;
}

p.art-post-nav span {
	width: 50%;
}

p.art-post-nav span a {
	display: block;
	padding: 0 5px;
}

p.art-post-nav span.prev {
	align-self: flex-start;
}

p.art-post-nav span.next {
	align-self: flex-end;
}

p.art-post-nav span.sep {
	width: 2%;
}

.masonry-load-more {
	text-align: center;
}

.masonry-load-more .button {
	border: 2px solid #fff;
}

.site-footer .social-media a {
	font-size: 30px;
	padding: 0 10px;
}

.generate-columns .inside-article,
.page-header {
	text-align: center;
}

/* Home */
.wp-block-eedee-block-gutenslider.content-fixed {
	height: 60vh;
}

/* radiuseses */

header.page-header,
.inside-article {
	border-radius: 3px;
}

/* Shadows */
#masthead,
header.page-header,
.inside-article {
	-webkit-box-shadow: 0px 10px 25px -20px #000000; 
	box-shadow: 0px 10px 25px -20px #000000;

}

.site-footer {
	-webkit-box-shadow: 0px -10px 25px -20px #000000; 
	box-shadow: 0px -10px 25px -20px #000000;
}

/* Collections */
.flex-parent {
	display: flex;
}

.flex-parent.collections {
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
	align-content: space-around;
	text-align: center;
}

.flex-parent.collections .collection-item {
	display: flex;
	width: 28%;
	padding: 0;
	height: 210px;
	background-size: cover !important;
	margin: 0 0 40px 0;
	align-items: center;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-size: 21px;
}

.flex-parent.collections .collection-item span {
	display: block;
	background: #682D8E;
	text-align: center;
	width: 100%;
	padding: 10px;
	opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.flex-parent.collections .collection-item:hover span {
	opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.searchandfilter ul {
	margin: 0;
}

/* 1280px */
@media (max-width: 1320px) {
	#page {
		margin: 0 40px;
	}
}

/* Landscape iPad */
@media (max-width: 1279px) {

	.separate-containers .comments-area, .separate-containers .inside-article, .separate-containers .page-header, .separate-containers .paging-navigation {
		padding: 20px;
	}

	.separate-containers .site-main {
    	margin: 20px;
	}
	
	#page {
    	margin: 0 20px;
	}
	
	.generate-columns-container.masonry-container {
		margin-left: -20px;
	}
	
	.generate-columns {
		margin-bottom: 20px;
		padding-left: 20px;
	}
	
	.sidebar .widget, .page-header, .widget-area .main-navigation, .site-main > * {
		margin-bottom: 20px;
	}
	
	.page-header {
		margin-left: 20px;
	}
	
	.entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) {
    	margin-top: 1em;
	}

	.artwork-gallery {
		width: 55%;
	}
	
	.single-artwork .entry-content,
	p.inquire,
	.meta-art.table {
		width: calc(45% - 40px);
	}

}

/* Generatepress Preset Breakpoints iPad landscape */
@media (max-width: 1024px) {

}

/* iPad portrait */
@media (max-width: 1023px) {
	
	.artwork-gallery,
	.meta-art.table,
	.single-artwork .entry-content,
	p.inquire {
		width: 100%;
		margin-right: 0;
		float: none;
		clear: both;
	}
	
	/* turn off lightbox */
	.artwork-gallery a.thumbnail.gallery {
		pointer-events: none;
	}
	
	.flex-parent.collections .collection-item {
		width: 45%;
		height: 300px;
	}
}

/* Generatepress Preset Breakpoints under iPad*/
@media (max-width: 767px) {

	body {
		font-size: 16px;
	}
	
	#page {
		margin: 0 10px;
	}
	
	p.art-post-nav,
	.meta-art.table .table-cell {
		font-size: 14px;
	}
	
	.meta-art.table .table-cell {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.artwork-gallery .slider-thumbs a.thumb {
    	width: 52px;
    	height: 52px;
    }
    
    .wp-block-eedee-block-gutenslider.content-fixed {
		height: 480px;
	}

	.flex-parent.collections .collection-item {
		width: 100%;
		height: 300px;
	}
	
}

/* non-plussed iPhones */
@media (max-width: 413px) {

	.artwork-gallery .slider-thumbs a.thumb {
		margin: 10px 10px 0 0;
	}

	.artwork-gallery .slider-thumbs {
		margin-right: -10px;
	}

	.inside-site-info {
		padding-right: 15px;
		padding-left: 15px;
	}
	
	.site-header .header-image {
		width: 160px;
	}

	.flex-parent.collections .collection-item {
		height: 270px;
	}
	
}

/* C64 phones */
@media (max-width: 359px) {

	.home-overlay .gb-headline {
		font-size: 24px;
	}
	
    .wp-block-eedee-block-gutenslider.content-fixed {
		height: 380px;
	}
	
	.copyright-bar ul.menu li {
		margin: 0 7px;
	}

	.site-header .header-image {
		width: 120px;
	}
	
}