@charset "UTF-8";
/*
Theme Name: Parachut Blog for Wordpress
Theme URI: https://wordpress.org/themes/blogparachut/
Author: SEEUSOON DIGITAL
Author URI: https://seeusoon.me/
Description: Bootstrap 5 based theme.
Requires at least: 4.9.6
Requires PHP: 5.2.4
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: blogparachut
Tags: bootstrap

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.

Booter Theme is based on Bootsrap https://getbootstrap.com/, (C) 2012-2020 Bootstrap Team
Underscores is distributed under the terms of the GNU GPL v2 or later.

styles are defined in scss folder
styles are genererated in css folder. jsut include style.css (generated by wp-scss)
styles are enqueued in function.php

*/

/* Generated by Glyphter (http://www.glyphter.com) on  Thu Jul 15 2021*/
/*
@font-face {
    font-family: 'parachut blog';
    src: url('fonts/Parachut/parachut-blog.eot');
    src: url('fonts/Parachut/parachut-blog.eot?#iefix') format('embedded-opentype'),
         url('fonts/Parachut/parachut-blog.woff') format('woff'),
         url('fonts/Parachut/parachut-blog.ttf') format('truetype'),
         url('fonts/Parachut/parachut-blog.svg#parachut-blog') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='icon-']:not(.rmp-icon):before{
  display: inline-block;
   font-family: 'parachut blog';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.icon-fb:before{content:'\0041';}
.icon-ig:before{content:'\0042';}
.icon-tw:before{content:'\0043';}
*/
/* Generated by Glyphter (http://www.glyphter.com) on  Tue Aug 03 2021*/
@font-face {
    font-family: 'icors';
    src: url('fonts/Parachut/icors.eot');
    src: url('fonts/Parachut/icors.eot?#iefix') format('embedded-opentype'),
         url('fonts/Parachut/icors.woff') format('woff'),
         url('fonts/Parachut/icors.ttf') format('truetype'),
         url('fonts/Parachut/icors.svg#icors') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*='icon-']:not(.rmp-icon):before{
  display: inline-block;
   font-family: 'icors';
   font-style: normal;
   font-weight: normal;
   line-height: 1;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale
}
.icon-fb:before{content:'\0041';}
.icon-ig:before{content:'\0042';}
.icon-tw:before{content:'\0043';}

/*{
font-family: 'Expletus Sans', cursive;
font-family: 'Poppins', sans-serif;
}*/

.navbar-toggler-icon{
  background-image: url(/wp-content/themes/blogparachut/img/ico-menu-close.svg);
  background-repeat: no-repeat;
  background-position: 70% 70%;
}
.navbar-toggler:focus{
  box-shadow: hsl(204, 50%, 52%) 0 0 0.25rem
}

/*fonts*/
html, body, *{
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
}
b, strong{
  font-weight: 600;
}

.post .content h2,
.post .content h2 *,
.expletus,
.expletus a
{
  font-family: 'Expletus Sans', cursive;
  font-weight: 500;
}
/*extends*/
.rounded-4 { border-radius: .5rem; }
.rounded-5 { border-radius: 1rem; }

.display-7{
  font-size: calc(1.2rem + 1vw);
  font-weight: 300;
  line-height: 1.2;
}
.display-8{
  font-size: calc(1rem + 1vw);
  font-weight: 300;
  line-height: 1.3;
}
.display-7 span.badge,
.display-8 span.badge
{
  font-weight: inherit;
}
.text-shadow-1 { text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25); }
.text-shadow-2 { text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25); }
.text-shadow-3 { text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25); }

/*header*/
.bg-header{
  background-color: hsl(48, 18%, 95%);
}

/*colors*/
.breadcrumb,
.introduction p strong,
.post .content h2,
.breadcrumb .breadcrumb-item a,
.primary,
.primary:hover,
.link-primary,
.link-more,
.link-more:hover,
.link-primary:hover,
.primary_blue{
  color: hsl(204, 50%, 52%);
}

