/*
 Theme Name:   Gallery Q
 Description:  Custom theme
 Author:       Carnoustie Creative
 Author URI:   https://www.carnoustiecreative.co.uk
 Template:     baseline
 Version:      1.1.2
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  baseline-child


font-family: 'Amaranth', sans-serif;
font-family: 'AvenirNextLTW01-Regular';
font-family: 'Avenir Next LT W01 Demi'

*/

body.baseline {
    font-family:'AvenirNextLTW01-Regular';
    font-size: 1.9rem;
    line-height: 1.7;
}

.baseline strong {
    font-family:'Avenir Next LT W01 Demi';
}

body.baseline .large-text {
    font-size: 2.2rem;
}

.baseline .main .content {
    padding-bottom: 2.5rem;
}

.baseline .main .content .entry-content {
    margin-bottom: 0;
}

.baseline h1,
.baseline h2,
.baseline h3 {
    color: #980000;
    font-family: 'Amaranth', sans-serif;
}

.baseline h4,
.baseline h5,
.baseline h6 {
    font-family:'Avenir Next LT W01 Demi';
}

.baseline h1 {
    font-size: 4.6rem;
}

.baseline h2 {
    font-size: 3.9rem;
}

.baseline h3 {
    font-size: 3rem;
}

@media ( max-width: 720px ) {

    .baseline h1 {
        font-size: 3.9rem;
    }
    
    .baseline h2 {
        font-size: 3rem;
    }
    
    .baseline h3 {
        font-size: 2.3rem;
    }

}

.baseline footer {    
    padding-top: 0;
    border-top: none;
}

.baseline footer .widget-area.footer-top {
    padding-bottom: 2.8rem;
}

#cde-flex-content-2,
#custom_html-5 {
    margin-bottom: 0;
}

.baseline .cde-image-left-text-right .left.img, 
.baseline .cde-text-left-image-right .right.img {
    min-height: 35rem;
}

.baseline .cde-image-left-text-right.img-top .left.img, 
.baseline .cde-text-left-image-right.img-top .right.img {
    background-position: top center;
}

.baseline .cde-image-left-text-right, 
.baseline .cde-text-left-image-right, 
.baseline .cde-two-cols .inner, 
.baseline .cde-three-cols .inner {
    grid-column-gap: 8rem;
}

.baseline .cde-image-left-text-right .right .inner {
    padding-right: 0;
}

.baseline .cde-text-left-image-right .left .inner {
    padding-left: 0;
    width: 100%;
}

.baseline a {
    font-size: 1.4rem;
    text-transform: uppercase;
    letter-spacing: 0.16rem;
}

.baseline .inner p a:after,
a.full-link:after {
    margin-left: 1rem;
    content: "\f0a9";
    font-family: "FontAwesome";
    color: #980000;
    display: inline-block;
    text-decoration: none !important;
}

.baseline a.no-uc {
    font-size: inherit;
    text-transform: none;
    letter-spacing: inherit;
}

.baseline .inner p a.no-uc:after {
    content: "";
    display: none;
}

@media ( min-width: 960px ) {

    .baseline header .middle {
        margin-left: 43.33%;
        margin-right: 43.33%;
    }

    .baseline header .first {
        top: 0;
        height: 100%;
        display: flex;
        align-items: center;
    }
    
    .baseline header .first ul.menu {
        display: flex;
        justify-content: space-between;
        width: 90%
    }
    
    .baseline header .right .first ul.menu {
        margin-left: 10%;
    }

}

.baseline .tablepress td, 
.baseline .tablepress th {
    padding: 0.4rem 0 0 0;    
    font-size: 1.6rem;
}

.baseline .tablepress tbody td, 
.baseline .tablepress tfoot th {
    border-top: none;
}

footer h6 {
    margin-top: 0;
    font-size: 1.6rem;
}

.baseline .full li ul a, 
.baseline header .menu li ul a {
    font-size: 1.3rem;
}

.baseline input[type="email"], 
.baseline input[type="number"], 
.baseline input[type="search"], 
.baseline input[type="text"], 
.baseline input[type="tel"], 
.baseline input[type="url"], 
.baseline input[type="password"], 
.baseline textarea, 
.baseline select {
    border-radius: 0;
}

