/* 
Theme Name: Zest HR
Theme URI: https://zesthr.au
Description: 
Author: Daisy Digital
Author URI: https://daisydigital.com.au/
Template: hello-elementor
Version: 1.0
Text Domain: zesthr
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
*/

/* Add your custom styles here */

:root{
    --zest-black: #262921;
    --zest-tint: #F4F9E4;
    --zest-green: #A8F416;
    --zest-purple: #8F5AFE;
    --zest-pink: #F89CFA;
    --zest-teal: #009A80;
    --zest-cyan: #BFF9EE;
    --zest-red: #FF513B;
    --zest-yellow: #FFD229;
    --zest-tint-darker: #EEF3E0;
    --zest-rich-black: #000000;
    --zest-white: #FFFFFF;

    --transition: all ease 1200ms;
}

@font-face {
  font-family: 'Bricolage Grotesque 72pt';
  src: url('https://zesthr.au/wp-content/uploads/2025/08/Bricolage-Grotesque-72pt-Regular.ttf') format('ttf')
  font-weight: normal;
  font-style: normal;
  font-display: swap; /* Example of font-display */
}

.gform_wrapper.gravity-theme .gfield input.large, 
.gform_wrapper.gravity-theme .gfield select.large{
    line-height: 70px;
    border-radius: 40px;
    padding: 0 30px;
    color: var(--zest-purple) !important;
    font-size: 22px!important;    
}

.gform_wrapper.gravity-theme .gfield textarea{
    border-radius: 40px;
    padding: 20px 30px;
    color: var(--zest-purple) !important;
    font-size: 22px!important;    
}

body .gform_wrapper input::placeholder,
body .gform_wrapper textarea::placeholder {
    color: var(--zest-purple) !important;
    font-size: 22px!important;
}


.gform_button.button{
    text-align: left !important;
    padding-top: 0;
    padding-bottom: 0;
    background: var(--zest-purple);
    color: var(--zest-white);    
}

.gform_button.button:hover {
    background: var(--zest-black);
    color: var(--zest-white) !important;
}

.box-green span{color: var(--zest-green);}
.box-pink span{color: var(--zest-pink);}
.box-cyan span{color: var(--zest-cyan)}
.box-teal span{color: var(--zest-teal)}


.elementor-element.Teal .elementor-heading-title, .elementor-element.teal .elementor-heading-title{color: var(--zest-teal);}
.elementor-element.Pink .elementor-heading-title, .elementor-element.pink .elementor-heading-title{color: var(--zest-pink);}
.elementor-element.Green .elementor-heading-title, .elementor-element.green .elementor-heading-title{color: var(--zest-green);}
.elementor-element.Red .elementor-heading-title, .elementor-element.red .elementor-heading-title{color: var(--zest-red);}
.elementor-element.Purple .elementor-heading-title, .elementor-element.purple .elementor-heading-title{color: var(--zest-purple);}

.case-study {
    position: relative;
    z-index: 9;
}

.elementor-location-footer {
    margin-top: -100px;
    z-index: 0;
}

.zhr .elementor-button{
    width: 440px;
    max-width: 100%;
}

.zhr .elementor-button .elementor-button-content-wrapper{
    justify-content: space-between !important;
    align-items: center !important;
}

.zhr .elementor-button-icon{
    padding: 12px;
    border-radius: 99px;
    width: 46px; height: 46px;
}

.btn-zest-red a{background-color: var(--zest-red) !important; color: var(--zest-white) !important;}
.btn-zest-red a:hover{background-color: var(--zest-rich-black) !important; color: var(--zest-white) !important;}
.btn-zest-red .elementor-button-icon{background: var(--zest-cyan);}

.btn-zest-teal a{background-color: var(--zest-teal) !important; color: var(--zest-white) !important;}
.btn-zest-teal a:hover{background-color: var(--zest-rich-black) !important; color: var(--zest-white) !important;}
.btn-zest-teal .elementor-button-icon{background: var(--zest-pink);}

.btn-zest-teal.services .elementor-button-icon{background: var(--zest-cyan);}

