/*
Theme Name: WTF Florida v2.2.7
Theme URI: http://wtfflorida.com/
Author: WTF Florida
Author URI: http://wtfflorida.com/
Description: Version 2.2.7 of wtf-florida. Updating tag clouds to only count tag queries in particular county zone
Version: 2.2.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wtf-florida
Tags: wtf, florida


2.2.6 updates
031118 added tel styles

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Tool Tips
	## Breadcrumbs
	## Archive Pages
	## Photo Grids
	## Category Pages
	## Front Page
	### Modules
	### Buttons
    ##  Article Pages
    ### Social Stuff
    #### Social Media Article Sharer
    ### Random Post Page
    ### County Map
    ## Tag Cloud (custom by county)
	## Asides
	## Common Page Items
	## Comments
	## YouTube Videos
	## Embedded Videos
	## Embedded Audio
	## Embedded Content
	## Blinky Wrap
	## Newsletter signup
	## Polls
	## Feeds
	## Footer
	## Ads
# Infinite scroll
# Media
	## Captions
	## Galleries
# Tag Gifter
--------------------------------------------------------------*/

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

body {
	margin: .5em auto;
	padding: 40px .5em 6em .5em;
	/*max-width: 1600px;*/
}
@media (min-width: 750px) {
	body {
	margin: .5em auto;
	padding: 0 .5em 6em .5em;
	}
}

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

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.32em 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;
}

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;
}

/* fixing mobile forms */
input, textarea {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: 'Cabin', sans-serif;
	font-size: 16px;
	font-size: 1.2rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1em;
}

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

blockquote {
	margin: 0 1em;
	padding: 0 1.5em;
	border-left: 3px solid #404040;
}

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: transparent;
	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. */
}

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

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

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1em .5em;
}

ul {
	list-style: square;
}

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
--------------------------------------------------------------*/

.grecaptcha-badge {
	display: none; /* hide the recaptcha v3 badge */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid white;
	font-family: inherit;
	font-size: inherit;
	cursor: pointer;
	padding: .5em;
	width: auto;
	max-width: 100%;
	display: inline-block;
	margin: .5em 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	background: #f43c12;
	color: white;
	text-decoration: none;
	text-align: center;
	box-shadow: 0 0 4px #cc3300;
	border-radius: 0 5px 5px 5px;
}


button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: #ff3300;
	border: 1px solid #ff3300;
	box-shadow: 0 0 8px #ff3300;
}

button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	box-shadow: 0 0 8px #ccffff;
	background-color: #ccffff;
	border: 1px solid #ff3300;
	color: #ff3300;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
	outline: none;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #330000;
	border: 1px solid #ff6633;
	border-radius: 5px 0 5px 5px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #330000;
	outline: none;
	border: 1px solid #ff3300;
}

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

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


/* restyling search buttons */

/* search bars */
input.search-submit {
	font-size: .8em;
	margin: 0;
	padding: 4px;
	top: 0;
	vertical-align: top;
}

input.search-field{
	color: #cccccc;
	border: 1px solid rgba(244,60,18,.5);
	border-radius: 5px 0 5px 5px;
	transition: border 1s;
}

input.search-field:focus {
	color: #330000;
	border: 1px solid rgba(255,51,0,1);
	transition: border 1s;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #f43c12;
	text-decoration: none;
}

a:visited {

	/*color: #cc6633;*/
	color: #f43c12;
}

/*
p {
	overflow: hidden;
	text-overflow: ellipsis;
}
*/

a:hover,
a:focus,
a:active {
	color: #ff3300;
	text-decoration: underline;
}

a:focus {
	outline: thin dotted;
}

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


/* tags don't break */

a[rel~='tag'] {
	white-space: nowrap;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

header {
	max-width: 1200px;
	margin: 0 auto;
	margin: 0 auto .5em auto;
}

@media (min-width: 950px) {
	header {
		max-width: 1200px;
		margin: 0 auto;
		margin: 0 auto 1em auto;
	}
}

.main-navigation {
	display: none;
}

.mobile-navigation { /*gets hidden on desktop ver */
	display: block;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	text-align: center;
	vertical-align: middle;
	/*
	background-color: #260200;
	*/
	background-color: #edfcff;
	color: white;

	border-bottom: 1px solid #260200;
}

.mobile-extra-middle {
	vertical-align: top;
	display: inline-block;
	text-align: center;
	width: 50%;
	margin: 0 auto;
	padding: 1px;
	background-color: white;
	color: #260200;
	font-size: .8em;
	font-weight: 700;
	border-left: 1px solid #260200;
	border-right: 1px solid #260200;
	border-bottom: 2px solid #260200;
	-webkit-border-radius: 0 0 12px 12px;
	border-radius: 0 0 12px 12px;

	position: fixed;
	top: 0;
	left: 0;
	right: 0;

}

#header-center-toggle {
	cursor: pointer;
}

#header-center-toggle.open {
	color: #f43c12;
}

#mobile-menu-extra {
	display: none;
	padding: 4px;
	text-align: left;
}


#mobile-header-logo {
	margin: 4px 4px 4px 8px;
	float: left;
	width: 57px;
	height: 38px;
}

#wtf-hamburger-toggle {
  width: 40px;
  height: 30px;
  position: relative;
  margin: 8px 8px 0 22px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;

  float: right;
}

#wtf-hamburger-toggle span {
  display: block;
  position: absolute;
  height: 6px;
  width: 100%;
  background: #f43c12;
  border-radius: 6px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#wtf-hamburger-toggle span:nth-child(1) {
  top: 0px;
}

#wtf-hamburger-toggle span:nth-child(2) {
  top: 12px;
}

#wtf-hamburger-toggle span:nth-child(3) {
  top: 24px;
}

#wtf-hamburger-toggle.active span:nth-child(1) {
  top: 12px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#wtf-hamburger-toggle.active span:nth-child(2) {
  opacity: 0;
  left: -40px;
}

#wtf-hamburger-toggle.active span:nth-child(3) {
  top: 12px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/*! responsive-nav.js 1.0.39 by @viljamis */


.nav-collapse {
	display: none; /* prevents flash while loading */
	width: 100%;
}

.nav-collapse ul {
  width: 100%;
  display: block;
  list-style: none;
}
.nav-collapse li {
  width: 100%;
  display: block;
}
.nav-collapse ul ul {
  margin: 0;
  padding: 0;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}
@media screen and (min-width: 750px) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}

#mobile-menu {
	display: block;
	width: auto;
	margin: 0 12px;
	padding: 12px;

}
#mobile-menu li {
	display: block;
	margin: 0 0 .3em 0;

}

#mobile-menu > li a {
	display: block;
	background-color: #f43c12;
	color: white;
	padding: .2em;
	font-size: 1.1em;
	font-weight: 700;
	-webkit-border-radius: 12px 12px 12px 0;
	border-radius: 12px 12px 12px 0;
}
#mobile-menu > li:first-child a {
	-webkit-border-radius: 12px;
	border-radius: 12px;
	
}

#mobile-menu li ul {
	text-align: left;
}

#mobile-menu li li {
	display: inline-block;
	width: auto;
	margin: 0;
}

#mobile-menu li li a {
	display: inline-block;
	padding: .2em;
	margin: .1em .2em .2em 0;
	text-align: center;
	border: 1px solid #f43c12;
	background-color: white;
	color: #f43c12;
	font-size: .8em;
	-webkit-border-radius: 0 0 8px 84px;
	border-radius: 0 0 8px 8px;
}

