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

@font-face {
    font-family: 'WixMadeforDisplay';
    src: url('fonts/WixMadeforDisplay-VariableFont_wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

:root {
    --pp-dark-selvedge: #4E5A5F;
    --pp-selvedge: #7C8E96;
    --pp-porcelain: #EFF3F5;
    --pp-midblue: #AFC3CC;
    --pp-line: #D7E1E5;
}

.baseline {
    --baseline-aos-distance: 100px;
    --baseline-aos-distance-negative: -100px;
    --cde-edge-padding: 7rem;
}

.baseline .flex-elm.last {
    margin-bottom: calc( var(--cde-edge-padding) + 2rem );
}

body.baseline {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.6;
    font-family: "objektiv-variable", sans-serif;
    font-variation-settings: "wght" 400;
    font-size: clamp(1.4rem, 2vw, 1.7rem);
}

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

.header-wrap .container,
footer .container {
    max-width: 1400px;
}

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

.baseline .site-title {
    font-family: 'WixMadeforDisplay';
    position: relative;
    font-size: clamp(3rem, 3vw, 4.2rem);
}

@media ( max-width: 600px ) {

    .baseline .site-title {
        text-align: center;
    }

}

.baseline .site-title:after {
    content: "contemporary artist";
    margin-left: 1.5rem;
    font-weight: 400;
}

@media ( max-width: 720px ) {

	.baseline .site-title:after {
		display: block;
	}
	
}

.baseline .site-description {
    display: none;
}

.mobile-nav.above {
    border-bottom: 0.1rem solid var(--pp-line); 
}

/* 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 6 Pro";
    font-weight: 300;
    background-image: none;
    font-size: 3rem;
    position: static;
    width: auto;
    height: auto;
    margin-right: 0.7rem;
    display: inline-block;
}

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

.item-count {
    background-color: var(--pp-midblue);
    color: #fff;
    width: 3rem;
    height: 3rem;
    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(--pp-midblue);
    border: 0.1rem solid rgba(128, 128, 128, 0.5);
}

.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;
}

form.cart.xt_woofc-hide {
    display: none;
}

/* End of floating cart */

.baseline .header-wrap {
    padding-bottom: 3rem;
    border-bottom-color: var(--pp-line);
}

.header-wrap .menu li a {
    text-transform: uppercase;
}

.baseline .sidebar .menu li a, 
.baseline nav .full ul li a {
    padding: 0;
    color: var(--pp-dark-selvedge);
}

.baseline nav .full ul li a:hover {
    color: #000;
}

.baseline nav .full ul li a i {
    color: var(--pp-selvedge);
    font-size: 1.3em;
}

.baseline nav .full ul li {
    margin-left: 2vw;
    font-size: clamp(1.4rem, 2vw, 1.6rem);
}

.baseline nav .full ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.baseline nav .full ul li:first-child {
    margin-left: 0;
}

.baseline nav .full ul li.rhs {
    margin-left: auto;
}

.baseline .full.menu {
    margin-top: 3rem;
}

.baseline nav .full .container>ul:after {
    content: unset;
}

.baseline nav .full .current-menu-item > a, 
.baseline nav .full .current_page_item > a,
.baseline nav .full li a:hover {
    background: transparent;
    color: inherit;
}

nav .full .menu { 
    position:relative; 
}

nav .full .menu::before {
  content: "";
  position: absolute;
  top: -1.5rem; 
  height: 3px; 
  width: var(--w, 48px);
  left: 0; 
  transform: translateX(var(--x,0));
  background: #AFC3CC; 
  transition: none;
}

/* turn animation on after init */
nav .full .menu.is-animated::before{
    transition:transform .3s ease, width .3s ease;
  }

  .baseline header .first {
    top: 3rem;
  }


.link-boxes.text-left .inner {
    display: grid;
    grid-template-columns: 1fr 40%;
    grid-column-gap: 9rem;
}

@media ( max-width: 600px ) {

    .link-boxes.text-left .inner {
        grid-template-columns: 1fr;
        grid-row-gap: 3rem;
    }

}

.link-boxes.text-left .grid-list.cols-1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.link-boxes .cde-grid-item-inner a {
    border: 0.1rem solid var(--pp-line);
    display: block;
    padding: 3vw;
}

.link-boxes .item-label {
    font-size: clamp(1.8rem, 1.7vw, 2.5rem);
    padding-right: 3rem;
    position: relative;
}

.link-boxes .item-label span:after {
    content: "\f061";
    font-family: "Font Awesome 6 Pro";
    font-size: clamp(2rem, 2vw, 3rem);
    color: var(--pp-midblue);
    position: absolute;
    right: 0;
}

footer #menu-footer li a {
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    font-size: clamp(1.3rem, 1.8vw, 1.5rem);
}

.baseline footer .widget-area #menu-footer.menu li:after {
    margin: 0 2vw;
}


