/*
Theme Name: On Verve
Theme URI: 
Author: Giant
Author URI: 
Description: 
Requires at least: 7.1
Tested up to: 7.1
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: on-verve
Tags: 

------------- Table of contents -------------

- Globals 
- Footer
- Custom Grid Area
- Module with Right Image Fixed Bottom
- Module with Left Image 
- Hero with bottom text
- Tiled Content 
- Full Width Image Grid
- Single Post Template
*/






/* - Globals Start  */

*:focus,
*:active {
    outline: none !important;
}

a{
    text-decoration: none !important;
}
.container{
    max-width: 1400px;
    margin: auto;
}
.grp-list *:hover,
a *:hover,
a:hover{
    text-decoration: none !important;
}

:root {
    --darkGreen: #2A7050;
    --pink: #E99AC3;
    --cyan: #D51568;
    --darkGrey: #14171C;
   --mediumGrey: #2B2B2B;
}

#pink-button a{
    border: 2px solid var(--pink);
}
#pink-button a:hover{
    background-color: #fff !important; 
    color: var(--pink);
    transition: 0.3s;
}
#green-button a{
    border: 2px solid var(--darkGreen);
}
#green-button a:hover{
    background-color: #fff !important; 
    color: var(--darkGreen) !important;
    transition: 0.3s;
}
#cyan-button a{
    border: 2px solid var(--cyan);
}

#cyan-button a:hover{
    background-color: #fff !important; 
    color: var(--cyan) !important;
    transition: 0.3s;
}

#white-button a{
    border: 2px solid #fff;
}
#white-button a:hover{
    background-color: #fff !important; 
    color: #000 !important;
    transition: 0.3s;
}

#cyan-highlight-text strong{
    color: var(--cyan);
    font-weight: 500 !important;
}

#default-heading{
    margin: auto;
    justify-self: center;
    display: flex;
}

ul.cyan-line-heading.custom-list  li strong{
    color: var(--cyan);
    font-weight: 500;
}

.custom-list{
    padding-left: 20px;
}
.custom-list li{
    margin-left: 5px;
    position: relative;
    
}
.custom-list li::before{
    content: '';
    position: absolute;
    left: -12px;
    top: 12px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--cyan);
}
.custom-list li::marker{
    color: var(--cyan);
    font-size: 1.5rem;
}
.custom-list{
    list-style: none;
}
.display-table{
    display: table;
}
.border-radius-50 button{
    border-radius: 50px !important;
}
@media screen and (max-width: 1000px){
    .inverted-on-mobile-1000{
        flex-direction: column-reverse;
    }
    .inverted-on-mobile{
        flex-direction: column-reverse;
    }
    .custom-list li::before{
        top: 9px;
    }
}

/* - Globals  End */




/* - Footer Start  */

footer{
    margin-block-start: 0px !important;
}

footer a:hover{
    color: var(--pink);
    transition: 0.3s;
}
#socials-row img{
    transition: 0.3s;
}
#socials-row img:hover{
    transform: scale(1.1);
    transition: 0.3s;
}

@media screen and (max-width: 800px){
    footer .group-outer{
        flex-wrap: wrap;
    }
    footer .group-outer .wp-block-group{
        margin-bottom: 20px;
        flex-basis: 45%;
    }
    footer .group-outer .wp-block-group:last-child{
        flex-basis: 100%;
    }
    
}
@media screen and (max-width: 600px){
    #copyright-area{
        display: block;
    }
}
/* - Footer  End */




/* - Custom Grid Area Start  */

#custom-grid.has-button-bottom{
    position: relative;
}
#custom-grid.has-button-bottom .wp-block-button{
    position: absolute;
    bottom: 30px;
    left: 30px;
}
#custom-grid.has-button-bottom{
    position: relative;
}
#custom-grid.has-button-bottom .wp-block-cover__inner-container{
    position: unset;
}


@media screen and (max-width: 800px){
    #custom-grid.has-button-bottom {
        grid-template-columns: 1fr !important;
    }
}
/* - Custom Grid Area End  */




/* - Module with Right Image Fixed Bottom Start  */
#has-right-image-fixed-bottom img{
    position: absolute;
    max-height: 600px;
    width: auto;
    bottom: 0px;
} 
#has-right-image-fixed-bottom.tall img{
    max-height: 130%;
}
#has-right-image-fixed-bottom.overflow-visible{
    overflow: visible;
}
@media screen and (max-width: 1000px){
    #has-right-image-fixed-bottom .group-outer{
        flex-wrap: wrap;
    } 
    #has-right-image-fixed-bottom .group-outer .wp-block-group{
        flex-basis: 100%;
    }
     #has-right-image-fixed-bottom  img{
        position: relative;
        max-height: 100%;
        width: 100%;
        bottom: unset;
     }
    #has-right-image-fixed-bottom .break-at-1000{
        flex-wrap: wrap !important;
    }
    #has-right-image-fixed-bottom .break-at-1000 .wp-block-column{
        flex-basis: 100%;
    }
    #has-right-image-fixed-bottom .break-at-1000 img{
        position: relative;
        max-height: 400px;
        width: auto;
        bottom: unset;
        justify-self: center;
        display: flex;
    }
    #has-right-image-fixed-bottom.tall img{
        max-height: 550px;
    }
      #has-right-image-fixed-bottom.tall figure{
        align-self: center;
    }
}


/* - Module with Right Image Fixed Bottom End  */




/* - Module with Left Image  Start  */
@media screen and (max-width: 1000px){
    #content-module .group-outer{
        flex-wrap: wrap;
    } 
    #content-module .group-outer .wp-block-group{
        flex-basis: 100%;
    }
    #content-module figure{
        margin: auto;
    }
}


/* - Module with Left Image  End  */



/* - Hero with bottom text Start */

#hero-with-bottom-text .wp-block-cover__inner-container{
    position: unset;
}
#hero-with-bottom-text .wp-block-cover__inner-container h1{
    position: absolute;
    bottom: 70px;
    max-width: unset;
    font-size: 5rem !important;
    justify-self: center;
}

@media screen and (min-width: 2000px){
    #hero-with-bottom-text{
        min-height: 800px !important;
    }
}
@media screen and (max-width: 1000px){
    #hero-with-bottom-text .wp-block-cover__inner-container h1{
        font-size: 3rem !important;
    }
}
/* - Hero with bottom text End */



/* Full Width Image Grid Start  */
@media screen and (max-width: 1000px){
    #full-width-image-grid{
        grid-template-columns: 1fr 1fr !important;
    }
}



/* Full Width Image Grid End   */




/* - Tiled Content Start  */

#tiled-content{
    position: relative;
    overflow: visible;
}
#tiled-content *{
    z-index: 2;
}
#tiled-content.left::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 70%;
    height: 100%;
    background-color: #efefef;
    z-index: 1;
}

#tiled-content.right::before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 70%;
    height: 100%;
    background-color: #efefef;
    z-index: 1;
}


@media screen and (max-width: 1000px){
    #tiled-content .wp-block-columns{
        flex-wrap: wrap !important;
    }
    #tiled-content .wp-block-columns .wp-block-column{
        flex-basis: 100%;
    }
}
/* - Tiled Content End  */



/* Single Post Template Start */

.grp-item:hover .grp-title{
    color: var(--cyan);
    transition: 0.3s;
}
#single-blog-cover .wp-block-cover__inner-container{
    padding: 10px;
}
/* Single Post Template End */