/* roheline #00a99d */
/* tumesinine #2c3e50 */


/* Login and password reminder screens */
body.view-login #offcanvas-toggler, body.view-reset #offcanvas-toggler, body.view-remind #offcanvas-toggler {
	display: none!important;
}

body.view-login #sp-component > .sp-column, body.view-reset #sp-component > .sp-column, body.view-remind #sp-component > .sp-column, body.view-profile #sp-component > .sp-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
	height: 100%;
	padding-bottom: 8vh;
}

@media screen and (max-width: 575px) {
	body.view-login .login .col-lg-4, body.view-reset .reset .col-lg-4, body.view-reset .reset-confirm .col-lg-4, body.view-reset .reset-complete .col-lg-4, body.view-remind .remind .col-lg-4 {
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media screen and (min-width: 576px) {
	body.view-login .login .col-lg-4, body.view-reset .reset .col-lg-4, body.view-reset .reset-confirm .col-lg-4, body.view-reset .reset-complete .col-lg-4, body.view-remind .remind .col-lg-4 {
		width: 550px;
	}
}

.login-description, #member-profile legend {
	font-family: Nunito;
	font-size: 30px;
	font-weight: 700;
	padding-bottom: 15px;
	text-transform: uppercase;
	line-height: 1.3;
}

#member-profile legend {
	margin-top: 30px;
}

#member-profile .form-control-plaintext {
	font-weight: 600;
}

#member-profile #password-0, .password-group #password-0 {
	text-align: left!important;
	margin-bottom: 10px;
}

@media screen and (max-width: 575px) {
	body.view-login .login-description, #member-profile legend {
		font-size: 26px;
	}	
}

form#member-profile fieldset:nth-of-type(2) {
    display: none;
}

.list-group-item:first-child {
    border-top-left-radius: 0.2em;
    border-top-right-radius: 0.2em;
}

.list-group-item:last-child {
    border-bottom-right-radius: 0.2em;
    border-bottom-left-radius: 0.2em;
}

.input-group-text, .input-password-toggle {
	border-radius: 0.2em;
}

input:-webkit-autofill {
    background-color: #fff!important;
    box-shadow: 0 0 0px 1000px #fff inset !important;
}

body.view-login .password-group .input-group-text {
	display: none;
}

body.view-login .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.input-password-toggle) {
    border-top-left-radius: 0.2em;
    border-bottom-left-radius: 0.2em;
}

#username-lbl .form-control-feedback, #jform_email-lbl .form-control-feedback, #password-lbl .form-control-feedback, #jform_password1-lbl .form-control-feedback, #jform_password2-lbl .form-control-feedback {
	display: none;
}

/* pw reminder */
body.view-reset .control-group {
    display: flex;
    flex-direction: column;
    width: 100%;
}

body.view-reset .control-label {
    margin-bottom: 5px;
}

body.view-reset .controls {
    width: 100%;
}

body.view-reset .controls button {
    width: auto;
	display: inline-block;
}

body.view-reset .form-control {
    width: 100%;
    box-sizing: border-box;
}

body.view-reset .form-horizontal .controls {
    margin-left: 0px;
}

body.view-reset .password-group .input-group {
    flex-wrap: nowrap!important;
}




/* Form controls */
.form-control {
	font-size: 15px;
	border-radius: 0.2rem;
    height: 48px;
}

.form-control:focus, .form-select:focus, textarea:focus {
    border-color: rgba(0, 169, 157, 0.5);
}

#tinymce {
	font-size: 15px!important;
}



/* Buttons */
.btn-primary, .sppb-btn-primary, .btn-outline-primary {
    border-color: #2c3e50!important;
    background-color: #2c3e50!important;
	padding: 10px 16px!important;
	border-radius: 0.2em;
}

.btn-primary:hover, .sppb-btn-primary:hover, .btn-outline-primary:hover {
    border-color: #4A6887!important;
    background-color: #4A6887!important;
}

.btn-secondary, .sppb-btn-secondary, .btn-outline-dark { 
	padding: 10px 16px!important;
	border-radius: 0.2em;
}



/* General */
@media screen and (max-width: 767px) {
	#sp-main-body {
		padding: 20px 0px 40px 0px;
	}
}

@media screen and (min-width: 768px) {
	#sp-main-body {
		padding: 20px 0px 40px 0px;
	}
}

