@import url(custom-hp-5.2.2.css);

:root {
    --bs-body-font-size: 1.0rem;
    /* switch link colors */
    /* green
    --bs-link-color: #769e3c;
    --bs-link-hover-color: #93c54b;
    */
    --bs-link-color: #337ab7;
    --bs-link-hover-color: #23527c;
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 992px) {
    .center-lg {
        justify-content: center;
    }
}

@media (min-width: 1200px) {
    .mynavcontainer {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .mynavcontainer {
        max-width: 1320px;
    }
}


/**************************************************************/
/* Adjust Bootstrap */
/**************************************************************/


/* source-sans-3-regular - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Source Sans 3';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/source-sans-3-v18-latin-regular.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-italic - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Source Sans 3';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/source-sans-3-v18-latin-italic.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-200 - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Source Sans 3';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/source-sans-3-v18-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* source-sans-3-200italic - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Source Sans 3';
    font-style: italic;
    font-weight: 200;
    src: url('../fonts/source-sans-3-v18-latin-200italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* source-sans-3-300 - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Source Sans 3';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/source-sans-3-v18-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* source-sans-3-300italic - latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Source Sans 3';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/source-sans-3-v18-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

/* source-sans-3-600 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Source Sans 3';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/source-sans-3-v18-latin-600.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-600italic - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Source Sans 3';
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/source-sans-3-v18-latin-600italic.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-700 - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Source Sans 3';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/source-sans-3-v18-latin-700.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* source-sans-3-700italic - latin */
@font-face {
    font-display: swap;
    /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Source Sans 3';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/source-sans-3-v18-latin-700italic.woff2') format('woff2');
    /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

h1, .h1 {
    /* font-size: calc(1.32825rem + 0.939vw); */
    font-size: 30px; 
    font-weight: 600;
}

h2, .h2 {
    font-size: calc(1.2876rem + 0.4512vw);
    margin-top: 28px;
}

h3, .h3 {
    font-size: calc(1.267275rem + 0.2073vw);
    margin-top: 24px;
}

h4, .h4 {
    font-size: 1.2195rem;
}

h5, .h5 {
    font-size: 1.01625rem;
}

h6, .h6 {
    font-size: 0.813rem;
}

.fs-5 {
    font-size: 0.938rem !important;
}

.fs-6 {
    font-size: 0.813rem !important;
}

a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
    text-decoration: underline;
}

.nav-link {
    font-size: 15px;
    font-weight: 600;
    color: rgb(51, 51, 51);
    --bs-nav-link-hover-color: #769E00;
}    

.nav-link:hover {
    text-decoration: none;
}

.form-control{
  box-shadow: none;
}

.form-control:focus {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(51, 122, 183, 0.25);
}

input,
button,
select,
optgroup,
textarea {
    -webkit-border-radius: 0.20rem !important;
    -moz-border-radius: 0.20rem !important;
    border-radius: 0.20rem !important;
    /* box-shadow: none;
    box-shadow: inset 0 0 0 0px transparent; */
}

button {
    outline: 0;
    font-size: 14px !important;
}

.btn {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    box-shadow: inset 0px 0px 0px 0px transparent !important;
}

.navbar {
    background-color: rgba(142, 140, 132, 0.1);
}

/**************************************************************/
/* START my styles */
/**************************************************************/

.req                 {
    color: #993300;
}

.text-danger{
    color:#b94a48;
}

.spinner-border-sm {
    --bs-spinner-border-width: 0.15em;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
}
.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: 0.30;
}

/* Modal dialog
-------------------------------------------------- */

/* tweak shadows and corners of modal dialogs */
/* heads up! some of the dialogs overwrite position to 'fixed' */
.my-modal {
    position: absolute;
    top: 25%;
    left: 50%;
    z-index: 1050;
    width: 560px;
    height: auto;
    margin-left: -280px;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    *border: 1px solid #999;
    box-shadow: 0 6.4px 14.4px 0 rgba(0,0,0,.08),0 1.2px 3.6px 0 rgba(0,0,0,.07);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: none;
}


.my-modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    box-shadow: 0 6.4px 14.4px 0 rgba(0,0,0,.08),0 1.2px 3.6px 0 rgba(0,0,0,.07);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    *zoom: 1;
}

/* animation for message styles */
.w3-animate-opacity{
    animation:opac 0.75s;
}
@keyframes opac{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}

/* this style is missused for Success-messages */
.MyInputFatalStyle2 {
    /* color: darkgreen; */
    /* green */
    padding: 8px 14px 8px 14px;
    margin: 0px;
    margin-left: 1.0rem;
    margin-right: 1.0rem;
    margin-bottom: 8px;
    color: #333;
    /* border: 1px solid #e8f8e6; */
    border: 1px solid rgb(237, 243, 230);
    border-radius: 4px;
    /* background-color: #e8f8e6; */
    background-color: rgb(237, 243, 230);
    box-shadow: 0 6.4px 14.4px 0 rgba(0,0,0,.08),0 1.2px 3.6px 0 rgba(0,0,0,.07);
    text-align: left;
}

