/*
Magic Tabs by John Liddiard (aka JohntheFish)
www.jlunderwater.co.uk
This software is licensed under the terms described in the concrete5.org marketplace.
Please find the add-on there for the latest license copy.

Create a tabbed interface simply by inserting magic tabs blocks into the page
*/

/*
 * Icons, hide while loading
 */
h1.jl_magic_tabs_has_icon > i[class*='fa-'],
h2.jl_magic_tabs_has_icon > i[class*='fa-'],
h3.jl_magic_tabs_has_icon > i[class*='fa-'],
h4.jl_magic_tabs_has_icon > i[class*='fa-'],
h5.jl_magic_tabs_has_icon > i[class*='fa-'],
h6.jl_magic_tabs_has_icon > i[class*='fa-'] {
    display: none;
}

h1.jl_magic_tabs_has_icon > i[class^='fa'].jl_magic_tabs_icon_tab,
h2.jl_magic_tabs_has_icon > i[class*='fa-'].jl_magic_tabs_icon_tab,
h3.jl_magic_tabs_has_icon > i[class*='fa-'].jl_magic_tabs_icon_tab,
h4.jl_magic_tabs_has_icon > i[class*='fa-'].jl_magic_tabs_icon_tab,
h5.jl_magic_tabs_has_icon > i[class*='fa-'].jl_magic_tabs_icon_tab,
h6.jl_magic_tabs_has_icon > i[class*='fa-'].jl_magic_tabs_icon_tab{
    display: inline-block;
}


/*
 * Icon states, tabs
 */

/*
 * Inactive tab
 */

.jl_magic_tabs_controls .jl_magic_tabs_has_icon .jl_magic_tabs_icon_tab {
    display: inline-block;
}

.jl_magic_tabs_controls .jl_magic_tabs_has_icon .jl_magic_tabs_icon_tab_active,
.jl_magic_tabs_controls .jl_magic_tabs_has_icon .jl_magic_tabs_icon_tab_hover {
    display: none;
}

/*
 * Inactive tab, hover
 */

.jl_magic_tabs_controls .jl_magic_tabs_has_icon:hover .jl_magic_tabs_icon_tab {
    display: none;
}

.jl_magic_tabs_controls .jl_magic_tabs_has_icon:hover .jl_magic_tabs_icon_tab_hover {
    display: inline-block;
}


/*
 * Active tab
 */

.jl_magic_tabs_controls .jl_magic_tabs_has_icon.jl_magic_tabs_active .jl_magic_tabs_icon_tab,
.jl_magic_tabs_controls .jl_magic_tabs_has_icon.jl_magic_tabs_active .jl_magic_tabs_icon_tab_hover {
    display: none;
}

.jl_magic_tabs_controls .jl_magic_tabs_has_icon.jl_magic_tabs_active .jl_magic_tabs_icon_tab_active {
    display: inline-block;
}


/*
 * Icon states, accordions
 */

/*
 * Inactive accordion
 */

.jl_magic_tabs_controls .jl_magic_tabs_has_icon .jl_magic_tabs_icon_accordion {
    display: inline-block;
}

.jl_magic_tabs_controls .jl_magic_tabs_has_icon .jl_magic_tabs_icon_accordion_active,
.jl_magic_tabs_controls .jl_magic_tabs_has_icon .jl_magic_tabs_icon_accordion_active_hover,
.jl_magic_tabs_controls .jl_magic_tabs_has_icon .jl_magic_tabs_icon_accordion_hover {
    display: none;
}

/*
 * Inactive accordion, hover
 */

.jl_magic_tabs_controls .jl_magic_tabs_has_icon:hover .jl_magic_tabs_icon_accordion {
    display: none;
}

.jl_magic_tabs_controls .jl_magic_tabs_has_icon:hover .jl_magic_tabs_icon_accordion_hover {
    display: inline-block;
}


/*
 * Active accordion
 */

.jl_magic_tabs_controls.jl_magic_tabs_accordion .jl_magic_tabs_has_icon.jl_magic_tabs_active .jl_magic_tabs_icon_accordion,
.jl_magic_tabs_controls.jl_magic_tabs_accordion .jl_magic_tabs_has_icon.jl_magic_tabs_active .jl_magic_tabs_icon_accordion_active_hover,
.jl_magic_tabs_controls.jl_magic_tabs_accordion .jl_magic_tabs_has_icon.jl_magic_tabs_active .jl_magic_tabs_icon_accordion_hover {
    display: none;
}

.jl_magic_tabs_controls.jl_magic_tabs_accordion .jl_magic_tabs_has_icon.jl_magic_tabs_active .jl_magic_tabs_icon_accordion_active {
    display: inline-block;
}

/*
 * Active accordion, hover
 */
.jl_magic_tabs_controls.jl_magic_tabs_accordion .jl_magic_tabs_has_icon.jl_magic_tabs_active:hover .jl_magic_tabs_icon_accordion_active {
    display: none;
}

.jl_magic_tabs_controls.jl_magic_tabs_accordion .jl_magic_tabs_has_icon.jl_magic_tabs_active:hover .jl_magic_tabs_icon_accordion_active_hover {
    display: inline-block;
}

/*
 * right positioning of icon
 */

.jl_magic_tabs_controls.jl_magic_tabs_accordion .jl_magic_tabs_has_icon.jl_magic_tabs_accordion_icon_push_right i[class*='fa-']{
    float: right;
}

.jl_magic_tabs_controls.jl_magic_tabs_accordion .jl_magic_tabs_has_icon.jl_magic_tabs_accordion_icon_push_right a:after,
.jl_magic_tabs_controls.jl_magic_tabs_accordion .jl_magic_tabs_has_icon.jl_magic_tabs_no_accordion_default a:after {
    content: none !important;
}

/*
 * Some additions to font awesome
 (note, some missing equivalents for old MS)
 */

.fa-mt-rotate-22 {
    -webkit-transform: rotate(22deg);
    -ms-transform: rotate(22deg);
    transform: rotate(22deg)
}

.fa-mt-rotate-45 {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fa-mt-rotate-135 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.fa-mt-rotate-225 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg)
}

.fa-mt-rotate-315 {
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg)
}

.fa-mt-rotate-338 {
    -webkit-transform: rotate(338deg);
    -ms-transform: rotate(338deg);
    transform: rotate(338deg)
}