/*
Theme Name: Cordial Responsive Theme
Theme URI: http://www.cordialtheme.host56.com/
Author: Naveen Kolhe
Author URI: http://naveenkolhe007.wordpress.com/
Description: This is a responsive bootstrap theme which comes with Theme Option panel, where user can customize this theme by placing their contents very smoothly and easily.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Naveen Kolhe
Tags: black, green, white, light, dark, right-sidebar, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, accessibility-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

naveen is based on http://www.cordialtheme.host56.com/, (C) 2012-2014 Inc.

He use thought to create a dynamic theme which is the result. 
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
0.0 Importing other CSS
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
        5.1 Links
        5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
        10.1 Posts and pages
        10.2 Asides
        10.3 Comments
11.0 Infinite scroll
12.0 Media
        12.1 Captions
        12.2 Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
0.0 Importing Other CSS
--------------------------------------------------------------*/
@import url(css/bootstrap.css);
@import url(css/naveen.css);
@import url(font-awesome/css/font-awesome.css);
@import url(css/lightbox.css);
@import url(css/animate.css);
@import url(http://fonts.googleapis.com/css?family=Josefin+Sans|Muli);
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: 'Muli', sans-serif;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    line-height: 22px;
}
h1,
.h1 {
    font-size: 27px;
}
h2,
.h2 {
    font-size: 25px;
}
h3,
.h3 {
    font-size: 21px;
    margin:7px 0;
}
h4,
.h4 {
    font-size: 17px;
}
h5,
.h5 {
    font-size: 13px;
}
h6,
.h6 {
    font-size: 11px;
}
html {
    font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
    -webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
    -moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
    box-sizing:         border-box;
}

body {
    background: #fff; /* Fallback for when there is no custom background color defined. */
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}

/* =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 {
    color: #9f1212;
    text-decoration: none;
}
a:hover,
a:focus {

    color: #FF6969;
    text-decoration: none;
}
a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
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;
} 
.sticky{    
}
.gallery-caption {
}
.bypostauthor {
}
/* Footer Styles */
footer p{
    color:rgb(255, 168, 152);
    margin-bottom:0;
}
footer a {
    color: #CB5859;
}
footer a:hover{color: rgb(236, 100, 100);}

/*-----------------------------------------------------
CSS for menu and sub-menu elements 
------------------------------------------------------*/
nav{
    font: bold 12px Verdana;
    background: transparent;
    position:absolute;    
}
.nav li{
    //position:fixed;
}
.nav li a {
    background: transparent;
}
.nav li a:link, 
.nav li a:visited {
    font-size:14px;    
    color: rgb(168, 148, 148);
}
.nav li a {
    border-right:none;
}
.navbar-nav.navbar-right:last-child {
    margin-right: 0;
    margin-top:7px;
}
.nav li ul {    
    position:relative;
    height:auto;
    width:160px;
    left:17px;
    top: -10px;
    list-style:none; 
    box-shadow: 0 0 4px #dadada;
    background-color: rgb(50, 0, 0);
    z-index: 1;
    display:none;
}
.nav > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    background-color: #FDD4D4;
}
.nav li ul a:hover {
    color: #fff;
}
.nav li:hover ul {
    display: block; 
}
.nav li ul li{
    padding: 8px;
    position:relative;
    box-shadow: 0 1px 4px #dadada;
}
.nav li ul li ul li {
    display: none;
}
.nav li ul li ul{
    position: absolute;
    left: 55%;
    top: 24px;
    width: 140px;
    box-shadow: 0 0 4px #dadada;
}
.nav li ul li:hover li{
    display:block;
    //padding:5px;     
}
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 100%;
}
/*-----------------------------------------------------
CSS for other elements
------------------------------------------------------*/
.breadcrumb {
    padding: 10px;
    margin: 30px 0;
    background-color: #FCE2E2;
    border: 1px solid rgb(255, 199, 199);
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 17px rgba(0, 0, 0, .15);
    box-shadow: 0 5px 17px rgba(0, 0, 0, .15);
}
.btn-default {
    color: #fff;
    background-color: #FF6969;
    border-color: #AE0000;
    transition: 1s;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    text-decoration: none;
    background-color: #9f1212;
    color: white;
}
.btn-primary {
    color: #fff;
    background-color: #FF6969;
    border-color: #AE0000;
    transition: 1s;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    text-decoration: none;
    background-color: #9f1212;
    color: white;
}
.navbar {
    position: relative;
    min-height: 50px;
    border: 1px solid transparent;
    margin-bottom: 0px;
}
.navbar-inverse .navbar-nav > li > a {
    color: #A3A3A3;
}
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 17px rgba(0, 0, 0, .15);
    box-shadow: 0 5px 17px rgba(0, 0, 0, .15);
}
.panel-body p{
    text-align:center;
}
.panel-body h4{
    margin-bottom:12px;
}
.panel-default > .panel-heading {
    color: #791212;
    background-color: #FCE2E2;
    border-color: rgb(255, 199, 199);
}
.feature_body{
    padding:15px;
}
.tab-content{
    margin-top: 15px;
}

