/*
Theme Name: Modern Salon
Description: IE8 specific style.
*/

body {
	font-size: 16px;
}

h1 {
	font-size: 30px;
	font-size: 1.875rem;
}

h2,
.page .panel-content .recent-posts .entry-title {
	font-size: 26px;
	font-size: 1.625rem;
}

h3 {
	font-size: 22px;
	font-size: 1.375rem;
}

h4 {
	font-size: 18px;
	font-size: 1.125rem;
}

h5 {
	font-size: 13px;
	font-size: 0.8125rem;
}

h6 {
	font-size: 16px;
	font-size: 1rem;
}

img {
	width: inherit;  /* Make images fill their parent's space. */
}

/* Fixes linked images */
.entry-content a img,
.widget a img {
	filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=5, Color=#ffffff);
}

/* Layout */

.site-content {
	padding: 6.5em 0 0;
}

/* Site Branding */

.custom-header {
	overflow: hidden;
}

.has-header-image.modern-salon-front-page .custom-header,
.has-header-image.home.blog .custom-header {
	display: block;
}

.custom-header-media {
	background-position: bottom center;
}

.site-branding {
	padding: 45px 0;
}

.has-header-image.modern-salon-front-page .site-branding,
.has-header-image.home.blog .site-branding {
	bottom: 0;
	display: block;
	left: 0;
	height: auto;
	padding-top: 0;
	position: absolute;
	width: 100%;
}

.has-header-image .custom-header-media img {
	left: 0;
	top: 0;
}

.site-title {
	font-size: 36px;
	font-weight: 700;
}

.site-description {
	font-size: 16px;
}

/* Main Navigation */

.navigation-top {
	background: #fff;
	position: relative;
	z-index: 10;
}

.menu-toggle {
	width: 150px;
}

.main-navigation ul#top-menu {
	margin-bottom: -1px;
	padding: 0;
}

.no-svg .dropdown-toggle {
	padding: 0.25em 0 0;
}

.no-svg .dropdown-toggle.toggled-on {
	padding: 0.75em 0 0;
}

.dropdown-toggle .svg-fallback.icon-angle-down {
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=1.2246467991473532e-16, M21=-1.2246467991473532e-16, M22=-1, SizingMethod='auto expand')";
}

.dropdown-toggle.toggled-on .svg-fallback.icon-angle-down {
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
}

/* Front Page */

.modern-salon-front-page.has-header-image .custom-header,
.blog.home.has-header-image .custom-header,
.panel-image {
	height: 800px;
	max-height: 800px;
	padding-top: 0;
}

.modern-salon-front-page .custom-header-media,
.blog.home .custom-header-media {
	background-position: center center;
}

.modern-salon-front-page.has-header-image .site-branding,
.home.blog.has-header-image .site-branding {
	bottom: 20px;
	position: absolute;
	width: 100%;
}

.page .panel-content .entry-title,
.page-title,
.page .entry-title {
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

/* Posts */

.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
	padding-bottom: 4em;
}

time.updated {
	display: none;
}

time.published {
	display: inline-block;
}

.blog .entry-title {
	padding-top: 0;
}

.single-post .entry-title,
.page .entry-title,
.entry-meta + .entry-title {
	font-size: 26px;
	font-weight: 400;
	letter-spacing: normal;
	padding-top: 0;
	text-transform: none;
}

.entry-footer .cat-links,
.entry-footer .tags-links {
	padding-left: 0;
}

.comment-author .avatar {
	z-index: -1;
}

ol.children .children {
	padding-left: 2em;
}

/* RTL Styles */

.rtl .has-header-image.modern-salon-front-page .site-branding,
.rtl .has-header-image.home.blog .site-branding {
	left: auto;
	right: 0;
}

.rtl .entry-footer .cat-links,
.rtl .entry-footer .tags-links {
	padding-right: 0;
}

.rtl ol.children .children {
	padding-left: 0;
	padding-right: 2em;
}
