/* Department CSS Document */
/*For mobile first adaptive design place styles for mobile and up in the mobile and up area.
Place styles for tablet and up inside the media query in the tablet and up area.
Place styles for desktop only inside the media query in the desktop only area.

For questions or media query training contact Web Development Services.
*/
/* ====================== Mobile and Up ========================== */

.object-cover {
	object-fit: cover;
}

h1 {
	font-family: "Lato", sans-serif;
}

/* PAGE HEADERS */

section.give-header h1 {
	display: inline-block;	
	padding-bottom: 5px;
}

section[data-uvu-template="header-option-one"],
section[data-uvu-template="header-option-one"] div.col-sm-6.title,
section[data-uvu-template="header-option-two"] div.col-sm-6.title {
	padding: 20px;
}


section[data-uvu-template="header-option-one"] h1 {
	border-bottom: 1px solid #fff;
}


section[data-uvu-template="header-option-two"] h1 {
	border-bottom: 1px solid #8e8c89;
}

section[data-uvu-template="header-option-three"] header {
	padding: 40px;
}

section[data-uvu-template="header-option-three"] div.bg-white {
	display: block;
    padding: 40px;
}

section[data-uvu-template="header-option-one"] a.button-give-now {
	border: 1px solid #fff;
}

section[data-uvu-template="header-option-two"] a.button-give-now,
section[data-uvu-template="header-option-three"] a.button-give-now{
	border: 1px solid #275d38;
}

/* HOMEPAGE FEATURED */
.featured-content {
	padding: 20px 20px 80px 20px;
}

.featured-photo {
	align-items: center;
}


/* END HOMEPAGE FEATURED */

/* HEADINGS */
/*#content-wrap h1, #content-wrap h2, #content-wrap h3, #content-wrap h4, #content-wrap h5, #content-wrap h6 {
	font-family: "Lato", sans-serif;
}*/

.divider-header {
	text-transform: uppercase;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 0;
}

.divider-header {
	padding: 20px 0;
}

.divider-header {
	color: #275d38;
}

.divider-header::before, .divider-header::after {
	content:"";
	flex-grow: 1;
	height:1px;
	background-color: #fff;
}

.divider-header::before, .divider-header::after {
	background-color: #275d38;
}

.divider-header::before {
	margin-right: 40px;
}

.divider-header::after {
	margin-left: 40px;
}
/* END HEADERS */

/* BUTTONS */

a.button-give-now {
	color: #fff;
	background-color: #275d38;
	font-family: "Lato", sans-serif;
	font-weight: bold;
	font-size: 18px;
	padding: 8px 15px;
	display: inline-block;	
	}

a.button-give-now:hover {
	text-decoration: none;
	background-color: #fff;
	color: #275d38;
}

/* END BUTTONS */

/* LISTS */

ul.filter-list {
	    padding: 15px;
    background-color: #f1f1f1;
    border-radius: 5px;
}

ul.filter-list li:not(last-of-type) {
	margin: 0px;
    /*border-bottom: solid 1px #dcdcdc;*/
    padding: 8px 0px;
}

ul.filter-list li a {
	font-size: 14px;
    display: block;
	color: #4C4C49;
}

/* END LISTS */

/* TAGS */

ul.tags {
	text-align: left;
}

li.item-tag a {
    background-color: #e8e8e8;
    padding: 6px 12px;
    border-radius: 4px;
	border: 1px solid #e8e8e8;
    color: #000;
	transition: background-color 0.5s ease;
}

li.item-tag a:hover {
	text-decoration: none;
	background-color: #fff;
}

/* END TAGS */

/* CARDS */
.card-full-links {
	margin-top: auto;
	margin-bottom: 0px;
	justify-content: flex-start;
}

a.card-full-button {
	background-color: #275d38;
	color: #fff;
	text-transform: uppercase;
	font-family: "Lato", sans-serif;
	padding: 10px 8px;
	border: 2px solid #275d38;
	font-size: 12px;
	display: inline-block
}

a.card-full-button:hover {
	background-color: #fff;
	color: #275d38
}

.card-full a:hover {
	text-decoration: none;
}

.card-full-secondary {
	height: 100%;
}

.card-full-secondary > .card-picture-custom {
	display: grid;
	grid-template-columns: 1fr;
	/*grid-template-rows: 250px 50px auto;*/
	box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
	align-content: start;
}

.card-full-secondary > .card-picture-custom h2.card-picture-title {
	grid-row: 2 / 3;
	font-family: "Lato", sans-serif;
	font-size: 20px;
	font-weight: 600;
	padding-left: 20px;
	padding-right: 20px;
	align-self: start;
	margin: 20px 0 0px 0;
}

.card-full-secondary > .card-picture-custom .card-picture-content {
	padding: 10px 20px 20px 20px;	
	align-self: start;
}

.card-full-secondary > .card-picture-custom a.card-picture-button {
	display: none;
}

/* END CARDS */

/* -------------- START InPageNav -------------- */

