/*
 Theme Name:   Responsive Child Theme
 Theme URI:    http://ff.com/
 Description:  Responsive Child Theme
 Author:       Michael Trim
 Author URI:   http://
 Template:     responsive-mobile
 Version:      1.0.0
Tags: white, black, gray, light, blue, 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
 Text Domain:  responsive-mobile
*/

@import url(http://fonts.googleapis.com/css?family=Fira+Sans:500);


@import url("../responsive-mobile/style.css");

html {
	/*font-family: Arial, Helvetica, sans-serif !important;  */
	font-family: Georgia, Times, serif !important;
	/* font-size: 80% !important; */
}

body {
    background: #FFF; 
    /* font-family: Arial, Helvetica, sans-serif !important;   */
	font-family: Georgia, Times, serif !important;
/*    color: #333; */
/*	font-size: 80% !important; */
    margin: 0; 
/*    color: #111;  */
	color: #282828 !important;
/*	font-size: 15px !important; */
/*	line-height: 24px; */
	font-weight: normal;

	/* NEW DEB STUFF */
	font-size: 80% !important;
	font-size: 16px !important;
	line-height: 26px;
	
}

/* DROP CAPS */
#dropcap {
	initial-letter: 3;
	color: #282828;
}
@media all and (max-width: 600px) { 
#dropcap { initial-letter: 2; }
p { font-size: 1.5rem; } 
body { margin-top: 4rem; }
}
/* END DROP CAPS */

/* Search Results Styles */
.gsc-result {
	line-height: 1.4em !important;
}
.gs-title {
	/* height: auto; */
}
.gsc-control-cse {
	padding: 0 0 0 0 !important;
}
.gsc-thumbnail-inside {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.gsc-url-top {
	padding-left: 0 !important;
}
.gsc-webResult {
	padding-bottom: 0 !important;
}

/* End Search Result Styles */

/* FOOTER STYLES */

#footer-wrapper {
	max-width: 970px;
}

#social-icons-container {
	display: none;
}

#footer-menu-container {
	float: none;
	width: 100%;
}

/* END FOOTER STYLES */

#header {
	max-width: 990px;
	padding-bottom: 0;
	margin-bottom: 10px;
}

/* #main class to make it 100% for full width pages.
	Can be used in #main header area to make a page 100% width instead of .site-main
*/
.category-main {
	width: 100% !important;
}

/* #main { */
.site-main {
/*      padding: 15px 10px 15px 0px !important; */
        padding: 0px 10px 15px 0px !important;
        width: 67.7% !important;
}
 .full-width {
        width: 100% !important;
}


/* Shareaholic styles */

#comment-wrap-w-social {
	width: 100%;
}

#comment-chunk {
	float: left;
}
#comment-chunk p {
	margin: 0 !important;
	/* padding: 0 0 0 0 !important; */
}

.shareaholic-canvas {
	clear: none !important; 
}

.shareaholic-canvas .shareaholic-share-buttons-container .shareaholic-share-buttons-wrapper ul.shareaholic-share-buttons {
margin: 0 auto !important;
padding: 0px 0px 0px 0px !important;
}

/* END Shareaholic Styles */


#main-menu-container {
	font-family: Arial, Helvetica, sans-serif !important;
	background-color: #FFF !important;
	z-index: 1;
/*   	height: 40px !important;  */
}


#main-menu {
	font-family: Arial, Helvetica, sans-serif !important;
	max-width: 980px;
/*	margin-top: 10px;  */
	padding-left: 10px;
	padding-right: 10px;
	z-index: 1;
 	height: 40px; 
}

/*#main-menu .container {
 	height: 40px; 
} */


/* #sub-menu-container {
	display: none;
} */


#main-menu .container {
	background-color: #333 !important;
}
#main-navigation {
	font-family: Arial, Helvetica, sans-serif !important;
	background-color: #333 !important;
/*  	height: 40px !important;   */
}

