/*
 __          __  _                                       _
 \ \        / / | |         /\                          | |
  \ \  /\  / /__| |__      /  \   ___  ___ ___ _ __   __| | ___ _ __
   \ \/  \/ / _ \ '_ \    / /\ \ / __|/ __/ _ \ '_ \ / _` |/ _ \ '__|
    \  /\  /  __/ |_) |  / ____ \\__ \ (_|  __/ | | | (_| |  __/ |
     \/  \/ \___|_.__/  /_/    \_\___/\___\___|_| |_|\__,_|\___|_|

Theme Name: Alpha Child
Description: Alpha Child Theme
Author: Web Ascender
Template: alpha
*/
/*--------------------------------------------------------------
VC OVERWRITES
--------------------------------------------------------------*/

/*--------------------------------------------------------------
HOME
--------------------------------------------------------------*/

/*--------------------------------------------------------------
PAGE
--------------------------------------------------------------*/
html {
  font-size: 16px;
}
body {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
  font-weight: 900;
  font-family: "Montserrat", sans-serif;
  color: #242930;
}

a {
  font-weight: 700;
  text-decoration: none;
}
table td {
  padding: 5px;
}
#main-image.has-main-image .hero h1 {
  color: #242930;
}
.nav-icon.close-button span {
  background: #404040;
}
header #mobile-menu ul.menu > li.current-menu-item > a {
  color: #0f75bc;
}
#main-image .hero {
  padding-top: 10%;
  padding-bottom: 10%;
}
/*--------------------------------------------------------------
SITE NAVIGATION
--------------------------------------------------------------*/
.main-navigation ul.menu > li {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  text-transform: none;
}
.main-navigation ul li {
  font-size: 14px;
}
/*--------------------------------------------------------------
MOBILE MENU
--------------------------------------------------------------*/

/*--------------------------------------------------------------
BLOG
--------------------------------------------------------------*/

@media (min-width: 768px) {
  html {
    font-size: 18px;
  }
  h1 {
    font-size: 60px;
  }
  #main-image .hero {
    padding-top: 5%;
    padding-bottom: 5%;
  }
}
@media (min-width: 1024px) {
  .main-navigation ul.menu > li > a {
    padding-top: 31px;
    padding-bottom: 31px;
  }
  .main-navigation ul > li > a:hover {
    background: #2184ca;
  }

  .site-header .site-branding {
    width: 20%;
  }
  .site-header #site-navigation {
    height: auto;
    width: 80%;
  }
}
@media (min-width: 1180px) {
  .main-navigation ul.menu > li > a {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}