/*
Theme Name: saveourcitrus
Theme URI: http://underscores.me/
Author: Circlepoint
Author URI: http://circlepoint.com
Description: responsive, clean
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: saveourcitrus
Tags:

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.

circle_point is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# References

Orange - #F7931E
Dark orange - #F07030
Blue - #31B9E6
Dark blue - #0085C8
Green - #85CC00
Dark Green - #639900
Dark Gray - #262626
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

footer.entry-footer {display:none;}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	margin-right: 5px;
	margin-left: -10px;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #262223;
	font-size: 24px;
	line-height: 1.5;
	font-family: "Arial Narrow", Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: 'Oswald', sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	margin:0;
}

h1 {font-size:1.8em; color:#F7931E;}
h2 {font-size:1.4em; color:#31B9E6;}

#post-6 .entry-header h1.entry-title  {display: none;}

p {
	margin-bottom: 1.5em;
	margin-top: 10px;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
	
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
	max-width: 1280px;
	margin: 0 auto;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
background-color: #000;
border: 0px none;
height: 1px;
margin: 2em 0;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border-width: 0px;
border-style: solid;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
border-color: transparent;
background: #0085C8;
color: white;
font-size: .9em;
line-height: 1;
padding: 10px 25px;
border-radius: 5px;
font-family: "Oswald",sans-serif;
font-weight: bold;
text-transform: uppercase;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #F07030;
	}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background: #F07030;
	}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

span.wpcf7-form-control-wrap.Notes {
display: none;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #F07030;
}

a:visited {
	color: #F07030;
}

a:hover,
a:focus,
a:active {
	color: #F07030;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
div.site-branding {
float: left;
width: 43%;
margin: 0 1%;
max-width: 590px;
}

.main-navigation {
float: right;
display: block;
width: 55%;
/*padding: 0px 0px 40px;
height: 50px;
position: relative;
z-index: 10000;
margin-top: 3.15%;*/
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
	width: 100%;
}

.main-navigation li {
/* 	float: left; */
	display: table-cell;
	position: relative;
	text-align:center;
	width: 1%;
	white-space:nowrap;
	}

.main-navigation a {
	display: block;
	width:auto;
	margin: 0 0 0 8px;
	padding: 15px;
	text-decoration: none;
	background: #0085C8;
	/*border: 1px solid white;*/
	color: white;
	font-family: 'Oswald', sans-serif;
	font-weight:bold;
	text-transform: uppercase;
	font-size: 1em;
}


.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul ul li {
display:block;
}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
background: #F07030;
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
div.spanish-button{
float:right;
}
.spanish-button a{
display: block;
margin: 0 0 20px;
padding: 5px 15px;
text-decoration: none;
background: #F7931E none repeat scroll 0% 0%;
color: #FFF;
font-family: "Oswald",sans-serif;
font-weight: bold;
text-transform: uppercase;
font-size: 0.7em;
}

.blog #primary {width:70%; float: left;}
.blog #secondary {
width: 25%;
float: right;
background: rgba(49, 185, 230, 0.2) none repeat scroll 0% 0%;
padding: 0px 20px;
margin-top: 20px;
}

.blog article:not(:last-child) {
border-bottom: 1px solid #F07030;
margin-bottom: 20px;
}

#recent-posts-2 h2.widget-title { margin:10px;}
#recent-posts-2 ul{margin: 0 0 0 -30px; list-style: inside none none;}
#recent-posts-2 li{font-size: 0.85em; margin-bottom: 10px;}
.blog .entry-title a {text-decoration:none;}
.blog .entry-title h2{margin-bottom:0;}

div.resource-container {width:100%; text-align:center;}
div.two-thirds{float:left; width:66%; margin-right:1%;}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 35px;
	height: 0;
	overflow: hidden;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
div.one-fourth{float:left; width:24%; margin: 0 auto;}
div.one-third{float:left; width:32%; margin: 0 auto; padding:1% 2%;}
div.half{float:left; width:50%; margin: 0 auto;}

.flex-direction-nav a {width: 60px !important; height: 60px !important;}
.flex-direction-nav a.flex-prev {background: transparent url("img/slider-arrow-left.png") no-repeat scroll 0px 0px;}
.flex-direction-nav a.flex-next {background: transparent url("img/slider-arrow-right.png") no-repeat scroll 0px 0px;}

div.callout-left, div.callout-right {float:left; width:49.5%;}
div.callout-left {margin-right:1%;}
div.home-callouts {clear:both; margin-bottom:15px;}
div.callout-bottom {margin-bottom:15px;}

