/* @import url(laa_fonts.css); */
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@300..900&family=Work+Sans:wght@100..900&display=swap');

a:link {
  color: #032f53;
}
.dark-blue {
  color: #032f53;
}
.light-blue {
  color: #96fef9;
}
.bg1 {
  background-color: #ECF3F7;
}
.bg2 {
  background-color: #ffffff;
}

html, body {
  font-family: 'Figtree', sans-serif !important;
  color: #032f53;
  background: unset;
  font-size: 14px;

  .wrap {
    margin-left:auto;
    margin-right: auto;
    border: none;
    max-width: unset;
    width:80%
  }
  @media (max-width: 1200px) {
    .wrap {
      width: 100%;
    }
  }

  nav ul {
    list-style: none;
    text-align: center;

    li {
      display: inline;

      a {
        font-weight: bold;
        padding: 1rem;
        color: #032f53;
      }
    }
  }

   button.button, a.button {
    background-color: #032f53;
    color: #ffffff;
    border: solid 1px #032f53 !important;
    box-shadow: unset;

    &:before {
      border: none;
    }
    
    &:hover {
      background: transparent;
      .icon { 
        color: #032f53;
      }
    }

    .icon {
      color: #ffffff;
      &:hover {
        color: #032f53 !important;
      }
    }
  }
  .button-secondary .icon,
  .button-secondary {
    color: #032f53;
  }

  .top_bar {
    height:100%;

    .search-header {
      position: unset;
      box-shadow: unset;
      border-radius: unset;
      border: solid 1px transparent;
      &:hover {
        border: solid 1px #032f53;
      }
    }
    .search-box .inputbox {
      font-family: 'Work Sans', sans-serif !important;
    }

  }

  .headerbar {
    background-color: #ffffff;
    text-align: center;
    clear: both;

    .site-description {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      width: 60%;
      margin-left: auto;
      margin-right: auto;
      float: none;

      .site_logo img {
        display: inline-block;
        max-height: 5rem;
      }
      .site_logo {
        display: inline-block;
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        max-width: 100%;
        height: unset;
        width: unset;
        border-radius: 0px;
        background-image: unset;
      }
      h1 {
        display: inline-block;
        font-family: 'Work Sans', sans-serif;
        text-transform: uppercase;
        color: #032f53;
        font-size: 2.5rem;
        font-weight: normal;
      }
    }
    
    p {
      font-weight: bold;
      color: #032f53;
    }
  }
@media (max-width: 700px) {
  .headerbar {
    .site-description {
      display: block;
    }
  }
}
  li.dropdown-down:not(.dropdown-visible) {
    background-color: #032f53;
    a, a span:not(.username), a i {
      color:#ffffff;
    }
  }
  .notification_list {
    position: absolute;
    z-index: 1;
    text-align: left;
    width:300%;
    background-color: #032f53;
    padding: 2px;
    .header {
      text-align: left;
      a, a span, a i {
        color:#ffffff;
      }
    }
    .notification-text a { 
      color: #032f53;
    }
    .notification-text .username {
      font-weight: bold;
    }
    p,
    p.notification-time {
      color: #032f53;
    }
  }

  .navbar a, a.forumtitle, a.topictitle {
    font-family: 'Work Sans', sans-serif;
  }
  .navbar {
    max-width: unset;
    background-color: unset;
    .nav-breadcrumbs {
      background-color: #ECF3F7;
    }
  }
  .nav-main.linklist {
    /* border-top: solid 4px #032f53; */
  }
  .navbar ul.linklist {
    /* background-color: rgb(150, 254, 249, 0.5) !important; */
    /* background-color: #032f53; */

    > li {
      line-height: 3rem;
      font-size: 1rem;
    }

    li a {
      /* color:#96fef9; */
      color:#032f53;;
      /* font-weight: bold; */
    }
  }
  nav.main_site ul {
    font-size: 1.1rem;
    a {
      color: #032f53;
    }
  }

  a.forumtitle, a.topictitle {
    font-weight: bold;
    color: #032f53;
    text-transform: uppercase;
  }

  ul.topiclist {
    background-color: #ffffff;
    
      li.header {
      background-color: #032f53;
      padding: unset;
      padding: 0.5rem 1rem;
        dt, dd {
          font-family: 'Work Sans', sans-serif;
          font-size: 1.1rem;
          text-transform: uppercase;
          /* color: #96fef9; */
          color: #ffffff;
          a {
            /* color: #9dfef9; */
            color: #ffffff;
            &:hover {
              text-decoration: underline;
            }
          }
        }
      }
      dt {
        margin-right: -30%;
      }
      li.row {
        /* border-bottom: solid 1px #032f53; */
        border-bottom: solid 2px white;
        padding:0.5rem;
        a.forumtitle, a.topictitle {
          font-size: 1em;
        }
      }
      dl.row-item dt .list-inner {
        /* padding-left: 5rem; */
        margin-right: 30%;
      }
      .row-item::before {
        padding: 0.5rem 0;
        top: 0;
        transform: unset;
      }
  }
  dd.stats {
    width:15%;
    text-align: left;
    font-size: 1.1rem;
  }
  dd.lastpost {
    width: 15%;
  }
  dd.lastpost > span, ul.topiclist dd.info > span, ul.topiclist dd.time > span, dd.redirect > span, dd.moderation > span {
    text-align: left;
  }
}

