/*
Theme Name: Suzy's Diary
Theme URI: https://suzysdiary.com/
Description: Check me out on YouTube (esotericsean) and Instagram (esotericmods)!
Version: 1.1
Author: Sean Duran
Original Date: March 13, 2016
Last Updated: July 22, 2019

light purple:
#e196e1

dark purple:
#7d4b7d

gray:
#c9c9c9
*/

@font-face {
    font-family: 'Silkscreen Normal';
    src: url('fonts/slkscr-webfont.eot');
    src: url('fonts/slkscr-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/slkscr-webfont.woff2') format('woff2'),
         url('fonts/slkscr-webfont.woff') format('woff'),
         url('fonts/slkscr-webfont.ttf') format('truetype'),
         url('fonts/slkscr-webfont.svg#silkscreennormal') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Silkscreen Bold';
    src: url('fonts/slkscrb-webfont.eot');
    src: url('fonts/slkscrb-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/slkscrb-webfont.woff2') format('woff2'),
         url('fonts/slkscrb-webfont.woff') format('woff'),
         url('fonts/slkscrb-webfont.ttf') format('truetype'),
         url('fonts/slkscrb-webfont.svg#silkscreenbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


body {
	font-family: 'Arial', sans-serif;
	background: #fff;
	-webkit-font-smoothing: antialiased;
}

#mainwindow, #footer {
	width: 80%;
	max-width: 960px;
	margin: 35px auto 60px;
}

h2 {
	font-family: 'Silkscreen Normal', serif;
	color: #7d4b7d;
	font-size: 24px;
	line-height: 1.3em;
	text-align: center;
	margin-bottom: 15px;
}

h2:after {
	display: block;
	background: url(images/key_vector.svg);
	background-size: cover;
	content: '';
	width: 64px;
	height: 28px;
	margin: 20px auto 0;
}

#logo {
	padding: 30px 0 0 0;
	text-align: center;
}

#logo a {
	display: block;
	margin-bottom: 25px;
}

#logo a img {
	max-width: 100%;
}

#mc_embed_signup {
	background: #fff; clear: left; font: 14px 'Helvetica', 'Arial', sans-serif; width: 100%; color: #333;
}

#mc_embed_signup #mc_embed_signup_scroll label { font-size: 14px; color: #7d4b7d; padding-bottom: 15px; }

#mc_embed_signup #mc_embed_signup_scroll input { -webkit-appearance: none; border-radius: 3px; border-color: #eaeaea; }

#mc_embed_signup #mc_embed_signup_scroll .button { background-color: #e196e1; }

#mc_embed_signup #mc_embed_signup_scroll .button:hover { background-color: #7d4b7d; }

#footer {
	border-top: 1px solid #e0e0e0;
	margin: 0 auto;
	padding: 15px 0;
	text-align: center;
	font-size: 11px;
	color: #bdbdbd;
}

#footer a {
	color: #bdbdbd;
}

#footer a:hover {
	color: #e196e1;
}

@media (max-width:768px) {
	h2 {
		font-size: 16px;
	}
	#logo {
		padding-top: 0;
	}
	#logo a {
		margin-bottom: 5px;
	}
	#mc_embed_signup #mc_embed_signup_scroll label {font-size: 12px; padding-bottom: 12px; }
}