/* ==========================================================================
   NODE
   ========================================================================== */

.hc-node,.node{
    background:#ffffff;
    border-radius:6px;
	padding:5px;

}


.node__meta{

    margin-bottom:20px;

    color:#777;

    font-size:14px;

    border-bottom:1px solid #ececec;

    padding-bottom:12px;

}

.node__author{

    font-weight:600;

}

.node__date{

    margin-left:15px;

}

.node__content{

    line-height:1.8;

    color:#444;

}

.node__links{

    margin-top:25px;

    border-top:1px solid #ececec;

    padding-top:15px;

}

/* ==========================================================================
   MAIN CONTENT
   ========================================================================== */

#hc-content{

    display:block;

}

#hc-content .block{

    margin-bottom:25px;

}


/* ==========================================================================
   PAGE TITLE
   ========================================================================== */

.page-title,
.node__title,
.node h1{

    margin:0 0 10px;

    color:#5b9735;

    font-size:34px;

    font-weight:600;

    line-height:1.2;

}

.node h2{

    margin:30px 0 15px;

    color:#5b9735;

    font-size:26px;

    font-weight:400;

}

.node h3{

    margin:25px 0 12px;

    color:#444;

    font-size:22px;

}

.node h4{

    margin:20px 0 10px;

    font-size:18px;

}

/* ==========================================================================
   BODY
   ========================================================================== */

.node__content{

    color:#444;

    font-size:15px;

    line-height:1.8;

}

.node__content p{

    margin-bottom:18px;

}

/* ==========================================================================
   LINKS
   ========================================================================== */

.node__content a{

    color:#2f73b7;

    text-decoration:none;

}

.node__content a:hover{

    color:#5b9735;

    text-decoration:underline;

}

/* ==========================================================================
   LISTS
   ========================================================================== */

.node__content ul{

    margin:0 0 20px 20px;

}

.node__content ol{

    margin:0 0 20px 20px;

}

.node__content li{

    margin-bottom:8px;

}

/* ==========================================================================
   IMAGES
   ========================================================================== */

.node__content img{

    display:block;

    max-width:100%;

    height:auto;

    margin:20px auto;

    border-radius:6px;

}

.align-left{

    float:left;

    margin:0 20px 20px 0;

}

.align-right{

    float:right;

    margin:0 0 20px 20px;

}

.align-center{

    display:block;

    margin:20px auto;

}

/* ==========================================================================
   TABLES
   ========================================================================== */

.node table{

    width:100%;

    margin:20px 0;

    border-collapse:collapse;

}

.node table th{

    background:#76a53f;

    color:#ffffff;

    padding:12px;

}

.node table td{

    padding:12px;

    border:1px solid #dddddd;

}

/* ==========================================================================
   BLOCKQUOTE
   ========================================================================== */

blockquote{

    margin:25px 0;

    padding:15px 20px;

    border-left:5px solid #76a53f;

    background:#f8f8f8;

    font-style:italic;

}

/* ==========================================================================
   CODE
   ========================================================================== */

pre{

    background:#f7f7f7;

    border:1px solid #e5e5e5;

    padding:20px;

    overflow:auto;

}

code{

    color:#d63384;

}

/* ==========================================================================
   EMBEDDED MEDIA
   ========================================================================== */

iframe{

    max-width:100%;

    border:none;

}

/* ==========================================================================
   PAGINATION
   ========================================================================== */

.pager{

    margin-top:30px;

}

.pager ul{

    display:flex;

    justify-content:center;

    gap:6px;

    list-style:none;

    padding:0;

}

.pager li{

    margin:0;

}

.pager a{

    display:block;

    padding:10px 15px;

    background:#ffffff;

    border:1px solid #d9d9d9;

    color:#444;

}

.pager .is-active a{

    background:#76a53f;

    color:#ffffff;

}

/* ==========================================================================
   DRUPAL LOCAL TASKS
   ========================================================================== */

.tabs{

    margin-bottom:25px;

}

.tabs ul{

    display:flex;

    flex-wrap:wrap;

    list-style:none;

    gap:6px;

    padding:0;

    margin:0;

}

.tabs li{

    margin:0;

}

.tabs a{

    display:block;

    padding:10px 18px;

    background:#ffffff;

    border:1px solid #d9d9d9;

    border-radius:4px;

}

.tabs .is-active a{

    background:#76a53f;

    color:#ffffff;

}

/* ==========================================================================
   FORUM
   ========================================================================== */

.forum{

    background:#ffffff;

}

.forum table{

    width:100%;

}

.forum .forum__title{

    color:#5b9735;

}

/* ==========================================================================
   COMMENTS
   ========================================================================== */

.comment{

    padding:20px;

    margin-bottom:20px;

    background:#fafafa;

    border:1px solid #e5e5e5;

    border-radius:4px;

}

