/*
 Theme Name:   Angela Scrivin
 Description:  Custom theme
 Author:       Carnoustie Creative
 Author URI:   https://www.carnoustiecreative.co.uk
 Template:     baseline
 Version:      1.1.8
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  baseline-child
*/

:root {
    --as-grey: #F3F3F3;
    --as-blue: #5B79AA;
    --as-border-radius: 0.5rem;
}

.baseline {
    --baseline-aos-distance: 100px;
    --baseline-aos-distance-negative: -100px;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    --cde-edge-padding: 7rem;
}

.baseline h1,
.baseline h2,
.baseline h3,
.baseline h4,
.baseline h5,
.baseline h6 {
    font-weight: 500;
}

.baseline h1 {
    font-size: clamp(3.2rem, 3vw, 4.9rem);
}

.baseline .art h1 {
    font-size: clamp(3rem, 2.6vw, 4.4rem);
}

body.baseline {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.6;
}

.mobile-nav.above {
    background-color: var(--as-grey);
}

.baseline header .custom-logo {
    width: clamp(25rem, 20vw, 40rem) !important;
}

.baseline header .logotitle.row.medium {
    padding: 3.5rem 0;
}

.baseline .header-wrap {
    border-bottom: none;
}

.baseline nav .full .current-menu-item > a, 
.baseline nav .full .current_page_item > a {
    font-weight: bold;
    background: transparent;
    color: #000;
}

.baseline footer {
    background: transparent;
    padding: 0;
}

footer .container {
    background-color: #F3F3F3;
    padding: 2rem 3rem;
}

.baseline .container {
    max-width: 1350px;
}

footer .container,
.baseline header .container,
.wide-container.container,
.container:has(.cde-image-header){
    max-width: 96%;
    width: 96%;    
}

#footer-top-container.container {
    padding: 4rem 2rem;
}

.baseline footer .widget-area {
    margin-bottom: 0;
}

#footer-bottom-container {
    background-color: var(--as-blue);
    color: #fff;
}

.footer-bottom p,
.footer-bottom .widget a {
    margin-bottom: 0;
    color: #fff;
}

footer .widget-area.footer-top .menu {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    column-count: unset;
    width: 70%;
    margin: 0 auto;
}

@media ( max-width: 720px ) {

    footer .widget-area.footer-top .menu {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
    }

    footer .widget-area.footer-top .menu li {
        margin-bottom: 2rem;
    }

}

@media ( min-width: 720px ) {

    .baseline header .first {
        bottom: 2rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
}

.baseline .social-links {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.baseline footer .social-links {
    margin-top: 2rem;
    padding-top: 2rem;
    justify-content: center;
    border-top: 0.1rem solid #ddd;
}

.baseline .social-links a {
    display: inline-block;
    margin-right: 2vw;   
    margin-left: 2vw;   
    font-size: clamp(1.8rem, 2vw, 2.2rem);  
}

@media ( max-width: 720px ) {

    .baseline .social-links a {     
        margin-right: 3rem;   
        margin-left: 3rem;           
    }

}

header #menu-cart {
    margin-right: 2vw;
}

/* Cart menu option styling */

.page.woocommerce-page .content.container {
    display: block;
}

header .menu .cart-total,
.menubar-menu .cart-total {
    display: none;
}

header .menu .cart-contents {
    display: flex;
    align-items: center;
}

.baseline header .widget .menu li.cart {
    margin-left: 0;
}

.baseline #arbitrary-cart-0 .cart-contents .item-count:after {
    display:none;
}

.baseline #arbitrary-cart-0 .cart-contents {
    margin-left: 0;
    display: flex;
    align-items: center;
}

.baseline #arbitrary-cart-0 .cart-contents:hover {
    text-decoration: none;
}

.baseline #arbitrary-cart-0 .cart-contents:before,
.baseline #cde-woo-cart-2 .cart-contents:before {
    content: "\f290";
    font-family: "Font Awesome 7 Pro";
    font-weight: 300;
    background-image: none;
    font-size: 2.2rem;
    position: static;
    width: auto;
    height: auto;
    margin-right: 0.7rem;
    display: inline-block;
}

.cart-empty .item-count {
    display: none;
}

.item-count {
    background-color: var(--as-blue);
    color: #fff;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.5rem;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item-count em {
    display: none;
}

.mobile-nav .arbitrary-cart {
    position: relative;
    z-index: 9;
}

#cde-woo-cart-2 .cart-contents .item-count:after {
    display: none;
}

/* End of cart styling */

/* Floating cart */

form.cart {
    margin-top: 2rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}

form.cart input,
form.cart button {
    height: 5rem;
}

form.cart input {
    border-radius: 0;
    margin-right: 0.7rem;
    margin-bottom: 0;
}

