/****** FILE: themes/postback/css/typography.css *****/
@font-face {
    font-family:"Aglet Sans";
    src:url("/_resources/themes/postback/assets/fonts/Aglet_Sans/Aglet_Sans_Romans_Variable.woff2") format("woff2"),
        url("/_resources/themes/postback/assets/fonts/Aglet_Sans/Aglet_Sans_Romans_Variable.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family:"Aglet Sans Bold";
    src:url("/_resources/themes/postback/assets/fonts/Aglet_Sans/Aglet_Sans_Bold.woff2") format("woff2"),
        url("/_resources/themes/postback/assets/fonts/Aglet_Sans/Aglet_Sans_Bold.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family:"Aglet Sans Semibold";
    src:url("/_resources/themes/postback/assets/fonts/Aglet_Sans/Aglet_Sans_Semibold.woff2") format("woff2"),
        url("/_resources/themes/postback/assets/fonts/Aglet_Sans/Aglet_Sans_Semibold.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family:"Aglet Sans Semibold Italic";
    src:url("/_resources/themes/postback/assets/fonts/Aglet_Sans/Aglet_Sans_Semibold_Italic.woff2") format("woff2"),
        url("/_resources/themes/postback/assets/fonts/Aglet_Sans/Aglet_Sans_Semibold_Italic.woff") format("woff");
    font-weight: 500;
}

body {
    font-family: "Noto Sans", "Arial", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 20px;
    color: #E11545;
    font-weight: 700;
    line-height: 1.2;
}

#blog-feed h1 {
    text-align:center;
    color: white;
    padding-top: 1em;
}

.homepage-blog-listing h3, .homepage-blog-listing h3 a {
    color: white;
}

.homepage-blog-listing .btn {
    color: #E11545;
}

.adblock .ad-caption {
    color: white;
}

h1 {
    font-size: 30px;
    font-family: "Aglet Sans Bold", "Noto Sans", "Arial", sans-serif;
}

nav h2 {
    font-size: 20px;
    font-family: "Aglet Sans", "Noto Sans", "Arial", sans-serif;
    color: #ffffff;
}

.header h1 {
    font-weight: 300 !important;
}

h2 {
    font-size: 24px;
    font-family: "Aglet Sans", "Noto Sans", "Arial", sans-serif;
}

.modal__body h2 {
    font-size: 28px;
    font-family: "Aglet Sans Semibold", "Noto Sans", "Arial", sans-serif;
}

h3 {
    font-size: 20px;
    font-family: "Aglet Sans", "Noto Sans", "Arial", sans-serif;
}

h4, h5, h6 {
    font-size: 18px;
}

.sub-heading {
    font-size: 20px;
    font-weight: 900;
}

p, li {
    color: black;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
}

ol li::marker {
    font-weight: 700;
    color: #E11545;
}

a {
    font-weight: 700;
    color: #E11545;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:visted {
    color: #A22436;
}

a.link-icon {
    display: inline-flex;
    align-items: center;
}

a.link-icon img {
    margin-left: 10px;
    width: 25px;
    height: 25px;
}

.gray-link {
    color: #6d6e71 !important;
}

ul, ol {
    padding-left: 20px;
    margin-left: 0;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

hr {
    border-color: #e11545;
}

blockquote, .quote {
    color: #e11545;
    font-size: 20px;
    font-family: "Aglet Sans Semibold Italic", "Noto Sans SemiBold Italic", "Arial", sans-serif;
}

.attribution {
    color: #6d6e71;
    font-family: "Aglet Sans", "Noto Sans", "Arial", sans-serif;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
}

.caption, .ad-caption, .field-helper {
    font-style:italic;
    color: #939598;
    font-size: .8em;
}

@media all and (min-width: 1400px) {
    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 32px;
    }

    h3 {
        font-size: 24px;
    }

    h4 {
        font-size: 20px;
    }
}

/****** FILE: themes/postback/css/layout.css *****/
* {
    box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body, html {
    display: flex;
    flex-direction: column;
    height: 100%;
}
body {
    margin: 0;
    padding: 0;
    line-height: 1.5;
}
main {
    flex: 1;
    padding-top: 20px;
}
.section {
    padding-bottom: 60px;
}
.container {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding-right: 25px;
    padding-left: 25px;
    z-index: 1;
}
.row {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.explainer-cta {
    width: 50%;
    float: left;
    text-align: left;
}
.explainer-cta p {
    font-size: 20px !important;
    width: 85%;
    margin-top: 0;
}
.explainer-cta img {
    width: 33%;
    float: left;
    margin-bottom: 1em;
}
.explainer-details {
    background-color: rgb(74, 137, 153);
    clear:both;
    color: #fff;
}
.explainer-details h1, .explainer-details h2, .explainer-details h3, .explainer-details p {
    color: white !important;
}
.details-cta {
    padding: 0 .5em;
}
.details-cta, .details-cta h1, .details-cta h2, .details-cta h3, .details-cta p {
    color: white;
}
.description-cta h2 {
    text-align: left !important;
    color: #E11545 !important;
    padding-right: 1em;
}
.description-cta a {
    display: flex;
    grid-template-columns: 1fr 1fr;
}
.description-cta img {
    width: 35px !important;
}
.postie-heading {
    text-align:center;
}
.bg-red {
    background-color: #E11545;
}
.homepage-blog-listing.blog-listing.latest {
    display: inline-grid;
    padding: 1%;
    margin-bottom: 1em;
}
.homepage-blog-listing .thumbnail-image img {
    border: 3px solid white !important;
    border-radius: 2em;
}
.homepage-blog-listing .info-blog {
    padding-left: 1em;
    padding-right: 1em;
}
.homepage-blog-listing .btn {
    background-color: #eee;
}
.blogholder { width:68%; }
.adblock {
    margin: 1em;
}
.adblock .ad {
    width: 300px;
    background-color: aliceblue;
    display: block;
    height: 250px;
}

.lightblue {
    background-color: #EDFCFC !important;
}
.lightblue h2 {
    color: rgb(74, 137, 153);
}

@media all and (min-width: 1400px) {
    .description-cta img {
        margin-top: 25px;
    }
    .homepage-blog-listing.blog-listing.latest {
        width: 33%;
    }
    main {
        padding-top: 30px;
    }
    .container {
        width: 1280px;
    }
    .row {
        display: flex;
    }
    .column {
        flex-basis: 100%;
        flex: 1;
        margin-right: 40px;
    }
    .column:last-of-type {
        margin-right: 0;
    }
    /* Two-Fifth column */
    .column--two-fifth {
        flex-basis: 25%;
    }
    .column--three-fifth {
        flex-basis: 65%;
    }
    /* One-Fifth column */
    .column--one-fifth {
        flex-basis: 15%;
    }
    .column--four-fifth {
        flex-basis: 75%;
    }
    /* One-Fourth column */
    .column--one-fourth {
        flex-basis: 20%;
    }
    .column--three-fourth {
        flex-basis: 70%;
    }
    /* One-Third column */
    .column--one-third {
        flex-basis: 30%;
    }
    /* Two-Third column */
    .column--two-third {
        flex-basis: 60%;
    }
    .explainer ul li {
        width: 33%;
        padding-right: 3em;
    }
    .listnum {
        width: 3em;
        height: 3em;
        padding-top: .75em;
        margin-bottom: 5em;
        margin-top: 1.5em;
    }
    .explainer-details {
        border-radius: 1em;
        padding: 1em;
        display: flex;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .details-cta h2 {
        text-align:left !important;
    }
}
@media all and (min-width: 850px) and (max-width: 1399px) {
    .explainer ul li {
        width: 33%;
        padding-right: 2em;
    }
    .description-cta img {
        margin-top: 15px;
    }
    .listnum {
        width: 2.5em;
        height: 2.5em;
        padding-top: .5em;
        margin-bottom: 5em;
        margin-top: 1.5em;
    }
    .explainer-cta {
        width: 50%;
        float: left;
        text-align: left;
    }
    .explainer-details {
        border-radius: 1em;
        padding: 1em;
        display: flex;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .details-cta h2 {
     text-align:left !important;
    }
}

@media all and (max-width: 849px) {

    .description-cta img {
        margin-top: 15px;
    }

    .details-cta h2 {
    text-align:center;
    }

    .details-cta {
        text-align:center;
    }

    .explainer ul li {
        width: 100%;
        padding: .5em;
    }
    .listnum {
        width: 2em;
        height: 2em;
        padding-top: .25em;
        margin-bottom: 4em;
        margin-top: 1em;
    }

    .explainer-cta {
        width: 100%;
        float: left;
        text-align: left;
    }

     .explainer-details {
        border-radius: 1em;
        padding: 1em;
    }
    .details-cta p {
        width: 100% !important;
    }
}

.listnum {
    float: left;
    background-color: #E11545;
    font-weight: bold;
    color: white;
    text-align: center;
    border-radius: 3em;
    margin-right: 1em;
}
.cards { clear: both; }
.explainer {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.explainer h2 {
    color: black;
    text-align: center;
    font-weight:bold;
}
.explainer h3 {
margin-bottom: 0 !important;
color: black;
}
.explainer p {
    margin-top:.1em !important;
    width: 85%;
}
.explainer ul li {
    list-style-type: none;
    float: left;
}
.video-container {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 56.25%; /* creates a 16:9 aspect ratio */
  border-radius: 1em;
  border: 1px solid #333;
}

.video-container iframe,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
}

/* And set the max-width of the parent element */
.video-wrap {
  width: 100%;
  max-width: 800px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.image-container {
    float:left;
    width:25%;
}
.image-container img { float:right }

/*ADVERTISING*/

.mobile-ad {
    display: flex;
    justify-content:center;
    align-items: center;
    margin: 20px auto;
    max-width: 100%;
    width: 320px;
    height: 50px;
    background-color: #939598;
}
.mobile-ad p {
    color: white;
}
.desktop-ad {
    display: none;
}


#ad-container-homepage { float: right; display:none; }

@media all and (min-width: 800px) {
    .mobile-ad {
        display: none;
    }
    #ad-container-homepage { display:block; margin-top: 5em; }
    .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;
    }
}

/*END ADVERTISING*/

@media all and (max-width: 1400px) and (min-width:1201px) {
    .image-container {
        margin-top:-60px;
    }
    .homepage-blog-listing.blog-listing.latest {
        width: 33%;
    }
    .description-cta img {
        margin-top: 15px;
    }
}
@media all and (max-width: 1200px) {
    .image-container {
        width: 15% !important;
        margin-top: -55px;
         display:none;
    }

}
@media all and (min-width: 1100px) {
    .halfhalf {
        display: flex;
    }
    .halfwidth img {
        max-width: 700px;
        margin-top: 1em;
    }
    .halfwidth {
        margin-right: 1em;
        width: 50%;
    }
}

@media all and (max-width: 1099px) and (min-width:900px) {
    .halfhalf {
        display: flex;
    }
    .halfwidth img {
        max-width: 500px;
        margin-top: 2em;
    }
    .halfwidth {
        margin-right: 1em;
        width: 50%
    }
}
@media all and (max-width: 899px) {
    .halfwidth {
        margin: 2em;
    }
}
@media all and (max-width: 1200px) and (min-width: 976px) {
    .homepage-blog-listing.blog-listing.latest {
        width: 48%;
    }
    .description-cta img {
        margin-top: 15px;
    }
}

@media all and (max-width: 975px) {
    #ad-container-homepage {
        display:none;
        width:0px;
    }
    #ad-container-homepage .adblock {
        display:none;
        width:0px;
    }
    .blogholder {
        width: 100%;
    }
    .homepage-blog-listing .thumbnail-image img {
        border-radius: 3em;
    }
}

@media all and (max-width: 975px) and (min-width: 601px) {
    .homepage-blog-listing.blog-listing.latest {
        width: 45% ;
    }

}

@media all and (max-width: 600px) {
    .homepage-blog-listing.blog-listing.latest {
        width:100%;
    }
     #skyscraperContainer {display: none;}
}

@media all and (min-width: 600px) {
    #skyscraperContainer {
        float: right;
        margin: 1em;
        width: 160px;
        height: 620px;
    }
}

/****** FILE: themes/postback/css/utility.css *****/
.hidden {
	display: none;
}

.mb0 {
	margin-bottom: 0;
}

.mb1 {
	margin-bottom: 1rem;
}

.mb2 {
	margin-bottom: 2rem;
}

.mt0 {
	margin-top: 0;
}

.mt1 {
	margin-top: 1rem;
}

.mr1 {
	margin-right: 1rem;
}

.mr2 {
	margin-right: 2rem;
}

.p1 {
	padding: 1rem;
}

.p2 {
	padding: 2rem;
}

.pb0 {
	padding-bottom: 0;
}

.pb1 {
	padding-bottom: 1rem;
}

.pt0 {
	padding-top: 0;
}

.pt1 {
	padding-top: 1rem;
}

.list-margin li {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 20px;
}

.bg-red {
	background-color: #E11545;
}

.bg-light-grey {
	background-color: #EFEEEE;
}

.text-red {
	color: #E11545;
}

.text-white {
	color: white;
}

.text-center {
	text-align: center;
}

.text-medium {
	font-size: 18px;
}

.text-large {
	font-size: 22px;
}

.img-small {
	width: 200px;
}

.align-items-center {
	align-items: center;
}

.align-items-end {
	align-items: flex-end;
}

.line-height-large {
	line-height: 2rem;
}
/****** FILE: themes/postback/css/components/navigation.css *****/
.nav {
	width: 100%;
	background-color: #E11545;
}

.nav__list {
	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__list.nav__list--desktop {
	display: none;
}

.nav__item {
	display: none;
	padding: 20px 0;
	height: 100%;
	width: 100%;
}

.nav__list.active .nav__item {
	display: flex;
}

.nav__link {
	display: flex;
	align-items: center;
	color: white;
	text-decoration: none;
}

.nav__logo {
	padding-bottom: 10px;
	padding-top: 10px;
}
.nav__list--mobile .nav__logo {
    padding-top: 0px;
}

.nav__list--desktop .nav__logo {
    padding-top: 10px;
}

.nav__logo img {
	width: 200px;
	height: auto;
	margin-top: 1em;
}

.nav__toggle {
	display: flex;
	align-items: center;
	height: 60px;
}

.nav__toggle a {
	display: flex;
}

.nav__toggle svg {
	width: 32px;
	height: 32px;
	fill: white;
}

.nav__item.nav__account a {
	color: white;
}

/*Sub menu*/
.nav__sub-list {
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
	max-height: 0;
	min-width: 0;
	width: 100%;
	overflow: hidden;
	z-index: 1;
}

.nav__sub-list.red-gradient .nav__sub-item a {
	display: flex;
	align-items: center;
}

.nav__sub-item img {
	margin-right: 5px;
	width: 30px;
	height: 30px;
}

/*Mobile navigation*/
.nav__list.nav__list--mobile {
	display: flex;
}

@media all and (min-width: 1200px) {
	.nav {
		display: flex;
	}

	.nav__list {
		justify-content: unset;
	}

	.nav__list.nav__list--desktop {
		display: flex;
	}

	.HomePage .nav__list {
		justify-content: center;
	}

	.nav__item {
		display: flex;
		padding: 20px;
		width: auto;
	}

	.nav__logo {
		display: flex;
		flex-direction: column;
		align-items: center;
        justify-content: center;
	    flex: 1 0 auto;
	}

	.nav__logo span {
		color: white;
		font-size: 14px;
	}

	.nav__toggle {
		display: none;
	}

	/*Sub menu*/
	.nav__sub-list {
		position: absolute;
		display: none;
		top: 98px;
		width: 200px;
		background-color: #E11545;
		border: 1px solid white;
	}

	.nav__account--home .nav__sub-list {
		top: 60px;
	}

	.nav__item:hover .nav__sub-list {
		display: block;
		max-height: 1000px;
	}

	.nav__sub-list li {
		padding: 15px;
	}

	.nav__sub-list a {
		color: white;
	}

	/*Sticky nav*/
	.nav__logo.nav__logo--hidden {
		display: none;
	}

	.nav__logo .btn--wrapper.btn--hidden {
		display: none;
	}

	.nav__logo .btn--wrapper {
		margin-top: 10px;
	}

	.nav__logo .btn--wrapper .btn {
		padding: 0px 12px;
		font-size: 14px;
	}

	/*Mobile navigation*/
	.nav__list.nav__list--mobile {
		display: none;
	}
}

/****** FILE: themes/postback/css/components/glide.css *****/
.glide--hero .glide__slides {
	height: 500px;
}

.glide--hero .glide__heading {
	position: absolute;
	top: 50%;
	bottom: 0;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	height: 50%;
	width: 100%;
	padding: 30px 40px 60px;
}

.glide--hero .glide__heading-container {
	width: 100%;
}

.glide--hero .glide__heading h1 {
	color: white;
    text-align: left;
}

.glide--hero .glide__slide {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.glide--hero .glide__slide img {
	width: 100%;
}

/*Posties*/
.glide--posties,
.glide--posties-member {
    padding-right: 15px;
    padding-left: 15px;
}

.glide--posties .glide__arrows img,
.glide--posties-member .glide__arrows img {
	width: 25px;
	height: 25px;
}

.glide--posties .glide__arrow,
.glide--posties-member .glide__arrow {
	border: none;
	box-shadow: none;
	text-shadow: none;
}

.glide--posties .glide__arrow--left,
.glide--posties-member .glide__arrow--left {
	left: -25px;
}

.glide--posties .glide__arrow--right,
.glide--posties-member .glide__arrow--right {
	right: -25px;
}

.glide__arrow--left {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

@media all and (min-width: 700px) {
    .glide--hero .glide__heading h1 {
    	max-width: 300px;
    }
}

@media all and (min-width: 1400px) {
	.glide--hero .glide__slides {
		height: 750px;
	}

	.glide--hero .glide__heading-container {
		width: 1200px;
	}

    .glide--hero .glide__heading h1 {
    	max-width: 500px;
        font-size: 60px;
    }
}
/****** FILE: themes/postback/css/components/buttons.css *****/
.btn--wrapper {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-top: 25px;
}

.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;
}

.btn--medium {
	padding: 10px 20px;
	color: white;
	font-size: 16px;
	font-weight: 400;
}

.btn--small {
	padding: 0px 12px;
	font-size: 14px;
}

.btn--white {
	background-color: white;
	color: black;
}

.btn--icon {
	display: inline-flex;
	margin: 0 auto;
}

.btn--icon img {
	width: 50px;
	height: 50px;
}

@media all and (min-width: 1400px) {
	.btn--wrapper {
		flex-direction: row;
	}
}

/****** FILE: themes/postback/css/components/header.css *****/
.header {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 48px;
	padding-bottom: 30px;
	background-color: #E11545;
	color: white;
}

.header .column {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.header img {
	max-width: 100%;
	width: 450px;
}

.header h1 {
	color: white;
	text-align: center;
	font-size: 26px;
}

.header .header__stars {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 8px;
}

.header .header__stars img {
	width: 30px;
	heoight: auto;
}

@media all and (min-width: 700px) {
	.header .btn--wrapper {
		flex-direction: row;
	}
}
/****** FILE: themes/postback/css/components/card.css *****/
.cards {
	list-style: none;
	display: grid;
	align-items: flex-start;
	grid-template-columns: 1fr;
	gap: 8px;
	margin: 0 auto;
    padding-right: 15px;
    padding-left: 15px;
}

.card-sizer {
	/*width: 100%;*/
	display: none;
}

.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('/_resources/themes/postback/assets/postback-top.svg'), url('/_resources/themes/postback/assets/postback-bottom.svg');
	background-position: top center, bottom center;
	background-size: 100% 42px, 100% 162px;
	background-repeat: no-repeat, no-repeat;
}

.cards.cards--posties .card {
	min-width: 280px;
	/*max-width: 360px;*/
}

.card__bg {
	position: absolute;
	top: 30px;
	bottom: 110px;
	right: 0;
	left: 0;
	/*background-image: url('/_resources/themes/postback/assets/postback-middle.svg');*/
	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 h3 {
	color: black;
	font-size: 18px;
}

.card p {
    margin-top: 2px;
    margin-bottom: 2px;
	line-height: 1;
}

.card__rating {
	display: flex;
}

.card__rating img {
	width: 20px;
	height: 20px;
}

.card__heading {
	padding-top: 5px;
	padding-bottom: 5px;
}

.card__body {
	padding-top: 5px;
	padding-bottom: 5px;
}

.card__icons {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.card__icons img,
.card__icons svg {
	width: 98px;
	height: 98px;
}

.card__icons svg {
	background-color: #eeeaf3;
	border-radius: 10px;
}

.card__icons svg path,
.card__icons svg circle,
.card__icons svg rect,
.card__icons svg ellipse,
.card__icons svg polygon {
	fill: #330066;
}

.card__icons.card__icons--issues svg {
	background-color: #e9eff4;
}

.card__icons.card__icons--issues svg path,
.card__icons.card__icons--issues svg circle,
.card__icons.card__icons--issues svg rect,
.card__icons.card__icons--issues svg ellipse,
.card__icons.card__icons--issues svg polygon {
	background-color: #000066;
}

.card__footer {
	display: flex;
	flex-direction: column;
	padding-top: 5px;
	padding-bottom: 5px;
}

.card__flag-link a {
	display: flex;
	align-items: center;
	color: #939598;
}

.card__flag-link img {
	margin-left: 4px;
	width: 12px;
	height: 12px;
}

.card__original-link a {
	display: flex;
	align-items: center;
	color: #939598;
}

.card__original-link img {
	margin-left: 4px;
	width: 12px;
	height: 12px;
}
/*@media all and (max-width: 699px) {
    .card__bg {
	    border-left: 11.2px solid #E11545 !important;
        border-right: 11.2px solid #E11545 !important;
	}
}*/

@media all and (min-width: 700px) {
	.cards {
		grid-template-columns: 1fr 1fr;
	}

	.card-sizer {
		/*width: 49%;*/
		display:none;
	}

	.gutter-sizer {
		/*width: 2%;*/
		display:none;
	}

	.cards.cards--posties .card {
		/*width: 49%;*/
		/*max-width: 360px;*/
	}

	.card__footer {
		flex-direction: row;
		justify-content: space-between;
	}
}

@media all and (min-width: 1200px) {
	.cards {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.card-sizer {
		/*width: 32%;*/
		display:none;
	}

	.gutter-sizer {
		/*width: 1%;*/
		display:none;
	}

	.cards.cards--posties .card {
		/*width: 32%;*/
	}
}

/*@media all and (min-width: 1400px) {
	.cards {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}*/

/****** FILE: themes/postback/css/components/form.css *****/
/*Login Form*/
#modal-postie #MemberLoginForm_PostieLoginForm {
	display: none;
}

#modal-postie .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;
}

#modal-postie #step1-explainer {
    background-color: #FFFCCF;
    padding: .75em;
    border-radius: 1em;
    width: 100%;
}

#MemberLoginForm_LoginForm fieldset,
#MemberLoginForm_PostieLoginForm fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#MemberLoginForm_LoginForm .field,
#MemberLoginForm_PostieLoginForm .field {
	padding-bottom: 20px;
}

#MemberLoginForm_LoginForm .field label,
#MemberLoginForm_PostieLoginForm .field label {
	display: none;
}

#MemberLoginForm_LoginForm input[type="text"],
#MemberLoginForm_LoginForm input[type="password"],
#MemberLoginForm_PostieLoginForm input[type="text"],
#MemberLoginForm_PostieLoginForm input[type="password"] {
	width: 100%;
	padding: 10px;
	border-radius: 8px;
	border: 1px solid lightgrey;
	font-size: 16px;
}

#MemberLoginForm_LoginForm [type="submit"],
#MemberLoginForm_PostieLoginForm [type="submit"] {
	padding: 12px 36px;
    background-color: #E11545;
	border: none;
	border-radius: 24px;
	color: white;
	font-size: 16px;
	cursor: pointer;
}

/*Member Register Form*/
#modal-login #Form_RegisterForm,
#modal-login #MemberLogin,
#modal-login #MemberLoginCaption
#modal-postie #Form_PostieRegisterForm,
#modal-postie #PostieMemberLogin {
	display: none;
}

