/*
Theme Name: Strata Child 2024
Theme URI: http://fsu.edu/
Author: Florida State University
Author URI: http://fsu.edu/
Description: Strata Three Child Theme Template
Version: 3.3.14.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: s3
Text Domain: strata-child-2024
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");
@import url("fsu-makes-news.css");

/*
@media (min-width:767px) {
	ul.nav li.dropdown:hover > ul.dropdown-menu {display:block;}
	ul.menu.nav.navbar-nav > li {z-index:1000 !important;}
}
*/

/* Entire Site styling begins 
main#content a {
  color: #782f40;
}
main#content a:hover {
  color: #ceb888;
}*/

/* Give h1 a bottom border */
main#content header.entry-header h1 {
  border-bottom: 1px solid #2c2a29;
}
/* Hide theme dynamic icons */
/* Random span.fa keeps popping up, also has class .fa-envelope */
main#content span.fa-file-pdf,
main#content span.fa-envelope,
main#content span.fa-angle-right {
  display: none;
}
*/
/* Bring right icon back into view for pagination */
main#content nav ul.pagination span.fa-angle-right {
  display: inline-block;
}
/* Align center captions for image and embed blocks */
main#content div.center-caption figcaption,
main#content figure.center-caption figcaption {
  text-align: center;
}
/* Align right captions for image and embed blocks */
main#content div.right-caption figcaption,
main#content figure.right-caption figcaption {
  text-align: right;
}
/* Reducing the spacing at the top of captions */
.wp-block-embed figcaption {
  margin-top: 0.25em;
  padding: 0;
}

/* Engage Post styling begins */
main article section.engage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
main article section.engage div {
  max-width: 25%;
  padding: 1rem;
}
main article section.engage div a:hover h1 {
  color: adobe-garamond-pro, serif;
}
main article section.engage div img {
  max-width: 100%;
  height: auto;
}
main article section.engage div h1 {
  border: 0;
  display: block;
  font-family: benton-sans, sans-serif;
  font-size: 22px;
  margin-top: 4px;
  text-align: center;
}
/* Engage Post styling ends */

.faculty-row {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
  grid-gap: 1em;
}
main div.entry-summary .faculty-left img {
  height: auto;
  max-width: 75%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.faculty .continue-reading {
  margin-top: 1.5em;
}
main div.faculty-right i.fa-phone {
  margin-right: 0.3em;
}
.s3child-custom-padding {
  padding: 0 0 1.5em 0;
}
div.full-bio {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
/* Override global link styling of garnet and gold on hover 
div.full-bio a {
  color: #fff !important;
  margin-right: 2em;
}
/* Override global link styling of garnet and gold on hover 
div.full-bio a:hover {
  color: #782f40 !important;
}*/
div.full-bio i {
  margin-left: 0.5em;
}
/* Borders */
.faculty-header {
  border-bottom: 0.1px solid #2c2a29;
  width: 100%;
}
/* header.entry-header h1.faculty-header {
  max-width: 14em;
} */
.s3child-bm-1 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
/* Mobile styling */
@media screen and (max-width: 768px) {
  .faculty-row {
    grid-template-columns: 1fr;
  }
  div.full-bio {
    justify-content: flex-start;
  }
  /*hide duplicate arrow for accordions on mobile*/
  .wp-block-details summary {
    list-style: none; /* Removes default bullet/marker */
    display: flex;
  }

  .wp-block-details summary::-webkit-details-marker,
  .wp-block-details summary::marker {
    display: none; /* Hides default marker across all browsers */
    content: ""; /* Ensures no fallback marker appears */
  }
}
/* Archive Post styling ends */

/* Single Post styling begins 
div.faculty-head a.faculty-link {
  color: #782f40;
}
div.faculty-head a.faculty-link:hover {
  color: #ceb888;
}*/
.border-top {
  border-top: 1px solid #2c2a29;
}
main div.custom-entry {
  display: grid;
  grid-template-columns: 1fr;
  margin: 0;
}
main div.custom-entry .faculty-head {
  display: flex;
  align-items: flex-start;
}
main header.flex-header {
  display: flex;
}
main div.custom-entry .faculty-left,
main header.flex-header h1.faculty-header {
  flex: 1;
}
.flex-spacer {
  flex: 0.1;
}
main div.custom-entry .faculty-right,
main header.flex-header div.flex-right-shell {
  flex: 0.5;
}
main div.custom-entry .faculty-head img {
  height: auto;
  max-width: 75%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
main div.custom-entry div.faculty-right p,
main div.faculty-row div.faculty-right p {
  margin: 0 0 0.5rem 0;
}

main div.custom-entry .faculty-head i.fa-phone {
  margin-right: 0.2em;
}
/* mobile styling */
@media screen and (max-width: 768px) {
  main div.custom-entry .faculty-head {
    flex-direction: row;
    flex-direction: column-reverse;
  }
  main header.flex-header div.flex-right-shell,
  .flex-spacer {
    flex: 0;
  }
}

/* Single Post styling ends */

.date {
  color: #969594;
  font-size: 81%;
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .columns-2 {
    columns: 2;
  }
}

.footer-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.footer-info div {
  margin-bottom: 1.5rem;
  width: 25%;
  text-align: center;
}
.footer-info span,
.footer-info p {
  font-family: benton-sans, sans-serif;
  line-height: 1.666;
  word-wrap: break-word;
}
.footer-info p {
  padding: 0;
  margin: 0;
}
/* Changed from .footer-info .mail  to .footer-info .contact-info*/
.footer-info .contact-info {
  line-height: 1.777;
  margin-bottom: 2em;
  width: 33%;
}
.footer-info i {
  margin-right: 0.5rem;
}
.footer-info h1,
.footer-info h3 {
  border: none;
  font-family: benton-sans, sans-serif;
  font-size: 1.333rem;
  font-weight: 700;
  margin-top: 0.5em;
  margin-bottom: 0;
  padding-bottom: 0;
}
.footer-info h1,
.footer-info span {
  font-size: 1em;
}
/* Apply black color and full width */
.footer-info .contact-info .socials {
  color: #161514;
  width: 100%;
}
.footer-info .socials nav ul {
  margin: 0 auto;
}
/* Would have made 100 but it messed with web layout */
.footer-info .mail {
  width: 90%;
}
.footer-info .contact-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-family: benton-sans, sans-serif;
  font-weight: 700;
  margin-bottom: 1em;
  /* Adjusted width from 66% */
  width: 60%;
}
/* Make socials sit horizontally */
.footer-info .contact-info .nav-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}
.footer-info .contact-list div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0;
  padding: 0.5rem 1rem;
  width: 100%;
}
.footer-info .contact-list div span:nth-of-type(odd) {
  text-align: left;
}
.footer-info .contact-list div span:nth-of-type(even) {
  text-align: right;
}
.footer-info .contact-list div:nth-of-type(odd) {
  background-color: #dacaa6;
}
.footer-info .contact-list div:nth-of-type(even) {
  background-color: #e7dcc4;
}

