.elementor-kit-9{--e-global-color-primary:#21272A;--e-global-color-secondary:#21272A;--e-global-color-text:#0B2C39;--e-global-color-accent:#0B2C39;--e-global-color-b430953:#23504E;--e-global-color-99114f5:#DAEE72;--e-global-color-b3b38d3:#E6692A;--e-global-color-1be3686:#FFC79F;--e-global-color-fceafea:#F25553;--e-global-color-e1f9160:#FFC2B4;--e-global-color-8691bd3:#2B51CE;--e-global-color-2dd22c9:#97D4FF;--e-global-color-f6bf6cb:#5A58EA;--e-global-color-301d35d:#C1C1FF;--e-global-color-e38ea04:#0B2C39;--e-global-color-51f0f10:#9FAFB5;--e-global-color-a5b9982:#D5E0E3;--e-global-color-a1ba34a:#F1F6F7;--e-global-color-41d3748:#F1F6F7;--e-global-color-ea7ee21:#0B2C3980;--e-global-typography-primary-font-family:"Sanchez";--e-global-typography-primary-font-size:80px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-font-style:normal;--e-global-typography-secondary-font-family:"Sanchez";--e-global-typography-secondary-font-size:32px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-line-height:1.3em;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-font-style:normal;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Open Sans";--e-global-typography-accent-font-weight:normal;--e-global-typography-accent-line-height:1.6em;--e-global-typography-c061218-font-family:"Sanchez";--e-global-typography-c061218-font-size:80px;--e-global-typography-c061218-font-weight:normal;--e-global-typography-c061218-line-height:1em;--e-global-typography-da1a8ba-font-family:"Sanchez";--e-global-typography-da1a8ba-font-size:64px;--e-global-typography-da1a8ba-font-weight:400;--e-global-typography-da1a8ba-line-height:1.1em;--e-global-typography-de0580c-font-family:"Sanchez";--e-global-typography-de0580c-font-size:42px;--e-global-typography-de0580c-font-weight:400;--e-global-typography-de0580c-line-height:1.1em;--e-global-typography-d742e63-font-family:"Sanchez";--e-global-typography-d742e63-font-size:32px;--e-global-typography-d742e63-font-weight:400;--e-global-typography-d742e63-line-height:1.3em;--e-global-typography-7d186fb-font-family:"Sanchez";--e-global-typography-7d186fb-font-size:24px;--e-global-typography-7d186fb-font-weight:400;--e-global-typography-f377b23-font-family:"Open Sans";--e-global-typography-f377b23-font-size:20px;--e-global-typography-f377b23-font-weight:600;--e-global-typography-f35ab94-font-family:"Open Sans";--e-global-typography-f35ab94-font-size:18px;--e-global-typography-f35ab94-font-weight:600;--e-global-typography-b554cf6-font-family:"Open Sans";--e-global-typography-b554cf6-font-size:18px;--e-global-typography-b554cf6-font-weight:400;--e-global-typography-b554cf6-line-height:1.6em;--e-global-typography-5f96caf-font-family:"Open Sans";--e-global-typography-5f96caf-font-size:14px;--e-global-typography-5f96caf-font-weight:400;--e-global-typography-5f96caf-line-height:1.4em;--e-global-typography-7002897-font-family:"Open Sans";--e-global-typography-7002897-font-size:10px;--e-global-typography-7002897-font-weight:400;--e-global-typography-7002897-line-height:1.4em;--e-global-typography-e0b98bc-font-family:"Open Sans";--e-global-typography-e0b98bc-font-size:16px;--e-global-typography-e0b98bc-font-weight:700;--e-global-typography-e0b98bc-line-height:2em;--e-global-typography-b2e6945-font-family:"Open Sans";--e-global-typography-b2e6945-font-size:14px;--e-global-typography-b2e6945-font-weight:600;--e-global-typography-b2e6945-line-height:1.4em;color:var( --e-global-color-accent );font-family:"Open Sans", Open Sans;font-size:18px;font-weight:400;line-height:1.6em;}.elementor-kit-9 button,.elementor-kit-9 input[type="button"],.elementor-kit-9 input[type="submit"],.elementor-kit-9 .elementor-button{background-color:var( --e-global-color-text );}.elementor-kit-9 button:hover,.elementor-kit-9 button:focus,.elementor-kit-9 input[type="button"]:hover,.elementor-kit-9 input[type="button"]:focus,.elementor-kit-9 input[type="submit"]:hover,.elementor-kit-9 input[type="submit"]:focus,.elementor-kit-9 .elementor-button:hover,.elementor-kit-9 .elementor-button:focus{background-color:var( --e-global-color-99114f5 );}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-kit-9 p{margin-block-end:15px;}.elementor-kit-9 a{color:var( --e-global-color-accent );}.elementor-kit-9 a:hover{color:var( --e-global-color-8691bd3 );}.elementor-kit-9 h1{color:var( --e-global-color-primary );font-family:var( --e-global-typography-da1a8ba-font-family ), Open Sans;font-size:var( --e-global-typography-da1a8ba-font-size );font-weight:var( --e-global-typography-da1a8ba-font-weight );line-height:var( --e-global-typography-da1a8ba-line-height );}.elementor-kit-9 h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-de0580c-font-family ), Open Sans;font-size:var( --e-global-typography-de0580c-font-size );font-weight:var( --e-global-typography-de0580c-font-weight );line-height:var( --e-global-typography-de0580c-line-height );}.elementor-kit-9 h3{color:var( --e-global-color-primary );font-family:var( --e-global-typography-d742e63-font-family ), Open Sans;font-size:var( --e-global-typography-d742e63-font-size );font-weight:var( --e-global-typography-d742e63-font-weight );line-height:var( --e-global-typography-d742e63-line-height );}.elementor-kit-9 h4{color:var( --e-global-color-primary );font-family:var( --e-global-typography-7d186fb-font-family ), Open Sans;font-size:var( --e-global-typography-7d186fb-font-size );font-weight:var( --e-global-typography-7d186fb-font-weight );line-height:var( --e-global-typography-7d186fb-line-height );}.elementor-kit-9 h5{color:var( --e-global-color-primary );font-family:var( --e-global-typography-f377b23-font-family ), Open Sans;font-size:var( --e-global-typography-f377b23-font-size );font-weight:var( --e-global-typography-f377b23-font-weight );line-height:var( --e-global-typography-f377b23-line-height );}.elementor-kit-9 h6{color:var( --e-global-color-primary );font-family:var( --e-global-typography-f35ab94-font-family ), Open Sans;font-size:var( --e-global-typography-f35ab94-font-size );font-weight:var( --e-global-typography-f35ab94-font-weight );line-height:var( --e-global-typography-f35ab94-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1520px;}.e-con{--container-max-width:1520px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1366px){.elementor-kit-9 h1{font-size:var( --e-global-typography-da1a8ba-font-size );line-height:var( --e-global-typography-da1a8ba-line-height );}.elementor-kit-9 h2{font-size:var( --e-global-typography-de0580c-font-size );line-height:var( --e-global-typography-de0580c-line-height );}.elementor-kit-9 h3{font-size:var( --e-global-typography-d742e63-font-size );line-height:var( --e-global-typography-d742e63-line-height );}.elementor-kit-9 h4{font-size:var( --e-global-typography-7d186fb-font-size );line-height:var( --e-global-typography-7d186fb-line-height );}.elementor-kit-9 h5{font-size:var( --e-global-typography-f377b23-font-size );line-height:var( --e-global-typography-f377b23-line-height );}.elementor-kit-9 h6{font-size:var( --e-global-typography-f35ab94-font-size );line-height:var( --e-global-typography-f35ab94-line-height );}}@media(max-width:1024px){.elementor-kit-9 h1{font-size:var( --e-global-typography-da1a8ba-font-size );line-height:var( --e-global-typography-da1a8ba-line-height );}.elementor-kit-9 h2{font-size:var( --e-global-typography-de0580c-font-size );line-height:var( --e-global-typography-de0580c-line-height );}.elementor-kit-9 h3{font-size:var( --e-global-typography-d742e63-font-size );line-height:var( --e-global-typography-d742e63-line-height );}.elementor-kit-9 h4{font-size:var( --e-global-typography-7d186fb-font-size );line-height:var( --e-global-typography-7d186fb-line-height );}.elementor-kit-9 h5{font-size:var( --e-global-typography-f377b23-font-size );line-height:var( --e-global-typography-f377b23-line-height );}.elementor-kit-9 h6{font-size:var( --e-global-typography-f35ab94-font-size );line-height:var( --e-global-typography-f35ab94-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-9 h1{font-size:var( --e-global-typography-da1a8ba-font-size );line-height:var( --e-global-typography-da1a8ba-line-height );}.elementor-kit-9 h2{font-size:var( --e-global-typography-de0580c-font-size );line-height:var( --e-global-typography-de0580c-line-height );}.elementor-kit-9 h3{font-size:var( --e-global-typography-d742e63-font-size );line-height:var( --e-global-typography-d742e63-line-height );}.elementor-kit-9 h4{font-size:var( --e-global-typography-7d186fb-font-size );line-height:var( --e-global-typography-7d186fb-line-height );}.elementor-kit-9 h5{font-size:var( --e-global-typography-f377b23-font-size );line-height:var( --e-global-typography-f377b23-line-height );}.elementor-kit-9 h6{font-size:var( --e-global-typography-f35ab94-font-size );line-height:var( --e-global-typography-f35ab94-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//*hide WPML development footer notification*/
.otgs-development-site-front-end{
    display: none;
}

html{
        overflow-x: hidden;
}


.uwy, body .uwy{
    display: none !important;
}

.elementor-search-form--skin-minimal:focus-within {
    outline-width: 0 !important;
}

.elementor-search-form--focus{
    
}


input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type=reset], input[type=tel], input[type=date], select, textarea {
    box-shadow: none;
    }
    
