@media (min-width: 1201px) {
#menu-primary-navigation .fl-menu-search-item .fl-search-form { display: none }
}


@media (max-width: 12000px) {

	.fl-menu-mobile-flyout {
		background: var(--coserv-green-dark)!important;
	}

	.fl-menu-mobile-flyout .fl-menu-search-item {
		margin: 20px 0 0 0px!important;
	}

	.fl-menu-mobile-flyout ul#menu-flyout-services li {
		margin: 6px 0 6px;
		padding: 4px!important;
		border-radius: 6px;
		background: #07595D!important;
	}

	.fl-menu-mobile-flyout .fa-search:before,
	.fl-menu-mobile-flyout .fl-menu-toggle:before,
	.fl-menu-mobile-close i {
		color:var(--coserv-orange)!important;
	}

	.fl-menu-mobile-flyout li.menu-item a { 
		text-align: left;
		color: #fff!important; 
		line-height: 1.3;
		background: none; 
		padding: 7px 5px 7px 5px!important;
		margin:  0 0 5px;
		font-size: 18px!important;
		letter-spacing: .5px!important;;
	    text-transform: none;
	}


	.fl-menu-mobile-flyout li.nav-outages, 
	.fl-menu-mobile-flyout li.nav-pay-my-bill, 
	.fl-menu-mobile-flyout li.nav-add-new-service, 
	.fl-menu-mobile-flyout li.nav-help, 
	.fl-menu-mobile-flyout li.nav-careers, 
	.fl-menu-mobile-flyout li.nav-login {
        width: 48% !important;
        display: inline-block;
        background: #09656A !important;
        border: 2px solid var(--coserv-green-dark);
        border-radius: 8px;
        margin: 0px 2px 5px !important;
        padding: 3px 5px;
	}				

	.fl-menu-mobile-flyout li.nav-outages a, 
	.fl-menu-mobile-flyout li.nav-pay-my-bill a, 
	.fl-menu-mobile-flyout li.nav-add-new-service a, 
	.fl-menu-mobile-flyout li.nav-help a, 
	.fl-menu-mobile-flyout li.nav-careers a, 
	.fl-menu-mobile-flyout li.nav-login a{
		color:var(--coserv-orange)!important;
	}	

	.fl-menu-mobile-flyout li a:focus {
		background: #09656A;
		border-radius: 6px;
	}	
	
	.fl-menu-mobile-flyout li.nav-outages a:before {
		content: "\e0b8";
		margin-right: 10px;
		font-family: 'Font Awesome 7 Pro'
	}

	.fl-menu-mobile-flyout li.nav-pay-my-bill a:before {
		content: "\f543";
		margin-right: 10px;
		font-family: 'Font Awesome 7 Pro'
	}

	.fl-menu-mobile-flyout li.nav-add-new-service a:before {
		content: "\f48b";
		margin-right: 10px;
		font-family: 'Font Awesome 7 Pro'
	}

	.fl-menu-mobile-flyout li.nav-help a:before {
		content: "\f1cd";
		margin-right: 10px;
		font-family: 'Font Awesome 7 Pro'
	}

	.fl-menu-mobile-flyout li.nav-careers a:before {
		content: "\f0c0";
		margin-right: 10px;
		display: inline-block; 
		font-family: 'Font Awesome 7 Pro'
	}

	.fl-menu-mobile-flyout li.nav-login a:before {
		content: "\f023";
		margin-right: 10px;
		font-family: 'Font Awesome 7 Pro'
	}		

}

.all-topics-title {
	margin-bottom: 10px;
}

@media (min-width: 768px) {
    header {
        min-height: 100px;
    }
}

@media (min-width: 768px) {
	.fl-menu.fl-menu-responsive-toggle-mobile {
		background: var(--coserv-green-dark);
	}
}


