/**
 * Theme Name: Kushaagra Innovations Foundation
 * Template: agrikole
 * Version: 1.0
 * Description: Responsive WordPress Theme for Agriculture and Farming
 * Author: LearnEd Studio
 * Author URI: https://learnedstudio.com
 **/

html {
  scroll-behavior: smooth;
}
body {
    font-family: "Barlow"!important;
    font-weight: 400!important;
    font-size: 18px!important;
    color: #666666!important;
	overflow: visible;
}
h2{
	line-height:50px!important;
	font-size:40px;
}
/*Links*/
a:hover, a:focus, a:active {
    color: #24c49d!important;
}
.agrikole-links > span {
    position: relative;
    display: inline-block;
    transition: transform ease 0.3s;
    color: #24c49d;
}
.make-inline {
    float: left;
    margin: 10px;
}
.widget.widget_nav_menu ul li{
	line-height: 25px!important;
    margin-bottom: 10px!important;
}
/*.clearfix {
    clear: inherit!important;
}*/
/*hide breadcrumbs*/
div#breadcrumbs{
	display:none!important;
}
/*partners carousel link to hide*/
.partner-item a {
	pointer-events: none;
}
/*All external links*/
.agrikole-links.link-style-2 > span {
    color: #24c49d!important;
    text-decoration: underline!important;
	font-weight:500!important;
}
#sidebar{
	position: sticky;
	top: 120px;
}

/*Hide empty pspace above the header*/
.fit-vids-style {
    display: none!important;
}
/*button for project post */
.vc_btn3.vc_btn3-style-custom{
	background-image: none!important;
}
/*Menu and sub menu style*/
.header-style-4 #site-header .wrap-inner {
    display: inline-flex!important;
}
#main-nav .sub-menu .sub-menu.left {
    left: 100%!important;
    margin-top: 5px!important;
}
#main-nav .sub-menu li a > span{
	line-height: 1.5em;
}
/*ul.sub-menu {
    padding-top: 2px!important;
    padding-bottom: 2px!important;
}
#main-nav .sub-menu .sub-menu {
    top: -2px!important;
}*/
ul.sub-menu {
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}
.nav-wrap {
    padding-left: 30px!important;
}
/*Agrikole icon box*/
.agrikole-icon-box.clearfix.icon-left.align-left.link-hover-accent.simple p {
    margin-bottom: 5px!important;
}

/*Contact form changes*/
blockquote{
	background-color: #fff7ca;
}
.phone-wrap input {
    width: 100%!important;
}
input.wpcf7-form-control {
    background: white!important;
    height: 55px!important;
}
.wpcf7-form .submit-wrap input {
    width: 170px!important;
    padding: 20px 40px!important;
    font-size: 16px!important;
}
.wpcf7-form .name-wrap input, .wpcf7-form .email-wrap input, .wpcf7-form .phone-wrap input, .wpcf7-form .subject-wrap input {
    height: 55px!important;
}
/*Together we can contact form changes*/
input.wpcf7-form-control.has-spinner.wpcf7-submit {
    background-color: #ffd800!important;
     width: 170px!important;
    padding: 20px 40px!important;
    font-size: 16px!important;
}
div#organizationName {
    padding: 0px;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-required.wpcf7-validates-as-tel.wpcf7-not-valid {
    margin-bottom: 0px;
}
.input-wrap{
	margin-bottom:5px;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
    background-color: #404a3d!important;
}
textarea.wpcf7-form-control.wpcf7-textarea {
    height: 140px;
    background: white;
}
.radio-wrap {
    padding-left: 40px!important;
}
.select-wrap p, .selection-wrap {
	margin-left: 10px;
	margin-right: 10px;
}
/*Post font UI*/
.post-content h2{
font-size:30px;
margin-bottom: 0px;
}

