/*
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your liking. */


/*****
 * General Page Elements
 *****/
body { background: #fff; }
object { clear: both; }

input, textarea {
  padding: 5px;
  border-color: #cdcdcd #e1e1e1 #e1e1e1 #cdcdcd;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  color: #585858;
}



/*****
 * Structural Elements
 *****/

/* ---------- Header ---------- */
#top { background: #333; min-height: 30px; }
.nav-toggle { position: absolute; top: 15px; right: 15px; z-index: 99; }

#header {
  padding: 0.75em 0;
  clear: both;
  position: relative;
  z-index: 999;
  background: #ffffff url(images/bg-texture.png) repeat left top;
  border-bottom: 1px solid #e1e1e1;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-bottom: 0em !important;
  border-bottom: none;
}

#header #logo img { width:320px; height: auto; margin: 10px 0 0 0;}

#header #call-tmobile {
  float: left;
  font-weight: bold;
  padding: 32px 5% 0;
}

#header #call-tmobile label {
  font-size: 0.75rem;
}

#header #call-tmobile #tmobile-phone-number {
  color: #94335C !important;
  font-size: 1.1rem;
  padding-left: 3px;
}

.search_main { position: relative; }
#searchform, .searchform {
  width: 99%;
  position: relative;
  border-color: #e1e1e1;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
#searchform input.s, .searchform input.s, #searchform #s, .searchform #s {
  padding: 5px 0 5px 5px;
  font-size: 0.95em;
  width: 99%;
  margin: 0;
  border: 0;
  background: #f7f7f7;
  color: #888;
}

#searchform input.search-submit, form.searchform input.search-submit {
  position: absolute;
  top: 0px;
  right: 0px;
  border: 0;
  margin: 0px;
  padding: 0px;
  background: #94335C;
}

/* ---------- Navigation ---------- */
.navblock { max-width: 1000px; margin: 0 auto; }
.nav a { margin-right: 0px; }

.hottopics-navblock { max-width: 1000px; margin: 0 auto; text-align:left; }

/* ---------- Featured Posts ----------*/
#featured-posts { max-width: 1000px; overflow: visible; margin: 6px auto 5px; background: transparent; padding: 16px 0 5px 0; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef;text-align:left;}
#featured-posts ul, #featured-posts li { margin: 0; padding: 0; display: block; }
#featured-posts ul, #featured-posts li .thumb {}
#featured-posts .featured-posts-data .thumb-box { background: transparent; display: inline-block; border: 1px solid black; position: relative; }
#featured-posts .featured-posts-data .thumb-box:first-child { background: transparent;}
#featured-posts .featured-posts-data .thumb-box h6 { font-size: 0.85em; line-height: 0.925em; font-weight: normal; }
#featured-posts .featured-posts-data .thumb-box h6.timestamp { bottom: 0; }

#featured-posts .featured-posts-data .thumb-box .thumb-meta h5,
#featured-posts .featured-posts-data .thumb-box .thumb-meta h6,
.thumb-meta a { color: #fff; }

#featured-posts .featured-posts-data .thumb-meta {
    text-align: center;
    position: absolute;
    width: 99%;
    z-index: 10;
    bottom: 0px;
    background: black;
    text-wrap: unrestricted;
    display: inline-block;
    padding: 5px;
  }


/* ---------- Page Structure ---------- */
#main { background: transparent; text-align:left }
.home-blog { margin-bottom: 3em; border-bottom: none; }
#latest-news-divider { margin-bottom: 1em; height: 1.3em; background: url(images/bg-latest-news.png);}
#latest-news-divider h3 { font-size: 1.3em; background: #fff; width: 110px;}


/* ---------- Post / Page Content ---------- */
#content { padding: 1em 1em 0em; background: #fff; }

.post,
.type-page,
.search-results .features,
.search-results .page,
.search-results .type-product,
.search-results .type-portfolio {
  margin: 0 0 10px;
  background: transparent;
}

