/*
 * Custom CSS - Flat Lands Supply, Inc for bootstrap
 * Copyright 2016-2019 flatlandssupply.com
 */ 
 
 
/* No gutter */
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
} 

 /* Clear the top sticky Navigation */
 body {
	font-family:'Cabin', serif;
	padding-top:60px;
 }
   
a:hover,
a:focus {
  color: #660000;
  text-decoration:none;
}
  
a {
	color:#cc0000;
 }
 
 a {
	color:#cc0000;
    text-decoration:none !important;
 }
 
 /* Row Spacer */
.spacer25 {
	 margin-top:25px;
}

.spacer20 {
	 margin-top:20px;
}
	 
/* Location Map */
.map-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/* Body Color */
.bodycolor {
    background-color:#f7f7f7;
}

/* Background - logo/information header */
.bg-hdr {
    background-image:url("../backgrounds/grid-noise.png");
}

/* Alternate - header */
.alt-bg-hd1 {
    background-image:url("../backgrounds/bg-hd1.png");
	border-radius:0px;
	
}

/* Alternate background 1 - contact us */
.alt-bg1 {
    background-image:url("../backgrounds/contemporary_china.png");
	border-radius:7px;
}

/* Alternate background 2 - logo header */
.alt-bg2 {
    background-image:url("../backgrounds/sayagata-400px.png");
	border-radius:0px;
}

/* Alternate background 3 - logo header */
.alt-bg3 {
    background-image:url("../backgrounds/bright-squares.png");
	border-radius:0px;
}

/* Alternate background 4 - logo header */
.alt-bg4 {
    background-image:url("../backgrounds/twinkle-twinkle.png");
	border-radius:0px;
}

/* Alternate background 5 - logo header */
.alt-bg5 {
    background-image:url("../backgrounds/bg.jpg");
	border-radius:0px;
}

/* Alternate background 6 - logo header */
.alt-bg6 {
    background-image:url("../backgrounds/squares1.jpg");
	border-radius:0px;
}

/* Alternate background xmas - logo header */
.alt-xmas {
    background-image:url("../backgrounds/bg-xmas01.png");
	border-radius:0px;
}

/* Custom Well Background */

.well-alt-bg1 {
	background-image:url("../backgrounds/wavecut.png");
 }

/* Link Color */

a {
  color:#cc0000;
}

/* Thumbnail Border Color */
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color:#cc0000;
}

a.text-flsred:hover,
a.text-flsred:focus {
  color:#cc0000;
}


/* FLS Red Link Color */

.text-flsred {
  color:#cc0000;
}
a.text-flsred:hover,
a.text-flsred:focus {
  color:#cc0000;
}

/* Navigational bar background color */

.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}

.navbar-default {
    background-color:#cc0000;
    border-color:#660000;
    border-radius:0;
}

.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color:#fff;
}

.navbar-default .navbar-nav > li > a {
    color:#fff;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    background-color:#660000;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color:#fff;
    background-color:#660000;
}

.navbar-default .navbar-text {
    color:#fff;
}

.navbar-default .navbar-toggle {
    border-color:#660000;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color:#660000;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color:#fff;
}


/* Thumbnail */
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color:#cc0000;
}

/* Dropdown menu item background */

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color:#fff;
  text-decoration:none;
  background-color:#cc0000;
  outline:0;
}

/* Carousel caption overlay */ 

.post-content {
    width:100%;
	height:12%;
    position:absolute; /* absolute position (so we can position it where we want)*/  
    bottom:0px; /* position will be on bottom */  
    width:100%; 
	/* styling below */
	padding:1.3em;
	background-color:black;  
    text-align:center;
	font-family:arial, 'sans serif';  
    font-size:110%;  
    color:white;  
    opacity:0.4; /* transparency */  
    filter:alpha(opacity=40); /* IE transparency */  
}

/* Non-Stock item caption overlay */

.nonstock-wrapper {
	float:left; /* important */ 
    position:relative; /* important(so we can absolutely position the description div */
}	


.post-content-ns {
    width:100%;
	height:12%;
    position:absolute; /* absolute position (so we can position it where we want)*/  
    bottom:3px; /* position will be near bottom */  
    /* styling below */
	padding:1.5%;
	background-color:#600;  
    text-align:center;
	font-family:arial, 'sans serif';  
    font-size:.9em;  
    color:#fff;  
    opacity:0.9; /* transparency */  
    filter:alpha(opacity=90); /* IE transparency */  
}