/*Button Style*/
.primary-button, 
.secondary-button, 
.tertiary-button{
  --align-self: flex-start;
}
/*Primary Black*/
.primary-button a{
    font-family: "Open Sans" !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1em !important;
    padding-left: 20px !important;
    padding-right: 50px !important;
    background: transparent !important; 
    text-transform: uppercase;
    padding-top:18px  !important; 
    padding-bottom:18px  !important; 
    color:#0B2C39  !important;
}

.primary-button a .elementor-button-text{
    z-index: 2;
}
.primary-button a:before{
    content:"";
    background-color: #B3C45B;
    width: 36px;
    height: 36px;
    display: inline-block;
    position: absolute;
    z-index: 1;
    border-radius: 100%;
    left: -2px;
    top: 16%;
    transition: left 0.6s ease, transform 1s ease;
  
}

.primary-button a:after{
    content:"";
    background-image: URL(/wp-content/uploads/2024/05/primary-button-bg-right.svg);
    background-size:contain;
    background-repeat: no-repeat;
    width: 59px;
    height: 55px;
    display: inline-block;
    position: absolute;
    z-index: 1;
    right: 5px;
    top: -1px;
    /*
    animation: show 1s forwards;
     opacity: 0;
     */
}

  @keyframes hide {
  
    to {
      opacity: 0;
    }
  }
  
  @keyframes show {
   from {
    opacity: 0; /* Start with transparency */
  }
  to {
    opacity: 1; /* Gradually become fully visible */
  }
  }

