/* 
Theme Name: peekaboo-landing
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Stavya Grover
Template: hello-elementor
Version: 0.1.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Fonts
2.0 Document
3.0 Landing Page
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Document

Contains all CSS rules for fonts, document setup, layout
--------------------------------------------------------------*/

html { font-size:100%; } /* 1rem = 16px */


@font-face {
    font-family: 'Glacial Indifference';
    src: url('assets/fonts/gi/GlacialIndifference-Bold.woff2') format('woff2'),
    url('assets/fonts/gi/GlacialIndifference-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Glacial Indifference';
    src: url('assets/fonts/gi/GlacialIndifference-Regular.woff2') format('woff2'),
    url('assets/fonts/gi/GlacialIndifference-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




/*--------------------------------------------------------------
2.0 Document

Contains all CSS rules for fonts, document setup, layout
--------------------------------------------------------------*/
* {
    margin: 0;
    padding: 0;
}


body {
    font-size: 1rem;
    line-height: 1.54;
    background-color: #E1D5CA;
    font-family: "Glacial Indifference", Arial, Helvetica, sans-serif;
}


#menu-item-22 a {
    font-family: 'Glacial Indifference';
    font-weight: normal;
    font-style: normal;
}


/*!* === Base (mobile, ≤767px) === *!*/
/*h1, .pm-hlike-h1 { font-size: 2.25rem; }*/
/*h2, .pm-hlike-h2 { font-size: 2rem; }*/
/*h3, .pm-hlike-h3 { font-size: 1.625rem; }*/
/*h4, .pm-hlike-h4 h2 { font-size: 1.375rem; }*/
/*h5, .pm-hlike-h5 h3 { font-size: 1.25rem; }*/
/*h6, .pm-hlike-h6 { font-size: 1.1rem; }*/

/*!* === Tablet (768px–1024px) === *!*/
/*@media (min-width: 768px) {*/
/*    h1, .pm-hlike-h1 { font-size: 2.4rem; }*/
/*    h2, .pm-hlike-h2 { font-size: 2.05rem; }*/
/*    h3, .pm-hlike-h3 { font-size: 1.75rem; }*/
/*    h4, .pm-hlike-h4 h2 { font-size: 1.5rem; }*/
/*    h5, .pm-hlike-h5 h3 { font-size: 1.3rem; }*/
/*    h6, .pm-hlike-h6 { font-size: 1.1rem; }*/
/*}*/

/*!* === Desktop (≥1025px) === *!*/
/*@media (min-width: 1025px) {*/
/*    h1, .pm-hlike-h1 { font-size: 2.5rem; }  !* ~40px *!*/
/*    h2, .pm-hlike-h2 { font-size: 2.25rem; } !* ~36px *!*/
/*    h3, .pm-hlike-h3 { font-size: 1.75rem; } !* ~28px *!*/
/*    h4, .pm-hlike-h4 h2 { font-size: 1.5rem; }  !* ~24px *!*/
/*    h5, .pm-hlike-h5 h3 { font-size: 1.325rem; } !* ~20px *!*/
/*    h6, .pm-hlike-h6 { font-size: 1.1rem; }  !* ~18px *!*/
/*}*/




/* === Base (mobile, ≤767px) === */
h1, .pm-hlike-h1 { font-size: 2rem; }
h2, .pm-hlike-h2 div { font-size: 1.875rem; }
h3, .pm-hlike-h3 { font-size: 1.625rem; }
h4, .pm-hlike-h4 h2, .pm-hlike-h4 div { font-size: 1.375rem; }
h5, .pm-hlike-h5 h3 { font-size: 1.25rem; }
h6, .pm-hlike-h6 { font-size: 1rem; }

/* === Tablet (768px–1024px) === */
@media (min-width: 768px) {
    /*body { font-size: 1.05rem; }*/
    h1, .pm-hlike-h1 { font-size: 2.2rem; }
    h2, .pm-hlike-h2, .pm-hlike-h2 div { font-size: 2.05rem; }
    h3, .pm-hlike-h3 { font-size: 1.75rem; }
    h4, .pm-hlike-h4 h2, .pm-hlike-h4 div { font-size: 1.5rem; }
    h5, .pm-hlike-h5 h3 { font-size: 1.3rem; }
    h6, .pm-hlike-h6 { font-size: 1.05rem; }
}

/* === Desktop (≥1025px) === */
@media (min-width: 1025px) {
    /*body { font-size: 1.1rem; }*/
    h1, .pm-hlike-h1 { font-size: 2.5rem; }  /* ~40px */
    h2, .pm-hlike-h2, .pm-hlike-h2 div { font-size: 2.25rem; } /* ~36px */
    h3, .pm-hlike-h3 { font-size: 1.875rem; } /* ~28px */
    h4, .pm-hlike-h4 h2, .pm-hlike-h4 div { font-size: 1.65rem; }  /* ~24px */
    h5, .pm-hlike-h5 h3 { font-size: 1.325rem; } /* ~20px */
    h6, .pm-hlike-h6 { font-size: 1.1rem; }  /* ~18px */
}

/*--------------------------------------------------------------
3.0 Landing page
--------------------------------------------------------------*/

.pm-pill-1 p{
    display: inline-block;
    font-size: 0.8rem;
    background: #fff;
    padding: 10px 78px;        /* horizontal padding creates the pill length */
    border-radius: 999px;      /* full pill */
    letter-spacing: 0.06em;
    line-height: 1.2;
    box-shadow: 0 2px 6px rgba(0,0,0,.12);  /* soft depth */
}

.pm-pill-2 p{
    display: inline-block;
    font-size: 0.8rem;
    background: #fff;
    padding: 10px 68px;        /* horizontal padding creates the pill length */
    border-radius: 999px;      /* full pill */
    letter-spacing: 0.06em;
    line-height: 1.2;
    box-shadow: 0 2px 6px rgba(0,0,0,.12);  /* soft depth */
}



.pm-pill-wrap { text-align: center; }        /* centers the pill */

.pm-shortcode .wpcf7 {
    text-align: center;
}

.pm-shortcode .wpcf7-spinner {
    display: none;
}


.pm-shortcode form.submitting .wpcf7-spinner {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}

.pm-shortcode .wpcf7-form-control.wpcf7-submit {

}

input.wpcf7-text::placeholder {            /* modern spec */
    text-align: center;
    font-size: 0.8rem;
}
input.wpcf7-text::-webkit-input-placeholder { /* Chrome/Safari/Opera legacy */
    text-align: center;
    font-size: 0.8rem;

}
input.wpcf7-text:-ms-input-placeholder {      /* IE 10–11 */
    text-align: center;
    font-size: 0.8rem;

}
input.wpcf7-text::-ms-input-placeholder {     /* old Edge */
    text-align: center;
    font-size: 0.8rem;
}


.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{
    background-color: #ede7e4;
    color: #58514A;
    width: 68%;
    font-size: 0.8rem;
    border: 0;
    border-radius: 12px;
    text-align: center;
}


@media (max-width: 767px) {
    .wpcf7 input[type="text"],
    .wpcf7 input[type="email"],
    .wpcf7 textarea {
        width: 75%;
    }
}

/* Scope if embedding inside a specific form wrapper */
.pm-cf1 .wpcf7-submit {
    background: #675F55;      /* brown */
    color: #fff;
    padding: 7px 22px;
    border: 0;
    border-radius: 12px;      /* pill shape */
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    /*box-shadow: 0 3px 0 rgba(0,0,0,.25); !* small “pressed” base *!*/
    cursor: pointer;
    font-size: 0.7rem;
    margin-top: 10px;
}
.pm-cf1 .wpcf7-submit:hover, .pm-cf2 .wpcf7-submit:hover { background: #675F55;    }

.pm-cf1 .wpcf7-submit:active, .pm-cf2 .wpcf7-submit:hover {
    transform: translateY(1px);
}

.pm-shortcode input:focus,
.pm-shortcode textarea:focus {
    outline: #675F55 auto 1px;
    outline-offset: 0px;
}



.pm-cf2 .wpcf7-submit {
    background: #675F55;      /* brown */
    color: #fff;
    padding: 7px 22px;
    border: 0;
    border-radius: 12px;      /* pill shape */
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    /*box-shadow: 0 3px 0 rgba(0,0,0,.25); !* small “pressed” base *!*/
    cursor: pointer;
    font-size: 0.7rem;
    margin-top: 10px;
}

.pm-shortcode .wpcf7-not-valid-tip {
    margin-top: 5px;
    color: #58514A;

}

.pm-shortcode .wpcf7 form .wpcf7-response-output {
    margin:1em 0.25em 0.5em;
    color: #58514A;
    border-color: #58514A;
}


.pm-rounded-img img{
    border-radius: 50px;      /* use 50% for a circle */
    overflow: hidden;         /* ensures corners clip when wrapped */
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pm-social .linkedin i {
    margin-bottom: 3px;
}


@media (min-width: 768px) and (max-width: 1000px) {
	.pm-cf1 .wpcf7-submit, .pm-cf2 .wpcf7-submit {
		font-size: 0.6rem;
		    padding: 7px 22px;
	}
}


@media (min-width: 1001px) {
	.pm-cf1 .wpcf7-submit, .pm-cf2 .wpcf7-submit {
		font-size: 0.8rem;
		    padding: 5px 22px;
	}
}





@media screen and (min-width: 768px) and (max-width: 1064px) {
    .pm-cf2 {
        margin-top: 14px !important;
    }

}


.grecaptcha-badge {
	visibility: hidden;
}