/*   
Theme Name: Teamstyle Theme
Theme URI: https:/teamstyle.se
Description: The official Teamstyle Wordpress Theme
Author: Ola Eborn
Author URI: https://eborninteractive.se
Version: 1.0
*/

/* CSS Document */

/* */


@font-face {
    font-family: 'Archivo Black';
    src: url('fonts/ArchivoBlack.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Zilla Slab Regular';
    src: url('fonts/ZillaSlab-Regular.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Zilla Slab Medium';
    src: url('fonts/ZillaSlab-Medium.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Zilla Slab Bold';
    src: url('fonts/ZillaSlab-Bold.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
}


* {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

:root {
	--black: #111;
	--white: #fff;
	--blue: #0072CE;
	--red: #D50032;
	--blackblue: #00152E;
}

.blackblue-back {
	background: var(--blackblue);
	color: var(--white);
}

.blue-back {
	background: var(--blue);
	color: var(--white);
}

.blue-back h2 {
	color: var(--white);
}

.gray-back {
	background: #eee;
}

strong, b {
	font-family: 'Archivo Black';
	 font-weight: normal !important;
	 -webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
	 padding-right: 3px;
}

body {
	background:var(--vit);
	color:var(--svart);
	margin:0;
	padding:0;
	font-family:'Zilla Slab Regular', Helvetica ,Arial,  sans-serif;
	font-weight: 350;
	line-height:1.5;
	font-size:23px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Archivo Black', Helvetica ,Arial,  sans-serif;
	font-weight:normal;
}

h1,h2 {
	font-size: 36px;
}

.payoff {
	font-family: 'Archivo Black', Helvetica ,Arial,  sans-serif;
	font-weight:normal;
	position: absolute;
	bottom: 100px;
	left: 5%;
	color: var(--white);
	font-size: 46px;
	max-width: 370px;
	line-height: 1;
	text-shadow: 0 1px 12px rgba(0,0,0,0.6);
}

.payoff span {
}

a {
	color: var(--red);
}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, h1 b, h2 b, h3 b, h4 b, h5 b, h6 b {
	font-weight:normal;
}

#page-wrap {
	width:100%;
	position:relative;
}

.inner-content {
	margin:0 auto;
	overflow:hidden;
	max-width:1600px;
	width:90%;
	position:relative;
}

#logo {
	width: 230px;
	position: relative;
	z-index: 1;
}



header {
	height: 500px;
	position: relative;
}

header .inner-content {
	padding:30px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.lang-select a {
	color:var(--blue);
	font-family: 'Archivo Black', Helvetica ,Arial,  sans-serif;
	font-size:20px;
}

.lang-select {
	z-index:1;
	position:relative;	
}

header .backimage {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

header .backimage img {
	width: 100%;
	height: 100%;
	object-fit:cover;
}

#main-content {
	
}

.entry {
	max-width: 850px;
	margin: 0 auto;
}

/* content block */
.block .inner-content {
	padding: 100px 0;
}

.block.less-margin .inner-content {
	padding: 60px 0 80px 0;
}

.content-block {
	display: flex;
	flex-direction:column;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.shadow {
	text-shadow:0 2px 5px rgba(0,0,0,0.3);
}


.hexaback {
	background:url(images/hexaback.webp) no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
}

.hexaback h2 {
	color:var(--white);
}
/* end content block */


/* text block */
.entry-twocol {
	column-count: 2;
	column-gap: 80px;
	max-width: 1050px;
	margin: 0 auto;
}

/* end text block */


/* button block */
.btn-container {
	margin: 50px 0 0 0;
}

a.btn {
	background:var(--blue);
	padding: 12px 35px;
	border-radius: 4px;
	color:var(--white);
	font-family: 'Zilla Slab Bold';
	font-weight: 500;
	font-size: 26px;
	text-align:center;
	display: inline-block;
	box-shadow:0 2px 5px rgba(0,0,0,0.3);
}

a.btn:active {
	box-shadow:0 2px 3px rgba(0,0,0,0.5);
	transform: scale(0.99);
}

.btn.red {
	background: var(--red) !important;
}
/* end button block */


/* contact block */
.contactpersons {
	display: flex;
	margin-top: 60px;
	align-items: center;
	justify-content: center;
}

.contactpersons .contact .image {
	width: 300px;
	border: 1px solid #aaa;
}

.contactpersons .contact {
	margin-right: 30px;
}

.contactpersons .contact .text {
	margin-top: 20px;
}

.contactpersons .contact .name {
	font-family: 'Archivo Black';
}

.contactpersons .contact .title {
	font-size: 18px;
}

/* end contact-block */

/* bolag block */
.bolag-container {
	display: flex;
	flex-wrap:wrap;
	margin-top: 70px;
}

.bolag-container .bolag {
	width:calc(33.3333333% - 20px);
	margin-left: 30px;
	padding: 40px 30px;
	border:2px solid var(--blackblue);
	border-radius: 8px;
}

.bolag-container .bolag .logo {
	margin: 0 auto 40px auto;
	width: calc(100% - 60px);
	height: 85px;
	align-items: center;
	justify-content: center;
	display: flex;
}

.bolag .logo {
	max-width: 100%;
}

.bolag-container .bolag .logo img {
	width: 100%;
	height: 100%;
	object-fit:contain;
}

.bolag-container .bolag .description {
	font-size: 19px;
} 

.bolag-container .bolag:nth-child(3n + 1) {
	margin-left: 0;
}

/* end bolag block */

footer {
	
}

.social-icons {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 40px;
}

.social-icons div {
	margin:0 7px;
	width: 30px;
	opacity: 0.6;
	transition:0.3s all ease;
}

.social-icons div:last-child {
	margin-right:0;
}

.social-icons div:hover {
	opacity: 1;
}

.copyright-row {
	font-size: 16px;
	margin: 70px 0 -40px 0;
	color: #666;
}

h1.payoff {
margin-bottom:0 !important;
}

h1.payoff span {
	display: none;
}