<?php

$IS_CSS_FILE = true;
include '../../engine/inc.page.php';
$s = &$berta->template->settings;

$expires = 60 * 60 * 24 * 1;	// 1 day
header('Pragma: public');
header('Cache-Control: max-age=' . $expires);
header('Expires: ' . gmdate('D, d M Y H:i:s', time() + $expires) . ' GMT');
if ($lastMod = $berta->settings->get('berta', 'lastUpdated')) {
    header('Last-Modified: ' . $lastMod);
}
header('Content-Type: text/css');

if (! 1) { ?><style type="text/css"><?php } ?>

body {
    color: <?php echo $s->get('generalFontSettings', 'color') ?>;
    font-family: <?php echo $s->getFont('generalFontSettings') ?>;
    font-size: <?php echo $s->get('generalFontSettings', 'fontSize') ?>;
    font-weight: <?php echo $s->get('generalFontSettings', 'fontWeight') ?>;
    font-style: <?php echo $s->get('generalFontSettings', 'fontStyle') ?>;
    font-variant: <?php echo $s->get('generalFontSettings', 'fontVariant') ?>;
    line-height: <?php echo $s->get('generalFontSettings', 'lineHeight') ?>;

    background-color: <?php echo $s->get('background', 'backgroundColor') ?>;
	<?php if ($s->get('background', 'backgroundImageEnabled') == 'yes') { ?>
		<?php if ($s->get('background', 'backgroundImage')) { ?>
			background-image:url(<?php echo Berta::$options['MEDIA_ABS_ROOT'] . $s->get('background', 'backgroundImage') ?>);
		<?php } ?>
		background-repeat: <?php echo $s->get('background', 'backgroundRepeat') ?>;
        background-position: <?php echo $s->get('background', 'backgroundPosition') ?>;
        <?php
        $bgAttachment = $s->get('background', 'backgroundAttachment');
	    if ($bgAttachment == 'fill') { ?>
            background-size: cover;
            background-attachment: fixed;
        <?php } else { ?>
            background-attachment: <?php echo $bgAttachment ?>;
        <?php }
        } ?>
}

body:not(.bt-responsive):not(.bt-auto-responsive) #contentContainer.xCentered {
    width: <?php echo $s->get('pageLayout', 'centeredWidth') ?>;
}

a:link {
    color: <?php echo $s->get('links', 'colorLink') ?>;
    text-decoration: <?php echo $s->get('links', 'textDecorationLink') ?>;
}
a:visited {
    color: <?php echo $s->get('links', 'colorVisited') ?>;
    text-decoration: <?php echo $s->get('links', 'textDecorationVisited') ?>;
}
a:hover {
    color: <?php echo $s->get('links', 'colorHover') ?>;
    text-decoration: <?php echo $s->get('links', 'textDecorationHover') ?>;
}
a:active {
    color: <?php echo $s->get('links', 'colorActive') ?>;
    text-decoration: <?php echo $s->get('links', 'textDecorationActive') ?>;
}

.xCenteringGuide {
    <?php if ($s->get('pageLayout', 'centeringGuidesColor') == 'dark') { ?>
        background-color: rgba(0,0,0,0.5);
    <?php } else { ?>
        background-color: rgba(255,255,255,0.5);
    <?php } ?>
    width: <?php echo $s->get('pageLayout', 'centeredWidth') ?>;
}

#contentContainer h1 {
    color: <?php echo $s->get('heading', 'color') ?>;
    font-family: <?php echo $s->getFont('heading') ?>;
    font-size: <?php echo $s->get('heading', 'fontSize') ?>;
    font-weight: <?php echo $s->get('heading', 'fontWeight') ?>;
    font-style: <?php echo $s->get('heading', 'fontStyle') ?>;
    font-variant: <?php echo $s->get('heading', 'fontVariant') ?>;
    line-height: <?php echo $s->get('heading', 'lineHeight') ?>;
    position: <?php echo $s->get('heading', 'position') ?> !important;
}

h1 a,
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:active {
    color: <?php echo $s->get('heading', 'color') ?> !important;
}

.social-icon path {
    fill: <?php echo $s->get('socialMediaLinks', 'color') ?>;
}

.bt-sections-menu > ul > li {
    font-family: <?php echo $s->getFont('menu') ?>;
    font-size: <?php echo $s->get('menu', 'fontSize') ?>;
    font-weight: <?php echo $s->get('menu', 'fontWeight') ?>;
    font-style: <?php echo $s->get('menu', 'fontStyle') ?>;
    line-height: <?php echo $s->get('menu', 'lineHeight') ?>;
    position: <?php echo $s->get('menu', 'position') ?> !important;
}

.bt-sections-menu > ul > li a:link,
.bt-sections-menu > ul > li a:visited {
    color: <?php echo $s->get('menu', 'colorLink') ?>;
    text-decoration: <?php echo $s->get('menu', 'textDecorationLink') ?>;
}

