/*@import url(https://fonts.googleapis.com/css?family=Dosis:600,300);*/
/*@import url(https://fonts.googleapis.com/css?family=Lato);*/

/*html body {*/
    /*font-size: 1em;*/
    /*font-family: Dosis, Lato, 'Helvetica Neue', Arial;*/
    /*font-weight: 300;*/
/*}*/

/*html body h1, html body h2,*/
/*html body h3, html body h4,*/
/*html body h5, html body h6 {*/
    /*font-weight: 600;*/
/*}*/

/*html body .sub-font {*/
    /*font-family: Lato, 'Helvetica Neue', Arial;*/
    /*font-weight: 400;*/
/*}*/ 

/*
 == Page Container ==
*/
.wizard-page.container {
    margin: 0 auto;
}
.cwb-wizard-header {
    display: table;
    padding-top: 1em;
    position: relative;
    table-layout: auto;
    width: 100%;
}

.step-description-container {
    background-color: rgba(94, 13, 18, 0.15);
    border-top: 0.25em solid #5e0d12;
    bottom: 0.666em;
    left: calc(200px + 3em);
    line-height: 1.666em;
    padding: 0.75em 1em 1em;
    position: absolute;
    width: calc(100% - 200px - 6.5em);
}

/*
 == Header ==
*/
.cwb-wizard-header > .block {
    border: medium none;
    display: table-cell;
    vertical-align: top;
}

/*!* @see http://www.hongkiat.com/blog/css-retina-display/ for next two media queries. *!*/
/*!* Move menu below the logo in mobile/tablet or narrow-width browser. *!*/
/*@media  only screen and (-webkit-min-device-pixel-ratio: 1.5),*/
        /*only screen and (   min--moz-device-pixel-ratio: 1.5),*/
        /*only screen and (     -o-min-device-pixel-ratio: 3/2),*/
        /*only screen and (        min-device-pixel-ratio: 1.5),*/
        /*only screen and (min-resolution: 192dpi),*/
        /*(max-width: 466px) {*/

    /*.cwb-wizard-header > .block {*/
        /*display: block;*/
        /*vertical-align: inherit;*/
    /*}*/
/*}*/

/* TODO: Configure this rule to apply only on mobile devices. */
/*!* Bump up the font size for mobile/tablet *!*/
/*@media  only screen and (-webkit-min-device-pixel-ratio: 1.5),*/
        /*only screen and (   min--moz-device-pixel-ratio: 1.5),*/
        /*only screen and (     -o-min-device-pixel-ratio: 3/2),*/
        /*only screen and (        min-device-pixel-ratio: 1.5),*/
        /*only screen and (max-resolution: 192dpi) {*/
    /*form input, form select, form textarea, form body {*/
        /*font-size: 2em;*/
    /*}*/
/*}*/

#block-cwb-wizard-wizard-logo > .block-content {
    padding: 0.5em 1em;
}

#block-menu-wizard-menu {
    width: 100%;
}

#block-menu-wizard-menu .cwb-wizard-menu li {
    border-bottom: 2px solid #5E0D12;
    display: inline-block;
    margin:0 0.5em 1em;
    min-width: 3em;
    position: relative;
    text-align: center;
    vertical-align: top;
}

#block-menu-wizard-menu .cwb-wizard-menu li:hover {
    background-color: #eeeeee;
}

#block-menu-wizard-menu .cwb-wizard-menu li:hover:not(.active-trail)::before {
    bottom: -1em;
    content: "step";
    font-family: Lato;
    font-size: 1.575em;
    left: 0;
    letter-spacing: 2.5px;
    line-height: 1em;
    opacity: 0.5;
    position: absolute;
    width: 100%;
}
@media(max-width: 933px) {
    #block-menu-wizard-menu .cwb-wizard-menu li {
        min-width: 1em;
    }
    #block-menu-wizard-menu .cwb-wizard-menu li:hover:not(.active-trail)::before,
    #block-menu-wizard-menu .cwb-wizard-menu li.active-trail::before {
        font-size: 1em;
    }
}

#block-menu-wizard-menu .cwb-wizard-menu li.active-trail::before {
    color: #5E0D12;
    opacity: 1.0;
}

#block-menu-wizard-menu .cwb-wizard-menu li.active-trail {
    background-color: #5E0D12;
}

#block-menu-wizard-menu .cwb-wizard-menu li.active-trail .step-label {
    color: #ffffff;
}

#block-menu-wizard-menu .cwb-wizard-menu li:not(.active-trail):hover a::before {
    border-left: 1em solid transparent;
    border-right: 1em solid transparent;
    border-top: 1em solid;
    bottom: -2.75em;
    color: rgba(94, 13, 18, 0.15);
    content: "";
    left: calc(50% - 1em);
    position: absolute;
    transform: scale(0.999);        /* Invoke GPU in order to sharpen delta shape. */
}

#block-menu-wizard-menu .cwb-wizard-menu li.active-trail a::before {
    border-left: 1em solid transparent;
    border-right: 1em solid transparent;
    border-bottom: 1em solid;
    bottom: -2.8em;
    /*bottom: -2.675em;*/
    color: #5e0d12;
    content: "";
    left: calc(50% - 1em);
    position: absolute;
    transform: scale(0.999);        /* Invoke GPU in order to sharpen delta shape. */
}

.wizard-page.content {
    display: table;
    table-layout: auto;
    width: 100%;
}

.wizard-page.content > .wizard-page {
    display: table-cell;
    padding: 0.5em;
}


