/*
Theme Name: Dance Stars—Astra Child
Theme URI: https://annecampbelldesign.com/
Template: astra
Author: Anne Campbell Design
Author URI: https://annecampbelldesign.com/
Version: 4.11.6.1752693713
Updated: 2025-07-16 15:21:53

*/


/* AEC styles */

/* ------------ GENERAL TEXT STYLES ----------------- */

body { font-family: 'adelle', serif; }

#content :is(h1, h2, h3, h4, h5, h6, nav, strong, b) { font-weight: 700; }
#content :is(h1, h2, h3, h4, h5, h6) { line-height: 110%; }
#content :is(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a) { text-decoration: none; }
#content :is(h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover) { text-decoration: underline; }

#content h1 { font-size: 2.2rem; color: #8a00e6; margin: 0 0 3rem 0;}
#content h2 { font-size: 1.9rem; color: #0052cc; }
#content h3 { font-size: 1.6rem; color: #02c57e; }
#content h4 { font-size: 1.3rem; color: #8a00e6; }
#content h5 { font-size: 1.0rem; color: #0052cc; }
#content h6 { font-size: 1.2rem; color: #02c57e; }

/* Links */
#content a { font-weight: 700; }
#content a:link { color: #8a00e6; }
#content a:visited { color: #0052cc; }
#content a:hover { color: #02c57e; }
#content a:active { color: #02c57e; }

/* Buttons */
#content p.button a, 
#content a.button {
   display: inline-block;
   font-weight: bold;
   padding: 1rem 2rem;
   border-radius: 2rem;
   color: #fff;
   background-color: #8a00e6; /* Old browsers */
   background-image: linear-gradient(to right,  #8a00e6 0%,#6815e0 50%,#4529d9 100%); 
   font-size: 1.2rem;
   text-decoration: none;
   cursor: pointer;
   text-align: center;
}
#content p.button a:hover, 
#content a.button:hover { background-color: #ac17dd; }

/* Horizontal rules */
hr { 
   border: 0;
   clear: both;
   height: 30px;
   background: url(https://getupanddancellc.com/staging/wp-content/uploads/hr-stars.webp) 0 100% repeat-x;
   background-size: 25%; 
   margin: 2rem 0;
}




/* ------------ GENERAL IMAGE STYLES ----------------- */

#content img,
#content img.alignright { 
  float: right; 
  margin: 0 0 2rem 2rem; 
  max-width: 40%; 
  height: auto; 
}


#content img.alignleft { float: left; margin: 0 2rem 2rem 0; }

#content img.nofloat { float: none; display: block; margin: 0 0 2rem 0; max-width: 100%; }
#content img.inline { float: none; display: inline-block; margin: 0 2rem 2rem 0; max-width: 100%; }
#content img.smaller { width: auto; max-width: auto; max-height: 100px; }
#content img.medium { width: auto; max-width: auto; max-height: 250px; }

/* Classes Offered */
#content div.descriptions h3 { clear: left; }
#content div.descriptions h3 img { max-width: 30%; clear: left; }
@media screen and (max-width: 1000px) { 
  #content div.descriptions h3 img { width: 45%; max-width: 45%; } }
@media screen and (max-width: 700px) { 
  #content div.descriptions h3 img { float: none; display: block; margin: 0 0 1em 0; width: 100%; max-width: 100%; } }



/* ------------------- HEADER --------------------- */

#masthead,
#masthead #ast-desktop-header,
#masthead #ast-desktop-header div.ast-main-header-wrap,
#masthead #ast-desktop-header div.ast-main-header-wrap div.ast-primary-header-bar,
#masthead #ast-desktop-header div.ast-main-header-wrap div.ast-primary-header-bar div.site-primary-header-wrap,
#masthead #ast-desktop-header div.ast-main-header-wrap div.ast-primary-header-bar div.site-primary-header-wrap div.ast-builder-grid-row { 
  xborder: 5px dotted black;
}
/*#masthead { border-color: red; }
#masthead #ast-desktop-header { border-color: orange; }
#masthead #ast-desktop-header div.ast-main-header-wrap { border-color: yellow; }
#masthead #ast-desktop-header div.ast-main-header-wrap div.ast-primary-header-bar { border-color: green; }*/

/* Background of header */
#masthead #ast-desktop-header div.ast-primary-header-bar { 
    background-image: url('https://getupanddancellc.com/staging/wp-content/uploads/stars.webp'), 
      linear-gradient(to right,  #8a00e6 0%,#6815e0 50%,#4529d9 100%); 
    background-size: auto 150%;
}

/* Container for three columns in header */
#masthead div.ast-builder-grid-row { 
  width: 96%; 
  max-width: 1200px; 
  margin: 0 auto;
  display: flex;
  justify-content: space-between; 
} 

