@charset "UTF-8";
/*
Theme Name: SKILLS
Author: Unthinkable Inc.
Author URI: http://unthinkable.is
Description: Custom theme for SKILLS Society.
Version: 1.0
*/
/* Written by Chris Chen */
@import url("//hello.myfonts.net/count/2c4a3c");
/*@font-face {font-family: 'TideSans-100LilBunnyItalic';src: url('webfonts/2C4A3C_9_0.eot');src: url('webfonts/2C4A3C_9_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2C4A3C_9_0.woff2') format('woff2'),url('webfonts/2C4A3C_9_0.woff') format('woff'),url('webfonts/2C4A3C_9_0.ttf') format('truetype');}*/
/*@font-face {font-family: 'TideSans-100LilBunny';src: url('webfonts/2C4A3C_1_0.eot');src: url('webfonts/2C4A3C_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2C4A3C_1_0.woff2') format('woff2'),url('webfonts/2C4A3C_1_0.woff') format('woff'),url('webfonts/2C4A3C_1_0.ttf') format('truetype');}*/
@font-face { font-family: 'TideSans-200LilMondo'; src: url("webfonts/2C4A3C_4_0.eot"); src: url("webfonts/2C4A3C_4_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2C4A3C_4_0.woff2") format("woff2"), url("webfonts/2C4A3C_4_0.woff") format("woff"), url("webfonts/2C4A3C_4_0.ttf") format("truetype"); }
@font-face { font-family: 'TideSans-300LilKahuna'; src: url("webfonts/2C4A3C_2_0.eot"); src: url("webfonts/2C4A3C_2_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2C4A3C_2_0.woff2") format("woff2"), url("webfonts/2C4A3C_2_0.woff") format("woff"), url("webfonts/2C4A3C_2_0.ttf") format("truetype"); }
@font-face { font-family: 'TideSans-300LilKahunaItalic'; src: url("webfonts/2C4A3C_7_0.eot"); src: url("webfonts/2C4A3C_7_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2C4A3C_7_0.woff2") format("woff2"), url("webfonts/2C4A3C_7_0.woff") format("woff"), url("webfonts/2C4A3C_7_0.ttf") format("truetype"); }
@font-face { font-family: 'TideSans-400LilDude'; src: url("webfonts/2C4A3C_0_0.eot"); src: url("webfonts/2C4A3C_0_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2C4A3C_0_0.woff2") format("woff2"), url("webfonts/2C4A3C_0_0.woff") format("woff"), url("webfonts/2C4A3C_0_0.ttf") format("truetype"); }
@font-face { font-family: 'TideSans-400LilDudeItalic'; src: url("webfonts/2C4A3C_5_0.eot"); src: url("webfonts/2C4A3C_5_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2C4A3C_5_0.woff2") format("woff2"), url("webfonts/2C4A3C_5_0.woff") format("woff"), url("webfonts/2C4A3C_5_0.ttf") format("truetype"); }
@font-face { font-family: 'TideSans-500Dudette'; src: url("webfonts/2C4A3C_3_0.eot"); src: url("webfonts/2C4A3C_3_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2C4A3C_3_0.woff2") format("woff2"), url("webfonts/2C4A3C_3_0.woff") format("woff"), url("webfonts/2C4A3C_3_0.ttf") format("truetype"); }
@font-face { font-family: 'TideSans-500DudetteItalic'; src: url("webfonts/2C4A3C_8_0.eot"); src: url("webfonts/2C4A3C_8_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2C4A3C_8_0.woff2") format("woff2"), url("webfonts/2C4A3C_8_0.woff") format("woff"), url("webfonts/2C4A3C_8_0.ttf") format("truetype"); }
@font-face { font-family: 'TideSans-600Bunny'; src: url("webfonts/2C4A3C_6_0.eot"); src: url("webfonts/2C4A3C_6_0.eot?#iefix") format("embedded-opentype"), url("webfonts/2C4A3C_6_0.woff2") format("woff2"), url("webfonts/2C4A3C_6_0.woff") format("woff"), url("webfonts/2C4A3C_6_0.ttf") format("truetype"); }
/*@font-face {font-family: 'TideSans-700Mondo';src: url('webfonts/2C4A3C_C_0.eot');src: url('webfonts/2C4A3C_C_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2C4A3C_C_0.woff2') format('woff2'),url('webfonts/2C4A3C_C_0.woff') format('woff'),url('webfonts/2C4A3C_C_0.ttf') format('truetype');}*/
/*@font-face {font-family: 'TideSans-700MondoItalic';src: url('webfonts/2C4A3C_E_0.eot');src: url('webfonts/2C4A3C_E_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2C4A3C_E_0.woff2') format('woff2'),url('webfonts/2C4A3C_E_0.woff') format('woff'),url('webfonts/2C4A3C_E_0.ttf') format('truetype');}*/
/* 
http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/* Bootstrap 3: Media Queries reference */
/*
Large Devices, Wide Screens
@media only screen and (max-width : 1200px) {
}

Medium Devices, Desktops
@media only screen and (max-width : 992px) {
}

Small Devices, Tablets
@media only screen and (max-width : 768px) {
}

Extra Small Devices, Phones
@media only screen and (max-width : 568px) {
}

Custom, iPhone Retina
@media only screen and (max-width : 320px) {	
}
*/
/*** Global Variables *************************************/
/**********************************************************/
.orange { color: #EE7700; }

.yellow { color: #FCB514; }

.red { color: #F2473F; }

.blue { color: #3A66A7; }

.teal { color: #67baaf; }

.white { color: white; }

/*** Grid *************************************************/
/**********************************************************/
img { max-width: 100%; height: auto; vertical-align: top; }

.max { position: relative; min-width: 270px; max-width: 1160px; padding: 0 30px; margin: 0 auto; }

@media only screen and (max-width: 568px) { .max { padding: 0 15px; } }
.col { float: left; margin-bottom: 60px; }
.col .inner { padding: 30px 20px 20px; margin-right: 15px; margin-left: 15px; }
.col.omega:after { display: block; content: ''; clear: left; }
.col.alpha .inner { margin-left: 0; }
.col.omega .inner { margin-right: 0; }
.col.full > .inner { margin-right: 0; margin-left: 0; }
.col .full:last-child { margin-bottom: 0; }
.col:before { display: block; content: ''; clear: left; }

.col3 .col:nth-child(3n-2) { clear: left; }

.full { float: none; }

.half { width: 50%; }

.third { width: 33.33333%; }

.two-thirds { width: 66.66666%; }

.fourth { width: 25%; }

.three-quarters { width: 75%; }

.fifth { width: 20%; }

.two-fifths { width: 40%; }

.three-fifths { width: 60%; }

.four-fifths { width: 80%; }

@media only screen and (max-width: 992px) { .col { float: none !important; width: auto !important; }
  .col .inner { margin-right: 0 !important; margin-left: 0 !important; }
  .col img { float: none !important; } }
@media only screen and (max-width: 568px) { .col { margin-bottom: 15px; } }
.table { display: block; display: table; width: 100%; margin: 0; }
.table .table-row { display: table-row; }
.table .table-row > .col { float: none; display: block; display: table-cell; vertical-align: top; }

@media only screen and (max-width: 992px) { .table { display: block; }
  .table .table-row { display: block; }
  .table .table-row > .col { display: block; } }
.center { text-align: center; }

.middle { vertical-align: middle !important; }

.alignright { float: right; margin: 0 0 60px 60px; }

.alignleft { float: left; margin: 0 60px 60px 0; }

.clear { clear: both; }

.mobile { display: none; }

@media only screen and (max-width: 992px) { .desktop { display: none; }
  .mobile { display: inline-block; } }
@media only screen and (max-width: 767px) { .alignright { display: block; float: none; margin-left: 0; }
  .alignleft { display: block; float: none; margin-right: 0; } }
/* Wireframing Only - Remove these classes when not in use */
.frame { position: relative; max-height: 260px; margin-bottom: 60px; background: #ddd; overflow: hidden; /* PLACEHOLDERS ONLY for things like images and videos */ }
.frame.image { background: #BCBDC0 url(img/bg-dummy-image.png) no-repeat center center; background-size: 100% 100%; }
.frame.full { max-height: 330px; }
.frame .block { min-height: 260px; padding-bottom: 30%; }

@media only screen and (max-width: 992px) { .frame { max-height: none; }
  .frame .block { min-height: 1px; } }
/* END Wireframing */
/*** Typography *******************************************/
/**********************************************************/
body { margin-left: 0 !important; font-family: 'TideSans-300LilKahuna'; font-size: 15px; line-height: 1.5em; color: #0B1C2B; }

a { color: #0B1C2B; text-decoration: none; }
a:hover { color: #0B1C2B; text-decoration: none !important; }
a.orange { color: #EE7700; }
a.yellow { color: #FCB514; }
a.red { color: #F2473F; }
a.blue { color: #3A66A7; }
a.teal { color: #67baaf; }
a.white { color: white; }

hr { display: block; clear: both; margin: 60px 0; border: none; height: 1px; background: #0B1C2B; }
hr.section-divider { margin: 60px 0; height: 2px; background: #EEEBEA; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 15px; font-weight: normal; line-height: 1.35em; clear: left; }
h1.orange, h2.orange, h3.orange, h4.orange, h5.orange, h6.orange, .h1.orange, .h2.orange, .h3.orange, .h4.orange, .h5.orange, .h6.orange { color: #EE7700; }
h1.red, h2.red, h3.red, h4.red, h5.red, h6.red, .h1.red, .h2.red, .h3.red, .h4.red, .h5.red, .h6.red { color: #F2473F; }
h1.blue, h2.blue, h3.blue, h4.blue, h5.blue, h6.blue, .h1.blue, .h2.blue, .h3.blue, .h4.blue, .h5.blue, .h6.blue { color: #3A66A7; }
h1.teal, h2.teal, h3.teal, h4.teal, h5.teal, h6.teal, .h1.teal, .h2.teal, .h3.teal, .h4.teal, .h5.teal, .h6.teal { color: #67baaf; }

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 { font-family: 'TideSans-500Dudette'; }
h1 a, h2 a, h3 a, h4 a, h5 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a { font-family: 'TideSans-500Dudette'; }
h1 em, h2 em, h3 em, h4 em, h5 em, .h1 em, .h2 em, .h3 em, .h4 em, .h5 em { font-family: 'TideSans-500DudetteItalic'; }

h1, .h1 { font-size: 1.5em; margin-bottom: 20px; }

h2, .h2 { font-size: 1.2em; }

h3, .h3 { font-size: 1.1em; }

h4, .h4 { font-size: 1em; }

h5, .h5 { font-size: .95em; }

h6, .h6 { font-size: .9em; text-transform: uppercase; }

.inline { display: inline; }

strong { font-family: 'TideSans-500Dudette'; }

strong em, em strong { font-family: 'TideSans-500DudetteItalic'; }

blockquote { margin: 60px 0; margin-left: .35em; font-family: 'TideSans-300LilKahunaItalic'; font-weight: normal; text-indent: -.35em; }
blockquote span { display: block; margin-top: .5em; margin-left: .5em; font-family: 'TideSans-300LilKahuna'; color: #0B1C2B; font-size: .85em; }
blockquote p { margin: 0; }
blockquote.orange { color: #EE7700; }
blockquote.red { color: #F2473F; }
blockquote.blue { color: #3A66A7; }
blockquote.teal { color: #67baaf; }
blockquote.yellow { color: #FCB514; }

@media (min-width: 768px) { blockquote { font-size: 1.2em; line-height: 1.6em; } }
p { margin-bottom: 20px; }
p em { font-family: 'TideSans-300LilKahunaItalic'; }

ul, ol { margin-bottom: 40px; margin-left: 2.5em; }
ul em, ol em { font-family: 'TideSans-300LilKahunaItalic'; }
ul li, ol li { margin-bottom: 1em; }
ul li:last-child, ol li:last-child { margin-bottom: 0; }

table { margin-bottom: 20px; }

@media only screen and (max-width: 568px) { table td { display: block; width: 100%; } }
img.alignleft { margin: 8px 30px 15px 0; }
img.alignright { margin: 8px 0 15px 30px; }
img.aligncenter { display: table; margin-right: auto; margin-left: auto; }

@media (max-width: 767px) { img.alignleft, img.alignright { margin: 0 0 15px 0; } }
/*** Buttons **********************************************/
/**********************************************************/
a.button { display: inline-block; padding: 1.2em 1.75em 1em; font-size: .85em; line-height: 1em; text-decoration: none !important; text-transform: uppercase; }
a.button.blue { background: #3A66A7; color: white; }
a.button.navy { background: #0B1C2B; color: #FCB514; }
a.button.red { background: #F2473F; color: white; }
a.button.teal-inv { background: none; border: 1px solid #67baaf; color: #67baaf; }
.content-middle a.button { font-family: 'TideSans-300LilKahuna'; }

/*** Header ***********************************************/
/**********************************************************/
.border-header { padding-top: 30px; border-top: 12px solid #FCB514; }

a.logo { display: block; margin: 0 auto; width: 225px; height: 148px; background-image: url(img/logo-sprite.png); background-repeat: no-repeat; background-position: -225px 0; text-decoration: none; }
a.logo.logo-small { width: 110px; height: 72px; background-position: 0 0; background-size: 225px; }

.command-centre { position: absolute; bottom: 0; left: 60px; width: 30px; }

#header .social, #header-sticky .social { position: absolute; bottom: 0; right: 60px; }
.social img { margin-left: 4px; }

#header { margin-bottom: 30px; }

.sub-menu { display: none; }

.header .menu { position: relative; margin: 30px auto 0; font-family: 'TideSans-500Dudette'; font-size: 13px; list-style: none; text-align: center; text-transform: uppercase; }
.header .menu li { position: relative; display: inline-block; margin: 0 15px; }
.header .menu li a { padding: 0 5px; }
.header .menu li.current-menu-item > a, .header .menu li.current-menu-parent > a { color: #67baaf; }
.header .menu li.menu-item-has-children > a:after { width: 10px; float: right; content: '+'; }
.header .menu li.menu-item-has-children > a.expanded:after { content: '-'; }
.header .menu .sub-menu { position: absolute; width: 260px; padding: 8px 18px; margin: 0; border-bottom: 12px solid #FCB514; background: white; text-align: left; z-index: 9; }
.header .menu .sub-menu li { display: block; margin: 0; border-bottom: 1px solid #FCB514; line-height: 1em; }
.header .menu .sub-menu li:last-child { border: none; }
.header .menu .sub-menu li a { display: block; padding: 6px 0; margin: .5em 0; }

@media only screen and (max-width: 992px) { .header .menu { display: none; } }
#header-sticky { position: fixed; top: -140px; left: 0; width: 100%; background: white; z-index: 99; -webkit-transition: transform 200ms linear; -moz-transition: transform 200ms linear; -ms-transition: transform 200ms linear; -o-transition: transform 200ms linear; transition: transform 200ms linear; transition: transform 200ms linear; }
#header-sticky .max { max-width: 1160px; padding-top: 15px; padding-bottom: 0; }
#header-sticky .menu { margin-top: 0; }
#header-sticky .command-centre { position: relative; bottom: auto; left: auto; margin-top: 36px; float: left; }
#header-sticky .social { position: relative; bottom: auto; right: auto; margin-top: -26px; float: right; }
#header-sticky .border-bottom { padding-top: 15px; border-bottom: 12px solid #FCB514; }

@media only screen and (max-width: 992px) { #header-sticky .command-centre { margin-top: 6px; } }
@media only screen and (max-width: 568px) { #header .border-header { padding-top: 30px; }
  #header .social { right: 15px; width: 25px; }
  #header .social img { margin-left: 0; margin-top: 2px; }
  .command-centre { left: 15px; }
  a.logo { width: 110px; height: 72px; background-position: 0 0; background-size: 225px; }
  #header-sticky .command-centre { display: inline-block; bottom: 0; width: 60px; }
  #header-sticky .command-centre .toggle-menu { display: inline-block; margin-top: 13px; margin-left: 10px; }
  #header-sticky a.logo.logo-small { width: 70px; height: 48px; background-size: 140px auto; } }
#hero { position: relative; margin-bottom: 30px; border-top: 12px solid #FCB514; }
#hero > img { width: 100%; }
#hero .hero-caption { display: none; max-width: 440px; padding: 0 20px; margin: 8% auto 0; font-family: 'TideSans-400LilDude'; font-size: 1.4em; line-height: 1.45em; color: white; text-align: center; }
#hero .hero-caption a { color: white; }
#hero .hero-caption h6 { font-family: 'Fjalla One', sans-serif; color: #FCB514; font-size: 14px; letter-spacing: .05em; }
#hero .hero-caption img { margin-top: 0; }

@media only screen and (max-width: 992px) { #hero .hero-caption { display: none !important; } }
#tagline { padding: 2.5% 15px; background: #FCB514; text-align: center; }
#tagline img { vertical-align: middle; }

/* Hopefully the page ids do not change */
.filter { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }
.blog .filter, .archive .filter, .single-post .filter { /*background-color: rgba(238, 119, 0, 0.7);*/ }
.blog .filter:hover, .archive .filter:hover, .single-post .filter:hover { background: #EE7700; }
.projects .filter, .single-ut_projects .filter { /*background-color: rgba(242, 71, 63, 0.7);*/ }
.projects .filter:hover, .single-ut_projects .filter:hover { background: #F2473F; }
.contribute .filter, .parent-pageid-35 .filter { /*background-color: rgba(58, 102, 167, 0.7);*/ }
.contribute .filter:hover, .parent-pageid-35 .filter:hover { background: #3A66A7; }
.home .filter, .about .filter, .services .filter, .work-for-us .filter, .parent-pageid-43 .filter { /*background-color: rgba(103, 186, 175, 0.7);*/ }
.home .filter:hover, .about .filter:hover, .services .filter:hover, .work-for-us .filter:hover, .parent-pageid-43 .filter:hover { background: #67baaf; }

@media only screen and (max-width: 992px) { .blog .filter:hover, .archive .filter:hover, .single-post .filter:hover { background: none; }
  .home .filter:hover, .about .filter:hover, .services .filter:hover, .parent-pageid-43 .filter:hover { background: none; }
  .projects .filter:hover, .single-ut_projects .filter:hover { background: none; }
  .contribute .filter:hover, .parent-pageid-35 .filter:hover { background: none; } }
/*** Menus ************************************************/
/**********************************************************/
#pageslide { /* These styles MUST be included. Do not change. */ display: none; position: absolute; position: fixed; top: 0; height: 100%; z-index: 999999; /* Specify the width of your pageslide here */ width: 200px; padding: 50px 0 20px; /* These styles are optional, and describe how the pageslide will look */ background-color: #0B1C2B; color: #FFF; }

.toggle-menu { margin-top: 10px; display: none; }

#close-menu { position: absolute; top: 20px; right: 20px; }

@media only screen and (max-width: 992px) { .toggle-menu { display: block; } }
@media only screen and (max-height: 480px) { #pageslide-menu { max-height: 400px; overflow-y: scroll; } }
#pageslide .menu { margin: 0; list-style: none; text-transform: uppercase; }
#pageslide .menu * { margin: 0; }
#pageslide .menu li { line-height: 1.25em; }
#pageslide .menu > li { font-family: 'TideSans-400LilDude'; font-size: .95em; line-height: 1em; list-style: none; margin-bottom: 0; }
#pageslide .menu > li a { display: block; padding: 18px 15px 15px 13px; color: white; }
#pageslide .menu > li a:hover { background: #FCB514; color: #0B1C2B !important; font-family: 'TideSans-500Dudette'; font-size: 1.025em; }
#pageslide .menu > li > a { color: #67baaf; }
#pageslide .menu > li.menu-item-has-children > a:after { float: right; content: '+'; }
#pageslide .menu > li.menu-item-has-children > a.expanded:after { content: '-'; }
#pageslide .menu .current-menu-item a { background: #FCB514; color: #0B1C2B !important; font-family: 'TideSans-500Dudette'; }
#pageslide .menu .sub-menu { display: none; }
#pageslide .menu .sub-menu li { font-family: 'TideSans-200LilMondo'; font-size: .85em; }
#pageslide .menu .sub-menu li a { padding: 10px 10px 10px 30px; }

.menu-secondary { position: relative; display: inline-block; padding-left: 70px; margin: 0 auto; text-align: center; }
.menu-secondary .pointer { position: absolute; left: 0; }
.menu-secondary .menu { display: inline-block; margin: 5px 0 0; font-family: 'Fjalla One', sans-serif; font-size: 1.45em; line-height: 1em; text-transform: uppercase; }
.archive .menu-secondary .menu { font-size: 1.35em; }
.menu-secondary .menu * { margin: 0; }
.menu-secondary .menu li { display: inline-block; padding-right: 10px; margin-right: 5px; margin-bottom: 8px; border-right: 2px solid #FCB514; list-style: none; }
.menu-secondary .menu li:last-child { padding-right: 0; margin-right: 0; border-right: none; }
.menu-secondary .menu li.current-menu-item a { color: #67baaf; }

@media only screen and (max-width: 568px) { .menu-secondary { padding-left: 0; }
  .menu-secondary .pointer { display: none; }
  .menu-secondary .menu li { display: block; padding-right: 0; padding-bottom: 5px; margin-right: 0; border-right: none; border-bottom: 2px solid #FCB514; }
  .menu-secondary .menu li:last-child { padding-bottom: 0; margin-bottom: 0; border: none; } }
#footer .menu { display: inline-block; margin-left: 0; margin-bottom: 60px; font-family: 'TideSans-500Dudette'; font-size: 1em; line-height: 1em; text-transform: uppercase; }
#footer .menu * { margin: 0; }
#footer .menu li { display: inline-block; padding: 0 10px; margin: 0 5px; }

@media only screen and (max-width: 568px) { #footer .menu { font-size: .75em; }
  #footer .menu li { padding: 0 5px; margin: 0; } }
/*** Home *************************************************/
/**********************************************************/
.intro { font-family: 'TideSans-500Dudette'; font-size: 1.25em; line-height: 1.5em; }

/*** Main *************************************************/
/**********************************************************/
.page-title { position: absolute; top: 0; left: 0; padding: 20px 25px; font-family: 'Fjalla One', sans-serif; font-size: 2em; color: white; text-transform: uppercase; z-index: 2; }
.blog .page-title, .archive .page-title, .single-post .page-title { background-color: rgba(238, 119, 0, 0.7); }
.blog .page-title:hover, .archive .page-title:hover, .single-post .page-title:hover { background: #EE7700; }
.projects .page-title, .single-ut_projects .page-title { background-color: rgba(242, 71, 63, 0.7); }
.projects .page-title:hover, .single-ut_projects .page-title:hover { background: #F2473F; }
.contribute .page-title, .parent-pageid-35 .page-title { background-color: rgba(58, 102, 167, 0.7); }
.contribute .page-title:hover, .parent-pageid-35 .page-title:hover { background: #3A66A7; }
.home .page-title, .about .page-title, .services .page-title, .work-for-us .page-title, .parent-pageid-43 .page-title { background-color: rgba(103, 186, 175, 0.7); }
.home .page-title:hover, .about .page-title:hover, .services .page-title:hover, .work-for-us .page-title:hover, .parent-pageid-43 .page-title:hover { background: #67baaf; }

.content-middle { max-width: 800px; margin: 60px auto; }
.content-middle a { font-family: 'TideSans-500Dudette'; text-decoration: underline; }
.content-middle .more-link { font-family: 'TideSans-600Bunny'; }
.content-middle h1 a, .content-middle h2 a, .content-middle h3 a, .content-middle h4 a, .content-middle h5 a { font-family: 'TideSans-500Dudette'; }
.content-middle .lead { font-family: 'TideSans-400LilDude'; font-size: 1.2em; line-height: 1.65em; }

@media only screen and (max-width: 568px) { #main { padding-bottom: 30px; }
  .page-title { padding: 10px 15px; }
  .content-middle { margin: 30px auto; } }
.border-top { border-top: 12px solid #FCB514; }

.color-block { position: relative; min-height: 250px; }
.color-block > *:last-child { margin-bottom: 0; }
.color-block h1, .color-block h2, .color-block h3, .color-block h4 { font-family: 'TideSans-400LilDude'; }
.color-block h6 { font-family: 'Fjalla One', sans-serif; color: #FCB514; font-size: 14px; letter-spacing: .05em; }
.color-block.orange { color: #EE7700; }
.color-block.orange a { color: #EE7700; }
.color-block.orange h6 a { color: #FCB514; }
.color-block.red { color: #F2473F; }
.color-block.red a { color: #F2473F; }
.color-block.red h6 a { color: #FCB514; }
.color-block.blue { color: #3A66A7; }
.color-block.blue a { color: #3A66A7; }
.color-block.blue h6 a { color: #FCB514; }
.color-block.teal { color: #67baaf; }
.color-block.teal a { color: #67baaf; }
.color-block.teal h6 a { color: #FCB514; }

.teaser-image { background-position: top center; background-repeat: no-repeat; background-size: cover; }

.teaser-caption { position: absolute !important; top: 0; left: 0; width: 100%; height: 100%; font-family: 'TideSans-400LilDude'; font-size: 1.175em; line-height: 1.5em; text-align: center; }
.teaser-caption p { margin-bottom: 5px; }
.teaser-caption .icon { margin: 10px auto 0 !important; }
.teaser-caption .inner { display: none; padding: 30px; margin: 0 !important; }
.teaser-caption.color-block { color: white !important; }
.teaser-caption.orange { /*background-color: rgba(238, 119, 0, 0.7);*/ }
.teaser-caption.orange:hover { background: #EE7700; }
.teaser-caption.red { /*background-color: rgba(242, 71, 63, 0.7);*/ }
.teaser-caption.red:hover { background: #F2473F; }
.teaser-caption.blue { /*background-color: rgba(58, 102, 167, 0.7);*/ }
.teaser-caption.blue:hover { background: #3A66A7; }
.teaser-caption.teal { /*background-color: rgba(103, 186, 175, 0.7);*/ }
.teaser-caption.teal:hover { background: #67baaf; }
.teaser-caption.navy:hover { background: #0B1C2B; }

.project { margin-bottom: 30px; }
.project .color-block { min-height: 250px; text-align: center; }
.project .color-block.inner { padding: 30px 40px; }
.project .color-block.red { background-color: #F2473F; }
.project .color-block h2 a { color: white; }
.project h2 { min-height: 40px; margin-bottom: 10px; color: white; }
.project .color-block:hover { background-color: #FCB514; }
.project .color-block:hover h2, .project .color-block:hover h2 a { color: #F2473F; }
.project .color-block:hover h6, .project .color-block:hover h6 a { color: white; }

.contact-call { background: #fedc01; padding: 15px 30px; }
.contact-call p { display: none; }
.contact-call h1, .contact-call h2, .contact-call h3, .contact-call h4, .contact-call h5, .contact-call h6 { margin: 0; }
.contact-call h2 { margin-top: .25em; line-height: 1.65em; }

.col.about { margin-bottom: 30px; }
.col.about .color-block { min-height: 220px; text-align: center; }
.col.about .color-block.inner { padding: 30px 20px; }
.col.about .color-block.teal { background-color: #67baaf; }
.col.about .color-block.red { background-color: #F2473F; }
.col.about .color-block.navy { background-color: #0B1C2B; }
.col.about h2 { min-height: 40px; margin-bottom: 10px; color: white; }

@media (min-width: 992px) { .col.about { display: inline-block; float: none; vertical-align: top; clear: none !important; }
  .col.third.about { width: 32.8%; } }
.values { margin-bottom: 30px; /*& .color-block:hover {
	h2, h2 a { color: $teal; }
	h6, h6 a { color: white; }
}*/ }
.values .color-block { min-height: 180px; text-align: center; }
.values .color-block.inner { padding: 30px 40px; }
.values .color-block.teal { background-color: #67baaf; }
.values .color-block h2 a { color: white; }
.values h2 { min-height: 40px; margin-bottom: 10px; color: white; }

@media only screen and (max-width: 568px) { .project, .values { margin-bottom: 15px; } }
.sponsor .inner { padding: 20px; }

.form .color-block.orange { background-color: #EE7700; }
.form .color-block.red { background-color: #F2473F; }
.form .color-block.blue { background-color: #3A66A7; }
.form .color-block.teal { background-color: #67baaf; }
.form .color-block.yellow { background-color: #FCB514; }

@media only screen and (max-width: 568px) { .color-block.inner { padding: 30px !important; } }
.more-link { display: block; margin-top: 20px; font-family: 'TideSans-600Bunny'; font-size: 12px; text-transform: uppercase; }
.more-link img { margin-right: 20px; vertical-align: bottom; }

.see-all { margin: 0 10px; font-family: 'Fjalla One', sans-serif; font-weight: 700; text-decoration: underline; }

.icon { margin-top: 10px; }

@media only screen and (max-width: 768px) { .teaser-image { display: none; }
  #latest-projects .teaser-image, .about .teaser-image { display: block; } }
#about .col { margin-bottom: 0; }

#latest-projects .inline { font-size: .9em; text-transform: uppercase; }

#latest-news .col { margin-bottom: 0; }
#latest-news h2 a { text-decoration: underline; }

@media only screen and (max-width: 768px) { #latest-projects .teaser-caption { display: block !important; opacity: 1 !important; } }
/* Main Copy */
.meta { font-size: 14px; text-transform: uppercase; }

.sponsor-perks { min-height: 440px; margin-bottom: 60px; }

@media only screen and (max-width: 768px) { .sponsor-perks { min-height: 1px; } }
/* Accordions */
.ui-accordion-header { padding: 20px 60px; margin-bottom: 0; outline: none !important; cursor: pointer; }
.accordion-page .ui-accordion-header { padding: 25px 20px 5px; }
.ui-accordion-header h1 { line-height: 1.2em; }
.ui-accordion-header h1 a { font-family: 'TideSans-400LilDude'; text-decoration: none; }
.ui-accordion-header h1 a:hover { font-family: 'TideSans-500Dudette'; }
.ui-accordion-header .content-middle { margin-top: 0; margin-bottom: 0; }
.ui-accordion-header .content-middle * { padding: 0; margin: 0; }
.ui-accordion-header.orange { color: #EE7700; }
.ui-accordion-header.orange a { color: #EE7700; }
.ui-accordion-header.orange h6 a { color: #FCB514; }
.ui-accordion-header.red { color: #F2473F; }
.ui-accordion-header.red a { color: #F2473F; }
.ui-accordion-header.red h6 a { color: #FCB514; }
.ui-accordion-header.blue { color: #3A66A7; }
.ui-accordion-header.blue a { color: #3A66A7; }
.ui-accordion-header.blue h6 a { color: #FCB514; }
.ui-accordion-header.teal { color: #67baaf; }
.ui-accordion-header.teal a { color: #67baaf; }
.ui-accordion-header.teal h6 a { color: #FCB514; }

.accordion-page .ui-accordion-content { padding: 0 20px 25px; }

@media only screen and (max-width: 568px) { .ui-accordion-header, .news-bar { padding: 10px 0; } }
.accordion-page .content-middle.ui-accordion-content { margin-top: 15px; margin-bottom: 30px; }
.accordion-page h1 { position: relative; padding-right: 20px !important; }
.accordion-page h1:after { position: absolute; bottom: 0; right: 0; content: '+'; }
.accordion-page .ui-state-active h2:after { content: '-'; }

/* News Page */
.news { margin-bottom: 60px; }
.news .news-bar { padding: 20px; margin-bottom: 0; }
.news .news-bar .col { margin-bottom: 0; }
.news .news-bar .col .icon { float: left; margin-top: 0; }
.news .post { position: relative; min-height: 48px; }
.news .post a { color: #EE7700; text-decoration: underline; }
.news .news-icon { vertical-align: middle !important; }
.news .news-title { position: relative; top: 10px; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
.news .news-title.hover { top: 0; }
.news .news-excerpt { display: none; max-width: 100%; font-size: .75em; font-family: 'TideSans-300LilKahuna'; color: #EE7700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news .meta { padding-top: 10px; font-family: 'Fjalla One', sans-serif; text-align: right; color: #EE7700; }
.news .more-link { color: #EE7700; }

@media only screen and (max-width: 1024px) { .news .col { vertical-align: middle !important; }
  .news .news-title { top: 0 !important; }
  .news .news-excerpt { display: none !important; }
  .news .meta { padding-top: 0; } }
@media only screen and (max-width: 768px) { .news .col { text-align: center; }
  .news .col .icon { margin-bottom: 30px; } }
.gallery .gallery-item { width: 31.3333% !important; margin: 1% !important; }
.gallery img { border: none !important; }

#pagination { font-family: 'Fjalla One', sans-serif; font-size: 1.5em; line-height: 1.3em; margin-bottom: 60px; }
#pagination .menu-secondary { padding: 0; }
#pagination .page-numbers { padding: 0 3px; margin: 0 2px; }
#pagination span { font-size: inherit; color: #67baaf; }

/*** Forms ************************************************/
/**********************************************************/
input, textarea { display: inline-block; border-radius: 0; }

input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"], textarea, select { width: 100%; padding: 6px 2.5%; border: none; outline: none; -webkit-appearance: none; }

select { -webkit-appearance: inherit; }

input[type="submit"] { min-width: 98px; padding: 8px; margin: 0; border: none; outline: none; background: #FCB514; font-family: 'TideSans-400LilDude'; color: #0B1C2B; text-transform: uppercase; cursor: pointer; -webkit-appearance: none; }

label { color: #FCB514; font-family: 'TideSans-400LilDude'; font-size: .75em; line-height: 1.25em; text-transform: uppercase; }
.ginput_complex label { font-size: .5em; }

.form { /* Repeater add-on */ }
.form form { position: relative; text-align: left; }
.form ul, .form li { padding: 0; margin: 0; list-style: none; }
.form textarea { max-height: 34px; }
.form .gsection_title { color: #FCB514; }
.form .gfield { margin-bottom: 5px; vertical-align: top; }
.form .gfield.field_flush_left, .form .gfield .address_line_1, .form .gfield .address_city, .form .gfield .address_zip { display: inline-block; width: 48%; margin: 0 2% 5px; margin-left: 0; }
.form .gfield.field_flush_right, .form .gfield .address_line_2, .form .gfield .address_state { display: inline-block; width: 48%; margin: 0 2% 5px; margin-right: 0; }
.form .gfield .clear-multi .ginput_container { display: inline-block; width: 30%; vertical-align: top; }
.form .gfield .clear-multi .ginput_container.gfield_date_dropdown_month, .form .gfield .clear-multi .ginput_container.gfield_date_dropdown_day, .form .gfield .clear-multi .ginput_container.gfield_date_dropdown_year { margin-right: 2%; }
.form .gfield .clear-multi .ginput_container input, .form .gfield .clear-multi .ginput_container select { width: 85%; margin-right: 4%; }
.form .gfield_radio label, .form .gfield_checkbox label { display: inline; margin-left: 5px; vertical-align: middle; }
.form .gsection { width: 100%; margin-top: 60px; }
.form .gsection:first-child { margin-top: 0; }
.form .gfield_html { width: 100%; padding: 0; margin: 0; }
.form .gform_footer { float: right; margin-top: 10px; }
.form .gform_validation_container { display: none !important; }
.form .gform_confirmation_message, .form i { color: white; }
.form .gfield_description, .form .instruction { margin: 15px 0; color: white; font-size: .75em; line-height: 1.5em; }
.form h2.gf_repeater_title { font-size: 1em; font-family: 'TideSans-400LilDude'; font-weight: normal; color: #FCB514; }
.form .gsection_description.gf_repeater_description { color: white; }
.form .ginput_container_repeater-end { margin: 10px 0 20px; }
.form span.gf_repeater_add img { display: none; }
.form span.gf_repeater_add:before { display: inline-block; width: 30px; height: 30px; margin-right: 20px; border: 1px solid white; border-radius: 15px; content: "+"; color: white; font-size: 30px; line-height: 30px; text-align: center; cursor: pointer; }
.form span.gf_repeater_remove img { display: none; }
.form span.gf_repeater_remove:before { display: inline-block; width: 30px; height: 30px; border: 1px solid white; border-radius: 15px; content: "-"; color: white; font-size: 30px; line-height: 30px; text-align: center; cursor: pointer; }

.validation_message, .validation_error { color: #67baaf; font-family: 'TideSans-300LilKahunaItalic'; font-size: .9em; }

.form-footer { float: left; margin: 10px 20px 0 0; text-align: left; font-size: .9em; line-height: 1.5em; color: white; }
.form-footer p { margin-bottom: 0; }

@media only screen and (max-width: 940px) { .form .gform_footer { position: relative; bottom: auto; } }
@media only screen and (max-width: 568px) { .form .gfield { width: 100%; margin-right: 0; margin-left: 0; }
  .form .gfield.field_flush_left, .form .gfield .address_line_1, .form .gfield .address_city, .form .gfield .address_zip { width: 100%; margin-right: 0; margin-left: 0; }
  .form .gfield.field_flush_right, .form .gfield .address_line_2, .form .gfield .address_state { width: 100%; margin-right: 0; margin-left: 0; }
  .form-footer { float: none; } }
/* Comment Form */
#commentform input[type="text"], #commentform textarea { width: 95%; max-width: 400px; padding: .75em 2.5%; border: 1px solid #FCB514; }
#commentform label { display: block; margin-top: 5px; }

/* Sign-up form */
#sign-up h2 { font-size: 1em; text-transform: uppercase; }
#sign-up label { color: #0B1C2B; font-family: inherit; }
#sign-up form p { display: inline-block; margin: 0; }
#sign-up form input[type="email"] { padding: .75em 2.5%; border: 1px solid #0B1C2B; background: #FCB514; color: #0B1C2B; font-family: 'TideSans-400LilDude'; font-size: .85em; }
#sign-up form input[type="email"]::-webkit-input-placeholder { color: #0B1C2B; }
#sign-up form input[type="email"]:-moz-placeholder { color: #0B1C2B; }
#sign-up form input[type="email"]::-moz-placeholder { color: #0B1C2B; }
#sign-up form input[type="email"]:-ms-input-placeholder { color: #0B1C2B; }
#sign-up form input[type="submit"] { padding: 1.07em 1em; margin: 0; border: none; outline: none; background: #0B1C2B; font-family: 'TideSans-400LilDude'; font-size: .75em; color: #FCB514; text-transform: uppercase; cursor: pointer; -webkit-appearance: none; }
#sign-up .mc4wp-alert { float: right; max-width: 400px; margin-top: 20px; }

/* Post Password Form */
.post-password-form { max-width: 800px; padding: 20px; margin: auto; background: #3A66A7; color: white; text-align: center; }
.post-password-form p:last-child { margin: 0; }
.post-password-form input[type=submit] { display: block; margin: 20px auto 0; }

/*** Footer ***********************************************/
/**********************************************************/
#footer { padding: 60px 0; background: #FCB514; color: #0B1C2B; }
#footer .full, #footer .omega { margin-bottom: 0; }
#footer .social { display: inline-block; margin-left: 15px; }
#footer .form form { text-align: right; }

@media only screen and (max-width: 568px) { #footer * { text-align: center !important; }
  #footer .social { margin-left: 0; } }
#footer-bottom { font-family: 'TideSans-500Dudette'; font-size: .83em; text-align: center; }

@media only screen and (max-width: 568px) { #footer-bottom a { display: block; }
  #footer-bottom span.teal { display: none; } }
/** @license MyFonts Webfont Build ID 2902588, 2014-10-15T11:58:31-0400  The fonts listed in this notice are subject to the End User License Agreement(s) entered into by the website owner. All other parties are  explicitly restricted from using the Licensed Webfonts(s).  You may obtain a valid license at the URLs below.  Webfont: TideSans-400LilDude by Kyle Wayne Benson URL: http://www.myfonts.com/fonts/kyle-wayne-benson/tide-sans/lil-dude/  Webfont: TideSans-100LilBunny by Kyle Wayne Benson URL: http://www.myfonts.com/fonts/kyle-wayne-benson/tide-sans/lil-bunny/  Webfont: TideSans-300LilKahuna by Kyle Wayne Benson URL: http://www.myfonts.com/fonts/kyle-wayne-benson/tide-sans/lil-kahuna/  Webfont: TideSans-500Dudette by Kyle Wayne Benson URL: http://www.myfonts.com/fonts/kyle-wayne-benson/tide-sans/dudette/  Webfont: TideSans-200LilMondo by Kyle Wayne Benson URL: http://www.myfonts.com/fonts/kyle-wayne-benson/tide-sans/lil-mondo/  Webfont: TideSans-400LilDudeItalic by Kyle Wayne Benson URL: http://www.myfonts.com/fonts/kyle-wayne-benson/tide-sans/lil-dude-italic/  Webfont: TideSans-600Bunny by Kyle Wayne Benson URL: http://www.myfonts.com/fonts/kyle-wayne-benson/tide-sans/bunny/  Webfont: TideSans-300LilKahunaItalic by Kyle Wayne Benson URL: http://www.myfonts.com/fonts/kyle-wayne-benson/tide-sans/lil-kahuna-italic/  Webfont: TideSans-500DudetteItalic by Kyle Wayne Benson URL: http://www.myfonts.com/fonts/kyle-wayne-benson/tide-sans/dudette-italic/  Webfont: TideSans-100LilBunnyItalic by Kyle Wayne Benson URL: http://www.myfonts.com/fonts/kyle-wayne-benson/tide-sans/lil-bunny-italic/  Webfont: TideSans-600BunnyItalic by Kyle Wayne Benson URL: http://www.myfonts.com/fonts/kyle-wayne-benson/tide-sans/bunny-italic/  Webfont: TideSans-200LilMondoItalic by Kyle Wayne Benson URL: http://www.myfonts.com/fonts/kyle-wayne-benson/tide-sans/lil-mondo-italic/  Webfont: TideSans-700Mondo by Kyle Wayne Benson URL: http://www.myfonts.com/fonts/kyle-wayne-benson/tide-sans/mondo/  Webfont: TideSans-800Kahuna by Kyle Wayne Benson URL: http://www.myfonts.com/fonts/kyle-wayne-benson/tide-sans/kahuna/  Webfont: TideSans-700MondoItalic by Kyle Wayne Benson URL: http://www.myfonts.com/fonts/kyle-wayne-benson/tide-sans/mondo-italic/  Webfont: TideSans-800KahunaItalic by Kyle Wayne Benson URL: http://www.myfonts.com/fonts/kyle-wayne-benson/tide-sans/kahuna-italic/  Webfont: TideSans-900Dude by Kyle Wayne Benson URL: http://www.myfonts.com/fonts/kyle-wayne-benson/tide-sans/dude/  Webfont: TideSans-900DudeItalic by Kyle Wayne Benson URL: http://www.myfonts.com/fonts/kyle-wayne-benson/tide-sans/dude-italic/   License: http://www.myfonts.com/viewlicense?type=web&buildid=2902588 Licensed pageviews: 10,000 Webfonts copyright: © 2013 Kyle Wayne Benson  ┬⌐ 2014 MyFonts Inc
*/