/*
Theme Name: creatixa
Author:Creatixa Web Design
Description: Custom Wordpress Theme For All Projects
Version:1.0

*/

ol,li{list-style-type:none;}
h1{font-size:25.5px;font-weight:bold;text-align:center;margin:20px 0px 20px 0px;color:black;}
h2{font-size:20px;font-weight:bold;text-align:center;margin:30px 0px;color:grey;}


.navbar {
    border-bottom: 3px solid #ddd;
}

.navbar-nav .menu-item a {
    text-decoration: none;
    color: #334766;
    font-size: 16px;
    position: relative;
}

.navbar-nav .menu-item a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0;
    height: 2px;
    background-color: #1c4c7c;
    transition: width 0.3s ease;
}

.navbar-nav .menu-item a:hover {
    color: #1c4c7c;
}

.navbar-nav .menu-item a:hover::after {
    width: 100%;
}


.home_col h3{margin:20px 0px;font-size:16px;font-weight:bold;color:#334766;}
.home_col p{padding:0px 20px; line-height:1.2;}

.content_col p {text-align:justify;}
.content_col h3{margin:20px 0px 5px 0px;font-size:16px;font-weight:bold;color:#334766;text-align:left;}

article p {text-align:justify;}

.category-excerpt {
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    line-height: 1.5rem;
    height: 6rem;
  
}

.resource-card {
    transition: all 0.25s ease;
    background-color: #f8f9fa;
    box-shadow: 0 .25rem .75rem rgba(0,0,0,.08);
}

.resource-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 .5rem 1.25rem rgba(0,0,0,.15) !important;
}


footer ul li a {
    color: #ffffff !important;
    text-decoration: none !important;
}


footer ul li a:hover {
    color: #cccccc !important;
    text-decoration: none !important;
}


.prices_col ul{margin:22px auto;}
.prices_col ul li{color:black;padding-top:3px;padding-bottom:3px;border-bottom:2px solid #caccce;}

/* Mobile navbar */

@media (max-width: 991px) {

    .navbar-nav {
        gap: 0 !important;
        align-items: flex-end;
    }

    .navbar-nav .menu-item {
        text-align: right;
    }

    .navbar-nav .menu-item a {
        display: inline-block;
        text-align: right;
        padding: 3px 0;
        border-bottom: 2px solid #ddd;
    }

}

@media (max-width: 767px) {
    .navbar-brand img {
        width: 150px;
        height: auto;
    }
}