/*
Theme Name: Orchid Experience Recovered
Theme URI: https://orchidexperience.com
Author: Spartan
Author URI: https://orchidexperience.com
Description: Yes, this is the description.
Requires at least: 5.9
Tested up to: 5.9
Requires PHP: 5.6
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: OrchidExperience
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments

Orchid Experience WordPress Theme, (C) 2022 OrchidExperience.com
OrchidExperience is distributed under the terms of the GNU GPL.
*/

:root {
    --light-blue: #52c8ec;
    --blue: #1d87c8;
    --dark-blue: #05324e;

    --light-pink: #db89ba;
    --pink: #ee4181;


    --purple: #b6499b;


    --pink-bg: rgba(227,200,189,.25);
    --grey: rgb(129,145,163);

    --green: rgb(134,160,146);
    --light-grey: rgb(223,220,216);
}

.pinterest {
    display: none;
}

.hidden {
    display: none;
}

/* Make YouTube Videos Full Width With WordPress YouTube Embed */
figure.wp-block-embed.is-type-video, .wp-block-embed__wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /16:9/
}
figure.wp-block-embed.is-type-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Custom Logo in Navbar */
@media screen and (max-width: 992px) {
    .navbar-logo { display: none; }
    .flexLogo { display: none; }
    .centredLogo {
        display: block;
    }
}

@media screen and (min-width: 993px) {
    .centeredLogo {
        display: none;
    }
}

/* Custom Fonts */
@font-face {
    font-family: "Montserrat";
    src: url("/wp-content/themes/OE/assets/font/Montserrat.ttf");
    font-weight: 1 1000;
}


body {
    color: var(--dark-blue);
    font-family: 'Montserrat', sans-serif;
    font-weight: 200;
}

/*strong {
    font-weight: 500;
}*/

/*h1,h2,h3,h4,h5 {
    font-family: 'Lora', serif;
}*/

a {
    color: var(--blue);
    text-decoration: inherit;
}

button.blue {
    padding: 1.2em 2.0em;
    background-color: var(--blue);
    color: white;
}

button.blue:hover {
    opacity: 0.8;
    transition: 0.1s;
    background-color: var(--blue);
    color: white;
}

button.pink {
    padding: 1.2em 2.0em;
    background-color: var(--pink);
    color: white;
}

button.pink:hover {
    opacity: 0.8;
    transition: 0.1s;
    background-color: var(--pink);
    color: white;
}

button.dark-blue {
    padding: 1.2em 2.0em;
    background-color: var(--dark-blue);
    color: white;
}

button.dark-blue:hover {
    opacity: 0.8;
    transition: 0.1s;
    background-color: var(--dark-blue);
    color: white;
}

li.nav-item.active {
    text-decoration: underline;
    text-underline-offset: 2px;
}

a.dark-link {
    color: var(--grey);
    text-decoration: inherit;
}

a:hover {
    color: var(--pink);
    transition: 0.1s;
}

a.dark-link:hover {
    color: var(--grey);
    opacity: .75;
    transition: 0.1s;
}

.hero {
    padding-top: 0;
}

/*@media (max-width: 991px) {
    .hero {
        padding-top: 0px;
    }
}*/

.hero-parallax, .hero {
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (hover: hover) {
    .hero-parallax {
        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;

        min-height:600px;

        position: relative;
        opacity: 0.75;
    }
}

.blog-post > img,h1,h2,h3,h4,h5,h6 {
    padding-top: 25px;
    padding-bottom: 15px;
}

.blog-post > h1,h2,h3,h4,h5,h6 {
    padding-top: 40px;
    padding-bottom: 15px;
}

.blog-post > p {
    padding-top: 10px;
    /*padding-bottom: 10px;*/
}


/* Parallax for Collage Effect */
.object-in-3d {
    width: 250px;
    left: 45%;
    position: absolute;
    top: 50px;
    z-index: 1000;
    /* Highest */
    box-shadow: 0 15px 35px hsla(0, 0%, 0%, .2);
}

.object-in-3d2 {
    width: 250px;
    left: 10%;
    position: absolute;
    top: 150px;
    z-index: 999;
    /* Middle */
    box-shadow: 0 4px 6px hsla(0, 0%, 0%, .2);
}

.object-in-3d3 {
    width: 250px;
    left: 55%;
    position: absolute;
    top: 250px;
    z-index: 998;
    /* Lowest */
    box-shadow: 0 1px 3px hsla(0, 0%, 0%, .2);
}

.fill {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    /*border-radius: 5px;*/
}
.fill img {
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%;
    box-shadow: 0 4px 6px hsla(0, 0%, 0%, .2);
    /*border-radius: 5px;*/
}

.blog-preview-img {
    flex-shrink: 0;
    /*min-width: 100%;
    min-height: 100%;*/
    box-shadow: 0 4px 6px hsla(0, 0%, 0%, .2);
    /*border-radius: 5px;*/
}

.caption {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    color: #000;
}

.caption span.border {
    background-color: #111;
    color: #fff;
    padding: 18px;
    font-size: 25px;
    letter-spacing: 10px;
}

/* PopUp CSS */
div.popUp {
    padding: 0;
    background: var(--pink);
    clip-path: polygon(50% 0, 100% 0, 100% 50%, 50% 100%, 0 100%, 0 50%);
    height: 100vh;
    width: 100vw;
}

.centerPopUp {
    color: var(--grey);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 100vh;
}

.modal-backdrop
{
    opacity:0 !important;
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--grey);
    opacity: .5; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--grey);
}

