/*
Theme Name: IRAU - FMCG
Theme URI: #
Template: irau
Author: Inside Retail
Author URI: #
Description: Description
Tags: custom-background,custom-logo,custom-menu,featured-images,threaded-comments,translation-ready
Version: 1.0.2
Updated: 2020-09-08 02:18:24

*/

.other-sites {
    display: none;
}
.main-navigation {
    -ms-flex: 0 0 84%;
    flex: 0 0 84%;
    max-width: 84%
}
.login-subs-wrap {
    -ms-flex: 0 0 16%;
    flex: 0 0 16%;
    max-width: 16%;
}
.main-navigation {
    justify-content: center;
    margin-left: 0;
}
.site-header .menu-wrap {
    background: #eee;
    border: none;
}
.site-branding {
    background: #2B2B2B;
}
/* Backround Changes*/
a.subscribe-btn,
.premium,.social-share li.plus-icon,
.pro-btn,
.loading-main:before,
.subscription-page .form-group button.event-loader.loading-main:after{
    background: #D01F25;
}

/* Backround and border Changes*/
a.secondary-btn,
a.primary-btn:hover,
.follow-btn:hover,
.navigation.posts-navigation .nav-previous a:hover,input[type="submit"], 
.navigation.posts-navigation .nav-next a:hover,.submit-wrap input[type="submit"],
button.tertiary-btn, input[type="button"].tertiary-btn, input[type="reset"].tertiary-btn, input[type="submit"].tertiary-btn,
#loginFormPopup .login-submit input[type="submit"], #loginFormPopup .login-submit input[type="submit"]:hover, #loginFormPopup .login-submit input[type="submit"]:active, #loginFormPopup .login-submit input[type="submit"]:focus{
    background: #D01F25;
    border: 1px solid #D01F25;
}

/* Backround and border Changes for hover*/
a.secondary-btn:hover,
a.primary-btn,
.follow-btn,
.navigation.posts-navigation .nav-previous a, 
.navigation.posts-navigation .nav-next a,.submit-wrap input[type="submit"]:hover,input[type="submit"]:hover,
button.tertiary-btn:hover, input[type="button"].tertiary-btn:hover, input[type="reset"].tertiary-btn:hover, input[type="submit"].tertiary-btn:hover{
    color: #D01F25;
    border: 1px solid #D01F25;
    background-color: transparent;
}
.main-navigation ul.irau_mega_menu>li:hover>a {
    background: #2b2b2b;
}
.site-footer {
    background-color: #2b2b2b;
}
.site-footer {
    background-color: #2b2b2b;
    color: #fff;
    border: none;
}
.footer-menu ul li a,.partner-name a {
    color: #fff;
}
.footer-menu li a:hover,.partner-name a:hover{
    color: #d01f25;
}
.f2-desc a, .f1-desc a, .author-name a {
    color: #d01f25;
}
.site-footer .social-share li {
    background: transparent;
}
.social-share li.plus-icon::after {
    border-right: solid 16px #d01f25;
    border-left: solid 16px #d01f25;
}
.site-footer .social-share li svg, .site-footer .social-share li svg circle, .site-footer .social-share li svg path {
    fill: #fff !important;
}
span.edit-link a{    
    color: #d01f25;
}
.login-main.pro img{
    border-color: #d01f25;
}
/*
* Account page
*/
.octo-nav-wrapper .nav-tab.active a, .octo-nav-wrapper .nav-tab a:hover,
.subscription-badge.paid {
    background: #d01f25;
}
.activity-tabs .activity-tab-item.active{
    color: #D01F25;
}


/* 
 * Subscription Page
 *
*/
span.signin-option-text {
    color: #d01f25;
}
.pricing-wrap .tabs-wrap {
    display: none;
}
.accordian-checkout .tab.active:after {
    background-color: #d01f25;
}
span.price-disabled {
    font-size: 28px;
    font-weight: 300;
    text-decoration: line-through;
    color: #c7c7c7;
}
.subscription-table .price-table .subs-content-wrap h2 sub {
    font-size: 30px;
    font-weight: 600;
}

