/*
Theme Name: Persimmon
Template: Divi
Version: 2.0
Author: Emmanuel Berrido — Based on Elegant Themes' Divi Theme (elegantthemes.com)
*/

@import url("https://quirchfoods.com/persimmon/themes/Divi/style.css");
@import url("https://quirchfoods.com/persimmon/themes/Divi-child/stylesheet.css");
@import url("https://quirchfoods.com/persimmon/themes/Divi-child/styles-qf.css");

/****************************************************************/
/********************** PERSIMMON THEME CSS *********************/
/****************************************************************/

/* Add Akkurat & icon font*/

@font-face {font-family: "Akkurat-Light"; src:url("fonts/lineto-akkurat-light.eot"); src:url("fonts/lineto-akkurat-light.eot?#iefix") format("embedded-opentype"), url("fonts/lineto-akkurat-light.woff") format("woff"); font-weight: normal; font-style: normal;}
@font-face {font-family: "Akkurat-Regular"; src:url("fonts/lineto-akkurat-regular.eot"); src:url("fonts/lineto-akkurat-regular.eot?#iefix") format("embedded-opentype"), url("fonts/lineto-akkurat-regular.woff") format("woff"); font-weight: normal; font-style: normal;}
@font-face {font-family: "Akkurat-Bold"; src:url("fonts/lineto-akkurat-bold.eot"); src:url("fonts/lineto-akkurat-bold.eot?#iefix") format("embedded-opentype"), url("fonts/lineto-akkurat-bold.woff") format("woff"); font-weight: normal; font-style: normal;}
@font-face {font-family: "quirchfoods"; src:url("font-qf/quirchfoods.eot"); src:url("font-qf/quirchfoods.eot?#iefix") format("embedded-opentype"), url("font-qf/quirchfoods.woff") format("woff"), url("font-qf/quirchfoods.ttf") format("truetype"), url("font-qf/quirchfoods.svg#quirchfoods") format("svg"); font-weight: normal; font-style: normal;}


/****************************************************************/
/************************* COLOR GUIDES *************************/
/****************************************************************

Quirch Persimmon: #f04923
Quirch Cool Gray 11: #63666a

/* General Rules */

body {font-family: "Akkurat-Light", Arial, sans-serif;line-height: 1.7em;}
p {font-size: 16px;}
p a {text-decoration: none;border-bottom: solid 2px #D2D3D5;}
.et_pb_bg_layout_dark a {color: #fff !important;}
p a:hover {text-decoration: none;border-bottom: none;}

/*img[src$=".gif"], img[src$=".png"] {
                   image-rendering: -moz-crisp-edges;         /* Firefox 
                   image-rendering:   -o-crisp-edges;          Opera 
                   image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) 
                   image-rendering: crisp-edges;
                   -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) 
                 }*/
				 

		 
::selection {
    background: #f04923;
    color: #fff;
    text-shadow: none;}
				 
sup {font-size:50%;}

h1, h2, h3 {color: #f04923 !important;}
h2, h3 {line-height: 1.25em;}

h1 strong, h2 strong, h3 strong, #contact .et_pb_blurb_container h4, #our-manifesto h1, #about h1 strong, #about h3 strong {font-family: "Akkurat-Bold" !important;}

.entry-content ul {font-size: 16px !important; margin-top: 20px;}

/* Header/Navigation */

#top-menu li.centered-inline-logo-wrap {width: auto !important; padding: 0 45px 0 28px !important; padding-top: 0px !important;}

.et_pb_svg_logo.et_header_style_split #logo {height: 75px !important;}

.et_header_style_split #et-top-navigation nav > ul > li > a {font-family: "Akkurat-Regular";}

#et-top-navigation {font-weight: normal;}
div#et-main-area {margin-top: 95px;}
#main-header {box-shadow: none !important; padding-top: 25px;}
.home #main-header { /*.page-id-425 #main-header*/
/* Begin Top Gradient */

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.85+0,0+81 */

background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.65) 50%, rgba(255,255,255,0) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.65) 50%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.65) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

	/* End Top Gradient */}

#main-header.et-fixed-header {-webkit-box-shadow: none !important; -moz-box-shadow:none !important;box-shadow: none !important; }

#main-header .nav li ul {background-color: #f04923 !important; border: none!important;}
#main-header .nav li ul li a {color: #fff !important;}
.et-fixed-header #top-menu li.current-menu-ancestor > a {color: #f04923 !important;}

