/*
Theme Name: Nordzco Hostess Website
Template: generatepress
Theme URI: https://
Author: Weave Digital Studio
Author URI: https://weave.co.nz/
Description: 
Version: 0.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gpc
*/

/*

CONTENTS:
1. Globals
    1.1 Theme Colours
    1.2 Fonts
    1.3 Layouts
    1.4 Headings
    1.5 Text
    1.6 Lists
    1.7 Links
    1.8 Icons
    1.9 Misc
2. Header
    2.1
    2.2
    2.3
3. Footer
    3.1
    3.2
4. Modules
    4.1 Gravity Forms
5. About Us
6. Contact
7. Search Results
8. Styles Page

*/



/*/////////////////////////////////////////////////////*/
/* GLOBAL */
/*/////////////////////////////////////////////////////*/

//* --------------------------
THEME VARIABLES
-------------------------- */

:root {

    /* COLORS VARIABLES */

    --error: #ff4e7a;

    /* MISC VARIABLES */

    --transition-1: all .3s ease-out;

}

/* --------------------------
FONTS
-------------------------- */

/*
.woff2 		=> 	Super Modern Browsers
.woff 		=> 	Modern Browsers
.ttf 		=> 	Safari, Android, iOS
.eot 		=> 	IE9 Compat Modes
.eot?#iefix 	=> 	IE6-IE8
*/



/* --------------------------
LOCAL ICONS
-------------------------- */

[class^="starter-icon-"], 
[class*=" starter-icon-"] {
    display: inline-block;
}

/* --------------------------
LAYOUT
-------------------------- */


/* --------------------------
HEADING
-------------------------- */

p+:is(h1,h2,h3,h4,h5,h6), 
ul+:is(h1,h2,h3,h4,h5,h6), 
ol+:is(h1,h2,h3,h4,h5,h6) {
    margin-top: 1em;
}

/* --------------------------
TEXT
-------------------------- */

.nh-no-margin-b p, 
p.nh-no-margin-b {
    margin-bottom: 0;
}
/* em {
    font-family: "Albula Pro Oblique";
} */





/* ---------------------- */
/* LISTS */
/* ---------------------- */



/* ---------------------- */
/* LINKS */
/* ---------------------- */



/* ---------------------- */
/* ICONS */
/* ---------------------- */



/* ---------------------- */
/* MISC */
/* ---------------------- */



/* ---------------------- */
/* MISC */
/* ---------------------- */


/*/////////////////////////////////////////////////////*/
/* HEADER */
/*/////////////////////////////////////////////////////*/





/*/////////////////////////////////////////////////////*/
/* FOOTER */
/*/////////////////////////////////////////////////////*/




/*/////////////////////////////////////////////////////*/
/* MODULES */
/*/////////////////////////////////////////////////////*/

/* ---------------------- */
/* GRAVITY FORMS */
/* ---------------------- */







/*/////////////////////////////////////////////////////*/
/* ABOUT US */
/*/////////////////////////////////////////////////////*/

/* ---------------------- */
/* JQUERY MODAL (plugin) */
/* ---------------------- */

.blocker {
   z-index: 1000;
   background-color: var(--toitoi);
}
.modal {
   width: 100%;
   max-width: 1160px;
   margin-top: 100px;
   padding: 60px 100px 80px;
   border-radius: 0;
   box-shadow: none;
}
.modal a.close-modal {
   top: 0;
   right: 0;
   width: 50px;
   height: 50px;
   background-image: none;
}
.modal a.close-modal::before, 
.modal a.close-modal::after {
   content: "";
   display: block;
   position: absolute;
   top: 50%;
   left: calc(50% - 17.5px);
   width: 35px;
   height: 2px;
   background-color: var(--graywacke);
   opacity: .7;
}
.modal a.close-modal::before {
   transform: rotate(45deg);
}
.modal a.close-modal::after {
   transform: rotate(-45deg);
}
.modal a.close-modal:hover::before, 
.modal a.close-modal:hover::after {
   opacity: 1;
}

/* --- RESPONSIVE --- */

@media (max-width: 1080px) {
   .modal {
      padding: 40px 40px 50px;
   }
}
@media (max-width: 810px) {
   .modal {
      padding: 20px 20px 40px;
   }
   .modal a.close-modal {
      width: 40px;
      height: 40px;
   }
   .modal a.close-modal::before, 
   .modal a.close-modal::after {
      left: calc(50% - 12.5px);
      width: 25px;
   }
}


/* ---------------------- */
/* OUR TEAM */
/* ---------------------- */

/* ON PAGE */ 