@media (max-width: 800px) {

    .logo img {
        max-width: 40%;
    }

}

.baseline .items-per-row-1, 
.baseline .items-per-row-2, 
.baseline .items-per-row-3, 
.baseline .items-per-row-4, 
.baseline .items-per-row-5, 
.baseline .items-per-row-6, 
.baseline .items-per-row-7, 
.baseline .items-per-row-8 {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
}

.baseline .cde-box-menu.style-4 .option, 
.baseline .cde-box-menu.style-7 .option, 
.baseline .cde-box-menu.style-9 .option {
    background: transparent;
}

.baseline .cde-box-menu .box-menu-item .img {
    background-color: #000;
}

.baseline .cde-box-menu .box-menu-item .img:before {
    opacity: 0.6;
}

.baseline .cde-box-menu.style-4 .option {
    width: 70%;
    left: 15%;
    top: 5%;
    height: 90%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.cde-box-menu .box-menu-item h2 {
    font-size: 3rem;
    text-transform: none;
}

.baseline .cde-box-menu .box-menu-item .img {
    height: 250px;
}

.cde-wide-text.has-bgcolor.extra-padding {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.baseline .header-wrap {
    border-bottom: 0.1rem solid #ccc;
}

footer .small-text .no-ul {
    font-size: 1.3rem;
    text-transform: none;
    letter-spacing: 0; 
}

.own-art.cde-two-cols .left-col img {
    min-height: 25rem;
    background-position: left center;
}

.own-art a {
    display: block;
}

.baseline .own-art .inner .left-col a:after {
    display: none;
}

.own-art .right-col {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.own-art .right-col p {
    margin-top: 0;
    margin-bottom: 2rem;
}

@media ( min-width: 960px ) {

    .own-art.cde-two-cols .inner {
        grid-template-columns: 24rem 1fr;
        grid-column-gap: 6rem;
    }

}

.footer-col-3 {
    font-size: 1.6rem;
    text-align: right;
}

.footer-col-3 .tel a {
    font-size: 1.6rem;
    letter-spacing: 0;
}

.footer-col-3 .map i {
    margin-right: 0.6rem;
}

.baseline .fa {
    color: #980000;
}

.footer-col-2 {
    margin-left: 2rem;
}

.footer-bottom {
    margin-top: 5rem;
}

header .widget .menu li {
    border-bottom: 0.3rem solid transparent;
}

header .widget .menu li a {
    padding: 1rem 0;
}

header .widget .sub-menu li a {
    padding: 1.4rem 1.6rem;
}

header .widget .menu li.current-menu-item {
    border-bottom: 0.3rem solid #980000;
}

header .widget .menu li.current-menu-item a:hover {
    text-decoration: none;
}

header .widget .menu li.menu-item-has-children {
    margin-top: -0.3rem;
}

.cde-home-header-outer {
    margin-bottom: 8rem;
}

.cde-home-header {
    background-color: #F5F5F5;  
    padding: 5rem 0 7rem 0;  
}

.home .content.container {
    display: none;
}

.home-header {
    display: grid;
    grid-template-columns: 1.8fr 1fr;
    grid-column-gap: 5rem;   
    height: 30vw;
}

.home-header a {
    text-transform: none;
    letter-spacing: 0;
}

.home-header h3 {
    color: #000;
}

.home-header .exhib h3,
ul.future h3 {
    font-size: 2.4rem;
    margin-bottom: 0;
    margin-top: 0;
    color: #000;
}

.home-header .exhib h5 {
    font-size: 1.4rem;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-family: 'AvenirNextLTW01-Regular';
}

.home-header .right h3 {
    font-size: 2.1rem;
}

.home-header .right {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    grid-row-gap: 5rem;
}

.home-header p {
    font-size: 1.4rem;
    color: #6D686D;
}

.home-header a {
    position: relative;
    text-decoration: none;
    display: block;
    height: 100%;
}

.home-header a:hover {
    opacity: 0.7;;
    text-decoration: none;
}

.home-header .info {
    position: absolute;
    bottom: -2rem;
    background-color: #fff;
    padding: 1.5rem 2.5rem;
}

.home-header .info p {
    margin-bottom: 0;
    margin-top: 0.3rem;
}

.home-header .exhib,
.home-header .art,
.home-header .artists {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

@media ( max-width: 1100px )  {

    .home-header {     
        grid-template-columns: 1fr 1fr;                
        height: 90vw;
    }

    .home-header .exhib {
        grid-column: 1 / span 2;        
        margin-bottom: 6rem;
    }

    .home-header .right {
        grid-column: 1 / span 2;        
        grid-template-columns: 1fr 1fr;     
        grid-column-gap: 5rem;
        grid-template-rows: 1fr;
    }

}

@media ( max-width: 720px )  {
    

    .home-header .exhib { 
        height: 40rem;
    }

    .home-header {                     
        height: auto;
    }

    .home-header .right {
        height: 20rem;
        grid-template-rows: 20rem;
    }

}

.home-header .exhib .info {
    max-width: 80%;
}

.home-header .exhib .info .inner {
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    grid-column-gap: 1rem;
}

.home-header .exhib .date,
ul.future .date {
    font-size: 1.5rem;
    margin-bottom: 0;
}

.baseline .flex-elm .inline-menu ul,
.baseline.archive .inline-menu ul {
    list-style: none;
    margin-left: 0;
}

.baseline .flex-elm .inline-menu ul li,
.baseline.archive .inline-menu ul li {
    display: inline-block;
    margin-right: 1rem;
    margin-bottom: 0.5rem;
}

.baseline .flex-elm .inline-menu ul li a:after,
.baseline.archive .inline-menu ul li a:after  {
    margin-left: 1rem;
    content: "/";
    color: #980000;
    display: inline-block;    
}

.baseline.archive .inline-menu ul li a {
    text-decoration: none;
}

.baseline .flex-elm .inline-menu ul li:last-child a:after,
.baseline.archive .inline-menu ul li:last-child a:after {
    content: "";
}

.artwork-list {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 10rem;
    grid-row-gap: 8rem;
}

.artwork-list.two {
    grid-template-columns: 1fr 1fr;
}

@media ( max-width: 960px ) {

    .related .artwork-list.two {
        grid-template-columns: 1fr;
    }

}

@media ( max-width: 800px ) {

    .artwork-list,
    .artwork-list.two {
        grid-template-columns: 1fr;
    }

}

.artwork a {
    letter-spacing: 0;
    text-transform: none;
    text-decoration: none;
    display: block;
    transition-duration: 200ms;
}

.artwork a:hover {
    text-decoration: none;
    opacity: 0.7;
}

.artwork .img {
    position: relative;
    height: 24rem;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: bottom left;
    margin-bottom: 2rem;
}

@media ( min-width: 800px ) {

    .related .artwork .img {
        height: 16rem;
    }

}

.artwork .img .price,
.single-art .price .inner {
    background-color: #6D686D;
    color: #fff;
    position: absolute;
    bottom: -1rem;
    left: 0;
    padding: 1rem;
}

.artwork .img .price.reddot {
    background-color: #980000;
    font-size: 1.2rem;
}

.single-art .price .inner {
    position: static;
    display: inline-block;    
    font-size: 1.7rem;
}

.single-art .desc {
    border-top: 0.1rem solid #ccc;
    padding-top: 1rem;
    margin-bottom: 3rem;
}

/*
.artwork .img .price.reddot {
    background-color: transparent;
    bottom: 0.5rem;
    left: 0.5rem;
}

.artwork .img .price.reddot:after {
    content: "";
    background-color: #980000;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    display: block;    
    border: 0.1rem solid #fff;
}
*/

.artwork .info h3 {
    font-size: 1.9rem;
    text-transform: none;
    letter-spacing: 0;
    font-family:'Avenir Next LT W01 Demi';
    margin-bottom: 0.5rem;
}

.artwork .info .artist {
    text-transform: uppercase;
    font-size: 1.4rem;
    margin-bottom: 0.8rem;
} 

.featured .artwork-list {
    margin-top: 3rem;
}

.featured {
    margin-bottom: 2rem;
}

.artist-list {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
}

.artist-list.two {
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
}

.artist-list.one {
    grid-template-columns: 1fr;
}

.artist-list li a {
    position: relative;
    display: block;
    padding: 2rem;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    box-sizing: border-box;
} 

.artist-list li a:after {
    content: "";
    display: block;
    position: absolute;
    background-color: #000;
    opacity: 0.3;
    width: 100%;
    height: 100%;
}

.artist-list li a:hover {
    text-decoration: none;
}

.artist-list li {
    height: 13vw;
    max-height: 22rem;
    background-size: cover; 
    margin-bottom: 0;   
}

.artist-list li:hover {
    opacity: 0.7;
}

.artist-list li h3 {
    z-index: 9;
    text-align: center;
    letter-spacing: 0;
    text-transform: none;
    font-size: 2.3rem;
    color: #fff;
    font-family: 'Avenir Next LT W01 Demi'
}

@media ( max-width: 1100px ) {

    .artist-list {     
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 3rem;
        grid-row-gap: 3rem;
    }

    .artist-list li {
        height: 18vw;     
    }

    .artist-list li h3 {
        font-size: 2.1rem;
    }

}

@media ( max-width: 900px ) {

    .artist-list {     
        grid-template-columns: 1fr 1fr;      
    }

    .artist-list li {
        height: 26vw;     
    }

 
}

.post-type-archive-art .artwork-list,
.tax-art-category .artwork-list {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

@media ( max-width: 1200px ) {

    .post-type-archive-art .artwork-list,
    .tax-art-category .artwork-list {        
        grid-template-columns: 1fr 1fr;        
    }

}

@media ( max-width: 720px ) {

    .post-type-archive-art .artwork-list,
    .tax-art-category .artwork-list {        
        grid-template-columns: 1fr;
        grid-row-gap: 5rem;
    }

}

.tax-art-category h1 {
    margin-top: 0;
}

.tax-art-category .art-sort {
    margin-top: 1rem;
    margin-bottom: 3rem;
}

.post-type-archive-art h1 {
    margin-bottom: 1.8rem;
}

.cde-wide-text ul.artwork-list, 
.cde-three-cols .left-col ul.artwork-list, 
.cde-three-cols .middle-col ul.artwork-list, 
.cde-three-cols .right-col ul.artwork-list, 
.cde-two-cols .left-col ul.artwork-list, 
.cde-two-cols .right-col ul.artwork-list {
    list-style: none;
    margin-left: 0;
    margin-top: 3rem;
}

.menubar-menu ul.menu li {
    display: inline-block;
    margin-left: 1rem;
}

.menubar-menu ul.menu li a {
    font-size: 2rem;    
}

.artist-details {
    margin-top: 3rem;
    display: grid;
    grid-template-columns: 1.2fr 2fr;
    grid-column-gap: 6rem;
}

.art-details {
    margin-top: 3rem;
    display: grid;
    grid-column-gap: 6rem;
    grid-template-columns: 1fr 1fr;
}

.artist-details .text h4,
.art-details .text h4 {
    margin-top: 5rem;
    margin-bottom: 3rem;
    border-top: 0.1rem solid #ccc;
    padding-top: 1rem;
}

@media ( max-width: 720px ) {

    .artist-details,
    .art-details {
        grid-template-columns: 1fr;
    }

    .artist-details .visuals,
    .art-details .visuals {
        margin-bottom: 4rem;
    }

}

.single-art h1 {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.single-art h1 + p {
    margin-top: 1.4rem;
}

.single-art .artist-name a {
    font-size: 1.6rem;
}

.featured-block h2 {
    padding-top: 1.5rem;
    border-top: 0.1rem solid #ccc;
}

.flex-elm.own-art {
    margin-top: -2rem;
}

@media ( max-width: 720px ) {

    .widget-area.footer-col-2 {
        margin: 2rem 0;
        padding: 3rem 0;
        border-top: 0.1rem solid #ccc;
        border-bottom: 0.1rem solid #ccc;
    }

    .widget-area.footer-col-2 .tablepress {
        width: 70%;
        margin-left: 20%;
        margin-right: 10%;
    }

}

.pum-title.popmake-title {
    margin-bottom: 1.5rem;
}

.price.reddot .button {
    display: none;
}

.price .button {
    background-color: #980000;
    padding-top: 1.4rem;
}

.price .button:hover {
    background-color: #000;
}

#searchsubmit {
    font-family: "FontAwesome";
}

#searchform {
    display: flex;
    justify-content: flex-end;
}

.art-top {
    display: grid;
    grid-template-columns: 1fr 40rem;
    grid-column-gap: 2rem; 
}

@media ( max-width: 900px ) {
    
    .art-top {
        grid-template-columns: 1fr;
        margin-bottom: 5rem;
    }

    #searchform {        
        justify-content: flex-start;
    }

    .post-type-archive-art .inline-menu {
        margin-bottom: 1.5rem;
    }

}

.mp-subscribe {
    margin-top: 6rem;
    background-color: #980000;
    padding: 2rem 0;
    position: relative;
    z-index: 99;
}

.mp-subscribe #mc_embed_signup label {
    color: #fff;
    font-size: 1.7rem;
    line-height: 1.2;
    margin-bottom: 0;
}

@media ( max-width: 700px ) {

    .mp-subscribe #mc_embed_signup label {
        font-size: 1.5rem;
    }

}

.mp-subscribe #mc_embed_signup label {
    padding-bottom: 0;
}