#Form_RegisterForm fieldset,
#Form_PostieRegisterForm fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#Form_RegisterForm .field,
#Form_PostieRegisterForm .field {
	padding-bottom: 20px;
}

#Form_RegisterForm .field.text label,
#Form_PostieRegisterForm .field.text label {
	display: none;
	padding-bottom: 15px;
}

#Form_RegisterForm .field > label,
#Form_PostieRegisterForm .field > label {
	font-weight: 700;
}

#Form_RegisterForm label,
#Form_PostieRegisterForm label {
	font-size: 16px;
}

#Form_RegisterForm input[type="text"],
#Form_RegisterForm input[type="email"],
#Form_RegisterForm input[type="password"],
#Form_PostieRegisterForm input[type="text"],
#Form_PostieRegisterForm input[type="email"],
#Form_PostieRegisterForm input[type="password"] {
	width: 100%;
	padding: 10px;
	border-radius: 8px;
	border: 1px solid lightgrey;
	font-size: 16px;
}

#Form_RegisterForm [type="submit"],
#Form_PostieRegisterForm [type="submit"] {
	padding: 12px 36px;
    background-color: #E11545;
	border: none;
	border-radius: 24px;
	color: white;
	font-size: 16px;
	cursor: pointer;
}

/*Member Profile Form */
#Form_ProfileForm fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#Form_ProfileForm .field {
	padding-bottom: 20px;
}

