/*

OPW - Flood Risk Management
Styles for Website page

*/

ul li:before {
    content: none;
}

/* Glossary banner */
#glossary-banner {
padding-top: 120px;
padding-bottom: 120px;
background: #006981;
}

/* Glossary main */
#glossary-main {
padding-top: 50px;
padding-bottom: 150px;
background: #f2f2f2;
}
#glossary-main .bg-graphic {
position: absolute;
top: 0;
right: 0;
width: 60%;
}
/* Sidebar */
#glossary-main .container .row > div:nth-of-type(1) > div .dropdown {
margin-bottom: 10px;
}
#glossary-main .container .row > div:nth-of-type(1) > div #search-form {
font-size: 22px;
position: relative;
padding: 0;
line-height: 1.1;
border-radius: 0;
}
#glossary-main .container .row > div:nth-of-type(1) > div #search-form input {
font-weight: 600;
width: 100%;
border: 1px solid #006c85;
padding: 25px 30px;
padding-right: 60px;
color: #006c85;
background: #ffffff;
}
#glossary-main .container .row > div:nth-of-type(1) > div #search-form input::-webkit-input-placeholder { color: #006c85; opacity: 1; }
#glossary-main .container .row > div:nth-of-type(1) > div #search-form input::-moz-placeholder { color: #006c85; opacity: 1; }
#glossary-main .container .row > div:nth-of-type(1) > div #search-form input:-ms-input-placeholder { color: #006c85; opacity: 1; }
#glossary-main .container .row > div:nth-of-type(1) > div #search-form input:-moz-placeholder { color: #006c85; opacity: 1; }

#glossary-main .container .row > div:nth-of-type(1) > div #search-form button.submit {
position: absolute;
top: 15px;
right: 15px;
border: 0;
background: none;
height: 44px;
width: 44px;
padding: 10px;
background: url('../img/icons/magnifier-green.png');
background-size: 45%;
background-position: center center;
background-repeat: no-repeat;
}
#glossary-main .container .row > div:nth-of-type(2) h3 {
font-size: 20px;
margin-bottom: 10px;
margin-top: 60px;
}
#glossary-main .container .row > div:nth-of-type(2) h3:first-of-type {
margin-top: 0;
}
#glossary-main .container .row > div:nth-of-type(2) p {
font-size: 16px;
}






@media screen and (max-width: 1500px) {

} /* end max-width 1500px */







@media screen and (max-width: 1199px) {

  /* Glossary banner */
  #glossary-banner {
  padding-top: 80px;
  padding-bottom: 80px;
  background: #006981;
  }
  #glossary-main .bg-graphic {
  position: absolute;
  top: 0;
  right: 0;
  width: 70%;
  }

} /* end max-width 1199px */






@media screen and (max-width: 991px) {
  /* Glossary banner */
  #glossary-banner {
  padding-top: 70px;
  padding-bottom: 70px;
  background: #006981;
  }

  /* Sidebar */
  #glossary-main .container .row > div:nth-of-type(1) > div #search-form {
  font-size: 18px;
  position: relative;
  padding: 0;
  line-height: 1.1;
  border-radius: 0;
  }
  #glossary-main .container .row > div:nth-of-type(1) > div #search-form input {
  font-weight: 600;
  width: 100%;
  border: 1px solid #006c85;
  padding: 15px 15px;
  padding-right: 50px;
  color: #006c85;
  background: #ffffff;
  }
  #glossary-main .container .row > div:nth-of-type(1) > div #search-form button.submit {
  position: absolute;
  top: 3px;
  right: 0px;
  border: 0;
  background: none;
  height: 44px;
  width: 44px;
  padding: 10px;
  background: url('../img/icons/magnifier-green.png');
  background-size: 40%;
  background-position: center center;
  background-repeat: no-repeat;
  }

} /* end max-width 991px */






@media screen and (max-width: 768px) {

} /* end max-width 768px */






@media screen and (max-width: 450px) {

  /* Glossary banner */
  #glossary-banner {
  padding-top: 50px;
  padding-bottom: 50px;
  background: #006981;
  }
  #glossary-main .bg-graphic {
  position: absolute;
  top: 0;
  right: -150px;
  width: auto;
  height: 500px;
  }

} /* end max-width 450px */

p {
    font-size: 17px !important;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 30px;
}
hr{
    border-top: 1px solid #006c85;
}

li {list-style-type:none}

.tab-content {
    background-color: #fff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}

.nav-tabs {
    margin-bottom: 0;
}
.nav-tabs>li>a {
    font-size: 20px;
    border: 1px solid #ddd;
    background-color:#f2f2f2;
}