/* Welcome to Custom CSS! To learn how this works, see http://wp.me/PEmnE-Bt */ .c-gallery-header__mobile-close-button { width: 27px !important; } /* CSS Migrated from Jetpack: */ /* Welcome to Custom CSS! To learn how this works, see http://wp.me/PEmnE-Bt */ .c-gallery-header__mobile-close-button { width: 27px !important; } /* Gallery Item Corrections*/ h2.gallery-item__title{ font-family: Gloock,serif !important; } /* Bullet point font correction */ article .entry-content ul { font-family: Didact Gothic,sans-serif !important; } .cta-posts-content { display: grid; grid-template-columns: repeat(2, 1fr); font-family: "Didact Gothic", sans-serif; } .cta-image img { width: 100%; height: 100%; } .cta-content{ display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; background-color: #F6F6F6; padding: 50px; } .cta-ratings{ display:flex; align-items: center; font-size: 14px !important; line-height: 14px; font-weight: 400; margin-bottom: 14px; } .cta-ratings ul{ list-style: none; padding: 0; margin: 0; display: inline-flex; margin-right: 5px; } .cta-ratings ul li { display: inline-flex; margin: 0; padding: 0; } .cta-pre-title { font-weight: 300; font-size: 18px; color: #424242; } .cta-content h3 { font-size: 36px; font-weight: 400; font-family: Gloock,serif; margin-bottom: 5px; } .cta-content .cta-description { font-size: 18px; line-height: 32px; } .cta-content a { text-decoration: none; color: white; background-color: #cb1c69; width: 100%; padding: 12px 0; margin: 15px 0; } .cta-content a .button_title { font-size: 22px; font-weight: 600; } .cta-content a .button_subtitle { font-size: 13px; font-weight: 400; } .cta_buy_line { font-size: 14px; font-weight: 300; display: flex; align-items: center; } .cta_buy_line span { margin-left: 5px; } @media screen and (max-width:767px){ main { min-height: 100vh; } .cta-posts-content { grid-template-columns: none; } .cta-posts-content .cta-content{ padding: 10px 24px; position: sticky; bottom: 0; max-height: 100%; overflow: auto; } .cta-posts-content .cta-image{ display:none; } .cta-posts-content .cta-ratings{ display:none; } .cta-posts-content .cta-pre-title{ display:none; } .cta-posts-content .cta-description{ display:none; } .cta-posts-content .cta_buy_line{ display:none; } .cta-posts-content .cta-content h3{ font-size: 16px; } .cta-content a{ margin: 0; } #cta-content{ position: sticky; bottom: 0; z-index: 1000; width: 100%; } .site-title a { display:flex; justify-content: center; } } @media(min-width: 48rem) { .site-title a { display:flex; justify-content: center; } }