

/* customizer previews */
.default_page_section {
    border-bottom: 1px solid rgba(0,0,0,.4);
}

/* shortlinks to scroll to section */
.default_page_section a.shortlink {
    font-size: smaller;
    font-weight: 400;
}
.default_page_section a.shortlink + .sep {
    font-weight: 100;
    opacity: 0.4;
    margin: 0 16px;
}
.default_page_section a.shortlink + .sep:last-child {
    display: none;
}

/* typo preview */
.branding_typo > div {
    padding-right: 8px;
}
.branding_typo span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.branding_typo h3 {
    font-family: inherit;
}
.branding_typo .branding_typo1 { font-family: var(--fontFamily1); }
.branding_typo .branding_typo2 { font-family: var(--fontFamily2); }
.branding_typo .branding_typo3 { font-family: var(--fontFamily3); }

/* color preview */
.default_page_section#anchor_colors .branding_colors {
    position: relative;
    max-width: 600px;
    display: flex;
    flex-wrap: wrap;
}
@media (max-width: 400px) {
    .default_page_section#anchor_colors .branding_color {
        font-size: smaller;
    }
}
.default_page_section#anchor_colors .branding_color {
    position: relative;
    display: inline-block;
    width: 28%;
    margin: 0 30px 20px 0;
}
.default_page_section#anchor_colors .branding_color > p {
    margin-top: 10px;
}
.default_page_section#anchor_colors .branding_color > div {
    height: 0;
    width: 100%;
    padding-top: 100%;
}
.branding_color.color11 > div, .legend .tile.color11 { background-color: var(--color11) !important; }
.branding_color.color12 > div, .legend .tile.color12 { background-color: var(--color12) !important; }
.branding_color.color13 > div, .legend .tile.color13 { background-color: var(--color13) !important; }
.branding_color.color21 > div, .legend .tile.color21 { background-color: var(--color21) !important; }
.branding_color.color22 > div, .legend .tile.color22 { background-color: var(--color22) !important; }
.branding_color.color23 > div, .legend .tile.color23 { background-color: var(--color23) !important; }
.branding_color.color31 > div, .legend .tile.color31 { background-color: var(--color31) !important; }
.branding_color.color32 > div, .legend .tile.color32 { background-color: var(--color32) !important; }
.branding_color.color33 > div, .legend .tile.color33 { background-color: var(--color33) !important; }
.branding_color.color41 > div, .legend .tile.color41 { background-color: var(--color41) !important; }
.branding_color.color42 > div, .legend .tile.color42 { background-color: var(--color42) !important; }
.branding_color.color43 > div, .legend .tile.color43 { background-color: var(--color43) !important; }
.branding_color.color51 > div, .legend .tile.color51 { background-color: var(--color51) !important; }
.branding_color.color52 > div, .legend .tile.color52 { background-color: var(--color52) !important; }
.branding_color.color53 > div, .legend .tile.color53 { background-color: var(--color53) !important; }
.branding_color.color61 > div, .legend .tile.color61 { background-color: var(--color61) !important; }
.branding_color.color62 > div, .legend .tile.color62 { background-color: var(--color62) !important; }

/* Preview Body */
.default_page_section#anchor_body p.breakpoint {
    display: none;
}
@media (max-width: var(grid_xl)) and (min-width: var(grid_lg)) {
    .default_page_section#anchor_body p.breakpoint.lg { display: block; }
}
@media (max-width: var(grid_lg)) and (min-width: var(grid_md)) {
    .default_page_section#anchor_body p.breakpoint.md { display: block; }
}
@media (max-width: var(grid_md)) and (min-width: var(grid_sm)) {
    .default_page_section#anchor_body p.breakpoint.sm { display: block; }
}
@media (max-width: var(grid_sm)) {
    .default_page_section#anchor_body p.breakpoint.xs { display: block; }
}

/* Preview Headlines */
.default_page_section#anchor_headlines .headline_size {
    display: inline-block;
    font-size: 1rem;
    font-weight: normal;
    width: 200px;
}
@media (max-width: var(grid_md)) {
    .default_page_section#anchor_headlines .headline_size{
        font-size: .8rem;
        width: 60px;
    }
}

/* Preview Buttons */
.default_page_section .button {
    margin-bottom: var(--BTNmargin) !important;
}

/* Preview Grid */
.default_page_section#anchor_grid {
    border: none;
}
.default_page_section#anchor_grid [class*=row].color_row {
    background-color: var(--color22);
}
.default_page_section#anchor_grid [class*=row].color_row .vc_column-inner {
    background-color: var(--color11);
    border-right: 1px solid var(--color62);
}
.default_page_section#anchor_grid [class*=row].color_row .vc_column-inner .wpb_wrapper {
    background-color: var(--color21);
    height: 30px;
}
.default_page_section#anchor_grid .tile {
    display: inline-block;
    height: 16px;
    width: 16px;
    margin: 0 8px 16px 0;
    vertical-align: text-top;
}
