/* Custom CSS for Återhämtningsportalen.se */
/* Custom CSS from Helix 20231023 */

#sp-header {
  height: 75px;
}
/* Privacypolicy */
img {
    border-radius: 6px;
}
/* Fix by Poets of code */
.fa,
.fa:before {
  font-weight: 900 !important;
  font-family: "Font Awesome 5 Free" !important;
}
.formResponsive button[type=button], .formResponsive button[type=reset], .formResponsive button[type=submit], .formResponsive input[type=button], .formResponsive input[type=reset], .formResponsive input[type=submit] {
    padding: 10px 20px;
    font-size: 1.1rem;
    line-height: 1.2rem;
}
.formResponsive button[type=button].rsform-button-next, .formResponsive input[type=button].rsform-button-next {
    background-color: #2f7d2f;
    border-color: #2f7d2f;
}
/* SWM btn styles */ 
.sppb-btn-xs {
    padding: 10px 28px;
    font-size: 1.1rem;
    text-transform: none;
    background-image: none !important;
    background-color: #b21a46;
}
.sppb-btn-primary {
    text-transform: none;
    font-size: 1rem;
}
/* SWM font styles */ 
b, strong {
    font-weight: 500;
}
/* SWM links */
a:link {
  color: #97816d;
  text-decoration: none;
}
a:active {
  color: #000;
}
a:visited {
  color: #97816d;
}
a:hover {
  color: #a6927fd4;
}
/* Body background color */
.sppb-row-overlay {
    background-color:#a6927f15;
}
#sp-main-body {
    padding: 100px 0;
    background-color:#a6927f15;
}
.sppb-addon-header .sppb-addon-title  {
    font-family: 'Roboto', sans-serif;
    color: #928171;
}
h2 {
  font-family: 'Roboto', sans-serif;
  font-size: 1.55rem;
  line-height: 1.65rem;
  font-weight: 600;
  color: #928171;
}

/* Accordion SP PageBuilder */
.sppb-panel-title {
   font-size: 1.1rem;
   line-height:1.2rem;
   font-family: 'Roboto', san-serif;
   color:#fff;
   font-weight:normal;
}
.sppb-panel-body {
   background: #fff;
}
h1.sppb-addon-title{
  font-family: 'Roboto', sans-serif;
  font-size: 1.6rem;
  line-height:1.8rem;
  font-weight: 300;
  color: #928171;
}
h2.sppb-addon-title{
  font-family: 'Roboto', sans-serif;
  font-size: 1.55rem;
  line-height: 1.8rem;
  font-weight: 600;
  color: #928171;
}
h3.sppb-addon-title{
   font-family: 'Roboto', sans-serif;
   font-size: 1.4rem;
   line-height:1.6rem;
   font-weight: 300;
   color: #474747;
}

/* RS Membership */
/* RS Membership info & buy HELTECH #864044 */ 
h2.rsm_title small {
    color: #b21a46;
}
/* SWM Köp, registrering och villkor */
#rsm_terms_container h1 {
  display: none;
}

label#__field2-lbl.rsm-lbl-grand_total {
    color: #a6927f;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 15px;
}
#rsm_grand_total {
  float: left ! important;
  margin-top: 20px;
  font-size: 1.3rem;
  font-weight: 500;
  text-transform: uppercase;
  color:#b21a46;
}
/* RSMembership info och köpknapp */
.float-end {
    float: left!important;
    margin-top: 20px;
}
.btn {
   background-color: #b21a46;
   color: #fff;
   border-color: #b21a46;
   padding: .295rem 2.2rem; 
}
a.btn.btn-secondary {
     background-color: #fff;
   color: #1b516d;
   border-color: #1b516d;
}
a.btn.btn-secondary:hover {
   background-color: #fff;
   color: #1b516d;
   border-color: #1b516d;
}
a.btn.btn-success {
    background-color:#b21a46;
}
a.btn.btn-success {
   background-color:#b21a46;
   border-color:#b21a46;
   color:#fff;
}
a.btn.btn-success active {
   color: #fff;
   background-color: #b21a46;
   border-color: #b21a46;
}
a.btn-success:hover {
    color: #fff;
    background-color: #991a3c;
    border-color: #991a3c;
}
#rsm_thankyou_container p {
   color: #a6927f; 
   font-size: 20px;
   line-height:30px;
}
#rsm_subscribe .rsm_form_container h1  {
   color: #a6927f; 
   font-size: 20px;
   line-height:28px;
}
#rsm_subscribe .item-page .page-header  {
  margin-top:40px;
  margin-bottom:0px;
  line-height:10px;
}
#rsm_terms_frame #rsm_terms_container {
    padding-left: 20px;
    padding-right: 20px;
}
label#__field2-lbl.rsm-lbl-grand_total {
   color:#a6927f;
   font-size:20px;
   margin-top:15px;
}
/* HELTECH #780076 prevent header overlapping */ 
html {
  scroll-padding-top: 95px; /* height of sticky header + 20px */
}

/* NAVIGATION, MENUS */
/*SWM Desktop menu header css bug in helix menu */
#sp-top-bar { display: none;
}
#sp-header { 
  top: 0px; 
  background:  #fdfdfd !important; 
  }
