/*
Theme Name: Happy Paws 
Theme URI: http://wphappy-babiisasha.rhcloud.com
Author: Babii Alexandr
Author URI: https://themeforest.net/user/babiisasha
Description:  Happy Paws
Version: 1.2
License: GPL 2.0
License URI: license.txt
Text Domain: happy-paws
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-header, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, translation-ready
*/






/***************THUMB EFFECTS**************************/

.thumb-wrap {
    display: block;
}
.thumb-wrap, .thumb-bg{
    position: relative;
}
.thumb-overlay {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    display: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
}
.thumb-bg {
    width: 100%;
    height: 100%;
	display: table;
}
.thumb-bg .thumb-icons {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.thumb-title {
    text-align: center;
	display: table-cell;
	vertical-align: middle;
	font-size: 20px;
	color: #000;
	font-weight: bold;
}
.popup-gallery {
    display: none;
}

.thumb-bg.act-table {
    display: table
}

.thumb-icons a{
    margin-right: 10px;
    padding: 6px 5px 4px 5px;
    display: inline-block;
    border-radius: 50%;
}
.thumb-icons .font-icon {
    font-size: 16px;
}



/* ======================
    Blog Layout
   ====================== */
   
.blog .blog-section{
	margin-top: 100px;
}
.blog-section{
	padding-bottom: 100px;
	padding-top: 20px;
	
}

.no-page-builder{
	margin-top: 120px;
}

.blog-section-main{
	padding-top:0px;
	padding-bottom:100px;
}
.post-title{
    margin-bottom: 0;
	/*text-transform: uppercase;*/
}
.post-title a {
	color: inherit !important;
}

.post-content  a.more-link  {
    display: inline-block;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 10px;
    font-size: 13px;
    transition: all .3s;
	margin-top: 20px;
	margin-bottom: 20px;
}





.post-nav {
    
}
.post-nav ul li{
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
    font-weight: 500;
}
.post-meta {
	float: left;
}
.post-nav .post-meta-sep {
    margin: 0 7px;
}

.pagination_parent{
    margin-bottom: 0px;
}
.pagination a, .pagination span, .pages_list a {
	width: 38px;
    height: 38px;
    line-height: 39px;
    text-align: center;
    margin: 0 16px 0px 0px;
    background: #363636;
    display: inline-block;
    font-size: 17px;
    border: 0px solid #dedede;
    border-radius: 3px;
    color: #DADADA;
}

.pagination a:hover, .pagination span:hover, .pages_list a:hover {
	 color: #fff;
}

.pages_list a { 
	width: auto;
	padding: 0px 10px;
}
.pagination .current{
	color: #fff;
} 

.pag-in-loop > span{
	color: #fff;
}


embed {
	max-width: 100%;
}
.single-post #content {
    padding-bottom: 50px;
}

.single-post .project_navigation {
    margin-top: 50px;
}
.post-excerpt{
    margin-bottom: 35px;
}
.post-thumb {
    margin-bottom: 20px;
}
.post-thumb img{
    width: 100% !important;
    height: auto !important;
}
.post-thumb.style-2{
    float: left;
    width: 300px;
    margin-right: 20px;
}
.no-thumb .post-header {
    margin-bottom: 15px;
}

.post-content-wrap{
    border-radius: 20px;
    background-color: #F5F1F1;
    padding: 50px;
    margin-bottom: 35px;
}
.format-quote .post-content-wrap, 
.format-link .post-content-wrap {
	padding: 30px;
	background: #efefef;
	border-radius: 10px;
	text-align: center;
	margin-bottom: 35px;
}
.format-quote .post-meta,
.format-link .post-meta {
	float: none;
	display: inline;
}

.blog-separator .separator {
    margin-top:30px;
    margin-bottom: 65px;
}



.post-tags {
	margin-bottom: 40px;
}



.blog-separator .separator {
	margin-top: 10px;
    margin-bottom: 20px;
    border-top: 1px dashed #cecece;
}


/******************************
    Audio Post Format
******************************/

.mejs-container, 
.mejs-embed, 
.mejs-embed body,
.mejs-container .mejs-controls {
	background: none !important;
}

.mejs-container .mejs-controls .mejs-time span {
	color: #555 !important;
}
.mejs-controls .mejs-time-rail .mejs-time-total,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	background: #efefef !important;
}
.mejs-controls .mejs-button button {
	background: none !important;
	outline: 0;
	margin: 9px 5px !important;
}
.mejs-controls .mejs-playpause-button.mejs-play button:before {
    content: '\e728';
    font-family: "be-themes";
    font-size: 16px;
    color: #555;
}
.mejs-controls .mejs-playpause-button.mejs-pause button:before {
    content: '\e720';
    font-family: "be-themes";
    font-size: 16px;
    color: #555;   
}
.mejs-controls .mejs-volume-button.mejs-mute button:before {
    content: '\e751';
    font-family: "be-themes";
    font-size: 14px;
    color: #555;   
}
.mejs-controls .mejs-volume-button.mejs-unmute button:before {
    content: '\e719';
    font-family: "be-themes";
    font-size: 14px;
    color: #555;   
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: #000 !important;
}


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

