/*-----------------------------
* Default colors
* Dark Gray: #222
* Theme Red: #eb1414
-------------------------------*/

body, html{

}

/*---------------------------------------------------------------------------
* Default Styles
--------------------------------------------------------------------------*/

a{
	color: #eb1414;
}

a:hover{
	color: #222;
}

a:hover,
a:visited,
a:active{
	text-decoration: none;
}

input[type="number"],
input[type="search"],
input[type="email"],
input[type="text"],
input[type="url"],
input[type="password"],
input[type="tel"],
textarea {
	border: 1px solid #ccc;
}

/* Table style */
table, tr, td, th, fieldset {
  border: 0;
}

img {
	border: 0;
}

/*---------------------------------------------------------------------------
* Global Styles
* -------------------------------------------------------------------------*/

.ap-text-black{
	color: #222;
}

.ap-clearfix::after{
	content: '';
	clear: both;
	display: block;
}

#button, .button{
	padding: 5px 10px;
	background: #eb1414;
	color: white;
	text-align: center;
	border: 1px solid #9c0202;
	text-decoration: none;
}

#button:hover, .button:hover{
	background: #222;
	border: 1px solid #222;
	color: white;
	text-decoration: none;
}

.logout-link{
	color: #eb1414;
	background: none;
	border: none;
}

.logout-link:hover{
	color: #222;
	background: none;
	border: 0;
}

.btn-lg{
	width: 100%;
	display: block;
	font-size: 18px;
	padding: 10px;
}


/*--------------------------------------------------------------------------
* Theme CSS overriding
* ------------------------------------------------------------------------*/
span.hover-color,
.post-cover:hover:after{
	opacity: 0 !important;
	background: transparent !important;
}


/*------------------------------------------------------------------------
* Style for header
* ----------------------------------------------------------------------*/
header .main-header-wrapper .breaking-news .block-body a{
	color: #eb1414;
}

header .main-header-wrapper .breaking-news .block-body a:hover{
	text-decoration: none;
	border: 0;
	color:#222;
}

/*------------------------------------------------------------------------
* Style for footer
* ----------------------------------------------------------------------*/
footer{
	background: #FFF;
}

footer .social-section .social-block a{
	color: #3b5998;
}



/*---------------------------------------------------------------------------
* Menu Styles
* -------------------------------------------------------------------------*/
.ubermenu-submenu li a,
.ubermenu-submenu li a span{
	color: #222;
}

.ubermenu-submenu li a:hover,
.ubermenu-submenu li a:active,
.ubermenu-submenu li a:active span{
	color: #eb1414;
}



/*---------------------------------------------------------------------------
* Styles change for home page
--------------------------------------------------------------------------*/
#front-page p.post-author{
	display: none;
}


#front-page p.post-excerpt span.post-author{
	display: none;
}


/*--------------------------------------------------------------------------
* Style for posts
* Overright the theme CSS file
* ------------------------------------------------------------------------*/

.post-title,
.post-title a{
	color: #222;
	-webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

.post .post-title a:hover{
	color: #eb1414;
	text-decoration: none;
}

.post-excerpt{
	min-height: 70px;
}

.post.featured-post.small-featured-post .post-meta .post-title{
	color: #222;
}

.post-with-more .post-category b{
	border: none;
}

.post-with-more .post-category a:hover b{
	color: #222 !important;
}

.single-post .post-author .author{
	border: 0;
}

.single-post .post-author .author:hover{
	border: 0;
	color: #222;
}

ul.page-numbers li .page-numbers:not(.dots){
	border:1px solid  #eb1414;
	background: white !important;
	color: #eb1414 !important;
}

ul.page-numbers li .page-numbers:hover,
ul.page-numbers li > span.page-numbers:not(.dots){
	background: #eb1414 !important;
	color: white !important;
}

ul.page-numbers li .current{
	background: #eb1414 !important;
	color: white !important;
}

ul.page-numbers li .page-numbers.dots{
	color: #eb1414 !important;
}

ul.page-numbers li .page-numbers.dots:hover{
	background: transparent !important;
}

/*------------------------------------------------------------------------
* Style for newsletter section
* ----------------------------------------------------------------------*/

.subscribe-form .form-submit{
	background: #eb1414;
}

.subscribe-form .form-submit:hover{
	background: #222;
}

/*---------------------------------------------------------------------------
* Styles for forum
--------------------------------------------------------------------------*/
.bbp-remember-me{
	font-size: 13px;
}

#bbpress-forums #bbp-search-form #bbp_search{
	min-height: 38px;
	padding: 0 10px;
}

