/*
Theme Name: Good Tree Web Marketing
Theme URI: https://goodtreeweb.com
Description: Smart. Flexible. Beautiful.
Author: Good Tree Web Marketing
Author URI: https://goodtreeweb.com
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: Divi
*/

/*** Center Footer Menu ***/

#footer-info,
#footer-info a {
  float: none;
  text-align: center;
}

/*** Make Logo Larger on Mobile ***/

@media only screen and (max-width: 980px) {
  #logo {
    min-height: 75px;
    min-width: 319px;
  }
  .container.et_menu_container {
    width: calc(100% - 40px);
  }
}

@media only screen and (max-width: 450px) {
  #logo {
    min-height: 50px;
    min-width: 213px;
  }
  .container.et_menu_container {
    width: calc(100% - 40px);
  }
}

/*** App Style for Mobile Menu ***/

@media (max-width: 980px) {
  .container.et_menu_container {
    width: calc( 100% - 60px);
  }
}

.et_mobile_menu {
  padding: 5%;
  width: calc( 100%+ 60px);
}

.mobile_nav.opened .mobile_menu_bar:before {
  content: "\4d";
}

/*** Link Color ***/

a.white-link {
  color: #fff;
}

a.white-link:hover {
  color: rgba(255, 255, 255, 0.75);
  transition: all .4s ease;
  -webkit-transition: all .4s ease;
}

/*** Contact Message ***/

#et_pb_contact_form_0 div p {
  font-size: 28px;
  color: #fff;
  text-align: center;
}

/*** Dropdown Menu Width ***/

.nav li ul {
  width: 320px;
}

#top-menu li li a {
  width: 280px;
}

/*** Portfolio Styles ***/

/* Page background */

.portfolio-page-container {}

/* Portfolio background */

.portfolio-container {
  background-image: var(--background-image);
  background-size: cover;
  background-position: center;
  float: left;
  width: 100%;
}

.color-overlay {
  background-color: var(--background-color);
  padding: 30px 15px;
  float: left;
  width: 100%;
}

/* Header and Footer for examples on Tag pages */

.tag-portfolio-header {
  background-color: var(--color);
  padding: 15px;
}

.tag-portfolio-header h1 {
  color: #fff;
  text-align: center;
  font-size: 48px;
}

.tag-portfolio-footer {
  background-color: var(--color);
  padding: 35px 0px;
  float: left;
  width: 100%;
}

.tag-portfolio-footer .tag-portfolio-button a {
  margin: 40px;
}

.tag-portfolio-button {
  text-align: center;
}

.tag-portfolio-button a {
  border: 2px solid #fff;
  padding: 10px 20px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}

.tag-portfolio-button a:hover {
  background: #fff;
  color: var(--color);
}

/* Left side */

.portfolio-left {
  float: left;
  width: 40%;
}

@media only screen and (max-width: 1150px) {
  .portfolio-left {
    width: 100%;
    padding: 15px 0px;
  }
}

/* Right side */

.portfolio-right {
  float: left;
  width: 60%;
  padding: 0px 30px;
}

@media only screen and (max-width: 1150px) {
  .portfolio-right {
    width: 100%;
    text-align: center;
    padding: 15px;
  }
}

/* Image */

.portfolio-image {
  text-align: center;
}

/*@media only screen and (max-width: 1150px) {
  .portfolio-image {
    text-algin: center;
  }
}*/

/* Business Name */

.portfolio-title {
  margin: 20px 0px;
}

.portfolio-title a, .former {
  font-size: 42px;
  font-weight: 700;
  color: #fff;
}

@media only screen and (max-width: 1150px) {
  .portfolio-title {
    margin: 0px 0px 20px 0px;
  }
  .portfolio-title a, .former {
    font-size: 34px;
  }
}

/* Street Address */

/* Phone Number */

.portfolio-address {
  margin-bottom: 5px;
}

.portfolio-phone {
  margin-bottom: 5px;
}

.portfolio-website {
  margin-bottom: 20px;
}

.portfolio-address a,
.portfolio-phone a,
.portfolio-website a{
  font-size: 24px;
  font-weight: 700;
  color: #fff;
}

/* Description */

.portfolio-description {
  margin: 20px 0px;
}

.portfolio-description p {
  font-size: 20px;
  color: #fff;
}

/* Tags */

.portfolio-tags {
  font-size: 20px;
  color: #fff;
  margin-bottom: 60px;
}

.portfolio-tags a {
  font-size: 20px;
  color: #fff;
}

.portfolio-tags a:hover {
  font-weight: 700;
}

/* Button */

.portfolio-button {
  margin: 40px 0px;
}

.portfolio-button a {
  border: 2px solid #fff;
  padding: 10px 20px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}

.portfolio-button a:hover {
  background: #fff;
  color: var(--color);
}

.portfolio-button-mobile {
  margin: 40px 0px;
}

.portfolio-button-mobile a {
  border: 2px solid #fff;
  padding: 10px 20px;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
}

.portfolio-button-mobile a:hover {
  background: #fff;
  color: var(--color);
}

@media only screen and (max-width: 1150px) {
  .portfolio-button {
    display: none;
  }
}

@media only screen and (min-width: 1150px) {
  .portfolio-button-mobile {
    display: none;
  }
}


/* Fade in effect for CPTs */

@keyframes FadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.fade-in {
  animation-name: FadeIn;
  animation-duration: 2s;
}

/*** Adobe Fonts ***/

h1,
h2,
h3 {
  font-family: acumin-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
}

p,
a {
  font-family: acumin-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
}

/*** Gravity Forms ***/

/* Divi takes care of some of these inputs, doesn't have the new GravityForms 2.5 ones as of May 21, 2021 */
input[type="tel"]:focus,
input[type="email"]:focus {
  border: 1px solid;
}

/* Title */

h1.get_started {
  text-align: center;
  font-size: 44px;
  font-weight: 700 !important;
  color: #fff;
}

/* Drop down text */
#input_1_10 {
  font-weight: 700;
}

#input_1_10 > option {
  font-weight: 700;
}

/* Submit button */

.gform_button,
.gform_wrapper .gform_page_footer input[type=submit],
.gform_wrapper .gform_page_footer input[type=button].gform_next_button {
  float: right;
}

.gform_wrapper .gform_page_footer input[type=button].gform_previous_button {
  float: left;
}

.gform_wrapper input[type=submit],
.gform_wrapper input[type=button] {
  background: rgba(0, 0, 0, 0.0);
  border: 2px solid #fff;
  padding: 10px 20px !important;
  font-size: 20px !important;
  font-weight: 700;
  color: #fff;
}

.gform_wrapper input[type=button],
.gform_wrapper input[type=submit].gform_button {
  max-width: 45%;
  padding: 10px 15px;
}

.gform_wrapper input[type=submit]:hover,
.gform_wrapper input[type=button]:hover {
  position: relative;
  background: #fff;
  color: #7e2c18;
  text-decoration: none;
  cursor: pointer;
}

.gform_wrapper input[type="checkbox"] {
  border-radius: 0px;
}

label.gfield_label {
  color: #fff;
  font-size: 20px !important;
}

.gfield_required {
  color: #fff !important;
}

/* Confirmation Message */

#gform_confirmation_message_1 h1 {
  color: #fff !important;
}

/* Validation Error */

.gform_wrapper div.validation_error {
  color: #fff !important;
  font-size: 100% !important;
  font-weight: normal !important;
}

body .gform_wrapper li.gfield.gfield_error,
body .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
  color: #fff !important;
}

.gform_wrapper .gfield_error .gfield_label,
.gform_wrapper .validation_message {
  color: #fff !important;
}