#sp-header .sp-megamenu-parent>li>a {
    text-transform: uppercase;
}
#sp-header .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{
    background:  #fdfdfd !important; 
}
/* HELTECH #946977 2022-12-10 *krysset */
.close-offcanvas { 
    background: #fff;
    color: #333; 
    top: 8px;
    width: 32px;
    height: 32px;
    line-height: 36px;
  }  
  .close-offcanvas:hover {
    background: #fff;
    color: #666;
  }
  .close-offcanvas .fa {
    color: #999;
  }
/* SWM Breakpoint megamenu/offcanvas */

@media (max-width: 1399.98px) {  
.sp-megamenu-parent {
        display: none!important;
    }
    #offcanvas-toggler {
        display: block !important;
    }
}
body.ltr #offcanvas-toggler.offcanvas-toggler-right {
    margin-top: 10px;
}
/* HELTECH #780076 MOBILE MENU */
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
    font-size: 16px;
    padding: 4px 0px;
    line-height: 28px;
    font-weight: 400;
}
  @media only screen and (max-width: 991px) {
  .offcanvas-menu .offcanvas-inner .sp-module ul>li a {  /* mobilmeny */
    font-size: 17px; 
    font-weight: 400;
  }
  .offcanvas-menu .offcanvas-inner .sp-module ul>li ul li a { /* sub menu level */
    text-transform: initial;
  }
  .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a>.menu-toggler:after, .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>.menu-separator>.menu-toggler:after {
    content: ">"; /* submenu toggler closed */
    font-size: 17px;
    font-weight: normal;
  }
  .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent.menu-parent-open>a>.menu-toggler:after, .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent.menu-parent-open>.menu-separator>.menu-toggler:after {
    content: "<"; /* submenu toggler opened */
  }
  .offcanvas-menu .offcanvas-inner .sp-module ul>li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul>li a:focus, .offcanvas-menu .offcanvas-inner .sp-module ul>li span:hover, .offcanvas-menu .offcanvas-inner .sp-module ul>li span:focus {
    background-color: inherit; /* no red background on hover */
    color: inherit;
  }
  .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a>.menu-toggler:active, .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a>.menu-toggler:hover, .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a>.menu-toggler:focus {
    color: inherit !important; /* hover toggler */
  }
  
  .offcanvas-menu .offcanvas-inner .sp-module ul>li a, .offcanvas-menu .offcanvas-inner .sp-module ul>li span, 
  .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a,
  .offcanvas-menu .offcanvas-inner .sp-module ul>li ul li a {
    text-transform: uppercase;
    color: #a6927f !important; /* Text color*/
    background-color: #fff; 
  }
  .offcanvas-menu .offcanvas-inner .sp-module ul>li.active a {
  color: #a6927f; /* active */
  background-color: #fff;
  }
  .offcanvas-menu .offcanvas-inner .sp-module ul>li a:hover,
    .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a:active, .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a:focus {
  color: #b21a46 !important; /* YOU CAN'T HOVER ON A PHONE! :) */
  background-color: #fff !important; 
  }
  .offcanvas-menu .offcanvas-inner .sp-module ul>li a:visited, 
  .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a:visited {
  color: #a6927f; /* !important ; /* visited */
  background-color: #fff !important; 
  }
}
/* SWM 20231024 */
body.ltr .offcanvas-menu .offcanvas-inner .sp-module ul>li ul {
    background-color: #fdfdfd;
}
/* HELTECH #951091 login/logout */ 
.loginicon img, 
.logouticon img {
    height: 20px;
    margin-bottom: -24px;
}
.loginicon img:hover,
.logouticon img:hover  {
    content: url(images/aterhamtning/ikoner/logga-in-hover.png);
}
.list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: transparent;
    border: 0px solid rgba(0,0,0,.125);
}
body.ltr .sp-megamenu-parent>li.sp-has-child>a.loginicon:after {
  color: transparent; /* hide arrow on login icon */
}
/*SWM GDPR checkbox size */
input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0.4rem;
}
/* HELTECH #780076 scroll to top overlapped recaptcha */
.sp-scroll-up {
  bottom: 90px;
}

/* HELTECH 946977flipboxar */
.sppb-addon-sppb-flibox .sppb-flipbox-back.flip-box:before {
  /* disable red bg image */
  background-image: none !important;
}
.fliplink {
  margin: -50px -40px;
  padding: 40px 30px;
  height: 100px;
}
/* SWM Footer*/
#sp-bottom .sp-column .sp-module .sp-module-content a:active {
  text-decoration: underline;
  color: #fdfdfd;
}
#sp-bottom .sp-column .sp-module .sp-module-content p {
    font-size: 16px;
    line-height: 26px;
}
#sp-bottom .sp-module .sp-module-title {
    font-weight: 700;
    font-size: 22px;
    margin: 0 0 10px;
}
.sppb-btn-xs {
    padding: 8px 26px;
    text-transform: none;
    background-image: none !important;
    background-color: #b21a46;
}
#sp-footer {
    background-image: linear-gradient(145deg, #ab9885 0%, #ab9885 100%) !important;
}
/* Social media icons in footer*/
.fa {
    display: inline-block;
    font: normal normal normal 18px/1 FontAwesome;
    font-size: large;
    color:#fdfdfd;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* username display module #784343  */
.username .login-greeting {
  text-align: center;
}
.username .logout-button { 
  display: none;
}
.login-greeting{ 
  color: #a6927f;
  font-weight: 400;
  font-size: 1.2rem;
}
form#login-form {
   color: #fff; 
}
ul.unstyled a {
   color: #fff; 
}
  
