/*
Theme Name: Geelong Past Players Association
Author: Tracey Shaw @ GOOP.
Author URI: http://www.goop.com.au/
Description: WordPress theme for Geelong Past Players Association
Text Domain: geelongpastplayers
SASS: 1.6.1
Version: 1.0
*/
/* Font imports */
@import url("//goopfiles.com/library/fonts/font-awesome/css/font-awesome.min.css");
@import url("//fonts.googleapis.com/css?family=Droid+Serif:400,700|Roboto:300,500");
/* SASS file imports*/
/* Core */
/*========================================================================
Rem Calc function - from Zurb Foundation, licenced under MIT Open Source
========================================================================*/
/*
Simplified breakpoints
You may need to add to these or add manually numbered ones in _main.scss if you need to fine-tune more than this.
Note that you can use mathematical operators in your media queries, e.g. ($small - 1)
*/
/*Stop letting things get bigger after 1920*/
/* Colour scheme */
/* Typography */
/*leave this as 16px (the browser default) and use this value in base.css, otherwise the calculations go off*/
/* Grid additions */
/* Navigation */
/* Links */
/* Transitions */
/* Border radii */
/*==============================================
	BUTTON MIXINS
==============================================*/
/*==============================================
	REMOVE UNNEEDED ELEMENTS ON SMALL/MEDIUM SCREENS
==============================================*/
/*==============================================
	REALIGN TEXT ON SMALL/MEDIUM SCREENS
==============================================*/
/*==============================================
	CENTRE ITEMS ON SMALL/MEDIUM SCREENS
==============================================*/
/*==============================================
	MAKE IMAGES FULL WIDTH ON MOBILE
==============================================*/
/*==============================================
	HIDE THINGS ON PRINT VERSION
==============================================*/
/*==============================================
	MAKE THINGS FULL WIDTH ON PRINT VERSION
==============================================*/
/*==============================================
	GRID MIXINS
==============================================*/
/* Usage:

.class {
	@include six-columns;
}

Output:

.class {
	width:37.5%;
	float:left;
	display:inline;
}

*/
/* Base */
/*=================================================================================
	base.css v1.6
=================================================================================*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, main { margin: 0; padding: 0; border: 0; outline: 0; font-size: inherit; vertical-align: baseline; background: transparent; }

html { -webkit-text-size-adjust: none; }

body { line-height: 1; background: #ffffff; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }

nav ul, aside ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ins { text-decoration: none; }

mark { font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 0.0625rem dotted #cccccc; cursor: help; }

hr { display: block; height: 0.0625rem; border: 0; border-top: 0.0625rem solid #cccccc; margin: 1.25rem 0; padding: 0; }

input, select { vertical-align: middle; }

ul, ol { font-size: 0; }

main pre, article pre { width: 100%; white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; margin-bottom: 1em; }

main blockquote, article blockquote { margin: 0 1.25rem 1em 1.25rem; }

main ul.columns-1, article ul.columns-2, article ul.columns-3, article ul.columns-4 { clear: both; width: 100%; font-size: 0; }

main ul.columms-1 { float: left; display: inline; width: 100%; }

main ul.columns-2 li { float: left; display: inline; width: 50%; }

main ul.columns-3 li { float: left; display: inline; width: 33.333%; }

main ul.columns-4 li { float: left; display: inline; width: 25%; }

/*=================================================================================
	FLUID COLUMNS
=================================================================================*/
.container { position: relative; width: 98%; padding: 0 1%; margin: 0 auto; max-width: 60rem; }
@media only screen and (min-width: 1200px) { .container { max-width: 1200px; } }

.container .column, .container .columns { float: left; display: inline; }

.row { margin-bottom: 0; }

.container .one.column, .container .one.columns { width: 6.25%; }

.container .two.columns { width: 12.5%; }

.container .three.columns { width: 18.75%; }

.container .four.columns { width: 25%; }

.container .five.columns { width: 31.25%; }

.container .six.columns { width: 37.5%; }

.container .seven.columns { width: 43.75%; }

.container .eight.columns { width: 50%; }

.container .nine.columns { width: 56.25%; }

.container .ten.columns { width: 62.5%; }

.container .eleven.columns { width: 68.75%; }

.container .twelve.columns { width: 75%; }

.container .thirteen.columns { width: 81.25%; }

.container .fourteen.columns { width: 87.5%; }

.container .fifteen.columns { width: 93.75%; }

.container .sixteen.columns { width: 100%; }

.container .one-third.column { width: 33.33%; }

.container .two-thirds.column { width: 66.66%; }

/*=================================================================================
	FORMS
=================================================================================*/
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

/*=================================================================================
	OFFSETS
=================================================================================*/
.container .columns.offset-by-one { margin-left: 6.25%; }

.container .columns.offset-by-two { margin-left: 12.5%; }

.container .columns.offset-by-three { margin-left: 18.75%; }

.container .columns.offset-by-four { margin-left: 25%; }

.container .columns.offset-by-five { margin-left: 31.25%; }

.container .columns.offset-by-six { margin-left: 37.5%; }

.container .columns.offset-by-seven { margin-left: 43.75%; }

.container .columns.offset-by-eight { margin-left: 50%; }

.container .columns.offset-by-nine { margin-left: 56.25%; }

.container .columns.offset-by-ten { margin-left: 62.5%; }

.container .columns.offset-by-eleven { margin-left: 68.75%; }

.container .columns.offset-by-twelve { margin-left: 75%; }

.container .columns.offset-by-thirteen { margin-left: 81.25%; }

.container .columns.offset-by-fourteen { margin-left: 87.5%; }

.container .columns.offset-by-fifteen { margin-left: 93.75%; }

/*=================================================================================
	OFFSETS - Smaller offsets using a variable $gutter as padding
=================================================================================*/
.gutter-left { padding-left: 1.25rem; }

.gutter-right { padding-right: 1.25rem; }

@media only screen and (max-width: 767px) { .container .one.column, .container .one.columns, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .thirteen.columns, .container .fourteen.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column, .container .two-thirds.column { width: 100%; padding: 0; margin: 0 auto; } }
/*=================================================================================
	CLEARFIX
=================================================================================*/
.clearfix:before, .clearfix:after, .row:before, .row:after, .group:before, .group:after, section:before, section:after, article:before, article:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.clearfix:after, .row:after, .group:after, section:after, article:after { clear: both; }

.clearfix, .row, .group, section, article { zoom: 1; }

