:root{
/*Colors*/
--BGWhite:hsla(0,0%,98%,1);
--BGWhiteHover:hsla(0,0%,97%,1);
--aqua:hsla(165,86%,35%,1);
--aqua60:hsla(165,86%,35%,.6);
--black:hsla(0,0%,0%,1);
--blue:hsla(218,57%,25%,1);
--blue60:hsla(218,57%,25%,.6);
--blue80:hsla(218,57%,25%,.8);
--blue90:hsla(218,57%,25%,.9);
--bluedark:hsla(218,57%,15%,1);
--bluegrey:hsla(218,27%,64%,1);
--bluegreydark:hsla(218,27%,44%,1);
--bluegreylight:hsla(218,48%,93%,1);
--bluegreysuperlight:hsla(218,78%,98%,1);
--Distingo:hsla(202,7%,32%,1);
--DistingoTitle:hsla(203,10%,32%,1);
--greylight:hsla(205,16%,85%,1);
--greylight25:hsla(205,16%,85%,.25);
--greylight50:hsla(205,16%,85%,.5);
--Tepeek:hsla(207,11%,36%,1); /*#525D66*/
--TepeekBlue:hsla(206,25.9%,94.7%,1);
--TepeekDark:hsla(210,13%,18%,1);
--TepeekDark20:hsla(210,13%,18%,.2);
--white15:hsla(0,0%,100%,.15);
--white30:hsla(0,0%,100%,.3);
--white60:hsla(0,0%,100%,.6);
--white75:hsla(0,0%,100%,.75);
--white90:hsla(0,0%,100%,.9);
--white95:hsla(0,0%,100%,.95);
--white:hsla(0,0%,100%,1);
--ombreBlack:hsla(0,0%,0%,.2);
--ombreBlack03:hsla(0,0%,0%,.3);
--ombreBlack005:hsla(0,0%,0%,.05);
--ombreBlue:hsla(218,57%,25%,.2);
--ombreBluestrong:hsla(218,57%,25%,.1);
--ombreBluelight:hsla(218,57%,25%,.08);
--ombreGrisstrong:hsla(0,0%,56.5%,.1);
--ombreGrislight:hsla(0,0%,56.5%,.08);
--fa-primary-color:inherit;
--fa-secondary-color:inherit;

/*Gradients*/
--tepeek-grad:linear-gradient(to bottom,var(--Tepeek),var(--TepeekDark));
--hero-grad:linear-gradient(to bottom,var(--blue60),var(--blue90));
--header-grad:linear-gradient(to bottom,var(--blue80),var(--blue90));
--home-services-grad:linear-gradient(to bottom,var(--aqua),var(--blue));
--subcontent-grad:linear-gradient(125deg,hsla(0,0%,100%,1) 60%,var(--BGWhite) 60%);
--testimonials-grad:radial-gradient(hsla(218,46%,35%,1),hsla(218,46%,15%,1));
--fa-primary-opacity:inherit;
--fa-secondary-opacity:inherit;

/*Transitions*/
--dd-transition-default: all 150ms ease-out;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
:before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    font-family: 'Lato','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #5A5F6C;
    background-color: var(--BGWhite);
}
body {
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.form-control, input[type="text"], input[type="tel"], input[type="email"], input[type="password"], input[type="date"], textarea, select {
    display: block;
    padding: 8px 16px;
    color: #6c6e73;
    background-color: #fff;
    background-image: none;
    border: 2px solid rgba(0,0,0,.1);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin: 0;
    width: 100%;
    height: 7rem;
    font-size: 1em;
    outline: none !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.alert,
#login .message,
#login #login_error {
  padding: 15px;
  text-align: center;
  margin-bottom: 26px;
  border: 1px solid transparent;
   -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link,
#login .message a,
#login #login_error a,
.alert a {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #0db4ff;
  border-color: #0096d9;
  color: #ffffff;
}
.alert-success hr {
  border-top-color: #0084c0;
}
.alert-success .alert-link {
  color: #e6e6e6;
}
.alert-info,
#login .message {
  background-color: #91AEA8;
  border-color: #91AEA8;
  color: #ffffff;
}
.alert-info hr {
  border-top-color: #464a51;
}
.alert-info .alert-link {
  color: #d5d7da;
}
.alert-warning {
  background-color: #ff7434;
  border-color: #ff5101;
  color: #ffffff;
}
.alert-warning hr {
  border-top-color: #e74900;
}
.alert-warning .alert-link {
  color: #e6e6e6;
}
.alert-danger,
#login #login_error {
  background-color: #ff0d24;
  border-color: #d90015;
  color: #ffffff;
}
.alert-danger hr {
  border-top-color: #c00012;
}
.alert-danger .alert-link {
  color: #e6e6e6;
}
body.login {
  background-color: var(--BGWhite);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.login form {
  font-weight: 400;
  overflow: hidden;
  background: transparent;
  border: none;
  box-shadow: none;
}
.login a,
.login a:active,
.login a:focus,
.login a:hover {
  outline: 0!important;
  border: 0!important;
  box-shadow: none!important;
}
#login {
  -webkit-box-shadow: var(--ombreGrisstrong) 0px 2px 4px 0px, var(--ombreGrislight) 0px 0px 20px 0px;
  box-shadow: var(--ombreGrisstrong) 0px 2px 4px 0px, var(--ombreGrislight) 0px 0px 20px 0px;
  border-radius: 8px;
  background-color: var(--white);
  max-width: 100%;
  top: 5%;
  position: relative;
  width: 80%;
  height: 80%;
  padding-top: 5%;
  padding-left: 10%;
  padding-right: 10%;
  margin: auto auto;
  display: table;
}
@media (min-width: 768px) {
  #login {
    padding-left: 5% !important;
    padding-right: 5% !important;
    width: 45% !important;
    margin: auto auto !important;
	}
}
#login h1 {
  margin: 0;
}
#login h1 a {
  display: inline-block;
  height: 75px;
  width: 100%;
  min-width: 300px;
  max-width: 330px;
  margin: 0 auto 7% auto;
  background-image: url('../../../images/Logo-Olivier-Persenda_footer.png');
  -webkit-background-size: 300px 75px;
  background-size: 300px 75px;
  background-position: 50%;
  vertical-align: middle;
}
#loginform,
#login #lostpasswordform {
  max-width: 330px;
  padding: 15px 0;
  margin: 0 auto !important;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#loginform p,
