/* ================================
    CSS STYLES FOR Module [!output PROJECT_NAME]
   ================================
*/

.relative { position: relative; }
.fleft { float: left; }
.fright { float: right; }
.full, .content, .slider, footer { width: 100%; float: left; font: 13px 'proxima_novaregular'; }
.clear { clear: both; }
.padT1 { padding-top: 20px; }
.padT2 { padding-top: 45px; }
.padT3 { padding-top: 10px; }
.padB1 { padding-bottom: 20px; }
.padR1 { padding-right: 30px; }
.marR1 { margin-right: 10px; }
.w73 { max-width: 444px; width: 73.5%; }
.font14 { font-size: 14px; }
.searchL { padding: 65px 19px; display: block; position: relative; behavior: url(css/PIE.htc); }
.password { background: url("module-images/password.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; padding-left: 62px; }
.user_name { background: url("module-images/user_name.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; padding-left: 62px; }
.inpM { background: url("module-images/src_inpR.png") no-repeat scroll right 0 rgba(0, 0, 0, 0); display: block; padding-right: 12px; }
.src_inp { -moz-font-feature-settings: normal; -moz-font-language-override: normal; background: url("module-images/src_inpM.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0); border: medium none; color: #7B7878; float: left; font-family: 'proxima_novaregular'; font-size: 14px; font-size-adjust: none; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; height: 44px; line-height: 44px !important; outline: medium none; width: 100%; }
.slider { display: none; }
.tag_line { display: none; }

/*Serach Result Page*/
.img_listing { width: 100%; margin-top: 15px; float: left; list-style-type: none; }
    .img_listing li { width: 172px; height: 230px; float: left; list-style-type: none; }
        .img_listing li div.img_field { float: left; overflow: hidden; }
            .img_listing li div.img_field table { width: 100%; border: 0; border-spacing: 0px; }
                .img_listing li div.img_field table tr td { text-align: center; vertical-align: middle; }

.content .img_listing li {
    float: left !important;
    height: 240px !important;
    list-style-type: none !important;
    padding: 0 0px 0px 0 !important;
    width: 265px !important;
    margin-right: 20px !important;
    margin-bottom: 20px !important;
    box-shadow: 0px 0px 10px 2px #8888884f !important; text-align: center;
 border-radius: 5px;}

@media screen and (max-width: 992px) {
  .content .img_listing li {
    float: left !important;
    height: 240px !important;
    list-style-type: none !important;
    padding: 0 0px 0px 0 !important;
    width: 100% !important;
    margin-right: 20px !important;
    margin-bottom: 20px !important;
    box-shadow: 0px 0px 10px 2px #8888884f !important; text-align: center; border-radius: 5px;
}
}

    .content .img_listing li div.img_field { background-color: #ffffff !important;
 border: 0px solid #ffffff !important;
 float: left !important;
 height: 171px !important; overflow: hidden !important;
 width: 100% !important;
 border-radius: 5px !important; }

        .content .img_listing li div.img_field table tr td { height: 171px; text-align: center; vertical-align: middle; }
.mid_arrow { display: none; }
.inp_btn { padding: 2px; }


@media only screen and (max-width: 700px)
 { .img_listing li div.img_field img {
height: 100% !important; width: auto !important;
}}
.img_listing li div.img_field img {
height: 100% !important; width: auto !important;
}


@media only screen and (max-width: 409px) {
    .inp_btn {
        margin-top: 10px !important;
    }

    .rightblock {
        background-color: #7b7b7b !important;
    }
    /* Center the event search form */
    .search_container {
        min-height: 100vh; /* full screen height */
        display: flex;
        justify-content: center; /* horizontal center */
        align-items: center; /* vertical center */
        flex-direction: column; /* keep contents stacked */
        text-align: center;
        background: transparent; /* no background blocking FAQ */
        position: relative;
        z-index: 2; /* keep form above background */
    }

    /* Ensure FAQ starts below search */
    .faq-section {
        position: relative;
        z-index: 1; /* sits below form naturally */
        margin-top: 40px; /* spacing below search form */
    }