/*
Theme Name: Green Closet Creative Blocks
Author: Green Closet Creative
Author URI: https://greenclosetcreative.com

Text Domain: gcc-blocks
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.1.1
Version: 1.0.0
*/

/* Styles intended only for the front.*/
html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

@media screen and (min-width: 1250px) {
	/* main menu */
	.two-cols .mega-sub-menu > .mega-menu-item:not(:first-child) {
		width: 50% !important;
		float: left !important;
	}
	.mega-sub-menu > .mega-menu-item-type-widget:not(:first-child) {
		margin-top: 40px !important;
	}
	.mega-sub-menu > .mega-menu-row:not(:first-child) {
		margin-top: 40px !important;
	}
}
@media screen and (max-width: 1249px) {
	.mega-sub-menu li {
		padding: 0 !important;
	}
	.mega-sub-menu li h4,
	.mega-sub-menu li a {
		margin: 0 !important;
	}
	.mega-sub-menu .mega-menu-column {
		margin-bottom: 20px !important;
	}
}


/* header styles */
.wp-block-site-logo {
	width: 100%;
	max-width: 290px;
}
@media screen and (min-width: 1250px) {
	.wp-block-site-logo {
		width: calc(100% - 920px);
		max-width: 400px;
	}
}
#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
	display: inline;
}


.single.single-degree_programs h1 mark,
.page:not(.home) h1 mark {
	font-size: 32px;
}

#eagle-promise-hero h1 mark {
	position: relative;
    left: 0;
    top: 0;
    font-size: var(--wp--preset--font-size--xx-large);
}

@media screen and (min-width: 782px) {

	/* h1 chevrons */
	#hero .wp-block-cover__inner-container > .wp-block-group,
	.single #hero > .wp-block-group > .wp-block-group {
		padding-left: 80px !important;
	}
	.page:not(.home) h1,
	.single h1,
	.archive h1,
	.blog h1 {
		position: relative;
	}
	.page:not(.home) h1:before,
	.single h1:before,
	.archive h1:before,
	.blog h1:before {
		content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill='%23ba0c2f' d='M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z'/%3E%3C/svg%3E");
		width: 60px;
		display: inline-block;
		vertical-align: middle;
		position: absolute;
		left: -80px;
		top: 10px;
	}
	/*.single.single-degree_programs h1:before {
		top: 100px;
	}*/

	.is-style-gcc-no-arrows:before {
		content: "" !important;
	}

	/* single template styles - degree-programs */
	.single.single-degree_programs h1 mark + br,
	.page:not(.home) h1 mark + br {
		display: none;
	}
	.single.single-degree_programs h1 mark,
	.page:not(.home) h1 mark {
		left: -75px;
		position: absolute;
		top: -40px;
	}

	#eagle-promise-hero h1 mark + br {
		display: block;
	}
	#eagle-promise-hero h1 mark {
		position: relative;
		left: 0;
		top: 0;
		font-size: var(--wp--preset--font-size--xx-large);
	}

}

/* SVG icon styles */
svg.icon {
    width: 5em;
    height: 5em;
    fill: var(--wp--preset--color--theme-primary);
    display: block;
    margin: 0 auto;
}

/* cover links */
.cover-links .wp-block-column,
.cover-links .wp-block-column .wp-block-cover img {
	transition: all 0.3s ease-in-out;
}
.cover-links .wp-block-column:hover {
	border-color: var(--wp--preset--color--theme-primary) !important;
} 
.cover-links .wp-block-column:hover .wp-block-cover img {
	transform: scale(1.05);
}

/* single template styles - blog posts */
.single .taxonomy-category a { text-decoration: none; font-weight: normal; }
.single .taxonomy-category a:hover { color: var(--wp--preset--color--theme-primary); }

/* Library chat */
.libraryh3lp {
	position: absolute;
	bottom: 0;
	right: 1rem;
}
/* Getwid accordion styles */
.wp-block-getwid-accordion .wp-block-getwid-accordion__header-wrapper {
	padding: 1rem;
	border: none !important;
	background: none !important;
	border-bottom: 2px solid var(--wp--preset--color--theme-grey-lt) !important;
}
.wp-block-getwid-accordion .wp-block-getwid-accordion__header {
	padding: 0;
}
.wp-block-getwid-accordion__content,
.wp-block-getwid-accordion__content-wrapper,
.wp-block-getwid-accordion__content-wrapper.ui-accordion-content-active {
	border: none !important;
}
.wp-block-getwid-accordion__header-wrapper {
	border: none !important;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
	color: var(--wp--preset--color--theme-black); 
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color: var(--wp--preset--color--theme-primary);
}

