/*
Theme Name: Beaver Builder Child 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 {
	--blue: #1e31c1;
	--darkblue: #0f0077;
	--lightblue: #f3f5ff;
	--orange: #ffc69b;
	--yellow: #fff5c8;
	--lightorange: #fff6eb;
	--black: #050025; /*1d1d1d*/
	--grey: #f2f3f9;
	--white: #fcfcfc;
}

@font-face {
	font-family:'MessinaSans';
	src: url('fonts/MessinaSansWeb-Regular.woff2') format('woff2'),
		 url('fonts/MessinaSansWeb-Regular.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family:'RecifeDisplay';
	src: url('fonts/RecifeDisplayWeb-SemiBold.woff2') format('woff2'),
		 url('fonts/RecifeDisplayWeb-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family:'Koper';
	src: url('fonts/KoperWeb-SemiBold.woff2') format('woff2'),
		 url('fonts/KoperWeb-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}


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

body, p, h1, h2, h3, h4, h5, h6, .gform_fields, .gform_fields input, .gform_fields textarea, .gform_fields select {
	font-family: 'MessinaSans' !important;
	font-weight: 500 !important;
	font-style: normal !important;
	letter-spacing: -0.01rem;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.2 !important;
	/*letter-spacing: -1.6px;*/
}

h1, h2,
.refice h1, .recife h2 {
	color: var(--blue);
	font-family: 'RecifeDisplay' !important;
	font-weight: 600 !important;
	font-style: normal !important;
	
}
.koper h1, .koper h2,
body.dark-mode h1, body.dark-mode h2 {
	font-family: 'Koper' !important;
	font-weight: 600 !important;
	font-style: normal !important;
}

h1, h2, h3, h4, h5, h6, p {
    margin-bottom: 1.6rem;
}

h4, h5 {
	letter-spacing: -1px;
}

h5, h6 {
	text-transform: uppercase;
}

h6 {
	letter-spacing: 0px;
}

p, ul, ol {
    margin-bottom: 2rem;
}

blockquote:before {
    content: url(/wp-content/uploads/2022/01/quotation.svg);
    padding: 0px 20px 20px 0px;
    display: block;
    transform: scale(0.8);
    float: left; 
}

blockquote,
blockquote p {
    font-family:'RecifeDisplay' !important;
}

blockquote p cite {
    font-family: 'MessinaSans' !important;
}

blockquote {
    border: 0 none !important
}

mark {
    background: var(--orange);
    color: var(--black)
}

/* https://clamp.font-size.app/ */

.fl-page-content h1 { 	font-size: clamp(1.875rem, 1.375rem + 2.5vw, 4.5rem) !important; }
.fl-page-content .boxhero h1 { 	font-size: clamp(1.75rem, 1.5684rem + 0.8302vw, 3.125rem) !important; }

.fl-page-content h2 { 	font-size: clamp(1.5rem, 1.381rem + 0.5952vw, 2.125rem) !important; }
.fl-page-content .post-list h2, 
.fl-page-content h3 { 	font-size: clamp(1.75rem, 1.6563rem + 0.375vw, 2.125rem) !important; }
.fl-page-content .post-list h3, 
.fl-page-content h4, h3.gsection_title
{	font-size: clamp(1.125rem, 1.0774rem + 0.2381vw, 1.375rem) !important;}
.fl-page-content h5 { 	font-size: clamp(1rem, 0.9375rem + 0.25vw, 1.25rem) !important; }
.fl-page-content h6, .gform_fields input, .gform_fields select, .gform_fields textarea, .gfield_checkbox label, .gfield_radio label


{ 	font-size: clamp(0.75rem, 0.6786rem + 0.3571vw, 1.125rem) !important;}

.fl-page-content h6 {text-transform: uppercase;}


.fl-page-content .post-list h3 { margin-bottom: 1rem; }
.fl-page-content .post-list h6, h6.season-title { font-size: clamp(0.75rem, 0.7279rem + 0.1176vw, 0.875rem) !important;} 

.lead p, p.lead { font-size: clamp(1.25rem, 1.1786rem + 0.3571vw, 1.625rem) !important; }
p, li, .gform_fields, .gfield_label, .gfield_required { font-size: clamp(1rem, 0.9524rem + 0.2381vw, 1.25rem) !important; }

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

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

/*
.fl-page-content h1 { 	font-size: clamp(2.8rem, 3.2vw, 3.2rem) !important; }
.fl-page-content h2 { 	font-size: clamp(2.0rem, 2.6vw, 2.6rem) !important; }
.fl-page-content h3 { 	font-size: clamp(1.6rem, 2.0vw, 2.0rem) !important; }
.fl-page-content h4 { 	font-size: clamp(1.4rem, 1.6vw, 1.6rem) !important; }
.fl-page-content h5 { 	font-size: clamp(1.1rem, 1.3vw, 1.3rem) !important; }
.fl-page-content h6 { 	font-size: clamp(0.8rem, 1.0vw, 1.0rem) !important; text-transform: uppercase;}

.lead p, .uabb-blog-posts-description  { 	font-size: clamp(1.3rem, 1.6vw, 1.6rem) !important; }
p, li {  font-size: clamp(1.0rem, 1.2vw, 1.2rem) !important; }
*/


.lead p  {
	font-size: 1.4em;
}

.lead {
	margin-bottom: 0px;
}

.fl-module.fl-module-rich-text {
	margin: 0px inherit !important;
}

/* Text links */

p a,
p a:visited,
table a,
table a:visited,
.fl-rich-text ul li a,
.fl-rich-text ul li a:visited,
a.fl-post-feed-more,
a.fl-post-feed-more:visited {
    padding-bottom: 0px;
    border-bottom: 1px solid var(--black);
    transition: ease-in-out  0.25s all;
}

p a:hover, 
p a:focus,
table a:hover,
table a:focus,
.fl-rich-text ul li a:hover,
.fl-rich-text ul li a:focus,
a.fl-post-feed-more:hover,
a.fl-post-feed-more:focus {
	color: var(--blue);
	border-bottom: 1px solid var(--blue);
}

.dark-mode p a,
.dark-mode p a:visited,
.dark-mode table a,
.dark-mode table a:visited,
.dark-mode .fl-rich-text li a,
.dark-mode .fl-rich-text li a:visited {
	color: var(--orange) !important;
    border-bottom: 1px solid var(--orange) !important;
}

.dark-mode p a:hover, 
.dark-mode p a:focus,
.dark-mode table a:hover,
.dark-mode table a:focus,
.dark-mode .fl-rich-text li a:hover, 
.dark-mode .fl-rich-text li a:focus {
	color: var(--yellow) !important;
	border-bottom: 1px solid var(--yellow) !important;
}

/* Dark mode */

body.dark-mode .fl-page-content {
    background-color: var(--black);
}

body.dark-mode p,
body.dark-mode ul,
body.dark-mode ol {
    color: var(--white);
}

body.dark-mode .lead p,
body.dark-mode p.lead {
    color: var(--orange);
}

body.dark-mode .site-menu ul.menu li a,
body.dark-mode h1, body.dark-mode h1 a,
body.dark-mode h2, body.dark-mode h2 a,
body.dark-mode h3, body.dark-mode h3 a,
body.dark-mode h4, body.dark-mode h4 a,
body.dark-mode h5, body.dark-mode h5 a,
body.dark-mode h6, body.dark-mode h6 a {
    color: var(--orange);
}

body.dark-mode .site-menu ul.menu li a:hover,
body.dark-mode .site-menu ul.menu li a:focus,
body.dark-mode .site-menu ul.menu li.current-menu-item a {
    color: var(--yellow);
}

/* Site menu */

.site-menu ul.menu li a {
	color: var(--blue);
}

body .site-menu ul.menu li a:hover,
body .site-menu ul.menu li a:focus,
body .site-menu ul.menu li.current-menu-item a {
    color: var(--darkblue);
}

/* Buttons and links */

.fl-button,
.fl-builder-content a.fl-button*,
.wp-block-button a,
.gform_button {
    transition: ease-in-out  0.25s all;
}

p a {
}

/* CTA buttons */

.fl-builder-content .cta a.fl-button,
.fl-builder-content .cta a.fl-button:visited,
.wp-block-button a,
.wp-block-button a:visited {
	border-radius: 0px;
	padding: 20px 42px;
}


.wp-block-button {
    margin-bottom: 30px !important;
}

.wp-block-button a {
    background-color: var(--darkblue);
	color: var(--orange);
}

.wp-block-button a:hover, 
.wp-block-button a:focus {
	color: var(--yellow);
}

.dark-mode .wp-block-button a ,
.dark-mode .wp-block-button a:visited {
	background-color: var(--orange);
	color: var(--blue);
}

.dark-mode .wp-block-button a:hover, 
.dark-mode .wp-block-button a:focus {
	color: var(--darkblue);
}

/* negative */

.fl-builder-content .cta.neg a.fl-button,
.fl-builder-content .cta.neg a.fl-button:visited {
	background-color: var(--orange);
}

.fl-builder-content .cta.neg a.fl-button *, 
.fl-builder-content .cta.neg a.fl-button:visited {
	color: var(--blue);
}

.fl-builder-content .cta.neg a.fl-button:hover *, 
.fl-builder-content .cta.neg a.fl-button:focus * {
	color: var(--black);
}

/* Read more buttons */

.fl-builder-content .read-more a.fl-button,
.fl-builder-content .read-more a.fl-button:visited {
	border-radius: 0px;
	padding: 20px 0;
    background-color: transparent;
}
.fl-builder-content .read-more a.fl-button .fl-button-text {
    padding-bottom: 0px;
    border-bottom: 1px solid var(--black);
}

.fl-builder-content .read-more a.fl-button *, 
.fl-builder-content .read-more a.fl-button:visited {
	color: var(--black); 
}

.fl-builder-content .read-more a.fl-button:hover *, 
.fl-builder-content .read-more a.fl-button:focus * {
	color: var(--blue);
}

.fl-builder-content .read-more a.fl-button:hover .fl-button-text,
.fl-builder-content .read-more a.fl-button:focus .fl-button-text {
    border-bottom: 1px solid var(--blue);
}


/* negative */

.fl-builder-content .read-more.neg a.fl-button,
.fl-builder-content .read-more.neg a.fl-button:visited {

}

.fl-builder-content .read-more.neg a.fl-button .fl-button-text {
    padding-bottom: 0px;
    border-bottom: 1px solid var(--orange);
}

.fl-builder-content .read-more.neg a.fl-button *, 
.fl-builder-content .read-more.neg a.fl-button:visited {
	color: var(--orange) !important; 
}

.fl-builder-content .read-more.neg a.fl-button:hover *, 
.fl-builder-content .read-more.neg a.fl-button:focus * {
	color: var(--yellow) !important; 
}

.fl-builder-content .read-more.neg a.fl-button:hover .fl-button-text,
.fl-builder-content .read-more.neg a.fl-button:focus .fl-button-text {
    border-bottom: 1px solid var(--yellow);
}

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

.btn-link .fl-button:hover .fl-button-text, .btn-link .fl-button:hover .fl-button-icon {
	color: var(--darkblue) !important;
}



/* Post filter links*/

.pp-post-filters .pp-post-filter {
    padding: 0px !important;
    margin-right: 20px !important;
    color: var(--black) !important;
    border-bottom: 1px solid var(--black) !important;
}

.pp-post-filters .pp-post-filter:hover {
    color: var(--blue) !important;
    border-bottom: 1px solid var(--blue) !important;
}

/* logo */

.logo {
	position: fixed !important;
	max-width: 9vw !important;
	z-index: 999999;
}

@media only screen and (max-width: 768px) {
	.logo { 
		width: 56px !important;
		margin-top: 20px;
		margin-left: 20px;
		position: absolute !important;
	}
	/*.toppmeny-holder {
		margin-top: 20px;
	}*/
	
	.fl-row-fixed-width {
		max-width: 100% !important;
	}
}

/* hide toppmeny */

.fl-theme-builder-header-scrolled .toppmeny-holder {
	transition: opacity 0.5s ease-in-out, visibility 0.5s;
	opacity: 0;
	visibility: hidden;
}

/* remove sticky for clickable objects behind header */
.fl-builder-content[data-type="header"].fl-theme-builder-header-sticky{
	position: absolute;
}
.fl-menu-search-item .fl-button i {
	margin-top: -6px !important;
}



/* overlay menu */

.overlaymenu .overlaymenu-big li a {
	font-size: clamp(1.375rem, 1.2083rem + 0.8333vw, 2.25rem) !important;
}

.overlaymenu .overlaymenu-small li a {
	font-size: clamp(1rem, 0.9048rem + 0.4762vw, 1.5rem) !important;
}

.overlaymenu li a:hover {
	color: var(--yellow) !important;
}


/* 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.-open .fl-row-content-wrap {
	background: var(--black) !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;

	}
}

/*
.menuholder ul {
  list-style: none;
}
.menuholder li {
  margin: 20px 0;
}
*/

.hamburgerbutton {
  position: fixed;
  top: 45px !important;
  right: 3%;
  box-sizing: border-box;
  height: 36px;
  cursor: pointer;
  z-index: 9999;
}

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

.hamburgerbutton svg {
  stroke: var(--blue); /* 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(--blue); /* 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);
}

/* Post Carousel styles */

.fl-page-content {
	overflow: hidden !important;
}

/* Event list */

.event-list .fl-post-title,
.event-list .fl-post-image {
	margin-bottom: 24px;
}

.event-list h6 {
    margin-bottom: 12px;
}

/* Call-out */

.call-out .fl-callout-title  {
    position: relative;
    width: 100%;
    display: block;
}
.call-out .fl-callout-title .fl-icon {
    width: 10%;
    position: absolute;
    top: 0;
    right: 12px;
    text-align: right;
    transition: ease-in-out 0.25s all;
}

.call-out:hover .fl-callout-title .fl-icon {
    right: 6px;
}

/* Post list */

.post-list .fl-post-image {
    margin-bottom: 20px;
}

.post-list .fl-post-image img {
    min-width: 100%;
}

/* Opening hours */
.season-title {
	margin-bottom: 0.2rem !important;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(5,0,37,0.2);
}

/* Tables */

table {
    width: 100%;
}

table td {
	padding: 5px 0px;
}
/* Table Opening hours */

table.opening-hours {
    font-size: 18px;
    margin-bottom: 2rem;
}

table.opening-hours td {
    vertical-align: bottom;
}

table.opening-hours td.description {
    width: 50%;
}

table.opening-hours td.value {
    text-align: right;
    width: 50%;
}

/* Table Facts */

.facts-title {
	color: var(--black) !important;
}

table.facts-table {
    font-size: 18px;
    margin-bottom: 30px;
}

table.facts-table td {
    vertical-align: bottom;
}

table.facts-table td.description {
    width: 50%;
}

table.facts-table td.value {
    text-align: right;
    width: 50%;
}

/* Breadcrumbs */

.breadcrumb-custom a {
    padding: 10px 20px 10px 10px;

}

.breadcrumb-custom a:hover * {
   color: var(--darkblue);
}

.dark-mode .breadcrumb-custom a:hover * {
   color: var(--yellow) !important;
}

.breadcrumb-custom i {
    color: var(--blue);
    padding: 10px 10px 10px 0px;
    font-size: 20px;
}

.breadcrumb-custom .current-item {
	display: none;
}

/* Breadcrumbs */

.breadcrumb-custom a {
    padding: 10px 20px 10px 10px;

}

.breadcrumb-custom i {
    color: var(--blue);
    padding: 10px 10px 10px 0px;
    font-size: 20px;
}

.breadcrumb-custom .current-item {
	display: none;
}
body.dark-mode .breadcrumb-custom * {
    color: var(--white);
}

/* Image slider  */

.pp-carousel-navigation-outside  {
    padding-bottom: 40px;
}
.swiper-pagination-bullet {
    border: 1px solid transparent !important;
}
.swiper-pagination-bullet-active {
    border: 1px solid var(--orange) !important;
    background: transparent !important;  
}

/* Pagination */

ul.page-numbers li * {
    font-size: 18px;
    border: 0 none !important;
    color: var(--blue);
}
ul.page-numbers li:hover a {
    color: var(--darkblue) !important;
    background-color: transparent !important;
}
ul.page-numbers li .current {
    background-color: var(--orange) !important;
}

/* Post info */

.fl-post-info-date,
.fl-post-feed-meta-terms {
	text-transform: uppercase;
}


/* Gravity form */

.gform_fields input, .gform_fields textarea, .gform_fields select {
	padding: 15px !important;
}
.gform_button {
	padding: 15px 30px !important;
}
h3.gsection_title {
	text-transform: uppercase;
	font-weight: bold;
	color: var(--blue);
	margin-bottom: 0px;
	padding-bottom: 20px;
	/*border-bottom: 2px solid var(--blue);*/
}
.sesongjobb-sectiontitle {
	margin-top: 4rem;
	border-bottom: 3px solid var(--blue);
}
.sesongjobb-sectiontitle.firstheading {
	margin-top: 0rem;
}
.gform_heading {
	display: none;
}
.gform_wrapper.gravity-theme .gsection {
	border-bottom: none !important;

}
legend {
	border-bottom: none;
}

.gravityspacer {
	margin-top: 10px;
}

.gform_wrapper.gravity-theme .gfield.gfield--width-full {
	margin-top: 20px;
}
.gform_wrapper.gravity-theme .gfield.gfield--width-full#field_1_4 {
	margin-top: 0px;
}

.gfield_required.gfield_required_asterisk {
	color: var(--black) !important;
}