.entry { }
.thumbnail {border:1px solid #ddd;}

.entry img.aligncenter { clear: both;}

.post .post-body,
.search-results .features .post-body,
.search-results .page .post-body,
.search-results .type-product .post-body,
.search-results .type-portfolio .post-body {
	float: right;
	width: 100%;
}

/* ----- Post metadata and sundry ----- */
.post-meta { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 8px 0; }

ul.post-metadata {
  float: left;
  height: 20px;
  line-height: 20px;
}
ul.post-metadata li { }
ul.post-metadata li.edit { margin-right: 10px; }

.post .post-meta,
.search-results .features .post-meta,
.search-results .page .post-meta,
.search-results .type-product .post-meta,
.search-results .type-portfolio .post-meta {
  display:  inline-block;
  margin: 0 0 1.5em 0;
  float: none;
  width: 99.95%;
    /* 135 / 710 = 0.1901 */
}

.post .post-meta li,
.search-results .features .post-meta li,
.search-results .page .post-meta li,
.search-results .type-product .post-meta li,
.search-results .type-portfolio .post-meta li {
      display: inline;
      margin: 0 20px 3px 0px;
      padding: 5px 10px 5px 0;
      line-height: 1em;
      text-align: right;
}

.edit { margin: 0; padding: 0; color: #000; }

.post .post-meta li.post-comments,
.post .post-meta li.post-author,
.post .post-meta li.post-date,
.search-results .features .post-meta li.post-date,
.search-results .page .post-meta li.post-date,
.search-results .type-product .post-meta li.post-date,
.search-results .type-portfolio .post-meta li.post-date {
  background: none;
}

/* ----- social media buttons ----- */
div.social-media-buttons { float: right; }
.ajax-share-widget {
	min-width:180px;
	height:20px;
	background:#fff url(images/share-widget-buttons.png) 0 0 no-repeat;
	float:right;
}
.ajax-share-widget .platform {
	height:20px;
  min-width: 60px;
	float:left;
	display:inline;

}

/* ---------- Pagination ----------*/
.woo-pagination .page-numbers {
  font-size: 1.35em;
  display: inline;
  text-decoration: none;
  color: #585858;
  padding: 12px;
  font-weight: bold;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px; }
.woo-pagination a { padding: 5px; }
.woo-pagination .page-numbers.current { border-radius: 2px; background: #94335C;}

/* ---------- Sidebars ---------- */
#sidebar {
  background: transparent;
  text-align:left;
  overflow: visible;
}


/* ---------- Widgets ----------*/
.widget { margin-bottom: 1em; }
#sidebar .widget h3 {
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	background-image: linear-gradient(bottom, rgb(82,82,82) 6%, rgb(131,131,131) 53%);
	background-image: -o-linear-gradient(bottom, rgb(82,82,82) 6%, rgb(131,131,131) 53%);
	background-image: -moz-linear-gradient(bottom, rgb(82,82,82) 6%, rgb(131,131,131) 53%);
	background-image: -webkit-linear-gradient(bottom, rgb(82,82,82) 6%, rgb(131,131,131) 53%);
	background-image: -ms-linear-gradient(bottom, rgb(82,82,82) 6%, rgb(131,131,131) 53%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.06, rgb(82,82,82)),
	color-stop(0.53, rgb(131,131,131))
	);
	padding: 10px 20px;
	color: #f6f6f6;
	text-align: center;
	text-transform: uppercase;
}
#text-6 { margin-top: 20px; }

#footer-dog { height: 150px; width: 100%; margin: 0; padding: 0; overflow: visible; }

#footer-widgets { background: #f0f0f0 !important; padding: 30px 0 0px 0; text-align: left;}
#footer-widgets h3 { color: #000 !important; }
#footer-widgets .widget ul.family li { list-type: none; display: inline-block; padding: 8px 8px; background: #e4e4e4; margin: 0 10px 10px 0; width: 250px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
#footer-widgets .widget ul.family li a { font-weight: bold; color: #94335C !important; }


