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

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.
*/
@-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; }
.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; }
.container { 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; }
.hcpic { display:;
}
/* ========================================================= GLOBAL OVERRIDES =======================================================*/
p.content-info a[href*="Photos"] { display:none; }
/* ========================================================= TEMPLATES ==============================================================*/
/* MUCHTEXT */
.muchtext { margin: 0 15px; }
.muchtext .content-info { float:left; margin: 0 15px 15px 0; width:30%; min-width:400px; }
.muchtext .content-descr { border-top:none; clear:left; }
.muchtextStar { float:right; width:30%; min-width:320px; }
/* ========================================================= ARTICLES ===============================================================*/
article.ph_words p { color: #222; font-size: 1.5em; line-height: 1.7; font-weight: 500; margin-bottom: 1.3em; }
article.ph_words p.question { font-weight: 600; margin-bottom: 0; }
article.ph_words p.question + p:before { content: "A: "; font-weight: 600; }
article.ph_words p.question:before { content: "Q: "; }
article.ph_words p.articleIntro { font: italic 700 1.8em / 1.2 Georgia, Constantia, Times, "Times New Roman", serif; letter-spacing: 0.01em; }
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; }
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; }
article.ph_words p.photoCredit { font-size: 0.9em !important; }
/* ========================================================= GALLERIES ===============================================================*/
.content-info span.photog { text-transform: capitalize; line-height: 2.5; font-style: italic; }
/* ========================================================= SPECIAL AREAS ==============================================================*/
/* Members FAQ Page */
.title_bar { font-size: 3em; padding: 1em 0 0 1em; }
.title_bar:last-of-type { padding: 0 0 0 1em; }
.faq_questions { padding: 2em 0 0 3em; }
.faq_answers { padding: 2em 3em; }
.faq_answers a { padding: 1em 0 0 0; }
.faq_answers_title { font-weight: 700; font-size: 1.2em; }
.faq_answers .highlight { font-style: italic; color: crimson; letter-spacing: 0.02em; }
/* Ad Service Pixel */
img.onepixel { width: 1px; height: 1px; }
/*Subscribe Box*/
img.subcaptcha { max-width: 160px; margin: 0px 10px 0px 0px; background-color: #EBEBEB; padding: 10px; border: 1px solid #CDCDCD; /*+border-radius: 4px;*/ -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; display: inline-block; }
input.captcha-input { display: inline-block; box-shadow: inset 2px 2px 1px rgba(0, 0, 0, 0.07); border: 1px solid #CCCCCC; /*+border-radius: 4px;*/ -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; padding: 10px 5px; text-align: center; font-size: 120%; font-weight: bold; max-width: 150px; margin-top: 0; }
/*PET BROWSER DROPDOWN*/
.btn-group button.btn.btn-default.dropdown-toggle { background-color: #F1F1F1; text-transform: uppercase; }
.btn-group button.btn.btn-default.dropdown-toggle:hover { background-color: #F1F1F1; }
.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*/
@media (max-width: 600px) {
.col-xs-9 { width: 65%; padding-right: 0; }
select option { color: #FFFFFF; text-transform: capitalize; font-size: 150%; }
select option:disabled { color: #F70000; text-transform: uppercase; font-weight: bold; font-size: 180%; }
.topbar { background-color: #333; padding: 4px 0; color: #FFF; position: fixed; width: 100%; margin-bottom: 0; z-index: 9999999; margin-top: -3px; }
.small-brand img { width: 100%; padding: 15px; margin-top: 31px; }
.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; /*+border-radius: 0px;*/ -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; overflow: hidden; margin-top: 0px !important; }
.hidden-lg.mobile_menu select#selectnav { width: 75%; margin: 0; }
.col-xs-3 { width: 35%; }
}
.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; }
/*FLAGS*/
.flag_new { }
/*MENU MODS*/
ul.nav.navbar-nav li a { padding-left: 10px; padding-right: 10px; }
ul.nav.navbar-nav:last-child { padding-left: 10px; padding-right: 10px; }
.well .nav-list.nav-menu-list-style li ul.nav.nav-list.bullets li a { text-indent: 20px; text-decoration: none; }
span.welcomeback { text-transform: uppercase; letter-spacing: 0.5px; padding: 3px 6px; background-color: rgba(0, 0, 0, 0.5); /*+border-radius: 3px;*/ -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
a.btn.join_btn { background-color: #fff556; font-family: "Oswald"; font-size: 200%; color: #231f20; border: 1px solid #fff556; }
a.btn.join_btn:hover { background-color: #2381d3; color: #ffffff; border: 1px solid #2381d3; }
/*Sidebar Tab Widget*/
/*.sidebar DIV.tab-content A.shine
{
	max-width: 43%;
	display: inline-block;
}*/
.sidebar div.tab-content { max-height: 408px; overflow-y: scroll; }
/*CTA Styles*/
div.col-md-12.cta { width: 100%; padding: 10px 10px; font-family: "Oswald"; font-size: 1.8em; /*+border-radius: 5px;*/ -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; margin-bottom: 15px; display: table; }
.cta-right a span.glyphicon { font-size: 80%; margin-left: 5px; }
span.cta-left { float: left; font-weight: bold; line-height: 40px; }
span.cta-right a { background-color: #2381d3; font-weight: bold; float: right;  /*+border-radius: 5px;*/ -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
@media (max-width: 667px) {
div.col-md-12.cta { padding: 5px 6px; }
span.cta-left { font-size: 0.55em; padding-left: 0; }
span.cta-right a { font-size: 0.6em; margin-top: 5px; padding: 5px 5px 5px 5px; }
}
@media (min-width: 667px) {
span.cta-right a { background-color: #000000; padding: 10px 14px 12px 14px; color: #FFFFFF; font-size: 80%; /*+border-radius: 5px;*/ -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; text-align: center; float: right; }
span.cta-left { line-height: 40px; padding-left: 10px; font-size: .9em; text-align: center; float: left; }
}
/*STYLE 1*/
.cta-style1 { background-color: #231f20; color: #fff556; letter-spacing: 0.07em; }
.cta-style1 span.cta-right a { background-color: #2381d3; color: #FFFFFF; }
/*STYLE 2*/
.cta-style2 { background-color: #fff556; color: #231f20; letter-spacing: 0.07em; }
.cta-style2 span.cta-right a { background-color: #2381d3; color: #FFFFFF; }
/*STYLE 3*/
.cta-style3 { background-color: #2381d3; color: #ffffff; letter-spacing: 0.07em; }
.cta-style3 span.cta-right a { background-color: #000000; color: #FFFFFF; }
#footer-nav li:last-child a { background-color: #f51e00 !important; }
.footer-bot { border-top: 3px solid #f51e00 !important; }
.overall { border-top: 3px solid #f51e00 !important; }