/*
Title: "TaylorBarton.com" screen styles
Date Modified: 9/14/2018
Date Created: 5/16/2016
--
Author: Fervr Design
Contact: http://fervr.co/contact
--
Table of Contents:
	fonts
	Color palettes
	layout
	navigation
	typography
	alignment
	misc
*/

/* Fonts 
(moved to header.inc.php above linked CSS)
------------------------------------- */


/* Color palettes
------------------------------------- */
/*
== Palette 1 ==
#999854 - rgb(153,152,84) - sap green
#ccca9e - rgb(204,202,158) - light sap green
#fff8e0 - rgb(255,248,224) - eggshell
#97bcff - rgb(151,188,255) - cornflower blue
#9ab9cc - rgb(154,185,204) - slate grey

== Palette 2 ==
#78a5a8 - rgb(120,165,168) - blueish
#787b66 - rgb(120,123,102) - brownish
#b2c38b - rgb(178,195,139) - greenish
#a27266 - rgb(162,114,102) - red clay
#383d45 - rgb(56,61,69) - charcoal

== Palette 3 ==
#70c783 - rgb(112,199,131) - sea foam
#c3ed30 - rgb(195,237,48) - lime
#d8cd5c - rgb(216,205,92) - mustard
#f5e5a7 - rgb(245,229,167) - tan
#bf7d77 - rgb(191,125,119) - rose
*/




/* layout
------------------------------------- */
html, body {
	margin: 0;
	padding: 0;
	height: 100%;	
}


html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}


/* Layout Grid (12 columns) */
.row {
	overflow: hidden;
	}

.column {
	float: left;
	margin: 0;
	padding: 0;
	
	min-height: 100px;
	}

.column.span1 {
	width: 8.33%;
	}

.column.span2 {
	width: 16.66%;
	}

.column.span3 {
	width: 24.99%;
	}
	
.column.span4 {
	width: 33.32%;
	}
	
.column.span5 {
	width: 41.65%;
	}
	
.column.span6 {
	width: 49.98%;
	}	
	
.column.span7 {
	width: 58.31%;
	}

.column.span8 {
	width: 66.64%;
	}

.column.span9 {
	width: 74.97%;
	}
	
.column.span10 {
	width: 83.3%;
	}
	
.column.span11 {
	width: 91.63%;
	}
	
.column.span12 {
	width: 100%;
	}	



/* Column styles */
.column-content { /* use inside .column to add spacing and borders, etc. */
	position: relative;
	/* background-color: rgba(0,0,0,0.10); */
	margin: 10px;
	padding: 10px;
	}

.section {
	position: relative;
	background-color: rgba(255,255,255,0.5);
	margin: 5px 0;
	border: 1px solid rgba(0,0,0,0.10);
	border-radius: 5px;
	
	box-shadow: 2px 2px 5px rgba(0,0,0,0.05);
	}

.section.column {
	min-height: auto;
	}

.section-bg-color {
	background-color: rgba(169, 176, 204, 0.75); /* rgba(160, 120, 155, 0.5)* | rgba(179, 118, 115, 0.88) | rgba(191,125,119,0.5); */
	}

.section-bg-color .testimonial {
 	background-color: rgba(0,0,0,0.1);
	}

.section > .column-content {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 3px solid #a98d8c;
	background-color: transparent;
	}

.hero {
	overflow: hidden;
	height: 400px;
	}

.hero.hero-lrg {
	height: 540px;
	}
	
.hero img {
	max-width: 100%;
	height: auto;
	}

.column.card .column-content {
	min-height: 200px;
	}

#section-welcome .hero {
	background-image: url(/assets/images/photos/taylor-barton-smith-tree.jpg);
	background-attachment: scroll;
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	border-radius: 5px;
	}

#section-welcome .hero .card .column-content {
	background-color: rgba(191, 125, 119, 0.75);
	color: #fff;
	min-height: 520px;
	border-radius: 5px;
	}

.card .section-header {
	margin-left: -10px;
	margin-right: -10px;
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 3px solid #a98d8c;
    }

.card .section-header, 
.section > .column-content {
	border-color: #d8cd5c;
	}