#sp-component {
	min-height: calc(100vh - 172px);
}

body.com-sppagebuilder #sp-component {
	min-height: calc(100vh - 112px);
}


@media screen and (max-width: 575px) {
	:root {
	  --adjusted-vh: 100vh; 
	}

	@supports (height: 100dvh) {
	  :root {
		--adjusted-vh: 100dvh; 
	  }
	}

	#sp-component {
	  min-height: calc(var(--adjusted-vh) - 200px);
	}
}


.sppb-row-container {
    max-width: 1920px!important;
	padding-left: 25px;
    padding-right: 25px;
}

body.com-sppagebuilder .sppb-row-container {
	padding-left: 30px;
    padding-right: 30px;
}

@media screen and (max-width: 575px) {
	body.com-sppagebuilder .sppb-row-container {
		padding-left: 15px;
		padding-right: 15px;
	}
}

/*#sp-top-bar, #sp-header, .sppb-row-container {
	padding-left: 10px;
	padding-right: 10px;
}*/

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	max-width: 1920px;
	padding-left: 25px;
    padding-right: 25px;
	margin-left: 0px;
	margin-right: 0px;
}

@media screen and (max-width: 575px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		padding-left: 15px;
		padding-right: 15px;
	}
}

::selection {
  background-color: #00a99d;
  color: #fff; 
}

.sp-pagebuilder-page-edit {
	display: none!important;
}

.article-list .article .featured-article-badge, 
.article-details .featured-article-badge,
.article-can-edit {
    display: none!important; 
}




/* Popup notification */
.polipop_position_top-right {
    position: absolute;
	top: 75px;
	width: 430px;
    max-width: 90%;
}

@media screen and (max-width: 767px) {
	.polipop_position_top-right {
		top: 115px;
		right: 15px;
	}
}



/* Header */
#sp-header {
	height: 60px;
	animation: none;
	padding-left: 15px;
	padding-right: 15px;
}

#sp-header, #sp-top-bar, #sp-footer {
    display: flex;
    justify-content: center;
    align-items: center;
}

#sp-header .row, #sp-top-bar .row, #sp-footer .row {
	width: 100%;
	max-width: 1910px;
}

#sp-top-bar.topbar-sticky {
	position: fixed!important;
	top: 0;
	width: 100%;
	animation: spFadeIn 0.5s;
	z-index: 9;
}

#sp-header.header-sticky {
	position: fixed!important;
	top: 44px;
	width: 100%;
	animation: spFadeIn 0.5s;
	z-index: 9;
}

@media screen and (max-width: 575px) {
	#sp-logo {
		padding-left: 3px;
	}
}

@media screen and (min-width: 768px) {
	#sp-header.header-sticky {
		top: 5px;
	}
}

#sp-user2, #sp-user3 {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

@media screen and (max-width: 767px) {
	#sp-logo.col-lg-3 {
		flex: 0 0 auto;
		width: 70%;
	}

	#sp-user3.col-lg-9 {
		flex: 0 0 auto;
		width: 30%;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	#sp-logo.col-lg-3 {
		flex: 0 0 auto;
		width: 30%;
	}

	#sp-user3.col-lg-9 {
		flex: 0 0 auto;
		width: 70%;
	}
}

@media screen and (max-width: 767px) {
	/*#sp-user3 {
		display: none;
	}*/
	
	#sp-header .sp-module.current-date-desktop,
	#sp-header .topbar-modules-separator {
		display: none;
	}
	
	#sp-top-bar {
		height: 44px;
	}
	
	body.view-login #sp-top-bar, body.view-reset #sp-top-bar, body.view-remind #sp-top-bar {
		padding: 0;
		height: 5px;
	}
	
	#sp-header .sp-module.logged-in-user-desktop {
		position: absolute;
		top: -35px;
		right: 20px;
	}
}

@media screen and (min-width: 768px) {
	/*#sp-user1, #sp-user2 {
		display: none;
	}*/
	
	#sp-top-bar {
		padding: 0;
		height: 5px;
	}
}


#sp-header .sp-module {
    margin-left: 15px;
}

.topbar-modules-separator {
	padding-right: 15px;
}

