/* Font Face Definitions */
@font-face {
  font-family: Strawford;
  src: url(/media/fonts/strawford-regular-webfont.woff2);
  font-weight: normal;
}

@font-face {
  font-family: Strawford;
  src: url(/media/fonts/strawford-bold-webfont.woff2);
  font-weight: bold;
}

/* General Styles */
body, h6 {
    font-family: 'Strawford', arial, sans-serif !important;
    color: #24214c;
}

h1, h2, h3, h4, h5,
h1 *, h2 *, h3 *, h4 *, h5 *,
b, strong {
    font-family: 'Strawford', arial, sans-serif !important;
    font-weight: bold;
    color: #24214c;
}

.alert-info {
    display: none;
}

.head {
    padding: 0px 4px !important;
}

.container-fluid.head {
    background: white;
    overflow: hidden;
}

.container.header, .show_slider .header_slider {
    padding: 0 40px;
}

.header img {
    padding: 0;
}

button.menu-toggle-button,
button.menu-close-button,
.powered-by-tradein,
.help_text,
.menu svg,
.help svg,
.faq-section-container .parent_text svg,
.gt_step_one,
.container.header a.unique_text,
.container.header a.unique_text:hover {
    color: #24214c !important;
    fill: #24214c;
}

.heading_1 > *,
.question-text {
    color: #24214c !important;
}

.question-text svg {
    fill: var(--theme-primary-color) !important;
}

.gp_step_one {
    color: #43c174;
}

.g_btn_step_one {
    font-weight: bold;
}

.info {
    border-radius: 0 !important;
    border-color: transparent;
    border-left: 3px solid var(--theme-primary-color);
    background-color: transparent !important;
    padding: 0.2em 1.2em;
}

.grid_content,
.detail_step_two,
.detail_step_three,
.grid_content_step_one,
.side_nav {
    border-color: transparent !important;
    background: #ebf0f7;
    border-radius: 8px;
}

.grid_text_step_one {
    text-align: left !important;
}

.form-control,
.reviews-slider .slider_items {
    border-radius: 8px;
}

.grid_content:hover,
.grid_content_step_one:hover,
.grid_content:active,
.grid_content_step_one:active,
.grid_content:focus,
.grid_content_step_one:focus {
    border-color: transparent !important;
    outline: #24214c solid 2px;
    transition: outline 0s !important;
    box-shadow: 0 5px 8px rgba(0, 0, 0, .15) !important;
}

.btn {
    border-color: transparent !important;
}

.totalitems,
.show_slider .headerimg-container,
.powered-by-tradein,
.detail_step_three.chart {
    display: none !important;
}

.progress > div {
    background: var(--theme-primary-color);
}

.easy-steps,
.simple-steps-container {
    background: #ebf0f7 !important;
}

.the-question-box,
hr {
    border-color: #d9d9d9 !important;
}

.reviews-slider .slider_items .reviewed-by-container .reviewed-by-text span.checkmark-text {
    color: #43c174;
}

.search-bar-container input {
    padding: 1em;
    padding-right: 3em;
    border-color: #757575;
}

.search-bar-container svg {
    left: unset !important;
    right: 1.5em !important;
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    height: 100% !important;
    fill: #23214c !important;
}

h1.heading_1 {
    position: relative;
    z-index: 2;
}

h1.heading_1:before {
    background: url(/media/images/partners/sph-quote.svg) no-repeat;
    background-size: contain;
    transform: rotate(180deg);
    content: " ";
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    position: absolute;
    z-index: -1;
    top: -1em;
    left: -0.4em;
}

.price_step_tree .variation-price {
    color: unset;
}

/* Slider Styles */
.show_slider .justbg,
.show_slider .bgcoloronly {
    height: calc(130px + 100vw);
}

.show_slider .justbg {
    background-image: url(/media/images/partners/smartphonehoesjes-header-mobile.png) !important;
    background-color: #ebf0f7;
    background-size: contain !important;
    background-position: center bottom;
    padding: 0 !important;
    border-radius: 0;
    background-repeat: no-repeat !important;
}

.show_slider .bgcoloronly {
    border-radius: unset;
    background: #FFC753 !important;
}

.show_slider .bgcoloronly .question-text span {
    text-decoration: underline;
    margin: 10px 0;
    display: block
}

.show_slider .bgcoloronly .question-text svg {
    display: none;
}

.show_slider .header_slider {
    position: relative;
}

body{
    border-top: 4px solid #8d1855;
}

/* Media Queries */

/* Medium Devices (Tablets, 768px and up) */
@media (min-width: 768px) {
    .hs_container {
        margin-top: unset;
        position: absolute;
        top: 55%;
        left: 55%;
        transform: translate(-50%, -50%);
    }

    .show_slider .justbg {
        background-image: url(/media/images/partners/smartphonehoesjes-header-desktop.png) !important;
        background-color: #ebf0f7;
        background-size: auto calc(100% - 100px) !important;
        background-position: right -260px bottom;
        padding: 0 !important;
        border-radius: 0;
        background-repeat: no-repeat !important;
    }

    .show_slider .header_slider {
        height: 100%;
    }

    .show_slider .justbg,
    .show_slider .bgcoloronly {
        height: 560px;
    }
    .header a.img{
        width: 260px;
    }
}

/* Large Devices (Desktops, 992px and up) */
@media (min-width: 992px) {
    .show_slider .justbg {
        background-position: right bottom;
    }
}

/* Small Devices (Mobile, max-width: 480px) */
@media (max-width: 480px) {
    .container.header,
    .show_slider .header_slider {
        padding: 0 30px;
    }

    .detail_step_two,
    .detail_step_three {
        background: white !important;
    }

    .header a.img {
        width: 160px;
    }
}

/*Met spijt in mijn hart*/
.step-three-main span.change-options, .step-three-main .st_three_parent_1 .option-button, .step-three-main .st_three_parent_2 .option-button, .step-three-main .st_three_parent_3 .option-button, .step-three-main .st_three_parent_4 .option-button, .step-three-main .section-5-col .detail_step_three .why-sell-to-us, .step-three-main .section-5-col .detail_step-three .how-to-send, .st_child_heading b, .back, .review_heading, .review_heading span b, .review_heading span.total-reviews, .gp_step_one, .g_text_step_one, .step-three-main .section-2-col .je-gegevens, .step-three-main .detail_step_three .actual-option-name, .step-three-main .detail_step_three .actual-option-desc.gratis, .step-three-main .detail_step_three .actual-option-desc.trunks, .step-three-main .detail_step_three .actual-option-desc, .step-three-main .price_step_tree .price, .g_btn_step_four, .g_btn_step_four:hover, .g_btn_step_four:active, .g_btn_step_four:focus, .g_btn_step_four .r_arrow_step_four, .step-four-main .detail_step_three h6.verkoopoverzicht, .the-topbar-slider span.strong, .the-topbar-slider span.light, .the-topbar-slider span.light b, .the-topbar-slider span.gilroy-total-rating, .checkout-heading{
    font-family: unset;
}