body.login {
background-color: #f1f1f1;
}
#login {
width: 400px;
padding: 20px;
background-color: #ffffff;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
margin: 100px auto;
}
#login h1 a {
background-image: url(//shootinschool.spericorn.com/wp-content/plugins/shootin-school-plugin/includes/custom/css/path/to/custom-logo.png);
background-size: contain;
width: 100%;
}
#loginform {
margin-top: 20px;
}
#loginform input {
width: 100%;
padding: 10px;
}
#loginform input.form-control{
padding-left: 65px;
}
#loginform .input-group{
margin-bottom: 10px;
}
#loginform #wp-submit {
background-color: #4caf50;
color: #fff;
}
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");
.custom-chk-box {
position: relative;
padding-left: 38px;
}
@media (max-width: 991px) {
.custom-chk-box {
padding-left: 28px;
}
}
.custom-chk-box input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.custom-chk-box input:checked ~ .checkmark {
background-color: transparent;
}
.custom-chk-box input:checked ~ .checkmark::after {
display: block;
}
.custom-chk-box .checkmark {
position: absolute;
top: 0;
left: 0;
height: 26px;
width: 26px;
background-color: transparent;
border: 1px solid #D8D8D8;
border-radius: 4px;
}
@media (max-width: 1281px) {
.custom-chk-box .checkmark {
width: 20px;
height: 20px;
}
}
@media (max-width: 579px) {
.custom-chk-box .checkmark {
width: 17px;
height: 17px;
}
}
.custom-chk-box .checkmark::after {
content: "";
position: absolute;
display: none;
}
.custom-chk-box .checkmark::after {
background: url(//shootinschool.spericorn.com/wp-content/plugins/shootin-school-plugin/includes/custom/img/login-checkmark-icon.svg) no-repeat center;
width: 20px;
height: 15px;
top: 5px;
left: 3px;
background-size: contain;
}
@media (max-width: 1281px) {
.custom-chk-box .checkmark::after {
width: 15px;
height: 10px;
}
}
@media (max-width: 991px) {
.custom-chk-box .checkmark::after {
width: 14px;
height: 10px;
}
}
@media (max-width: 579px) {
.custom-chk-box .checkmark::after {
width: 10px;
height: 7px;
}
}
.custom-chk-box:hover input ~ .checkmark {
background-color: transparent;
}
.login-wrapper {
width: 100%;
height: 100vh;
background: url(//shootinschool.spericorn.com/wp-content/plugins/shootin-school-plugin/includes/custom/img/login-page-bg.jpg) no-repeat center;
background-size: cover;
padding: 117px 0 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
font-family: 'Poppins', sans-serif;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.login-wrapper:after {
position: absolute;
inset: 0;
background-color: #000000;
opacity: 0.15;
z-index: 0;
content: '';
}
@media (max-width: 1281px) {
.login-wrapper {
padding: 50px 0 40px;
}
}
@media (max-width: 991px) {
.login-wrapper {
padding: 20px;
}
}
@media (max-width: 767px) {
.login-wrapper {
padding: 20px;
}
}
.login-wrapper .custom-wrp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: calc(100% - 78px);
position: relative;
z-index: 1;
}
@media (min-width: 1800px) {
.login-wrapper .custom-wrp {
max-width: 1600px;
width: 100%;
margin: 0 auto;
}
}
@media (max-width: 767px) {
.login-wrapper .custom-wrp {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-column-gap: 0px;
-moz-column-gap: 0px;
column-gap: 0px;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
margin: 0;
padding: 0;
height: auto;
}
}
.login-wrapper .custom-wrp .login-left-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding-left: 41px;
}
@media (max-width: 991px) {
.login-wrapper .custom-wrp .login-left-col {
padding-left: 0;
}
}
@media (max-width: 767px) {
.login-wrapper .custom-wrp .login-left-col {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding-left: 0px;
}
.login-wrapper {
min-height: 100vh;
height: auto;
}
}
.login-wrapper .custom-wrp .login-left-col .content-area-wrp {
color: #fff;
max-width: 592px;
}
@media (max-width: 991px) {
.login-wrapper .custom-wrp .login-left-col .content-area-wrp {
max-width: 80%;
}
}
@media (max-width: 767px) {
.login-wrapper .custom-wrp .login-left-col .content-area-wrp { }
}
.login-wrapper .custom-wrp .login-left-col .content-area-wrp .title-main {
font: normal normal 600 36px/66px "Poppins", sans-serif;
}
@media (max-width: 1679px) {
.login-wrapper .custom-wrp .login-left-col .content-area-wrp .title-main {
font: normal normal 600 30px/50px "Poppins", sans-serif;
}
}
@media (max-width: 1281px) {
.login-wrapper .custom-wrp .login-left-col .content-area-wrp .title-main {
font: normal normal 600 20px/40px "Poppins", sans-serif;
}
}
@media (max-width: 991px) {
.login-wrapper .custom-wrp .login-left-col .content-area-wrp .title-main {
font: normal normal 600 20px/40px "Poppins", sans-serif;
}
}
.login-wrapper .custom-wrp .login-left-col .content-area-wrp .title-main span {
font: normal normal normal 36px/66px "Poppins", sans-serif;
}
@media (max-width: 1679px) {
.login-wrapper .custom-wrp .login-left-col .content-area-wrp .title-main span {
font: normal normal normal 30px/50px "Poppins", sans-serif;
}
}
@media (max-width: 1281px) {
.login-wrapper .custom-wrp .login-left-col .content-area-wrp .title-main span {
font: normal normal normal 20px/40px "Poppins", sans-serif;
}
}
.login-wrapper .custom-wrp .login-left-col .content-area-wrp .content {
font: italic normal 300 16px/24px "Poppins", sans-serif;
opacity: 0.82;
}
@media (max-width: 1679px) {
.login-wrapper .custom-wrp .login-left-col .content-area-wrp .content {
font: normal normal 300 15px/24px "Poppins", sans-serif;
}
}
@media (max-width: 1281px) {
.login-wrapper .custom-wrp .login-left-col .content-area-wrp .content {
font: normal normal 300 14px/24px "Poppins", sans-serif;
}
}
@media (max-width: 991px) {
.login-wrapper .custom-wrp .login-left-col .content-area-wrp .content {
font: normal normal 300 13px/20px "Poppins", sans-serif;
}
}
@media (max-width: 579px) {
.login-wrapper .custom-wrp .login-left-col .content-area-wrp .content {
font: normal normal 300 13px/20px "Poppins", sans-serif;
}
}
.login-wrapper .custom-wrp .login-right-col {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-color: #FFFFFF;
border-radius: 27px;
padding: 65px 89px;
max-width: 749px;
margin-left: 340px;
}
@media (max-width: 1899px) {
.login-wrapper .custom-wrp .login-right-col {
margin-left: 120px;
}
}
@media (max-width: 1679px) {
.login-wrapper .custom-wrp .login-right-col {
padding: 40px 50px;
max-width: 600px;
margin-left: 100px;
}
}
@media (max-width: 1481px) {
.login-wrapper .custom-wrp .login-right-col {
padding: 30px 40px;
max-width: 600px;
margin-left: 100px;
}
}
@media (max-width: 1281px) {
.login-wrapper .custom-wrp .login-right-col {
padding: 30px 40px;
margin-left: 60px;
}
}
@media (max-width: 991px) {
.login-wrapper .custom-wrp .login-right-col {
padding: 30px 40px;
margin-left: 0px;
}
}
@media (max-width: 767px) {
.login-wrapper .custom-wrp .login-right-col {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
max-width: 100%;
margin-left: 0px;
}
}
.login-wrapper .custom-wrp .login-right-col .logo-wrp {
margin-bottom: 38px;
}
@media (max-width: 1880px) {
.login-wrapper .custom-wrp .login-right-col .logo-wrp {
margin-bottom: 25px;
}
}
@media (max-width: 1679px) {
.login-wrapper .custom-wrp .login-right-col .logo-wrp {
margin-bottom: 20px;
}
}
@media (max-width: 1281px) {
.login-wrapper .custom-wrp .login-right-col .logo-wrp {
margin-bottom: 15px;
}
}
@media (max-width: 1880px) {
.login-wrapper .custom-wrp .login-right-col .logo-wrp img {
max-height: 90px;
}
}
@media (max-width: 1679px) {
.login-wrapper .custom-wrp .login-right-col .logo-wrp img {
max-height: 60px;
}
}
@media (max-width: 1281px) {
.login-wrapper .custom-wrp .login-right-col .logo-wrp img {
max-height: 60px;
}
}
.login-wrapper .custom-wrp .login-right-col .login-form-blk {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.login-wrapper .custom-wrp .login-right-col .login-form-blk .form-title {
font: normal normal normal 30px/46px "Poppins", sans-serif;
margin-top: 0px;
}
@media (max-width: 1679px) {
.login-wrapper .custom-wrp .login-right-col .login-form-blk .form-title {
margin-bottom: 15px;
}
}
@media (max-width: 1481px) {
.login-wrapper .custom-wrp .login-right-col .login-form-blk .form-title {
font: normal normal normal 23px/35px "Poppins", sans-serif;
}
}
@media (max-width: 1281px) {
.login-wrapper .custom-wrp .login-right-col .login-form-blk .form-title {
font: normal normal normal 22px/30px "Poppins", sans-serif;
}
}
@media (max-width: 991px) {
.login-wrapper .custom-wrp .login-right-col .login-form-blk .form-title {
font: normal normal normal 20px/28px "Poppins", sans-serif;
}
}
.login-wrapper .custom-wrp .login-right-col .login-form-blk .form-title span {
font: normal normal 300 30px/46px "Poppins", sans-serif;
}
@media (max-width: 1481px) {
.login-wrapper .custom-wrp .login-right-col .login-form-blk .form-title span {
font: normal normal 300 23px/35px "Poppins", sans-serif;
}
}
@media (max-width: 1281px) {
.login-wrapper .custom-wrp .login-right-col .login-form-blk .form-title span {
font: normal normal 300 22px/30px "Poppins", sans-serif;
}
}
@media (max-width: 991px) {
.login-wrapper .custom-wrp .login-right-col .login-form-blk .form-title span {
font: normal normal 300 20px/28px "Poppins", sans-serif;
}
}
.login-wrapper .custom-wrp .login-right-col .login-form-blk form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.login-wrapper .custom-wrp .login-right-col .login-form-blk .form-group {
margin-bottom: 25px;
}
@media (max-width: 1481px) {
.login-wrapper .custom-wrp .login-right-col .login-form-blk .form-group {
margin-bottom: 15px;
}
}
@media (max-width: 991px) {
.login-wrapper .custom-wrp .login-right-col .login-form-blk .form-group {
margin-bottom: 15px;
}
}
.login-wrapper .custom-wrp .login-right-col .login-form-blk .input-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.login-wrapper .custom-wrp .login-right-col .login-form-blk .input-group .icon {
position: absolute;
left: 0px;
z-index: 5;
width: 51px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media (max-width: 1281px) {
.login-wrapper .custom-wrp .login-right-col .login-form-blk .input-group .icon {
width: 30px;
}
}
.login-wrapper .custom-wrp .login-right-col .login-form-blk .input-group .icon img {
width: 18px;
}
@media (max-width: 1281px) {
.login-wrapper .custom-wrp .login-right-col .login-form-blk .input-group .icon img {
max-width: 15px;
}
}
.login-wrapper .custom-wrp .login-right-col .login-form-blk .form-label {
font: normal normal normal 14px/21px "Poppins", sans-serif;
color: #1E1B1E;
}
@media (max-width: 1679px) {
.login-wrapper .custom-wrp .login-right-col .login-form-blk .form-label {
font: normal normal normal 13px/20px "Poppins", sans-serif;
}
}
@media (max-width: 767px) {
.login-wrapper .custom-wrp .login-right-col .login-form-blk .form-label {
font: normal normal normal 13px/20px "Poppins", sans-serif;
}
}
.login-wrapper .custom-wrp .login-right-col .login-form-blk .form-control {
border-color: rgba(255, 139, 0, 0.4509803922);
padding: 22px 30px 22px 73px;
border-radius: 18px;
font: normal normal 300 18px/27px "Poppins", sans-serif;
height: 68px;
color: #292D32;
position: relative;
}
@media (max-width: 1919px) {
.login-wrapper .custom-wrp .login-right-col .login-form-blk .form-control {
height: 48px;
font: normal normal 300 16px/27px "Poppins", sans-serif;
}
}
@media (max-width: 1679px) {
.login-wrapper .custom-wrp .login-right-col .login-form-blk .form-control {
height: 48px;
font: normal normal 300 16px/27px "Poppins", sans-serif;
}
}
@media (max-width: 1281px) {
.login-wrapper .custom-wrp .login-right-col .login-form-blk .form-control {
height: 38px;
font: normal normal 300 14px/27px "Poppins", sans-serif;
padding-left: 40px;
}
}
@media (max-width: 579px) {
.login-wrapper .custom-wrp .login-right-col .login-form-blk .form-control {
height: 38px;
font: normal normal 300 13px/27px "Poppins", sans-serif;
padding-left: 40px;
}
}
.login-wrapper .custom-wrp .login-right-col .login-form-blk .form-control:active, .login-wrapper .custom-wrp .login-right-col .login-form-blk .form-control:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}
.login-wrapper .custom-wrp .login-right-col .login-form-blk .form-btn-cta {
background-color: #F58E1E !important;
color: #fff;
padding: 20px 40px;
border-radius: 18px;
font: normal normal 600 20px/30px "Poppins", sans-serif;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 15px;
margin-bottom: 25px;
}
@media (max-width: 1919px) {
.login-wrapper .custom-wrp .login-right-col .login-form-blk .form-btn-cta {
padding: 10px 40px;
font: normal normal 600 17px/30px "Poppins", sans-serif;
}
}
@media (max-width: 1679px) {
.login-wrapper .custom-wrp .login-right-col .login-form-blk .form-btn-cta {
padding: 10px 40px;
font: normal normal 600 15px/25px "Poppins", sans-serif;
margin-top: 10px;
}
}
@media (max-width: 1281px) {
.login-wrapper .custom-wrp .login-right-col .login-form-blk .form-btn-cta {
height: 38px;
font: normal normal 600 14px/22px "Poppins", sans-serif;
margin-bottom: 15px;
}
}
.login-wrapper .custom-wrp .login-right-col .usr-action-blk {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 97px;
}
@media (min-width: 1680px) {
.login-wrapper .custom-wrp .login-right-col .usr-action-blk {
margin-bottom: 40px;
}
}
@media (max-width: 1679px) {
.login-wrapper .custom-wrp .login-right-col .usr-action-blk {
margin-bottom: 30px;
}
}
@media (max-width: 1481px) {
.login-wrapper .custom-wrp .login-right-col .usr-action-blk {
margin-bottom: 15px;
}
}
@media (max-width: 1281px) {
.login-wrapper .custom-wrp .login-right-col .usr-action-blk {
margin-bottom: 15px;
}
}
@media (max-width: 991px) {
.login-wrapper .custom-wrp .login-right-col .usr-action-blk {
margin-bottom: 15px;
}
}
.login-wrapper .custom-wrp .login-right-col .usr-action-blk .chk-blk {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.login-wrapper .custom-wrp .login-right-col .usr-action-blk .forgot-blk .link {
font: normal normal normal 17px/26px "Poppins", sans-serif;
color: #F58E1E;
text-decoration: none;
}
@media (max-width: 1679px) {
.login-wrapper .custom-wrp .login-right-col .usr-action-blk .forgot-blk .link {
font: normal normal normal 14px/26px "Poppins", sans-serif;
}
}
@media (max-width: 991px) {
.login-wrapper .custom-wrp .login-right-col .usr-action-blk .forgot-blk .link {
font: normal normal normal 13px/26px "Poppins", sans-serif;
}
}
@media (max-width: 767px) {
.login-wrapper .custom-wrp .login-right-col .usr-action-blk .forgot-blk .link {
font: normal normal normal 13px/20px "Poppins", sans-serif;
}
}
@media (max-width: 579px) {
.login-wrapper .custom-wrp .login-right-col .usr-action-blk .forgot-blk .link {
font: normal normal normal 12px/20px "Poppins", sans-serif;
}
}
.login-wrapper .custom-wrp .login-right-col .usr-action-blk .custom-chk-box {
font: normal normal normal 17px/26px "Poppins", sans-serif;
}
@media (max-width: 1679px) {
.login-wrapper .custom-wrp .login-right-col .usr-action-blk .custom-chk-box {
font: normal normal normal 14px/26px "Poppins", sans-serif;
}
}
@media (max-width: 991px) {
.login-wrapper .custom-wrp .login-right-col .usr-action-blk .custom-chk-box {
font: normal normal normal 13px/20px "Poppins", sans-serif;
}
}
@media (max-width: 579px) {
.login-wrapper .custom-wrp .login-right-col .usr-action-blk .custom-chk-box {
font: normal normal normal 12px/20px "Poppins", sans-serif;
padding-left: 25px;
}
}
.login-wrapper .custom-wrp .login-right-col .login-blk-ftr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-left: 0px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 48px;
-moz-column-gap: 48px;
column-gap: 48px;
}
@media (max-width: 991px) {
.login-wrapper .custom-wrp .login-right-col .login-blk-ftr {
-webkit-column-gap: 15px;
-moz-column-gap: 15px;
column-gap: 15px;
}
}
@media (max-width: 579px) {
.login-wrapper .custom-wrp .login-right-col .login-blk-ftr {
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.login-wrapper .custom-wrp .login-right-col .login-blk-ftr li {
font: normal normal normal 14px/20px "Poppins", sans-serif;
color: #292D32;
list-style: none;
}
@media (max-width: 1679px) {
.login-wrapper .custom-wrp .login-right-col .login-blk-ftr li {
font: normal normal normal 13px/20px "Poppins", sans-serif;
}
}
@media (max-width: 991px) {
.login-wrapper .custom-wrp .login-right-col .login-blk-ftr li {
font: normal normal normal 12px/20px "Poppins", sans-serif;
}
}
@media (max-width: 579px) {
.login-wrapper .custom-wrp .login-right-col .login-blk-ftr li {
font: normal normal normal 12px/20px "Poppins", sans-serif;
}
}
.login-wrapper .custom-wrp .login-right-col .login-blk-ftr li .links {
color: #292D32;
text-decoration: none;
cursor: pointer;
display: block;
padding: 7px 0;
}
@media (max-width: 1679px) {
.login-wrapper .custom-wrp .login-right-col .login-blk-ftr li .links {
padding: 0px 0;
}
}
.login-wrapper .custom-wrp .login-right-col .login-blk-ftr li:nth-child(2) {
position: relative;
}
.login-wrapper .custom-wrp .login-right-col .login-blk-ftr li:nth-child(2)::before {
content: "";
height: 100%;
width: 1px;
background-color: #292D32;
position: absolute;
left: -24px;
}
@media (max-width: 991px) {
.login-wrapper .custom-wrp .login-right-col .login-blk-ftr li:nth-child(2)::before {
left: -8px;
}
}
@media (max-width: 579px) {
.login-wrapper .custom-wrp .login-right-col .login-blk-ftr li:nth-child(2)::before {
display: none;
}
}
.login-wrapper .login-footer {
font: normal normal 300 13px/20px "Poppins", sans-serif;
color: #fff;
padding-top: 58px;
}
@media (max-width: 1281px) {
.login-wrapper .login-footer {
padding-top: 20px;
}
}
@media (max-width: 991px) {
.login-wrapper .login-footer {
padding-top: 30px;
}
}
@media (max-width: 767px) {
.login-wrapper .login-footer {
padding-top: 20px;
}
}
.login-wrapper .login-footer .ftr-txt {
padding-left: 41px;
}
@media (max-width: 991px) {
.login-wrapper .login-footer .ftr-txt {
padding-left: 0px;
}
}
@media (max-width: 767px) {
.login-wrapper .login-footer .ftr-txt {
padding-left: 0px;
text-align: center;
}
}