/*
Theme Name:     Vive Fitness Theme
Theme URI:      https://arcticonline.com
Description:    Custom Divi Child Theme For Vive Fitness
Author:         Arctic Online
Author URI:     https://arcticonline.com
Template:       Divi
Version:        2025.11.02
Change log:
20251127 - Adjust menu spacing for table landscape
20251212 - Combined CSS

License: GNU General Public License
License URI: license.txt
*/

/*******************************************
** GENERAL
********************************************/

#page-container {overflow:hidden;}

.polgon1 {clip-path: polygon(20px 0%, calc(100% - 20px) 0%, 100% 20px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0% calc(100% - 20px), 0% 20px);}

/*******************************************
** HEADER
********************************************/

@media only screen and (min-width: 981px) and (max-width:1100px) {
	#menu-mm-desktop li {padding-left: 5px !important; padding-right: 0 !important;}
	#menu-mm-desktop li a {letter-spacing: 1px !important;}
	.et_pb_menu__logo {margin-right: 3px !important;}
	.et_pb_menu__logo img {max-width: 90% !important;}
}

.hide-from-menu {display: none !important;}

/* * Mega Menu 
 * Note, main CSS still in header module, move asap
 */

.vive-mega-menu .menu-item-has-children > a:first-child::after {display: none;}
 .vive-mega-menu .menu-item-has-children > a:first-child {padding-right: 9px;}

/* * Mobile Menu Tweaks  
 * * Collapse/expand only; no background or text colour changes 
 * * Update menu icon
 */ 

/* ICON */
/* Change default header mobile toggle */
header .mobile_menu_bar:before {
	font-family: FontAwesome !important; /* use Divi's built-in FA */
	font-weight: 900; /* solid */
	content: "\f142"; /* ellipsis vertical */
	transition: transform 0.3s ease-in-out;  /* smooth icon rotation */
}

/* Keep the same icon when menu is opened (optional but recommended) */
.mobile_nav.opened .mobile_menu_bar:before {
  font-family: FontAwesome !important;
  font-weight: 900;
  content: "\f70c";
}

/* * collapse mobile menus - open on click */
/* Parent items: make the whole link area tappable and leave room for an indicator if desired */
#mmenu .et_mobile_menu .menu-item-has-children > a,
#mmenu .et_mobile_menu .page_item_has_children > a {
  position: relative;
  display: block;
  padding-right: 48px; /* room for arrow if you add one via ::after */
}

/* Submenus: start collapsed; JS will animate height */
#mmenu .et_mobile_menu .menu-item-has-children > ul.sub-menu,
#mmenu .et_mobile_menu .page_item_has_children > ul.children {
  display: none;       /* hidden until opened */
  height: 0;           /* enables transition */
  overflow: hidden;    /* hide content during collapse */
}

/* Optional: arrow indicator that rotates when open (inherits colour) */
#mmenu .et_mobile_menu .menu-item-has-children > a::after,
#mmenu .et_mobile_menu .page_item_has_children > a::after {
  content: "\33";             /* ETmodules down arrow */
  font-family: "ETmodules";
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY( -50% );
  font-size: 16px;
  transition: transform 0.3s ease-in-out;  /* smooth icon rotation */
}

#mmenu .et_mobile_menu .dt-open > a::after {
  transform: translateY( -50% ) rotate(180deg); /* arrow up when open */
}

/*******************************************
** OTHER
********************************************/
/** MEMBERSHIP PAGE **/
.mblurbactive {  /* used to show active membership selction on click */
	border-left-color: var(--gcid-secondary-color);  
	border-left-style: solid !important;
	border-left-width: 10px !important;}

/** END **/