/* This impacts the main navbar and is important */
/*@media (max-width: 768px) { #wrapper-navbar { position: sticky !important; top: 0px !important; z-index: 9999999999 !important; transition: none !important; } }*/

/* This is used for the text overlay on our hero banner images at the top of pages */
/*.puget-header-shadow { text-shadow: 0 2px 4px #000000; }*/

/* This is for when we want hyperlinks to show up with a contrasting color on dark backgrounds - use our green instead of default blue */
/*.green-links a { color:#08CC96; } */

/* Adjusting the border and background color of Contact Form 7 fields to match HubSpot forms and look better on the website */
/*.wpcf7-form-control { background-color: #f5f8fa !important; border: 1px solid #cbd6e2 !important; } */

/* Adjusting the submit button color of Contact Form 7 fields to look better on the website */
/*.wpcf7-submit { background-color: #130C64 !important; border: 1px solid #130C64 !important; color: #ffffff !important; } */

/* Fixes a weird display issue on some newer Product pages where they were aligning center instead of left due to CSS from https://www.pugetsystems.com/wp-content/themes/understrap-child/css/theme/template-styles/products.scss */
/*.single-product h1 { text-align: left !important; } */

/* The following CSS is an optional way to remove margins from a block, which is helpful when the block seems to be inheriting margins from another class and they are not desired */
/*.no-margins { margin: 0 !important; }*/

/* The following block of CSS is intended to overwrite styling for HubSpot forms on our website */

/*.hbspt-form .hs-input[type=checkbox] {*/
/*  width: auto !important;*/
/*}*/

/*.hbspt-form .hs-input[type=radio] {*/
/*  width: auto !important;*/
/*}*/

/*.hs-button { */
/*  font-weight: bolder !important; */
/*  box-sizing: border-box !important; */
/*  font-size: 1.125em !important; */
/*  background-color: #130c64 !important;*/
/*  border-radius: 9999px !important;*/
/*  padding: calc(.667em + 2px) calc(1.333em + 2px) !important;*/
/*}*/
  
/*.hs-form-private > * {*/
/*  max-width: 100% !important;*/
/*  width: 100% !important;*/
/*}*/

/*.hbspt-form .hs-input {*/
/*  max-width: 100% !important;*/
/*  width: 100% !important;*/
/*  background-color: #f5f8fa !important;*/
/*  border: 1px solid #cbd6e2 !important;*/
/*}*/

/*.hbspt-form label {*/
/*  color: black !important;*/
/*}*/

/*.hs_submit .actions{*/
/*  text-align: center;*/
/*}*/

/* The preceeding block of CSS is intended to overwrite styling for HubSpot forms on our website */

/* The following block of CSS is intended to help better style HubSpot form submission confirmation messages */

/*.hbspt-form .submitted-message {*/
/*  color: black !important;*/
/*  font-weight: 400 !important;*/
/*  text-align: center !important;*/
/*  border: none !important;*/
/*  background-color: #00000000 !important;*/
/*}*/

/* The preceeding block of CSS is intended to help better style HubSpot form submission confirmation messages */

/* The code below removes the outline around our main nav menu */
/*.dropdown-menu { border: none !important ; } */


/* The purpose of the following CSS is unknown */

/*html, body { overflow-x: hidden !important; }*/
/*.puget-blue-outline-card {border: 2px solid #163ad6 !important; }*/
/*.puget-green-outline-card {border: 2px solid #08CC96 !important; }*/
/*.tags { padding-bottom: 0 !important; }*/
/*.entry-footer { display: none !important; }*/
/*.red-text { color:#ff0000 !important; }*/
/*.navbarNavDropdown { z-index:10000; }*/
/*#Config_Page_Gallery { margin-bottom: 0 !important; }*/
/*#Config_Page_Gallery .carousel-inner { pointer-events: none !important; }*/
/*.puget-rounded-image img { border-radius:1.125rem; }*/
/*.puget-rounded { border-radius:1.125rem !important; }*/
/*.no-margins { margin: 0 !important; }*/
/*#main-menu > li > ul.dropdown-menu > li:not(.custom-configure-page-menu-links) > a { font-size: 0.95rem !important; }*/

/* Adding this removes a section of white just above the website footer, which looks weird when there is a colored full-width block... but was found to be needed for proper spacing when such a full-width block is NOT present. As such, it is commented out here and will need to just be handled as per-page CSS. */
/* .wrapper { padding: 30px 0 0 !important; } */