/* Getwid content slider styles */
/* slick arrows */
.slick-arrow.slick-prev {
    left: -5px;
}
.slick-arrow.slick-next {
    right: -5px;
}
.slick-arrow.slick-prev,
.slick-arrow.slick-next {
	width: 50px;
	height: 50px;
}
.slick-arrow.slick-prev:before,
.slick-arrow.slick-next:before {
	border-style: solid;
	border-width: 0.5em 0.5em 0 0;
	content: '';
	display: inline-block;
	height: 1.5em;
	left: 0.15em;
	position: relative;
	top: 0.15em;
	transform: rotate(-45deg);
	vertical-align: top;
	width: 1.5em;
	transition: all 0.3s ease-in-out;
}
.slick-arrow.slick-prev:before,
.slick-arrow.slick-prev:before {
	left: 0.25em;
	transform: rotate(-135deg);
}
.slick-arrow.slick-next:before,
.slick-arrow.slick-next:before {
	left: 0;
	transform: rotate(45deg);
}
.slick-arrow.slick-prev:before,
.slick-arrow.slick-next:before {
	color: #fff !important;
}
.slick-arrow.slick-prev:before {
	left: 0.25em;
	transform: rotate(-135deg);
	color: #fff !important;
}
.slick-arrow.slick-next:before {
	left: 0;
	transform: rotate(45deg);
	color: #fff !important;	
}
.slick-arrow.slick-prev:hover:before,
.slick-arrow.slick-next:hover:before {
	opacity: .6;
}

@media screen and (min-width: 1280px) {
    .slick-arrow.slick-prev {
        left: -55px;
    }
    .slick-arrow.slick-next {
        right: -55px;
    }
}


/* search styling */
.search-results .wp-block-search__button-inside .wp-block-search__inside-wrapper  {
	max-width: 400px;
}
.search-results .wp-block-search__button-inside .wp-block-search__button {
	background-color: var(--wp--preset--color--theme-primary);
}
.search-results .wp-block-search__button-inside .wp-block-search__button:hover {
	background-color: var(--wp--preset--color--theme-black);
}


/* footer socials */
ul.footer-socials {
	list-style: none;
	padding: 0;
}
ul.footer-socials li {
	display: inline-block;
}
ul.footer-socials a {
	display: block;
	width: 22px;
    height: 22px;
    margin-right: 5px;
    background: var(--wp--preset--color--theme-primary);
    padding: 10px;
    border-radius: 4px;
	transition: all 0.3s ease-in-out;
}
ul.footer-socials a svg {
	fill: var(--wp--preset--color--theme-white);
	max-width: 100%;
    max-height: 100%;
    display: block;
    margin: 0 auto;
}

ul.footer-socials a:hover {
	background: var(--wp--preset--color--theme-black);
}

@media screen and (max-width: 781px) {
	main .wp-block-column {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
	footer {
		text-align: center;
	}
	footer .mega-menu a {
		text-align: center !important;
		height: auto !important;
	}
	footer .wp-block-column {
		border: none !important;
	}
}

/* accordions on /student-life/orientation-leaders/ page */
.accordion-container {
	margin: 0 auto;
	width: 100%;
  }
  
  .accordion .accordion-item {
	border-bottom: 1px solid var(--wp--preset--color--theme-grey-lt);
  }
  .accordion .accordion-item button[aria-expanded=true] {
	border-bottom: 1px solid var(--wp--preset--color--theme-grey-lt);
  }
  .accordion button {
	position: relative;
	display: block;
	text-align: left;
	width: 100%;
	padding: 1em 0;
	color: var(--wp--preset--color--theme-black);
	font-size: 1.15rem;
	font-weight: 400;
	border: none;
	background: none;
	outline: none;
  }
  .accordion button:hover, .accordion button:focus {
	cursor: pointer;
	color: var(--wp--preset--color--theme-primary);
  }
  
  
  .accordion button .accordion-title {
	padding: 1em 1.5em 1em 0;
	font-weight: bold;
  }
  .accordion button .icon {
	display: inline-block;
	position: absolute;
	top: 18px;
	right: 0;
	width: 22px;
	height: 22px;
  }
  .accordion button .icon::before {
	display: block;
	position: absolute;
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill='%23000' d='M246.6 470.6c-12.5 12.5-32.8 12.5-45.3 0l-160-160c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L224 402.7 361.4 265.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-160 160zm160-352l-160 160c-12.5 12.5-32.8 12.5-45.3 0l-160-160c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L224 210.7 361.4 73.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3z'/%3E%3C/svg%3E");
	top: 9px;
	left: 5px;
	width: 16px;
	height: 2px;
  }

  .accordion button:hover .icon::before, .accordion button:focus .icon::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill='%23ba0c2f' d='M246.6 470.6c-12.5 12.5-32.8 12.5-45.3 0l-160-160c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L224 402.7 361.4 265.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3l-160 160zm160-352l-160 160c-12.5 12.5-32.8 12.5-45.3 0l-160-160c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L224 210.7 361.4 73.4c12.5-12.5 32.8-12.5 45.3 0s12.5 32.8 0 45.3z'/%3E%3C/svg%3E");;
  }
  
  .accordion button[aria-expanded=true] {
	color: var(--wp--preset--color--theme-primary);
  }
  .accordion button[aria-expanded=true] .icon::before {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill='%23ba0c2f' d='M246.6 41.4c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L224 109.3 361.4 246.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3l-160-160zm160 352l-160-160c-12.5-12.5-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L224 301.3 361.4 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3z'/%3E%3C/svg%3E");
  }
  .accordion button[aria-expanded=true] + .accordion-content {
	opacity: 1;
	max-height: 1200px;
	transition: all 200ms linear;
	will-change: opacity, max-height;
  }
  .accordion .accordion-content {
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	transition: opacity 200ms linear, max-height 200ms linear;
	will-change: opacity, max-height;
  }
  .accordion .accordion-content p {
	font-size: 1rem;
	font-weight: 300;
	margin: .5em 0;
  }

  .accordion .accordion-content .wp-block-image.aligncenter {
	margin: 0 auto;
  }
  .accordion .accordion-content .wp-block-image img {
	height: 350px;
    max-width: 270px;
	object-fit: cover;

  }

  .columns-3 .wp-block-post-featured-image a {
	max-height: 200px;
	overflow: hidden;
  }

