/*

IMPORTANT: Make sure to turn "Use the custom.css stylesheet?" option on in your Child 
Theme settings page (under the top level Genesis menu item in your Wordpress dashboard). 

You can use the "custom" class to override *any* CSS declarations contained in the 
style.css file.

For example, if you wish to change the default link color to green, you would add the 
following declarations to this file:

	.custom a, .custom a:visited { color: #090; }	<--- This makes links green
	.custom a:hover { color: #00f; }	<--- This makes links blue when you mouse over them

*/

/* Defaults
------------------------------------------------------------ */

.custom .homepage_template .section {
	padding: 40px 0;
}

.custom .entry-content p {
	font-size: 16px;
	line-height: 2;
}

.custom .sidebar.widget-area ul ul li {
	padding-left: 15px;
}

.custom .sidebar h4.widgettitle {
	font-size: 18px;
}

.custom .sidebar {
	font-size: 16px;
}

.widget_subpages_current_page a {
	color: #000;
}

.custom #sidebar .post {
	margin: 0;
}

/* Navigation
------------------------------------------------------------ */

.custom #nav ul.menu {
	text-align: center;
	float: none;
}

.custom #nav li li a, 
.custom #nav li li a:link, 
.custom #nav li li a:visited {
	font-size: 14px;
	text-align: left
}	

/* Navigation Toggle
------------------------------------------------------------ */
.menu-toggle {
	display: none;
	visibility: hidden;
}

/* Header/Title Area
------------------------------------------------------------ */

.custom #header {
	background: #ffffff;
	border-bottom: 3px solid #582c83;
	border-top: 3px solid #582c83;
	box-shadow: none;
	min-height: 100px;
	position: relative;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

.custom #title-area {
	float: left;
	overflow: hidden;
	padding-left: 15px;
}

.custom #title,
.custom #title a {
	background: none;
	display: inline;
	padding: 0;
}

.custom #title {
	font-size: 40px;
	float: left;
	margin: 40px 0;
	font-family: 'Source Sans Pro', sans-serif;
}

#header .site-image img {
	border-right: 2px solid #582c83;
	float: left;
	display: block;
	margin: 20px 0;
	padding-right: 15px;
	width: 250px;
}

/* Primary Navigation
------------------------------------------------------------ */

#nav {
	background: #62696f;
}

#nav .wrap {
	margin: 0 auto;
	clear: both;
	width: 90%;
	max-width: 1060px;
}

#nav ul.menu {
	float: left;
	padding: 0;
}

#nav li a {
	color: #fff;
	font-size: 20px;
	padding: 12px;
	margin: 0;
}

#nav li a:hover {
	background: #fff;
	color: #333;
}

/* Secondary Area
------------------------------------------------------------ */

.custom #secondary_area {
	background: #eee;
	text-align: center;
	padding: 20px 0;
}

.custom #secondary_area .wrap h2, 
.custom #secondary_area .wrap h1 {
	font-size: 50px;
	font-weight: 600;
	line-height: 1;
}

.custom #secondary_area h1, 
.custom #secondary_area h2 {
	background: none;
	color: #555;
	text-transform: none;
}

.custom #secondary_area .content {
	color: #555;
	font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: 600;
}


/* Homepage Text
------------------------------------------------------------ */

.custom .homepage-row p, .homepage-row {
	font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
}


/* Call Out Section
------------------------------------------------------------ */

a.visit-uca,
a.bear-facts-day,
a.apply-now {
	color: #555;
	display: block;
	font-size: 40px;
	font-family: 'Oswald', arial, serif;
	line-height: 45px;
	text-decoration: none;
	text-align: center;
}

a.visit-uca:hover,
a.bear-facts-day:hover,
a.apply-now:hover {
	-webkit-filter: grayscale(50%);
	color: #582c83;
}

/* Slider Area
------------------------------------------------------------ */

.custom .flex-caption .wrap {
	margin-top: 150px;
}


.custom .flex-caption .slider_content {
	text-align: center;
	width: 100%;
}

.custom .slider_content h3 {
	font-size: 50px;
	line-height: 60px;
}

.custom .slider_content h4 {
	background: #62696f;
	color: #fff;
	display: inline-block;
	font-weight: 300;
	padding: 10px;
}

.custom .slider_content span {
	font-family: 'Niconne', cursive;
	font-size: 75px;
	font-weight: 300;
}

.custom .flex-caption a.button {
	background: #fff;
	color: #582c83 !important;
}

