/*
Theme Name: Agro-Ecological Child
Description: Agro-Ecological Child Theme
Author: NZ Digital
Template: agro-ecological
Version: 1.0
*/

@import url("../agro-ecological/style.css");
@import url("../agro-ecological/css/layout.css");

#logo {
    float: left;
    margin: 35px 0 0;
}

.header-hero-custom-section {
	max-height: 200px;
}

/*#header {
    border-top: 3px solid #4a8531 !important;*/
}

.mediumbtn {
    font-size: 11px !important;
    letter-spacing: 2px !important;
    line-height: 14px !important;
    padding: 8px 22px 8px 22px!important;
}

.be-button {
	margin-bottom: 0px !important;
}

.news-button {
	background-color: rgb(82, 137, 56);
    border-color: transparent;
    border-style: solid;
    color: #ffffff !important;
    padding: 11px 40px !important;
    font-size: 12px !important;
    letter-spacing: 3px !important;
    line-height: 14px !important;
    text-transform: uppercase !important;
}

body.header-transparent #header-inner-wrap #navigation, body.header-transparent #header-inner-wrap .header-controls, body.header-transparent #header-inner-wrap .mobile-nav-controller-wrap {
    line-height: 132px !important;
}

#navigation a {
	padding: 0 13px !important;
}

h2, h3, h4, h5 {
    margin-bottom: 5px;
    margin-top: 10px;
}

#back-to-top {
    display: none !important;
}

#navigation ul li a {
    padding: 0 10 0 10;
}

#navigation ul .sub-menu li a {
    display: block;
    padding: 5px 17px !important;
}

.left-sidebar-page {
	padding-top: 40px !important;
	}

hr {
    margin-bottom: 10px !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    background: #528938 !important;
    border-color: #528938 !important;
}

.ui-tabs .ui-tabs-nav li a {
	background: #528938 !important;
	border-color: #528938 !important;
}

li.ui-tabs-active a { 
position: relative;  
} 

li.ui-tabs-active a:after, li.ui-tabs-active a:before { 
top: 100%; 
left: 50%; 
border: solid transparent; 
content: " "; 
height: 0; 
width: 0; 
position: absolute; 
pointer-events: none; 
} 

li.ui-tabs-active a:after { 
border-color: rgba(170, 204, 102, 0); 
border-top-color: #528938; 
border-width: 14px; 
margin-left: -14px;
} 

li.ui-tabs-active a:before { 
border-color: rgba(170, 204, 102, 0); 
border-top-color: #528938; 
border-width: 15px; 
margin-left: -15px; 
}

.ui-tabs .ui-tabs-nav li a, .ui-accordion .ui-accordion-header, .skill_name, .be-notification, .wpcf7-response-output.wpcf7-validation-errors, .wpcf7-response-output.wpcf7-mail-sent-ok {
    font-size: 12px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase;
    font-weight: 600;
}

.ui-tabs .ui-tabs-panel {
    border: 1px solid;
    display: block;
    margin-top: -1px;
    padding: 15px 0 0 5px !important;
}

.ui-tabs .ui-tabs-nav li a {
	padding: 10px 22px !important;
	}
	
ul li, ol li {
    margin-bottom: 2px;
}
	
.mediumbtn {
    font-size: 12px !important;
    letter-spacing: 2px !important;
    line-height: 11px;
    padding: 11px 15px !important;
}

.post-title a {
    color: #4a8531 !important;
}

.carousel-wrap {
    margin-bottom: 20px !important;
    position: relative;
}

/*MAIN TAGS STYLING*/

h3 {
	margin-bottom: 20px;
}

h4 {
	margin-bottom: 15px;
	margin-top:0px;
}

h4 {
    color: #222 !important;
    letter-spacing: 0;
    text-transform: none;
}

h5 {
	color: #222222;
	font-size: 15px;
	}

p {
	margin-bottom: 15px !important;
}

/*STYLES END*/

/*HOME PAGE STYLES*/

.home_intro_text {
	padding: 0 20px 0 0;
}

.tp-button.green, .tp-button.green:hover, .purchase.green, .purchase.green:hover {
    background-color: rgb(82, 137, 56) !important;
    padding:10px 20px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    font-weight: 200;
    letter-spacing: 1px !important;
    font-size:15px !important;
}

.tp-button.darkgrey, .tp-button.grey, .tp-button.darkgrey:hover, .tp-button.grey:hover, .purchase.darkgrey, .purchase.darkgrey:hover {
    background-color: #231f20 !important;
    padding:10px 20px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    font-weight: 200;
    letter-spacing: 1px !important;
    font-size:15px !important;
}

.tp-button {
	border-radius: 1px !important;
}

.be-button-wrap {
    display: inline-block;
    margin: 15px 20px 10px 0 !important;
}

.pathway_title {
	font-size: 22px;
	padding: 7px 0 10px;
}

.thumb-overlay {
	display: none !important;
	}
	
/*.thumb-bg {
    background-color: rgba(74, 133, 49, 0.85);
}*/


/*STYLES END*/

/*FOOTER STYLES*/


#footer {
    font: 13px/14px "Open Sans","Open Sans","Arial",sans-serif !important;
    letter-spacing: .5px !important;
    text-transform: none !important;
   }
    
#copyright a {
	color: #9f9f9f !important;
}

