@charset "utf-8";
/* CSS Document */

.slb_details {
	display: none;
}

.fa-5x {
    font-size: 8em !important;
}

main .wp-block-audio audio {
    width: 300px;
    min-width: 120px;
    max-width: 100%;
}

.wp-block-audio figcaption {
    margin-top: -0.8em !important;
    font-size: .5em;
}


#bottomBar a {
		color: #000;	
	}

	a {
    	color: #000000;
		text-decoration: none;
	}
	a:hover {
		color: #30165c;
	}
h1 {
	padding-top: 55px;
	margin-bottom: 35px;
	line-height: 1.1em;
	font-size: 1.5em;
}
h2 {
	margin-bottom: 35px;
}
main p {
	margin-bottom: 35px;	
}
	* {
		margin: 0;
		padding: 0;
		border: none;
	}
body,td,th {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    color: #000000;
    text-align: center;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}
body {
	background-image: url("/wp-content/themes/scarlettmiarose/img/bg-page.jpg");
	background-size: cover;
    background-color: #07070a;
    background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
body.home {
	background-image: url("/wp-content/themes/scarlettmiarose/img/bg-scarlett-mia-rose.jpg");
}
	.bar {
		display: block;
		position: relative;
		width: 100%;
		height: auto;
		min-height: 84px;
		background-color: #fff;
		box-shadow: 0 0 2px 1px #ccc;
		font-size: 1.77em;
	}
	.bar p {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#topBar {
		display: block;
	}
	#bottomBar {
		background-image: url("/wp-content/themes/scarlettmiarose/img/bg-bottom.jpg");
		background-size: cover;
		background-color: #fff;
		background-repeat: no-repeat;
		background-position: center center;
		font-size: 1.2em;
		line-height: 2em;
	}
	#topLogo {
		display: inline-block;
		position: relative;
		float: left;
		width: auto;
		height: auto;
	}
	#webLink {
		display: inline-block;
		position: relative;
		float: right;
		width: auto;
		height: auto;
	}
	#logo {
		margin-top: 35px;
		margin-bottom: 35px;
		max-width: 80%;
		height: auto;
	}
	#titleLogo {
		margin-top: 35px;
		margin-bottom: 5px;
	}
	#logoSmall {
		margin-top: 35px;
		margin-bottom: 35px;
	}
	main {
		display: block;
		position: relative;
		width: 100%;
		font-size: 2em;
		line-height: 1.5em;
		min-height: 860px;
	}
	body.home main {
		min-height: 700px;
		box-shadow: 0 0 2px 1px #ccc;
		background-color: #fff;
	}
	main img {
		max-width: 80%;
		height: auto;
	}
	#wrapper {
		display: block;
		position: relative;
		width: 70%;
		margin: 0 auto;
	}
	#mainMenu {
		display: inline-block;
		position: relative;
		margin: 0 auto;
	}
	#topBar ul {
		display: inline-block;
		position: relative;
		margin: 0 auto;
	}
	#topBar ul li {
		list-style: none;
		display: inline-block;
		position: relative;
		margin: 25px auto 20px auto;
		padding-left: 25px;
		padding-right: 20px;
		border-left: 3px solid #ccc;
	}
	#topBar ul li:first-child {
		border-left: none;
	}
	#topBar ul li.current-menu-item a { color: #4d4d66; }
	.push {
		clear: both;
	}
	#bottomMenu {
		display: none;
	}
	
/* VIEWPORT < 1600px */
	
@media only screen and (max-width: 1600px) {
	
	.bar {
		font-size: 1.5em;
	}
	#topBar ul li {
		margin-top: 28px;
	}
	.bar p {
		padding-top: 25px;
	}
	
}
	
	
/* VIEWPORT < 1480px */
	
@media only screen and (max-width: 1480px) {
	
	#topBar ul li {
		padding-left: 20px;
		padding-right: 15px;
	}
	
}
	
/* VIEWPORT < 1440px */
	
@media only screen and (max-width: 1440px) {

	#webLink {
		display: none;
	}
		
	.bar {
		font-size: 1.77em;
	}
	.bar p {
		padding-top: 20px;
	}	
	#topBar ul li {
		margin-top: 25px;
		padding-left: 25px;
		padding-right: 20px;
	}
	#topBar ul {
		padding-right: 40px;
	}
}
	
		
/* VIEWPORT < 1240px */
	
@media only screen and (max-width: 1240px) {
	
	.bar {
		font-size: 1.5em;
	}
	#topBar ul li {
		margin-top: 28px;
	}
	.bar p {
		padding-top: 25px;
	}
	
}
	
	
/* VIEWPORT < 1200px */
	
@media only screen and (max-width: 1200px) {
	
	#topBar ul li {
		padding-left: 20px;
		padding-right: 15px;
	}
	
}
	
/* VIEWPORT < 1100px */
	
@media only screen and (max-width: 1100px) {
	
	#topLogo {
		float: none;
		margin: 0 auto;
		margin-top: 30px;
	}
	
}
	
/* VIEWPORT < 1060px */
	
@media only screen and (max-width: 1060px) {
	
	#topBar ul {
		padding-right: 10px;
	}
	
}
	
/* VIEWPORT < 740px */
	
@media only screen and (max-width: 740px) {
	
	#topBar ul {
		display: none;
	}
	
	#bottomMenu {
		display: block;
		position: relative;
		text-align: center;
	}
	#bottomMenu ul {
		display: inline-block;
		position: relative;
		list-style: none;
		margin: 0 auto;
		margin-bottom: 50px;
	}
	#bottomMenu ul li {
		margin-bottom: 10px;
	}
	#bottomMenu ul li.current-menu-item a { color: #4d4d66; }
	#logoSmall {
		margin-bottom: 0;
	}
	
}
	
/* VIEWPORT < 380px */
	
@media only screen and (max-width: 380px) {
	
	#topLogo {
		width: 90%;
		height: auto;
	}
	body,td,th {
    font-size: 14px;
}	
	.bar {
		font-size: 1.7em;
	}
	
	#wrapper {
		width: 82%;
	}

}