/*
Theme Name: Responsive
Theme URI: http://cyberchimps.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, Search Engine Friendly, W3C Markup Validated and currently translated into 45 languages. Cross-Browser compatible. <a href="http://cyberchimps.com/forum/free/responsive/">Official support forum</a> (http://cyberchimps.com/forum/free/responsive/)
Author: CyberChimps.com
Author URI: http://cyberchimps.com
Version: 91.9.6.7
Tags: white, black, gray, light, custom-menu, custom-header, custom-background, one-column, two-columns, left-sidebar, right-sidebar, theme-options, threaded-comments, full-width-template, sticky-post, translation-ready, rtl-language-support, responsive-layout, fluid-layout
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: responsive

Responsive WordPress Theme, Copyright (C) 2003-2014 Emil Uzelac, CyberChimps Inc

--------------------------------------------------------------
WARNING: (BEFORE YOU MAKE ANY CHANGES)
--------------------------------------------------------------
Please do not edit style.css or any other Theme files or
Templates directly. If you do, your customizations will be lost
as soon as you update Responsive.

WordPress and CyberChimps highly recommends Child Theme.

Read More:

- http://codex.wordpress.org/Child_Themes
- http://cyberchimps.com/guide/child-theme-example/
- http://cyberchimps.com/guide-tags/child-theme-2/

*/

@font-face
{
	font-family: OpenSans;
	src: url(fonts/OpenSans-Regular-webfont.woff);
}

body {
	background:#fff;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:300;
	color:#000;
	font-size:14px;
}

.inner {
	padding:0px 20px;
	max-width:910px;	
	margin:0px auto;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;	
}

a {
	color:#ffa300;	
}

.clear {
	height:0px;
	max-height:0px;
	clear:both;
	visibility:hidden;
	display:block;	
}

.breadcrumb-list {
	display:none;	
}

#container {
	max-width:none;
	width:100%;
	padding:0;
	margin:0;	
}

#wrapper {
	border:none;
	border-radius:0;
	background:none;
	margin:0;
	padding:0;	
	overflow:hidden;
	position:relative;
}

#feature {
	box-shadow:0px -5px 3px -5px #000 inset;
	background:#f1f1f1;
	/*height:343px;	*/
}

#feature .inner {
	/*line-height:343px;
	height:343px;*/
}

#feature img {
	margin:0;
	vertical-align:middle;
}

/* Header Menu 
-------------------------------------------------------------- */
#responsive_menu_button {
	display:none;	
	background:#fff !important;
	position:absolute;
	top:-30px !important;
	left:auto !important;
	right:0px !important;
	padding:0px 20px !important;
	height:30px !important;
	line-height:30px !important;
	margin:0 !important;
	width:auto !important;
	z-index:99999999 !important;
	color:#4f4f4f;
}

#header .main-nav #responsive_current_menu_item {
	display:none;		
}

#header {
	border-bottom:2px solid #d2d2d2;
	background:#fff;
	padding:10px 0;
}

#header .main-nav {
	margin-bottom:0px;
	clear:none;	
}

#header .main-nav .menu {
	float:right;
	background:none;	
}

.menu li:hover, .menu a:hover {
	background:none !important;		
}

.menu a {
	margin-left:15px;
	padding:0px;
	text-transform:uppercase;
	height:30px;
	line-height:30px;	
	font-family: 'Nunito', sans-serif;
	font-weight:300;
}

.menu a:hover, .menu .current_page_item a, .menu .current-menu-item a, .menu .current_page_item a:hover, .menu .current-menu-item a:hover  {
	background:none !important;
	color:#ffa300 !important;
}

#header .main-nav .menu li a {
	text-shadow:none;
	border:none;
	color:#4f4f4f;
}

#header .main-nav .menu li a:hover {
	color:#ffa300;
}

#signup {
	background-color:#ffa300;
	padding:20px 0px;	
}

#signup .widget-title,
#signup .textwidget {
	float:left;
	width:53%;
}

#signup .widget-title h3 {
	color:#fff;
	text-transform:uppercase;	
	line-height:39px;
	text-align:inherit;	
	font-family: 'Nunito', sans-serif;
	font-weight:300;
	font-size:15px;
}

#signup .textwidget {	
	text-align:right;
	width:47%;
}

#signup .textwidget form,
#signup .textwidget form div {
	margin:0px;	
}