.post-content h4{
font-size:20px;
}
.post-content.clearfix {
    margin-bottom: 70px;
} 
.is-single-post .hentry .post-title {
    margin-bottom: 25px;
}
/*Footer and prefooter*/
#footer-widgets .widget .widget-title {
    margin: 0px 0px 20px 0px!important;
	font-size: 28px;
}
.footer-grid .span_1_of_3.col:nth-child(2) {
    width: 23.33%;
}
.footer-grid .span_1_of_3.col:nth-child(3) {
    width: 43.33%;
}
.contact-cta {
    background-size: 60%!important;
}
#footer {
    padding: 50px 0 10px!important;
}
#footer-widgets .widget .widget-title > span:after {
    background: url(https://kif.learnedstudio.com/wp-content/uploads/2020/01/separator.png)!important;
    background-repeat: no-repeat!important;
    background-position: left bottom!important;
    bottom: auto!important;
    height: 65px!important;
    width: -webkit-fill-available!important;
	margin-top: 10px;
}
footer#footer i a, 
footer#footer i span{
    font-family: 'Barlow';
    font-weight: initial;
}
.kif-hover-box h2{
font-size:22px!important;
color:#404a3d!important;
font-weight:600!important;
}
.vc-hoverbox-wrapper.vc-hoverbox-align--center{
	line-height:1.5!important;
}
/*header bg color change*/
header#site-header {
    background: #f9f9f9!important;
}
.header-style-1 #site-header.fixed-hide, .header-style-4 #site-header.fixed-hide {
    background-color: #f9f9f9!important;
}
/*INNER PAGES*/
.header-style-3 #featured-title .inner-wrap, .header-style-4 #featured-title .inner-wrap {
    padding: 50px 0 50px;
}
#featured-title #breadcrumbs a:hover{
	color: #ffd800 !important;
}
/*About Us*/
.less-large-screen .agrikole-simple-image.simple img {
    max-width: 420px !important;
    width: 90% !important;
}
#logo-meaning .agrikole-simple-image img{
    max-width: 300px !important;
    width: 90% !important;
}
/*sidebar*/
.widget.widget_nav_menu .menu > li.current-menu-item > a, .widget.widget_nav_menu .menu > li.current-menu-item{
    color:#35c9a5!important;
}
/*For all inner pages*/
#main-content {
    padding: 0px!important;
}
/*h4 - post grid title*/
.project-box .project-text .title {
    font-size: 17px!important;
	line-height:0.3!important;
}
.project-box .project-image .title-wrap .title{
	font-size:30px!important;
	line-height:1.5!important;
}
/*Accordion collapse icon*/
.agrikole-accordions .accordion-item .accordion-heading > .inner:before {
    content: "\f067"!important;
}

.agrikole-accordions .accordion-item.active .accordion-heading > .inner:before {
    content: "\f068"!important;
}
/*Footer quick links*/
#footer-widgets .widget.widget_links ul li a {
    font-size: 18px!important;
}
/*Link*/
.agrikole-links.link-style-2.dark {
    color: #404a3d;
    overflow-wrap: anywhere;
}
/*Hide teh recent projects under each project page*/
.project-related-wrap{
display:none;
}
/* What do I do with it */
/*TABLES*/
	table.kif-table{
	border-collapse:collapse!important;
	border: none;
}
	table.kif-table td, table.kif-table tr{border:none;}
	table.kif-table tr {
    border-bottom: 2px solid #efe06b;
}
	table.kif-table td:nth-child(1){
	border-right: 1px solid #efe06b;
}
	table.kif-table tr:last-child{
	border-bottom: none;
}
/*homepage - hover box styles*/
	.vc-hoverbox-block.vc-hoverbox-front {
    background-repeat: no-repeat;
    background-position-y: 75px!important;
	justify-content: start!important;
}
.agrikole-simple-image .agrikole-video-icon{
	top:60%!important;
}

/*Email download styling*/
.email_download_link p{
	display:inline-block;
}
.email_download_link p input{
	padding: 10px;
	background-color:white;
}
.email_download_link input[type="submit"]{
	background-color: #ffd800!important;
    padding: 20px 40px!important;
    font-size: 16px!important;
}
img.attachment-agrikole-post-single.size-agrikole-post-single.wp-post-image {
    max-width: 100%;
    width: 100%;
    margin-top: 30px;
}
/*Facebook social feed spacing - curator*/
.crt-widget .crt-grid-post-content {
    margin: 10px;
}

