.noselect {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

.tag-space {
    margin-bottom: 3px;
    margin-right: 3px;
}

.mySlides {display:none;}

.w3-allerta {
    font-family: "Allerta Stencil", Sans-serif;
}

.w3-montserrat {
    font-family: "Montserrat", sans-serif;
}

h1, h2, h3, h4, h5, h6, p, span {
    font-family: "Montserrat", sans-serif;
}

.w3-roboto {
    font-family: "Roboto Mono", monospace;
}

::placeholder {
  color: w3-theme-dark;
  opacity: 1; /* Firefox */
}

.zoom:hover img, .zoom2:hover {
-webkit-transform:scale(1.05); /* Safari and Chrome */
-moz-transform:scale(1.05); /* Firefox */
-ms-transform:scale(1.05); /* IE 9 */
-o-transform:scale(1.05); /* Opera */
 transform:scale(1.05);
}

.shadow:hover {
  box-shadow: 10px 10px 5px grey;
  transition: all 1s ease;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

iframe {
  width: 100%;
  height: 50vw;
  max-height: 28rem;
}

.dark-black {
  background-color: #343434;
}

.light-black {
  background-color: #F6F6F6;
}

.my-red {
  background-color: #DB4437;
}



.w3-mred {background-color:#2793D1;}
.w3-hover-mred:hover {background-color:#2793D1 !important}
.w3-border-mred {border-color:#2793D1 !important}
.w3-text-mred {color:#2793D1 !important}
.w3-hover-text-mred:hover {color:#2793D1 !important}








a {
  text-decoration: none;
}

#detailPostContent a {
  text-decoration: underline solid;
  color: #2196F3;
  font-weight:bold
}

#detailPostContent img {
  cursor: pointer;
}

figure {
  margin: 0px;
}

img {
  transition: all 1s ease;
  object-fit: cover;
  width: 100%;
}

div.imageContainer {
  overflow: hidden;
  transition: all 1s ease;
}

#detailPostContent {
  font-size: 17px;
  line-height: 23px;
}








.blockquote {
    border-left: 6px solid #2793D1;
    border-radius: 4px;
    padding: 8px 16px;
    font-style: italic;
}

.blockquote::before {
    color: #2793D1;
    content: "❝";
    font-size: 70px;
    line-height: 0.6em;
}