/**
Theme Name: Nectar Group
Author: Blue 37
Author URI: https://blue37.com
Description: A light weight & modern theme designed for the Nectar Group. 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nectar-group
Template: astra
*/
/* GLOBAL =====*/

/* Links -----*/
/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  width: auto;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #ffffff;
  height: 2px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center-dark .hvr-underline-from-center:before {
  background: #333;
}
.hvr-underline-from-center:hover:before, 
.hvr-underline-from-center:focus:before, 
.hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

/*.current_page_item {
  border-bottom: solid 2px #643c82;
  height: 48px;
}*/

#hffg-menu .current_page_item {
  border-bottom: solid 2px #fff;
  /*height: 36px;*/
  height: 50px;
}

.menu-item-home {
  border-bottom: 0!important;
  /*height: 46px!important;
  top: 5px;*/
  height: 50px!important;
  top: 0;
}

/* Sticky footer -----*/
.hffg-sticky-footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 9;
}

/* Menu -----*/
/* hamburger icon - on scroll */
.hffg-hamburger-menu .fl-theme-builder-header-shrink-module-top.fl-module-content {
  margin-top: 13px;
}
/* sticky footer menu */
#menu-contact-us-1,
#menu-contact-us-2 {
  padding-top: 0!important;
}
/* mobile menu - left */
#hffg-left-menu {
  max-width: 55%;
  position: relative;
  left: -75px;
}
#hffg-right-menu {
  position: absolute;
  right: 0;
  top: 0;
}

/* Sticky Footer -----*/
/* sticky footer menu - left */
#hffg-pull-left {
  position: absolute;
  bottom: 18px;
  left: 15px;
  z-index: 9;
}
/* sticky footer menu - right */
#hffg-pull-right {
  padding-left: 37px;
  position: relative;
  bottom: 13px;
}

/* Hover cards -----*/
/*.hffg-hover-cards .fl-module-info-box:hover,*/
.hffg-hover-cards .fl-col-content:hover,
.hffg-hover-cards .fl-col-content:focus,
.hffg-hover-cards .fl-col-content:active,
.ng-hover-card .fl-col-content:hover {
  color: #fff;
  -webkit-text-fill-color: #fff;
  -moz-text-fill-color: #fff;
  -ms-text-fill-color: #fff;
  -o-text-fill-color: #fff;
  text-fill-color: #fff;
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -ms-background-clip: text;
  -o-background-clip: text;
  background-clip: text;
  background: #333;
  transition: all 0.3s ease-in-out;
}
.hffg-not-hover-cards .fl-col-content:hover {
  -webkit-background-clip: unset;
  -moz-background-clip: unset;
  -ms-background-clip: unset;
  -o-background-clip: unset;
}

/* NG hover Border -----*/
.ng-hover-border .uabb-infobox-module-link {
	border: solid 2px transparent;
}
.ng-hover-border .uabb-infobox-module-link:hover,
.ng-hover-border .uabb-infobox-module-link:focus,
.ng-hover-border .uabb-infobox-module-link:active {
	border-bottom: solid 2px #fff;
    transition: inherit;
}

/* GLOBAL =====*/

/* @media (max-width: 480px) {
    .fl-visible-desktop,
    .fl-visible-desktop-medium,
    .fl-visible-medium,
    .fl-col-group .fl-visible-desktop.fl-col,
    .fl-col-group .fl-visible-desktop-medium.fl-col,
    .fl-col-group .fl-visible-medium.fl-col {
        display: none!important;
    }
} */

/* side menu -----*/
/* Search */
.hffg-search-bar .widget_search .search-field {
    padding: 10px 45px 10px 15px!important;
    font-size: 14px!important;
}

/* Footer Menu -----*/
/* hover underline */
#hffg-footer-menu .hvr-underline-from-center.menu-item {
    display: table;
}

/*
==================================
        Nectar Group 
==================================
*/
/* Logo -----*/
/* height */
.ng-header-logo img {
    max-height: 50px;
    padding-top: 5px;
    position: relative;
    left: -30px;
}

/* Header -----*/
.ng-head-logo img {
    max-width: 160px;
    display: block;
    margin: auto;
}

/* Hero background -----*/
/* homepage 
.ng-hero-bg .fl-row-content-wrap {
    background-color: #5532ff;
    background-image: url("https://nectar.blue37.com/wp-content/uploads/2018/11/Subtle-Prism.svg");
    background-attachment: fixed;
    background-size: cover;
}*/
/* hero shipyard */
.ng-hero-ship {
    position: relative;
    z-index: 99;
}
/* hero logo */
.ng-hero-logo {
    max-width: 260px;
    display: block;
    margin: auto;
}

/* Footer -----*/
/* menu */
.nec-footer-menu .pp-advanced-menu li,
.nec-footer-menu .uabb-creative-menu-horizontal li {
    width: auto;
    display: table;
    margin: 10px 5px!important;
}

/* Rounded Corners -----*/
.ng-rounded-corners img {
    border-radius: 10px 10px 0 0!important;
}

/* padding -----*/
/* 20px */
.ng-pad-twenty p {
    padding: 0 20px;
}

/* Shadow Hover -----*/
/* case study - homepage */
.ng-shadow-hover .ast-article-single:hover,
.ng-shadow-hover .ast-article-single:active,
.ng-shadow-hover .ast-article-single:focus, 
.ng-shadow-hover .uabb-info-list-left a:hover,
.ng-shadow-hover .uabb-info-list-left a:active,
.ng-shadow-hover .uabb-info-list-left a:focus {
    box-shadow: 0px 2px 30px 0px RGBA(0,0,0,0.36);
}
/* more link */
.pp-more-link-button {
    -webkit-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.3);
}

