/* @override http://afti.wpengine.com/wp-content/plugins/gravityforms/css/forms.css?ver=1.6.5.1 */



/*
Theme Name: AFTI
Version: 1.0
*/


@import url("css/reset.css");
@import url("css/flexslider.css");

body {
	font-family:"Open Sans", sans-serif;
	font-size:12px;
	font-weight:400;
	color:#666;
}

/*************************************************
*	01. MISC									 *
*************************************************/

a {
	color:#559674;
	text-decoration:none;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}
a:hover {
	color:#444;
}
p {
	line-height:25px;
	margin-bottom:1.2em;
	font-size: 16px;
}
h1, h2, h3, h4, h5, h6 {
	line-height:1.5em;
	font-weight:300;
	margin-bottom:1em;
}
h1 {	font-size:22px; }
h2 { font-size:20px; }
h3 { font-size:18px; }
h4 { font-size:16px; }
h5 { font-size:14px; }
h6 { font-size:13px; }
h7  {text-transform: uppercase;
	font-weight: 800;
	font-size: 30px !important;
	text-align: center;
	color: #222;
	margin: 0 120px 8px 120px;}

/*** Fit to content width ***/
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}

/* to conform with Theme Check*/
.wp-caption, .wp-caption-text, .sticky, .gallery-caption, .bypostauthor {
}

/* hide white slider div on load */
.block.slider.home {
	display: none;
}

/* hover boxes start invisible*/
.portfolio-text {
	opacity: 0;
}


/*************************************************
*	02. GENERAL									 *
*************************************************/

#wrapper {
	overflow: hidden;
}
.container {
	max-width:940px;
	margin:0 auto;
}

.main {
	margin-bottom:60px;
}

.content {
	/*width:620px;*/
	width: 66%;
	margin-right:30px;
	float:left;
}

.sidebar {
	/*width:260px;*/
	width: 27%;
	float:right;
	padding-left:30px;
	box-shadow: -15px 0px 30px -15px #d3d3d3;
}

/*************************************************
*	03. HEADER									 *
*************************************************/

#header {

	background:#fff;
	height:90px;
	position:relative;


}
#header .container {
	display: flex;
	justify-content: space-between;
	height: 100%;
}

#logo {
	float:left;
	align-self:center;
}
#logo a img {
	width: 100%;
}

/*********************************
*	03.1 NAVIGATION				 *
*********************************/

#header .menu {
	float:right;
}
#header .menu li {
	position:relative;
	float:left;
	margin-left:40px;
	font-size:12px;
	text-transform:uppercase;
	font-weight:300;
	padding-bottom:20px;
}
#header .menu li:first-child {

}
#header .menu li a {
	color:#888;
}
#header .menu li a:hover {
	text-decoration:none;
	color:#444;
}

#header .menu li.current_page_item a, #header .menu li.current-menu-item a {
	color:#559674;
	font-weight:800;
}

/** Dropdown **/

#header .menu li ul {
	position:absolute;
	left:-20000px;
	z-index:99999;
	background:url(images/menu-arrow.png) no-repeat;
	background-position:12px -1px;
	padding:7px 0 0 0;
}
#header .menu li:hover ul {
	position:absolute;
	left:0;
	top:25px;
}
#header .menu li ul li {
	width:146px;
	padding:6px 6px 6px 12px;
	margin:0;
	font-size:11px;
	background:#f3f3f3;
	-webkit-box-shadow: 0px 3px 5px rgba(15, 15, 15, .2);
	-moz-box-shadow:    0px 3px 5px rgba(15, 15, 15, .2);
	box-shadow:         0px 3px 5px rgba(15, 15, 15, .2);
}
#header .menu li ul li:first-child {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
#header .menu li ul li:last-child {
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
#header .menu li ul li:hover {
	background:#e9e9e9;
}
#header .menu li ul li a:hover {
	text-decoration:none;
}
#header .menu li ul li:last-child {
	margin-bottom:0;
}
#header .menu li ul li a {
	color:#888;
}

#header .menu li ul.sub-menu li a, #header .menu li ul li a {
	color:#888;
	font-weight:300;
}

/** Dropdown lvl 3 **/
#header .menu li ul li ul {
	position:absolute;
	top:-20000px;
	background:none;
	display:none;
}
#header .menu li ul li:hover ul {
	left:164px;
	top:0;
	display:inline;
}
#header .menu li ul li ul li:first-child {
	border-top:1px solid #e8e8e8;
}

/*** Dropdown lvl 4 ***/
#header .menu li ul li ul.sub-menu li ul {
	position:absolute;
	top:-20000px;
}
#header .menu li ul li ul.sub-menu li:hover ul {
	left:168px;
	top:-18px;
}

/** Responsive navigation **/
.container .responsive-navi {
	display:none;
}


/*************************************************
*	04. BLOCKS & ITEMS							 *
*************************************************/

.block {
	margin-bottom:60px;
	overflow:hidden;
	width:100%;
}

.block-header {
	margin:0 -120px;
	overflow:hidden;
	background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0))), -webkit-gradient(radial, 50% 0%, 0, 50% 0%, 80, color-stop(0%, rgba(0, 0, 0, 0.04)), color-stop(80%, rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0) 100%), -webkit-radial-gradient(top center, ellipse cover, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0) 80%);
	background-image: -moz-linear-gradient(top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0) 100%), -moz-radial-gradient(top center, ellipse cover, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0) 80%);
	background-image: -o-linear-gradient(top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0) 100%), -o-radial-gradient(top center, ellipse cover, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0) 80%);
	background-image: linear-gradient(top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0) 100%), radial-gradient(top center, ellipse cover, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0) 80%);
	-webkit-background-size: 95% 1px, 95% 40px;
	-moz-background-size: 95% 1px, 95% 40px;
	-o-background-size: 95% 1px, 95% 40px;
	background-size: 95% 1px, 95% 40px;
	background-position: top center;
	padding: 35px 0 30px 0;
	background-repeat: no-repeat;
}

h2.block-title {
	text-transform:uppercase;
	font-weight:800;
	font-size:30px !important;
	text-align:center;
	color:#444;
	margin:0 120px 8px 120px;
}

/** Block header single page **/
.block-header.page {
	margin:0;
	background:none;
	padding:0 0 26px 0;
}
.block-header.page h2.block-title {
	float:left;
	margin:0;
	font-size:20px !important;
	text-transform:none;
	font-weight:300;
	color:#666;
}
h2.block-title.page {
	float:left;
	margin:0;
	font-size:20px !important;
	text-transform:none;
	font-weight:300;
	color:#666;
}

