@charset "UTF-8";

/* Below are the CSS styles that aren't included with Bootstrap 5. It's a good idea to keep them whether or not you use it unless you know what you're doing. */

:root {

/* 	--bs-font-monospace */


}


.btn-secondary {
	--bs-btn-bg: transparent;
	--bs-btn-border-width: 0;
	--bs-btn-border-color: transparent;
}
.btn-secondary.btn:hover {
	--bs-btn-hover-color: initial;
	--bs-btn-hover-bg: transparent;
	--bs-btn-hover-border-color: transparent;
}

body, p, li, div {
	font-family: var(--atomic-body-font);
}
h1,h2,h3,h4,h5,h6 {
	font-family: var(--atomic-header-font);
}

/* General styles */

.readmore .btn.btn-secondary {

}





/* Cassiopeia module positions 
sidebar-left
sidebar-right
below-top
menu
search
banner
top-a
top-b
bottom-a
bottom-b
footer
*/

main {

}

.container-banner {

}
.container-top {

}
.container-top-a {

}
.container-top-b {

}
.container-bottom {

}

.container-main {
	display: flex;
	width: 100%;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: stretch;
	gap: 20px;
	padding: 1em 0;
}
.container-component {
	flex-grow:3;
	flex-basis: 60%;
	padding: 0 1em;
}

.container-sidebar-left {
	flex-basis: 10%; 
	padding: 0 1em;
}
.container-sidebar-right {
	flex-basis: 30%;
	padding: 0 1em;
}

footer {
	margin: 1em;
}
.copyright {
	text-align: center;
	font-size: 80%;

}



/* Cassiopeia fixes  */



/* Text styles */


/* Left Side Menu */



/* Frontend editing */


/* Breadcrumbs */


/* Pagination */


/* Search */


/* Login */


/* System error messages  */



/* Contact form */



/* Edit article button menu */



/* System alerts */




/* Inline CSS  */






/* Both dropdown menus  */

.nav .btn-check:checked+.btn, 
.nav .btn.active, 
.nav .btn.show, 
.nav .btn:first-child:active, 
.nav :not(.btn-check)+.btn:active {
	border-color: transparent;
}
.nav .dropdown-menu.show {
	padding: 10px;
	
}

/* Horizontal dropdown menu  */



/* Vertical dropdown menu  */




/* BS Menu fixes to be cleaned up  */
/* 

#navigation button.btn {
    background: none;
	border: none;
	text-decoration: none;
	padding: 0;
}
#navigation button.btn a {
    text-decoration: none;
    color: #CB4506;
}
#navigation .dropend .dropdown-toggle::after {
    color: #CB4506 !important;
}
#navigation .btn-group button.btn {
    border-bottom: 1px solid #EBEBEB;
    padding: 6px 0 6px 0;
    border-radius: 0;
}
#navigation .btn-group button.btn a {
    padding: 0 5px 0 5px;
}
#navigation button.btn.btn-secondary.dropdown-toggle:hover {
    background-color: #dae0e5;
}
#navigation button.btn.btn-secondary.dropdown-toggle:hover a {
    color: #212529;
}
#navigation button.btn.btn-secondary.dropdown-toggle.show {
   border-radius: 0;
    background-color: #dae0e5;
}
#navigation button.btn.btn-secondary.dropdown-toggle.show a {
    color: #212529;
}
#navigation .btn-group ul.dropdown-menu.show li {
    padding: 5px 0 5px 0;
}
#navigation .dropdown-item {
    background: none;
}
#navigation li a.active {
    border: none;
    color: #CB4506;
    font-weight: bold;
}
 */




/* -------------- Font Awesome Icons -------------- */



/* Component only view  */

    
/* Bootstrap 5 Media Queries  */

/* Extra small devices (portrait phones, less than 576px)  */
/* No media query since this is the default in Bootstrap  */

/* Small devices (landscape phones, 576px and up)  */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up)  */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up)  */
@media (min-width: 992px) {

}

/* Extra large devices (large desktops, 1200px and up)  */
@media (min-width: 1200px) {

}