/* helpers */
.click-through {cursor: pointer; }
.hide-text {text-indent: -9999px; white-space: nowrap; overflow: hidden; }
.hide-text a {display: block; height: 100%; }
.va-container {position: relative; height: 100%; }
.va-content {position: relative; top: 50%; transform: translate(0%,-50%); }
.truncate {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }
.object-fit {object-fit: cover; width: 100%; height: 100%;}

/* layout/template classes */
body{font-size: 16px;}
a, a:hover, a:visited, 
.media-heading a,
 a.list-group-item, 
 button.list-group-item {color: #2a6b83;}
.btn-primary {color:#fff;background-color: #1c617b;border-color: #1c617b;}
.btn-primary a, a.btn-primary {color:#fff;}
.btn-primary:hover, 
.btn-primary:active,  
.btn-primary:focus {color:#fff;background-color: #104b62;border-color: #104b62;}
.btn-primary a:hover {color:#fff; } 
.btn-white {color:#1c617b; background-color: #fff; border-color: #fff; }
.btn-white:hover {color:#1c617b; background-color: #ccc; border-color: #ccc; }

h3.media-heading {margin-left:0; font-size: 18px; margin-bottom: 8px;}
.media {padding: 15px 0;}
.media-wrapper .btn.show-more {margin: 20px 0 0; }
.media-listing {margin-top: 20px;}

.sprite {background: url(https://imgcdn.americantowns.com/img/sprites.png) no-repeat;}
.americantowns-full-logo{background-position-x: right; background-position-y: top; width:302px; height:28px; float:right; clear:both; margin-top: 6px; }

.media-special-offer {background: #fdffe7; border: 1px solid #EAB000; font-size: 75%; display: table; padding: 5px; }
.media-special-offer .glyphicon-tag {color: #EAB000; }
.media-special-offer .yext_special_offer {display: inline-block; margin-left: 5px; }

/* navigation */
.atn.navbar {background-color: #1c617b; border-radius: 0; border: 0; min-height: 40px;}
.atn.navbar-default .navbar-toggle {border-color: #fff; } 
.atn.navbar-default .navbar-toggle .icon-bar {background-color: #fff; }
.atn.navbar-default .navbar-nav>li>a {/*font: 400 11px/20px "Museo Slab",sans-serif;*/ text-transform: uppercase; color: #FFF; font-size: 12px; padding: 10px 19px; } 
.atn.navbar-default .navbar-toggle:focus,
.atn.navbar-default .navbar-toggle:hover {background-color: #2a6b83; }
.atn.navbar-default .navbar-nav>.open>a,
.atn.navbar-default .navbar-nav>.open>a:focus,
.atn.navbar-default .navbar-nav>.open>a:hover {color: #FFF; background-color: #2a6b83; }
.atn ul.navbar-nav {border-left: 1px solid #4a8196; }
.atn ul.navbar-nav .navbar-item {border-right: 1px solid #4c8498; }
.atn.navbar-default .navbar-brand {color:#fff; }
.atn.navbar-default .navbar-brand:focus, 
.atn.navbar-default .navbar-brand:hover {color: #fff; }
.atn.navbar-default .navbar-nav>li>a:focus, 
.atn.navbar-default .navbar-nav>li>a:hover {color: #ccc; }
.atn ul.nav li a {color: #2a6b83; }

/* header */
#header {background-color: #fff; } 
#header .top-header {background: #ccc; } 
.header-banner {padding: 6px 0; } 
.header-banner #user-nav{clear:both; margin: 0; } 
.header-banner #user-nav li a.rss-link {background-position-x: left; background-position-y: bottom; } 
.header-banner #user-nav li a.twitter-link {background-position-x: -27px; background-position-y: bottom; }
.header-banner #user-nav li a.facebook-link {background-position-x: -55px; background-position-y: bottom; }
.header-banner #user-nav li a.mail-link {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; line-height: 23px; padding: 6px 9px 4px 36px; background-position-x: 8px; background-position-y: -591px; background-color:#eaeeef; }
.header-banner #user-nav li a.icon {height: 22px; text-indent: 100%; width: 21px; }
.header-banner #user-nav li a.icon {white-space: nowrap; overflow: hidden; }
.header-banner #user-nav li a {display: block; font-size: 14px; }
.header-banner #user-nav li {display: inline-block; vertical-align: middle; }
.header-banner .media {border: none; padding: 0 0 5px; }
.footer-reliance {background-color: #1c617b; color: #fff; font: 400 18px/55px "Museo Slab",sans-serif; }
#footer {background-color: #CCC; } 
#footer .container {color: #6B7274; }
div.location h1, div.location h2 {color: #2a6b83; }
div.location h3 {color: #3e4649; letter-spacing: .1em; text-transform: uppercase; margin: 0; }
.nearby-towns { margin:0;}

/* find it fast */
.find-it-fast-form input.search {border:none; border-radius:0; box-shadow:none; border-bottom: 1px solid #2A6B84; padding: 0 28px 9px 0; font-size: 18px; height: auto; }
.find-it-fast-form .glyphicon-search {float: right; position: relative; top: -32px; color: #ccc; right: 5px; font-size: 18px; }

/* Things to Do Widget */
.ttd-text {height: 260px; margin: 15px 0; padding: 15px; background: rgba(28,82,113,.6); position: relative; color: #fff; }
.ttd-text .title {margin: 10px 0; font-size: 52px; line-height: 44px; }
.ttd-text .title a {color: #fff; }
.ttd-text .subtitle {font-size: 16px; margin: 10px 0; }

.ttd-text .header {text-transform: uppercase; font-size: 12px; }

.ttd-thumb  {width: 173px; height: 165px; float: left; background-color: #fff; margin-left: 17px; margin-bottom: 15px; }

.ttd-thumb .content-type {position: absolute; margin: 5px; padding: 4px; font-size: 10px; line-height: 1; text-transform: uppercase; }

.ttd-thumb .image {background: #f5f5f5; height: 125px; width: 100%; text-align: center; overflow: hidden; }
.ttd-thumb .image img {margin: 0 auto; }
.ttd-thumb .caption {font-size: 14px; padding: 10px; text-align: center; }
/* Things to Do Widget */

/* Answerbook */

.answerbook .box { border: 1px solid #dbdbdb; border-radius: 5px;margin: 20px 0; }
.answerbook .box .header { border-bottom: 1px solid #dbdbdb; height: 24px; background-color: #f5f5f5; }
.answerbook .box .media-heading { margin: 15px 20px;}
.answerbook .box .media-body { padding: 0 20px 15px; }
.answerbook .box .media-body p { margin: 0; }
.answerbook .box .media-body .learn-more { margin-top: 15px; display: block; }
.answerbook .circle-icon .fa { color: #357bb7; font-size: 4rem; }
.answerbook .circle-icon { position: absolute; margin-top: -10px; margin-left: -8px; background-color: #FFF; border-radius: 29px; padding: 1px 4px; }

/* Gas Prices */
.gpr_textcenter {text-align: center; padding-top: 30px !important; }
.gpr th {text-align: center; font-size: 16px; }
.gpr th.gpr_psection {width: 93px; }
.gpr_name {font-size: 20px; font-weight: bold; color: #100784; }
.gpr_address {font-size: 11px; }
.gpr_date {font-size: 10px; }
.gpr_price {font-size: 21px; font-weight: bold; color: #555; }
/* End Gas Prices */


/* Date picker */
.ui-datepicker-header {background: #eee;}
.ui-datepicker-prev {float: left;}
.ui-datepicker-next {float: right;}
.ui-datepicker-prev, 
.ui-datepicker-next {padding: 5px 0; text-align: center; width: 25%; cursor: pointer; }

.ui-datepicker-calendar {width: 100%; text-align: center; margin-top: 15px; }
.ui-datepicker-calendar th {text-align: center;}
.ui-datepicker-calendar td {height:40px;width: 14.2%;}
.ui-datepicker-calendar td:hover {background-color: #1c617b;}
.ui-datepicker-calendar td:hover a {color:#fff; text-decoration: none;}
.ui-datepicker-title {text-align: center;}
.ui-datepicker-month, 
.ui-datepicker-year {padding: 5px; border: 0; width: 25%; background: #eee; color: #2a6b83; cursor: pointer; }
.ui-datepicker-today {background: #eee;}
.ui-datepicker-current-day {background-color: #1c617b;}
.ui-datepicker-current-day a {color:#fff;}
/* End Date picker */

/* formsapi login status */
body #user-nav li.my-profile { display: none; }
body #user-nav li.logout { display: none; }
body.logged-in #user-nav li.login { display: none; }
body.logged-in #user-nav li.register { display: none; }
body.logged-in #user-nav li.my-profile { display: inline-block; }
body.logged-in #user-nav li.logout { display: inline-block; }
.add-events, .add-org, .add-articles {display: block;}


/* bootstrap 4 margin and padding quick classes */
.img-fluid {max-width: 100%;}
.w-25 {width: 25% !important;}
.w-50 {width: 50% !important;}
.w-75 {width: 75% !important;}
.w-100 {width: 100% !important;}
.h-25 {height: 25% !important;}
.h-50 {height: 50% !important;}
.h-75 {height: 75% !important;}
.h-100 {height: 100% !important;}
.mw-100 {max-width: 100% !important;}
.mh-100 {max-height: 100% !important;}
.m-0 {margin: 0 !important;}
.mt-0, .my-0 {margin-top: 0 !important;}
.mr-0, .mx-0 {margin-right: 0 !important;}
.mb-0, .my-0 {margin-bottom: 0 !important;}
.ml-0, .mx-0 {margin-left: 0 !important;}
.m-1 {margin: 0.25rem !important;}
.mt-1, .my-1 {margin-top: 0.25rem !important;}
.mr-1, .mx-1 {margin-right: 0.25rem !important;}
.mb-1, .my-1 {margin-bottom: 0.25rem !important;}
.ml-1, .mx-1 {margin-left: 0.25rem !important;}
.m-2 {margin: 0.5rem !important;}
.mt-2, .my-2 {margin-top: 0.5rem !important;}
.mr-2, .mx-2 {margin-right: 0.5rem !important;}
.mb-2, .my-2 {margin-bottom: 0.5rem !important;}
.ml-2, .mx-2 {margin-left: 0.5rem !important;}
.m-3 {margin: 1rem !important;}
.mt-3, .my-3 {margin-top: 1rem !important;}
.mr-3, .mx-3 {margin-right: 1rem !important;}
.mb-3, .my-3 {margin-bottom: 1rem !important;}
.ml-3, .mx-3 {margin-left: 1rem !important;}
.m-4 {margin: 1.5rem !important;}
.mt-4, .my-4 {margin-top: 1.5rem !important;}
.mr-4, .mx-4 {margin-right: 1.5rem !important;}
.mb-4, .my-4 {margin-bottom: 1.5rem !important;}
.ml-4, .mx-4 {margin-left: 1.5rem !important;}
.m-5 {margin: 3rem !important;}
.mt-5, .my-5 {margin-top: 3rem !important;}
.mr-5, .mx-5 {margin-right: 3rem !important;}
.mb-5, .my-5 {margin-bottom: 3rem !important;}
.ml-5, .mx-5 {margin-left: 3rem !important;}
.p-0 {padding: 0 !important;}
.pt-0, .py-0 {padding-top: 0 !important;}
.pr-0, .px-0 {padding-right: 0 !important;}
.pb-0, .py-0 {padding-bottom: 0 !important;}
.pl-0, .px-0 {padding-left: 0 !important;}
.p-1 {padding: 0.25rem !important;}
.pt-1, .py-1 {padding-top: 0.25rem !important;}
.pr-1, .px-1 {padding-right: 0.25rem !important;}
.pb-1, .py-1 {padding-bottom: 0.25rem !important;}
.pl-1, .px-1 {padding-left: 0.25rem !important;}
.p-2 {padding: 0.5rem !important;}
.pt-2, .py-2 {padding-top: 0.5rem !important;}
.pr-2, .px-2 {padding-right: 0.5rem !important;}
.pb-2, .py-2 {padding-bottom: 0.5rem !important;}
.pl-2, .px-2 {padding-left: 0.5rem !important;}
.p-3 {padding: 1rem !important;}
.pt-3, .py-3 {padding-top: 1rem !important;}
.pr-3, .px-3 {padding-right: 1rem !important;}
.pb-3, .py-3 {padding-bottom: 1rem !important;}
.pl-3, .px-3 {padding-left: 1rem !important;}
.p-4 {padding: 1.5rem !important;}
.pt-4, .py-4 {padding-top: 1.5rem !important;}
.pr-4, .px-4 {padding-right: 1.5rem !important;}
.pb-4, .py-4 {padding-bottom: 1.5rem !important;}
.pl-4, .px-4 {padding-left: 1.5rem !important;}
.p-5 {padding: 3rem !important;}
.pt-5, .py-5 {padding-top: 3rem !important;}
.pr-5, .px-5 {padding-right: 3rem !important;}
.pb-5, .py-5 {padding-bottom: 3rem !important;}
.pl-5, .px-5 {padding-left: 3rem !important;}
.m-auto {margin: auto !important;}
.mt-auto, .my-auto {margin-top: auto !important;}
.mr-auto, .mx-auto {margin-right: auto !important;}
.mb-auto, .my-auto {margin-bottom: auto !important;}
.ml-auto, .mx-auto {margin-left: auto !important;}


@media (min-width: 768px) {
	.navbar-collapse {padding:0; }
	.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {display: none; }
	.atn ul.navbar-nav {float: none; }
	.atn.navbar .container {padding:0; }
	body .navbar-nav li.login { display: none; }
	body .navbar-nav li.register { display: none; }
	body .navbar-nav li.my-profile { display: none; }
	body .navbar-nav li.logout { display: none; }
}
@media (min-width: 992px) {
	ul.nav li.dropdown:hover > ul.dropdown-menu {display: block;} /* turns bootstrap dropdown menu trigger from click to hover*/
}


/* bootstrap media queries below */

/* xs style */
@media all and (max-width: 767px) {
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {color:#ccc; }
	.atn-logo {float: left; margin-right: 10px; margin-bottom: 0; }
	.ttd-thumb {width:162px;}
	.ttd-text {height: 220px;}
	.breadcrumb>li+li:before {padding: 0 2px !important;}
	body .navbar-nav li.my-profile { display: none; }
	body .navbar-nav li.logout { display: none; }
	body.logged-in .navbar-nav li.login { display: none; }
	body.logged-in .navbar-nav li.register { display: none; }
	body.logged-in .navbar-nav li.my-profile { display: block; }
	body.logged-in .navbar-nav li.logout { display: block; }
}

/* sm style */
@media all and (min-width: 768px) and (max-width: 991px) {
	.header-menu .nav a.navbar-link {padding: 14px 8px !important; font-size: 9px !important;}
	.header-menu .nav a.navbar-link.home {padding-right: 14px !important;padding-left: 14px !important;}
	.ttd-thumb { width:168px; height: 165px;}
}
/* md style */
@media all and (min-width: 992px) and (max-width: 1199px) {
	.ttd-thumb { width:140px; height: 145px;}
	.ttd-thumb .image {height: 105px;
	

}

/* lg style */
@media all  and (min-width: 1200px) {

}