/* eb cookie on phone HELTECH #864044 */
@media (max-width: 767px) {
  .eb_privacypolicy .button_cookie + .button_cookie {
    margin-top: 10px;
    margin-left: 0;
  }
}
 
/*Joomla Articles */
.article-details .article-full-image img {
    display: inline-block;
    border-radius: 15px;
}
.article-details .article-header h1, .article-details .article-header h2 {
    font-size: 1.8rem;
}
/*Blog, Joomla Articles */
.com-content.view-article .article-details {
    padding: 0 0px; /* fix for blog mobile "very narrow column" */
}
.sppb-addon-article .sppb-article-content-wrap {
    padding: 40px 22px 40px 26px;
}
.com-content.view-article #sp-main-body {
    padding: 120px 0;
}
/*BLOG mail icon */
.btn-outline-secondary {
    color: #fff;
    background-color: #a6927fbf;
    background-image: none;
    border-color: #a6927fbf;
}
/*articles social icons */

.article-social-share .social-share-icon ul li a {
  border: 1px solid #b51b3f;
  color: #b51b3f;
  font-size: large;
}

/*BLOG tags */
.tags>li a {
    background: #a6927f1a;
    color:  #a6927f;
    border-color: #a6927f;
}
.tags>li a {
    display: block;
    font-size: 0.875rem;
    padding: 0.2rem 1rem;
    border-radius: 6.25rem;
}
/*BLOG pager */
.pager>li a {
    border: 1px solid #a6927f;
    color: #a6927f;
}
.pager>li a {
    display: inline-block;
    font-size: 0.79rem;
    padding: 0.3rem 2.5rem;
    border-radius: 50px;
}
.sppb-addon-article .sppb-readmore {
  color:#b21a46;
  font-weight:400;
}
.sppb-addon-article .sppb-addon-article-title a {
    color: #97816d;
}
.article-list .article .article-header h1 a, .article-list .article .article-header h2 a {
    color: #97816d;
}
.sppb-addon-article .sppb-addon-article-title {
    font-size: 1.5rem;
    color: #928171;
    font-weight: 500;
}
.article-details .article-header h1, .article-details .article-header h2 {
    font-size: 1.7rem !important;
  	line-height:1.9rem;
}
/*Blog categori info single article */
.article-info>span a {
    color: #b21a46;
}

/* HELTECH #780076 header articles css bug in helix */ 
.com-content.view-article #sp-header {
  background-color: #fdfdfd !important;
}

/* HELTECH #734472 2024-03-01 */ 
p.lead { /* rsmembership tabell över abonnemang */
  font-size: 17.6px;
  font-weight: 400;
  line-height: 26.4px;
  margin-left: 5px;
}
.btn-info, a.btn-info { /* Villkor */
    background-color: #ffffff;
    color: #000000;
    border-color: #000000;
}
a.btn.btn-success { /* Förnya */
    background-color: #336da8;
    /* color: #000000;
    border-color: #000000; */
}
a.btn.btn-success:hover { /* Förnya hover */
    /* color: #fff; */
    background-color: #33628f;
    /* border-color: #991a3c; */ 
}
a.btn.btn-danger {
  color: #fff;
}
.table-danger,
.table-danger td {
  background-color: #ffffff;
}

/* DISABLE HTML5 MEDIA DOWNLOAD */
audio::-internal-media-controls-download-button {
display:none;
}

audio::-webkit-media-controls-enclosure {
overflow:hidden;
}

audio::-webkit-media-controls-panel {
width: calc(100% + 30px); /* Adjust as needed */
}
video::-internal-media-controls-download-button {
display:none;
}

video::-webkit-media-controls-enclosure {
overflow:hidden;
}

video::-webkit-media-controls-panel {
width: calc(100% + 30px); /* Adjust as needed */
}

/* aktivera företagspaket */
.aktiveraftgpaket .rsm_title,
.aktiveraftgpaket .rsm-lbl-grand_total,
.aktiveraftgpaket #__field1-lbl,
.aktiveraftgpaket #rsm_grand_total,
.aktiveraftgpaket #rsm_discount_value,
.aktiveraftgpaket #rsm_subscribe_payment {
  display: none;
}
.w357kit-alert-danger {
    background: #fff;
    color: #000;
}
joomla-alert[type=danger] {	
  background-color: var(--jui-alert-danger-background-color, #ffd46700);
  border-color: var(--jui-alert-danger-border-color, #ffd467);
  color: var(--jui-alert-danger-color, #333);
}
#system-message-container joomla-alert {
    font-size: 19px;
}