/*
Theme Name: Project Academy Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */

:root {
  --blueblack: #280071;
  --bgblue: #ffffff;
  --darkblue: #f5f5f5;
  --blue: #280071;
  --pureblue: #280071;
  --black: #000000;
  --white: #ffffff;
  --gold: #280071;
  --darkgold: #280071;
  --sand: #f7eae4;
}

/* Global Resets */

/* Video background */

.fl-bg-video[data-enable-audio="no"] .fl-bg-video-audio {
  display: none !important;
}

/* Text spacing */
.fl-module-content {
  margin: 10px;
}

.fl-button-group .fl-button-group-buttons .fl-button-group-button {
  padding: 5px 10px 5px 0px !important;
}
.fl-module-rich-text .fl-rich-text p {
  margin-bottom: 1rem;
  margin-top: 0px;
}
.lead {
  margin-bottom: 0px !important;
}

a:focus {
  outline: none !important;
}

/* Global Transitions */
.fl-button-group-layout-vertical .fl-button-group-buttons a.fl-button,
.fl-button-group-layout-horizontal .fl-button-group-buttons a.fl-button,
.fl-module-callout .fl-callout,
.fl-module-callout .fl-callout .fl-photo {
  transition: all 0.3s ease-in-out;
}

html,
p {
  font-size: 16px !important;
  line-height: 1.55 !important;
}

.fl-row-fixed-width {
  max-width: 90%;
}
@media only screen and (max-width: 992px) {
  .fl-row-fixed-width {
    max-width: 98%;
  }
}

body,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "elza", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: -0.01rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.4 !important;
  /*letter-spacing: -1.6px;*/
}
h4,
h5,
h6,
.productname h1,
.productname p {
  text-transform: uppercase;
}

.fl-page-content h1 {
  font-size: clamp(2.25rem, 1.8868rem + 1.6604vw, 5rem) !important;
}
.fl-page-content h2,
footer h2,
.menufullnav a {
  font-size: clamp(1.75rem, 1.5972rem + 0.8148vw, 3.125rem) !important;
}
.fl-page-content .post-list h2,
blockquote p,
.pp-testimonials-content,
.slider-quote p,
.overlay-nav li,
.fl-tabs-label,
.post-navigation .post-title,
.fl-page-content h3 {
  font-size: clamp(1.5rem, 1.4167rem + 0.4444vw, 2.25rem) !important;
}

.fl-page-content .post-list h3,
.fl-page-content h4,
.pp-tab-title,
.productname h1 {
  font-size: clamp(1.25rem, 1.2222rem + 0.1481vw, 1.5rem) !important;
}

.fl-page-content h5,
h3.pp-testimonials-title,
.slider-name p {
  font-size: clamp(1rem, 0.9722rem + 0.1481vw, 1.25rem) !important;
}

.fl-page-content h6,
h4.pp-testimonials-subtitle,
.slider-company p,
blockquote cite {
  font-size: clamp(0.875rem, 0.8611rem + 0.0741vw, 1rem) !important;
}

.special-heading h1,
.special-heading h2 {
  font-size: clamp(2.125rem, 1.1675rem + 4.3774vw, 9.375rem) !important;
}

.special-heading h1,
.special-heading h2 {
  line-height: 1.14 !important;
}
.special-heading .fl-module-heading .fl-module-content {
  margin-bottom: 4% !important;
}

@media only screen and (max-width: 992px) {
  .special-heading h1 div,
  .special-heading h2 div {
    text-align: left !important;
  }
}

.fl-page-content .post-list h3 {
  margin-bottom: 1rem;
}

.lead p,
p.lead,
.fl-accordion-large .fl-accordion-button-label {
  font-size: clamp(1.25rem, 1.1786rem + 0.3571vw, 1.625rem) !important;
}
p,
li,
a.fl-button,
span.fl-list-item-heading-text,
.fl-accordion-button-icon-left,
.post-navigation .nav-links {
  font-size: clamp(1rem, 0.9583rem + 0.2222vw, 1.375rem) !important;
} /* 16-24 / 300-3000*/

