.link, a{text-decoration: none;}
	.link:hover, a:hover{text-decoration: none;}.link, a{font-weight: normal;}
#header #layout>.amh-row, #header>.amh-row{max-width: 1802px;}
#header #layout>.amh-row>.amh-block>.amh-content, #header>.amh-row>.amh-block>.amh-content{max-width: 1802px;}
#body #layout>.amh-row, #body>div>.amh-row{max-width: 1402px;}
#body #layout>.amh-row>.amh-block>.amh-content, #body>div>.amh-row>.amh-block>.amh-content{max-width: 1402px;}
.bodysize{max-width: 1402px;}
#footer #layout>.amh-row, #footer>.amh-row{max-width: 1402px;}
#footer #layout>.amh-row>.amh-block>.amh-content, #footer>.amh-row>.amh-block>.amh-content{max-width: 1402px;}
.linkcolour, .fc-header h2, .link, .eeventcoming i,.eedate:after,.date-icon:after, a{color: #28568e;}
.link:hover, a:hover{color: #28568e;}
.widgetbg{background-color: #ffffff;}
.rssFeed .rssRow,.tweet_list li {border-bottom: 1px solid #cccaca;}
body{
		color: #1f1f1f;
		font-family: Verdana, Geneva, sans-serif;
		background-color: #ffffff;
	}
.content{
		background-color: #ffffff;
	}
.searchbox{
		border: 3px solid #ffffff;
	}
#default_footer{
		margin-left:auto;
		margin-right:auto;
		text-align: center;
		font-size:10pt;
		padding-bottom:10px;
		color:#adadad;
	}
#default_footer a{
		text-decoration: underline;
		color:#adadad;
	}
.resource_item_header, .button, .button-strip a{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: normal;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #00b0b0;
	background: #00b0b0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b0b0), color-stop(50%,#00b0b0), color-stop(51%,#00b0b0), color-stop(100%,#00b0b0));
	background: -moz-linear-gradient(top,  #00b0b0 0%, #00b0b0 50%, #00b0b0 51%, #00b0b0 100%);
	background: -webkit-linear-gradient(top,  #00b0b0 0%,#00b0b0 50%,#00b0b0 51%,#00b0b0 100%);
	background: -o-linear-gradient(top,  #00b0b0 0%,#00b0b0 50%,#00b0b0 51%,#00b0b0 100%);
	background: -ms-linear-gradient(top,  #00b0b0 0%,#00b0b0 50%,#00b0b0 51%,#00b0b0 100%);
	background: linear-gradient(top,  #00b0b0 0%,#00b0b0 50%,#00b0b0 51%,#00b0b0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b0b0', endColorstr='#00b0b0',GradientType=0 );
	border: 0px solid #000000;
	color: #ffffff;
}
.resource_item_header:hover, .button:hover, .button:focus, .button_open, .button-strip-active a, .button-strip a:hover{
	background: #20c9c9;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#20c9c9), color-stop(50%,#20c9c9), color-stop(51%,#20c9c9), color-stop(100%,#20c9c9));
	background: -moz-linear-gradient(top,  #20c9c9 0%, #20c9c9 50%, #20c9c9 51%, #20c9c9 100%);
	background: -webkit-linear-gradient(top,  #20c9c9 0%,#20c9c9 50%,#20c9c9 51%,#20c9c9 100%);
	background: -o-linear-gradient(top,  #20c9c9 0%,#20c9c9 50%,#20c9c9 51%,#20c9c9 100%);
	background: -ms-linear-gradient(top,  #20c9c9 0%,#20c9c9 50%,#20c9c9 51%,#20c9c9 100%);
	background: linear-gradient(top,  #20c9c9 0%,#20c9c9 50%,#20c9c9 51%,#20c9c9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20c9c9', endColorstr='#20c9c9',GradientType=0 );
	border: 0px solid #000000;
	color: #ffffff;
}
.button a, .button-strip a{
	color: #ffffff;
	text-decoration:none;
}
.button-strip-active a{
	color: #ffffff;
	text-decoration:none;
}
.button:hover a, .button-strip:hover a{
	color: #ffffff;
	text-decoration:none;
}
.button-strip a{
	font-weight:normal;
}
.resource_item_open{
	border: 0px solid #000000;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.resource_item_open .resource_item_header{
	border: none;
	-webkit-border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
	border-radius: 6px 6px 0px 0px;
}
h1, h2, h3, h4, h5, h6, .heading1, .heading2, .heading3, .heading4, .heading5{
	color: #1b365d;
	padding-bottom:2px;
	padding-top:2px;
	margin-bottom:0px;
	margin-top:0px;
	line-height: 1.3;
}
h1, h2, .heading1, .heading2{
	padding-bottom:5px;
	padding-top:5px;
	margin-bottom:0px;
	margin-top:0px;
}
h1, .heading1{
	font-weight: bold;
	font-size: 3.667em;
}
h2, .heading2{
	font-weight: bold;
	font-size: 2.667em;
}
h3, .heading3{
	font-weight: bold;
	font-size: 1.833em;
}
h4, .heading4{
	font-size: 1.167em;
	font-weight: bold;
}
h5, .heading5{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.917em;
}
.widget_tab, .widget_tab_selected{
	background: #3a4f4b;
	color: #ffffff;
}
.widget_tab:hover, .widget_tab_selected{
	background: #00b0b0;
	color: #ffffff;
}
a.button-strip{
	width: 100%;
	display: block;
}
a.button-strip:hover{
	text-decoration:none;
}
.widget_tab, .widget_tab_selected{
	cursor: pointer;margin-left: auto;margin-right: 1px;padding: 5px;float: left;font-size: 1.083em;
}
.widget_tab_bar{
	height: 28px;
	border-bottom:1px solid #cccaca;
}
.tab, .tab_selected, .navbar-top, .nav-mobile{
	font-weight: normal;
	background: #203559;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#203559), color-stop(50%,#203559), color-stop(51%,#203559), color-stop(100%,#203559));
	background: -moz-linear-gradient(top,  #203559 0%, #203559 50%, #203559 51%, #203559 100%);
	background: -webkit-linear-gradient(top,  #203559 0%,#203559 50%,#203559 51%,#203559 100%);
	background: -o-linear-gradient(top,  #203559 0%,#203559 50%,#203559 51%,#203559 100%);
	background: -ms-linear-gradient(top,  #203559 0%,#203559 50%,#203559 51%,#203559 100%);
	background: linear-gradient(top,  #203559 0%,#203559 50%,#203559 51%,#203559 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#203559', endColorstr='#203559',GradientType=0 );
	color: #ffffff;
}
.vtab{
	font-weight: normal;
	background: #203559;
	background: -webkit-gradient(linear, right, left, color-stop(0%,#203559), color-stop(50%,#203559), color-stop(51%,#203559), color-stop(100%,#203559));
	background: -moz-linear-gradient(-90deg,  #203559 0%, #203559 50%, #203559 51%, #203559 100%);
	background: -webkit-linear-gradient(-90deg,  #203559 0%,#203559 50%,#203559 51%,#203559 100%);
	background: -o-linear-gradient(-90deg,  #203559 0%,#203559 50%,#203559 51%,#203559 100%);
	background: -ms-linear-gradient(-90deg,  #203559 0%,#203559 50%,#203559 51%,#203559 100%);
	background: linear-gradient(-90deg,  #203559 0%,#203559 50%,#203559 51%,#203559 100%);
	color: #ffffff;
}
.vtab:hover, .vtab_selected{
	background: #203559;
	background: -webkit-gradient(linear, right, left, color-stop(0%,#203559), color-stop(50%,#203559), color-stop(51%,#203559), color-stop(100%,#203559));
	background: -moz-linear-gradient(-90deg,  #203559 0%, #203559 50%, #203559 51%, #203559 100%);
	background: -webkit-linear-gradient(-90deg,  #203559 0%,#203559 50%,#203559 51%,#203559 100%);
	background: -o-linear-gradient(-90deg,  #203559 0%,#203559 50%,#203559 51%,#203559 100%);
	background: -ms-linear-gradient(-90deg,  #203559 0%,#203559 50%,#203559 51%,#203559 100%);
	background: linear-gradient(-90deg,  #203559 0%,#203559 50%,#203559 51%,#203559 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#203559', endColorstr='#203559',GradientType=0 );
	color: #ffffff;
}
.navbar-top>div>ul>li>a, .navbar-top>div>ul>li>a:focus, .nav-mobile a{
	background: #203559;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#203559), color-stop(50%,#203559), color-stop(51%,#203559), color-stop(100%,#203559));
	background: -moz-linear-gradient(top,  #203559 0%, #203559 50%, #203559 51%, #203559 100%);
	background: -webkit-linear-gradient(top,  #203559 0%,#203559 50%,#203559 51%,#203559 100%);
	background: -o-linear-gradient(top,  #203559 0%,#203559 50%,#203559 51%,#203559 100%);
	background: -ms-linear-gradient(top,  #203559 0%,#203559 50%,#203559 51%,#203559 100%);
	background: linear-gradient(top,  #203559 0%,#203559 50%,#203559 51%,#203559 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#203559', endColorstr='#203559',GradientType=0 );

	color: #ffffff;
	border-right: 0px solid #000000;
	border-left: 0px solid #000000;
	border-top: 0px solid #000000;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
}
.tab:hover, .tab_selected, .navbar-top .open>a, .navbar-top>div>ul>li>a:hover, .navbar-top a.current, .navbar-top>div>ul>li>a:focus{
	background: #203559;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#203559), color-stop(50%,#203559), color-stop(51%,#203559), color-stop(100%,#203559));
	background: -moz-linear-gradient(top,  #203559 0%, #203559 50%, #203559 51%, #203559 100%);
	background: -webkit-linear-gradient(top,  #203559 0%,#203559 50%,#203559 51%,#203559 100%);
	background: -o-linear-gradient(top,  #203559 0%,#203559 50%,#203559 51%,#203559 100%);
	background: -ms-linear-gradient(top,  #203559 0%,#203559 50%,#203559 51%,#203559 100%);
	background: linear-gradient(top,  #203559 0%,#203559 50%,#203559 51%,#203559 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#203559', endColorstr='#203559',GradientType=0 );
	color: #ffffff;
}
.tab a{
	color: #ffffff;
}
.tab a:hover, .navbar-top a.current:hover{
	color: #ffffff;
}
.tab-bar{
	border-bottom: 1px solid #000000;
}
@media (max-width: 767px) {
	.tab{
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
	.tab-bar{
		border: none;
	}
}
#responsiveheader{
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	background: none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,none), color-stop(50%,none), color-stop(51%,none), color-stop(100%,none));
	background: -moz-linear-gradient(top,  none 0%, none 50%, none 51%, none 100%);
	background: -webkit-linear-gradient(top,  none 0%,none 50%,none 51%,none 100%);
	background: -o-linear-gradient(top,  none 0%,none 50%,none 51%,none 100%);
	background: -ms-linear-gradient(top,  none 0%,none 50%,none 51%,none 100%);
	background: linear-gradient(top,  none 0%,none 50%,none 51%,none 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='none', endColorstr='none',GradientType=0 );
	color: #ffffff;
}
#responsiveheaderimage{
	background-image: URL(/images/logos/sscity/);
}
#responsiveheadermessage p:before{
	content:'';
}
#responsiveheaderaltmessage p:before{
	content:'';
}
.widget{
	border: 1px solid #3a4f4b;
	background-color: #ffffff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0);
	-moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0);
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0);
}
.widgetheader{
	color: #ffffff;
	font-weight: bold;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: -1px -1px 0px 0px;
	border-radius: -1px -1px 0px 0px;
	background: #3a4f4b;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3a4f4b), color-stop(50%,#3a4f4b), color-stop(51%,#3a4f4b), color-stop(100%,#3a4f4b));
	background: -moz-linear-gradient(top,  #3a4f4b 0%, #3a4f4b 50%, #3a4f4b 51%, #3a4f4b 100%);
	background: -webkit-linear-gradient(top,  #3a4f4b 0%,#3a4f4b 50%,#3a4f4b 51%,#3a4f4b 100%);
	background: -o-linear-gradient(top,  #3a4f4b 0%,#3a4f4b 50%,#3a4f4b 51%,#3a4f4b 100%);
	background: -ms-linear-gradient(top,  #3a4f4b 0%,#3a4f4b 50%,#3a4f4b 51%,#3a4f4b 100%);
	background: linear-gradient(top,  #3a4f4b 0%,#3a4f4b 50%,#3a4f4b 51%,#3a4f4b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a4f4b', endColorstr='#3a4f4b',GradientType=0 );
}
.widgetbody{
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-topleft: 0px;
	-webkit-border-radius: 0px 0px -1px -1px;
	border-radius: 0px 0px -1px -1px;
}
.widgetbody p{
	margin-top:0px;
}
.widgetbody h1{
	color: #1b365d;
}
.pagination>.active>a, .pagination>.active>a:hover{
	background-color: #1b365d;
	border-color: #1b365d;
}
.pagination>li>a, .pagination>li>a:hover{
	color: #1b365d;
}
.polaris-nav-active i{
	color: #1b365d;
}
.widgetbody hr{
	color: #cccaca;
	background-color: #cccaca;
	margin-top: 6px;
	margin-bottom: 8px;
	height: 1px;
	border: none;
}
.toprule{
	border-top: 1px solid #cccaca;
}
.bottomrule{
	border-bottom: 1px solid #cccaca;
}
.bodytext{color: #1f1f1f;}
.headingtext{color: #1b365d;}
/* target a div to allow a content block to go full width */
#body>div>.amh-row>div#idQXbwR.amh-block>.amh-content {
    max-width: 100%;
}

html {
    font-size: 16px;
}

body {
    font-size: 1rem;
    font-family: 'Open Sans', sans-serif;
}

.button {
    font-size: 1.25rem;
    padding: 15px 20px;
}

#header>.amh-row,
#body>div,
#footer>.amh-row {
    padding: 0 15.2px;
}

.__visuallyhidden {
    position: absolute !important;
    left: -999em !important;
    top: -999em !important;
}

/*========== HEADER ==========*/
#header {
  border-bottom: 10px solid #ffffffB3;
  box-shadow: 2px 1px 6px #00000033;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
}

#header>.amh-row {
  background-image: url(https://www.saratogasprings-ut.gov/ImageRepository/Document?documentID=9731);
  background-position: left bottom;
  background-repeat: no-repeat;
}

#header p {
    padding: 0px;
    margin: 0px;
}

#id3vWEF > div {
  width: auto;
}

/* logo */
#id3vWEF > div:nth-child(1) {
  float: left;
  padding: 7.6px 0;
  z-index: 2;
}

/* search bar */
#id3vWEF > div:nth-child(2) {
  float: right;
  width: 100%;
  max-width: 290px;
  padding: 19px 0 15.2px;
  margin: 0;
  z-index: 2;
}

.search-bar {
    background: #F8FBFD;
    height: 57px;
    border-radius: 30px;
}

.search-bar input {
  font-family: "Raleway", sans-serif;
  color: #1F1F1F;
  font-size: 0.75rem;
  font-weight: 600;
  width: 100%;
  height: 57px;
  background-color: transparent;
  border: none;
  border-radius: 30px;
  padding: 1px 58px 1px 24px;
}

.search-bar input::placeholder {
  color: #1F1F1F;
}

.search-bar button {
  position: absolute;
  right: 0;
  width: 37px;
  height: 37px;
  margin: 10px;
  border: none;
  background: transparent;
  background-image: url(https://www.saratogasprings-ut.gov/ImageRepository/Document?documentID=9729);
}

.search-bar button:hover {
  background-image: url(https://www.saratogasprings-ut.gov/ImageRepository/Document?documentID=9730);
}

@media (max-width: 1099px) {
  #header {
    position: static;
  }
}

@media (max-width: 640px) {
  #id3vWEF {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  /* logo */
  #id3vWEF > div:nth-child(1) {
    order: 2;
  }

  /* search bar */
  #id3vWEF > div:nth-child(2) {
    order: 3;
  }
}

/*========== NAVIGATION ==========*/
#id3vWEF > div:nth-child(3) {
  float: right;
  max-width: 950px;
  width: calc(98% - 154px - 290px);
}

/* hides the home tab - which is actually the second menu item DO NOT DELETE */
.navbar-top ul.navbar-nav>li:nth-child(2) {
    display: none;
}

/* removes default border and radius from navbar */
#navbar>.navbar {
    border: none;
    border-radius: 0;
}

/* hide dropdown nav item arrows */
.fa-sort-desc {
    display: none;
}

/* Desktop Nav styling */
@media (min-width: 1700px) {
    #id3vWEF > div:nth-child(3) {
        margin: 0 calc(50% - 475px - 290px) 0 calc(50% - 475px - 154px);
    }
}

@media (min-width: 641px) {
    /* dropdown menus on hover */
    .dropdown:hover>.dropdown-menu {
        display: block !important;
    }
  
    #navbar-collapse-grid,
    #navbar .navbar-nav {
        padding: 0;
        margin: 0;
        width: 100%;
    }
  
  
  /* hides the Close Menu tab and Back dropdown element - used for mobile menu */
  .navbar-top ul.navbar-nav>li:nth-child(4),
  #navbar .dropdown>.dropdown-menu>li:nth-child(1),
  #navbar .dropdown-submenu>.dropdown-menu>li:nth-child(1) {
    display: none;
  }
  
  /* changes mobile nav to a narrower window */
    .visible-xs.nav-mobile {
      display: none !important;
  }

  #navbar-collapse-grid {
    display: block !important;
    margin: 0;
    border: 0;
  }

  #navbar,
  .navbar-top {
      background-color: transparent !important;
      color: #fff !important;
  }
  
    /* nav bar */
  #navbar,
  .navbar.navbar-top {
    background: transparent;
    background-color: transparent;
  }
  
  /* educational resources */
  #navbar .navbar-nav>li:nth-child(6) {
    width: 28.2526%;
  }
  
  /* events */
  #navbar .navbar-nav>li:nth-child(8) {
    width: 15.2%;
  }
  
  /* online resources */
  #navbar .navbar-nav>li:nth-child(10) {
    width: 24.1474%;
  }
  
  /* policies */
  #navbar .navbar-nav>li:nth-child(12) {
    width: 15.9368%;
  }
  
  /* services */
  #navbar .navbar-nav>li:nth-child(14) {
    width: 16.4632%;
  }
  
  #navbar .navbar-nav>li {
    float: left;
  }
  
    #navbar .navbar-nav>li>a {
        text-align: center;
        color: #fff !important;
        font-size: 1rem;
        line-height: 1.5;
        font-weight: 400;
        background: transparent !important;
        background-color: transparent !important;
        background-image: url(https://www.saratogasprings-ut.gov/ImageRepository/Document?documentID=9728) !important;
        background-repeat: no-repeat !important;
        background-position: bottom -12px center !important;
        border: 0px solid #bca03d;
        padding: 35.2px 3.2px;
        transition: all 0.3s ease-in-out;
    }
  
    #navbar .navbar-nav>li>a:hover {
        background-position: bottom 8px center !important;
        border-bottom: 10px solid #bca03d;
        padding-bottom: 25.2px;
    }
  
  /*============ menu-type: flyout (single column, submenus popout) ============*/
  /* navigation dropdown menus */
    #navbar .dropdown>.dropdown-menu {
        border: none;
        border-radius: 0;
        padding: 0;
        margin: 0;
        background: #203559;
    }

    .dropdown-menu {
        top: initial;
        box-shadow: none;
    }

    #navbar .dropdown>.dropdown-menu>li>a {
        color: #fff;
        font-size: 1rem;
        line-height: 1.5;
        font-weight: 400;
        padding: 7.6px 15.2px;
    }

    #navbar .dropdown>.dropdown-menu>li>a:hover {
        background: #edeff0;
        color: #21365a;
    }
  
    /* navigation dropdown submenus */
    #navbar .dropdown-submenu>.dropdown-menu {
        border: none;
        border-radius: 0;
        padding: 0;
        margin: 0;
        top: 0px;
        background: #203559;
    }
  
    #navbar .dropdown-submenu>.dropdown-menu>li>a {
        color: #fff;
        font-size: 1rem;
        line-height: 1.5;
        font-weight: 400;
        padding: 7.6px 15.2px;
    }

    #navbar .dropdown-submenu>.dropdown-menu>li>a:hover {
        background: #edeff0;
        color: #21365a;
    }
}

@media (max-width: 1113px) and (min-width: 1100px) {
    #navbar .navbar-nav>li>a {
        font-size: 0.9375rem;
        padding: 33px 3px;
    }
}

@media (max-width: 1099px) and (min-width: 641px) {
    #id3vWEF > div:nth-child(3) {
      float: none;
      max-width: none;
      width: 100%;
    }
}

@media (max-width: 768px) and (min-width: 641px) {
  /* educational resources */
  #navbar .navbar-nav>li:nth-child(6) {
    width: 32.8105%;
  }
  
  /* events */
  #navbar .navbar-nav>li:nth-child(8) {
    width: 12.549%;
  }
  
  /* online resources */
  #navbar .navbar-nav>li:nth-child(10) {
    width: 26.4379%;
  }
  
  /* policies */
  #navbar .navbar-nav>li:nth-child(12) {
    width: 13.6928%;
  }
  
  /* services */
  #navbar .navbar-nav>li:nth-child(14) {
    width: 14.5098%;
  }
}

/* Mobile Nav styling */
@media (max-width: 640px) {
  #id3vWEF > div:nth-child(3) {
    width: 100%;
  }
  
  /* change default toggle to custom toggle, keeping default burger button */
    .navbar-collapse.collapse,
    .navbar-collapse.collapse.in,
    .navbar-collapse.collapsing {
        display: block !important;
    }

    #navbar:has(.nav-mobile.active) .navbar-collapse {
        display: block !important;
    }
  
  .navbar-header.nav-mobile {
    display: flex !important;
    align-items: center;
    width: 100vw;
    padding: 0 15.2px;
    margin: 0 -15.2px;
    border-bottom: 1px solid #fff;
    cursor: pointer;
  }
  
  .nav-mobile .navbar-brand  {
    font-size: 0.8125rem;
    line-height: 2;
    padding: 0 0 0 15.2px;
    margin: 0;
    height: auto;
  }
  
  .burger-button {
    display: flex;
    line-height: 26px;
  }
  
  .fa.fa-bars {
    font-size: 1.25rem;
  }
  
  #navbar-collapse-grid {
    position: fixed;
    top: 0;
    z-index: 5;
    width: 85vw;
    height: 100vh !important;
    padding: 0;
    margin-left: -15.2px;
    border: none;
    background-color: #21365a;
    transform: translate(-85vw, 0px);
    transition: 0.3s;
  }
  
  #navbar:has(.nav-mobile.active) #navbar-collapse-grid {
    transform: translate(0px, 0px);
  }
  
  #navbar .navbar-nav {
    margin: 0;
  }
  
  /* nav menu items */
    #navbar .navbar-nav * {
        background-color: transparent !important;
        color: #fff !important;
        font-size: 0.95rem;
    }

    #navbar .navbar-nav>li>a {
        padding: 15.2px 28.5px;
      line-height: 1.25;
    }
  
  #navbar .navbar-nav>li>a:hover {
    color: #21365a !important;
    background-color: #edeff0 !important;
  }
  
  /*============ menu-type: flyout (single column, submenus popout) ============*/
    /* nav menu dropdowns */
    #navbar .dropdown>.dropdown-menu,
    #navbar .dropdown-submenu>.dropdown-menu {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      padding: 0;
      margin: 0;
      border: none;
      box-shadow: none;
      height: 100vh;
      background-color: #21365a !important;
      transform: translate(-85vw, 0px);
      transition: transform 0.3s;
    }
  
  #navbar .dropdown.active>.dropdown-menu,
  #navbar .dropdown-submenu.active>.dropdown-menu {
      transform: translate(0px, 0px);
  }

    #navbar .dropdown>.dropdown-menu>li>a,
  #navbar .dropdown-submenu>.dropdown-menu>li>a {
        padding: 15.2px 28.5px;
      line-height: 1.25;
    }
  
  #navbar .dropdown>.dropdown-menu>li:nth-child(1)>a,
  #navbar .dropdown-submenu>.dropdown-menu>li:nth-child(1)>a {
    background-color: #172641 !important;
    background-image: url("https://static.libnet.info/frontend-images/editor/sscity/back-arrow.png");
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: top 50% left 7px;
  }
  
  #navbar .dropdown>.dropdown-menu>li:nth-child(1)>a:hover,
  #navbar .dropdown-submenu>.dropdown-menu>li:nth-child(1)>a:hover {
    background-image: url("https://static.libnet.info/frontend-images/editor/sscity/back-arrow-hover.png");
  }
  
  #navbar .dropdown>.dropdown-menu>li:nth-child(2)>a,
  #navbar .dropdown-submenu>.dropdown-menu>li:nth-child(2)>a {
    background-color: #1d3151 !important;
  }

}