#main-navigation ul li a {
	line-height: 40px !important;
	margin: 20px !important;
}

#main-navigation .menu-open ul {
	background-color: #333 !important;
}

/*#main-navigation .site-navigation  { */
.site-navigation  {
	background-color: #333 !important;
}

#mobile-current-item {
	top: 6px;
	background-color: #333 !important;
}
#mobile-nav-button {
/* 	display: none; */
}

/*.main-nav {
  	height: 40px !important;  
} */

/* .main-nav ul li {
 	height: 40px !important; 
} */

/* .main-nav ul li a { */
/* vertical center this? */	
/* 	vertical-align: center !important;
} */

/* #menu-top-nav .menu-item  li { */
/* #main-nav .menu-item  li {
	height: 40px !important;
} */
/* 
#menu-top-nav  ul {
 	height: 40px !important; 
}

.menu ul {
	height: 40px !important;
}

 */


#top-menu-container {
	font-family: Arial, Helvetica, sans-serif !important;
	background-color: #004B85;
	font-size: 0.8em !important;
	width: 100%;
	height: 46px;
	
}

#top-menu {
	font-family: Arial, Helvetica, sans-serif !important;
	background: url(images/magnalogo.gif) left center no-repeat;;
	background-size: 50px 40px;
	text-align: left;
	max-width: 980px !important; 
	height: 38px; 
	width: 100%;
}


.container {
	max-width: 970px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.content-area {
	max-width: 990px !important;
	padding-top: 0px !important;
}

#content-blog {
	max-width: 980px;
	padding: 15px 10px 15px 10px !important;
}

.default-sidebar, .right-sidebar {
	padding: 15px 0px 15px 10px !important;
	width: 32.3% !important;
}

#top-menu ul {
	margin-top: 3px !important;
}

.top-menu {
	float: none !important;
	margin-left: 40px !important;
}

.top-menu li {
	/* font-weight: bold; */
	/* font-size: 0.7em !important; */
	letter-spacing: 1px;
	text-transform: uppercase;
}

.pull-quote {
	font-family: Georgia Italic !important;
	width: 300px;
	font-size: 1.7em;
	float: right;
	color: #555;
	border-top: 3px #868686 solid;
	border-bottom: 3px #868686 solid;
	/* background: url('images/quote.png') top left no-repeat; */
	/* text-indent: 10px; */
	padding: 6px;
	margin: 10px 0 10px 10px;
/*	-webkit-box-shadow: 7px 7px 8px #818181;
	-moz-box-shadow: 7px 7px 8px #818181; */
}


/* Newsletter Landing Page */
.cover-image {
    float: left;
    width: 100px;
    margin: 0 10px 10px 0;
}

.excerpt {
    clear: both;
}

/* End Newsletter Landing Page */

/* FREE REPORTS LANDING PAGE */
a.topic-item {
        text-decoration: none;
        display: block;
        cursor: pointer;
}

a:hover.topic-item {
        text-decoration: none;
        display: block;
        background-color: #CCC;
        cursor: pointer;
}
#category-title a:hover {
        display: block;
        background-color: #CCC;
        cursor: pointer;

}
#topic-title a:hover {
	display: block;
        background-color: #CCC;
        cursor: pointer;
}
.title-collapse {
        background: url(images/arrow-right.gif) left center no-repeat;
        background-color: #FFFFFF;
        text-align: left;
        font-size: 130%;
        padding-left: 15px;
        text-decoration: none;
        display: block;
}

.title-collapse:hover a:hover {
        opacity: .9;
        background-color: #cdd8e4;
        cursor: pointer;
}

/* Adjustments to topics-container @media screen and (max-width: 780px) */
#topics-container {
	background-color: #FFF;
	width: 33.3333%;
	float: left;
}

#topics-container a {
        text-decoration: none;
        cursor: pointer;
}

