/* Skin Parameters */@primary: #e84a2e;
@primarycomp: #333333;
@slidertitlescolor: #e84a2e;
@h1color: #fff;
@h2color: #e84a2e;
@h3color: #fff;
@h4color: #fff;
@h5color: #fff;
@h6color: #fff;
@linkcolor: #e84a2e;
@linkhovercolor: lighten(#e84a2e, 10%);
@bgcolor: #DDDDDD;
@bgimage: '../images/textures/irongrip.png';
@shadowopacity: 0.6;
@font: 'Oswald';
@navfont: 'Oswald';
@btnfont: 'Oswald';
@navuppercase: uppercase;
@headingsuppercase: uppercase;
@buttonssuppercase: uppercase;
@headerbgcolor: #1B1B1B;
@headertextcolor: #ffffff;
@navheight: 85px;
@footerbgcolor: #1B1B1B;
@footertextcolor: #ffffff;
@footerlinkcolor: #ffffff;
@footerheadingscolor: #ffffff;
@actioniconbgcolor: #e84a2e;
@actioniconiconcolor: #333333;
@red: #e0051e; @redtext: #fff;
@green: #10a813; @greentext: #fff;
@blue: #0785c0; @bluetext: #fff;
@orange: #fc681f; @orangetext: #fff;
@gray: #fc681f; @graytext: #fff;
@pink: #ff4cf9; @pinktext: #fff;
@purple: #7e0db1; @purpletext: #fff;
@yellow: #ffc335; @yellowtext: #333;
@white: #fff; @whitetext: #333;
@black: #000; @blacktext: #fff;




/* Skin CSS */

body { background: @bgcolor url(@bgimage) repeat fixed; }

/* box shadows */
body.boxed .wrap {box-shadow: 0 10px 20px rgba(0,0,0,@shadowopacity);}

body.fullwidth.boxed .wrap {
  box-shadow: none !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.flexslider .slider-legend .slider-legend-title,
.box .title,
.toggletitle,
.accordiontoggler,
.tabstitle {
  font-family: @font !important;
  text-transform: @headingsuppercase;
}
.tagline p {text-transform: @headingsuppercase;}


.btn,
.btn-nav,
#commentform input#submit {
  font-family: @btnfont !important;
  text-transform: @buttonssuppercase;
}
ul.nav>li>a {
  font-family: @navfont !important;
  text-transform: @navuppercase;
  text-shadow: 0 1px 2px darken(@headerbgcolor, 20%);
}

blockquote {
  border-left: 5px solid @primary;
}
blockquote.bigquote {
  border-left: none;
}
.tagline p.theme-font {
  font-family: @font !important;
}
.tagline p.georgia {
  font-family: Georgia, serif;
}
.tagline p.arial {
  font-family: Arial, sans-serif;
}
.tagline p.arial-black {
  font-family: "Arial Black", sans-serif;
}
.tagline p.times {
  font-family: "Times New Roman", serif;
}
.tagline p.courier-new {
  font-family: "Courier New", serif;
}
.tagline p.impact {
  font-family: Impact, sans-serif;
}
.tagline p.tahoma {
  font-family: Tahoma, sans-serif;
}
.tagline p.verdana {
  font-family: Verdana, sans-serif;
}
.tagline p.trebuchet-ms {
  font-family: "Trebuchet MS", serif;
}
body.o-font-m {
  font-size: 14px;
  line-height: 20px;
}
body.o-font-m h1 {
  font-size: 30px;
}
body.o-font-m h2 {
  font-size: 25px;
}
body.o-font-m h3 {
  font-size: 20px;
}
body.o-font-m h4 {
  font-size: 18px;
}
body.o-font-m h5 {
  font-size: 16px;
}
body.o-font-m h6 {
  font-size: 15px;
}
body.o-font-m h2 .glyphicons,
body.o-font-m h2 .glyphicons i:after {
  width: 35px;
  height: 30px;
  line-height: 40px;
  padding: 0;
  font-size: 20px;
}
body.o-font-m .post-content ul,
body.o-font-m .post-content ol {
  font-size: 15px;
  line-height: 23px;
}
body.o-font-m .post-content li {
  line-height: 18px;
}
body.o-font-m ul.nav li {
  line-height: 30px;
}
body.o-font-m blockquote.bigquote p {
  font-size: 25px;
  line-height: 30px;
}
body.o-font-m .toggle a.toggletitle,
body.o-font-m .accordiontoggler {
  font-size: 15px;
  padding: 5px 16px;
}
body.o-font-m .toggle span.glyphicons,
body.o-font-m .toggle span.glyphicons i,
.body.o-font-m accordion span.glyphicons,
body.o-font-m .accordion span.glyphicons i {
  width: 30px;
}
body.o-font-l {
  font-size: 16px;
  line-height: 22px;
}
body.o-font-l h1 {
  font-size: 33px;
}
body.o-font-l h2 {
  font-size: 30px;
}
body.o-font-l h3 {
  font-size: 25px;
}
body.o-font-l h4 {
  font-size: 23px;
}
body.o-font-l h5 {
  font-size: 21px;
}
body.o-font-l h6 {
  font-size: 20px;
}
body.o-font-l h2 .glyphicons,
body.o-font-l h2 .glyphicons i:after {
  width: 36px;
  height: 28px;
  line-height: 32px;
  padding: 0;
  font-size: 23px;
}
body.o-font-l .post-content ul,
body.o-font-l .post-content ol {
  font-size: 17px;
  line-height: 25px;
}
body.o-font-l blockquote.bigquote p {
  font-size: 30px;
  line-height: 35px;
}
body.o-font-l .toggle a.toggletitle,
body.o-font-l .accordiontoggler {
  font-size: 20px;
  padding: 10px 16px;
}
body.o-font-l .toggle span.glyphicons,
body.o-font-l .toggle span.glyphicons i,
.body.o-font-l accordion span.glyphicons,
body.o-font-l .accordion span.glyphicons i {
  width: 32px;
}
body.o-font-xl {
  font-size: 20px;
  line-height: 26px;
}
body.o-font-xl h1 {
  font-size: 40px;
}
body.o-font-xl h2 {
  font-size: 35px;
}
body.o-font-xl h3 {
  font-size: 30px;
}
body.o-font-xl h4 {
  font-size: 28px;
}
body.o-font-xl h5 {
  font-size: 26px;
}
body.o-font-xl h6 {
  font-size: 25px;
}
body.o-font-xl h2 .glyphicons,
body.o-font-xl h2 .glyphicons i:after {
  width: 40px;
  height: 25px;
  line-height: 25px;
  padding: 0;
  font-size: 25px;
}
body.o-font-xl .post-content ul,
body.o-font-xl .post-content ol {
  font-size: 21px;
  line-height: 29px;
}
body.o-font-xl blockquote.bigquote p {
  font-size: 35px;
  line-height: 40px;
}
body.o-font-xl .toggle a.toggletitle,
body.o-font-xl .accordiontoggler {
  font-size: 25px;
  padding: 15px 16px;
}
body.o-font-xl .toggle span.glyphicons,
body.o-font-xl .toggle span.glyphicons i,
.body.o-font-xl accordion span.glyphicons,
body.o-font-xl .accordion span.glyphicons i {
  width: 37px;
}


#header .container, body.fullwidth #header {background: @headerbgcolor url(../images/darknoise.png) repeat;}
body.fullwidth #header .container { background: none;}

#logoblock .logolink {color: @headertextcolor;}
#logoblock .logolink:hover {color: lighten(@headertextcolor, 10%);}
#logoblock .logobaseline {color: darken(@headertextcolor, 10%);}


ul.nav > li {
line-height: @navheight;
border-left: 1px solid lighten(@headerbgcolor, 7%);
border-right: 1px solid darken(@headerbgcolor, 10%);
background: darken(@headerbgcolor, 3%); /* Old browsers */
background: -moz-linear-gradient(top,  lighten(@headerbgcolor,5%) 0%, @headerbgcolor 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,lighten(@headerbgcolor,5%)), color-stop(100%,@headerbgcolor)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  lighten(@headerbgcolor,5%) 0%,@headerbgcolor 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  lighten(@headerbgcolor,5%) 0%,@headerbgcolor 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  lighten(@headerbgcolor,5%) 0%,@headerbgcolor 100%); /* IE10+ */
background: linear-gradient(to bottom,  lighten(@headerbgcolor,5%) 0%,@headerbgcolor 100%); /* W3C */
}
body.ie ul.nav > li {background: darken(@headerbgcolor, 3%) !important;}
ul.nav {
border-left: 1px solid darken(@headerbgcolor, 10%);;
border-right: 1px solid lighten(@headerbgcolor, 7%);
}

