/*
Theme Name: FreshWP Child
Theme URI: https://themesdna.com/freshwp-pro-wordpress-theme/
Description: FreshWP PRO is a clean and elegant, easy to use, 100% responsive, 3 columns blogging theme for WordPress. It has theme options to customize various aspects of the theme and has clean post summaries, full-width layout for posts/pages, sticky menu and sidebars, header widget, left and right sidebars, 4 columns footer, social buttons, scroll-to-top button and more. With FreshWP PRO version you can get many color and font options, 8 different post styles, 8 featured posts widgets, tabbed widget and more widgets, 10+ layout options, 10+ custom page templates, 10+ custom post templates, header layouts, social/share buttons, related posts and more features. Free version demo: https://themesdna.com/demo/freshwp-pro/
Version: 1.0.0
Template: freshwp-pro
Author: ThemesDNA
Author URI: https://themesdna.com/
*/
input[type="text"], input[type="submit"] {
    height: 38px;
    width: 180px;
    padding: 10px;
}
.d-flex-form{
    vertical-align: middle;
    display: flex;
    justify-content: center;
    gap: 5px;
    align-items: center;
    margin-bottom: 30px;
}
.gap-15{
    gap: 15px;
}
/*.search-form {
    vertical-align: middle;
    display: flex;
    justify-content: center;
}*/
.Tatva {
    margin: 15px 0px;
    padding: 0 10px;
}
div#primary {
    width: 100%;
}
.site-title a, .site-description {
    color: #9d0a12!important;
}
  #ui-datepicker-div { font-size: 12px; }
.panbox {
    width: 50%;
    margin: 20px auto;
    font-size: 18px;
    border: solid thin #333;
    padding: 20px;
    text-align: center;
}
.panbox div {
    margin: 5px 0;
}
.ashtanga_date {
    width: 100%;
    text-align: center;
}
.GhatikOdayE {
    width: 100%;
    text-align: center;
}
.rightpan {
    width: 50%;
    float: left;
}
.leftpan {
    width: 50%;
    float: left;
 }
 span.panhead {
    color: #9D191C;
    margin-left: 10px;
    font-weight: 600;
}
.today {
  color: #9d191c;
  font-size: 18px;
  font-weight: 800;
  text-align: center;
}
.pan_d {
/*    margin: 20px auto;*/
    border: solid thin #9D191C;
}
.pan_d .Npranayam {
    margin: 15px 0;
    padding: 0 10px;
    line-height: 27px;
    font-size: 18px;
    /*font-family: Lohit Devanagari;*/
}
.natha {

    text-align: center;font-weight: 600;color: #9D191C;font-size: 18px; padding: 10px 0;
}
span.dinakshari-highlight {
    font-size: 20px;
    color: #FF0000;
}
span.suffix_1-highlight {
    font-size: 20px;
    color: #0000FF;
}
 span.suffix_2-highlight {
    font-size: 20px;
    color: #378200;
}
/*.kalacakra_date {
    display: flex;
    justify-content: center;
}*/
.kalacakra_date a, #submit-btn {
    font-size: 16px;
    color: #fff;
/*    margin: 5px 0;*/
    font-weight: 600;
    padding: 10px 15px;
    background: #8c2828;
    border-radius: 3px;
    border: 0;
    height:auto;
    text-shadow: none;
}
 #submit-btn{
    line-height: initial !important;
 }

