/*

Theme Name:     Annie Q Syed
Theme URI:      http://example.com/
Description:    Custom theme built for Annie Q Syed
Author:         donebyEXPERTS.COM
Author URI:     http://www.donebyexperts.com/
Template:       twentytwelve
Version:        0.0.5
*/

@import url("../twentytwelve/style.css");

@import url("css/layout.css");

@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400|Lora:400|Architects+Daughter:400);

@import url("fonts/bebasneue/stylesheet.css");


/*GEnerial Stuff
*********************************************/
h1, h2, h3, h4, h5, h6, body.custom-font-enabled {
	font-family: "Lora", serif;
}
.bx-controls-auto{display:none;}
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}

a {
	text-decoration: none;
}

.entry-content {
	font-size: .9em
}

footer.entry-meta {
	border-top: 1px solid #ddd;
	padding-top: 10px;
}

.archive-title, .page-title, .widget-title, .entry-content th, .comment-content th {
	font-size: 18px;
	font-family: "Lora", serif;
	font-weight: normal;
	text-transform: none;
}

.widget-area .widget h3 {
	margin-bottom: 0.1rem;
}

.widget-area .widget p, .widget-area .widget li, .widget-area .widget .textwidget {
	font-size: 14px;
}

body.custom-font-enabled {
	font-size: 15px;
}


	/*HEADER
	*********************************************/

.site-header h1 a {
	font-family: "Lora", serif;
	font-weight: normal;
}

.site-header h2,
	.site-header h2 a {
	font-family: "Noto Sans", sans-serif;
}

.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
	border-top: none;
	border-bottom: none;
}

header.site-header {
	border-bottom: 1px solid #f5f5f5;
	width: 100%;
	position: fixed;
	background-color: rgba(255,255,255,.9);
	z-index: 2;
}

#main {
	margin-top: 50px;
}

.home #main {
	margin-top: -25px;
}

.widesite #main {
	margin-top: 100px;
}

hgroup,nav#site-navigation {
	display: inline-block;
	vertical-align: top;
}

hgroup {
	padding-left: 20px;
	height: 45px;
}

#site-navigation {
	float: right;
	padding: 0;
	margin: 0;
}

.site-header {
	margin: 0 0 10px 0;
	padding: 0;
}

.site-header h1 {
	margin-right: 20px;
}

.site-header h2, .site-header h1 {
	display: inline-block;
	vertical-align: middle;
}

.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
	border: none;
	box-shadow: none;
}

.front-page-image {
	text-align: center;
	position: relative;
}

.front-page-image img {
	width: 600px;
	height: auto;
}

.front-page-content {
	text-align: justify;
}

.site-title {
	height: 43px;
}

.home-title {
	text-align: center;
	font-size: 24px;
	padding-bottom: 20px;
	margin-top: 25px;
}

.home-title .front-page-content:hover {
	display: block;
}

.home-title:hover .front-page-content {
	display: block;
}

.home footer {
}

.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a,
	.main-navigation .current-category-ancestor > a,
	.main-navigation .current-post-ancestor > a {
	font-weight: normal;
	color: #0471BB;
}

.main-navigation li.sfHover {
}

.main-navigation li {
	margin: 0 1.6rem 0 0;
}

.main-navigation li:last-child {
	margin: 0;
}

.main-navigation li ul {
}

.main-navigation li ul li a {
	width: 120px;
}

.main-navigation li a {
	font-family: "Noto Sans",  sans-serif;
}

#page.slim {
	max-width: 700px;
}

.template-front-page.has-post-thumbnail article {
	width: 100%;
}


	/*==========  Navigation  ==========*/


#searchform {
	font-family: "Noto sans", sans-serif;
	font-size: .85em;
	text-align: right;
}

