@charset "UTF-8";
/*!
Theme Name: Portfolioo
Text Domain: portfolioo
Version: 0.4.6
Requires at least: 6.0
Requires PHP: 7
Tested up to: 6.7.2
Description: A bloat-free WordPress portfolio theme for building personal website. You can take full advantage of the free widgets to create amazing personal website regardless whether you are graphic designer, painters, artists, web designer, web developer, software engineer or photographer. You can customize elements and widgets inside customizer without you having to tweaking any code. The theme comes with Full width layout, easy Logo upload. Portfolioo is 100% responsive built with HTML5 and CSS3, it is SEO friendly, mobile optimized and retina ready, thoroughly tested by WordPress coding standard. Gutenberg block editor ready, clean and bloat free code, you can flesh out free portfolio, grid, personal showcase website for free. Perfect Portfolio theme for Graphic Designers, Web Designers, Web Developers, Artists, Painters and Photographers.
Tags: one-column, custom-menu, two-columns, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-logo, editor-style, featured-image-header, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready, portfolio, blog, education

Author: Asphalt Themes
Author URI: https://asphaltthemes.com/
Theme URI: https://asphaltthemes.com/portfolioo

License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html


This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

portfolioo is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* line 1, sass/_normalize.scss */
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

/* line 7, sass/_normalize.scss */
body {
  font-family: "Raleway Light", "Source Sans", sans-serif;
  margin: 0;
  word-wrap: break-word; }

/* line 13, sass/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block; }

/* line 28, sass/_normalize.scss */
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

/* line 36, sass/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0; }

/* line 41, sass/_normalize.scss */
[hidden],
template {
  display: none; }

/* line 46, sass/_normalize.scss */
a {
  background-color: transparent; }

/* line 50, sass/_normalize.scss */
a:active,
a:hover {
  outline: 0; }

/* line 55, sass/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted; }

/* line 59, sass/_normalize.scss */
b,
strong {
  font-weight: bold; }

/* line 64, sass/_normalize.scss */
dfn {
  font-style: italic; }

/* line 68, sass/_normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* line 73, sass/_normalize.scss */
mark {
  background: #ff0;
  color: #000; }

/* line 78, sass/_normalize.scss */
small {
  font-size: 80%; }

/* line 82, sass/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

/* line 90, sass/_normalize.scss */
sup {
  top: -0.5em; }

/* line 94, sass/_normalize.scss */
sub {
  bottom: -0.25em; }

/* line 98, sass/_normalize.scss */
img {
  border: 0; }

/* line 102, sass/_normalize.scss */
svg:not(:root) {
  overflow: hidden; }

/* line 106, sass/_normalize.scss */
figure {
  margin: 1em 40px; }

/* line 110, sass/_normalize.scss */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0; }

/* line 115, sass/_normalize.scss */
pre {
  overflow: auto; }

/* line 119, sass/_normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* line 127, sass/_normalize.scss */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

/* line 137, sass/_normalize.scss */
button {
  overflow: visible; }

/* line 141, sass/_normalize.scss */
button,
select {
  text-transform: none; }

/* line 146, sass/_normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

/* line 154, sass/_normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default; }

/* line 159, sass/_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/* line 165, sass/_normalize.scss */
input {
  line-height: normal; }

/* line 169, sass/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0; }

/* line 175, sass/_normalize.scss */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/* line 180, sass/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/* line 185, sass/_normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/* line 191, sass/_normalize.scss */
legend {
  border: 0;
  padding: 0; }

/* line 196, sass/_normalize.scss */
textarea {
  overflow: auto; }

/* line 200, sass/_normalize.scss */
optgroup {
  font-weight: bold; }

/* line 204, sass/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 209, sass/_normalize.scss */
td,
th {
  padding: 0; }

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/* line 1, sass/typography/_typography.scss */
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: "Raleway", "Source Sans", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5; }

/* line 1, sass/typography/_headings.scss */
h1, h2, h3, h4, h5, h6 {
  clear: both; }

/* line 1, sass/typography/_copy.scss */
p {
  margin-bottom: 1.5em; }

/* line 5, sass/typography/_copy.scss */
dfn, cite, em, i {
  font-style: italic; }

/* line 9, sass/typography/_copy.scss */
blockquote {
  margin: 0 1.5em; }

/* line 13, sass/typography/_copy.scss */
address {
  margin: 0 0 1.5em; }

/* line 17, sass/typography/_copy.scss */
pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

/* line 28, sass/typography/_copy.scss */
code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem; }

/* line 33, sass/typography/_copy.scss */
abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help; }

/* line 38, sass/typography/_copy.scss */
mark, ins {
  background: #fff9c0;
  text-decoration: none; }

/* line 43, sass/typography/_copy.scss */
big {
  font-size: 125%; }

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
/* line 1, sass/elements/_elements.scss */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

/* line 5, sass/elements/_elements.scss */
*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

/* line 11, sass/elements/_elements.scss */
body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */ }

/* line 15, sass/elements/_elements.scss */
blockquote, q {
  quotes: "" ""; }
  /* line 18, sass/elements/_elements.scss */
  blockquote:before, blockquote:after, q:before, q:after {
    content: ""; }

/* line 24, sass/elements/_elements.scss */
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em; }

/* line 1, sass/elements/_lists.scss */
ul, ol {
  margin: 0 0 5px 3em; }

/* line 5, sass/elements/_lists.scss */
ul {
  list-style: disc; }

/* line 9, sass/elements/_lists.scss */
ol {
  list-style: decimal; }

/* line 13, sass/elements/_lists.scss */
li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 5px; }

/* line 19, sass/elements/_lists.scss */
dt {
  font-weight: bold; }

/* line 23, sass/elements/_lists.scss */
dd {
  margin: 0 1.5em 1.5em; }

/* line 33, sass/elements/_elements.scss */
img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */ }

/* line 38, sass/elements/_elements.scss */
figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */ }

/* line 1, sass/elements/_tables.scss */
table {
  margin: 0 0 1.5em;
  width: 100%; }

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/* line 1, sass/forms/_buttons.scss */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: .6em 1em .4em; }
  /* line 14, sass/forms/_buttons.scss */
  button:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa; }
  /* line 18, sass/forms/_buttons.scss */
  button:active, button:focus,
  input[type="button"]:active,
  input[type="button"]:focus,
  input[type="reset"]:active,
  input[type="reset"]:focus,
  input[type="submit"]:active,
  input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb; }

