/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/

/* =============================================================================
   Particles.js CSS
   ========================================================================== */
/* ---- base ---- */
html{
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
canvas{
  display:block;
  vertical-align:bottom;
}
/* ---- particles.js container ---- */
#particles-js {
  position:absolute;
  width: 100%;
  height: 100%;
  background-image: url('');
  background-size: cover;
  background-position: 100% 100%;
  background-repeat: repeat;
  top: 0;
  z-index: 1;
}

div#header-widget-area {
    width: 100%;
    background-color: #f7f7f7;
border-bottom:1px solid #eeeeee;
    text-align: left;
}   
h2.chw-title {
    margin-top: 0px;
    text-align: left;
    text-transform: uppercase;
    font-size: small;
    background-color: #feffce;
    width: 130px;
    padding: 5px;
    }

/* Header modification - phone number left 
.header-left-title {
  color: #6666666;
  font-size: 16px;
  margin-left: 10px;
}

.header-left-top-container {
  color: #DD6D09;
  left: 11%;
  bottom: 176%;
  position: absolute;
  transform: translate(-50%);
  z-index: 999;
  text-align: right;
}

.header-left-bottom-container {
  color: #ffffff;
  left: 11%;
  bottom: 108%;
  position: absolute;
  transform: translate(-50%);
  z-index: 999;
  text-align: right;
  margin-left: 2px;
}

.header-left-subtext {
  color: #ffffff;
  font-size: 25px;
  margin-left: 6px;
}
*/

/* Header modification - email number right 

.header-right-title {
  color: #6666666;
  font-size: 16px;
  margin-right: 10px;
}

.header-right-top-container {
  color: #DD6D09;
  right: 0%;
  bottom: 176%;
  position: absolute;
  transform: translate(-50%);
  z-index: 999;
  text-align: right;
}

.header-right-bottom-container {
  color: #ffffff;
  right: 0%;
  bottom: 108%;
  position: absolute;
  transform: translate(-50%);
  z-index: 999;
  text-align: right;
  margin-right: 0px;
}

.header-right-subtext {
  color: #ffffff;
  font-size: 24px;
  margin-right: 1px;
}*/

/* Old 
.logo-text-number-inner {
  color: #ffffff;
  font-size: 20px;
}

.logo-text-email {
  color: #ffffff;
  left: 70%;
  position: absolute;
  margin-top: -130px;
  transform: translate(-50%);
  z-index: 999;
}

.logo-text-holder-holder-mob {
  color: #ffffff;
  left: 14%;
  bottom: 89%;
  position: absolute;
  transform: translate(-50%);
  z-index: 999;
  text-align: right;
  margin-left: 50px;
}

.logo-text-number-number-mob {
  color: #ffffff;
  font-size: 25px;
  margin-left: 10px;
}

.logo-text-tiny {
  color: #666666;
  font-size: 12px;
}
/*-- Header modification - email right --
.logo-text-number-right {
  color: #6666666;
  font-size: 16px;
  margin-right: 10px;
}

.logo-text-number-inner-rght {
  color: #ffffff;
  font-size: 20px;
}

.logo-text-holder-right {
  color: #DD6D09;
  right: 0%;
  bottom: 230%;
  position: absolute;
  transform: translate(-50%);
  z-index: 999;
  text-align: right;
}

.logo-text-email{
  color: #ffffff;
  left: 70%;
  position: absolute;
  margin-top: -130px;
  transform: translate(-50%);
  z-index: 999;
}

.logo-text-holder-holder-right {
  color: #ffffff;
  right: 0%;
  bottom: 158%;
  position: absolute;
  transform: translate(-50%);
  z-index: 999;
  text-align: right;
  margin-right: 0px;
}

.logo-text-number-number-right {
  color: #ffffff;
  font-size: 25px;
}

.logo-text-holder-holder-mob-right {
  color: #ffffff;
  right: 0%;
  bottom: 158%;
  position: absolute;
  transform: translate(-50%);
  z-index: 999;
  text-align: right;
}

.logo-text-number-number-mob-right {
  color: #ffffff;
  font-size: 20px;
  margin-right: 0px;
}

.logo-text-tiny {
  color: #666666;
  font-size: 12px;
}*/ 









/*  Steve Edits */


.header-right-subtext a {
  background: #d46d20;
  padding: 0 10px;
  text-decoration: none;
  color: #fff;
  transition: all .2s ease-in-out;
  border-radius: 5px;
  margin-top: .5em;
}


.header-right-subtext a:hover {
  background: #fff;
  color: #d46d20;
}

.header-left-top-container small {
 font-size: 16px;
 display: block;
}

.header-right-top-container span,
.header-left-top-container span {
 color: #fff;
}

.header-left-top-container  .header-left-title  {
  color: #d46d20;
}


.type__22 {
  font-size: 22px;
 }

.type__24 {
 font-size: 24px;
}

.type__27 {
 font-size: 27px;
}



.header-right-subtext a {
  background: #d46d20;
  text-decoration: none;
  color: #fff;
}

.header-left-top-container small {
 font-size: 16px;
 display: block;
}

.header-right-top-container span,
.header-left-top-container span {
 color: #fff;
}

.header-right-top-container .fa,
.header-left-top-container .fa {
 font-size: 27px;
}

.type__24 {
 font-size: 24px;
}

.type__27 {
 font-size: 27px;
}


.header-box  {
  
  clear: both;
  position: absolute;
  top: -13em;
  left: 5%;
  z-index: 11111;
  padding: 0;
  height: auto !important;
  font-weight: bold;
}


.header-box__right {
  left: auto;
  right: 5%;
  text-align: right;
  top: -9.5em;
}

.header-box__left {
  top: -10.5em;
}

.header-box small {
  font-size: 16px;
  color: #d46d20;
}

.header-box .fa {

}

.header-box > div {
  height: auto !important;
  line-height: 1.1 !important;
}

.header-box > div  a {  
  line-height: 1.1;
  color: #fff;
}


.header-box__left {
  text-align: left;
}

.header-box .fa {
  color: #d46d20;
}

.header-right-top-container,
.header-left-subtext,
.header-left-top-container { 
  display: block;
  margin-bottom: 7px;
}

.header-right-top-container {
  margin-bottom: 15px;
}


@media screen and ( max-width: 800px ) {
  .header-box {
    display: none;
  }
}

@media screen and ( min-width: 800px ) and ( max-width: 960px ) {
  .responsive .logo img {
    max-width: 220px;
  }
}
@media screen and ( min-width: 960px ) {
.html_header_top.html_logo_center .logo {
  margin-top: 1em;
}
}