﻿
/*Accordion Shortcode*/

.thephantom_accordion .wrap {
}
.thephantom_accordion .panel {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #fff;
    background: none;
    box-shadow: none;
}
.thephantom_accordion .panel:last-child {
    border-bottom: none;
}

.thephantom_accordion .panel-group > .panel:first-child .panel-heading {
    border-radius: 0px 0px 0 0;
}

.thephantom_accordion .panel-group .panel {
    border-radius: 0;
}

.thephantom_accordion .panel-group .panel + .panel {
    margin-top: 0;
}

.thephantom_accordion .panel-heading {
    background-color: #63868F;
    border-radius: 0;
    border: none;
    color: #fff;
    padding: 0;
}
.thephantom_accordion .panel-title a {
    display: block;
    color: #fff;
    padding: 16px 15px;
    position: relative;
    font-size: 17px;
    font-weight: 600;
}
.thephantom_accordion .panel-title a:hover,
.thephantom_accordion .panel-title a:focus
{
    text-decoration:none;
}
.thephantom_accordion .panel-body {
    background: #fff;
    line-height:25px;
    padding: 25px 20px 28px;
    font-size:14px;
    color:#666666;
    background-color:#fafafa;
    font-weight:500;
}
.thephantom_accordion .panel:last-child .panel-body {
    border-radius: 0 0 4px 4px;
}
.thephantom_accordion .panel:last-child .panel-heading {
    border-radius: 0 0 4px 4px;
    transition: border-radius 0.3s linear 0.2s;
}
.thephantom_accordion .panel:last-child .panel-heading.active {
    border-radius: 0;
    transition: border-radius linear 0s;
}

/* #bs-collapse icon scale option */

.thephantom_accordion .panel-heading a:before {
    content: '\e146';
    position: absolute;
    font-family: 'Ionicons';
    right: 18px;
    top: 10px;
    font-size: 24px;
    transition: all 0.5s;
    transform: scale(1);
}

.thephantom_accordion .panel-heading.active a:before {
    content: ' ';
    transition: all 0.5s;
    transform: scale(0);
}
.thephantom_accordion .accordion .panel-heading a:before {
    content: '\f3d8';
    font-size: 24px;
    position: absolute;
    font-family: 'Ionicons';
    right: 18px;
    top: 13px;
    transform: rotate(180deg);
    transition: all 0.5s;
}
.thephantom_accordion .accordion .panel-heading.active a:before {
    transform: rotate(0deg);
    transition: all 0.5s;
}

/*End Accordion Short Code*/