/*---------------------------------------------------------------------------
* Related Posts
--------------------------------------------------------------------------*/
.single-post-area .related-posts{
	padding: 0;
}

.single-post-area .related-posts .similar-post{
	margin-bottom: 20px;
}

.single-post-area .related-posts .similar-post .post-title{
	padding-left: 0;
}

.related-posts {
  background-color: #FFF;
  margin: 30px 0 50px 0;
  clear: both;
  float: left;
	padding: 0;
}

.postauthor p { padding-top: 0px }

.related-posts ul {
  margin-left: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
  margin-top: 0;
}

.related-posts h5 {
  line-height: 20px;
  padding-left: 80px;
  color: #919191;
  text-transform: uppercase;
  font-size: 13px;
}

.related-posts h3 {
  font-size: 20px;
  margin: 0;
  color: #444;
}

.relatedthumb img {
  margin-top: 5px;
  margin-bottom: 0;
}

.postauthor-top { margin-bottom: 10px }

.related-posts li {
  width: 48%;
  float: left;
  list-style: none;
  margin-right: 4%;
  min-height: 75px;
  line-height: 19px;
}

.related-posts a {
  color: #555;
  font-weight: 400;
}

.related-post-info, .related-post-info a {
  color: #999;
  font-size: 12px;
}

.rthumb {
  float: left;
  margin-right: 10px;
}

.related-posts .last { margin-right: 0 }

.tags {
  margin: 10px 0 0 0;
  width: 100%;
  float: left;
}

.tags a { margin-left: 5px }

.postauthor {
  margin: 30px 0 0px 0;
  padding: 0;
  min-height: 125px;
  background-color: #fff;
  float: left;
  clear: both;
  width: 100%;
}

.postauthor h4 {
  font-weight: bold;
  font-size: 20px;
}

.postauthor h5 {
  font-weight: bold;
  font-size: 14px;
  padding: 0;
  margin: 0;
  line-height: 24px;
}

.postauthor img {
  float: left;
  margin: 5px 18px 10px 0;
}

.postauthor h4 a { color: #473636 }
.clear { clear: both }
.left { float: left }
/*.right { float: right }*/

.last {
  margin-right: 0;
  padding-right: 0;
}

/*---------------------------------------------------------------------------
* Style for shop by breed page
--------------------------------------------------------------------------*/
/* Shop By Breed - Tarit */
.dbreed-img-class {
	width:100%;
	max-width:200px;
	border:0px;
}

.dbreed-dog {
	float:left;
  width:21%;
  margin-left:2%;
	margin-right:2%;
	text-align:center;
	min-height: 270px;
}

@media (max-width: 425px) {
  /*-------------------------------------
  * Shop By Breed
  *-------------------------------------*/
  .dbreed-dog {
    width: 100%;
  }
}
/*End max-width: 768px*/

/*---------------------------------------------------------------------------
* Style for woocommerce custom product header
--------------------------------------------------------------------------*/
.ap-woo-custom-header{
	width: 100%;
	height: 100%;
	min-height: 350px;
	background-position: center;
	background-size: cover;
	position: relative;
	margin: 0 0 25px;
}

.ap-woo-custom-header .ap-header-text{
	width: 80%;
    max-width: 230px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	color: #FFF;
	z-index: 1;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.ap-woo-custom-header .ap-header-text h1{
	font-size: 50px;
	color: #fff;
	padding: 0;
    text-align: center;
}

.ap-woo-custom-header:after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(0,0,0,0.5);
	top: 0;
	left: 0;
}