/* ----- popular now ----- */
#wppp-2 { border: 1px solid #ddd; border-radius: 3px 3px 0px 0px; -moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; }
.widget.widget_wppp {  }
.popular-posts { display: block; min-height: 80px; padding: 10px 10px 6px; }
.popular-thumb { width: 80px; height: 50px; float: left; position: relative; clear: left; }
.popular-thumb img { width: 80px; height: 50px; border: 1px solid #ccc; padding: 1px; }
.popular-excerpt { float: right; width: 180px; clear: right; position: relative; line-height: 1.2em; display: inline-block;}
.popular-excerpt h5 { font-weight: bold; }

.social-buttons-wrapper { background: none; height: 25px; padding:5px 0 0px 0; width: 100%; display: inline-block; position: relative; float: right; }
.widget_wppp ul li { display: block; padding: 0px 0 20px 0; line-height: 1.2; text-decoration: none; background: none; border-bottom: 1px solid #e9e9e9; color: #585858; }
.widget_wppp ul li a { display: block; padding: 0 0 14px 0; line-height: 1.2; text-decoration: none; background: none; border-bottom: none; color: #585858; }

ul.social-buttons {list-style-type: none; width: 250px; height: 21px; overflow: visible; background: none; display: block;}
ul.social-buttons li { float: left; display: inline-block; overflow: visible; margin: 0 0 0 9px !important; padding: 0 !important; height: 25px !important;  background: none; border: none;}

ul.social-buttons li.twitter  { width: 77px !important; }
ul.social-buttons li.facebook { width: 72px !important;  }
ul.social-buttons li.plusone { width: 70px !important; }
ul.social-buttons li.plusone div { width: 60px !important; vertical-align: top !important;}
ul.social-buttons li.facebook .fb_iframe_widget { width: 75px !important; vertical-align: top !important; }
ul.social-buttons li.twitter iframe { width: 77px !important; height: 25px !important; margin-top: 0 }
ul.social-buttons li.facebook iframe { width: 72px !important; margin-top: 0; }
ul.social-buttons li.plusone iframe { width: 70px !important; margin-top: 0; }

/* -- popular topics widget -- */
#bottom-sidebar-left h3 {
	padding: 10px 20px;
	color: #f9f9f9;
	text-align: center;
	text-transform: uppercase;
	font-size: 0.8em;
	margin: 0 0 10px 0;
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
  background: #ccc; /* fallback for browsers that can't handle gradients */
	background-image: linear-gradient(bottom, rgb(82,82,82) 6%, rgb(131,131,131) 53%);
	background-image: -o-linear-gradient(bottom, rgb(82,82,82) 6%, rgb(131,131,131) 53%);
	background-image: -moz-linear-gradient(bottom, rgb(82,82,82) 6%, rgb(131,131,131) 53%);
	background-image: -webkit-linear-gradient(bottom, rgb(82,82,82) 6%, rgb(131,131,131) 53%);
	background-image: -ms-linear-gradient(bottom, rgb(82,82,82) 6%, rgb(131,131,131) 53%);
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.06, rgb(82,82,82)),
    color-stop(0.53, rgb(131,131,131))
	);
}
ul.tags_list { padding-left: 3px; }

/* -- social media widget -- */
#main-rail-social { min-height: 150px; border: solid 1px #f0f0f0; margin-bottom: 12px; }

#main-rail-social .box-social-facebook,
#main-rail-social .box-social-twitter,
#main-rail-social .box-social-google { background: #fff; margin-top: 3px; padding: 8px; }

#main-rail-social .box-social-facebook { margin-top: 7px; }

#main-rail-social .box-social-twitter {
  border-top: solid 1px #f0f0f0;
  border-bottom: solid 1px #f0f0f0;
  padding: 18px;
  background: #f7f7f7;
  overflow: visible;
  height: 20px;
}

/* -- footer rss feeds -- */

#feeds .footer-feeds {
  width: 30%;
  float: left;
  padding: 0 10px;
  height: 200px;
  overflow: hidden;
  margin-right: 10px;
  background-repeat: no-repeat;
  background-position: top right;
  border-right: 1px solid #eee;
}