@media only screen and (max-width: 768px) {
  .footer-info > div {
    width: 50%;
  }
  /* Changed from .footer-info .mail  to .footer-info .contact-info*/
  .footer-info .contact-info,
  .footer-info .mail,
  .footer-info .socials {
    width: 100%;
  }
  .footer-info .contact-list {
    width: 100%;
  }
}

/*50th Anniversary Banner*/
/*BEGIN anniversary banner CSS*/
/*.anniversary-banner a {
  color: #782f40;
}
.anniversary-banner a:hover {
  color: #565554;
}*/
/*desktop*/
@media screen and (min-width: 821px) {
  .anniversary-banner {
    padding-top: 10px;
  }
  .anniversary-banner img {
    height: auto;
    max-width: 5%;
    padding-left: 15px;
    padding-right: 15px;
  }
  .anniversary-banner p {
    font-size: 16px;
  }
  .anniversary-banner br {
    display: none !important;
  }
}

/*tablet*/
@media screen and (min-width: 481px) and (max-width: 820px) {
  .anniversary-banner img {
    max-width: 5%;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
.anniversary-banner p {
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left: 15px;
  padding-right: 15px;
}
/*mobile*/
@media screen and (max-width: 481px) {
  .anniversary-banner {
    align-items: center;
  }
  .anniversary-banner img {
    max-width: 10%;
    padding-bottom: 5px;
    padding-top: 5px;
  }
  .anniversary-banner p {
    font-size: 12px;
  }
  /*Hides block images on mobile for department subsites*/
  .cosspp-block .img-responsive {
    display: none;
  }
}

/* Override parent until it gets resolved */
#fsu-title a {
  font-weight: 700;
}

/*Additional CSS added rca aug 2024*/
/*h2 hero block*/
.cosspp-hero p.h2 {
  line-height: 120%;
  color: #782f40;
}
.cosspp-hero p.h3 {
  line-height: 120%;
}
.cosspp-feature p.h2 {
}

/*add link styling for blocks & custom blocks*/
.cosspp-block-home img {
  border-radius: 5px;
}
.cosspp-block-home p.h5,
.cosspp-block p.h4 {
  color: #2c2a29;
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.15) 40%,
    rgba(255, 255, 255, 0.15) 60%
  );
  background-position: 50% 100%;
  background-repeat: repeat-x;
  background-size: 6px 1px;
  transition: all 0.15s ease-in-out;
  background-color: transparent;
  text-decoration: none;
}