.MyInputErrorStyle2 {
    /*color: darkgoldenrod;*/
    /* pink */
    padding: 8px 14px 8px 14px;
    margin: 0px;
    margin-left: 1.0rem;
    margin-right: 1.0rem;
    margin-bottom: 8px;
    border: 1px solid #fde7e9;
    border-radius: 4px;
    color: #333;
    background-color:#fde7e9;
    box-shadow: 0 6.4px 14.4px 0 rgba(0,0,0,.08),0 1.2px 3.6px 0 rgba(0,0,0,.07);
    text-align: left;
}

.MyInputWarnStyle2 {
    /*color: darkgoldenrod;*/
    /* yellow */
    padding: 8px 14px 8px 14px;
    margin: 0px;
    margin-left: 1.0rem;
    margin-right: 1.0rem;
    margin-bottom: 8px;
    border: 1px solid rgb(255, 252, 222);
    border-radius: 4px;
    color: #333;
    /* background-color: rgb(255, 252, 222); post-it-yellow */
    background-color: rgb(255, 250, 243);
    box-shadow: 0 6.4px 14.4px 0 rgba(0,0,0,.08),0 1.2px 3.6px 0 rgba(0,0,0,.07);
    text-align: left;
}

.MyInputInfoStyle2 {
    /*color: #5a5a5a;*/

    padding: 8px 14px 8px 14px;
    margin: 0px;
    margin-left: 1.0rem;
    margin-right: 1.0rem;
    margin-bottom: 8px;
    color: #333;
    /* sky blue 
    border: 1px solid rgb(209, 225, 246);
    background-color: rgb(209, 225, 246);
    */
    /* gray */
    border: 1px solid #FAF9F8;
    border-radius: 4px;
    background-color: #FAF9F8;
    box-shadow: 0 6.4px 14.4px 0 rgba(0,0,0,.08),0 1.2px 3.6px 0 rgba(0,0,0,.07);
    text-align: left;
}

/* END message styles */
/***************************************************/

/**************************************************************/
/* START my styles from HOMEPAGE */
/**************************************************************/

li {
    padding: 2px;
}

.mymarginedlist li {
    margin: 5px 0px;
}

.marketing p + h4, p + h3 {
    margin-top: 28px;
}

.my-header {
    /* background-color: var(--my-header-background-color); */
    background: url("../images/blue-gradient.svg") center center / cover no-repeat;
    color: white;
}

.myjumbotron-green-beam {
    margin-top: 1.5rem;
    padding: 3rem;
    /* dark blue:
    color: white; 
    background: rgb(50, 93, 136);*/
    /* warm gray: 
    background-color: rgba(142, 140, 132, 0.1);
    */
    background-color: transparent;
    border-radius: 0.375rem;
    background-image:url("../../shared/images/jumbo-green-beam.png");
    background-repeat: no-repeat;
}

.myshadow-box {
    border-radius: 3px;
    box-shadow: 0 3px 7px rgb(0 0 0 / 10%);
}

.myborder-box {
    border-color: rgba(39,40,44,.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.myrounded-box {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.my-box-list {
    margin-top: 12px;
    margin-bottom: 12px;
    list-style: none;
}

.radio-inline {
    margin: 5px 10px;
}

.testimonial-grey-box {
    background-color: #eaeaec;
    font-weight: lighter;
    padding: 1.0rem 1.0rem;
    -webkit-border-radius: 0.375rem;
    -moz-border-radius: 0.375rem;
    border-radius: 0.375rem;
}

.testimonial {
    /* font-family: Georgia,Times,Times New Roman,serif; */
    color: rgb(184, 188, 191);
    margin-top: 35px;
    font-size: 18px;
    position: relative;
}

.testimonial-quote:before {
    position: absolute;
    /*z-index: -1;*/
    width: 150px;
    height: 150px;
    top: 5px;
    left: -5px;
    content: "";
    background-image:url("../../shared/images/quote.svg");
    background-repeat: no-repeat;
}

.mybacklink
{
    margin-top: 1.0rem;
    margin-bottom: 1.0rem;
}

/* my label */
.mylabel-keyword
{
    /* old:
    background-color: #F7F7F9;
    border: 1px solid #E1E1E8;
    color: #333333;
    text-shadow: none;
    */

    /* mylabel-keyword */
    display: inline-block;
    padding: 0.35em 0.65em;
    font-size: 0.813rem !important;
    font-weight: normal;
    line-height: 1;
    color: rgba(var(--bs-dark-rgb), 1.0) !important;
    background-color: rgba(var(--bs-secondary-rgb), 0.1) !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.375rem;
    font-family: var(--bs-font-monospace) !important;
}

/* Footer
-------------------------------------------------- */

.footer {
    text-align: center;
    padding: 25px 20px;
    margin-top: 60px;
    border-top: 1px solid #e5e5e5;
}
.footer p {
    margin-bottom: 9px;
    color: #777;
}
.footer-links {
    padding: 0px;
    margin: 10px 0;
}
.footer-links li {
    display: inline;
    padding: 0 2px;
}
.footer-links li:first-child {
    padding-left: 0;
}

/**************************************************************/
/* END my styles */
/**************************************************************/