/*
Theme Name: Strata Three Child (News)
Theme URI: http://fsu.edu/
Author: Florida State University
Author URI: http://fsu.edu/
Description: Strata Three Child Theme for News
Version: 3.1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: s3
Text Domain: s3-child-news
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Strata Three is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

@import url("../s3/style.css");


/*
 * Accordions
 * Branding
 * Buttons
 * Experts
 * FSU Makes News
 * General
 * Headings
 * Home: Experts
 * Lists
 * Logo
 * Modals
 * Overlays
 * Search + Filter Pro
 * Short codes
 * Student Stars
 * Video
 * Widgets
 * Widgets - Localist Calendar
 */


/* 
 ************************************************** 
 * Accordions
 */
 .accordion-content {
	display: none;
	padding: 0 0 1em 3.15em
}

.accordion-title {
	position: relative;
	cursor: pointer;
	text-transform: none;
	padding: 16px 0 17px 50px;
	border-top-width: 2px;
	border-top-style: dotted;
	margin: 0;
	transition: color 0.3s ease-in-out;
	-webkit-transition: color 0.3s ease-in-out
}

.accordion-title.active {
	border-top-style: solid
}

.accordion-title:before {
	position: absolute;
	left: 2px;
	top: 12px;
	content: ' ';
	display: block;
	width: 35px;
	height: 35px;
	background-image: url("images/icons/chevron-circle-right.svg");
	background-size: 35px 35px;
	text-indent: 2px;
	border-radius: 50%;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out
}

.accordion-title.active:before {
	background-color: rgba(0, 0, 0, .15);
	transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg)
}

.s3-gt .accordion-title:before,
.s3-n1s .accordion-title:before,
.s3-n2s .accordion-title:before,
.s3-s .accordion-title:before,
.s3-k .accordion-title:before {
	background-image: url("images/icons/chevron-circle-right-white.svg")
}


/*
 * Branding
 */