@media (max-width: 1200px) {
  .fl-page #subNav { z-index: 36; }          
  #subNav #iconBar { min-height: 0; }
  #subNav #iconBar > .fl-module-content { margin: 0; }
  #subNav .fl-col { min-height: 0; }
  #subNav > .fl-row-content-wrap { background: transparent; }

  #subNav { z-index: 36; }

  #subNav #iconBar .fl-menu .fl-menu-mobile-toggle {
    position: fixed;
    top: 22px !important;
    right: 11px;
    left: auto;
    margin: 0;
    float: none;
  }
  .admin-bar #subNav #iconBar .fl-menu .fl-menu-mobile-toggle { top: 62px !important; }
}


@media (max-width: 768px) {

	#coservHeader {
		text-align: center;
		z-index: 32 !important;
	}

	.primary-nav .sub-menu li a {
		color: var(--white) !important;
		border-bottom: 1px solid var(--coserv-gray-light);
	}

	.primary-nav .sub-menu li a {
		border-bottom: 0
	}

	.primary-nav .sub-menu li a:hover {
		background: var(--coserv-green-dark);

	}

	#subNav .fl-col {
		min-height: 0;
	}

	#iconBar #menu-primary-navigation li a {
		padding-right: 15px;
	}

	#iconBar {
		margin: -10px auto 0 auto;
		max-width: 400px;
	}

	#iconBar>.fl-module-content.fl-node-content {
		margin-bottom: 0px;
	}

	#siteLogo img {
		max-width: 175px;
		margin: 0 auto;
		margin-top: 0px;
	}

	#siteLogo {
		text-align: center;
		margin: 0 auto;
	}

	#coservHeader #iconBar {
		padding-top: 0px;
	}

	#coservHeader #siteLogo {
		max-width: 75px;
	}

	header .fl-search-form {
		display: none
	}

	@media (min-width: 993px) {
		.fl-search-form-wrap { display: none!important }

	}

@media (max-width: 1202px) {

	.flayout-menu .fl-menu-search-item { padding-top: 20px }

  .flyout-menu .fl-menu-mobile-flyout .fl-menu-search-item,
  .flyout-menu .fl-menu-mobile-flyout .fl-menu-search-item .fl-search-form {
    display: block !important;
  }

  .flyout-menu .fl-menu-mobile-flyout .fl-menu-search-item .fl-search-form-fields > .fl-button-wrap {
    display: none !important;
  }

  .flyout-menu .fl-menu-mobile-flyout .fl-menu-search-item .fl-search-form-input-wrap {
    display: block !important;
    opacity: 1 !important; 
    position: static;
    width: 100%;
    top: auto; right: auto; left: auto;
    transform: none;
    padding: 0;
  }

  .flyout-menu .fl-menu-mobile-flyout .fl-menu-search-item .fl-search-form-input-wrap form {
    flex-direction: row; 
  }

  .flyout-menu .fl-menu-mobile-flyout .fl-menu-search-item .fl-search-text {
    width: 100%;
  }
}




	.hamburger {
		float: right;
		color: #004347;
		margin-top: -52px;
		z-index: 99
	}

	.hamburger-menu {
		color: #004347;
		margin-top: -14px
	}

	#feedback-bar .helpful-controls {
		margin-top: 15px;
		display: block;
	}

	#feedback-bar .text-center h2 {
		margin-right: 0;
	}

	.footer-cta {
		padding: 20px 0px;
		font-size: 1.1rem;
	}
}

@media (max-width: 769px) {
	 .fl-menu .fl-menu-mobile-toggle {
		top: -95px;
		right: 10px;
	}

	.page-id-56027 .fl-menu .fl-menu-mobile-toggle {
		top:  90px;		
		right: 0px;
	}	
}

#coservHeader {
	padding-top: 0px;
	z-index: 35;
	width: 100%;
	position: fixed;
	top: 0;
}

#subNav {
	position: fixed;
	width: 100%;
	border-width: 0px;
	z-index: 32;
}

@media (max-width: 768px) {

	#subNav>.fl-row-content-wrap {
		background: var(--white);
	}

	#subNav .menu li {
		background: var(--coserv-green-dark);
	}
}