.kalacakra_date a:hover{
    color: #fff !important;
}
.kalacakra_date a:hover{
    color: #8c2828;
    text-decoration: none;
}
.blank-div {
    padding: 1px 0;
}
.block-mobile {
    display: block;
    text-align: center;
}
.bottom_sec {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.kal-btn a {
    font-size: 18px;
    border: 1px solid #8c2828;
    padding: 8px 30px;
    color: #8c2828;
    text-decoration: none !important;
}
.kal-btn a:hover {
    color: #ffffff;
    background: #8c2828;
}
@media all and (min-width:0px) and (max-width: 568px) {
 .rightpan {
    width: 100%;
    float: left;
}
.leftpan {
    width: 100%;
    float: left;
 }
 .GhatikOdayE {
  text-align: left;
  width: 100%;
}
}
.containerTab{
    width: 100%;
    margin: 0 auto;
}



ul.tabs{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
ul.tabs li{
    background: none;
    color: #222;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
}

ul.tabs li.current{
    background: #ededed;
    color: #222;
}

.tab-content{
    display: none;
    /*background: #ededed;*/
    background: #fff;
    padding: 15px;
}

.tab-content.current {
    display: inherit;
    /*height: 100vh;*/
    overflow: auto;
}
.tab-content {
    border: solid thin #9D0A12;
    box-shadow: 1px 1px 5px;
}
ul.tabs li.current {
    border: solid thin #9D0A12;
    border-bottom: none;
}

.search-form{
    align-items: center;
    gap: 15px;
}
.search-form label {
    font-family: 'Domine';
    font-size: 16px;
}
.search-form input[type="text"], .search-form input[type="submit"] {
    font-size: 16px;
    font-family: 'Domine';
}
a.ui-state-default {
    text-align: center !important;
    font-size: 12px;
    line-height: 18px;
}
/* Center the loader */
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #9D3E2B;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 }
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom {
  from{ bottom:-100px; opacity:0 }
  to{ bottom:0; opacity:1 }
}

#myDiv {
  display: none;

}
/*#box-content .tabs ul{
    display: flex;
    justify-content: center;
    margin: 0;
}*/
.tab-content-page {
    display: none;
}
.tab-content-page.active {
    display: block;
/*    margin: -8px;*/
}
.tab-links li {
    text-align: left;
    /* height: 35px; */
    width: auto;
/*    margin: 2px;*/
    list-style: none;
/*    background: #8c2828;*/
    line-height: 1;
    padding-left: 30px;

}
.tab-links li a{
/*    color: #ffffff;*/
color: #8c2828;
    font-size: 16px;
    padding: 15px 10px;
    display: block;
}
.tab-links li a:hover{
    text-decoration: none;
    color: #000000;
}
ul.tab-links .active {
        background: #8c2828;
    color: #fff !important;
        border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    /*background: #ffffff;
    border: 1px solid #8c2828;*/

}
ul.tab-links .active a{
    color: #fff;
}
.tab-content-page .active {
    border: solid thin #9D0A12;
}
.dinakshari_pagination a {
    border: 1px solid #8c2828 !important;
    padding: 3px 8px;
    margin: 3px;
    color: #000;
    font-family: 'DOMINE';
    font-size: 16px;
    text-decoration: none !important;
}
.dinakshari_pagination a:hover, .dinakshari_pagination a.active {
    background: #8c2828;
    color: #fff;
}
.dinakshari_pagination {
    margin: 15px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.search-form .form-group label {
    display: block;
}
.search-form .form-group input {
    border: 1px solid #000;
}
#natha .dinakshari_pagination, #ghatika .dinakshari_pagination, #tatva .dinakshari_pagination, #nitya .dinakshari_pagination {
    display: none;
}
.parayanam_day {
    text-align: center;
    font-size: 18px;
    color: #9D191C;
    margin-top: -10px;
    font-family: 'Domine';
    font-weight: 700;
}
.date_eror {
    text-align: center;
    padding-bottom: 15px;
}
.date_eror span {
    font-size: 16px;
    color: #FF0000;
    font-family: 'Domine';
}

/*vertical tab design*/
.vertical_tab {
    width: 210px;
    max-width: 18%;
    margin-right: 20px;
}
#box-content .tabs {
    display: flex;
}
.vartical_tab_content {
    width: 70%;
}
ul.tab-links.tab-border {
    margin: 0;
    width: 180px;
}
.calendar-results .tab-content.current {
    padding-left: 0;
    padding-right: 0;
}


@media only screen and (max-width: 991px) {
    .containerTab, .panbox {
        width: 100%;
    }
    .GhatikOdayE {
        text-align: center;
    }
    /*  varticale tab  */
    .vertical_tab {
        width: 190px;
        max-width: 28%;
        margin-right: 20px;
    }
}
@media(max-width:530px){
    .block-mobile{
        display: grid;
    }
    .bottom_sec{
        flex-wrap: wrap;
        gap: 10px;
    }
    #submit-btn{
        margin-top: 10px;
    }
}

@media only screen and (max-width: 767px) {
    #box-content .tabs ul{            
        flex-wrap: wrap;
    }
    .tab-links li {
/*        width: 50%;*/
/*        flex: 0 0 33%;*/
padding: 0 30px !important;
    }    
    /*    */
    #box-content .tabs{
        display: block;
    }
    .vertical_tab{
        width: 100%;
        max-width: 100%;
    }
    ul.tab-links.tab-border{
        display: flex;
        width: auto;
        justify-content: center;
        gap: 10px;
    }
    .tab-links li{
        text-align: center;
        padding-left: 0;
    }
    .vartical_tab_content{
        width: 100%;
    }
    .calendar-results .tab-content.current{
        padding: 15px;
    }
    ul.tab-links .active{
        border-radius: 50px;
    }
    .tab-links li{
        border: 1px solid #8c2828;
        border-radius: 50px;
    }
    .vertical_tab{
        margin-bottom: 15px;
    }
}