/*
Theme Name: Lama Foundation 2022
Theme URI: https://cantonbecker.com
Description: Child Theme For Divi
Author: Canton Becker
Author URI: https://cantonbecker.com
Template: Divi
Version: 1.0
*/

@import url("../Divi/style.css");


/* UBERMENU */

/* Vertical position of dropdown */
.ubermenu-transition-fade .ubermenu-item .ubermenu-submenu-drop, .ubermenu-transition-shift .ubermenu-item .ubermenu-submenu-drop, .ubermenu-transition-slide .ubermenu-item .ubermenu-submenu-drop { top: 140px !important;}

.ubermenu div.ubermenu-content-block h4 {
	font-family: "Cinzel", Georgia, "Times New Roman", serif;
	font-size: 20px;
	color: #5A3A00;
	padding: 0 0 5px 0;
	margin: 0;
	border-bottom: 1px solid #A06A3D;
}

/* Down arrows after topmost items */
.ubermenu .ubermenu-nav li.ubermenu-has-submenu-mega > a::after {
  content: "\25BC";
  font-size: 11px;
  color: #FFD772;
  padding-left: 5px;
}

.ubermenu .ubermenu-nav li.ubermenu-has-submenu-mega > a:hover { color: #FFD772 !important; }


/* Normally stacked blog posts in menus */
ul.ubermenu-submenu-type-stack li a img { float: left !important; margin-right: 15px !important; }
ul.ubermenu-submenu-type-stack li a span.ubermenu-target-title { display: inline-block !important; }
ul.ubermenu-submenu-type-stack li a span.ubermenu-target-description { display: block !important; color: #975621 !important; }
ul.ubermenu-submenu-type-stack li a:hover { color: #D84432 !important; }

/* ubermenu mobile menu adjustments */

#mobileTipTop { margin-bottom: 10px; }
#mobileTipTop li { text-transform: uppercase; font-size: 16px; padding: 8px; font-weight: normal; display: inline-block;  }
#mobileTipTop li a { color: #D84432; }

#headercol1 { margin-bottom: 0 !important; } /* force no space under logo */
a.ubermenu-responsive-toggle { text-align: center; background-color: transparent !important; } /* centered hamburger */

div.ubermenu-mobile-footer { background-color: #975621; border-top: 1px solid white;}
button.ubermenu-mobile-close-button { display: inline-block !important; width: 8em !important; border-radius: 8px !important; padding: 4px 12px !important; background-color: rgba(255,255,255,.2) !important; border: none !important; color: white !important; letter-spacing: .02em !important; margin: 15px 0; }


.circleIt img, img.circleIt { border-radius: 500px !important; }


/* VERTICAL MENU STYLES */
/* show desktop menu on phone by adding no-burger-mobile-menu class to Divi menu module */

/*show desktop menu*/
@media (max-width: 980px) {
  .no-burger-mobile-menu nav ul li { width: 100%; display: block; }
  .no-burger-mobile-menu .et_pb_menu__menu { display: flex!important; }
  .no-burger-mobile-menu .et_mobile_nav_menu { display: none!important; }
  .no-burger-mobile-menu .et_pb_menu__wrap { -webkit-box-pack: end; -ms-flex-pack: end;  justify-content: left !important; }  
  
}



@media only screen and (max-width: 800px) { /* mobile */

.ubermenu .ubermenu-nav li.ubermenu-has-submenu-mega > a::after { content: none; }
	.ubermenu-has-submenu-mega > a > span.ubermenu-target-title.ubermenu-target-text { display: block; color: #975621; text-align: center !important; }
	.ubermenu-has-submenu-mega > a > span.ubermenu-target-title::after {
  content: "\25BC";
  font-size: 11px;
  color: #975621;
  padding-left: 5px;
  }
}

