drm less

//alex.less


// Variables and mixins //

@input-width: 420px;
@input-grey: #E6E4E5;
@submit-background: #2BB2B6;

// End variables and mixins //

div.banner_after_header {
    margin-bottom: 30px;
    h1 {
        font-family: Serif;
    }
}

main > div.page-header {
    display: none;

}

// Contact Form Styles //
div#frm_form_8_container {

    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;

    form#form_contact3 {
        max-width: @input-width;
        margin-left: auto;
        margin-right: auto;

        h3 {
            text-align: center;
            margin-bottom: 40px;
        }

        div.frm_form_fields > fieldset > div div input, textarea {
            background-color: @input-grey;
            border-radius: 0px;
            border: none;
            padding: 15px;
            font-size: 1.3em;
            width: @input-width;

        }

        div#frm_field_92_container, div#frm_field_91_container {
            display: block;
            float: none;
        }

        div.frm_submit {
            text-align: center;
            input[type="submit"] {
                background-color: @submit-background;
                border-radius: 0px;
                border: none;
                width: 120px;
                color: white;
                font-size: 1.2em;
                font-weight: bold;
                padding-top: 8px;
                padding-bottom: 5px;
            }
        }

    }

}



// End Contact Form Styles //

main.main  {
    div.row {
        div.col-md-6 {
            max-width: 550px;
        }
        div.col-md-3 > ul li.page_item > a {
            font-family: Serif;
        }
    }

    .main_page {
        div, div.different-col-4 {
            padding: 30px;

            a {
                font-size: 25px;
                font-family: serif;

                &:hover {
                    text-decoration: none;
                }
            }

        }

        div div > a {
            color: white;
        }

        div.different-col-4 div a, div:nth-child(4) div a {
            color: black;
        }
    }

    a[title=Botox] {
        color: black!important;
    }

}


div.surgery-quote {
    background-color: #cda981;
    min-height: 180px!important;
    margin-bottom: 40px;
    margin-top: 40px;
    padding: 25px;
    font-size: 1.5em;
    font-family: Serif;
}

// Start Responsive //

@media screen and(max-width: 1200px) {
    div.consultation {
        .container {
            //margin: 0px!important;

            .row {
                margin: auto;
            }
        }
        img {
            display: block;
            margin: auto;
        }

        div.col-lg-5 {
            width: 90%;
        }
    }
}

@media screen and(max-width: 485px) {
    div.consultation {
        img {
            max-width: 100%;
        }

        * {
            font-size: 1.15em;
        }

        div.container div.row > div.col-lg-offset-1 {
            margin-bottom: 40px!important;
        }

        div.container div.row > div.col-lg-5 a {
            display: block;
        }
    }
}

@media screen and(max-width: 400px) {
    div.consultation {
        * {
            font-size: 1.05em;
        }
    }

    .content-info {
        .container {
            color: #000;
        }
        ul#menu-footer-navigation li{

            &:before {
                display: none;
            }

        }
    }
}

@media screen and(max-width:240px) {
    .pre_header {
        a[href=#book] {
            display: block;
        }
    }
}
// End Responsive //