.btn-zest-purple a{background-color: var(--zest-purple) !important; color: var(--zest-white) !important;}
.btn-zest-purple a:hover{background-color: var(--zest-rich-black) !important; color: var(--zest-white) !important;}
.btn-zest-purple .elementor-button-icon{background: var(--zest-green);}

.btn-zest-black a{background-color: var(--zest-black) !important; color: var(--zest-white) !important;}
.btn-zest-black a:hover{background-color: var(--zest-rich-black) !important; color: var(--zest-white) !important;}
.btn-zest-black .elementor-button-icon{background: var(--zest-green);}

.green-box .elementor-heading-title:after{content:"."; color: var(--zest-green);}
.pink-box .elementor-heading-title:after{content:"."; color: var(--zest-pink);}
.cyan-box .elementor-heading-title:after{content:"."; color: var(--zest-cyan);}
.teal-box .elementor-heading-title:after{content:"."; color: var(--zest-teal);}


.green-decal img{animation: rotate 15s infinite linear;}
.we-are-zest img{animation: rotate 20s infinite linear;}

@keyframes rotate {
    100% {
        transform: rotate(-360deg)
    }
}

.purple{color: var(--zest-purple); transition: var(--transition);}
.purple:hover{color: var(--zest-green); transition: var(--transition);}

.teal{color: var(--zest-teal); transition: var(--transition);}
.teal:hover{color: var(--zest-pink); transition: var(--transition);}

.box .elementor-widget-heading h2.elementor-heading-title {
    transition: var(--transition); 
}
.box .elementor-widget-heading h2.elementor-heading-title:hover {
    transition: var(--transition);     
    font-size: 26px;
    line-height: 28px;
}

.list-green .elementor-icon-list-item.elementor-inline-item{
    border: 1px solid var(--zest-green);
    border-radius: 25px;
    padding: 12px 35px;
    margin-bottom: 20px;
}

.list-red .elementor-icon-list-item.elementor-inline-item{
    border: 1px solid var(--zest-red);
    border-radius: 25px;
    padding: 12px 35px;
    margin-bottom: 20px;
}

.list-purple .elementor-icon-list-item.elementor-inline-item{
    border: 1px solid var(--zest-purple);
    border-radius: 25px;
    padding: 12px 35px;
    margin-bottom: 20px;
}

.list-pink .elementor-icon-list-item.elementor-inline-item{
    border: 1px solid var(--zest-pink);
    border-radius: 25px;
    padding: 12px 35px;
    margin-bottom: 20px;
}

.text-plus-purple span{color: var(--zest-purple);}
.text-plus-red span{color: var(--zest-red);}
.text-plus-green span{color: var(--zest-green);}
.text-plus-pink span{color: var(--zest-pink);}

.speech-bubble{
    width: 360px;
    max-width: 100%;
    padding: 0; margin: 0;
}

.speech-bubble.purple .elementor-widget-container{background: var(--zest-purple);}
.speech-bubble.red .elementor-widget-container{background: var(--zest-red);}
.speech-bubble.green .elementor-widget-container{background: var(--zest-green);}
.speech-bubble.pink .elementor-widget-container{background: var(--zest-pink);}
.speech-bubble.cyan .elementor-widget-container{background: var(--zest-cyan);}

.speech-bubble .elementor-widget-container{
    position: relative;
    border-radius: 25px;
    padding: 15px 40px;
    overflow: hidden;
}

.speech-bubble::after {
    content: '';
    position: absolute; bottom: -20px; right: 20%;
    width: 0; height: 0;
    border: 20px solid transparent;
    border-bottom: 0; border-right: 0;
    margin-left: -10px; margin-top: -20px;
}

.speech-bubble.purple::after{border-top-color: var(--zest-purple);}
.speech-bubble.red::after{border-top-color: var(--zest-red);}
.speech-bubble.green::after{border-top-color: var(--zest-green);}
.speech-bubble.pink::after{border-top-color: var(--zest-pink);}
.speech-bubble.cyan::after{border-top-color: var(--zest-cyan);}