ul.nav > li a {color: @headertextcolor;}
ul.nav > li > a {height: @navheight;}

ul.nav > li:hover {
background: darken(@headerbgcolor, 6%); /* Old browsers */
background: -moz-linear-gradient(top,  darken(@headerbgcolor,10%) 0%, @headerbgcolor 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,darken(@headerbgcolor,5%)), color-stop(100%,@headerbgcolor)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  darken(@headerbgcolor,5%) 0%,@headerbgcolor 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  darken(@headerbgcolor,5%) 0%,@headerbgcolor 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  darken(@headerbgcolor,5%) 0%,@headerbgcolor 100%); /* IE10+ */
background: linear-gradient(to bottom,  darken(@headerbgcolor,5%) 0%,@headerbgcolor 100%); /* W3C */
}
body.ie ul.nav > li:hover {background: darken(@headerbgcolor, 10%) !important;}

ul.nav > li:hover > a { color: lighten(@headertextcolor, 10%);}

ul.nav > li.current-menu-item,
ul.nav > li.current-menu-ancestor,
ul.nav > li.current-menu-parent,
ul.nav > li.current_page_parent,
ul.nav > li.current-page-ancestor {
background: @primary repeat; /* Old browsers */
background: -moz-linear-gradient(top,  lighten(@primary,10%) 0%, @primary 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,lighten(@primary,5%)), color-stop(100%,@primary)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  lighten(@primary,5%) 0%,@primary 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  lighten(@primary,5%) 0%,@primary 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  lighten(@primary,5%) 0%,@primary 100%); /* IE10+ */
background: linear-gradient(to bottom,  lighten(@primary,5%) 0%,@primary 100%); /* W3C */
}
body.ie ul.nav > li.current-menu-item,
body.ie ul.nav > li.current-menu-ancestor,
body.ie ul.nav > li.current-menu-parent,
body.ie ul.nav > li.current_page_parent,
body.ie ul.nav > li.current-page-ancestor {
background: @primary !important;
}

