/*
Theme Name: I Am More Than My Disablity Inc Theme
Theme URI: https:// 
Author: the vandy team
Author URI: https:// 
Description: I Am More Than My Disablity Inc brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.0
License:  
License URI: 1.0
Text Domain: i-am-more-than-my-disablity-inc
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


@charset "utf-8";
/* CSS Document */

@font-face {
  font-family:'Impact';
  src: url('./assets/fonts/Impact.eot?#iefix') format('embedded-opentype'),
       url('./assets/fonts/Impact.woff') format('woff'), 
       url('./assets/fonts/Impact.ttf')  format('truetype'),
       url('./assets/fonts/Impact.svg#svgFontName') format('svg');
}
@font-face {
  font-family:'Michroma';
  src: url('./assets/fonts/Michroma.eot?#iefix') format('embedded-opentype'),
       url('./assets/fonts/Michroma.woff') format('woff'), 
       url('./assets/fonts/Michroma.ttf')  format('truetype'),
       url('./assets/fonts/Michroma.svg#svgFontName') format('svg');
}

@charset "UTF-8";
body
{
	margin: 0;
	padding: 20px 0 0 0;
	font-size: 16px;
}
p
{
	line-height: 36px;
	font-size: 22px;
	font-family: inherit;
	margin: 25px 0;
}
ul,li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
h1
{
	margin: 0;
	padding: 0;
	font-size: 44px;
	line-height: 40px;
}
h2
{
	margin: 0;
	padding: 0;
	font-size: 36px;
	line-height: 26px;
}
h3
{
	margin: 0;
	padding: 0;
	font-size: 30px;
	line-height: 28px;
}
h4
{
	margin: 0;
	padding: 0;
	font-size: 28px;
	line-height: 28px;
}
h5
{
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 28px;
}
h6
{
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 28px;
}
a,a:hover
{
	color: initial;
	text-decoration: none;
}

.nopadding
{
	margin: 0;
	padding: 0;
}
.more
{
	font-family: "Impact";
	font-size: 36px;
	color: #00adef;
	margin: 40px 0 0 0;
}
.nav-back
{
	background: -webkit-radial-gradient(circle, #002c5f, #005093);
	padding: 0;
	margin: 10px 0 0 0;
}
.navbar-nav
{
	text-align: center;
	float: none;
}
.navbar-nav > li
{
	float: none;
	display: inline-block;
	text-align: center;
}
.navbar-nav > li > a
{
	padding:8px 30px;
	color: #fff !important;
	font-family: "Michroma";
	text-transform: capitalize;
}
.navbar-nav > li > a:hover
{
	background: none;
	opacity: 0.5;
}
.navbar-toggle
{
	background: #fff;
	color: #005093 !important;
	height: 45px;
	padding: 0px 10px;
	font-size: 22px;
	line-height: 10px;
}
.banner
{
	border: 2px solid #005296;
}
.display
{
	margin: 30px 0;
}
h1
{
	color: #0092d7;
	text-transform: capitalize;
	font-family: "Impact";

}
.contenpage h1
{
	color: #0092d7;
	text-transform: capitalize;
	font-family: "Impact";
	margin:20px 0;
}
.area > .upcom  > h2{
	font-family: "Michroma";
	text-transform: capitalize;
	background: -webkit-linear-gradient(180deg, #1c5d94, #0194d9);
	color: #fff;
	padding:7px;
	text-align: center;
	font-size:16px;
}
.area > p
{
	min-height: 250px;
	background: #f5f6f7;
	text-align: center;
}
.area > div > p
{
	min-height: 250px;
	background: #f5f6f7;
	text-align: center;
	font-size: 16px;
}

.pic {
    border: 3px solid #008ed2;
    overflow: hidden;
    height: 157px !important;
}
.pic:hover
{opacity: 0.5;}
h5
{
	font-family: "Michroma";
	text-align: center;
	margin: 10px 0;
}
.footer
{
	background: -webkit-radial-gradient(circle, #008fd4, #005296);
	padding: 50px 0 80px 0;
	margin: 50px 0 0 0;
}
.f_nav li
{
	display: block;
}
.f_nav li a
{
	display: block;
	font-family: "Michroma";
	color: #fff;
	text-transform: capitalize;
	padding: 3px 0;
	text-shadow: 1px 1px 0 #000;
	font-size: 16px;
}
.f_nav li a:hover
{
	text-decoration: none;
	opacity: 0.5;
}
.f-center
{
	font-family: "Michroma";
	color: #fff;
	text-align: center;
	line-height: 26px;
	font-size: 14px;
	text-shadow: 1px 1px 0 #000;
}
.f-center > p
{
	font-family: "Michroma";
	color: #fff;
	text-align: center;
	line-height: 26px;
	font-size: 14px;
	text-shadow: 1px 1px 0 #000;
}
.f-center > a
{
	font-family: "Michroma";
	color: #fff;
	text-align: center;
	line-height: 26px;
	font-size: 14px;
	text-shadow: 1px 1px 0 #000;
}
.f-center > a:hover
{
	font-family: "Michroma";
	color: #fff;
	text-align: center;
	line-height: 26px;
	font-size: 14px;
	text-shadow: 1px 1px 0 #000;
	text-decoration:underline;
}
.fol
{
	font-family: "Michroma";
	color: #fff;
	text-align: right;
	line-height: 26px;
	font-size: 14px;
	text-shadow: 1px 1px 0 #000;
	padding:  0 0 10px 0;
}
.social
{
	text-align: left;
}
.social li
{
	display: inline-block;
}
.end
{
	margin:20px 0;
}

.pagetitle {
	margin: 10px 0;
}

@media(min-width: 100px) and (max-width:768px){
	.more{text-align:center; margin: 20px 0; font-size: 30px;}
	.f-center{margin: 20px 0;}
	.f_nav,.fol,.social{text-align: center;}
	.navbar-nav > li
	{
		float: left;
		display: block;
		text-align: left;
		width: 100%;
	}
}


@media(min-width: 100px) and (max-width:768px) and (orientation:landscape){
.gellary-lanscap {
    width: 50% !important;
    margin: 0px !important;
    padding: 0px 10px 0 48px !important;
}
.ai1ec-agenda-widget-view { max-width: 100%;}


}




/************************ dropdown-menu  start *********************/
.dropdown-menu {
	margin: 0px;
	padding: 0px;
	background: #005093;
	color: #fff;
}
.dropdown-menu li > a {
	color: #fff;
	padding: 10px 6px;
	font-size: 16px;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background: #337ab7 !important;
}
/************************ dropdown-menu  end *********************/

/************************ event start *********************/

.ai1ec-dropdown-toggle.ai1ec-subscribe {
	background: #337ab7;
	color: #fff !important;
}
.ai1ec-btn.ai1ec-btn-default.ai1ec-btn-xs.ai1ec-pull-right.ai1ec-calendar-link {
	background: #337ab7;
	color: #fff !important;
}
.ai1ec-dropdown-menu.ai1ec-pull-left {
	background: #337ab7;

}
.ai1ec-dropdown-menu > li > a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.428571429;
	color: #fff;
	white-space: nowrap;
}

/************************ event  end *********************/


/************************ all wp pages css  start *********************/
.post-thumbnail{
	overflow:hidden;
	width:100%;
}

/************************ all wp pages css  end *********************/

.pagestrong {
	background: #0092d7;
	width: 100%;
	color: #fff;
	margin: 10px 0px;
	padding: 10px 10px;
	font-weight: bold;
	font-size: 22px;
}