/*
Style file for Aspen Shortcodes and Widgets

License: GPL

Aspen Shortcodes and Widgets
Copyright (C) 2013, Bruce E. Wampler - aspen@aspenthemeworks.com

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.

PLEASE - DO NOT EDIT THIS FILE

If you MUST change the CSS for these shortcodes and widgets, use the
Custom CSS features of Aspen or Weaver, or use a custom CSS plugin
such as JetPack, which let you add CSS to your theme or plugins
without modifying theme or plugin .css files.
*/

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

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

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

.atw-show-mobile-tablet {display:inline-block !important;}
.atw-show-mobile-any {display:inline-block !important;}
.atw-hide-mobile-tablet {display:none !important;}
.atw-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;}

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

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

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

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

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

.atw-show-mobile-phone {display:inline-block !important;}
.atw-hide-mobile-phone {display:none !important;}
}
/* ====================== IE fixes ======================== */
#ie7 .atw-show_mobile-mobile,
#ie8 .atw-show-mobile-mobile {display:none !important;}

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

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

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

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

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

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

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

/* Tabs */
.atw-tabs {
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
    margin: 0 0 1.5em 0;
    background:transparent;
}

.atw-tabs-style .atw-tabs-nav {    /* top "bar" behind tabs */
	padding: 0px 20px 0px 0px;
	margin: 0;
	height: 32px;
	background-color: transparent;
}
.atw-tabs-style .atw-tabs-nav span {   /* bg color of a tab */
	display: block;
	float: left;
	padding: 0 20px;
	height: 32px;
	line-height: 32px;
	margin-right: 5px;
	cursor: pointer;
	border-top: 1px solid #888;         /* border-color */
	border-right: 1px solid #888;
	border-left: 1px solid #888;
	background: #ccc;                   /* tab-bg */
        border-top-left-radius:6px;
        border-top-right-radius:6px;
}

.atw-tabs-style .atw-tabs-nav span.atw-tabs-current,
.atw-tabs-style .atw-tabs-nav span:hover {
    background: #eee;                               /* tab-current-color */
}

.atw-tabs-style .atw-tabs-pane {
	padding: 15px;
        border: 1px solid #888;        /* border-color */
        min-height:20px;               /* pane-min-height */
        background-color:transparent;        /* pane-bg */
}

/* ==============================  general helpers ======================== */

.atw-left {
	float:left;
	margin-right:5%;
	width:47.5%;
}
.atw-right {
	float:right;
	width:47.5%;
}
.atw-clear {
	clear:both;
}
.atw-clear-block {
	clear:both;
	display:block;
}

/**** Clearfix ****/
.atw-cf:before, .atw-cf:after { content: ""; display: table; }
.atw-cf:after { clear: both; }
.atw-cf { zoom: 1; }

.atw-content-2-col {
	float: left;
	width: 49.8%;
	overflow:hidden;
	padding-right: 2%;
	padding-left: 2%;
}

.atw-content-3-col {
	float: left;
	width: 33.3%;
	overflow:hidden;
	padding-right: 1%;
	padding-left: 1%;
}

.atw-entry-title {
	clear: both;
	font-weight: bold;
        font-size:120%;
        padding-bottom: 0.5em;
        margin:0;
}
.atw-entry-title,
.atw-entry-title a {
	text-decoration: none;
}

.atw-entry-content,
.atw-entry-summary {
	padding: 1.0em 0 .5em 0;
        margin: 0;
}

.atw-show-posts .post {
    margin-bottom: 1.0em;
}

/* pagination for show_posts */

#atw-show-posts-navigation .page-numbers {
    padding:2px 4px 2px 4px;
    background: rgba(0,0,0,.1);
    font-weight:normal;
}

#atw-show-posts-navigation .current {
	font-weight:bold;
}


/* Post atw-entry-meta
  ------------------------------------------------- */
.atw-entry-meta {
	clear: both;
        font-size:90%;
}

.atw-entry-meta-icons {
	text-decoration: none;
}
.atw-entry-meta-iconsx .sep {
	display:none;
}
.atw-entry-utility {
	clear:both;
}
.atw-entry-meta-icons .entry-utility-prep {
	display:none;
}
.atw-entry-meta-icons .entry-date {
	background:url(images/icons/date-1.png) center left no-repeat;
	display:inline-block;
	padding-left:26px;
	margin-left:1.0em;
}
.atw-entry-meta-icons .by-author, .by-author-icon {
	background:url(images/icons/author-1.png) center left no-repeat;
	display:inline-block;
	padding-left:22px;
	margin-left:1.0em;
}
.atw-entry-meta-icons .cat-links, .cat-links-icon {
	background:url(images/icons/category-1.png) center left no-repeat;
	padding-left:26px;
	margin-left:1.0em;
}
.atw-entry-meta-icons .tag-links, .tag-links-icon {
	background:url(images/icons/tag-1.png) center left no-repeat;
	display:inline-block;
	padding-left:26px;
	margin-left:1.0em;
}
.atw-entry-meta-icons .comments-link, .comments-link-icon {
	background:url(images/icons/comment-1.png) center left no-repeat;
	display:inline-block;
	padding-left:24px;
	margin-left:1.0em;
}
.atw-entry-meta-icons .permalink-icon, .permalink-icon {
	background:url(images/icons/permalink-1.png) center left no-repeat;
	display:inline-block;
	padding-left:24px;
	margin-left:1.0em;
}

.atw-featured-image img {
        width: auto;
	height:auto;
}

/* ================================== Sliders ============================= */
#content ul.atw-slider li.atw-slide-img img,
#branding ul.atw-slider li.atw-slide-img img,
#colophon ul.atw-slider li.atw-slide-img img,
.widget-area ul.atw-slider li.atw-slide-img img {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color:transparent;
    padding:0;
    margin:0;
}

.aspen-theme-body .bx-wrapper .bx-next {
	right: 20px;
}

.atw-slider-noborder .bx-wrapper .bx-viewport {
    -moz-box-shadow:none!important;
    -webkit-box-shadow: none!important;
    box-shadow:none!important;
    border:none!important;
    background:transparent!important;
}

.bx-wrapper {margin-left:5px !important;margin-right:-5px!important;margin-bottom:0!important;}

ul.atw-slider li.atw-slide-img img {
    background-color:transparent;
    padding:0;
    margin:0;
}

.atw-slider-pager {
   text-align:center;
   margin-top:15px; margin-bottom:4px;
}

ul.atw-slider, ul.atw-slider li {
    margin:0 !important;
    padding:0 !important;
}

ul.atw-slider a.btw-next,
ul.atw-slider a.btw-prev,
ul.atw-slider li,
.atw-slider-pager a {
    border: 0px none !important;
    text-decoration: none !important;
}