.custom .flex-caption a.button:hover,
 .custom .flex-caption a.button:focus {
	color: #fff !important;
	-webkit-transition: background-color .3s ease-in-out;
	-moz-transition: background-color .3s ease-in-out;
	-ms-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
}

.custom .flexslider .flex-direction-nav li a:hover {
	background-color: #582c83;
	outline: 0;
}


/* Portfolio Area
------------------------------------------------------------ */

.custom #portfolio-area {
	background: url(images/gray.png);
	border: 5px solid #582c83;
	border-width: 5px 0;
}

.custom #portfolio-area .homepage-row .widgettitle {
	background: #26282B;
	color: #fff;
}

.custom #portfolio-controls {
	float: none;
	overflow: hidden;
	margin: 0 auto 20px;
}

#.custom portfolio-controls ul li {
	margin-bottom: 5px;
}

.custom #portfolio-controls a {
	background: #582c83;
	border: none;
	color: #fff;
	font-weight: 400;
	font-size: 20px;
}

.custom #portfolio-controls li.selected a, 
.custom #portfolio-controls a:hover {
	background: #62696f;
}

.custom .portfolio-grid li {
	position: relative;
}

.custom .portfolio-title-hover,
.custom .portfolio-title-hover:hover,
.custom .portfolio-title-hover:focus {
	background: #582c83;
	position: absolute;
	color: #fff;
	padding: 5px 0;
	bottom: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	filter:alpha(opacity=0); /* For IE8 and earlier */
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.custom .portfolio-grid li:hover .portfolio-title-hover {
	opacity: 1.0;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	bottom: 40%;
}

.custom .call-out a {
	background-color: #26282B;
	color: #fff;
	display: block;
	margin: 40px auto 0;
	padding: 5px 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 34px;
	width: 100%;
}

.custom .call-out a:hover {
	color: yellow;
}

/* Section #3 - Counselors
------------------------------------------------------------ */

.custom #section-3 {
	
	background-image: url(images/gray-slant-bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	}

.custom #section-3 .textwidget  {
	text-align: center;
}

.custom #section-3 p {
	font-size: 16px;
	font-weight: 300;
	text-align: center;
}

/* Footer
------------------------------------------------------------ */

.custom #footer-widgets .wrap {
	padding: 20px 0;
}

.custom #footer {
	background: #582c83;
	padding: 20px;
}

.custom #footer p {
	color: #fff;
	text-align: center;
}

.custom .gototop a {
	color: #fff;
}

.custom #footer-widgets {
	background: #62696f;
	border: 5px solid #8a8a8f;
	border-width: 5px 0;
	text-align: center;
}

.custom #footer-widgets p {
	font-size: 16px;
	line-height: 28px;
}

.custom .creds a {
	color: #fff;
	text-decoration: underline;
}



/* Buttons
------------------------------------------------------------ */

.custom input[type="button"], 
.custom input[type="submit"], 
.custom a.button, 
.custom .button, 
.custom .reply a {
	background: #4d2d7f;
}

.custom input:hover[type="button"], 
.custom input:hover[type="submit"], 
.custom a.button:hover, 
.custom .button:hover, 
.custom .reply a:hover {
	background: #62696f;
}

.custom a.button-yellow, 
.custom .button-yellow {
	background: #e6da16;
	color: #555 !important;
}

.custom a.button-yellow:hover, 
.custom .button-yellow:hover{
	background: #62696f;
	color: #fff !important;
}


/* Image Button Hovers
------------------------------------------------------------ */

img.giving-button:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

/* Blockquote
------------------------------------------------------------ */

.custom blockquote {
	background: #f2f2f2;
	border-right: 8px solid #582c83;
	padding: 25px 30px 5px 30px;
}

.custom blockquote p {
	color: #555;
	text-shadow: 1px 1px #fff;
}


/* Video Wrapper
------------------------------------------------------------ */

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Clears
------------------------------------------------------------ */
.clear {
	clear: both;
}

.clear-line {
	border-bottom: 1px solid #ddd;
	clear: both;
	margin: 0 0 25px;
}

.clear-bottom {
	clear: both;
	margin: 0 0 25px;
}

/* Faculty and Staff
------------------------------------------------------------ */

.fs_list {
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	text-align: center;
	padding: 1%;
	margin: 1%;
	width: 45%;
}

.fs_list p {
	padding: 0;
	margin: 0;
}

.fs_fullName {
	font-weight: 600;
}

