@charset "utf-8";
/* CSS Document */

/* Fonts 
Proxima Nova Bold
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: normal;

Proxima Nova Bold Italic
font-family: proxima-nova, sans-serif;
font-weight: 700;
font-style: italic;

Proxima Nova Regular
font-family: proxima-nova, sans-serif;
font-weight: 400;
font-style: normal;

Proxima Nova Italic
font-family: proxima-nova, sans-serif;
font-weight: 400;
font-style: italic;

Abril Text Regular
font-family: abril-text, serif;
font-weight: 400;
font-style: normal;

Abril Text Italic
font-family: abril-text, serif;
font-weight: 400;
font-style: italic;

Abril Text Bold
font-family: abril-text, serif;
font-weight: 700;
font-style: normal;

Abril Text Bold Italic
font-family: abril-text, serif;
font-weight: 700;
font-style: italic;

FreightSans Pro Book
font-family: freight-sans-pro, sans-serif;
font-weight: 400;
font-style: normal;

FreightSans Pro Book Italic
font-family: freight-sans-pro, sans-serif;
font-weight: 400;
font-style: italic;

FreightSans Pro Bold
font-family: freight-sans-pro, sans-serif;
font-weight: 700;
font-style: normal;

FreightSans Pro Bold Italic
font-family: freight-sans-pro, sans-serif;
font-weight: 700;
font-style: italic;

Anago Bold
font-family: anago, sans-serif;
font-weight: 700;
font-style: normal;

Anago Bold Italic
font-family: anago, sans-serif;
font-weight: 700;
font-style: italic;

Anago Book
font-family: anago, sans-serif;
font-weight: 400;
font-style: normal;

Anago Book Italic
font-family: anago, sans-serif;
font-weight: 400;
font-style: italic;

*/

body {
	font-family: anago, sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: .02em;
    line-height: 1.6em;
	color: #444;
	margin: 0px; padding: 0px; 
}
a { color: #531877; text-decoration: none; }

h1 {
	font-family: abril-text; font-size: 36px;font-weight: 400;font-style: normal;letter-spacing: 0px;text-transform: none;line-height: 1.3em; color: rgba(74,18,110,.95);
}
h2 { 
	color: #222; font-family: freight-sans-pro; font-size: 21px; font-weight: 300; font-style: normal; 
	letter-spacing: .03em; text-transform: none; line-height: 1.2em;
}
h3 {
	font-family: proxima-nova;    font-size: 14px;    font-weight: 400;    font-style: normal;    letter-spacing: .04em;    text-transform: none;    line-height: 1.2em;
}
.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%;
}
.before-description { margin: 30px 0; background-color: rgba(255,255,255.1); padding: 20px; border-radius: 12px;}
.titles-by { text-transform: uppercase; letter-spacing: 1px; font-weight: bold; margin: 40px 0 10px;}
#pi-page-header { padding: 20px 0; height: 48px; text-align: center;}
.pi-maxwidth { width: 96%; margin: 0 auto; max-width: 900px;}
#banner, #pi-navigation-top, #pi-social { display: inline-block; vertical-align: middle;}

#banner {width: 194px; height: auto; float: left;}
#pi-navigation-top { text-align: center; padding-top: 12px; }
#pi-navigation-top a {
	font-family: proxima-nova; font-size: 14px; font-weight: 500; letter-spacing: .12em;
	text-transform: uppercase; color: #12596d; display: inline-block; margin: 0 8px;
}
.pi-banner {margin: 0 0 50px; }

#pi-social { float: right; padding-top: 12px; }
#pi-social img, #pi-social-footer img { display: inline-block; vertical-align: top; margin: 0 3px; }

#pi-page-body { background-color: #f2f2f2; padding: 40px 0 40px ;  }
.pi-lefthalf, .pi-righthalf { display: inline-block; vertical-align: top;}
.pi-lefthalf { width: 36%; text-align: center;  }
.pi-righthalf { width: 57%; margin-left: 5%; text-align: left; }
.pi-lefthalf img {width: 100%; height: auto; text-align: center; margin-bottom: 10px;  }

