/*
 Theme Name:   Purple Delight
 Theme URI:    
 Description:  Twenty Twelve Child Theme.  This simple theme with a fun background was designed with the personal blogger in mind.  
 Author:       Busy Momi Bee - Shawna B.
 Author URI:   http://busymomibeeblogdesigns.com/about
 Template:     twentytwelve
 Version:      1.5
 License: GNU General Public License v2.0
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Purple Delight, Child theme of Twenty Twelve WordPress Theme, Copyright 2014 WordPress.org
 Purple Delight is distributed under the terms of the GNU GPL
 
  
 Tags:         purple, two-columns, right-sidebar, custom-background, custom-colors
 Text Domain:  purple-delight
*/
@import url("../twentytwelve/style.css");
@import url(//fonts.googleapis.com/css?family=Fredericka+the+Great);
/* =Theme customization starts here
-------------------------------------------------------------- */

body {
	background: url(images/dots.png) repeat #478DB9;
	}

body .site {
    box-shadow: none;
}

.logo {
	background: url(/wp-content/uploads/2016/09/ruffhaxan.png) no-repeat;
	background-size: cover;
	width: 320px;
	height: 320px;
	position: absolute;
	top: 75px;
	margin-left: -25px;
}

a {
	color: #1D4D7A;
	}
	
a:hover{
	color: #478DB9;
	}	

.site-header h1 {
	text-align: center;
	font-family: 'Fredericka the Great', cursive;
	font-size: 80px;
	font-weight: normal;
	padding-left: 100px;
	}

.site-header h1 a {
	color: #1D4D7A;
	}
	
.site-header h1 a:hover {
	color: #478DB9
	}	
	
.site-header h2 {
	text-align: center;
	font-size: 20px;
	color: #478DB9;
	}	

.main-navigation div.nav-menu > ul {
    padding-left: 40px;
    background-color: #1D4D7A;
    text-align: center;
}

.main-navigation div.nav-menu > ul {
	background-color: #1D4D7A;
	width: 109%;
	margin-left: -40px;
	font-family: 'Fredericka the Great', cursive;
	}
	
.main-navigation .current_page_item > a	{
	color: #fff;
	padding: 2px;
	}
	
.main-navigation li ul li a {
	background: #478DB9;
	border-bottom: none;
	text-align: left;
	}
	
.main-navigation li ul li a:hover {
	background: #1D4D7A;
	color: #fff;
	text-align: left;
	}
	
.main-navigation li a {
	color: #fff;
	font-size: 15px;
	}	
	
.main-navigation li a:hover {
    color: #478DB9;
    	}
     
.entry-header .entry-title {
	color: #478DB9;
	font-family: 'Fredericka the Great';
	text-transform: uppercase;
	font-size: 40px;
	font-weight: normal;
	}	
	
.comments-link a, .entry-meta a {
    color: #478DB9;
}
	
.widget-area .widget h3 {
	background-color: #478DB9;
	}	
	
.widget-title {
	font-family: 'Fredericka the Great', cursive;
	font-size: 18px;
	color: #fff;
	padding: 5px;
	font-weight: normal;
	}	
	
.widget-area .widget a {
	color: #1D4D7A;
	}
	
.widget-area .widget a:hover {
	color: #478DB9;
	}	
	
footer a {
	color: #478DB9 !important;
	}
	
footer a:hover {
	color: #1D4D7A!important;
	}

@media screen and (max-width: 1030px) {
	.logo { 
		width: 175px;
		height: 175px;
	}
	.site-title {
		display: none;
	}
}

@media screen and (max-width: 960px) {
	.logo { 
		width: 125px;
		height: 125px;
		top: 0;
		left: 30px;
	}
	.site-title {
		display: none;
	}

	h1.entry-title {
		font-size: 25px !important;
	}

	.main-navigation {
		position: absolute;
		width: 85%;
		margin-top: 2rem;
	}
	.menu-toggle {
		float: right;
	}

	.site-header {
		padding-top: 0;
	}
	.header-image {
		height: 200px;
	}
}