/*
Theme Name: Flomenhaft
Description: A child theme for the Enfold Wordpress theme
Version: 1.0
Author: Mark Gilchrist
Author URI: https://www.bulldogstudios.com
Template: enfold
*/


/* GENERAL
=================================== */

:root {
  --main-color: #316280;
  --accent-color: #3d939e;
}

body { font-family: "Nunito Sans"; font-size: 18px; font-weight: 300; line-height: 1.5; }

h1, h2, h3, h4, h5 { font-family: "Noto Serif Display"; font-weight: 400; }

strong, b { font-weight: 800; }

.avia_textblock { line-height: 1.5; }

.template-page .entry-content-wrapper h1, .main_color h1,
.template-page .entry-content-wrapper h2, .main_color h2,
.template-page .entry-content-wrapper h2, .main_color h3,
.template-page .entry-content-wrapper h2, .main_color h3 { color: var(--main-color); text-transform: none; }

h1, .main_color h1 { font-size: 48px; }

h2, .main_color h2 { font-size: 43px; }

h3, .main_color h3 { font-family: "Noto Serif Display"; font-size: 26px; font-weight: 600; }

/* p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 { 1.1em; } */

.main_color h6 { font-family: "Nunito Sans"; font-size: 20px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--accent-color); text-align: center; margin-bottom: 20px; }

.avia-section-huge .content, .avia-section-huge .sidebar { padding: 11vh 0; }

.intro, .intro p { font-size: 24px; line-height: 1.4; }

.narrow .container { max-width: 1100px; }

.headline-left { text-align: left; }

.headline-right { text-align: right; }

@media only screen and (max-width: 767px) {
  .headline-left, .headline-right { text-align: center; }
  .text-center { text-align: left; }
  .avia-section-huge .content, .avia-section-huge .sidebar { padding: 7vw 0; }
}

@media only screen and (max-width: 570px) {
  h2, .main_color h2 { font-size: 36px; }
  body { font-size: 16px; }
  .intro, .intro p { font-size: 20px; }
}



/* SITE HEADER
=================================== */

.logo { max-height: 76px; }

@media only screen and (min-width: 768px) and (max-width: 989px) {
  .logo { max-height: 60px;}
}

@media only screen and (max-width: 767px) {
  .responsive .logo svg { max-height: 50px !important;}
}

.av-logo-container .inner-container { display: flex; align-items: center; }

.av_seperator_small_border .av-main-nav > li > a > .avia-menu-text { border: none; }


/* MAIN MENU
=================================== */

#header_main #header_main_alternate .container { max-width: 100vw; }

.av-main-nav > li > a { font-weight: 600; font-size: 14px; text-transform: uppercase; letter-spacing: .06em; padding: 0 18px; }

@media only screen and (min-width: 990px) and (max-width: 1070px) {
  .av-main-nav > li > a { padding: 0 11px; }
}
.av-main-nav > li:nth-last-child(2) > a { padding-right: 0; }

.header_color .main_menu ul:first-child > li.current-menu-item > a,
.header_color .main_menu ul:first-child > li.current_page_item > a,
.header_color .main_menu ul:first-child > li.active-parent-item > a { font-weight: 800; }


/* PAGE HEADERS
=================================== */

.header-text .flex_cell_inner, .header-text .avia_codeblock_section, .header-text .avia_codeblock { height: 100%; }