p.block-description {
	color:#888;
	font-size:16px;
	font-weight:300;
	text-align:center;
	margin:0 120px 14px 120px;
}


.item4 {
	float:left;
	width:220px;
	margin-right:20px;
}
.item3 {
	float:left;
	width:300px;
	margin-right:20px;
}
.item5 {
	float:left;
	width:172px;
	margin-right:20px;
}

.last {
	margin-right:0;
}

.block.builder-content {
	margin-bottom:30px;
}

/*** Items with sidebar ***/
.content .block {
	margin-bottom:40px;
}
.content .block.slider {
	width:620px;
	border:none;
}
.content .block.slider img {
	width:620px;
	height:auto;


}
.content .item4 {
	width:194px !important;
	margin-right:19px;
}
.content .item4 img {
	max-width:194px;
}
.content .item4.portfolio-item {
	margin-bottom:0 !important;
}
.content .item4.portfolio-item img {
	width:194px;
	height:auto;
}
.content .item4.portfolio-item .portfolio-text {
	width:174px;
	height:194px;
}
.content .item3 {
	width:194px !important;
	margin-right:19px;
}
.content .item3.last {
	margin-right:0;
}
.content .item3.team img {
	width:194px;
	height:auto;
}
.content .item4.service-item {
	width:290px !important;
	margin-bottom:20px;
}
.content .block.clients .item4 {
	width:140px !important;
}
.content .block.clients .item4 img {
	max-width:140px;
	height:auto;

}
.content .block.clients .item4.last {
	margin-right:0;
}

/*********************************
*	04.1 WELCOME TEXT			 *
*********************************/
.flexslider_slider .slider-text {
	display: none;
}

.welcome-text {
	text-align:center;
}
/*.welcome-text h2 {
  font-size:22px;
  font-weight:300;
  color:#fff;
  line-height:32px;
  margin-bottom:16px;

}
.welcome-text p {
  font-size:18px;
  color:rgba(255, 255, 255, 0.7);
  line-height:1.3em;
  font-weight:300;
}
.welcome-text a.welcome-button {
  border:2px solid #FFF;
  font-size:13px;
  font-weight:700;
  text-transform:uppercase;
  padding:8px 13px 10px 13px;
  color:#fff;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  margin-top:22px;
  display:inline-block;
}
.welcome-text a.welcome-button:hover {
  border:2px solid rgba(255, 255, 255, 0.5);
  color:rgba(255, 255, 255, 0.5);
}

.welcome-text span.or {
  font-size:18px;
  font-style:italic;
  color:rgba(255, 255, 255, 0.5);
  margin:0 8px;
}*/

/*** New styles ***/
.welcome-text .firstline h2 {
	font-size:47px;
	text-transform:uppercase;
	font-weight:700;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.8);
	line-height:1.2em;
	margin-bottom:24px;
}
.welcome-text span.and {
	font-family:"Great Vibes";
	font-size:66px;
	font-weight:400;
	margin:0 10px 0 4px;
}

.welcome-text .secondline p {
	font-size:20px;
	font-weight:300;
	color:rgba(255, 255, 255, 0.9);
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 1);
}
.welcome-text .secondline p strong {
	font-weight:600;
}

.welcome-text a.welcome-button {
	margin-top:18px;
	display:inline-block;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 50px;
	background:#559775 url(images/button.png) repeat-x;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
	color:#FFF;
	text-transform:uppercase;
	font-weight:600;
	font-size:16px;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
	padding:18px 40px 20px 40px;
}

.welcome-text a.welcome-button:hover {
	background:#559775;
	-o-transition:none;
	-ms-transition:none;
	-moz-transition:none;
	-webkit-transition:none;
	transition:none;
}

.welcome-text span.or {
	color:rgba(255, 255, 255, 0.9);
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
	font-family:"Great Vibes";
	font-size:50px;
	margin:0 18px 0 14px;
}


/*********************************
*	04.2 PORTFOLIO BLOCK		 *
*********************************/
ul.portfolio-filter {
	float:right;
	margin-top:2px;
}
ul.portfolio-filter li {
	background:url(images/filter-separator.png) no-repeat right;
	float:left;
	margin-left:15px;
	padding-right:19px;
}
ul.portfolio-filter li:last-child {
	background:none;
	padding-right:0;
}
ul.portfolio-filter li a {
	color:#888;
}
ul.portfolio-filter li a.current {
	font-weight:600;
	color:#666;
}

.block.portfolio {
	margin-bottom:40px;
}

.portfolio-item {
	margin-bottom:20px;
	position:relative;
	width:220px;
	height:220px;

}
.item4.portfolio-item img {
	width:220px;
	height:220px;
}
.item3.portfolio-item {
	width:300px;
	height:300px;
}
.item5.portfolio-item {
	width:172px;
	height:172px;
}
.item5.portfolio-item img {
	width:172px;
	height:172px;
}
.portfolio-item img {
	position:absolute;
	-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
}
.portfolio-text {
	position:absolute;
	width:200px;
	height:220px;
	background-color: #559674;
	text-align:center;
	/*display:none;*/
	padding: 0 10px;
	-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
}
.item3.portfolio-item .portfolio-text {
	width:280px;
	height:300px;
}
.item5.portfolio-item .portfolio-text {
	width:152px;
	height:172px;
}

.portfolio-text h3 a {
	color:#FFF;
	font-size:14px;
	font-weight:500;
}
.portfolio-text h3 a:hover {
	color:#fff;
}
.portfolio-text h3 {
	line-height:1em;
	margin-bottom:8px;
}

.item5.portfolio-item .portfolio-text h3 a {
	font-size:12px;
}
.item5.portfolio-item .portfolio-text h3 {
	line-height:15px;
}

.portfolio-text a:hover {
	text-decoration:none;
}
.portfolio-text span.cat a, .portfolio-text span.cat {
	font-size:10px;
	text-transform:uppercase;
	font-weight:300;
	color:rgba(255, 255, 255, 0.8);
	margin-bottom:-2px;
	display:block;
}

/*	.portfolio-item:hover > .portfolio-text {
		display:inline;
	}*/

/*********************************
*	04.3 BLOG BLOCK		 		 *
*********************************/
.block.blog img {
	margin-bottom:8px;
}

