/* LiveChat */
.LiveChat {
  border-radius: 3px;
  font-size: 0.8em;
  padding: 1px 2px;
  background-color: #f0ad4e;
  border-color: #eea236;
  color: #fff !important;
  border: 1px solid transparent;
  margin-left:1rem;
}
.LiveChat:hover {
  background-color: #ec971f;
  border-color: #d58512;
  text-decoration: none;
}


/* global */

.margin-10 {margin:10px;}
.margin-top-10 {margin-top:10px;}
.margin-right-10 {margin-right:10px;}
.margin-bottom-10 {margin-bottom:10px;}
.margin-left-10 {margin-left:10px;}
.padding-10 {padding:10px;}
.padding-top-10 {padding-top:10px;}
.padding-right-10 {padding-right:10px;}
.padding-bottom-10 {padding-bottom:10px;}
.padding-left-10 {padding-left:10px;}
.nopadding { padding: 0 !important; }

.hfc-top {position: relative; z-index: 100;}

  /* Fix for Wrap */
.thumb-grid {height:425px;}


/*  Header  */

@font-face {
  font-family: 'BrushScriptStd';
  src: url('/mas_assets/theme/hooverfence/BrushScriptStd.eot');
  src: local('BrushScriptStd'), url('/mas_assets/theme/hooverfence/BrushScriptStd.woff') format('woff'), url('/mas_assets/theme/hooverfence/BrushScriptStd.ttf') format('truetype');
}

.hfc-slogan {
    margin: 32px 0 0 25px;
    float: left;
    font-family: 'Brush Script Std', 'BrushScriptStd', serif;
    font-size: 22px;
}

@media (max-width:991px) {
  .hfc-slogan {display:none;}
}

@media only screen and (max-device-width: 1100px) {
  .hfc-slogan {display:none;}
}


/* cat landing pages  */