.form-submit {
    margin-bottom: 40px;
}

.commentlist { 
	list-style: none; 
	padding: 0; 
	margin-bottom: 60px; 
}
.commentlist li.comment { 
	padding: 0; 
	margin-bottom: 0; 
	list-style: none;
}
article.comment {
	padding: 27px 30px 30px;
	margin-bottom: 20px;
	position: relative;
	border-radius: 5px;
	border-bottom: 2px solid #CECECE;
}
.vcard, .comment-content {
    float: left;
}
.vcard {
    width: 9%;
}
.comment-author-inner {
    display: inline-block;
    text-align: center;
}
.comment-author-inner img {
    height: auto !important;
    border-radius: 50%;
	border: 2px solid #D35400;
}
.comment-content{
    width: 80%;
    padding-left: 4%;
}

.children{
    list-style: none;
}
#comments-title{
    margin-bottom: 20px;
}


.comment {
    margin-bottom: 30px;
}

.comment-meta{
    margin-bottom: 10px;
	background-color:#fff;
}
.comment_text p{
    margin-bottom: 0;
}
#reply-title {
    margin-bottom: 10px;
	font-size: 25px;
    font-family: 'nunito',sans-serif;
    font-weight: 400;
}
.comment-reply-link{
	background: #D35400;
    color: #fff;
    padding: 5px;
    border-radius: 4px;
}
.comment-reply-link:hover{
	background: #D35400;
    color: #fff;
    padding: 5px;
    border-radius: 4px;
}
.comment-notes{
	margin-bottom: 10px;
}

.comment-meta h6.fn {
	margin-bottom: 5px;
}

.comment-meta .fn a {
	color:inherit;
}

.comment-meta time {
	font-size: 14px;
    color: #717171;
    font-style: italic;
}
.comment-edit-reply { 
	padding:0; 
	margin:0;
	position: absolute;
	right: 10px;
	bottom: 2px;
}
.comment-edit-reply li {
	margin-bottom: 0;
}

.comment-edit-reply,.children{ list-style:none !important; }

.reply {
    display:block;
}
.reply,
li.edit-link,
span.edit-link {
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
}
.comment a{
    text-decoration: none;
}
.avatar {
    margin-bottom: 10px;
}
.children{ 
	padding-left:10% ;
	margin-bottom: 0; 
}
.children .vcard { 
	width:9%; 
}
.children .comment-content { 
    width: 80%;
    padding-left: 4%;
}
.form-allowed-tags{
    display: none;
}



.comment-form-comment textarea {
    height: 201px;
    width: 100%;
    max-height: 201px;
	border-radius: 8px;
	border: 2px solid rgb(177, 177, 177);
	outline: none;
	padding: 10px 40px 10px 20px;
}
.comment-form-comment{
    padding-top: 20px;
}
.comment-form input {
    width: 100%;
    padding: 10px 40px 10px 20px;
    outline: none;
    position: relative;
    border-radius: 8px;
    color: #959595;
    font-size: 16px;
    margin: 0 auto;
    border: 2px solid rgb(177, 177, 177);
}

.comment-form input[type='submit']{
	width: 100%;
    padding: 10px 40px 10px 20px;
    outline: none;
    position: relative;
    border-radius: 4px;
    color: #959595;
    font-size: 16px;
    margin: 0 auto;
    border: 0px solid rgb(177, 177, 177);
	margin-top: 10px;
	margin-bottom: 10px;
}

#submit {
    background: #363636;
    display: inline-block;
    font-weight: bold;
    color: #fff;
    transition: all .3s;
	width: auto;
	text-transform:uppercase;
    padding: 15px 15px;
    font-size: 15px;
}


/*------- Anchor ----------- */


a, a:visited , a:hover{
    text-decoration: none;
}
.sidebar-widgets .widget ul li a , .rssSummary{
     color: #717171;
    font-size: 17px;
    line-height: 34px;
    font-weight: 500;
    font-family: 'open sans';
	
}

.sidebar-widgets .widget p strong{
	color: #717171;
    font-size: 17px;
    line-height: 34px;
    font-weight: 500;
    font-family: 'open sans';
}

/*------- Lists ----------- */
.single-page-version p {
	padding-bottom: 0px;
}

