/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
@import "/wp-content/plugins/accordion-for-wp/public/css/afwp-menu-accordian-widget.css";
/* Shared for all accordion types */
.afwp-accordion-list:after{
    content:"";
    display:block;
    clear:both;
}

.afwp-accordion [type=radio],
.afwp-accordion [type=checkbox] {
    display:none;
}
.afwp-accordion label{
    display:block;
    font-weight:700;
    cursor:pointer;
   /* -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;*/
}

.afwp-accordion .afwp-content {
    padding:0 10px;
    overflow:hidden;
    -webkit-transition: width 0.8s ease-out, max-height 0.8s ease-out; /*, padding 0.8s ease-out;*/
    -moz-transition: width 0.8s ease-out, max-height 0.8s ease-out; /*, padding 0.8s ease-out;*/
    -ms-transition: width 0.8s ease-out, max-height 0.8s ease-out; /*, padding 0.8s ease-out;*/
    -o-transition: width 0.8s ease-out, max-height 0.8s ease-out; /*, padding 0.8s ease-out;*/
    transition: width 0.8s ease-out, max-height 0.8s ease-out; /*, padding 0.8s ease-out;*/
}

/* Vertical */
.afwp-accordion.vertical label {
    padding:10px;
}
.afwp-accordion.vertical [type=radio]:checked ~ label,
.afwp-accordion.vertical [type=checkbox]:checked ~ label {
    border-bottom:0;
}

.afwp-accordion.vertical .afwp-content {
    max-height:0px;
    height:100%;
    overflow:hidden;
}
.afwp-accordion.vertical [type=radio]:checked ~ label ~ .afwp-content,
.afwp-accordion.vertical [type=checkbox]:checked ~ label ~ .afwp-content {
    max-height:500px;
    min-height:30px;
}

/* Horizontal */
/* Unfortunately fixed heights need to be set for this */
.afwp-accordion.horizontal {
    overflow:hidden;
    height:auto;
}

.afwp-accordion.horizontal ul li {
    float:left;
    margin:0 1px 1px 0;
    padding:0px !important;
}

.afwp-accordion.horizontal label {
    word-wrap:break-word;
    letter-spacing:10px;
    text-align:center;
    height:auto;
    padding:10px 0 10px 8px;
    width:30px;
    float:left;
}
.afwp-accordion.horizontal .afwp-content {
    height:300px;
    padding:0;
    display:inline-block; /* Makes its work in FF */
    visibility:hidden; /* Chrome bug cant show width < 1px for some reason so need to toggle visibility */
    width:1px;
    border-left:0;
}
.afwp-accordion.horizontal [type=radio]:checked ~ label {
    border-right:0;    
}

.afwp-accordion.horizontal [type=radio]:checked ~ label ~ .afwp-content {
    visibility:visible;
    width: 200px;
    padding:10px;
    border-left:0;    
}

/*
 * Blank Template Design
 */
/*global*/
.template-name label{
    background:rgb(236, 101, 81);
    border:1px solid #542437;
    color:#fff;
}

.template-name ul li label:hover,
.template-name [type=radio]:checked ~ label,
.template-name [type=checkbox]:checked ~ label {
    background:#C02942;
    color:#FFF;
}

/*verticlal*/
.template-name .vertical label:hover {
    border:1px solid #542437; /* We don't want the border to disappear on hover */
}

/*horizontal*/
.template-name .horizontal label:hover {
    border:1px solid #542437; /* Again, we don't want the border to disappear on hover */
}

/*
 * Default Template Design
 */
/*global*/
.afwp-default .afwp-accordian-item-wrap{
    padding:0;
    border:none;
    position: relative;
    margin:0 0 1px;
    overflow: hidden;
}

.afwp-default label{
    position: relative;
    display: block;
    color:#fff;
    padding: 10px 0 10px 1em;
    margin:0;
    background: rgb(71, 160, 0);
    font-weight: 600;
    text-transform: uppercase;
    line-height:1.4em;
    cursor: pointer;
}

.afwp-default label:hover,
.afwp-default [type=radio]:checked ~ label,
.afwp-default [type=checkbox]:checked ~ label {
    background: #00c05f;
    color:#FFF;
}

.afwp-default [type=radio]:checked ~ .afwp-content,
.afwp-default [type=checkbox]:checked ~ .afwp-content {
    padding:10px;
}


.afwp-default .afwp-content{
    background: rgb(26, 188, 156);
    color:#fff;
}

/*verticlal*/
.afwp-default .vertical label:hover {

}

.afwp-default .vertical .afwp-content{

}

/*horizontal*/
.afwp-default .horizontal label:hover {

}


/*
 * Default Template One
 */
/*Global */

.afwp-template-1 .afwp-accordian-item-wrap{
    padding:0;
    border:none;
    position: relative;
    margin:0 0 1px;
    color: rgb(255, 255, 255);
    overflow: hidden;
}

.afwp-template-1 label{
    position: relative;
    display: block;
    color:#fff;
    padding: 10px 0 10px 1em;
    margin:0;
    background: rgb(22, 160, 133);
    font-weight: 600;
    text-transform: uppercase;
    line-height:1.4em;
    cursor: pointer;
}

.afwp-template-1 label::after{
    content:"+";
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 2em;
    height: 2em;
    line-height: 2;
    text-align: center;
    font-size:1.5em;
    -webkit-transition: all .35s;
    transition: all .35s;

}

.afwp-template-1 label:hover,
.afwp-template-1 [type=radio]:checked ~ label,
.afwp-template-1 [type=checkbox]:checked ~ label {
    background:rgb(9, 160, 108);
}

.afwp-template-1 label:hover:after,
.afwp-template-1 [type=radio]:checked ~ label:after,
.afwp-template-1 [type=checkbox]:checked ~ label:after {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
}

.afwp-template-1 [type=radio]:checked ~.afwp-content,
.afwp-template-1 [type=checkbox]:checked ~.afwp-content{
    padding:10px 10px 0;
    max-height: 999999px;
}

.afwp-template-1 .afwp-content{
    background: rgb(26, 188, 156);
}

/*verticlal*/
.afwp-template-1 .vertical .afwp-accordian-item-wrap{
    width: 100%;
}

.afwp-template-1 .vertical label:hover {
    /*border:1px solid #542437; /* We don't want the border to disappear on hover */
}

/*horizontal*/
.afwp-template-1 .horizontal .afwp-content{
    padding-top:10px;
}
.afwp-template-1 .horizontal label{
    padding-top:30px;
}
.afwp-template-1 .horizontal label:after{
    width: 100%;
    height: 30px;
    font-size: 1.5em;
    line-height: 30px;
    text-align: center;
    padding: 0 8px;
}
.afwp-template-1 .horizontal label:hover {
    /*border:1px solid #542437; /* Again, we don't want the border to disappear on hover */
}