.mp-subscribe #mc_embed_signup input.email {
    margin: 0 1.5rem 0 1.5rem;
}

.mp-subscribe #mc_embed_signup .button {
    background-color: #000;
    border-radius: 0;
}

.mp-subscribe .container #mc_embed_signup_scroll {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.mp-subscribe input {
    margin-left: 2rem;
    font-size: 1.7rem;
}

.mp-subscribe input.mp-email {
    width: 30rem;
}

.content .exhib-list {
    margin-top: 4rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
}

.exhib-list .home-header {
    grid-template-columns: 1fr;
    height: 20vw;
}

.cde-two-cols .right-col ul.past {
    list-style: none;
    margin-left: 0;
    margin-bottom: 5rem;
}

.cde-two-cols.prev-next-exhib .right-col p  {
    text-align: right;
}

ul.past .home-header {
    margin-top: 3rem;    
    grid-template-columns: 1fr;
    height: 13vw;
}

.content .exhib-list .exhib .info,
ul.past .exhib .info {
    background-color: #F5F5F5;
}

.cde-two-cols .left-col ul.future {
    margin-top: 3rem;
    list-style: none;
    margin-left: 0;
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 2rem;
}

.future li {
    padding: 2rem;
    background-color: #F5F5F5;
    margin-bottom: 0;
}

