/* stylelint-disable selector-list-comma-newline-after */



.blog-header {

  line-height: 1rem;

  background-color: #eeeeee!important;

}



.blog-header-logo {

  font-family: "Playfair Display", Georgia, "Times New Roman", serif;

  font-size: 2.25rem;

}



.blog-header-logo:hover {

  text-decoration: none;

}



.mini-nav {

  padding: 0.3rem 1rem 0.3rem;

}



h1, h2, h3, h4, h5, h6 {

  font-family: "Playfair Display", Georgia, "Times New Roman", serif;

}



.display-4 {

  font-size: 2.5rem;

}

@media (min-width: 768px) {

  .display-4 {

    font-size: 3rem;

  }

}



.nav {

	font-size: 1.5rem!important;

	line-height: 1.25rem!important;

}



.nav-scroller {

  position: relative;

  z-index: 2;

  height: 2.75rem;

  overflow-y: hidden;

}



.nav-scroller .nav {

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: nowrap;

  flex-wrap: nowrap;

  padding-bottom: 1rem;

  margin-top: -1px;

  overflow-x: auto;

  text-align: center;

  white-space: nowrap;

  -webkit-overflow-scrolling: touch;

}



.nav-scroller .nav-link {

  padding-top: .75rem;

  padding-bottom: .75rem;

  font-size: .875rem;

}



.card-img-right {

  height: 100%;

  border-radius: 0 3px 3px 0;

}



.flex-auto {

  -ms-flex: 0 0 auto;

  flex: 0 0 auto;

}



.h-250 { height: 250px; }

@media (min-width: 768px) {

  .h-md-250 { height: 250px; }

}



/*

 * Footer

 */

.blog-footer {

  margin-top: 1.5rem;

  padding: .8rem 0;

  text-align: center;

  background-color: #eeeeee;

  border-top: .05rem solid #eeeeee;

  color: #6c757d;

}

.blog-footer p:last-child {

  margin-bottom: 0;

}

.blog-footer a {

  color: #6c757d;

}

.blog-footer a:hover {

  color: #555;

}



.card {

	border: 0!important;

}



.lgt {

	padding: 1rem 1rem 3rem;

	background-image: url("../image/igt-text.png");

	background-repeat: no-repeat;

    background-position: center;

    min-height: 37px;

}



.sub-title {

    position:absolute;

    width:100%;

    bottom:0;

    text-align:center;

}



.ep-sub {

	text-align: right;

	font-size: .9vh; 

	padding-right:0;

	padding-left:0;

}



.ep-title {

	font-size: 1.4vh;

	font-weight: bold;

	color: #6c757d;

}



.ep-title a {

	color: #6c757d;

}



.ep-title a:hover {

	color: #788896;

}



.ep-desc {

	font-size: 1.2vh;

}



.hidden {

    display: none!important;

}



#myBtn {

  display: none; /* Hidden by default */

  position: fixed; /* Fixed/sticky position */

  bottom: 20px; /* Place the button at the bottom of the page */

  right: 30px; /* Place the button 30px from the right */

  z-index: 99; /* Make sure it does not overlap */

  border: none; /* Remove borders */

  outline: none; /* Remove outline */

  background-color: #dedede; /* Set a background color */

  color: white; /* Text color */

  cursor: pointer; /* Add a mouse pointer on hover */

  padding: 10px; /* Some padding */

  border-radius: 10px; /* Rounded corners */

  font-size: 1rem; /* Increase font size */

}



#myBtn:hover {

  background-color: #555; /* Add a dark-grey background on hover */

}



.row {

    margin-right: 0 !important;

    margin-left: 0 !important;

}



.episode {

    border-bottom: solid #eeeeee 1px;

    padding: 1rem 0rem 1rem;

}



.odd {

    background-color: #ececec;

}









/* Global Reset */



/* Start  styling the page */

.container-audio {

    height: auto;

    border-radius: 5px;

    background-color: #eee;

    color: #444;

    overflow: hidden;

}

audio {

  width:100%;

}

audio:nth-child(2), audio:nth-child(4), audio:nth-child(6) {

    margin: 0;

}

