/*
 Theme Name:   Dancify
 Theme URI:    https://generatepress.com
 Description:  Dancify Child Theme
 Author:       Blackbox Web Design
 Author URI:   https://www.blackboxdesign.co.uk
 Template:     generatepress
 Version:      0.1
*/

/* Dancify Orange: #F58A20 */


/* All Devices */

/* Typography*/

#df_home_search_banner h1 {
	font-size:4em;
	color:#fff;
}

.df_inner_banner_header h1 {
	font-size:3em;
	color:#fff;
}


h2.bighead {
	font-size:3em;
}

h2.vbighead {
	font-size:4em;
}

h2.df_listing_anon_username {
	font-size:18px;
}

#df_pricing h2 {
	color:#fff;
}

.df_info_box h2 {
	font-size:26px;
}

h3.df_pricing_title {
	font-size:42px;
	color:#F58A20
}

.df_footer_widget h4 {
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
}

#df_home_employers h2, #df_home_employers p {
	color:#fff;
}

.df_button a {
	display:inline-block;
	background-color:#F58A20;
	padding:8px 40px;
	font-size:16px;
	font-weight:700;
	text-align:center;
	border-radius:30px;
	text-decoration:none;
	color:#fff;
}

.df_button.alt a {
	background-color:#fff;
	color:#f58a20;
}

.dancify_orange {
	color:#F58A20;
}

.df_button.stacked {
	display:block;
	text-align:center;
}

.df_button.caps, .df_button.caps a {
	text-transform:uppercase;
}

.df_info_box p {
	font-size:14px;
}

.bsui .btn-primary, .bsui .badge-primary {
	background-color:#f58a20;
	border:none;
}

.df_home_options_item p.option_header {
	font-size:26px;
	font-weight:700;
	margin-bottom:0;
	color:#fff;
}

.df_home_options_item .option_content {
	font-size:14px;
	margin-bottom:10px;
	color:#fff;
}

.df_home_options_item ul.option_content {
	font-size:14px;
	margin-left:1em;
	color:#fff;
}

.df_home_options_item .option_cta a {
	color:#fff;
}

.df_large_numeral {
	position:absolute;
	left:0;
	font-size:15em;
	line-height:1em;
	margin-bottom:0;
	opacity:0.2;
	font-family:'Poppins', arial, sans-serif;
	font-weight:700;
}

.df_cols_numeral_headings .wp-block-columns:first-of-type .df_large_numeral, .df_cols_numeral_headings .wp-block-columns:nth-of-type(3n+1) .df_large_numeral {
	color:#f26082;
}

.df_cols_numeral_headings .wp-block-columns:nth-of-type(2) .df_large_numeral, .df_cols_numeral_headings .wp-block-columns:nth-of-type(3n+2) .df_large_numeral {
	color:#f5856d;
}

.df_cols_numeral_headings .wp-block-columns:nth-of-type(3n) .df_large_numeral {
	color:#f69e5f;
}

.df_single_job_header {
	font-family:'Poppins', arial, sans-serif;
	font-weight:700;
	font-size:3em;
	color:#fff;
	line-height:1em;
}

/* Navigation  */



.nav-float-right #site-navigation {
	margin-left:30px;
}

.nav-float-right .header-widget {
	margin-left:auto;
}

.df_signed_in_user {
	font-size:14px;
}

#generate-slideout-menu div.main-nav {
	order:4;
}

.main-navigation #primary-menu.main-nav ul li a {
	line-height:20px;
}

#generate-slideout-menu .main-nav ul li.menu_button {
	text-align:center;
}

#generate-slideout-menu .main-nav ul li.menu_button a {
	line-height:20px;
	min-width:200px;
	text-align:center;
}

#primary-menu ul li.menu_button a, #generate-slideout-menu ul li.menu_button a  {
	display: inline-block;
    padding: 10px 20px;
    background-color: #f26082;
    border-radius: 20px;
    color: #fff;
	margin-right:20px;
}

