/*
Theme Name: Hestia Child
Theme URI: https://www.wordpress.org
Author: Kyle Jones
Author URI: https://www.turutech.com
Template: hestia
Description: Custom changes to Hestia Theme
Version: 0.2.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hestia-child
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/

.navbar.navbar-transparent .navbar-nav > .active > a, .navbar.navbar-transparent .navbar-nav > .active > a:hover, .navbar.navbar-transparent .navbar-nav > .active > a:focus {
	background: transparent;
  /* color: #e91e63; */
  color: #96668b;
}

/* Line 1691 - This modification keeps nav from being transparent on page load */
.navbar.navbar-transparent {
  color: #555;
  background-color: white;
  box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.42), 0 3px 20px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.navbar-default {
  color: #555;
  background-color: white;
}
.navbar.navbar-transparent .navbar-nav > .active > a {
	background: transparent;
	color: #555;
}

 /* Line 1701 - This modification keeps nav from compressing on page scroll */
.navbar.navbar-transparent > .container {
padding-top: 10px;
}

.navbar/*:not(.navbar-transparent)*/ .navbar-nav > li:not(.btn) > a:hover, body:not(.home) .navbar:not(.navbar-transparent) .navbar-nav > li.active:not(.btn) > a, .navbar:not(.navbar-transparent) .navbar-nav > li:not(.btn) > a:hover i, .navbar .container .nav-cart:hover .nav-cart-icon, .navbar-not-transparent .hestia-toggle-search:hover {
    color: #96668b;
}
/* Adjusts padding for main content from top of page so that it stays below nav bar */
  /* Line 4704 
  .main-raised {
    margin: 100px 30px 0;
  }
  */
  /* Line 6913
  @media (max-width: 1199px) {
    .main-raised {
      margin: 135px 15px 0;
    }
  }
  */
  /* Custom - compensates for when nav bar briefly goes to triple layer
  @media (max-width: 992px)
  {
    .main-raised {
      margin: 185px 15px 0;
    }
  }
  */
  .main-raised {
    z-index: 1026;
    margin: 0px 15px 0;
  }
  .hestia-scroll-to-top {
    z-index: 1027;
  }
  .page-header.header-small {
    width: 100%;
    position: absolute;
    z-index: 1025;
    border-bottom: none;
  }
  .dropdown-menu > li > a {
    text-transform: uppercase;
  }
  .header-filter-gradient {
    background: linear-gradient(45deg, #191919 0%, #96668b 100%);
  }

  .archive .page-header.header-small .hestia-title,
  .blog .page-header.header-small .hestia-title,
  .search .page-header.header-small .hestia-title,
  .archive .page-header.header-small .title {
    font-family: "Roboto", "Helvetica", "Arial", sans-serif;
    font-size: 53.2px;
    line-height: 79.8px;
  }

  @media (max-width: 768px) {
    .home:not(.blog) .main-raised {   /* Line 7956 */
      margin: 30px 0px;
    }
    .archive .page-header.header-small .hestia-title,
    .blog .page-header.header-small .hestia-title,
    .search .page-header.header-small .hestia-title,
    .archive .page-header.header-small .title,
    .blog .page-header.header-small .title,
    .search .page-header.header-small .title,
    .page-header.header-small .title,
    .page-header.header-small .hestia-title {
      font-size: 42px;
      line-height: 63px;
    }
  }
  /* Overwrite default Hestia theme CSS which makes the date not display with the author on a card, but authors on cards is disabled, so we want to show the date. */
  .card .author .date {
    display: contents;
  }
  /* bootstrap.min.css line 14 - designer oversight of active a:hover being the wrong color */
  .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background-color: transparent;
  }
  .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background-color: transparent;
  }
/* End nav bar adjustment */

/* Adjust header bar on all pages */
  /* Line 4659  - remove shadow from header pictures */
  .header-filter::before {
    background-color: rgba(0, 0, 0, 0.0);
  }
  /* Custom - add shadow to page title text in page header*/
  h1.hestia-title/*-shadowed-text*/ { /* This class added in custom page.php change in child theme */
    text-shadow: 2px 2px 2px black;
  }
  .page-header .hestia-title {
    color: rgb(150, 102, 139);
    font-weight: 450;
  }
  .page-header.header-small.single {
    position: relative;
  }
  .single .page-header .hestia-title {
    color: white;
  }
  
/* End header bar adjustment */

/* Main Content Adjustment */

.hestia-about {
  padding-bottom: 0px;
}
.hestia-about p {
  margin: 0px 30px 50px 30px;
}
.hestia-about form > div > p {
  margin: 0px 30px 20px 30px;
}
/*
.mc4wp-form {
  margin: 50px 20px 30px 20px;
}
*/
.hestia-blogs {
  padding: 40px 0px;
  margin: 0px 20px 30px 20px;
}
/* End Main Content Adjustment */

/* Footer Adjustment */

/* Makes MailChimp form have white h2 only when on the dark footer background */
  footer > div > div > div > div > div > form > div > h2.hestia-title.footer-widget {
    color: white;
    padding-top: 10px;
  }

/* End Footer Adjusmet */

/* Contact Form 7 Adjustment - make fields expand to fill area */

.wpcf7 label {
  display: inherit;
}

/* End Contact Form 7 Adjustment */

/* Particles CSS */

#rn-pbwp-div { 
  width: 100%;
  height: 65vh;
  min-height: 30em;
  position: relative;
  top: 0;
  z-index: 1024;
}
#rn-pbwp-container {
  width: 100%;
  position: absolute;
  top: 33%;
  transform: translateY(-35%);
  z-index: 1028;
}
#rn-pbwp-logo img{
  display: block;
  margin: 0 auto 2em auto;
}
#rn-pbwp-text {
  color: rgb(150, 102, 139);
  max-width: 780px;
  font-size: 24px;
  font-weight: 200;
  letter-spacing: 1.5px;
  line-height: 1.2;
  padding: 0 8px;
}
/*
@media (max-width: 991px)
{
  #rn-pbwp-container {
    width: 100%;
    position: absolute;
    top: 30%;
    transform: translateY(-35%);
    
  }
}
*/
@media (max-width: 769px)
{
  #rn-pbwp-logo img{
    display: block;
    margin: 0 auto 2em auto;
    max-width: 90%;
  }
  #rn-pbwp-text {
    color: rgb(150, 102, 139);
    max-width: 90%;
    font-size: 18px;
    font-weight: 200;
    letter-spacing: 1.5px;
    line-height: 1.2;
    padding: 0 8px;
  }
}