/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #000;
}

body {
	color: #000;
	font-family:"weissenhof-grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:16px;
	font-weight:400;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Coordinate Styles
   ========================================================================== */

body { background-color:#000f1d; }
main { background-color:#f7f7f7; }

/*
 * Top Bar
 */
#top-bar { background-color:#fff; margin-top:-70px;
	-webkit-transition: margin-top 0.25s ease-out;
	transition:margin-top 0.25s ease-out;
}
#top-bar #search-bar { padding-bottom:15px; padding-top:15px; }
#top-bar #search-bar form { }
#top-bar #search-bar input { border-bottom:1px solid #00274d; color:#00274d; float:left; height:40px; width:calc(100% - 105px); }
#top-bar #search-bar input:focus { background-color:#00aeef; border-bottom-color:#00aeef; color:#fff; }
#top-bar #search-bar input.button { background-color:#00274d; border-bottom:none; color:#fff; font-size:1em; float:right; font-weight:600; padding:0 15px; text-transform:uppercase; width:90px; }
#top-bar #search-bar input.button:hover,
#top-bar #search-bar input.button:focus { background-color:#00aeef; }

#top-bar #functions-bar { box-shadow:0 0 5px rgba(144,144,144,0.25); padding-bottom:1em; padding-top:1em; }
#top-bar #functions-bar nav { float:left; }
#top-bar #functions-bar nav ul { list-style:none; margin:0; padding:0; }
#top-bar #functions-bar nav ul li { float:left; padding:0 10px; position:relative; }
#top-bar #functions-bar nav ul li:first-child { padding-left:0; }
#top-bar #functions-bar nav ul li:last-child { padding-right:0; }
#top-bar #functions-bar nav ul li:before { background-color:#001325; border-radius:50%; content:''; display:block; height:3px; margin-top:-2px; position:absolute; top:50%; right:-2px; width:3px; }
#top-bar #functions-bar nav ul li:last-child:before { display:none; }
#top-bar #functions-bar nav ul li a { color:#001325; display:block; font-size:0.938em; font-weight:600; height:24px; line-height:26px; letter-spacing:0.025em; padding:0; text-transform:uppercase; }
#top-bar #functions-bar nav ul li.current-menu-item a,
#top-bar #functions-bar nav ul li a:hover { color:#00aeef; }
#top-bar #functions-bar .date-container { color:#001d38; font-size:0.813em; font-weight:700; line-height:24px; text-align:center; text-transform:uppercase; }
#top-bar #functions-bar #site-functions { float:right; height:24px; }
#top-bar #functions-bar #site-functions a.search-trigger { color:#001d38; display:inline-block; font-size:24px; line-height:22px; }
#top-bar #functions-bar #site-functions a.search-trigger:hover { color:#00aeef; }
#top-bar #functions-bar #site-functions .social-links { float:right; }
#top-bar #functions-bar a.btn { float:right; font-size:1em; margin:-4px 30px -4px 0; padding:0.5em; }
/*#top-bar #functions-bar a.btn:last-child { margin-right:15px; }*/

#top-bar header { padding-top:5px; }
#top-bar hgroup { position:relative; padding-top:15px; padding-bottom:0; text-align:right; }
#top-bar hgroup h1 { float:left; height:95px; margin:0; width:150px; }
#top-bar hgroup h1 a { background:url(../img/logo.png) no-repeat 0 0; display:block; height:100%; width:100%; }
.backgroundsize #top-bar hgroup h1 a { background-image:url(../img/logo@2x.png); background-size:contain; }
#top-bar hgroup h2 { color:#000; display:none; font-size:1.75em; font-weight:300; margin:0; text-align:center; }
#top-bar hgroup h3 { float:right; height:38px; margin:46px 0 0; width:125px; }
#top-bar hgroup h3 a { background:url(../img/universities-australia-logo.png) no-repeat 0 0; display:block; height:100%; width:100%; }
.backgroundsize #top-bar hgroup h3 a { background-image:url(../img/universities-australia-logo@2x.png); background-size:contain; }

#top-bar #nav-bar { padding-top:15px; padding-bottom:15px; }
#top-bar #nav-bar ul { list-style:none; margin:0; padding:0; }
#top-bar #nav-bar ul li a { display:block; }
#top-bar #nav-bar a.btn { float:left; height:40px; line-height:40px; padding-bottom:0; padding-top:0; }
/*#top-bar #nav-bar a.btn:first-child { margin-bottom:10px; }
#top-bar #nav-bar a.btn:nth-child(2) { clear:both; }*/

nav#category-navigation { clear:both; display:none; }
nav#category-navigation ul li { border-top:1px solid #001325; position:relative; }
nav#category-navigation ul li:first-child { border-top:none; }
nav#category-navigation ul li a { border-bottom:none; color:#001325; font-size:1em; font-weight:600; line-height:1; letter-spacing:0.025em; padding:15px 0; text-transform:uppercase; }
nav#category-navigation ul li:last-child a { padding-bottom:0; }
nav#category-navigation ul li.current-cat a,
nav#category-navigation ul li a:hover { border-bottom-color:#00aeef; color:#00aeef; }

nav#category-navigation ul li.agriculture.current-cat a,
nav#category-navigation ul li.agriculture a:hover { border-bottom-color:#0076a3; color:#0076a3; }
nav#category-navigation ul li.business.current-cat a,
nav#category-navigation ul li.business a:hover { border-bottom-color:#0b4c8c; color:#0b4c8c; }
nav#category-navigation ul li.education.current-cat a,
nav#category-navigation ul li.education a:hover { border-bottom-color:#1bb2c2; color:#1bb2c2; }
nav#category-navigation ul li.environment.current-cat a,
nav#category-navigation ul li.environment a:hover { border-bottom-color:#3cc576; color:#3cc576; }
nav#category-navigation ul li.health.current-cat a,
nav#category-navigation ul li.health a:hover { border-bottom-color:#ff0053; color:#ff0053; }
nav#category-navigation ul li.lifestyle.current-cat a,
nav#category-navigation ul li.lifestyle a:hover { border-bottom-color:#d60a99; color:#d60a99; }
nav#category-navigation ul li.sport.current-cat a,
nav#category-navigation ul li.sport a:hover { border-bottom-color:#ffb519; color:#ffb519; }
nav#category-navigation ul li.technology.current-cat a,
nav#category-navigation ul li.technology a:hover { border-bottom-color:#730469; color:#730469; }

#nav-bar button.menu-button { background-color:#001325; border:none; display:block; float:right; height:40px; margin-top:0; padding:0; position:relative; width:40px;
  -webkit-transition: all 0.25s ease-out; 
          transition: all 0.25s ease-out;
}
#nav-bar button.menu-button:hover { background-color:#00aeef; outline:none; }
#nav-bar button.menu-button:focus { outline:none; }
#nav-bar button.menu-button span { background-color:#fff; display:block; margin-top:-1px; position:absolute; left:50%; margin-left:-10px; height:2px; width:20px;
  -webkit-transform-origin:50% 50%;
  transform-origin:50% 50%;
}
#nav-bar button.menu-button span:first-child { margin-top:-8px; top:50%; }
#nav-bar button.menu-button span:last-child { margin-top:6px; top:50%; }

