/*
 Theme Name:   Food Packaging Labels
 Theme URI:    https://foodpackaginglabels.net
 Description:  Food Packaging Labels GeneratePress child theme
 Author:       Food Packaging Labels
 Template:     generatepress
 Version:      0.1
 Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, light, white, dark, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, yellow
*/

.center {
	text-align: center;
}

.border-b {
	border-bottom: 2px dotted #b7cc79;
	padding-bottom: 1.5em;
}

.border-t {
	border-top: 2px solid #b7cc79;
	padding-top: 1.5em;
}

.button,
button {
	box-shadow: 0 2px 3px rgba(0,0,0,0.1);
}

.alt-bg,
.button.alt-bg,
a.button.alt-bg:visited,
button.alt-bg {
	background-color: #7e5a9a;
}

.warning-bg,
.button.warning-bg,
a.button.warning-bg:visited,
button.warning-bg {
	background-color: #e25b45;
}

a.button.warning-bg:hover,
a.button.alt-bg:hover{
	background-color: #333;
}

.site-footer .button:hover,
.site-footer .button.warning-bg:hover {
	background-color: #888;
}

.main-navigation input[type="search"] {
	border-radius: 0;
}

.req {
	color: #ff7e06;
}

.small-txt {
	font-size: .75em;
	opacity: .75;
}

ol[type="a"] {
	list-style: lower-alpha;
}

.has-top #page {
	margin-top: 0;
}

.has-bottom #page {
	margin-bottom: 0;
}

.has-top #content {
	padding-top: 0;
}

.has-bottom #content {
	padding-bottom: 0;
}

.hero {
	position: relative;
}

.hero h1 {
	color: #fff;
	text-shadow: 0 2px 2px rgba(0,0,0,0.25);
}

.hero h1 span {
	color: #7e5a9a;
	font-weight: 700;
}

.hero-tag {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translatex(-50%);
    padding: 10px 30px;
    background: #b7cc79;
    color: #fff;
	font-size: 1.25em;
    font-weight: 700;
	border-style: dashed;
	border-width: 0 2px 2px 2px;
	box-shadow: 0 0 0 6px #b7cc79;
	border-color: #fff;
	white-space: nowrap;
}

.rounded-icon {
    background-color: #b7cc79;
    color: #fff;
    padding: 20px;
    border-radius: 8px;
	box-shadow: 0 0 16px rgba(0,0,0,0.1);
}

.banner-text h1,
.banner-text h2,
.banner-text h3,
.banner-text h4,
.banner-text h5,
.banner-text h6,
.banner-text p {
	margin-bottom: 10px;
}

.banner-stamp {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translatex(-50%);
}

.youtube-embed iframe {
	width:100%;
	height:300px;
}

.top-bar {
	background-color: #b7cc79;
}

.inside-top-bar {
    padding: 10px 10px 5px 10px;
}

.color-boxes h2,
.color-boxes h3,
.color-boxes h4 {
	color: #fff;
	text-transform: uppercase;
}

.inside-right-sidebar ul li a {
	display: block;
    background: #7e5a9a;	
	color: #fff;
    padding: 5px 10px;
}

.food-labels .inside-right-sidebar ul li.current-menu-item a {
    background: #e25b45;
}

.university .inside-right-sidebar ul li.current-menu-item a {
    background: #7dd4cb;
}

.text-2x {
	font-size: 2em;
}

.related p {
	margin-bottom: 0;
}

#site-navigation {
	box-shadow: 0 2px 3px rgba(0,0,0,0.1);
	position: relative;
}

button.menu-toggle {
    box-shadow: none;
}

/*===============
 * IMAGE LIST *
 * ===============*/

.img-list img {
	width: auto;
	height: 80px !important;
	display: block;
	margin: auto;
}

.img-list h3 {
	text-align: center;
}

/*===============
 * BOTTOM IMAGE BOX *
 * ===============*/

.bottom-img-box .widget_media_image {
    display: flex;
    flex-flow: column;
}

.bottom-img-box .widget_media_image h3 {
    order: 2;
    text-align: center;
    margin-bottom: 0;
}

.bottom-img-box .widget_media_image a {
    order: 1;
}

.bottom-img-box .widget_media_image a img {
    width: 100%;
}

/*===============
 * FUN FACTS *
 * ===============*/

.fun-facts {
    border: 1px solid rgba(0,0,0,0.1);
    padding: 20px;
    margin-bottom: 1.5em;
}

