/* Logo Start */
#story-builder-logo {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
	width: 230px;
	height: 131px;
	padding: 13px 0 0;
    position: fixed;
    top: 0px;
    left: 40px;
    z-index: 501;
	box-sizing: border-box;
	background: url(/cms/lib/TX01918778/Centricity/Template/20/logo-badge.png) no-repeat center center;
}
#cs-nav-point-menu-outer #story-builder-logo {
	left: 40px;
    position: absolute;
	top: 0;
}
#story-builder-logo a {
	display: block;
    height: 100%;
}
#story-builder-logo img {
	display: block;
	max-width: 170px;
	max-height: 95px;
}
/* Logo End */

/* List View Start */
.ui-widget.app.story-builder .ui-articles > li {
	margin-bottom: 20px;
}
.ui-widget.app.story-builder .ui-article {
	box-shadow: 1px 1px 8px rgba(0, 0, 0, .15);
    padding: 25px;
    background: #FFF;
}
.ui-widget.app.story-builder .ui-article-title a {
	font: 400 20px/1.35 'Roboto Slab', serif;
    color: #72adba;
}
.ui-widget.app.story-builder .ui-article-date {
	text-transform: uppercase;
    font: 400 12px/2 'Roboto', sans-serif;
    color: #646667;
}
.ui-widget.app.story-builder .ui-article-description {
	font: 400 16px/1.56 'Roboto', sans-serif;
    color: #646667;
}
.ui-widget.app.story-builder .ui-article-thumb .img {
	margin: 0px 20px 10px 0px;
}
.ui-widget.app.story-builder .ui-article-thumb .img img {
	max-width: 100%;
    height: auto;
}
/* List View End */

/* Detail Page Start */
.ui-widget.app.story-builder.detail #cs-nav-point-menu-outer {
	background: #72adba;
    padding: 0px 40px;
}
.ui-widget.app.story-builder.detail #cs-nav-point-menu {
	background: #72adba;
    padding-left: 250px;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.ui-widget.app.story-builder.detail #cs-nav-point-menu a {
	color: #FFF;
    font: 400 18px/1.2 'Roboto Slab', serif;
    margin: 0px;
    padding: 25px 13px;
    -webkit-transition: background .3s ease 0s;
    transition: background .3s ease 0s;
    border: 0px;
}
.ui-widget.app.story-builder.detail #cs-nav-point-menu a.active,
.ui-widget.app.story-builder.detail #cs-nav-point-menu a:hover,
.ui-widget.app.story-builder.detail #cs-nav-point-menu a:focus {
    background: #646667;
    border: 0px;
}
@media (max-width: 1023px) {
	.ui-widget.app.story-builder.detail #cs-nav-point-menu-outer {
    	padding: 0px;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .ui-widget.app.story-builder.detail #cs-nav-point-menu {
    	padding-left: 0px;
    }
    #cs-nav-point-menu-outer #story-builder-logo {
    	display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
    	width: 150px;
        height: auto;
        padding: 8px;
        background: #FFF;
        position: relative;
        top: auto;
        left: auto;
        z-index: auto;
    }
    #cs-nav-point-menu-outer #story-builder-logo img {
        max-width: 100%;
        max-height: 100%;
    }
    #cs-grapes-html > #story-builder-logo {
    	position: relative;
        top: auto;
        left: auto;
        width: 100%;
        background: none;
        height: 90px;
		padding: 8px;
	}
    #cs-grapes-html > #story-builder-logo img {
        display: block;
        max-width: 100%;
        max-height: 100%;
    }
}
@media (max-width: 767px) {
	.ui-widget.app.story-builder.detail #cs-nav-point-menu a {
    	padding: 10px;
    }
}
@media (max-width: 639px) {
	.ui-widget.app.story-builder.detail #cs-nav-point-menu a {
    	padding: 5px 10px;
        font-size: 15px;
    }
    .ui-widget.app.story-builder.detail #cs-nav-point-menu-outer {
    	-webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .ui-widget.app.story-builder.detail #cs-nav-point-menu {
    	-webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    #cs-nav-point-menu-outer #story-builder-logo {
    	width: 100%;
        height: 70px;
    }
}
/* Detail Page End */