.hfc-catalog-menu a {text-decoration: none;}
.hfc-catalog-menu-title {border-bottom: 1px solid #ddd; margin:0 10px 5px 0;}

@media (max-width: 767px) {
	.hfc-catalog-menu{margin-bottom:20px;}
}

@media (min-width:992px) and (max-width:1053px) {
  .product-tabs.landing.fence-index-menu .item-tab-nav{padding:5px;}
}

/* Categories */

  /* Fix for Scroll */
@media (min-width: 1200px) {
.main-cat-data .description{max-height:200px;}
}

.hfc-category-list li {list-style-position:outside;margin-left:1.5em;}


/* PDP */

.hfc-image-disclaimer {
      text-align: center;
      font-size:10px;
      font-style: italic;
}

.hfc-table-scroll {display: block; overflow-x: auto;}
.hfc-cust-photo	{margin-top:10px;border-top:1px dotted #ddd;display:none;}
.hfc-cust-photo div {padding:15px}
.hfc-cust-photo-single div {padding:15px}
.hfc-product-details img {padding:10px;}
.product-tabs ul {padding-left:1em;}
.product-tabs ol {padding-left:1em;}
.product-tabs li {list-style-position:outside;}


    /* Spec Table*/
    .hfc-spec-table {display: block; overflow-x: auto; margin:15px 0; border-collapse: separate; border-spacing: 0; border-color: grey;}
    .hfc-spec-table th {text-align:center; background-color: #fafafa; border-bottom: 2px solid #ddd; padding: 5px; vertical-align: middle;}
    .hfc-spec-table td {text-align:center; border-bottom: 1px solid #ddd; padding: 5px; vertical-align: middle;}

  /* Spec Table - Vertical*/
    .hfc-spec-table-v {display: block; overflow-x: auto; margin:15px 0;}
    .hfc-spec-table-v tr {border: #ccc 1px solid;}
    .hfc-spec-table-v th {white-space: nowrap; text-align:left; background-color: #fafafa; padding: 5px; vertical-align: middle; border-right: #ccc 1px solid;}
    .hfc-spec-table-v td {text-align:left; padding: 5px; vertical-align: middle;}


    /* Info table - Adjusted*/
    .info-table-borders {
        margin: 15px 0;
        width: 100%;
    }
    .info-table-borders th,
    .info-table-borders td {padding: 5px;}
    .info-table-borders th {background-color:#fafafa;border: 1px solid #ddd;text-align:center;vertical-align:middle;}
    .info-table-borders td {border: 1px solid #ddd;text-align:center;vertical-align:middle;}

    /* Info Box*/
        .hfc-info-box {
            background-color:#f4f4f4;
            border:1px solid black;
            margin:1em;
            padding:0 1em;
        }



/* Articles */

.hfc-article-list ul {padding-left:1em;}
.hfc-article-list ol {padding-left:1em;}
.hfc-article-list li {list-style-position:outside;}

.hfc-article h2 {margin-top:2rem;}
.hfc-clean-link a {text-decoration:none;}
.hfc-nowraplinks a {white-space: nowrap;}
.hfc-nowrap {white-space: nowrap;}

.hfc-gallery {text-align:center;}
.hfc-gallery img {height:150px;}

.hfc-photo-gallery img {height:200px;padding: 15px;}
.hfc-photo-gallery div {border: 1px solid #ddd;padding: 15px;margin:5px 0;}
@media (max-width: 585px) {
  .hfc-photo-gallery {text-align:center;}
  .hfc-photo-gallery p {text-align:left;}
  .hfc-photo-gallery img {height:auto;text-align:center;}
  }

.hfc-catalogs {text-align:center;}
.hfc-catalogs img {height:200px;}
.hfc-catalogs span {font-weight: bold;}

@media (max-width: 479px) {
  .hfc-catalogs img {height:auto;}
}


.hfc-resource-block {
    background: #eaeaea;
    padding: 12px;
    min-height: 370px;
}

.hfc-resource-block img {
    text-align: center;
    background: #fff;
    margin-bottom: 15px;
    display: block;
}

.hfc-resource-block a.link {
    font-weight: bold;
    display: block;
    margin-bottom: 5px;
    text-decoration: none;
    color: #5b5b5b;
} 


@media (max-width: 479px) {
  .hfc-gallery img {max-width:100%; height:auto;}
  }

  /* FAQ */
.answer-open {margin-top: 10px; border-top: 1px dotted #ddd; padding-top: 10px;}

  /* Tables */
.hfc-dd-table th {white-space:nowrap;text-align:center;vertical-align:middle;background:#C0C0C0;padding:9px;}
.hfc-dd-table td {text-align:center;vertical-align:middle;padding:9px;border-bottom:1px solid darkgray;}
.hfc-dd-table td:nth-child(1){border-left:1px solid darkgray;}
.hfc-dd-table td:last-child {border-right:1px solid darkgray;}
.hfc-dd-table th:last-child {border-right:1px solid darkgray;}
.hfc-dd-table td:nth-child(2){text-align:left;white-space:nowrap;}
.hfc-dd-table td:nth-child(even) {background:#E4E4E4;}

.hfc-table {display: block; overflow-x: auto; width:auto;}
.hfc-table th {white-space:nowrap;text-align:center;vertical-align:middle;background:#C0C0C0;padding:9px;border:1px solid darkgray;}
.hfc-table td {text-align:center;vertical-align:middle;padding:9px;border:1px solid darkgray;}
.hfc-table td:nth-child(even) {background:#E4E4E4;}

.col1-left td:nth-child(1){text-align:left;}
.col2-left td:nth-child(2){text-align:left;}
.col3-left td:nth-child(3){text-align:left;}
.col4-left td:nth-child(4){text-align:left;}
.col5-left td:nth-child(5){text-align:left;}
.col6-left td:nth-child(6){text-align:left;}
.col7-left td:nth-child(7){text-align:left;}
.col8-left td:nth-child(8){text-align:left;}
.col9-left td:nth-child(9){text-align:left;}
.col10-left td:nth-child(10){text-align:left;}


/* Navigation */
a#ToTheTop {
    display: inline;
    position: fixed;
    bottom: 50%;
    right: 20px;
    height: 40px;
    width: 40px;
    padding: 0 10px;
    margin-right: -10px;
    background-color: transparent;
    background: url('/mas_assets/theme/hooverfence/images/cmsimg/top-arrow.jpg');
    background-position: center -40px;
    z-index: 9999;
    overflow: hidden;
    transition: bottom 0.3s;
    visibility: hidden;
}



/* Calculators */

#calculators a.calc-block{display:block;clear:both;background:#5b5b5b;color:#b5b5b5;text-decoration:none;padding:10px;margin-bottom:3px;}
#calculators a.calc-block:hover{background:#4a2800;}
#calculators .calc-block .fa{color:#fff;float:left;font-size:1.6rem;}
#calculators .calc-block .text{margin-left:36px;font-size:.8rem;}
#calculators .calc-block .text strong{display:block;color:#fff;font-weight:normal;font-size:.9rem;}
#cl-calc input[type="number"] {width:65px;}


/*
.hfc-split-rail-calc-btn {
  border:1px solid #d47708;
  -webkit-box-shadow:#B4B5B5 2px 2px 2px inset;
  -moz-box-shadow:#B4B5B5 2px 2px 2px inset;
  box-shadow:#B4B5B5 2px 2px 2px inset;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  font-size:12px;
  font-family:arial,helvetica,sans-serif;
  padding:10px 10px 10px 10px;
  text-decoration:none;
  display:inline-block;
  text-shadow:-1px -1px 0 rgba(0,0,0,0.3);
  font-weight:bold;
  color:#FFFFFF !important;
  background-color:#F7941D;
  background-image:-webkit-gradient(linear,left top,left bottom,from(#F7941D),to(#F7BA14));
  background-image:-webkit-linear-gradient(top,#F7941D,#F7BA14);
  background-image:-moz-linear-gradient(top,#F7941D,#F7BA14);
  background-image:-ms-linear-gradient(top,#F7941D,#F7BA14);
  background-image:-o-linear-gradient(top,#F7941D,#F7BA14);
  background-image:linear-gradient(to bottom,#F7941D,#F7BA14);
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F7941D,endColorstr=#F7BA14);
}

.hfc-split-rail-calc-btn:hover{
  border:1px solid #a85e06;
  background-color:#D97A08;
  background-image:-webkit-gradient(linear,left top,left bottom,from(#D97A08),to(#EDB008));
  background-image:-webkit-linear-gradient(top,#D97A08,#EDB008);
  background-image:-moz-linear-gradient(top,#D97A08,#EDB008);
  background-image:-ms-linear-gradient(top,#D97A08,#EDB008);
  background-image:-o-linear-gradient(top,#D97A08,#EDB008);
  background-image:linear-gradient(to bottom,#D97A08,#EDB008);
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#D97A08,endColorstr=#EDB008);
}

*/


/* Split Rail Calc */
#Calc-SR h1 {
  margin-left:27px;
  font-size:1.5em;
  text-decoration: underline;
}

#Calc-SR h2.CalcH2 {
  font-weight: bold;
  font-size:1em;
  margin:0 0 0 2em;
}

#Calc-SR ul.CalcUL {
  list-style: none;
  margin-left: -13px;
}

#Calc-SR ul.CalcUL li {
  list-style: none;
}

@media (min-width:902px) and (max-width:11693px) {
  img#Calc3Rail-WRC {
      margin-top: -60px;
  }      
}
@media screen and (min-width:1170px) {
  img#Calc2Rail-WRC {
    width:375px;
      margin-top: 18px;
  }
  img#Calc3Rail-WRC {
    width:375px;
      margin-top: -34px;
  }
  img#Calc4Rail-WRC {
    width:375px;
      margin-top: -82px;
  }        
}
@media (min-width:902px) {
  img#Calc3Rail-LR {
      margin-top: -60px;
  }      
}


/* Ornamental Calc */
#Calc-OM h1 {
  margin-left:27px;
  font-size:1.5em;
  text-decoration: underline;
}

#Calc-OM h2.CalcH2 {
  display: inline;
  font-weight: bold;
  font-size:1em;
  margin:0 0 0 1.5em;
}

#Calc-OM ul.CalcUL {
  list-style: none;
  margin-left: -13px;
  margin-top: 0;
}

#Calc-OM ul.CalcUL li {
  list-style: none;
}

#Calc-OM section.CalcResults {
  margin:1em 0 0 -1.5em;
}

/* Chain Link Calc */
#Calc-CL h1 {
  font-size:1.5em;
  text-decoration: underline;
}

#Calc-CL h2.CalcH2 {
  font-weight: bold;
  font-size:1em;
  margin:0 0 0 2em;
}

#Calc-CL ul.CalcUL {
  list-style: none;
}

#Calc-CL ul.CalcUL li {
  list-style: none;
}