/**Base — All the CSS rulesets which are used to give default styling to HTML elements in all occurrences of the page, 
fall under the Base rules. We don’t use classor id selectors to define these rulesets, rather we use element descendent 
selector, or a child selector, along with any pseudo-classes.
Sometimes, we also call them CSS resets to reset the default styling of the HTML elements. These rulesets are generally 
written on top of the other CSS rulesets.**/
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
*{
    /* font-family: 'Roboto', Arial, Helvetica, sans-serif; */
    font-family: 'Roboto', sans-serif;
}
html, body{
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    overflow-x: hidden;
}
a:active{
    color: inherit;
}
a:link, a:active{
    text-decoration: none;
    border-bottom-style: none;
}
body{
    background-color: inherit;
}
h1, h2, h3, h4, h5, h6{
    color: #3b3b3b;
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight:normal; 
}
h3::after{
    width: 32px;
    height: 4px;
    content: "";
    display: block;
    margin-top: 9px;
    background-color: #104B8A;
    /* animation-fill-mode: forwards;
    animation: scale 1500ms ease; */
}
video{
    height: auto;
}
.caption > *{
    padding: 0;
    border: 0;
}
.caption > figcaption{
    padding: 1em;
    border: 0;
    font-size: inherit;
}
table{
    margin: 0;
}
table caption{
    font-size: 1.1em;
    text-transform: uppercase;
    color: #CC0033;
    font-weight: bold;
}
/* h3{
    color: #D51D49;
    font-weight: bold;
} */
ul, ol, ol ol, ul ul{
    padding: 0 0 0 1em;
}
/*Form elements*/
.form-select{
    padding: .5em;
    border-radius: 3px;
    border: 1px solid #353641;
    box-shadow: 0 4px 0 rgb(91 105 135 / 20%);
}
input{
    border-radius: 3px;
    box-shadow: 0 4px 0 rgb(91 105 135 / 20%);
}
input.form-text, input.form-tel, input.form-email, input.form-url, input.form-search, input.form-file, input.form-number, input.form-color, textarea.form-textarea{
    border: 1px solid #3b3b3b;
    padding: .7em;
    margin: 0;
}
/*End of Form Components*/
.main-content h2, h2{
    font-size: 1.2em;
}
.main-content h3, h3{
    font-size: 1.2em;
}
.main-content h4, h4{
    font-size: 1.1em;
}
hr{
    border: 2px solid #427BBD;
    padding: 0;
    height: 0;
    border-radius: 4px;
    background-color: #427BBD;
}
a{
    border: 0;
}
a:hover{
    text-decoration: none;
}
/*---------------Base Overrides---------------*/
ul.menu a.is-active{
    color: #ffffff;
}
p{
    line-height: 1.6em;
}
/* p a{
    color: #0071b3 !important;
} */
/* ul li{
    line-height: 1.4em;
} */
/* ::-webkit-scrollbar {
    -webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
    width: 12px;
}
::-webkit-scrollbar:horizontal {
    height: 12px;
}
::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}
::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
} */