/* Success Coaches - Banner Overrides */
h1 {font-size: 3em !important;}
.h1-first {margin-top: 1em !important;}
@media only screen and (max-width: 767px) {
    .h1-first {font-size: 2.5rem !important}
}

.heading-alt {font-size: 1.7rem; color: #DA237D;}

#banner-wrapper.banner-small {
    min-height: 32rem !important;
}

#banner-content-wrapper {padding: 3em 24em 6em 0;}

@media only screen and (max-width: 767px) {
    #banner-content-wrapper {padding: 3em 2em 4em 2em;}
}
@media only screen and (max-width: 767px) {
    #banner-content h1 {
        font-size: 1.8rem !important;
        margin: 2rem 0 0 1.1rem;
        padding-right: 1em;
        padding-top: 1em;
    } 
}
@media only screen and (min-width: 768px) {
    #banner-content h1 {
        font-size: 3.5rem !important;
    } 
}

#banner-content h1 {
    color: #fff;
    letter-spacing: 7px;
    font-weight: 600 !important;
    text-transform: uppercase;
    line-height: 1.2;
    position: relative;
    text-align: left !important;
    /*
    position: absolute !important;
    left: 11vw !important; */
}

.pre-title {
    letter-spacing: normal !important;
    display: block !important;
    font-size: 24px !important;
    font-weight: 500 !important;
    border-bottom: 3px solid #DA237D !important;
    width: fit-content;
}

.sub-header {
    font-size: 1.875rem !important;
    position: absolute !important;
    left: 19vw !important;
     /* top: 24vw !important; */
    
    color: #DA237D !important;
    display: inline-block !important;
    text-transform: uppercase !important;
    font-style: normal !important;
    border-bottom: 5px solid #DA237D !important;
}
@media only screen and (max-width: 767px) {
    .sub-header {
        font-size: 1.3rem !important;
    } 
}
h2.sub-header::before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 40px;
    border-color: #DA237D;
    border-style: solid;
    border-width: 0 0 3px 3px;
    padding-bottom: 3px;
} 


/* Success Navigation */
#success-nav {
    position: sticky;
    top: 2rem;
}
  #success-nav a.current {
    border-bottom: 3px solid #DA237D;}
    
.success-menu a {
  display: inline-block;
  color: #414141;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  text-align: right;
  border-bottom: 3px solid transparent;
  padding-left: 0;
  padding-right: 0; }
  .success-menu a:hover, .menu a:focus {color #000000; border-bottom: 3px solid #DA237D;}
  .success-menu a:active {color: #DA237D; border-bottom: 3px solid #DA237D;}

aside {
	 position: relative !important;
	 padding-top: 2rem !important;
}

.success-menu li {text-align: right;}
@media only screen and (max-width: 600px) {.success-menu li {text-align: left;}}


/* General recaptcha and skip button */  
.g-recaptcha{
	padding-top:1rem;
	padding-bottom:1rem
}
.captcha-check{
	display:none
}
.captcha-check.recaptcha-error{
	display:block;
	color:#c60f13;
	padding-top:1rem;
	padding-bottom:1rem
}

.skip-to-main {
  position: absolute;
  left: -200px;
  z-index: 7;
  padding: .5rem; }
  .skip-to-main:focus {
    left: 0;
    background: #002d62;
    color: #fff; }

/* Success Resources */
#success-resources article.resource {
	 display: none;
	 padding-bottom: 2rem;
}
 #success-resources article.resource.active {
	 display: block;
}
 #success-resources article h2 {
	 font-weight: 600;
	 color: #DA237D;
	 text-transform: uppercase;
}
 #success-resources article .resources {
	 margin-left: 2rem;
}
 #success-resources article .resources a {
	 color: #414141;
	 text-transform: capitalize;
	 font-size: 1rem;
}
 #success-resources article .resources h3 {
	 text-transform: capitalize;
	 font-size: 1.25rem;
}
 #success-resources article .resources ul {
	 margin-left: 2rem;
}
 #success-resources-nav a {
	 font-size: 16px;
	 color: #021227;
	 font-weight: 400;
	 letter-spacing: 1.6px;
	 text-transform: uppercase;
	 background-color: #F5F5F5;
	 padding: .5rem 1.5rem;
	 display: inline-block;
	 margin: .25rem .25rem;
	 border-radius: 5px;
	 text-decoration: none;
}
 @media screen and (max-width: 39.9375em) {
	 #success-resources-nav a {
		 width: 100%;
		 text-align: center;
	}
}
 #success-resources-nav a:hover, #success-resources-nav a:focus {
	 background-color: #FFC02D;
	 text-decoration: underline;
}
 #success-resources-nav a.selected {
	 background-color: #FFC02D;
	 text-decoration: underline;
}
 #all-res-download {
	 border: 1px solid #ccc;
	 border-radius: .5rem;
	 margin-top: 2rem;
	 padding: 0 2rem 2rem;
	 background-color: #f6f6f6;
}

 ul.no-bullets, ol.no-bullets {
	 list-style: none;
}
 ul.no-bullets button, ol.no-bullets button {
	 text-align: left;
}
 ul li, ol li {
	 font-size: 1rem;
}
 section {
	 padding-top: 6rem;
	 padding-bottom: 3rem;
}
 section:first-of-type {
	 padding-top: 0;
}
 .grid-container {
	 max-width: 1180px;
}
.btn {
  display: inline-block;
  vertical-align: middle;
  padding: 0.85em 1em;
  border-radius: 0;
  -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  background-color: #FFC02D;
  color: #08133f;
  margin-left: .5rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600; }
  .btn:hover, .btn:focus {
    color: #081f3f;
    background-color: #efd999;
    text-decoration: underline; }