.block.blog h3 a {
	color:#555;
	font-size:13px;
	font-weight:800;
	display:block;
	line-height:19px;
}
.block.blog h3 {
	margin-bottom:0;
}

.block.blog span.cat a {
	font-size:10px;
	font-weight:800;
	color:#999;
	display:block;
	text-transform:uppercase;
	margin-bottom:5px;
}

/*********************************
*	04.4 SERVICES BLOCK			 *
*********************************/
.service-item {
	text-align:center;
	padding:0;
}
.service-item img {
	margin:0 0 12px 0;
}
.service-item h3 {
	font-size:17px;
	font-weight:800;
	color:#444;
	text-transform:uppercase;
	margin-bottom:10px;
}
.service-item p {
	color:#888;
	margin-bottom:0;
}

/*********************************
*	04.5 PAGINATION BLOCK		 *
*********************************/

.pagination ul li{
	float:left;
	margin-right:5px;
}
.pagination ul li a.page-numbers {
	background:#ddd;
	padding:7px 13px;
	color:#888;
	display:inline-block;
}
.pagination ul li a.page-numbers:hover {
	text-decoration:none;
	background-color:#559674;
	color:#fff;
}
.pagination ul li span.page-numbers.current {
	background-color:#559674;
	color:#fff;
	padding:7px 13px;
	display:inline-block;
}
.pagination ul li span.page-numbers.dots {
	padding:7px;
	line-height:40px;
	color:#999;
}

.content .block.pagination {
	margin-bottom:0;
}

/*********************************
*	04.6 LOAD MORE BLOCK		 *
*********************************/

.loadmore {
	text-align:center;
	margin-bottom:60px;
}
.loadmore a {
	background:#eee;
	padding:16px 30px;
	display:inline-block;
	text-transform:uppercase;
	color:#888;
}
.loadmore a:hover {
	text-decoration:none;
	background:#e1e1e1;
}

/*********************************
*	04.7 TEAM					 *
*********************************/

.team img {
	margin-bottom:10px;
	-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
}
.team h5 {
	margin-bottom:3px;
	color:#444;
}
.team span.status {
	font-size:10px;
	text-transform:uppercase;
	font-weight:300;
	color:#999;
	border-bottom:1px solid #eee;
	padding-bottom:10px;
	margin-bottom:10px;
	display:block;
}

/*********************************
*	04.8 TESTIMONIALS			 *
*********************************/
.testimonial {
	padding:16px;
	-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
	border:1px solid #ddd;
	-webkit-box-shadow: 0px 1px 1px rgba(100, 100, 100, 0.1);
	-moz-box-shadow: 0px 1px 1px rgba(100, 100, 100, 0.1);
	box-shadow: 0px 1px 1px rgba(100, 100, 100, 0.1);
}
.testimonial p {
	font-style:italic;
	font-size:13px;
	color:#888;
	line-height:19px;
}
.testimonial span.name {
	font-size:12px;
	font-weight:600;
	display:block;
	margin-bottom:-2px;
}
.testimonial span.company {
	font-size:10px;
	color:#559674;
}
.testimonial .testi-image {
	background:url(images/testimonial-quote.png) no-repeat;
	display:block;
	float:left;
	margin:0 12px 0 0;
	width:46px;
	height:46px;
}
.testimonial-arrow-wrapper {
	width:100%;
	height:12px;
	text-align:center;
}
span.testimonial-arrow {
	display:inline-block;
	background:url(images/testi-arrow.png) no-repeat;
	height:12px;
	width:24px;
	margin-top:-1px;
	margin-bottom:16px;
}
.testimonial-image {
	text-align:center;
	margin-top:16px;
}
.testimonial-image img {
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}

.testimonials .item3:hover > .testimonial {
	background:#559674;
}
.testimonials .item3:hover > .testimonial p {
	color:#fff;
}
.testimonials .item3:hover > .testimonial span.name {
	color:#fff;
}
.testimonials .item3:hover > .testimonial span.company {
	color:#fff;
}
.testimonials .item3:hover > .testimonial .testi-image {
	background-position:-46px 0;
}
.testimonials .item3:hover > .testimonial-arrow-wrapper > span.testimonial-arrow  {
	background-color:#559674;
	background-image:url(images/testi-arrow.png) no-repeat;
	background-position:-24px 0;
}

