/*
Theme Name: TWIF Marketing Custom Child Theme
Theme URI: http://
Author: TWIF Marketing
Author URI: http://twifmarketing.com
Description: Child Theme based on the 2012 v1.6 theme for WordPress.
Version: 1.0
Tags: Right-sidebar, fluid-layout, responsive-layout, custom-menu, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Template: twentytwelve
*/
 
@import url("../twentytwelve/style.css");

h1, h2, h3{font-family: Oswald, Ovo, Roboto; font-weight: 300}

a {
	outline: none;
	color: #73a83e;
}

a:hover {
	color: #444;
}

#page {
	margin: 0 auto;
}

#masthead {
	border-bottom: 1px solid #ccc;
	background-color: #fff;
}

hr.primary{
  width: 140px;
  margin: 20px auto;
  height: 10px;
  background: #ccc;
}

.site-header, .footer-content {
	padding: 14px 24px;
	padding: 1rem 1.714285714rem;
}


.site-group{
	text-align: center;
	max-width: 380px;
	height: auto;
	padding: 14px 0;
	padding: 1rem 0;
	color: #73a83e;
	margin:0 auto;
}


.site-group .site-title{
	margin-top: 22px;
	margin-top: 1.5714rem;
	color: #fff;
	font-size: 32px;
	line-height: 1.1;
	font-family: Roboto;
	padding-bottom: 8px;
}

.site-group .site-title a{text-decoration: none; color: #fff; outline:none;}

.site-group .site-title a:hover{color: #111}

.site-group .site-description{
	font-size: 17px;
	font-size: 1.2143rem;
	color: #444;
	font-family: Georgia;
	font-style: italic;
}

.site-group img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}

.right-header{
	float: none;
	text-align: center
}

.right-header p{
	color: #73a83e; 
	font-size: 28px; 
	font-size: 2rem; 
	padding-bottom: 14px; 
	padding-bottom: 1rem;font-weight: bold;
}

.text-center{text-align: center;}

.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
	border-radius: 0px;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}

/* Navigation Menu */
.main-navigation {
	margin-top: 14px;
	margin-top: 1rem;
	text-align: center;
}
.main-navigation li {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 16px;
	font-size: 1.29rem;
	line-height: 1.42857143;
	font-family: Raleway;
}

.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	display: none;
}

.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	border-bottom: 0px solid #ededed;
	border-top: 0px solid #ededed;
	display: inline-block !important;
	text-align: center;
	width: 100%;
}
.main-navigation ul {
	margin: 0;
	text-indent: 0;
}
.main-navigation li a,
.main-navigation li {
	display: inline-block;
	text-decoration: none;
}
.main-navigation li a {
	border-bottom: 0;
	color: #888;
	line-height: 2.692307692;
	text-transform: uppercase;
	white-space: nowrap;
}
.main-navigation li a:hover,
.main-navigation li a:focus {
	color: #5C9B1D;
}
.main-navigation li {
	margin: 0 0 0 40px;
	margin: 0 0 0 2.857142857rem;
	position: relative;
}
.main-navigation li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 100%;
	z-index: 1;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}
.main-navigation li ul ul {
	top: 0;
	left: 100%;
}
.main-navigation li ul li{margin-left: 0; text-align: left;}

.main-navigation ul li:hover > ul,
.main-navigation ul li:focus > ul,
.main-navigation .focus > ul {
	border-left: 0;
	clip: inherit;
	overflow: inherit;
	height: inherit;
	width: inherit;
}
.main-navigation li ul li a {
	background: #5C9B1D;
	border-bottom: 1px solid #ededed;
	display: block;
	font-size: 13px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
	padding: 8px 10px;
	padding: 0.571428571rem 0.714285714rem;
	width: 180px;
	width: 12.85714286rem;
	white-space: normal;
	color: #fff; font-family:"Open Sans";font-weight:600;
}
.main-navigation li ul li a:hover,
.main-navigation li ul li a:focus {
	background: #333;
	color: #fff;
}
.main-navigation .current-menu-item > a {
	color: #5C9B1D;
	font-weight: inherit;
}
.main-navigation li li.current-menu-item  > a {
	color: #111; font-weight:600}

.main-navigation .current-menu-ancestor > a{color:#73A83E; font-weight: normal}

/* .nav-menu is the original menu */

.slicknav_menu {
  	display:block;
}

.main-navigation ul.nav-menu {
  	display:none !important;
}


/*CSS Menu Style*/
  @media screen and (min-width:600px) {
  	.slicknav_menu {
  		display:none;
  	}
  	
	.main-navigation ul.nav-menu{
  		display:block !important;
  	}
}

.slicknav_menu {
	background: #222;
	padding: 5px;
}

.site-content article {
	border-bottom: 0px double #ededed;
	margin-bottom: 28px;
	margin-bottom: 2rem;
	padding-bottom: 14px;
	padding-bottom: 1rem;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.archive-title, .page-title, .widget-title, .entry-content th, .comment-content th {
  font-size: 14px;
  font-size: 1em;
  line-height: 2.181818182;
  font-weight: normal;
  text-transform: uppercase;
  color: #222;
}

h1.intro-title{
	font-size: 28px;
  	font-size: 2rem;
  	line-height: 1.2;
  	color: #5c9b1d;
	font-weight: 300; padding: 0 20px;
}

p.intro-lead {
  font-size: 18px;
  font-size: 1.28571rem;
}

.entry-header .entry-title{
color: #5C9B1D;
font-weight: 300;
	}

.widget-area .widget h3 {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
	font-size: 14px;
	font-size: 1rem;
	line-height: 1.46153846;
}

.entry-content h4{
	line-height: 1.2;
  	font-weight: 400;
}

/* Footer */

#footer-wrapper {
	width: 100%;
	min-height: 89px;
	height: auto;
	background: #000;
}

/* Footer Widget Areas  */

.site-info { clear: both; }

#footer-widgets{
	padding: 0px 24px;
	padding: 0rem 1.714285714rem;/**/
	color: #fff
}

#footer-widgets .widget-right {margin-top: 32px; margin-top:2.28571rem;}

#footer-widgets .widget li { 
    list-style-type: none; 
}

