/**
 * Theme Name:  Birthday Gift
 * Theme URI:   htpp://web4gift.com/birthday-gift
 * Description: Birthday gift is clean and modern WordPress theme. Birthday gift is ideal for personal blog, journal, newspaper, editorial, magazine or review website. It is fully responsive and uses the theme customizer so you can change colors, upload a logo and background image. Birthday gift supports HTML5 and schema.org code, the semantic foundation for SEO best practices. The theme supports all modern browsers and it is tested in Firefox, Chrome, Safari, Opera and Internet Explorer 8, 9 and 10. 
 * Version:     1.0.2
 * Author:      Web4Gift
 * Author URI:  http://web4gift.com
 * Tags:        one-column, two-columns, custom-background, custom-header, custom-menu, featured-images, white, featured-image-header, post-formats, dark, microformats, sticky-post, left-sidebar, post-formats, responsive-layout, right-sidebar, rtl-language-support, threaded-comments, translation-ready, black, gray, fluid-layout, flexible-header  
 * Text Domain: birthday-gift
 * License:     GNU General Public License v2.0 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */

/**
 * Fonts - Declare @font-face here.
 * --------------------------------------------------------------------------- */
* {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}
/**
 * Defaults
 * --------------------------------------------------------------------------- */

/* === HTML === */

html {margin: 0!important; padding: 0;}

/* === Body === */

body {
	color: #0a0b0b;
	background: #E9E8E4;
}

/* === Links === */

a {color: #0a0b0b;}

	a:hover {color:#da340a;}

/* === Headers === */

h1 {}

h2 {}

h3 {}

h4 {}

h5 {}

h6 {}

h1, h2, h3, h4, h5, h6 {
  color: #404248;
}
/* === Blockquotes, quotes, and cites === */

blockquote {}

	blockquote blockquote {}

	blockquote cite {}

/* === Acronyms and abbreviations === */

acronym {}

abbr {}

/* === Code and Preformatted text === */

code {}

pre {}

	pre code {}

/* === <address> tag === */

address {}

/* === Lists === */

ul {margin: 0; padding: 0;}

	ul li {}

ol {}

	ol li {}

dl {}

	dt {}

	dd {}


/* === Tables === */

table {}

	caption {}

	thead {}

	tfoot {}

	tbody {}

	tr {}

	th {}

	td {}

	/* wp-calendar <table> */

	#wp-calendar {}

/* === Embeds === */

object {}

embed {}

iframe {
	width: 100%;
	height: 340px;
}

video {}

/* === Forms === */

form {}

	fieldset {}

		fieldset legend {}

	label {}

	input, textarea {  
		background: #EAE9E3;
  		padding: 0.5em;
  		margin-bottom: 1em;
 		border-style: solid;
  		border-width: 1px;
  		border-color: #ccc #ddd #eee;
  		-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1) inset;
  		-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1) inset;
  		box-shadow: 0 0 1px rgba(0, 0, 0, 0.1) inset;
  		border-radius: 3px;
}

		/* Not all types, but these are more common for themes. */
		input[type="button"] {}
		input[type="checkbox"] {}
		input[type="email"] {}
		input[type="password"] {}
		input[type="radio"] {}
		input[type="reset"] {}
		input[type="search"] {}
		input[type="submit"] {}
		input[type="submit"]:hover {background: #d3d3d1;}
		input[type="text"] {}
		input[type="url"] {}

	textarea {}

	select {}

		select optgroup {}

		select option {}

	button {}

/* === Alignement (WP classes) === */

.alignleft {}

.alignright {}

.aligncenter {}

.alignnone {}


/**
 * Images
 * --------------------------------------------------------------------------- */

img {}

	a img {}

/* === WP editor image sizes === */

img.size-thumbnail {}

img.size-medium {}

img.size-large {}

img.size-full {}

/* === Thumbnails === */

.thumbnail {
	border: 5px solid #E9E8E4;
}
a .thumbnail:hover{
	border: 5px solid #DA340A;
}

/* === Captions === */

.wp-caption {}

	.wp-caption img {}

	.wp-caption-text {}

		.wp-caption-text a {}
		.wp-caption-text a:hover {}

/* === Gallery === */

.gallery {}

	.gallery .gallery-item {}

		.gallery-icon {}

			.gallery .gallery-icon img {}

		.gallery .gallery-caption {}

/* === Avatars === */

.avatar {}

	a .avatar {}
	a:hover .avatar {}

/**
 * Layout
 * --------------------------------------------------------------------------- */

	#container {
		margin: 0 auto;
		max-width: 960px;
	}

		.layout-1c #container {}
		.layout-2c-l #container #content  { float: right;}
		.layout-2c-l #container #sidebar-primary  { float: left; padding-right: 2%}
		.layout-2c-r #container #content  {float:left;}
		.layout-2c-r #container #sidebar-primary  { float: right; padding-left: 2%;}
		.layout-2c-r #container #header {float: right;}
		.layout-2c-l #container #header {float: left;}
		.layout-3c-l #container {}
		.layout-3c-r #container {}
		.layout-3c-c #container {}

		#header {width: 26.333%; padding: 1%; padding-bottom: 3%;}

		#menu-primary {float: right; }
		#menu-primary ul {padding: 0.4em; z-index: 999;}
		#menu-primary ul li {
			display: inline-block;
			list-style:none;
		}
		#menu-primary a {
			color: #fff;
			text-shadow: 0 2px 1px rgba(0,0,0,0.5);
			padding: 1em;
			text-transform: uppercase;
		}
		#menu-primary a:hover {
			color: #a0a5a0;
		}
		
		#menu-primary ul li:hover > ul {
		display: block;
		}
		#menu-primary ul ul > li {
			display: block;
		}

		#menu-primary .sub-menu {
			margin: 0;
			margin-top: 6px;
			display: none;
			position: absolute;
			background: url('images/4.png') #282928;
			padding: 0;
			border-bottom: 4px solid #D7D6D1;
			width: 140px;

		}
		#menu-primary .sub-menu li a{
			display: block;
			padding: 0 1em;	
		}

		#menu-primary .sub-menu li{
		}

		#menu-primary .sub-menu ul {
			left: 140px;
			margin-top: -25px;
		}
		#main {
			margin-top: 1.5em;
		}
			#content { 
				width: 69.333%;
				background: url('images/1.png');
				border-radius: 20px;
				margin-bottom: 2em;

				}
			#hentry {
				background: #fff;
				padding: 1em;
				border-radius: 8px;
				margin: 1em;
			}
			#sidebar-primary {
				margin-bottom: 2em;
				width: 28.333%;
			}

			#sidebar-secondary {}

		#menu-subsidiary {}


		#footer {}

