/*
Theme Name: Gallery 263 Theme
Author: Ben S Wallace
Author URI: https://github.com/sinclairbenj
Theme URI: https://github.com/sinclairbenj/Gallery-263-theme
Tags: full-site-editing, editor-style, block-styles, block-patterns
Text Domain: g263
Requires at least: 6.1
Requires PHP: 7.4
Tested up to: 6.1
Version: 1.0.1

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

/* Styles intended only for the front.*/

.tribe-block__venue {
	border:none!important;
}

html {
	scroll-behavior: smooth;
}

:focus-visible {
    outline: var(--wp--preset--color--g-hunter-green) auto;
}


@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

a,
img {
    transition: all 0.15s ease-in-out;
}

strong {
  font-weight: 600 !important;
}

.wp-block-site-logo a:hover,
.wp-block-site-logo a:focus,
.wp-block-site-logo a:active {
    box-shadow: none;
    transform: rotate(3deg);
}


::selection {
    background: var(--wp--preset--color--g-pale-pink);
    color: var(--wp--preset--color--g-deep-blue);
}

/*
*** FORMS
*/

/* Forms - Gravity customizations front end only. See forms-and-buttons.css for the rest */

input, 
.wp-block-search__input, 
.gform_wrapper.gravity-theme .gfield textarea, 
.gform_wrapper.gravity-theme .gfield select {
    font-size: var(--wp--preset--font-size--medium) !important;
    background-color: #03402912;
    border: none;
    border-radius: 0.5rem;
    padding: 10px 15px 13px 15px !important;
}

button:not(.add_list_item):not(.delete_list_item):not(.wp-block-navigation__responsive-container-open):not(.wp-block-navigation__responsive-container-close):not(.tribe-events-c-subscribe-dropdown__button-text):not(.tribe-events .tribe-common-c-btn.tribe-events-c-search__button):not(.tribe-events button.tribe-events-c-top-bar__datepicker-button):not(.tribe-events-c-events-bar__search-button), 
input.g_form_button:not(.add_list_item):not(.delete_list_item), 
input[type=submit] {
    background-color: var(--wp--preset--color--g-hunter-green);
    border-radius: 0.5rem;
    border-width: 0;
    color: var(--wp--preset--color--g-neon-green);
    font-family: inherit;
    font-size: inherit;
    line-height: 1.2 !important;
    padding: calc(0.667em + 1px) calc(1.333em + 2px) calc(0.667em + 3px) calc(1.333em + 2px) !important;
    text-decoration: none;
	transition: all 0.15s ease-in-out;
	cursor: pointer;
    min-height: 57px;
}

button:not(.add_list_item):not(.delete_list_item):not(.wp-block-navigation__responsive-container-open):not(.wp-block-navigation__responsive-container-close):hover,
input.g_form_button:not(.add_list_item):not(.delete_list_item):hover,
input[type=submit]:hover {
	background-color: var(--wp--preset--color--g-neon-green);
    color: var(--wp--preset--color--g-hunter-green);
}

.gform_delete_file {
    margin-left: 1em !important;
    background-color: var(--wp--preset--color--g-text-grey) !important;
    color: var(--wp--preset--color--g-sage) !important;
}

.gform_confirmation_message {
    font-size: var(--wp--preset--font-size--medium) !important;
    background-color: #03402912;
    border: none;
    border-radius: 0.5rem;
    padding: 10px 15px 13px 15px !important;
}

/*Forms - G Forms email form*/


.g-email-form .gform_footer {
    display: none !important;
}

.g-email-form .gform_wrapper,
.g-email-form .gform_confirmation_wrapper {
    margin-block-start: 0 !important;
}

.g-email-form .g-email-form-fields,
.g-email-form .gform_confirmation_wrapper  {
    align-self: center !important;
}

@media screen and (min-width: 640px) {
    .g-email-form .g-email-form-fields .gform_fields {
        display: flex;
        width: 100%;
        gap: 16px;
        justify-content: flex-end;
    }
    
    .g-email-form .gfield--type-email {
        width: 70%;
    }
    
    .g-email-form .gfield--type-submit {
        width: auto;
    }
}

/*
*** IMAGES
*/

/* Images - Featured images */

.wp-block-post-featured-image a:hover,
.tribe-related-events-thumbnail a:hover {
    box-shadow: none;
}

