/*Dashboard*/
.franchise-dashboard {
	background: #fff;
}

.franchie-inner * {
	font-family: var(--wp--preset--font-family--inter) !important;
}
.welcome, .fran-dashboard-hd {
	font-family: var(--wp--preset--font-family--inter) !important;
    text-align: center;
    font-size: clamp(27.894px, 1.743rem +((1vw - 3.2px)* 2.259), 40px);
    font-weight: 700;
    padding: 0;
    margin: 0 0 3rem 0;
}
.fran-default-pg-con {
	padding: 3rem 0;
}


/*Franchice Nav*/
.franchise-header {
	position: relative;
	padding-bottom: 58px;
	display: inline-block;
}
.franchise-nav {
    background: #f6a01a;
	position: fixed;
    width: 100%;
    z-index: 9;
	padding: 20px 0;
	box-shadow: 0 9px 26px rgba(0,0,0,0.1)!important;
}
.fran-nav-btn {
    margin: 0 !important;
	padding: 0.5rem 1rem;
    border: 0;
    border-radius: 8px;
    background: #fff;
    color: #000 !important;
	font-weight: 700 !important;
	box-shadow: 0 0px 10px rgba(0,0,0,0.1)!important;
	position: absolute;
	right: 3rem;
}
.franchise-nav-inner {
	display: flex;
    justify-content: center;
	align-items: center;
    gap: 10px;
    color: #fff;
}
.franchise-nav a {
	color: #fff;
	font-weight: 400;
	text-align: center;
}
.franchise-nav a:hover {
	color: #fff;
}

/* franchise hamburger */
.fran-side-icon {
    aspect-ratio: 1;
    width: fit-content;
    border-radius: 50%;
    padding: 2px;
    border: 2px solid #f6a01a;
    height: 35px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 4px;
	display: none;
	position: absolute;
	right: 2rem;
    top: 1.5rem;
}
.fran-side-icon > div {
	height: 2px;
	width: 20px;
	background: #f6a01a;
} 


/* franchise close btn */
.fran-side-icon.fran-close-btn > div:nth-child(2) {
	display: none;
}

.fran-side-icon.fran-close-btn > div:first-child {
    transform: rotate(45deg);
}
.fran-side-icon.fran-close-btn > div:nth-child(3) {
    transform: rotate(315deg);
	margin-top: -6px;
}



/*Form*/
.def-fran-from-con {
	padding: 5rem 1rem;
	width: 100%;
}
.gf-franchise-form {
	max-width: 500px;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    padding: 2rem;
    box-shadow: 0 0 10px #2125291f;
    border-radius: 8px;
	
}

.gf-franchise-form > div {
	display: grid;
    gap: 10px;
    margin-top: .8rem;
}
.gf-franchise-form label {
	font-weight: 600;
}
.gf-franchise-form input {
	padding: 0.6rem 0.3rem;
    outline: 0;
    border: 1px solid #f6a01a;
    font-size: 16px;
    color: #000;
	border-radius: 4px;
}

.gf-franchise-form button[type="submit"] {
	background-color: #f6a01a;
    border: 0;
    color: #fff !important;
    transition: opacity .4s linear;
    padding: 0.8rem;
    margin: 1.4rem 0 0 auto;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    width: 100%;
    border-radius: 4px;
    box-shadow: 0px 5px 10px #2125294a;
}
.gf-franchise-form button:hover {
	opacity: .8;
}

#form_error_text {
    display: none;
    background-color: lightpink;
    padding: 1em;
    border-radius: 24px;
	font-size: 90%;
}

.ip_address_container {
	display: none;
	background-color: lightgrey;
    padding: 0.5em 1em 0.5em 1em;
    border-radius: 32px;
	font-size: 90%;
	width: fit-content;
	justify-self: center;
	justify-items: center;
	align-items: center;
	grid-template-columns: 0.75fr 0.25fr;
	column-gap: 1em;
}