div.site-info {
width: 100%;
height: 75px;
background: #F5712E none repeat scroll 0% 0%;
padding: 10px 20px;
}
div.footer-logo {float:left;}
div.social {float:right;}


/* Tabby styles */
.disease-tabs .responsive-tabs .responsive-tabs__list__item,
.resources-tabs .responsive-tabs .responsive-tabs__list__item {
font-family: 'Oswald', sans-serif;
font-weight:bold;
text-transform: uppercase;
font-size: 1.1em;
color: #31B9E6;
background: transparent;
border-width: 0;
border-style: none;
border-radius: 0;
    margin: 0px 1% -8px 0px;
    padding: 15px 25px;
    white-space: normal;
    max-width: 19%;
    text-align: center;
    line-height: 1.4;
}

.resources-tabs .responsive-tabs .responsive-tabs__list__item {font-size: 1.3em; max-width: 24%; min-height:95px;}

#tablist1-panel1 a, #tablist1-panel2 a, #tablist1-panel3 a, #tablist1-panel4 a{color: white;}

.disease-tabs .responsive-tabs .responsive-tabs__list__item:hover, .resources-tabs .responsive-tabs .responsive-tabs__list__item:hover {color: #0085C8;}
.disease-tabs .responsive-tabs .responsive-tabs__list__item--active,
.disease-tabs  .responsive-tabs .responsive-tabs__list__item--active:hover,
.resources-tabs .responsive-tabs .responsive-tabs__list__item--active,
.resources-tabs  .responsive-tabs .responsive-tabs__list__item--active:hover {
color: white;
background: #0085C8;
}

.disease-tabs .responsive-tabs .responsive-tabs__panel, .resources-tabs .responsive-tabs .responsive-tabs__panel {
    background: #0085C8;
    color:white;
    border: 0;
    padding: 20px 30px;
}

div.gif-box {height:325px;}
.gif-box img {display:inline-block; vertical-align:middle;}

div#wpcf7-f106-p10-o1.wpcf7 {width: 75%;}

.wpcf7-form .one-fourth{ 
padding: 2%;
font-size: 0.8em;
margin: 0px auto;
}

/* Lite Tooltips styles */

div.tooltip-content {
background-color: white !important;
background-color: rgb(255,255,255) !important;
font-size: .7em;
width:100%;
}

.tooltip-arrow.top {
border-top-color: white !important;
border-top-color: rgb(255,255,255) !important;
}

.tooltip-arrow.bottom {
border-bottom-color: white !important;
border-bottom-color: rgb(255,255,255) !important;
}

div.tooltip-arrow.bottom-left {border-bottom-color: rgb(255, 255, 255) !important;}

div.tooltip-arrow.bottom-right {border-bottom-color: rgb(255, 255, 255) !important;}

.tooltip-content img {
max-width: 200px;
width:100%;
/*float:left;*/
clear:both;
margin:0 5px auto;
}

/* This is for the Quarantine Info */

div.text {
float:left;
width: 75%;
margin-bottom: 10px;
}

.text h3 {clear: none !important;}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

div.entry-meta {display:none;}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

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

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/* --------------------------------------------------------------
## Media Queries 
-------------------------------------------------------------- */

/* Desktop Style */
	@media (min-width: 960px) and (max-width: 1280px) { 
    .main-navigation a {font-size: 0.9em;}
    
    header#masthead.site-header, footer#colophon.site-footer{width: 90%; margin: 0 auto;}
    
    #content {
    width: 90%;
	margin: 10px auto;
	}
	
	div.site-branding {width: 35%;}
	div.logo {margin-top: 8px;}
	
	.main-navigation {width: 63%;}
	
	.disease-tabs .responsive-tabs .responsive-tabs__list__item {font-size: 1em; min-height:100px;}
	.resources-tabs .responsive-tabs .responsive-tabs__list__item {min-height:120px;}
}