#Form_ProfileForm .field.text label {
	display: inline-block;
	padding-bottom: 15px;
}

#Form_ProfileForm .field > label {
	font-weight: 700;
}

#Form_ProfileForm label {
	font-size: 16px;
}

#Form_ProfileForm input[type="text"],
#Form_ProfileForm input[type="password"] {
	width: 100%;
	padding: 10px;
	border-radius: 8px;
	border: 1px solid lightgrey;
	font-size: 16px;
}

#Form_ProfileForm [type="submit"] {
	padding: 12px 36px;
    background-color: #E11545;
	border: none;
    border-radius: 24px;
	color: white;
	font-size: 16px;
	cursor: pointer;
}

/*Create Postie Form*/
#Form_PostieRegisterForm,
#PostieMemberLogin {
	display: none;
}

#Form_PostieForm fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#Form_PostieForm fieldset [id^=Step] > label {
	display: block;
	margin-bottom: 15px;
	color: #E11545;
	font-size: 32px;
	font-weight: 700;
	text-align: center;
	font-family: "Aglet Sans Bold", "Noto Sans", "Arial", sans-serif
}

#Form_PostieForm [id^=nextButton] {
	padding: 12px 36px;
    background-color: #E11545;
	border: none;
    border-radius: 24px;
	color: white;
	font-size: 16px;
	cursor: pointer;
}

