﻿section {
    padding: 30px 0;
}

input.input-validation-error,
textarea.input-validation-error,
select.input-validation-error {
    border: #bf6464 2px dashed !important;
    background-color: #fdfbfb !important;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

/* @toggle switch normal state 
--------------------------------------------------------------- */
.switch > input:checked + input + .switch-label {
    border-color: #333;
    background: #333;
    padding-left: 33px;
    color: white;
}

.switch.switch-success > input:checked + input + .switch-label {
    border-color: #4cae4c;
    background: #4cae4c;
}

.switch.switch-danger > input:checked + input + .switch-label {
    border-color: #d43f3a;
    background: #d43f3a;
}

.switch.switch-warning > input:checked + input + .switch-label {
    border-color: #eea236;
    background: #eea236;
}

.switch.switch-info > input:checked + input + .switch-label {
    border-color: #46b8da;
    background: #46b8da;
}

.switch.switch-default > input:checked + input + .switch-label {
    border-color: rgba(0,0,0,0.1);
    background: rgba(0,0,0,0.1);
}

    .switch.switch-default > input:checked + input + .switch-label:before {
        color: #888;
    }

.switch > input:checked + input + .switch-label:before {
    content: attr(data-on);
    left: 1px;
    top: 1px;
}

.switch > input:checked + input + .switch-label:after {
    margin: 1px;
    width: 19px;
    height: 19px;
    background: white;
}

/* @toggle switch normal state focus 
--------------------------------------------------------------------------------- */
.switch-round > input:checked + input + .switch-label {
    padding-left: 33px;
}

    .switch-round > input:checked + input + .switch-label:after {
        color: #333;
    }

/* @checkbox with Helper in Sky form
--------------------------------------------------------------- */
.sky-form .checkbox input:checked + input + i {
    border-color: #8ab933;
}

    .sky-form .checkbox input:checked + input + i:after {
        opacity: 1;
    }

.sky-form .checkbox input + input + i:after {
    color: #8ab933;
}

.sky-form .checkbox input + input + i:after {
    content: '\f00c';
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    font: 400 12px/16px FontAwesome;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    /* vertical margin between input fields in small screens */
    section div.row > div {
        margin-bottom: 0px !important;
    }
}

@media only screen and (max-width: 992px) {
    /* Force 60px for logo text in small devices */
    #header #topNav a.logo {
        height: 60px !important;
        line-height: 55px !important;
    }
}

/** Blog
 **************************************************************** **/
.blog-post-item {
    margin-bottom: 40px;
    padding-bottom: 40px;
}
/*
 **************************************************************** **/

/** Umbraco Forms
 **************************************************************** **/
.custom-forms-form .umbraco-forms-field {
    margin-bottom: 40px;
}
/*
 **************************************************************** **/

/** Footer
 **************************************************************** **/
#footer > .container {
    padding-top: 30px;
    margin-bottom: 0px;
}
/*
 **************************************************************** **/

.field-validation-error{
    font-weight: bold;
    color: red;
}