@charset "utf-8";
/* CSS Document */#myDropdown ul{
		list-style-type:none;padding-left:0;
		}
		
		.button-2.button-collapse{display:inline; width:auto;}
		.career-exploration-div{display:flex;margin:45px 0 0 0;}
		.caps-text h2{font-size:24px; margin: 0 10px 0 0;}
		.box-white{border:none;}
		.caps-icon-and-text .col-md-4{
  }
		.caps-desc {
    border-top: 1px solid #ddd;
    padding: 10px;
    margin-top: 10px;
}
		.arrow {
  border: solid #425363;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 6px;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
		
		.arrow.down{float:right;transform:scale(200%;)}
		.caps-row-1 a,.caps-row-2 a {
    text-decoration: none;
}
		.caps-home-page{padding:5px; border:3px solid #fdb827; margin:5px;height:100%;box-shadow: 3px 3px 3px #ddd;}
		.caps-home-page {
			color: #000;
			
		min-height:95px;
		}
		.caps-home-page a{text-decoration:none;}
		.caps-home-page img{float:left; width:80px;/*filter: invert(69%) sepia(68%) saturate(539%) hue-rotate( 
347deg) brightness(102%) contrast(98%);*/}
		.caps-text{padding:10px 0}
		.caps-home-page:hover{border-color: #E58800;}
		.caps-home-page:hover img{/*filter: invert(46%) sepia(90%) saturate(896%) hue-rotate(9deg) brightness(98%) contrast(101%);*/}
		
		.caps-home-page.cap-behavior {  border: 3px solid #6CCA98; border-radius:10px;}
			.caps-home-page.cap-business {  border: 3px solid #124734; border-radius:10px;}
			.caps-home-page.cap-creative {  border: 3px solid #A3BBC3; border-radius:10px;}
			.caps-home-page.cap-public-safety {  border: 3px solid #8E1537; border-radius:10px;}
			.caps-home-page.cap-stem {  border: 3px solid #008345; border-radius:10px;}
			.caps-home-page.cap-exploratory {  border: 3px solid #415364; border-radius:10px;}
		
		/* Dropdown Button */
		.dropbtn {
		 min-width:500px;
 border:1px solid #ddd;
  padding: 10px;
  font-size: 16px;
  cursor: pointer;
		background-color:#fff;
		text-align:left;
}

/* Dropdown button on hover and focus */
.dropbtn:hover, .dropbtn:focus {
  
}

button#gp-programs-dropdown-button label:hover {
    cursor: pointer;
}

/* The search field */
#myInput {
  width:100%;
  box-sizing: border-box;
  background-image: url('/_resources/css/searchicon.png');
  background-position: 14px 12px;
  background-repeat: no-repeat;
  font-size: 16px;
  padding: 14px 20px 12px 15px;
  border: none;
  border-bottom: 1px solid #ddd;
}

/* The search field when it gets focus/clicked on */
#myInput:focus {outline: 3px solid #ddd;}

/* The container div - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
 display: none;
  position: absolute;
  background-color: #f6f6f6;
  min-width:500px;
  border: 1px solid #ddd;
  z-index: 1;
		max-height:500px;
		overflow:scroll;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}
		
		.guided-pathways-dropdown{margin:0 auto;
		display:table;
		
		}
		
		.justify-content-center {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
		margin-bottom:20px;
}
		
		
		@media screen and (min-width: 768px){}
	@media screen and (min-width: 992px){.caps-row-1{margin-bottom:10px;}
		.row.equal {
    display: flex;
    flex-wrap: wrap;
		
}
		
		}