.wp-block-post-featured-image a,
.tribe-related-events-thumbnail a,
.tribe-events .tribe-events-calendar-list__event-featured-image-link,
.wc-block-components-product-image a {
    cursor: url(https://gallery263.org/wp-content/themes/gallery-263-theme/assets/images/visit-view-more.svg), pointer;
}

@media  screen and (min-width: 601px) {
    .wp-block-post-featured-image a:hover img,
    .tribe-related-events-thumbnail a:hover img,
    .tribe-events .tribe-events-calendar-list__event-featured-image-link:focus img, 
    .tribe-events .tribe-events-calendar-list__event-featured-image-link:hover img
	.wc-block-components-product-image a:hover img,
	.wc-block-components-product-image a:focus img {
        transform: rotate(-1deg);
    }
}

/* Images - Image captions */

.wp-element-caption {
    text-align: right;
    color: var(--wp--preset--color--g-hunter-green);
    position: relative;
    font-size: calc( 0.875 * var(--wp--preset--font-size--small)) !important;
}

.wp-element-caption:before {
    display: inline-block;
    content: "";
    width: 8px;
    height: 9px;
    margin-right: 5px;
    margin-bottom: 1px;
    background: url('/wp-content/themes/gallery-263-theme/assets/images/caption-arrow.svg');
    background-size: contain;
    background-repeat: no-repeat;
}


/* Images - image alignment fixes */

figure.wp-block-image.alignright, 
figure.wp-block-image.alignleft,
figure.wp-block-image.alignright img, 
figure.wp-block-image.alignleft img {
    width: 100%;
}

figure.wp-block-image.pull-image {
    max-width: 100%;
}


figure {
    margin-block-end: var(--wp--preset--spacing--70) !important;
}

@media screen and (min-width: 600px) {
    
    figure.wp-block-image.alignright, 
    figure.wp-block-image.alignleft {
        max-width: 50%;
    }
    
    figure.wp-block-image.pull-image {
        max-width: 50%;
    }

    figure {
    margin-block-end: var(--wp--preset--spacing--30) !important;
        
}

}

@media screen and (min-width: 1000px) {
    
    figure.wp-block-image.alignright, 
    figure.wp-block-image.alignleft {
        max-width: 40%;
    }
    
    figure.wp-block-image.pull-image {
        max-width: 435px !important;
    }

}

@media screen and (min-width: 1528px) {
    
    figure.wp-block-image.alignright, 
    figure.wp-block-image.alignleft {
        max-width: 42%;
    }

}

/*
***  LINKS
*/

.wp-block-post-title a {
    display: inline;
}

/* Footer links */

footer .wp-block-navigation a:where(:not(.wp-element-button)):hover {
    box-shadow: none;
    color: var(--wp--preset--color--g-pale-pink) !important;
}

/*
*** NAVIGATION
*/

/* Mobile Navigation */

@media screen and (max-width:600px) {
    .g-social {
        display: none;
    }
    
    .wp-block-navigation__responsive-container.is-menu-open {
        padding: 1.4rem;
    }
    
    .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
        background-color: var(--wp--preset--color--g-hunter-green);
        color: var(--wp--preset--color--g-pale-pink);
    }
    
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
        padding-top: var(--wp--preset--spacing--80);
    }
    
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: var(--wp--preset--spacing--30);
    }
    
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
        font-size: var(--wp--preset--font-size--large);
        font-weight: 600;
        text-align: center;
    }
    
    
    .wp-block-navigation__responsive-container.is-menu-open a:where(:not(.wp-element-button)):hover,
    .wp-block-navigation__responsive-container.is-menu-open a:where(:not(.wp-element-button)):focus,
    .wp-block-navigation__responsive-container.is-menu-open a:where(:not(.wp-element-button)):active {
        text-decoration: none;
        box-shadow: none;
    }

    .g-footer-address-col * {
        text-align: left;
        justify-content: start !important;
    }
}

/* Back to top */

.g-back-to-top {
    position: absolute;
    height: 0;
    right: 1.5em;
}

.g-back-to-top a {
    position: absolute;
    right: 0;
    font-size: 2px;
    line-height: 0;
    color: transparent;
    height: clamp(45px, 10vw, 60px);
    width: clamp(45px, 10vw, 60px);
    box-shadow: none !important;
}


