body.page-id-9784 li#wp-admin-bar-elementor_edit_page {
display: none;
}
nav, h1,h2,h3,h4 {
font-family: "proxima-nova-extra-condensed";
}
nav a span {
font-family: "proxima-nova-extra-condensed";
}
#hero {
position: relative;
}
.herocontainer {
position: relative!important;
height: 70vh;
}
.forsidehero {
background-repeat: no-repeat; background-size: cover; display: block; height: auto; min-height: 70vh; background-position: center center;
}
h1.entry-title {
font-weight: 600;
margin-top: 3em;
}
.herotwothirds {
display: inline-block;
width: 74%;
position: absolute;
bottom: 5em;
margin-right: 2%;
text-align: center;
}
.forsidearr {
display: inline-block;
width: 23%;
height: auto;
margin-right: 5vw;
position: absolute;
top: 5em;
right: 0;
}
.forsidearr h3 a {
color: rgb(26,30,50);
}
h2.eventinfo {
text-align: center;
color: #fff;
}
.tribe-events-schedule.tribe-clearfix h2.eventinfo2 {
text-align: center;
width: 100%;
font-size: 2em;
}
#tribe-events, #tribe-events-pg-template, .tribe-events-pg-template {
padding: 0px 20px 20px;
}
.eventtext {
display: flex;
width: 100%;
align-items: center;
justify-content: center;
min-height: 58px;
}
.knapp {
display: inline-block;
padding: 0.2em 1em;
background-color: #fff;
font-family: "proxima-nova-extra-condensed";
color: rgb(26,30,50);
font-size: 1.5em;
border: 2px solid rgb(26,30,50);
}
.knapp.hel {
background-color: rgb(26,30,50);
color: #fff;
}
.knapp.halv {
background-color:  #fff;
color:  rgb(26,30,50);
}
.forsidearr {
background: rgba(255,255,255,0.7);
}
h3.smaller {
font-size: 1.3em;
}
.forsidearr h3.smaller {
border-top: 1px solid rgb(26,30,50);
padding-left: 1em;
padding-top: 0.5em;
}
.frontpageevent {
background: transparent;
color: rgb(26,30,50);
padding: 0.4em;
position: relative;
min-height: 70px;
}
.frontpageevent a {
width: 100%;
height: 100%;
}
.frontpageevent.odd  {
background: rgb(26,30,50);
color: #fff;
}
.frontpageevent.even h4 a{
color: rgb(26,30,50);
}
.frontpageevent.odd h4 a{
color: #fff;
}
.forsidehero h2 {
color: #fff;
}
.frontpageevent.even {
background: transparent;
color: rgb(26,30,50);
}
.forsidearr h3 {
padding: .4em;
}
.forsidearr h4 {
display: inline-block;
width: calc( 100% - 60px);
margin-left: 60px;
margin-right: 1em;
}
.forsidearr .eventdate{
line-height: 120%;
padding-top: .3em;
display: inline-block;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
font-size: 1.2em;
background-size: 50px 50px;
background-position: center center;
font-family: "proxima-nova-extra-condensed";
position: absolute;
top: calc( 50% - 25px);
}
.forsidearr .frontpageevent.odd .eventdate{
background-image: url(//norbrygg.no/wp-content/themes/norbrygg/img/circle-white.svg);
color:  rgb(26,30,50);
}
.forsidearr .frontpageevent.even .eventdate{
background-image: url(//norbrygg.no/wp-content/themes/norbrygg/img/circle-porter.svg);
color: #fff;
}
#level2 {
width: 100% - 20px);
margin: 4vw auto;
padding: 10px;
max-width: 1140px;
}
.level2box {
height: auto;
width: 23.1%;
margin-right:2%;
margin-left: 0!important;
display: inline-block;
border: 0!important;
opacity: 1;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
vertical-align: top;
position: relative;
overflow: hidden;
}
.level2box:hover {
opacity: 0.8;
}
.level2box h3 {
padding: 2vw;
}
.nopic {
display: flex;
align-items: center;
height: 100%;
justify-content: center;
}
.level2box h3.standard {
font-size: 2.2em;
}
.level2box h3.bigly {
font-size: 3.3em;
}
.level2box h3.biglyer {
font-size: 4em;
}
.level2box h3.yuge {
font-size: 5em;
text-transform: uppercase;
}
div.level2box:last-child {
margin-right: 0;
}
.pilsner {
background-color: #F5BF18;
}
.amber {
background-color: #CA7700;
}
.porter {
background-color: #1A2732;
}
.spirulina {
background-color: #103C3B;
}
.pilsner h3.boxtext, .amber h3.boxtext {
color: #1A2732;	
}
.porter h3.boxtext, .spirulina h3.boxtext {
color: #ffffff;	
}
.level2box a::after{
content: "⟩";
right: 0px;
height: 100%;
width: 0.7em;
display: flex;
align-items: center;
justify-content: center;
color: white; 
position: absolute;
top: 0;
font-size: 30px;
opacity: 1;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
}
.level2box a:hover::after{
background: rgba(255,255,255,0.5);	
}
.bunnmeny li::before {
content: "\f054"; font-family: "Font Awesome 5 Free";
left:-5px;
color: #666;
position:absolute;
top:13px;
font-size: 10px;
}
@media screen and (max-width: 1023px) and (min-width: 729px) {
.forsidearr {
min-width: 250px;
top:2vw;
}
}
@media screen and (max-width: 728px) {
.herocontainer {
position: relative!important;
height: 40vh;
}
.forsidehero {
background-repeat: no-repeat; background-size: cover; display: block; height: auto; min-height: 40vh; background-position: center center;
}
.forsidearr {
width: 100%;
position: relative;
display: block;
top: 0;
margin-right: 0; 
margin-top: 3em;
margin-bottom: 5em; 
}
.forsidearr h3 {
font-size: 2.5em;
}
.herotwothirds {
width: 100%;
margin-right: 0;
}
#level2- {
width: 100vw;
margin: 2vw auto;
}
.level2box:hover {
opacity: 0.8;
}
.level2box {
width: 48%;
margin: 2% 3%;
}
.level2box:nth-child(2n) {
margin-right: 0!important;
}
.level2box h3 {
padding: 3vw;
}
.level2box h3.standard {
font-size: 6vw;
}
.level2box h3.bigly {
font-size: 8vw;
}
.level2box h3.biglyer {
font-size: 10vw;
}
.level2box h3.yuge {
font-size: 12vw;
text-transform: uppercase;
}
}
@media screen and (max-width: 400px) and (min-width: 320px) {
.level2 {
width: 100%; 
margin: 0;
}
.level2box {
width: 48.9%;
margin: 1%;
}
.level2box h3.standard {
font-size: 6vw;
}
.level2box h3.bigly {
font-size: 8vw;
}
.level2box h3.biglyer {
font-size: 10vw;
}
.level2box h3.yuge {
font-size: 12vw;
text-transform: uppercase;
}
}
@media screen and (max-width: 320px) {
.level2 {
width: 100%; 
margin: 0;
}
.level2box {
width: 100%;
margin: 1%;
}
}