/*
Theme Name: The Sykes Company
Template: Divi
Version: 3.0.106.1521728934
Updated: 2018-03-22 14:28:54

*/

/***
##Menu Area
##Home Page
##About Page
##Index Area and Single Posts
##Wholesale Page
##Farms Page
##Produce Page
##Availability Cart
##Footer Area
****/

@import url('https://fonts.googleapis.com/css?family=Fjalla+One');

html {
    -webkit-text-size-adjust: 100%;
}
body, p {
    font-family: "jaf-domus",sans-serif;
}
.tsc-fadein-animated {
    -webkit-animation: fadeIn .9s 1 cubic-bezier(0.77,0,.175,2);
    -moz-animation: fadeIn .9s 1 cubic-bezier(0.77,0,.175,2);
    -o-animation: fadeIn .9s 1 cubic-bezier(0.77,0,.175,2);
    animation: fadeIn .9s 1 cubic-bezier(0.77,0,.175,2);
    opacity: 1;
    animation-timing-function: ease-in;
}

.et_pb_button {
    font-weight: 600 !important;
}

.et_pb_scroll_top.et-pb-icon {
    color: #294d24;
    background: #c7c240;
    right: 4px;
    bottom: 4px;
    border-radius: 100px !important;
}

/***************************
##Menu Area
*************************/
.et_header_style_left .logo_container {
    width: 70% !important;
    display: inline-block;
}
span.logo_helper {
    padding-left: 12%;
}
#et-top-navigation {
    width: 30%;
    padding-left: 0 !important;
}

.et_mobile_menu li a:hover, .nav ul li a:hover {
    opacity: .6 !important;
}

.mobile_menu_bar.et_pb_header_toggle {
    width: auto;
}

.mobile_menu_bar:before {
    top: -9px !important;
    font-size: 16px !important;
    content: "MENU" !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    font-weight: 500;
    border: 2px solid #c7c240 !important;
    font-family: "jaf-domus",sans-serif !important;
    letter-spacing: .05em;
    padding: 4px 10px !important;
}

#main-header .container.clearfix.et_menu_container {
    width: 100%;
    height: 70px !important;
    max-height: 70px !important;
}
.et_pb_svg_logo #logo:hover {
    opacity: .7;
}
span.mobile_menu_bar.et_pb_header_toggle.et_toggle_slide_menu {
    margin-left: auto;
    text-align: right;
}
.wf-loading .mobile_menu_bar:before {
    opacity: 0;
}
#mobile_menu {
    z-index: 9998;
    top: 0;
    display: block !important;
    padding-top: 80px;
    border-top: none;
    min-height: 100vh;
}


@media (max-width: 980px) {
	#center-column-text.et_pb_column, #center-column-text .et_pb_text_align_left, #center-column-text h1 {
	    margin-right: auto !important;
	    margin-left: auto !important;
	    text-align: center !important;
	}
	.et_header_style_left #logo, .et_header_style_split #logo {
	    max-width: 100%;
	}
	.et_pb_svg_logo #logo, #logo {
 	   height: 80%;
 	   max-height: 80%;
	}
	span.mobile_menu_bar.et_pb_header_toggle.et_toggle_slide_menu {
	    text-align: right;
	    margin: auto;
	}
	.et_header_style_left #et-top-navigation, .et_header_style_left .et-fixed-header #et-top-navigation {
	    padding-top: 19px !important;
	}
	.et_header_style_left .mobile_menu_bar, .et_header_style_split .mobile_menu_bar {
	    padding-bottom: 0 !important;
	}
}

@media (min-width: 981px) {
	.et_right_sidebar #left-area {
	    width: 100%;
	    padding-right: 0;
	    float: left;
	}
	#main-content .container:before {
 	   display: none !important;
	}
	span.logo_helper {
	    padding-left: 35%;
	}
	
	.et_header_style_left .logo_container {
	    text-align: center;
	}
	.et_header_style_fullscreen #et-top-navigation, .et_header_style_slide #et-top-navigation {
	    padding: 19px 0 0 !important;
	}
}

.lower-menu-item {
    margin-left: 20px;
}

li.lower-menu-item a {
    padding-top: 0 !important;
    color: #a7a44f !important;
    font-size: 16px !important;
}

.et_header_style_slide .et_slide_in_menu_container {
    width: 220px !important;
}

.et_slide_in_menu_container ul#mobile_menu_slide {
    padding: 28px 10px 28px 28px;
}

/****************************
##Home Page
****************************/
#home-slide .et_pb_slides .et_pb_empty_slide .et_pb_slider_container_inner, #home-slide .et_pb_slides .et_pb_empty_slide.et_pb_container {
    height: 50vh !important;
    min-height: 400px !important;
}

