/*
Theme Name: Impressive Webs 2019
Theme URI: 
Author: Louis Lazaris
Author URI: httpw://www.impressivewebs.com/
Description: Impressive Webs 2019 re-design.
Version: 2019

Impressive Webs WordPress Theme © 2019
*/

/* https://fonts.googleapis.com/css?family=Raleway:600,700 */
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwPIsWqhPAMif.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: local('Raleway SemiBold'), local('Raleway-SemiBold'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwPIsWqZPAA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwJYtWqhPAMif.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: local('Raleway Bold'), local('Raleway-Bold'), url(https://fonts.gstatic.com/s/raleway/v14/1Ptrg8zYS_SKggPNwJYtWqZPAA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}

/* https://fonts.googleapis.com/css?family=Roboto */

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  font-display: swap;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  font-display: swap;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
  font-display: swap;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
  font-display: swap;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

* {
  box-sizing: border-box;
}

body {
  font-family: 'Roboto', sans-serif;
  line-height: 1.4;
  color: #162441;
  background: #ccc;
  font-size: 1.4em;
}

a {
  text-decoration: none;
  color: #ed8928;
  transition: all .3s;
  word-break: break-word;
  border-bottom: solid 1px transparent;
}

.comment p a {
  color: #e98a2d;
}

.comment p a:hover {
  color: black;
}

.entry-content p a, .body_list li a {
  color: #ea8624;
  border-bottom: solid 1px;
}

  .entry-content p a:hover, .body_list li a:hover {
    color: #152441;
  }

a:hover {
  color: #727185;
}

.logo {
  transition: all .3s;
}

.logo:hover {
  transform: rotate(.6deg) scale(1.02);
}

.body_list li {
  margin-bottom: 12px;
  word-wrap: break-word;
}

p code, li code {
  font-family: Courier, monospace;
  background-color: #FCE0D2;
  font-weight: bold;
  color: black;
  padding: 0 4px;
}

a code {
  background: none;
  color: revert;
}

.cp_embed_wrapper {
  margin-bottom: 1em;
}

.wrapper {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  background: #F2F2F2;
  max-width: 1500px;
  margin: auto;
}

.wrapper-inside {
  display: flex;
  flex: 1;
  justify-content: space-around;
}

.single video {
  width: 100%;
  height: auto;
}

.single h2 {
  font-size: 1.6em;
  margin-bottom: 0;
}

.single h2+p {
  margin-top: 5px;
}

.single h3 {
  margin-bottom: 6px;
}

.title-alt {
  margin-bottom: 0;
  padding-left: 8px;
  font-size: 1.6em;
  font-family: Raleway, Roboto, sans-serif
}

.commentlist {
  list-style: none;
  margin: 0 0 40px 0;
  padding: 0;
}

.commentlist li {
  background: #e2e2e2;
  padding: 24px 40px;
}

  .commentlist li cite {
    font-style: normal;
    font-size: 1.2em;
  }

.commentlist pre {
  margin-left: 100px;
}

.avatar {
  float: left;
  border-radius: 50%;
  margin-right: 20px;
}

.comment-author, .comment-meta {
  font-size: .9em;
}

.comment p {
  padding-left: 100px;
  word-wrap: break-word;
}

  .comment blockquote {
    border-left: solid 15px #e4c6a9;
    margin: 20px 0 20px 100px;
    padding: 5px 20px;
  }

  .comment blockquote::before, .comment blockquote::after {
    background: none;
    position: static;
    width: auto;
    height: auto;
    transform: none;
  }

  .comment blockquote p {
    padding-left: 0;
  }

.comment-meta a {
  color: #ABABB7;
}

.comment-meta a:hover {
  color: #222;
}

.comment-meta a:before {
  content: '#';
}

.children {
  list-style: none;
  margin: 0;
  padding: 0;
}

.children li {
  border: solid 1px #ABABB7;
}

.reply {
  font-family: Raleway, Roboto, sans-serif;
  font-weight: bold;
  text-align: right;
  letter-spacing: 1px;
  margin-bottom: 20px;
  text-transform: uppercase;
  font-size: .9em;
}

  .reply a {
    color: #EF4136;
  }

.respond {
  margin: 0 0 100px 0;
}

  .respond .title-alt {
    padding-left: 0;
  }

.commentform {
  border: none;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}

.commentform div {
  flex-grow: 1;
  width: 50%;
  padding: 0 10px 20px 0;
}

.commentform .ta {
  width: 100%;
}

.commentform textarea {
  width: 100%;
  border: solid 1px #ABABB7;
}

textarea::placeholder {
  color: #ccc;
}

.commentform label {
  font-family: Raleway, Roboto, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
}

.commentform input {
  width: 100%;
  padding: 10px;
}

.commentform input[type=checkbox] {
  height: 20px;
  vertical-align: text-bottom;
}

.commentform .subwrap {
  width: 100%;
  font-family: Raleway, Roboto, sans-serif;
  font-weight: 600;
}

.commentform .stcr-form {
  width: 100%;
  font-size: .8em;
}

.commentform button {
  width: auto;
}

.comments-closed {
  margin-bottom: 76px;
}

.button {
  background: white;
  border: solid 1px #152441;
  text-transform: uppercase;
  max-width: 330px;
  text-align: center;
  padding: 0;
  list-style: none;
  margin: 0 0 20px;
}

.button a {
  color: #152441;
  display: block;
  padding: 10px 10px 6px 10px;
}

.button a:hover {
  background-color: #152441;
  color: white;
}

.button a:after {
  content: ' \279D';
  color: #EF3F37;
}

.button:hover a:after {
  color: white;
}

.btn {
  background: white;
  border: solid 1px #152441;
  text-transform: uppercase;
  padding: 10px;
  display: block;
  max-width: 330px;
  text-align: center;
  margin: 14px 0;
  color: #152441;
  cursor: pointer;
}

.wpcf7-form label {
  margin-bottom: 3px;
  float: none;
  display: block;
}

.wpcf7-form p {
  margin-bottom: 0;
}

.wpcf7-form input[type="text"], .wpcf7-form input[type="name"], .wpcf7-form input[type="email"], .wpcf7-form input[type="url"] {
  width: 300px;
  margin-bottom: 13px;
}

.wpcf7-form textarea {
  height: 200px;
  width: 80%;
  float: none;
  margin-bottom: 13px;
}

.wpcf7-form [type=submit], .email_posts_subscribers [type=submit] {
  background: white;
  border: solid 1px #152441;
  text-transform: uppercase;
  padding: 10px;
  display: block;
  max-width: 330px;
  text-align: center;
  margin: 14px 0;
  color: #152441;
  cursor: pointer;
}

.btn:hover, .wpcf7-form [type=submit]:hover, .email_posts_subscribers [type=submit]:hover {
  background-color: #152441;
  color: white;
}

.contact-submit [type=submit]:hover, .email_posts_subscribers [type=submit]:hover {
  background-color: #152441;
  color: white;
}

.btn:hover span {
  color: white;
}

.btn span {
  color: #EF3F37;
}

/*.wrapper-inside>* {
  outline: solid 1px;
}*/

.social {
  order: -1;
  padding-top: 30px;
  padding-left: 26px;
  padding-right: 20px;
  width: 50px;
}

  .social-links {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
  }

  .social-links li {
    margin-bottom: 30px;
  }

  .social-links img {
    transition: all .3s;
  }

  .social-links img:hover {
    filter: invert(100%);
  }

.content {
  max-width: 960px;
}

  .content article:last-of-type {
    margin-bottom: 90px;
  }

  .single .content article:last-of-type, .page .content article:last-of-type {
    margin-bottom: 30px;
  }

.error404 .content {
  flex-grow: 2;
}

.sidebar {
  max-width: 312px;
  text-align: center;
  margin-left: -34px;
  padding-bottom: 50px;
}

  .sidebar a .default-text {
    display: initial;
    color: initial;
    text-transform: initial;
    font-weight: initial;
    font-size: initial;
    letter-spacing: initial;
    text-align: left;
  }

  .sidebar a {
    display: inline-block;
    color: #152441;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 2px;
  }

  .sidebar #_default_ a._default_ {
    width: auto;
  }

  .sidebar p {
    margin: 14px 0 0;
  }

  .sidebar a:hover {
    color: darkorange;
  }

  .sp {
    border: solid 6px #E6E6E6;
    display: block;
    margin: auto;
    transition: all .3s;
  }

    .sp:hover {
      border-color: #cdcdcd;
    }

  .widget-title {
    text-transform: uppercase;
    text-align: left;
    margin-left: 2px;
    margin-bottom: 0;
    padding-top: 10px;
    font-size: 22px;
  }

  .blogroll {
    margin: 10px 0 30px;
    list-style-type: none;
  }

  .blogroll a {
    margin: 0;
    letter-spacing: 1px;
    font-size: 18px;
    text-transform: none;
  }

  .blogroll li {
    text-align: left;
    padding: 4px 0;
  }

  .blogroll li:before {
    content: "\25A0";
    float: left;
    font-size: 0.8em;
    margin-right: 9px;
    margin-left: -30px;
    margin-top: 2px;
  }

  ul.blogroll.blogroll2 {
    margin-top: -31px;
  }

  ul.blogroll.blogroll2 li {
    position: relative;
  }

  ul.blogroll.blogroll2 li::after {
    content: 'ad';
    position: absolute;
    right: 0;
    top: 10px;
    width: 41px;
    background: rgba(21, 36, 63, 0.7);
    color: white;
    text-align: center;
    font-weight: normal;
    border-radius: 2px;
    font-size: 16px;
  }

.header {
  background: #152441;
  padding: 40px 30px 30px 50px;
  margin-bottom: 24px;
}

.page .cwp {
  margin: 0 auto 40px auto;
}

.cwp {
  display: block;
  margin: 0 auto 20px auto;
  max-width: 728px;
}

  .cwp-mobile {
    max-width: 480px;
    display: none;
  }

  .cwp img {
    max-width: 100%;
    height: auto;
  }

.menu {
  font-family: Raleway, sans-serif;
  float: right;
  width: 55%;
  margin-top: 30px;
}

.menu li {
  border: solid 1px transparent;
}

.menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-evenly;
}