/* FULL SIZE NAV */
@media (min-width: 750px) {

	/* hide mobile nav */
	.mobile-navigation {
		display: none;
	}

	ul#primary-menu {
		margin: 0 0 0 3em;
	}

	.main-navigation {
		clear: both;
		display: block;
		float: left;
		width: 100%;
	}

	.main-navigation ul {
		display: block;
		list-style: none;
		text-align: right;

		padding: 0;
		float: right;

	}

	.main-navigation li {
		float: left;
		width: auto;
		height: auto;
		padding: 0;
		margin: 0 .5em 0 .5em;
		position: relative;
	}

	.main-navigation li > a {
		display: block;
		color: #f43c12;
		border: 1px solid transparent;
		border-bottom: 2px solid transparent;
		background-color: white;
		font-size: 1.1em;
		font-weight: 700;
		text-decoration: none;
		padding: .2em .3em;
		line-height: 1.8em;
		height: auto;
		z-index: auto;
	}

	.main-navigation li > a:hover {
		color: #ff3300;
		border: 1px solid transparent;
		border-bottom: 2px solid #ff3300;
		/*
		background-color: #b3ffff;
		*/
		background-color: transparent;

		animation-name: menu-hover, blinky-menu-hover;
		animation-duration: .5s, 1s;
		animation-delay: 0s, .5s;
		animation-iteration-count: 1, infinite;
		animation-direction: alternate, normal;

	}

	@keyframes menu-hover {
		from {
		border: 1px solid transparent;
		border-bottom: 2px solid transparent;
		}

		to {
		border: 1px solid #f43c12;
		border-bottom: 2px solid #ff3300;
		}
	}

	@keyframes blinky-menu-hover {
		from {
		border: 1px solid #ff3300;
		border-bottom: 2px solid #ff3300;
		}

		50% {

		border: 1px solid #ff3300;
		border-bottom: 2px solid #c6ffff;
		}

		to {

		border: 1px solid #ff3300;
		border-bottom: 2px solid #ff3300;
		}
	}
	


	.main-navigation ul ul {
		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
		float: left;
		position: absolute;
		top: 100%;
		left: -999em;
		z-index: 99999;
		text-align: left;
		padding-top: .2em;
		min-width: 100%;
	}

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


	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		left: auto;
		right: 0;
		
		width: 100%;
		min-width: 120px;
		background-color: white;
		
	}



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

	.main-navigation ul li:last-child ul {

		text-align: right;
	}

	.main-navigation ul ul li {

		display: block; /* show submenus on desktop */
		width: 100%;
		padding: 0;
		margin: .2em 0 0 0;

	}




	.main-navigation ul li ul li a {

		animation: none;

		display: block;
		width: 100%;
		height: auto;
		color: #f43c12;
		border: 1px solid transparent;
		background-color: white;
		font-size: .8em;
		line-height: 1.5em;
		padding: .3em;

		right: 0;
	}
	.main-navigation ul li ul li a:hover {

		animation: none;
		background-color: #ff3300;
		color: white;
		border: 1px solid transparent;
	}

}

.site-branding {
	display: block;
	width: auto;
	text-align: center;
}
@media (min-width: 750px) {
	.site-branding {
	display: inline-block;
	text-align: left;
	padding-left: .5em; /* push logo over */
	width: 100%;
	}
}

.site-branding p {
	margin: 0;
	padding: 0;
}

.desktop-branding {
	display: none;
}
@media (min-width: 750px) {
	.desktop-branding {
	display: inline-block;
	}
	.desktop-branding input.search-field {
	width: 190px;
	}
}

.site-info {
	display: none;
}

.site-title {
	display: inline-block;
}
.site-description {
	float: left;
	margin-bottom: 0;
}

.main-navigation {
	float: right;
	width: auto;
	top: 0;
	padding-top: 12px;
}

#wtflogotop {
	position: inherit;
}

@media (max-width: 400px) {
	#wtflogotop {
	width: 100%;
	}
}

#wtflogotop img {
	width: auto;
}

@media (max-width: 400px) {
	#wtflogotop img {
	width: 100%;
	}
}

#wtflogotop form {
	position: static;
	margin-top: -20px;
}

@media (min-width: 750px) {
	#wtflogotop form {
	position: relative;
	left: 62px;
	margin-top: -28px;
	}
}

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

	width: 100%;
}



.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;
}

.nobreak {
	white-space: nowrap;
}

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

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

.widget_recent_entries ul {
	list-style: square;
	margin: 0 0 1.5em 0em;
}

.widget_recent_entries > ul > li {
	padding: .2em 0 .3em 0;
}
.widget_recent_entries > ul > li > a {
	font-weight: bold;
}



.sidebar-random-posts { /* manually added to sidebar.php */

}

.sidebar-random-posts ul {
	list-style: square;
	margin: 0 0 1.5em 0em;
}
.sidebar-random-posts > ul > li {
	padding: .2em 0 .3em 0;
}
.sidebar-random-posts > ul > li > a {
	font-weight: bold;
}

/* sidebar widget tagcloud (not custom) */

.tagcloud a { /* tags dont break */
	white-space: nowrap;
	color: #f43c12;
	font-weight: 700;
	text-decoration: none;
	padding: 2px;
	margin: auto;
	border-radius: 8px;
	border: 1px solid white;

}

.tagcloud a:hover { /* tags dont break */
	background-color: #f43c12;
	color: white;
}

/* widget nav menu */
.widget.widget_nav_menu ul {
	margin: 0 0 1.5em 0;
}

.widget.widget_nav_menu li > ul {
	margin-left: .5em;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

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

.hentry {
	margin: 0 0 1.5em;
}

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

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

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

@media (min-width: 550px) {
	.page-content,
	.entry-content,
	.entry-summary {
		margin: 2em 0 0 0;
	}
}

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

.taxonomy-description { 
	margin: 0 1em 0 0;
	font-size: .8em;
}

.cat-links, .tag-links {
	display: block;
}

.wysiwyg-content { /* manually adding title and content control from WYSIWYG to modified pages */

}

.page-template-default #content {
	max-width: 960px;
	margin: 0 auto;
}


/*--------------------------------------------------------------
## Tool Tips
--------------------------------------------------------------*/

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}
.tooltipimage {
    border-bottom: none;
}

/* Tooltip text */
.tooltip .tooltiptext {
	font-family: 'Cabin', sans-serif;
	font-size: 12px;
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
    z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    top: 100%; /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}


/*--------------------------------------------------------------
## Breadcrumbs
--------------------------------------------------------------*/

.breadcrumbs-holder-single { /*used on story page to make room for FL button mobile */
	width: 75%;
	margin: 0 0 .3em 0;
}

.breadcrumbs {
	font-size: 1em;
	margin: 0;
}


.breadcrumbs.post .breadcrumb_last { /* on posts */
	display: none;
}




/*--------------------------------------------------------------
## Archive Pages (grid used by archive.php, front-page.php, taxonomy-county.php, category-nsfw.php)
--------------------------------------------------------------*/

.archive .page-title {
	font-size: 1.2em;
}



/* using grid-news-article for all archives, not setting a 960 max-width like other pages */

.grid-tester-device {
	display: none;
	float: none;
}
@media (min-width: 750px) {
	.grid-tester-device {
	display: none;
	float: left;
	}
}

.story-grid-holder { /*used with masonry, wrap around articles loop */
	margin: 0;
}
@media (min-width: 750px) {
	.story-grid-holder { /*used with masonry, wrap around articles loop */
	margin: 0 1em;
	}
}

#main article.grid-news-article {
	width: 100%;
	/*
	padding: .4em;
	*/
	padding: 0;
	margin: 0 1em 2em 0;
	display: block;
	border: 1px solid gray;
    box-shadow: 2px 2px 4px 0 #ccc;
    overflow: hidden; /* just in case */
}

#main article.grid-news-article .cat-links {
	display: none; /* overriding with wtf-post-category */
}

#main article.grid-news-article .grid-excerpt {
	margin-top: 1em;
	padding: 0 .4em .4em .4em;
}

#main article.grid-news-article .grid-excerpt p {
	margin: 0 0 .9em 0;
    font-size: .9em;
}
@media (min-width: 750px) {

	#main article.grid-news-article .grid-excerpt p {
	margin: 1em 0 .1em 0;
    font-size: 1.1em;
	}
}

.grid-news-article h2 {
	display: block;
	margin: .4em 0;
	padding: .2em .4em;
	font-size: 1.2em;
	line-height: 1.2;
}