.topic-item a:hover {
        background-color: #CCC;
        text-decoration: none;
        cursor: pointer;

}
.title-expand {
        background: url(images/arrow-down.gif) left center no-repeat;
        background-color: #FFFFFF;
        text-align: left;
        font-size: 130%;
        padding-left: 15px;
        text-decoration: none;
        display: block;
}

/* END FREE REPORTS LANDING PAGE */

/* FREE REPORTS SIGN UP FORM */
/* signup-three remove margin if smaller that 560px @media query at bottom of stylesheet */

#signup {
    padding: 10px 10px 0 10px;
    /* border: 1px solid #B9B9B9; */
    border: 1px solid #555;
	max-width: 500px;
/*    -moz-box-shadow: 0 0 7px #BBB;
    -webkit-box-shadow: 0 0 7px #BBB;
    box-shadow: 0 0 7px #BBB; */
    text-align: center;
}

/* #free-report-signup {
    padding: 10px 10px 0 10px;
    border: 1px solid #B9B9B9;
    -moz-box-shadow: 0 0 7px #BBB;
    -webkit-box-shadow: 0 0 7px #BBB;
    box-shadow: 0 0 7px #BBB;
    text-align: center;
}

#free-report-signup input[type=submit] {
    width: auto;
} */

#signup h4 {
	font-family: Arial, Helvetica, sans-serif !important;
    /* font-size: 1.4em; */
    color: #d47d2d;
    text-transform: uppercase;
	font-weight: bold;
}
#signup input[type=text] {
    /* width: 180px; */
    font-size: .9em;
    color: #666;
}
#signup input[type=submit] {
    width: auto;
}


#free-report-signup {
    padding: 10px 10px 0 10px;
    border: 1px solid #B9B9B9;
    -moz-box-shadow: 0 0 7px #BBB;
    -webkit-box-shadow: 0 0 7px #BBB;
    box-shadow: 0 0 7px #BBB;
    text-align: center;
}

#free-report-signup input[type=submit] {
    width: auto;
}

/* END FREE REPORTS SIGN UP FORM */

.cart-button, input.cart-button {
        /* background: #d47d2d url(images/button-bg-orange.jpg) top right repeat-x; */
        background: #d47d2d url(images/button-bg-orange.jpg) center right repeat-x; 
        border: 0;
        color: #FFF;
        font-family: Arial, Helvetica, sans-serif;
        /* font-size: 13pt; */
	font-size: 1em;
        font-weight: bold;
        margin: 0;
        overflow: visible;
        /* padding: 0; */
        /* padding: 8px 35px 10px 10px; */
        padding: 7px 35px 7px 10px;  
        width: auto;
}
.cart-button:hover, input.cart-button:hover {
        opacity: .9;
        color: #FFF;
        cursor: pointer;
}

#category-list {
    margin: 15px 0 0 0 !important;
    padding: 0 !important;
}
    #category-list img {
        vertical-align: middle;
    }
    #category-list p {
        margin: 0 0 7px 0;
        padding: 0;
        letter-spacing: 4px;
        font-weight: bold;
    }
    #category-list ul { 
    /* #widgets, #category-list ul {  */
        /* padding: 1px 0 1px 20px; */
        margin-top: 8px;
        /* list-style: none !important; */
	list-style: none;
        /* list-style-image: url(images/arrow-right.jpg); */
    }
    #category-list ul li a {
        font-size: .9em;
    }
    #category-list li {
	padding: 1px 0 1px 12px;
	/* line-height: 0.8em; */
        background: url(images/arrow-right.jpg) no-repeat center left;
    }

.box-white {
	font-family: Arial, Helvetica, sans-serif !important;
        border: 1px solid #CCC;
        padding: 10px 10px 5px 10px !important;
}



/* Google Search Bar Styles */
.gsa-control-searchbox-only table > thead > tr > th,
table > thead > tr > td,
table > tbody > tr > th,
table > tbody > tr > td,
table > tfoot > tr > th,
table > tfoot > tr > td {
  padding: 8px; 
	padding: 0;
  vertical-align: top;
  border-top: 1px solid #ddd; 
	border-top: none;
}