.section.section-bg-color .card .section-header, 
.section.section-bg-color > .column-content, 
.section.section-bg-color .section > .column-content {
	border-color: #fff;
	}

.card-content, 
.card .image {
	position: relative;
	}
	
#section-media-video .card-content img, 
.card.video .image img {
	z-index: 1;
	position: relative;
	margin: 10px auto;
	width: 100%;
	height: auto;
	}

#section-media-video .card-content:before, 
.card.video .image:before {
	display: block;
	width: 52px;
    height: 52px;
	
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;

	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	content:"\f144";

	position: absolute;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	font-size: 52px;
	color: rgba(255,255,255,0.8);
	text-align: center;
	margin: auto;
	
	z-index: 100;	
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	}	


.card-content img {
	max-width: 100%;
	height: auto; 
}



/* Main Layout */
body {
	background: #fff; /* #fff */
	background-image: url(/assets/images/backgrounds/tiles/); /* floral-leaves-cream.jpg* | rockywall.png | albany-twilight-alt.jpg */
}

#outer { /* used to tint background image */
	max-width: 100%;
	background-color: rgba(255,255,255,0.5); /* rgba(191,125,119,0.05) */
	/*
	background-image: url(/assets/images/backgrounds/white-to-transparent-gradient.png);
	background-repeat: repeat-x;
	background-position: 0 -45px;
	*/

	/* background-image: url(/assets/images/backgrounds/floral-embelishment.png), url(/assets/images/backgrounds/white-to-transparent-gradient.png); */
	background-image: url(/assets/images/backgrounds/shadow-alt-1c.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	overflow: auto;
	}

#wrapper {
	position: relative;
	max-width: 1000px;
	margin: 0 auto 0;
	}



#main-header {
	background-color: transparent;
	height: 100px;
	}
	
#main-content {
	background-color: transparent;
	padding-bottom: 50px;
	}	

#main-footer {
	min-height: 200px;
	clear: both;
	background-color: #c3c9d5; /* rgba(0,0,0,0.5) |  rgba(178,195,139,0.75) */
	color: #666666;
	}

#main-footer, 
#main-footer h3 {
	color: #f7f7f7;
	text-align: center;
}

#main-footer .social-links {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	max-width: 170px;
}

#main-footer .social-links a {
	color: #f7f7f7;
	font-size: 32px;
}

#main-footer .copyright {

}

#main-footer .copyright { 
	text-align: center;
	}

#main-player {
	display: none;

	z-index: 100;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	
	clear: both;
	width: 100%;
	height: 60px;
	background-color: rgba(25,25,25,0.9);
	}


/* Newsletter form */
#newsletter {
	/*
	z-index: 10;
	position: fixed;
	top: 0;
	*/
	width: 100%;
	height: 45px;
	margin: 0 auto;
	padding: 0;
	clear: both;
	background-color: #999; 
	border: none;
	box-shadow: inset 0 0 15px rgba(0,0,0,0.25);
	}

#newsletter fieldset {

	border: none;
	width: 245px;
	margin: 0 auto;
	padding: 0;
	}

#newsletter .field-group {
	position: absolute;
	top: 6px;
	right: 50px;
	margin-bottom: 18px;
	}

#newsletter .field-group label {
    display: inline-block;
    margin-right: 5px;
	}

#newsletter .text-input {
	background: rgba(255,255,255,0.5);
	padding: 2px 5px;
	border-radius: 3px;
	font-family: Exo, helvetica, arial, sans-serif;
	font-size: 16px;
	height: 27px;
	}

#newsletter input.text-input {
	background-position: 0 -50px;
	}

#newsletter input.text-input:focus { 
	background-color: rgba(255,255,255,0.95); 
	color: #c36;
	}

#newsletter label {
	font-family: Exo, helvetica, arial, sans-serif;
	font-size: 18px;
	color: #ccc;
	display: block;
	}

#newsletter-submit {
	background-image: url(/assets/images/icons/right-arrow-sm.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	position: absolute;
	top: -9px;
	right: 25px;
	width: 32px;
	height: 32px;
	padding: 0;
	}

