/*!
    )     )           (     (        )       (
 ( /(  ( /(   *   )   )\ )  )\ )  ( /(       )\ )
 )\()) )\())` )  /(  (()/( (()/(  )\()) (   (()/(
((_)\ ((_)\  ( )(_))  /(_)) /(_))((_)\  )\   /(_))
 _((_)  ((_)(_(_())  (_))_|(_))  __((_)((_) (_))
| || | / _ \|_   _|  | |_  |_ _| \ \/ /| __|/ __|
| __ || (_) | | |    | __|  | |   >  < | _| \__ \
|_||_| \___/  |_|    |_|   |___| /_/\_\|___||___/

Need to do something to the production site css styles but can't edit/don't have access to/or simply in too much of a hurry to wrangle the master.scss file? Cool .. we've got your ass: Place those hot fixes, overrides, and emergency code-farts in here ... and we'll incorporate them into the master sheet during the next major revision. It should go without saying that as a general rule, this file should remain EMPTY. I AM HERE in prod_ph.
*/
/* ANIMATION */
@-webkit-keyframes fadeIn
{
from { opacity: 0; opacity: 1 \9; /* IE9 only */ }
to { opacity: 1; }
}
@-moz-keyframes fadeIn
{
from { opacity: 0; opacity: 1 \9; /* IE9 only */ }
to { opacity: 1; }
}
@keyframes fadeIn
{
from { opacity: 0; opacity: 1 \9; /* IE9 only */ }
to { opacity: 1; }
}
.fade1 { opacity: 0; /* make things invisible upon start */ -webkit-animation: fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */ -moz-animation: fadeIn ease-in 1; animation: fadeIn ease-in 1; -webkit-animation-fill-mode: forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/ -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 0.7s; -moz-animation-duration: 0.7s; animation-duration: 0.7s; }
.fade2 { opacity: 0; /* make things invisible upon start */ -webkit-animation: fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */ -moz-animation: fadeIn ease-in 1; animation: fadeIn ease-in 1; -webkit-animation-fill-mode: forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/ -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; animation-duration: 2s; }
.fade3 { opacity: 0; /* make things invisible upon start */ -webkit-animation: fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */ -moz-animation: fadeIn ease-in 1; animation: fadeIn ease-in 1; -webkit-animation-fill-mode: forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/ -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 3s; -moz-animation-duration: 3s; animation-duration: 3s; }
/* BODY SPECIFIC */
body { background:#fff; /*background: url(/assets/img/bg_curtains01.jpg) no-repeat fixed rgb(255, 255, 255); background-size: auto auto; background-size: cover; */ }
.container { background:none; width:100%; max-width:2200px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;  border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -khtml-border-radius: 7px; border-radius: 7px; overflow: hidden; margin-top: 10px; }
.mainContent { display:flex; background:#fff; }
@media all AND (max-width:801px) {
	.mainContent { flex-direction:column; }
	.sidebar { padding: 10px 15px 15px 15px !important; }
}
#articles, #single-issue, .staticPage, #brand { background:#fff; }
.clear { clear: both; }
#homepage, .main-nav, .sidebar { background: #fff; }
.sidebar div.title { background: url(/assets/img/key.png) center right no-repeat; }
.pbg, .obg, .bbg { background: #555; }
.pur .glyphicon, .yel .glyphicon, .blu .glyphicon, .org .glyphicon { color: #555; }
.pur .more, .yel .more, .blu .more { background: #555; }
.pur strong, .yel strong, .blu strong, .org strong { border: none; }
.pur h1 a:hover, .pur h2 a:hover, .yel h1 a:hover, .yel h2 a:hover, .blu h1 a:hover, .blu h2 a:hover { color: #c4161c; }
h2.reading { font-weight:700; background: #efefef url(/assets/img/book-open.png) 5px center no-repeat !important; padding-left: 35px !important; }
.glyphicon-hd-video { font-size: 20px !important; padding: 8px 0 0 8px; }
.stack-meta .sm-title { font-size: 32px; line-height: 42px; margin: 0px 5px 0px 0px; text-overflow: ellipsis; word-wrap: break-word; }
/* HOME */
.homeslider { padding: 0 15px; }
.new-issue, .hm-mem-vid { width: 100% !important; height: auto; }
.horizsm { padding: 0 11px 0 0; }
.horizlg { padding: 0 0 15px 0 !important; }
.breadcrumb { display: none !important; }
.articlehead { margin-bottom: 15px !important; }
.sub-hdr div .more { font-size: 10px; line-height: normal; position: absolute; top: 10px; right: 0px; padding: 2px 8px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; color: #FFF; text-transform: uppercase; }
.rm-but { margin-top: 10px; color: #FFF; line-height: normal; padding: 4px 8px; }
.sub-hdr div h1, .sub-hdr div h2 { font-size: 16px; color: #333; text-transform: uppercase; line-height: 2em; background: #efefef; padding: 3px 7px; }
.sub-hdr div .more { right: 8px; }
/* SIDEBAR */
/*.sidebar { padding: 10px 15px 15px 0px !important; }*/
form.newsletter { background: #ccc; padding: 15px; }
img.subcaptcha { width: 50%; min-width: 150px; }
.captchacode { display: block; }
div.stack.bmar10 + p { display: none; }
.rapad + .rapad { padding: 0 15px 0 7px; }
/* STATIC and SPECIAL PAGES */
#brand .brand p { font-size: 1.3em; line-height: 1.8; }
#results { background:#fff; }
/* MAGAZINE PAGES */
.meta-slide-small { top:145px; }
/* ARTICLE SPECIFIC */
#single-article { max-width: 1200px; margin: 2em auto; float: none; background: #efefef; border-radius:13px;
 box-shadow: 0px 1px 7px 3px #777; display: flex; flex-direction: column; }
#single-article article.ph_words p { color: #222; font-size: 1.5em; line-height: 1.7; font-weight: 500; margin-bottom: 1.3em; }
#single-article article.ph_words p.question { font-weight: 600; margin-bottom: 0; }
#single-article article.ph_words p.question + p:before { content: "A: "; font-weight: 600; }
#single-article article.ph_words p.question:before { content: "Q: "; }
#single-article article.ph_words p.articleIntro { font: italic 700 1.8em / 1.2 Georgia, Constantia, Times, "Times New Roman", serif; letter-spacing: 0.01em; }
#single-article article.ph_words p.quoteLeft { width: 50%; float: left; margin: 9px 1em 1em 0; text-align: center; padding: 1.5em 2em; border-top: 13px solid #454545; border-bottom: 13px solid #454545; font: italic 700 1.8em / 1.8 Georgia, Constantia, Times, "Times New Roman", serif; letter-spacing: 0.01em; }
#single-article article.ph_words p.quoteRight { width: 50%; float: right; margin: 9px 0 1em 1em; text-align: center; padding: 1.5em 2em; border-top: 13px solid #454545; border-bottom: 13px solid #454545; font: italic 700 1.8em / 1.8 Georgia, Constantia, Times, "Times New Roman", serif; letter-spacing: 0.01em; }
#single-article article.ph_words p.photoCredit { font-size: 0.9em; }
#single-article a[href*="scenes"] { display: none; }
#single-article .articlehead span.glyphicon-folder-open { display: none; }
#single-article .articlehead span.glyphicon-folder-open + span { display: none; }
#single-article .subscriptions h4 { color: #999; }
#single-article .subscriptions { width: 25%; min-width: 200px; float:left; margin: 0 2em 1em 0; padding:13px; background:#fff; }
#single-article .subscriptions img { margin: 0 0 1em 0; }
#single-article .subscriptions span { margin: 0 1em 0 0; }
/* ========== SUBSITE SPECIFIC ============================================================================= */
.title h2 { font-size: 16px; margin: 15px 0; line-height: 1.3; }
/*PET BROWSER DROPDOWN*/
.btn-group button.btn.btn-default.dropdown-toggle { background-color: #F1F1F1; text-shadow: 1px 1px #FFF; text-transform: uppercase; }
.btn-group button.btn.btn-default.dropdown-toggle:hover { background-color: #F1F1F1; text-shadow: 0px 0px #FFF; }
.sub-mag .thumbs { width: 100% !important; height: auto !important; }
#frmSS1214 div.form-group input { box-shadow: inset 2px 2px 1px rgba(0, 0, 0, 0.07); }
/*SOCIAL ICONS*/
.social a:last-child { margin-left: 0px; margin-right: -5px; }
a.social-icon { height: 25px; width: 25px; display: inline-block; line-height: 26px; /*+border-radius: 3px;*/ -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; font-size: 130%; text-align: center; vertical-align: middle; background-color: #626262; margin-right: 5px; text-shadow: 1px 1px rgba(0, 0, 0, 0.5); }
.facebook:hover { background-color: #3B5998; }
.twitter:hover { background-color: #4099FF; }
.instagram:hover { background-color: #E95950; }

@media all and ( max-width:1350px ) { 
    .btn-group-lg > .btn, .btn-lg { font-size: 12px; }
    .sidebar h2 { visibility: hidden; }
}
/*  
@media all and ( min-width:600px ) { 
    .sidebar { padding: 0 15px 15px 15px; }
}
*/