.social-links .sqs-use--icon { fill: #4a156a; }
#page-footer-wrapper {
    border-top: 1px solid #3e0264;
    clear: both;
	padding: 30px 0 0;
}
#pi-social-footer, .pi-footer-menu { display: inline-block; vertical-align: top; }
#pi-social-footer { text-align: left; padding-top: 20px; }
.pi-footer-menu { text-align: left; text-transform: uppercase; }
.pi-footer-menu a { display: inline-block; margin-right: 10px;  }

#pi-social img:hover, #pi-social-footer img:hover { opacity: .6; }

.pi-manybooks { text-align: center; }
.one-pi-book {display: inline-block; vertical-align: top; }
.one-pi-book { width: 210px; margin: 0 5px 30px; }
.one-pi-book img {width: auto; height: 250px; margin: 0 auto; }
.pi-smtitle { padding: 0 20px; font-size: 12px; text-transform: uppercase; font-weight: bold; line-height: 1.3em; }
.pi-season { text-transform: uppercase; clear: both; text-align: center; margin-bottom: 20px; }

.pi-divider { border-top: 1px solid rgba(74,18,110,.95); margin: 40px 0; clear: both;}

.pi-leftcol, .pi-rightcol { display: inline-block; vertical-align: top; }
.pi-leftcol {width: 30%; max-width: 300px; margin-right: 5%; text-align: center;}
.pi-leftcol a {text-transform: uppercase; display: block; margin: 0 15% 10px; padding-bottom: 10px; border-bottom: 1px solid #999; letter-spacing: 2px; font-family: proxima-nova; font-weight: 600;}
.pi-leftcol a:hover { font-weight: bold; }
.pi-leftcol img { width: 100%; height: auto; }
.pi-rightcol { width: 64%; }

.one-pi-author { 
	display: inline-block; vertical-align: top; width: 200px; color: #000; text-transform: uppercase; 
	font-size: 11px; font-weight: bold; margin: 0 20px 40px 0;
}
.one-pi-author img { width: 200px; height: 200px;}

.pi-bookborder { clear: both; }
a.pi-backlink { color: #666; border: 1px solid #666; float: right; display: block; padding: 3px 10px; border-radius: 6px; text-transform: uppercase; font-family: proxima-nova; font-size: 12px; font-weight: 500; letter-spacing: 1px;    }
a.pi-backlink:hover { color: #000; border: 1px solid #000; }
.pitbl { margin: 20px 0; padding: 0px;}
.cell-l { width: 120px;}
.pitbl td {padding: 0px;}

h3 { border-top: 1px solid #531877; margin: 50px 0 30px; padding: 40px 0 0; text-align: center; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; font-size: 20px;}
h5 { color: #666; margin-top: 70px;}

.pi-extras {border-bottom: 1px solid #531877; margin: 30px 0; padding: 0px 0px 40px 0; text-align: center; }
.onepiextra { margin: 20px auto; }
.pi-extras h2 {margin-bottom: 8px; text-transform: none;}
.pi-extras a {
	padding: 5px 20px 3px;
	margin: 0 10%;
	letter-spacing: 1px;
	background-color: #7b3491;
	color: #FFF;
	border: 0px solid #333;
	border-radius: 3px;
	font-family: proxima-nova;
font-size: 11px;
font-weight: 600;
font-style: normal;
text-transform: uppercase;
	display: block;
}
.pi-extras a:hover {
	color: #FFF; background-color: #000;
}
.extra-right { text-align: left; }
/*.one-ggbook.guide .extra-right img { display: block; margin: 0 auto 20px; width: 42px; height: 42px;  float: none;}*/
a .extra-icon  {line-height: 42px; color: #4a156a; margin-bottom: 20px; }
.one-ggbook.guide .extra-right .extra-icon img {width: 42px; height: 42px; display: inline-block; margin-right: 2%; }
.one-ggbook.guide a .extra-right { color: #333;}
.one-ggbook.guide:hover { box-shadow: 0 0 10px #4a156a; }
.one-ggbook.guide a .extra-right p { font-size: 13px; margin: 0px; line-height: 1.3em;}
.one-ggbook.guide a .extra-right p.pi-title { font-size: 18px; font-weight: bold; margin-bottom: 5px; }

.one-ggbook.guide { width: 43.5%; display: inline-block; vertical-align: top; padding: 2%; background-color: #FFF; border-radius: 12px; margin-right: 2%;}
.one-ggbook.guide img {float: left; width: 30%; height: auto; margin-right: 5%;}


    img.podcast-logo {display: inline-block; vertical-align: top; width: 23%; height: auto; margin-right: 3%;  }
    .podcast { display: inline-block; vertical-align: top; border: 0px; margin: 0 auto ;  width: 73%; }
.podcast h2 {margin-top: 0px; padding-top: 0px;}
    .podcast a { display: inline- block; padding: 5px 20px 3px; letter-spacing: 1px; background-color: #0f2a8e; color: #FFF; font-family: proxima-nova; text-align: center; border-radius: 4px; font-size: 11px; font-weight: 600; font-style: normal; text-transform: uppercase; }
    .podcast a:hover { background-color: #000; color: #FFF;}

.connect-creator { line-height: 22px;}
.connect-creator a {display: inline-block; vertical-align: middle; margin-right: 15px;}
.connect-creator img { display: inline-block; vertical-align: middle; margin: 0 5px 0 0;}
.connect-creator img:hover { opacity: .6; }

.bio-left, .bio-right { display: inline-block; vertical-align: top; }
.bio-left { width: 35%; margin-right: 4%;}
.bio-left img { width: 100%; height: auto; }
.bio-right { width: 60%;}

.pi-footer-link {background-color: #531877; padding: 8px 0 ; color: #FFF; display: block; text-align: center; max-width: 400px; border-radius: 10px; text-transform: uppercase; margin: 40px auto; font-weight: bold;}

/* Borrowed from GG */
.gg-footer-link {background-color: #dc0000; padding: 40px 0 0; color: #FFF; display: block; text-align: center;
position: relative; z-index: 9999; text-transform: uppercase; margin: 40px -47px -20px; font-weight: bold;}

a.extras {
    display: inline-block;
    background-color: #d03d35;
    color: #FFF;
    padding: 10px 20px;
    border-radius: 12px;
    width: 150px;
    margin: 20px 10px 0px 0;
	text-align: center;
}
a.extras:hover {background-color: #a00a02;}
ul { padding-left: 25px; }

footer {background-color: rgb(220, 0, 0); color: #FFF; padding: 40px 2%; line-height: 26px; border-bottom: 40px solid #000; text-align: center;}
.edgtf-column { }
footer a { color: rgb(255, 252, 215);}
.edgtf-column.first { float: left; text-align: left; }
.edgtf-column.first a { display: inline-block; margin-right: 15px;  }
.edgtf-column.second {float: right; text-align: right;}
.edgtf-column.third { text-align: center; width: 100%; }

.skinny-form .ctct-form-embed.form_2 .ctct-form-defaults, 
.skinny-form .ctct-form-embed.form_1 .ctct-form-defaults { 
	text-align: center; background-color: rgba(74,18,110,.95); 
}
.skinny-form .ctct-form-embed.form_1 .ctct-form-defaults .ctct-form-header, 
.skinny-form .ctct-form-embed.form_2 .ctct-form-defaults .ctct-form-header { 
	display: inline-block; vertical-align: middle; color: #FFF; margin: 0px 30px 0 0;
}
.skinny-form #gdpr_text, .skinny-form .ctct-form-footer {
	display: none; 
}
.skinny-form div.ctct-form-embed form.ctct-form-custom div.ctct-form-field,
.skinny-form .ctct-form-embed.form_1 .ctct-form-custom .ctct-form-button,
.skinny-form .ctct-form-embed.form_2 .ctct-form-custom .ctct-form-button,
.skinny-form .ctct-form-embed.form_1 .ctct-form-custom .ctct-form-label ,
.skinny-form .ctct-form-embed.form_2 .ctct-form-custom .ctct-form-label ,
.skinny-form div.ctct-form-embed form.ctct-form-custom input.ctct-form-element {
	display: inline-block; vertical-align: middle; width: auto; 
	margin: 0px 5px;
}
.skinny-form div.ctct-form-embed form.ctct-form-custom {
	min-height: 30px; padding: 5px 0;
}
.skinny-form div.ctct-form-embed div.ctct-form-defaults {
	padding: 5px 20px; border-radius: 0px;
}
.skinny-form div.ctct-form-embed div.ctct-form-defaults h2.ctct-form-header {
	font-size: 16px; margin-right: 30px;
}
.skinny-form div.ctct-form-embed form.ctct-form-custom input.ctct-form-element {
	height: auto; padding: 2px 10px;  margin-right: 30px; border: 0px; box-shadow: 0px;
}
.skinny-form div.ctct-form-embed form.ctct-form-custom button.ctct-form-button {
	padding: 5px 10px;  font-weight: bold; background-color: #0f2a8e; border: 1px solid #0f2a8e;
	font-size: 13px; text-transform: uppercase; letter-spacing: 1px; 
}
.skinny-form div.ctct-form-embed form.ctct-form-custom button.ctct-form-button:hover {
	text-transform: uppercase; letter-spacing: 1px; 
}
.skinny-form .ctct-form-embed.form_1 .ctct-form-custom .ctct-form-label,
.skinny-form .ctct-form-embed.form_2 .ctct-form-custom .ctct-form-label {
	color: #FFF; font-size: 14px;
}
.skinny-form .ctct-form-embed.form_1 .ctct-form-defaults .ctct-form-text,
.skinny-form .ctct-form-embed.form_2 .ctct-form-defaults .ctct-form-text {
	color: #FFF; margin-bottom: 0px;
}

.contact-nav { text-align: center;}
.contact-nav a { 
	display: inline-block; vertical-align: top; background-color: transparent; color: rgba(74,18,110,.95); border: 1px solid #531877; border-radius: 6px;padding: 2px 10px; margin: 0 8px 15px; letter-spacing: 2px; text-transform: uppercase; 
}
.contact-nav a:hover { background-color: #531877; color: #FFF; }
.g-recaptcha {display: none;}

.callout-burst.pisite img { display: block; float: right; margin: 0 0 30px 30px;}

@media only screen and (max-width: 950px) {
	.pi-banner img { width: 100%; height: auto; }
}
@media only screen and (max-width: 786px) {
	.pi-maxwidth { width: 90%; }
	#pi-page-header { height: auto; padding-bottom: 0px; }
	#pi-navigation-top { 
		background-color: #FFF; clear: both;  display: flex; justify-content: center;
		margin: 0 -4%;
	}
	#pi-navigation-top a {
		margin: 0px 1px 5px; padding: 5px 0; border: 1px solid #DDD; display: block;
		flex-grow: 1; text-align: center;
	}
	#pi-navigation-top a:hover { background-color: #EEE;}
	.one-ggbook.guide { width: auto; display: flex; margin: 0 auto 20px; }
	.one-ggbook.guide img, .one-ggbook.guide a .extra-right { flex-grow: 1; }
	.one-ggbook.guide .extra-right .extra-icon img {
		width: 22px;    height: 22px;    display: inline-block;    margin-right: 1%;
	}
	a .extra-icon { line-height: 22px; }
}
@media only screen and (max-width: 700px) {
	.bio-left, .bio-right { display: block; width: 90%; margin: 0 5% 30px; }
	.bio-left { text-align: center; }
	a.pi-backlink { float: none; width: 200px; text-align: center; margin: 0 auto 30px;}
	.bio-left img { max-width: 300px; margin: 0 auto; }
}
@media only screen and (max-width: 575px) {
	.pi-lefthalf, .pi-righthalf { display: block; width: 90%; margin: 0 5% 30px;}
	.pi-lefthalf img {max-width: 360px; margin: 0 auto; display: block; }
	.edgtf-column.third { clear: both; pading-top: 20px; }
	.edgtf-column.second { text-align: right; margin-bottom: 30px; }
	#pi-navigation-top a { font-size: 2.8vw; }
	.pi-footer-link { max-width: 90%; }
	
}
@media only screen and (max-width: 505px) {
	.one-pi-author { width: 42%; max-width: 200px;  }
	.one-pi-author img {width: 100%; height: auto;}
	
}