/********* OVERALL PAGE CSS *********/
.content_row {
	max-width: 2500px;
	margin: 0 auto;
}

/***********************************************************/

/********* PAGE DIVIDERS *********/
.div-au-blue {
	width: 100%;
   	height: 3rem;
   	background-color: rgba(0, 147, 210, .7);
   	border: solid rgba(0, 0, 0, .15);
   	border-width: 1px 0;    	
	box-shadow: inset 0 0.5em 1.5em rgba(0, 0, 0, .1), inset 0 0.125em 0.5em rgba(0, 0, 0, .15);
}
.div-au-orange {
	width: 100%;
    height: 3rem;
    background-color: rgba(237, 117, 38, .7);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 0.5em 1.5em rgba(0, 0, 0, .1), inset 0 0.125em 0.5em rgba(0, 0, 0, .15);
}
.div-au-green {
	width: 100%;
    height: 3rem;
    background-color: rgba(134, 173, 69, .7);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 0.5em 1.5em rgba(0, 0, 0, .1), inset 0 0.125em 0.5em rgba(0, 0, 0, .15);
}
/**********************************************************************/

/********* BORDER BOXES **********/
.round-curvy-bx {
	border-bottom-right-radius: 2rem; border-top-left-radius: 2rem; box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}
/*********************************************************************/
/******** HOVER EFFECTS **********/
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
.hvr-ul-cntr-green {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-ul-cntr-green:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 30%;
  right: 30%;
  bottom: 5px;
  background: #85b44c;
  height: 2px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-ul-cntr-blue {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform:  translateZ(0);
  transform:  translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-ul-cntr-blue:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 30%;
  right: 30%;
  bottom: 5px;
  background: #00aa99;
  height: 2px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-ul-cntr-orange {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform:  translateZ(0);
  transform:  translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-ul-cntr-orange:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 30%;
  right: 30%;
  bottom: 5px;
  background: #e76324;
  height: 2px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-ul-cntr-green:hover:before, .hvr-ul-cntr-green:focus:before, .hvr-ul-cntr-green:active:before, .hvr-ul-cntr-blue:hover:before, .hvr-ul-cntr-blue:focus:before, .hvr-ul-cntr-blue:active:before, .hvr-ul-cntr-orange:hover:before, .hvr-ul-cntr-orange:focus:before, .hvr-ul-cntr-orange:active:before {
  left: 0;
  right: 0;
}
/*********************************************************************/

	.text-cont {
/*		width: 50%;*/
		padding: 4rem 3.5rem;
		
	}

/************ ACCORDION STYLE **********/
.accordion-item {
	border-color: #6d7b8d;
	border-bottom-style: dotted;
	border-width: .5px;
/*		background-color: transparent;*/
}

.accordion-button::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23cc4e0b' class='bi bi-plus-lg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2'/%3E%3C/svg%3E");
	background-size: 1.75rem;
	width: 1.75rem;
	height: 1.75rem;
}

.accordion-button:hover::after  {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='%230093d2' class='bi bi-plus-lg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2'/%3E%3C/svg%3E");
	background-size: 1.75rem;
	width: 1.75rem;
	height: 1.75rem;
}

.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='%230093d2' class='bi bi-dash-lg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8'/%3E%3C/svg%3E");
	background-size: 1.75rem;
	width: 1.75rem;
	height: 1.75rem;
	border-bottom: none;	
	position: relative;
	z-index: 5;
}

.accordion-button:not(.collapsed){
/*	background-color: transparent;*/
/*	transform: scaleX(1);*/
	box-shadow: none;
}
	
.accordion-button:not(.collapsed) h5 {
	position: relative;
	color: #fff;
}

.accordion-button:not(.collapsed)::after .accordion-item  {
	border-color: #0093d2;
}

.accordion-button:hover h5 {
	color: #fff;

}
.accordion-button {
	font-size: 1.4rem;
/*		background-color: #fff;*/
}

.accordion-button h5 {
	color: #0093d2;
/*		text-transform: none;*/
}

.accordion-button {
	background: #f6f6f6;
	vertical-align: middle;
	color: #0093d2;
  	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  	position: relative;
  	transition: all 0.3s ease-in-out;
}
	.accordion-button:not(.collapsed) {
	background: #f6f6f6;
	vertical-align: middle;
	color: #0093d2;
  	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  	position: relative;
  	
}

.accordion-button.collapsed::before {
	content: "";
  	position: absolute;
	clip-path: polygon(0% 0%, 88% 0%, 85% 100%, 0% 100%);
  	top: 0;
	bottom: 0;
	right: 100%;
  	left: 0;
	background-color: #e76324;
	opacity: 0;
	z-index: -1;
	transition: all 0.5s ease-in-out;
}
	
.accordion-button:not(.collapsed)::before{
	content: "";
  	position: absolute;
	clip-path: polygon(0% 0%, 88% 0%, 85% 100%, 0% 100%);
	top: 0;
	bottom: 0;
	right: 0;
  	left: 0;
	background-color: #e76324;
	opacity: 1;
/*	z-index: -1;*/
	transition: all 0.5s ease-in-out;
	
	 		
}
.accordion-button:hover {
	color: #fff;
}
.accordion-button.collapsed:hover::before {
	left: 0;
	right: 0;
	opacity: 1;
}

.accordion-button:focus {
   box-shadow: none;
   border-color: rgba(0,0,0,.125);
}

/*********************************************************************/

/********** RESPONSIVE SIZING ***********/
h2.section-header {
	font-size: 2rem;
}
h3.section-header {
	font-size: 1.75rem;
}
h4.section-header {
	font-size: 1.4rem;
}
p {
	font-size: 1.2rem;
}
.btn[class*="btn-au"] {
	font-size: 1.2rem !important;	
}

@media (min-width: 768px) {

	h3.section-header {
		font-size: 1.75rem !important;
	}
}
		
@media screen and (max-width: 768px) {
		
		.p-text {
			font-size: 1.2rem;
		}
}

	@media (min-width: 992px) {
		.p-text {
			font-size: 1.3rem !important;
		}
		.btn[class*="btn-au"] {
			font-size: 1.3rem !important;	
		}
		
	}
	@media (min-width: 2000px) {
/*
		.mission {
			align-items: center;
		justify-content: center;
		}
*/
	}
@media (min-width: 2500px) {
		.page-content.prebar .content_row h2.section-header::before{
			display: inline-block;
        	position: absolute;
        	top: 0;
        	bottom: 0;
        	left: -50px;
        	width: 40px;
        	content: "";
        	background: url(https://auburn.edu/template/2022/_assets/images/design-elements/3-lines.png) no-repeat 0 0;
        	background-size: 100%;
		}
}
/*********************************************************************/