.grid-news-article h2 a {
	
	text-decoration: none;

}
@media (min-width: 550px) {
	.grid-news-article h2 a {
	font-size: 1.3em;
	line-height: 1.3;
	margin: .7em 0;

	}
}

.grid-excerpt {
	display: none; /* turn of excerpt on mobile */
}
@media (min-width: 550px) {
	.grid-excerpt {
		display: block;
	}
}

.grid-news-article .grid-article-thumbnail{
	width: 100%;
	padding: .2em .4em;
}

.wtf-post-category {
	float: right;
}

.wtf-post-category a {
	text-decoration: none;
	font-size: .7em;
	font-weight: 700;
	padding: .3em;
	background-color: #f43c12;
	color: white;
	border-radius: 4px 0 0 0;
}
.wtf-post-category a:hover {
	text-decoration: underline;
}

@media (min-width: 750px) {
	.wtf-post-category a {
	border-radius: 4px;
	}
}

@media (min-width: 750px) {

	.grid-sizer { /*used with masonry */
	width: 48%; /* has to match article width */
	}
	/*    (container width - (columns * column width)) / number of gutters = gutter width   */

	.gutter-sizer {
	width: 4%;
	}

	#main article.grid-news-article {

	width: 48%;
	float: left;
	box-sizing: border-box; /* needed??? */
	margin: 0 0 2em 0;
	padding: 1em;
	background-color: rgba(204, 255, 255, 0.5);
	border-radius: 1em;
	border: 1px solid transparent;
	}

	#main article.grid-news-article.tag-classic {
		width: 100%;
	}


	#main article.grid-news-article:hover {
	background-color: rgba(204, 255, 255, 1);
	border: 1px solid #ff4d00;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
	}
	
	#main article.grid-news-article:nth-child(3n+2) {
	background-color: rgba(179, 240, 255, 0.5)
	}
	#main article.grid-news-article:nth-child(3n+2):hover {
	background-color: rgba(179, 240, 255, 1)
	}

	/*
	.home #main article.grid-news-article:first-of-type {
	width: 100%;
	}
	*/

	#main article.grid-news-article img.grid-article-thumbnail {

		display: block;
		width: 100%;

	}

	#main article.grid-news-article .grid-excerpt {
		font-size: .8em;
	}

}

@media (min-width: 1000px) {
	.grid-sizer { /*used with masonry */
	width: 32%; /* has to match article width */
	}
	/*    (container width - (columns * column width)) / number of gutters = gutter width   */

	.gutter-sizer {
	width: 2%;
	}

	#main article.grid-news-article {

	width: 32%;
	float: left;
	box-sizing: border-box; /* needed??? */
	margin: 0 0 2em 0;
	padding: 1em;
	background-color: rgba(204, 255, 255, 0.5);
	border-radius: 1em;
	border: 1px solid transparent;
	}

	#main article.grid-news-article.tag-classic {
		width: 66%;
	}
}

.story-grid-holder .entry-footer {
	font-size: .8em;
	padding: .2em 0 0 .4em;
}
.story-grid-holder .entry-footer a {
	font-size: 1.1em;
}

.story-grid-holder .tags-links {
	display: none;
}
.story-grid-holder .tags-links a {
	white-space: nowrap;
}

/* county section on listing pages */
.story-grid-holder .entry-footer .article-page-county {
	display: inline-block;
	margin: 0;
}
.story-grid-holder .entry-footer .article-page-county a:after{
	content: " County";
}

/* hide comments count on archive listing */
.story-grid-holder .entry-footer .comments-link {
	display: none;
}

.archive-pagination-links {
	display: block;
	font-size: 1.3em;
	font-weight: 700;
	max-width: 750px;
	margin: 0 auto;
	padding: 0;
	border-bottom: 1px solid #cccccc;
}
.archive-pagination-links .older-posts {
	width: 50%;
	display: inline-block;
}
.archive-pagination-links .newer-posts {
	width: 50%;
	display: inline-block;
	text-align: right;
}

.archive-pagination-links a {
	display: inline-block;
	text-decoration: none;
	background-color: #f43c12;
	color: white;
	padding: 1em;
}
.archive-pagination-links a:hover {
	text-decoration: underline;
}

.archive-pagination-numbers {
	text-align: center;
	margin: .5em 20% 0 20%;
	direction: rtl;
}

.archive-pagination-numbers .prev {
	float: right;
	direction: ltr;
}
.archive-pagination-numbers .next {
	float: left;
	direction: ltr;
}


.comments-link {
	float: right;
	padding: 1em;
}

.comments-link a {
	font-size: 1.3em;
}

/* older / newer posts */

.nav-links:before {
	display: block;
	font-size: .8em;
	content: "Explore More WTF Florida? Articles:";
	text-align: center;
}

.nav-links {
	display: block;
	padding: 1em 0 1em 0;
	float: left;
	width: 100%;
}
/* default back and forth older and newer links */
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous,
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
	font-size: 1.1rem;
	padding: 1em 0;
}
@media (min-width: 750px) {
	.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous,
	.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
	font-size: 1.1rem;
	padding: .5em 0 0 0;
	}
}

.comment-navigation .nav-previous a, .posts-navigation .nav-previous a, .post-navigation .nav-previous a,
.comment-navigation .nav-next a, .posts-navigation .nav-next a, .post-navigation .nav-next a {
	display: block;
	text-align: center;
	font-size: 1.4em;
	font-weight: 700;
	background-color: #f43c12;
	color: white;
}
@media (min-width: 750px) {
	.comment-navigation .nav-previous a, .posts-navigation .nav-previous a, .post-navigation .nav-previous a,
	.comment-navigation .nav-next a, .posts-navigation .nav-next a, .post-navigation .nav-next a{
	font-size: 1.1rem;
	padding: 1em 0;
	font-size: 1.2em;
	font-weight: 700;
	background-color: transparent;
	color: #f43c12;
	}
}

.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
    float: none;
    width: 100%;
}
@media (min-width: 750px) {
	.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
	    float: left;
	    width: 50%;
	    padding-right: 1em;
	    text-align: left;
	}
}
.comment-navigation .nav-previous a:before, .posts-navigation .nav-previous a:before, .post-navigation .nav-previous a:before {
	display: block;
	font-size: .8em;
	text-decoration: underline;
	content: "Previous:";
}


.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
    float: none;
    text-align: left;
    width: 100%;
}
@media (min-width: 750px) {
	.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
   	padding-left: 1em;
	}
}
.comment-navigation .nav-next a:before, .posts-navigation .nav-next a:before, .post-navigation .nav-next a:before {
	display: block;
	font-size: .8em;
	text-decoration: underline;
	content: "Next:";
}



/*--------------------------------------------------------------
## Photo Grids
--------------------------------------------------------------*/

.photo-grid {

}

.photo-grid-holder article {
	margin: 2% 0 0 0;
	text-align: center;
}
.photo-grid-holder article:first-of-type {
	margin: 0;
}
.photo-grid .entry-content {
	margin: 0;

}

.photo-grid-article img { /* make sure img is wide enough */
width: 100%;
}

.photo-grid-tester-device { /* on off switch */
	display: none;
	float: none;
}
@media (min-width: 750px) {
	.photo-grid-tester-device { /* on off switch */
	display: none;
	float: left;
	}
}

@media (min-width: 750px) {

	.photo-grid-holder {

	}

	.photo-grid-article { /* content-photo-grid.php */
	width: 49%;
	}

	.photo-grid-article.lead { /* lead meme */
	width: 100%;
	}

	.photo-grid-sizer { /*used with masonry */
	width: 49%; /* has to match article width */
	}
	/*    (container width - (columns * column width)) / number of gutters = gutter width 

		or do this math:

		100 - (# columns * non-decimal version of percantage width) = gutter-size

	  */

	.photo-gutter-sizer {
	width: 2%;
	}

}


