/*-------------------------------------------------*/
/*  Template Name: PatLan
/*  Author: CODASTROID
/*  Version: 1.0.0
/*  File Description: Template Colors & Fonts
/*-------------------------------------------------*/
/*  Table of Contents:
/*---------------------
/*      + Font Families
/*      + Colors
/*-------------------------------------------------*/


/*-------------------------------------------------*/
/* FONT FAMILIES
/*-------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i');

body,
.font-one {
    font-family: 'Josefin Sans', sans-serif;
}

/*-------------------------------------------------*/
/* COLORS
/*-------------------------------------------------*/

body {
    color: #7b7b93;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: #444;
}

.theme-green .text-primary {
    color: #9575CD !important;
}

.text-white,
.theme-blue .bg-primary a {
    color: #fff;
}

.form-control {
    color: #7b7b93;
}

.form-control::-webkit-input-placeholder {
  color: #90909c;
}

.form-control::-moz-placeholder {
  color: #90909c;
}

.form-control:-ms-input-placeholder {
  color: #90909c;
}

.form-control::-ms-input-placeholder {
  color: #90909c;
}

.form-control::placeholder {
  color: #90909c;
}

.theme-green .form-control:focus {
    border-color: #108afd;
}

.form-control.error,
.form-control.error:focus {
    border-color: #fd397a;
}

.theme-green .btn-primary,
.theme-green.btn-primary {
    color: #fff;
    background-color: #5E35B1;
    border-color: transparent;
}
.theme-green .btn-primary.btn-soft,
.theme-green.btn-primary.btn-soft {
    color: rgb(16, 138, 253);
    background-color: rgba(16, 138, 253, .2);
}
.theme-green .btn-primary.btn-outline,
.theme-green.btn-primary.btn-outline {
    border-color: rgb(16, 138, 253);
    color: rgb(16, 138, 253);
    background-color: transparent;
}

.theme-green .btn-primary:hover,
.theme-green.btn-primary:hover,
.theme-green .btn-primary:focus,
.theme-green.btn-primary:focus,
.theme-green .btn-primary:not(:disabled):not(.disabled).active,
.theme-green .btn-primary:not(:disabled):not(.disabled):active {
    background-color: #7E57C2;
    border-color: transparent;
}
.theme-green .btn-primary.btn-soft:hover,
.theme-green.btn-primary.btn-soft:hover,
.theme-green .btn-primary.btn-soft:not(:disabled):not(.disabled).active,
.theme-green.btn-primary.btn-soft:not(:disabled):not(.disabled):active,
.theme-green .btn-primary.btn-outline:hover,
.theme-green.btn-primary.btn-outline:hover,
.theme-green .btn-primary.btn-outline:not(:disabled):not(.disabled).active,
.theme-green.btn-primary.btn-outline:not(:disabled):not(.disabled):active {
    background-color: rgb(12, 113, 208);
    color: #fff;
}
.theme-green .btn-primary.btn-soft:focus,
.theme-green.btn-primary.btn-soft:focus,
.theme-green .btn-primary.btn-outline:focus,
.theme-green.btn-primary.btn-outline:focus {
    background-color: rgb(12, 113, 208);
    color: #fff
}

.btn-white {
    background-color: #fff;
    border-color: transparent;
}
.btn-white.btn-soft:hover,
.btn-white.btn-soft:focus,
.btn-white.btn-soft:not(:disabled):not(.disabled).active,
.btn-white.btn-soft:not(:disabled):not(.disabled):active,
.btn-white.btn-outline:hover,
.btn-white.btn-outline:focus,
.btn-white.btn-outline:not(:disabled):not(.disabled).active,
.btn-white.btn-outline:not(:disabled):not(.disabled):active {
    background-color: #fff;
}
.theme-green .btn-white,
.theme-green .btn-white.btn-outline:hover,
.theme-green .btn-white.btn-outline:focus,
.theme-green .btn-white.btn-soft:hover,
.theme-green .btn-white.btn-soft:focus,
.theme-green .btn-white:not(:disabled):not(.disabled).active,
.theme-green .btn-white:not(:disabled):not(.disabled):active {
    color: rgb(16, 138, 253);
}

.btn-white.btn-outline {
    border-color: #fff;
    color: #fff;
    background-color: transparent;
}
.btn-white.btn-soft {
    color: #fff;
    background-color: rgba(255, 255, 255, .3);
}
.btn-white.btn-link {
    color: #fff;
    border-color: transparent;
    background-color: transparent;
}

.rating-stars {
    color: #f8ac00;
}

.subtitle {
    color: #a2a2a2;
}
.alert-success {
    border-color: transparent;
    background-color: rgba(10,187,135,.1);
    color: #0abb87;
    cursor: text;
}
.alert-danger {
    border-color: transparent;
    background-color: rgba(253,57,122,.1);
    color: #fd397a;
    cursor: text;
}
.invalid-feedback {
    color: #fd397a;
}

.social-icons .icon-facebook {
    color: #4267B2;
}
.social-icons .icon-twitter {
    color: #1da1f2;
}
.social-icons .icon-instagram {
    color: #c13584;
}
.social-icons .icon-youtube {
    color: #ff0000;
}

.theme-green .section-styled:before {
    background-color: #108afd;
}

.theme-green .header {
    background-color: #7E57C2;
}

@media (min-width: 992px) {
    .theme-blue .navbar-brand {
        color: #108afd;
    }
}

.hero {
    color: #fff;
}

@media(min-width: 992px) {
    .theme-blue .header.style-two .hero {
        color: #222;
    }
    .theme-blue .header.style-two .hero p {
        color: #7b7b93;
    }
}

.service-item .icon.green {
    color: #55de8e;
}
.service-item .icon.red {
    color: #ff4f5f;
}
.service-item .icon.blue {
    color: #3d9dfd;
}
.service-item .icon.orange {
    color: #f6a67d;
}

.feautred-service.style-two .service-item .icon.green {
    background-color: #e7faf0;
}
.feautred-service.style-two .service-item .icon.red {
    background-color: #ffeced;
}
.feautred-service.style-two .service-item .icon.blue {
    background-color: #e7f3ff;
}
.feautred-service.style-two .service-item .icon.orange {
    background-color: #fdf2ee;
}

.theme-green .feature-item .icon {
    color: #108afd;
}

.theme-green .feature-item .feature-ribbon {
    background-color: #5E35B1;
}

.theme-green .footer {
    background-color: #7E57C2;
}

.contact-us .contact-form {
    background-color: #fff;
}

.theme-green .section-styled:before,
.theme-green .testimonials.style-two:before,
.theme-green .choose-us.style-two:before {
    background-color: #108afd;
}

.theme-green .about-us .video-play {
    background-color: #108afd;
}
.about-us .video-play svg {
    fill: #fff;
}

.subscribe.style-one .form-error-message {
    color: #f5faff;
    right: 0;
}
.subscribe.style-one .alert {
    font-size: 12px;
    border-radius: 50em;
}
.subscribe.style-one .alert-success {
    background-color: rgb(18, 212, 103);
    color: #f5faff;
}
.subscribe.style-one .alert-danger {
    background-color: #fd397a;
    color: #f5faff;
}

.theme-green .owl-theme .owl-dots .owl-dot.active span,
.theme-green .owl-theme .owl-dots .owl-dot:hover span {
    background: #108afd;
}


.footer.style-one .footer-bottom {
    color: #fff;
}