:root {
    /*--sandy-color: rgb(249,203,133);f9cb85*/
    /*--sandy-color: rgb(233,156,87);e99c57*/
    --sandy-color: rgb(230,129,58);/*e6813a*/
    --brand-color: rgb(54, 69, 79);/* 36454f */
    --opacity-brand-color: rgba(54, 69, 79, .8)
}
@font-face{
    font-family:'SourceSansPro';
    src:url("../font/SourceSansPro-Regular.ttf") format('truetype');
    font-style:normal;
    font-display:swap
}
body {
    background-image: linear-gradient(180deg, #eee, #fff 100px, #fff);
    background-repeat: no-repeat;
    font-family: 'SourceSansPro', sans-serif !important;
    font-size: 18px !important;
    color:#333 !important;
}
p{
    line-height: 1.5;
}
h1, .nav-link, .display-6, .navbar-brand, legend, .title, .external{font-family: 'Chakra Petch', serif;}

h2, h3, h4{font-size:18px !important}
h2, h3{font-weight:600 !important;}
h2, h3, h4, h5{font-weight:600 !important;font-family: 'SourceSansPro', sans-serif !important}

.navbar {
    padding-bottom:0 !important
}
.navbar-brand{
    font-size: 16px;
    color: var(--brand-color) !important;
    font-weight: 700;
}
.navbar-brand img{width:65px;height:auto;vertical-align:baseline}
@media only screen and (min-width : 399.9px) {
    .navbar-brand{font-size:25px}
    .navbar-brand img{width:90px}
}
@media only screen and (min-width : 767.9px) {
    .navbar-brand{font-size:30px}
    .navbar-brand img{vertical-align:middle}
}
.navbar-nav .nav-link {
    font-weight: 600;
}
.navbar-nav .nav-link.active {
    color: var(--bs-navbar-active-color);
    background: lightgrey;
    border-radius: 5px;
}

.text-info {
    color: var(--brand-color) !important;
}

.btn-info, .btn-primary {
    --bs-btn-bg: var(--brand-color) !important;
    --bs-btn-border-color: var(--brand-color) !important;
    --bs-btn-hover-bg: #eda73c;
    --bs-btn-hover-border-color: #eda73c;
    --bs-btn-hover-bg: rgb(var(--bs-secondary-rgb));
    --bs-btn-hover-border-color: rgb(var(--bs-secondary-rgb));
    color:white;
}

.articles.view a {
    color: var(--brand-color) !important;
}

.articles.view ol li ul li a{
    text-transform: capitalize;
}

.img-thumbnail {
    width:100px;
}

.intro{
    background-color: var(--brand-color);
    /*
    background-image: url('../img/bg-intro-dark.jpg');
    background-size: cover;
    background-position: center;
    */
}
.intro .cover {
    /* background-image: linear-gradient(to right, rgba(0,0,0,.8), rgba(0,0,0,.7)); */
    background-image: linear-gradient(to right, var(--opacity-brand-color), var(--brand-color));
    border-top:1px solid var(--opacity-brand-color) ;
    border-bottom:1px solid var(--opacity-brand-color) ;
}
.social .intro{
    background-image: url('../img/bg-intro.jpg');
}

/*
@media only screen and (min-width : 768px) {
    .intro .cover {
        background-image: linear-gradient(to right, rgba(255,255,255,.8), rgba(13,202,204,.5));
    }
}
*/

#filters .countries img{margin-top:-.25rem}
/*.row.articles .editor-content ol a{text-transform:uppercase}*/
.article-bg {
    height:165px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* .articles.view h2 {margin:1rem 0} */
.articles.view h2 {margin-top:1.5rem;margin-bottom:1rem}
.articles.view h3 {font-style: italic;font-weight:400 !important}
.articles.view ol {margin-bottom:1.5rem}

.pages .intro h2{line-height:1.5}

.offcanvas-body .navbar-nav .nav-link.active {
    background: none;
    color: rgb(var(--bs-info-rgb));
}
.editor-content img {
    max-width: 100%;
    height: auto !important;
}
.required label:after {
    content: "*";
    width: 1.5em;
    margin-right: 1.5em;
}
.label {
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
}
li .badge{line-height:.75}
.label-info {
    background-color: #5bc0de;
}
input[type="checkbox"]{margin-right:3px}

.error input {
    border-color: var(--bs-danger);
}
.error-message {
    color: var(--bs-danger);
}

.bootstrap-tagsinput {
    display:block !important;
    width: 100%;
    padding: 0.375rem 0.75rem !important;

    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5 !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color) !important;
    border-radius: var(--bs-border-radius) !important;
    box-shadow: none !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#tags-ids{width:100%}
.message.error {color: var(--bs-danger);}

#countries-ids{width:100%}
.message.error {color: var(--bs-danger);}

@media only screen and (min-width : 768px) {
    #filters.border{
        padding: 0 !important;
        border:none !important;
    }
}

#tagcloud {
    width:100%
}

.f-logo{height:18px}