/* Hide AJAX-y stuff by default */
.status-message, 
.form-error {
	display: none;
	}

.field-group {
	position: relative;
	}

.status-message {
	background-color: transparent;
	padding: 15px 25px;
	margin: 25px auto;
	font-size: 24px;
	background-color: rgba(0,0,0,0.05);
	border-radius: 25px;
	}

.form-error {
	text-indent: -9999px;
	padding: 3px 15px;
	font-size: 12px;
	color: red;
	}

.icon-error {
	position: relative;
	top: 5px;
	left: -15px;
	display: inline-block;
	background: url(/assets/images/icons/form-validation-icons-sprite.png) 0 -26px no-repeat;
	width: 26px;
	height: 26px;
	}



/* Tables */
.schedule-table {
    border-collapse: separate;
    border-spacing: 0 15px;
    margin: 0 auto;
	width: 90%;
	}

.schedule-table th, 
.schedule-table td {
	width: 30%;
	padding: 1.25em 1em;
	}

.schedule-table td:first-child, 
.schedule-table td:last-child {
	width: 10%;
	text-align: center;
	}

.schedule-table td:first-child {
	width: 5%;	
	padding: 0;
	}
	
.schedule-table td:first-child > div {
	padding: .5em 1em;
	}

.schedule-table thead tr {
	background-color: rgba(0,0,0,0.15);
	}

.schedule-table tbody tr td {
	background-color: rgba(255,255,255,0.5);
	cursor: pointer;
	}	

.schedule-table tbody tr:hover td {
	background-color: rgba(255,255,255,0.65);
	}

.schedule-table tbody tr td:first-child {
	background-color: #701840;
	border-radius: 5px 0 0 5px;
	color: #fff;
	}

.schedule-table tbody tr td:last-child {
	border-radius: 0 5px 5px 0;
	}

/*
.schedule-table tbody tr:nth-child(odd) {
	background-color: rgba(0,0,0,0.15);
	}
*/


#section-promo {
	background-color: rgba(51, 99, 80, 0.75);
	background: rgba(51, 99, 80, 0.75) url(/assets/images/contest/octopus-pedro-n-pip.png) right 50% no-repeat;
	background-size: 20%;
	color: #fff;
}

#section-promo a {
	display: block;
	color: #fff !important;
}

#section-promo .column {
	min-height: auto;
}

#section-promo .column-content {
	border: none;
	margin: 0;
}

#section-promo h1 {
    font-family: "IM Fell DW Pica", Georgia, serif;
    font-size: 26px;
    line-height: 1.2;
    color: #fff;
    border: none;
    margin: 0;
    padding: 5px;
    text-shadow: 0px 0px 15px rgba(255, 255, 255, 0.498039), 
    			 0px 0px 10px rgba(255, 255, 255, 0.498039);
}

#section-promo .promo-content .column-content {
	background: rgba(0,0,0,0.15);
	border-radius: 5px;
	padding: 3px 7px;
}

#section-promo p {
	font-size: 16px;
    text-shadow: 0px 0px 10px rgba(0,0,0,0.75), 
    			 1px 1px 1px rgba(0,0,0,0.75)
}




/* navigation
------------------------------------- */

a {
	color: rgb(158, 43, 121);
	}

a:hover {
	color: rgb(216, 13, 151);
	}
	
a.link-subtle {
	color: #666666;
	border-bottom: 1px dotted rgba(0,0,0,0.25);
	}

a,
a:link,
a:active, 
a:visited,
a:hover {
	text-decoration: none;
	outline: none;
	
	-o-transition:.2s;
	-ms-transition:.2s;
	-moz-transition:.2s;
	-webkit-transition:.2s;
	transition:.2s;
	}


#main-navigation-trigger {
	display: none;
	z-index: 1000;
	position: absolute;
	top: 15px;
	right: 10px;
	font-size: 32px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
	color: #fff;
	line-height: 1px;
	background: rgba(172, 140, 146,0.95) url(/assets/images/backgrounds/white-to-transparent-gradient.png) 0 -75px repeat-x;
	border-radius: 42px;
	padding: 7px 10px;
	text-align: center;
	cursor: pointer;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
	}