ul.past .desc {
    display: none;
}

ul.past .home-header .exhib .info .inner {
    grid-template-columns: 1fr;
}

.flex-elm.cde-exhib-header {
    margin-top: 0;    
}

.flex-elm.cde-exhib-header .container {
    padding-bottom: 3rem;
    margin-bottom: 3rem;
    border-bottom: 0.1rem solid #ddd;
}

.cde-exhib-header .exhib .info {
    background-color: #F5F5F5;
}

.full-link {    
    text-align: right;
    display: block;
}

.cde-exhib-header .home-header {
    grid-template-columns: 1fr;    
}

@media ( min-width: 720px ) {

    .cde-exhib-header .home-header {
        height: 40vw;
    }

}

@media ( min-width: 1100px ) {

    .full-link {
        margin-top: 5rem;
    }

    .cde-exhib-header .home-header .exhib h5 {
        font-size: 1.6rem;
    }

    .cde-exhib-header .exhib h3 {
        font-size: 3.8rem;
        line-height: 1;
    }

    .cde-exhib-header .home-header .exhib .date {
        font-size: 1.8rem;
        margin-top: 0.7rem;
    }

    .cde-exhib-header .home-header .desc p {
        font-size: 1.7rem;
        line-height: 1.4;
    }

}

.single-exhibition .exhib-details {
    margin-top: 3rem;
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    grid-column-gap: 6rem;
}

