html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0 0 0.67em 0; } span.site-title{ font-size: 2.44em;} mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } .site-branding{margin: 0 auto;} html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } body { background-color: #fff; } hr { background-color: #0080ff; border: none; height: 3px; margin: 1.618em 0; } img { max-width: 100%; height: auto; } a { color: #ff9933; text-decoration: none; } a:visited { color: #cc6600; } a:hover, a:focus, a:active { color: #FF7F00; text-decoration: underline; } thead { border-top: 3px solid transparent; border-bottom: 3px solid #0080ff; } tfoot { border-top: 3px solid #0080ff; border-bottom: 3px solid transparent; font-weight: bold; } td { padding: 10px; } tr:nth-child(even) { background-color: #e6e6e6; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea { border: none; border-top: 5px solid transparent; border-bottom: 5px solid #ff9933; color: #666666; display: block; margin: .3em 0; padding: 5px; -webkit-transition: border .3s; transition: border .3s; } input[type="text"]:focus, input[type="text"]:hover, input[type="email"]:focus, input[type="email"]:hover, input[type="url"]:focus, input[type="url"]:hover, input[type="password"]:focus, input[type="password"]:hover, input[type="search"]:focus, input[type="search"]:hover, textarea:focus, textarea:hover { border-bottom: 5px solid #FF7F00; color: #333; } textarea { width: 100%; } button, input[type="button"], input[type="reset"], input[type="submit"] { background-color: #ff9933; border: none; color: #fff; display: block; padding: 5px 10px; margin: .3em 0; text-shadow: 1px 1px 1px #333; -webkit-transition: all .3s; transition: all .3s; } button:hover, button:active, button:focus, input[type="button"]:hover, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus { background: #FF7F00; } .button, .big-button, a.big-button, a.button, a.big-button { border: none; background-color: #ff9933; color: #fff; display: inline-block; margin: .3em 0; padding: 5px 10px; text-decoration: none; text-shadow: 1px 1px 1px #333; -webkit-transition: all .3s; transition: all .3s; } .button:hover, .big-button:hover, .button:active, .big-button:active, .button:focus, .big-button:focus, .button:visited, .big-button:visited, a.button:hover, a.big-button:hover, a.button:active, a.big-button:active, a.button:focus, a.big-button:focus, a.button:visited, a.big-button:visited { background-color: #FF7F00; color: #fff; } .big-button, a.big-button { padding: 10px 20px; } html { font-size: 1em; } body { background-color: white; color: #333; font-family: "Raleway", sans-serif; font-size: 0.9em; font-weight: 400; line-height: 1.6; } p, ul, ol { margin: 0 0 1.618em; } h1, h2, h3, h4 { font-family: "Rokkitt", serif; font-weight: 400; line-height: 1.2; } h1 { font-size: 2.441em; } h2 { font-size: 1.953em; } h3 { font-size: 1.563em; } h4 { font-size: 1.25em; } small, .font_small { font-size: 0.8em; } dfn, cite, em, i { font-style: italic; } blockquote { border-left: 5px solid #FF7F00; margin: 1em; padding-left: 20px; } blockquote cite { display: block; text-align: right; } address { margin: 0 0 1.5em; } pre { background-color: #e6e6e6; border-left: 5px solid #0080ff; display: block; font-family: "Courier New", Courier, monospace; font-size: 0.8em; max-width: 100%; margin-bottom: 1.618em; overflow: auto; padding: 20px; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px solid #333; cursor: help; } mark, ins { text-decoration: none; } big { font-size: 125%; } .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } embed, iframe, object { max-width: 100%; } .x-caption { margin-bottom: 1.5em; max-width: 100%; } .x-caption img[class*="wp-image-"] { display: block; margin: 0 auto; } .x-caption .x-caption-text { margin: 0.8075em 0; } .x-caption-text { text-align: center; } .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; 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; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { clip: auto !important; color: #333; display: block; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } .x-left { display: inline; float: left; margin: 1.5em; margin-left: 0; } .x-right { display: inline; float: right; margin: 1.5em; margin-right: 0; } .x-center { display: block; clear: both; margin: 1.5em auto; } .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none; } .infinity-end.neverending .site-footer { display: block; } .navbar { font-family: "Rokkitt", serif; line-height: 1; padding: 10px; position: relative; } .navbar a { color: #333; display: inline-block; text-decoration: none; } .navbar .site-title { font-size: 24px; font-size: 1.5rem; margin: 0; } .navbar .site-description { display: none; } .navbar .menu-toggle { cursor: pointer; position: absolute; right: 5px; top: 10px; } .navbar ul { font-size: 18px; font-size: 1.125rem; list-style: none; padding-left: 20px; margin: 0; } .navbar ul li a { border-bottom: 5px solid transparent; border-top: 5px solid transparent; padding: 5px; -webkit-transition: all .3s; transition: all .3s; } .navbar ul li a:hover { border-bottom: 5px solid #FF7F00; } .navbar ul ul { margin: 0; padding-left: 20px; } .navbar #menu-trigger { display: none; } .navbar .main-menu { margin-top: 0; max-height: 0; opacity: 0; filter: alpha(opacity=0); overflow: hidden; -webkit-transition: all .5s; transition: all .5s; } .navbar #menu-trigger:checked + .main-menu { max-height: 1500px; opacity: 1; filter: alpha(opacity=100); -webkit-transition: all .5s; transition: all .5s; } .main-header { background-color: #FF7F00; background-position: center; background-repeat: no-repeat; background-size: cover; border-bottom: 3px solid #0080ff; border-top: 3px solid #0080ff; color: #fff; padding: 0; text-align: center; text-shadow: 1px 1px 1px #333; } .social-icons { margin: 0.67em 0; } .social-icons .icon { fill: currentColor; -webkit-transition: all .3s; transition: all .3s; } .social-icons a { border-bottom: 5px solid transparent; border-top: 5px solid transparent; color: #fff; padding: 5px; -webkit-transition: all .3s; transition: all .3s; } .social-icons a:hover { border-bottom: 5px solid #FF7F00; } .social-icons a:hover > .icon--ei-sc-facebook { fill: #3b5998; } .social-icons a:hover > .icon--ei-sc-twitter { fill: #55acee; } .social-icons a:hover > .icon--ei-sc-google-plus { fill: #dd4b39; } .social-icons a:hover > .icon--ei-sc-instagram { fill: #125688; } .social-icons a:hover > .icon--ei-sc-youtube { fill: #bb0000; } #colophon .social-icons a { color: #333; } .page-container, .flex-container, .flex-navigation, .post-header, .post-content, .comments-area, .widget, .signup-widget, .main-footer { padding: 20px 10px; } .post, .page, .widget, .comments-area, .comment-list, .flex-navigation { background-color: #fff; margin-bottom: 30px; } .page-container { margin: 0 auto; max-width: 640px; } .flex-container { max-width: 640px; margin: 0 auto; } .flex-navigation { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #fff; border-bottom: 3px solid #0080ff; border-top: 3px solid #0080ff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .flex-navigation a { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .flex-navigation a span { margin: 0 5px; } .thumbnail-container { text-align: center; } .thumbnail-container img { border-bottom: 3px solid #0080ff; border-top: 3px solid #0080ff; margin-bottom: 1.618em; } body.page { margin-bottom: 0; } .sticky { display: block; } .post-title { font-size: 2.441em; margin-bottom: 0; margin-top: 0; } .post-title a { color: #333; -webkit-transition: all .3s; transition: all .3s; } .post-title a:hover { color: #FF7F00; text-decoration: none; } .page-title { margin-bottom: 1em; margin-top: 0; } .post-meta { margin: 0; font-size: small; } .post-page-links { margin-bottom: 1.618em; text-align: center; } .post-page-links a { margin: 0 5px; } .post-edit-link, .more-link { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .post-edit-link span, .more-link span { margin: 0 5px; } .site-main hr:last-of-type { display: none; } .comment-list { padding: 0; } .comments-area ul { list-style: none; } .comments-title { margin: 0; } .comment-body { border-bottom: 3px solid #0080ff; border-top: 3px solid transparent; padding: 20px; } .comment-meta .avatar { float: left; margin-bottom: 10px; margin-right: 10px; } .comment-meta:after { display: table; content: ""; clear: both; } .bypostauthor .comment-body { border-bottom: 5px solid #FF7F00; } .comment-metadata { font-size: small; } .comment-navigation { margin-top: 30px; } .comment-reply-title { margin: 0; } .comment-notes { font-size: small; } .widget { padding-bottom: 10px; padding-top: 10px; } .widget-title { margin-bottom: .5em; margin-top: 0; padding-bottom: 10px; padding-top: 10px; border-bottom: 3px solid #0080ff; border-top: 3px solid transparent; } .search-form { margin: 0 0 1.618em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .main-footer { text-align: center; } .contact-modal { background-color: rgba(255, 255, 255, 0.8); position: fixed; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); z-index: -10; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-transition: all .3s; transition: all .3s; } .contact-modal .modal-content { padding: 10px; max-width: 90%; margin: 100px auto; background-color: #fff; position: relative; } .contact-modal .modal-content hr { margin-bottom: .5em; } .contact-modal .modal-content input, .contact-modal .modal-content text-area { margin: .3em 0; } .contact-modal .modal-content .modal-close { position: absolute; right: 5px; top: 20px; cursor: pointer; } .contact-modal .modal-content .modal-title { margin: .3em 0; padding-bottom: .3em; border-top: 3px solid transparent; border-bottom: 3px solid #0080ff; } #modal-trigger { display: none; } #modal-trigger:checked + .contact-modal { opacity: 1; filter: alpha(opacity=100); z-index: 10; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } @media screen and (min-width: 640px) { body { font-size: 1em; } .navbar { padding: 10px 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: 1.5; } .navbar .menu-toggle { display: none; } .navbar li { margin-right: 1em; display: inline-block; } .navbar li li { display: block; } .navbar .site-title { font-size: 2rem; } .navbar .main-menu, .navbar div.main-menu ul { font-size: 1.125rem; margin: 0; max-height: 100%; max-width: 70%; opacity: 1; filter: alpha(opacity=100); padding: 0; } .navbar .main-menu .sub-menu, .navbar .main-menu li .children, .navbar div.main-menu ul .sub-menu, .navbar div.main-menu ul li .children { background-color: #fff; max-height: 0; opacity: 0; filter: alpha(opacity=0); overflow: hidden; padding: 10px; position: absolute; -webkit-transition: all .5s; transition: all .5s; visibility: hidden; } .navbar .main-menu li.menu-item-has-children:hover > ul.sub-menu, .navbar .main-menu li.page_item_has_children:hover > ul.children, .navbar div.main-menu ul li.menu-item-has-children:hover > ul.sub-menu, .navbar div.main-menu ul li.page_item_has_children:hover > ul.children { max-height: 1500px; opacity: 1; filter: alpha(opacity=100); overflow: visible; visibility: visible; } .main-header { padding: 0px; } .page-container, .flex-container, .flex-navigation, .post-header, .post-content, .comments-area, .widget, .signup-widget, .main-footer { padding: 20px; } .main-footer { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .contact-modal .modal-content .modal-close { top: 33px; } } @media screen and (min-width: 960px) { body { font-size: 1.125em; } .navbar { } .navbar .site-description { display: block; font-size: 1.25rem; margin: 0; } .navbar .main-menu { font-size: 1.25rem; } .navbar .dropdown { font-size: 1rem; } .main-header { } .page-container, .flex-container, .flex-navigation, .post-header, .post-content, .comments-area, .widget, .signup-widget, .main-footer { padding: 30px; } .contact-modal .modal-content .modal-close { top: 35px; } } @media screen and (min-width: 480px) { .main-header { } .contact-modal .modal-content { max-width: 400px; padding: 20px; } .contact-modal .modal-content .modal-close { top: 30px; right: 15px; } } @media screen and (min-width: 800px) { .page-container { max-width: 800px; } .flex-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 960px; } .flex-container .site-main { margin: 0 2% 0 0; min-width: 0; -webkit-box-flex: 1.618; -webkit-flex: 1.618 0px; -ms-flex: 1.618 0px; flex: 1.618 0px; } .flex-container .widget-area { margin: 0 0 0 2%; min-width: 0; -webkit-box-flex: 1; -webkit-flex: 1 0px; -ms-flex: 1 0px; flex: 1 0px; } } @media screen and (min-width: 961px) { .flex-container { max-width: 1280px; } .flex-container .site-main { margin: 0 5% 0 0; } .flex-container .widget-area { margin: 0 0 0 5%; } } .navbar .main-menu{margin-left: -3%;}