/*ES Website Styles
Created By Alyssa Laygan
Last updated 08.09.21*/


/* Enrollment Alert Style*/


.enrollment {
     position: fixed;
     z-index:999;
     right: 5px;
     top: 37vh;
     width: 310px;
 }
 
.enrollment .row {
	height: auto;
display: flex;
     
 }
 
.enrollment svg {
    height: 65px;
    width: 65px;
    margin-right:7px;
}

.enrollment .row .enrollment-info {
    width: 100%;
    margin-bottom: auto;
    margin-right:0px;
    padding-right: 0px;
    height: 100%;
}

.cls-1,.cls-2 {
    fill:none;
    stroke:#231f20;
    stroke-linejoin:round;
    stroke-width:3px;
    
}

.cls-1{
    stroke-linecap:round;
    
}

.update-buttons {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}

.update-buttons .btn {
    width: 250px;
    margin-bottom: 5px;
}

.update-heading { 
    display: flex; 
    flex-direction: row; 
        } 

.update-heading:after { 
    content: ""; 
    flex: 1 1; 
    border-bottom: 5px solid rgba(0, 179, 136,.7); 
    margin: auto; 
        }
        
.update-heading:before { 
    content: ""; 
    flex: 1 1; 
    border-bottom: 5px solid rgba(0, 179, 136,.7); 
    margin: auto; 
        }        
        
.update-heading-winter { 
    display: flex; 
    flex-direction: row; 
        } 

.update-heading-winter:before { 
    content: ""; 
    flex: 1 1; 
    border-bottom: 5px solid #960c22; 
    margin: auto; 
        }

.update-heading-winter:after { 
    content: ""; 
    flex: 1 1; 
    border-bottom: 5px solid #960c22; 
    margin: auto; 
        }
        
.update-icon {
    -webkit-transition: 0.8s ease-out;
    -moz-transition:  0.8s ease-out;
    transition:  0.8s ease-out;
  }
  
.update-icon:hover {
      -webkit-transform: rotateY(720deg);
      -moz-transform: rotateY(720deg);
      transform: rotateY(720deg);
    }
    
.peakWeakWell {
    background-color: rgba(200,16,46,0.9);
}

.peakWeekImage {
    display: block;
}

.peakWeekLink {
    display: block;
    color: #fff;
    font-family: 'League Gothic';
    font-size: 1.75rem;
    line-height: 1.2;
}

/* Styles for SFA Website Created September 2021 Last updated September 2021 by Alyssa Laygan */
/*SFA Accordian Styles*/
 .step-wrapper {
	 display: flex;
	 flex-wrap: wrap;
	 flex-direction: row;
	 justify-content: flex-start;
	 align-items: stretch;
	 width: 100%;
	 box-shadow: 0px 8px 20px lightgrey;
	 border-radius: 5px;
}
 .step-number {
	 order: 1;
	 background: #c8102e;
	 color: #ffffff;
	 flex-basis: 100%;
	 height: auto;
	 padding: 45px 30px;
	 text-align: left;
	 text-transform: uppercase;
}
 .step-description {
	 order: 2;
	 flex-basis: 100%;
	 height: auto;
	 padding: 30px;
	 background-color: #ffffff;
}
 .step-description h3 {
	 text-transform: uppercase;
	 display:inline-block;
}
 .step-number-font {
	 font-size: 36px;
	 display: inline-block;
	 font-family: 'League Gothic';
}
 .step-icon {
	 font-size: 45px;
	 padding: 30px 20px;
	 color: #c8102e;
}
 #self-reporting-steps {
	 margin: 20px;
}
 .step-button {
	 flex-basis: 1;
	 order: 3;
	 display: inline-block;
}
 .panel-title {
	 line-height: 55px;
}
 .panel-title {
	 font-size: 32px;
	 font-family: League Gothic;
}
 @media screen and (min-width: 768px) {
	 .step-wrapper {
		 flex-wrap: nowrap;
	}
	 .step-number {
		 flex-basis: 125px;
		 order: 1;
		 text-align: center;
	}
	 .step-number-font {
		 font-size: 4rem;
		 display: block;
	}
	 .step-description {
		 flex-basis: 1;
		/*look this up*/
		 order: 2;
	}
	 .step-button {
		 flex-basis: 1;
		 order: 3;
	}
}
 @media screen and (max-width: 769px) { 
	 .step-wrapper {
		 display: flex;
		 flex-wrap: wrap;
		 flex-direction: row;
		 justify-content: flex-start;
		 align-items: stretch;
		 width: 100%;
		 box-shadow: 0px 8px 20px lightgrey;
		 border-radius: 5px;
	}
	 .step-number {
		 order: 1;
		 background: #c8102e;
		 color: #ffffff;
		 flex-basis: 10%;
		 height: auto;
		 padding: 15px 10px 10px;
		 text-align: left;
		 text-transform: uppercase;
	}
	 .step-description {
		 order: 2;
		 flex-basis: 75%;
		 height: auto;
		 padding: 10px 10px;
		 background-color: #ffffff;
	}
	 .step-description h3 {
		 text-transform: uppercase;
		 display:inline-block;
	}
	 .step-number-font {
		 font-size: 36px;
		 display: inline-block;
		 font-family: 'League Gothic';
	}
	 .step-icon {
		 font-size: 30px;
		 padding: 10px 5px;
		 color: #c8102e;
	}
	 #self-reporting-steps {
		 margin: 20px;
	}
	 .step-button {
		 flex-basis: 5%;
		 order: 3;
		 display: inline-block;
	}
	 .panel-title {
		 line-height: 35px;
	}
	 .panel-title {
		 font-size: 24px;
		 font-family: League Gothic;
	}
}