/**
 * Header
 * --------------------------------------------------------------------------- */


}
#header {}

	#branding {}

		#site-title {margin: 0; font-style: italic; font-size: 2em; line-height: 1em; font-weight: bold; }

			#site-title a {}
			#site-title a:hover {color: #da340a;}
			body.custom-header #site-title a:hover { color: #da340a ;}
		#site-description {font-size: 0.8em; margin:0; padding-top: 0.5em }

/* ====== Top Bar ====== */	
#top-navigation  {background: url('images/4.png') #282928; 
			border-bottom: 5px solid #D7D6D1}
#top-bar {
	width: 960px;
	margin: 0 auto;
	}
		#social {
	 	float: left;
		}

/**
 * Menus
 * --------------------------------------------------------------------------- */

.menu-toggle {}

/* ====== Primary Menu ====== */

#menu-primary {}

	#menu-primary .wrap {}

		#menu-primary ul {}

			#menu-primary ul ul {}

			#menu-primary li {}
			#menu-primary li.current-menu-item > a {color: #a0a5a0 ;}

				#menu-primary li a {}
				#menu-primary li a:hover {}


/* ====== Footer Menu ====== */

#menu-footer {float: right; font-size: 0.8em; text-transform: uppercase; padding: 1.5em; padding-top: 3em;}

	#menu-footer .wrap {}

		#menu-footer ul {list-style: none;}

			#menu-footer li {display: inline-block; padding: 0.5em 0;}
			#menu-footer li.current-menu-item a {color: #da340a;}
			#menu-footer li:after {content: " | ";}
			#menu-footer li:last-child:after{content: " ";}


				#menu-footer li a { padding: 0.5em;}
				#menu-footer li a:hover {}
		.fatfooter { margin: 2em 0 1em 0;}