.fs_full {
	overflow: hidden;
	padding: 20px;
}

.fs_full_image {
	float: left;
	padding-right: 10px;
}

.fs_full_info {
	clear: both;
}

.fs_full ol,
.fs_full ul {
	margin-bottom: 15px;
	margin-left: 40px;
}
/* UCA Events
------------------------------------------------------------ */

.custom .eventListingContent .event {
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
}

.custom .eventListing h3 {
	color: #333;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 10px;
	text-transform: uppercase;
}

/* UCA Search
------------------------------------------------------------ */

.custom .searchUCA h3 {
	color: #333;
	font-size: 18px;
	font-weight: 400;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.custom .textBoxAndButton .textBox {
	padding: 10px;
}

/* Content Boxes
------------------------------------------------------------ */

.content-box-gray,
.content-box-green,
.content-box-blue,
.content-box-teal,
.content-box-orange {
    margin: 0 0 20px 2px;
    padding: 10px;
}

.content-box-gray h3,
.content-box-green h3,
.content-box-blue h3,
.content-box-teal h3,
.content-box-orange h3{
	color: #582c83;
}

.content-box-gray a,
.content-box-green a,
.content-box-blue a,
.content-box-teal a,
.content-box-orange a{
	color: #0073E6;
}


.content-box-gray {
    background-color: #dfe1e2;
}

.content-box-green {
    background-color: #cee3b0;
}

.content-box-blue {
    background-color: #a9cbdf;
}

.content-box-teal {
    background-color: #88bab6;
}

.content-box-orange {
    background-color: #E87600;
}

/* Current Students myUCA Form
------------------------------------------------------------ */

#myucaform {
	overflow: hidden;
	width: 100%;
}

.myuca-user {
	background: url(images/user.png) no-repeat left center #f2f2f2;
	font-size: 18px;
	padding: 5px 0 5px 20px;
	margin: 10px;
	width: 75%;
}

.myuca-pass {
	background: url(images/pass.png) no-repeat left center #f2f2f2;
	font-size: 18px;
	padding: 5px 0 5px 20px;
	margin: 10px;
	width: 75%;
}

.myuca-go {
	background: #62696f;
	color: #fff;
	font-family: oswald;
	font-size: 22px;
	line-height: 28px;
	margin: 5px 10px;
	padding: 5px 7px;
}

.myuca-go:hover{
	background: #777;
}

.simple-social-icons ul li a:hover {
	color: #fff;
}

/* Material Icons
------------------------------------------------------------ */

.material-icons {
	vertical-align: text-bottom;
}

.material-icons.md-18 {
	font-size: 18px; 
}

.material-icons.md-24 { 
	font-size: 24px; 
}

.material-icons.md-36 { 
	font-size: 36px; 
}

.material-icons.md-48 { 
	font-size: 48px; 
}

.material-icons.md-red { 
	background: #c22d00;
	color: #fff;
	border-radius: 50px;
	padding: 10px;
}

.material-icons.md-blue { 
	background: #34678a;
	color: #fff;
	border-radius: 50px;
	padding: 10px;
}

.material-icons.md-green { 
	background: #8fe388;
	color: #fff;
	border-radius: 50px;
	padding: 10px;
}

/* Bean Shortcode
------------------------------------------------------------ */

.bean-panel-body {
	line-height: 2;
}

/* ## Accessible Menu
--------------------------------------------- */
 
.menu .menu-item:focus {
	position: static;
}
 
.menu .menu-item > a:focus + ul.sub-menu,
.menu .menu-item.sfHover > ul.sub-menu {
	left: auto;
	opacity: 1;
}

/* ## Screen reader text
--------------------------------------------- */
 
.screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}
 
.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.genesis-nav-menu .search input[type="submit"]:focus,
.widget_search input[type="submit"]:focus  {
	background: #fff;
	box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
	clip: auto !important;
	color: #333;
	display: block;
	font-size: 1em;
	font-weight: bold;
	height: auto;
	padding: 15px 23px 14px;
	text-decoration: none;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
 
.more-link {
	position: relative;
}

/* Skip Links
---------------------------------------------------------------------------------------------------- */
.genesis-skip-link {
	margin: 0;
}
 
.genesis-skip-link li {
	height: 0;
	list-style: none;
	width: 0;
}
 
/* Display outline on focus */
:focus {
	color: #333;
	outline: #ccc solid 2px;
}


/* Responsive Design
------------------------------------------------------------ */

@media only screen and (max-width: 960px) {

	#header .wrap {
		overflow: hidden;
		width: 95%;
	}

	#nav li a {
		font-size: 16px;
	}
	
	a.visit-uca, a.bear-facts-day, a.apply-now {
		font-size: 32px;
	}
	
	.material-icons.md-48 {
		font-size: 32px;
	}

}

