/* 
 * Fonts
 */
@font-face {
    font-family: 'Gotham';
    src: url(../assets/fonts/gotham/Gotham-Book.otf);
    font-weight: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url(../assets/fonts/gotham/Gotham-Bold.otf);
    font-weight: bold;
}


/* 
 * Hunanime colors
 */
.purple{ color: rgb(77, 49, 138) !important; }
.purple-bg{ background-color: rgb(77, 49, 138) !important; }
.purple-border{ border-color: rgb(77, 49, 138) !important; }
.purple-bottom .bottom-ani path { fill: rgb(77, 49, 138) !important; }

.blue{ color: rgb(100, 169, 220) !important; }
.blue-bg{ background-color: rgb(100, 169, 220) !important; }
.blue-border{ border-color: rgb(100, 169, 220) !important; }
.blue-bottom .bottom-ani path { fill: rgb(100, 169, 220) !important; }

.dark-blue{ color: rgb(21, 16, 53) !important; }
.dark-blue-bg{ background-color: rgb(21, 16, 53) !important; }
.dark-blue-border{ background-color: rgb(21, 16, 53) !important; }
.dark-blue-bottom .bottom-ani path { fill: rgb(21, 16, 53) !important; }

.green{ color: rgb(0, 170, 108) !important; }
.green-bg{ background-color: rgb(0, 170, 108) !important; }
.green-border{ border-color: rgb(0, 170, 108) !important; }
.green-bottom .bottom-ani path { fill: rgb(0, 170, 108) !important; }


/* 
 * Social network colos
 */
.twitter{ color: rgb(0, 172, 238) !important; }
.twitter-bg{ background-color: rgb(0, 172, 238) !important; }
.twitter-border{ border-color: rgb(0, 172, 238) !important; }

.instagram{ color: rgb(233, 89, 80) !important; }
.instagram-bg{ background-color: rgb(233, 89, 80) !important; }
.instagram-border{ border-color: rgb(233, 89, 80) !important; }

.facebook{ color: rgb(59, 89, 152) !important; }
.facebook-bg{ background-color: rgb(59, 89, 152) !important; }
.facebook-border{ border-color: rgb(59, 89, 152) !important; }

.linkedin{ color: rgb(10, 102, 194) !important; }
.linkedin-bg{ background-color: rgb(10, 102, 194) !important; }
.linkedin-border{ border-color: rgb(10, 102, 194) !important; }

/* 
 * Others
 */
.header-hunanime{
    background-color: rgb(77, 49, 138) ;
}

.price-headline{
    height: 100px;
}

.contact-success{
    background-color: rgb(0, 170, 108);
    color: white;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.contact-success > span{
    /* padding: 10px; */
}

.btn-bar{ 
    display: inline-block !important;
}


.about-text .btn-bar a {
    min-width: 20px !important;
}

.about-text, .about-text h3, .about-section .section-title h2, .section-title h2{
    color: white;
}

.gray-bg .section-title h2{
    color: rgb(21, 16, 53);
}


.section-title h2:after{
    background-color: rgb(0, 170, 108);
    opacity: 1;
}

.header-white .navbar-brand span{
    background-color: rgb(100, 169, 220);
}

.fixed-header .header-white .navbar-nav .nav-link.active, .fixed-header .header-white .navbar-nav .nav-link:hover{
    /* color: rgb(100, 169, 220) !important; */
    color: rgb(0, 170, 108) !important; 
}


body{
    font-family: 'Gotham';
}

h6, h5, h4, h3, h2, h1{
    font-family: 'Gotham';
}

.header-white .navbar-brand{
    font-weight: bold;
}

.section{
    padding-bottom: 0;
}

.px-btn.theme-t{
    border-color: white;
    color: white;
}

.about-img{
    padding: 3px;
    border-radius: 12px;
}

.about-img img{
    border-radius: 8px;
}

.blog-grid .blog-info{
    border-radius: 10px;
}


#home > .container{
    min-height: 600px;
}

#home .ht-text{
    margin-top: 150px;
    font-weight: bold;
}

@media only screen and (max-width: 600px) {
    #home > .container{
        min-height: 900px;
    }

    #home .ht-text{
        margin-top: 50px;
    }
}