*, *::before, *::after {
  box-sizing: border-box;
}
body{
    margin:0px;
    padding:0px;
    color:#000;
    font-size:14px;
    font-family: 'Inter', sans-serif;
}
textarea,
input
{
font-family: -apple-system, system-ui, "system-ui", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size:14px;

}
a{
    color:#000;
}
li{
    list-style-type:none;
    padding:0px;
    margin:0px;
}

hr{
    border:0px;
    border-bottom:1px solid #ddd;
    margin-top:40px;
    margin-bottom:40px;
}


.notice{
  background-color: #e0f0ff;
  color: #035388;
  padding: 12px 20px;
  border-left: 4px solid #007BFF;
  font-size: 14px;
  font-weight: 500;
  margin: 16px 0;
  border-radius: 4px;
}

#main_nav{
height:60px;
border-bottom:1px solid #ddd;
background:#011c21;
}
#main_nav_inner{
position:relative;
width:980px;
margin:0 auto;
display: flex;
justify-content: space-between; /* pushes logo left, links right */
align-items: center;
height:60px;
}


#main_content{
width:980px;
margin:0 auto;
min-height: 100vh;
}

#logo_holder{
  display: flex;
  flex-direction: row;
  gap: 10px; 
  align-items: center;
}

#nav_links{
  display: flex;
  flex-direction: row;
  gap: 10px; 
  align-items: center;
}

#nav_links img {
margin-left:16px;
}
#nav_links a {
  margin-left: 0px; /* space between links */
}
#logo_image{
height: 45px;
}

#logo_text {
font-size: 22px;
font-family: 'Tomorrow', sans-serif;
font-weight: 400;
color:#c7f1e5;
}

#logo_slogan {
font-size: 14px;
color:#c7f1e5;
/*font-family:Raleway;*/
}

/*index+topic stufff*/
#all_topics_holder .topics_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3 items per row */
  gap: 20px;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom:40px;
}


#right_column_small{
float:right;
width:280px;
min-height: 100vh;
}

#left_column_large{
float:left;
width:700px;
min-height: 100vh;
}

#left_column_small{
float:left;
width:280px;
border-right:1px solid #ddd;

min-height: 100vh;
}
#right_column_large{
float:right;
width:700px;

min-height: 100vh;
}
.margin_top_standard{
    margin-top:40px;
}
.padding_top_standard{
    padding-top:40px;
}
.padding_left_standard{
    padding-left:40px;
}
.padding_right_standard{
    padding-right:40px;
}

/*module stuff*/
/* Modal overlay (background) */
.tays_modal_overlay {
  display: none;
  position: fixed;
  z-index: 1000;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.25);
}

/* Modal content box */
.tays_modal_content {
  position: relative;
  background: #fff;
  max-width: 500px;
  margin: 10% auto;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 10px;
}

/* Padding container */
.tays_modal_padding {
  padding: 32px;
}

/* Close (X) button */
.tays_modal_close {
  position: absolute;
  top: 16px;
  right: 20px;
  font-size: 1.5rem;
  /*font-weight: bold;*/
  color: #666;
  cursor: pointer;
}

/* Input and textarea styling */

#tays_modal_name,
#tays_modal_about {
  width: 100%;
  padding: 10px;
  margin-top: 6px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 1rem;
  box-sizing: border-box;
}

/* Character counter */
.tays_modal_count {
  text-align: right;
  font-size: 0.85rem;
  color: #888;
  margin-bottom: 12px;
}

/* Button group */
.tays_modal_button_group {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 10px;
  padding-top:10px;
  border-top:2px solid #e8ebea; 
}

/* Cancel button */
#tays_modal_cancel {

}
/* Save button */
#tays_modal_submit {

}
.button1{
  background-color: #00b83c;
  color: white;
  padding: 10px 20px;
  font-size:18px;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  font-family:Delius Swash Caps;
}
.button1-small{
  background-color: #00b83c;
  color: white;
  padding: 10px 15px;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  text-decoration:none;
}




.button1.gray{
  background-color: #eee;
  color:#000;
}