/* Single Events styles */
.custom-single-event,
#tribe-events-pg-template {
	width: 100%;
	max-width: var(--wp--style--global--content-size);
	padding: 0;
}
.custom-single-event .wp-block-columns {
	gap: var(--wp--preset--spacing--50);
}
.custom-single-event .wp-block-column.has-theme-grey-lt-background-color {
	padding: 1rem;
}
.custom-single-event .tribe-events-event-image img {
	width: 100%;
	height: auto;
	border-radius: 10px;
}
.custom-single-event .tribe-events-event-meta:before {
	display: none;
}
.single-tribe_events .custom-single-event.tribe-events-single .tribe-events-event-meta,
.custom-single-event .tribe-events-meta-group {
	display: block;
	width: 100%;
}
.custom-single-event .tribe-events-start-date-label,
.custom-single-event .tribe-events-start-time-label,
.custom-single-event .tribe-events-event-url-label,
.custom-single-event .tribe-events-meta-group h2 {
	font-size: var(--wp--preset--font-size--medium);
	font-weight: bold;
	text-transform: uppercase;
}
.custom-single-event .tribe-events-start-date-label + dd,
.custom-single-event .tribe-events-start-time-label + dd,
.custom-single-event .tribe-events-event-url-label + dd,
.custom-single-event .tribe-events-meta-group h2 + dl dd {
	font-size: var(--wp--preset--font-size--medium);
	color: var(--wp--preset--color--theme-primary);
	font-weight: bold;
}
.custom-single-event .tribe-events-meta-group {
	padding: 0;
}
.custom-single-event h1 {
	font-size: var(--wp--preset--font-size--x-large);
}
.custom-single-event h1:before {
	display: none;
}

.custom-single-event .tribe-events-event-url {
	margin: 0;
}

.custom-single-event .tribe-venue a {
	pointer-events: none !important;
}

.tribe_event_series-template-default main > .wp-block-columns:first-child > .wp-block-column:first-child {
	flex-basis: 1% !important;
}
.tribe_event_series-template-default main > .wp-block-columns:first-child > .wp-block-column:last-child {
	flex-basis: 99% !important;
}



/* landing page styles */


#eagle-promise-hero .wp-block-getwid-content-slider-slide .wp-block-cover h2 {
	opacity: 0;
	transition: opacity 0.8s ease-in 1s;
}
#eagle-promise-hero .wp-block-getwid-content-slider-slide.slick-current .wp-block-cover h2 {
	opacity: 1;
}

@media screen and (min-width: 768px) {
	#eagle-promise-hero {
		position: relative;
	}
	#eagle-promise-hero #hero-header {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 99;
	}
}
@media screen and (min-width: 1200px) {
	#eagle-promise-hero .wp-block-getwid-content-slider-slide .wp-block-cover .wp-block-cover__image-background {
		object-fit: contain !important;
	}
}

