/*
Theme Name: zalonar
Theme URI: https://zack-j.com
Author: Zack Jenkins
Author URI: https://zack-j.com
Description: A Gutenberg-ready bootstrap 4 theme created and modified based off of the Twenty Nineteen Theme.
Requires at least: WordPress 4.9.6
Version: 3.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: zalonar
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

zalonar is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc and the Twenty Nineteen Theme.
Underscores is distributed under the terms of the GNU GPL v2 or later.

zalonar Utilizes Reboot from Bootstrap to provide normalizing styles.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

#Website Colors
#Typography
#Bootstrap Margin Fix
#Media
  ## Captions
  ## Galleries
#Transition Mixin and Normalizing Styles
#Header Blocks
#Footer Blocks
#Home Hero Content Block
#Home Content Blocks
#Internal Hero Content Block
#Internal Content Blocks
#Gravity Forms
#Custom Site Style by Developer

--------------------------------------------------------------*/
/*---
Website Colors
---*/
@import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
.white {
  color: #ffffff;
}

.primary {
  color: #0014A8;
}

.secondary {
  color: #00968B;
}

.tertiary {
  color: #5600A4;
}

.dkgray {
  color: #58595B;
}

.primary-bg {
  background-color: #0014A8;
}

.secondary-bg {
  background-color: #00968B;
}

.ltgray-bg {
  background-color: #f1f2f2;
}

.white-bg {
  background-color: #ffffff;
}

/*---
Typography
---*/
/* Define Fonts for the Website */
a {
  font-size: inherit;
  color: inherit;
}

a:hover {
  text-decoration: none;
  color: #0014A8;
}

body {
  font-size: 10px;
  font-weight: 400;
  font-family: "Ubuntu", sans-serif;
  color: #58595B;
  padding-top: 13rem;
}

p, .screen-reader-text, input[type=search], .tos-list, li {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  font-family: "Ubuntu", sans-serif;
}

h1 {
  font-size: 48px;
  font-weight: 400;
  font-family: "Ubuntu", sans-serif;
  text-transform: uppercase;
}
h1.hero {
  font-size: 48px;
  font-weight: 400;
}

h2 {
  font-size: 36px;
  font-weight: 700;
  font-family: "Ubuntu", sans-serif;
}
h2.sub {
  font-weight: lighter;
}

h3 {
  font-size: 24px;
  font-weight: 700;
  font-family: "Ubuntu", sans-serif;
}

h4 {
  font-size: 23px;
  font-weight: 700;
  font-family: "Ubuntu", sans-serif;
}

nav ul li {
  font-size: inherit;
}

