/* Typsnittsinställningar för rubriker och texter*/

body {
    font-family: Roboto;
    color: #000;
}

.section-description {
    color: #000;
}

h1,
h2, 
h3,
h4 {
    font-family: 'EB Garamond', serif;
}

h1 {
    font-size: 4rem;
}

h2 {
    font-size: 3.2rem;
}

h3 {
    font-size: 2.2rem;
}

p {
    font-size: 1.1rem;
}

table td,
table th {
    font-size: 1rem;
}

.faq h4,
.team-section h4 {
    font-family: Roboto;
}

.didYouKnow h1 {
    font-size: 3.5rem;
}

.primary-text-color {
    color: #4285f4;
}

/* Mindre rubriker i mobiler */

@media (max-width: 740px) {
    h1 {
        font-size: 2.5rem;
        hyphens: auto;
    }
}

@media (max-width: 740px) {
    h2 {
        font-size: 2.1rem;
        hyphens: auto;
    }
}

@media (max-width: 740px) {
    h3 {
        font-size: 1.8rem;
        hyphens: auto;
    }
}

@media (max-width: 740px) {
    .didYouKnow h1 {
        font-size: 2.5rem;
        hyphens: auto;
    }
}

/* Slut - Typsnittsinställningar för rubriker och texter */

.rgba-primary {
    background-color: rgba(66, 133, 244, 0.9);
}


/* Vanliga frågor*/
.accordion.accordion-5 .card {
    border: 0;
    background-color: transparent;
}

.accordion.accordion-5 .card .card-header {
    border: 0;
    background-color: #4285f4;
    -webkit-transition: .3s;
    transition: .3s;
}

    .accordion.accordion-5 .card .card-header:hover {
        -webkit-transition: .3s;
        transition: .3s;
        background-color: #455a64;
    }

    .accordion.accordion-5 .card .card-header .fa {
        background-color: #fff;
        border-top-left-radius: 3px;
    }

.accordion.accordion-5 .card .card-body {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    font-size: 1rem;
}

/* Slut - Vanliga frågor*/


/* Fixar länk i pantbankslista */
.underline-link, .underline-link:hover {
    text-decoration: underline;
}

.navbar-spacing {
    height: 106px;
}

/* Fixar d-flex för IE så att centrerade texten inte blir väldigt smal */
.d-flex .row {
    width: 100%;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
/*
.body-content {
}
*/
/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Toppmenyn */

.navbar-brand {
    height: auto;
}

/* Kompensation för sticky navbar när man scrollar till en underrubrik */
div.section.anchor {
    margin-top: -80px;
    padding-top: 80px;
}

/* Fix för ikon innan select-rullista */
.mdb-select {
    padding-left: 2.5rem;
}

.select-wrapper {
    margin-top: 35px;
}

@media (max-width: 991px) {
    .navbar > .container {
        max-width: 100%;
    }
}


.text-shadow {
    text-shadow: 2px 2px 5px #000;
}

html {
    height: 100%;
}

footer {
    visibility: hidden;
    text-align: center;
}


/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    .navbar-toggle {
        transform: translate(0%, 40%);
    }
}

@media screen and (max-width: 1200px) {
    .pawn-shop.list .checkbox {
        margin-left: -25px;
    }

    .pawn-shop.list .checkbox {
        margin-right: 28px;
    }
}

@media screen and (max-width: 410px) {
    .pawn-shop.list #search {
        margin-top: 0;
        margin-left: 1px;
        margin-right: 50px;
    }
}

.pawn-shop #google-map {
    height: 250px;
    margin-bottom: 20px;
    width: 100%;
    background-color: #f9f9f9;
}

.admin.pawn-shop #google-map {
    height: 210px;
    margin-bottom: 10px;
}

.pawn-shop.list .custom-select {
    width: auto;
}

.pawn-shop.show .description {
    white-space: pre-line;
}

.pawn-shop.list #SortByDistance {
    position: relative;
    top: 2px;
    margin-left: 20px;
}


.admin.pawn-shop.list #search {
    margin-left: 30px;
}

.pawn-shop.list .result {
    margin-top: 20px;
}

.logo {
    max-width: 100%;
}

#logoutForm button {
    padding-left: 0;
}

.nav.navbar-nav li a {
    padding-left: 1vw;
}

form.form-inline input,
form.form-inline select {
    margin-bottom: 10px;
}

form.form-inline .checkbox {
    height: 34px;
}

ul.nav.navbar-nav a {
    font-size: 1rem;
}

.navbar-nav .nav-item.show .nav-link, .navbar-nav .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff;
}

.navbar-nav .nav-item.open .nav-link, .navbar-nav .nav-link.active {
    background-color: rgba(255,255,255,.2);
    color: #fff;
    -webkit-transition: all 1s;
    transition: all 1s;
    border-radius: 2px;
}

.breadcrumb {
    margin-bottom: 0;
}

.nowrap {
    white-space: nowrap;
}

.input-group {
    min-height: 38px;
}

.clickable-row {
    cursor: pointer;
}

/* Formatering av backofficelistan */

.list-group-item-primary {
    background-color: #f2f2f2;
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
    background-color: #dddddd;
}


/* Ljusare placeholdertext i formulär */
.form-control::-webkit-input-placeholder {
    color: #d1d1d1;
}

.form-control::-moz-placeholder {
    color: #d1d1d1;
}

.form-control:-ms-input-placeholder {
    color: #d1d1d1;
}

.form-control::-ms-input-placeholder {
    color: #d1d1d1;
}

.form-control::placeholder {
    color: #d1d1d1;
}
/* Slut - Ljusare placeholdertext i formulär */


/* Snyggare tabell i mobilläge */

@media only screen and (max-width: 767px) {

    /* Force table to not be like tables anymore */
    .no-more-tables table,
    .no-more-tables thead,
    .no-more-tables tbody,
    .no-more-tables th,
    .no-more-tables td,
    .no-more-tables tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        .no-more-tables thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    .no-more-tables tr {
        border-bottom: 1px solid #ccc;
    }

    .no-more-tables td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
    }

        .no-more-tables td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 17px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
            font-weight: bold;
        }

        /* Label the data */
        .no-more-tables td:before {
            content: attr(data-title);
        }
}

/* CookieBar  - start */
#CookieBar {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1001;
    background-color: #edeff5;
}

    #CookieBar #CookieBarButton {
        margin-left: auto;
        font-weight: bold;
    }

    #CookieBar #CookieBarText,
    #CookieBar #CookieBarButton {
        display: flex;
        vertical-align: middle;
        align-items: center;
    }

/* Vi vill att cookie-bar-texten ska vara lika hög som knappen då cookie-baren visas på två rader */
#CookieBar #CookieBarText {
    min-height: 58px;
}

/* Justerar för när sidan visas i minsta läget */
@media (max-width: 575px) {
    /* Centrerar texten i minsta läget */
    #CookieBar #CookieBarText span {
        margin-left: auto;
        margin-right: auto;
    }

    /* Återställer knappen till centrerat läge horisontellt i minsta läget */
    #CookieBar #CookieBarButton {
        margin-right: auto;
    }
}

/* CookieBar - stopp */