#copyright {
	color: #9f9f9f !important;
}

#bottom-widgets h6 {
font-weight: bold !important;
}
 
.linkedin {
	width: 220px;
	font-size: 13px;
	color: rgb(82, 137, 56) !important;
	letter-spacing: 1.5px;
	line-height: 19px;
}

.widget_listcategorypostswidget ul {
	list-style: none;
	padding-left: 0px;
}

.widget_listcategorypostswidget li {
	color: rgb(82, 137, 56);
	text-transform: uppercase;
	font-size: 12px;
}

.widget_listcategorypostswidget li a {
	display: block;
	color: #9f9f9f !important;
	text-transform: none;
	font-size: 14px;
}

#bottom-widgets .widget {
    margin-bottom: 20px;
}

#bottom-widgets .widget ul li a:hover, #bottom-widgets a:hover {
    color: #4a8531 !important;
    }

/*STYLES END*/

/*STYLES FOR SUB MENU NAVIGATION*/

#navigation .sub-menu .current-menu-item > a {
background: #141414 !important;
}

#navigation ul .sub-menu li a:hover {
background: #141414 !important;
}

#navigation .sub-menu { 
 
} 

#navigation .sub-menu:after, #navigation .sub-menu:before {
bottom: 100%; 
left: 20%; 
border: solid transparent; 
content: " "; 
height: 0; 
width: 0; 
position: absolute; 
pointer-events: none; 
} 

#navigation .sub-menu:after { 
border-color: rgba(20, 20, 20, 0); 
border-bottom-color: #141414; 
border-width: 8px; 
margin-left: -8px; 
} 

#navigation .sub-menu:before { 
border-color: rgba(20, 20, 20, 0); 
border-bottom-color: #141414; 
border-width: 13px; 
margin-left: -13px; 
}

/*STYLES END*/

/*STYLES FOR SIDEBARS*/

.widget_nav_menu {
    background: none repeat scroll 0 0 rgba(35, 31, 32, 1);
    padding: 20px;
    color: #fff;
    border-radius: 2px;
    position: relative;
}

.widget_nav_menu:after, .widget_nav_menu:before { 
left: 100%; 
top: 10%; 
border: solid transparent; 
content: " "; 
height: 0; 
width: 0; 
position: absolute; 
pointer-events: none; 
} 

.widget_nav_menu:after { 
border-color: rgba(35, 31, 32, 0); 
border-left-color: #231f20; 
border-width: 7px; 
margin-top: -7px; 
} 

.widget_nav_menu:before { 
border-color: rgba(35, 31, 32, 0); 
border-left-color: #231f20; 
border-width: 10px; 
margin-top: -10px; 
}

.widget_nav_menu h6 {
	color: #ffffff !important;
}
	
	
#research_widget {
	background: #528938;
	padding: 20px;
	color: #ffffff;
	border-radius: 2px;
	position: relative;
}

#research_widget a {
	color: #ffffff !important;
}

#research_widget:after, #research_widget:before { 
left: 100%; 
top: 11%; 
border: solid transparent; 
content: " "; 
height: 0; 
width: 0; 
position: absolute; 
pointer-events: none; 
} 

#research_widget:after { 
border-color: rgba(35, 31, 32, 0); 
border-left-color: #528938; 
border-width: 7px; 
margin-top: -7px; 
} 

#research_widget:before { 
border-color: rgba(35, 31, 32, 0); 
border-left-color: #528938; 
border-width: 10px; 
margin-top: -10px; 
}

/*FORM SUBMIT BUTTON*/

input[type="submit"], .action-button .be-button {
    border: medium none;
    border-radius: 0px !important;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    letter-spacing: 3px;
    line-height: 11px;
    margin: 0 20px 10px 0;
    padding: 10px;
    text-decoration: none;
    text-transform: uppercase;
}

/*STYLES END*/

/*STYLES FOR BOTTOM OF CONTACT PAGE*/

.gform_wrapper .gform_footer {
    clear: both;
    margin: 16px 0 0;
    padding: 16px 0 10px;
    max-height: 80px;
}

/*STYLES END*/

.page-title-module-custom {
    background-color: rgba(35, 31, 32, 1);
    padding: 15px 0 !important;
}



#page-content.content-single-sidebar {
    max-width: 850px !important;
    width: 100% !important;
}

#left-sidebar, .right-sidebar-page #page-content {
    margin-right: 20px !important;
}

.two_third {
    padding-right: 2%;
    width: 63.6% !important;
}

.one_third {
    padding: 0 10px 10px !important;
}


/*STYLES FOR BLOG PAGE*/

.post-title {
    line-height: 23px;
    margin-top: 0;
    text-transform: none;
    letter-spacing: 0px;
}

.post-nav {
    font-size: 11px;
    padding: 0 0 5px;
}

.more-link {
    display: block;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.blog-separator .separator {
    margin-bottom: 65px;
    margin-top: 20px;
}

/*STYLES END*/

/*STYLES FOR THE ARCHIVE PAGE*/

code, pre {
    font-family: inherit !important;
}


/*STYLES END*/


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

}
/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
	/*Styles*/
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	#left-sidebar {
	display: none;
	}
	.left-sidebar-page #page-content, .dual-sidebar-page #page-content {
    float: left;
	}
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}