.primary-button:hover a:before{
     background-color:transparent;
     background-image: URL(/wp-content/uploads/2024/05/button-arrow-black.svg);
     background-size: contain;
     background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    
    top: 12px;
    right:5px;
    left: calc(100% - 5px);
    transform: translateX(-100%);
}

.primary-button:hover a:after{
    animation: hide .45s forwards;
    animation-delay: .25s;
}

/*Primary Black*/

/*white*/
.primary-button.white  a{
    color:#fff !important;   
}
.primary-button.white a:after{
    content:"";
    background-image: URL(/wp-content/uploads/2024/05/primary-button-bg-right-white.svg);
}

.primary-button.white:hover a:before{
     background-image: URL(/wp-content/uploads/2024/05/button-arrow-white.svg);
}
/*white*/


/*Secodary*/
.secondary-button a{
    font-family: "Open Sans" !important;
    background: transparent !important;   
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1em !important;
    padding-left: 20px !important;
    color:#0B2C39  !important;
    text-transform: uppercase;
    transition: padding-left 0.5s ease; 
}

.secondary-button a .elementor-button-text{
    z-index: 2;
}
.secondary-button a:before{
    content:"";
    background-color: #DAEE72;
    width: 36px;
    height: 36px;
    display: inline-block;
    position: absolute;
    z-index: 1;
    border-radius: 100%;
    left: 0px;
    top: -4px;
}

