/**
 * WP Google Places Reviews
 * Version 1.0.2
 */

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Settings Page
# Responsive
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Colors
--------------------------------------------------------------*/
:root {
	--hmp-theme-color: #3aa756;
	--hmp-theme-color-light: #cef6d9;
	--hmp-theme-color-grey: #e4e8ec;
	--hmp-input-border: #c2cad4;
}

/*--------------------------------------------------------------
# Settings Page
--------------------------------------------------------------*/
#hmp_wrap { padding: 1em; margin: 0 0 0 -1em; }
#hmp_wrap code { padding: .25em .75em; background: #e4e8ec; border: 1px solid #cacdd0; border-radius: .25em; }
#hmp_body { display: flex; flex-wrap: wrap; color: #121116; font-size: .875rem; line-height: 1.5; }
#hmp_body * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* Input & Button */
#hmp_wrap input[type=text],
#hmp_wrap input[type=number],
#hmp_wrap textarea {
	margin-top: 8px;
	padding: .5em .75em;
	width: 100%;
	color: #121116;
	background: #fff;
	border: 2px solid var(--hmp-input-border);
	border-radius: 3px;
	font-family: Monaco;
	font-size: .75rem;
	line-height: 1.33333;
	transition: border 200ms ease-out;
	-webkit-transition: border 200ms ease-out;
}
#hmp_wrap input[type=text]:focus,
#hmp_wrap input[type=number]:focus,
#hmp_wrap textarea:focus {
	outline: none;
	border-color: #444;
	box-shadow: none;
}
#hmp_wrap input[type=submit] {
	position: relative;
	display: block;
	width: auto;
	padding: 8px 24px;
	text-align: center;
	background: var(--hmp-theme-color);
	box-shadow: 0 4px 6px rgba(50,50,93,0.11), 0 1px 3px rgba(0,0,0,0.08);
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	border-radius: 4px;
	color: #fff !important;
	white-space: nowrap;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: all 200ms ease-out;
	-webkit-transition: all 200ms ease-out;
	font-size: .8125rem;
	line-height: 1.53846;
	border: none;
	text-shadow: none;
	height: auto;
}
#hmp_wrap input[type=submit]:hover,
#hmp_wrap input[type=submit]:focus {
	color: #fff !important; transform: translateY(-2px); box-shadow: 0 7px 14px rgba(50,50,93,0.25), 0 3px 6px rgba(0,0,0,0.2);
}

/* Header */
#hmp_header { display: flex; flex-direction: column; align-self: start; width: 100%; }
#hmp_header > * { width: 100%; }
#hmp_header .hmp_header-logo { padding: 15px; text-align: center; background: transparent; }
#hmp_header .hmp_header-logo img { max-width: 3em; display: inline-block; margin-bottom: 10px; }
#hmp_header .hmp_name { font-size: 1.15em; line-height: 1.25;font-weight: 600; text-transform: uppercase; letter-spacing: 0px; text-align: center; }

/* Menu */
.hmp_menuItem { position: relative; display: block; padding: 16px 44px 18px 20px; text-decoration: none; color: #121116; border-top: 1px solid #E0E4E9; border-left: 2px solid transparent; overflow: hidden; transition: all 100ms ease-out; -webkit-transition: all 100ms ease-out; }
.hmp_menuItem:hover { cursor: pointer; }
.hmp_menuItem { transition: .3s; }
.hmp_menuItem-title { font-size: .8125rem; line-height: 1.46154; font-weight: bold; text-transform: uppercase; color: #121116; }
.hmp_menuItem:hover .hmp_menuItem-title, .hmp_menuItem.show .hmp_menuItem-title { color: var(--hmp-theme-color); }
.hmp_menuItem:hover, .hmp_menuItem.show { color: #121116; background: #fff; border-left: 2px solid var(--hmp-theme-color); }
.hmp_menuItem-description { margin-top: 2px; color: #72777c; font-size: .8125rem; line-height: 1.23077; transition: all 150ms ease-out; -webkit-transition: all 150ms ease-out; }

/* Content */
#hmp_content { position: relative; background: #fff; padding: 32px 24px; width: 100%; }
#hmp_content h2 { color: var(--hmp-theme-color); margin-top: 2em; margin-bottom: .25em; }

.hmp_page { display: none; }
.hmp_page.show { display: block; }

.hmp_section-header h1 { font-size: 1.625rem; line-height: 2; font-weight: 600; letter-spacing: 0.01em; margin: 0; }
.hmp_section-header h1 .hmp_section-header-icon { display: inline-block; width: 1.25em; height: 1.25em; font-size: 1.5em; margin-right: 24px; background: var(--hmp-theme-color-light); color: var(--hmp-theme-color); text-align: center; border-radius: 0.15em; line-height: 1.3; }

.hmp_field-container { margin-top: 16px; background: #F9FAFB; padding: 16px; border: 1px solid #E8EBEE; border-radius: 2px; }

/* Footer */
.hmp_header-footer { margin-top: auto; padding: 48px 20px 0; font-size: .6875rem; line-height: 4.36364; color: #666; opacity: 0.6; font-weight: 600; }

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/

@media only screen and (min-width: 768px) {

	/* Header */
	#hmp_header { flex: 0 0 225px; }

	/* Content */
	#hmp_content { flex-basis: 0; flex-grow: 1; max-width: 960px; }

}