/*
Theme Name: GP Developer Child Theme
Template: generatepress
Theme URI: https://addisonhalldesign.com
Author: Addison Hall
Author URI: https://addisonhalldesign.com
Description: This is a child theme for GeneratePress for use in jumpstarting more customized development.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gpc
Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, fluid-layout, fixed-layout, responsive-layout, flexible-header, full-width-template, buddypress, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, light, white, dark, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, yellow
*/

/*

CONTENTS:
1. Defaults
2. Header and Nav
3. Home Page
4. Content
5. Components
6. Widgets
7. Footer
8. Other

*/

/* ==========================================
=! DEFAULTS
------------------------------------------ */



/* ==========================================
=! HEADER AND NAV
------------------------------------------ */

/* define width of logo in large header */
.site-header > .inside-header > .site-logo > a > .header-image {
  width: 240px;
}

/* ==========================================
=! HOME PAGE
------------------------------------------ */

/* Home hero */
.home-hero {
  background: url('/wp-content/uploads/2018/06/home-intro-w-buildings-and-type.png'), url('/wp-content/uploads/2018/05/bg-halftone-orange@3x.png');
  background-size: cover, cover;
  background-repeat: no-repeat, no-repeat;
  background-position: center bottom, center center;
}
.home-hero > .grid-container {
  max-width: 800px;
}
@media screen and (max-width: 540px) {
  .home-hero > .generate-sections-inside-container {
    padding-bottom: 30% !important;
  }
  .home-hero h1 {
    font-size: 21px;
  }
}
@media screen and (min-width: 991px) {
  .home-hero h1 {
    font-size: 44px;
  }
}

/* ==========================================
=! CONTENT
------------------------------------------ */

.site-main h1,
.site-main h2,
.site-main h3,
.site-main h4,
.site-main h5,
.site-main h6 {
  color: #0682bb;
}

.generate-sections-container.white h1,
.generate-sections-container.white h2,
.generate-sections-container.white h3,
.generate-sections-container.white h4,
.generate-sections-container.white h5 {
  color: #ffffff;
}

/* Show images in hi-res (must be double-size) */
.hi-res {
  max-width: 50%;
  height: auto;
}

@media screen and (min-width: 768px) {

  .page-header-content-container h1 {
    font-size: 54px;
    letter-spacing: -.025em;
  }

  .elevator-pitch .generate-sections-inside-container {
    font-size: 24px;
    max-width: 48rem;
  }

}

@media screen and (min-width: 768px) {

  .generate-sections-container.narrow {
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
  }

}

/* ==========================================
=! COMPONENTS
------------------------------------------ */

/* WordPress gallery */
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
  max-width: 50%;
}
@media screen and (min-width: 640px) {
  .gallery-columns-3 .gallery-item,
  .gallery-columns-4 .gallery-item,
  .gallery-columns-5 .gallery-item,
  .gallery-columns-6 .gallery-item,
  .gallery-columns-7 .gallery-item,
  .gallery-columns-8 .gallery-item,
  .gallery-columns-9 .gallery-item {
    max-width: 33.33%;
  }
}
@media screen and (min-width: 992px) {
  .gallery-columns-4 .gallery-item {
    max-width: 25%;
  }
  .gallery-columns-5 .gallery-item {
    max-width: 20%;
  }
  .gallery-columns-6 .gallery-item {
    max-width: 16.66%;
  }
  .gallery-columns-7 .gallery-item {
    max-width: 14.28%;
  }
  .gallery-columns-8 .gallery-item {
    max-width: 12.5%;
  }
  .gallery-columns-9 .gallery-item {
    max-width: 11.11%;
  }
}

.wp-caption-text.gallery-caption {
  font-size: 14px;
}
@media screen and (min-width: 540px) {
  .wp-caption-text.gallery-caption {
    font-size: 16px;
  }
}

/* size of ACF Google map */
.acf-map {
  width: 100%;
  height: 400px;
  border: #ccc solid 1px;
  margin: 20px 0;
}

/* fixes potential theme css conflict */
.acf-map img {
  max-width: inherit !important;
}

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

/* Gravity forms stuff */
.inside-grid-column > .gform_wrapper {
  margin: 0;
}
body .gform_wrapper ul li.gfield:first-child {
  margin-top: 0;
}

/* Services list styling */
.services-list-block {
  background-color: #efefef;
  border-radius: 3px;
  padding: 21px 26px;
}

/* LGC spacing within GP sections */
@media screen and (max-width: 539px) {
  .generate-sections-inside-container .lgc-column {
    margin-bottom: 24px;
  }
}

/* Header background sizing on mobile */
@media screen and (max-width: 539px) {
  .generate-content-header {
    background-size: 1400px 465px;
  }
}

/* ==========================================
=! WIDGETS
------------------------------------------ */

/* GPC Sub Menu Widget */
.widget_gpc_sub_menu_widget .dropdown-menu-toggle { display: none; }
.widget_gpc_sub_menu_widget .menu-item-has-children .sub-menu { margin-left: 1.2em; }
.widget_gpc_sub_menu_widget .menu-item-has-children .sub-menu li { list-style: disc; }
.widget_gpc_sub_menu_widget .current-menu-item > a { font-weight: bold; }

.footer-widgets .widget {
  text-align: center;
}

.sidebar .widget a:not(.button) {
  border-bottom: 1px dashed #fff;
}
.sidebar .widget a:not(.button):focus,
.sidebar .widget a:not(.button):hover {
  border-style: solid;
}

/* ==========================================
=! FOOTER
------------------------------------------ */



/* ==========================================
=! OTHER
------------------------------------------ */


/* Plugin: Lightweight Grid Columns spacing fix */
.has-js .lgc-column { visibility: hidden; }
.lgc-row .lgc-column { visibility: visible; }
@media (min-width: 768px) {
  .lgc-row {
    margin-left: -20px;
    margin-right: -20px;
  }
}
.lgc-row .inside-grid-column {
  padding: 0 20px;
}