#feeds .footer-feeds:last-child { border-right: none; }
#feeds .footer-feeds h3 { margin: 0 0 10px 0; padding: 12px 0 6px 3px; font-size: 1.35em; }
#feeds .footer-feeds h3 a { color: #444; }

#feeds .footer-feeds ul li { height: 20px; margin: 0; padding: 0; overflow: hidden; font-size: 0.90em; font-weight: bold; }
#feeds .footer-feeds ul li a { color: #888; }

/* ---------- Footer ----------*/

/* ---------- Miscellaneous ----------*/

/* ---------- Voip ----------*/
#node-675 .views-field-phpcode-1, #node-676 .views-field-phpcode-1 {
	text-align:center;
	vertical-align: middle;
	padding: 0 5px;
}


#node-675 .even, #node-676 .even {
	background: #FCFCFC;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;

}

#node-675 table, #node-676 table {
	margin-bottom:0;
}

.adblock img {
	margin-top: 9px;
	margin-bottom: 9px;
	border: 1px solid #d2d2d2;
}

a.book.details {
background: url(http://androidandme.com/wp-content/uploads/2014/10/arrow.png) no-repeat;
text-indent: 9999px;
height: 60px;
width: 17px;
display: block;
overflow: hidden;
margin-top: 9px;
}

#restable, #bustable {
	width: 278px;
	padding: 10px;
	border: 1px solid #d2d2d2;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	margin-bottom:20px;
	border-top: 0;
	padding-top: 0px;
	font-size: 12px;

}

#node-675 .view-header {
	display:none;
}

#sidebar h5 {
	border-right: 1px solid #d2d2d2;
	border-left: 1px solid #d2d2d2;
	margin-top: 0;
	padding-left: 10px;
	padding-top: 10px;
}

#sidebar .views-field.views-field-phpcode {
	vertical-align: middle;
	width:120px;
}



.voip-header {
	padding-left: 10px;
	background: #444;
	font: bold 13px/1em "Helvetica Neue", Helvetica, sans-serif;
	line-height: 45px;
	text-transform: uppercase;
	color: #f6f6f6;
	background-image: linear-gradient(bottom, rgb(82,82,82) 6%, rgb(131,131,131) 53%);
	background-image: -o-linear-gradient(bottom, rgb(82,82,82) 6%, rgb(131,131,131) 53%);
	background-image: -moz-linear-gradient(bottom, rgb(82,82,82) 6%, rgb(131,131,131) 53%);
	background-image: -webkit-linear-gradient(bottom, rgb(82,82,82) 6%, rgb(131,131,131) 53%);
	background-image: -ms-linear-gradient(bottom, rgb(82,82,82) 6%, rgb(131,131,131) 53%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.06, rgb(82,82,82)), color-stop(0.53, rgb(131,131,131)) );
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
}

.view-header {
	display: none;
}

i.fa.fa-usd {
	background: #94335C;
	padding: 5px 10px;
	font-size: 20px;
	margin-top: 5px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

.view-footer {
	position: absolute;
	padding-top: 5px;
}

table.views-table.cols-2 {
	margin: 0;
}

/*
 * google top ad overwrite
 */

 .featured-google {
	text-align: center;
	padding-top: 18px;
}

.pad-bot {
	padding-bottom:20px;
}

#google_ads_div_tmo_leaderboard_html_ad_wrapper, .views-field-phpcode {
	text-align: center;
}

#google_ads_div_tmo_leaderboard_html_ad_container{
	padding-top: 15px;
}




/*****
 * Responsive Elements
 *****/

/* Full sized screen elements */
@media only screen and (max-width: 1024px) {
  #NS_WA_adOverlay { display: none; }
}
@media only screen and (min-width: 1024px) {
  #after-content-ads-right {
    background: transparent;
    width: 260px;
    height: 90px;
    padding: 0;
    margin: 0;
    float: left;
    overflow: hidden;
  }
}

@media only screen and (max-width: 1023px) {
  #after-content-ads-right { display: none; }
}

