/* ----------------------------------------------------------1-flg-utilities.css---------------------------------------------------- */

/* BANNER IMG TITLE & DESCRIPTION */

div.vi-banner-content h2.vi-banner-title a.vi-banner-title-link,
div.vi-banner-content h2.vi-banner-title a.vi-banner-title-link:hover,
div.vi-banner-content p.vi-banner-description a.vi-banner-desc-link,
div.vi-banner-content p.vi-banner-description a.vi-banner-desc-link:hover {
color: #005996 !important;
text-decoration: none !important;
cursor: unset !important;
}

/* FTL LOGO - bottom */
#flg-ftl-logo {
	max-width: 200px;
	height: auto;
	display: block;
	float: right;
	margin-bottom: 11px;
}

.flg-H3-header {
  color: hsl(0deg 0% 100%) !important;
  font-weight: bold;
  line-height: 120%;
  font-size: 116.88311688% !important;
  padding: 10px 15px;
  text-align: left;
  font-family: 'century-gothic', sans-serif;
  background: hsl(204deg 100% 29%);
  max-height: 38px !important;
  font-size: 16px !important;
  }

 

.link-icon {
	width: 17px;
	height: 16px;
	background: url("/home/showimage?id=58659");
	background-repeat: no-repeat;
	display: inline-block;
	margin: 0 2px;
	background-position: 0px 1px;
}



/*------------------------------------------------------------------------------------FULL WIDTH BANNER WIDGET ----- HOMELESS GUIDE PAGES*/
	
  /* ----------------------------------------------ID 9964 = TEST PAGE https://www.fortlauderdale.gov/government/departments-a-h/city-manager-s-office/strategic-communications/test-990303*/
  figure[id $="_13683_9964"].clearfix.vi-fullwidth-banner.flexslider,
  figure[id $="_13707_9973"].clearfix.vi-fullwidth-banner.flexslider,
  figure[id $="_13721_9975"].clearfix.vi-fullwidth-banner.flexslider,
  figure[id $="_13738_9977"].clearfix.vi-fullwidth-banner.flexslider,
  figure[id $="_13746_9979"].clearfix.vi-fullwidth-banner.flexslider {
    margin-top: -40px;

  }

  /* TITLE TEX */

  figure[id $="_13683_9964"].clearfix.vi-fullwidth-banner .vi-banner-title,
  figure[id $="_13707_9973"].clearfix.vi-fullwidth-banner .vi-banner-title,
  figure[id $="_13721_9975"].clearfix.vi-fullwidth-banner .vi-banner-title,
  figure[id $="_13738_9977"].clearfix.vi-fullwidth-banner .vi-banner-title,
  figure[id $="_13746_9979"].clearfix.vi-fullwidth-banner .vi-banner-title {
    margin: 50PX 0 5px 0;

  }

    /* --------------------------------------------------------------------FULL WIDTH BANNER PAGES */
    #widget_1970_13683_9964.clearfix.vi-fullwidth-banner .vi-banner-content,
    figure[id $="_13707_9973"].clearfix.vi-fullwidth-banner.flexslider ul.vi-banner-slides.slides.clearfix li.vi-banner-item div.vi-banner-content,
    figure[id $="_13721_9975"].clearfix.vi-fullwidth-banner.flexslider ul.vi-banner-slides.slides.clearfix li.vi-banner-item div.vi-banner-content,
    figure[id $="_13738_9977"].clearfix.vi-fullwidth-banner.flexslider ul.vi-banner-slides.slides.clearfix li.vi-banner-item div.vi-banner-content,
    figure[id $="_13746_9979"].clearfix.vi-fullwidth-banner.flexslider ul.vi-banner-slides.slides.clearfix li.vi-banner-item div.vi-banner-content  {
    width: 43%;
    }
    #widget_1970_13683_9964.clearfix.vi-fullwidth-banner.flexslider ul.vi-banner-slides.slides.clearfix li.vi-banner-item div.vi-banner-content p.vi-banner-description,
    figure[id $="_13707_9973"].clearfix.vi-fullwidth-banner.flexslider ul.vi-banner-slides.slides.clearfix li.vi-banner-item div.vi-banner-content p.vi-banner-description,
    figure[id $="_13721_9975"].clearfix.vi-fullwidth-banner.flexslider ul.vi-banner-slides.slides.clearfix li.vi-banner-item div.vi-banner-content p.vi-banner-description,
    figure[id $="_13738_9977"].clearfix.vi-fullwidth-banner.flexslider ul.vi-banner-slides.slides.clearfix li.vi-banner-item div.vi-banner-content p.vi-banner-description,
    figure[id $="_13746_9979"].clearfix.vi-fullwidth-banner.flexslider ul.vi-banner-slides.slides.clearfix li.vi-banner-item div.vi-banner-content p.vi-banner-description  {
    letter-spacing: 0.4em;
    }


    /*-----------------------------------------------------------DOT LEADERS ---------------*/
    section.flg-reference-dot {
    /* max-width: 40em; */
    padding: 0;
    overflow-x: hidden;
    }
    section.flg-reference-dot div.dot:before {
    float: left;
    width: 0;
    white-space: nowrap;
    content: ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
    }
    section.flg-reference-dot span:first-child {
    padding-right: 0.33em;
    background: white
    }
    section.flg-reference-dot span + span {
    float: right;
    padding-left: 0.33em;
    background: white
    }
    section.flg-reference-dot div.desc {
    padding-bottom: 6px;
	letter-spacing: 0.05em;
    }
	a.flg-phone{
		text-decoration: none;
	}