/* iPad Style */
	@media (min-width: 600px) and (max-width: 960px) { 
	
	header#masthead.site-header, footer#colophon.site-footer{width: 95%; margin: 0 auto;}
	#content {
    width: 95%;
	margin: 10px auto 0;
	}
	.main-navigation a {font-size: 0.9em;}
	#menu-item-22 a {margin-left: 0px;}
	
	body, button, input, select, textarea {font-size: 20px;}
	
	div.site-branding {
	width: 90%;
	float: none;
	margin: 0 auto;
	}
	
	.main-navigation {
	width: 100%;
	float:none;
	}
	
	div#wpcf7-f106-p10-o1.wpcf7 {width: 100%;}
	
	/*Tabby styles*/
	
	.disease-tabs .responsive-tabs .responsive-tabs__list__item,
	.resources-tabs .responsive-tabs .responsive-tabs__list__item {
	font-size: 1em;
    padding: 15px 10px;
	min-height:100px;
	}
	.resources-tabs .responsive-tabs .responsive-tabs__list__item {min-height:110px;}
	.disease-tabs .responsive-tabs .responsive-tabs__heading, .resources-tabs .responsive-tabs .responsive-tabs__heading{
    font-family: "Oswald",sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.2em;
	background: white;
    color: #31B9E6;
    }
	
	.disease-tabs .responsive-tabs .responsive-tabs__heading--active, .disease-tabs .responsive-tabs .responsive-tabs__heading--active:hover, 
	.resources-tabs .responsive-tabs .responsive-tabs__heading--active, .resources-tabs .responsive-tabs .responsive-tabs__heading--active:hover{
    background: #0085C8 none repeat scroll 0% 0%;
    color: white;
    }    
    
    .disease-tabs .responsive-tabs .responsive-tabs__heading:hover,
    .resources-tabs .responsive-tabs .responsive-tabs__heading:hover {
    background: #F07030 none repeat scroll 0% 0%;
    color: white;
	}
}

/* iPhone Style */
	@media (max-width: 600px) { 
	
	header#masthead.site-header, footer#colophon.site-footer{width: 90%; margin: 0 auto;}
	
	 #content {
    width: 90%;
	margin: 10px auto 0;
	}
	
	#menu-item-22 a {margin-left: 0px;}
	
	div.site-branding {
	width: 90%;
	float: none;
	margin: -6px auto 6px;
	}
	
	div.site-info {height: 150px;}
	div.footer-logo{
    float: none;
    width: 90%;
    margin: 0px auto;
	}
	div.social{float: none; margin: 0px auto;text-align:center;}
	
	.main-navigation {
	width: 100%;
	float:none;
	}
	
	.main-navigation li {
	width: 100%;
	float:none;
	display: inline-block;
	margin-bottom: 1px;
	}
	
	.main-navigation a {
	margin: 0;
	}
	
	.menu-toggle {
	width: 100%;
	box-shadow: none;
	background: #F07030;
	color:white;
	border-radius: 0px;
	}
	
	div.callout-right, div.callout-left {
	float: none;
	width: 100%;
	margin: 0;
	}
	div.home-callouts, div.callout-bottom {margin-bottom:0;}
	body, button, input, select, textarea {font-size: 18px;}

	.blog #primary, .blog #secondary {width: 100%; float:none;}
	
	div#wpcf7-f106-p10-o1.wpcf7 {width: 100%;}
	.wpcf7-form .one-fourth {width: 48%;}
	
	input, textarea {max-width: 95%;}
	
	/*Tabby styles*/
	.disease-tabs .responsive-tabs .responsive-tabs__heading, .resources-tabs .responsive-tabs .responsive-tabs__heading{
    font-family: "Oswald",sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.2em;
	background: white;
    color: #31B9E6;
    }
	
	.disease-tabs .responsive-tabs .responsive-tabs__heading--active, .disease-tabs .responsive-tabs .responsive-tabs__heading--active:hover,
	.resources-tabs .responsive-tabs .responsive-tabs__heading--active, .resources-tabs .responsive-tabs .responsive-tabs__heading--active:hover {
    background: #0085C8 none repeat scroll 0% 0%;
    color: white;
    }    
    
    .disease-tabs .responsive-tabs .responsive-tabs__heading:hover, .resources-tabs .responsive-tabs .responsive-tabs__heading:hover {
    background: #F07030 none repeat scroll 0% 0%;
    color: white;
	}
    
    div.gif-box {height:auto; padding: 10px;}
    .resource-container div.one-third, .resource-container div.two-thirds, 
    .resource-container div.one-fourth, .resource-container div.half{width:90%; float:none;}
    
    ul, ol {margin: 0 0 1.5em 0; }
    
/*     This section is for breaking stuff that overflows the container like long URLs */
	a {

	  /* These are technically the same, but use both */
	  overflow-wrap: break-word;
	  word-wrap: break-word;

	  -ms-word-break: break-all;
	  /* This is the dangerous one in WebKit, as it breaks things wherever */
	  word-break: break-all;
	  /* Instead use this non-standard one: */
	  word-break: break-word;

	  /* Adds a hyphen where the word breaks, if supported (No Blink) */
	  -ms-hyphens: auto;
	  -moz-hyphens: auto;
	  -webkit-hyphens: auto;
	  hyphens: auto;

	}

}