/*!
Theme Name:   	Mercury Child
Theme URI: 		https://ufl.edu/
Author: 		UFL 
Author URI: 	https://ufl.edu/
Template:     	ufl-main-uni
Version:      	1.4.7
License URI: 	https://ufl.edu
Text Domain: 	ufl_stamatschild
*/

/* ---------------------------
UF Branding Fonts
----------------------------*/

@font-face {
	font-family:"Cinema Script";
	src:url("https://use.typekit.net/af/3a2947/0000000000000000774ba05a/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/3a2947/0000000000000000774ba05a/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/3a2947/0000000000000000774ba05a/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
	font-display:swap;
	font-style:normal;
	font-weight:400;
	font-stretch:normal;
}

.script, .display {
  font-family: var(--display-script), sans-serif;
}

/* variables */
:root{
	--core-orange: #FA4616;
	--core-blue: #0021A5;

	--bottlebrush: #D32737;
	--alachua: #F2A900;
	--gator: #22884C;
	--dark-blue: #002657;
	--perennial: #6A2A60;

	--cool-gray-11: #343741;
	--cool-gray-3: #C7C9C8;
	--warm-grey-1: #D8D4D7;
	--light-gray: #f4f6f6;

	--social-media-icons-background: #3350a5;
	--social-media-icons-background-hover: #ffffff;
	--social-media-icons-hover: #0021a5;
	--header-gradient-1: #0021a5;
	--header-gradient-2: #011877;
	--header-gradient-3: #00d4ff;
	--light-weight-sans: "IBM Plex light";
	--book-weight-sans: "IBM Plex regular";
	--medium-weight-sans: "IBM Plex medium";
	--medium-italic-sans: "IBM Plex medium italic";
	--semi-bold-sans: "IBM Plex semibold";
	--book-bold-sans: "IBM Plex bold";
	--bold-italic-sans: "IBM Plex bold italic";
	--extrabold-italic-sans: "IBM Plex bold italic";
	--display-script: "Cinema Script"
}
body {
	font-family:var(--book-weight-sans), Arial, sans-serif;
}
.has-light-gray-background-color {
	background:var(--light-gray);
}
.has-dark-gray-background-color {
	background:var(--cool-gray-11);
}
.has-blue-background-color {
	background:var(--core-blue);
}
.has-blue-background-color,
.has-dark-gray-background-color {
	h2,h3,h4,h5,h6,p,li,a {
		color:#fff;
	}
	a {
		&:link, &:visited {
			color:#fff;
			text-decoration: underline;
		}
		&:hover, &:active, &:focus {
			text-decoration:none;
		}
	}
}
.has-orange-background-color {
	background:var(--core-orange);
}
.has-blue-color {
	color: var(--core-blue);
}
.has-orange-color {
	color: var(--core-orange);
}
.header, 
.section-navigation .section-navigation-inner {
	z-index: 99998;
}
.footer-wrapper .footer .footer-section .widget-title {
	font-size: 1.75rem;
	line-height: 2rem;
}
footer {
	h2 {
		border-bottom: 4px solid #e8552f;
		font-family: var(--semi-bold-sans), Arial, sans-serif;
		font-size: 1.75rem;
		line-height: 2rem;
		text-align: left;
		color: #fff;
		padding-bottom: 1.5rem;
		margin-bottom: 1.5rem;
	}
}
#content .footer_widget {
	ul {
		list-style: none;
		padding-left: 0;
		li {
			padding-left: 0;
		}
	}
}
.ufl-linkedin,
.ufl-flickr,
.ufl-feed {
	max-width: 25px;
}
.footer-col-social {
	flex-wrap: wrap; 
}
.copyright-section p {
	margin:0;
	color: #fff;
}

/* ---------------------------
Forms
----------------------------*/

#content ul.gform_fields {
	padding-left:0;
}
.form-ufl {
	.gform_legacy_markup_wrapper .gfield_checkbox li input,
	.gform_legacy_markup_wrapper .gfield_checkbox li input[type="checkbox"],
	.gform_legacy_markup_wrapper .gfield_radio li input[type="radio"] {
		display:none;
	}	
}
#main-content.form-ufl {
	.field_sublabel_below input+label, .field_sublabel_below select+label,
	.field_sublabel_below select+button+label, .field_sublabel_below .bootstrap-select+label {
	    margin-top: 0px;
	    margin-bottom: 0px;
	}
	 input[type=text], input[type=tel], input[type=time], input[type=email], 
	 input[type=number], select, select+button {
	 	margin-bottom:8px;
	 }

}
#main .gform_wrapper .gfield_required, 
#main-content.form-ufl .gfield_required {
	color: var(--core-blue);
}


