/*
Implementations Skeletor v3 - 5/10/2014

oustyles.css

Add styles to overwrite customer CSS, USE WITH CAUTION.

Contributors: Your Name Here
Last Updated: Enter Date Here
*/
/* Display slider button in wysiwyg editor*/
#spotlights .ou-btn{
	margin-top:30px;
}
/* Direct edit button */
#directedit a{
	display:inline-block;
	padding-right:.2em;
}
#de{
	display:inline;
}

main .flex-nav-container, main .flex-nav-container * {
	max-width: initial!important;
}

@media screen and (max-width: 950px){
	.flexslider .slides > li {
		float: left!important; 
	}}
main hr {
	border-width: 0 0 1px 0;
}

/* Search Button */
.search-button:before {
	display: block;
	content: ' ';
	position: absolute;
	width: .8em!important;
	height: .8em!important;
	border-radius: 50%;
	border: 2.5px solid #ffd24f;
	z-index: 15;
	top: .40em;
	left: .4em;
	cursor: pointer;
}

.search-button:after {
	content: ' ';
	display: block;
	position: absolute;
	height: .2em;
	width: .4em;
	background-color: #ffd24f;
	top: 1.4em;
	left: 1.1em;
	z-index: 16;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

input.search-button {
	padding: .4em 1em;
	color: transparent!important;
	background-color: transparent!important;
}

.search-button:hover {
	background-color: #ffd24f!important;
}

.search-button:hover:before {
	border-color: #53565a!important;
}

.search-button:hover:after {
	background-color: #53565a!important;
}

div.gsc-search-button {
	position: relative;
	float: left;
}

div.search-button{
	vertical-align: middle;
	background-color: rgba(0,0,0,.5)!important;
}

div.search-form{
	width: 275px!important;
	font-size: 15px;
	height: 2em!important;
	display: inline-block;
}

.mobile div.search-form {
	margin: 5px;
}

.mobile input.search-button-input {
	width: 75%;
}

input.search-button-input {
	height: 24px;
	width: 240px;
	float:left;
}

.search-results ul>li {
	list-style-type: none!important;
}
.ou-clear-right{
	clear: right;
}
@media screen and (max-width: 950px){
	img#loadougif {
		display: none!important;
	}}

.ui-menu {
    z-index: 201!important;
}
.flex-caption a{
	color: #fff;
}
.flexslider img{
	margin:0;
}
.flex-caption{
    background: rgba(0, 0, 0, 0.4) !important;
}
.slide.current .caption .ou-caption, .slide.current .caption .ou-caption:hover {
    color: inherit!important;
    text-decoration: none;
    overflow: hidden!important;
    white-space: nowrap!important;
    padding: 1em!important;
    display: block;
}

#side .for-side-container {
    border: 1px solid rgba(0,0,0,.25);
}
