Current File : /home/resuelf/www/wp-content/plugins/starbox/themes/topstar/css/frontend.css

/**************************/
@font-face {
    font-family: 'ABHFontAwesomeBrands';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("../../fonts/fa-brands-400.woff2?rnd=12") format("woff2"), url("../../fonts/fa-brands-400.ttf?rnd=12") format("truetype");
}

@font-face {
    font-family: 'ABHFontAwesome';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("../../fonts/fa-solid-900.woff2?rnd=12") format("woff2"), url("../../fonts/fa-solid-900.ttf?rnd=12") format("truetype");
}
/*****************************/

.abh_box_down {
    margin: 0
}

.abh_box_up {
    margin: 0
}

.abh_box {
    position: absolute;
    width: 0;
    height: 0
}

.abh_tabs {
    display: none;
    position: absolute;
    top: 57px;
    left: -3px;
    width: 55px;
    list-style: none;
    padding: 0 0 5px 0;
    margin: 0;
    font: 13px arial
}

.abh_tabs li {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 11px;
    height: 15px
}

.abh_tabs li a {
    font-size: 10px;
    border: 0 solid #ccc;
    text-decoration: none;
    border-bottom: none;
    padding: 0;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.abh_tabs li.abh_active a {
    padding: 0;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.abh_tabs li a.icon_accept {
}

.abh_tabs li a.icon_accept:hover {
    padding-left: 24px
}

.abh_tabs_content_container {
    border: 2px solid #ccc;
    border-top: none;
    padding: 10px;
    width: 400px
}

.abh_tab_content {
    display: block;
    position: absolute;
    width: 80px;
    min-height: 245px;
    top: -10px;
    left: -125px;
    text-align: right;
    padding: 0;
    margin: 0
}

.abh_tab_content .abh_tab {
    display: none
}

.abh_tab_content .abh_about {
    display: block
}

.abh_tab_content .abh_image {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    float: left
}

.abh_tab_content .abh_image img {
    max-width: 100%;
    height: auto;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    cursor: pointer
}

.abh_tab_content .abh_image a{
    border: none !important;
    -webkit-box-shadow: none !important;
}

.abh_tab_content .abh_text {
    line-height: 1.5
}

.abh_tab_content .abh_text .abh_name {
    clear: both;
    font-weight: normal;
    text-transform: capitalize;
    text-align: right;
    font-size: 12px;
    line-height: 14px !important;
    text-decoration: none;
    margin: 83px 0 0 0 !important;
    padding: 0 0 4px 0;
    border-bottom: 1px solid #ddd;
    cursor: pointer
}

.abh_tab_content .abh_text .abh_name a, .abh_tab_content .abh_text .abh_name a:hover{
    text-decoration: none
}

.abh_tab_content .abh_text .abh_name .abh_arrow {
    float: right!important;
    font-family: "ABHFontAwesome",sans-serif;
    display: inline-block!important;
    font-size: 20px!important;
    padding-right: 0!important;
    margin: 0 0 0 5px!important;
}

.abh_tab_content .abh_text .abh_name .abh_arrow:before{
    content: "\f0d7";
}

.abh_tab_content .abh_text .abh_name .abh_active:before{
    content: "\f0d8";
}

.abh_tab_content .abh_text .fn a {
    text-decoration: none;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.abh_tab_content .abh_text .abh_job {
    display: none
}

.abh_tab_content .abh_text .abh_job span {
    font-size: 13px;
    margin-bottom: 15px
}

.abh_tab_content .abh_description {
    display: none;
    width: 100%;
    margin-top: 5px
}

.abh_tab_content .abh_text .abh_allposts {
    display: none;
    font-size: 11px;
    vertical-align: middle
}

.abh_tab_content .abh_text ul {
    list-style: none;
    padding: 0;
    margin: 5px 0 0 10px
}

.abh_tab_content .abh_social {
    display: none;
    position: absolute;
    width: 80px;
    top: 130px;
    line-height: 1px;
    padding: 0;
    margin: 3px 0 0 0;
    text-align: center
}

.abh_tab_content .abh_social div {
    width: auto !important
}

.abh_tab_content .abh_social a {
    display: inline-block;
    font-family: "ABHFontAwesomeBrands", sans-serif;

    width: 24px !important;
    height: 24px !important;

    margin: 1px !important;
    padding: 0 !important;
    opacity: .5 !important;
    transition: opacity .2s !important;
    text-decoration: none !important;
    -moz-transition: opacity .2s !important;
    -webkit-transition: opacity .2s !important;
    -o-transition: opacity .2s !important;

    border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;

    font-style: normal;
    font-size: 20px !important;
    line-height: 25px;
    text-rendering: auto;
    text-align: center;
}

.abh_tab_content .abh_social a:hover {
    opacity: 1 !important;
}

.abh_tab_content .abh_social a.abh_facebook:before {
    content: "\f09a"
}

.abh_tab_content .abh_social a.abh_flickr:before {
    content: "\f16e"
}

.abh_tab_content .abh_social a.abh_google:before {
    content: "\f1a0"
}

.abh_tab_content .abh_social a.abh_instagram:before {
    content: "\f16d"
}

.abh_tab_content .abh_social a.abh_linkedin:before {
    content: "\f08c"
}

.abh_tab_content .abh_social a.abh_pinterest:before {
    content: "\f0d2"
}

.abh_tab_content .abh_social a.abh_tumblr:before {
    content: "\f173"
}

.abh_tab_content .abh_social a.abh_twitter:before {
    content: "\e61b";
}

.abh_tab_content .abh_social a.abh_vimeo:before {
    content: "\f40a"
}

.abh_tab_content .abh_social a.abh_youtube:before {
    content: "\f167"
}

.abh_tab_content .abh_social a.abh_email:before {
    font-family: "ABHFontAwesome", sans-serif;
    content: "\f199"
}

.abh_box .vcard {
    background: none;
    font-size: 100%;
    border: none
}

.abh_box .abh_pwb {
    display: none
}

@media only screen and (max-width: 860px) {
    .abh_tab_content .abh_image, .abh_social {
        margin-right: 10px;
    }

    .abh_tab_content .abh_text{
        text-align: justify;
        margin-left: 0 !important;
    }
}