/*=================================================================================
	SELECTIONS
=================================================================================*/
::selection { background: #dddddd; }

::-moz-selection { background: #dddddd; }

.lt-ie8 .clearfix, .lt-ie8 .row, .lt-ie8 .group { zoom: 0; }

/*=================================================================================
	ACTIVE NUMBERS
=================================================================================*/
a[href^=tel] { color: inherit; text-decoration: none; }

/*=================================================================================
	OFFSETS - Smaller offsets using a variable $gutter as padding
=================================================================================*/
@font-face { font-family: 'GOOP'; src: url("goop/GOOP.eot?9ommr"); src: url("goop/GOOP.eot?#iefix9ommr") format("embedded-opentype"), url("goop/GOOP.woff?9ommr") format("woff"), url("goop/GOOP.ttf?9ommr") format("truetype"), url("goop/GOOP.svg?9ommr#GOOP") format("svg"); font-weight: normal; font-style: normal; }
.goop-logo { font-family: 'GOOP'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; }

.goop-logo:before { content: "\e600"; }

/*=================================================================================
	REPLACE [at] - requires GOOP plugin version 0.1.10 at least
=================================================================================*/
.domain:before { content: "\40"; margin-right: 0px; }

/*=================================================================================
	SITEMAP
=================================================================================*/
main ul.sitemap li ul { margin-top: 0.1875rem; margin-bottom: 0; }
main ul.sitemap li.current_page_item { display: none; }

/*=================================================================================
	SCROLL
=================================================================================*/
#scroll { padding: 0; font-size: 1.5625rem; position: fixed; bottom: 0.625rem; right: 0.625rem; cursor: pointer; display: none; color: #05173f; z-index: 10000; opacity: 0.5; }

/*=================================================================================
	VIDEOS
=================================================================================*/
.video-container { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 1.5625rem; height: 0; margin-bottom: 1.25rem; }
.video-container iframe { /* .video-container iframe */ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*=================================================================================
	IFRAMES
=================================================================================*/
main iframe { margin: 0 0 1.25rem; display: block; width: 100% !important; }

/*==============================================
	UTILITY CLASSES
==============================================*/
.clearfix { clear: both; }

.left, .columns.left { float: left; }

.right, .columns.right { float: right; }

/*=================================================================================
	SKIP TO CONTENT
=================================================================================*/
.skip { position: absolute; top: -1000px; left: -1000px; text-align: left; overflow: hidden; padding: 0.625rem; display: block; width: 100%; text-decoration: none; }
.skip:active, .skip:focus, .skip:hover { top: 0; left: 0; position: relative; background: #FFCE00; color: #000; }

/*=================================================================================
	MAIN NAVIGATION
=================================================================================*/
nav { padding: 0; margin: 0; width: 100%; display: none !important; z-index: 999; }
@media only screen and (min-width: 768px) { nav { display: block !important; } }
nav ul { text-align: center; margin: 0; padding: 0; font-size: 0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
nav ul li { font-family: "Droid Serif", "Times New Roman", sans-serif; font-size: 0.875rem; color: #4d4d4d; font-weight: 400; margin: 0; line-height: 2.5rem; position: relative; text-transform: uppercase; margin: 0; /*==============================================
	DROPDOWNS
==============================================*/ /*==============================================
	SECOND LEVEL HOVER
==============================================*/ }
@media only screen and (min-width: 960px) { nav ul li { font-size: 1rem; } }
nav ul li > a { color: white; text-decoration: none; margin: 0; display: block; padding: 0; }
nav ul li:hover > a, nav ul li:focus > a, nav ul li.current-menu-item > a, nav ul li.current-page-item > a, nav ul li.current-page-ancestor > a, nav ul li.current_page_parent > a { color: silver; }
nav ul li ul { position: absolute; left: -9999px; top: -9999px; opacity: 0; z-index: 1; visibility: hidden; font-size: 0.85em; }
nav ul li ul li { background: silver; font-family: "Roboto", Arial, sans-serif; display: block; margin: 0; padding: 0; line-height: 1.875rem; font-weight: 300; font-size: 1em; }
nav ul li ul li.menu-item-has-children { position: relative; padding: 0 0.625rem 0 0; }
nav ul li ul li.menu-item-has-children:before { background: none; position: absolute; top: 0.125rem; right: 0.625rem; font-size: 0.75rem; content: "\f105"; color: white; opacity: 0.5; }
nav ul li ul li > a { color: white; padding: 0 0.625rem; margin: 0; }
nav ul li ul li > a:hover, nav ul li ul li > a:focus { color: white; }
nav ul li ul li:hover, nav ul li ul li:focus, nav ul li ul li.current-menu-item, nav ul li ul li.current-page-item, nav ul li ul li.current-page-ancestor, nav ul li ul li.current_page_parent { background: #a7a7a7; }
nav ul li ul li:hover > a, nav ul li ul li:focus > a, nav ul li ul li.current-menu-item > a, nav ul li ul li.current-page-item > a, nav ul li ul li.current-page-ancestor > a, nav ul li ul li.current_page_parent > a { color: white; }
nav ul li ul li ul li { background: #cdcdcd; }
nav ul li:hover ul { opacity: 1.0; position: absolute; left: 0; top: 100%; display: block; height: auto; white-space: nowrap; margin: 0; text-align: left; visibility: visible; padding: 0; /*==============================================
	THIRD LEVEL HOVER
==============================================*/ }
nav ul li:hover ul li ul { visibility: hidden; top: -9999px; left: 0; opacity: 0; border: 0; }
nav ul li:hover ul li:hover ul { top: 0; left: 100%; visibility: visible; opacity: 1; }

/*=================================================================================
	FORMS
=================================================================================*/
form li { list-style: none; }
form label { display: block; margin-top: 1em; }
form input[type=radio] + label { margin-top: 0; }
form input[type=checkbox] + label, form input[type=radio] + label, form label.checkbox { display: inline-block; }
form input[type=text], form input[type=email], form input[type=password], form textarea, form select { border: 0.0625rem solid #cccccc; padding: 0.3125rem; display: block; margin-left: 0 !important; width: 100% !important; font-weight: 300; color: gray; }
form input[type=text]:hover, form input[type=text]:focus, form input[type=email]:hover, form input[type=email]:focus, form input[type=password]:hover, form input[type=password]:focus, form textarea:hover, form textarea:focus, form select:hover, form select:focus { color: #666666; }

/*=================================================================================
	NINJA FORMS
=================================================================================*/
.ninja-forms-cont { padding-bottom: 1.25rem; }
.ninja-forms-cont .ninja-forms-response-msg { margin: 0; font-weight: 400; line-height: 1.2; }
.ninja-forms-cont .ninja-forms-response-msg.ninja-forms-error-msg { color: #cc0000; padding-bottom: 0.625rem; }
.ninja-forms-cont .ninja-forms-response-msg.ninja-forms-error-msg p { display: inline; padding-right: 0.3125rem; line-height: 1.2; }
.ninja-forms-cont ninja-forms-response-msg.ninja-forms-success-msg { color: silver; margin: 0 0 1.25rem; }
.ninja-forms-cont .ninja-forms-field-error { color: #cc0000; font-size: 0.75rem; }
.ninja-forms-cont .ninja-forms-field-error p { display: inline; }
.ninja-forms-cont .ninja-forms-error input[type=text], .ninja-forms-cont .ninja-forms-error input[type=email], .ninja-forms-cont .ninja-forms-error textarea, .ninja-forms-cont .ninja-forms-error select { border-color: #cc0000 !important; }
.ninja-forms-cont .ninja-forms-field-description { font-size: 0.75rem; }
.ninja-forms-cont .ninja-forms-field-description p { margin: 0 0 0.3125rem; color: #999999; }
.ninja-forms-cont .ninja-forms-required-items { display: block; margin: 0 0 0.3125rem 0; font-size: 0.75rem; color: #999999; font-style: italic; }
.ninja-forms-cont .input-group { margin-top: 1em; }
.ninja-forms-cont .field-wrap { margin-bottom: 0.5rem !important; }
.ninja-forms-cont .field-wrap:last-child { margin-bottom: 0 !important; }

/*=================================================================================
	DATEPICKER
=================================================================================*/
.ui-datepicker-header { background: #05173f; color: #ffffff; }

.ui-datepicker-calendar { border: 1px solid #05173f; }

a.ui-state-default { color: #05173f; display: block; padding: 2px; }
a.ui-state-default:hover, a.ui-state-default:focus { background: #05173f; color: #ffffff; }

/*==============================================
	IMAGES
==============================================*/
.alignnone { margin: 0 0 1.25rem 0; }

.aligncenter, div.aligncenter { display: block; margin: 0 auto 1.25rem; }

.alignright { float: right; margin: 0 0 1.25rem 1.25rem; }

.alignleft { float: left; margin: 0 1.25rem 1.25rem 0; }

.aligncenter { display: block; margin: 0 auto; }

img, img[class*="align"], img[class*="wp-image-"] { max-width: 100%; height: auto; }

img.alignright { margin-left: 0 0 1.25rem 1.25rem; }

img.alignleft { margin: 0 1.25rem 1.25rem 0; }

img.aligncenter { display: block; margin: 0 auto 1.25rem; }

img[class*="align"], img[class*="wp-image-"] { border: none; }

img.wp-post-image { display: block; margin: 0 auto; margin-bottom: 1.875rem; }

@media only screen and (max-width: 599px) { .alignnone, .aligncenter, div.aligncenter, .alignright, .alignleft, .aligncenter { float: none; display: block; margin-left: auto; margin-right: auto; text-align: center; width: 100%; max-width: 100%; } }
@media only screen and (max-width: 600px) { .alignnone, .aligncenter, div.aligncenter, .alignright, .alignleft, .aligncenter { width: 100% !important; max-width: 100%; margin-left: 0; margin-right: 0; float: none; } }

.size-full { width: 100%; height: auto; }

.size-medium { width: 60%; height: auto; }

.size-small { width: 30%; height: auto; }

/*=================================================================================
	WP-CAPTION
=================================================================================*/
.wp-caption { margin-bottom: 1.25rem; max-width: 100%; text-align: left; position: relative; }
@media only screen and (max-width: 600px) { .wp-caption { width: 100% !important; max-width: 100%; margin-left: 0; margin-right: 0; float: none; } }
.wp-caption img { display: block; margin: 0 auto; }
@media only screen and (max-width: 600px) { .wp-caption img { width: 100% !important; max-width: 100%; margin-left: 0; margin-right: 0; float: none; } }

.wp-caption-text { font-size: 0.75rem; padding: 0.625rem 0.3125rem; opacity: 0.8; }

/*=================================================================================
	PAGINATION
=================================================================================*/
main .pagination { margin-top: 1.25rem; margin-bottom: 1.25rem; padding: 0; display: block; /*=================================================================================
	SINGLE POSTS
=================================================================================*/ }
main .pagination span, main .pagination a { display: inline-block; background: #05173f; color: #ffffff; height: 1.25rem; width: 1.25rem; line-height: 1.25rem; text-align: center; font-size: 0.75rem; border: none; text-decoration: none; display: inline-block; }
main .pagination span:hover, main .pagination span:focus, main .pagination span.current, main .pagination a:hover, main .pagination a:focus, main .pagination a.current { background: #010610; border: none; color: #ffffff; }
main .pagination.single div { display: inline-block; width: 50%; margin: 0; }
main .pagination.single div.newer { text-align: right; }

/*=================================================================================
	BUTTONS
=================================================================================*/
.btn, input[type=submit], button { color: #ffffff; background: silver; text-transform: uppercase; font-size: 0.875rem; padding: 0.35714rem 0.5rem; margin: 0; cursor: pointer; border: 0; display: inline-block; transition: opacity 0.3s ease-in-out; line-height: 1.4; margin-bottom: 0.625rem; -webkit-appearance: none; /*Stops iOS from taking over how buttons look*/ color: #ffffff; background: silver; text-transform: uppercase; font-size: 0.875rem; padding: 0.35714rem 0.5rem; margin: 0; cursor: pointer; border: 0; display: inline-block; transition: opacity 0.3s ease-in-out; line-height: 1.4; margin-bottom: 0.625rem; -webkit-appearance: none; /*Stops iOS from taking over how buttons look*/ background: #05173f; }
.btn:hover, .btn:focus, input[type=submit]:hover, input[type=submit]:focus, button:hover, button:focus { color: #ffffff; background: #a7a7a7; border: 0; }
.btn:hover, .btn:focus, input[type=submit]:hover, input[type=submit]:focus, button:hover, button:focus { color: #ffffff; background: #a7a7a7; border: 0; }
.btn:hover, .btn:focus, input[type=submit]:hover, input[type=submit]:focus, button:hover, button:focus { background: #010610; }

/*=================================================================================
	BUTTON VARIATIONS
=================================================================================*/
.btn-primary { color: #ffffff; background: silver; text-transform: uppercase; font-size: 0.875rem; padding: 0.35714rem 0.5rem; margin: 0; cursor: pointer; border: 0; display: inline-block; transition: opacity 0.3s ease-in-out; line-height: 1.4; margin-bottom: 0.625rem; -webkit-appearance: none; /*Stops iOS from taking over how buttons look*/ background: #05173f; }
.btn-primary:hover, .btn-primary:focus { color: #ffffff; background: #a7a7a7; border: 0; }
.btn-primary:hover, .btn-primary:focus { background: #010610; }

.btn-secondary { color: #ffffff; background: silver; text-transform: uppercase; font-size: 0.875rem; padding: 0.35714rem 0.5rem; margin: 0; cursor: pointer; border: 0; display: inline-block; transition: opacity 0.3s ease-in-out; line-height: 1.4; margin-bottom: 0.625rem; -webkit-appearance: none; /*Stops iOS from taking over how buttons look*/ background: silver; }
.btn-secondary:hover, .btn-secondary:focus { color: #ffffff; background: #a7a7a7; border: 0; }
.btn-secondary:hover, .btn-secondary:focus { background: #a7a7a7; }

.btn-accent { color: #ffffff; background: silver; text-transform: uppercase; font-size: 0.875rem; padding: 0.35714rem 0.5rem; margin: 0; cursor: pointer; border: 0; display: inline-block; transition: opacity 0.3s ease-in-out; line-height: 1.4; margin-bottom: 0.625rem; -webkit-appearance: none; /*Stops iOS from taking over how buttons look*/ background: black; }
.btn-accent:hover, .btn-accent:focus { color: #ffffff; background: #a7a7a7; border: 0; }
.btn-accent:hover, .btn-accent:focus { background: black; }

.btn.full-width, .btn-primary.full-width, .btn-secondary.full-width, .btn-accent.full-width { /*To be used in conjunction with other button styles*/ width: 100%; padding: 0.41667rem 0.625rem; font-size: 0.75rem; text-transform: uppercase; }
.btn span, .btn-primary span, .btn-secondary span, .btn-accent span { display: inline-block; }
.btn i, .btn-primary i, .btn-secondary i, .btn-accent i { display: inline-block; line-height: 1; margin-left: 0.375rem; }
.btn i.fa-2x, .btn-primary i.fa-2x, .btn-secondary i.fa-2x, .btn-accent i.fa-2x { font-size: inherit; }

.btn-small { padding: 0.41667rem 0.625rem; font-size: 0.75rem; text-transform: uppercase; }

br + .btn { margin-top: 0.625rem; }

/*==============================================
	MESSAGES
==============================================*/
.message, #mce-responses > div { padding: 1.25rem; margin-bottom: 1.25rem; margin-top: 1.25rem; }
.message.warning, #mce-responses > div.warning { background: #fffbd7; border: 1px solid #d7c200; }
.message.error, .message #mce-error-response, #mce-responses > div.error, #mce-responses > div #mce-error-response { background: #ffc6c7; border: 1px solid #c60004; }
.message.success, .message #mce-success-response, #mce-responses > div.success, #mce-responses > div #mce-success-response { background: white; border: 1px solid #67ce87; }

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }

.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }

.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; border-radius: 4px; }

.fancybox-opened { z-index: 8030; }

.fancybox-opened .fancybox-skin { /*	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);*/ }

.fancybox-outer, .fancybox-inner { position: relative; }

.fancybox-inner { overflow: hidden; }

.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }

.fancybox-error { color: #444; font: 14px/20px "Roboto", Arial, sans-serif, Arial, sans-serif; margin: 0; padding: 10px; white-space: nowrap; }

.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }

.fancybox-image { max-width: 100%; max-height: 100%; }

#fancybox-loading, .fancybox-prev span, .fancybox-next span { background-image: url("lightbox/images/fancybox_sprite.png"); }

.fancybox-close { background-image: url("lightbox/images/close.png"); background-repeat: no-repeat; }

#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }

#fancybox-loading div { width: 44px; height: 44px; background: url("lightbox/images/fancybox_loading.gif") center center no-repeat; }

.fancybox-close { position: absolute; top: 0; right: 0; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }

.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("lightbox/images/blank.gif"); /* helps IE */ -webkit-tap-highlight-color: transparent; z-index: 8040; }

.fancybox-prev { left: 0; }

.fancybox-next { right: 0; }

.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }

.fancybox-prev span { left: 0; background-position: 0 -36px; }

.fancybox-next span { right: 0; background-position: 0 -72px; }

.fancybox-nav:hover span { visibility: visible; }

.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

/* Overlay helper 

.fancybox-lock { overflow: hidden !important; width: auto;
}*/
/*.fancybox-lock body { overflow: hidden !important;
}

.fancybox-lock-test { overflow-y: hidden !important;
}*/
.fancybox-overlay { position: absolute; top: 0; left: 0; /*	overflow: hidden;*/ display: none; z-index: 8010; /*background: url('lightbox/images/fancybox_overlay.png');*/ background: rgba(20, 20, 20, 0.9); }

.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }

.fancybox-lock .fancybox-overlay { /*overflow: auto;
overflow-y: scroll;*/ }

/* Title helper */
.fancybox-title { visibility: hidden; font: normal 13px/20px "Roboto", Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; }

.fancybox-opened .fancybox-title { visibility: visible; }

.fancybox-title-float-wrap { position: absolute; bottom: -10px; left: 0; z-index: 8050; text-align: left; padding: 10px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background: #ffffff; width: 100%; }

.fancybox-title-float-wrap .child { font-size: 0.75rem; /*	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; 
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;*/ }

.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }

.fancybox-title-inside-wrap { padding-top: 10px; }

.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading .fancybox-prev span, .fancybox-next span { /*background-image: url('lightbox/images/fancybox_sprite@2x.png');background-size: 44px 152px; The size of the normal image, half the size of the hi-res image*/ }
  .fancybox-close { /*background-image: url('lightbox/images/close@2x.png');background-size: 44px 152px; The size of the normal image, half the size of the hi-res image*/ }
  #fancybox-loading div { /*background-image: url('lightbox/images/fancybox_loading@2x.gif');background-size: 24px 24px; The size of the normal image, half the size of the hi-res image*/ } }
/* Features */
/*=================================================================================
	RESPONSIVE MENU
=================================================================================*/
#responsive { display: block; position: relative; z-index: 1000; }
@media only screen and (min-width: 768px) { #responsive { display: none; } }
#responsive span { padding: 0.625rem; position: absolute; width: 100%; text-align: left; color: #ffffff; cursor: pointer; }
#responsive span i { font-size: 1.5625rem; }
#responsive ul { background: silver; padding: 0; margin-bottom: 0; display: none; list-style: none; }
#responsive ul li { border-bottom: 1px solid #a7a7a7; margin: 0; line-height: 2.1875rem; min-height: 2.1875rem; padding: 0; text-transform: uppercase; font-family: "Droid Serif", "Times New Roman", sans-serif; }
#responsive ul li a { color: #05173f; text-decoration: none; display: block; padding: 0 0.625rem; }
#responsive ul li:last-child { border: none; }
#responsive ul li:hover { background: #b3b3b3; color: #ffffff; }
#responsive ul li:hover > ul { opacity: 1; position: relative; top: auto; left: auto; display: block; height: auto; width: auto; white-space: normal; margin: 0; text-align: left; overflow: visible; border-top: 1px solid #a7a7a7; position: relative; transition: opacity 0.3s ease-in-out; }
#responsive ul li ul { display: none; opacity: 0; top: -9999px; left: 0; z-index: 1; }
#responsive ul li ul li { font-size: 0.75rem; font-family: "Roboto", Arial, sans-serif; }
#responsive ul li ul li a { color: #05173f; }
#responsive ul li ul li a:before { content: "- "; }
#responsive ul li ul li ul { display: none !important; }
#responsive ul li.menu-item-has-children { position: relative; }
#responsive ul li.menu-item-has-children:before { position: absolute; top: 0; right: 0.625rem; content: "\f107"; color: #05173f; }

/*==============================================
	TABLEPRESS
==============================================*/
@font-face { font-family: TablePress; src: url(../plugins/tablepress/css/tablepress.eot); src: url(../plugins/tablepress/css/tablepress.eot?#ie) format("embedded-opentype"), url(data:application/x-font-woff;base64,d09GRgABAAAAAAXYAAwAAAAACXwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABHAAAABwAAAAcZInHOk9TLzIAAAE4AAAAPgAAAGB7NXPDY21hcAAAAXgAAABMAAABUvD45QVnYXNwAAABxAAAAAgAAAAIAAAAEGdseWYAAAHMAAABKQAAAgjYVHFyaGVhZAAAAvgAAAAvAAAANv2jaBNoaGVhAAADKAAAAB0AAAAkCk0F6GhtdHgAAANIAAAAIAAAACgoAADqbG9jYQAAA2gAAAAWAAAAFgJWAbxtYXhwAAADgAAAAB0AAAAgAE4AH25hbWUAAAOgAAAB3AAAA43ZugaUcG9zdAAABXwAAABZAAAAgeNVfAkAAAABAAAAAMwXcmMAAAAAy1XFoAAAAADNHI82eJxjYGbexjiBgZWBhaWHxZiBgaENQjMVM0SB+ThBQWVRMYPDh+APd9gY/gP5bAyMykCKEUmJAgMjAC56Ct8AAHicY2BgYGaAYBkGRgYQ8AHyGMF8FgYDIM0BhEwMDB9CPtz6cOf/fyAr+MN1EIt/A78evy5UFxgwsjHAuYxAPSB9KICRYdgDAL67D8kAAQAB//8AD3icXU/NTsJAEJ5ZFggxxmCbkiwHAzLTowlu4ejeyxPwCOBR7r3rE/geeubuG3i3TyGts12MtT18ndnd7w8QsvpdX/Q/IAboI9s1rpY3mMTDkcAVDuaqPD0RqRfaU05UGSxJhj2p5wDNUplqyjsZQT6EQ/2mc9GcyBIPReQOObPrkccHMZhgonMS3R1tiLCsDNFm8bgQF3W06ekgqqnN5Aa//D9nlrOgDeg09Aq4lK3RTiX16n621BBVLrIe2PQK09s2c4THyPIvF4TrAndwO5uHvhPUwOa7MNw8FsCtZfZDJBKB66BQhW58cRwHW09OVMEtI+3aOhEHX+E63crM2dh6X+WazMFLvf6F57OvAqiPGvo+87Tb+LrT4X9/7lT6bKXs9vsByDlkyAAAAHicY2BkYGAA4mO9Sxji+W2+MnCzM4DAWZl+bwT9fyuLN+tpIJeDgQkkCgAbqgoOAHicY2BkYGBj+HeXgYGdAQRYvBkYGVABFwA+hgJEAAAAeJxjZ4AAdiBmaWAwBeJSFhAbiJkaGByAGMwGADa+AxEAAAAAAAAAAAAqAFgAdgCUALIA0AEEAAB4nGNgZGBg4GKQYWBiAAEQycgAEnMA8xkABjEAbgAAAHicjZJBaxNBFMf/u0mbJoig5KC3QcRblt2tFCm9lEp701iKIHiZJLPJ0mSnzE5S8h38BB79Nn4ab94E/zN9JVB7MCEzv/3Pm/f+720ADPEbCe4/qXCCAV4Kp+jhrXAHGb4Ld/Ecv4T38Cx5I7yPQfJBuIdPyR/hAzxJa+E+Buk3Zku6fal8xwn9dIRTPMVr4Q6+4kS4S/Wn8B5eJanwPobJO+EefiRfhA/wIv0o3Mcw3YRyV9CYYAmDMRzXll9c6cnSjJ1pyZcU51gzRDMAl2a+XmrCOSwa+Lg7RhgolJxKzv2Yv8cSqwfZ7iILHGHEdcT7OfdDJreNP7dublSZ5epY7QwpMUCxOBoVozIvDh/v4mEx/JsE+MwQx+A6dhO8hA7y2EvwUjLEuLa2jSqyPFcsV/7H0MbxUFMOYwkhVSykODAb10U8OePTDbY8qel0QV3FO1PSvaUqDnh3p5LBB8WxxozqKnZ4TU1T9THfhJ3vsjTcw9M02s1ocWl0a5QzlXHKW+UXRp3Zm62r5wuvWjP1oenKunhS8YUo7/TMrLS7Vtp7V0/WMaSxvp6aNoP8FYKzU9zGOpbOTHidzqvTW9PaFZ/e0+QmtnJBatjAlqLeGHWhm9kWfwGPR6C4eJxjYGIAg/9VDFEM2AAXEDMyMDEyMTIzsjCyMrIxsjNy8CRnpJYV5efF56SmlfDCOEWZ6RklXMmJRakl8Sn55XkcEGZpAVQMpJgbwgQrZSnOLyoBACnGHqgAAAA=) format("woff"), url(tablepress.ttf) format("truetype"), url(tablepress.svg#TablePress) format("svg"); font-weight: 400; font-style: normal; }
.tablepress-table-description { clear: both; display: block; margin-top: 1.25rem; }

.tablepress { border-collapse: collapse; border-spacing: 0; width: 100%; margin-bottom: 1em; border: none; }

.tablepress td, .tablepress th { padding: 8px; border: none; background: 0 0; text-align: left; float: none !important; }

.tablepress tbody td { vertical-align: top; }

.tablepress tbody td, .tablepress tfoot th { border-top: 1px solid #dddddd; }

.tablepress tbody tr:first-child td { border-top: 0; }

.tablepress thead th { border-bottom: 1px solid #dddddd; }

.tablepress tfoot th, .tablepress thead th { background-color: #d9edf7; font-weight: 700; vertical-align: middle; }

.tablepress .odd td { background-color: #f9f9f9; }

.tablepress .even td { background-color: white; }

.tablepress .row-hover tr:hover td { background-color: #f3f3f3; }

.dataTables_wrapper { clear: both; margin-top: 1.25rem; margin-bottom: 1.25rem; }
.dataTables_wrapper .tablepress { clear: both; margin: 0 !important; }
.dataTables_wrapper .tablepress img { margin: 0; padding: 0; border: none; max-width: none; }

.dataTables_length { float: left; white-space: nowrap; font-size: 0.75rem; }
.dataTables_length label { text-transform: uppercase; opacity: 0.8; }
.dataTables_length label input, .dataTables_length label select { display: inline; margin: 0.125rem 0.125rem 0.375rem; width: auto; }

.dataTables_filter { float: right; white-space: nowrap; }

.dataTables_info { clear: both; float: left; margin: 0.625rem 0 0; font-size: 0.875rem; text-transform: uppercase; }

.dataTables_paginate { float: right; margin: 0.625rem 0 0; font-size: 0.875rem; }

.dataTables_paginate a { color: #8d8d8d; display: inline-block; outline: 0; position: relative; text-decoration: none\0/IE; border: none !important; text-transform: uppercase; margin: 0 0.3125rem; }

.dataTables_paginate a:first-child { margin-left: 0; }

.dataTables_paginate a:last-child { margin-right: 0; }

.paginate_button:hover { cursor: pointer; text-decoration: none; }

.paginate_button.disabled { color: #dddddd; text-decoration: none; cursor: default; }

.paginate_button.current { font-weight: 700; text-decoration: none; cursor: default; }

.dataTables_paginate.paging_simple { padding: 0 0.9375rem; }

.paging_simple .paginate_button.next:after, .paging_simple .paginate_button.previous:before { text-align: left; font-family: "FontAwesome"; font-size: 0.875rem; -webkit-font-smoothing: antialiased; content: "\f104"; position: absolute; top: 0; right: auto; bottom: 0; left: -0.875rem; margin: auto; height: 0.875rem; width: 0.875rem; line-height: 1; }

.paging_simple .paginate_button.next:after { text-align: right; content: "\f105"; left: auto; }

.paginate_button:after, .paginate_button:before { color: silver; }

.paginate_button:hover:after, .paginate_button:hover:before { color: #05173f; }

.paginate_button.disabled:after, .paginate_button.disabled:before { color: #dddddd; }

.dataTables_processing { display: none; }

.dataTables_scroll { clear: both; }

.dataTables_scrollBody { -webkit-overflow-scrolling: touch; }

.tablepress .sorting, .tablepress .sorting_asc, .tablepress .sorting_desc { position: relative; padding-right: 1.25rem; cursor: pointer; outline: 0; }

.tablepress .sorting:after, .tablepress .sorting_asc:after, .tablepress .sorting_desc:after { font-family: "FontAwesome"; font-weight: 400; font-size: 0.875rem; -webkit-font-smoothing: antialiased; position: absolute; top: 0; bottom: 0; left: auto; right: 0.375rem; margin: auto; height: 0.875rem; line-height: 1; }

.tablepress .sorting:after { content: "\f0dc"; }

.tablepress .sorting_asc:after { content: "\f0dd"; padding: 0 0 2px; }

.tablepress .sorting_desc:after { content: "\f0de"; }

.dataTables_scrollBody .tablepress thead th:after { content: ""; }

.dataTables_wrapper:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

/*=================================================================================
	GALLERIES
=================================================================================*/
main .gallery, article .gallery { margin: 0 0.5% 2.5rem 0.5% !important; }
main .gallery a, main .gallery a:hover, main .gallery a:focus, article .gallery a, article .gallery a:hover, article .gallery a:focus { padding: 0; margin: 0; background: none; }
main .gallery .gallery-item, article .gallery .gallery-item { padding: 0; margin: 0 1% 0.5% 0 !important; float: none !important; display: inline-block !important; position: relative !important; border: 0.0625rem solid #dddddd; }
main .gallery .gallery-item img, article .gallery .gallery-item img { display: block; border: 0.3125rem solid white !important; width: 100%; height: auto; }
main .gallery .gallery-item .gallery-caption, article .gallery .gallery-item .gallery-caption { position: absolute !important; left: 0.3125rem; right: 0.3125rem; bottom: 0.3125rem; text-align: center; background: rgba(0, 0, 0, 0.5); padding: 0.3125rem; font-size: 0.625rem; color: #ffffff; font-style: normal; opacity: 0; transition: opacity 0.3s ease-in-out; }
main .gallery .gallery-item:hover .gallery-caption, article .gallery .gallery-item:hover .gallery-caption { opacity: 1; z-index: 1000; }
main .gallery br, article .gallery br { display: none !important; }
main .gallery.gallery-columns-1 .gallery-item, main .gallery.gallery-columns-2 .gallery-item, main .gallery.gallery-columns-3 .gallery-item, article .gallery.gallery-columns-1 .gallery-item, article .gallery.gallery-columns-2 .gallery-item, article .gallery.gallery-columns-3 .gallery-item { width: 32.66% !important; }
main .gallery.gallery-columns-1 .gallery-item:nth-of-type(3n+3), main .gallery.gallery-columns-2 .gallery-item:nth-of-type(3n+3), main .gallery.gallery-columns-3 .gallery-item:nth-of-type(3n+3), article .gallery.gallery-columns-1 .gallery-item:nth-of-type(3n+3), article .gallery.gallery-columns-2 .gallery-item:nth-of-type(3n+3), article .gallery.gallery-columns-3 .gallery-item:nth-of-type(3n+3) { margin-right: 0 !important; }
main .gallery.gallery-columns-4 .gallery-item, article .gallery.gallery-columns-4 .gallery-item { width: 24.25% !important; }
main .gallery.gallery-columns-4 .gallery-item:nth-of-type(4n+4), article .gallery.gallery-columns-4 .gallery-item:nth-of-type(4n+4) { margin-right: 0 !important; }
main .gallery.gallery-columns-5 .gallery-item, article .gallery.gallery-columns-5 .gallery-item { width: 19.2% !important; }
main .gallery.gallery-columns-5 .gallery-item:nth-of-type(5n+5), article .gallery.gallery-columns-5 .gallery-item:nth-of-type(5n+5) { margin-right: 0 !important; }
main .gallery.gallery-columns-6 .gallery-item, article .gallery.gallery-columns-6 .gallery-item { width: 15.83% !important; }
main .gallery.gallery-columns-6 .gallery-item:nth-of-type(6n+6), article .gallery.gallery-columns-6 .gallery-item:nth-of-type(6n+6) { margin-right: 0 !important; }
main .gallery.gallery-columns-7 .gallery-item, article .gallery.gallery-columns-7 .gallery-item { width: 13.42% !important; }
main .gallery.gallery-columns-7 .gallery-item:nth-of-type(7n+7), article .gallery.gallery-columns-7 .gallery-item:nth-of-type(7n+7) { margin-right: 0 !important; }
main .gallery.gallery-columns-8 .gallery-item, article .gallery.gallery-columns-8 .gallery-item { width: 11.62% !important; }
main .gallery.gallery-columns-8 .gallery-item:nth-of-type(8n+8), article .gallery.gallery-columns-8 .gallery-item:nth-of-type(8n+8) { margin-right: 0 !important; }
main .gallery.gallery-columns-9 .gallery-item, article .gallery.gallery-columns-9 .gallery-item { width: 10.22% !important; }
main .gallery.gallery-columns-9 .gallery-item:nth-of-type(9n+9), article .gallery.gallery-columns-9 .gallery-item:nth-of-type(9n+9) { margin-right: 0 !important; }

/*@import "features/slideshow";
@import "features/mailchimp";
@import "features/testimonials";*/
/* Site specifc */
/*=================================================================================
	TABLE OF CONTENTS
=================================================================================*/
/* 
	- Basics
		- Utility classes
		- Typography
		- Links
		- Buttons
		- Messages
	- Header 
		- Details (Phone number etc)
	- Content
		- Homepage specific styles
		- Widget globals
		- Article
			- Lists
			- Blockquotes
			- Tables
			- Extras
		- Posts & Children
	- Sidebar
	- Footer
	- GOOP credit
	- Media Queries
*/
/*=================================================================================
	BASICS
=================================================================================*/
html, body { height: 100%; margin: 0; padding: 0; line-height: 1.4; font-size: 1rem; color: #666666; font-family: "Roboto", Arial, sans-serif; font-weight: 300; }

body #geelongpastplayers { position: relative; min-height: 100%; }

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

a, img, span { -o-transition: all opacity 0.3s ease-in-out; -ms-transition: all opacity 0.3s ease-in-out; -moz-transition: all opacity 0.3s ease-in-out; -webkit-transition: all opacity 0.3s ease-in-out; transition: all opacity 0.3s ease-in-out; }

/*==============================================
	TYPOGRAPHY
==============================================*/
body, input, select, textarea, label, button { font-family: "Roboto", Arial, sans-serif; }

ul li.menu-item-has-children:before, article blockquote:before { font-family: 'FontAwesome'; }

h1, h2, h3, h4, h5, h6 { font-family: "Droid Serif", "Times New Roman", sans-serif; font-weight: 400; }

h1, h2, h3, h4, h5, h6, p, ul { margin-bottom: 0.625rem; }

li, p { font-size: 1rem; }

strong { font-weight: 400; }

small { font-size: 0.75rem; }

/*==============================================
	LINKS
==============================================*/
main a, article a, aside a { color: #4d4d4d; text-decoration: none; position: relative; border-bottom: 1px dotted #999999; }
main a:hover, main a:focus, article a:hover, article a:focus, aside a:hover, aside a:focus { color: #05173f; border-bottom: 1px solid #05173f; }
main a.readmore, article a.readmore, aside a.readmore { white-space: nowrap; }

/*=================================================================================
	HEADER
=================================================================================*/
header { background: #05173f; background-size: contain; padding: 1.25rem 0; position: relative; margin: 0; z-index: 100; border-bottom: 0.0625rem solid silver; }
@media only screen and (min-width: 768px) and (max-width: 959px) { header .columns { width: 100% !important; } }
@media only screen and (min-width: 768px) { header { padding: 0.625rem 0; } }
header #logo a.logo { width: 100%; display: block; margin: 0 auto; margin-bottom: -5.5rem; max-width: 8.75rem; }
@media only screen and (min-width: 768px) { header #logo a.logo { position: absolute; margin-bottom: 0; max-width: 12.5rem; left: 0; right: 0; top: 5rem; } }
@media only screen and (min-width: 1200px) { header #logo a.logo { top: 6.25rem; } }
header #logo a.logo img { display: block; margin: 0 auto; background: #ffffff; border-radius: 225rem; padding: 10%; }
@media only screen and (min-width: 768px) { header #logo a.logo img { -webkit-box-shadow: 0 0 2px 0 rgba(50, 50, 50, 0.2); -moz-box-shadow: 0 0 2px 0 rgba(50, 50, 50, 0.2); box-shadow: 0 0 2px 0 rgba(50, 50, 50, 0.2); } }
@media only screen and (min-width: 960px) { header #logo a.logo img { margin: 0; } }

#banner { border-top: 0.1875rem solid #05173f; border-bottom: 0.0625rem solid silver; background: url(img/backgrounds/banner.jpg) 0 0 no-repeat; background-size: auto 120%; position: relative; padding-bottom: 9.375rem; }
@media only screen and (min-width: 480px) { #banner { padding-bottom: 11.25rem; } }
@media only screen and (min-width: 600px) { #banner { padding-bottom: 12.5rem; } }
@media only screen and (min-width: 768px) { #banner { padding-bottom: 15.625rem; background-size: cover; } }
@media only screen and (min-width: 1200px) { #banner { padding-bottom: 18.75rem; } }
#banner:before { content: " "; position: absolute; z-index: 1; border-bottom: 0.1875rem solid #05173f; top: auto; left: 0; right: 0; bottom: 0; }

/*=================================================================================
	CONTENT
=================================================================================*/
section#content { padding: 1.25rem 0; border-top: 0.625rem solid #05173f; }
@media only screen and (min-width: 960px) { section#content .container { padding: 0; } }
@media only screen and (min-width: 768px) { section#content main.eleven.columns { padding-right: 1.25rem; } }
section#logos { padding: 1.25rem 1% 4.375rem; border-top: 0.0625rem solid silver; text-align: center; }
section#logos h5 { color: #05173f; text-transform: uppercase; font-size: 1.25rem; }
section#logos ul { list-style: none; text-align: center; margin: 0; }
section#logos ul li { display: inline-block; vertical-align: middle; margin: 0.375rem 0.625rem; }
section#logos ul li a:hover img { opacity: 0.8; }
section#logos ul li img { display: block; margin: 0 auto; width: auto !important; height: 4.375rem; }
section#logos ul li:nth-child(3) img { height: 1.875rem; }

/*=================================================================================
	ARTICLES & MAIN CONTENT
=================================================================================*/
article, main { position: relative; /*==============================================
	LISTS
==============================================*/ /*==============================================
	SMALL
==============================================*/ /*==============================================
	BLOCKQUOTES
==============================================*/ /*==============================================
	TABLES
==============================================*/ /*==============================================
	EXTRAS
==============================================*/ }
article h1, main h1 { font-size: 1.5625rem; margin-bottom: 0.625rem; color: #05173f; text-transform: uppercase; }
article h2, main h2 { font-size: 1.375rem; margin-bottom: 0.3125rem; color: #09286e; }
article h3, main h3 { font-size: 1.25rem; margin-bottom: 0.1875rem; color: #4d4d4d; }
article h4, article h5, article h6, main h4, main h5, main h6 { font-size: 1.0625rem; color: #4d4d4d; margin-bottom: 0.3125rem; }
article p, main p { line-height: 1.3; margin-bottom: 1rem; }
article strong, main strong { font-weight: 400; }
article ul, article ol, main ul, main ol { margin: 0 1.5625rem 1.25rem; }
article ul li, article ol li, main ul li, main ol li { margin-bottom: 0.3125rem; }
article ul, main ul { list-style: disc; }
#sponsors article ul, #sponsors main ul { list-style: none; margin: 0; }
article ol, main ol { list-style: decimal; }
#newsletters article ol, #newsletters main ol { list-style: none; border-top: 0.0625rem solid #eeeeee; margin: 0; }
#newsletters article ol li, #newsletters main ol li { border-bottom: 0.0625rem solid #eeeeee; margin: 0; padding: 0.1875rem 0.375rem; }
#newsletters article ol li:nth-child(even), #newsletters main ol li:nth-child(even) { background: #f9f9f9; }
#newsletters article ol li a, #newsletters main ol li a { border: none; }
article small, main small { font-size: 0.75rem; margin: 0 0 0.625rem; text-transform: uppercase; }
article .date, main .date { display: block; }
article .date a, main .date a { color: inherit; border: none; }
article .date a:hover, main .date a:hover { color: #05173f; }
article blockquote, main blockquote { position: relative; padding: 1.25rem 0 0 1.25rem; }
article blockquote:before, main blockquote:before { content: "\f10d"; opacity: 0.3; position: absolute; top: 1.25rem; left: 0; clear: both; visibility: visible; overflow: visible; }
article table, main table { margin: 0 0 1.25rem 0; border-collapse: collapse; width: 100%; border: 1px solid #d9d9d9; }
article table th, article table td, main table th, main table td { border: 1px solid #d9d9d9; padding: 0.1875rem 0.625rem 0.1875rem; }
article table th, main table th { font-family: "Droid Serif", "Times New Roman", sans-serif; }
article table.tablepress, main table.tablepress { table-layout: fixed; }
article table.tablepress .sorting_asc, article table.tablepress .sorting_desc, main table.tablepress .sorting_asc, main table.tablepress .sorting_desc { background: silver; }
article table.tablepress thead th, main table.tablepress thead th { font-weight: 400; background: #f3f3f3; text-align: right; font-size: 0.6875rem; width: 12.5%; }
@media only screen and (min-width: 960px) { article table.tablepress thead th, main table.tablepress thead th { font-size: 0.8125rem; } }
@media only screen and (min-width: 1200px) { article table.tablepress thead th, main table.tablepress thead th { font-size: 0.875rem; } }
article table.tablepress thead th.sorting:hover, main table.tablepress thead th.sorting:hover { background: silver; }
article table.tablepress thead th.column-1, main table.tablepress thead th.column-1 { text-align: left; min-width: 9.375rem; }
article table.tablepress thead th.column-2, main table.tablepress thead th.column-2 { text-align: left; }
article table.tablepress tr:nth-child(even), main table.tablepress tr:nth-child(even) { background: #f8f8f8; }
article table.tablepress tr td, main table.tablepress tr td { text-align: right; font-size: 0.6875rem; }
@media only screen and (min-width: 960px) { article table.tablepress tr td, main table.tablepress tr td { font-size: 0.8125rem; } }
@media only screen and (min-width: 1200px) { article table.tablepress tr td, main table.tablepress tr td { font-size: 0.875rem; } }
article table.tablepress tr td.column-1, main table.tablepress tr td.column-1 { text-transform: uppercase; text-align: left; }
article table.tablepress tr td.column-2, main table.tablepress tr td.column-2 { text-align: left; }
article hr, main hr { border-color: #d9d9d9; height: 0.0625rem; }
article .columns.eight, main .columns.eight { padding-bottom: 1.25rem; }
@media only screen and (min-width: 768px) { article .columns.eight:last-child, main .columns.eight:last-child { padding-left: 1.25rem; } }
article.event .eo-event-venue-map, main.event .eo-event-venue-map { margin-top: 1.25rem; }
article.event .eo-event-venue-map > div, main.event .eo-event-venue-map > div { height: 300px !important; }
#sponsors article img, #sponsors main img { max-width: 200px !important; }

/*=================================================================================
	POSTS & CHILDREN
=================================================================================*/
main .page, main .post, main .event, article .page, article .post, article .event { clear: both; padding: 1.25rem 0 0; margin: 1.25rem 0 0; border-top: 0.0625rem solid #d9d9d9; }
main .page h2.title, main .post h2.title, main .event h2.title, article .page h2.title, article .post h2.title, article .event h2.title { background: none; padding: 0; margin: 0 0 0.3125rem; }
main .page h2.title a, main .post h2.title a, main .event h2.title a, article .page h2.title a, article .post h2.title a, article .event h2.title a { text-decoration: none; padding: 0; margin: 0; border-color: transparent; color: inherit; }
main .page h2.title a:hover, main .page h2.title a:focus, main .post h2.title a:hover, main .post h2.title a:focus, main .event h2.title a:hover, main .event h2.title a:focus, article .page h2.title a:hover, article .page h2.title a:focus, article .post h2.title a:hover, article .post h2.title a:focus, article .event h2.title a:hover, article .event h2.title a:focus { background: none; color: #05173f; border: none; }
main .page .thumbnail, main .post .thumbnail, main .event .thumbnail, article .page .thumbnail, article .post .thumbnail, article .event .thumbnail { margin-bottom: 1.25rem; }
@media only screen and (min-width: 768px) { main .page .thumbnail, main .post .thumbnail, main .event .thumbnail, article .page .thumbnail, article .post .thumbnail, article .event .thumbnail { padding-right: 1.25rem; } }
main .page .thumbnail img, main .post .thumbnail img, main .event .thumbnail img, article .page .thumbnail img, article .post .thumbnail img, article .event .thumbnail img { display: block; margin: 0.3125rem 0 0.625rem; width: 100%; height: auto; }
main .page .thumbnail a, main .page .thumbnail a:hover, main .page .thumbnail a:focus, main .post .thumbnail a, main .post .thumbnail a:hover, main .post .thumbnail a:focus, main .event .thumbnail a, main .event .thumbnail a:hover, main .event .thumbnail a:focus, article .page .thumbnail a, article .page .thumbnail a:hover, article .page .thumbnail a:focus, article .post .thumbnail a, article .post .thumbnail a:hover, article .post .thumbnail a:focus, article .event .thumbnail a, article .event .thumbnail a:hover, article .event .thumbnail a:focus { border: none; padding: 0; margin: 0; }
main .post:first-of-type, main .event:first-of-type, article .post:first-of-type, article .event:first-of-type { padding-top: 0; margin-top: 0; border-top: none; }
main .type-page.hentry p, main .type-event.hentry p, article .type-page.hentry p, article .type-event.hentry p { display: inline; }
main .event:not(.search) small, article .event:not(.search) small { font-size: 0.9375rem; color: #ffffff; background: #05173f; display: inline-block; padding: 0.25rem 0.4375rem 0.1875rem; margin-bottom: 0.3125rem; opacity: 1; }
main .post a.btn-secondary, main .event a.btn-secondary, main .page a.btn-secondary, article .post a.btn-secondary, article .event a.btn-secondary, article .page a.btn-secondary { font-size: 0.8125rem !important; background: #8d8d8d; margin-top: 0.3125rem; margin-bottom: 0; }
main .post a.btn-secondary:hover, main .event a.btn-secondary:hover, main .page a.btn-secondary:hover, article .post a.btn-secondary:hover, article .event a.btn-secondary:hover, article .page a.btn-secondary:hover { background: #747474; }

/*=================================================================================
	SIDEBAR
=================================================================================*/
aside { margin: 1.25rem 0 0 !important; padding: 1.25rem !important; background: #f3f3f3; }
@media only screen and (min-width: 768px) { aside { margin: 0 !important; } }
aside ul { margin: 0; }
aside ul.stand li { font-size: 0.8125rem; }
aside ul.stand li h5 { margin: 0.5rem 0 0.3125rem; font-size: 1.125rem; text-transform: uppercase; color: #05173f; }
aside ul.stand li p { font-size: 0.8125rem; }
aside ul.stand li p:last-of-type { margin: 0; }
aside ul.stand li:first-child { position: relative; }
aside ul.stand li:first-child img.wp-post-image { display: block; margin: 0; }
aside ul.stand li:first-child:after { content: ""; position: absolute; top: 2%; right: 1.5%; bottom: 2%; left: 1.5%; border: 0.0625rem solid rgba(255, 255, 255, 0.5); z-index: 100; }
@media only screen and (min-width: 768px) { aside ul.stand li:first-child:after { top: 2.5%; bottom: 2.5%; } }
@media only screen and (min-width: 768px) { aside ul.stand.list-page li { display: inline-block; width: 75%; vertical-align: middle; padding-left: 1.25rem; }
  aside ul.stand.list-page li:first-child { max-width: 25%; padding: 0; } }
aside ul.sidebar { margin: 1.25rem 0 0; padding: 1.25rem 0 0; border-top: 0.0625rem solid silver; }
aside ul.sidebar li { font-size: 0.9375rem; color: silver; display: block; text-transform: uppercase; }
aside ul.sidebar li h3 { font-size: 1.125rem; margin: 0; color: #05173f; }
aside ul.sidebar li h5 { margin: 0; color: #09286e; }
aside ul.sidebar li small { color: #666666; }
aside ul.sidebar li a { border: none; color: #666666; padding: 0; display: block; }
aside ul.sidebar li a:hover { color: black; }
aside ul.sidebar li a.readmore { display: block; text-align: right; font-size: 0.75rem; margin-top: 0.625rem; }
aside ul.events li ul li { padding-top: 0.3125rem; padding-bottom: 0.3125rem; border-bottom: 0.0625rem dotted #cdcdcd; }
aside ul.events li ul li:first-child { padding-top: 0; }
aside ul.events li ul li:last-child { padding-bottom: 0; border: none; }
aside ul.events li ul li.eo-no-events { color: #666666; text-transform: none; }
aside ul.search li form { margin: 0; width: 100%; position: relative; padding: 0; }
aside ul.search li form input, aside ul.search li form button { border: none; padding: 0.5rem 0.3125rem; color: #05173f; }
aside ul.search li form button { background: transparent; position: absolute; right: 0.625rem; top: 20%; bottom: auto; padding: 0; margin: 0; }
aside ul.search li form button:hover { color: #010610; }

/*=================================================================================
	FOOTER
=================================================================================*/
footer { background: #05173f; position: absolute; width: 100%; left: 0; bottom: 0; height: 3.125rem; padding-top: 0.625rem; font-family: "Droid Serif", "Times New Roman", sans-serif; }
footer a { color: silver; text-decoration: none; }
footer a:hover, footer a:focus { color: #ffffff; }
footer ul { display: block; text-align: center; margin: 0; /*==============================================
	GOOP CREDIT
==============================================*/ }
@media only screen and (min-width: 600px) { footer ul { margin-top: 0.5rem; } }
footer ul.goop { list-style: none; font-size: 0; width: 100%; }
footer ul.goop li { font-size: 0.6875rem; display: inline-block; padding: 0; line-height: 1.5; vertical-align: middle; margin: 0 0.3125rem; text-transform: uppercase; }
footer ul.goop li a { padding: 0; margin: 0; display: block; border: 0; }
footer ul.goop li a span { display: inline-block; margin-left: 0.3125rem; }

/*Overrides*/
/*=================================================================================
	IE
=================================================================================*/
.lt-ie9 html, .lt-ie9 body { font-size: 100%; }

/*=================================================================================
	BROWSER WARNING
=================================================================================*/
#browser { text-align: center; padding: 0; background: #ffffcc; margin: 0; font-size: 70%; width: 100%; border-bottom: 1px solid #cccccc; font-family: "Roboto", Arial, sans-serif; z-index: 10000; position: relative; }

#browser span { display: block; width: 960px; margin: 0 auto; padding: 3px; color: #666666; }

#browser span a { color: #000; text-decoration: none; }

#browser span a:hover, #browser span a:focus { background: none; color: #000; text-decoration: underline; }
