/*
	Theme Name: Business Theme
	Author: Brad Traversy
	Author URI: http://eduonix.com
	Description: Simple Business Theme
	Version: 1.0
*/

:root {
  --primary:#fd4e1f;
  --secondary-blue:#0c6ba3;
  --secondary-blue-alpha:#0c6ba3e0;
  --secondary-green:#46b407;
  --dark: #333;
  --light: #7a7a7a;
}

img{
  max-width: 100%;
}

body {
  font-size:15px;
  line-height: 1.7em;
}

a{
  color:var(--secondary-blue);
}

.btn-primary{
  background:var(--secondary-green);
  color:#fff;
  border-color:#fff;
}

.btn-primary:hover{
  background:#fff;
  color:var(--secondary-green);
  border-color:var(--secondary-green);
}

.btn-primary-reverse{
  background:#fff;
  color:var(--secondary-green);
  border-color:var(--secondary-green);
}

.btn-primary-reverse:hover{
  background:var(--secondary-green);
  border-color:#fff;
}

.container{
  max-width:1020px;
}

.nav-pills > li.active > a, 
.nav-pills > li.active > a:hover, 
.nav-pills > li.active > a:focus {
  background:var(--secondary-green);
}

.header {
  padding-top: 0;
  padding-bottom: 2px;
  border-bottom: 1px solid #e5e5e5;
  background-color: var(--primary);
}

.header h3 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
}

.jumbotron{
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
  padding-top:90px;
  padding-bottom: 90px;
  color:#fff;
}

.footer {
  padding-top: 19px;
  color: #777;
  border-top: 1px solid #e5e5e5;
}

article.post img{
  width:100%;
}

.block{
  border:#ccc solid 1px;
  padding: 20px 20px 30px 20px;
  text-align: center;
}

.block h3{
  color:var(--secondary-green);
}

.fa{
  color:var(--secondary-green);
}

.fa-3{
  font-size: 4em !important;
}

.marketing{
  margin:40px 0;
}

.content-region-1{
  background:var(--secondary-green);
  color:#ffffff;
  text-align: center;
}

.content-region-2{
  background:#f4f4f4;
  color:#333333;
}

.content-region-3{
  background:#000000;
  color:#ffffff;
}

.content-region-2 img{
  width:100%;
}

.content-region-3 h4{
  border-left:5px var(--secondary-green) solid;
  padding-left:8px;
  margin-bottom:20px;
}

.content-region-1 h1, .content-region-2 h1{
  margin:0;
  padding:0;
  padding-bottom:15px;
  font-size:40px;
}

.content-region-3 form input[type="text"], .content-region-3 form textarea{
  width:100%;
  padding:5px;
  background:#333;
  color:#fff;
  margin-bottom:10px;
  border:0;
}

.pt20{padding-top:20px;}
.pb20{padding-bottom:20px;}
.pt30{padding-top:30px;}
.pb30{padding-bottom:30px;}
.pt40{padding-top:40px;}
.pb40{padding-bottom:40px;}
.pt50{padding-top:50px;}
.pb50{padding-bottom:50px;}
.pt60{padding-top:60px;}
.pb60{padding-bottom:60px;}

.side-widget{
  margin-bottom:40px;
}

.side-widget h3{
  border-left:5px var(--secondary-green) solid;
  padding-left:10px;
  margin-bottom:15px;
}

.title-bar{
  background:var(--secondary-green);
  color:#ffffff;
  padding-bottom:10px;
  border-bottom:6px #ddd solid;
}

.info-title{
  display: block;
  text-align: center;
  margin: 0 auto;
}

article.post{
  border-bottom: 1px #ccc solid;
  overflow:auto;
  padding-bottom:30px;
  margin-bottom: 40px;
}


article.post .meta{
  border-top:#ccc solid 1px;
  border-bottom:#ccc solid 1px;
  overflow:auto;
  list-style: none;
  margin:0;
  padding:5px 0;
}

article.post .meta li{
  float:left;
  margin-right:20px;
}

article.post img{
  width:100%;
  margin-bottom: 20px;
}

.nav-toggle {
  position: fixed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  text-indent: -999px;
  position: relative;
  overflow: hidden;
  width: 70px;
  height: 55px;
  float: right;
}

.nav-toggle:before {
  color: var(--secondary-green); /* Edit this to change the icon color */
  font-family: "responsivenav", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 28px;
  text-transform: none;
  position: absolute;
  content: "≡";
  text-indent: 0;
  text-align: center;
  line-height: 55px;
  speak: none;
  width: 100%;
  top: 0;
  left: 0;
}

.nav-toggle.active::before {
  font-size: 24px;
  content:"x";
}

.mobile-menu{
  display: none;
}

@media only screen and (min-width: 50em){
  .desktop-menu{
      display: block !important;
  }
  .mobile-menu{
      display: none !important;
  }
  .toggle{
    display: none;
  }
}

@media only screen and (max-width: 50em){
  .desktop-menu{
      display: none !important;
  }
  .mobile-menu{
      display: block !important;
  }
  .toggle{
    display: block;
  }
}