:root{
--grid-gap: 1rem;
}
html    {
font-size: 62.5%;
background-color: #1D1D1D;
background-image: url(//nts-varberg.se/wp-content/themes/nts2020/img/background.png);
background-repeat: no-repeat;
background-size: cover;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td
{
margin: 0;
padding: 0;
}
.entry-content a:link   { color: #4f5ffb; text-decoration: none;}
.entry-content a:visited    { color: #4f5ffb; text-decoration: none;}
.entry-content a:active 	{ color: #4f5ffb; text-decoration: none;}
.entry-content a:hover  { color: #4f5ffb; text-decoration: underline;}
a   {
outline: 0;
}
strong, b	{
font-weight: bold;
} img[class*="align"],
img[class*="wp-image-"] {
height: auto; }
img     {
height: auto;
max-width: 100%;
border: 0;
display: block;
}
.flex   {
display: flex;
}
.flex-wrap	{
flex-wrap: wrap;
}
.flex-grow	{
flex-grow: 1;
}
.dark	{
background: #1A1919;
}
.white	{
background: #FEFEFE;
}
.grey,
.block-about article.large-box	{
background: #D9DADA;
}
.lightGrey,
.block-more--info article.large-box	{
background: #f5f5f5;
}
.border-box	{
box-sizing: border-box;
}
.readmore-btn	{
border-radius: 4px;
margin: 20px auto 60px;
width: 180px;
text-align: center;
padding: 15px 10px 14px;
display: block;
}
a.readmore-btn:hover span	{
border-bottom: 2px solid;
}
ul.page-numbers	{
display: flex;
flex-wrap: wrap;
list-style: none;
margin-left: 40px;
margin-right: 40px;
}
.page-numbers li	{
border: 1px solid #1A1919;
margin-right: 3px;
margin-left: 3px;
}
.page-numbers span,
.page-numbers a		{
padding: 4px 5px;
display: block;
}
.page-numbers a	{
text-decoration: none;
color: #FEFEFE;
background: #1A1919;
}
.page-numbers a:hover	{
background: #D2D2D2;
}
.page-numbers.current	{
color: #1D1D1D;
background: #D2D2D2;
}
.object-fit > img	{
display: block;
width: 100%;
height: auto;
}
@supports (object-fit: cover) 	{
.object-fit {
position: relative;
}
.object-fit::before {
content: '';
display: block;
width: 100%;
height: 0;
}
.object-fit > img 	{
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
@media (min-width: 1280px)  {
.top-img-fullwidth--subpage.object-fit::before	{
padding-top: 32%;
}
.top-img-white--subpage.object-fit::before	{
padding-top: 36%;
}
.top-img.object-fit::before	{
padding-top: 36%;
}
.box .object-fit::before	{
padding-top: 60%;
}
}
@media (max-width: 1280px)  {
.top-img-fullwidth--subpage.object-fit::before	{
padding-top: 48%;
}
.top-img-white--subpage.object-fit::before	{
padding-top: 48%;
}
.top-img.object-fit::before,
.top-img--subpage.object-fit::before	{
padding-top: 46%;
}
.box-wide .object-fit::before,
.box .object-fit::before	{
padding-top: 56%;
}
}
@media (max-width: 860px)	{
.large-box--img.object-fit::before	{
padding-top: 46%;
}
}
}
.relative	{
position: relative;
}
.outer-block    {
max-width: 1820px;
margin: 0 auto;
padding-left: 3vw;
padding-right: 3vw;
}
.inner-block	{
margin-top: 5px;
}
.main-header	{
margin-top: 5px;
}
.header-logo	{
margin-right: 3px;
}
.big-screen	{
text-align: right;
}
.top-img	{
flex-basis: 60%;
}
.top-content	{
flex-basis: 40%;
padding: 3vw 3vw 65px;
}
.top-contact	{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 0 10px;
text-align: center;
}
.top-txt ul	{
list-style: none;
margin-left: 20px;
margin-top: 20px;
}
.block-projects,
.block-services,
.block-about,
.block-services--subpage	{
margin-top: 30px;
margin-bottom: 40px;
}
article.box a	{
text-decoration: none;
}
article.box .entry-wrap	{
padding: 1vw 1.5vw;
}
article.box p	{
margin-top: 5px;
margin-bottom: 40px;
}
article.box p::after	{
content: '»';
}
article.box.light header	{
margin-bottom: 30px;
}
.about-nts	{
flex-basis: 37%;
padding: 5vw;
align-self: center;
font-size: 2.2rem;
}
.large-box	{
flex-basis: 63%;
}
.large-box a	{
height: 100%;
text-decoration: none;
}
.large-box--link,
.more-info--link,
.project-box--link,
.small-box--link	{
position: absolute;
width: 90%;
text-align: right;
bottom: 15px;
right: 10px;
}
a:hover .readmore-link span	{
border-bottom: 2px solid;
}
article.box-wide > a	{
height: 100%;
}
article.box-wide .entry-img	{
flex-basis: 48%;
}
article.box-wide .entry-wrap	{
flex-basis: 50%;
padding: 2vw;
}
article.box-wide .entry-wrap p	{
margin-top: 5px;
margin-bottom: 40px;
}
.more--info	{
flex-basis: 37%;
}
.more--info a	{
padding: 5vw;
display: block;
height: 100%;
text-decoration: none;
}
.content-left--subpage	{
padding: 2vw 3vw;
}
.sub-sidebar	{
margin-bottom: 20px;
}
article.box-sidebar	{
margin-bottom: 20px;
}
article.box-sidebar a	{
text-decoration: none;
}
article.box-sidebar .entry-wrap	{
padding: 1vw 1.5vw;
}
article.box-sidebar p	{
margin-top: 5px;
margin-bottom: 30px;
}
article.box-sidebar p::after	{
content: '»';
}
.block-top--subpage	{
min-height: 420px;
margin-bottom: 30px;
}
.project-slider	{
padding: 1vw;
overflow: hidden;
}
.top-content--subpage	{
padding: 3vw;
}
.facts	{
background: #eeeeee;
border-radius: 12px;
margin-top: 50px;
}
.facts-left,
.facts-right	{
flex-basis: 50%;
}
.facts-left	{
border-right: 1px solid #D9DADA;
}
.facts dt:nth-child(n+2)	{
margin-top: 10px;
}
.facts-left span:not(:first-child)::before	{
content: '/ ';
}
.facts-right	{
align-self: center;
padding-left: 2vw;
box-sizing: border-box;
text-align: center;
}
.facts-right--headline	{
margin-bottom: 10px;
}
.facts-right--text a:hover	{
border-bottom: 2px solid;
}
.top-img-fullwidth--subpage	{
margin-bottom: 30px;
}
.main-footer	{
margin-top: 30px;
margin-bottom: 20px;
padding: 30px;
box-sizing: border-box;
justify-content: space-between;
align-items: flex-end;
}
.footer-left	{
align-items: flex-end;
}
.footer-right	{
padding-left: 10px;
}
.footer-cert	{
margin-bottom: 20px;
}
.footer-cert img	{
max-width: 120px;
min-width: 90px;
margin-left: auto;
}
.footer-icons ul	{
justify-content: flex-end;
list-style: none;
}
.footer-icons li:not(:first-child)	{
margin-left: 10px;
} #slider	{
background: #1A1919;
overflow: hidden;
}
#slider ul	{
display: flex;
align-items: center;
} .page ul.lb-container	{
margin-top: 50px;
}
ul.lb-container	{
list-style: none;
}
.lb-container li	{
margin-left: 1%;
margin-right: 1%;
margin-bottom: 1%;
width: 18%;
}
.lb-container li video	{
width: 100%;
height: 100%;
background: #000;
}
.galleryVideo	{
display: block;
height: 100%;
width: 100%;
}
.playVideo	{
background: url(//nts-varberg.se/wp-content/themes/nts2020/img/icon-play.svg) no-repeat;
width:50%;
height:50%;
position:absolute;
left:0%;
right:0%;
top:0%;
bottom:0%;
margin:auto;
background-size:contain;
background-position: center;
} .wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load {
width: 100% !important;
height: auto;
} .cc-revoke.cc-top   {
display: none;
} .searchbox-wrap    	{
border-bottom: 1px solid #D2D2D2;
margin-bottom: 10px;
padding-bottom: 20px;
display: flex;
}
#search {
width: 100%;
}
input[type=text]    {
width: 66%;
padding: 9px 20px;
margin: 8px 9px 8px;
box-sizing: border-box;
font-size: 1.2em;
display: block;
float: left;
}
input[type=submit]  {
padding: 12px 20px;
box-sizing: border-box;
margin: 8px 0;
font-size: 1em;
font-weight: normal;
display: block;
float: left;
}
.sok-wrap   {
margin-bottom: 15px;
margin-top: 15px;
padding-bottom: 20px;
border-bottom: 1px solid #d2d2d2;
padding-left: 10px;
box-sizing: border-box;
font-size: 0.9em;
}
.sok-link   {
text-align: right;
} .google-maps    {
position: relative;
min-height: 388px;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
@media all and (min-width: 1280px){
.mobile-menu-container  {
display: none;
}
.left--subpage	{
flex-basis: 70%;
margin-right: 2%;
}
.right--subpage	{
flex-basis: 28%;
}
article.box	{
flex-basis: 23.5%;
margin-bottom: 20px;
}
article.box:not(:nth-child(4n+4))	{
margin-right: 2%;
}
article.box-wide	{
flex-basis: 49.5%;
margin-bottom: 20px;
}
article.box-wide:nth-child(2n+2)	{
margin-left: 1%;
}
.top-img--subpage	{
flex-basis: 44%;
overflow: hidden;
}
.top-content--subpage	{
flex-basis: 56%;
}
.facts	{
padding: 1.5vw 2vw;
}
}
@media all and (min-width: 860px){
.large-box--img	{
flex-basis: 50%;
}
.large-box--txt	{
flex-basis: 50%;
padding: 5vw;
}
.footer-address	{
margin-right: 40px;
}
}
@media all and (min-width: 690px){
.header-logo	{
max-width: 320px;
}
}
@media all and (max-width: 1280px){
.big-screen	{
display: none;
}
.mobile-menu-container .menu-icon	{
position: absolute;
top: 15px;
right: 15px;
}
.column--1280	{
flex-direction: column;
}
.top-content--subpage,
.top-img--subpage		{
flex-basis: 100%;
}
.facts	{
padding: 2.5vw 3vw;
}
.sub-sidebar	{
margin: 40px auto;
max-width: 860px;
}
.sidebar-relation	{
margin-top: 40px;
}
.sidebar-projects	{
display: flex;
}
.project-slider	{
order: 2;
max-width: 980px;
margin: 0 auto;
}
}
@media all and (max-width: 1280px) and (min-width: 690px){
article.box,
article.box-wide,
article.box-sidebar	{
flex-basis: 48%;
margin-bottom: 3%;
}
article.box:nth-child(2n+2),
article.box-wide:nth-child(2n+2)	{
margin-left: 4%;
}
article.box-sidebar:first-child	{
margin-right: 4%;
}
}
@media all and (max-width: 860px){
.column--860	{
flex-direction: column;
}
.large-box--txt	{
padding: 50px 50px 70px 50px;
}
.footer-address,
.footer-contact	{
width: 100%;
}
.footer-contact	{
margin-top: 20px;
}
}
@media all and (max-width: 690px){
.column--690	{
flex-direction: column;
}
.header-logo	{
max-width: 290px;
}
article.box,
article.box-wide,
article.box-sidebar	{
margin-bottom: 20px;
margin-top: 20px;
width: 100%;
}
}#slideshow  {
position: relative;
width: 100%;
}
#slideshow > div    {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-size: cover;
background-position: center;
}
.sidenav    {
height: 100%;
width: 0;
position: fixed;
z-index: 9999;
top: 0;
right: 0;
background-color: #1b365d;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
}
.sidenav a,
.sidenav a:link,
.sidenav a:visited,
.sidenav a:active   {
text-decoration: none;
color: #ececec;
transition: 0.3s
}
.sidenav a:hover,
.offcanvas a:focus  {
color: #C08838;
}
.sidenav .closebtn {
position: absolute;
top: 10px;
right: 25px;
margin-left: 50px;
}
.sidenav ul li a.nav-sub   {
cursor: pointer;
position: absolute;
top: 0;
right: 0;
font-size: 2rem;
line-height: 2rem;
padding-right: 10px;
}
.sidenav ul {
list-style: none;
padding: 0 3vw;
}
.sidenav ul.nav > li    {
border-bottom: 2px solid #d1dee9;
}
.sidenav ul li  {
position: relative;
}
.sidenav ul li a    {
display: block;
padding: 4px 0;
}
.sidenav ul.nav > li > a    {
padding: 12px 0 12px 10px;
}
.sidenav ul.sub-menu    {
padding: 0 3vw 10px;
}
.sidenavul .sub-menu a  {
padding: 5px 0;
} .big-screen ul  {
display: flex;
list-style: none;
justify-content: flex-end;
}
.big-screen a   {
text-decoration: none;
margin-top: 54px;
display: block;
margin-left: 60px;
}
.big-screen li:last-child a {
margin-right: 15px;
}
.big-screen .current-menu-item a,
.big-screen a:hover                 {
border-bottom: 3px solid #ffffff;
} ul.menu {
list-style: none;
}
ul.sub-menu {
list-style: none;
display: none;
}
.sub-sidebar .sub-menu li .sub-menu {
margin-left: 15px;
}
.sub-menu > li  {
padding: 4% 0 4% 10px;
border-top: 1px solid #5F728D;
}
.current-menu-item > .sub-menu,
.current-menu-parent > .sub-menu,
.current-menu-ancestor > .sub-menu  {
display: block;
margin-top: 3%;
}
.sub-sidebar .menu-huvudmeny-container	{
background: #d9dada;
padding: 2vw 2vw 1vw;
}
.sub-sidebar .menu > li > a	{
margin-left: 10px;
}
.sub-sidebar .menu a:hover	{
border-bottom: 2px solid;
}
.sub-sidebar li.current-menu-item > a	{
border-bottom: 3px solid;
}@font-face  {
font-family: 'Ropa Sans';
src: url(//nts-varberg.se/wp-content/themes/nts2020/css/fonts/RopaSans-Regular.ttf) format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
body    {
font-family: 'Open Sans', sans-serif;
color: #212121;
font-size: 1.8rem;
}
h1  {
font-family: 'Oswald', sans-serif;
font-weight: 400;
line-height: 5.4rem;
color: #606040;
font-size: 4.5rem;
}
h2  {
font-weight: 400;
font-family: 'Oswald', sans-serif;
font-size: 3.6rem;
color: #606040;
}
.content-left--subpage h2   {
font-size: 3.2rem;
}
h3  {
font-weight: 400;
font-family: 'Oswald', sans-serif;
font-size: 2.6rem;
color: #606040;
}
.dark-txt   {
color: #212121;
text-decoration: none;
}
.dark   {
color: #fff;
}
.dark a {
color: #fff;
text-decoration: none;
}
.dark a:hover   {
border-bottom: 2px solid #fff;
}
.about-nts a:not(.img-link)	{
color: #606040;
text-decoration: none;
}
.about-nts a:not(.img-link):after	{
content: '»';
margin-left: 0.3rem;
} .big-screen a   {
color: #ffffff;
font-family: 'Ropa Sans', sans-serif;
font-size: 2.2rem;
font-weight: normal;
letter-spacing: 0.7px;
text-transform: uppercase;
}
.readmore-btn   {
color: #606040;
font-family: 'Ropa Sans', sans-serif;
text-transform: uppercase;
font-weight: 400;
font-size: 2rem;
text-decoration: none;
}
.readmore-link	{
font-family: 'Oswald', sans-serif;
color: #212121;
text-transform: uppercase;
line-height: 2.5rem;
}
.readmore-link::after   {
content: '»';
color: #606040;
font-size: 2.2rem;
}
.large-box--link	{
font-size: 1.8rem;
}
.block-projects, .block-projects--subpage,
.block-services, .block-services--subpage,
.small-box--link    {
font-size: 1.6rem;
}
.sub-sidebar .menu a 	{
color: #1A1919;
text-decoration: none;
font-weight: bold;
font-family: 'Ropa Sans', sans-serif;
font-size: 2.15rem;
}
.facts dt	{
font-size: 1.4rem;
font-family: 'Oswald', sans-serif;
}
.facts-right--text a	{
font-family: 'Oswald', sans-serif;
color: #212121;
text-decoration: none;
font-size: 2rem;
}
.content-left--subpage a	{
color: #606040;
font-weight: bold;
text-decoration: none;
}
.content-left--subpage a:hover	{
text-decoration: underline;
}