/*
Theme Name: Magic Cookie
Theme URI: www.graphiccookies.com
Description: Theme by Graphic Cookies
Author: Tautvydas Gaudesius
Author URI: www.graphiccookies.com
Version: 1.0
*/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { 	display: block; }

audio, canvas, video { display: inline-block; max-width: 100%; }
html {	overflow-y: scroll;	-webkit-text-size-adjust: 100%;	-ms-text-size-adjust:     100%;}



body, button, input, select, textarea {color: #2b2b2b; font-size: 12px; font-weight: 400; line-height: 1.9;}
body { font-family: 'Open Sans', sans-serif;  font-size: 12px;  line-height: 25px; padding: 1%; }


a:focus { outline: thin dotted; }
a:hover, a:active { 	outline: 0; }
a { text-decoration: none; color: #d28e96;}



h1, h2, h3, h4, h5, h6 {	clear: both;		margin: 12px 0 12px;    }
h1 { font-size: 46px; line-height: 1.3846153846;  }
h2 {	font-size: 24px;	line-height: 1; }
h3 { font-size: 22px; line-height: 1.0909090909; }
h4 {	font-size: 20px; line-height: 1.2; }
h5 { font-size: 18px; line-height: 1.3333333333; }
h6 { font-size: 16px; line-height: 1.5; }
h7 { display: inline-block; font-family: Flamenco, cursive; font-size: 18px; line-height: 30px; color: #7288bd; }

.alignnone {  margin: 5px 20px 20px 0; }

.aligncenter, div.aligncenter {  display: block;   margin: 5px auto 5px auto; }
.alignright {  float:right;   margin: 5px 0 20px 20px; }
.alignleft {  float: left;  margin: 5px 20px 20px 0; }
a img.alignright { float: right;  margin: 5px 0 20px 20px; }
a img.alignnone {    margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption {   background: #fff;   border: 1px solid #f0f0f0; max-width: 96%;   padding: 5px 3px 10px;   text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft {  margin: 5px 20px 20px 0; }
.wp-caption.alignright {  margin: 5px 0 20px 20px; }
.wp-caption img {  border: 0 none;  height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px;  line-height: 17px;  margin: 0;  padding: 0 4px 5px; }
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000;  }

address { font-style: italic; margin-bottom: 24px; }
abbr[title] {	border-bottom: 1px dotted #2b2b2b; 	cursor: help; }
b, strong {	font-weight: 700; }

cite, dfn, em, i { font-style: italic; }
mark, ins { background: #fff9c0; text-decoration: none; }
p { margin-bottom: 24px; }
code, kbd, tt, var, samp, pre {	font-family: monospace, serif;	font-size: 15px;	-webkit-hyphens: none;	-moz-hyphens:    none;	-ms-hyphens:     none;	hyphens:         none;
	line-height: 1.6; }
pre { border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing:    border-box; box-sizing:         border-box;	margin-bottom: 24px;	max-width: 100%;	overflow: auto;	padding: 12px;	white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
blockquote, q { -webkit-hyphens: none;	-moz-hyphens:    none; 	-ms-hyphens:     none; 	hyphens:         none; 	quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {	content: "";	content: none; }
blockquote { color: #767676; font-size: 19px; font-style: italic; font-weight: 300; line-height: 1.2631578947; margin-bottom: 24px; }
blockquote cite, blockquote small { color: #2b2b2b;	font-size: 16px;	font-weight: 400;	line-height: 1.5;}
blockquote em, blockquote i, blockquote cite {	font-style: normal;}
blockquote strong, blockquote b { 	font-weight: 400;}
small {	font-size: smaller; }
big {	font-size: 125%; }
sup, sub {	font-size: 75%;	height: 0;	line-height: 0;	position: relative;	vertical-align: baseline; }
sup { bottom: 1ex; }
sub {	top: .5ex; }
dl {	margin-bottom: 24px;}
dt {	font-weight: bold;}
dd {	margin-bottom: 24px;}
ul,ol {	list-style: none;	margin: 0 0 24px 20px;}
ul {	list-style: disc;}
ol {	list-style: decimal;}
li > ul, li > ol {	margin: 0 0 0 20px;}
img { -ms-interpolation-mode: bicubic;	border: 0; vertical-align: middle; max-width: 100%; height: auto;  }
figure {	margin: 0; }
fieldset {	border: 1px solid rgba(0, 0, 0, 0.1);	margin: 0 0 24px;	padding: 11px 12px 0;}
legend {	white-space: normal; }
button, input, select, textarea {	-webkit-box-sizing: border-box;	-moz-box-sizing:    border-box;	box-sizing:         border-box;	font-size: 100%;	margin: 0;	max-width: 100%;	vertical-align: baseline;}
button,input {	line-height: normal;}
input,textarea {	background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */}
button,html input[type="button"],input[type="reset"],input[type="submit"] {	-webkit-appearance: button;	cursor: pointer;}
button[disabled],input[disabled] {	cursor: default;}
input[type="checkbox"], input[type="radio"] { 	padding: 0; }
input[type="search"] {	-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { 	border: 0;	padding: 0; }
textarea {	overflow: auto;	vertical-align: top;}
table,th,td {	border: 1px solid rgba(0, 0, 0, 0.1);}
table {border-collapse: separate;	border-spacing: 0;	border-width: 1px 0 0 1px;	margin-bottom: 24px;	width: 100%;}
caption,th,td {	font-weight: normal;	text-align: left;}
th {	border-width: 0 1px 1px 0;	font-weight: bold; }
td {	border-width: 0 1px 1px 0;}
del {	color: #767676;}
hr {	background-color: rgba(0, 0, 0, 0.1);	border: 0;	height: 1px;	margin-bottom: 23px;}
::selection {	background: #aed7dc;	color: #fff;	text-shadow: none;}
::-moz-selection {	background: #aed7dc;	color: #fff;	text-shadow: none; }


button:hover,button:focus,.button:hover,
.button:focus,input[type="button"]:hover,input[type="button"]:focus,input[type="reset"]:hover,input[type="reset"]:focus,input[type="submit"]:hover,input[type="submit"]:focus { background-color: #aed7dc;	color: #fff;}

button:active,.button:active,input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active {	background-color: #aed7dc;}
.search-field {	width: 100%;}
.search-submit {	display: none;}

/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {	color: #939393;}
:-moz-placeholder {	color: #939393;}
::-moz-placeholder {	color: #939393;	opacity: 1; /* }
:-ms-input-placeholder {	color: #939393;}

.comment-content img,.entry-content img,.entry-summary img,#site-header img,.widget img,.wp-caption {	max-width: 100%; }
.comment-content img[height],.entry-content img,.entry-summary img,img[class*="align"],img[class*="wp-image-"],img[class*="attachment-"],#site-header img {	height: auto;}
img.size-full,img.size-large,.wp-post-image,.post-thumbnail img {	height: auto;	max-width: 100%;}
embed,iframe,object,video {	margin-bottom: 24px;	max-width: 100%;}
p > embed,p > iframe,p > object,span > embed,span > iframe,span > object {	margin-bottom: 0;}

img { max-width: 100%; height: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

blockquote.alignleft,figure.wp-caption.alignleft,img.alignleft {	margin: 7px 24px 7px 0;}
.wp-caption.alignleft {	margin: 7px 14px 7px 0; }
blockquote.alignright,figure.wp-caption.alignright,img.alignright {	margin: 7px 0 7px 24px;}
.wp-caption.alignright {	margin: 7px 0 7px 14px;}
blockquote.aligncenter,img.aligncenter,.wp-caption.aligncenter {	margin-top: 7px;	margin-bottom: 7px;}


.site-content blockquote.alignleft,.site-content blockquote.alignright {	border-top: 1px solid rgba(0, 0, 0, 0.1);	border-bottom: 1px solid rgba(0, 0, 0, 0.1);	padding-top: 17px;	width: 50%;}
.site-content blockquote.alignleft p,.site-content blockquote.alignright p {	margin-bottom: 17px;}
.wp-caption {	margin-bottom: 24px;}
.wp-caption img[class*="wp-image-"] {display: block;	margin: 0;}
.wp-caption {	color: #767676;}
.wp-caption-text {	-webkit-box-sizing: border-box;	-moz-box-sizing:    border-box;	box-sizing:         border-box;font-size: 12px;	font-style: italic;	line-height: 1.5;	margin: 9px 0;}
div.wp-caption .wp-caption-text {	padding-right: 10px;}
div.wp-caption.alignright img[class*="wp-image-"],div.wp-caption.alignright .wp-caption-text {	padding-left: 10px;	padding-right: 0;}
.wp-smiley {	border: 0;	margin-bottom: 0;	margin-top: 0;	padding: 0;
}
.screen-reader-text {	clip: rect(1px, 1px, 1px, 1px);	position: absolute;}
.screen-reader-text:focus {	background-color: #f1f1f1;	border-radius: 3px;	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);	clip: auto;	color: #21759b;	display: block;	font-size: 14px;	font-weight: bold;	height: auto;	line-height: normal;	padding: 15px 23px 14px;	position: absolute;	left: 5px;	top: 5px;	text-decoration: none;	text-transform: none;	width: auto;	z-index: 100000; /* Above WP toolbar */}





.menu-toggle { border: none!important; }
.screen-reader-text { display: none; }
.sub-menu-toggle,.menu-toggle { display: none; visibility: hidden; }
 

#commentcount { text-align: center; padding-bottom: 20px; border-bottom: 1px dashed #efefef; margin-bottom: 20px; font-family: 'Flamenco', cursive; }
#commentcount a {  text-transform: uppercase; letter-spacing: 3px; }


#commentblock {	padding: 10px;	width: 95%; }
#commentblock a { text-decoration: none; margin-bottom: 5px;  }
#commentblock input[type="text"] { padding : 3px; background: #FFFFFF; border: 1px solid #ebebeb; max-width: 230px; width: 100%; }
#commentblock textarea { padding : 3px;  background: #FFFFFF; border: 1px solid #ebebeb; max-width: 230px; width: 100%; }
#commentblock input[type="submit"] { width: 160px; height:20px; margin-top: 10px; background: #FFFFFF; border: 1px solid #ebebeb; }
#commentblock h3 { display: inline-block; padding-top: 10px; padding-bottom: 10px; text-align: centre; font-family: 'Flamenco', cursive; color: #7288bd; }
#commentblock p { padding-bottom:5px!important; margin-bottom:5px!important; padding-top:5px!important; margin-top:5px!important; }
#commentblock li { border-bottom: 1px solid #ebebeb; padding-bottom: 5px; margin:1em 1.2em }


nav { margin: 0 auto;  font-size: 14px; line-height: 28px; letter-spacing: 2px;  width: 100%; top: 0;   z-index 9999999!important; max-width: 1100px;    margin-bottom: 10px; margin-top: 10px;   padding-top: 1%; padding-bottom: 1%; text-align: center; border-top: 1px dashed #4a5a7f; border-bottom: 1px dashed #4a5a7f; }

nav ul	{ margin: 0; padding: 0;z-index 9999999!important;   }
nav li { display: inline-block; position: relative; z-index 9999999!important; text-align: right!important; }
nav li a:hover { color: #d28e96; }
nav li a  {    padding-left: 15px; padding-right: 15px; padding-top: 4px; padding-bottom: 4px;  transition: all 0.9s ease; ; color: #7288bd;  } 
nav li ul { display: none; }
nav ul ul li {  float: none;  width: 250px;  text-align: left!important; font-size: 14px;   }
nav ul ul li a { font-size: 12px; line-height: 28px;  }
nav ul li:hover ul { display: block;  background: #efefef; color: #767676; padding-bottom: 10px; padding-top: 5px;}
nav ul ul {  display: none;  position: absolute; top: 25px;  }
.current-menu-item a {  color: #d28e96!important; }

#cont { width: 1100px; max-width: 100%; background: #FFF; margin: 0 auto; overflow: auto; overflow: hidden; }
#cont ul {    list-style-type: square;}

footer { width: 1100px; max-width: 100%; font-size: 9px; text-transform: none;   display: inline-block; text-align: center; padding-top: 20px; padding-bottom: 20px; border-top: 1px dashed #4a5a7f; margin-top: 20px;   }


#sidebar { padding-bottom: 30px; text-align: center; padding: 1.6%; padding-top: 35px; }
#sidebar h2 {   font-size: 21px; line-height: 24px; text-transform: lowercase; letter-spacing: 3px;  margin-bottom: 9px; font-family: Flamenco, cursive; color: #d28e96; border-bottom: 1px dashed #4a5a7f; padding-bottom: 10px; margin-bottom: 15px;  margin-top: 10px;}
#sidebar input[type="submit"] {  width: 30%; padding: 1px; background: #f3d0d0; border: 1px solid #f3d0d0; border-top-right-radius: 10px;  border-bottom-right-radius: 10px; }
#sidebar input[type="text"] { color:#111; border: 1px solid #efefef;  background-color: #fff; font-size: 10px; letter-spacing: 2px; font-weight: normal; text-decoration: none; font-family: arial;padding: 2px; width: 60%; }
#sidebar li { list-style: none; }


header h1 { text-align: center; font-size: 122px; line-height: 125px; font-family: 'Flamenco', cursive; }
#logobox { background: url('mheader.png') repeat;   width: 100%;  padding-top: 2.5%; padding-bottom: 2.5%;  }





#titles { text-align: center; font-size: 22px; line-height: 25px; margin-top: 15px; margin-bottom: 15px; font-family: 'Flamenco', cursive; }
#date { text-align: center; margin-top: 15px; margin-bottom: -10px; text-transform: lowercase; font-size: 10px;color: #7288bd;  }



#backbutton { text-align: center; }

@media (min-width: 1200px){

#left { width: 65%; float: left; }
#sidebar { width: 28%; float: right; }
footer { width: 100%; }

}
@media (min-width: 1024px){

#left { width: 65%; float: left; padding-left: 40px; }
#sidebar { width: 28%; float: right; }
footer { width: 100%; }
}
/* Responsive Navigation
---------------------------------------------------------------------------------------------------- */
 
@media only screen and (min-width: 968px) {
nav { display: inline-block; }

}
 
nav {
	clear: both;
}
 
/* Navigation toggles
--------------------------------------------- */
 
.sub-menu-toggle,
.menu-toggle {
	display: none;
	visibility: hidden;
}
 
/* Navigation toggles - Ensure Menu Displays when Scaled Up
--------------------------------------------- */
 
@media only screen and (min-width: 768px) {
	#left { width: 68%; float: left; }
	#sidebar { width: 25%; float: right; }
	#logobox { background: url('') repeat; width: 100%;  padding-top: 2.5%; padding-bottom: 2.5%;  }
	nav {
		display: block !important;
	}
}
 
/* Navigation toggles - Mobile (Change max width as you see fit)
--------------------------------------------- */
 
@media only screen and (max-width: 767px) {
header  h1 { font-size: 80px; line-height: 90px; }
#logobox { padding-top: 3%; padding-bottom: 3%; }
body { padding: 2%; }
#cont { margin: 0 auto; overflow: hidden; }
nav li { display: block; vertical-align: baseline; }
nav li ul { display:none;  }
nav ul li:hover ul { display: none; }
nav li ul li a { font-family: times new roman; vertical-align: baseline; }
nav ul ul li {  float: none;  width: 100%;  text-align: center; font-size: 14px; }
nav ul ul {  display: none;  position: relative; top: 0; }
 
.menu-toggle, .sub-menu-toggle { display: block; font-size: 15px; font-size: 1.5rem;  margin: 0 auto; overflow: hidden; padding: 7px; padding: 0.7rem; text-align: center; visibility: visible;  }
button.menu-toggle, button.sub-menu-toggle { background-color: transparent; color: #999; } 
.sub-menu-toggle { padding: 10px; padding: 1.0rem; position: absolute; left: 0; top: 0; border: none; margin-top: -15px; color: #888!important; }
.menu-toggle:before { content: "⇣"; }
.menu-toggle.activated:before { content: "⇡"; } 
.sub-menu-toggle:before { content: "+"; }
.sub-menu-toggle.activated:before { content: "-"; }	
	.genesis-nav-menu .menu-item { background-color: #f5f5f5; display: block; position: relative; text-align: left;  }
 .genesis-nav-menu .menu-item:hover { position: relative; }
.genesis-nav-menu .sub-menu { clear: both; display: none; opacity: 1; position: static;	width: 100%; }
.genesis-nav-menu .sub-menu a { border-left: 0; position: relative; width: auto; }
.genesis-nav-menu .sub-menu .sub-menu {	margin: 0; }
.genesis-nav-menu .sub-menu .sub-menu a { background-color: #f5f5f5; padding-left: 30px; }
.genesis-nav-menu .sub-menu .sub-menu .sub-menu a { background-color: #fff; padding-left: 40px; }
.nav-primary a:hover, .nav-primary .current-menu-item > a { color: #333; }
nav { display: none; position: relative; }
nav li { display: block; vertical-align: baseline; line-height: 30px; text-align: center;}
nav li ul { display:none;  }
nav ul li:hover ul { display: none; }
nav li ul li a { font-family: arial; vertical-align: baseline; }
nav ul ul li {  float: none;  width: 100%;  text-align: center; font-size: 12px; }
nav ul ul {  display: none;  position: relative; top: 0; }
}