/*========== FOOTER ==========*/
#footer {
    margin-bottom: 0;
}

#footer>#footer {
    background: linear-gradient(90deg, rgba(33, 54, 90, .89) 0%, rgba(20, 38, 69, .89) 100%);
}

#footer>#footer>.amh-row:nth-child(1) {
    background-image: url("https://www.saratogasprings-ut.gov/ImageRepository/Document?documentID=9726");
    background-position: left bottom;
    background-repeat: no-repeat;
    padding-top: 136.8px;
    padding-bottom: 152px;
}

#footer,
#footer div,
#footer p,
#footer a {
    color: #fff;
  font-size: 0.95rem;
  line-height: 1.5;
}

#footer p {
    margin: 0;
}

.footer-column {
  padding: 0 7.6px;
}

.footer-logo {
  padding: 3.8px 0;
}

.footer-logo img {
    margin: 5px auto;
    display: block;
}

.social-icons {
    display: flex;
    justify-content: center;
    padding: 7.6px 0 0;
}

.social-icons a {
  display: block;
  width: 52.8px;
  height: 45.2px;
  padding: 0 11.4px;
}

.social-icons img {
  width: 30px;
  padding: 5.6px 0;
  border-bottom: 2px solid transparent;
  transition: 0.3s;
}

.social-icons a:hover > img {
  border-bottom: 2px solid #c1a01e;
}