#primary-menu ul li.menu_button.alt a, #generate-slideout-menu ul li.menu_button.alt a {
	background-color:#f69a61;
}

#generate-slideout-menu ul li.menu_button a {
	display: inline-block;
    padding: 10px 20px;
    background-color: #f26082;
    border-radius: 20px;
    color: #fff;
	margin-bottom:20px;

}



/* Headers / Banners */

#df_home_search_banner {
	min-height:60vh;
	display:flex;
	align-items:center;
	background-image:url(/wp-content/uploads/2023/02/dance_class_2a_1920.jpg);
	background-position: center;
    background-size: cover;

}

#df_home_search_banner .gb-inside-container, .df_inner_banner_header .gb-inside-container {
		width:100%;
}

#df_home_employers, #df_home_employers .gb-inside-container {
	position:relative;
}

#df_home_employers:before {
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	content:'';
	top:0;
	left:0;
	background-color:rgba(0,0,0,0.3);
}

.df_inner_banner_header {
	display:flex;
	align-items:center;
	min-height:40vh;
}

.df_inner_banner_header.large_banner {
	min-height:60vh;
}

.df_inner_banner_header.large_banner.hiw {
	background-position:bottom;
}

/* Pricing Tables */

#df_pricing .wp-block-column {
	background-color:rgba(255,255,255,0.9);
}

.df_pricing_table {
	padding: 30px;
    /*background-color: #fff;*/
    font-size: 14px;
}

.df_pricing_cost {
	font-size:4em;
	line-height:1em;
	font-weight:700;
	margin-bottom:10px;
}

.df_pricing_cost span {
	font-size:18px;
	font-weight:400;
}

ul.df_pricing_features {
	list-style:none;
	margin-left:1em;
}

ul.df_pricing_features li:before {
	content:'';
	background-size:20px 20px;
	width:20px;
	height:20px;
	background-repeat:no-repeat;
	display: inline-block;
    position: relative;
    top: 3px;
}

ul.df_pricing_features li.yes:before {
	background-image:url('/assets/green_tick.svg');
}

ul.df_pricing_features li.no:before {
	background-image:url('/assets/red_cross.svg');
	background-size:15px 15px;
	width:15px;
	height:15px;
	margin-right:5px;
}

ul.df_pricing_features li.info:before {
	background-image:url('/assets/yellow_info.svg');
	background-size:12px 12px;
	width:15px;
	height:15px;
	margin-right:5px;
	margin-left:3px;
}


/* 404 */


/* Footer */

.df_footer_widget, .df_footer_widget p, .df_footer_widget a {
	font-size:12px;
}

.df_footer_widget a {
	text-decoration:none;
}

.df_footer_widget a:hover {
	text-decoration:underline;
}

.df_footer_widget img.df_logo {
	width:120px;
}

ul.df_footer_socials {
	margin-left:0;
	list-style:none;
}

ul.df_footer_socials li {
	display:inline-block;
	margin-right:15px;
}

ul.df_footer_socials li a img {
	height:25px;
}

/* Dancer Listings */

.geodir-post .card-body {
	font-size:14px;
}

.geodir-field-dance_genres_taught {
	padding-top:12px;
}

.geodir-field-dance_genres_taught ul {
	margin-left:2em;
}

.df_profile_card_content .geodir-field-dance_genres_taught ul li {
	display: inline-block;
	margin-right:15px;
	font-weight:700;
}

.df_profile_card_content .geodir-field-dance_genres_taught ul li:last-of-type {
	margin-right:0;
}