/*---
Bootstrap Margin Fix
---*/
.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/*---
Media
---*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

embed,
iframe,
object {
  max-width: 100%;
}

.custom-logo-link {
  display: inline-block;
}

.avatar {
  border-radius: 100%;
  display: block;
  height: calc(2.25 * 10px);
  min-height: inherit;
  width: calc(2.25 * 10px);
}

svg {
  transition: fill 120ms ease-in-out;
  fill: currentColor;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: calc(1.5 * 1rem);
}
@media only screen and (min-width: 768px) {
  .wp-caption.aligncenter {
    position: relative;
    left: calc( calc(8 * (100vw / 12) - 28px) / 2 );
    transform: translateX(-50%);
  }
}
@media only screen and (min-width: 1200px) {
  .wp-caption.aligncenter {
    left: calc( calc(6 * (100vw / 12) - 28px) / 2 );
  }
}

.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption-text {
  color: #767676;
  font-size: 12px;
  margin: 0;
  padding: 15px;
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin-bottom: calc(1.5 * 1rem);
}

.gallery-item {
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 16px;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: calc((100% - 16px * 1) / 2);
}
.gallery-columns-2 .gallery-item:nth-of-type(2n+2) {
  margin-right: 0;
}
.gallery-columns-3 .gallery-item {
  max-width: calc((100% - 16px * 2) / 3);
}
.gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
  margin-right: 0;
}
.gallery-columns-4 .gallery-item {
  max-width: calc((100% - 16px * 3) / 4);
}
.gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
  margin-right: 0;
}
.gallery-columns-5 .gallery-item {
  max-width: calc((100% - 16px * 4) / 5);
}
.gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
  margin-right: 0;
}
.gallery-columns-6 .gallery-item {
  max-width: calc((100% - 16px * 5) / 6);
}
.gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
  margin-right: 0;
}
.gallery-columns-7 .gallery-item {
  max-width: calc((100% - 16px * 6) / 7);
}
.gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
  margin-right: 0;
}
.gallery-columns-8 .gallery-item {
  max-width: calc((100% - 16px * 7) / 8);
}
.gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
  margin-right: 0;
}
.gallery-columns-9 .gallery-item {
  max-width: calc((100% - 16px * 8) / 9);
}
.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
  margin-right: 0;
}
.gallery-item:last-of-type {
  padding-right: 0;
}

.gallery-caption {
  display: block;
  font-size: 14px;
  margin: 0;
  padding: 15px;
}

.gallery-item > div > a {
  display: block;
  line-height: 0;
  box-shadow: 0 0 0 0 transparent;
}
.gallery-item > div > a:focus {
  box-shadow: 0 0 0 2px #0073aa;
}

/*-------
Transition Mixin and Normalizing Styles
-------*/
html {
  scroll-behavior: smooth;
}

.search-submit {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  background-color: transparent;
  border-radius: 0px;
  white-space: normal;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #ffffff;
  padding: 10px 25px;
  background-color: #0014A8;
  border: solid 3px #0014A8;
}
.search-submit:hover {
  background-color: transparent;
  color: #00968B;
  border-color: #00968B;
}

/*---
Header Blocks
---*/
/*--Dropdown Blue Box Fix--*/
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: transparent;
}

/*--- Import Color Mixins ---*/
.white {
  color: #ffffff;
}

.primary {
  color: #0014A8;
}

.secondary {
  color: #00968B;
}

.tertiary {
  color: #5600A4;
}

.dkgray {
  color: #58595B;
}

.primary-bg {
  background-color: #0014A8;
}

.secondary-bg {
  background-color: #00968B;
}

.ltgray-bg {
  background-color: #f1f2f2;
}

.white-bg {
  background-color: #ffffff;
}

/*--- Collapse Header Navigation ---*/
img.custom-logo {
  width: 100%;
  max-width: 160px;
  height: auto;
  padding-top: 15px;
  padding-bottom: 15px;
}

@media (max-width: 991px) {
  .custom-logo-link {
    display: inline-block;
  }

  img.custom-logo {
    display: block;
    margin: 0 auto;
  }

  .brand-flex {
    display: flex;
    flex-grow: 1;
    justify-content: center;
  }
}
/*-------
Transition Mixin
-------*/
/*--------*/
.navbar {
  background-color: #f1f2f2;
  border-bottom: 2px solid #0014A8;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1;
}

/*-------
Desktop
--------*/
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    font-size: 15px;
    font-weight: 400;
    color: #58595B;
    text-transform: uppercase;
    border-bottom: solid 3px transparent;
    border-radius: 0px;
    padding-right: 0px;
    padding-left: 0px;
    margin-left: 8px;
    margin-right: 8px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .navbar-expand-lg .navbar-nav .nav-link:hover {
    border-bottom: solid 3px #00968B;
  }

  .navbar-expand-lg .navbar-nav .active .nav-link {
    border-bottom: solid 3px #00968B;
  }

  .dropdown-item {
    padding: 0.25rem 0.45rem;
    background-color: transparent;
    color: #58595B;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    font-size: 14px;
    padding: 0px !important;
  }

  img.custom-logo {
    max-width: 120px;
  }
}
.navbar-nav .dropdown-menu {
  border-radius: 0;
  border: none;
  margin-top: 0;
}

