/* 
 Theme Name:     Beakerhead
 Author:         Harkus
 Author URI:     https://harkus.com
 Template:       Divi
 Version:        v1.0
 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker
Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like
 Wordpress Version: 5.9.3
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 


.circle-1::before, .feel1::before, .auditorium::before {
  margin-right:.65rem;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23ee3442'/%3E%3C/svg%3E");
}
.circle-2::before, .taste::before, .grotto::before {
  margin-right:.65rem;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%232dbbaa'/%3E%3C/svg%3E");
}
.circle-3::before, .brain::before, .dome::before {
  margin-right:.65rem;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23ed2982'/%3E%3C/svg%3E");
}
.circle-4::before, .touch::before, .atrium::before {
  margin-right:.65rem;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23d9e02d'/%3E%3C/svg%3E");
}
.circle-5::before, .feel2::before, .workshop::before {
  margin-right:.65rem;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23f15d3f'/%3E%3C/svg%3E");
}
.flanagan::before {
  margin-right:.65rem;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%236351a0'/%3E%3C/svg%3E");
}


/* Mobile Nav */
#dm-menu a {
	font-family: "League Gothic";
	font-size: 20px !important;
	letter-spacing: 1px;
}
#dm-menu li ul.sub-menu li a {
	font-size: 20px !important;
}
/* End Mobile Nav */

/** Footer **/

/** End Footer **/
.add_plus:before {
	content: "\4c";
	position:relative;
	font-family: 'ETmodules';
	font-size: 20px;
	font-weight: 700;
	top: 3px;
}

.sm-icon {
	border: 2px solid #333; 
	border-radius: 50%;
	background-color: rgba(0,0,0,0.5);
	margin-right:10px;
}

/* Hamburger Menu */

.et_pb_menu_1_tb_header .mobile_nav .mobile_menu_bar::before { color: #7cda24 !important; }

/*** hides sub-menu on hover ***/
#et-top-navigation #top-menu li.et-hover ul.sub-menu { display: none!important; } 
/*** shows submenu on click ***/
#et-top-navigation #top-menu li.show-submenu ul.sub-menu { display: block!important; visibility: visible!important; opacity: 1!important; } 
/*** Hide hamburger menu item on mobile ***/
.et_mobile_menu .mega-menu > a {display:none;} 
#top-menu .mega-menu > a, #et-secondary-nav .mega-menu > a {padding-bottom: 24px !important;} 
/**** hide down arrow ****/
#top-menu .mega-menu > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {display: none;} 
/*** show hamburger icon ***/

#nav-icon1 * {
	color: transparent; 
}
#nav-icon1 {
  width: 60px;
  height: 45px;
  position: relative;
  /* margin: 50px auto; */
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span {
  display: block;
  position: absolute;
  height: 9px;
  width: 100%;
  background: #d3531a;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  background: #ff2c3f;
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  background: #ea8344;
  top: 18px;
}

#nav-icon1 span:nth-child(3) {
  background: #39a544;
  top: 36px;
}

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
/* .hamburger:before { */
    /* font-family: "ETmodules" !important; */
    /* font-weight: normal; */
    /* font-style: normal; */
    /* font-variant: normal; */
    /* -webkit-font-smoothing: antialiased; */
    /* -moz-osx-font-smoothing: grayscale; */
    /* line-height: 0.6em; */
    /* text-transform: none; */
    /* speak: none; */
    /* position: relative; */
    /* cursor: pointer; */
    /* top: 0; */
    /* left: 0; */
    /* vertical-align: -11px; */
    /* padding-right: 3px; */
    /* font-size: 32px; /*change size of icon here*/ */
    /* content: "\61"; /*change icon here*/ */
    /* color: #fff; /*change color of icon here*/ */
/* }  */




/*** displays the "x" close icon ***/
.show-submenu .hamburger:before {
    content: "\4d"; /*change x icon here*/
}


/* End Hamburger Menu */

/* Switch stacking order of columns */

@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row, .et_section_specialty .et_pb_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
 
}

/* End Switch stacking order of colunmns */

/* Disable tablet mobile menu */
.lwp-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,.lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
    display: flex!important;
} 
.lwp-hide-mobile-menu .et_mobile_nav_menu {
    display: none;
}
@media (min-width: 768px) and (max-width: 980px) {
    .lwp-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,.lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
        display: flex!important;
    } 
    .lwp-hide-mobile-menu .et_mobile_nav_menu {
        display: none;
    }
}
.lwp-hide-mobile-menu .et_pb_menu__menu > nav > ul > li {
    width:100%
}
@media (max-width: 767px) {
    .lwp-hide-mobile-menu .et_pb_menu__menu > nav > ul > li {
        width:100%
    }
}

/** Video Banner **/
#audio_notice {
 position: relative;
  z-index: 100;
  margin-top: -1.5em;
  width: 100%;
  text-align: center;
  font-size: 1.4em;
  color: rgba(255,255,255,0.8);
}
#wrapper{
  position: relative;
  width:100%;
  padding-top: 56.25%;
  height: 0px;
  overflow:hidden;
}
#video_wrap {
  clip-path: circle(100%);
}
.video {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0;
  left: 0;
  background-color: #fff;
}
#video_background {
  position: absolute; 
    height: 100%;
    width: 100%;
    min-width: 100%;
    min-height: 56.25vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
#video_background source {
}
#image_background{
  position: absolute;
  top: 0;
  left: 0;
}

/** End Video banner **/


/** Mega Menu **/
#rabbit_hole p{
  background-color: #006610;
  padding: 20px 30px;
  margin-left:0;
  display:inline-block;
  line-height: 0.7em;
}

@media screen and (min-width: 981px) and (max-width: 1282px) {
	#beaker-title h1 {
		font-size: 53px;
	}
	#beaker-title {
		max-width: 79%
	}
}

/** Home page specific **/
#about_us {
	background:
		url(/wp-content/uploads/2022/08/astronaut-1.png) left 10% no-repeat, url(/wp-content/uploads/2022/08/astronaut-2-1.png) right 2% no-repeat, url(/wp-content/uploads/2022/08/astronaut-3.png) right 50% no-repeat, url(/wp-content/uploads/2022/08/grass-springs-dry-earth-about.jpg) center bottom no-repeat;
		background-size: 23vw, 17vw, 25vw, contain; 
}

@media screen and (min-width: 1920px) {
	#exoskeleton  {
		transform: scaleX(1.8) scaleY(1.8) translateX(-80px) translateY(0px);
	}
}

/** Instagram Feed Styles */
.FeedLayout__load-more-btn .DesignedButton__button {
  background-color: #fff !important;
}

.white { color: #fff; }
.et_pb_text.left_column {
	float: left;
	width: 50%;
}
.et_pb_text.right_column {
	float:right;
	width: 50%;
}
@media screen and (max-width: 673px) {
	.et_pb_text.left_column, .et_pb_text.right_column {
		float:none;
		width:100%;
	}
	.et_pb_text.left_column ul {
		padding-bottom: 0;
	}
}
@media screen and (max-width: 553px) {
	.main-content-column {
		padding-top: 40px !important;
	}
	.date_banner { 
		right: auto; 
		left: 0; 
		width:100%;
		text-align: center !important;
	}
}
.date_banner {
	position: absolute;
	right: 0;
	top: 0;
}
.event-18 {
	position: absolute;
	right: -24px;
	top: -15px;
	background-color: #781be6;
	padding: 7px 19px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 3px;
	font-size: 18px;
}
@media screen and (max-width: 767px) {
	.event-18 {
		top: -35px;
	}
}