.diviframe{
    max-width:100%;
    height:300px;
}
.carousel-caption a {
    color: rgb(255, 202, 202);
}
textarea {
    width: 91%;
    overflow: auto; 
    padding-left: 3px;
    vertical-align: top;  

}

textarea:focus {
    color: #111;
}
.nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
.nav-previous{
    float: left;
    width: 50%;
}
p {
    margin-bottom: 15px;
    color: #373737;
    font-size: 13px;
    line-height: 22px;
    text-align: justify;
}

h1.entry-title {
    margin-bottom: 25px;
}
h2.entry-title{
    margin-bottom: 10px;
}
/*------------------------------------------------------------*/
/*      Comment styles
/*--------------------------------------------------------------*/
.comments-area{
    margin: 0;
    margin-top: 70px;
    width: 99%;
    margin-left: 3px;
    margin-right: 17px;
}

ol.comment-list{
    clear: both;
    list-style: none;
    margin: 0;
    overflow: hidden;
    margin-top: 10px;
}
ol.comment-list li.comment{
    line-height: 18px;
    margin: 5px 0 15px;
    padding: 10px;
    margin-right: 0;
    overflow: hidden;
    padding-right: 0;
}
ol.comment-list li.comment .comment-body {
    position: relative;
    margin-bottom: 25px;
    background-color: #fff;
    margin-left: 25px;
    border: 1px solid #ddd;
    padding: 18px 15px 15px 30px;
}
ol.comment-list li.comment .comment-author .avatar {
    float: left;
    margin-bottom: 10px;
    width: 61px;
    height: 61px;
    border-radius: 35px;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    -khtml-border-radius: 35px;
    border: 1px solid #ddd;
    padding: 0px 7px 1px 0;
    left: -33px;
    padding: 0;
    position: absolute;
    top: 24%;
    background-color: #fff;
}
.comment-meta{
    display: inline;
}
ol.comment-list li.comment p {
    line-height: 22px;
    color: #666666;
    margin-left: 10px;
    margin-top: 10px;
    font-size: 13px;
}
ol.comment-list li.comment ol.children {
    list-style: none;
    text-indent: 0;
    margin: 1em 0 0;
}
ol.comment-list li.comment ol.children li.depth-2 {
    margin: 0 0 10px 40px;
}
.reply{
    cursor: pointer;
    margin-bottom: 10px;
    color: #e05909;
    padding: 3px;
    position: absolute;
    right: 20px;
    bottom: 0%;
}
input[type=submit]{/*post comment button*/
    clear: both;
    background: #5d5d5d;
    width: auto;
    height: 34px;
    border-radius: 3px;
    border: 0;
    cursor: pointer;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 20px;
    color: #FFF;
    border-bottom: 2px solid #111;
    font-size: 17px;
    line-height: 34px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
/*------------------------------------------------*/
/*              Sidebar Styles
/*------------------------------------------------*/
.sidebar {
    box-shadow: -1px 5px 11px #dadada;
    padding: 25px;
    background: #fff;
    margin-top: 10px;
    position:relative;
}
.sidebar h1{
    border-bottom: 1px dotted #ccc;
    padding: 12px 0;
    color: #7C171F;
    font-size: 21px;
    margin-bottom: 20px;
}
.sidebar ul {
    list-style: none;
    margin-top: -20px;
}
.sidebar ul li{
    border-bottom: 1px dotted #ccc;
    padding: 11px 0;
    background: url(images/sidebar-list.png) 0 14px no-repeat;
    padding-left: 18px;
}
.sidebar ul li a{
    color: #73533f;
    padding: 20px 0 !important;
}
.sidebar ul li a:hover{
    color: rgb(236, 100, 100); 
    margin-left: 5px;
    transition: .3s;
}
.sidebar ul.children li {
    padding: 20px;
    background: url(images/sidebar-list.png) 0 23px no-repeat;
    border-bottom:none;
    padding-bottom: 0;
    margin-bottom: -14px;
}
.search-form{
    position:relative;
    width:100%;
}
.screen-reader-text{
    display: none;
}
.search-field{
    border: 1px solid #dadada;
    height: 34px;
    width: 120%;
    padding: 4px;
    margin-top: -2px;
}
.search-field:focus{
    border: 1.5px solid rgb(131, 255, 170);
}
.search-submit{
    position: absolute;
    top:-23px;
    right:0;    
}
/*------------------------------Styling Other elements--------------------------------*/
.carousel {
    -webkit-box-shadow: 0 5px 17px rgba(0, 0, 0, .15);
    box-shadow: 0 5px 17px rgba(0, 0, 0, .15);
    border-bottom: 2px solid transparent;
}

.testimonial{    
    min-height: 20px;
    padding: 20px 19px 13px 19px;
    margin-bottom: 20px;
    background-color: #FCE2E2;
    border: 1px solid rgb(255, 199, 199);
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 17px rgba(0, 0, 0, .15);
    box-shadow: 0 5px 17px rgba(0, 0, 0, .15);
}
.f_bg{
    width: 100%;
    min-height: 100px;
    background: rgb(50, 0, 0);
    padding-top:12px;
    margin-top: 50px;
}
.fa-inverse {
    color: #FF6969;
}
.text-primary {
    color: #fff;
}
.navbar-inverse {
    background-color: rgb(50, 0, 0);
}
img.img-responsive {
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 17px rgba(0, 0, 0, .45);
    box-shadow: 0 5px 17px rgba(0, 0, 0, 0.45);
}
.circle{
    width: 122px;
    height: 119px;
    background-color: #fff;
    border-radius: 100px;
    margin-top: 9px;
    margin-left: 9px;
    padding-top: 0px;
    color: #FF6969;
}
a.navbar-brand img {
    max-width: 100%;
    height: 50px;
}
.service_content p {
    margin: 16px;
    text-align: center;
}
table#wp-calendar {
    width: 100%;
}
.img-responsive, 
.thumbnail > img, 
.thumbnail a > img, 
.carousel-inner > .item > img, 
.carousel-inner > .item > a > img{
    max-width: 100%;
    height: auto;
    width: 100%;
    max-height: 230px;
}
.serv-img-responsive{
    max-width: 100%;
    height: auto;
    width: 100%;
    max-height: 300px;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 17px rgba(0, 0, 0, .45);
    box-shadow: 0 5px 17px rgba(0, 0, 0, 0.45);
}
.carousel-inner .item .fill img {
    max-width: 100%;
    max-height: 420px;
}
/*
=======Back to top button styles======
*/
#back-top {
    position: fixed;
    bottom: 30px;
    right: 20px;
}
#back-top a {
    width: 108px;
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb;
    /* background color transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover {
    color: #F59292;
}
/* arrow icon (span tag) */
#back-top span {
    color: #FFFFFF;
    font-size: 25px;
    padding-top: 14px;
    text-align: center;
    margin-left: 27px;
    width: 55px;
    height: 55px;
    display: block;
    margin-bottom: 7px;
    background: #ddd;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#back-top a:hover span {
    background-color: #F59292;
}
/*================================================*/
footer.entry-footer {
    margin: 20px 0;
}
.entry-footer a {
    color: #9f1212;
}
nav.navigation.post-navigation {
    font: bold 12px Verdana;
    background: transparent;
    position: absolute;
    width: 100%;
    padding-right: 33px;
}