/*
 Theme Name:   NWA Salon
 Description:  Sinatra Child Theme
 Author:       Detlef Koertge
 Author URI:   http://notion360.com
 Template:     sinatra
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  nwa-salon
*/

:root {
    --bgnd: #ddded2;
    --dark-bgnd: #d5d6cb;
    --nbgnd: #bce5e6;
    --accent: #e58a2e;
    --map-height: 400px;
}

/* 
 * needed so that sinatra does no show a scroll bar
 * for full width containers!
 */
body {
    overflow: hidden;
}

.home #main>.si-container {
    -webkit-animation: fadein 3s;
    /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 3s;
    /* Firefox < 16 */
    -ms-animation: fadein 3s;
    /* Internet Explorer */
    -o-animation: fadein 3s;
    /* Opera < 12.1 */
    animation: fadein 3s;
}

.nwasalon-flex-column {
    display: flex;
    flex-direction: column;
}

.nwasalon-flex-row {
    display: flex;
    flex-direction: row;
}

.nwasalon-border-left {
    border-left: 1px solid #bbb;
    padding-left: 25px;
}

@font-face {
    font-family: 'Lanier Regular';
    src: url('fonts/Lanier Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.lanier-font {
    font-family: 'Lanier Regular';
}

.artist-location {
    display: none;
}

.category-artist .entry-meta,
.category-gallery .entry-meta {
	display: none;
}

.spectra-image-gallery__control-lightbox--close {
	padding: 20px;	
}

.spectra-image-gallery__control-lightbox--main {
    width: 90%;
}

.wp-block-heading {
	font-weight: 800;
}

#page .wp-block-social-links {
	margin: 0; 
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.nwasalon-keep-it-together {
    display: block;
    clear: both;
    display: table;
    content: "";
}

#nwasalon-gallery-grid,
#nwasalon-featured-artists {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 25px;
    row-gap: 3rem;
    padding-bottom: 2rem;
    clear: both;
}

.nwasalon-gallery-grid-cell,
.nwasalon-artists-grid-cell {
    padding: 0;
    margin: 0;
}

.nwasalon-gallery-grid-cell h3,
.nwasalon-artists-grid-cell h3 {
    margin: 5px 0;
    font-size: 1.1rem;
    font-weight: 700;
}

.nwasalon-gallery-grid-cell p,
.nwasalon-artists-grid-cell p {
    margin: 5px 0;
    font-size: 1rem;
}

#nwasalon-artists-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    column-gap: 25px;
    row-gap: 3rem;
    padding-bottom: 2rem;
    clear: both;
}

.nwasalon-post-thumb {
    object-fit: cover;
    width: 100%;
    height: 200px;
}

.nwasalon-media-kit-form .wpcf7-list-item-label {
    font-weight: 400;
}

.nwasalon-2-1-row .wp-block-columns {
    padding: 0;
}

.nwasalon-2-1-row.wp-block-columns .wp-block-column:not(:first-child) {
    margin-left: 0px;
}

.nwasalon-2-1-row h2 {
    padding-top: 1rem;
}

.nwasalon-add-col-padding {
    padding: 0 25px;
}

:where(.is-layout-flex) {
    gap: 25px;
}

figure.wp-block-image.nwasalon-post-thumb {
    margin: 0;
}

.nwasalon-featured-artist-column .nwasalon-post-thumb {
    object-fit: cover;
    width: 100%;
    height: auto;
	margin: 0;
}

.nwasalon-featured-artist-column div.nwasalon-flex-row:not(:last-child) {
    border-bottom: 1px solid #ccc;
}

.nwasalon-featured-artist-column p {
    margin: 5px 0;
    padding: 0;
    font-size: 0.9rem;
    line-height: 1.1rem;
}

.nwasalon-featured-artist-column h3 {
    margin: 0 0 0.25em 0;
    padding: 0;
    font-size: 1.3rem;
    font-weight: 500;
}

.nwasalon-flex-row {
    margin-bottom: 1em;
    padding-bottom: 1em;
}

.nwasalon-featured-artist-column figure.wp-block-image {
    padding: 0;
}

.nwasalon-sidebar {
    border-left: 1px solid #bbb;
    padding-left: 25px;
}

p.nwasalon-post-date {
	color: #999;
	font-size: .8em;
	line-height: .3em;
}

p.nwasalon-post-author {
	color: var(--accent);
	font-size: .8em;
	font-weight: bold;
}

/*
.nwasalon-info-box-sm {
    gap: 0.5rem;
    margin: 1rem 0
}

.nwasalon-info-box-sm h2 {
    font-size: 1.2rem;
    font-weight: 600;
    padding: 0 0 0 .5rem;
    margin-bottom: 0.25rem
}

.nwasalon-info-box-sm p {
    font-size: 1rem;
    line-height: .9;
    margin: 0;
    padding: 0 0 0 .5rem;
}

.nwasalon-2-1-row .nwasalon-info-box-sm .wp-block-heading a {
    color: #333;
}

.nwasalon-2-1-row .nwasalon-info-box-sm .wp-block-heading a:hover {
    color: var(--accent);
}
*/
input[type=text].nwasalon-dropdown {
    width: 50%;
}