/**
 * Content
 * --------------------------------------------------------------------------- */

/* ====== BREADCRUMBS ====== */

.breadcrumb-trail {margin: 1em 1em 1em 2em;
font-style: italic; font-size: 0.8em; width: 66.333%; float:right;}

	.breadcrumb-trail .trail-begin {}

	.breadcrumb-trail .trail-end {}

	.breadcrumb-trail .sep {}

	.breadcrumb-trail a {}
	.breadcrumb-trail a:hover {}

/* ====== POSTS ====== */

.hentry  {}
.sticky {}

	/* === Post Header === */

	.entry-header {margin: 0.5em;}

		.entry-title {
			font-weight: bold;
			margin: 0;
			margin-bottom: 10px;
			font-size: 1.75em;
			width: 93%;
			line-height: 1em;
		}

			.entry-title a {color: #404248;}
			.entry-title a:hover {color:#da340a;}

		.entry-byline {
			text-transform: uppercase;
			color: #999;
			font-size: 0.85em;
			letter-spacing: 0.085em;
			position: relative;
			padding-bottom: 0.5em;


		}

		.entry-byline > span {
			 background: #fff;
			 padding-right: 0.5em;
		}


			.entry-byline a {color: #999;}
			.entry-byline a:hover {color:#da340a;;}

			.entry-byline .published {}
			.entry-separator {
				border-top: 1px solid #e0dede;
				border-bottom: 1px solid #e0dede;
				height: 4px;
				display: block;
				margin-top: -13px;
			  	
		}
	/* ===  Comment icon styling ===*/
		.comments-link {
			color: #fff;
			padding: 0 0.5em;
			position: absolute;
			top: -40px;
			right: 10px;
			border-radius: 4px;
			background: #da340a;

			}
		a.comments-link:before {
			left: 5px;
			top: 15px;
  			border: 10px solid transparent;
  			border-right-color: #da340a;
  			margin-top: 2px;
  			background: transparent;
  			content: "";
  			position: absolute;
		}
		a.comments-link {
			color: #fff;
			font-weight: bold;
			font-size: 1.5em;
		}
		a.comments-link:hover {
			color: #eee;
		}

	/* === Post content and excerpts === */

	.entry-content {}

	.entry-summary {}

	/* === Post Footer === */

	.entry-footer {
		border-bottom: 4px double #e0dede;
		padding-bottom: 0.5em;
		margin-bottom: 2em;
	}

		.entry-meta {
			margin: 0.75em 0 0 0;

		}

			.entry-meta a {}
			.entry-meta a:hover {}

			.entry-meta .published {}

			.entry-meta .category {}
			.entry-meta .post_tag {}

			.entry-terms.post_tag a {			
				background: #da340a;
				text-transform: uppercase;
				padding: 0.3em;
				border-radius: 2px;
				font-size: 0.75em;
				color: #fff;
			}
			.entry-terms.post_tag a:hover {
				text-decoration: underline;
			}
	
	
	/* === Asides === */

	.format-aside {}

		.format-aside .entry-content a.permalink {}

	/* === Chats === */

	.format-chat {}

		.format-chat .chat-row {}

			.format-chat .chat-text {}

			.format-chat cite {}

			.format-chat .chat-speaker-1 {}
			.format-chat .chat-speaker-2 {}
			.format-chat .chat-speaker-3 {}
			.format-chat .chat-speaker-4 {}
			.format-chat .chat-speaker-5 {}
			.format-chat .chat-speaker-6 {}
			.format-chat .chat-speaker-7 {}
			.format-chat .chat-speaker-8 {}
			.format-chat .chat-speaker-9 {}

	/* === Links === */

	.format-link {}

		.format-link .entry-title {}

			.format-link .entry-title a {}
			.format-link .entry-title a:hover {}

				.format-link .entry-title a .meta-nav {}

	/* === Galleries === */

	.format-gallery {}

		.format-gallery .image-count {}

	/* === Quotes === */

	.format-quote {}

		.format-quote blockquote {}

			.format-quote blockquote cite {}

	/* === Status updates === */

	.format-status

		.format-status .avatar {}

	/* === Audio and Video === */

	.format-video {}
	.format-audio {}


/* ====== Attachment Meta (on image attachment pages) ====== */

.attachment-meta {}

	.attachment-meta .image-gallery {}

	.attachment-meta .image-info {}

		.image-info ul {}

			.image-info ul li {}

				.image-info .prep {}

				.image-info .image-data {}


/* ====== LOOP META ====== */

.loop-meta {
	background: url('images/3.png');
	margin: -1em;
	padding: 1em 2em;
	margin-bottom: 0.5em;
}

	.loop-title {
		font-size: 2em;
		color: #404248;
		font-weight: bold;
		margin: 0;
		padding: 0 0.5em;
	}

	.loop-description {}

/* ====== PAGINATION ====== */

/* === Single posts using <!--nextpage--> === */

.page-links {}

	.page-links .before {}

	.page-links a {}
	.page-links a:hover {}

/* === Single post navigation (between different posts) === */

.loop-nav {}
	.loop-nav .prev {float: left;}
	.loop-nav .next {float: right;}

	.loop-nav a {padding: 10px;}
	.loop-nav a:hover {}

	.loop-nav a[rel="prev"] {}

	.loop-nav a[rel="next"] {}

/* === Archive-type pages === */

.loop-pagination {text-align: center;}

	.loop-pagination .page-numbers {}

	.loop-pagination a.page-numbers {
		background: #da340a;
		color: #fff;
		font-size: 0.85em;
		padding: 0.3em;
		text-transform: uppercase;
		border-radius: 2px;
	}
	.loop-pagination a.page-numbers:hover {background: #bc310f}

	.page-numbers.current {
		color: #fff;
		font-size: 0.85em;
		padding: 0.3em;
		text-transform: uppercase;
		border-radius: 2px;
		background: #bc310f}

/* === Comments pagination === */

.comments-nav {}

	.comments-nav a {}
	.comments-nav a:hover {}

	.comments-nav .page-numbers {}

/**
 * Sidebars and widgets
 * --------------------------------------------------------------------------- */

/* ====== General ====== */

.sidebar {}

	.widget {
	}
	.widget:after{
	margin:1em 0; 
	content: '';
    display: block;
    width: 85%;
    height: 7px;
    background: url('images/2.png') repeat;
	}
		.widget-title {}
		h3.widget-title {
			font-size: 1em;
			font-weight: bold;
			padding: 0;
			margin: 0.5em 0; 
		}
	.widget-area{ 
	}
/* ====== Specific ====== */

#sidebar-primary {}

#sidebar-secondary {}


#sidebar-header {}

#sidebar-before-content {}

#sidebar-after-content {}

#sidebar-after-singular {}


/**
 * Comments Template
 * --------------------------------------------------------------------------- */

#comments-template {
	padding: 1.5em;
	margin: -1em;
	background: url(images/3.png);}

/* ====== COMMENTS ======= */

#comments {margin-bottom: 2em;}

	#comments-number {
		text-transform: uppercase;
		font-weight: bold;
	}

	/* === Comments closed message === */

	.comments-closed {}

	.comments-closed.pings-open {}

	/* === Comment list === */

	ol.comment-list {
		list-style:none;
		margin: 0; 
	}

		ol.comment-list ol.children {
			list-style: none;
		}

		/* === Individual comments */

		li.comment {}

		li.ping {}

		li.bypostauthor {}

			/* === Avatars === */

			.comment-list .avatar {
  				float: left;
  				border: 1px solid #e0dede;
  				border-radius: 50%;
  				margin-right: 1em;
			}

			/* === Meta === */

			.comment-meta {
				color: #ccc;
  				line-height: 1.25;
  				text-transform: uppercase;
  				margin-bottom: 0.5em;
			}

				.comment-author {}

					.comment-author cite {}

				.comment-meta .published {}

			/* === Comment text/content === */

			.comment-content {}


			/* === Reply link === */

			.comment-reply-link {}
			.comment-reply-link:hover {}


/* ====== RESPOND (COMMENT FORM) ====== */
.form-allowed-tags, .comment-notes {
	display: none;
}
#respond {}

	#reply-title {text-transform: uppercase;
		font-weight: bold;
		margin: 0;}

		#reply-title small {}

	#respond .log-in-out {}

	#respond label {}
	#respond input {display: block;
		width: 90%;
	}
	#respond p {
		margin: 0 0 0.5em;
	}

		#respond label .required {}

	#respond input[type="text"] {}
	#respond input[type="text"]:focus {}

	#respond input[type="url"] {}
	#respond input[type="url"]:focus {}

	#respond input[type="email"] {}
	#respond input[type="email"]:focus {}

	#respond input[type="submit"] {
		width: 30%;
		font-weight: bold;
		text-transform: uppercase;}
	#respond input[type="submit"]:focus {background: #cececc;}
	#respond input[type="submit"]:hover {  
		background: #cececc;}

	#respond textarea {display: block;
		width: 90%;}
	#respond textarea:focus {}


