/*
	Theme Name: StartupAZ Collective
	Theme URI: http://startupaz.com
	Description: Custom, naturally.
	Version: 1.0.0
	Author: Little Taller
	Author URI: http://littletaller.com

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

body.emergeaz .logo-img {
    max-width: 340px;
    margin: 0 auto;
}

/* universal form styles for sign up/resgister forms on template-public */
.page-template-template-public .ui-datepicker {
  height: 0px !important;
  width: 0px !important;
}

#login .login-form {
  padding: 0;
}

#login .login-form form {
  max-width: 430px !important;
}

/** make dropdowns universal on safari **/
#login .login-form .gform_body select {
display: block !important;
font-size: 1em !important;
font-family: sans-serif !important;
font-weight: 500 !important;
text-transform: uppercase !important;
color: #6e6e6e !important;
line-height: 1.2 !important;
padding: 11px 0 9px 15px !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
margin: 0 !important;
border: 1px solid #ABABAB !important;
box-shadow: none !important;
border-radius: 3px !important;
-moz-appearance: none !important;
-webkit-appearance: none !important;
appearance: none !important;
background-color: #fff !important;
background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
  linear-gradient(to bottom, #ffffff 0%,#ffffff 100%) !important;
background-repeat: no-repeat, repeat !important;
background-position: right .7em top 50%, 0 0 !important;
background-size: .65em auto, 100% !important;
}

#login .gform_wrapper .gfield_required {
  display: none !important;
}

#login .gform_wrapper .gfield_description {
    padding-bottom: 0 !important;
}

#login .gfield_checkbox li input, #login .gfield_checkbox li input[type=checkbox],
#login .gfield_checkbox li input, #login .gfield_checkbox li input[type=checkbox]  {
 padding: 10px !important;
}

#login .gform_wrapper ul.gfield_checkbox li label {
    margin-top: 4px !important;
}

#login .ginput_container_checkbox {
    margin-bottom: 10px !important;
    display: inline-block !important;
}

#login .gfield_checkbox {
    margin-top: -5px !important;
}

#login .gfield_checkbox li {
  width: 50%;
  float: left;
}


#login .login-form .gform_body select::-ms-expand {
display: none !important;
}
#login .login-form .gform_body select:hover {
border-color: #ABABAB !important;
}
#login .login-form .gform_body select:focus {
border-color: #ABABAB !important;
box-shadow: none !important;
color: #6e6e6e !important;
outline: none !important;
}
#login .login-form .gform_body select option {
font-weight: normal !important;
}

/* title */
#login .h1 {
font-family: 'Titillium Web' !important;
font-style: normal!important;
font-weight: bold!important;
font-size: 32px!important;
line-height: 40px!important;
color: #000000;
}

/* text */
#login body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html{
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 16px;
width: 343px;
}

#login .gform_wrapper li.gfield_html{
max-width: 543px;
}

/* field titles */
#login .gform_wrapper .top_label .gfield_label, #login .gform_wrapper legend.gfield_label{
font-family: Roboto;
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 24px;
display: flex;
align-items: center;
color: #000000;
width: 100%;
}

/* section titles */
#login .gform_wrapper .gsection .gfield_label, #login .gform_wrapper h2.gsection_title, #login .gform_wrapper h3.gform_title{
font-family: 'Roboto';
font-style: italic;
font-weight: bold;
font-size: 18px;
line-height: 24px;
display: flex;
align-items: center;
color: #000000;
}

#login .gform_wrapper h2.gsection_title, #login .gform_wrapper h3.gform_title {
  color: #464646 !important;
}

#login .gform_wrapper .gsection {
  margin-bottom: -20px;
  margin-top: 35px;
  color: #000000;
}

/* if title need to be orange, use .orange-title class */
#login .orange-title .gfield_label {
  font-family: 'Roboto'!important;
  font-style: italic!important;
  font-weight: normal!important;
  font-size: 16px!important;
  line-height: 24px!important;
  color: #FF8C00!important;
}

/* input filed boxes */
#login  input[type=text], #login input[type=email]{
width: 343px!important;
height: 45px!important;
left: 0px!important;
top: 23px!important;
border: 1px solid #ABABAB!important;
box-sizing: border-box!important;
border-radius: 5px!important;
}

#login .gform_wrapper .gsection {
  border-bottom: none;
}


/* grey line in fields */
#login input[type=text], #login input[type=password], #login input[type=email]{
border-bottom: none;
}


/* URL title's (not working) */
#login #input_1_9 .gfield_label{
font-family: 'Roboto';
font-style: italic;
font-weight: normal;
font-size: 16px;
line-height: 24px;
color: #FF8C00;
}

/* drop downs */
#login .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_left select, #login .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_right select, #login .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select{
width: 100%!important;
height: 45px;
left: 0px;
top: 32px;
background: #FFFFFF;
border: 1px solid #ABABAB;
box-sizing: border-box;
border-radius: 5px;
}

body #login .gform_wrapper .top_label div.ginput_container{
margin-left: 1px!important;
}