#main-nav {
	float: right;
    width: auto;
    margin: 32px 20px 15px 0;
    padding: 0;
	}

#main-nav ul {
	list-style: none;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    background: url(/assets/images/backgrounds/white-to-transparent-gradient.png) 0 -50px repeat-x;
    background-color: rgba(191, 155, 162,0.35); 
    border-radius: 42px;
	}

#main-nav ul li {
	float: left;
 	padding: 0;
 	margin: 0;
 	list-style: none;
	font-family: "Questrial", Helvetica, Arial, sans-serif;
	font-size: 16px;
	text-align: center;
	}

#main-nav a {
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 10px 10px;
	}

#main-nav ul li:first-child a {
	padding-left: 25px;
	}

#main-nav ul li:last-child a {
	padding-right: 25px;
	}

#main-nav ul li a:hover {
	background-color: rgba(172, 140, 146,0.25); 
	}

#main-nav ul li a.selected {
	background-color: rgba(172, 140, 146,0.75); 
	color: #fff;
	}


h1 a  {
	text-decoration: none;
	color: inherit;
	}

.button {
	display: block;
	width: 200px;
	min-width: 200px;
	margin: 10px auto;
	padding: 10px 20px;
	background-color: rgb(158, 43, 121);
	
	/* background-image: url(/assets/images/backgrounds/white-to-transparent-gradient.png); */
	background-repeat: repeat-x;
	background-position: 0 -45px;
	
	-webkit-appearance: none;
	border-radius: 5px;
	/* border: 3px solid rgb(158, 43, 121);  *//* rgba(0,0,0,0.15); */
	cursor: pointer;
	font-family: "Roboto Condensed", helvetica, arial, sans-serif;
	font-size: 16px;
	/* text-shadow: 1px 1px 1px rgba(0,0,0,0.25); */
	/* box-shadow: 1px 1px 3px rgba(0,0,0,0.25); */
	}

.button, 
a.button {
	font-size: auto;
	text-align: center;
	text-decoration: none;
	color: #fff;	
	}

.button:hover {
	background-color: rgb(216, 13, 151);
	color: #fff;
	/* text-shadow: 1px 1px 1px rgba(255,255,255,0.5); */
	}

.button.btn-yellow {
	background-color: rgb(255,208,0);
	color: #000;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	}

.button.btn-yellow:hover {
	background-color: rgb(254,235,76);
	color: #000;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	}

.btn-sm {
	font-size: 14px;
	padding: 2px 5px;
	margin: 3px auto;
	width: 100px;
	min-width: 100px;
	}

.btn-med {
	padding: 5px 10px;
	}

.btn-lrg {
	font-size: 24px;
	padding: 25px 25px;
	width: 250px;
	}

.btn-inline {
	display: inline-block;
	margin: 0;
	}

.barnesandnoble { /* Barnes and Noble buy button */
	margin-top: 2px;
	width: 150px; 
	height: 53px !important;
	background-color: #000;
	border-radius: 8px;
	}

.retailers {
	margin: 5px 0 0 5px;
	}
	
.buy-links {
	display: inline-block;
    border: 1px solid #ccc;
    border-radius: 3px;
 	margin-top: 10px;
    padding: 0px 17px 11px 0px;
    background-color: rgba(0,0,0,.025);
	}

.buy-links li {
	margin-left: 15px;
	float: left;
	background-color: #aaa;
	border: 1px solid #888;
	border-radius: 5px;
	height: 40px;
	width: 50px;
	/* 
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
	 */
	}

.buy-links li:first-child { /*why is this not working???*/
	margin-left: 0;
	}
	
/* 
.buy-links a {
	display: block;	
	}
 */

.buy-links img { 
	max-width: 100px; 
	height: auto;
	margin: 0;
	padding: 0 0 10px 0;
	
	}

.buy-links .fa {
	position: relative;
	top: 4px;
	left: 11px;
	font-size: 30px;
	color: #fff;
	}
	
	
	
	
	
/* alternate buy widget */
.buy-widget {
	max-width: 225px;
	margin: 15px 0;
	padding: 5px;
	background: rgba(175,175,175,0.15);
	border: 1px solid rgba(0,0,0,0.05);
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.05);
	border-radius: 5px;
	}

.buy-widget .buy-widget-title {
	display: block;
	margin: .0125em .25em .25em;
	font-size: 16px;
	color: #333;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.9);
	text-align: center;
	}
	
.buy-widget .buy-options {
	list-style: none;	
	margin: 0;
	padding: 0;
	}

.buy-widget .buy-options li {
	display: inline-block;
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	}

.buy-widget .buy-options li a {
	display: block;
	padding: 5px 7px;
	background: rgb(150,150,150) url(/assets/images/backgrounds/white-to-transparent-gradient.png) 0 -70px repeat-x;
	border: 1px solid rgba(255,255,255,0.25);
	border-bottom-color: rgba(0,0,0,0.15);
	border-right-color: rgba(0,0,0,0.25);

	font-size: 14px;
	color: #fff;
	text-shadow: -1px -1px 1px rgba(0,0,0,0.35), 
				 0 0 7px rgba(0,0,0,0.05);
	text-decoration: none;
	outline: none;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.35);
	}

