/*
Template:astrid
Theme Name:astrid_child
*/
/*
Template:astrid
Theme Name:astrid_child
*/
/* ---------- initialze ----------*/
body {
	background-color: #0c0b09;
	margin: 0 auto;
}
h1,h2,h3,h4,h5,p {
	font-family: 'Open Sans', sans-serif !important;
	color: #fff;
	letter-spacing: 0;
	margin: 0; 
}
ol,ul,li {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.home #page .site-content {
	margin-bottom: 0;
	margin-top: 0;
}
#page .site-content {
	margin-bottom: 0;
	margin-top: 0;
}
.site-content > .container {
	width: 100%;
	background-color: #000;
	border-left: none;
	border-right: none;
	border-bottom: none;
	padding: 0;
}
.hentry {
	border: none;
	padding: 0;
	margin: 0;
}
.home .entry-header,
#comments {
	display: none;
}
.content-area {
	float: none;
	margin: 0;
}
.header-clone { display: none; }
#page { padding: 0; }
.entry-content > section { position: relative; }
.entry-footer { display: none; }

p,ul {
	font-family: sans-serif !important;
	font-size: 14px;
	color: #fff;
	line-height: 1.7;
	margin-bottom: 32px;
}

/* ---------- common functions ----------*/
.fs-72 { font-size: 72px !important; }
.fs-48 { font-size: 48px !important; }
.fs-36 { font-size: 36px !important; }
.fs-32 { font-size: 32px !important; }
.fs-30 { font-size: 30px !important; }
.fs-28 { font-size: 28px !important; }
.fs-26 { font-size: 26px !important; }
.fs-24 { font-size: 24px !important; }
.fs-22 { font-size: 22px !important; }
.fs-20 { font-size: 20px !important; }
.fs-18 { font-size: 18px !important; }
.fs-16 { font-size: 16px !important; }
.fs-14 { font-size: 14px !important; }
.fs-12 { font-size: 12px !important; }
.fs-80p{ font-size: 80%  !important; }

.fc-wh   { color: #fff	!important; }
.fc-pink { color: #de596c !important; }
.fc-brown{ color: #85592b !important; }
.fc-def  { color: #372334 !important; }

.bg-pink		{ background-color: #fff4fb; }
.bg-pink2	   { background-color: #de596c; }
.bg-wh			{ background-color: #fff !important; }
.bg-halfpink	{ background: linear-gradient(#fff 50%,#fff4fb 50%); }

.text-left   { text-align: left;  }
.text-right  { text-align: right; }
.text-center { text-align: center; }
.text-just   { text-align: justify; }
.bold		{ font-weight: bold; }
.non-bold	 { font-weight: normal; }
.serif	   { font-family: serif !important;}
.sansserif   { font-family: sans-serif !important; }

.lineh-20 { line-height: 2;}

.maxwidth-960p { max-width: 960px !important; }
.width80 { width: 80%; margin: 0 auto; }

.mb-16p { margin-bottom: 16px !important; }
.mb-32p { margin-bottom: 32px !important; }
.mb-48p { margin-bottom: 48px !important; }
.mb-64p { margin-bottom: 64px !important; }
.mb-128p{ margin-bottom: 128px !important; }
.mb-0   { margin-bottom: 0 !important; }
.pd-1em { padding: 1em !important; }
.pb-64p { padding-bottom: 64px !important; }
.pt-64p { padding-top: 64px !important; }
.pb-32p { padding-bottom: 32px !important; }
.pt-32p { padding-top: 32px !important; }

/* ---------- footer ----------*/
.footer-widgets, .site-footer, .footer-info {
	background-color: #0c0b09 !important;
	padding: 5px ;
}
.footer-link-sa,
.footer-link-fb {
	margin-right: 1em;
}

/* ---------- Global Menu ----------*/
.site-header {
	position: fixed !important;
	width: 180px;
	background: rgb(0,0,0.7) !important;
	background: linear-gradient(180deg, rgba(0,0,0,0.7) 85%, rgba(0,0,0,0) 100%) !important;
	border-bottom: none;
	top: 0;
	left: 32px;
	padding: 0;
}
.site-header .container {
	width: 100%;
	display: block;
	padding: 32px 16px 64px 16px;
}
.site-branding {
	width: 80%;
	float: none;
	padding: 0;
	margin: 0 auto 16px auto;
}
.main-navigation {
	display: block !important;
	float: none;
	width: 100%;
}
.main-navigation li {
	width: 100%;
	text-align: center;
	border-bottom: rgba(255,255,255,0.1) solid 1px;
	padding: 10px 0px;
}
.main-navigation li a::before,
.main-navigation li a::after {
	display: none;
}
.main-navigation li:hover {
	background-color: rgba(255,255,255,0.1);
}
.main-navigation li:hover a {
	color: #fcd088;
}
.site-header.header-scrolled {
	padding: 0;
	border-bottom: none;
}

@media only screen and (max-width: 750px) {
	.site-header {
		width: 100%;
		left: 0;
		height: 80px;
	}
	.site-header .container {
		display: flex;
		flex-wrap: wrap;
		padding: 8px 4%;
		/*background-color: rgba(128,128,128,0.7);*/
	}
	.site-branding {
		width: 62px;
		margin: 0;
	}
	.main-navigation {
		width: calc(100% - 96px);
		padding: 0;
		margin: 0 0 0 auto;
	}
	.main-navigation ul {
		display: flex;
		float: none;
		justify-content: right;
	}
	.main-navigation li {
		width: auto;
		border-bottom: none;
		padding: 0 1em;
	}
}

/* ---------- top page ----------*/
.top-movie {
	display: block;
}

/* ---------- static page ----------*/
.content-area.static-page .site-main article {
	width: calc(100% - 242px);
	margin: 0 0 0 auto;
}
.content-area.static-page .site-main article .entry-content {
	width: 90%;
	margin: 0 auto;
	background-color: rgba(0,0,0,0.7);
	padding: 32px;
}
.hentry {
	background-color: transparent;
}

@media only screen and (max-width: 750px) {
	.content-area.static-page .site-main article {
		width: 100%;
		padding: 4%;
	}
	.content-area .site-main article,
	.content-area.static-page .site-main article {
		margin-top: 80px;
	}
	.content-area.static-page .site-main article .entry-content {
		width: 100%;
		padding: 4%;
	}
}

/* ---------- profile page ----------*/
#primary #profile {
	background-image: url(/wp-content/themes/astrid_child/images/bg_profile.jpg);
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}