/*initial*/

:root {
    --primary-color:  #006676;
    --secondary-color:  #dfa83f;
    --tertiary-color: #dc6527;
    --fourth-color: #dc6527;
}


#footer-section, html .custom-bg-primary {
    background: var(--primary-color) !important;
}



* {
    font-family: Arial, Helvetica, sans-serif;
}

h1 {
    color: var(--primary-color) !important;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 900;
    font-size: 30pt;
}

h2 {
    color: var(--secondary-color) !important;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 900;
    font-size: 25pt;
}

h3 {
    color: var(--tertiary-color) !important; 
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 900;
    font-size: 20pt;  
}

h4 {
    color: var(--fourth-color) !important;  
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 900;
    font-size: 18pt;    
}

p {
    color: #777 !important; 
    font-family: Arial, Helvetica, sans-serif; 
}    



li::marker {
    color: var(--primary-color) !important;
}

li {
    color: #777 !important;  
}

.tb-color1 {
    background: var(--primary-color) !important;
}

.tb-color2 {
    background: var(--secondary-color) !important;
}

.tb-color3 {
    background: var(--tertiary-color) !important;
}

.site-button {
         background: var(--primary-color) !important;
         color: #fff !important;
}

.site-button:hover {
         background: var(--secondary-color) !important;
         text-decoration: none !important;
         color: #fff !important;
}


a {
    color: var(--primary-color);
    text-decoration: underline;
}

a:hover {
    color: var(--secondary-color);
}