/*********************************
*	04.9 SLIDER BLOCK			 *
*********************************/
.block.slider {
	border:10px solid #FFF;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	width:920px;
	display: none;
}
.block.slider img {
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.block.slider.home {
	height: 0px;
}
.homepage .page-title {
	padding-top: 0px;
}




/*************************************************
*	05. PAGES									 *
*************************************************/
.page-title-wrapper {
	height:170px;
	padding:0;
	background:url(https://aftindia.org/wp-content/themes/AFTI/images/homepage-bg4.jpg) no-repeat;
	/*margin-bottom:55px;*/
}
.page-title-wrapper .page-title-bg {
	background-color:rgba(255,155,59,1);
	height:170px;
}
.page-title-wrapper.homepage {
	height:350px;
	border:none;
}
.page-title-wrapper.homepage .page-title-bg {
	height:350px;
}

/** For index.php **/
.page-title-wrapper.homepage.index {
	height:270px;
	border:none;
}
.page-title-wrapper.homepage.index .page-title-bg {
	height:270px;
}
.page-title-wrapper.homepage.index .welcome-text h2 { padding-top:95px; }

.page-title {
	margin:0 auto;
	width:940px;
}
.page-title h1 {
	font-size:30px;
	font-weight:700;
	color:#FFF;
	line-height:30px;
	float:left;
	margin-right:16px;
	margin-top: 50px;

}
.page-title small {
	line-height:174px;
	font-size:13px;
	font-weight:300;
	color:rgba(255, 255, 255, 0.6);
}

/*************************************************
*	05. PORTFOLIO SINGLE						 *
*************************************************/
.portfolio-image {
	margin-bottom:30px;
}

.portfolio-navi {
	float:right;
}
.portfolio-navi a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
}

.portfolio-descrip {
	float:left;
	width:620px;
}

.portfolio-details {
	float:right;
	width:240px;
	padding-left:30px;
	margin-left:40px;
	box-shadow: -15px 0px 30px -15px #d3d3d3;
}
.portfolio-details ul {
	margin-bottom:26px;
}
.portfolio-details ul li {
	border-bottom:1px dashed #e2e2e2;
	margin-bottom:10px;
	padding-bottom:10px;
}
.portfolio-details ul li br {
	display:none;
}
.portfolio-details ul li a {
	margin-right:5px;
	padding-right:14px;
	display:inline-block;
	background:url(images/port-sep.png) no-repeat right;
}
.portfolio-details ul li a:last-of-type {
	background:none;
	margin-right:0;
	padding-right:0;
}
span.icon {
	height:16px;
	width:16px;
	display:inline-block;
	line-height: 16px;
	vertical-align: text-top;
	margin-right:8px;
}
span.icon.cat {
	background:url(images/icon-category.png) no-repeat;
}
span.icon.date {
	background:url(images/icon-date.png) no-repeat;
}
span.icon.client {
	background:url(images/icon-client.png) no-repeat;
}
span.icon.comment {
	background:url(images/icon-comment.png) no-repeat;
}

/* Portfolio Half layout */
.portfolio-image.half {
	width:540px;
	margin-right:20px;
	float:left;
}

.portfolio-content.half {
	width:360px;
	float:right;
}

.portfolio-content.half .portfolio-descrip {
	float:none;
	width:360px;
	margin-bottom:24px;
}
.portfolio-content.half .portfolio-details {
	float:none;
	width:360px;
	padding-left:0;
	margin-left:0;
	box-shadow:none;
}


/*************************************************
*	09. SIDEBAR									 *
*************************************************/

.widget {
	margin-bottom:30px;
	overflow:hidden;
}

h2.widget-title {
	font-size:12px;
	text-transform:uppercase;
	color:#888;
	letter-spacing:1px;
	margin-bottom:12px;
}

.widget ul li {
	background:url(images/list-arrow.png) no-repeat;
	background-position:0 5px;
	padding-left:16px;
	margin-bottom:5px;
}
.widget ul li ul li, .widget ul li ul.children li {
	background:url(images/list-arrow.png) no-repeat;
	background-position:0 11px;
	padding:5px 0 0 12px;
}
.widget ul li a {
	color:#559674;
	font-weight:700;
}
.widget a:hover {
	text-decoration:underline;
}
/*********************************
*	09.1 WIDGETS				 *
*********************************/

/** Widget standard input forms **/
.widget input {
	font-size:11px;
	background-position:8px 10px;
	color:#999;
	padding-left:24px;
	border:1px solid #ddd;
	margin-bottom:0;
	padding:8px 12px;
	-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
}

/* Search widget */
input.search {
	font-size:14px;
	background:url(images/search.png) no-repeat left;
	background-position:8px 12px;
	color:#999;
	padding-left:24px;
	border:1px solid #ddd;
	margin-bottom:0;
	padding:8px 8px 8px 26px;
	width:218px;
	-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
}
input:focus.search {
	outline:none;
}

/* Twitter widget */
ul.twitter li {
	background:url(images/tweets.png) no-repeat top left;
	margin-bottom:10px;
	padding-left:30px;
	line-height:18px;
}
ul.twitter li a span {
	display:inline;
}
ul.twitter li a:hover {
	text-decoration:none;
}
ul.twitter li span {
	font-size:10px;
	text-transform:uppercase;
	color:#999;
	display:block;
	margin-top:2px;
}

/* Grid Items */
ul.grid-items li {
	background:none;
	padding:0;
	float:left;
}
/* editbymb 11032013 */
ul.grid-items img {
	margin-right:10px;
	margin-bottom:4px;
}

ul.grid-items img.last {
	margin-right:0;
}

/** Calendar Widget **/
#wp-calendar {width: 100%; }
#wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;}
#wp-calendar tbody td a { font-weight:700; }
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; }
#wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; }
#wp-calendar thead th { padding-bottom: 10px; text-align: center; }
#wp-calendar td#today { background-color:#aaa; color:#fff; }
#wp-calendar td#today a { color:#fff; }

/** Tagcloud **/
.tagcloud a {
	display:inline-block;
	margin-right:4px;
	padding:4px 8px;
	background:#e8e8e8;
	text-transform:uppercase;
	font-size:10px !important;
	color:#888;
	margin-bottom:4px;
}
.tagcloud a:hover {
	background:#559674;
	color:#fff;
	text-decoration:none;
}

/*************************************************
*	08. FOOTER						 			*
*************************************************/

#footer-wrapper {
	width: 100%;
	background:#0776bc;
	border-top:10px solid #e5e5e5;
	overflow:hidden;
	color: #fff;
}

#footer-wrapper .footer-social {
	text-align:center;
	border-bottom:1px solid rgba(230, 230, 230, 0.1);
	padding:35px 0;
	margin-bottom:30px;
}
a.share {
	color:#aaa;
	text-transform:uppercase;
	font-size:14px;
	font-weight:300;
	margin:0 17px;
}
a.share:hover {
	color:#fff;
}
a.share.facebook {
	background:url(images/footer-icons/facebook-small.png) no-repeat left;
	padding-left:22px;
}
a.share.twitter {
	background:url(images/footer-icons/twitter-small.png) no-repeat left;
	padding-left:24px;
}
a.share.dribbble {
	background:url(images/footer-icons/dribbble-small.png) no-repeat left;
	padding-left:23px;
}
a.share.tumblr {
	background:url(images/footer-icons/tumblr-small.png) no-repeat left;
	padding-left:23px;
}
a.share.pinterest {
	background:url(images/footer-icons/pinterest-small.png) no-repeat left;
	padding-left:25px;
}
a.share.flickr {
	background:url(images/footer-icons/flickr-small.png) no-repeat left;
	padding-left:26px;
}
a.share.vimeo {
	background:url(images/footer-icons/vimeo-small.png) no-repeat left;
	padding-left:26px;
}
a.share.rss {
	background:url(images/footer-icons/rss-small.png) no-repeat left;
	padding-left:26px;
}

/** Footer widgets **/
.footer {
	border-bottom:1px solid rgba(230, 230, 230, 0.1);
	overflow:hidden;
	padding:6px 0;
}
.footer .widget {
	width:220px;
	float:left;
	margin-right:20px;
}
.footer .widget.last {
	margin-right:0;
}
.footer .widget a {
	color:#999;
	font-weight:300;
}
.footer .widget p {
	color:#888;
}
.footer .widget h2 {
	font-size:13px;
	font-weight:600;
	color:#ddd;
	margin-bottom:20px;
	text-transform:none;
	letter-spacing:0;
}

/** footer widgets **/

