@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IM+Fell+English+SC&display=swap');

body {
	/*background-image: url('../images/stars-background.png');*/
	background-color: #222222;

	color: #efd9b9;
	font: 1.0rem/1.3rem 'Roboto', sans-serif;
}

h1 { font-size:22px; font-size:2.2rem; }
h2 { font-size:18px; font-size:1.8rem; }
p, li { font-size:16px; font-size:1.6rem; line-height:150%; }

hr {
	border-color:#ffd152;
	margin-left:5%;
	margin-right:5%;
}

#top-banner {
	text-align:center;
	background-color:#000;
	color:#eee;
	height:30px;
	padding-top:3px;
	padding-bottom:0;
	/*border-bottom:solid #ffd152;*/
	display:none;
}
#top-banner p {font-size:14px; font-size:1.4rem; }

.navbar {
	/* local tweaks */
	margin-bottom:0;
	border:none;
	border-radius:0;
}
.navbar-inverse .navbar-brand {
		display:none;
		height: 65px;
}
.navbar img {
	display:none;
	height:60px;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: #d5d5d5;
}
.navbar-inverse .navbar-nav > li > a {
	color:#ffd152;
	font-weight:bold;
}
.navbar-inverse .navbar-nav > li > a:hover {
	color:#d36e52;
}
.navbar-inverse .icon-bar { background-color:#ff7f50; }

.jumbotron {
	padding-top: 10px !important;
  padding-bottom: 10px !important;
	background: #000;
	/*background-image:url("../jumbotron-background-image.png");*/
	background-repeat: repeat;
	/*border-bottom: 1px solid #ffd152;*/
}

.jumbotron img {
	display: block;
	max-height: 500px;
	margin-left:auto; margin-right:auto;
}

.titlelines {
	font: 1.0rem/1.0rem 'IM Fell English SC', sans-serif;
	text-align:center;
	margin-left:5%;
	margin-right:5%;
}
.titlelines h1 {
	font-size:60px; font-size:6.0rem;
	font-weight:bold;
}
.titlelines h2 {
	color:#d36e52;
	font-size:18px; font-size:1.8rem;
	font-weight:bold;
	line-height:20%;
}

.headlines h1 {
	font-family: 'IM Fell English SC', sans-serif;
	font-size:40px; font-size:4.0rem;
	text-align:center;
}

.textlines {
	margin-left:5%;
	margin-right:5%;
}

.alert {
	text-align:center;
	margin-left:5%;
	margin-right:5%;
}

/* faq accordian panel styles */
.panel-default { border-color: #000;}
.panel-heading {
	background-color: #333 !important;
	color: #ff7f50 !important;
}
.panel-title { font-weight:bold;}
.panel-body { background-color: #333;}
.faq {
	list-style-type:none;
}
.faq li {
	margin-bottom:2%;
}

.shop-blurbs {
	list-style-type:none;
	margin-left:5%;
}
.shop-blurb {
	margin-bottom:2%;
	width:60%;
	text-align:top;
}

.review-item {
	margin-bottom:40px;
}
.review-item p {
	width:60%;
	margin-top:-10px;
	font-size:1.4rem;
	margin-left:auto; margin-right:auto;
}

/* carousel controls */
.carousel-control {
  height: 70px; height: 7.0rem;
  width: 70px; width: 7.0rem;
	background-color: #342828;
  opacity: 0.7;
  border: 0 none;
  border-radius: 0%; /*zero = square */
  color: #d36e52;
  top: 40%;
}

/* embedded videos */
.embed-responsive-item {}

/* links to offsite resources, eg my etsy shop */
.external-link {
	color:#d36e52;
	font-weight:bold;
	text-decoration:underline;
}

.external-link:hover {
	color:#ffd152!important;
}

#footer {
	clear:both;
	padding-top: 2%;
	text-align:center;
}
#footer p {
	font-size:10px;
	font-size:1rem;
}

/* this is for pc screens */
@media screen and (max-width:992px) {
	.gallery-image img {
	  /*width: 40%;*/
	}

	.review-item {
		width:70%;
	}
}

/* this is for pads */
@media screen and (max-width:768px) {
	h1 { font-size:2rem; }
	h2 { font-size:1.6rem; }
	p, li { font-size:1.4rem; }
	.navbar-inverse .navbar-brand {
			display:inline;
	}
	.navbar img {
		display:inline;
	}

	.jumbotron { display:none; }
	.headlines h1 {
		font-size:18px; font-size: 1.8rem;
	}

	.navbar-inverse { border-bottom: 1px solid #ffd152; }
	.carousel-control{
		height:50px;
		width:50px;
	}

	}
	.review-item {
		width:70%;
	}
}

/* this is for phones */
@media screen and (max-width:544px) {
	h1 { font-size:1.8rem; }
	h2 { font-size:1.6rem; }
	p, li { font-size:1.4rem; }
	.navbar-inverse .navbar-brand {
			display:inline;
	}
	.navbar img {
		display:inline;
	}

	.carousel-control {
		height:40px;
		width:40px;
	}

	}
	.review-item {
		width:90%;
	}
}