/* NOTE: please keep or add the !important rule to ensure your styles will be applied. */
 

/* FONTS */
 

/* @font-face with URLs unfortunately do not work. Therefore, @import has to be used.
Example: @import url(“https://fonts.googleapis.com/css2?family=Libre+Franklin&display=swap”); */

/* @import url("https://fonts.googleapis.com/css?family=Roboto&display=swap"); */
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto+Slab:400,700|Roboto:300,400,400i,500,700&display=swap&subset=cyrillic");

/* APP HEADER AND FOOTER, THREAD-HEADER CONTAINS CAROUSEL */
 

header#ifr-thread-header {
background-color: #fff !important;
}

footer#ifr-footer {
background-color: #fff !important;
}
 
section#ifr-footer__brand,
.ifr-post-left {
    display: none !important;
}

span.ifr-copy.ifr-post-author__name {
    visibility: hidden !important;
}

/* BORDER ON THREAD HEADER SLIDES (PINNED POSTS, INFO TEXTS ETC) */
 

div.ifr-carousel-slide {
border-left: 0.3rem solid #00A1D9 !important;
}
 

/* BUTTON FOR DISPLAYING POSTS FROM EARLIER DAYS */
 

button#ifr-btn-thread-end {
font-family: "Roboto", sans-serif !important;
background-color: transparent !important;
color: #0A5A82 !important;
border: 0.1rem solid #0A5A82 !important;
}
 

button#ifr-btn-thread-end:hover {
background-color: #0A5A82 !important;
color: #fff !important;
}
 

/* BUTTONS FOR SCROLLING TO TOP/BOTTOM OF THREAD, EXPANDING/COLLAPSING HEADER, OPENING COMMENT EDITOR (TOP AND BOTTOM) AND TOGGLING UNANSWERED COMMENTS IN FEED */
 

button#ifr-btn-scroll__top, button#ifr-btn-scroll__bottom, button#ifr-btn-toggle-header, button#ifr-btn-toggle-editor-top, button#ifr-btn-toggle-editor-bottom, button#ifr-btn-toggle-comments, button#ifr-btn-toggle-fullscreen {
color: #fff !important;
background-color: #0A5A82 !important;
font-family: "Roboto", sans-serif !important;
font-weight: 400 !important;
font-size: 1.2rem !important;
padding: 0.6rem 1rem !important;
border: none !important;
border-radius: 0.4rem !important;
transition: 0.2s ease !important;
}
 

button#ifr-btn-scroll__top:hover, button#ifr-btn-scroll__bottom:hover, button#ifr-btn-toggle-header:hover, button#ifr-btn-toggle-editor-top:hover, button#ifr-btn-toggle-editor-bottom:hover, button#ifr-btn-toggle-comments:hover, button#ifr-btn-toggle-fullscreen:hover {
cursor: pointer !important;
color: #fff !important;
background-color: #325063 !important;
}
 

/* COLOR FOR BOTTOM SCROLL BUTTON WHEN NEW POSTS ARE AVAILABLE */
 

button#ifr-btn-new-post {
background-color: #ef455c !important;
border: none !important;
}
 

button#ifr-btn-new-post:hover {
background-color: #bf3749 !important;
border: none !important;
}
 

/* BUTTONS AND DROPDOWN MENU FOR COMMENT MODAL (ONLY IF COMMENTS ARE ENABLED) */
 

.ifr-dropdown-section #ifr-user-name {
font-family: "Roboto", sans-serif !important;
}
 

.ifr-dropdown .ifr-dropdown-item–button {
font-family: "Roboto", sans-serif !important;
}
 

button#ifr-btn-submit {
background-color: transparent !important;
color: #0A5A82 !important;
border: 0.1rem solid #0A5A82 !important;
border-radius: 0.3rem !important;
font-family: "Roboto", sans-serif !important;
font-size: 1.rem !important;
font-weight: 700 !important;
transition: 0.2s ease !important;
}
 

button#ifr-btn-submit:hover, button#ifr-btn-submit:focus, button#ifr-btn-submit:active {
background-color: #0A5A82 !important;
color: #fff !important;
border: 0.1rem solid #0A5A82 !important;
cursor: pointer !important;
}
 

button#ifr-btn-submit:disabled {
opacity: 0.5 !important;
cursor: not-allowed !important;
background-color: transparent !important;
color: #0A5A82 !important;
}
 

button#ifr-btn-close {
background-color: transparent !important;
color: #ef455c !important;
border: 0.1rem solid #ef455c !important;
border-radius: 0.3rem !important;
font-family: "Roboto", sans-serif !important;
font-size: 1.5rem !important;
font-weight: 700 !important;
transition: 0.2s ease !important;
}
 

button#ifr-btn-close:hover, button#ifr-btn-close:focus, button#ifr-btn-close:active {
background-color: #ef455c !important;
color: #fff !important;
border: 0.1rem solid #ef455c !important;
cursor: pointer !important;
}
 