.brand-hover.fa-soundcloud:hover,  .brand-hover.fa-soundcloud:focus  {color: #f50}


/*
 * Buttons
 */
.btn-pill {
	display: inline-block;
	background-color: #d5d4d4 !important;
	color: #2c2a29 !important;
	font-size: 81%;
	font-weight: normal;
	line-height: 1.1;
	border-radius: 1em;
	padding: .25em 1em .3em;
	border: 0 !important;
}

.small .btn-pill {
	font-size: 81%;
}

a.btn-pill:hover,
a.btn-pill:focus {
	background-color: #2c2a29 !important;
	color: #d5d4d4 !important;
}


/*
 * Experts
 */
 .expert-categories .s3-absolute {
	position: absolute;
	left: 14px;
	right: 14px;
	top: 0;
	bottom: 0;
}

.expert-categories .s3-img-block {
	background: #782f40;
	margin: 14px 0;
}

.expert-categories .s3-img-block:hover {
	background: #2c2a29;
}

.expert-categories .s3-img-block a {
	color: #fdfcfc;
}

.expert-categories .s3-img-block img {
	opacity: .4;
	-webkit-filter: grayscale(30%);
	-moz-filter:    grayscale(30%);
	-o-filter:      grayscale(30%);
	-ms-filter:     grayscale(300%);
	filter:         grayscale(300%);
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.expert-categories .s3-img-block:hover img {
	opacity: 1;
	-webkit-filter: grayscale(0%);
	-moz-filter:    grayscale(0%);
	-o-filter:      grayscale(0%);
	-ms-filter:     grayscale(0%);
	filter:         grayscale(0%);
}

.expert-categories .s3-img-block .expert-category-heading {margin-bottom: 0}

.expert-search-box select {
	height: 34px !important;
	background-color: #fff;
	border-radius: 0;
	border: none;
}

.expert-list {
	columns: 1;
	column-gap: .5em;
}

.expert-list li {
	margin: 0;
}

@media (min-width: 768px) {
	.expert-list {
		columns: 2;
	}
}
@media (min-width: 992px) {
	.expert-list {
		columns: 2;
	}
}

@media (min-width: 1200px) {
	.expert-list {
		columns: 3;
	}
}

.expert-profile-mini img {
	margin-bottom: .75em;
}

.expert-profile a.btn,
.expert-profile-mini a.btn {
	text-transform: uppercase;
}

.expert-profile a.btn:hover,
.expert-profile a.btn:focus,
.expert-profile-mini a.btn:hover,
.expert-profile-mini a.btn:focus {
	border-color: #2c2a29;
	border-width: 1px;
	box-shadow: none;
}

@media screen and (min-width: 768px) {
	.expert-profile .expert-category {
		text-align: right;
	}
}
.expert-profile-mini img {
	margin-bottom: 0;
}

.expert-search-box form {
	margin: 0 0.5em 0.5em
}

.expert-search-box form input {
	width: 100%;
	padding: 0 40px 0 .25em;
}

.expert-search-form {
	position: relative;
}

.expert-search-form .btn-expert {
	position: absolute !important;
	min-width: inherit;
	font-size: 100%;
	top: 0;
	right: 0;
	background: transparent;
	border: 0;
	box-shadow: none !important;
	opacity: 1;
	cursor: pointer;
}


/*
* General
*/
@media screen and (min-width: 768px) {
	#secondary {
  	margin-top: 0;
	}
}

.highlight {
	background: #ff9;
}


/*
 * FSU Makes News
 */
 .fmn-date {
	font-weight: 800;
}

.fmn-source {
	color: #565554;
	font-weight: 600;
}

a:hover .fmn-source, a:focus .fmn-source {
	color: #fff !important;
}

@media screen and (min-width: 768px) {
	.fmn-columns {
    break-inside: avoid;
		column-count: 2;
    column-fill: balance
		column-gap: 28px;
	}

  .fmn-columns li {
    display: inline-block;
  }
}

@media screen and (min-width: 992px) {
	.fmn-columns {
		column-count: 2;
	}
}

@media screen and (min-width: 1200px) {
	.fmn-columns {
		column-count: 3;
	}
}


/*
 * Headings
 */

 @media screen and (min-width: 768px) {
	h1 {
		font-size: 220%;
	}
}
.h6 {
  font-size: 2.1rem;
  margin: .5em 0;
}

.heading-detail {
	font-size: 100%;
	font-weight: 500;
}

.headline {
	padding: 10px;
	margin: -10px -12px 16px
}

.s3-w .headline:hover {
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.10)
}

.headline p {
	font-family: acumin-pro, "Arial", sans-serif;
	font-size: 100%;
	font-weight: 500;
	line-height: 1.333;
	padding: 0;
	margin: .5em 0;
}

.headline span {
	color: #000;
	color: #782f40;
	font-family: acumin-pro-condensed, "Arial", sans-serif;
	font-weight: 800;
	text-transform: uppercase
}

@media screen and (min-width: 768px) {
	.headline p {
		font-size: 100%;
	}
}

/*
* Home: Experts
*/
body.home article h2 {
	font-size: 133%;
}


/*
 * Archive/Category Pages
 */
article.hentry {
	margin-bottom: 1em;
}

@media screen and (max-width: 767px) {
	.article {
		border-radius: .5em;
	}
	.article .featured-image img {
		border-radius: .5em .5em 0 0;
	}
}

@media screen and (min-width: 768px) {
	 article h2 {
		font-size: 1.5em;
		line-height: 1.333;
		margin: -.25em 0 .25em;
	}
	article p {
		margin-bottom: .5em;
	}

}

body.archive .featured-image,
body.archive .video {
	max-width: calc(100% + 2em);
	margin: -1em -1em 1em;
}

@media screen and (min-width: 991px) {
	article:not(.article-wide) .featured-image {
		margin: 0;
	}
}


 /*
 * Lists
 */
