/*Global Style*/
.row {max-width:75rem;}
header#siteheader {padding: 2% 0;}

#recentBlogCollections, #recentClipSets   {display:none}

div.flexslider {margin: 0 auto; text-align: center; width: 75%;}  /* flexslider  V2*/
@media screen and (max-width: 860px) {div.flexslider {width: 100%;}}

/* center  embedded YouTube on blog page only */
#blogEntryPage .fluid-width-video-wrapper-container {display:block; margin:auto; }

/* center  embedded YouTube on blog page only */
#databaseRecordPage .h-content-details-row .h-record-field-value iframe { display: block; margin: auto; }

/* center  embedded YouTube on blog page only */
#forumTopicPage .fluid-width-video-wrapper-container {display:block; margin:auto; }

/*.middot-delimited-list {display:none;} */  /* suppress breadcrumb list  V2*/
  div.small-8.columns.text-left.h-home-menu-title-column   {display:none;} 
#createForumTopicPage .section-box.h-primary-picture-section  {display:none;}  /* suppress title image  V2*/
#group_createForumTopicPage .section-box.h-primary-picture-section  {display:none;}  /* suppress title image  V2*

/* Custom Header Sizes  added 7/29/20 */
h1  {font-size: 1.35rem; font-weight:bold}
h2  {font-size: 1.15rem;}
h3  {font-size: 1.05rem;}
h4  {font-size: 1rem;}

#commentsForBLOG_ENTRYContainer  time.datetime.hide-for-small-only {display: inline !important;}

/* Centering nav  */
nav.top-bar {
  text-align: center;
}

section.top-bar-section > ul.right {
  float: none !important;
  display: inline-block;
}

/* End Centering nav ; transform menu   */



/* photo crop display */
.cropped-image-container, .title-image-container {
  background-position: top;
}
/* end photo display */