ul.nav > li.current-menu-item > a,
ul.nav > li.current-menu-ancestor > a,
ul.nav > li.current-menu-parent > a,
ul.nav > li.current_page_parent > a,
ul.nav > li.current-page-ancestor > a {
  color: @primarycomp !important;
  text-shadow: 0 -1px 2px darken(@primary, 20%) !important;
  box-shadow: none !important;
}

ul.nav > li > ul {border-top: 5px solid @primary;}
ul.nav > li li a {color: @headertextcolor; background: @headerbgcolor;}
ul.nav > li li a:hover {color: lighten(@headertextcolor, 10%); background: darken(@headerbgcolor,10%); }

ul.nav ul li {
border-bottom: 1px solid darken(@headerbgcolor, 10%);
border-top: 1px solid lighten(@headerbgcolor, 7%);
border-right: 1px solid darken(@headerbgcolor, 10%);
border-left: 1px solid lighten(@headerbgcolor, 7%);
}


#main .container, body.fullwidth #main { background: #222 url(../images/darknoise.png) repeat;}
body.light #main .container, body.light.fullwidth #main{ background: #f9f9f9 url(../images/darknoise.png) repeat;}
body.fullwidth #main .container { background: none !important;}

body { color: #ffffff;}
body.light { color: #333;}
a,
#content a {
  color: @linkcolor;
}
#content a:hover {
  color: @linkhovercolor;
}
#content h1,
#content h1 a {
  color: @h1color;
}
#content h2,
#content h2 a {
  color: @h2color;
}
#content h3,
#content h3 a {
  color: @h3color;
}
#content h4,
#content h4 a {
  color: @h4color;
}
#content h5,
#content h5 a {
  color: @h5color;
}
#content h6,
#content h6 a {
  color: @h6color;
}
#content a:hover h1,
#content a:hover h2,
#content a:hover h3,
#content a:hover h4,
#content a:hover h5,
#content a:hover h6 {
  color: @linkhovercolor;
}




