/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/
.increase-font,
.decrease-font {
    cursor: pointer;
}



.call-to-action.background-image.p-t-80.p-b-80 {
    margin-bottom: 0px !important;
}

.heading-text.heading-section h2:before {
width: 180px !important;
background-color: #5ec8a8 !important;
}

.heading-text.heading-section h2 {
    font-size: 33px;
    line-height: 30px;
}

.list li {
    line-height: 15px;
}

.widget.area {
    border-radius: 10px;
    background-color: #af5e5e;
    padding: 5% 25%;
    margin-right: 10px;
}

section#page-content {
    padding: 0px !important;
}

.notice {
    background-color: #fefefe;
    padding: 20px;
    border-radius: 20px;
    position: relative;
    border: solid 1px #dddddd;
}

div.pin img {
    width: 60%;
}
.pin {
    position: absolute;
    top: -23px;
    right: -58px;
}

.copyright-text {
    color: #cecece;
}

div.row.nws-entry {
    border-bottom: solid 1px #e0e0e0;
    padding: 10px 0 10px 0;
}
p.month {
    display: block;
    width: 70px;
    height: 42px;
    background: #ff9d9d;
    padding: 11px 0 0 14px;
    margin: 0;
    font-weight: bold;
    color: #ffff;
}

p.yr{
    
    font-weight: bold;
    font-size: 30px;
    padding: 0;
}
div .tabentry{
    
border-bottom: solid 1px #eeeeee;
    margin-bottom: 20px;
}    
    
.tabs.tabs-folder .nav-tabs .nav-link.active {
    border-color: #e4e6ef;
    border-bottom-color: #fff;
    background: #52c1a0;
    color: #fff;
}
#topbar.topbar-dark, #topbar.dark {
    background-color: #52c1a0;
    border-color: rgba(231, 231, 231, 0.25);
}

.p-dropdown{
    margin-top: 10px;
}

i.icon-globe {
    color: white;
}
.tabs.tabs-vertical .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #52c1a0;
    border-right: 2px solid #2250fc;
    border-bottom-color: #fff;
}

.tabs.tabs-vertical .nav-tabs .nav-link{
    border-right: 0;
}

.tabs.tabs-vertical .nav-tabs {
    border: 0;
    margin-bottom: 0;
    background-color: #ddd;
    border-radius: 10px;
}
.tabs .nav-tabs .nav-link{
    border-bottom: 2px solid #e4e6ef !important;
}

section.inner-tab {
    padding-top: 50px;
    padding-bottom: 50px;
}


.tabs.tabs-vertical .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #52c1a0;
    border-right: 4px solid #3d9e77;
    border-bottom-color: #fff;
}

.tabs.tabs-vertical .nav-tabs {
    border: 0;
    margin-bottom: 0;
    background-color: #f6f6f6;
    border-radius: 10px 10px 0 0;
}
.lftpanel-heading{background: #000;
    color: #fff;
    text-align: left;
    padding: 10px 0 10px 25px;
    margin-bottom:0!important;
    border-radius: 10px 10px 0 0;}

li.nav-item img {
    padding: 0 12px 0 0;
    width: 17%;
}
div span.toppers-base-txt {
    background: #000000cf;
    display: block;
    color: #fff;
    font-size: 11px;
    z-index: 99999;
    position: absolute;
    bottom: 0;
    /* width: 46%; */
    padding: 10px 23px;
    border-radius: 0 20px 0 0;
}
div span.toppers-base-txt b{font-size: 14px;color:#52c1a0;}