.image_banner {
  img {
    width: 100%;
    height: auto;
  }
}

h1, h2, h3, h1 a, h2 a, h3 a {
  color: #032f53;
  font-family: 'Work Sans', sans-serif;
  text-transform: uppercase;
}
.content h2, .panel h2 {
  color: #032f53;
  border-bottom-color: #CCCCCC;
}
/** Forum view **/
h2.forum-title, h2.topic-title, .searchresults-title {
  background-color: unset;
  padding: 0.5rem;
  text-align: left;
  font-weight: bold;
}
.forum-desc {
  padding: 0.5rem;
}
fieldset, .content, .postbody .content {
  font-family: 'Figtree', sans-serif;
}
.action-bar {
  margin: 1rem 0;
  padding: 1rem;
  background: #ECF3F7;
}

/** Posts **/
.postprofile {
  border-color: #032f53;
}
.postbody .content {
  line-height: 2rem;
}
.postprofile dd {
  line-height: 1.75rem;
}
.pagination li a {
  color: #032f53;
  background: #FFFFFF;
}
.pagination li.active span, 
.pagination li.arrow a,
.pagination li.page-jump a  {
  background: #032f53;
  border-color: #032f53;
  color: #FFFFFF;
}
.pagination li a:hover,
.pagination li a:hover .icon {
  color: #96fef9 !important;
  background:#032f53;
}
.post {
  padding: 1rem 1.5rem;
}
blockquote {
  border-left: solid 3px #032f53;
	padding-left: 1rem;
	background: rgba(3, 47, 83, 0.05);
}

/* Tablink */
.tablink {
  background-color: #032f53;
  /* color: #96fef9; */
  color: #ffffff;
  font-size: 1.1rem;
  border: solid 1px #032f53;
  &:hover {
    background-color: transparent;
    color: #032f53;
  }
}

/* Jumpbox (footer */
.jumpbox-cat-link {
  background-color: #032f53;
  border-top-color: #032f53;
  color: #FFFFFF !important;

  &:hover {
    background-color: transparent;
    color: #032f53 !important;
  }
}
.jumpbox-sub-link {
	background-color: #ECF3F7;
}

/* Font awesome icons */
.global_read:before,
.global_read_mine:before {
	content: "\f0ac"; 
	color: #868686;
}
.announce_read:before,
.announce_read_mine:before{
	content: "\f0a1"; 
	color: #868686;

}

.sticky_read:before,
.sticky_read_mine:before { 
	content: "\f08d"; 
	color: #868686; 
	
}
.global_unread:before,
.global_unread_mine:before {
	content: "\f0ac"; 
	color: #0076b1; 
}
.announce_unread:before,
.announce_unread_mine:before {
	content: "\f0a1"; 
	color: #0076b1; 
		-webkit-animation: wrench 1.2s ease infinite;
  animation: wrench 1.2s ease infinite;
  top: 15%;
}

