@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600&display=swap');

.carousel-item {
	background-position: center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover; background-size: cover;
	height: 700px;
}

.first-slide {background-color: #074e4c; background-image:url(../images/slides/facebook.jpg);}
.second-slide {background-image:url(../images/slides/mobile-banking.jpg);}
.third-slide {background-image:url(../images/slides/ag-lending.jpg); }
/*
.lordsburg {background-image:url(../images/slides/Group_Lordsburg-2021.jpg); background-position: 50% 50%;}
.silver {background-image:url(../images/slides/Group-Silver_2021.jpeg); background-position: 50% 50%;}
*/
/*.wilcox {background-image:url(../images/slides/Group-Willcox_2021.png); background-position: 50% 50%;}*/
/*.willcox {background-position: 50% 80%;}*/
/*.bisbee {background-image:url(../images/slides/Group-Bisbee-2021.png); background-position: 50% 25%;}*/
.job-listing {background-image: linear-gradient(rgba(6,17,28,0.3) 0%, rgba(6,17,28,0.3) 50%, rgba(6,17,28,0.3) 100%), url(../images/slides/Website-Employment-positions.jpg); background-position: 50% 50%;}
.scholarship {background-color: white; background-image:url("../images/2021-Scholarship-Winners-FB.jpg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain !important;}
.scholarship h1 {font-family: 'Dancing Script', cursive;}
.like-follow {background-image:url(../images/slides/like-follow-share.jpg);}

.carousel-caption {
	top: 50%;
	bottom: auto;
	transform: translateY(-50%);
	font-size: 140%;
    padding: 0;
}
.carousel-caption-bottom {
	top: 65%;
	bottom: auto;
	transform: translateY(-10%);
	font-size: 140%;
}
.carousel-caption-top {
  top: 50%;
  bottom: auto;
  transform: translateY(-80%);
  font-size: 140%;

}
.carousel-caption h1 {
	font-size: 4rem;
}
.carousel-caption h1 span{
	display: block;
	font-size: 40%;
    font-style: normal;
}
.carousel-control-prev, 
.carousel-control-next {
	background: none;
}
.carousel-indicators {z-index: 65;}
.carousel-indicators li {
    background-color: #206577;
    border: 0;
    border-radius: 100%;
    width: 10px;
    height: 10px;
}
.carousel-control-next, .carousel-control-prev {width: 8%}
.carousel-control-next-icon, .carousel-control-prev-icon {
  width: 40px;
  height: 40px;
}
.hovereffect {
width:200px;
height:200px;
border-radius: 50%;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect .overlay {
width:200px;
height:200px;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color: rgba(32, 101, 119,0.7);
-webkit-transition: all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {	
text-decoration:none;
display:inline-block;
position: relative;
text-transform:uppercase;
color:#fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:7px 14px;
top: 30%;
bottom: auto;	
transform: translateY(-50%);	
}
.hovereffect a.info span {
	display: block;
	font-size: .6em;
}

.hovereffect a.info:hover {

}

.hovereffect:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
  filter: grayscale(1) blur(3px);
  -webkit-filter: grayscale(1) blur(3px);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}

#social-media .card {
    background-color: transparent;
    border: 0;
    border-radius: 0;
}
#social-media .card-body {
    position: absolute;
    display: flex;
    justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
#social-media .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  left: 0;
  transition: all .35s ease-in-out;
  background: rgba(0,0,0,.3);
}
#social-media .col-6:hover .overlay {
  background: rgba(32,101,119,.8);
}

@media (max-width: 767px) {
	.carousel-item {
/*		height: 500px;	*/
        height: 400px;
	}
	.carousel-caption {
		top: 50%;
		bottom: auto;
		transform: translateY(50%);
		font-size: 100%;
	}
    .carousel-caption-top {
      top: 50% !important;
      bottom: auto !important;
      transform: translateY(-80%) !important;

    }
	.carousel-caption iframe {
			width: 100% !important;
			height: 200px !important;
		}
	.carousel-caption h1 {
/*		font-size: 2rem;*/
        font-size: 30px;
        margin: 0;
	}
    .carousel-caption p{margin-bottom: 0;}
    .willcox {background-position: 50% 100%;}
}