/* Extra Styles for Blog Posts
================================================== */

.wp-caption {max-width: 100%;}
.entry-content ul, .entry-content ol, .entry-content dd {font-size: 16px;}
.entry-content ul ul, .entry-content ol ul {list-style-type: disc;}
.entry-content dt {text-transform: uppercase; margin-top: 20px;}
.entry-content h4 {margin-top: 15px;}
figure.aligncenter {margin: 15px auto;}

ol.pstyle { -webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 20px;
font-weight: bold;
}
ol.pstyle > li {}

ol.h4style {font-family: "Museo Sans W01 700"; font-size: 18px; padding: 0 0 0 0; list-style-position:inside;}
ol.h4style > li h4 {display: inline-block;}

/* Table in a Post
================================================== */

.entry-content table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    width: 100%;
    margin-bottom: 30px;
}

.entry-content th,
.entry-content td {
    padding: 2%;
    margin: 0;
    line-height: 120%;
    border-bottom: none;
}

.entry-content thead {
    vertical-align: bottom;
    white-space: normal;
}

.entry-content th {
    font-weight: bold;
    color: #fff;
    text-align: left;
    background: #553D1A;
}

.entry-content table tbody > tr:nth-child(odd) > td {
    background: #F9F3EB;
}

.entry-content table.coral th {
    background: #FA7D58;
}

.entry-content table.coral tbody > tr:nth-child(odd) > td {
    background: #FEE5DD;
}

.entry-content table.coral th,
.entry-content table.coral td {
    border-bottom: none;
}

/* Responsive Table 
================================================== */

@media screen and (max-width: 600px) {
	.responsivetable {width: 100%; max-width: 100%; margin: 0 auto 40px;}
   .responsivetable table, .responsivetable tr, .responsivetable td {display: block; width: 100%; min-width: 345px; border:none; text-align: center;}
   .responsivetable table {margin-bottom: 0;}
   .responsivetable td {white-space: normal;}
   .responsivetable td:first-child {font-weight: bold; padding: 4% 1% 1%}
   .responsivetable td:not(:first-child) {padding: 1%;}
   .responsivetable td:last-child {padding: 1% 1% 4%;}
   .responsivetable tr {padding: 0;}
	.responsivetable thead { display: none; }
}

/* Logo Update
================================================== */

.navbar-header .navbar-brand {
    background: url(https://www.berries.com/wp-content/uploads/2017/08/sharisberries.png) no-repeat center!important;
    background-size: 132px 50px!important;
    height: 59px!important;
	margin-top: 0!important;
}

/* change height for social feed on home page */
.social-feed #feed-wrapper .at_posts_grid article {
    background: rgba(255,255,255,0.75);
    max-height: 350px;
    overflow: hidden;
}
.at_posts_grid .twitter {
	display: none;
}

@media (min-width: 768px) {
	.chrome .navbar-brand {
	    background: url('https://berries.wpengine.com/wp-content/uploads/2017/08/Sharis-Berries-final-logo-RGB.jpg') no-repeat center!important;
	    background-size: 185px 70px!important;
    	height: 75px!important;
	    width: 185px!important;
	}
.navbar-header .navbar-brand {
    background: transparent url(https://www.berries.com/wp-content/themes/berries/assets/img/berries-icons.svg) no-repeat -390px 14px!important;
    border-right: solid 1px #fff!important;
    height: 50px!important;
	}
}

/* Summary Box in a Post
================================================== */

.summary-box {
	background-color: #f7f7f7;
	line-height: 24px;
	margin: 30px 0;
	padding: 20px 34px;
	border-style: solid;
	border-top-width: 0;
	border-bottom-width: 0;
	border-left-width: 3px;
	border-right-width: 3px;
	border-color: #fe637c;
}
.summary-box span.summary-title {
	font-family: "Museo Sans W01 500";
	font-size: 17px;
	font-weight: bold;
	color: #fe637c;
	display: block;
}
.summary-box p {
	margin-bottom: 0;
}