@font-face { font-family: gobold-bold; src: url("../fonts/Gobold Bold.ttf");}
@font-face { font-family: gobold-lowplus; src: url("../fonts/Gobold Lowplus.ttf");}
/*body, body #sapc { font-family:'gobold-bold' !important;}*/
body:before, body:after {content:""; position:fixed; z-index:0; transform: rotate(-40deg); top:0; }
body:before {left:0; width:1000px; height:400px; background-color:#42c2df; margin:0 0; background-image: url(../images/workforce/white-bars2.png); background-position: 270px 0; background-repeat: no-repeat;}
body:after {right:0; width:1000px; height:400px; background-color:#f38120; margin:700px 0; background-image: url(../images/workforce/white-bars2.png); background-position: 470px 0; background-repeat: no-repeat;}

a {color:#17859e; transition:0.3s;}
a:hover {color:#42c2df}

#become {cursor:pointer;}

#workforce p {line-height: 1.5;}
#workforce .testimonials {border:3px solid #42c2df; font-family: 'Raleway', sans-serif; font-weight:bold; position:relative; padding: 30px 30px 0 30px !important; top:0; left:0; font-size:20px; width: 302px; height: 244px;}
#workforce .testimonials small {display:block; font-size:12px;}
/*.testimonials:before {content:"“"; position:absolute; top:0; left:0; color:#42c2df; margin:23px 38px; font-size:88px;}*/
#workforce .testimonials .top-left, .testimonials .top-right, .testimonials .top-right2, .testimonials .bottom-left, .testimonials .bottom-left2, .testimonials  .bottom-right {position: absolute; border-top:3px solid #42c2df; height:1px; transform: rotate(-40deg);}
#workforce .testimonials .top-left {width:50px; margin:-3px -46px !important;}
#workforce .testimonials .top-right {width:70px; margin:-30px 202px !important;}
#workforce .testimonials .top-right2 {width:60px; margin:-38px 226px !important;}
#workforce .testimonials .bottom-left {width:50px; margin:202px -45px !important;}
#workforce .testimonials .bottom-left2 {width:70px; margin:199px -42px !important;}
#workforce .testimonials .bottom-right {width:60px; margin:168px 225px !important;}
#workforce .testimonials .bg1 {position: absolute; width:80px; height:120px; background:#ffba7f; z-index: -1; transform: rotate(-40deg); margin: 50px 180px;}
#workforce .testimonials .bg2 {position: absolute; width:160px; height:40px; background:#ffba7f; z-index: -1; transform: rotate(-40deg); margin: -30px -53px;}
#workforce .testimonials span { background: #90d7eb; padding: 0 5px !important;}
#workforce .testimonials.style1 {background: url(../images/workforce/stats_bkg1.jpg) no-repeat center center; background-size: cover;}
#workforce .testimonials.style2 {background: url(../images/workforce/stats_bkg2.jpg) no-repeat center center; background-size: cover;}
#workforce .testimonials.style3 {background: url(../images/workforce/stats_bkg3.jpg) no-repeat center center; background-size: cover;}
#workforce .testimonials.style4 {background: url(../images/workforce/stats_bkg4.jpg) no-repeat center center; background-size: cover;}
#workforce .highlight-alt {color:#42c2df;}

#workforce .institution {}
#workforce .institution > div:first-child {background:lightblue; margin-bottom:-1rem; font-family:'gobold-bold', 'roboto', sans-serif; font-size: 20px; position: relative; width: 100%; max-width: 955px; border-top:none !important; transition:0.5s;}
#workforce .institution > div {padding:0.5rem 1rem; border-top: 1px dotted #42c2df;}
#workforce .institution > div > div {display: inline-block; width: 40%; vertical-align: top; padding-right: 0.5rem;}
#workforce .institution > div > div:last-child {width:15%;}
#workforce .institution .program {background: #eee; font-weight: bold; margin: 1rem 0 0.5rem; border-top: none !important;}
#workforce .institution .program + div {border-top: none !important;}
#workforce .institution > div.hide { display:none; }

.associations img{width:auto !important;}
.associations > div {text-align:center;}
.associations p {text-align:left; padding-left:3rem !important}

.english-lang {}
.english-lang .spanish {display: none;}
.spanish-lang {}
.spanish-lang .english {display: none;}

#workforce .wfd-button {min-width: 150px; display: block; margin: 1em; border: none; vertical-align: middle; position: relative; z-index: 1; cursor: pointer; padding: 0.5em 1em; border-radius: 0.5rem; color: white; text-decoration: none; font-size: 1.2rem; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s;}
#workforce .wfd-button:before{content: ''; position: absolute; top: -20px; left: -20px; bottom: -20px; right: -20px; background: inherit; border-radius: 0.5rem; z-index: -1; opacity: 0.4; -webkit-transform: scale3d(0.8, 0.5, 1); transform: scale3d(0.8, 0.5, 1);}
#workforce .wfd-button:hover {-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s; transition: background-color 0.1s 0.3s, color 0.1s 0.3s; -webkit-animation: anim-moema-1 0.3s forwards;animation: anim-moema-1 0.3s forwards; color: white; }
#workforce .wfd-button:hover::before { -webkit-animation: anim-moema-2 0.3s 0.3s forwards; animation: anim-moema-2 0.3s 0.3s forwards;}
.btn-primary {background: #42c2df;}
.btn-primary:hover {background-color: #f38120;}
.btn-secondary {background: #f38120;}
.btn-secondary:hover {background-color: #42c2df;}
.btn-tertiary {background-color: #202e4b;}
.btn-tertiary:hover {background-color: #202e4b;}

@keyframes anim-moema-1 {
	60% {-webkit-transform: scale3d(0.8, 0.8, 1);transform: scale3d(0.8, 0.8, 1);}
	85% {-webkit-transform: scale3d(1.1, 1.1, 1);transform: scale3d(1.1, 1.1, 1);}
	100% {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}
@keyframes anim-moema-2 {
	to {opacity: 0;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
}