#menu-toppmeny li,
#menu-toppmeny p {
  font-size: clamp(1rem, 0.9524rem + 0.2381vw, 1.25rem) !important;
}

#socket p,
.socketmenu a {
  font-size: clamp(0.875rem, 0.8438rem + 0.125vw, 1rem) !important;
}

.whitespace {
  white-space: nowrap;
}

/* Global Transitions */
.fl-module-callout .fl-callout,
.fl-module-callout .fl-callout .fl-photo,
a.fl-button,
.fl-button-text {
  transition: all 0.3s ease-in-out;
}

/* header / navigation */
@media only screen and (min-width: 769px) {
  .menu.fl-menu-horizontal li,
  .menu.fl-menu-horizontal li li {
    border-left: 1px solid transparent;
  }
}

/* Hamburger */

.menuholder {
  position: fixed;
  width: 0px;
  height: 0px;
  top: -140000px;
  left: 0px;
  opacity: 0;
  color: #000;
  transition: opacity 0.3s ease-in-out, width 0.00001s ease-in-out 0.6s,
    height 0.00001s ease-in-out 0.6s;

  z-index: 999;
}
.fl-builder-template-template-default #fullmeny {
  opacity: 1 !important;
}
.menuholder.-open {
  transition: opacity 0.3s ease-in-out, width 0.00001s ease-in-out,
    height 0.00001s ease-in-out;

  opacity: 1;
  width: 100%;
  height: auto;
  height: 100%;
  top: 0;
  bottom: 0;

  overflow-x: hidden;
  overflow-y: scroll;
}

.menuholder .fl-row-content-wrap {
  background-color: var(--gold) !important;
  background-position: bottom center !important;
  background-size: cover !important;
}
.menuholder.-open .fl-row-content-wrap {
  /* background: var(--bgblue) !important; /* Overlay background color */
}

@media only screen and (max-width: 992px) {
  .fl-row-content-wrap {
    margin-top: 0px !important;
  }
  .menuholder.-open {
    height: 100%;
    top: 0;
    bottom: 0;

    overflow-x: hidden;
    overflow-y: scroll;
  }
}

.hamburgerbutton {
  position: fixed;
  top: 41px !important;
  right: 3%;
  box-sizing: border-box;
  height: 36px;
  cursor: pointer;
  z-index: 9999;
  /*mix-blend-mode: difference;*/
}

@media only screen and (max-width: 768px) {
  .hamburgerbutton {
    top: 38px !important;
    right: 20px !important;
  }
}

.hamburgerbutton svg {
  stroke: var(--gold); /* hamburger color */
  transition: 0.2s;
}
.hamburgerbutton svg g:first-child {
  opacity: 1;
  transition: opacity 0s 0.2s;
}
.hamburgerbutton svg g:first-child line {
  transition: transform 0.2s 0.2s;
  transform: translateY(0px);
}
.hamburgerbutton svg g:last-child {
  opacity: 0;
  transition: opacity 0s 0.2s;
}
.hamburgerbutton svg g:last-child line {
  transition: transform 0.2s;
  transform: rotate(0deg);
  transform-origin: center;
}
.hamburgerbutton.-menu-open svg {
  stroke: var(--white); /* close cross color */
}
.hamburgerbutton.-menu-open svg g:first-child {
  opacity: 0;
}
.hamburgerbutton.-menu-open svg g:first-child line {
  transition: transform 0.2s;
}
.hamburgerbutton.-menu-open svg g:first-child line:first-child {
  transform: translateY(7px);
}
.hamburgerbutton.-menu-open svg g:first-child line:last-child {
  transform: translateY(-7px);
}
.hamburgerbutton.-menu-open svg g:last-child {
  opacity: 1;
}
.hamburgerbutton.-menu-open svg g:last-child line {
  transition: transform 0.2s 0.2s;
}
.hamburgerbutton.-menu-open svg g:last-child line:first-child {
  transform: rotate(45deg);
}
.hamburgerbutton.-menu-open svg g:last-child line:last-child {
  transform: rotate(-45deg);
}

