@charset "utf-8"

/*
 *       THIS CSS FILE IS FOR WEBSITE THEMING CUSTOMIZATION ONLY
 *
 * css for editor buttons, openerp widget included in the website and other
 * stuff must go to the editor.css
 *
 */

/* ----- GENERIC LAYOUTING HELPERS ---- */

/* Vertical Spacing */
.mt128
    margin-top: 128px !important
.mt92
    margin-top: 92px !important
.mt64
    margin-top: 64px !important
.mt48
    margin-top: 48px !important
.mt32
    margin-top: 32px !important
.mt16
    margin-top: 16px !important
.mt8
    margin-top: 8px !important
.mt4
    margin-top: 4px !important
.mt0
    margin-top: 0px !important

.mb128
    margin-bottom: 128px !important
.mb92
    margin-bottom: 92px !important
.mb64
    margin-bottom: 64px !important
.mb48
    margin-bottom: 48px !important
.mb32
    margin-bottom: 32px !important
.mb16
    margin-bottom: 16px !important
.mb8
    margin-bottom: 8px !important
.mb4
    margin-bottom: 4px !important
.mb0
    margin-bottom: 0px !important

.pt128
    padding-top: 128px !important
.pt92
    padding-top: 92px !important
.pt64
    padding-top: 64px !important
.pt48
    padding-top: 48px !important
.pt32
    padding-top: 32px !important
.pt16
    padding-top: 16px !important
.pt8
    padding-top: 8px !important
.pt4
    padding-top: 4px !important
.pt0
    padding-top: 0px !important

.pb128
    padding-bottom: 128px !important
.pb92
    padding-bottom: 92px !important
.pb64
    padding-bottom: 64px !important
.pb48
    padding-bottom: 48px !important
.pb32
    padding-bottom: 32px !important
.pb16
    padding-bottom: 16px !important
.pb8
    padding-bottom: 8px !important
.pb4
    padding-bottom: 4px !important
.pb0
    padding-bottom: 0px !important

/* Grid of unequally tall elements */
.grid > [class*="col-md"]
    display: inline-block
    float: none
    vertical-align: top
    box-sizing: border-box
    &.grid-align-top > [class*="col-md"]
        vertical-align: top
    &.grid-align-middle > [class*="col-md"]
        vertical-align: middle
    &.grid-align-bottom > [class*="col-md"]
        vertical-align: bottom

/* Extra Styles */

img.shadow
    -webkit-border-radius: 3px
    -moz-border-radius: 3px
    -ms-border-radius: 3px
    -o-border-radius: 3px
    border-radius: 3px
    -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2)
    -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2)
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2)
    margin: 0 auto

h1.text-muted, h2.text-muted, h3.text-muted
    margin-top: 10px

/* ----- BOOTSTRAP HACK FOR HEADER NAV BAR ----- */

.navbar.navbar-default.navbar-static-top
    margin-bottom: 0

/* ----- BOOTSTRAP HACK FOR STICKY FOOTER ----- */

html,body, #wrapwrap
    box-sizing: border-box
    height: 100%

#wrapwrap
    display: table
    width: 100%

header, #wrap, footer
    display: table-row

footer
    height: 100%
    background: rgb(239, 248, 248)
    background: rgba(100, 200, 200, 0.1)

#footer_container
    padding-top: 24px
    padding-bottom: 12px

/* ----- BOOTSTRAP FIX ----- */

.col-md-12
    float: left
    width: 100%

/* ---- HACK FOR COVERING UP CK EDITOR BOGUS P INSERTION --- */

.oe_structure.oe_editable.oe_empty:empty, .oe_editable[data-oe-type=html]:empty, .oe_structure.oe_editable.oe_empty > .oe_drop_zone.oe_insert:only-child, [data-oe-type=html] > .oe_drop_zone.oe_insert:only-child
    background-image: url('/website/static/src/img/drag_here.png')

.oe_structure.oe_empty:empty, [data-oe-type=html]:empty, .oe_structure.oe_empty > .oe_drop_zone.oe_insert:only-child, [data-oe-type=html] > .oe_drop_zone.oe_insert:only-child
    background-image: url('/website/static/src/img/edit_here.png')
    background-repeat: no-repeat
    background-position: center
    height: 220px !important

.oe_structure.oe_empty > .oe_drop_zone.oe_insert:only-child, [data-oe-type=html] > .oe_drop_zone.oe_insert:only-child
    position: static

.oe_structure.oe_empty:empty:before, [data-oe-type=html]:empty:before, .oe_structure.oe_empty > .oe_drop_zone.oe_insert:only-child:before, [data-oe-type=html] > .oe_drop_zone.oe_insert:only-child:before
    content: 'Click Edit To Create Content'
    text-align: center
    display: block
    padding-top: 160px
    padding-bottom: 30px
    color: grey
    font-size: 24px