#nav-bar button.menu-button.closed span {  
  -webkit-transition: -webkit-transform 0.25s ease-out, opacity 0.25s ease-out 0.25s, margin-top 0.25s ease-out 0.25s;
          -webkit-transition:opacity 0.25s ease-out 0.25s, margin-top 0.25s ease-out 0.25s, -webkit-transform 0.25s ease-out;
          transition:opacity 0.25s ease-out 0.25s, margin-top 0.25s ease-out 0.25s, -webkit-transform 0.25s ease-out;
          transition:transform 0.25s ease-out, opacity 0.25s ease-out 0.25s, margin-top 0.25s ease-out 0.25s;
          transition: transform 0.25s ease-out, opacity 0.25s ease-out 0.25s, margin-top 0.25s ease-out 0.25s, -webkit-transform 0.25s ease-out;
}
#nav-bar button.menu-button.open span {  
  -webkit-transition: margin-top 0.25s ease-out, opacity 0.25s ease-out, -webkit-transform 0.25s ease-out 0.25s; 
          transition:margin-top 0.25s ease-out, opacity 0.25s ease-out, -webkit-transform 0.25s ease-out 0.25s; 
          transition:margin-top 0.25s ease-out, opacity 0.25s ease-out, transform 0.25s ease-out 0.25s; 
          transition: margin-top 0.25s ease-out, opacity 0.25s ease-out, transform 0.25s ease-out 0.25s, -webkit-transform 0.25s ease-out 0.25s;
}

#nav-bar button.menu-button.open span:first-child { margin-top:-1px;
  -webkit-transform: rotate(45deg); 
          transform: rotate(45deg); 
}
#nav-bar button.menu-button.open span:nth-child(2) { opacity:0; }
#nav-bar button.menu-button.open span:last-child { margin-top:-1px;
  -webkit-transform: rotate(-45deg); 
          transform: rotate(-45deg); 
}

/*
 * Blog
 */