/* Each of three columns in header */
#masthead div.ast-builder-grid-row > div { xborder: 2px dotted white; }

/* Left column of header */
#masthead div.ast-builder-grid-row div.site-header-primary-section-left { flex-basis: 25%; }
#masthead div.site-header-primary-section-left-center { display: none; } /* removes space to the right of logo */

/* Center column of header */
#masthead div.ast-builder-grid-row div.site-header-primary-section-center { 
  flex-basis: 55%; 
  justify-content: flex-start; 
  align-items: flex-end; 
}

/* Right column of header */
#masthead div.site-header-primary-section-right { flex-basis: 20%; }
#masthead div.site-header-primary-section-right div { width: 100%;  }
#masthead div.site-header-primary-section-right > div.ast-flex { justify-content: flex-end; }

/* Facebook link and contact/register buttons */
#masthead .reg-fb { display: flex; }
#masthead .reg-fb div.topright { width: 70%; }
#masthead .reg-fb div.topright.facebook { 
  width: 30%; 
  padding-right: 1rem; 
  align-content: flex-end; 
  text-align: right; 
}
#masthead .reg-fb div.topright.facebook a.facebook img { width: 100%; max-width: 2.5rem; height: auto; }


/* Containers for buttons in header and footer */
#masthead p.button, 
#colophon p.button { 
	margin: 0.8rem 0 0 0!important; 
	padding: 0!important;
  text-align: right; 
  background: transparent;
}

/* Buttons in header and footer */
#masthead p.button a, 
#colophon p.button a {    
   display: block;
   border: 1px solid white; 
   border-radius: 2rem;
   font-size: 1rem;
   text-align: center;
   padding: 0.5rem 1rem;  
}
#masthead p.button a span, #colophon p.button a span { font-size: 0.9rem; font-style: italic; }
#masthead p.button a:hover, #colophon p.button a:hover { 
   background-color: #7e17dd;  
   transition: 0.3s;
   -webkit-transition: 0.3s;
   -moz-transition: 0.3s;
   -o-transition: 0.3s;
}




/* ------------------- TOP NAVIGATION (desktop) --------------------- */

#primary-site-navigation-desktop,
#primary-site-navigation-desktop #ast-hf-menu-1,
#primary-site-navigation-desktop #ast-hf-menu-1 li,
#primary-site-navigation-desktop #ast-hf-menu-1 li > a.menu-link { xborder: 1px dotted white; xmargin: 0; xpadding: 0; }

/* Top-level links in main nav */
#primary-site-navigation-desktop #ast-hf-menu-1 > li > a.menu-link { 
  font-size: 1.2rem; 
  font-weight: bold;
  line-height: 100%; 
  padding: 1.2rem 1rem; 
}
#primary-site-navigation-desktop #ast-hf-menu-1 li > a.menu-link:hover { background: #ac17dd; }

/* Drop-down menus */
#primary-site-navigation-desktop #ast-hf-menu-1 li ul { background: #7e17dd; border: none; }
#primary-site-navigation-desktop #ast-hf-menu-1 li ul li { border-bottom: 1px solid rgba(255,255,255,0.3); line-height: 100%;  }
#primary-site-navigation-desktop #ast-hf-menu-1 li ul li a.menu-link:hover { background: #ac17dd; }






/* ----------------- CONTACT FORM (Forminator) ------------------- */

/* Field labels */
#content form label,
#content form span.forminator-label { 
	color: #000; 
	font-weight: bold; 
	font-size: 1.3rem!important;
}


/* Checkbox options */
#content form label.forminator-checkbox { 
	font-weight: normal; 
	font-size: 1.2rem!important;
  margin: 1rem 0;
}

/* Text fields */
#content form input, 
#content form textarea { border: 1px solid #999; }

/* Submit button */
#content form button { 
	background: #7e17dd; 
  border-radius: 2rem;
  padding: 1rem 2rem; 
	font-weight: bold!important; 
	font-size: 1.5rem!important;
}