.footer-column.column-2,
.footer-column.column-3, 
.footer-column.column-4 {
  padding-top: 22.8px;
}

.footer-column h3 {
  color: #fff;
  font-size: 1.1875rem;
  line-height: 1.5;
  font-weight: 700;
  padding: 7.6px 0 7.6px 55px;
  margin-bottom: 3px;
  background-image: url("https://www.saratogasprings-ut.gov/ImageRepository/Document?documentID=9751");
  background-position: left center;
  background-repeat: no-repeat;
}

.footer-column ul {
  list-style: none;
  padding: 0 7.6px 0 55px;
  margin: 0;
}

.footer-column ul > li {
  padding: 6.08px 0;
}

#footer .footer-column a:hover {
  font-style: italic;
  color: #c1a01e;
  font-weight: 600;
}

#footer .footer-column ul> li > a:hover {
  text-decoration: underline;
}

.footer-column.column-3 > ul {
  padding-left: 85.4px;
  list-style: circle;
}

.footer-column.column-3 > a {
  padding-left: 55px;
}

#footer>.amh-row:nth-child(2)>.amh-block>.amh-content {
  max-width: 2200px !important;
}

#footer .footer-bottom,
#footer .footer-bottom div,
#footer .footer-bottom p,
#footer .footer-bottom a {
    color: #222223;
}

