/*
 Theme Name:   spinupcreative
 Template:     Divi
*/


@import url("../Divi/style.css");
@import url("https://use.typekit.net/wvo2vpt.css");

/* =Theme customization starts here
-------------------------------------------------------------- */


h1, h2, h3, h4, h5, h6, #top-menu li {
font-family: "superblue", sans-serif;
letter-spacing: 1.1px;
}



/* SETTING BREAKPOINT FOR MOBILE MENU */
@media only screen and ( max-width: 1280px ) {
#top-menu-nav, #top-menu {display: none;}
#et_mobile_nav_menu {display: block;}
#et_top_search {margin-top: 10px;}

}

/* SETTING BREAKPOINT FOR SEARCH ICON */
@media only screen and ( max-width: 980px ) {
#et_top_search {margin: 0px 5px;}
}


/* MAIN MENU SUBNAV MAKE WIDER */
.nav li ul {width:340px !important;}
#top-menu li li a {width: 300px;}



/* VERTICALLY ALIGN CONTENT MODULES IN A ROW */
.vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 


/* REMOVE BOTTOM BORDER FROM HEADER */
header#main-header.et-fixed-header, #main-header{
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow:none !important;
}


/* MERCH ICON IN MAIN MENU */
#main-header .store > a::after {
  font-family: 'ETmodules';
  content: "\e079"; /* this is the shopping cart icon */
  margin-left: 8px;
  font-size: 1em;
  speak: none;
}


/* MOBILE MENU TEXT WITH CLOSE AND OPEN X */

.mobile_menu_bar:after {
    content: 'MENU';
    position: relative !important;
    bottom: 8px;
    left: 10%;
    color: #0a5daa;
    font-size:20px;
}

/* Change the hamburger to X when opened */
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}


/*
.page-id-212 .mobile_menu_bar:after {
    content: 'HAINES MENU';
    color: #ffffff;
}
.page-id-214 .mobile_menu_bar:after {
    content: 'EARAC MENU';
    color: #ffffff;
}
.page-id-216 .mobile_menu_bar:after {
    content: 'CORDOVA MENU';
    color: #ffffff;
}
.page-id-125 .mobile_menu_bar:after {
    content: 'VALDEZ MENU';
    color: #ffffff;
}

.page-id-212 .mobile_menu_bar:before, .page-id-214 .mobile_menu_bar:before, .page-id-216 .mobile_menu_bar:before, .page-id-125 .mobile_menu_bar:before {color: #ffffff !important;}

*/

/* PRICING MODULES ALL SAME HEIGHT */
/* Equal height pricing columns + bottom-aligned buttons (Divi) */

/* 1) Make the wrapper a flex container so all tables stretch equally */
.et_pb_pricing_table_wrap {
  display: flex !important;
  flex-wrap: wrap;
  align-items: stretch;   /* equal heights */
  gap: 24px;              /* optional spacing between columns */
}

/* 2) Each table acts like a vertical flex card */
.et_pb_pricing_table {
  display: flex !important;
  flex-direction: column;
  flex: 1 1 0;            /* let every card share the row evenly */
}

/* 3) Push the button area to the bottom of each card */
.et_pb_pricing_table .et_pb_button_wrapper {
  margin-top: auto;       /* anchors the button to the bottom */
}

/* (Optional) make sure inner blocks don’t stretch weirdly */
.et_pb_pricing_heading,
.et_pb_pricing_content_top,
.et_pb_pricing_content {
  flex: 0 0 auto;
}




/* SUPPORT PAGE CTA STYLES */
/* Force equal height CTA modules and bottom-align the button */
.et_pb_promo {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%; /* ensures equal height across all modules if columns are equal */
}

.et_pb_promo_description {
  flex-grow: 1; /* pushes the button section to the bottom */
}

.et_pb_promo .et_pb_button_wrapper {
  margin-top: auto; /* ensures the button sticks at the bottom */
}




/* HOMEPAGE BLOG GRID STYLES */
.home .et_pb_post .post-meta {
    background-color: #666;
    border-radius: 3px;
    padding-left: 10px;
    color: #FFF !important;
}


/* TEAM MEMBER STYLES */
.et_pb_team_member_description h3 {
    line-height:1em !important;
    padding-bottom:0px !important;
}

.et_pb_member_position {margin-bottom: 10px;}


/* EVENT CALENDAR STYLES */
.tribe-events-c-subscribe-dropdown__container {
    display: none !important;
}
.ecs-event-list li {margin-bottom: 30px;}


/* GRAVITY FORM SUBMIT BUTTON STYLES */
.gform_wrapper input[type="submit"] {
	background-color: #d8a14a !important;
	padding: .5% 2%;
	border-width: 1px;
	border-color: #d8a14a !important;
	color: #ffffff;
    font-size: 18px !important;
	border-radius: 15px;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
}

.gform_wrapper input[type="submit"]:hover {
	background-color: #92b6d5 !important;
	padding: .5% 2%;
	border-width: 1px;
	border-color: #92b6d5 !important;
	color: #fff;
}


/* GLOBAL FOOTER */
#global-footer a {
  font-weight: 600;
  color: #0A5DAA;
  text-decoration: none;
  position: relative;
}

#global-footer a::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background-color: #fff;
  opacity: 0;
  transition: opacity 0.3s ease;
}

#global-footer a:hover::after {
  opacity: 1;
}