/* Grid Items */
.footer .widget ul.grid-items li {
	background:none;
	padding:0;
	float:left;
}

.footer .widget ul.grid-items img {
	margin-right:5px;
	margin-bottom:-3px;
	width:70px !important;
	height:70px !important;
}

.footer .widget ul.grid-items img.last {
	margin-right:0;
}

/*** Footer bottom ***/
.footer-bottom {
	padding-top:14px;
}

.footer-bottom p {
	font-size: 9px;
}

/** Back to top button **/
#to_top {
	width:40px;
	height:40px;

	background:#f7f7f7;

	position:fixed;
	bottom:20px;
	right:20px;
	cursor:pointer;
	/*display:none;*/
	/*opacity: 0.0;*/
}


/*************************************************
*	10. BLOG & POSTS				 			 *
*************************************************/

.post {
	overflow:hidden;
	margin-bottom:40px;
}
.post.archive {
	padding-bottom:40px;
	border-bottom:1px solid #e8e8e8;
}
.post.single {
	border-bottom:1px solid #e5e5e5;
	padding-bottom:30px;
	margin-bottom:30px;
}

.post-image {
	margin-bottom:20px;
}

.post-info {
	float:left;
	width:70px;
}

.post-info img {
	background:#539576;
}

.post-content {
	overflow:hidden;
}

.post-content h2.post-title {
	color:#444;
	font-size:22px;
	font-weight:700;
	margin-bottom:8px;
}
.post-content h2.post-title a {
	color:#444;
}

.post-content h2.post-title.quote {
	font-weight:400;
	font-style:italic;
}
.post-content span.quote-author {
	color:#999;
	font-weight:700;
	display:block;
	margin-bottom:16px;
}

.post-content span.link {
	color:#999;
	font-weight:700;
	display:block;
	margin-bottom:16px;
}

.post-content ul.post-meta {
	margin-bottom: 8px;
	overflow:hidden;
}
.post-content ul.post-meta li {
	color:#999;
	font-size:11px;
	text-transform:uppercase;
	float:left;
	margin-right:20px;
}
.post-content ul.post-meta li a {
	color:#999;
}
.post-content ul.post-meta li a:hover {
	color:#444;
}
.post-content .post-entry {
	clear:both;
}
.post-content .post-entry p {
	margin-bottom:1.2em;
}
.post-content .post-entry a.readmore:hover {
	text-decoration:underline;
}
/* Post entry */
.block.entry {
	clear:both;
	padding-top:14px;
	margin-bottom:60px;
}

.post-entry {overflow:hidden;}

.post-entry .the-content a:hover {
	text-decoration:underline;
}

.the-content h1 { font-size:28px; margin-bottom:18px; }
.the-content h2 { font-size:24px; margin-bottom:17px; }
.the-content h3 { font-size:20px; margin-bottom:16px; }
.the-content h4 { font-size:18px; margin-bottom:15px; }
.the-content h5 { font-size:16px; margin-bottom:14px; }
.the-content h6 { font-size:14px; margin-bottom:13px; }
.the-content hr { border:0; background-color: #DDD; height:1px; margin-bottom:18px; color:#DDD; }
.the-content ul { padding-left: 30px; margin-bottom:20px; font-size:13px; line-height:15px; }
.the-content ul li{ background:url(https://aftindia.org/wp-content/themes/AFTI/style.css?ver=1.0.1) no-repeat; padding-left:0px; margin-bottom:10px; }
.the-content ol { padding-left:46px; margin-bottom:20px; font-size:13px; line-height:20px; }
.the-content ol li { list-style-type: decimal; margin-bottom:6px; }
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}
#gallery-1 img {
	margin-bottom:6px;
	width:175px;
	height:175px;
}
#gallery-1 a img {
	border:1px solid #ddd;
	padding:6px;
}
#gallery-1 a:hover img {
	border:1px solid #c5c5c5;
}

.link-pages a {
	padding:2px 7px;
	background:#eee;
	margin:0 2px;
}


/* Post tags */
.post-tags {
	margin:30px 0;
}
.post-tags a {
	display:inline-block;
	margin-right:8px;
	padding:4px 8px;
	background:#e8e8e8;
	text-transform:uppercase;
	font-size:10px;
	color:#888;
	margin-bottom:8px;
}
.post-tags a:hover {
	background:#559674;
	color:#fff;
	text-decoration:none;
}

/* Post share */
.post-share {
	border-top:1px solid #e5e5e5;
	padding-top:26px;
	overflow:hidden;
	margin-bottom:26px;
}
.post-share ul.share_buttons li {
	float:left;
	margin-right:90px;
}
.post-share ul.share_buttons li.twitter-button {
	margin-right:50px;
}
.post-share ul.share_buttons li:last-child {
	margin-right:0;
}

/* About author */
.about-author {
	overflow:hidden;
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:1px solid #e5e5e5;
	border-top:1px solid #e5e5e5;
	padding-top:30px;
}

.about-author .author-content {
	overflow:hidden;
}

.about-author h4.post-widget-title {
	float:left;
	margin-bottom:12px;
}

.about-author a.author-link {
	float:right;
	text-transform:uppercase;
	font-size:10px;
}

.about-author img.avatar-80 {
	float:left;
	margin-right:18px;
}

.about-author p {
	color:#888;
	clear:both;
	margin-bottom:0;
}

/* Post comments */

.post-comments h2.block-title {
	margin-bottom:20px;
}
.post-comments .comments {
	clear:both;
	border-bottom:1px solid #e5e5e5;
	padding-bottom:20px;
	margin-bottom:20px;
}

.comment {
	margin-bottom:10px;
	overflow:hidden;
}

.comment .avatar {
	float:left;
	margin-right:8px;
}

.comment-content {
	overflow:hidden;
}
.comment .comment-meta {
	margin-bottom:6px;
}
.comment span.author {
	color:#666;
	font-weight:700;
	margin-right:6px;
}
.comment span.date {
	font-size:10px;
	text-transform:uppercase;
	color:#888;
	letter-spacing:1px;
}
.comment span.reply a {
	padding-left:13px;
	font-size:10px;
	text-transform:uppercase;
	color:#888;
	letter-spacing:1px;
	float:right;
	margin-left:12px;
}
.comment span.reply a.comment-reply-link {
	background:url(images/reply.png) no-repeat left;
}
.comment span.reply a.comment-edit-link {
	background:url(images/edit.png) no-repeat left;
}