.gsa-control-searchbox-only, .gsc-search-button table > thead > tr > th {
  vertical-align: bottom;
	border-bottom: none;
}

.gsib_a {
	padding: 0 0 0 0 !important;
	size: 20;
}

.gsc-search-box {
	padding-right: 0 !important;
}

.gsc-input {
	height: 27px !important;  
	width: 100% !important;
	padding-left: 5px !important;
	padding-right: 0 !important;
	line-height: 12pt;
}

.gsc-input-box {
	height: 29px !important;
}

.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
   background-image: inherit;
   box-sizing: content-box;
   -moz-box-sizing: content-box;
}

/* vertically center the google search */
#secondary-header {
	transform: translateY(50%);
}

/* END Google Search Bar Styles */


/* hide some post meta data */
.post-meta .posted {
	display: none;
}
.post-meta .timestamp {
	display: none;
}
.post-meta .byline {
	text-transform: capitalize;
}

#main article {
	border-bottom: none !important;
	padding-bottom: 0;
}

.post-data {
	margin-top: 10px !important;
}

/* Featured Image Styles */
.wp-post-image {
	margin-bottom: 10px;
}



.other-articles-images {
        float: right;
    margin: 10px 0 10px 10px;
        max-height: 150px;
}
.alignright {
        float: right;
    margin: 10px 0 10px 10px;
}

a {
    color: #366394;
    text-decoration: none;
	cursor: pointer;
}
a.hover {
	text-decoration: underline;
}
a img {
    border: none;
}
a.with-rss-icon {
	font-family: Arial, Helvetica, sans-serif !important;
    background: url(images/rss-icon.jpg) left center no-repeat;
    padding: 7px 0 7px 30px;
    text-decoration: none;
    font-size: .9em;
	text-transform: capitalize;
	
}
a.with-add-comment-icon {
	font-family: Arial, Helvetica, sans-serif !important;
    background: url(images/addcomment-icon.jpg) left center no-repeat;
    padding: 7px 0 7px 30px;
    font-size: .9em;
}
a.with-share-this-icon {
	font-family: Arial, Helvetica, sans-serif !important;
    background: url(images/sharethis-icon.jpg) left center no-repeat;
    padding: 7px 0 7px 30px;
    font-size: .9em;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
/*	font-family: Georgia, Times, serif !important; */
	font-family: 'Fira Sans', sans-serif !important;
/*	font-family: "Franklin Gothic" !important; */
    text-decoration: none !important;
	cursor: pointer;
	color: #366394;
}
h1, h1 a {
	/* font-family: Georgia, Times, serif !important; */
	/* font-family: "Franklin Gothic" !important; */
	font-family: 'Fira Sans', sans-serif !important;
/*    font-size: 1.4em;  */
    line-height: 1.2em;  
	font-size: 38px;
/*	font-size: 2.3em;  */
/*	font-size: 1.4em; */
/*	font-size: 0.9em; */
/*	font-size: 28px; */
/*	font-size: 1.6em; */
    margin: 0;
    padding: 4px 0;
}