#menu-social.menu {
    padding-top: 3rem;
    position: relative;
}

#menu-social.menu:before {
    content: "";
    width: 16vw;
    height: 0.1rem;
    background-color: var(--pp-porcelain);
    opacity: 0.3;
    margin: 0 auto;
    left: -50%;
    right: -50%;
    position: absolute;
    top: 0;
}

.baseline footer .widget-area #menu-social.menu li:after {
    margin: 0 2vw;
}

.baseline footer .widget-area #menu-social.menu li:last-child:after {
    margin: 0;
}

@media ( max-width: 600px ) {

    .baseline footer .widget-area #menu-social.menu li:after {
        margin: 0;
    }

}

.baseline footer {
    padding-top: 5rem;
}

.widget-area.footer-top .widget {
    margin-bottom: 4rem;
}

.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
button,
input[type=submit].mailpoet_submit,
input[type=button],
input[type=reset],
input[type=submit] {
    padding: 2rem 3.2rem !important;
    border: 0.1rem solid var(--pp-line);
}

.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    border-color: var(--pp-selvedge);
}

.baseline .art-carousel {
    overflow-y: hidden;
    height: 40vw !important;
}  

.baseline .art-carousel > * {
    visibility: hidden;
}

.baseline .art-carousel.flickity-enabled {
    height: auto !important;
}

.baseline .art-carousel.flickity-enabled > * {
    visibility: visible;
}

.baseline h1 {
    position: relative;
}

.baseline h1:after {
    margin-top: 2rem;
    content: "";
    width: 4.8rem;
    height: 0.7rem;
    background-color: var(--pp-midblue);
    display: block;
}

.baseline h1[style*="text-align: center"]:after,
.baseline.single-cde-art h1:after {
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide .art_image img {
    max-width: 50vw;
    max-height: 50vw;
}

.baseline .art_image_holder {
    background: var(--pp-porcelain)
}

.baseline .art_meta,
.baseline .art_meta .art_title {
    color: #000;
    background-color: transparent;
}

.baseline .art_buttonrow {
    color: #000;
    background-color: transparent;
}

.baseline.single-cde-art .art,
.baseline .art-wrapper .art {      
    border: 0.1rem solid var(--pp-line);
}

.baseline .art_metapanel {
    color: #000;
    background-color: transparent;
}

.content .woocommerce a.button {
    border-bottom: 0.1rem solid var(--pp-line);
}

.baseline li.cart a {
    color: var(--pp-selvedge);
}

.baseline .mobile-nav #menu-choices li {
    background: var(--pp-porcelain);
}

.art_metapanel_label {
    font-variation-settings: "wght" 600;
}

.single.artcat-work .art_metapanel_wrap {
    display: none;
}

.baseline.single.artcat-work .art {    
    border: none;
}

.baseline.single.artcat-work .art_image_holder {
    background: unset;
}

.cde-art .artcat-work .art_meta_right,
.cde-art .artcat-work .art_buttonrow {
    display: none;
}

.cde-art .artcat-work .art_meta {
    grid-template-columns: 1fr;
}

.cde-art .artcat-work .art_title,
.cde-art .artcat-work .art_media_dim {
    text-align: center;
}

