/*
 Theme Name:   Lenscap - IAFOR
 Description:  Inherits the Array Themes Lenscap theme, while also including customisations optimised for the IAFOR website and conference subsites (requires Lenscap theme).
 Author:       John Ananthan
 Template:     lenscap
 Version:      2.0.0
 Text Domain:  lenscap-iafor
*/

.su-button-wide-cfp {
display: block !important;
margin: 1em 0; !important;
}


/****************Hide slider on mobile Added Jan 4, 2025***************/
	@media screen and (max-width: 850px) {
  	.sp-pcp-post-content {
		visibility: hidden !important;
    display: none !important;
  	}
		
		.featured-content-wrapper {
    visibility: hidden !important;
    display: none !important;
  	}
		
	}
	
	
/****************Hide slider on mobile Added April 13, 2025***************/	
/* NEW REGISTRATION CSS*/

.regcontainer {
	
	width: 100%;
	max-width: 1450px;
	margin: auto;
	text-align: center;
}
.regheader {
	background-color: white;
	color: 	#7f2f25;
	padding: 10px 0px 25px 0px;
	/* border-radius: 10px;
	*/
	font-size: 40px;
	font-family: Archivo Narrow;
	font-weight: bold;
}
.regbenefits {
	display: flex; /* Needed to make ul elements align in columns */
	justify-content: space-between;
	background: white;
	padding: 30px 40px;
	margin-top: -20px;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
	gap: 20px;
}
.regbenefits ul {
	list-style: none;
	padding: 0;
	margin: 0;
	flex: 1;
	text-align: left;
}
.regbenefits li {
	list-style: none;
	position: relative;
	margin: 10px 0;
	padding-left: 30px;
	font-size: 19px;
	line-height: 1.5;
}
/* Checkmarks*/
.regbenefits li::before {
	display: inline-block;
	width: 15px;
	height: 15px;
	background-image: url("https://playground.iafor.org/wp-content/uploads/2025/03/Check-Mark.png");
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 10px;
	vertical-align: middle;
	content: '';
}
.regregister {
	background: #7f2f25;
	color: white;
	padding:0px 0px;
	/* border-radius: 10px;
	*/
	font-size: 40px;
	font-weight: bold;
	line-height:80px;
	margin-top: 10px;
	cursor: pointer;
}


@media screen and (max-width: 1000px){
	.regregister {
		font-size: 28px;
	}
	.regpricing-container {
		font-size: 15px;
	}
	.regpricing-box h3 {
		font-size: 28px;
	}
	.regprice {
		font-size: 16px;
	}
}

.regregister:hover {
	background: #a73c30; /* slightly brighter red tone */
	cursor: pointer;
}

.regpricing-container {
	display: flex;
  justify-content: space-between;
	margin-top: 20px;
	
}
.regpricing-box {
  background: white;
  padding: 0;
  margin: 0; /* Remove margin-left */
  flex: 1;
  box-shadow: 0 0px 0px rgb(0, 0, 0, 0.1);

}
@media screen and (max-width: 1100px){
	.regpricing-box {
		width: 100%;
	}
	.regpricing-container {
		display: block;
	}
	.regbenefits {
		display: flex;
		flex-direction: column;
	}
}
@media screen and (min-width: 1100px){
	.regpricing-box {
		width: 34%;
	}
	.regpricing-container {
		display: flex;
		justify-content: space-around;
	}
	.regbenefits {
		display: flex;
	}
}
.regpricing-box h3 {
	background: white;
	color: #7f2f25;
	/* padding: 10px;*/
	padding: 5px;
	font-size: 40px;
	font-family: Archivo Narrow;
	font-weight: bold;
	/* margin: -20px -20px 10px -20px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	*/
}
.regprice {
	font-size: 19px;
	font-weight: bold;
	margin-bottom: 5px;
}
.price-type {
	font-size: 16px;
	font-weight: normal;
	color: #777;
}
.regpricing-box p:first-of-type {
	/* font-size: 24px; */
	font-size: 19px;
	font-weight: bold;
	/* margin-top: 31px; */
	margin-top: 3px;
}
.regnote {
	font-size: 13px;
	font-style: italic;
	color: #777;
	margin-top: 10px;
	padding: 0 50px;
  text-align: center;
}
.su-button-wide-cfp {
	display: block !important;
	margin: 1em 0;
}

.su-tabs .su-tabs-nav span {
  font-size: 22px !important;
  font-weight: bold !important;
  padding: 20px 30px !important;
}