/* larger text box */
#login .gform_wrapper textarea.medium{
width: 100% !important;
height: 85px;
left: 0px;
top: 23px;
border: 1px solid #ABABAB;
box-sizing: border-box;
border-radius: 5px;
}


#login .gform_wrapper .ginput_complex.ginput_container_address .ginput_left{
width: 100% !important;
padding-right: 0 !important;
margin-right: 0 !important;
}

#login .gform_wrapper .ginput_complex.ginput_container_address .ginput_right {
  margin-right: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}

/* bottom boarder of fields */
#login .login-form input[type=text],  #login .login-form input[type=password], #login .login-form input[type=email]{
border-bottom: 1px solid #ABABAB;
}

#login label .gfield_label .input_1_9{
font-family: Roboto;
font-style: italic;
font-weight: normal;
font-size: 16px;
line-height: 24px;
color: #FF8C00;
}

/* button */
#login .login-form input[type=submit]{
background: #464646;
border-radius: 100px;
margin-bottom: 40px;
}

#login .login-form:hover input[type=submit]{
background: #464646;
border-radius: 100px;
}

/* url headers */
#login label[for="input_1_9"]{
font-family: Roboto!important;
font-style: italic!important;
font-weight: normal!important;
font-size: 16px!important;
line-height: 24px!important;
color: #FF8C00!important;
}

#login label[for="input_1_10"]{
font-family: Roboto!important;
font-style: italic!important;
font-weight: normal!important;
font-size: 16px!important;
line-height: 24px!important;
color: #FF8C00!important;
}

#login label[for="input_1_11"]{
font-family: Roboto!important;
font-style: italic!important;
font-weight: normal!important;
font-size: 16px!important;
line-height: 24px!important;
color: #FF8C00!important;
}

#login label[for="input_1_12"]{
font-family: Roboto!important;
font-style: italic!important;
font-weight: normal!important;
font-size: 16px!important;
line-height: 24px!important;
color: #FF8C00!important;
}


/* finance field headers */

#login label[for="input_1_37"]{
font-family: Roboto!important;
font-style: italic!important;
font-weight: normal!important;
font-size: 16px!important;
line-height: 24px!important;
color: #FF8C00!important;
width: 391px!important;
}

#login label[for="input_1_26"]{
font-family: Roboto!important;
font-style: italic!important;
font-weight: normal!important;
font-size: 16px!important;
line-height: 24px!important;
color: #FF8C00!important;
width: 391px!important;
}

#login label[for="input_1_27"]{
font-family: Roboto!important;
font-style: italic!important;
font-weight: normal!important;
font-size: 16px!important;
line-height: 24px!important;
color: #FF8C00!important;
width: 391px!important;
}

#login label[for="input_1_28"]{
font-family: Roboto!important;
font-style: italic!important;
font-weight: normal!important;
font-size: 16px!important;
line-height: 24px!important;
color: #FF8C00!important;
width: 391px!important;
}

#login label[for="input_1_29"]{
font-family: Roboto!important;
font-style: italic!important;
font-weight: normal!important;
font-size: 16px!important;
line-height: 24px!important;
color: #FF8C00!important;
width: 100%!important;
}

#login label[for="input_1_30"]{
font-family: Roboto!important;
font-style: italic!important;
font-weight: normal!important;
font-size: 16px!important;
line-height: 24px!important;
color: #FF8C00!important;
width: 100%!important;
}

#login label[for="input_1_43"]{
font-family: Roboto!important;
font-style: italic!important;
font-weight: normal!important;
font-size: 16px!important;
line-height: 24px!important;
color: #FF8C00!important;
width: 100%!important;
}


/* grey text under fields */
#login body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html{
font-family: Roboto;
font-style: normal;
font-weight: 300;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.03em;

}


#login li#field_1_38{
color: #ABABAB!important;
}

#login li#field_1_39{
color: #ABABAB!important;
}

#login li#field_1_40{
color: #ABABAB!important;
}




/*image*/
#login li#field_1_41{
width: 300px;
height: auto;
left: 531px;
top: 122px;
margin-bottom: 50px;
color: #FF8C00;
}


#login li#field_1_35{
color: #000000!important;
}

/* got rid of registration at the top */
#login .gform_wrapper .gform_heading{
display: none;
}

/* back button at the top */
#login li#field_1_42{
font-family: Font Awesome 5 Pro!important;
font-style: normal!important;
font-weight: normal!important;
font-size: 12px!important;
line-height: 16px!important;
color: #FF8C00!important;
}


/* left margin for form */
#login .gform_wrapper{
width: auto !important;
height: 100vh;
overflow-y : scroll;
overflow-x: hidden;
text-overflow: ellipsis;
}


#login section, #login .container-fluid {
  overflow: hidden;
}



@media only screen and (max-width: 992px) {

/* #login section, #login .container-fluid {
  overflow: unset !important;
} */

#login .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_left select, #login .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_right select, #login .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select{
width: 100%!important;
}
}

@media only screen and (max-width: 992px) {
#login .login-form input[type=text], #login .login-form input[type=password], #login .login-form input[type=email]{

}
}

@media only screen and (min-width : 641px) and (max-width : 765px){
#login input#input_1_7_4{
   width: 203%!important;
 }
}