.menu-search-wrapper {
	display: inline-block;
	height: 44px;
	margin-right: 10px;
	position: relative;
	top:0px;


	-webkit-transition: top .25s ease-out;
	   -moz-transition: top .25s ease-out;
	    -ms-transition: top .25s ease-out;
	     -o-transition: top .25s ease-out;
	        transition: top .25s ease-out;
}

@-moz-document url-prefix() { 
  .menu-search-wrapper {
     top:-5px;
  }

  .menu-search-wrapper.show-search{
  	top:-49px;
  }
}

#searchform input[type="text"] {
	padding: 2px;
}

#searchform input[type="submit"] {
	padding: 4px 10px;
}

#site-navigation {
	position: relative;
	overflow: hidden;
	margin-right: 10px;
	height:44px;
}

.search-container {
	line-height: 44px;
}

.menu-main-menu-container {
}

.mini.toggle-menu{
	display:none;
}
.toggle-menu {
	display: inline-block;
	height: 44px;
	position: relative;
	top:0px;
	-webkit-transition: top 1s ease-out;
	   -moz-transition: top 1s ease-out;
	    -ms-transition: top 1s ease-out;
	     -o-transition: top 1s ease-out;
	        transition: top 1s ease-out;
}

.show-search {
	top: -44px;
}


.toggle-menu .toggler {
	/*line-height: 40px;*/
height: 40px;
	margin-top: 5px;
}


.toggle-menu a img {
	width: 16px;
}

	/* Home
	*********************************************/
.alt-nav {
	position: absolute;
	font-family: 'Architects Daughter', cursive;
	font-size: 18px;
	color: #FFB100;
	transition: all 1.5s;
	-webkit-transition: all 1.5s;
	-moz-transition: all 1.5s;
	-ms-transition: all 1.5s;
	-o-transition: all 1.5s;
}

a,
	.main-navigation li a,
	.alt-nav,object, embed {
	outline: 0 !important;
}

.alt-nav:hover {
	color: #0471BB;
}

#vault-link {
	padding-top: 100px;
	text-align: left;
	width: 150px;
	height: 100px;
	left: 10px;
	top: 31px;
}

#book-link {
	height: 45px;
	width: 162px;
	bottom: 57px;
	right: 151px;
}

#writing-link {
	height: 78px;
	width: 194px;
	left: 161px;
	bottom: 60px;
}

#about-link {
	top: 145px;
	width: 557px;
	height: 250px;
	right: -109px;
}


	/*HEADER
	*********************************************/
.widget-area .widget h3 {
	font-family: "Lora", serif;
	font-weight: normal;
	font-size: 22px;
	text-transform: none;
}

.widget-area .widget a,
	.widget-area .widget {
	font-family: "Noto Sans", sans-serif;
	font-weight: normal;
	text-decoration: none;
	font-size: 14px;
}

	/*Single Page /
	*********************************************/
.single-nav-wrap {
	width: 30px;
	float: right
}

#single-nav {
	width: 16px;
	position: fixed;
	margin: 50px -30px 0 0;
	background: #0071bc;
	padding: 7px;
}

#single-icon {
	float: left;
	width: 16px;
	height: 16px;
	margin: 5px 0;
}

#single-icon-comment {
	float: left;
	width: 16px;
	height: 16px;
	margin: 5px 0;
}

#single-icon-comment a {
	display: block;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
}

.totop {
	cursor: pointer;
}

.single-container {
	width: 67%;
	margin: 0 auto;
	position: relative;
	padding-top: 45px;
}

.single-container article {
	background: #f9f9f9;
	padding: 15px;
	margin-bottom: 20px;
}