.cde-art .artcat-work .art_media_dim {
    font-size: 1.1rem;
    margin-top: 1rem;
}

.baseline .artcat-work .art_image_holder {
    background: unset;
}

.baseline .art-wrapper.artcat-work .art {
    border: unset;
}

.baseline .single-cde-art h1 {
    margin-bottom: 7rem;
}

.baseline.single.artcat-work h1 {
    margin-bottom: 2rem;
}

.art-wrapper.cols2.artcat-work .art_image img {
    max-height: 32rem;
}

.art-wrapper.cols2.artcat-work .art_image {
    height: 36rem;
}

.art-wrapper.cols2.artcat-work ul {
    grid-row-gap: 10rem;
}

footer .widget-area .menu-footer-container .menu li {
    font-size: 1.4rem;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
    margin: 0 2rem;
}

.art .art_shipping_msg {
    padding-top: 1.5rem;
    border-top: 0.1rem solid var(--pp-line);
}

#shared-email-signup-form {
    border: 0.1rem solid var(--pp-line);
    padding: 4rem;
    overflow: hidden;
    position: relative;
    background-color: var(--pp-porcelain);
}

#shared-email-signup-form:after {
    content: "\f0e0";
    font-family: "Font Awesome 6 Pro";
    font-weight: 200;
    font-size: 25rem;
    position: absolute;
    right: -3rem;
    top: -10rem;
    transform: rotate(-20deg);
    z-index: 0;
    color: var(--pp-line);
    opacity: 0.5;
}

@media ( max-width: 900px ) {

    #shared-email-signup-form:after {
        font-size: 18rem;
        top: -8rem;
    }

}

#shared-email-signup-form p {
    margin-right: 40rem;    
}

#shared-email-signup-form p,
#shared-email-signup-form h2,
.baseline .mailpoet_form {
    position: relative;
    z-index: 1;
}


.baseline .mailpoet_form {    
    margin-top: 1rem;
    display: grid;
    grid-template-columns: 1fr 20rem;
    grid-column-gap: 4rem;
}

@media ( max-width: 900px ) {

    .baseline .mailpoet_form {
        grid-template-columns: 1fr;
    }

    #shared-email-signup-form p {
        margin-right: 25%;
    }

    .baseline .mailpoet_paragraph.last {
        margin-top: 2rem;
    }
    
    .baseline footer .widget-area .menu li {
        display: block;
        margin: 1.5rem 0;
    }

}

.baseline .mailpoet_paragraph {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 0;
}

.baseline .mailpoet_paragraph input {
    flex-grow: 1;
    min-height: 5rem;
}

.baseline #mailpoet_form_1 .mailpoet_paragraph {
    margin-bottom: 0;
}

.baseline .meta-below {
    display: none;
}

.art .cde-slides .swiper-main .swiper-wrapper {
    background-color: var(--pp-porcelain);    
}

.single.artcat-work .art .cde-slides .swiper-main .swiper-wrapper {
    background-color: unset;
}

.art .cde-slides .swiper-thumbs .swiper-wrapper {
    border-top: 0.1rem solid var(--pp-line);
    border-bottom: 0.1rem solid var(--pp-line);
}


.baseline .art-carousel .art_work {
    padding: 3rem;
    transition: opacity 0.5s ease, padding 0.3s ease-in-out;
}

.baseline .art_image_carousel img {
    max-height: 60vh;
}

.art_image_carousel {
    text-align: center;
}

.baseline .art-carousel .art_work {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

.baseline .woocommerce.art_buttonwrap a.button, 
.baseline .art_info a.button {
    font-size: clamp(1.2rem, 1.7vw, 1.35rem);
    padding: 1.5rem 3.5rem !important;
}

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

.baseline .art_buttonwrap {
    margin-top: 2rem;
}

@media ( max-width: 600px ) {

    .baseline .art_buttonwrap {
        flex-wrap: wrap;
        justify-content: center;
    }

    .baseline .art_buttonwrap .art_price {
        margin-bottom: 2rem;
    }

}