.comment__author{

    font-weight:600;

}

.comment__content{

    margin-top:10px;

}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media(max-width:991px){

    .node{

        padding:20px;

    }

    .page-title{

        font-size:28px;

    }

}

@media(max-width:767px){

    .node{

        padding:18px;

    }

    .page-title{

        font-size:24px;

    }

    .align-left,
    .align-right{

        float:none;

        margin:20px auto;

    }

}

/* ==========================================================================
   LOCAL TASKS
   ========================================================================== */

.block-healthy-choices-local-tasks{

    margin-bottom:25px;

}

.tabs-wrapper{

    margin-bottom:25px;

}

/* Remove default list style */

.tabs-primary,
.tabs-secondary{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin:0;

    padding:0;

    list-style:none;

}

/* ==========================================================================
   BUTTON STYLE
   ========================================================================== */

.tabs-primary li,
.tabs-secondary li{

    margin:0;

}

.tabs-primary li a,
.tabs-secondary li a{

    display:flex;

    align-items:center;

    justify-content:center;

    min-height:40px;

    padding:0 18px;

    background:#ffffff;

    color:#4d4d4d;

    border:1px solid #76a53f;

    border-radius:4px;

    text-decoration:none;

    font-size:14px;

    font-weight:600;

    transition:all .25s ease;

}

/* ==========================================================================
   HOVER
   ========================================================================== */

.tabs-primary li a:hover,
.tabs-secondary li a:hover{

    background:#76a53f;

    color:#ffffff;

}

/* ==========================================================================
   ACTIVE
   ========================================================================== */

.tabs-primary li.is-active a,
.tabs-primary li a.is-active,
.tabs-secondary li.is-active a,
.tabs-secondary li a.is-active{

    background:#76a53f;

    border-color:#76a53f;

    color:#ffffff;

}

/* ==========================================================================
   FOCUS
   ========================================================================== */

.tabs-primary li a:focus,
.tabs-secondary li a:focus{

    outline:none;

    box-shadow:0 0 0 .2rem rgba(118,165,63,.25);

}

/* ==========================================================================
   SPACING
   ========================================================================== */

.tabs-secondary{

    margin-top:15px;

}

/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width:768px){

    .tabs-primary,
    .tabs-secondary{

        flex-direction:column;

    }

    .tabs-primary li,
    .tabs-secondary li{

        width:100%;

    }

    .tabs-primary li a,
    .tabs-secondary li a{

        justify-content:flex-start;

        padding:12px 18px;

    }

}

/* ==========================================================================
   ACTION LINKS
   ========================================================================== */

.action-links{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

    margin:0 0 15px !important;

    padding:0;

    list-style:none;

}

.action-links li{

    margin:0;

    padding:0;

}

.action-links li a,
.button-action{

    background:#76a53f;

    border:1px solid #5e8e31;

    color:#fff;

    border-radius:4px;
	padding:5px;

}

.action-links li a:hover{

    background:#5e8e31;
	color:#ffffff;
	border-color:#5e8e31;
	padding:5px;

}

/* Plus Icon */

.action-links li a::before{

    content:none;

}


/* Active */

.action-links a:active{

    transform:translateY(1px);

}

/* Focus */

.action-links a:focus{

    outline:none;

    box-shadow:0 0 0 .2rem rgba(118,165,63,.25);

}

/* ==========================================================================
   MOBILE
   ========================================================================== */

@media (max-width:768px){

    .action-links{

        flex-direction:column;

    }

    .action-links a{

        width:100%;

        justify-content:center;

    }

}
/* ==========================================================================
   FORM ACTIONS
   ========================================================================== */

.form-actions{

    display:flex;

    align-items:center;

    gap:12px;

    margin-top:20px;

    margin-bottom:20px;

}

/* Buttons */

.form-actions .button,
.form-actions .btn{

    display:inline-flex;

    justify-content:center;

    align-items:center;

    min-width:140px;

    height:42px;

    padding:0 24px;

    border:none;

    border-radius:4px;

    font-size:15px;

    font-weight:600;

    text-decoration:none;

    cursor:pointer;

    transition:all .25s ease;

    box-shadow:none;

}

/* Primary Button */

.form-actions .button--primary,
.form-actions .btn-primary{

    background:#76a53f;

    color:#fff;

}

.form-actions .button--primary:hover,
.form-actions .btn-primary:hover{

    background:#5b9735;

}

/* Secondary Button */

.form-actions .btn-secondary,
.form-actions .button:not(.button--primary){

    background:#e9ecef;

    color:#555;

    border:1px solid #d6d6d6;

}

.form-actions .btn-secondary:hover,
.form-actions .button:not(.button--primary):hover{

    background:#dcdcdc;

}

/* Focus */

.form-actions .button:focus{

    outline:none;

    box-shadow:0 0 0 3px rgba(118,165,63,.25);

}