/* BUTTON SHOWN IN PLACE OF DROPDOWN IF USER IS NOT LOGGED IN */
 

button#ifr-btn-dropdown__unauth {
background-color: transparent !important;
color: #0A5A82 !important;
border: 0.1rem solid #0A5A82 !important;
border-radius: 0.3rem !important;
font-family: "Roboto", sans-serif !important;
font-size: 1.5rem !important;
font-weight: 700 !important;
transition: 0.2s ease !important;
}
 

button#ifr-btn-dropdown__unauth:hover:enabled {
background-color: #0A5A82 !important;
color: #fff !important;
cursor: pointer !important;
}
 

/* MODAL TABS */
 

.ifr-modal .ifr-modal-tabs .ifr-tab {
padding: 1rem 0 !important;
border: none !important;
background-color: #f5f5f5 !important;
color: #0A5A82 !important;
text-align: center !important;
transition: 0.2s ease !important;
}
 

.ifr-modal .ifr-modal-tabs .ifr-tab.is-active {
background-color: #fff !important;
border-top: 0.5rem solid #0A5A82 !important;
}
 

/* H4 USED FOR COMMENT MODAL TABS */
 

h4.ifr-small-heading {
font-family: "Roboto Condensed", sans-serif !important;
font-size: 1.75rem !important;
font-weight: 700 !important;
color: #404040;
line-height: 1.2;
}
 

/* H3 USED FOR SCOREBOARD NUMBERS AND TEAM NAMES */
 

h3.ifr-medium-heading {
font-family: "Roboto Condensed", sans-serif !important;
font-size: 2rem !important;
font-weight: 700 !important;
margin-bottom: 7px;
color: #404040;
line-height: 1.2;
}
 

/* P/SPAN USED FOR POST HEADER AND TEXT */
 

p.ifr-copy, span.ifr-copy {
font-family: "Roboto", sans-serif !important;
font-size: 1.6rem !important;
font-weight: 400;
}
 

a {
    color: #0a5b82 !important;
    text-underline-offset: 3px !important;
}

a:hover {
    text-decoration: none !important;
}

/* AUTHOR NAME IN POST HEADER */
 

.ifr-post>.ifr-post-right>.ifr-post-header>.ifr-post-author>.ifr-post-author__name {
font-family: "Roboto", sans-serif !important;
color: #0A5A82 !important;
font-size: 1.4rem !important;
}
 

/* TIMESTAMP BENEATH AUTHOR NAME */
 

.ifr-post>.ifr-post-right>.ifr-post-subheader>.ifr-post-timestamp {
font-family: "Roboto", sans-serif !important;
color: #a11d43 !important;
font-size: 1.3rem !important;
font-weight: 400;
}

/* header.ifr-post-subheader:before {
    margin-right: 4px;
    font-family: "FontAwesome" !important;
    margin-left: 3px;
    color: #a11d43;
    content: "\f017";
    font-size: 14px;
    line-height: 1;
} */

/* SHOW MORE/LESS IN LIST-STYLE THREAD HEADER */
 

.ifr-post>.ifr-post-right>.ifr-post-subheader>.ifr-post-subheader-open-wrapper>.ifr-post-subheader-open {
color: #0A5A82;
font-size: 1.25rem;
font-weight: 600;
margin-right: 0.75rem;
}
 

/* FONT FAMILY AND SIZE FOR POST COPY */
 

.ifr-post-content>.ifr-copy>p {
font-family: "Roboto", sans-serif !important;
font-size: 1.6rem !important;
font-weight: 400;
color: #454545;
line-height: 24px;
}
 

/* FONT FAMILY AND SIZE FOR POST HEADINGS */
 

.ifr-post-content>.ifr-copy>h1 {
font-family: "Roboto Condensed", sans-serif !important;
font-size: 2.5rem !important;
margin-bottom: 7px;
color: #404040;
line-height: 1.2;
}


/* FONT FAMILY AND SIZE FOR POST SUBHEADINGS */
 

.ifr-post-content>.ifr-copy>h2 {
font-family: "Roboto Condensed", sans-serif !important;
font-size: 2rem !important;
margin-bottom: 7px;
color: #404040;
line-height: 1.2;
}
 
/* Pulsating light */
/* Flex container to align the circle and the text */
.pulsating-container {
    display: flex;
    align-items: center; /* Vertically centers the text with the circle */
    gap: 15px; /* Space between the circle and text */
    padding: 10px 5px 15px;
  }
  
  .pulsating-circle {
    position: relative;
    width: 15px;
    height: 15px;
    background-color: #a11d43;
    border-radius: 50%;
  }
  
  .pulsating-circle:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 50%;
    background-color: rgba(161, 29, 67, 0.5);
    animation: pulse-ring 1.5s infinite;
  }
  
  @keyframes pulse-ring {
    0% {
      transform: scale(1);
      opacity: 1;
    }
    100% {
      transform: scale(2);
      opacity: 0;
    }
  }
  
  .live-label {
    font-size: 2rem;
    color: #a11d43;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    letter-spacing: -0.5px;
  }

  .live-label a {
    font-size: 2rem;
    color: #a11d43 !important;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    letter-spacing: -0.5px;
    text-decoration: none;
  }
  
  /* Media query for responsiveness */
  @media (max-width: 600px) {
    .pulsating-container {
      gap: 15px;
    }
    
  }

