/*
Theme Name: ISU Venue
Theme URI: http://underscores.me/
Author: kelly weaver
Author URI: http://mindfulldesign.com
Description: Custom theme for ISU
Version: 1.0-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: isuvenue
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.

 ISU Venue is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
	5.1 Links
	5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
	10.1 Posts and pages
	10.2 Asides
	10.3 Comments
11.0 Infinite scroll
12.0 Media
	12.1 Captions
	12.2 Galleries
13.0 Flex Slider
-------------------------------------------------------------
COLORS

*/
 .darkgray { background: #716258;}
 .gray { background: #e6e6e6;}
 .blue { background: #38b5e6;}
 .navy { background: #0a2857;}
 .orange { background: #ff9e19;}
 .green { background: #b5be00}
 .red { background: #ff5859;}

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

div#content {
    background: #ffffff;
}

html {
	font-size: 100%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
	text-size-adjust: 100%; /* 
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
	box-sizing: border-box; /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol,
ul {
	list-style: none;
}

table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
	padding: 4px 1%;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
html {
	font-size: 13px;
}

body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: avenir,"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 400;
  line-height: 1.45;
  }
  

/* Type will scale with modules */


h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	 margin: 1.414em 0 0.5em;
  font-weight: inherit;
  
	line-height: 1.2;
    
	color: #00386b;

}

h1 {
  margin-top: 0;
  font-size: 1em;
}

h1.entry-title {
  font-size: 1.75em;
  font-weight: 600;
}
h1.venue-title {
  font-size: 1em;
  background: #0a2857;
  color: #ffffff;
  text-transform: none;
  display: inline-block;
  padding: 4px 6px;
  position: absolute;
  top: 40px;
  left: 20px;
}


h2 {font-size: 1.25em;}

.entry-content h2 {font-size: 1.25em; clear: none; margin: 0 0 .5em 0;}

h3 {font-size: 1.5em;font-weight: 600;}

h4 {font-size: 1.25em;}

p {
	margin-bottom: 1.3em;}


b,
strong {
	font-weight: bold;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: .938em;
		max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 1.5rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

sup,
sub {
	font-size: .707em;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small, .font_small {font-size: 0.707em;}


big {
	font-size: 1.25em;
}
.content-area {
	font-size: 1em;
}
.site-description {
font-size: .75em;
}
.widget-area {
	font-size: .875em;
	padding: 1em 2%;
	background: #eeeeee;
	margin-bottom: 1em;
	clear: both;
}
.site-footer {
	color: #ffffff;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 2em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure {
	margin: 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

th {
	font-weight: bold;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #3fa7f3;
		color: rgba(255, 255, 255, 1.0);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: -1px -1px 1px rgba(24, 38, 68, 0.6);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	background: #91B7DD;
	text-shadow: none;

}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	box-sizing: content-box;
content: "\f343";}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

/* header */

.site-description .search-form {
	
	float: right;
	clear:right;
}

textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 100%;
}

select { background: white; border: 1px solid #eeeeee; text-transform: uppercase; font-size: 14px; width: 240px;    height: 34px;    overflow: hidden; border-left: 3px solid red; 
  -webkit-border-radius: 0px; border-radius: 0;    padding-left: 10px;}

select:after {
	content: "\f347";
    font-family: Dashicons;
}

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


/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a {
	color: #0969B1;
	text-decoration: none;
}

a:visited {
	color: #0969B1;
}

a:hover,
a:focus,
a:active {
	color: #387e9c;
	text-decoration: underline;
}


/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/
.main-navigation {
	width: 100%;
}
.main-navigation ul.nav-menu {
	display: none;
}

.main-navigation img {
	float:left;
	}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	width: 100%;
}
.main-navigation a {
	display: block;
	text-decoration: none;
	font-size: .875em;
}


.nav-menu.pad {
	height: 0;
	-webkit-transition: height 2s, -webkit-transform 2s;
	transition: height 1s, transform 2s;
}

.main-navigation ul.nav-menu > li > a {
	
	text-align: center;
	line-height: 4em;
	color: #716258;
}
	
.main-navigation ul.nav-menu > li {
	border-top: 8px solid #ff9e19; /* orange */
}

.main-navigation ul.nav-menu > li:first-child {
	border-top: 8px solid #38b5e6; /* blue */
	clear: left;
}
.main-navigation ul.nav-menu > li:last-child {
	border-top: 8px solid #8DDA3A; /* green */
}
.main-navigation ul.nav-menu > li.menu-item-435 {
	border-top: 8px solid #ff5859; /* red */
}

.main-navigation ul.nav-menu  > li > ul{
	float: left;
	position: absolute;
	left: -9999px;
	z-index: 999; 
	width: 100%;
	padding: 1em 2%;
	-webkit-transition: background-color 2s, -webkit-transform 2s;
	transition: background-color 1s, transform 2s;
	background: #ffffff;
}

.main-navigation ul.nav-menu  > li.toggle-on > ul {
	left: 0;
	position: relative;
}
li.toggle-on {
  background: #eeeeee;
}
.main-navigation ul ul a:link {
	color: #38b5e6;
	line-height:2.5em;
    border-bottom: 1px dotted #716258;
	padding: 0 2%;
  	font-weight: 400;
}
.main-navigation ul ul a:hover {
	background: #dddddd;
}

.main-navigation ul ul a[href="#"]{
	color: #0a2857;
	font-weight:600;
	border-bottom: 3px solid #485167;
	line-height: 2.5em;
	
	cursor: default;
	background: none;
}

.main-navigation.toggled ul.nav-menu {
    display: block;
}

.menu-toggle {
position: absolute;
right: 5%;
top: 0;
}

.main-navigation ul ul  li.event-pic a[href="#"] {
	background: url(http://isuvenue.wpengine.com/wp-content/uploads/2015/06/dinner_01.jpg) no-repeat;
	border:none;
	height: 146px;
  margin-top: 3em;
}
.main-navigation ul ul  li.venue-pic a[href="#"] {
	background: url(http://isuvenue.wpengine.com/wp-content/uploads/2015/06/search.jpg) no-repeat;
	border:none;
	height: 146px;
	color: rgb(239, 247, 255);
	  margin-top: 3em;

}
.main-navigation ul ul  li.plan-pic a[href="#"] {
	background: url(http://isuvenue.wpengine.com/wp-content/uploads/2015/06/planevent_sm.jpg) no-repeat;
  border: none;
  height: 146px;
  color: rgb(223, 222, 216);
  margin-top: 3em;
}


.menu-secondary-container ul {list-style:none; background: #ffffff; float: right; font-size: 13px; margin-top: -24px;}


.menu-secondary-container ul > li {
	  float: left;
	  padding-right: .75em;
}




@media screen and (min-width: 600px) {
/* Small menu. */
.menu-toggle {
display: none;
}

.main-navigation ul.nav-menu {
	display: block;}

.main-navigation {
	margin-top: -8px;
}
.site-description {
	display: inherit;
}
.site-branding {
float: left;
margin: 1em 0;
width: 25%;
text-align:left;
}

h1.venue-title {
  font-size: 1.25em;
  padding: 20px 30px;
  top: 70px;
  left: 100px;
}
}
@media screen and (min-width: 800px) {

.nav-menu.pad {
	height: 300px;
}

.main-navigation ul.nav-menu > li {
	float: left;
	width: 16%; 
	clear: none;
}
.main-navigation ul.nav-menu > li:first-child {
	clear:none;
}

.main-navigation ul.nav-menu  > li > ul {
	position: absolute;
}
.main-navigation ul ul li {
	width: 23%;   
	float: left;
	margin-right: 2%;
}

.main-navigation ul ul ul li {
    width: 100%;
}
.main-navigation ul.nav-menu  > li.toggle-on > ul {
	position: absolute;
	background: #eeeeee;
}
}
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
	clear:both;
}

.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}



/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

@media screen and (min-width: 800px) {
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

}

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.search-submit {
	display: none;
}

.widget-title {
    font-size: 13px;
    line-height: 30px;
    text-transform: uppercase;
    
}

.site-footer .widget-title {
	color: #ffffff;
}
.site-footer ul {list-style:none;margin: 0;}

.site-footer li { border-bottom: 1px dashed #197298; padding: 0 10px; line-height: 2em; }

.site-footer #social img {max-width: 20px;}

.site-footer li a:hover {text-decoration: none;}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
body {
	background: url(/wp-content/themes/isuvenue/images/lines.gif) repeat white;
	 

}

.page-wrapper {
	max-width: 73.41em; /* 1248 px = 96em * 13px */
	margin: 0 auto;
	border-top: 30px solid #ffffff;
}

#page {
	border-top: 63px solid #0a2857;
	
	/* background: #ffffff; */
}


.container { /* 1086 px = 67.875em * 16px */
padding-left: 4%; 
padding-right: 4%;
margin-left: auto;
margin-right: auto;
position: relative;
-webkit-background-origin: content;
-moz-background-origin: content;
-ms-background-origin: content-box;
-o-background-origin: content-box;
background-origin: content-box;
-webkit-background-clip: content-box;
-moz-background-clip: content-box;
background-clip: content-box;
}
.site-header {
    background: #fff;
	padding-bottom: 2em;
}
.site-description {
width: 100%;
color: #ffffff;
padding: 0;
margin: -60px 0 0 0; 
position: relative;
height: 66px;
border-bottom: 8px solid #716258;
}
.site-branding {
width: 40%;
margin: 1em 0;
}

.widget-area h3 {
	color: #555555;
	margin: 0 0 1em 0;
}

.frame {
	border: 6px solid #e6e6e6;
}

.site-footer {
	background: #00386b;
}

.site-info {
    text-align: center;
    padding: 6px 0;
    border-top: #38b5e6 1px solid;
    clear: both;
    font-size: 13px;
    font-size: .75rem;
}

.feature{
	background: #e6e6e6;
	padding: 10px 10px 0;
	float: left;
	margin-bottom: 1em;
	text-align: center;
}
.feature a.f-btn{
	display: inline-block;
	width: 50%;
	background: white;
	font-size: .875em;
	margin: 0.75em 0;
	font-weight: 600;
	border: 2px solid #eeeeee;
	line-height: 2em;
	padding-top: 6px;
}
.feature a:hover {
	background: #A5A5A5;
	color: #ffffff;
	text-decoration:none;
}

.feature a img{
	border: 0;
	display:block;
	margin-bottom: .75em;
}
.feature p {
	margin: 0;
	font-weight: 600;
	font-size: 1em;
}

/* ******* Short Codes **********/

.half, .whole, .twothirds, .third {
	padding: 1em; 
	float: left;	
}

.whole {
	float: none;
	clear: both;
}

@media screen and (min-width: 600px) {
/* Small menu. */
html {
	font-size: 15px; 
}
.site-branding {
float: left;
margin: 1.5em 0 0;
width: 30%;
}
.site-footer .widget {
	margin-right: 1%;
	width: 48%;
	float: left;
}

.half, .third {
	width: 47%;
	margin-right: 2%;
}
.page-id-7 .third {height: 435px; }


.h-feature{
	width: 48%;
}
}

@media screen and (min-width: 800px) {
	html {
	font-size: 17px; 
}
.content-area {
	float: left;
	width: 62%;
}
.hero.content-area {
	width: 100%;
}
.site-footer .widget {
	margin-right: 2%;
	width: 22%;
	float: left;
}
.widget-area {
	float: right;
  width: 36%;
  margin: 1em 0;
  clear:none;
}

.twothirds {
	width: 63%;
	margin-right: 2%;
}

.third {
	width: 30%;
	margin-right: 2%;
}
}

@media screen and (max-width: 950px) and (min-width: 801px) {

.feature p {	font-size: .8em;}

}
/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 1em 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.intro.entry-content {
	background:#E0E0E0;
	padding: 1.5em 2em;
	margin: 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.post-edit-link {
	padding: 4px 10px; 
	background: #ECAE21;
	border-radius: 5px;
	margin: 6px;

}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin: 1.5em 0;
	clear: both;
	
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
	padding: 4px;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/*--------------------------------------------------------------
13.0 jQuery FlexSlider v2.3.0
--------------------------------------------------------------*/
/*
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Ville Ristimäki (@villeristi)
 * 
 */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides img {max-width: 63%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: #B5BE00; border: 4px solid #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;overflow: hidden;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {width: 38%; padding: 2% 4%; position: absolute; top: 0; right: 0; color: #FFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.14); font-size: 12px; line-height: 16px;height: 100%;}
.flex-caption span {font-size: 1.2em; font-weight: bold; margin-bottom: 10px;
  line-height: 1em; color:#ffffff; display:inline-block; }
.flex-caption a, .flex-caption a:visited  {font-color:#ffffff;}
.flex-caption a:hover  {font-color:#eeeeee;}

/* Direction Nav */

.flex-direction-nav { *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 45%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
	font-family: "dashicons";
	color: #eee;
	content: "\f341";
  font-size: 30px;
  display: inline-block;
}
.flex-direction-nav a.flex-next:before {
	content: "\f345";
}
.flex-direction-nav .flex-prev {
  left: 0px;
}
.flex-direction-nav .flex-next {
  right: 0px;
  text-align: right;
}
.flex-container:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flex-container:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flex-container:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flex-container:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
}

/* Control Nav */
.flex-control-nav {width: 38%; position: absolute; bottom: 0; right: 10px;text-align: center;/* z-index: 99999; */}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(/wp-content/themes/isuvenue/images/bg_control_nav.png) no-repeat 0 0; cursor: pointer; display: block;text-indent: -9999px;}
.flex-control-nav li a:after {font-family: "dashicons";
	color: #eee;
	content: "\f159";
  /* font-size: 30px; */
  }

.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}



/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/

@media screen and (max-width: 760px) {
.flex-direction-nav .flex-prev {opacity: 1;left: 10px;}
.flex-direction-nav .flex-next {opacity: 1;right: 10px;}
.flex-control-nav {display:none;}
.flexslider .slides > li { height:auto;}
.flex-caption {width: 90%; padding: 2% 4%; top: inherit; position: inherit; height:auto; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.14);}
.flex-direction-nav a { top: 25%;}

.flexslider .slides img {max-width: 100%; display: block;}

}


@media screen and (min-width: 800px) {
	
	  .flex-caption {font-size: 15px; line-height: 19px;}
}



footer a, footer a:visited {
    color: #51b5e0;
}