/*
Theme Name: CDL
Theme URI: https://cdl.ucf.edu/
Description: Child theme based on Twentyseventeen.
Author: Jacob Bates
Author URI: https://cdl.ucf.edu/
Template: twentyseventeen
*/

@media(max-width:960px) {
	.homepage section .max .img {
		display:none;
	}

	.homepage section:nth-child(2n):not(:nth-last-child(2)) .max>div:nth-child(2), .homepage section:nth-child(2n+3):not(:nth-last-child(1)) .max>div:nth-last-child(1), .homepage section:nth-last-child(1) .max>div:nth-child(1) {
	border-right: none !important;
	padding-right: 0;
	}

	.homepage .wrap section:nth-child(n)>div, .homepage .wrap section:nth-last-child(2)>div {
	width: 90%;
	}

	.homepage section #projCont {
		flex-direction: column;
        width: 96%;
	}

	.homepage section .proj {
		width: 100%;
	}

	.homepage .proj img {
		display: none;
	}

	.homepage section #fit {
		margin-left: 0;
	}

    .homepage .entry-content .twoCol .max>div {
        width:96%;
    }

    .homepage section ul {
        margin: 1% 0;
    }

    .homepage .entry-content ul li {
        padding-bottom: 2%;
    }

    .homepage .entry-content .more {
        justify-content: flex-start;
        font-size: larger;
    }

    .homepage .diffCont:nth-child(2) {
        margin-top: 2%;
    }

	.home .homepage section .max {
	    width: 90%;
	}
}


.homepage .twoCol .max>div {
  width: 48%;
}

.homepage section .max {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 80%;
    margin: auto;
}

.homepage section:nth-child(2n-1):not(:nth-last-child(1)) .max {
  flex-direction: row-reverse;
}

.homepage section {
    padding: 2% 0 2%;
}

.homepage #fit {
  flex: 0 0 98%;
}

.homepage section .img {
  display: flex;
  align-items: center;
  justify-content: center;
}

.homepage section .cont {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#content .homepage .wrap .main h1 {
	font-family: "UCF Slab Serif Alt", serif;
	font-style: italic;
	font-size: 40px;
	border-bottom: 2px solid #FFC904;
	padding-bottom: 1%;
}

.homepage section .cont div {
  width: 100%;
}

.homepage section .cont>div:nth-child(2) p {
    margin:0;
}

.homepage section .max .cont .button, .homepage .search-form {
    width:100%;
}

.homepage #projCont {
    display: grid;
	grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
    grid-gap: 10px;
}

.homepage .proj {
	display: flex;
	align-items: center;
	flex-direction: column;
}

.homepage section:nth-child(2n):not(:nth-last-child(2)) .max>div:nth-child(2), .homepage section:nth-child(2n+3):not(:nth-last-child(1)) .max>div:nth-last-child(1), .homepage section:nth-last-child(1) .max>div:nth-child(1) {
  border-right: 2px solid #FFC904;
  padding-right: 2%;
}

.homepage .more {
	display: flex;
	justify-content: flex-end;
}

.homepage #media-RSS {
	margin: 2% 0 1% 2%;
}

.homepage #media-RSS h2 {
	display: none;
}

.homepage #media-RSS ul li a, .homepage .ucf-events-list a, #content .ucf-events-list a:hover, #content .ucf-events-list a:focus{
	color: black;
}

.homepage #media-RSS ul li {
	color: black;
    text-indent: 0;
}

.homepage #media-RSS ul {
	list-style-type: none;
    margin: 0;
}

.homepage ul li {
    list-style-position: inside;
    width: 100%;
	padding-bottom: 1.75%; /* originally was 4% */
	font-size: larger;
    text-indent: 0;
}

.homepage #media-RSS ul li:not(:last-child) {
	border-bottom: 2px solid #ffc904;
    padding-bottom: 1%;
    margin-bottom: 1%
}

.homepage section h1 {
	position: relative;
	margin-bottom: 1%;
    font-size: 28px;
}

.homepage .diff h1 {
	font-family: "Archer SSm A", "Archer SSm B";
	font-style: italic;
}

.homepage .site-content {
	padding-top:2%;
}


.homepage p {
	font-size: 18px;
}


.homepage section:nth-child(n+2):not(:nth-last-child(-n+2)) h1::after {
    background-color: #FFC904;
    bottom: 0;
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    width: 40px;
}


.homepage ul {
	margin: 0;
	width: 100%;
}

/* a specific .homepage ul element */
.homepage #supportHours
{
    margin: 0px 0px 25px 0px;
}

.homepage h1, .homepage h2, .homepage h3, .homepage h4, .homepage h5, .homepage h6 {
	margin: 0;
}

.homepage #supportHoursHeading2 {
    margin: 15px 0px 20px 0px;
}


.homepage .blog:not(.has-sidebar) #primary article,
	.search:not(.has-sidebar) #primary article,
	.error404:not(.has-sidebar) #primary .page-content,
	.error404.has-sidebar #primary .page-content,
	body.page-two-column:not(.archive) #primary .entry-content,
	body.page-two-column #comments {
		float: none;
		width: 100%;
	}

.homepage main .panel-content .wrap {
	padding-top: 2%;
}

.homepage .main .cont>p {
    padding-bottom: 2%;
}

/*.homepage section:nth-child(n+2) h2{
	text-transform: uppercase;
	letter-spacing: 3px;
}*/

.homepage section:nth-last-child(2) {
	background-color: #FFC904;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}


.homepage #diff h2 {
	font-family: "Archer SSm A", "Archer SSm B";
	font-style: italic;
}

.homepage .twoCol .diffCont h2 {
	letter-spacing: 0;
	font-size: 22px;
	font-weight: 400;
    position: relative;
}

.homepage #exp, .homepage #ittoo{
	font-style: italic;
	margin: 1.5em 0 0 0;
}

.homepage #projCont .proj a {
	color:black;
	font-weight: bold;
}

.homepage .entry-content a img {
	box-shadow: none;
	-webkit-box-shadow:none;
}

.homepage section .max #center-title {
    margin-left: 1%;
}

.homepage #initfit {
	flex: 0 0 100%;
}

.homepage iframe {
	margin-bottom: 0;
}

.homepage .buttonholder {
    margin-top: 10px;
}

#content .homepage .button {
    justify-content: center;
    white-space: nowrap;
    width: auto;
    margin: 0 0 0 auto;
    position: relative;
}

#content .homepage .button .fas {
    padding: 0 0 0 6px;
    display: inline-block;
    line-height: 1;
    color: inherit;
}

#content .homepage .twoCol .diffCont h2 a:after {
    top: 11%;
    margin-top: 0;
    content: "\f09e";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ucf-event-row {
    display: flex;
}

.ucf-event-row:not(:last-child) {
    border-bottom: 2px solid #ffc904;
}

.ucf-event-when {
    width: 20%;
}

.ucf-event-start-date {
    display: block;
}

.ucf-event-content {
    width: 80%;
}

.ucf-events-list table tbody tr:not(:last-child) {
    border-bottom: 2px solid #FFC904;
}

.ucf-events-list table thead tr {
    border-bottom: 2px solid #2d2d2d;

}

.ucf-events-list table thead th {
    border: none;
    text-align: center;
}

/** {
	border: 1px solid red;
}*/