@media (max-width: 500px) {
	#home-slide .et_pb_slides .et_pb_empty_slide .et_pb_slider_container_inner, #home-slide .et_pb_slides .et_pb_empty_slide.et_pb_container {
	    height: 40vh !important;
	    min-height: 300px !important;
	}
}

@media (min-width: 768px){
	#welcome-section .et_pb_column {
	    border-top-width: 2px !important;
	    border-top-color: #294c24;
 	    border-top-style: solid;
		border-bottom-width: 2px !important;
	    border-bottom-color: #294c24;
 	   border-bottom-style: solid;
	}
}

.home-page-icon {
    margin-bottom: 6px;
}

/****************************
##About Page
****************************/
@media (min-width: 700px) {
	img.bio-Image {
	    width: 40%;
	    margin-right: 30px;
	    margin-bottom: 10px;
	    float: left;
	}
}

#meet-our-team .et_pb_text p a {
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
#meet-our-team .et_pb_text p a:hover {
	color: #c7c240;
}

#our-story	.wp-caption {
    max-width: 100% !important;
    margin-bottom: 15px !important;
    padding: 8px !important;
    padding-top: 8px !important;
    border: none !important;
    background-color: #ffffff !important;
    text-align: center !important;
    float: left !important;
    width: 100% !important;
    margin-left: 0px !important;
}

#our-story .wp-caption p.wp-caption-text {
    padding: 0 5px 0  !important;
    font-size: 15px  !important;
    line-height: 1.2  !important;
}

@media (min-width: 830px) {
	img.tsc-circa-1 {
	}
	
#our-story	.wp-caption {
    float: right !important;
    width: 46% !important;
    margin-left: 18px !important;
}
}

#about-text h4{
	margin-top: 20px;
}





/****************************
##Index Area and Single Posts
****************************/

#main-content .container-blog {
    width: 90%;
    margin: 20px auto 0;
    max-width: 1400px;
}

.blog-title, h1.blog-title, h1.blog-title a {
    font-family: 'Fjalla One', sans-serif !important;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 10px;
    padding-top: 10px;
	-webkit-transition: all 340ms ease;
    -moz-transition: all 340ms ease;
    -ms-transition: all 340ms ease;
    transition: all 340ms ease;
}

h1.blog-title a:hover {
	color: #c7c240;
}

.tsc-blog-single {
    width: 90%;
    max-width: 700px;
    margin: 20px auto 0;
}

.et_post_meta_wrapper {
    text-align: center;
}

.single .tbm-blog-single .entry-content {
    padding-top: 0 !important;
}

.single .et_pb_post .entry-content {
    padding-top: 14px;
    margin-top: 4px;
    border-top: 2px solid #e8e8b7;
    border-bottom: 2px solid #e8e8b7;
    padding-bottom: 20px;
}

.et_pb_post .post-meta {
    color: #294c24;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .05em;
}

.et_pb_post .post-meta a:hover {
	text-decoration: underline !important;
}

@media (max-width: 479px){
	.et_pb_post .post-meta {
	    color: #294c24 !important;
		padding-top: 10px;
	}
}

.pagination {
    margin-top: 20px;
    clear: both;
    text-transform: uppercase;
    font-size: 14PX;
    letter-spacing: .05em;
    font-weight: 600;
}

.pagination-left {
    display: inline-flex;
}
.pagination-right {
    display: inline-flex;
    float: right;
}
.pagination a:hover {
    text-decoration: underline;
}

.category-title {
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 20px;
    letter-spacing: .03em;
}

/****************************
##Wholesale Page
****************************/
img.trading-seal {
    width: 100%;
    max-width: 150px;
    margin-bottom: 10px;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	cursor: pointer;
}

img.trading-seal:hover {
    opacity: .6;
}

img.affiliate {
    width: auto;
    max-height: 80px;
    padding: 0 10px;
    margin: 0 18px;
}

@media (max-width: 1000px){
img.affiliate {
    display: block;
    margin: 10px auto !important;
}
}

.certificates p {
    padding-bottom: 5px !important;
}

.certificates p a {
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.certificates p a:hover {
	color: #294d24 !important;
}

/****************************
##Produce Page
****************************/
@media (min-width: 981px){
	#column-flip {
	    direction: rtl !important;
	}
	
	#column-flip .et_pb_column {
    direction: ltr !important;
	}
}


.squash-light a:hover, .squash-dark a:hover{
	text-decoration: underline !important;
	
}

.squash-dark strong {
    color: #d1cd71 !important;
    font-weight: 600 !important;
}

.squash-light strong {
    font-weight: 600 !important;
}
/****************************
##Availability Cart
****************************/