.footer-bottom {
  display: flex;
  justify-content: flex-end;
  padding: 45.6px 0;
}

.footer-bottom ul {
  list-style: none;
  display: flex;
  justify-content: center;
  padding: 0;
  margin: 0;
  margin-right: calc(50% - 400px - 370px);
  width: 100%;
  max-width: 800px;
}

.footer-bottom ul > li {
  padding: 5.32px 9.88px;
}

#footer .footer-bottom a:hover {
    font-weight: 600;
    font-style: italic;
    text-decoration: underline;
}

.footer-bottom-right {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5.32px 9.88px;
  width: 370px;
}

.footer-bottom-right svg {
  width: 39px;
  height: 26px;
}

@media (max-width: 1499px) {
  .footer-bottom {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  .footer-bottom-right {
    order: 1;
    margin: 0 auto;
  }
  
  .footer-bottom ul {
    order: 2;
    margin: 0 auto;
  }
}

@media (max-width: 990px) {
  .footer-column.column-2,
  .footer-column.column-3, 
  .footer-column.column-4 {
    text-align: center;
  }
  
  .footer-column h3 {
    width: max-content;
    margin: 0 auto;
  }
  
  .footer-column ul {
    padding: 0;
  }
  
  .footer-column.column-3 > ul {
    padding-left: 30px;
  }
  
  .footer-column.column-3 > a {
    padding: 0;
    float: left;
  }
  
  .footer-bottom ul {
    flex-wrap: wrap;
  }
}

@media (max-width: 430px) {
  .footer-bottom ul {
    flex-direction: column;
    text-align: center;
  }
}

/*=== DEFAULT FOOTER ===*/
#default_footer {
  padding: 15.2px;
}