.menu .selected {
  border: solid 1px #F89A3E;
}

.menu .selected a {
  color: #F89A3E;
}

.menu li {
  transform: skew(-20deg);
  margin-right: 24px;
  transition: all .3s;
}

  .menu a {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    padding: 10px 20px;;
    display: inline-block;
    transform: skew(20deg);
    transition: all .3s;
  }

.menu li:hover {
  border-color: #F89A3E;
}

.menu li:hover a {
  color: #F89A3E;
}

.post {
  margin-bottom: 44px;
}

.secondary {
  background: white;
  padding: 30px 40px 40px 100px;
}

  .secondary .article-inside {
    padding-left: 0;
    padding-top: 20px;
  }

  .secondary .entry-title {
    line-height: 1.2;
    margin: 0;
  }

  .secondary h2 a {
    color: #162441;
  }

  .secondary h2 a:hover {
    color: darkorange;
  }

  .article-inside {
    background: #fff;
    padding-left: 100px;
    padding-right: 80px;
    padding-bottom: 1px;
  }

  .page .article-inside, .error404 .article-inside {
    padding: 20px 50px 20px 60px;
  }

  .error404 .entry-title {
    padding-left: 20px;
  }

.featured {
  padding-top: 20px;
}

  .page .content header {
    margin-top: -15px;
  }

  .archive .content>header, .page .content>header {
    margin-top: -20px;
  }

  .archive .featured, .page .featured {
    padding: 0;
  }

  .archive .secondary {
    padding: 30px 60px 40px 40px;
  }

  .page .featured, .archive .featured {
    background: none;
  }

  .featured .article_image {
    display: none;
  }

  .single .featured .article_image {
    display: block;
    width: 184px;
    height: auto;
    margin-bottom: 10px;
  }

  .page .featured h1 {
    color: white;
  }

  .article_image {
    float: left;
    border-radius: 50%;
    margin-right: 30px;
    width: 140px;
    border: solid 4px #ABABB7;
  }

