.subpage-card {
    position: relative;

    width: 100%;
    height: 190px;

    display: block;

    /*min-height: 128px;*/

    overflow: hidden;

    margin-bottom: 18px;

    border-radius: 6px;

    background-color: #f0f0f0;

    /*box-shadow: 0px 7px 7px 0px rgba(0, 0, 0, 0.14);*/
    box-shadow: rgba(0, 0, 0, 0.30) 0px 10px 24px 0px;

    transition: all 0.5s ease;
}

.subpage-card-container > a:hover,
.subpage-card-container > a:focus {
    text-decoration: none !important;
}

.subpage-card-container > .view-content > .views-row > a:hover,
.subpage-card-container > .view-content > .views-row > a:focus {
    text-decoration: none !important;
}

.subpage-card-text-outer {
    position: relative;

    /*padding: 40px 0px 40px 30px;*/
    /*padding: 40px 0px 40px 25px;*/

    height: 100%;

    display: flex;
    /*justify-content: center;*/
    align-items: center;

    padding-left: 31px;
}

.subpage-card-text-inner {
    position: relative;
    display: inline;
}

.subpage-card-image {
    position: absolute;

    right: 0;

    height: 100%;

    max-width: 100%;
}

.subpage-card-image-gradient {
    position: absolute;

    width: 100%;
    height: 100%;

    /*background: linear-gradient(to left, rgba(240, 240, 240, 0), rgba(240, 240, 240, 0) 50%, rgba(240, 240, 240, 1.0) 100%);*/
    /*background: linear-gradient(to left, rgba(240, 240, 240, 0), rgba(240, 240, 240, 0.3) 50%, rgba(240, 240, 240, 1.0) 100%);*/
    background: linear-gradient(to left, rgba(240, 240, 240, 0), rgba(240, 240, 240, 0) 35%, rgba(240, 240, 240, 0.7) 65%, rgba(240, 240, 240, 1.0) 100%);
}

.subpage-card-title {
    position: relative;

    font-family: Rogan-Bold;
    font-size: 24px;
    line-height: 28px;

    color: #414042;

    transition: all 0.5s ease;

    text-decoration: none !important;
}

.subpage-card-intro {
    position: relative;

    margin-top: 18px;

    font-family: merriweatherregular;
    font-size: 14px;
    line-height: 24px;

    color: #414042;
}

.subpage-card-right-arrow {
    position: absolute;

    background-image: url("../../images/latnivalo/latnivalo_card_right_arrow.png");

    width: 28px;
    height: 28px;

    background-size: 28px 28px;

    bottom: 20px;
    right: 20px;

    opacity: 0.0;

    transition: all 0.5s ease;
}

.subpage-card:hover,
.subpage-card:focus {
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
}

.subpage-card:hover .subpage-card-title,
.subpage-card:focus .subpage-card-title {
    color: #2c77d1;
}

.subpage-card:hover .subpage-card-right-arrow,
.subpage-card:focus .subpage-card-right-arrow {
    opacity: 1.0;
}

.view-header .front-blue-right-link {
    margin-top: -3px;
    margin-bottom: -6px;
}