/*h1 {
    font-size: 1.4em;  
    line-height: 1.2em;  
        font-size: 2.3em;
    margin: 0;
    padding: 4px 0;
        font-weight: bold;
} */
h2 {
	/* font-family: Georgia, Times, serif !important; */
	font-family: 'Fira Sans', sans-serif !important;
	/*font-family: "Franklin Gothic" !important;*/
/*    font-size: 1.6em; */
    line-height: 1.2em;
    color: #555;
    margin: 0;
    padding: 4px 0 8px 0;
}
h3 {
	/* font-family: Georgia, Times, serif !important; */
	font-family: 'Fira Sans', sans-serif !important;
	/*font-family: "Franklin Gothic" !important;*/
/*    font-size: 1.5em; */
    margin: 0;
    padding: 4px 0;
}
h4 {
	/* font-family: Georgia, Times, serif !important; */
	font-family: 'Fira Sans', sans-serif !important;
	/*font-family: "Franklin Gothic" !important;*/
/*    font-size: 1.2em; */
    color: #333;
    margin: 0;
    padding: 4px 0;
}
h5 {
	font-family: Georgia, Times, serif !important;
/*    font-size: .9em; */
/*	font-size: 0.8em; */
    color: #777;
    margin: 0;
    padding: 4px 0;
    letter-spacing: 3px;
    text-transform: uppercase;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
    color: #d47d2d;
}
h1.free-report-title {
	font-size: 2.2em;
	font-weight: bold;
}
h1.title-archive {
	font-family: Arial, Helvetica, sans-serif !important;
    background: url(images/fficon25px.gif) left center no-repeat;
    padding: 7px 0 7px 30px;
    text-transform: uppercase;
    letter-spacing: 2px;
/*        line-height: 1.6em; */
    color: #666;
	font-size: 1.3em;
}
h1.with-icon, h2.with-icon, h3.with-icon, h4.with-icon, h5.with-icon {
	font-family: Arial, Helvetica, sans-serif !important;
    background: url(images/fficon25px.gif) left center no-repeat;
    padding: 7px 0 7px 30px;
    text-transform: uppercase;
    letter-spacing: 2px;
/*	line-height: 1.6em; */
    color: #666;
}
h4.with-icon {
	font-weight: bold;
}
/* h1.with-icon {
	font-size: 1.3em;
} */
h1.with-no-icon, h2.with-no-icon, h3.with-no-icon, h4.with-no-icon, h5.with-no-icon {
	font-family: Arial, Helvetica, sans-serif !important;
    padding: 7px 0 7px 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #666;
}
h1.with-tp-icon, h2.with-tp-icon, h3.with-tp-icon, h4.with-tp-icon {
	font-family: Arial, Helvetica, sans-serif !important;
    background: url(images/tpicon.gif) left center no-repeat;
    padding: 7px 0  7px 30px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #666;
	font-size: 1.3em;
}
h1.with-app-icon, h2.with-app-icon, h3.with-app-icon, h4.with-app-icon {
	font-family: Arial, Helvetica, sans-serif !important;
    background: url(images/appicon.gif) left center no-repeat;
    padding: 7px 0  7px 30px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #666;
}
h4.with-icon {
	font-family: Arial, Helvetica, sans-serif !important;
    padding: 8px 0 7px 35px;
/*    font-size: 1.1em; */
}
h3.with-comment-icon {
	font-family: Arial, Helvetica, sans-serif !important;
    background: url(images/comment-icon.jpg) left center no-repeat;
    padding: 7px 0 7px 30px;
    color: #366394;
}
h3.with-plus-icon {
	font-family: Arial, Helvetica, sans-serif !important;
    background: url(images/plus-sign.jpg) left center no-repeat;
    padding: 7px 0 7px 20px;
}
hr {
    height: 1px;
    padding: 0;
    margin: 0;
    margin: 15px 0;
    background-color: #666;
    border: 0;
}
hr.inner {
    background-color: #DDD;
}

/* SPANS */
span.with-icon {
        font-family: Arial, Helvetica, sans-serif !important;
	display: block;
    	background: url(images/fficon25px.gif) left center no-repeat;
/*    	padding: 7px 0 7px 30px; */
    	text-transform: uppercase;
    	letter-spacing: 2px;
/*        line-height: 1.6em; */
    	color: #666;

    	padding: 8px 0 7px 35px;
    	font-size: 1.1em; 
}
span.with-no-icon {
	font-family: Arial, Helvetica, sans-serif !important;
    	padding: 7px 0 7px 0; 
	display: block;
    	text-transform: uppercase;
    	letter-spacing: 2px;
    	color: #666;

/*    	padding: 8px 0 7px 35px; */
    	font-size: 1.1em; 
}
/* END SPANS */

