/*
 * These styles are outputted both of the frontend and backend of the site
 * Please note any changes you do make may also make changes to the WP backend default styles.
 * Edit with caution
 */

/* Client color variables */
:root {
	--brand-1: #c10a26;
	--brand-2: #595959;
	/*--brand-3: #efefef;
	--brand-4: #cccccc;
	--brand-5: #454545;
	--brand-6: #565675;
	--text-color: #546a7b;*/
	/* Add other brand colours as required. Note that if you add more than 4 you will need to update the colour picker in functions.php */
}


ul.pdf-list {
  list-style-type: none; /* Remove default list style */
  padding-left: 0;
}

ul.pdf-list li {
  position: relative;
  padding: 1rem 0 1rem 4rem; /* Space for the icon plus some padding */
}

ul.pdf-list li::before {
content: "";
    background: transparent url(/wp-content/uploads/pdf.png) center center no-repeat;
    background-size: cover;
    position: absolute;
    height: 32px;
    width: 32px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.wp-caption{width:100% !important;}

/** Block quote formating for the FORMATS menu ** DF 16/02/24/ **/
blockquote.blockquote-quote, ul.list-box { background: #f8f8f8; padding: 4rem; margin: 4rem 0; border-radius: 1rem; font-size: 110%; }

img.image-bottom-border { border-bottom: .5rem solid var(--brand-1);}

 :root { --scale-factor: 1;}

/* Margin and Padding Styles with Scale Factor */
.padding-bottom, .pb { padding-bottom: calc(5rem * var(--scale-factor)); }
.padding-top, .pt { padding-top: calc(5rem * var(--scale-factor)); }
.padding-both, .pbth { padding-bottom: calc(5rem * var(--scale-factor)); padding-top: calc(5rem * var(--scale-factor)); }
.large-padding-bottom, .lpb { padding-bottom: calc(10rem * var(--scale-factor)); }
.large-padding-top, .lpt { padding-top: calc(10rem * var(--scale-factor)); }
.large-padding-both, .lpbth { padding-bottom: calc(10rem * var(--scale-factor)); padding-top: calc(10rem * var(--scale-factor)); }

.margin-bottom, .mb { margin-bottom: calc(5rem * var(--scale-factor)); }
.margin-top, .mt { margin-top: calc(5rem * var(--scale-factor)); }
.margin-both, .mbth { margin-bottom: calc(5rem * var(--scale-factor)); margin-top: calc(5rem * var(--scale-factor)); }
.large-margin-bottom, .lmb { margin-bottom: calc(10rem * var(--scale-factor)); }
.large-margin-top, .lmt { margin-top: calc(10rem * var(--scale-factor)); }
.large-margin-both, .lmbth { margin-bottom: calc(10rem * var(--scale-factor)); margin-top: calc(10rem * var(--scale-factor)); }

/* Margin all */
.m1 { margin: calc(1rem * var(--scale-factor)); }
.m2 { margin: calc(2rem * var(--scale-factor)); }
.m3 { margin: calc(3rem * var(--scale-factor)); }
.m4 { margin: calc(4rem * var(--scale-factor)); }
.m5 { margin: calc(5rem * var(--scale-factor)); }
.m6 { margin: calc(6rem * var(--scale-factor)); }
.m7 { margin: calc(7rem * var(--scale-factor)); }
.m8 { margin: calc(8rem * var(--scale-factor)); }
.m9 { margin: calc(9rem * var(--scale-factor)); }
.m10 { margin: calc(10rem * var(--scale-factor)); }
.m11 { margin: calc(11rem * var(--scale-factor)); }
.m12 { margin: calc(12rem * var(--scale-factor)); }
.m13 { margin: calc(13rem * var(--scale-factor)); }
.m14 { margin: calc(14rem * var(--scale-factor)); }
.m15 { margin: calc(15rem * var(--scale-factor)); }
.m16 { margin: calc(16rem * var(--scale-factor)); }
.m17 { margin: calc(17rem * var(--scale-factor)); }
.m18 { margin: calc(18rem * var(--scale-factor)); }
.m19 { margin: calc(19rem * var(--scale-factor)); }
.m20 { margin: calc(20rem * var(--scale-factor)); }

/* Margin Top */
.mt1 { margin-top: calc(1rem * var(--scale-factor)); }
.mt2 { margin-top: calc(2rem * var(--scale-factor)); }
.mt3 { margin-top: calc(3rem * var(--scale-factor)); }
.mt4 { margin-top: calc(4rem * var(--scale-factor)); }
.mt5 { margin-top: calc(5rem * var(--scale-factor)); }
.mt6 { margin-top: calc(6rem * var(--scale-factor)); }
.mt7 { margin-top: calc(7rem * var(--scale-factor)); }
.mt8 { margin-top: calc(8rem * var(--scale-factor)); }
.mt9 { margin-top: calc(9rem * var(--scale-factor)); }
.mt10 { margin-top: calc(10rem * var(--scale-factor)); }
.mt11 { margin-top: calc(11rem * var(--scale-factor)); }
.mt12 { margin-top: calc(12rem * var(--scale-factor)); }
.mt13 { margin-top: calc(13rem * var(--scale-factor)); }
.mt14 { margin-top: calc(14rem * var(--scale-factor)); }
.mt15 { margin-top: calc(15rem * var(--scale-factor)); }
.mt16 { margin-top: calc(16rem * var(--scale-factor)); }
.mt17 { margin-top: calc(17rem * var(--scale-factor)); }
.mt18 { margin-top: calc(18rem * var(--scale-factor)); }
.mt19 { margin-top: calc(19rem * var(--scale-factor)); }
.mt20 { margin-top: calc(20rem * var(--scale-factor)); }


/* Margin Bottom */
.mb1 { margin-bottom: calc(1rem * var(--scale-factor)); }
.mb2 { margin-bottom: calc(2rem * var(--scale-factor)); }
.mb3 { margin-bottom: calc(3rem * var(--scale-factor)); }
.mb4 { margin-bottom: calc(4rem * var(--scale-factor)); }
.mb5 { margin-bottom: calc(5rem * var(--scale-factor)); }
.mb6 { margin-bottom: calc(6rem * var(--scale-factor)); }
.mb7 { margin-bottom: calc(7rem * var(--scale-factor)); }
.mb8 { margin-bottom: calc(8rem * var(--scale-factor)); }
.mb9 { margin-bottom: calc(9rem * var(--scale-factor)); }
.mb10 { margin-bottom: calc(10rem * var(--scale-factor)); }
.mb11 { margin-bottom: calc(11rem * var(--scale-factor)); }
.mb12 { margin-bottom: calc(12rem * var(--scale-factor)); }
.mb13 { margin-bottom: calc(13rem * var(--scale-factor)); }
.mb14 { margin-bottom: calc(14rem * var(--scale-factor)); }
.mb15 { margin-bottom: calc(15rem * var(--scale-factor)); }
.mb16 { margin-bottom: calc(16rem * var(--scale-factor)); }
.mb17 { margin-bottom: calc(17rem * var(--scale-factor)); }
.mb18 { margin-bottom: calc(18rem * var(--scale-factor)); }
.mb19 { margin-bottom: calc(19rem * var(--scale-factor)); }
.mb20 { margin-bottom: calc(20rem * var(--scale-factor)); }


/* Margin Left */
.ml1 { margin-left: calc(1rem * var(--scale-factor)); }
.ml2 { margin-left: calc(2rem * var(--scale-factor)); }
.ml3 { margin-left: calc(3rem * var(--scale-factor)); }
.ml4 { margin-left: calc(4rem * var(--scale-factor)); }
.ml5 { margin-left: calc(5rem * var(--scale-factor)); }
.ml6 { margin-left: calc(6rem * var(--scale-factor)); }
.ml7 { margin-left: calc(7rem * var(--scale-factor)); }
.ml8 { margin-left: calc(8rem * var(--scale-factor)); }
.ml9 { margin-left: calc(9rem * var(--scale-factor)); }
.ml10 { margin-left: calc(10rem * var(--scale-factor)); }
.ml11 { margin-left: calc(11rem * var(--scale-factor)); }
.ml12 { margin-left: calc(12rem * var(--scale-factor)); }
.ml13 { margin-left: calc(13rem * var(--scale-factor)); }
.ml14 { margin-left: calc(14rem * var(--scale-factor)); }
.ml15 { margin-left: calc(15rem * var(--scale-factor)); }
.ml16 { margin-left: calc(16rem * var(--scale-factor)); }
.ml17 { margin-left: calc(17rem * var(--scale-factor)); }
.ml18 { margin-left: calc(18rem * var(--scale-factor)); }
.ml19 { margin-left: calc(19rem * var(--scale-factor)); }
.ml20 { margin-left: calc(20rem * var(--scale-factor)); }


/* Margin Right */
.mr1 { margin-right: calc(1rem * var(--scale-factor)); }
.mr2 { margin-right: calc(2rem * var(--scale-factor)); }
.mr3 { margin-right: calc(3rem * var(--scale-factor)); }
.mr4 { margin-right: calc(4rem * var(--scale-factor)); }
.mr5 { margin-right: calc(5rem * var(--scale-factor)); }
.mr6 { margin-right: calc(6rem * var(--scale-factor)); }
.mr7 { margin-right: calc(7rem * var(--scale-factor)); }
.mr8 { margin-right: calc(8rem * var(--scale-factor)); }
.mr9 { margin-right: calc(9rem * var(--scale-factor)); }
.mr10 { margin-right: calc(10rem * var(--scale-factor)); }
.mr11 { margin-right: calc(11rem * var(--scale-factor)); }
.mr12 { margin-right: calc(12rem * var(--scale-factor)); }
.mr13 { margin-right: calc(13rem * var(--scale-factor)); }
.mr14 { margin-right: calc(14rem * var(--scale-factor)); }
.mr15 { margin-right: calc(15rem * var(--scale-factor)); }
.mr16 { margin-right: calc(16rem * var(--scale-factor)); }
.mr17 { margin-right: calc(17rem * var(--scale-factor)); }
.mr18 { margin-right: calc(18rem * var(--scale-factor)); }
.mr19 { margin-right: calc(19rem * var(--scale-factor)); }
.mr20 { margin-right: calc(20rem * var(--scale-factor)); }


/* Padding all */
.p1 { padding: calc(1rem * var(--scale-factor)); }
.p2 { padding: calc(2rem * var(--scale-factor)); }
.p3 { padding: calc(3rem * var(--scale-factor)); }
.p4 { padding: calc(4rem * var(--scale-factor)); }
.p5 { padding: calc(5rem * var(--scale-factor)); }
.p6 { padding: calc(6rem * var(--scale-factor)); }
.p7 { padding: calc(7rem * var(--scale-factor)); }
.p8 { padding: calc(8rem * var(--scale-factor)); }
.p9 { padding: calc(9rem * var(--scale-factor)); }
.p10 { padding: calc(10rem * var(--scale-factor)); }
.p11 { padding: calc(11rem * var(--scale-factor)); }
.p12 { padding: calc(12rem * var(--scale-factor)); }
.p13 { padding: calc(13rem * var(--scale-factor)); }
.p14 { padding: calc(14rem * var(--scale-factor)); }
.p15 { padding: calc(15rem * var(--scale-factor)); }
.p16 { padding: calc(16rem * var(--scale-factor)); }
.p17 { padding: calc(17rem * var(--scale-factor)); }
.p18 { padding: calc(18rem * var(--scale-factor)); }
.p19 { padding: calc(19rem * var(--scale-factor)); }
.p20 { padding: calc(20rem * var(--scale-factor)); }


/* Padding Top */
.pt1 { padding-top: calc(1rem * var(--scale-factor)); }
.pt2 { padding-top: calc(2rem * var(--scale-factor)); }
.pt3 { padding-top: calc(3rem * var(--scale-factor)); }
.pt4 { padding-top: calc(4rem * var(--scale-factor)); }
.pt5 { padding-top: calc(5rem * var(--scale-factor)); }
.pt6 { padding-top: calc(6rem * var(--scale-factor)); }
.pt7 { padding-top: calc(7rem * var(--scale-factor)); }
.pt8 { padding-top: calc(8rem * var(--scale-factor)); }
.pt9 { padding-top: calc(9rem * var(--scale-factor)); }
.pt10 { padding-top: calc(10rem * var(--scale-factor)); }
.pt11 { padding-top: calc(11rem * var(--scale-factor)); }
.pt12 { padding-top: calc(12rem * var(--scale-factor)); }
.pt13 { padding-top: calc(13rem * var(--scale-factor)); }
.pt14 { padding-top: calc(14rem * var(--scale-factor)); }
.pt15 { padding-top: calc(15rem * var(--scale-factor)); }
.pt16 { padding-top: calc(16rem * var(--scale-factor)); }
.pt17 { padding-top: calc(17rem * var(--scale-factor)); }
.pt18 { padding-top: calc(18rem * var(--scale-factor)); }
.pt19 { padding-top: calc(19rem * var(--scale-factor)); }
.pt20 { padding-top: calc(20rem * var(--scale-factor)); }


/* Padding Left */
.pl1 { padding-left: calc(1rem * var(--scale-factor)); }
.pl2 { padding-left: calc(2rem * var(--scale-factor)); }
.pl3 { padding-left: calc(3rem * var(--scale-factor)); }
.pl4 { padding-left: calc(4rem * var(--scale-factor)); }
.pl5 { padding-left: calc(5rem * var(--scale-factor)); }
.pl6 { padding-left: calc(6rem * var(--scale-factor)); }
.pl7 { padding-left: calc(7rem * var(--scale-factor)); }
.pl8 { padding-left: calc(8rem * var(--scale-factor)); }
.pl9 { padding-left: calc(9rem * var(--scale-factor)); }
.pl10 { padding-left: calc(10rem * var(--scale-factor)); }
.pl11 { padding-left: calc(11rem * var(--scale-factor)); }
.pl12 { padding-left: calc(12rem * var(--scale-factor)); }
.pl13 { padding-left: calc(13rem * var(--scale-factor)); }
.pl14 { padding-left: calc(14rem * var(--scale-factor)); }
.pl15 { padding-left: calc(15rem * var(--scale-factor)); }
.pl16 { padding-left: calc(16rem * var(--scale-factor)); }
.pl17 { padding-left: calc(17rem * var(--scale-factor)); }
.pl18 { padding-left: calc(18rem * var(--scale-factor)); }
.pl19 { padding-left: calc(19rem * var(--scale-factor)); }
.pl20 { padding-left: calc(20rem * var(--scale-factor)); }


/* Padding Right */
.pr1 { padding-right: calc(1rem * var(--scale-factor)); }
.pr2 { padding-right: calc(2rem * var(--scale-factor)); }
.pr3 { padding-right: calc(3rem * var(--scale-factor)); }
.pr4 { padding-right: calc(4rem * var(--scale-factor)); }
.pr5 { padding-right: calc(5rem * var(--scale-factor)); }
.pr6 { padding-right: calc(6rem * var(--scale-factor)); }
.pr7 { padding-right: calc(7rem * var(--scale-factor)); }
.pr8 { padding-right: calc(8rem * var(--scale-factor)); }
.pr9 { padding-right: calc(9rem * var(--scale-factor)); }
.pr10 { padding-right: calc(10rem * var(--scale-factor)); }
.pr11 { padding-right: calc(11rem * var(--scale-factor)); }
.pr12 { padding-right: calc(12rem * var(--scale-factor)); }
.pr13 { padding-right: calc(13rem * var(--scale-factor)); }
.pr14 { padding-right: calc(14rem * var(--scale-factor)); }
.pr15 { padding-right: calc(15rem * var(--scale-factor)); }
.pr16 { padding-right: calc(16rem * var(--scale-factor)); }
.pr17 { padding-right: calc(17rem * var(--scale-factor)); }
.pr18 { padding-right: calc(18rem * var(--scale-factor)); }
.pr19 { padding-right: calc(19rem * var(--scale-factor)); }
.pr20 { padding-right: calc(20rem * var(--scale-factor)); }


/* Padding Bottom */
.pb1 { padding-bottom: calc(1rem * var(--scale-factor)); }
.pb2 { padding-bottom: calc(2rem * var(--scale-factor)); }
.pb3 { padding-bottom: calc(3rem * var(--scale-factor)); }
.pb4 { padding-bottom: calc(4rem * var(--scale-factor)); }
.pb5 { padding-bottom: calc(5rem * var(--scale-factor)); }
.pb6 { padding-bottom: calc(6rem * var(--scale-factor)); }
.pb7 { padding-bottom: calc(7rem * var(--scale-factor)); }
.pb8 { padding-bottom: calc(8rem * var(--scale-factor)); }
.pb9 { padding-bottom: calc(9rem * var(--scale-factor)); }
.pb10 { padding-bottom: calc(10rem * var(--scale-factor)); }
.pb11 { padding-bottom: calc(11rem * var(--scale-factor)); }
.pb12 { padding-bottom: calc(12rem * var(--scale-factor)); }
.pb13 { padding-bottom: calc(13rem * var(--scale-factor)); }
.pb14 { padding-bottom: calc(14rem * var(--scale-factor)); }
.pb15 { padding-bottom: calc(15rem * var(--scale-factor)); }
.pb16 { padding-bottom: calc(16rem * var(--scale-factor)); }
.pb17 { padding-bottom: calc(17rem * var(--scale-factor)); }
.pb18 { padding-bottom: calc(18rem * var(--scale-factor)); }
.pb19 { padding-bottom: calc(19rem * var(--scale-factor)); }
.pb20 { padding-bottom: calc(20rem * var(--scale-factor)); }


/* Border Radius */
.br1 { border-radius: 1rem; }
.br2 { border-radius: 2rem; }
.br3 { border-radius: 3rem; }
.br4 { border-radius: 4rem; }
.br5 { border-radius: 5rem; }
.br6 { border-radius: 6rem; }
.br7 { border-radius: 7rem; }
.br8 { border-radius: 8rem; }
.br9 { border-radius: 9rem; }
.br10 { border-radius: 10rem; }

/* Background Colors */
.bg1 { background-color: var(--brand-1); color: #fff !important; }
.bg2 { background-color: var(--brand-2); color: #fff !important; }
.bg3 { background-color: var(--brand-3); color: #fff !important; }
.bg4 { background-color: var(--brand-4); color: #fff !important; }

/* Boxes and Tiles */
.boxed { box-shadow:0 0 1rem rgba(0,0,0,.1); }
.boxed p:last-of-type { margin-bottom: 0; }
.boxed a.button { margin-top: 2rem; }

/* Font Sizes */
.fs1 { font-size: 1rem; }
.fs2 { font-size: 2rem; }
.fs3 { font-size: 3rem; }
.fs4 { font-size: 4rem; }
.fs5 { font-size: 5rem; }
.fs6 { font-size: 6rem; }
.fs7 { font-size: 7rem; }
.fs8 { font-size: 8rem; }
.fs9 { font-size: 9rem; }
.fs10 { font-size: 10rem; }

/* Alignments */
.tac { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }
.av, .av .grid { vertical-align: middle; align-items: center; }
.vt { vertical-align: top; }
.vb { vertical-align: bottom; }
.av100 .tile { height: 100%;
    display: grid;
    align-items: center; }

/* Display */
.ib { display: inline-block; }
.il { display: inline; }
.blk { display: block; }


/* Positioning */
.sticky { position: sticky; top: 8rem; }
.rel { position: relative; }
.ab { position: absolute; }
.z-1 { z-index: -1; }
.z0 { z-index: 0; }
.z1 { z-index: 1; }
.z2 { z-index: 2; }
.z3 { z-index: 3; }
.z4 { z-index: 4; }
.z5 { z-index: 5; }
.z6 { z-index: 6; }
.z7 { z-index: 7; }
.z8 { z-index: 8; }
.z9 { z-index: 9; }
.z10 { z-index: 10; }

/* Background Position */
.bg-pos-left-top { background-position: left top; }
.bg-pos-left-center { background-position: left center; }
.bg-pos-left-bottom { background-position: left bottom; }
.bg-pos-right-top { background-position: right top; }
.bg-pos-right-center { background-position: right center; }
.bg-pos-right-bottom { background-position: right bottom; }
.bg-pos-center-top { background-position: center top; }
.bg-pos-center-center { background-position: center; }
.bg-pos-center-bottom { background-position: center bottom; }

.bg-pos-0-0 { background-position: 0% 0%; }
.bg-pos-0-50 { background-position: 0% 50%; }
.bg-pos-0-100 { background-position: 0% 100%; }
.bg-pos-50-0 { background-position: 50% 0%; }
.bg-pos-50-50 { background-position: 50% 50%; }
.bg-pos-50-100 { background-position: 50% 100%; }
.bg-pos-100-0 { background-position: 100% 0%; }
.bg-pos-100-50 { background-position: 100% 50%; }
.bg-pos-100-100 { background-position: 100% 100%; }

/* Background Size */
.bg-size-cover { background-size: cover; }
.bg-size-contain { background-size: contain; }
.bg-size-auto { background-size: auto; }



/**CTA**/
.cta-area{position: relative;}
.cta-area .container{max-width:122rem !important; padding: 0 !important;}
.cta-area .cta-content{padding:7.5rem 5rem 7.5rem 2rem;width:50%;background:#b40023;}
.cta-area .cta-content:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0px;background:inherit;transform:translateX(-100%);}
/*.cta-area .cta-content:after{content:'';width:100%;height:100%;position:absolute;top:0;right:0px;background:inherit;transform:translateX(100%);}
*/
.cta-area .cta-content h3{font-size:5rem;}
.cta-area .cta-image{background-size:cover;background-position:center;position:absolute;top:0;right:0;height:100%;width:50%;}

/**Tiles**/
.tiles{grid-template-columns:1fr 1fr}
.tiles.col-3{grid-template-columns:1fr 1fr 1fr;}
.tiles .tile{box-shadow:0 10px 15px rgba(0,0,0,0.13);text-align:center;}
.tiles .tile .tile-content{padding:4rem;}
.tiles.col-3 .tile .tile-content{padding:2rem;}
.tiles.col-3 .tile .tile-content .button{/*width: 100%;*/text-align:center;padding:.7rem;}
.tiles .tile h1, .tiles .tile h2, .tiles .tile h3, .tiles .tile h4, .tiles .tile h5 {color:#b40023;margin-bottom:2rem;}
.tiles .tile *:last-child{margin-bottom:0;}

/* Advice Listings */
.advice-listings{grid-template-columns:1fr 1fr;}
.advice-listings .advice-listing{border-top:6px solid #b40023;box-shadow:0 12px 12px rgba(0,0,0,0.15);position:relative;}
.advice-listings .advice-listing .advice-listing-link{position:absolute;top:0;left:0;width:100%;height:100%;}
.advice-listings .advice-listing .advice-listing-thumbnail{background-position:center;background-size:cover;}
.advice-listings .advice-listing .advice-listing-content{padding:4rem;}
.advice-listings .advice-listing .advice-listing-content h3{color:#b40023}
.advice-listings .advice-listing .advice-listing-content .post-excerpt{margin-bottom:5rem;}
.advice-listings .advice-listing .advice-listing-content .post-meta{color:#b40023;display:grid;grid-template-columns:100px 1fr;grid-gap:10px;align-items:center;}
.advice-listings .advice-listing .advice-listing-content .post-categories{margin-top:-.5rem;margin-bottom:-.5rem;}




/**Post listings**/
.post-listings{grid-template-columns:1fr 1fr;}
.post-listings .post-listing{display:grid;grid-template-columns:240px 1fr;grid-column:span 2;border-top:6px solid #b40023;box-shadow:0 12px 12px rgba(0,0,0,0.15);position:relative;}
.post-listings .post-listing .post-listing-link{position:absolute;top:0;left:0;width:100%;height:100%;}
.post-listings .post-listing .post-listing-thumbnail{background-position:center;background-size:cover;}
.post-listings .post-listing .post-listing-content{padding:4rem;}
.post-listings .post-listing .post-listing-content h3{color:#b40023}
.post-listings .post-listing .post-listing-content .post-excerpt{margin-bottom:5rem;}
.post-listings .post-listing .post-listing-content .post-meta{color:#b40023;display:grid;grid-template-columns:100px 1fr;grid-gap:10px;align-items:center;}
.post-listings .post-listing .post-listing-content .post-categories{margin-top:-.5rem;margin-bottom:-.5rem;}
.post-listings .post-listing .post-listing-content .post-categories .post-category{display:inline-block;margin:.5rem .5rem;padding:.25rem 1.25rem;border:1px solid #b40023;text-transform:uppercase;border-radius:1rem;position: relative;z-index:99999;}
.post-listings .post-listing *:last-child{margin-bottom:0 !important;}

.post-listings.feature-first-items .post-listing:nth-of-type(1){grid-template-columns:1fr 1fr;border-top:0;}
.post-listings.feature-first-items .post-listing:nth-of-type(1) .post-listing-thumbnail{padding-top:50vh;height:100%;}

.post-listings.feature-first-items .post-listing:nth-of-type(2), .post-listings.feature-first-items .post-listing:nth-of-type(3){grid-template-columns:1fr;border-top:0;grid-column:span 1;}
.post-listings.feature-first-items .post-listing:nth-of-type(2) .post-listing-thumbnail, .post-listings.feature-first-items .post-listing:nth-of-type(3) .post-listing-thumbnail{padding-top:300px;height:0;}

.post-listings-load-more-wrapper{text-align:center;grid-column:span 2;}

.post-listings.vertical{grid-template-columns:1fr 1fr 1fr;}
.post-listings.vertical .post-listing{grid-column:span 1;display:block;align-items:unset;border-top:none;}
.post-listings.vertical .post-listing .post-listing-thumbnail{height:300px;}
.post-listings.vertical .post-listing .post-listing-content .post-excerpt{margin-bottom:0;}
.post-listings.vertical .post-listing .post-listing-content{padding:2rem 2rem 12rem;}
.post-listings.vertical .post-listing .post-listing-content .post-meta{grid-template-columns:1fr;position:absolute;bottom:2rem;left:2rem;}
.post-listings.vertical .post-listing .post-listing-content h3{font-size:2.5rem;margin-bottom:2rem;}

/**Post search**/
.search-area{padding:3rem;background:#b40023;color:#ffffff;display:grid;grid-template-columns:390px 1fr;align-items:center;grid-gap:30px;}
.search-area h3{margin:0;}
.search-area .search-area-input-area{border-radius:1rem !important;overflow:hidden;position: relative;}
.search-area .search-area-input{color:#000000;font-size:1.75rem;border:none;padding:.75rem 1rem;}
.search-area .search-area-button{position:absolute;top:0;right:0;background:transparent;color:#b40023;border-left:1px solid #b40023;padding:.75rem 1rem;}

/**Section Title**/
.section-title-area{padding-bottom:4rem;}
/*.section-title-area .section-title{font-size:5rem;color:#b40023;}*/
.section-title-area *:last-child{margin-bottom:0;}
.section-title-area .section-subtitle{color:#707070;font-size:3rem}


.section-title-area.alternate{padding-bottom:2rem;}
.section-title-area.alternate .section-title{font-size:3rem;border-bottom:2px solid #B40023;color:#717171;padding:1rem 0;}

/**Checklists**/
.checklist ul, ul.checklist{list-style-type:none;padding:0;}
.checklist li{border-bottom:1px solid #b40023;margin:0;padding:1.5rem 0;font-weight:500;padding-left:3.5rem;position:relative;}
.checklist li:first-child{padding-top:0;}
.checklist li:before{content:'';width:22px;height:22px;background-image:url('/wp-content/themes/toast-vic-soc/assets/images/check.svg');position:absolute;top:1.75rem;left:0;background-size:cover;background-position:center;}
.checklist li:first-child:before{top:.25rem;}
.checklist li:last-child{border-bottom:none;}

/**Responsive Iframe**/
.responsive-iframe{position: relative;padding-top:56.5%;}
.responsive-iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%;}


@media(max-width:1024px){

    /**CTA**/
    .cta-area{display:flex;flex-direction:column-reverse;}
    .cta-area .container{padding:0 !important;}
    .cta-area .cta-content{width:100%;padding:5rem;}
    .cta-area .cta-content:before{display:none;}
    .cta-area .cta-image{position:static;height:300px;width:100%;padding:20px;}

    /**Post Listings**/
    .post-listings.feature-first-items .post-listing{grid-template-columns:360px 1fr !important;grid-column:span 2 !important;border-top:6px solid #b40023 !important}
    .post-listings.feature-first-items .post-listing .post-listing-thumbnail{padding:0 !important;height:100% !important;}
}

@media(max-width:768px){

    .advice-listings.grid{grid-template-columns: 1fr;grid-gap: 2rem;}

    /**Post Listings**/
    .post-listings.feature-first-items .post-listing{grid-template-columns: 1fr !important;}
    .post-listings.feature-first-items .post-listing .post-listing-thumbnail{padding-top: 300px !important;}
    .post-listings .post-listing{grid-template-columns:1fr !important;}
    .post-listings .post-listing .post-listing-thumbnail{padding-top:300px !important;}
    .post-listings .post-listing .post-listing-content{padding:2rem;}
    .post-listings .post-listing .post-listing-content .post-excerpt{margin-bottom:2rem;}
    .post-listings .post-listing .post-listing-content .post-meta{display:block;}
    .post-listings .post-listing .post-listing-content .post-categories{margin-left:-.5rem;margin-right:-.5rem;padding:2rem 0;}

    .post-listings.vertical{display:block;}
    .post-listings.vertical .post-listing{margin-bottom:4rem;}
    .post-listings.vertical .post-listing .post-listing-content{padding:2rem;}
    .post-listings.vertical .post-listing .post-listing-content .post-meta{position:static;margin-top:2rem;}

    /**Tiles**/
    .tiles{grid-template-columns:1fr !important;}

    .search-area{grid-template-columns:1fr;padding:2rem;}
}

/*------------- Remove iphone styling -------------**/
input[type=text], input[type=button] { -webkit-appearance: none; -webkit-border-radius: 0; }