/*
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
*/

/* FOR OPENING ALL TABS (LINK IN TEMPLATE NEEDS TO BE DEACTIVATED
.jl_magic_tabs_divider {
    display: block!important;

}*/
.jl_magic_tabs_accuton_accordion.jl_magic_tabs ul.nav-tabs.nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.jl_magic_tabs_accuton_accordion.jl_magic_tabs ul.nav-tabs.nav li {
	border-radius:0!important;
	/*background-color:var(--brand);*/
    list-style-type: none;
    display: inline-grid;
    flex-grow: 1;
    text-align: center;
	color:#000!important;
}
.jl_magic_tabs_accuton_accordion.jl_magic_tabs ul.nav-tabs.nav li:hover {
	
	
}
.jl_magic_tabs_accuton_accordion.jl_magic_tabs_controls {
    position: relative;
}

/*
Accordion styles
*/

/* Fill whole width */
.jl_magic_tabs_accuton_accordion.jl_magic_tabs_controls.jl_magic_tabs.jl_magic_tabs_accordion > ul.nav-tabs.nav.jl_magic_tabs > li {border:2px solid black!important;border-bottom:2px transparent;
    width: 100%;border-radius:0!important;margin-bottom:-3px;
}

.jl_magic_tabs_accuton_accordion.jl_magic_tabs_controls.jl_magic_tabs.jl_magic_tabs_accordion > ul.nav-tabs.nav.jl_magic_tabs > li > a {
    text-align: left;	font-family: montserratbold, sans-serif;color:#000!important;border-radius:0!important;border:transparent;
	padding-left: .6rem;
}

/* Cursor so to indicate click to collapse */
.jl_magic_tabs_accuton_accordion.jl_magic_tabs_controls.jl_magic_tabs.jl_magic_tabs_accordion > ul.nav-tabs.nav.jl_magic_tabs > li.active > a.active {
    cursor: pointer;background-color:transparent;	
}
.jl_magic_tabs_accuton_accordion.jl_magic_tabs_controls.jl_magic_tabs.jl_magic_tabs_accordion > ul.nav-tabs.nav.jl_magic_tabs > li.active > a.active:hover {
   border:transparent;border-radius:0!important;
}
.jl_magic_tabs_accuton_accordion.jl_magic_tabs_controls.jl_magic_tabs.jl_magic_tabs_accordion.jl_magic_tabs_level_1 > ul > li,
.jl_magic_tabs_accuton_accordion.jl_magic_tabs_controls.jl_magic_tabs.jl_magic_tabs_accordion.jl_magic_tabs_level_2 > ul > li {
    padding-right: 20px;
    padding-left: 20px;
}

/* + to indicate expandable */
.jl_magic_tabs_accuton_accordion.jl_magic_tabs_controls.jl_magic_tabs.jl_magic_tabs_accordion > ul.nav-tabs.nav.jl_magic_tabs > li > a:after {
	font-family: 'Font Awesome 7 Free'; 
    content: "\f078";
    font-weight: 900;
    float: right;
    text-decoration: none;
    font-size: 100%;
}

/* - to indicate collapsible */
.jl_magic_tabs_accuton_accordion.jl_magic_tabs_controls.jl_magic_tabs.jl_magic_tabs_accordion > ul.nav-tabs.nav.jl_magic_tabs > li > a.active:after {
	font-family: 'Font Awesome 7 Free'; 
    content: "\f077";
}

@media print {
.jl_magic_tabs_divider {
    display: block!important;	
}

/*
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
*/

.jl_magic_tabs_default.jl_magic_tabs ul.nav-tabs.nav {
    display: flex;
    flex-wrap: wrap;
}


.ccm-ui.jl_magic_tabs_default.jl_magic_tabs ul.nav-tabs.nav li {
    display: inline-grid;
    list-style-type: none;
}

.ccm-ui.jl_magic_tabs_default.jl_magic_tabs_controls {
    position: relative;
}

/*
Accordion styles
*/

/* Fill whole width */
.ccm-ui.jl_magic_tabs_default.jl_magic_tabs_controls.jl_magic_tabs.jl_magic_tabs_accordion > ul.nav-tabs.nav.jl_magic_tabs > li {
    width: 100%;
}

/* Cursor so to indicate click to collapse */
.ccm-ui.jl_magic_tabs_default.jl_magic_tabs_controls.jl_magic_tabs.jl_magic_tabs_accordion > ul.nav-tabs.nav.jl_magic_tabs > li.active > a.active {
    cursor: pointer;
}

.jl_magic_tabs_default.ccm-ui.jl_magic_tabs_controls.jl_magic_tabs.jl_magic_tabs_accordion.jl_magic_tabs_level_1 > ul.nav-tabs.nav.jl_magic_tabs > li,
.jl_magic_tabs_default.ccm-ui.jl_magic_tabs_controls.jl_magic_tabs.jl_magic_tabs_accordion.jl_magic_tabs_level_2 > ul.nav-tabs.nav.jl_magic_tabs > li {
    padding-right: 20px;
    padding-left: 20px;
}

/* + to indicate expandable */
.ccm-ui.jl_magic_tabs_default.jl_magic_tabs_controls.jl_magic_tabs.jl_magic_tabs_accordion > ul.nav-tabs.nav.jl_magic_tabs > li > a:after {
    content: "+";
    font-weight: 900;
    float: right;
    text-decoration: none;
    font-size: 140%;
}

/* - to indicate collapsible */
.ccm-ui.jl_magic_tabs_default.jl_magic_tabs_controls.jl_magic_tabs.jl_magic_tabs_accordion > ul.nav-tabs.nav.jl_magic_tabs > li > a.active:after {
    content: "-";
}