@media only screen and (max-width: 800px) {

	#nav li {
		display: inline-block;
		float: none;
	}

}

@media only screen and (max-width: 760px) {

	.material-icons.md-red,
	.material-icons.md-green,
	.material-icons.md-blue {
		padding: 5px;
	}
	
	a.visit-uca, 
	a.bear-facts-day, 
	a.apply-now {
		font-size: 28px
	}

}

@media only screen and (max-width: 600px) {

	#header .site-image img {
		border: none;
		float: none;
		margin: 20px auto 10px;
	}
	
	.custom #title-area {
		border: none;
		float: none;
		text-align: center;
		width: 100%;
		margin: 0;
		padding: 10px 0 20px;
	}
	
	.custom #title {
		float: none;
		padding: 0;
	}
		
	.custom .flex-caption h3 {
		font-size: 30px;
		line-height: 50px;
	}
	
	.custom .portfolio-title-hover {
		display: none;
	}
	
	.custom .call-out {
		width: 100%;
	}
	
	.custom .flex-caption .slider_content {
		width: 100%;
	}
	
	.custom #secondary_area {
		padding: 10px;
	}
	
	.custom #secondary_area .wrap h2, 
	.custom #secondary_area .wrap h1 {
		font-size: 30px;
		padding: 10px;
	}
	
	.twocol-one, .threecol-one, .threecol-two, .fourcol-one, .fourcol-two, .fourcol-three, .fivecol-one, .fivecol-two, .fivecol-three, .fivecol-four, .sixcol-one, .sixcol-two, .sixcol-three, .sixcol-four, .sixcol-five {
		float: none;
		margin-right: 0;
		width: 100%;
	}
	
	.alignleft,
	.alignright	{
		float: none;
	}
	
	a.apply-now {
		color: #fff;
		background: #c22d00;
		font-size: 38px;
		text-align: left;
		padding: 10px;
	}
	
	a.bear-facts-day {
		color: #fff;
		background: #8fe388;
		font-size: 38px;
		text-align: left;
		padding: 10px;
	} 
	
	a.visit-uca {
		color: #fff;
		background: #34678a;
		font-size: 38px;
		text-align: left;
		padding: 10px;
	}
	
	a.apply-now:hover, 
	a.bear-facts-day:hover, 
	a.visit-uca:hover {
		color: #ddd;
		-webkit-filter: none;
	} 
	
	a.visit-uca:visited, 
	a.bear-facts-day:visited, 
	a.apply-now:visited {
		color: #fff;
	}
	
	.material-icons.md-red, 
	.material-icons.md-green, 
	.material-icons.md-blue {
		background: none;
	}
	
	.material-icons.md-48 {
		font-size: 48px;
	}
	
	.menu-toggle {
		background: #3d3d3d;
		color: #fff;
		display: block;
		font-size: 20px;
		line-height: 1;
		overflow: hidden;
		text-align: center;
		text-transform: uppercase;
		visibility: visible;
		width: 100%;
	}
	
	.menu-toggle a {
		color: #fff;
		display: block;
		font-family: 'Source Sans Pro', Sans-Serif;
		padding: 15px;
	}
 
	.menu-toggle a:hover,
	.menu-toggle a:active {
		text-decoration: none;
	}
	
	.menu-toggle a:focus {
		border: 1px solid #ddd;
		
	}
	
	#nav ul.menu-primary {
		display: none;
	}
	
	.menu-secondary  .menu-item.menu-item-has-children > a:after{
		display: none;
	}
 
	.menu-secondary .sub-menu .menu-item-has-children > a:after {
		display: none;
	}
	
	.call-out a {
		font-size: 22px;
		line-height: 30px;
		overflow: hidden;
	}
}

/* Navigation Toggle - Ensure Menu Displays When Scaled Up
------------------------------------------------------------ */
@media only screen and (min-width: 601px) {
	#nav ul.menu-primary {
		display: block !important;
	}
}

}

@media only screen and (max-width: 400px) {
	.custom .fs_list {
		width: 100%;
		padding: 10px 0;
		margin: 0;
	}
}