/* ------------------------- */
/* MODULES */
/* ------------------------- */

/* Button */
a.fl-button,
a.fl-button:visited,
.gform_button {
  background: var(--blue) !important;
  border-radius: 0px !important;
  padding: 20px 35px !important;
  border: 2px solid var(--blue) !important;
}
a.fl-button .fl-button-text,
a.fl-button .fl-button-icon {
  color: var(--white) !important;
}
a.fl-button .fl-button-text {
  text-decoration: none;
}
a.fl-button .fl-button-icon {
  font-size: 90%;
}

/* Button hover */
a.fl-button:hover .fl-button-text,
a.fl-button:hover .fl-button-icon,
.darkbg a.fl-button:hover .fl-button-text,
.darkbg a.fl-button:hover .fl-button-icon {
  color: var(--white) !important;
}
a.fl-button:hover,
.gform_button:hover {
  background: var(--darkgold) !important;
  border-color: var(--darkgold) !important;
}

.darkbg a.fl-button .fl-button-text,
.darkbg a.fl-button .fl-button-icon {
  color: var(--blue) !important;
}

.btn a.fl-button,
.btn a.fl-button:visited {
  background: var(--blue) !important;
  border-radius: 100px !important;
  padding: 20px 30px !important;
}
.btn a.fl-button .fl-button-text {
  color: var(--white) !important;
  text-decoration: none;
}
.btn a.fl-button:hover {
  background: var(--pureblue) !important;
}
.btn {
  padding: 0px;
}
.post_btn {
  margin-top: 3%;
}
.btn-gold a.fl-button {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
}
.btn-gold a.fl-button:hover {
  background: var(--darkgold) !important;
  border-color: var(--darkgold) !important;
}

.btn-link .fl-button {
  background: none !important;
  padding: 0px !important;
  border-radius: 0px !important;
  border: none !important;
}
.btn-link .fl-button:hover {
  background: none !important;
}
.btn-link .fl-button span {
  color: var(--blue) !important;
  text-decoration: underline;
}
.btn-link .fl-button:hover span {
  color: var(--gold) !important;
}

/* Double button */
.doublebtn-first-gold
  .fl-button-group-buttons
  .fl-button-group-button:nth-child(1)
  a.fl-button {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
}
.doublebtn-first-gold
  .fl-button-group-buttons
  .fl-button-group-button:nth-child(1)
  a.fl-button:hover {
  background: var(--darkgold) !important;
  border-color: var(--darkgold) !important;
}
.doublebtn-second-gold
  .fl-button-group-buttons
  .fl-button-group-button:nth-child(2)
  a.fl-button {
  background: var(--gold) !important;
  border-color: var(--gold) !important;
}
.doublebtn-second-gold
  .fl-button-group-buttons
  .fl-button-group-button:nth-child(2)
  a.fl-button:hover {
  background: var(--darkgold) !important;
  border-color: var(--darkgold) !important;
}

/* List */
.fl-list div {
  margin-bottom: 15px !important;
}

/* Callout */

.fl-module-callout h4 {
  text-transform: none;
}
.fl-module-callout .fl-module-content {
  margin-top: 10px !important;
  margin-bottom: 0px !important;
}

