html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: 'Open Sans', sans-serif;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

html{
	height: 100%;
}

*{
	margin: 0;
	padding: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


a, a:visited, a:focus, a:active, a:hover{
    outline:0 none !important;
    text-decoration: none;
}

button, button:visited, button:focus, button:active, button:hover{
    outline:0 none !important;
}


body{
  background: rgb(0,114,74); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(0,114,74,1) 0%, rgba(26,82,85,1) 41%, rgba(26,82,85,1) 57%, rgba(0,104,56,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,114,74,1)), color-stop(41%,rgba(26,82,85,1)), color-stop(57%,rgba(26,82,85,1)), color-stop(100%,rgba(0,104,56,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(0,114,74,1) 0%,rgba(26,82,85,1) 41%,rgba(26,82,85,1) 57%,rgba(0,104,56,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(0,114,74,1) 0%,rgba(26,82,85,1) 41%,rgba(26,82,85,1) 57%,rgba(0,104,56,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(0,114,74,1) 0%,rgba(26,82,85,1) 41%,rgba(26,82,85,1) 57%,rgba(0,104,56,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(0,114,74,1) 0%,rgba(26,82,85,1) 41%,rgba(26,82,85,1) 57%,rgba(0,104,56,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00724a', endColorstr='#006838',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#login{
  width: unset;
  width: initial;
}

#loginform, #lostpasswordform{
  background: transparent !important;
}

#loginform label, #lostpasswordform label{
  color: white;
}

#login .message{
  color: white;
}
.login #backtoblog a, .login #nav a{
  color: white !important;
}

.login h1 a{
  background-image: url("../cstt-_logo_01.png");
  background-size: 150px auto;
  height: 150px;
  width: 150px;
}

.wp-core-ui .button-primary {
  background: rgb(0,114,74); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(0,114,74,1) 0%, rgba(26,82,85,1) 41%, rgba(26,82,85,1) 57%, rgba(0,104,56,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,114,74,1)), color-stop(41%,rgba(26,82,85,1)), color-stop(57%,rgba(26,82,85,1)), color-stop(100%,rgba(0,104,56,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(0,114,74,1) 0%,rgba(26,82,85,1) 41%,rgba(26,82,85,1) 57%,rgba(0,104,56,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(0,114,74,1) 0%,rgba(26,82,85,1) 41%,rgba(26,82,85,1) 57%,rgba(0,104,56,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(0,114,74,1) 0%,rgba(26,82,85,1) 41%,rgba(26,82,85,1) 57%,rgba(0,104,56,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(0,114,74,1) 0%,rgba(26,82,85,1) 41%,rgba(26,82,85,1) 57%,rgba(0,104,56,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00724a', endColorstr='#006838',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
border: 1px solid white !important;
border-radius: 0 !important;
box-shadow: none;
}

.wp-core-ui .button-primary:hover{
    background-color: rgba(26,82,85,1);
}

#logo{
	height: 120px;
	width: 120px;
	position: relative;
	margin: 50px auto 20px auto;

}

#logo a{
	position: absolute;
  background-image: url("../cstt-_logo_01.png");
  background-size: 120px auto;
  background-repeat: no-repeat;
  height: 120px;
  width: 120px;
}

#wpmem_login{
	background: rgba(255,255,255,0.5) !important;
}

#wpmem_msg{
	background: rgba(255,255,255,0.5) !important;
	margin-bottom: 20px !important;
	margin-top: 20px !important;
}

#wpmem_login input[type="submit"]{
	background: rgb(0,114,74) !important; /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(0,114,74,1) 0%, rgba(26,82,85,1) 41%, rgba(26,82,85,1) 57%, rgba(0,104,56,1) 100%)!important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,114,74,1)), color-stop(41%,rgba(26,82,85,1)), color-stop(57%,rgba(26,82,85,1)), color-stop(100%,rgba(0,104,56,1))) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(0,114,74,1) 0%,rgba(26,82,85,1) 41%,rgba(26,82,85,1) 57%,rgba(0,104,56,1) 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(0,114,74,1) 0%,rgba(26,82,85,1) 41%,rgba(26,82,85,1) 57%,rgba(0,104,56,1) 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(0,114,74,1) 0%,rgba(26,82,85,1) 41%,rgba(26,82,85,1) 57%,rgba(0,104,56,1) 100%) !important; /* IE10+ */
background: linear-gradient(135deg,  rgba(0,114,74,1) 0%,rgba(26,82,85,1) 41%,rgba(26,82,85,1) 57%,rgba(0,104,56,1) 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00724a', endColorstr='#006838',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */
	color: white !important;
	border: none !important;
}

#wpmem_login input[type="submit"]:hover{
	background: rgba(0,114,74,1) !important;
	border: none !important;
}

.loginRegistered{
  position: relative;
  margin: auto;
  width: 700px;
  text-align: center;
  background: rgba(255,255,255,0.5);
  padding: 20px 0px 20px 0px;
  color: white;

}

.homeRedirect{
  padding: 5px;
  background: rgb(0,114,74) !important; /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(0,114,74,1) 0%, rgba(26,82,85,1) 41%, rgba(26,82,85,1) 57%, rgba(0,104,56,1) 100%)!important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,114,74,1)), color-stop(41%,rgba(26,82,85,1)), color-stop(57%,rgba(26,82,85,1)), color-stop(100%,rgba(0,104,56,1))) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(0,114,74,1) 0%,rgba(26,82,85,1) 41%,rgba(26,82,85,1) 57%,rgba(0,104,56,1) 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(0,114,74,1) 0%,rgba(26,82,85,1) 41%,rgba(26,82,85,1) 57%,rgba(0,104,56,1) 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(0,114,74,1) 0%,rgba(26,82,85,1) 41%,rgba(26,82,85,1) 57%,rgba(0,104,56,1) 100%) !important; /* IE10+ */