.post-comments ul.children { margin: 0 0 0 68px; }
.post-comments ul.children li.comment { margin:0 0 8px 0; }

/* Reply */
#respond {

}
#respond h2.block-title {
	margin-bottom:20px;
}
#respond form {
	clear:both;
}

.comment-form-author, .comment-form-email {
	margin-bottom:4px;
}
.comment-form-url {
	margin-bottom:14px;
}

#respond input {
	padding:6px;
	border:1px solid #DDD;
	margin-right:10px;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	color:#777;
	font-size:12px;
	margin-bottom:16px;
}
#respond input:focus {outline:none;}

#respond label {
	color:#999;
	font-size:11px;
	text-transform:uppercase;
	margin-bottom:3px;
}

#respond span.required {
	font-size:11px;
	color:#999;
}
#respond .comment-form-author .required, #respond .comment-form-email .required, #respond .comment-form-url label  {
	margin-right:24px;
}


#respond textarea {
	padding:6px;
	border:1px solid #DDD;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	width:96%;
	height:100px;
	font-family:"Open Sans";
	font-size:12px;
	color:#777;
}
#respond textarea:focus {outline:none;}

#respond #submit {
	background:#555;
	-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
	padding:8px 10px;
	color:#FFF;
	letter-spacing:1px;
	font-size:11px;
	text-transform:uppercase;
	cursor:pointer;
	-o-transition:.4s;
	-ms-transition:.4s;
	-moz-transition:.4s;
	-webkit-transition:.4s;
	transition:.4s;
	display:block;
}
#respond #submit:hover {
	background:#777;
}

#cancel-comment-reply-link {
	float:right;
	padding-right:12px;
	font-size:12px;
}

/* comment pagination */
#comments_pagination {
	margin-bottom:25px;
}
#comments_pagination a.page-numbers {
	background:#e5e5e5;
	padding:4px 8px;
	color:#888;
	margin-right:2px;
}
#comments_pagination a.page-numbers:hover {
	background-color:#559674;
	color:#fff;
}
#comments_pagination span.current {
	padding:4px 8px;
	background-color:#559674;
	color:#fff;
	margin-right:2px;
}



/* post pagination */

.post-pagination {
	overflow:hidden;
	margin-bottom:24px;
	border-top:1px solid #e5e5e5;
	padding-top:24px;
}

.post-pagination a.pagination {
	background:#eee;
	padding:20px;
	width:266px;
	-o-transition:.3s;
	-ms-transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	transition:.3s;
}

.post-pagination a.pagination:hover {
	background-color:#559674;
	color:#fff;
}
.post-pagination a.pagination.last:hover {
	background:#eee;
}
.post-pagination a.pagination.prev {
	float:left;
	margin-right:2px;
}
.post-pagination a.pagination.next {
	float:right;
	margin-right:0;
	text-align:right;
}
.post-pagination a.pagination span {
	font-size:10px;
	font-weight:600;
	color:#bbb;
	text-transform:uppercase;
	display:block;
}
.post-pagination a.pagination {
	text-transform:uppercase;
	font-weight:600;
	font-size:11px;
	color:#999;
}
.post-pagination a.pagination.last {
	color:#bbb;
	cursor:default;
}
.post-pagination a.pagination:hover {
	color:#fff;
}
.post-pagination a.pagination.last:hover {
	color:#bbb;
}



/*************************************************
*	09. SHORTCODES					 			 *
*************************************************/

/*********************************
*	09.1 BUTTONS				 *
*********************************/

a.button {
	color:#FFF !important;
	font-weight:700;
	display: inline-block;
	font-size:11px;
	cursor: pointer;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius: 3px;
	margin: 0 5px 5px 0;
	padding:7px 11px 7px 11px;
	line-height:20px;
}

a.button:hover {
	color:#fff;
	text-decoration:none !important;
}

a.button.big {
	font-size:16px;
	padding:10px 14px 10px 14px;
}

