@import url('https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&display=swap');
/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
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
*/

/*--------------------------------------------------------------
# Password Protect Page Styles
--------------------------------------------------------------


.hs-password-box {display:flex;height:90vh !important;text-align:center !important;}
.hs-password-form {width:300px !important;margin:auto;background:#e5e5e5 !important;padding:20px !important;border-radius:10px !important;}
.hs-password-form img {width:200px !important;text-align:center !important;}
.hs-password-form p {font-size:14px !important;text-transform:uppercase !important;line-height:1.4em !important;}
.hs-password-form input {width:100% !important;padding:10px !important;border:1px solid #CCC !important;font-size:16px !important;}
.hs-password-form button, input[type=button], input[type=reset], input[type=submit] {
    width:60% !important;
    padding:20px 60px 20px 60px !important;
    background:#58BC34 !important;
    margin-top:10px !important;
    color:#FFF !important;
    border:none !important;
    border-radius:0 !important;
    width:100% !important;
    font-size:16px !important;
    text-align:center !important;
}
*/

/*--------------------------------------------------------------
## Elementor Global Adjustments
--------------------------------------------------------------*/

/* Add 20px padding to all ELementor Columns */
.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {padding: 20px;}
@media (max-width: 480px) {.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {padding: 20px;}}

body.home .elementor-element-2057c35e{
    margin-top:0px !important;
}

/*Decrease stupid Elementor Padding on Lists
ul {padding-inline-start:20px !important;}*/

/*--------------------------------------------------------------
## Typography, Text + Headings
--------------------------------------------------------------*/