/*--------------------------------------------------------------
## Category Pages  (used by pages: category.php, archive.php, front-page.php, taxonomy-county.php, category-nsfw.php)
--------------------------------------------------------------*/

.page-title-category {
	display: none;
}

.category header.page-header {
	overflow: auto; /*making room for category-image-holder in case too tall */
}

.category-info-holder {
	float: right;
	text-align: right;
}

.story-count {
	display: block;
	font-size: .8em;
}

.taxonomy-description, .taxonomy-description p {
	padding: 0;
	margin: 0;
	display: inline-block;
}
.subcategories-description {
	display: inline-block;
	font-size: .8em;
}

.subcategories-description span {
	font-weight: 700;
}

.archive-subcats {
	margin: 0;
	padding: 0;
}

ul.subcategories {
	list-style: none;
	display: inline-block;

	padding: 0;
	margin: 0;
}
ul.subcategories li {
	display: inline-block;
	font-size: 1em;
}
ul.subcategories li:after {
	content: '- ';
}
ul.subcategories li:last-child:after {
	content: none;
}

ul.subcategories li a {
	font-size: .9em;
}

/*--------------------------------------------------------------
## Front Page
--------------------------------------------------------------*/

.home header#masthead {
	margin: 0 auto;
}
@media (min-width: 750px) {
	.home header#masthead {
	margin: 0 auto .5em auto;
	}
}

.home.page-template-default #content { /* 1600px max-width for front page main article loop */
	max-width: 1400px;
	margin: 0 auto;
}

.home.page-template-default .wysiwyg-content .hentry {
	margin: 0 0 .5em 0;
}
@media (min-width: 750px) {
	.home.page-template-default .wysiwyg-content .hentry {
	margin: 0 0 1em 0;
	}
}
.home.page-template-default .wysiwyg-content .entry-header h1 {
	margin: .2em 0 0 0;
	font-size: 1em;
	text-align: center;
}
@media (min-width: 750px) {
	.home.page-template-default .wysiwyg-content .entry-header h1 {
		margin: .2em 0 0 0;
		font-size: 2em;
	}
}


.home.page-template-default .wysiwyg-content .entry-content p {
	margin: 0;
}


.home.page-template-default .wysiwyg-content footer.entry-footer {
	display: none;
}

.site-main .page-content,
.site-main .entry-content,
.site-main .entry-summary {
	margin: 0 0 0 0;
}
@media (min-width: 550px) {
	.site-main .page-content,
	.site-main .entry-content,
	.site-main .entry-summary {
		margin: 0;
	}
}


.home h1 {
	font-size: .8em;
	font-weight: 400;
	font-style: italic;
	letter-spacing: .06em;
	display: inline-block;
	margin: 0 0 12px 0;
	padding: .3em .3em .3em .6em;
	border-radius: 12px;
	background-color: #edfcff;
	color: #260200;
}

.home .front-page-main h1:first-of-type {
	display: none;
}
@media (min-width: 750px) {
	.home .front-page-main h1:first-of-type {
	display: inline-block;
	}
}


/*--------------------------------------------------------------
### Modules
--------------------------------------------------------------*/

/* extending front page with modules, replacing grid and moving that to archive pages */

/* front page elements */


.front-page-florida-news { /* main container for lead-story and latest-florida-news */
	overflow: auto; /*make float element push div down */
}

.home .front-page-main { /* main lead story (left) */

}

@media (min-width: 750px) {

	.home .front-page-main { /* main lead story (left) */
		display: inline-block;
		width: 66.6666666666666667%;
	}
}


.home .front-page-main > div { /* spacing below each section */
	margin-bottom: 1em;
}


.home .lead-story .lead-story-thumbnail  {
	display: block;
	width: 100%;
	overflow: hidden;
	padding-top: 52.5%;
	position: relative;
	margin: 6px 0 0 0;

}

.home .lead-story .lead-story-thumbnail img {
	position: absolute;
	top: 50%;
	left: 50%;
	object-fit: cover;
	object-position: 0 50%;
	width: 100%;
	transform: translate(-50%, -50%);
}



.home .lead-story .title-holder {
	
}
.home .lead-story .title-holder h2 {
	margin: 0;
	line-height: 1.1;

}

.home .lead-story-county a::after {
    content: " County";
}

.home .latest-florida-news { /* florida news container (right) */

}
@media (min-width: 750px) {
	.home .latest-florida-news { /* main lead story (left) */
		float: right;
		padding: 0 0 0 .5em;
		display: inline-block;
		width: 33.3333333333333333%;
		text-align: right;
	}
}
.fp-more-news {
	text-align: center;
}


.home .photo-grid#dank-memes {

}

.home .photo-grid#dank-memes > .photo-grid-holder {
	white-space: nowrap;
	overflow-x: scroll;
	overflow-y: hidden;
	height: 240px;
}

.home .photo-grid#dank-memes > .photo-grid-holder::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

.home .photo-grid#dank-memes > .photo-grid-holder::-webkit-scrollbar
{
	width: 10px;
	background-color: #F5F5F5;
}

.home .photo-grid#dank-memes > .photo-grid-holder::-webkit-scrollbar-thumb
{
	background-color: #ff3300;	
	background-image: -webkit-linear-gradient(-45deg,
	rgba(255, 255, 255, .2) 25%,
	transparent 25%,
	transparent 50%,
	rgba(255, 255, 255, .2) 50%,
	rgba(255, 255, 255, .2) 75%,
	transparent 75%,
	transparent)
}

@media (min-width: 750px) {
	.home .photo-grid#dank-memes > .photo-grid-holder {
	white-space: normal;
	overflow-x: visible;
	overflow-y: visible;
	height: auto;
	}
}

.home .photo-grid#dank-memes .photo-grid-holder article.photo-grid-article {
	vertical-align: top;
	display: inline-block;
	margin: 0 4px 0 0;
}
@media (min-width: 750px) {
	.home .photo-grid#dank-memes .photo-grid-holder article.photo-grid-article {
	display: block;
	margin: 2% 0 0 0;
	}
}
.home .photo-grid#dank-memes .photo-grid-holder article.photo-grid-article:first-of-type {
	max-width: 88%; /* peek around */
}
@media (min-width: 750px) {
	.home .photo-grid#dank-memes .photo-grid-holder article.photo-grid-article:first-of-type {
	max-width: 100%;
	width: 100%;
	}
}

.home .photo-grid#dank-memes .photo-grid-holder article.photo-grid-article img {
	width: auto;
	height: 216px;
	object-fit: contain;
}
@media (min-width: 750px) {
	.home .photo-grid#dank-memes .photo-grid-holder article.photo-grid-article img {
	width: 100%;
	height: auto;
	}
}

.home .photo-grid#dank-memes .more-media {
	text-align: center;
	width: 100%;
	white-space: normal;
	padding: 12px;
}
@media (min-width: 750px) {
	.home .photo-grid#dank-memes .more-media {
		width: 49%; /* back to grid */
		padding: 0;
	}
}

.home .photo-grid#dank-memes .more-media .wtff-btn {
	width: 100%;
}
@media (min-width: 750px) {
	.home .photo-grid#dank-memes .more-media .wtff-btn {
	width: 240px;
	}
}


.news-list {
	padding: 0;
	margin: 0;
	text-align: left;
}

.home h1.news-list-header {
	text-align: left;
}
@media (min-width: 750px) {
	.home h1.news-list-header {
		text-align: right;
	}
}

article.news-list-item {

	
	position: relative;
	margin: 0; /* overwriting .hentry */
	overflow: auto; /*clearfix for floated images */

	padding: .3em .3em .3em .3em;

	border-bottom: 1px solid #cccccc;
}


.news-list-thumbnail {
	width: auto;
	float: right;
}

.news-list-thumbnail img {
	width: auto;
	max-width: 120px;
	height: 63px;
	object-fit: contain;
	object-position: 100% 100%;
	margin: 0 0 0 12px;
}

.news-list-item .title-holder {
	line-height: 1.1em;
}

.news-list-item h2 {
	display: inline; /*line-height defined in parnet container (.title-holder) */
	font-size: 1em;
}

