/**
 * @file
 * Subtheme specific CSS.
 */
 /**testar en kommentar för att felsöka git */

/*Tar bort den lilla vita scrollen på mobiler*/
html,body{overflow-x: hidden;}


/* test av scroll.margin.top */
#hjalp, #minnesstund, #produkter, #om-oss, #kontakta-oss, #valkommen, #dodsannons, #rubrik_enkel_sida {
    scroll-margin-top: 120px;
}


body {
    padding-top: 100px;
}

.user-logged-in #block-sodra-mores-theme-content {
    padding-top: 100px;
}

/*Menylänkar*/
/* unvisited link */
a:link {
  color: #578038;
}

/* visited link */
a:visited {
  color: #578038;
}

/* mouse over link */
a:hover {
  color: #578038;
  text-decoration: underline;
}

/* selected link */
a:active {
  color: #578038;
  text-decoration: underline;
}

.nav-link:hover {
  color: #578038;
  text-decoration: underline;
}


 /*Fonts, Typsnitt, texter och rubriker */
h2 {
    font-weight: 500 !important;
    text-transform: uppercase;
    color: #578038;
}

/*Färg och presentation välkommen blocket*/
#valkommen h2, #minnesstund h2 {
  color: #fff;
}

#valkommen, #minnesstund {
  color: #fff;
}

#valkommen, #minnesstund {
    background: #57803890;
    margin: 0 0 0 0;
}

@media screen and (max-width: 768px) {
#valkommen, #minnesstund {
padding: 2em 2em 1em 2em;
}
}

#valkommen a {
    color: #fff;
}


/*Bakgrundsbild region innehåll*/
.produkter {
  background-color: #cee6f8;
}

.om_oss.bs-p-1._none.bs-m-1 {
  background-color: #cee6f8;
}

/*-----------Praktisk hjälp--------------*/
/*Döljer bakgrundsbild mobilt*/
@media screen and (max-width: 767px) {
.om-oss {
    background: none !important;
}
}

/*---------------Anmälan till minnestdund---------*/
/*skapar marginal när man besöker formulär för anmälan till minnesstund*/


/*-----------Knappar---------*/
/*----------------------
Justerar färger på knappar
-----------------------*/
.btn {
    background-color: #578038;
    color: #FFFFFF;
    margin: 0 2em 2em 2em;
}

.btn-primary:hover {
    color: #fff;
    background-color: #fff;
    border-color: #578038;
}


/*------------------------------Meny mobilt----------------------------------*/
#navbar-main {
  width: 100%;
} 

.navbar-toggler {
    border: none;
    display: block;
    position: relative;
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(117, 148, 128, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  font-size: 1.2em;
}

@media screen and (max-width: 480px) {
.navbar-brand {
  width: 70%;
}
}


/*Användarmeny*/
@media screen and (min-width: 768px) {
#block-menyforanvandare {
  position: absolute;
  margin-top: 5em;
}
}

@media screen and (max-width: 768px) {
#block-menyforanvandare {
  border-top: 1px solid #578038;
}
}

/*-------------Design Desktop---------------*/
/*Lägger till extra padding för en luftingare design på desktop*/
@media screen and (min-width: 1200px){
.sektion_startsida {
  padding-left: 7rem;
  padding-right: 7rem;
}

#navbar-main {
  padding-left: 7rem;
  padding-right: 7rem;
}
}

@media screen and (min-width: 768px) {
.sektion-2 {
        padding: 40px 60px 40px 60px;
    }
}  


/*Högerställer bilden på anmälningsformuläret*/
@media (min-width: 560px) {
.node--type-anmalan-till-minnesstund .field--type-image {
  float: none;
}
}


/*--------------VYN MINNESTUND LANDNINGSIDA----------------*/
/*Marginal mot anmälningsknapp*/
.annons {
    margin-bottom: 1em;
}

/*Färg knapp anmälan*/
.btn-color a {
  color: #fff;
}

/*-------------Kontakta oss--------------*/
@media screen and (max-width: 480px) {
#kontakt-formular {
    margin-top: 2em;
}

#kontakt-formular #edit-actions{
    text-align: center;
}
}

@media screen and (max-width: 768px) {
.medarbetare {
    padding: 15px;
}
    
}


/*--------Sidfot-------------*/
.site-footer {
  padding: 0px 0 10px;
}
.copyright {
    text-align: center;
}


/*Logga in /admin /user */
#user-login-form {
  width: 62%;
  margin-left: auto;
  margin-right: auto;
}


/*UI Laout builder */
.ui-dialog-titlebar {
    padding-top: 130px;
}

/*COOKIE*/
/*******COOKIE INSTÄLLNINGSR***********/
/*Byt ut alla färger till temats färger*/

/*Text storlek*/
.cookiesjsr-links.links--row {
  font-size: 1em;
}

.cookiesjsr-banner--text {
  font-size: 1em;
}

.cookiesjsr-layer a {
  font-size: 1em;
}

.cookiesjsr-layer {
  font-size: 1em;
}

.cookiesjsr-btn {
    font-size: 1em;
}

/*Bestämmer färgen på bannern*/
.cookiesjsr-banner {
   background-color: #578038 !important;
}

/*Bestämmer färgen på huvudfönstret*/
.cookiesjsr-service-group.active .cookiesjsr-service-group--content {
 background:#578038 !important;
}

/*Bestämmer färgen på flikarna*/
.cookiesjsr-service-group.active .cookiesjsr-service-group--tab {
 background:#578038!important;
}

/*Bestämmer färgen på spara knappen*/
.cookiesjsr-btn.important.invert {
 background-color:#578038 !important;
 border-color:#578038 !important;
 color: #fff !important;
}

/*Bestämmer färgen på knapparna*/
.cookiesjsr-btn {
 background-color: #fff !important;
 border:2px solid #578038 !important;
 color: #000 !important;
}

.nav-link.nav-link-editcookiesettings {
  text-align: center;
}


/*Design av vyn minnestunder på försa sidan*/
/*Får vyn att flyta vänster*/
.view-minnesstunder .views-row {
  float: left;
}

@media screen and (max-width: 480px) {
.view-minnesstunder .views-row {
  float: left;
  text-align: center;
}
.view-minnesstunder .row > * {
  width: 100% !important;
}
}

.view-minnesstunder .row > * {
  flex-shrink: 0;
  width: auto;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}

.view-minnesstunder .views-field.views-field-view-node {
  text-align: center;
}

/*----------Justeringar första sidan för mobiler.---------*/


/*Tar bort justerar marginaler och padding*/
@media screen and (max-width: 480px) {
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  padding-right: 0;
  padding-left: 0;
}

#valkommen, #minnesstund {
    background: #57803890;
    padding: 0;
    margin: 0 0 0 0;
}

p {
    padding: 0 15px 0 15px;
}

h2 {
    padding: 10px 15px 0 15px;
}

.kontakt-formular {
  padding: 0 15px 0 15px;
}

.nav-item {
  padding-left: 1em;
  padding-right: 1em;
}
}