.tws-white,.tws-white h1,.tws-white h2,.tws-white h3,.tws-white h4,.tws-white h5,.tws-white h6,.tws-white div,.tws-white span,.tws-white p {color:#FFFFFF !important;}/*White*/
.tws-grey,.tws-grey h1,.tws-grey h2,.tws-grey h3,.tws-grey h4,.tws-grey h5,.tws-grey h6,.tws-grey div,.tws-grey span,.tws-grey p {color:#797979 !important;}/*Grey*/
.tws-red,.tws-red h1,.tws-red h2,.tws-red h3,.tws-red h4,.tws-red h5,.tws-red h6,.tws-red div,.tws-red span,.tws-red p {color:#EE3032 !important;}/*Red*/

/*--------------------------------------------------------------
## Gravity Forms
--------------------------------------------------------------*/

/*Newsletter Subscribe*/
#field_5_1 > label {display:none !important;}
#input_5_1 {
    width: 260px !important;
    margin:0 0 0 -5px !important;
    padding: 14px 8px 14px 10px !important;
}
#gform_submit_button_5 {
    font-family:"Compasse", Sans-serif !important; 
    font-weight:bold !important;
    color:#FFF !important; 
    text-transform:uppercase !important;
    background:#EE3032 !important;
    border-radius:0 !important;
    border:none !important;
    margin:0 0 0 -16px !important;
    padding: 15px 20px 15px 20px !important;
}
#gform_submit_button_5:hover {background:#797979 !important;cursor:pointer !important;}
.gform_button{
    background-color:#EE3032 !important;
}
.gform_button:hover{
    background-color:#000 !important;
}

/*--------------------------------------------------------------
## Mobile Menu (Elementor popup)
--------------------------------------------------------------*/gform_button
.mobile-menu a,
.mobile-menu a:hover{
    outline:0 !important;
}


/*--------------------------------------------------------------
# Password Protect Page Styles
--------------------------------------------------------------*/


.hs-password-box {display:flex;height:90vh !important;text-align:center !important;}
.hs-password-form {width:300px !important;margin:auto;background:#e5e5e5 !important;padding:20px !important;border-radius:10px !important;}
.hs-password-form img {width:200px !important;text-align:center !important;}
.hs-password-form p {font-size:14px !important;text-transform:uppercase !important;line-height:1.4em !important;}
.hs-password-form input {width:100% !important;padding:10px !important;border:1px solid #CCC !important;font-size:16px !important;}
.hs-password-form button, input[type=button], input[type=reset], input[type=submit] {
    width:60% !important;
    padding:20px 60px 20px 60px !important;
    background:#58BC34 !important;
    margin-top:10px !important;
    color:#FFF !important;
    border:none !important;
    border-radius:0 !important;
    width:100% !important;
    font-size:16px !important;
    text-align:center !important;
}


/*--------------------------------------------------------------
# DIGITAL CARE PACKAGE
--------------------------------------------------------------*/


.dcp .coupons{
    position:absolute;
    top:0px;
    left:100px;
    width:30%;
}
.dcp .food{
    position:absolute;
    top:350px;
    left: -20px;
    width: 20%;
}
.dcp .sponsors{
    position:absolute;
    top: 900px;
    left: 100px;
    width: 15%;
}
.dcp .calendar{
    position:absolute;
    top:1250px;
    left:300px;
    width:25%;
}
.dcp .games{
    position:absolute;
    top:1300px;
    right: 140px;
    width: 60%;
}
.dcp .colouring-sheets{
    position:absolute;
    top:1200px;
    right: 0px;
    width: 15%;
}
.dcp .mug{
    position:absolute;
    top:480px;
    right: 0px;
    width: 15%;
}
.dcp .santa-tracker{
    position:absolute;
    top:800px;
    right: 30px;
    width: 15%;
}
.dcp .recipes{
    position:absolute;
    top:0px;
    right: 120px;
    width: 20%;
}
@media only screen and (min-width: 768px) and (max-width: 1700px) {
    .dcp .coupons{
        top:100px;
        left:0px;
    }
    .dcp .recipes{
        top:150px;
        right:50px;
    }
    .dcp .food{
        top:500px;
    }
    .dcp .sponsors{
        top: 1000px;
        left: 0px;
    }
    .dcp .calendar{
        left:50px;
        top:1250px;
    }
    .dcp .colouring-sheets{
        top:1000px;
    }

}
.dcp .let-it-snow,
.dcp-mobile .let-it-snow{
  position:absolute;
    top: -90px;
    right: 100px;
    text-align:right;
    font-size:1.2em;
    font-weight:bold;
    font-family: 'Gloria Hallelujah', cursive;
    color:#000;
}
.dcp-mobile .let-it-snow{
    top: -25px;
    right:10px;
}
.dcp .sleighbell-audio{
  position:absolute;
    top: -90px;
    right: 350px;
    text-align:right;
    font-size:1.2em;
    font-weight:bold;
    font-family: 'Gloria Hallelujah', cursive;
    color:#000;
}
.dcp .sleighbell-audio audio{
    display:none;
}
.dcp .switch,
.dcp-mobile .switch{
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}
.dcp .switch input,
.dcp-mobile .switch input{ 
  opacity: 0;
  width: 0;
  height: 0;
}
.dcp .slider,
.dcp-mobile .slider{
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.dcp .slider:before,
.dcp-mobile .slider:before{
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
.dcp input:checked + .slider,
.dcp-mobile input:checked + .slider{
  background-color: var( --e-global-color-accent );
}
.dcp input:focus + .slider,
.dcp-mobile input:focus + .slider{
  box-shadow: 0 0 1px var( --e-global-color-accent );
}
.dcp input:checked + .slider:before,
.dcp-mobile input:checked + .slider:before{
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.dcp .slider.round,
.dcp-mobile .slider.round{
  border-radius: 34px;
}
.dcp .slider.round:before,
.dcp-mobile .slider.round:before{
  border-radius: 50%;
}
.dcp a:hover {
  animation: wiggle 0.5s infinite;
  animation-timing-function: linear;   
}
@keyframes wiggle {
 0% { transform: rotate(2.5deg); }
  50% { transform: rotate(-2.5deg); }
  100% { transform: rotate(2.5deg); }
}
body.page-id-6283 .gform_button{
    background:var( --e-global-color-accent ) !important;  
    padding:10px !important;
}



body.page-id-3799 .elementor-location-footer .elementor-top-section{
    margin-top:0px !important;
}




/*--------------------------------------------------------------
# OPERATION CARE PACKAGE
--------------------------------------------------------------*/


.ocp .coupons{
    position:absolute;
    top:0px;
    left:100px;
    width:30%;
}
.ocp .people{
    position:absolute;
    top:400px;
    left: -20px;
    width: 20%;
}
.ocp .flag{
    position:absolute;
    top:650px;
    left: -20px;
    width: 20%;
}
.ocp .sponsors{
    position:absolute;
    top: 1100px;
    left: 100px;
    width: 15%;
}
.ocp .calendar{
    position:absolute;
    top:1250px;
    left:300px;
    width:25%;
}
.ocp .games{
    position:absolute;
    top:1300px;
    right: 140px;
    width: 60%;
}
.ocp .colouring-sheets{
    position:absolute;
    top:1100px;
    right: 0px;
    width: 15%;
}
.ocp .mug{
    position:absolute;
    top:550px;
    right: 0px;
    width: 15%;
}
.ocp .giftcard{
    position:absolute;
    top:800px;
    right: 0px;
    width: 15%;
}
.ocp .recipes{
    position:absolute;
    top:100px;
    right: 90px;
    width: 20%;
}
@media only screen and (min-width: 768px) and (max-width: 1700px) {
    .ocp .coupons{
        top:100px;
        left:0px;
    }
    .ocp .recipes{
        top:150px;
        right:50px;
    }
    .ocp .people{
        top:500px;
    }
    .ocp .sponsors{
        top: 1000px;
        left: 0px;
    }
    .ocp .calendar{
        left:50px;
        top:1250px;
    }
    .ocp .colouring-sheets{
        top:1000px;
    }

}