/*
	Theme Name: v215 Child
	Template:v215
*/

/* fix */
p:empty {display: none;}

:root {
	--violet: #b06872;
}

#header .header-cta span {background: black; color: white; padding: 12px 24px; border-radius: 30px; transition: .5s; border: 2px solid black;}
#header .header-cta span:hover {background: transparent; color: black; border-color: black;}

.jawn_testimonials .image-wrap {padding-top: 20px; display: flex; gap: 20px; margin: auto; justify-content: center; margin-bottom: 30px;}
.jawn_testimonials .image-wrap > img:first-child {max-width: 100px; aspect-ratio: 1/1; width: 100%;object-fit: cover; height: 100%; border-radius: 100%;}
.jawn_testimonials .image-wrap > img:last-child {max-height: 100px; height: 100%; image-rendering: pixelated;}

.faculty-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.faculty-grid .post-item {position: relative;}
.faculty-grid .title h3 {line-height: 38px; font-size: 28px; text-transform: uppercase; margin-bottom: 5px !important;}
.faculty-grid .title {width: 80%; opacity: 0; transition: .5s; color: white; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.faculty-grid img {transition: .5s; filter: brightness(1); aspect-ratio: 400/600; object-fit: cover; width: 100%; object-position: top;}
.faculty-grid .post-item:hover img {filter: brightness(.5);}
.faculty-grid .post-item:hover .title {opacity: 1;}

.events-grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.events-grid .post-item {position: relative;}
.events-grid img {transition: .5s; filter: brightness(1); aspect-ratio: 1/1; object-fit: cover; width: 100%; object-position: top;}
.events-grid h4 {font-size: 28px; line-height: 38px; color: white;}
.events-grid .title {z-index: 2; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); width: 85%;}
.events-grid p {color: white; font-size: 16px; line-height: 26px; font-weight: 700;}
.events-grid .post-item:hover img {filter: brightness(.5);}
.events-grid .post-item:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(0,0,0,0.30) 0%, rgba(255,255,255,0) 40%); z-index: 1;}

.single-faculty #hero iframe {width: 200%; height: 570px; min-height: unset;}
.single-faculty #hero {height: 500px; display: grid; align-items: center;}
.single-faculty #hero p {color: white; font-weight: 700; text-align: center; font-size: 24px; line-height: 34px;}
.single-faculty #hero h2 {color: white; text-align: center; margin-bottom: 15px; font-weight: 700}
.single-faculty #hero.bg-vid:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0,0,0,.25);}
.single-faculty #abstract {padding: 100px 0; display: grid; grid-template-columns: 4fr 2fr;gap: 30px;}
.single-faculty #abstract h3 {margin-bottom: 15px;}
.single-faculty #abstract p:last-child {margin-bottom: 0;}
.single-faculty #more-content {padding-bottom: 100px;}
.single-faculty #more-content > div:first-child > .container {border-top: 1px solid #ddd; padding-top: 30px;}
.single-faculty #content > div > div > div:not(:last-child) {padding-bottom: 30px;}
.single-faculty #content a:not(.jawn_button) {color: var(--violet);}

