:root{
  --black90: rgba(0,0,0,0.9); 
}

.advert {position: relative;}
.advert-overlay {position: absolute; width: 100%; height: 100%; left: 0; top: 0; cursor: pointer;}


body {width: 100%; overflow-x: hidden;}
.page-id-19 .grid {margin-bottom: 100px}
.page-id-19 main .grid p {font-family: 'Graphik', 'Arial', 'sans-serif';}
.non-fancy {font-family: 'Graphik', 'Arial', 'sans-serif';}


/* PAGES WITHOUT FIXED FOOTER */
body.single-post, body.fixed-footer{
  padding-bottom: 0;
}
.fixed-footer footer#footer-main {
  position: unset;
}


h1 a {text-decoration: none !important;}

.back-link {top: -40px; position: relative; max-width: 1375px; margin: 0 auto}
  .back-link a {display: inline-block; font-size: 35px;}

.advert-wrapper.sticky {position: fixed; top: 10px}
.advert-wrapper.stuck-bottom {position: absolute;}

.carbon-caption {display: inline-block; width: auto !important; margin: 14px 14px 14px 0 !important}
body.single .article-content main p img {display: inline-block !important; margin: 14px 14px 14px 0 !important}

.close-form {text-decoration: underline; cursor: pointer;}
.listings-post__listings .grid-block {padding: 0 !important}

.page-contact-us .section-wrapper.one-column-content.content-row.row-1 .grid article.grid-block .info p {font-family: 'Graphik', 'Arial', 'sans-serif'; font-size: 0.7777rem;}

.youtube-container iframe,
video {display: block !important; width: 100% !important; height: auto !important;}