/* content */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	word-break: normal;
	&:empty {
		display:none;
	}
}
h2,.h2 {
	font-size: 2.25rem;
	line-height: 2.625rem;
}
h3,.h3 {
	font-size: 2rem;
	line-height: 2.25rem;
}
h4,.h4 {
	font-size: 1.75rem;
	line-height: 2rem;
}
h5,.h5 {
	font-size: 1.5rem;
	line-height: 1.785rem;
}
h6,.h6 {
	font-size: 1.25rem;
	line-height: 1.75rem;
	font-family: var(--semi-bold-sans), Arial, sans-serif;
}
p {
	font-size: 1.25rem;
	line-height: 1.75rem;
	&:empty {
		display:none;
	}
}
@media (min-width:800px) {
	h2,.h2 {
		font-size: 3.625rem;
		line-height: 4rem;
	}	
	h3,.h3 {
		font-size: 3rem;
		line-height:3.5rem;
	}
	h4,.h4 {
		font-size: 2rem;
		line-height: 2.5rem;
	}
	h5,.h5 {
		font-size: 1.875rem;
		line-height: 2.375rem;
	}
}

.featured-full-width-img {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
.featured-full-width-img h1 {
	padding: 10px 15px;
	background-color: #000;
	color:#fff;
}
.wp-post-image {
	max-width: 100%;
	height:auto;
}
.entry-header h1 {
	font-size: 3rem;
	line-height: 3.25rem;
}
.page-template .entry-header h1 {
	@media (min-width:800px) {
		font-size: 4.5rem;
		line-height: 5.5rem;
	}
}
.entry-content .wp-has-aspect-ratio iframe {
	aspect-ratio: 16/9;
	height: unset;
	width: 100%;
}
.entry-meta a, .entry-content a, .fullwidth-text-block a, .single-news-body-content a {
	font-family: var(--medium-weight-sans), Arial, sans-serif;
	text-decoration: underline;
	&:hover, &:focus, &:active, 
	&.wp-element-button, &.animated-underline-button, &.animated-border-button {
		text-decoration: none;
	}
}

a, .page-link {
	color:var(--core-blue);
}
a:hover, a:focus {
	color:var(--black);
}
.page-link:hover, .page-link:focus {
	color:var(--black);
	background-color: var(--warm-grey-1);
	border-color: var(--warm-grey-1);
}

#content {
	ul {
		list-style:none;	
		li::before {
			content:"";
		}
	}
	ul.wp-block-latest-posts,
	ul.wp-block-post-template {
		padding-left:0;
		
	}
	.wp-block-latest-posts__featured-image {
	&.alignleft, &.alignright {
		margin-bottom:1em;
	}
} 
	div.wp-block-rss__item-title {
		display: inline;
	}
	ul.wp-block-list, ul.wp-block-page-list, 
	.cn-entry-single ul, .em-taxonomy-single ul {
		li::before {
			content: "■";
			display: inline-block;
		}
	}
	ol {
		li::before {
	    	display: inline;
	    }
	}
  p.intro {
    display: block;
    font-size: 22px;
    line-height: 32px;
    color: #343741;
    font-family: "IBM Plex medium";
    margin-bottom: 20px;

    @media (min-width: 800px) {
      margin-bottom: 40px;
      font-size: 26px;
      line-height: 38px;
    }
  }
}
#sidebar {
	h2 {
		@media (min-width:800px) {
			font-size: 2.25rem;
  			line-height: 2.625rem;
		}
	}
	.widget {
		ul, ol{
			padding-left:0;
		}
	}
}

.blog-post-title {
	font-size: 2.25rem;
	line-height: 2.625rem;
}
.post-thumbnail .figure-caption {
	margin-top: -0.75rem;
}
footer .tags-links {
	padding-bottom:36px;
}
.single-news .tags-links {
  padding: 3% 7%;
  max-width: calc(14% + 1074px);
  margin-right: auto;
  margin-left: auto;
}