@media only screen and (min-width: 1000px) {
  #feeds {
    border-top: 3px solid #eee;
    border-bottom: 1px solid #eee;
    max-width: 1000px;
    height: 200px;
    padding: 10px 0 10px 0;
    margin: 0 auto;
    display: block;
    clear: both;
    position: relative;
  }
}

@media only screen and (max-width: 999px) {
  #feeds { display: none; }
  #header #call-tmobile {
    clear: left;
    padding: 5px 0 0;
  }
}

/* tablet viewports */
@media only screen and (min-width: 1000px) {
  /* show the sidebar */
  #main { width: 66%; }
  #sidebar { width: 300px; }

	#featured-posts .featured-posts-data { height: 382px; }
	#featured-posts .featured-posts-data .thumb-box h5 { font-size: 1em; margin: 0 0 6px 0; line-height: 1.25em; height: 50px; }
	#featured-posts .featured-posts-data .thumb-box:first-child h5 { font-size: 1.35em; }
	#featured-posts .featured-posts-data .thumb-box h6 { font-size: 0.85em; line-height: 0.925em; font-weight: normal; }
	#featured-posts .featured-posts-data .thumb-box h6.timestamp { padding: 0 0 5px; display: block; position: relative; text-align: center; }
	#featured-posts .featured-posts-data .thumb-box:first-child h6 { font-size: 0.85em; line-height: 1em; font-weight: normal; }
	#featured-posts .featured-posts-data .thumb-box { width: 23%; height: 180px; float: right; overflow: hidden; display: inline-block;}
	#featured-posts .featured-posts-data .thumb-box:nth-child(2) { margin :0px 0px 9px 10px; }
	#featured-posts .featured-posts-data .thumb-box:nth-child(3) { margin :0px 5px 9px 0px; }
	#featured-posts .featured-posts-data .thumb-box:nth-child(4) { margin :9px 0px 0px 10px; }
	#featured-posts .featured-posts-data .thumb-box:nth-child(5) { margin :9px 5px 0px 0px; }
	#featured-posts .featured-posts-data .thumb-box:first-child { width: 50%;  height: 380px; float: left;}
	#featured-posts .featured-posts-data .thumb-box img { position: absolute; z-index: 0;}
	#featured-posts .featured-posts-data .thumb-meta {
      height: 70px;
      left: -5px;
/*
    text-align: center;
    position: absolute;
    width: 99%;
    z-index: 10;
    bottom: 0px;

    background: black;
    height: 70px;
    text-wrap: unrestricted;
    display: inline-block;
    padding: 5px;
*/
  }

}

@media only screen and (max-width: 959px) {
  #main { width: 98.95%; }
  /* get rid of the sidebar */
  #sidebar { display: none; }

  #featured-posts {display:none;}
  #featured-posts .featured-posts-data li.thumb-box { margin-bottom: 20px; }
  #featured-posts .featured-posts-data  { margin: 0 auto; max-width: 530px; padding: 0; }
  #featured-posts .featured-posts-data .thumb-box h5 { font-size: 1.35em; margin: 0 0 6px 0; line-height: 1.35em; }
  #featured-posts .featured-posts-data .thumb-box { width: 100%; display: inline-block; overflow: hidden; position: relative; border: none; /* height: 440px; */ }
  #featured-posts .featured-posts-data .thumb { background: transparent; overflow: hidden; width: 100%; display: block; }
  #featured-posts .featured-posts-data .thumb img { min-width: 530px; max-width: 100%; max-height: 380px; }
  #featured-posts .featured-posts-data .thumb-meta { left: 0;  min-height: 72px; }

}

