@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700|Roboto:400,700');

/* Styling CF7 to look like the Divi Contact Form */

.wpcf7-text,
.wpcf7-textarea,
.wpcf7-captchar,
.wpcf7-select {
	background-color: transparent !important;
	border: 2px solid !important;
	width: 100% !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 10px !important;
	border-color: #e8547c !important;
	font-size: 14px;
	color: #000 !important;
	padding: 16px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 10px 0px !important;
}

.wpcf7-submit {
	border-radius: 30px !important;
	float: left;
	color: #fff !important;
	margin: 8px auto 0;
	cursor: pointer;
	font-size: 20px;
	font-weight: 500;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 6px 40px;
	line-height: 1.7em;
	background: #e8547c;
	border: 2px solid;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}

.wpcf7-submit:hover {
	background-color: #000;
	border-color: #fff;
	padding: 6px 40px !important;
}

#et_search_icon:hover,
#top-menu li.current-menu-ancestor>a,
#top-menu li.current-menu-item>a,
.bottom-nav li.current-menu-item>a,
.comment-reply-link,
.entry-summary p.price ins,
.et-social-icon a:hover,
.et_password_protected_form .et_submit_button,
.footer-widget h4,
.form-submit .et_pb_button,
.mobile_menu_bar:after,
.mobile_menu_bar:before,
.nav-single a,
.posted_in a,
.woocommerce #content div.product p.price,
.woocommerce #content div.product span.price,
.woocommerce #content input.button,
.woocommerce #content input.button.alt,
.woocommerce #content input.button.alt:hover,
.woocommerce #content input.button:hover,
.woocommerce #respond input#submit,
.woocommerce #respond input#submit.alt,
.woocommerce #respond input#submit.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .star-rating span:before,
.woocommerce a.button,
.woocommerce a.button.alt,
.woocommerce a.button.alt:hover,
.woocommerce a.button:hover,
.woocommerce button.button,
.woocommerce button.button.alt,
.woocommerce button.button.alt:hover,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce input.button,
.woocommerce input.button.alt,
.woocommerce input.button.alt:hover,
.woocommerce input.button:hover,
.woocommerce-page #content div.product p.price,
.woocommerce-page #content div.product span.price,
.woocommerce-page #content input.button,
.woocommerce-page #content input.button.alt,
.woocommerce-page #content input.button.alt:hover,
.woocommerce-page #respond input#submit,
.woocommerce-page #respond input#submit.alt,
.woocommerce-page #respond input#submit.alt:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce-page .star-rating span:before,
.woocommerce-page a.button,
.woocommerce-page a.button.alt,
.woocommerce-page a.button.alt:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button,
.woocommerce-page button.button.alt,
.woocommerce-page button.button.alt:hover,
.woocommerce-page button.button:hover,
.woocommerce-page div.product p.price,
.woocommerce-page div.product span.price,
.woocommerce-page input.button,
.woocommerce-page input.button.alt,
.woocommerce-page input.button.alt:hover,
.woocommerce-page input.button:hover,
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	color: #e8547c !important;
}

* {
	box-sizing: border-box;
}

.recipes-header {
	border: 1px solid red;
	padding: 15px;
}

.recipes-menu {
	width: 50%;
	float: left;
	padding: 15px;
	border: 1px solid red;
}

.recipes-main {
	width: 65%;
	float: left;
	padding: 15px;
	border: 1px solid red;
}

.recipes-column {
	display: table-cell;
	text-align: center;
}

.recipes-col-3 {
	float: left;
	width: 50%;
	text-align: center;
	height: 80px;
}

.red-circle {
	text-align: center;
	color: #FFF;
	background: #e9547c;
	display: inline-block;
	padding: 10px 14px;
	font-size: 14px;
	border-radius: 14px;
	margin-right: 13px;
}

.my-list ol {
	list-style: none;
}

.my-list ol li {
	counter-increment: my-awesome-counter;
	margin-bottom: 25px;
	margin-left: 10px;
	list-style-position: outside !important;
}