form.cart .quantity:before {
    content: "Qty:";
    margin-right: 0.7rem;
    text-transform: uppercase;
    font-size: 1.3rem;
    text-transform: uppercase;
}

.baseline .xt_woofc-trigger .xt_woofc-count {
    background-color: var(--as-blue);
    border: 0.1rem solid rgba(255, 255, 255, 0.3);
}

.xt_woofc-trigger.xt_woofc-icontype-image .xt_woofc-trigger-cart-icon {
    background-image: url(bag-shopping.svg);
    background-size: 40%;
    background-position: center;
}

.baseline .xt_woofc-checkout em {
    font-style: normal;
    font-weight: 400;
}

.baseline .xt_woofc-cart-open .xt_woofc-checkout {
    background: #000;
}

.xtfw-no-touchevents .xt_woofc-cart-open .xt_woofc-checkout:not(.xt_woofc-processing):hover, .xtfw-touchevents .xt_woofc-cart-open .xt_woofc-checkout:not(.xt_woofc-processing):focus {
    background: #080;
}

/* End of floating cart */

.cde-image-header {
    height: clamp(30rem, 40vw, 70rem);
    position: relative;    
}

.cde-image-header,
.cde-image-header .inner,
.cde-image-header .img {
    border-radius: var(--as-border-radius);
}

.cde-image-header .img,
.cde-image-header .inner {
    height: 100%;
    width: 100%;
    position: absolute;
}

.cde-image-header .img {
    z-index: 1;
    background-size: cover;
}

.cde-image-header .img:after {
    content: "";
    background-color: rgba(0,0,0,0.3);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.flex-elm.cde-image-header.first {
    margin-top: 2.3vw;
}

.cde-image-header .inner {
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 10%;
    box-sizing: border-box;
}

.cde-image-header h1,
.cde-image-header p,
.cde-image-header h2 {
    color: #fff;
}

.art-wrapper ul .art .art_image img {
    width: 100%;
    height: 100%;    
    object-fit: cover;
    object-position: center;
    border-radius: var(--as-border-radius);
    aspect-ratio: 1/0.85;
    transition: transform 0.4s ease;  
    transform-origin: center center;
}

.art-wrapper ul .art .art_image,
.art-wrapper ul .art .art_image img {
    max-height: unset;
    height: auto;
}

.art-wrapper ul .art .art_image {
    overflow: hidden; 
}

.art-wrapper ul .art .art_image:hover img {
    transform: scale(1.1);
}

.art-wrapper ul .art_image_holder {
    padding: 0;
    display: block;
    border-radius: var(--as-border-radius);
}

.art-wrapper ul .art_buttonrow {
    display: none;
}

.art-wrapper ul {
    grid-auto-rows: auto;
}

.art-wrapper ul .art_meta {
    background-color: transparent;
    color: #000;
    padding: 0;
    margin-top: 1rem;
}

.art-wrapper ul .art_meta .art_title {
    color: #000;
    font-weight: 500;    
}

ul .art_meta .art_price {
    font-size: inherit;
    font-weight: 500;
}

.baseline .art_meta .art_title {
    text-transform: none;
    letter-spacing: 0;
}

.art-wrapper ul .art_media_dim {
    display: none;
}

.baseline .art-wrapper .art {
    display: block;
    max-width: 100%;
}

.cde-art .before {
    margin-bottom: 8rem;
}

.baseline .art-wrapper.cols3 ul {
   grid-column-gap: 15rem;
   margin: 0 5rem;
   grid-row-gap: 8rem;
}

@media ( max-width: 1200px ) {

    .baseline .art-wrapper.cols3 ul {
        grid-column-gap: 15rem;
        margin: 0 8rem;
        grid-row-gap: 10rem;
     }

}


.baseline .art_meta .art_meta_right {
    align-items: flex-end;
}

.link-boxes a {
    border-radius: var(--as-border-radius);
    display: block;
    border: 0.3rem solid var(--as-grey);
    padding: clamp(1rem, 2vw, 2.5rem);    
    text-decoration: none;
}

.link-boxes .item-label {
    font-size: clamp(1.6rem, 1.3vw, 1.8rem);
    font-weight: 400;
    padding-right: 6rem;
    position: relative;
    color: #666;    
}

.link-boxes a:hover .item-label {
    color: #000;
}

.link-boxes .item-label span:after {
    content: "\f061";
    font-size: clamp(1.8rem, 1.7vw, 2.2rem);
    font-weight: 300;
    font-family: "Font Awesome 7 Sharp";
    position: absolute;
    right: 0;    
    opacity: 0.4;
    transition-duration: 0.4s;
}

.link-boxes a:hover .item-label span:after {
    opacity: 1;
}

.link-boxes .grid-list.cols-2 {
    grid-row-gap: 3rem;
}

@media ( max-width: 720px ) {

    .link-boxes .grid-list.cols-2 {
        grid-row-gap: 1rem;
    }

}

.link-boxes .before {
    margin-bottom: 6rem;
}

#canvas,
#main {
    margin-bottom: -2rem;
}

