/*
Theme Name: MaleStrippers 2025 - FSE - Child
Author: Pilot Digital
Author URI: pilotdigital.com
Theme URI: 
Tags: full-site-editing
Template: pilot-mercury-atlas
Text Domain: ms-web
Requires at least: 6.5
Requires PHP: 8.0
Tested up to: 6.0
Version: 1.0.0

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)
*/

/*
Child Theme Style Sheet

Should only things not able to be handled in the theme.json

This stylesheet is also loaded into the admin editor

*/

:root {
    font-variant-numeric: lining-nums;

}

@media screen and (max-width:600px) { /*padding-variables on mobile .. maybe move to parent theme  */

:root {
	    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 2.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--preset--spacing--10: 0.3rem;
    --wp--preset--spacing--90: 5.59rem;
    --wp--preset--spacing--100: 11.39rem;

    font-variant-numeric: lining-nums;

}



@media (prefers-reduced-motion: no-preference) {
    html {
      scroll-behavior: smooth;
    }
  }


}

footer {
    margin-block-start: 0rem;
}


/* ==========================================================
Button Styles
============================================================= */

.is-style-arrow-button .wp-block-button__link {
    position: relative;
}

.is-style-arrow-button .wp-block-button__link::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='11' fill='none'%3E%3Cpath fill='%230E0E12' d='m6.762 6.084-4.609 4.674a.802.802 0 0 1-1.148 0L.239 9.98a.83.83 0 0 1 0-1.165l3.266-3.313L.24 2.191a.83.83 0 0 1 0-1.165L1 .242a.802.802 0 0 1 1.149 0l4.608 4.674a.83.83 0 0 1 .004 1.168Z'/%3E%3C/svg%3E ");    
    display: inline-block;
    padding-left: 8px;
    transform: translateX(0%);
    transition: all .2s ease-in-out;
    transform: scale(.9);
    vertical-align: middle;
}

.wp-block-button .wp-block-button__link:hover::after {
    transform: translateX(14%) scale(.9);
}

button:not(.wp-block-social-link-anchor, .slick-arrow, .wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close),
.wp-block-search .wp-block-search__button,
input[type="button"],
input[type="submit"],
.wp-block-button__link {
    background-color: var(--wp--preset--color--hot-pink);
    border: 1.5px solid var(--wp--preset--color--hot-pink);
    border-radius: 4px;
    color: var(--wp--preset--color--black);
    cursor: pointer;
    padding: 0.625rem 1rem;
    text-align: center;
    transition: all 0.2s ease-in-out;
    line-height: 1.2;
}

.wp-block-button .wp-block-button__link:hover{
    background-color: var(--wp--preset--color--light-pink);
    color: var(--wp--preset--color--black);
    border-color:  var(--wp--preset--color--light-pink);
}

.is-style-outline > .wp-block-button__link {
    /* border: 1.5px solid var(--wp--preset--color--yellow); */
    background-color: unset;
    color: var(--wp--preset--color--hot-pink);
}

.is-style-outline > .wp-block-button__link:hover {
    border-color:  var(--wp--preset--color--light-pink);
    background-color: var(--wp--preset--color--light-pink);
    color: var(--wp--preset--color--black);
}


.is-style-telephone-button > .wp-block-button__link {
    background-color: var(--wp--preset--color--hot-pink);
    color: var(--wp--preset--color--shadow);
    position: relative;
    padding-left: 40px;
    border: 1.5px solid var(--wp--preset--color--yellow);
}

.is-style-telephone-button > .wp-block-button__link::after {
    content: '';
}

.is-style-telephone-button > .wp-block-button__link:hover {
     background-color: var(--wp--preset--color--light-pink);
    color: var(--wp--preset--color--black);
    border-color:  var(--wp--preset--color--light-pink);
}