.secondary-button a:after{
    content:"";
    background-image: URL(/wp-content/uploads/2024/05/button-arrow-black.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    z-index: 1;
    border-radius: 100%;
    right: 0px;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: left 2s ease;
}


.secondary-button:hover a{
    padding-left: 0px !important;
    padding-right: 50px !important;
}

.secondary-button:hover a:before{
    animation: hide 1s forwards;
    animation-delay: .1s;
}
.secondary-button:hover a:after{
    transform: translate(-50%, -50%) translateX(0);
     animation: show .7s forwards;
     animation-delay: .1s;
}
/*Secondary*/


/*tertiary*/
.tertiary-button a{
    font-family: "Open Sans" !important;
    background: transparent !important;   
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1em !important;
    padding-left: 0px !important;
    text-transform: uppercase;
    color:#0B2C39  !important;
}

.tertiary-button a .elementor-button-text{
    z-index: 2;
}


.tertiary-button a:after{
    content:"";
    background-image: URL(/wp-content/uploads/2024/05/button-arrow-black.svg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    z-index: 1;
    border-radius: 100%;
    right: 0px;
    top: 48%;
    transform: translate(-50%, -50%);
    display: none;
}


.tertiary-button:hover a{
    padding-left: 0px !important;
    padding-right: 50px !important;
}

.tertiary-button:hover a:before{
    display: none;
}
.tertiary-button:hover a:after{
    display: block;
}
/*Secondary*/

/*rectangle button*/
.rectangle-button a{
    color: #fff;
    font-family: "Open Sans";
    font-size: 16px  !important;
    font-style: normal  !important;
    font-weight: 700  !important;
    line-height: 1em  !important;
    min-width: 255px;
    max-width: 255px;
    text-align: left;
    line-height: 1em;
    padding: 32px 56px 32px 32px !important;
    background-image: url(/wp-content/uploads/2024/05/arrow-right-white.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 16px) 50%;
    border-radius: 0px;
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.10), -5px -5px 10px 0px rgba(255, 255, 255, 0.20);
}
.rectangle-button.white a{
    color: #0B2C39 !important;
    background: #fff !important;
    background-image: url(/wp-content/uploads/2024/05/arrow-right.svg)  !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 16px) 50% !important;
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.10), -5px -5px 10px 0px rgba(255, 255, 255, 0.20);
}
.rectangle-button:hover a{
    color: #0B2C39;
    background-color: #DAEE72 !important;
    background-image: url(/wp-content/uploads/2024/05/arrow-right.svg) !important;
}

.rectangle-button.white:hover a{
    background-image: url(/wp-content/uploads/2024/05/arrow-right.svg)  !important;
    color:#0B2C39 !important;
}


/*rectangle button*/

/*Button Style*/

.elementor-kit-9 p a{
    color:#2B51CE;
}
.elementor-kit-9 p a:hover{
    text-decoration: none;
}

/* Create and position :after pseudo-element */

.clickable a:after {
   content: "";
   display: block; 
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 2; 
}

/* Remove relatively-positioned parent elements in column */

.clickable, .clickable .e-con-inner {
   position: static;
}

.clickable:hover {
    cursor: pointer;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Sanchez';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://dev.responsibledrinking.ca/wp-content/uploads/2024/05/Sanchez-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */