/*
Max content widths
*/
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto
}

/*
Header logo
If you require a Site title and a logo, an example of how to do this is provided below (use your own logo):

#site-title a {
  display: inline-block;
	padding-left 60px;
  background: url(../img/logo.png) 0 0 no-repeat;
}
*/

/*
Main content
*/

#content article {
  margin-bottom: 40px
}
#content header {
  margin: 20px 0
}
#content section {
  margin-bottom: 20px
}
#content footer {
  padding-bottom: 20px
}

/*
Sidebar
*/

.sidebar {
  margin-top: 20px
}
.sidebar section {
  margin-bottom: 40px
}
.sidebar ul,
.sidebar ol {
  list-style-type: none;
  padding: 0
}
.sidebar li {
  margin: 10px 0
}

/*
Hide form placeholders on focus
*/

input:focus::-webkit-input-placeholder { color: transparent; }
input:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color: transparent; } /* FF 19+ */
textarea:focus::-webkit-input-placeholder { color: transparent; }
textarea:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color: transparent; } /* FF 19+ */ 

/*
Comments
*/

#respond {
  margin-top: 40px
}
ol.commentlist {
	counter-reset: li; /* Initiate a counter */
	padding: 0
}
ol.commentlist ul {
  padding: 0
}
ol.commentlist > li {
	position: relative;
	margin: 0 0 20px 0;
	list-style: none /* Disable the normal item numbering */
}
ol.commentlist > li:before {
  content: "Thread " counter(li); /* Use the counter as content */
  counter-increment: li; /* Increment the counter by 1 */
  position:absolute;  
  top: 0;
  right: 0;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom-left-radius: 4px;
  padding: 5px 20px 5px 10px;
  color: #999
}
ol.commentlist li ol,
ol.commentlist li ul {
  list-style-type: none;
  margin: 0
}

.commentlist li li {
  background: #f8f8f8;
}
.commentlist li li li {
  background: #fff
}
.commentlist li li li li {
  background: #f8f8f8
}
.commentlist li li li li li li {
  background: #fff
}
.commentlist li {
  padding: 20px
}
.commentlist ul li {
  margin-top: 20px;
  margin-bottom: 0
}
.reply p {
  margin: 0
}

/*
Site footer
*/

.site-footer {
  padding: 40px 0
}
.site-footer ul,
.site-footer ol {
  list-style-type: none;
  padding: 0
}
.site-footer li {
  margin: 10px 0
}
.site-sub-footer p {
  text-align: center
}

.site-footer p {
  text-align: center
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4{ font-family: 'Carrois Gothic', sans-serif; text-transform: uppercase; }

html, body, .hero{ height: 100%; }

.navbar-brand{display: inline-block; height: auto;}
.logo{ width: 140px; }

.navbar{ margin-bottom: 0px; background: none; color: #fff !important; border-bottom: none; }
.navbar-nav{margin: 17px 0;  }

.nav .menu-item a{ color: #fff !important; font-family: 'Carrois Gothic', sans-serif; text-transform: uppercase; font-size: 16px; border-bottom: 1px solid transparent;  padding: 0; margin: 0 20px;}
.nav .menu-item a:hover{ border-bottom: 1px dotted #fff; }

.hero{ width: 100%; background: #111; color: #fff; margin-top: -54px; display: table; background-image: url('../i/back.jpg'); background-repeat: no-repeat; background-size: cover; backgroujnd-position: 50%; }
.hero-content{ display: table-cell; vertical-align: middle; height: 100%; background-image: url('../i/blackdot.png'); font-size: 18px; }
.hero-content a{ color: #fff; text-decoration: none !important; border-bottom: 1px dotted #fff; }
.hero-content .col-md-6{ padding: 0; }
.hero .h1{ font-size: 64px; margin-top: 0px; }
.hero .cta{ border: 1px solid #fff; display: inline-block; padding: 10px 15px; text-transform: uppercase; font-family: 'Carrois Gothic', sans-serif; margin-top: 20px; transition: all 0.3s; }
.hero .cta:hover{ background: #fff; color: #000; }