/*top menu bar  - Changed for new site*/
#aafa-top-menu {
background-color: #008c99;  /* color change TDC */
padding:10px; 
color:#ffffff; 
width:100%; 
display:none;  /* Added by TDC */
}
.aafa-top-menu-link {margin-right:15px;} /* Added by TDC */
.aafa-top-menu-link a { color:#8ae8ff;; }
.aafa-top-menu-link a:hover { text-decoration: underline; }

/* Changed by TDC */
.aafa-header-title-block { background-color: #fff; padding: 16px 0!important; } 
.aafa-header-ancillary { padding-top:15px; font-size:30px; font-weight:600; color:#008c99; line-height:1.3em;}
.aafa-title-image {}
.title-image-with-dropdown a, .title-image-with-dropdown img {border:none;}


/* Footer styles */
footer#pageFooter {padding-bottom:0px; background:#505050;}  /* Added by TDC */

.aafa-helpful-links {background:none; margin-bottom:2%!important;}  /*Changed */
.aafa-helpful-links a:hover { opacity:0.6; } 

.aafa-link-columns { /*Changed */
color:#fff; 
margin-bottom:20px; 
font-size:1rem; 
}

/*Changed */
.aafa-link-columns h5 {font-weight:600; color:#fff;}
.aafa-link-columns p {margin-bottom:0;}
.aafa-link-columns a { color: #fff; text-decoration:underline; }
.aafa-link-columns a:hover { color: #fff; } 

/*Changed */
.footer-link { padding-bottom:0px; }
.footer-link a {text-decoration:none!important;}
.footer-link a:hover {text-decoration:underline!important;}


/*Changed */
/* AAFA FOOTER COPYRIGHT SECTION */
.aafa-footer-copyright {background:none;  color: #fff; font-size:  1rem;  padding: 10px 0;  text-align:left;}
.aafa-footer-copyright a { color: #ffffff; text-decoration:underline; }
.aafa-footer-copyright a:hover { text-decoration: underline; }


p {text-rendering: auto; } 

/* Phone CSS for Mobile */
 .rphone {display:none; visibility:hidden}
 .dphone {display:block; visibility:visible}

/*New mobile styles*/
@media screen and (max-width:1240px) { 
    #footerRow {/*padding: 0 2%*/}
}

@media screen and (max-width:1080px) { 
    #pageFooter {padding-left:2%; padding-right: 2%;}
}

@media screen and (max-width:1070px) { 
    .social a {margin-right: 0%}
}

@media screen and (max-width:1024px) { 
    .aafa-link-columns .large-4.columns    { padding-left: 0%;  }
    .aafa-helpful-links .columns.social  {padding:0px;}
}

@media screen and (max-width:899px) { 
    #footerRow {/*padding: 0 3%*/}
    .aafa-helpful-links .medium-3 {width: 50%;}
    .aafa-helpful-links .medium-3.kfa {padding-top: 4%; text-align: center!important;}
    .aafa-helpful-links .medium-4.social {padding: 5% 0; width:64%; }
    .aafa-helpful-links .medium-2 {padding: 5% 0; width:36%; }
    .aafa-link-columns .medium-6.ql {width: 100%; padding-top: 5%; float: left!important;}
}

@media screen and (max-width:768px) {
    #pageFooter {padding-left:4%; padding-right: 4%;}
    .aafa-helpful-links .medium-4.social {width: 64%!important;}
    .desktop-pdf {
        visibility: hidden;
        display: none
    }
    .mobile-pdf {
        visibility: visible;
        display: block
    }
    .rphone {display:block; visibility:visible}
    .dphone {display:none; visibility:hidden}
}

@media only screen and (min-width: 40.0625em) {
.contain-to-grid .top-bar { max-width: 75rem;}
}


/* header buttons */
.header-button {
padding: 10px 25px 10px 25px;
color:#ffffff;
text-transform:uppercase;
font-size:1.0rem;
font-weight:bold;
}

.btn-blue {
    background-color: #1E86BC;
    margin-right:15px;
  }
.btn-green {
 background-color: #62B30C
}
.btn-blue:hover {     background-color: #53aac8; }
.btn-green:hover {     background-color: #8dcc6c; }

/*widget header */
header.widget-header h3{font-size: 1.4rem;font-weight: 400;}


/* Footer styles */
footer#pageFooter {padding-bottom:0px; background:#505050;}  /* Added by TDC */

.aafa-helpful-links {background:none; margin-bottom:2%!important;}  /*Changed */
.aafa-helpful-links a:hover { opacity:0.6; } 

.aafa-link-columns { /*Changed */
color:#fff; 
margin-bottom:20px; 
font-size:1rem; 
}

/*Changed */
.aafa-link-columns h5 {font-weight:600; color:#fff;}
.aafa-link-columns p {margin-bottom:0;}
.aafa-link-columns a { color: #fff; text-decoration:underline; }
.aafa-link-columns a:hover { color: #fff; } 

/*Changed */
.footer-link { padding-bottom:0px; }
.footer-link a {text-decoration:none!important;}
.footer-link a:hover {text-decoration:underline!important;}


/*Changed */
/* AAFA FOOTER COPYRIGHT SECTION */
.aafa-footer-copyright {background:none;  color: #fff; font-size:  1rem;  padding: 10px 0;  text-align:left;}
.aafa-footer-copyright a { color: #ffffff; text-decoration:underline; }
.aafa-footer-copyright a:hover { text-decoration: underline; }


p {text-rendering: auto; } 

/* Phone CSS for Mobile */
 .rphone {display:none; visibility:hidden}
 .dphone {display:block; visibility:visible}

/*New mobile styles*/
@media screen and (max-width:1240px) { 
    #footerRow {/*padding: 0 2%*/}
}

@media screen and (max-width:1080px) { 
    #pageFooter {padding-left:2%; padding-right: 2%;}
}

@media screen and (max-width:1070px) { 
    .social a {margin-right: 0%}
}

@media screen and (max-width:1024px) { 
    .aafa-link-columns .large-4.columns    { padding-left: 0%;  }
    .aafa-helpful-links .columns.social  {padding:0px;}
}

@media screen and (max-width:899px) { 
    #footerRow {/*padding: 0 3%*/}
    .aafa-helpful-links .medium-3 {width: 50%;}
    .aafa-helpful-links .medium-3.kfa {padding-top: 4%; text-align: center!important;}
    .aafa-helpful-links .medium-4.social {padding: 5% 0; width:64%; }
    .aafa-helpful-links .medium-2 {padding: 5% 0; width:36%; }
    .aafa-link-columns .medium-6.ql {width: 100%; padding-top: 5%; float: left!important;}
}

@media screen and (max-width:768px) {
    #pageFooter {padding-left:4%; padding-right: 4%;}
    .aafa-helpful-links .medium-4.social {width: 64%!important;}
    .desktop-pdf {
        visibility: hidden;
        display: none
    }
    .mobile-pdf {
        visibility: visible;
        display: block
    }
    .rphone {display:block; visibility:visible}
    .dphone {display:none; visibility:hidden}
}

@media only screen and (min-width: 40.0625em) {
.contain-to-grid .top-bar { max-width: 75rem;}
}

@media only screen and (max-width: 40.0625em) {
   .h-page-for-FORUM nav.breadcrumbs li.breadcrumb { display: none; }
  .h-page-for-FORUM nav.breadcrumbs li.breadcrumb:last-child
  , .h-page-for-FORUM nav.breadcrumbs li.breadcrumb:nth-last-child(2)
  { display: list-item; }

  .h-page-for-FORUM nav.breadcrumbs li.breadcrumb:nth-last-child(2):before { display:none; }
} 

@media screen and (max-width:640px) {
    #footerRow {/*padding: 0 4%*/} 
    .social a {margin-right: 2%}
    .aafa-helpful-links .small-3, .aafa-helpful-links .small-4.medium-4, .aafa-helpful-links .small-2  {width: 100%!important; text-align:center!important; }
    .aafa-helpful-links .medium-3.kfa {padding-top: 5%; text-align: center!important;}
    .aafa-helpful-links .small-4.social {padding: 5% 0; text-align: center!important;}
    .aafa-link-columns .medium-6.ql {width: 100%; padding-top: 5%;}
}

@media screen and (max-width: 600px)
    {
        .share {width:90%;  float:none}
} 

@media screen and (max-width:500px)
{
 .mobile-view {display:block; visibility:visible;}
.desktop-view {display:none; visibility:hidden }
} 

@media screen and (max-width:384px)
{
.certbox {float:none; width:90%}
.blogbox {float:none; width:90%}
}
 
 .h-blog-content-body table tr th, .h-blog-content-body table tr td { 
    border-style: solid;
    border-color: #DFDFDF;
    width:600px;
} 

p {text-rendering: auto; } 

.widget_ad_color {background-color:#ececec;; padding:4px;}
.widget_ad_header {text-align:center; font-size:.75em; color:#565656;} 
.table-wrapper {width:100%; display:table; margin:auto;}
	.table-wrapper2 {width:90%; display:table; }
	.table-wrapper3 {width:50%; display:table; }
	.table-wrapper3a {width:50%; display:table; text-align:center; margin:0 auto; }
        .table-wrapper2a {width:90%; display:table; text-align:center;  margin:0 auto;}
	.inner-wrapper {width:100%; display:table-row; vertical-align:top}
	.inner-wrapper2 {width:90%; display:table-row; vertical-align:top}
	.inner-wrapper3 {width:50%; display:table-row; vertical-align:top}
	.table-header {font-weight:bold}
	.column {width:50%; display:table-cell; padding:2px;}
	.column50 {width:50%; display:table-cell; padding:2px;}
	.column25 {width:25%; display:table-cell; padding:2px;}
	.column33 {width:33%; display:table-cell; padding:2px;}
	.column60 {width:60%; display:table-cell; padding:2px; }
	.column30 {width:30%; display:table-cell; padding:2px;}
	.column80 {width:80%; display:table-cell; padding:2px;}
	.column20 {width:20%; display:table-cell; padding:2px;}
.column15 {width:15%; display:table-cell; padding:2px;}
    .column40{width:40%; display:table-cell; padding:2px;}
    .column75 {width:75%; display:table-cell; padding:2px;}
    .column45{width:450%; display:table-cell; padding:2px;}
    .column55 {width:55%; display:table-cell; padding:2px;}
	.bordered-grey {border: 1px solid #ccc}
	.bordered-black {border: 1px solid #000} 
        .center-aligned {text-align:center} 
  .column100 {width:100%; display:table-cell; padding:2px;} 


.img-responsive
 {
  display: block;
  max-width: 100%;
  height: auto;
} 
.videoYouTubeWrapper
{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}
.videoYouTubeWrapper iframe
{position:absolute;top:0;left:0;width:100%;height:100%} 

/* checkmark option for bulleted lists */
ul.checkmark {
    list-style-type:none;
}
ul.checkmark li:before {
    content:"\2713\0020";
    font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
} 
 .h-paired-field-column {line-height:1; padding-top:5px; padding-bottom:5px;} 

    .product:nth-of-type(1):before { font-weight:bold; padding-right:8px; content: "Brand: "; }
	.product:nth-of-type(2):before { font-weight:bold; padding-right:8px; content: "Product Name: "; }
	.product:nth-of-type(3):before { font-weight:bold; padding-right:8px; content: "Size: "; }
	.product:nth-of-type(4):before { font-weight:bold; padding-right:8px; content: "UPC: "; }
    .product:nth-of-type(5):before { font-weight:bold; padding-right:8px; content: "Code: "; } 

 .product2:nth-of-type(1):before { font-weight:bold; padding-right:8px; content: "Item Name: "; }
	.product2:nth-of-type(2):before { font-weight:bold; padding-right:8px; content: "Case Item Code: "; }
	.product2:nth-of-type(3):before { font-weight:bold; padding-right:8px; content: "UPC Item Code: "; }
	.product2:nth-of-type(4):before { font-weight:bold; padding-right:8px; content: "Lot Code: "; }
    .product2:nth-of-type(5):before { font-weight:bold; padding-right:8px; content: "BIUB Date: "; } 

   .product3:nth-of-type(1):before { font-weight:bold; padding-right:8px; content: "Item Description: "; }
	.product3:nth-of-type(2):before { font-weight:bold; padding-right:8px; content: "Case UPC: "; }
	.product3:nth-of-type(3):before { font-weight:bold; padding-right:8px; content: "Item UPC: "; }
	.product3:nth-of-type(4):before { font-weight:bold; padding-right:8px; content: "Bag Closure Code: "; }
    .product4:nth-of-type(1):before { font-weight:bold; padding-right:8px; content: "UPC: "; }
	.product4:nth-of-type(2):before { font-weight:bold; padding-right:8px; content: "Variety and Size: "; } 
 
 .product4:nth-of-type(1):before { font-weight:bold; padding-right:8px; content: "Description: "; }
	.product4:nth-of-type(2):before { font-weight:bold; padding-right:8px; content: "Size: "; }
	.product4:nth-of-type(3):before { font-weight:bold; padding-right:8px; content: "UPC: "; }
    .product4:nth-of-type(4):before { font-weight:bold; padding-right:8px; content: "Lot/Best By Code: "; } 

.product5:nth-of-type(1):before { font-weight:bold; padding-right:8px; content: "Product: "; }
	.product5:nth-of-type(2):before { font-weight:bold; padding-right:8px; content: "Size: "; }
	.product5:nth-of-type(3):before { font-weight:bold; padding-right:8px; content: "Lot Number: "; }
    

 .h-record-field-label {
font-weight:bold; text-transform:uppercase; font-size: 1.1em
}

.sharebox {width:90%;     margin: 0 20% 0 10%}
.share {float:left; width:40%; }
@media screen and (max-width: 600px)
	{
		.share {width:90%;  float:none}
} 

/* fda Table */
.container-table {width: 100%;}
                         .hc {font-size: 1em; }
			.header-container {display:table; width: 100%; background-color: #20bdba; overflow: hidden; color: #fff; text-align: center;  border-collapse: collapse; table-layout: fixed; border: 1px solid #000}
			.header-fda {font-weight: bold; display: table-cell; width:35%;  word-break: normal; padding: 12px; border-spacing:5px;  border-right: 1px solid #000}                   
			}
			.header-covid { border-left: 1px solid #000; font-weight: bold; display: table-cell; width: 30%; padding:5px  }
			.header-guidelines {border-left: 1px solid #000; font-weight: bold; display: table-cell; width: 35%; }
			.dh {font-size: 0.813rem; margin:6px}
                         .dhc {font-size: 0.813rem;}
			.data-header {display: table; width: 100%;  background-color: #f6faed; overflow: hidden; border: 1px #000 solid; border-collapse: collapse; table-layout: fixed;}
			.fda-data {width: 35%; display: table-cell; word-wrap: break-word; margin: auto; border-right: 1px solid #000}
			.covid-data {width: 30%; display: table-cell; word-wrap: break-word;  text-align: center; margin: auto; border-left: 1px solid #000}
			.guidelines-data {width: 35%; display: table-cell; word-wrap: break-word;  margin: auto; border-left: 1px solid #000; border-right: 1px solid #000;}
			@media screen and (max-width:600px)
			{
				.hc {font-size : 0.813rem}
                                .dh, dhc {font-size: 0.688rem }     
			}