.my-list ol li:before {
	content: counter(my-awesome-counter);
	float: left;
	position: absolute;
	left: -28px;
	background-image: url(https://sunporkfreshfoods.com.au/wp-content/uploads/2019/08/Scratchy-Circle.jpg);
	background-size: 30px 30px;
	color: white;
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	line-height: 28px;
	text-align: center;
}

#left-area ol {
	list-style-type: none;
	list-style-position: outside !important;
}

.relpost-thumb-container h3 {
	font-weight: 800;
	color: #e8547c !important;
	font-size: 30px;
	text-align: center;
	padding-top: 14px;
}

.et-db #et-boc .et_pb_section_0.et_pb_section {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.et-db #et-boc .et_pb_row {
	padding: 0 !important;
}

.et-db #et-boc .et_pb_column_1_2 .et_pb_row_inner {
	padding-top: 5%;
	padding-bottom: 0 !important;
}

.myspace {
	padding-right: 7%;
}

.marig0 {
	margin-right: 0 !important;
	padding-right: 0 !important;
}

@media (max-width: 700px) {
	.marig0 {
		width: 100% !important;
	}
	.marig0 img {
		width: 100% !important;
		height: auto !important;
	}
	.pnp-button .et_pb_button_module_wrapper {
		width: 33.3% !important;
		display: inline-block !important;
		font-size: 12px;
	}
	.rp-bottom-box {
		z-index: 5;
		box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
		border-radius: 5px;
		min-height: 350px;
		width: 100%;
		color: #383434;
	}
	.team-items {
		width: 100% !important;
	}
}

@media (max-width: 980px) {
	.custom-three-items>.et_pb_column {
		width: 33.333% !important;
	}
	.relpost-thumb-container h3 {
		font-size: 28px !important;
	}
}

@media (max-width: 480px) {
	.custom-three-items>.et_pb_column {
		width: 32.666% !important;
	}
	.custom-three-items.no-mobile>.et_pb_column {
		margin-right: 1% !important;
	}
	.custom-three-items.no-mobile>.et_pb_column:nth-child(3n) {
		margin-right: 0 !important;
	}
	.custom-three-items.no-mobile .et_pb_button {
		width: 100%;
	}
	.relpost-thumb-container h3 {
		font-size: 24px !important;
	}
}

@media (max-width: 350px) {
	.custom-three-items.no-mobile .et_pb_button {
		font-size: 14px !important;
	}
}

@media (max-width: 405px) {
	.relpost-block-single .relpost-block-single-image {
		margin: auto;
	}
	.relpost-block-single>div,
	.relpost-block-single {
		width: 100% !important;
	}
}

.widget-title {
	text-align: center;
	color: #e8547c;
	font-weight: bold;
	font-size: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.recipe-anchor {
	color: #e8547c;
	padding: 15px !important;
}

.relatedposts {
	display: table;
}

.single .relatedposts .relatedthumb {
	box-sizing: content-box;
	display: table-cell;
	width: 25%;
}

.rp-title {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding-top: 10px;
}

.rp-bottom-box {
	z-index: 5;
	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
	border-radius: 5px;
	min-height: 350px;
	color: #383434;
}

.recipe-ul {
	list-style: none !important;
	display: inline-flex;
	margin: 0;
	padding: 0 !important;
	width: 100%
}

.recipe-ul .recipe-li {
	font-size: 12px;
	text-align: center;
	width: 100%
}

.recipes-row {
	content: "";
	display: table;
	clear: both;
}

.recipes-vertical {
	border-left: 1px solid green;
	height: 450px;
}

.icon {
	display: inline-block;
	vertical-align: middle;
}

.icon.icon-clock {
	background: transparent url(https://sunporkfreshfoods.com.au/wp-content/uploads/2019/08/Time.png) top left no-repeat;
	background-size: contain;
	width: 10px;
	height: 10px;
}

.icon.icon-type {
	background: transparent url(https://sunporkfreshfoods.com.au/wp-content/uploads/2019/08/Difficulty.png) top left no-repeat;
	background-size: contain;
	width: 10px;
	height: 10px;
}

.icon.icon-people {
	background: transparent url(https://sunporkfreshfoods.com.au/wp-content/uploads/2019/08/Serves.png) top left no-repeat;
	background-size: contain;
	width: 10px;
	height: 10px;
}

.recipe-slider {
	margin: 60px auto;
	max-width: 1200px;
}

.et_pb_fullwidth_menu_0.et_pb_fullwidth_menu ul li:after {
	content: '';
	width: 5px;
	height: 5px;
	background: #291d11;
	position: absolute;
	right: -35px;
	bottom: 4px;
	border-radius: 100px;
}

.et_pb_fullwidth_menu_0.et_pb_fullwidth_menu ul li>a {
	padding-bottom: 0px !important;
}

.et_pb_fullwidth_menu_0.et_pb_fullwidth_menu ul li {
	padding: 0px !important;
	margin-right: 50px;
}

.widgettitle {
	font-size: 24px !important;
	color: #E8547C;
	padding-bottom: 10px;
	font-weight: bold;
}

@media (min-width: 981px) {

	body.admin-bar.et_fixed_nav #main-header {
		top: 24px !important;
	}

	.et_fullwidth_nav #main-header .container {
		max-width: 95% !important;
	}

	.et_fullwidth_secondary_nav #top-header .container {
		max-width: 95% !important;
	}

}

.et_transparent_nav .entry-content {
	padding: 0 !important;
}

footer {
	margin-top: 0px;
}

#footer-bottom {
}

