/**
 * Customizations for the Light base style
/*

/*
Here you can copy/paste styles from the original, then edit those styles. You can also add new styles here.
Note: it is not necessary to @import the parent stylesheet here (see docs for more info)
*/

/*
Or, create a totally new style by making a new folder in the child theme's 'styles' directory.
It will show up in Theme Options for you to select.
You can copy and rename the Light or Dark styles from the parent theme to use as a starting point.
*/

.widget-image-title{
    position: relative!important;
    margin-top: 4px!important;
    width: auto;
    margin-left: 0px;
    margin-bottom: 0px!important;
    display:block;
    max-width:100%!important;
    box-shadow:none!important;
    -webkit-box-shadow:none!important;
    left:0px!important;
}

#anmalan .anmalan-box {
    margin: 30px 0;
}
.form-group {
    display: block;
    position: relative;
    margin-bottom: 12px;
    margin-right: -12px;
    margin-left: -12px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.form-group * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.form-group label {
    position: relative;
    display: inline-block;
    min-height: 1px;    
    padding: 7px 12px;
    margin-bottom: 0;
    max-width: 100%;
    font-weight: 700;
}
.form-input {
    position: relative;
    min-height: 1px;
    padding: 0 15px;
}
#anmalan input[type="text"],
#anmalan select {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #ddd;
}
#anmalan select[disabled],
#anmalan select:disabled {
    background-color: #eee;
    cursor: not-allowed;
}
.anmalan-row {
    display: block;
    position: relative;
    margin-bottom: 12px;
    margin-right: -12px;
    margin-left: -12px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.anmalan-row * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.anmalan-column {
    display: block;
    width: 100%;
    padding: 0 12px;
    margin-bottom: 15px;
}
#anmalan small {
    font-size: 10px;
}

#bilinfo,
#divVillkor,
#divErbjudanden {
    margin-bottom: 15px;
}

#divSubmit {
    text-align: right;
}


/* The Modal (background) */
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4);
}
/* Modal Header */
.modal-header {
    padding: 2px 16px;
    background-color: #fff;
    color: white;
}
.modal-header h2 {
    margin-left: 20px;
}
/* Modal Body */
.modal-body {
    padding: 2px 16px 30px;    
}
/* Modal Footer */
.modal-footer {
    padding: 2px 16px;
    background-color: #fff;
    color: white;
}
/* Modal Content/Box */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: 70px auto;
    padding: 0;
    border: 1px solid #888;
    width: 60%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
}
/* The Close Button */
.modalClose {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.modalClose:hover,
.modalClose:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
/* Add Animation */
@-webkit-keyframes animatetop {
    from {top: -300px; opacity: 0} 
    to {top: 0; opacity: 1}
}
@keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
}

#tackforanmalan {
    padding: 12px;
    margin-bottom: 20px;
    border: 1px solid #d6e9c6;
    border-radius: 4px;
    background-color: #dff0d8;
    color: #3c763d;
}

.anm-fel {
    padding: 12px;
    margin-bottom: 20px;
    border: 1px solid #ebccd1;
    border-radius: 4px;
    background-color: #f2dede;
    color: #a94442;
}

.vform-group {
    margin-bottom: 15px;
}
#anmalan #marknadsruta {
    width: 50px;
    display: inline;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#anmalan #automobila {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#anmalan #automobila[disabled],
#anmalan #automobila:disabled {
    background-color: #eee;
    cursor: not-allowed;
}

@media only screen and (min-width: 801px) {
    .form-group label {
        float: left;
        width: 30%;
        text-align: right;    
    }
    .form-input {
        float: left;
        width: 70%;
    }
    
    .anmalan-column {
        float: left;
        width: 50%;
    }
    
    #anmalan #automobila {
        width: 40%;
    }
}