/*

OPW - Flood Risk Management
Styles for Publications page

*/

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

/* Publications main */
#publications-main {
padding-bottom: 150px;
padding-top: 50px;
background: #f2f2f2;
}
#publications-main .bg-graphic {
position: absolute;
top: 0;
right: 0;
width: 60%;
}

/* Sidebar */
#publications-main .container .row > div:nth-of-type(1) {

}
#publications-main .container .row > div:nth-of-type(1) > div p {
font-size: 16px;
font-weight: 400;
color: #666666;
}
#publications-main .container .row > div:nth-of-type(1) > div .dropdown {
margin-bottom: 10px;
}
#publications-main .container .row > div:nth-of-type(1) > div .dropdown button {
background: transparent;
}
#publications-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;
}
#publications-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;
}
#publications-main .container .row > div:nth-of-type(1) > div #search-form input::-webkit-input-placeholder { color: #006c85; opacity: 1; }
#publications-main .container .row > div:nth-of-type(1) > div #search-form input::-moz-placeholder { color: #006c85; opacity: 1; }
#publications-main .container .row > div:nth-of-type(1) > div #search-form input:-ms-input-placeholder { color: #006c85; opacity: 1; }
#publications-main .container .row > div:nth-of-type(1) > div #search-form input:-moz-placeholder { color: #006c85; opacity: 1; }

#publications-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;
}

/* Main */
#publications-main .container .row > div:nth-of-type(2) {

}
#publications-main .container .row > div:nth-of-type(2) .results-heading {
display: block;
position: relative;
width: 100%;
font-size: 36px;
font-weight: 400;
color: #999999;
padding-bottom: 40px;
margin-bottom: 20px;
}
#publications-main .container .row > div:nth-of-type(2) .results-heading:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: #006c85;
}
#publications-main .container .row > div:nth-of-type(2) article.publications-item {
position: relative;
display: block;
padding-bottom: 40px;
margin-bottom: 40px;
}
#publications-main .container .row > div:nth-of-type(2) article.publications-item:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
margin-left: -35px;
width: 70px;
height: 4px;
background: #006c85;
}
#publications-main .container .row > div:nth-of-type(2) article.publications-item h3 {
display: block;
font-size: 32px;
}
#publications-main .container .row > div:nth-of-type(2) article.publications-item span {
display: block;
font-size: 18px;
line-height: 1.5;
color: #666666;
}
#publications-main .container .row > div:nth-of-type(2) article.publications-item span:last-of-type {
margin-bottom: 20px;
}
#publications-main .container .row > div:nth-of-type(2) article.publications-item .btn {
}





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

} /* end max-width 1500px */







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

  /* Publications banner */
  #publications-banner {
  padding-top: 80px;
  padding-bottom: 80px;
  background: #006981;
  }

  /* Publications main */
  #publications-main {
  padding-bottom: 100px;
  padding-top: 50px;
  background: #f2f2f2;
  }
  #publications-main .bg-graphic {
  position: absolute;
  top: 0;
  right: 0;
  width: 70%;
  }

  /* Sidebar */
  #publications-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;
  }

  /* Main */
  #publications-main .container .row > div:nth-of-type(2) .results-heading {
  display: block;
  position: relative;
  width: 100%;
  font-size: 32px;
  font-weight: 400;
  color: #999999;
  padding-bottom: 40px;
  margin-bottom: 20px;
  }

} /* end max-width 1199px */






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

  /* Publications banner */
  #publications-banner {
  padding-top: 60px;
  padding-bottom: 60px;
  background: #006981;
  }

  /* Publications main */

  /* Sidebar */
  #publications-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;
  }
  #publications-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;
  }
  #publications-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;
  }

  /* Main */
  #publications-main .container .row > div:nth-of-type(2) .results-heading {
  display: block;
  position: relative;
  width: 100%;
  font-size: 32px;
  font-weight: 400;
  color: #999999;
  padding-bottom: 30px;
  margin-bottom: 20px;
  }
  #publications-main .container .row > div:nth-of-type(2) .results-heading:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #006c85;
  }
  #publications-main .container .row > div:nth-of-type(2) article.publications-item {
  position: relative;
  display: block;
  padding-bottom: 40px;
  margin-bottom: 60px;
  }
  #publications-main .container .row > div:nth-of-type(2) article.publications-item:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -35px;
  width: 70px;
  height: 3px;
  background: #006c85;
  }
  #publications-main .container .row > div:nth-of-type(2) article.publications-item h3 {
  display: block;
  font-size: 28px;
  }

} /* end max-width 991px */






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

} /* end max-width 768px */






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

  /* Publications banner */
  #publications-banner {
  padding-top: 50px;
  padding-bottom: 50px;
  background: #006981;
  }

  /* Main */
  #publications-main .bg-graphic {
  position: absolute;
  top: 0;
  right: -150px;
  width: auto;
  height: 500px;
  }
  #publications-main .container .row > div:nth-of-type(2) .results-heading {
  display: block;
  position: relative;
  width: 100%;
  font-size: 28px;
  font-weight: 400;
  color: #999999;
  padding-bottom: 30px;
  margin-bottom: 60px;
  }
  #publications-main .container .row > div:nth-of-type(2) article.publications-item h3 {
  display: block;
  font-size: 24px;
  }

} /* end max-width 450px */

/* custom styles by Rob McGivern */
    ul li:before {
	    background: none;
    }
    button.btn-default {
  	color: #ffffff;
  	background: #006c85;
     }
     button.btn-default:hover {
  	color: #ffffff;
  	background: #00586c;
     }
     button.btn-default:visited, a.btn-default:active, a.btn-default:focus, a.btn-default:active:focus {
  	color: #ffffff;
	background: #006c85;
     }

    button.btn-default {
	color: #ffffff;
	background: #006c85;
	display: inline-block;
	font-size: 17px;
	font-weight: 400;
	text-transform: uppercase;
        padding: 20px 30px;
	border: 0;
	border-radius: 0;
    }

@media screen and (max-width: 991px) {
    .btn-clear{
	width: 130.86px;
	margin-top: 10px;
    }
}
@media screen and (max-width: 767px) {
    .btn-clear{
        width: 130.86px;
        margin-top: 0px;
    }
}
@media screen and (max-width: 450px) {
    button.btn-default {
	padding: 15px 20px;
    }
}