.news-list-county {
	padding-top: 12px;
	font-size: .8em;
	line-height: 1em;
}

.news-list-county span {
    font-style: italic;
}
.news-list-county a:after {
    content: " County";
}


/*--------------------------------------------------------------
### Buttons
--------------------------------------------------------------*/


/* General button style (reset) */
.wtff-btn {
	border: 1px solid white;
	font-family: inherit;
	font-size: inherit;
	cursor: pointer;
	padding: .5em;
	width: 240px;
	max-width: 100%;
	display: inline-block;
	margin: .5em 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	background: #f43c12;
	color: white;
	text-decoration: none;
	text-align: center;
	box-shadow: 0 0 4px #cc3300;
	border-radius: 0 0 5px 5px;
}

a.wtff-btn {
	color: white; /* making sure */
}

.wtff-btn:hover {
	background-color: #ff3300;
	border: 1px solid #ff3300;
	box-shadow: 0 0 8px #ff3300;
	color: white;
	text-decoration: none;
}
.wtff-btn:active {
	box-shadow: 0 0 8px #ccffff;
	background-color: #ccffff;
	border: 1px solid #ff3300;
	color: #ff3300;
	text-decoration: none;
}

/*--------------------------------------------------------------
## Article Pages (single posts)
--------------------------------------------------------------*/


.single.single-post #content {
	max-width: 1200px;
	margin: 0 auto;
}

.single.single-post .breadcrumbs {
	display: inline;
}
.single.single-post .article-date {
	white-space: nowrap;
	display: inline;
	font-size: 1em;
	color: #404040;
}

.single.single-post .article-date .title {
	display: inline;
	white-space: nowrap;
	font-size: .7em;
	font-style: italic;

}

.single.single-post .article-author, {
	white-space: nowrap;
	display: block;
	font-size: 1em;
	color: #404040;
}

.single.single-post .article-author .title {
	display: inline;
	white-space: nowrap;
	font-size: .7em;
	font-style: italic;

}

/* new two column layout */


.singlecolmask {
	display: block;
	float: none;
}

@media (min-width: 750px) {
	/* column container */
	.singlecolmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
	    width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}

	.singlecolmask .singlecolumns {
	    float:left;
	    width:200%;
	    /*margin-left:-320px;*/
	    margin-left:-310px;
	    position:relative;
	    right:100%;
	    background:#fff;
	    
	}
	.singlecolmask .col1wrap {
	    float:left;
	    width:50%;
	    position:relative;
	    left:50%;
	    /*padding: 0 10px 1em 0;*/
	    padding: 0 20px 1em 0;
	}
	.singlecolmask .col1 {
	    margin: 0 0 0 320px; /* or 321? */
	    overflow:hidden;
	}
	.singlecolmask .col2 {
		float: right;
		/*width: 300px;*/
		width: 310px;
		position: relative;
		left: 300px;
		border-left: 1px dashed #cccccc;
		padding-left: 10px;
	}

}


.single-post .type-post .entry-header, .type-dev .entry-header { /* on article pages */
position: relative; /* for fb sharer absolute */
overflow: auto;
}

.single-post .type-post .entry-header {
	margin: 0;
}
@media (min-width: 750px) { 
	.single-post .type-post .entry-header {
		margin: .5em 0 0 0;
	}
}

.single-post .type-post .entry-header h1{
font-size: 1.4em;
line-height: 1.2;
margin: .3em 0 0 0;
display: inline; /* making room for fl-button-mobile */
}
@media (min-width: 750px) { 
	.single-post .type-post .entry-header h1{
	font-size: 2em;
	margin: .3em 0 0 0;
	display: block;
	width: auto;
	}
}


.col2 h3 {
	font-size: .8em;
	font-weight: 400;
	font-style: italic;
	letter-spacing: .06em;
	display: inline-block;
	margin: 0 0 12px 0;
	padding: .3em .3em .3em .6em;
	border-radius: 0 0 12px 0;
	background-color: #edfcff;
	color: #260200;
}

.single.single-post .entry-footer {
	font-size: .9em;
}

.single.single-post .entry-footer a {
	font-size: 1.2em;
	font-weight: 700;
}

/* county section on single posts */
.single.single-post .entry-footer .single-county {
	display: block;
	margin: 0;
}
.single.single-post .entry-footer .single-county a:after{
	content: " County";
}

.single.single-post .tags-links {
	display: block;
}

.entry-meta {
	font-size: .8em;
}

.single.single-post .entry-footer {
	background-color: #edfcff;
	border-radius: 1em;
	padding: 1em;
	margin: .5em 0 0 0;
}
.single.single-post .entry-footer h2 {
	font-size: 1.5em;
	line-height: 1.2;
	margin: 0 0 .2em 0;
}

/* captions */
.single.single-post figcaption.wp-caption-text {
	margin: 0;
	padding: .4em .8em;
	font-size: .8em;
	color: 666666;
	background-color: #ebebeb;
}

.enjoying {
	text-align: center;
	font-size: .8em;
	margin: 1em 3em;
	padding: 1em;
}

.related-county {
	margin: 0 0 1em 0;
}

.related-county h4 {
	padding: 0;
	margin: .5em;
	line-height: 1.2;
	padding: .3em;
	border-radius: 12px 0 0 12px;
	box-shadow: 0 0 4px #cccccc;
}
.related-county h4 a {
	display: block;
}

.related-county h4:nth-child(odd) {
	background-color: #edfcff;
} 
.related-county h4:nth-child(even) {
	background-color: #c6ffff;
}
.related-county h4:last-child {
	margin: .5em .5em 1em .5em;
}

.related-county .allcountylinkholder {
	display: block;
	text-align: right;
}
.related-county .allcountylink {
	display: inline-block;
	font-size: 1em;
}

.related-county p {
	margin: 0 0 1em 0;
}

.col2 .mc4wp-form-fields { /* newsletter right hand side */

}
.col2 .mc4wp-form-fields p { /* newsletter right hand side */
	margin: 0 0 .3em 0;
}

/*--------------------------------------------------------------
### Social Stuff
--------------------------------------------------------------*/
.social-stuff {
	display: block;
	text-align: center;

}
@media (min-width: 550px) { 
	.social-stuff {
		text-align: center;
		padding: 0 0 0 .5em;
	}
}


/*--------------------------------------------------------------
#### Social Media Article Sharer
--------------------------------------------------------------*/

/* holder */


.entry-sharer {
	display: inline-block;
	max-width: 100%;
}
@media (min-width: 550px) {
	.entry-sharer {
		display: block;
		text-align: center;
		margin: 12px 0 0 0;
	}
}

.entry-sharer h3 {
	display: inline-block;
}
@media (min-width: 550px) {
	.entry-sharer h3 {
	display: block;
	}
}

.side-hyperlink {
	width: 100%;
	margin: .5em 0 0 0;
}

.side-hyperlink .fa {
	cursor: copy;
	color: #f43c12;
	font-size: 2em;
	display: inline-block;
	margin: 0 4px 0 0;
}

.side-hyperlink .fa:hover {
	color: #ff3300;
}


.side-hyperlink #linktocopy {
	display: inline-block;
	width: 50%;
	white-space: nowrap;
	overflow-x: scroll;
	overflow-y: hidden;
	font-size: .7em;
}

@media (min-width: 750px) {
	.side-hyperlink #linktocopy {
	width: 80%;
	}
}

.side-hyperlink .copythis:active {
	color: #00ffff;
}


