/*
 Theme Name:   Darna Child Theme
 Theme URI:    http://themes.g5plus.net/darna
 Description:  Darna Child Theme
 Author:       G5plus
 Author URI:   http://g5plus.net
 Template:     darna
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: 				two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: 		g5plus-framework
*/


/************************************************************************************
Put your custom CSS below this block :)
*************************************************************************************/
.page-id-115 .site-content-page p,
.page-id-115 .site-content-page li{
    font-size: medium !important;
}
.page-id-115 .about-1 p{
    color: #000 !important;
    text-align: justify !important;
}
.page-id-115 .about-1 li{
    color: #154a98 !important;
}
.page-id-115 .darna-heading h2{
    font-size: xx-large !important;
    font-weight: bold !important;
}

.sidebar .tagcloud a {
    font-size: 11px !important;
}
.page-id-115 .darna-icon-box.style1{
    text-align: justify !important;
    padding-top: 10px !important;
    padding-right: 30px !important;
    padding-bottom: 10px !important;
    padding-left: 50px !important;
}

.page-id-115 .darna-icon-box.style1 .ibox-icon{
    text-align: center;
    border-radius: 50%;
}
.page-id-115 .darna-icon-box.style1 .ibox-icon,
.page-id-115 .darna-icon-box.style1 h3{
    display: inline-block !important;
}
.page-id-115 .darna-icon-box.style1 h3 a{
    color: #FFF !important;
    font-size: medium !important;
    font-weight: normal !important;
    padding-left: 7px !important;
}
.page-id-115 .darna-icon-box.style1 .ibox-icon i, .page-id-115 .darna-icon-box.style2 .ibox-icon i {
    font-size: large !important;
    line-height: 40px !important;
}
.page-id-115 .darna-icon-box.style1 h3, .page-id-115 .darna-icon-box.style2 h3{
    padding-top: unset !important;
}
.page-id-115 .darna-icon-box.style1 .ibox-icon{
    height: 45px !important;
    width: 45px !important;
}
.wpb_single_image .vc_single_image-wrapper{
    width: 100%;
}

.why-icon > h3, .why-icon > h3 > a, .why-icon > p{
    color: #ffffff !important;
}
.why-title:after,
.why-title > h2:before,
.why-icon > .ibox-icon{
    border-color: #ffffff !important;
}
.why-icon:hover > .ibox-icon{
    border-color: #154a98 !important;
}
ul{
    padding-left: 15px !important;
}
li{
    list-style: none !important;
}

footer.main-footer-wrapper {
    -webkit-background-size: 100% !important;
    -moz-background-size: 100% !important;
    -o-background-size: 100% !important;
    background-size: 100% !important;
    background-position: center;
    background-attachment: scroll !important;
}

footer.main-footer-wrapper *{
    color: #ffffff !important;
}
footer.main-footer-wrapper a:hover{
    color: #ffff00 !important;
}
footer.main-footer-wrapper .footer-logo .sub-description{
    line-height: unset !important;
    font-size: 14px !important;
}
footer.main-footer-wrapper .widget-bct{
    margin-top: 15px;
}
footer.main-footer-wrapper .widget-bct img{
    height: 45px;
}

/*--  BOX ONLINE --*/
.box-online{
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 270px;
    display: none;    
    position: fixed;
    margin-bottom: 0 !important;    
}
.box-online .app-alo-phone.app-alo-show {
    width: 100%;
}
.box-online > .panel-body{    
    padding-left:0 !important;
}
.box-online > .panel-body,
.box-online > .panel-body .list-group-item{
    border: none !important;
}
.box-online > .panel-body .list-group-item .phone{
    position: relative;
}
.box-online > .panel-body .list-group-item .num-phone{    
    text-align: center;
    position: relative;
    z-index: -1;
    color: #f00;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 70px;
}
.box-online > .panel-body .list-group-item .num-phone > p {
    line-height: 1.4;
}
.box-online > .panel-body .list-group-item .num-phone > p+p{
    font-weight: bold;
    font-size: large;
}

.box-online > .panel-body .list-group-item .mxh {
    text-align: center;
}
.box-online #btn-close{
    top: 7px;
    right: 7px;
    opacity: 1 !important;
    position: absolute;
    color: #f00;
}

.icon_call_us{
    position: fixed;
    bottom: 15px;
    left: 15px;
    z-index: 9;
    background-color: #f00;
    border-radius: 50%;
    padding: 15px;
}
.icon_call_us > img{
    height: 30px;
    -webkit-animation: app-alo-circle-img-anim 1s infinite ease-in-out;
    -moz-animation: app-alo-circle-img-anim 1s infinite ease-in-out;
    -ms-animation: app-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: app-alo-circle-img-anim 1s infinite ease-in-out;
    animation: app-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    cursor: pointer;
}