.container-audio .colum1 {

    width: 23px;

    height: 5em;

    border-radius: 5px;

    margin: 0 10px 0 0;

    display: inline-block;

    position: relative;

}

.container-audio .colum1:last-child {

    margin: 0;

}

.container-audio .colum1 .row {

    width: 100%;

    height: 100%;

    border-radius: 5px;

    background: linear-gradient(to up, #7700aa, #8800ff);

    position: absolute;

    -webkit-animation: Rofa 10s infinite ease-in-out;

    animation: Rofa 10s infinite ease-in-out;

    bottom: 0;

}

.container-audio .colum1:nth-of-type(1) .row {

    -webkit-animation-delay: 3.99s;

    animation-delay: 3.99s;

}

.container-audio .colum1:nth-of-type(2) .row {

    -webkit-animation-delay: 3.80s;

    animation-delay: 3.80s;

}

.container-audio .colum1:nth-of-type(3) .row {

    -webkit-animation-delay: 3.70s;

    animation-delay: 3.70s;

}

.container-audio .colum1:nth-of-type(4) .row {

    -webkit-animation-delay: 3.60s;

    animation-delay: 3.60s;

}

.container-audio .colum1:nth-of-type(5) .row {

    -webkit-animation-delay: 3.50s;

    animation-delay: 3.50s;

}

.container-audio .colum1:nth-of-type(6) .row {

    -webkit-animation-delay: 3.40s;

    animation-delay: 3.40s;

}

.container-audio .colum1:nth-of-type(7) .row {

    -webkit-animation-delay: 3.30s;

    animation-delay: 3.30s;

}

.container-audio .colum1:nth-of-type(8) .row {

    -webkit-animation-delay: 3.20s;

    animation-delay: 3.20s;

}

.container-audio .colum1:nth-of-type(9) .row {

    -webkit-animation-delay: 3.10s;

    animation-delay: 3.10s;

}

.container-audio .colum1:nth-of-type(10) .row {

    -webkit-animation-delay: 2.1s;

    animation-delay: 2.1s;

}

.container-audio .colum1:nth-of-type(11) .row {

    -webkit-animation-delay: 2.1s;

    animation-delay: 2.1s;

}

.container-audio .colum1:nth-of-type(12) .row {

    -webkit-animation-delay: 2.10s;

    animation-delay: 2.10s;

}

.container-audio .colum1:nth-of-type(13) .row {

    -webkit-animation-delay: 2.20s;

    animation-delay: 2.20s;

}

.container-audio .colum1:nth-of-type(14) .row {

    -webkit-animation-delay: 1.30s;

    animation-delay: 1.30s;

}

.container-audio .colum1:nth-of-type(15) .row {

    -webkit-animation-delay: 1.40s;

    animation-delay: 1.40s;

}

.container-audio .colum1:nth-of-type(16) .row {

    -webkit-animation-delay: 1.50s;

    animation-delay: 1.50s;

}

.container-audio .colum1:nth-of-type(17) .row {

    -webkit-animation-delay: 1.60s;

    animation-delay: 1.60s;

}

.container-audio .colum1:nth-of-type(18) .row {

    -webkit-animation-delay: 1.70s;

    animation-delay: 1.70s;

}

.container-audio .colum1:nth-of-type(19) .row {

    -webkit-animation-delay: 1.80s;

    animation-delay: 1.80s;

}

.container-audio .colum1:nth-of-type(20) .row {

    -webkit-animation-delay: 2s;

    animation-delay: 2s;

}



@-webkit-keyframes Rofa {

    0% {

        height: 0%;

        -webkit-transform: translatey(0);

        transform: translatey(0);

        background-color: yellow;

    }



    5% {

        height: 100%;

        -webkit-transform: translatey(15px);

        transform: translatey(15px);

        background-color: fuchsia;

    }

    10% {

        height: 90%;

        transform: translatey(0);

        -webkit-transform: translatey(0);

        background-color: bisque;

    }



    15% {

        height: 80%;

        -webkit-transform: translatey(0);

        transform: translatey(0);



        background-color: cornflowerblue;

    }

    20% {

        height: 70%;

        -webkit-transform: translatey(0);

        transform: translatey(0);

        background-color: cornflowerblue;

    }

    25% {

        height: 0%;

        -webkit-transform: translatey(0);

        transform: translatey(0);

        background-color: cornflowerblue;

    }

    30% {

        height: 70%;

        -webkit-transform: translatey(0);

        transform: translatey(0);

        background-color: cornflowerblue;

    }

    35% {

        height: 0%;

        -webkit-transform: translatey(0);

        transform: translatey(0);



        background-color: cornflowerblue;

    }

    40% {

        height: 60%;

        -webkit-transform: translatey(0);

        transform: translatey(0);



        background-color: cornflowerblue;

    }

    45% {

        height: 0%;

        -webkit-transform: translatey(0);

        transform: translatey(0);



        background-color: cornflowerblue;

    }

    50% {

        height: 50%;

        -webkit-transform: translatey(0);

        transform: translatey(0);



        background-color: cornflowerblue;

    }

    55% {

        height: 0%;

        -webkit-transform: translatey(0);

        transform: translatey(0);



        background-color: cornflowerblue;

    }

    60% {

        height: 40%;

        -webkit-transform: translatey(0);

        transform: translatey(0);



        background-color: cornflowerblue;

    }

    65% {

        height: 0%;

        -webkit-transform: translatey(0);

        transform: translatey(0);



        background-color: cornflowerblue;

    }

    70% {

        height: 30%;

        -webkit-transform: translatey(0);

        transform: translatey(0);



        background-color: cornflowerblue;

    }

    75% {

        height: 0%;

        -webkit-transform: translatey(0);

        transform: translatey(0);



        background-color: cornflowerblue;

    }

    80% {

        height: 20%;

        -webkit-transform: translatey(0);

        transform: translatey(0);



        background-color: cornflowerblue;

    }

    85% {

        height: 0%;

        -webkit-transform: translatey(0);

        transform: translatey(0);



        background-color: cornflowerblue;

    }

    90% {

        height: 10%;

        -webkit-transform: translatey(0);

        transform: translatey(0);



        background-color: cornflowerblue;

    }

    95% {

        height: 5%;

        -webkit-transform: translatey(0);

        transform: translatey(0);



        background-color: cornflowerblue;

    }

    100% {

        height: 0;

        -webkit-transform: translatey(0);

        transform: translatey(0);



        background-color: cornflowerblue;

    }

}





.jtron {

    background-image: url("../image/geobg.png");

    background-color:transparent;

    background-size: cover;

    padding: 0!important;

    margin-top: 1em;

    margin-bottom: 0;

}



@media (min-width: 768px) {

    .container {

        max-width: 100%;

    }

}





@media (min-width: 1200px) {

    .container {

        max-width: 1140px;

    }

}



.social img {

filter: grayscale(100%);

}



.social:hover img {

filter: grayscale(0);

}





@-webkit-keyframes social {

    15% {

        -webkit-transform: translateY(5px);

        transform: translateY(5px);

    }

    30% {

        -webkit-transform: translateY(-5px);

        transform: translateY(-5px);

    }

    50% {

        -webkit-transform: translateY(3px);

        transform: translateY(3px);

    }

    65% {

        -webkit-transform: translateY(-3px);

        transform: translateY(-3px);

    }

    80% {

        -webkit-transform: translateY(2px);

        transform: translateY(2px);

    }

    100% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

}

@keyframes social {

    15% {

        -webkit-transform: translateY(5px);

        transform: translateY(5px);

    }

    30% {

        -webkit-transform: translateY(-5px);

        transform: translateY(-5px);

    }

    50% {

        -webkit-transform: translateY(3px);

        transform: translateY(3px);

    }

    65% {

        -webkit-transform: translateY(-3px);

        transform: translateY(-3px);

    }

    80% {

        -webkit-transform: translateY(2px);

        transform: translateY(2px);

    }

    100% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

    }

}

.social:hover

{

    -webkit-animation: social 1s ease;

    animation: social 1s ease;

    -webkit-animation-iteration-count: 1;

    animation-iteration-count: 1;

}