﻿/* Set padding to keep content from hitting the edges */
.body-content {
    margin-top: 15px;
   /* padding-left: 15px;
    padding-right: 15px;*/
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default 
input,
select,
textarea {
    max-width: 280px;
}
    */
.menulogo
{
    width: 3em;
    height: 3em;
    display:block;
    margin: 0 auto;
}

.headerbg
{
    background-image: url('/img/dummy7.png');
}

body {
    /*background-image: url('/img/dummy3.jpg');
    background: linear-gradient(0deg, rgba(243,244,122,0.2) 0%, rgba(255,255,255,1) 100%);*/
    /*background: linear-gradient(to bottom, #00004d 0px, #00004d 329px, #fcf4e8 329px, #fcf4e8 100%);*/
    /*background-color: #e4e6e8;*/
    background-color: #FCF9F4; /*#F9F5EF;*/
}

.alt-bg-dark {
    background-color: #380056; /* #00004d; */
}

.container {
    background-color: #FCF9F4; /*#F9F4ED; #fcf4e8;  #e4e6e8;*/
    /*  background-color: white;*/
}

.no-padding
{
    padding-left: 0;
    padding-right: 0;
}

.nav-link {
    /*color: white;*/
    color: #A38E63;
}

.nav-link:hover, .nav-link:focus 
{
    /*color: #A38E63;*/
    color: black;
}

.bluebg {
    /* background-image: linear-gradient(178deg, rgba(103,110,150,1) 0%, rgba(152,161,209,1) 100%);*/
    background-color: rgba(152,161,209,1);
}

.bluecolor {
    color: #98a1d1;
}

.logodiv {
    width: 230px;
    height: 210px;
    color: #A38E63;
}

.logotext {
    font-family: 'Baskervville', serif;
    font-size: 36px;
    width: 650px;
    height: 100px;
    /*color: #daa520;*/
   
    color: #A38E63;
}

.logolink {
    text-decoration: none;
}

.logotextsmall {
    font-size: 18px
}

/* Ny font test */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Josefin Sans',Helvetica,Arial,Lucida,sans-serif;
    color: #A38E63;
}

body, input, textarea, select {
    font-family: 'Quicksand',Helvetica,Arial,Lucida,sans-serif;
}

.bgdiv {
    width: calc(100vw - 20px);
    margin-left: calc(-50vw + 50% + 10px);
}

.goldtext {
    color: #A38E63;
}

.nomobilefloat
{

}

.bookingbutton {
    display: inline-block;
    background-color: #A38E63;
    color: white;
}

.frontimg {
    width: 65%;
}

.klinikimg {
    width: 30%;
}

@media (max-width: 400px)
{
    .nomobilefloat
    {
        display: block;
        float: none;
    }
}

@media (max-width: 700px)
{
    .bookingbutton
    {
        display: block;
    }

    .frontimg {
        width: 100%;
    }

    .klinikimg {
        width: 40%;
    }
}

.fadein
{
    animation: fadeIn 6s;
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

.behandlingdiv {
    background-color: white;
    border: 1px solid #A38E63;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px;
    width: 350px;
}

.pin-input {
    font-weight: bold;
    font-size: 1.3rem;
}

.behandling-link
{
    font-size: 0.8rem;
}

a {
    text-decoration: none;
    color: black;
}

input[type=checkbox] {
    accent-color: #A38E63 !important;
}

input[type=radio] {
    accent-color: #A38E63 !important;
}

/* */