.single-content {
	width: 92%;
	float: left;
	padding: 20px 0 20px 20px;
	position: relative;
}
/*.single-sidebar-wrap{
width:270px;
position:absolute;
right:0;
top:95px;
}
.single-sidebar{
width:86%;
padding:32px 10px 10px;
background:#f5f5f5;
position:absolute;
top:0;
left:0;
z-index:-1;
font-size:85%;
font-family: "Noto Sans", sans-serif;
}


.toggle-button{
width:20px;
height:22px;
background-image:url(images/sidebar-show.png);
position:absolute;
right:0;
top:0;
}
.social-sidebar{
width:100%;
height:22px;
background:#0071bb;
border-bottom:1px solid #fff;
position:absolute;
left:0;
top:0;
}
.social-icons{
position:absolute;
left:10px;
top:2px;
width:50%;
}

.single-sidebar li{
list-style:none;
margin-bottom:20px;
}*/

/* .thoughts{
border-top: 5px solid #fff;
padding-top: 10px;
position:relative;
}

.single-sidebar .comments-area article{
margin:0;
}
.single-sidebar .comments-area article header{
margin:0;
}
.comment-shadow-box{
position:absolute;
width:20px;
height:12px;
color:#fff;
top:17px;
right:0;
background:#0071bb;
padding:4px 0;
text-align:center;
}

.comment-shadow-box a:hover{
color:#fff;
}

a.comment-reply-link, .reply span{display:none}
.hidden {
    display: none;
}
.hiddenpad {
    padding: 10px;
}
#respond{
margin:0;
font-size:85%;
font-family: "Noto Sans", sans-serif;
}
.single-date{
float:left;
margin-right:20px;
}*/



/*COMMENTS
*****************************************/

.comments-title {
	padding: 0;
	margin: 20px 0 0 0;
	border-radius: 3px;
}

.comment-content p {
	font-family: "Noto Sans", sans-serif;
	font-size: .8em;
}

.comments-area article {
	-webkit-transition: .5s background;
	-moz-transition: .5s background;
	-o-transition: .5s background;
	-ms-transition: .5s background;
	transition: .5s background;
}

.comments-area article:hover {
	background: #f5f5f5;
}





	/*Wide Site (For Writings and the Vault) /
	*********************************************/
.widesite {
	margin: 0px auto;
	max-width: 1200px;
	overflow: hidden;
}

header h2.cat-title {
	font-family: "Lora", serif;
	font-weight: normal;
	font-size: 20px;
	display: inline-block;
	margin: 0 20px 7px 0;
}

header ul.subcats {
	display: inline-block;
}

header ul.subcats li {
	margin-right: 10px;
	display: inline-block;
}

.widesite header ul.subcats,
	.widesite header .cat-description {
	font-family: "Noto Sans",sans-serif;
	font-size: 12px;
	color: #999;
}

ul.excerpts {
}

ul.excerpts li {
	height: 270px;
	padding: 0 10px 10px;
	position: relative;
	z-index: 1;
	margin-right: 20px;
	background: #f9f9f9;
}

ul.excerpts li img {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}

ul.excerpts li:first-child {
	margin-left: 0;
}

ul.excerpts li .excerpt-header {
	font-family: "Noto Sans",sans-serif;
	margin: 5px 0 5px 0;
	min-height: 28px;
	font-size: 14px;
	line-height: 18px;
}

ul.excerpts li .excerpt-header a {
	font-size: 14px;
	text-decoration: none;
	color: black;
}

ul.excerpts li .excerpt-content {
	font-family: "Noto Sans", sans-serif;
	font-size: 13px;
	color: #666;
}

ul.excerpts li .excerpt-content p {
	line-height: 1.5em;
	text-align: justify;
}

.cat-header {
	margin: 20px 0;
}

ul.excerpts li .card {
	position: relative;
}

ul.excerpts li.no-thumbnail .card {
}

ul.excerpts li.has-thumbnail img {
	border-radius: none;
	-webkit-border-radius: none;
	-moz-border-radius: none;
	-ms-border-radius: none;
	-o-border-radius: none;
}


	/**
	 * Load more
	 */
ul.excerpts li .load-more {
	text-align: center;
	margin-top: 30%;
}

ul.excerpts li .load-more a {
	text-align: center;
	font-size: 8em;
	color: #999;
	cursor: pointer;
}

