/*
 Theme Name: Th Featured
 Theme URI: https://themehunk.com/product/gogo-amazing-wordpress-theme/
 Author: ThemeHunk
 Author URI: https://www.themehunk.com
 Template: featuredlite
 Description: Featured lite theme is specially designed for corporate/business websites. Theme is user friendly and its instant set up process help you to create professional website for Business (Agency, Interior, Florist, Transport, Construction etc), Shop / eCommerce, Personal, Blog, Photography. This responsive theme comes with live customizer, Full body background slider and background image option, Translation ready, Header layouts (Default, Center and Split), Widget based home page sections with unlimited items capability, Unlimited color option, Advance Section styling, Professionally designed sections (Ribbon, Services, About Us, Call to action, Team, Shop (WooCommerce), Testimonial, Latest News, Contact Us (With call to, Mail to, Address and Map). Theme contain seven widget area (Four for footer, Two for sidebar (default pages) and one for shop page). Theme is compatible with WooCommerce, bbPress, Lead form builder, Contactform7 and with many other WP plugin.
 Version: 1.0.0
 Requires at least: 4.5
 Tested up to: 5.8.2
 Requires PHP: 5.6
 License: GNU General Public License v3 or later
 License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
 Text Domain: th-featured
 Tags: right-sidebar, custom-menu, custom-logo, editor-style, featured-images, translation-ready, flexible-header, theme-options, education

 This theme, like WordPress, is licensed under the GPL.
 Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');


p a, div.breadcrumb a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.nav-next a,
.wp-block-list a {
	text-decoration: underline !important;
}

.drg-spaced-link-list li {
	margin-top: 12px;
	margin-bottom: 12px;
}

.navigation ul ul a,
.navigation ul ul a:link,
.navigation ul ul a:visited {
	color:#4b2c58;
}
.navigation ul ul li a:hover,
.navigation ul ul li a:focus,
.navigation .menu .current_page_item a {
	background-color:#574262 !important;
	color: #eee9ed !important;
}

.nav-links .page-numbers.current {
	background: #4b2c58;

}

.program-profile-contact-button {
	text-decoration: none !important;
	display: inline-block;
	margin: 32px;
}

*:not(.fa, #wpadminbar) {
  font-family: 'Montserrat', sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}
p, h1, h2, h3, h4, h5, h6 {
	color: black;
}
.cvn-staff-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

p, li, a, button, input, textarea {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
}
button,
input[type="submit"] {
  font-weight: 500;
  letter-spacing: 0.02em;
}
button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover {
  background-color: #bfd8d1 !important;
}
button,
input[type="submit"],
.wp-block-button__link {
  background-color: #027756 !important;
  color: #fff !important;
  border: 1px solid;
}

button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover {
  background-color: #bfd8d1 !important;
  color: #000 !important;
}

/*blockquote STYLE*/
/*page under link color*/
.page-description a, 
.post-content a{
    color: #027756;
    text-decoration: underline;
}



#message-para {
	text-align: center;
	margin: 16px auto;
}
#program-search-form input[type="submit"] {
	margin: 64px auto;
}
#search-descrip-para {
	max-width: 500px;
	font-weight: bold;
	overflow-wrap: break-word;
}






details summary {
	list-style: none;
	&::after {
		content: "Expand to View Details \2192";
	}
	[open] &::after {
		content: "Details (expanded view) \2193";
	}
}
details summary::-webkit-details-marker {
	display: none;
}


#program-search-form details {
	margin: 16px;
}
#program-search-form details summary {
	list-style: none;
	&::after {
		content: "Expand to View Search Terms \2192";
		margin: 16px;
	}
	[open] &::after {
		content: "Search Terms (expanded view) \2193";
	}
}
details summary::-webkit-details-marker {
	display: none;
}

/*#program-search-form details label {
	display: block;
}*/

  #program-search-form .checkbox-grid {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  #program-search-form .checkbox-grid input {
    margin: 3px;
  }
  #program-search-form .checkbox-grid label {
    margin: 8px 8px 8px 32px;
  }





.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	background:#3a2146;
}




/* digital-response-links.css */
.digital-response-link {
    font-family: "Montserrat", sans-serif;
    /*color: white;
    background-color: #006247;*/
    /*font-weight: 700;*/
    /*text-transform: uppercase;*/
    /*padding: .35em .8em;*/
    /*font-size: 22px;*/
    /*text-decoration: none;*/
    display: inline-block;
}
/*.digital-response-link:hover {
    background-color: #3a2146;
    color: white;
}
.digital-response-link-container a:visited {
    color: white !important; 
}*/
.digital-response-link-container, #js-control{
    margin: 0 0 0 0 !important;
	padding: 0 0 0 0;
}
.digital-response-link-container input {
    margin: 1em 1em 1em 1em;
	overflow-wrap: break-word;
}
.digital-response-link-container form {
    margin: 0 0 0 0;
	overflow-wrap: break-word;
}
.drg-listing {
	overflow-wrap: break-word;
}
.digital-response-link-left{
    /*margin: 15px 15px 15px 0 !important;*/
}
.digital-response-link-container input {
    font-size:large;
}

