@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville|Oswald|Roboto&display=swap');
@import url('search-custom.css');
@import url('iframe.css');
@import url('https://www.miamidade.gov/resources/custom-sites/css/accordion.css');

/* ------------------------------------------------

Table of Contents

1. BOOTSTRAP OVERWRITES
2. GLOBAL STYLES
3. HEADER
4. FOOTER
5. COMPONENT CONTENT
6. COMPONENT FEATURED
7. COMPONENT SIDE NAV
8. COMPONENT ACCORDION
9. COMPONENT MULTI-COLUMN
10. COMPONENT HERO AND FULL WIDTH BANNER
11. MOBILE

------------------------------------------------*/

/* ------------------------------------------------*/
/* ---------->>> BOOTSTRAP OVERWRITES <<<----------*/
/* ------------------------------------------------*/


.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.btn-primary,
a.btn.btn-primary {
  background-color: #405492;
  border-color: #454545;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-family: 'Oswald', sans-serif;
}

a.btn.btn-primary.mdc-custom__featured__button:hover,
.btn-primary:hover {
  background-color: #6d6a58;
  color: #fff;
  border-color: #000;
}

.btn {
  font-size: 1.8rem;
  text-transform: uppercase;
  border-radius: .5rem;
}

.mdc-custom__content__button {
  font-size: 1.6rem;
  padding: 0.7em;
  text-transform: uppercase;
}

.list-group-flush .list-group-item:first-child {
  border-top: 0;
}

/* ------------------------------------------------*/
/* ------------->>> GLOBAL STYLES <<<--------------*/
/* ------------------------------------------------*/


html {
	font-size: 62.5%;
}
 body {
  margin: 0;
  line-height: 1.8!important;
  top: 0 !important;
 }

body,
.form-control {
  font-size: 1.6rem;
}

a {
  color: #137cbe;
/*  text-decoration:underline;*/
}

/*
a:hover {
  text-decoration: underline!important;
}
*/


#goog-gt-tt, .skiptranslate {
  display: none !important;
}


p {
  margin-bottom: 2.5rem;
}
 
h1, h2, h3, h4, h5, h6 {
  line-height: 1.2;
  margin-bottom: 1.5rem;
}

h1, h2, h3, h4, h5, h6,
.dropdown .btn-link {
  color:#454545;
}

h1 {
  margin-top: 0;
  font-size: 3.052em;
  font-family: 'Libre Baskerville', serif;
}

h2 {
font-size: 2em;
font-family: 'Oswald', sans-serif;
}

h3 {
font-size: 1.6em;
font-family: 'Oswald', sans-serif;
}

h4 {font-size: 1.3em;
font-family: 'Libre Baskerville', serif;
}

h5 {font-size: 1.25em;}


.btn-secondary,.search__item button.btn-custom--blue {
  background-color: #648f26;
  border-color: #648f26;
}

.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled):active,
.search__item button.btn-custom--blue:hover {
  background-color: #4d6e1e;
  border-color: #4d6e1e;
}


.dropdown .btn-link,
.dropdown-menu {
  font-size: 1.4rem;
}

.lang-en:hover {
  cursor: pointer;
}

.dropdown-item {
  padding: 0.5rem 1.5rem;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: #0f6191;
}

.mdc-custom__main-content {
  min-height: 200px;
}

.mdc-custom__main-content .container .container {
  padding: 0;
  max-width: 100% !important;
}

.mdc-custom__spacing {
  margin-top: 3.5rem;
  margin-bottom: 5rem;
}

.mdc-custom__spacing a {
color: #454545;
}

.mdc-custom__skip-content {
    display: inline-block;
    margin-bottom: 1.5rem;
}

:focus {
    outline-offset: 4px !important;
    outline: 3px dotted #3BD1FF !important;
}


.mdc-custom__breadcrumbs {
  margin: 1.5rem auto;
}

.pd-navigation a.nav-link {
 text-decoration: none!important;	
 transition: all .3s ease-out;
}


.mdc-custom__side-nav a,
.pd-navigation a.nav-link {
  transition: all .3s ease-out;
}