/**
 * Footer
 * --------------------------------------------------------------------------- */

#footer {
	margin-top: 0;
	border-top: 5px solid #D7D6D1;
	background: url('images/4.png') #282928;
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
  	color: #cacbc6;
	}
#footer p {
	margin: 0;
}
#footer-content {
	width: 960px;
	margin: 0 auto;
}
#footer-content:after{
	clear: both;
	content:    " ";
	display:    block;
	clear:      both;
	visibility: hidden;
	height: 0;
}

	#footer .copyright {}

	#footer .credit {font-size: 0.7em; float: left; padding: 1.5em 0; padding-top: 3em;}
	#footer .credit a {font-style: italic;} 
	#footer a {color: #cacbc6;}
	#footer a:hover {color: #da340a;}

/* Footer widgets*/
	.footer-widgets {
	}
	.footer-widgets h3 {
		margin-bottom: 1em;
		color: #e2e2e1;
	} 
/* margins  */
.one-third {
    margin: 0.5%;
}
.quarter,
.two-thirds {
    margin: 0.5%;
}
.left,
.quarter.left,
.one-third.left {
    margin: 0.5%;
    float: left;
}
.right,
.quarter.right,
.one-third.right {
    margin: 0 0 0 1%;
    float: right;
}
.half.left {
    width: 48%;
    margin: 0 2% 0 0;
}
.half.right {
    width: 48%;
    margin: 0 0 0 2%;
}
.two-thirds.left {
    margin: 0 1% 0 0;
}
.two-thirds.right {
    margin: 0 0 0 1%;
    float: right;
}
.quarter{ width: 24.00%; float: left;}
.one-third { width: 32.33%; float: left;}