.subscription-table .price-table .subs-content-wrap a.subs-btn {
    border-color: #D01F25;
    color: #D01F25;
}
.subscription-table .price-table .subs-content-wrap a.subs-btn:hover, .subscription-table .price-table .subs-content-wrap a.selected {
    background: #D01F25;
    border-color: #D01F25;
    color: #fff;
}
.subscription-page .payment-method .form-group button {
    color: #ffffff;
    border-color: #D01F25;
    background-color: #D01F25;
}
.subscription-page .payment-method .form-group button:hover {
    color: #D01F25;
    border-color: #D01F25;
    background-color: #fff;
}
.subscription-page .form-group button, .subscription-page .button-primary, .subscription-page .form-group button {
    color: #D01F25;
    border-color: #D01F25;
}
.subscription-page .form-group button:hover, .subscription-page .button-primary:hover, .subscription-page .form-group button:active, .subscription-page .button-primary:active, .subscription-page .form-group button:focus, .subscription-page .button-primary:focus {
    color: #fff;
    border-color: #D01F25;
    background-color: #D01F25;
}


/*Premium post banner*/

.premium-box.fmcg-premium-box,.premium-box-counter.fmcg {
    position:relative;
    background-image: none;
    background: rgb(150,45,130);
    background: linear-gradient(290deg, rgba(150,45,130,1) 38%, rgba(61,37,131,1) 91%);
    padding: 20px;
    font-style:normal;
    border-bottom:3px solid #d01f25;
    font-family: 'Roboto', sans-serif;
}
.limit-reached.fmcg-premium-box .banner {
    max-width: 70%;
    flex: 0 0 70%;
    -ms-flex: 0 0 70%;
}
.limit-reached.fmcg-premium-box .premium-logo {
    max-width: 30%;
    flex: 0 0 30%;
    -ms-flex: 0 0 30%;
}
.limit-reached.fmcg-premium-box .banner h2 {
    margin: 0;
    font-size:16px;
}
.limit-reached.fmcg-premium-box .banner .signup-text{
    font-size:18px;
}
.limit-reached .premium-wrap{
    margin-top:20px;
}
.fmcg-premium-box .banner h2{
    font-size: 20px;
    margin: 0 0 20px 0;
    font-style:normal;
    font-weight: 500;
}
.premium-box-counter.fmcg .banner h2{ 
    margin: 0 0 20px 0;
}
.fmcg-premium-box .banner .subscribe-btn,
.premium-box-counter.fmcg .subscribe-btn{
    font-size: 14px;
    color:#fff;
    padding: 10px 15px;
    font-weight: 500;
    border-radius: 3px;
    margin:0 15px 0 0;
    text-align:center;
        display: block;
}
.premium-box-counter.fmcg .subscribe-btn{ 
    background:#d01f25;
}
.fmcg-premium-box .premium-wrap,
.premium-box-counter.fmcg .premium-wrap {
    justify-content: flex-start;
    margin:0;
}
.fmcg-premium-box .log-text,
.premium-box-counter.fmcg .log-text{
    color: #d01f25;
    text-decoration: none;
    font-weight: 900;
}
.fmcg-premium-box .banner,.premium-box-counter.fmcg .banner {
    max-width: 55%;
    flex: 0 0 55%;
    -ms-flex: 0 0 55%;
    padding: 0;
}
.fmcg-premium-box .price-wrap {
    background: #110f52;
    width: 120px;
    height: 120px;
    align-items: center;
    display: flex;
    border-radius: 50%;
    justify-content: center;
    flex-direction: column;
    font-size:13px;
}
.fmcg-premium-box .price-wrap span {
    font-weight: 600;
    font-size:20px;
}
.fmcg-premium-box .price-circle {
    max-width: 20%;
    flex: 0 0 20%;
    -ms-flex: 0 0 20%;
}
.fmcg-premium-box .premium-logo
{
    max-width: 25%;
    flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.premium-box-counter.fmcg .premium-logo
{
    max-width: 20%;
    flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.fmcg-premium-box .premium-logo img,
.premium-box-counter.fmcg .premium-logo img{
    max-width: 140px;
}
.premium-box-counter.fmcg .count-box{
    max-width: 25%;
    flex: 0 0 25%;
    -ms-flex: 0 0 25%;
}
/* subscription page ends*/

@media (max-width: 1199px){
    .site-branding .logo {
        text-align: left;
        padding: 0;
    }
    .limit-reached.fmcg-premium-box .d-flex {
    justify-content:flex-start;
}
    .fmcg-premium-box .banner, .premium-box-counter.fmcg .banner  {
    max-width: 70%;
    flex: 0 0 70%;
    -ms-flex: 0 0 70%;
}
    .fmcg-premium-box .premium-logo,
    .premium-box-counter.fmcg .premium-logo{
    position:absolute;
        bottom:20px;
        right:20px;
}
    .fmcg-premium-box .price-circle,
    .premium-box-counter.fmcg .count-box{
    max-width: 30%;
    flex: 0 0 30%;
    -ms-flex: 0 0 30%;
}
    .fmcg-premium-box .price-wrap {
    margin: 0 0 0 auto;
}

    
}
@media (max-width: 991px){
    #site-navigation{
        margin-left: 0px;
    }
    .site-header.mob-header {
        background: #2B2B2B;
        border: none;
    }
    a.login-btn {
        color: #fff;
    }
    .navbar-toggler .bar,.main-navigation .navbar-toggler.active .bar:last-child,.main-navigation .navbar-toggler.active .bar:first-child {
        background-color: #fff;
    }
    .fmcg-premium-box .banner {
        max-width: 60%;
        flex: 0 0 60%;
        -ms-flex: 0 0 60%;
        padding: 0;
    }

    .fmcg-premium-box .price-circle {
        max-width: 40%;
        flex: 0 0 40%;
        -ms-flex: 0 0 40%;
    }
    .fmcg-premium-box .price-wrap {
        margin: 0 auto 0 0;
    }

}
@media (max-width: 767px){
    .fmcg-premium-box .price-wrap {
    margin: 0 0 0 auto;
}
    .premium-box-counter.fmcg .subscribe-btn{
        padding:10px;
    }
    .premium-box-counter.fmcg .d-flex{
    align-items: center;
}
    .premium-box-counter.fmcg .count-box {
    padding: 0 20px;
}
     .premium-box-counter.fmcg .premium-logo {
    bottom: 5px;
}
    .social-share li.plus-icon::after {
    border-right: solid 16px #d01f25 !important;
    border-left: solid 16px #d01f25 !important;
}
}
@media (max-width: 500px){
    .premium-box.fmcg-premium-box, .premium-box-counter.fmcg{
        padding:25px 15px;
    }
.fmcg-premium-box .banner,.fmcg-premium-box .price-circle,
     .premium-box-counter.fmcg .banner,
    .premium-box-counter.fmcg .count-box{
    max-width: 100%;
    flex: 0 0 100%;
    -ms-flex: 0 0 100%;
}   
    .premium-box-counter.fmcg .count-box {
    padding: 0;
}
    .premium-box-counter.fmcg .banner h2 {
    font-size: 26px;
}
    .fmcg-premium-box .price-circle  {
        margin-top:20px;
    }
    .fmcg-premium-box .price-wrap {
    margin: 0 auto 0 0;
}
    .fmcg-premium-box .premium-logo {
    bottom: 20px;
}
    .fmcg-premium-box .premium-logo {
    max-width: 30%;
    flex: 0 0 30%;
    -ms-flex: 0 0 30%;
}
    .fmcg-premium-box .banner .subscribe-btn {
    padding: 10px;
}
    .limit-reached.fmcg-premium-box .banner {
    max-width: 90%;
    flex: 0 0 90%;
    -ms-flex: 0 0 90%;
}
    .limit-reached.fmcg-premium-box .premium-logo {
    bottom: 10px;
}
    .fmcg-premium-box .premium-wrap,
    .fmcg-premium-box .premium-wrap
    {
        display: block;
    }
    .fmcg-premium-box .banner .subscribe-btn,
    .limit-reached.premium-box{
        margin-bottom:20px;
    }
    .limit-reached .premium-wrap{
        margin: 10px 0 20px 0;
    }
}