#Form_PostieForm .fieldgroup-field,
#Form_PostieForm #Step4 .fieldgroup-field .CompositeField .fieldholder-small {
	padding-bottom: 20px;
}

#Form_PostieForm .last {
    clear: both;
    float: left;
    display: block;
}

#Form_PostieForm .fieldgroup-field .text label,
#Form_PostieForm .fieldgroup-field .dropdown label {
	display: inline-block;
	padding-bottom: 5px;
	font-weight:bold;
}

#Form_PostieForm label {
	font-size: 16px;
}

#Form_PostieForm input[type="text"],
#Form_PostieForm input[type="url"],
#Form_PostieForm input[type="tel"],
#Form_PostieForm select {
	width: 100%;
	padding: 10px;
	border-radius: 8px;
	border: 1px solid lightgrey;
	font-size: 16px;
}

#Form_PostieForm select {
    -webkit-appearance: none; /* Safari fix */
    -moz-appearance: none;
    appearance: none;
}

#Form_PostieForm .optionset, #Form_EditPostieForm_Issues_Holder .optionset, #Form_EditPostieForm_Issues2_Holder .optionset, #Form_EditPostieForm_Issues3_Holder .optionset {
	list-style: none;
	padding-left: 0;
	clear: both;
}

#Form_EditPostieForm_Issues_Holder .optionset, #Form_EditPostieForm_Issues2_Holder .optionset, #Form_EditPostieForm_Issues3_Holder .optionset {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#Form_PostieForm .fieldholder-small-label.right {
	font-size: 14px;
	font-style: italic;
}

#Form_PostieForm [type="submit"] {
	padding: 12px 36px;
    background-color: #E11545;
	border: none;
    border-radius: 24px;
	color: white;
	font-size: 16px;
	cursor: pointer;
}

/*Postie Form - Star Rating*/
#Form_PostieForm_ReviewerRating_Holder {
    margin: 0 auto;
    max-width: 250px;
    width: 80%;
    text-align: center;
}
#Form_PostieForm_BusinessName_Holder {
    font-weight: bold;
}

#Form_PostieForm_ReviewerRating {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
}

#Form_PostieForm_ReviewerRating li {
    display: inline-block;
    width: 40px;
    text-align: center;
}

#Form_PostieForm_ReviewerRating input[type="radio"], #Form_PostieForm_ReviewLink input[type="radio"] {
    display: none; /* Hide the radio buttons */
}
#Form_PostieForm_ReviewLink label {
    cursor: pointer;
    background-color: grey;
    width: 100px;
    display: block;
    text-align: center;
    color: white;
    border-radius: 24px;
    padding: 1em;
}
#Form_PostieForm_ReviewerRating label {
    font-size: 42px;
    cursor: pointer;
    color: grey; /* Default empty star color */
}

#Form_PostieForm_ReviewerRating label::before {
    content: "★";
    font-family: "Aglet Sans", "Noto Sans", "Arial", sans-serif;
}