.ip_address_container svg {
	margin: 0.5em;
	cursor: pointer;
}

.ip_address_container p {
	cursor: text;
	margin: 0;
}

.franchise_login > .alert {
    background-color: lightpink !important;
    padding: 1em !important;
    border-radius: 24px !important;
	font-size: 90%;
}

/* Login */
.login-img-con {
	display: flex;
	justify-content: center;
	margin-bottom: 40px;
}
.login-img-con img {
	width: 200px;
	object-fit: contain;
}



/* location post list  */
.location_pages {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}
.location_page {
	padding: 1px 20px;
    border-radius: 4px;
	box-shadow: -1px 1px 10px #005eb854;
	margin-bottom: 10px;
	display: flex;
	justify-content: space-between;
	padding: 2rem 20px;
}
.location_page:nth-child(odd) {
	background-color: #005fb80f;    
}
.location_page .title {
	font-weight: 700;
	font-size: 18px;
	color: #000;
}
.edt-del-view {
	display: flex;
	min-width: 50%;
	gap: 10px;
	justify-content: flex-end;
	font-size: 16px;
}
.edt-del-view a {
	font-style: normal !important;
	font-weight: 600 !important;
	font-size: 16px !important;
	color: #000;
}




/* Location Details */
/* Location Info */
.fran-loc-info-inner {
	display: flex;
	justify-content: space-between;
	position: relative;
}
.all-tab-content {
	padding: 1rem 3rem 4rem 3rem;
	width: 100%;
}
.fran-loc-general-info form {
	max-width: 700px;
	width: 100%;
}



/* Location Tab */
.fran-loc-tab {
	display: flex;
    flex-direction: column;
    max-width: 380px;
	min-width: 380px;
    width: 100%;
    min-height: calc(100vh - 70px);
    background: #fff;
	box-shadow: 3px 1px 10px #00000047;
}
.fran-loc-tab-inner {
	width: 380px;
	position: fixed;
	height: 100%;
	background-color: #fff;
}
.fran-loc-tab-inner > div {
    cursor: pointer;
    font-weight: 700;
    box-shadow: 1px 4px 7px #00000029;
}
.setting-hd {
	padding: 18px;
}
.setting-hd p {
	margin-bottom: 0;
}
.setting-hd span {
	font-size: 12px;
}

.fran-loc-tab-inner > div a {
	color: #000;
	font-weight: 500 !important;
	display: block;
	padding: 18px;
}

.fran-loc-tab .active > a,
.fran-loc-tab .frn-tab:hover > a, 
.sub-fran-tab a:hover {
	color: #fff;
	background: #f6a01a;
}
.fran-pages-links {
	display: flex;
	gap: 30px;
}
.fran-pages-links a {
	color: #000;
	font-weight: 600;
}
.frn-hd-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}





/* Sub tab */
.sub-fran-tab {
	display: none;
}

.sub-fran-tab a {
	padding: 9px 9px 9px 30px !important;
}
/* tab ends here */


/* Location content Edit */
.fran-form-container form > div {
	display: grid;
    gap: 10px;
    margin-top: .8rem;
}



