/*
 Theme Name:  SweetMeet Child
 Theme URI:   https://sweetmeet.nz
 Description: Child theme for PremiumPress SweetMeet Site (safe place for customizations)
 Author: 	  Tony
 Template:    DA10
 Version:     1.0
*/



/* -------------------------------------------------------------
   Temporary gallery classification labels
------------------------------------------------------------- */

.sm-profile-gallery-main {
    position: relative;
}

.sm-gallery-test-label {
    position: absolute;
    top: 14px;
    left: 14px;
    z-index: 30;
    padding: 7px 11px;
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.82);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    pointer-events: none;
}

.sm-profile-gallery-thumb {
    position: relative;
}

.sm-gallery-thumb-test-label {
    position: absolute;
    right: 3px;
    bottom: 3px;
    left: 3px;
    z-index: 10;
    padding: 4px 2px;
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.86);
    color: #fff;
    font-size: 8px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.03em;
    text-align: center;
    text-transform: uppercase;
    pointer-events: none;
}

















.sm-addlisting-card #add-summary {
    display: none !important;
}

#page-loading img {
    display:none !important;
}

#page-loading:after {
    content:"";
    display:inline-block;
    width:36px;
    height:36px;
    border:4px solid rgba(200,169,106,.25);
    border-top-color:#C8A96A;
    border-radius:50%;
    animation:sm-spin .8s linear infinite;
}

@keyframes sm-spin {
    to {
        transform:rotate(360deg);
    }
}



selector {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

@media (max-width: 768px) {
    selector {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}

input[type="checkbox"] {
    accent-color: #000 !important;
}

.usertry i {
    color: #000000 !important;
}

/* ========================================
   SweetMeet Header 
   ======================================== */
.sm-header-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
}

.sm-header-nav a {
    text-decoration: none;
}

.sm-header-nav-link {
    color: #ffffff;
    font-size: 17px;
    font-weight: 600;
    transition: .2s;
	padding-right: 20px;
}

.sm-header-nav-link:hover {
    color: #d4af5d;
}

.sm-header-nav-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 100px;
    height: 42px;
    padding: 0 22px;
    border: 2px solid #d4af5d;
    border-radius: 4px;
    color: #ffffff;
    font-weight: 600;
    text-decoration: none;
    transition: .2s;
}

.sm-header-nav-button:hover {
    background: #d4af5d;
    color: #111111;
}


/* Standard header layout */
.sm-header-inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.sm-header-logo-wrap {
    flex: 0 1 auto;
}

.sm-header-nav-wrap {
    flex: 0 0 auto;
}

/* Logged-in navigation */
.sm-header-account-nav--logged-in {
    display: flex;
    align-items: center;
    gap: 18px;
}

@media (max-width: 576px) {

    .sm-header-outer,
    .sm-header-outer > .e-con-inner,
    .sm-header-inner,
    .sm-header-logo-wrap,
    .sm-header-nav-wrap {
        --padding-block-start: 0px;
        --padding-block-end: 0px;
        --padding-inline-start: 0px;
        --padding-inline-end: 0px;

        padding: 0 !important;
        margin: 0;
        min-height: 0;
    }

    .sm-header-inner {
        padding: 6px 10px !important;
    }

    .sm-header-logo-wrap {
        align-items: center;
        justify-content: center;
    }

    .sm-header-logo-wrap .elementor-widget-image {
        margin: 0 !important;
    }

    .sm-header-logo-wrap img {
        display: block;
    }
}

@media (min-width: 577px) and (max-width: 1024px) {
    .sm-hero-content {
        justify-content: center !important;
    }
}