/* Top bar login-logout and user menu */
/*.logout-icon > a {
    font-family: "Ropa Sans";
    color: #ffffff;
    font-size: 18px;
}

.logout-icon > a:hover {
    color: #00a99d;
}

.logout-link {
    display: flex;
    flex-wrap: nowrap;
	padding: 0px 0px 0px 4px;
	font-size: 18px;
	font-family: "Ropa Sans";
	font-weight: 400;
}*/

.login-name {
	white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}

/*@media (max-width:620px) {
	.login-name {
		width: 140px; 
	}	
}*/

.login-name > a:after {
    font-family: "Font Awesome 6 Free";
    content: "\f078";
	font-size: 14px;
	font-weight: 900;
	margin-left: 6px;
}

#dialog-usermenu {
	min-height: 80px!important;
}

.user1-menu-container {
	font-family: Nunito;
	font-size: 16px;
	padding: 5px 10px 10px 10px;
	width: 100%;
}

.user1-menu-header {
	font-size: 16px; 
	font-weight: 700;
	border-bottom: 1px dotted #ccc; 
	margin-bottom: 10px;
	padding-bottom: 6px;
}

.user1-menu-container .usermenu-item a {
    display: block; 
    width: 100%;
}

.user1-menu-container .usermenu-item:not(:last-child) a {
	padding-bottom: 5px;
}

.user1-menu-container .usermenu-item a:hover, .user1-menu-container .usermenu-item-inline a:hover {
	color: #00a99d;
}

#sp-user3 {
 	font-size: 18px;
	font-family: "Ropa Sans";
	font-weight: 400;
	color: #fff;
}

#sp-user3 a, #sp-user3 a:focus, #sp-user3 a:active {
	color: #fff!important;
}

#sp-user3 a:hover {
	color: #00a99d;
}

#sp-user3 i {
	font-size: 16px;
	margin-right: 5px;
}

@media screen and (min-width: 576px) {
	.my-notification-panel-container {
		min-width: 320px!important;
	}
}

.my-notification-panel-container {
    max-width: 90%!important;
}

.my-notification-panel-container.ui-corner-all {
	border: 1px solid #ddd!important;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0.2em;
	border-bottom-left-radius: 0.2em;
	box-shadow: 0 .3125rem 1.25rem 0 rgba(0, 0, 0, 0.3);
	z-index: 99999!important;
}

#dialog-usermenu  {
	z-index: 99999!important;
}





/* Offcanvas menu */
body.offcanvas-active {
	position:fixed!important;
	overflow: hidden!important;
}

.offcanvas-active .offcanvas-overlay {
    opacity: 0;
}

.offcanvas-menu {
  background-color: #fff;
  color: #252525;
  overflow-y: auto!important;
  overflow: auto!important;
}

a#offcanvas-toggler:hover {
	color: #BA191E!important;
}

body.offcanvas-active {
	position: inherit;
    left: 0;
    width: 100%;
}

.offcanvas-active .burger-icon > span, #modal-menu-toggler.active .burger-icon > span {
	background-color: #fff!important;
}

.burger-icon {
    margin-right: 5px!important;
}

.offcanvas-active .burger-icon > span {
    margin: 4.8px 0;
}

.burger-icon > span {
	background-color: #fff!important;
}

.offcanvas-menu { 
	width: 320px!important;
}

@media screen and (min-width: 768px) {
	.offcanvas-menu { 
		border-top: 5px solid #00a99d;
	}
}

body.ltr.offcanvs-position-left .offcanvas-menu {
	background-color: #2c3e50;
	left: -320px;
}

@media screen and (max-width: 767px) {
	body.ltr #offcanvas-toggler.offcanvas-toggler-left {
		float: none;
		position: absolute;
		right: -5px;
	}

	body.ltr.offcanvs-position-left .offcanvas-menu {
		top: 50px!important;
		left:  auto!important;
		right: -320px!important;
	}
	
	body.ltr.offcanvs-position-left.offcanvas-active .offcanvas-menu {
		top: 50px!important;
		right: 0!important;
		left: auto!important;
	}
	
	.offcanvas-menu .offcanvas-inner {
		margin-bottom: 70px;
	}
}

.offcanvas-menu ul.menu > li > a {
	text-transform: uppercase;
}

.offcanvas-menu .offcanvas-inner {
    padding: 20px 15px 0px 15px;
}