/* social shares in stories*/
#st-1 .st-btn {
	display:inline-block !important;
}
/* date-share-wrapper in custom post templates*/
.single-social-share {
	white-space:nowrap;
} 
main .single-news .date-share-wrapper, .date-share-wrapper 
{
	padding-left:0;
	padding-right: 0;
	max-width:100%;
	@media only screen and (min-width: 1555px) {
		.single-social-share {
			margin-right:0;
		}
	}
}

/* ufl and other blocks*/
.wp-block-social-links .wp-block-social-link.wp-social-link {
	padding-left:0 !important;
}
.news-landing-header .news-hero-featured,
.news-hero-supporting, .cta-button-wrapper .cta-button .cta-title,
.visual-navigation .visual-navigation-wrapper .visual-navigation-link p {
	z-index: 9999;
}
.hero-caption {
	background: var(--cool-gray-11);
	color: #fff;
	font-size: 16px;
	padding: 1em;
}
.visual-navigation {
	padding-top:40px;
	padding-bottom: 0;
}
.fullwidth-text-block {
	.container {
		padding-top:45px;
		@media (min-width: 800px) {
			h3 {
				font-size: 2.5rem;
				line-height:3rem;
			}
		}
	}
}
.tab-block {
	.tab-block-wrapper {
		align-items:baseline;
	}
	.tab-block-wrapper .desktop-tab-link-col .tab-link {
		padding-top: 5px;
		padding-bottom: 5px;
		line-height: 36px;
	}
	h2 {
		margin-bottom: 2rem;
		font-family: var(--book-weight-sans), Arial, sans-serif;
	}
}
.tab-link {
	text-align: right;
	margin-bottom:1em;
}
/* make sure links within ufl blocks are underlined for accessibility*/
.accordion .accordion-item .accordion-body .accordion-body-wrap a,
.card-right-rail-section .container a {
	text-decoration:underline;
	&:hover, &:focus, &:active {
		text-decoration:none;
	}
}

.is-style-animated-underline .wp-block-button__link {
	border-left-width: 0;
	border-right-width: 0;
}

.btn-outline-primary {
	--bs-btn-color: var(--core-blue);
	--bs-btn-border-color: var(--core-blue);
	--bs-btn-hover-bg: var(--core-blue);
	--bs-btn-hover-border-color: var(--core-blue);
	--bs-btn-active-bg: var(--core-blue);
	--bs-btn-active-border-color: var(--core-blue);
	--bs-btn-disabled-color: var(--core-blue);
	--bs-btn-disabled-border-color: var(--core-blue);
}
.wp-block-file__button {
	color: #fff !important;
	&:hover, &:active, &:focus {
		background: var( --bs-gray-200);
		color: #000 !important;
	}
}
/* category block styling*/
.wp-block-post-terms {
	padding: 12px 7%;
	font-size: 16px;
	line-height: 28px;
}

/*things that don't work, so we're hiding them*/
#facultyLoadmore  {
	display:none;
}

/* post meta*/
.entry-meta {
	font-size: 1rem;
	>span:after {
		content:"/";
		padding:0 .45em
	}
	>span:last-child:after {
	  display:none
	}
}
.text-bg-secondary {
	background-color: var(--cool-gray-11) !important;
}

/* ---------------------------
Navigation
----------------------------*/

/* primary nav */
.header #main-nav-ul .nav-link {
  text-transform:uppercase;
  margin-top:8px;
  margin-bottom:0;
  padding-bottom:0;
  border-bottom:#fa471600 2px solid;
 }
 .header #main-nav-ul li:hover .nav-link,
 .header #main-nav-ul li:focus .nav-link,
 .header #main-nav-ul li:focus-within .nav-link {
  border-bottom:2px solid var(--core-orange)
 }
 .header #main-nav-ul .dropdown-menu li {
    line-height:30px;
}
 .dropdown-item {
 	white-space:normal;
  padding: .25rem .5rem;
 	display:inline-block;
 }
.dropdown-item.active,
.dropdown-item:active {
	background-color: var(--core-blue);
  color: #fff;
}

