/* 
Theme Name: Responsive Child Theme 
Theme URI: http://themeid.com/responsive-theme/ 
Description: Responsive Theme is a flexible foundation with fluid grid system that adapts your website to mobile devices and the desktop or any other viewing environment. Theme features 9 Page Templates, 11 Widget Areas, 6 Template Layouts, 4 Menu Positions and more. Powerful but simple Theme Options for full CMS control with easy Logo Upload, Social Networking and Webmaster Tools etc. Responsive is WooCommerce Compatible, Multilingual Ready (WPML), RTL-Language Support, Retina-Ready, W3C Markup Validated and currently translated into 40 languages. Cross-Browser compatible and yes even the IE7. No paid memberships or clubs to get a FREE/Responsive Support you need. http://themeid.com/support/

Template: responsive
Version: 1.0.0
Author: ThemeID 
Author URI: http://themeid.com
Tags: white, black, gray, light, custom-menu, custom-header, custom-background, one-column, two-columns, left-sidebar, right-sidebar, flexible-width, theme-options, threaded-comments, full-width-template, sticky-post, translation-ready, flexible-width, rtl-language-support

License: GNU General Public License
License URI: license.txt 

Responsive WordPress Theme, Copyright (C) 2003-2012 Emil Uzelac 

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

/* =Import Styles
-------------------------------------------------------------- */
@import url('../responsive/style.css');


	
/* =Start From Here
-------------------------------------------------------------- */
.post-meta {
 display: none;
}
 .entry-title {display: none;}


/* =Breadcrumb Lists
-------------------------------------------------------------- */
.breadcrumb-list {
	display: none;


}

body {
color: #666666;	
font: 14px "Arial;
	font-weight: 300;
	line-height: 1.625;
	
}

#widgets .textwidget {
color: #666666;	
   font-size: 13px;
}
.widget-title h3{
    color: #666666;
font-size: 20px;
    font-weight: 700;
    letter-spacing: 0em;
    line-height: 1.0em;
    
}


#wrapper {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-color: #ffffff;
	border: 0px solid #e5e5e5;
	border-radius: 0px;
	clear: both;
	margin: 20px auto 20px auto;
	padding: 0 20px 20px 20px;
	position: relative;
}

.menu {
	background-color: #003067;
	background-image: none;
	background-image: none;
	background-image: none;
	background-image: none;
	background-image: none;
	background-image: none;
	clear: both;
	filter: none;
	margin: 0 auto;
	
	
}


