/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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
*/

/* Add your custom styles here */
.prodcategories .caty, .categoryprods .catprod {
    width: 100%;
    max-width: 330px;
    border: solid 1px #cccccc;
    box-shadow: 0 0 12px 0 rgba(84, 84, 84, 0.35);
    cursor: pointer;
    position: relative;
    transition: ease .5s;
}
.prodcategories .caty:hover, .categoryprods .catprod:hover {
    border-color: var(--e-global-color-primary);
    box-shadow: 0 0 12px 0 var(--e-global-color-primary);
    transition: ease .5s;
}
.catycount {
    position: absolute;
    right: 25px;
    top: 25px;
    background: #FFF;
    padding: 7px 15px;
    border-radius: 100%;
    font-weight: 700;
    box-shadow: 0 0 15px #ccc;
}
.text-center {
    text-align: center;
}
.caty img, .proddetails img.prodimg {
    height: 300px;
    width: 100%;
    object-fit: cover;
    object-position: top;
}
h2.catytitle {
    font-size: 1.2rem;
    color: var(--e-global-color-primary);
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn.startover {
    background: var(--e-global-color-secondary);
    border-color: var(--e-global-color-secondary);
    color: #FFF;
    font-weight: 600;
}
.prodcategories {
    position: relative;
}
.overlay.loading {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
}
@keyframes lds-hourglass {
    0% {
      transform: rotate(0);
      animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    50% {
      transform: rotate(900deg);
      animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    100% {
      transform: rotate(1800deg);
    }
}
.loading:after {
    content: " ";
    display: block;
    border-radius: 50%;
    width: 0;
    height: 0;
    margin: 8px;
    box-sizing: border-box;
    border: 50px solid transparent;
    border-color: var(--e-global-color-primary) transparent var(--e-global-color-secondary) transparent;
    animation: lds-hourglass 1.2s infinite;
    top: -4px;
    right: 0;
    background: transparent;
}
.boxnavigation {
    height: 50px;
}
.catprod {
    height: 520px;
}
.proddets .more {
    width: 100%;
    padding-bottom: 25px;
    text-align: left;
    padding-left: 15px;
    font-size: 18px;
    font-weight: 600;
}
.proddets .dets {
    gap: 25px;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    font-weight: 700;
}
.productsumry {
    height: 100%;
}
.productsumry .excerpt {
    height: calc(100% - 200px);
    overflow: auto;
    position: relative;
    padding: 0 15px;
}
button.getdates {
    margin-top: 25px;
}
.proddates {
    padding: 0 25px;
}
.proddates h2 {
    font-size: 1rem;
}
button.confirmproduct {
    margin-top: 25px;
}
.bookingtable {
    padding: 25px 0;
}
.bookingtable .prodbook {
    margin-bottom: 20px;
    font-weight: 500;
    color: var(--e-global-color-primary);
    font-size: 1.2rem;
    position: relative;
}
a.btn.checkbook {
    padding: 15px 25px;
    background: var(--e-global-color-secondary);
    color: #FFF;
    font-weight: 700;
}
.bookingtable .prodbook .removeit {
    position: absolute;
    left: -30px;
    color: red;
    font-weight: 900;
    cursor: pointer;
}


















#frmBooking{
    display:none;
    position:fixed;
    padding:40px;
    top:0px;
    background-color:bisque;
    margin-right:auto;
    margin-left:auto;
    margin-top:25px;
    z-index:99999999;
    border:2px solid #c7c7c7;
    border-radius:20px;
    width:40%;
}