.post-nav ul { padding-left: 0px;}
.post-nav, ul, .post-nav ol { 
	list-style: none !important; list-style-image: none; margin: 0; padding: 0; 
	margin-bottom: 30px;
	margin-left: 0px !important;
}
.widget ul{
    margin-bottom: 0;
	margin-left: 0px;
}
.widget ul li:last-child{
    margin-bottom: 0 !important;
    padding-bottom: 0;
    border: none;
}


/*------- Helpers ----------- */
.left{
    
}
.right{
   
}
.page-title-module-custom {
    background-color: rgb(232,232,232);
    background-color: rgba(232,232,232,1);
    padding: 10px 0px;
	padding-top:115px;
	margin-bottom: 10px;
}
.page-title-custom  h5{
  
}

.page-title-module-custom .header-breadcrumb {
    line-height: 48px;
}

.page-title-module-custom .breadcrumbs a {
    font-size:17px;
}
.page-title-module-custom .mar-left-rigth{
	margin-right: 0px;
    margin-left: 0px;
}
	
.alt-colorik{
	font-size: 38px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 0;
}


/* =========================================================================
                                    WIDGETS
   ========================================================================= */


/* ======================
    Widget Areas
   ====================== */

.widget{
    margin-bottom: 30px;
	padding-left: 40px;
}
#bottom-widgets .widget {
	margin-bottom: 60px;
}

.sidebar-widgets .widget:last-child {
    margin-bottom: 0;
}

.widget h6 {
    margin-bottom: 15px;
    font-family: 'nunito', sans-serif;
    font-weight: 700;
    background: #D35400;
    padding: 10px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
}


#bottom-widgets {
    padding-top: 60px;
    padding-bottom: 60px;
}
#bottom-widgets .column-block {
    margin-bottom: 0;
}
#bottom-widgets-wrap .column-block .widget:last-child {
    margin-bottom: 0;
}


/* ===========================
    Recent Posts
   =========================== */

.recent_post_container{
    list-style: none !important;
    padding: 0;
}
.recent_posts {
    margin-bottom: 25px;
}

.recent_post_content a {
    display: block;
    padding: 0;
}

.recent_post_img { 
	margin: 6px 10px 0 0; 
	float: left; 
}
.recent_post_img a {
    display: block;
    position: relative;  
}
.recent_post_img img { 
	display: inline-block; 
}
.recent-post-date {
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-top: 5px;
	display: inline-block;
}
.recent-post-title {
    margin-bottom: 10px
}
/* ======================
    Tags 
   ====================== */

.tagcloud:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.tagcloud a {
    padding: 10px;
    display: block;
    float: left;
    margin: 0 15px 15px 0;
    background-clip: padding-box;
	text-transform: uppercase;
	letter-spacing: 1px;   
	border: 1px solid; 
}




/* ======================
    Search
   ====================== */
.search-submit {
    display: none !important;
}
.search-button{
    margin-left: -30px;
}
.widget .searchform {
	position: relative;
}
.widget .searchform .search-icon {
    position: absolute;
    top: 0px;
    right: 20px;
    line-height: 52px;
    font-size: 20px;
}
.s {
	width: 100%;
	padding: 10px 40px 10px 20px;
	outline: none;
	position: relative;
	border-radius: 8px;
	color: #959595;
	font-size: 16px;
	margin: 0 auto;
	border: 2px solid rgb(177, 177, 177);
}
.widget .s {
    width: 97% !important;
}
.not-found {
    padding-top:100px;
    padding-bottom: 100px;
    text-align: center;
}
.not-found-search{
    width: 350px;
    margin: 0 auto;
}

/* ======================
    WP Calendar
   ====================== */
#wp-calendar {
    width: 100%;
    background: none;
    border: none;
    border-collapse: separate;
    border-spacing:0;
    line-height: 24px;
    margin-bottom: 0px;
    text-align: center;
}
#wp-calendar caption {
	font-size: 16px;
    font-style: normal;
    text-align: center;
}
#wp-calendar thead {
    font-size: 11px;
    font-weight: 700;
}
#wp-calendar thead  th{
    background: none;
    padding-top: 5px;
    padding-bottom: 5px;
}
#wp-calendar tbody,#wp-calendar tfoot  {
    font-size: 11px;
    font-weight: 700;
}
#wp-calendar tbody tr td,#wp-calendar thead tr th,#wp-calendar tfoot tr td{
    background: none;
    border: none;
	text-align: center;
}
#wp-calendar tbody tr td {
    background: none;
    border: 1px;
}
#wp-calendar tbody tr td.pad {
    background: none;
    border:none;
}
#wp-calendar tfoot tr td{
    background: none;
    padding: 5px 0px 0px;
}
#wp-calendar td,#wp-calendar th {
    padding: 0px;
}
#today a{ color:#fff; }
#wp-calendar tfoot tr #prev{
    text-align: left;
}
#wp-calendar tfoot tr #next {
    text-align: right;
}
#wp-calendar tr a {
    display: block;
}