.buy-widget .buy-options li:first-child a {
	border-radius: 5px 5px 0 0;
	}

.buy-widget .buy-options li:last-child a {
	border-radius: 0 0 5px 5px;
	}

.buy-widget .buy-options li:only-child a {
	border-radius: 5px 5px 5px 5px;
	}
	
.buy-widget .buy-options li a:hover {
	background-color: rgb(170,175,180);
	}
	
.buy-widget .buy-option-label .fa {
	font-size: 18px;
	vertical-align: middle;
	margin: 0 .5em; 
	}
	
.buy-widget .buy-option-label .buy-option-text {

	}



/* Icon only view */
.buy-widget.widget-theme-icon .buy-options {
	display: flex;
	}

.buy-widget.widget-theme-icon .buy-options li {
	flex-grow: 1;
	width: auto;
	}

.buy-widget.widget-theme-icon .buy-options li:first-child a {
	border-radius: 5px 0 0 5px;
	}

.buy-widget.widget-theme-icon .buy-options li:last-child a {
	border-radius: 0 5px 5px 0;
	}
	
.buy-widget.widget-theme-icon .buy-options li a {
	text-align: center;
	}
	
.buy-widget.widget-theme-icon .buy-option-label .fa {
	font-size: 28px;
	}
	
.buy-widget.widget-theme-icon .buy-option-label .buy-option-text {
	display: none;
	}
	
.buy-widget.widget-theme-icon .buy-options li:hover .buy-option-text { /* tool tips */
	display: block;
	position: absolute;
	top: -40px;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-color: rgba(50,50,50,0.8);
	padding: 5px 2px;
	border-radius: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	}
	
	
/* typography
------------------------------------- */

body {
	font: normal 14px/1.4em "Roboto", Helvetica, Arial, sans-serif;
	font-weight: 300;
	color: #333;
	}

h1, h2, h3, h4, h5, h6 { 
	color: #666666;
	line-height: 1;
	}

.wf-loading #logo {
	visibility: hidden;
	}

.wf-active #logo {
	visibility: visible;
	}

#logo {
	font-family: "Raleway", Helvetica, Arial, sans-serif;
    font-size: 46px;
    font-weight: 700; 
	font-style: normal;
	text-transform: uppercase;
    
    z-index: 1;
	line-height: 1;
	position: absolute;
	top: 32px;
	left: 15px;
	width: auto;
	/* text-transform: uppercase; */
	padding: 0;
	}

#logo, 
#logo a {
	text-decoration: none;
	color: #9E2B79; 
	
    /*
    text-shadow: 1px 1px 15px rgba(50,0,25,0.5), 
    			 1px 1px 3px rgba(0,0,0,0.9), 
    			 1px 2px 35px rgba(50,0,25,0.35);
	*/
    text-shadow: 1px 1px 1px rgba(0,0,0,0.15), 
    			 -1px -1px 1px rgba(255,255,255,0.9), 
    			 1px 1px 15px rgba(255,255,255,0.9), 
    			 1px 1px 35px rgba(255,255,255,0.9)
	}

