/* mediaqueries herpers */
/** Include this file early in your Sass project to get access to Solarized colors and functions.  Adapted from the outstanding work by Ethan Schoonover: http://ethanschoonover.com/solarized
*/
@font-face { font-family: 'Amaranth'; font-style: normal; font-weight: 400; src: local("Amaranth"), url(/font/AmaranthBold700.ttf) format("truetype"); }
input[type=search] { font-size: 16px; text-align: left; cursor: pointer; display: block; width: 200px; margin-left: 20px; margin-top: 20px; padding: 10px 10px 10px 0 !important; outline: none; }

input[type=search]::-webkit-input-placeholder { color: grey; }

/* makers css */
body { background-color: white; }

.top-menu { background-color: #d4effd; position: fixed; z-index: 10000; width: 100%; }

.ink-navigation ul.menu.black { background-color: #eee8d5; color: #00adf4; }

.ink-navigation ul.menu.black li a { color: #b58900; text-transform: uppercase; font-size: 0.8em; font-weight: bold; }

.ink-navigation ul.menu.black li.active a, .ink-navigation ul.menu.black li a:hover { color: white; }

.ink-navigation ul.menu.black li.active, .ink-navigation ul.menu.black li a:hover { background-color: #cb4b16; }

.ink-navigation ul.menu.black.service_menu li { border: none; }

.ink-navigation ul.menu.black li a span { display: none; }

.left-drawer li a span { display: inline; }

.left-drawer li a i { display: none; }

.left-drawer li { border-left: 8px solid; }

.left-drawer li a { padding-left: 10px; }

.left-drawer ul { margin-top: 3em; padding: 0; }

ul.menu .left-drawer-trigger { background: none; border: none; height: 35px; width: 35px; }

.full_page { padding-top: 2em; padding-bottom: 1em; }

.full_page h4 { color: #5785bd; }

footer { text-align: left; padding: 0 0 0 0; background-color: yellow; }

footer img { margin-right: 1em; }

footer .fa { font-size: 1.2em; }

pre { padding: 15px 15px 15px 15px !important; }

.video-container { position: relative; margin-bottom: 15px !important; padding-bottom: 60%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container video, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 99.5%; height: 99.5%; }

.map-container { position: relative; margin-bottom: 15px !important; padding-bottom: 60%; padding-top: 30px; height: 0; overflow: hidden; }

.map-container iframe, .map-container video, .map-container object, .map-container embed { position: absolute; top: 0; left: 0; width: 99.5%; height: 99.5%; }

/* fixes a problem with InK and Leaflet */
#map img { max-height: none !important; -webkit-box-shadow: 0px 0px 0px !important; box-shadow: 0px 0px 0px !important; }

#map img + img { margin-top: 0; }

#map { margin-bottom: 10px; }

.fadein { visibility: hidden; }

#blogposts { margin-top: 20px; }

#blogposts h2 { margin-bottom: 0px; }

#blogposts small { margin-bottom: 10px; }

.blog .ink-navigation { margin-top: 10px; }

.off { color: #839496 !important; }

.off:hover { background: #93a1a1 !important; }

h1 { color: #2aa198 !important; }

h2 { color: #2aa198 !important; }

h2 a { color: #2aa198 !important; }

h3 { color: #2aa198 !important; }

h4 { color: #2aa198 !important; }

h3 a { color: #2aa198 !important; }

h5 { color: #2aa198 !important; }

h5 a { color: #2aa198 !important; }

/* Pagination buttons */
.ink-navigation ul.pagination.makerblue li { background: #d4effd; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4effd', endColorstr='#d4effd'); background: -moz-linear-gradient(top, #d4effd 0%, #d4effd 150%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d4effd), color-stop(150%, #d4effd)); background: -webkit-linear-gradient(top, #d4effd 0%, #d4effd 150%); background: -o-linear-gradient(top, #d4effd 0%, #d4effd 150%); background: -ms-linear-gradient(top, #d4effd 0%, #d4effd 150%); background: linear-gradient(to bottom, #d4effd 0%, #d4effd 150%); }

.ink-navigation ul.pagination.makerblue li.active a { background: #00adf4; color: white; }

.ink-navigation ul.pagination.makerblue li.disabled a { color: #f6fefb; background: transparent; text-shadow: 0 1px 0 #d4effd; }

.ink-navigation ul.pagination.makerblue li a { color: #00adf4; text-decoration: none; }

.ink-navigation ul.pagination.makerblue li a:hover { background: #e4ffff; }

.article { font-size: 1.1em; }

.article img { display: block; margin-left: auto; margin-right: auto; }

.article small { text-align: center; }

.ng.article img { width: 100%; }

.ng.article img.left { width: auto; float: left; margin-right: 30px; margin-bottom: 15px; }

.ng.article img.right { width: auto; float: right; margin-left: 30px; margin-bottom: 15px; }

.article .highlight { font-size: 1.0em; }

.meta { color: #93a1a1; font-size: 0.8em; }

.content { position: relative; top: 0px; }

.ink-carousel li p { padding-left: 20px; font-size: 1em; font-style: italic; }

.ink-form div > label { font-weight: bold; font-size: 1.2em; }

.ink-form .label { color: #888888 !important; }

.sociallinks i { font-size: 2em; }

.sociallinks li { list-style-type: none !important; display: inline; padding-right: 20px; }

li.slide { height: 100% !important; }

@media screen and (min-width: 1px) and (max-width: 768px) { .ng.article img.left { width: 100%; }
  .ng.article img.right { width: 100%; }
  .ng h5 { width: 40% !important; padding-top: 15px; padding-bottom: 15px; }
  .logo { height: 80px; overflow: hidden; }
  .logo img { margin: 0 0 0 0; }
  .logo h1 { margin: 0px 35px 0 0 !important; } }
@media screen and (min-width: 1px) and (max-width: 480px) { .logo h1 { margin: 15px 35px 0 0 !important; } }
@media screen and (min-width: 1px) and (max-width: 900px) { .logo h1 { font-size: 8vw !important; } }
@media print { .comments { display: none; }
  .related { display: none; }
  footer { display: none; }
  header { display: none; }
  .sharebar { display: none; }
  .categories { display: none; } }
.related { margin-top: 30px; }

.related img { width: auto !important; }

.relatedpost { overflow: hidden !important; display: inline-block; height: 150px; }

.relatedpost p { position: relative; bottom: 60px; font-size: 0.8em; line-height: 110%; padding: 5px 5px 5px 5px; background-color: rgba(0, 0, 0, 0.5); color: white !important; height: 60px; text-align: center; vertical-align: middle; }

.relatedpost img { height: 150px; }

.logo { background-image: url("/img/pixels.png"); padding-top: 20px; }

.logo .title { font-family: 'Amaranth'; float: right; text-align: right; }

.logo h1 { color: #586e75 !important; font-size: 4em; margin: 0px 35px 0 0; }

.logo h2 { color: #839496 !important; font-size: 2em; margin: 0px 35px 0 0; }

.logo img { margin-left: 20px; }

header ul { padding-left: 30px !important; }

.sharebar { height: 35px; }

.sharebar .sharebartwitter { float: left; padding-top: 4px; }

.sharebar .sharebargp { float: left; padding-top: 4px; }

.sharebar .sharebarfb { float: left; }

.horizontal_list { margin-bottom: 40px; }

.horizontal_list li { display: inline; list-style-type: none; padding-right: 20px; }

.search { font-size: 1.4em; }

#search-form { margin-bottom: 30px; }

#caroussel { margin-bottom: 20px; }

.absolute-center { /* Internet Explorer 10 */ display: -ms-flexbox; -ms-flex-pack: center; -ms-flex-align: center; /* Firefox */ display: -moz-box; -moz-box-pack: center; -moz-box-align: center; /* Safari, Opera, and Chrome */ display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; /* W3C */ display: box; box-pack: center; box-align: center; }

a:hover { text-decoration: none; }

.headline { background-color: #002b36; }

.headline img { width: 100%; }

.headline h1 { color: white !important; padding: 10px 10px 0px 10px !important; margin: 0 !important; }

.headline h2 { color: white !important; padding: 10px 10px 0px 10px !important; margin: 0 !important; }

.headline p { padding: 0px 10px 10px 10px !important; color: white !important; font-size: 0.9em; }

.headline .meta { color: #93a1a1; }

.headline.main p { font-size: 1.1em; }

.archive h5 { margin: 30px 0 0 0 !important; padding: 0 !important; }

.giphyblog { width: 100%; position: relative; margin-bottom: 20px; }

.giphyblog img { width: 100%; }

.ng .post { line-height: 150%; font-size: 1.1em; }

.ng h5 { width: 25%; float: right; font-weight: normal; font-size: 1.2em; margin: 0 0 20px 20px; text-align: right; border-top: thin solid #93a1a1; border-bottom: thin solid #93a1a1; padding-top: 25px; padding-bottom: 25px; }

.ng .dropcap { float: left; font-size: 75px; color: #2aa198; font-weight: bold; line-height: 60px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: Georgia; }

.categories { margin-bottom: 20px; }

.tour img { width: 100%; }