/*
Theme Name: Strata Three Child (President)
Theme URI: http://fsu.edu/
Author: Florida State University
Author URI: http://fsu.edu/
Description: Strata Three Child Theme: President
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-president
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");

/*
 * First Lady
 * Hero Blocks
 * Gravity Forms
 * Infobox
 * Sidebar Menu Styling
* Staff
 */






 
/* 
 * First Lady
 */

.firstlady-pullout {
  float: right;
  width: 50%;
  margin: 0 0 1em 1em;
}

html .firstlady-pullout .caption {
  font-style: italic;
  text-align: center;
  padding: 0;
  margin: -.25em 0 .75em;
}

html .firstlady-pullout .btn {
  padding-top: .5em;
  padding-bottom: .5em;
}

@media screen and (min-width: 768px) {
  .firstlady-pullout {width: 40%}
}

@media screen and (min-width: 992px) {
  .firstlady-pullout {width: 30%}
}

@media screen and (min-width: 1200px) {
  .firstlady-pullout {width: 20%}
}

.firstlady-initiatives img {
  margin-bottom: 1em;
}

.btn.btn-primary[aria-expanded="true"] span {
  display: none;
}

.btn.btn-primary[aria-expanded="true"]:after {
  content: "Read Less —";
}







/*
 * Hero Blocks
 */
 .hero-blocks {
	padding: 0;
	margin: 0 -14px;
}

.hero-blocks article {
	display: flex;
	flex-direction: column;
	margin: 0;
}

.hero-blocks article > div {
  padding: 1em;
}

.hero-blocks article div + div {
  flex-direction: column;
  justify-content: center;
	padding: 0 2em 1em;
}

.hero-blocks .img-smooth {
	border-radius: 8px;
}

.hero-blocks h2 {
	font-weight: normal;
}

.hero-blocks-video article {margin: 1em}
.hero-blocks-video article .hero-video {padding: 0; margin: 0;}
.hero-blocks-video article .hero-video .video {border-radius: 8px}
.hero-blocks-video article .hero-video .video {margin-bottom: 0}

@media (min-width: 992px) {
	.hero-blocks article {
		flex-direction: row;
		justify-content: center;
    border: 0;
	}

  .hero-blocks article div {
		width: 50%;
		display: flex;
	}	
  
	.hero-blocks article > div {
    align-self: flex-start;
		padding: 3em 3em 3em 0;
	}
		
  .hero-blocks article div + div {
    align-self: center;
    padding: 1em 2em 2em;
  }

  .hero-blocks.hero-blocks-reverse article > div {
		padding: 3em 0 3em 2em;
	}

	.hero-blocks.hero-blocks-reverse article div + div {
    order: -1;
		padding: 3em 3em 3em 0;
	}

  .hero-blocks-headshot article div + div {
    width: 584px;
  }

	.hero-blocks .btn {
		margin-right: 1em;
	}

  .hero-blocks-video article {margin: 1em 0}
  .hero-blocks-video article div {
		width: 100%;
		display: flex;
	}

  .hero-blocks-headshot article > div {
    padding: 0;
  }
	
  .hero-blocks-headshot article > div {
    /* width: 100% !important; */
    height: 100%;
    min-height: 640px;
  }

  .hero-blocks-headshot article > div div {
    width: 100% !important;
    height: 100%;
    min-height: 640px;
  }

  .hero-blocks-headshot article > div.hero-image {
    width: 100% !important;
  }

  .hero-blocks-headshot article div + div {
    width: 484px;
    padding-right: 0;
    margin-right: auto;
  }

  .hero-blocks-video article {
    margin: 2em 10em;
  }

}

@media (min-width: 1200px) {
  	.hero-blocks article div + div {
      font-size: 125%;
	}

  .hero-blocks-headshot article div + div {
    width: 584px;
  }

  .hero-blocks-video article {
    margin: 1em 19.5em;
  }
}







/*  
 * Gravity Forms
 * /
.gform_wrapper .gfield_required::after {
  color: #666;
  font-size: 81%;
  font-weight: 400;
}

html .gform_wrapper.gf_browser_gecko .gfield_time_ampm select {
  max-width: 7rem !important;
  width: calc(6rem + 25px);
}

body .gform_wrapper ul li.gfield {
	margin-top: 20px;
}







/*
 * Infobox
 */
 .infobox {
	background: #fdfcfc;
	padding: 1em;
	margin-bottom: 1em;
}

@media (min-width: 767px) {
	.infobox {
		float: right;
		width: 33%;
		margin: 0 0 28px 1em;
	}
}

#menu-main-menu .navbar li a {
  font-size: 100%;
}







/* 
 * Sidebar Menu Styling
 */
#secondary {
	border-bottom: none;
}

#secondary h2 {
	background: #782f40;
	color: #fdfcfc;
	padding: .75em 1em .5em;
	margin: 0;
	border-bottom: 1px #ceb888 solid;
}

@media screen and (min-width: 992px) {
	.widget {
    	margin: 0 0 .563em;
	}
}







/*
 * Staff
 */
 .staff {
  display: grid;
  gap: 56px 28px;
  grid-template-columns: repeat(1, 1fr);
}

.staff h3 {
  margin-bottom: 0;
}

.staff .fa-envelope {
  display: none;
}

.staff-member {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.staff-content {
  flex: 1;
}

.staff-custom {
  width: 100%;
  align-self: flex-end;
}

@media screen and (min-width: 768px) {
  .staff {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (min-width: 1200px) {
  .staff {
    grid-template-columns: repeat(3, 1fr);
  }  
}



.pres-contact {
  background-position: 50% 50%;
  display: flex;
	flex-direction: column;
	margin: 0 -7px 1.333em;
}

.pres-contact > div {
  display: flex;
	flex-direction: column;
	flex-grow: 1;
	align-items: stretch;
  font-size: 1em;
	padding: .5em;
	margin: 0
}

.pres-contact .list-icons-inner a {
  display: block;
  width: 100%;
  padding: .25em 1em;
}

@media screen and (min-width: 768px) {
  .pres-contact {
    flex-direction: row;
  }

  .textwidget .pres-contact {
    flex-direction: column;
    font-size: 120% !important;
  }

	.pres-contact > div {
		flex-basis: calc(33.3333% - 14px);
		flex-wrap: wrap;
		justify-content: flex-start;
	}
}