#footer-bottom .et-social-icons {
	float: none !important;
	display: block !important;
	padding: 20px 0 10px 0 !important;
	text-align: center !important;
}


/* ----blog css----- */

.et_pb_blog_extras_0 .et_pb_post.et_pb_post_extra h1 {
	padding: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.entry-title a {
	font-size: 24px !important;
	margin-bottom: 0px;
	padding-bottom: 0px;
	text-align: left !important;
	font-weight: bold;
}

.et_pb_post .post-meta {
	margin-bottom: 20px;
}

.et_pb_post_extra.el_dbe_grid_extended .post-categories a {
	background: #E8547C;
	background-size: contain;
	background-repeat: no-repeat;
	border: none;
	font-weight: bold;
	text-align: center;
	font-size: 20px;
}

.et_pb_post_extra.el_dbe_grid_extended a.more-link {
	border: none !important;
	background-repeat: no-repeat;
	display: inline-block;
	background-size: contain;
	font-size: 14px;
	color: #E8547C;
	letter-spacing: 2px;
	text-align: left !important;
	font-weight: bold;
}

.et_pb_main_blurb_image {
	margin-bottom: 10px !important
}

body {
	background-color: white !important;
}

@media (max-width: 600px) {
	.footer-icon-col-inner-col .et_pb_column {
		width: 33.33%;
	}
}

@media (max-width: 600px) {
	.footer-icon-col .et_pb_column_empty {
		width: 25%;
		display: block;
	}
	.footer-icon-col .et_pb_specialty_column {
		width: 50%;
	}
	.footer-icon-col .et_pb_column {
		width: 33.33% !important;
	}
}

@media all and (max-width: 980px) {
	/* ** wrap row in a flex box ** */
	.custom_row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		/* Safari 6.1+ */
		flex-wrap: wrap;
	}
	/* ** custom classes that will designate the order of columns in the flex box row ** */
	.first-on-mobile {
		-webkit-order: 1;
		order: 1;
	}
	.second-on-mobile {
		-webkit-order: 2;
		order: 2;
	}
	.third-on-mobile {
		-webkit-order: 3;
		order: 3;
	}
	.fourth-on-mobile {
		-webkit-order: 4;
		order: 4;
	}
	/* ** add margin to last column ** */
	.custom_row:last-child .et_pb_column:last-child {
		margin-bottom: 30px;
	}
}

a.et-cart-info {
	display: none;
}

.et-db #et-boc .et_pb_text_3 p {
	line-height: 26px !important;
}


/* Create three equal columns that floats next to each other */

.column {
	float: left;
	width: 33.33%;
	/* Should be removed. Only for demonstration */
}