/* cards */
/*.page-node-7809 .subpage-content .view-latnivalo-elosztok:nth-child(2) .front-card:nth-of-type(1),
.page-node-15059 .front-card:nth-of-type(1) {
    background-image: url("../../images/landing_page/latnivalo/cards/muzeumok_retina_1154x578-min.jpg");
}
.page-node-7809 .subpage-content .view-latnivalo-elosztok:nth-child(2) .front-card:nth-of-type(2),
.page-node-15059 .front-card:nth-of-type(2) {
    background-image: url("../../images/landing_page/latnivalo/cards/fesztivalokrendezvenyek_retina_1154x578-min.jpg");
}
.page-node-7809 .subpage-content .view-latnivalo-elosztok:nth-child(2) .front-card:nth-of-type(3),
.page-node-15059 .front-card:nth-of-type(3) {
    background-image: url("../../images/landing_page/latnivalo/cards/epitett_oroksegek_kossuthlajosszobor_retina_1154x578-min.jpg");
}

.page-node-7809 .subpage-content .view-latnivalo-elosztok:nth-child(4) .front-card:nth-of-type(1),
.page-node-15063 .front-card:nth-of-type(1) {
    background-image: url("../../images/landing_page/latnivalo/cards/termeszetiertekeink_retina_1154x578-min.jpg");
}
.page-node-7809 .subpage-content .view-latnivalo-elosztok:nth-child(4) .front-card:nth-of-type(2),
.page-node-15063 .front-card:nth-of-type(2) {
    background-image: url("../../images/landing_page/latnivalo/cards/kalandeselmeny_retina_1154x578-min.jpg");
}

.page-node-7809 .subpage-content .view-latnivalo-elosztok:nth-child(6) .front-card:nth-of-type(1),
.page-node-15067 .front-card:nth-of-type(1) {
    background-image: url("../../images/landing_page/latnivalo/cards/furdozeswellnessfitness_retina_1154x578-min.jpg");
}
.page-node-7809 .subpage-content .view-latnivalo-elosztok:nth-child(6) .front-card:nth-of-type(2),
.page-node-15067 .front-card:nth-of-type(2) {
    background-image: url("../../images/landing_page/latnivalo/cards/gyogyaszatesrekreacio_retina_1154x578-min.jpg");
}
.page-node-7809 .subpage-content .view-latnivalo-elosztok:nth-child(6) .front-card:nth-of-type(3),
.page-node-15067 .front-card:nth-of-type(3) {
    background-image: url("../../images/landing_page/latnivalo/cards/uszodak_retina_1154x578-min.jpg");
}*/

/* epitett orokseg - /elet-varosban/turizmus/latnivalok/kulturalis-turizmus/epitett-orokseg */
/*.page-node-15056 .front-card:nth-of-type(1) {
    background-image: url("../../images/landing_page/latnivalo/cards/epitett_orokseg/szobrok_kossuthszobor_1154x578-min.jpg");
    background-position: -200px 0;
}

.page-node-15056 .front-card:nth-of-type(2) {
    background-image: url("../../images/landing_page/latnivalo/cards/epitett_orokseg/hidak_erzsebethid_retina_1154x578-min.jpg");
    background-position: -200px 0;
}

.page-node-15056 .front-card:nth-of-type(3) {
    background-image: url("../../images/landing_page/latnivalo/cards/epitett_orokseg/pince_gorombolyi_retina_1154x578-min.jpg");
}

.page-node-15056 .front-card:nth-of-type(4) {
    background-image: url("../../images/landing_page/latnivalo/cards/epitett_orokseg/jeles_epuletek_almassykuria_retina_1154x578-min.jpg");
}

.page-node-15056 .front-card:nth-of-type(5) {
    background-image: url("../../images/landing_page/latnivalo/cards/epitett_orokseg/terek_szentistvanter_retina_1154x578-min.jpg");
}

.page-node-15056 .front-card:nth-of-type(6) {
    background-image: url("../../images/landing_page/latnivalo/cards/epitett_orokseg/avasikilato_retina_1154x578-min.jpg");
    background-position: -236px 0;
}

.page-node-15056 .front-card:nth-of-type(7) {
    background-image: url("../../images/landing_page/latnivalo/cards/epitett_orokseg/szakralis_rom_szentlelekikolostorrom_retina_1154x578-min.jpg");
}

.page-node-15056 .front-card:nth-of-type(8) {
    background-image: url("../../images/landing_page/latnivalo/cards/epitett_orokseg/templomok_mindszentiromaikatolikus_retina_1154x578-min.jpg");
    background-position: -213px 0;
}*/

/* responsive */
@media (max-width: 767px) {
    .view-latnivalo-elosztok {
        margin-bottom: 100px;
    }

    .view-latnivalok {
        margin-bottom: 40px;
    }

    .subpage-card-image-gradient {
        /*background: linear-gradient(to left, rgba(240, 240, 240, 0), rgba(240, 240, 240, 0) 60%, rgba(240, 240, 240, 0.7) 80%, rgba(240, 240, 240, 1.0) 100%);*/
        background: linear-gradient(to left, rgba(240, 240, 240, 0), rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 1.0) 50%);
    }

    .subpage-card-title {
        font-size: 22px;
        line-height: 24px;
    }

    .subpage-card-intro {
        font-size: 13px;
        line-height: 19px;
    }
}