/*
Theme Name:   GGibsonGallery
Description:  Theme for G. Gibson Gallery
Author:       Brandon Tutmarc
Author URL:   https://brandontutmarc.com
Template:     blankslate
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  GGibsonGallery
*/

/* Write here your own personal stylesheet */

@font-face {
	font-family:'MessinaSansWeb';
	src: url('MessinaSansWeb-Regular.eot'); /* IE9 Compat Modes */
	src: url('MessinaSansWeb-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('MessinaSansWeb-Regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('MessinaSansWeb-Regular.woff') format('woff'); /* Pretty Modern Browsers */
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+000D-FB04;
}

@font-face {
	font-family:'MessinaSansWeb';
	src: url('MessinaSansWeb-RegularItalic.eot'); /* IE9 Compat Modes */
	src: url('MessinaSansWeb-RegularItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('MessinaSansWeb-RegularItalic.woff2') format('woff2'), /* Super Modern Browsers */
         url('MessinaSansWeb-RegularItalic.woff') format('woff'); /* Pretty Modern Browsers */
	font-weight: 400;
	font-style: italic;
	font-stretch: normal;
	unicode-range: U+000D-FB04;
}

@font-face {
	font-family:'MessinaSansWeb';
	src: url('MessinaSansWeb-SemiBold.eot'); /* IE9 Compat Modes */
	src: url('MessinaSansWeb-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('MessinaSansWeb-SemiBold.woff2') format('woff2'), /* Super Modern Browsers */
         url('MessinaSansWeb-SemiBold.woff') format('woff'); /* Pretty Modern Browsers */
	font-weight: 600;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+000D-FB04;
}

@font-face {
	font-family:'MessinaSansWeb';
	src: url('MessinaSansWeb-Bold.eot'); /* IE9 Compat Modes */
	src: url('MessinaSansWeb-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('MessinaSansWeb-Bold.woff2') format('woff2'), /* Super Modern Browsers */
         url('MessinaSansWeb-Bold.woff') format('woff'); /* Pretty Modern Browsers */
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+000D-FB04;
}

@font-face {
	font-family:'MessinaSansWeb';
	src: url('MessinaSansWeb-BoldItalic.eot'); /* IE9 Compat Modes */
	src: url('MessinaSansWeb-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('MessinaSansWeb-BoldItalic.woff2') format('woff2'), /* Super Modern Browsers */
         url('MessinaSansWeb-BoldItalic.woff') format('woff'); /* Pretty Modern Browsers */
	font-weight: 700;
	font-style: italic;
	font-stretch: normal;
	unicode-range: U+000D-FB04;
}

ul#menu-menu-1 a {
	text-decoration: none;
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  background-size: 0% 2px;
	    padding-bottom: 6px;
  transition: background-size cubic-bezier(0,.5,0,1) 0.3s;
	text-transform:uppercase;
}

ul#menu-menu-1 a:hover {
	text-decoration: none;
  background-size: 100% 2px;
}

ul#menu-menu-1 li.current-menu-item a {
	text-decoration: none;
  background-size: 100% 2px;
}

body.post-type-archive-artists ul#menu-menu-1 .menu-item-40 a {
	text-decoration: none;
	background-size: 100% 2px;
}

body.single-format-standard ul#menu-menu-1 .menu-item-41 a {
	text-decoration: none;
	background-size: 100% 2px;
}

body.single-artists ul#menu-menu-1 .menu-item-40 a {
	text-decoration: none;
	background-size: 100% 2px;
}

body.single-series ul#menu-menu-1 .menu-item-40 a {
	text-decoration: none;
	background-size: 100% 2px;
}

em {
	font-style:italic;
}

p {
	margin-bottom:20px;
	line-height: 1.8em;
}



body {
  font-family:'MessinaSansWeb', sans-serif;
  font-weight:400;

}

.container {
  padding:0px 40px;
  margin: 0 auto;
  max-width: 1250px;
	line-height:1.3em;
}

.container img {
	max-width:100%;
	height:auto;
}