.my-button {
    background-color: var(--grey);
}

.my-button:hover {
    background-color: var(--blue);
    transition: 0.1s;
}

span.amzn-native-header-text {
    color: var(--grey);
    font-family: 'Montserrat', sans-serif;
}

/* Footer Clean.css */
.footer-clean {
    padding: 0;
    background-color: #fff;
    color: #fff;
    text-align: center;
}

.footer-clean h3 {
    margin-top: 0;
    margin-bottom: 12px;
    font-weight: bold;
    font-size: 16px;
}

.footer-clean ul {
    padding: 0;
    list-style: none;
    line-height: 1.6;
    font-size: 14px;
    margin-bottom: 0;
}

.footer-clean ul a {
    color: var(--grey);
    text-decoration: none;
    opacity: 0.8;
}

.footer-clean ul a:hover {
    opacity: 1;
}

.footer-clean .item.social {
    text-align: center;
}

@media (max-width:767px) {
    .footer-clean .item {
        text-align: center;
        padding-bottom: 20px;
    }
}

@media (max-width: 768px) {
    .footer-clean .item.social {
        text-align: center;
    }
}

.footer-clean .item.social a {
    font-size: 36px; /* 24 px */
    width: 60px; /*40px*/
    height: 60px;/*40px*/
    line-height: 60px;/*40px*/
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    /*border: 1px solid #ccc;*/
    /*margin-left: 10px;*/
    /*margin-top: 22px;*/
    /*color: inherit;*/
    color: #ffffff;
    opacity: 0.75;
}

.footer-clean .item.social a:hover {
    opacity: 1.0;
}

@media (max-width:991px) {
    .footer-clean .item.social a {
        margin-top: 40px;
    }
}

@media (max-width:767px) {
    .footer-clean .item.social a {
        margin-top: 10px;
    }
}

.footer-clean .copyright {
    margin-top: 14px;
    margin-bottom: 0;
    font-size: 13px;
    opacity: 0.6;
}

@media screen and (min-width: 769px) {
    .footer-clean .copyright {
        padding-right: 10px;
    }
}
/* Responsive presentation for recovered WordPress and Squarespace content. */
body{color:#263645;background:#fff;line-height:1.7}img{max-width:100%;height:auto}.recovered-content{max-width:1100px;margin:auto;padding:30px 24px 60px}.recovered-content h1,.recovered-content h2,.recovered-content h3{color:var(--dark-blue);line-height:1.3}.recovered-content h1{margin:20px 0 28px}.recovered-content p{margin-bottom:1.25rem}.recovered-content section{padding:24px 0}.recovered-content .sqs-row,.recovered-content .wp-block-columns{display:flex;flex-wrap:wrap;gap:24px}.recovered-content .sqs-col-12{width:100%}.recovered-content .sqs-col-8{flex:2}.recovered-content .sqs-col-6,.recovered-content .sqs-col-5,.recovered-content .sqs-col-4{flex:1;min-width:240px}.recovered-content .sqs-col-1{display:none}.recovered-content .sqs-block{margin-bottom:20px}.recovered-content .sqs-block-spacer{display:none}.recovered-content .sqs-block-image img{display:block;margin:auto}.recovered-content iframe{width:100%;max-width:100%;min-height:340px;border:0}.recovery-note{padding:14px 18px;background:#f6edf3;border-left:4px solid var(--purple);margin:20px 0;color:#4a3550}.recovery-meta{color:#697985;font-size:.9rem}.orchid-footer{background:var(--dark-blue);color:#fff;padding:36px 24px}.orchid-footer a{color:#fff}.orchid-footer nav{display:flex;gap:20px;flex-wrap:wrap}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:28px}.blog-card{border:1px solid #e3e8eb;border-radius:8px;overflow:hidden;background:#fff}.blog-card img{width:100%;height:190px;object-fit:cover}.blog-card .card-body{padding:22px}.blog-card h2{font-size:1.4rem}.resource-list{columns:2;column-gap:40px}.resource-list li{break-inside:avoid;margin-bottom:12px}.navbar-brand img{height:80px;width:auto}.pagination{display:flex;gap:15px;flex-wrap:wrap;padding:30px 0}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}@media(max-width:767px){.recovered-content{padding:20px 16px 40px}.recovered-content .sqs-row,.recovered-content .wp-block-columns{display:block}.resource-list{columns:1}.navbar-brand img{height:60px}.recovered-content iframe{min-height:220px}}