/* Customized Home */
.fran-gallery-images {
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.fran-gallery-images > div {
	width: 200px;
}
.fran-gallery-images img {
	aspect-ratio: 3/2;
	object-fit: cover;
	width: 100%;
}
.load-more-container {
	margin-top: 40px;
	display: flex;
	justify-content: center;
}
.load-more-container div {
	width: fit-content;
	margin: 0 auto;
}
.fran_mobile_banner_hd {
	margin: 80px 0 20px;
}


/* Pricing page */
.swm-lsn-prc-hd {
	margin: 2rem 0 1rem;
    font-size: 1.3rem;
}
.addi-lsn-prc-hd {
	margin: 6rem 0 1rem;
	font-size: 1.3rem;
}
.pricing-item-con {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 40px;
}
.pricing-item-con .pricing-item {
	padding: 1rem;
	box-shadow: 1px 4px 7px #005eb854;
	border-radius: 4px;
	cursor: pointer;
	transition: all .4s cubic-bezier(0.075, 0.82, 0.165, 1);
	background-color: #005eb803;
}
.pricing-item-con .pricing-item:hover {
	box-shadow: 1px 4px 10px #005fb893;
}


.pop-up-form-con {
	background-color: #fff;
	padding: 1rem;
	box-shadow: 1px 4px 7px #005eb854;
	border-radius: 2px;
}
.pricing-item h4 {
	/* color: rgb(0, 122, 165); */
	font-size: 20px;
}
.f-price {
	margin-bottom: .5rem;
}
.f-price span {
	margin-left: 10px;
	font-size: 16px;
	font-style: italic;
}
.price-status {
    opacity: .7;
    font-style: italic;
    font-size: 16px;
}

.price-active {
	color: #c77c04;
	font-weight: 600;
}

/* pop up form */
.franchise-dashboard.pricing .mfp-content {
	max-width: 800px !important;
}
.pop-up-form-con h3 {
	font-size: 1.5rem;
	text-align: center;
}
.radio-btn-con p {
	margin-top: 2rem;
	margin-bottom: .5rem;
	font-weight: 700;
}
.radio-wrap {
	display: flex;
	gap: 20px;
}
.frm-price-con {
	display: grid;
}
.frm-price-con label {
	font-weight: 700;
	margin-top: 2rem;
	margin-bottom: .5rem;
}
.fran-input-btn {
	padding: 0.5rem 1.4rem;
    margin-top: 1rem;
    border: 0;
    border-radius: 4px;
    background: #0075ff;
    color: #fff;
}



/* Membership Pages */
.franchise-dashboard.membership .mfp-content {
	max-width: 960px !important;
}
.franchise-dashboard.membership .pop-up-form-con {
	padding: 2rem 1.5rem 3rem;
}
.frm-mem-con {
	display: grid;
	grid-template-columns: 80px auto;
}
.frm-tax-con {
	display: grid;
	grid-template-columns: 80px auto;
	margin-bottom: 15px;
}
.frm-mem-con label,
.frm-tax-con label {
	font-weight: 700;
}
.btn-right-con {
	display: grid;
}
.btn-right {
	margin: 20px 0 0 auto !important;
}


/* Socail Media */
.social-media-from-con {
	max-width: 800px;
}
.social-media-from-con form {
	display: grid;
}
.social-media-from-con label {
	font-weight: 700;
}
.social-media-from-con  form > div {
	grid-template-columns: 100px 1fr;
	align-items: center;
}
.social-media-from-con  form input {
	padding: .5rem 1rem;
}
.social-media-from-con .fran-input-btn {
	margin: 2rem 0 0 auto !important;
    padding: 0.5rem 1.4rem;
}




/* Team Member */

.draggable {
	cursor: move;
}
.team_upper_button {
	display: flex;
    justify-content: flex-end;
    align-items: baseline;
    gap: 20px;
}
.team_upper_button input {
	background: #f6a01a;
}



.fran-sgl-team-con {
	margin-bottom: 10px;
	border-radius: 4px;
    box-shadow: -1px 1px 10px #005eb854;
	width: 100%;
}
.fran-sgl-team-heading {
	display: grid;
    align-items: center;
    grid-template-columns: 6fr 120px 7fr 105px;
	gap: 0 1rem;
	font-weight: 700;
	padding: 10px 20px;
	margin: 30px auto 10px;
	width: 100%;
}
.fran-sgl-team {
	display: grid;
    align-items: center;
    grid-template-columns: 6fr 105px 7fr 105px;
    width: 100%;
    gap: 0 1rem;
    padding: 10px 20px;
}
.fran-sgl-team .img-con {
	display: flex;
	align-items: center;
	gap: 20px;
}
.fran-sgl-team .img-con img {
	border-radius: 50%;
	aspect-ratio: 1;
	object-fit: cover;
	max-width: 70px;
	width: 100%;
}
.team-posi, .team-order {
	text-align: center;
}

/* confirm-delete */
.team-pop-img-con {
	display: flex;
}
.team-pop-img-con img {
	border-radius: 50%;
	width: 70px;
	margin: 0 auto;
	aspect-ratio: 1;
}
.close-pop-del-btn, .delete-btn {
	padding: 0.5rem 1.4rem;
    border: 0;
    border-radius: 4px;
    background: #fff;
    color: #000;
	box-shadow: 0 0 10px #0000006c;
	width: fit-content;
}
.pointer {
	cursor: pointer;
}


/* update team member */
.t_pop_inner {
	max-width: 500px;
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 0 10px #005eb85c;
	background-color: #fff;
    margin: 0 auto;
    padding: 2rem;
}
.update-team-member {
	display: none;
	margin-bottom: 10px;
}
.update-team-member .t_pop_inner {
	max-width: 100%;
	border-radius: 0;
    box-shadow: unset;
}
.update-team-member form {
	max-width: 100%;
}
.t-frm-del {
	display: flex;
    align-items: baseline;
    gap: 40px;
    justify-content: center;
}
.t-frm-del input {
	margin-top: 1rem;
}
.update-team-member textarea {
	height: 200px;
}

.t_pop_inner p {
	margin-top: 1rem;
	text-align: center;
}
.fran-add-new {
	padding: 0.5rem 1.4rem;
    margin: 1.5rem 0 0 auto;
    border: 0;
    border-radius: 4px;
    background: #0075ff;
    color: #fff;
	width: fit-content;
}
.image-preview {
	width: 100%;
	max-width: 200px;
	margin-bottom: 1rem;
}



/* Add new team member */
#team-edit-pop-up_0 {
	margin-top: 20px;
}
#team-edit-pop-up_0 .t_pop_inner {
	border-radius: 8px;
}