.breadcrumb-list {
	font-family: Arial, Helvetica, sans-serif !important;
	padding-bottom: 15px;
	border-bottom: 1px solid;
	border-color: #666;
	margin-bottom: 15px;
	font-size: 0.7em;
	color: #666;
}

.quiet {
    color: #666;
    font-size: .9em;
}

.post-entry {
/*	padding-top: 10px;
	padding-bottom: 10px; */
}

.taxonomy-description {
	padding-top: 15px;
	padding-bottom: 10px;
}






/**************************** Utility menu area *******************/
#utility-menu {
    border: 2px solid #666;
    border-right: 0;
    border-left: 0;
    height: 32px;
/*    margin: 8px 0; */
    font-size: 10pt;
    line-height: 14pt;
	max-width: 990px;
}

/********************** Link menu items **********************/
#utility-menu-links {
    height: 30px;
    padding: 0;
    margin: 0;
    float: left;
}
    #utility-menu-links ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    #utility-menu-links ul li {
        float: left;
/*        padding: 7px 5px; */
        padding: 0.35em 0.7em; 
        margin: 0;
    }
    #utility-menu-links ul li a {
 /*       padding: 0px 12px 0px 0px; */
	vertical-align: middle;
        margin: 0;
        font-size: 1em;
    }

/******************* Button menu link area ***********************/
#utility-button-links {
    height: 30px;
/*    padding: 3px 0 0 0; */
    padding: 0.1em 0.5em 0 0; 
    margin: 0;
/*    width: 200px; 
    position: absolute; */
    float: right;
/*    left: 780px; */
<!--[if IE]>
    top: 110px;
<![else]>
    top: 117px;
<![endif]-->
    font-size: 10pt;
    color: #666;
    line-height: 12pt;
}

@media screen and (max-width: 380px) {
	#utility-menu-links ul li {
		padding: 0.35em 0.15em;
	}
}

@media screen and (max-width: 450px) {
        .alignright {
                float: none;
                margin: 10px 0 10px 10px;
        }
        .other-articles-images {
                float: none;
                margin: 10px 0 10px 10px;
                max-height: 150px;
        }
}

@media screen and (max-width: 990px) {
	/* add bottom padding or margin to search bar here */
	#secondary-header {
		margin-bottom: 20px;
		padding-left: 10px;
		/* padding-right: 10px; */
	}
	#main {
		width: 100% !important;
	}
        .default-sidebar, .right-sidebar {
                width: 100% !important;
                padding: 10px 10px 10px 10px !important;
        }
	.container {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	#top-menu {
		margin-left: 7px !important;
	/*	padding-left: 10px !important;
		padding-right: 10px !important; */
	}
}

/* Collapse Column Div IDs to stack instead of float */
@media screen and (max-width: 800px) {
        #column-collapse-left {
                float: none !important;
		display: block;
		width: 100% !important;
		max-height: none;
        }
	#column-collapse-middle {
		float: none !important;
		display: block;
		width: 100% !important;
		max-height: none;
	}
        #column-collapse-right {
		padding-top: 15px !important;
                float: none !important;
		display: block;
		width: 100% !important;
		max-height: none;
        }
}
/* End collapse column divs */

/* Shrink down the free report browse list if the list won't fit any more */
@media screen and (max-width: 780px) {
	#topics-container {
        	background-color: #FFF;
        	width: 100%;
        	float: left;
	}
}


/* Let the sweetcaptcha box wrap to new line if view is too small to fit it all */
@media screen and (max-width: 560px) {
	#signup-right {
		clear: both;
	}

}

/* Wrap text to new line on free reports signup form if it won't fit */
/* @media screen and (max-width: 380px) {
	#signup-right {
		clear: both;
	}
} */

@media screen and (min-width: 992px) {
	#site-branding {
		width: 75% !important;
	}
	#secondary-header {
		width: 25%;
	}
}