.narrow .inner {
    max-width: 80rem;
    margin: 0 auto;
}

#bio img {
    aspect-ratio: 1/1;
    max-width: 27rem;
    object-fit: cover;
    border-radius: 50%;
    object-position: center 30%;
    margin-bottom: 5rem;
}

.woocommerce-page .content.container {
    padding-top: 4rem;
}

.wc-block-cart__submit-container .wc-block-components-button {
    border: 0.1rem solid #000;
    text-decoration: none;
    color: #000;
    border-radius: var(--as-border-radius);
}

.art_metapanel {
    border-radius: var(--as-border-radius);
}

.tax-product_cat .content.container {
    padding-top: 7rem;
}

.tax-product_cat h1.page-title {
    text-align: center;
}

#exhib .wrapper {
    margin-bottom: 10rem;
}

.all-art .cde-art.flex-elm {
    border-top: 0.1rem solid var(--as-grey);
    padding-top: 5rem;
}

.art_image_holder {
    background-image: url('art-bgnd.jpg');
    border-top-left-radius: var(--as-border-radius);
    border-top-right-radius: var(--as-border-radius);
}

.art_image_holder.contain img {
    box-shadow: 1.5rem 1.5rem 0.5rem rgba(0,0,0,0.5);
}

@media ( max-width: 720px ) {

    .art_image_holder.contain img {
        box-shadow: 0.7rem 0.7rem 0.5rem rgba(0,0,0,0.5);
    }

}

.flex-elm.form-container {
    max-width: 100rem;
    margin-left: auto;
    margin-right: auto;
}

.baseline  .art_metapanel {
    margin-top: 3rem;
    border: 0.3rem solid var(--as-grey);
    background: transparent;
    color: #000;
    box-sizing: border-box;
}

.baseline .art_metapanel_rows {
    display: block;
}

.baseline.single-cde-art h1 {
    margin-top: 1rem;
    text-align: left;
    margin-bottom: 3rem;
}

.baseline.woocommerce div.product .product_title {
    margin-top: 1rem;
}

.baseline .art_metapanel_desc {
    border-bottom: 0.1rem solid var(--as-grey);
    margin-bottom: 2rem;
    padding-bottom: 1rem;
}

.baseline .art_metapanel_rows {
    margin-top: 0;
    padding-top: 0;
}

.baseline .art_metapanel_rows {
    border-bottom-color: var(--as-grey);
}

.baseline .art_metapanel_rows > div {
    margin-bottom: 0.5rem;
}

.baseline .woocommerce.art_buttonwrap a.button {
    background-color: var(--as-blue);
    color: #fff;
}

.baseline .art_image_holder {
    padding-top: clamp(3rem, 5vw, 7rem);
    padding-bottom: clamp(3rem, 5vw, 7rem);
    padding-left: clamp(5rem, 9vw, 10rem);
    padding-right: clamp(5rem, 9vw, 10rem);
}

.baseline .swiper-slide img {
    max-height: 50rem;
}

.single-cde-art .art {
    display: grid;
    grid-template-columns: 55% 1fr;
    grid-column-gap: 6rem;
}

@media ( max-width: 800px ) {
 
    .baseline.single-cde-art h1 {
        text-align: center;
        margin-top: 3rem;
        margin-bottom: -2rem;
    }

    .single-cde-art .art {     
        grid-template-columns: 1fr;     
    }

    .baseline .swiper-slide img {
        max-height: 40rem;
    }

    .baseline .art_metapanel {
        padding: 4vw;
    }

    .baseline .art_buttonwrap {
        margin-top: 2rem;
        flex-wrap: wrap;
        justify-content: center;
    }

    .art_buttonwrap > div {
        flex-basis: 100%;            
        text-align: center;
    }

    .baseline .art_buttonwrap .art_price {
        margin-right: 0;
        margin-bottom: 0.5rem;
    }

    .baseline .art h1 {
        font-size: clamp(2.8rem, 3vw, 3.3rem);
        margin-bottom: 1rem;
    }

}

.art_metapanel_desc:empty {
    display: none;
}

.cde-grid-list ul {
    list-style-type: none;
}

.art_shipping_msg {
    margin-top: 2rem;
    padding: 4rem;   
    background-color: var(--as-grey);
    border-radius: var(--as-border-radius);
}

.art_shipping_msg a {
    color: #000;
}

.text-page .cde-wide-text .inner {
    max-width: 85rem;
    margin: 0 auto;
}

.text-page h2 {
    margin-bottom: 3rem;
}

.cde-grid-list .inner a:hover {
    border-bottom-color: var(--as-blue);
}