/*
Theme Name: MyCoast
Template: Zephyr
Version: 1.0
Author:	UpSolution
Theme URI: http://zephyr.us-themes.com/
Author URI: http://us-themes.com/
*/

@import url("/blueurchin-media/fonts/mycoast-icons/style.css");

/*Add your own styles here:*/

img.beach-junk-image{height:30px;max-width:30px;margin:0 auto;display:block;padding-right:10px}
div.beach-junk-image-container{width:30px; display: inline-block;vertical-align: middle;}
img.map-legend{width: 32px;} /* map pins in legend */
.loclat, .loclon {display:none} /* hide lat/lon fields on Gravity Forms entires */
#notifymap td {vertical-align: text-top;} /* align notify map to top of cell */

/* Start giant section of stuff Chris copy-pasted from Zephyr CSS type="submit" to try and make buttons look nicer */
input[type="button"] {
	font-size: 15px;
	line-height: 20px;
	padding: 11px 22px;
	margin: 5px 0;
	text-transform: uppercase;
	position: relative;
	border-radius: 3px;
	border: none;
	transition: background-color 0.3s, box-shadow 0.3s, color 0.3s;
	-webkit-tap-highlight-color: rgba(0,0,0,0); /* removes the touch highlight on touch devices */
	}
	.w-btn-label {
		position: relative;
		z-index: 1;
		}
	.w-btn i {
		position: absolute;
		z-index: 1;
		line-height: inherit;
		vertical-align: top;
		}

input[type="button"],
.w-btn.style_raised,
.w-btn.w-blog-post-more {
	box-shadow: 0 2px 1px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3);
	}
	.no-touch button:hover,
	.no-touch input[type="button"]:hover,
	.no-touch .w-btn.style_raised:hover,
	.no-touch .w-btn.w-blog-post-more:hover {
		box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 4px 8px rgba(0,0,0,0.3);
		}
	button:focus,
	button:active,
	input[type="button"]:focus,
	input[type="button"]:active,
	.w-btn.style_raised:focus,
	.w-btn.style_raised:active,
	.w-btn.w-blog-post-more:focus,
	.w-btn.w-blog-post-more:active {
		box-shadow: 0 3px 3px rgba(0,0,0,0.1), 0 5px 8px rgba(0,0,0,0.16), 0 9px 20px rgba(0,0,0,0.16) !important;
		}
input[type="button"],
a.w-btn.color_primary.style_raised {
	color: #fff;
	}
input[type="reset"] {
	font-size: 15px;
	line-height: 20px;
	padding: 11px 22px;
	margin: 5px 0;
	text-transform: uppercase;
	position: relative;
	border-radius: 3px;
	border: none;
	transition: background-color 0.3s, box-shadow 0.3s, color 0.3s;
	-webkit-tap-highlight-color: rgba(0,0,0,0); /* removes the touch highlight on touch devices */
	}
	.w-btn-label {
		position: relative;
		z-index: 1;
		}
	.w-btn i {
		position: absolute;
		z-index: 1;
		line-height: inherit;
		vertical-align: top;
		}

input[type="reset"],
.w-btn.style_raised,
.w-btn.w-blog-post-more {
	box-shadow: 0 2px 1px rgba(0,0,0,0.1), 0 1px 3px rgba(0,0,0,0.3);
	}
	.no-touch button:hover,
	.no-touch input[type="reset"]:hover,
	.no-touch .w-btn.style_raised:hover,
	.no-touch .w-btn.w-blog-post-more:hover {
		box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 4px 8px rgba(0,0,0,0.3);
		}
	button:focus,
	button:active,
	input[type="reset"]:focus,
	input[type="reset"]:active,
	.w-btn.style_raised:focus,
	.w-btn.style_raised:active,
	.w-btn.w-blog-post-more:focus,
	.w-btn.w-blog-post-more:active {
		box-shadow: 0 3px 3px rgba(0,0,0,0.1), 0 5px 8px rgba(0,0,0,0.16), 0 9px 20px rgba(0,0,0,0.16) !important;
		}
