/* All */

:root {
  --cassiopeia-color-primary: #ff9447;
  --cassiopeia-color-link: #ff9447;
  --cassiopeia-color-hover: #f57317;
  --primary: #ff9447;
  --secondary: #e0e0e0;
  --primary-rgb: 253,190,121;
  --secondary-rgb: 231,231,231;
	  --header-color: #57c0aa;
  --header-color2: #00a994;
  --success: #5ac266 ;
  --info: #5ac2bb;
  --warning: #ad6200;
  --danger: #e03e30;
  --body-color: #222;
}

.color-green{
	color:var(--header-color);
}
.color-red{
	color:var(--danger);
}
.color-gray{
	color:#aaa;
}
body.wrapper-fluid .site-grid {
    grid-gap: 0.5em 2em;
    }
.container-banner {
	margin: 0;
}
.metismenu.mod-menu .metismenu-item>a:focus, .metismenu.mod-menu .metismenu-item>button:focus {
    outline: 0;
}
.site-grid a {	
	font-weight : bold;
}
dl, ol, ul {
    margin-bottom: 1.5rem;
    }
.h1, h1 {
    font-size: 2rem;
	}
.h2, h2 {
    font-size: 1.6rem;
	}
h2 a {
    text-decoration:none!important;
    color: var(--header-color2);
	}
.h3, h3 {
	font-size: 1.4rem;
	}
.h4, h4 {
	font-size: 1.3rem;
	font-style: italic;
	color: var(--header-color2);	
	}
.h5, h5 {
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-size: 1.1rem;
}
.invalid {
    border-color: #f57317;
    color: #f57317;
    }
.btn-primary.disabled, .btn-primary:disabled {
	border-color: var(--cassiopeia-color-primary);
	background-color: var(--cassiopeia-color-primary);
	}

/*------ CONTAINERS */   
/*------ HEADER */

.container-header, .container-footer {
   	background-color: var(--header-color);
   	background-image: linear-gradient(135deg, var(--header-color) 0%, var(--header-color2) 80%);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03) inset;
    padding-top: 0.5rem;
}
.container-header nav {
    margin-top: 0;
}
.container-header .navbar-brand {
    -webkit-margin-end: unset;
	margin-inline-end: unset;
}
.navbar-dark .navbar-nav .nav-link {
    color: hsla(0,0%,100%,.75);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: #ffffff;
    }
.main-menu .navbar-nav .current .nav-link{
    color: #ffffff;
}

@media (min-width: 768px){
.navbar-expand-md .navbar-nav .nav-link {
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    }
.navbar-expand-md .navbar-collapse {
    flex-grow: 0; 
    }
.navbar-expand-md .navbar-nav .item-149 .dropdown-menu {
    right: 0;
    left: auto;
    }
}

.container-header .navbar-brand .brand-logo {
	text-decoration: none;

}

.brand-logo img{
	max-height: 60px;
	margin: auto;
}

.navbar-toggler {
    font-size: 1.5rem;
}
.toggler-menu {
	margin-right: 10px
}
.navbar-toggler:focus {
    box-shadow: 0 0 0 0.1rem;
}
.dropdown-toggle:after {
    border:0;
    font-family: "Font Awesome 5 Free";
    content: "\f107";
    font-weight: 900;
    display: inline-block;
    margin-left: 5px;
    vertical-align: inherit;
}
.main-menu .dropdown, .dropend, .dropstart, .dropup {
    cursor: pointer;
    }
.main-menu .dropdown-menu {
	box-shadow: 0 5px 0.5rem 0.1rem rgba(0, 0, 0, 0.2);
    border-top: 5px #ff8922 solid;
    border-radius: 0;
    border-left:0;
    border-right:0;
    padding: 0;
}
.main-menu .dropdown-menu[data-bs-popper]{
		margin-top: 10px;
}
.main-menu .dropdown-item {
    padding: 15px;
    border-top: solid 1px #e0e0e0;
    }
.main-menu .dropdown-item:focus, .dropdown-item:hover {
    background-color: #eee;
    }


/*------ MENU */
.separator {
	font-weight: bold;
	text-transform: uppercase;
	display: block;    
}
#navbar1 .separator{
	padding: 5px 15px;
	background-color: var(--primary);
    color: #fff;
}




/*------ OFFCANVAS */


