/* Kinda reset */
* {
  box-sizing: border-box;
}

/*html {*/
/*  line-height: 1.15 !important;*/
/*}*/

.content-new-layout a {
  color: rgb(15 118 110);
}

.content-new-layout a:not(.no-underline) {
  text-decoration: underline;
}

/* Cannot with tailwind */
@media (min-width: 1024px) {
  #calculatedSocials {
    width: calc(100% + 192px);
  }
}

#styledcontent iframe {
  width: 100%;
}

#content iframe {
  margin-block: 48px;
  width: 100%;
}

.old-img-magic img {
  margin-bottom: 1rem !important;
}

/* BLOCKQUOTES */
#styledcontent blockquote {
  background: #f9f9f9;
  margin: 16px 0;
  position: relative;
  padding: 16px 16px 16px 64px;
  quotes: "\201D" "\201D";
}

#styledcontent blockquote:before {
  position: absolute;
  left: 20px;
  top: 12px;

  color: rgba(0, 0, 0, 0.8);
  content: open-quote;
  font-size: 80px;
  line-height: 80px;
}

/* Smaller text styling */
#styledcontent .smallerText {
  font-size: 0.8em;
}

#content .smallerText {
  font-size: 0.8em;
}

/* Old codes */
#styledcontent .childrenblocks>span>img {
  display: block;
  margin: 0 auto;
}

#styledcontent .childrenblocks>span>a:first-child {
  display: block;
}

#styledcontent .childrenblocks img {
  display: block;
  margin: 0 auto;
}

#styledcontent p {
  margin-bottom: 1.45rem;
}

#styledcontent h1,
#styledcontent h2,
#styledcontent h3,
#styledcontent h4 {
  font-weight: bold;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  padding-top: 0.3rem;
  margin-bottom: 0.35rem;
}

#styledcontent h1 {
  font-size: 1.6em;
}

#styledcontent h2 {
  font-size: 1.4em;
}

#styledcontent h3 {
  font-size: 1.3em;
}

#styledcontent h4 {
  font-size: 1.2em;
}

#styledcontent ul {
  list-style-position: outside;
  list-style-image: none;
  list-style-type: disc;

  margin-left: 1.45rem;
}

#styledcontent li {
  padding-left: 0;
  margin-bottom: calc(1.45rem / 2);
}

#styledcontent a {
  color: #4d4d4d;
  font-weight: 700;
  text-decoration: underline;
}

/* STYLED AUTHOR */

#author .maindiv {
  width: calc(100% - 83px);
}

#author .maindiv .name {
  font-weight: bold;
  margin-bottom: 4px;
  font-size: 16px;
}

#author .maindiv .content {
  font-weight: 200;
  font-size: 16px;
}

#author .image {
  width: 83px;
  padding-right: 8px;
}

#author .image img {
  width: 75px;
  height: 75px;
}

/* STRANGE THINGS */
.shorts svg {
  max-width: 100%;
  height: 38px;
}

.hover-scale-parent:hover .hover-scale-child {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  transition: 0.3s ease-in-out;
}

.hoverpoll:hover {
  font-weight: bold;
}

.cookiebanner {
  position: fixed !important;
  bottom: 0;
  font-family: "Source Sans Pro", sans-serif;
}

/* ERROR 404 */

#error404 .backgroundHover {
  background: gray;
}

#error404 .backgroundHover:hover,
#error404 .backgroundHover:active,
#error404 .backgroundHover:focus {
  background: hsl(0, 0%, 33%);
}

/* LAYOUT */
.sk-search-box__action {
  display: none;
}

.sk-search-box__text {
  width: 100%;
  height: 32px;
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.3);
  padding: 8px;
}

.hoverBack:hover {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.1);
}

.slick-prev::before,
.slick-next::before {
  color: black !important;
}

.slick-dots {
  position: static !important;
  /* bottom: -30px; */
}


.hoverTrigger:hover .hoverableBg {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  transition: 0.3s ease-in-out;
}

.placeholder {
  display: none;
}

.hoverBlack:hover {
  color: black;
}