#Form_PostieForm_ReviewLink li {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
}

#Form_PostieForm_ReviewLink_Holder {
    text-align: center;
}

#Form_PostieForm_ReviewerRating input[type="radio"]:checked ~ li label::before {
    content: "★";
    color: #E11545;
}
#Form_PostieForm_ReviewLink input[type="radio"]:checked+label {
    background-color: #E11545 !important;
    font-weight:bold !important;
}

#Form_PostieForm_ReviewerRating input[type="radio"]:checked ~ li label {
    color: #E11545;
}

/*Postie Form - Chracteristics*/
#Form_PostieForm_Issues, #Form_EditPostieForm_Issues_Holder, #Form_PostieForm_Issues2, #Form_EditPostieForm_Issues2_Holder, #Form_PostieForm_Issues3, #Form_EditPostieForm_Issues3_Holder {
    list-style: none;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    padding: 0;
}

#Form_PostieForm_Issues li, #Form_EditPostieForm_Issues_Holder ul li, #Form_PostieForm_Issues2 li, #Form_EditPostieForm_Issues2_Holder ul li, #Form_PostieForm_Issues3 li, #Form_EditPostieForm_Issues3_Holder ul li {
    display: block;
    width: 120px;
    height: 120px;
    text-align: center;
    /*background-color: #e9eff4;*/
    border-radius: 10px;
    float: left;
    margin: .5em;
    padding-top: .5em;
}
.positive li {
    background-color: #DDF6EA;
    color: #062e00;
}
.neutral li {
    background-color: #E8F0F3;
    color: #000062;
}
.negative li {
    background-color: #FAEDEE;
    color: #F93131;
}
.positive svg path,
.positive svg circle,
.positive svg rect,
.positive svg ellipse,
.positive svg polygon,
.positive ul li svg path,
.positive ul li svg circle,
.positive ul li svg rect,
.positive ul li svg ellipse,
.positive ul li svg polygon {
	fill: #062e00;
}

.neutral svg path,
.neutral svg circle,
.neutral svg rect,
.neutral svg ellipse,
.neutral svg polygon,
.neutral ul li svg path,
.neutral ul li svg circle,
.neutral ul li svg rect,
.neutral ul li svg ellipse,
.neutral ul li svg polygon {
	fill: #000062;
}

.negative svg path,
.negative svg circle,
.negative svg rect,
.negative svg ellipse,
.negative svg polygon,
.negative ul li svg path,
.negative ul li svg circle,
.negative ul li svg rect,
.negative ul li svg ellipse,
.negative ul li svg polygon {
	fill: #F93131;
}

#Form_PostieForm_Issues svg, #Form_PostieForm_Issues2 svg, #Form_PostieForm_Issues3 svg {
    margin-top : -20px;
    width: 110px;
}


#Form_PostieForm_Issues input[type="checkbox"], #Form_EditPostieForm_Issues_Holder input[type="checkbox"],#Form_PostieForm_Issues2 input[type="checkbox"], #Form_EditPostieForm_Issues2_Holder input[type="checkbox"], #Form_PostieForm_Issues3 input[type="checkbox"], #Form_EditPostieForm_Issues3_Holder input[type="checkbox"] {
    display: none;
}

#Form_PostieForm_Issues span, #Form_EditPostieForm_Issues_Holder ul li span {
    /*display: none;*/
}

#Form_PostieForm_Issues label,  #Form_EditPostieForm_Issues_Holder ul li label, #Form_PostieForm_Issues2 label,  #Form_EditPostieForm_Issues2_Holder ul li label, #Form_PostieForm_Issues3 label,  #Form_EditPostieForm_Issues3_Holder ul li label {
    display: block;
    width: 120px;
    height: 120px;
    cursor: pointer;
    margin-top: -10px;
    font-weight: bold;
    padding-top:10px;
    font-size: .7em;
}

#Form_PostieForm_Issues img, #Form_EditPostieForm_Issues_Holder ul li img, #Form_PostieForm_Issues2 img, #Form_EditPostieForm_Issues2_Holder ul li img, #Form_PostieForm_Issues3 img, #Form_EditPostieForm_Issues3_Holder ul li img {
    width: 120px;
    height: 120px;
    object-fit: cover;
}

#Form_PostieForm_Issues input[type="checkbox"]:checked+label, #Form_PostieForm_Issues2 input[type="checkbox"]:checked+label, #Form_PostieForm_Issues3 input[type="checkbox"]:checked+label {
	border: 3px solid #000066 !important;
	border-radius: 15px !important;
}


#Form_PostieForm_Issues input[type="checkbox"]:checked+label svg, #Form_PostieForm_Issues2 input[type="checkbox"]:checked+label svg, #Form_PostieForm_Issues3 input[type="checkbox"]:checked+label svg {
	/*background-color: #c2dbf2  !important;*/
}

.modal__steps-item .active {
    cursor: pointer;
}

#Form_PostieForm .characteristics-selected-options {
    margin-top: 20px;
    margin-bottom: 20px;
}

#Form_PostieForm .characteristics-selected-option {
    display: inline-flex;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 12px 20px;
    background-color: #e0e0e0;
    border-radius: 24px;
}

#Form_PostieForm .characteristics-selected-option .remove-btn {
    margin-left: 8px;
    background-color: transparent;
    border: none;
    color: black;
    font-size: 16px;
    cursor: pointer;
}

#Form_PostieForm .checkboxset input[type="checkbox"]:disabled + label {
    opacity: 0.5;
    cursor: not-allowed;
}

/*Postie Form - Resolutions*/
/*#Form_PostieForm_Attempts, #Form_EditPostieForm_Attempts_Holder {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    padding: 0;
}

#Form_PostieForm_Attempts input[type="checkbox"]:checked+label {
	border: 3px solid #330066;
	border-radius: 15px;
}


#Form_PostieForm_Attempts input[type="checkbox"]:checked+label svg {
	background-color: #e2d3f4;
}

#Form_PostieForm_Attempts li, #Form_EditPostieForm_Attempts_Holder li {
    display: inline-block;
    width: 120px;
    height: 120px;
    text-align: center;
}

#Form_PostieForm_Attempts input[type="checkbox"], #Form_EditPostieForm_Attempts_Holder input[type="checkbox"] {
    display: none;
}

#Form_PostieForm_Attempts span, #Form_EditPostieForm_Attempts_Holder span {
    display: none;
}

#Form_PostieForm_Attempts label, #Form_EditPostieForm_Attempts_Holder ul li label {
    display: block;
    width: 120px;
    height: 120px;
    cursor: pointer;
}

#Form_PostieForm_Attempts img, #Form_EditPostieForm_Attempts_Holder img {
    width: 120px;
    height: 120px;
    object-fit: cover;
}

#Form_PostieForm_Attempts svg, #Form_EditPostieForm_Attempts_Holder svg {
	background-color: #eeeaf3;
	border-radius: 10px;
}

#Form_PostieForm_Attempts svg path,
#Form_PostieForm_Attempts svg circle,
#Form_PostieForm_Attempts svg rect,
#Form_PostieForm_Attempts svg ellipse,
#Form_PostieForm_Attempts svg polygon,
#Form_EditPostieForm_Attempts_Holder svg path,
#Form_EditPostieForm_Attempts_Holder svg circle,
#Form_EditPostieForm_Attempts_Holder svg rect,
#Form_EditPostieForm_Attempts_Holder svg ellipse,
#Form_EditPostieForm_Attempts_Holder svg polygon
 {
	fill: #330066;
}*/

