/*
	Theme Name: Favco_2018
	Theme URI: http://favcoqld.com.au
	Description: HTML5 Blank WordPress Theme
	Version: 1.0
	Author: WK Digital
	Author URI: https://wkdigital.com.au

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php


*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

body{ font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; color:#58595b; font-weight: 400;}

h1,h2,h3,h4,h5,h6 { font-family: 'Montserrat', Helvetica, Arial, sans-serif; margin-bottom:10px; color:#000; margin-top: 0; widows: 2; orphans: 2; font-weight: 300;}
h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong { font-weight: 700;}

h1 { font-size: 38px; line-height: 48px;}
h2 { font-size: 45px; line-height: 55px;}
h3 { font-size: 28px; line-height: 38px;}
h4 { font-size: 18px; line-height: 28px;}
h5 { font-size: 16px;}
h6 { font-size: 14px;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}
p{ widows: 2; orphans: 2;}
italic{}
strong{ font-weight: 700;}
a { color: #343434; text-decoration: none; font-weight: 700;}
a:hover {color:#F60C48;}
a:focus {outline:0;}
a:hover, a:active {outline:0;}
input:focus {outline:0; border:1px solid #04A4CC;}
cite {color:#F60C48; line-height: 38px; }	
small{ font-size:10px !important; line-height: 12px; margin-bottom: 0;}
/* clear */
.clear:before,.clear:after {content:' '; display:table;}
.clear:after { clear:both;}