.navbar-nav .show > .nav-link {
  color: #58595B;
}

/*-------
## Mobile
-------*/
@media (max-width: 991px) {
  .navbar-nav .nav-link {
    font-size: 30px;
    font-weight: 400;
    color: #58595B;
    text-align: center;
    border-bottom: solid 1.5px #00968B;
    border-radius: 0px;
    text-transform: uppercase;
  }

  .navbar-nav .active > .nav-link, .navbar-nav .nav-link.active, .navbar-nav .nav-link.show, .navbar-nav .show > .nav-link {
    color: #ffffff;
    background-color: #00968B;
  }

  .navbar-brand img {
    width: 100%;
    max-width: 160px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .dropdown-item {
    padding: 0.25rem 1.5rem;
    background-color: transparent;
    color: #ffffff;
    text-align: center;
  }

  .navbar-header {
    width: 100%;
  }

  .nav-phone {
    color: #0014A8;
    font-size: 18px;
    padding-right: 15px;
    font-weight: 700;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }

  .navbar-toggler {
    top: 15px;
    border: none;
    position: absolute;
    right: 15px;
    z-index: 64;
  }
  .navbar-toggler:focus, .navbar-toggler:hover {
    outline: none;
  }

  #zalonar-nav {
    position: absolute;
    z-index: 10;
    top: 0px;
    padding-top: 60px;
    left: 0;
    transition: 0.001s;
    text-align: center;
    background-color: #ffffff;
    width: 100%;
  }

  /*---- Dropdown Toggle ----*/
  /* Icon 4 */
  #nav-icon4 {
    width: 25px;
    height: 20px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    cursor: pointer;
  }

  #nav-icon4 span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #0014A8;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
  }

  #nav-icon4 span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }

  #nav-icon4 span:nth-child(2) {
    top: 8px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }

  #nav-icon4 span:nth-child(3) {
    top: 16px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }

  #nav-icon4.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
    left: 0px;
  }

  #nav-icon4.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
  }

  #nav-icon4.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 18px;
    left: 0px;
  }
}
/*--- Social Menu ---*/
.social-nav {
  display: flex;
  justify-content: flex-end;
}