ul.excerpts li .load-more a:hover {
	color: #666;
}

ul.excerpts li .load-more .response {
	font-size: 1rem;
	font-family: "nono sans", sans-serif;
}




	/*do the flip effect if the post has a thumbnail*/


/*    ul.excerpts li.has-thumbnail .card {

      transition: all .3s ease-out;
      -webkit-transition: all .3s ease-out;
      -moz-transition: all .3s ease-out;
      -ms-transition: all .3s ease-out;
      -o-transition: all .3s ease-out;
    }

    ul.excerpts li.has-thumbnail:hover .card {
      top:-290px;
    }
*/
.has-thumbnail .face {
	height: 260px;
}

.has-thumbnail .face.back {
	margin-top: 30px;
}

    /*The Vault
	*********************************************/
.the-vault-items .vault {
	width: 250px;
	height: 220px;
	display: inline-block;
	vertical-align: top;
	margin: 20px;
	text-align: center;
	transition: all .5s;
}

.the-vault-items .vault .vault-title {
	text-align: center;
	margin: 7px 0;
}

.the-vault-items .vault .vault-title a {
	font-family: "Noto Sans", sans-serif;
	text-decoration: none;
	color: #333;
}

.the-vault-items .vault .vault-title a:hover {
	color: #21759b;
}

	/*page navi*/
#content .wp-pagenavi {
	text-align: center;
}

#content .wp-pagenavi span,
	#content .wp-pagenavi a {
	border: none;
	font-family: "Noto Sans", sans-serif;
}

#content .wp-pagenavi span.current {
	border-radius: 25px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	line-height: 25px;
	display: inline-block;
	padding: 0;
	height: 25px;
	width: 25px;
	border: none;
	background: #0471BB;
	color: white;
	font-weight: normal;
}

.vault.no-thumbnail {
	background: #f5f5f5;
}

.vault.format-video {
	background: none;
}

.vault.no-thumbnail .excerpt {
	text-align: left;
	font-family: "Noto Sans", sans-serif;
	padding: 7px;
	font-size: 13px;
	line-height: 18px;
}

footer .site-info  a,
	footer .site-info {
	text-align: center;
	text-decoration: none;
	font-family: "Noto Sans", sans-serif;
}

footer .site-info  a {
	color: #0471BB;
}

footer .site-info  a:hover {
	text-decoration: underline;
}


/* = Random Widget
-------------------------------------------------------------- */
.arpw-alignleft {
	border: none !important;
}

h3.arpw-title {
	display: none;
}

.arpw-block ul li {
	border: none;
	display: inline-block;
}

.arpw-block li {
	margin: 0 1px;
	padding: 0 !important;
}

.arpw-block li a,
.arpw-block li img {
	border: none;
	margin: 0 !important;
	padding: 0 !important;
}

/*REVIEWS*/
.reviews p {
	margin: 0
}

.entry-content p.review {
	margin: 0 0 5px;
}

.entry-content p.author,
.entry-content p.line {
	margin-bottom: 10px;
}
/**
 * related posts
 */
.entry-header .entry-title {
	margin-bottom: 10px;
	margin-top: 40px;
	font-weight: normal;
	font-family: "BebasNeueRegular";
	font-size: 2.5em;
text-align:center;
}

#respond h3#reply-title,
.comments-title,
.related-posts-title {
	margin-bottom: 10px;
	margin-top: 40px;
	font-weight: normal;
	font-family: "BebasNeueRegular";
	font-size: 2em;
}

#related-posts {
	margin-bottom: 40px;
}

ul.related-posts li {
	display: inline-block;
	background: #eee;
	border-radius: 3px;
	padding: 4px 6px;
	margin: 3px;
}

ul.related-posts li a {
	font-family: "Noto Sans", sans-serif;
	font-size: .7em;
}

/**
 * Comments
 */

ol.commentlist {
	margin-top: -20px;
}