main li {
	margin-bottom: .75em;
}

.list-bordered {
	margin: 0;
	padding: 0;
}

.list-bordered li {
	padding: 0.75em 0;
	font-size: 0.75em;
	border-top: 1px solid #d5d4d4;
	list-style-type: none;
}

@media screen and (min-width:768px) {
	.list-bordered li .date {
		text-align: right;
	}
}


/*
 * Logo
 */
.logo-news {
	display: block;
	margin: 0 0 12px
}

@media screen and (min-width: 768px) {
	.logo-news {
		width: 50%;
		margin: 0 0 4px
	}
}

@media screen and (min-width: 992px) {
	.logo-news {
		width: 100%;
		margin: 0 0 6px
	}
}


/*
 * Modals
 */
 .modal-cursor {
	cursor: pointer;
}


/*
 * Overlays
 */
 .overlay {
	position: static;
}

.overlay p {
	margin: 0;
}

.overlay .overlay-content {
	/* background: rgba(120,47,64,1.00); 
	color: #fff; */
	width: 100%;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.333;
	margin: 5px 0;
}

.student-stars .flex-direction-nav a::before {
  top: calc(42% + 20px);
	width: 15px;
	height: 30px;
	margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
	.flexslider.student-stars {
		margin: 0;
	}
}

@media screen and (min-width: 768px) {
	.student-stars .flex-direction-nav a::before {
		top: calc(42% + 20px);
	}

	.student-stars .flex-direction-nav a {
		opacity: 0.9;
    text-shadow: 2px 2px 0px rgba(0,0,0,1) !important;
	}

	.student-stars .flex-direction-nav a:hover {
		opacity: 1;
	}

	.overlay {
		position: relative;
	}

	.overlay .overlay-content {
		position: absolute;
		background: rgba(0,0,0,0.75); 
		color: #fff;
		padding: .5em 1em;
		margin: 0;
	}

	.overlay .overlay-bottom {
		bottom: 0;
	}
}


/*
 * Search + Filter Pro
 */

 #search-fsu-news {
	margin-bottom: 1em;
}

.searchandfilter ul {
  padding: 0;
  margin: 0;
}

.searchandfilter ul li {
  padding-top: 0;
}

.sf-input-text {
  width: 100%;
}

.sfp .sf-field-category,
.sfp .sf-field-post_date {
  display: none;
}

.sfp label,
.sfp-advanced .sf-field-category,
.sfp-advanced .sf-field-post_date {
  display: block;
}

.sfp-advanced .sf-field-search,
.sfp-advanced .sf-field-category {
  margin-bottom: .5em;
}

.sfp-advanced .sf-field-category select {
  min-width: calc(50% - .5em);
}

.home .sfp .sf-field-search {
  display: inline-block;
  width: calc(70% - 1em);
  margin: 0 1em 0 0;
}

@media screen and (min-width: 768px) {
  .sfp-advanced .sf-field-post_date li {
    display: inline-block;
  }
    .sfp .sf_date_field li {
    display: inline-block;
    width: calc(50% - .5em);
    padding-top: 0;
    margin-right: 1em;
  }
  .sfp .sf_date_field li:last-child {
    margin-right: 0;
  }
}

.home .sfp .sf-input-text {
	font-size: 12px;
	padding: 4px;
	border: 1px #000 solid;
	
}

.home .sfp .sf-field-submit {
  display: inline-block;
  width: calc(30% - 0px);
}

.sfp:not(.sfp-advanced) .sf-field-submit input {
  width: 100%;
  padding: 6px; 
}

.searchandfilter-date-picker a {
  background-image: none;
}

.searchandfilter-date-picker .ui-datepicker {
  background: #161514;
  color: #f4f4f4;
}

.searchandfilter-date-picker .ui-datepicker select {
  background: #f4f4f4;
  color: #161514;
}



/* 
 * Short Codes
 */