#default_footer,
#default_footer div,
#default_footer p,
#default_footer span {
    color: #190A0B;
    font-size: 0.9375rem;
}

#default_footer a {
    color: #203559;
    font-size: 0.9375rem;
    font-weight: 700;
  text-decoration: none;
}

#default_footer a:hover {
    text-decoration: underline;
}

/*========== BODY =========*/
#body>div {
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: 110px;
}

@media (max-width: 1099px) {
  #body>div {
    margin-top: 0;
  }
}

/*========== ATTEND/RESERVE LANDING PAGE =========*/
#body.attend--reserve-16793 {
    padding: 150px 0 250px;
}

div:has(>.landing-page-button) {
    padding: 16px !important;
}


/*========== RESERVE PAGE =========*/
.ammev-login {
    padding: 120px 0px 0px;
}


/*========== EVENTS PAGE =========*/
#body.events-page {
    padding: 20px 0 60px;
}

/* removes negative side margins (messes up mobile view sometimes) */
.row.events-filter-row,
.row.events-view-row {
    margin-right: 0;
    margin-left: 0;
}

.events-date-bar {
    border-top: 1px solid #c8c6c6;
    border-bottom: 1px solid #c8c6c6;
}

.eelistevent {
    min-height: 200px;
}

.eelisttitle {
    font-size: 2rem;
}

.eelisttime {
    font-size: 1.25rem;
}

.row.events-filter-row>div,
.events-details>.nav-tabs,
.events-left>div:not(:nth-child(1)),
.eelistevent-data>div:not(:nth-child(1), :nth-child(2)) {
    font-size: 1rem;
}

.events-body .eelistevent-data>.eelistgroup, .events-body .eelistevent-data>.eelisttags {
    font-size: 0.875rem;
}

.events-left>div>a {
    text-decoration: none;
}

@media (min-width: 768px) {
    .events-right {
        margin-left: 275px;
    }
}