.column-1 {
	float: left;
	width: 50%;
	/* Should be removed. Only for demonstration */
}


/* Clear floats after the columns */

.row:after {
	content: "";
	display: table;
	clear: both;
}


/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */

.selectDropDown {
	width: 100%;
	border: 1px;
	border-radius: 5px;
	background: #e8547c;
	color: white;
	padding: 10px;
	margin: 10px 0px;
}

.selectDropDownCuts {
	width: 100%;
	border-radius: 5px;
	background: #e8547c;
	color: white;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.selectParent {
	width: 100%;
	padding: 0px 10px 0px 0px;
	overflow: hidden;
}

.selectParent select {
	display: block;
	width: 100%;
	border-radius: 5px;
	border: none;
	background-color: #e8547c !important;
	background-position-x: 95% !important;
	color: white;
	padding: 10px;
	background: url("/wp-content/uploads/2016/06/down-arrow.png") right center no-repeat;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.srchRecipes {
	width: 95%;
	border-radius: 5px;
	border-color: #e8547c !important;
	color: black !important;
	padding: 10px !important;
	margin-top: 10px !important;
	margin-left: 20px !important;
	margin-bottom: 10px !important;
}

@media screen and (max-width: 600px) {
	.column {
		width: 100%;
	}
	.column-1 {
		float: left;
		width: 100%;
		/* Should be removed. Only for demonstration */
	}
	.selectDropDownCuts {
		width: 100%;
		margin-left: 0px;
	}
	.srchRecipes {
		width: 100% !important;
		margin-left: 0px !important;
	}
	.selectParent {
		width: 100%;
		padding: 0px !important;
		overflow: hidden;
	}
}

.container {
	position: relative;
	color: black;
}

body:not(.et-tb) #main-content .container,
body:not(.et-tb-has-header) #main-content .container {
	padding-bottom: 58px !important;
}

.top-right {
	position: absolute;
	right: 8px;
	color: black;
}

.et_pb_fullwidth_header .et-pb-icon.scroll-down {
	animation: fullwidth-header-bounce 2.2s ease-out infinite;
}

@keyframes fullwidth-header-bounce {
	0% {
		transform: translateY(0%);
	}
	12.5% {
		transform: translateY(20%);
	}
	25% {
		transform: translateY(0%);
	}
	37.5% {
		transform: translateY(20%);
	}
	50% {
		transform: translateY(0%);
	}
}

.pagination {
	clear: both;
	padding: 20px 0;
	position: relative;
	font-size: 11px;
	line-height: 13px;
}

.pagination span,
.pagination a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 6px 9px 5px 9px;
	text-decoration: none;
	width: auto;
	color: #fff;
	background: #555;
}

.pagination a:hover {
	color: #fff;
	background: #3279BB;
}

.pagination .current {
	padding: 6px 9px 5px 9px;
	background: #3279BB;
	color: #fff;
}

.wp-pagenavi a,
.wp-pagenavi span {
	margin: 0 5px;
	border: none !important;
	color: #fff;
	font-size: 20px !important;
	font-weight: 400 !important;
	text-decoration: none;
	background: #e8547b;
	border-radius: 5px;
}

.wp-pagenavi span.current {
	color: black !important;
}

.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
	color: #fff !important;
}

.wp-pagenavi a:hover {
	color: black !important;
}

.wp-pagenavi span.pages {
	display: none;
}

.wp-pagenavi {
	text-align: center !important;
}

select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
	display: block;
	width: 100%;
	border-radius: 5px;
	border: none;
	background-color: #e8547c !important;
	background-position-x: 95% !important;
	color: white !important;
	padding: 10px;
	background: url(/wp-content/uploads/2016/06/down-arrow.png) right center no-repeat;
}


/* Homepage full screen slider */

.et_fullscreen_slider .et_pb_slides,
.et_fullscreen_slider .et_pb_slide,
.et_fullscreen_slider .et_pb_container {
	min-height: 100% !important;
	height: 100% !important;
}


/* Transparent Menu */

#page-container {
	padding-top: 0px !important;
}