/* Slider -----*/
/* NG icons */
.ng-slide-icon {
	max-width: 165px;
}

/* dl dt dd lists -----*/
.ng-list dt {
	width: 200px;
    float: left;
    clear: left;
}
.ng-list dd {
	margin: 0;
}
.ng-list dl {
	margin-bottom: 20px;
}

/* Search -----*/
/* title */
a.full-screen.astra-search-icon:after {
    content: " Search Site";
}
/* border */
.ng-search .fl-html {
	border: solid 1px #c3c3c3;
	border-radius: 50px;
    text-align: center;
    font-size: 16px;
    margin-left: -5px;
    padding: 0;
}
.ng-search .fl-html:hover,
.ng-search .fl-html:focus,
.ng-search .fl-html:active {
	background: #eb6a24;
}
a.full-screen.astra-search-icon:hover,
a.full-screen.astra-search-icon:focus,
a.full-screen.astra-search-icon:active {
    color: #fff;
}
.ng-search .astra-search-shortcode {
	width: -webkit-fill-available;
    height: 31px;
    padding: 0;
}
.ng-search .astra-search-icon {
	height: 33px;
}

/* HEADER (global) -----*/
/* small devices */
@media (max-width : 992px) {
    #ng-header-small {
        background-color: #333;
        position: fixed;
        width: 100%;
    }
    .ng-logo-col-small,
    .ng-menu-col-small {
        width: 49%!important;
        display: inline-block;
    }
    .ng-header-logo-small {
        width: 200px;
        position: relative;
        left: 30px;
        top: -5px;
    }
}

/* CASE STUDY -----*/
/* homepage feed */
/* featured image */
.ng-case-study-post .pp-content-grid-image img {
    height: 300px!important;
    object-fit: cover;
}

/* TEAM MEMBERS -----*/
/* directors -----*/
/* profile image */
.ng-staff-image img {
    border-radius: 50%!important;
}
.ng-staff-name {
    color: #5395d0!important;
}
/* job role */
.ng-staff-job-role {
    font-size: 14px;
    margin-bottom: 0!important;
}
/* staff details */
.ng-staff-detail {
    margin-bottom: -10px;
}
/* social icons */
.ng-staff-social {
    margin-top: 0;
}
.ng-staff-social i {
    padding: 0 5px;
}
.ng-staff-social a:hover,
.ng-staff-social a:active,
.ng-staff-social a:focus {
    color: #333;
}
/* link */
.ng-staff-link {
    font-size: 16px;
}
.ng-staff-link a:hover,
.ng-staff-link a:focus,
.ng-staff-link a:active,
.ng-staff-name a:hover,
.ng-staff-name a:active,
.ng-staff-name a:focus {
    border-bottom: 2px solid #5395d0;
}

/* staff members -----*/
/* role */
.ng-team-role {
    font-size: 14px;
}
/* name */
.ng-team-name {
    color: #5395d0!important;
}
.ng-team-name a:hover,
.ng-team-name a:focus,
.ng-team-name a:active {
    border-bottom: 2px solid #5395d0;
}
/* details */
.ng-team-detail p {
    margin-bottom: 10px;
}
/* social icons */
.ng-team-social a:hover,
.ng-team-social a:focus,
.ng-team-social a:active {
    color: #333;
}
.ng-team-social i {
    padding: 0 10px 0 0;
}
/* link */
.ng-team-link {
    margin-top: -10px;
}
.ng-team-link a:hover,
.ng-team-link a:focus,
.ng-team-link a:active {
    border-bottom: 2px solid #5395d0;
}

/* STAFF MEMBER PROFILE -----*/
/* social icons */
.ng-staff-profile-social a {
    color: #fff;
}
.ng-staff-profile-social a:hover,
.ng-staff-profile-social a:focus,
.ng-staff-profile-social a:active {
    color: #333;
}
.ng-staff-profile-social {
    text-align: center;
}
.ng-staff-profile-social i {
    padding: 0 10px;
    font-size: 40px; 
}

/* CASE STUDY ARCHIVE -----*/
/* featured image */
#ng-case-study .pp-content-grid-image img {
    height: 200px!important;
    object-fit: cover;
}

/* PAGE TITLES -----*/
/*.fl-module-content.fl-node-content*/
h1.uabb-heading .uabb-heading-text {
    font-size: 50px!important;
    text-transform: capitalize!important;
}

/* H2 -----*/
h2,
.entry-content h2,
.entry-content h2 a {
  font-size: 42px!important;
}

/* H3 -----*/
h3,
.entry-content h3,
.entry-content h3 a {
  font-size: 30px!important;
}

/* LOCATIONS -----*/
/* tool tip */
.uabb-hotspot-tooltip-content {
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    width: -o-max-content;
    border: solid 1px #333;
    padding: 15px!important;
    display: inline-block;
}
/*.uabb-hotspot-tooltip-content::after {
    border-left-color: #333!important;
    border-right-color: #333!important;
}*/

/* BROCHURE -----*/
/* image size */
.ng-brochure .pp-icon-wrapper {
    height: 200px;
}

footer h2 .hvr-underline-from-center,
.ng-footer-title span {
    font-size: 28px;
}

/* CONTACT FORM */
/* captcha */
#field_1_8 {
    margin-top: 40px;
}

@media only screen and (min-width : 992px) {
    .gform_footer.top_label {
        margin-top: -80px!important;
    }
    li.gchoice_1_4_1 {
        max-width: 70%;
    }
}

/* POST -----*/
/* no header */
.entry-header.ast-no-title.ast-no-thumbnail {
    display: none;
}