.social-menu li {
  display: inline-block;
}
.social-menu li a {
  color: #0014A8;
  padding: 5px 10px;
  line-height: 0.1;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.social-menu li a:hover {
  color: #00968B;
}

.screen-reader-text {
  display: none;
}

.social-btns {
  background-color: #0014A8;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  padding: 7.5px 15px;
  margin-left: 0.5rem;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.social-btns:hover {
  background-color: #00968B;
  color: #ffffff;
  text-decoration: none;
}

@media (max-width: 991px) {
  .social-menu {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .social-btns {
    border-radius: 0px;
    font-size: 25px;
    display: block;
  }
}
/*------*/
/*---
Footer Blocks
---*/
.white {
  color: #ffffff;
}

.primary {
  color: #0014A8;
}

.secondary {
  color: #00968B;
}

.tertiary {
  color: #5600A4;
}

.dkgray {
  color: #58595B;
}

.primary-bg {
  background-color: #0014A8;
}

.secondary-bg {
  background-color: #00968B;
}

.ltgray-bg {
  background-color: #f1f2f2;
}

.white-bg {
  background-color: #ffffff;
}

footer {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #58595B;
}

.footer-text p, .footer-text .screen-reader-text, .footer-text input[type=search], .footer-text a {
  color: #ffffff;
  font-size: 13px;
  margin-bottom: 0px;
}

/*---
Home Hero Content Block
---*/
.home-top {
  background-image: url("/wp-content/themes/zalonar/images/home-top.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
}

/*---
Home Content Blocks
---*/
.hp-icons {
  max-width: 135px;
}

.service-bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 1.5px;
}
.service-bg.one {
  background-image: url("/wp-content/themes/zalonar/images/placeholder-1.jpg");
}
.service-bg.two {
  background-image: url("/wp-content/themes/zalonar/images/placeholder-1.jpg");
}
.service-bg.three {
  background-image: url("/wp-content/themes/zalonar/images/placeholder-1.jpg");
}

.color-overlay {
  min-height: 280px;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 150, 139, 0.7);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.color-overlay:hover {
  background-color: transparent;
  visibility: hidden;
}
.color-overlay:hover .service-box-text {
  display: none;
  visibility: hidden;
}

.swapping-wrapper {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.swapping-wrapper.image-r {
  background-image: url("/wp-content/themes/zalonar/images/swap-image-r.png");
}
.swapping-wrapper.image-l {
  background-image: url("/wp-content/themes/zalonar/images/swap-image-l.png");
}
@media (max-width: 991px) {
  .swapping-wrapper.image-r, .swapping-wrapper.image-l {
    background-image: none;
  }
}
@media (min-width: 992px) {
  .swapping-wrapper img {
    display: none !important;
  }
}

/*---
Home Bottom Blocks
---*/
.home-bot {
  background-image: url("/wp-content/themes/zalonar/images/home-bot.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  min-height: 240px;
  padding-top: 40px;
  padding-bottom: 40px;
}

/*---
Internal Hero Content Block
---*/
.internal-head {
  background-color: #000000;
  color: #ffffff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  min-height: 100px;
  padding-top: 40px;
  padding-bottom: 40px;
}

/*---
Internal Content Blocks
---*/
.thumbnail-box {
  max-height: 250px;
  overflow: hidden;
  height: 250px;
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: auto;
}
.thumbnail-box img {
  object-fit: cover;
  object-position: center;
  min-height: 100%;
  height: auto;
  min-width: 100%;
  width: auto;
}

/*---
Internal Bottom Blocks
---*/
/*---
Gravity Forms
---*/
.gform_wrapper {
  margin: 0px 0px 5px !important;
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper textarea {
  border-radius: 5px;
  border: 2px solid #5600A4;
}

body .gform_wrapper .top_label div.ginput_container {
  margin-top: 0px !important;
}

.gform_wrapper textarea {
  margin-top: 12px;
}

body .gform_wrapper ul li.gfield {
  margin-top: 7px !important;
}

.gform_wrapper .gform_footer {
  text-align: center;
  margin-top: 0px !important;
  padding-bottom: 0px !important;
}

.gform_wrapper .gform_footer input.button {
  font-size: 18px !important;
  font-weight: 500;
  text-transform: uppercase;
  background-color: transparent;
  border-radius: 0px;
  border: none;
  white-space: normal;
  margin-right: 0px !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #0014A8;
  color: #ffffff;
  padding: 10px 25px 8px;
}
.gform_wrapper .gform_footer input.button:hover {
  background-color: #ffffff;
  color: #00968B;
}

/* Chrome Width Issue */
.gform_wrapper.gf_browser_chrome .gform_body {
  width: 100% !important;
}

@media (max-width: 640px) {
  .gform_wrapper select {
    min-height: 2.5rem !important;
    padding: 5px 4px !important;
  }
}
/*---
Custom Site Styles by Developer
---*/
/*--- Buttons ---*/
.btn {
  font-size: 21px;
  font-weight: 700;
  font-family: "Ubuntu", sans-serif;
  background-color: transparent;
  border-radius: 0px;
  white-space: normal;
  padding: 10px 25px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn.primary-btn {
  color: #ffffff;
  background-color: #0014A8;
}
.btn.primary-btn:hover {
  background-color: #00968B;
  color: #ffffff;
}
.btn.secondary-btn {
  color: #ffffff;
  background-color: #00968B;
}
.btn.secondary-btn:hover {
  background-color: #ffffff;
  color: #00968B;
}
.btn.white-btn {
  background-color: #ffffff;
  color: #0014A8;
}
.btn.white-btn:hover {
  color: #ffffff;
  background-color: #0014A8;
}

/*------*/

/*# sourceMappingURL=style.css.map */