@media ( max-width: 1100px ) {

    .single-exhibition .exhib-details {        
        grid-template-columns: 1fr;        
    }

    .single-exhibition .artist-list.two {
        margin-top: 2rem;
        grid-template-columns: 1fr 1fr 1fr;
    }

}

.exhib-details .text {
    max-width: 80rem;
}

@media ( max-width: 800px ) {

    .single-exhibition .artist-list.two {
        grid-template-columns: 1fr 1fr;
    }

}

.exhib-art {
    margin-top: 1rem;
    padding-top: 1rem;
}

.exhib-art:before {
    content: "";
    display: block;
    width: 40%;
    border-top: 0.1rem solid #ccc;
}

.exhib-art h4 {
    margin-top: 1rem;
    margin-bottom: 3rem;
}

.baseline .left-col, 
.baseline .right-col, 
.baseline .middle-col {
    overflow-x: visible;
    overflow-y: visible;
}

@media (max-width: 720px) {

    .baseline .cde-two-cols .inner {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
    }

    ul.past .home-header,
    ul.past .home-header .exhib  {
        height: 25rem;
    }

    .baseline .prev-next-exhib  .right-col {
        margin-top: 2rem;
    }

}

.own-art-panel {
    margin: 1rem 0 3rem 0;
    border: 0.1rem solid #ccc;
    padding: 2rem;
}