.nh-team-member:not(.modal) {
   height: 100%;
}
.nh-team-member:not(.modal),
.nh-team-member:not(.modal) > .fl-col-content,
.nh-team-member:not(.modal) > .fl-col-content > .fl-module-html, 
.nh-team-member:not(.modal) > .fl-col-content > .fl-module-html > .fl-module-content, 
.nh-team-members-grid .pp-content-post,
.nh-team-members-grid .nh-details, 
.nh-team-members-grid .nh-wrapper {
   display: flex;
   flex-direction: column; 
   justify-content: stretch;
   flex: 1 0 auto;
}
#content .nh-team-member .fl-photo a, 
#content .nh-team-members-grid .nh-photo a {
   display: block;
   overflow: hidden;
}
#content .nh-team-member .fl-photo a img, 
#content .nh-team-members-grid .nh-photo a img {
   transition: all .5s ease-out;
}
.nh-team-member .fl-photo a:hover img, 
.nh-team-members-grid .nh-photo a:hover img {
   transform: scale(1.05);
}
.nh-team-member .nh-halo-bg .fl-module-content {
   position: relative;
   z-index: 1;
}
.nh-team-member .nh-details, 
.nh-team-members-grid .nh-details  {
   padding: 5px 0px 20px;
}
.nh-team-members-grid .nh-details {

}
[class*="nh-team-member"] .nh-name {
   margin-bottom: .2em;
   font-size: 18px;
   font-weight: 400;
   line-height: 1.2;
   color: var(--graywacke);
}
[class*="nh-team-member"] .nh-position {
   margin-bottom: .2em;
}
[class*="nh-team-member"] .nh-info {
   display: inline-block;
   width: fit-content;
   padding: 3px 10px;
   background-color: var(--graywacke);
   font-size: 12px;
   font-weight: 600;
}
[class*="nh-team-member"] .nh-more {
   margin: auto 0 0;
}
[class*="nh-team-member"] .nh-toggler {
   display: inline-block;
   font-family: var(--gp-font--poppins)b;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.2;
    /* border-bottom: 1px solid var(--graywacke); */
    text-decoration: none;
    padding-bottom: 3px;
    color: var(--graywacke);
    padding-top: 8px;
}
[class*="nh-team-member"] .nh-toggler:hover {
   cursor: pointer;
   color: var(--toitoi);
}
[class*="nh-team-member"] .nh-toggler::after {
   margin-left: .5em;
   content: "\e90a";
   font-family: 'nordzco-hostess-icons';
   font-weight: 400;
}

/* --- RESPONSIVE --- */

@media (max-width: 1080px) {
   [class*="nh-team-member"] .nh-name {
      font-size: 24px;
   }
}
@media (max-width: 810px) {
   .nh-team-member .nh-halo-bg .fl-module-content, 
   .nh-team-members-grid .fl-module-content {
      
      margin-right: 20px;
      margin-left: 20px;
   }
   [class*="nh-team-member"] .nh-details {
      padding-top: 20px;
   }
   [class*="nh-team-member"] .nh-name {
      font-size: 20px;
   }
}

/* MODAL */ 

/* body:not(.fl-builder-edit) [class*="nh-team-member"] .nh-modal,  */
[class*="nh-team-member"] .nh-modal {
   display: none;
}
.modal.nh-team-member .nh-wrapper {
   display: flex;
   column-gap: 60px;
}
.modal.nh-team-member .nh-bio {
   margin-top: 1em;
}
.modal.nh-team-member .fl-photo-img, 
.modal.nh-team-member .pp-post-img {
   width: 330px;
   max-height: 330px;
   aspect-ratio: 1/1;
   object-fit: cover;
   object-position: 50% top;
}
.modal.nh-team-member .nh-name {
   font-family: var(--gp-font--poppins);
   font-weight: 400;
   font-size: 34px;
   color: var(--graywacke);
}
.modal.nh-team-member .nh-position {
   font-size: 24px;
}
.modal.nh-team-member .nh-info {
   font-size: 16px;
}

/* --- RESPONSIVE --- */

@media (max-width: 1080px) {
   .modal.nh-team-member .nh-wrapper {
      column-gap: 50px;
   }
   .modal.nh-team-member .nh-name {
      font-size: 34px;
   }
   .modal.nh-team-member .nh-position {
      font-size: 22px;
   }
   .modal.nh-team-member .nh-info {
      font-size: 14px;
   }
}
@media (max-width: 810px) {
   .modal.nh-team-member .nh-wrapper {
      flex-direction: column;
      row-gap: 30px;
   }
   .modal.nh-team-member .fl-photo-img {
      width: 280px;
      max-height: 240px;
   }
   .modal.nh-team-member .nh-name {
      font-size: 28px;
   }
   .modal.nh-team-member .nh-position {
      font-size: 19px;
   }
   .modal.nh-team-member .nh-info {
      font-size: 13px;
   }
}


/*/////////////////////////////////////////////////////*/
/* CONTACT */
/*/////////////////////////////////////////////////////*/


/*///////////////////////////////*/
/* SEARCH RESULTS */
/*///////////////////////////////*/



/*/////////////////////////////////////////////////////
7. MISC
/////////////////////////////////////////////////////*/

.fl-builder-block-thumbnail {
    display: none;
}

/* --- responsive embed --- */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.embed-container iframe, .embed-container object, .embed-container embed, .embed-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*/////////////////////////////////////////////////////
8. STYLES TEMPLATE
/////////////////////////////////////////////////////*/

[class*="av-demo-font-"] {
    font-size: 24px;
}
[class*="av-demo-font-"] h2, 
[class*="av-demo-font-"] h3 {
    margin-bottom: .5em; 
}
.av-demo-font-1, 
.av-demo-font-1 h2, 
.av-demo-font-1 h3 {
    font-family: var(--gp-font--libre-baskerville);
}
.av-demo-font-2, 
.av-demo-font-2 h2, 
.av-demo-font-2 h3 {
   font-family: var(--gp-font--poppins);
}