hr.dynamic-load {margin: 50px auto; border: none; height: 4px; width: 100%; max-width: 1400px; border-radius: 2px; background-color: #ccc;}
.article-content.dynamic {margin-top: 50px}
.sponsor-disclaimer {max-width: 1380px; margin: 25px auto 0 auto; padding: 5px 15px}

.share-drawer {text-align: right;}
  .share-drawer .expander {cursor: pointer; text-transform: uppercase; display: inline-block; line-height: 30px; font-family: 'Graphik', 'Arial', 'sans-serif'; height: 30px; vertical-align: top;}
  .share-drawer .expander-target {width: 0; display: inline-block; overflow: hidden; line-height: 30px; font-family: 'Graphik', 'Arial', 'sans-serif'; height: 30px; transition: 0.5s all; vertical-align: top;}
  .share-drawer.active .expander-target {width: 120px;}
      .share-drawer .expander-target .social-media ul {margin: 0; padding: 0; overflow: hidden; width: 120px}
        .share-drawer .expander-target .social-media ul li {list-style: none; float: left;}
          .share-drawer .expander-target .social-media ul li a {display: block; text-decoration: none; width: 30px; height: 30px;}

.acf-field-62e05e0d84b79 {display: none;}

.page-contact-us .section-wrapper.one-column-content.content-row.row-1 .user-grid .grid-block > .image {margin-bottom: 20px !important}

.hidden-copy-field {width: 0; height: 0; opacity: 0; padding: 0; margin: 0; border: none}

.sponsored {padding: 40px 0; border-top: 1px solid #707070; border-bottom: 1px solid #707070; overflow: hidden; margin-bottom: 45px; overflow: hidden}
.sponsored * {font-size: 0;}
  .sponsored .info {width: calc(100% - 128px); padding-right: 10%; font-size: 1rem; vertical-align: middle; float: left;}
  .sponsored .info * {font-size: 1rem;}
  .sponsored .image {width: 128px; float: right; vertical-align: middle;}
  .sponsored .info p {font-family: 'Graphik', 'Arial', 'sans-serif';}

.modal-target {display: none;}
.modal-target.active {display: block;}

.acf-hidden {position: fixed; left: -1px; top: -1px; opacity: 0; width: 0; height: 0}

.privacy-modal {display: none;}
.privacy-modal a {color: var(--white) !important;}
body.privacy-modal-active .privacy-modal {display: block;}

.listings-post__listings .grid-block {margin-bottom: 15px;}
.listings-post__sort span {line-height: 41px; font-family: 'Graphik', 'Arial', 'sans-serif'; text-transform: uppercase; letter-spacing: 0.1em; font-size: 18px; font-weight: normal !important;}

  .wp-caption {display: block; max-width: 100%; width: 100% !important;}
    .wp-caption img {display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto}

    .sbi-embed-wrap iframe {margin-bottom: 45px !important; margin-left: auto !important; margin-right: auto !important}

  
.section-wrapper.partner-form form .af-fields .af-field.acf-field-textarea textarea {border: 1px solid #000}

  .listings-post__dropdown--checkbox label {font-family: 'Graphik', 'Arial', 'sans-serif'; text-transform: uppercase; letter-spacing: 0.1em; font-size: 18px; font-weight: normal !important;}
  .listings-post__dropdown--checkbox label:hover input ~ .checkmark {background-color: #efefef;}
  .listings-post__dropdown--checkbox .anchor {border-bottom: 1px solid #000; background: #fff url(https://stylemagazines.com.au/ui/carbon_x/dna/images/select-arrow.png) 100% 50% no-repeat; background-size: 9px 12px;}
  .listings-post__dropdown--checkbox .anchor,
  .listings-post__dropdown--checkbox ul.items {background-color: #fff; color: #000; padding-left: 0; }
  .listings-post__dropdown--checkbox.visible .items {border: 1px solid #000; border-top: none}

  .listings-post__dropdown--checkbox ul.items li {color: #000; padding: 0 10px}
  .listings-post__dropdown--checkbox ul.items li:hover {background-color: #efefef;}

  .listings-post__links a, .listings-content a, .listings-post__description a {text-decoration: underline !important;}

#google_translate_element * {font-size: 0;}
#google_translate_element .field * {font-size: 1rem;}

.af-success {margin: 0 0 35px 0; font-size: 1.5rem; line-height: 1.9rem;}

  .location-selector a.location-active {font-weight: bold;}

.main-home article .info p,
.load-more-grid article .info p {font-family: "Graphik"; font-size: 0.8888rem; text-transform: uppercase; margin-top: 15px}

.slick-prev, .slick-next {z-index: 1; position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; border-radius: 20px;}

.more-editions .slick-prev, .more-editions .slick-next {display: block !important;}
.slick-prev::before,
.slick-prev::after,
.slick-next::before,
.slick-next::after {display: none;}
.slick-prev {left: 5px; background: #fff url(https://stylemagazines.com.au/ui/carbon_x/dna/images/left-arrow.png) 50% 50% no-repeat !important; background-size: 16px 12px !important;}
.slick-next {right: 5px; background: #fff url(https://stylemagazines.com.au/ui/carbon_x/dna/images/right-arrow.png) 50% 50% no-repeat !important; background-size: 16px 12px !important;}

blockquote.instagram-media {margin-left: auto !important; margin-right: auto !important}

section.load-more {display: none;}
article.grid-block h2 {margin-bottom: 0}

.slider .slides {padding: 0}
.hero-banner {margin: 0;}
  .hero-banner a {display: block; text-decoration: none;}
    .hero-banner .below-banner {padding: 45px 10px;}
        .hero-banner .below-banner h1 {text-align: center; margin: 0}

.hero-banner ul.slick-dots {position: absolute; top: 83%; height: 20px; opacity: 1; display: block;}
.hero-banner ul.slick-dots.active-dots {opacity: 1;}
  .hero-banner ul.slick-dots li {margin-top: 0; margin-bottom: 0; vertical-align: top;}
  .hero-banner ul.slick-dots li:first-child:last-child {display: none;}

.main-best-of .grid-block {margin-bottom: 65px}
  .main-best-of .grid-block a {text-decoration: none;}
    .main-best-of .grid-block .image {margin-bottom: 17px}


footer#footer-main {position: fixed; width: 100%; left: 0; bottom: 0; height: 50px;}
footer#footer-main .mobile-menu {display: none;}
  footer#footer-main .mobile-menu ul {margin: 0; padding: 0; text-align: center;}
    footer#footer-main .mobile-menu li {list-style: none; display: inline-block;}
      footer#footer-main .mobile-menu li a {text-decoration: none; padding: 0 10px}

/* Invert logo manually because SASS is being sassy. */
@media screen and ( max-width: 1024px ) { .nav-logo { filter: invert(1); } }

.acf-fields > .acf-field {border: none !important}
.acf-field .acf-label label {font-weight: normal !important; line-height: 41px !important; position: relative !important; top: 0 !important; margin: 0 !important}
.acf-fields > .acf-field {padding: 0 !important; margin-bottom: 30px !important}

.acf-field-62a160dad14b3 .acf-label {padding-right: 14px}

.author-box-image img { aspect-ratio: 1; height: auto; width: 100%; object-fit: cover; }
.prize_breakdown { margin-bottom: 50px; }
.prize_breakdown h3 {font-size: 26px;margin-top: 80px;}
.prize_breakdown ul { list-style: none; padding: 0; }

body.author section.author-box {padding: 0 25px}
section.author-box a {text-decoration: none;}
body.author .author-box-content {max-width: 550px;}



section.author-box { margin: 80px 0; }
section.author-box span.author-box-bio { font-size: 17px; line-height: 1.8; display: block; }
section.author-box .article-content { padding: 0 15px; }
section.author-box .author-box-image { width: 240px; min-width: 240px; }


.author-box-container,
.sponsor-disclaimer-inner {max-width: 974px; width: 100%;}
.sponsor-disclaimer-inner {font-family: 'Graphik', 'Arial', 'sans-serif'; font-size: 0.8333rem;}



.listings-post__sort .flex-column {overflow: hidden; display: block;}
.listings-post__sort .flex-column .flex-column {width: 49%; margin-right: 2%; float: left; display: block; clear: none; max-width: 270px;}
.listings-post__sort .flex-column .flex-column:last-child {margin-right: 0; margin-left: 2%}

  .follow-separator .social-media ul {padding: 0; margin: 0; text-align: center;}
    .follow-separator .social-media ul li {display: inline-block; margin: 10px; list-style: none; width: 50px; height: 50px; border-radius: 50%; border: 1px solid #000; position: relative;}
      .follow-separator .social-media ul li a {display: block; text-decoration: none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

section.main-home > .section-inner article a:hover, section.main-category > .section-inner article a:hover, section.load-more-grid > .section-inner article a:hover {transform: scale(1.05); box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);}


.popup {padding: 15px; position: fixed; right: 0; top: 50%; background-color: #000; cursor: pointer; transition: 0.5s all; display: none;}
.popup:hover {padding-right: 45px;}
.popup span {color: #fff; text-transform: uppercase; font-weight: bold; font-family: 'Graphik', 'Arial', 'sans-serif';}

form.post-password-form {max-width: 450px; width: 100%; margin: 50px auto 50px auto; padding: 25px; background-color: #efefef; border: 1px solid #000}
form.post-password-form label {display: none;}
form.post-password-form .fields {overflow: hidden;}
form.post-password-form input[type="password"] {height: 35px; border: 1px solid #000; width: 75%; float: left; margin-right: 1%}
form.post-password-form input[type="submit"] {height: 35px; width: 24%; float: left; line-height: 1; padding: 0;}

/* hide all slides except for first one if slider has not been initialised */
ul.slides:not(.slick-initialized) > li + li { display: none; }

/*section.competition_form .competition_form_outer { background: #F8F6F4; padding: 50px 0; }
section.competition_form h2 { text-align: center; font-size: 55px; padding: 30px 0; }
.competition_form_outer form.acf-form { width: 100%; }
.competition_form_outer form.acf-form .af-fields { display: flex; flex-wrap: wrap; }
.competition_form_outer form.acf-form .af-fields .af-field { flex-basis: 50%; padding: 0 15px !important; margin-bottom:35px; }

.competition_form_outer form.acf-form .af-fields .af-field label { display: none; }
.competition_form_outer form.acf-form .af-fields .af-field input { background: transparent !important; border-width: 0 0 1px; padding: 8px 9px; font-family: 'Graphik', 'Arial', 'sans-serif'; font-size: 18px; letter-spacing: 0.05em; text-transform: uppercase; }
.competition_form_outer form.acf-form .af-fields .af-field .select-field { font-size: 18px; font-family: 'Graphik', 'Arial', 'sans-serif'; border-bottom: 1px solid; text-transform: uppercase; letter-spacing: 0.05em; }
.competition_form_outer form.acf-form .af-submit { margin: 0 auto; }
.competition_form_outer form.acf-form .af-submit button { border-width: 0 0 1px; background: transparent; font-family: 'Graphik', 'Arial', 'sans-serif'; font-weight: 400; padding-right: 10px; padding-left: 10px; letter-spacing: 0.05em; font-size: 18px; }
.competition_form_outer form.acf-form .af-fields .af-field.af-field-type-checkbox { flex-basis: 100%; position: relative; }
.competition_form_outer form.acf-form .af-fields .af-field.af-field-type-checkbox .af-label.acf-label { position: relative !important; font-family: 'Graphik', 'Arial', 'sans-serif'; font-size: 15px; }
.competition_form_outer form.acf-form .af-fields .af-field.af-field-type-checkbox .af-label.acf-label label { display: block; text-transform: uppercase; font-size: 18px; border-bottom: 1px solid; margin-bottom: 40px !important; padding-right: 170px;}
.competition_form_outer form.acf-form .af-fields .af-field.af-field-type-checkbox .af-label.acf-label label { display: block !important; }
.competition_form_outer form.acf-form .af-fields .af-field.af-field-type-checkbox .acf-input label { display: block; position: absolute; top: 0; }
.competition_form_outer form.acf-form .af-fields .af-field.af-field-type-checkbox .af-input.acf-input { position: absolute; top: 0; right: 20px; width: 150px; text-transform: uppercase; font-family: 'Graphik', 'Arial', 'sans-serif'; letter-spacing: 0.01em; height: 41px; padding: 10px 0; }

.subscribe-modal {}
  .subscribe-modal form {}
    .subscribe-modal form label,
    .subscribe-modal form .acf-label {display: none;}
    .subscribe-modal form .af-fields {overflow: hidden;}
    .subscribe-modal form .af-field {clear: none; float: left; width: 49%; margin-right: 2%}
    .subscribe-modal form .af-field input[type="text"],
    .subscribe-modal form .af-field .select-field .selected {border: none !important; border-bottom: 1px solid #000 !important; background: none}
    .subscribe-modal form .af-field:nth-child(2n) {margin-right: 0}

@media only screen and (max-width:500px){
  .competition_form_outer form.acf-form .af-fields .af-field { flex-basis: 100%; }
  .competition_form_outer form.acf-form .af-fields .af-field.af-field-type-checkbox .af-label.acf-label label { line-height: 1.5 !important; padding: 10px 170px 10px 10px; }
}*/

.page-id-96202 .site-body{
  padding: 20px 50px;
  margin: auto;
}
.page-id-96202 .site-body ul{
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    
}
.page-id-96202 .site-body ul.page,
.page-id-96202 .site-body ul.authors
{
  height: 250px;
}
.page-id-96202 .site-body ul.cat
{
  height: 200px;
}

.page-id-96202 .site-body li{
  margin-right: 50px;
} 

.hubspot-form form { background: #f8f6f4; position: relative; box-shadow: 50px 0 #f8f6f4, -50px 0 #f8f6f4; }
.hubspot-form form .af-field.af-field-type-group { width: 100%; max-width: 100% !important; flex-basis: 100% !important; }
.hubspot-form form .af-field.af-field-type-group > .acf-input .acf-fields { border: none; background: transparent; }
.hubspot-form form .af-field.af-field-type-group > .acf-input .acf-fields .acf-field.acf-field-message { margin-top:0; width: 100%; max-width: 100% !important; flex-basis: 100% !important; }
.hubspot-form form .af-field.af-field-type-true-false.af-field-business-owner .af-input label { display: block; }
.hubspot-form form .af-field.af-field-type-true-false.af-field-business-owner .af-input input ~span:after { content: ''; display: block; width: 30px; height: 30px; position: absolute; left: 0; background: white; margin-top: -29px; }
.hubspot-form form .af-field.af-field-type-true-false.af-field-business-owner .af-input input ~span:before { content: ''; display: block; width: 15px; height: 8px; position: absolute; left: 6px; top: calc(50% - 10px); z-index: 1; transform: rotate(-46deg); border: 2px solid #767676; border-top: 0; border-right: 0; border-color: transparent; transition: all ease-in 200ms; }
.hubspot-form form .af-field.af-field-type-true-false.af-field-business-owner .af-input input:checked ~ span:before { border-color: #767676; }
.hubspot-form form .acf-fields .acf-field.af-field-business-owner { max-width: 100%; flex-basis: 100%; }
.hubspot-form form .af-field.af-field-type-true-false.af-field-business-owner .acf-true-false label span { display: flex; padding-left: 40px; display: inline-block; position: relative; }
.hubspot-form form .af-field.af-field-type-true-false.af-field-business-owner input { display: none; }
.hubspot-form form .acf-fields .acf-field.acf-field-textarea textarea { border-width: 0; border-bottom-width: 1px; }

#wpadminbar { display: none; }






.footer-buttons-container {position: fixed; bottom: 70px; left: 20px;}
.footer-buttons-container .button {
  background-color: #F8F6F4;
  color: #000000;
  border-radius: 4px;
  border: 1px solid #000;
  padding: 8px 10px 6px 10px;
  display: inline-block;
  font-weight: normal;
  margin-right: 5px;
}