/*
Theme Name: BBoard
Description: Tema för Wordpress byggd speciellt för BBoard. Baseras på understrap
Author: Mattias Kallio
Template: understrap
*/

body{
	color: #343434;
	background-color: #fff;
	font-family: "Open Sans", sans-serif;
	line-height: 1.2em;
}


a{color: #5e7500;}

h1, h2{
    /* font-size: 35px; */
    line-height: auto;
    margin-top: 30px;
}

h1{
	margin-bottom: 25px;
	font-family: "Yanone Kaffeesatz", sans-serif;
	margin-top:30px;
	
}

.toppen-bilden h1{
	font-size: 90px;
}

h2{
	font-size: 40px;
	font-family: "Yanone Kaffeesatz", sans-serif;	
    margin-bottom: 20px;
    padding-bottom: 9px;
    border-bottom: 1px solid #0000002e;
}

h3{
    color: #000000;
    border-bottom: 1px solid #95ae3361;
    letter-spacing: 2px !important;
    padding: 4px 0;
    text-transform: uppercase;
    font-size: 20px;
}

h4{
	font-family: "Yanone Kaffeesatz", sans-serif;
	padding-bottom: 7px;
}
.h5, h5 {
	font-size: 17px;
	color: #ae3339;
}

a:hover {
	color: #657d04;
}

p {
	margin-top: 0;
    margin-bottom: 15px;
}

ul{
	list-style-type: none;
	padding-left: 0px;
}

input, select {
    width: 100%;
    height: 30px;
    border-radius: 3px;
    border: 1px solid #dadada;
    padding: 0 10px;
    margin-bottom: 5px;
}
input[type=checkbox], input[type=radio]{
    width: auto;
    height: auto;
}

.tml-submit-wrap input[type=submit]{
    width: auto;
    padding: 8px 50px;
	height: auto;
	background: #ae3339;
	color: white;
}

/* input[type=submit], input[type=button] {
    width: auto;
    height: auto;
} */
label {
    font-size: 20px;
	margin-bottom: 2px;
}

#content{
	margin-top: 30px;
	background:white;
}

.first-container{
    background: #23282d;
    color: #797979;
    padding: 10px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
}

.first-container a{
	color:#797979;
}

.site-main{
	padding: 0px;
}

img.wp-post-image{
	width:100%;
}

.module-title{text-align: center;}


.aligncenter {
	margin: 0 auto;
	display: inherit;
}

.wrapper{
	padding: 0;
}
	/* 
	.first-top{
		margin-top: -10px;
	} */

.first-top ul{
	margin-bottom: 0;
}
.first-top li{
    display: inline;
    margin-left: 10px;
    text-align: right;
}

.navbar {
    background: #f5f5f5;
    padding: 10px 0px;
    border-top: 1px solid #8bd301
}

.navbar-brand img{
	max-width: 200px;
}

.topnavbar{
	background:#f31e37;
}

.logo-kommun{
	display: flex;
}

.logo-kommun-logo, .logo-kommun-namn{
    margin-top: 0px;
}

.logo-kommun-namn{
    margin-top: 9px;
    font-size: 23px;
    text-transform: uppercase;
    color: #a4c521;
}

.mega-sub-menu .menu-item{
	padding: 4px 0;
	border-bottom: 1px solid #d8d8d8;
}

.footer_top{
	background: #f5f5f5;
    padding: 25px;
	color: #7d7d7d;
	border-top: 1px solid #e6e6e6;
}

.footer_top a{
	color: #7d7d7d;;
}

#wrapper-footer-full{
	background-color: #670410;
	text-align: center;
	padding: 10px;
	font-size: 70%;
	border-bottom: 1px solid #be081d;
	color: #fff;
}
#wrapper-footer-full h4{
	color: #fff;
	font-size: 15px;
	margin-bottom: 0px;
}

#wrapper-footer-full a{
	color: #fff;
}

#wrapper-footer{
    background: #161616;
    color: #fff;
    border-top: 1px solid #eeb814;
    font-size: 70%;
}

#wrapper-footer a{
	color: #fff;
}

.site-info{
	text-align: center;
	padding: 10px 0;
}

/*
* Referenser
*/
.post-date {
	background: #e7e7e7;
	font-size: 10px;
	padding: 2px 5px;
	color: #676767;
}

.bigbutton{
    display: inline-block;
    width: auto;
    background: #ae3339;
    text-align: center;
    border-radius: 3px;
    color: #fff !important;
    padding: 5px 10px;
    margin-bottom: 15px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.38);
    font-weight: 600;
    font-size: 22px;
}

.bigbutton:hover{
	background: #842227;
	color: #fff;
	text-decoration:none;
}

.btn-primary{
	background-color:#a4c521;
}

.btn-secondary{
	background-color: #dcd5d5;
	color: #fff;
	border: none;
	padding: 3px 10px;
	margin-top: 0;
	text-shadow: 1px 1px 3px #00000036;
}

.search_bar{
	background:#a4c521;
}

/**
* Bizbox changes
*/
.bizbox {
	margin-bottom: 10px;
	background: #fff;
	padding: 10px;
	border-radius: 0 10px 10px 10px;
	border: 1px dotted #dadada;
}

.bizbox_meta a{
	color: #8e8e8e;
	text-decoration: underline;
}

.bizumbrella_main_image{
	margin-bottom:20px;
}

.bboard_calenderbox{
    background: #f3f3f3;
	margin-bottom: 2px;
	color: black;
}

.bboard_calenderbox_datebox{
	background:#a4c521;
    padding: 10px;
	text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    font-style: normal;
    font-weight: 700;
    margin-bottom: 0;
	border-right: 2px solid #a4c521;
}
.bboard_calenderbox_datenum{
    text-align: center;
    font-size: 45px;
    margin-top: -10px;
}
.bboard_calenderbox_datemon{
	margin-top:-13px;
	text-align:center;
}
.bboard_calenderbox_dateweekday{
	color:white;
}
.bboard_calenderbox_main{
	background: #f3f3f3;
	padding:10px;
}
.bboard_calenderbox_main h4 {
    padding-bottom: 0px;
    margin-bottom: 2px;
    font-size: 21px;
    border-bottom: 1px solid #ffffff;
    color: #444444;
    text-transform: uppercase;
    margin-top: 5px;
}

/**
Next, prev
*/
.nav-previous, .nav-next{    
	padding: 10px;
    background: #f3f3f3;
    margin: 25px;
	border-radius: 10px;
}
	

/**
* Elementor mods
*/
.eael-entry-medianone {
    overflow: hidden;
    height: 200px;
}

.tidoplats-h3-buttons h3{
	margin-bottom:0;
	border:0;
	padding:0;
}

.tidoplats-h3-buttons h3 a{
    background: #98b525;
    margin-bottom: 3px;
    color: white;
    width: 100%;
    display: inline-block;
    padding: 10px;
    border-radius: 5px;
}
.tidoplats-h3-buttons h3 a:hover{
	background: #82a00a;
}

/**
* Small screen
*/
@media (max-width: 768px) {
	.navbar-brand {
		text-align: center;
		width: 100%;
	}
	.footer_top {
		text-align: center;
	}
	.toppen-bilden h1{
		font-size: 40px;
	}
}