/* ========================================================================
   Use this file to add custom CSS easily
   
   Note: Sometimes you need to add the !important css property preventing overrides in template.css
 ========================================================================== */

.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a {
  color: #111111 !important;
}

/* Header-logo (and using the !important css property preventing overrides in template.css) */
#sp-logo:before {
  /*
  background: none !important;
  */
}
/* Info about beta website */
/**
#sp-header-2 { 
  height: 100px !important;
  padding-top: 30px !important;
  background: url(/files/images/background/info_beta.png) #ffffff no-repeat 0 !important;
  background-position: center top !important;
}
**/
#sp-header-2 .logo a { /* if logo in text-format */
  color: #ffffff !important;
  font-weight: bold;
  font-size: 26px !important;
}

/* Header-"top-right" */
#sp-top-right .sp-column {
  line-height: 67px;
}
/* Menu item */
.sp-megamenu-parent >li >a {
  padding: 0 10px !important;
}
/* Hiding the language switcher */
#sp-top-right .mod-languages {
  display: none;
  visibility: hidden;
}


#sp-page-title .sp-page-title {
  padding: 10px 0 !important;
}
#sp-page-title H2 {
  display: none;
  visibility: hidden;
}


#sp-phrasecontainer1 .feature-block {
  background-color: #dddddd;
  color: #404040;
}
#sp-phrasecontainer1 .feature-block H4 {
  font-size: 26px !important;
  font-family: arial, verdana, sans-serif;
  font-weight: bold;
}



#sp-user1 {
  padding: 40px 0 !important;
}
#sp-user1 h1 { /* h1 */
  margin-top: 0px !important;
  font-family: arial, verdana, sans-serif;
  font-weight: bold;
}
#sp-user1 H4 {
  font-size: 26px !important;
  font-family: arial, verdana, sans-serif;
  font-weight: bold;
}
#sp-user1 .feature-block {
  margin-top: 10px !important;
}


#sp-phrasecontainer2 .feature-block {
  background-color: #404040;
  color: #dddddd;
}
#sp-phrasecontainer2 .feature-block H4 {
  font-size: 26px !important;
  font-family: arial, verdana, sans-serif;
  font-weight: bold;
}


/* Module titles (and using the !important css property preventing overrides in template.css) */
.sp-module-title {
  font-size: 30px !important;
  text-transform: none !important;
}


/* Main body single article (and using the !important css property preventing overrides in template.css) */
.view-article #sp-main-body { /* Background */
  background-color: #ffffff !important; 
}
.view-article #sp-main-body .item.item-page { /* Left-border */
  border-left: 1px solid #dddddd;
  padding-left: 9px !important;
}
.view-article #sp-main-body h1 { /* h1 */
  margin-top: 0px !important;
  font-family: arial, verdana, sans-serif;
  font-weight: bold;
}

/* Special case for 'home-en' */
.view-article.itemid-437 #sp-main-body {
  background-color: #404040 !important;
}
.view-article.itemid-437 #sp-main-body .item.item-page {
  background-color: #404040 !important;
  border-left: none !important;
  color: #dddddd !important;
}
.view-article.itemid-437 .article-footer-wrap {
  display: none;
  visibility: hidden;
}