.df_profile_card {
    background-image: url(/wp-content/uploads/2022/08/trans_logomark_bg1_1920.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}

.df_author_actions .wp-block-group__inner-container {
	padding:0 40px;
}

.geodir-report-post-container {
	margin-top:10px;
}

.geodir-report-post-container a.btn {
	width:100%;
	font-size:12px;
}

/* Featured Listings */

/*.geodir-loop-container .geodir-badge-featured {
	transform:scale(1.05);
}*/

.geodir-loop-container .geodir-badge-featured .card-header, .geodir-listings .geodir-badge-featured .card-header {
	background-color:#F58A20;
}

.geodir-loop-container .geodir-badge-featured .card-header a, .geodir-listings .geodir-badge-featured .card-header a {
	color:#fff;
	display:block;
	text-align:center;
	padding:5px 0;
}

.geodir-loop-container .geodir-badge-featured .card-header .geodir-field-current_status, .geodir-listings .geodir-badge-featured .card-header .geodir-field-current_status {
	color:#fff;
	text-align:center;
	padding:5px 0;
}

/* Dancer Profile Detail Pages */

.df_gd_notifications .wp-block-group__inner-container, .df_gd_endpoint_heading .wp-block-group__inner-container {
	padding:20px;
}

.df_gd_endpoint_heading h1 {
	margin-bottom:0;
}

.df_dancer_header {
	min-height:35vh;
	background-image:linear-gradient(45deg, #f04592, #f9bd4d);
}

.df_profile_header .geodir-image-container img {
	border-radius:10px;
}

.df_profile_header .wp-block-columns {
	gap:0;
}

.df_profile_header .df_profile_card {
	text-align:center;
	font-size:14px;
	padding:10%;
	box-shadow:0 0 16px #ccc;
	min-height:90%;
	border-radius: 0 10px 10px 0;
}

.df_profile_header .wp-block-columns .wp-block-column.profile_text {
	flex-basis:55%;
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.df_profile_header .wp-block-columns .wp-block-column.profile_image {
	flex-basis:45%;
}



.df_profile_header .wp-block-columns .wp-block-column:nth-of-type(2) {
	position:relative;
}

.df_profile_header .wp-block-group__inner-container {
	padding:20px 0;
}

.df_profile_card h1 {
	font-size:34px;
}

.df_profile_card_status {
	display:inline-block;
}

.df_profile_card_status .geodir-post-meta-container {
	display:inline;
}

.df_profile_card_address {
	text-transform:uppercase;
}

.df_profile_card_address, .df_profile_card_genres, .df_profile_card_status {
	margin:10px 0;
}

.df_dancer_profile_genres ul {
	margin-left:0;
	list-style:none;
}

.geodir-tabs-content .geodir-output-location .geodir_post_meta_title {
	font-weight:700;
}

h2.fieldset-skills-experience {
	padding:30px 0 20px 0;
}

.contact_basics .dancer_name span div, .contact_basics .dancer_pronouns span div, .contact_basics .dancer_age span div, .status .current_status span div, .contact_details .email span div, .contact_details .phone span div, .contact_details .address span div, .contact_details .distance span div, .contact_details .genres span div, .contact_details .categories span div {
	display:inline;
}

.dancer_name, .dancer_pronouns, .dancer_age, .contact_details .email, .contact_details .phone, .contact_details .address, .contact_details .distance {
	margin-bottom:10px;
}
.contact_basics, .status, .contact_details, .skills {
	padding:10px 0;
}

.contact_basics, div.status {
	border-bottom:2px solid #e1e1e1;
}

.geodir-tabs-content #post_content, .geodir-tabs-content #dance-genres, .geodir-tabs-content #contact-details {
	padding:20px;
	margin:20px 0;
	background-color:#fff;
}

.wp-block-geodirectory-geodir-widget-report-post {
	max-width:240px;
}

.wp-block-group.df_profile_tabs {
	padding: 20px;
    border: 1px solid #e1e1e1;
    background-color: #f1f1f1;
}

/* GeoDirectory Add Listing page */
form#geodirectory-add-post fieldset {
	padding:20px;
	background-color:#F58A20;
	margin-bottom:0;
}

form#geodirectory-add-post fieldset h3 {
	font-weight:700;
	font-size:24px;
	color:#fff;
}

.bsui form#geodirectory-add-post .row {
	margin-left:0;
	margin-right:0;
}

form#geodirectory-add-post fieldset + div.row {
	padding-top:20px;
}