.fl-module-callout .fl-callout-title a {
  display: flex;
  justify-content: space-between;
}
.fl-module-callout .fl-callout-title {
  width: 100% !important;
}
.fl-module-callout .fl-module-content {
  border: none !important;
}
.fl-module-callout .fl-callout {
  border-bottom: 2px solid var(--gold) !important;
  margin-top: 10px;
}
.fl-module-callout .fl-callout:hover {
  border-bottom-color: var(--pureblue) !important;
}
.fl-module-callout .fl-callout:hover .fl-photo {
  padding-right: 10px;
}
.fl-module-callout .fl-callout a {
  transition: all 0.3s ease-in-out;
}
.fl-module-callout .fl-callout:hover a {
  color: var(--pink);
  text-decoration: none !important;
}
.fl-module-callout .fl-callout-content {
  width: 100% !important;
}

/* Tabs menu navigation fullpage */

/* Tabs setup */
.menutabs .pp-tabs-vertical.pp-tabs-default .pp-tabs-label.pp-tab-active {
  border: none !important;
}
.menutabs .pp-tabs-default .pp-tabs-panels {
  border: none !important;
  border-left: 2px solid var(--pink) !important;
}
.menutabs .pp-tabs-panels .pp-tabs-panel-content {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

@media only screen and (max-width: 768px) {
  .menutabs .pp-tabs .pp-tabs-label {
    border-bottom: none;
  }
  .menutabs .pp-tabs-panels {
    padding-left: 20px;
    margin-left: 20px;
  }
}

.menufullnav li a {
  padding-left: 0px !important;
}

/* Space around rows in tabs */
.menutabs .pp-tabs-panel-content .fl-row-fixed-width {
  width: 100% !important;
  max-width: 100% !important;
}
.menutabs .pp-tabs-panel-content .fl-row-content-wrap {
  padding: 0px !important;
}

.menutabs .pp-tabs-panel-label .pp-toggle-icon {
  opacity: 1;
}
.menutabs .pp-tabs-vertical .pp-tabs-label {
  padding: 20px 20px;
}

@media only screen and (min-width: 768px) {
  .fl-tabs-vertical .fl-tabs-label:after {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    content: "\f178" !important;
    float: right !important;
  }
  .fl-tabs-vertical .fl-tabs-label.fl-tab-active:after {
    position: relative !important;
    width: 30px !important;
  }
  .fl-tabs-vertical .fl-tabs-label:focus-visible {
    border: none !important;
  }
}

.fl-tabs-panel-content {
  padding: 0px;
}

/* Accordion */
.fl-accordion-item {
  border-color: var(--blue);
  border-width: 2px !important;
  border-style: solid;
  border-image: linear-gradient(to right, var(--gold), var(--bgblue)) 2;
  border-right: 0px !important;
  border-top: 0px !important;
  border-bottom: 0px;
  border-left: 0px !important;
  margin-bottom: 0px !important;
  transition: all 0.3s ease-in-out;
}
.fl-accordion-button-icon-left,
.fl-accordion-button-icon-right {
  opacity: 1;
}

.fl-accordion-button-icon-left {
  padding-right: 25px;
  margin-top: -8px !important;
}
.fl-accordion-item:hover {
  border-image: linear-gradient(to right, var(--darkgold), var(--gold)) 2;
}

/* Blog posts */
.fl-post-grid-post {
  border: none;
  background: transparent;
}
.fl-post-title {
  margin-top: 20px;
}

.fl-builder-pagination li span.current {
  background-color: var(--pink);
}
.fl-builder-pagination li a.page-numbers:hover {
  background-color: var(--green);
}
.fl-builder-pagination li a.page-numbers,
.fl-builder-pagination li span.page-numbers {
  border: none;
}

.modulelist .fl-post-feed-post {
  margin-bottom: 25px !important;
  border-color: var(--blue);
  border-width: 2px !important;
  border-style: solid;
  border-image: linear-gradient(to right, var(--blue), var(--bgblue)) 2;
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  width: 80%;
  transition: all 0.3s ease-in-out;
}
.modulelist .fl-post-feed-post:hover {
  border-image: linear-gradient(to right, var(--gold), var(--bgblue)) 2;
}
.modulelist h4 {
  text-transform: none !important;
}

.modulelist a span:before {
  font-family: "Font Awesome 6 Pro";
  font-weight: 300;
  content: "\f178" !important;
  margin-right: 20px;
  margin-left: 10px;
}

/* Post navigation */

.post-navigation .nav-links  {
  flex-direction: column-reverse;
}

.post-navigation .nav-links .nav-previous,
.post-navigation .nav-links .nav-next {
  padding-bottom: 1rem;
  border-bottom: 2px solid var(--darkblue);
  max-width: 50%;
}
.post-navigation .nav-links .nav-previous:hover,
.post-navigation .nav-links .nav-next:hover {
  border-bottom-color: var(--darkgold);
}
.post-navigation .nav-links .nav-previous {
  padding-right: 2%;
}
.post-navigation .nav-links .nav-next {
  padding-left: 2%;
}

.post-navigation .navinfo {
  display: block;
  margin-top: 1rem;
}

.post-navigation a:hover {
  text-decoration: none;
}

/* Products */

.product_title {
  text-align: center;
}

/* Gravity form*/
.gform_wrapper.gravity-theme .gfield input.large,
.gform_wrapper.gravity-theme .gfield select.large {
  color: var(--black) !important;
}
.fl-node-b0523p8tav1w
  .gform_wrapper
  .gfield
  input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not(
    [type="button"]
  ):not([type="image"]):not([type="file"]),
.fl-node-b0523p8tav1w .gform_wrapper .gfield select,
.fl-node-b0523p8tav1w .gform_wrapper .gfield textarea {
  border-radius: 0px;
  padding: 15px;
  font-size: clamp(1rem, 0.9583rem + 0.2222vw, 1.375rem) !important;
}

/* JSONs*/

.json-logo {
  max-width: 250px;
  position: absolute;
  left: 0px;
}

/* Animations */

@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}

