/*----------------------------------------------------------------------------------------------
[INDEX WPPS CSS]
1. Miscellaneous Code
2. Small Price Template 
3. Medium Price Template  
4. Big Price Template 
5. Wide Price Template 
6. Mobile Responsive
-----------------------------------------------------------------------------------------------*/


/*-------------------------------  
1.Miscellaneous Code  
---------------------------------*/

/* Main prices span */
.wpps_price_main{
    font-weight: normal;
    line-height: 1.3;
	margin:0 0 5px 0 !important;
	padding:0 !important;
	clear:both;
    vertical-align: top;
	white-space: normal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: flex-start;
    align-self: flex-start; 
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

/* All prices with span tags */
.wpps_price_main span{
    vertical-align: 100%;
}

/* Strike Prices */
.wpps_price_main.wpps_del .wpps_regular_strike{
	text-decoration:line-through;
    opacity: 0.6;
}

/*-------------------------------  
2.Small Price Template  
---------------------------------*/
.wpps_price_main.wpps_small .wpps_prefix,
.wpps_price_main.wpps_small .wpps_currency,
.wpps_price_main.wpps_small .wpps_currency_strike,
.wpps_price_main.wpps_small .wpps_dec_point,
.wpps_price_main.wpps_small .wpps_dec_part,
.wpps_price_main.wpps_small .wpps_suffix,
.wpps_price_main.wpps_small .wpps_min_max_dash{ 
    font-size: 12px; 
}
.wpps_price_main.wpps_small .wpps_int_part,
.wpps_price_main.wpps_small .wpps_int_part_strike { 
    font-size: 20px; 
    margin: -5px 3px 0 3px; 
}

/*-------------------------------  
3.Medium Price Template  
---------------------------------*/
.wpps_price_main.wpps_medium .wpps_prefix,
.wpps_price_main.wpps_medium .wpps_currency,
.wpps_price_main.wpps_medium .wpps_currency_strike,
.wpps_price_main.wpps_medium .wpps_dec_point,
.wpps_price_main.wpps_medium .wpps_dec_part,
.wpps_price_main.wpps_medium .wpps_suffix,
.wpps_price_main.wpps_medium .wpps_min_max_dash{ 
    font-size: 12px; 
}
.wpps_price_main.wpps_medium .wpps_int_part,
.wpps_price_main.wpps_medium .wpps_int_part_strike { 
    font-size: 30px; margin: -8px 3px 0 3px; 
}

/*-------------------------------  
4.Big Price Template  
---------------------------------*/
.wpps_price_main.wpps_big .wpps_prefix,
.wpps_price_main.wpps_big .wpps_currency,
.wpps_price_main.wpps_big .wpps_currency_strike,
.wpps_price_main.wpps_big .wpps_dec_point,
.wpps_price_main.wpps_big .wpps_dec_part,
.wpps_price_main.wpps_big .wpps_suffix,
.wpps_price_main.wpps_big .wpps_min_max_dash{ 
    font-size: 20px; 
}
.wpps_price_main.wpps_big .wpps_int_part,
.wpps_price_main.wpps_big .wpps_int_part_strike { 
    font-size: 40px; margin: -5px 3px 0 3px; 
}

/*-------------------------------  
5. Wide Price Template 
---------------------------------*/
.wpps_price_main.wpps_wide .wpps_prefix,
.wpps_price_main.wpps_wide .wpps_currency,
.wpps_price_main.wpps_wide .wpps_currency_strike,
.wpps_price_main.wpps_wide .wpps_dec_point,
.wpps_price_main.wpps_wide .wpps_dec_part,
.wpps_price_main.wpps_wide .wpps_suffix,
.wpps_price_main.wpps_wide .wpps_min_max_dash{ 
    font-size: 25px; 
}
.wpps_price_main.wpps_wide .wpps_int_part,
.wpps_price_main.wpps_wide .wpps_int_part_strike { 
    font-size: 45px; margin: -5px 3px 0 3px; 
}

/*-------------------------------  
6. Mobile Responsive 
---------------------------------*/
@media only screen and (max-width: 468px){
    .wpps_price_main .wpps_prefix,
    .wpps_price_main .wpps_currency,
    .wpps_price_main .wpps_currency_strike,
    .wpps_price_main .wpps_dec_point,
    .wpps_price_main .wpps_dec_part,
    .wpps_price_main .wpps_suffix,
    .wpps_price_main .wpps_min_max_dash{ 
        font-size: 14px !important; 
    }
    .wpps_price_main .wpps_int_part,
    .wpps_price_main .wpps_int_part_strike { 
        font-size: 18px !important; margin: -1px 3px 0 3px !important; 
    }
}