ul.side-share-buttons {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.side-share-buttons li {
	display: inline;
	color: white;
}

ul.side-share-buttons li i {
	padding: .5em;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
}


.side-share-buttons .fa {
	width: 2em;
	height: 2em;
	font-size: 2em;
	color: white;
	border: 1px solid white;
}

.side-share-buttons .fa:hover {
	width: 2em;
	height: 2em;
	font-size: 2em;
	border: 1px solid black;
}

.side-share-buttons .fa-facebook {

    background-color: #3d5b99;
}

.side-share-buttons .fa-twitter {
    background-color: #00aced;
}

.side-share-buttons .fa-envelope {
	background-color: #cc0000;
}

.side-share-buttons i {
  visibility: hidden;
}

.side-share-buttons i.loaded {
  visibility: initial;
}


/*--------------------------------------------------------------
## Tag Cloud Counties page
--------------------------------------------------------------*/

/* page */


.site-main.counties-page {

}
.site-main.counties-page h1 {
	font-size: 1.5em;
}

/* county + cloud */

.zone-container {
	border: 1px solid #f43c12;
	border-radius: 1em;
	padding: 1em;
	margin: 0 0 1.5em 0;
}

.zone-container h2 {
	font-size: 2.5em;
	line-height: 1;
	margin: 0;
	padding: 0;

}
.zone-container h3 {
	font-size: 1em;
	font-weight: 400;
	font-style: italic;
	line-height: 1;
	margin: 0;
	padding: .5em 0 1em 1em;
	color: #666666;
}

.zone-container h4 {
	font-size: .8em;
	font-weight: 400;
	margin: 0;
	padding: 0 0 .5em 0;
}

.zone-container p {
	margin: .5em 0 0 0;
}

.zone-container .counties-list {
	padding-bottom: 1em;
}

.zone-container .zone-article-list {
	padding-bottom: 1em;
}
.zone-container ul.zone-article-list  {
	list-style: square inside;
	margin: 0;
	padding: 0 0 1em 0;
}
.zone-container ul.zone-article-list li{
	margin: 0 0 .5em 0;
}
.zone-container .zone-article-list a {
	display: inline;
	font-size: 1.1em;
}

.county-tag-cloud {

}


.county-tag-cloud .tag {
	white-space: nowrap;
	padding-right: 1em;
	white-space: nowrap;
    padding-right: 1em;
    display: inline-block;
    padding: .5em 14px 0 0
}

.county-tag-cloud .tag.tinytag {
	font-size: .7em;
}
.county-tag-cloud .tag.smalltag {
	font-size: .9em;
}
.county-tag-cloud .tag.mediumtag {
	font-size: 1em;
}
.county-tag-cloud .tag.bigtag {
	font-size: 1.1em;
}
.county-tag-cloud .tag.hugetag {
	font-size: 1.3em;
}
.county-tag-cloud .tag.colossaltag {
	font-size: 1.5em;
}

.county-tag-cloud .tag.leftovers {
	font-size: 1em;
}

.county-tag-cloud .tag a{ 

	color: #f43c12;
	font-weight: 700;
	text-decoration: none;
	padding: 4px;
	margin: auto;
	border-radius: 8px;
	border: 1px solid white;

}

.county-tag-cloud .tag a:hover { /* tags dont break */
	background-color: #f43c12;
	color: white;
}


.county-tag-cloud .tag a .count {
	font-weight: 400;
	font-size: 14px;
	color: #f43c12;
	background-color: transparent;
	height: 18px;
	padding: 2px;
	border-radius: 4px;
}
.county-tag-cloud .tag a:hover .count {
	background-color: white;
}


/*--------------------------------------------------------------
### Random Post Page
--------------------------------------------------------------*/

.page-id-14656 #content { /* 1600px max-width for front page main article loop */
	max-width: 1600px;
	margin: 0 auto;
}

.page-id-14656 #content h2 { /* 1600px max-width for front page main article loop */
	font-size: 2.5em;
	line-height: 1.1;
}

.random-reloading-tools {
	text-align: center;
}
@media (min-width: 750px) {
	.random-reloading-tools {
	text-align: left;
	}
}

@keyframes random-blinky {
  from {
    border-top: 1px dashed #ff6600;
    border-right: 1px dashed #00ffff;
    border-bottom: 1px dashed #00ffff;
    border-left: 1px dashed #00ffff;
    color: #ff6600;
  }
  25% {
  	border-top: 1px dashed #00ffff;
    border-right: 1px dashed #ff6600;
    border-bottom: 1px dashed #00ffff;
    border-left: 1px dashed #00ffff;
  }

  50% {
  	border-top: 1px dashed #00ffff;
    border-right: 1px dashed #00ffff;
    border-bottom: 1px dashed #ff6600;
    border-left: 1px dashed #00ffff;
    color: red;
    text-decoration: underline;
  }
  75% {
  	border-top: 1px dashed #00ffff;
    border-right: 1px dashed #00ffff;
    border-bottom: 1px dashed #00ffff;
    border-left: 1px dashed #ff6600;
  }
  to {
  	border-top: 1px dashed #ff6600;
    border-right: 1px dashed #00ffff;
    border-bottom: 1px dashed #00ffff;
    border-left: 1px dashed #00ffff;
    color: #ff6600;
  }
}

a.random-reloader {
	display: block;
	text-align: center;
	font-weight: bold;
	border: 1px solid transparent;
	padding: 1em;

	animation-duration: 1s;
  	animation-iteration-count: infinite;
  	animation-name: random-blinky;
  	/*animation-direction: alternate;*/
}


a.random-reloader:hover {

	background-color: #ff6600;
	color: white;
	animation: none;

}

@media (min-width: 750px) {
	a.random-reloader {
	display: inline-block;
	}
}

/*--------------------------------------------------------------
### County Map Page
--------------------------------------------------------------*/
.county-map {


}
.county-map img {
	display: block;
	width: 567px;
	height: 545px;
	max-width: none;
}

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

/*--------------------------------------------------------------
## Common Page Items
--------------------------------------------------------------*/
.social-media-links-top {
	display: none;
}
@media (min-width: 750px) {
	.social-media-links-top {
	min-height: 30px; /* prevent page blips from moving below content */
	display: block;
    text-align: center;
    width: 100%;
	}
}
.social-media-links-top iframe#twitter-widget-0 {
	display: inline-block;
	vertical-align: bottom;
}

.social-media-links-top .fb_iframe_widget {
	display: inline-block;
	vertical-align: bottom;
}
.social-media-links-top .fb_iframe_widget div {
	display: inline-block;
}

.header-tagline {
	margin: 12px 1em 0 0;
}
@media (min-width: 750px) {
	.header-tagline {
	margin: 12px 0 0 1em;
	}
}



/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

li.pingback { /* hide pingbacks above comments */
	display: none;
}

.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

.comments-area {

}
/*
.comments-area .comments-title {
	display: none;
}
.comments-area:before {
	display: block;
	padding: 0 0 1em 0;
	content: "Comments:";
}
*/
.comments-area > ul,.comments-area > ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

.comments-area > ul > li, .comments-area > ol > li {
	margin: 0 0 1em 0;
}

.comments-area > ul > li > article, .comments-area > ol > li > article {
	margin: 0;
	padding: 1em;
	border: 1px dotted #cccccc;
}

ol.children {
	margin: 0 0 0 2em;
	padding: 1em;
	border: 1px dotted #cccccc;
	border-left: 1px dashed #cccccc;
	list-style: none;
}

ol.children ol.children {
	margin: 1em 0 0 2em;
	padding: 1em;
	border: none;
	border-left: 1px dashed #cccccc;
}

/* wp comments boxes  */

.comment-form-author label,
.comment-form-email label {
	display: inline-block;
	width: 60px;
}


/*--------------------------------------------------------------
## YouTube Videos
--------------------------------------------------------------*/

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-container .entry-content img, 
.video-container .entry-content iframe, 
.video-container .entry-content object, 
.video-container .entry-content embed {
        max-width: 100%;
}


/*--------------------------------------------------------------
# Embedded Videos
--------------------------------------------------------------*/

.wp-video {
	margin: 0 auto;
}