@media screen and (max-width: 767px) {
	#eagle-promise-hero .wp-block-getwid-content-slider-slide .wp-block-cover {
		min-height: 55vh !important;
	}
}
@media screen and (max-width: 479px) {
	#eagle-promise-hero #hero-header {
		flex-wrap: wrap !important;
		flex-direction: column;
		text-align: center;
	}
	#eagle-promise-hero #hero-header > .wp-block-group {
		align-items: center;
	}
}

/* tabs styling */
.accordions-tabs.ui-tabs {
	border: 1px solid var(--wp--preset--color--theme-grey-lt) !important;
}
.accordions-tabs .ui-tabs-nav {
	background: var(--wp--preset--color--theme-grey-lt) !important;
}
.ui-tabs .ui-tabs-nav li {
	margin: 0 4px 0 0 !important;
	padding: 0 !important;
	background-color: var(--wp--preset--color--theme-black) !important;
	transition: all 0.3s ease-in-out;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active,
.ui-tabs .ui-tabs-nav li.ui-state-hover {
	background-color: var(--wp--preset--color--theme-primary) !important;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	display: block;
    padding: 15px !important;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor .accordions-head-title {
	color: var(--wp--preset--color--theme-white) !important;
}

.accordions-tabs .accordion-icons {
	display: none !important;
}

/* a11y adjustments */
.wpgb-button.wpgb-reset {
	background-color: #000 !important;
}
/*.wpgb-facet .wpgb-button-label {
	background-color: #000 !important;
	font-weight: 700 !important;
}*/


.accordion-content img.alignright,
.accordion-content img.alignleft,
.accordion-content img.aligncenter {
	max-width: 100%;
	margin: 0 auto;
}
@media screen and (min-width: 600px) {
	.accordion-content img.alignright,
	.accordion-content img.alignleft,
	.accordion-content img.aligncenter {
		max-width: 50%;
		margin: 0 0;
	}
	.accordion-content img.alignright {
		float: right;
		margin: 0 0 20px 20px;
	}
	.accordion-content img.alignleft {
		float: left;
		margin: 0 20px 20px 0;
	}
}

.accordion-content table {
	width: 100%;
}
.accordion-content table tr:nth-child(even) {
	background-color: #EBEBEA
}
.accordion-content table tr td {
	padding: 10px;
	border: none;
}

/* query loop styles - student/staff grids */
@media screen and (max-width: 599px) {
	.wp-block-query li.type-student,
	.wp-block-query li.type-faculty,
	.wp-block-query li.type-staff-member {
		max-width: 350px;
		margin: 0 auto;
	} 
}
.wp-block-query li.type-student,
.wp-block-query li.type-faculty,
	.wp-block-query li.type-staff-member {
	box-shadow: rgba(0, 0, 0, 0.075) 0 2px 6px 0;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
	transition-timing-function: cubic-bezier(0.2,0.75,0.5,1);
	transition-duration: 550ms;
	transform: scaleX(1) scaleY(1);
} 
.wp-block-query li.type-student:hover,
.wp-block-query li.type-faculty:hover,
	.wp-block-query li.type-staff-member:hover {
	transform: scaleX(1.05) scaleY(1.05);
}
.wp-block-query li.type-student figure,
.wp-block-query li.type-student h4,
.wp-block-query li.type-faculty figure,
.wp-block-query li.type-faculty h4,
.wp-block-query li.type-staff-member figure,
.wp-block-query li.type-staff-member h4 {
	margin: 0 !important;
}
.wp-block-query li.type-student h4 a,
.wp-block-query li.type-faculty h4 a,
.wp-block-query li.type-staff-member h4 a {
	padding: 1rem;
	display: block;
}
.wp-block-query li.type-student h4 a span,
.wp-block-query li.type-faculty h4 a span,
.wp-block-query li.type-staff-member h4 a span {
	display: block;
	font-weight: 400;
	font-style: italic;
	font-size: 1rem;
	text-decoration: underline;
}



/* fix for degree programs not having focus on tab/hover */
/* Smooth hover transition on the overlay */
.wpgb-metro .wpgb-card-media-overlay {
  background: rgba(0, 0, 0, 0);      /* default transparent */
  transition: background 0.15s ease;
}

/* HOVER: slight darkening over the image area */
.wpgb-metro .wpgb-card:hover .wpgb-card-media-overlay {
  background: rgba(0, 0, 0, 0.15);   /* tweak strength as needed */
}

/* FOCUS: clear visible outline on the whole card 
   when any focusable child (like the <a>) is focused */
.wpgb-metro .wpgb-card:focus-within {
  outline: 3px solid #005a9c;        /* swap to brand color if you like */
  outline-offset: 3px;
}

/* OPTIONAL: keep native focus, just tame it a bit (do NOT remove it) */
.wpgb-metro .wpgb-card a:focus-visible {
  outline-width: 2px;
  outline-offset: 2px;
}