#logo {
	content: url(https://sunporkfreshfoods.com.au/wp-content/uploads/2016/06/White-SunPork-Logo.png);
}

.et-fixed-header #logo {
	content: url(https://sunporkfreshfoods.com.au/wp-content/uploads/2016/06/White-SunPork-Logo.png);
}

#top-menu li.current-menu-item>a {
	text-decoration: underline;
	color: white !important;
}

#main-header {
	padding-top: 20px;
}

/* Blog Posts Menu */

.blog #main-header {
	background-color: #e8547c !important;
	box-shadow: 0 0 0 rgba(0, 0, 0, .1);
	padding: 10px;
}

.blog #page-container {
	padding-top: 50px !important;
}

.blog #main-header.et-fixed-header {
	background-color: #e8547c96 !important;
}

.blog #top-menu li.current-menu-item>a {
	text-decoration: underline;
}

/* Recipe Posts Menu */

.single #main-header {
	background-color: #e8547c !important;
	box-shadow: 0 0 0 rgba(0, 0, 0, .1);
	padding: 10px;
}

.single #page-container {
	padding-top: 50px !important;
}

.single #main-header.et-fixed-header {
	background-color: #e8547c96 !important;
}

.single #top-menu li.current-menu-item>a {
	text-decoration: underline;
}


/* Recipes Menu */

.page-template-recipes-page #main-header {
	background-color: #e8547c !important;
	box-shadow: 0 0 0 rgba(0, 0, 0, .1);
	padding: 10px;
}

.page-template-recipes-page #page-container {
	padding-top: 100px !important;
}

.page-template-recipes-page #main-header .et-fixed-header {
	background-color: #e8547c96 !important;
}


/* Pork Cuts Menu */

.page-id-25557 #main-header {
	background-color: #e8547c !important;
	box-shadow: 0 0 0 rgba(0, 0, 0, .1);
	padding: 10px;
}

.page-id-25557 #page-container {
	padding-top: 100px !important;
}


/* Blog Page Menu */

.page-id-27042 #main-header {
	background-color: #e8547c !important;
	box-shadow: 0 0 0 rgba(0, 0, 0, .1);
	padding: 10px;
}

.page-id-27042 #page-container {
	padding-top: 100px !important;
}

.page-id-27042 #main-header.et-fixed-header {
	background-color: #e8547c96 !important;
}


/* Food Page Menu */

.page-id-28237 #main-header {
	background-color: #e8547c !important;
	box-shadow: 0 0 0 rgba(0, 0, 0, .1);
	padding: 10px;
}

.page-id-28237 #page-container {
	padding-top: 100px !important;
}

.page-id-28237 #main-header.et-fixed-header {
	background-color: #e8547c96 !important;
}


/* Events Page Menu */

.page-id-28224 #main-header {
	background-color: #e8547c !important;
	box-shadow: 0 0 0 rgba(0, 0, 0, .1);
	padding: 10px;
}

.page-id-28224 #page-container {
	padding-top: 100px !important;
}

.page-id-28224 #main-header.et-fixed-header {
	background-color: #e8547c96 !important;
}


/* News Page Menu */

.page-id-28239 #main-header {
	background-color: #e8547c !important;
	box-shadow: 0 0 0 rgba(0, 0, 0, .1);
	padding: 10px;
}

.page-id-28239 #page-container {
	padding-top: 100px !important;
}

.page-id-28239 #main-header.et-fixed-header {
	background-color: #e8547c96 !important;
}


/* Mobile Menu */

@media only screen and (max-width: 980px) {
	#et-top-navigation span.mobile_menu_bar:before,
	#et-top-navigation span.mobile_menu_bar:after {
		color: white !important;
	}
}

@media only screen and (max-width: 980px) {
	#mobile_menu {
		background-color: #e8547c !important;
	}
}


/* LI Padding After */

ol li {
	padding-bottom: 10px;
	list-style-position: outside;
}


/* Added Padding into Menu for logo */

#main-header {
	padding-bottom: 10px;
}


/* Hide Google Captcha Badge */

.grecaptcha-badge {
	visibility: hidden !important;
}