.lo_sirkel img {
  animation: rotate 3s linear infinite;
  animation-play-state: paused;
  animation-delay: calc(var(--scroll) * -2s);
}

/* Smart slider */
.n2-ss-section-main-content {
  padding: 5% !important;
  border-radius: 20px !important;
}
.n2-ss-slide {
  border-radius: 20px !important;
}

blockquote p,
.pp-testimonials-content,
.slider-quote p {
  font-style: italic !important;
}
blockquote cite {
  font-style: normal !important;
}
blockquote,
.slider-textholder {
  border-color: var(--blue);
  border-width: 2px;
  border-style: solid;
  border-image: linear-gradient(to bottom, var(--gold), var(--bgblue)) 2;
  border-right: 0px;
  border-top: 0px;
  border-bottom: 0px;
}
.slider-textholder {
  max-width: 90% !important;
  padding-left: 30px;
}
blockquote {
  padding: 10px 2rem;
}
.slider-image {
  border-radius: 500px !important;
}
.n2-ss-slide,
.slider-card {
  border-radius: 0px !important;
}
.n2-ss-slide-active,
.slider-card {
  box-shadow: 0px 5px 0px var(--blue) !important;
  /*border-top: 5px solid var(--blue) !important;*/
  transition: box-shadow 0.3s ease-in-out;
}
.n2-ss-slide-active .n2-ss-slide-background div,
.slider-coloreffect .fl-col-content {
  /*background: linear-gradient(288deg, rgba(132,84,30,1) 0%, rgba(6,22,38,1) 30%) !important;*/
  box-shadow: inset 0px 0px 150px var(--blueblack) !important;
  background: var(--bgblue) !important;
}

.n2-ss-slide-active:hover,
.slider-card:hover {
  box-shadow: 0px 10px 0px var(--gold) !important;
}
/* Reference */
/* referanseliste */
.referanseliste .fl-post-feed-post {
  border-bottom: none !important;
  margin-bottom: 10% !important;
}