/* ------------------------------------------------------------ *\
	New Styles
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

@font-face {
    font-family: 'Adobe Garamond Pro';
    src: url('../fonts/adobe_garamond_pro_bold_italic-webfont.eot');
    src: url('../fonts/adobe_garamond_pro_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/adobe_garamond_pro_bold_italic-webfont.woff2') format('woff2'),
         url('../fonts/adobe_garamond_pro_bold_italic-webfont.woff') format('woff'),
         url('../fonts/adobe_garamond_pro_bold_italic-webfont.ttf') format('truetype'),
         url('../fonts/adobe_garamond_pro_bold_italic-webfont.svg#adobe_garamond_probold_italic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Adobe Garamond Pro';
    src: url('../fonts/adobe_garamond_pro_bold-webfont.eot');
    src: url('../fonts/adobe_garamond_pro_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/adobe_garamond_pro_bold-webfont.woff2') format('woff2'),
         url('../fonts/adobe_garamond_pro_bold-webfont.woff') format('woff'),
         url('../fonts/adobe_garamond_pro_bold-webfont.ttf') format('truetype'),
         url('../fonts/adobe_garamond_pro_bold-webfont.svg#adobe_garamond_probold') format('svg');
    font-weight: bold;
    font-style: normal;
}

/* ------------------------------------------------------------ *\
	Art Nav
\* ------------------------------------------------------------ */

#art-nav .my-books { position: relative; display: inline-block; width: 163px; height: 28px; margin-bottom: 8px; font-family: 'Arvo', serif; font-size: 22px; line-height: 28px; font-weight: 700; color: #dffe3e; text-decoration: none; text-align: center; text-transform: uppercase; background: rgba(0, 0, 0, .6); }
#art-nav .my-books:hover { margin-left: 14px; }
#art-nav .my-books:before { content: ''; position: absolute; display: inline-block; width: 0; height: 0; border-style: solid; top: 50%; left: 7px; transform: translateY(-50%); border-style: solid; border-width: 5.5px 0 5.5px 9px; border-color: transparent transparent transparent #ffffff; }
#art-nav .my-books:hover:before { content: ''; border-color: transparent transparent transparent #d60554;}

#art-nav .my-books span { font-size: 18px; }


/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */

.container { max-width: 980px; margin: 0 auto; }

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: 780px; margin: 0 auto; }



/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

#navArea { height: auto; }

#nav { max-width: 910px; width: auto; height: auto; margin: 0 auto; }

#menu { float: none; height: auto; text-align: center; }
#menu ul { padding: 0; margin: 0; }
#menu ul li { display: block; }
#menu ul li a { float: none; display: block; padding-right: 0; font-size: 17px; font-weight: bold; }

#menu > ul > li:hover > a { color: #d2ff37; }

#menu > ul { font-size: 0; }
#menu > ul > li { display: inline-block; font-size: 17px; position: relative; }
#menu > ul > li > a { position: relative; padding: 9px 24px 5px; float: none; }

#menu > ul > .has-dropdown > a:before,
#menu > ul > .has-dropdown > a:after { position: absolute; top: 20px; right: 16px; width: 1px; height: 5px; background: #fff; content: ''; }

#menu > ul > .has-dropdown > a:before { right: 12px; }
#menu > ul > .has-dropdown > a:before {
	-webkit-transform: rotate(60deg);
	    -ms-transform: rotate(60deg);
	     -o-transform: rotate(60deg);
	        transform: rotate(60deg);
}

#menu > ul > .has-dropdown > a:after {
	-webkit-transform: rotate(-60deg);
	    -ms-transform: rotate(-60deg);
	     -o-transform: rotate(-60deg);
	        transform: rotate(-60deg);
}

#menu > ul > .has-dropdown:hover > a:before,
#menu > ul > .has-dropdown:hover > a:after { background: #d2ff37; }

#menu li:hover > .nav-dropdown { opacity: 1; visibility: visible; }

