/* =Mobile
----------------------------------------------- */
/* rules to make all responsive devices work better */
/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;

}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* rules for areas hidden in various hybrid "desktop" views */

.wvr-show-mobile-mobile {display:none;}
.wvr-show-mobile-phone {display:none;}
.wvr-show-mobile-smalltablet {display:none;}
.wvr-show-mobile-tablet {display:none;}
.wvr-show-mobile-any {display:none;}

/* the "desktop" state of some blocks */

#mobile-widget-area {display:none;}
.weaver-mobile #mobile-widget-area {display:block !important;}


#nav-bottom-menu,
#nav-top-menu {display:block;}	/* needed for iOS */

#mobile-bottom-nav,
#mobile-top-nav {display:none;}

/* .weaver-mobile applies to phones and small tablets
  So, this should apply to anything with a width of < 700, or a height <= 600
*/

/* ========== Simulator rules needed to override previous rules ============== */

.weaver-mobile .post-avatar {max-height:32px !important;max-width:32px !important;}
.weaver-mobile .mobile_widget_area {margin:6px 4px 4px 4px;}
.weaver-mobile #site-title {overflow:hidden;padding:0;position:relative;left:0px;top:0px;}
.weaver-mobile #site-title {font-size:140% !important;line-height:1.5em;}

.weaver-smalltablet #site-description {display:block;font-size:100% !important;}
.weaver-mobile #wrapper {padding:0px;}
.weaver-phone #site-description {display:none;}

.weaver-mobile .entry-content,
.weaver-mobile .entry-summary {padding-top:.5em;}
.weaver-mobile .entry-content p,
.weaver-mobile .entry-summary p {margin-bottom:.5em !important;}
.weaver-mobile #branding, .weaver-mobile #colophon {margin-left:0px;}
.weaver-mobile .entry-title a,
.weaver-mobile .entry-title {font-size:110% !important;}
.weaver-mobile #site-info {padding-left:4px;}
.weaver-mobile #site-generator {display:none;}
.weaver-mobile .commentlist {margin-left:4px;}
.weaver-mobile #colophon, .weaver-mobile #branding {margin-left:auto !important;margin-right:auto !important;}
.weaver-mobile #content {padding:12px;}
.weaver-mobile #sidebar_wrap_footer.one .widget-in-footer,
.weaver-mobile #sidebar_wrap_footer.two .widget-in-footer,
.weaver-mobile #sidebar_wrap_footer.three .widget-in-footer,
.weaver-mobile #sidebar_wrap_footer.four .widget-in-footer {
	float:none;
	margin-left:4%;
	margin-right:4%;
	width:90%;
}
.weaver-sim-phone #nav-bottom-menu,
.weaver-sim-phone #nav-top-menu {display:none;}

.weaver-mobile .wvr-show-mobile-mobile {display:inline-block !important;}
.weaver-mobile .wvr-show-mobile-any {display:inline-block !important;}
.weaver-mobile .wvr-hide-mobile-mobile {display:none !important;}
.weaver-mobile .wvr-hide-mobile-any {display:none !important;}

.weaver-phone .wvr-show-mobile-phone {display:inline-block !important;}
.weaver-phone .wvr-show-mobile-any {display:inline-block !important;}
.weaver-phone .wvr-hide-mobile-phone {display:none !important;}
.weaver-phone .wvr-hide-mobile-any {display:none !important;}

.weaver-smalltablet .wvr-show-mobile-smalltablet {display:inline-block !important;}
.weaver-smalltablet .wvr-show-mobile-any {display:inline-block !important;}
.weaver-smalltablet .wvr-hide-mobile-smalltablet {display:none !important;}
.weaver-smalltablet .wvr-hide-mobile-any {display:none !important;}

.weaver-tablet .wvr-show-mobile-tablet {display:inline-block !important;}
.weaver-tablet .wvr-show-mobile-any {display:inline-block !important;}
.weaver-tablet .wvr-hide-mobile-tablet {display:none !important;}
.weaver-tablet .wvr-hide-mobile-any {display:none !important;}

body.weaver-mobile {font-size:12px;padding:0px;}

.weaver-phone #infobar {display:none;}
.weaver-phone #respond input#submit {font-size:90%;width:100%;}

.weaver-tablet .menu_bar ul ul ul {left:50%;top:34px;}
.weaver-tablet .entry-title a,
.weaver-tablet .entry-title {font-size:110% !important;}
.weaver-tablet #wrapper {padding:4px;}

.weaver-smalltablet .menu_bar ul ul ul,
.weaver-smalltablet-sim .menu_bar ul ul ul {left:50% !important;top:34px !important;}

.weaver-smalltablet-sim #nav-bottom-menu,
.weaver-smalltablet-sim #nav-top-menu {display:none;}