form#geodirectory-add-post div.row {
	font-size:14px;
}

#geodir_fieldset_details, #geodir_address_map_row {
	display:none;
}

fieldset[data-rule-key="contact_details"] {
	margin-top:40px;
}

.bsui fieldset small.text-muted {
	font-size:12px;
	display:block;
	line-height:1.3em;
	color:#fff!important;
}

form#geodirectory-add-post div[data-argument="package_id"] {
	border:1px solid #e1e1e1;
	border-top:none;
	padding-top:20px;
	padding-bottom:20px;
	margin-bottom:40px;
}

div.form-group.row[data-argument="post_title"], div.form-group.row[data-argument="forename"], div.form-group.row[data-argument="surname"], div.form-group.row[data-argument="pronouns"], div.form-group.row[data-argument="age"], div.form-group.row[data-argument="current_status"], div.form-group.row[data-argument="post_content"], div.form-group.row[data-argument="email"], div.form-group.row[data-argument="contact_phone"], div.form-group.row[data-argument="address_street"], div.form-group.row[data-argument="address_region"], div.form-group.row[data-argument="address_country"], div.form-group.row[data-argument="address_city"], div.form-group.row[data-argument="address_zip"], div.form-group.row[data-argument="service_distance"], div#post_images_row, div#image_gallery_row, div#gd_dancercategory_row, div#dance_genres_taught_row, div.form-group.row[data-rule-key="default_category"] {
	border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
	margin-bottom:0;
	padding-bottom:20px;
}

div.form-group.row[data-argument="address_region"], div.form-group.row[data-argument="address_country"], div.form-group.row[data-argument="address_city"] {
	display:none;
}

div.form-group.row[data-argument="post_content"], div.form-group.row[data-argument="service_distance"], div#dance_genres_taught_row {
	border-bottom:1px solid #e1e1e1;
	margin-bottom:40px;
}

div#post_images_row, div#image_gallery_row  {
	border-bottom:1px solid #e1e1e1;
	padding-top:20px;
}

div.form-group[data-argument="package_id"] i::before {
	color:#999;
} 

div.form-group[data-argument="package_id"] .fwrap-package_id-3 i::before, div.form-group[data-argument="package_id"] .fwrap-package_id-6 i::before {
	color:gold;
}

a.geodir_preview_button {
	display:none;
}


/* Geodirectory Search Filter */
.geodir-filter-container .col.gd-field-current_status /*, .geodir-filter-container .col.gd-field-tcategories*/ {
	flex-basis:100%;
}

.geodir-filter-container {
	font-size:12px;
}

.geodir-filter-container label.form-field-label {
	font-weight:700;
	font-size:16px;
	text-transform:uppercase;
}

.gd-field-dance_genres_taught li {
	list-style:none;
	margin-left:0;
	font-weight:700;
	margin-bottom:6px;
}

.gd-field-dance_genres_taught .form-check {
	display:inline-block;
	width:25%;
}

.geodir-page-search .wp-block-geodirectory-geodir-widget-search {
	padding: 20px;
    background-color: #f1f1f1;
    margin-top: -150px;
    position: relative;
	z-index:3;
}

.gd-search-field-search-filters button i:before {
	content:'FILTERS';
	font-family:'Poppins', arial, sans-serif;
}

/*.gd-filter-gd_dancer.collapse.show {
	position:absolute;
}*/

/* UsersWP */

body.uwp_login_page .bsui .card {
	border-radius:20px;
}

body.uwp_profile_page .bsui .nav-link {
	padding:6px 1rem;
}

body.uwp_profile_page .bsui .nav-link {
	font-size:14px;
}

/* Restrict Content Pro Endpoint pages */

#rcp-account-overview .rcp-account-overview span {
	max-width:none;
}

#rcp-account-overview .rcp-account-overview span span {
	display:block;
	width:100%;
}

#rcp-payment-history, #rcp-account-overview {
	font-size:14px;
} 