/* Main Slider at Home */


/*#main_slider .et_pb_container {margin-top: 35%;}*/
#main_slider .et_pb_slider .et_pb_slide {height: 89vh !important; text-align: left;}
#main_slider .et_pb_slide_description {padding: 20vh 8%;}
#main_slider .et_pb_slide_description h2.et_pb_slide_title {font-family: "Akkurat-Regular"; color: #f04923; text-transform:uppercase;}
#main_slider .et_pb_slide_description .et_pb_slide_content h1 {font-size: 6vw !important; text-transform: uppercase; text-shadow:none; color: #f04923;}
#main_slider .et_pb_slide_description .et_pb_slide_content h2 {font-size: 2.5vw !important; color: #f04923;}

/*#main_slider .et_pb_slide_content {float: left;}

#main_slider .et_pb_button {float: right; position: absolute; bottom: 0px; right: 0px;}*/

#main_slider .et-pb-controllers a {width: 20px;}

/* Sections targetted with .home-section */

div.et_parallax_bg.et_pb_parallax_css {background-position: bottom right !important;}

.h-med p {font-size: 22px; line-height: 1.2;}

.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content-container.center {-webkit-align-self: flex-end;
-moz-align-self: flex-end;
-ms-align-self: flex-end;
align-self: flex-end;
padding-bottom: 50px;}

/* Table */

.entry-content table, .entry-content tr td {border: none; padding: 0px;}

/* Footer */

