@charset "UTF-8";
/* CSS Document */

abbr {color: aqua;}

.article {
color: white;
font-family:'Special Elite';
font-size: 1.25em;
padding: 0 0 5em 2em;}

.article figure {
max-width: 350px;
margin: .75em auto 2em;}

.article h2 {color: yellow;}

.article h2:first-of-type {
margin-top: 0;}

.article img {
border: .1em solid white;
display: block;
height: auto;
margin: 3em auto;
max-width: 100%;}

.article p {margin: 1.75em 0;}



blockquote {
border-left: none;
color: rgb(255,205,210);
font-size: .95em;
font-style: italic;
padding: 0 4em;}

body {
background-attachment: fixed;
background-image: url(../images/site-images/bg.jpg);
background-repeat: repeat;
background-repeat: repeat;
font-family:'Special Elite';
color: white;}

.book-montage {
border: none;
display: block;
height: 550px;
margin: 0 auto 20px;
width: 90%;}

button {
color: rgb(254,213,0); /* yellow 10 (ibm design colors) */
display: block;
margin: 2em auto;
border: 1px solid white;
border-radius: .5em;
background-color: rgb(42,38,38); /* warm-gray 90 (ibm design colors) */
padding: 3px 12px 2px;}



.col-sm-pull-9 {margin-top: 0;}

.col-sm-pull-9 img {
border: .1em solid white;
display: block;
height: auto;
margin: 3em auto;
max-width: 100%;
width: 220px;}

.col-sm-pull-9 img:first-of-type {margin-top: 0;}



.dropdown {
border-bottom: .1em solid red;
color: red;
display: inline-block;
font-weight: bold;
font-size: 1.5em;
margin: 1em auto;
position: relative;
text-align: center;
width: 100%;}

.dropdown:hover {color: yellow;}

.dropdown:hover .dropdown-content {
color: yellow;
display: block;
margin: 0 auto;}

.dropdown a:link {color: aqua;}

.dropdown-content {
border: .1em solid red;
border-bottom-left-radius: 1em;
border-bottom-right-radius: 1em;
display: none;
position: relative;
background-color: rgba(0,0,0,0.9);
min-width: 160px;
padding: 12px 16px;
width: 100%;
z-index: 1;}

.dropdown-content a:link {
font-size: 1.5rem;
display: block;}



figcaption {
margin: -2em auto 0;
max-width: 300px;
font-style: italic;
text-align: center;}

.figcaption2 {
margin: -2em auto 0;
max-width: 650px;
font-style: italic;
text-align: center;}

figure img {transition: transform .2s;}

figure img:hover {
-ms-transform: scale(1.5); /* IE 9 */
-webkit-transform: scale(1.5); /* Safari 3-8 */
transform: scale(2);
box-shadow: 0 0 10px white;-moz-box-shadow: 0 0 10px white; -webkit-box-shadow: 0 0 10px white;}



.gallery-slides .cursor {width: 100%;}



h1 {
color: red;
font-size: 3em;}

h3 {
color: rgb(118,255,3);
font-size: 1.25em;}

#headline {
box-sizing: padding-box;
padding: 5vh 0;
position: relative;
text-align: center;
width: 45em;}

html {scroll-behavior: smooth;}



.iframe-wrapper-390x454 {
border: .4em dotted aqua;
padding-top: 130%; /* Crucial Code */
overflow: hidden;
position: relative;
width: 100%;}

.iframe-wrapper-390x454 iframe {
padding: .4em;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;}

#invite {width: 100%;}



#jump-to-top {
display: none;
position: fixed;
bottom: 20px;
right: 30px;
z-index: 99;
font-size: 18px;
border: none;
outline: none;
background-color: red;
color: white;
cursor: pointer;
padding: 20px 15px 15px 15px;
border-radius: 50%;
opacity: .5;}

#jump-to-top:hover {
background-color: rgb(118,255,3);
color: black;
opacity: 1;}



#picture {width: 25em;}

#picture img {
bottom: .1em;
display: block;
height: auto;
margin: 0 auto;
padding: 0;
width: 20em;}



.rmm-thumb-row {
align-content: space-around;
align-items: center;
box-sizing:  padding-box;
display: flex;
flex-direction: row;
flex-wrap: wrap;
height: auto;
justify-content: flex-start;
padding: 0;
position: relative;
width: 100%;}



.sep-line {
border: none !important;
display: block;
height: 119px;
margin: 0 auto;
width: 200px;}



.toggle-style {display:  block !important;}

#toggle-DIV {display: none;}

#top-row {
border-bottom: .125em solid white;
display: flex;
flex-wrap: wrap;
margin: 2em auto 3em;
padding: 0 3em;
position: relative;}

.true-detective {
box-shadow: 0 0 10px red;
-moz-box-shadow: 0 0 10px red;
-webkit-box-shadow: 0 0 10px red;

box-shadow: 0 0 10px red;
-moz-box-shadow: 0 0 10px red;
-webkit-box-shadow: 0 0 10px red;

box-shadow: 0 0 10px red;
-moz-box-shadow: 0 0 10px red;
-webkit-box-shadow: 0 0 10px red;

box-shadow: 0 0 10px red;
-moz-box-shadow: 0 0 10px red;
-webkit-box-shadow: 0 0 10px red;}



video {
display: block;
height: auto;
margin: 0 auto;
max-width: 66%;}


/*Slider code*/


@keyframes tonext {

  75% {

    left: 0;

  }

  95% {

    left: 100%;

  }

  98% {

    left: 100%;

  }

  99% {

    left: 0;

  }

}

 

@keyframes tostart {

  75% {

    left: 0;

  }

  95% {

    left: -300%;

  }

  98% {

    left: -300%;

  }

  99% {

    left: 0;

  }

}

 

@keyframes snap {

  96% {

    scroll-snap-align: center;

  }

  97% {

    scroll-snap-align: none;

  }

  99% {

    scroll-snap-align: none;

  }

  100% {

    scroll-snap-align: center;

  }

               

.img-responsive {display: block;

    max-width: 100%;

    height: auto;}


li {margin: 1.75em 0;}