/* css faq global settings */
.ciu-faq-formart
{
width: 100%;
margin-top: 30px;
margin-bottom: 30px;
}

.ciu-faq h2
{
margin-top: 30px;
font-size: 28px;
}

.ciu-faq-answer
{
margin-top: 20px;
}

.ciu-faq-left ul
{
margin-bottom: 50px;
}

.ciu-faq li
{
padding-top: 20px;
}

.ciu-faq-right h3
{
font-size: 20px;
font-weight: bold;
}

.ciu-faq-right ul
{
list-style-type: none;
padding-left: 0;
margin-left: 0;
}

.ciu-faq-right li
{
list-style-type: none;
margin-bottom: 10px;
}

.ciu-faq-right a.current
{
color: black;
text-decoration: none;
}

.ciu-faq
{
font-size: 18px;
}

.ciu-faq-navigation
{
width: 100%;
}

/* css faq mobile settings */
@media (max-width: 799px)
{
.ciu-faq-formart
{
display: block;
}

.ciu-faq-left
{
width: 100%;
}

.ciu-faq-right
{
width: 100%;
margin-top: 50px;
}

.ciu-faq-navigation
{
display: block;
width: 100%;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
padding-top: 20px;
padding-bottom: 20px;
}

.ciu-faq-navigation-item
{
width: 100%;
padding-bottom: 20px;
}

.ciu-faq-navigation-item a
{
font-size: 20px;
}

.ciu-faq-right a,
.ciu-faq-right li
{
font-size: 18px;
text-align: left;
}
}

/* css faq desktop settings */
@media (min-width: 800px)
{
.ciu-faq-formart
{
display: flex;
justify-content: space-between;
}

.ciu-faq-left
{
width: 75%;
}

.ciu-faq-right
{
width: 20%;
}

.ciu-faq-navigation
{
display: flex;
justify-content: space-between;
}

.ciu-faq-navigation-item
{
width: 49%;
}

.ciu-faq-navigation-item a
{
font-size: 18px;
}

.ciu-faq-right a,
.ciu-faq-right li
{
font-size: 15px;
text-align: left;
}
}

/* css glossary global setting */
.ciu-glossary-formart
{
width: 100%;
min-height: 70vh;
margin-top: 10px;
margin-bottom: 30px;
}

.ciu-glossary-filter
{
display: flex;
flex-wrap: wrap;
}

.ciu-glossary-inner
{
width: 100%;
padding-top: 30px;
display: flex;
justify-content: space-between;
align-items: flex-start;
}

.ciu-glossary-filter a
{
padding: 10px;
border: 1px solid #545400;
margin-right: 10px;
margin-top: 20px;
}

.ciu-glossary-filter a:hover,
.ciu-glossary-filter .active
{
background: #545400;
color: #fff;
text-decoration: none;
}

.ciu-glossary-navigation
{
width: 20%;
}

.ciu-glossary-navigation li
{
padding-bottom: 5px;
}

.ciu-glossary-current-entry
{
width: 77%;
padding-top: 20px;
padding-bottom: 20px;
margin-bottom: 20px;
margin-top: 20px;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}