@font-face {
font-family:"Aglet Sans";
src:url(//postback.com/wp-content/themes/postback/assets/fonts/Aglet_Sans/Aglet_Sans_Romans_Variable.woff2) format("woff2"),
url(//postback.com/wp-content/themes/postback/assets/fonts/Aglet_Sans/Aglet_Sans_Romans_Variable.woff) format("woff");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family:"Noto Sans";
src:url(//postback.com/wp-content/themes/postback/assets/fonts/Noto_Sans/NotoSans-Regular.ttf) format("truetype");
}
@font-face {
font-family:"Aglet Sans Bold";
src:url(//postback.com/wp-content/themes/postback/assets/fonts/Aglet_Sans/Aglet_Sans_Bold.woff2) format("woff2"),
url(//postback.com/wp-content/themes/postback/assets/fonts/Aglet_Sans/Aglet_Sans_Bold.woff) format("woff");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family:"Noto Sans Bold";
src:url(//postback.com/wp-content/themes/postback/assets/fonts/Noto_Sans/NotoSans-Bold.ttf) format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family:"Aglet Sans Semibold";
src:url(//postback.com/wp-content/themes/postback/assets/fonts/Aglet_Sans/Aglet_Sans_Semibold.woff2) format("woff2"),
url(//postback.com/wp-content/themes/postback/assets/fonts/Aglet_Sans/Aglet_Sans_Semibold.woff) format("woff");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family:"Noto Sans Semibold";
src:url(//postback.com/wp-content/themes/postback/assets/fonts/Noto_Sans/NotoSans-SemiBold.ttf) format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family:"Aglet Sans Semibold Italic";
src:url(//postback.com/wp-content/themes/postback/assets/fonts/Aglet_Sans/Aglet_Sans_Semibold_Italic.woff2) format("woff2"),
url(//postback.com/wp-content/themes/postback/assets/fonts/Aglet_Sans/Aglet_Sans_Semibold_Italic.woff) format("woff");
font-weight: 500;
}
@font-face {
font-family:"Noto Sans Semibold Italic";
src:url(//postback.com/wp-content/themes/postback/assets/fonts/Noto_Sans/NotoSans-SemiBoldItalic.ttf) format("truetype");
font-weight: 500;
font-style: normal;
}
* {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body, html {
display: flex;
flex-direction: column;
height: 100%;
}
body {
font-family: "Noto Sans", "Arial", sans-serif;
color: #404040;
margin: 0;
padding: 0;
line-height: 1.5;
color: #404040;
}
img {
display: block;
max-width: 100%;
height: auto;
}
a { text-decoration: none; color: #E11545; font-weight: bold; }
main {
flex: 1;
padding-top: 20px;
}
.btn {
padding: 1em;
background-color: #E11545;
border: none;
color: white;
font-size: 16px;
cursor: pointer;
margin: .5em;
display: block;
text-align: center;
border-radius: 24px;
font-weight: bold;
text-decoration: none;
}
@media all and (min-width: 1400px) {
main {
padding-top: 30px;
}
}
.container,  .home .wp-block-columns-is-layout-flex, .home .explainer-details  {
position: relative;
margin-right: auto;
margin-left: auto;
padding-right: 10px;
padding-left: 10px;
z-index: 1;
max-width: 1150px;
}
@media all and (min-width: 600px) {
.container,  .home .wp-block-columns-is-layout-flex, .home .explainer-details  { 
padding-right: 25px;
padding-left: 25px;
}
}
.section {
padding-bottom: 60px;
}
.hidden {
display: none;
}
.entry-content {
margin-top: 30px;
}
.bg-red {
background-color: #E11545;
}
.text-red {
color: #E11545;
}
.btn {
position: relative;
vertical-align: middle;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 10px 15px;
background-color: #E11545;
border: none;
border-radius: 24px;
color: white;
font-size: 18px;
font-weight: 700;
text-align: center;
text-decoration: none;
line-height: 27px;
cursor: pointer;
} header {
display: flex;
justify-content: center;
}
nav {
width: 100%;
background-color: #E11545;
}
.site-header {
display: grid;
grid-template-columns: 3fr 1fr;
}
@media all and (min-width: 1200px) {
.site-header {
grid-template-columns: 2fr 3fr 2fr;
}
}
.menu-top-nav-left-container, .menu-top-nav-right-container {
display: none;
}
.menu-mobile-menu-container {
display: none;		
}
@media all and (min-width: 1200px) {
.menu-top-nav-left-container, .menu-top-nav-right-container {
display: block;
}
.menu-mobile-menu-container {
display: none !important;
}
}
#menu-mobile-menu {
display: block !important;
}
#menu-mobile-menu li { 
padding: 10px;
}
nav h2 {
font-size: 20px;
font-family: "Aglet Sans", "Noto Sans", "Arial", sans-serif;
color: #ffffff;
}
nav ul {
list-style: none;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin: 0;
padding-right: 15px;
padding-left: 15px;
height: 100%;
}
nav a {
display: flex;
align-items: center;
color: white;
text-decoration: none;
}
header li {
font-weight: bold;
margin: 50px;
}
.site-title { 
text-align: center;
padding-bottom: .5em;
}
@media all and (min-width: 1200px) {
.site-title {
padding-bottom: 0;
}
}
.site-title img {
width: 250px;
height: auto;
margin-top: 1em;
text-align: left;
}
@media all and (min-width: 1200px) {
.site-title img {
margin-left: auto;
margin-right: auto;
text-align: center;
}
}
.site-description {
display: none;
}
@media all and (min-width: 1200px) {
.site-description {
display: block;
}
}
@media all and (min-width: 1200px) {
.mobile-nav, .menu-mobile-menu-container {
display: none;
}
}
.mobile-nav {
text-align: right;
padding-top: 1em;
}
.mobile-nav svg {
width: 32px;
height: 32px;
}
@media all and (min-width: 1400px) {
h2 {
font-size: 32px;
}
} footer {
padding-bottom: 30px;
background-color: black;
color: white;
}
footer a {
font-weight: bold;
text-decoration: none;
}
footer a, footer p, footer li {
color: #EFEEEE;
font-size: .9em;
}
footer .footer-logo {
margin-top: 60px;
margin-bottom: 30px;
width: 160px;
height: auto;
}
#menu-footer-links {
list-style: none;
padding: 0;
}
@media all and (min-width: 1400px) {
#menu-footer-links {
display: flex;
}
}
#menu-footer-links li {
padding: 10px 0;
}
@media all and (min-width: 1400px) {
#menu-footer-links li {
padding: 5px 10px;
}
}
footer .copyright {
font-weight: 500 !important;
}
ul.social-icons {
justify-content: flex-end;
display: flex;
}
.social-icons li {
padding: 0 10px;
list-style: none;
}
.social-icons img {
width: 30px;
height: 30px;
}
.row.align-items-end {
align-items: end;
display: flex;
} @media all and (min-width: 1400px) {
h1 { font-size: 40px; }
h2 { font-size: 32px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 20px;
color: #E11545;
font-weight: normal;
line-height: 1.2;
}
h1 {
font-size: 30px;
font-family: "Noto Sans", "Arial", sans-serif;
color: #404040;
font-weight: 500;
}
nav h1 {
font-size: 20px;
font-family: "Aglet Sans", "Noto Sans", "Arial", sans-serif;
color: #ffffff;
}
h2 {
font-size: 24px;
font-family: "Noto Sans", "Arial", sans-serif;
font-weight: bold;
color: #036E83;
}
.modal__body h2 {
font-size: 28px;
font-family: "Noto Sans", "Arial", sans-serif;
}
h3 {
font-size: 20px;
font-family: "Noto Sans", "Arial", sans-serif;
font-weight: bold;
color: #404040;
}
h4, h5, h6 {
font-size: 18px;
font-weight:bold;
}
.small {
font-size: .8em;
color: #404040;
}
.entry-header, .entry-title {
color: white;
font-size: 0px;
height: 0px;
}
blockquote, .quote {
color: #e11545;
font-size: 20px;
font-family: "Aglet Sans Semibold Italic", "Noto Sans SemiBold Italic", "Arial", sans-serif;
}
.caption, .ad-caption, .field-helper {
font-style: italic; color: #404040;
font-size: .8em;
}
.date {
font-style: italic;
color: #939598;
font-size: 1em;
} .alert {
display: none;
}
.explainer-details {
background-color: rgb(74, 137, 153);
clear: both;
color: #fff;
border-radius: 1em;
padding: 1em 4em;
text-align: center;
}
@media all and (max-width: 849px) {
.explainer-details {
border-radius: 1em;
padding: 1em 4em;
}
}
@media all and (max-width: 600px) {
.explainer-details {
grid-template-columns: 1fr;
text-align: center;	
}
.explainer-details p {
margin-left: auto;
margin-right: auto;
}
}
@media all and (min-width: 850px) {
.details-cta h2 {
text-align: left !important;
}
}
.explainer-details h1, 
.explainer-details h2,
.explainer-details h3 {
color: white !important;
}
.explainer-details a {
color: white !important;
}
.explainer h3 {
margin-bottom: 0 !important;
}
.explainer p {
margin-top: .1em !important;
}
.explainer-cta {
width: 33%;
float: left;
padding-bottom: 1em;
padding-right: 2%;
padding-left: 2%;
}
@media all and (max-width: 849px) {
.explainer-cta {
width: 100%;
float: left;
}
}
.explainer-cta img {
margin-bottom: 1em;
max-height: 10em;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.explainer-cta  p { }
.explainer h2 {
color: black;
text-align: center;
font-weight: bold;
}
.description-cta {
text-align: center !important;
}
.description-cta a { text-align: center !important;
}
.description-cta h2 {
text-align: left !important; 
color: #036E83 !important;
padding-right: 1em;
font-weight: 500 !important;
font-size: 20px;
text-align: center !important;
padding: 0 !important;
}
.description-cta h2 a {
color: #036E83 !important;
font-weight: 500 !important;
} 
.description-cta img {
margin-top: 35px;
}
@media all and (min-width: 1400px) {
.description-cta img {
margin-top: 25px;
}
}
@media all and (max-width: 849px) {
.description-cta img {
margin-top: 15px;
}
}
.halfwidth img {
width: 100%;
text-align: center;
margin-left: auto;
margin-right: auto;
}
@media all and (max-width: 899px) {
.halfwidth {
margin: 2em;
}
}
@media all and (min-width: 900px) { 
.halfhalf {
display: flex;
}
}
@media all and (max-width: 1099px) and (min-width:900px) {
.halfwidth {
margin-right: 1em;
width: 50%;
}
.halfwidth img {
margin-top: 2em;
}
}
@media all and (min-width: 1100px) {
.halfwidth {
margin-right: 1em;
width: 50%;
}
.halfwidth img {
max-width: 400px;
margin-top: 1em;
}
}
.lightblue {
background-color: #EDFCFC !important;
}
.lightblue h2 {
color: rgb(74, 137, 153);
}
.graypadded .container {
background-color: #eff4f6;
padding: 25px;
border-radius: 2em;
}
.gray-columns {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-column-gap: 2em;
}
@media all and (max-width: 849px) {
.gray-columns {
grid-template-columns: 1fr;
}
}
.tri-col {
background-color: white;
padding: 1.5em;
border-radius: 1em;
}
@media all and (max-width: 849px) {
.tri-col {
margin: 1em;
}
}
.is-type-video {
text-align: center;
margin-left: auto;
margin-right: auto;
}
a.tealbg {
background-color: rgb(74, 137, 153);
padding: .75em;
color: white !important;
border-radius: .5em;
} .blog {
max-width: 800px;	
margin-left: auto;
margin-right: auto;
}
#blog-feed {
margin-top: -30px;
}
#blog-feed h1 {
text-align: center !important;
color: white !important;
padding-top: 1em;
}
.column.hero {
display: grid;
background-color: #eee;
padding: .5em 1em;
border-radius: 1em;
}
.hero-image {
min-width: 300px;
display: block;
}
@media all and (min-width: 800px) {
.hero-image {
grid-column-gap: 1em;
grid-column: 2/2;
grid-row: 2/2;
}
}
.hero img {
max-width: 300px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
.info-blog {
display: block;
}
.blog h4 {
color: #156082;
text-transform: uppercase;
font-size: .9em;
font-style: italic;
margin-bottom: 0;
grid-column: 1/2;
grid-row: 1/2;
margin-bottom: 1em;
margin-top: 1em;
}
.blog .columnheader {
width: 100%;
clear: both;
padding-top: 20px;
display: block;
}
.homepage-blog-listing .info-blog {
padding-left: 1em;
padding-right: 1em;
}
.home .hero {
background-repeat: repeat-x;
margin-top: -30px;
padding-top: 30px;
height: fit-content;
}
.home .hero .container {
background-color: white;
padding-top: 1em;
padding-bottom: 1em;
border-radius: 2em;
display: grid;
}
@media all and (max-width: 849px) {
.home .hero .container {
grid-template-columns: 1fr;
max-width: 90%;
}
}
@media all and (min-width: 850px) and (max-width: 1199px) {
.home .hero .container {
grid-template-columns: 1fr 2fr;
max-width: 90%;
}
}
@media all and (min-width: 1200px) {
.home .hero .container {
grid-template-columns: 1fr 2fr;
max-width: 1150px;
}
}
.home .hero .container .button, .wp-block-button__link.wp-element-button {
background-color: #E11545;
color: white;
padding: .75em;
border-radius: .5em;
margin-top: .5em;
display: inline-block;
font-family: "Noto Sans", "Arial", sans-serif;
}
.disabled-button {
opacity: .5;
cursor: not-allowed !important;
}
@media all and (min-width: 800px) {
.hero .info-blog {
grid-row: 2/2;
grid-column: 1/2;
padding-right: 1em;
}
}
@media all and (min-width: 1400px) {
.hero .info-blog p {
font-size: 1.2em;
}
}
.blogholder {
width: 68%;
padding-top: 1em;
}
@media all and (max-width: 975px) {
.blogholder {
width: 100%;
}
}
.blogholder h2 {
color: white !important;
}
.homepage-blog-listing h3, .homepage-blog-listing h3 a {
color: white;
}
.homepage-blog-listing.blog-listing.latest {
display: inline-grid;
padding: 1%;
margin-bottom: 1em;
}
@media all and (max-width: 600px) {
.homepage-blog-listing.blog-listing.latest {
width: 100%;
margin-left: auto;
margin-right: auto;
max-width: 400px;
display: block;
}
}
@media all and (max-width: 975px) and (min-width: 601px) {
.homepage-blog-listing.blog-listing.latest {
width: 45%;
}
}
@media all and (max-width: 1200px) and (min-width: 976px) {
.homepage-blog-listing.blog-listing.latest {
width: 48%;
}
}
@media all and (max-width: 1400px) and (min-width:1201px) {
.homepage-blog-listing.blog-listing.latest {
width: 32%;
}
}
@media all and (min-width: 1400px) {
.homepage-blog-listing.blog-listing.latest {
width: 32%;
}
}
.homepage-blog-listing .thumbnail-image img {
border: 3px solid white !important;
border-radius: 2em;
width: 100% !important;
}
@media all and (max-width: 975px) {
.homepage-blog-listing .thumbnail-image img {
border-radius: 3em;
width: 100% !important;
}
}
.homepage-blog-listing .btn {
background-color: #eee;
color: #E11545;
}
.secondary {
clear: both;
display: grid;
grid-row-gap: 1em;
grid-column-gap: 1em;
grid-template-columns: 1fr 1fr 1fr;
}
@media all and (min-width: 800px) {
.secondary {
grid-template-columns: 1fr 1fr 1fr;
}
.secondary .blog-listing {
padding: 1em;
}
}
@media all and (max-width: 799px) {
.secondary {
grid-template-columns: 1fr 1fr;
}
} .row.right-sidebar {
display: grid;
grid-template-columns: 2fr 1fr;
column-gap: 2em;
} .custom-modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
display: flex;
justify-content: center;
align-items: center;
z-index: 10000;
inset: 0;
padding: 10px;
overflow: auto;
}
@media all and (min-width: 600px) {
.custom-modal { 
padding: 20px;
}
}
.modal-content {
background: #fff;
padding: 20px;
max-width: 800px/75%;
border-radius: 8px;
box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
text-align: center;
position: relative;
padding: 30px 20px;
margin-left: auto;
margin-right: auto;
width: 800px;
min-height: 400px;
height: fit-content;
max-width: 100%;
}    
@media all and (min-width: 1400px) {
.modal-content {
max-width: 800px;
}
}
.modal-content h2 {
font-size: 28px;
font-family: "Noto Sans", "Arial", sans-serif;
margin-top: 0;
}
.modal-content .video-wrap {
width: 100%;
max-width: 800px;
text-align: center;
margin-left: auto;
margin-right: auto;
height: 300px;
}
#help-form, #advertise-form, #media-form {
padding: 1em;
}
.modal-close {
position: absolute;
top: 10px;
right: 15px;
font-size: 24px;
color: #333;
} .page-template-single-create-a-postie article {
text-align: center;
margin-left: auto;
margin-right: auto;
max-width: 600px;
}
.cards {
margin-top: 60px;
display: grid;
grid-template-columns: 1fr;
}
@media all and (min-width: 800px) and (max-width: 1199px) {
.cards {
grid-template-columns: 1fr 1fr;
}
}
@media all and (min-width: 1200px) {
.cards {
grid-template-columns: 1fr 1fr 1fr;
}
}
.card {
position: relative;
margin-left: auto;
margin-right: auto;
min-height: 400px;
max-width: 360px;
min-width: 280px;
width: 100%;
padding: 22px 25px 130px 25px;
background-image: url(//postback.com/wp-content/themes/postback/assets/postie-cards/postback-top.svg), url(//postback.com/wp-content/themes/postback/assets/postie-cards/postback-bottom.svg);
background-position: top center, bottom center;
background-size: 100% 42px, 100% 162px;
background-repeat: no-repeat, no-repeat;
}
.card__bg {
position: absolute;
top: 30px;
bottom: 110px;
right: 0;
left: 0;
border-left: 14.45px solid #E11545;
border-right: 14.45px solid #E11545;
background-position: center center;
background-size: 100% auto;
background-repeat: repeat-y;
z-index: -1;
}
.card__rating {
display: flex;
}
.card__rating img {
width: 150px;
margin-left: auto;
margin-right: auto;
margin-top: 1em;
}
.card__icons .insight { width: 85px;
height: 85px;
overflow: hidden;
margin: .5em;
}
.client-type-svg svg {
margin-top: -.25em !important;
}
.Negative svg, 
.Negative fill, 
.Negative circle,
.Negative g,
.Negative path {
color: #202356;
fill: #202356;
}
.Positive svg, 
.Positive fill, 
.Positive circle,
.Positive g,
.Positive path {
color: #6b328d;
fill: #6b328d;
}
.Neutral svg, 
.Neutral fill, 
.Neutral circle,
.Neutral g,
.Neutral path {
color: #036e83;
fill: #036e83;
}
.charcontainer {
height: 125px !important;
}
.card__icons--issues {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
.card__heading h3 {
overflow-wrap: break-word;
}
.card__bookmark-link {
height: 40px;
width: 30px;
position: absolute;
right: 6%;
bottom: 19%;
}
.card__bookmark-link svg {
height: 40px;
width: 30px;
}
.card__bookmark-link .new-bookmark path {
fill: none;
stroke: #E11545;
stroke-width: 3;
display:none;
}
.client-type-description {
text-align: center; padding-top: 5px;
font-size: .7em;
height: .25em;
line-height: 1em;
}
.client-type-svg {
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: -.25em;
}
.client-type-holder {
margin-top: 3em;
} .loader {
text-align: center;
position: relative;
z-index: 10000;
}
.loader img {
margin-left: auto;
margin-right: auto;
max-width: 150px;
}
#searchform #search {
width:600px;
max-width: 75%;
}
#searchform div {
text-align: center;
}
#search {
padding: 18px;
max-width: 100%;
background-color: #EFEEEE;
border: none;
border-radius: 50px;
font-size: 1em;
}
#searchsubmit {
padding: 12px 36px;
background-color: #E11545;
border: none;	
border-radius: 24px;
color: white;
font-size: 16px;
cursor: pointer;
}
#search-filters {
justify-content: center;
display: grid;
column-gap: 1em;
margin-top: 1em;
}
@media all and (min-width: 800px) {
#search-filters {
display: flex;
}
}
#search-filters .closed {
display:none;
}
#search-filters .open {
display:block;
}
#search-filters .fieldgroup {
margin-top: .5em;
}
@media all and (min-width: 800px) {
#search-filters .closed, #search-filters .open {
display:block;
}
#search-filters .fieldgroup {
margin-top: 0em;
}
}
#search-filters label  {
display: none;
}
#search-filters select, #search-filters input {
appearance: unset;
border-radius: .5em;
font-size: 16px;
padding: .5em;
border: 1px solid lightgrey;
}
#sort-and-save {
justify-content: center;
display: flex;
column-gap: 2em;
margin-top: 1em;
}
#sort-and-save select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
font-size: 16px;
}
.sorting label { font-weight: bold; }
#FiltersLink {
display: inline-flex;
align-items: center;
padding: .25em;
}
#FiltersLink img {
margin-left: .5em;
width: 25px;
} #contact-form {
padding-bottom: 20px;
}
.custom-modal input, .custom-modal textarea, #contact-form input, #contact-form textarea, #contact-form select {
width: 100%;
padding: 10px;
border-radius: 8px;
border: 1px solid lightgrey;
font-size: 16px;
}
.custom-modal input:is([type="submit"]), #contact-form input:is([type="submit"]) {
background-color: #E11545;
color: white;
font-weight: bold;
cursor: pointer;
}
.excessive { margin-top: 13px !important; }
.banned { margin-top: 10px !important; }
.choices .banned { margin-top: -18px !important; }
.choices .excessive { margin-top: -18px !important; }
.login-register-form, #modal-custom_loginform {
text-align: center;
padding-bottom: 1em;
padding-left: 1em;
padding-right: 1em;
}
.login-register-form .wp-block-list li {
text-align: left !important;
}
.members-login-error {
display: none;
}
.form-header {
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.form-header p, .form-header h2  {
text-align: left;
}
ul.acf-radio-list li input[type=checkbox], 
ul.acf-radio-list li input[type=radio], 
ul.acf-checkbox-list li input[type=checkbox], 
ul.acf-checkbox-list li input[type=radio] {
width: auto !important;
}
.acf-bl {
list-style: none !important;
position: relative;
}
.acf-hl:after, .acf-bl:after, .acf-cf:after {
clear: both;
}
.acf-relationship .list .acf-rel-item {
cursor: pointer;
}
.acf-relationship .list .acf-rel-label, .acf-relationship .list .acf-rel-item, .acf-relationship .list p {
padding: 5px;
display: block;
position: relative;
min-height: 18px;
}
.acf-fields>.acf-field {
position: relative;
margin: 0;
padding: 16px;
}
.acf-field {
clear: both;
}
.acf-fields {
position: relative;
}
.acf-fields.-border {
background: #fff;
}
.acf-fields>.acf-field:first-child {
border-top: none;
margin-top: 0;
}
.acf-fields>.acf-field {
position: relative;
margin: 0;
padding: 16px;
}
.acf-field .acf-label label {
display: block;
margin: 0 0 3px;
padding: 0;
}
.acf-label label {
text-align: center;
font-family: "Noto Sans", "Arial", sans-serif;
font-weight: 700 !important;
}
.acf-relationship .filters {
border-bottom: #ccd0d4 solid 1px;
background: #fff;
}
.acf-relationship .filters .filter:first-child {
padding-left: 7px;
}
.acf-relationship .filters .filter {
margin: 0;
float: left;
width: 100%;	
box-sizing: border-box;
padding: 7px 7px 7px 0;
}
.acf-relationship .filters .filter input, .acf-relationship .filters .filter select {
margin: 0;
float: none;
}
input[type=checkbox] {
width: 18px !important;
height: 18px !important;
}
.custom-modal input([type="submit"]), #contact-form input([type="submit"]) {
margin-top: 20px !important;
}
div[data-name="anonymous_checkbox"] .acf-label {
display: none;
}
#registerform input, 
.login-register-form input, 
#modal-custom_loginform input,
#modal-registerform input,
#modal-pw-form-holder input {
width: 100%;
padding: 10px;
border-radius: 8px;
border: 1px solid lightgrey;
font-size: 16px;
}
#custom_loginform, #registerform, #lostpasswordform {
max-width: 600px;
text-align: center;
margin-left: auto;
margin-right: auto;
}
#registerform input:is([type="submit"]), 
.login-register-form input:is([type="submit"]), 
#modal-custom_loginform input:is([type="submit"]),
#modal-registerform input:is([type="submit"]),
#modal-pw-form-holder input:is([type="submit"]) {
background-color: #E11545;
color: white;
font-weight: bold;
cursor: pointer;
}
.login-username label, .login-password label, .login-remember label {
display: none;
}
.loginpress-reg-pass-wrap-2 {
margin-top: 1em;
}
#rememberme { display: none; }
#error-holder {
color:red;
font-style:italic;
font-weight: bold;
}
.members-login-error {
color: red;
font-style:italic;
font-weight: bold;
}
.hint-custom-reg {
font-size: .8em;
}
.loginpress-reg-pass-wrap, .loginpress-reg-pass-2-wrap {
display :none;
}
.loginpress-reg-pass-wrap label,
.loginpress-reg-pass-2-wrap label {
display: none;
}
#registerform p.submit,
#modal-registerform p.submit,
#modal-pw-form-holder p.submit { 
text-align: center !important; 
float: none !important; 
}
.show-password-toggle {
display:none;
}
.errorMessage {
text-align: center;
margin-top: 1em;
font-style: italic;
font-weight: bold;
color: red;
}
.unclickable {
cursor: none;
opacity: 0.5;
pointer-events: none;
}
.clickable-box {
border-radius: 1em;
border: 1px solid #efefef;
margin: 1em;
text-align: center;
padding: .25em;
box-shadow: .25em .25em 1em lightgray;
width: 100%;
font-family: "Aglet Sans", "Noto Sans", "Arial", sans-serif;
text-decoration: none;
color: #333333;
}
div[data-name="client-rating"] li:before { font-family: "Aglet Sans", "Noto Sans", "Arial", sans-serif;
padding: .25em;
font-size: 40px;
}
div[data-name="client-rating"] ul.acf-radio-list.acf-bl {
display: flex;
margin-left: auto;
margin-right: auto;
text-align: center;
justify-content: center;
}
div[data-name="client-rating"] ul.acf-radio-list li {
font-size: 32px;
color: gray;
}
div[data-name="online-review"] div.acf-input label  {
cursor: pointer;
background-color: grey;
width: 100px;
display: block;
text-align: center;
color: white;
border-radius: 24px;
padding: 1em;
font-size: 16px;
margin: .5em;
}
div[data-name="online-review"] ul.acf-radio-list.acf-bl {
display: flex;
margin-left: auto;	
margin-right: auto;
text-align: center;
justify-content: center;
}
div[data-name="anonymous_checkbox"] .acf-label {
display: none;
}
div[data-name="client-rating"] ul.acf-radio-list li input,
div[data-name="online-review"] div.acf-input label input,
div[data-name="_post_title"],
div[data-name="terms_conditions"] .acf-label,
div[data-name="tc_last_date"],
div[data-name="age_verification"] .acf-label {
display:none;
}
input[type=checkbox] {
width: 18px !important;
height: 18px !important;
}
.custom-modal input([type="submit"]), #contact-form input([type="submit"]) {
margin-top: 20px !important;
}
div[data-name="terms_conditions"] .acf-input input {
width: 20px !important;
margin-top: .5em !important;
}
div[data-name="terms_conditions"] .message {
text-align: left !important;
font-size: .8em !important;
}
div[data-name="age_verification"] .acf-input input {
width: 20px !important;
margin-top: .5em !important;
}
div[data-name="age_verification"] .message {
text-align: left !important;
font-size: .8em !important;
}
div[data-name="client-insights"] .acf-relationship {
border: none;
height: fit-content;
}
div[data-name="client-insights"] .filters, div[data-name="client-insights"] .values  {
display: none;
}
.acf-relationship .selection .choices {
background-color: white;
}
.acf-relationship .list .acf-rel-item:hover, 
.acf-relationship .list .acf-rel-item.relationship-hover {
opacity: .9;
border: 3px solid;
filter: saturate(2);
color: white;
}
.acf-relationship .list .acf-rel-item.positive:hover {	
background-color: #DDF6EA !important;
color: #062e00 !important;
}
.acf-relationship .list .acf-rel-item.neutral:hover {	
background-color: #E8F0F3 !important;
color: #000062 !important;
}
.acf-relationship .list .acf-rel-item.negative:hover {	
background-color: #FAEDEE !important;
color: #F93131 !important;
}
.acf-relationship .list .acf-rel-item.positive:hover svg,
.acf-relationship .list .acf-rel-item.positive:hover fill,
.acf-relationship .list .acf-rel-item.positive:hover circle,
.acf-relationship .list .acf-rel-item.positive:hover g,
.acf-relationship .list .acf-rel-item.positive:hover path {
fill: #062e00 !important;
}
.acf-relationship .list .acf-rel-item.neutral:hover svg,
.acf-relationship .list .acf-rel-item.neutral:hover fill,
.acf-relationship .list .acf-rel-item.neutral:hover circle,
.acf-relationship .list .acf-rel-item.neutral:hover g,
.acf-relationship .list .acf-rel-item.neutral:hover path {
fill: #000062 !important;
}
.acf-relationship .list .acf-rel-item.negative:hover svg,
.acf-relationship .list .acf-rel-item.negative:hover fill,
.acf-relationship .list .acf-rel-item.negative:hover circle,
.acf-relationship .list .acf-rel-item.negative:hover g,
.acf-relationship .list .acf-rel-item.negative:hover path {
fill: #F93131 !important;
}
.acf-relationship .list .acf-rel-item.negative:hover svg .st0, 
.acf-relationship .list .acf-rel-item.negative:hover svg .st1, 
.acf-relationship .list .acf-rel-item.negative:hover svg .st2, 
.acf-relationship .list .acf-rel-item.negative:hover svg .st3, 
.acf-relationship .list .acf-rel-item.negative:hover svg .st4, 
.acf-relationship .list .acf-rel-item.negative:hover svg .st5, 
.acf-relationship .list .acf-rel-item.negative:hover svg .st6, 
.acf-relationship .list .acf-rel-item.negative:hover svg .st7, 
.acf-relationship .list .acf-rel-item.negative:hover svg .st8, 
.acf-relationship .list .acf-rel-item.negative:hover svg .st9, 
.acf-relationship .list .acf-rel-item.negative:hover svg .st10, 
.acf-relationship .list .acf-rel-item.negative:hover svg .st25, 
.acf-relationship .list .acf-rel-item.negative:hover svg .st12, 
.acf-relationship .list .acf-rel-item.negative:hover svg .st26, 
.acf-relationship .list .acf-rel-item.negative:hover svg .st13, 
.acf-relationship .list .acf-rel-item.negative:hover svg .st14,
.acf-relationship .list .acf-rel-item.negative:hover path .st0, 
.acf-relationship .list .acf-rel-item.negative:hover path .st1, 
.acf-relationship .list .acf-rel-item.negative:hover path .st2, 
.acf-relationship .list .acf-rel-item.negative:hover path .st3, 
.acf-relationship .list .acf-rel-item.negative:hover path .st4, 
.acf-relationship .list .acf-rel-item.negative:hover path .st5, 
.acf-relationship .list .acf-rel-item.negative:hover path .st6, 
.acf-relationship .list .acf-rel-item.negative:hover path .st7, 
.acf-relationship .list .acf-rel-item.negative:hover path .st8, 
.acf-relationship .list .acf-rel-item.negative:hover path .st9, 
.acf-relationship .list .acf-rel-item.negative:hover path .st10, 
.acf-relationship .list .acf-rel-item.negative:hover path .st25, 
.acf-relationship .list .acf-rel-item.negative:hover path .st12, 
.acf-relationship .list .acf-rel-item.negative:hover path .st26, 
.acf-relationship .list .acf-rel-item.negative:hover path .st13, 
.acf-relationship .list .acf-rel-item.negative:hover path .st14 {
fill: none !important;
}
.acf-relationship .list .acf-rel-item.disabled {
border: 3px solid; 
filter: saturate(2);
opacity: 1 !important;
}
div[data-name="client-insights"] .choices {
width: 100% !important;
border: none;
height: fit-content;
}
div[data-name="client-insights"] .choices .list {
border: none;
border-right: none !important;
background-color: white !important;
display: flex;
flex-wrap: wrap;
justify-content: center;
overflow: scroll;
height: 150px;
}
.acf-relationship .selection .choices {
background-color: white;
}
.acf-relationship .selection .values, .acf-relationship .selection .choices {
float: left;
}
.acf-relationship .selection .choices .list {
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(223, 223, 223);
}
.acf-relationship .selection {
position: relative;
}
.acf-bl>li {
display: block;
margin: 0;
padding: 0;
float: none;
}
.acf-relationship .selection:after {
display: block;
clear: both;
content: "";
}
.acf-relationship .filters:after {
display: block;
clear: both;
content: "";
}
.acf-relationship {
background: #fff;
}
.acf-field .acf-input {
vertical-align: top;
}
.acf-relationship .list {
margin: 0;
padding: 5px;
overflow: auto;
}
.acf-field, .acf-field .acf-label, .acf-field .acf-input {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.acf-taxonomy-field {
position: relative;
}
.acf-field input[type="text"], .acf-field input[type="password"], .acf-field input[type="date"], .acf-field input[type="datetime"], .acf-field input[type="datetime-local"], .acf-field input[type="email"], .acf-field input[type="month"], .acf-field input[type="number"], .acf-field input[type="search"], .acf-field input[type="tel"], .acf-field input[type="time"], .acf-field input[type="url"], .acf-field input[type="week"], .acf-field textarea, .acf-field select {
margin: 0px;
box-sizing: border-box;
line-height: 1.4;
}
.select2-container.-acf {
z-index: 1001;
}
div[data-name="lat"], div[data-name="lng"], 
div[data-name="city"],
div[data-name="state_region"],
div[data-name="country"] {
display: none;
}
div[data-name="client-insights"] .list li span.acf-rel-item {
height: 100px;
width: 100px;
text-align: center;
font-size: .7em;
font-weight: bold;
margin: .5em;
border-radius: 10px;
background-color: #eee; }
div[data-name="client-insights"] .list li span.positive { 
background-color: #DDF6EA;
color: #062e00;
}
div[data-name="client-insights"] .list li span.neutral {
background-color: #E8F0F3;
color: #000062;
}
div[data-name="client-insights"] .list li span.negative {
background-color: #FAEDEE;
color: #F93131;
}
span.negative svg, 
span.negative fill, 
span.negative circle,
span.negative g,
span.negative path {
color: #F93131;
fill: #F93131;
}
span.neutral svg,
span.neutral fill,
span.neutral circle,
span.neutral g,
span.neutral path {
color: #000062;
fill: #000062;
}
span.positive svg,
span.positive fill,
span.positive circle,
span.positive g,
span.positive path {
color: #062e00;
fill: #062e00;
}
div[data-name="client-insights"] li span svg {
margin-top: -10px;
}
.acf-field input[type=text], 
.acf-field input[type=password], 
.acf-field input[type=email],
.acf-field input[type=search], 
.acf-field input[type=tel],
.acf-field input[type=url],
.acf-field textarea,
.acf-field select {
width: 100%;
padding: 10px;
border-radius: 8px;
border: 1px solid lightgrey;
font-size: 16px;
}
.acf-field--post-content {
display: none;
}
.acf-hidden { display: none !important; }
.acf-fields>.acf-field,
.acf-fields.-border	{
border: none !important;
}
.acf-hl:before, .acf-hl:after, .acf-bl:before, .acf-bl:after, .acf-cf:before, .acf-cf:after {
content: "";
display: block;
line-height: 0;
}
.acf-label label { text-align: center;
font-family: "Noto Sans", "Arial", sans-serif;
font-weight: 700 !important;
}
.field-heading .acf-label label { font-weight: bold !important;
color: #404040;
font-family: "Noto Sans", "Arial", sans-serif;
font-size: 32px;
}
.modal__title {
width: 100%;
}
#custom-modal-456 .modal-content h2 {
display: none;
}
#custom-modal-585 .acf-form-submit {
display: block !important;
position: unset !important;
left: unset !important;
}
#custom-modal-585 input:is([type="submit"]) {
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
cursor: pointer;
}
.info {
background-color: #FCD401;
width: 30px;
font-weight: bold;
color: white;
font-size: 1.2em;
display: block;
text-align: center;
height: 30px;
float: left;
border-radius: 1em;
margin-right: .5em;
}
#step1-explainer {
background-color: #FFFCCF;
padding: .75em;
border-radius: 1em;
width: 100%;
}
.modal__steps {
position: relative;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
align-items: center;
justify-content: space-between;
padding: 0 .5em;
}
.modal__steps-item {
align-items: center;
justify-content: center;
display: flex;
}
.modal__steps-circle {
display: flex;
align-items: center;
justify-content: center;
height: 40px;
width: 40px;
color: white;
border-radius: 50%;
background: lightgrey;
transition: all 200ms ease;
transition-delay: 0s;
z-index: 2;
float: left;
font-weight: bold;
font-family: "Aglet Sans Bold", "Noto Sans", "Arial", sans-serif;
}
.modal__steps-circle.active {
transition-delay: 100ms;
background-color: #E11545;
border-color: #E11545;
color: white;
font-weight: bold;
}
.modal__steps-item .active {
cursor: pointer;
}
.modal__steps-title {
color: grey;
font-size: 12px;
float: left;
margin-left: 1em;
}
.modal__steps-title.active {
color: #E11545;
}
#moreOptions {
padding-bottom: 2em;
}
#stepButtons {
display: flex;
justify-content: center;
}
#nextButton,
.acf-form-submit input {
padding: 1em;
background-color: #E11545;
border: none;
color: white;
font-size: 16px;
cursor: pointer;
margin: .5em;
width: 100px;
display: block;
text-align: center;	
border-radius: 24px;
}
#backButton {
padding: 1em;
display: block;
text-align: center;	
width: 100px;
margin: .5em;
font-size: 16px;
color: gray;
cursor: pointer;
}
.acf-form-submit {
position: absolute; 
left: 50%;
}
.acf-field-68c74c3a65b8b label img {
width: 150px;
opacity: .85;
}
.acf-field-68c74c3a65b8b label img:hover {
width: 155px;
opacity: 1;
} .postiedex-grid {
display: grid;
grid-template-columns: 1fr;
gap: 30px;
margin: 0 auto;
padding-right: 15px;
padding-left: 15px;
}
.postiedex-grid .grid-item {
max-width: 400px;
}
.postiedex-grid .menu-card {
width:85%;
}
.postiedex-grid .card-description p {
margin-block-start: .5em;
margin-block-end: 0;
}
.postiedex-heading {
position: relative;
padding: 5px 5px 5px 130px;
border-radius: 30px;
}
.postiedex-heading img {
position: absolute;
top: 50%;
left: -28px;
width: 150px;
height: 150px;
transform: translateY(-50%);
}
.postiedex-heading h2 {
color: white;
}
.postiedex-warning p {
margin: 0;
font-weight: bold;
color: #E11545;
} .postiedex-grid.postiedex-grid--type {
grid-template-columns: 1fr;
}
.postiedex-grid.postiedex-grid--type .grid-item {
position: relative;
aspect-ratio: 0.67585914297;
max-width: 400px;
}
.postiedex-grid.postiedex-grid--type .grid-item-inner {
position: relative;
width: 100%;
height: 100%;
transform-style: preserve-3d;
transition: transform 1s ease-in-out;
}
.postiedex-grid.postiedex-grid--type .grid-item-front,
.postiedex-grid.postiedex-grid--type .grid-item-back {
position: absolute;
width: 100%;
height: 100%;
backface-visibility: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.postiedex-grid.postiedex-grid--type .grid-item-back {
transform: rotateY(180deg);
}
.grid-item-inner {
position: relative;
width: 100%;
height: 100%;
transform-style: preserve-3d;
transition: transform 1s ease-in-out;
}
.card-front, .flippable {
background-size: contain;
background-repeat: no-repeat;
padding: 20px;
width: 400px;
height: 595px;	
}
.card-back {
background-repeat: no-repeat;
overflow: hidden;
max-width: 400px;
background-size: contain;
padding: 20px;
width: 400px;
height: 595px;
}
.card-back h4 {
font-size: 1em !important
}
.card-header {
display: flex;
padding-top: 25px;
align-items: center;
font-weight: bold;
}
.card-header .ct-icon {
width: 75px;
}
.card-description {
font-size: .85em;	
}
#client-type-header  {
padding: 5px 5px 5px 130px;
position: relative;
border-radius: 30px;
margin-bottom: 30px;
}
#client-type-header img {
position: absolute;
top: 50%;
width: 150px;
height: 150px;
transform: translateY(-50%);
left: -28px;
}
.ct-approach {
margin-left: -.5em;
margin-right: -.5em;
padding: .25em .5em 0em 1em;
color: white !important;
}
.ct-approach h4 {
margin-top: .5em;
margin-bottom: 0;
}
.ct-approach p {
padding-bottom: 1em;
}
.ct-description {
padding: 0em 1em 0em 1em;
}
.card-back p {
font-size: .9em;
margin-block-start: .5em;
}
.client-type-details {
display: grid;
grid-template-columns: 1fr
}
@media all and (min-width: 830px) and (max-width: 1250px) {
.client-type-details {
display: grid;
grid-template-columns: 1fr 1fr;
}
}
@media all and (min-width: 1251px) {
.client-type-details {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}
} .flipped .grid-item-inner {
transform: rotateY(180deg);
}
.postiedex-grid.postiedex-grid--type .grid-item-wrapper {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: 40px 15px 12px 15px;
max-width: 400px;
overflow-y: hidden;
}
.postiedex-grid.postiedex-grid--type .grid-item-header {
display: flex;
align-items: center;
gap: 5px;
padding: 0 10px;
}
.postiedex-grid.postiedex-grid--type .grid-item-header h3 {
margin-top: 5px;
margin-bottom: 5px;
}
.postiedex-grid.postiedex-grid--type .grid-item-header img {
width: 55px;
height: 55px;
}
.postiedex-grid.postiedex-grid--type .grid-item-content {
padding: 5px 10px;
}
.postiedex-grid.postiedex-grid--type .grid-item-content-top {
padding-top: 0;
}
.postiedex-grid.postiedex-grid--type .grid-item-content p {
margin-top: 5px;
margin-bottom: 5px;
}
.postiedex-grid.postiedex-grid--type .grid-item-content-top p {
margin-top: 0;
}
.postiedex-grid.postiedex-grid--type .grid-item-content-middle p {
color: white;
}
.postiedex-grid.postiedex-grid--type .grid-item-content p {
font-size: 13px;
}
@media all and (max-width: 799px) {
.menu-grid {
grid-template-columns: 1fr 1fr 1fr;
} .postiedex-grid.postiedex-grid--type {
grid-template-columns: 1fr;
}
}
@media all and (min-width: 800px) {
.postiedex-grid {
grid-template-columns: 1fr 1fr;
} .postiedex-grid.postiedex-grid--type {
grid-template-columns: 1fr;
}
}
@media all and (min-width: 1000px) {
.postiedex-grid {
grid-template-columns: 1fr 1fr 1fr;
} .postiedex-grid.postiedex-grid--type {
grid-template-columns: 1fr 1fr;
}
}
@media all and (min-width: 1200px) {
.postiedex-grid {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media all and (min-width: 1400px) {
.postiedex-grid {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
} .postiedex-grid.postiedex-grid--type {
grid-template-columns: 1fr 1fr 1fr;
}
} .desktop-ad, #ad-container-homepage { display: none; }
#ad-container-homepage {
float: right;
}
@media all and (min-width: 800px) {
.desktop-ad {
display: block;
clear: both;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
max-width: 728px;
margin-left: auto;
margin-right: auto;
}
#ad-container-homepage {
display: block;
margin-top: 5em;
}
}
@media all and (max-width: 975px) {
#ad-container-homepage {
display: none;
width: 0px;
}
}
.adblock .ad-caption {
color: white;
}
.adblock .ad {
width: 300px;
display: block;
height: 250px;
}
.adblock iframe, .adblock div { height: 280px !important; }
#skyscraperContainer {
float: right;
padding: 2em 0 2em 2em;
} .site-alert { 
text-align: center;
border: 1px solid gray;
}
#footer-upgrade, #yoast-ab-icon { display: none !important; }