@media (max-width:1409px) {
  .header .dropdown-menu a.active:hover, .header .dropdown-menu a.active:focus {
    color: var(--cool-gray-11) !important;
  }
  .header .dropdown-menu a.active {
    color: var(--bs-dropdown-link-active-color) !important;
  }
  /* override appearance change for main nav dropdowns with few items in mobile view (parent theme patch)*/
  #main-nav-ul>li>ul.navbar-one-column.dropdown-menu,
  #main-nav-ul>li>ul.navbar-two-columns.dropdown-menu {
    min-width: auto;
    column-count: auto;
  }
}

/* section navigation*/
.page-template-page-section-nav .section-navigation {
	top:120px;
}

/* alt text/empty alt attribute for decorative images*/
.section-navigation .section-navigation-inner .section-navigation-toggler .open-btn::before {
  content: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" width="7.464" height="15.64" viewBox="0 0 7.464 15.64"><path id="Path_13869" data-name="Path 13869" d="M0,5.917,7.35,0,14.7,5.917" transform="translate(6.501 0.47) rotate(90)" fill="none" stroke="%23000" stroke-width="1.5"/></svg>') / 'Open';
}
.section-navigation .section-navigation-inner .section-navigation-toggler .close-btn::before {
  content: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" width="13.717" height="13.719" viewBox="0 0 13.717 13.719"><g id="section-nav-close" transform="translate(-547.969 -750.969)"><path id="Path_13736" data-name="Path 13736" d="M-13953.17-19808.256l-12.656,12.656" transform="translate(14514.325 20559.756)" fill="none" stroke="%23000" stroke-width="1.5"/><path id="Path_13737" data-name="Path 13737" d="M-13965.826-19808.256l12.656,12.656" transform="translate(14514.325 20559.756)" fill="none" stroke="%23000" stroke-width="1.5"/></g></svg>') / '';
}

/* fix for safari*/
@media (min-width: 1410px) {
    .header #main-nav-ul .dropdown-menu li{
        margin-bottom: 0;
        padding-bottom: 10px;
    }
}

/* search */
.search-form {
	width:90%;
	max-width:935px;
	margin: 0 auto;
	padding: 0;
	border-bottom: 2px solid #9d6851;
	line-height:1em;
}
.search-input {
	font-size:1.65em;
	line-height:1em;
	color: var(--core-blue);
	font-weight: 400;
	padding: 0.5em;
	border: medium none;
	outline:none;
}
.search-input:focus {
	box-shadow:none;
	border:none;
}
.search-input::placeholder {
	 color: #6e88ef;
}
.search-submit,
.search-submit:hover,
.search-submit:focus {
	background: white;
    border: none;
    padding: 0;
}

/* Events manager plugin styles */

.event-form, .em-booking-form, .em-login-form {
	h2, h3 {
		margin-bottom: 10px; 
	}
	label {
		font-size: inherit;
		display: inline-block;
	}
	select, textarea, input[type="text"], input[type="password"], input[type="email"] {
/*		 padding: 5px 4px;	
		 color: rgba(51, 49, 50, 0.8);
		 border: 2px solid rgba(76, 135, 181, 0.7);*/
		width:100%;
		display: inline-block;
	}
	.required {
		color: var(--bottlebrush);
		margin-left: 4px;
	}
}

.ui-em_timepicker-wrapper {
	width: 8em;
}

.fc-event {
	line-height:1.8;
}
.wpfc-more {
	background-color: #eee !important;
	border-color: #eee !important;
	color: #000 !important;
}

/* EVENT LISTING */

 /*target .em and all child elements*/
.em, .em * {
	--accent-color: #0021A5;
	--color: #000;
	--color-hover: #000;
	--date-color : #000;
	--default-color: #000;
	--header-color: #0021A5;
	--meta-color: #000;
	--nav-color : #0021A5;
	opacity:1 !important;

}
.em.em-calendar .em-cal-nav .month-nav .em-calnav {
	height: 28px;
	margin-bottom: -10px;
  	&:focus {
		outline:2px solid var(--nav-color);
	}
}
.em.em-calendar .em-cal-nav .button {
	&:hover, &:active, &:focus {
		text-decoration:none;
	}
	&:focus {
		outline:2px solid var(--nav-color);
	}
}
#em-flatpickr {
	.flatpickr-monthSelect-month.endRange, 
	.flatpickr-monthSelect-month.selected, 
	.flatpickr-monthSelect-month.startRange {
		background-color: var(--accent-color);
		border-color: var(--accent-color);
	}

}