#Form_PostieForm .selected-options {
    margin-top: 20px;
    margin-bottom: 20px;
}

#Form_PostieForm .selected-option {
    display: inline-flex;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 12px 20px;
    background-color: #e0e0e0;
    border-radius: 24px;
}

#Form_PostieForm .selected-option .remove-btn {
    margin-left: 8px;
    background-color: transparent;
    border: none;
    color: black;
    font-size: 16px;
    cursor: pointer;
}

/*Search Postie Form*/
#Form_SearchForm fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#Form_SearchForm .field {
	padding-bottom: 20px;
}

#Form_SearchForm .field.text label {
	display: inline-block;
	padding-bottom: 15px;
}

#Form_SearchForm .field > label {
	font-weight: 700;
}

#Form_SearchForm label {
	font-size: 16px;
}

#Form_SearchForm input[type="text"],
#Form_SearchForm select {
	width: 100%;
	padding: 10px;
	border-radius: 10px;
	border: 1px solid lightgrey;
	font-size: 16px;
}

#Form_SearchForm select {
    -webkit-appearance: none; /* Safari fix */
    -moz-appearance: none;
    appearance: none;
	border-radius: 10px;
	border: 1px solid lightgrey;
	color: #3b3b3b;
}

#Form_SearchForm #Form_SearchForm_Search_Holder .middleColumn {
	text-align: center;
}

#Form_SearchForm #Form_SearchForm_Search_Holder-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 20px;
}

#Form_SearchForm #Form_SearchForm_Search_Holder input[name="Search"] {
	padding: 18px;
	max-width: 100%;
	background-color: #EFEEEE;
	border: none;
	border-radius: 50px;
}

#Form_SearchForm #Form_SearchForm_Search_Holder-wrapper input[type="submit"] {
	align-self: center;
}

input[name="Search"]::placeholder {
  color: #3b3b3b;
  opacity: 1; /* Firefox */
}

input[name="Search"]::-ms-input-placeholder { /* Edge 12 -18 */
  color: #3b3b3b;
}

#Form_SearchForm #Form_SearchForm_Search_Holder label {
	display: none;
}

#Form_SearchForm #Form_SearchForm_Group_Holder-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 20px;
}

#Form_SearchForm #Group .fieldgroup {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 20px;
}

#Form_SearchForm #Group .fieldgroup .fieldgroup-field {
	flex-basis: 100%;
	flex-grow: 1;
}

#Form_SearchForm #Group .fieldgroup .fieldgroup-field.active {
	margin-top: 7px;
	margin-bottom: 7px;
}

#Form_SearchForm #Group .fieldgroup .fieldgroup-field.first {
	display: flex;
	flex: 1 0 100%;
}

#Form_SearchForm #Group .fieldgroup .fieldgroup-field.first.active {
	flex-basis: 100%;
}

#Form_SearchForm #Group .fieldgroup .fieldgroup-field.first a {
	margin: 0 auto;
}

#Form_SearchForm #Group .fieldgroup label {
	display: none;
}

#Form_SearchForm #Sort > .fieldgroup {
	display: flex;
	flex-direction: column;
	justifty-items: center;
	row-gap: 15px;
}

#Form_SearchForm #Sort select {
	padding-right: 0;
	width: auto;
	border: none;
}

#Form_SearchForm #Form_SearchForm_SortOrder_Holder {
	display: flex;
	align-items: center;
	column-gap: 20px;
}

#Form_SearchForm #Form_SearchForm_SortOrder_Holder label {
	min-width: fit-content;
	font-weight: bold;
}

#Form_SearchForm .btn-toolbar {
	display: flex;
	gap: 20px;
}

#Form_SearchForm [type="submit"] {
	padding: 12px 36px;
    background-color: #E11545;
	border: none;
	border-radius: 24px;
	color: white;
	font-size: 16px;
	cursor: pointer;
}

#Form_SearchForm [type="submit"].btn--reset {
	align-self: center;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    font-weight: bold;
    color: #E11545;
    cursor: pointer;
}

#Form_SearchForm [type="submit"].btn--reset:hover {
    text-decoration: underline;
}

/*Save Watchlist Form*/
#watchlistNameForm {
	display: inline-block !important;
	padding-bottom: 15px;
}

#watchlistNameForm input[type="text"] {
	padding: 10px;
	border-radius: 8px;
	border: 1px solid lightgrey;
	font-size: 16px;
}

#watchlistNameForm button {
	padding: 12px 36px;
    background-color: #E11545;
	border: none;
	border-radius: 24px;
	color: white;
	font-size: 16px;
	cursor: pointer;
}

/*Business Form*/
#Form_BusinessForm fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#Form_BusinessForm .field {
	padding-bottom: 20px;
}

#Form_BusinessForm .field.text label {
	display: inline-block;
	padding-bottom: 15px;
}

#Form_BusinessForm .field > label {
	font-weight: 700;
}

#Form_BusinessForm label {
	font-size: 16px;
}

#Form_BusinessForm input[type="text"],
#Form_BusinessForm select {
	width: 100%;
	padding: 10px;
	border-radius: 8px;
	border: 1px solid lightgrey;
	font-size: 16px;
}

#Form_BusinessForm select {
    -webkit-appearance: none; /* Safari fix */
    -moz-appearance: none;
    appearance: none;
}

#Form_BusinessForm [type="submit"] {
	padding: 12px 36px;
    background-color: #E11545;
	border: none;
	border-radius: 24px;
	color: white;
	font-size: 16px;
	cursor: pointer;
}

/*Account Help*/
#Form_AccountHelpForm fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#Form_AccountHelpForm .field {
	padding-bottom: 20px;
}

#Form_AccountHelpForm .field.text label,
#Form_AccountHelpForm .field.textarea label {
	display: inline-block;
	padding-bottom: 15px;
}

#Form_AccountHelpForm .field > label {
	font-weight: 700;
}

#Form_AccountHelpForm label {
	font-size: 16px;
}

#Form_AccountHelpForm input[type="text"],
#Form_AccountHelpForm textarea {
	width: 100%;
	padding: 10px;
	border-radius: 8px;
	border: 1px solid lightgrey;
	font-family: "Noto Sans", serif;
	font-size: 16px;
}

#Form_AccountHelpForm [type="submit"] {
	padding: 12px 36px;
    background-color: #E11545;
	border: none;
	border-radius: 24px;
	color: white;
	font-size: 16px;
	cursor: pointer;
}

/*Advertise*/
#Form_AdvertiseForm fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#Form_AdvertiseForm .field {
	padding-bottom: 20px;
}

#Form_AdvertiseForm .field.text label,
#Form_AdvertiseForm .field.textarea label {
	display: inline-block;
	padding-bottom: 15px;
}

#Form_AdvertiseForm .field > label {
	font-weight: 700;
}

#Form_AdvertiseForm label {
	font-size: 16px;
}

#Form_AdvertiseForm input[type="text"],
#Form_AdvertiseForm textarea {
	width: 100%;
	padding: 10px;
	border-radius: 8px;
	border: 1px solid lightgrey;
	font-family: "Noto Sans", serif;
	font-size: 16px;
}

#Form_AdvertiseForm [type="submit"] {
	padding: 12px 36px;
    background-color: #E11545;
	border: none;
	border-radius: 24px;
	color: white;
	font-size: 16px;
	cursor: pointer;
}

/*For Media*/
#Form_ForMediaForm fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#Form_ForMediaForm .field {
	padding-bottom: 20px;
}

#Form_ForMediaForm .field.text label,
#Form_ForMediaForm .field.textarea label {
	display: inline-block;
	padding-bottom: 15px;
}