.fun-facts h3 {
    border-bottom: 1px dashed rgba(0,0,0,0.1);
    padding-bottom: 10px;
}

/*===============
 * SLICK SLIDER OVERRIDES START *
 * ===============*/

.slick-prev, .slick-next {
	width: 40px;
	height: 40px;
	background-color: #b7cc79;
}

.slick-prev:hover, .slick-next:hover {
	background-color: #83a339;
}

.slick-prev::before, .slick-next::before {
    font-family: "Font Awesome 5 Free";
    color: #fff;
    font-weight: 900;
    font-size: 40px;
}

.slick-prev::before {
    content: "\f104";
}

.slick-next::before {
    content: "\f105";
}

.slick-slide,
.so-panel.widget.slick-slide {
    padding: 0 20px;
}

.slick-slide .so-widget-sow-image h3 {
	margin-bottom: 0;
}

/* SLICK SLIDER OVERRIDES END */

/*===============
 * FORMS START *
 * ===============*/

select {
	background-image: url('images/angle-down-solid.svg');
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: right 16px center;
	padding-right: 40px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input[type="number"] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
}

.label {
    display: block;
    margin-bottom: .5em;
}

.form-block {
	margin-top: 1.5em;
}

.form-block.border {
	border-bottom: 1px dashed #ccc;
	padding-bottom: 1.5em;
}

.shape .wpcf7-radio span label:before {
    content: "";
    display: block;
    width: 70px;
    height: 50px;
    background: #c0c0c0;
    border: 2px solid #aaa;
}

.shape .wpcf7-radio .wpcf7-list-item {
	width: 100%;
	margin-bottom: 1em;
}

.shape .wpcf7-radio span:first-child label:before {
    width: 50px;  
}

.shape .wpcf7-radio span:nth-child(2) label:before {
    width: 50px;
    border-radius: 10px;
}

.shape .wpcf7-radio span:nth-child(4) label:before {
    border-radius: 10px;
}

.shape .wpcf7-radio span:nth-child(5) label:before {
    width: 50px;    
    border-radius: 100%;
}

.shape .wpcf7-radio span:nth-child(6) label:before {
    border-radius: 100%;
}

.shape .wpcf7-radio span:nth-child(7) label:before {
    border-radius: 100% 100% 0 0;
}

.sample-type span.wpcf7-list-item {
	display: block;
}

.fw-form input[type="text"],
.fw-form input[type="email"],
.fw-form input[type="tel"],
.fw-form input[type="number"],
.fw-form select {
	width: 100%;
}

/* FORMS END */

/* EMBED BOX START */

.embed-wrapper {
    margin-bottom: 1.5em;
}

.embed-box {
    width: 100%;
    padding: 4%;
    box-sizing: border-box;
    background: #f3f3f3;
}

.embed-box:after {
    content: "";
    display: block;
    clear: both;
}

.embed-box textarea {
    width: 100%;
    min-height: 6em;
}

.embed-box > a {
    display: inline-block;
	float: right;
    background: #b7cc79;
    margin-top: 1em;
    padding: 5px 1em;
    color: #fff;
}

a.embed-button {
    border: none;
    color: #404040;
    display: block;
    text-align: right;
}

a.embed-button:hover {
    color: #b7cc79;
}

/* EMBED BOX END */

/*===============
 * FOOTER START *
 * ===============*/

.footer-links ul li {
    display: inline-block;
}

.footer-links ul li::after {
    content: "|";
    margin: 0 10px;
}

.footer-links ul li:last-child::after {
    content: "";
}

/* FOOTER END */

@media (max-width:1024px) {
	.banner-stamp {
		position: relative;
		top: -50px;
		display: inline-block;
	}
}

@media (max-width:768px) {
	.bg-img-box-container .panel-grid-cell-empty {
		display: block !important;
		height: 200px;
		margin: 0 !important;
	}
}

@media (min-width:944px) {

    .shape .wpcf7-radio .wpcf7-list-item {
        width: 14%;
        margin: 0;
        text-align: center;
		vertical-align: top;
    }

    .shape .wpcf7-radio .wpcf7-list-item input[type=radio] {
        display: block;
        margin: 10px auto 0;
    }

    .shape .wpcf7-radio span label:before {
        margin: auto;
    }
}

@media (max-width:480px) {
	.home .hero .button {
		margin-top: 1em;
	}
}