/* Optional hover effects */
#tays_modal_cancel:hover {

}

#tays_modal_submit:hover {
}

.profile_card{
    width:200px;
    height:305px; 
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    background: #f5f4f7;
    border-radius: 10px;
    position: relative;
    padding: 5px;

}
.profile_card_contributions_count{
    color:#777;
    font-size:12px;
}
.profile_card_profile_pic{
    border-radius: 10px;
    width:190px;
}
.profile_card_padding{
    padding:10px;
}
.profile_card_name{
font-size:16px;
font-weight:bold;
text-decoration:underline;
}
.box-hr{
margin:0px;
padding:0px;
height: 3px;
background: #f7f7fc;
border-top: 1px solid #eae9ef;
border-bottom: 1px solid #f2f1f6;
border-left: 0px;
border-right: 0px;
margin-top:4px;
margin-bottom:4px;
}
.profile_card_topics{
overflow:hidden;
}
.profile_card_topics li{
    display:inline-block;
    padding:3px;
    border-radius:50px;
    font-size:10px;
    border: 1px solid #777;
    color:#777;
}

#hero_video {
  display: block;
  margin: 0 auto;
  margin-top: 20px;
  width: 100%;
  max-width: 800px;
  aspect-ratio: 16 / 9;
  border: none;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

#hero_text_landing {
margin-top:50px;
}

#hero_text1_breaking {
/*  font-size: 90px;*/
  font-size: 70px;
  font-weight: normal;
  margin-bottom: 20px;
  position:relative;
  display:block;
}

#hero_text1_breaking strong{
}

#hero_text2 {
  font-size: 20px;
  margin-bottom: 10px;
  line-height:1.5em;
}
#whats_this_breaking{
font-size:12px;
position:absolute;
display: flex;
align-items: center;
gap: 5px; 
top: -15px;
text-decoration: underline;
left:549px;
cursor:pointer;
font-style:italic;
}

#whats_this_breaking img{
}
#landing_page_explain p{
line-height:1.5em;
}

    /* buttons */
    .btn {
        cursor:pointer;
        height:28px;
        line-height:28px;
        border:1px solid #dadada;
        border-bottom:1px solid #b7b7b7;
        border-radius:8px;
        color:#3f4444;
        font-size:12px;
        background:#fff;
        padding-left:8px;
        padding-right:8px;
    }

    .btn2 i{
        font-size:15px;
    }
    .btn2{
        cursor:pointer;
        height:40px;
        line-height:40px;
        border:1px solid #177676;
        border-radius:8px;
        color:#fff;
        font-size:15px;
        background:#088d86;
        padding-left:12px;
        padding-right:12px;
        text-decoration:none;
    }
    .btn3{
        text-decoration:none;
        cursor:pointer;
        height:40px;
        line-height:40px;
        border-radius:8px;
        font-size:15px;
        background:#fff;
        padding-left:12px;
        padding-right:12px;
        color:#3f4444;
        border:1px solid #dadada;
        border-bottom:1px solid #b7b7b7;
    }

  .tays_form  label {
    display: block;
    font-size: 14px;
    margin-bottom: 4px;
    margin-top: 12px;
  }

.tays_form input[type='tel'],
.tays_form input[type='text'],
.tays_form input[type='password'],
.tays_form input[type='email']{
    width: 100%;
    padding: 8px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
  }

.tays_form select {
    width: 100%;
    padding: 8px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
}
.card1 hr{
    margin:0px;
}

.card1_header h2{
    font-size:16px;
    font-weight:normal;
}
.card1_header{
display: flex;
flex-direction: row;
gap: 10px; 
align-items: center;
border-bottom:2px solid  #e8ebea;
padding-left:15px;
}
.card1_inner{
    padding:15px;
}

.card1_header i{
    border:1px solid #e8ebea; 
    border-radius:8px;
    padding:8px;
}
.big_number{
    font-size:26px;
}
.badge{
    background:#e9f5f3;
    border-radius:8px;
    font-size:11px;
    padding:4px 8px;
    color:#32948b;
}