.bt-sections-menu > ul > li a:hover,
.bt-sections-menu > ul > li a:active {
    color: <?php echo $s->get('menu', 'colorHover') ?>;
    text-decoration: <?php echo $s->get('menu', 'textDecorationHover') ?>;
}

.bt-sections-menu > ul > li.selected > a {
    color: <?php echo $s->get('menu', 'colorActive') ?> !important;
    text-decoration: <?php echo $s->get('menu', 'textDecorationActive') ?> !important;
}

.bt-sections-menu .subMenu {
    left: <?php echo $s->get('tagsMenu', 'x') ?>;
    top: <?php echo $s->get('tagsMenu', 'y') ?>;
}

.bt-sections-menu .subMenu li {
    font-family: <?php echo $s->getFont('tagsMenu') ?>;
    font-size: <?php echo $s->get('tagsMenu', 'fontSize') ?>;
    font-weight: <?php echo $s->get('tagsMenu', 'fontWeight') ?>;
    font-style: <?php echo $s->get('tagsMenu', 'fontStyle') ?>;
    line-height: <?php echo $s->get('tagsMenu', 'lineHeight') ?>;
}

.bt-sections-menu .subMenu li a:link,
.bt-sections-menu .subMenu li a:visited {
    color: <?php echo $s->get('tagsMenu', 'colorLink') ?>;
    text-decoration: <?php echo $s->get('tagsMenu', 'textDecorationLink') ?>;
}

.bt-sections-menu .subMenu li a:hover,
.bt-sections-menu .subMenu li a:active {
    color: <?php echo $s->get('tagsMenu', 'colorHover') ?>;
    text-decoration: <?php echo $s->get('tagsMenu', 'textDecorationHover') ?>;
}

.bt-sections-menu .subMenu li.selected > a {
    color: <?php echo $s->get('tagsMenu', 'colorActive') ?> !important;
    text-decoration: <?php echo $s->get('tagsMenu', 'textDecorationActive') ?> !important;
}

#pageEntries .xEntry {
    max-width: <?php echo $s->get('entryLayout', 'contentWidth') ?>;
}

#pageEntries .xEntry h2 {
    color: <?php echo $s->get('entryHeading', 'color') ?>;
    font-family: <?php echo $s->getFont('entryHeading') ?>;
    font-size: <?php echo $s->get('entryHeading', 'fontSize') ?>;
    font-weight: <?php echo $s->get('entryHeading', 'fontWeight') ?>;
    font-style: <?php echo $s->get('entryHeading', 'fontStyle') ?>;
    font-variant: <?php echo $s->get('entryHeading', 'fontVariant') ?>;
    line-height: <?php echo $s->get('entryHeading', 'lineHeight') ?>;
    margin: <?php echo $s->get('entryHeading', 'margin') ?>;
}

#pageEntries .xEntry .xGalleryContainer {
    margin-bottom: <?php echo $s->get('entryLayout', 'galleryMargin') ?>;
}

#pageEntries .xEntry .xGalleryType-slideshow .xGallery {
    margin-bottom: <?php echo $s->get('entryLayout', 'galleryNavMargin') ?>;
}

#pageEntries .xEntry .xGalleryType-column .xGalleryItem {
    padding-bottom: <?php echo $s->get('entryLayout', 'spaceBetweenImages') ?>;
}

#pageEntries .xEntry .xGalleryType-row:not(.bt-gallery-has-one-item) .xGalleryItem {
    margin-right: <?php echo $s->get('entryLayout', 'spaceBetweenImages') ?>;
}

#pageEntries .xEntry .xGalleryContainer ul.xGalleryNav a {
    color: <?php echo $s->get('menu', 'colorLink') ?>;
    text-decoration: <?php echo $s->get('menu', 'textDecorationLink') ?>;
}

#pageEntries .xGalleryContainer ul.xGalleryNav li a:hover {
    color: <?php echo $s->get('menu', 'colorHover') ?>;
    text-decoration: <?php echo $s->get('menu', 'textDecorationHover') ?>;
}

#pageEntries .xGalleryContainer ul.xGalleryNav li.selected a {
    color: <?php echo $s->get('menu', 'colorActive') ?>;
    text-decoration: <?php echo $s->get('menu', 'textDecorationActive') ?>;
}

#additionalText {
    color: <?php echo $s->get('additionalText', 'color') ?>;
    font-family: <?php echo $s->getFont('additionalText') ?>;
    font-size: <?php echo $s->get('additionalText', 'fontSize') ?>;
}

#xBackground #xBackgroundLoader {
    background: url(layout/loader_<?php echo $s->get('pageLayout', 'bgButtonType') ?>.gif) no-repeat;
}

#xBackground .visual-caption {
    width: <?php echo $s->get('entryLayout', 'contentWidth') ?>;
    margin-left: -<?php echo intval($s->get('entryLayout', 'contentWidth')) / 2 ?>px;
}