#Form_ForMediaForm .field > label {
	font-weight: 700;
}

#Form_ForMediaForm label {
	font-size: 16px;
}

#Form_ForMediaForm input[type="text"],
#Form_ForMediaForm textarea {
	width: 100%;
	padding: 10px;
	border-radius: 8px;
	border: 1px solid lightgrey;
	font-family: "Noto Sans", serif;
	font-size: 16px;
}

#Form_ForMediaForm [type="submit"] {
	padding: 12px 36px;
    background-color: #E11545;
	border: none;
	border-radius: 24px;
	color: white;
	font-size: 16px;
	cursor: pointer;
}

/*Form message*/
.message {
	padding: 5px;
	background-color: #EFEEEE;
	border: 1px solid #E11545;
	border-radius: 8px;
	color: black;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
}

.message.required,
.message.bad {
	color: #E11545;
}

.message p {
	font-weight: 700;
}

/*Forgotten Password*/
#Form_LostPasswordForm fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#Form_LostPasswordForm .field {
	padding-bottom: 20px;
}

#Form_LostPasswordForm .field.text label {
	display: inline-block;
	padding-bottom: 15px;
}

#Form_LostPasswordForm .field > label {
	font-weight: 700;
}

#Form_LostPasswordForm label {
	font-size: 16px;
}

#Form_LostPasswordForm input[type="email"] {
	width: 100%;
	padding: 10px;
	border-radius: 8px;
	border: 1px solid lightgrey;
	font-size: 16px;
}

#Form_LostPasswordForm [type="submit"] {
	padding: 12px 36px;
    background-color: #E11545;
	border: none;
    border-radius: 24px;
	color: white;
	font-size: 16px;
	cursor: pointer;
}

/*Change Password*/
#ForgotPassword {
    margin-top: -10px;
}

#Form_ChangePasswordForm fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#Form_ChangePasswordForm .field {
	padding-bottom: 20px;
}

#Form_ChangePasswordForm .field.text label {
	display: inline-block;
	padding-bottom: 15px;
}

#Form_ChangePasswordForm .field > label {
	font-weight: 700;
}

#Form_ChangePasswordForm label {
	font-size: 16px;
}

#Form_ChangePasswordForm input[type="password"] {
	width: 100%;
	padding: 10px;
	border-radius: 8px;
	border: 1px solid lightgrey;
	font-size: 16px;
}

#Form_ChangePasswordForm [type="submit"] {
	padding: 12px 36px;
    background-color: #E11545;
	border: none;
    border-radius: 24px;
	color: white;
	font-size: 16px;
	cursor: pointer;
}

/*Flag Postie*/
#Form_FlagPostieForm fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#Form_FlagPostieForm .field {
	padding-bottom: 20px;
}

#Form_FlagPostieForm .field.text label,
#Form_FlagPostieForm .field.textarea label {
	display: inline-block;
	padding-bottom: 15px;
}

#Form_FlagPostieForm .field > label {
	font-weight: 700;
}

#Form_FlagPostieForm label {
	font-size: 16px;
}

#Form_FlagPostieForm input[type="text"],
#Form_FlagPostieForm textarea {
	width: 100%;
	padding: 10px;
	border-radius: 8px;
	border: 1px solid lightgrey;
	font-family: "Noto Sans", serif;
	font-size: 16px;
}

#Form_FlagPostieForm [type="submit"] {
	padding: 12px 36px;
    background-color: #E11545;
	border: none;
	border-radius: 24px;
	color: white;
	font-size: 16px;
	cursor: pointer;
}

/*Edit Watchlist Form*/
form[id^="Form_EditWatchlistForm"] fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

form[id^="Form_EditWatchlistForm"] .field {
	padding-bottom: 20px;
}

form[id^="Form_EditWatchlistForm"] .field.text label {
	display: inline-block;
	padding-bottom: 15px;
}

form[id^="Form_EditWatchlistForm"] .field > label {
	font-weight: 700;
}

form[id^="Form_EditWatchlistForm"] label {
	font-size: 16px;
}

form[id^="Form_EditWatchlistForm"] input[type="text"],
form[id^="Form_EditWatchlistForm"] select {
	width: 100%;
	padding: 10px;
	border-radius: 8px;
	border: 1px solid lightgrey;
	font-family: "Noto Sans", serif;
	font-size: 16px;
}

form[id^="Form_EditWatchlistForm"] select {
    -webkit-appearance: none; /* Safari fix */
    -moz-appearance: none;
    appearance: none;
}

form[id^="Form_EditWatchlistForm"] [type="submit"] {
	padding: 12px 36px;
    background-color: #E11545;
	border: none;
	border-radius: 24px;
	color: white;
	font-size: 16px;
	cursor: pointer;
}

/*Edit Business Form*/
form[id^="Form_EditBusinessForm"] fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

form[id^="Form_EditBusinessForm"] .field {
	padding-bottom: 20px;
}

form[id^="Form_EditBusinessForm"] .field.text label {
	display: inline-block;
	padding-bottom: 15px;
}

form[id^="Form_EditBusinessForm"] .field > label {
	font-weight: 700;
}

form[id^="Form_EditBusinessForm"] label {
	font-size: 16px;
}

form[id^="Form_EditBusinessForm"] input[type="text"],
form[id^="Form_EditBusinessForm"] select {
	width: 100%;
	padding: 10px;
	border-radius: 8px;
	border: 1px solid lightgrey;
	font-family: "Noto Sans", serif;
	font-size: 16px;
}

form[id^="Form_EditBusinessForm"] select {
    -webkit-appearance: none; /* Safari fix */
    -moz-appearance: none;
    appearance: none;
}

form[id^="Form_EditBusinessForm"] [type="submit"] {
	padding: 12px 36px;
    background-color: #E11545;
	border: none;
	border-radius: 24px;
	color: white;
	font-size: 16px;
	cursor: pointer;
}

/*Edit Postie Form*/
form[id^="Form_EditPostieForm"] fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

form[id^="Form_EditPostieForm"] .field {
	padding-bottom: 20px;
}

form[id^="Form_EditPostieForm"] .field.text label {
	display: inline-block;
	padding-bottom: 15px;
}

form[id^="Form_EditPostieForm"] .field > label {
	font-weight: 700;
}

form[id^="Form_EditPostieForm"] label {
	font-size: 16px;
}

form[id^="Form_EditPostieForm"] input[type="text"],
form[id^="Form_EditPostieForm"] select {
	width: 100%;
	padding: 10px;
	border-radius: 8px;
	border: 1px solid lightgrey;
	font-family: "Noto Sans", serif;
	font-size: 16px;
}

form[id^="Form_EditPostieForm"] select {
    -webkit-appearance: none; /* Safari fix */
    -moz-appearance: none;
    appearance: none;
}

form[id^="Form_EditPostieForm"] .optionset {
 	list-style: none;
	padding-left: 0;
}

form[id^="Form_EditPostieForm"] [type="submit"] {
	padding: 12px 36px;
    background-color: #E11545;
	border: none;
	border-radius: 24px;
	color: white;
	font-size: 16px;
	cursor: pointer;
}