.nav-dropdown { position: absolute; top: 100%; left: 0; width: 250px; padding-top: 5px; background: #000; text-align: left; opacity: 0; visibility: hidden; }
.nav-dropdown {
	-webkit-transition: opacity .4s, visibility .4s;
	     -o-transition: opacity .4s, visibility .4s;
	        transition: opacity .4s, visibility .4s;
}

#menu .nav-dropdown a { padding: 7px 10px 7px 24px; }

/*  Nav Home  */
.nav-home #menu > ul > li:hover > a { color: #d2ff37; }

.nav-home .nav-dropdown { background: #000; }

.nav-home #menu > ul > .has-dropdown > a:before,
.nav-home #menu > ul > .has-dropdown > a:after { background: #fff; }
.nav-home #menu > ul > .has-dropdown:hover > a:before,
.nav-home #menu > ul > .has-dropdown:hover > a:after { background: #d2ff37; }

.nav-mobile.caption { display: none; }

/* ------------------------------------------------------------ *\
	Section Book
\* ------------------------------------------------------------ */

.section-book { padding: 12px 0 19px; border-bottom: 1px dashed #7f7f7f; font-family: 'Open Sans', sans-serif; }

.section-book .section-body { overflow: hidden; }

.section-book .section-image { float: left; margin-left: 20px; }
.section-book .section-content { float: right; width: 264px; padding-top: 9px; margin-right: 46px; text-align: center; }

.section-book .section-content h3 { margin: 0 0 26px; font-size: 28px; line-height: 1.2; font-weight: normal; }
.section-book .section-content p { margin: 0 0 11px; font-size: 18px; line-height: 1.25; font-style: italic; font-weight: bold; }

.section-book .section-content-actions { padding-top: 43px; }
.section-book .section-content .btn-amazon { display: inline-block; }

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

.slides { padding: 0; margin: 0; list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Section Testimonials
\* ------------------------------------------------------------ */

.section-testimonials { padding: 53px 0 41px; }

.slider-testimonials { position: relative; }
.slider-testimonials:before,
.slider-testimonials:after { position: absolute; top: -15px; left: 21px; z-index: -1; width: 64px; height: 43px; background: url(../images/quote-left.png) no-repeat 0 0; content: ''; }
.slider-testimonials:after { top: auto; left: auto; right: 22px; bottom: 6px; background-image: url(../images/quote-right.png); }

.slider-testimonials .owl-nav,
.slider-testimonials .owl-dots { display: none; }

.testimonial blockquote { position: relative; padding: 0 10px; margin: 0; font-family: 'Adobe Garamond Pro', sans-serif; font-size: 22px; font-weight: bold; text-align: center; }
.testimonial blockquote p { margin: 0 0 5px; font-style: italic; }
.testimonial blockquote span { display: block; text-align: right; }

/* ------------------------------------------------------------ *\
	Section Byu
\* ------------------------------------------------------------ */

.section-buy { padding: 39px 0 50px; border-top: 1px dashed #7f7f7f; }

.section-buy .section-cols { overflow: hidden; }
.section-buy .section-col { float: left; }
.section-buy .section-col-size1 { width: 50.8%; }
.section-buy .section-col-size2 { width: 46.2%; margin-left: 3%; }

.section-buy .section-content { padding: 2px 0 0; }
.section-buy .section-content-actions { margin-bottom: 24px; }

.section-buy h3 { margin: 0 0 22px; font-size: 22px; font-style: italic; }
.section-buy p { margin: 0 0 17px; font-size: 14px; line-height: 1.25; }

/* ------------------------------------------------------------ *\
	Slider Books
\* ------------------------------------------------------------ */
.slider-books * {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.slider-books .owl-nav,
.slider-books .owl-dots { display: none; }

.slider-books .slider-nav { margin-top: 23px; }
.slider-books .slider-thumbs,
.slider-books .slider-nav ul { padding: 0; margin: 0 -5px; font-size: 0; list-style: none outside none; }
.slider-books .slider-thumb,
.slider-books .slider-nav li { display: inline-block; width: 33.33%; padding: 0 5px; vertical-align: top; cursor: pointer; }

/* ------------------------------------------------------------ *\
	Btn
\* ------------------------------------------------------------ */

.btn-yellow { display: inline-block; padding: 5px 32px 6px 9px; border: 2px solid #1c297e; border-radius: 25px; font-size: 17px; color: #000; vertical-align: top; text-decoration: none; }

.btn-yellow small { position: relative; overflow: hidden; display: inline-block; width: 38px; height: 38px; border-radius: 50%; margin-right: 7px; background: #16247f; vertical-align: middle; }
.btn-yellow small:before { position: absolute; top: 50%; left: 50%; width: 0; height: 0; border-style: solid; border-width: 9px 0 9px 15px; border-color: transparent transparent transparent #ffffff; margin: -10px 0 0 -6px; content: ''; }

.btn-yellow span { display: inline-block; margin-top: 5px; vertical-align: middle; }

.btn-yellow img { margin-top: 5px; vertical-align: middle; }

.btn-yellow {
	background: rgb(254,224,88); /* Old browsers */
	background: -webkit-linear-gradient(top,  rgba(254,224,88,1) 0%,rgba(249,219,89,1) 2%,rgba(249,191,69,1) 81%,rgba(248,170,56,1) 98%,rgba(253,171,52,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  rgba(254,224,88,1) 0%,rgba(249,219,89,1) 2%,rgba(249,191,69,1) 81%,rgba(248,170,56,1) 98%,rgba(253,171,52,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(254,224,88,1) 0%,rgba(249,219,89,1) 2%,rgba(249,191,69,1) 81%,rgba(248,170,56,1) 98%,rgba(253,171,52,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fee058', endColorstr='#fdab34',GradientType=0 ); /* IE6-9 */
}

.btn-yellow:hover {
	background: rgb(253,171,52); /* Old browsers */
	background: -webkit-linear-gradient(top,  rgba(253,171,52,1) 0%,rgba(248,170,56,1) 2%,rgba(249,191,69,1) 19%,rgba(249,219,89,1) 98%,rgba(254,224,88,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,  rgba(253,171,52,1) 0%,rgba(248,170,56,1) 2%,rgba(249,191,69,1) 19%,rgba(249,219,89,1) 98%,rgba(254,224,88,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(253,171,52,1) 0%,rgba(248,170,56,1) 2%,rgba(249,191,69,1) 19%,rgba(249,219,89,1) 98%,rgba(254,224,88,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdab34', endColorstr='#fee058',GradientType=0 ); /* IE6-9 */
}

/* ------------------------------------------------------------ *\
	Media Queries
\* ------------------------------------------------------------ */

/* max-width: 899px */
@media (max-width: 899px) {
	* {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}

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

	#logo { overflow: hidden; width: auto; }
	#logo img { max-width: none; width: auto; height: auto; }

	/*  Nav  */
	#menu > ul > li > a { padding-left: 20px; padding-right: 20px; }

	#menu > ul > .has-dropdown > a:after { right: 10px; }
	#menu > ul > .has-dropdown > a:before { right: 6px; }

	#headingArea { width: auto; height: auto; padding: 0 20px; }

	#barronContent { width: auto; height: auto; padding: 0 10px; }

	/*  About  */
	.biotable { width: 100%; height: auto; }

	/*  Southwest  */
	div#page { width: auto; }

	div.content { float: none; width: auto; }

	div.caption { width: auto; }
	span.image-caption { right: 0; }

	#thumbs { width: auto !important; }
	ul.thumbs { margin: 0 -10px; font-size: 0; text-align: center; }
	ul.thumbs li { float: none; display: inline-block; margin: 0 10px 10px; }

	div.slideshow a.advance-link { height: auto !important; line-height: 1.4; }

	/*  Footer  */
	#footer { width: auto; text-align: center; }
}

/* max-width: 767px */
@media (max-width: 767px) {
	h1 { margin-top: 15px; font-size: 40px; }

	/*  Slideshow  */

	div.slideshow-container { height: auto; overflow: hidden; }
	div.slideshow span.image-wrapper { position: static; text-align: left; }
	.image-wrapper.previous { position: absolute !important; }
	div.slideshow a.advance-link { text-align: left; }
	div.caption-container { height: auto; margin-bottom: 20px; }
	.image-caption.current { position: static; }
	div.caption { height: auto; }


	/*  Nav Mobile  */
	.nav-mobile { position: absolute; top: 7px; right: 10px; display: block; width: 38px; padding: 8px 4px; border: 1px solid #d2ff37; border-radius: 4px; }
    .nav-mobile span { display: block; height: 3px; background: #d2ff37; }
    .nav-mobile span ~ span { margin-top: 3px; }
    .nav-mobile.active { background: #d2ff37; }
    .nav-mobile.active span { background: #000; }

    .nav-home .nav-mobile { border-color: #d2ff37; }
    .nav-home .nav-mobile span { background: #d2ff37; }
    .nav-home .nav-mobile.active { background: #d2ff37; }
    .nav-home .nav-mobile.active span { background: #000; }

	#nav { position: relative; z-index: 10; height: 46px; }

	#menu { position: absolute; top: 100%; left: 0; overflow: hidden; max-height: 0; width: 100%; }
	#menu > ul > li { display: block; border-top: 1px solid #fff; }
	#menu > ul > li > a { padding: 8px 0; }

	.nav-dropdown { position: static; overflow: hidden; max-height: 0; width: auto; padding: 0; opacity: 1; visibility: visible; }
	#menu .nav-dropdown a { padding: 6px 0; font-size: 15px; text-align: center; }

	#menu li.expanded > a { color: #d2ff37; }

	#menu > ul > li.expanded.has-dropdown > a:before { right: 10px; }
	#menu > ul > li.expanded.has-dropdown > a:after { right: 6px; }

	#menu.expanded,
	#menu li.expanded > .nav-dropdown { max-height: 1000px; }

	#menu,
	.nav-dropdown {
		-webkit-transition: max-height .4s;
		     -o-transition: max-height .4s;
		        transition: max-height .4s;
	}

	.nav-mobile-caption { position: absolute; top: 8px; right: 58px; display: inline-block; font-size: 24px; font-family: 'Arvo', serif; font-weight: 700; color: #ddff38; }

	#headingArea { padding-top: 15px; }

	#art-nav { left: 5px; height: auto; padding-bottom: 20px; }

	ul.thumbs { margin: 0 -5px; }
	ul.thumbs li { margin: 0 5px 10px; }

	div.navigation div.top { overflow: hidden; height: auto; }

	div.caption { padding: 5px 0 0; }

	div#container { padding-left: 10px; padding-right: 10px; }

	#barronContent div[style*="float:left; width:400px; padding-right:19px;"] { float: none !important; width: auto !important; padding: 0 0 10px !important; text-align: center; }

	#barronContent > table,
	#barronContent > table tbody,
	#barronContent > table tr,
	#barronContent > table td { display: block; width: auto; }

	#barronContent img { display: block; margin: 0 auto; }

	/*  About  */
	#headerArea,
	#headerContact,
	#headerPrints,
	#headerWH,
	#headerJazz,
	#headerCOA,
	#headerSW,
	#headerBio { height: auto; }

	.biotable { padding: 0 5px; }
	.biotable,
	.biotable tbody,
	.biotable tr,
	.biotable td { display: block; width: auto; }

	.biotable img { display: block; margin: 0 auto; }

	img[src*="spc.jpg"] { display: none; }

	#galleryArea { background: #E2E2E2; }

	/*  Btns  */
	.btn-yellow { padding-right: 13px; }

	/*  Section Books  */
	.section-book { padding: 10px 5px; text-align: center; }
	.section-book .section-content,
	.section-book .section-image { float: none; width: auto; margin: 0; }

	.section-book .section-content-actions { padding-top: 20px; }

	/*  Section Testimonials  */
	.section-testimonials { padding: 30px 5px; }

	.testimonial blockquote { padding: 0 5px; }
	.testimonial blockquote p { margin-bottom: 15px; }
	.testimonial blockquote span { text-align: center; }

	/*  Section Buy  */
	.section-buy { padding: 20px 5px; }

	.section-buy .section-col { float: none; }
	.section-buy .section-col-size2,
	.section-buy .section-col-size1 { width: auto; margin: 0; }

	.section-buy .section-content { padding-top: 20px; }

	.slider-books .slider-nav img { width: 100%; height: auto; }

	.section-book .section-content .btn-amazon { margin-bottom: 10px; }

	/* ------------------------------------------------------------ *\
		Helpers
	\* ------------------------------------------------------------ */

	.slideshow:after { content: ''; display: block; width: 100%; clear: both; }
}