/*
Theme Name: Neve Child
Theme URI: https://themeisle.com/themes/neve/
Template: neve
Author: ThemeIsle
Author URI: https://themeisle.com
Description: Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
Tags: blog,custom-logo,e-commerce,rtl-language-support,grid-layout,one-column,two-columns,custom-background,custom-colors,custom-header,custom-menu,featured-image-header,featured-images,flexible-header,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,accessibility-ready,wide-blocks,block-styles,footer-widgets,portfolio,left-sidebar,right-sidebar
Version: 3.5.2.1676519180
Updated: 2023-02-16 03:46:20

*/
/*===========================DEFAULT STYLESHEET===================================*/

/*GLOBAL STYLES*/
/*all images*/
img{
    border-radius: 30px; 
    }
.col {
    padding-left: 0px;
    padding-right: 0px;
}
    /*Hero area*/
    .header-main-inner {
        padding-bottom: 20px;
    }
    .default-hero-desktop{
        display: flex !important;
        justify-content: space-evenly;
        align-items: center;
    }
    .see-no, .hear-no, .speak-no {
        color: #2d2a32;
        font-size: 30px;
        text-transform:uppercase;
        text-align: center;
    }
   

    /*TESTING JS ANIMATION 
    .rotate-counter {
        transform:rotate(-45deg);
        animation-duration: 2s;
    }
    .text-flash {
        color:#f72d26;
    }*/
    
    /*animation for hero area*/
    @keyframes hero {
        from {transform:rotate(0deg);
        padding-bottom: 5%;}
        to {padding-bottom: 20%;
            transform:rotate(-45deg);;}
      }
      .see-no img:hover {
        transform:rotate(0deg);
        animation-name: hero;
        animation-duration: 2s;
        padding-bottom: 10%;
        animation-iteration-count: infinite;
        animation-direction: alternate;
      }
      @keyframes antihero {
        from {transform:rotate(0deg);
        padding-bottom: 10%;}
        to {padding-bottom: 20%;
            transform:rotate(45deg);;}
      } 
      
      .speak-no img:hover {
        transform:rotate(0deg);
        animation-name: antihero;
        animation-duration: 2s;
        padding-bottom: 10%;
        animation-iteration-count: infinite;
        animation-direction: alternate;
      }

      @keyframes upglide{
        from{margin-top:0xp;
        padding-bottom: 10%;}
        to{padding-bottom: 25%;
            margin-top:-50px;;}
      }

      .hear-no img:hover{
        margin-top: 0%;
        animation-name: upglide;
        animation-duration: 2s;
        position: relative;
        z-index: 5;
        padding-bottom: 5%;
      }

    @keyframes hero-text{
        from{color: #2d2a32;}
        to {color:#f72d26;;}
    }
    
    .see-no:hover {
        color: #2d2a32;
        animation-name:hero-text;
        animation-duration: .6s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
    }

    .hear-no:hover {
        color: #2d2a32;
        animation-name:hero-text;
        animation-duration: .6s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
    }
    .speak-no:hover {
        color: #2d2a32;
        animation-name:hero-text;
        animation-duration: .6s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
    }
    
    

    /*Choose your own adventure form
    .adventure-select {
        display:flex;
        justify-content: center;
    }
    
    .toggle-selector {
        padding-left: 40px;
        padding-right: 40px !important;
        margin-left: 30px;
    }
    .soft-winter {
        color: lightblue;
    }
    .groovy {
        color: #9966ff;
    }
    .earthy {
        color: #728c69;
    }*/
    .button-toggle-section{
        justify-content: center;
        display: none; /*TEMP HIDING UNTIL I CAN MAKE INTERACTIVE*/
        flex-wrap: wrap;
    }
    .button-toggle {
        display: flex;
        flex-basis: 60%;
        justify-content: space-around;
    }
    
    .is-layout-flex .wp-container-9 .wp-block-columns{
        align-items: center !important;
    }
    /*About this Design section*/
    
    
    /*Portfolio Postgrid customization*/
    #post-grid-229  .layer-wrapper {
        background: transparent !important;
    }
    .element_1677269619515 {
        position: relative;
    }
    .element_1676932958014 {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        align-items: center;
        border-radius: 30px;
        padding: 10px;
        transition: ease-in 0.4s;
    }

    .element_1676932958014:hover {
        background: rgba(0,0,0,0.7);
    }

    .element_1676932958014 a{
        text-decoration: none;
        text-transform: uppercase;
        font-size: 20px;
        text-align: center !important;
        flex-basis: 100%;
        visibility: hidden; 
        transition: ease-in 0.4s;
    }
    .element_1676932958014:hover a{
        visibility: visible;
    }

    .element_1677269654252{
        text-align: center !important;
        font-size: 14px;
    }

    .element_1677550036809 {
        text-transform: uppercase;
        border-bottom: 1px solid #f72d26;
    }
    
    /*About Ivy section*/
    .socials {
        display: flex;
        justify-content: space-around;
        padding-top: 25px;
        padding-bottom: 25px;
    }
    
    .h-yback {
        background: #faf19e;
        border-radius: 20px;
        padding: 20px;
    }
    
    .h-oback {
        background: #f7b32b;
        border-radius: 20px;
        padding: 20px;
    }
    
    .h-rback{
        background: #f72d26;
        border-radius: 20px;
        padding: 20px;
    }
    /*hide Neve branding*/
    .nv-footer-content {
        display:none !important;
    }

/*=============PORTFOLIO PAGE ===========*/
.page-id-34 .wp-block-cover__inner-container{
    display: flex;
    flex-wrap: wrap;
}
.portfolio-buttons {
    display: flex;
    flex-basis: 100%;
    justify-content: space-evenly;
}
.mwf{
    padding-top: 100px;
}
    
/*Overriding Deafult Single Post Styles*/
.project-template-default .single .single-project {
    display:flex;
    flex-basis: 100%;
}
.project-template-default .container, .nv-single-post-wrap {
    max-width: none !important;
}
.single-post-container {
    width: 100% !important;
}

/*for PMD  page*/
.postid-371{
    background: #d0d4c4!important;
}
.postid-371 img {
    border-radius: 0px;
}

.nv-sidebar-wrap {
    display:none !important;
}
.pmd-hero-section{
    display: flex;
    align-items: center;;
}
.pmd-label {
    font-family: 'Homemade Apple', cursive;
    font-size: 48px;
    color: black;
    line-height: 1.5em;
}
.pmd-label-2 {
    font-family: 'Homemade Apple', cursive;
    font-size: 30px;
    color: black;
    padding-right: 50px;
    line-height: 1.5em;
}
.pmd-hero{
    font-family: 'Abril Fatface', cursive;
    font-size:80px;
    line-height:1em;
    text-align: center;
    color: #b3c431!important;
    text-shadow: 0.08em 0.08em 0em rgb(0 0 0 / 40%);
}
.pmd-hero p:hover{
    color: #ef561a !important;
}

.pmd-gal-label{
    font-family: 'Abril Fatface', cursive;
    font-size: 1.5em;
    line-height: 3em;
    text-align: center;
}
.pmd-gal-label p:hover {
    font-size: 1.7em !important;
}
.pmd-gallery img{
    box-shadow: 5px 5px;
}
#wed-title{
    font-family: 'Homemade Apple', cursive;
    color: white;
    text-align: center;
}
.pmd-wed-v {
    box-shadow: #b3c431 5px 5px;
}
.pmd-label {
    padding-bottom: 50px;
}
.pmd-fake-input {
    border: 2px solid #ef561a;
    color:#2d2a32;
}
.pmd-fake-input p {
    margin: 5px;
}
.pmd-fake-button {
    background:#b3c431;
    color: #2d2a32;
    width: 90px;
    margin: 10px;
    text-align: center;;
}