#rcp-account-overview .rcp-account-overview > span:nth-of-type(2) {
	width:10%;
}

#rcp-account-overview .rcp-account-overview > span:nth-of-type(3), #rcp-account-overview .rcp-account-overview > span:nth-of-type(4) {
	width:32.5%;
}

#rcp-payment-history span {
	width:21%;
}

#rcp-payment-history span:first-of-type {
	width:6%;
}

#rcp-payment-history span:nth-of-type(3) {
	width:10%;
}

.rcp-table {
	padding:20px;
	background-color:#f7f7f7;
}

.rcp-table main {
	margin-top:10px;
}

.rcp-table header div span {
	border-bottom:1px solid #e1e1e1;
	padding-bottom:5px;
}

.member_login_col.wp-block-column {
	background-color:#fff;
	border-radius:20px;
	padding:20px 60px;
} 

input#rcp_user_login, input#rcp_user_pass {
	width:100%;
	border-radius:0.25rem;
}

input#rcp_login_submit {
	width:100%;
	background-color:#f58a20;
	border-radius:0.25rem;
	transition: 0.4s all;
	text-transform:uppercase;
}

input#rcp_login_submit:hover {
	background-color:#1e73be;
}




/* UsersWP & Other Endpoint pages */

.df_info_box .wp-block-group__inner-container {
	padding:20px;
}

#df_edit_dancer_account .df_info_box {
margin-top:3rem;
}

.df_chevrons svg {
	width:40px;
	transition:0.4s all;
}

.df_chevrons {
	margin:20px;
}

.df_chevrons svg:hover {
	transform:scale(1.2);
}

.df_chevrons.right {
	text-align:right;
}

.df_chevrons.left {
	text-align:left;
}

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

.df_chevrons.right svg {
	animation: swell-right 2s infinite;
}

.df_chevrons.left svg {
	animation: swell-left 2s infinite;
}

.df_chevrons.down svg {
	animation: swell-down 2s infinite;
	position:relative;
}

.df_cols_numeral_headings .df_chevrons {
	margin:40px 0;
}

/* WP Job Manager pages */

.df_single_job_header_wrapper {
	height: 30vh;
    background-image: url(/wp-content/uploads/2022/07/dance_class_2_1920.jpg);
	background-size:cover;
    display: flex;
    align-items: center;
}

.df_single_job_header_content {
	width: 80%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.single-job_listing main#main {
	margin: 40px 20px;
}

.company img.company_logo {
	height:auto;
	width:150px;
}

ul.job_listings li.job_listing a img.company_logo {
	height:auto;
	width:100px;
}

.single_job_listing .company .name {
	margin-left:150px;
}

ul.job_listings li.job_listing a div.position {
	margin-left:100px;
}

/* Job Alerts */

.job-manager-alerts {
	font-size:14px;
	table-layout:fixed;
}

.job-manager-alerts th {
	width:20%;
}

/* Animations */

@keyframes swell-right {
	0% {margin-left:0;transform:scale(1.0)}
	50% {margin-left:10px;transform:scale(1.2);fill:#fff}
	100% {margin-left:0;transform:scale(1.0)}
}

@keyframes swell-left {
	0% {margin-right:0;transform:rotate(180deg) scale(1.0)}
	50% {margin-right:10px;transform:rotate(180deg) scale(1.2);}
	100% {margin-right:0;transform:rotate(180deg) scale(1.0)}
}

@keyframes swell-down {
	0% {top:0;transform:rotate(90deg) scale(1.0); }
	50% {top:10px;transform:rotate(90deg) scale(1.2); }
	100% {top:0;transform:rotate(90deg) scale(1.0); }
}


/* General Content */

.hide_me {display:none!important}

.df_custom_curve {
	position: absolute;
    left: 0;
    right: 0;
    overflow: hidden;
    line-height: 0;
	margin-top:-50px;
}

.df_custom_curve svg {
	height: 50px;
    width: calc(100% + 1.3px);
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    min-width: 100%;
	fill:#fff;
}

.df_members_only {
	display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 200px);
}