#respond form p.logged-in-as {
	font-family: "Noto Sans", sans-serif;
}
?*
#respond form label {
	display: none;
}
*/

/* = Responsive STuff
-------------------------------------------------------------- */

/*generic mobile code*/
@media only screen and (max-width: 1024px) {

	hgroup {
		width: 200px;
		height: 45px;
	}

	.site-header h2 {
		position: relative;
		top: -13px;
		font-size: 0.6em;
	}

	.site-header h1 a {
		font-size: 0.9em;
	}

	.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
		margin-top: 5px;
	}

	.toggle-menu .toggler{
		margin-top: 6px;

		line-height: 40px;
}

	.main-navigation li {
		margin: 0 0.9rem 0 0;
	}

	.main-navigation li a {
		font-size: 11px;
	}

	ul.excerpts li .excerpt-content {
		font-size: .75em;
	}

	ul.excerpts li.has-thumbnail:hover .card {
		top: 0;
	}

	/*home content*/
	.front-page-content {
		margin: 0 10%;
		font-size: .875em;
	}

	/*home links*/
	.alt-nav {
		color: #21759b;
		font-size: 14px;
	}

	.home-title {
		z-index: 1;
		position: relative;
		font-size: 1.2em;
	}

	.front-page-image img {
		width: 500px;
	}

	#vault-link {
		padding-top: 100px;
		text-align: left;
		width: 150px;
		height: 100px;
		left: 37px;
		top: 7px;
	}

	#book-link {
		height: 45px;
		width: 122px;
		bottom: 47px;
		right: 186px;
	}

	#writing-link {
		height: 51px;
		width: 194px;
		left: 161px;
		bottom: 60px;
	}

	#about-link {
		top: 122px;
		width: 557px;
		height: 192px;
		right: -109px;
	}

	.entry-header .entry-title,
	#respond h3#reply-title,
	.comments-title,
	.related-posts-title {
		font-size: 1.5em;
	}

	/*single post*/
	.single-container {
		width: 100%;
	}

	.single-content {
	/*width:427px;*/
		width: 93%;
	}
/*.single-sidebar-wrap{
width:100%;
top:45px;
}
.single-sidebar{
width:90%;
padding:32px 5% 5%;

}
.active{
z-index:1;
}*/


	/*exceprt*/
	#page,
	.widesite #main {
		width: 93.6%;
		margin: 0 auto;
	}

	.has-thumbnail .face,ten
	ul.excerpts li {
		height: 240px;
	}

	#content.writings {
		margin: 75px auto;
	}

	/*the vault*/
	.the-vault-items .vault {
		width: 200px;
		height: 220px;
		margin: 10px;
	}

	.the-vault-items .vault img {
		/* support from chrome and */
		filter: none;
		-webkit-filter: none;
		-moz-filter: none;
		-ms-filter: none;
		-o-filter: none;
	}

	.category-thevault .widesite {
		max-width: 800px;
	}

	.category-thevault .widesite #main {
		margin: 100px auto;
	}

	.the-vault-items .vault .vault-title a {
		font-size: .8em;
	}

	.vault.no-thumbnail .excerpt {
		font-size: .7em;
	}
}

