/* .nav-link[data-toggle].collapsed:after {
    content: '\25bc';
}
.nav-link[data-toggle]:not(.collapsed):after {
    content: "\25b4";
}  */

.main-content {
    min-width: 50em;
}

h3 {
    color: white;
    font-family: 'Cooper Black';
}
h6 {
    color: white;
    font-weight: bold;
    text-shadow: 1px 1px 2px black;
}

.col-2{
    font-weight: bold;
}

.col {
    flex:0;
    margin-left: 17%;
}
.carousel-item {
    background: black;
}

.carousel {
    border: 1px solid black;
}

.carousel-container {
    display: flex;
    flex-direction: row;
    height: 500px;
    width: 50em;
}

div.carousel-container img{
    object-fit: contain;
    min-width: 300px;
}

.overlaying-img{
    position: absolute;
    width:50px; 
    right:15px; 
    bottom:0px;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

/* fit image to div size */
.dawn_noloop {
    max-width: 100%;
    height: auto;
    display: block;
}


/* Tooltip */

.ttip {
    position: relative;
    display: block;
    /* border-bottom: 1px dotted black; */
  }
  
 .ttip .tooltiptext {
    visibility: hidden;
    /* white-space: nowrap; */
    width: 100%;
    background-color: rgba(255,255,255,0.85);
    color: blue;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 10;
    top: -5px;
    left: 110%;
    margin-left: 25px;
    border-color: gray;
    border-width: 1px;
    border-style: solid;
  }
  
  .tooltiptext-left{
    visibility: hidden;
    /* white-space: nowrap; */
    width: 100%;
    background-color: rgba(255,255,255,0.85);
    color: blue;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 10;
    top: -5px;
    left: -115%;
    margin-left: 25px;
    border-color: gray;
    border-width: 1px;
    border-style: solid;
  }
  /* .ttip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent black transparent transparent;
  } */
  .ttip:hover .tooltiptext-left {
    z-index: 1000;
  visibility: visible;
}
  .ttip:hover .tooltiptext {
      z-index: 1000;
    visibility: visible;
  }

.countdown-clock {
    display : grid;
    grid-template-columns: [first]40% [line2]50%;
}

.leftup-item{
    grid-column-start: 1;
    grid-row-start: 1;
    grid-row-end: 2;
}

.leftdown-item{
    grid-column-start: 1;
    grid-row-start: 2;
    grid-row-end: 5;
}

.right-item{
    grid-column-start: 2;
    grid-row: 3/span 1; 
    margin-left: 15%;
}

.image-item{
    grid-column-start: 2;
    grid-row: 1/span 2;
}

.title-text {
    font-size: 24px;
    font-family: 'Cooper Black';
    font-weight: bolder;
}

.secs{
    color: #dc1e1e;
}

.mins {
    color: #dc7e1e;
}

.after {
    color: #009146;
}

ul {
    list-style: none; /* Remove default bullets */
}
  
ul.secs-list li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #dc1e1e;; /* Change the color */
    font-weight: bolder; /* If you want it to be bold */
    font-size: 24px;
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
    
}
ul.mins-list li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #dc7e1e;; /* Change the color */
    font-weight: bolder; /* If you want it to be bold */
    font-size: 24px;
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}

ul.after-list li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #009146;; /* Change the color */
    font-weight: bolder; /* If you want it to be bold */
    font-size: 24px;
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.bold {
    font-weight: bold;
}

li:hover {
    background-color: rgba(55,45,55,0.35);
    /* padding-left: 5px;
    padding-right: 5px; */
}

.clock-img {
    width: 120%;
    height: auto;
}

br::after {
    text-indent: -50px;
}

img {
  margin: 1em
}

select {
  margin:5
}

.no-display {
  display: none;
}

.visibility-hidden {
  visibility: hidden;
}

.thumbnail-grid {
  width:242px;
  height:152px;
  justify-content: center;
  align-items:center; 
  display: flex;
}