@media only screen and (min-width: 769px) {
  #top-nav { background: none; float: left; text-transform: uppercase; font-size: 90%; font-weight: bold; height: 30px; overflow: hidden; }
  #top #top-nav ul { display: inline; }
  #top-nav li {display: inline-block; margin: 4px 0 0; height: 30px; }
  #top .new { background: #94335c; color: #fff; padding: 2px 5px; margin: 0 7px 0 0; font-size: 0.75em; }
  #top .nav a { color: #fafafa; padding: 3px 13px; line-height: 1.4; text-decoration: none; font-size: 0.95em; text-shadow: none; border-right: 1px solid #454545; }
  #top .nav li:last-child a { border-right: none; }

  #top .announcement { background: none; float: right; display: inline; margin: 5px 0 0 0; font-weight: bold; font-size: 0.90em; }
  #top .announcement a { color: #ff70ac; }
  #top .announcement a:hover { color: #efefef; text-decoration: none; }

  #main.fullwidth, .layout-full #main, .col-full { max-width: 1000px; margin: 0 auto; width: 98%; padding: 0 0.5em 0 0.2em; }

  #text-5 .textwidget { padding: 0 20px 0 0; }
  .woo-pagination {text-align: right; margin: 0 2px; border-top: none; }

}

@media only screen and (max-width: 768px) {
  #top #top-nav { display: none;  }
  #top .announcement { display: none; }
  #logo img { margin: 15px 0 0 0; }
  #call-tmobile {
    clear: left;
    float: left;
    padding-top: 5px;
    text-align: center;
    width: 100%;
  }

  #main.fullwidth, .layout-full #main, .col-full { max-width: 1000px; margin: 0 auto; width: 98%; padding: 0 0.5em 0 0.2em; }
  .post .post-meta li,
  .search-results .page .post-meta li,
  .search-results .type-product .post-meta li,
  .search-results .type-portfolio .post-meta li {
      display: inline;
      margin: 0px 0px 0px 0px;
  /*    padding: 5px 10px 5px 20px; */
      line-height: 1;
      text-align: right;
  }
  #breadcrumbs { display:none; }
  #footer-widgets .widget ul.family li { margin: 0 0 10px 0; }
  .woo-pagination {text-align: center; margin: 0 2px; border-top: none; }

}
@media only screen and (min-width: 768px) {
  #navigation .nav { padding:12px 0 0; margin: 0 auto; }

  #navigation { width: 100%; float: left; display: block !important; margin: 1em 0 0 0 !important; background-image: url('images/bg-nav.png'); background-repeat: repeat-x; height: 52px; overflow: hidden; }

  #navigation li.current-menu-item a, #navigation li.menu-item a { padding: 15px; margin: -10px 0 0;  }
  #navigation li.current-menu-item a, #navigation li.menu-item a:hover { background-image: url('images/bg-nav-active.png'); background-repeat: repeat-x; display: block !important; min-height: 52px; float: left; margin: -10px 0 0; }

  #navigation .nav li {
    float: left;
    width: auto;
    border-right: 1px solid #333;
    box-shadow: inset 1px 0 0 #555, 1px 0 0 #444;
    -webkit-box-shadow: inset 1px 0 0 #555, 1px 0 0 #444;
    -moz-box-shadow: inset 1px 0 0 #555, 1px 0 0 #444;

    /*border-style: ridge;*/
    height: 52px;
    margin-top: -13px;
    padding: 13px 0;
  }

  /* Adjust header elements positioning between 768px & 920px */
  #hottopics { width: 100%; height: 25px; margin: 0px 0 0 0; padding: 0 0; background-image: url('images/bg-hottopics.png'); background-repeat: repeat-x; display: inline-block; clear: right; }
  #hottopics ul { margin: 3px 0 0 0; }
  #hottopics ul li { list-style-type: none; display: inline; clear: none; margin: 0px 10px 0 10px; }
  #hottopics a { color: #efefef; font-size: 80%; text-decoration: none; text-transform: uppercase; font-weight: 900; }
  #hottopics a:hover { color: #fff; }

  #after-content-ads { background: transparent; clear: both; width: 1000px; height: 90px; margin: 0px auto 30px; overflow: hidden; position: relative; z-index: 1; padding: 5px 0 10px; }
  #after-content-ads-left { background: transparent; width: 728px; height: 90px; padding: 0; margin: 0 10px 0 0; float: left; overflow: hidden; }

  #footer-widgets .block { margin-right: 2.00%; float: left; }

  #footer-widgets.col-4 .block.footer-widget-1  { width: 56% !important; }
  #footer-widgets.col-4 .block.footer-widget-2  { width: 12% !important; }
  #footer-widgets.col-4 .block.footer-widget-3  { width: 12% !important; }
  #footer-widgets.col-4 .block.footer-widget-4  { width: 12% !important; }

  #footer { background: #f0f0f0 !important; border-top: none !important; color: #333 !important; padding: 0.5em 0 3em; }
  #footer-dog { height: 150px; width: 100%; margin: 0; padding: 0; overflow: visible; }

  #footer-dog { height: 150px; width: 100%; margin: -85px 0 0 0; padding: 0; overflow: visible; }
  .footer-dog-left { float: left; width: 49%; overflow: hidden; }
  .footer-dog-right { float: right; height: 150px; width: 49%;  background: url('images/phonedog.png') 100px 0 no-repeat; overflow: visible; padding-right: 20px; text-align: right; }
  .footer-dog-right a { margin: 0 2px 0 0; }
  .footer-dog-right ul { float: right; margin: 0 10% 0 30%; }
  .footer-dog-right li { list-style: none; float: left; display: inline; clear: none; margin: 0; padding: 0; }

}