/* STYLING FOR POST PROFILE PICTURE */
 

/* .ifr-post .ifr-post-left .ifr-post-profile-pic { */
      /* CHANGE URL FOR CUSTOM PROFILE PICTURE */
      /* content: url(“”) !important; */
/* } */

/* FOLDERS CONTAINING POSTS FROM PREVIOUS DAYS, MARKED BY DATE */
 

button.ifr-expandable-list-trigger-btn {
font-family: "Roboto", sans-serif !important;
color: #0A5A82 !important;
}
 

/* ARROW ICON FOR DATED FOLDERS */
 

button.ifr-expandable-list-trigger-btn .ifr-icon path {
fill: #0A5A82 !important;
}
 

/* NUMBERS IN SCOREBOARD */
 

.ifr-scoreboard-container .ifr-scoreboard-columns .ifr-scoreboard-results {
font-family: "Roboto", sans-serif !important;
color: #000 !important;
font-size: 6rem !important;
}
 

@media only screen and (max-width: 360px) {
.ifr-scoreboard-container .ifr-scoreboard-columns .ifr-scoreboard-results {
font-size: 4.8rem !important;
}
}
 

/* LABELS FOR USER NAME AND EMAIL INPUTS (GUEST COMMENTS ENABLED) */
 

label.ifr-input-label {
display: block !important;
font-family: "Roboto", sans-serif !important;
font-size: 1.6rem !important;
font-weight: 700 !important;
}
 

/* PLACEHOLDER FOR HIDDEN COMMENTS */
 

.ifr-post .ifr-hidden-placeholder {
opacity: 0.8 !important;
}
 

/* ICON FOR HIDDEN COMMENT PLACEHOLDER */

/* .ifr-post .ifr-hidden-placeholder .ifr-comment-icon {

} */

/* TEXT FOR HIDDEN COMMENT PLACEHOLDER */
 

.ifr-post .ifr-hidden-placeholder .ifr-small {
color: #0A5A82 !important;
}

 

/* PLACEHOLDER FOR BLOCKED THIRD PARTY CONTENT */

.ifr-thirdparty-placeholder {
margin: 1rem 0 !important;
border-radius: 0.4rem !important;
padding: 1.25rem 0 !important;
background-color: #f5f5f5 !important;
font-size: 1.4rem !important;
font-weight: 700 !important;
text-align: center !important;
color: #000 !important;
}

/* DARK MODE OVERRIDES */

@media (prefers-color-scheme: dark) {
  header#ifr-thread-header,
  footer#ifr-footer,
  .ifr-modal .ifr-modal-tabs .ifr-tab.is-active {
    background-color: #161b21 !important;
  }

  body,
  .ifr-modal,
  .ifr-dropdown,
  .ifr-post,
  .ifr-post-content,
  .ifr-carousel-slide,
  .ifr-thirdparty-placeholder {
    background-color: #0e1114 !important;
    color: #f5f7fa !important;
  }

  h4.ifr-small-heading,
  h3.ifr-medium-heading,
  p.ifr-copy,
  span.ifr-copy,
  .ifr-post-content > .ifr-copy > p,
  .ifr-post-content > .ifr-copy > h1,
  .ifr-post-content > .ifr-copy > h2,
  .ifr-scoreboard-container .ifr-scoreboard-columns .ifr-scoreboard-results {
    color: #f5f7fa !important;
  }

  .ifr-post > .ifr-post-right > .ifr-post-header > .ifr-post-author > .ifr-post-author__name,
  .ifr-post > .ifr-post-right > .ifr-post-subheader > .ifr-post-timestamp,
  .ifr-post .ifr-hidden-placeholder .ifr-small {
    color: #b6c0c9 !important;
  }

  a,
  .ifr-post > .ifr-post-right > .ifr-post-subheader > .ifr-post-subheader-open-wrapper > .ifr-post-subheader-open,
  button#ifr-btn-thread-end,
  button#ifr-btn-dropdown__unauth,
  button.ifr-expandable-list-trigger-btn {
    color: #009edb !important;
  }

  button#ifr-btn-thread-end,
  button#ifr-btn-dropdown__unauth {
    border-color: #009edb !important;
  }

  button.ifr-expandable-list-trigger-btn .ifr-icon path {
    fill: #009edb !important;
  }

  .ifr-modal .ifr-modal-tabs .ifr-tab {
    background-color: #0e1114 !important;
    color: #b6c0c9 !important;
  }

  .ifr-thirdparty-placeholder {
    background-color: #161b21 !important;
  }
}