@font-face {
  font-family: 'Lato';
  src: url(../fonts/Lato.ttf);
}
@font-face {
  font-family: 'LatoThin';
  src: url(../fonts/LatoThin.ttf);
}
@font-face {
  font-family: 'LatoLight';
  src: url(../fonts/LatoLight.ttf);
}
@font-face {
  font-family: 'LatoBlack';
  src: url(../fonts/LatoBlack.ttf);
}

body { font-family: Lato, sans; font-size: 14pt; line-height: 22pt; hyphens: none; }
h1, h2 { font-family: LatoBlack, sans; font-size: 18pt !important; margin: 0 !important; }
a, a:link, a:visited { color: #2155a6 !important; }
a:hover { color: #000 !important; }

.offcanvas-overlay { visibility: hidden !important; }

#sp-header .container { max-width: 1366px; padding: 0; }
#sp-header { box-shadow: none; height: auto; }
#sp-header .sp-module { width: 100%; }

#header { display: flex; height: 100px; }
#header > div {	flex: 0 0 25%; }
#header-logo img { max-height: 180px; width: auto; margin: 20px 0 0 0; }
#header #header-item1 img, #header #header-item2 img { max-height: 100%; width: auto; margin: 0 auto; }
.is-home #sp-section-2 { display: none; }
.menu-wrapper, #sp-navigation { display: none; }
.burger-icon { background: url("../images/burger_icon.png") no-repeat; background-size: 48px auto; width: 48px; height: 36px; }
.burger-icon.close { background: url("../images/menu_close.png") no-repeat; background-size: 36px auto; width: 41px; height: 36px; margin-top: 3px; }
body.ltr #offcanvas-toggler.offcanvas-toggler-right, body.ltr .close-offcanvas { position: absolute; right: 30px; top: 35px; }
.close-offcanvas { display: none; }
.offcanvas-active #offcanvas-toggler.offcanvas-toggler-right { display: none; }
.offcanvas-active  .close-offcanvas { display: block; z-index:1001; margin-top: 3px; }


.blogis-home { display: none; }
.is-home .article-intro-image { margin: 0 0 20px 0; }
.sp-module.menu-mobile { position: absolute; right: 30px; background: url("../images/menu-mobile-bg.png") no-repeat; background-size: 266px 280px; width: 266px !important; top: 35px; margin: 0; margin-left: 0px; padding: 0; z-index: 100; height: 280px; visibility: hidden; opacity: 0; transition: opacity 0.5s ease-in; }
.offcanvas-active .sp-module.menu-mobile {   visibility: visible; opacity: 1; }
ul.menu-mobile { list-style-type: none; margin: 15px; padding: 0; }
ul.menu-mobile li { text-align: center; }
ul.menu-mobile li a { font-family: LatoBlack,sans; font-size: 28px; line-height: 1.5; color: #000 !important; }
ul.menu-mobile li.current a { color: #ee312e !important; }

.container, .container-md, .container-sm { max-width: 95%; }
#sp-main-body { padding: 0 0 20px 0; }
.article-list .article { border: none; }
//.article-list .article .article-header h2 { margin: 0; height: 52px; }
.article-introtext p { margin: 0; }
.article-intro-image img, .sp-module.mobile-image-menu { margin: -2px auto 0 auto; }
.article-list .article .readmore { font-size: 18px; }

.navigation-container { display: none; }

#sp-footer { font-size: 18px; text-align: center; }
#sp-footer1 img { width: 100%; height: auto; }
.footer-desktop { display: none; }

.sp-module.user-logout { width: 370px !important; }
.login .list-group, .layout-edit .joomla4 joomla-tab div[role="tablist"], .article-can-edit, #editor-xtd-buttons { display: none !important; }
.editor-page .col-lg-4 .article-can-edit { display: block !important; }
.article-details .article-can-edit a { color: #fff !important; }

@media (min-width: 500px) {
  #header { height: 125px; } 
  .burger-icon { background-size: 60px auto; width: 60px; height: 45px; }
  .burger-icon.close { background-size: 50px auto; width: 55px; height: 45px; }  
}

@media (min-width: 700px) {
  #header > div { flex: 0 0 30%; }
  #header { height: 190px; }
  .footer-mobile { display: none; }
  .footer-desktop { display: block; }  
}

@media (min-width: 900px) {
  body { font-size: 18pt; line-height: 24pt; }
  h1, h2 { font-size: 24pt !important; }    
  .is-home #offcanvas-toggler, .is-home .article-intro-image { display: none; }
  #offcanvas-toggler, .close-offcanvas { height: 50px !important; line-height: 50px !important; }
  //  .sp-module.menu-mobile { visibility: hidden !important; }
  .is-home #sp-navigation, .blogis-home { display: block; }
  #header { height: 230px; }  
  #header > div { flex: 0 0 33.33%; }  
  #header-logo img { margin-left: 50px; }   
  .menu-wrapper { display: inline-flex; }
  .sp-module.menu { margin-top: -1px; }  
  #sp-main-body { padding: 50px 0; }
  .article-intro-image img { margin: 0; }
  .sp-module.mobile-image-menu { display: none; }
//    .sp-module.menu img { height: 241px; width: auto; display: inline-block; margin-top: -1px; }
#sp-footer { position: fixed; bottom: 0; left: 0; }
.layout-edit #sp-footer { position: static; }
.dj-image { width: calc(100% - 200px) !important; left: 100px; }
.navigation-container { display: block; }
}

@media (min-width: 1366px) {
    body.ltr #offcanvas-toggler.offcanvas-toggler-right {right: auto; left: calc(50% + 540px); margin-left: 20px; }
    body.ltr .close-offcanvas {right: auto; left: calc(50% + 540px); margin-left: 30px; }
    .sp-module.menu-mobile { left: calc(50% + 340px); }    
    .container, .container-md, .container-sm { max-width: 1320px; } 
    #sp-footer { left: calc( 100vw / 2 - 683px ); }
}