.own-art-panel p {
    font-size: 1.6rem; 
    margin-bottom: 0.5rem;
    line-height: 1.3;
}

.own-art-panel .own-art {
    font-family: 'Avenir Next LT W01 Demi';
    color: #ED0577;
    margin-bottom: 1rem;
}

.own-art-panel a.full-link {
    margin-top: 1.5rem;
    text-align: left;
}


.post-type-archive-art .art-sort {
    margin-top: 1rem;
    margin-bottom: 4rem;
}

.art-sort {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    font-size: 1.6rem;
}

.art-sort ul li {
    display: inline-block;
    margin-bottom: 0;
    color: #888;    
}

.art-sort ul li:after {
    content: "|";
    margin-left: 0.3rem;
    margin-right: 0.3rem;
    color: #888;
}

.art-sort ul li:last-child:after {
    content: "";
    display: none;
}   

.art-sort p {
    margin-right: 0.8rem;
    font-family: 'Avenir Next LT W01 Demi';
}

.art-sort li a {
    text-transform: none;
    text-decoration: none;
    letter-spacing: 0;
    font-size: 1.6rem;
    color: #000;    
}

/* Expand artist bio */

.bio {
    position: relative;        
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    transition-property: height;
    transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
}

.bio.collapsed {
    max-height: 25rem;
}

.bio .expand-bar {
    padding: 5rem 1rem 1rem 1rem;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    background-image: linear-gradient(-180deg, rgba(255,255,255,0.00) 0%, #ffffff 30%);
}

.bio .expand-bar {
    display: none;
}

.bio.collapsed .expand-bar {
    display: block;
}

.baseline .bio a {
    text-decoration: none;
}

.price-wrap {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-column-gap: 1rem;
    margin-bottom: 3rem;
}

.buy-now button .fa-white {
    color: #fff;
    margin-left: 0.8rem;
}

.buy-now button {
    margin-bottom: 0;    
    border: 0.3rem solid #6D686D;
    letter-spacing: 0.16rem;
}

.buy-now button:hover {
    border-color: #0AA425;
    background-color: #000;
}

.buy-now form,
.buy-now button {
    position: relative;
    height: 100%;
}

.buy-now button {
    position: relative;
    padding-left: 6.6rem;
}

.buy-now button .pp-icon {
    position: absolute;
    background-color: #00447C;    
    width: 4.4rem;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.buy-now button .pp-icon .fa {
    color: #0079C0;
    font-size: 2rem;
    margin-right: 0;
}