.section h1 {
 	font-family: Questrial, Helvetica, Arial, sans-serif;
	font-size: 38px;
	font-weight: 400;
	margin: 0;
	padding: 0;
	}

.card .section-header h1 {
	margin-left: 10px;
	margin-right: 10px;
	}

#section-welcome .hero .card .card-header h1 {
	font-family: "Amatic SC", "IM Fell DW Pica", Georgia, serif;
	color: #fff;
	font-size: 130px;	
	}


.section-header h1 {
	color: #a27266;
	}

.card-header h1 {
	color: #666666;
	font-size: 26px;
	}

.section.section-bg-color .section-header h1 {
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0 , 0, .5);
	}

.section.section-bg-color .column-content {
	text-shadow: 1px 1px 1px rgba(0, 0 , 0, .5);
	}

.column-content h2 {
	font-family: "Roboto Slab", serif;
	font-weight: 400;
	}


	
/* alignment
------------------------------------- */

.align-left {
	float: left;
	}

.pad-left {
	float: left;
	margin: 0 15px 10px 0;
	}

.align-right {
	float: right;
	}

.pad-right {
	float: right;
	margin: 0 0 10px 15px;
	}

.align-center, 
.pad-center {
	text-align: center;
	margin: 15px auto;
	}

.clear {
	clear: both;
	}

	
	
/* misc
------------------------------------- */

.rating {
	width: auto;
	margin: 5px 0;
	padding: 2px;
	color: gold;
	font-size: 28px;
	text-align: left;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.75), 
				 -1px -1px 1px rgba(255,255,255,0.95),
				 1px 1px 7px rgba(0,0,0,0.25);
	}

.testimonial {
	margin: 15px 25px;
	padding: 5px 10px 10px;
 	background-color: rgba(0,0,0,0.05);
 	border-radius: 3px;
	}

.testimonial .rating {
	text-align: center;
	}

.testimonial-quote {
	font-style: italic;
	font-size: 14px;
	line-height: 1.4;
	}

.testimonial-author {
	margin: 0;
	padding: 0;
	text-align: right;
	font-weight: bold;
	}

.testimonial-affiliation {
	display: block;
	font-weight: normal;
	font-size: 12px;
	font-style: normal !important;
	}

.testimonial-quote {
	position: relative;
	}

.review {
	font-family: "Roboto Slab";
	}

.big-quote {
	position: absolute;
    top: -25px;
    left: 13px;
    font-family: Georgia;
    font-size: 101px;
	}

.testimonial.review .testimonial-quote {
	font-size: 18px;
	font-style: normal;
	line-height: 1.3;
	padding: 16px 15px 0 60px;
	}

.testimonial.review .testimonial-author {
	padding: 0 20px 20px 0;
  }

.section.section-bg-color .testimonial {
	color: #fff;
	}


/* Audio */
.audio-player {
	background: rgba(25,25,25,0.9); /* #f7f7f7 */
	width: 300px;
	margin: 5px auto;
	padding: 1px;

	border: 1px solid #ccc;
	border-top: 1px solid #ecebed;
	border-left: 1px solid #ecebed;
	}

#main-player .audio-player {
	background: transparent;
	border: none;
}

.audio-player { /* */
	position: relative;
	border-radius: 45px;
	height: 50px;
	}

.audio-player audio {
	display: none;
	background: transparent; /* #f7f7f7 */
	width: 270px;
	margin: 15px 15px;
	text-align: center;
	}

.media-play-button {
	/* text-indent: -99999px; */
	color: #dedede;
	font-size: 42px;
	display: block;
	
	/*
	background-color: none;
	background-image: url(/assets/images/icons/play-button.png);
	background-size: 84px;
	background-position: 0 0;
	background-repeat: no-repeat;

	width: 42px;
	height: 42px; 
	*/
	cursor: pointer;
	}

.media-play-button { /* */
	position: absolute;
	top: 3px;
	left: 7px;
	width: 42px;
	height: 42px;
	}

.media-play-button:hover {
	color: #fff;
	}