.artist-overview-grid {

}

.artist-overview-grid .cell {
	width:25%;
}

#footer {
	background: #f1f1f1;
width: 100%;
display: inline-block;
margin-top:40px;
padding: 40px 0px 15px 0px;
}

.footer-logo {
	width:54%;
	margin-bottom:15px;
}

.three-col {
  width:33.3%;
  float:left;
  text-align:left;
  color:#333333;
	font-size:.9em;
}

.three-col a, .container a {
	color:#333333;
	text-decoration:none;
}

.three-col a:hover, .container a:hover {
	text-decoration:underline;
}

.clear {
    clear: both;
}

.about-page-div a {
	font-weight:700;
	text-decoration:none;
	color:#333333;
}

.about-page-div a:hover {
	text-decoration:underline;
}

#branding {
  display:inline-block;
  width:26%;
}

#menu {
  float: right;
}

/* #menu-menu-1 li a {
	color: #333;
	text-transform: uppercase;
	text-decoration:none;
}

#menu-menu-1 li a:hover {
	text-decoration:underline;
}
*/

.menu-item {
	float:left;
	margin-right:40px;
	margin-top:5px;
}

#menu-menu-2 .menu-item {
	float:none;
	margin:0px;
}

.menu-item:last-of-type {
	float:left;
	margin-right:0px;
}

header {
	padding: 50px 0px;
clear: both;

}

header.header {
	padding: 70px 0px 90px 0px;
clear: both;
width:46%;
margin:0 auto;
text-align:center;
}

header.home-header {
	padding: 70px 0px 120px 0px;
clear: both;
width:46%;
margin:0 auto;
text-align:center;
}

h1.entry-title {
	font-size: 2em;
    line-height: 1.4em;
		margin-bottom:25px;
		color:#333333;
}

h2 {
	font-size: 1.5em;
	    margin-bottom: 35px;
	    color: #333333;
}

header.header a {
	color:#888888;
	text-decoration:none;
	font-weight:700;
}

header.header a:after {
  content: "\f105";
  font-family:'Font Awesome 5 Free';
  font-weight:900;
  font-style: normal;
  display: inline-block;
  text-decoration: none;
  padding-left: 9px;
	vertical-align: middle;
}

/* MOBILE MENU */

.overlay {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
}

.overlay-content {
  position: relative;
  top: 20%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
	padding: 8px;
	    text-decoration: none;
	    font-size: 26px;
	    color: #fff;
	    line-height: 2.6em;
	    display: block;
	    text-transform: uppercase;
	    transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
	text-decoration:none;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}

#menu {
display:none;
}

@media (min-width: 1075px) {
#menu {
    display: block;
}
}

@media (max-width: 1074px) {
.mobile-menu-toggle {
display:block;
float:right;
}
}

@media (min-width: 1075px) {
.mobile-menu-toggle {
	display:none;
}
}



.grid-item.quarter {
	width: 21%;
	float:left;
	    padding-bottom: 5%;
}

.grid-item {
	width: 50%;
	float:left;
	    padding-bottom: 5%;
}

img.footer-icon {
	float: left;
	    height: 25px;
	    width: auto;
	    display: block;
	    margin-right: 20px;
}

.mailing-list-signup {
margin-top:20px;
}

.link-with-arrow a {
	color:#999999;
	text-decoration:none;
	font-weight:700;
}

.link-with-arrow a:after {
  content: "\f105";
  font-family:'Font Awesome 5 Free';
  font-weight:900;
  font-style: normal;
  display: inline-block;
  text-decoration: none;
  padding-left: 9px;
	vertical-align: middle;
}

span.link-with-arrow:after {
	content: "\f105";
	font-family:'Font Awesome 5 Free';
	font-weight:900;
	font-style: normal;
	display: inline-block;
	text-decoration: none;
	padding-left: 9px;
	vertical-align: middle;
}

a.link-with-arrow {
	color:#999999;
	text-decoration:none;
	font-weight:700;
	font-size:.9em;
}

