/* @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap'); */

	
:root {
  --grey: #f1f1f1;
  --dark-grey: #666666;
  --purple: #8432df;
  --pink: #fc0fc0;
  --pale-pink: #ffe7f9;
  --blue: #0b54fe;
  --pale-blue: #e0e9ff;
  --dark-blue: #001b51;
  --red: #fe0000;
}
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
	

#postcode1{}
.initial-pc-search{display: flex; justify-content: space-between; align-items: center; max-width: 580px}
.initial-pc-search > div{width:100%; max-width:50%}
.initial-pc-search input{margin: 0}

.hpSearchLabel{font-size:1.6rem; padding: 0 0 15px; color: #fff; margin: 0}

.judge-h1{padding: 15px 0 15px; margin: 0 auto; text-align: left; border-bottom:4px solid var(--purple); max-width: 900px}
.judge-email-wrap{text-align: center}

.footerFlex{display: flex; justify-content: space-between; align-items: center; max-width: 1600px; margin: 15px auto}
.footerFlex > div{width:100%; text-align: center; padding: 0 15px;}
.footerFlex > div:first-of-type{text-align: left; max-width: 240px}
.footerFlex > div:last-of-type{text-align: right !important}
.footerFlex > div:last-of-type ul{text-align: right}
.footerlogo{max-width: 200px; height: auto}

#logo{max-width: 320px}

.theContent > p, .theContent > h2, .theContent > h3, .theContent > h4{max-width: 900px; margin: 0 auto}
.theContent > p{padding: 10px 0 15px; line-height: 2rem}
.theContent li{padding-top:5px; padding-bottom: 5px}

.user-profile{padding: 60px 15px}
.org-upcoming-events{max-width:900px; margin: 0 auto; text-align: center}

#userRegForm{max-width: 600px; margin: 0 auto}

.content-block-2cols{display:flex; justify-content: space-around; margin: 0 auto}
.content-block-2cols > div{padding:0; width:100%; max-width: 50%}
.content-block-2cols > div:first-of-type{padding-right: 15px}
.content-block-2cols > div:last-of-type{padding-left:15px}

.center, .centre{text-align:center}
.errormsg{display:none; color:#fff; font-size:0.8rem; font-weight:normal}

.editbutton{background-color: var(--blue)}
.editbutton:hover{background-color: var(--pink)}

.makepremiumbutton{background-color: var(--pink)}
.makepremiumbutton:hover{background-color: var(--blue)}

.makefeaturedbutton{background-color: var(--dark-blue)}
.makefeaturedbutton:hover{background-color: var(--blue)}

.cancelfeaturedbutton{background: #000}

.cancelpremiumbutton{background-color:#000}
.cancelpremiumbutton:hover{background: var(--blue)}

.makeupgradebutton{background-color:var(--blue)}
.makeupgradebutton:hover{background-color: var(--pink)}

.deletebutton{background-color: var(--red)}
.deletebutton:hover{background-color: #000}

.go-premium-button{display: inline-block}
.content-block{margin: 0 auto}
.content-900{max-width:900px}
.content-1200{max-width:1200px}
.content-1600{max-width:1600px}
.content-block p{line-height: 2rem}

#mobnavbutton{width:30px; position: fixed; top:40px; right:10px; transition:all 300ms ease; z-index: 2001; display: none; cursor:pointer}
#mobnavbutton:hover > div{border-color: #000; transition:all 300ms ease}
#mobnavbutton > div{border:3px solid #fff; margin: 2px 0; border-radius:10px}
#mobnavbutton.active > div{border-color:#fff; display: none}
#mobnavbutton.active:hover > div{border-color:var(--pink)}

#mobnav{position: fixed; left: calc(100vw * -1); top:0; width:100%; height: 100vh; background: var(--blue); color: #FFFFFF; z-index: 2000; padding: 30px; transition:all 200ms ease; opacity: 0}
#mobnav .mobile-navigation{list-style: none; padding: 0; margin: 0}
#mobnav .mobile-navigation li{display:block; padding: 0; margin: 0}
#mobnav .mobile-navigation a{border-bottom:1px solid rgb(255,255,255,0.2); display: block; padding: 15px 0; color: #fff}
#mobnav.active{left:0; opacity: 1}
#mobnav .fas{cursor: pointer; position: absolute; right:30px; top:20px; font-size:2rem}

#mobnav .mobile-navigation .social-icons{display:flex; justify-content: flex-start; align-items: center; font-size:1.4rem}
#mobnav .mobile-navigation .social-icons > div{margin-right: 15px}
#mobnav .mobile-navigation .social-icons a{border:0}

.mobile-nav-base{list-style:none; padding: 0; margin: 0; position: absolute; left:0; bottom: 0; width:100%; display: flex; justify-content: space-around; align-items: center}
.mobile-nav-base li{flex-grow:1; text-align: center; margin: 0}
.mobile-nav-base a{color:#fff; display: block; margin: 4px; padding:15px; background: var(--purple); font-size:1.2rem}
.mobile-nav-base li:last-of-type a{margin-left: 0}


.masthead{display:flex; justify-content: space-between; align-items: center; width:100%; padding: 20px 30px; position: fixed; top:0; left:0; z-index: 10; background: var(--blue); box-shadow:1px 1px 10px rgb(0,0,0,0.2)}
.masthead div{width:100%}
.masthead div:first-of-type{font-size:2.4rem}
.masthead div:last-of-type{text-align:right}
.masthead-pink{background-color: var(--pink) !important}

.main-navigation{list-style: none; padding: 0px; margin: 0; font-size:1.1rem; font-weight:800}
.main-navigation li{display: inline-block}
.main-navigation li a{display: block; padding: 4px 16px 6px; transition:all 200px ease; background: #fff; border-radius:7px; color:var(--blue); text-transform:uppercase; margin:0 0 0 5px}
.main-navigation li a:hover{color:var(--purple)}
.main-navigation li:first-of-type a{border:0}

.masthead-pink .main-navigation li a{color: var(--pink)}

.main-nav-search{background-color: transparent !important; color: #fff !important; padding: 4px 10px 4px 0 !important}

.account-navigation{list-style:none; padding: 0 5px 0 0; margin: 0; font-size:0.8rem; z-index: 11; position: fixed; top:6px; right:10px; font-weight:800}
.account-navigation a{color: #fff; display: block; padding: 0 0 0 15px; text-decoration: none}
.account-navigation a:hover{color:var(--purple)}
.account-navigation li{display: inline-block; padding-right: 15px; text-transform: uppercase}
.account-navigation li:first-of-type{border:0}

.account-navigation .social-icons{display:flex; justify-content: flex-start; align-items: center; font-size:1rem}

.account-2-cols{display: flex; justify-content: space-between; align-items: flex-start}
.account-2-cols > div{width:100%; max-width: 50%}
.account-2-cols > div:first-of-type{padding-right: 30px}

.footer-navigation{list-style:none; padding: 0; margin: 0; font-size:0.9rem}
.footer-navigation > li{text-align: left; display: inline-block; padding: 10px}
.footer-navigation a{text-decoration: none; color:#fff}
.footer-navigation a:hover{color: var(--pink)}

#carousel{padding:15px}
#carousel .carHeading{z-index: 9;width:100%}
#carousel .carHeading h1{color: var(--pink); text-shadow:1px 1px 2px rgb(0,0,0,0.2); padding: 0; margin: 0}
.carousel-home{display: none !important}

.results-carousel{background: var(--dark-blue)}

.search-box-title{text-transform: uppercase; background-color: var(--pink); border-radius:40px; text-shadow:2px 2px 0 rbg(0,0,0,0.4)}

.carImg{width:100%; height: 60px; position: absolute; left:0px; z-index: 2}
.carImg img{width:100%; height: 100%}
#carImg1{transform: scaleY(-1); top:0; display: none}
#carImg2{transform: scaleX(-1); bottom:0}
.carMainImg{width:100%; height: 100%; position: absolute; left:0; top:0; z-index: 1}
.carMainImg img{object-fit:cover; object-position: center; width:100%; height: 100%; z-index: 1}

.carFlex{width:100%; max-width:900px; margin: 50px auto; z-index: 3; position:inherit; transition: all 1s ease}
.carFlex > div{padding: 0 15px; text-align: center; box-sizing: border-box}
.carFlex > div:last-of-type{}

.carFlex h2{color: #fff; text-shadow:1px 1px 3px rgb(0,0,0,0.6); font-size:2rem; transition:all 300ms ease}
.carFlex > div{width:100%; transition: all 300ms ease}
.carFlex label{color:#fff}

.carFlex > div:first-of-type input[type=text]{max-width:200px}
#searchButton{margin:0px auto; border-radius:90px; padding: 10px 30px}
#searchButton:hover{background: var(--purple)}

.carFlex.inactive > div:last-of-type{max-width:0px !important; overflow: hidden}
.carFlex #eventSearch{display:none}

.carFlex.moved{transform: translate(0, 100px); opacity: 0}

.change-postcode{text-align: center; padding: 5px 0 0; margin: 0; font-size:0.7rem; color: #fff !important}
.change-postcode a{color: #fff; text-decoration: underline}
.change-postcode a:hover{text-decoration: underline}

.userEventsList{}
.userEventsList > div{display: flex; margin: 5px auto; border-bottom:1px solid #ccc; align-items: center}
.userEventsList > div > div{flex-grow:1; padding: 0 10px}
.userEventsList > div > div:nth-of-type(1){max-width:120px; text-align: center; color:var(--purple); font-weight:700}
.userEventsList > div > div:nth-of-type(3){max-width:70px; text-align: center} 
.userEventsList > div > div:nth-of-type(4){max-width:90px; text-align: center}
.userEventsList > div > div:nth-of-type(5){max-width:130px; text-align: center}
.userEventsList > div > div:nth-of-type(5) > div{width:100%}
.userEventsList > div > div:nth-of-type(6){max-width:130px; text-align: center}

.userEventsList span{display: block; font-size:0.8rem; font-weight:700; color: #666; padding: 4px 0 0}
.userEventsList .button{padding:5px 10px; font-size:0.6rem}

.loginForm{max-width: 400px; margin: 0 auto; padding: 15px; text-align: center}
.loginReset{font-size:0.9rem}
#wp-submit{margin: 0 auto; display: block; padding: 10px 50px}

#townSuggestions{background: #fff; color: #000; position: absolute; font-size:0.8rem; padding: 4px; display: none; min-width: 290px; z-index: 99}
#townSuggestions > div{cursor: pointer; padding: 4px; text-align: left}
#townSuggestions > div:hover{color:var(--purple)}

.userOrdersList{}
.userOrdersList > div{display: flex; margin: 5px auto; border-bottom:1px solid #ccc; align-items: center; padding: 10px}
.userOrdersList > div > div{flex-grow:1; padding: 0 10px}
.userOrdersList > div > div:first-of-type{max-width:150px; text-align: center; color:var(--purple); font-weight:700}

.userOrdersList span{display: block; font-size:0.8rem; font-weight:700; color: #666; padding: 4px 0 0}

#accountWrap{box-sizing: border-box; margin: 0 auto 30px; max-width: 1200px}
#accountWrap section{display: none; padding: 15px; min-height: 400px; background: var(--pale-pink); border-radius:15px; border-top-left-radius:0}
#accountWrap section.active{display:block}
#accountWrap section:nth-of-type(even){background-color:var(--pale-blue)}
#accountTabs{display:flex}
#accountTabs > div{background-color:#ddd; padding: 10px; text-align: center; min-width: 160px; border-top-right-radius:10px; border-top-left-radius:10px; margin: 0 1px 0 0; cursor:pointer; transition:all 300ms ease}
#accountTabs > div:hover{opacity:0.8}
#accountTabs .active{background-color:var(--purple); color: #fff}

.dtFlex{display: flex; justify-content: center; align-items: center}
.dtFlex > div{text-align: center; padding: 5px 10px; width:100%; max-width: 50%}
.dtFlex label{color: #fff}

.dtFlex3{display: flex; justify-content: space-between; align-items: center}
.dtFlex3 > div{text-align: center; padding: 5px 10px; width:100%; max-width: 33%}
.dtFlex3 label{color: #fff}

#eventSearch label{margin: 0 0 3px; font-size:0.8rem}

.searchMatches{margin: 30px auto; max-width:900px}

.danceMatch{background: #fff; display: flex; justify-content: space-between; align-items: center; margin: 5px; border-radius:15px}
.danceMatch > div{width:100%; padding: 5px 15px}
.danceMatch > div:first-of-type{}
.danceMatch > div:last-of-type{text-align: center; max-width: 300px}

.danceMatch h2{font-size:1.1rem; padding: 0; margin: 0}
.danceMatch h3{padding:0; margin: 0; font-size:0.7rem; color: var(--dark-blue); text-transform: uppercase}

.basic-event-match{bbackground-color: #fff !important; border:2px solid var(--pink)}
.match-button-cell{max-width: 180px !important}

.premium-event-match{border:3px solid var(--dark-blue); background: var(--pink); color: #fff}
.premium-event-match .evDistance{color: #fff}
.premium-event-match h2{font-size:2rem; color: #000}
.premium-event-match h3{color: #000}
.premium-event-match .organiser-title{color:var(--dark-blue)}
.premium-event-match .button{background-color: var(--purple)}
.premium-event-match .evDistance{color: #000}
.premium-event-match .evExcerpt{color:#000}

.featured-event-match{border:3px solid var(--pink); background: var(--dark-blue); color: #fff}
.featured-event-match .evDistance{color: #fff}
.featured-event-match h2{font-size:2rem; color: #fff}
.featured-event-match .organiser-title{color:var(--pink)}

.infoButtonWrap{text-align: center}

.comp-author-logo{width:100%; height: 70px; text-align: center}
.comp-author-logo img{object-fit:contain; width:100%; height:100%}
.organiser-title{text-align: center; padding: 0; margin: 10px 0 0}

.evDate{font-weight:700; font-size: 1rem; color: var(--dark-blue)}
.evDistance{color:var(--dark-grey); font-size: 0.9rem; padding-top: 5px}
.evExcerpt{padding:15px 0}

.dmDateFlex{display: flex; justify-content: space-between; align-items: center; margin: 0 0 10px}
.dmDateFlex > div{width:100%}
.dmDateFlex > div:last-of-type{padding:0 0 0 15px}
.dmDateFlex > div:first-of-type{max-width:90px}



.dateBadge{min-width:70px; background: var(--purple); border-radius: 17px; font-size:1.2rem; font-weight:800}
.dateBadge> div{text-align: center; padding: 4px}
.dateBadge > div:first-of-type{color:var(--purple); background:#fff; border-radius: 4px 4px 4px 0; border-radius:60px; border:2px solid var(--purple)}
.dateBadge > div:last-of-type{color:#fff; font-size:0.7rem; padding: 8px 0 12px}
.danceMatchFeatured .dateBadge{}

.eventBiog{max-width: 1000px; margin: 0 auto}
.eventSingleTitle{display: flex; justify-content: flex-start; align-items: center; padding: 0 0 15px; border-bottom:2px solid var(--dark-blue); margin: 30px 0 15px}
.eventSingleTitle > div{flex-frow:1}
.eventSingleTitle > div:first-of-type{width:90px}
.eventSingleTitle h1{padding: 0; margin: 0}


.evTwoCols{display: flex; justify-content: space-around; align-items: stretch; margin: 30px auto}
.evTwoCols > div{width:100%}
.evTwoCols > div:first-of-type{padding: 0 30px 0 0}
.evTwoCols > div:last-of-type{max-width:320px; padding: 15px 15px 0 40px; border-left:1px solid #ccc}

.eventInfoBox{font-size:0.8rem; margin: 10px 0; background: #f8f8f8; padding: 5px 15px; border-radius:10px}
.eventInfoBox > div{width:100%; text-align: left; border-bottom:1px solid #f8f8f8}
.eventInfoBox > div{display: flex; justify-content: flex-start; align-items: stretch}
.eventInfoBox > div > div{padding: 10px 0 10px; width:100%}
.eventInfoBox > div > div:first-of-type{max-width: 160px; font-weight:700; color:var(--dark-blue)}
.eventInfoBox .fa-caret-right{color: var(--pink); margin: 0 5px 0 0}
.eventInfoBox a{color: var(--pink)}

.webButton{padding: 5px 0 0; text-align: center}
.webButton a{max-width: 220px; margin: 0 auto; border-radius:100px; padding: 15px 30px}

.eventCatsBox{}
.eventCatsBox > div{padding: 0 0 20px; width:100%}
.eventCatsBox h3{padding:0; margin: 0 0 10px}
.eventCatsBox .fa-caret-right{color: var(--pink); margin: 0 5px; font-size:0.8rem; display: inline-block}

.pagination{max-width: 1400px; margin: 0 auto 30px; text-align: center}
.pagination a{background:var(--blue); display: inline-block; margin: 3px; padding: 4px 10px; border-radius:4px; text-decoration: none; color: #fff}
.pagination a:hover{background-color: var(--pink)}
.current{background: var(--dark-blue); color: #fff; margin: 3px; padding: 4px 10px; border-radius:4px}

.fullWidthSearch{z-index: 9 !important; padding: 15px 0; position: inherit; max-width: 900px; margin: 0 auto}
.fullWidthSearch h2{text-align: center; color: #fff; padding: 0 30px 4px; margin: 0 auto; text-shadow:1px 1px 3px rgb(0,0,0,0.4)}
.fullWidthSearch select{padding:4px; font-size:0.9rem}
.fullWidthSearch input[type=date]{padding:4px; font-size:0.9rem}
.fullWidthSearch input[type=submit]:hover{background: var(--purple)}

#editFormFlex{display: flex; justify-content: space-around; align-items: stretch; max-width: 1200px; margin: 0 auto}
#editFormFlex > div{width:100%; max-width: 50%; box-sizing: border-box}
#editFormFlex > div:first-of-type{padding:0 15px 0 0}
#editFormFlex > div:last-of-type{padding:0 0 0 15px}
#editFormFlex h3{border-bottom:2px solid var(--purple); padding: 0 0 12px; margin-bottom: 12px}

#eventForm input[type=submit]{display:block; margin: 30px auto !important}

.compDetailFlex{display: flex; justify-content: space-between; align-items: stretch}
.compDetailFlex > div{width:100%; max-width: 48%; text-align: center}
.compDetailFlex > div:first-of-type{padding: 30px; border-radius: 50% 20% / 10% 40%;}
.compDetailFlex > div:last-of-type{padding: 0px; border-radius: 50% 20% / 10% 40%;}

.upgradeButtonWrap{text-align:center; margin: 0 auto 30px}
.upgradeButtonWrap .button{display: inline-block}

.upgrade-redirect-button{margin: 0 auto; font-size:1.6rem}

.asp_product_item{max-width: 200px; margin: 0 auto; text-align: center}
.asp_product_name, .asp_product_item_thumbnai, .asp_product_item_top, .asp_product_description{display: none}
.asp-thank-you-page-wrap{max-width: 900px; padding: 15px 30px; margin: 0 auto}
.asp-thank-you-page-msg-wrap{background-color: var(--pale-pink) !important; border-color:var(--pink)}

.upgrade-button{background: var(--pink); border:0; padding: 10px 30px; border-radius:4px; color: #fff; font-weight:bold; cursor:pointer; transition:all 300ms ease}
.upgrade-button:hover{background: var(--purple)}

.premiumFeatures{background:var(--pale-pink); padding: 30px; max-width: 1200px; margin: 30px auto 0}

.cky-btn-revisit-wrapper{visibility: hidden}

.copyright{font-size:0.6rem; opacity: 0.5}
.copyright a{color: #fff}
.copyright a:hover{color: var(--pink)}

#map-wrapper{display: none}
.h1Wrapper{position: relative; width:100%}
.h1Wrapper h1{text-align: left}
.h1Wrapper h2{text-align: left; font-size:2.4rem; color:var(--pink); padding: 0; margin: 0 0 0 15px}
.h1Wrapper a{position: absolute; right:0; top:59px; display: block; padding: 4px 30px 3px; border:2px solid var(--dark-blue); border-radius:20px; background: var(--purple); font-size:1rem; color:#fff}
.h1Wrapper a:hover{background-color: var(--pink)}

.signup-cta-button{text-align:center}
.signup-cta-button .button{display:inline-block; padding:20px 40px; font-size:1.6rem; border-radius:15px}

.embedded-map{width:100%; border:0; height: 400px; overflow: hidden}

.comments-title{color:var(--pink)}
.comment-list{background: var(--pale-pink); border-radius:15px; padding: 15px 5px; list-style: none; max-height: 400px; overflow: auto}
.comment-list .vcard{font-weight:800}
.comment-list li{padding:15px; margin: 0 0 15px; border-bottom:1px solid #fff}
.comment-list li:last-of-type{border: 0}
.commentmetadata > a:first-of-type{font-size:0.6rem; }

.wrap-judges-search{margin: 30px auto; text-align: center; display: flex; justify-content: space-between; align-items: center; max-width: 1200px}
.wrap-judges-search > div{width:100%; padding: 15px}
.wrap-judges-search > div:first-of-type{height:420px; max-width:30%}
.wrap-judges-search > div:first-of-type{height:420px; max-width:70%}
.wrap-judges-search > div:first-of-type img{object-fit:contain; width:100%; height: 100%}

.wrap-judges-search input[type=submit], .wrap-judges-search input[type=button]{display: inline-block; margin: 30px auto 0; max-width: 1200px}
.wrap-judges-search h2{color: #fff !important; text-align: right; font-size:2.4rem}
.wrap-judges-search label{background-color: var(--blue); display: block; border-radius:30px; color: #fff;  padding: 12px 5px; font-size:1.1rem; margin:0 auto 10px}
.wrap-judges-search input[type=submit]{background-color: var(--blue) !important}


.judgeSearchFlex{display: flex; justify-content: space-between; align-items: stretch; max-width: 600px; margin: 30px auto 0}
.judgeSearchFlex > div{max-width: 50%; text-align: center; width:100%; padding: 0 15px}

.chkLabel{background-color: var(--purple) !important; text-align: left; padding: 0 3px 5px !important; border-radius:3px !important; margin: 0 0 2px !important; font-size:0.8rem !important}
.chkLabel input{width:16px; height: 16px; transform:translate(0, 4px)}

.wrap-judges-search-results{max-width: 1200px; margin: 30px auto; text-align: center}
.wrap-judges-search-results h2{color: #fff; background: var(--blue); border-radius:50px; font-size:2rem; max-width: 900px; margin: 0 auto 15px; padding: 10px 10px 13px; text-transform:uppercase}

.judgeResults{max-width:900px; margin: 0 auto}
.judgeResults > div{background: #fff; padding: 10px 30px; border-radius:15px; margin: 5px 0; display:flex; justify-content: space-between; align-items: center}
.judgeResults > div > div{text-align: left; width:100%; padding: 0; border-radius: 0; }
.judgeResults > div > div:first-of-type{max-width:160px; text-align: center}
.judgeResults > div > div:nth-of-type(2){padding:0 15px; text-align: right}
.judgeResults > div > div:nth-of-type(3){max-width:150px; text-align: center}
.judgeResults > div > div:nth-of-type(3) .button{margin: 0 auto 0 0 !important}
.judgeResults h3{padding: 0; margin:  0 10px; font-size:1.6rem; color: #fff !important; text-transform:uppercase}

.judge-result-distance{font-weight:700; padding: 10px 0 0; font-size:0.8rem; color: #fff}

.judgeBiogFlex{display: flex; justify-content: space-between; align-items: stretch; max-width:900px; margin: 0 auto 30px}
.judgeBiogFlex > div{width:100%}
.judgeBiogFlex > div:last-of-type{max-width:330px; padding-left: 30px; padding-top: 30px}

.judge_thumb{max-width: 300px; float:right; border-radius:30px; border-bottom:5px solid var(--purple); border-top:5px solid var(--blue)}
.judge-contact-button{display: inline-block; padding: 10px 30px; margin: 30px 0 0}
.judge-result-thumb img{object-fit:contain; width:100%; height: 100%; border-radius:15px}

.basic-judge{color:#000; border:4px solid var(--blue)}
.basic-judge > div:first-of-type{color:var(--purple); font-size: 6rem}
.basic-judge > div:nth-of-type(2){padding-left:0 !important}
.basic-judge h2 a{color: #000 !important}
.basic-judge h3{color: #000 !important; padding: 0 0 10px; margin: 0}
.basic-judge .judge-result-thumb{margin-right: 12px}
.basic-judge .button{background-color: var(--blue)}
.basic-judge > div:nth-of-type(2){text-align: left !important}
.basic-judge .judge-result-distance{color: #000}

.featured-judge{background-color:var(--blue) !important; border:4px solid #fff}


.premium-judge{background-color: var(--pink) !important; border: 4px solid var(--dark-blue)}
.premium-judge .button{background-color: var(--blue)}
.premium-judge .button:hover{background-color: var(--purple)}

.judge-service-list{padding-left: 15px}
.judge-service-list > div{padding-bottom: 10px}
.judge-service-list i{color:var(--pink)}

.google-ads{border:1px solid rgb(255,255,255,0.2); margin: 0 auto 30px; max-width: 1200px}

.user-logo-cp{ max-width:80%px; height:100px; margin: 0 30px 30px 30px; text-align: center}
.user-logo-cp img{object-fit: contain; object-position: center; width:100%; height:100%}
.logo-organiser{height:90px}
.logo-organiser img{object-fit: contain; object-position: center; width:100%; height:100%}

.single-payment, .single-payment-read{margin:0 0 15px; padding:15px; background: #fff; border-radius:15px}

.upgrade-options{display:flex; flex-wrap:wrap; justify-content: center; align-items: stretch; max-width: 1200px; margin: 30px auto; background: #f8f8f8; border-radius:15px; padding: 30px 15px; box-sizing: border-box}
.upgrade-options > div{padding:15px; border-radius:15px; margin: 15px; width:100%; max-width:300px; background: #fff; font-size:1rem; box-sizing: border-box}
.upgrade-options h3{font-size:1.2rem; margin: 0 0 15px; padding: 0 0 15px; border-bottom:3px solid #ccc; color: var(--pink); min-height: 50px}
.upgrade-content{min-height: 60px}
.upgrade-price{font-size:2rem; font-weight:700}
.pay-button-wrap{text-align: center; box-sizing: border-box}
.pay-button-wrap .button{width:70%}

#featured-carousel{position: relative; max-width:900px; height: 200px; margin: 15px auto; overflow: hidden; border:4px solid #fff; border-radius:17px; background-color: var(--dark-blue)}
#featured-carousel > div{position: absolute; top:0; left:1000px; width:100%; height: 260px}
#featured-carousel > div:first-of-type{left:0}

#featured-prof-carousel{position: relative; max-width:900px; height: 200px; margin: 15px auto; overflow: hidden; border:4px solid #fff; border-radius:17px; background-color: var(--dark-blue)}
#featured-prof-carousel > div{position: absolute; top:0; left:1000px; width:100%; height: 200px}
#featured-prof-carousel > div:first-of-type{left:0}

.danceMatchFeatured{padding: 15px; background-color: var(--dark-blue); color: #fff; border-radius:15px}
.danceMatchFeatured h2{color:#fff; padding: 0 !important; margin: 0 !important; font-size: 2rem !important}
.danceMatchFeatured h3{color:#fff; padding: 0 !important; margin: 0 !important; font-size: 1.8rem}
.danceMatchFeatured h4{color:#fff; font-size:1rem}
.danceMatchFeatured .evDate{color: #fff}

#featured-dots{max-width:900px; margin: 15px auto; text-align:center}
#featured-dots > div{width:17px; height: 17px; border-radius:30px; background-color: #fff; display:inline-block; margin: 0 5px; transition:all 300ms ease; cursor:pointer}
#featured-dots > div:hover{transform:scale(1.2)}
#featured-dots > div.active{background: var(--pink); transform:scale(1.2); box-shadow:1px 1px 2px rgb(0,0,0,0.5)}

.search-prof-button:hover{background-color: var(--blue) !important}

.profFeatured{padding: 15px; background-color: var(--dark-blue); color: #fff; border-radius:15px}
.profFeatured h2{color:#fff; padding: 0 !important; margin: 0 !important; font-size: 2rem !important}
.profFeatured h3{color:#fff; padding: 0 !important; margin: 0 !important; font-size: 1.8rem}
.profFeatured h4{color:#fff; font-size:1rem}
.profFeatured .evDate{color: #fff}

.profFeatured > div{display:flex; justify-content: space-between; align-content: center; position: absolute; top:0; left:0; width:100%}
.profFeatured > div > div{width:100%}
.profFeatured > div > div:nth-of-type(1){max-width:160px; min-width:160px; padding: 15px; border-radius:15px}
.profFeatured > div > div:nth-of-type(2){padding: 15px 5px}
.profFeatured > div > div:nth-of-type(1) img{object-fit:contain; width:100%; height: 100%; border-radius:15px}
.profFeatured > div > div:nth-of-type(3){max-width:200px; padding: 15px; text-align: center}

#featured-dots-prof{max-width:900px; margin: 15px auto; text-align:center}
#featured-dots-prof > div{width:17px; height: 17px; border-radius:30px; background-color: #fff; display:inline-block; margin: 0 5px; transition:all 300ms ease; cursor:pointer}
#featured-dots-prof > div:hover{transform:scale(1.2)}
#featured-dots-prof > div.active{background: var(--pink); transform:scale(1.2); box-shadow:1px 1px 2px rgb(0,0,0,0.5)}

.dmDateFlexFeatured{display: flex; justify-content: space-between; align-items: stretch; margin: 0 0 10px}
.dmDateFlexFeatured > div{width:100%}
.dmDateFlexFeatured > div:nth-of-type(1){max-width:140px}
.dmDateFlexFeatured > div:nth-of-type(2){padding:0 15px}
.dmDateFlexFeatured > div:nth-of-type(3){max-width:180px; text-align: center}
.dmDateFlexFeatured > div:nth-of-type(3) img{object-fit: contain; width:100%; height: 100%}

.dmDateFlexFeatured .button:hover{background-color:#fff; color:var(--pink)}



.comp-author-logo-featured{height: 100px; background: #fff; padding: 10px; border-radius:10px}

.social-media-block{max-width: 900px; margin: 0 auto; text-align: center}
.social-media-block .social-icons{display:flex; justify-content: space-between; align-items: center; font-size:2rem; max-width: 200px; margin: 30px auto}
.social-media-block .social-icons a{color:var(--dark-blue)}
.social-media-block .social-icons a:hover{color:var(--purple)}

#rateStars{display: flex; justify-content: flex-start; align-items: center; margin: 0 0 15px}
#rateStars > div{margin:0 2px 0 0; transition: all 300ms ease}
#rateStars > div:hover{transform: scale(1.3)}
#rateStars i {color: goldenrod; font-size:1.5rem; cursor: pointer}

.rating-login{font-size:0.8rem; padding: 15px 0 0}
#rate-form{display: none}

.starwrap{width:120px; position: relative; overflow: hidden; background: #f8f8f8; padding: 0 !important; height: 20px}
.starwrap > div{display:flex; justify-content: flex-start; align-items: center; position: absolute; top:0; left:0; overflow: hidden; font-size:1.2rem; margin: 0 2px 0 0; max-height: 20px}
.starwrap > div:first-of-type{color: goldenrod; z-index: 2; background: #f8f8f8}
.starwrap > div:last-of-type{color: #ccc; z-index: 1; width:100%}
.starwrap i{display: inline-block}
.org-rate-prompt{font-size:0.6rem; padding: 5px 0 0}

.review-teasers{background: #f8f8f8; border-radius:10px; padding: 15px; margin: 15px auto}
.review-teasers h3{padding: 0; margin: 0}
.review-comment{background: #fff; margin: 10px 0; border-radius:10px; font-size:0.8rem; padding: 10px; color: #666}
.review-comment .starwrap{background: #fff !important; margin-top:5px}
.review-comment .starwrap > div{background-color: #fff !important}

.file-upload-wrap{border-radius:15px; padding: 30px; background: #fff; margin: 0 auto 30px}
.file-upload-wrap h2{margin:0; padding: 0 0 15px; border-bottom:3px solid #ccc; margin-bottom: 15px}

.filters-not-logged-in{color: #fff; text-align: center; padding: 30px}
.filters-not-logged-in p > a{color: #fff; text-decoration: underline}
.filters-not-logged-in p > a:hover{color:var(--pink)}

.cms-entryform-button{font-size:3rem; cursor:pointer; transition:all 300ms ease-in-out; color: var(--purple)}
.cms-entryform-button:hover{color:var(--pink)}
.entryform-button{color:#000}
.entryform-button i{color: var(--pink)}
.entryform-button:hover{color:var(--pink)}

.table {
  display: flex;
  flex-direction: column;
  max-width: 600px; /* Set a maximum width if needed */
  margin: 0 auto;   /* Center the table on the page */
}

.row {
  display: flex;
  justify-content: space-between;
  padding: 8px;
  border-bottom: 1px solid #ccc; /* Add a border between rows */
}
.row > div{width:100%}

.table > .row:last-of-type{border:0}

.header {
  font-weight: bold;
}

.follower-table{background-color: #fff; border:1px solid #ccc; max-width: 800px}

.checkbox-flex{display: flex; justify-content: space-between; align-items: center}
.checkbox-flex > div{width:100%; }
.checkbox-flex > div:first-of-type{max-width:30px}
.checkbox-flex input{width:20px; height: 20px}
.checkbox-flex label{padding: 0; margin: 0}

.hp-block-1{background: var(--blue); color:#fff; margin: 0 auto; padding: 15px 0}
.hp-block-1 > div{max-width: 900px; margin: 0 auto; padding: 60px 15px; background-repeat: no-repeat; background-position: center right; background-size: contain; display: flex; flex-direction: column}

.hp-block-1 > div > div:nth-of-type(1){order:1}
.hp-block-1 > div > div:nth-of-type(2){order:2}

.hp-block-1 h2, .hp-block-1 h3{color: #fff; text-shadow:1px 1px 3px rgb(0,0,0,0.4); font-size:1rem}
.hp-block-1 h3 a{color:#fff}
.hp-block-1 h3 a:hover{color:var(--pink)}

.hp-block-1 h2{font-size:3rem; line-height:2.8rem; max-width: 600px; margin: 10px 0}
.hp-block-1 .button{margin-right: 15px}
.hp-block-1 .button:hover{background-color: var(--purple)}
.hp-block-1 .hpsocial{display: block; margin: 15px 0}
.hp-block-1 .hpsocial a{color: #fff; font-size:1.5rem; margin: 0; padding: 0}
.hp-block-1 .hpsocial i{font-size:2.2rem; transform:translate(0, 5px); margin-right: 10px}
.hp-block-1 .hpsocial span{}

.hp-block-2{background: var(--pink); color:#fff; margin: 0 auto; padding: 30px 0; border-top:10px solid var(--purple)}
.hp-block-2 > div{max-width: 900px; margin: 0 auto; display:flex; justify-content: space-between; align-items: center}
.hp-block-2 > div > div{width:100%; max-width: 50%}
.hp-block-2 > div > div:first-of-type{height: 400px}
.hp-block-2 > div > div:first-of-type img{object-fit: contain; width:100%; height: 100%}
.hp-block-2 > div > div:last-of-type{padding:0 15px}
.hp-block-2 h2{font-size:3rem; color: var(--blue); padding: 0; margin: 0; line-height: 4.6rem; text-shadow:2px 2px 5px rgb(0,0,0,0.4)}
.hp-block-2 h2 span{color: #fff; font-size:8rem; display: block; padding: 0; margin: 0; line-height: 4rem}
.hp-block-2 .hpBlock2content{color: #fff}
.hp-block-2 .button{background-color: var(--blue); font-size:2rem}
.hp-block-2 .button:hover{background: var(--purple)}
.hp-block-2 .range-right{text-align: right}

.hp-block-2 ul{font-weight:800; list-style: none; padding: 0; margin: 40px 0 0; color: var(--blue)}
.hp-block-2 li{padding:0; margin: 0}
.hp-block-2 li a{color: var(--blue)}
.hp-block-2 li a:hover{color: var(--purple)}

.hp-block-3{background: var(--pink); color:#fff; margin: 0 auto; padding: 60px 0 50px}
.hp-block-3 > div{max-width: 900px; margin: 0 auto; display:flex; justify-content: space-between; align-items: center}
.hp-block-3 h2{color: #fff; font-size: 5rem; text-shadow:1px 1px 3px rgb(0,0,0,0.4); padding: 0; margin: 0 0 30px}

.hp-block-3 .blockButton{max-width: 300px; cursor: pointer}
.hp-block-3 .blockButton{display: block; background: var(--blue); color:#fff; text-align: center; padding: 12px 0; margin: 30px 0 0; font-size: 1.8rem; line-height: 2rem; box-shadow:6px 6px 0 rgb(255,255,255)}

.hp-block-3 .hpblock-bullet{display: flex; justify-content: flex-start; align-items: center; margin: 0 0 30px}
.hp-block-3 .hpblock-bullet > div{color:var(--blue); font-size: 2rem}
.hp-block-3 .hpblock-bullet > div:first-of-type{width:100%; max-width: 30px; height: 30px; background-image: url(/wp-content/uploads/2024/02/cf-icon-white.svg); background-repeat: no-repeat}
.hp-block-3 .hpblock-bullet > div:last-of-type{background: #fff; border-radius:90px; font-weight:700; padding: 5px 30px}



.hp-block-4{background: var(--pink); color:#fff; margin: 0 auto; padding: 60px 0 0px; border-top:5px solid var(--purple)}
.hp-block-4 > div{max-width: 900px; margin: 0 auto; display:flex; justify-content: space-between; align-items: stretch}
.hp-block-4 > div > div{width:100%; max-width: 50%}

.hp-block-4 > div > div:first-of-type{padding:0 30px 100px 0; background-size: 50%; background-position: bottom right 30px; background-repeat: no-repeat}
.hp-block-4 > div > div:last-of-type img{width:100%; height: auto}
.hp-block-4 h2{color: #fff; font-size: 4rem; line-height: 3.8rem; text-shadow:1px 1px 3px rgb(0,0,0,0.4); padding: 0; margin: 0 0 30px}

.hp-block-4 .hpsocial{display: block; margin: 15px 0}
.hp-block-4 .hpsocial a{color: #fff; font-size:1.5rem; margin: 0; padding: 0}
.hp-block-4 .hpsocial i{font-size:2.2rem; transform:translate(0, 5px); margin-right: 10px; color:var(--blue)}

.hpsocial{transition:all 300ms ease}


.mailing-list-block{background-color: var(--dark-blue); color: #fff; border-top:5px solid var(--purple)}
.mailing-list-block > div{max-width:900px; margin: 0 auto; padding: 30px 60px 50px; text-align: center}
.mailing-list-block h4{color: #fff; font-size:2rem; text-align: center !important; padding: 0; margin: 0}

.pricing-block{display: flex; justify-content: center; align-items: flex-start}
.pricing-block > div{border:1px solid #ccc; width:100%; max-width: 300px; margin: 0 10px; border-radius:30px; padding: 15px 30px; flex-wrap: wrap}
.pricing-block .button{margin: 15px auto 0; display: block}
.pricing-block h2{font-size:1.2rem; padding: 0; margin: 0}
.pricing-block h3{font-size:2rem; padding: 0; margin: 0 0 10px; color: #000}
.pricing-block ul{list-style:none; padding: 15px 0 0; margin: 0}
.pricing-block i{margin: 0 10px 0 0}
.pricing-block .fa-arrow-left{color:var(--pink)}
.pricing-block .fa-check{color: var(--purple)}

.contact-us-block{color: #fff; max-width:900px; margin: 0 auto; display: flex; justify-content: space-between; align-content: stretch; padding:30px 0 15px}
.contact-us-block > div{padding: 15px; width:100%; max-width: 50%}
.contact-us-block .hpsocial a{color:#fff; padding: 0 0 15px; font-size:1.4rem; display: block}
.contact-us-block .hpsocial a:hover{color: var(--pink)}
.contact-us-block .hpsocial a i{margin-right: 5px; color: var(--pink)}

.split-h1{color:var(--pink); text-align: left; font-size:3rem; line-height: 3rem; text-transform: uppercase}
.split-h1 > span:last-of-type{color: #fff; font-size:4rem; display: block}
.split-h1 img{height: 50px; width:auto; display: inline; margin-left: 30px}
.contact-us-block form{background-color: var(--blue); padding: 15px 30px 0; border-radius:30px}
.contact-us-block form label > span:first-of-type{background: var(--pink); display:block; padding: 5px 15px 6px; border-radius:60px; color: #fff; max-width: 200px; margin: 0; text-transform:uppercase}
.contact-us-block form input{border-radius:30px; border:0px}
.contact-us-block form textarea{border-radius:30px; margin-top: 0; border:0px}

#reg-form-block label{background: var(--pink); display:block; padding: 5px 15px 6px; border-radius:60px; color: #fff; max-width: 200px; margin: 10px 0; text-transform:uppercase}

.promote-page-block{max-width: 1200px; margin: 0 auto; padding: 15px 10px 30px}
.promote-page-block h1{color:#fff; font-size:4rem; text-align: center; padding: 0; margin: 0 auto 15px; text-transform: uppercase}
.promote-page-block h2{background: #fff; color:var(--pink); font-size:3rem; text-align: center; border-radius:90px; padding: 9px 10px 11px; display: block; margin: 0 0 30px; text-shadow:2px 2px 2px rgb(0,0,0,0.4)}

.promote-listing-block{max-width: 1200px; margin: 0 auto; padding: 30px 15px}
.promote-listing-block h1{color:#fff; background:var(--blue); border-radius:60px; font-size:4rem; text-align: center; padding: 0 10px 4px; margin: 0 auto 15px; text-shadow:2px 2px 2px rgb(0,0,0,0.4); text-transform: uppercase}

.promo-listing-cells{display: flex; justify-content: space-around; align-items: stretch; flex-wrap: wrap}
.promo-listing-cells > div{width:100%; max-width: 280px; padding: 10px}
.promo-listing-cells .cell-bullets{background: var(--blue); padding: 15px; border-radius:30px; min-height: 300px}
.promo-listing-cells h3{background: var(--pink); color: #fff; text-align: center; font-weight:800; border-radius:60px; display: block; padding: 10px 10px 12px; text-transform: uppercase}
.promo-listing-cells .cell-recommended{color: var(--dark-blue); text-align: center; font-weight:800; font-size:1.1rem; opacity: 0}

.promo-listing-cells > div.recommended{background: #fff; border-radius:30px}
.promo-listing-cells > div.recommended .cell-recommended{opacity: 1}

.promo-cells{display: flex; justify-content: space-around; align-items: stretch; flex-wrap: wrap}
.promo-cells > div{width:100%; max-width: 280px;}
.promo-cells > div > div{background: var(--blue); color: #fff; border-radius:30px; padding: 10px; min-height:260px}
.promo-cells h3{background: var(--pink); text-align: center; color: #fff; border-radius:40px; display: block; padding: 10px; margin: 0 auto 10px}

.cell-bullets > div{padding:0 0 10px 5px; display: flex; justify-content: space-between; align-items: flex-start;}
.cell-bullets > div > div{width:100%}
.cell-bullets > div > div:first-of-type{max-width: 30px}
.cell-bullets > div img{width:20px; height: auto; display: inline-block; transform:translate(0, 2px); margin: 0 5px 0 0}
.cell-button{display: block; border-radius:40px; background: var(--pink); color: #fff; text-align: center; padding: 10px; margin: 15px auto 0; transition:all 300ms ease; font-weight:800}
.cell-button:hover{background-color: var(--purple)}
.cell-login{text-align: center; font-size: 0.6rem; color:#ccc; display: block; padding: 8px 0 0}
.cell-login:hover{color:var(--pink); text-decoration: underline}
.recommended .cell-login{color: var(--dark-blue);}

.cell-price{background:#fff; border-radius:30px; color: #333; font-size:0.6rem; padding: 15px; text-align: center; font-weight:800; margin: 0 0 30px; min-height:150px}
.cell-price-figure{font-size:2rem}
.cell-price-period{font-size:1rem; padding: 0 0 5px}

.account-features{padding: 30px 30px 15px; background: var(--dark-blue); border-radius:15px; color: #fff}
.account-features a{color: var(--pink)}


.about-us-block{display: flex; justify-content: space-around; align-items: center; margin: 30px auto}
.about-us-block > div{width:100%; padding: 15px}
.about-us-block > div:first-of-type{max-height: 400px; padding: 0 15px; overflow: hidden; max-width: 400px}
.about-us-block > div:first-of-type img{object-fit: contain; object-position: left; width:100%; height: 100%}

.about-us-block > div:first-of-type p{padding:0; margin: 0}

.about-us-block > div:last-of-type{}

.about-us-block h1{color: var(--blue) !important}
.about-us-block h1 span{color: #fff}

.about-cells{margin: 0 auto; max-width:1200px; display: flex; justify-content: space-around; align-items: stretch; flex-wrap:wrap}
.about-cells > div{width:100%; max-width:280px}
.about-cells > div > div{color: #fff; background-color: var(--dark-blue); padding: 30px; border-radius:30px; margin: 0 0 15px}
.about-cells > div > div:first-of-type{padding: 10px 30px; font-size:1.2rem; font-weight:800; text-transform:uppercase}
.about-cells > div > div:last-of-type{min-height: 280px}

.hp-featured-block{background: var(--blue); margin: 0; padding: 0; border-top:5px solid var(--pink)}
.hp-featured-block > div{max-width: 1200px; margin: 0px auto; padding: 30px}
.hp-featured-block h2{color:#fff; padding: 0; margin: 0 auto; max-width: 900px; font-size:3rem; text-transform: uppercase}

.hp-featured-competitions{background-color: var(--pink)}

.blog-posts{max-width:900px; margin: 0 auto 30px}

.blog-posts > div{border:4px solid var(--purple); background-color: var(--dark-blue); color: #fff; padding: 15px 30px; border-radius:17px; margin: 0 auto 15px; display: flex; justify-content: space-around; align-items: flex-start; width:100%}
.blog-posts > div > div:last-of-type{min-width:220px; max-width:220px; text-align: center; padding: 15px 5px}
.blog-posts h2{padding:0; margin: 0; color:var(--pink)}
.blog-posts h2 a{color:var(--pink)}
.blog-date{font-size:0.8rem}

.blogTwoCols{display: flex; justify-content: space-around; align-items: stretch; margin: 30px auto}
.blogTwoCols > div{width:100%}
.blogTwoCols > div:first-of-type{padding: 0 30px 0 0}
.blogTwoCols > div:last-of-type{max-width:320px; padding: 15px 15px 0 40px; border-left:1px solid #ccc}
.blogTwoCols > div:last-of-type img{object-fit: contain; width:100%; height: 100%}

.change-pw-button{float: right; margin: 30px 30px 0 0}

#changePw{max-width: 500px; margin: 0 auto 30px; background: var(--blue); color:#fff; padding: 30px; border-radius:30px; border:0}
#changePw label{color: #fff}
#changePw h2{color: #fff; padding: 0 0 15px; margin: 0 0 15px; border-bottom:2px solid rgb(255,255,255,0.4); text-transform: uppercase; text-align: center}
#changePw input[type=submit]{margin: 15px auto 0}
#pw-error{color: var(--pink); font-weight:800; text-align: center; padding: 10px 0 0}
#changePw a{color: #fff}

.my-orders{background: #fff; padding: 10px; border-radius:15px}
.my-orders > div{display:flex; justify-content: space-between; align-items: stretch; border-bottom:1px dashed #ccc}
.my-orders > div:first-of-type{font-weight:800}
.my-orders > div > div{width:25%; padding: 5px}

#post-3 .theContent{backgroung:pink; max-width:900px; margin: 0 auto}

.contact-prof-block{background: var(--pink); margin: 0 auto; color: #fff; min-height: 600px}
.contact-prof-block > div{max-width:900px; margin: 0 auto; padding: 30px 30px 90px}
.contact-prof-block h2{color: #fff; text-align: center}
.contact-prof-block label{color: #fff}
.contact-prof-block input[type=submit]{background: var(--blue)}

#acceptbox{display:block; max-width:100% !important; padding:12px 0 !important; background-color: transparent !important; border-radius:none; color: #fff !important}
#acceptbox input{width:17px; height: 17px; margin: 0 7px 0 0; transform:translate(0, 3px)}
#acceptbox a{color: var(--pink)}

#qlwapp.qlwapp-rounded.qlwapp-button .qlwapp-toggle{background-color:var(--pink); box-shadow:1px 1px 5px rgb(0,0,0,0.5); transition:all 300ms ease}
#qlwapp.qlwapp-rounded.qlwapp-button .qlwapp-toggle:hover{background-color: var(--blue)}

.order-complete{padding: 60px 30px}

.wpbc_container{max-width: 600px; margin: 30px auto; border:3px solid var(--dark-blue); border-radius:4px; padding: 30px}
.control-label{color: var(--pink)}
.wpbc_button_light{background-color: var(--pink) !important; color: #fff !important; border:0 !important}
.wpbc_button_light:hover{background-color: var(--purple) !important; border:0 !important}


.hp-splash{min-height:100vh; width:100%; background-color: #f8f8f8; background-position: center; background-size: cover; position: relative}
.hp-splash h1, .hp-splash h2{color: #fff; text-shadow:1px 1px 5px rgb(0,0,0,0.5); font-size:3rem; text-transform: uppercase; line-height: 1; max-width:1200px; margin: 0 auto 60px; padding: 0 30px; text-align: center}
.hp-account-button{background:var(--pink); color: #fff; width:300px; border-radius:100px; padding: 15px; text-transform: uppercase; font-weight:700; text-align: center}
.hp-splash > .hp-account-button{position: absolute; right:50px; top:30px}
.hp-splash > a > img{max-width: 320px; position: absolute; left:30px; top:30px}

.splash-spacer{}
.splash-search-spacer{}

@media only screen and (max-width: 1200px) {
	.masthead .main-navigation{display: none}
	#mobnavbutton{display: block}
	.account-navigation{display: none}
	.about-cells{justify-content: space-around}
	.about-cells > div{margin: 0 10px 30px}
}

@media only screen and (max-width: 1100px) {
	
}

@media only screen and (max-width: 1000px) {
	.promote-listing-block h1{font-size:2.5rem}
}

@media only screen and (max-width: 900px) {
	.carFlex{flex-direction: column}
	.carFlex > div{max-width:100% !important}
	.content-block-2cols{flex-direction: column; max-width: 600px; margin: 30px auto}
	.content-block-2cols > div{max-width: 100%}
	.evTwoCols{flex-direction: column}
	.evTwoCols > div{max-width:100%; padding-right:0 !important}
	.h1Wrapper a{display: none}
	.account-2-cols{flex-direction: column}
	.account-2-cols > div{max-width: inherit; padding: 0 0 15px}
	.judgeResults{margin:30px 15px}
	.wrap-judges-search-results h2{margin: 15px}
	#accountTabs{flex-direction: column}
	#accountTabs > div{width:100%; min-width: inherit; max-width: 100%; border-radius:10px; margin: 0 auto 10px}
	.hp-splash > .hp-account-button{display: none}
	.hp-splash .splash-spacer{aspect-ratio:16 / 4}
	.hp-splash h1{font-size:2rem; padding: 0 50px}
}
@media only screen and (max-width: 800px) {
	
	.wrap-judges-search{flex-direction: column}
	.wrap-judges-search > div{max-width: 100%}
	.wrap-judges-search > div:first-of-type{display: none}
	.wrap-judges-search > div:last-of-type{text-align: center; padding: 0 30px}
	.wrap-judges-search h2{text-align: center; font-size:2rem}
	
	.promote-page-block h2{font-size:1.5rem}
	.promote-listing-block h1{font-size:1.5rem}
	
	.userEventsList > div{flex-wrap:wrap; box-sizing: border-box}
	.userEventsList > div > div{width:100%; min-width:50%; max-width: 50% !important; text-align: center !important}
	.userEventsList > div > div:nth-of-type(1), .userEventsList > div > div:nth-of-type(2){min-width:100%; max-width:100%; padding: 10px}
	
	.userOrdersList > div{flex-wrap:wrap; box-sizing: border-box}
	.userOrdersList > div > div{width:100%; min-width:50%; max-width: 50% !important; text-align: center !important}
	.userOrdersList > div > div:nth-of-type(1), .userEventsList > div > div:nth-of-type(2){min-width:100%; max-width:100%; padding: 10px}
	
	.footerFlex{flex-direction: column}
	.footerFlex > div{max-width:100% !important; text-align: center !important; padding: 15px}
	.footerFlex > div:last-of-type ul{text-align: center !important}
	
	#editFormFlex{flex-direction: column}
	#editFormFlex > div{max-width:100% !important; padding: 0}
	
	.hp-block-2 > div{flex-direction: column}
	.hp-block-2 > div > div{max-width:100%; text-align: center; padding: 15px}
	
	.hp-block-3 > div{flex-direction: column}
	.hp-block-3 > div > div{max-width:100%; text-align: center; padding: 15px}
	
	.hp-block-4 > div{flex-direction: column !important}
	.hp-block-4 > div > div{max-width:100%; text-align: center; padding: 15px 30px 0 !important}
	
	.contact-us-block{flex-direction: column; justify-content: space-around !important; max-width: 600px}
	.contact-us-block > div{max-width:100%}
	
	.about-us-block{flex-direction: column; justify-content: center; max-width: 600px}
	.about-us-block > div{padding:0; margin: 0 auto 30px; text-align: center}
	.about-us-block h1{text-align: center}
	
	#featured-prof-carousel {
		position: relative;
		height: 700px;
		overflow: auto !important;
		max-width: 400px
	}
	.profFeatured > div{flex-direction: column}
	.profFeatured > div > div{max-width:100% !important; text-align: center}
	.hp-featured-block h2{text-align: center}
}
@media only screen and (max-width: 700px) {
	.hp-splash h1, .hp-splash h2{font-size:2.2rem}
	.compDetailFlex{flex-direction: column}
	.compDetailFlex > div{max-width:100%; margin: 0 auto 30px !important}
	.judgeBiogFlex{flex-direction: column}
	.judgeBiogFlex > div{max-width:100% !important; padding: 0 0 30px !important}
	.judgeBiogFlex > div:first-of-type{order:2}
	.judgeBiogFlex > div:last-of-type{text-align: center !important; order:1}
	.judge_thumb{float: none !important}
	.judgeBiogFlex h1{display: none}
	.upgrade-options{display:flex; flex-wrap:wrap; justify-content:space-around !important; flex-direction: column}
	.upgrade-options > div{margin: 0 auto 15px}
	.upgrade-content{min-height: inherit}
	.judgeResults > div{flex-direction: column}
	.judgeResults > div > div{max-width: inherit; text-align: center !important; padding: 0 0 15px !important; margin: 0 !important}
	.judgeSearchFlex{flex-direction: column}
	.judgeSearchFlex > div{max-width:100%; padding: 0 0 50px}
	
	.contact-prof-block textarea, .contact-prof-block input[type=text]{max-width:100%}
	
	.hp-splash .splash-spacer{display:none}
	.hp-splash > a{display: block; text-align: center; padding: 15px 0 0}
	.hp-splash > a > img{position: relative; display: inline-block; max-width: 240px !important; top:inherit; left:inherit}
	.hp-splash h1{margin: 15px 0 30px; font-size: 1.6rem}
}
@media only screen and (max-width: 600px) {
	.fullWidthSearch{padding:30px}
	.fullWidthSearch h2{font-size:1.5rem; margin: 0 auto 30px}
	#mobnavbutton{top:20px}
	body{padding-top: 82px}
	.dtFlex{flex-direction: column}
	.dtFlex > div{max-width:100%}
	.dtFlex3{flex-direction: column}
	.dtFlex3 > div{max-width:100%}
	#carousel .carHeading h1{font-size:2.5rem}
	.judge_thumb{max-width: 100%}
	.user-logo-cp{float: none; max-width:100%; height:80px; margin: 0 auto 30px}
	.logo-organiser{float: none; max-width:100%; height:140px; margin: 0 auto 30px !important}
	.eventSingleTitle{flex-direction: column}
	.eventSingleTitle > div{max-width:100%; width:100% !important; text-align: center}
	.h1Wrapper h1{font-size: 2rem}
	.follower-table > .row{flex-direction: column}
	.follower-table > .row > div{max-width:100%}
	.danceMatch{flex-direction: column}
	.danceMatch > div{max-width:100%}
	#featured-carousel{display: none}
	.dmDateFlex{flex-direction: column}
	.dmDateFlex > div:last-of-type{text-align: center; padding: 15px 15px 0}
	.h1Wrapper h2{font-size:2rem}
	.evTwoCols h2{font-size:1.5rem}
	.evTwoCols > div:last-of-type{padding: 15px 0; border:0px}
	.logo-organiser{margin-bottom: 0}
	
	
	.promo-cells > div{margin-bottom: 60px}
	.promo-listing-cells > div{margin-bottom: 60px}
	
	.hpSearchLabel{text-align: center; text-shadow:1px 1px 0 rgb(0,0,0,0.5); font-size:1.2rem}
	.initial-pc-search{flex-direction: column; position: relative}
	.initial-pc-search > div{position: relative}
	.initial-pc-search > div:first-of-type{padding-bottom: 30px; position: relative}
	.initial-pc-search input{box-shadow:2px 2px 3px rgb(0,0,0,0.5)}
	
	.about-us-block{}
	.about-us-block > div{max-width:100%; margin-bottom: 0; padding-bottom: 0}
	.about-us-block > div:last-of-type{padding-top: 30px}
	
	.hp-featured-block h2{font-size:1.4rem !important}
	.judgeResults > div > div:first-of-type{max-width: 200px; margin-top: 15px !important}
	.judgeResults h3{font-size:1.4rem !important; padding-bottom: 10px}

	.content-block-2cols{margin: 30px}
	.content-block{padding: 30px}
	.content-block h1{font-size:2rem}
	.theContent{}
	.theContent h1.wp-block-heading{font-size:2rem !important; padding: 0; margin: 30px 15px}
	.eventBiog{margin:30px}
	.change-pw-button{float:none; display: block; margin: 0 auto; max-width: 200px}
	#accountWrap h2{font-size:1.4rem; text-align: center}
	
	.hp-block-1 > div{padding: 0; margin: 0}
	.hp-block-1 h2{font-size:2rem; text-align: center}
	.hp-block-1 h2, .hp-block-1 h3{text-align: center}
	
	.hp-block-1 > div > div:nth-of-type(1){order:2}
	.hp-block-1 > div > div:nth-of-type(2){order:1}
	.hp-block-1 > div{background-image: none !important}
	
	.hp-featured-competitions{display:none}
	.hp-featured-profs{display: none}
	
	.hp-block-4 h2{font-size:3rem}
	.evTwoCols > div:last-of-type{max-width: 100% !important}
	
	.event-single-title{text-align:center !important; padding: 30px 0 15px !important}
	
	.carFlex h2{font-size:1.4rem}
	.initial-pc-search > div{max-width: 90%}
	
	.hp-block-2 .range-right{text-align:center}
	.hp-block-2 h2 span{font-size:4rem}
	.hp-block-2 .button{font-size:2rem}
	
	
}
@media only screen and (max-width: 600px) {
	#accountWrap{max-width:96%; margin: 0 auto 10px}
	.theContent{max-width: 100vw; overflow: hidden}
	.theContent p{padding-left:30px; padding-right:30px}
	.hpsocial{padding-left: 30px}
	.split-h1{margin-left: 30px}
}