.oswald-regular{
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900

.smaller {
    font-size: 80%;
}

.dolan_copyright {
    pointer-events: none;
}


input {
  color: #000;
}
.social {
  max-width: 20px;
}
.social-icons li {
    display: inline;
    float:right;
    padding: 0 10px 15px;
}
.Top-icons {
    position: absolute;
    top: 10px;
    right: 10px;
}
.Top-menu {
  position: absolute;
  top: 10px;
  left: 10px;
}

.medium {
    height: 40vh;
    margin: 0 auto;
}
.Content img {
    align: center;
    margin: 0 auto;
}

#background {
    width: 100%; 
    height: 100%; 
    position: fixed; 
    left: 0px; 
    top: 0px; 
    z-index: -1; /* Ensure div tag stays behind content; -999 might work, too. */
}
#background img {
    height: 35vh;
    margin: 0 auto;
}
.stretch {
    margin: 0 auto;
    height:100%;
}
.Content {
    margin: 160px auto 50px;
    z-index: 2;
}
.Content p {
    max-width:600px;
    margin: 15px auto;
    padding: 25px 20px;
    color: #f5424e;
    background: rgba(0, 0, 0, .7);
}
.Footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}
.Footer h1 {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

a:link,
a:visited {
    text-decoration: none;
    color: #f73969;
}
a:hover,
a:hover time {
    color:#F0F;
}
a.highlight {
    color: #f73969;
}
.Content a:link,
.Content a:visited {
    color: #f4d3db;
}
.Content a:hover {
    color: #f73969;
}


img { 
    display: block;
}

mark {
	color: #FFF;
	background-color: rgba(0, 0, 0, 0.3);
}


/** press */
.feed_container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
 
.post_container{
    margin: 30px;
}

.post_container img{
    width:100%;
}
 
.post_container .post_details{
    padding:15px;
}
 
.post_container .view_link{
    margin-top:10px;
}

.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}
.mobile {
    visibility: hidden;
}

@media (max-height:500px){
    .desktop {
        visibility: hidden;
    }
    .mobile {
        visibility: visible;
    }
}

@media (max-width:600px){
    .Top-menu {
       top: 40px !important;
       right:10px;
    }
    .desktop {
        visibility: hidden;
    }
    .mobile {
        visibility: visible;
    }
    .feed_container {
        display: grid;
        grid-template-columns: 1fr;
    }
    .post_container img {
        width:100% !important;
    }
}