.view-more-news {
	text-align:center;
	margin:40px 0px 40px 0px;
}

.hero-image-caption {
	 text-align:right;
	 font-size:.8em;
	 color:#666666;
	 margin-top:7px;
}

a.link-with-arrow:after {
  content: "\f105";
  font-family:'Font Awesome 5 Free';
  font-weight:900;
  font-style: normal;
  display: inline-block;
  text-decoration: none;
  padding-left: 9px;
	vertical-align: middle;
}

.recent-news-grid {

}

.recent-news-grid-item {
	width:50%;
	float:left;
	padding-right:5%;
}

.recent-news-left-col img {
	max-width:100%;
}

.recent-news-left-col {
	width:35%;
	float:left;
	padding-right:5%;
}

.recent-news-right-col {
	width: 65%;
	float: left;
	padding-right: 8%;
}

.news-post-title h4 {
	color: #333;
margin-bottom: 5px;
    font-size: 1.2em;
		line-height: 1.3em;
}

.news-post-title a {
	text-decoration: none;
}

.recent-news-date {
	font-size: .9em;
	color: #999999;
	line-height: 2.5em;
}

.recent-news-excerpt {
	line-height:1.5em;
	    font-size: .9em;
			    margin-top: 3px;
}

.recent-news-excerpt p {
	    line-height: 1.7em;
}

.single-news-div {
	width: 80%;
    padding-bottom: 6%;
    margin: 0 auto;
    overflow: auto;
}

.section {
	margin-bottom:50px;
	overflow: auto;
}

.about-page-div {
	width: 60%;
    padding-bottom: 5%;
    margin: 0 auto;
    overflow: auto;
}

.about-page-div p {
	line-height:1.8em;
}

.about-page-div h2 {
	margin-bottom:15px;
	font-weight: 600;
	font-size:1.4em;
}

.news-page-left-col {
	width: 40%;
    padding-right: 6%;
    float: left;
}

.news-page-right-col {
	width: 60%;
	    float: left;
			line-height: 1.7em;
}

