/* HTML */
html	{
	-webkit-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Porch FM - All Pages Style */

/* Porch FM Logo */
.img-responsive	{
	float: left;
	display: block;
	margin-bottom: -1.5rem;
	width: 65%;
	height: 65%;
}


/* Navbar Decoration */
.bg-light	{
	float: left;
	margin-left: 5rem;
	margin-right: 10rem;
	padding: 1rem;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 100%;
	background-color: #ffffff!Important;
	width: 88%;
}

/* Navbar Active */
li .navbar .active	{
	float: left;
	margin: 0rem;
	padding-right: 0%;
}


/* Line Spacing */
hr	{
	margin-right: 2rem;
	padding-top: 1rem;
	padding-bottom: .125rem;
	border-color: #000000;
}

/* <a> hyperlinks in red */
a	{
	color: #EB0804;
}


/* Header Styles - 1, 2, 3, 4, 5 and 6 */

/* Header 1 */
h1	{
	text-align: center;
	margin-top: 13rem;
	margin-left: 0rem;
	margin-right: 0rem;
	padding: 0rem;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-weight: bold;
	font-size: 6rem;
	color: #FF0D37!Important;
	background-color: #000000;
}


/* Header 2 */
h2	{
	margin-bottom: -5rem;
	padding: 2rem;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-weight: bold;
	font-size: 3.5rem;
	color: #ffffff;
	background-color: #000000;
	border: .115rem solid #000000;
}


/* Header 3 */
h3	{
	margin-top: -.5rem;
	margin-bottom: 3rem;
	padding-top: .125rem;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 2rem;
	font-weight: bold;
	text-indent: 1rem;
	background-color: #000000;
	border: .115rem solid #000000;
	color: #EB0804;
	width: 55%;
}


/* Header 4 */
h4	{
	margin-top: -4.5rem;
	margin-left: 21rem;
	margin-bottom: 1rem;
	padding: .115rem;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 1.75rem;
	font-weight: bold;
	text-indent: 1rem;
	color: #000000;
	width: 55%;
}





/* Paragraph Options - p, p1, p2, p3, and p4 */

/* Paragraph Default */
p	{
	margin-left: 1rem;
	margin-bottom: 1rem;
	margin-right: 1rem;
	padding: .125rem;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 1rem;
	color: #000000;
}


/* Paragraph 1 */
.p1	{
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 1rem;
	font-weight: bold;
	color: #ffffff;
}


/* Paragraph 2 */
.p2	{
	margin-top: 2rem;
	margin-right: 2.5rem;
	padding-top: .25rem;
	padding-right: 1rem;
	text-align: left;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 1rem;
	color: #000000;
}


/* Paragraph 3 */
.p3	{
	float: left;
	margin-top: -2rem;
	margin-left: 0rem;
	margin-bottom: 3rem;
	margin-right: 1rem;
	padding-top: .25rem;
	padding-right: 1rem;
	text-align: left;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 1rem;
	color: #000000;
}


/* Paragraph 4 */
.p4	{
	float: left;
	padding: 2rem;
	text-align: left;
	text-align: justify;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 1.5rem;
	color: #000000;
	width: 100%;
}




/* PFM Home Page - Specific Styles */

/* PFM Home - Gallery Container */
.container2 	{
	margin-top: 9rem;
	width: 100%
}

/* PFM Home - Carousel Captions - h1 */
.carousel-caption h1 {
	margin-top: 1rem;
	margin-bottom: 40rem;
	color: #ffffff;
    font-size: 5rem;
}

/* 	PFM Home - Images */
.img-fluid	{
	float: left;
	margin-top: -2rem;
	margin-bottom: 1rem;
	padding-left: 3.5rem;
	padding-bottom: 2rem;
	max-width: 95%;
	max-height: 95%
}

/* PFM Home - Carousel Item */
.carousel-item img {
	height: 500%;
	width: 120%;
}

/* PFM Home - Connect with us links */
ul li a	{
	text-decoration: underline;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 1.25rem;
	color: #1D11A8;
}

/* PFM Home - Unordered List 1 */
.ul1	{
	float: left;
	margin-top: -1rem;
	padding-right: 3rem;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 1rem;
	line-height: 1.5;	
	color: #000000;
}

/* PFM Home - Carousel Captions - 560px */
@media (max-width: 560px)	{
	.carousel-caption h1	{
		font-size: 100%;
	}
}

/* PFM Home - Carousel Captions - 375px */
@media (max-width: 375px)	{
	.carousel-caption h1	{
		font-size: 80%;
	}
}

/* PFM Home - Carousel Indicators */
.carousel-indicators	{
	padding-bottom: 6rem;
}

/* PFM Home - Carousel Item */
.carousel-control-prev .carousel-control-next {
	margin-left: 3rem;
	margin-right: -3rem;
	max-height: 500%;
    width: 90%;
}

/* PFM Home - Well - Connect with us */
well	{
	text-align: center;
}




/* PFM Host Page - Specific Styles */

/* PFM Host - Images */
.align-left	{
	float: left;
	margin-top: -3rem;
	margin-right: .75rem;
	margin-bottom: -.125rem;
	width: 55%;
	height: 50%;
	border: .115rem solid #000000;
}

/* PFM Host - Address Information */
address	{
	margin-top: 1.25rem;
	margin-right: 4rem;
	padding: 1rem;
	border: .0125rem solid #000000;
	border-color: #000000 !important;
	color: #000000;
	font-size: 1.25rem;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

/* PFM Host - Form Labels */
label	{
	margin-top: 1rem;
	margin-bottom: 0rem;
	color: #000000;
	font-size: 1.25rem;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

/* PFM Host - Form Input Fields */
input	{
	margin-top: 0rem;
	margin-bottom: 0rem;
	padding-left: 1rem;
	width: 50%;
	background-color: white;
	border: .0125rem solid #000000;
	border-color: #000000 !important;
	font-size: 1.5rem;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

/* PFM Host - Form Select Fields */
select	{
	margin-top: 0rem;
	margin-bottom: 0rem;
	padding-left: 1rem;
	width: 50%;
	background-color: white;
	border: .0125rem solid #000000;
	border-color: #000000 !important;
	font-size: 1.5rem;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}

/* PFM Host - Form Subscription Button */
.btn-primary	{
	margin-top: -1rem;
	margin-left: 1rem;
	margin-bottom: 1.5rem;
	background-color: #000000;
	border: .115rem solid #ffffff;
	color: #EB0804;
	font-size: 1.5rem;
}




/* PFM Episodes Page - Specific Styles */


/* Pagination links */
.pagination a {
  color: #EB0804;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  border: .115rem solid #000000;
  transition: background-color .3s;
}

/* Style the active/current link */
.pagination a.active {
  background-color: #000000;
  color: white;
}

/* Add a grey background color on mouse-over */
.pagination a:hover:not(.active) {background-color: #ddd;}

/* Card Body */
.card-body	{
	padding-top: 2rem;
	padding-bottom: 1rem;
}

/* Episode Button */
.btn-primary .col-sm-10{
	color: #000000!Important;
}






/* PFM Featured Page - Specific Styles */


/* PFM Featured - Table */
table {
	margin-bottom: 2rem;
	border-collapse: collapse;
  	border: .25rem solid #000000;
	line-height: 2rem;
  	font-size: 2rem;
	color: #ffffff;
	width: 98%;
}

/* PFM Featured - Table Heading */
thead 	{
	background-color: #000000;
	border: .25rem solid #000000;
	border-bottom-color: #ffffff;
	font-size: 2rem;
	font-weight: bold;
	color: #ffffff;
}

/* PFM Featured - Table Cell Details */
td, th {
	border: .25rem solid #ffffff;
	padding: .25rem;
}

/* PFM Featured - Table Cell Headings */
th {
	width: 30%;
	border: 1px solid #ffffff;
	background-color: #000000;
	font-size: 1.5rem;
	font-weight: bold;
	color: #ffffff;
}


/* PFM Featured - Table Cell Information */
td {
	text-align: center;
}


/* PFM Featured - Table Borders Even Information Cells */
tr:nth-child(even) td {
	width: 20%;
	border: 1px solid #000000;
	background-color: #ffffff;
	font-size: 1.5rem;
	color: #000000;
}


/* PFM Featured - Table Borders Odd Information Cells */
tr:nth-child(odd) td {
	width: 20%;
	border: 1px solid #000000;
	background-color: #ffffff;  	
	font-size: 1.5rem;
	color: #000000;
}

/* PFM Featured - Artist logo */
.img2	{
	margin-left: 1rem;
	width: 45%;
	height: 45%;	
}

/* PFM Featured - Artist Videos */
iframe	{
	float: left;
	padding: .5rem;
	width: 336px;
	height: 174px;
}




/* Accessibility Statement Page - Specific Styles */

/* PFM Accessibility - Jumbotron Decoration */
.jumbotron	{
	margin-top: 0rem;
	margin-left: 5rem;
	margin-bottom: 1rem;
	background-color: #000000;
	color: #FFFFFF;
	max-width: 88%;
}

/* PFM Accessibility - Button 1, 3 & 5 */
.btn-info	{
	background-color: #EB0804;
	border: .115rem solid #EB0804;
	font-weight: bold;
}

/* PFM Accessibility - Button 2 & 4 */
.btn-info2	{
	background-color: #FFFFFF;
	border: .115rem solid #EB0804;
}

/* PFM Accessibility - Ordered List */
ol 	{
	margin-left: 10rem;
	margin-right: 10rem;
	padding-bottom: 5rem;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	color: #000000;
}