/* Button colors */
a.button.dark {
	background-color: #333;
}
a:hover.button.dark { background:#555; }

a.button.blue {
	background-color: #0e7db9;
}
a:hover.button.blue { background:#1592d5; }

a.button.red {
	background-color: #cc4740;
}
a:hover.button.red { background:#f66058; }

a.button.green {
	background-color: #559674;
}
a:hover.button.green { background:#61a883; }

a.button.purple {
	background-color: #853497;
}
a:hover.button.purple { background:#b548cd; }

a.button.orange {
	background-color: #ee7b00;
}
a:hover.button.orange { background:#ff911b; }

a.button.teal {
	background-color: #359194;
}
a:hover.button.teal { background:#41a9ac; }

a.button.light {
	background-color: #dddddd;
	color:#777 !important;
}
a:hover.button.light { background:#eee; }

a.button.maincolor {
	background-color: #559674;
}
a:hover.button.maincolor {
	opacity:.8;
}

/* editbymb 13032013 */
/*** Columns ***/
.one_half, .one_third, .two_thirds, .three_fourths, .one_fourth { margin-right: 4%; float: left; margin-bottom:20px; }
.one_half { 	width: 48%; }
.one_third { width: 30.6666%; }
.two_thirds { width: 65.3332%; }
.one_fourth { width: 22%; }
.three_fourths { width: 74%; }
.one_half.last, .one_third.last, .two_thirds.last, .three_fourths.last, .one_fourth.last { margin-right: 0 !important; clear: right; }
.clearboth{ clear: both; display: block; font-size: 0px; height: 0px; line-height: 0; width: 100%; overflow:hidden; }

/*** Tabs shortcode ***/
.post-entry .tabs_wrapper ul.tabs {
	margin-left:-17px;
	height:36px;
	padding-left:17px;
	overflow:hidden;
	margin-bottom:0;
}
.post-entry .tabs_wrapper ul.tabs li {
	background:none;
	float:left;
	margin-right:5px;
	border-top:1px solid #E2E2E2;
	border-left:1px solid #E2E2E2;
	border-right:1px solid #E2E2E2;
	line-height:36px;
	padding:0 14px 0 14px;
	-webkit-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;

}
.post-entry .tabs_wrapper ul.tabs li.active {
	background:#efefef;
	border-top:1px solid #D2D2D2;
	border-left:1px solid #D2D2D2;
	border-right:1px solid #D2D2D2;
	text-shadow: 1px 1px 1px #FFF;
}
.post-entry .tabs_wrapper ul.tabs li a {
	color:#666;
}
.post-entry .tabs_wrapper .tab_content {
	padding:16px 14px 16px 14px;
	display:none;
	border:1px solid #E2E2E2;
	margin-bottom:20px;
}

/*** Toggle shortcode ***/
.toggle_wrapper {
	margin-bottom:20px;
}
.toggle_wrapper h3.toggle {
	margin-bottom: 0px;
	color:#666;
	font-size:14px;
	display:block;
	border:1px solid #DDD;
	padding:12px 12px 12px 32px;
	background:#F4F4F4 url(images/toggle-plus.png) no-repeat 12px 50%;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, .8);
}
.toggle_wrapper h3.toggle:hover {
	cursor: pointer;
	background:#EEE url(images/toggle-plus.png) no-repeat 12px 50%;
}
.toggle_wrapper .toggle_content {
	border-left:1px solid #E2E2E2;
	border-right:1px solid #E2E2E2;
	border-bottom:1px solid #E2E2E2;
	padding:14px 14px 14px 14px;
}

/*** Alert shortcode ***/
.alert {
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding:20px;
	margin-bottom:20px;
}
.alert p { margin-bottom:0 !important; }
.alert.red {
	background:#ffe4e5;
	color:#c15f61;
}
.alert.blue {
	background:#c5e4f1;
	color:#41758a;
}
.alert.yellow {
	background:#f7f7d3;
	color:#706c4d;
}
.alert.green {
	background:#e0fad9;
	color:#4f7146;
}

/*** Highlights shortcode ***/
.highlight {
	background:#efefb7;
}
.highlight2 {
	background:#666;
	color:#FFF;
}

/* Dropcap shortcode */
.dropcap {
	float:left;
	display:block;
	text-transform:uppercase;
}
.dropcap.simple {
	height:38px;
	margin-right:4px;
	font-size:44px;
	line-height:44px;
	font-weight:700;
}
.dropcap.box {
	height:38px;
	width:38px;
	margin-right:5px;
	overflow:hidden;
	font-size:22px;
	line-height:38px;
	font-weight:700;
	text-align:center;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	background:#E5E5E5;
}

/*** blockquote ***/
.post-entry blockquote p {
	background:url(images/quote.png) no-repeat;
	padding-left:32px;
	padding-top:3px;
	margin-left:25px;
	color:#888;
	line-height:22px;
	font-size:14px;
}


/*** Social Icons ***/

#social {
	width: 200px;
	margin: 15px auto;


}

a.social {
	display:block;
	height:16px;
	width:16px;
	float:left;
	margin-right:6px;
	margin-bottom:2px;
	-o-transition:none;
	-ms-transition:none;
	-moz-transition:none;
	-webkit-transition:none;
	transition:none;
}

a.social.facebook {
	background:url(images/facebook-small.png) no-repeat;
}
a.social.facebook:hover {
	background-position:-16px 0;
}
a.social.twitter {
	background:url(images/twitter-small.png) no-repeat;
}
a.social.twitter:hover {
	background-position:-16px 0;
}
a.social.pinterest {
	background:url(images/pinterest-small.png) no-repeat;
}
a.social.pinterest:hover {
	background-position:-16px 0;
}
a.social.tumblr {
	background:url(images/tumblr-small.png) no-repeat;
}
a.social.tumblr:hover {
	background-position:-16px 0;
}
a.social.vimeo {
	background:url(images/vimeo-small.png) no-repeat;
}
a.social.vimeo:hover {
	background-position:-16px 0;
}
a.social.flickr {
	background:url(images/flickr-small.png) no-repeat;
}
a.social.flickr:hover {
	background-position:-16px 0;
}
a.social.rss {
	background:url(images/rss-small.png) no-repeat;
}
a.social.rss:hover {
	background-position:-16px 0;
}

/*** Contact form 7 ***/
.wpcf7 input, .wpcf7 textarea {
	padding:6px;
	border:1px solid #DDD;
	margin-right:10px;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
	color:#777;
	font-size:12px;
	margin-bottom:6px;
}
.wpcf7 .wpcf7-submit {
	background:#555;
	-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
	padding:8px 10px;
	color:#FFF;
	letter-spacing:1px;
	font-size:11px;
	text-transform:uppercase;
	cursor:pointer;
	-o-transition:.4s;
	-ms-transition:.4s;
	-moz-transition:.4s;
	-webkit-transition:.4s;
	transition:.4s;
	display:block;
}
.wpcf7 .wpcf7-submit:hover {
	background:#777;
}

/** Index styling **/
.step-box {
	margin-bottom:30px;
}

.step-box .number {
	float:left;
	margin-right:30px;
	font-size:65px;
	line-height:65px;
	font-weight:300;
	color:#bbb;
}
.step-box .step-text {
	overflow:hidden;
}

.step-box .step-text ul li {
	margin-bottom:5px;
	background:url(images/ul-dot.png) no-repeat;
	background-position:0 1px;
	padding-left:18px;
}



.gform_button {
	margin-top:5px;
	display:inline-block;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 40px;
	background:#8cc640 url(images/button.png) repeat-x;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
	color:#FFF;
	text-transform:uppercase;
	font-weight:600;
	font-size:16px;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
	padding:10px 28px 10px 28px;
}

.gform_button:hover {
	background:#b0e669;
	-o-transition:none;
	-ms-transition:none;
	-moz-transition:none;
	-webkit-transition:none;
	transition:none;
}

body .gform_wrapper .gform_body .gform_fields .gfield input[type=text] {
	border-radius: 10px;
	font-size: 18px!important;
	height: 35px;
	text-indent: 8px;
	border: 1px solid #ddd;}

body .gform_wrapper {
	font-size: 18px;
}

body .gform_wrapper label.gfield_label {
	font-size: 16px;
}

/* make the form container relative for positioning */

body #gform_wrapper_1 {
	position: relative;
	height: 60px;
}

/* resize and position the form footer with the button */

body #gform_wrapper_1 .gform_footer {
	width: auto;
	position: absolute;
	top: 14px;
	left: 68%;
	padding: 0;
	margin: 0;
}

#formstyle {
	margin-left: 18%;

}

#social1 {
	float: right;
	background: rgba(255,255,255,0.3);
	padding: 5px 0px 0px 8px}

input#input_2_3.medium {
	width: 100%;
}

input#input_2_2.medium {
	width: 100%;
}

input#gform_submit_button_2.button.gform_button {
	float: right;
}

div#formstyle {
	margin-left: 0px;
}