.sticky_unread:before,
.sticky_unread_mine:before {
	content: "\f08d"; 
	color: #0076b1; 
	
}
.global_read_locked:before,
.global_read_locked_mine:before,
.announce_read_locked:before,
.announce_read_locked_mine:before,
.forum_read_locked:before,
.sticky_read_locked:before,
.sticky_read_locked_mine:before,
.topic_read_locked:before,
.topic_read_locked_mine:before {
	content: "\f023"; 
	color: #868686; 
	font-size: 40px;
	 
}
.global_unread_locked:before,
.global_unread_locked_mine:before,
.announce_unread_locked:before,
.announce_unread_locked_mine:before,
.forum_unread_locked:before,
.sticky_unread_locked:before,
.sticky_unread_locked_mine:before,
.topic_unread_locked:before,
.topic_unread_locked_mine:before {
	content: "\f023"; 
	color: #0076b1; 
	font-size: 40px;
	
}
.forum_link:before { 
	content: '\f08e'; 
	color: #0076b1; 
}
.forum_read:before	{ 
	content: "\f03a"; 
	color: #868686; 
}

.topic_read:before,
.topic_read_mine:before{
		content: "\f15c";
	color: #868686;
}
.forum_read_subforum:before{
	content: "\f07b";
	color: #868686; 
}
.forum_unread_subforum:before{
	content: "\f07b";
	color: #0076b1;
}
.forum_unread:before {
	content: "\f03a";
	color: #0076b1; 	
}

.topic_unread:before,
.topic_unread_mine:before{
	content: "\f15c";
	color: #0076b1;
}

.topic_moved:before { 
	content: "\f04e";  
	color: #868686; 
	 
}
.topic_read_hot:before,
.topic_read_hot_mine:before { 
	content: '\f0e7';  
	color: #868686;
	left: 15px;			
	
}
.topic_unread_hot:before,
.topic_unread_hot_mine:before { 
    content: '\f0e7';
    color: #0076b1;
    left: 15px;
    -webkit-animation: flash 2.5s ease infinite;
    animation: flash 2.5s ease infinite;	
	 
}
.pm_read:before	{ 
	content: "\f086";  
	color: #868686; 
	 
}
.pm_unread:before { 
	content: "\f086"; 
	color: #0076b1; 	 
}
.topic_unread_hot_mine:before,
.topic_unread_mine:before,
.topic_unread_locked_mine:before,
.sticky_unread_locked_mine:before,
.sticky_unread_mine:before,
.announce_unread_mine:before,
.announce_unread_locked_mine:before,
.global_unread_mine:before,
.global_unread_locked_mine:before {
    color: #008075;
}

/** Pre-launch last-min amends **/
.image_banner {
  height:250px;
  h1 {
    display: block;
    width: 100%;
    font-size: 4em;
    text-align: center;
    padding-top: 90px;
  }
}
nav.main_site ul li {
  position: relative;
}
nav.main_site ul li:hover ul.dropdown {
  display: block;
  position: absolute;
  left: 0;
  top: 1.2em;
  z-index: 101;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 9px 0 0;
  margin-right: -500px;
  background-color: #FFFFFF;
  li:hover {
    background-color: #032f53;
    a {
      color: #FFFFFF;
    }
  }
}
.navbar ul.linklist {
  padding: 0;
  a, button {
    padding: 0.5em 1em;
  }
  li.rightside a:not(.notification_list a),
  li.rightside button {
    background-color: #032f53;
    border:solid 1px #032f53;
    span, i {
      color: #FFFFFF;
    }
    &:hover {
      background-color: #FFFFFF;
      span, i {
        color: #032f53;
      }
    }
  }
}
/* .navbar ul.linklist.nav-breadcrumbs li {
  a {
    padding: 0 1em;
  }
} */
ul.linklist .dropdown {
  top: unset;
}