#signup .textwidget form input[type='text'],
#signup .textwidget form input[type='email'] {
	height:33px;
	border:none;
	border-radius:0px;
	margin:3px;	
	width:160px;
	max-width:160px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	color:#333 !important;
}

#signup .textwidget form input[type='submit'] {
	height:33px;
	background:#242424;
	color:#fff;
	border:none;
	border-radius:0px;
	margin:3px;
}

/* Widgets 
-------------------------------------------------------------- */
.top-widget {
	float:none;
	clear:both;
	width:100%;
	padding:0;
	text-align:inherit;	
}

.widget-wrapper {
	background:none;
	border:none;
	border-radius:0px;
	padding:0px;	
}
	
.widget-wrapper .widget-title h3 {
	background:#f3f3f3;
	font-size:14px;
	padding:0px;
	padding-left:15px;
	height:28px;
	line-height:28px;
	color:#4f4f4f;
	text-transform:uppercase;
}

#widgets .sidebar-socialmedia {
	overflow:hidden;	
	background:#f3f3f3;
}

#widgets .sidebar-socialmedia .widget-title {	
	float:left;
	width:100px;
}

#widgets .sidebar-socialmedia .widget-title h3 {
	height:60px;
	line-height:60px;
	margin:0px;
}

#widgets .sidebar-socialmedia .textwidget {
	margin-left:100px;
	height:60px;	
	line-height:60px;
	overflow:hidden;
}

#widgets .sidebar-socialmedia .textwidget p {
	margin:0px;	
}

#widgets .sidebar-socialmedia .textwidget img {
	margin:0px;
	padding:0px 6px;
}

#widgets ul {
	list-style:none;
	margin:0;
	padding:0;	
}

#widgets ul li {
	padding:7px 15px;	
}

/* Content 
-------------------------------------------------------------- */
#content,
#content-full,
#content-blog,
#content-images,
#content-search,
#content-archive,
#content-sitemap {
	margin-top: 40px;
	margin-bottom: 20px;
}

#content-sitemap {
	margin-top: 40px;
	margin-bottom: 20px;
}
.single .post-meta {
	display:none;	
}

.post.type-post {
	border-bottom:1px solid #dfdfdf;
	
}

.post.type-post + .post.type-post {
	margin-top:30px;
}

.post-thumbnail img {
	margin:0;
}

.entry-title {
	margin-top:0px;	
}

h1.entry-title {
	font-size:24px;
	padding-bottom:20px;
	border-bottom:1px solid #dfdfdf;
	font-family: 'Nunito', sans-serif;	
	font-weight:300;
}

h2.entry-title a {
	font-size:24px;
	font-weight:300;
	color:#acba4f;	
	font-family: 'Nunito', sans-serif;
	line-height:normal;
}

.entry-title a:hover {
	color:#000;
}

.post-entry h1,
.post-entry h2,
.post-entry h3,
.post-entry h4,
.post-entry h5,
.post-entry h6 {
	color:#acba4f;
	font-weight:300;	
}

.post-entry p {
	line-height:1.7em;	
	font-weight:400;
}

.post-entry .read-full-article {
	text-transform:uppercase;
	margin:0 0 10px 0;
	font-size:13px;
}

.post-entry .read-full-article a {
	font-weight:600;
}

.post img, .post-entry img {
	border:1px solid #000;	
}

.post-form {
	background: none repeat scroll 0 0 #ededed;
    margin:30px 0;
    overflow: hidden;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-top: 20px;	
    clear:both;
}

.post-form .mc_merge_var {
	display:inline-block;
	margin-right:10px;
}

.post-form .mc_merge_var h2 {
	color:inherit;
    font-size: 21px;
    font-weight: 400;
    margin-bottom: 0 !important;
    margin-top: 3px;
}

.post-form a {
	background: #ffa300;
    /*border: 1px solid rgba(0, 0, 0, 0.1);*/
    color: #fff !important;
    display: inline-block;
    float: none;
    line-height: 32px;
    padding-left: 10px;
    padding-right: 10px;
    /*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);*/
    width: auto !important;
}

.navigation {
	margin:0px;	
	margin-top:5px;	
}

.navigation a {
	color:#000 !important;
	font-size:12px;
	font-weight:600;
	padding:10px 0px;
}


