/*
* Susanwiggs, WordPress web application.
* Copyright (C) 2016-2017 HarperCollins
*/
@media only screen and (max-width: 800px) {
   embed,
   object {
      max-width: 100%;
   }
}
@media only screen and ( max-width: 650px ) {
   .gallery-columns-3 .gallery-item {
      width: 33.33%;
   }
   .gallery-columns-3 .gallery-item img {
      width: 100%;
      height: auto;
   }
}
@media only screen and (max-width: 480px) {
   .gallery-columns-2 .gallery-item {
      width: 50%;
   }
   .gallery-columns-2 .gallery-item img {
      width: 100%;
      height: auto;
   }
}
@media (max-width: 440px){
	.book-details h1.page-head {
		font-size: 15px;
		white-space: nowrap;
	}
	.author-gallery{
		width:100%;
	}
	.author-gallery .author-img {
		margin: 10px auto;
		float: none;
		width: 100%;
	}
	#rc-imageselect, .g-recaptcha {
		transform:Scale(0.90);
		-webkit-transform:Scale(0.90);
		-moz-transform:Scale(0.90);
		transform-origin:0 0;
		-webkit-transform-origin:0 0;
		-moz-transform-origin:0 0;
	}
}
@media (min-width: 992px){
	.container{
		width:990px;
	}
}
@media (max-width: 980px){
	.btn.quick-links{
		margin-left: 0px;
	}
}
@media (max-width: 767px){
	.main-header{
		-webkit-background-size: 160%;
		-moz-background-size: 160%;
		-o-background-size: 160%;
		background-size: 160%;
		padding:10px 0;
		border-bottom: 4px solid #311E17;
	}
	.logo{
		width: 90%;
		position: relative;
	}
	.logo-image{
		display: none;
	}
	.logo-image + aside{
		padding: 0;
		max-width: 100%;
	}
	.susan-tagline{
		padding: 0;
		font-size: 50%;
		text-align: center;
	}
	#marker{
		display: none !important;
	}
	.promo-img-container{
		background: none;
		padding:0 15px;
	}
	.promo-description{
		padding:0 15px;
		margin-top: 30px;
	}
	.navbar{
		display: none;
	}
	.close-menu{
		display: block;
	}

	.social-links{
		width: auto;
		float: none;
		padding-left: 15px;
	}
	.social-links a{
		font-size: 15px;
		color: #fff;
		padding: 6px 0 10px 40px;
		text-indent: 0;
		display: block;
		margin-bottom: 5px;
	}
	.social-links a span{
		display: inline-block;
		width: 110px;
		padding-left: 3px;
		font-family: 'Arcon-Regular';
		letter-spacing: 2px;
		font-size: 14px;
		text-transform: uppercase;
		margin-left: 5px;
	}
	.fb-content{
		display: none;
	}

	h1, h2.page-head{
		font-size: 20px;
		font-family: Arial;
	}

	.page-head{
		line-height: 30px;
		font-size: 22px;
		font-weight: 600;
		font-family: Arial;
	}
	.pagination a.next, .pagination a.prev{
		text-indent: -10000px;
	}
	.author-photo{
		float: right;
		width: 115px;
		margin-top: -20px;
	}
	.author-photo img{
	    height: 115px;
		width: 115px;
	}
	.author-description{
		float: none;
		width: 100%;
	}
	.btn-transparent{
		background-color: #fff;
	}

	.blog-img{
		display: none;
	}
	.blog-content{
		float: none;
		width: 100%;
		padding: 0 15px;
	}
	h3{
		font-size: 25px;
		font-family: Arial;
	}

	footer{
		padding:40px 0;
	}

	.page-head + div .btn.btn-transparent{
		width: 100%;
	}
	.book{
		padding: 15px;
		margin: 10px -15px;
	}
	.book-img{
		width: 40%;
		margin-right: 10px;
	}
	.book-content {
		width: 58%;
		width: -webkit-calc(60% - 10px);
		width: -moz-calc(60% - 10px);
		width: calc(60% - 10px);
	}
	.book-content + .book-content{
		clear: both;
		width: 100%;
	}

	.recipe-list li{
		margin: 0 auto 30px auto;
		width: 60%;
		float: none;
	}
	.recipe-list li:nth-child(4n+4){
		margin: 0 auto 30px auto;
	}
	.recipe-list li img{
		margin-bottom: 10px;
	}
	.maps-img{
		margin: 20px auto;
		float: none;
	}

	.heading{
		font-size: 18px;
		margin-bottom: 10px;
	}

	h4.head{
		font-size: 18px;
	}

	.block{
		margin: 10px -15px;
		padding: 20px;
	}
	.author-gallery{
		width:100%;
	}
	.author-img{
		margin: 10px 24px;
	}

	.book-details{
		background: rgba(255,255,255,1);
		padding-bottom: 0;
	}
	.book-details:before{
		display: none;
	}
	.book-overview{
		background-color: #FFF0C3;
		padding-top: 15px;
	}
	.book-types a{
		width: 100%;
	}
	.sale-details div{
		float: none;
		width: inherit;
	}
	.sale-details div span{
		padding: 0;
	}
	.sale-details div span:nth-child(2n + 1) + span{
		float: right;
		font-size: 13px;
		font-weight: 500;
		max-width: 60%;
	}
	.other-formats{
		display: inline-block !important;
	}
	.btn-transparent span, .btn-colored span {
		font-family: Arial;
	}
	.book-content header a{
		font-size: 18px;
	}
	textarea.form-control{
		min-height: 150px;
	}
	.bootstrap-select.btn-group .dropdown-toggle .filter-option{
		font-size: 15px;
	}
	.bootstrap-select.btn-group .dropdown-menu li a{
		font-weight: normal;
	}
	.show-items {
		font-size: 12px;
	}
	/*.pagination {
		padding-right: 15px;
	}*/
	.pagination a.next::after,
	.pagination a.prev::before {
		top:20%;
		border-width: 8px;
	}
	.pagination a.prev{
		padding-left: 5px;
	}
	.pagination a.next{
		padding-right: 5px;
	}
	.pagination a.prev::before{
		left: -10px;
		padding-left: 5px;
	}
	.posts-list .bottom-pagination .visible-lg .pagination a.prev::before,
	.posts-list .bottom-pagination .visible-xs .pagination a.prev::before{
		padding-left: 5px;
	}
	.pagination a.next::after {
		left: 33%;
	}
	.posts-list .bottom-pagination .visible-lg .pagination a.next::after,
	.posts-list .bottom-pagination .visible-xs .pagination a.next::after{
		left: 100%;
	}
	.posts-list .bottom-pagination .visible-lg .pagination a.next,
	.posts-list .bottom-pagination .visible-xs .pagination a.next,
	.posts-list .bottom-pagination .visible-lg .pagination a.prev,
	.posts-list .bottom-pagination .visible-xs .pagination a.prev	{
		display: inline-block;
		padding-left: 50px;
		position: relative;
		text-align: end;
	}
	.comment-form-author, .comment-form-email {
		width: auto;
	}
	.wp-caption {
		float: none;
		margin: 0 auto;
	}
	.posts-list .row h1 {
		font-family: inherit;
		font-size: 2em;
		line-height: 1.0;
	}
	.posts-list h1{
		line-height: 1;
	}
}
@media (min-width: 768px){
	.font-arcon{
		font-family: 'Arcon-Regular';
	}
	.font-alex{
		font-family: 'AlexBrush-Regular';
	}
	.book-types .bootstrap-select:hover .dropdown-menu {
		display: block;
	}
	.recipe-list li a:first-child{
		height: 307px;
		display: block;
		margin-bottom: 5px;
	}
}
@media (min-width: 768px) and (max-width: 1023px){
	.logo-image img{
		max-height: 165px;
	}
	.logo-image + aside{
		padding: 15px;
	}
	.logo{
		max-width: 500px;
	}
	.navbar-nav>li>a{
		padding: 14px 18px;
	}
	.social-links{
		position: absolute;
		right: 0;
		top: -50px;
	}
	#marker{
		display: none !important;
	}
	.current-menu-item{
		background-color: #a85a8a;
		color: #fff;
	}

	.promo-img-container{
		background-size: 90%;
		padding: 12px 17px 15px 26px;
	}
	.promo-description{
		margin-top: 30px;
    	padding-left: 30px;
	}

	.book-content + .book-content{
		/*width: 100%;	*/
	}

	.recipe-list li{
		width: 35%;
	}
	.recipe-list li:nth-child(3n+3){
		margin-right: 0px;
	}
	.recipe-list li:nth-child(4n+4){
		margin-right: 50px;
	}
	.pull-left.logo-image {
		max-width: 162px;
	}
	.logo-image + aside {
		max-width: 75%;
	}
	.susan-tagline {
		padding-left: 0;
	}
	.btn-transparent span, .btn-colored span {
		font-size: 13px;
	}
	.author-img{
		margin: 10px 13px;
	}
}
@media (min-width: 980px){
	.other-sellers{
		padding-left: 0;
	}
}
@media (min-width: 1025px){
	.btn-transparent:hover span{
		color: #fff;
	}
	.btn-transparent:before {
	  content: "";
	  top: 0;
	  bottom: 0;
	  left: 0;
	  width: 0;
	  position: absolute;
	  background-color: #a85a8a;
	  z-index:0;

	  -webkit-transition: width 0.5s;
	  -moz-transition: width 0.5s;
	  -ms-transition: width 0.5s;
	  -o-transition: width 0.5s;
	  transition: width 0.5s;
	  
	}
	.btn-transparent:hover:before {
	   -webkit-transition: width 0.5s;
	  -moz-transition: width 0.5s;
	  -ms-transition: width 0.5s;
	  -o-transition: width 0.5s;
	  transition: width 0.5s;
	  width: 100%;
	}
}

@media (min-width: 1580px){
	.main-header{
		background-size: cover;
	}
}