/** Do not make changes to this file. If necessary, override styles in the file custom.css **/

body a {
  	text-decoration: none;
}

.joomswrap {
    overflow-x: hidden;
}

.top-toolbar {
    background-color: #0459b1;
    padding: 7px 0px;
    color: #fff;
}

.reg-content {
    margin: 20px 0px;
}

footer {
    background-color: #1e1e1e;
    color: #fff;
    padding: 20px 0px;
    border-top: solid 2px #0459b1;
}

.copyright {
	color: #fff;
	background-color: #0459b1;
}

.copyright .container {
  	padding-top: 20px;
	padding-bottom: 20px;
  	border-top: solid 2px #fff;
}

.copyright .box-1 img {
    width: 100%;
    max-width: 200px;
}

.copyright .box-2 {
    margin-top: 10px;
    text-align: right;
}

.copyright .box-2 h4 {
	margin: 0px;
    font-size: 16px;
}

.item-image img {
	height: auto;
    width: 100%;
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
	position: inherit;
  	margin: 0px 5px 2px 0px;
}

/** media **/

@media (max-width: 768px) {
    .copyright .box-2	{
		margin-top: 30px;
    }
  	.copyright .box-1,
  	.copyright .box-2 {
    	text-align: center;
  	}
}

/** bootstrap modal fix **/

html {
    margin-right: 0px !important;
}

.modal, .modal-open {
  	padding-right: 0px !important;
}

/** snow-light **/

#snow_light {
	height: 100%;
	left: 0;
	pointer-events: none;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999; 
}

/** Joomla standart elements styles **/

.blog-items {
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 1em;
    margin-left: -.5em;
    margin-right: -.5em;
    padding: 0;
    display: flex
}

@media (width>=768px) {
    .blog-items.columns-2>div {
        width: 50%
    }

    .blog-items.columns-3>div {
        width: 33.3333%
    }

    .blog-items.columns-4>div {
        width: 25%
    }
}

.blog-item {
    flex-direction: column;
    padding: 0 .5em 1em;
    display: flex;
    overflow: hidden
}

.boxed .blog-item {
    box-shadow: 0 0 2px #3339421a,0 2px 5px #33394214,0 5px 15px #33394214,inset 0 3px 0 var(--cassiopeia-color-primary);
    background-color: #fff
}

.boxed .blog-item .item-content {
    padding: 25px
}

.blog-item .item-image {
    margin-top: 3px;
    margin-bottom: 15px;
    overflow: hidden
}

.boxed .blog-item .item-image {
    margin-bottom: 0
}

@media (width>=768px) {
    .image-right .blog-item .item-image {
        order: 1
    }
}

.image-bottom .blog-item .item-image {
    order: 1;
    margin-top: -15px
}

.blog-item .item-content h2 {
  	font-size: 22px;
	font-weight: bold;
}

.blog-item .item-content .fields-container {
    padding-left: 0px;
}

.blog-item .item-content p {
  	margin-bottom: 25px;
}

.blog-item .item-content .readmore .btn {
    background: #0459b1;
    border: none;
    border-radius: 0px;
    padding: 8px 25px;
}

.blog-item .item-content .readmore .btn span {
  	display: none;
}

.image-left .blog-item .item-content {
    padding-left: 25px
}

.image-right .blog-item .item-content {
    padding-right: 25px
}

.image-left .blog-item,.image-right .blog-item {
    flex-direction: column
}

@media (width>=768px) {
    .image-left .blog-item,.image-right .blog-item {
        flex-direction: row
    }

    .image-left .blog-item .item-image,.image-right .blog-item .item-image {
        flex: 1 0 40%
    }

    .image-left .blog-item .item-content,.image-right .blog-item .item-content {
        flex: 1 0 60%
    }
}

.article-info dd {
    padding: 0
}

@supports (display: grid) {
    .blog-items {
        grid-gap:1em;
        grid-template-columns: 1fr;
        grid-auto-flow: row;
        margin: 0 0 1em;
        display: grid
    }

    .blog-items .blog-item {
        padding: 0
    }

    .blog-items[class^=columns-]>div,.blog-items[class*=\ columns-]>div {
        flex: 0 auto;
        width: auto;
        max-width: none
    }

    @media (width>=768px) {
        .blog-items.columns-2 {
            grid-template-columns: 1fr 1fr
        }

        .blog-items.columns-3 {
            grid-template-columns: 1fr 1fr 1fr;
        }

        .blog-items.columns-4 {
            grid-template-columns: 1fr 1fr 1fr 1fr
        }
    }
    @media (min-width: 768px) and (max-width: 992px) {
        .blog-items.columns-3 {
            grid-template-columns: 1fr 1fr;
        }
    }
}

