@font-face {
font-family: 'Onest';
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(https://fonts.gstatic.com/s/onest/v8/gNMZW3F-SZuj7zOT0IfSjTS16cPh9R6Zsg.ttf) format('truetype');
}
@font-face {
font-family: 'Onest';
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(https://fonts.gstatic.com/s/onest/v8/gNMZW3F-SZuj7zOT0IfSjTS16cPhdR-Zsg.ttf) format('truetype');
}
@font-face {
font-family: 'Onest';
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(https://fonts.gstatic.com/s/onest/v8/gNMZW3F-SZuj7zOT0IfSjTS16cPhqx-Zsg.ttf) format('truetype');
}
@font-face {
font-family: 'Onest';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(https://fonts.gstatic.com/s/onest/v8/gNMZW3F-SZuj7zOT0IfSjTS16cPh9R-Zsg.ttf) format('truetype');
}
@font-face {
font-family: 'Onest';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(https://fonts.gstatic.com/s/onest/v8/gNMZW3F-SZuj7zOT0IfSjTS16cPhxx-Zsg.ttf) format('truetype');
}
@font-face {
font-family: 'Onest';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(https://fonts.gstatic.com/s/onest/v8/gNMZW3F-SZuj7zOT0IfSjTS16cPhKxiZsg.ttf) format('truetype');
}
@font-face {
font-family: 'Onest';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/onest/v8/gNMZW3F-SZuj7zOT0IfSjTS16cPhEhiZsg.ttf) format('truetype');
}
@font-face {
font-family: 'Onest';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(https://fonts.gstatic.com/s/onest/v8/gNMZW3F-SZuj7zOT0IfSjTS16cPhdRiZsg.ttf) format('truetype');
}
@font-face {
font-family: 'Onest';
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(https://fonts.gstatic.com/s/onest/v8/gNMZW3F-SZuj7zOT0IfSjTS16cPhXBiZsg.ttf) format('truetype');
}
html,
body {
font-family: Onest, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
color: #313538;
} a {
color: #055DFF;
}
h1 {
font-weight: 700;
font-size: 44px;
line-height: 1.05;
}
@media (min-width: 992px) {
h1 {
font-size: 64px;
}
}
.search-header h1 {
font-size: 30px;
margin-bottom: 46px;
}
.font-section-title {
font-weight: 700;
font-size: 24px;
color: #055DFF;
line-height: 1.05;
}
.lp-font-gallery .font-section-title {
margin-bottom: -24px;
line-height: 1;
margin-top: 20px;
}
.btn-back {
display: block;
margin-bottom: 20px;
text-decoration: none;
}
.btn-back:hover {
text-decoration: underline;
}
input,
button,
textarea {
font-family: Onest, Arial, sans-serif;
}
.container {
max-width: 1512px;
}
@media (min-width: 576px) {
.container {
margin-left: 20px;
margin-right: 20px;
}
}
@media (min-width: 1572px) {
.container {
margin-left: auto;
margin-right: auto;
}
}
.container-1512 {
max-width: 1512px;
}
@media (min-width: 576px) {
.container-1512 {
margin-left: 20px;
margin-right: 20px;
}
}
@media (min-width: 1572px) {
.container-1512 {
margin-left: auto;
margin-right: auto;
}
}
.container-1512.full {
margin-left: 0;
margin-right: 0;
}
@media (min-width: 1572px) {
.container-1512.full {
margin-left: auto;
margin-right: auto;
}
}
.container-1288 {
max-width: 1288px;
}
@media (min-width: 576px) {
.container-1288 {
margin-left: 20px;
margin-right: 20px;
}
}
@media (min-width: 1572px) {
.container-1288 {
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 575px) {
.mob-offset {
margin-left: 20px;
margin-right: 20px;
}
}
.btn-grey,
.btn-blue,
.btn-white {
display: inline-block;
padding: 0 24px;
line-height: 42px;
border-radius: 21px;
font-weight: 500;
font-size: 16px;
text-decoration: none;
}
.btn-grey {
background: #313538;
color: #fff;
text-transform: uppercase;
box-shadow: 0 4px 4px rgba(62, 130, 255, 0);
transition: 0.2s background-color ease-in-out, 0.2s box-shadow ease-in-out;
}
.btn-grey:hover {
background: #055DFF;
box-shadow: 0 4px 4px rgba(62, 130, 255, 0.2);
}
.btn-blue {
background: #3E82FF;
color: #fff;
text-transform: uppercase;
transition: 0.2s background-color ease-in-out;
}
.btn-blue:hover {
background: #055DFF;
}
.btn-babyblue {
display: inline-block;
padding: 0 18px;
text-decoration: none;
background: #F7FAFF;
border: 1px solid #F7FAFF;
border-radius: 50px;
font-weight: 500;
font-size: 14px;
line-height: 30px;
transition: 0.2s border-color ease-in-out;
color: rgba(62, 130, 255, 0.9);
}
.btn-babyblue:hover {
background: #F7FAFF;
border: 1px solid #3E82FF;
}
.btn-white {
color: #313538;
border: 1px solid #D9D9D9;
line-height: 40px;
transition: 0.2s border-color ease-in-out;
}
.btn-white:hover {
border: 1px solid #055DFF;
}
.main-header {
padding: 12px 0;
margin-bottom: 30px;
}
@media (min-width: 992px) {
.main-header {
padding: 16px 0;
margin-bottom: 64px;
}
}
.main-header .container {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
align-items: center;
justify-content: space-between;
}
.main-logo,
.footer-logo {
background: url(//thefont.info/wp-content/themes/blessedprint/assets/img/logo.svg);
width: 121px;
height: 28px;
overflow: hidden;
text-indent: -9999px;
display: block;
margin: 0 auto;
}
.main-logo {
transform: translate(8px, -2px);
}
@media (min-width: 992px) {
.main-logo {
transform: none;
}
}
.main-nav {
font-weight: 500;
font-size: 16px;
line-height: 1.25;
margin-right: 20px;
}
@media (min-width: 992px) {
.main-nav {
margin: 0;
}
}
.main-nav ul {
display: flex;
align-items: center;
justify-content: end;
}
.main-nav ul > li {
margin: 0 15px 0 0;
padding: 0 15px 0 0;
border-right: 1px solid #000;
}
.main-nav ul > li:last-child {
margin: 0;
padding: 0;
border: 0;
}
.main-nav ul > li a {
color: #313538;
text-decoration: none;
transition: 0.2s color ease-in-out;
}
.main-nav ul > li a:hover {
color: #3E82FF;
}
#search-icon {
cursor: pointer;
display: block;
top: 12px;
left: 15px;
z-index: 10;
margin-left: 20px;
}
@media (min-width: 576px) {
#search-icon {
display: none;
}
}
#search-icon svg {
width: 27px;
height: 27px;
padding: 5px;
}
@media (max-width: 575px) {
#search {
display: none;
position: absolute;
top: 50px;
left: 0;
width: 100%;
padding: 10px 15px;
background: #fff;
z-index: 100;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#search.active {
display: block;
}
}
.search-form {
font-weight: 300;
font-size: 16px;
line-height: 20px;
color: #888888;
position: relative;
}
input[type="search"].search-field {
font-family: 'Onest', sans-serif;
font-size: 16px;
height: 42px;
line-height: 1;
background: #F7FAFF;
border: 1px solid #F7FAFF;
border-radius: 21px;
padding: 0 10px 0 47px;
max-width: 418px;
width: 100%;
transition: 0.2s border-color ease-in-out;
}
input[type="search"].search-field:active,
input[type="search"].search-field:focus {
outline: 0;
background: #F7FAFF;
border: 1px solid #3E82FF;
}
input[type="submit"].search-submit {
position: absolute;
border: 0;
top: 14px;
left: 17px;
width: 17px;
height: 17px;
background-color: transparent;
background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.70833 14.0417C11.2061 14.0417 14.0417 11.2061 14.0417 7.70833C14.0417 4.21053 11.2061 1.375 7.70833 1.375C4.21053 1.375 1.375 4.21053 1.375 7.70833C1.375 11.2061 4.21053 14.0417 7.70833 14.0417Z' stroke='%233E82FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.6249 15.625L12.1812 12.1812' stroke='%233E82FF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
overflow: hidden;
text-indent: 9999px;
}
.lp-intro {
display: grid;
margin-bottom: 54px;
grid-template-columns: 100%;
}
@media (min-width: 768px) {
.lp-intro {
grid-template-columns: minmax(460px, 634fr) minmax(81.8px, 818fr);
}
}
@media (min-width: 992px) {
.lp-intro {
margin-bottom: 60px;
}
}
.lp-intro-content {
margin: 0 auto;
display: flex;
flex-direction: column;
}
@media (min-width: 768px) {
.lp-intro-content {
width: 418px;
}
}
.lp-title {
order: 1;
margin-bottom: 46px;
text-align: center;
}
@media (min-width: 768px) {
.lp-title {
text-align: left;
margin: 30px 0 24px;
}
}
.lp-description {
order: 4;
font-size: 16px;
line-height: 1.88;
margin-top: 26px;
text-align: center;
}
@media (min-width: 576px) {
.lp-description {
text-align: left;
}
}
@media (min-width: 768px) {
.lp-description {
order: 3;
margin: 0 5px 20px 0;
}
}
.lp-buttons {
order: 3;
margin-top: 36px;
display: flex;
flex-wrap: wrap;
gap: 12px;
}
@media (min-width: 768px) {
.lp-buttons {
order: 4;
margin: 0;
gap: 15px;
}
}
.lp-buttons .btn-grey,
.lp-buttons .btn-white {
text-align: center;
width: 100%;
}
@media (min-width: 576px) {
.lp-buttons .btn-grey,
.lp-buttons .btn-white {
width: auto;
}
}
.lp-intro-video {
display: none;
}
@media (min-width: 768px) {
.lp-intro-video {
display: block;
}
}
.lp-intro-video img,
.lp-intro-video iframe {
max-width: 100%;
width: 100%;
display: block;
}
.lp-intro-video-mobile {
order: 2;
}
@media (min-width: 768px) {
.lp-intro-video-mobile {
display: none;
}
}
.lp-intro-video-mobile img,
.lp-intro-video-mobile iframe {
max-width: 100%;
width: 100%;
height: 55vw;
display: block;
}
.lp-subscribe {
margin-bottom: 130px;
background: #F7FAFF;
display: grid;
grid-template-columns: 100%;
}
@media (min-width: 768px) {
.lp-subscribe {
grid-template-columns: minmax(60.2px, 602fr) minmax(570px, 910fr);
}
}
.lp-subscribe .wpcf7-form {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
@media (min-width: 768px) {
.lp-subscribe .wpcf7-form {
flex-wrap: wrap;
gap: 24px 16px;
}
}
.lp-subscribe .wpcf7-form p {
width: 100%;
}
@media (min-width: 576px) {
.lp-subscribe .wpcf7-form p {
width: auto;
}
}
.lp-subscribe .wpcf7-email {
padding: 11px 20px;
background: #FFF;
border: 2px solid #3E82FF;
border-radius: 50px;
display: block;
height: 52px;
line-height: 52px;
font-size: 16px;
width: 100%;
}
@media (min-width: 576px) {
.lp-subscribe .wpcf7-email {
max-width: 325px;
}
}
.lp-subscribe .wpcf7-submit {
font-weight: 500;
font-size: 16px;
height: 52px;
border-radius: 50px;
text-align: center;
color: #FFF;
background: #3E82FF;
border: 0;
cursor: pointer;
transition: 0.3s background-color ease-in-out;
width: 100%;
}
@media (min-width: 576px) {
.lp-subscribe .wpcf7-submit {
width: 138px;
}
}
.lp-subscribe .wpcf7-submit:hover {
background: #055DFF;
}
.lp-subscribe .wpcf7-spinner {
margin: 0 24px -6px;
opacity: 1;
background-color: #3f82ff;
}
.lp-subscribe .wpcf7-not-valid-tip {
display: none;
}
.lp-subscribe .wpcf7 form {
margin-bottom: 45px;
}
@media (min-width: 768px) {
.lp-subscribe .wpcf7 form {
margin-bottom: 0;
}
}
.lp-subscribe .wpcf7 form .wpcf7-response-output {
font-size: 16px;
line-height: 1.88;
color: #E4325C;
background-color: #FFEFF3;
padding: 12px 27px;
border: 0;
margin: 0;
}
@media (min-width: 768px) {
.lp-subscribe .wpcf7 form .wpcf7-response-output {
max-width: 512px;
}
}
.lp-subscribe-image {
display: none;
}
@media (min-width: 768px) {
.lp-subscribe-image {
display: block;
}
}
.lp-subscribe-image img {
max-width: 100%;
display: block;
}
.lp-subscribe-content {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: center;
margin: 0 20px;
}
@media (min-width: 768px) {
.lp-subscribe-content {
width: 552px;
max-width: 100%;
margin: 0 auto;
}
}
.lp-subscribe-title {
font-weight: 600;
font-size: 32px;
line-height: 1.35;
margin-bottom: 20px;
margin-top: 45px;
}
@media (min-width: 768px) {
.lp-subscribe-title {
margin-top: 0;
}
}
@media (min-width: 992px) {
.lp-subscribe-title {
font-size: 44px;
line-height: 1.35;
}
}
.lp-subscribe-description {
font-size: 15px;
line-height: 1.88;
margin-bottom: 34px;
}
@media (min-width: 992px) {
.lp-subscribe-description {
font-size: 16px;
margin-bottom: 40px;
}
}
.lp-subscribe-disclaimer {
font-size: 16px;
line-height: 30px;
color: #3E82FF;
}
.lp-font-gallery {
display: flex;
flex-wrap: wrap;
gap: 46px 16px;
margin-bottom: 130px;
}
.lp-font-gallery .font-title,
.lp-font-gallery .font-section-title {
width: 100%;
}
.lp-font-item {
width: 100%;
}
@media (min-width: 576px) {
.lp-font-item {
width: calc(100% / 2 - (16px / 2));
}
}
@media (min-width: 992px) {
.lp-font-item {
width: calc(100% / 3 - (16px * 2 / 3));
}
}
.lp-font-item .title {
font-weight: 500;
font-size: 15px;
line-height: 1.67;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.lp-font-item .description {
font-size: 12px;
line-height: 1.5;
color: #888;
margin-bottom: 10px;
}
.lp-font-item .img-wrapper {
font-size: 0;
position: relative;
overflow: hidden;
}
@media (min-width: 576px) {
.lp-font-item .img-wrapper a {
cursor: pointer;
}
}
.lp-font-item img {
width: 100%;
transition: 0.4s transform ease, 0.4s filter ease;
}
@media (min-width: 576px) {
.lp-font-item img {
transition: 0.4s transform ease, 0.4s filter ease;
}
}
@media (min-width: 576px) {
.lp-font-item:hover img {
transform: scale(1.05);
filter: brightness(0.9);
}
}
.lp-font-item .btn-white {
position: absolute;
bottom: 17px;
left: 17px;
background-color: rgba(255, 255, 255, 0.8);
border-color: transparent;
cursor: pointer;
}
@media (min-width: 576px) {
.lp-font-item .btn-white {
opacity: 0;
transform: translate(0, 13px);
transition: 0.4s transform ease, 0.4s opacity ease;
}
}
.lp-font-item .btn-white:hover {
border-color: transparent;
}
@media (max-width: 575px) {
.lp-font-item .btn-white {
display: none;
}
}
@media (min-width: 576px) {
.lp-font-item:hover .btn-white {
opacity: 1;
transform: translate(0, 0);
}
}
.lp-font-item .btn-pin {
position: absolute;
width: 83px;
height: 26px;
background: url(//thefont.info/wp-content/themes/blessedprint/assets/img/pinterest.svg);
top: 17px;
left: 17px;
}
@media (min-width: 576px) {
.lp-font-item .btn-pin {
opacity: 0;
transform: translate(0, -13px);
transition: 0.4s transform ease, 0.4s opacity ease;
}
}
@media (min-width: 576px) {
.lp-font-item:hover .btn-pin {
opacity: 1;
transform: translate(0, 0);
}
}
.lp-font-item .slide-font {
display: flex;
height: 100vw;
align-items: center;
justify-content: center;
gap: 37px;
flex-direction: column;
background: #F7FAFF;
}
@media (min-width: 576px) {
.lp-font-item .slide-font {
display: none !important;
}
}
.lp-font-item .slide-font img {
width: 77px;
height: 77px;
border-radius: 50px;
}
.lp-font-item .slide-font .btn-download {
margin-top: 8px;
height: 37px;
background: #313538;
border-radius: 50px;
font-weight: 500;
font-size: 14px;
line-height: 37px;
text-align: center;
text-transform: uppercase;
color: #fff;
padding: 0 24px;
text-decoration: none;
transition: 0.2s background-color ease-in-out, 0.2s box-shadow ease-in-out;
}
.lp-font-item .slide-font .btn-download:hover {
background: #055DFF;
box-shadow: 0 4px 4px rgba(62, 130, 255, 0.2);
}
.lp-font-item .slide-font .font-title {
font-weight: 500;
font-size: 27px;
text-align: center;
}
.lp-font-item-carousel {
touch-action: manipulation;
}
@media (min-width: 576px) {
.lp-font-item-carousel > div {
display: none;
}
.lp-font-item-carousel > div:first-child {
display: block;
}
}
.lp-font-item-carousel.owl-carousel .owl-dots {
margin: 12px auto;
display: flex;
gap: 6px;
justify-content: center;
}
.lp-font-item-carousel.owl-carousel button.owl-dot {
width: 6px;
height: 6px;
border-radius: 3px;
background: #D9D9D9;
}
.lp-font-item-carousel.owl-carousel button.owl-dot.active {
background: #3E82FF;
}
.lp-popup-font {
max-width: 1136px;
padding: 30px;
display: flex;
gap: 50px;
}
.lp-popup-font-heading {
font-size: 26px;
line-height: 1.2;
margin: 20px 0;
}
.lp-popup-font-image-wrapper,
.lp-popup-font-content {
width: calc(50% - 25px);
}
.lp-popup-font-image-wrapper .source {
font-size: 12px;
line-height: 1.88;
color: #888;
margin: 15px 0;
}
.lp-popup-font-image-wrapper .source a {
color: #888;
text-decoration: none;
}
.lp-popup-font-image-wrapper .source a:hover {
text-decoration: underline;
}
.lp-popup-font-image-wrapper img {
width: 100%;
}
.lp-popup-font-disclaimer {
color: #888;
font-size: 16px;
line-height: 1.88;
margin-bottom: 11px;
}
.lp-popup-font-list {
list-style: none;
counter-reset: int-counter;
}
.lp-popup-font-list > li {
counter-increment: int-counter;
display: grid;
grid-template-columns: max-content auto max-content;
gap: 17px;
align-items: center;
margin-bottom: 13px;
}
.lp-popup-font-list > li:before {
content: counter(int-counter) ". ";
width: 36px;
height: 36px;
background: #F7FAFF;
border-radius: 20px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.fancybox__content > .f-button.is-close-btn {
top: 16px;
right: 16px;
color: #070709;
}
.fancybox__content > .f-button.is-close-btn svg {
width: 22px;
height: 22px;
}
@media (max-width: 575px) {
html.with-fancybox {
width: auto;
overflow: visible;
scroll-behavior: auto;
}
}
@media (max-width: 575px) {
html.with-fancybox body.hide-scrollbar {
width: auto;
margin-right: 0;
overflow: visible !important;
overscroll-behavior-y: auto;
}
}
@media (max-width: 575px) {
html.with-fancybox body {
touch-action: auto;
}
}
@media (max-width: 575px) {
.fancybox__container {
display: none !important;
}
}
@media (max-width: 575px) {
.fancybox-focus-guard {
display: none !important;
}
}
.lp-faq {
margin-bottom: 130px;
}
.lp-faq ::-webkit-details-marker {
display: none;
}
.lp-faq-title {
font-weight: 500;
font-size: 34px;
line-height: 1.05;
margin-bottom: 46px;
}
@media (min-width: 768px) {
.lp-faq-title {
font-size: 24px;
}
}
.lp-faq-question {
font-weight: 500;
font-size: 18px;
line-height: 1.05;
padding: 15px 0;
display: flex;
align-items: center;
cursor: pointer;
}
@media (min-width: 768px) {
.lp-faq-question {
padding: 34px 0;
font-size: 18px;
}
}
.lp-faq-question::marker {
content: '';
}
.lp-faq-question:before {
content: '';
display: block;
float: left;
margin-right: 10px;
width: 16px;
height: 8px;
background-image: url("data:image/svg+xml,%3Csvg width='22' height='13' viewBox='0 0 22 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L11 11L21 1' stroke='black' stroke-width='2'/%3E%3C/svg%3E%0A");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
transform: rotate(-90deg);
flex-shrink: 0;
}
@media (min-width: 768px) {
.lp-faq-question:before {
margin-right: 22px;
width: 13px;
height: 8px;
}
}
.lp-faq details[open] .lp-faq-question:before {
transform: rotate(-180deg);
}
.lp-faq-answer {
font-weight: 500;
line-height: 1.05;
}
@media (min-width: 768px) {
.lp-faq-answer {
margin-left: 35px;
max-width: 800px;
}
}
.page-font h1.font-title {
margin-bottom: 24px;
font-weight: 700;
font-size: 44px;
line-height: 1.05;
text-align: center;
}
@media (min-width: 992px) {
.page-font h1.font-title {
font-size: 64px;
text-align: left;
}
}
#footer {
font-size: 16px;
line-height: 1.88;
}
#footer h3 {
font-weight: 500;
font-size: 19px;
line-height: 24px;
letter-spacing: 0.02em;
margin-bottom: 20px;
}
#footer a {
color: #313538;
text-decoration: none;
transition: 0.2s color ease-in-out;
}
#footer a:hover {
color: #3E82FF;
}
.footer-top {
display: block;
margin-bottom: 80px;
}
@media (min-width: 768px) {
.footer-top {
display: grid;
grid-template-columns: minmax(78px, 780fr) minmax(50.8px, 508fr);
}
}
.footer-branding {
text-align: left;
}
.footer-branding .footer-logo {
margin: 0 0 20px;
}
.footer-description {
max-width: 440px;
}
.nav-footer {
display: flex;
align-items: start;
justify-content: space-between;
}
.footer-bottom {
display: block;
align-items: center;
margin-bottom: 80px;
}
@media (min-width: 768px) {
.footer-bottom {
display: grid;
grid-template-columns: minmax(86px, 860fr) minmax(42.8px, 428fr);
}
}
.nav-service > ul {
display: flex;
align-items: center;
justify-content: space-between;
}
.lp-faq-answer,
.entry-content {
font-weight: 400;
font-size: 16px;
line-height: 1.65; color: #313538;
}
.lp-faq-answer p,
.entry-content p {
margin: 20px 0;
}
.lp-faq-answer strong,
.entry-content strong,
.lp-faq-answer b,
.entry-content b {
font-weight: 600;
}
.lp-faq-answer ul,
.entry-content ul {
list-style-type: disc;
list-style-position: inside;
}
.lp-faq-answer ol,
.entry-content ol {
list-style-type: decimal;
list-style-position: inside;
}
.lp-faq-answer > *:first-child,
.entry-content > *:first-child {
margin-top: 0;
}
.lp-faq-answer {
font-size: 14px;
}
@media (min-width: 768px) {
.lp-faq-answer {
font-size: 18px;
}
}
.page-article {
min-height: 400px;
}
.page-article .entry-title {
margin-bottom: 46px;
}
.page-article .search-form {
text-align: left;
max-width: 260px;
margin: 50px auto;
}
.entry-content {
margin-bottom: 150px;
}
.entry-content .search-form {
text-align: left;
max-width: 260px;
margin: 50px auto;
}
.post-244,
.not-found {
text-align: center;
min-height: 400px;
}
.post-244 .entry-title,
.not-found .entry-title {
margin-bottom: 46px;
}
.single-header {
margin-bottom: 46px;
}div.tnp-subscription,
form.tnp-subscription, form.tnp-profile {
display: block;
margin: 1em auto;
max-width: 500px;
width: 100%;
}
div.tnp-profile {
display: block;
margin: 1em 0;
max-width: 500px; } .tnp-subscription div.tnp-field,
.tnp-profile div.tnp-field
{
margin-bottom: .7em;
border: 0;
padding: 0;
}
.tnp-subscription label,
.tnp-profile label
{
display: block;
color: inherit;
font-weight: normal;
line-height: normal;
padding: 0;
margin: 0;
margin-bottom: .25em;
font-size: .9em;
}
.tnp-subscription .tnp-field-checkbox label,
.tnp-profile .tnp-field-checkbox label
{
display: inline-block;
}
.tnp-subscription input[type=text],
.tnp-subscription input[type=email],
.tnp-subscription input[type=submit],
.tnp-subscription select,
.tnp-subscription textarea,
.tnp-profile input[type=text],
.tnp-profile input[type=email],
.tnp-profile input[type=submit],
.tnp-profile select,
.tnp-profile textarea
{
width: 100%;
padding: .7em;
display: block;
border: 1px;
color: #444;
border-color: #ddd;
background-color: #f4f4f4;
background-image: none;
text-shadow: none;
font-size: 1em;
margin: 0;
line-height: normal;
box-sizing: border-box;
}
.tnp-subscription input[type=checkbox],
.tnp-widget input[type=radio],
.tnp-profile input[type=checkbox]
{ max-width: 1em;
display: inline-block;
margin-right: .5em;
} .tnp-subscription select option,
.tnp-profile select option
{
margin-right: .75em;
}
.tnp-subscription input.tnp-submit,
.tnp-profile input.tnp-submit,
.tnp-unsubscribe button.tnp-submit,
.tnp-reactivate button.tnp-submit
{
background-color: #444;
color: #fff;
width: auto;
height: auto;
margin: 0;
display: inline-block;
}
@media all and (max-width: 480px) {
.tnp-subscription input[type=submit],
.tnp-profile input[type=submit] {
width: 100%;
}
}
.tnp-widget {
width: 100%;
display: block;
box-sizing: border-box;
}
.tnp-widget .tnp-field {
margin-bottom: 10px;
border: 0;
padding: 0;
}
.tnp-widget label {
display: block;
color: inherit;
font-size: 14px;
}
.tnp-widget input[type=text], .tnp-widget input[type=email], .tnp-widget input[type=submit], .tnp-widget select {
width: 100%;
padding: 10px;
display: block;
border: 1px solid #ddd ;
border-color: #ddd;
background-color: #f4f4f4;
background-image: none;
text-shadow: none;
color: #444;
font-size: 14px;
line-height: normal;
box-sizing: border-box;
height: auto;
}
.tnp-widget input[type=checkbox], .tnp-widget input[type=radio] {
width: auto;
display: inline-block;
} .tnp-widget select option {
margin-right: 10px;
}
.tnp-widget input.tnp-submit {
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
margin: 0;
}
.tnp-field input[type="submit"] {
position: inherit;
}
.tnp-field label {
} .tnp-widget-minimal {
width: 100%;
}
.tnp-widget-minimal form {
margin: 0;
padding: 0;
border: 0;
}
.tnp-widget-minimal input.tnp-email {
width: 100%;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px solid #ddd;
background-color: #f4f4f4;
color: #444;
font-size: 14px;
}
.tnp-widget-minimal input.tnp-submit {
width: 100%;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: normal;
border-radius: 0px;
height: auto;
margin: 0;
} .tnp-subscription-minimal {
width: 100%;
box-sizing: border-box;
margin: 10px 0;
}
.tnp-subscription-minimal form {
width: auto;
margin: 0;
padding: 0;
border: 0;
white-space: nowrap;
}
.tnp-subscription-minimal input.tnp-email,
.tnp-subscription-minimal input.tnp-name
{
width: 70%;
max-width: 300px;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px solid #ddd;
background-color: #f4f4f4;
color: #444;
font-size: 14px;
line-height: 20px;
border-radius: 0px;
margin-right: 10px;
}
.tnp-subscription-minimal.with-name input.tnp-email,
.tnp-subscription-minimal.with-name input.tnp-name
{
width: 31%;
}
.tnp-subscription-minimal .tnp-privacy-field {
margin-top: 10px;
} .tnp-subscription-minimal input.tnp-submit {
width: 29%;
box-sizing: border-box;
display: inline-block;
padding: 10px;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: 20px;
border-radius: 0px;
margin: 0;
}
.tnp-subscription-posts {
margin-top: 2em;
margin-bottom: 2em;
padding: 2rem;
}
.tnp-subscription-posts .tnp-subscription {
max-width: auto;
margin: 0;
}
@media all and (max-width: 525px) {
.tnp-subscription-minimal.with-name input.tnp-email,
.tnp-subscription-minimal.with-name input.tnp-name,
.tnp-subscription-minimal input.tnp-submit
{
width: 100%;
max-width: 100%;
margin: 0;
display: block;
margin-bottom: .5rem;
}
} .tnp-button-form button.tnp-submit {
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: normal;
border-radius: 0px;
height: auto;
margin: 0;
} .tnp-comments {
clear: both;
margin-top: 15px;
margin-bottom: 15px;
}
.tnp-comments label {
display: block;
}
.tnp-comments input[type=checkbox] {
display: inline-block;
width: auto!important;
} .tnp-lock {
clear: both;
display: block;
box-sizing: border-box;
box-shadow: none;
margin: 20px;
padding: 15px;
background-color: #fff;
border: 1px solid #ddd;
}
.tnp-nl-checkout {
margin-bottom: 1em;
}