body:not(.wp-customizer) input[type=submit].nwasalon-search-submit {
    border: none;
    border-radius: 3px;
    outline: none;
    background-color: var(--accent);
    color: black;
    font-weight: 800;
    padding: 0 10px;
}

#nwasalon-artist-search-form {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 1em;
}

input#artist-search {
    width: 33%;
    margin-right: 1em;
}

#nwasalon-gallery-search-fw {
    /* full width container */
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(-50vw + 50%);
    background-color: #eee;
    margin-bottom: 2rem;
}

#nwasalon-gallery-search {
    margin-bottom: 2rem;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#gallery-search-form {
    padding: 20px 0;
    max-width: 1200px;
    margin: auto;
}

#gallery-search-form h5 {
    margin: 0 0 5px;
    padding: 0;
    font-weight: 700;
}

#gallery-search-form select {
    font-size: 1.1rem;
}

#gallery-search-location {
    margin-left: 25px;
}

#primary,
aside#secondary {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 2rem;
    padding-bottom: 2rem
}

table.gallery-list {
    width: auto;
}

/** 
 * sinatra theme styling changes
 */

.page-header h1.page-title {
	font-weight: 800;
}

.sinatra-logo .logo-inner {
    margin-top: 14px;
    margin-bottom: 14px;
}

.si-header-container .sinatra-logo.si-header-element {
    display: none;
}

.sinatra-copyright-layout-1 #sinatra-copyright>.si-container>.si-flex-row>div {
    justify-content: left;
}

.sinatra-nav.si-header-element {
    font-size: 1rem;
    height: 3rem;
}

#sinatra-footer .sinatra-footer-column {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 1rem;
}

.sinatra-footer-column .si-entry ul {
    margin-bottom: 1.5rem;
    margin-top: 0;
}

#colophon a:hover,
#colophon li.current_page_item>a,
#colophon .sinatra-social-nav>ul>li>a .si-icon.bottom-icon {
    color: var(--accent);
}

#colophon .widget-title {
    color: #333;
}

.site-footer a:hover {
    font-weight: 600;
}

/**
 * dk - sort this out! 
 */
div.h4.widget-title {
    text-transform: uppercase;

}

.widget ul li,
.widget ol li {
    margin-bottom: 0;
}

/** 
 * Advanced Ads styling 
 */
.nwaga-before-content {
    margin-bottom: 2rem;
}

.nwaga-adlabel {
    text-align: center;
    font-size: small;
}

@keyframes fadeInAds {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.nwaga-ad-box,
.nwaga-sidebar-1,
.nwaga-sidebar-2,
.nwaga-sidebar-3,
.nwaga-before-content {
    animation: fadeInAds 1s ease-in-out;
}

div.nwaga-sidebar div[id^='nwaga-'] {
    margin-bottom: 2rem;
}

.nwaga-xl-banner {
    margin: 2rem 0;
}

/*
 * hide ads on certain pages by adding 
 * - div#no-ads-before
 * - div#no-ads-sidebar
 * - div#no-ads-content
 * to the top of the page
 */
body:has(div#no-ads-before) .nwaga-before-content {
    display: none;
}

body:has(div#no-ads-sidebar) .nwaga-sidebar {
    display: none;
}

body:has(div#no-ads-content) .nwaga-content {
    display: none;
}

.ss-copy-color {
    background-color: #F83400;
}

/* 
 * Google maps
 */
#map {
    height: var(--map-height);
    width: 100%;
    margin: 0;
}

/*
 * Mailchimp form styling
 */
.mc4wp-form-fields p input[type=submit] {
    font-size: small;
    padding: 0 1rem;
    min-height: 2rem;
}

.mc4wp-form-fields input {
    font-size: 1.1rem;
}

/*
 * Contact Form 7 styling
 */
.wpcf7 .wpcf7-list-item {
    margin: 0;
}

.wpcf7 .wpcf7-not-valid-tip {
    font-size: small;
    font-weight: 600;
}

.wpcf7 form .wpcf7-response-output {
    margin: 0;
    border-color: var(--accent);
}

/**
 * event manager styling
 */
article.event div.post-thumb {
	display: none;
}

.em.em-item.em-item-single.size-medium .em-item-header .em-item-image img {
	border-bottom: 4px solid var(--accent);
}

.em.em-list .em-item .em-item-info h3.em-item-title {
    font-weight: 800;
}

.em.em-list .em-item .em-item-info {
	border: none;
}

/**
 * hide "Powered by ...
 */
#em-wrapper.em p {
	display: none;
}