/*
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: #061626;
	--bgblue: #081e34;
	--darkblue: #1b3e62;
	--blue: #376da5;
	--pureblue: #39aaff;
	--black: #000000; 
	--white: #ffffff;
	--gold: #a27035;
	--darkgold: #84541e;
	--sand: #dfceb9;
}

/* 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: url("https://projectacadem2.wpengine.com/wp-content/uploads/2023/05/menubg-circle.jpg") no-repeat !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: .2s;
	
}
.hamburgerbutton svg g:first-child {
  opacity: 1;
  transition: opacity 0s .2s;
}
.hamburgerbutton svg g:first-child line {
  transition: transform .2s .2s;
  transform: translateY(0px);
}
.hamburgerbutton svg g:last-child {
  opacity: 0;
  transition: opacity 0s .2s;
}
.hamburgerbutton svg g:last-child line {
  transition: transform .2s;
  transform: rotate(0deg);
  transform-origin: center;
}
.hamburgerbutton.-menu-open svg {
  stroke: var(--gold); /* close cross color */
}
.hamburgerbutton.-menu-open svg g:first-child {
  opacity: 0;
}
.hamburgerbutton.-menu-open svg g:first-child line {
  transition: transform .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 .2s .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;
}