/* Hours */
#opening-hours-setting .fran-form-container {
	width: 100%;
}
.add-new-hour-grp {
	max-width: 1000px;
	width: 100%;
	margin-bottom: 20px;
}
.fran-sgl-hr {
	border-radius: 8px;
    padding: 1.6rem;
    box-shadow: 0 0 10px #005eb85c;
	margin-bottom: 6rem;
	max-width: 1000px;
	width: 100%;
}
.fran-sgl-hr form {
	display: grid;
}
.fran-hr-title {
	margin-top: 0;
    color: #0075ff;
}
.fran-hours-of-operation {
	grid-template-columns: 1fr 1fr;
	gap: 10px 50px !important;
}

.fran-hours-of-operation > div {
	display: grid;
	grid-template-columns: 110px auto;
}
.fran-hr-note {
	font-size: 13px;
	font-style: italic;
}
.fran-sgl-hr textarea {
	height: 250px;
}
.fran-sgl-hr .todays-hour-up-btn {
	margin: 2rem 0 0 auto;
}
.fran-hours-of-op-btn {
	grid-template-columns: 1fr 1fr;
}
.fran-hours-of-op-btn > div {
	display: grid;
	gap: 10px;
}
.fran-hours-del-up-con {
	display: flex !important;
	align-items: center;
    justify-content: flex-end;
    width: 100%;
	margin-top: 2rem !important;
}
.fran-hours-del-up-con input {
	margin: 0;
}
.t_pop_add_new_inner {
	max-width: 1000px;
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 0 10px #005eb85c;
	background-color: #fff;
    margin: 20px 0;
    padding: 2rem;
}

.hour_pop_up_new {
	display: none;
}