.misha_loadmore{
	/* background-color: #ddd; */
	border-radius: 2px;
	display: block;
	text-align: center;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	color:#999999;
	cursor:pointer;
	padding: 10px 0;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.misha_loadmore:hover{
/*	background-color: #767676;
	color: #fff; */
}

.misha_loadmore2{
	/* background-color: #ddd; */
	border-radius: 2px;
	display: block;
	text-align: center;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	color:#999999;
	cursor:pointer;
	padding: 10px 0;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.misha_loadmore2:hover{
/*	background-color: #767676;
	color: #fff; */
}

.nav-links {
	/* display:none; */
	text-align:center;
	margin:30px 0px 50px 0px;
}

.page-numbers {
	display: inline-block;
	padding: 5px 10px;
	margin: 0 5px 0 0;
	/* border: 1px solid #eee; */
	line-height: 1;
	text-decoration: none;
	border-radius: 2px;
	font-weight: 400;
}
.page-numbers.current,
a.page-numbers:hover {
	background: #f1f1f1;
	text-decoration: none;
}


img.affiliate-icon {
	float: left;
	    height: 31px;
	    width: auto;
	    display: block;
	    margin-right: 40px;
			margin-top:10px;
			max-width: 150px;
			margin-bottom:20px;
}

strong {
	font-weight:700;
}

.artist-name {
	margin-top:15px;
	font-size:1em;
}

.artist-name a {
	text-decoration:none;
	color:#666;
}

.gutter-sizer { width: 4%; }

.artist-grid {

}

.grid-item-quarter {
	width:21.25%;
	margin-right:5%;
	float:left;
	margin-bottom:65px;
}



p.exhibit-info {
font-size:.8em;
}

p.exhibit {
	margin-bottom:0px;
	font-size:.8em;
	text-transform:uppercase;
	    line-height: 1.3em;
}

h3 {
	margin: 30px 0px 20px 0px;
    font-size: 1.3em;
}

h2.exhibit-heading {
	margin:0px 0px 30px 0px;
}

h3.exhibit-subheading {
	margin:40px 0px 20px 0px;
}


.series-caption p {
	font-size:.8em;
}

.series-caption {
	margin-top:20px;
}

.home-news-row {
overflow:auto;
}

.home-news-item {
	width: 50%;
    float: left;
    margin-bottom: 5%;
}

header.header.single-series h2 {
	color: #999999;
}

header.header.single-news {
	text-align:left;
	padding:70px 0px 0px 0px;
	width:60%;
}

header.header.single-series h1.entry-title {
    margin-bottom: 8px;
}

header.header.single-news h2 {
	color: #999999;
	font-size:1.2em;
}

header.header.single-news h1.entry-title {
    margin-bottom: 8px;
}

.series-list h4 {
	color: #333;
    margin: 20px 0px 8px 0px;
font-size: 1.2em;
}

.series-description {
	width: 70%;
	    overflow: auto;
	    margin: 0 auto;
	    padding: 0px 0px 80px 0px;
}

.news-body-content {
	width: 60%;
	    overflow: auto;
	    margin: 0 auto;
	    padding: 0px 0px 80px 0px;
}

.content-element {
	    overflow: auto;
			margin:40px 0px;

}

.grid-item-quarter:nth-of-type(4n+4) {
  /* background: yellow; */
	width:21.25%;
	margin-right:0%;
	}



.grid-item-quarter:nth-of-type(4n+1) {
clear:left;

}

.home-news-item:nth-of-type(2n+1) {
clear:left;

}

.container .container {
	padding: 0px 0px;
}

.wp-caption {
    max-width: 100%;
}

.news-body-content a {
	font-weight:700;
	text-decoration:none;
	color:#333333;
}

.bio-row {
margin: 50px 0px 60px 0px;
overflow:auto;
}

.bio-row-left {
width:30%;
float:left;
}

.bio-row-right {
	width:70%;
	float:left;
}

.recent-news-right-col h4 {
	margin-top:0px;
}

.search-div {
	text-align:center;
	padding:70px 0px 120px 0px;
	overflow:auto;
}

input.search-field {
	padding: 10px;
border: 1px solid #999;
margin-right: 10px;
}

input[type="submit"] {
color: #333;
border: 0px;
padding: 10px 25px;
cursor: pointer;
}

.aligncenter {
    margin: 0 auto;
}

.wp-caption-text {
	padding-top:10px;
}

.news-body-content .wp-caption-text {
    font-size: .8em;
    margin-bottom: 30px;
}

@media (max-width: 767px) {
#branding {
width:45%;
}

header.home-header {
width:80%;
}

.three-col {
	width:100%;
	text-align:center;
}

img.footer-icon {
    float: none;
    height: 25px;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
padding-right: 10px;
}

.footer-logo {
    width: 30%;
}

h1.entry-title {
    font-size: 1.5em;
}

header.header {
	width:90%;
}

.about-page-div {
	width:100%;
}

.grid-item-quarter {
	width:100%;
}

.home-news-item {
	width:100%;
	margin-bottom:12%;
}

.recent-news-right-col {
    padding-right: 0%;
}



.single-news-div {
	width:100%;
}

.news-body-content {
	width:100%;
}

header.header.single-news {
	width:100%;
}

.mobile-menu-toggle span {
	font-size:18px;
}

.container {
	padding:0px 20px;
}

.series-description {
	width:100%;
}

header.header {
	width:100%;
}

.grid-item-quarter:nth-of-type(4n+4) {
  /* background: yellow; */
	width:100%;
	margin-right:0%;
	}


header.home-header {
	width:100%;
	padding-bottom:100px;
}

.bio-row-left {
	width:100%;
}

.bio-row-right {
	width:100%;
}

.about-page-div h2 {
	font-size:1.2em;
	font-weight:600;
}

h3.exhibit-subheading {
    font-size:1.2em;
}

.single-news-div {
    padding-bottom: 12%;
	}

	.hero-image-caption p {
		text-align:center;
	}

}