/*
Theme Name: Uace
FAQ +/-
Author: Nisar Abed (Staff. Virtualgeo)
*/

/* -----------------------------------------------------------------------------
SC > FAQ */

.faq_box,
.faq_box .title_box,
.faq_box .content_box {
    font-size: 16px;
    line-height: 20px;
    position: relative;
    display: block;
    width: 100%;
    height: auto;}

.faq_box {
    max-width: 1080px;
    margin: 0px auto 0px auto;
    border-bottom: 1px solid #ccc;}

.faq_box .title_box,
.faq_box .content_box {
    text-align: left;
    padding: 15px;}

.faq_box .title_box {cursor:pointer;}

.faq_box .title_box .title {
    display: block;
    position: relative;
    font-size: 20px;
    line-height: 25px;
    font-family: "OpenSans-Bold", sans-serif, arial;
    max-width: calc(100% - 50px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    z-index: 1;}

.faq_box .title_box .icon {
    position: absolute;
    top:5px;
    right:5px;
    left:auto;
    bottom:auto;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 25px;
    text-align: center;
    border:0px solid #ccc;
    border-radius: 50%;
    z-index: 10;}

.faq_box .content_box {
    line-height: 22px;
    padding-top: 0px;
    word-wrap: break-word;
    overflow-wrap: break-word;}

/* Page Buider */
.box_faq {
    width: 100%;
    max-width: 1080px;
    margin: 35px auto 35px auto;}

.box_faq h3 {
    text-align: left;
    padding: 20px 15px 20px 15px;}

/* -----------------------------------------------------------------------------
Responsive Media Query */

/*
@media (max-width: 1920px) {}
@media (max-width: 1680px) {}
@media (max-width: 1344px) {}
@media (max-width: 1280px) {}
@media (max-width: 1164px) {}
@media (max-width: 1080px) {}
@media (max-width: 1024px) {}
@media (max-width: 999px) {}
@media (max-width: 810px) {}
@media (max-width: 765px) {}
@media (max-width: 680px) {}
@media (max-width: 640px) {}
@media (max-width: 568px) {}
@media (max-width: 480px) {}
@media (max-width: 359px) {}
@media (max-width: 320px) {}
*/