/* Events */
.img-con.fran-event-img img {
	aspect-ratio: 3;
    max-width: 80px;
}
.fran-sgl-event {
	min-height: 75px;
}
.fran-event-2-col {
	grid-template-columns: 1fr 1fr;
	gap: 20px !important;
}
.fran-event-2-col > div {
	display: grid;
	gap: 10px;
}
.slct-dy-txt {
	font-weight: 600;
}
.fran-events-from label {
	margin-top: 10px;
}
.select-days-chk {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.select-days-chk label {
	margin-top: 0;
}
.fran-event-img-n-name {
	display: grid;
}
.fran-event-img-n-name h3 {
	margin-top: 0 !important;
}
.fran-event-img-n-name img {
	margin: 0 auto;
	max-width: 180px;
}
#ui-datepicker-div {
	z-index: 99 !important;
}


.fran-event-img img {
	border-radius: 0 !important;
    aspect-ratio: unset !important;
    max-height: 80px;
}
.remove_event_img label {
	color: rgb(153, 17, 17);
	font-weight: bold;
}
.change-event-image label {
	color: green;
	font-weight: bold;
}


/* CTA Selection */
.fran-cta-select {
    grid-template-columns: 260px auto 120px;
}
.cta-selection-pop-inner {
	max-width: 100% !important;
}
.fran-cta-link {
	word-break: break-all;
}



/* iframe */
.fran-iframe-con {
	overflow-x: hidden; 
	margin: 15px auto; 
	height: 100%;
}
#website-design-iframe {
    margin-top: -30px;
    width: 100%;
    height: 2000px;
	margin-left: -100px;
}
#phase-iframe {
    margin-top: -30px;
    width: 100%;
    height: 1460px;
	margin-left: -100px;
}
#service-membership-iframe {
	margin-top: -30px;
    width: 100%;
    height: 4580px;
	margin-left: -100px;
}

@media only screen and (max-width: 1700px){ 
	#website-design-iframe {
		margin-left: -20px;
	}
	#phase-iframe {
		margin-left: -20px;
	}
	#service-membership-iframe {
		margin-left: -20px;
	}
}





@media only screen and (max-width: 1366px){
	/* general */
	.fran-loc-tab {
		max-width: 300px;
		min-width: 300px;
	}
	.fran-loc-tab-inner {
		width: 300px;
	}




	/* template */
	#website-design-iframe {
		height: 1800px;
	}
	#phase-iframe {
		height: 1360px;
	}
}
@media only screen and (max-width: 1200px){
	#website-design-iframe {
		height: 1900px;
		margin-left: 0;
	}
	#phase-iframe {
		height: 1460px;
		margin-left: 0;
	}
	#service-membership-iframe {
		margin-left: 0;
	}
}


@media only screen and (max-width: 1100px){

	/* nav */
	.fran-nav-btn {
		right: 20px;
	}

	/* General */
	.all-tab-content {
		padding: 2rem 1.5rem 4rem;
	}


	/* CTA Selection */
	.fran-cta-select {
		grid-template-columns: auto 120px;
	}
	.fran-cta-link {
		display: none;
	}

	/* Pricing */
	.pricing-item-con {
		grid-template-columns: 1fr 1fr;
	}

	/* team member */
	.fran-sgl-team-heading, .fran-sgl-team  {
		grid-template-columns: 1fr  150px 105px;
	}
	.team-posi {
		display: none;
	}
	
	.fran-sgl-team .img-con {
		gap: 10px;
	}

	/* Iframe Template */
	#phase-iframe {
		height: 1400px;
	}
	#service-membership-iframe {
		height: 4515px;
	}



}


