* {box-sizing:border-box; font-family: 'Roboto', sans-serif;} .main-container {
margin: 0;position:relative;overflow: hidden;
}
.slideshow-container {
position: relative;margin: auto;
}
.mySlides {
display: none;position: relative;
}
.text-control .text{color:#ffffff}
.controls {
background: transparent;
position: relative;
cursor: pointer;
margin: 4px 2px;
padding: 5px;  
color: white;
font-size: 18px;
transition: 0.6s ease;
border-radius: 16px;
text-decoration: none;
border: none;
user-select: none;
box-sizing:border-box;
}
.controls svg path {
fill: #fff;
}
.controls img{
width: 20px;height: 16px;vertical-align: middle;
}
.next {
right: 0; 
}
.controls:hover {
background-color: #EB3334;
}
.controls:focus {
outline: none;
}
.controls:focus-visible {
outline: 3px solid black;
}
.controls.pause img{
width:10px
}    
.text {
color: black;
font-size: 18px;  
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
}
.fadeeff {
-webkit-animation-name: fadeeff;
-webkit-animation-duration: 1.5s;
animation-name: fadeeff;
animation-duration: 1.5s;
}
#myProgress {
width: 100%;
background-color: #3F3D56;margin-top: -4px;
}
#myBar {
width: 0%;
height: 3px;
background-color: #6C63FF;
}
.slider-controls {
width: 100%;
height: 30px;
display: flex;
justify-content: flex-start;
align-items: center;
}
@-webkit-keyframes fadeeff {
from {opacity: .4}
to {opacity: 1}
}
@keyframes fadeeff {
from {opacity: .4}
to {opacity: 1}
}
@media screen and ( min-width:1200px) {
.mySlides div.heroheading{
padding: 0px 120px;position: absolute;
top: 50%;left: 50%;transform: translate(-50%, -50%);width:100%;
}
.mySlides div.heroheading h2{  
width: 450px;   
color: #ffffff;
text-align: left;
font: bold 44px/48px Helvetica;
}
.text-control{
display: flex;
position: absolute;
top: 68%;    
transform: translatey(-60%);
width: 255px;
margin: 0px 120px;
}
}
@media (min-width: 768px) and (max-width: 1199px){
.mySlides div.heroheading h2 {
width:295px;
color: #ffffff;
text-align: left;
font: bold 20px / 28px Helvetica;
}
.mySlides div.heroheading{
padding: 0px 30px !important;	position: absolute;
width:100%;top: 50%;left: 50%;transform: translate(-50%, -50%);
}
.text-control{
display: flex;
position: absolute;
transform: translatey(-60%);
top: 75% !important;
margin: 0px 30px !important;
width:260px !important;
padding: 0px 0px !important;
}
}
@media screen and (max-width: 767px) {
.controls.pause img{
width:6px !important;
}
.mySlides div.heroheading h2 {
font: bold 12px / 20px Helvetica;
width: 140px;
color:#ffffff;
}
.controls img {
width: 12px;
height: 10px;
vertical-align: middle;
}
.text-control .text {    
font-size: 12px;
}
.text-control{
padding:0px 15px;
width:225px;
margin: 15px 0px 0px;
display: flex;
position: absolute;
top: 67%;    
transform: translatey(-60%);
}
.mySlides div.heroheading{
padding: 0px 35px;
position: absolute;
top: 50%;left: 50%;transform: translate(-50%, -50%);width:100%;
}
}
@media screen and ( min-width:1920px) {
.text-control{
margin: 0px 240px;
}
.mySlides div.heroheading {
padding: 0px 240px;
}
.mySlides div.heroheading h2{
font: bold 48px/54px Helvetica ;width:500px 
}
.text-control .text{
font-size:22px;
}
} @media screen and ( min-width:768px) and (max-width:991px){
.stem-outreach-right,.stem-outreach-left{
display: flex;align-items: stretch;
}
}
.advancingstem{
padding:140px 0px;
background: url(//cdn-stage.inspirestem.com/wp-content/themes/hitachi-hta/images/whowearebg.png) right -99px top -157px border-box no-repeat, url(https://cdn-stage.inspirestem.com/wp-content/themes/hitachi-hta/css/images/who-bg-bottom.png) left -810px bottom -420px border-box no-repeat
}
.advancingstem .container{
background-color: #fff;
}
.advancingstem h3{
font: bold 44px/28px Helvetica;color: #000000;margin-bottom: 25px;
}
.advancingstem p,.txtpart p{
font: normal 14px/24px Helvetica;color: #000000;
}
.teaching-tools .txtpart{
padding-right: 45px;
}
.teaching-tools h3{
margin-bottom: 35px;
font: bold 44px/28px Helvetica;
color: #000000;
}
.advancingstem .txtpart{
padding-right: 73px;
}
.advancingstem .txtpart:nth-child(2){
padding-right: 0px;
padding-left: 73px;
}
.advancingstem .row{
margin-bottom: 64px;
}
.read-more,.stem_red_btn{
background: #EB3334;
color: #ffffff !important;
border-bottom: 5px solid #A82727;
padding: 8px 20px;
font-size: 14px;
display: inline-block;
margin-top: 5px;
cursor: pointer;
text-decoration: none !important;
}
.read-more:hover,.stem_red_btn:hover{
text-decoration: none;color:#ffffff
}
.read-more:hover img,.stem_red_btn:hover img {
transform: translateX(5px);
}
.read-more img,.stem_red_btn img{
margin-left: 5px;
width: 20px;
height: 13px;transition:transform .2s ease-in-out;vertical-align: middle;
}
.stem-outreach{padding: 64px 0px;
background: url(//cdn-stage.inspirestem.com/wp-content/themes/hitachi-hta/images/stem-outreach-bluebg.png)no-repeat;
}
.why-education-matters {padding: 64px 0;
}
.why-education-matters.sys_edu .sys_edu_wrap {
min-height: 428px;background-size: cover;position: relative;
}
.why-education-matters.sys_edu .sys_edu_wrap h2{
font:  bold 32px/40px Helvetica;color: #fff;
}
.why-education-matters .sys_edu_txt{ position: absolute;bottom: 20px;
background: #000000;opacity: .8;width:335px;height: 300px;padding: 20px;
}
.why-education-matters.sys_edu .sys_edu_txt p{
font:  normal 14px/24px Helvetica;color: #fff;
}
.teaching-tools-resources{
background: url(//cdn-stage.inspirestem.com/wp-content/themes/hitachi-hta/images/teaching-tool-bg.png)no-repeat;
background-position: center top;
padding: 80px 0px;background-size: 100%
}
.valuable-resources{
margin-top: 64px;
}
.valuable-resources h4{text-align: center;}
.valuable-resources h4 a{position: relative;    padding-right: 16px;text-decoration: none;}
.valuable-resources h4 a span{
font: bold 14px/24px Helvetica;color: #000000;
}
.valuable-resources h4 a span::after{
content: "";
background: url(//cdn-stage.inspirestem.com/wp-content/themes/hitachi-hta/images/red-arrow.svg)no-repeat;
width: 14px;
height: 14px;
position: absolute;
background-size: 14px 14px;    
top: 4px;
right: -3px;transition: right 1s ;
}
.valuable-resources .item-img{
text-align: center;
padding: 20px;
}
.valuable-resources .item-img img{
transition: transform 1s ;}
.valuable-resources h4 a:hover{text-decoration: none;}
.valuable-resources h4 a::after {
position: absolute;
content: "";
height: 5px;
background: #D01E25;
width: 100%;
left: 0;
bottom: -15px;}
.valuable-resources h4 a img{
width: 16px;
height: 14px;
margin-left: 5px;}
.valuable-resources .item:hover img{
transform: scale(1.1);
}
.valuable-resources .item:hover h4 a span::after{
right: -10px;
}
.stem-outreach .stem_card h4 {
background: #EB3334;
padding: 18px 0px;
width: 100%;
text-align: center;
text-transform: uppercase;
position: relative;
color: #fff;    margin-top: 0px;
margin-bottom: 12px;
font-size: 15px;
}
.stem-outreach .stem_card .icon-box {
width: 100px;
height: 55px;
background-color: #EB3334;
border-bottom-left-radius: 110px;
border-bottom-right-radius: 110px;
border: 1px solid #EB3334;
border-bottom: 0;
text-align: center;
position: relative;
margin: -24px auto 0px;
}
.stem-outreach .stem_card{background-color: #ffffff;}
.stem-outreach h3{
margin-bottom: 35px;font:bold 44px/48px Helvetica;color: #000000;
}
.stem-outreach .textbox{padding:15px;min-height: 285px;}
.stem-outreach .stembox{
padding:10px;
}
.stem-outreach .stembox a::after{height: 5px;background: #D01E25; position: absolute;content: "";
width: 100%;
left: 0px;
bottom: -10px;}
.stem-outreach .stembox a span::after{
content: "";
background: url(//cdn-stage.inspirestem.com/wp-content/themes/hitachi-hta/images/red-arrow.svg)no-repeat;
width: 14px;
height: 14px;
position: absolute;
background-size: 14px 14px; 
top: 2px;
right: -18px;transition: right .6s ;
}
.stem-outreach .stembox a span{
position: relative;
}
.stem-outreach .stembox a{position: relative;padding-right: 15px; font: bold 14px/24px Helvetica;color: #000000;text-decoration: none;
margin-bottom: 25px;
display: inline-block;
}
.stem-outreach .stembox a:hover span::after{
right:-22px
}
.stem-outreach .textbox p{
font: normal 14px/24px Helvetica;
color: #000000;
}
.icon-box > img{
width:38px;height: 38px;
}
@media screen and (max-width:767px) {
.advancingstem .row{
display: flex;
flex-direction: column;
}
.advancingstem .txtpart{
order:2
}
.imagepart{
order:1
}
.sem-request-bottom .container{
background-size: cover;}
#events .row > div{
width: 100%;
}
.search-block input[type="submit"]{
width: 12% !important;
}
.search-block input[type="text"] {
width: 86% !important;
}
.selectyearblock {
width: 25% !important;
}
.search-block {
width: 74% !important;}
.stem-outreach-tool-cat-boxes{
display: flex;
flex-direction: column;
}
.valuable-resources .item-img img{margin: auto;}
.usage-across{
position: relative !important;
}
.usagecontainer{
height: auto !important;
}
.tool-cat-boxes{
display: flex;flex-direction: column ;
}
.tool-img,.stem-outreach-tools .stem-outreach-tool-img{
order:1
}
.tools .tools-text,.stem-outreach-tools .stem-outreach-tools-text{
order:2
}
.tools .tool-img{
background-size: cover !important;
}
.tools .tools-text h3{
margin-top: 10px;
}
.tools .tools-text {       
min-height: auto;
float: left;
width: 100%;
}
.usage-across{
height: auto !important;
}    
.stem-outreach .textbox{min-height: auto; 
}
.advancingstem img,.teaching-tools img,.mySlides img{width:100%;}    
.advancingstem .txtpart,.advancingstem .txtpart:nth-child(2){padding:10px;}
.advancingstem a img, .teaching-tools a img{width:auto}
.stembox >img{width:100%}
.valuable-resources,.teaching-tools,.why-education-matters,.stem-outreach,.advancingstem{
padding-left: 24px;padding-right: 24px;
}
.teaching-tools {
width:100%;
}
.stem-outreach{
background-size: cover;
}
.teaching-tools .txtpart{
margin-bottom: 24px;
}
.teaching-tools .txtpart{
padding-right: 0px;
}
.teaching-tools-resources{
background-size: cover;
}
}
@media screen and ( min-width:768px) {
.stembox> img{
width: 100%;;
} 
} .teach-electron{margin-top: 64px;margin-bottom: 64px;}
.teach-electron h2{
margin-bottom: 20px;font:bold 32px/40px Helvetica;color: #000000;
}
.teach-electron p,.usage-across ul li{
font: normal 14px/22px Helvetica;
}
.teach-electron p a{
color:#CC0000;text-decoration: underline; font: bold 14px/22px Helvetica;
}
.usage-across{
box-shadow: 0px -6px 12px #00000029;
padding: 30px 20px;
margin-top: 64px;
position: absolute;
z-index: 12;
background: #ffffff;
height: 310px;
}
.usage-across h3,.tools h2{
margin-bottom: 20px;font:bold 32px/42px Helvetica;color: #000000;
}
.usage-across ul{
padding-left:0px;list-style-type: circle;
}
.usagecontainer{
position: relative;
height: 288px;
}
.usage-across ul li{
padding-left: 20px;position: relative;
}
.tools{
background: url(//cdn-stage.inspirestem.com/wp-content/themes/hitachi-hta/images/stem-outreach-bluebg.png)repeat;background-size: 100% ;padding: 64px 0px;
}
.tools .tool-img{    
float: left;
background-position: top center;
background-size: cover;
background-repeat: no-repeat;
min-height: 397px;
box-sizing: border-box;
}
.tools .tool-cat-boxes{
margin-bottom: 50px;
}
.tools .tools-text{
padding: 20px;
background: #D42D32;min-height: 397px;
}
.tools .tools-text ul li,.tools .tools-text p,.tools .tools-text a{
font: normal 14px/22px Helvetica;color:#ffffff;
}
.usage-across ul li::before{
content: "";
background: url(//cdn-stage.inspirestem.com/wp-content/themes/hitachi-hta/images/black-circle.svg)no-repeat;
width:16px;height: 16px;position: absolute;
left: 0px;
top: 50%; transform: translateY(-50%); background-size: 12px 12px;
}
.tools .tools-text h3{
margin-bottom: 20px;font:bold 32px/42px Helvetica;color:#ffffff;
}
.tools-btn{
margin-top: 25px;
}
.tools .tools-text .tools-btn a.stem_white_btn {
background: #ffffff url(//cdn-stage.inspirestem.com/wp-content/themes/hitachi-hta/images/light-red-arrow.svg) no-repeat;
color: #EB3334;
padding: 8px 35px 8px 15px;
text-decoration: none;
font: bold 14px / 22px Helvetica;
position: relative;
background-size: 14px 14px;
background-position: calc(100% - 17px) center;
transition: background-position 1s, background-image 1s, color 1s;
}
.tools .tools-text .tools-btn a.stem_white_btn::after{
content:"";
height: 5px;transition:background-color 1s;
background:#B20D12;position: absolute;width:100%; bottom: -5px;
left: 0px;
}
.tools .tools-text .tools-btn a.stem_white_btn:hover{
background-image: url(//cdn-stage.inspirestem.com/wp-content/themes/hitachi-hta/images/red-arrow-hover.svg);background-position: calc(100% - 11px) center;color:#6E1616 !important;
}
.tools .tools-text .tools-btn a.stem_white_btn:hover::after{
background: #6E1616;
}
.tool-cat-boxes ul li{
position: relative;padding-left: 20px;
}
.tool-cat-boxes ul{
padding-left: 0px;
}
.tool-cat-boxes ul li::before{
content: "";
background: url(//cdn-stage.inspirestem.com/wp-content/themes/hitachi-hta/images/white-circle.svg)no-repeat;
width:16px;height: 16px;position: absolute;
left: 0px;
top: 50%; transform: translateY(-50%); background-size: 12px 12px;
}
.sem-request-bottom{
margin: 64px 0px;
}
.sem-request-bottom .container{   
padding: 48px 80px;    text-align: center;
background: url(//cdn-stage.inspirestem.com/wp-content/themes/hitachi-hta/images/bottom-request-bg.jpg)no-repeat;
display: flex;flex-direction: column;justify-content: center;align-items: center;
}
.sem-request-bottom h4{
color:#ffffff;
font: bold 30px / 42px Helvetica;
margin: 0px 0px 12px
}
.sem-request-bottom p{
color:#ffffff;font:normal 16px/20px Helvetica;margin: 0px
}
.sem-request-bottom a{
background: #EB3334;
color: #ffffff;margin-top: 20px;
border-bottom: 5px solid #A82727;
padding: 8px 20px;
font-size: 16px;
display: inline-block;
cursor: pointer;
text-decoration: none;
}
.sem-request-bottom img {
margin-left: 5px;
width: 20px;
height: 13px;
transition: transform .2s ease-in-out;vertical-align: middle;
}
.sem-request-bottom:hover img {
transform: translateX(5px);
}
::marker{
display: none;    content: "";
} .what-we-do-electron{margin-top: 64px;margin-bottom: 64px;}
.what-we-do-electron h2,.closer-look-heading{
margin-bottom: 20px;font:bold 32px/40px Helvetica;color: #000000;
}
.what-we-do-electron p,.closer-look p,.stem-block .category-block-text p{
font: normal 14px/22px Helvetica;
}
.what-we-do-electron p a{
color:#CC0000;text-decoration: underline; font: bold 14px/22px Helvetica;
}
.closer-look .look-img{
padding: 0px;
}
.stem-category-new{
padding: 64px 0px;
background: url(//cdn-stage.inspirestem.com/wp-content/themes/hitachi-hta/images/stem-outreach-bluebg.png) no-repeat;
}
.stem-block .category-block-text{background: #ffffff;padding: 10px 15px;    min-height: 210px;} .stem-block .category-block-heading h3{
font:bold 20px/32px Helvetica;color: #000000;margin:0px 0px 10px 0px;
}
.pR10 {
padding-right: 10px;
}
.pL10 {
padding-left: 10px;
}
.stem-category-new .container {
display: flex;
justify-content: space-between;
}
.stem-category-new .category-block-text {
display: flex;
flex-direction: column;
height: 100%;
}
.stem-category-new .category-block-text p {
flex: 1;
}
.category-btn {
margin-top: auto;
align-self: flex-start; } .inspire-your-students{
min-height: 142px;margin: 48px 0px 64px;overflow: hidden;
}
.inspire-your-students .inspire-txtpart{
background: #2F528B;color:#fff; min-height: 142px;padding: 15px 25px;
}
.page-id-19 .inspire-your-students .inspire-txtpart , .page-id-16 .inspire-your-students .inspire-txtpart{
background: #2F528B;color:#fff; min-height: 165px;padding: 15px 25px;
}
.page-id-19 .inspire-txtpart p, .page-id-16 .inspire-txtpart p  {padding-top:20px;}
.inspire-img,.inspire-img img{
padding: 0px;min-height: 142px;
}
.inspire-your-students .inspire-txtpart h4{
font:normal 18px/28px Helvetica;
color:#fff;
}
.portable-easy{
margin-bottom: 64px;
}
.portable-easy h3{
font: bold 32px/40px Helvetica ;color: #000000;margin-bottom:10px;margin-top: 0px;
}
.portable-easy p{
font: normal 14px/24px Helvetica;color: #000000;
}
.portable-easy .txtpart{
padding-left:30px;
}
.author-testimonial{
margin:140px 0px 96px;background: url(//cdn-stage.inspirestem.com/wp-content/themes/hitachi-hta/images/stem-outreach-bluebg.png) no-repeat;
}
.author-tes-img img{
width:150px;    padding: 20px; 
}
.author-tes-img{
width: 150px;
position: absolute;
left: -75px;
height: 150px;
top: 50%;
margin-top: -75px;
}
.author-testimonial .container .row{
box-shadow: 0px -6px 12px #00000029;margin: -30px 45px 42px;
position: relative;background: #fff;
padding: 25px;
}
.author-info{
padding-left: 70px;width: 90%;
}
.author-info h4{
font: bold 22px/26px Helvetica ;color: #000000;margin-bottom: 5px;
}
.author-info .authot-name-des .authot-name{
width:100%;display: block;
font: bold 12px/18px Helvetica ;color: #000000;
}
.author-info .authot-des{
font: normal 12px/18px Helvetica ;color: #000000;
}
.author-testimonial .container .row img.quoteimg{
position: absolute;
right:60px;
top: -47px;
width: 80px;
} .stem-outreach-sec{margin-top: 64px;margin-bottom: 64px;}
.stem-outreach-sec h2{
margin-bottom: 20px;font:bold 32px/40px Helvetica;color: #000000;
}
.stem-outreach-sec p{
font: normal 14px/22px Helvetica;
}
.stem-outreach-tools{
background: url(//cdn-stage.inspirestem.com/wp-content/themes/hitachi-hta/images/stem-outreach-bluebg.png)repeat;background-size: 100% ;padding: 64px 0px 14px;
}
.stem-outreach-tools .stem-outreach-tool-img{    
float: left;
background-position: top center;
background-size: cover;
background-repeat: no-repeat;
min-height: 397px;
box-sizing: border-box;
}
.stem-outreach-tools .stem-outreach-tool-cat-boxes{
margin-bottom: 50px;
}
.stem-outreach-tools .stem-outreach-tools-text{
padding: 20px;
background: #D42D32;min-height: 397px;
}
.stem-outreach-tools .stem-outreach-tools-text ul li,.stem-outreach-tools .stem-outreach-tools-text p,.stem-outreach-tools .stem-outreach-tools-text a{
font: normal 14px/22px Helvetica;color:#ffffff;
}
.stem-outreach-tools .stem-outreach-tools-text .stem-outreach-tools-btn a.stem_white_btn{
background: #ffffff url(//cdn-stage.inspirestem.com/wp-content/themes/hitachi-hta/images/light-red-arrow.svg)no-repeat;
color: #EB3334;
padding: 8px 35px 8px 15px;
text-decoration: none;
font: bold 14px/22px Helvetica;position: relative;
background-size: 14px 14px;
background-position: calc(100% - 17px) center;transition:background-position 1s,background-image 1s, color 1s;
}
.stem-outreach-tools .stem-outreach-tools-text .stem-outreach-tools-btn a.stem_white_btn::after{
content:"";
height: 5px;transition:background-color 1s;
background:#B20D12;position: absolute;width:100%; bottom: -5px;
left: 0px;
}
.stem-outreach-tools .stem-outreach-tools-text .stem-outreach-tools-btn a.stem_white_btn:hover{
background-image: url(//cdn-stage.inspirestem.com/wp-content/themes/hitachi-hta/images/red-arrow-hover.svg);background-position: calc(100% - 11px) center;color:#6E1616 !important;
}
.stem-outreach-tools .stem-outreach-tools-text .stem-outreach-tools-btn a.stem_white_btn:hover::after{
background: #6E1616;
}
.stem-outreach-tools-btn{
margin-top: 25px;
}
.stem-outreach-tools .stem-outreach-tools-text h3{
margin-bottom: 20px;font:bold 24px/28px Helvetica;color:#ffffff;
}
.stem-outreach-tools h2{
margin-bottom: 20px;font:bold 28px/36px Helvetica;
}
.inspire-txtpart p{
font:normal 12px/18px Helvetica;
}
.inspire-img{
background: url(//cdn-stage.inspirestem.com/wp-content/themes/hitachi-hta/images/stem-report-form.png);background-size: cover;
}
.inspire-your-students .row{
align-items: stretch;display: flex;    background-size: cover;
} .news-events-disc{
background:#DEEAF8;padding: 64px 0px;
}
.news-events-disc p{
font:normal 14px/24px Helvetica;color:#000000;
}
.desktop-tabs{
background:#DEEAF8;
}
.news-events-tabs ul{
border-bottom:2px solid rgba(112, 112, 112, 0.4);margin-bottom: 64px;
}
.news-events-tabs .nav-tabs>li>a,.news-events-tabs .nav-tabs>li>a:hover,.news-events-tabs .nav-tabs>li>a:focus{
background-color: #D8E0E8;padding: 12px 60px;font:bold 24px/28px Helvetica;color:rgba(0, 0, 0, 0.6);    
border-radius: 0px;margin: 0px;
border-width: 0px 0px 2px 0px; border-style: none none solid none; border-color: transparent transparent transparent transparent;min-width: 200px;text-align: center;
}
.news-events-tabs .nav-tabs>li.active>a,.news-events-tabs .nav-tabs>li.active>a:hover,.news-events-tabs .nav-tabs>li.active>a:focus{
background-color: #fff;color:#000000;
border-width: 0px 0px 2px 0px; border-style: none none solid none; border-color: transparent transparent #A82727 transparent;
}
.news-events-tabs .block-desc{
display: flex;padding: 0px;background: #fff;flex-direction: column;
}
.block-desc-left{
width: 100%;
box-sizing: border-box;
padding: 5px 10px;
background: #d91a5d;
margin-bottom: 10px;
border: 1px solid #d91a5d;
color: #fff;
font-size: 15px;
font-weight: bold;
}
.block-desc-right{
width:100%;box-sizing: border-box;padding:0px 10px;
} 
.news-events-tabs .block-desc-right span{
display: block;height:45px;
}
.news-events-tabs .block-desc h4{
height:auto;
}
.block-desc-right h4{
font:bold 24px/28px Helvetica;color:#000000;margin:0px 0px 10px 0px;transition: color 0.5s ease;
}
.block-desc-right span{
color:rgba(0, 0, 0, 0.6); font:normal 16px/24px Helvetica; }
#events a{
text-decoration: none;
}
.social-icons{
position: absolute;
top: 10px;
right: 15px;
width: 80px;
display: flex;
justify-content: space-evenly;
}
#news .social-icons{
flex-direction: column;
}
.news-events-tabs  .tab-content #news .social-icons .news-social-icon{
margin-left: 0px; padding-top: 3px;display: none;
}
.news-events-tabs  .tab-content #news .social-icons ul li{
width: 32px;
height: 32px;
background-color: #F2F7FB;
border-radius: 50%;
padding: 0px;
border: 2px solid #f2f7f8;display:block !important;margin-bottom: 3px;
}
.news-events-tabs  .tab-content #news .social-icons ul li:first-child,.news-events-tabs .tab-content #news .social-icons ul li+li{
display: none;
}
.social-icons span{
width:30px;height: 30px;background-color: #ffffff;border-radius: 50%;
}
#news .news-block .social-icons span:hover + ul ,#news .news-block .social-icons:hover ul {
display: block !important;
}
#news .news-right-block{
width:10%;
}
#news .social-icons {
flex-direction: column;
width: 32px;
float: none !important;
margin: auto;top: 0px;
right: 0px;
position: relative;    }
.news-block .social-icons li.sharesocial{
width:30px;height: 30px;background-color: #ffffff;border-radius: 50%;
}
.news-events-tabs .social-icons ul{
padding-left: 0px;
}
.news-events-tabs .social-icons span img{
padding:5px;width: 30px;
}
.news-events-tabs .sharesocial img{
padding:5px;width: 28px;
}
#events .row .eventlist{
border: 1px solid rgba(112, 112, 112, 0.5);
background: #fff;
height: 100%;
}
.block-img img{
width:100%;
}
.show-all{
background: #EB3334 url(//cdn-stage.inspirestem.com/wp-content/themes/hitachi-hta/images/readmore.svg) no-repeat;
color: #ffffff !important;
border-bottom: 5px solid #A82727;
padding: 8px 40px 8px 20px;
font-size: 14px;
display: inline-block;
margin-top: 5px;
cursor: pointer;
background-size: 20px 15px;
background-position: calc(100% - 15px) calc(100% - 9px);
transition: background-position 0.3s ease ;
margin-bottom: 20px;font-weight: bold;text-decoration: none;
}
.show-all:hover{
background-position: calc(100% - 10px) calc(100% - 9px);color: #ffffff;
}
.news-block{
background: #fff;border:1px solid rgba(112, 112, 112, 0.4);padding: 15px 20px;margin-bottom: 30px;
display: flex;
}
.news-block h2{
margin: 10px 0px 20px; font:bold 24px/28px Helvetica;color:#000000;transition: color 0.5s ease;
}
.news-block p{
color:rgba(0, 0, 0, 0.6); font:normal 16px/24px Helvetica;
}
.news-block .news-left-block{padding-bottom: 25px;
border-right:1px solid rgba(112, 112, 112, 0.4);width:90%;position: relative;
}
.news-block .social-icons span {
width: 32px;
height: 32px;
background-color: #F2F7FB;
border-radius: 50%;
}
.news-block .social-icons span img{
padding:5px;width: 28px;
}
.viewpdf{
position: absolute;    right: 25px;
bottom: 15px;
}
.news-info {
width: 96%;
padding-bottom: 20px;
}
.red-arrow{float:left}
.viewpdf span{display: none;}
.news-block:hover .viewpdf span{
display: inline-block;color:#EB3334; font: bold 14px / 24px Helvetica;
margin-top: 10px;
}
.news-block:hover h2,.eventlist:hover .block-desc-right h4{
color:#EB3334;
}
.eventlist .read-events{
position: absolute;
right: 15px;
bottom: 6px;
}
.eventlist .read-events span{
display: none;
}
.eventlist:hover .read-events span{
display: inline-block;color:#EB3334;margin-top: 10px;font: bold 14px / 24px Helvetica;left:auto;right:auto
}
.eventlist:hover .read-events{
bottom: -18px;
left: 50%;
transform: translate(-50%, -50%);
}
#events .row{
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
}
#events .row  > div{
margin-bottom: 25px;
}
.search-section{
margin-top: 25px;display: flex;justify-content: space-between;
}
.search-block{
width:88%;display: flex;
}
.search-block input[type="text"]{
width:90%;border: 1px solid #ADB8C9;color: rgba(35, 55, 81, 0.3);outline: 0px;height: 38px;
}
.search-block input[type="submit"]{
background: #CC0000 url(//cdn-stage.inspirestem.com/wp-content/themes/hitachi-hta/news-events-img/search-icon.svg) no-repeat;
text-indent: -9999px;
width: 6%;
border: 0px;
outline: 0px;
background-size: 20px 20px;
background-position: center center;
}
.selectyearblock{
width:11%;
}
.selectyearblock select{
width:100%;padding-left: 10px;
appearance: none; -webkit-appearance: none; -moz-appearance: none; padding: 5px 30px 5px 10px; 
height: 38px;border: 1px solid rgba(112, 112, 112, 0.4);color: #3E3E3E;background: transparent url(//cdn-stage.inspirestem.com/wp-content/themes/hitachi-hta/news-events-img/chevron-down.svg)no-repeat;text-align: left;outline: 0px;background-position: calc(100% - 10px) center;
} .event-detail-head{
display: flex;
align-items: flex-start;
margin-bottom: 15px;
flex-direction: column;padding-left: 0px;
}
.event-detail-head > div.date-title{
display: flex;
}
.content-section,#content_wrapper{
background: #DEEAF8;padding: 64px 0px;
}
.event-date{
box-sizing: border-box;
padding: 4px 10px;
background: #d91a5d;
border: 1px solid rgb(217 26 93 / 90%);
color: #fff;
}   
.event-detail-head h2{
font: bold 28px / 28px Helvetica;
color: #000000;padding: 0px 20px;margin-top: 0px;
}
.event-detail-head h3{
color: rgba(0, 0, 0, 0.6);
font: normal 24px / 24px Helvetica;margin-top: 20px;
}
.events-article-desc{
padding: 20px 0px 64px;
}
.events-article-desc p{
color:#000000; font:normal 14px/22px Helvetica;
}
.imptitle{
background: url(//cdn-stage.inspirestem.com/wp-content/themes/hitachi-hta/news-events-img/comment-icon.svg)no-repeat;background-size: 26px 26px;
padding-left: 35px;font: bold 22px / 24px Helvetica;
color: #000000;
border-bottom: 2px solid #707070;
padding-bottom: 13px;
}
.comment-notes{
color:#000000; font:normal 14px/22px Helvetica;
}
textarea#comment{
border: 1px solid #707070;background: #fff;width:100%;outline: 0px;padding: 10px;
}
.logged-in-as{
text-align: right; color:#000000; font:normal 14px/22px Helvetica;
}
.feedback-form{
padding: 64px 0px;
}
.logged-in-as a{
color:#CC0000
}
#respond .stem_red_btn{
background: #EB3334 url(//cdn-stage.inspirestem.com/wp-content/themes/hitachi-hta/images/readmore.svg) no-repeat;
color: #ffffff;
border-bottom: 5px solid #A82727;
padding: 8px 40px 8px 20px;
font-size: 14px;
display: inline-block;
margin-top: 5px;
cursor: pointer;
background-size: 20px 15px;
background-position: calc(100% - 15px) calc(100% - 9px);
transition: background-position 0.3s ease;
margin-bottom: 20px;
font-weight: bold;border-top: 0px;
border-left: 0px;
border-right: 0px;letter-spacing: .9px;
}
#respond .stem_red_btn:hover {
background-position: calc(100% - 10px) calc(100% - 9px);
color: #ffffff;
}
.social-icons span a img {
padding: 5px;
width: 30px;
}
.social-icons .sharesocial img {
padding: 5px;
width: 28px;
}
.twitter-email span{
display: block;
}
.social-icons .sharesocial{
margin-left: 10px;cursor: pointer;
}
.twitter-email:hover ul {
display: block !important;
position: absolute;margin-left: 10px;
}
.twitter-email ul li{
text-align: center;
padding: 5px;width: 30px;margin-top: 2px;
height: 30px;
background-color: #ffffff;
border-radius: 50%;
display: block;
}
.twitter-email ul li a{
color: #000;
}
.event-detail-head + .contentSpace{
height: 125px;
}
.contentSpace .social-icons{
position: relative; top:10px;   justify-content: right;right:0px;align-items: center;
}
.contentSpace .share-btn{
float: right;
}
.contentSpace span+ul{
display: none;
}
.resource-tab .row .resourcelist,.block-resource{
border: 1px solid rgba(112, 112, 112, 0.5);background: #fff;
}
.resources-title h4{
width:100%;display: block;font: bold 22px / 24px Helvetica;
color: #000000;
}
.resource-tab  .block-desc{
flex-direction: column;
}
.resource-tab .red-arrow{
float: right;    width: 25px;
}
.resource-tab #events .row > div:hover h4{
color:#CC0000;
}
.assets-wrap a:hover{
text-decoration: none;
}
.block-resource h5{
width:100%;display: block;font: bold 22px / 24px Helvetica;
color: #000000;
}
.block-resource .block-desc h5{
height: 154px;
overflow: hidden;padding: 10px 15px;
}
.block-resource .block-img{
background: #DDE1E3 0% 0% no-repeat padding-box;
border: 1px solid #BCBCBC;
}
.doc-type{
text-align: right;
}
.doc-type img{
width:50px;margin:5px 20px 20px 20px
}
.assets-wrap > div a:hover h5{
color:#CC0000;
}
.assets-wrap > div{
margin-bottom: 20px;
} .who-we-are-intro{margin-top: 64px;margin-bottom: 64px;}
.who-we-are-intro h2,.who-we-are-category h2{
margin-bottom: 20px;font:bold 32px/40px Helvetica;color: #000000;
}
.who-we-are-intro p{
font: normal 14px/22px Helvetica;
}
.who-we-are-category{
padding: 64px 0px;
background: url(//cdn-stage.inspirestem.com/wp-content/themes/hitachi-hta/images/stem-outreach-bluebg.png) no-repeat;
}
.who-we-are-cat-block{
position: relative;
}
.page-template-page-who-we-are .who-we-are-cat-block img {
height: 250px;
width: 100%;
}
.who-we-are-cat-block h3{
position: absolute;width:100%;text-align: center;
bottom: 0px;margin: 0px;background: #EB3334;color:#ffffff;font: bold 16px/22px Helvetica;padding:8px 0px
}
.who-we-are-cat-block-text{
background: #fff;padding:20px;height:140px; font: normal 14px/22px Helvetica;
}
.who-we-are-portable-easy{
padding: 64px 0px;
background: url(//cdn-stage.inspirestem.com/wp-content/themes/hitachi-hta/images/history-bg.png) left -115px bottom 0px border-box no-repeat;
}
.who-we-are-portable-easy h3{
margin-bottom: 20px;font:bold 32px/40px Helvetica;color: #000000;margin-top: 0px;
}
.mission-stem {
padding: 0px 0px 133px;
margin-bottom: 0px;
background: url(//cdn-stage.inspirestem.com/wp-content/themes/hitachi-hta/images/Why-STEM-Education-bg.png) right -26px top -20px border-box no-repeat;
background-size: auto 577px;
}
.mission-stem p,.our-mission p,.who-we-are-portable-easy p {
font: normal 14px / 24px Helvetica;
color: #000000;
}
.mission-stem h3 {
font: bold 44px / 44px Helvetica;
color: #000000;
margin-bottom: 25px;
}
.our-mission{
margin-top: 64px;
}
.our-mission h3{
font: bold 34px / 44px Helvetica;
color: #000000;
margin-bottom: 25px;
}
.who-inspire-img{
background: url(//cdn-stage.inspirestem.com/wp-content/themes/hitachi-hta/images/who-we-are-banner.png);background-size: 100% 100%;}
.who-inspire-your-students .who-inspire-txtpart h4{
font:bold 18px/28px Helvetica;
}
.who-inspire-your-students{
min-height: 142px;
margin: 48px 0px 64px;
overflow: hidden;padding: 64px 0px;
}
.who-inspire-your-students .row {
align-items: stretch;
display: flex;
background-size: cover;
}
.who-inspire-img, .who-inspire-img img {
padding: 0px;
min-height: 142px;
}
.who-inspire-txtpart{padding-left: 25px;
padding-right: 212px;
background-color: #EFF3F2;
}
.read-full{
font: normal 12px / 24px Helvetica;
color: #CC0000;text-decoration: underline;
}
.img-info{
padding: 48px 0px;
}
.who-we-are-category h2{
margin-top: 0px;
}
.who-we-are-portable-easy .txtpart{
padding-left: 20px;
}
.mission-stem .txtpart{
padding-right: 20px;
}
.empower-labs h3 {
margin-top: 10px;
margin-bottom: 15px;
font: bold 32px / 42px Helvetica;
color: #000000;
}
.empower-labs p {
font: normal 14px / 24px Helvetica;
color: #000;
}
.empower-labs {
padding: 64px 0px;
}
.empower-labs {
background: url(//cdn-stage.inspirestem.com/wp-content/themes/hitachi-hta/images/bg-img.svg) left -504px top 64px border-box no-repeat;
background-size: 50%;
}
.bg-img-labs {
background: url(//cdn-stage.inspirestem.com/wp-content/themes/hitachi-hta/images/bg-img.svg) no-repeat;
background-size: cover;
width: 55%;
height: 324px;
position: absolute;
left: -550px;
bottom: -215px;
}