/*

 Theme Name:     HenricksSolution

 Theme URI:      https://hyperlinkcode.com/blog/?p=1021

 Description:    A bare-bones child theme for use with twentysixteen Theme from <a href="https://wordpress.org/">Wordpress</a>. To use this Child Theme, you must have <a href="https://wordpress.org/themes/twentysixteen/">twentysixteen</a> parent theme installed.

 Author:         Edward Zivkovic

 Author URI:     https://hyperlinkcode.com/

 Template:       twentysixteen

 Version:        1.0.0

*/

 

/* Add Custom CSS after this line */



/* Demo Johnson Box code courtesy of: https://hyperlinkcode.com/blog/html-johnson-box/ */



.johnson1 {

  padding: 20px;

  background: #ffff99;

  width: 90%;

  margin: 20px auto;

}

.johnson6 {

  padding: 20px;

  background: #ffff99;

  width: 90%;

  margin: 20px auto;

  border: 3px dashed #ee0000;

}

.johnson8 {

  padding: 20px;

  background: #ccffcc;

  width: 90%;

  margin: 20px auto;

  border-left: 5px solid #ff8080;

}



/* Other Sample Code */





.warning {

  color: red;

}

.shadow {

  box-shadow: 0 8px 8px -6px #333;

}





@import url(https://fonts.googleapis.com/css?family=Raleway:400,700);





/*body, button, input, select, textarea {

    font-family: inherit; 

    font-size: 13px;

}*/



body {

    background: #404040;
/* background: #fff; */

    font-family: 'Raleway', sans-serif;

        font-size: 14px;

}



.main-navigation {

 font-family: 'Raleway', sans-serif;

 font-weight: 700;

}







.site-content {

    background: url('https://www.henricksconsulting.com/wp-content/uploads/2016/04/orgaBrix.jpg') repeat-y bottom left;

}





.site {

      display: table;

}





.site-inner {

    margin: 0 auto;

    max-width: 798px;

}









.page .post-thumbnail {

  display: none;

}





.home .entry-header {

  display: none;

}



.site-header-main {
  display: table;
float: right;
max-width: 470px;
width: 100%;
}

.site-info {

    background: #E0E0E0;

    padding: 20px 20px 15px;

}





.header-image a:hover img, .header-image a:focus img {

    opacity: 1;

}





.sidebar-services-list a {

  margin-bottom: 5px;

      box-shadow: none;

      display: block;

      text-decoration: underline;

}





.newslist .textwidget a  {

  display: block;

  box-shadow: none;

    text-decoration: underline;

}





.blog .entry-footer {

  display: none;

}





 .alliances-top td,  table.alliances-top {

    border: 0px solid #d1d1d1;

    font-weight: bold;

}



.site-footer {

  background: #B97831;

}

.footer_menu_class {

  display: table;

    margin: 0 auto;

}

.footer_menu_class ul {

    list-style-type: none;

}

.footer_menu_class ul li {

  float: left;

    margin: 0 20px;

}



.footer_menu_class ul li a {

color: #fff;

}





.site-info {

  display: none;

}



.site-footer {

    padding-bottom: 0;

}



footer .main-navigation {

display: none;



}

.header-image {
          max-width: 35%;
    float: left;

}

.header-featured-image {

    max-width: 65%;
    float: left;
}

@media screen and (max-width: 768px) {
.site-header-menu  {
display: none;
float: right;
width: 100%;
}

.site-header-main {
 width: 100%;
}

}

@media screen and (min-width: 980px) {

.site {
max-width: 800px;
width: 100%;
}

  .site-header-menu  {

    max-width: 470px;

    width: 100%;

float: right;


}



.entry-title {

    font-size: 27px;
    margin-bottom: 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #BA7329;
}



.blog .entry-title {

    font-size: 27px;
    margin-bottom: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #BA7329;
}



.page .entry-title {

    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  color: #BA7329;
  }



.header-image {

    position: relative;

    top: -34px;

        max-width: 36%;

}





.main-navigation a {

          padding: 0.65625em 22.5px;

}



.site-header {

    padding: 1.25em 4.455%;

}



.site-header {

    display: inline-block;

}



.site-branding, .site-header-menu, .header-image {

    display: table;

    float: left;

    margin-top: 0;

   /* background: #AB6726;*/

        margin-bottom: 0;

}





.site-header-menu {

 background: #AB6726;

}



.header-featured-image {

    max-width: 470px;

    max-width: 100%;
    float: right;
    top: 0 !important;



}



body:not(.search-results) article:not(.type-page) .entry-content {

    width: 100%;
  padding: 5px 10px;
}



body:not(.search-results) article:not(.type-page) .entry-footer {

    width: 100%;

}







.form-container {

   border: 1px solid #85827e;

   background: #ffffff;

   background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));

   background: -webkit-linear-gradient(top, #ffffff, #ffffff);

   background: -moz-linear-gradient(top, #ffffff, #ffffff);

   background: -ms-linear-gradient(top, #ffffff, #ffffff);

   background: -o-linear-gradient(top, #ffffff, #ffffff);

   background-image: -ms-linear-gradient(top, #ffffff 0%, #ffffff 100%);

   -webkit-border-radius: 0px;

   -moz-border-radius: 0px;

   border-radius: 0px;

   -webkit-box-shadow: rgba(000,000,000,0.9) 0 0px 2px, inset rgba(255,255,255,0.4) 0 0px 0;

   -moz-box-shadow: rgba(000,000,000,0.9) 0 0px 2px, inset rgba(255,255,255,0.4) 0 0px 0;

   box-shadow: rgba(000,000,000,0.9) 0 0px 2px, inset rgba(255,255,255,0.4) 0 0px 0;

   font-family: 'Helvetica Neue',Helvetica,sans-serif;

   text-decoration: none;

   vertical-align: middle;

   min-width:300px;

  padding: 5px 10px;

    width: 100%;

display: table;

position: relative;

   }

.form-field {

   border: 1px solid #85827e;

   background: #ffffff;

   -webkit-border-radius: 0px;

   -moz-border-radius: 0px;

   border-radius: 0px;

   color: #000000;

   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(000,000,000,0.7) 0 0px 0px;

   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(000,000,000,0.7) 0 0px 0px;

   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(000,000,000,0.7) 0 0px 0px;

   padding: 2px 8px;

   margin-bottom: 5px;

   width: 255px;

   }

.form-field:focus {

   background: #fff;

   color: #725129;

   }

.form-container h2 {

   text-shadow: #ffffff 0 1px 0;

   font-size:18px;

   margin: 0 0 10px 0;

   font-weight:bold;

   text-align:center;

    }

.form-title {

  margin-bottom: 0;

color: #000000;

text-shadow: #ffffff 0 1px 0;

float: left;

width: 75px;

height: 24px;

line-height: 24px;

text-align: right;

margin-left: -10px;

margin-right: 6px;

font-size: 13px;

   }

.submit-container {

   margin: 0px 0;

text-align: right;

position: relative;

height: 144px;

float: left;

width: 88px;

background: #3f3f3f;

   }



   .contact .submit-container {

    height: 273px;

   }

.submit-button {

   border: 0px solid #ffffff;

   background: #6b6b6b;

   background: -webkit-gradient(linear, left top, left bottom, from(#6b6b6b), to(#6b6b6b));

   background: -webkit-linear-gradient(top, #6b6b6b, #6b6b6b);

   background: -moz-linear-gradient(top, #6b6b6b, #6b6b6b);

   background: -ms-linear-gradient(top, #6b6b6b, #6b6b6b);

   background: -o-linear-gradient(top, #6b6b6b, #6b6b6b);

   background-image: -ms-linear-gradient(top, #6b6b6b 0%, #6b6b6b 100%);

   -webkit-border-radius: 0px;

   -moz-border-radius: 0px;

   border-radius: 0px;

   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;

   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;

   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;

   text-shadow: #6b6b6b 0 1px 0;

   color: #ffffff;

   font-family: helvetica, serif;

   padding: 7.5px 21px;

font-size: 14px;

text-decoration: none;

vertical-align: middle;

position: absolute;

bottom: 0;

right: 0;

   }

.submit-button:hover {

   border: 0px solid #447314;

   text-shadow: #31540c 0 1px 0;

   background: #6aa436;

   background: -webkit-gradient(linear, left top, left bottom, from(#8dc059), to(#6aa436));

   background: -webkit-linear-gradient(top, #8dc059, #6aa436);

   background: -moz-linear-gradient(top, #8dc059, #6aa436);

   background: -ms-linear-gradient(top, #8dc059, #6aa436);

   background: -o-linear-gradient(top, #8dc059, #6aa436);

   background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%);

   color: #fff;

   }

.submit-button:active {

   text-shadow: #31540c 0 1px 0;

   border: 0px solid #447314;

   background: #8dc059;

   background: -webkit-gradient(linear, left top, left bottom, from(#6aa436), to(#6aa436));

   background: -webkit-linear-gradient(top, #6aa436, #8dc059);

   background: -moz-linear-gradient(top, #6aa436, #8dc059);

   background: -ms-linear-gradient(top, #6aa436, #8dc059);

   background: -o-linear-gradient(top, #6aa436, #8dc059);

   background-image: -ms-linear-gradient(top, #6aa436 0%, #8dc059 100%);

   color: #fff;

   }

   

.form-box {

  float: left;

  display: table;

    width: 100%;

    max-width: 358px;

  }



.form-field-box {

  float: left;

    width: 100%;

    max-width: 282px;

  }



input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea {

    padding: 5px 0.4375em;

}



.sidebar-services-list a {

  margin-bottom: 5px;

      box-shadow: none;

      display: block;

      text-align: right;

}







}


@media screen and (min-width: 981px ) {
 .menu-toggle {
   display: none;
 }
}

@media screen and (min-width: 910px ) {
 .menu-toggle {
   display: none;
 }
}


@media screen and (max-width: 980px ) {
 .menu-toggle {
   display: block;
    float: right;
 }

.site-header-menu {
   display: none;
 }
}



@media screen and (max-width: 768px ) {
  .header-image {
    margin-top: 0;
}

.entry-header, .post-thumbnail, .entry-content, .entry-summary, .entry-footer, .comments-area, .image-navigation, .post-navigation, .page-header, .page-content, .content-bottom-widgets {
    margin-right: 7.6%;
}

}



@media screen and (min-width: 908px) {



.entry-header {

margin-bottom: 15px;

}





.sidebar {

    float: left;

    margin-right: 5px;

    margin-left: 0;

}





.sidebar {

    width: 33.5%;

}



.content-area {

    float: right;

    margin-left: -100%;

    margin-right: 0;

}



.content-area {

       width: 64.5%;

}



.main-navigation ul {

   padding: 0 10px;

}



.main-navigation a {

    color: #fff;

        padding: 0.65625em 1.115em;

}





.main-navigation a {

          padding: 0.65625em 1.5em;
padding: 0.65625em 22.5px;
padding: 0.65625em 21.7px;

}



.main-navigation a:hover, .main-navigation a:focus,

.main-navigation li:hover > a, .main-navigation li.focus > a {

    color: #fff;

}





.archive .page-title {

    font-family: inherit;

    font-size: 18px;

}



.archive .entry-title {

  font-family: inherit;

    font-size: 26px;

    margin-bottom: 15px;

}



.sidebar .widget ul {

  list-style-type: none;

  font-size: 12px;

  margin: 0;

}





.widget {
    margin-bottom: 2em;
        border-top: 0;
            padding-top: 0;
  vertical-align: top;
    font-size: 13px;
    font-size: 0.68125rem;
    line-height: 1.6153846154;
    margin-bottom: 3.230769231em;
}

.site-footer {

      padding: 0 4.5455% 0em;

}





}







@media screen and (min-width: 708px) {

.site {

    margin: 21px auto;

        

}



.entry-content ul, .entry-summary ul, .comment-content ul, .entry-content ol, .entry-summary ol, .comment-content ol {

    margin-left: 1em;

}



}

.style1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #BA7329;
}

.style4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #3F3F3F;
  line-height: 24px;
}
.style6 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #BA7329;
}
.style9 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #3F3F3F;
  font-weight: bold;
}
a {

  color: #3f3f3f;

  text-decoration: none;

}

.widget .widget-title {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #BA7329;
  font-size: 1rem;
  letter-spacing: 0.046875em;
  line-height: 1.3125;
  margin: 0 0 1.75em;
  text-transform: uppercase;
  vertical-align: top;
}

#bigasscontainer { max-width:780px; margin:auto; /*centers it for you*/ clear:both;}
p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #3F3F3F;
  line-height: 20px;
}
  .site-content {
    padding: 0 1.5455%;
  }
.site {margin: 0 auto;}
body:not(.custom-background-image):before, body:not(.custom-background-image):after {display:none;}