/* listing.css */
#drg-listings-container, .drg-listings-container {
    margin: 0 2px;
	display: flex;
	flex-direction: row;
	justify-items: center;
	gap: 1em;
}
#drg-searchresults-container {
    margin: 1em;
	display: flex;
	flex-direction: row;
	justify-items: center;
	gap: 2px;
}
.drg-listings-column {
	flex-basis: 1;
	max-width: 50%;
}
.drg-listing {
    margin: 1em auto;
    border: 5px solid #006247;
	break-inside: avoid;
}
#drg-searchresults-container .drg-listing,
#drg-searchresults-container .summary,
#drg-searchresults-container div,
#drg-searchresults-container .wp-element-button {
	margin: 2px;
	padding: 2px;
	border-width: 2px;
	font-size: 16px;
}
#drg-searchresults-container h2 {
	font-size: 16px;
}
.drg-listing summary, .drg-listing div {
    margin: 1em;
}
.drg-listing a,
.drg-listing a:link {
    color: #006247;
    font-family: "Montserrat", sans-serif;
    font-weight: 700 !important;
    text-decoration: underline !important;
}
.drg-listing a:visited,
.drg-listing a:hover,
.drg-listing a:active {
    color: #3a2146;
    font-family: "Montserrat", sans-serif;
    font-weight: 700 !important;
    text-decoration: underline;
}
.drg-label {
    font-weight: bold;
}
#js-control { 
    text-align: center;
    margin: 5em;
}
#distance, #country-select {
    display: block;
    margin: 1em auto;
    border: 1px solid black;
}
.visuallyhidden, .digital-response-link-container input.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .drg-profile-content-container div,
  .drg-profile-taxonomy-container div {
	margin: 1em;
  }
  .drg-profile-container p {
	margin-block-start: 0;
  }
  .drg-profile-taxonomy-container {
	columns: 2;
  }
  .drg-profile-taxonomy-container div {
	margin-block-start: 0;
  }
  .program-profile-image {
	float: right;
	margin: 1em;
  }
  .search-auto-select-container button {
	display: block;
	text-align: center;
	margin: auto;
  }
  li.featured-section.wow a p {
	display: none;
  }
  li.featured-section.wow a h3,
  .ribbon-section .ribbon-button button,
  .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	font-size: 20px;
	color: #fff;
  }

  div.multi-feature-area h3.subhead-text.wow {
	display: none;
  }
  @media screen and (max-width: 1024px) {
	.header a#pull::after {
		color: transparent;
		border: 5px solid #4b2c58;
	}
	.navigation ul .current-menu-item > a {
		background-color: #4b2c58;

	}
  }



  /* member-map.css */
  #map { 
    height: 90vh; 
    width: 90%;
    margin: auto;
}
#js-control { 
    text-align: center;
}
#distance, #country-select {
    display: block;
    margin: 1em auto;
    border: 1px solid black;
	width: 300px;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  #member-map-table {
    table-layout: fixed;
    width: 100%;
    word-wrap: break-word;
  }
  #member-map-table tr td {
    border: 1px solid black;
    font-size: 14px;
    text-align: center;
    padding: 20px;
  }



/* program search form */

  #program-search-form select {height: 100px; display: block; max-width: 90%; margin-bottom: 2em; margin-left: 5%;}

  /* Leaflet css */

  /* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url(images/marker-icon.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}




	@media screen and (min-width: 1000px) {
    div.search-program-container {
		display: flex; 
		flex-direction: row;
	}

	.search-program-sidebar-container {
		width: 300px !important;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}

	div.search-program-contents-container {
		flex: 1;
	}
}

@media screen and (max-width: 999px) {
	div.search-program-sidebar-container {
		margin:auto;
		text-align: center;
	}

	.search-program-sidebar-container .sponsor-appreciation, .search-program-contents-container .sponsor-store-link {
		display: none;
	}
}

@media screen and (max-width: 400px) {
	#drg-searchresults-container, #drg-listings-container, .drg-listings-container {
		display: block;
	}
	.drg-listings-column, .drg-listing {
		display: block;
		max-width: 100%;
	}
	#distance, #country-select {
		width: 250px;
	}
}