/*
 Theme Name: UNIX business summit
 Theme URI: https://summit.unixacademy.pt 
 Description: A theme made by Getup Agency
 Author: Getup Agency
 Author URI: https://getupagency.pt 
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */


/* ---------- TWEAKS ---------- */
.force_cover img {object-fit: cover;}

/* sticky banner - reduce the z-index of all rows and columns on a specific page where this banner is located */
.banner_stick_top ~ .et_pb_section .et_pb_row,
.banner_stick_top ~ .et_pb_section .et_pb_column {
  position: relative;
  z-index: 1;
}



/* ---------- START - MENUS ---------- */

/*** Remove hamburger icon on mobile - show desktop menu ***/
@media (max-width: 980px) {
	.open_mobile_menu .et_pb_menu__menu {
		display: flex!important;
	}
	.open_mobile_menu .et_mobile_nav_menu {
		display: none!important;
	}
	.open_mobile_menu.et_pb_menu--style-left_aligned.et_pb_text_align_right .et_pb_menu__wrap {justify-content: center;} /* align menu to center */
	.language_menu.open_mobile_menu.et_pb_menu--style-left_aligned.et_pb_text_align_right .et_pb_menu__wrap {justify-content: flex-end;} /* align menu to right */
}


/*** HEADER MENU settings on scrolling ***/

/* Set the default background color of the header section */
.pa-header {
	background: transparent;
	-webkit-transition: background-color .5s ease-out;
	-moz-transition: background-color .5s ease-out;
	-o-transition: background-color .5s ease-out;
	transition: background-color .5s ease-out;
}

/* Set the background color of the fixed header when scrolling */
.pa-fixed-header {
	background-color: #1D1D1B!important;
	padding: 0 !important;
	-webkit-transition: background-color .5s ease-out;
	-moz-transition: background-color .5s ease-out;
	-o-transition: background-color .5s ease-out;
	transition: background-color .5s ease-out;
}

/* Set the transition for the logo shrinking action */
.pa-header .et_pb_menu__logo img {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

/* Change the logo size when the header shrinks */
.pa-fixed-header .et_pb_menu__logo img {
	max-width: 80%;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.pa-fixed-header .et_pb_row_0_tb_header.et_pb_row {padding: 10px 0 !important;}


/*** SUBMENU dropdown settings ***/

/* Edit the Divi submenu */
.unix_menu.et_pb_menu li ul {
	border-top: none;
	/*padding: 0 !important;*/
}
.unix_menu .et-menu li li a {line-height: 1.1em;}

.unix_menu .et_mobile_menu li a {padding: 8px 4%;}
.unix_menu .et_mobile_menu li a {border-bottom: none;}
.unix_menu.et_pb_menu .et_mobile_menu {border: none;}

/* Remove background color on hover */
.unix_menu.et_pb_menu li li a:hover, .unix_menu .nav ul li a:hover, .unix_menu .et_mobile_menu li a:hover {
	background-color: rgba(0,0,0,0); 
	opacity: 1;
}

@media (max-width: 980px) {
	.unix_menu .et_mobile_menu {top: 65px !important;} /* set position on mobile */
}


/*** COLLAPSE submenus on mobile ***/

/* Change hamburger icon to x when mobile menu is open */
#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}

/* Adjust the new toggle element which is added via jQuery */
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}

/* Some code to keep everyting positioned properly */
ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}

/* Remove default background color from menu items that have children */
.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}

/* Hide the submenu by default */
ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}

/* Show the submenu when toggled open */
ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}

/* Adjust the toggle icon position and transparency */
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
	text-align: center;
	opacity: 1;
}

/* Submenu toggle icon when closed */
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
	content: '\33';
	color: #2f2f2f;
}

/* Submenu toggle icon when open */
ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
	content: '\32';
}

/* Add point on top of the menu submenu dropdown */
.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
	position: absolute;
	right: 5%;
	margin-left: -20px;
	top: -14px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #ffffff;
}

/* Adjust the position of the hamburger menu */
.mobile_menu_bar {
	position: relative;
	display: block;
	bottom: 10px;
	line-height: 0;
}


/*** MAKE MENU FULL WIDTH AND HEIGHT ON MOBILE ***/

/* Make mobile menu fullwidth */
.et_mobile_menu {
	min-width: 100vw;
	margin-left: -10vw;
}

/* Make the mobile menu full height */
.et_mobile_menu {
	min-height:100vh !important;
	min-height: -webkit-fill-available;
}

html {height: -webkit-fill-available;}

/* Remove the animation to avoid delay */
.mobile_nav.opened .et_mobile_menu {display:block !important;}


/*** SCROLL MENU ON MOBILE - Make the Divi mobile dropdown menu scrollable ***/
.et_mobile_menu {
	overflow: scroll !important;
	max-height: 80vh;
}
/* ---------- END - MENUS ---------- */


/* ---------- Buttons ---------- */

/* Menu button */
.summit_menu.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li>a {
	padding: 16px;
}
.summit_menu.et_pb_menu .et-menu-nav>ul {margin: 0;}

.summit_menu .btn_menu_summit {
	background-color: #00C9B6;
	border-radius: 10px;
	margin-left: 14px !important;
}
.summit_menu .btn_menu_summit:hover {
	background-color: #00A9EB;
	transition: all .2s 0s;
}
.summit_menu li#menu-item-112.btn_menu_summit a:hover {color:#fff !important;}
.summit_menu.et_pb_menu .et-menu li.menu-item {padding: 0;}

/* General buttons - add border to 2 sides only */
body #page-container a.et_pb_button.btn_summit {
	border-right: 4px solid #000 !important;
	border-bottom: 4px solid #000 !important;
}