@media only screen and (min-width: 850px) {
  #header .search_main { width: 280px; position: absolute; top: 30px; right: 5px;}
}

/* smartphone viewports */
@media only screen and (max-width: 767px) {
  #navigation .nav { padding:1px; margin: 0 auto; }
  #navigation .nav li { padding:0.33em 0; }

  #navigation .navblock { background: #000; margin: 1.5em 10px; }
  #hottopics { display:none; }

  #after-content-ads { display: none; }
  #after-content-ads-left { display: none; }

  .block.footer-widget-1 { width: 98% !important; }
  .block.footer-widget-2 { min-width: 98% !important; }
  .block.footer-widget-3 { min-width: 98% !important; }
  .block.footer-widget-4 { min-width: 98% !important; }


  #footer { background: #f0f0f0 !important; border-top: none !important; color: #333 !important; padding: 2em 0 1em; margin-top: -13px; }
  #footer-dog { min-height: 150px; width: 100%; margin: 0; padding: 0; overflow: visible; }
  #footer-widgets .widget, #copyright { text-align: center; padding: 10px 0 0; }
  #footer-widgets .textwidget { padding: 0 10px; }


}

@media only screen and (min-width: 600px) {
  ul.social-media-buttons { float: right;}
}

@media only screen and (max-width: 599px) {
  ul.social-media-buttons { float: none; padding: 10px 0 0; }
}

@media only screen and (min-width: 768px) and (max-width: 920px) {
	#logo, hgroup { float: none !important; }
  #header #call-tmobile {
    float: none !important;
    padding: 5px 0 0 !important;
  }
	#header .search_main { float: right; width: 280px; width: 250px; margin-top: 15px; }
	#header { padding-left: 0px !important; padding-right: 0px !important; }
  #navigation {
    float: left !important;
    width: 100%;
    margin: 1.5em 0 0 0 !important;
  }
}

@media only screen and (min-width: 240px) and (max-width: 767px) {

  #footer-dog { min-height: 300px; width: 100%; margin: 0; padding: 0; overflow: visible; }
  .footer-dog-left { display: none; }
  .footer-dog-right { margin: 0 auto; min-height: 300px; width: 99%; background: url('images/phonedog.png') no-repeat; background-position: 50% 80%; overflow: visible; text-align: center; padding-top: 20px; }
  .footer-dog-right ul { /*float: right; margin: 0 10% 0 30%;*/ margin: -30px 0 0 0; }
  .footer-dog-right li { /*list-style: none; float: left; display: inline; clear: none;*/ margin: 0; padding: 0 0 2px 0; }

}

/* image calls for non-retina displays */
@media only screen and (-webkit-min-device-pixel-ratio: 1) {
  #header #logo img { width:320px; height: auto; }
}

