/*
Theme Name: Vanguard
Version: 1.0
Author: Nolasoft
Author URI: http://nolasoft.com
*/

/*---------------------------------------   FONT-FAMILY   -------------------------------------------*/

@font-face {
    font-family: 'Archer-Bold';
    src:url('fonts/Archer/Archer-Bold/Archer-Bold.eot'),
        url('fonts/Archer/Archer-Bold/Archer-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Archer/Archer-Bold/Archer-Bold.otf')  format('opentype'),
        url('fonts/Archer/Archer-Bold/Archer-Bold.woff') format('woff'),
        url('fonts/Archer/Archer-Bold/Archer-Bold.ttf')  format('truetype'),
        url('fonts/Archer/Archer-Bold/Archer-Bold.svg#Archer-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Archer-BoldItalic';
    src:url('fonts/Archer/Archer-BoldItalic/Archer-BoldItalic.eot'),
        url('fonts/Archer/Archer-BoldItalic/Archer-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Archer/Archer-BoldItalic/Archer-BoldItalic.otf')  format('opentype'),
        url('fonts/Archer/Archer-BoldItalic/Archer-BoldItalic.woff') format('woff'),
        url('fonts/Archer/Archer-BoldItalic/Archer-BoldItalic.ttf')  format('truetype'),
        url('fonts/Archer/Archer-BoldItalic/Archer-BoldItalic.svg#Archer-BoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Archer-Book';
    src:url('fonts/Archer/Archer-Book/Archer-Book.eot'),
        url('fonts/Archer/Archer-Book/Archer-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/Archer/Archer-Book/Archer-Book.otf')  format('opentype'),
        url('fonts/Archer/Archer-Book/Archer-Book.woff') format('woff'),
        url('fonts/Archer/Archer-Book/Archer-Book.ttf')  format('truetype'),
        url('fonts/Archer/Archer-Book/Archer-Book.svg#Archer-Book') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Archer-BookItalic';
    src:url('fonts/Archer/Archer-BookItalic/Archer-BookItalic.eot'),
        url('fonts/Archer/Archer-BookItalic/Archer-BookItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Archer/Archer-BookItalic/Archer-BookItalic.otf')  format('opentype'),
        url('fonts/Archer/Archer-BookItalic/Archer-BookItalic.woff') format('woff'),
        url('fonts/Archer/Archer-BookItalic/Archer-BookItalic.ttf')  format('truetype'),
        url('fonts/Archer/Archer-BookItalic/Archer-BookItalic.svg#Archer-BookItalic') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Archer-ExtraLight';
    src:url('fonts/Archer/Archer-ExtraLight/Archer-ExtraLight.eot'),
        url('fonts/Archer/Archer-ExtraLight/Archer-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/Archer/Archer-ExtraLight/Archer-ExtraLight.otf')  format('opentype'),
        url('fonts/Archer/Archer-ExtraLight/Archer-ExtraLight.woff') format('woff'),
        url('fonts/Archer/Archer-ExtraLight/Archer-ExtraLight.ttf')  format('truetype'),
        url('fonts/Archer/Archer-ExtraLight/Archer-ExtraLight.svg#Archer-ExtraLight') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Archer-ExtraLightItalic';
    src:url('fonts/Archer/Archer-ExtraLightItalic/Archer-ExtraLightItalic.eot'),
        url('fonts/Archer/Archer-ExtraLightItalic/Archer-ExtraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Archer/Archer-ExtraLightItalic/Archer-ExtraLightItalic.otf')  format('opentype'),
        url('fonts/Archer/Archer-ExtraLightItalic/Archer-ExtraLightItalic.woff') format('woff'),
        url('fonts/Archer/Archer-ExtraLightItalic/Archer-ExtraLightItalic.ttf')  format('truetype'),
        url('fonts/Archer/Archer-ExtraLightItalic/Archer-ExtraLightItalic.svg#Archer-ExtraLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Archer-Hairline';
    src:url('fonts/Archer/Archer-Hairline/Archer-Hairline.eot'),
        url('fonts/Archer/Archer-Hairline/Archer-Hairline.eot?#iefix') format('embedded-opentype'),
        url('fonts/Archer/Archer-Hairline/Archer-Hairline.otf')  format('opentype'),
        url('fonts/Archer/Archer-Hairline/Archer-Hairline.woff') format('woff'),
        url('fonts/Archer/Archer-Hairline/Archer-Hairline.ttf')  format('truetype'),
        url('fonts/Archer/Archer-Hairline/Archer-Hairline.svg#Archer-Hairline') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Archer-HairlineItalic';
    src:url('fonts/Archer/Archer-HairlineItalic/Archer-HairlineItalic.eot'),
        url('fonts/Archer/Archer-HairlineItalic/Archer-HairlineItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Archer/Archer-HairlineItalic/Archer-HairlineItalic.otf')  format('opentype'),
        url('fonts/Archer/Archer-HairlineItalic/Archer-HairlineItalic.woff') format('woff'),
        url('fonts/Archer/Archer-HairlineItalic/Archer-HairlineItalic.ttf')  format('truetype'),
        url('fonts/Archer/Archer-HairlineItalic/Archer-HairlineItalic.svg#Archer-HairlineItalic') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Archer-Light';
    src:url('fonts/Archer/Archer-Light/Archer-Light.eot'),
        url('fonts/Archer/Archer-Light/Archer-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Archer/Archer-Light/Archer-Light.otf')  format('opentype'),
        url('fonts/Archer/Archer-Light/Archer-Light.woff') format('woff'),
        url('fonts/Archer/Archer-Light/Archer-Light.ttf')  format('truetype'),
        url('fonts/Archer/Archer-Light/Archer-Light.svg#Archer-Light') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Archer-LightItalic';
    src:url('fonts/Archer/Archer-LightItalic/Archer-LightItalic.eot'),
        url('fonts/Archer/Archer-LightItalic/Archer-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Archer/Archer-LightItalic/Archer-LightItalic.otf')  format('opentype'),
        url('fonts/Archer/Archer-LightItalic/Archer-LightItalic.woff') format('woff'),
        url('fonts/Archer/Archer-LightItalic/Archer-LightItalic.ttf')  format('truetype'),
        url('fonts/Archer/Archer-LightItalic/Archer-LightItalic.svg#Archer-LightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Archer-Medium';
    src:url('fonts/Archer/Archer-Medium/Archer-Medium.eot'),
        url('fonts/Archer/Archer-Medium/Archer-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Archer/Archer-Medium/Archer-Medium.otf')  format('opentype'),
        url('fonts/Archer/Archer-Medium/Archer-Medium.woff') format('woff'),
        url('fonts/Archer/Archer-Medium/Archer-Medium.ttf')  format('truetype'),
        url('fonts/Archer/Archer-Medium/Archer-Medium.svg#Archer-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Archer-MediumItalic';
    src:url('fonts/Archer/Archer-MediumItalic/Archer-MediumItalic.eot'),
        url('fonts/Archer/Archer-MediumItalic/Archer-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Archer/Archer-MediumItalic/Archer-MediumItalic.otf')  format('opentype'),
        url('fonts/Archer/Archer-MediumItalic/Archer-MediumItalic.woff') format('woff'),
        url('fonts/Archer/Archer-MediumItalic/Archer-MediumItalic.ttf')  format('truetype'),
        url('fonts/Archer/Archer-MediumItalic/Archer-MediumItalic.svg#Archer-MediumItalic') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Archer-Semibold';
    src:url('fonts/Archer/Archer-Semibold/Archer-Semibold.eot'),
        url('fonts/Archer/Archer-Semibold/Archer-Semibold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Archer/Archer-Semibold/Archer-Semibold.otf')  format('opentype'),
        url('fonts/Archer/Archer-Semibold/Archer-Semibold.woff') format('woff'),
        url('fonts/Archer/Archer-Semibold/Archer-Semibold.ttf')  format('truetype'),
        url('fonts/Archer/Archer-Semibold/Archer-Semibold.svg#Archer-Semibold') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Archer-SemiboldItalic';
    src:url('fonts/Archer/Archer-SemiboldItalic/Archer-SemiboldItalic.eot'),
        url('fonts/Archer/Archer-SemiboldItalic/Archer-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Archer/Archer-SemiboldItalic/Archer-SemiboldItalic.otf')  format('opentype'),
        url('fonts/Archer/Archer-SemiboldItalic/Archer-SemiboldItalic.woff') format('woff'),
        url('fonts/Archer/Archer-SemiboldItalic/Archer-SemiboldItalic.ttf')  format('truetype'),
        url('fonts/Archer/Archer-SemiboldItalic/Archer-SemiboldItalic.svg#Archer-SemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Archer-Thin';
    src:url('fonts/Archer/Archer-Thin/Archer-Thin.eot'),
        url('fonts/Archer/Archer-Thin/Archer-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/Archer/Archer-Thin/Archer-Thin.otf')  format('opentype'),
        url('fonts/Archer/Archer-Thin/Archer-Thin.woff') format('woff'),
        url('fonts/Archer/Archer-Thin/Archer-Thin.ttf')  format('truetype'),
        url('fonts/Archer/Archer-Thin/Archer-Thin.svg#Archer-Thin') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'Archer-ThinItalic';
    src:url('fonts/Archer/Archer-ThinItalic/Archer-ThinItalic.eot'),
        url('fonts/Archer/Archer-ThinItalic/Archer-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/Archer/Archer-ThinItalic/Archer-ThinItalic.otf')  format('opentype'),
        url('fonts/Archer/Archer-ThinItalic/Archer-ThinItalic.woff') format('woff'),
        url('fonts/Archer/Archer-ThinItalic/Archer-ThinItalic.ttf')  format('truetype'),
        url('fonts/Archer/Archer-ThinItalic/Archer-ThinItalic.svg#Archer-ThinItalic') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'BrandonText-Black';
    src:url('fonts/BrandonText/BrandonText-Black/BrandonText-Black.eot'),
        url('fonts/BrandonText/BrandonText-Black/BrandonText-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/BrandonText/BrandonText-Black/BrandonText-Black.otf')  format('opentype'),
        url('fonts/BrandonText/BrandonText-Black/BrandonText-Black.woff') format('woff'),
        url('fonts/BrandonText/BrandonText-Black/BrandonText-Black.ttf')  format('truetype'),
        url('fonts/BrandonText/BrandonText-Black/BrandonText-Black.svg#BrandonText-Black') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'BrandonText-Bold';
    src:url('fonts/BrandonText/BrandonText-Bold/BrandonText-Bold.eot'),
        url('fonts/BrandonText/BrandonText-Bold/BrandonText-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/BrandonText/BrandonText-Bold/BrandonText-Bold.otf')  format('opentype'),
        url('fonts/BrandonText/BrandonText-Bold/BrandonText-Bold.woff') format('woff'),
        url('fonts/BrandonText/BrandonText-Bold/BrandonText-Bold.ttf')  format('truetype'),
        url('fonts/BrandonText/BrandonText-Bold/BrandonText-Bold.svg#BrandonText-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'BrandonText-Light';
    src:url('fonts/BrandonText/BrandonText-Light/BrandonText-Light.eot'),
        url('fonts/BrandonText/BrandonText-Light/BrandonText-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/BrandonText/BrandonText-Light/BrandonText-Light.otf')  format('opentype'),
        url('fonts/BrandonText/BrandonText-Light/BrandonText-Light.woff') format('woff'),
        url('fonts/BrandonText/BrandonText-Light/BrandonText-Light.ttf')  format('truetype'),
        url('fonts/BrandonText/BrandonText-Light/BrandonText-Light.svg#BrandonText-Light') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'BrandonText-Medium';
    src:url('fonts/BrandonText/BrandonText-Medium/BrandonText-Medium.eot'),
        url('fonts/BrandonText/BrandonText-Medium/BrandonText-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/BrandonText/BrandonText-Medium/BrandonText-Medium.otf')  format('opentype'),
        url('fonts/BrandonText/BrandonText-Medium/BrandonText-Medium.woff') format('woff'),
        url('fonts/BrandonText/BrandonText-Medium/BrandonText-Medium.ttf')  format('truetype'),
        url('fonts/BrandonText/BrandonText-Medium/BrandonText-Medium.svg#BrandonText-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'BrandonText-Regular';
    src:url('fonts/BrandonText/BrandonText-Regular/BrandonText-Regular.eot'),
        url('fonts/BrandonText/BrandonText-Regular/BrandonText-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/BrandonText/BrandonText-Regular/BrandonText-Regular.otf')  format('opentype'),
        url('fonts/BrandonText/BrandonText-Regular/BrandonText-Regular.woff') format('woff'),
        url('fonts/BrandonText/BrandonText-Regular/BrandonText-Regular.ttf')  format('truetype'),
        url('fonts/BrandonText/BrandonText-Regular/BrandonText-Regular.svg#BrandonText-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: 'BrandonText-Thin';
    src:url('fonts/BrandonText/BrandonText-Thin/BrandonText-Thin.eot'),
        url('fonts/BrandonText/BrandonText-Thin/BrandonText-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/BrandonText/BrandonText-Thin/BrandonText-Thin.otf')  format('opentype'),
        url('fonts/BrandonText/BrandonText-Thin/BrandonText-Thin.woff') format('woff'),
        url('fonts/BrandonText/BrandonText-Thin/BrandonText-Thin.ttf')  format('truetype'),
        url('fonts/BrandonText/BrandonText-Thin/BrandonText-Thin.svg#BrandonText-Thin') format('svg');
    font-weight: normal;
    font-style: normal;
  }

#loginform #wp-submit, #lostpasswordform #wp-submit {
    font-weight: 700;
    border-width: 0px;
    border-radius: 0px;
    display: inline-block;
    padding: 6px 24px;
    background-color: #b47a29;
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Archer-Medium';
    letter-spacing: 2px;
    opacity: 1;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
#loginform #wp-submit:hover, #lostpasswordform #wp-submit:hover {
    color: #1f3b48;
    opacity: 0.9;
}

#loginform .wp-core-ui .button:focus, #lostpasswordform .wp-core-ui .button:focus {
    box-shadow: 0 0 0 0px #214657;
    outline: 0px solid transparent;
}

#loginform #user_login, #loginform #user_pass, #lostpasswordform #user_login {
    width: 100%;
    padding: 10px 15px;
    border: 2px solid #b7cdd3;
    border-radius: 0px;
    margin-bottom: 20px;
    font-size: 100%;
}

#loginform input[type=text]:focus, #loginform input[type=password]:focus, #loginform input[type=checkbox]:focus, #lostpasswordform input[type=text]:focus, #lostpasswordform input[type=password]:focus {
    box-shadow: 0 0 0 0px #214657;
}

#loginform #rememberme {
    letter-spacing: 1.5px;
    border: 2px solid #b7cdd3;
    font-family: 'BrandonText-Regular';
}

#loginform .button.wp-hide-pw:focus {
    box-shadow: 0 0 0 0px #214657;
    outline: 0px solid transparent;
    border-width: 0px;
}

#loginform .dashicons {
    color: #214657;
}

#loginform label, #lostpasswordform {
    letter-spacing: 1.5px;
    font-family: 'Archer-Medium', Arial, Helvetica, sans-serif;
}
body.login {
    background-color: #b7cdd3;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    background-image: url(/wp-content/uploads/2022/02/homepage-header-image-2.png) !important;
}
.login #backtoblog a:hover, .login #nav a:hover, .login h1 a:hover {
    color: #214657;
}

.login #login_error, .login .message, .login .success {
    border-left: 4px solid #214657;
}
.login #nav a, .login #backtoblog a {
    letter-spacing: 1.5px;
    font-family: 'Archer-Medium', Arial, Helvetica, sans-serif;
}
.login form {
    background-color: rgba(33, 70, 87, 0.3);
}
.wp-core-ui .button-primary:focus {
    box-shadow: 0 0 0 0px #fff, 0 0 0 0px #214657;
    outline: 0px solid transparent;
}