.post-content header { border-bottom:1px solid #000; padding-bottom:15px; }
.post-content .post-meta { padding-top:15px; }
.post-content .post-meta time,
.post-content .post-meta .comments { font-size:0.813em; }

/** Featured Post **/
.post.featured-post { color:#fff; position:relative; }
.post.featured-post a.post-link { padding:0; }
.post.featured-post span.category-tag { position:absolute; top:15px; left:15px; z-index:15; }
.post.featured-post .post-content { color:#fff; padding:50px 15px 15px; position:relative; z-index:10; }
.post.featured-post .post-content header { border-bottom-color:#fff;}
.post.featured-post .post-content header h1 { margin-bottom:0.526em; }
.post.featured-post .post-content header p { font-size:1.250em; font-weight:300; line-height:1.2; }
.post.featured-post .image-overlay { background-color:#000; opacity:0.75; position:absolute; top:0; right:0; bottom:0; left:0; z-index:5; }
.post.featured-post .post-image { background-position:center bottom; background-repeat:no-repeat; background-size:cover; position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden; z-index:4; }

/** Tiled Post - Square Image **/
.post.tiled-post { position:relative; }
.post.tiled-post a.post-link { padding:0; }
.post.tiled-post span.category-tag { position:absolute; top:15px; left:15px; z-index:15; }
.post.tiled-post .post-content { background-color:#fff; padding:15px; }

/** Top Posts **/
#top-posts.environment { margin-bottom:0; }
#top-posts.environment h3.tag { background-color:#3cc576; margin-bottom:1.5em; }
#top-posts.environment article a { border-top:1px solid #000; padding-bottom:10px; padding-top:10px; }
#top-posts.environment h3 + article a { border-top:none; padding-top:0; }
#top-posts.environment article:last-child a { padding-bottom:0; }
#top-posts.environment article a:hover { color:#3cc576; }
#top-posts.environment article a .post-content header { border-bottom:none; padding-bottom:5px; }
#top-posts.environment article a .post-content .post-meta { padding:0; }

/** Standard Post **/
.post a.post-link { padding-top:15px; }
.post:first-child a.post-link { padding-top:0; }
.post .post-content header p { margin:0; }

/** Single Post **/
article.single-post { /*padding-bottom:5em;*/ }
article.single-post .post-image { background-position:center bottom; background-repeat:no-repeat; background-size:cover; height:auto; overflow:hidden; position:relative; }
article.single-post .post-image span.category-tag { position:absolute; top:15px; left:15px; z-index:15; }
article.single-post .post-image img { opacity:0; margin:0; }

article.single-post header { border-bottom:1px solid #000; margin-bottom:1.875em; padding-bottom:1.25em; padding-top:1.875em; }
article.single-post header h1 { font-size:1.75em; }
article.single-post h3 { font-size:1.5em; font-weight:600; }
article.single-post img { height:auto; margin:1.5em 0; max-width:100%; }
article.single-post blockquote { font-size:1.25em; font-weight:400; margin:1.5em; }

.fb-comments { display:block; margin-top:1.875em; width:100%; }
.fb-comments > span,
.fb-comments > span > iframe { width:100% !important; }

/** Category Tags **/
.category-tag { background-color:#1bb2c2; color:#fff; display:inline-block; font-size:0.813em; line-height:1; padding:0.45em 0.5em 0.275em; text-transform:uppercase; }
.category-tag.agriculture { background-color:#0076a3; }
.category-tag.business { background-color:#0b4c8c; }
.category-tag.education { background-color:#1bb2c2; }
.category-tag.environment { background-color:#3cc576; }
.category-tag.health { background-color:#ff0053; }
.category-tag.lifestyle { background-color:#d60a99; }
.category-tag.sport { background-color:#ffb519; }
.category-tag.technology { background-color:#730469; }

/** Sidebar **/
aside#sidebar { float:right; max-width:330px; }

.newsletter-box { background-color:#000f1d; color:#fff; padding:15px; }
.newsletter-box h3 { font-weight:600; line-height:1.2; }
.newsletter-box input { border-bottom:1px solid #fff; color:#fff; padding-left:0; padding-right:0; }
.newsletter-box input.gform_button { background-color:#00274d; border-bottom:none; font-size:1.125em; font-weight:600; padding:0.75em 1em; text-transform:uppercase; width:auto; }
.newsletter-box input.gform_button:hover,
.newsletter-box input.gform_button:focus { background-color:#fff; color:#00274d; }
.newsletter-box .gfield_error input { border-bottom-color:red; }

.newsletter-box ::-webkit-input-placeholder { color: #fff; }
.newsletter-box :-moz-placeholder { color: #fff; }
.newsletter-box ::-moz-placeholder { color: #fff; }
.newsletter-box :-ms-input-placeholder { color: #fff; }

.petition-box { background-color:#00aeef; color:#fff; padding:15px; }
.petition-box h3 { border-bottom:1px solid #fff; font-size:1.625em; font-weight:400; margin-bottom:1em; padding-bottom:1em; }
.petition-box a.btn { background-color:#00274d; color:#fff; }
.petition-box a.btn:hover,
.petition-box a.btn:focus { background-color:#fff; color:#00274d; }

/** Top Picks **/
#top-posts { background-color:#fff; margin-bottom:15px; padding:15px; }
#top-posts h3.tag { background-color:#ff6e00; color:#fff; display:inline-block; font-size:0.813em; font-weight:400; line-height:1; margin:0; padding:0.45em 0.5em 0.275em; text-transform:uppercase; }
#top-posts.environment h3.tag { background-color:#3cc576; }
#top-posts ul { list-style:none; margin:0; padding:0; }
#top-posts ul li { margin-top:1.875em; }
#top-posts ul li a { color:#000; }
#top-posts ul li a:hover { color:#ff6e00; }

/** Related Posts **/
#related-posts { background-color:#fff; margin-top:1.875em; padding:1.875em; }
#related-posts img { margin:0; }
#related-posts article { margin-top:30px; }

/** Pagination **/
#pagination { background-color:#fff; margin-top:1.875em; text-align:center; }
#pagination a,
#pagination span { background-color:#eee; border-bottom:none; border-left:2px solid #fff; font-weight:700; display:inline-block; height:34px; line-height:34px; padding:0; width:11%; }
#pagination a:first-child,
#pagination span:first-child { border-left:none; } 
#pagination span { background-color:#00274d; color:#fff; }
#pagination span.expand { background-color:#eee; color:#000; }
#pagination a { background-color:transparent; color:#000; }
#pagination a:hover { background-color:#00aeef; color:#fff; }

/*
 * Home Page
 */
 
/** Featured Video **/
#featured-video { background-color:#000f1d; color:#fff; margin-top:15px; padding-bottom:30px; padding-top:30px; }
#featured-video h2 { font-weight:400; }
.video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*
 * Pages
 */
.page-content { text-align:center; }
.page-content h2 { font-size:1.75em; font-weight:400; }
.page-content p { font-size:1em; }
.page-content p .btn { font-size:inherit; }

/** Facts **/
.facts-grid { margin:-15px 0 0; }
.fact-block { padding:15px 0 0; text-align:center; width:100%; }

.fact-content,
.image-box { background-color:#fff; background-position:center; background-repeat:no-repeat; background-size:cover; height:auto; padding:30px; }

.fact_1 .fact-content { position:relative; }
.fact_1 .fact-content .content-wrapper { color:#fff; }
.fact_1 .fact-content .content-wrapper h3 { font-size:2em; font-weight:700; line-height:1; text-transform:uppercase; }

.fact_2 .image-box { display:none; }

.fact_3 .fact-content { background-color:#00aeef; color:#fff; }

.fact_4 .fact-content { color:#fff; }
.fact_4 .fact-content h3 { font-size:2em; text-transform:uppercase; }

.fact_5 .wrapper { box-shadow:0 0 25px rgba(0,0,0,0.1); }
.fact_5 .image-box { display:none; }
.fact_5 .image-box h3 { color:#fff; font-size:3em; font-weight:600; }
.fact_5 .image-box h3 big { font-size:160%; }
.fact_5 .fact-content { }

.fact_6 .fact-content { box-shadow:0 0 25px rgba(0,0,0,0.1); }

.fact_7 .fact-content { background-color:#00aeef; color:#fff; }

.fact_8 .wrapper { box-shadow:0 0 25px rgba(0,0,0,0.1); }
.fact_8 .image-box { height:290px; }
.fact_8 .fact-content { height:auto; text-align:left; }
.fact_8 .fact-content h3 { text-transform:uppercase; }

.fact_9 .image-box { height:290px; }
.fact_9 .fact-content { height:auto; }

.fact_10 .fact-content { box-shadow:0 0 25px rgba(0,0,0,0.1); }
.fact_10 .fact-content h3 { text-transform:uppercase; }

.fact_11 .fact-content { color:#fff; text-align:left; }
.fact_11 .fact-content h3 { font-size:2em; text-transform:uppercase; }
.fact_11 .fact-content ul { padding-left:20px; }
.fact_11 .fact-content ul li { margin:1em 0; }

.fact_12 { width:100%; }
.fact_12 .image-box { display:none; float:left; height:295px; width:50%; }
.fact_12 .fact-content { background-color:#00aeef; color:#fff; }

.clear { clear:both; width:100%; }

.facts-grid.single { margin:0 0 15px; }
.facts-grid.single .fact-block { padding:0; width:100%; }
.facts-grid.single .fact-block .fact-content { background-color:#00aeef; color:#fff; height:auto; min-height:230px; position:relative; }
.facts-grid.single .fact-block .fact-content .content-wrapper { position:relative; z-index:10; }
.facts-grid.single .fact-block .fact-content .overlay { background-color:#000; opacity:0.35; position:absolute; top:0; right:0; bottom:0; left:0; z-index:5; }
.facts-grid.single .fact-block .fact-content h3 { font-size:1.5em; }

.facts-grid.single .fact-block .fact-content h3.tag {
    background-color: #000000;
    color: #fff;
    display: inline-block;
    font-size: 0.813em;
    font-weight: 400;
    line-height: 1;
    margin: 0;
    padding: 0.45em 0.5em 0.275em;
    text-transform: uppercase;
}


/*
 * Site Footer
 */
#bottom-bar { background-color:#000f1d; color:#7c7d7d; }
#bottom-bar a { color:#7c7d7d; }
#bottom-bar a:hover { color:#fff; }

#bottom-bar #footer-content { padding-bottom:1.875em; padding-top:1.875em; }
#bottom-bar #footer-content #petition-box { background-color:#00aeef; color:#fff; padding:15px; }
#bottom-bar #footer-content #petition-box h3 { border-bottom:1px solid #fff; font-size:1.625em; font-weight:400; margin-bottom:1em; padding-bottom:1em; }
#bottom-bar #footer-content #petition-box p { display:none; }
#bottom-bar #footer-content #petition-box a.btn { background-color:#00274d; color:#fff; }
#bottom-bar #footer-content #petition-box a.btn:hover,
#bottom-bar #footer-content #petition-box a.btn:focus { background-color:#fff; color:#00274d; }

#bottom-bar #footer-content .newsletter-box { background-color:transparent; padding-top:30px; padding-bottom:0; }
#bottom-bar #footer-content .newsletter-box h3 { font-size:1.625em; font-weight:400; }

#bottom-bar #social-media { border-bottom:1px solid #282e34; border-top:1px solid #282e34; padding:15px 0; text-align:center; }
#bottom-bar #social-media .social-link { color:#ccc; display:inline-block; font-size:1em; padding:0 5px; text-transform:uppercase; }
#bottom-bar #social-media .social-link:hover { color:#fff; }
#bottom-bar #social-media .social-link i { font-size:1.538em; margin-right:2px; vertical-align:bottom; }
#bottom-bar #legality { font-size:0.813em; padding:15px 0; text-align:center; }
#bottom-bar #legality .text-right { text-align:center; }

.modal-content {
  padding: 4rem; }
  .modal-content .close-button {
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    color: #020824;
    font-size: 2em;
    line-height: 1;
    cursor: pointer;
    background: none;
    border: none; }
  .modal-content [data-whatinput='mouse'] .close-button {
    outline: 0; }
  @media (max-width: 767px) {
    .modal-content {
      padding: 1rem; } }

/** Global Styles **/
article a.post-link { color:#000; cursor:pointer; display:block; }
article a.post-link:hover { color:#666; }
article a.post-link img,
article a.post-link .post-image {
	-webkit-transition: opacity 0.25s ease-out;
	transition:opacity 0.25s ease-out; 
}
article a.post-link:hover img,
article a.post-link:hover .post-image { opacity:0.5; }

.post-meta .comments { float:right; }

/*.post-wrap { margin-bottom:-15px; margin-top:-15px; }*/

.post .post-image.square { background-position:center; background-repeat:no-repeat; background-size:cover; padding-top:100%; }
.post .post-image.landscape { background-position:top left; background-repeat:no-repeat; background-size:cover; padding-top:55%; }
.post-image.hidden-img {
	background: -webkit-linear-gradient(rgba(0,0,0,0.35), rgba(0,0,0,0.35), rgba(0,0,0,0.9));
	background: linear-gradient(rgba(0,0,0,0.35), rgba(0,0,0,0.35), rgba(0,0,0,0.9));
}
.post-image.hidden-img img { display:block; opacity:0 !important; }

.box-shadow { box-shadow:0 0 25px rgba(0,0,0,0.1); }

.petition-box.inline { background-color:#fff; color:#000; margin:30px 0; padding:15px; text-align:center; }
.petition-box.inline:last-child { margin-bottom:0; }
.petition-box.inline h4 { display:none; float:left; font-size:1.125em; margin:0; width:calc(100% - 220px); }

/** Dividers / Layout **/
.divider_top_xs,
.divider_top { padding-top:15px; }
.divider_bottom { padding-bottom:15px; }

.content-area { padding-bottom:30px; padding-top:30px; }
.content-area.no_top_padding { padding-top:0 !important; }
.white-background { background-color:#fff; }

/** Petition Add **/
article.petition-add { color:#fff; position:relative; }
article.petition-add .post-content { padding:15px; position:relative; z-index:5; }
article.petition-add .post-content h1 { font-size:30px; font-weight:600; text-transform:uppercase; text-shadow:0 0 10px rgba(255,255,255,0.75); }
article.petition-add .post-content h2 { font-size:24px; font-weight:600; }
article.petition-add .post-content p { font-size:16px; font-weight:lighter; }
article.petition-add .post-content a.btn { background-color:transparent; border:2px solid #fff; color:#fff; font-weight:lighter; }
article.petition-add .post-content a.btn:hover { background-color:#fff; color:#001d38; }
article.petition-add .post-image { background-position:left bottom; background-repeat:no-repeat; background-size:cover; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; }
article.petition-add .post-image img { display:none; }

/* ==========================================================================
   Typography
   ========================================================================== */
h1, h2, h3, h4 { font-weight:700; line-height:1; margin:0.75em 0; }
h1 { font-size:1.75em; }
h2 { font-size:1.5em; }
h3 { font-size:1.25em; }

.archive-title { border-bottom:1px solid #000; font-weight:600; line-height:1.2; padding-bottom:15px; padding-top:15px; }
.archive-title.single-page { border-bottom:none; font-weight:400; padding-top:0 !important; padding-bottom:0 !important; }

p { margin:1em 0; }
   
h1:first-child, h2:first-child, h3:first-child, h4:first-child, p:first-child { margin-top:0; }
h1:last-child, h2:last-child, h3:last-child, h4:last-child, p:last-child { margin-bottom:0; }

.text-right { text-align:right; }

@font-face {
  font-family: 'weissenhof-grotesk';
  src: url("../fonts/indian_type_foundry_-_weissenhofgrotesk-light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/indian_type_foundry_-_weissenhofgrotesk-light-webfont.woff") format("woff"), url("../fonts/indian_type_foundry_-_weissenhofgrotesk-light-webfont.ttf") format("truetype"), url("../fonts/indian_type_foundry_-_weissenhofgrotesk-light-webfont.svg#indian_type_foundry_-_weissenhofgrotesk-light-webfont") format("svg");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'weissenhof-grotesk';
  src: url("../fonts/indian_type_foundry_-_weissenhofgrotesk-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/indian_type_foundry_-_weissenhofgrotesk-regular-webfont.woff") format("woff"), url("../fonts/indian_type_foundry_-_weissenhofgrotesk-regular-webfont.ttf") format("truetype"), url("../fonts/indian_type_foundry_-_weissenhofgrotesk-regular-webfont.svg#indian_type_foundry_-_weissenhofgrotesk-regular-webfont") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'weissenhof-grotesk';
  src: url("../fonts/indian_type_foundry_-_weissenhofgrotesk-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/indian_type_foundry_-_weissenhofgrotesk-medium-webfont.woff") format("woff"), url("../fonts/indian_type_foundry_-_weissenhofgrotesk-medium-webfont.ttf") format("truetype"), url("../fonts/indian_type_foundry_-_weissenhofgrotesk-medium-webfont.svg#indian_type_foundry_-_weissenhofgrotesk-medium-webfont") format("svg");
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: 'weissenhof-grotesk';
  src: url("../fonts/indian_type_foundry_-_weissenhofgrotesk-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/indian_type_foundry_-_weissenhofgrotesk-bold-webfont.woff") format("woff"), url("../fonts/indian_type_foundry_-_weissenhofgrotesk-bold-webfont.ttf") format("truetype"), url("../fonts/indian_type_foundry_-_weissenhofgrotesk-bold-webfont.svg#indian_type_foundry_-_weissenhofgrotesk-bold-webfont") format("svg");
  font-weight: 700;
  font-style: normal; }
  
  
/* ==========================================================================
   Links
   ========================================================================== */
a { color:#0076a3; outline:none !important; text-decoration:none;
  -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
          transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
}
a:hover,
a:focus { color:#001d38; outline:none; text-decoration:none; }

.social-links { }
.social-links a.social-link { background-color:#001d38; border-radius:50%; color:#fff; display:block; float:left; font-size:0.85em; height:24px; line-height:25px; margin-left:10px; text-align:center; width:24px; }
.social-links a.social-link:hover { background-color:#3cc576; }

a.btn { background-color:#47c0ee; color:#fff; border-bottom:none; display:inline-block; font-size:1.125em; font-weight:600; line-height:1; padding:0.75em 1em; text-transform:uppercase; width:auto; }
a.btn:hover,
a.btn:focus { background-color:#00aeef; color:#fff; }

a.btn.red { background-color:#ff0053; }
a.btn.red:hover,
a.btn.red:focus { background-color:#e5004d; }

a.btn.dark-blue { background-color:#00274d; color:#fff; }
a.btn.dark-blue:hover,
a.btn.dark-blue:focus { background-color:#47c0ee; color:#fff; }

/* ==========================================================================
   Forms
   ========================================================================== */

input, textarea { border:none; border-radius:0; background-color:transparent; cursor:pointer; line-height:1; margin:0; padding:1em; outline:none; text-shadow:none; width:100%;
	-webkit-appearance:none;
  -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
          transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
}
input:hover, textarea:hover { }
input:focus, textarea:focus { }

label { text-transform:uppercase; }
.placeholder-support label { display:none; }

::-webkit-input-placeholder { color: #00274d; }
:-moz-placeholder { color: #00274d; }
::-moz-placeholder { color: #00274d; }
:-ms-input-placeholder { color: #00274d; }

input.gform_button { }
input.gform_button:hover { }

.gform_wrapper ul { list-style:none; margin:0; padding:0; }
.gform_wrapper ul li { margin-bottom:15px; }
.gform_footer { padding-top:15px; }
.gf_clear { clear:both; }

/** Warnings **/
.validation_error { display:none; }
.validation_message { display:none; border:2px solid; font-weight:400; margin-top:10px; padding:15px; text-shadow:none; }
.validation_message { background-color:#FBE3E4; border-color:#FBC2C4; color:#8A1F11 !important; }

/* ==========================================================================
   Responsive Styles
   ========================================================================== */

@media (min-width: 768px) {
	
	#top-bar #functions-bar nav { float:right; padding-right:30px; }
	#top-bar #functions-bar nav ul li { padding:0 15px; }
	
	#top-bar hgroup { padding-top:20px; padding-bottom:10px; text-align:right; }
	
	#top-bar hgroup h2 { padding-left:232px; padding-right:220px; }
	#top-bar hgroup h3 { height:57px; margin:28px 0 0; width:185px; }
	
	#top-bar #nav-bar { padding-top:15px; padding-bottom:15px; }
	#top-bar #nav-bar ul { list-style:none; margin:0; padding:0; }
	#top-bar #nav-bar ul li { float:left; }
	#top-bar #nav-bar ul li a { display:block; }
	
	nav#category-navigation { display:block; }
	nav#category-navigation ul li { border-top:none; position:relative; }
	nav#category-navigation ul li:before { background-color:#001325; border-radius:50%; content:''; display:block; height:3px; margin-top:-2px; position:absolute; top:50%; right:-2px; width:3px; }
	nav#category-navigation ul li:last-child:before { display:none; }
	nav#category-navigation ul li a { border-bottom:4px solid transparent; color:#001325; font-size:0.8em; font-weight:600; line-height:1; letter-spacing:0; padding:16px 7px 12px; text-transform:uppercase; }
	nav#category-navigation ul li:last-child a { padding-bottom:12px; }
	nav#category-navigation ul li.current-cat a,
	nav#category-navigation ul li a:hover { border-bottom-color:#00aeef; color:#00aeef; }
	
	#top-bar #nav-bar { overflow:hidden; padding-bottom:0; }
	#top-bar #nav-bar ul { display:block; }
	nav#category-navigation { float:left; position:relative; left:50%; }
	nav#category-navigation ul { position:relative; right:50%; }
	
	#nav-bar button.menu-button { display:none; }
	
	.post.featured-post span.category-tag { top:30px; left:30px; }
	.post.featured-post .post-content { padding:30px; position:absolute; right:0; bottom:0; left:0; z-index:10; }
	.post.featured-post .post-image { position:relative; }
	.post.featured-post .image-overlay { opacity:1; position:absolute; top:0; right:0; bottom:0; left:0; z-index:5;
		background: -webkit-linear-gradient(rgba(0,0,0,0.35), rgba(0,0,0,0.35), rgba(0,0,0,0.9));
		background: linear-gradient(rgba(0,0,0,0.35), rgba(0,0,0,0.35), rgba(0,0,0,0.9));
	}
	
	/** Tiled Post - Square Image **/
	.post.tiled-post a.post-link { background-color:#fff; }
	.post.tiled-post .post-image.square { float:left; padding-top:50%; width:50%; }
	.post.tiled-post .post-content { float:left; padding:20px 30px; width:50%; }
	.post.tiled-post span.category-tag { top:30px; left:30px; }
	
	/** Standard Post **/
	.post a.post-link { padding-top:30px; }
	.post:first-child a.post-link { padding-top:0; }
	
	article.single-post .post-image,
	.post.featured-post .post-image { height:400px; }
	
	article.single-post .post-image span.category-tag { top:30px; left:30px; }
	article.single-post header h1 { font-size:2.375em; }
	
	.newsletter-box,
	.petition-box,
	#bottom-bar #footer-content #petition-box,
	#top-posts { padding:30px; }
	
	#top-posts { margin-bottom:30px; padding:30px; }
	
	#featured-video { margin-top:30px; }
	
	.page-content h2 { font-size:2.25em; }
	.page-content p { font-size:1.125em; }
	
	.petition-box.inline { background-color:#fff; padding:30px; text-align:left; }
	.petition-box.inline h4 { display:block; float:left; font-size:1.125em; margin:0; width:calc(100% - 220px); }
	.petition-box.inline a.btn { float:right; }
	
	#bottom-bar #footer-content #petition-box p { display:block; }
	#bottom-bar #social-media .social-link { padding:0 3.077em; }
	#bottom-bar #social-media .social-link i { margin-right:0.5em; }
	#bottom-bar #social-media,
	#bottom-bar #legality { padding:30px 0; }
	#bottom-bar #legality { text-align:left; }
	#bottom-bar #legality .text-right { text-align:right; }
	
	h1 { font-size:2em; }
	.archive-title { padding-bottom:30px; padding-top:30px; }
	
	.divider_top_xs { padding-top:0; }
	.divider_top_sm,
	.divider_top { padding-top:30px; }
	.divider_bottom { padding-bottom:30px; }
	.content-area { padding-bottom:60px; padding-top:60px; }
	
	.facts-grid { margin:-15px; }
	.fact-block { float:left; padding:15px; text-align:center; width:50%; }
	
	.fact-content,
	.image-box { height:295px; }
	
	.fact_1 .fact-content { height:620px; position:relative; text-align:left; }
	.fact_1 .fact-content .content-wrapper { color:#fff; padding:30px; position:absolute; bottom:0; left:0; right:0; }
	.fact_1 .fact-content .content-wrapper h3 { font-size:3em; font-weight:700; line-height:1; text-transform:uppercase; }
	
	.fact_2 .image-box { display:none; }
	
	.fact_3 .fact-content { background-color:#00aeef; color:#fff; }
	
	.fact_4 .fact-content { color:#fff; }
	.fact_4 .fact-content h3 { font-size:2em; text-transform:uppercase; }
	
	.fact_5 .wrapper { box-shadow:0 0 25px rgba(0,0,0,0.1); }
	.fact_5 .image-box { display:none; }
	.fact_5 .image-box h3 { color:#fff; font-size:3em; font-weight:600; }
	.fact_5 .image-box h3 big { font-size:160%; }
	.fact_5 .fact-content { }
	
	.fact_6 .fact-content { box-shadow:0 0 25px rgba(0,0,0,0.1); }
	
	.fact_7 .fact-content { background-color:#00aeef; color:#fff; }
	
	.fact_8 .wrapper { box-shadow:0 0 25px rgba(0,0,0,0.1); }
	.fact_8 .image-box { height:270px; }
	.fact_8 .fact-content { height:340px; text-align:left; }
	.fact_8 .fact-content h3 { text-transform:uppercase; }
	
	.fact_9 .image-box { height:270px; }
	.fact_9 .fact-content { height:340px; }
	
	.fact_10 .fact-content { box-shadow:0 0 25px rgba(0,0,0,0.1); height:620px; }
	.fact_10 .fact-content h3 { text-transform:uppercase; }
	
	.fact_11 .fact-content { color:#fff; height:620px; text-align:left; }
	.fact_11 .fact-content h3 { font-size:2em; text-transform:uppercase; }
	.fact_11 .fact-content ul { padding-left:20px; }
	.fact_11 .fact-content ul li { margin:1em 0; }
	
	.fact_12 { width:100%; }
	.fact_12 .image-box { display:block; float:left; height:295px; width:50%; }
	.fact_12 .fact-content { background-color:#00aeef; color:#fff; float:left; height:295px; width:50%; }
	
	.facts-grid.single { margin:0 0 30px; }
	
	/** Petition Add **/
	article.petition-add .post-content { padding:30px;  position:absolute; top:0; right:0; bottom:0; left:0; z-index:5;  }
	article.petition-add .post-content h1 { font-size:30px; }
	article.petition-add .post-content h2 { font-size:24px; }
	article.petition-add .post-content p { font-size:16px; }
	article.petition-add .post-image { position:relative; }
	article.petition-add .post-image img { display:block; }
	
}
@media (min-width: 992px) {
	
	#top-bar hgroup h1 { height:146px; margin:0; top:-40px; position:absolute; width:232px; }
	#top-bar hgroup h3 { display:inline-block; height:66px; margin:0; width:220px; }
	
	nav#category-navigation ul li a { font-size:1em; letter-spacing:0; padding-left:10px; padding-right:10px; }
	
	article.single-post .post-image,
	.post.featured-post .post-image { height:500px; }
	
	/** Tiled Post - Square Image **/
	.post.tiled-post a.post-link { background-color:#fff; }
	.post.tiled-post .post-image.square { float:none; padding-top:100%; width:100%; }
	.post.tiled-post .post-content { float:none; width:100%; }
	
	#pagination a,
	#pagination span { height:50px; line-height:50px; width:54px; }
	
	#featured-video,
	#bottom-bar #footer-content { padding-bottom:60px; padding-top:60px; }
	
	.page-content h2 { font-size:2.625em; }
	.page-content p { font-size:1.25em; }
	
	.divider_top_sm,
	.divider_top_xs { padding-top:0; }
	.content-area { padding-bottom:80px; padding-top:80px; }
	
	.fact_1 { width:45%; }
	.fact_1 .fact-content { height:620px; position:relative; text-align:left; }
	.fact_1 .fact-content .content-wrapper { color:#fff; padding:30px; position:absolute; bottom:0; left:0; right:0; }
	.fact_1 .fact-content .content-wrapper h3 { font-size:3em; font-weight:700; line-height:1; text-transform:uppercase; }
	
	.fact_2 { width:55%; }
	.fact_2 .image-box { display:block; float:left; width:40%; }
	.fact_2 .fact-content { float:left; position:relative; width:60%; }
	
	.fact_3 { width:27.5%; }
	.fact_3 .fact-content { background-color:#00aeef; color:#fff; }
	
	.fact_4 { width:27.5%; }
	.fact_4 .fact-content { color:#fff; height:620px; }
	.fact_4 .fact-content h3 { font-size:2em; text-transform:uppercase; }
	
	.fact_5 { width:72.5%; margin-top:-324px; }
	.fact_5 .wrapper { box-shadow:0 0 25px rgba(0,0,0,0.1); }
	.fact_5 .image-box { display:block; float:left; width:40%; }
	.fact_5 .image-box h3 { color:#fff; font-size:3em; font-weight:600; }
	.fact_5 .image-box h3 big { font-size:160%; }
	.fact_5 .fact-content { float:left; position:relative; width:60%; }
	
	.fact_6 { width:27.5%; }
	.fact_6 .fact-content { box-shadow:0 0 25px rgba(0,0,0,0.1); }
	
	.fact_7 { width:27.5%; }
	.fact_7 .fact-content { background-color:#00aeef; color:#fff; }
	
	.fact_8 { width:45%; }
	.fact_8 .wrapper { box-shadow:0 0 25px rgba(0,0,0,0.1); }
	.fact_8 .image-box { height:295px; }
	.fact_8 .fact-content { height:325px; text-align:left; }
	.fact_8 .fact-content h3 { text-transform:uppercase; }
	
	.fact_9 { width:55%; margin-top:-324px; }
	.fact_9 .image-box { float:left; height:295px; width:40%; }
	.fact_9 .fact-content { float:left; position:relative; height:295px; width:60%; }
	
	.fact_10 { width:27.5%; }
	.fact_10 .fact-content { box-shadow:0 0 25px rgba(0,0,0,0.1); height:620px; }
	.fact_10 .fact-content h3 { text-transform:uppercase; }
	
	.fact_11 { width:45%; }
	.fact_11 .fact-content { color:#fff; height:620px; text-align:left; }
	.fact_11 .fact-content h3 { font-size:2.5em; text-transform:uppercase; }
	.fact_11 .fact-content ul { padding-left:20px; }
	.fact_11 .fact-content ul li { margin:1em 0; }
	
	.fact_12 { width:27.5%; }
	.fact_12 .image-box { float:none; height:270px; width:100%; }
	.fact_12 .fact-content { background-color:#00aeef; color:#fff; height:350px; float:none; width:100%; }
	
	/** Petition Add **/
	article.petition-add .post-content { padding:40px; }
	article.petition-add .post-content h1 { font-size:46px; }
	article.petition-add .post-content h2 { font-size:32px; }
	article.petition-add .post-content p { font-size:20px; }
	article.petition-add .post-content a.btn { margin-top:0.5em; }
	
}
@media (min-width: 1200px) {
	
	
	/*#top-bar hgroup { padding-top:50px; padding-bottom:30px; }*/
	#top-bar hgroup h2 { display:block; }
	#top-bar hgroup h3 { display:block; /*position:absolute; right:15px; top:20px;*/ }
	
	nav#category-navigation ul li a { padding-left:20px; padding-right:20px; }
	
	article.single-post .post-image,
	.post.featured-post .post-image { height:550px; }
	
	.fact_8 .fact-content h3,
	.fact_10 .fact-content h3 { font-size:2em; text-transform:uppercase; }
	
	/** Petition Add **/
	article.petition-add .post-content { padding:60px; }
	article.petition-add .post-content h1 { font-size:56px; }
	article.petition-add .post-content h2 { font-size:42px; }
	article.petition-add .post-content p { font-size:22px; }
		
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; 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;}

/*!--------------------------------------------------------------------
STYLES "Outdated Browser"
Version:    1.1.0 - 2014
author:     Burocratik
website:    http://www.burocratik.com
* @preserve
-----------------------------------------------------------------------*/
#outdated{
    display: none; position: fixed; top: 0; left: 0; width: 100%; height: 170px;
    text-align: center; text-transform: uppercase; z-index:1500;
    background-color: #f25648; color: #ffffff;
}
* html #outdated{position: absolute;}
#outdated h6{font-size: 25px; line-height: 25px; margin: 30px 0 10px;}
#outdated p{font-size: 12px; line-height: 12px; margin: 0;}
#outdated #btnUpdateBrowser{
    display: block; position: relative; padding: 10px 20px; margin: 30px auto 0; width: 230px; /*need for IE*/
    color: #ffffff; text-decoration: none; border: 2px solid #ffffff; cursor: pointer;
}
#outdated #btnUpdateBrowser:hover{color: #f25648; background-color:#ffffff;}
#outdated .last{position: absolute; top: 10px; right: 25px; width: 20px; height: 20px;}
#outdated #btnCloseUpdateBrowser{ border-bottom:none;
    display: block; position: relative; width: 100%; height: 100%;
    text-decoration: none; color: #ffffff; font-size: 36px; line-height: 36px;
}

/*! 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: #000;
	color: #000;
	text-shadow: none;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
}

.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 "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading {
	background-image: url('../img/fancybox_sprite.png');
}

#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('../img/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close { background-color:#fff; border:1px solid #000 !important; line-height:48px; text-align:center;
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	cursor: pointer;
	z-index: 8040;
  -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out;
          transition: color 0.25s ease-out, background-color 0.25s ease-out;
}
.fancybox-close:hover { background-color:#000; color:#fff; }
.generatedcontent.csstransforms .fancybox-close i { display:none; }
.generatedcontent.csstransforms .fancybox-close:before,
.generatedcontent.csstransforms .fancybox-close:after { background-color:#000; content:''; display:block; height:1px; margin-left:-11px; position:absolute; left:50%; top:50%; width:22px;
  -webkit-transition: background-color 0.25s ease-out;
          transition: background-color 0.25s ease-out;
}
.generatedcontent.csstransforms .fancybox-close:hover:before,
.generatedcontent.csstransforms .fancybox-close:hover:after { background-color:#fff; }
.generatedcontent.csstransforms .fancybox-close:before {
  -webkit-transform: rotate(45deg); 
          transform: rotate(45deg); 
}
.generatedcontent.csstransforms .fancybox-close:after {
  -webkit-transform: rotate(-45deg); 
          transform: rotate(-45deg); 
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../img/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span { background-image:none; background-color:#fff; border:1px solid #000 !important; line-height:48px; text-align:center;
	position: absolute;
	top: 50%;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	cursor: pointer;
	z-index: 8040;
  -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out; 
          transition: color 0.25s ease-out, background-color 0.25s ease-out;
}

.fancybox-prev span {
	left: -1px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: -1px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span { background-color:#000; color:#fff; }

.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-color:#fff;
	background-color:rgba(255,255,255,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;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title { background-color:#fff; border:1px solid #000; padding: 15px;
	visibility: visible;
}
.fancybox-title h4,
.fancybox-title p { margin:0; }

.fancybox-title-float-wrap {
	position: absolute;
	bottom:0;
	left:0;
	z-index: 8050;
	width:100%;
}

.fancybox-title-float-wrap .child {
	display: block;
	
}

.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, .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 {
		background-image: url('../img/fancybox_sprite@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('../img/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/** Modal **/

.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index:1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-content {
    padding: 4rem;
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    outline: 0;
}

.modal-content .close-button {
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    color: #020824;
    font-size: 2em;
    line-height: 1;
    cursor: pointer;
    background: none;
    border: none;
	outline:none;
}

.modal-backdrop {    
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
	opacity:0.5;
}
.modal-backdrop.fade {
    opacity: 0;
}
.modal-backdrop.in {
    opacity: 0.5;
}

@media (min-width: 768px) {
	.modal-dialog {
		width: 600px;
		margin: 30px auto;
	}
	.modal-content {
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
	}
}

/** Post Filter - added 13/12/18 **/
#category-filter { background-color:#fff; border-bottom:1px solid #eee; border-top:1px solid #eee; padding-bottom:20px; padding-top:20px;
	transition:opacity 0.25s ease-out;
}
#category-filter.loading { opacity:0.25; pointer-events:none; }
#category-filter form { float:left; width:100%; }
#category-filter form .form-input { float:left; height:40px; margin-right:20px; position:relative; }
#category-filter form label { display:inline-block; float:left; font-weight:600; line-height:40px; padding:0 10px 0 0; }
#category-filter form .select { float:left; position:relative; }

#category-filter form select { background-color:transparent; border:1px solid #011324; border-radius:0; color:#011324; cursor:pointer; font-size:1em; font-weight:600; height:40px; margin:0; max-width:330px; padding:0 3em 0 0.75em; outline:none; text-shadow:none;
  -webkit-appearance: none;
  -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
          transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
}

#category-filter form .form-input .select::before { content:'\f107'; color:#011324; display:block; font-size:1.25em; pointer-events:none; position:absolute; top:50%; right:16px;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
	-webkit-transform:translateY(-50%);
}

#category-filter .filter-btns { float:left; padding-top:20px; }
#category-filter .filter-btns .btn { float:left; font-size:1em; }
#category-filter .filter-btns .btn.red { margin-right:10px; }

@media (min-width: 992px) {
	#category-filter form { width:auto; }
	#category-filter .filter-btns { padding-top:0; }
	#category-filter .filter-btns.right { float:right; }
}