.entry-title {
  font-family: Raleway;
  font-size: 1.7em;
  line-height: 1.4;
}

.archive h1.entry-title {
  border: solid 1px;
  font-style: italic;
  padding: 10px 20px;
  background: #162441;
  color: white;
}

  .featured .entry-title {
    background: #152441;
    padding: 25px 70px 25px 30px;
    margin-left: 81px;
    margin-right: 74px;
    transform: skew(-10deg);
  }

  .page .featured .entry-title {
    margin-right: 20px;
  }

  .featured .entry-title a {
    color: white;
    transform: skew(10deg);
    display: inline-block;
  }

  .featured .entry-title a:hover {
    color: darkorange;
  }

  .featured header {
    position: relative;
  }

  .featured header:before {
    content: '';
    position: absolute;
    width: 50px;
    top: 0;
    left: 12px;
    bottom: 0;
    background: #F89A3E;
    transform: skew(-10deg);
    margin-left: 12px;
  }

  .featured header:after {
    content: '';
    position: absolute;
    width: 49px;
    background: #F89A3E;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }

  .entry-meta {
    background: white;
    font-family: Raleway, sans-serif;
    text-transform: uppercase;
    color: #FCB03F;
    padding: 25px 0;
    font-size: .85em;
  }

    .entry-meta a {
      color: #ABABB7;
      white-space: nowrap;
    }

    .entry-meta a:hover {
      border-bottom: solid 1px;
    }

  .modified {
    margin-bottom: 0;
    text-transform: none;
    color: #ABABB7;
  }

  .entry-content {
    background: #fff;
    padding-bottom: 30px;
  }

  .entry-content p:last-child {
    margin-bottom: 0;
  }

  .entry-content p {
    margin-top: 0;
    line-height: 1.5;
  }

  .entry-content h2 {
    margin: 50px 0 0;
    padding: 0;
    font-family: Raleway, Roboto, sans-serif;
    line-height: 1.2;
  }

    .entry-content p.more a {
      border: none;
      font-family: Raleway, Roboto, sans-serif;
      text-transform: uppercase;
      color: #EF3F37;
      font-weight: bold;
      letter-spacing: 1px;
    }

      .more a:hover {
        color: black;
      }

    .smore {
      text-transform: uppercase;
    }

.morearticles {
  background: #C9C8D1;
  text-align: center;
  margin-top: -42px;
  padding: 40px 0;
  font-family: Raleway, Roboto, sans-serif;
}

  .morearticles a {
    display: inline-block;
    color: #152441;
    border: solid 1px #152441;
    padding: 10px 60px;
    text-transform: uppercase;
  }

  .morearticles a:hover {
    background-color: #152441;
    color: white;
  }

.footer {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

  .footer-left {
    background: #152441;
  }

    .footer a {
      color: #727185;
    }

    .footer a:hover {
      color: darkorange;
    }

    .footer-right a {
      color: #727185;
    }

  .footer h3 {
    font-family: Raleway, sans-serif;
    text-align: center;
    text-transform: uppercase;
    color: white;
    font-weight: normal;
    margin-bottom: 20px;
    font-size: 21px;
  }

  .footer-right h3 {
    color: #727185;
  }

  .footer>div {
    width: 50%;
    padding: 10px 30px 30px;
    flex-grow: 1;
    text-align: center;
  }

  .footer ul {
    padding: 0;
    list-style: none;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100px;
    width: 43%;
    line-height: 1.6;
    font-size: .8em;
  }

  .footer-right ul {
    width: 70%;
    height: 120px;
  }

  footer>.credits {
    flex-basis: 100%;
    width: auto;
    background: white;
    padding: 0 0 20px;
  }

  footer>.credits ul {
    width: 50%;
    text-align: center;
  }

  footer>.copyright {
    flex-basis: 100%;
    width: auto;
    background: #0F1629;
    color: white;
    padding: 14px;
  }

  .copyright p {
    font-size: .70em;
    text-align: center;
    width: 96%;
  }

  .copyright a {
    color: white;
    border-bottom: solid 1px;
  }

  .credits h3 {
    color: #152441;
  }

  .links {
    padding-top: 20px;
    display: flex;
    justify-content: center;
  }

  .links a {
    color: white;
    margin: 0 30px;
    border-bottom: none;
  }

ol li {
  padding-left: 10px;
  margin-bottom: 12px;
  line-height: 1.4;
}

blockquote {
  background: #ECEBEE;
  margin: 0 0 20px;
  padding: 70px 60px 20px;
  position: relative;
  font-style: italic;
}

.cancel-comment-reply {
  text-align: right;
}

blockquote::before {
  content: '';
  background: white;
  position: absolute;
  top: 0;
  left: 30px;
  width: 32px;
  height: 68px;
  transform: skew(-20deg);
}

blockquote::after {
  content: '';
  background: white;
  position: absolute;
  top: 0;
  left: 76px;
  width: 32px;
  height: 68px;
  transform: skew(-20deg);
}

figure {
  margin: 0 0 20px 0;
}

figcaption {
  font-family: Roboto, Raleway, sans-serif;
  text-align: center;
  font-size: 0.8em;
  font-style: italic;
}

.wide_image {
  border: 1px solid #000;
  display: block;
  margin-top: 20px;
  margin-bottom: 12px;
  height: auto;
  transition: all .3s;
}

.square_image {
  margin: auto;
}

.wi_new {
  width: 100%;
  height: auto;
}

.wi_screen {
  background: none;
  border: none;
}

.wi_screen:hover {
  background: none;
}

.post-table, embed, .post img, object, .sidebar img {
  max-width: 100%;
  height: auto;
}

.sidebar .default-image img {
  max-width: none;
}

.sidebar #_default_ .default-image img {
  height: 80px;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
  text-align: center;
}

.post-table td,.post-table th {
  padding: 8px;
  font-family: Arial,sans-serif;
}

.post-table,.post-table td,.post-table th {
  border-collapse: collapse;
  border: 1px solid #ccc;
}

.post-table {
  margin: 0 0 20px;
  width: 100%;
}

.post-table th {
  font-weight: 700;
}

.post-table td {
  font-size: 16px;
}

.post-table .tdsymbol {
  font-size: 30px;
}

.bsa-CESDPK7U {
  margin-top: 3px;
}

.bsa-CESDPK7U iframe {
  margin-bottom: 5px;
}

.bsap_adhere {
  display: none;
}

.topsb div.bsap_1308985 iframe {
  float: none;
}

div.bsap_1308776 {
  margin-top: 20px;
}

div.bsap_1308985 {
  max-height: 125px;
}

.bsap+p, .bsap+.widget-title {
  clear: left;
}

.topsb {
  margin: auto;
  margin-bottom: 20px;
  transition: all .3s;
}

  .topsb:hover {
    border-color: #cdcdcd;
  }

.embed-container {
  position: relative;
  padding-bottom: 42%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

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

.update-box {
  padding: 0 20px;
  border: 1px solid #152441;
  font-size: .88em;
  margin-bottom: 8px;
}

.entry-content .update-box {
  padding: 20px;
  margin-bottom: 20px;
}

.bookshelf {
  display: flex;
  list-style: none;
  padding: 0;
  flex-wrap: wrap;
  text-align: center;
  font-size: .7em;
}

.bookshelf li {
  margin-bottom: 40px;
  transition: all .3s;
  transform: scale(.95);
  flex-basis: 33.3333333%;
}

.bookshelf li:hover {
  transform: scale(1) rotate(1deg);
}

.color-name {
  padding: 20px;
  color: #000;
}

.aliceblue {
  background: #f0f8ff;
}

.blanchedalmond {
  background: #ffebcd;
}

.burlywood {
  background: #deb887;
}

.cadetblue {
  background: #5f9ea0;
}

.chartreuse {
  background: #7fff00;
}

.darkgoldenrod {
  background: #b8860b;
}

.deepskyblue {
  background: #00bfff;
}

.firebrick {
  background: #b22222;
}

.gainsboro {
  background: #dcdcdc;
}

.honeydew {
  background: #f0fff0;
}

.lavenderblush {
  background: #fff0f5;
}

.lemonchiffon {
  background: #fffacd;
}

.lightgoldenrodyellow {
  background: #fafad2;
}

.mediumaquamarine {
  background: #66cdaa;
}

.mintcream {
  background: #f5fffa;
}

.navajowhite {
  background: #ffdead;
}

.oldlace {
  background: #fdf5e6;
}

.olivedrab {
  background: #6b8e23;
}

.papayawhip {
  background: #ffefd5;
}

.peachpuff {
  background: #ffdab9;
}

.peru {
  background: peru;
}

.saddlebrown {
  background: #8b4513;
}

.thistle {
  background: #d8bfd8;
}

.whitesmoke {
  background: #f5f5f5;
}

.link-list {
  font-size: 20px;
  line-height: 40px;
  color: #555;
}

.link-list a:link,.link-list a:visited {
  color: #00008b;
  transition: none;
}

.link-list li:nth-of-type(2) a {
  text-decoration: none;
}

.link-list li:nth-of-type(2) a:hover {
  text-decoration: underline;
}

.link-list li:nth-of-type(10) a,.link-list li:nth-of-type(11) a,.link-list li:nth-of-type(12) a,.link-list li:nth-of-type(3) a:hover,.link-list li:nth-of-type(6) a,.link-list li:nth-of-type(7) a,.link-list li:nth-of-type(8) a,.link-list li:nth-of-type(9) a {
  text-decoration: none;
}

.link-list li:nth-of-type(4) a:hover {
  color: #E06C1F;
  text-decoration: none;
}

.link-list li:nth-of-type(5) a:hover {
  color: #E06C1F;
}

.link-list li:nth-of-type(6) a {
  border-bottom: dashed 1px;
}

.link-list li:nth-of-type(6) a:hover,.link-list li:nth-of-type(7) a {
  border-bottom: solid 1px;
}

.link-list li:nth-of-type(7) a:hover {
  border-bottom: dashed 1px;
}

.link-list li:nth-of-type(8) a:hover {
  color: #e06c1f;
}

.link-list li:nth-of-type(9) a {
  padding: 1px 3px;
}

.link-list li:nth-of-type(9) a:hover {
  background: #ccc;
}

.link-list li:nth-of-type(10) a {
  border-bottom: dotted 1px;
}

.link-list li:nth-of-type(10) a:hover {
  border-bottom: solid 1px;
}

.link-list li:nth-of-type(11) a:hover {
  -webkit-background-clip: text;
  color: #fff;
  -webkit-text-fill-color: transparent;
  background-image: -webkit-gradient(linear,left top,right top,from(#ea8711),to(#d96363));
  background-image: -webkit-linear-gradient(left,#ea8711,#d96363,#73a6df,#9085fb,#52ca79);
  background-image: -moz-linear-gradient(left,#ea8711,#d96363,#73a6df,#9085fb,#52ca79);
  background-image: -ms-linear-gradient(left,#ea8711,#d96363,#73a6df,#9085fb,#52ca79);
  background-image: -o-linear-gradient(left,#ea8711,#d96363,#73a6df,#9085fb,#52ca79);
  background-image: linear-gradient(left,#ea8711,#d96363,#73a6df,#9085fb,#52ca79)
}

.link-list li:nth-of-type(12) a:hover {
  text-decoration: overline;
}

.link-list li:nth-of-type(13) a {
  text-decoration: none;
}

.link-list li:nth-of-type(13) a:hover {
  text-decoration: overline underline;
}

.link-list li:nth-of-type(14) a,.link-list li:nth-of-type(16) a,.link-list li:nth-of-type(18) a,.link-list li:nth-of-type(19) a {
  text-decoration: none;
}

.link-list li:nth-of-type(14) a:hover {
  border-bottom: solid 1px;
  border-top: solid 1px;
}

.link-list li:nth-of-type(15) a {
  text-decoration: none;
  border: 1px solid transparent;
  padding: 1px;
}

.link-list li:nth-of-type(15) a:hover {
  border: 1px solid;
}

.link-list li:nth-of-type(16) a {
  background: #ccc;
  padding: 1px 3px;
}

.link-list li:nth-of-type(16) a:hover {
  background: #e06c1f;
  color: #fff;
}

.link-list li:nth-of-type(17) a {
  transition: color .4s linear;
}

.link-list li:nth-of-type(17) a:hover {
  color: #e06c1f;
}

.link-list li:nth-of-type(19) a:hover {
  text-decoration: line-through;
}

.dp-highlighter .tools a,.link-list li:nth-of-type(20) a,.link-list li:nth-of-type(21) a,.link-list li:nth-of-type(22) a,.link-list li:nth-of-type(24) a,.link-list li:nth-of-type(25) a,a.note:link,a.note:visited {
  text-decoration: none;
}

.link-list li:nth-of-type(21) a:hover {
  font-variant: small-caps;
}

.link-list li:nth-of-type(22) a:hover {
  text-shadow: 2px 2px 2px #aaa;
}

.link-list li:nth-of-type(23) a {
  text-decoration: none;
  border-radius: 10px;
  padding: 2px 5px 5px;
}

.link-list li:nth-of-type(23) a:hover {
  background: #ccc;
}

.link-list li:nth-of-type(24) a:hover:after {
  content: " (" attr(href) ") ";
}

.link-list li:nth-of-type(25) a {
  background: #ccc;
  padding: 1px 3px;
  border-bottom: dashed 1px #777;
}

.link-list li:nth-of-type(25) a:hover {
  background: #e06c1f;
  color: #fff;
  border-bottom: dashed 1px #000;
}

.category-css-network .posted { display: none; }
.category-css-network .secondary-title {
  font-size: 2.5em;
  font-weight: normal;
}

.category-css-network .meta {
  display: none;
}

.category-css-network .post {
  border: solid 2px #eee;
  border-bottom: none;
  margin: 0;
  position: relative;
}

  .category-css-network .post:after {
    content: '➝';
    position: absolute;
    right: 30px;
    top: 12px;
    font-size: 1.8em;
    pointer-events: none;
  }

.category-css-network .post:last-of-type {
  border-bottom: solid 2px #eee;
}

.category-css-network .entry {
  display: none;
}

.category-css-network .secondary-title {
  font-family: Georgia, serif;
  font-size: 1.2em;
  margin: 0;
}

.category-css-network .secondary-title a {
  display: block;
  padding: 10px 20px 10px 10px;
  position: relative;
}

.category-css-network .title-link {
  margin: 0;
}
  .category-css-network .secondary-title a:hover {
    background: #eee;
  }

.category-css-network .more, .category-css-network .entry-meta {
  display: none;
}

.category-css-network h2.entry-title {
  font-size: 1.1em;
}

.category-css-network .secondary {
  padding: 0;
}

.category-css-network .secondary h2 a {
  display: block;
  padding: 24px 24px 18px 24px;
}

.category-css-network .secondary h2 a:hover {
  background: #ffe0ba;
}

ul.bullet_body1 li {
  background: transparent url(https://www.impressivewebs.com/images/bullet_body.gif) no-repeat left center; padding: 3px 0 3px 15px;
  list-style: none;
}

ul.bullet_body2 li {
  background: transparent url(https://www.impressivewebs.com/images/bullet_body.gif) no-repeat 0 10px; padding: 3px 0 3px 15px;
  list-style: none;
}


/*
Zenburn style from voldmar.ru (c) Vladimir Epifanov <voldmar@voldmar.ru>
based on dark.css by Ivan Sagalaev
*/

.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.7em 1.1em;
  background: #2d2d2d;
  color: #dcdcdc;
  margin-bottom: 1.5em;
  line-height: 1.5;
  -webkit-text-size-adjust: none;
  white-space: pre;
  word-wrap: normal;
  font-weight: bold;
}

.commentlist .comment .hljs {
  padding: 1em 1.5em 1em 1.5em;
  border-radius: 12px;
  max-height: 450px;
  overflow: auto;
  font-size: 18px;
}

.no-js .commentlist .comment .hljs {
  padding-top: 0;
}

.hljs-keyword,
.hljs-tag,
.css .hljs-class,
.css .hljs-id,
.lisp .hljs-title,
.nginx .hljs-title,
.hljs-request,
.hljs-status,
.clojure .hljs-attribute {
  color: #e3ceab;
}

.django .hljs-template_tag,
.django .hljs-variable,
.django .hljs-filter .hljs-argument {
  color: #dcdcdc;
}

.hljs-number,
.hljs-date {
  color: #8cd0d3;
}

.dos .hljs-envvar,
.dos .hljs-stream,
.hljs-variable,
.apache .hljs-sqbracket {
  color: #efdcbc;
}

.dos .hljs-flow,
.diff .hljs-change,
.python .exception,
.python .hljs-built_in,
.hljs-literal,
.tex .hljs-special {
  color: #efefaf;
}

.diff .hljs-chunk,
.hljs-subst {
  color: #8f8f8f;
}

.dos .hljs-keyword,
.hljs-decorator,
.hljs-title,
.hljs-type,
.diff .hljs-header,
.ruby .hljs-class .hljs-parent,
.apache .hljs-tag,
.nginx .hljs-built_in,
.tex .hljs-command,
.hljs-prompt {
  color: #efef8f;
}

.dos .hljs-winutils,
.ruby .hljs-symbol,
.ruby .hljs-symbol .hljs-string,
.ruby .hljs-string {
  color: #dca3a3;
}

.diff .hljs-deletion,
.hljs-string,
.hljs-tag .hljs-value,
.hljs-preprocessor,
.hljs-pragma,
.hljs-built_in,
.hljs-javadoc,
.smalltalk .hljs-class,
.smalltalk .hljs-localvars,
.smalltalk .hljs-array,
.css .hljs-rules .hljs-value,
.hljs-attr_selector,
.hljs-pseudo,
.apache .hljs-cbracket,
.tex .hljs-formula,
.coffeescript .hljs-attribute {
  color: #cc9393;
}

.hljs-shebang,
.diff .hljs-addition,
.hljs-comment,
.hljs-annotation,
.hljs-template_comment,
.hljs-pi,
.hljs-doctype {
  color: #7f9f7f;
}

.coffeescript .javascript,
.javascript .xml,
.tex .hljs-formula,
.xml .javascript,
.xml .vbscript,
.xml .css,
.xml .hljs-cdata {
  opacity: 0.5;
}

.waldo-wide {
  margin: 0 auto 12px auto;
  overflow: hidden;
  width: 728px;
}

/* Contact Form 7 styles */
.wpcf7 .screen-reader-response {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}

.wpcf7 form .wpcf7-response-output {
  margin: 0 0.5em 1em !important;
  padding: 0.2em 1em;
  border: 2px solid #00a0d2; /* Blue */
}

.wpcf7 form.init .wpcf7-response-output {
  display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #46b450; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
  border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
  border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
  border-color: #ffb900; /* Yellow */
}

.wpcf7-form-control-wrap {
  position: relative;
}

.wpcf7-not-valid-tip {
  color: #dc3232;
  font-size: 1em;
  font-weight: normal;
  display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
  position: absolute;
  top: 20%;
  left: 20%;
  z-index: 100;
  border: 1px solid #dc3232;
  background: #fff;
  padding: .2em .8em;
}

span.wpcf7-list-item {
  display: inline-block;
  margin: 0 0 0 1em;
}

span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
  content: " ";
}

div.wpcf7 .ajax-loader {
  visibility: hidden;
  display: inline-block;
  background-image: url('../../images/ajax-loader.gif');
  width: 16px;
  height: 16px;
  border: none;
  padding: 0;
  margin: 0 0 0 4px;
  vertical-align: middle;
}

div.wpcf7 .ajax-loader.is-active {
  visibility: visible;
}

div.wpcf7 div.ajax-error {
  display: none;
}

div.wpcf7 .placeheld {
  color: #888;
}

div.wpcf7 input[type="file"] {
  cursor: pointer;
}

div.wpcf7 input[type="file"]:disabled {
  cursor: default;
}

div.wpcf7 .wpcf7-submit:disabled {
  cursor: not-allowed;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
  direction: ltr;
}
/* Contact Form 7 Styles End */

.mobile-hide {
  display: none;
}

.page h1[id=subscribe-reloaded-title-p] {
  color: inherit;
  margin: 0;
}

@media (max-width: 1446px) {
  .content {
    max-width: 800px;
  }

  .waldo-wide {
    margin: 0 0 12px;
  }

  .social {
    padding-left: 10px;
    padding-right: 10px;
    width: 20px;
  }

  .featured .entry-title {
    margin-right: 40px;
  }
}

@media (max-width: 1240px) {
  .wrapper-inside {
    flex-wrap: wrap;
  }

  .social {
    width: 100%;
    padding: 0;
  }

  .social-links {
    display: flex;
    justify-content: flex-end;
    max-width: 1210px;
    margin-bottom: 12px;
  }

  .social-links li {
    margin-bottom: 0;
    margin-right: 10px;
  }

  .social-links li:last-child {
    margin-right: 0;
  }

  .content {
    margin-top: -80px;
  }
}

@media (max-width: 1240px) {
  .menu {
    width: auto;
  }

  .header {
    text-align: center;
  }
  .menu {
    float: none;
  }

  .social {
    width: 94%;
  }
}

@media (max-width: 1180px) {

  .footer {
    display: block;
  }

  .footer>div {
    width: auto;
  }

  .credits h3 {
    padding-top: 20px;
  }

  .content {
    max-width: 720px;
  }

  .waldo-wide {
    width: auto;
  }

}

@media (max-width: 1090px) {

  .content {
    max-width: 620px;
  }

  .respond {
    margin-bottom: 20px;
  }
  
}

@media (max-width: 1024px) {

  .article-inside {
    padding-left: 40px;
    padding-right: 40px;
  }

  .secondary {
    padding-left: 40px;
  }

}

@media (max-width: 988px) {
  .content {
    max-width: 800px;
  }

  .social {
    margin: 0 auto 93px auto;
    width: auto;
  }

  .waldo-wide {
    margin: 0 auto 12px auto;
    width: 728px;
  }

}


@media (max-width: 926px) {
  .content {
    margin-top: 0;
    max-width: 700px;
  }

  .social-links {
    justify-content: center;
  }

  .morearticles {
    margin: 0;
  }

  .social {
    margin: 0 auto;
  }

  .waldo-wide {
    width: auto;
  }

}

@media (max-width: 760px) {

  .page .cwp, .cwp {
    margin: 0 14px 14px;
  }

}

@media (max-width: 727px) {
  body {
    font-size: 1.2em;
  }

  .page .cwp, .cwp, .cwp-mobile {
    margin-top: -10px;
    margin-bottom: 20px;
  }

  .comment blockquote {
    margin-left: 10px;
  }

  .content {
    max-width: none;
  }

  .featured header:before, .featured header:after {
    display: none;
  }

  .featured .entry-title {
    background: #152441;
    padding: 20px;
    margin: 0 20px;
    transform: none;
    font-size: 1.5em;
  }

  .category h1 {
    padding-top: 20px;
    padding-left: 38px;
  }

  .archive .content>header, .page .content>header {
    margin-top: -40px;
  }

  .secondary, .archive .secondary {
    padding: 20px;
  }

  .featured .entry-title a {
    color: white;
    transform: none;
    display: inline-block;
  }

  .wrapper-inside {
    display: block;
  }

  .article-inside, .page .article-inside, .error404 .article-inside {
    padding: 22px;
  }

  .title-alt {
    padding-bottom: 10px;
    padding-left: 14px;
  }

  .respond {
    padding: 0 20px;
    margin: 0;
  }

  .commentform div {
    width: auto;
  }

  .sidebar {
    max-width: none;
    margin-left: 0;
    padding: 0;
  }

  .header {
    padding: 20px;
  }

  .footer ul {
    display: block;
    height: auto;
  }

  .links {
    display: block;
  }

  .menu ul {
    display: block;
  }

  .menu a {
    padding: 10px 10px 7px;
    font-size: 16px;
  }

  .menu li {
    transform: none;
    margin-right: 0;
  }

  .menu a {
    transform: none;
    display: block;
  }

  .logo {
    max-width: 100%;
  }

  .article_image {
    display: none;
  }

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

  .blogroll {
    max-width: 320px;
    margin: 0 auto 20px;
  }

  blockquote {
    padding-right: 30px;
    padding-left: 30px;
  }

  .comment p {
    padding-left: 10px;
    padding-right: 10px;
  }

  .commentlist li {
    padding: 24px 14px;
  }

  .commentlist pre {
    margin-left: 0;
  }

  .commentlist .comment .hljs {
    padding: 0.7em 1.1em;
  }

  .social {
    padding-top: 0;
  }

}

@media (max-width: 510px) {
  .waldo-wide {
    display: none;
  }
}

@media (max-width: 480px) {

  .cwp {
    display: none;
  }

  .cwp-mobile {
    display: block;
  }

}

@media (max-width: 334px) {
  .widget-title {
    max-width: 60%;
    margin: auto;
  }

}