#main{ min-height:calc(100vh - 164px); }
.vf_col, .vf_col_2x{ display:inline-block; vertical-align:top; width:calc(33.33% - 0.6rem); margin:0 0.3rem 1rem; padding:1rem; background:#f7f7f7; }
.vf_col_2x{ width:calc(66.66% - 0.6rem); padding:0; background:none; }
.vf_col, .vf_results_venue{ border:1px solid #ccc;
    -webkit-box-shadow:0.1rem 0.1rem 0.2rem rgba(0,0,0,0.5);
    -moz-box-shadow:0.1rem 0.1rem 0.2rem rgba(0,0,0,0.5);
    box-shadow:0.1rem 0.1rem 0.2rem rgba(0,0,0,0.5); }
#main_container{ display:flex; width:100%; }
#main_container p, .vf-question-container{ margin:0 0 1rem; }
.vf-question-container{ position:relative; left:0.5rem; margin-bottom:1.5rem; }
.vf-question-container:last-child{ margin-bottom:0; }
.vf-question-number{ display:inline-block; position:absolute; top:-0.4rem; left:-1rem; 
    font:italic 600 1.5rem 'times new roman', times; }
.vf_question_text{ display:inline-block; position:relative; top:-0.2rem; left:0.5rem; width:calc(100% - 0.5rem); font-weight:600; }
#main_container .vf_warning p{
    display:inline-block; padding:0.5rem; margin:0;
    border:2px solid red; color:red; font-weight:600; background:rgba(255,0,0,0.15); }

.vf_results_venue{ position:relative; height:12rem; margin:0.6rem 0; padding:1rem 3rem 4rem; cursor:pointer; overflow:hidden; background:#f7f7f7; }
.vf_results_venue:first-child{ margin-top:0; }
.vf_results_venue h2, .vf_results_venue p{ 
    position:absolute; z-index:1; margin:0; padding:0;
    text-shadow:2px 2px 1rem #fff, -2px 2px 1rem #fff, -2px -2px 1rem #fff, 2px -2px 1rem #fff,
                2px 2px 1rem #fff, -2px 2px 1rem #fff, -2px -2px 1rem #fff, 2px -2px 1rem #fff; }
#main_container .vf_results_venue h2{ margin-bottom:0.2rem; }
#main_container .vf_results_venue p{ margin-top:2.2rem; padding-left:1rem; }
.vf_results_img{ height:100%; width:60%; position:absolute; right:0; top:0;
    background-position:center; background-repeat:no-repeat; background-size:cover;
    -webkit-mask-image: linear-gradient(to left, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%);
    mask-image: linear-gradient(to left, rgba(255,255,255,1) 60%, rgba(255,255,255,0) 100%);}

input.pink_button[type="button"], .pink_button input[type="button"], input.pink_button[type="submit"], .pink_button input[type="submit"], a.pink_button, .pink_button a{ margin:1rem 0 0; }

.wpcf7-form div[role="alert"] { margin:0 0 1rem; }

#back_img{
    width:100%;
    object-fit:cover;
    object-position:0 0;
    z-index:-1; }

@media only screen and (min-width:1601px) {
    .rd-m{ margin-left:33.33%; width:66.66%; }
    #back_img{
        position:absolute;
        top:82px; left:0;
        height:calc(100% - 142px);
        object-position:50% 0;
    }
}
@media only screen and (min-width:1301px) and (max-width:1600px) {
    .rd-m{ margin-left:400px; width: calc(100% - 400px - 1rem); }
    #back_img{
        position:absolute;
        top:82px; left:0;
        height:calc(100% - 142px);
    }
}
@media only screen and (max-width:1300px) {
    #main_container{ display:block; padding:0; }
    .vf_col, .vf_col_2x{ width:100%; margin:0.3rem 0; }
}
@media only screen and (min-width:801px) and (max-width:1300px) {
    .rd-m{ margin-left:400px; max-width:600px; width: calc(100% - 400px - 1rem); }
    #back_img{
        position:fixed;
        top:82px; left:0;
        height:100%;
    }
}
@media only screen and (max-width:800px) {
    .entry-content{ position:relative; overflow-x:hidden; }
    #back_img{
        position:absolute;
        bottom:0; left:0;
        height:540px;
    }
    .vf_col:last-child{ margin-bottom: 360px; } 
    .vf_results_venue{ padding:1rem 1rem 4rem; }
    .vf_answer{ margin:0.4rem 0; }
}

/* #azure_touch       .vf_results_img{ background-image: url(https://flammeum.com/wp-content/uploads/2018/10/Azure_Touch-title_720x720-1.jpg); } */
#momenti           .vf_results_img{ background-image: url(https://flammeum.com/wp-content/uploads/images/venues/ballroom/title/Ballroom-title_720x1000.jpg); }
/* #beauty_of_the_sea .vf_results_img{ background-image: url(https://flammeum.com/wp-content/uploads/2018/10/Beauty_of_the_Sea-720x720.jpg); } */
#poropati          .vf_results_img{ background-image: url(https://flammeum.com/wp-content/uploads/images/venues/breeze_of_fervor/title/Breeze_of_Fervor-title_1280x720.jpg); }
#st_katarina       .vf_results_img{ background-image: url(https://flammeum.com/wp-content/uploads/images/venues/dance_of_the_waves/title/Dance_of_the_Waves-title_1280x720.jpg); }
#villa_lav         .vf_results_img{ background-image: url(https://flammeum.com/wp-content/uploads/images/venues/villa_lav/title/Villa_Lav-title_1280x720.jpg); }
#royal             .vf_results_img{ background-image: url(https://flammeum.com/wp-content/uploads/images/venues/royal/title/Royal-title_1280x720.jpg); }
#sacred_rock       .vf_results_img{ background-image: url(https://flammeum.com/wp-content/uploads/images/venues/sveta_stijena/title/Sveta_Stijena-title_1280x720.jpg); }
/* #haven_of_love     .vf_results_img{ background-image: url(https://flammeum.com/wp-content/uploads/2018/10/Haven_of_Love-title_720x720.jpg); } */
#kisses_of_the_sea .vf_results_img{ background-image: url(https://flammeum.com/wp-content/uploads/2018/10/Kisses_of_the_Sea-title_720x720.jpg); }
#paladnjaki        .vf_results_img{ background-image: url(https://flammeum.com/wp-content/uploads/images/venues/nature_harmony/title/Nature_Harmony-title_1280x720.jpg); }
#old_trails        .vf_results_img{ background-image: url(https://flammeum.com/wp-content/uploads/images/venues/old_trails/title/Old_Trails-title_1280x720.jpg); }
#royal_palace      .vf_results_img{ background-image: url(https://flammeum.com/wp-content/uploads/2018/10/Royal_Palace-title_720x720.jpg); }
#san_canzian       .vf_results_img{ background-image: url(https://flammeum.com/wp-content/uploads/images/venues/san_canzian/title/San_Canzian-title_1280x720.jpg); }
#saints_hills      .vf_results_img{ background-image: url(https://flammeum.com/wp-content/uploads/images/venues/saints_hills/title/Saints_Hills-title_1280x720.jpg); }
#meneghetti        .vf_results_img{ background-image: url(https://flammeum.com/wp-content/uploads/images/venues/rustic_rhapsody/title/Rustic_Rhapsody-title_1280x720.jpg); }