img { max-width:100%; vertical-align:bottom;}
iframe{ width: 100%;}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/***** header *****/
header#main-header{ background: #516107 /*#90992c*/; color: #fff; padding-top: 10px;}
h1#headerlogo{margin: 0 !important;}
.navbar-nav>li>a{ font-size: 16px; color:#fff !important; font-weight: 700; padding-top: 10px; padding-bottom: 10px;}
.clientlogin button.btn.btn-default{background: #6e840a /*#b0bc2b*/; border: none; color: #fff; font-size: 12px; line-height: 13px; font-weight: bold;}
header#main-header .phone{ font-size: 15px; padding-top: 10px; font-weight:700; color: #fff;}
header#main-header .phone a{color: #fff !important;}
header#main-header .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{background-color: transparent;}
header#main-header .nav>li>a{padding: 10px 10px;}
header#main-header .nav > li > a:hover, header#main-header .nav > li > a:focus{ color: #BED844 !important; background-color: #4e5d07;}
.navbar-default .navbar-brand{ color:#fff;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background-color: #BED844;}
.navbar-default .navbar-toggle .icon-bar{background-color: #fff;}
/*subnav*/
ul.dropdown-menu{background: #6e840a; padding: 0;}
ul.dropdown-menu a:hover{background: #90992c; color:#fff;}
ul.dropdown-menu li{border-top: 1px solid #90992c;}
ul.dropdown-menu li:last-child{border-bottom: 1px solid #90992c;}
ul.dropdown-menu li a{color: #fff; padding-top: 8px; padding-bottom: 8px;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{background: #90992c;}
/***** main area *****/
#china span.ee-hotspot__wrapper:before{background-color: #ff2038 !important;}
#usa span.ee-hotspot__wrapper:before{background-color: #2227ff !important;}
#australia span.ee-hotspot__wrapper:before{background-color: #ff6d1f !important;}

/*** clickable div, column or another element using a button ***/ .elementor-13 .turn_btn_into_clickable_container, .elementor-13 .turn_btn_into_clickable_container a.elementor-button { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 1000px; height: 1000px; display: block; background: transparent; border-radius: 0; } .elementor-13 .turn_btn_into_clickable_container a.elementor-button span { display: none; }

/****** footer ******/
footer#main-footer{ font-size: 14px; background: #212b02; padding: 20px 0 40px 0; color: #fff;}
footer#main-footer a{color:#fff;} 
footer#main-footer ul{ list-style: none; margin: 0; padding: 0;}
.clientlogin{ margin-bottom: 10px;}
.contactdetails{ font-size:16px;}
p.copyright{margin-bottom: 2px; font-size: 12px; line-height: 16px; text-align: right;}
/* Social Media menu items */
ul#menu-footer-social-media.menu a  {font-family: FontAwesome;}
ul#menu-footer-social-media.menu li{ float: left; margin-right: 15px; margin-bottom: 10px}
ul#menu-footer-social-media.menu li:last-child{margin-right:0;}

div.col-sm-4.contactdetails .widget_text h3{ display:none;}
div.col-sm-4.contactdetails .widget_text{ padding-top:10px;}


/***** adjusted media queries ******/
@media screen and (min-width: 300px) and (max-width:700px) /* Mobile */ {
	.navbar-default{background-color: #6e840a; border-color: #4e5d07; margin-bottom: 20px !important;}
	.col-xs-12 img#logo{padding-left: 35%; margin-bottom: 20px}
	header#main-header .phone{ font-size:20px;}
	header#main-header .phone a{ color: #fff; font-weight: bold;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a{ color:#fff !important;}
	.clientlogin button.btn.btn-default{ margin-bottom: 20px;}
	p.copyright{text-align: left;}
	.social.pull-right{float: left !important;}
	footer#main-footer .social{ margin: 20px;}
	.elementor-2 .elementor-element.elementor-element-400805d{padding: 0px 0px 0px 5px !important;}
	.favcofarms .favcoleft, .favcointernational .favcoleft{ padding-left: 20px;}
	.elementor-2 .elementor-element.elementor-element-138a7790 > .elementor-element-populated{background-image: none !important;}
	.elementor-23 .elementor-element.elementor-element-1395e776 > .elementor-element-populated{background-image: none !important;}
}
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape)/* Mobile landscape */ {
	  div.col-sm-2.col-xs-12.homelogo{}
	  div.col-sm-7.col-xs-12.mainnav{ width: 50%;}
	  div.col-sm-3.col-xs-12.logincontact{ width: 50%;}
	  .navbar-default .navbar-nav .open .dropdown-menu>li>a{ color:#fff !important;}
	  .elementor-2 .elementor-element.elementor-element-138a7790 > .elementor-element-populated{background-image: none !important;}
	.elementor-23 .elementor-element.elementor-element-1395e776 > .elementor-element-populated{background-image: none !important;}
	  
}

@media screen  and (min-width: 701px) and (max-width: 779px) /* Tablet portrait */ {
	header#main-header .navbar{min-height: 10px; margin-bottom: 0;}
    footer#main-footer .social{margin-bottom: 80px;}
	.clientlogin button.btn.btn-default{margin-top: 7px;}
	.col-sm-5.footermenus{ padding-top: 58px;}
	.navbar-default{ background-color: transparent; border: none;}
	.navbar-brand{display: none;}
	.navbar .container-fluid{padding-right:0;}
	.navbar .navbar-collapse{padding-right:0;}
	header#main-header .col-sm-7.col-xs-12{ float: right;}
	header#main-header .col-sm-3.col-xs-12{ float: left;}
	header#main-header .col-sm-7{width: 30%;}
	header#main-header .col-sm-3{ width:50%;}
	.navbar-nav>li>a{font-size: 14px !important;}
	div.col-sm-6.clientlogin.col-xs-3 a{ float: right;}
	div.col-sm-6.phone.col-xs-9{ text-align: right;}
	div.col-sm-3.col-xs-12 .col-sm-6.phone{ width: 80%;}
	div.col-sm-3.col-xs-12 .col-sm-6.clientlogin{ width: 20%;}
	div.col-sm-3.col-xs-12 a{ color: #fff;}
	div.elementor-element.elementor-element-7d54eedc.elementor-widget.elementor-widget-heading h2{ font-size: 30px;}
	div#main-blurb-text.elementor-element.elementor-element-2cb75b1.elementor-column.elementor-col-50.elementor-top-column{width: 100%;}
	div#main-blurb-image.elementor-element.elementor-element-ad2195c.animated.elementor-column.elementor-col-50.elementor-top-column.fadeInRight{width: 100%;}
	.elementor-2 .elementor-element.elementor-element-400805d{padding: 0px 0px 0px 20px !important;}
	.favcoproducts .elementor-column.elementor-col-14{width: 25% !important;}
	.elementor-46 .elementor-element.elementor-element-fe1c97e > .elementor-element-populated{padding: 210px 0px 128px 10px;}
	.elementor-46 .elementor-element.elementor-element-613b10d > .elementor-element-populated{padding: 306px 0px 0px 90px;}
	.turn_btn_into_clickable_container a.elementor-button{ font-size: 15px !important;}
}

@media screen  and (min-width: 780px) and (max-width:1024px) /* Tablet landscape */ {
	header#main-header .navbar{min-height: 10px; margin-bottom: 0;}
    footer#main-footer .social{margin-bottom: 80px;}
	.col-sm-5.footermenus{ padding-top: 58px;}
	.navbar-default{ background-color: transparent; border: none;}
	.navbar-brand{display: none;}
	.navbar-nav>li>a{font-size: 13px !important;}
	.navbar .container-fluid{padding-right:0;}
	.navbar .navbar-collapse{padding-right:0;}
	header#main-header .nav>li>a{padding: 10px 10px; font-size: 14px;}
	header#main-header .col-sm-2{width: 11%;}
	header#main-header .col-sm-7{width: 65%;}
	header#main-header .col-sm-3{width: 24%; padding-left: 0; padding-right: 0;}
	header#main-header .phone{padding-left: 0;}
	header#main-header .phone a{ color: #fff !important; font-size: 13px !important;}
	.elementor-2 .elementor-element.elementor-element-400805d{padding: 0px 0px 0px 20px !important;}
	div#main-blurb-text.elementor-element{width: 45%}
	div#main-blurb-image.elementor-element{width: 55%; object-fit: cover;}
	.favcofarms .favcoleft, .favcointernational .favcoleft{ padding-left: 20px;}
	.elementor-2 .elementor-element.elementor-element-138a7790 > .elementor-element-populated{background-position: -420px 0px !important;}
}

@media screen and (min-width: 1025px) and (max-width:1399px) /* small Desktop */ {
	.col-sm-2.homelogo{width: 12%;}
	.col-sm-7.mainnav{width: 63%;}
	.navbar-default{ background-color: transparent; border: none;}
	.navbar-brand{display: none;}
	.navbar .container-fluid{padding-right:0;}
	.navbar .navbar-collapse{padding-right:0;}
	header#main-header .navbar{min-height: 10px; margin-bottom: 0;}
    footer#main-footer .social{margin-bottom: 80px;}
	.col-sm-5.footermenus{ padding-top: 38px;}
	div.col-md-4.col-sm-6.clientlogin.col-xs-3{padding-top: 8px;}
	
}
@media screen and (min-width: 1400px) /* Desktop */ {
	.col-sm-2.homelogo{width: 12%;}
	.col-sm-7.mainnav{width: 63%;}
	.navbar-default{ background-color: transparent; border: none;}
	.navbar-brand{display: none;}
	.navbar .container-fluid{padding-right:0;}
	.navbar .navbar-collapse{padding-right:0;}
	.col-sm-5.footermenus{ padding-top: 58px;}
	.f-endcolumn{ padding-top:40px;}
	div.col-md-4.col-sm-6.clientlogin.col-xs-3{padding-top: 8px;}
}
@media screen and (min-width: 1600px) /* Desktop */ {
}
@media screen and (min-width: 2400px) /* Desktop */ {
}

/***** adjusted bootstrap collapse query ******/
@media (max-width: 778px) {
    .navbar-header {float: none;}
    .navbar-left,.navbar-right {float: none !important;}
    .navbar-toggle {display: block;}
    .navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
    .navbar-fixed-top {top: 0;border-width: 0 0 1px;}
    .navbar-collapse.collapse {display: none!important;}
    .navbar-nav {float: none!important;margin-top: 7.5px;}
    .navbar-nav>li {float: none;}
    .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
    .collapse.in{display:block !important;}
}

/*------------------------------------*\
    Forms
\*------------------------------------*/
input, textarea{ display: block; width: 100%; padding: 10px; font-size:14px; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; margin-bottom: 20px;}
label{display: inline-block; margin-bottom: .5rem; font-size:14px;}
input.wpcf7-form-control.wpcf7-submit{ background-color: transparent; border: none;}
input.wpcf7-form-control.wpcf7-submit, .wpcf7-form .btn-primary{ background-color: #928822; border-color: #6A6210; color: #fff !important; font-weight: bold; width: 30%;}

/*------------------------------------*\
    IMAGES
\*------------------------------------*/

img.attachment-post-thumbnail{
	margin-bottom:60px;
}


/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

h1 {
font-size: 2em;
margin: 0 0 0.9em 0;
}
@media (min-width: 768px){
	h1 {
font-size: 3em;
margin: 0 0 0.9em 0;
}
}
@media (min-width: 1000px){
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    comment form
\*------------------------------------*/
#respond { 
background: #ececec;
padding:0 5px 0 5px;
}
/* Highlight active form field */

#respond input[type=text], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}
 
 
#respond input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}

p.comment-form-comment label{
	display:block;
	width:100%;
}
#reply-title { } 
#cancel-comment-reply-link { }
#commentform { } 
#author { } 
#email { } 
#url { } 
#comment{} 
#commentform #submit{ padding:10px;}
.comment-notes { } 
.required { }
.comment-form-author { }
.comment-form-email { } 
.comment-form-url { }
.comment-form-comment { } 
.form-allowed-tags { display:none; } 
.form-submit{}



/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}