/*  BACKGROUND  */

body {background-image: url(../img/headerslice.png); background-repeat: repeat-x; background-color: #000;}
.navbackground {background-color: black; height:40px; }
.normalbg {background-color: white; }


/* FONTS  */

body {color: #1B1C1D; font-size: 13px;}
.fa {color:#DDDDDD; margin-left: 3px;}
.nav a {color: #ffffff !important;}
.searchbox {color: #ffffff;}
h2 {
    font-size: 20px;
    font-weight: bold !important;
}
blockquote {display: block; max-width: 300px; border-top: 4px solid #333; border-bottom : 4px solid #333; float: left; margin-left: 0px;  padding-top: 15px; padding-bottom: 15px; text-align: right;}
blockquote span {padding-left: 20px; padding-right: 20px; display: block; font-style: italic; font-weight: bold;}
.alsolike {display:block; color: #BD1624; font-size: 12px; text-transform: uppercase; margin-top: 30px; margin-bottom: 20px;}

/*  SECTIONS  */

.buffer {margin-top: 15px;}
.logo {text-align: center; height: 118px;}
.social {height: 93px; text-align: right; vertical-align: bottom; position: relative; }   
.social_icons {position: absolute; bottom: 0; right: 0; display: block; margin-right: 12px;}
.nav a {text-align: left;}


#searchform input[type="text"] { text-align: left; margin-top: 5px; display: block; background-color: #333; height: 27px; width: 125px;  color: #fff; padding-left: 7px; }
.searchbox {margin-right: 10px;}
.woocommerce-breadcrumb {display: none !important;}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {background-color:#BD1624 !important; color: white !important; }
p.intro {font-weight: bold;}

.normalheadline span em {color: #BD1624; font-style: italic;}

.textheadline {display: block; border-right: 1px solid #999; min-height: 130px; position: relative;}
.textheadline h1 {display: block; font-weight: bold; font-size: 24px;}
.textinfo { display: block; height: 100%; padding-left: 10px;}
.textinfo i {color:#333; }
.textinfo .social_icon_infobox {text-align: right; display: block; color:#666 !important; margin-top: 20px;}
 .social_icon_infobox  .fa {color:#666 !important;}
.textheadlinebox {color: #1B1C1D; min-height: 130px; border-bottom: 1px solid #666; border-top: 2px solid #BD1624; position: relative; margin-bottom: 20px;}
#menu-footer a {color: white !important; text-decoration: none !important;}
ul.media-bullets {padding: 0px !important;}
.woocommerce-tabs, .related {display: none !important;}
.product .product_title, .product .price {display: none;}
.woocommerce-Price-amount {font-size: 20px ;}



.normalheadline { color: #1B1C1D;  font-size: 22px; min-height: 130px; border-bottom: 1px solid #666; border-top: 2px solid #BD1624; position: relative;}
.normalheadline span {position: absolute;
   bottom: 0; display: block; padding-bottom: 10px;}
.authorposted {position: absolute;
   bottom: 0; display: block; padding-bottom: 10px; }
   .categorytags {position: absolute; bottom: 0; right:0; display: block; padding-bottom: 10px;padding-left: 10px;}
.author {color: #BD1624;  font-size: 10px; text-transform: uppercase;}
.categoryname {color: #666;  font-size: 10px; text-transform: uppercase; display: block; margin-top: 10px; text-align: right;}
.tags {color: #BD1624;  font-size: 10px; text-transform: uppercase; margin-top:10px; text-align: right; display: block; max-width: 150px;}
.posted {color: #999;  font-size: 10px; text-transform: uppercase;}
.homebox {width:100%; height:327px; border: 1px white solid; margin-top: 20px; margin-bottom: 20px;}
.mainsectionhomepage {background-color: white;  padding-top: 15px; padding-bottom: 25px; height: 100% !important;  display: table; }
.homelead {margin-top: 20px;}
.homeleadtab {background-color: #BD1624; display: block; color: white; font-size: 10px; text-transform: uppercase; padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; text-align: center; width: 70px;}

.homeleadtab ul {padding: 0px; margin: 0px;}
.homeleadtab ul li a {color: white !important; text-decoration: none !important;}

.homeleadheadline {width: 100%; background-color: #BD1624; color: white;  font-size: 22px;}
.homeleaddescription {width: 100%; background-color: #666; color: white; font-size: 14px;}
.homeleadheadlinecopy {padding: 10px; display: block;}
.homeleaddescriptioncopy {padding: 10px; display: block;}
.homeleaddescriptioncopy a{color: white !important; font-size: 11px; text-decoration: none;}
.sidebarright {float: right;}
.housead {max-width: 300px; height: 250px; background-color: #333;}
.houseadcontent {padding: 20px; color: #fff;}
.houseadheadline {font-size: 16px;  text-transform: uppercase; font-weight: bold;   margin-bottom: 10px;}
.houseadcopy {font-size: 12px; font-family: Georgia, serif; margin-bottom: 15px;}
.houseadsubmit {}
.projectinfocopy {display: block; margin: 10px;}
.projectheadlinebox {color: #1B1C1D; min-height: 130px; border-bottom: 1px solid #666; border-top: 2px solid #BD1624; position: relative; margin-bottom: 20px; border-left: 1px solid #666; border-right: 1px solid #666}
.projectheadline {display: block; border-right: 1px solid #999; min-height: 130px; position: relative;}
.projectinfo {display: block; height: 100%;}
.projectinfo .social_icon_infobox {text-align: right; display: block; color:#999; margin-top: 20px;}
.projectinfo i {color:#333; }
.projectinfo .categorytags {position: absolute; bottom: 0; right:10px; display: block; padding-bottom: 10px;}
.projectvideo {margin-top: 15px; margin-bottom: 15px;}
.sidebarright li {list-style: none;}
.mc4wp-alert {color: #BD1624;}

input[type="text"], input[type="email"] {
  display: block;
  margin: 0;
  width: 250px;
  font-family: sans-serif;
  font-size: 12px;
  height: 24px;
  border: none;
  box-shadow: none  !important;
  border-radius: none !important;
  margin-bottom: 10px;
}

 input[type=submit] {
	  display: block;
  margin: 0;
  width: 100px;
  float: left;
  font-family: sans-serif;
  font-size: 12px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  height: 24px;
  box-shadow: none !important;
  border-radius: none !important;
  border: none;
  margin-bottom: 10px;
  margin-top: 10px;
  background-color: #BD1624;
  font-weight: bold;
}
	
	
.categoryheaderbox {margin-bottom: 20px; position: relative; background-color:#BD1624;}	
.categoryheaderimage {float: right;}
.categoryheadercopy { color: white; font-size: 12px;  display:block; margin-left: 10px; }
.categoryheadercopy h1 {font-weight: normal; font-style: italic;  }
.categoryheaderimage .attachment-full {width:100% !important;}



.projectheaderbox {position: relative; background-color:#BD1624;}	
.projectheaderimage {float: right;}
.projectheadercopy { color: white; font-size: 12px;  display:block; margin-left: 10px; }
.projectheadercopy h1 {font-weight: normal; font-style: italic;  }
.projectheaderimage .attachment-full {width:100% !important;}
.projecttextheadlinebox {color: #1B1C1D; min-height: 130px; border-bottom: 1px solid #666;  position: relative; margin-bottom: 20px; border-right: 1px solid #666;}
.projecttextheadline {display: block; border-right: 1px solid #999; min-height: 130px; position: relative; border-left: 1px solid #999; }
.projecthead {display: block; padding: 10px;}
.projectbtmspace {margin-bottom: 20px;}
.projecttextinfo { display: block; height: 100%; padding-right: 10px;}
.projecttextinfo .categorytags {position: absolute; bottom: 0;  display: block; padding-bottom: 10px; padding-right: 10px;}
.projecttextinfo .social_icon_infobox {text-align: right; display: block; color:#999; margin-top: 20px;}

.testimonial { float: left; background-color:  #BD1624; color: white; display: block;}
.testimonial span {padding: 20px; display: block;}
.trivia {border: 1px solid #999; float: right; display: block;}
.trivia span {padding: 10px; display: block}
.teasebox {border-bottom: #999 solid 1px;}
.teaseboximage {max-width: 240px; float: left; margin-right: 20px;}

.teaseboxfirst {border-top: #999 solid 1px;}
.teaseboxcopy .type {display: block; color: #BD1624; font-size: 10px; text-transform: uppercase; margin-bottom: 4px; text-align: left;}
.teaseboxcopy .type  ul {padding-left: 0px; margin-left: 0px;}
.teaseboxcopy .type  ul a {padding-left: 0px; margin-left: 0px; text-decoration: none;}
.teaseboxcopy a .headline, .teaseboxcopy .headline  {display: block; color: #333; font-size: 22px !important; margin-bottom: 4px; text-decoration: none;}
.teaseboxcopy .description { color: #333; font-size: 12px; margin-bottom: 4px;}
.teaseboxcopy a { text-decoration: none;}
.teaseboxcopy {margin-top: 10px;}
.smlteasebox {display: block; border-bottom: 1px solid #999;}
.smlteasebox .image {width: 87px; height: 87px; margin-right: 10px}
.smlteasebox .type {vertical-align: top; display: block; color: #BD1624; font-size: 10px; text-transform: uppercase; margin-bottom: 4px; margin-top: 6px;}
.smlteasebox .headline {vertical-align: top; display: block; color: #333; font-size: 15px; }
.smlteasebox .headline a {color: #333 !important; text-decoration: none;}
.smlteaseboximage {float: left; height: 100px !important; width: 100px !important;}
.smlteaseboximage  img {height: 100px !important; width: 100px !important;}
.smlteaseboxcopy {float: left; width:195px; padding-top: 10px; margin-left: 8px;}
.houseadheadline p {margin: 0px;}
.embed-container { 
		position: relative; 
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
		max-width: 100%;
		height: auto;
	} 
.embed-containerimg { 
		position: relative; 
		height: 0;
		
		max-width: 100%;
		height: auto;
	} 
	.embed-container iframe,
	.embed-container object,
	.embed-container embed { 
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
#leftContent {
  float:left;
  width: 32%;
  height: 30px;
  margin-right: 2%;
  background-color: #BD1624;
 }

 #rightContent {
   float: left;
   width: 32%;
   height: 30px;
   background-color: #999;
  }

 #mainContent {
    width: 32%;
    float: left;
    height: 30px;
    margin-right:2%;
    background-color: #999; }
    
    
    #singleleftContent {
  float:left;
  width: 100%;
  height: 30px;
  margin-right: 2%;
  background-color: #BD1624;
 }

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: right;
    width: 100% !important;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    float: left;
   width: 100% !important;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin: 0 3.8% 2.992em 0;
    padding: 0;
    position: relative;
 	width: auto !important;
	max-width: 300px !important;
}

.woocommerce ul.products li.product a img {
    width: auto !important;
	max-width: 300px !important;
    height: 300px !important;
    display: block;
    margin: 0 0 1em;
    box-shadow: none;
}

 #tabcontainer {max-width: 300px;
	 margin-top: 20px;
	 text-align: center;
 }
 
.teasertext {display: block; margin-top: 8px; margin-bottom: 8px;}



.tabcontent { padding: 7px; display: block; color: #fff; text-transform: uppercase; font-size: 12px;}

.arrow_box {
	position: relative;
	background: #BD1624;
}
.arrow_box:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #BD1624;
	border-width: 5px;
	margin-left: -5px;
}
img.sidebaradvert {margin-top: 20px; width: 100%;}
.footer {background-color: #1B1C1D; min-height: 80px;}
.btmnav{display: block; color: #fff; text-transform: uppercase; font-size: 10px; margin-top: 20px;}
.copyright {display: block; color: #fff; text-transform: uppercase; font-size: 10px; margin-top: 20px; text-align: right;}
.loadmore {width: 120px; text-align: center; margin: auto; margin-top: 30px; margin-bottom: 30px;}


a {color: #BD1624 !important;}

/* NAVIGATION */

ul#menu-top li {display:inline-block !important; margin-right: 10px !important; margin-left: 7px !important; padding-top: 7px !important; border-top: 4px solid #1B1C1D !important;}
ul#menu-top {padding: 0px !important; list-style-type: none !important;    -webkit-margin-before: 0em !important;
    -webkit-margin-after: 0em !important; margin-top: -4px !important;}
ul#menu-top li:first-child {margin-left: 0px !important; }
ul#menu-top li a {text-decoration: none; text-transform: uppercase !important;}
ul#menu-top li.current-menu-item {border-top: 4px solid #BD1624 !important; }
ul.menu {padding-left: 0px !important;}
#menu-footer li {display:inline-block !important; margin-right: 10px !important; border-right: 1px solid #fff !important; padding-right: 10px !important; }
#menu-footer li:last-child { border-right: 0px !important;}  
img.size-full {width: 100% !important;}
.wp-caption {font-size: 9px; text-transform: uppercase;}


.projectarchivebox {border: solid #999 1px; margin-bottom: 20px; margin-left: 8px; margin-right:8px;}
.projectarchive ul {list-style: none; margin: 0px !important; padding-left: 0px !important;}
.projectarchive ul li {list-style: none; margin: 0px !important; padding-left: 0px !important;}
.projectarchiveboximage {width: 100%}
.projectarchiveboxcopy {padding: 10px; min-height: 86px; position: relative;}
.projectarchiveboxcopy .type {}
.projectarchiveboxcopy .headline a {text-decoration: none; color: black; font-weight: bold; font-size: 14px; text-transform: uppercase;}
.projectarchiveboxcopy .description {} 
.archivedate {position: absolute; bottom: 5px; right: 5px;  display: block; font-weight: bold;
}


.wpcf7-form-control-wrap input[type="text"], .wpcf7-form-control-wrap input[type="email"] {border: 1px solid #999 !important; padding-top: 3px;}




#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu {background-color: #666 !important;}
	
	
	
	
	
	
	
	
	

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin-right: 9px !important;
    margin-bottom: 40px !important;
    padding: 0;
    position: relative;
}
.woocommerce ul.products li.product h3 {
    padding: .5em 0;
    margin: 0;
    font-size: 1em;
    width: 150px !important;
    height: 40px;
}



.wp-caption {width: 100% !important;}



.flex-direction-nav a:before  { font-family: "flexslider-icon" !important;  font-size: 40px !important;  display: inline-block !important;  content: '<' !important;  color: grey !important;   }
.flex-direction-nav a.flex-next:before  { content: '>' !important; color: grey !important;  }
           
    .page-numbers {
	display: inline-block;
	padding: 5px 10px;
	margin: 0 2px 0 0;
	border: 1px solid #eee;
	line-height: 1;
	text-decoration: none;
	border-radius: 2px;
	font-weight: 600;
	margin-top: 15px;
}
.page-numbers.current,
a.page-numbers:hover {
	background: #f9f9f9;
}      
                
                
/* MOBILE */

@media only screen and (max-width: 768px) {
    .hidemobile {
        display: none;
    }
    .logo-holder {
        display: none;
    }

    .logo {height: 100%;}
    .social {height: 0px; text-align: right; vertical-align: bottom; position: relative;} 
    .textheadline {border-right: none; min-height:0px;}  
   .authorposted  {position: relative;}
   .categoryname {text-align: left; position: relative;}
    .categorytags, .tags {text-align: left; position: relative; padding-left: 0px;}
    ul.post-categories {padding: 0px;}
   .textinfo .social_icon_infobox {text-align: left; position: relative;}
.teaseboxcopy a .headline, .teaseboxcopy .headline {font-size: 18px !important;}
.sidebarright { display: none !important;}
.btmnav {text-align: center;}
.copyright  {text-align: center;}
.categoryheadercopy {padding-left: 10px !important;}

.categoryheaderimage {width: 100% !important; }
.teaseboximage a img {width: 100% !important; max-width: 415px !important;}

.teaseboximage {max-width: 415px !important;
	float:none;
	margin-right: 0px;}
.woocommerce ul.products li.product a img {width: 415px !important;}

.projectarchiveboximage a img {width: 100% !important; max-width: 415px !important;}
#menu-footer li {border-right: none !important;}
.projectheadercopy {padding-left: 10px !important; padding-bottom: 20px !important;}
.projecttextinfo {display: none !important;}
.projecttextheadline {border-right: none !important;}
}



@media only screen and (min-width: 768px) and (max-width: 995px) {
	
	
.social_icons	 {display: none;}
.searchbox  {display: none;}
.nav {width: 100% !important;}
       .logo {height: 100%;}
    .social {height: 0px; text-align: right; vertical-align: bottom; position: relative;} 
    .textheadline {border: none;}
    .textinfo {display: none;}
	input[type="text"], input[type="email"] {width: 200px;}
	input[type=submit] {width: 100px;}
	.smlteaseboxcopy {width: 95px;}
	.smlteaseboxcopy .teasertext {display: none;}
	.smlteaseboxcopy .headline {font-size: 12px; margin-bottom: 3px; font-weight: bold;}
	.logo {height: 100%;}
    .social {height: 0px; text-align: right; vertical-align: bottom; position: relative;} 
    .textheadline {border-right: none; min-height:0px;}  
   .authorposted  {position: relative;}
   .categoryname {text-align: left; position: relative;}
    .categorytags, .tags {text-align: left; position: relative; padding-left: 0px;}
    ul.post-categories {padding: 0px;}
   .textinfo .social_icon_infobox {text-align: left; position: relative;}
.teaseboxcopy a .headline, .teaseboxcopy .headline {font-size: 18px !important;}
.teaseboxcopy .description {display: none;}
.btmnav {text-align: center;}
.copyright  {text-align: center;}
.categoryheadercopy {padding-left: 10px;}
.categoryheaderimage {width: 100% !important; }
.teaseboximage {max-width: 240px !important;
	float:left;
	margin-right: 10px;
}
.copyright  {text-align: right;}
.projecttextinfo {display: none !important;}
.projecttextheadline {border-right: none !important;}
.projectheadercopy { padding-bottom: 20px !important;}
.projectheaderimage {width: 100% !important; }
}