blockquote a {
    color: green!important;
}

/* Post Tags*/

.post-tags.clearfix {
    padding-bottom: 55px;
}
.hentry .post-media {
    margin: 0 auto;
    width: 70%;
    }
.post-content p{
    line-height: 32px;
}

.kif-projects .vc_grid-filter.vc_grid-filter-left {
    text-align: center;
    width: 25%;
}
.vc_grid-filter>.vc_grid-filter-item>span {
    text-transform: uppercase!important;
}

.vc_grid-filter-item.vc_gitem-post-category-name {
    line-height: 3.5;
	font-weight: bolder;
}
/*---------------------------------- MEDIA QUERIES -------------------------------*/

@media only screen and (max-width:575px){
	h2{
		font-size: 36px!important;
	}
	table.kif-table td {
    width: 100%;
    display: block;
   }
	table{
		table-layout: auto!important;
	}
	.radio-wrap {
    padding-left: 0px!important;/*together we can form*/
    }
	.phone-wrap {
    margin-bottom: -17px;/*together we can form*/
    }
 	table.kif-table td:nth-child(1) {
		border-right: none;
		font-weight: bold;
	}
	figure.gallery-item {
    max-width: 100%!important;
    display: block!important;
    }
	.widget.widget_links ul.col2 li {
	 width: 100%;
    }
	
	.post-content h2{
    font-size: 26px!important;
    line-height: 32px!important;
    }
}

@media only screen and (min-width:1360px){
    .less-large-screen{
        display:none!important;
    }
}
@media only screen and (max-width:1359px){
    .large-screen{
        display:none!important;
    }
}
@media only screen and (min-width:992px){
    .hide-on-laptop
	{
        display:none!important;
    }
   .header-style-4 .site-header-inner
	{
    max-width: 100%;
    margin-left: 10px;
    }
}
@media only screen and (max-width:991px)
{
	/*Headings line height css*/
	.agrikole-headings .heading, .agrikole-headings .sub-heading{
	line-height:45px!important;
}
	/*contact page about section*/
	div#contact-kif-section {
    padding: 25px 5px!important;
}
	.hide-on-mobile{
		display:none!important;
	}
}

@media only screen and (max-width: 767px) {
	.swap-on-mobile {
		display: flex !important;
		flex-direction: column-reverse!important;
	}
}
@media only screen and (max-width:500px){
	.vc-hoverbox-block.vc-hoverbox-front{
		background-size:48%!important;
	}
}
@media only screen and (min-width:501px) and (max-width: 767px)
{
	.vc-hoverbox-block.vc-hoverbox-front {
    background-size: 28%!important;
	}
}
@media only screen and (min-width:768px) and (max-width: 991px)
{
	.vc-hoverbox-block.vc-hoverbox-front {
    background-size: 21%!important;
	}
	.agrikole-iconboxs.group-4 .agrikole-icon-box {
    float: none;
    display: inline-block;
    vertical-align: top;
}
	.content-wrap {
    width: 88%;
    display: inline-block;
}
   .agrikole-icon.icon-font.custom.custom {
    width: 12%!important;
    float: left;
    margin-top: 8px!important;
}
	.agrikole-icon.icon-text.custom.custom {
    margin-top: 10px!important;
    vertical-align: top;
}
	.client-details .agrikole-icon.icon-font.custom.custom {/*Vaayu page icons for tablet*/
    display: flex!important;
    flex-direction: row-reverse!important;
}
}
@media only screen and (min-width:992px) and (max-width: 1199px)
{
	.vc-hoverbox-block.vc-hoverbox-front {
		background-position-y: 105px!important;
	    background-size: 60%!important;
}
	.vc-hoverbox-block.vc-hoverbox-front h2{
		line-height:30px!important;
	}
}
@media only screen and (min-width:1200px) {
	.vc-hoverbox-block.vc-hoverbox-front {
	    background-size: 60%!important;
}
}