.post-content-misc {
    width:100%;
	height:12%;
    position:absolute; /* absolute position (so we can position it where we want)*/  
    bottom:3px; /* position will be near bottom */  
    /* styling below */
	padding:1.5%;
	background-color:#239B56;  
    text-align:center;
	font-family:arial, 'sans serif';  
    font-size:.9em;  
    color:#fff;  
    opacity:0.9; /* transparency */  
    filter:alpha(opacity=90); /* IE transparency */  
}

.clear {
 clear:both;
}

/* Page Header w/o underline */

.page-header2 {
  padding-bottom:9px;
  margin:40px 0 20px;
  border-bottom:0px;
}


/* Make all rows equal height */

.eq-row-wrap {
    overflow:hidden; 
}

.eq-row-height {
    margin-bottom:-99999px;
    padding-bottom:99999px;
}

/* Custom glyphicon size */

.glyphsize1 {
	font-size:2.5em;
	color:#f00;
}

/* Custom Navbar color e3f2fd */


/* Social Buttons Array */

ul.social-buttons {
  margin-bottom:0;
}
ul.social-buttons li a {
  display:block;
  background-color:#cc0000;
  height:40px;
  width:40px;
  border-radius:100%;
  font-size:20px;
  line-height:40px;
  color:white;
  outline:none;
  -webkit-transition:all 0.3s;
  -moz-transition:all 0.3s;
  transition:all 0.3s;
}
ul.social-buttons li a:hover,
ul.social-buttons li a:focus,
ul.social-buttons li a:active {
  background-color:#660000;
}
.btn:focus,
.btn:active,
.btn.active,
.btn:active:focus {
  outline:none;
}

/* Sticky Back-to-Top Button */

.back-to-top {
background:none;
margin:0;
position:fixed;
bottom:0;
right:0;
width:70px;
height:70px;
z-index:100;
display:none;
text-decoration:none;
color:#cc0000;
}

.back-to-top i {
   font-size:60px;
}

/* Make rows equal height-vendors */
/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

#column-wrap {
    overflow: hidden; 
}

.equalhgt {
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}

/* Custom hr */

.hr2 {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #000000 -moz-use-text-color #FFFFFF;
  border-style: solid none;
  border-width: 10px 0;
  margin: 5px 0 10px 0;
}



p  {
    font-size: 0.8em / 16px
}

/* Media Queries to make text responsive */


/* Set defaults */

/* Text size xl */
@media screen and (max-width: 2000px) {
  h1 {
    font-size: 26px;  
  }
  h2 {
    font-size: 26px;  
  }
  h3 {
    font-size: 24px;  
  }
  h4 {
    font-size: 22px;  
  }
  h5 {
    font-size: 18px;  
  }
  h6 {
    font-size: 16px;  
  }
}

/* Text size lg */
@media screen and (max-width: 1200px) {
  h1 {
    font-size: 24px;  
  }
  h2 {
    font-size: 22px;  
  }
  h3 {
    font-size: 20px;  
  }
  h4 {
    font-size: 18px;  
  }
  h5 {
    font-size: 16px;  
  }
  h6 {
    font-size: 14px;  
  }
}

/* Text size md */
@media screen and (max-width: 992px) {
  h1 {
    font-size: 24px;
	font-weight: 700;	
  }
  h2 {
    font-size: 22px;
	font-weight: 700;
  }
  h3 {
    font-size: 20px;
	font-weight: 700;
  }
  h4 {
    font-size: 18px; 
	font-weight: 700;
  }
  h5 {
    font-size: 16px; 
	font-weight: 700;
  }
  h6 {
    font-size: 16px; 
	font-weight: 700;
  }
}

/* Text size xs & sm */
@media screen and (max-width: 768px) {
  h1 {
    font-size: 20px;
	font-weight: 700;
  }
  h2 {
    font-size: 18px; 
	font-weight: 700;
  }
  h3 {
    font-size: 16px;
	font-weight: 700; 
  }
  h4 {
    font-size: 16px;
	font-weight: 700;
  }
  h5 {
    font-size: 16px;
	font-weight: 400;
  }
  h6 {
    font-size: 16px;
	font-weight: 400;
  }
}



/* Media Queries to make footer text responsive */

/* Text size xl */
@media screen and (max-width: 2000px) {
.f1 {
    font-size: 14px;  
  } 	
}

/* Text size lg */
@media screen and (max-width: 1200px) {
.f1 {
    font-size: 14px;  
  }
}

/* Text size md */
@media screen and (max-width: 992px) {
.f1 {
    font-size: 14px;
  }
}

/* Text size xs & sm */
@media screen and (max-width: 768px) {
.f1 {
    font-size: 12px;
  }
}