.inpageNav {
	display: flex;
	flex-direction: row;
	justify-content: left;
}

.inpageNav ul {
	display: flex;
	flex-direction: column;
	padding: 20px;
	list-style-type: none;
}

.inpageNav li {
	font-family: "Rajdhani", sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 10px 0;
}

.inpageNav li:hover {
	text-decoration: none;
	cursor: pointer;
}

.inpageNav li a {
	display: flex;
	flex-direction: row;
	align-items: center;
	text-align: center;
	color: #275D38;
}

.inpageNav ul.text-white li a, .inpageNav ul.text-white li span {
	color: #fff;
}

.inpageNav li:hover a, .inpageNav li a:focus {
	text-decoration: none;
}

.inpageNav li span {
	font-size: 32px;
	color: #275D38;
	margin: 10px 0;
	text-decoration: none;
	text-align: center;
	width: 50px;
}

/* END InPageNav */

.button-hero:hover {
	color: #275d38;
	background-color: rgba(255, 255, 255, 0.8);
}


/* Evergreen Footer */

.evergreen-footer, .evergreen-footer ul li, .text-georgia {
		font-family: "Rajdhani", sans-serif;
}

.evergreen-footer {
	background-color: #FBFBFB;
}

.evergreen-footer ul {
	
}

/* SEARCH FEATURE */
#searchInput {
	width: 100%; /* Full-width */
    font-size: 16px; /* Increase font-size */
    padding: 12px 20px 12px 40px; /* Add some padding */
    border: 1px solid #ddd; /* Add a grey border */
    /*margin: 12px;*/
	background-image: url(https://www.uvu.edu/give/images/search.png);
	background-repeat: no-repeat;
	background-position: 1% center;
}

#myTable {
	width: 100%;
}

#myTable tr {
	display: none;
    border-bottom: 1px solid rgb(221, 221, 221);
    padding: 15px;
}

/* END SEARCH */

/* Form Assembly */
.wFormContainer {
	margin: 0px auto;
}

.wFormContainer .wFormHeader {
	height: 0px;
}

/*Give Bar Cards*/
.give-bar {
	padding: 20px 0;
	margin: 0 20px;
}
.give-card {
	margin: 0 -20px;
}
.give-card + .give-card {
	margin-top: 10px;
}
/* END Give Bar Cards */


.translucent-button {
	background-color: rgba(36, 93, 56, 0.85);
    color: #ffffff;
    border: 3px solid #ffffff;
    transition: 0.3s;
    display: inline-block;
    position: relative;
    text-decoration: none;
    font-family: 'Rajdhani', sans-serif;
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 20px;
    text-align: center;
    width: 310px;
}

.translucent-button:hover {
	background-color: #ffffff;
    color: #275d38;
}


/*End mobile and up styles*/
/* ====================== Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 768px) {
	
	section[data-uvu-template="header-option-one"] {
	padding: 40px;
	}
	
	section[data-uvu-template="header-option-one"] div.col-sm-6.title,
	section[data-uvu-template="header-option-two"] div.col-sm-6.title{
	padding: 40px;
	}
	
	section[data-uvu-template="header-option-three"] header {
	padding: 100px 100px 60px 0px;
}

	section[data-uvu-template="header-option-three"] div.bg-white {
	display: inline-block;
    padding: 50px 100px 50px 200px;
}
	
	.featured-content {
	padding: 40px 40px 80px 40px;
}
	
	/* -------------- START InPageNav -------------- */

.inpageNav {
	justify-content: space-between;
/* 	padding: 40px 0; */
}
	
.inpageNav ul {
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%;
	padding: 13px;
}
	
	.inpageNav ul > li + li {
		margin-inline-start: 60px !important;
	}

.inpageNav li {
	display: inline-block;
	/*flex-direction: row;*/
	transition: all 0.3s ease-in-out;
}
	
.inpageNav li:hover {
	transform: translateY(-20px);
}
	
.inpageNav li a {   
    flex-direction: column;    
    align-items: center;
}
	
.inpageNav li span:after {
    margin: 0 0 0 5px;
}


/* END InPageNav */
	
	/*Give bar cards*/
	.give-bar {
		padding: 0 20px;
		margin: 20px 0;
		display: flex;
		justify-content: space-between;
		align-items: stretch;
	}
	.give-card {
		margin: -20px 0;
		flex-basis: calc(100% / 3 - 10px);
	}
	.give-card + .give-card {
		margin-top: -20px;
	}
	/* */
	
	
}

/*end media query*/
/*End tablet and up styles*/
/* ====================== Landscape Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 992px) {
	.featured-content {
	padding: 60px 100px 100px 100px;
}
	
	.inpageNav ul {
	padding: 20px;
}
	
}

/*end media query*/
/*End landscape tablet and up styles*/
/* ====================== Desktop Only (Overrides Mobile and Tablet Styles) ========================== */
@media only screen and (min-width: 1200px) {
	
	
}

/*end media query*/
/*End desktop only styles*/
/*END OF DOCUMENT*/