.pd-navigation a.nav-link.active,
.mdc-custom__side-nav a.active,
.pd-navigation__links a.nav-link:hover,
.left-nav .mdc-custom__side-nav a:hover  {
  color: #405492;
  text-decoration: none!important;
}

.pd-navigation a.nav-link.active,
.pd-navigation__links a.nav-link:hover  {
  background-color: #fff;
  border-radius: 3px;
}

.mdc-custom__side-nav a.active,
.left-nav .mdc-custom__side-nav a:hover {
/*  font-weight: 600;*/
	text-decoration: underline!important;
}

/* ------------------------------------------------*/
/* ----------------->>> HEADER <<<-----------------*/
/* ------------------------------------------------*/

.pd-global-header {
    padding-top: 2rem;
}	
	
.pd-header-box {
    display: inline-block;
	margin-left: 3rem;
}
	
.pd-logo{
	z-index: 2000;
}
	
.pd__logo-heading {
    display: flex;
}
	
.pd-header-title {
    color: #405492;
	font-family: 'Libre Baskerville', serif;
	font-weight: bold;
    font-size: 45px;
    margin-bottom:1rem;
	line-height: 1.2;
	display: block;
}
	
.pd-header-subtitle {
    color: #212121;
    font-family: 'Oswald', sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    margin-bottom:1rem;line-height: 1.2;
	display: block;
}
	
.pd-header-subtitle2 {
    color:#405492;
    font-family: 'Libre Baskerville', serif;
    font-size: 16px;
    margin-bottom:1rem;
	line-height: 1.2;
	display: block;
}	
				
	
.pd__links {
	display: flex;
    align-items: center;
    justify-content: flex-end;
	}
	
.pd__links a {
	color: #4f4f4f;
	text-decoration: none;
	font-size: 14px;
	}

.pd-navigation {
  color: #fff;
  padding: 10px;
	line-height: 20px;
	position: relative;
	z-index: 1000;
	}

.pd-navigation__links {
	display: flex;
	padding-left: 15rem;
    list-style: none;
	}	
	
.pd-navigation__links a {
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
    color: #fff;
	text-transform: uppercase;
}
	
.pd-navigation__links a:hover {
	text-decoration: none;
}

.pd-navigation__links > li {
	text-align: left;
}

.pd-navigation__links li:not(:first-child) {
 	margin-left: 30px;
 }				
	
.navbar{
background-color: #405492;
}

.pd-global-header__pd-logo {
  margin-bottom: -40px;
}
	
.navbar-brand .navbar-light a {
color:#fff;
}

.navbar-light .navbar-toggler {
    background-color: #FFFFFF;
    border: 1px solid transparent;
	border-color: rgb(255, 255, 255);
}


.pd__links > *:not(:last-child) {
    padding-right: 2rem;
}

.mdc-custom__search .form-control {
  min-height: 35px;
}

.mdc-custom__search .btn-secondary {
  padding: 0 1.5rem;
}

.mdc-custom__search__icon {
  width: 15px;
  margin-top: -1px;
}

.dropdown-menu {
  z-index: 1000;
}

/* ------------------------------------------------*/
/* ----------------->>> FOOTER <<<-----------------*/
/* ------------------------------------------------*/

.mdc-custom__footer {
  background-color: #405492;
  padding: 1rem 0;
  margin-top:40px;
}

.mdc-custom__footer,
.mdc-custom__footer a {
  color: #fff;
}

.mdc-custom__footer a {
  font-weight: 600;
}
.mdc-custom__footer > .container {
  margin: 4.0rem auto;
}

.mdc-custom__footer h2 {
	font-size: 2.4rem;
    margin-bottom: 1em;
    color: white;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
}

