/* DEVELOPER NOTES:
Main teal colour: #43AEB3 | darker teal shade (popup bg): #389296
All p text font: Montserrat | All p size: 16px, LH: 1.5em
All H1 & H2: Rubik | H2 size: 26px

All buttons: F Size: 20px | Color: #fff / teal | BG: teal / transparent | B Width: 3px, B Color: #fff / teal, B radius: 3px | LS: 0px | F Family: Helvetica | F Weight: reg | No Icon |

Contents of this file: (all mobile breakpoints under page sections)
-HEADER
-GLOBAL
-HOME
-ABOUT (bios)
-PROGRAMS
-PORTFOLIO
-CLEANTECH PROGRAM
-DIGI-MARKETING PROGRAM
*/

/* TEMPORARY WORKSPACE SECTION - Mobile Fixes */

/* HEADER */

/* -------------------- menu styling begins */

#et-top-navigation {
  /* corrects main nav item font-weight */
  font-weight: 300;
}

ul#wprmenu_menu_ul {
  /* spacing on side menu */
  padding-left: 2em;
}

html.wprmenu-body-fixed body {
  /* Necessary overrides for side menu plugin to function properly */
  position: relative !important;
  left: 0 !important;
}

ul#wprmenu_menu_ul img {
  /* Necessary overrides for side menu plugin to function properly */
  margin-top: 50px;
}

@media only screen and (max-width:980px) {
  /* hides primary nav on small screens */

  header#main-header,
  .logo_container,
  div#et-top-navigation {
    display: none;
  }
}

@media only screen and (min-width:981px) {
  /* displays both menus properly on larger screens */

  div#wprmenu_bar {
    max-width: 5%;
    margin-left: 95%;
  }
}

div#et-top-navigation {
  /* prevents the two menus from overlapping */
  margin-right: 5%;
}

.menu_title {
  /* hides menu title next to hamburger icon */
  display: none;
}

.wpr_search.search_top {
  /* hides search field in side menu */
  display: none;
}

ul#wprmenu_menu_ul li a {
  /* Side menu font */
  font-family: Rubik,Helvetica,Arial,Lucida,sans-serif;
}

header#main-header.et-fixed-header,
#main-header {
  /* removes bottom border on main menu */
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

/* -------------------- menu styling ends */

/* GLOBAL */

.primary-h,
.primary-h h1 {
  /* primary page headings */
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1em;
}

@media only screen and (max-width: 1200px) {
  /* primary page headings */

  .primary-h,
  .primary-h h1 {
    font-size: 48px;
    margin-bottom: 0.5em;
  }

@media only screen and (max-width: 767px) {
    /* primary page headings */

    .primary-h,
    .primary-h h1 {
      font-size: 33px;
      margin-bottom: 0.5em;
    }
}
}

/* HOME */

/* -------------------- HOME mobile fixes begins */

@media only screen and (max-width: 1550px) {
  /* fixes buttons being cut off on smaller screens */

  .pragmatic-btn,
  .impact-btn {
    margin-bottom: 1.5em;
  }

@media only screen and (max-width: 500px) {
    .pragmatic-btn,
    .impact-btn {
      font-size: 1em;
    }
}
}

@media only screen and (max-width: 980px) {
  /* mobile supertabs */

  .col-hide {
    display: none;
  }

  /* mobile supertabs */

  .column {
    width: 100%;
  }
}

/* -------------------- HOME mobile fixes ends */

/* -------------------- supertabs styling begins */

li.bsf_advanced_tab a {
  /* tab borders on home page */
  border: 3px solid #43AEB3;
}

span.bsf_tab_title {
  /* text colour for non-active tabs on home page */
  color: #43AEB3;
}

.bsf_advanced_tab .column {
  /* Program Tabs content spacing */
  padding: 2em;
}

.tab-btn {
  /* Spacing above Program page buttons */
  margin-top: 2em;
}

.tab-btn a {
  /* Program page buttons */
  border: 3px solid #43AEB3;
  border-radius: 50px;
  padding: 6px 20px;
  font-family: Helvetica,Arial,Lucida,sans-serif;
  font-size: 20px;
  color: #43AEB3;
  /*letter-spacing: 2px;*/
  font-weight: 500;
}

/* -------------------- supertabs styling ends */

/* ABOUT */

/* -------------------- ABOUT mobile fixes begins */

@media only screen and (max-width: 980px) {
  /* removes huge gap of space above 'global ecosystem' button */

  #gap-row .et_pb_button_module_wrapper.et_pb_button_0_wrapper.et_pb_module {
    margin-top: 3em !important;
  }

  /* hides popup photo on mobile */

  .fancybox-content {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  /* re-positions bio popup text on mobile */

  .fancybox-caption {
    height: 100%;
    padding-top: 12em !important;
  }

  .fancybox-caption__body {
    max-height: 58vh;
  }
}

@media only screen and (max-width: 500px) {
  /* reduces button font sizes to fit on one line */

  .about-btn {
    font-size: 0.97em;
  }

  /* reduces gap below map image */

  div#about-sec-2 {
    padding-bottom: 1em;
  }

  /* reduces gap slightly above portfolio section */

  div#about-row-4 {
    padding-bottom: 1em;
  }
}

/* -------------------- ABOUT mobile fixes ends */

/* -------------------- bio grid styling begins */

.vp-filter__item.vp-filter__item-active a {
  /* category button colour */
  background-color: #43aeb3;
}

.vp-filter__item.vp-filter__item-active a:hover {
  /* category button hover colour */
  background-color: #4e64b5;
}