/* line 1, sass/forms/_fields.scss */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px; }
  /* line 22, sass/forms/_fields.scss */
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="url"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="number"]:focus,
  input[type="tel"]:focus,
  input[type="range"]:focus,
  input[type="date"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="time"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="color"]:focus,
  textarea:focus {
    color: #111; }

/* line 27, sass/forms/_fields.scss */
select {
  border: 1px solid #ccc; }

/* line 31, sass/forms/_fields.scss */
textarea {
  width: 100%; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/* line 1, sass/navigation/_links.scss */
a {
  color: #333;
  text-decoration: none; }
  /* line 5, sass/navigation/_links.scss */
  a:visited {
    color: #444; }
  /* line 8, sass/navigation/_links.scss */
  a:hover, a:focus, a:active {
    color: midnightblue; }
  /* line 13, sass/navigation/_links.scss */
  a:focus {
    outline: thin dotted; }
  /* line 16, sass/navigation/_links.scss */
  a:hover, a:active {
    outline: 0; }

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/* line 1, sass/navigation/_menus.scss */
.main-navigation {
  clear: both;
  display: block;
  /*float: left;
  width: 100%;*/ }
  /* line 7, sass/navigation/_menus.scss */
  .main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0; }
    /* line 13, sass/navigation/_menus.scss */
    .main-navigation ul ul {
      -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
              box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
      float: left;
      position: absolute;
      top: 100%;
      left: -999em;
      z-index: 99999; }
      /* line 21, sass/navigation/_menus.scss */
      .main-navigation ul ul ul {
        left: -999em;
        top: 0; }
      /* line 27, sass/navigation/_menus.scss */
      .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
        left: 100%; }
      /* line 33, sass/navigation/_menus.scss */
      .main-navigation ul ul a {
        width: 200px; }
    /* line 46, sass/navigation/_menus.scss */
    .main-navigation ul li:hover > ul,
    .main-navigation ul li.focus > ul {
      left: auto; }
  /* line 52, sass/navigation/_menus.scss */
  .main-navigation li {
    float: left;
    position: relative; }
  /* line 61, sass/navigation/_menus.scss */
  .main-navigation a {
    display: block;
    text-decoration: none; }

/* Small menu. */
/* line 74, sass/navigation/_menus.scss */
.menu-toggle,
.main-navigation.toggled ul {
  display: block; }

/* line 79, sass/navigation/_menus.scss */
.menu-toggle {
  float: right;
  padding: 2% 3%;
  background: transparent;
  border: none; }

@media screen and (min-width: 37.5em) {
  /*.menu-toggle {
  	display: none;
  }*/
  /* line 90, sass/navigation/_menus.scss */
  .main-navigation ul {
    display: none; } }
/* line 99, sass/navigation/_menus.scss */
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden; }
/* line 104, sass/navigation/_menus.scss */
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%; }
/* line 109, sass/navigation/_menus.scss */
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%; }

/* line 116, sass/navigation/_menus.scss */
#primary-menu {
  display: none; }

/* line 120, sass/navigation/_menus.scss */
.site-branding {
  padding-left: 5%;
  float: left;
  width: 50%;
  padding-top: 5px; }

/* line 127, sass/navigation/_menus.scss */
#site-navigation {
  float: right;
  width: 46%; }

/* line 132, sass/navigation/_menus.scss */
.site-description {
  display: none; }

/* line 136, sass/navigation/_menus.scss */
.site-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

/* line 140, sass/navigation/_menus.scss */
#masthead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 0; }

/* line 145, sass/navigation/_menus.scss */
.site-title {
  padding-left: 5px;
  /*	margin: 0;*/ }

/* line 150, sass/navigation/_menus.scss */
.site-title a {
  font-size: 13px;
  text-decoration: none; }

/* line 155, sass/navigation/_menus.scss */
.home .site-title {
  margin-top: -5px; }