/*mobile phones*/
@media only screen and  ( max-width : 480px ) {


	/*menu  navigation*/
	header.site-header {
		position: relative;
	}

	.menu-search-wrapper{
    height: auto;

	}

	.toggle-menu{
		display:none;
	}

	.mini.toggle-menu{
		display: inline-block;

		height: 40px;
		margin: -10px 10px;
		overflow: hidden;
		position: relative;
}

	.search-container{
		display:none;
	}

	#site-navigation{
		height:auto;
	}
	
	.mini.toggle-menu .toggler{
	    line-height: 40px;
	    margin-top: 0;
	    position: relative;
	    top: 10px;

	    -webkit-transition: all 1.25s;
	       -moz-transition: all 1.25s;
	        -ms-transition: all 1.25s;
	         -o-transition: all 1.25s;
	            transition: all 1.25s;
	}

	#searchform{
		text-align: auto;
	}
	.mini .toggler.show-search{
		top: -30px;
	}

	.search-container{
		border-top:1px solid #eee;

		margin-top: 10px;
}
	.main-navigation li:last-child{
		margin: 0.2rem auto;
	}

	h3.menu-toggle {
		transition: all .5s;
		-moz-transition: all .5s;
		-webkit-transition: all .5s;
		-ms-transition: all .5s;
		-o-transition: all .5s;
	}

	header hgroup {
		text-align: center;
		padding-left: 0;
		margin: 0 auto;
		width: 100%;
		height: auto;
	}

	.site-header h1 {
		margin-right: 0;
		width: 100%;
	}

	#site-navigation {
		width: 100%;
		float: none;
		margin: 10px auto;
	
		padding: 0 20px;
		height: auto;
}

	.main-navigation li {
		width: 80%;
		background: #eee;
		margin: 0.2rem auto;
		padding: 0.5em;
	}

	.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
		width: 100%;
	}



	/*front page*/
	.front-page-content{
		margin: 0;
	}
	/*home links*/
	.alt-nav {
		font-size: 12px;
	}

	#vault-link {
		padding-top: 10px;
		text-align: right;
		width: 77px;
		height: 60px;
		left: 10px;
		top: 31px;
	}

	#book-link {
		text-align: left;
		height: 45px;
		width: 90px;
		bottom: 17px;
		right: 11px;
	}

	#writing-link {
		text-align: left;
		height: 48px;
		width: 94px;
		left: 56px;
		bottom: 10px;
	}

	#about-link {
		top: 70px;
		width: 257px;
		height: 50px;
		right: -80px;
	}

	.home-title {
		font-size: .8em;
		width: 80%;
		margin: 0 auto;
		top: -10px;
	}

	.flex-control-nav {
		display: none;
	}

	.widesite header ul.subcats {
		display: none;
	}

/**
 * Shadow Box
 */

	#sb-wrapper {
		width: 100px;
		background: white;
		padding: 15px;
		border-radius: 3px;
		-webkit-box-shadow: 0px 0px 10px #222;
		box-shadow: 0px 0px 10px #222;
	}

	#sb-wrapper-inner {
		border: none;
	}

	#sb-nav-close {
		background-color: #666;
	}

/*single post*/
	.single-nav-wrap {
		margin-right: -3px;
	}

	.single-container {
		width: 100% !important;
		padding-top: 0;
	}

	.single-content {
		width: 90%;
		float: left;
		padding: 0;
		background: none;
	}
/*.single-sidebar{
width:90%;
float:left;
position:relative;
padding:0 5% 5%;
z-index:0;
background:none;
}
.single-sidebar-wrap{
width:100%;
position:relative;
float:left;
top:10px;
}
.social-sidebar{
float:left;
position:relative;
width:110%;
margin-left:-5%;
}
.toggle-button{
display:none;
}*/

	/*exceprt items*/
	#page,
	.widesite #main {
		margin: 10px auto;
		width: 85%;
		padding: 0px;
	}

	ul.excerpts li .excerpt-content {
		font-size: .7em;
	}
}








/*ADDITIONAL CHANGES*/

.site-description span {
	font-weight: bold;
}

.entry-header img.wp-post-image {
	display: none;
}

/*TESTIMONIALS SLIDER*/
.testimonials-widget blockquote {
	font-style: normal;
	padding: 0;
	min-height: 330px;
}

#custom-recent-posts-2 li, #relatedposts-2 li {
	border-bottom: 1px solid #eee;
	padding: 5% 0;
}

section.slider li {
	margin: 0 0 0 15px;
}

.insp-slider {
	padding-top: 10px;
}

.insp-slider .flexslider {
	margin: 0 0 20px;
}

.site-content article {
	border-bottom: none;
}