.wp-video, video.wp-video-shortcode, .wp-video .mejs-container, .wp-video .mejs-overlay.load {
	width: 100% !important;
	height: 100% !important;
}
.wp-video .mejs-container {
	padding-top: 56.25%;
}
.wp-video, .wp-video  video.wp-video-shortcode {
	max-width: 100% !important;
}
.wp-video video.wp-video-shortcode {
	position: relative;
}
.wp-video .mejs-mediaelement {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.wp-video .mejs-controls {

}
.wp-video .mejs-overlay-play {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: auto !important;
	height: auto !important;
}

/*--------------------------------------------------------------
# Embedded Audio
--------------------------------------------------------------*/

.content-area .mejs-container[aria-label="Audio Player"] {
	max-width: 300px;
    margin: 0 auto;
}

/*--------------------------------------------------------------
# Embedded Content (wordpress default)
--------------------------------------------------------------*/

.wp-embedded-content {
margin: 0 auto;
text-align: center;
display: block;
}

/*--------------------------------------------------------------
# Blinky Wrap (for embeds, etc)
--------------------------------------------------------------*/

@keyframes comments-blinky {
  from {
    border-left: 1px dashed #00ffff;
    border-right: 1px dashed #ff6600;  
  }

  50% {
    border-left: 1px dashed #ff6600;
    border-right: 1px dashed #00ffff; 
  }

  to {
    border-left: 1px dashed #00ffff;
    border-right: 1px dashed #ff6600; 
  }
}

.blinkywrap {
	text-align: center;
	margin: 1em auto;
	max-width: 600px;
	border-left: 1px dashed #ff6600;
	border-right: 1px dashed #ff6600;
	padding: 1em;

	animation-duration: 3s;
  	animation-iteration-count: infinite;
  	animation-name: comments-blinky;
  	animation-direction: alternate;
}

.twitter-tweet {
    margin: 0 auto;
}

/*--------------------------------------------------------------
# Newsletter signup
--------------------------------------------------------------*/

/* footer on every page in mailchimp wrapper */

#mc4wp-form-1 {
	display: block;
}

.mc4wp-form-fields div {
	margin: 0 0 1em 0;
}

.mc4wp-form-fields p {
	font-size: .9em;
	font-style: italic;
}

.mc4wp-form-fields label {
	display: block;
}

.mc4wp-form-fields input[type="email"] { 
	color: #666;
    padding: 3px;
    width: 320px;
    max-width: 100%;
    border: 1px solid rgba(244,60,18,.5);
	border-radius: 5px 0 5px 5px;
	transition: border 1s;
 }

.mc4wp-form-fields input[type="email"]:focus { 
	color: #404040;
    max-width: 100%;
    border: 1px solid rgba(255,51,0,1);
	transition: border 1s;
 }



 input.search-field{
	color: #cccccc;
	border: 1px solid rgba(244,60,18,.5);
	border-radius: 5px 0 5px 5px;
	transition: border 1s;
}

input.search-field:focus {
	color: #330000;
	border: 1px solid rgba(255,51,0,1);
	transition: border 1s;
}

/*--------------------------------------------------------------
# Polls
--------------------------------------------------------------*/
@keyframes blink-polls {
  from {
    border-left: 1px dashed #00ffff;
    border-right: 1px dashed #ff6600;  
  }

  50% {
    border-left: 1px dashed #ff6600;
    border-right: 1px dashed #00ffff; 
  }

  to {
    border-left: 1px dashed #00ffff;
    border-right: 1px dashed #ff6600; 
  }
}
.wp-polls {
	text-align: center;
	margin: 0 auto 1em auto;
	max-width: 600px;
	border-left: 1px dashed #ff6600;
	border-right: 1px dashed #ff6600;
	padding: 0 1em 0 1em;

	animation-duration: 3s;
  	animation-iteration-count: infinite;
  	animation-name: comments-blinky;
  	animation-direction: alternate;
}
.wp-polls ul.wp-polls-ul li {
	margin: 0 0 1em 0;
}

.wp-polls .Buttons {
	background-color: #f43c12;
}

/*--------------------------------------------------------------
# Feeds
--------------------------------------------------------------*/



.feeds-zone {

}

ul.florida-feeds {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.florida-feeds li {

}

ul.florida-feeds li a {
	font-size: 1.2em;
}


ul.florida-feeds li .feeds-date {
	float: right;
}

ul.florida-feeds li p {
	font-size: .8em;
}


/* https://jsfiddle.net/cse_tushar/6FzSb/ */

/* https://codepen.io/dmorda/pen/ptiaG */

.florida-feeds li {
	display: none;
}

.loadMoreFeeds {
    color:green;
    cursor:pointer;
}
.loadMoreFeeds:hover {
    color:black;
}
.showLessFeeds {
    color:red;
    cursor:pointer;
}
.showLessFeeds:hover {
    color:black;
}

/* https://codepen.io/anon/pen/gpxPmN */



/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.wtf-florida-footer-tag {
	text-align: right;
}

#nav_menu-2 {

}

#nav_menu-2 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#nav_menu-2 ul li a {
	font-weight: 700;
	font-size: 1em;
	white-space: nowrap;
	color: #f43c12;
	text-decoration: none;
	padding: 2px;
	margin: auto;
	border-radius: 8px;
	border: 1px solid white;
}
#nav_menu-2 ul li a:hover {
	background-color: #f43c12;
	color: white;
}
#nav_menu-2 ul ul {
	list-style: none;
	margin: 0;
	padding: 0 0 .5em 1em;
}

#nav_menu-2 ul ul li {
	display: inline;
}

#nav_menu-2 ul ul li a { /* tags dont break */
	font-size: .8em;
	
}

.footer-disclaimer {
	margin-top: 2em;
	font-size: .6em;
	text-align: center;
	color: #666666;
}

/*--------------------------------------------------------------
# Ads
--------------------------------------------------------------*/
ins.adsbygoogle {
	background-color: transparent;
	text-align: center;
}

.wtf-header-sponsor-ad {
	font-size: .7em;
	color: #cccccc;
	display: block;
	text-align: center;
	border-bottom: 1px dashed #cccccc;
	padding: 0 0 .5em 0;
	margin: 0 0 .5em 0;
	overflow: hidden;
}
@media (min-width: 750px) {
	.wtf-header-sponsor-ad {
	padding: 0 0 1em 0;
	margin: 0 0 1em 0;

	}
}

.wtf-header-sponsor-ad.mobile-ad {
	display: block;
	width: auto;
	min-height: 88px;
	height: auto;
}
@media (min-width: 750px) {
	.wtf-header-sponsor-ad.mobile-ad {
	display: none;
	}
}

.wtf-header-sponsor-ad.desktop-ad {
	display: none;

}
@media (min-width: 750px) {
	.wtf-header-sponsor-ad.desktop-ad {
	display: block;
	overflow: visible;
	}
}

#div-gpt-ad-1503692544409-0 {
	height: auto;
}

img.img_ad {
	max-width: 100%;
}

.wtf-header-sponsor-ad > div{
	margin: 0 auto;
}



.googleadholder-instory-wide{
	margin: .5em 10%;
	padding: .5em 0;
	overflow: hidden;
	border-top: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc;
}

.adblade-instory {
	border-top: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc;
	margin: .5em 10%;
	padding: 1.5em 0 0 0;
	overflow: hidden;
}

.adblade-bottomoffrontpage {
	margin: 1em 0 .5em 0;
	border-top: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc;
	padding: 1.5em 0 .2em 0;
}

.article-with-skyscraper-ad {


}
.article-with-skyscraper-ad img.wp-post-image{

	width: 100%;
}

.google-dfp-ad-footer{
	margin: .5em auto;
	padding: .5em 0;
	text-align: center;
	overflow: hidden;
	border-top: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc;
}

.google-dfp-ad-footer .mobile-ad {
	display: block;
}
@media (min-width: 1000px) {
	.google-dfp-ad-footer .mobile-ad {
	display: none;
	}
}

.google-dfp-ad-footer .desktop-ad {
	display: none;
}
@media (min-width: 1000px) {
	.google-dfp-ad-footer .desktop-ad {
	display: block;
	}
}

.google-dfp-ad-footer > div > div{
	margin: 0 auto;
}