.is-style-telephone-button > .wp-block-button__link::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none'%3E%3Cpath fill='%23052230' d='m13.586 10.232-2.027-.231a1.59 1.59 0 0 0-1.31.455l-1.469 1.47a12.012 12.012 0 0 1-5.261-5.262l1.477-1.477a1.59 1.59 0 0 0 .455-1.31l-.232-2.012A1.598 1.598 0 0 0 3.63.452H2.25c-.903 0-1.654.75-1.598 1.653C1.075 8.923 6.53 14.368 13.34 14.79c.902.056 1.653-.694 1.653-1.596v-1.382a1.582 1.582 0 0 0-1.406-1.58Z'/%3E%3C/svg%3E");
    height: 15px;
    width: 15px;
    position: absolute;
    left: 20px;
    bottom: 12px;
    margin-right: 7px;
    transition: all .2s ease-in-out;
}

.is-style-arrow-link > .wp-block-button__link {
    background-color: unset;
    color: var(--wp--preset--color--white);
    border: 0px;
}

.is-style-arrow-link .wp-block-button__link::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='9' fill='none'%3E%3Cpath fill='%23E555B7' d='m5.796 4.978-3.95 3.824a.71.71 0 0 1-.985 0l-.656-.636a.657.657 0 0 1 0-.953l2.8-2.71-2.8-2.71a.657.657 0 0 1 0-.954L.858.2a.71.71 0 0 1 .985 0l3.95 3.823a.658.658 0 0 1 .003.956Z'/%3E%3C/svg%3E%0A");
    display: inline-block;
    padding-left: 1rem;
    transform: translateX(0%);
    transition: all .2s ease-in-out;
    vertical-align: middle;
}

.is-style-arrow-link > .wp-block-button__link:hover {
    background-color: unset;
    color: var(--wp--preset--color--light-pink);
    border-color:  none;
}

/* ===================================================================================
Breadcrumbs
======================================================================================*/

.breadcrumbs {
    font-size: 1rem;
    color: var(--wp--preset--color--dark-blue);
    text-decoration: none;
    line-height: 1.2;
}
.breadcrumbs ol {
    margin-top: 0px;
    flex-wrap: wrap;
}

.breadcrumbs li a {
    text-decoration: none;
}

.breadcrumbs a {
    font-weight: 500;
    transition: all .3s ease-in-out;
    color: var(--wp--preset--color--accessible-cyan-on-light-bg)
}

.breadcrumbs a:hover {
    text-decoration: none;
    background-color: #D4F8FF;
}



/* ================================================================================
Mk Clk
================================================================================ */

.mk-clk {
    transition: all 0.2s ease-in-out;
    /* transform: translateY(0%); */
    }


.mk-clk:hover{
	cursor:pointer;
    /* transform: translateY(-3%); */
}

/* Heading
============================================================= */
.wp-block-heading.is-style-pink-dotted-underline {
    /* display: inline-block; */
    display: grid;
    position: relative;
    padding-bottom: 2rem;
}

.wp-block-heading.is-style-pink-dotted-underline.has-text-align-center:after {
    text-align: center;
    justify-self: center;
}


.wp-block-heading.is-style-pink-dotted-underline:after {
    content: "";
    position: relative;
    margin-top: 2rem;
    left: 0px;
    /* left: 50%; */
    bottom: 0;
    /* transform: translateX(-50%); */
    width: 30%;
    border-bottom: 3px dotted var(--wp--preset--color--hot-pink);

}

.wp-block-heading .lil-heading {
font-size: 50%;
}

h1 span.lil-heading {
    font-size: 50%;
}

/* Paragraph
============================================================= */
p.is-style-all-caps-label {
    text-transform: uppercase;
    letter-spacing: .1rem;
    color: var(--wp--preset--color--hot-pink);
    font-weight: bold;
}


/* Icon Button Link (PDF Download buttons)
============================================================= */
.icon-button-link.mk-clk {
    transition: all 0.2s ease-in-out;
    transform: translateY(0%);
}

.icon-button-link.mk-clk:hover {
    transform: translateY(-3%);
}