#footer-widgets h3.widget-title {
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 400;
}


footer[role="contentinfo"] {
	border-top: 0px solid #ededed;
	clear: both;
	font-size: 14px;
	font-size: 1rem;
	line-height: 2;
	max-width: 1180px;
	max-width: 84.28571rem;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
footer[role="contentinfo"] a {
	color: #686868;
}
footer[role="contentinfo"] a:hover {
	color: #21759b;
}

#footer-bottom {
	width: 100%;
	min-height: 39px;
	height: auto;
	background: #111;
}

#footer-bottom{
	color: #fff;
	text-align: center;
	font-size: 12px;
	font-size: 0.8571rem;
	padding: 14px 0; 
	padding: 1rem 0;
}

#footer-bottom a{color:#ccc; text-decoration: none; }


.panel-grid-cell h3.widget-title {
	font-size: 22px;
	font-size: 1.5714rem;
	font-weight: 300;
  	text-transform: none;line-height:1.4
	}

.entry-content .more-link, .entry-content .more-linkwht{
	white-space: nowrap;
}

/* Buttons TWIF */

.btn {
  display: inline-block;
  margin: 10px 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 3px solid transparent;
  white-space: wrap;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.428571429;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;text-decoration: none;
}

.btn:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color:#BA4D05;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-info {
  color: #fff;
  background-color: #f6b002; font-weight: bold;
  border-color: transparent; text-transform:none;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active {
  color: #222;
  background-color: #ccc;
  border-color: #ddd;
}
.btn-info:active,
.btn-info.active{
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
.btn-info.disabled.active,
.btn-info[disabled].active {
  background-color: #f6b002;
  border-color: #CCC;
}
.btn-lg {
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-sm {
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs {
  padding: 1px 5px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.more-link{
    margin-top:22px;
    background-color: transparent;
    border: 2px solid #5C9B1D;
    color: #222;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    font-weight: bold;
    height: 3rem;
    line-height: 3rem;
    padding: 0 1.43rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}

.more-link:hover{background:#444; color: #fff; border: 2px solid #444 }

.more-link:visited{
color: #222 !important;
}

.more-linkwht, .more-linkwht:visited {
margin-top: 14px; margin-top: 1rem;
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    font-weight: bold;
    height: 3rem;
    line-height: 3rem;
    padding: 0 1.43rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
}

.more-linkwht:hover {background:#fff; color: #444!important; border: 2px solid #ccc }

/* =Media queries
-------------------------------------------------------------- */

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {

	
	#masthead .site-header, .site, .footer-content {
		margin: 0 auto;
		max-width: 1100px;
		max-width: 78.571428571rem;
	}

	h1.intro-title{font-size: 32px;}
	
	.right-header p{
		margin-top: 14px;
		font-size: 36px;
		font-size: 2.5714rem;
		padding-bottom: 0;
		}
		
	.entry-header .entry-title{
	    	font-size: 40px;	
	    	font-size: 2.85714rem;
	}
	
	.entry-content h2{
		font-size: 26px;
		font-size: 2rem;
	}

	.entry-content h3{
		font-size: 24px;
		font-size: 1.71429rem;
	}

	.entry-content h4{
		font-size: 20px;
	        font-size: 1.428571rem;
	}

.widget-area .widget h3 {		font-size: 24px;
		font-size: 1.714rem;
}
	
	.panel-grid-cell h3.widget-title {
		font-size: 24px;
		font-size: 1.714rem;
	}
	
	.site-header, .footer-content{
		padding: 14px 0px;
		padding: 1rem 0rem;
	}	
}

.ie .site,  .ie #masthead .site-header, .ie .footer-content{
	max-width: 1100px;
}

@media only screen and (min-width: 768px) {

	#masthead {
		height: auto;
	}
	
	.site-group {
		float: left;
		padding: 0;
		text-align:left;	
		margin:0;
	}
	
	.site-group .site-title{font-size: 36px; font-size:2.5714rem}
			
	.right-header{float: right; text-align: right;}

	h1.intro-title{  
		font-size: 48px;
  		font-size: 3.621429rem;
	}
	
	#footer-widgets .widget-left {
    		float: left;
    		margin-right: 3.5%;
   	 	width: 61%;
   		clear: none;
	}

	#footer-widgets .widget-right {
    		float: right;
   		width: 32%;
   		margin-left: 1.5%;
   		margin-top: 0;
    		clear: none;
	}
	.site-group .site-title{
		margin-top: 14px;
		margin-top: 1rem;
		color: #fff;
		font-size: 32px;
		line-height: .8;
	}

	.site-group .site-title a{
		text-decoration: none;
		color: #fff; outline:none;
	}
		
}

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {

	body .site {
		padding: 28px 40px;
		padding: 2rem 2.857142857rem;
		margin-top: 0;
		margin-bottom: 0;
		box-shadow: 0 2px 0px rgba(100, 100, 100, 0.3);
	}

	body.custom-background-empty .site, body.custom-background-white .site {
 	 padding: 30px 0;
 	 margin-top: 0;
  	margin-bottom: 0;
  	box-shadow: none;
	}
	.site-group {
		display: inline-block;
		margin: 0 2.5% 0 0;
	}

}