#availability-chart {
    display: grid;
	grid-template-columns: 16% 28% 28% 28%;
    grid-row-gap: 2px;
	grid-column-gap: 2px;
    background-color: #ffffff;
    padding: 0px;
    border: 0px solid #d3d655;
    justify-content: center;
}

#availability-chart .title-1 {
  background-color: #ffffff;
}
#availability-chart .title-2 {
    background-color: #294c24;
    padding: 16px 2px;
    font-size: 16px;
    letter-spacing: 0.05em;
    font-family: 'Fjalla One',Helvetica,Arial,Lucida,sans-serif;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    line-height: 1;
}

#availability-chart .month {
    background-color: #c7c240;
    padding: 6px 4px;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    color: #294c24;
    font-weight: 600;
    letter-spacing: .05em;
}

#availability-chart .fill-left {
    background-color: #e9e8b8;
    text-align: center;
}
#availability-chart .no-fill-left {
  background-color: #f2f0cc;
  text-align: center;
}

#availability-chart .fill-right {
    background-color: #e9e8b8;
    text-align: center;
}
#availability-chart .no-fill-right {
  background-color: #f2f0cc;
	  text-align: center;
}

#availability-chart .border-1{ border-top-left-radius: 14px;}
#availability-chart .border-2{ border-top-right-radius: 14px;}
#availability-chart .border-3{ border-bottom-left-radius: 14px;}
#availability-chart .border-4{ border-bottom-right-radius: 14px;}

img.tsc-icon {
    margin-bottom: -12px;
}

@media (max-width: 380px) {
	#availability-chart .title-2 {
	    font-size: 12px;
	}
	#availability-chart .month {
	    font-size: 12px;
	    padding: 6px 5px;
	}
	img.tsc-icon {
    max-width: 39px !important;
    width: 100%;
}
}

/****************************
##Availability Cart
****************************/

#baranzini li strong {
    color: #c7c240 !important;
    font-weight: 600 !important;
}

#watermelon-text strong {
    color: #c7c240 !important;
    font-weight: 600 !important;
}

#right-way h4 {

}



/****************************
##Footer Area
****************************/

#footer-widgets {
    display: flex;
    padding-bottom: 50px;
    padding-top: 50px;
    border-top: 2px solid #294c24;
    border-bottom: 2px solid #294c24;
}

.et_pb_widget {
    float: none;
}

#main-footer .container {
    width: 85% !important;
}
#main-footer .footer-widget:nth-child(1) {
    border-right: 2px solid #294c24;
}
#main-footer .footer-widget:nth-child(1) {
    width: 33.3333% !important;
}
#main-footer .footer-widget:nth-child(2) {
    width: 33.3333% !important;
    border-right: 2px solid #294c24;
}
#main-footer .footer-widget:nth-child(3), #main-footer .footer-widget:nth-child(4) {
    width: 33.3333% !important;
}
#main-footer .footer-widget {
    text-align: center;
    margin: 0;
}
#main-footer .footer-widget h4 {
    font-size: 16px;
    padding-bottom: 4px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .05em;
}
#main-footer .footer-widget p {
    font-size: 16px;
}
#footer-copyright {
    text-align: center;
    padding: 0 20px;
    font-size: 14px;
    margin-bottom: 10px;
}
#contact-us {
    position: relative;
    height: 70px;
    z-index: 1;
    margin-top: 20px;
    margin-bottom: -36px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 230px 70px !important;
    background-image: url(/wp-content/uploads/2018/03/The-Sykes-Company-Footer-Top-02.svg);
}

@media (max-width: 980px){
.footer-widget:nth-child(n) {
    margin: 0!important;
}
}


@media (max-width: 800px) {
	#footer-widgets {
	    display: block;
	}
	#main-footer .footer-widget:nth-child(1), #main-footer .footer-widget:nth-child(2), #main-footer .footer-widget:nth-child(3), #main-footer .footer-widget:nth-child(4) {
	    width: 100% !important;
	    margin: 0 !important;
	}
	#main-footer .footer-widget {
	    border-right: none !important;
	    border-bottom: none !important;
	}
	#main-footer .footer-widget:nth-child(1), #main-footer .footer-widget:nth-child(2), #main-footer .footer-widget:nth-child(3) {
	    padding-bottom: 0;
	}
	#main-footer .footer-widget:nth-child(3), #main-footer .footer-widget:nth-child(4) {
	    padding-top: 0;
	}
	#main-footer .footer-widget:nth-child(1) h4:first-of-type:before {
 	   display: none !important;
	}
	#main-footer .footer-widget h4:before {
	    display: block;
	    padding-bottom: 13px;
	    content: "....";
	}
	#main-footer .footer-widget p {
	    font-size: 18px;
	    padding-bottom: 4px !important;
	}
}