.pmd-about {
    background: #b3c431;
    padding: 20px;
}
/* STARRY NIGHT DESIGN */
.postid-416 {
    background-image: linear-gradient(180deg, #000000, #4d5b5b 100%);
}
.postid-416 .nv-single-post-wrap>div:first-child {
    margin-top: 0px !important;
}
.postid-416 img{
    border-radius: 0px !important;
}
.sn-col-1, .sn-col-2, .sn-col-3, .sn-col-4 {
    align-items: center !important;
    padding-left: 5%;
    padding-right: 5%;
}
.sn-col-1 p, .sn-col-2 p {
    padding: 50px;
}
.sn-col-1 {
    margin-bottom: -10px !important;
}

.sn-col-2-a{
    margin-left: -30px !important;
}

.sn-col-1-a{
    margin-right: -30px !important;
}
/* Reversed column - only visible via mobile - alt for flex box*/
.sn-col-2-mob {
    display: none !important;
}


/* SN text */
.postid-416 .wp-block-cover__inner-container, .sn-about-title{
    font-family: 'Coda', cursive !important;
    color: #cbcbcb !important;
}
.postid-416 p {
    font-family: 'Lora', serif;
    color: #bfd9d8;
    line-height: 1.8em;
}
.sn-about-title{
    text-align: center;
}
.sn-about-text {
    background-color: #000000;
    padding: 20px;
}
.sn-card-text{
    font-family: 'Coda', cursive !important;
}
/*SN tri-fold section */
.sn-col-3-a, .sn-col-3-b, .sn-col-3-c{
    background: #2d2a32;
    padding: 20px;
    text-align: center;
}


    /* =====================tablet styles================================= */
    @media (min-width:481px) and (max-width:820px){
        /*tablet global*/
        #content{
            margin: 20px;
        }
        
       .home img {
            max-width: 75% !important; 
        }
        .space-reduce{
            display:none;
        }
    /*tablet styles hero area*/
    .default-hero{
        height: 270px;
        width: auto;
        filter: none;
    }
    /*tablet styles about this design section*/
    
        .is-layout-flow {
            text-align: center;
            flex-basis: 90% !important;
            margin: 5% !important;
        }
        
    /*tablet portfolio*/
        
    /* tablet about Ivy*/
        .spacer {
            display:none; 
        }
        .about-col-1{
            margin-bottom: 0px !important;
        }
    /*tablet contact form section*/
        .space-save{
            height: 50px;
        }
        .form{
            padding: 5%; 
        }
        /*PMD Tablet styles*/
        .pmd-lorem-column {
            display: none!important;
        }
        .pmd-news-section {
           flex-wrap: wrap !important;
        }
        .pmd-news-section .is-layout-flow .wp-block-column{
            flex-basis: 100%;
            margin-top: 0px;
            margin-bottom: 0px;
        }

        /*=====SN Tablet styles ======*/
        .wp-block-cover__background img {
            max-width: 100%;
        }
        .sn-col-2 {
            display:none !important;
        }
    } /*end of tablet media query*/
    


/* ===========mobile styles================*/
    @media (max-width: 480px){
        /*tablet styles hero area*/
    .default-hero{
        filter: none;
    }
    .default-hero:hover{
        height: 100px;
    }

    .see-no, .hear-no, .speak-no {
        height: 120px !important;
    }
    
    .adventure-select {
        text-align: center;
    }
    
    .adventure-select label {
        padding: 20px;
    }
    /*==========PMD Mobile styles===========*/
    .pmd-lorem-column {
        display:none !important;
    }
    /*=======SN Mobile styles ==============*/
    .sn-col-2 {
        display:none !important;
    }
    .sn-col-2-mob {
        display:flex;
        padding-left: 5%;
        padding-right: 5%;
    }
    .sn-col-2-a {
        padding: 5%;
        margin-left: 0px !important;
    }
    .sn-col-1-b p {
        padding: 5%;
    }
    } 
    /*end of mobile styles*/