/*
	Theme Name: Roslöv
	Theme URI: http://www.vessinge.se
	Description: Roslöv
	Version: 1.0
	Author: Oskar Pålsson
	Author URI: http://www.vessinge.se
	Tags: 
	License: 
	License URI: 
*/

/*#################################*/
/*### Reset */
/*#################################*/
html, body { width:100%; height:100%; padding:0; margin:0; }
ul { margin:0; padding:0; }
h1, h2, h3, h4, h5 { margin:0; padding:0; font-weight:300; }
p { margin:0; font-weight:300; }
a { color:#000; text-decoration:none; }
a, strong, em { width:auto; float:initial; }
strong { font-weight:900; }

/*#################################*/
/*### Basic */
/*#################################*/
body { font-family:Roboto, Arial, Helvetica, sans-serif; display:flex; flex-direction:column; align-items:center; min-width:360px; }

header { width:100%; background:#fff; position:fixed; z-index:1000; display:flex; justify-content:center; box-shadow:rgba(0,0,0,0.2) 0 3px 3px; }
header > div { padding:30px 8vw; box-sizing:border-box; max-width:1600px; width:100%; float:left; }
header .logo { width:260px; position:relative; float:left; }
header .toggle-menu { width:40px; height:40px; margin:8px 0; float:right; position:relative; cursor:pointer; top:-3px; }
header .toggle-menu span { width:100%; height:3px; background:#b01917; position:absolute; }
header .toggle-menu span:nth-child(1) { top:18%; }
header .toggle-menu span:nth-child(2) { top:50%; }
header .toggle-menu span:nth-child(3) { top:82%; }

main { width:100%; margin-top:120px; }
body.home main {  }

#menu-primary-menu { width:100%; background:#b01917; top:0; left:0; position:fixed; box-sizing:border-box; display:none; z-index:10000; flex-direction:column; align-items:center; }
#menu-primary-menu > div { width:100%; padding:6vw 8vw 8vw 8vw; max-width:1600px; box-sizing:border-box; position:relative; }
#menu-primary-menu.visible { display:flex; }
#menu-primary-menu > div > ul { list-style:none; display:grid; grid-template-columns:33% 33% 33%; grid-template-rows:auto; row-gap:30px; position:relative; padding-bottom:50px; }
#menu-primary-menu > div > ul > li { }
/*#menu-primary-menu > div > ul > li:last-child { position:absolute; bottom:0; right:0; width:auto; }
#menu-primary-menu > div > ul > li:last-child a { color:#b01917; padding:12px 36px; border-radius:5px; font-size:20px; background:#fff; transition:.25s; text-transform:uppercase; letter-spacing:3px; font-weight:500; }*/
#menu-primary-menu > div > ul > li > a { font-size:36px; color:rgba(255,255,255,0.5); }
#menu-primary-menu > div > ul > li > ul { list-style:none; margin-top:10px; }
#menu-primary-menu > div > ul > li > ul > li { margin-bottom:10px; }
#menu-primary-menu > div > ul > li > ul > li:last-child { margin-bottom:0; }
#menu-primary-menu > div > ul > li > ul > li > a { color:#fff; font-size:20px; }

#menu-primary-menu .buttons {}
#menu-primary-menu .close-menu { width:40px; height:40px; position:absolute; cursor:pointer; top:38px; right:8vw; z-index:5; }
#menu-primary-menu .close-menu span { width:100%; top:50%; height:3px; background:#fff; position:absolute; }
#menu-primary-menu .close-menu span:nth-child(1) { transform:rotate(45deg); }
#menu-primary-menu .close-menu span:nth-child(2) { transform:rotate(-45deg); }
#menu-primary-menu img { width:240px; }
#menu-primary-menu hr { border:none; background:#fff; height:2px; margin:40px 0; }
#menu-primary-menu .slogan { font-size:60px; color:rgba(255,255,255,0.5); width:auto; line-height:60px; margin-left:20px; }

.grayscale { filter:grayscale(1); }

footer { width:100%; }
footer > div { width:100%; display:flex; flex-direction:column; align-items:center; background:#343537; }
footer .top { width:100%; padding:70px 8vw 40px 8vw; max-width:1600px; box-sizing:border-box; color:#fff; font-size:14px; }
footer .top p { font-size:16px; }
footer .top h4 a { color:#f5b297; font-weight:500; font-size:18px; }
footer .top a { color:#fff; font-weight:500; }
footer .top ul { list-style:none; margin-top:5px; }
footer .top ul li { margin-top:5px; }
footer .top ul li a { color:#fff; font-weight:500; font-size:18px; }
footer .top ul li ul { display:none; }
footer .copyright { width:auto; float:right; font-weight:500; text-transform:uppercase; }
footer .copyright span { width:auto; border-right:1px solid #fff; padding:0 8px; font-size:14px; }
footer .copyright span:last-child { border-right:none; padding:0 0 0 8px; }
footer .copyright a { cursor:pointer; }
footer .bottom { width:100%; padding:50px 8vw; max-width:1600px; box-sizing:border-box; color:#fff; }
footer .bottom .wp-block-columns { margin-top:10px; }
footer .bottom .wp-block-columns > div:first-child .wp-block-image { width:340px; }
footer .bottom .wp-block-columns > div:first-child .wp-block-image img { filter:invert(1); }
footer .bottom .wp-block-columns > div:last-child .wp-block-image:first-child { width:75px; float:right; margin-left:20px; }
footer .bottom .wp-block-columns > div:last-child .wp-block-image:last-child { width:107px; float:right; }
footer .bottom .wp-block-navigation__submenu-container { display:none; }

.g-recaptcha { position:relative; z-index:2; margin:0 !important; }

@media screen and (max-width: 1000px){
	#menu-primary-menu .slogan { font-size:40px; }
}

@media screen and (max-width: 781px){
	header .logo { width:200px; }
	header > div { padding:16px 8vw; }
	main { margin-top:88px; }
	#menu-primary-menu .close-menu { top:20px; }
	#menu-primary-menu { height:100%; overflow-y:auto; }
	#menu-primary-menu > div > ul { grid-template-columns:100% !important; row-gap:20px; padding-bottom:0; display:flex; flex-direction:column; }
	#menu-primary-menu > div > ul > li { order:2; }
	/*#menu-primary-menu > div > ul > li:last-child { width:220px; position:relative; order:1; }
	#menu-primary-menu > div > ul > li:last-child a { width:100%; float:left; text-align:center; box-sizing:border-box; }*/
	#menu-primary-menu > div > ul > li > ul > li { margin-bottom:5px; }
	#menu-primary-menu img { width:100%; }
	#menu-primary-menu .slogan { width:100%; text-align:center; font-size:30px; line-height:36px; margin:20px 0 0 0; }
	/*footer .top .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child) { flex-basis:45% !important; }*/
	footer .bottom .wp-block-columns > div:first-child .wp-block-image { width:100%; }
	footer .bottom .wp-block-columns > div:last-child .wp-block-image { width:100%; }
	footer .bottom .wp-block-columns > div:last-child .wp-block-image:last-child { float:left; }
	footer .copyright { width:100%; }
	footer .copyright span { padding:0 !important; border:none; width:100%; display:block; margin-bottom:5px; font-size:16px; }
	footer .copyright span:last-child { margin-bottom:0; }
}