/* Footer 
-------------------------------------------------------------- */

#footer {
	max-width:100%;
	background:#4f4f4f;	
	color:#ffa300;	
	font-size:inherit !important;
	padding:20px 0;
}

#footer-wrapper {
	color:#fff;	
}

#footer p {
	color:#ffa300;
}

#footer a {
	color:#ffa300;	
}

#footer a:hover {
	color:#fff;
}

#footer .grid {
	margin-bottom:0;	
}

#footer .footer-menu {
	margin:0;
	padding:0;
	text-align:right;
}

#footer .footer-menu li {
	font-size:14px !important;	
}

#footer .footer-menu li a {
	border-color:#434343;
	
}

@media screen and (max-width: 1024px) {
	#feature {
		background-position:-400px top;	
	}
}

@media screen and (max-width: 980px) {
	/*#wrapper {
		padding-top:40px;	
	}*/
	.col-60, .col-140, .col-220, .col-300, .col-380, .col-460, .col-540, .col-620, .col-700, .col-780, .col-860 {
		display:block;
		width:100%;	
	}
	#header #logo {
		float:none;
		display:block;
		width:auto;
	}
	#header .main-nav {
		display:block;
		margin-top:25px;	
	}
	#header .main-nav .menu {
		float:none;
	}
	#header .main-nav .menu a {
		margin:0 20px 0 0;
	}
	#signup .widget-title {
		float:none;
		text-align:center;	
		width:100%;
	}
	#signup .textwidget {
		float:none;
		text-align:center;	
		width:100%;
	}
	#signup .widget-title h3 {
		line-height:normal;
		margin-bottom:20px;
	}
	#signup .textwidget form input[type="text"],
        #signup .textwidget form input[type="email"] {
		max-width:200px;
		width:200px;
	}
	#signup .textwidget form input[type="submit"] {
		display:block;
		max-width:200px;
		width:100%;
		margin:20px auto 0 auto;
	}	
	#content,
	#content-full,
	#content-blog,
	#content-images,
	#content-search,
	#content-archive,
	#content-sitemap {
		margin-top: 20px;
	}
	#footer,
	#footer .footer-menu {
		text-align:center;
		font-size:inherit !important;
	}
	#footer .footer-menu {
		margin-top:10px;	
	}
}

@media screen and (max-width: 910px) {
	#feature .inner {
		padding:0px;
	}
}
@media screen and (max-width: 767px) {
	#feature {
		background-position:-600px top;		
	}
}

@media screen and (max-width: 650px) {
	.js .main-nav #responsive_menu_button {
		position:absolute !important;
		display:block;
	}

	.js .main-nav .menu li.current_page_item,.js .main-nav .menu li {
		background-color:transparent;	
	}
	
	.js .main-nav .menu li a {
		background:#fff;
		width:100px;
		color:#000;
		border-bottom:1px solid #CCC !important;
		border-top:1px solid #ccc !important;
	}
	.js .main-nav .menu li a:hover {
		background:#fff !important;
		color:#ffa300 !important;
	}
	.menu .current_page_item a, .menu .current-menu-item a, .menu .current_page_item a:hover, .menu .current-menu-item a:hover {
		background:#fff !important;
		color:#ffa300 !important;
	}
	#header #logo {
		text-align: left;
	}
	#header .main-nav {
		margin-top:0px;
		position:absolute !important;
		top:38px !important;
		right:0px !important;
		z-index:99999999999999999999;
	}
	#header .main-nav .menu {
		top:0px !important;	
		right:0px !important;
		width:auto !important;
		border-top:1px solid #ccc !important;
	}
	#header .main-nav .menu a {
		margin:0 !important;
		padding:0px 20px !important;
		height:30px !important;
		line-height:30px !important;
		text-align:right !important;
		border:1px solid #ccc !important;
		border-top:none !important;
		border-right:none !important;
	}
}

@media screen and (max-width: 500px) {
	#feature {
		background-position:-700px top;		
	}
	table {
		table-layout:fixed;
	}
	th, td {
		overflow:hidden;
		word-wrap:break-word;
		padding:0.4em;
	}
}

@media screen and (max-width: 384px) {
	#header #logo {
		margin-right:75px;	
	}
}

@media screen and (max-width: 320px) {
	#feature {
		background-position:-800px top;		
	}
}