.mdc-custom__footer h3 {
	font-size: 1.6rem;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

.mdc-custom__footer__links {
  list-style: none;
  padding-left: 0;
}

.mdc-custom__footer li {
  list-style: none;
  padding-left: 0;
}


.mdc-custom__footer__links > li {
  margin-bottom:0rem;
}

.mdc-custom__footer__links__two-column {
  display: flex;
  flex-wrap: wrap;
}

.mdc-custom__footer__content:not(:last-child) {
  margin: 1.0rem 0 1.0rem 0;
}

.mdc-custom__footer__content p:last-child {
  margin-bottom: 0;
}


.copyright__text {
 font-size: 1.3rem;
 padding: 1rem;
 text-align: center;
}

.PD-name{
 margin-bottom: 0px!important;
}

.PD-title{
  font-size: 1.3rem;
  font-weight: 500;
}

.footergroup {
  margin-top:30px;
}

.footergroup ul {
  margin-bottom:0rem!important;
}




/* ------------------------------------------------*/
/* ----------->>> COMPONENT CONTENT <<<------------*/
/* ------------------------------------------------*/


.mdc-custom__content__box{
 margin-bottom:2.5rem;
 border-bottom: #ececec 3px solid;
 padding-bottom: 2.5rem;
}

.mdc-custom__content__sub-title {
 margin-bottom: 2.0rem;
 font-size: 1.8em;
}

.mdc-custom__content__page-title {
 font-size: 2.441em;
/* font-family: 'Libre Baskerville', serif;*/
}

.mdc-custom__content__page-title:after,
.mdc-custom__content__sub-title:after {
  content: " ";
  display: block;
  width: 100%;
  margin: 1.5rem 0;
}

.mdc-custom__content__page-title:after {
  background-color: #405491;
  height: 6px;
}


.mdc-custom__content__general-titles {
  text-transform: uppercase;
}

.mdc-custom__content__general-titles a {
 color:#405491;
}

.mdc-custom__content__general-titles a:hover {
 color:#000;
}

.mdc-custom__content__description,
.mdc-custom__content__items:not(:last-child) {
  margin-bottom: 1.5rem;
}

.mdc-custom__content__items__description p:last-child {
  margin-bottom: 0;
}

.mdc-custom__content__items__description a{
  text-decoration:underline!important;
}

.mdc-custom__content__description li a{
  text-decoration:underline!important;
}

.mdc-custom__content__description a{
  text-decoration:underline!important;
}

/* ------------------------------------------------*/
/* ----------->>> COMPONENT FEATURED <<<------------*/
/* ------------------------------------------------*/

.mdc-custom__featured {
  background-color: #e9e1cc;
  padding: 2em;
}

h2.mdc-custom__featured__title {
  margin-top: 0;
}

.mdc-custom__featured__description {
  margin-bottom: 1.5rem;
}

.mdc-custom__featured {
  text-align: center;
}

a.mdc-custom__featured__button {
  padding: 1rem 3.5rem;
  text-transform: uppercase;
  text-decoration: none;
}

/* ------------------------------------------------*/
/* ------>>> COMPONENT BANNER FULL WIDTH <<<-------*/
/* ------------------------------------------------*/
.mdc-custom__banner {
  padding: 5.0rem 0;
  position: relative;
}

.mdc-custom__banner,
.mdc-custom__banner a {
  color: #fff;
}

.mdc-custom__banner a {
  font-weight: bold;
}

.mdc-custom__banner--background-image {
  background-color: #333;
  background-size: cover;
}

.mdc-custom__banner__text {
  color: #fff;
  z-index: 2;
  position: relative;
}

.mdc-custom__banner__tint {
  background-color: #333;
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  top: 0;
  left: 0;
  z-index: 1;
}

.mdc-custom__banner__tint--default {
  opacity: 0.5;
}

.mdc-custom__banner__description {
  margin-bottom: 2.5rem;
}

a.mdc-custom__banner__button {
  font-weight: normal;
  padding: 0.7em 1.5em; 
}

/* ------------------------------------------------*/
/* ----------->>> COMPONENT SIDE NAV <<<-----------*/
/* ------------------------------------------------*/


.mdc-custom__side-nav h2 {
  text-transform: uppercase;
  font-size: 1.4rem;
  padding-bottom: 1.7rem; 
  border-bottom: solid 1px #ddd;
  position: relative;
  margin: 0;
}

.mdc-custom__side-nav h2:after {
  content: " ";
  display: block;
  height: 3px;
  width: 42px;
  position: absolute;
  bottom: -2px;
  z-index: 2;
  background-color: #46BCEB;
}

.mdc-custom__side-nav .list-group-item {
  padding: 1.2rem 2.0rem;
}

.mdc-custom__side-nav:not(:last-child) {
  margin-bottom: 2.5rem;
}


.right-content{
background-color: #f4f5f9;
margin: 0 0 30px 0;
padding-bottom: 30px;
}



/*-- David's CSS--*/

    .col-md-3.left-nav {
        background-color: #f4f5f9;
        padding-bottom: 30px;
      }


.mdc-custom__side-nav h2 {
    text-transform: uppercase;
    padding-bottom: 2rem;
    border-bottom: none;
    margin: 0;
    font-size: 2.4rem;
    margin-top: 1em;
    color: #464646;
    font-family: 'Oswald',sans-serif;
    font-weight: 700;
    margin-left: 1.0rem;
}

.mdc-custom__side-nav h2::after {
    background-color: transparent !important;
}

.list-group-item {
    background-color: transparent;
    }

.left-nav a {
  color: #464646;
  
}


.list-group-flush:last-child .list-group-item:last-child {
    border-bottom: 1px solid rgb(186, 187, 191);
}



/* ------------------------------------------------*/
/* ----------->>> COMPONENT ACCORDION <<<----------*/
/* ------------------------------------------------*/


/* ------------------------------------------------*/
/* -------------->>> Multi-Column <<<--------------*/
/* ------------------------------------------------*/

.mdc-custom__multi-column__title {
	font-size: 2rem;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
}

.mdc-custom__multi-column__description {
	text-align: center;
	font-size: 1.5rem;
}

.mdc-custom__multi-column__icon {
	margin-bottom:1rem;
}



/* ------------------------------------------------*/
/* -------->>> HERO AND FULL WIDTH BANNER <<<------*/
/* ------------------------------------------------*/



.pd-hero-section {
	background-image: url(/resources-pd/images/hero-image.jpg);
	width: 100%;
/*	min-height: 500px;*/
	background-size: cover;
	padding-bottom: 50px;
	margin-bottom: 40px;
	}

.pd-hero-title {
    color: #000;
	font-family: 'Libre Baskerville', serif;
    font-size: 30px;
	margin-bottom:20px;
}
	
.pd-hero-section__text {
	margin-top: 90px		
}

.pd-hero-section__text p{
	font-size: 18px;		
}
	
.pd-hero-section__text button{
	background-color: #405492;
	border-color: #454545;
	width: 20rem;
	margin-right: 20px;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
}
	
.pd-hero-section__text button{
	margin-top: 25px;
}

.pd-hero-setcion__description {
	font-size:14px;
	}
	
.pd-fullwidth-box {
	background-image: url(/resources-pd/images/our-office.jpg);
	width: 100%;
/*	height: 390px;*/
	background-size: cover;
	background-position: right;
	}

.pd-fullwidth-box__text .btn .btn-lg {
	font-size: 1.8rem!important;
	border-radius: .5rem;
	
	}
	
.pd-fullwidth-box h3 {
	font-family: 'Oswald', sans-serif;
	font-size: 34px;
    color: #454545;
	text-transform: uppercase;
/*	text-align: right;*/
	}

.pd-fullwidth-box__text {
	float: right;
	margin-top:80px;
	text-align: right;
	width:100%;
	font-size: 18px;
	margin-bottom:50px;
	}
	
.pd-fullwidth-box__text p {
	margin-top:20px;
	}
	
.pd-fullwidth-box__buttons {
  margin-top: 10px;
}

.pd-fullwidth-box__text button,
a.btn.btn-primary.mdc-custom__featured__button {
	background-color: #fff;
	color:  #405492;
	border-color: #454545;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serif;
	}

.pd-hero-section,
.pd-fullwidth-box {
  position: relative;
}

.pd-hero-section--gradient,
.pd-fullwidth--gradient {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.pd-hero-section--gradient {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+53,0+80 */
  background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 53%, rgba(255,255,255,0) 80%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 53%,rgba(255,255,255,0) 80%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 53%,rgba(255,255,255,0) 80%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}


.pd-fullwidth--gradient {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e9e1cc+23,e9e1cc+97&0+22,1+52 */
  background: -moz-linear-gradient(left,  rgba(233,225,204,0) 22%, rgba(233,225,204,0.03) 23%, rgba(233,225,204,1) 52%, rgba(233,225,204,1) 97%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(233,225,204,0) 22%,rgba(233,225,204,0.03) 23%,rgba(233,225,204,1) 52%,rgba(233,225,204,1) 97%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(233,225,204,0) 22%,rgba(233,225,204,0.03) 23%,rgba(233,225,204,1) 52%,rgba(233,225,204,1) 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e9e1cc', endColorstr='#e9e1cc',GradientType=1 ); /* IE6-9 */
}

.pd-hero-section__text,
.pd-fullwidth-box__text {
  z-index: 2;
}

/* ------------------------------------------------*/
/* ----------------->>> MOBILE <<<-----------------*/
/* ------------------------------------------------*/


@media (min-width: 768px) {

  /*--Desktop--*/

  .mdc-custom__footer__links__two-column > li {
    width: 50%;
    padding-right: 1.5rem;
  }

}


@media (max-width: 1199px){

.pd-navigation__links {
	display: block;
    padding-left:0;
    list-style: none;
    }

.pd-navigation__links li:not(:first-child){
	margin-left: 0px;
	}
		
	.navbar{
    padding: 1.5rem 1rem;
	}

  .pd-global-header__pd-logo {
    margin-bottom: 0
  }
		
.nav-link {
    display: block;
    padding: 1rem 0;
	}

}



@media (max-width: 767px){


  /*--Mobile--*/

  h1 {
    font-size: 2.4em
  }

  h2 {
    font-size: 1.8em
  }

  h3 {font-size: 1.5em;}

  h4 {font-size: 1.3em;}

  h5 {font-size: 1.2em;}

	.mdc-custom__footer {
    text-align: center;
  }

  .pd-hero-section__text button{
  	width: 100%;
  }
	
.pd-fullwidth-box__text button {
	width: 100%;
	}
		
.pd-navigation {
	margin-top:0;
	}

.pd-fullwidth-box__text {
    text-align: center;
	color: #fff;
	}

.pd-fullwidth-box__text {
	margin-top: 50px;
	}

.pd-hero-section--gradient,
.pd-fullwidth--gradient {
  display: none;
}
	
	.pd-fullwidth-box {
		background-position: center;
	}
	
	.pd-hero-section{
		background-position: right;
	}
	
	.pd-hero-title {
    color: #fff;
	}
	
	.pd-fullwidth-box h3{
	color: #fff;
	}

	
.img-tint {
    background-color: #000;
/*    position: absolute;*/
    width: 100%;
    height: 100%;
    opacity: 0.6;
    top: 0;
    left: 0;
    z-index: 1;
	position: absolute;
}


.pd-hero-section__text{
	text-align: center;
	margin-top:50px;
  color: #fff;
	}

		
.mdc-custom__footer__logo {
	margin-top:40px;
	}	

.footer__group2{
	margin-top:30px;
	}

.copyright__text {
    text-align: center;		
	}
		
  .mdc-custom__multi-column__title {
      font-size: 2.8rem;
  }
  		
  h3 {
      font-size: 2em;
      margin-top: .5em;
  }
}

	@media (max-width: 991px){
  .pd__links {
    flex-wrap: wrap;
    justify-content: center;
	 margin:10px 0;
	}

  .mdc-custom__search {
    margin-bottom: 2.5rem;
  }

  .mdc-custom__banner__logo {
    margin-bottom: 1.5rem;
  }

  .mdc-custom__banner {
    text-align: center;
  }
		
   .mdc-custom__content__page-title {
    margin-top: 15px;
	}

  .mdc-custom__footer__links__two-column {
    flex-direction: column;
  }

.pd__logo-heading {
    flex-direction: column;
    align-items: center;  
    }
    
.pd-global-header__pd-logo {
    max-width: 75px;
    }
  
.pd-header-box {
    text-align: center;
    margin: 0.5rem 0;
  }

.navbar{
  background-color: #405492;
  }
  
.navbar-brand .navbar-light a {
  color:#fff;
  }

}