/*
  Hide the article header for the "Home", "About", "Contact" and "Support"-pages
  Also the "ISS", "InfoBaltic" and the "INCDDD"-pages
  QuickAndDirty workaround due to a bug in the helix3 framework: the Menu Item Page Class Suffix will not show up in the body-tag.
*/
.view-article.itemid-437 #sp-main-body .entry-header, /* /home-en */
.view-article.itemid-684 #sp-main-body .entry-header, /* /showcases-en */
.view-article.itemid-644 #sp-main-body .entry-header, /* /about-en */
.view-article.itemid-681 #sp-main-body .entry-header, /* /background-en */
.view-article.itemid-673 #sp-main-body .entry-header, /* /about-en/publications-en */
.view-article.itemid-687 #sp-main-body .entry-header, /* /tools/viewer-en */
.view-article.itemid-688 #sp-main-body .entry-header, /* /tools/alerts-en */
.view-article.itemid-689 #sp-main-body .entry-header, /* /tools/app-en */
.view-article.itemid-649 #sp-main-body .entry-header, /* /users-en/iss-en */
.view-article.itemid-650 #sp-main-body .entry-header, /* /users-en/infobaltic-en */
.view-article.itemid-651 #sp-main-body .entry-header, /* /users-en/incddd-en */
.view-article.itemid-646 #sp-main-body .entry-header, /* /contact-en */
.view-article.itemid-670 #sp-main-body .entry-header, /* /support-en */
.view-article.itemid-656 #sp-main-body .entry-header, /* /home-sv */
.view-article.itemid-657 #sp-main-body .entry-header, /* /about-sv */
.view-article.itemid-659 #sp-main-body .entry-header, /* /users-en/iss-sv */
.view-article.itemid-660 #sp-main-body .entry-header, /* /users-en/infobaltic-sv */
.view-article.itemid-661 #sp-main-body .entry-header, /* /users-en/incddd-sv */
.view-article.itemid-663 #sp-main-body .entry-header { /* /contact-sv */
  display: none;
  visibility: hidden;
}
/*
  Hide the article navigation for the "Home", "About", "Contact" and "Support"-pages
  Also the "ISS", "InfoBaltic" and the "INCDDD"-pages
  QuickAndDirty workaround due to a bug in the helix3 framework: the Menu Item Page Class Suffix will not show up in the body-tag.
*/
.view-article.itemid-437 #sp-main-body .pager.pagenav, /* /home-en */
.view-article.itemid-684 #sp-main-body .pager.pagenav, /* /showcases-en */
.view-article.itemid-644 #sp-main-body .pager.pagenav, /* /about-en */
.view-article.itemid-681 #sp-main-body .pager.pagenav, /* /background-en */
.view-article.itemid-673 #sp-main-body .pager.pagenav, /* /about-en/publications-en */
.view-article.itemid-687 #sp-main-body .pager.pagenav, /* /tools/viewer-en */
.view-article.itemid-688 #sp-main-body .pager.pagenav, /* /tools/alerts-en */
.view-article.itemid-689 #sp-main-body .pager.pagenav, /* /tools/app-en */
.view-article.itemid-649 #sp-main-body .pager.pagenav, /* /users-en/iss-en */
.view-article.itemid-650 #sp-main-body .pager.pagenav, /* /users-en/infobaltic-en */
.view-article.itemid-651 #sp-main-body .pager.pagenav, /* /users-en/incddd-en */
.view-article.itemid-646 #sp-main-body .pager.pagenav, /* /contact-en */
.view-article.itemid-670 #sp-main-body .pager.pagenav, /* /support-en */
.view-article.itemid-656 #sp-main-body .pager.pagenav, /* /home-sv */
.view-article.itemid-657 #sp-main-body .pager.pagenav, /* /about-sv */
.view-article.itemid-659 #sp-main-body .pager.pagenav, /* /users-en/iss-sv */
.view-article.itemid-660 #sp-main-body .pager.pagenav, /* /users-en/infobaltic-sv */
.view-article.itemid-661 #sp-main-body .pager.pagenav, /* /users-en/incddd-sv */
.view-article.itemid-663 #sp-main-body .pager.pagenav { /* /contact-sv */
  display: none;
  visibility: hidden;
}



/* Main body blog (and using the !important css property preventing overrides in template.css) */
.view-category #sp-main-body { /* Background */
  background-color: #f7f7f7 !important; 
}
.view-category #sp-main-body .entry-header { 
  margin-top: 20px !important;
  margin-bottom: 10px !important;
}
.view-category #sp-main-body .entry-header.has-post-format { 
  margin-left: 88px !important;
}
.view-category #sp-main-body .item { /* Left-border */
  border-left: 1px solid #dddddd;
}
.layout-blog #sp-main-body .blog p {
  padding: 0px 20px 0px 20px !important;
}

/* 
Used by "Latest news" on the home page
Do add "customSidebar" to JoomlaAdmin > Templates > Layout > "Column Settings" > "Custom CSS code"
Inspired by ".layout-blog .class2 .sp-module .sp-module-title" and ".layout-blog .class2 .sp-module-content" in template.css
*/
.no-layout .customSidebar .sp-module .sp-module-title {
  text-transform: uppercase;
  padding: 15px;
  color: #fff;
  background: #444;
  border-left: 6px solid #9abc31;
}
.no-layout .customSidebar .sp-module-content {
  padding: 10px;
  background: #fff;
  border-left: 1px solid #dddddd;
}
.customSidebar {
  padding: 40px;
}

/*
Bottom
*/
#sp-bottom1, #sp-bottom1 a, 
#sp-bottom2, #sp-bottom2 a, 
#sp-bottom3, #sp-bottom3 a, 
#sp-bottom4, #sp-bottom4 a {
  color: #dddddd !important;
}


/*
FAQ
*/

.faq_accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  margin: 2px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.faq_active, .faq_accordion:hover {
  background-color: #9abc31;
}

.faq_accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.faq_active:after {
  content: "\2212";
}

.faq_panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}