@import url('../twentyseventeen/style.css');

/*
Theme Name:  Good Faith Press
Theme URI:  http://www.goodfaithpress.org
Description:  Andrew Clarkson | Music Sharing Site
Author:  ekiM
Version:  1.0
Template:  twentyseventeen
Tags:  one-column, no-sidebar, custom-header, custom-colors
*/

body.home.page-template-default.page.page-id-22.twentyseventeen-front-page.has-header-image.page-two-column.colors-light  { background: url(http://127.0.0.1:8080/wordpress/wp-content/uploads/bground_landing.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body.home.page-template-default.page.page-id-590.group-blog.twentyseventeen-front-page.has-header-image.page-two-column.colors-light .masthead { margin: -0 auto 0 auto; }

.entry-content a img, .widget a img { box-shadow: none; }

body { background-color: #f8fbe2; color: #010b8d; font-size: 17px; line-height: 23px; letter-spacing: .01em; }

em { color: #010b8d; }

.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover,.logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover { -webkit-box-shadow: none; box-shadow: none; }

a:link { text-decoration: none; box-shadow: none; -webkit-box-shadow: none; }
a:visited { text-decoration: none; box-shadow: none; -webkit-box-shadow: none; }
a:hover { text-decoration: none; box-shadow: none; -webkit-box-shadow: none; }
a:active { text-decoration: none; box-shadow: none; -webkit-box-shadow: none; }

html { outline: none; min-height: 100%; }

.panel-content .wrap { float: none; display: block; width: 100%; max-width: none; padding: 0; background: none; }

.page:not(.home) #content { padding-bottom: 0; }

.wrap { padding: 0; }

.wrap { max-width: none; }

body.page-two-column:not(.archive) #primary .entry-content { float: none; width: 100%; max-width: none; background-image: url("http://www.goodfaithpress.org/wp-content/uploads/background.jpg"); }

.page-content .entry-content { height: auto; }

.site-content-contain { background: none; }

body:not(.custom-background-image):before, body:not(.custom-background-image):after { height: 0; }

::selection { background: #eff1cc; }

.site-header { display: none; }

.site-title { display: none; }

.entry-meta { display: none; }

.entry-title { display: none; }

.entry-footer { display: none; }

#respond.comment-respond { display: none; }

.site-content { padding: 0; } 

#secondary.sidebar.widget-area { display: none; }

#colophon.site-footer { display: none; }

.site-inner { width: 100%; max-width: none; }

body.page-two-column:not(.archive) #primary .general-page-content .entry-content { margin: 0; background: none; }

strong { font-weight: normal; }

em { font-style: normal; }

h1 { float: none; display: block; font-size: 22px; letter-spacing: 0.2em; color: #cf0614; font-variant: small-caps; text-align: center; }

.h1-sub { font-size: 18px; color: #cf0614; letter-spacing: 0.2em; font-variant: small-caps; }

h2 { float: none; display: block; color: #cd0e1f; font-variant: small-caps; font-size: 21px; line-height: 25px; letter-spacing: .02em; }

.site { background: none; width: 100%; position: relative; margin: 0 auto; }

.site::before { display: none; }

h1.entry-title { display: none; }

.header-main { display: none; }

a:-webkit-any-link { text-decoration: none; }

body:not(.search-results) article:not(.type-page) .entry-content { float: none; display: block; width: 100%; max-width: none; }

.entry-content { width: 100%; max-width: none; }

.content-area { width: 100%; max-width: none; }

.clear-fix { clear: both; line-height: 1px; }

.divider { float: none; display: block; text-align: center; margin-top: -8px; }

.divider img { float: none; display: block; width: auto; margin: 0 auto; }

.small-caps { font-variant: small-caps; }

blockquote .bullet { color: #cf0614; font-size: 25px; font-style: normal; }

.pipe { padding: 0 4px; }


/* ------ BEGIN MASTHEAD ------- */


.masthead-mobi { display: none; }

.masthead { float: none; display: block; width: 100%; max-width: 960px; text-align: center; margin: 20px auto 0 auto; }

.masthead img { float: none; display: inline-block; width: 100%; max-width: 960px; margin: 0 auto; }

.masthead a img { float: none; display: inline-block; width: 100%; max-width: 960px; margin: -20px auto 0 auto; }


/* ------ END MASTHEAD ------- */



/* ------ BEGIN NAVIGATION ------- */


.nav-bar-mobi { display: none; }

.nav-break { display: inline; }

.nav-break-narrow { display: inline; }

.nav-bar { float: none; display: block; width: 92%; max-width: 960px; margin: 0 auto;  padding: 12px 0; font-variant: small-caps; font-size: 20px; letter-spacing: .02em; }

.nav-bar a:link { color: #010b8d; font-size: 20px; letter-spacing: .02em; margin: 0 auto; }
.nav-bar a:visited { color: #010b8d; }
.nav-bar a:hover { color: #cf0614; font-style: italic;  }
.nav-bar a:active { color: #010b8d; }

.nav-bar-item { float: right; display: inline; padding: 12px 11px; background: rgba(255,255,255,.5); height: 47px; }

.nav-bar-item-current em { float: right; display: inline; color: #cf0614;  padding: 12px 11px; background: rgba(255,255,255,.4); }

.nav-bar-item-current-first em { float: right; display: inline; color: #cf0614; padding: 12px 11px 12px 24px; background: rgba(255,255,255,.4); }

.nav-bar-item-first { float: right; display: inline; padding: 12px 11px 12px 24px; background: rgba(255,255,255,.4); }

.nav-bar-item-last { float: right; display: inline; padding: 12px 24px 12px 11px; background: rgba(255,255,255,.4); }

.nav-bar-item-current-last em { float: right; display: inline; color: #cf0614; padding: 12px 24px 12px 11px; background: rgba(255,255,255,.4); }

.nav-bar-item ul { display: none; position: absolute; z-index: 10000; text-decoration: none; list-style-type: none;  margin: -27px 0 0 -35px; padding: 8px 16px; color: #fff; letter-spacing: 0; text-align: center; text-decoration: none; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; background-color: rgba(255,255,255,0.91); border: 1px solid #025e5e; }

.nav-bar-item:hover ul { display: inline; }

.nav-bar-item ul li em { color: #cf0614; }



/* ------ END NAVIGATION ------- */



/* ------ BEGIN PRELUDE PAGE ------- */


.general-page-content { float: none; display: block; width: 92%; max-width: 960px; margin: -13px auto 0 auto; padding: 20px 30px; background: rgba(255,255,255,.5); }

.general-page-content p { margin: 0 0 9px 0; line-height: 30px; }

blockquote { float: none; display: block; width: 85%; margin: 25px auto; color: #010b8d; background-color: #edecca; border: 2px solid #fff; padding: 10px 25px 12px 25px; line-height: 28px; box-shadow: 2px 2px 5px #a28f43; }

blockquote li { list-style: none; text-indent: -22px; padding-left: 22px; margin: 0 0 9px 0; }

.prelude-boxes { float: none; display: block; text-align: center; }

.submit { float: none; display: inline-block; width: 40%; margin: 30px 25px; height: 240px; background: #fff; border: 1px solid #fc0d1b; padding: 15px 25px; vertical-align: top; box-shadow: 1px 1px 3px #a28f43; }

.submit a:link { color: #010b8d; border-bottom: 1px dotted #010b8d; }
.submit a:visited { color: #010b8d; border: none; }
.submit a:hover { color: #cf0614; border-bottom: 1px dotted #cf0614;  }
.submit a:active { color: #010b8d; border: none; }

.featured-comp { float: none; display: inline-block; width: 40%; margin: 30px 25px; background: #fff; border: 1px solid #fc0d1b; padding: 15px 25px; vertical-align: top; box-shadow: 1px 1px 3px #a28f43; }

.submit h2, .featured-comp h2 { margin-bottom: 8px; }

.submit p, .featured-comp p { line-height: 25px; }

.featured-comp .pay-btn form { margin-top: -49px; height: 65px; }


/* ------ END PRELUDE PAGE ------- */


/* ------ BEGIN LICENSE AGREEMENT POPUP ------- */


.iAgreePopup .popupContainer .popupChoices .popupChoiceButton { font-size: 16px; border-radius: 9px; padding: 8px 15px;  display: inline-block; background-color: #000; color: #ffffff; line-height: 1.5em!important; vertical-align: middle; }

.license-agreement { color: #010ca5; text-align: center; }


/* ------ END LICENSE AGREEMENT POPUP ------- */



/* ------ BEGIN DOWNLOADS PAGES ------- */


header.entry-header { display: none; }

.download-subheading { float: none; display: block; font-size: 18px; letter-spacing: 0.05em; text-align: center; margin-top: -1px; margin-bottom: 0; }

.downloads-table-header { float: none; display: block; /* can be treated like a fallback */
  background-color: #f0f0df;

  /* will be "on top", if browser supports it */
  background-image: linear-gradient(#f8f8e9, #dfdfc5);

  /* these will reset other properties, like background-position, but it does know what you mean */
  background: #f0f0df;
  background: linear-gradient(#f8f8e9, #dfdfc5);
width: 100%; height: 33px; border: 1px solid #cd0e1f; margin: -9px 0 9px 0; }

.column-header-title { float: left; display: inline; width: 19%; border-right: 1px solid #cd0e1f; color: #032982; font-variant: small-caps; text-align: center; padding: 3px 0 5px 0; font-size: 15px; }
.column-header-composer { float: left; display: inline; width: 13%; border-right: 1px solid #cd0e1f; color: #032982; font-variant: small-caps; text-align: center; padding: 3px 0 5px 0; font-size: 15px; }
.column-header-instrumentation { float: left; display: inline; width: 15%; border-right: 1px solid #cd0e1f; color: #032982; font-variant: small-caps; text-align: center; padding: 3px 0 5px 0; font-size: 15px; }
.column-header-length { float: left; display: inline; width: 7%; border-right: 1px solid #cd0e1f; color: #032982; font-variant: small-caps; text-align: center; padding: 3px 0 5px 0; font-size: 15px; }
.column-header-level { float: left; display: inline; width: 9%; border-right: 1px solid #cd0e1f; color: #032982; font-variant: small-caps; text-align: center; padding: 3px 0 5px 0; font-size: 15px; }
.column-header-occasion { float: left; display: inline; width: 15%; border-right: 1px solid #cd0e1f; color: #032982; font-variant: small-caps; text-align: center; padding: 3px 0 5px 0; font-size: 15px; }
.column-header-price { float: left; display: inline; width: 6%; border-right: 1px solid #cd0e1f; color: #032982; font-variant: small-caps; text-align: center; padding: 3px 0 5px 0; font-size: 15px; }
.column-header-print { float: left; display: inline; width: 6%; border-right: 1px solid #cd0e1f; color: #032982; font-variant: small-caps; text-align: center; padding: 3px 0 5px 0; font-size: 15px; }
.column-header-pay { float: left; display: inline; width: 10%; border-right: none; color: #032982; font-variant: small-caps; text-align: center; padding: 3px 0 5px 0; font-size: 15px; }

.explanatory-text { float: none; display: block; margin: 15px 0 0 0; }

.explanatory-text p { font-size: 13px; line-height: 17px; }

.explanatory-bullet { color: #cf0614; font-size: 20px; }

.explanatory-text a:link strong { color: #032982; border-bottom: 1px dotted #032982; }
.explanatory-text a:visited strong { color: #032982; border-bottom: 1px dotted #032982; }
.explanatory-text a:hover strong { color: #cf0614; border-bottom: 1px dotted #cf0614; }
.explanatory-text a:active strong { color: #032982; border-bottom: 1px dotted #032982; }

.composition-mobi { display: none; }

.composition { float: none; display: block; background: #fff; border-right: 1px solid #cd0e1f; border-left: 1px solid #cd0e1f; border-bottom: 1px solid #cd0e1f; width: 100%; height: 60px; font-weight: normal; line-height: 19px; margin-top: -9px; }

.composition-two-line { float: none; display: block; background: #fff; border-right: 1px solid #cd0e1f; border-left: 1px solid #cd0e1f; border-bottom: 1px solid #cd0e1f; width: 100%; height: 70px; font-weight: normal; line-height: 19px; margin: -9px auto; }

.compositions { float: none; display: block; margin-top: -9px; }

.composition-column-title { float: left; display: flex; justify-content: center; flex-direction: column; width: 19%; border-right: 1px solid #cd0e1f; font-size: 13px; color: #cd0e1f; line-height: 17px; height: 59px; text-align: center; vertical-align: middle; }
.composition-column-title strong em { color: #cd0e1f;  }
.composition-column-composer { float: left; display: flex; justify-content: center; flex-direction: column; width: 13%; border-right: 1px solid #cd0e1f; font-size: 13px; line-height: 17px; height: 59px; text-align: center; vertical-align: middle; }
.composition-column-instrumentation { float: left; display: flex; justify-content: center; flex-direction: column; width: 15%; border-right: 1px solid #cd0e1f; font-size: 13px; line-height: 17px; height: 59px; text-align: center; vertical-align: middle; }
.composition-column-length { float: left; display: flex; justify-content: center; flex-direction: column; width: 7%; border-right: 1px solid #cd0e1f; font-size: 13px; line-height: 17px; height: 59px; text-align: center; vertical-align: middle; }
.composition-column-level { float: left; display: flex; justify-content: center; flex-direction: column; width: 9%; border-right: 1px solid #cd0e1f; font-size: 13px; line-height: 17px; height: 59px; text-align: center; vertical-align: middle; }
.composition-column-occasion { float: left; display: flex; justify-content: center; flex-direction: column; width: 15%; border-right: 1px solid #cd0e1f; font-size: 13px; line-height: 17px; height: 59px; text-align: center; vertical-align: middle; }
.composition-column-price { float: left; display: flex; justify-content: center; flex-direction: column; width: 6%; border-right: 1px solid #cd0e1f; font-size: 13px; line-height: 17px; height: 59px; text-align: center; vertical-align: middle; }
.composition-column-print { float: left; display: flex; justify-content: center; flex-direction: column; width: 6%; border-right: 1px solid #cd0e1f; font-size: 13px; line-height: 17px; height: 59px; text-align: center; vertical-align: middle; }
.composition-column-pay { float: left; display: flex; justify-content: center; flex-direction: column; width: 10%; border-right: none; font-size: 13px; line-height: 17px; height: 59px; text-align: center; vertical-align: middle; border-right: none; }


.composition-two-line-column-title { float: left; display: flex; justify-content: center; flex-direction: column; width: 19%; border-right: 1px solid #cd0e1f; font-size: 13px; color: #cd0e1f; line-height: 17px; height: 69px; text-align: center; vertical-align: middle; }
.composition-two-line-column-title strong em { color: #cd0e1f;  }
.composition-two-line-column-composer { float: left; display: flex; justify-content: center; flex-direction: column; width: 13%; border-right: 1px solid #cd0e1f; font-size: 13px; line-height: 17px; height: 69px; text-align: center; vertical-align: middle; }
.composition-two-line-column-instrumentation { float: left; display: flex; justify-content: center; flex-direction: column; width: 15%; border-right: 1px solid #cd0e1f; font-size: 13px; line-height: 17px; height: 69px; text-align: center; vertical-align: middle; }
.composition-two-line-column-length { float: left; display: flex; justify-content: center; flex-direction: column; width: 7%; border-right: 1px solid #cd0e1f; font-size: 13px; line-height: 17px; height: 69px; text-align: center; vertical-align: middle; }
.composition-two-line-column-level { float: left; display: flex; justify-content: center; flex-direction: column; width: 9%; border-right: 1px solid #cd0e1f; font-size: 13px; line-height: 17px; height: 69px; text-align: center; vertical-align: middle; }
.composition-two-line-column-occasion { float: left; display: flex; justify-content: center; flex-direction: column; width: 15%; border-right: 1px solid #cd0e1f; font-size: 13px; line-height: 17px; height: 69px; text-align: center; vertical-align: middle; }
.composition-two-line-column-price { float: left; display: flex; justify-content: center; flex-direction: column; width: 6%; border-right: 1px solid #cd0e1f; font-size: 13px; line-height: 17px; height: 69px; text-align: center; vertical-align: middle; }
.composition-two-line-column-print { float: left; display: flex; justify-content: center; flex-direction: column; width: 6%; border-right: 1px solid #cd0e1f; font-size: 13px; line-height: 17px; height: 69px; text-align: center; vertical-align: middle; padding-top: 10px; }
.composition-two-line-column-pay { float: left; display: flex; justify-content: center; flex-direction: column; width: 10%; border-right: none; font-size: 13px; line-height: 17px; height: 69px; text-align: center; vertical-align: middle; border-right: none; }

.composition-column-print a { padding-top: 10px; }

.composition-column-pay .pay-btn form { height: 87px; }

.composition-two-line-column-pay .pay-btn form { height: 87px; }

.sc_player_container1 { display: inline; height: 30px; margin-top: -8px; }

.composition-download { float: none; display: block; text-align: center; }

.download-title em strong { float: none; display: block; font-size: 20px; color: #cf0614; }

.download-subtitle em strong { float: none; display: block; font-size: 17px; }

.composition-download p { float: none; display: block; font-size: 14px; margin: 5px auto -6px auto; }

.pay { float: none; display: block; margin-top: -48px; }

.sc_fancy_player_container {margin-top: -20px; }

.mejs-container .mejs-controls { background: #fff; }


/* ------ END DOWNLOADS PAGES ------- */



/* ------ BEGIN MEET OUR FOUNDER PAGE ------- */


.meet-page-content { float: none; display: block; width: 92%; max-width: 960px; margin: -13px auto 0 auto; padding: 20px 30px; background: rgba(255,255,255,.5); }

.meet-page-content p { margin: 0 0 16px 0; line-height: 28px; text-align: justify; padding: 0 15px; }

.slider { float: none; display: block; width: 100%; max-width: 454px; margin: 0 auto; }

#n2-ss-2-align { margin-bottom: 20px; }

#n2-ss-2 .n2-ss-slide .n2-ss-slide-background img { border: 2px solid #cd0e1f; }


/* ------ END MEET OUR FOUNDER PAGE ------- */



/* ------ BEGIN ACCOLADES PAGE ------- */


body.page-two-column:not(.archive) #primary .accolade-page-content .entry-content { background-image: none; }

.accolade-page-content { float: none; display: block; width: 92%; max-width: 960px; margin: -13px auto 0 auto; padding: 20px 30px; background: rgba(255,255,255,.5); }

.accolade-page-content h2 em { float: none; display: block; color: #cd0e1f; font-variant: small-caps; font-size: 25px; line-height: 25px; letter-spacing: .3em; }

.accolade-page-content h2.entry-title { display: none; }

.accolade-page-content p { margin: 0 0 9px 0; line-height: 30px; }

.accolade-page-content .entry-content { float: left; background-image: none; }

.accolade { float: none; display: block; background: #fff; padding: 15px 25px; border: 1px solid #af9d3d; box-shadow: 1px 1px 3px #a28f43; text-align: left; }

.accolade-text { float: right; display: inline; width: 100%; }

.accolade-text img.portrait-mobi { display: none; }

.accolade-text img.portrait { float: left; display: inline-block; margin: 0 0 0 25px; vertical-align: middle; padding-top: 18px; }

.accolade-text img.landscape-globe-mobi { display: none; }

.accolade-text img.landscape-globe { float: left; display: inline-block; margin: 0 0 0 5px; vertical-align: middle; padding-top: 68px; }

.accolade-text img.landscape-bmint-mobi { display: none; }

.accolade-text img.landscape-bmint { float: left; display: inline-block; margin: 0 0 0 5px; vertical-align: middle; padding-top: 48px; }

.accolade-text img.landscape-globe-magazine-mobi { display: none; }

.accolade-text img.landscape-globe-magazine { float: left; display: inline-block; margin: 0 0 0 5px; vertical-align: middle; padding-top: 28px; }

.accolade-title strong { float: right; display: inline; width: 72%; color: #cd0e1f; text-align: left; }

.accolade-subtitle { float: right; display: inline; width: 72%; color: #cd0e1f; text-align: left; }

.accolade-title a:link strong { float: right; display: inline; color: #cd0e1f; }
.accolade-title a:visited strong { color: #cd0e1f; }
.accolade-title a:hover strong { color: #010b8d; }
.accolade-title a:active strong { color: #cd0e1f; }

.accolade-byline { float: right; display: inline;  width: 72%; text-align: left; }

.accolade-byline .by { font-size: 14px; }

.accolade-quote { float: right; display: inline;  width: 72%; font-size: 14px; line-height: 21px; margin-top: 15px; text-align: justify; }


/* ------ END ACCOLADES PAGE ------- */


/* ------ BEGIN CODA PAGE ------- */


.coda-page-content { float: none; display: block; width: 92%; max-width: 960px; margin: -13px auto 0 auto; padding: 20px 30px; background: rgba(255,255,255,.5); }

.coda-page-content p { display: block; margin: 0 0 9px 0; line-height: 30px; text-align: left; }

.coda-page-content p .bullet { color: #cf0614; font-size: 25px; font-style: normal; }

.coda-break { display: block; }

.coda-intro-break { display: inline; }

.coda-form { float: none; display: block; width: 70%; margin: 15px auto 35px auto; }

input.wpcf7-form-control.wpcf7-text, input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required { width: 60%; height: 35px; border: 1px solid #b90316; color: #b90316; padding: 3px 12px; }

textarea.wpcf7-form-control.wpcf7-textarea { height: 180px; border: 1px solid #b90316; color: #b90316; margin-bottom: 7px; }

input.wpcf7-form-control.wpcf7-submit { float: right; background-color: #011a9d; font-size: 20px; letter-spacing: 3px; padding: 9px 15px 11px 18px; border-radius: 9px; text-align: center; margin-top: 7px; font-weight: normal; -webkit-font-smoothing: antialiased !important; }

button:hover, button:focus, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus { background: #b90316; color: #fff; }


/* ------ END CODA PAGE ------- */



/* ------ BEGIN FOOTER ------- */


.footer { float: none; display: block; z-index: 10000; width: 100%; max-width: 960px; margin: 0 auto 0 auto;  background-color: #dad2a2; box-shadow: none; height: 40px; border-top: 1px solid #072a8a; }

.chiclets { float: left; display: inline; width: 70%; }

.facebook-button { float: left; display: inline-block; padding: 10px 20px; width: 300px; height: 40px; }

.twitter-button { float: left; display: inline-block; padding: 9px; height: 40px; }

.footer-text { float: right; display: inline-block; color: #fff; font-size: 13px; padding: 5px 20px; }

.gfp-text { font-variant: small-caps; font-size: 15px; padding-left: 5px; }


/* ------ END FOOTER ------- */


/* ------ BEGIN MOBILIZATION ------- */



@media screen and (min-width:0px) and (max-width:1000px) {
	
	
.submit { display: block; height: auto; width: 100%; max-width: 360px; margin: 20px auto; }

.featured-comp { display: block; height: auto; width: 100%; max-width: 360px; margin: 20px auto; }

.downloads-table-header { display: none; }

.compositions { margin-top: -28px; }

.composition { display: none; }

.composition-mobi { float: none; display: block; background: #fff; border: 1px solid #cd0e1f; width: 100%; max-width: 500px; height: auto; padding: 14px 14px 0 14px; margin: 5px auto; text-align: center; font-size: 13px; box-shadow: 1px 1px 3px #a28f43; }

.composition-two-line { display: none; }

.composition-mobi-title { color: #cd0e1f; line-height: 17px; }
.composition-mobi-title strong em { color: #cd0e1f; }
.composition-mobi-audio { float: none; display: block; margin: 4px auto -8px auto; }
.composition-mobi-composer { font-size: 13px; line-height: 17px; margin-bottom: 8px; }
.composition-mobi-info { font-size: 13px; line-height: 17px; margin-bottom: 8px; }
.composition-mobi-print-buy { float: none; display: block; text-align: center; margin-top: -36px; height: 83px; }
.composition-mobi-print { float: none; display: inline-block; width: auto; margin: 40px 4px 0 0; }
.composition-mobi-print a img { padding-bottom: 14px; }
.composition-mobi-buy { float: none; display: inline-block; width: 60px; margin: 0 4px; }

.byline-mobi { font-size: 11px; }

.per-copy { font-size: 10px; }

.accolade { padding: 22px 25px; }

.accolade-subtitle  { margin: -5px auto 5px auto; }

.accolade-text { float: none; display: block; width: 100%; margin-top: -15px; }

.accolade-text img.portrait { display: none; }

.accolade-text img.portrait-mobi { float: none; display: block; width: auto; margin: 20px auto 10px auto; }

.accolade-text img.landscape-globe { display: none; }

.accolade-text img.landscape-globe-mobi { float: none; display: block; width: auto; margin: 20px auto 10px auto; padding-top: 0; }

.accolade-text img.landscape-bmint { display: none; }

.accolade-text img.landscape-bmint-mobi { float: none; display: block; margin: 20px auto 10px auto; padding-top: 0; }

.accolade-text img.landscape-globe-magazine { display: none; }

.accolade-text img.landscape-globe-magazine-mobi { float: none; display: block; margin: 20px auto 10px auto; padding-top: 0; }

.accolade-title strong { float: none; display: block; width: 100%;text-align: center; margin-bottom: 5px; }

.accolade-subtitle { float: right; display: block; width: 100%; text-align: center; }

.accolade-title a:link strong { float: block; display: block; color: #cd0e1f; }
.accolade-title a:visited strong { color: #cd0e1f; }
.accolade-title a:hover strong { color: #010b8d; }
.accolade-title a:active strong { color: #cd0e1f; }

.accolade-byline { float: none; display: block;  width: 100%; text-align: center; }

.accolade-quote { float: none; display: block;  width: 100%; text-align: justify; }

.accolade-quote p { line-height: 21px; margin-top: 12px; }

.coda-break { display: inline; }

.coda-form { width: 85%; }

.pay-btn { float: right; height: 87px; }

	
}

@media screen and (min-width:0px) and (max-width:900px) {
	
.footer { height: auto; text-align: center; }

.chiclets { float: none; display: block; width: 100%; margin: 0 auto; }

.facebook-button { float: none; display: block; width: 100%; margin: 0 auto; text-align: center; padding-left: 94px; }

.twitter-button { float: none; display: block; width: 100%; margin: 0 auto; text-align: center; }

.footer-text { float: none; display: block; text-align: center; margin: 10px auto; }
	
}

@media screen and (min-width:0px) and (max-width:800px) {
	
.nav-bar { display: none; }
	
.nav-bar-mobi { float: none; display: block; width: 92%; max-width: 960px; margin: 0 auto 13px auto;  padding: 0; font-variant: small-caps; font-size: 20px; letter-spacing: .02em; background: rgba(255,255,255,.7); text-align: center; border-bottom: 2px solid #e3e0b7; }

.nav-bar-mobi a:link { color: #010b8d; font-size: 20px; letter-spacing: .02em; margin: 0 auto; }
.nav-bar-mobi a:visited { color: #010b8d; }
.nav-bar-mobi a:hover { color: #cf0614; font-style: italic; }
.nav-bar-mobi a:active { color: #010b8d; }

.nav-bar-mobi .nav-bar-item { float: none; display: inline-block; padding: 12px 8px; background: none; height: 47px; width: auto; }

.nav-bar-mobi .nav-bar-item-current em { float: none; display: inline; color: #cf0614;  padding: 12px 8px; background: none; }

.nav-bar-mobi .nav-bar-item-current-first { float: none; display: inline; }

.nav-bar-mobi .nav-bar-item-current-first em { float: none; display: inline; color: #cf0614; padding: 12px 8px 12px 20px; background: none; }

.nav-bar-mobi .nav-bar-item-first { float: none; display: inline; padding: 12px 8px 12px 18px; background: none; }

.nav-bar-mobi .nav-bar-item-last { float: none; display: inline; padding: 12px 24px 12px 11px; background: none; }

.nav-bar-mobi .nav-bar-item-current-last em { float: none; display: inline; color: #cf0614; padding: 12px 24px 12px 11px; background: none; }

.nav-bar-mobi .nav-bar-item ul { display: none; position: absolute; z-index: 10000; text-decoration: none; list-style-type: none;  margin: -27px 0 0 -110px; padding: 8px 16px; color: #fff; letter-spacing: 0; text-align: center; text-decoration: none; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; background-color: rgba(255,255,255,0.91); border: 1px solid #025e5e; }

.nav-bar-mobi .nav-bar-item:hover ul { display: inline-block; }

.nav-bar-mobi .nav-bar-item ul li em { color: #cf0614; }
	
}

@media screen and (min-width:0px) and (max-width:700px) {
	
h2 { text-align: center; }
	
.nav-break { display: block; margin-top: -16px; }

.nav-bar-mobi .nav-bar-item-first { float: none; display: inline; padding: 12px 8px; background: none; }

.nav-bar-mobi .nav-bar-item-last { float: none; display: inline; padding: 12px 8px; background: none; }

.nav-bar-mobi .nav-bar-item ul { margin: -36px 0 0 -115px; }

blockquote { width: 100%; }

blockquote li { line-height: 27px; }

.coda-form { width: 100%; }

.license-agreement { width: 100%; }

.iAgreePopup .popupContainer .popupContent { top: 20px; left: 5px; right: 5px; padding: 15px; }
	
}

@media screen and (min-width:0px) and (max-width:600px) {
	
.masthead { display: none; }

.masthead-mobi { float: none; display: block; width: 100%; max-width: 960px; text-align: center; margin: 20px auto 0 auto; }

.general-page-content { padding: 20px; }

.slideshow { float: none; display: inline-block; width: 100%; max-width: 444px; }

#slideshow-wrapper { float: none; display: inline-block; width: 100%; max-width: 444px; }

.coda-page-content p { line-height: 27px; margin: 0 0 12px 0; }
	
}

@media screen and (min-width:0px) and (max-width:500px) {
	
.nav-bar-mobi { font-size: 19px; }

.nav-bar-mobi a:link { font-size: 19px; }

.meet-page-content p { text-align: left; }

.accolade-quote, .accolade-quote p { text-align: left; }

input.wpcf7-form-control.wpcf7-text, input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required { width: 100%; }

}

@media screen and (min-width:0px) and (max-width:480px) {

.iAgreePopup .popupContainer .popupChoices .popupChoiceButton.disagree { margin-bottom: 10px; }
	
}

@media screen and (min-width:0px) and (max-width:400px) {
	
.nav-break-narrow { display: block; margin-top: -16px; }

.coda-intro-break { display: block; margin-bottom: 20px; }

.coda-page-content p strong { text-indent: 25px; line-height: 18px; }

input.wpcf7-form-control.wpcf7-submit { float: none; display: block; width: 162px; margin: 13px auto 5px auto; }

	
}


/* ------ END MOBILIZATION ------- */