/**
 * Theme Name:     Kanway (Hello Elementor Child)
 * Author:         Tilladelse, LLC
 * Template:       hello-elementor
 * Text Domain:	   kanway-hello-elementor-child
 * Description:    Required to override some theme styling that came with the parent blank theme.
 */

 /*
       _____ _ _ _           _      _
     |_   _(_) | | __ _  __| | ___| |___  ___
      | | | | | |/ _` |/ _` |/ _ \ / __|/ _ \
     | | | | | | (_| | (_| |  __/ \__ \  __/
    |_| |_|_|_|\__,_|\__,_|\___|_|___/\___|
     Custom Styles: - David Triplett, Tilladelse


 /*
 ░░░░BACKGROUND STUFF ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░*/
 body.page-template-default {
 	background-attachment: fixed !important;
 }

 /*
 ░░░░FANCY BUTTONS ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░*/
 button,
 button::after {
   -webkit-transition: all 0.2s;
 	-moz-transition: all 0.2s;
   -o-transition: all 0.2s;
 	transition: all 0.2s;
 }

 button {
   font-family: manrope, arial, helvetica, sans-serif;
   background: #fff !important;
   width: 250px;
   height: 110px;
   border: none;
   border-radius: 0;
   color: #B3A395;
   display: block;
   font-size: 12px;
   font-weight: bold;
 	letter-spacing: 1px;
   padding: 2em 4em 2em 1em;
   position: relative;
   text-transform: uppercase;
   line-height: 25px;
 	overflow: hidden;
 }

 button#submit-button {
 	background: none !important;
 }

 button::after {
   background: none !important;
   content: '';
   position: absolute;
   z-index: -1;
 }

 button:before {
   background: none !important;
   content: url(/wp-content/uploads/2022/11/ico-btn-arrow.svg);
   position: absolute;
   z-index: 2;
   right: 42px;
   transition-duration: .2s;
 }

 button:hover:before {
   background: none !important;
   content: url(/wp-content/uploads/2022/11/ico-btn-arrow-white.svg);
   position: absolute;
   z-index: 20;
   right: 25px;
   transition-duration: .8s;
 }


 button:hover {
   color: #B3A395;
   cursor: pointer;
 }

 button::after {
   background-color: #B3A395 !important;
   height: 100%;
   right: -20%;
   top: 0;
   transform: skew(20deg);
   transition-duration: 0.6s;
   transform-origin: bottom right;
   width: 5px;
   z-index: 2;
 }

 button:hover:after {
   height: 100%;
   width: 45%;
 }


 button.wide {
   width: 320px;
   height: 110px;
 }

 button.paymentbutton {
	background-color: transparent;
}
 /*
 ░░░░ TABLET SLIDE OUT SUB MENU ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░*/

 /* place slide-out menu after sticky header */
 #elementor-popup-modal-3358 > div {
     margin-top: 140px;
     overflow: hidden;
 }

 /*disable scroll bar*/
 #elementor-popup-modal-3358 > div > div.dialog-message.dialog-lightbox-message {
         overflow: hidden;
 }

 /*
 ░░░░ STICKY NAV ON SCROLL ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░*/


 /* Slide In From The Top Option */

 .header-2 {
  transform: translatey(-180px);
  -moz-transition: all .3s ease!important;
  -webkit-transition: all .3s ease!important;
  transition: all .3s ease!important;
 }


 .elementor-sticky--effects.header-2  {
  height: auto!important;
  transform: translatey(0px);
 }


 /* End Of Slide In From The Top Option */

 #menu-1-06a7784 ul.sub-menu  {

     margin-left: -400px !important;
     background: transparent;
     width: 1000px !important;
     text-transform: uppercase;
     font-size: 10px;
     margin-top: -22px !important;
     min-width: 10em;
     max-width: 1000px;
     margin-left: -160px !important;
     }

 #menu-1-06a7784 ul.sub-menu li {
     float: left;
 }

 /*
 ░░░░ Mobile Slide Out Menu ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░*/

 #popup-nav > div > nav.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-vertical.e--pointer-none {
     align-self: center;
     align-content: center;
     text-transform: uppercase;

 }

 .elementor-3217 .elementor-element.elementor-element-6a39cfd .elementor-nav-menu--main .elementor-nav-menu ul.sub-menu {
     display: inherit !important;
     width: 90vw;
     position: relative;
     background: none;
     font-size: 5vw;
 }

 .elementor-nav-menu--main .elementor-nav-menu a, .elementor-nav-menu--main .elementor-nav-menu a.highlighted, .elementor-nav-menu--main .elementor-nav-menu a:focus, .elementor-nav-menu--main .elementor-nav-menu a:hover {
     padding: 13px 20px;
     justify-content: center;
     background: none;
     color:#24272A;
 }

 /*
 ░░░░ Eliminate side-to-side off-screen scrolling ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░*/

 main {
 overflow: hidden;
 }