.et_pb_contact_right {color: #fff;}

#main-footer {padding: 2vh 25.5% !important; max-width: none !important; width: 100%; margin:0 auto;min-height:90px;}
	.intermedian {max-width: 1080px; margin: 0 auto; width: 100%;}
		#footer-info {text-align:left !important; /*padding-right: 50px;*/ float: none;}
		#menu-bottom {display:inline;}
			#et-footer-nav{float: left; width: 70%;}
				#et-footer-nav .container {margin-left: 0 !important;}
		#footer-bottom {padding: 0px; float: none; width: 100%; /*padding-right: 5%;*/}
		#footer-bottom .container {width: 100%;}

/* Inner pages */

.prod-2 .et_pb_button:before {display: none !important;}

.beef-fix a {color: #f04923 !important;}

.prod-dropdown h1, .prod-2 h1 {font-size: 80px;}
.prod-dropdown h3, .prod-2 h3 {font-size: 35px; font-family: "Akkurat-Regular"; text-transform: uppercase;}

.et_pb_blurb_position_left .et_pb_main_blurb_image {width: 135px; }
.et_pb_blurb_container {vertical-align: middle !important;}
.et_pb_blurb_container h4 {font-size: 24px;}

.prod-dropdown {}
.prod-dropdown .et_pb_toggle {margin-bottom: 0 !important;}
.prod-dropdown .et_pb_toggle_title {text-transform: uppercase; font-size: 25px !important;}

.prod-main-top a, .prod-inner a {color: #f04923; text-decoration: none;border-bottom: solid 2px #f04923;} 
.prod-main-top a, .prod-inner a:hover {border-bottom: none !important;}
.p-lines a:hover {color: #f04923; text-decoration: none; transition: color ease 0.25s;}
.p-lines .et_pb_blurb {background-color: #f7f7f7; padding: 15px;}

.prod-dropdown .et_pb_toggle h3 {font-size: 22px; font-family: "Akkurat-Light"; text-transform: none; margin-bottom: 22px;}
.prod-dropdown .et_pb_toggle_title:before {font-size: 55px; color: #f04923 !important;}
.prod-dropdown .et_pb_toggle_open .et_pb_toggle_title:before {content: "M";}
.prod-dropdown .et_pb_toggle_title:before {content: " ";}

.prod-list {float: left; width: 100%; border-bottom: 2px solid #63666a; padding: 2%;}
.prod-list:last-of-type {border-bottom: none !important;}
.prod-list p {padding-bottom: 0;}
.prod-list .pl img {margin-top: 15px;}
.prod-list p strong {font-size: 20px; display: block;}
.prod-list .pl:nth-of-type(2) p:first-of-type strong, .prod-list .pl-f p:first-of-type strong {margin-top: 0px;}
.prod-list .pl:nth-of-type(2) p strong, .prod-list .pl-f p strong {margin-bottom: 18px; margin-top: 18px;} 
.prod-list div {float: left; width: 28%; margin: 2% 2% 2% 0;}
.prod-list .pl-f {width: 30%; margin-right: 0 !important;}
.prod-list .pl-f:after, .prod-list .sfd-cols-desc:after {content: "."; visibility: hidden; display: block; height: 0; clear: both;}

#contact .five-cols .et_pb_blurb {float: left; width: 17.601%; margin-right: 3%;}
#contact .five-cols .et_pb_blurb:last-of-type {margin-right: 0!important;}


/* Seafood Classes - Work especially for Shrimp products */
.prod-list .sfd-cols-name {width: 30%; float:left;}
.prod-list .sfd-cols-desc {width: 65%; float: right;}
.prod-list .sfd-cols-desc div {width: 45%; margin-right: 2%;}
.prod-list .sfd-cols-desc div.pl-f {width: 50% !important; margin-right: 0%;}
.sfd-row {width: 100% !important; margin-top: 0 !important;}
.sfd-cols-desc .sfd-row h4 {font-family: "Akkurat-Regular"; font-size: 20px;}
.sfd-cols-desc .sfd-row h4.sec {padding-top: 30px; margin-top: 15px; border-top: 1px solid #E0E0E0;}
.sfd-cols-name p strong, .sfd-row p strong {display: inline;}
.sfd-row p strong {font-size: 16px;}
.iqf-shr, .block-shr {width: 15px; height: 15px; line-height: 15px; display: inline-block; background-color: #f04923; margin-right: 5px;}
.iqf-shr {border-radius: 20px;} 

/* Seafood Classes - other tables */
.sfd-half {width: 48% !important;}  
.sfd-half .pl, .sfd-half .pl-f {width: 48% !important; position: relative;}


.manifesto-txt h3 {padding-bottom: 3%; line-height: 1.15em;}
.manifesto-txt {max-width: 768px; margin: 0 auto;}

/* Responsive Magic */

@media all and (min-width: 1281px) {
	.et_header_style_split #main-header {padding: 50px 0 !important;}
}

@media all and (max-width: 1280px) {
#main_slider .et_pb_slider .et_pb_container {width: 90%; max-width: none;}
.et_pb_svg_logo.et_header_style_split #logo {height: 65px !important;}
#main_slider .et_pb_slide_description .et_pb_slide_content h1 {font-size: 6vw !important;}
#main-footer {max-width: 1015px;}
.et_header_style_split #main-header {padding: 30px 0 !important;}
.divaire {height: 150px !important;}
}

@media all and (min-width: 981px) and (max-width: 1200px) {
	.et_header_style_split #logo {max-width: 80% !important;}
	#top-menu li {padding-right: 9px;}
	#top-menu li a {font-size: 15px !important;}
	#top-menu li.centered-inline-logo-wrap {padding: 0 25px 0 8px !important;}
	.et_pb_svg_logo.et_header_style_split #logo {height: 85px !important;}
} 

@media all and (min-width: 981px) {
	.et-fixed-header #top-menu li.current-menu-ancestor > a, .et-fixed-header #top-menu li.current-menu-item > a {color: #fff !important;}
}

@media all and (max-width: 980px) {
	.et_header_style_split #logo {max-height: 80px;}
	.et_header_style_split header#main-header .logo_container {max-height: 100px;}
	span.select_page {display: none !important;}
	.et_header_style_split #main-header .mobile_nav {background-color: rgba(255, 255, 255, 0.5) !important; /*border: 2px solid #f04923;*/ height: 36px; float: right; width: 42px;}
	.mobile_menu_bar:before {font-size: 42px;}
	.et_header_style_split #et_mobile_nav_menu {margin-top: -35px;}
	
.mobile_menu_bar:before {color: #f04923;}
.prod-inner {background-image: none !important;}
.mobile_nav .select_page {font-family: "Akkurat-Regular";}
.et_header_style_split #main-header .mobile_nav {background-color: rgba(0, 0, 0, 0.06);}
#main-header .et_mobile_menu {background-color: #f04923 !important; border-top: none;}
#main-header .et_mobile_menu a {color: #fff; text-transform: uppercase;}

#main_slider .et_pb_slide_description {padding: 20vh 8%;}

#main-footer {padding: 5% !important; max-width: none !important; width: 100%; margin:0 auto;}

#about .et_pb_main_blurb_image {text-align: left;}
#about .et_pb_blurb_content {margin: 0;}

#contact .five-cols .et_pb_blurb {width: 30%; margin-bottom: 10%;}

/* Seafood Classes - Work especially for Shrimp products */
.prod-list .sfd-cols-name {width: 45%; float:left;}
.prod-list .sfd-cols-desc {width: 50%; float: right;}
.prod-list .sfd-cols-desc div {width: 100%; margin-right: 0%;}
.prod-list .sfd-cols-desc div.pl-f {width: 100% !important; margin-right: 0%;}

/* Seafood Classes - other tables */
.sfd-half {width: 100% !important;}  
.sfd-half .pl, .sfd-half .pl-f {width: 100% !important; position: relative;}

.sfd-cols-desc .sfd-row h4.sec {padding-top: 35px; margin-top: 35px;}

}

@media all and (max-width: 768px) {
#main_slider .et_pb_slide_description h2.et_pb_slide_title {font-size: 35px !important;}
#main_slider .et_pb_slide_description .et_pb_slide_content h1 {font-size: 90px !important;}
#main_slider .et_pb_slide_description .et_pb_slide_content h2 {font-size: 30px !important;}
.prod-list {width: 100%; border-bottom: 2px solid #63666a; padding: 5% 0;}
.prod-list div {float: none; width: 100%; margin-right: 0;}
.prod-list .pl-f {width: 100%; margin-right: 0 !important;}

#contact .five-cols .et_pb_blurb {float: none; width: 100%; margin-right: 0%; margin-bottom: 15%;}
#contact .et_pb_main_blurb_image img {width: 100%;}
#contact .five-cols .et_pb_blurb h4 a {font-size: 80px;}
#contact.prod-2 h1 {font-size: 60px;}
.prod-2 h1 {font-size: 72px; letter-spacing: -1px;}
}

@media all and (max-width: 470px){

.et_header_style_split #logo {max-width: 60%;}

.et_header_style_split #main-header .container {width: 100%;}

#main_slider .et_pb_slide_description {padding: 12vh 8%;}
#main_slider .et_pb_slider .et_pb_container {width: 100%;}
#main_slider .et_pb_slide_description h2.et_pb_slide_title {font-size: 25px !important;}
#main_slider .et_pb_slide_description .et_pb_slide_content h1, .singular .prod-2 h1  {font-size: 50px !important;}
#main_slider .et_pb_slide_description .et_pb_slide_content h2 {font-size: 20px !important;}
.prod-2 h3 {font-size: 28px; letter-spacing: -1px;}

div.et_pb_section.prod-2.et_pb_section_0.et_pb_with_background.et_section_regular.et_section_transparent.et_pb_section_first {padding-top: 150px !important;}

.et_header_style_split #et_mobile_nav_menu {}
.et_pb_blurb_position_left .et_pb_main_blurb_image {width: 85px;}

#about h1 {font-size: 50px !important;}
#our-manifesto h1 {font-size: 42px;}
#our-manifesto .mani-mobi h3 {font-size: 25px !important;}



.prod-list {padding: 35px 0;}
.prod-list .sfd-cols-name {width: 100%; float:none;}
.prod-list .sfd-cols-desc {width: 100%; float:none;}
}

@media all and (max-width:380px) {
#main_slider .et_pb_slide_description .et_pb_slide_content h1 {font-size: 45px !important;}
}

@media all and (max-width:350px) {
#main_slider .et_pb_slide_description .et_pb_slide_content h1 {font-size: 40px !important;}
#main_slider .et_pb_slide_description {padding: 8vh 8%;}

#about h1 {font-size: 45px !important;}

}

/*iPhone 4s */
@media all and (max-width:325px) and (max-height:500px) {
#main_slider .et_pb_slide_description {padding: 0vh 8%;}
}


/*Height-based queries */
@media all and (max-height:675px) {
#main_slider .et_pb_slide_description {padding: 12vh 5%;}
}

@media all and (min-height:1150px) and (min-width:2000px) {

}


@media all and (min-height:900px){

}


@media all and (min-height:631px) and (max-height:780px){
	
}
@media all and (max-height:630px){
	
}




/****************************************************************/
/****************************************************************/
/****************************************************************/