.menu a {
font: "Arial";
	font-color: #ffffff;
	cursor: pointer;
	display: block;
	font-size: 15px;
	font-weight: 700;
	height: 35px;
	line-height: 35px;
	margin: 0;
	padding: 0 1.0em;
	position: relative;
	text-decoration: none;
	text-shadow: none;
	white-space: nowrap;

}
.menu .current_page_item a,
.menu .current-menu-item a {
background-image: -webkit-gradient(linear, left top, left bottom, from(#003067), to(#003067));
	background-image: -webkit-linear-gradient(top, #003067, #003067);
	background-image: -moz-linear-gradient(top, #003067, #003067);
	background-image: -ms-linear-gradient(top, #003067, #003067);
	background-image: -o-linear-gradient(top, #003067, #003067);
	background-image: linear-gradient(top, #003067, #003067);
}



.menu a:hover {
	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#003067), to(#003067));
	background-image: -webkit-linear-gradient(top, #003067, #003067);
	background-image: -moz-linear-gradient(top, #003067, #003067);
	background-image: -ms-linear-gradient(top, #003067, #003067);
	background-image: -o-linear-gradient(top, #003067, #003067);
	background-image: linear-gradient(top, #003067, #003067);
	color: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#ffffff);
}



/* Menu dropdown */
.menu li li a{
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	background: #26504F!important;
	
}

/* Menu dropdown hover */
.menu li li a:hover {
	font: "Arial";
	font-size: 14px;
	font-weight: 700;
	background: #1B7340!important;
	background-image: none;
	border: none;
	color: #ffffff;
	filter: none;
}






.home #wrapper { margin: 0px auto 0px auto !important; }
 @media screen and (max-width: 480px){ .featured-title {
 display: inline !important;
 font-size: 26px !important;
 letter-spacing: -1px !important;
 line-height: 33px !important;
 padding-top: 8px !important;
 position: absolute !important;
 text-align: center !important;
 width: 78%;
 }
 }
#wrapper { margin: 0px auto 0px auto !important; }

	
#featured {
    background-color: #cccccc;

}

.widget-wrapper {
	-webkit-border-radius: 0px;
	-moz-border-radius: 4px;
	background-color: #f9f9f9;
	border: 0px solid #000000;
	border-radius: 0px;
	margin: 0 0 20px;
	padding: 20px;
}



.home .widget-wrapper {
 background:#ffffff;
color: #000000;
font-size: 13px;
}

.widget-title,
.widget-title-home h3 {
  display: block;
  font-size: 12px;
  font-weight: 700;
  line-height: 23px;
  margin: 0;
  padding: 0 0 0px 0;
  text-align: left;
}

.top-widget .widget-title {
  font-size: 9px;
  padding: 0;
  text-align: right;
}



#colophon-widget ul {
}

.colophon-widget {
	background: #ffffff;
	min-height: 0;
}

.colophon-widget select,
.colophon-widget input[type="text"],
.colophon-widget input[type="password"],
.colophon-widget input[type="email"] {
	width: 100%;
}








ul.menu > li:hover {
background-color: #1B7340;
}


.wpcf7
{
    background-color: #ffffff;
    border: 0px solid #ffffff;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea,
.wpcf7 input[type="select menu"]
{
    background-color: #ffffff;
    color: #000000;
    width: 80%;
	height: 22px;
}


.wpcf7 #year
{
    background-color: #fff;
    color: #ffffff;
    width: 40%;
}

.entry-title {display: none;}
1B7340

/* =Headings
-------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: 700;
font-family: "Century Gothic";
	line-height: 0.90em;
    word-wrap: break-word;
}

h1 {
    font-size: 1.875em; /* = 12px */
font-family: "Century Gothic";
    margin-bottom: .1em;
    margin-top: 0em;
}

h2 {
    font-size: 1.250em; /* = 12px */
font-family: "Century Gothic";
    margin-bottom: .1em;
    margin-top: .1em;
}

h3 {
    font-size: 18px;
font-family: "Century Gothic";

    margin-bottom: .1em;
    margin-top: .1em;
}

h4 {
    font-size: 1.1em; /* = 20px */
font-family: "Century Gothic";
    margin-bottom: 0.1em;
    margin-top: 0em;
}

h5 {
    font-size: 1.3em; /* = 18px */
font-family: "Century Gothic";
font-size: 13px;
	line-height:normal;
    margin-bottom: 0.1em;
    margin-top: 0.1em;
}

h6 {
    font-size: 1.000em; /* = 16px */
font-family: "Century Gothic";
    margin-bottom: 0.1em;
    margin-top: 0.1em;
}


//* =Media Print
    If you're working on a Child Theme, make sure that all
    media queries are included in your style.css
-------------------------------------------------------------- */
@media print {

	h1 {
		page-break-before: always;
	}

	h1,  h2,  h3,  h4,  h5,  h6 {
		page-break-after: avoid;
	}

	ul,  ol,  dl {
		page-break-before: avoid;
	}
}

/*  Retina (HiDPI) Display
    http://www.quirksmode.org/blog/archives/2013/06/devicepixelrati.html
-------------------------------------------------------------- */
@media 
	only screen and (-moz-min-device-pixel-ratio:1.5), 
	only screen and (-o-min-device-pixel-ratio:3/2), 
	only screen and (-webkit-min-device-pixel-ratio:1.5), 
	only screen and (min-device-pixel-ratio:1.5) {

	body {}
}

/* =Responsive (Mobile) Design
-------------------------------------------------------------- */
@media screen and (max-width: 980px) {

	body {}

	.grid, 
	.grid-right {
		float: none;
	}

	.copyright,
	.scroll-top,
	.powered {
		float: left;
	}

	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}

	.front-page  #widgets {
		margin-top: 40px;
	}

	.top-widget,
	.front-page  .top-widget {
		margin-top: 0 !important;
	}

	.hide-980 {
		display: none;
	}

	.show-980 {
		display: block;
	}

}

@media screen and (max-width: 650px) {
/* Main mobile menu*/
.js .main-nav {
	background-color: #26504F;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#003067), to(#003067));
	background-image: -webkit-linear-gradient(top, #003067, #003067);
	background-image: -moz-linear-gradient(top, #003067, #003067);
	background-image: -ms-linear-gradient(top, #003067, #003067);
	background-image: -o-linear-gradient(top, #003067, #003067);
	background-image: linear-gradient(top, #003067, #003067);
		clear: both;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#003067, endColorstr=#003067);
}


	.js .main-nav .menu li a {
		color: #ffffff;
		font-size: 13px;
		font-weight: normal;
		height: 25px;
		line-height: 25px;
		padding: 0 14px;
		border: none;
		border-bottom: 1px solid #91AB4F;
		text-shadow: none;
		text-align: center;
	}






/* Current page menu text */
.js .main-nav #responsive_current_menu_item {
	color: #fff;
}
/* Dopdown item */
.js .main-nav .menu li a {
	color: #444;
}
/* Dropdown current item */	
.js .main-nav .menu li.current_page_item,
.js .menu .current_page_item a,
.js .menu .current-menu-item a {
	background-color: #f5f5f5;
}
/* Hover on dropdown items */
.js .main-nav .menu li a:hover,
.js .main-nav .menu li li a:hover {
	background-image: none;
	filter: none;
	background-color: #f5f5f5!important;
}

@media screen and (max-width: 480px) {

	body {}

	#logo {
		float: none;
		text-align: center;
	}

	.grid, 
	.grid-right {
		float: none;
	}
	
	#featured-image .fluid-width-video-wrapper {
		margin: 20px 0 0 0;
	}
	
	.featured-title {
		font-size: 40px;
		padding: 40px 20px 0 20px
	}
	
	.featured-subtitle {
		font-size: 24px;
	}
	
	.navigation .next,
	.navigation .previous {
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	
	.menu ul, 
	.menu li, 
	.top-menu, 
	.footer-menu li, 

	.sub-header-menu li {
		float: none;
		text-align: center;
		text-rendering: optimizeSpeed;
	}
	
	.hide-480 {
		display: none;
	}
	
	.show-480 {
		display: block;
	}
	
	#footer {
		text-align: center;
	}

	#footer .social-icons {
		text-align: center;
	}
}

@media screen and (max-width: 320px) {
	
	body {}
	
	#featured p {
		font-size: 12px;
		line-height: 1.5em;
	}

	.featured-title {
		font-size: 35px;
	}
	
	.featured-subtitle {
		font-size: 15px;
	}

	.call-to-action a.button {
		font-size: 14px;
		padding: 7px 17px;
	}

	.hide-320 {
		display: none;
	}
	
	.show-320 {
		display: block;
	}
}

@media screen and (max-width: 240px) {
	
	body {}
	
	#featured p {
		font-size: 11px;
		line-height: 1.5em;
	}

	.featured-title {
		font-size: 20px;
	}
	
	.featured-subtitle {
		font-size: 11px;
	}

	.call-to-action a.button {
		font-size: 12px;
		padding: 5px 15px;
	}
	
	.top-widget area,
	.top-widget select,
	.top-widget textarea,
	.top-widget input[type="text"], 
	.top-widget input[type="password"],
	.top-widget input[type="email"] {
		width: 75%;
	}
	
	.widget-title,
	.widget-title-home h3 {
		font-size: 14px;
		height: 13px;
		line-height: 13px;
		text-align: left;
	}
	
	.hide-240 {
		display: none;
	}
	
	.show-240 {
		display: block;
	}
}


/* =Footer
-------------------------------------------------------------- */
#footer {
  font-size: 11px;
  line-height: 1.5em;
}

#footer a {
  color: #ffffff;
  font-weight: 400;
}

#footer a:hover {
  color: #ffffff;
}

#footer-wrapper .grid.col-940 {
  margin: 0;
}
.scroll-top {
  text-align: center;
}
.copyright {
  text-align: left;

}
.powered {
  text-align: right;
}




/*The last 29 days of the month are the hardest."- Nikola Tesla*/