/* ------------ 'Why Dance?' on homepage ------------*/
/* Why Dance? */
#content div.whydance { margin: 1rem 0; padding: 0; }
#content div.whydance hr { margin-top: 0; background-size: auto 2rem; height: 2rem; }
#content div.whydance h2 { color: #8a00e6; margin-top: 0; text-align: center; }
#content div.whydance ul { color: #8a00e6; margin: 0; padding: 0; list-style: none; text-align: center; }
#content div.whydance ul li { 
  color: black; 
  font-size: 1.4rem; 
  display: inline-block; 
  margin: 0 2rem 1rem 0; 
  padding: 0 0 0 1.5rem; 
  background-image: url(https://getupanddancellc.com/staging/wp-content/uploads/star-purple.webp); 
  background-repeat: no-repeat; 
  background-position: left 0.7rem; 
  background-size: auto 1rem; 
}
#content div.whydance ul li:nth-of-type(2n+0) { background-image: url(https://getupanddancellc.com/staging/wp-content/uploads/star-blue.webp); }
#content div.whydance ul li:nth-of-type(3n+0) { background-image: url(https://getupanddancellc.com/staging/wp-content/uploads/star-green.webp); }



/* ---------------- FOUR BOXES ABOVE FOOTER --------------- */

/* Container for first row of footer */
#colophon div.site-above-footer-wrap { 
  padding: 0; 
  background: transparent; 
}

/* Container for four-boxes widget */
#colophon div.ast-builder-footer-grid-columns { 
  width: 96%; 
  max-width: 1200px; 
}

/* Four-column photo navigation */
ul.columns { margin: 3rem auto 0 auto; }

ul.columns > li { 
   color: black;
   display: inline-block; 
   width: 22.7%; 
   margin: 0 2.6% 3% 0; 
}
ul.columns > li:last-child { margin-right: 0!important; }

@media screen and (max-width: 800px) { 
   ul.columns > li:nth-child(even) { margin-right: 0; } 
   ul.columns > li { width: 48%; margin: 0 3% 3% 0; } 
}
@media screen and (max-width: 500px) { ul.columns > li { width: 100%; margin: 0 0 3% 0; } }


ul.columns > li img { border-bottom: 10px solid black; }

ul.columns > li:first-child img { border-color: #8a00e6; }
ul.columns > li:nth-child(2) img { border-color: #4529d9; }
ul.columns > li:nth-child(3) img { border-color: #0052cc; }
ul.columns > li:nth-child(4) img { border-color: #02c57e; }

ul.columns > li h4 { padding: 0 0 0.2rem 0; font-size: 1.2rem; }
ul.columns > li h4 a { color: black; font-weight: normal; text-decoration: none; }
ul.columns > li h4 a:hover { color: #8a00e6; text-decoration: underline; }



/* ------------- FOOTER -------------- */

#colophon aside * { color: white; }

#colophon > div.site-primary-footer-wrap { 
  background-image: url(https://getupanddancellc.com/staging/wp-content/uploads/dancer-silhouettes.webp), 
    linear-gradient(to right,  #8a00e6 0%,#6815e0 50%,#4529d9 100%)!important; 
  background-size: 120% auto;
  background-repeat: no-repeat;
  background-position: center top;
}

#colophon h2 { margin-bottom: 0; }
#colophon ul.menu { margin-top: 0.5rem; }

@media screen and (min-width: 801px) { #colophon .dot { display: none; } }
@media screen and (max-width: 800px) { 
  #colophon .dot { display: inline; }
  #colophon br.optional { display: none; }
}

#colophon p.facebook { margin: 1rem 0 0 0; }
#colophon p.facebook img { width: 1.5rem; display: inline-block; margin-right: 0.5rem; }


/* Copyright below footer */
#colophon div.site-below-footer-wrap { padding: 0; margin-top: -2rem; }
#colophon div.site-below-footer-wrap p { font-size: 0.8rem; }
#colophon div.site-below-footer-wrap a { color: white; }


/* Footer at medium sizes */
@media screen and (max-width: 800px) { 
  #colophon div.site-primary-footer-inner-wrap { 
    display: flex;
    flex-wrap: wrap;
    column-gap: 1rem;
    justify-content: space-between;
  }
  #colophon div.site-footer-section { 
    flex-basis: 31%;
    margin-bottom: 0; 
  }
  #colophon div.site-footer-section-1 { flex-basis: 100%; } 
}


/* Footer at smallest sizes */
@media screen and (max-width: 500px) { 
  #colophon div.site-footer-section { 
    flex-basis: 41%; 
  }
  #colophon div.site-footer-section-1,
  #colophon div.site-footer-section-4 { flex-basis: 100%; }
  #colophon div.site-footer-section-4 div.textwidget { 
    display: flex; 
    justify-content: space-between; 
  }
  #colophon div.site-footer-section-4 p.button { 
    flex-basis: 41%; 
    display: inline-block; 
  }
}