/*   
Theme Name: EGadopts Custom Theme
Theme URI: http://egadopts.com
Description: This is a custom theme developed for EGadopts
Author: Neekko
Author URI: http://neekko.com
Version: 1
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
.clearfix {clear: both; height: 0; line-height: 0;}


/*ORANGE*/
/*#orange strong, */#orange a:hover, #orange h1, #orange #nav a:hover, #orange #twitter-feed a:hover, #orange #content a {color: #fc0;}/*dark*/
#orange #twitter-feed .tweet-time a:hover, #orange #content a:hover, #orange #content a:hover strong, #orange #content #nav .current_page_item {color: #ff6;}/*light*/
#orange #twitter-feed a {color: #666; font-weight: 600;}/*light*/
/*#orange #content {-moz-box-shadow: 0 -5px 0 0 #fc0, 0 5px 0 0 #999; -webkit-box-shadow: 0 -5px 0 0 #fc0, 0 5px 0 0 #999; box-shadow: 0 -5px 0 0 #fc0, 0 5px 0 0 #999;}
#orange #content {-moz-box-shadow: 0 -5px 0 0 #ccc, 0 5px 0 0 #999; -webkit-box-shadow: 0 -5px 0 0 #ccc, 0 5px 0 0 #999; box-shadow: 0 -5px 0 0 #ccc, 0 5px 0 0 #999;}*/
#orange .egg .raw:hover, #orange form input[type='submit']:hover {color: #fff; background-color: #999;}/*light*/
/*#orange .accordionbutton:hover, */#orange form input[type='submit'] {background-color: #fc0;}/*dark*/
/*#orange .accordionwrap:hover {border: 1px solid #fc0;}*/