@media (min-width: 1200px) {
  .shortcode-feature-split .col-md-6,
  .shortcode-feature-split .wrap-table {
    min-height: 360px;
  }
}



 /* 
 * Student Stars
 */
.student-content > hr {margin: 0 0 21px;}
.student-content h2 {font-size: 177%;}
.student-content h3 {font-size: 177%;}
.student-content .video {margin-bottom: 1.5em !important;}

.student-teaser {
  font-size: 1.333em;
  margin: -.25em 0 .5em;
}

.student-intro {
  background-color: #782f40;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	row-gap: 14px;
	background: url("images/student-stars/student-stars-background-2023.jpg");
  background-size: 724px 483px;
  background-repeat: no-repeat;
  background-position: bottom left;
}

.student-intro div + div {padding: 1em;}

.student-meta {
  color: #fff !important;
	font-family: acumin-pro-condensed,Arial,sans-serif;
	font-size: 133%;
	line-height: 1.33;
}

.student-meta strong {
  color: #dacaa6;
}

@media screen and (min-width: 768px) {
	.student-teaser {
		font-size: 1.777em;
		margin: -.25em 0 .5em;
	}
}

/* @media screen and (min-width: 992px) { */
@media screen and (min-width: 1200px) {
	.student-intro {
		flex-direction: row;
    background-size: 848px 565px;
    background-size: 424px 283px;
    background-position: bottom right;
	}

	.student-intro div {
		flex-basis: 50%;
	}

	.student-intro div + div {padding: .5em 2em;}

	.student-meta {font-size: 133%;}
}

@media screen and (min-width: 1200px) {
	.student-meta {font-size: 145%;}
}

blockquote.student-quote {
  font-size: 1.333em;
  line-height: 1.5;
  border-top: 0;
	border-bottom: 0;
  padding: .75em;
  margin: .75em 0;
}

.student-facts {width: 100%;}

@media screen and (min-width: 768px) {
	.student-facts {
		float: right;
		width: calc(60% - 14px);
		margin: 0 0 14px 14px;
	}

	blockquote.student-quote {
		font-size: 1.777em;
	}
	
}

@media screen and (min-width: 992px) {
	.student-facts {
		width: calc(50% - 14px);
	}
}

@media screen and (min-width: 1200px) {
	.student-facts {
		width: calc(40% - 14px);
	}
}

.student-related li {
	margin: 0
}

.student-related a {
	display: inline-block;
	padding-top: 1em;
	width: 100%;
}
	
.student-related ul {
  column-count: 2;
	column-gap: 28px;
	column-rule-style: solid;
	column-rule-width: 1px;
	column-rule-color: #d5d4d4;
}

.student-content .student-header {
  font-size: 1.333em;
  text-transform: uppercase;
	padding-bottom: .25em;
	border-bottom: 1px #d5d4d4 solid;
  margin-top: 0;
}


/*
 * Videos
 */
.video {
	margin-bottom: 1em !important;
}

.video-posterframe img {
	padding: 0;
	margin: 0;
}


/*
 * Widgets
 */
.widget select {
	width: 100% !important;
}

.widget_search input,
.widget_search select {
	margin-bottom: .563em;
}

.widget_search input[type="text"] {
	width: 100%;
}

.textwidget a.btn-full {
	padding: .5em 1.777em;
}

/*
 * Widget: FSU Calendar
 */
#fsuwidgetevent {
	font-size: 81%;
}

#fsuwidgetevent li.event {
	margin-bottom: 1.333em;
}

#fsuwidgetdatebox {
	background-color: #fdfcfc !important;
	margin-bottom: .25em;
}

#fsuwidgetevent .start-time {
	text-transform: none !important;
}


/*
 * Widgets Localis
 */

.localist-widget a {
	background-image: none;
}

.localist-widget .event-overview .content p {
	color: #2c2a29;
	font-family: acumin-pro, Arial, sans-serif !important;
}