/*
    Theme Name: UshaUpachar 	
    Theme URI: http://www.ushaupchar.com/
    Version: 1.0.0
    Description: UshaUpachar Recipe Theme
    Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
    Author: Idaksh Technologies
    Author URI: http://idaksh.in
*/
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Bitter:400,700);
*{
    font-family: 'Droid Sans', sans-serif;
}
h1,h2,h3,h4,h5,h2 a,h3 span{
    font-family: 'Bitter', serif;
}
.w-pet-border {
    display: block;
    clear: both;
    width: 100%;
    height: 5px;
    background: url(images/pet-border.png) center center repeat-x;
}

.header .w-pet-border {
    position: relative;
    z-index: 873;
    clear: both;
    background-color: #fff;
}

a.logo {
    display: inline-block;
    margin-top: 12px;
}

#custom-usha-menu.navbar-default .navbar-brand {
    color: rgba(119, 119, 119, 1);
}
#custom-usha-menu.navbar-default {
    font-size: 14px;
    /* background-color: rgb(255, 15, 136); */
    /* background: -webkit-linear-gradient(top, rgb(251, 69, 161) 0%, rgb(255, 15, 136) 100%); */
    /* background: linear-gradient(to bottom, rgb(255, 76, 166) 0%, rgb(255, 15, 136) 100%); */
    border-width: 0px;
    border-radius: 0px;
    background: #444242;
    min-height: inherit;
}
#custom-usha-menu.navbar-default .navbar-nav>li>a {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(248, 248, 248, 0.01);
    line-height: 0.8;
}
#custom-usha-menu.navbar-default .navbar-nav>li>a:hover,
#custom-usha-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(255, 255, 255, 1);
    background-color: rgb(237, 133, 176);
}
#custom-usha-menu.navbar-default .navbar-nav>.active>a,
#custom-usha-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-usha-menu.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(255, 255, 255, 1);
    background-color: rgb(255, 15, 136);
}
#custom-usha-menu.navbar-default .navbar-toggle {
    border-color: #d9864e;
}
#custom-usha-menu.navbar-default .navbar-toggle:hover,
#custom-usha-menu.navbar-default .navbar-toggle:focus {
    background-color: #d9864e;
}
#custom-usha-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #d9864e;
}
#custom-usha-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-usha-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #b54a03;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.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;
}


.top-search-box {
    margin-top: 12px;
}

.social-media-like {
    margin-top: 21px;
}

.top-search-box .btn-primary {
    background: #FF0F88;
    border: 1px solid #BA0A64;
    height: 40px;
}

.top-search-box .btn-primary:hover {
    background: #F567AF;
}

.top-search-box .form-control {
    height: 40px;
    background: #EFEFEF;
}

.footer {
    background: #3E3D3D;
    
    padding: 30px 0;
}

.footer h3 {
    color: #BCB1B1;
    font-size: 21px;
    margin: 0;
    margin-bottom: 19px;
    font-weight: 700;
    
}

.footer ul li a {
    color: #ddd;
    font-size: 13px;
}

.footer ul li {
    line-height: 2;
    list-style-type: none;
}

.footer ul {
    padding-left: 0;
}

.copy-right {
    padding: 10px 0;
    background: #000;
}

.copy-right p {
    text-align: center;
    font-size: 12px;
    color: #ddd;
}

.copy-right p a {
    color: #E3553D;
}

.footer .w-pet-border {
    position: relative;
    z-index: 873;
    clear: both;
    background-color: #3E3D3D;
}

.footer h3 span {
    color: #F786BF;
}

label.screen-reader-text {
    display: none;
}

select#archives-dropdown-2 {
    width: 100%;
    padding: 8px;
    background: #EFEFEF;
}

.left-side-widget h3 {
    color: #8A8585;
    padding: 10px 0;
    margin: 0 0 14px;
    line-height: 30px;
    background: url(images/pet-border.png) bottom repeat-x;
}

.left-side-widget h3 span {
    color: #FF0F88;
}

ol, ul {
    list-style: none;
}
.left-side-widget ul{
    padding-left: 0;
}
.left-side-widget ul li{
        padding: 0 0 12px;
    margin: 0 0 10px;
    background: url(images/li-bot-border.jpg) bottom repeat-x;
    font-size: 13px;
    color: #909090;
    line-height: 22px;
}

.left-side-widget ul li a{
    color: #1d7da3; 
}


h2.title a {
    text-decoration: none;
    color: #FF0F88;
}

h2.title a:hover {
    color: #EF6CAE;
}

.post-category-content {
    background: #F5F5F5;
    padding: 10px 20px;
    margin-bottom: 16px;
    border-radius: 4px;
}

h2.title {
    margin: 0;
    padding: 13px 0;
}

ul.post-categories li {
    display: inline-block;
    font-size: 13px;
}

ul.post-categories {
    padding-left: 0;
}

.post-category-content img {
    padding: 10px;
    background: #fff;
    border-radius: 4px;
}

.readmore a {
    background: #FF0F88;
    padding: 10px 20px;
    display: inline-block;
    background-color: rgb(255, 15, 136);
    background: -webkit-linear-gradient(top, rgb(243, 112, 184) 0%, rgb(246, 0, 79) 100%);
    background: linear-gradient(to bottom, rgb(232, 23, 129) 0%, rgb(181, 3, 93) 100%);
    color: #fff;
    border-radius: 4px;
}

.page-content{
    padding-bottom: 30px;
}

.post-category-content .postdate {
    padding-top: 15px;
    margin-bottom: 10px;
    font-size: 13px;
}
.post-single-content .postdate {
  
    margin-bottom: 10px;
    font-size: 13px;
}

.post-category-content p {
    line-height: 1.8;
    font-size: 14px;
    margin-bottom: 20px;
}

.post-single-content .wp-post-image {
    background: #ddd;
    padding: 6px;
    margin-bottom: 22px;
    border-radius: 5px;
}

.post-single-content {
    border: 1px solid #F0F0F0;
    padding: 10px;
    border-radius: 4px;
    background: #FCFCFC;
}

.post-single-content .recipe-options {
    padding: 13px;
    background: #FEE1D0;
    margin-bottom: 15px;
    border-radius: 4px;
}

.post-single-content .recipe-options span {font-family: 'Bitter', serif;font-size: 17px;}

.post-category-content .recipe-options {
    padding: 10px;
    background: #D9D9D9;
    border-radius: 4px;
    margin-bottom: 10px;
}

.post-category-content .recipe-options span {
    font-family: 'Bitter', serif;
    font-size: 13px;
}

h2.singl-op-title {
    color: #FF0F88;
}

.ingredients {
    background: #F0F0F0;
    padding: 10px 20px;
}

.left-side-widget a img {
    margin-bottom: 8px;
}

.left-side-widget a img {
    max-width: 100%;
}

/****************** MEDIA QUERIES ********************/
@media(min-width:768px){
    .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}
}