#wrapper div.container div.block.text div.one_half.last a img {
	margin-right: 4px;
}

/** Mobile Styling **/
@media only screen and (max-width: 940px) {
	.content {
		width:90%;
		margin:0 auto;
		float:none;
	}
	.content .archive, .home .archive-feed .archive, .home .archive-feed .archive ~ .archive {
		width: 100%;
		margin-left:0px;
		margin-right: 0px;
	}
	.sidebar {
		width:90%;
		margin:30px auto;
		float:none;
		padding-left:0px;
		box-shadow:none;
	}
	.main {
		margin-top: 60px;
	}
	.post-info {
		display:none;
	}

	.page-title, #header, .footer-bottom, .archive, .archive-feed .post-content, .the-content, .home .post-content {
		width:90%;
		margin-left: auto;
		margin-right: auto;
	}
	.content .the-content {
		width: unset;
		margin-left: unset;
		margin-right: unset;
	}
	.welcome-text .firstline h2 {
		font-size: 36px;
	}
	.the-content .block.text ~ .block.text .block-header {

	}

	#resource-wrapper li.resource-item {
		width: 100%!important;
	}
	#resource-wrapper li.resource-item.filtered {
		left: -100%!important;
	}

	.page-title-wrapper.homepage .page-title-bg {
		background-image: url('../../uploads/2019/03/AFFTWI_CinemagraphStill_v1.png');
		background-size: cover;
	}

	.item3 {
		float:unset;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 600px) {
	.welcome-text .firstline h2 {
		font-size: 24px;
	}
	.welcome-text .secondline h2 {
		font-size: 16px;
	}
}

@media only screen and (max-width: 1090px) {
	.page-title-wrapper.homepage .cinemagraph {
		top:0px!important;
	}
}



/* Mobile Menu */

a
{
	text-decoration: none;
	color: #232323;

	transition: color 0.3s ease;
}

a:hover
{
	color: tomato;
}

#menuToggle
{
	display: block;
	position: relative;
	top: 35px;
	left: 50px;

	z-index: 1;

	-webkit-user-select: none;
	user-select: none;
}

#menuToggle input
{
	display: block;
	width: 40px;
	height: 32px;
	position: absolute;
	top: -7px;
	left: -5px;

	cursor: pointer;

	opacity: 0; /* hide this */
	z-index: 2; /* and place it over the hamburger */

	-webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span
{
	display: block;
	width: 33px;
	height: 4px;
	margin-bottom: 5px;
	position: relative;

	background: #cdcdcd;
	border-radius: 3px;

	z-index: 1;

	transform-origin: 4px 0px;

	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	opacity 0.55s ease;
}

#menuToggle span:first-child
{
	transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
	transform-origin: 0% 100%;
}

/*
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span
{
	opacity: 1;
	transform: rotate(45deg) translate(-2px, -1px);
	background: #232323;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3)
{
	opacity: 0;
	transform: rotate(0deg) scale(0.2, 0.2);
}

/*
 * Ohyeah and the last one should go the other direction
 */
#menuToggle input:checked ~ span:nth-last-child(2)
{
	transform: rotate(-45deg) translate(0, -1px);
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#mobile_navigation
{
	position: absolute;
	width: 150px;
	margin: -100px 0 0 -50px;
	padding-bottom: 30px;
	padding-right: 30px;
	padding-top: 75px;

	background: #ededed;
	list-style-type: none;
	-webkit-font-smoothing: antialiased;
	/* to stop flickering of text in safari */

	transform-origin: 0% 0%;
	transform: translate(100%, 0);

	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#mobile_navigation li.menu-item
{
	padding: 10px 0;
	margin-left:0px;
	text-align:center;
	width: 100%;
}

/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul
{
	transform: none;
}

#navigation {
	display:none;
}
@media only screen and (max-width: 940px) {
	#navigation {
		width: 85px;
		display:block;
	}
	#main_navigation {
		display:none;
	}
}

.home .archive {
	padding-bottom: 20px;
	margin-bottom: 20px;
	float: left;
	width: 100%;
	margin-right: 2%
}
.home .archive ~ .archive {
	width: 49%;
	border-bottom:none;
}
.home .archive:last-child {
	padding-right:0;
	margin-right:0;
}
.home .archive .post-info {
	display:none;
}

.archive-feed {
	/*margin-top: -55px;*/
}

.filter-wrapper {
	max-width: 500px;
	text-align:center;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#resourceSearch {
	padding: 5px 10px;
	font-size: 18px;
	margin-bottom: 15px;
	width: 100%;
	color: #666;
}
#resourceCategory, #resourceDate {
	font-size: 18px;
	width: 48%;
	color: #666;
}

#resource-wrapper {
	margin-top: 50px;
	padding-left: 0px;
	display: flex;
	flex-wrap: wrap;
}
#resource-wrapper li.resource-item {
	margin-bottom: 40px;
	left: 0;
	width: 50%;
	line-height: 27px;
	opacity: 1;
	position: relative;
	transition: .5s;
}

#resource-wrapper li.resource-item.filtered {
	left: -200%;
	opacity: 0;
	transition: .5s;
	display: inline-block;
	height: 0;
	width:0;
	margin: 0;
}

#resource-wrapper li.resource-item a {
	font-size: 16px;
	margin-bottom: 10px;
	color: #666;
	display:block;
}
#resource-wrapper li.resource-item a:hover {
	color: #666;
}
#resource-wrapper li.resource-item .category {
	padding: 7px;
	background-color: rgb(7, 118, 188);
	color:white;
	border-radius: 4px;
	margin-right:5px;
}
#resource-wrapper li.resource-item .date {
	padding: 7px;
	background-color: rgba(140,198,64, .6);
	color:white;
	border-radius: 4px;
	margin-right:5px;
}
.alliance-wrapper {
	margin:0 auto;width:100%;clear:both;text-align:center;margin-top:100px;display:flex;flex-wrap:wrap;justify-content:center;
}
.alliance-wrapper a {
	margin: 7px;
}



.page-title-wrapper.homepage {
	overflow: hidden;
	position: relative;
}
.page-title-wrapper.homepage .welcome-text {
	padding-top:50px!important;
}

.page-title-wrapper.homepage .cinemagraph {
	display: none;
	width: 100%;
	position:absolute;
	top:-135px;
	z-index: -1;
}

@media only screen and (min-width: 940px) {
	.page-title-wrapper.homepage .cinemagraph {
		display: block;
	}
}