input[type="reset"],
a.w-btn.color_primary.style_raised {
	color: #fff;
	}
/* End giant section of stuff Chris copy-pasted from Zephyr CSS to try and make buttons look nicer */

/* Stuff to replicate Woo's [hr] behaviour */
.woo-sc-hr { border-bottom:1px solid #e6e6e6; }
.woo-sc-hr, .woo-sc-divider { clear:both; display:block; margin-bottom:20px; padding-top:20px; width:100%; }
/* End woo [hr] stuff */

/*Damage/No Damage background for report pages*/
h3.damage {
	background-color: orange;
	border-radius: 5px;
}
h3.nodamage {
	background-color: #a9cc53;
	border-radius: 5px;
}
.damage {
	background-color: orange;
}
.nodamage {
	background-color: #a9cc53;
	padding: 1px 5px 2px;
}

.report-images-and-weather {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
}

.report-images {
   /* This will be twice as big as the small item. */
   -webkit-flex: 2 0 0; 
   flex: 2 0 0;
   margin: 0px 11px 0px 0px;
   padding: 8px; 
}
.report-weather {
   -webkit-flex: 1 0 0;
   flex: 1 0 0;
   margin: 7px;
   padding: 8px;
}

.report-damage {
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
}

div.damage-box{
	width: 33.3%;
	margin: 0px 11px 11px 0px;
    padding: 18px;
	border-style: solid;
	border-color: #f6f6f6;
	border-radius: 7px;
	text-align: left;
}

div.damage-box-empty{border:none}

/* Too narrow to support two columns */
  @media all and (max-width: 640px) {
  
.report-images-and-weather, .report-damage, div.damage-box, #page {
    -webkit-flex-flow: column;
            flex-direction: column;
   }
.report-images-and-weather > .report-images, .report-images-and-weather > #report-weather {
    /* Return them to document order */
    -webkit-order: 0;
            order: 0;
   }
  div.damage-box{
	width: 100%;
	}
   .report-images-and-weather > #report-weather >div#map {
    min-height: 50px;
   }
  }
  
.w-btn i {
	position: relative;!important
}

/* Making SCs menu fit */
a.w-nav-anchor {
	padding-right: 10px!important;
	padding-left: 10px!important;
}

h3{text-align: center}

/* Counter on front page */
h6.w-counter-title {
	color: white;
	font-size: 2.5em;
}

.front-page-text {
	font-size: 1.5em;
	line-height: 1.2em;
}

/* Tweak to make you make my coast go header space reasonably */

div.l-section-h.i-cf {
padding-bottom: 10px!important;
padding-top: 20px!important;
}

img.icon_in_search{height: 18px;}

/* Cleaning up search/reports pages */
td.report-photos {
	width: 100px;
}

.stateadmin-approve, .search-results td {
	border-bottom: 0!important;
}

p.report-notes {
	padding-left: 15px!important;
	font-style: italic!important;
}

/* Hide as-yet-unused "add photo" buttons */
.hideme {display:none}

/* Hide search box on wpDataTables tables */
#table_1_filter, #table_2_filter, #table_3_filter {display: none;}

/* Hide author and date for KT Recaps: */
div.w-blog-post-meta {
display: none;
}

/*King Tide Recap Table*/
table.kt-recap{font-size: 1em;}
table.kt-recap tbody tr th[class="no"], table.kt-recap tbody tr td[class="no"], table.kt-recap tbody tr th[class="n"], table.kt-recap tbody tr td[class="n"]{
	background: silver!important;	
}

table.kt-recap tbody tr th[class="yes"], table.kt-recap tbody tr td[class="yes"], table.kt-recap tbody tr th[class="y"], table.kt-recap tbody tr td[class="y"]{
	background: orange!important;	
}
.kt-recap-box{
	border: 3px dashed #FBAB00;
	border-radius: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	background: white;
	margin-bottom: 15px;
}

/* End of KT Recap Pages */