@media all and (min-width: 700px) {
	/*Login Form*/
	#MemberLoginForm_LoginForm .btn-toolbar #NewMemberRegister,
	#MemberLoginForm_PostieLoginForm .btn-toolbar #PostieNewMemberRegister  {
		display: flex;
		align-items: center;
		gap: 20px;
	}

	/*Postie Form - Star Rating*/
	#Form_PostieForm_ReviewerRating_Holder {
	    width: 40%;
	}

	/*Search Form*/
	#Form_SearchForm #Form_SearchForm_Search_Holder-wrapper {
		flex-direction: row;
		align-items: center;
		column-gap: 20px;
	}

	#Form_SearchForm #Form_SearchForm_Search_Holder {
		padding-bottom: 0;
	}
	#Form_SearchForm { margin-top: 80px; width: 90%; }
    #Form_SearchForm_Group_Holder-wrapper { width: 125%; margin-left: -25%;}

	#Form_SearchForm #Form_SearchForm_Search_Holder input[name="Search"] {
		width: 600px;
		max-width: 100%;
	}

	#Form_SearchForm #Form_SearchForm_Group_Holder-wrapper {
		gap: 20px;
	}

	#Form_SearchForm #Form_SearchForm_Group_Holder-wrapper #Group {
		padding-bottom: 0;
	}

	#Form_SearchForm #Form_SearchForm_Group_Holder-wrapper .btn--reset {
		width: 100px;
	}

	#Form_SearchForm #Group .fieldgroup .fieldgroup-field {
		flex-basis: 30%;
	}

	#Form_SearchForm #Sort > .fieldgroup {
		flex-direction: row;
		align-items: center;
		column-gap: 60px;
	}
	#Group:has(> .fieldgroup .active) {
        margin-top: 30px;
    }
    #Group:has(> .fieldgroup .active) #Form_SearchForm_action_doClear {
        margin-top: 30px;
    }
}

@media all and (min-width: 1000px) {
	/*Search Form*/
	#Form_SearchForm #Group .fieldgroup {
		flex-wrap: nowrap;
	}

	#Form_SearchForm #Form_SearchForm_Group_Holder-wrapper {
		flex-direction: row;
		align-items: center;
		flex-wrap: nowrap;
	}

	#Form_SearchForm #Group .fieldgroup .fieldgroup-field {
		flex-basis: 15%;
	}

	#Form_SearchForm #Group .fieldgroup .fieldgroup-field.first.active {
		flex-basis: 15%;
	}
}

/****** FILE: themes/postback/css/components/accordion.css *****/
.accordion h4 {
  margin-top: 15px;
  margin-bottom: 0;
}

.accordion__heading {
  background-color: #E11545;
}

.accordion__trigger {
  appearance: none;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px;
  background-color: transparent;
  border: none;
  color: white;
  font-size: 20px;
  text-align: left;
  cursor: pointer;
}

.accordion__trigger svg {
  flex: 0 0 20px;
  margin-right: 10px;
}

.accordion__trigger[aria-expanded="true"] svg.svg__right {
  display: none;
}

.accordion__trigger svg.svg__down {
  display: none;
}

.accordion__trigger[aria-expanded="true"] svg.svg__down {
  display: block;
}

.accordion__copy {
  overflow: hidden;
  max-height: 0;
  visibility: hidden;
}

.accordion__copy--open {
  visibility: visible;
  max-height: unset;
}

.accordion__grid {
  display: grid;
  grid-template-columns: 1fr 3fr;
  column-gap: 30px;
  padding-top: 15px;
}

.accordion__content p:first-of-type {
  margin-top: 0;
}
/****** FILE: themes/postback/css/components/modal.css *****/
.modal {
    /* modals are hidden by default */
    display: none;

    /* modal container fixed across whole screen */
    position: fixed;
    inset: 0;

    /* z-index must be higher than everything else on the page */
    z-index: 10000;

    /* semi-transparent black background exposed by padding */
    background-color: rgba(0, 0, 0, .5);
    padding: 20px;

    /* enables scrolling for tall modals */
    overflow: auto;
}

.modal.open {
    display: block;
}

.modal__body {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 50px 30px 30px 30px;
    background: white;
    border-radius: 10px;
    box-shadow: 0px 0px 40px 0px rgba(0,0,0,1);
    max-width:800px;
}

.modal__body h1 {
    margin-top: 10px;
    margin-bottom: 0;
    color: #031602;
}

.modal__header {
    margin-bottom: 20px;
}

.modal__header .modal__image img {
    width: 180px;
    height: auto;
}
.modal__image, .modal__title {
    float:left;
    display: block;
}
#modal-confirmation-postie .modal__title, #modal-confirmation-pending-postie .modal__title {
    display: contents !important;
}
#modal-confirmation-postie .mt0, #modal-confirmation-pending-postie .mt0 {
    padding-top: 20px;
}
.modal__title {
    max-width:100%;
}
#modal-postie .modal__title {
    width: 100%;
}
.modal__close {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}

body.modal-open {
    /* body overflow is hidden to hide main scrollbar when modal window is open */
    overflow: hidden;
}

.modal__grid img {
    width: 200px;
    height: auto;
}

/*Share link in a modal*/
.modal__share {
    display: contents;
    align-items: center;
    justify-content: space-between;
}

#copy-postie-link {
    width: 45px;
    height: 45px;
    float:left;
    padding: .5em;
}

.modal__copy {
    float: left;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid lightgrey;
    font-size: 16px;

}

.modal_conf_buttons {
    clear:both;
    text-align: center;
}

#copy-postie-link,
#copy-watchlist-link {
    position: relative;
}

#copy-postie-link-tooltip,
#copy-watchlist-link-tooltip {
    display: none;
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px 10px;
    background-color: #E11545;
    border-radius: 24px;
    color: white;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

/*Steps indictor in a modal*/
.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-title {
    color: grey;
    font-size: 12px;
    float: left;
    margin-left: 1em;
}

.modal__steps-title.active {
    color: #E11545;
}

.modal__steps-progress-bar {
    position: absolute;
    left: 12%;
    right: 12%;
    height: 3px;
    width: 76%;
    background: grey;
    z-index: 1;
}

.modal__steps-indicator {
    position: absolute;
    height: 100%;
    width: 0%;
    background: #E11545;
    transition: all 300ms ease;
}

@media all and (min-width: 700px) {
    .modal {
        padding: 40px;
    }

    .modal__grid {
        display: grid;
        grid-template-columns: 1fr 2fr;
    }

    .modal__grid img {
        width: 100%;
    }
}

@media all and (min-width: 1400px) {
    .modal__body {
        padding: 30px;
        max-width: 800px;
    }
     .modal__title {
        max-width: 100%;
     }

}
@media all and (max-width: 600px) {
    .modal__image {
        display: none !important;
    }
    .modal__title {
        padding: 1.5em;
        width: 100%;
        max-width: 100% !important;
    }
}

/****** FILE: themes/postback/css/components/footer.css *****/
.footer {
    padding-top: 60px;
    padding-bottom: 30px;
	background-color: black;
}

.footer a,
.footer p,
.footer li {
	color: #EFEEEE;
}

.footer__logo img {
	margin-top: 60px;
	margin-bottom: 30px;
	width: 160px;
	height: auto;
}

.footer__list {
    list-style: none;
    padding: 0;
}

.footer__item {
	padding: 10px 0;
}

.footer__item img {
	width: 30px;
	height: 30px;
}

.footer__list--social {
	display: flex;
}

.footer__list--social .footer__item {
	padding: 0 10px;
}

.footer__list--social .footer__item:first-of-type {
	padding-left: 0;
}

@media all and (min-width: 1400px) {
	.footer__list {
		display: flex;
	}

	.footer__item {
		padding: 5px 15px;
	}

	.footer__item:first-of-type {
		padding-left: 0;
	}

	.footer__list--social {
		justify-content: flex-end;
	}

	.footer__list--social .footer__item {
		padding: 0 10px;
	}
}