/* Wordpress Grid Layout
============================================================= */
@media screen and (max-width: 800px) {
    .wp-block-group-is-layout-grid {
        grid-template-columns: 1fr 1fr;    
    }

    .off-set-image-grid {
        row-gap: 5rem;
    }
}

@media screen and (max-width: 600px) {
    .wp-block-group-is-layout-grid {
        grid-template-columns: 1fr;    
    }
}

/* Page Headers on Mobile
============================================================= */

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

	.page-header.wp-block-cover {
		min-height: auto !important;
		padding-bottom: 1rem !important;
}

    .page-header.wp-block-cover{
    flex-direction: column;
    background-color: var(--wp--preset--color--sea)!important;
    padding: 0rem;
    justify-content: flex-start!important;
    padding-top: 0px!important;
    padding-bottom:0px!important;
    }

    .page-header.wp-block-cover .wp-block-cover__image-background {
        position: relative!important;
        aspect-ratio: 16 / 9;

    }


    .page-header.wp-block-cover .wp-block-cover__background.has-background-dim {
      opacity:0!important;
	}
	  
	  .page-header .intro-text-container {
		margin-bottom: 1rem!important;
		margin-top: 1.5rem!important;
	  }

	  .homepage-page-header .wp-block-cover__inner-container {
		margin-bottom: 1.5rem;
	  }


.page-header.wp-block-cover .wp-block-cover__inner-container {
        padding-top: var(--wp--preset--spacing--40);
        padding-bottom: var(--wp--preset--spacing--40);
        width: 100%;
        box-sizing: border-box;

    }
}


/* List
======================================================================================*/
li::marker {
    color: var(--wp--preset--color--hot-pink);
}

.wp-block-list li {
    margin-bottom: 6px;
}

.wp-block-list {
    padding-left: 1rem;
}

.wp-block-list li {
    padding-left: 1rem;
    line-height: 1.2;
    padding-bottom: .25rem;
}

.wp-block-separator.is-style-wide {
    width: 100%;
    height: 2px!important;
}

.wp-block-separator.is-style-dots {
        height: 2px;
        position: relative;
        border-bottom: 3px dotted var(--wp--preset--color--hot-pink);
        width: 30%;
        bottom: 0px;
        left: 0px;
        font-size: unset;
}


:root :where(.wp-block-separator.is-style-dots) {
    line-height: unset;
}

.wp-block-separator.is-style-dots {
    border-bottom: 2px dotted var(--wp--preset--color--hot-pink)!important;
}


.wp-block-separator:not(.is-style-dots-wide):not(.is-style-dots) {
    width: 100%!important;
}

.wp-block-separator.is-style-dots-wid {
border-bottom: 2px dotted var(--wp--preset--color--hot-pink)!important;
background-color: unset!important;
}


ul.gform_fields {
    list-style: none;
}

/* Accoridions
============================================================= */
.wp-block-details {
    font-size: 1.25rem;
    font-weight: 700;
    border-top: 1.5px solid #0B2E40;
    padding-top: 1rem;
    margin-bottom: 3rem;
}

.wp-block-details summary::marker {
    text-align: end!important;
}

.wp-block-details p{
    font-size: 1.1rem;
    font-weight: 400;
}

.wp-block-details h5 {
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: none;
}

/* Posts
============================================================= */

.wp-block-post > figure img {
    object-fit: cover;
}

.wp-block-post > figure {
    margin: 0;
}

/*--------------------------------------------------------------------------------
# Pages & Patterns
--------------------------------------------------------------------------------*/

/* Pricing Packages
============================================================= */

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

    .pricing-packages-grid {
    grid-template-columns: 1fr 1fr;
    }

}

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

    .pricing-packages-grid .wp-block-columns{
    flex-wrap: nowrap!important;
    }

}

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

    .pricing-packages-grid {
    grid-template-columns: 1fr;
    }

}

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

    .pricing-packages-grid .wp-block-group.has-black-background-color {
    padding:var(--wp--preset--spacing--50)!important;
    }
}