/*
 == Main Content ==
*/
#wizard-main-content {
    min-width: 66.6%;
    width: 100%;
}

#block-cwb-wizard-social-media #socialmedia-setup-4-form #settings {
    float: none;
}


/*
 == Main Content: Social Media ==
*/
#socialmedia-setup-4-form > div > fieldset {
    float: left;
    margin: 0.25em;
    min-width: 300px;
    width: calc(50% - 0.5em - 2px);
}

/*
 == Elements ==
*/
img {
    height: auto;
}


/*
 == Classes ==
*/
.step-label {
    color: #5E0D12;
    font-size: 3em;
    line-height: 1.29em;
}
@media(max-width: 933px) {
    .step-label {
        font-size: 2em;
    }
}

.cwb-menu-link {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

#wizard-main-content .step-label {
    padding: 1em;
}

.red-bg {
    background-image: url("/sites/all/modules/custom/cwb_wizard/images/lg_red_circle.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

h2.description {
    color: #ffffff;
    font-size: 2em;
}

.step-info {
    color: #ffffff;
}

blockquote.wizard-info-info {
    border-left: 1px solid #dddddd;
    margin-left: 2.5rem;
    padding: 0.5em;
    position: relative;
}

blockquote.wizard-info-info::before {
    color: #BB1D04;
    content:'\e05b';
    font-family: font-awesome;
    font-size: 2rem;
    left: -2.5rem;
    position: absolute;
    top: calc(50% - 1rem);
}

fieldset.social-media-fieldset-blank {
    border: none;
    border-left: 0.25em solid #bb1d04;
    box-shadow: 0 0 1px #dddddd;
}

.elfinder-browser {
    border-left: 1px solid;
    cursor: pointer;
    font-size: 1.25em;
    padding: 0 0.125em;
    vertical-align: middle;
}

.elfinder-callout:hover {
    box-shadow: 0 0 0 1px;
}

.elfinder-callout:active {
    opacity: 0.8;
}

.form-item input.elf-text-size[size] {
    min-width: 200px;
    width: calc(100% - 2.333em);
}

.theme-default-right {
   float: right;
}

.theme-default-left {
    float: left;
}

.favicon_path-preview {
    max-height: 64px;
}

i.footnote {
    background: #fcfcdc none repeat scroll 0 0;
    border-bottom: 1px solid #dddddd;
}

.wizard-user-time {
    display: inline-block;
    margin: 1em 0px;
    padding: 1em;
    box-shadow: 0px 0px 1px 0px inset;
}
.wizard-user-time b {
    color: #bb1d04;
    font-size: 2em;
}

.hide {
    /*display: none;*/
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: -1000px;
    width: 1px;
    z-index: -1000;
}

.pure-u-11-24.pure-tile,
.pure-u-7-24.pure-tile,
.pure-u-sm-11-24.pure-tile,
.pure-u-sm-7-24.pure-tile,
.pure-u-md-11-24.pure-tile,
.pure-u-md-7-24.pure-tile,
.pure-u-lg-11-24.pure-tile,
.pure-u-lg-7-24.pure-tile,
.pure-u-xl-11-24.pure-tile,
.pure-u-xl-7-24.pure-tile {
    background-color: #f6f6f6;
    border-bottom: 2px solid #008456;
    margin-right: calc(4.1666% - 1em);
    padding: 0.5em 0.5em 0;
    vertical-align: top;
}

.profile-wrapper .form-item.form-type-checkbox label {
    font-weight: 600;
}
.profile-icon {
    float: right;
    padding-bottom: 0.5em;
}

.wizard-page .body-item label,
.wizard-page .body-item .description,
.wizard-page .form-item label,
.wizard-page .description,
.fieldset div.description,
.wizard-page .item-list h3,
.wizard-page .block .block-title,
.wizard-page .block-title,
.wizard-page .fieldset-title,
.wizard-page .collapsible .fieldset-legend a {
    font-size: inherit;
}

.wizard-page .block-cwb-wizard > .block-title,
.wizard-page .form-wrapper.form-actions input {
    background-color: #5e0d12;
    color: #ffffff;
    opacity: 0.8;
}
.wizard-page .block-cwb-wizard.active-block > .block-title,
.wizard-page .block-cwb-wizard.active-block .form-wrapper.form-actions input {
    opacity: 1.0;
}
.wizard-page .form-wrapper.form-actions input {
    width: 100%;
}
.wizard-page .form-wrapper.form-actions {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    padding-top: 0;
}
.wizard-page .block-cwb-wizard {
    border-color: #5e0d12;
}

.inline-message {
    display: inline;
}

/* Force hiding of duplicate actions div. */
.form-layout-default .column-main .column-wrapper > .form-actions[style*="display: block"] {
    display: none !important;
}

.step-description {
    display: none;
}
.step-description.active-description {
    display: block;
}

.wizard-page .form-type-bef-checkbox {
    display: inline-block;
}

.wizard-page .pane-title {
    border-bottom: 1px solid #008457;
    font-size: 1.25em;
    margin-bottom: 0.333em;
}

.wizard-page .cwb-admin-caret li::before {
    color: #008457;
    content: "m";
    font-family: font-awesome;
    vertical-align: text-bottom;
}

.wizard-page .action-links {
    float: right;
    font-size: 1em;
    line-height: 2em;
    margin: 0.5em 0.5em 0;
    padding: 0;
    position: relative;
    z-index: 1000;
}