/*
Theme Name: Bluelime Media 
Theme URI: http://www.bluelimemedia.com
Description: 2016 version of the Bluelime website. Christy Nyiri provided most of the design guidelines.
Version: 4.0
Author: Christine Rondeau
Author URI: http://www.bluelimemedia.com

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

html { font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html, body { overflow-x: hidden; }

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

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

ol, ul { list-style: none; }

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

caption, th, td { font-weight: normal; text-align: left; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

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

a:focus { outline: thin dotted; }

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

a img { border: 0; }

/* Text meant only for screen readers */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f6f6f6; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #00afe7; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ }

body, button, input, select, textarea { color: #444; font-family: "Source Sans Pro", Verdana, Segoe, sans-serif; font-size: 16px; line-height: 1.5; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

p { margin-bottom: 1em; }

.small-text { font-size: 14px; }

b, strong { font-weight: bold; }

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

blockquote { margin: 0 1.5em; }

address { margin: 0 0 1.5em; }

pre { background: #ececec; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 14px; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; }

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

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

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

sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; }

sup { bottom: 1ex; }

sub { top: .5ex; }

small { font-size: 75%; }

big { font-size: 125%; }

a { color: #00afe7; font-weight: 700; text-decoration: none; }
a:visited { color: #00afe7; }
a:hover, a:focus, a:active { color: #f79200; }
a.button { color: #fff; }

.primary-content a { padding: 0 2px; }
.primary-content a:hover, .primary-content a:focus, .primary-content a:active { background: #f79200; color: #fff; }

h1, h2, h3, h4, h5, h6 { clear: both; color: #00afe7; font-family: "Roboto Slab", Georgia, serif; font-weight: 400; line-height: 1.2; }

h1 { font-size: 30px; font-weight: 700; margin: 0 0 20px; }
h1.site-title { margin: 0; }

h2 { font-size: 22px; margin: 15px 0; }

h3, h4, h5, h6 { font-size: 18px; margin: 15px 0; }

/* Home page top boxes */
.home-intro h1 { color: #fff; font-size: 22px; font-weight: 400; line-height: 1.1; margin-bottom: 10px; }
@media screen and (min-width: 37.5em) { .home-intro h1 { font-size: 40px; } }
@media screen and (min-width: 50em) { .home-intro h1 { font-size: 48px; } }

.featured-project h2 { background: #00afe7; color: #fff; margin: 0; padding: 5px 10px; }
.featured-project h2 span { font-weight: 700; }

.featured-post h3 { color: #333; font-weight: 700; }

.sidebar-title { background: #00afe7; color: #fff; margin: 0; padding: 2px 5px; }

.contact-title { font-size: 30px; font-weight: 700; margin: 0 0 20px; }

.testimonial-title { color: #fff; margin: 0 0 10px; }

.testimonial-agency { font-size: 16px; text-transform: uppercase; }

.justified-title { text-align: center; }

.footer-title { color: #94d1f2; margin-bottom: 5px; text-transform: uppercase; }

.comments-title { margin: 30px 0; text-align: center; }

.arrow-down { width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 16px solid #00afe7; margin-left: 20px; }

.testimonial { background: #f79200; }

blockquote { color: #fff; margin: 30px 0; padding: 30px 20px; text-align: center; }
blockquote p { font-size: 18px; margin-bottom: 10px; }
@media screen and (min-width: 37.5em) { blockquote p { font-size: 22px; } }
@media screen and (min-width: 50em) { blockquote p { font-size: 30px; } }
blockquote hr { background-color: #fff; width: 100px; }

hr { background-color: #ececec; border: 0; height: 1px; margin-bottom: 1.5em; }

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

ul { list-style: disc; }

ol { list-style: decimal; }

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

dt { font-weight: bold; }

dd { margin: 0 1.5em 1.5em; }

.no-padding-list, .main-navigation ul, .footer-widgets aside ul { list-style-type: none; margin: 0; padding: 0; }

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

figure { margin: 0; }

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

th { font-weight: bold; }

td, th { padding: 3px 5px; }

/* Main Layout
---------------------------*/
.row { width: 100%; }

.container { display: block; margin: 0 auto; width: 100%; max-width: 1200px; }
.container:before, .container:after { content: ""; display: table; }
.container:after { clear: both; }
.container.narrow { max-width: 900px; }

.horizontal-padding, article, .page-content, .fourofour-content, .paging-navigation, .comment-respond { padding-right: 30px; padding-left: 30px; }
@media screen and (min-width: 1200px) { .horizontal-padding, article, .page-content, .fourofour-content, .paging-navigation, .comment-respond { padding-left: 0; padding-right: 0; } }

.site-main { padding: 30px 0; }
@media screen and (min-width: 50em) { .site-main { padding: 60px 0; } }
@media screen and (min-width: 1200px) { .site-main { padding: 80px 0; } }
.home .site-main { background: #fff; padding-top: 0; margin-top: 1px; }
@media screen and (min-width: 50em) { .home .site-main { padding: 60px 0; } }
@media screen and (min-width: 1200px) { .home .site-main { padding: 80px 0; } }

article:before, article:after { content: ""; display: table; }
article:after { clear: both; }

.left-block { float: left; }

.right-block { float: left; }
@media screen and (min-width: 50em) { .right-block { float: right; } }

.primary-content { width: 100%; }
@media screen and (min-width: 50em) { .primary-content { width: 66.25%; } }

.primary-sidebar { padding: 0 20px; width: 100%; }
@media screen and (min-width: 50em) { .primary-sidebar { max-width: 250px; width: 25%; } }
@media screen and (min-width: 1200px) { .primary-sidebar { padding: 0; } }

.page-content { max-width: 700px; }

.justified-intro { margin-bottom: 30px; padding: 20px; text-align: center; }
@media screen and (min-width: 1200px) { .justified-intro { padding: 20px 0; } }

.hide-on-desktop { display: block; }
@media screen and (min-width: 50em) { .hide-on-desktop { display: none; } }

.hide-on-tablet { display: block; }
@media screen and (max-width: 50em) { .hide-on-tablet { display: none; } }

.hide-on-mobile { display: none; }
@media screen and (min-width: 50em) { .hide-on-mobile { display: block; } }

.columns { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; }
.columns .col-3 { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 20px; }
@media screen and (min-width: 50em) { .columns .col-3 { -webkit-flex-basis: 32%; -moz-flex-basis: 32%; -ms-flex-preferred-size: 32%; flex-basis: 32%; } }
.columns .col-3-alt { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 20px; max-width: 400px; }
@media screen and (min-width: 37.5em) { .columns .col-3-alt { -webkit-flex-basis: 48%; -moz-flex-basis: 48%; -ms-flex-preferred-size: 48%; flex-basis: 48%; } }
@media screen and (min-width: 50em) { .columns .col-3-alt { -webkit-flex-basis: 32%; -moz-flex-basis: 32%; -ms-flex-preferred-size: 32%; flex-basis: 32%; } }
.columns .col-2 { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 20px; }
@media screen and (min-width: 50em) { .columns .col-2 { max-width: 580px; -webkit-flex-basis: 48%; -moz-flex-basis: 48%; -ms-flex-preferred-size: 48%; flex-basis: 48%; } }

.home-boxes { background: #fff; }

.home-intro { background: #f79200; color: #fff; padding: 40px; }
.home-intro p { font-size: 18px; }
@media screen and (min-width: 50em) { .home-intro p { font-size: 22px; } }

.featured-project { background: #fff; border: 1px solid #fff; }
.featured-project:hover { border: 1px solid #00afe7; }

.featured-posts { padding: 40px 0; }

/* Featured posts are displayed on the home page ( selected work ) and the landing portfoli and theme page. */
.featured-post { background: #fff; display: block; margin: 0 auto; }
@media screen and (min-width: 1200px) { .featured-post { margin: 0; } }
.featured-post img { width: 100%; }
.featured-post h3 { color: #333; font-family: "Source Sans Pro", Verdana, Segoe, sans-serif; font-weight: 400; margin: 0; }
.featured-post h3 .fa-angle-right { color: #fff; }
.featured-post:hover { background: #00afe7; }
.featured-post:hover img { opacity: 0.8; }
.featured-post:hover h3 { color: #fff; font-weight: 700; }
.featured-post .feature-post-entry { padding: 20px 10px; }

.show-more { text-align: center; margin: 40px 0 0; }

.port-content { width: 100%; }
@media screen and (min-width: 50em) { .port-content { width: 75.4716981%; /* 600 / 795 */ } }

.port-info { border-top: 1px solid #ececec; border-left: none; padding-top: 10px; width: 100%; }
@media screen and (min-width: 50em) { .port-info { border-top: none; border-left: 1px solid #ececec; padding: 0 0 10px 10px; width: 22.0125786%; /* 175 / 795 */ } }
.port-info h3 { color: #333; margin: 0; }

.portfolio-img { padding: 20px 0; }

.fourofour-content { display: block; margin: 0 auto; padding-top: 80px; padding-bottom: 200px; width: 100%; }
@media screen and (min-width: 37.5em) { .fourofour-content { width: 80%; } }
@media screen and (min-width: 50em) { .fourofour-content { width: 50%; } }

.site-header { background: #fff; padding: 0; }
@media screen and (min-width: 37.5em) { .site-header { padding: 0 0 20px; } }
@media screen and (min-width: 50em) { .site-header { padding: 20px 0 40px; } }

.header-wrapper { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.header-wrapper .site-navigation { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; }
.header-wrapper .site-branding { position: absolute; top: 8px; right: 10px; }
@media screen and (min-width: 37.5em) { .header-wrapper .site-branding { position: relative; width: 100%; -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; }
  .header-wrapper .site-navigation { width: 100%; -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; } }
@media screen and (min-width: 50em) { .header-wrapper { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; }
  .header-wrapper .site-branding { width: 35%; }
  .header-wrapper .site-navigation { width: 65%; } }

.site-title a { background: url("images/logo-mobile.png") no-repeat; display: block; height: 30px; margin: 0; text-indent: -9999px; width: 124px; }
@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .site-title a { /* on retina, use image that's scaled by 2 */ background-image: url("images/logo@2x-mobile.png"); background-size: 124px 30px; } }
@media screen and (min-width: 37.5em) { .site-title a { background: url("images/logo.png") no-repeat; height: 61px; margin: 10px auto 20px; width: 250px; } }
@media screen and (min-width: 37.5em) and (min--moz-device-pixel-ratio: 1.3), screen and (min-width: 37.5em) and (-o-min-device-pixel-ratio: 2.6 / 2), screen and (min-width: 37.5em) and (-webkit-min-device-pixel-ratio: 1.3), screen and (min-width: 37.5em) and (min-device-pixel-ratio: 1.3), screen and (min-width: 37.5em) and (min-resolution: 1.3dppx) { .site-title a { /* on retina, use image that's scaled by 2 */ background-image: url("images/logo@2x.png"); background-size: 250px 61px; } }

@media screen and (min-width: 50em) { .site-title a { margin-left: 30px; } }
@media screen and (min-width: 1200px) { .site-title a { margin: 0; padding: 0; } }

.site-description { display: none; }

.main-navigation ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; }
@media screen and (min-width: 50em) { .main-navigation ul { -webkit-box-pack: end; -ms-flex-pack: end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; justify-content: flex-end; } }
.main-navigation ul li { position: relative; }
.main-navigation ul li a { color: #00afe7; display: block; font-size: 18px; margin: 0 5px; padding: 5px 20px; text-decoration: none; text-transform: uppercase; }
.main-navigation ul li a:hover { background: #00afe7; -webkit-border-radius: 6px; border-radius: 6px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ color: #fff; }

.main-navigation ul ul { display: none; }

.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a, .single-post .current_page_parent a, .archive .current_page_parent a, .single-portfolio .menu-item-1212 a, .single-theme .menu-item-2482 a { background: #d9e353; -webkit-border-radius: 6px; border-radius: 6px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ color: #fff; }

.menu-toggle { cursor: pointer; display: none; padding: 5px 10px; }

@media screen and (max-width: 37.5em) { .menu-toggle { -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; /* stops bg color from leaking outside the border: */ background: #00afe7; border: none; color: #fff; display: inline-block; font-family: "Source Sans Pro", Verdana, Segoe, sans-serif; font-size: 18px; font-weight: 700; margin: 0; text-decoration: none; text-align: left; text-transform: uppercase; width: 100%; }
  .menu-toggle a, .menu-toggle a:hover { color: #fff; text-decoration: none; }
  .menu-toggle:hover { background: #f79200; }
  .menu-toggle:before { content: '\2261'; margin-right: 10px; } }
@media screen and (max-width: 37.5em) { .main-navigation.toggled .nav-menu { display: block; }
  .main-navigation ul { display: none; }
  .main-navigation ul li { border-top: 1px solid #94d1f2; }
  .main-navigation ul li a { background: #00afe7; color: #fff; margin: 0; padding: 10px 20px; }
  .main-navigation ul li a:hover { -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; /* stops bg color from leaking outside the border: */ background: #94d1f2; }
  .main-navigation ul ul, .main-navigation ul ul ul { position: relative; top: inherit; left: 0; display: block; width: 100%; }
  .main-navigation ul ul li, .main-navigation ul ul ul li { border: none; }
  .main-navigation ul ul a { padding-left: 40px; width: 100%; }
  .main-navigation ul ul ul a { padding-left: 60px; }
  .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a, .single-post .current_page_parent a, .archive .current_page_parent a, .single-portfolio .menu-item-1212 a, .single-theme .menu-item-2482 a { background: #00afe7; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; /* stops bg color from leaking outside the border: */ color: #fff; } }
.post { border-bottom: 1px solid #ececec; padding-top: 0; padding-bottom: 40px; margin-bottom: 0; }
.post:before, .post:after { content: ""; display: table; }
.post:after { clear: both; }
@media screen and (min-width: 37.5em) { .post { padding-top: 0; padding-bottom: 60px; margin-bottom: 0; } }
@media screen and (min-width: 50em) { .post { padding-bottom: 30px; padding-top: 60px; margin-bottom: 40px; } }
.post:first-of-type { padding-top: 0; }
.post .post-content { width: 100%; }
@media screen and (min-width: 50em) { .post .post-content { width: 75.4716981%; /* 600 / 795 */ } }
.post .post-info { border: none; margin: 0; padding: 0; width: 100%; }
@media screen and (min-width: 50em) { .post .post-info { border-right: 1px solid #ececec; margin-top: 20px; padding-right: 10px; width: 22.0125786%; /* 175 / 795 */ } }
.post .post-info h3 { margin: 0; }
@media screen and (min-width: 50em) { .post .post-info h3 { margin-bottom: 10px; } }
.single .post { border-bottom: none; }

img.attachment-banner { padding-bottom: 10px; }
@media screen and (min-width: 37.5em) { img.attachment-banner { padding-bottom: 30px; } }

.entry-meta { color: #94d1f2; font-size: 14px; }
@media screen and (min-width: 50em) { .entry-meta { text-align: right; } }
.entry-meta a { color: #333; }

/* Post pagination
----------------------------------------------- */
.paging-navigation { padding-top: 20px; padding-bottom: 20px; }
.paging-navigation ul { list-style: none; margin: 0; padding: 0; }
.paging-navigation ul li { display: inline; }
.paging-navigation a.page-numbers, .paging-navigation span.page-numbers { padding: 3px 8px; }
.paging-navigation a.page-numbers.current, .paging-navigation span.page-numbers.current { background: #94d1f2; color: #fff; }

.post-navigation { border-top: 1px solid #ececec; font-size: 16px; padding: 20px 10px; text-transform: uppercase; }
.post-navigation .nav-previous { width: 50%; }
.post-navigation .nav-next { text-align: right; width: 50%; }
.post-navigation a { padding: 3px 8px; }

/* Comments
----------------------------------------------- */
.avatar { display: block; float: left; padding: 0 1.25em 0.625em 0; }

.comment-meta a { text-decoration: none; }

.comment-list { list-style: none; margin: 0; padding: 1.25em 0; }
.comment-list ul, .comment-list ol { padding: 0; }
.comment-list > li { border-bottom: 1px solid #ececec; }
.comment-list li { font-size: 14px; padding: 0.625em; margin: 0; }
.comment-list li p { margin: 0; padding: 0.625em 0; }
.comment-list li li > li { border: none; }

.comment-list ul li { list-style: disc; }

.comment-list ol li { list-style: decimal; }

.comment-list .children { list-style: none; margin: 0.625em 0.625em 0 1.25em; padding: 0; }
.comment-list .children li { border-top: 1px solid #ececec; list-style: none; padding-top: 5px; }

.comment-respond { margin-top: 30px; }

.comment-form { padding: 20px 0; }
.comment-form p { margin-bottom: 10px; }
.comment-form label { display: inline-block; width: 90px; }

/* Hides the content explaining what html tags are allowed */
.form-allowed-tags { display: none; }

/* Sidebar Area 
-------------------------------------------*/
.primary-sidebar .widget { padding: 10px 0; }
.primary-sidebar .textwidget { padding: 10px 0; }
.primary-sidebar ul { list-style: none; margin-left: 0.5em; }
.primary-sidebar ul li { padding: 5px 0; font-size: 16px; text-transform: uppercase; }
.primary-sidebar ul li.current_page_item a, .primary-sidebar ul li.current-menu-item a { color: #f79200; }
.primary-sidebar .about-menu { display: none; }
@media screen and (min-width: 37.5em) and (max-width: 50em) { .primary-sidebar .about-menu { display: block; }
  .primary-sidebar .about-menu ul { border-bottom: 2px solid #fff; margin: -40px -2% 30px -2%; }
  .primary-sidebar .about-menu li { border-left: 2px solid #fff; display: inline-block; padding: 8px 20px; }
  .primary-sidebar .about-menu li:first-child { border: none; } }
@media screen and (min-width: 50em) { .primary-sidebar .about-menu { display: block; } }

/* Footer area 
---------------------*/
.fat-footer { background: #00afe7; padding: 20px 0; }
.fat-footer p, .fat-footer li { color: #fff; }
.fat-footer a { color: #fff; font-weight: 400; padding: 5px 2px; text-decoration: none; }
.fat-footer a:hover { background: #fff; color: #94d1f2; }
.fat-footer a.button { background: transparent; border: 2px solid #fff; font-weight: 700; padding: 5px 20px; }
.fat-footer a.button:hover { background: #fff; }

.footer-widgets aside { max-width: none; padding: 20px 20px 0; }
@media screen and (min-width: 50em) { .footer-widgets aside { max-width: 384px; } }
.footer-widgets aside ul li { padding: 5px 0; }
.footer-widgets .widget_recent_entries ul li a:before { content: "\f054"; font-family: 'FontAwesome'; font-size: 12px; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 1; margin: 0; padding: 5px 5px 5px 2px; }

.site-footer { background: rgba(0, 175, 231, 0.9); text-align: center; }
.site-footer p { color: #fff; padding: 20px 0; margin: 0; }

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

select { max-width: 100%; }

.button, button, input[type="button"], input[type="reset"], input[type="submit"] { background: #00afe7; border: 1px solid #00afe7; -webkit-border-radius: 6px; border-radius: 6px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ font-size: 18px; font-weight: 700; line-height: 1.8; padding: 3px 20px 5px; }
.button:hover, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background: #f79200; border-color: #f79200; }
.button:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, .button:active, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { border-color: #ececec; }
.button.large, button.large, input.large[type="button"], input.large[type="reset"], input.large[type="submit"] { padding: 10px 40px; font-size: 22px; }
.home-intro .button, .home-intro button, .home-intro input[type="button"], .home-intro input[type="reset"], .home-intro input[type="submit"] { background: transparent; border: 2px solid #fff; }
.home-intro .button:hover, .home-intro button:hover, .home-intro input[type="button"]:hover, .home-intro input[type="reset"]:hover, .home-intro input[type="submit"]:hover { background: #fff; color: #f79200; }

button, input[type="button"], input[type="reset"], input[type="submit"] { color: #fff; -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ }
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background: #f79200; -webkit-transition: 0.07s, ease-in; -moz-transition: 0.07s, ease-in; -ms-transition: 0.07s, ease-in; -o-transition: 0.07s, ease-in; transition: 0.07s, ease-in; }

input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding: 0; }

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

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

button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; }

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { color: #333; border: 1px solid #ececec; -webkit-border-radius: 2px; border-radius: 2px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; line-height: 1.5; padding: 10px 5px; -webkit-appearance: none; }
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { border: 1px solid #00afe7; color: #444; -webkit-transition: 0.07s, ease-in; -moz-transition: 0.07s, ease-in; -ms-transition: 0.07s, ease-in; -o-transition: 0.07s, ease-in; transition: 0.07s, ease-in; }

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

/* Search Form
-------------------------------------------*/
.search-form { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }
.search-form input { border: none; -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; /* stops bg color from leaking outside the border: */ }
.search-form input.search-field { border: 1px solid #ececec; border-right: none; background: #fff; width: 100%; }
.search-form label { -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; }
.search-form .search-submit { color: #fff; padding: 0 10px; }

/* Newsletter Form
------------------------------------------- */
.newsletter-block { background: #fff; padding: 30px 0; text-align: center; }

.newsletter { display: block; margin: 0 auto; }
.newsletter div { display: block; margin: 2px 0; }
@media screen and (min-width: 37.5em) { .newsletter div { display: inline-block; margin: 0; } }
.newsletter button, .newsletter input[type="text"], .newsletter input[type="email"] { -webkit-border-radius: 0; border-radius: 0; background-clip: padding-box; /* stops bg color from leaking outside the border: */ }
.newsletter input[type="text"], .newsletter input[type="email"] { width: 200px; }

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

/* images within main page */
.site-main img { height: auto; max-width: 100%; }

.aligncenter, .alignleft, .alignright { display: block; margin: 0 auto; margin-top: 1em; margin-bottom: 1em; }

@media screen and (min-width: 37.5em) { .alignleft { float: left; margin: 0 1.5em 0 0; }
  .alignright { float: right; margin: 0 0 0 1.5em; } }
.wp-caption { background: #fff; border: solid 1px #ececec; padding: 3px; margin-bottom: 20px; max-width: 100%; }
.wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; }
.wp-caption .wp-caption-text { margin: 8px 0; }

.wp-caption-text { font-size: 14px; text-align: center; }

/* Galleries 
------------------------------------*/
.gallery { margin-bottom: 1.5em; }
.gallery img { border: 1px solid #ececec; }

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

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

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

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

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

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

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

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

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

.gallery-caption { display: block; font-size: 14px; }

.gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; }