.quote { font-family: "Oswald"; font-weight: 500; font-size: 40px; text-transform: uppercase; line-height: 1.3; color: #ffffff; margin-top: 0; }

.quote-source { font-family: "Noto Serif Display"; font-weight: 500; font-size: 24px; font-style: italic; color: #ffffff; margin: 10px 0 0 7vw; }

.header-text.center .avia_codeblock { display: flex; justify-content: center; }

#header-about .avia_codeblock div { margin: 215px 0 0 125px; }

#header-services .avia_codeblock div, #header-contact .avia_codeblock div
{ display: inline-flex; flex-direction: column; height: 100%; justify-content: center; margin: 1.5vw 3vw 0; }

.responsive #top #wrap_all #header-services.av-flex-cells .no_margin,
.responsive #top #wrap_all #header-contact.av-flex-cells .no_margin
{ background-blend-mode: multiply; background-color: rgba(0,0,0,.1); }

@media only screen and (max-width: 1070px) {
  .responsive #top #wrap_all #header-about.av-flex-cells .no_margin,
  .responsive #top #wrap_all #header-services.av-flex-cells .no_margin,
  .responsive #top #wrap_all #header-forms.av-flex-cells .no_margin,
  .responsive #top #wrap_all #header-rates.av-flex-cells .no_margin,
  .responsive #top #wrap_all #header-contact.av-flex-cells .no_margin
  { height: 25.64vw !important; min-height: 25.64vw !important; }
  
  .responsive #top #wrap_all #header-about.av-flex-cells .no_margin
  { background-blend-mode: multiply; background-color: rgba(0,0,0,.1); background-position: 6% 0%; }
  
  #header-about .avia_codeblock div { display: flex; margin: 1.2vw 0 0 8%; height: 100%; flex-direction: column; justify-content: center; }
  .quote { font-size: 3vw; }
  .quote-source { font-size: 2vw; margin-top: .93vw; }
}

@media only screen and (max-width: 625px) {
  .responsive #top #wrap_all #header-about.av-flex-cells .no_margin,
  .responsive #top #wrap_all #header-services.av-flex-cells .no_margin,
  .responsive #top #wrap_all #header-forms.av-flex-cells .no_margin,
  .responsive #top #wrap_all #header-rates.av-flex-cells .no_margin,
  .responsive #top #wrap_all #header-contact.av-flex-cells .no_margin
  { height: 160px !important; min-height: 160px !important; }

  .responsive #top #wrap_all #header-about.av-flex-cells .no_margin
  {  background-position: 18% 0%; }
  
  .quote { font-size: 18.5px; }
  .quote-source { font-size: 12.5px; }
}



/* HOME PAGE
=================================== */

/* Slideshow */

@media only screen and (max-width: 1020px) {
  #layer_slider_1, #layer_slider_1 .ls-inner, #layer_slider_1 .ls-wrapper.ls-bg-outer { min-height: 300px !important; }
  #layer_slider_1 .ls-wrapper.ls-bg-outer img { height: auto !important; width: auto !important; min-height: 300px !important; transform: translateX(0) translateY(-9%) !important; y: -9% !important; }
}

.tagline-1 { font-family: "Oswald"; font-size: 44px; font-weight: 600; color: #3d939e; text-transform: uppercase; }

.tagline-2 { font-family: "Noto Serif Display"; font-size: 85px; font-style: italic;  color: #316280; margin-left: 60px; }

@media only screen and (min-width: 690px) and (max-width: 1500px) {
  .tagline-1 { font-size: 2.8vw; }
  .tagline-2 { font-size: 5.5vw; margin-left: 4.44vw; }
  .ls-wrapper.ls-in-out.ls-inner-wrapper { width: 92% !important; left: 8% !important; }
}

@media only screen and (max-width: 689px) {
  .tagline-1 { font-size: 19px; }
  .tagline-2 { font-size: 38px; margin-left: 30px; }
  .ls-wrapper.ls-in-out.ls-inner-wrapper { width: 92% !important; left: 8% !important; top: 70px !important }
}

@media only screen and (max-width: 560px) {
  #layer_slider_1 .ls-wrapper.ls-bg-outer img { transform: translateX(-10%) translateY(0%) !important; }
  .ls-wrapper.ls-in-out.ls-inner-wrapper { width: 96% !important; left: 4% !important; top: 45px !important }
}

@media only screen and (max-width: 450px) {
  #layer_slider_1 .ls-wrapper.ls-bg-outer img { transform: translateX(-27%) translateY(0%) !important; }
  .ls-wrapper.ls-in-out.ls-inner-wrapper { width: 96% !important; left: 4% !important; top: 30px !important; }
}



/* FORMS AND FAQS
=================================== */

/* Forms */

.main_color a.form-link { display: flex; align-items: center; justify-content: center; font-size: 15px; font-weight: 600; line-height: 1.3; width: 100%; text-align: center; padding: 10px 20px 8px; background-color: #6999af; border: 2px solid var(--main-color); border-radius: 5px; color: #ffffff; text-decoration: none; transition: all .4s; min-height: 61px; }

.main_color a.form-link:hover { background-color: #46a8b5; }

/* FAQs */

.question, .case-study-title { font-family: "Nunito Sans"; font-weight: 900; color: var(--accent-color); margin-bottom: 10px; margin-top: 35px; }

p.question + p { margin-top: 10px; }

.case-study-title { font-size: 21px; }


/* CONTACT FORM
=================================== */

.avia_ajax_form .button { font-family: "Nunito Sans"; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; padding: 8px 16px 6px; min-width: 20px; }



/* FOOTER
=================================== */

#footer { padding-bottom: 0; }

#footer div div.first { width: 39.3333332%; }

#footer div .av_one_third { width: 24.3333332%; }

#footer .widget { margin-bottom: 18px; }

#footer a { text-transform: uppercase; letter-spacing: 1px; }

.widget_nav_menu a, .widget_nav_menu ul:first-child > .current-menu-item > a, .widget_nav_menu ul:first-child > .current_page_item > a { padding: 5px 0 4px 0; }

#socket.container_wrap { border-top: none; }

#socket { text-align: center; }

#socket .copyright { float: none; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; }

@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all #footer .flex_column.av_one_third, #footer .widget { margin-bottom: 0; }
  #footer #nav_menu-3.widget { margin-top: 0; margin-bottom: 20px; }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
  .responsive #top #wrap_all #footer .flex_column.av_one_third { width: 50%; margin-bottom: 0; }
}

@media only screen and (max-width: 599px) {
  #footer div .flex_column { text-align: center; }
}