/*
 Theme Name:   Sunrise Yoga Studio
 Theme URI:    https://bricksbuilder.io/
 Description:  Child of Bricks theme. Do not delete the parent.
 Author:       MWD
 Author URI:   https://mainsailwebdesign.com
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


.brx-submenu-toggle button{
	color: var(--action);
}
#brxe-cee122 .bricks-nav-menu .sub-menu > li > a:hover{
	background:var(--action-dark)
}

:root {
  --transition: all 0.5s linear;
  --slide-up-5px: translatey(-5px);
  --site-bg: #FFF;
}

/* Button styles */
button {
  transition: var(--transition);
}
button:hover:not(.bricks-mobile-menu-toggle) {
  transition: var(--transition);
  box-shadow: 0px 5px 20px -5px var(--action-dark);
}

.up-btn,
.up-btn-outline,
[type="submit"] {
  transition: var(--transition);
  isolation: isolate;
  position: relative;
  background-clip: padding-box;
  border: 3px solid var(--action) !important;
  border-radius: var(--radius-xs);
  text-decoration: none !important;
 
}
.up-btn {
  color: white !important;
  background-color: transparent;
}
.up-btn-outline {
  background-color: var(--site-bg) !important;
  color: var(--action) !important;
  outline: 1px solid var(--site-bg) !important;
}

.up-btn:hover,
.up-btn-outline:hover,
[type="submit"]:hover {
  transition: var(--transition);
  box-shadow: 0px 5px 10px -5px var(--primary);
  background-color: transparent;
  color: white !important;
  border-color: transparent;
  text-decoration: none !important;
}
.up-btn:after,
.up-btn-outline:after,
[type="submit"]:after {
  content: "";
  transition: var(--transition);
  position: absolute;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  inset: -3px;
  z-index: -1;
  border-radius: var(--radius-xs);
  background-image: linear-gradient(
    135deg,
    var(--action) 0%,
    var(--action) 30%,
    var(--accent-ultra-light) 47%,
    var(--accent) 59%,
    var(--action) 100%
  );
  background-size: 500% 100%;
  background-position: 0% 0;
}
.up-btn-outline:after {
  opacity: 0;
}
.up-btn:hover:after,
.up-btn-outline:hover:after,
[type="submit"]:hover:after {
  background-position: 100% 0;
}
.up-btn-outline:hover:after {
  opacity: 1;
}

/**** Links *****/

.logo,
.logo:hover {
  transition: var(--transition);
}
.logo:hover {
  transform: var(--slide-up-5px);
}



a:not(.up-btn-outline, .prev-post, .next-post, .no-underline) {
  text-decoration: underline 0.1em var(--action);
  transition: var(--transition);
  text-underline-offset: 0.1em;
  font-weight:600;
}
a:hover {
	text-decoration-color: transparent !important;
  text-underline-offset: 0.4em;
}


.brxe-nav-menu a{
  text-decoration: underline 0.15em rgba(0, 0, 0, 0);
  transition: var(--transition);
  text-underline-offset: 0.4em;
  font-weight:400;
}
.brxe-nav-menu a:hover {
	text-decoration-color: var(--action) !important;
	text-underline-offset: 0.2em;
 
  
}

a.no-underline:{
  text-decoration:none !important;
}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn-border, .tribe-common .tribe-common-c-btn-border{
	border: 2px solid var(--action);
	color:var(--action);	
}
.tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn-border:hover, .tribe-common .tribe-common-c-btn-border:hover, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover{
	border: 2px solid var(--action);
	background-color: var(--action);
	color:#fff;	
}
.tribe-events .tribe-events-calendar-list__event-title-link, .tribe-events .tribe-events-calendar-list__event-title-link:visited, .tribe-common a, .tribe-events-event-meta a, .tribe-events-event-meta a:visited {
	color: var(--action);
}