body, a, p{
    font-family: Nunito,Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 300;
    word-wrap: break-word;
}

.navcontainer_wrapper {
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.06);
    position: relative;
    z-index: 2;
}

#main_site_navbar .navbar-start a.navbar-item{
    padding:26px 10px;
}

#main_site_navbar a{
    font-size: 13px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    color: rgba(0,0,0,.55);
    transition: all 0.2s ease-out;
}

#main_site_navbar a:hover{
    color:#000;
}

#main_site_navbar .navbar-start .navbar-item:not(.navbar-child):hover{
    box-shadow: inset 0 -2px 0px hsl(171, 100%, 41%);
}

#main_site_navbar .navbar-start a.active{
    box-shadow: inset 0 -1px 0px  hsl(171, 100%, 41%);
}

#main_site_navbar .navbar-dropdown a.navbar-item {
    padding: 0.375rem 1rem;
}

.navbar-link::after {
    border-color: #666;
}
.short-links{
    margin-top:12px;
}
.inset_shadow {
    box-shadow: inset 0 -2px 8px 0 rgba(0,0,0,.04);
}

.sidebar_new {
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
}
.sidebar_new img{
    float:left;
    width:80px;
    border-radius: 100%;
}
.sidebar_new div.popular_description{
    margin-left: 100px;
    color:#333;
}


/* H O M E */

.home_new{
    background-color: #f9fafb;
    position: relative;
    z-index: 1;
}
.home_story{
    height:380px;
    background-position: center center;
    background-size:     cover;                      /* <------ */
    background-repeat:   no-repeat;
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 2px 6px 1px rgba(50,50,50,.24);
}

.home_story .story_info .tag{
    margin:2px;
}
.home_story .story_info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 30px 24px 24px;
}
.home_story  a.story_link{
    position: relative;
    z-index: 1000;
    display: block;
    overflow: hidden;
    position: relative;
    height: 100%;
    width: 100%;
}
.home_story .story_info_wrapper {
    position: relative;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0));
}

.home_story .story_info .story_title {
    font-family: Poppins,Arial, Helvetica, sans-serif;
    color:#FFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    margin: 0 0 14px 0;
    font-weight: 700;
    font-style: normal;
    line-height: 1.3;
    word-wrap: break-word;
    font-size: 20px;
    text-transform: none;
}


.home_story.main_story .story_info .story_title {
    font-size: 32px;
}

/* /end H O M E */


h1, h2, h3, h4 {
    font-family: Poppins,Arial, Helvetica, sans-serif;
}
h1{font-size:40px;color:#333;}
h2{font-size:25px!important;color:#333;font-weight: 700;}
h3{font-size:16px;text-transform: uppercase;font-weight: 700;}
h4{font-size:;}

hr{background-color: #ECECEC;}

p{margin-bottom:12px;}

.vspace{margin-bottom:40px;}

div.box{
    border: 1px solid #eee;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0,0,0,.03);
}

.modal-content, .modal-card {
    width:calc(80vw - 50px)!important;
    text-align: center;
}

.is-smallmargin{
    margin-top:4px;
    margin-bottom:4px;
}
.well{
    background-color: hsl(0, 0%, 96%);
    padding:4px 8px;
        border-radius: 3px;
}