/*--------------------------------------------------------------
## Sidr
--------------------------------------------------------------*/
/* line 1, sass/navigation/_sidr.scss */
.sidr {
  display: block;
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999999;
  width: 260px;
  overflow-x: hidden;
  overflow-y: auto;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-size: 15px;
  background: #333;
  color: #fff;
  -webkit-box-shadow: 0 0 5px 5px #222 inset;
          box-shadow: 0 0 5px 5px #222 inset; }

/* line 16, sass/navigation/_sidr.scss */
.sidr .sidr-inner {
  padding: 0 0 15px; }

/* line 19, sass/navigation/_sidr.scss */
.sidr .sidr-inner > p {
  margin-left: 15px;
  margin-right: 15px; }

/* line 23, sass/navigation/_sidr.scss */
.sidr.right {
  left: auto;
  right: -260px; }

/* line 27, sass/navigation/_sidr.scss */
.sidr.left {
  left: -260px;
  right: auto; }

/* line 31, sass/navigation/_sidr.scss */
.sidr h1,
.sidr h2,
.sidr h3,
.sidr h4,
.sidr h5,
.sidr h6 {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkNGQ0ZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFhMWExYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4d4d4d), to(#1a1a1a));
  background-image: linear-gradient(#4d4d4d, #1a1a1a);
  font-size: 11px;
  font-weight: normal;
  padding: 0 15px;
  margin: 0 0 5px;
  color: #fff;
  line-height: 24px;
  -webkit-box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2); }

/* line 51, sass/navigation/_sidr.scss */
.sidr p {
  font-size: 13px;
  margin: 0 0 12px; }

/* line 55, sass/navigation/_sidr.scss */
.sidr p a {
  color: rgba(255, 255, 255, 0.9); }

/* line 58, sass/navigation/_sidr.scss */
.sidr > p {
  margin-left: 15px;
  margin-right: 15px; }

/* line 62, sass/navigation/_sidr.scss */
.sidr ul {
  display: block;
  margin: 0 0 15px;
  padding: 0;
  border-top: 1px solid #1a1a1a;
  border-bottom: 1px solid #4d4d4d; }

/* line 69, sass/navigation/_sidr.scss */
.sidr ul li {
  display: block;
  margin: 0;
  line-height: 48px;
  border-top: 1px solid #4d4d4d;
  border-bottom: 1px solid #1a1a1a; }

/* line 76, sass/navigation/_sidr.scss */
.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active {
  border-top: 0;
  line-height: 49px; }

/* line 80, sass/navigation/_sidr.scss */
.sidr ul li:hover > a,
.sidr ul li:hover > span, .sidr ul li.active > a,
.sidr ul li.active > span, .sidr ul li.sidr-class-active > a,
.sidr ul li.sidr-class-active > span {
  -webkit-box-shadow: 0 0 15px 3px #222 inset;
          box-shadow: 0 0 15px 3px #222 inset; }

/* line 86, sass/navigation/_sidr.scss */
.sidr ul li a,
.sidr ul li span {
  padding: 0 15px;
  display: block;
  text-decoration: none;
  color: #fff; }

/* line 93, sass/navigation/_sidr.scss */
.sidr ul li ul {
  border-bottom: 0;
  margin: 0; }

/* line 97, sass/navigation/_sidr.scss */
.sidr ul li ul li {
  line-height: 40px;
  font-size: 13px; }

/* line 101, sass/navigation/_sidr.scss */
.sidr ul li ul li:last-child {
  border-bottom: 0; }

/* line 104, sass/navigation/_sidr.scss */
.sidr ul li ul li:hover, .sidr ul li ul li.active, .sidr ul li ul li.sidr-class-active {
  border-top: 0;
  line-height: 41px; }

/* line 108, sass/navigation/_sidr.scss */
.sidr ul li ul li:hover > a,
.sidr ul li ul li:hover > span, .sidr ul li ul li.active > a,
.sidr ul li ul li.active > span, .sidr ul li ul li.sidr-class-active > a,
.sidr ul li ul li.sidr-class-active > span {
  -webkit-box-shadow: 0 0 15px 3px #222 inset;
          box-shadow: 0 0 15px 3px #222 inset; }

/* line 114, sass/navigation/_sidr.scss */
.sidr ul li ul li a,
.sidr ul li ul li span {
  color: rgba(255, 255, 255, 0.8);
  padding-left: 30px; }

/* line 119, sass/navigation/_sidr.scss */
.sidr form {
  margin: 0 15px; }

/* line 122, sass/navigation/_sidr.scss */
.sidr label {
  font-size: 13px; }

/* line 125, sass/navigation/_sidr.scss */
.sidr input[type="text"],
.sidr input[type="password"],
.sidr input[type="date"],
.sidr input[type="datetime"],
.sidr input[type="email"],
.sidr input[type="number"],
.sidr input[type="search"],
.sidr input[type="tel"],
.sidr input[type="time"],
.sidr input[type="url"],
.sidr textarea,
.sidr select {
  width: 100%;
  font-size: 13px;
  padding: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 10px;
  border-radius: 2px;
  border: 0;
  background: rgba(0, 0, 0, 0.1);
  color: rgba(255, 255, 255, 0.6);
  display: block;
  clear: both; }

/* line 151, sass/navigation/_sidr.scss */
.sidr input[type=checkbox] {
  width: auto;
  display: inline;
  clear: none; }

/* line 156, sass/navigation/_sidr.scss */
.sidr input[type=button],
.sidr input[type=submit] {
  color: #333;
  background: #fff; }

/* line 161, sass/navigation/_sidr.scss */
.sidr input[type=button]:hover,
.sidr input[type=submit]:hover {
  background: rgba(255, 255, 255, 0.9); }

/* line 166, sass/navigation/_sidr.scss */
.sidr-inner .sidr-class-menu-toggle {
  display: none; }

/* line 170, sass/navigation/_sidr.scss */
.pad_menutitle i.fa.fa-bars {
  display: none; }

/* line 174, sass/navigation/_sidr.scss */
.pad_menutitle i.fa.fa-times {
  float: right;
  padding: 15px 20px;
  cursor: pointer;
  background: #2196F3; }

/*--------------------------------------------------------------
# frontpage
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Introduction layouts
--------------------------------------------------------------*/
/*layout one*/
/* line 3, sass/frontpage/_intro.scss */
.intro1 h1 {
  font-weight: 100;
  font-size: 40px;
  color: white;
  text-align: center;
  line-height: 1.5em; }
/* line 11, sass/frontpage/_intro.scss */
.intro1 .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: white;
  width: 100%;
  min-width: 300px;
  min-height: 100%;
  margin: 0 auto;
  padding-bottom: 30px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
/* line 25, sass/frontpage/_intro.scss */
.intro1 .heading {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding: 20% 0 0 0;
  background-color: #3498DB;
  background-image: url("YT.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
/* line 38, sass/frontpage/_intro.scss */
.intro1 .portrait {
  position: relative;
  height: auto;
  width: auto;
  margin: 30px auto 0;
  border: 5px solid #eee;
  border-radius: 10px;
  z-index: 2; }
/* line 48, sass/frontpage/_intro.scss */
.intro1 .slant {
  position: absolute;
  left: 0;
  bottom: 0;
  margin-top: -100px;
  width: 100%;
  height: 300px;
  z-index: 1; }
/* line 58, sass/frontpage/_intro.scss */
.intro1 .slant polygon {
  fill: white; }
/* line 62, sass/frontpage/_intro.scss */
.intro1 .content {
  margin-top: 20px; }
/* line 66, sass/frontpage/_intro.scss */
.intro1 dl {
  width: 100%;
  padding: 0 20%;
  margin: 0 auto !important;
  text-align: center;
  padding-top: 10px !important; }
/* line 74, sass/frontpage/_intro.scss */
.intro1 dt,
.intro1 dd {
  margin: 0; }
/* line 79, sass/frontpage/_intro.scss */
.intro1 dt {
  padding: 15px 0 5px;
  color: #AAA;
  text-transform: uppercase; }
/* line 85, sass/frontpage/_intro.scss */
.intro1 dd {
  padding: 0 0 15px;
  border-bottom: 1px solid #DDD; }

/*--------------------------------------------------------------
## Portfolio layouts
--------------------------------------------------------------*/
/*portfolio two*/
/* line 2, sass/frontpage/_portfolio.scss */
.services {
  padding: 5% 10%;
  background-color: #fff; }
  /* line 6, sass/frontpage/_portfolio.scss */
  .services h2 {
    font-size: 60px;
    margin-top: 1%;
    padding-left: 10%;
    font-weight: 100;
    line-height: 1;
    color: #333; }
  /* line 15, sass/frontpage/_portfolio.scss */
  .services h3 {
    width: 45%;
    float: left;
    font-size: 1.3rem;
    line-height: 1.25;
    margin-top: 12px;
    font-weight: 500;
    color: #333; }
  /* line 25, sass/frontpage/_portfolio.scss */
  .services p {
    font-size: 13px;
    letter-spacing: 1.5px;
    margin-top: 8px;
    line-height: 1.7em;
    word-spacing: 2px;
    color: #444; }
  /* line 34, sass/frontpage/_portfolio.scss */
  .services .part1 {
    float: left;
    width: 50%; }
  /* line 39, sass/frontpage/_portfolio.scss */
  .services .part2 {
    float: left;
    width: 50%;
    margin-top: 1%; }
  /* line 45, sass/frontpage/_portfolio.scss */
  .services .div h3 {
    float: left;
    width: 30%; }
  /* line 50, sass/frontpage/_portfolio.scss */
  .services .div p {
    float: left;
    width: 50%; }
  /* line 55, sass/frontpage/_portfolio.scss */
  .services .div {
    padding: 7% 0; }
  /* line 59, sass/frontpage/_portfolio.scss */
  .services .div:first-child {
    padding-top: 0; }

@media screen and (min-width: 320px) and (max-width: 1200px) {
  /* line 70, sass/frontpage/_portfolio.scss */
  .services .part1 {
    float: none;
    width: 100%;
    text-align: center; }
  /* line 76, sass/frontpage/_portfolio.scss */
  .services .part1 h2 {
    padding: 0; }
  /* line 80, sass/frontpage/_portfolio.scss */
  .services .part2 {
    float: none;
    width: 100%;
    margin: 0;
    text-align: center; }
  /* line 87, sass/frontpage/_portfolio.scss */
  .services .div h3 {
    float: none;
    width: 100%; }
  /* line 92, sass/frontpage/_portfolio.scss */
  .services .div p {
    float: none;
    width: 100%; } }
/*--------------------------------------------------------------
## Service layouts
--------------------------------------------------------------*/
/*service three*/
/* line 3, sass/frontpage/_service.scss */
.allserv {
  padding: 5% 15% 5% 15%;
  background-color: rgba(241, 241, 241, 0.62);
  color: #333; }
  /* line 8, sass/frontpage/_service.scss */
  .allserv h3 {
    font-size: 50px;
    margin-top: 1px;
    font-weight: 500;
    line-height: 1.5em;
    color: #333; }
  /* line 16, sass/frontpage/_service.scss */
  .allserv ul {
    list-style: none;
    font-size: 15px;
    line-height: 1.7em;
    text-align: left; }
  /* line 23, sass/frontpage/_service.scss */
  .allserv li {
    line-height: 1.9em;
    color: #444; }
  /* line 28, sass/frontpage/_service.scss */
  .allserv .zero {
    float: left;
    width: 25%; }
  /* line 33, sass/frontpage/_service.scss */
  .allserv .one {
    float: left;
    width: 20%; }

@media screen and (max-width: 1100px) {
  /* line 44, sass/frontpage/_service.scss */
  .allserv .zero {
    float: none;
    width: 100%;
    text-align: center; }
  /* line 50, sass/frontpage/_service.scss */
  .allserv .one {
    width: auto; } }
/*--------------------------------------------------------------
## Contact 
--------------------------------------------------------------*/
/*contact two*/
/* line 3, sass/frontpage/_contact.scss */
.contact2 {
  background: #f7f9f3;
  font-size: 16px; }
  /* line 7, sass/frontpage/_contact.scss */
  .contact2 h2, .contact2 h3 {
    margin: 0;
    font-weight: normal; }
  /* line 12, sass/frontpage/_contact.scss */
  .contact2 h2 {
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 52px;
    margin-bottom: 35px;
    font-weight: 500;
    text-align: center;
    padding-top: 15%;
    color: #333; }
  /* line 24, sass/frontpage/_contact.scss */
  .contact2 h3 {
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.5em;
    text-transform: uppercase;
    font-weight: 600;
    color: #333; }
  /* line 33, sass/frontpage/_contact.scss */
  .contact2 p {
    font-size: 0.922em;
    line-height: 27px;
    margin: 30px 0; }
  /* line 38, sass/frontpage/_contact.scss */
  .contact2 ul {
    margin: 0;
    padding: 0; }
  /* line 42, sass/frontpage/_contact.scss */
  .contact2 ul li {
    list-style: none;
    font-size: 12px;
    line-height: 1.5em;
    color: #444; }
  /* line 48, sass/frontpage/_contact.scss */
  .contact2 a {
    color: #000;
    text-decoration: none; }
  /* line 53, sass/frontpage/_contact.scss */
  .contact2 section .slide-1 {
    position: relative;
    width: 100%;
    min-height: 1050px; }
  /* line 58, sass/frontpage/_contact.scss */
  .contact2 section .slide-1 .center {
    position: absolute;
    top: 50%;
    left: 50%; }
  /* line 62, sass/frontpage/_contact.scss */
  .contact2 section article {
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center; }
  /* line 71, sass/frontpage/_contact.scss */
  .contact2 .slide-1 article {
    width: 740px;
    min-height: 650px;
    margin: 0 auto; }
  /* line 76, sass/frontpage/_contact.scss */
  .contact2 .slide-1 .shape {
    position: absolute;
    right: -40px;
    top: 30px;
    z-index: 99; }
  /* line 82, sass/frontpage/_contact.scss */
  .contact2 .slide-1 .contact-box {
    position: relative;
    width: 100%;
    height: 300px; }
  /* line 87, sass/frontpage/_contact.scss */
  .contact2 .slide-1 .contact-box > .inner {
    position: relative;
    width: 100%;
    height: 300px;
    border: 2px solid #000;
    background: #f7f9f3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 3; }
  /* line 98, sass/frontpage/_contact.scss */
  .contact2 .slide-1 .contact-box .border-1, .contact2 .slide-1 .contact-box .border-2 {
    position: absolute;
    width: 100%;
    height: 300px;
    border: 2px solid #000;
    background: #f7f9f3; }
  /* line 105, sass/frontpage/_contact.scss */
  .contact2 .slide-1 .contact-box .border-1 {
    bottom: -12px;
    right: -12px;
    z-index: 1; }
  /* line 110, sass/frontpage/_contact.scss */
  .contact2 .slide-1 .contact-box .border-2 {
    bottom: -24px;
    right: -24px; }
  /* line 114, sass/frontpage/_contact.scss */
  .contact2 .slide-1 .contact-box .column {
    width: 50%;
    float: left;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 110px 20px 70px; }
  /* line 123, sass/frontpage/_contact.scss */
  .contact2 .slide-1 .contact-box .column:first-child {
    padding-left: 105px; }
  /* line 126, sass/frontpage/_contact.scss */
  .contact2 .slide-1 .contact-box h3 {
    padding-bottom: 15px;
    color: #333; }
  /* line 130, sass/frontpage/_contact.scss */
  .contact2 .slide-1 .contact-box ul {
    margin-bottom: 22px; }
  /* line 133, sass/frontpage/_contact.scss */
  .contact2 .slide-1 .contact-box a {
    text-decoration: underline; }

@media only screen and (max-width: 850px) {
  /* line 142, sass/frontpage/_contact.scss */
  .contact2 .slide-1 article {
    width: 100%;
    height: auto;
    margin: 0; }

  /* line 148, sass/frontpage/_contact.scss */
  section article {
    position: initial; }

  /* line 152, sass/frontpage/_contact.scss */
  .contact2 .slide-1 .contact-box .border-1, .contact2 .slide-1 .contact-box .border-2 {
    border: 0;
    height: auto; }

  /* line 157, sass/frontpage/_contact.scss */
  .contact2 .slide-1 .contact-box .column {
    padding: 50px 30px;
    text-align: center; }

  /* line 162, sass/frontpage/_contact.scss */
  .contact2 .slide-1 .contact-box > .inner {
    height: auto;
    border: 0; }

  /* line 167, sass/frontpage/_contact.scss */
  .contact2 .slide-1 .contact-box .column:first-child {
    padding-left: 30px; }

  /* line 171, sass/frontpage/_contact.scss */
  .contact2 .border-1, .contact2 .border-2 {
    display: none; }

  /* line 175, sass/frontpage/_contact.scss */
  .contact2 .slide-1 .contact-box .column {
    width: 100%;
    float: none; } }
/*--------------------------------------------------------------
## Blog 
--------------------------------------------------------------*/
/* line 1, sass/frontpage/_blog.scss */
.front__loop {
  padding: 0% 13%;
  background-color: #f8f8f8; }
  /* line 5, sass/frontpage/_blog.scss */
  .front__loop .wrap {
    float: left;
    width: 29%;
    margin: 5% 2%;
    background-color: #f1f1f1;
    text-align: justify;
    -webkit-transition: .5s ease all;
    transition: .5s ease all; }
    /* line 13, sass/frontpage/_blog.scss */
    .front__loop .wrap:hover {
      background: #fff;
      -webkit-box-shadow: 0px 15px 27px rgba(0, 0, 0, 0.05), 0 15px 30px -10px rgba(0, 0, 0, 0.3);
              box-shadow: 0px 15px 27px rgba(0, 0, 0, 0.05), 0 15px 30px -10px rgba(0, 0, 0, 0.3);
      -webkit-transition: .5s ease all;
      transition: .5s ease all; }
  /* line 20, sass/frontpage/_blog.scss */
  .front__loop .more-link {
    text-align: center; }
  /* line 25, sass/frontpage/_blog.scss */
  .front__loop a {
    color: #333;
    font-size: 20px;
    -webkit-transition: .5s ease all;
    transition: .5s ease all; }
    /* line 30, sass/frontpage/_blog.scss */
    .front__loop a:hover {
      color: #2196F3;
      -webkit-transition: .5s ease all;
      transition: .5s ease all; }
  /* line 36, sass/frontpage/_blog.scss */
  .front__loop h2 {
    color: #222;
    text-align: center;
    font-size: 30px;
    padding: 4% 0 0%;
    text-transform: uppercase;
    font-weight: 100;
    margin-top: 0px; }
  /* line 46, sass/frontpage/_blog.scss */
  .front__loop h3 {
    padding: 5%;
    text-align: center;
    color: #333; }
  /* line 52, sass/frontpage/_blog.scss */
  .front__loop p {
    padding: 5% 10%;
    color: #555; }

@media only screen and (max-width: 850px) {
  /* line 59, sass/frontpage/_blog.scss */
  .front__loop .wrap {
    width: 100%; } }
/*--------------------------------------------------------------
# Templates
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Single Page
--------------------------------------------------------------*/
/* line 2, sass/template/_single.scss */
.single-post .site-title a {
  color: #fff;
  -webkit-transition: .5s ease all;
  transition: .5s ease all; }
  /* line 6, sass/template/_single.scss */
  .single-post .site-title a:hover {
    opacity: .7;
    -webkit-transition: .5s ease all;
    transition: .5s ease all; }
  /* line 11, sass/template/_single.scss */
  .single-post .site-title a .menu-toggle {
    color: #fff; }

/* line 17, sass/template/_single.scss */
.single-post #masthead {
  background-color: #5747ad;
  padding-bottom: 20%; }

/* line 22, sass/template/_single.scss */
.hide_featured_image {
  display: none; }

/* line 26, sass/template/_single.scss */
.post .featured__image {
  text-align: center;
  margin-top: -15%;
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 0 5%;
  height: auto; }

/* line 36, sass/template/_single.scss */
.post-entry-meta::before {
  content: "────"; }

/* line 40, sass/template/_single.scss */
.post-entry-meta {
  margin-top: -150px;
  position: absolute;
  left: 90px;
  background: #5747ad;
  height: 90px;
  line-height: 7;
  padding-left: 55px;
  width: 450px;
  color: #fff;
  position: relative;
  z-index: 10; }
  /* line 53, sass/template/_single.scss */
  .post-entry-meta a {
    color: yellow; }

/* line 58, sass/template/_single.scss */
.post_wrap {
  padding: 4% 20%; }
  /* line 61, sass/template/_single.scss */
  .post_wrap .entry-title {
    font-size: 40px;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.5em;
    font-weight: 100;
    padding-left: 10%; }
  /* line 70, sass/template/_single.scss */
  .post_wrap .post_others {
    background-color: whitesmoke;
    padding: 5%; }
  /* line 75, sass/template/_single.scss */
  .post_wrap .entry {
    font-size: .99em;
    padding-top: 5%; }
    /* line 79, sass/template/_single.scss */
    .post_wrap .entry p {
      line-height: 2em;
      color: #000;
      letter-spacing: .5px; }
    /* line 85, sass/template/_single.scss */
    .post_wrap .entry a {
      border-bottom: 1px solid #ddd; }
  /* line 90, sass/template/_single.scss */
  .post_wrap .entry-footer {
    padding: 5% 0; }
    /* line 92, sass/template/_single.scss */
    .post_wrap .entry-footer a {
      color: #666;
      font-size: 13px;
      -webkit-transition: .6s ease all;
      transition: .6s ease all; }
      /* line 97, sass/template/_single.scss */
      .post_wrap .entry-footer a:hover {
        color: #333;
        -webkit-transition: .6s ease all;
        transition: .6s ease all; }
  /* line 104, sass/template/_single.scss */
  .post_wrap .edit-link a {
    float: right;
    color: #333;
    font-size: 11px;
    border: 1px solid rgba(153, 153, 153, 0.5);
    padding: 5px 10px;
    -webkit-transition: .5s ease all;
    transition: .5s ease all; }
    /* line 112, sass/template/_single.scss */
    .post_wrap .edit-link a:hover {
      -webkit-transition: .5s ease all;
      transition: .5s ease all;
      color: #999; }

/* line 120, sass/template/_single.scss */
.hide_featured_image {
  display: none; }

/* line 124, sass/template/_single.scss */
.post-navigation {
  padding: 5% 15%; }
  /* line 127, sass/template/_single.scss */
  .post-navigation a {
    color: #333;
    text-shadow: 0.5px 0.5px 0.5px #333;
    -webkit-transition: .5s ease all;
    transition: .5s ease all;
    font-size: 20px; }
    /* line 133, sass/template/_single.scss */
    .post-navigation a :hover {
      text-shadow: none;
      -webkit-transition: .5s ease all;
      transition: .5s ease all; }
  /* line 139, sass/template/_single.scss */
  .post-navigation .nav-previous::after {
    content: "────";
    float: right;
    -webkit-transform: rotate(-60deg);
            transform: rotate(-60deg); }
  /* line 145, sass/template/_single.scss */
  .post-navigation .nav-next::before {
    content: "────";
    float: left;
    -webkit-transform: rotate(-60deg);
            transform: rotate(-60deg); }

@media screen and (max-width: 1500px) {
  /* line 158, sass/template/_single.scss */
  .post .featured__image {
    margin-top: -10%; }

  /* line 162, sass/template/_single.scss */
  .post-entry-meta {
    margin-top: -125px;
    left: 0;
    text-align: center;
    margin: 0 auto; } }
@media screen and (min-width: 320px) and (max-width: 550px) {
  /* line 172, sass/template/_single.scss */
  .post-entry-meta {
    margin-top: -60px;
    left: 0;
    position: inherit;
    padding: 0;
    width: 100%;
    height: 80px;
    text-align: center; } }
@media screen and (min-width: 751px) and (max-width: 1450px) {
  /* line 186, sass/template/_single.scss */
  .post-entry-meta {
    margin-top: -100px;
    left: 0; } }
@media screen and (min-width: 1451px) and (max-width: 2000px) {
  /* line 194, sass/template/_single.scss */
  .post-entry-meta {
    left: 0; } }
@media screen and (min-width: 2001px) and (max-width: 3000px) {
  /* line 201, sass/template/_single.scss */
  .post-entry-meta {
    left: 200px; } }
/*--------------------------------------------------------------
## Index Page
--------------------------------------------------------------*/
/* line 1, sass/template/_index.scss */
.index-page {
  padding: 5% 10%; }
  /* line 4, sass/template/_index.scss */
  .index-page .index_featured_image {
    width: 100%; }
  /* line 8, sass/template/_index.scss */
  .index-page .entry-meta {
    padding-left: 5%;
    padding-top: 7%; }
  /* line 13, sass/template/_index.scss */
  .index-page .index_meta p:first-child::before {
    content: "────";
    margin-right: 35px;
    color: #000; }
  /* line 21, sass/template/_index.scss */
  .index-page .nav a {
    color: #2196F3;
    font-weight: bold;
    font-size: 20px; }
    /* line 26, sass/template/_index.scss */
    .index-page .nav a:hover {
      color: green; }
  /* line 31, sass/template/_index.scss */
  .index-page .nav .nav-previous::after {
    content: "────";
    float: right;
    -webkit-transform: rotate(-60deg);
            transform: rotate(-60deg); }
  /* line 37, sass/template/_index.scss */
  .index-page .nav .nav-next::before {
    content: "────";
    float: left;
    -webkit-transform: rotate(-60deg);
            transform: rotate(-60deg); }
  /* line 44, sass/template/_index.scss */
  .index-page .index_meta {
    font-weight: bold;
    font-size: 12px;
    color: #1b1b1c;
    text-transform: uppercase; }
  /* line 51, sass/template/_index.scss */
  .index-page .index_meta p:first-child {
    float: left;
    line-height: 0;
    margin-top: 10px;
    padding-right: 5px; }
  /* line 59, sass/template/_index.scss */
  .index-page .index_meta p:first-child::after {
    content: "|";
    padding-left: 10px; }
  /* line 64, sass/template/_index.scss */
  .index-page article {
    float: left;
    width: 32%;
    padding: 1%;
    min-height: auto;
    padding-bottom: 5%; }
    /* line 71, sass/template/_index.scss */
    .index-page article img {
      -webkit-transition: .6s ease all;
      transition: .6s ease all; }
    /* line 75, sass/template/_index.scss */
    .index-page article :hover img {
      -webkit-transform: scale(0.9);
              transform: scale(0.9);
      -webkit-transition: .6s ease all;
      transition: .6s ease all; }
  /* line 81, sass/template/_index.scss */
  .index-page .entry-title {
    font-size: 19px;
    padding-left: 70px; }
    /* line 85, sass/template/_index.scss */
    .index-page .entry-title a {
      color: #222;
      font-weight: bold;
      font-size: 20px;
      -webkit-transition: .5s ease all;
      transition: .5s ease all; }
      /* line 91, sass/template/_index.scss */
      .index-page .entry-title a:hover {
        color: #2196F3;
        -webkit-transition: .5s ease all;
        transition: .5s ease all; }

@media screen and (min-width: 300px) and (max-width: 1100px) {
  /* line 104, sass/template/_index.scss */
  .index-page article {
    float: none;
    width: 95%;
    padding: 5%; } }
/*--------------------------------------------------------------
## BLog Page
--------------------------------------------------------------*/
/* line 1, sass/template/_blog.scss */
.blog_page {
  padding: 5%; }
  /* line 4, sass/template/_blog.scss */
  .blog_page .entry-header {
    text-align: center; }
  /* line 8, sass/template/_blog.scss */
  .blog_page .blog_post_list_wrap {
    float: left;
    width: 44%;
    padding: 1%;
    min-height: auto;
    padding-bottom: 5%; }
  /* line 16, sass/template/_blog.scss */
  .blog_page .blg_page_post_list {
    float: left;
    width: 80%; }
  /* line 21, sass/template/_blog.scss */
  .blog_page .sidebar-widget {
    float: right;
    width: 20%; }
    /* line 25, sass/template/_blog.scss */
    .blog_page .sidebar-widget a {
      font-size: 13px; }
    /* line 29, sass/template/_blog.scss */
    .blog_page .sidebar-widget ul {
      list-style: none; }
    /* line 33, sass/template/_blog.scss */
    .blog_page .sidebar-widget h2 {
      font-size: 15px; }
  /* line 39, sass/template/_blog.scss */
  .blog_page .blog_post_list_img img {
    -webkit-transition: .6s ease all;
    transition: .6s ease all; }
  /* line 43, sass/template/_blog.scss */
  .blog_page .blog_post_list_wrap:hover img {
    -webkit-transition: .6s ease all;
    transition: .6s ease all;
    -webkit-transform: scale(0.9);
            transform: scale(0.9); }
  /* line 48, sass/template/_blog.scss */
  .blog_page .blog_meta {
    font-weight: bold;
    font-size: 12px;
    color: #1b1b1c;
    text-transform: uppercase; }
    /* line 54, sass/template/_blog.scss */
    .blog_page .blog_meta p {
      line-height: 2; }
  /* line 59, sass/template/_blog.scss */
  .blog_page .blog_meta p:first-child {
    float: left;
    line-height: 0;
    padding-right: 5px; }
  /* line 65, sass/template/_blog.scss */
  .blog_page .edit-link {
    border: 1px solid #eee;
    padding: 5px 10px;
    font-size: 14px; }
    /* line 70, sass/template/_blog.scss */
    .blog_page .edit-link a {
      color: #9E9E9E; }
  /* line 75, sass/template/_blog.scss */
  .blog_page .blog_meta p:first-child::after {
    content: "|";
    padding-left: 10px; }
  /* line 80, sass/template/_blog.scss */
  .blog_page .blog_pagination {
    padding: 5% 15%; }
    /* line 83, sass/template/_blog.scss */
    .blog_page .blog_pagination a {
      color: #000;
      text-shadow: 0.5px 0.5px 0.5px #000;
      -webkit-transition: .5s ease all;
      transition: .5s ease all;
      font-size: 20px; }
      /* line 89, sass/template/_blog.scss */
      .blog_page .blog_pagination a :hover {
        text-shadow: 0px 0px 0px;
        -webkit-transition: .5s ease all;
        transition: .5s ease all;
        color: #2196F3; }
    /* line 96, sass/template/_blog.scss */
    .blog_page .blog_pagination a:first-child {
      float: left; }
    /* line 100, sass/template/_blog.scss */
    .blog_page .blog_pagination a:last-child {
      float: right; }

/* line 106, sass/template/_blog.scss */
input[type="submit"] {
  background-color: #222;
  color: #fff;
  -webkit-transition: .6s ease all;
  transition: .6s ease all;
  padding: .9em 1em .8em; }
  /* line 112, sass/template/_blog.scss */
  input[type="submit"]:hover {
    background-color: #fff;
    color: #000;
    -webkit-transition: .6s ease all;
    transition: .6s ease all;
    border: 1px solid #222; }

@media screen and (min-width: 300px) and (max-width: 1100px) {
  /* line 124, sass/template/_blog.scss */
  .blog_page .blog_post_list_wrap {
    float: none;
    width: 95%;
    padding: 5%; } }
/*--------------------------------------------------------------
## Archive Page
--------------------------------------------------------------*/
/* line 1, sass/template/_archive.scss */
.archive_page {
  padding: 5%; }
  /* line 4, sass/template/_archive.scss */
  .archive_page .page-header {
    text-align: center; }
  /* line 8, sass/template/_archive.scss */
  .archive_page article {
    float: left;
    width: 32%;
    padding: 1%;
    min-height: auto;
    padding-bottom: 5%; }
    /* line 15, sass/template/_archive.scss */
    .archive_page article img {
      -webkit-transition: .6s ease all;
      transition: .6s ease all; }
    /* line 19, sass/template/_archive.scss */
    .archive_page article :hover img {
      -webkit-transform: scale(0.9);
              transform: scale(0.9);
      -webkit-transition: .6s ease all;
      transition: .6s ease all; }
  /* line 25, sass/template/_archive.scss */
  .archive_page .index_meta {
    font-weight: bold;
    font-size: 12px;
    color: #1b1b1c;
    text-transform: uppercase; }
  /* line 32, sass/template/_archive.scss */
  .archive_page .index_meta p:first-child {
    float: left;
    line-height: 0;
    margin-top: 10px;
    padding-right: 5px; }
  /* line 41, sass/template/_archive.scss */
  .archive_page .nav a {
    color: #2196F3;
    font-weight: bold; }
    /* line 45, sass/template/_archive.scss */
    .archive_page .nav a:hover {
      color: green; }
  /* line 50, sass/template/_archive.scss */
  .archive_page .nav .nav-previous::after {
    content: "────";
    float: right;
    -webkit-transform: rotate(-60deg);
            transform: rotate(-60deg); }
  /* line 56, sass/template/_archive.scss */
  .archive_page .nav .nav-next::before {
    content: "────";
    float: left;
    -webkit-transform: rotate(-60deg);
            transform: rotate(-60deg); }
  /* line 63, sass/template/_archive.scss */
  .archive_page .index_meta p:first-child::after {
    content: "|";
    padding-left: 10px; }

@media screen and (min-width: 300px) and (max-width: 1100px) {
  /* line 73, sass/template/_archive.scss */
  .archive_page article {
    float: none;
    width: 95%;
    padding: 5%; } }
/*--------------------------------------------------------------
## Search Page
--------------------------------------------------------------*/
/* line 1, sass/template/_search.scss */
.search_page {
  padding: 5%;
  text-align: center; }
  /* line 5, sass/template/_search.scss */
  .search_page h1 {
    font-size: 100px;
    margin: 1px; }
  /* line 10, sass/template/_search.scss */
  .search_page #secondary {
    padding: 5%; }
  /* line 14, sass/template/_search.scss */
  .search_page article {
    text-align: left;
    padding: 3% 5%; }
  /* line 19, sass/template/_search.scss */
  .search_page .comments-link {
    padding: 5px; }

@media screen and (min-width: 300px) and (max-width: 550px) {
  /* line 26, sass/template/_search.scss */
  .search_page h1 {
    font-size: 50px; } }
/*--------------------------------------------------------------
## Error Page
--------------------------------------------------------------*/
/* line 1, sass/template/_error.scss */
.error_page {
  padding: 5%; }
  /* line 4, sass/template/_error.scss */
  .error_page .page-header {
    text-align: center; }
    /* line 7, sass/template/_error.scss */
    .error_page .page-header h1 {
      font-weight: 100;
      font-size: 250px; }
  /* line 13, sass/template/_error.scss */
  .error_page .error_widget {
    padding: 4%; }
    /* line 16, sass/template/_error.scss */
    .error_page .error_widget .widget {
      float: left;
      width: 25%;
      padding-bottom: 5%; }

@media screen and (min-width: 300px) and (max-width: 550px) {
  /* line 26, sass/template/_error.scss */
  .error_page .page-header h1 {
    font-size: 100px;
    margin: 0; } }
@media screen and (min-width: 300px) and (max-width: 850px) {
  /* line 37, sass/template/_error.scss */
  .error_page .error_widget .widget {
    float: none;
    width: 100%; } }
/*--------------------------------------------------------------
## page Page
--------------------------------------------------------------*/
/* line 1, sass/template/_page.scss */
.default_page {
  padding: 5%; }
  /* line 4, sass/template/_page.scss */
  .default_page .entry-header {
    text-align: center; }
    /* line 7, sass/template/_page.scss */
    .default_page .entry-header h1 {
      font-size: 40px;
      margin-top: 1px;
      margin-bottom: 5%; }
  /* line 14, sass/template/_page.scss */
  .default_page .entry-content {
    margin: 0 10%;
    padding: 3% 5%;
    background-color: #eee; }

/* line 22, sass/template/_page.scss */
.entry-content tr {
  border: 1px solid #333; }
/* line 26, sass/template/_page.scss */
.entry-content th {
  font-weight: bold; }
/* line 30, sass/template/_page.scss */
.entry-content td, .entry-content th {
  padding: 5px;
  border: 1px solid #333;
  text-align: left; }

/*right sidebar*/
/* line 39, sass/template/_page.scss */
.right_sidebar_page {
  padding: 3% 5% 5%; }
  /* line 42, sass/template/_page.scss */
  .right_sidebar_page .entry-header {
    text-align: center; }
    /* line 45, sass/template/_page.scss */
    .right_sidebar_page .entry-header h1 {
      font-size: 40px;
      margin-top: 1px;
      margin-bottom: 5%; }
  /* line 52, sass/template/_page.scss */
  .right_sidebar_page .entry-content {
    margin: 0 5% 3%;
    padding: 3% 3%;
    background-color: #eee;
    float: left;
    width: 70%; }
  /* line 60, sass/template/_page.scss */
  .right_sidebar_page .sidebar_widget {
    float: left;
    width: 20%; }
    /* line 64, sass/template/_page.scss */
    .right_sidebar_page .sidebar_widget a {
      color: #2168a0;
      font-size: 14px; }
    /* line 69, sass/template/_page.scss */
    .right_sidebar_page .sidebar_widget ul {
      list-style: none; }
    /* line 73, sass/template/_page.scss */
    .right_sidebar_page .sidebar_widget h2 {
      font-size: 17px; }

@media screen and (min-width: 300px) and (max-width: 1500px) {
  /* line 82, sass/template/_page.scss */
  .right_sidebar_page .entry-content {
    float: none;
    width: 100%;
    margin: 0; }
  /* line 87, sass/template/_page.scss */
  .right_sidebar_page .sidebar_widget {
    display: none; } }
/*content only page*/
/* line 96, sass/template/_page.scss */
.content_only_page {
  padding: 3% 5% 5%;
  margin: 0 10%;
  padding: 5%; }
  /* line 101, sass/template/_page.scss */
  .content_only_page .entry-content {
    padding: 3% 5%;
    background-color: #eee; }
  /* line 106, sass/template/_page.scss */
  .content_only_page tr {
    border: 1px solid #333; }
  /* line 110, sass/template/_page.scss */
  .content_only_page th {
    font-weight: bold; }
  /* line 114, sass/template/_page.scss */
  .content_only_page td, .content_only_page th {
    padding: 5px;
    border: 1px solid #333;
    text-align: left; }

/*fully condensed page*/
/* line 123, sass/template/_page.scss */
.fullwidth_condensed_page {
  padding: 3% 5% 5%;
  margin: 0 16%;
  padding: 5%; }
  /* line 128, sass/template/_page.scss */
  .fullwidth_condensed_page .entry-content {
    padding: 3% 5%;
    background-color: #eee; }
  /* line 133, sass/template/_page.scss */
  .fullwidth_condensed_page tr {
    border: 1px solid #333; }
  /* line 137, sass/template/_page.scss */
  .fullwidth_condensed_page th {
    font-weight: bold; }
  /* line 141, sass/template/_page.scss */
  .fullwidth_condensed_page td, .fullwidth_condensed_page th {
    padding: 5px;
    border: 1px solid #333;
    text-align: left; }

/*header only page*/
/* line 150, sass/template/_page.scss */
.header_only_page {
  text-align: center;
  padding: 5%; }

/*leftside bar page*/
/* line 157, sass/template/_page.scss */
.left_sidebar_page {
  padding: 3% 10% 5%; }
  /* line 160, sass/template/_page.scss */
  .left_sidebar_page .entry-header-main {
    text-align: center;
    padding: 3%; }
  /* line 165, sass/template/_page.scss */
  .left_sidebar_page .entry-header {
    display: none; }
  /* line 169, sass/template/_page.scss */
  .left_sidebar_page .sidebar_widget {
    float: left;
    width: 20%; }
  /* line 174, sass/template/_page.scss */
  .left_sidebar_page article {
    float: right;
    width: 70%;
    background-color: #eee;
    padding: 3%; }
  /* line 181, sass/template/_page.scss */
  .left_sidebar_page #comments article {
    background-color: #fff; }

@media screen and (min-width: 300px) and (max-width: 1500px) {
  /* line 190, sass/template/_page.scss */
  .left_sidebar_page article {
    float: none;
    width: 100%;
    margin: 0; }
  /* line 195, sass/template/_page.scss */
  .left_sidebar_page .sidebar_widget {
    display: none; } }
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
/* line 2, sass/modules/_accessibility.scss */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }
  /* line 10, sass/modules/_accessibility.scss */
  .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
            box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    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. */ }

/* Do not show the outline on the skip link target. */
/* line 31, sass/modules/_accessibility.scss */
#content[tabindex="-1"]:focus {
  outline: 0; }

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
/* line 1, sass/modules/_alignments.scss */
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

/* line 7, sass/modules/_alignments.scss */
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em; }

/* line 13, sass/modules/_alignments.scss */
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
/* line 1, sass/modules/_clearings.scss */
.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; }

/* line 16, sass/modules/_clearings.scss */
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
/* line 1, sass/site/secondary/_widgets.scss */
.widget {
  margin: 0;
  /* Make sure select elements fit in widgets. */ }
  /* line 5, sass/site/secondary/_widgets.scss */
  .widget select {
    max-width: 100%; }

/* line 10, sass/site/secondary/_widgets.scss */
.footer-widget {
  padding: 0% 10%;
  padding: 1% 10%; }
  /* line 17, sass/site/secondary/_widgets.scss */
  .footer-widget .widget {
    float: left;
    width: 25%;
    padding-top: 10%;
    padding-bottom: 10%;
    padding-top: 5%;
    padding-bottom: 5%; }
  /* line 29, sass/site/secondary/_widgets.scss */
  .footer-widget ul {
    list-style: none;
    padding: 0; }

@media screen and (min-width: 300px) and (max-width: 800px) {
  /* line 37, sass/site/secondary/_widgets.scss */
  .footer-widget .widget {
    float: none;
    width: 95%; } }
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
/* line 1, sass/site/primary/_posts-and-pages.scss */
.sticky {
  display: block; }

/* line 5, sass/site/primary/_posts-and-pages.scss */
.hentry {
  margin: 0 0 1.5em; }

/* line 9, sass/site/primary/_posts-and-pages.scss */
.byline,
.updated:not(.published) {
  display: none; }

/* line 14, sass/site/primary/_posts-and-pages.scss */
.single .byline,
.group-blog .byline {
  display: inline; }

/* line 19, sass/site/primary/_posts-and-pages.scss */
.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0; }

/* line 25, sass/site/primary/_posts-and-pages.scss */
.page-links {
  clear: both;
  margin: 0 0 1.5em; }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
/* line 1, sass/site/primary/_comments.scss */
.comment-content a {
  word-wrap: break-word; }

/* line 4, sass/site/primary/_comments.scss */
.bypostauthor {
  display: block; }

/* line 8, sass/site/primary/_comments.scss */
.comments-area {
  padding: 5% 15%; }
  /* line 11, sass/site/primary/_comments.scss */
  .comments-area .comment-edit-link {
    color: #000;
    -webkit-transition: .6s ease all;
    transition: .6s ease all;
    font-size: 13px;
    margin-left: 20px;
    border: 1px solid #eee;
    padding: 5px 10px; }
    /* line 19, sass/site/primary/_comments.scss */
    .comments-area .comment-edit-link:hover {
      -webkit-transition: .6s ease all;
      transition: .6s ease all;
      color: #333;
      border: 1px solid #333; }
  /* line 26, sass/site/primary/_comments.scss */
  .comments-area .reply a {
    color: #000;
    font-size: 14px; }
  /* line 31, sass/site/primary/_comments.scss */
  .comments-area .logged-in-as a {
    color: #000; }
  /* line 35, sass/site/primary/_comments.scss */
  .comments-area .form-submit {
    float: right; }
  /* line 39, sass/site/primary/_comments.scss */
  .comments-area input[type="submit"] {
    font-size: 15px;
    padding: 15px 20px;
    background-color: #333;
    color: #fff;
    -webkit-transition: .6s ease all;
    transition: .6s ease all; }
    /* line 46, sass/site/primary/_comments.scss */
    .comments-area input[type="submit"]:hover {
      -webkit-transition: .6s ease all;
      transition: .6s ease all;
      background-color: #fff;
      color: #333;
      border: 1px solid #333; }

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
/* line 1, sass/site/primary/_footer.scss */
#colophon {
  text-align: center; }
  /* line 4, sass/site/primary/_footer.scss */
  #colophon a {
    text-decoration: none;
    color: #ddd; }
  /* line 9, sass/site/primary/_footer.scss */
  #colophon .site-info {
    background-color: #111;
    padding: 1%;
    font-size: 13px;
    color: #fff; }
  /* line 16, sass/site/primary/_footer.scss */
  #colophon .footdiv {
    padding: 5%;
    background-color: #0c051a;
    color: #fff; }
    /* line 21, sass/site/primary/_footer.scss */
    #colophon .footdiv h3 {
      font-size: 40px;
      font-weight: 300;
      margin-bottom: 2px; }
    /* line 27, sass/site/primary/_footer.scss */
    #colophon .footdiv .dash {
      background: #1e1a06;
      height: 2px;
      width: 60px;
      position: absolute;
      margin-left: -25px; }
    /* line 35, sass/site/primary/_footer.scss */
    #colophon .footdiv .main {
      padding: 15% 10%; }
      /* line 38, sass/site/primary/_footer.scss */
      #colophon .footdiv .main .fa {
        color: #222;
        font-size: 40px; }
      /* line 45, sass/site/primary/_footer.scss */
      #colophon .footdiv .main h4 {
        font-size: 16px;
        text-transform: uppercase;
        font-weight: bold;
        letter-spacing: .5px;
        margin-bottom: 1px; }
      /* line 53, sass/site/primary/_footer.scss */
      #colophon .footdiv .main p {
        font-size: 13px;
        margin-top: 1px;
        color: #eee;
        letter-spacing: .5px; }
      /* line 60, sass/site/primary/_footer.scss */
      #colophon .footdiv .main div {
        float: left;
        width: 33%; }

@media screen and (min-width: 300px) and (max-width: 600px) {
  /* line 70, sass/site/primary/_footer.scss */
  #colophon .footdiv .main div {
    float: none;
    width: 100%; } }
/* line 18, sass/site/_site.scss */
.clearfix {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
/* line 2, sass/modules/_infinite-scroll.scss */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
/* line 8, sass/modules/_infinite-scroll.scss */
.infinity-end.neverending .site-footer {
  display: block; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
/* line 1, sass/media/_media.scss */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0; }

/* Make sure embeds and iframes fit their containers. */
/* line 11, sass/media/_media.scss */
embed,
iframe,
object {
  max-width: 100%; }

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
/* line 1, sass/media/_captions.scss */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }
  /* line 5, sass/media/_captions.scss */
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  /* line 9, sass/media/_captions.scss */
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0; }

/* line 14, sass/media/_captions.scss */
.wp-caption-text {
  text-align: center; }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
/* line 1, sass/media/_galleries.scss */
.gallery {
  margin-bottom: 1.5em; }

/* line 5, sass/media/_galleries.scss */
.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%; }
  /* line 13, sass/media/_galleries.scss */
  .gallery-item .gallery-columns-2 {
    max-width: 50%; }
  /* line 13, sass/media/_galleries.scss */
  .gallery-item .gallery-columns-3 {
    max-width: 33.33333%; }
  /* line 13, sass/media/_galleries.scss */
  .gallery-item .gallery-columns-4 {
    max-width: 25%; }
  /* line 13, sass/media/_galleries.scss */
  .gallery-item .gallery-columns-5 {
    max-width: 20%; }
  /* line 13, sass/media/_galleries.scss */
  .gallery-item .gallery-columns-6 {
    max-width: 16.66667%; }
  /* line 13, sass/media/_galleries.scss */
  .gallery-item .gallery-columns-7 {
    max-width: 14.28571%; }
  /* line 13, sass/media/_galleries.scss */
  .gallery-item .gallery-columns-8 {
    max-width: 12.5%; }
  /* line 13, sass/media/_galleries.scss */
  .gallery-item .gallery-columns-9 {
    max-width: 11.11111%; }

/* line 19, sass/media/_galleries.scss */
.gallery-caption {
  display: block; }

/* line 120, sass/style.scss */
i.fa.fa-chevron-up {
  padding: 10px;
  display: none;
  font-weight: 100;
  color: rgba(68, 68, 68, 0.51);
  position: fixed;
  border-radius: 100%;
  bottom: 50px;
  right: 20px;
  font-size: 18px; }

/* line 132, sass/style.scss */
i.fa.fa-chevron-up:hover {
  opacity: .9;
  color: #333;
  -webkit-transition: .5s ease all;
  transition: .5s ease all; }
