@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400);
@import url("../../../css/default_flexheaderxl.css");
@import url("../../../css/default_spreadnav.css");


#az-brands, #az li:not(.az-provider),
#ph-az-list li:not(.az-provider),
#deal-group-travel #ph-brand-100,
#nav-Benefits,
.ph-result-brand,
#visited-message
{
    display : none !important;
}


#benefit_panel_318 img, html[data-pha-b="249"] .panel-special-offer img
{
    display : none !important;
}


#benefit_panel_915 img
{
    display : none !important;
}


#benefit_panel_343 img
{
    display : none !important;
}


.landing-deals .panel-inner-banner img
{
    max-height : 65% !important;
}


#benefit_panel_318 > div > div > div > div.row > div.col-sm-4 > a
{
    height              : 300px;
    width               : 100%;
    background-image    : url("https://secure.parliament-hill.co.uk/content/_i/providers/249.jpg");
    background-repeat   : no-repeat;
    background-position : center center;
    background-size     : contain;
    display             : inline-block;
    position            : relative;
}


#benefit_panel_915 > div > div > div > div.row > div.col-sm-4 > a
{
    height              : 300px;
    width               : 100%;
    background-image    : url("https://secure.parliament-hill.co.uk/content/_i/providers/890_cbg.jpg");
    background-repeat   : no-repeat;
    background-position : center center;
    background-size     : contain;
    display             : inline-block;
    position            : relative;
}


#benefit_panel_343 > div > div > div > div.row > div.col-sm-4 > a
{
    height              : 300px;
    width               : 100%;
    background-image    : url("https://secure.parliament-hill.co.uk/content/_i/providers/330.jpg");
    background-repeat   : no-repeat;
    background-position : center center;
    background-size     : contain;
    display             : inline-block;
    position            : relative;
}


@media screen and (min-width : 768px)
{
    html.ph-scrolled .logo
    {
        background-image : url(../images/logo_scrolled.png);
    }
}


*, input
{
    font-family : "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}


h1, h2, h3, h4, h5
{
    font-weight : 300;
}


main h1, main h2, main h3, main h4, main h5
{
    color : rgb(143, 26, 149);
}


#ph-competition-form-insertions-container span
{
    width : 140px;
}


#ph-competition-form-insertions-container span label
{
    background : none;
}


#ph-competition-form-insertions-container span input:checked + label
{
    box-shadow : 0 0 0 5px rgba(0, 69, 139, 0.5);
}


/*
@media all and (min-width : 1540px)
{
    html:not([data-pha-b='636']) .ph-skyscraper
    {
        display : block;
    }

    html:not([data-pha-b='636']) main > .inner
    {
        min-height : 818px;
    }
}
*/

.mm-menu h2, .side-panel a
{
    color : #FFFFFF;
}


.ph-banner-caption
{
    position    : absolute;
    top         : 50%;
    right       : 2.5%;
    left        : 50%;
    transform   : translate(0, -50%);
    text-align  : center;
    display     : block;
    color       : #333333;
    font-size   : 10px;
    line-height : 1;
}


.ph-banner-caption.invert
{
    color : #FFFFFF;
}


#header nav li a
{
    filter : invert(1) opacity(0.65);
}


#header nav li a > *
{
    filter : invert(1);
}


#header-sub
{
    background  : #FFFFFF;
    font-weight : 200;
    font-size   : 12px;
}


#header-sub nav > ul > li.active1
{
    background : none;
}


#header-sub nav > ul > li > a
{
    border-bottom : 3px solid transparent;
    color         : #333333;
    text-align    : center;
}


#header-sub nav > ul > li.active1 > a
{
    border-bottom-color : rgb(214, 41, 61);
}


#header-sub nav > ul > li:hover > a, .nav-group
{
    background : #949797 !important;
    color      : #FFFFFF !important;
}


#header-sub nav > ul > li:hover > a
{
    border-bottom-color : #7A7D7D;
}


#header-sub li > div ul a
{
    color : #FFFFFF;
}


#header-sub li > div ul a:hover
{
    background : #333333;
}


.over
{
    background : rgb(52, 31, 100, 0.65);
    color      : #FFFFFF;
}


.over h1, .over h2, .over h3
{
    color : #FFFFFF;
}


.stripe-home #x
{
    height : auto;
}


.stripe-orange
{
    background : #E7E7E7 !important;
}


.stripe-orange h2, .stripe-orange h3, .stripe-orange p
{
    color : #333333 !important;
}


#x-f
{
    box-shadow : inset 0 0 4rem rgba(0, 0, 0, 0.25);
}


.cta, .button-lite:hover, .button-action, .AxL input[type="submit"], #ph-calc-form .button.next, #ph-calc-form #calc_summary li a.quantified
{
    background : rgb(52, 31, 100) !important;
    color      : #FFFFFF !important;
}


figure
{
    background : rgb(143, 26, 149) !important;
    box-shadow : 0 0 0 0 rgba(143, 26, 149, 0.5) !important;
    color      : #FFFFFF !important;
}


.deals .panel:hover figure
{
    box-shadow : 0 0 0 6px rgba(143, 26, 149, 0.5) !important;
}


main a, .button-lite
{
    color : rgb(52, 31, 100);
}


main .content a
{
    font-weight : bold;
}


.button-lite
{
    border-color : rgb(52, 31, 100);
}


.stripe-silver
{
    background : #E7E7E7;
    color      : #333333;
}


.stripe-orange h2, .stripe-orange h3
{
    color : #333333;
}


#ph-benefit-list .landing-deals .features
{
    background  : rgb(52, 31, 100) !important;
    font-weight : bold;
}


#ph-benefit-list .landing-deals figure
{
    background : #AAAAAA !important;
    width      : 80px;
    height     : 80px;
    bottom     : -18px;
}


figure .ph-callout-no-value, #ph-benefit-list .landing-deals figure *
{
    font-weight : normal !important;
    font-size   : 13px;

}


#ph-benefit-list .deals .panel:hover figure
{
    box-shadow : none !important;
}


.ph__benefit .panel-header, .ph-ctas .panel-header
{
    background  : #E7E7E7;
    color       : #333333;
    font-weight : bold;
}


.affix
{
    top : 52px;
}


footer
{
    background : #4E5252;
    color      : #FFFFFF;
}


footer .button-lite
{
    color        : #FFFFFF;
    border-color : #FFFFFF;
}


footer .button-lite:hover
{
    background : #FFFFFF !important;
    color      : #4E5252 !important;
}