/*
Theme Name: AWD Theme - Alltrius Web Design Services
Theme URI: https://alltrius.com/
Author: Alltrius Web Design Services - Ryan Roy
Author URI: https://alltrius.com/about-us
Description: With a large, yet specialized custom project managers, developers, sales professionals, programmers, graphic artists, marketing specialists, animation experts and support staff, you can be assured that our team is ready to design, build, and maintain your custom website.
Requires at least: WordPress 5.8
Version: 1.2
*/

body {
  font-family: 'Poppins', sans-serif;
}

body.home .navbar-nav .nav-link{
  color: #000;
}
body.home .primary .navbar-nav .active > a.nav-link{
  color: #000 !important;
}
body.home a.nav-link:hover{
  color: #000 !important;
}

body.home .banner{
  color: #000;
  text-shadow: 0px 0px 4px #fff;
}
body.home .banner a{
  color: #000;
  border: solid 2px #000;
  text-shadow: none;
}
.dropdown:hover .dropdown-menu {
    display: block;
} 

.center {text-align: center;}
.primary {
  position: absolute;
  width: 100%;
  z-index: 1;
}
#header {
  position: fixed;
  width: 100%;
  z-index: 99;
  top: 0;
  background: #b4d0e8;
}
#header .navbar-nav .nav-link {color: #030205;}
.navbar-brand img {width: 200px;}
.navbar-nav .nav-link {
  color: #fff;
  text-transform: uppercase;
}
.primary .navbar-nav .active>a.nav-link {
	color: #92c1e8!important;
}
a.nav-link {
  position: relative;
  color: inherit;
  text-decoration: none;
  line-height: 24px;
}
a.nav-link:after {
	position: inherit!important;
}
a.nav-link:before, a.nav-link:after {
  content: '';
  position: absolute;
  transition: transform .5s ease;
}
a.nav-link:before {
	left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #92c1e8;
  transform: scaleX(0);
}
a.nav-link:hover:before {
	transform: scaleX(1);
}
a.nav-link:hover {
	color: #92c1e8!important;
}
.navbar-text a {
	text-decoration: none;
	text-transform: uppercase;
	border: solid 2px #030205;
	padding: .2rem 1.5rem;
	font-weight: 600;
	color: #030205;
}
.navbar-text a:hover {border: solid 2px #fff;color: #fff;}
.banner {
  background-size: cover;
  background-position: center;
  height: 100vh;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
}
.banner h1 {
  margin-bottom: 4rem;
}
.banner a {
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  border: solid 2px #fff;
  background-color: transparent;
  padding: .5rem 2.5rem;
}
.banner a:hover {
  border: solid 2px #92c1e8;
  background-color: #92c1e8;
}
.classes {
  padding: 4rem 0 12rem;
  background-size: cover;
  background-position: center;
 /* -webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 calc(100% - 5vw));
  clip-path: polygon(0 0,100% 0,100% 100%,0 calc(100% - 5vw));*/
}
.classes p {
  margin-bottom: 2rem;
  line-height: 2;
}
.classes a {
  color: #000;
  text-decoration: none;
  display: block;
  border-bottom: 1px solid #000;
  margin-bottom: 1rem;
  font-weight: 500;
}
.classes a:before {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  float: right;
}
.our-classes {
  padding: 4rem 0;
  margin-top: -5rem;
  background-size: cover;
  background-position: center;
  color: #fff;
}
.our-classes.slanted-div {
  position: relative;
  background: #181818;
  overflow: visible;
  z-index: 1;
}
/* where the magic happens */
.our-classes.slanted-div:before, .our-classes.slanted-div:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: inherit;
  z-index: -1;
  top: 0;
  transform-origin: right top;
  transform: skewY(6deg);
  background-size: cover;
  background-position: center;
}
.our-classes.slanted-div:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  bottom: 0;
  transform-origin: left bottom;
  transform: skewY(0deg);
}
.our-classes h2 {
  margin-bottom: 1.5rem;
}
.our-classes h5 {
  text-transform: uppercase;
  color: #b4d0e8;
}
.our-classes ul {list-style: none;column-count: 3;padding: 0;}
.testimonials {
  padding: 4rem 0;
  background-size: cover;
  background-position: center;
  /*-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 calc(100% - 5vw));
  clip-path: polygon(0 0,100% 0,100% 100%,0 calc(100% - 5vw));*/
}
.testimonials h1 {font-weight: 900;color: #b4d0e8;text-align: center;}
.testi {padding: 4rem 0;}
.testi .col-lg-5 {text-align: right;}
.testi .col-lg-5 .fa-star, .star-rating {color: #d4a913;margin-right: 0.5rem;}
.testi .carousel-caption {position: inherit;color: #161616;text-align: right;left: 0; right: 0;padding-right: 1rem;}
.testi .carousel-caption h2 {font-family: 'Playfair Display', serif;margin-bottom: 2rem;}
.testi .col-lg-7 p {padding-left: 1rem;}
.testi a {color: #0b111e;text-decoration: none;}
.testi-page p.star-rating {
  text-align: center;
}
.testi-page p {text-align: right;}
.testi-page {
  padding: 2rem;
  border: solid 1px #b4d0e8;
  margin-bottom: 2rem;
}
.testi-page h2 {
    font-family: 'Playfair Display', serif;
    margin-bottom: 2rem;
    font-size: 1.5rem;
}
.contact {padding: 4rem 0;background-color: #0b111e;color: #8e8e8e;}
.contact_f {text-align: center;color: #fff;}
.contact_f h1 {margin-bottom: 1rem;}
.contact_f p {margin-bottom: 4rem;}
.contact_f a {
  color: #0b111e!important;
  background-color: #b4d0e8;
  border: solid 1px #b4d0e8;
  padding: .5rem 3.5rem;
  border-radius: 5px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: .1rem;
}
.contact_f a:hover {color: #b4d0e8!important;background-color: transparent;}
.contact hr {border-bottom: solid 1px #8e8e8e;margin: 4rem 0;}
.contact h6 {text-transform: uppercase;color: #b4d0e8;}
.contact p.social a {margin-right: .5rem;}
.contact a {color: #b4d0e8;}
.contact a:hover {color: #8e8e8e;text-decoration: none;}
.contact .navbar-nav .nav-link {
  color: #8e8e8e;
  text-transform: inherit;
  padding: 0;
}
/* angled div */
.page-id-17 .contact.slanted-div {
  margin: 0;
}
.contact.slanted-div {
  position: relative;
  background: #181818;
  overflow: visible;
  z-index: 1;
  margin-top: 6rem;
}
/* where the magic happens */
.contact.slanted-div:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background: inherit;
  z-index: -1;
  top: 0;
  transform-origin: left top;
  transform: skewY(-6deg);
}
.contact.slanted-div:after {
  bottom: 0;
  transform-origin: left bottom;
  transform: skewY(3deg);
}
footer {
  padding: 1rem 0;
  background-color: #000;
  color: #8e8e8e;
  display: flex;
  align-items: center;
}
footer p {margin: 0;}
footer a {color: #8e8e8e;}
footer a:hover {color: #92c1e8;text-decoration: none;}
footer .col-lg-6.col-md-6.col-sm-12 {margin: auto;}
footer img.author-logo {
  width: auto;
  height: 40px;
}
.page-banner {
  height: 350px;
  background-size: cover;
  background-position: center;
}
.page-banner h1 {
  line-height: 350px;
  text-align: center;
  color: #fff;
  font-weight: 700;
}
.page-content {
  padding: 4rem 0;
}
.page-id-17 .page-content h3 {
  text-align: center;
}
.map p {
  margin-bottom: 0;
}
.page-content ul, .get-started ul {
  list-style: none;
}
.page-id-7 .page-content ul {
  column-count: 2;
}
.page-content ul li, .get-started ul li {
  background: url(https://moonstardancestudio.com/wp-content/uploads/2021/11/icon-list-e1636048478420.png) no-repeat;
  padding-left: 2rem;
  margin-bottom: 1rem;
}
.page-content h3 {
  margin: 2rem 0;
}
.page-content input[type="text"], .page-content textarea {
  border: 0;
  border-bottom: solid 1px #adadad;
  outline: 0;
}
.page-content input[type="submit"] {
  padding: .5rem 3.5rem;
  background-color: #b4d0e8;
  border: solid 1px #b4d0e8;
  font-weight: 600;
}
.page-content input[type="submit"]:hover {
  background-color: transparent;
}
.page-content ::placeholder {
  color: #212529;
  text-transform: uppercase;
}
.gform_footer.top_label {
  text-align: center;
}
.team {
  padding: 4rem 0 20rem;
  background-color: #fcfbfa;
}
.team h3 {margin-bottom: 2rem;text-align: center;}
.team .carousel-indicators{
  position: static;
  margin: 0 0 2rem 0;
}
/*.team .carousel-indicators {bottom: -15rem;margin: 0;}*/
.team .carousel-indicators li {
  width: 150px;
  height: 200px;
  background-position: center;
  background-size: cover;
}
.team .carousel-item h5 {font-weight: 700;}
.team .carousel-item h6 {color: #69b1ef;}
.team .carousel-item p {margin-top: 2rem;}
.class-border {
  border: solid 1px #92c1e8;
}
.schedule-top p {
  margin-bottom: 5rem;
}
.schedule-link a {
  border: solid 1px #14202c;
  padding: 0 1rem;
  align-items: center;
  display: flex;
  margin-bottom: 2rem;
  text-decoration: none;
  color: #14202c;
  text-align: left;
  margin: auto;
  
}
.schedule-link a:hover {
  border: solid 1px #92c1e8;
  color: #92c1e8;
}
.schedule-link a:before {
  content: '\f358';
  font-weight: 400;
  font-family: 'Font Awesome 5 Free';
  font-size: 3em;
  margin-right: 1rem;
}
.availability {
  padding: 1rem 0;
  box-shadow: 2px 2px 10px #888888;
  position: relative;
}
.availability img {
  float: left;
}
.availability .row {
  align-items: center;
}
.get-started {
  padding: 4rem 0;
  background-color: #fcfbfa;
}
.sched .class-border {
  border: solid 1px #14202c;
  padding: 0;
}
.sched h2, .sched p, .sched ul {
  margin: 1rem 0;
}
.sched a {
  border: solid 2px #14202c;
  padding: .5rem 2.5rem;
  color: #14202c; 
  text-decoration: none;
}
.sched a:hover {
  border: solid 2px #92c1e8;
  color: #92c1e8;
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  .team .carousel-indicators li {
    height: 50px;
  }
	.page-id-7 .page-content ul {
		column-count: 1;
	}
	.team .carousel-item h5 {
		margin-top: 1rem;
	}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  .primary i.fas.fa-bars.fa-2x {
    color: #fff;
  }
  .team .carousel-indicators li {
    height: 100px;
  }
	.team .carousel-indicators {
    bottom: -8rem;
    margin: 0;
}
}
@media only screen and (min-width: 320px) {
  body .gform_wrapper div.ginput_container.ginput_recaptcha {
      position: relative;
      width: 100%;
      padding-top: 1.5em
    }
  body .gform_wrapper div.ginput_container.ginput_recaptcha iframe { 
    position: absolute;
    left: 50%;
    margin-left: -150px;
  }

}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  body {font-size: 1rem;}
  .navbar-nav .nav-link {font-size: .9rem;}
  .right {text-align: right;}
  .testimonials h1 {font-size: 5rem;}
  .testi .col-lg-5 {border-right: solid 1px #000;}
	.page-id-7 .carousel-item {
	height: 950px;
}
}