.weaver-sim-mobile #container_wrap {width:100% !important;}
body.weaver-sim-mobile {font-size:11px;}

.weaver-smalltablet-sim .entry-title a,
.weaver-smalltablet-sim .entry-title {font-size:110% !important;}
.weaver-smalltablet-sim #respond input#submit {font-size:90% !important;width:100%;}

.weaver-smalltablet-sim #mobile-widget-area {display:block !important;}

.weaver-smalltablet-sim.weaver-mobile-smart-stacked #mobile-widget-area,
.weaver-sim-mobile #sidebar_wrap_left,
.weaver-sim-mobile #sidebar_wrap_right {display:none !important;}

.weaver-sim-mobile.weaver-mobile-smart-stacked #sidebar_wrap_left,
.weaver-sim-mobile.weaver-mobile-smart-stacked #sidebar_wrap_right {display:block !important;width:100% !important;}

@media only screen and (min-width:641px) {
.weaver-mobile-resp-nostack .mobile_menu_bar {display:none;}
}

/* ======================= STACKING SIDEBARS =================== */

@media only screen and (max-width:640px) and (orientation:portrait) {

#container_wrap,
#sidebar_wrap_left,
#sidebar_wrap_right {width:100% !important;}

.weaver-mobile-smart-nostack #sidebar_wrap_left,
.weaver-mobile-smart-nostack #sidebar_wrap_right,
.weaver-mobile-smart-nostack #sidebar_wrap_footer,
.weaver-mobile-resp-nostack #sidebar_wrap_footer,
.weaver-mobile-resp-nostack #sidebar_wrap_left,
.weaver-mobile-resp-nostack #sidebar_wrap_right {display:none !important;}

.weaver-mobile-resp-nostack #mobile-widget-area {display:block !important;}
}

@media only screen and (max-width:640px) and (orientation:landscape) {
#container_wrap,#sidebar_wrap_left,#sidebar_wrap_right {width:100% !important;}

.entry-content p,
.entry-summary p {margin-bottom:.5em !important;line-height:1.25em !important;}
}

/* ===================== Vertical Tablets ================== */
@media only screen and (max-width:768px) and (orientation:portrait) {

.wvr-show-mobile-tablet {display:inline-block !important;}
.wvr-show-mobile-any {display:inline-block !important;}
.wvr-hide-mobile-tablet {display:none !important;}
.wvr-hide-mobile-any {display:none !important;}
}

/* ===================== Small Tablet AND Phones ================== */
@media only screen and (max-width:640px) {
body {font-size:12px !important;padding:0 !important;}

.wvr-show-mobile-mobile {display:inline-block !important;}
.wvr-show-mobile-any {display:inline-block !important;}
.wvr-hide-mobile-mobile {display:none !important;}
.wvr-hide-mobile-any {display:none !important;}

.weaver-mobile-smart-stacked #sidebar_wrap_left,	/* weaverjslib will turn on - prevents visible swap of area */
.weaver-mobile-resp-stacked #sidebar_wrap_left {
    display:none;
}


#nav-bottom-menu,
#nav-top-menu {min-height:24px;}

#nav-bottom-menu,
#nav-top-menu {display:none;}	/* needed for iOS */

.menu_pop_left {margin-left:50% !important;}
.menu_pop_right {margin-right:50% !important;}
.menu_pop_left .menu_bar ul ul {
	left:-54%;
	top:0px;
}

.post-avatar {max-height:32px !important;max-width:32px !important;}
.menu_bar a {line-height:24px;}
.menu_bar ul ul {top:24px;left:-8px;width:150px;}
.menu_bar ul a {width:120px;padding:2px 12px 8px 6px;}
.menu_bar ul ul a {width:144px;}
.menu_bar ul ul ul {left:25%;top:34px;}
.menu_bar,
.menu_bar ul ul a,
.menu_bar li:hover > a,
.menu_bar ul ul :hover > a { background-image:none !important;}
.sf-sub-indicator {margin-top:-3px; display:none;}

.mobile_widget_area {margin:6px 4px 4px 4px;}

#site-title {
    font-size:180% !important;
    left:0px;
    line-height:1.25em !important;
    overflow:hidden;
    padding:0;
    position:relative;
    top:0px;
}

#site-description {font-size:110% !important;}

#wrapper {padding:0px;}

.entry-content,
.entry-summary {padding-top:.5em;}
.entry-content p,
.entry-summary p {margin-bottom:.5em !important;line-height:1.25em !important;}

#branding, #colophon {margin-left:0px;}

.entry-title a,
.entry-title {font-size:110% !important;}

#site-info {padding-left:4px;}

#site-generator {display:none;}

.commentlist {margin-left:4px;}

#colophon, #branding {margin-left:auto !important;margin-right:auto !important;}

#content {padding:12px;}