#xBackground #xBackgroundRight {
    <?php if (preg_match('/msie/i', $DEVICE_USER_AGENT)) { ?>
        cursor: url(layout/arrow_right_<?php echo $s->get('pageLayout', 'bgButtonType') ?>.cur), pointer;
    <?php } else { ?>
        cursor: url(layout/arrow_right_<?php echo $s->get('pageLayout', 'bgButtonType') ?>.gif), pointer;
    <?php } ?>
}

#xBackground #xBackgroundLeft {
    <?php if (preg_match('/msie/i', $DEVICE_USER_AGENT)) { ?>
        cursor: url(layout/arrow_left_<?php echo $s->get('pageLayout', 'bgButtonType') ?>.cur), pointer;
    <?php } else { ?>
        cursor: url(layout/arrow_left_<?php echo $s->get('pageLayout', 'bgButtonType') ?>.gif), pointer;
    <?php } ?>
}

#xBackground #xBackgroundRightCounter,
#xBackground #xBackgroundLeftCounter {
    color: <?php echo $s->get('heading', 'color') ?>;
    font-family: <?php echo $s->getFont('heading') ?>;
    font-size: <?php echo $s->get('heading', 'fontSize') ?>;
    font-weight: <?php echo $s->get('heading', 'fontWeight') ?>;
    font-style: <?php echo $s->get('heading', 'fontStyle') ?>;
    font-variant: <?php echo $s->get('heading', 'fontVariant') ?>;
    line-height: <?php echo $s->get('heading', 'lineHeight') ?>;
}

#xBackground #xBackgroundRightCounter .counterContent {
    <?php if (preg_match('/msie/i', $DEVICE_USER_AGENT)) { ?>
        cursor: url(layout/arrow_right_<?php echo $s->get('pageLayout', 'bgButtonType') ?>.cur), pointer;
    <?php } else { ?>
        cursor: url(layout/arrow_right_<?php echo $s->get('pageLayout', 'bgButtonType') ?>.gif), pointer;
    <?php } ?>
}

#xBackground #xBackgroundLeftCounter .counterContent {
    <?php if (preg_match('/msie/i', $DEVICE_USER_AGENT)) { ?>
        cursor: url(layout/arrow_left_<?php echo $s->get('pageLayout', 'bgButtonType') ?>.cur), pointer;
    <?php } else { ?>
        cursor: url(layout/arrow_left_<?php echo $s->get('pageLayout', 'bgButtonType') ?>.gif), pointer;
    <?php } ?>
}

#xBackgroundNext a,
#xBackgroundPrevious a {
    background: url(layout/bg_nav_buttons_<?php echo $s->get('pageLayout', 'bgButtonType') ?>.png);
}

#xGridView {
    left: <?php echo (100 - intval($s->get('grid', 'contentWidth'))) / 2 ?>%;
    right: <?php echo (100 - intval($s->get('grid', 'contentWidth'))) / 2 ?>%;
    width: <?php echo $s->get('grid', 'contentWidth') ?>;
}

#xGridViewTriggerContainer a {
    background: url('layout/bg_nav_buttons_<?php echo $s->get('pageLayout', 'bgButtonType') ?>.png');
}

.portfolioThumbnailsWrap {
    margin: <?php echo $s->get('pageLayout', 'menuMargin') ?>;
}

.bt-responsive #contentContainer {
    max-width: <?php echo $s->get('pageLayout', 'centeredWidth') ?>;
}

.bt-responsive #contentContainer h1 {
    margin: <?php echo $s->get('pageLayout', 'headingMargin') ?>;
}

.bt-responsive .bt-sections-menu {
    margin: <?php echo $s->get('pageLayout', 'menuMargin') ?>;
}

.bt-auto-responsive #contentContainer.xCentered {
    max-width: <?php echo $s->get('pageLayout', 'centeredWidth') ?>;
}

@media (max-width: 767px) {

    .bt-responsive #pageEntries .xEntry .xGalleryType-row:not(.bt-gallery-has-one-item) .xGallery .xGalleryItem,
    .bt-auto-responsive #pageEntries .xEntry .xGalleryType-row:not(.bt-gallery-has-one-item) .xGallery .xGalleryItem {
        padding-bottom: <?php echo $s->get('entryLayout', 'spaceBetweenImages') ?>;
    }

    .bt-auto-responsive #contentContainer {
        max-width: <?php echo $s->get('pageLayout', 'centeredWidth') ?>;
    }

    .bt-auto-responsive #contentContainer h1 {
        margin: <?php echo $s->get('pageLayout', 'headingMargin') ?>;
    }

    .bt-auto-responsive .bt-sections-menu {
        margin: <?php echo $s->get('pageLayout', 'menuMargin') ?>;
    }

}

<?php if (! 1) { ?></style><?php } ?>