.df_members_only_wrapper {
	max-width:1200px;
	width:80%;
	margin-left:auto;
	margin-right:auto;
}

#df_home_dancers .wp-block-column.df_boxed_text, #df_home_employers .wp-block-column.df_boxed_text, .wp-block-column.df_boxed_text {
	padding:40px;
	background-color:#F58A20;
	/*background-color:rgba(235,138,32,0.9);*/
	border-radius:20px;
	margin-top:-120px;
	position:relative;
}

#df_home_dancers .wp-block-column.df_boxed_text {
	padding:80px;
}

.df_cta_box, .df_info_box {
	padding:20px;
	background-color:#F58A20;
	/*background-color:rgba(235,138,32,0.9);*/
	border-radius:20px;
	position:relative;
	color:#fff;
	box-shadow:0 0 16px #ddd;
}

.df_info_box.no_shadow {
	box-shadow:none;
}

#df_home_employers .wp-block-column.df_boxed_text {
	margin-top:initial;
}

#df_home_dancers .wp-block-group__inner-container {
	max-width:1500px;
}

#df_home_dancers .gb-inside-container, #df_home_employers .gb-inside-container {
	padding:40px 0 20px 0;
}

.df_container_padding .gb-inside-container {
	padding:60px 0;
}

.df_big_column_heading.right {
	text-align:right;
	padding-right:2em;
	border-right:4px solid #e1e1e1;
	position:relative;
}

/* Responsive Desktop - Everything ABOVE 1024 */
@media only screen
	and (min-width: 1024px) {
		
	body.uwp_login_page article, .page-id-171 article {
		min-height:calc( 100vh - 250px);
		display:flex;
		align-items:center;
		justify-content:center;
		background-image:url(/wp-content/uploads/2022/08/dance_class_1_1920.jpg);
		background-size:cover;
		background-position:center;
}
		
		body.uwp_login_page .inside-article, .page-id-171 .inside-article{
			background-color:transparent;
		}
		
		body.uwp_login_page .bsui .card-body {
			padding:20px 60px;
		}
		
		nav.main-navigation {
			order:5;
		}
		
}

/* Responsive - Everything BELOW 1024 */
@media only screen
	and (max-width: 1023px) {
		
		.df_rev_cols_mob .wp-block-column:first-of-type {
			order:3;
		}
		
		#df_home_dancers .wp-block-column.df_boxed_text {
			margin-top:0;
		}
		
		.df_inner_banner_header.large_banner {
			min-height:35vh;
		}
		
}

/* Responsive Tablet - Between 768 and 1023 */
@media only screen
	and (min-width: 768px)
	and (max-width: 1023px) {
		
}


/* Responsive Mobile - Everything BELOW 768 */
@media only screen
	and (max-width: 767px) {
		
		.site-header .header-image {
			max-width:250px;
		}
		
		#df_home_search_banner h1 {
			font-size:3em;
		}
		
		.df_inner_banner_header h1 {
			font-size:2.8em;
		}
		
		.df_chevrons.left, .df_chevrons.right {
		text-align:center;
		}
		
		#df_home_search_banner h1 {
			font-size:2em;
		}
		
		ul.job_listings li.job_listing a div.position {
			margin-left:0;
		}

	h2.vbighead {
    font-size: 2.8em;
}

	@keyframes swell-left {
	0% {top:0;transform:rotate(90deg) scale(1.0)}
	50% {top:10px;transform:rotate(90deg) scale(1.2);}
	100% {top:0;transform:rotate(90deg) scale(1.0)}
}	
		
	@keyframes swell-right {
	0% {top:0;transform:rotate(90deg) scale(1.0)}
	50% {top:10px;transform:rotate(90deg) scale(1.2);}
	100% {top:0;transform:rotate(90deg) scale(1.0)}
}	
		.table-responsive table {
			    display: block;
    			max-width: fit-content;
    			overflow-x: auto;
    			white-space: nowrap;
		}
		
		
}