/*
Theme Name: Fridafors Bilservice AB
Theme URI: https://www.joerrens.se
Description: Fridafors Bilverstatd AB - Wordpress Theme 2024
Version: 1.0
Author: Torge Joerrens
Author URI: https://www.joerrens.se
*/

body {
	letter-spacing: .25px;
}


.logo {
  width: 40rem !important;
}

.site-title {
	clear: none;
	font-size: 2.4rem !important;
	font-size: 1.5rem;
	font-weight: 800;
	line-height: 1.25;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.site-title a {
	text-decoration: none  !important;
}

.site-description {
	font-size: 1.2rem;
	margin-bottom: 0;
}

.slider .slider__slide h2 {
	font-size: 6.4rem;
	line-height: 1.08;
	font-weight: 700;
	position: absolute;
	left: 4%;
	top: 21%;
	z-index: 3;
	color: #fff;
	max-width: 56rem;
}

.slider .slider__slide img {
  object-position: 20% 10%;
}

.section__head {
	max-width: 100% !important;
}

.section .section__content h2 {
	max-width: 100% !important;
	color: #024f9e;
}

.footer__copyright a {
	text-decoration: none;
}

.section__page {
	padding-bottom: 4rem;
	width: 100%;
}

.section__page p {
	margin-bottom: 4rem;
	text-align: center;
	line-height: 1.5;
}

.section__head h1 {
	color: #024f9e;
	text-align: center;
	margin-top: 60px;
	font-size: 4rem;
	font-weight: 700;
}
	
.section__page h2, .section__head h2 {
	color: #024f9e;
	margin: 100px 0 20px 0;
	text-align: center;
	font-weight: 400;
}

.section__page .h3, h3 {
	color: #024f9e;
	margin-top: 20px !important;
}

.section__page ul {
	margin-left: 20px;
}

.section__page a {
	color: #024f9e;
}

.nav-links a {
	text-decoration: none;
}

.post-navigation .nav-links {
	display: flex;
}

.nav-links a {
	text-decoration: none;
}
	
.post-navigation .nav-links .nav-previous,
.post-navigation .nav-links .nav-next {
	width: 50%;
}

.post-navigation .nav-links .nav-next {
	text-align: right;
}

.post-navigation .nav-links .nav-subtitle {
	display: block;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #888;
}

.copyright {
	margin-top: 10px;
	text-align: center;
}

.copyright a {
	text-decoration: none;
	color: #7b7b7b;
}

.copyright small {
	text-align: center;
	color: #7b7b7b;
	font-size: 10px;
}

.footer {
	color: #7b7b7b;
}

.subfooter {
  display: flex;
  justify-content: space-between;
  padding: 30px 15px;
}

.subfooter a {
	text-decoration: none;
}

.subfooter h4 {
	font-size: 2.4rem;
}

.box__tjaenster {
	flex: 0 0 41.6666666667%;
}

.box__tjaenster ul {
	padding: 0;
	list-style: none;
}

.box__tjaenster li {
	margin-bottom: 15px;
}

.box__kontakt {
	flex: 0 0 33.3333333333%;
	max-width: 33.3333333333%;

}

.box__oeppettider {
	flex: 0 0 25%;
	max-width: 25%;
}


.section--tjaenster {
  text-align: center;
  margin-top: -6rem;
  padding-bottom: 4rem;
}

/*///////////////////////////////////////////////////////
// Animated Banner / Marquee
//////////////////////////////////////////////////////*/

.syncMarquee {
	background: #FFFFFF;
	padding: 20px 30px;
	max-width: 100vw;
	white-space: nowrap;
	overflow: hidden;
	border-bottom: 1px solid #e9e9e9;
}

.syncMarquee .innerWrap {
	display: inline-block;
	padding-left: 100%;
	animation: marquee 20s linear infinite;
}

.syncMarquee .innerWrap:hover {
	animation-play-state: paused
}

.tickerItem {
	display: inline-block;
	margin: 0 50px;
}

.tickerItem .prefix, .tickerItem a {
	color: #024f9e;
}

.tickerItem .prefix {
	font-weight: 700;
}

@keyframes marquee {
	0%   { transform: translateX(0); }
	100% { transform: translateX(-100%); }
}

@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
	
	.slider .slider__slide h2 {
		font-size: 4.2rem;
		max-width: none;
		left: 4.6%;
		top: 25%;
	}
	
	.section__page  .h2, h2 {
		font-size: 2.5rem;
	}
	
	.subfooter {
		flex-direction:column;
	}
	
	.subfooter div {
		margin-bottom: 60px;
	}
	
	.box__tjaenster, .box__oeppettider, .box__kontakt {
		max-width: 100%;
	}
	
	.section .section__head h2 {
		max-width: 100% !important;
	}
}