/* ---------- FLOATING - Whatsapp icon ---------- */
.floating {
	position:fixed;
	width:50px;
	height:50px;
	bottom:15px;
	right:15px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 5px #999;
	z-index:1000 !important;
}
.float-button {margin-top:10px;}

/* Hide whatsapp icon on specific pages */
.page-id-256141 .floating {display: none;} /* Live summit - 22 julho */



/* ---------- START - BLURBS ---------- */

/*** START - Vertically Align Divi Blurb Module Image/Icon and Text ***/

/* Media query for devices with a minimum width of 767 pixels */
@media (min-width: 430px) {
    /* Flexbox display for blurb content */
    .vertical_align_blurb .et_pb_blurb_content {
        display: flex!important;
    }
    
    /* Flexbox display for blurb container */
    .vertical_align_blurb .et_pb_blurb_container {
        display: flex!important;
        justify-content: center; /* Center align blurb container horizontally */
        flex-direction: column; /* Arrange blurb container content in a column */
    }
    
    /* Flexbox display for main blurb image */
    .et-db #et-boc .et-l .vertical_align_blurb .et_pb_main_blurb_image {
        display: flex;
        width: auto!important; /* Ensure blurb image width adjusts automatically */
        margin-bottom: 0px!important; /* Remove bottom margin for better alignment */
    }
}
/*** END - Vertically Align Divi Blurb Module Image/Icon and Text ***/


/* Reduce left spacing between blurb icon and blurb text */
.icon_space_blurb.et_pb_blurb_position_left .et_pb_blurb_container {padding-left: 45px;}
.icon_space_blurb_small.et_pb_blurb_position_left .et_pb_blurb_container {padding-left: 25px;}
.icon_no_space_blurb.et_pb_blurb_position_left .et_pb_blurb_container {padding-left: 0;}


/*** Center blurbs to its content module width ***/
.center_blurbs {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 4vw;
	flex-wrap: wrap;
	margin: 0 auto;
}
.center_blurbs .et_pb_blurb { flex: 0 0 auto; }

@media (max-width: 1440px) {
	.center_blurbs {
		gap: 8vw;
	}
}

@media (max-width: 1024px) {
	.center_blurbs {
		flex-direction: column;
		align-items: flex-start;
		gap: 40px;
  }
	.center_blurbs .et_pb_blurb {
		text-align: left;
		padding-left: 25%;
		padding-right: 25%;
		width: 100%;
	}
	.center_blurbs .et_pb_blurb_content {
		justify-content: flex-start !important;
		text-align: left;
  }
}

@media (max-width: 767px) {
	.center_blurbs .et_pb_blurb {
		padding-left: 15%;
		padding-right: 15%;
	}
}
/* ---------- END - BLURBS ---------- */


/* ---------- LIVE PAGES ---------- */
.blurb_no_margin .et_pb_blurb_content {margin: 0 !important;}

@media (min-width: 980px) and (max-width: 1024px) {
  .force_cover.live_img img {
    width: 100% !important;
    max-height: 550px !important;
    display: block;
  }
}

@media (min-width: 1241px) and (max-width: 1440px) {
	.force_cover.live_img img { max-height: 750px !important; }
}

/*** GHL - GO HIGH LEVEL - LIVE form ***/
/* Only on mobile - remove scrolling */
@media (max-width: 768px) {
  iframe#inline-lYsMeo4Ec3xGiLt7fIcJ {
    min-height: 420px !important;
  }
}

/* Remove INFO green top banner if empty */
/*.postid-256141 .et_pb_section.banner_top_info {display: none;}*/



/* ---------- START - Countdown Timer module ---------- */

/* Translate Countdown labels and vice versa */

html[lang="pt-PT"] .et_pb_countdown_timer .section.days::after { content: "Dias" !important; font-size: 13px; text-align: center; color: #666; display: block; }
html[lang="pt-PT"] .et_pb_countdown_timer .section.hours::after { content: "Horas" !important; font-size: 13px; text-align: center; color: #666; display: block; }
html[lang="pt-PT"] .et_pb_countdown_timer .section.minutes::after { content: "Minutos" !important; font-size: 13px; text-align: center; color: #666; display: block; }
html[lang="pt-PT"] .et_pb_countdown_timer .section.seconds::after { content: "Segundos" !important; font-size: 13px; text-align: center; color: #666; display: block; }

html[lang="en-US"] .et_pb_countdown_timer .section.days::after { content: "Days" !important; font-size: 13px; text-align: center; color: #666; display: block; }
html[lang="en-US"] .et_pb_countdown_timer .section.hours::after { content: "Hours" !important; font-size: 13px; text-align: center; color: #666; display: block; }
html[lang="en-US"] .et_pb_countdown_timer .section.minutes::after { content: "Minutes" !important; font-size: 13px; text-align: center; color: #666; display: block; }
html[lang="en-US"] .et_pb_countdown_timer .section.seconds::after { content: "Seconds" !important; font-size: 13px; text-align: center; color: #666; display: block; }

/* Hide EN labels in the PT version */
html[lang="pt-PT"] .et_pb_countdown_timer .section .label {
    display: none !important;
}

/* Adjust timer width */
.et-db #et-boc .et-l .et_pb_countdown_timer .section.values {width: 20%;}

/* ---------- END - Countdown Timer module ---------- */




/* ---------- GO HIGH LEVEL - Checkout page ---------- */
/* IMPORTANT INFO - All CSS inside ghl platform - https://app.gohighlevel.com/ */