/*
* Theme Name: Greeley Farms
* Theme URI: https://www.lachancedesign.com/
* Description: Greeley Farms Custom Theme
* Author: Rob Parks
* Author URI: https://www.lachancedesign.com/
* Template: mesmerize
* Version: 0.0.333333
* License: GNU General Public License v2 or later
* License URI: http://www.gnu.org/licenses/gpl-2.0.html
* Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
* Text Domain: mesmerize
*/
@import url("../mesmerize/style.css");


/*---------------------------------------------------
>> Global Styles & Resets
---------------------------------------------------*/
:root {

	/* Site Colors */
	--greeley-red: #9E271F;
	--greeley-green: #668038;
	--greeley-charcoal: #383838;
	--greeley-brown: #482714;
	--greeley-tan: #E2C9BC;
	--greeley-cream: #F8F4EB;

	/* Site Fonts */
	--josefin: 'josefin-sans', sans-serif;
	--mont: 'montserrat', sans-serif;

	/* Site Transitions */
	--trans: all .3s ease-in-out;

}
html, body {
	overflow-x: hidden!important;
}
html *, body * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: var(--mont);
	color: var(--greeley-charcoal);
}
.whiteTxt, .whiteTxt * {
	color: white!important;
}
.error404 .post-list {
    height: auto!important;
}
.shadowImg img {
	box-shadow: 6px 6px 9px rgba(0,0,0,.3);
	transition: var(--trans);
}
.shadowImg img:hover {
	margin-top: -10px;
	margin-bottom: 10px;
	box-shadow: 6px 6px 12px rgba(0,0,0,.9);
}
.shadBox {
  border: 1px solid gray;
  box-shadow: 3px 3px 9px rgba(0,0,0,.6);
}
.josefin, .josefin * {
	font-family: var(--josefin)!important;
}
.mont, .mont * {
	font-family: var(--mont)!important;
}
a, a * {
	transition: var(--trans)!important;
}
a:not(.vc_btn3 .n2-ow):hover, 
a:not(.vc_btn3 .n2-ow):hover * {
	color: var(--greeley-red);
}
.z9 {
	z-index: 9;
}
input, 
textarea, 
select {
    border-color: grey!important;
}
.marg-bottom {
    margin-bottom: 15px;
}
.gridBox .wpcf7-checkbox {
  display: grid;
  grid-template-columns: auto auto auto;
}


/*---------------------------------------------------
>> Navigation Styles
---------------------------------------------------*/
.header-top-bar {
	background-color: var(--greeley-green); 
}
.header-top-bar * {
  color: white !important;
}
.top-bar-field a:hover {
  color: var(--greeley-tan)!important;
}
.header-top-bar .fa-extra-tiktok {
	display: none;
}
.header-top-bar .top-bar-field span {
  font-size: 1rem;
}
.navigation-bar ul#main_menu>li:last-child {
  background: var(--greeley-red);
  color: white !important;
  border: 2px solid var(--greeley-red);
  border-radius: 100px;
}
.navigation-bar ul#main_menu li:last-child:hover {
  background: transparent;
}
ul.dropdown-menu li a {
    font-weight: 400!important;
    text-transform: revert!important;
}
.coloured-nav ul.dropdown-menu.active-line-bottom > .current_page_item > a, 
.coloured-nav ul.dropdown-menu.active-line-bottom > .current-menu-item > a, 
.coloured-nav ul.dropdown-menu.default > .current_page_item > a, 
.coloured-nav ul.dropdown-menu.default > .current-menu-item > a,
.fixto-fixed ul.dropdown-menu.active-line-bottom > .current_page_item > a, 
.fixto-fixed ul.dropdown-menu.active-line-bottom > .current-menu-item > a, 
.fixto-fixed ul.dropdown-menu.default > .current_page_item > a, 
.fixto-fixed ul.dropdown-menu.default > .current-menu-item > a {
  border-color: var(--greeley-red);
}
.coloured-nav ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item):hover > a, 
.coloured-nav ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item).hover > a, 
.coloured-nav ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item):hover > a, 
.coloured-nav ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item).hover > a, 
.fixto-fixed ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item):hover > a, 
.fixto-fixed ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item).hover > a, 
.fixto-fixed ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item):hover > a, 
.fixto-fixed ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item).hover > a {
  color: var(--greeley-red);
}
ul.dropdown-menu > li:hover > a, 
ul.dropdown-menu > li.hover > a {
    color: var(--greeley-red);
}
#mainmenu_container ul:last-child li:last-child > a {
  border-bottom: none !important;
}


/*---------------------------------------------------
>> Navigation Styles
---------------------------------------------------*/
.floatLuteCont {
	position: relative;
}
.floatSolute {
  position: absolute!important;
  top: -500px;
  left: 0;
}


/*---------------------------------------------------
>> Interior Page  Styles
---------------------------------------------------*/
.page-template-default h1.hero-title {
  font-family: var(--josefin);
  font-weight: 700;
  text-decoration: underline;
}


/*---------------------------------------------------
>> Footer Styles
---------------------------------------------------*/
.footer * {
  color: white !important;
}
.footer h4.widgettitle {
  font-family: var(--josefin);
  font-weight: 300;
  font-size: 34px;
  margin-bottom: 24px;
  text-decoration: underline;
}
.footer-content-lists .footer-content {
  background: var(--greeley-green);
  padding-top: 2rem;
  padding-bottom: 3rem;
}
.footer .widget_nav_menu+.widget_nav_menu {
	margin-top:20px;
}
.footer #menu-socials li {
  display: inline-block;
}
.footer #menu-socials li+li {
  margin-left: 15px;
}


/*---------------------------------------------------
>> Media Queries
---------------------------------------------------*/

@media (max-width:80.063em){
    /*For screen sizes: 1281.008px*/

}
@media (max-width:74.96875em){
    /*For screen sizes: 1199.5px*/

}
@media (max-width:72.063em){
    /*For screen sizes: 1153.008px*/

}
@media (max-width:64.063em){
    /*For screen sizes: 1025.008px*/

}
@media (max-width:61.9375em){
    /*For screen sizes: 991px*/

}
@media (max-width:60.063em){
    /*For screen sizes: 961.008px*/

}
@media (max-width:54.063em){
    /*For screen sizes: 865.008px*/
	html *, body * {
		text-align: center!important
	}
	.mobReset {
		margin-top:20px!important;
		margin-bottom:20px!important;
	}
}
@media (max-width:47.9375em){
    /*For screen sizes: 767px*/
}
@media (max-width:40.063em){
    /*For screen sizes: 641.008px*/

}
@media (max-width:35em){
    /*For screen sizes: 560px*/

}
@media (max-width:33.75em){
    /*For screen sizes: 540px*/

}
@media (max-width:30.063em){
    /*For screen sizes: 481.008px*/

}
@media screen and (max-width:28.75em){
    /*For screen sizes: 460px*/

}
@media screen and (max-width:20em){
    /*For screen sizes: 320px*/

}