/*------ OFFCANVAS MENU */
.offcanvas .nav-link  {
	color: #000;
	margin-left: 5px;
	padding-left: 0;
	padding-right: 0;
}
.offcanvas .navbar-nav {
	border-top: 5px solid var(--primary);
}
.offcanvas  li {
	border-bottom: 1px solid #e0e0e0;	
}
.offcanvas, .offcanvas a, .offcanvas2, .offcanvas2 .form-control, .offcanvas2 .btn {
	font-size: 1.3rem;
}
.offcanvas li:hover {
    background-color: #eee;
    }
.offcanvas .dropdown-menu {
	border: 0;
	padding: 0;
	margin: 0;
}
.offcanvas .dropdown-menu li:last-child{
	border-bottom: 0;
}
.offcanvas .dropdown-item {
	padding: 0.5rem 1.5rem;
}
.offcanvas .separator{
	color: var(--primary); 
	background-color: #fff;
} 
.offcanvas .cbLoginForm ul span, .offcanvas .cbLogoutForm ul span {
	font-size: 1.3em;
    color: var(--primary);
    vertical-align: bottom;
    }
.offcanvas .loginout {
	width: 100%;
}
   
/*------  MAIN BOTTOM */
.container-main-bottom {
	display: flex;
	flex-wrap:wrap;
	gap: 20px;
}


/*------ MODULES */
.breadcrumb {
    background-color:transparent;
    font-size: .8em;
}
.mod-members h5{
	color: #fff;
	background-color: var(--header-color2);
}
a.maccess {
	text-decoration: none !important;
	border-top: 1px solid #ddd;
    width: 100%;
    display: block;
    padding: 10px 0; 
}
.mod-latest-news li{
	border-bottom: 1px solid #ddd;
}
.mod-latest-news li:last-child{
    border: 0;
}
.mod-latest-news li span{
	float:right;
	font-size: .8em;
	color: #999;
}
.mod-latest-news ul{
	margin-bottom: 0;
}

/*------ Login Menu Item Page */
body.view-login main form{
	max-width: 600px;
	margin: auto;	
}


/*------ FOOTER */
.footer .grid-child {
    padding: 2rem 0.5em;
    }
.back-to-top-link{
    right: 1rem;
    }
.back-to-top-link:focus, .back-to-top-link:hover {
    border-color: var(--cassiopeia-color-hover);
    }
@media (max-width: 991.98px){
	.footer .grid-child {
    	flex-direction: row;}
    }
@media (max-width: 700px){
	.footer .grid-child {
    	flex-direction: column;}
    }    
    
/*------ CATEGORY BLOG */
.com-content-category-blog dd.modified, .com-content-category-blog dd.category-name {
	display: none;
}.com-content-category-blog dl {
	margin-bottom: 0;
}
/*------ PAGES */

.board-list{
   margin-left: 20px;
   }
.board-list::after{
   content:"";
   display: block;
   margin: 10px;
   border-bottom: 1px solid #eee;
   width: 100%;
   }
.result__item+.result__item {
    border-top-color: #ddd;
    }
   
/*------ COMMUNITY BUILDER */
.cb_template+.cbPoweredBy a, .cbPoweredBy a {
	color:#ccc; 
	font-weight: normal;
	text-decoration: none;
}
.cbUserListResultCount {
	display: none;
}
.cb_tab_content label{
	font-weight: bold;
}
.cb_tab_content label::after, .cbFieldsContentsTab label.col-form-label::after, .cbUserListFieldTitle::after{
	content: ":";
}
.cb_tab_content div.form-group{
	margin-bottom: 0!important;
}
.cbMenuNavBar {
	border-radius: 5px;
}
.cbProfile .cb_tab_div {
	margin-top: 1.3em;
}
.cb_tab_rounddiv{
	margin-bottom: 1.3em;
}
.cbPasswordUnmask button.rounded-0{
	border-radius: 0 5px 5px 0 !important;
}
.cbUserListHeader {
	font-weight: bold;
}
#cb_notes {
	width: 100%;
}
.cbUserListFieldTitle {
		display: none;
	}
.cb_template .qtip-content{
	font-size: 1.5em;
	line-height: 1.5em;
	padding: 10px;
}
/*------ MOBILE ONLY */

@media (max-width: 768px){
	.cb_tab_content .row>* {
		width:auto;
		}
}
@media (max-width: 575px){
	.cbUserListHeader{
		display: none;
	}
	.cbUserListFieldTitle {
		display: block;
		font-weight: bold;
		flex-basis: 30%;
		margin-right: 10px;
	}
	.cbUserListRowCol1{
		background-color: #ddd;
	}
	.cbUserListFieldLine{
		display: flex;
	}
}