/*
  mprl-styles-mapify.css
  
  MapifyPro override styles for the Redwoods Finder Map
  Written by: Lawrence Dolton for Save The Redwoods League
  March 2017
  updated font and color scheme, September 2017
   
  Location: /wp-content/themes/roots-league-centennial/assets/css/mprl-styles-mapify.css
*/

/* modified search filter at top of map */
.mpfy-controls { position: relative; overflow: visible; min-height: 48px; z-index: 100; background: #467f6c; border-bottom: 1px solid #467f6c; }

/*.mpfy-controls .mpfy-search-form { display: inline; float: left; height: 48px; background: #467f6c; margin: 0; }*/
.mpfy-controls .mpfy-search-form { visibility: hidden; display: none; float: none; position:absolute; height: 60px; background: #fff; border: 2px solid #467f6c; border-top: none; margin: 0; padding: 6px 0; }

.mpfy-controls .mpfy-search-form .mpfy_search { display: inline; float: left; width: 155px; height: 28px; background: none; border: 1px solid #467f6c; padding: 0; margin: 0 30px 0 0; color: #467f6c; font-size: 12px; }
.mpfy-controls .mpfy-search-form .mpfy_search::-webkit-input-placeholder { color: #467f6c; font-style: italic; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.mpfy-controls .mpfy-search-form .mpfy_search::-moz-placeholder { color: #467f6c; font-style: italic; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.mpfy-controls .mpfy-search-form .mpfy_search::-moz-placeholder { color: #467f6c; font-style: italic; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.mpfy-controls .mpfy-search-form .mpfy_search::-ms-input-placeholder { color: #467f6c; font-style: italic; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.mpfy-controls .mpfy-search-form .mpfy-clear-search { display: none; position: absolute; top: 5px; right: 5px; width: 20px; height: 17px; background: url(../png/mprl-search-ico-clear_blue.png) no-repeat 0 0; font-size: 0px; line-height: 0px; text-indent: -4000px; text-decoration: none; }

/* Search Radius */
.mpfy-controls .mpfy-search-radius { margin: -10px 0; float: left; width: 130px; height: 48px; }
.mpfy-controls .mpfy-search-radius-label { display: inline; float: left; line-height: 48px; color: #467f6c; font-size: 12px; }
.mpfy-controls .mpfy-search-radius .mpfy-selecter-wrap { display: inline; float: left; width: 80px; }
.mpfy-controls .mpfy-search-radius .selecter .selecter-selected { padding-left: 5px; font-style: normal; }

.mpfy-controls-mobile .mpfy-search-radius { width: 80px; }
.mpfy-controls-mobile .mpfy-search-radius-label { display: none; }


.mpfy-selecter-wrap .selecter { width: 100%; height: 48px; max-width: none; margin: 0; padding: 0; position: relative; background: #fff; }
.mpfy-selecter-wrap .selecter .selecter-selected { display: block; position: relative; z-index: 20; overflow: hidden; padding: 15px 30px 15px 19px; border: 0; margin: 0; font-style: italic; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; line-height: 18px; background: none; border-radius: 0; color: #467f6c; }
.mpfy-selecter-wrap .selecter .selecter-selected:after { content: ''; position: absolute; top: 20px; right: 12px; display: block; width: 10px; height: 8px; background: url(../png/mprl-select-arrow.png) no-repeat left top; border: 0; margin: 0; padding: 0; }
.mpfy-selecter-wrap .selecter.open .selecter-selected:after { background-position: left bottom; }
.mpfy-selecter-wrap .selecter .selecter-options { background: #fff; border-radius: 0; border: none; box-shadow: none; }
.mpfy-selecter-wrap .selecter .selecter-options .selecter-item { background: none; border-radius: 0; border: 0; color: #467f6c; font-size: 12px; }
.mpfy-selecter-wrap .selecter .selecter-options .selecter-item:hover { background: #b9c9d6; }


/*
  media queries
*/
@media only screen and (max-width: 380px) {
  .mpfy-controls.mpfy-controls-mobile { height: 200px; padding-top: 4px; }
  
  .mpfy-controls .mpfy-search-radius .mpfy-selecter-wrap { display: block; float: none; width: 80px; }
  .mpfy-controls .mpfy-search-form { display: inline; float: left; width: 96%; }
  .mpfy-controls .mpfy-search-form .mpfy-search-wrap { padding: 10px 4px 10px 8px; }
  .mpfy-controls .mpfy-search-form .mpfy_search_button { display: inline; float: left; margin: 0; }
  .mpfy-controls .mpfy-search-form .mpfy-search-field { margin: 0; width: 150px; }  
  .mpfy-controls .mpfy-search-form .mpfy-search-field input { margin: 0; width: 87%; }  
  .mpfy-controls .mpfy-search-form .mpfy-clear-search { display: none; position: absolute; top: 5px; right: -6px; width: 20px; height: 17px; background: url(../png/mprl-search-ico-clear_blue.png) no-repeat 0 0; font-size: 0px; line-height: 0px; text-indent: -4000px; text-decoration: none; }

  .mpfy-controls-mobile .mpfy-search-radius { margin-left: 10px; width: 70px; }
  .mpfy-controls .mpfy-search-radius .mpfy-selecter-wrap { width: 70px; }
  .mpfy_search_button { z-index: 1000; }
  
  .mpfy-selecter-wrap .selecter .selecter-selected { display: block; position: relative; z-index: 20; overflow: hidden; width: 70px; padding: 15px 0px 15px 19px; border: 0; margin: 0; font-style: italic; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; line-height: 18px; background: none; border-radius: 0; color: #467f6c; }

  .mpfy-selecter-wrap .selecter .selecter-selected:after { content: ''; position: absolute; top: 20px; right: 18px; display: block; width: 10px; height: 8px; background: url(../png/mprl-select-arrow.png) no-repeat left top; border: 0; margin: 0; padding: 0; }
  
  .mpfy-selecter-wrap .selecter .selecter-options .selecter-item { background: none; border-radius: 0; border: 0; color: #467f6c; font-size: 12px; padding: 6px 6px 6px 10px; }
}


/* redwood league styles */
/*
Park Profile Paragraph
-- use all caps / strong for intro to paragraph

color: rgb(48, 48, 50)  #303032;
font-family: "Montserrat",Helvetica,Arial,sans-serif;
font-size: 14px;
line-height: 20px;

section title (teal)
color: rgb(70, 127, 108) #467f6c;
font-family: UniversLT-CondensedBold,sans-serif;
font-size: 30px;
font-weight: 400;
line-height: 33px;

*/

/* tooltip */
.mpfy-tooltip { width: 320px; position: absolute; top: 0; left: 0; z-index: 99999; display:none; opacity: 0; font-size: 14px; }
.mpfy-tooltip * { font-family: "Montserrat",Helvetica,Arial,sans-serif; }
.mpfy-tooltip .inner-wrap { position: relative; left: 0px; top: 0px; }
.mpfy-tooltip p { font-size: 14px; line-height: 18px; color: #FFFFFF; padding-bottom: 0; margin-bottom: 0; }
.mpfy-tooltip p strong { color: #fff;font-family:AZCutScript-Italic;font-weight:normal;font-size:24px;line-height:30px}
.mpfy-tooltip a:link, .mpfy-tooltip a:visited { color: #fff; text-decoration: underline; }
.mpfy-tooltip a:hover, .mpfy-tooltip a:focus, .mpfy-tooltip a:active { color: #fff; text-decoration: none; }
.mpfy-tooltip .top { }
.mpfy-tooltip .center { padding: 20px; }

/* popup */
/* general */
.mpfy-p-popup * {
  font-family: "Montserrat",Helvetica,Arial,sans-serif;
}
/* thumbnail slider on bottom */
.mpfy-p-slider .mpfy-p-slider-bottom { width: 100%; height: 108px; position: relative; overflow: hidden; margin-bottom: 2px }


/* title */
.mpfy-p-popup-style-two .mpfy-p-top { border-radius: 0; background: #467f6c; padding: 10px 80px 10px 17px; position: relative; }
.mpfy-p-popup-style-two .mpfy-p-top h1 { color: #fff; font-size: 24px; font-weight: normal; text-transform: uppercase; }

/* directions box */
.mpfy-p-scroll .mpfy-p-holder {
  padding: 10px;
}

/* content (entry) */
.mpfy-p-entry p { color: #303032; font-size: 14px; line-height: 18px; padding-bottom: 9px; }
.mpfy-p-entry p a { text-decoration: none; color: #467f6c; }
.mpfy-p-entry p a:hover { text-decoration: underline; color: #6dcab7; }
.mpfy-p-entry strong { font-weight: bold }
.mpfy-p-entry .btn {background-color: #467f6c !important;color:white;text-decoration:none;padding:16px 12px}