.cosspp-block-home p.h5:hover,
.cosspp-block p.h4:hover {
  color: #161514;
  background-image: linear-gradient(
    to right,
    rgba(120, 47, 64, 1) 40%,
    rgba(206, 184, 136, 1) 60%
  );
  background-size: 12px 1px;
}

/* block greyscale on hover */
.cosspp-block a:hover img.img-responsive.img-expand.img-none,
.cosspp-block-home a:hover img.img-responsive.img-expand.img-none {
  opacity: 1;
  -webkit-filter: grayscale(300%);
  -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;
}

.cosspp-block p a {
  color: #000000;
  background-image: none;
  background-size: 0px 0px;
  font-weight: normal;
}

/**/
.cosspp-feature-home h2 {
  color: #782f40;
  line-height: 120%;
}

.cosspp-feature-home h2 em {
  color: #ceb888;
}

.cosspp-feature-home h2 {
  color: #782f40;
  line-height: 120%;
}
.cosspp-feature-home h2 em {
  color: #ceb888;
}

.cosspp-feature h2 {
  color: #782f40;
  line-height: 120%;
  font-size: 30px;
}
/*h2 to be brand compliant*/
.entry-content h2 {
  color: #782f40;
}
.container-fluid {
  overflow-x: hidden;
}

/*hiding svg on categories*/
body.category #content svg {
  display: none;
}
body.tag #content svg {
  display: none;
}

/*Accordion Block Styling - added 01.29.2025 - rca17*/
/*Title & Icon*/
/*title*/
.wp-block-details summary {
  color: #565554;
  position: relative;
  padding: 16px 0 17px 50px;
  border-top: 1px solid #e9e9e9;
  transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  display: block;
  margin-top: 5px;
  font-stretch: 75%;
  font-weight: 700;
  font-size: 24px;
  line-height: 26px;
  cursor: pointer;
}

/* Hover state & open state for  title */
.wp-block-details[open] summary,
.wp-block-details summary:hover,
.wp-block-details summary:focus {
  color: #333333;
}
/* Change border color when accordion is open */
.wp-block-details[open] summary {
  border-top: 2px solid #333333;
}

/* Icon */
.wp-block-details summary::before {
  content: "\f105";
  position: absolute;
  left: 2px;
  top: 12px;
  width: 35px;
  height: 35px;
  font-family: FontAwesome;
  font-weight: bold;
  text-indent: 2px;
  line-height: 30px;
  text-align: center;
  font-size: 20px;
  color: #969594;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out,
    color 0.3s ease-in-out;
  -webkit-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out,
    color 0.3s ease-in-out;
  border: 2px solid #969594;
  border-radius: 50%;
}

/* Change icon on open */
.wp-block-details[open] summary::before {
  transform: rotate(90deg);
  opacity: 0.8;
  color: #ffffff !important;
  background: #333333;
  border: 2px solid #333333;
}

/* Change icon color on hover */
.wp-block-details summary:hover::before,
.wp-block-details summary:focus::before {
  color: #333333;
  border: 2px solid #333333;
}

/*Accordion Content*/
.wp-block-details > :where(:not(summary)) {
  padding: 13px 0 3px 50px;
}

/* Osano Widget */
.osano-cm-widget {
  display: none;
}
.fsu-cookie i {
  display: inline-block;
  font-size: 1.777em;
  vertical-align: middle;
}
a.osano-cm-link,
a.osano-cm-link:hover,
a.osano-cm-link:focus {
  background-image: none;
  color: #ceb888;
}
@media screen and (min-width: 768px) {
  .fsu-cookie i {
    margin: 0.25em 0.33em;
  }
}
#fsu-footer > .s3-c .fsu-cookie a:hover,
#fsu-footer > .s3-c .fsu-cookie a:focus,
#fsu-footer > .s3-w .fsu-cookie a:hover,
#fsu-footer > .s3-w .fsu-cookie a:focus {
  color: #565554;
}
#fsu-footer > .s3-s .fsu-cookie a:hover,
#fsu-footer > .s3-s .fsu-cookie a:focus,
#fsu-footer > .s3-k .fsu-cookie a:hover,
#fsu-footer > .s3-k .fsu-cookie a:focus,
#fsu-footer > .s3-gt .fsu-cookie a:hover,
#fsu-footer > .s3-gt .fsu-cookie a:focus {
  color: #ceb888;
}
#fsu-footer > .s3-gd .fsu-cookie a:hover,
#fsu-footer > .s3-gd .fsu-cookie a:focus {
  color: #782f40;
}