.shortcode-in-article-ad {
	margin: .5em 10%;
	padding: .5em 0;
	overflow: hidden;
	border-top: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc;

	width: 300px;
}

/* ad right hand column of post 300x250 or 300x600 */
#div-gpt-ad-1520116700517-0 {
	display: block;
	text-align: center;
	padding: 1em 0;
	margin: 1em 0;
	border-top: 1px dashed #cccccc;
	border-bottom: 1px dashed #cccccc;
}
#div-gpt-ad-1520116700517-0:before {
	content: 'Sponsor:';
	font-size: .7em;
	color: #cccccc;
	display: block;
	text-align: center;
	margin-bottom: 4px;
}


/* random posts page */

.rightad {

}

@media (min-width: 950px) {
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
	    width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	/* 2 column right menu settings */
	.rightad {

	}
	.rightad .colleft {
	    float:left;
	    width:200%;
	    margin-left:-320px;
	    position:relative;
	    right:100%;
	    background:#fff;
	    
	}
	.rightad .col1wrap {
	    float:left;
	    width:50%;
	    position:relative;
	    left:50%;
	    padding: 0 10px 1em 0;
	}
	.rightad .col1 {
	    margin: 0 0 0 321px;
	    overflow:hidden;
	}
	.rightad .col2 {
		float: right;
		width: 300px;
		position: relative;
		left: 300px;
		border-left: 1px dashed #cccccc;
		padding-left: 10px;
	}

}

/* house ads */

.srq-ad {
	display: block;
	text-align: center;
	margin: 0;
}
.srq-ad img{
	margin: 0 auto;
	width: 100px

}

/*--------------------------------------------------------------
# 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-left: auto;
	margin-right: auto;
}

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

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

/*--------------------------------------------------------------
## 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;
}

/* adding stuff... */

.centered {
	text-align: center;
	margin: 0 auto;
}



article a {
	word-wrap:break-word;
}

/* pictures hang off post lists when you choose align: none
.entry-content figure {
	margin: 0;
}
fixed it with entry p float left below*/ 
.entry p {
margin: 0px;
padding: 0px;
float: left;
}

#wtfloater {
	position: fixed;
	bottom: 0;
	left: 0;
	padding: .5em;
	margin: .2em .5em;

}

#wtfloater .wtftoggle {
	background-color: #ff6600;
	color: white;
	border: 3px dashed #ff0000;
	padding: .3em;
	margin: 0;
	border-radius: 1em;
	font-style: italic;
	font-weight: 700;
	font-size: 1.1em;
	width: auto;
	cursor: help;
	-webkit-transition: font-size .7s ease-out, background-color .5s, padding .1s ease-in, transform .9s ease-out;
	-moz-transition: font-size .7s ease-out, background-color .5s, padding .1s ease-in, transform .9s ease-out;
	transition: font-size .7s ease-out, background-color .5s, padding .1s ease-in, transform .9s ease-out;

	-ms-transform: rotate(-12deg); 
    -webkit-transform: rotate(-12deg); 
    -moz-transform: rotate(-12deg); 
    transform: rotate(-12deg); 
}

#wtfloater .wtftoggle:hover {
	background-color: #00ffff;
	font-size: 1.7em;
	padding: .7em;
	border: 3px solid yellow;
}

#wtfloater .wtftoggle.toggleselected {
	cursor: zoom-out;
	display: inline-block;
	width: auto;
	border-radius: .1em;
	margin-bottom: -22px;
	margin-left: -4px;
	-ms-transform: rotate(2deg); 
    -webkit-transform: rotate(2deg); 
    -moz-transform: rotate(2deg); 
    transform: rotate(2deg); 
}

#wtfloater .wtfexpanded {
	height: 60vh;
	width: 70vw;
	min-height: 250px;
	background-color: rgba(255,255,255,.8);
	border-left: 4px solid #ff6600;
	border-top: 4px solid #ff6600;
	border-right: 7px solid #ff0000;
	border-bottom: 7px solid #ff0000;
	padding: 1em;
	border-radius: 0 1em 1em;


	display: none;
}

#duionscooter {
	width: 60%;
	display: block;
}

#duionscooter img {
	max-height: 100%;
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 30%;
	-webkit-transition: all .7s ease-in-out;
	-moz-transition: all .7s ease-in-out;
	-ms-transition: all .7s ease-in-out;
	transition: all .7s ease-out;

	z-index: 11;

}
#duionscooter img:hover {
	transform: rotate(720deg);
}
@media (min-width: 750px) {
	#duionscooter {
		width: 30%;
		display: inline-block;
	}

	#duionscooter img {
		max-height: 100%;
		display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		-webkit-transition: all .7s ease-in-out;
		-moz-transition: all .7s ease-in-out;
		-ms-transition: all .7s ease-in-out;
		transition: all .7s ease-out;
	}
	#duionscooter img:hover {
		transform: scale(1.4) rotate(12deg);
	}
}

#wtfloater .wtfexpanded p {

		background-color: transparent;
		font-size: 1.2em;
		font-weight: 700;
		display: block;
		text-align: right;
		float: right;

		width: 100%;
		max-width: 380px;

		z-index: 22;
	}
@media (min-width: 750px) {
	#wtfloater .wtfexpanded p {

		background-color: transparent;
		font-size: 1.7em;
		display: block;
		text-align: right;
		float: right;

		width: 60%;
		max-width: 380px;

		padding: 1.2em 2em .2em 0;

		z-index: 22;
	}
}

#wtfloater .wtfexpanded p img {
	width: 62px;
	height: 60px;
	display: inline;
	padding: 0 .2em 0 .2em;

}

.wtfexpanded .closeme {
	float: right;
	text-align: right;
	background-color: #ff6600;
	border: 1px solid #ff0000;
	border-radius: 22px;
	color: white;
	padding: .5em;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 777;
	cursor: zoom-out;
}
.wtfexpanded .closeme:hover {

	border: 1px solid white;

}

#silly-fake-ad-penis-fruit {
	display: none;
}

@media (min-width: 550px) {
	#silly-fake-ad-penis-fruit {
		display:inline-block;
		cursor: pointer;
		padding: 0;
		width:384px;
		height:84px;
		background-color: blue;
		background:url('http://wtfflorida.com/blog/wp-content/uploads/2017/06/size-ad-expanded.jpg') no-repeat;
		background-position:0 0;
		background-size: 100%;
		-webkit-transition: background-position 1s ease-in;
		transition: background-position 1s ease-in;
	}

	#silly-fake-ad-penis-fruit:hover {
		background-position:0 -84px;
		-webkit-transition: background-position 1s ease-in;
		transition: background-position 1s ease-in;
	}
}


.post-edit-link {
	padding: 0 0 0 12px;
	font-size: .5em;
}

/*--------------------------------------------------------------
# Tag Gifter
--------------------------------------------------------------*/

.tag-gifter {
	position: fixed;
	z-index: 0;
}

#chris-hansen-perverts-tag {
	left: 0;
	bottom: -30px;
	width: 70px;
	-webkit-transition: bottom 1s;
	transition: bottom 1s;
}
@media (min-width: 750px) {
	#chris-hansen-perverts-tag {
	left: 0;
	bottom: -10px;
	width: 114px;
	}
}
#chris-hansen-perverts-tag:hover {
	bottom: 0;
	-webkit-transition: bottom 1s;
	transition: bottom 1s;
}

#accidental-gunfire-tag {
	left: 0;
	bottom: 0;
	width: 80px;
}

#guns-tag {
	right: 6px;
	bottom: 6px;
	width: 120px;
}

#poop-tag {
	right: 6px;
	bottom: 6px;
	width: 80px;
}

#troll-tag {
	left: 4px;
	bottom: 4px;
	width: 80px;
}

.animal-abuse-tag-holder {
	display: block;
	text-align: center;
}
#animal-abuse-tag {
	position: static;
	display: inline-block;
	margin: 0 auto;

}

/* Media Queries

Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Larger than tablet */
@media (min-width: 750px) {}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}