.single-event #hero iframe {width: 200%; height: 500px; min-height: unset;}
/* .single-event #hero {height: 500px; display: grid; align-items: center;} */
.single-event #hero {display: grid; align-items: center;}
.single-event #hero p {margin-bottom: 5px;font-weight: 700; text-align: center; font-size: 24px; line-height: 34px;}
.single-event #hero h2 {text-align: center; margin-bottom: 15px; font-weight: 700}
.single-event #hero.bg-vid:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0,0,0,.25);}
.single-event #abstract {padding: 0px 0px 100px 0; display: grid; grid-template-columns: 1fr 1fr;gap: 30px;}
.single-event #abstract .left {background-color: #f6f4f4; padding: 30px;}
.single-event #abstract .video_wrapper {width: 100%; height: 100%;}
.single-event #content a:not(.jawn_button) {color: var(--violet);}
.single-event #abstract h3 {margin-bottom: 15px;}
.single-event #abstract p:last-child {margin-bottom: 0;}
.single-event #info {padding-bottom: 100px;}
.single-event #info > div:first-child {text-align: center; margin-bottom: 30px;}
.single-event #info .two-col {display: grid; grid-template-columns: 1fr 1fr; gap: 30px;}
.single-event #info hr {margin: 50px 0 45px 0;}
.single-event #info img {width: 100%;}
.single-event #details {padding-bottom: 75px; display: grid; grid-template-columns: 1fr 1fr;gap: 40px;}
.single-event #details .detail-item p:first-child {font-weight: 700; margin-bottom: 5px;}
/* .single-event #competition {background-image: url(https://hc.devjawn.com/wp-content/uploads/2024/01/stretching-women.png);background-position: right -92px top -235px;background-repeat: no-repeat; background-color: #bbcfda;padding: 80px;margin-bottom: 100px;} */
.single-event #competition {background-repeat: no-repeat; background-color: #bbcfda;padding: 80px;margin-bottom: 100px;}
.single-event #competition > h3:first-of-type, .single-event #competition > p:first-of-type {width: 50%;}
.single-event #competition hr {border: 0;border-bottom: 3px solid;width: 100px;margin: 30px 0;}
.single-event #competition .jawn_accordion {margin-top: 30px;}
.single-event #competition .jawn_accordion-trigger, .single-event #competition .jawn_accordion-panel {border-radius: 8px;}
.single-event #competition .jawn_accordion-panel {margin-bottom: 15px;}
.single-event #competition .jawn_accordion-trigger {font-size: 25px; line-height: 35px;}
/* .single-event #event-faculty .faculty-banner {align-items: center; display: grid; background-position: right;background-size: cover; background-image: url(https://hc.devjawn.com/wp-content/uploads/2024/01/event-faculty-bg.jpg);height: 400px;} */
.single-event #event-faculty .faculty-banner {background: #e7b4bb; align-items: center; display: grid; background-position: right;background-size: cover; height: 400px;}
.single-event #event-faculty {text-align: center;}
.single-event #event-faculty .grid {padding-bottom: 100px;}
.single-event #event-faculty .grid h3 {margin-bottom: 30px;}
.single-event .event-faculty-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 50px;}
.single-event .event-faculty-grid a {color: black; height: 100%; display: grid; grid-template-columns: 2fr 4fr; text-align: left;}
.single-event .event-faculty-grid .item {overflow: hidden; background-color: #f6f4f4; border-radius: 10px; box-shadow: 0px 1px 14px rgba(0,0,0,0.2);}
.single-event .event-faculty-grid .item-text {padding: 40px 30px;}
.single-event .event-faculty-grid h4 {margin-bottom: 10px;}
.single-event .event-faculty-grid p {color: black;}
.single-event .event-faculty-grid img {height: 100%; object-fit: cover; aspect-ratio: 4/6;}
.single-event #event-faculty .faculty {margin-top: -120px;}
.single-event #event-gallery {padding-bottom: 100px;}
.single-event #event-gallery h3 {text-align: center; margin-bottom: 30px;}
/* .single-event #event-gallery img {aspect-ratio: 4 / 3;width: 100%;height: 100%;object-fit: cover;} */
.single-event .right .jawn_video:not(:last-child) {margin-bottom: 30px;}
.single-event #page-title .jawn_raw {display: grid;}
.single-event #page-title h2 {text-align: center;font-weight: 900; font-size: 120px; line-height: 130px; mix-blend-mode: screen;background: white;color: black;padding: 30px;}
.single-event #page-title h2::selection {background: black;}
.single-event #page-title .subtitle {background: white;text-align: center;margin-top: -20px;position: relative;font-weight: 700;font-size: 24px;line-height: 34px; padding-bottom: 40px;}
.single-event #page-title p {margin-bottom: 0px; padding-bottom: 5px;}

.events-by-topic .topic:not(:last-child):after {content:'|'; margin: 15px; pointer-events: none; color: black;}
.events-by-topic .topic {cursor: pointer; transition: .5s; display: inline-block;}
.events-by-topic .topic.active, .events-by-topic .topic:hover {color: var(--violet);}
.events-by-topic #topics-list {margin-bottom: 30px;}
.events-by-topic #event-list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.events-by-topic .image {transition: .5s; aspect-ratio: 1/1; background-position: center !important; background-size: cover !important; filter: brightness(1);}
.events-by-topic .event-item:hover .image {filter: brightness(.6);}
.events-by-topic .event-item {position: relative; overflow: hidden;}
.events-by-topic .text {width: calc(100% - 20px); z-index:1;position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%);}
.events-by-topic h5 {font-size: 28px;line-height: 38px;color: white;}
.events-by-topic .no-events {position: absolute; left: 50%; transform: translateX(-50%);}
.events-by-topic h6 {font-size: 18px; line-height: 28px; text-align: center;}
.events-by-topic p {color: white;font-size: 16px;line-height: 26px;font-weight: 700;}
.events-by-topic a.event-item::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(255, 255, 255, 0) 40%);z-index: 1;}