#footer .container, body.fullwidth #footer {background: @footerbgcolor url(../images/darknoise.png) repeat}
body.fullwidth #footer .container { background: none !important;}

#footer {color: @footertextcolor;}
#footer a {color: @footerlinkcolor;}
#footer a:hover {color: lighten(@footerlinkcolor, 10%);}
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
  color: @footerheadingscolor;
}




.btn-nav li > a,
.o-wp-widget ul li a,
.o-wp-widget ul > li.recentcomments,
.error404 .inner-hentry ul li a {
  color: inherit !important;
  background: transparent url(../images/bg10.png) repeat;
  border-radius: 5px;
}
.btn-nav li > a:hover,
.o-wp-widget ul li a:hover,
.error404 .inner-hentry ul li a:hover,
.o-wp-widget ul > li.current-page-ancestor > a,
.o-wp-widget ul > li.current_page_parent > a {
  color: inherit !important;
  background: transparent url(../images/bg20.png) repeat;
}
.btn-nav li.active > a,
.o-wp-widget ul > li.current-menu-item > a,
.o-wp-widget ul li.current_page_item > a {
  color: @primarycomp !important;
  background: @primary;
}
.o-wp-widget ul > li.recentcomments > a {
  background: none !important;
  color: contentlinkcolor !important;
}
.o-wp-widget ul > li.recentcomments > a:before {
  content: "";
  display: none;
}
.btn {
  background: transparent url(../images/bg10.png) repeat;
}

.btn,
.btn a {
  color: inherit !important;
}

.btn:hover {
  background: transparent url(../images/bg20.png) repeat;
  color: inherit !important;
}

.btn:hover,
.btn:hover a,
.btn a:hover {
  color: @primary !important;
}