/*------------------------------------------------------------------- Mobile Column Layouts ----------*/

.flg-column-50 {
    display: block;
    float: left;
    width: 49.9%;
    padding: 5%;
	box-sizing: border-box;
}

@media all and (max-width: 767px) {
.flg-column-50 {
    width: 100% !important;
}
}



/* ------------------------------------------------------------------Responsive container for videos, etc -----*/
	
.flg-resp-container { 
	
position: relative; 
padding-bottom: 62%;
/* padding-top: 35px;  */
height: 0; 
overflow: hidden; 
}

.flg-resp-container iframe, 
.flg-resp-container object,
.flg-resp-container embed { 
	
position: absolute; 
top: 0; 
left: 0;
width: 100%; 
height: 100%; 	
}


   /*-------------------------------------------------------------------- BOOTSTRAP PAGE NAV-----*/

   #navbar.flg.navbar-collapse.collapse {
    overflow: hidden;
    }
    nav.flg.navbar.navbar-default {
    margin-bottom: 0 !important;
    }
    .flg.navbar-collapse.collapse {
    display: none;
    }
    .flg.navbar-collapse.collapse.in {
    display: block;
    }
    @media (min-width: 768px) {
    .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    }
    .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    }
    button.flg.navbar-toggle.collapse {
    display: none!important;
    }
    }
    button.flg.navbar-toggle.collapse {
    display: none;
    }
    /*	Nav Active colors*/
    /* .flg.navbar.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #053B62;
    background-color: hsl(180, 53%, 90.1%);
    text-decoration: none;
    letter-spacing: 0.03em;
    } */
    .flg.navbar.navbar-default .navbar-nav > li > a {
    color: #2b2929;
    text-decoration: none;
    letter-spacing: 0.04em;
    }
    .flg.navbar.navbar-default {
    border: none;
    background: #fff;
    }
    .flg-page-Nav {
    background: url("/home/showimage?id=58635");
    width: 2.7em;
    height: 3em;
    display: block;
    background-repeat: no-repeat;
    }

    div#navbar.flg.navbar-collapse.collapse ul.nav.navbar-nav {
      margin-top: 3px;
    }
      

    /* --------- ADDITIONAL CODE CMS MESSAGE------------- */

    p.flg-no-display-code  {
      display: none;
    }

    section#edit_page  p[class^="flg-no-display-code"] {
      min-height: 81px !important;
      display: block !important;
      float: right !important;
    }
    section#edit_page  p.flg-no-display-code:after {
    content: ">> CONTENT AREA USED FOR ADDITONAL CODE";
    background: hsl(0deg 0% 100%);
    color: #000;
    min-height: 120px !important;
   }

   
/* -------------------------------------------------------------------- CONTENT AREA MESSAGE - lINKED FILES -----*/

    p.flg-no-display  {
      display: none;
    }

    section#edit_page  p.flg-no-display {
      min-height: 80px !important;
      display: block !important;
    }

    section#edit_page  p.flg-no-display:after {
    content: ">> PLEASE: DO NOT USE or DELETE THIS CONTENT AREA (It is being used for code, not shown in published page)";
    background: hsl(0deg 0% 100%);
    color: #000;
    display: block !important;
    min-height: 80px !important;
    }

  
    /*******************************************************************************************************************************************************************/
    @media (max-width: 768px) {
    /*	Mobile Nav*/
    button.flg.navbar-toggle.collapse::before {
    content: "Ec-Dev Nav";
    text-transform: capitalize;
    color: #053B62;
    margin-top: 15px;
    position: absolute;
    width: 73px;
    right: 46px;
    }
 
    button.flg.navbar-toggle.collapse {
    display: block!important;
    border: none;
    background: #fff;
    }
    #navbar.flg.navbar-collapse {
    border: none;
    }
    }

/* ---------------------------------------------------------------------- Mobile Responsive container for Windly weather app -----*/

@media all and (max-width: 568px) {
	
.flg-resp-container.windly {

	padding-bottom: 112%;

}
}