/* ==========================================================================
   RESET
   ========================================================================== */

*,
*::before,
*::after{
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
    -webkit-text-size-adjust:100%;
}

body{

    margin:0;
    padding:0;

    color:var(--hc-text);

    font-family:
        "Segoe UI",
        Arial,
        Helvetica,
        sans-serif;

    font-size:15px;

    line-height:1.6;

    overflow-x:hidden;

    background: linear-gradient( to top, #f5faea 0%, #edf5dc 20%, #e1ecc5 45%, #d5e5af 70%, #cddd9f 100% );

    background-attachment:fixed;

}

/* ==========================================================================
   SELECTION
   ========================================================================== */

::selection{

    background:var(--hc-primary);

    color:#fff;

}

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

a{

    color:var(--hc-primary-dark);

    text-decoration:none;

    transition:var(--hc-transition);

}

a:hover{

    color:var(--hc-primary);

    text-decoration:none;

}

/* ==========================================================================
   HEADINGS
   ========================================================================== */

h1,
h2,
h3,
h4,
h5,
h6{

    margin:0 0 15px;

    font-weight:600;

    color:#2d2d2d;

    line-height:1.3;

}

h1{

    font-size:2.2rem;

}

h2{

    font-size:1.8rem;

}

h3{

    font-size:1.5rem;

}

h4{

    font-size:1.25rem;

}

h5{

    font-size:1.1rem;

}

h6{

    font-size:1rem;

}

/* ==========================================================================
   PARAGRAPH
   ========================================================================== */

p{

    margin:0 0 18px;

}

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

ul,
ol{

    margin:0 0 20px;

    padding-left:22px;

}

li{

    margin-bottom:6px;

}

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

img{

    max-width:100%;

    height:auto;

    display:block;

}

/* ==========================================================================
   FIGURE
   ========================================================================== */

figure{

    margin:0 0 25px;

}

/* ==========================================================================
   TABLE
   ========================================================================== */

table{

    width:100%;

    border-collapse:collapse;

    margin-bottom:25px;

    background:#fff;

}

table th{

    background:var(--hc-primary);

    color:#fff;

    padding:12px;

    font-weight:600;

}

table td{

    padding:12px;

    border:1px solid #ddd;

}

/* ==========================================================================
   FORM ELEMENTS
   ========================================================================== */

label{

    display:block;

    margin-bottom:8px;

    font-weight:600;

}

input,
textarea,
select{

    width:100%;

    border:1px solid var(--hc-border);

    border-radius:6px;

    padding:12px 15px;

    font-size:15px;

    background:#fff;

    transition:var(--hc-transition);

}

textarea{

    resize:vertical;

    min-height:140px;

}

input:focus,
textarea:focus,
select:focus{

    outline:none;

    border-color:var(--hc-primary);

    box-shadow:0 0 0 3px rgba(119,165,65,.15);

}

/* ==========================================================================
   BUTTONS
   ========================================================================== */

button,
input[type="submit"],
input[type="button"],
.btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:12px 24px;

    background:var(--hc-primary);

    color:#fff;

    border:none;

    border-radius:6px;

    cursor:pointer;

    transition:var(--hc-transition);

}

button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.btn:hover{

    background:var(--hc-primary-dark);

    color:#fff;

}

/* ==========================================================================
   HORIZONTAL RULE
   ========================================================================== */

hr{

    border:none;

    border-top:1px solid var(--hc-border);

    margin:30px 0;

}

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

pre,
code{

    font-family:
        Consolas,
        Monaco,
        monospace;

}

pre{

    background:#f5f5f5;

    padding:20px;

    overflow:auto;

    border-radius:6px;

}

/* ==========================================================================
   DRUPAL MESSAGES
   ========================================================================== */

.messages{

    margin-bottom:25px;

    border-radius:8px;

}

/* ==========================================================================
   BREADCRUMB
   ========================================================================== */

.hc-breadcrumb{

    margin-bottom:25px;

}

/* ==========================================================================
   UTILITIES
   ========================================================================== */

.text-center{

    text-align:center;

}

.text-start{

    text-align:left;

}

.text-end{

    text-align:right;

}

.w-100{

    width:100%;

}

.mt-0{

    margin-top:0;

}

.mb-0{

    margin-bottom:0;

}

.mb-20{

    margin-bottom:20px;

}

.mb-30{

    margin-bottom:30px;

}

.rounded{

    border-radius:var(--hc-radius);

}

.shadow{

    box-shadow:var(--hc-shadow);

}

.bg-white{

    background:#fff;

}

/* ==========================================================================
   BOOTSTRAP OVERRIDES
   ========================================================================== */

.container{

    max-width:100%;

    padding:0;

}

.row{

    margin-left:0;

    margin-right:0;

}

.row>*{

    padding-left:12px;

    padding-right:12px;

}