.g-back-to-top a:after {
    content: "";
    background: url(/wp-content/themes/gallery-263-theme/assets/images/to-top.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

/*
*** PODS
*/

/* Pods styles */

.g-exhibition-dates-meta,
.g-call-deadline-meta {
    margin-block-start: 0 !important;
}

/*
*** PAGES
*/

/* List page styling */

.g-list-details {
    align-self: stretch !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.g-list .wp-block-post .wp-block-columns {
    padding: 1em 1.25em 1.25em;
    background: var(--wp--preset--color--g-sky-light);
}

.g-list .wp-block-post.type-call .wp-block-columns {
    background: var(--wp--preset--color--g-sand);
}

.g-list .is-flex-container {
    align-items: center;
}

.g-list .is-flex-container .wp-block-post-title {
    text-align: center;
}

.g-list .wp-block-post.type-artist-member img,
.g-list .wp-block-post.type-small-work img {
    max-height: 400px;
}

.g-list .wp-block-post.type-artist-member div,
.g-list .wp-block-post.type-small-work div {
    padding: 1em;
    border-radius: 6px;
}

.g-list figure.wp-block-post-featured-image,
.g-list-artists figure.wp-block-post-featured-image {
    margin-block-end: 0 !important;
}

.wp-block-query li.wp-block-post {
    background-color: transparent !important;
}

@media screen and (max-width: 600px) {
    .g-list .wp-block-post .wp-block-columns {
        padding: 1em;
    }
}


/* Search - accent color clean */

.search .wp-block-post {
    background-color: inherit;
}

/* 
*** VARIATIONS - front end
*/

/*Exhibition toppers*/

.exhibition-topper .g-et-img-group, .photo-grid .g-photo-grid-label {
    position: relative;
}

.exhibition-topper .g-et-img-group p, .photo-grid .g-photo-grid-label p {
    margin-top: 0px;
    left: -0.5em;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    position: absolute;
    height: max-content;
    min-height: 400px;
    font-size: calc(0.75 * var(--wp--preset--font-size--large)) !important;
}

.exhibition-topper .g-et-details {
    margin-left: 42px;
}

.exhibition-topper .g-et-img-group .wp-block-image, .photo-grid .g-photo-grid-imgs {
    margin-left: 42px;
}

.exhibition-topper .g-et-img-group .wp-block-image * {
    transition: all 0.15s ease-in-out;
}

.exhibition-topper-left .g-etil-right-col {
    align-content: space-between;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 648px;
    flex-wrap: wrap;
}

.exhibition-topper-left .g-et-img-group {
    margin-top: 0.75em;
}

.exhibition-topper-left .g-et-hed-group {
    width: 100%;
}

.exhibition-topper-left .g-etil-details {
    margin-bottom: 6em;
}

.exhibition-topper a {
    text-decoration: none;
    color: var(--wp--preset--color--g-text-grey);
}

.exhibition-topper .g-et-hed a:hover {
   box-shadow: inset 0 -0.5em 0 var(--wp--preset--color--g-pale-pink);
}

.exhibition-topper .g-et-img-group .wp-block-image a {
    box-shadow: none;
    cursor: url(assets/images/visit-view-more.svg), pointer;
}

@media  screen and (min-width: 769px) {
    .exhibition-topper .g-et-img-group .wp-block-image a:hover img {
        transform: rotate(-0.3deg);
    }

    .exhibition-topper .g-et-img-group .wp-block-image a:before {
        background: var(--wp--preset--color--g-pale-pink);
        content: "";
        position: absolute;
        width: calc(100% - 42px);
        height: calc(100% - 32px);
        z-index: -1;
        transition: all 0.15s ease-in-out;
    }
    
    .exhibition-topper .g-et-img-group .wp-block-image a:hover:before {
        transform: rotate(1deg);
    }
}

@media screen and (max-width: 600px) {

    .exhibition-topper .g-et-img-group p,
    .photo-grid .g-photo-grid-label p {
        font-size: var(--wp--preset--font-size--medium) !important;
        left: -18px
    }



    .exhibition-topper .g-et-img-group .wp-block-image {
        margin-block-end: 0px !important;
    }

    .exhibition-topper .g-et-img-group .wp-block-image,
    .photo-grid .g-photo-grid-imgs {
        margin-left: 20px;
    }

    .exhibition-topper .g-et-details,
    .exhibition-topper-left .g-etil-details {
        margin-left: 0px;
    }
   
    .exhibition-topper .g-et-hed-group * {
        text-align: left !important;
    }

    .exhibition-topper:not(.exhibition-topper-left) .g-et-hed-group {
        order: 2;
    }

    .exhibition-topper:not(.exhibition-topper-left) {
        display: flex;
        flex-direction: column;
        gap: var(--wp--preset--spacing--70);
    }

    .exhibition-topper:not(.exhibition-topper-left) .g-et-details {
        order: 3;
        margin-block-start: 0 !important;
    }

    .exhibition-topper:not(.exhibition-topper-left) .g-et-img-group {
        margin-block-start: 0.75em !important;
    }

}

@media screen and (max-width: 768px) {

    .exhibition-topper-left .g-etil-right-col {
        max-width: 100%;
    }

    .exhibition-topper-left .g-etil-details {
        margin-bottom: 0;
    }

}

/* Pull blocks alignment */

.pull-block {
    max-width: 435px;
}


@media screen and (min-width: 921px) {
    body .is-layout-constrained .pull-block:not(.pull-image) {
        background-color: var(--wp--preset--color--g-pale-pink);
        padding: 0.75em 1em 1em!important;
        clear: both;
    }
}