#login #lostpasswordform p {
  margin-bottom: 0;
}
#loginform label,
#login #lostpasswordform label {
  color: #95979c;
}
#loginform .forgetmenot,
#login #lostpasswordform .forgetmenot {
  margin-bottom: 10px;
  font-weight: normal;
  float: none;
}
#loginform .forgetmenot label,
#login #lostpasswordform .forgetmenot label {
  line-height: 28px;
}
#loginform .forgetmenot #rememberme,
#login #lostpasswordform .forgetmenot #rememberme {
  margin: 0 2px 2px 0;
}
#loginform .forgetmenot #rememberme:focus,
#login #lostpasswordform .forgetmenot #rememberme:focus {
  outline: none;
}
#loginform input[type="text"],
#login #lostpasswordform input[type="text"],
#loginform input[type="password"],
#login #lostpasswordform input[type="password"],
.login form .input,
.login input[type="password"],
.login input[type="text"] {
  height: auto;
  margin: 2px 6px 16px 0;
  padding: 6px 16px;
  font-size: 15px;
}
#loginform #user_login,
#login #lostpasswordform #user_login {
  margin-bottom: 5px;
}
#loginform #user_pass,
#login #lostpasswordform #user_pass {
  margin-bottom: 12px;
}
#loginform p.submit,
#login #lostpasswordform p.submit,
#login form p.submit {
  text-align: center;
}
#loginform p.submit input[type="submit"],
#login #lostpasswordform p.submit input[type="submit"],
.wp-core-ui .button-primary {
  float: none;
  width: 100%;
  height: auto;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 1.367em 2.5em;
  font-family: "Work Sans",sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 0.9375rem;
  line-height: 1;
  border-radius: 10px;
  color: #ffffff;
  background-color: #91AEA8;
  border-color: #91AEA8;
}
#loginform p.submit input[type="submit"]:hover,
#login #lostpasswordform p.submit input[type="submit"]:hover,
#loginform p.submit input[type="submit"]:focus,
#login #lostpasswordform p.submit input[type="submit"]:focus,
#loginform p.submit input[type="submit"]:active,
#login #lostpasswordform p.submit input[type="submit"]:active,
#loginform p.submit input[type="submit"].active,
#login #lostpasswordform p.submit input[type="submit"].active,
.open > .dropdown-toggle#loginform p.submit input[type="submit"],
.open > .dropdown-toggle#login #lostpasswordform p.submit input[type="submit"],
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-primary:focus,
.wp-core-ui .button-primary:active {
  color: #ffffff;
  background-color: rgb(56,70,82);
  border-color: rgb(56,70,82);
}
#loginform p.submit input[type="submit"]:active,
#login #lostpasswordform p.submit input[type="submit"]:active,
#loginform p.submit input[type="submit"].active,
#login #lostpasswordform p.submit input[type="submit"].active,
.open > .dropdown-toggle#loginform p.submit input[type="submit"],
.open > .dropdown-toggle#login #lostpasswordform p.submit input[type="submit"],
.wp-core-ui .button-primary:active {
  background-image: none;
}
#loginform p.submit input[type="submit"].disabled,
#login #lostpasswordform p.submit input[type="submit"].disabled,
#loginform p.submit input[type="submit"][disabled],
#login #lostpasswordform p.submit input[type="submit"][disabled],
fieldset[disabled] #loginform p.submit input[type="submit"],
fieldset[disabled] #login #lostpasswordform p.submit input[type="submit"],
#loginform p.submit input[type="submit"].disabled:hover,
#login #lostpasswordform p.submit input[type="submit"].disabled:hover,
#loginform p.submit input[type="submit"][disabled]:hover,
#login #lostpasswordform p.submit input[type="submit"][disabled]:hover,
fieldset[disabled] #loginform p.submit input[type="submit"]:hover,
fieldset[disabled] #login #lostpasswordform p.submit input[type="submit"]:hover,
#loginform p.submit input[type="submit"].disabled:focus,
#login #lostpasswordform p.submit input[type="submit"].disabled:focus,
#loginform p.submit input[type="submit"][disabled]:focus,
#login #lostpasswordform p.submit input[type="submit"][disabled]:focus,
fieldset[disabled] #loginform p.submit input[type="submit"]:focus,
fieldset[disabled] #login #lostpasswordform p.submit input[type="submit"]:focus,
#loginform p.submit input[type="submit"].disabled:active,
#login #lostpasswordform p.submit input[type="submit"].disabled:active,
#loginform p.submit input[type="submit"][disabled]:active,
#login #lostpasswordform p.submit input[type="submit"][disabled]:active,
fieldset[disabled] #loginform p.submit input[type="submit"]:active,
fieldset[disabled] #login #lostpasswordform p.submit input[type="submit"]:active,
#loginform p.submit input[type="submit"].disabled.active,
#login #lostpasswordform p.submit input[type="submit"].disabled.active,
#loginform p.submit input[type="submit"][disabled].active,
#login #lostpasswordform p.submit input[type="submit"][disabled].active,
fieldset[disabled] #loginform p.submit input[type="submit"].active,
fieldset[disabled] #login #lostpasswordform p.submit input[type="submit"].active {
  background-color: #6dc234;
  border-color: #6dc234;
}
#loginform p.submit input[type="submit"] .badge,
#login #lostpasswordform p.submit input[type="submit"] .badge {
  color: #569a29;
  background-color: #ffffff;
}
body.interim-login form#loginform {
  padding-left: 20px;
  padding-right:20px;
}
#login #nav,
#login #backtoblog {
  max-width: 330px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: 0;
}
#login #nav a,
#login #backtoblog a {
  color: #95979c;
}
#login #nav a:hover,
#login #backtoblog a:hover {
  color: #e9eaeb;
}
#login #nav {
  margin-top: 10px;
}
@media (min-width: 768px) {
  #login #nav {
    margin-top: 24px;
  }
}
#login .message,
#login #login_error {
  max-width: 450px;
  margin: 1em auto;
  font-weight: 400 !important;
  border: none;
}
.mobile #login {
  padding: 20px;
}
.mobile #login h1 a {
  width: 100%;
  margin-bottom: 10px;
}
.alert,
#login .message,
#login #login_error {
  font-weight: 300;
  border-width: 2px;
  border-radius: 0;
}
.alert .alert-link,
#login .message a,
#login #login_error a,
.alert a {
  font-weight: normal;
  color: #fff;
  text-decoration: underline;
}

p#backtoblog{
	display: none;
}