@media only screen and (max-width: 641px) {
  #login .ginput_container_checkbox {
      width: 100% !important;
  }
}


@media only screen and (max-width: 767px) {

#login .gfield_checkbox li {
    width: 100% !important;
    float: none !important;
}

#login .gform_wrapper .ginput_complex.ginput_container_address .ginput_left{
  width: 100%!important;
}

#login input#input_1_7_4{
  width: 100%!important;
}

#login .gform_wrapper textarea.medium{
  width: 100%!important;
}

#login .gform_wrapper .top_label .gfield_label, #login .gform_wrapper legend.gfield_label{
  width: 100%!important;
}

#login input[type=text],  #login input[type=email]{
  width: 343px;
}


 #login section,  #login .container-fluid {
  overflow: initial;
}

/* left margin for form */
#login .gform_wrapper{
width: auto!important;
height: unset;
overflow: visible!important;
}


/* image centered */
 #login .presentation{
  height: 72vh;
}

#login img{
  margin-right: 0px;
}

body.emergeaz .logo-img {
    max-width: inherit;
}

 #login .login-form{
  width: 100%!important;
  }
}

#login input[type=text], input[type=email]{
width: 100%!important;
}



@media only screen and (max-width: 430px) {

#login section, #login .container-fluid {
  overflow: initial;
}

 #login  input[type=text],  input[type=email]{
  width: 100%;
}

#login input#input_1_7_4{
  width: 100%!important;
}

  /* image centered */
#login .presentation{
  height: 60vh;
}

/* text */
#login body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html{
width: 100%;
}

#login .gform_wrapper li.gfield_html{
max-width: 100%;
}

/* field titles */
#login .gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label{
width: 100%;
}
/* input filed boxes */
#login .login-form input[type=text], #login .login-form input[type=password], #login .login-form input[type=email]{

}

/* drop downs */
#login .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_left select, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_right select, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select{
width: 100%!important;

}


/* larger text box */
#login .gform_wrapper textarea.medium{
width: 100%;
}


#login .gform_wrapper .ginput_complex.ginput_container_address .ginput_left{
width: 100%;
}

/* finance field headers */

#login label[for="input_1_37"]{
width: 100%!important;
}

#login label[for="input_1_26"]{
width: 100%!important;
}

#login label[for="input_1_27"]{
width: 100%!important;
}

#login label[for="input_1_28"]{
width: 100%!important;
}

#login label[for="input_1_29"]{
width: 100%!important;
}

#login label[for="input_1_30"]{
width: 100%!important;
}

}
/* end universal form styles for template-public */

/* performance.startup.org/login and performance.startup.org/register form */
body.login #login .login-form h1, body.register #login .login-form h1 {
    max-width: 366px !important;
    margin: 0 auto !important;
    margin-bottom: 20px !important;
}

body.login #login .login-form .um_login_form, body.register #login .login-form .um_user_form {
    max-width: 366px !important;
    margin: 0 auto !important;
}

body.login #login .login-form label.pf_label {
    font-style: italic !important;
    font-size: 14px !important;
    top: 20px !important;
    font-weight: normal !important;
    padding-left: 0 !important;
    margin-top: 13px !important;
}

body.login #login .login-form input[type=text], body.login #login .login-form input[type=password], body.login #login .login-form input[type=email], body.register #login .login-form input[type=text], body.register #login .login-form input[type=password],
body.register #login .login-form input[type=email] {
  width: 100% !important;
  font-size: 16px !important;
  border: none !important;
  border-bottom: 2px solid #ABABAB !important;
  border-radius: 0px !important;
  background: white !important;
  font-size: 16px !important;
  font-family: "Roboto" sans-serif !important;
  padding: 2px !important;
  color: black;
}

body.login #login .login-form input[type=text], body.register #login .login-form input[type=text], body.register #login .login-form input[type=email] {
    height: unset !important;
}


body.login #login a[class*="lostpassword"] {
  max-width: 366px !important;
  margin: 0 auto !important;
  display: block !important;
}

body.login #login .login-form input[type=submit], body.register #login .login-form input[type=submit] {
  background-color: #FF8C00;
  padding: 10px 50px;
  font-size: 16px;
  color: white;
  font-weight: bold;
  border-radius: 100px;
  margin-bottom: 0;
}

body.login #login .login-form input[type=submit]:hover , body.register #login .login-form input[type=submit]:hover {
    background-color: RGBA(255, 140, 0, 0.75);
}

body.login #login p {
  max-width: 366px !important;
  margin: 0 auto !important;
}

body.login #login form p {
    max-width: unset !important;
    margin: initial !important;
    margin-bottom: 10px !important;
}

body.login #login .um_lostpass_form  {
  max-width: 366px !important;
  margin: 0 auto !important;
}

body.register .login-form .um_field_container {
  max-width: 366px !important;
  margin: 0 auto !important;
  margin-top: 10px !important;
}
#login .gform_wrapper h2.gsection_title,
#login .gform_wrapper .top_label .gfield_label,
#login .gform_wrapper legend.gfield_label {
    font-style: normal !important;
    font-weight: 300 !important;
    color: #000000 !important;
}