.menu_bar ul ul ul {left:50% !important;top:34px !important;}

.entry-title a,
.entry-title {font-size:110% !important;}

#respond input#submit {font-size:90% !important;width:100% !important;}

#sidebar_wrap_footer.one .widget-in-footer,
#sidebar_wrap_footer.two .widget-in-footer,
#sidebar_wrap_footer.three .widget-in-footer,
#sidebar_wrap_footer.four .widget-in-footer {
	float:none;
	margin-left:4%;
	margin-right:4%;
	width:90%;
}

#sidebar_wrap_left {display:none;}	/* javascript will display:block if stacked */

.content-3-col-left {
	float:left;
	overflow:hidden;
	padding-right:2% !important;
	width:48% !important;
}
.content-3-col-right {
	float:left !important;
	overflow:hidden;
	width:48% !important;
}

/* standard elements */
ul, ol {
	margin:0 0 1.0em 1em;
}
dl {
	margin:0 .9em;
}
dd {
	margin-bottom:1em;
	margin-left:.9em;
}
blockquote {
	margin:0 1em;
}
}

/* ======================= Small Tablets Only ======================= */

@media only screen and (min-width:581px) and (max-width: 640px) {
.wvr-show-mobile-mobile {display:inline-block !important;}
.wvr-show-mobile-any {display:inline-block !important;}
.wvr-hide-mobile-mobile {display:none !important;}
.wvr-hide-mobile-any {display:none !important;}

.wvr-show-mobile-smalltablet {display:inline-block !important;}
.wvr-hide-mobile-smalltablet {display:none !important;}
}

/* =========================== PHONES ONLY ========================== */
@media only screen and (max-width: 580px) {	/* 580 chosen because of iPhone 5 landscape */
.wvr-show-mobile-mobile {display:inline-block !important;}
.wvr-show-mobile-any {display:inline-block !important;}
.wvr-hide-mobile-mobile {display:none !important;}
.wvr-hide-mobile-any {display:none !important;}

.wvr-show-mobile-phone {display:inline-block !important;}
.wvr-hide-mobile-phone {display:none !important;}

body {padding: 0 !important; }
.wvr-show-tablet {display: none !important;}
.wvr-show-smalltablet {display: none !important;}
.wvr-show-phone {display: block !important;}

#site-title {font-size:160% !important;line-height:1.5em;}
#site-description {display:none;}

.content-2-col-left,
.content-2-col-right,
.content-3-col-left,
.content-3-col-right {
	float:none !important;
	overflow:hidden;
	width:100% !important;
	padding-right:0 !important;
}

#infobar {display:none;}
}

/* ====================== IE fixes ======================== */
#ie7 .wvr-show-mobile-mobile,
#ie8 .wvr-show-mobile-mobile {display:none !important;}

#ie7 .wvr-show-mobile-any,
#ie8 .wvr-show-mobile-any {display:none !important;}

#ie7 .wvr-show-mobile-smalltablet,
#ie8 .wvr-show-mobile-smalltablet {display:none !important;}

#ie7 .wvr-show-mobile-tablet,
#ie8 .wvr-show-mobile-tablet {display:none !important;}

#ie7 .wvr-hide-mobile-mobile,
#ie8 .wvr-hide-mobile-mobile {display:inline-block !important;}

#ie7 .wvr-hide-mobile-any,
#ie8 .wvr-hide-mobile-any {display:inline-block !important;}

#ie7 .wvr-hide-mobile-smalltablet,
#ie8 .wvr-hide-mobile-smalltablet {display:inline-block !important;}

#ie7 .wvr-hide-mobile-tablet,
#ie8 .wvr-hide-mobile-tablet {display:inline-block !important;}


/* ====================== slide open menu ================= */

.mobile-menu-link {
	border-width:1px;
	border-style:solid;
	float:right;
	margin-right:15px;
	padding:0 2px 0 4px;
}

.mobile-menu-add {
	padding-bottom: 10px;
	text-align:center !important;
}

.menu-add .mad-br {display: none;}

.menu-vertical .menu-add .mad-br {display:block !important;}
.menu-vertical .menu-add-left {display:none !important;}
.menu-vertical .menu-add {display:block !important; float:none; text-align:center;max-height:100%;padding-bottom:4px;}
.menu-vertical .sf-menu .sf-with-ul:after {content:"  \2193";} /* this adds arrow to superfish/mobile. alt: 21e9 */
/* ============================ User Agent Smart Model Rules ================ */

@media only screen and (min-width: 581px) and (max-width: 640px) {	/* vertical small tablet */
.weaver-smalltablet #container_wrap {width:100% !important;}
}

@media only screen and (min-width: 641px) {	/* horizontal small tablet */
.weaver-smalltablet #mobile-widget-area {display:none !important;}
}