.tagline span {
  color: @primary;
}
.btn-primary,
#respond input#submit
#respond input#submit,
#commentform input#submit,
#searchform input#searchsubmit {
  background: @primary !important;
  color: @primarycomp !important;
}
.btn-primary:hover,
#submit:hover,
#respond input#submit:hover,
#commentform input#submit:hover,
#searchform input#searchsubmit:hover {
  background-color: lighten(@primary, 10%) !important;
  color: @primarycomp !important;
}
.tabstitle div a.active,
.tabstitle div a.active:hover {
  background-color: @primary !important;
  color: @primarycomp !important;
}
::selection {
  background: @primary !important;
  color: @primarycomp !important;
}
::-moz-selection {
  background: @primary !important;
  color: @primarycomp !important;
}
.bg-default {
  background: transparent url(../images/bg10.png) repeat !important;
  color: inherit !important;
}
a.bg-default:hover {
  background: transparent url(../images/bg20.png) repeat !important;
  color: inherit !important;
}
.bg-primary {
  background: @primary !important;
  color: @primarycomp !important;
}
a.bg-primary:hover {
  background: darken(@primary, 10%) !important;
  color: @primarycomp !important;
}
.bg-red {
  background-color: @red !important;
  color: @redtext !important;
}
a.bg-red:hover {
  background-color: darken(@red, 10%) !important;
  color: @redtext !important;
}
.bg-green {
  background-color: @green !important;
  color: @greentext !important;
}
a.bg-green:hover {
  background-color: darken(@green, 10%) !important;
  color: @greentext !important;
}
.bg-blue {
  background-color: @blue !important;
  color: @bluetext !important;
}
a.bg-blue:hover {
  background-color: darken(@blue, 10%) !important;
  color: @bluetext !important;
}
.bg-orange {
  background-color: @orange !important;
  color: @orangetext !important;
}
a.bg-orange:hover {
  background-color: darken(@orange, 10%) !important;
  color: @orangetext !important;
}
.bg-grey {
  background-color: @gray !important;
  color: @graytext !important;
}
a.bg-grey:hover {
  background-color: darken(@gray, 10%) !important;
  color: @graytext !important;
}
.bg-pink {
  background-color: @pink !important;
  color: @pinktext !important;
}
a.bg-pink:hover {
  background-color: darken(@pink, 10%) !important;
  color: @pinktext !important;
}
.bg-purple {
  background-color: @purple !important;
  color: @purpletext !important;
}
a.bg-purple:hover {
  background-color: darken(@purple, 10%) !important;
  color: @purpletext !important;
}
.bg-yellow {
  background-color: @yellow !important;
  color: @yellowtext !important;
}
a.bg-yellow:hover {
  background-color: darken(@yellow, 10%) !important;
  color: @yellowtext !important;
}
.bg-white {
  background-color: @white !important;
  color: @whitetext !important;
}
a.bg-white:hover {
  background-color: darken(@white, 10%) !important;
  color: @whitetext !important;
}
.bg-black {
  background-color: @black !important;
  color: @blacktext !important;
}
a.bg-black:hover {
  background-color: darken(@black, 10%) !important;
  color: @blacktext !important;
}
.overlay {
  background: transparent url( ../images/bg30.png) repeat;
  background: rgba(0,0,0,0.7);
}
.actions a {
  color: @primarycomp;
  background: @primary;
}
.actions a .glyphicons,
.actions a .glyphicons i:before {
  color: @primarycomp;
}
#scrolltop {
  background: @primary;
}
#scrolltop .glyphicons,
#scrolltop .glyphicons i:before {
  color: @primarycomp !important;
}
.flexslider .flex-direction-nav li a,
.es-nav > span,
.ei-slider-thumbs li.ei-slider-element {
  background: @primary;
}
.ei-slider-thumbs li a:hover {
  background: lighten(@primary, 20%);
}
.nav-arrows span:hover {color: lighten(@primary, 20%);}

.nav-dots span {background: transparent url(../images/bg30.png) repeat;}
body.light .nav-dots span {background: transparent url(../images/bg10.png) repeat;}
.nav-dots span.nav-dot-current:after {background: @primary;}



.flexslider .flex-direction-nav li a .glyphicons,
.flexslider .flex-direction-nav li a .glyphicons i:before,
.es-nav span .glyphicons,
.es-nav span .glyphicons i:before {
  color: @primarycomp !important;
}

.flexslider .slider-legend .slider-legend-desc {
color: #fff;
text-shadow: 0 1px 6px #000;
}
.flexslider .flex-control-nav li a {
   background: transparent url(../images/bg20.png) repeat;
   box-shadow: 0px -1px 0px rgba(255,255,255,0.17) inset;
}
body.light .flexslider .flex-control-nav li a {box-shadow: 0px 1px 0px rgba(0, 0, 0, .3) inset;}

.flexslider .flex-control-nav li a:hover {
   background: transparent url(../images/bg30.png) repeat;
}
.flexslider .flex-control-nav li a.flex-active {
  background: @primary;
  box-shadow: none !important;
}
.flexslider .slider-legend {max-width: 70%; }
.flexslider .slider-legend .slider-legend-title {
text-shadow: 0 1px 0 #000;
text-shadow: 0 1px 5px rgba(0, 0, 0, 0.26);
color: @slidertitlescolor;
}
.flexslider .slider-legend .slider-legend-title span {color: #fff;}
.sl-slider h2, .ei-title h2  {color: @slidertitlescolor !important; }

ul.nav ul li { text-transform: none !important; }

#header .container {border-bottom: 5px solid @primary;}
#footer .container {border-top: 5px solid @primary;}
body.fullwidth #header .container, body.fullwidth #footer .container{border-bottom: none; border-top: none;}
body.fullwidth #header  {border-bottom: 5px solid @primary; }
body.fullwidth #footer {border-top: 5px solid @primary;}