/*
This file will contain the default styles for our builder.
naming convetion:
    [element_type]_[attribute]_[value]
example: for a column with padding 10 the style name is:
    col_padding_10

NOTE: all styles should be under a "default" css class for the theme.
except for styles pertaining to body or html.

switch.* classes are for use in the builder to help display the color/image in the pages modal
*/

html {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

body {
    background: #dae8da; /*#d7f4ff;*/
}

#page_container.default {
    /* background: #fff; */
}

#page_container.default .row{
    /* margin-bottom:10px; */
}




/* background colors */
#page_container.default .col_background_color_none {
    background: none;
}
#page_container.default .col_background_color_red {
    background: red;
}

#page_container.default .col_background_color_blue {
    background: blue;
}

#page_container.default .col_background_color_grey {
    background: #e3e3e3;
}


/* border colors */
#page_container.default .col_border_color_red {
    border-color: red;
}

#page_container.default .col_border_color_blue {
    border-color: blue;
}

#page_container.default .col_border_color_grey {
    border-color: grey;
}

/* #page_container.default .video_container VIDEO, #page_container.default .video_container IMG{ */
/*     display:block !important; */
/*     text-align: center; */
/*     float:none; */
/*     width:100%; */
/* } */

/* form styles */
/*
#page_container.default label.req:after
{
    content:"*";
    color:red;
    font-weight:bold;
}
*/