.media-current-time {
	width: 200px; /* 78%; */
	height: 5px;
	padding: 0;
	border-radius: 5px;
	background-color: #666666; /* #eee */
	box-shadow: inset 0 0 7px rgba(0,0,0,0.15);
	display: block;
	position: absolute;
	bottom: 5px;
	left: 55px;
	overflow: hidden;
	}
.media-current-time-progress {
	display: block;
	background: #d23464 url(/assets/images/backgrounds/white-to-transparent-gradient.png) 0 -75px repeat-x;
	width: 0%; 
	height: 5px;
	border-radius: 2px;
	}
	
.media-title {
	position: absolute;
	top: 7px;
	left: 55px;
		
	display: inline-block;
	max-width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	
	font-family: "Exo", helvetica, arial, sans-serif;
	text-align: center;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.2em;
	color: #fff; /* #333 */
	}

.media-artist {
	position: absolute;
	top: 25px;
	left: 55px; 
	
	display: inline-block;
	max-width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	
	font-family: "Exo", helvetica, arial, sans-serif;
	text-align: center;
	font-weight: 300;
	font-size: 11px;
	line-height: 1em;
	color: #999;
	}


.audio-playlist {
	margin: 0;
	padding: 0;
	}

ol.audio-playlist {
	padding-left: 25px;
	}

.audio-playlist li {
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 10px;
	color: #999;
	}

.audio-playlist li a {
	display: block;
	margin: 0;
	padding: 3px 15px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ecebed;
	font-size: 12px;
	color: #333;
	}

.audio-playlist li a:hover {
	background: #ecebed;
	color: #000;
	}

.audio-playlist li a span {
	position: absolute;
	right: 15px;
	font-size: 10px;
	color: #999;
	}

.audio-playlist li:nth-child(even) a {
	background: #ede0f7; /* #e5ecf9 */
	color: #333;
	}

.audio-playlist li:nth-child(even) a:hover {
	background: #d8c6e7; /* #c6cfe7 */
	color: #000;
	}

.audio-playlist li a.selected, 
.audio-playlist li a.selected:hover, 
.audio-playlist li a.selected span {
	color: #fff;
	}

.audio-playlist li a.selected, 
.audio-playlist li a.selected:hover {
	background: #8961ac; /* #5f76aa */
	}







.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}



textarea {
   resize: none;
}


.hide {
	display: none !important;
	}

.show {
	display: block !important;
	}

.footnote {
	margin-top: 35px;
	font-size: 12px;
	line-height: 1.5em;
	color: #666666;
	}

img, a img {
	border: 0;
	border: none;
	text-decoration: none;
	}

img {
	max-width: 100%;
	height: auto;
	}

.border {
	border: 1px solid #ccc;
	}

.no-border {
	border-color: transparent;
	}

.inline {
	display: inline;
	}

.border-btm, 
.border_btm {
	border-bottom: 1px dashed $ccc;
	}

.inset {
	width: 125px;
	margin: 0 0 10px 15px;
	text-align: center;
	float: right;
	}

.inset .caption {
	font-size: 80%;
	}

ul {
	list-style-type: square;
	}

ol {
	list-style-type: decimal;
	}

li {
	padding-bottom: 1em;
	}

.no-bullet {
	list-style-type: none;
	margin-left: 0;
	padding: 0;
	}

.list-horz {
	/* overflow: hidden; */
	clear: both;
	}

.list-horz li {
	float: left;
	margin-right: 15px;
	}

.list-vert {
	overflow: visible;
	}

.list-vert li {
	float: none;
	margin-right: 15px;
	}

.last {
	margin-right: 0;
	}

dd {
	margin: 0;
	}

hr {
	border: none;
	border-bottom: 1px solid #dedede;
	margin: 25px auto;
	width: 100%;
	}

.nobr {
	white-space: nowrap;
	}

.disabled, 
input[disabled][type=submit], 
input[disabled=disabled][type=submit] {
    pointer-events: none;
    opacity: 0.5;
	}



.ornaments-header {
	height: 29px;
    width: 680px;
    position: relative;
    left: 138px;
    top: -38px;
	float: right;
	}