/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
	width: 100%;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.gallery-caption{}
.bypostauthor{}
.sticky{}


/* ==================================================
    Categories, Archives, Links, Meta, Menu, Side nav
   ================================================== */
   
.post-content iframe,
.post-content embed,
.post-content iframe,
.post-content embed{
    max-width: 100%;
}

.widget_categories ul, 
.widget_archive ul, 
.widget_links ul,
.widget_meta ul, 
.widget_nav_menu ul, 
.widget_recent_entries ul, 
.widget_recent_comments ul, 
.widget_pages ul,
.widget_rss ul{
    list-style: none;
    padding-left: 0;
}

.widget_categories ul li, 
.widget_archive ul li, 
.widget_links ul li,
.widget_meta ul li, 
.widget_nav_menu ul li,
.widget_recent_entries ul li,
.widget_recent_comments ul li,
.widget_pages ul li,
.widget_rss ul li
{
    padding-left: 25px;
	color: #717171;
}


.widget select {
    width: 100%;
    height: 45px;
    padding: 10px;
    display: block;
    position: relative;
    border: 2px solid #eeeeee;
	color: #717171;
    font-size: 16px;
}

.textwidget img{
	width:100%;
}

.wp-caption {
    margin-bottom: 20px;
    max-width: 100% !important;
    padding-top: 6px;
    text-align: center;
}

.widget_recent_entries ul li:before, .widget_recent_comments ul li:before, .widget_rss ul li:before, .widget_categories ul li:before, .widget_archive ul li:before, .widget_links ul li:before, .widget_meta ul li:before, .widget_nav_menu ul li:before, .widget_pages ul li:before {
  content: "\f105"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -25px; /* same as padding-left set on li */
 
}
.widget_categories ul li:before, 
.widget_archive ul li:before, 
.widget_links ul li:before,
.widget_meta ul li:before, 
.widget_nav_menu ul li:before,
.widget_recent_entries ul li:before,
.widget_recent_comments ul li:before,
.widget_pages ul li:before,.widget_rss ul li:before {
  width: 15px;
}


.sidebar-widgets{
	margin-bottom: 150px;
	
}
.widget_rss ul li cite{
	font-weight: 400;
}

.widget_rss a {
	color: #fff;
}

.ccp{
	cursor: pointer;
}

.vntd-image-slider{width:100%;height:auto;position:relative;margin-bottom:-10px;overflow:hidden}
.vntd-image-slider ul{list-style:none;margin-bottom:11px; margin-left: 0px;padding-left: 0px;} 
.vntd-image-slider .swiper-button-next, .vntd-image-slider .swiper-button-prev{
	height:38px;width:38px;background:rgba(0,0,0,0.6);opacity:0.4;transition:all .3s;
	text-align:center;border-radius:4px;display:inline-block}
.vntd-image-slider .swiper-button-next{right:20px}
.vntd-image-slider .swiper-button-prev{left:20px}
.vntd-image-slider .swiper-button-next i,
.vntd-image-slider .swiper-button-prev
i{color:#fff;font-size:24px;line-height:36px}.vntd-image-slider .swiper-button-next
i{margin-right:-3px}.vntd-image-slider .swiper-button-prev
i{margin-left:-2px}.vntd-image-slider .swiper-button-next:hover,
.vntd-image-slider .swiper-button-prev:hover{opacity:0.8}.vntd-image-slider .swiper-pagination{display:none}.vntd-grid-container .vntd-image-slider .swiper-button-next,
.vntd-grid-container .vntd-image-slider .swiper-button-prev{width:28px;height:28px;opacity:0.6;top:auto;bottom:20px;left:auto;right:12px}.vntd-grid-container .vntd-image-slider .swiper-button-prev{right:48px}.vntd-grid-container .vntd-image-slider .swiper-button-next i,
.vntd-grid-container .vntd-image-slider .swiper-button-prev
i{color:#fff;font-size:18px;line-height:26px}.vntd-grid-container .vntd-image-slider .swiper-button-next:hover,
.vntd-grid-container .vntd-image-slider .swiper-button-prev:hover{opacity:0.95}.custom_slider 


/* Add the following to your stylesheet */
.dropdown-submenu{position:relative;}
.dropdown-submenu ul.dropdown-menu{top:0;left:100%;}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    border-left-color: #333;
    margin-top: 5px;
    margin-right: -10px;
}