.offcanvas-toggler-left .burger-icon > span,
.offcanvas-menu .offcanvas-inner ul.menu > li a, .offcanvas-menu .offcanvas-inner ul.menu > li span,
.offcanvas-menu .offcanvas-inner ul.menu > li.active > a,
.offcanvas-menu .offcanvas-inner ul.menu li.active a,
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a:focus > .menu-toggler,
.offcanvas-menu .offcanvas-inner ul.menu > li li a,
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler,
.offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a:hover > .menu-toggler {
	color: #fff!important;
}

.offcanvas-menu .offcanvas-inner ul.menu > li a:hover, .offcanvas-menu .offcanvas-inner ul.menu > li a:focus, .offcanvas-menu .offcanvas-inner ul.menu > li span:hover, .offcanvas-menu .offcanvas-inner ul.menu > li span:focus {
	color: #00a99d!important;
}

.offcanvas-menu .offcanvas-inner ul.menu>li>a, .offcanvas-menu .offcanvas-inner ul.menu>li>span {
    font-size: 16px;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > ul li a {
	font-family: Oswald, 'Open Sans';
	font-size: 16px;
	padding: 10px 12px 10px 12px;
	display: flex;
	font-weight: 400;
	/*border-bottom: 1px dotted #e5e5e5;*/
}

body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler, body.ltr .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > .menu-separator > .menu-toggler {
	right: 0px!important;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > a.open-search-icon {
	display: none!important;
}

.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {
	opacity: 1;
	padding: 12px 10px;
}

.offcanvas-menu .offcanvas-inner ul.menu > li:not(:last-child) > a, .offcanvas-menu .offcanvas-inner ul.menu > li:not(:last-child) > span {
	/*border-bottom: 1px dotted #ddd;*/
}

.offcanvas-menu .offcanvas-inner .sp-module {
   width: 100%;
}

.com-finder>*+*, .com-finder__results>*+* {
    margin-top: 0px;
}

.offcanvas-menu .mod-finder__search .btn {
	font-size: 0px;
	border-radius: 0px;
}

.offcanvas-menu .mod-finder__search .btn .icon-search::before {
	font-size: 16px;
}

ul.menu-child li {
	padding: 0px 0px 0px 0px;
}

#offcanvas-toggler {
    font-size: 22px;
    font-weight: 400;
    z-index: 9;
}

.offcanvas-inner .menu li .trigger-fsearch span {
	display: none;
}

.rr-box-heading .sppb-addon-title-icon {
	margin-right: 3px;
}

.quick-start-guide {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: 20px;
    padding-top: 20px!important;
}




/* Footer */
#sp-footer {
	font-weight: 500;
}

#sp-footer .container-inner {
    padding: 0px 0px 10px 0px;
	border-top: 1px solid #eee;
}

@media screen and (max-width: 767px) {
	#sp-footer .container-inner,
	#sp-footer1.col-lg-5,
	#sp-footer2.col-lg-7 {	
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
	}

	#sp-footer1 {
		padding: 10px 10px 0px 10px;
	}

	#sp-footer2  {
		padding: 0px 10px 10px 10px;
	}
}

@media screen and (min-width: 768px) {
	#sp-footer1.col-lg-5 {
		width: 30%;
	}

	#sp-footer2.col-lg-7 {
		width: 70%;
	}

	#sp-footer1 {
		padding: 10px 0px 0px 25px;
	}

	#sp-footer2 {
		padding: 10px 0px 0px 0px;
	}
}



/* Vendor dashboard */
#sppb-addon-wrapper-93315887-0bdb-42b7-9505-6fbd13ba0d75, #sppb-addon-93315887-0bdb-42b7-9505-6fbd13ba0d75,
#sppb-addon-wrapper-426c5441-8b5b-469b-8537-0a48cb832ba3, #sppb-addon-426c5441-8b5b-469b-8537-0a48cb832ba3,
#sppb-addon-wrapper-b5a02865-bfef-46f6-b889-594a428c14e9, #sppb-addon-b5a02865-bfef-46f6-b889-594a428c14e9 {
	height: 100%
}




/* Default home screen when problem showing assigned home page */
#section-default-home-message {
	min-height: calc(100vh - 200px);
}

#section-default-home-message #column-id-d92cb9db-069f-412e-b209-f9b3a1ec9cdc > .sppb-column-addons {
    display: flex;
	justify-content: center;
 }