@media only screen and (max-width: 980px){

	/* general */
	.frn-hd-container {
		flex-direction: column;
		align-items: flex-start;
	}
	.fran-pages-links {
		margin-bottom: 30px;
	}


	/* franchise nav */
	.franchise-nav-inner {
		gap: 7px;
		font-size: 16px;
	}

	/* sidebarbar */
	.fran-side-icon  {
		display: flex;
	}
	.fran-loc-info-inner {
		flex-direction: column;
	}
	.fran-loc-tab {
		display: none;
		position: fixed;
		min-height: 100vh;
		z-index: 999;
		background-color: #fff;
	}
	.fran-loc-tab-inner {
		overflow-y: scroll;
		position: static;
	}

	.fran-loc-tab-inner > div a {
		padding: 12px;
		font-size: 16px;
	}
	.setting-hd {
		padding: 12px;
	}

	/* all content */
	.all-tab-content {
		padding: 1rem 1.5rem;
	}
	.fran-tab-con > div > h3:first-child {
		margin-top: 1rem !important;
	}

	/* button */
	.fran-add-new , .todays-hour-up-btn, 
	.fran-input-btn, .close-pop-del-btn, .delete-btn {
		font-size: 14px;
		margin-top: 1rem !important;
	}

	/* Hours */
	.fran-hours-of-operation {
		grid-template-columns: auto;
	}

	/* Social Media */
	.social-media-from-con form > div {
		grid-template-columns: auto;
		gap: 5px;
	}
	.social-media-from-con form input {
		padding: .5rem 6px;
	}

	/* Iframe template */
	.fran-iframe-con {
		margin: 3.5rem -15px;
	}



}


@media only screen and (max-width: 767px){
	.fran-nav-btn {
		position: static;
	}
	.franchise-nav-inner {
		flex-wrap: wrap;
	}
	.franchise-header {
		padding-bottom: 89px;
	}
}


@media only screen and (max-width: 600px){
	/* nav  */
	.franchise-nav {
		padding: 16px;
	}
	.franchise-nav-inner {
		font-size: 14px;
	}

	/* Location page */
	.location_page {
		flex-direction: column;
		gap: 10px;
		padding: 1rem 15px;
	}
	.edt-del-view {
		justify-content: flex-start;
	}

	/* CTA Section */
	/* Team Member */
	.fran-loc-cta-settings .fran-cta-select {
		grid-template-columns: auto;
		gap: 10px;
	}
	.fran-loc-cta-settings .edt-del-view {
		justify-content: center;
	}



	.fran-sgl-team {
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}
	.fran-sgl-team .img-con img {
		border-radius: 4px;
		aspect-ratio: 2 / 1;
	}
	.fran-sgl-team-heading {
		padding: 0;
		margin-top: 20px;
		grid-template-columns: 1fr 1fr;
	}
	.team-order  {
		text-align: right;
	}


	.fran-sgl-team .edt-del-view {
		justify-content: center;
		grid-column: span 2;
	}
	.fran-loc-cta-settings .edt-del-view > div ,
	.fran-sgl-team .edt-del-view > div  {
		padding: .5rem 1rem;
		box-shadow: 0 0 10px #005eb854;
		border-radius: 4px;
		justify-content: space-around;
		align-items: center;
	}
	.fran-loc-cta-settings .edt-del-view > div:nth-child(2),
	.fran-sgl-team .edt-del-view > div:nth-child(2) {
		display: none;
	}

	/* Hours */
	.fran-hours-of-op-btn {
		grid-template-columns: auto;
	}
	.fran-hours-of-operation > div {
		grid-template-columns: auto;
	}

	/* Pricing */
	.pricing-item-con {
		grid-template-columns: auto;
		gap: 20px;
	}

	/* membership */
	.frm-tax-con, .frm-mem-con {
		grid-template-columns: auto;
		gap: 5px;
	}

	/* Events */
	.fran-event-2-col {
		grid-template-columns: auto;
		gap: 5px !important;
	}

}


@media only screen and (max-width: 450px){
	.fran-loc-tab {
		max-width: 235px;
		min-width: 235px;
	}
	.fran-loc-tab-inner {
		width: 235px;
	}
}




@media only screen and (max-width: 410px){

	#service-membership-iframe {
		margin-top: -56px;
		height: 4600px;
	}
	#phase-iframe {
		margin-top: -39px;
	}

}


@media only screen and (max-width: 360px){

	.team_upper_button {
		gap: 10px;
	}
	.team_upper_button .fran-input-btn,
	.team_upper_button .fran-add-new  {
		font-size: 12px;
		padding: 0.5rem 1rem;
	}

}