.oe_structure.oe_editable.oe_empty:empty:before, .oe_editable[data-oe-type=html]:empty:before, .oe_structure.oe_editable.oe_empty > .oe_drop_zone.oe_insert:only-child:before, [data-oe-type=html] > .oe_drop_zone.oe_insert:only-child:before
    content: 'Drag Building Blocks Here'

/* ---- HACK FOR COVERING UP CK EDITOR BOGUS P INSERTION --- */

.navbar .nav > li > p
    margin-bottom: 0px

// .navbar .nav > li  a
//     text-shadow: none

// .nav > li  a
//     display: block

.carousel-inner .item
    height: 100%
    background-size: 100%

.carousel
    &.oe_small .carousel-inner
        height: 200px
    &.oe_medium .carousel-inner
        height: 300px
    &.oe_big .carousel-inner
        height: 450px
    .carousel-caption
        h1, h2, h3
            margin-top: 10px
            margin-bottom: 10px
    .carousel-image
        right: 10%
        left: 50%
        top: 5%
        bottom: 5%
        position: absolute
        text-align: center
        img
            height: 100%
            margin: 0 auto
    .item.text_image
        .carousel-caption
            left: auto
            right: auto
            bottom: 10%
            text-align: left
            padding: 20px
            background: rgba(0, 0, 0, 0.4)
    .item.text_only
        .carousel-image
            display: none !important
        .carousel-caption
            left: 10%
            right: 10%
            top: 10%
            text-align: center
    .item.image_text
        .carousel-caption
            left: auto
            text-align: left
            right: 10%
            bottom: 10%
            padding: 20px
            background: rgba(0, 0, 0, 0.4)
        .carousel-image
            right: 50%
            left: 10%
    .carousel-control
        cursor: pointer
        span
            top: 50%
            position: absolute
            margin-top: -8px
        &.left span
            left: 10px
        &.right span
            right: 10px

/* ---- HOMEPAGE THEME CUSTOMIZATION ---- */

.dark
    background: #eff8f8
    background: rgba(100, 200, 200, 0.14)
    -webkit-box-shadow: 0px 5px 9px -7px rgba(0, 0, 255, 0.5) inset, 0px -3px 9px -7px rgba(0, 0, 255, 0.5) inset
    -moz-box-shadow: 0px 5px 9px -7px rgba(0, 0, 255, 0.5) inset, 0px -3px 9px -7px rgba(0, 0, 255, 0.5) inset
    box-shadow: 0px 5px 9px -7px rgba(0, 0, 255, 0.5) inset, 0px -3px 9px -7px rgba(0, 0, 255, 0.5) inset

.nav-hierarchy
    padding-left: 16px

#themes-list .well
    padding: 0 0 20px 0

/* Parallax Theme */

.parallax_quote
    background: url('/website/static/src/img/parallax/quote.png') center center no-repeat fixed
    background-size: contain
    .carousel-indicators
        li
            border: 1px solid grey
        .active
            background-color: grey

.parallax
    background-attachment: fixed
    background-size: 100%
    &.oe_small
        height: 200px
    &.oe_medium
        height: 300px
    &.oe_big
        height: 450px
/* -- Hack for removing double scrollbar from mobile preview -- */
div#mobile-preview.modal
    overflow: hidden
    overflow-y: hidden

ul.nav-stacked > li > a
    padding: 2px 15px

#customize-menu .dropdown-header
    text-transform: uppercase

/* ---- PUBLISH ---- */
a[data-publish]
    text-decoration: none !important
    .css_unpublish, .css_publish, .css_unpublished, .css_published
        display: none
    &[data-publish='off']
        .css_unpublished, &:hover .css_publish
            display: inline
        &:hover .css_unpublished
            display: none
    &[data-publish='on']
        .css_published, &:hover .css_unpublish
            display: inline
        &:hover .css_published
            display: none

.dropdown .css_unpublish, .dropdown .css_publish
    display: none
.dropdown.css_publish .css_unpublish, .dropdown.css_unpublish .css_publish
    display: block

.unpublish
    opacity: 0.5
[data-publish='off']:not(a)
    >:not(.js_publish)
        opacity: 0.5
[data-publish]:not(a)
    position: relative
    overflow: visible
    .js_publish
        position: absolute
        right: -6px
        top: -10px
        display: none
    /*&:hover .js_publish*/
    /*     display: block*/

::selection
    background: rgba(150, 150, 220, 0.3)

.logo-img
    width: 220px