.post .content h3,
.post .content h3 *{
  color: hsl(204, 0%, 0%);
  font-size: 1.35rem;
  font-weight: 600;
}
.post .content h4,
.post .content h4 *{
  color: hsl(204, 0%, 0%);
}
.post .content h5,
.post .content h5 *{
  color: hsl(204, 0%, 0%);
}
.post .content h6,
.post .content h6 *{
  color: hsl(204, 0%, 0%);
}

.post .card-img, 
.post .card-img-top{
  border-radius: calc(.25rem - 1px);
  height: auto;
}


.post .postrating{
  display: inline-block;
}
.post .postrating .post-ratings img, 
.post .postrating .post-ratings-loading img, 
.post .postrating .post-ratings-image img{
  margin-left: .6rem;
  position: relative;
    top: -2px;
}


/*breadcrumb*/
.breadcrumb_last{
  font-weight: 600;
}

/*post*/
.post .content h2{
  margin-top: 2vh;
  margin-bottom: 1rem;
}
.post .content h3{
  margin-top: 2vh;
  margin-bottom: .8rem;
}
.post .content h4{
  margin-top: 2vh;
  margin-bottom: .7rem;
}
.post .content h5{
  margin-top: 2vh;
  margin-bottom: .5rem;
}
.post .content h6{
  margin-top: 2vh;
  margin-bottom: .5rem;
}

/*links, lists & buttons*/
.link-primary,
.link-secondary{
  text-decoration: none;
}
.link-all{
  font-weight: 600;
}
/*.list-group-item.active,*/
.btn-primary,
.bg-primary{
  background-color: hsl(204, 50%, 52%) !important;
}
.bg-seccat{
  background-color: hsl(43, 100%, 50%) !important;
}
/*.list-group-item.active,*/
.btn-primary:hover,
.btn-primary{
  border-color: hsl(204, 50%, 52%);
}
.list-group-item.active:hover{
  color: hsl(204, 50%, 72%);
}
.btn-secondary,
.bg-secondary{
  background-color: hsl(204, 50%, 52%) !important;
}
.btn-secondary:hover,
.btn-secondary{
  border-color: hsl(204, 50%, 52%);
  color: hsl(204, 50%, 52%);
}
.btn-green,
.bg-green{
  background-color: hsl(158, 42%, 51%) !important;
}
.btn-green:hover,
.btn-green{
  border-color: hsl(158, 42%, 51%);
  color: #FFF;
}

.btn-primary,
.btn-secondary,
.btn-green{
  position: relative;
  z-index: 1;
}

.btn-primary:before,
.btn-secondary:before,
.btn-green:before{
  background-image: url('img/splash-btn.svg');
  background-repeat: no-repeat;
  background-position: 75% 0;
  background-size: auto 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  z-index: -1;
}