/* Mobile footer navigation is active at 576px and below */
@media (max-width: 576px) {

    body.logged-in .sm-header-inner {
        min-height: 64px;
        justify-content: center;
        padding: 7px 12px;
    }

    body.logged-in .sm-header-nav-wrap {
        display: none;
    }

    body.logged-in .sm-header-logo-wrap {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    body.logged-in .sm-header-logo-wrap img {
        width: 220px;
        max-width: 76vw;
        height: auto;
    }
}

/* Tablet and desktop */
@media (min-width: 577px) {

    body.logged-in .sm-header-nav-wrap {
        display: flex;
    }

    body.logged-in .sm-header-logo-wrap {
        width: auto;
    }
}
/* ========================================
   SweetMeet Mobile Search
   ======================================== */

/* SweetMeet mobile search wrapper */
.filterboxWrap-mobile {
    background: #f7f7f7;
    padding: 14px;
    border: 1px solid #e3e0da;
    border-radius: 6px;
}

/* ========================================
   SweetMeet Mobile Search
   Keyword field
   ======================================== */

.filterboxWrap-mobile .filter-keyword {
    margin-bottom: 12px !important;
}

.filterboxWrap-mobile .filter-keyword .mobile-keyword {
    height: 52px !important;
    padding: 0 50px 0 14px !important;

    background: #ffffff !important;
    border: 1px solid #ded8cd !important;
    border-radius: 6px !important;
    box-shadow: none !important;

    font-size: 15px !important;
    color: #212529 !important;
}

.filterboxWrap-mobile .filter-keyword .mobile-keyword::placeholder {
    color: #aaa6a0 !important;
    opacity: 1;
}

.filterboxWrap-mobile .filter-keyword .iconbtn {
    top: 6px !important;
    right: 6px !important;

    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* SweetMeet mobile filter toggle */

.filterboxWrap-mobile > .position-relative.show-mobile.pb-4 {
    padding-bottom: 0 !important;
}

.filterboxWrap-mobile .filterbox.mobile {
    min-height: 52px;
    margin: 0 0 12px 0 !important;
    padding: 0 14px !important;
    display: flex;
    align-items: center;
    background: #ffffff !important;
    border: 1px solid #ded8cd !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    font-size: 15px;
    color: #212529;
}

.filterboxWrap-mobile .filterbox.mobile .text-600 {
    font-weight: 500 !important;
    color: #212529 !important;
}

.filterboxWrap-mobile .filterbox.mobile em {
    margin-left: 8px;
    color: #aaa6a0 !important;
    font-style: italic;
}

.filterboxWrap-mobile .filterbox.mobile .ml-auto,
.filterboxWrap-mobile .filterbox.mobile .ms-auto {
    margin-left: auto !important;
}

/* ========================================
   SweetMeet mobile filter dropdown list
   ======================================== */

.filterboxWrap-mobile .filterboxwrap {
    padding-bottom: 0 !important;
}

/* Remove default list formatting */
.filterboxWrap-mobile .filterboxwrap > ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Each complete filter section */
.filterboxWrap-mobile .filterboxwrap > ul > li {
    display: block !important;
    width: 100% !important;
    margin: 0 0 10px 0 !important;
}

/* Clickable filter heading row */
/* Filter heading rows */
.filterboxWrap-mobile .filterboxwrap ul li.btn-group > .dropdown-toggle {
    width: 100% !important;
    min-height: 48px !important;
    padding: 0 14px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    background: #ffffff !important;
    border: 1px solid #ded8cd !important;
    border-radius: 6px !important;
    box-shadow: none !important;

    font-size: 14px !important;
    color: #212529 !important;
}

/* Space between filters */
.filterboxWrap-mobile .filterboxwrap ul li.btn-group {
    display: block !important;
    width: 100% !important;
    margin-bottom: 10px !important;
}

/* Expanded options panel */
.filterboxWrap-mobile .filterboxwrap ul li.btn-group > .card {
    width: 100% !important;
    margin-top: 6px !important;
    padding: 12px !important;

    background: #ffffff !important;
    border: 1px solid #e7e2d9 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
}

/* Expanded filter option panel */

.filterboxWrap-mobile .filterboxwrap ul li.btn-group > .card {
    margin-top: 4px !important;
    padding: 0 !important;
    overflow: hidden;
}

.filterboxWrap-mobile .filterboxwrap .card > div[style*="min-height"] {
    min-height: 0 !important;
}

.filterboxWrap-mobile .filterboxwrap .custom-control {
    min-height: 42px;
    padding: 10px 12px !important;
    margin: 0 !important;
    border-bottom: 1px solid #eee9e1;
}

.filterboxWrap-mobile .filterboxwrap .custom-control:last-child {
    border-bottom: 0;
}

/* Remove PremiumPress fixed height from opened mobile filters */
.filterboxWrap-mobile .filterboxwrap .ppt-scroll {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
}
/* Override PremiumPress inline 200px filter height */
.filterboxWrap-mobile [id^="search-filter-data-"] > div > div[style*="min-height"] {
    min-height: 0 !important;
    height: auto !important;
}

/* Hide mobile keyword search */
.filterboxWrap-mobile .filter-keyword {
    display: none !important;
}
.filterboxWrap-mobile .filter-keyword {
    display: none !important;
    margin: 0 !important;
}

/* ======================================
   HERO Header Pillar Pages
====================================== */
.sm-seo-hero {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.sm-seo-hero h1 {
    font-size: 4rem;
}

@media (max-width:768px){

.sm-seo-hero h1{
    font-size:2.6rem;
}

}

/* ======================================
   SWEETMEET LOGIN
====================================== */
/* Page background */
body.ppt_login,
body.ppt_login #ppt-register,
body.ppt_login #ppt-register.bg-white {
    background:#000 !important;
}
/* Heading */
body.ppt_login h1 {
    color:#fff !important;
    font-weight:300;
}
body.ppt_login h1:after {
    border-color:#c8a96a !important;
}

/* Labels */
body.ppt_login label {
    color:#ddd !important;
}
/* Form controls - white input boxes */
body.ppt_login .ppt-forms.style2 .form-control,
body.ppt_login .ppt-forms.style2 .form-control:not(.required-active),
body.ppt_login .ppt-forms.style2 input.form-control,
body.ppt_login .ppt-forms.style2 input[type="text"],
body.ppt_login .ppt-forms.style2 input[type="email"],
body.ppt_login .ppt-forms.style2 input[type="password"] {
    background:#fff !important;
    color:#000 !important;
    -webkit-text-fill-color:#000 !important;
    border:1px solid rgba(255,255,255,.75) !important;
    border-radius:4px !important;
    box-shadow:none !important;
    padding-left:14px !important;
    padding-right:48px !important;
}
/* Placeholder */
body.ppt_login .ppt-forms.style2 .form-control::placeholder {
    color:#777 !important;
    opacity:1 !important;
}
/* Focus */
body.ppt_login .ppt-forms.style2 .form-control:focus {
    background:#fff !important;
    color:#000 !important;
    -webkit-text-fill-color:#000 !important;
    border:1px solid #c8a96a !important;
    box-shadow:0 0 0 2px rgba(200,169,106,.25) !important;
    outline:none !important;
}
/* Icons */
body.ppt_login .form-group i {
    color:#999 !important;
}
body.ppt_login .form-group:focus-within i {
    color:#c8a96a !important;
    transition:.25s;
}
/* Button */
body.ppt_login button,
body.ppt_login .btn,
body.ppt_login .btn-primary,
body.ppt_login input[type="submit"] {
    background:#c8a96a !important;
    border-color:#c8a96a !important;
    color:#000 !important;
    font-weight:700 !important;
    border-radius:4px !important;
}
body.ppt_login button:hover,
body.ppt_login .btn:hover,
body.ppt_login .btn-primary:hover,
body.ppt_login input[type="submit"]:hover {
    background:#d8bd82 !important;
    border-color:#d8bd82 !important;
    color:#000 !important;
}
/* Remember / small text */
body.ppt_login .row.small,
body.ppt_login .row.small label,
body.ppt_login .opacity-8 {
    color:#ddd !important;
    opacity:1 !important;
}
/* Links */
body.ppt_login a {
    color:#c8a96a !important;
}
body.ppt_login a:hover {
    color:#fff !important;
}
/* Checkbox */
body.ppt_login .custom-control-label:after {
    border:1px solid #fff !important;
    border-radius:3px !important;
    background-color:transparent !important;
}
body.ppt_login .custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
    background-color:#c8a96a !important;
    border-color:#c8a96a !important;
    background-size:9px 9px !important;
}
/* Tick colour */
body.ppt_login .custom-checkbox .custom-control-input:checked ~ .custom-control-label:after{
    background-size:9px 9px !important;
}
/* Centre the logo */
body.ppt_login .row.g-0:first-child {
    text-align:center;
}

body.ppt_login .navbar-brand-dark{
    display:block;
    margin:0 auto;
    max-width:350px;
    width:100%;
    height:auto;
}

/* Login popup header */
.ppt-modal-wrap .ppt-forms .bg-primary,
.ppt-modal-wrap .ppt-modal-container .bg-primary {
    background:#111 !important;
    color:#fff !important;
}

/* --------------- MOBILE WIDTH ADJUSTMENTS ------------------- */
/* Screen Width Scaling */
@media (min-width: 400px) {
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 79% !important;
        max-width: 79% !important;
    }
}
@media (min-width: 540px) {
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 77% !important;
        max-width: 77% !important;
    }
}
@media (min-width: 768px) {
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 70% !important;
        max-width: 70% !important;
    }
}
@media (min-width: 992px) {
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 59% !important;
        max-width: 59% !important;
    }
}
/* Login PopUp */
@media only screen and (max-width:575.98px){

    body .ppt-modal-wrap:not(.modal-bottom-right) {
        position:fixed !important;
        top:0 !important;
        left:0 !important;
        right:0 !important;
        bottom:auto !important;

        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        /* display:block !important; */
        overflow-y:auto !important;

        padding-top:60px !important;
        padding-bottom:20px !important;
    }

    body .ppt-modal-wrap:not(.modal-bottom-right) .ppt-modal-container {
        position:relative !important;
        top:auto !important;
        left:auto !important;
        transform:none !important;

        height:auto !important;
        min-height:0 !important;
        max-height:calc(100vh - 90px) !important;

        overflow-y:auto !important;
        margin:0 auto !important;
    }
}

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

    body .ppt-modal-mobile-close {
        position:relative !important;
        z-index:999999 !important;
        pointer-events:auto !important;
    }

    body .ppt-modal-mobile-close a.btn-close,
    body .ppt-modal-mobile-close a[data-ppt-btn="X"] {
        position:relative !important;
        z-index:999999 !important;
        pointer-events:auto !important;
        cursor:pointer !important;
    }

}