/* Frontier Post Cleanup */

fieldset.frontier-new-menu, fieldset.frontier-new-list {
	border-style: none;
	box-shadow:none	
}

a#frontier-post-add-new-link {
	display: inline-block;
	padding: .327em 1em;
	color: white!important;
	text-align: center;
	border: none;
	text-decoration: none;
	font-size: .7em;
	font-weight: 700;
	/* Make inputs the same size as normal text */

	font-family: inherit;
	/* Make inputs use the correct typeface instead of the browser default */

	cursor: pointer;
	/* Inputs need pointers! */

	overflow: visible;
	width: auto;
	/* IE fix */

	line-height: 1.618em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	white-space: nowrap;
	background: #428bca;
	font-weight: 200;
	text-transform: uppercase;
	box-shadow: 0 0 0 0 #888888;
	-webkit-box-shadow: 0 0 0 0 #888888;
	-moz-box-shadow: 0 0 0 0 #888888;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-shadow: none;
	-webkit-appearance: caret;
	/* Remove input shadowing on iOS */

	-moz-appearance: caret;
	/* mobile firefox too! */}
a#frontier-post-add-new-link:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
a#frontier-post-add-new-link:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }

/*Facet Fixes*/
div.stateadmin-approve div.facetwp-template div.search-results table tbody tr td form table tbody tr td {font-size: .9em}
div.search-results {font-size: 1em}
#main article.post-12233.page.type-page.status-publish.hentry section.entry div.fourcol-one.last {
	height:  175px;
	margin-bottom: 0px
}
/* Search page fixes */
#main article.post-12233.page.type-page.status-publish.hentry section.entry div.fourcol-one.last {
	height:  175px;
	margin-bottom: 0px
}
/* damage/nodamge tag for wpfacet*/
.damage-Y{
	background: orange;
	border-radius: 50px;
	font-size: .8em;
	font-weight: bold;
	padding: 2px 9px;
}
.damage-N{
display: none;
}
img.search-result-single-image {
	padding-right: 5px;
	padding-top: 10px;
}
.search_submitTime{font-style: italic}
/* end of facet fixes */

/* Report page tweaks */
h3.report-weather-oveview-title{padding-top: 20px}

/*Facet boxing*/
.search-results tr{
	display: block;
	margin-bottom: 7px!important;
	background: #F6F6F6;
	border: 1px solid #F6F6F6;
	border-radius: 5px
}

/*Temp fix on StormReporter buttons to make them more visible*/
#gform_next_button_30_55, #gform_next_button_30_56 {
background: orange;	
}

#gform_previous_button_30, #gform_previous_button_30_56 {
background: grey;	
}

input#input_30_87.large {
	border: 1px solid #2981C0;
	border-radius: 3px;
}

/* Legend for beach heatmap */
#beach-heatmap-legend {
	font-family: Arial, sans-serif;
	background: RGBA(255,255,255, .7);
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin: 10px;
	border-radius: 3px;
}

/* The map in FacetWP searches */
#facet-map {
	margin-bottom: 30px;
}

/*Shading fields for entry on form. Kind of ugly*/

div.ginput_container {
/* 	background: RGBA(101, 211, 39, .2); */
	border-style: solid;
	border-color: silver;
	border-width: .5px;
	border-radius: 5px;
	padding: 5px
}
button.woo-sc-button.custom.small {
	margin-top: 5px
}

.labels {
     background-color: white;
     font-family: "Lucida Grande", "Arial", sans-serif;
     font-size: 10px;
/*      font-weight: bold; */
     text-align: center;
     border: 2px solid silver;
     white-space: nowrap;
            padding: 5px;
            border-radius: 7px;
}
div.w-copyright {
	padding: 50px 150px;
	margin-top: 50px;
	background-color: #22272d;
	color: white;
}
h6.counter-box-text {
	padding-top: 0;
	top: -20px;
	position: relative;
}
/*---Fixing JIG overriding menus----*/

div.jig-border {
	z-index: 95!important;
}