/*teaser*/
.teaser{
  background-image: url('img/malte.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 30% 50%;
}
.teaser .card{
  background-color: unset;
}
.teaser .btn-secondary{
  background-color: hsla(48, 18%, 100%, 1)!important;
  border-color: hsla(48, 18%, 100%, 0);
  padding-right: 3rem !important;  
}
.teaser .btn-secondary:after{
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  height: 1rem;
  background-image: url(/wp-content/themes/blogparachut/img/arrow-small.svg);
  background-repeat: no-repeat;
  background-position: 70% 70%;
  content: '';
}
.teaser .btn-secondary:after{
  top: .85rem;
}
.teaser .btn-secondary:hover{
  background-color: hsla(204, 50%, 52%, 1)!important;
  border-color: hsla(204, 50%, 30%, 1);
  padding-right: 3rem !important;
  color: hsla(204, 50%, 100%, 1)
}

/*post title navigation*/
.post-navigation-title .list-group-item{
  border: 0 none;
  color: hsl(204, 50%, 0%);
  padding-left: 1.6rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.post-navigation-title .list-group-item:before{
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0,-50%);
  height: 8px;
  width: 8px;
  content: '';
  background-color: hsl(204, 50%, 0%);
  border-radius: 100%;
}
.post-navigation-title .list-group-item.active:before{
  background-color: hsl(204, 50%, 52%);
  height: 10px;
  width: 10px;
}
.post-navigation-title .list-group-item.active{
  background: unset;
  color: hsl(204, 50%, 52%);
  font-size: 1.1rem;
}
.post-navigation-title .list-group-item:before,
.post-navigation-title .list-group-item a,
.post-navigation-title .list-group-item span{
  transition: all .5s ease;
}
.post-navigation-title .list-group-item.active a,
.post-navigation-title .list-group-item.active span{
  font-weight: 700;
}


/*card*/
.card .author{
  font-style: italic;
}
.card .picture{
  position: relative;
  /*aspect-ratio: 16/7;*/
  overflow: hidden;
  max-height: 30rem;
}
.card .picture img{
  max-width: 100%;
  height: auto !important;
  /*position: absolute;
  top: 50%;
  transform: translate(0, -50%);*/
}

.card .picture .hashtags{
  position: absolute;
  bottom: 1rem;
  left: 1rem;
}
.link-more{
  font-weight: 600;
  position: relative;
  padding-right: 5rem;
  transition: padding .2s ease;
}
.link-more:hover{
  padding-right: 4.5rem;
}
.link-more:before{
  position: absolute;
  top: 0;
  right: 0;
  width: 4rem;
  height: 1rem;
  background-image: url(/wp-content/themes/blogparachut/img/arrow.svg);
  background-repeat: no-repeat;
  background-position: 0% 85%;
  content: '';
}


/*promo*/
.block-promo{
  position: relative;
  background-color: hsl(48, 18%, 95%);
  z-index: 0;
}

.block-promo:before{
  background-image: url('img/bg-promo-pp.png');
  background-repeat: no-repeat;
  background-size: 270%;
  background-position: 100% 50%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 80%;
  max-width: 20rem;
  content: '';
  z-index: 2;
}
.block-promo:after{
  background-image: url('img/bg-promo-pp.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 10% -30%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: 38rem;
  content: '';
  z-index: 1;
}
.block-promo .link-more{
  color: hsl(0, 0%, 100%);
  background-color: hsl(204, 50%, 52%);
}
.block-promo .link-more:before{
  background-image: url(/wp-content/themes/blogparachut/img/arrow-w.svg);
  transform: translate(-.5rem, -60%);
  top: 50%;
  width: 1.8rem;
}
.block-promo .row,
.block-promo .row .content
{
  z-index: 3;
  position: relative;
}
.block-promo .row .content p{
  color: #212529;
}

/*single*/
.single .post.single .content img{
  height: auto;
}
.wp-block-media-text__media video{
  /*aspect-ratio: 16/9;*/
}

/*newsletter*/
.block-newsletter{
  background: linear-gradient(254.34deg, hsl(204, 50%, 52%) 20.83%, hsl(231, 49%, 41%) 89.34%), hsl(204, 50%, 52%);
  position: relative;
  z-index: 2;
}
.block-newsletter:after{
  background-image: url('img/bg-newsletter.svg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 0 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 30%;
  max-width: 38rem;
  content: '';
  z-index: 0;
}
.block-newsletter .row{
  position: relative;
  z-index: 1;
}
.block-newsletter .link-more{
  background-color: hsl(0,0%,100%);
  position:
}
.block-newsletter .form-text{
  color: hsl(0,0%,100%);
}
.block-newsletter .ginput_container_email input{
  display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: hsl(0,0%,100%);
    background-color: rgba(255,255,255,1%);
    background-clip: padding-box;
    border: 2px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.block-newsletter .ginput_container_email input::placeholder{
  color: hsl(0,0%,100%);
}
.block-newsletter .link-more:before{
  top:40%;
  background-position: 0 0;
}
.block-newsletter .gform_button.button{
  display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: 1px solid #FFF;
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  background-color: rgba(255,255,255,1);
  color: hsl(204, 50%, 52%);
  padding-right: 5rem;
  background-image: url("/wp-content/themes/blogparachut/img/arrow.svg");
    background-repeat: no-repeat;
    background-position: 90% 48%;
  position: relative;
}
.block-newsletter .gform_footer.top_label{
  text-align: right;
}
.block-newsletter .gform_confirmation_message{
  padding-bottom: 3rem;
  text-align: center;
}
/*brand*/
.block-brand{
  background: rgba(244,243,239,1);
  /*background: linear-gradient(90deg, rgba(244,243,239,1) 80%, rgba(0,0,0,1) 80%);*/
}


.thumbnail-rounded{
  border-radius: 100%;
}
/*author*/
.about-author .card{
  background-color: hsl(48, 18%, 95%);
}
.card-author{
  border: 0 none;
}
.about-author .card .card-body{
  border-right: 1px solid hsl(0,0%,100%);
}

/*introduction*/
.introduction{
  background-color: hsl(48, 18%, 95%);
}


/*keywords*/

/*crossreading*/
.crossreading .keywords ul {
  /*column-count: 2;*/
  list-style: none;
}
.crossreading .keywords ul li{
  color: hsl(204, 50%, 52%);
}
.crossreading .keywords ul li a{
  font-weight: 600;
}
.crossreading .categories ul li{
  color: hsl(204, 50%, 52%);
}
.crossreading .categories ul li a{
  font-weight: 600;
}
.crossreading .categories ul li ul li{
  color: #212529;
}
.crossreading .categories ul li ul li a{
  font-weight: 300;
}

.keywords,
.crossreading .categories{
  background-color: hsl(48, 18%, 95%);
}

/*follow*/
.follow{
  background-color: #000;
  color: #FFF;
}
.socials{
  line-height: 1;
  font-size: 1.5rem;
}
.socials a{
  margin: 0 1rem;
  line-height: 1.3;
}
.socials a .dashicons{
  font-size: 1.7rem;
}

/*share this*/
.sharebox .dashicons,
.sharebox .dashicons-before:before{
  width: 30px;
    height: 30px;
    font-size: 30px;
    vertical-align: bottom;
  color: hsl(204, 50%, 52%);
}
.sharebox strong{
  margin-right: 1rem;
}
.sharebox .share-link{
  margin: 0 .5rem;
}
/*rate post stars*/
.kk-star-ratings{
  margin-top: -.2rem;
  margin-left: 1rem;
}

/*categories*/
.intro-category{
  border-bottom: 1px solid hsl(48, 18%, 95%);
}

/*splash*/
.splash-intro{
  position: relative;
  z-index: 0;
}
.splash-intro:before{
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: url('img/splash-intro.svg');
  background-position: 50% 73%;
  background-size: auto 15%;
  background-repeat: no-repeat;
  z-index: -1;
}
.splash-0{
  background-image: url('img/splash-0.svg');
  background-position: 250% 40%;
  background-size: 80%;
  background-repeat: no-repeat;
}
.splash-1{
  background-image: url(/wp-content/themes/blogparachut/img/splash-1.svg);
  background-position: 5% 50%;
  background-size: auto 60%;
  background-repeat: no-repeat;
}
.splash-2{
  background-image: url('img/splash-1.svg');
  background-position: 25% 0%;
  background-size:  auto 100%;
  background-repeat: no-repeat;
}


/*override*/
body main a{
  color: inherit;
  text-decoration: none;
}
body main a:hover{
  color: inherit;
}
.wp-block-media-text .wp-block-media-text__content{
  padding: 0;
}

a.link-primary,
.breadcrumb a{
  text-decoration: none;
  position: relative;
}
a.link-primary:after,
.breadcrumb a:after{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 100%;
  height: 1px;
  content: '';
  background-color: hsl(204, 50%, 52%);
  transition: right .2s ease-in;
}
a.link-primary:hover:after,
.breadcrumb a:hover:after{
  right: 0;
}

/*.breadcrumb-item+.breadcrumb-item:before{
  content: ">";
}*/

/*footer*/
#footer.navbar-dark li.nav-item a.link-primary{
  color: #FFF;
}
footer{
  font-size: .8rem;
}

/*pagination*/
nav.navigation .screen-reader-text {
  display: none;
}
nav.navigation div.nav-links {
  margin: 0 auto;
}
nav.navigation div.nav-links ul.page-numbers {
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
  justify-content: center !important;
}

nav.navigation div.nav-links ul.page-numbers li {
  margin: 0 .5rem;
}

nav.navigation div.nav-links ul.page-numbers li span.page-numbers,
nav.navigation div.nav-links ul.page-numbers li a.page-numbers {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  /*margin-left: -1px;*/
  line-height: 1.25;
  color: hsl(204, 50%, 52%);
  border-radius: .5rem !important;
  background-color: hsl(48, 18%, 95%);
  border: 0 none;
  font-weight: 700;
  min-width: 2.2rem;
  text-align: center;
}
nav.navigation div.nav-links ul.page-numbers li span.page-numbers:hover,
nav.navigation div.nav-links ul.page-numbers li a.page-numbers:hover {
  z-index: 2;
  color: hsl(204, 50%, 100%);
  text-decoration: none;
  background-color: hsl(204, 50%, 52%);
  border-color: hsl(204, 50%, 72%);
}
nav.navigation div.nav-links ul.page-numbers li span.page-numbers:focus,
nav.navigation div.nav-links ul.page-numbers li a.page-numbers:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
nav.navigation div.nav-links ul.page-numbers li span.page-numbers.current,
nav.navigation div.nav-links ul.page-numbers li a.page-numbers.current {
  color: hsl(204, 50%, 100%);
  background-color: hsl(204, 50%, 52%);
}
nav.navigation div.nav-links ul.page-numbers li:first-child .page-numbers {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
nav.navigation div.nav-links ul.page-numbers li:last-child .page-numbers {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
nav.navigation div.nav-links ul.page-numbers li.active .page-numbers {
  z-index: 3;
  color: hsl(0, 0%, 100%);
  background-color: hsl(204, 50%, 52%);
  border-color: hsl(204, 50%, 52%);
}
nav.navigation div.nav-links ul.page-numbers li.disabled .page-numbers {
  color: hsl(208, 7%, 46%);
  pointer-events: none;
  cursor: auto;
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(204, 50%, 72%);
}
nav.navigation div.nav-links ul.page-numbers li a.page-numbers.next,
nav.navigation div.nav-links ul.page-numbers li a.page-numbers.prev{
  background-color: transparent;
}
nav.navigation div.nav-links ul.page-numbers li a.page-numbers.next:hover,
nav.navigation div.nav-links ul.page-numbers li a.page-numbers.prev:hover{
  color: hsl(204, 50%, 32%);
}


/*comments-area*/

.comments-area .comlist div:nth-child(even){
	background-color: hsl(48, 18%, 97%);
}
.comments-area .comlist small{
	font-size: .8rem;
}
.comment-reply-title{
	font-size: 1rem;
	font-weight: bold;
	color: hsl(204, 50%, 52%);
}


/*progress bar*/
body #progress-container{
  position: fixed;
  display: none;
  width: 6px;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1000;
  background: transparent;
  overflow: hidden;
}
body #progress-container.ready {
  transform: translateY(-3px);
}
body #progress-container.ready #progress-bar {
  background: hsla(204, 50%, 52%, 0);
}
body #progress-container.ready #progress-bar .peg {
  background: hsla(204, 50%, 52%, 0);
}
body #progress-bar {
  display: block;
  width: 100%;
  height: 0.3rem;
  background: hsla(204, 50%, 52%, 1);
  position: absolute;
}
body #progress-bar .peg {
  display: block;
  position: absolute;
  right: 0;
  width: 6rem;
  height: 200%;
  background-color: hsla(204, 50%, 52%, 1);
  opacity: 1;
}
body.single #progress-container{
  display: block;
}

/* responsive overload -- mobile first */
@media (min-width: 768px){
  .teaser{
    background-position: 50% 50%;
  }
  
  .splash-0{
    background-position: 80% 50%;
    background-size:  auto 50%;
  }
  .splash-intro:before{
    background-position: 15% 75%;
  }
  .splash-intro:before{
      background-position: 15% 55%;
  }
  .block-promo:before{
    background-size: cover;
      background-position: 100% 0;
  }
  .block-promo:after{
    display: block;
  }  
}