.lds-ellipsis-wrap {padding-bottom: 50px;}
.lds-ellipsis {display:inline-block;position:relative;width:80px;height:80px;position: absolute; left: 50%; transform: translateX(-50%);}
.lds-ellipsis div {position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#000;animation-timing-function:cubic-bezier(0,1,1,0);}
.lds-ellipsis div:nth-child(1) {left:8px;animation:lds-ellipsis1 0.6s infinite;}
.lds-ellipsis div:nth-child(2) {left:8px;animation:lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(3) {left:32px;animation:lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(4) {left:56px;animation:lds-ellipsis3 0.6s infinite;}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}

.cta h3, .cta p {color: white;}
.cta h3 {margin-bottom: 30px;}
.cta .jawn_button {display: none;}
.cta .gform_footer {text-align: center; padding-bottom: 0 !important;}
.cta input[type="submit"] {margin-bottom: 0 !important;background: white;color: black;border-color: white;transition: .5s;cursor: pointer;font-family: inherit;}
.cta input[type="submit"]:hover {background: transparent;color: white; border-color: white;}
.cta input:not([type="submit"]), #form textarea {font-size: 16px !important;line-height: 26px;border: 1px solid #ddd;padding: 12px !important;color: black;font-family: inherit;}
.cta input:not([type="submit"])::placeholder, #form textarea::placeholder {color: black;}
 .cta {/*padding: 130px 0; background-image: url(/wp-content/uploads/2023/11/cta.jpg); background-size: cover;*/} 

#footer .footer-socials i {font-size: 24px;}
#footer .footer-socials a:not(:last-child) {margin-right: 7px;}

@media (min-width: 1921px) {
	.single-faculty #hero iframe {width: 100vw; height: 30vw; min-height: unset;}
}

@media (max-width: 1350px) and (min-width: 1024px) {
	#header:not(.scrolled) .logo-holder {height: 80px; align-self: center;}
	
	.footer-top p, .footer-top li {font-size: 16px;}
}

@media (max-width: 1250px) and (min-width: 1024px) {
	#header .menu-item a {padding-left: 10px; padding-right: 10px; font-size: 16px;}
}

@media (max-width: 1100px) and (min-width: 1024px) {
	#header .menu-item a {font-size: 14px;}
	.footer-top p, .footer-top li {font-size: 14px;}
}

@media (max-width: 1100px) {
	.single-event .event-faculty-grid p {font-size: 16px;line-height: 26px;}
	.single-event .event-faculty-grid .item-text {padding: 20px 20px;}
}

@media (max-width: 1023px) {
	#header .menu-holder {background: white;}
	#header .header-cta {margin-top: 10px;}
	#mobile-header {background: white;}
	.events-grid h4, .events-by-topic h5 {font-size: 24px;line-height: 34px;}
	.faculty-grid .title h3 {line-height: 32px;font-size: 22px;}
	.single-event #page-title h2 {font-size: 80px;line-height: 90px;}
	.single-event #competition {padding: 30px;}
	.single-event #competition > h3:first-of-type, .single-event #competition > p:first-of-type {width: 100%;max-width: 375px;}
	.single-event .event-faculty-grid .item-text {padding: 30px 15px;}
	.single-event .event-faculty-grid a {grid-template-columns: 3fr 4fr;}
	.single-event .event-faculty-grid {gap: 20px;}
	.single-event .event-faculty-grid p {font-size: 15px;line-height: 21px;}
	.single-event .event-faculty-grid img {width: 100%;}
	.footer-top p, .footer-top li {font-size: 14px;}
	.footer-col.col-2 {width: 245px;}
}

@media (max-width: 767px) {
	#header .logo-holder {height: 65px;}
	#header .menu-item a {font-size: 16px;}
	.events-grid, .events-by-topic #event-list {display: grid;grid-template-columns: 1fr;gap: 20px;}
	.faculty-grid {grid-template-columns: 1fr 1fr;}
	.faculty-grid .title h3 {line-height: 25px;font-size: 15px;}
	.faculty-grid .title p {line-height: 20px;font-size: 14px;}
	.single-event #page-title h2 {font-size: 50px;line-height: 60px;}
	.single-event #page-title .subtitle {font-size: 20px;line-height: 30px;}
	.single-event h2 {font-size: 50px; line-height: 60px;}
	.single-event h3 {font-size: 35px; line-height: 45px;}
	.single-event #abstract {grid-template-columns: 1fr;}
	.single-event .jawn_button {white-space: normal;line-height: 26px;padding: 10px 24px;border-radius: 50px;text-align: center;}
	.single-event #info .two-col {grid-template-columns: 1fr;}
	.single-event #details {grid-template-columns: 1fr;gap: 30px;}
	.single-event #competition .jawn_accordion-trigger {font-size: 18px;line-height: 28px;}
	.single-event .jawn_accordion-panel * {font-size: 15px;line-height: 23px;word-wrap: break-word;}
	.single-event .event-faculty-grid {grid-template-columns: 1fr;gap: 30px;}
	.single-event .event-faculty-grid h4 {font-size: 20px;line-height: 30px;}
	.single-event .jawn-gallery {display: grid;grid-template-columns: 1fr 1fr;height: unset !important;gap: 5px;}
	.single-event .gutter-sizer {display: none;}
	.single-event .gallery-image {position: unset !important;width: 100% !important;margin-bottom: 0 !important;}
	.single-event .gallery-image a {position: relative;display: block;}
	.single-event #info .jawn-gallery {grid-template-columns: 1fr;}
	.single-faculty #abstract {grid-template-columns: 100%;padding: 30px 0;}
	.single-faculty #abstract > *:first-child {order: 2;}
	.single-faculty .jawn_col:not(:last-child) {margin-bottom: 30px;}
	.single-faculty #hero iframe {min-width: 250vh;}
	.single-faculty #hero h2 {font-size: 50px; line-height: 60px;}
	
	.single-event #page-title {overflow: hidden;}
	.single-event .event-faculty-grid img {width: 100%;}
	.single-event .bg-video-wrapper {position: unset !important;}
	
	.cta .gform_footer {margin-top: 0 !important;padding-top: 0 !important;}
}