body {min-height: 500px; background: #e5e5e5; /*background: #e5e5e5 url('images/loading.gif') 50% 250px no-repeat;*/ color: #3b3130; font-size: 16px; font-family: "jaf-bernina-sans", Trebuchet MS, sans-serif; line-height: 21px;}
.wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading h5, .wf-loading h6,
.wf-loading p, .wf-loading li, .wf-loading a,
.wf-loading input, .wf-loading textarea {visibility: hidden;}
h1, h2, h3, h4, h5, h6, a, strong, div, input {text-decoration: none; outline: 0;
transition-property:all; transition-duration:0.1s; transition-timing-function:linear;
-moz-transition-property:all; -moz-transition-duration:0.1s; -moz-transition-timing-function:linear;
-webkit-transition-property:all; -webkit-transition-duration:0.1s; -webkit-transition-timing-function:linear;
-o-transition-property:all; -o-transition-duration:0.1s; -o-transition-timing-function:linear;}
a {outline: none;}
strong {font-weight: 600;}
em {font-style: italic;}
small {font-size: 0.75em;}
form {margin: 25px 0;}
form label {display: block; height: 0; font-size: 0; line-height: 0; text-indent: -9999em;}
form input, form textarea {margin: 0 0 5px 0; padding: 0 5px; width: 550px; background-color: #f2f2f2; color: #666; font-family: "t26-carbon", monospace; font-size: 0.9em; border: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 1px 1px 5px #ccc; -webkit-box-shadow: inset 1px 1px 5px #ccc; box-shadow: inner 1px 1px 5px #ccc;}
form input {height: 30px; line-height: 30px;}
form input[type='submit'] {width: 560px; color: #fff; font-size: 1em; text-transform: uppercase; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; cursor: pointer;}
form input:focus, form textarea:focus {background-color: #fafafa; outline: 0;}
form textarea {margin: 0; padding: 5px; line-height: 1em;}
form .captcha img {float: right; margin: 1px 0 1px 5px;}
form .captcha input {float: left; width: 461px;}
h1, h2, h3, h4, h5, h6, #nav li, form input[type='submit'], .download, #tabs .tabs-nav {font-family: "jaf-bernino-sans-condensed", Verdana, sans-serif;}
h1 {padding: 15px 0; font-size: 2em; text-transform: uppercase;}
h2 {padding: 15px 0 0 0; font-size: 1.5em; text-transform: uppercase;}
h3 {padding: 0 0 15px 0; font-size: 1.5em; text-transform: uppercase;}
h4 {padding: 10px 0 5px 0; font-size: 1.1em; text-transform: uppercase; text-align: center;}
#ad {margin: 0 auto 15px auto; max-width: 750px; padding: 0 10px; background: #d9d9d9; text-align: center; border: 10px solid #e5e5e5; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
#ad p {padding: 10px 0; color: #888; font-size: 0.7em; line-height: 15px;}
#ad p strong {color: #666; font-style: italic; text-decoration: underline;}
#ad a {color: #666;}
#quick {position: fixed; left: 50%; padding: 5px; margin: 0 0 0 -150px; width: 300px; background: #e5e5e5; font-size: 0.8em; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: rgba(0,0,0,0.15); -moz-box-shadow: rgba(0,0,0,0.15); box-shadow: rgba(0,0,0,0.15);}
#quick a {color: #999;}
#wrapper {margin: 0 auto; padding: 0 0 25px 0;}
#logo {position: relative; padding: 25px 0 0 0; width: 100%; height: 195px; background: linear-gradient(rgba(0,0,0,0.3),transparent); z-index: 10;}
#logo a {position: relative; display: block; margin: 0 auto -25px auto; max-width: 830px; height: 220px; background: url("images/logo.png") 50% 50% no-repeat; background-size: contain;}
#logo a span {visibility: hidden;}
#tabs-wrap {padding-top: 10px; min-height: 300px;}
#tabs .tabs-nav {text-align: center; text-transform: uppercase; line-height: 1em;}
#tabs .tabs-nav li {display: inline-block;}
#tabs .tabs-nav li a {padding: 0 5px; color: #999!important; font-weight: 600;}
#tabs .tabs-nav li a:hover {color: #fc0!important;}
#tabs .tabs-nav li.ui-state-active a {background-color: #f2f2f2; color: #666!important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#tabs .tabs-nav li.label {display: block; margin: 0 0 5px 0;}
#tabs .caption {margin: 10px 0 0 0; padding: 0; font-size: 0.8em; line-height: 17px; text-align: center;}
#nav {position: relative; padding: 10px 0; background: #333; text-align: center;}
#nav .nav {display: block; margin: 0 auto; max-width: 1180px; box-sizing: border-box;}
#nav .nav li {display: inline-block; padding: 0 5px; font-size: 2em; line-height: 30px; text-align: center; text-transform: lowercase;}
#nav a {display: block; padding: 10px 15px; background: rgba(255,255,255,0); color: #999!important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#nav a:hover {background: rgba(255,255,255,0.2); color: #000!important;}
#nav .current_page_item a {background: #fc0; color: #333!important;}
#nav-toggle {position: relative; float: right; display: none; margin: 0 15px 0 0; padding: 5px 10px; width: 30px; z-index: 20; cursor: pointer;}
#nav-toggle:hover, #nav-toggle:active {background: #fc0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#nav-toggle:hover .bar, #nav-toggle:active .bar {background: #000;}
#nav-toggle .bar {display: block; margin: 4px 0; width: 100%; height: 4px; background: #fff; font-size: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#main {position: relative; margin: 0 auto; padding: 0 200px; max-width: 1180px; box-sizing: border-box;}
#content {position: relative; margin: 0 auto; width: 100%; min-height: 500px; padding: 15px 20px 25px 20px; background-color: #fff; box-sizing: border-box; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
#content h1 {color: #333;}
#content p {margin: 10px 0; line-height: 19px;}
#content p a {white-space: nowrap;}
#content ul {margin: 5px 25px; font-size: 1em; line-height: 19px; list-style: disc;}
#content ul li {margin: 5px 0;}
#content ul ul {font-size: 0.8em; line=height: 17px;}
#content a[href^="mailto"] {display: inline-block; padding: 10px 15px; background: #fc0; color: #333!important; line-height: 1em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#content a[href^="mailto"]:hover {background: #333; color: #fff!important;}
#content .wp-caption {float: right; margin: 0 0 5px 10px; padding: 10px; background-color: #f2f2f2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 5px 0 0 #ccc; -webkit-box-shadow: 0 5px 0 0 #ccc; box-shadow: 0 5px 0 0 #ccc;}
#content .wp-caption p {margin: 10px 0 0 0; color: #666; font-size: 0.7em; font-style: italic; line-height: 15px;}
#content .wp-caption img {display: block; margin: 0 auto; padding: 0;}
#faq {padding: 10px 0 0 0;}
#comics {text-align: center;}
#comics .comic {display: inline-block; margin: 5px; width: 50px; font-size: 0.65em; font-weight: 600; text-transform: uppercase; text-align: center; line-height: 1em;}
#comics .comic img {width: 50px; height: 50px;}
#comics .comic a {color: #666;}
#comics .comic a:hover {color: #fc0;}
#rightbar {position: absolute; top: 0; right: 0; padding: 15px 0 15px 20px; width: 180px; color: #3b3130;}
#follow a {display: inline-block; width: 35px; height: 35px; background: #fc0; font-size: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#follow a:hover {background-color: #333;}
#follow a.tumblr {background-image: url('images/icon-tumblr.png'); background-position: 50% 50%; background-repeat: no-repeat; background-size: auto 25px;}
#follow a.twitter {background-image: url('images/icon-twitter.png'); background-position: 50% 50%; background-repeat: no-repeat; background-size: 25px auto;}
#donate {float: right; display: block; width: 150px;}
#donate img {max-width: 100%; height: auto;}
#sidebar {position: absolute; top: 0; left: 0; padding: 15px 20px 15px 0; width: 180px; color: #3b3130; text-align: right;}
#sidebar h3, #rightbar h3 {margin: 15px 0 10px 0; padding: 0; color: #333;}
#sidebar p, #rightbar p {margin-top: 0; padding-bottom: 10px; color: #666; font-size: 0.8em; line-height: 14px;}
#sidebar .donate img {max-width: 135px; height: auto;}
#sidebar .twitter-article {margin: 0 0 10px 0;/* padding: 1px 10px 5px 10px;*/}
/*#twitter-feed .twitter-article {background-color: #e5e5e5; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 5px 0 0 #d9d9d9; -webkit-box-shadow: 0 5px 0 0 #d9d9d9; box-shadow: 0 5px 0 0 #d9d9d9;}*/
#sidebar .twitter-article a {text-transform: lowercase;}
#sidebar .twitter-article a:hover {color: #fff!important;}
#sidebar .tweet-time, #twitter-feed .tweet-time a {color: #999!important;}
#sidebar .tweet-time {float: right; text-align: right;}
#sidebar .tweet-time a {font-size: 0.8em;}
#sidebar .tweet-time a:hover {color: #fff!important;}
#sidebar #loading-container {float: right; margin: 25px 25px 25px 0; width: 16px; height: 11px;}
#sidebar p.small, #rightbar p.small {font-size: 0.6em!important; line-height: 1.2em!important;}
#sidebar p.small a, #rightbar p.small a {color: #333; border-bottom: 1px dotted #999;}
#sidebar p.small a:hover, #rightbar p.small a:hover {color: #fc0; border-color: #fc0;}
#footer {padding: 25px 15px 0 15px; color: #999; font-size: 0.7em; line-height: 15px; text-align: center; box-sizing: border-box;}
.home h1, .page-id-306 h1 {padding-bottom: 0; color: #3b3130!important; font-size: 1.5em; line-height: 1em; text-transform: none;}
.home h1 strong, .page-id-306 h1 strong {color: #fc0!important;}
.home #content {text-align: center;}
.home #content p.small {margin: 10px auto; width: 450px;}
.egg {float: left; padding: 0 10px; width: 25%; font-size: 0.8em; text-align: center; box-sizing: border-box;}
.egg strong {line-height: 15px; letter-spacing: 1px;}
.egg small {display: block; padding: 0 5px 0 0; color: #999; font-size: 0.8em; text-align: center; line-height: 13px;}
.egg .code {text-align: left;}
.egg .code strong {color: #000; font-size: 0.9em;}
.egg .raw {display: block; padding: 2px 5px; width: 100%; height: 36px; background-color: #f2f2f2; color: #666; font-family: "t26-carbon", monospace; font-size: 0.9em; line-height: 12px; overflow: auto; border: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; resize: none;}
.egg .raw:hover {color: #000;}
#banners .egg {width: 50%;}
.all {width: 100%; box-sizing: border-box;}
.all .raw {width: 100%; height: 36px; white-space: normal;}
.all h4 {font-size: 1.3em;}
.ad .raw {display: block; padding: 2px 5px; width: 125px; height: 36px; background-color: #f2f2f2; color: #666; font-family: "t26-carbon", monospace; font-size: 0.725em; line-height: 12px; overflow: auto; border: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; resize: none;}
.ad .raw:hover {color: #fff; background-color: #999;}
#squiby .tab-content {text-align: center;}
#squiby .caption {padding-bottom: 15px;}
#squiby .egg {float: none; display: inline-block;}
.accordionwrap {margin: 0 0 5px 0; padding: 5px 10px; background-color: #f2f2f2;/* border: 1px solid #ccc;*/ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.accordionbutton {/*background: #ccc url("images/accordion-bg.png") 100% 0 no-repeat; */cursor: pointer;/* -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;*/}
/*.accordionbutton.on {background-position: 100% -150px;}*/
.accordionbutton h2 {padding: 0; color: #666!important; font-size: 1.25em; text-transform: none;}
.accordionbutton h2:hover {color: #fc0!important;}
.accordioncontent {padding: 0;}
.accordioncontent .edit {margin: 0; font-size: 0.7em; line-height: 1em;/* text-align: right;*/}
.accordioncontent .edit a {color: #ccc!important;}
.accordioncontent .edit a:hover {color: #fc0!important;}
.archives .block {/*width: 50%; float: left; */text-align: center;}
.wp-polls-ans {max-width: 180px; text-align: center;}
.wp-polls-ans img {max-width: 100%; height: auto;}
.wp-polls-ans li {display: block; margin: 0 auto!important; max-width: 140px;}
.wp-polls-ans li input[type=radio] {display: none;}
.wp-polls-ans li label .answer, .wp-polls-ans li .answer {display: block; margin: 0 auto; width: 70px; height: 70px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer; overflow: hidden;}
.wp-polls-ans li label {cursor: pointer;}
/*.wp-polls-ans li label:hover {background: rgba(0,0,0,0.2);}*/
.wp-polls-ans input[name=vote] {margin: 15px 0 0 0; padding: 0; width: auto; height: 40px; background: #fc0; color: #3b3130; font-family: "jaf-bernino-sans-condensed", Verdana, sans-serif; font-size: 1.2em; font-weight: 400; line-height: 40px; text-transform: uppercase; border: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; cursor: pointer;}
.wp-polls-ans input[name=vote]:hover {background: #3b3130; color: #fff;}
.wp-polls-ans .wp-polls-ul {margin: 0!important;}
.wp-polls-ans .wp-polls-ul > li label,
.wp-polls-ans .wp-polls-ul > li .label.choice {position: relative; display: block; margin: 0 auto; width: 70px; height: 70px; text-align: center;}
.wp-polls-ans .wp-polls-ul > li label:before,
.wp-polls-ans .wp-polls-ul > li .label.choice:before {content: 'Vote me!'; position: absolute; top: 50%; left: 50%; display: none; margin-top: -8px; padding: 0 5px; background: #333; color: #fff; font-size: 10px; line-height: 16px; text-indent: 0; white-space: nowrap; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.wp-polls-ans .wp-polls-ul > li label:hover:before,
.wp-polls-ans .wp-polls-ul > li .label.choice:hover:before {display: block;}
.wp-polls-ans .wp-polls-ul > li input[type=radio]:checked + label:before {content: 'Yay!'; display: block;}
.wp-polls-ans .wp-polls-ul > li .label.choice:before {content: 'Thank!'; display: block;}
.wp-polls-ans .wp-polls-ul > li .label {float: left;}
.wp-polls-ans .wp-polls-ul > li .result {position: relative; margin-left: 70px; width: 70px; height: 70px;}
.wp-polls-ans .wp-polls-ul > li .result small {font-size: 0.6em; line-height: 1.15em; white-space: nowrap;}
.wp-polls-ans .wp-polls-ul > li .result .data {position: absolute; top: 50%; left: 10px; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
/*.archives .year2014 {width: 100%; float: none;}*/
.archives h2 {margin-bottom: 10px; text-align: center;}
.archives .month {display: inline-block; margin: 0 0 4px 0; padding: 10px 5px 5px 5px; width: 71px; color: #666!important; font-size: 0.65em; font-weight: 600; text-transform: uppercase; text-align: center; background-color: #f2f2f2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.archives .month:hover {color: #fff!important; background-color: #fc0;}
.archives .month img {display: block; margin: 0 auto; width: 60px; height: 60px;}
.download a {display: block; color: #3b3130!important; font-size: 1.5em; font-style: normal; text-align: center;}
.download a:hover {color: #fc0!important;}
.media {display: block; margin: 25px 0 0 0; text-align: center; white-space: nowrap;}
.media a {display: inline-block; width: 30px; height: 30px; font-size: 0;}
.media a span {visibility: hidden;}
.media .tumblr {background: transparent url("images/icon-tumblr.png") 50% 0 no-repeat; background: transparent url("images/icon-tumblr.svg") 50% 0 no-repeat; background-size: 30px 60px;}
.media .twitter {background: transparent url("images/icon-twitter.png") 50% 0 no-repeat; background: transparent url("images/icon-twitter.svg") 50% 0 no-repeat; background-size: 30px 60px;}
.media a:hover {background-position: 50% 100%;}
.alignleft {float: left; margin: 0 15px 5px 0;}
.alignright {float: right; margin: 0 0 5px 15px;}
.aligncenter {display: block; margin: 10px auto;}
@media screen and (max-width: 991px) {
	#main {padding: 0 100px;}
	#sidebar, #rightbar {position: static; top: auto; right: auto; left: auto; padding: 0; width: 100%; text-align: left;}
	#twitter-feed .twitter-article {padding-right: 0; padding-left: 0;}
	.wp-polls-ans {width: 100%; max-width: none; text-align: left!important;}
  .wp-polls-ans li {float: left; margin: 0!important;}
}
@media screen and (max-width: 767px) {
	#logo {position: fixed; padding: 0; height: 0;}
	#logo a {top: -5px; left: -10px; margin: 0; width: 302px; height: 80px; background-image: url('images/logo-eg.png');}
	#main {padding: 0 50px; border-top: 58px solid #333;}
	#nav {position: fixed; padding: 10px; width: 100%; box-sizing: border-box; z-index: 5;}
	#nav .nav {display: none; float: right;}
	#nav .nav li {display: block; float: right; margin: 10px 0 0 0; font-size: 1.5em; line-height: 1em; text-align: right;}
	#nav .nav li:before, 
	#nav .nav li:after,
	#nav .nav li {clear: both;}
	#nav-toggle {display: block;}
	#content {margin-bottom: 50px;}
	#content .wp-caption {width: 100px!important;}
	#content .wp-caption img {max-width: 100px; height: auto;}
	#sidebar {padding-bottom: 0!important;}
	#rightbar {padding-top: 0!important;}
  #donate {float: none;}
	.home #content p.small {width: auto;}
  .wp-polls-ans {text-align: left;}
  .wp-polls-ans .wp-polls-ul > li {padding-right: 10px;}
}
@media screen and (max-width: 500px) {
	body {overflow-x: hidden;}
	#logo a {left: -18px; width: 264px; height: 70px;}
	#nav {padding-right: 0;}
	#main {padding: 0;}
	#footer {width: 100%;}
	#tabs .tabs-nav li {margin: 5px 0;}
	#content {margin: 0; width: auto; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
	#content .wp-caption {float: none; margin: 10px auto; width: 100px!important;}
	#content .wp-caption img {max-width: 100px; height: auto;}
	#rightbar, #sidebar {padding: 15px; width: auto;}
	.egg {float: none; width: 100%;}
	.egg .raw {margin: 0 auto;}
	.all {width: 100%;}
	.all .raw {margin: 0 auto; width: 100%;}
}