/* * {border: 1px dashed orange;} */

/* BREAKPOINTS */
/* Extra large devices (large laptops and desktops, 1024px and up) */
@media only screen and (min-width: 1024px) {
.is-size-big {font-size: 4.5rem!important;}
}
/* small devices (up to 768px) */
@media only screen and (max-width: 768px) {
.content-no-margin {margin-left: 0!important;margin-right: 0!important;}
}

body {height:100vh;}
html {background-color: #374d0b;}
.has-background-green-pb {background-color: #374d0b;}
.has-background-lightgreen-pb {background-color: #97df0c;}
.has-background-white-alpha {background-color: rgba(255, 255, 255, 0.9);}

.has-border-green-pb {border-color: #374d0b;}
.has-border-lightgreen-pb {border-color: #97df0c;}

.has-text-lightgreen-pb {color: #97df0c;}
.has-text-green-pb {color: #374d0b;}
.has-text-hover-white:hover {color: #ffffff;}


.has-text-font-primary {font-family: 'Dosis', sans-serif;}
.has-text-font-secondary {font-family: 'Noto Sans', sans-serif;}

h1, h2, h3, h4, h5 {color: #ffffff; font-family: 'Dosis', sans-serif; font-weight: bold;}
h3, h4, h5 {margin-top: 2rem!important; margin-bottom: 0;}
p, ul, ol, li {font-family: 'Noto Sans', serif; font-weight: 300;}

button {font-family: 'Dosis', sans-serif; font-weight: bold;}
button:hover {background-color: #b8fd33; border-color: #97df0c;}
.menuitem {font-family: 'Dosis', sans-serif; color: #97df0c; letter-spacing: normal !important; text-decoration: none; margin-left: 1rem; text-transform: uppercase;}
.menuitem:hover {color: #ffffff;}

.pb-link {color: #80b120; text-decoration:underline; font-weight:bold;}
a.textlink:hover {color:#cccccc;}

/* INDEX */
.maincontainer {background-color: transparent; position: relative; z-index: 999;}
div.content, section.section {z-index: 999; position: relative;}
.pb-footer {background-color: rgba(255, 255, 255, 1); z-index: 999; position: relative;}

/* VIDEO */

#Video {object-fit: cover; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 0;}
#Videofallback-img {/*object-fit: cover;*/ width: 100vw; height: 100vh; position: fixed; bottom: 0; right: 0; z-index: -1;}
#darkgradient-topbottom {object-fit: cover; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; background-image: linear-gradient(to bottom, rgba(0,0,0,0.8), rgba(255,255,255,0)); z-index: 2;}
#darkgradient-rightleft {object-fit: cover; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; background-image: linear-gradient(to left, rgba(0,0,0,0.8), rgba(255,255,255,0)); z-index: 2;}


/* FREEFORM */
.freeform-column label {color: #ffffff;}

/* BACKGROUND IMAGES */
.maincontainer {background-image: url('https://padelbacken.se/bilder/sergio-contreras-wek3awxOnAA-unsplash-pb.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;}


/* SEGMENT_3: padelbacken.css */


/* MENYN */
.menuopen-1  {animation: rotation-cw-1 0.4s 1 forwards;}
.menuopen-2  {animation: rotation-cw-2 0.6s 1 forwards;}
.menuclose-1 {animation: rotation-ccw-1 0.3s 1 forwards;}
.menuclose-2 {animation: rotation-ccw-2 0.7s 1 forwards;}
.fade-in { animation: fadeIn 1s; }
.fade-out { animation: fadeOut 1s; }
.fade-in-menu { animation: fadeIn 2s; }
.fade-out-menu { animation: fadeOut 0.5s; }
.divmenu {transition: height .5s ease; overflow  : hidden;}
.divmenu:not(.active) {display: none;}


/* ANIMATIONS */
@keyframes rotation-cw-1 {
  from {transform: rotate(0deg); opacity: 1;}
  to {transform: rotate(180deg); opacity: 0;}
}

@keyframes rotation-cw-2 {
  from {transform: rotate(0deg); opacity: 0;}
  to {transform: rotate(180deg); opacity: 1;}
}

@keyframes rotation-ccw-1 {
  from {transform: rotate(180deg); opacity: 0;}
  to {transform: rotate(0deg); opacity: 1;}
}

@keyframes rotation-ccw-2 {
  from {transform: rotate(180deg); opacity: 1;}
  to {transform: rotate(0deg); opacity: 0;}
}

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fadeOut {
  0% { opacity: 1; }
  100% { opacity: 0; }
}