background: linear-gradient(135deg,  rgba(0,114,74,1) 0%,rgba(26,82,85,1) 41%,rgba(26,82,85,1) 57%,rgba(0,104,56,1) 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00724a', endColorstr='#006838',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */
  color: white !important;
  border: 2px solid white;
}


.login_wid{
  width: 700px;
  margin: auto;
  background-color: rgba(255,255,255,0.5);
  font-family: 'Open Sans', sans-serif;
  padding: 20px;
}

.login_wid li{
  width: 274px;
  margin: 10px auto 10px auto;
  color: white;
}

.login_wid li:nth-child(5){
  margin-top: 20px 0px 20px 0px;
}

.login_wid li:nth-child(8){
  height: 50px;
}

.error_wid_login{
  width: 700px !important;
margin: auto auto 20px;
position: absolute;
left: 0px;
right: 0px;
background-color: rgba(255,255,255,0.5) !important;
color: rgba(26,82,85,1) !important;
text-align: center;
border: none !important;
}

.login_wid input[name="login"]{
  width: 80px;
  height: 50px;
  background: rgb(0,114,74) !important; /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(0,114,74,1) 0%, rgba(26,82,85,1) 41%, rgba(26,82,85,1) 57%, rgba(0,104,56,1) 100%)!important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,114,74,1)), color-stop(41%,rgba(26,82,85,1)), color-stop(57%,rgba(26,82,85,1)), color-stop(100%,rgba(0,104,56,1))) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(0,114,74,1) 0%,rgba(26,82,85,1) 41%,rgba(26,82,85,1) 57%,rgba(0,104,56,1) 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(0,114,74,1) 0%,rgba(26,82,85,1) 41%,rgba(26,82,85,1) 57%,rgba(0,104,56,1) 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(0,114,74,1) 0%,rgba(26,82,85,1) 41%,rgba(26,82,85,1) 57%,rgba(0,104,56,1) 100%) !important; /* IE10+ */
background: linear-gradient(135deg,  rgba(0,114,74,1) 0%,rgba(26,82,85,1) 41%,rgba(26,82,85,1) 57%,rgba(0,104,56,1) 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00724a', endColorstr='#006838',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */
  color: white !important;
  border: none !important;
  float: right;
}

.login_wid input[name="login"]:hover{
  border: 1px solid white !important;
}

.login_wid input[name="user_username"], .login_wid input[name="user_password"]{
  font-size: 24px;
  height: 40px;
  border: 1px solid #DDD;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.07) inset;
background-color: #FFF;
color: #333;
outline: 0px none;
transition: border-color 0.05s ease-in-out 0s;
width: 100%;
}

.login_wid input[name="forgot"]{
  width: 80px;
  height: 50px;
  background: rgb(0,114,74) !important; /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(0,114,74,1) 0%, rgba(26,82,85,1) 41%, rgba(26,82,85,1) 57%, rgba(0,104,56,1) 100%)!important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,114,74,1)), color-stop(41%,rgba(26,82,85,1)), color-stop(57%,rgba(26,82,85,1)), color-stop(100%,rgba(0,104,56,1))) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(0,114,74,1) 0%,rgba(26,82,85,1) 41%,rgba(26,82,85,1) 57%,rgba(0,104,56,1) 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(0,114,74,1) 0%,rgba(26,82,85,1) 41%,rgba(26,82,85,1) 57%,rgba(0,104,56,1) 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(0,114,74,1) 0%,rgba(26,82,85,1) 41%,rgba(26,82,85,1) 57%,rgba(0,104,56,1) 100%) !important; /* IE10+ */
background: linear-gradient(135deg,  rgba(0,114,74,1) 0%,rgba(26,82,85,1) 41%,rgba(26,82,85,1) 57%,rgba(0,104,56,1) 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00724a', endColorstr='#006838',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */
  color: white !important;
  border: none !important;
  float: right;
}

.login_wid input[name="forgot"]:hover{
  border: 1px solid white !important;
}

.forgot_pass li:nth-child(3){
  height: 50px;
}

.login_wid input[name="cptch_number"]{
  color: black !important;
}

.success_wid_login{
  width: 700px;
background-color: rgba(255, 255, 255, 0.5) !important;
margin: auto;
text-align: center;
color: #1A5255;
padding: 5px;
}

.error_captcha{
  width: 100%;
background-color: rgba(255,255,255,0.5);
text-align: center;
padding: 5px;
color: rgba(0,114,74,1);
}

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

  .loginRegistered{
  width: 100%;

  }

  .login_wid{
    width: 300px;
    padding: 5px;
  }

  .error_wid_login{
  width: 300px !important;
  }

  .success_wid_login{
    width: 300px;
  }
  #wp-auth-check{
      width: 320px !important;
  }
#wp-auth-check-wrap #wp-auth-check {
    width: 320px!important;
    position: absolute !important;
    margin: auto !important;
    bottom: initial !important;
    bottom: unset !important;
    left: 0 !important;
    right: 0;
    height: 494px;
  }

}


@media (min-width: 720px) {

  #login{
    width: 400px !important;
  }

}