/**
 * Media Queries
 * --------------------------------------------------------------------------- */

@media only screen and (max-width: 1024px) {} 

@media only screen and (max-width: 860px) {
	#top-bar {width: 100%;}

	#content {
			width: 100%; 
			float: none;
		}
	#sidebar-primary {
		width: 100%;
		float: none;
		padding: 0;
	}
	.widget { margin: 0 2em;}
	#footer-content { 
		width: 100%;
	}
	#header{ 
		float: none!important;
		text-align: center;
		width: 100%;
		margin: 0.5em 0;
		padding: 0;
	}
	#branding {padding: 0.5em;}
	.breadcrumb-trail {display: none;}
	.footer-widgets{margin: 1.5em;}
	.quarter {
		width: 48%;
	}
	.layout-2c-r #container #sidebar-primary {padding-left: 0;}
	.layout-2c-l #container #sidebar-primary   {padding-right: 0;}

#footer .credit {float: none; text-align: center; padding: 0.5em 0;}
#menu-footer {float:none; text-align: center; padding: 0.5em 0;}
}
@media only screen and (max-width: 768px) {
} 

@media only screen and (max-width: 480px) {
	.quarter{ width: 100%; float: left;}
	.one-third { width: 200%; float: left;}
} 



/**
 * Clearing Floats
 * --------------------------------------------------------------------------- */

.clearfix::after {
	content:    ".";
	display:    block;
	height:     0;
	clear:      both;
	visibility: hidden;
}