.blog-items[class^=masonry-],.blog-items[class*=\ masonry-] {
    column-gap: 1em;
    display: block
}

.blog-items[class^=masonry-] .blog-item,.blog-items[class*=\ masonry-] .blog-item {
    page-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 1em;
    display: inline-flex
}

@media (width>=768px) {
    .blog-items.masonry-2 {
        column-count: 2
    }

    .blog-items.masonry-3 {
        column-count: 3
    }

    .blog-items.masonry-4 {
        column-count: 4
    }
}

.image-alternate .blog-item:nth-of-type(odd) .item-image {
    order: 0
}

.image-alternate.image-left .blog-item:nth-of-type(odd) .item-image {
    order: 1;
    margin-left: 25px;
    margin-right: 0
}

.image-alternate.image-top .blog-item:nth-of-type(odd) .item-image {
    order: 1
}

.page-link {
  	color: #0459b1;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
  	border-radius: 0px;
}

.active>.page-link, .page-link.active {
	background-color: #0459b1;
    border-color: #0459b1;
}

.disabled>.page-link, .page-link.disabled {
  	background-color: #fff;
  	border-color: #dee2e6;
}

.com-content-article .icons .float-end,
.blog-item .icons .float-end {
  	margin-bottom: 10px;
	float: none !important;
}

.com-content-article .icons .float-end a,
.blog-item .icons .float-end a {
  	color: #0459b1;
}

/** mod_articles_category --> joomset styles **/

.mod-articlescategory .box-cont {
  	margin-bottom: 40px;
}

.mod-articlescategory .box-cont .wrapper {
  	display: flex;
    flex-direction: column;
    height: 100%;
}

.mod-articlescategory .box-cont .wrap-desc {
  	display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
}

.mod-articlescategory .box-cont .wrap-desc .caption {
  	margin: 20px 0px 10px;
}

.mod-articlescategory .box-cont .wrap-desc .caption a {
    color: #3a3a3c;
    font-size: 18px;
    font-weight: bold;
}

.mod-articlescategory .box-cont .wrap-desc .mod-articles-category-introtext {
 	margin-bottom: 25px;
}

.mod-articlescategory .box-cont .wrap-desc .btn-readmore {
  	padding: 8px 25px;
  	background: #0459b1;
  	color: #fff;
    border: none;
    border-radius: 0px;
}

@media (max-width: 992px) {
    .mod-articlescategory .box-cont {
        margin-bottom: 30px;
    }
}

/** joomla edit-btn, edit-module-menu and form-validate styles **/

.btn.jmodedit {
  	margin: 10px 10px 10px 0px;
	background-color: #0459b1;
    border: 1px solid #58595a;
    border-radius: 0.25rem;
    color: #fff;
    max-height: 40px;
    z-index: 900;
}

.btn.jmodedit:hover {
  	background-color: #3d69cc;
}

.jmodedit .icon-edit:before {
  	content: '\270E';
}

.com-users-login, 
.com-users-reset,
.com-users-remind {
    max-width: 600px;
    margin: 40px auto;
}

.com-users-reset legend,
.com-users-remind legend {
    margin-bottom: 15px;
    font-size: 16px;
}

.form-validate .control-group {
	margin-bottom: 10px;
}

.form-validate .control-group .control-label {
  	margin-bottom: 10px;
}

.form-validate .control-group .control-label .form-control-feedback {
    color: #d10707;
}

.form-validate .btn {
  	background: #0459b1;
    border-color: #0459b1;
  	color: #fff;
}

.form-validate .btn:hover {
  	background-color: #3d69cc;
}

.form-validate .choices__button_joomla {
	margin-left: 10px;
}

.form-validate .control-group .field-calendar .icon-calendar:before {
  	content: '\25B2';
}

.form-validate .control-group .calendar-container table {
  	table-layout: auto;
}

.form-validate .calendar-container .calendar-head-row td {
	display: revert;
}

.form-validate .calendar-container .calendar-head-row td a {
  	color: #0459b1;
  	cursor: pointer;
}

.form-validate .com-users-login__submit .btn-primary {
    width: 100%;
    background: #008000;
    border-color: #008000;
}

.form-validate .com-users-login__submit .btn-primary:hover {
    background: #00a100;
}

.login .com-users-login__options {
    margin-top: 15px;
}

/** Joomla 5+ WebAuthn button fix **/

.form-validate .plg_system_webauthn_login_button {
    max-height: 3rem;
    padding: 0.25rem;
    margin: 15px 0px;
}

.form-validate .plg_system_webauthn_login_button svg {
    width: 2.5em;
    fill: #fff;
}