/* Stem mentoring Css  start here */
.field-name-field-image-one-image .field-items img{
max-width: 40%;
margin-left:30%;
margin-right:30%;
}
@media only screen and (max-width: 1000px) {
.field-name-field-image-one-image .field-items img{
max-width: 50%;
}
}
@media only screen and (max-width: 768px) {
.field-name-field-image-one-image .field-items img{
max-width: 60%;
margin-left:20%;
}
}
.field-name-field-image-collection-one .field-items .even img{
max-width: 22%;
margin-left: 24%;
margin-right: 0%;
}
@media only screen and (max-width: 615px) {
.field-name-field-image-collection-one .field-items .even img{
max-width: 28%;
margin-left: 11%
}
}
.field-name-field-image-collection-one .field-items .odd img{
max-width: 22%;
margin-right: 27%;
float: right;
margin-top: -17%;
}
@media only screen and (max-width: 615px) {
.field-name-field-image-collection-one .field-items .odd img{
max-width: 28%;
margin-right: 19%;
margin-top: -22%;
}
}
.field-name-field-image-two .field-items img{
max-width: 40%;
margin-left:30%;
margin-right:30%;
}
@media only screen and (max-width: 1000px) {
.field-name-field-image-two .field-items img{
max-width: 50%;
}
}
@media only screen and (max-width: 768px) {
.field-name-field-image-two .field-items img{
max-width: 60%;
margin-left:20%;
}
}
figcaption {
text-align: center;
}
/* Stem mentoring Css end here */
/* partners css starts here */
.field-name-field-paetner-images-one  {
margin:auto;
width:65%;
}
.field-name-field-paetner-images-one .field-items .even img{
float: left;
}
.field-name-field-paetner-images-one .field-items .odd img{
float: left;
}
.field-name-field-partner-images-two .field-items .even img{
margin-left: 40%;
margin-top: 0%;
margin-right:40%;
}
@media only screen and (max-width: 1000px) {
.field-name-field-partner-images-two .field-items .even img{
margin-left: 25%;
}
}
.field-name-field-partner-images-three {
margin:auto;
width:65%;
}
.field-name-field-partner-images-three .field-items .even img{
float: left;
}
.field-name-field-partner-images-three .field-items .odd img{
float: left;
}
.clearfix{
clear: both !important;
}
.field-name-field-partner-content-fourth-lin {
margin:auto;
width:70%;
margin-bottom:10%;
/* margin-bottom:93px; */
}
.field-name-field-partner-content-fourth-lin .field-items .even a{
float: left;
width: 33%;
}
.field-name-field-partner-content-fourth-lin .field-items .odd a{
float: left;
width: 33%;
}
@media only screen and (max-width: 900px) {
.field-name-field-partner-content-fourth-lin {
margin:auto;
width:70%;
margin-bottom:20%;
}
.field-name-field-partner-content-fourth-lin .field-items .even a{
float: left;
width: 50%;
}
.field-name-field-partner-content-fourth-lin .field-items .odd a{
float: left;
width: 50%;
}
}
@media only screen and (max-width: 700px) {
.field-name-field-partner-content-fourth-lin {
margin:auto;
width:70%;
margin-bottom:30%;
}
.field-name-field-partner-content-fourth-lin .field-items .even a{
float: left;
width: 50%;
}
.field-name-field-partner-content-fourth-lin .field-items .odd a{
float: left;
width: 50%;
}
}
@media only screen and (max-width: 550px){
.field-name-field-partner-content-fourth-lin {
margin: auto;
margin-bottom: 40%;
width: 70%;
}
}
.field.field-name-field-partner-content-fifth.field-type-text-with-summary.field-label-above {
margin-top: 10%;
}
@media only screen and (max-width: 910px) {
.field.field-name-field-partner-content-fifth.field-type-text-with-summary.field-label-above {
margin-top: 20%;
}
}
@media only screen and (max-width: 648px) {
.field.field-name-field-partner-content-fifth.field-type-text-with-summary.field-label-above {
margin-top: 30%;
}
}
/* partners css ends here */
/* Email subscription css starts here */
.minus_Padding{
padding-bottom:0px !important;
}
div#block-webform-client-block-29 {
margin-top: -10%;
}
/*input#edit-submit--4{
position: absolute;
top: 30px;
right: 0;
width: 30%;
border: none;
background: #4a90e2;
color: #1a2730;
border-radius: 3px;
border-top-left-radius: 0;
border-top-right-radius: 0;
padding: 0 35px;
height: 50px;
line-height: 52px;
overflow: visible;
-webkit-appearance: button;
cursor: pointer;
font: 12px/15px 'Roboto', 'Helvetica Neue', Helvetica, sans-serif;
font-weight: bold;
letter-spacing: 1.32px;
text-transform: uppercase;
}
input#edit-submit--4:hover{
position: absolute;
top: 30px;
right: 0;
width: 30%;
border: none;
background: #BEB86C;
color: #1a2730;
border-radius: 3px;
border-top-left-radius: 0;
border-top-right-radius: 0;
padding: 0 35px;
height: 50px;
line-height: 52px;
overflow: visible;
-webkit-appearance: button;
cursor: pointer;
font: 12px/15px 'Roboto', 'Helvetica Neue', Helvetica, sans-serif;
font-weight: bold;
letter-spacing: 1.32px;
text-transform: uppercase;
}
*/
/* Email subscription css ends here */
/********************  Count me in modal styles code start here  ***************/
#finish-button{
float: right;
margin-top: 4px;
}
.textarea-comments{
height: 40px !important;
}
.textarea-liason-comments{
height: 85px !important;
}
.countmein_overlay {
position: fixed;
top: 0px;
left: 0px;
right: 0px;
opacity: .9;
z-index: 10;
height: 100%;
width: 100%;
display:none;
background-color:rgba(0,0,0,0.8);
}
#countmein-modal {
position: fixed;
width: 750px;
height: 680px;
z-index: 99;
background-color:white;
left: 20%;
top: 5%;
box-shadow: 0px 0px 6px 5px #e3edf7;
min-height: 500px;
min-width: 500px;
display: none;
}
.createlisting-close-modal {
display: inline-block;
width: 45px;
height: 45px;
background-image: url('../images/close.png');
float: right;
position: relative;
top: -25px;
left: 20px;
}
.create-listing-modal-heading {
font-family: rockwell;
color: #c1313b;
font-size: 2em;
display: inline-block;
margin-top: 15px;
}
.count-me-in-container {
height: 547px !important;
}
.partnerprofiles-container {
border-bottom: solid 3px #dce8f4;
}
#IamInterestedForm {
height: 390px !important;
}
.margin-adjust {
margin-top: 2% !important;
}
.intro-text {
font-size: 0.9em;
color: #616161;
display: block;
}
.validation-message {
color: red;
padding-top: 1%;
padding-bottom: 1%;
height: 5%;
}
.intro-text {
font-size: 0.9em;
display: block;
}
.no-tab-section {
height: 91%!important;
}
.create-profile-section {
width: 47.5%;
/* height: 80%; */
float: left;
}
.create-profile-left-section {
margin-left: 5%;
}
.create-profile-input-group {
margin-top: 2%;
}
.create-profile-input-group label {
font-size: 0.8em;
color: #343434;
display: inline-block;
}
.field-description {
font-size: 0.7em !important;
}
.create-profile-input-group input[type="text"]{
width: 99%;
height: 25px;
border: solid 1px #bbbbbb;
background-color: #f7f7f7;
margin-top: 1%;
}
.inline-group-container {
width: 100%;
height: 15%;
}
.inline-group {
width: 47.5%;
float: left;
}
.inline-group-right {
width: 47.5%;
float: left;
margin-left: 5%;
}
.create-profile-input-group textarea {
width: 98%;
/* height: 60px; */
border: solid 1px #bbbbbb;
background-color: #f7f7f7;
margin-top: 1%;
resize: none;
}
.no-tab-section {
height: 91%!important;
}
.create-profile-left-section {
margin-left: 5%;
}
.create-profile-section {
width: 47.5%;
/*  height: 80%; */
float: left;
}
.short-heading {
font-family: rockwell;
color: #c1313b;
font-size: 1.3em;
}
.inline-group-container {
width: 100%;
height: 15%;
}
.inline-group-right {
width: 47.5%;
float: left;
margin-left: 5%;
}
.inline-group-container select {
height: 27px !important;
}
.create-profile-input-group select {
width: 99%;
/*     height: 25px; */
border: solid 1px #bbbbbb;
background-color: #f7f7f7;
margin-top: 1%;
}
.inline-group {
width: 47.5%;
float: left;
}
.create-profile-input-group {
margin-top: 2%;
}
.field-description {
font-size: 0.7em !important;
}
.next-button {
display: inline-block;
width: 150px;
color: white;
font-size: 1em;
height: 35px;
border-radius: 4px;
background-color: #75a0d5;
/* border: none;
padding: 0; */
cursor: pointer;
}
.secondary-phone {
margin-right: 6%;
}
.secondary-type{
width: 47.5%;
float: right;
margin-top: -17%;
}
.count_me_comment{
margin-top: 5%;
margin-right: 75%;
}
/********************  Count me in modal styles code end here  ***************/
/******  code for sign up modal window starts here*********/
@media (min-height: 700px){
body.overlay-active.signup-active .sign-up-form {
height: 100%;
max-width: 100%;
}
}
/******  code for sign up modal window ends here *********/
/******  code for co-investor of front page starts here  *********/
.logo-row1 br {
display: none !important;
}
/******  code for co-investor of front page ends here  *********/
/******  code for recent-opportunities  of front page and similar opportunity of listing details veiw page starts here  *********/
.region-recent-opportunities{
width:100%
}
.common-width{
width:33%;
}
.opportunities-module a p{
word-wrap:break-word;
}
@media only screen and (max-width: 520px) {
.common-width{
width:100% !important;
margin-top:4% !important;
}
}
/******  code for recent-opportunities of front page and similar opportunity of listing details veiw page ends here  *********/
/************ code for  " US2020 STEM Mentoring Awards "  section about us page  starts here ************/
.v-align-center{
display:block;
}
/************ code for  " US2020 STEM Mentoring Awards "  section about us page  ends here ************/
/************ code for  placeholder  compatible with all browser starts here ************/
/* Webkit */
::-webkit-input-placeholder {
color:#81807E;
} /* #81807E; */
/* Firefox 4-18 */
::-moz-placeholder {
color:#81807E!important;
}
/* Firefox 19+ */
::-moz-placeholder {
color:#81807E !important;
}
/* IE10+ */
:-ms-input-placeholder {
color:#81807E  ;
}
/************ code for   compatible with all browser  ends here ************/
/************ code for   find an opportunity  starts here ************/
.opportunities__listing {
display:block !important;
}
.text {
width: 65% !important;
}
/************ code for   find an opportunity  ends here ************/
/************ code for hiding by default arrow sign of select option starts here ***********/
select {
-moz-appearance: none;
text-overflow: '';
appearance: none;
}
/************ code for hiding by default arrow sign of select option ends here ***********/
/************ code for city network starts here ***********/
/* .state-graphic {
transition: 0ms !important;
}
*/
/* .city-card__container {
background-color: #3080DE;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% center;
-moz-transition: all 200ms cubic-bezier(0.19, 1, 0.22, 1) 0s;
} */
/************ code for city network ends here ***********/
/******************** code for sign up ************************/
@media only screen and (max-width: 650px) {
.us2020_signUp_form input {
width: 80%;
margin:auto;
}
/* .signup-button.form-submit{
margin: 3% 17% 3% auto !important;
width: 80%;
} */
/* .signup-button.form-submit:hover{
margin: 3% 17% 3% auto !important;
width: 80%;
} */
.us2020_signUp_form.signup-button{
width: 20%!important;
margin:auto;
}
a.signUp_goback_Button {
width: 80%;
margin: 3% 17% 3% auto !important;
}
a.signUp_goback_Button:hover {
width: 80%;
margin: 3% 17% 3% auto !important;
}
.us2020_signUp_form.signUp_goback_Button{
width: 20%!important;
margin:auto;
}
}
.signup-button{
padding-top: 2%;
top: 60px;
right: 0;
width: 20%;
/* width: 100%; */
border: none;
background: #4a90e2;
color: #1a2730;
border-radius: 3px;
/*  padding: 0 35px; */
height: 50px;
line-height: 52px;
overflow: visible;
cursor: pointer;
font: 16px 'Roboto', 'Helvetica Neue', Helvetica, sans-serif;
font-weight: bold;
letter-spacing: 1.32px;
text-transform: uppercase;
float: right;
padding-top:1%;
margin-right: 23%;
margin: 2%;
width: 40%;
text-align: center;
padding: 3%;
}
.signup-button:hover{
padding-top: 2%;
top: 30px;
right: 0;
width: 20%;
/* width: 100%; */
border: none;
background: #BEB86C;
color: #1a2730;
border-radius: 3px;
border-top-left-radius: 0;
border-top-right-radius: 0;
/*  padding: 0 35px; */
height: 50px;
line-height: 52px;
overflow: visible;
padding-top:1%;
cursor: pointer;
font: 16px 'Roboto', 'Helvetica Neue', Helvetica, sans-serif;
font-weight: bold;
letter-spacing: 1.32px;
text-transform: uppercase;
float: right;
margin-right: 23%;
margin: 2%;
width: 40%;
text-align: center;
padding: 3%;
}
@media only screen and (max-width: 500px) {
.signup-button{
padding: 0 10px !important;
width: 20%;
}
.signup-button:hover{
padding: 0 10px !important;
width: 20%;
}
}
/************** Bug fixing for profile page code starts here ******/
.myprofile-input-group input[type="text"], .myprofile-input-group input[type="password"]{
padding: 9px 9px 9px 13px!important;
}
/************** Bug fixing for profile page code ends here ******/
/* .field_email_subscription{
position: relative;
padding: 15px;
max-width: 600px;
} */
/* Webkit */
.field_email_subscription::-webkit-input-placeholder {
color:rgba(255,255,255,.75)! important;
} /* #81807E; */
/* Firefox 4-18 */
.field_email_subscription::-moz-placeholder {
color:rgba(255,255,255,.75)! important;
}
/* Firefox 19+ */
.field_email_subscription::-moz-placeholder {
color:rgba(255,255,255,.75)! important;
}
/* IE10+ */
.field_email_subscription::-ms-input-placeholder {
color:rgba(255,255,255,.75)! important;
}
/**************** For checkbox in signup *********************/
input#edit-terms-of-use,#condition_onLogin {
content: '';
background-image: -webkit-radial-gradient(50% 50%,#22323e,#1a2730);
background-image: -webkit-radial-gradient(50% 50%,#22323e,#1a2730);
background-image: radial-gradient(50% 50%,#22323e,#1a2730) ;
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
padding: 2px;
text-align: center;
border-radius: 3px;
float: left;
/*  margin: 6% auto auto 6%; */
}
.form-item.form-type-checkbox.form-item-terms-of-use{
width: 100%;
margin:auto;
}
/* .signup-button.form-submit{
margin:2% ;
width: 40%;
} */
/* CSS for Term and Condition starts here */
#termCondition_facebook .modal-close,#termCondition_modified .modal-close{
right: 21%;
top: 18%;
}
@media only screen and (max-width: 574px){
#termCondition_facebook .modal-close,#termCondition_modified .modal-close{
right: 9%;
top: 18%;
}
}
#termCondition_facebook .terms-submit,#termCondition_modified .terms-submit{
margin:5px 0px;
}
#termCondition_facebook .terms-header,#termCondition_modified.terms-header{
margin:10px 0px;
}
#termCondition_facebook .terms-header span,#termCondition_modified .terms-header span{
/* color: #c1313b; */
line-height: normal;
font-size: 1.4em;
font-weight: 700;
}
.term-condition{
cursor:pointer;
}
#termCondition_facebook .terms-body .terms-text,#termCondition_modified .terms-body .terms-text{
line-height: normal;
font-weight: 700;
}
#termCondition_facebook .checkbox-custom+.checkbox-custom-label,#termCondition_modified .checkbox-custom+.checkbox-custom-label{
background: #ece9e3;
border: 1px solid #d0c8ba;
}
#termCondition_facebook .checkbox-custom:checked+.checkbox-custom-label:before,#termCondition_modified.checkbox-custom:checked+.checkbox-custom-label:before{
color:#000;
}
@media only screen and (min-width: 875px){
#termCondition_facebook,#termCondition_modified{
left: 27%;
width: 46%;
top:27%;
height:46%;
}
#termCondition_facebook .modal-close,	#termCondition_modified.modal-close{
right: 28%;
top: 28%;
}
}
@media only screen and (min-width: 575px){
#termCondition_facebook,#termCondition_modified{
left: 22%;
width: 56%;
top:27%;
height:46%;
}
}
#termCondition_facebook,#termCondition_modified{
top:20%;
height:70%;
}
/****************** code for forget password starts here ********************/
form.us2020_Password_reset div {
text-align: center !important;
margin: 2% 2% 2% 2% !important;
}
.button_reset {
top: 30px;
right: 0;
width: 250px;
border: none;
background: #4a90e2;
color: #1a2730;
border-radius: 3px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
height: 50px;
line-height: 52px;
overflow: visible;
-webkit-appearance: button;
cursor: pointer;
font: 16px 'Roboto', 'Helvetica Neue', Helvetica, sans-serif;
font-weight: bold;
letter-spacing: 1.32px;
text-transform: uppercase;
}
.button_reset:hover {
top: 30px;
right: 0;
width: 250px;
border: none;
background: #BEB86C;
color: #1a2730;
border-radius: 3px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
height: 50px;
line-height: 52px;
overflow: visible;
-webkit-appearance: button;
cursor: pointer;
font: 16px 'Roboto', 'Helvetica Neue', Helvetica, sans-serif;
font-weight: bold;
letter-spacing: 1.32px;
text-transform: uppercase;
}
/******************** code for forget password ends here *****************/
/****************** code for find an opportunity count starts here **************/
.NextFour {
color: #000;
font-weight: 900;
padding: 2%;
}
.firstDefaultFour{
color: #000;
font-weight: 900;
padding: 2%;
}
.noOFEventStatus {
text-align: center;
background: #fff;
}
/****************** code for find an opportunity count ends here **************/
/************************* code for 50 miles criteria starts here ***************/
.showmore{
color: #53a0fd;
text-decoration: none;
border-bottom: 3px solid;
}
.showmore:hover{
cursor:pointer;
}
.miles{
color: #B0B2B4;
background: rgba(85,93,99,.8);
width: 11%;
text-align: left;
padding-top: 1%;
padding-left: 1%;
margin-bottom: 2%;
margin-left: 45%;
border-radius: 10px;
display: none;
}
@media screen and (max-width: 1020px) {
.miles{
width: 17%;
margin-left: 42%;
}
}
@media screen and (max-width: 600px) {
.miles{
width: auto;
/* margin-left: 37%; */
margin: auto 25% auto 25%;
padding: 2% 0 2% 5%;
}
}
/************************* code for 50 miles criteria starts here ***************/
/******************* code for sma starts here **************************/
.smaLogo {
margin: auto;
text-align: center;
}
.smaIntro  {
text-align: center;
margin: 1% 10% 1% 10%;
font-weight:700;
}
.smatitle {
clear: both;
text-align: center;
margin: 1% 10% 2% 11%;
font-weight: 700;
font-size:20px;
}
.smaRedirection {
clear: both;
text-align: center;
padding: 10px;
margin: 28px 0px 0px 0px;
}
.smaRedirection span {
clear: both;
text-align: center;
margin: auto;
font-weight: 700;
font-size:20px;
}
.smaImgCntnt {
width: 98%;
margin: auto;
clear:both;
text-align:justify;
color:#fff;
}
.smaImgCntnt a {
color:#fff;
text-decoration: underline;
}
.smaImgCntnt a:hover{
color:#ef4659;
cursor: pointer;
/* text-decoration: underline; */
}
.smaImgCntnt img {
width: 48%;
margin: auto;
margin-top:2%;
height: 450px;
}
.sma_para {
width: 48%;
float: right;
margin-top:2%;
}
.smaImgCntntSecnd {
width: 48%;
float: left;
margin-top:2%;
margin-right:2%;
}
.smaImgCntnt_InerCntnr {
clear: both;
}
@media screen and (max-width: 800px) {
.smaImgCntnt{
width:90%;
margin:auto;
}
.smaImgCntnt img {
width:100%;
}
.sma_para,.smaImgCntntSecnd{
width:100%;
}
.smaLogo {
width:90%;
margin: auto;
}
}
/******************* code for sma ends here **************************/
/******************* code for save to favorite code starts here **************************/
.save_to_fav_dashboard {
border-bottom:0px !important;
color:#ef4659 !important
}
/******************* code for save to favorite code ends here **************************/
/********************** code for slide in terms and condition starts here ************/
div#slide_account_container {
margin-bottom: 10px;
margin-top: 25px;
}
.role_terms_header{
margin-top: 3px;
margin-bottom:6px !important;
font-weight: bold !important;
font-size: 18px !important;
}
.top_gap{
margin-top:15px;
}
/********************** code for slide in terms and condition ends here ************/
/************** code for disable icon in terms and condition modal window starts here *********************/
@media screen and (max-width: 923px) {
.disable_icon{
display:none !important;
}
}
/************** code for disable icon in terms and condition modal window ends here*********************/
/******************* code for  Create listing:Text "Others(specify)"and "List all that apply" overlap and select range bug fixing starts here ********/
.checkbox-other-input-margin{
margin-top:9px;
}
.form .select-container--width {
width: 125px !important;
}
/******************* code for  Create listing:Text "Others(specify)"and "List all that apply" overlap and select range bug fixing ends here ********/
/********** Code for sma button starts here ***************/
div.sma_btn_low_resolution{
display:none;
}
div.sma_btn_high_resolution{
text-align: center;
}
@media screen and (max-width: 475px) {
div.sma_btn_high_resolution{
display:none;
text-align: center;
}
div.sma_btn_low_resolution{
display:block;
text-align: center;
}
}
/********** Code for sma button ends here ***************/