/* image calls for retina displays */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #header #logo img { margin: 15px 0 0 0; }
}

/*****
 * Ad slots
 *****/
.mpu { margin: 0 0 20px 0; padding: 0; }
.ad {}


#ads-header { max-width: 1000px; padding: 0px 0; margin: 20px auto 0; }
#ads-footer { background: transparent; max-width: 1000px; padding: 0px 0; margin: 20px auto 20px; text-align:center;}

#after-header-ads, #after-footer-ads { max-width: 1000px; display: block; overflow: hidden; background: transparent; }
#after-header-ads-left, #after-footer-ads-left { width:728px; display: inline-block; margin: 0; padding:0; background: transparent; }
#after-header-ads-right, #after-footer-ads-right { width: 260px; display: inline-block; margin:0; padding: 0; background: transparent; }
#after-content-ad { width: 300px; height: 250px; margin: 10px auto; }

#bottom-sidebar { width: 300px; min-height: 600px; overflow: visible; margin: 10px 0px 0px 0px; padding: 0; }
#bottom-sidebar ul { margin: 15px 0px 10px 0px; padding: 0 15px; }
#bottom-sidebar li { margin: 4px 0px; padding: 0px 10px; }
#bottom-sidebar-left { font-size: 1em; width: 130px; /*min-height: 600px*/; float: left; display: inline; clear: none; padding: 0; margin: 0 0 10px 0; overflow: hidden; }
#bottom-sidebar-right { width: 160px; float: right; display: inline; clear: none; margin: 0; padding: 0; overflow: hidden; }
#googlead-sidebar-top, #googlead-sidebar-middle { margin: 0px 0px 10px 0px; min-height: 250px; width: 300px; padding: 0px; border: 0; }
#adspace-1, #adspace-2, #adspace-3, #adspace-4 { width: 300px; height: 250px; display: block; float: left; margin: 10px 0 0 0; padding: 0; overflow: hidden; }


/* Responsive ad elements */
@media only screen and (min-width: 1024px) {}
@media only screen and (max-width: 1023px) {
  #after-content-ads-right { display: none; }
}

@media only screen and (min-width: 1003px) {
  /* note: this lines up to ad dimensions, not viewport sizes! */
  #after-header-ads { margin: 20px auto 0; padding: 0;}
  #after-footer-ads { margin: 00px auto 0; padding: 0;}
  #after-header-ads-left, #after-footer-ads-left { float: left; }
  #after-header-ads-right, #after-footer-ads-right { float: right;}
}

@media only screen and (min-width: 728px) and (max-width: 1002px) {
  /* note: this lines up to ad dimensions, not viewport sizes! */
  #after-header-ads { margin: 15px auto 0; width: 728px; padding: 0px;}
  #after-footer-ads { margin: 0px auto 0; width: 728px; padding: 0px;}
  #after-header-ads-left, #after-footer-ads-left { margin: 0 auto;}
  #after-header-ads-right, #after-footer-ads-right { display: none; }
}

@media only screen and (max-width: 727px) {
  #ads-header, #ads-footer, .featured-under-header { display: none; }
  #after-header-ads, #after-footer-ads { display: none; }
  #after-header-ads-left, #after-footer-ads-left { display: none; }
  #after-header-ads-right, #after-footer-ads-right { display: none; }
}

#im5 {
background: url(/wp-content/themes/phonedog-v4/images/im5-bk.gif);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
left: 0;
right: 0;
height: 800px;
position: fixed;
z-index:1000;
}

@media only screen and (max-width: 420px) {
  section.entry {
    clear:both;
  }
}

.sponsor-dfp::after {
    content: "Advertisement";
    display: block;
    margin-bottom: 0;
    padding: 3px 0 0 12px;
    text-align: left;
    width: 100%;
    font-family: Helvetica Neue,Helvetica,Arial,Utkal,sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    font-size: 11px;
    line-height: 1;
}

.featured-block {
  margin: 5px auto;
}

.phone-tool-wrap {
  margin-bottom: 8px;
}

body.single-post #content {
  padding-top: 5px;
}