.btn-alt {
  display: inline-block;
  vertical-align: middle;
  padding: .85rem 1.25rem;
  -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  background-color: #DA237D;
  color: #fff;
  border-color: #DA237D;
  margin-left: 0;
  text-transform: capitalize;
  letter-spacing: 2px;
  font-weight: 600;
  border: 1px solid #DA237D;
  border-radius: .25rem;
  letter-spacing: .5px; }
  .btn-alt:hover, .btn-alt:focus {
    text-decoration: underline;
    background-color: #B81E6B; }

.btn:hover {
  color: #081F3F; }

.btn-inv {
  border: none;
  background-color: transparent;
  display: inline-block;
  vertical-align: middle;
  padding: .85rem 1.25rem;
  -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  color: #B81E6B;
  margin-left: 0;
  margin-top: 0;
  text-transform: capitalize;
  letter-spacing: 2px;
  font-weight: 600;
  letter-spacing: .5px;
  text-decoration: none;
  border: 3px solid #B81E6B; }
  .btn-inv:hover, .btn-inv:focus {
    color: #B81E6B;
    border-color: #B81E6B;
    border: 3px solid;
    text-decoration: underline; }

.btn:hover {
  color: #081F3F;}

/* Meet the Team */
 .grid-section {
	 display: grid;
	 grid-template-columns: 1fr;
	 grid-gap: 2rem;
}
 @media screen and (min-width: 40em) {
	 .grid-section {
		 grid-template-columns: 1fr 1fr;
	}
}
 @media screen and (min-width: 64em) {
	 .grid-section {
		 grid-template-columns: 1fr 1fr 1fr;
	}
}
 .grid-section article {
	 margin-bottom: 2rem;
}
 .grid-section article a {
	 text-decoration: none;
}
 .grid-section article h2 {
	 font-size: 1.75rem;
	 font-weight: 300;
	 letter-spacing: 0;
	 margin-top: 1rem;
}
 @media screen and (max-width: 39.99em) {
	 .grid-section article figure img {
		 width: 100%;
	}
}
 .grid-section article:nth-child(1) figure .overlay {
	 background-color: #DA237D;
}
 .grid-section article:nth-child(1) figure .overlay a {
	 color: #fff;
}
 .grid-section article:nth-child(5) figure .overlay {
	 background-color: #DA237D;
}
 .grid-section article:nth-child(5) figure .overlay a {
	 color: #fff;
}
 .grid-section article:nth-child(7) figure .overlay {
	 background-color: #DA237D;
}
 .grid-section article:nth-child(7) figure .overlay a {
	 color: #fff;
}
 .grid-section article:nth-child(2) figure .overlay {
	 background-color: #FFC02D;
}
 .grid-section article:nth-child(6) figure .overlay {
	 background-color: #FFC02D;
}
 .grid-section article:nth-child(3) figure .overlay {
	 background-color: #5CC3D6;
}
 .grid-section article:nth-child(4) figure .overlay {
	 background-color: #5CC3D6;
}
 .grid-section article figure {
	 position: relative;
}
 .grid-section article figure .overlay {
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 overflow: hidden;
	 width: 100%;
	 height: 0;
	 transition: .25s ease;
	 opacity: .8;
}
 .grid-section article figure a {
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 height: 100%;
	 width: 100%;
	 text-align: center;
	 font-weight: 500;
	 font-size: 28px;
	 color: #08133f;
}
 .grid-section article figure:hover, .grid-section article figure:focus {
	 border: 1px solid #ccc;
}
 .grid-section article figure:hover .overlay, .grid-section article figure:focus .overlay {
	 height: 100%;
}
 .grid-section .reveal .bio {
	 display: grid;
	 grid-template-columns: 1fr 3fr;
}
 .grid-section .contact-info img {
	 margin-right: 1rem;
}
 .bio {
	 display: grid;
	 grid-template-columns: 1fr;
}
 @media screen and (min-width: 40em) {
	 .bio {
		 grid-template-columns: 1fr 3fr;
	}
}
 .bio .headshot {
	 text-align: center;
	 padding: 1rem 1.5rem 0 0;
}
 @media screen and (max-width: 39.99em) {
	 .bio .headshot img {
		 height: 10rem;
	}
}

/* Make an Appointment Form */
 form input[type="text"], form textarea {
	 background-color: #EFEFEF;
	 border: 0;
	 margin-bottom: 0;
	 margin-bottom: 0;
	 box-shadow: none;
}
 form input[type="text"]:focus, form textarea:focus {
	 outline: 1px solid;
}
 form input[type="text"]::placeholder, form textarea::placeholder {
	 color: #414141;
}
 form label {
	 margin-top: 0;
	 font-weight: 500;
	 font-size: 1.1rem !important;
}
 form label:not(.error) {
	 margin-top: 1rem;
	 text-transform: uppercase;
}
 form label.error {
	 margin-top: 0;
	 color: #f03;
}
 form .btn-submit {
	 border: 0;
	 text-transform: uppercase;
	 background: #ffc02d;
	 background: -moz-linear-gradient(155deg, #ffc02d 0%, #dd3077 55%, #da237d 100%);
	 background: -webkit-linear-gradient(155deg, #ffc02d 0%, #dd3077 55%, #da237d 100%);
	 background: linear-gradient(155deg, #ffc02d 0%, #dd3077 55%, #da237d 100%);
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffc02d",endColorstr="#da237d",GradientType=1);
	 color: #fff;
	 padding: .75rem 2rem;
	 font-weight: 600;
	 cursor: pointer;
	 margin-top: 2rem;
}
 form #search-input, form #search-input-results {
	 display: flex;
	 background-color: #D4D6D7;
	 height: 100%;
	 align-items: center;
}
 form #search-input button, form #search-input-results button {
	 background-color: #D4D6D7;
	 padding-right: .5rem;
}
 form #search-input input[type="text"], form #search-input-results input[type="text"] {
	 background-color: #D4D6D7;
	 border: 0;
	 margin-bottom: 0;
}
 form#make-appointment input[type="text"] {
	 background-color: #EFEFEF;
	 border: 0;
	 margin-bottom: 0;
	 margin-bottom: 0;
	 box-shadow: none;
}
 form#make-appointment input[type="text"]:focus {
	 outline: 1px solid;
}
 form#make-appointment .select-wrap {
	 background-color: #EFEFEF;
	 margin-bottom: 1rem;
}
 form#make-appointment select {
	 border: 0;
	 padding-bottom: 0;
	 margin-bottom: 0;
	 background: #EFEFEF;
	 padding: 0 0 0 .5rem;
}
 form#make-appointment label {
	 margin-top: 0;
	 font-weight: 500;
}
 form#make-appointment label:not(.error) {
	 margin-top: 1rem;
	 text-transform: uppercase;
}
 form#make-appointment label.error {
	 margin-top: 0;
	 color: #f03;
}
 form#make-appointment .btn-submit {
	 border: 0;
	 text-transform: uppercase;
	 background: #ffc02d;
	 background: -moz-linear-gradient(155deg, #ffc02d 0%, #dd3077 55%, #da237d 100%);
	 background: -webkit-linear-gradient(155deg, #ffc02d 0%, #dd3077 55%, #da237d 100%);
	 background: linear-gradient(155deg, #ffc02d 0%, #dd3077 55%, #da237d 100%);
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffc02d",endColorstr="#da237d",GradientType=1);
	 color: #fff;
	 padding: .75rem 2rem;
	 font-weight: 600;
	 cursor: pointer;
}

/* Closure Message */
@media (min-width: 768px) {
    .callout.closure-message {
        width: auto !important;
    }
}