figcaption.vp-portfolio__item-overlay.vp-portfolio__item-align-center {
  /* Name Caption: Reduces space above name */
  padding-top: 0.1em;
}

h2.vp-portfolio__item-meta-title {
  /* Name Caption: Reduces space between name & job title on bio page */
  margin-bottom: -10px !important;
}

.vp-portfolio__item-meta {
  /* Name Caption: Reduces space below job title */
  padding-bottom: 0.7em !important;
}

h2.vp-portfolio__item-meta-title a,
.vp-portfolio__item-meta-excerpt {
  /* Name Caption: Reduces name & job title font sizes */
  font-size: 0.8em;
}

.fancybox-toolbar {
  /* makes close X button visible */
  margin-top: 95px;
}

.fancybox-button {
  /* close X button styling */
  background: #389296;
  border-radius: 0 0 0 5px;
}

/* -------------------- bio grid styling ends */

/* -------------------- popup styling begins */

.sgpb-popup-overlay {
  border: solid;
  border-width: 3px;
  border-color: #43aeb3;
}

.fancybox-is-open .fancybox-bg {
  /* popup bg opacity */
  opacity: 0.97;
}

p.bio-company {
  /* popup company text */
  font-size: 18px;
}

p.bio-text {
  /* popup bio body text */
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
}

.bio-icons {
  /* popup bio social icons: spacing below / icon size */
  margin-bottom: 8px;
  font-size: 20px;
}

i.fa.fa-facebook-square,
i.fa.fa-linkedin-square {
  /* popup bio icons: spacing in between social icons */
  margin-right: 8px;
}

img.fancybox-image {
  /* popup rounded corners for image */
  border-radius: 4px;
}

.fancybox-bg {
  /* popup Fancybox styling */
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

img.fancybox-image {
  /* popup Fancybox styling */
  margin-top: 15px;
}

/* -------------------- popup styling ends */

/* PROGRAMS */

article#post-473 img {
  /* graphic uniformity on larger screens */
  max-width: 400px;
  /* graphic uniformity & not cut off on smaller screens */
  max-width: 80%;
}

/* PORTFOLIO */

/* -------------------- PORTFOLIO mobile fixes begins */

@media only screen and (max-width: 980px) {
  /* removes transform values when logos breakdown to 2-wide columns */

  div#port-logo {
    transform: none !important;
  }

  /* aligns Certn logo with others on 2-wide column breakpoint */

  .logo-certn {
    margin-top: 3em;
  }

  /* removes borders between items in the portfolio list (near bottom) */

  div#portfolio-list .et_pb_text {
    border-top-width: 0;
  }
}

@media only screen and (max-width: 479px) {
  /* reduces space between tutela & certn on mobile */

  article#post-202 .et_pb_column.et_pb_column_1_4.et_pb_column_4.et_pb_css_mix_blend_mode_passthrough {
    margin-bottom: 0;
  }

  /* reduces space between tutela & certn on mobile */

  .logo-certn {
    margin-top: 0;
  }
}

/* -------------------- PORTFOLIO mobile fixes ends */

.pa-text-over-image .paoc-image-popup:before {
  /* places + icons on logos that have popups */
  content: "+";
  z-index: 9999;
  position: absolute;
  top: 70%;
  left: 50%;
  color: #389296;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
}

/* -------------------- logo popup styling begins */

.custombox-overlay.custombox-fadein.custombox-open.paoc-popup-overlay {
  /* Hides full-screen overlay */
  background-color: rgba(0, 0, 0, 0) !important;
}

.paoc-cb-popup-body {
  /* Enables popup to be transparent */
  background-color: transparent;
}

.paoc-padding-20.paoc-popup-con-bg {
  /* Creates semi-transparent bg colour on popup - popup box spacing */
  background-color: rgba(56,146,150,0.97);
  padding-left: 40px;
  padding-right: 40px;
}

.paoc-popup-margin.paoc-popup-mheading {
  /* Company name styling - fixes run-together letters */
  color: #fff;
  letter-spacing: 0.04em;
}

.paoc-popup-margin.paoc-popup-content p {
  /* Company description text - matches line-height with bios page */
  color: #eee;
  line-height: 1.5em;
}

/* -------------------- logo popup styling ends */

div#portfolio-list p {
  /* centers portfolio list items */
  text-align: center;
}

/* CLEANTECH PROGRAM PAGE */

@media only screen and (max-width: 1320px) {
  /* hides bg graphic on banner to prevent overlap */

  div#cleantech-banner {
    background-image: none !important;
  }
}

@media only screen and (max-width: 980px) {
  /* helps graphic appear nicely on smaller screens - elegible requirements section */

  img.wp-image-1034 {
    display: block;
    max-width: 80%;
  }

  /* spacing below side graphic on smaller screens */

  .et_pb_module.et_pb_image.et_pb_image_0.ct-side-graphic {
    margin-bottom: 2em;
  }

  div#criteria-row {
    /* fixes company criteria list on smaller screens */
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media only screen and (max-width: 500px) {
  /* side graphic width on mobile */

  .ct-side-graphic {
    max-width: 80%;
  }
}

/* DIGI-MARK PROGRAM PAGE */

@media only screen and (max-width: 1450px) {
  /* hides bg graphic on banner to prevent overlap */

  div#digi-mark-banner {
    background-image: none !important;
  }
}

#digi-mark-topics .et_pb_module.et_pb_divider {
  /* centered dividers for program topics */
  margin-left: auto;
  margin-right: auto;
}

/* Hide calendar popup */