/*
Theme Name: NORISMA INTERNATIONAL
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: Norisma Beaver Builder theme
Author: Norisma
Author URI: https://norsima.no
template: bb-theme
*/

/* ---- Colours ----*/

:root {
	--white: #ffffff;
	--neutral: #f2eeea;
	--black: #0e0f11;
	
	--red-dark: #9e4833;
	--red-bg: #E8CDB8;
	
	--green-dark: #224e2f;
	--green-bg: #D3DCD5;
	
	--blue-dark: #174896;
	--blue-bg: #D1DAEA;
	
	--yellow-dark: #c19000;
	--yellow-bg: #F3E9CC;
}

/* ---- LAY-OUT ---- */

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

/* ---- HEADER ---- */

.site-logo {
    max-width: 165px;
}

@media only screen and (min-width: 992px) {
    .site-logo {
        max-width: 220px;
    }
}

/* ---- TYPOGRAPHY ----*/

blockquote p {
    font-size: 24px;
}

ul li, ol li {
    padding-bottom: 12px;
}

h1, p {
    margin-bottom: 24px;
}

h3 {
    margin-bottom: 16px;
}

/* Adobe font Cormorant Garamond */

.cormorant p, 
blockquote,
.cormorant h1, .cormorant h2, .cormorant h3, .cormorant h4, .cormorant h4, .cormorant h6 {
	font-family: cormorant-garamond, serif !important;
	font-weight: 400 !important;
	font-style: normal !important;
}

blockquote,
blockquote p {
    font-size: 22px;
}

@media only screen and (min-width: 992px) {
    blockquote,
    blockquote p {
        font-size: 28px;
    }
}

blockquote:after {
    display: block;
    content: '';
    height: 0px;
    width: 155px;
    border-bottom: 4px solid var(--red-dark);
    margin-bottom: 20px;
}

/*---- Color modes -----------*/

/*
white-mode : White
neutral-mode : Neutral
red-mode : Red
green-mode : Green
yellow-mode : Yellow
blue-mode : Blue
*/

body.neutral-mode .color-mode-bg .fl-row-content-wrap { background-color: var(--neutral-bg); }

body.red-mode .color-mode-bg .fl-row-content-wrap { background-color: var(--red-bg); }
body.red-mode .brand-title h1{ color: var(--red-dark) !important; }

body.green-mode g.site-logo-g  { fill: var(--green-dark); }
body.green-mode .hamburgerbutton svg { stroke: var(--green-dark); }
body.green-mode .color-mode-bg .fl-row-content-wrap { background-color: var(--green-bg); }
body.green-mode .menuholder li.current-menu-item a, body.green-mode .menuholder li a:hover,
body.green-mode .brand-title h1 { color: var(--green-dark) !important; }

body.yellow-mode g.site-logo-g  { fill: var(--yellow-dark); }
body.yellow-mode .hamburgerbutton svg { stroke: var(--yellow-dark); }
body.yellow-mode .color-mode-bg .fl-row-content-wrap { background-color: var(--yellow-bg); }
body.yellow-mode .menuholder li.current-menu-item a, body.yellow-mode .menuholder li a:hover,
body.yellow-mode .brand-title h1 { color: var(--yellow-dark) !important; }

body.blue-mode g.site-logo-g  { fill: var(--blue-dark); }
body.blue-mode .hamburgerbutton svg { stroke: var(--blue-dark); }
body.blue-mode .color-mode-bg .fl-row-content-wrap { background-color: var(--blue-bg); }
body.blue-mode .menuholder li.current-menu-item a, body.blue-mode .menuholder li a:hover,
body.blue-mode .brand-title h1{ color: var(--blue-dark) !important; }

/* ---- SEMI-STICKY HEADER ----*/

.header {
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
 
    -webkit-transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 );
    transition-timing-function: cubic-bezier( 0.215, 0.610, 0.355, 1.000 );
 
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
}
 
.header--hidden {
    -webkit-transform: translateY( -100% );
    -ms-transform: translateY( -100% );
    transform: translateY( -100% );
}

.fl-theme-builder-header-scrolled .header {
    /* box-shadow: 0px 0px 10px 0px rgba(142, 151, 159, 0.3); */
}

/* ---- Tables ----*/

table {
    width: 100%;
}

table tr {
    border-bottom: 1px solid #5E5E5F;
}

table tr td {
    padding: 8px;
}

/* Forms */

.custom-form .gfield_label,
.custom-form .ginput_complex label {
    text-transform: uppercase !important;
    color: #8E979F;
    font-weight: normal !important;
    letter-spacing: 0.02rem;
    font-size: 14px !important;
    
}

.custom-form .ginput_complex label {
    font-size: 10px !important;
}

.custom-form .ginput_container_checkbox {
    margin: 10px
}
.custom-form .gchoice {
    margin-bottom: 6px;
}

.custom-form .gchoice label {
    padding-left: 6px;
}

.custom-form .gfield_validation_message {
    border: 0 none !important;
    background-color: transparent  !important;
    padding: 0px !important;
    color:  rgb(192, 43, 10) !important;
}

/* ---- Buttons and links ---- */

p a,
.brand-list a.uabb-button,
.pp-breadcrumbs a {
    border-bottom: 1px solid #8E979F !important;
    border-radius: 0px !important;
    padding-bottom: 1px;
    transition: ease-in-out all 0.5s;
}

p a:hover,
.brand-list a.uabb-button:hover,
.pp-breadcrumbs a:hover {
    border-bottom: 1px solid #141E26 !important;
}

a.fl-button {
    transition: ease-in-out all 0.2s;
    /* background-color: rgba(255, 255, 255, 0) !important; */
}

/* ---- Menu ---- */

.menuholder li a {
    transition: 0.3s ease-in-out all;
}

.menuholder li.current-menu-item a,
.menuholder li a:hover {
    color: var(--red-dark) !important;
}

.menuholder li.pp-has-submenu .menu-item-text {
    display: flex;
    align-items: center;
}

.menuholder li.pp-has-submenu .pp-has-submenu-container .menu-item-text:after {
    content: '';
    width: 0; 
    height: 0; 
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid var(--black);
    margin: 10px
}

/* 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(--neutral) !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;
}
*/

.burger-outer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.burger-outer .minside {
    padding-right: 30px;
    padding-bottom: 6px;
}

.burger-outer .minside a {
    color: #9e4833;
}

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

body.admin-bar .hamburgerbutton {
    top: 77px !important;
}

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

    body.admin-bar .hamburgerbutton {
        top: 70px !important;
    }
}

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