/*
 Theme Name:   GeekPoint
 Theme URI:    https://www.geekpoint.co.uk
 Description:  GeekPoint Theme
 Author:       GeekPoint
 Author URI:   https://www.geekpoint.co.uk
 Template:     Divi
 Version:      1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

@font-face {
  font-family: 'ThePicnicClub';
  src: url('fonts/the-picnic-club-regular.woff2') format('woff2'),
       url('fonts/the-picnic-club-regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'ThePicnicClub';
  src: url('fonts/the-picnic-club-italic.woff2') format('woff2'),
       url('fonts/the-picnic-club-italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

h1 {font-family: 'ThePicnicClub' !important;}
h3 {font-family: 'ThePicnicClub' !important;}
strong {font-weight: 600;}

h2 {font-size: 30px;}

body {letter-spacing: -0.1px;}

#logo {top: 2px !important;position: relative;}

.et_fullwidth_nav #main-header .container {width: 90%;max-width: 90%;padding-right: 0;padding-left: 0;}

#main-header, #main-header.et-fixed-header {box-shadow: none !important;}

#et-top-navigation {font-weight: 400;}

#top-menu li {padding-right: 60px;}
#top-menu-nav>ul>li>a:hover {opacity: 1;color: #907933;}
.nav ul li a:hover {background-color: rgba(0, 0, 0, .0);opacity: 1;color: #907933 !important;}

.nav li ul {width: 300px;}
#top-menu li li a {width: 260px;}

.et_header_style_left #et-top-navigation nav>ul>li>a {top: 10px;}
.et_mobile_menu {border-top: 0;box-shadow: none !important;}

.et_mobile_menu li a {
font-size: 18px;
    padding: 18px 5%;
    text-align: center;border:0 !important;}

#top-menu .menu-item-has-children>a:first-child:after {display:none;}

@media only screen and (min-width: 981px){
	.mobile-menu {display: none !important;}
}

@media only screen and (max-width: 980px) {
	.desktop-menu {display:none;}
}

.icon-bounce {animation: bounce 2.5s;
animation-direction: alternate;
animation-timing-function: cubic-bezier(4.5, 0.05, 1, 4.5);
animation-iteration-count: infinite;}
@keyframes bounce {
from {transform: translate3d(0, 0, 0);}
to {transform: translate3d(0, 20px, 0);}
}

/* =========================================
   Divi Dropdown: Smooth Expand + Collapse
   ========================================= */
#top-menu-nav ul.sub-menu {
  transform-origin: top center;
  transform: scaleY(0);
  opacity: 0;
  visibility: hidden;
  transition:
    transform 1.45s cubic-bezier(0.25, 1, 0.3, 1),
    opacity 0.35s ease,
    visibility 0s linear 0.45s; /* delay hiding until after animation */
  position: absolute;
  top: 100%;
  left: -40px;
  z-index: 9999;
  border: 0 !important;
  box-shadow: none;}

/* When hovered — expand downward */
#top-menu-nav li.menu-item-has-children:hover > ul.sub-menu {
  transform: scaleY(1);
  opacity: 1;
  visibility: visible;
  transition:
    transform 1.45s cubic-bezier(0.25, 1, 0.3, 1),
    opacity 0.35s ease,
    visibility 0s;
}

/* Optional: fade each item inside */
#top-menu-nav ul.sub-menu li {
  opacity: 0;
  transform: translateY(-5px);
  transition: all 0.3s ease;
}

#top-menu-nav li.menu-item-has-children:hover > ul.sub-menu li {
  opacity: 1;
  transform: translateY(0);
}

/* Keep parent positioned for absolute submenu */
#top-menu-nav li.menu-item-has-children {
  position: relative;
}
