/* Minification failed. Returning unminified contents.
(1255,19): run-time error CSS1063: Expected calculation unit, found '$'
(1255,19): run-time error CSS1064: Expected calculation product, found '$'
(1255,19): run-time error CSS1065: Expected calculation sum, found '$'
(1255,19): run-time error CSS1034: 
(1255,19): run-time error CSS1042: Expected function, found '$'
(1255,19): run-time error CSS1062: Expected semicolon or closing curly-brace, found '$'
(1260,19): run-time error CSS1063: Expected calculation unit, found '$'
(1260,19): run-time error CSS1064: Expected calculation product, found '$'
(1260,19): run-time error CSS1065: Expected calculation sum, found '$'
(1260,19): run-time error CSS1034: 
(1260,19): run-time error CSS1042: Expected function, found '$'
(1260,19): run-time error CSS1062: Expected semicolon or closing curly-brace, found '$'
(1265,19): run-time error CSS1063: Expected calculation unit, found '$'
(1265,19): run-time error CSS1064: Expected calculation product, found '$'
(1265,19): run-time error CSS1065: Expected calculation sum, found '$'
(1265,19): run-time error CSS1034: 
(1265,19): run-time error CSS1042: Expected function, found '$'
(1265,19): run-time error CSS1062: Expected semicolon or closing curly-brace, found '$'
(1270,19): run-time error CSS1063: Expected calculation unit, found '$'
(1270,19): run-time error CSS1064: Expected calculation product, found '$'
(1270,19): run-time error CSS1065: Expected calculation sum, found '$'
(1270,19): run-time error CSS1034: 
(1270,19): run-time error CSS1042: Expected function, found '$'
(1270,19): run-time error CSS1062: Expected semicolon or closing curly-brace, found '$'
(1275,19): run-time error CSS1063: Expected calculation unit, found '$'
(1275,19): run-time error CSS1064: Expected calculation product, found '$'
(1275,19): run-time error CSS1065: Expected calculation sum, found '$'
(1275,19): run-time error CSS1034: 
(1275,19): run-time error CSS1042: Expected function, found '$'
(1275,19): run-time error CSS1062: Expected semicolon or closing curly-brace, found '$'
(1280,19): run-time error CSS1063: Expected calculation unit, found '$'
(1280,19): run-time error CSS1064: Expected calculation product, found '$'
(1280,19): run-time error CSS1065: Expected calculation sum, found '$'
(1280,19): run-time error CSS1034: 
(1280,19): run-time error CSS1042: Expected function, found '$'
(1280,19): run-time error CSS1062: Expected semicolon or closing curly-brace, found '$'
 */
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*
	
	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s;
  -webkit-box-shadow: none;
          box-shadow: none; }
  .pswp__button:focus,
  .pswp__button:hover {
    opacity: 1; }
  .pswp__button:active {
    outline: none;
    opacity: 0.9; }
  .pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1; }

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(/css/default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(/css/default-skin.svg); }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none; } }

.pswp__button--close {
  background-position: 0 -44px; }

.pswp__button--share {
  background-position: -44px -44px; }

.pswp__button--fs {
  display: none; }

.pswp--supports-fs .pswp__button--fs {
  display: block; }

.pswp--fs .pswp__button--fs {
  background-position: -44px 0; }

.pswp__button--zoom {
  display: none;
  background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom {
  display: block; }

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0; }

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden; }

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute; }

.pswp__button--arrow--left {
  left: 0; }

.pswp__button--arrow--right {
  right: 0; }

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute; }

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px; }

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px; }

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__share-modal--hidden {
  display: none; }

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
          transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }
  .pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px; }
    .pswp__share-tooltip a:hover {
      text-decoration: none;
      color: #000; }
    .pswp__share-tooltip a:first-child {
      /* round corners on the first/last list item */
      border-radius: 2px 2px 0 0; }
    .pswp__share-tooltip a:last-child {
      border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in {
  opacity: 1; }
  .pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px; }

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF; }
  a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF; }

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D; }

a.pswp__share--download:hover {
  background: #DDD; }

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px; }

/*
	
	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px; }
  .pswp__caption small {
    font-size: 11px;
    color: #BBB; }

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC; }

.pswp__caption--empty {
  display: none; }

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden; }

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr; }

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px; }

.pswp__preloader--active {
  opacity: 1; }
  .pswp__preloader--active .pswp__preloader__icn {
    /* We use .gif in browsers that don't support CSS animation */
    background: url(/css/preloader.gif) 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active {
  opacity: 1; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
            animation: clockwise 500ms linear infinite; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
            animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0; }

.pswp--css_animation .pswp__preloader__cut {
  /* 
			The idea of animating inner circle is based on Polymer ("material") loading indicator 
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden; }

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0; }

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right; } }

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

/*
	
	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550; }

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%; }

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible; }

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5); }

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3); }

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0; }

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0; }

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none; }

.pswp__element--disabled {
  display: none !important; }

.pswp--minimal--dark .pswp__top-bar {
  background: none; }

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }
  .pswp * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .pswp img {
    max-width: none; }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none; }

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0; }

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222; }

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0; }

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline; }

/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
/* Document
   ========================================================================== */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; }

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
  /* 1 */
  display: block; }

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px; }

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */ }

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0; }

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */ }

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic; }

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block; }

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none; }

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */ }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block; }

/**
 * Add the correct display in IE.
 */
template {
  display: none; }

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none; }

/*@import "compass";
@import "compass/layout";*/
/*@import "compass";*/
#churchtimesMenu {
  display: none; }

.sidr {
  display: block;
  position: fixed;
  top: 50px;
  height: 100%;
  z-index: 999999;
  width: 310px;
  overflow-x: hidden;
  overflow-y: auto;
  font-family: "minion-pro", serif;
  font-size: 1em;
  background: #cccccc;
  color: black;
  /*box-shadow: 0 0 1px 1px $sidr-background-shadow-color inset;*/
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  /* IE10+ */
  /* Rules below not implemented in browsers yet */
  -o-user-select: none;
  user-select: none; }
  @media (max-width: 315px) {
    .sidr {
      width: 80%; } }
  @media (min-width: 980px) {
    .sidr {
      display: none; } }
  .sidr .sidr-inner {
    padding: 0 0 15px; }
    .sidr .sidr-inner > p {
      margin-left: 15px;
      margin-right: 15px; }
    .sidr .sidr-inner a {
      /*width: 100%;*/
      display: inline-block;
      height: 40px;
      line-height: 40px;
      color: black;
      text-decoration: none; }
    .sidr .sidr-inner h2 {
      text-align: center; }
    .sidr .sidr-inner ul {
      padding: 0; }
      .sidr .sidr-inner ul li {
        list-style: none;
        padding: 0;
        width: 100%;
        background-color: white;
        border-bottom: 4px solid #32657e;
        margin: 5px 0; }
        .sidr .sidr-inner ul li a {
          padding: 0 15px; }
    .sidr .sidr-inner .sidr-class-menuSection {
      color: #666666;
      width: 65%; }
      @media (min-width: 315px) {
        .sidr .sidr-inner .sidr-class-menuSection {
          width: 70%; } }
    .sidr .sidr-inner .sidr-class-menuItems {
      padding: 15px 15px;
      margin: 0;
      background-color: #cccccc; }
      .sidr .sidr-inner .sidr-class-menuItems li .fa {
        float: right;
        padding: 0 15px 0 25px;
        color: #666666;
        line-height: 40px; }
      .sidr .sidr-inner .sidr-class-menuItems li .sidr-class-icon {
        cursor: pointer; }
      .sidr .sidr-inner .sidr-class-menuItems .home {
        border-bottom: 4px solid black; }
      .sidr .sidr-inner .sidr-class-menuItems .uk {
        border-bottom: 4px solid #32657e; }
      .sidr .sidr-inner .sidr-class-menuItems .world {
        border-bottom: 4px solid #32657e; }
      .sidr .sidr-inner .sidr-class-menuItems .comment {
        border-bottom: 4px solid #a54399; }
      .sidr .sidr-inner .sidr-class-menuItems .features {
        border-bottom: 4px solid #FBD200; }
      .sidr .sidr-inner .sidr-class-menuItems .faith {
        border-bottom: 4px solid #00b4e4; }
      .sidr .sidr-inner .sidr-class-menuItems .booksarts {
        border-bottom: 4px solid #5fa15d; }
      .sidr .sidr-inner .sidr-class-menuItems .regulars {
        border-bottom: 4px solid #ff7621; }
      .sidr .sidr-inner .sidr-class-menuItems .gazette {
        border-bottom: 4px solid #6c6c69; }
      .sidr .sidr-inner .sidr-class-menuItems .archive {
        border-bottom: 4px solid #474747; }
      .sidr .sidr-inner .sidr-class-menuItems .jobs {
        background-color: #c00102;
        color: white;
        border-bottom: none; }
        .sidr .sidr-inner .sidr-class-menuItems .jobs a {
          color: white; }
    .sidr .sidr-inner .sidr-class-menuItemsOther {
      padding: 15px 15px;
      margin: 0;
      background-color: #cccccc; }
      .sidr .sidr-inner .sidr-class-menuItemsOther li {
        background-color: white;
        border: none; }
        .sidr .sidr-inner .sidr-class-menuItemsOther li a {
          color: #666666; }
    .sidr .sidr-inner .sidr-class-menuItemsFooter {
      background-color: #666666;
      padding: 0 15px; }
      .sidr .sidr-inner .sidr-class-menuItemsFooter li {
        border: none;
        background-color: #666666; }
        .sidr .sidr-inner .sidr-class-menuItemsFooter li a {
          color: white; }
    .sidr .sidr-inner #sidr-id-siteLogin {
      background-color: black;
      margin: 0;
      padding: 0 15px; }
      .sidr .sidr-inner #sidr-id-siteLogin li a {
        color: white; }
    .sidr .sidr-inner .sidr-class-subItems {
      display: none;
      border-top: 2px solid #cccccc;
      background-color: white; }
      .sidr .sidr-inner .sidr-class-subItems li {
        border-bottom: none;
        background-color: white; }
        .sidr .sidr-inner .sidr-class-subItems li a {
          color: black;
          width: 100%; }
    .sidr .sidr-inner .sidr-class-hymns {
      text-align: center;
      margin: 0; }
      .sidr .sidr-inner .sidr-class-hymns li {
        background-color: transparent;
        border-bottom: none; }
      .sidr .sidr-inner .sidr-class-hymns img {
        max-width: 150px; }
  .sidr.right {
    left: auto;
    right: -310px; }
    @media (max-width: 315px) {
      .sidr.right {
        right: -80%; } }
  .sidr.left {
    left: -310px;
    right: auto; }
    @media (max-width: 315px) {
      .sidr.left {
        left: -80%; } }

#sidr-id-menuSearch {
  width: 90%;
  margin: 5px auto; }
  #sidr-id-menuSearch #sidr-id-searchBox {
    width: 100%;
    transition: all 0.3s ease-in-out;
    border: 1px solid #cccccc;
    border-radius: 3px; }
    #sidr-id-menuSearch #sidr-id-searchBox:focus {
      box-shadow: 0 0 1px gray;
      border: 1px solid gray; }
  #sidr-id-menuSearch #sidr-id-searchIcon {
    float: right;
    margin-right: 10px;
    margin-top: -30px;
    position: relative;
    z-index: 2;
    font-size: 20px;
    cursor: pointer; }

/* Changing Susy default global settings */
/* Makes border-box properties */
*, *:before, *:after {
  box-sizing: border-box; }

/*@include sticky-footer(114px, "#container", ".footer_layout", "#footer");*/
.categoryContainer .categoryMainArticle .content p, #newsletterSignup .categoryMainArticle .content p, #standardPageContainer .categoryMainArticle .content p, .categoryContainer .categorySubArticles .content p, #newsletterSignup .categorySubArticles .content p, #standardPageContainer .categorySubArticles .content p, #homepageContainer .homepageMainArticle .content p, #homepageContainer .homepageSubArticles .content p {
  line-height: 1.3; }

h1 {
  font-size: calc($pixels/$context) em;
  font-family: "ff-more-web-pro", serif;
  font-weight: 500; }

h2 {
  font-size: calc($pixels/$context) em;
  font-family: "ff-more-web-pro", serif;
  font-weight: 500; }

h3 {
  font-size: calc($pixels/$context) em;
  font-family: "ff-more-web-pro", serif;
  font-weight: 500; }

h4 {
  font-size: calc($pixels/$context) em;
  font-family: "ff-more-web-pro", serif;
  font-weight: 500; }

h5 {
  font-size: calc($pixels/$context) em;
  font-family: "ff-more-web-pro", serif;
  font-weight: 500; }

h6 {
  font-size: calc($pixels/$context) em;
  font-family: "ff-more-web-pro", serif;
  font-weight: 500; }

h1 {
  color: #004a87;
  margin: 0;
  font-size: 2.2em; }

html {
  min-height: 100vh; }

body {
  background-color: #ffffff;
  height: 100%;
  font-family: "minion-pro", serif;
  font-size: 0.8em;
  line-height: 1.3; }
  @media (min-width: 375px) {
    body {
      font-size: 0.9em; } }
  @media (min-width: 600px) {
    body {
      font-size: 1em; } }

img {
  max-width: 100%;
  height: auto; }

a {
  cursor: pointer;
  text-decoration: none;
  color: #69f; }
  a:hover {
    text-decoration: underline; }

input,
select,
textarea {
  font-family: "minion-pro", serif; }

input[type='button'], .categoryContainer #showMore .showMoreArticlesButton, #newsletterSignup #showMore .showMoreArticlesButton, #standardPageContainer #showMore .showMoreArticlesButton,
input[type='submit'] {
  color: white;
  background-color: #6699ff;
  padding: 7px 15px;
  border: none;
  cursor: pointer; }

input[type='text'],
select,
input.riTextBox {
  outline: none;
  padding: 3px 0px 3px 5px;
  margin: 5px 1px 3px 0px;
  height: 32px;
  min-width: 190px;
  transition: all 0.3s ease-in-out;
  border: 1px solid #cccccc;
  border-radius: 3px; }
  input[type='text']:focus,
  select:focus,
  input.riTextBox:focus {
    box-shadow: 0 0 1px gray;
    border: 1px solid gray; }

input[type='text'],
input[type='text']:focus,
textarea,
textarea:focus,
select,
select:focus {
  font-size: initial; }

p {
  margin: 0 0 10px 0;
  line-height: 1.5; }

.fa-search {
  cursor: pointer; }

.sitePadding {
  padding-left: 5px;
  padding-right: 5px; }

.errorValidation {
  color: red;
  padding-left: 5px;
  font-weight: 600; }

:focus {
  outline: none; }

input[type='checkbox'] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

input[type='checkbox'] ~ label:before {
  font-family: FontAwesome;
  display: inline-block;
  content: '\f1db';
  letter-spacing: 10px;
  font-size: 1.2em;
  color: #32657e;
  width: 1.4em;
  top: 2px;
  position: relative; }

input[type='checkbox']:checked ~ label:before {
  content: '\f00c';
  font-size: 1.2em;
  color: #32657e;
  letter-spacing: 5px; }

input[type='checkbox'] ~ label:before {
  content: '\f096'; }

input[type='checkbox']:checked ~ label:before {
  content: '\f046';
  color: #32657e; }

input[type='radio'] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

input[type='radio'] ~ label:before {
  font-family: FontAwesome;
  display: inline-block;
  content: '\f1db';
  letter-spacing: 10px;
  font-size: 1.2em;
  color: #32657e;
  width: 1.4em; }

input[type='radio']:checked ~ label:before {
  content: '\f00c';
  font-size: 1.2em;
  color: #32657e;
  letter-spacing: 5px; }

input[type='radio'] ~ label {
  color: black;
  cursor: pointer; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important; }

.site-background {
  background-color: white;
  width: 100%; }

#container {
  clear: both;
  max-width: 1248px;
  margin-left: auto;
  margin-right: auto;
  min-height: 200px; }
  #container:after {
    content: " ";
    display: block;
    clear: both; }

.homePage {
  border-top: 5px solid black; }

.ukPage {
  border-top: 5px solid #32657e; }

.worldPage {
  border-top: 5px solid #32657e; }

.commentPage {
  border-top: 5px solid #a54399; }

.featuresPage {
  border-top: 5px solid #FBD200; }

.faithPage {
  border-top: 5px solid #00b4e4; }

.booksartsPage {
  border-top: 5px solid #5fa15d; }

.regularsPage {
  border-top: 5px solid #ff7621; }

.gazettePage {
  border-top: 5px solid #6c6c69; }

.jobsPage {
  border-top: 5px solid #c00102; }

#holidayContainer {
  border-top: 5px solid #ff7621; }

#linksContainer {
  border-top: 5px solid #ff7621; }

.topicsPage {
  border-top: 5px solid #474747; }

.audiovideoPage {
  border-top: 5px solid #004987; }

#twitterContainer {
  border-top: 5px solid #6699ff; }
  #twitterContainer .socialMediaTwitter {
    /*@include clearfix;*/
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    color: black;
    padding-bottom: 4.16667%; }
    #twitterContainer .socialMediaTwitter h2 {
      padding-left: 5px;
      padding-right: 5px;
      padding-bottom: 15px;
      margin: 0;
      clear: both; }
    #twitterContainer .socialMediaTwitter .twitterContainer {
      padding: 2.04082%; }
      #twitterContainer .socialMediaTwitter .twitterContainer .date {
        color: #6699ff; }
    #twitterContainer .socialMediaTwitter .twitterIcon {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      padding: 1.0101%;
      color: #5ca7dc; }
    #twitterContainer .socialMediaTwitter .twitterFollow {
      border: none;
      padding: 15px;
      margin: 20px auto 10px auto;
      max-width: 150px;
      background-color: #6699ff;
      color: white;
      cursor: pointer; }
      #twitterContainer .socialMediaTwitter .twitterFollow a {
        color: white; }
        #twitterContainer .socialMediaTwitter .twitterFollow a:hover {
          text-decoration: none; }

.headerContainer {
  width: 100%;
  background-color: white;
  border-bottom: none;
  padding-top: 0; }
  @media (min-width: 980px) {
    .headerContainer {
      padding-top: 40px;
      border-bottom: 1px solid #cccccc; } }

#header {
  /*@include clearfix;*/
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-left: 5px;
  padding-right: 5px;
  background-color: white;
  position: fixed;
  z-index: 1499;
  max-width: 1248px;
  border-bottom: 1px solid #cccccc; }
  #header:after {
    content: '';
    display: table;
    clear: both; }
  @media (min-width: 600px) {
    #header {
      padding-left: 20px;
      padding-right: 20px; } }
  @media (min-width: 980px) {
    #header {
      position: inherit;
      margin: 0 auto;
      float: none;
      border: none; } }
  #header .menu {
    width: 14.14141%;
    float: right;
    margin-right: 0;
    margin-top: 4.16667%;
    margin-bottom: 1.0101%;
    cursor: pointer;
    transition: 0.5s ease-in-out; }
    #header .menu .fa {
      transition: 0.25s ease-in-out; }
    @media (min-width: 600px) {
      #header .menu {
        margin-top: 3.44828%; } }
    @media (min-width: 980px) {
      #header .menu {
        display: none; } }
  #header #slideMenu {
    width: 25px;
    height: 25px;
    position: relative;
    transform: rotate(0deg);
    transition: 0.5s ease-in-out;
    cursor: pointer;
    float: right; }
    @media (min-width: 375px) {
      #header #slideMenu {
        width: 30px; } }
    @media (min-width: 600px) {
      #header #slideMenu {
        width: 40px;
        height: 25px; } }
    #header #slideMenu span {
      display: block;
      position: absolute;
      height: 4px;
      width: 100%;
      background: black;
      border-radius: 9px;
      opacity: 1;
      left: 0;
      transform: rotate(0deg);
      transition: 0.25s ease-in-out; }
      @media (min-width: 375px) {
        #header #slideMenu span {
          height: 4px; } }
      @media (min-width: 600px) {
        #header #slideMenu span {
          height: 5px; } }
      #header #slideMenu span:nth-child(1) {
        top: 0px; }
      #header #slideMenu span:nth-child(2), #header #slideMenu span:nth-child(3) {
        top: 8px; }
        @media (min-width: 375px) {
          #header #slideMenu span:nth-child(2), #header #slideMenu span:nth-child(3) {
            top: 9px; } }
        @media (min-width: 600px) {
          #header #slideMenu span:nth-child(2), #header #slideMenu span:nth-child(3) {
            top: 14px; } }
      #header #slideMenu span:nth-child(4) {
        top: 16px; }
        @media (min-width: 375px) {
          #header #slideMenu span:nth-child(4) {
            top: 18px; } }
        @media (min-width: 600px) {
          #header #slideMenu span:nth-child(4) {
            top: 28px; } }
  #header #slideMenu.open span:nth-child(1) {
    top: 14px;
    width: 0%;
    left: 50%; }
  #header #slideMenu.open span:nth-child(2) {
    transform: rotate(45deg); }
  #header #slideMenu.open span:nth-child(3) {
    transform: rotate(-45deg); }
  #header #slideMenu.open span:nth-child(4) {
    top: 14px;
    width: 0%;
    left: 50%; }
  #header .logo {
    width: 69.69697%;
    float: left;
    margin-right: 1.0101%;
    margin-top: 4.16667%;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px; }
    @media (min-width: 375px) {
      #header .logo {
        padding-left: 35px;
        padding-right: 35px; } }
    @media (min-width: 600px) {
      #header .logo {
        margin-top: 3.44828%; } }
    @media (min-width: 980px) {
      #header .logo {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding-left: 15px;
        padding-right: 15px; } }
    #header .logo .ctLogo {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      text-align: center; }
      @media (min-width: 980px) {
        #header .logo .ctLogo {
          width: 74.74747%;
          float: left;
          margin-right: 1.0101%;
          text-align: left; } }
      #header .logo .ctLogo img {
        max-height: 55px; }
        @media (min-width: 980px) {
          #header .logo .ctLogo img {
            max-height: 55px; } }
        @media (min-width: 600px) and (max-width: 980px) {
          #header .logo .ctLogo img {
            max-height: 45px; } }
    #header .logo .hymnsLogo {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      text-align: center;
      margin-top: 0; }
      @media (min-width: 980px) {
        #header .logo .hymnsLogo {
          width: 24.24242%;
          float: right;
          margin-right: 0;
          text-align: right;
          margin-top: -10px; } }
      #header .logo .hymnsLogo img {
        max-width: 150px;
        margin-bottom: -15px;
        display: none; }
        @media (min-width: 980px) {
          #header .logo .hymnsLogo img {
            display: inline-block; } }
      #header .logo .hymnsLogo p {
        display: none;
        margin: 5px 0 0 0;
        font-size: 16px; }
        @media (min-width: 600px) {
          #header .logo .hymnsLogo p {
            display: block; } }
        @media (min-width: 980px) {
          #header .logo .hymnsLogo p {
            margin: 5px 0 10px 0; } }
    #header .logo .landscape {
      max-height: 16px !important; }
  #header .search {
    width: 14.14141%;
    float: left;
    margin-right: 1.0101%;
    margin-top: 4.16667%;
    margin-bottom: 1.0101%; }
    @media (min-width: 980px) {
      #header .search {
        display: none; } }
    @media (min-width: 600px) {
      #header .search {
        margin-top: 3.44828%; } }
  #header .srchBar {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    float: none;
    margin: 2.04082% auto;
    transition: height 0.5s;
    height: 0;
    overflow: hidden; }
  #header input {
    width: 100%;
    transition: all 0.3s ease-in-out;
    border: 1px solid #cccccc;
    border-radius: 3px; }
    #header input:focus {
      box-shadow: 0 0 1px gray;
      border: 1px solid gray; }
  #header #searchIcon {
    float: right;
    margin-right: 10px;
    margin-top: -30px;
    position: relative;
    z-index: 2;
    font-size: 20px; }
  #header .fa-bars {
    font-size: 1.5em; }
    @media (min-width: 375px) and (max-width: 600px) {
      #header .fa-bars {
        font-size: 2em; } }
    @media (min-width: 600px) {
      #header .fa-bars {
        font-size: 2.5em; } }
  #header .fa-search {
    font-size: 1.6em; }
    @media (min-width: 375px) and (max-width: 600px) {
      #header .fa-search {
        font-size: 1.8em; } }
    @media (min-width: 600px) {
      #header .fa-search {
        font-size: 2.2em; } }

.desktopMenu {
  display: inline-block;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  background-color: white;
  max-width: 980px;
  margin-bottom: 5px;
  display: none; }
  .desktopMenu:after {
    content: '';
    display: table;
    clear: both; }
  .desktopMenu:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em; }
  .desktopMenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
    .desktopMenu ul li {
      display: inline-block;
      position: relative; }
      .desktopMenu ul li ul {
        position: absolute;
        left: 0;
        top: 36px;
        /* make this equal to the line-height of the links (specified below) */
        width: 200px; }
      .desktopMenu ul li li {
        position: relative;
        margin: 0;
        display: block; }
        .desktopMenu ul li li ul {
          position: absolute;
          top: 0;
          left: 200px;
          /* make this equal to the width of the sub nav above */
          margin: 0; }
  @media (min-width: 980px) {
    .desktopMenu {
      max-width: none;
      display: block; } }
  .desktopMenu a {
    color: black; }
    .desktopMenu a:hover {
      text-decoration: none; }
  .desktopMenu .topLevel {
    position: relative;
    display: inline-block; }
    .desktopMenu .topLevel .desktopSubMenu {
      overflow: hidden;
      background-color: white;
      list-style-type: none;
      white-space: nowrap;
      text-align: left;
      /*border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;*/
      padding: 15px 0 10px 0;
      border: 1px solid;
      /*border-top-right-radius: 10px;*/
      /*display: none;*/
      z-index: -1; }
    .desktopMenu .topLevel .commentSubmenu {
      border-color: #a54399; }
    .desktopMenu .topLevel .featuresSubmenu {
      border-color: #FBD200; }
    .desktopMenu .topLevel .faithSubmenu {
      border-color: #00b4e4; }
    .desktopMenu .topLevel .booksartsSubmenu {
      border-color: #5fa15d; }
    .desktopMenu .topLevel .regularsSubmenu {
      border-color: #ff7621; }
    .desktopMenu .topLevel .gazetteSubmenu {
      border-color: #6c6c69; }
  .desktopMenu .home {
    padding-bottom: 14px; }
    .desktopMenu .home:hover, .desktopMenu .home:active, .desktopMenu .home.active {
      padding-bottom: 10px; }
    .desktopMenu .home:hover, .desktopMenu .home:active, .desktopMenu .home.active {
      color: black;
      border-bottom: 4px solid black; }
  .desktopMenu .uk {
    padding-bottom: 14px; }
    .desktopMenu .uk:hover, .desktopMenu .uk:active, .desktopMenu .uk.active {
      padding-bottom: 10px; }
    .desktopMenu .uk:hover, .desktopMenu .uk:active, .desktopMenu .uk.active {
      color: black;
      border-bottom: 4px solid #32657e; }
  .desktopMenu .world {
    padding-bottom: 14px; }
    .desktopMenu .world:hover, .desktopMenu .world:active, .desktopMenu .world.active {
      padding-bottom: 10px; }
    .desktopMenu .world:hover, .desktopMenu .world:active, .desktopMenu .world.active {
      color: black;
      border-bottom: 4px solid #32657e; }
  .desktopMenu .comment {
    padding-bottom: 14px; }
    .desktopMenu .comment:hover, .desktopMenu .comment:active, .desktopMenu .comment.active {
      padding-bottom: 10px; }
    .desktopMenu .comment:hover, .desktopMenu .comment:active, .desktopMenu .comment.active {
      color: black;
      border-bottom: 4px solid #a54399; }
  .desktopMenu .commentSub {
    margin: 0 15px 0 15px;
    padding: 5px 5px 9px 5px; }
    .desktopMenu .commentSub:hover, .desktopMenu .commentSub:active, .desktopMenu .commentSub.active {
      padding: 5px;
      color: black;
      border-bottom: 4px solid #a54399; }
  .desktopMenu .features {
    padding-bottom: 14px; }
    .desktopMenu .features:hover, .desktopMenu .features:active, .desktopMenu .features.active {
      padding-bottom: 10px; }
    .desktopMenu .features:hover, .desktopMenu .features:active, .desktopMenu .features.active {
      color: black;
      border-bottom: 4px solid #FBD200; }
  .desktopMenu .featuresSub {
    margin: 0 15px 0 15px;
    padding: 5px 5px 9px 5px; }
    .desktopMenu .featuresSub:hover, .desktopMenu .featuresSub:active, .desktopMenu .featuresSub.active {
      padding: 5px;
      color: black;
      border-bottom: 4px solid #FBD200; }
  .desktopMenu .faith {
    padding-bottom: 14px; }
    .desktopMenu .faith:hover, .desktopMenu .faith:active, .desktopMenu .faith.active {
      padding-bottom: 10px; }
    .desktopMenu .faith:hover, .desktopMenu .faith:active, .desktopMenu .faith.active {
      color: black;
      border-bottom: 4px solid #00b4e4; }
  .desktopMenu .faithSub {
    margin: 0 15px 0 15px;
    padding: 5px 5px 9px 5px; }
    .desktopMenu .faithSub:hover, .desktopMenu .faithSub:active, .desktopMenu .faithSub.active {
      padding: 5px;
      color: black;
      border-bottom: 4px solid #00b4e4; }
  .desktopMenu .booksarts {
    padding-bottom: 14px; }
    .desktopMenu .booksarts:hover, .desktopMenu .booksarts:active, .desktopMenu .booksarts.active {
      padding-bottom: 10px; }
    .desktopMenu .booksarts:hover, .desktopMenu .booksarts:active, .desktopMenu .booksarts.active {
      color: black;
      border-bottom: 4px solid #5fa15d; }
  .desktopMenu .booksartsSub {
    margin: 0 15px 0 15px;
    padding: 5px 5px 9px 5px; }
    .desktopMenu .booksartsSub:hover, .desktopMenu .booksartsSub:active, .desktopMenu .booksartsSub.active {
      padding: 5px;
      color: black;
      border-bottom: 4px solid #5fa15d; }
  .desktopMenu .regulars {
    padding-bottom: 14px; }
    .desktopMenu .regulars:hover, .desktopMenu .regulars:active, .desktopMenu .regulars.active {
      padding-bottom: 10px; }
    .desktopMenu .regulars:hover, .desktopMenu .regulars:active, .desktopMenu .regulars.active {
      color: black;
      border-bottom: 4px solid #ff7621; }
  .desktopMenu .regularsSub {
    margin: 0 15px 0 15px;
    padding: 5px 5px 9px 5px; }
    .desktopMenu .regularsSub:hover, .desktopMenu .regularsSub:active, .desktopMenu .regularsSub.active {
      padding: 5px;
      color: black;
      border-bottom: 4px solid #ff7621; }
  .desktopMenu .gazette {
    padding-bottom: 14px; }
    .desktopMenu .gazette:hover, .desktopMenu .gazette:active, .desktopMenu .gazette.active {
      padding-bottom: 10px; }
    .desktopMenu .gazette:hover, .desktopMenu .gazette:active, .desktopMenu .gazette.active {
      color: black;
      border-bottom: 4px solid #6c6c69; }
  .desktopMenu .gazetteSub {
    margin: 0 15px 0 15px;
    padding: 5px 5px 9px 5px; }
    .desktopMenu .gazetteSub:hover, .desktopMenu .gazetteSub:active, .desktopMenu .gazetteSub.active {
      padding: 5px;
      color: black;
      border-bottom: 4px solid #6c6c69; }
  .desktopMenu .jobs {
    padding-bottom: 14px;
    color: #c00102; }
    .desktopMenu .jobs:hover, .desktopMenu .jobs:active, .desktopMenu .jobs.active {
      padding-bottom: 10px; }
    .desktopMenu .jobs:hover, .desktopMenu .jobs:active, .desktopMenu .jobs.active {
      color: #c00102;
      border-bottom: 4px solid #c00102; }
  .desktopMenu .archive {
    padding-bottom: 14px; }
    .desktopMenu .archive:hover, .desktopMenu .archive:active, .desktopMenu .archive.active {
      padding-bottom: 10px; }
    .desktopMenu .archive:hover, .desktopMenu .archive:active, .desktopMenu .archive.active {
      color: black;
      border-bottom: 4px solid #474747; }
  .desktopMenu .podcast {
    padding-bottom: 14px; }
    .desktopMenu .podcast:hover, .desktopMenu .podcast:active, .desktopMenu .podcast.active {
      padding-bottom: 10px; }
    .desktopMenu .podcast:hover, .desktopMenu .podcast:active, .desktopMenu .podcast.active {
      color: black;
      border-bottom: 4px solid #004987; }
  .desktopMenu .audiovideo {
    padding-bottom: 14px; }
    .desktopMenu .audiovideo:hover, .desktopMenu .audiovideo:active, .desktopMenu .audiovideo.active {
      padding-bottom: 10px; }
    .desktopMenu .audiovideo:hover, .desktopMenu .audiovideo:active, .desktopMenu .audiovideo.active {
      color: black;
      border-bottom: 4px solid #004987; }
  .desktopMenu ul {
    margin: 0 0 15px 0; }
  .desktopMenu a {
    padding: 0 20px 10px 20px;
    text-decoration: none;
    display: inline-block;
    font-size: 1.1em; }
    @media (min-width: 980px) and (max-width: 1040px) {
      .desktopMenu a {
        padding: 0 15px 10px 15px; } }

.accountContainer {
  background-color: black;
  height: 40px;
  line-height: 40px;
  width: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 599;
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); }
  @media (min-width: 980px) {
    .accountContainer {
      display: block; } }
  .accountContainer .topSearchBar {
    display: inline-block;
    padding-left: 23px; }
  .accountContainer #dtSearchIcon {
    margin-left: -25px;
    margin-top: 10px;
    position: absolute;
    z-index: 2;
    font-size: 20px; }
  .accountContainer #dtSearchBox {
    height: 28px;
    padding-right: 28px; }
  .accountContainer .content {
    max-width: 1248px;
    margin: 0 auto;
    text-align: right;
    padding-right: 5px; }
    .accountContainer .content a {
      color: white;
      padding: 0 20px;
      display: inline-block; }
      .accountContainer .content a:hover {
        color: white; }
    .accountContainer .content .subscribe {
      background-color: #004987; }
      .accountContainer .content .subscribe:hover {
        text-decoration: none; }
    .accountContainer .content .welcomeMessage {
      color: white;
      padding: 0 20px; }
    .accountContainer .content .topPanelImg {
      max-height: 32px;
      float: left;
      margin: 4px 30px;
      padding: 3px 0;
      display: none; }
    .accountContainer .content .topPanelImage {
      display: inline;
      padding: 0; }

.accountMobile {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0; }
  .accountMobile:after {
    content: '';
    display: table;
    clear: both; }
  @media (min-width: 980px) {
    .accountMobile {
      display: none; } }
  .accountMobile .content {
    max-width: 1248px;
    margin: 0 auto;
    text-align: right;
    padding: 10px 0 10px 0;
    margin: 0 5px;
    border-bottom: none;
    font-family: "ff-more-web-pro", serif; }
    @media (min-width: 600px) {
      .accountMobile .content {
        padding: 10px 0 10px 0;
        margin: 0 20px; } }
    @media (min-width: 980px) {
      .accountMobile .content {
        border-bottom: 1px solid #cccccc; } }
    .accountMobile .content a {
      font-size: 1.1em;
      text-transform: uppercase;
      padding-left: 5px;
      color: black; }
      .accountMobile .content a:hover {
        text-decoration: none; }
    .accountMobile .content a:first-child {
      padding-right: 10px;
      border-right: 1px solid #cccccc; }
    .accountMobile .content a:nth-child(2) {
      padding-right: 10px;
      padding-left: 10px;
      border-right: 1px solid #cccccc; }
    .accountMobile .content a:last-child {
      border-right: none;
      padding-right: 0;
      padding-left: 10px; }
    @media (max-width: 302px) {
      .accountMobile .content a:first-child {
        padding-right: 5px; }
      .accountMobile .content a:nth-child(2) {
        padding-right: 5px;
        padding-left: 5px; }
      .accountMobile .content a:last-child {
        padding-left: 5px; } }

#pageContainer {
  float: left;
  width: 100%; }
  @media (min-width: 980px) {
    #pageContainer {
      padding: 20px 30px 0 30px; } }
  @media (min-width: 600px) and (max-width: 980px) {
    #pageContainer {
      padding: 0 15px 0 15px; } }
  #pageContainer:after:after {
    content: '';
    display: table;
    clear: both; }
  #pageContainer .categoryContainer .articleDateMain, #pageContainer #newsletterSignup .articleDateMain, #pageContainer #standardPageContainer .articleDateMain {
    margin: 0;
    max-width: 150px; }

.articleContainer {
  /* This is need for sticky advert to work because sidecontent div needs to be full height */ }
  @media (min-width: 980px) {
    .articleContainer {
      display: flex; }
      .articleContainer .sideContent .adverts:last-child {
        position: sticky;
        top: 50px; } }

.mainContent {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-left: 5px;
  padding-right: 5px; }
  .mainContent:after {
    content: '';
    display: table;
    clear: both; }
  @media (min-width: 980px) {
    .mainContent {
      width: 69.69697%;
      float: left;
      margin-right: 1.0101%;
      margin-top: 0; } }
  .mainContent h2 {
    padding-left: 5px;
    padding-right: 5px; }
  .mainContent .overlayIcon {
    float: right;
    max-width: 35px;
    min-width: 35px;
    position: relative;
    cursor: pointer;
    cursor: zoom-in; }
  .mainContent .articleHeading {
    background-color: white;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
    .mainContent .articleHeading .addthis_inline_share_toolbox {
      padding: 0; }
    .mainContent .articleHeading .articleTitle {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      padding: 15px 0 10px 0; }
    .mainContent .articleHeading .postedBy {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      padding: 0 0 15px 0;
      font-size: 110%;
      color: #9a9a9a;
      text-transform: uppercase;
      position: relative;
      border-bottom: 1px solid #cccccc; }
      .mainContent .articleHeading .postedBy a {
        padding-left: 5px; }
      .mainContent .articleHeading .postedBy #articleName {
        text-transform: lowercase; }
        .mainContent .articleHeading .postedBy #articleName a {
          padding-left: 0;
          color: inherit;
          text-transform: uppercase; }
      .mainContent .articleHeading .postedBy .postedByImage {
        min-width: 65px;
        display: inline-block; }
        .mainContent .articleHeading .postedBy .postedByImage img {
          max-width: 65px; }
      .mainContent .articleHeading .postedBy .postedByAuthor {
        width: 70%;
        display: inline-block;
        padding-left: 10px; }
        .mainContent .articleHeading .postedBy .postedByAuthor .authors {
          width: 100%;
          float: left;
          margin-left: 0;
          margin-right: 0; }
          .mainContent .articleHeading .postedBy .postedByAuthor .authors .by {
            float: left;
            padding-right: 5px;
            text-transform: lowercase; }
          .mainContent .articleHeading .postedBy .postedByAuthor .authors .name {
            padding-bottom: 5px; }
        .mainContent .articleHeading .postedBy .postedByAuthor .date {
          width: 100%;
          float: left;
          margin-left: 0;
          margin-right: 0;
          color: #4d4d4d;
          margin-bottom: -5px;
          font-weight: 600; }
      .mainContent .articleHeading .postedBy .share {
        display: inline-block;
        padding-top: 10px;
        padding-left: 15px;
        position: absolute;
        left: 60px;
        top: -10px;
        bottom: initial;
        text-transform: lowercase; }
        @media (min-width: 450px) {
          .mainContent .articleHeading .postedBy .share {
            bottom: 15px;
            top: initial;
            left: initial;
            right: -2px;
            text-transform: initial; } }
      .mainContent .articleHeading .postedBy .shareAlt {
        display: block;
        padding-top: 10px;
        padding-left: 15px;
        position: static;
        text-transform: lowercase; }
        @media (min-width: 450px) {
          .mainContent .articleHeading .postedBy .shareAlt {
            bottom: 15px;
            top: initial;
            left: initial;
            right: -2px;
            text-transform: initial;
            position: absolute; } }
      @media (max-width: 450px) {
        .mainContent .articleHeading .postedBy .shareAltMulti {
          padding-top: 10px;
          padding-left: 15px;
          position: initial;
          left: initial;
          top: initial;
          bottom: initial;
          margin: 0 auto;
          display: block; } }
    .mainContent .articleHeading .blogHeading {
      background: #a54399;
      font-size: 30px;
      padding: 10px 20px;
      text-align: right;
      color: white; }
  .mainContent .articleSummary {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
    .mainContent .articleSummary h2 {
      color: #004a87;
      padding: 0;
      font-size: 20px; }
  .mainContent .articleImage {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    position: relative;
    cursor: pointer;
    cursor: zoom-in;
    margin-bottom: -5px; }
    .mainContent .articleImage img {
      width: 100%; }
    .mainContent .articleImage .articleImageCredit {
      font-size: 11px;
      font-family: sans-serif;
      font-style: normal;
      display: inline-block;
      text-transform: uppercase;
      position: absolute;
      bottom: 10px;
      right: 5px;
      color: white;
      text-shadow: 1px 1px 3px black; }
  .mainContent .articleImageContent, .mainContent .articleImageContentInline {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background-color: whitesmoke;
    color: #838383;
    cursor: pointer;
    cursor: zoom-in;
    position: relative;
    padding: 5px 10px;
    font-style: italic; }
    .mainContent .articleImageContent p, .mainContent .articleImageContentInline p {
      padding: 5px 10px;
      display: inline-block; }
  .mainContent .videoContainer {
    float: left;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; }
    .mainContent .videoContainer .videoIframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  .mainContent .addthis_inline_share_toolbox {
    padding-top: 2.04082%;
    padding-bottom: 2.04082%;
    text-align: center; }
  .mainContent .articleContent {
    padding-top: 15px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background-color: white; }
    .mainContent .articleContent .articleImagePrint {
      display: none; }
    .mainContent .articleContent .hideOnPrint {
      display: none !important; }
    .mainContent .articleContent li {
      font-size: 17.5px; }
    @media (min-width: 375px) and (max-width: 980px) {
      .mainContent .articleContent li {
        font-size: calc(
 17.5px + (20 - 17.5) *
 ((100vw - 375px) / (980 - 375))); } }
    @media (min-width: 980px) {
      .mainContent .articleContent li {
        font-size: 20px; } }
  .mainContent .articleImageContentInline {
    margin-top: -5px;
    margin-bottom: 15px; }
    @media (max-width: 600px) {
      .mainContent .articleImageContentInline:after {
        clear: both; } }
    @media (min-width: 600px) {
      .mainContent .articleImageContentInline {
        margin-bottom: 0; } }
    .mainContent .articleImageContentInline .overlayIcon {
      margin-top: -15px; }

.sideContent {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 4.16667%; }
  .sideContent:after {
    content: '';
    display: table;
    clear: both; }
  @media (min-width: 980px) {
    .sideContent {
      width: 29.29293%;
      float: right;
      margin-right: 0;
      margin-bottom: 0; } }
  .sideContent h2 {
    padding-left: 5px;
    padding-right: 5px; }
  .sideContent .adverts {
    border: none;
    padding: 0;
    background-color: transparent; }
    .sideContent .adverts img {
      width: 100%; }
  .sideContent .mostPopular {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    padding-bottom: 15px;
    counter-reset: count-articles; }
    .sideContent .mostPopular .newsSnippetContainer {
      margin-bottom: 0; }
    .sideContent .mostPopular a:hover {
      color: black; }
    .sideContent .mostPopular h3 {
      counter-increment: count-articles; }
      .sideContent .mostPopular h3 .title {
        display: inline-block;
        float: left;
        width: 85%; }
      .sideContent .mostPopular h3 .count {
        display: inline-block;
        max-width: 8%;
        width: 15px;
        float: left;
        margin-right: 10px; }
        .sideContent .mostPopular h3 .count:before {
          content: counter(count-articles) ".";
          padding-right: 10px;
          font-size: 0.8em;
          font-weight: 600; }
        @media (max-width: 305px) {
          .sideContent .mostPopular h3 .count {
            max-width: 5%; } }
    .sideContent .mostPopular .filter {
      color: white;
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      text-align: center;
      height: 100%; }
      .sideContent .mostPopular .filter .pastWeek {
        width: 49.49495%;
        float: left;
        color: black;
        min-height: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-bottom: 1px solid #cccccc;
        font-size: 1em;
        font-weight: 200; }
      .sideContent .mostPopular .filter .pastMonth {
        width: 49.49495%;
        float: left;
        color: black;
        min-height: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-bottom: 1px solid #cccccc;
        font-size: 1em;
        font-weight: 200; }
      .sideContent .mostPopular .filter .active {
        border-top: 1px solid #cccccc;
        border-right: 1px solid #cccccc;
        border-left: 1px solid #cccccc;
        border-bottom: none;
        font-weight: 600;
        transition: ease-in 0.2s; }
    .sideContent .mostPopular .viewMore {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      text-align: center;
      margin: 35px 0 40px 0; }
      .sideContent .mostPopular .viewMore a {
        background-color: #32657e;
        color: white;
        padding: 10px 30px; }
        .sideContent .mostPopular .viewMore a:hover {
          text-decoration: none; }
    .sideContent .mostPopular .panel {
      display: none; }
    .sideContent .mostPopular #panel0 {
      display: block; }
  .sideContent #topFeatures {
    border-top: 5px solid #FBD200; }
    .sideContent #topFeatures a {
      color: black; }
      .sideContent #topFeatures a p {
        font-size: 14px;
        line-height: 1.2;
        color: #666666; }
      @media (min-width: 375px) and (max-width: 980px) {
        .sideContent #topFeatures a p {
          font-size: calc(
 14px + (17 - 14) *
 ((100vw - 375px) / (980 - 375))); } }
      @media (min-width: 980px) {
        .sideContent #topFeatures a p {
          font-size: 17px; } }
  .sideContent .topFeature, .sideContent .topComment {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 15px;
    padding-bottom: 10px; }
    @media (min-width: 600px) {
      .sideContent .topFeature, .sideContent .topComment {
        padding-top: 0; } }
    .sideContent .topFeature .fa, .sideContent .topComment .fa {
      font-weight: bold; }
    .sideContent .topFeature h3, .sideContent .topComment h3 {
      color: black;
      margin: 0 0 10px 0; }
      @media (min-width: 600px) {
        .sideContent .topFeature h3, .sideContent .topComment h3 {
          width: 100%;
          float: left; } }
    .sideContent .topFeature .content, .sideContent .topComment .content {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      padding-bottom: 4.16667%;
      padding-right: 2.04082%; }
      @media (min-width: 600px) {
        .sideContent .topFeature .content, .sideContent .topComment .content {
          padding-right: 0; } }
      .sideContent .topFeature .content p, .sideContent .topComment .content p {
        margin-bottom: 0;
        margin-top: 0;
        padding-bottom: 5px; }
    .sideContent .topFeature .image, .sideContent .topComment .image {
      width: 29.29293%;
      float: right;
      margin-right: 0;
      margin-left: 5px; }
      @media (max-width: 440px) {
        .sideContent .topFeature .image, .sideContent .topComment .image {
          width: 39.39394%;
          float: right;
          margin-right: 0; } }
      @media (min-width: 600px) {
        .sideContent .topFeature .image, .sideContent .topComment .image {
          width: 100%;
          margin-left: 0;
          padding-bottom: 10px; } }
    .sideContent .topFeature a, .sideContent .topComment a {
      color: #a54399;
      text-decoration: none;
      font-weight: bold; }
  .sideContent #topComments {
    border-top: 5px solid #a54399; }
    .sideContent #topComments a {
      color: black; }
      .sideContent #topComments a p {
        font-size: 14px;
        line-height: 1.2;
        color: #666666; }
      @media (min-width: 375px) and (max-width: 980px) {
        .sideContent #topComments a p {
          font-size: calc(
 14px + (17 - 14) *
 ((100vw - 375px) / (980 - 375))); } }
      @media (min-width: 980px) {
        .sideContent #topComments a p {
          font-size: 17px; } }
  .sideContent .cartoon {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 15px;
    padding-bottom: 15px; }
    .sideContent .cartoon h3 {
      background-color: #32657e;
      color: white;
      text-align: center;
      padding: 6px 5px 6px 5px;
      margin: 10px 30px 0 30px; }
    .sideContent .cartoon a:hover {
      text-decoration: none; }

.latestNews, #relatedArticles {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  background-color: #f7f7f7; }
  .latestNews:after, #relatedArticles:after {
    content: '';
    display: table;
    clear: both; }
  @media (min-width: 600px) {
    .latestNews .newsSnippetContainer, #relatedArticles .newsSnippetContainer {
      width: 49.15254%;
      float: left;
      margin-right: 1.69492%;
      margin-bottom: 1.69492%; }
      .latestNews .newsSnippetContainer:nth-child(2n), #relatedArticles .newsSnippetContainer:nth-child(2n) {
        float: right;
        margin-right: 0; }
      .latestNews .newsSnippetContainer hr, #relatedArticles .newsSnippetContainer hr {
        display: none; } }
  .latestNews .newsSnippetContainer, #relatedArticles .newsSnippetContainer {
    padding-left: 0;
    padding-right: 0; }
    .latestNews .newsSnippetContainer .content, #relatedArticles .newsSnippetContainer .content {
      width: 69.69697%;
      float: right;
      margin-right: 0;
      padding-left: 10px; }
      @media (max-width: 440px) {
        .latestNews .newsSnippetContainer .content, #relatedArticles .newsSnippetContainer .content {
          width: 59.59596%;
          float: right;
          margin-right: 0; } }
      .latestNews .newsSnippetContainer .content p, #relatedArticles .newsSnippetContainer .content p {
        margin-bottom: 0;
        margin-top: 0; }
    .latestNews .newsSnippetContainer .image, #relatedArticles .newsSnippetContainer .image {
      width: 29.29293%;
      float: left;
      margin-right: 1.0101%; }
      @media (max-width: 440px) {
        .latestNews .newsSnippetContainer .image, #relatedArticles .newsSnippetContainer .image {
          width: 39.39394%;
          float: left;
          margin-right: 1.0101%; } }
  .latestNews p, #relatedArticles p {
    margin-bottom: 0;
    margin-top: 0; }
  .latestNews h2, #relatedArticles h2 {
    font-size: 1em;
    font-weight: 600;
    font-family: "minion-pro", serif;
    text-transform: uppercase;
    padding-left: 0;
    padding-right: 0; }
  .latestNews h3, #relatedArticles h3 {
    font-size: 1.1em; }
  .latestNews .divider, #relatedArticles .divider {
    margin: 4.16667% 0 15px 0; }

.otherTopicsHeader {
  width: 59.59596%;
  float: left;
  margin-right: 1.0101%;
  margin-top: 0; }

.otherTopics {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px; }
  .otherTopics a:hover {
    text-decoration: none; }
  .otherTopics .world {
    border-bottom: 2px solid #32657e; }
  .otherTopics .uk {
    border-bottom: 2px solid #32657e; }
  .otherTopics .comment {
    border-bottom: 2px solid #a54399; }
  .otherTopics .features {
    border-bottom: 2px solid #FBD200; }
  .otherTopics .faith {
    border-bottom: 2px solid #00b4e4; }
  .otherTopics .booksarts {
    border-bottom: 2px solid #5fa15d; }
  .otherTopics .regulars {
    border-bottom: 2px solid #ff7621; }
  .otherTopics .gazette {
    border-bottom: 2px solid #6c6c69; }
  .otherTopics .otherSections {
    color: black;
    padding: 6px 12px;
    text-align: center;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin: 0 auto 5px auto;
    box-shadow: 0px 0px 0 #ddd inset;
    min-width: 172px;
    font-family: "ff-more-web-pro", serif; }
    @media (min-width: 600px) and (max-width: 980px) {
      .otherTopics .otherSections {
        font-size: 0.9em; }
        .otherTopics .otherSections:nth-child(1) {
          width: 32.20339%;
          float: left;
          margin-right: 1.69492%; }
        .otherTopics .otherSections:nth-child(2) {
          width: 32.20339%;
          float: left;
          margin-right: 1.69492%; }
        .otherTopics .otherSections:nth-child(3) {
          width: 32.20339%;
          float: right;
          margin-right: 0; } }
    @media (min-width: 980px) {
      .otherTopics .otherSections:nth-child(1) {
        width: 15.25424%;
        float: left;
        margin-right: 1.69492%; }
      .otherTopics .otherSections:nth-child(2) {
        width: 15.25424%;
        float: left;
        margin-right: 1.69492%; }
      .otherTopics .otherSections:nth-child(3) {
        width: 15.25424%;
        float: left;
        margin-right: 1.69492%; } }
    .otherTopics .otherSections:hover {
      text-decoration: none; }

.newsSnippetContainer {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 15px;
  margin-bottom: 20px; }
  .newsSnippetContainer h3 {
    margin: 0;
    color: black;
    padding-right: 5px;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .newsSnippetContainer .content {
    width: 69.69697%;
    float: left;
    margin-right: 1.0101%; }
    @media (max-width: 440px) {
      .newsSnippetContainer .content {
        width: 59.59596%;
        float: left;
        margin-right: 1.0101%; } }
    .newsSnippetContainer .content p {
      margin-bottom: 0;
      margin-top: 0; }
  .newsSnippetContainer .image {
    width: 29.29293%;
    float: right;
    margin-right: 0; }
    @media (max-width: 440px) {
      .newsSnippetContainer .image {
        width: 39.39394%;
        float: right;
        margin-right: 0; } }
  .newsSnippetContainer hr {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    border: 1px solid #cccccc;
    margin-top: 20px; }

.divider {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin: 0 0 15px 0; }

#relatedArticles {
  margin-bottom: 4.16667%;
  background-color: #f7f7f7;
  border-top: 5px solid #32657e; }
  #relatedArticles .newsSnippetContainer {
    padding-left: 10px;
    padding-right: 10px; }
  #relatedArticles h2 {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px; }
  #relatedArticles .divider {
    margin-top: 0; }

.relatedStories, .journalistContainer .journalistRelatedArticles {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 4.16667%;
  background-color: #f7f7f7;
  border-top: 5px solid #32657e; }
  .relatedStories:after, .journalistContainer .journalistRelatedArticles:after {
    content: '';
    display: table;
    clear: both; }
  @media (min-width: 600px) {
    .relatedStories .newsSnippetContainer, .journalistContainer .journalistRelatedArticles .newsSnippetContainer {
      width: 49.15254%;
      float: left;
      margin-right: 1.69492%;
      margin-bottom: 1.69492%; }
      .relatedStories .newsSnippetContainer:nth-child(2n + 3), .journalistContainer .journalistRelatedArticles .newsSnippetContainer:nth-child(2n + 3) {
        float: right;
        margin-right: 0; }
      .relatedStories .newsSnippetContainer hr, .journalistContainer .journalistRelatedArticles .newsSnippetContainer hr {
        display: none; } }
  .relatedStories .newsSnippetContainer .content, .journalistContainer .journalistRelatedArticles .newsSnippetContainer .content {
    width: 69.69697%;
    float: right;
    margin-right: 0;
    padding-left: 10px; }
    @media (max-width: 440px) {
      .relatedStories .newsSnippetContainer .content, .journalistContainer .journalistRelatedArticles .newsSnippetContainer .content {
        width: 59.59596%;
        float: right;
        margin-right: 0; } }
    .relatedStories .newsSnippetContainer .content p, .journalistContainer .journalistRelatedArticles .newsSnippetContainer .content p {
      margin-bottom: 0;
      margin-top: 0; }
  .relatedStories .newsSnippetContainer .image, .journalistContainer .journalistRelatedArticles .newsSnippetContainer .image {
    width: 29.29293%;
    float: left;
    margin-right: 1.0101%; }
    @media (max-width: 440px) {
      .relatedStories .newsSnippetContainer .image, .journalistContainer .journalistRelatedArticles .newsSnippetContainer .image {
        width: 39.39394%;
        float: left;
        margin-right: 1.0101%; } }
  .relatedStories p, .journalistContainer .journalistRelatedArticles p {
    margin-bottom: 0;
    margin-top: 0; }
  .relatedStories h2, .journalistContainer .journalistRelatedArticles h2 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1em;
    font-weight: 600;
    font-family: "minion-pro", serif;
    text-transform: uppercase; }
  .relatedStories h3, .journalistContainer .journalistRelatedArticles h3 {
    font-size: 1.1em; }
  .relatedStories .divider, .journalistContainer .journalistRelatedArticles .divider {
    margin: 4.16667% 0 15px 0; }

footer {
  background-color: #e5e5e5;
  color: #666666;
  text-align: center;
  padding-bottom: 1.0101%; }
  footer .socialIcon {
    color: white;
    transition: all 0.3s linear; }
    footer .socialIcon:hover {
      color: #bfbfbf; }
  footer .subFooter {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    background-color: #474747;
    text-align: center;
    padding: 30px 0;
    font-size: 1.2em; }
    @media (min-width: 980px) {
      footer .subFooter .socialMedia {
        width: 24.24242%;
        float: right;
        margin-right: 0;
        text-align: left; } }
    footer .subFooter .socialMedia a {
      padding: 20px;
      color: transparent; }
  footer .subFooterLink {
    margin-top: 20px;
    display: block; }
    @media (min-width: 980px) {
      footer .subFooterLink {
        width: 74.74747%;
        float: left;
        margin-right: 1.0101%;
        margin-top: 10px; } }
    footer .subFooterLink a {
      color: white;
      text-decoration: none;
      display: block;
      padding: 15px 0 0 0;
      transition: all 0.3s linear; }
      footer .subFooterLink a:hover {
        color: #bfbfbf; }
      @media (min-width: 980px) {
        footer .subFooterLink a {
          display: inline-block;
          padding: 0 30px 0 0; } }
  footer .footer {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    padding: 10px 0 10px 0;
    background-color: #e5e5e5; }
    footer .footer img {
      max-width: 150px;
      margin: 10px 0 0 0; }
    footer .footer p {
      font-size: 1em; }
    footer .footer .imprezaLink {
      margin-top: -32px;
      margin-right: 10px;
      float: none; }
      @media (min-width: 980px) {
        footer .footer .imprezaLink {
          float: right; } }
      footer .footer .imprezaLink a {
        color: #666666; }
  footer .newsletter {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    background-color: #004987;
    color: white;
    padding: 30px;
    margin: 0 auto; }
    footer .newsletter h3 {
      margin: 0;
      padding-bottom: 10px; }
    footer .newsletter input[type='text'] {
      width: 100%;
      transition: all 0.2s; }
      @media (min-width: 440px) {
        footer .newsletter input[type='text'] {
          width: 70%;
          max-width: 300px; } }
    footer .newsletter input[type='button'], footer .newsletter .categoryContainer #showMore .showMoreArticlesButton, .categoryContainer #showMore footer .newsletter .showMoreArticlesButton, footer .newsletter #newsletterSignup #showMore .showMoreArticlesButton, #newsletterSignup #showMore footer .newsletter .showMoreArticlesButton, footer .newsletter #standardPageContainer #showMore .showMoreArticlesButton, #standardPageContainer #showMore footer .newsletter .showMoreArticlesButton {
      width: 100%;
      margin-top: 10px;
      transition: all 0.2s; }
      @media (min-width: 440px) {
        footer .newsletter input[type='button'], footer .newsletter .categoryContainer #showMore .showMoreArticlesButton, .categoryContainer #showMore footer .newsletter .showMoreArticlesButton, footer .newsletter #newsletterSignup #showMore .showMoreArticlesButton, #newsletterSignup #showMore footer .newsletter .showMoreArticlesButton, footer .newsletter #standardPageContainer #showMore .showMoreArticlesButton, #standardPageContainer #showMore footer .newsletter .showMoreArticlesButton {
          width: initial; } }

#jobSearchWidgetContainer .heading a:hover {
  text-decoration: none; }

#jobSearchWidgetContainer .jobContent:last-of-type .seperator {
  display: none; }

#jobSearchWidgetContainer .seperator {
  border-bottom: 2px solid #cccccc !important;
  margin-bottom: -1px !important; }

#jotw {
  border: none;
  padding: 0; }

#jobWidget {
  border: none;
  padding: 0;
  border-top: 5px solid #c00102; }

#jobWidgetContainer {
  clear: both;
  width: 100%;
  float: left; }
  #jobWidgetContainer .jobContentContainer {
    clear: both; }
  #jobWidgetContainer .heading {
    text-align: center;
    white-space: nowrap;
    font-size: 0.9em;
    font-weight: 200;
    font-family: "ff-more-web-pro", serif; }
    #jobWidgetContainer .heading:before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      height: 100%;
      width: 0px; }
    @media (max-width: 1135px) {
      #jobWidgetContainer .heading {
        font-size: 1.4em !important; } }
    #jobWidgetContainer .heading a:hover {
      text-decoration: none; }
    #jobWidgetContainer .heading .text {
      display: inline-block;
      white-space: initial; }
  #jobWidgetContainer .jobLocation h4 {
    font-size: initial; }

.paywallMessage {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background: #35647e;
  padding: 10px 0;
  z-index: 5;
  opacity: 0.97;
  border-top: 1px solid #cccccc; }
  .paywallMessage p {
    padding: 0;
    margin: 0;
    color: white;
    padding: 0 70px; }
  .paywallMessage a {
    color: #e0e0e0;
    text-decoration: underline; }

.categoryContainer, #newsletterSignup, #standardPageContainer {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 10px;
  padding-bottom: 4.16667%; }
  @media (min-width: 980px) {
    .categoryContainer, #newsletterSignup, #standardPageContainer {
      margin-top: 0; } }
  .categoryContainer h1, #newsletterSignup h1, #standardPageContainer h1 {
    font-size: 2em;
    font-weight: 600;
    font-family: "minion-pro", serif;
    color: black;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase; }
  .categoryContainer h2, #newsletterSignup h2, #standardPageContainer h2 {
    color: #004a87;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 10px; }
  .categoryContainer h3, #newsletterSignup h3, #standardPageContainer h3 {
    color: #004a87;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 10px; }
  .categoryContainer .subCategoryName, #newsletterSignup .subCategoryName, #standardPageContainer .subCategoryName, .categoryContainer .subCategoryNameM, #newsletterSignup .subCategoryNameM, #standardPageContainer .subCategoryNameM {
    display: none;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 5px 0;
    text-transform: uppercase;
    font-size: 0.85em;
    font-family: "minion-pro", serif;
    font-weight: 600; }
    @media (min-width: 600px) {
      .categoryContainer .subCategoryName, #newsletterSignup .subCategoryName, #standardPageContainer .subCategoryName, .categoryContainer .subCategoryNameM, #newsletterSignup .subCategoryNameM, #standardPageContainer .subCategoryNameM {
        display: block; } }
  .categoryContainer .subCategoryNameM, #newsletterSignup .subCategoryNameM, #standardPageContainer .subCategoryNameM {
    display: block; }
    @media (min-width: 600px) {
      .categoryContainer .subCategoryNameM, #newsletterSignup .subCategoryNameM, #standardPageContainer .subCategoryNameM {
        display: none; } }
  .categoryContainer .categoryMainArticle, #newsletterSignup .categoryMainArticle, #standardPageContainer .categoryMainArticle {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 10px;
    margin-bottom: 15px; }
    @media (min-width: 600px) {
      .categoryContainer .categoryMainArticle, #newsletterSignup .categoryMainArticle, #standardPageContainer .categoryMainArticle {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0; } }
    .categoryContainer .categoryMainArticle a, #newsletterSignup .categoryMainArticle a, #standardPageContainer .categoryMainArticle a {
      color: black; }
      .categoryContainer .categoryMainArticle a:hover, #newsletterSignup .categoryMainArticle a:hover, #standardPageContainer .categoryMainArticle a:hover {
        color: black;
        text-decoration: none; }
    .categoryContainer .categoryMainArticle .content, #newsletterSignup .categoryMainArticle .content, #standardPageContainer .categoryMainArticle .content {
      width: 100%;
      float: right;
      margin-right: 0; }
      .categoryContainer .categoryMainArticle .content p, #newsletterSignup .categoryMainArticle .content p, #standardPageContainer .categoryMainArticle .content p {
        margin: 0; }
      .categoryContainer .categoryMainArticle .content img, #newsletterSignup .categoryMainArticle .content img, #standardPageContainer .categoryMainArticle .content img {
        float: none;
        max-width: 100%;
        padding-left: 0; }
        @media (min-width: 600px) {
          .categoryContainer .categoryMainArticle .content img, #newsletterSignup .categoryMainArticle .content img, #standardPageContainer .categoryMainArticle .content img {
            float: right;
            max-width: 65%;
            padding-left: 10px; } }
      .categoryContainer .categoryMainArticle .content .dateSeperatorMain, #newsletterSignup .categoryMainArticle .content .dateSeperatorMain, #standardPageContainer .categoryMainArticle .content .dateSeperatorMain {
        float: none;
        clear: both;
        margin-top: 5px;
        background-color: #999999;
        width: 90px;
        height: 1px; }
        @media (min-width: 600px) {
          .categoryContainer .categoryMainArticle .content .dateSeperatorMain, #newsletterSignup .categoryMainArticle .content .dateSeperatorMain, #standardPageContainer .categoryMainArticle .content .dateSeperatorMain {
            clear: none; } }
  .categoryContainer .categorySubArticles, #newsletterSignup .categorySubArticles, #standardPageContainer .categorySubArticles {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 10px;
    margin-bottom: 15px; }
    @media (min-width: 600px) {
      .categoryContainer .categorySubArticles, #newsletterSignup .categorySubArticles, #standardPageContainer .categorySubArticles {
        width: 49.66443%;
        float: left;
        border-bottom: none;
        padding-right: 2.04082%; }
        .categoryContainer .categorySubArticles:nth-of-type(4), #newsletterSignup .categorySubArticles:nth-of-type(4), #standardPageContainer .categorySubArticles:nth-of-type(4) {
          width: 49.66443%;
          float: right;
          margin-right: 0;
          padding-right: 0;
          padding-left: 2.04082%; } }
    .categoryContainer .categorySubArticles a, #newsletterSignup .categorySubArticles a, #standardPageContainer .categorySubArticles a {
      color: black;
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; }
      .categoryContainer .categorySubArticles a:hover, #newsletterSignup .categorySubArticles a:hover, #standardPageContainer .categorySubArticles a:hover {
        color: black;
        text-decoration: none; }
    .categoryContainer .categorySubArticles .content, #newsletterSignup .categorySubArticles .content, #standardPageContainer .categorySubArticles .content {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; }
      .categoryContainer .categorySubArticles .content p:first-of-type, #newsletterSignup .categorySubArticles .content p:first-of-type, #standardPageContainer .categorySubArticles .content p:first-of-type {
        margin: 0 0 0 0; }
  .categoryContainer .categoryArticleSnippets, #newsletterSignup .categoryArticleSnippets, #standardPageContainer .categoryArticleSnippets {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 10px;
    margin-bottom: 15px; }
    .categoryContainer .categoryArticleSnippets h2, #newsletterSignup .categoryArticleSnippets h2, #standardPageContainer .categoryArticleSnippets h2 {
      font-size: 1.25em;
      padding: 0; }
    .categoryContainer .categoryArticleSnippets .image, #newsletterSignup .categoryArticleSnippets .image, #standardPageContainer .categoryArticleSnippets .image {
      width: 39.59732%;
      float: left;
      margin-right: 0.67114%;
      padding-right: 10px; }
    .categoryContainer .categoryArticleSnippets .content, #newsletterSignup .categoryArticleSnippets .content, #standardPageContainer .categoryArticleSnippets .content {
      width: 59.73154%;
      float: right;
      margin-right: 0; }
    .categoryContainer .categoryArticleSnippets a, #newsletterSignup .categoryArticleSnippets a, #standardPageContainer .categoryArticleSnippets a {
      color: black;
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; }
      .categoryContainer .categoryArticleSnippets a:hover, #newsletterSignup .categoryArticleSnippets a:hover, #standardPageContainer .categoryArticleSnippets a:hover {
        color: black;
        text-decoration: none; }
    @media (min-width: 600px) {
      .categoryContainer .categoryArticleSnippets, #newsletterSignup .categoryArticleSnippets, #standardPageContainer .categoryArticleSnippets {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0; }
        .categoryContainer .categoryArticleSnippets:nth-of-type(4n + 8), #newsletterSignup .categoryArticleSnippets:nth-of-type(4n + 8), #standardPageContainer .categoryArticleSnippets:nth-of-type(4n + 8) {
          width: 32.88591%;
          float: right;
          margin-right: 0;
          padding-left: 2.04082%; }
        .categoryContainer .categoryArticleSnippets:nth-of-type(4n + 7), #newsletterSignup .categoryArticleSnippets:nth-of-type(4n + 7), #standardPageContainer .categoryArticleSnippets:nth-of-type(4n + 7) {
          width: 32.88591%;
          float: left;
          padding-left: 2.04082%;
          padding-right: 0.14082%; }
        .categoryContainer .categoryArticleSnippets:nth-of-type(4n + 6), #newsletterSignup .categoryArticleSnippets:nth-of-type(4n + 6), #standardPageContainer .categoryArticleSnippets:nth-of-type(4n + 6) {
          width: 32.88591%;
          float: left;
          padding-right: 2.04082%; }
        .categoryContainer .categoryArticleSnippets .image, #newsletterSignup .categoryArticleSnippets .image, #standardPageContainer .categoryArticleSnippets .image {
          width: 100%;
          float: left;
          margin-left: 0;
          margin-right: 0;
          padding-right: 0; }
        .categoryContainer .categoryArticleSnippets .content, #newsletterSignup .categoryArticleSnippets .content, #standardPageContainer .categoryArticleSnippets .content {
          width: 100%;
          float: left;
          margin-left: 0;
          margin-right: 0; } }
  .categoryContainer .seperator, #newsletterSignup .seperator, #standardPageContainer .seperator {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin: 0;
    display: block; }
    .categoryContainer .seperator:last-of-type, #newsletterSignup .seperator:last-of-type, #standardPageContainer .seperator:last-of-type {
      display: none; }
    @media (min-width: 600px) {
      .categoryContainer .seperator, #newsletterSignup .seperator, #standardPageContainer .seperator {
        display: block;
        margin: 10px 0 10px 0; } }
  .categoryContainer .categoryInline, #newsletterSignup .categoryInline, #standardPageContainer .categoryInline {
    text-align: center;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin: 0 0 15px 0;
    display: block; }
    @media (min-width: 375px) {
      .categoryContainer .categoryInline, #newsletterSignup .categoryInline, #standardPageContainer .categoryInline {
        margin: 20px 0 25px 0; } }
    @media (min-width: 375px) {
      .categoryContainer .categoryInline a, #newsletterSignup .categoryInline a, #standardPageContainer .categoryInline a {
        width: 49.49495%;
        float: left;
        margin-right: 1.0101%; }
        .categoryContainer .categoryInline a:last-child, #newsletterSignup .categoryInline a:last-child, #standardPageContainer .categoryInline a:last-child {
          width: 49.49495%;
          float: right;
          margin-right: 0; } }
    .categoryContainer .categoryInline a img, #newsletterSignup .categoryInline a img, #standardPageContainer .categoryInline a img {
      max-width: 100%;
      margin: 0; }
      @media (min-width: 375px) {
        .categoryContainer .categoryInline a img, #newsletterSignup .categoryInline a img, #standardPageContainer .categoryInline a img {
          width: 100%;
          max-width: 300px; } }
  .categoryContainer #showMore, #newsletterSignup #showMore, #standardPageContainer #showMore {
    clear: both;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    margin: 20px 0; }
    .categoryContainer #showMore:after, #newsletterSignup #showMore:after, #standardPageContainer #showMore:after {
      content: '';
      display: table;
      clear: both; }
    .categoryContainer #showMore .showMoreArticlesButton, #newsletterSignup #showMore .showMoreArticlesButton, #standardPageContainer #showMore .showMoreArticlesButton {
      border-radius: 10px; }
      .categoryContainer #showMore .showMoreArticlesButton:hover, #newsletterSignup #showMore .showMoreArticlesButton:hover, #standardPageContainer #showMore .showMoreArticlesButton:hover {
        text-decoration: none; }

.commentPage {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0; }
  .commentPage .categoryArticleSnippets {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 10px;
    margin-bottom: 15px; }
    .commentPage .categoryArticleSnippets h2 {
      font-size: 1.25em;
      padding: 0; }
    .commentPage .categoryArticleSnippets .image {
      width: 39.59732%;
      float: left;
      margin-right: 0.67114%;
      padding-right: 10px; }
    .commentPage .categoryArticleSnippets .content {
      width: 59.73154%;
      float: right;
      margin-right: 0; }
    .commentPage .categoryArticleSnippets a {
      color: black;
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; }
      .commentPage .categoryArticleSnippets a:hover {
        color: black;
        text-decoration: none; }
    @media (min-width: 600px) {
      .commentPage .categoryArticleSnippets {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0; }
        .commentPage .categoryArticleSnippets:nth-of-type(4n + 9) {
          width: 32.88591%;
          float: right;
          margin-right: 0;
          padding-left: 2.04082%; }
        .commentPage .categoryArticleSnippets:nth-of-type(4n + 8) {
          width: 32.88591%;
          float: left;
          padding-left: 2.04082%;
          padding-right: 0.14082%; }
        .commentPage .categoryArticleSnippets:nth-of-type(4n + 7) {
          width: 32.88591%;
          float: left;
          padding-right: 2.04082%;
          padding-left: 0; }
        .commentPage .categoryArticleSnippets .image {
          width: 100%;
          float: left;
          margin-left: 0;
          margin-right: 0;
          padding-right: 0; }
        .commentPage .categoryArticleSnippets .content {
          width: 100%;
          float: left;
          margin-left: 0;
          margin-right: 0; } }
  .commentPage .blogSection {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
    background-color: #f7f7f7; }
    .commentPage .blogSection .blogSectionContent {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      padding: 0 20px 20px 20px; }
    .commentPage .blogSection .blogSectionHeader {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      padding: 5px 20px 5px 20px;
      /*padding: 10px 20px 10px 20px;*/
      background: #a54399;
      margin-bottom: 20px; }
      .commentPage .blogSection .blogSectionHeader .heading {
        float: left;
        width: 100%; }
        @media (min-width: 600px) {
          .commentPage .blogSection .blogSectionHeader .heading {
            width: auto; } }
        .commentPage .blogSection .blogSectionHeader .heading h2 {
          font-size: 1.25em;
          font-weight: 600;
          font-family: "minion-pro", serif;
          color: white;
          margin: 0;
          padding-left: 0;
          padding-right: 0;
          padding-top: 10px;
          padding-bottom: 10px;
          text-transform: uppercase;
          text-align: center; }
      .commentPage .blogSection .blogSectionHeader .headerLink {
        float: right;
        padding-bottom: 20px;
        width: 100%;
        text-align: center; }
        @media (min-width: 600px) {
          .commentPage .blogSection .blogSectionHeader .headerLink {
            width: auto;
            float: right;
            padding-bottom: 0;
            text-align: right; } }
        .commentPage .blogSection .blogSectionHeader .headerLink a {
          color: white; }
        .commentPage .blogSection .blogSectionHeader .headerLink .fa {
          position: relative;
          top: 5px;
          padding-left: 15px; }
    .commentPage .blogSection .blogSectionWidget {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      border-bottom: 1px solid #cccccc;
      padding-bottom: 2.94118%;
      margin-bottom: 4.16667%; }
      @media (min-width: 600px) {
        .commentPage .blogSection .blogSectionWidget {
          width: 49.66443%;
          float: left;
          margin-right: 0.67114%;
          padding-right: 2.04082%;
          padding-left: 0;
          border-bottom: none;
          margin-bottom: 0; }
          .commentPage .blogSection .blogSectionWidget:nth-of-type(3n + 2) {
            width: 49.66443%;
            float: right;
            margin-right: 0;
            padding-left: 2.04082%;
            padding-right: 0; } }
      .commentPage .blogSection .blogSectionWidget .content {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; }
        .commentPage .blogSection .blogSectionWidget .content .heading {
          font-weight: 600;
          font-size: 1.3em; }
        .commentPage .blogSection .blogSectionWidget .content .description {
          color: #4d4d4d; }
      .commentPage .blogSection .blogSectionWidget .image {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        /*padding-right: 10px;*/ }
      .commentPage .blogSection .blogSectionWidget a {
        color: #004a87; }
      .commentPage .blogSection .blogSectionWidget .blogArticleDate {
        clear: both;
        width: 49.66443%;
        float: left;
        margin-right: 0.67114%;
        color: #999999;
        margin: 0;
        padding: 5px 0 0 0;
        font-size: 13px; }

.back-to-top {
  background: none;
  margin: 0;
  position: fixed;
  bottom: 35px;
  right: 10px;
  width: 50px;
  height: 50px;
  z-index: 100;
  display: none;
  text-decoration: none;
  color: white;
  background-color: #004987;
  border-radius: 50%; }
  .back-to-top:hover {
    color: white; }
  .back-to-top .fa {
    padding: 12px 0; }
    @media (min-width: 375px) {
      .back-to-top .fa {
        padding: 10px 0; } }
    @media (min-width: 600px) {
      .back-to-top .fa {
        padding: 7px 0; } }

.widgetContainer {
  /*@include clearfix;*/
  background-color: #f7f7f7;
  padding-left: 5px;
  padding-right: 5px;
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 5.26316%;
  border-top: 5px solid #32657e; }
  .widgetContainer:after {
    content: '';
    display: table;
    clear: both; }
  @media (min-width: 600px) and (max-width: 979px) {
    .widgetContainer {
      clear: left;
      width: 49.49495%;
      float: left;
      margin-right: 1.0101%; }
      .widgetContainer:nth-of-type(2n) {
        clear: right;
        float: right;
        margin-right: 0; } }
  @media (min-width: 980px) {
    .widgetContainer {
      margin-bottom: 11.11111%; } }
  .widgetContainer h2 {
    font-size: 1em;
    font-weight: 600;
    font-family: "minion-pro", serif;
    text-transform: uppercase; }
  .widgetContainer h3 {
    font-size: 1.1em; }

#inThisIssueWidget, #newTitlesWidget {
  background-color: #e5e5e5;
  overflow: initial;
  max-height: 120px; }
  #inThisIssueWidget .content, #newTitlesWidget .content {
    width: 64.64646%;
    float: right;
    margin-right: 0;
    padding: 20px 0 20px 15px; }
    @media (min-width: 375px) {
      #inThisIssueWidget .content, #newTitlesWidget .content {
        padding-left: 0; } }
    @media (min-width: 600px) {
      #inThisIssueWidget .content, #newTitlesWidget .content {
        padding-left: 15px; } }
    #inThisIssueWidget .content .sampleCopy, #newTitlesWidget .content .sampleCopy {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      padding-bottom: 15px; }
      #inThisIssueWidget .content .sampleCopy a, #newTitlesWidget .content .sampleCopy a {
        color: #32657e;
        font-size: 1.05em;
        font-weight: 600; }
    #inThisIssueWidget .content .subscribe, #newTitlesWidget .content .subscribe {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      padding-top: 7px; }
      #inThisIssueWidget .content .subscribe a, #newTitlesWidget .content .subscribe a {
        color: #868286; }
      #inThisIssueWidget .content .subscribe .fa, #newTitlesWidget .content .subscribe .fa {
        padding-left: 5px;
        position: relative;
        top: 2px;
        font-size: 22px; }
  #inThisIssueWidget .image, #newTitlesWidget .image {
    width: 34.34343%;
    float: left;
    margin-right: 1.0101%; }
    #inThisIssueWidget .image img, #newTitlesWidget .image img {
      max-height: 130px;
      transform: rotate(-5deg);
      position: relative;
      top: -10px;
      left: 8px; }
  #inThisIssueWidget .seperator, #newTitlesWidget .seperator {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    border-bottom: 1px dashed #32657e; }

#newTitlesWidget {
  max-height: initial; }
  #newTitlesWidget .content {
    width: 69.69697%;
    float: right;
    margin-right: 0; }
    #newTitlesWidget .content .sampleCopy a {
      text-transform: uppercase; }
  #newTitlesWidget .image {
    width: 29.29293%;
    float: left;
    margin-right: 1.0101%; }
    #newTitlesWidget .image img {
      max-width: 130px;
      top: 8px;
      left: -10px; }
      @media (max-width: 1240px) {
        #newTitlesWidget .image img {
          max-width: 110px;
          top: 18px;
          left: -10px; } }
      @media (max-width: 740px) {
        #newTitlesWidget .image img {
          max-width: 110px;
          top: 16px;
          left: -6px; } }
      @media (max-width: 600px) {
        #newTitlesWidget .image img {
          max-width: 120px;
          top: 5px;
          left: -10px; } }
      @media (max-width: 375px) {
        #newTitlesWidget .image img {
          max-width: 100px;
          top: 15px;
          left: -10px; } }

#freeTextWidget {
  padding-bottom: 20px; }
  #freeTextWidget .freeText {
    float: left;
    width: 100%;
    padding: 0 5px; }
  #freeTextWidget img {
    float: right;
    width: 30%;
    padding-left: 10px;
    margin-bottom: 10px; }
  #freeTextWidget p {
    font-size: 16px; }

.inlineAdvertHeader {
  background-color: #f7f7f7;
  display: block;
  max-width: inherit;
  margin: 0 auto;
  padding: 2px 5px; }
  @media (min-width: 600px) {
    .inlineAdvertHeader {
      max-width: 300px; } }

.inlineAdvert {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  overflow: hidden;
  background-color: white;
  text-align: center; }
  @media (min-width: 600px) {
    .inlineAdvert {
      float: left;
      max-width: 300px;
      background-color: #f7f7f7;
      margin-right: 15px;
      margin-left: 0;
      text-align: initial; } }

.relatedStory-Inline {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  background-color: #f7f7f7;
  border-top: 5px solid #32657e;
  padding: 10px;
  margin: 15px 0 20px 0; }
  .relatedStory-Inline a {
    color: black; }
  .relatedStory-Inline .content {
    width: 74.74747%;
    float: right;
    margin-right: 0;
    padding-left: 10px; }
    @media (max-width: 440px) {
      .relatedStory-Inline .content {
        width: 59.59596%;
        float: right;
        margin-right: 0; } }
    .relatedStory-Inline .content h2 {
      margin: 0;
      padding: 0 0 10px 0;
      text-transform: uppercase;
      font-size: 1em;
      font-weight: 600;
      font-family: "minion-pro", serif; }
    .relatedStory-Inline .content h3 {
      margin: 0;
      font-size: 1.2em; }
    .relatedStory-Inline .content p {
      font-size: 14px;
      line-height: 1.2;
      color: #666666; }
    @media (min-width: 375px) and (max-width: 980px) {
      .relatedStory-Inline .content p {
        font-size: calc(
 14px + (17 - 14) *
 ((100vw - 375px) / (980 - 375))); } }
    @media (min-width: 980px) {
      .relatedStory-Inline .content p {
        font-size: 17px; } }
    .relatedStory-Inline .content p {
      margin-bottom: 0;
      margin-top: 10px; }
      @media (max-width: 500px) {
        .relatedStory-Inline .content p {
          display: none; } }
  .relatedStory-Inline .image {
    width: 24.24242%;
    float: left;
    margin-right: 1.0101%; }
    @media (max-width: 440px) {
      .relatedStory-Inline .image {
        width: 39.39394%;
        float: left;
        margin-right: 1.0101%; } }

.journalistContainer {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0; }
  .journalistContainer .journalistRelatedArticles {
    margin-bottom: 4.16667%;
    background-color: #f7f7f7;
    border-top: 5px solid #32657e; }
    .journalistContainer .journalistRelatedArticles .newsSnippetContainer {
      padding-left: 10px;
      padding-right: 10px; }
    .journalistContainer .journalistRelatedArticles h2 {
      width: 100%;
      padding-left: 10px;
      padding-right: 10px; }
    .journalistContainer .journalistRelatedArticles .divider {
      margin-top: 0; }
  .journalistContainer .journalistDetails {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 4.16667%;
    margin-top: 25px; }
    @media (min-width: 980px) {
      .journalistContainer .journalistDetails {
        margin-top: 0; } }
    .journalistContainer .journalistDetails .journalistImage {
      float: none;
      text-align: center;
      padding-bottom: 10px; }
      @media (min-width: 375px) {
        .journalistContainer .journalistDetails .journalistImage {
          text-align: left;
          float: left;
          padding-right: 15px; } }

.currentSubscription {
  float: left;
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 15px; }
  .currentSubscription ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    padding: 20px 25px;
    background: #f6f6f6;
    border-radius: 3px;
    border: solid 1px #bababa;
    display: flex; }
    .currentSubscription ul li:not(:last-child) {
      margin-right: 40px; }
    .currentSubscription ul li span {
      display: block; }
    .currentSubscription ul .label {
      font-weight: 600;
      color: #32657e; }
    .currentSubscription ul .output {
      font-size: 24px; }

#subscriptionContainer {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0; }
  #subscriptionContainer input[type='button'], #subscriptionContainer .categoryContainer #showMore .showMoreArticlesButton, .categoryContainer #showMore #subscriptionContainer .showMoreArticlesButton, #subscriptionContainer #newsletterSignup #showMore .showMoreArticlesButton, #newsletterSignup #showMore #subscriptionContainer .showMoreArticlesButton, #subscriptionContainer #standardPageContainer #showMore .showMoreArticlesButton, #standardPageContainer #showMore #subscriptionContainer .showMoreArticlesButton,
  #subscriptionContainer input[type='submit'] {
    background-color: #32657e;
    color: white;
    border: none;
    padding: 12px 15px;
    cursor: pointer;
    width: 100%; }
  #subscriptionContainer .introText {
    float: left;
    text-align: center;
    width: 100%;
    margin: 40px 0 20px; }
  #subscriptionContainer .subscribeSignedIn {
    float: left;
    width: 100%;
    text-align: center;
    padding: 60px 10px; }
  #subscriptionContainer .subscribeHeaderText p {
    text-align: center; }
  #subscriptionContainer .subscribeHeader {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    text-align: center; }
    #subscriptionContainer .subscribeHeader .subscribeHeading {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      margin-top: 20px; }
      @media (min-width: 980px) {
        #subscriptionContainer .subscribeHeader .subscribeHeading {
          margin-top: 0; } }
      #subscriptionContainer .subscribeHeader .subscribeHeading .subscribeSubHeading {
        font-size: 1.3em; }
      #subscriptionContainer .subscribeHeader .subscribeHeading .renewSubscriptionLink {
        text-decoration: underline; }
    #subscriptionContainer .subscribeHeader .subscriberLocation {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      margin: 20px 0;
      padding: 0 15px; }
      #subscriptionContainer .subscribeHeader .subscriberLocation .label {
        width: 150px;
        display: inline-block;
        background-color: #32657e;
        color: white;
        padding: 10px 12px;
        font-size: 1.2em;
        height: 45px; }
        @media (max-width: 450px) {
          #subscriptionContainer .subscribeHeader .subscriberLocation .label {
            width: 100%; } }
      #subscriptionContainer .subscribeHeader .subscriberLocation .input {
        display: inline-block;
        width: 250px;
        margin-left: -5px;
        height: 45px; }
        #subscriptionContainer .subscribeHeader .subscriberLocation .input select {
          width: 100%;
          height: 100%;
          padding: 0 15px;
          border: 1px solid #cccccc;
          background-color: #f7f7f7;
          margin-top: 0;
          border-radius: 0; }
        @media (max-width: 450px) {
          #subscriptionContainer .subscribeHeader .subscriberLocation .input {
            width: 100%;
            margin-left: 0; } }
  #subscriptionContainer .subscriptionItems {
    float: left;
    margin: 20px 0 40px;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    width: 100%;
    padding: 0 10px; }
    @media only screen and (max-width: 800px) {
      #subscriptionContainer .subscriptionItems {
        grid-template-areas: 'subContainerBest' 'subContainer' 'subContainer'; } }
    @media only screen and (min-width: 800px) {
      #subscriptionContainer .subscriptionItems {
        grid-template-columns: repeat(3, 1fr);
        margin: 90px 0 50px; } }
    @media only screen and (min-width: 1250px) {
      #subscriptionContainer .subscriptionItems {
        grid-gap: 40px; } }
  #subscriptionContainer .bestValueHeader {
    color: #fff;
    background: #32657e;
    padding: 13px;
    font-size: 20px;
    border: solid 3px #32657e;
    margin: 0 -20px 20px -20px; }
    @media (min-width: 600px) {
      #subscriptionContainer .bestValueHeader {
        position: absolute;
        top: -70px;
        right: -3px;
        left: -3px;
        margin: 0; } }
  #subscriptionContainer .otherSubscription {
    text-align: center;
    clear: both;
    padding-bottom: 20px;
    cursor: pointer; }
    #subscriptionContainer .otherSubscription h2 {
      color: #32657e;
      margin-bottom: 10px; }
  #subscriptionContainer .subContainer {
    text-align: center;
    background-color: #f7f7f7;
    position: relative;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    margin-bottom: 4.16667%;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    border-style: solid;
    border-color: #32657e;
    border-width: 3px;
    padding: 20px; }
    #subscriptionContainer .subContainer.subContainerBest {
      border-width: 6px; }
      @media only screen and (max-width: 800px) {
        #subscriptionContainer .subContainer.subContainerBest {
          padding-top: 0;
          grid-area: subContainerBest; }
          #subscriptionContainer .subContainer.subContainerBest .subDetails {
            padding-top: 20px; } }
      @media only screen and (min-width: 600px) {
        #subscriptionContainer .subContainer.subContainerBest {
          margin-top: 65px; } }
      @media only screen and (min-width: 800px) {
        #subscriptionContainer .subContainer.subContainerBest {
          margin-top: 0; } }
      #subscriptionContainer .subContainer.subContainerBest .bestValueHeader {
        border-width: 6px;
        right: -6px;
        left: -6px; }
    #subscriptionContainer .subContainer .subHeader {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      background-color: #32657e;
      color: white;
      padding: 10px 12px;
      text-align: center;
      text-transform: uppercase;
      font-size: 1.2em; }
    #subscriptionContainer .subContainer .subDetails {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 25px; }
      #subscriptionContainer .subContainer .subDetails img {
        max-height: 140px;
        margin-bottom: 15px; }
      #subscriptionContainer .subContainer .subDetails .description p {
        font-size: 16px; }
      #subscriptionContainer .subContainer .subDetails .heading {
        color: #004a87;
        font-weight: 600; }
      #subscriptionContainer .subContainer .subDetails .subWithImage {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        border: 1px solid #cccccc;
        border-radius: 10px;
        margin-bottom: 20px;
        padding: 10px 15px 0 15px;
        cursor: pointer; }
        #subscriptionContainer .subContainer .subDetails .subWithImage .subWithImageItem {
          width: 66.10169%;
          float: left;
          margin-right: 1.69492%;
          text-align: left;
          padding-right: 10px; }
        #subscriptionContainer .subContainer .subDetails .subWithImage .subImage {
          padding-top: 3px;
          width: 32.20339%;
          float: right;
          margin-right: 0; }
      #subscriptionContainer .subContainer .subDetails .subWithoutImage {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        text-align: left;
        border: 1px solid #cccccc;
        border-radius: 10px;
        margin-bottom: 20px;
        padding: 10px 15px 0 15px;
        cursor: pointer; }
    #subscriptionContainer .subContainer .advertiseSub {
      margin-bottom: 20px; }
    #subscriptionContainer .subContainer .introductoryText {
      font-weight: 600;
      display: block;
      margin-bottom: 12px; }
    #subscriptionContainer .subContainer .subAdvert {
      margin-top: auto;
      display: flex;
      flex-direction: column; }
    #subscriptionContainer .subContainer .subscriptionType {
      font-size: 23px;
      margin-bottom: 15px;
      font-weight: 600; }
    #subscriptionContainer .subContainer .introductorySubheading {
      font-size: 24px; }
  #subscriptionContainer .subscribeOptionsFooter {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin: 20px 0;
    text-align: center;
    padding: 0 15px 0 15px; }
    #subscriptionContainer .subscribeOptionsFooter p {
      margin-bottom: 20px; }
  #subscriptionContainer .subscriptionOptionsContainer {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 0 15px; }
    @media (min-width: 980px) {
      #subscriptionContainer .subscriptionOptionsContainer {
        padding: 0; } }
  #subscriptionContainer .subscriptionOption {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin: 15px 0; }
    #subscriptionContainer .subscriptionOption .subLabel {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; }
    #subscriptionContainer .subscriptionOption .subBox {
      box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
      text-align: center;
      background-color: #f7f7f7;
      cursor: pointer; }
      #subscriptionContainer .subscriptionOption .subBox .fa-stack {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        color: white; }
      #subscriptionContainer .subscriptionOption .subBox .subHeading p {
        font-weight: 700; }
    #subscriptionContainer .subscriptionOption .subHeading {
      font-weight: 700; }
    #subscriptionContainer .subscriptionOption a {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      padding: 25px;
      border: 1px solid #cccccc;
      color: black; }
      #subscriptionContainer .subscriptionOption a:hover {
        text-decoration: none; }
    #subscriptionContainer .subscriptionOption .active {
      background-color: #32657e;
      color: white; }
      #subscriptionContainer .subscriptionOption .active a {
        color: white; }
    #subscriptionContainer .subscriptionOption .subType {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 15px; }
      @media (min-width: 600px) {
        #subscriptionContainer .subscriptionOption .subType {
          width: 32.20339%;
          float: left;
          margin-right: 1.69492%; }
          #subscriptionContainer .subscriptionOption .subType:last-child {
            width: 32.20339%;
            float: right;
            margin-right: 0; } }
    #subscriptionContainer .subscriptionOption .subFor {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 15px; }
      @media (min-width: 600px) {
        #subscriptionContainer .subscriptionOption .subFor {
          width: 32.20339%;
          float: left;
          margin-right: 1.69492%; } }
    #subscriptionContainer .subscriptionOption .subPay {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 15px; }
      @media (min-width: 600px) {
        #subscriptionContainer .subscriptionOption .subPay {
          width: 32.20339%;
          float: left;
          margin-right: 1.69492%; } }
    #subscriptionContainer .subscriptionOption .subOffer {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 15px;
      border: 1px solid #cccccc; }
      @media (min-width: 600px) {
        #subscriptionContainer .subscriptionOption .subOffer {
          width: 32.20339%;
          float: left;
          margin-right: 1.69492%;
          margin-bottom: 20px; }
          #subscriptionContainer .subscriptionOption .subOffer:nth-child(3n) {
            width: 32.20339%;
            float: right;
            margin-right: 0; } }
      #subscriptionContainer .subscriptionOption .subOffer .sub {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding: 25px;
        height: 100%; }
    #subscriptionContainer .subscriptionOption .institutionType {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 15px; }
      @media (min-width: 600px) {
        #subscriptionContainer .subscriptionOption .institutionType {
          width: 32.20339%;
          float: left;
          margin-right: 1.69492%; } }
    #subscriptionContainer .subscriptionOption .institutionOffer {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 15px;
      border: 1px solid #cccccc; }
      @media (min-width: 600px) {
        #subscriptionContainer .subscriptionOption .institutionOffer {
          width: 32.20339%;
          float: left;
          margin-right: 1.69492%;
          margin-bottom: 20px; }
          #subscriptionContainer .subscriptionOption .institutionOffer:nth-child(4n) {
            width: 32.20339%;
            float: right;
            margin-right: 0; }
          #subscriptionContainer .subscriptionOption .institutionOffer:last-child {
            width: 32.20339%;
            float: left;
            margin-right: 1.69492%; } }
      #subscriptionContainer .subscriptionOption .institutionOffer .sub {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding: 25px;
        height: 100%; }
    #subscriptionContainer .subscriptionOption .institutionPay {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 15px; }
      @media (min-width: 600px) {
        #subscriptionContainer .subscriptionOption .institutionPay {
          width: 32.20339%;
          float: left;
          margin-right: 1.69492%; } }
    #subscriptionContainer .subscriptionOption .institutionSubOffer {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 15px;
      border: 1px solid #cccccc; }
      @media (min-width: 600px) {
        #subscriptionContainer .subscriptionOption .institutionSubOffer {
          width: 32.20339%;
          float: left;
          margin-right: 1.69492%;
          margin-bottom: 20px; } }
      #subscriptionContainer .subscriptionOption .institutionSubOffer .sub {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding: 25px;
        height: 100%; }
  #subscriptionContainer .optionButton {
    height: 100%; }
  #subscriptionContainer .validationField {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    color: red;
    margin: 25px 0;
    text-align: center;
    font-weight: 400;
    font-size: 1.5em; }
  #subscriptionContainer .proceedToCheckout {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    border-top: 1px solid #cccccc;
    padding: 30px 0;
    text-align: center; }
    #subscriptionContainer .proceedToCheckout .checkoutButton {
      color: white;
      padding: 13px 25px;
      background-color: #32657e;
      border: none;
      border-radius: 3px;
      font-size: 1.25em; }
      #subscriptionContainer .proceedToCheckout .checkoutButton:focus {
        outline: none; }
  #subscriptionContainer .extraInformation {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    color: gray;
    margin: 20px 0; }
  #subscriptionContainer #requestInvoice {
    clear: both;
    max-width: 800px;
    margin: 0 auto;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 20px;
    padding-bottom: 20px; }
    #subscriptionContainer #requestInvoice textarea {
      resize: vertical; }
    #subscriptionContainer #requestInvoice .leftColumn {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      padding-right: 0; }
      @media (min-width: 600px) {
        #subscriptionContainer #requestInvoice .leftColumn {
          width: 49.49495%;
          float: left;
          margin-right: 1.0101%;
          padding-right: 2.04082%; } }
      #subscriptionContainer #requestInvoice .leftColumn input {
        width: 100%; }
    #subscriptionContainer #requestInvoice .rightColumn {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      padding-left: 0; }
      @media (min-width: 600px) {
        #subscriptionContainer #requestInvoice .rightColumn {
          width: 49.49495%;
          float: right;
          margin-right: 0;
          padding-left: 2.04082%; } }
      #subscriptionContainer #requestInvoice .rightColumn textarea {
        width: 100%;
        min-height: 165px;
        resize: none;
        margin: 5px 1px 3px 0px;
        outline: none;
        border: 1px solid #cccccc;
        border-radius: 3px;
        transition: all 0.3s ease-in-out; }
        #subscriptionContainer #requestInvoice .rightColumn textarea:focus {
          box-shadow: 0 0 1px gray;
          border: 1px solid gray; }
      #subscriptionContainer #requestInvoice .rightColumn input[type='text'] {
        width: 100%; }
    #subscriptionContainer #requestInvoice .title {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      margin: 10px 0;
      font-weight: 600;
      font-size: 1.3em; }
    #subscriptionContainer #requestInvoice .label {
      font-size: 17.5px; }
    @media (min-width: 375px) and (max-width: 980px) {
      #subscriptionContainer #requestInvoice .label {
        font-size: calc(
 17.5px + (20 - 17.5) *
 ((100vw - 375px) / (980 - 375))); } }
    @media (min-width: 980px) {
      #subscriptionContainer #requestInvoice .label {
        font-size: 20px; } }
  #subscriptionContainer .freeSubSubmit {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    margin: 5px 0 20px 0; }
  #subscriptionContainer .freeSubscriptionRequested {
    text-align: center;
    margin: 20px 0; }
  #subscriptionContainer #institutionSubscriptions .header {
    padding: 0 15px; }
    #subscriptionContainer #institutionSubscriptions .header p {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      margin: 25px 0 5px 0; }
  #subscriptionContainer .newsletterSignup {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
    text-align: center;
    font-size: 1.2em; }

#ordinands, #newsletterSignup {
  clear: both;
  max-width: 800px;
  margin: 0 auto;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 20px;
  padding-bottom: 20px; }
  @media (min-width: 600px) {
    #ordinands, #newsletterSignup {
      padding-left: 15px;
      padding-right: 15px; } }
  #ordinands .ordinandInfo, #newsletterSignup .ordinandInfo {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  #ordinands .options, #newsletterSignup .options {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
    #ordinands .options td, #newsletterSignup .options td {
      padding-right: 15px; }
    #ordinands .options .option, #newsletterSignup .options .option {
      margin: 10px 0; }
  #ordinands .customerInfo, #newsletterSignup .customerInfo {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  #ordinands .courseDetails, #newsletterSignup .courseDetails {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  #ordinands .freeSubSubmit, #newsletterSignup .freeSubSubmit {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px; }
    @media (min-width: 600px) {
      #ordinands .freeSubSubmit, #newsletterSignup .freeSubSubmit {
        text-align: left; } }
  #ordinands .title, #newsletterSignup .title {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin: 10px 0;
    font-weight: 600;
    font-size: 1.3em; }
  #ordinands .leftColumn, #newsletterSignup .leftColumn {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0; }
    @media (min-width: 600px) {
      #ordinands .leftColumn, #newsletterSignup .leftColumn {
        width: 49.49495%;
        float: left;
        margin-right: 1.0101%;
        padding-right: 2.04082%; } }
    #ordinands .leftColumn input, #newsletterSignup .leftColumn input {
      width: 100%; }
  #ordinands .rightColumn, #newsletterSignup .rightColumn {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0; }
    @media (min-width: 600px) {
      #ordinands .rightColumn, #newsletterSignup .rightColumn {
        width: 49.49495%;
        float: right;
        margin-right: 0;
        padding-left: 2.04082%; } }
    #ordinands .rightColumn textarea, #newsletterSignup .rightColumn textarea {
      width: 100%;
      min-height: 228px;
      resize: none;
      margin: 5px 1px 3px 0px;
      outline: none;
      border: 1px solid #cccccc;
      border-radius: 3px;
      transition: all 0.3s ease-in-out; }
      #ordinands .rightColumn textarea:focus, #newsletterSignup .rightColumn textarea:focus {
        box-shadow: 0 0 1px gray;
        border: 1px solid gray; }
    #ordinands .rightColumn input[type='text'], #newsletterSignup .rightColumn input[type='text'] {
      width: 100%; }
  #ordinands .label, #newsletterSignup .label {
    font-size: 17.5px; }
  @media (min-width: 375px) and (max-width: 980px) {
    #ordinands .label, #newsletterSignup .label {
      font-size: calc(
 17.5px + (20 - 17.5) *
 ((100vw - 375px) / (980 - 375))); } }
  @media (min-width: 980px) {
    #ordinands .label, #newsletterSignup .label {
      font-size: 20px; } }

#searchContainer {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0; }
  #searchContainer .searchArea .searchBar {
    width: 100% !important; }

#searchResultsHeader {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 20px;
  margin-bottom: 20px; }
  @media (min-width: 980px) {
    #searchResultsHeader {
      margin-top: 0; } }

.searchOptions {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  padding-right: 10px; }
  @media (min-width: 600px) {
    .searchOptions {
      width: 34.34343%;
      float: left;
      margin-right: 1.0101%;
      text-align: initial; } }
  .searchOptions .showFiltersButton {
    display: none;
    background-color: #32657e;
    color: white;
    font-size: 1.1em;
    padding: 8px 15px;
    margin-bottom: 10px;
    margin-top: 5px; }
    .searchOptions .showFiltersButton:hover {
      text-decoration: none; }
  .searchOptions .searchBox {
    text-align: center; }
    @media (min-width: 600px) {
      .searchOptions .searchBox {
        text-align: initial; } }
    .searchOptions .searchBox input[type='text'] {
      max-width: 190px;
      padding-right: 30px; }
    .searchOptions .searchBox .searchButton {
      background-color: #004987;
      color: white;
      padding: 6px 15px;
      border: none;
      cursor: pointer;
      font-size: 16px; }
  .searchOptions .searchBoxSearch {
    margin-left: -25px;
    margin-top: 10px;
    position: absolute;
    z-index: 2;
    font-size: 20px; }
  .searchOptions td {
    line-height: normal; }
    .searchOptions td label {
      display: inline-flex; }
  .searchOptions .filterTitle {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin: 0 5px 0 0;
    font-weight: 600; }
    .searchOptions .filterTitle .fa {
      padding-left: 15px; }
  .searchOptions .categoryFilters, .searchOptions #dateFilters, .searchOptions #sorting {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px; }
    .searchOptions .categoryFilters .categoryFilterOptions, .searchOptions #dateFilters .categoryFilterOptions, .searchOptions #sorting .categoryFilterOptions {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      display: inline-block; }
    .searchOptions .categoryFilters table, .searchOptions #dateFilters table, .searchOptions #sorting table {
      margin: 0 auto;
      text-align: left; }
      @media (min-width: 600px) {
        .searchOptions .categoryFilters table, .searchOptions #dateFilters table, .searchOptions #sorting table {
          margin: initial;
          text-align: initial; } }
  .searchOptions #dateFilters .customRange, .searchOptions #dateFilters .dateFrom, .searchOptions #dateFilters .dateTo {
    margin: 0 auto 10px auto;
    float: none;
    max-width: 160px; }
    @media (min-width: 600px) {
      .searchOptions #dateFilters .customRange, .searchOptions #dateFilters .dateFrom, .searchOptions #dateFilters .dateTo {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }
  .searchOptions #dateFilters .dateFilterOptions {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .searchOptions #dateFilters .riTextBox {
    min-width: 169px; }
  .searchOptions #dateFilters .riHover {
    border-color: #cccccc; }
  .searchOptions #dateFilters .riFocused {
    transition: all 0.3s ease-in-out;
    border: 1px solid #cccccc;
    border-radius: 3px; }
    .searchOptions #dateFilters .riFocused:focus {
      box-shadow: 0 0 1px gray;
      border: 1px solid gray; }
  .searchOptions #dateFilters .pnlCustomDateRange {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    display: none; }
  .searchOptions #sorting .sortOptions {
    display: inline-block;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  .searchOptions .filterLabel {
    display: inline-block;
    width: 35px;
    text-align: left; }
  .searchOptions #filterCategory, .searchOptions #filterDate, .searchOptions #filterSort {
    cursor: pointer;
    transition: all 0.5s ease; }
  .searchOptions .dateFilterOptions {
    display: inline-block; }
    .searchOptions .dateFilterOptions .dateRange {
      float: left;
      width: 190px;
      padding: 6px 12px;
      background: #f7f7f7;
      margin: 0 0 5px 0;
      border-radius: 5px;
      color: black;
      transition: all ease-in 0.3s; }
      .searchOptions .dateFilterOptions .dateRange:active, .searchOptions .dateFilterOptions .dateRange:hover {
        text-decoration: none;
        background: #537a9b;
        color: white; }
      .searchOptions .dateFilterOptions .dateRange .fa {
        padding-left: 10px; }
    .searchOptions .dateFilterOptions .active {
      text-decoration: none;
      background: #537a9b;
      color: white; }

.rcButtons input[type='button'], .rcButtons .categoryContainer #showMore .showMoreArticlesButton, .categoryContainer #showMore .rcButtons .showMoreArticlesButton, .rcButtons #newsletterSignup #showMore .showMoreArticlesButton, #newsletterSignup #showMore .rcButtons .showMoreArticlesButton, .rcButtons #standardPageContainer #showMore .showMoreArticlesButton, #standardPageContainer #showMore .rcButtons .showMoreArticlesButton {
  padding: 1px 6px; }

#searchResults {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 25px; }
  @media (min-width: 600px) {
    #searchResults {
      width: 64.64646%;
      float: right;
      margin-right: 0; } }
  #searchResults .results {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
    #searchResults .results .searchResult {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      padding: 10px 0 5px 0;
      border-top: 1px solid #cccccc; }
      #searchResults .results .searchResult:last-child {
        border-bottom: 1px solid #cccccc; }
      #searchResults .results .searchResult .imageColumn {
        width: 29.29293%;
        float: left;
        margin-right: 1.0101%; }
      #searchResults .results .searchResult .resultColumn {
        width: 69.69697%;
        float: right;
        margin-right: 0; }
        #searchResults .results .searchResult .resultColumn h3 {
          margin: 0;
          min-height: 52px; }
        #searchResults .results .searchResult .resultColumn .categoryName-Blog {
          background: #a54399;
          padding: 3px;
          color: white; }
    #searchResults .results a {
      color: black; }
      #searchResults .results a:hover {
        color: black;
        text-decoration: none; }
  #searchResults .selectedFilters {
    margin-top: 15px;
    margin-left: 10px; }
    #searchResults .selectedFilters .selectedFilter {
      background-color: #f7f7f7;
      margin: 0 10px 5px 0;
      padding: 5px 10px;
      display: inline-block;
      cursor: pointer; }
    #searchResults .selectedFilters .deleteTag {
      margin-left: 10px; }
  #searchResults .pagination {
    clear: both;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    margin: 10px 0;
    transition: ease-in 0.3s; }
    #searchResults .pagination a {
      background-color: #f7f7f7;
      margin: 5px 2px;
      border: 1px solid #cccccc;
      padding: 5px 15px;
      color: black;
      display: inline-block; }
      #searchResults .pagination a:hover {
        color: black;
        text-decoration: none; }
    #searchResults .pagination span {
      background-color: #f7f7f7;
      margin: 5px 2px;
      border: 1px solid #cccccc;
      padding: 5px 15px; }
    #searchResults .pagination .currentPage {
      background-color: #cccccc; }
  #searchResults .paginationTop {
    margin-bottom: 20px;
    margin-top: 20px; }
    @media (min-width: 600px) {
      #searchResults .paginationTop {
        margin-top: 0; } }
  #searchResults .paginationBottom {
    margin-top: 20px; }
  #searchResults .spacer {
    display: inline-block;
    height: 100%;
    vertical-align: bottom;
    width: 0px; }

.topPanelContainer {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 30px;
  background-color: #f7f7f7; }
  .topPanelContainer a {
    color: black; }
    .topPanelContainer a:hover {
      text-decoration: none; }
  .topPanelContainer .panelLeft {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
    @media (min-width: 980px) {
      .topPanelContainer .panelLeft {
        width: 33.33333%;
        float: left;
        margin-bottom: 0; } }
  .topPanelContainer .panelMiddle {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
    @media (min-width: 980px) {
      .topPanelContainer .panelMiddle {
        width: 33.33333%;
        float: left;
        margin-bottom: 0; } }
  .topPanelContainer .panelRight {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
    @media (min-width: 980px) {
      .topPanelContainer .panelRight {
        width: 33.33333%;
        float: left;
        margin-bottom: 0; } }
  .topPanelContainer .news {
    border-top: 5px solid #32657e; }
  .topPanelContainer .world {
    border-top: 5px solid #32657e; }
  .topPanelContainer .uk {
    border-top: 5px solid #32657e; }
  .topPanelContainer .features {
    border-top: 5px solid #FBD200; }
  .topPanelContainer .comment {
    border-top: 5px solid #a54399; }
  .topPanelContainer .faith {
    border-top: 5px solid #00b4e4; }
  .topPanelContainer .booksarts {
    border-top: 5px solid #5fa15d; }
  .topPanelContainer .regulars {
    border-top: 5px solid #ff7621; }
  .topPanelContainer .gazette {
    border-top: 5px solid #6c6c69; }
  .topPanelContainer .archive {
    border-top: 5px solid #474747; }
  .topPanelContainer .podcast {
    border-top: 5px solid #004987; }
  .topPanelContainer .articleDetails {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 10px; }
    .topPanelContainer .articleDetails h1 {
      margin: 0;
      text-transform: uppercase;
      color: black;
      padding-bottom: 5px;
      font-size: 1em;
      font-weight: 600;
      font-family: "minion-pro", serif; }
    .topPanelContainer .articleDetails h2 {
      margin: 0;
      color: #004a87;
      font-size: 1.35em; }
    .topPanelContainer .articleDetails p {
      margin: 0;
      font-size: 18px; }
    .topPanelContainer .articleDetails img {
      float: right;
      margin: 0 0 0 10px;
      max-width: 45%;
      max-height: 90px; }
      @media (min-width: 980px) {
        .topPanelContainer .articleDetails img {
          max-height: 150px; } }

#homepageContainer {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-top: 10px;
  padding-bottom: 4.16667%;
  border-top: 5px solid #32657e; }
  @media (min-width: 980px) {
    #homepageContainer {
      margin-top: 0; } }
  #homepageContainer h1 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    font-size: 2em;
    font-weight: 600;
    font-family: "minion-pro", serif;
    color: black;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase; }
  #homepageContainer h2 {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    font-size: 1.25em;
    font-weight: 600;
    font-family: "minion-pro", serif;
    color: black;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase; }
  #homepageContainer .content h2 {
    color: #004a87;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: none;
    font-weight: 500;
    font-size: 1.55em;
    font-family: "ff-more-web-pro", serif; }
  #homepageContainer h3 {
    color: #004a87;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 10px; }
  #homepageContainer .homepageMainArticle {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 10px;
    margin-bottom: 15px; }
    @media (min-width: 600px) {
      #homepageContainer .homepageMainArticle {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0; } }
    #homepageContainer .homepageMainArticle a {
      color: black; }
      #homepageContainer .homepageMainArticle a:hover {
        text-decoration: none; }
    #homepageContainer .homepageMainArticle .content {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; }
      #homepageContainer .homepageMainArticle .content p {
        margin: 0; }
      #homepageContainer .homepageMainArticle .content .articleDateMain {
        margin: 0;
        max-width: 150px; }
      #homepageContainer .homepageMainArticle .content .dateSeperatorMain {
        float: none;
        clear: both;
        margin-top: 5px;
        background-color: #999999;
        width: 90px;
        height: 1px; }
        @media (min-width: 600px) {
          #homepageContainer .homepageMainArticle .content .dateSeperatorMain {
            clear: none; } }
      #homepageContainer .homepageMainArticle .content img {
        float: none;
        max-width: 100%;
        padding-left: 0; }
        @media (min-width: 600px) {
          #homepageContainer .homepageMainArticle .content img {
            float: right;
            max-width: 65%;
            padding-left: 10px; } }
      #homepageContainer .homepageMainArticle .content h2 {
        float: none; }
    #homepageContainer .homepageMainArticle p {
      margin-bottom: 5px; }
  #homepageContainer .homepageSubArticles {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 10px;
    margin-bottom: 15px; }
    @media (min-width: 600px) {
      #homepageContainer .homepageSubArticles {
        width: 49.66443%;
        float: left;
        border-bottom: none;
        padding-right: 2.04082%; }
        #homepageContainer .homepageSubArticles:nth-of-type(4) {
          width: 49.66443%;
          float: right;
          margin-right: 0;
          padding-right: 0;
          padding-left: 2.04082%; } }
    #homepageContainer .homepageSubArticles a {
      color: black;
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; }
      #homepageContainer .homepageSubArticles a:hover {
        text-decoration: none; }
    #homepageContainer .homepageSubArticles p {
      margin: 0; }
    #homepageContainer .homepageSubArticles .content .articleDateMain {
      padding: 5px 0 0 0; }
  #homepageContainer .homepageArticleSnippets {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 10px;
    margin-bottom: 20px; }
    #homepageContainer .homepageArticleSnippets h2 {
      font-size: 1.25em;
      padding: 0;
      margin-bottom: 5px; }
    #homepageContainer .homepageArticleSnippets .image {
      width: 39.59732%;
      float: left;
      margin-right: 0.67114%;
      padding-right: 10px; }
    #homepageContainer .homepageArticleSnippets .content {
      width: 59.73154%;
      float: right;
      margin-right: 0; }
    #homepageContainer .homepageArticleSnippets a {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      text-decoration: none; }
      #homepageContainer .homepageArticleSnippets a:hover {
        text-decoration: none; }
    @media (min-width: 600px) {
      #homepageContainer .homepageArticleSnippets {
        border-bottom: none;
        padding-bottom: 0; }
        #homepageContainer .homepageArticleSnippets:nth-of-type(4n + 8) {
          width: 32.88591%;
          float: right;
          margin-right: 0;
          padding-left: 2.04082%; }
        #homepageContainer .homepageArticleSnippets:nth-of-type(4n + 7) {
          width: 32.88591%;
          float: left;
          padding-left: 2.04082%;
          padding-right: 0.14082%; }
        #homepageContainer .homepageArticleSnippets:nth-of-type(4n + 6) {
          width: 32.88591%;
          float: left;
          padding-right: 2.04082%; }
        #homepageContainer .homepageArticleSnippets .image {
          width: 100%;
          float: left;
          margin-left: 0;
          margin-right: 0;
          padding-right: 0; }
        #homepageContainer .homepageArticleSnippets .content {
          width: 100%;
          float: left;
          margin-left: 0;
          margin-right: 0; } }
  #homepageContainer .articleSnippetLeft {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 10px;
    margin-bottom: 20px; }
    #homepageContainer .articleSnippetLeft .image {
      width: 39.59732%;
      float: left;
      margin-right: 0.67114%;
      padding-right: 10px; }
    #homepageContainer .articleSnippetLeft .content {
      width: 59.73154%;
      float: right;
      margin-right: 0; }
    @media (min-width: 600px) {
      #homepageContainer .articleSnippetLeft {
        width: 32.88591%;
        float: left;
        padding-right: 2.04082%; } }
    #homepageContainer .articleSnippetLeft h2 {
      font-size: 1.55em;
      padding: 0;
      margin-bottom: 5px; }
      @media (min-width: 600px) {
        #homepageContainer .articleSnippetLeft h2 {
          font-size: 1.25em; } }
    #homepageContainer .articleSnippetLeft .image {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      padding-right: 0; }
    #homepageContainer .articleSnippetLeft .content {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; }
    #homepageContainer .articleSnippetLeft a {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      text-decoration: none; }
      #homepageContainer .articleSnippetLeft a:hover {
        text-decoration: none; }
  #homepageContainer .articleSnippetRight {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 10px;
    margin-bottom: 20px; }
    #homepageContainer .articleSnippetRight .image {
      width: 39.59732%;
      float: left;
      margin-right: 0.67114%;
      padding-right: 10px; }
    #homepageContainer .articleSnippetRight .content {
      width: 59.73154%;
      float: right;
      margin-right: 0; }
    @media (min-width: 600px) {
      #homepageContainer .articleSnippetRight {
        width: 32.88591%;
        float: right;
        margin-right: 0;
        padding-left: 2.04082%; } }
    #homepageContainer .articleSnippetRight h2 {
      font-size: 1.55em;
      padding: 0;
      margin-bottom: 5px; }
      @media (min-width: 600px) {
        #homepageContainer .articleSnippetRight h2 {
          font-size: 1.25em; } }
    #homepageContainer .articleSnippetRight .image {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      padding-right: 0; }
    #homepageContainer .articleSnippetRight .content {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; }
    #homepageContainer .articleSnippetRight a {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      text-decoration: none; }
      #homepageContainer .articleSnippetRight a:hover {
        text-decoration: none; }
  #homepageContainer .articleSnippetMiddle {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 10px;
    margin-bottom: 20px; }
    #homepageContainer .articleSnippetMiddle .image {
      width: 39.59732%;
      float: left;
      margin-right: 0.67114%;
      padding-right: 10px; }
    #homepageContainer .articleSnippetMiddle .content {
      width: 59.73154%;
      float: right;
      margin-right: 0; }
    @media (min-width: 600px) {
      #homepageContainer .articleSnippetMiddle {
        width: 32.88591%;
        float: left;
        padding-left: 2.04082%;
        padding-right: 0.14082%; } }
    #homepageContainer .articleSnippetMiddle h2 {
      font-size: 1.55em;
      padding: 0;
      margin-bottom: 5px; }
      @media (min-width: 600px) {
        #homepageContainer .articleSnippetMiddle h2 {
          font-size: 1.25em; } }
    #homepageContainer .articleSnippetMiddle .image {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      padding-right: 0; }
    #homepageContainer .articleSnippetMiddle .content {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0; }
    #homepageContainer .articleSnippetMiddle a {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      text-decoration: none; }
      #homepageContainer .articleSnippetMiddle a:hover {
        text-decoration: none; }
  #homepageContainer .booksReviewedContainer {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
    background-color: #f7f7f7; }
    #homepageContainer .booksReviewedContainer .booksReviewedContent {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      padding: 0 20px 20px 20px; }
      #homepageContainer .booksReviewedContainer .booksReviewedContent .headerLink {
        float: left;
        padding-bottom: 0;
        padding-right: 0; }
        @media (min-width: 600px) {
          #homepageContainer .booksReviewedContainer .booksReviewedContent .headerLink {
            float: right; } }
        #homepageContainer .booksReviewedContainer .booksReviewedContent .headerLink a {
          color: #004a87; }
        #homepageContainer .booksReviewedContainer .booksReviewedContent .headerLink .fa {
          position: relative;
          top: 5px;
          padding-left: 15px; }
    #homepageContainer .booksReviewedContainer .bookreviewHeader {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      padding: 5px 0 15px 0; }
      #homepageContainer .booksReviewedContainer .bookreviewHeader .heading {
        float: left; }
    #homepageContainer .booksReviewedContainer .bookReviewWidget {
      width: 100%;
      float: left;
      margin-left: 0;
      margin-right: 0;
      border-bottom: 1px solid #cccccc;
      padding-bottom: 2.94118%;
      margin-bottom: 4.16667%; }
      @media (min-width: 600px) {
        #homepageContainer .booksReviewedContainer .bookReviewWidget {
          width: 49.66443%;
          float: left;
          margin-right: 0.67114%;
          padding-right: 2.04082%;
          padding-left: 0;
          border-bottom: none;
          margin-bottom: 0; }
          #homepageContainer .booksReviewedContainer .bookReviewWidget:nth-of-type(3n + 3) {
            width: 49.66443%;
            float: right;
            margin-right: 0;
            /*border-left: 1px solid $border-grey;*/
            padding-left: 2.04082%;
            padding-right: 0; } }
      #homepageContainer .booksReviewedContainer .bookReviewWidget .content {
        width: 66.21622%;
        float: right;
        margin-right: 0; }
        #homepageContainer .booksReviewedContainer .bookReviewWidget .content .heading {
          font-weight: 600;
          font-size: 1.3em; }
        #homepageContainer .booksReviewedContainer .bookReviewWidget .content .description {
          color: #4d4d4d; }
      #homepageContainer .booksReviewedContainer .bookReviewWidget .image {
        width: 32.43243%;
        float: left;
        margin-right: 1.35135%;
        padding-right: 10px; }
      #homepageContainer .booksReviewedContainer .bookReviewWidget a {
        color: #004a87; }
  #homepageContainer .seperator {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    /*border-bottom: 1px solid $border-grey;*/
    margin: 20px 0 20px 0;
    display: none; }
    #homepageContainer .seperator:last-of-type {
      display: none; }
    @media (min-width: 600px) {
      #homepageContainer .seperator {
        display: block; } }
  #homepageContainer .homepageInline {
    text-align: center;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin: 0 0 25px 0;
    display: block; }
    @media (min-width: 375px) {
      #homepageContainer .homepageInline a {
        width: 49.49495%;
        float: left;
        margin-right: 1.0101%; }
        #homepageContainer .homepageInline a:last-child {
          width: 49.49495%;
          float: right;
          margin-right: 0; } }
    #homepageContainer .homepageInline a img {
      max-width: 100%;
      margin: 0; }
      @media (min-width: 375px) {
        #homepageContainer .homepageInline a img {
          width: 100%;
          max-width: 300px; } }
  #homepageContainer .comment {
    border-top: 5px solid #a54399; }
  #homepageContainer .features {
    border-top: 5px solid #FBD200; }
  #homepageContainer .books {
    border-top: 5px solid #5fa15d; }
  #homepageContainer .faith {
    border-top: 5px solid #00b4e4; }
  #homepageContainer .regulars {
    border-top: 5px solid #ff7621; }
  #homepageContainer .gazette {
    border-top: 5px solid #6c6c69; }
  #homepageContainer .audioVideo {
    border-top: 5px solid #004987; }

.dateSeperator {
  clear: both;
  margin-top: 5px;
  background-color: #999999;
  width: 90px;
  height: 1px;
  float: left; }
  @media (min-width: 600px) {
    .dateSeperator {
      clear: none; } }

.portraitCategoryMainArticle .content .dateSeperator {
  float: none; }

.articleDate {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  color: #999999;
  margin: 0;
  padding: 5px 0 0 0;
  font-size: 13px; }

@media (max-width: 600px) {
  div[id$='pnlMainText'] p:first-child {
    clear: both; } }

.articleMainInlineImageContainer {
  float: right;
  max-width: 300px;
  margin: 5px 0 10px 10px; }
  @media (max-width: 600px) {
    .articleMainInlineImageContainer {
      margin: 0 auto;
      width: 100%;
      float: none;
      max-width: none; } }
  .articleMainInlineImageContainer .articleMainInlineImage {
    float: none;
    margin: 0;
    text-align: center;
    position: relative;
    cursor: pointer;
    cursor: zoom-in; }
    @media (max-width: 600px) {
      .articleMainInlineImageContainer .articleMainInlineImage {
        margin: 0 auto; } }
    @media (min-width: 600px) {
      .articleMainInlineImageContainer .articleMainInlineImage {
        float: right; } }
    .articleMainInlineImageContainer .articleMainInlineImage img {
      max-width: 300px; }
    .articleMainInlineImageContainer .articleMainInlineImage .articleInlineImageCredit {
      font-size: 11px;
      font-family: sans-serif;
      font-style: normal;
      display: inline-block;
      text-transform: uppercase;
      position: absolute;
      bottom: 10px;
      right: 5px;
      color: white;
      text-shadow: 1px 1px 3px black; }

#opaque {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1498;
  display: none;
  background-color: #32657e;
  filter: alpha(opacity=30);
  opacity: 0.7; }

.hidden-until-ready {
  visibility: hidden; }

p {
  font-size: 17.5px; }

@media (min-width: 375px) and (max-width: 980px) {
  p {
    font-size: calc(
 17.5px + (20 - 17.5) *
 ((100vw - 375px) / (980 - 375))); } }

@media (min-width: 980px) {
  p {
    font-size: 20px; } }

.masonry {
  vertical-align: initial; }

@media (min-width: 600px) and (max-width: 979px) {
  .masonryGutter {
    width: 1.0101%; }
  .masonryColumn {
    width: 49.49495%; }
  .masonry {
    width: 48.48485%;
    margin-right: 1.0101%;
    margin-top: 2.04082%;
    vertical-align: middle;
    background-color: #f7f7f7;
    padding-left: 5px;
    padding-right: 5px;
    border-top: 5px solid #32657e; } }

#holidayContainer h1 {
  font-size: 2em;
  font-weight: 600;
  font-family: "minion-pro", serif;
  color: black;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  text-transform: uppercase; }

#holidayContainer .header h2 {
  padding: 0;
  color: #004a87; }

#holidayContainer .header table {
  margin: 10px auto; }
  #holidayContainer .header table tr td {
    padding-right: 15px; }

#linksContainer {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 4.16667%; }
  #linksContainer h1 {
    font-size: 2em;
    font-weight: 600;
    font-family: "minion-pro", serif;
    color: black;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase; }
  #linksContainer p {
    margin: 0; }
  #linksContainer .linksHeader {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 20px; }
    #linksContainer .linksHeader p {
      margin: 0 0 5px 0; }
  #linksContainer .linksContent {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
  #linksContainer .linkCategory {
    margin: 0 0 2px 0; }
    #linksContainer .linkCategory .linkCategoryName {
      padding: 10px 5px;
      background-color: #e5e5e5;
      color: black;
      cursor: pointer;
      margin: 0;
      font-size: 1.3em;
      transition: all ease-in 0.3s; }
      #linksContainer .linkCategory .linkCategoryName:after {
        content: '';
        display: table;
        clear: both; }
      #linksContainer .linkCategory .linkCategoryName .fa {
        padding: 3px 15px 0 0;
        float: right; }
    #linksContainer .linkCategory .active {
      background-color: #32657e;
      color: white; }
    #linksContainer .linkCategory .link {
      padding: 10px 5px;
      border-top: 1px solid #cccccc; }
      #linksContainer .linkCategory .link:first-child {
        border-top: none; }
      #linksContainer .linkCategory .link .linkHeading {
        font-weight: 600; }

#buyTickets .ticketGrid {
  margin: 20px 0;
  padding: 0;
  width: 100%;
  min-height: 310px;
  background-color: #f2f2f2; }
  @media (max-width: 768px) {
    #buyTickets .ticketGrid {
      padding: 0; } }

#buyTickets .purchaseTickets {
  width: 100%;
  padding: 10px;
  min-height: 55px; }
  #buyTickets .purchaseTickets .ticketType {
    width: 60%;
    float: left;
    padding: 5px; }
  #buyTickets .purchaseTickets .ticketCost {
    width: 15%;
    float: left;
    text-align: center;
    padding: 5px; }
  #buyTickets .purchaseTickets .ticketQuantity {
    width: 25%;
    float: left;
    text-align: center;
    padding: 5px; }
  @media (max-width: 768px) {
    #buyTickets .purchaseTickets .ticketType:before, #buyTickets .purchaseTickets .ticketCost:before, #buyTickets .purchaseTickets .ticketQuantity:before {
      width: 100%;
      display: inline-block;
      background-color: #4d4d4d;
      color: #fdfdfd;
      text-align: center;
      margin: 0 0 10px 0;
      height: 25px;
      padding: 2px; }
    #buyTickets .purchaseTickets .ticketType:before {
      content: 'Ticket type'; }
    #buyTickets .purchaseTickets .ticketType {
      width: 100%;
      display: inline-block;
      text-align: center;
      border-top: 1px solid grey;
      border-left: 1px solid grey;
      border-right: 1px solid grey; }
    #buyTickets .purchaseTickets .ticketCost:before {
      content: 'Ticket cost'; }
    #buyTickets .purchaseTickets .ticketCost {
      width: 100%;
      display: inline-block;
      text-align: center;
      border-left: 1px solid grey;
      border-right: 1px solid grey; }
    #buyTickets .purchaseTickets .ticketQuantity:before {
      content: 'Quantity'; }
    #buyTickets .purchaseTickets .ticketQuantity {
      width: 100%;
      display: inline-block;
      text-align: center;
      margin: 0 0 20px 0;
      padding: 0 5px 20px 5px;
      border-bottom: 1px solid grey;
      border-left: 1px solid grey;
      border-right: 1px solid grey; } }

#buyTickets .purchaseTicketsHeader {
  background-color: #4d4d4d;
  color: #fdfdfd;
  padding: 10px;
  min-height: 45px; }
  @media (max-width: 768px) {
    #buyTickets .purchaseTicketsHeader {
      display: none; } }
  #buyTickets .purchaseTicketsHeader .ticketType {
    width: 60%;
    float: left;
    border-right: 1px solid white; }
  #buyTickets .purchaseTicketsHeader .ticketCost {
    width: 15%;
    float: left;
    /*color: white;*/
    border-right: 1px solid white;
    text-align: center; }
  #buyTickets .purchaseTicketsHeader .ticketQuantity {
    width: 25%;
    float: left;
    /*background-color: $FoP-button-alternate;*/
    /*color: white;*/
    text-align: center; }

#buyTickets .ticketTotalPrice {
  padding: 10px;
  margin: 5px 0 25px 0;
  text-align: center;
  float: right; }
  @media (max-width: 768px) {
    #buyTickets .ticketTotalPrice {
      width: 100%;
      display: inline-block;
      float: none; }
      #buyTickets .ticketTotalPrice:before {
        content: 'Total price';
        width: 100%;
        display: inline-block;
        /*background-color: $FoP-button-alternate;*/
        /*color: white;*/
        text-align: center;
        margin: 0 0 10px 0;
        height: 25px;
        padding: 2px; }
      #buyTickets .ticketTotalPrice .total {
        display: none; } }

#buyTickets .minusButton {
  padding: 0 10px;
  /*color: $FoP-button-default;*/ }
  @media (max-width: 768px) {
    #buyTickets .minusButton {
      padding: 0 25px; } }

#buyTickets .addButton {
  padding: 0, 10px, 0, 10px;
  /*color: $FoP-button-default;*/ }
  @media (max-width: 768px) {
    #buyTickets .addButton {
      padding: 0 25px; } }

#buyTickets .txtQuantity {
  width: 50px;
  text-align: center;
  min-width: 100px; }

#buyTickets .ticketPurchaseButtons {
  clear: both;
  float: right;
  padding: 10px; }
  @media (max-width: 768px) {
    #buyTickets .ticketPurchaseButtons {
      text-align: center;
      float: none; }
      #buyTickets .ticketPurchaseButtons input {
        margin: 0 15px 20px 15px; } }
  @media (max-width: 380px) {
    #buyTickets .ticketPurchaseButtons input {
      margin: 10px 15px 20px 15px;
      min-width: 135px; } }

#buyTickets .ticketBasket {
  clear: both; }
  #buyTickets .ticketBasket p {
    color: black; }

#buyTickets p {
  clear: both;
  margin: 0 0 20px 0; }

#buyTickets .ticketInfo {
  border-bottom: 1px solid grey; }
  #buyTickets .ticketInfo p strong {
    color: black;
    font-weight: 600; }

#buyTickets .specialOfferInfo {
  padding: 20px, 0, 20px, 0; }
  #buyTickets .specialOfferInfo a {
    color: black; }

#buyTickets .specialOfferInformation {
  width: 100%;
  background-color: black;
  color: white;
  text-align: center;
  padding: 20px 5px 5px 5px;
  color: white; }
  #buyTickets .specialOfferInformation p {
    padding-right: 0; }

#loginContainer .label {
  font-size: 17.5px; }

@media (min-width: 375px) and (max-width: 980px) {
  #loginContainer .label {
    font-size: calc(
 17.5px + (20 - 17.5) *
 ((100vw - 375px) / (980 - 375))); } }

@media (min-width: 980px) {
  #loginContainer .label {
    font-size: 20px; } }

#sitemapContainer {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 4.16667%; }
  #sitemapContainer h1 {
    font-size: 2em;
    font-weight: 600;
    font-family: "minion-pro", serif;
    color: black;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    text-transform: uppercase; }

div.booksartsPage .books {
  border-top: 5px solid #5fa15d; }

div.booksartsPage .booksReviewedContainer {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 20px;
  background-color: #f7f7f7; }
  div.booksartsPage .booksReviewedContainer .booksReviewedContent {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 0 20px 20px 20px; }
  div.booksartsPage .booksReviewedContainer .bookreviewHeader {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 5px 0 15px 0; }
    div.booksartsPage .booksReviewedContainer .bookreviewHeader .heading {
      float: left; }
      div.booksartsPage .booksReviewedContainer .bookreviewHeader .heading h2 {
        font-size: 1.25em;
        font-weight: 600;
        font-family: "minion-pro", serif;
        color: black;
        margin: 0;
        padding-left: 0;
        padding-right: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        text-transform: uppercase; }
    div.booksartsPage .booksReviewedContainer .bookreviewHeader .headerLink {
      float: left;
      padding-bottom: 20px; }
      @media (min-width: 700px) {
        div.booksartsPage .booksReviewedContainer .bookreviewHeader .headerLink {
          float: right;
          padding-bottom: 0; } }
      div.booksartsPage .booksReviewedContainer .bookreviewHeader .headerLink a {
        color: #004a87; }
      div.booksartsPage .booksReviewedContainer .bookreviewHeader .headerLink .fa {
        position: relative;
        top: 5px;
        padding-left: 15px; }
  div.booksartsPage .booksReviewedContainer .bookReviewWidget {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 2.94118%;
    margin-bottom: 4.16667%; }
    @media (min-width: 600px) {
      div.booksartsPage .booksReviewedContainer .bookReviewWidget {
        width: 49.66443%;
        float: left;
        margin-right: 0.67114%;
        padding-right: 2.04082%;
        padding-left: 0;
        border-bottom: none;
        margin-bottom: 0; }
        div.booksartsPage .booksReviewedContainer .bookReviewWidget:nth-of-type(3n + 3) {
          width: 49.66443%;
          float: right;
          margin-right: 0;
          /*border-left: 1px solid $border-grey;*/
          padding-left: 2.04082%;
          padding-right: 0; } }
    div.booksartsPage .booksReviewedContainer .bookReviewWidget .content {
      width: 66.21622%;
      float: right;
      margin-right: 0; }
      div.booksartsPage .booksReviewedContainer .bookReviewWidget .content .heading {
        font-weight: 600;
        font-size: 1.3em; }
      div.booksartsPage .booksReviewedContainer .bookReviewWidget .content .description {
        color: #4d4d4d; }
    div.booksartsPage .booksReviewedContainer .bookReviewWidget .image {
      width: 32.43243%;
      float: left;
      margin-right: 1.35135%;
      padding-right: 10px; }
    div.booksartsPage .booksReviewedContainer .bookReviewWidget a {
      color: #004a87; }

div.booksartsPage .categoryArticleSnippets {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  /*border-bottom: 1px solid $border-grey;*/
  padding-bottom: 10px;
  margin-bottom: 15px; }
  div.booksartsPage .categoryArticleSnippets h2 {
    font-size: 1.25em;
    padding: 0; }
  div.booksartsPage .categoryArticleSnippets .image {
    width: 39.59732%;
    float: left;
    margin-right: 0.67114%;
    padding-right: 10px; }
  div.booksartsPage .categoryArticleSnippets .content {
    width: 59.73154%;
    float: right;
    margin-right: 0; }
  div.booksartsPage .categoryArticleSnippets a {
    color: black;
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0; }
    div.booksartsPage .categoryArticleSnippets a:hover {
      color: black;
      text-decoration: none; }
  @media (min-width: 600px) {
    div.booksartsPage .categoryArticleSnippets {
      border-bottom: none;
      padding-bottom: 0;
      margin-bottom: 0; }
      div.booksartsPage .categoryArticleSnippets:nth-of-type(4n + 9) {
        width: 32.88591%;
        float: right;
        margin-right: 0;
        padding-left: 2.04082%; }
      div.booksartsPage .categoryArticleSnippets:nth-of-type(4n + 8) {
        width: 32.88591%;
        float: left;
        padding-left: 2.04082%;
        padding-right: 0.14082%; }
      div.booksartsPage .categoryArticleSnippets:nth-of-type(4n + 7) {
        width: 32.88591%;
        float: left;
        padding-right: 2.04082%;
        padding-left: 0; }
      div.booksartsPage .categoryArticleSnippets .image {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding-right: 0; }
      div.booksartsPage .categoryArticleSnippets .content {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0; } }

div.booksartsPage .portraitCategoryMainArticle {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 4.16667%; }
  div.booksartsPage .portraitCategoryMainArticle:after {
    content: '';
    display: table;
    clear: both; }
  @media (min-width: 600px) {
    div.booksartsPage .portraitCategoryMainArticle {
      width: 49.49495%;
      float: left;
      margin-right: 1.0101%; }
      div.booksartsPage .portraitCategoryMainArticle:nth-child(2n + 2) {
        width: 49.49495%;
        float: right;
        margin-right: 0; } }
  div.booksartsPage .portraitCategoryMainArticle .image {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 0 25px; }
    @media (min-width: 375px) {
      div.booksartsPage .portraitCategoryMainArticle .image {
        width: 39.39394%;
        float: left;
        margin-right: 1.0101%;
        padding: 0; } }
  div.booksartsPage .portraitCategoryMainArticle .content {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    padding: 0 10px; }
    @media (min-width: 375px) {
      div.booksartsPage .portraitCategoryMainArticle .content {
        width: 59.59596%;
        float: right;
        margin-right: 0; } }
  div.booksartsPage .portraitCategoryMainArticle a {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    color: black; }
    div.booksartsPage .portraitCategoryMainArticle a:hover {
      text-decoration: none; }
  div.booksartsPage .portraitCategoryMainArticle h2 {
    padding: 0; }

div.booksartsPage .seperator {
  clear: both;
  display: block; }

div.booksartsPage .portraitCategoryArticleSnippets {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 20px; }
  @media (min-width: 375px) and (max-width: 599px) {
    div.booksartsPage .portraitCategoryArticleSnippets {
      width: 48.57143%;
      float: left;
      margin-right: 2.85714%; }
      div.booksartsPage .portraitCategoryArticleSnippets:nth-child(2n + 2) {
        width: 48.57143%;
        float: right;
        margin-right: 0; } }
  @media (min-width: 600px) {
    div.booksartsPage .portraitCategoryArticleSnippets {
      width: 22.85714%;
      float: left;
      margin-right: 2.85714%; }
      div.booksartsPage .portraitCategoryArticleSnippets:nth-child(4n + 4) {
        width: 22.85714%;
        float: right;
        margin-right: 0; } }
  div.booksartsPage .portraitCategoryArticleSnippets a {
    color: black; }
    div.booksartsPage .portraitCategoryArticleSnippets a:hover {
      text-decoration: none; }
  div.booksartsPage .portraitCategoryArticleSnippets img {
    width: 100%; }
  div.booksartsPage .portraitCategoryArticleSnippets .image {
    padding: 0 25px; }
    @media (min-width: 375px) {
      div.booksartsPage .portraitCategoryArticleSnippets .image {
        padding: 0; } }
  div.booksartsPage .portraitCategoryArticleSnippets .dateSeperator {
    float: none; }

#newsletterSignup {
  border-top: 5px solid #004987; }
  #newsletterSignup select {
    width: 100%; }
  #newsletterSignup .signUp {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin: 10px 0; }

.slick-prev,
.slick-next {
  display: none !important; }

.slick-dots {
  margin: -5px !important; }

#standardPageContainer {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  border-top: 5px solid #474747; }
  #standardPageContainer li {
    font-size: 17.5px; }
  @media (min-width: 375px) and (max-width: 980px) {
    #standardPageContainer li {
      font-size: calc(
 17.5px + (20 - 17.5) *
 ((100vw - 375px) / (980 - 375))); } }
  @media (min-width: 980px) {
    #standardPageContainer li {
      font-size: 20px; } }

#cookie-bar {
  background: #32657e;
  height: auto;
  line-height: 24px;
  color: #eeeeee;
  text-align: center;
  padding: 5px; }
  #cookie-bar p {
    margin: 0;
    padding: 0;
    color: white; }
  #cookie-bar a {
    color: white;
    display: block;
    border-radius: 3px;
    text-decoration: none;
    padding: 0 10px;
    margin: 3px auto 3px auto;
    transition: all ease-in 0.3s; }
    @media (min-width: 600px) {
      #cookie-bar a {
        display: inline-block;
        margin: 3px 5px 3px 10px; } }
  #cookie-bar .cb-enable {
    background: #6699ff;
    max-width: 65px; }
    #cookie-bar .cb-enable:hover {
      background: #1a66ff; }
  #cookie-bar .cb-disable {
    background: #32657e; }
    #cookie-bar .cb-disable:hover {
      background: #32657e; }
  #cookie-bar .cb-policy {
    background: #6699ff;
    max-width: 170px; }
    #cookie-bar .cb-policy:hover {
      background: #1a66ff; }
    @media (min-width: 600px) {
      #cookie-bar .cb-policy {
        max-width: 300px; } }

#cookie-bar.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; }

#cookie-bar.fixed.bottom {
  bottom: 0;
  top: auto;
  z-index: 10; }

@media (max-width: 375px) {
  .subscribePopup img {
    display: none; } }

#feefoContainer {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  margin: 0 auto 15px auto;
  padding: 0 15px; }

#desktopMenuCatch {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 999998; }

@media (max-width: 375px) {
  .paywallMessage {
    padding: 5px 0; } }

.paywallMessage p {
  padding: 0 5px; }
  @media (max-width: 375px) {
    .paywallMessage p {
      font-size: 16px;
      line-height: 1.2; } }

.back-to-top {
  bottom: 105px; }

.articleContent .subscribePanel {
  position: relative;
  margin-top: -260px;
  padding: 280px 40px 100px 40px;
  display: block;
  background: url("/Images/subscribe-panel-bg.png") repeat-x; }
  @media (max-width: 600px) {
    .articleContent .subscribePanel {
      padding-left: 20px;
      padding-right: 20px; } }
  @media (max-width: 375px) {
    .articleContent .subscribePanel {
      padding-left: 10px;
      padding-right: 10px; } }
  .articleContent .subscribePanel h2 {
    padding-left: 0;
    padding-right: 0; }
  .articleContent .subscribePanel .subscribePanelActions {
    text-align: center;
    margin: 30px 0 0 0; }
    .articleContent .subscribePanel .subscribePanelActions a {
      margin: 0 10px 10px 10px;
      padding: 5px 12px;
      background: #32657e;
      border-radius: 5px;
      color: #fff;
      font-size: 20px;
      display: inline-block; }

.articleContent .subscribePanelImageArticle {
  margin-top: -450px; }

#subscribePopup h1 {
  font-size: 2em;
  margin: 0 0 10px 0; }

#subscribePopup .subscribePopupActions {
  text-align: center;
  margin: 20px 0 0 0; }
  #subscribePopup .subscribePopupActions a {
    margin: 0 10px 10px 10px;
    padding: 5px 12px;
    background: #32657e;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    display: inline-block; }
  #subscribePopup .subscribePopupActions .continueLink {
    background: none;
    color: #32657e;
    margin: 0; }

.white-popup {
  position: relative;
  background: #fff;
  padding: 20px;
  width: auto;
  max-width: 550px;
  margin: 20px auto; }

body .mfp-bg {
  z-index: 9000; }

body .mfp-wrap {
  z-index: 10000; }

.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.2s ease-in-out;
  transform: scale(0.8); }

.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out; }

.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1); }

.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8; }

.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0; }

.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0; }

.inlineImageContainer {
  display: inline-block;
  margin: 5px auto;
  background: #f5f5f5; }
  .inlineImageContainer .inlineImage {
    float: left;
    width: 100%;
    position: relative; }
    .inlineImageContainer .inlineImage img {
      display: block; }
  .inlineImageContainer .inlineCaptionCreditContainer {
    float: left;
    width: 100%;
    position: relative; }
  .inlineImageContainer .inlineCaption {
    display: inline-block;
    margin: 2px 0 0 0;
    /*font-size: 16px;*/
    line-height: 1.5;
    color: #666666;
    margin: 0;
    padding: 10px 20px 20px 20px;
    font-style: italic;
    font-weight: normal; }
  .inlineImageContainer .inlineCredit {
    font-size: 11px;
    font-family: sans-serif;
    font-style: normal;
    display: inline-block;
    text-transform: uppercase;
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: white;
    /* background: rgba(0, 0, 0, 0.25); */
    text-shadow: 1px 1px 3px black; }

.inlineImageContainerLeft {
  float: left;
  margin: 5px 15px 5px 0; }

.inlineImageContainerRight {
  float: right;
  margin: 5px 0 5px 15px; }

.imageCreditDesktop {
  display: inline-block; }

.imageCreditMobile {
  display: none; }

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin: 0 0 10px 0; }
  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.audioControls {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 10px;
  border: 1px solid #000; }
  .audioControls .audioControlCell {
    display: flex;
    align-items: center; }
    .audioControls .audioControlCell .ui-slider {
      width: 100%; }
  .audioControls .audioTimeCell {
    padding: 0 10px; }
  .audioControls .audioPositionCell {
    width: 70%;
    padding: 0 10px; }
  .audioControls .audioVolumeCell {
    padding: 0 10px;
    width: 40%;
    display: none;
    align-items: center; }
  .audioControls #btnPlayPausePodcast,
  .audioControls #btnPlayPauseAmazonPolly, .audioControls #btnVolumePodcast,
  .audioControls #btnVolumeAmazonPolly, .audioControls #btnDownloadPodcast,
  .audioControls #btnDownloadAmazonPolly {
    font-size: 26px;
    cursor: pointer;
    color: #3b6982; }
  .audioControls #btnVolumePodcast,
  .audioControls #btnVolumeAmazonPolly {
    width: 50px;
    margin-right: 10px; }
  .audioControls #btnDownloadPodcast,
  .audioControls #btnDownloadAmazonPolly {
    font-size: 22px;
    padding: 0 0 0 10px; }
  @media (min-width: 375px) {
    .audioControls .audioVolumeCell {
      width: 30%; } }
  @media (min-width: 600px) {
    .audioControls #btnPlayPausePodcast,
    .audioControls #btnPlayPauseAmazonPolly, .audioControls #btnVolumePodcast,
    .audioControls #btnVolumeAmazonPolly {
      font-size: 34px; }
    .audioControls #btnDownloadPodcast,
    .audioControls #btnDownloadAmazonPolly {
      font-size: 30px; } }
  @media (min-width: 980px) {
    .audioControls .audioPositionCell {
      width: 30%; }
    .audioControls .audioVolumeCell {
      display: flex; }
    .audioControls #btnPlayPausePodcast,
    .audioControls #btnPlayPauseAmazonPolly, .audioControls #btnVolumePodcast,
    .audioControls #btnVolumeAmazonPolly {
      font-size: 40px; }
    .audioControls #btnDownloadPodcast,
    .audioControls #btnDownloadAmazonPolly {
      font-size: 36px; } }

#volumeSlider .ui-slider-range,
#volumeSliderAmazonPolly .ui-slider-range {
  background-color: #4472c4; }

.nominationForm {
  font-size: 17.5px; }
  .nominationForm .validationField {
    color: red; }
    .nominationForm .validationField ul li {
      color: red; }
  .nominationForm .validationAsterisk {
    color: red; }
  .nominationForm .field {
    float: left;
    width: 50%;
    margin: 10px 0; }
    .nominationForm .field .label {
      width: 90%;
      margin-bottom: 5px; }
    .nominationForm .field .input {
      width: 100%; }
      .nominationForm .field .input input {
        width: 90%; }
      .nominationForm .field .input textarea {
        width: 90%;
        min-height: 100px; }
    .nominationForm .field .ruButton,
    .nominationForm .field .ruFileInput {
      margin-top: 5px; }
    .nominationForm .field .RadUpload_Silk .ruFileWrap {
      height: 40px !important; }
  .nominationForm .signUp {
    margin: 20px 0; }
  @media (max-width: 600px) {
    .nominationForm .field {
      clear: both;
      width: 100%;
      margin: 10px 0; }
    .nominationForm .label {
      width: 100%;
      margin-bottom: 5px; }
    .nominationForm .input {
      width: 100%; }
      .nominationForm .input input {
        width: 100% !important; }
      .nominationForm .input textarea {
        width: 100% !important;
        min-height: 100px; } }

.competitionForm {
  font-size: 17.5px; }
  .competitionForm .validationField {
    color: red; }
    .competitionForm .validationField ul li {
      color: red; }
  .competitionForm .validationAsterisk {
    color: red; }
  .competitionForm .mainImage {
    width: 100%; }
    .competitionForm .mainImage img {
      max-width: 100%; }
  .competitionForm .otherImages {
    width: 100%;
    clear: both;
    margin: 20px 0; }
    .competitionForm .otherImages img {
      float: left;
      max-width: 47%;
      margin-right: 2%;
      margin-bottom: 20px; }
  .competitionForm .termsAndConditions {
    float: left;
    width: 100%;
    margin: 20px 0 0 0; }
  .competitionForm .field {
    float: left;
    width: 50%;
    margin: 10px 0; }
    .competitionForm .field .label {
      width: 90%;
      margin-bottom: 5px; }
    .competitionForm .field .input {
      width: 100%; }
      .competitionForm .field .input input {
        width: 90%; }
      .competitionForm .field .input textarea {
        width: 90%;
        min-height: 100px;
        padding: 5px; }
      .competitionForm .field .input .uploadedFile {
        margin-bottom: 10px; }
      .competitionForm .field .input .button {
        margin-bottom: 10px; }
        .competitionForm .field .input .button .removeVideoButton {
          color: white;
          background-color: red;
          padding: 5px 10px; }
    .competitionForm .field .ruButton,
    .competitionForm .field .ruFileInput {
      margin-top: 5px; }
    .competitionForm .field .RadUpload_Silk .ruFileWrap {
      height: 40px !important; }
  .competitionForm .row {
    width: 100%;
    clear: both; }
  .competitionForm .fullWidthRow {
    width: 100%;
    clear: both;
    margin: 10px 0; }
    .competitionForm .fullWidthRow .label {
      width: 95%;
      margin-bottom: 5px; }
    .competitionForm .fullWidthRow .input {
      width: 95%; }
      .competitionForm .fullWidthRow .input input {
        width: 100%; }
      .competitionForm .fullWidthRow .input textarea {
        width: 100%;
        min-height: 100px; }
      .competitionForm .fullWidthRow .input .entryText {
        min-height: 200px;
        padding: 5px; }
      .competitionForm .fullWidthRow .input .fullWidthTextbox {
        width: 100%; }
    .competitionForm .fullWidthRow .submitButton .input {
      margin: 0 auto;
      text-align: center; }
      .competitionForm .fullWidthRow .submitButton .input input[type='submit'] {
        max-width: 300px; }
    .competitionForm .fullWidthRow .remainingWordsMessage {
      float: right;
      font-style: italic;
      margin-right: 5%; }
  .competitionForm .ruFileInput {
    width: 200px !important; }
  .competitionForm .signUp {
    margin: 20px 0; }
  @media (max-width: 600px) {
    .competitionForm .field {
      clear: both;
      width: 100%;
      margin: 10px 0; }
    .competitionForm .label {
      width: 100%;
      margin-bottom: 5px; }
    .competitionForm .input {
      width: 100%; }
      .competitionForm .input input {
        width: 100% !important; }
      .competitionForm .input textarea {
        width: 100% !important;
        min-height: 100px; }
    .competitionForm .fullWidthRow .label {
      width: 100%; }
    .competitionForm .fullWidthRow .input {
      width: 100%; }
      .competitionForm .fullWidthRow .input input {
        width: 100%; }
      .competitionForm .fullWidthRow .input textarea {
        width: 100%;
        min-height: 100px; }
      .competitionForm .fullWidthRow .input .entryText {
        min-height: 200px; }
    .competitionForm .fullWidthRow .submitButton .input {
      margin: 0 auto;
      text-align: center; }
      .competitionForm .fullWidthRow .submitButton .input input[type='submit'] {
        max-width: 300px; }
    .competitionForm .fullWidthRow .remainingWordsMessage {
      float: right;
      font-style: italic;
      margin-right: 0; }
    .competitionForm .otherImages img {
      float: left;
      max-width: 100%;
      margin-right: 0;
      margin-bottom: 20px;
      padding: 20px; } }

.salesTextContainer {
  padding: 50px 0;
  margin: 40px 20px;
  display: grid;
  grid-gap: 30px;
  position: relative;
  grid-template-columns: repeat(1fr); }
  @media only screen and (min-width: 690px) {
    .salesTextContainer {
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 20px; } }
  @media only screen and (min-width: 1100px) {
    .salesTextContainer {
      grid-template-columns: repeat(4, 1fr);
      margin: 40px; } }
  .salesTextContainer .salesTextSection {
    text-align: center; }
  .salesTextContainer .salesHeader {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 10px; }
    @media only screen and (min-width: 690px) {
      .salesTextContainer .salesHeader {
        margin-bottom: 20px; } }
    @media only screen and (min-width: 1100px) {
      .salesTextContainer .salesHeader {
        min-height: 52px; } }
  .salesTextContainer .salesText p {
    font-size: 18px; }
  .salesTextContainer:before, .salesTextContainer:after {
    content: '';
    width: 90%;
    height: 3px;
    background-color: #32657e;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto; }
  .salesTextContainer:before {
    top: 0; }
  .salesTextContainer:after {
    bottom: 0; }

.twitter-tweet {
  float: right;
  margin-left: 10px; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* Welcome to Compass. Use this file to write IE specific override styles.
 * Import this file using the following HTML or equivalent:
 * <!--[if IE]>
 *   <link href="/stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
 * <![endif]--> */
  /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
  /**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
  /* Document
   ========================================================================== */
  html {
    font-family: sans-serif;
    /* 1 */
    line-height: 1.15;
    /* 2 */
    -ms-text-size-adjust: 100%;
    /* 3 */
    -webkit-text-size-adjust: 100%;
    /* 3 */ }
  /* Sections
   ========================================================================== */
  /**
 * Remove the margin in all browsers (opinionated).
 */
  body {
    margin: 0; }
  /**
 * Add the correct display in IE 9-.
 */
  article,
  aside,
  footer,
  header,
  nav,
  section {
    display: block; }
  /**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
  h1 {
    font-size: 2em;
    margin: 0.67em 0; }
  /* Grouping content
   ========================================================================== */
  /**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
  figcaption,
  figure,
  main {
    /* 1 */
    display: block; }
  /**
 * Add the correct margin in IE 8.
 */
  figure {
    margin: 1em 40px; }
  /**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
  hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */ }
  /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
  pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */ }
  /* Text-level semantics
   ========================================================================== */
  /**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
  a {
    background-color: transparent;
    /* 1 */
    -webkit-text-decoration-skip: objects;
    /* 2 */ }
  /**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
  a:active,
  a:hover {
    outline-width: 0; }
  /**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
  abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
    /* 2 */ }
  /**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
  b,
  strong {
    font-weight: inherit; }
  /**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
  b,
  strong {
    font-weight: bolder; }
  /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
  code,
  kbd,
  samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */ }
  /**
 * Add the correct font style in Android 4.3-.
 */
  dfn {
    font-style: italic; }
  /**
 * Add the correct background and color in IE 9-.
 */
  mark {
    background-color: #ff0;
    color: #000; }
  /**
 * Add the correct font size in all browsers.
 */
  small {
    font-size: 80%; }
  /**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }
  sub {
    bottom: -0.25em; }
  sup {
    top: -0.5em; }
  /* Embedded content
   ========================================================================== */
  /**
 * Add the correct display in IE 9-.
 */
  audio,
  video {
    display: inline-block; }
  /**
 * Add the correct display in iOS 4-7.
 */
  audio:not([controls]) {
    display: none;
    height: 0; }
  /**
 * Remove the border on images inside links in IE 10-.
 */
  img {
    border-style: none; }
  /**
 * Hide the overflow in IE.
 */
  svg:not(:root) {
    overflow: hidden; }
  /* Forms
   ========================================================================== */
  /**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: sans-serif;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */ }
  /**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
  button,
  input {
    /* 1 */
    overflow: visible; }
  /**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
  button,
  select {
    /* 1 */
    text-transform: none; }
  /**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
  button,
  html [type="button"],
  [type="reset"],
  [type="submit"] {
    -webkit-appearance: button;
    /* 2 */ }
  /**
 * Remove the inner border and padding in Firefox.
 */
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0; }
  /**
 * Restore the focus styles unset by the previous rule.
 */
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText; }
  /**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
  fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em; }
  /**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
  legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */ }
  /**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
  progress {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */ }
  /**
 * Remove the default vertical scrollbar in IE.
 */
  textarea {
    overflow: auto; }
  /**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
  [type="checkbox"],
  [type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */ }
  /**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto; }
  /**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
  [type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */ }
  /**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
  [type="search"]::-webkit-search-cancel-button,
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }
  /**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */ }
  /* Interactive
   ========================================================================== */
  /*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
  details,
  menu {
    display: block; }
  /*
 * Add the correct display in all browsers.
 */
  summary {
    display: list-item; }
  /* Scripting
   ========================================================================== */
  /**
 * Add the correct display in IE 9-.
 */
  canvas {
    display: inline-block; }
  /**
 * Add the correct display in IE.
 */
  template {
    display: none; }
  /* Hidden
   ========================================================================== */
  /**
 * Add the correct display in IE 10-.
 */
  [hidden] {
    display: none; }
  /*@import "compass";
@import "compass/layout";*/
  #subscriptionContainer .subscribeHeader .subscriberLocation .input select {
    padding: 0 0 0 15px; }
  #jobWidgetContainer .jobLocation h4 {
    font-size: medium; }
  #jobSearchWidgetContainer .jobLocation h4 {
    font-size: medium; }
  #searchResultsHeader .searchBox {
    text-align: left; }
  #searchContainer .searchOptions {
    text-align: center; } }
  @media all and (-ms-high-contrast: none) and (min-width: 600px), (-ms-high-contrast: active) and (min-width: 600px) {
    #searchContainer .searchOptions {
      text-align: left; }
      #searchContainer .searchOptions .searchBox {
        text-align: left; } }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #searchContainer .searchOptions .categoryFilterOptions table {
      margin: 0;
      text-align: left; }
  footer .newsletter input[type='button'], footer .newsletter .categoryContainer #showMore .showMoreArticlesButton, .categoryContainer #showMore footer .newsletter .showMoreArticlesButton, footer .newsletter #newsletterSignup #showMore .showMoreArticlesButton, #newsletterSignup #showMore footer .newsletter .showMoreArticlesButton, footer .newsletter #standardPageContainer #showMore .showMoreArticlesButton, #standardPageContainer #showMore footer .newsletter .showMoreArticlesButton {
    width: auto; }
  #inThisIssueWidget, #newTitlesWidget {
    overflow: visible; }
  .mainContent .articleHeading .postedBy .share {
    bottom: 0;
    max-height: 40px; } }
  @media all and (-ms-high-contrast: none) and (min-width: 450px), (-ms-high-contrast: active) and (min-width: 450px) {
    .mainContent .articleHeading .postedBy .share {
      top: 0;
      left: 0;
      text-transform: none; } }

.ct-events {
  margin-top: 50px; }
  .ct-events .ct-event {
    padding: 10px;
    border-top: solid 5px #32657e;
    background-color: #f7f7f7; }
    .ct-events .ct-event:hover {
      text-decoration: none; }
    @media screen and (min-width: 768px) {
      .ct-events .ct-event {
        display: flex;
        align-items: flex-start; } }
    .ct-events .ct-event__image {
      min-width: 195px;
      max-width: 195px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      margin-right: 20px;
      display: none; }
      @media screen and (min-width: 768px) {
        .ct-events .ct-event__image {
          display: block; } }
      .ct-events .ct-event__image img {
        max-width: 100%; }
    .ct-events .ct-event-section:not(:last-child) {
      margin-bottom: 40px; }
    .ct-events .ct-event h2 {
      text-transform: uppercase;
      font-size: 1em;
      font-weight: 600;
      font-family: 'minion-pro', serif; }
    .ct-events .ct-event h3 {
      font-size: 1.2em;
      color: #000 !important; }
    .ct-events .ct-event h2,
    .ct-events .ct-event h3 {
      color: #004a87;
      margin: 0;
      padding-right: 0;
      padding-left: 0;
      padding-bottom: 10px; }
    .ct-events .ct-event p {
      font-size: 17px;
      color: #666;
      margin-top: 10px;
      margin-bottom: 0; }
    .ct-events .ct-event:not(:first-child) {
      margin-top: 10px; }
    .ct-events .ct-event:not(:last-child) {
      margin-bottom: 20px; }

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url("/Content/Fonts/fontawesome-webfont.eot?v=4.7.0");src:url("/Content/Fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"),url("/Content/Fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"),url("/Content/Fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"),url("/Content/Fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"),url("/Content/Fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14286em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14286em;width:2.14286em;top:.14286em;text-align:center}.fa-li.fa-lg{left:-1.85714em}.fa-border{padding:.2em .25em .15em;border:solid 0.08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:""}.fa-music:before{content:""}.fa-search:before{content:""}.fa-envelope-o:before{content:""}.fa-heart:before{content:""}.fa-star:before{content:""}.fa-star-o:before{content:""}.fa-user:before{content:""}.fa-film:before{content:""}.fa-th-large:before{content:""}.fa-th:before{content:""}.fa-th-list:before{content:""}.fa-check:before{content:""}.fa-remove:before,.fa-close:before,.fa-times:before{content:""}.fa-search-plus:before{content:""}.fa-search-minus:before{content:""}.fa-power-off:before{content:""}.fa-signal:before{content:""}.fa-gear:before,.fa-cog:before{content:""}.fa-trash-o:before{content:""}.fa-home:before{content:""}.fa-file-o:before{content:""}.fa-clock-o:before{content:""}.fa-road:before{content:""}.fa-download:before{content:""}.fa-arrow-circle-o-down:before{content:""}.fa-arrow-circle-o-up:before{content:""}.fa-inbox:before{content:""}.fa-play-circle-o:before{content:""}.fa-rotate-right:before,.fa-repeat:before{content:""}.fa-refresh:before{content:""}.fa-list-alt:before{content:""}.fa-lock:before{content:""}.fa-flag:before{content:""}.fa-headphones:before{content:""}.fa-volume-off:before{content:""}.fa-volume-down:before{content:""}.fa-volume-up:before{content:""}.fa-qrcode:before{content:""}.fa-barcode:before{content:""}.fa-tag:before{content:""}.fa-tags:before{content:""}.fa-book:before{content:""}.fa-bookmark:before{content:""}.fa-print:before{content:""}.fa-camera:before{content:""}.fa-font:before{content:""}.fa-bold:before{content:""}.fa-italic:before{content:""}.fa-text-height:before{content:""}.fa-text-width:before{content:""}.fa-align-left:before{content:""}.fa-align-center:before{content:""}.fa-align-right:before{content:""}.fa-align-justify:before{content:""}.fa-list:before{content:""}.fa-dedent:before,.fa-outdent:before{content:""}.fa-indent:before{content:""}.fa-video-camera:before{content:""}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:""}.fa-pencil:before{content:""}.fa-map-marker:before{content:""}.fa-adjust:before{content:""}.fa-tint:before{content:""}.fa-edit:before,.fa-pencil-square-o:before{content:""}.fa-share-square-o:before{content:""}.fa-check-square-o:before{content:""}.fa-arrows:before{content:""}.fa-step-backward:before{content:""}.fa-fast-backward:before{content:""}.fa-backward:before{content:""}.fa-play:before{content:""}.fa-pause:before{content:""}.fa-stop:before{content:""}.fa-forward:before{content:""}.fa-fast-forward:before{content:""}.fa-step-forward:before{content:""}.fa-eject:before{content:""}.fa-chevron-left:before{content:""}.fa-chevron-right:before{content:""}.fa-plus-circle:before{content:""}.fa-minus-circle:before{content:""}.fa-times-circle:before{content:""}.fa-check-circle:before{content:""}.fa-question-circle:before{content:""}.fa-info-circle:before{content:""}.fa-crosshairs:before{content:""}.fa-times-circle-o:before{content:""}.fa-check-circle-o:before{content:""}.fa-ban:before{content:""}.fa-arrow-left:before{content:""}.fa-arrow-right:before{content:""}.fa-arrow-up:before{content:""}.fa-arrow-down:before{content:""}.fa-mail-forward:before,.fa-share:before{content:""}.fa-expand:before{content:""}.fa-compress:before{content:""}.fa-plus:before{content:""}.fa-minus:before{content:""}.fa-asterisk:before{content:""}.fa-exclamation-circle:before{content:""}.fa-gift:before{content:""}.fa-leaf:before{content:""}.fa-fire:before{content:""}.fa-eye:before{content:""}.fa-eye-slash:before{content:""}.fa-warning:before,.fa-exclamation-triangle:before{content:""}.fa-plane:before{content:""}.fa-calendar:before{content:""}.fa-random:before{content:""}.fa-comment:before{content:""}.fa-magnet:before{content:""}.fa-chevron-up:before{content:""}.fa-chevron-down:before{content:""}.fa-retweet:before{content:""}.fa-shopping-cart:before{content:""}.fa-folder:before{content:""}.fa-folder-open:before{content:""}.fa-arrows-v:before{content:""}.fa-arrows-h:before{content:""}.fa-bar-chart-o:before,.fa-bar-chart:before{content:""}.fa-twitter-square:before{content:""}.fa-facebook-square:before{content:""}.fa-camera-retro:before{content:""}.fa-key:before{content:""}.fa-gears:before,.fa-cogs:before{content:""}.fa-comments:before{content:""}.fa-thumbs-o-up:before{content:""}.fa-thumbs-o-down:before{content:""}.fa-star-half:before{content:""}.fa-heart-o:before{content:""}.fa-sign-out:before{content:""}.fa-linkedin-square:before{content:""}.fa-thumb-tack:before{content:""}.fa-external-link:before{content:""}.fa-sign-in:before{content:""}.fa-trophy:before{content:""}.fa-github-square:before{content:""}.fa-upload:before{content:""}.fa-lemon-o:before{content:""}.fa-phone:before{content:""}.fa-square-o:before{content:""}.fa-bookmark-o:before{content:""}.fa-phone-square:before{content:""}.fa-twitter:before{content:""}.fa-facebook-f:before,.fa-facebook:before{content:""}.fa-github:before{content:""}.fa-unlock:before{content:""}.fa-credit-card:before{content:""}.fa-feed:before,.fa-rss:before{content:""}.fa-hdd-o:before{content:""}.fa-bullhorn:before{content:""}.fa-bell:before{content:""}.fa-certificate:before{content:""}.fa-hand-o-right:before{content:""}.fa-hand-o-left:before{content:""}.fa-hand-o-up:before{content:""}.fa-hand-o-down:before{content:""}.fa-arrow-circle-left:before{content:""}.fa-arrow-circle-right:before{content:""}.fa-arrow-circle-up:before{content:""}.fa-arrow-circle-down:before{content:""}.fa-globe:before{content:""}.fa-wrench:before{content:""}.fa-tasks:before{content:""}.fa-filter:before{content:""}.fa-briefcase:before{content:""}.fa-arrows-alt:before{content:""}.fa-group:before,.fa-users:before{content:""}.fa-chain:before,.fa-link:before{content:""}.fa-cloud:before{content:""}.fa-flask:before{content:""}.fa-cut:before,.fa-scissors:before{content:""}.fa-copy:before,.fa-files-o:before{content:""}.fa-paperclip:before{content:""}.fa-save:before,.fa-floppy-o:before{content:""}.fa-square:before{content:""}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:""}.fa-list-ul:before{content:""}.fa-list-ol:before{content:""}.fa-strikethrough:before{content:""}.fa-underline:before{content:""}.fa-table:before{content:""}.fa-magic:before{content:""}.fa-truck:before{content:""}.fa-pinterest:before{content:""}.fa-pinterest-square:before{content:""}.fa-google-plus-square:before{content:""}.fa-google-plus:before{content:""}.fa-money:before{content:""}.fa-caret-down:before{content:""}.fa-caret-up:before{content:""}.fa-caret-left:before{content:""}.fa-caret-right:before{content:""}.fa-columns:before{content:""}.fa-unsorted:before,.fa-sort:before{content:""}.fa-sort-down:before,.fa-sort-desc:before{content:""}.fa-sort-up:before,.fa-sort-asc:before{content:""}.fa-envelope:before{content:""}.fa-linkedin:before{content:""}.fa-rotate-left:before,.fa-undo:before{content:""}.fa-legal:before,.fa-gavel:before{content:""}.fa-dashboard:before,.fa-tachometer:before{content:""}.fa-comment-o:before{content:""}.fa-comments-o:before{content:""}.fa-flash:before,.fa-bolt:before{content:""}.fa-sitemap:before{content:""}.fa-umbrella:before{content:""}.fa-paste:before,.fa-clipboard:before{content:""}.fa-lightbulb-o:before{content:""}.fa-exchange:before{content:""}.fa-cloud-download:before{content:""}.fa-cloud-upload:before{content:""}.fa-user-md:before{content:""}.fa-stethoscope:before{content:""}.fa-suitcase:before{content:""}.fa-bell-o:before{content:""}.fa-coffee:before{content:""}.fa-cutlery:before{content:""}.fa-file-text-o:before{content:""}.fa-building-o:before{content:""}.fa-hospital-o:before{content:""}.fa-ambulance:before{content:""}.fa-medkit:before{content:""}.fa-fighter-jet:before{content:""}.fa-beer:before{content:""}.fa-h-square:before{content:""}.fa-plus-square:before{content:""}.fa-angle-double-left:before{content:""}.fa-angle-double-right:before{content:""}.fa-angle-double-up:before{content:""}.fa-angle-double-down:before{content:""}.fa-angle-left:before{content:""}.fa-angle-right:before{content:""}.fa-angle-up:before{content:""}.fa-angle-down:before{content:""}.fa-desktop:before{content:""}.fa-laptop:before{content:""}.fa-tablet:before{content:""}.fa-mobile-phone:before,.fa-mobile:before{content:""}.fa-circle-o:before{content:""}.fa-quote-left:before{content:""}.fa-quote-right:before{content:""}.fa-spinner:before{content:""}.fa-circle:before{content:""}.fa-mail-reply:before,.fa-reply:before{content:""}.fa-github-alt:before{content:""}.fa-folder-o:before{content:""}.fa-folder-open-o:before{content:""}.fa-smile-o:before{content:""}.fa-frown-o:before{content:""}.fa-meh-o:before{content:""}.fa-gamepad:before{content:""}.fa-keyboard-o:before{content:""}.fa-flag-o:before{content:""}.fa-flag-checkered:before{content:""}.fa-terminal:before{content:""}.fa-code:before{content:""}.fa-mail-reply-all:before,.fa-reply-all:before{content:""}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:""}.fa-location-arrow:before{content:""}.fa-crop:before{content:""}.fa-code-fork:before{content:""}.fa-unlink:before,.fa-chain-broken:before{content:""}.fa-question:before{content:""}.fa-info:before{content:""}.fa-exclamation:before{content:""}.fa-superscript:before{content:""}.fa-subscript:before{content:""}.fa-eraser:before{content:""}.fa-puzzle-piece:before{content:""}.fa-microphone:before{content:""}.fa-microphone-slash:before{content:""}.fa-shield:before{content:""}.fa-calendar-o:before{content:""}.fa-fire-extinguisher:before{content:""}.fa-rocket:before{content:""}.fa-maxcdn:before{content:""}.fa-chevron-circle-left:before{content:""}.fa-chevron-circle-right:before{content:""}.fa-chevron-circle-up:before{content:""}.fa-chevron-circle-down:before{content:""}.fa-html5:before{content:""}.fa-css3:before{content:""}.fa-anchor:before{content:""}.fa-unlock-alt:before{content:""}.fa-bullseye:before{content:""}.fa-ellipsis-h:before{content:""}.fa-ellipsis-v:before{content:""}.fa-rss-square:before{content:""}.fa-play-circle:before{content:""}.fa-ticket:before{content:""}.fa-minus-square:before{content:""}.fa-minus-square-o:before{content:""}.fa-level-up:before{content:""}.fa-level-down:before{content:""}.fa-check-square:before{content:""}.fa-pencil-square:before{content:""}.fa-external-link-square:before{content:""}.fa-share-square:before{content:""}.fa-compass:before{content:""}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:""}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:""}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:""}.fa-euro:before,.fa-eur:before{content:""}.fa-gbp:before{content:""}.fa-dollar:before,.fa-usd:before{content:""}.fa-rupee:before,.fa-inr:before{content:""}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:""}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:""}.fa-won:before,.fa-krw:before{content:""}.fa-bitcoin:before,.fa-btc:before{content:""}.fa-file:before{content:""}.fa-file-text:before{content:""}.fa-sort-alpha-asc:before{content:""}.fa-sort-alpha-desc:before{content:""}.fa-sort-amount-asc:before{content:""}.fa-sort-amount-desc:before{content:""}.fa-sort-numeric-asc:before{content:""}.fa-sort-numeric-desc:before{content:""}.fa-thumbs-up:before{content:""}.fa-thumbs-down:before{content:""}.fa-youtube-square:before{content:""}.fa-youtube:before{content:""}.fa-xing:before{content:""}.fa-xing-square:before{content:""}.fa-youtube-play:before{content:""}.fa-dropbox:before{content:""}.fa-stack-overflow:before{content:""}.fa-instagram:before{content:""}.fa-flickr:before{content:""}.fa-adn:before{content:""}.fa-bitbucket:before{content:""}.fa-bitbucket-square:before{content:""}.fa-tumblr:before{content:""}.fa-tumblr-square:before{content:""}.fa-long-arrow-down:before{content:""}.fa-long-arrow-up:before{content:""}.fa-long-arrow-left:before{content:""}.fa-long-arrow-right:before{content:""}.fa-apple:before{content:""}.fa-windows:before{content:""}.fa-android:before{content:""}.fa-linux:before{content:""}.fa-dribbble:before{content:""}.fa-skype:before{content:""}.fa-foursquare:before{content:""}.fa-trello:before{content:""}.fa-female:before{content:""}.fa-male:before{content:""}.fa-gittip:before,.fa-gratipay:before{content:""}.fa-sun-o:before{content:""}.fa-moon-o:before{content:""}.fa-archive:before{content:""}.fa-bug:before{content:""}.fa-vk:before{content:""}.fa-weibo:before{content:""}.fa-renren:before{content:""}.fa-pagelines:before{content:""}.fa-stack-exchange:before{content:""}.fa-arrow-circle-o-right:before{content:""}.fa-arrow-circle-o-left:before{content:""}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:""}.fa-dot-circle-o:before{content:""}.fa-wheelchair:before{content:""}.fa-vimeo-square:before{content:""}.fa-turkish-lira:before,.fa-try:before{content:""}.fa-plus-square-o:before{content:""}.fa-space-shuttle:before{content:""}.fa-slack:before{content:""}.fa-envelope-square:before{content:""}.fa-wordpress:before{content:""}.fa-openid:before{content:""}.fa-institution:before,.fa-bank:before,.fa-university:before{content:""}.fa-mortar-board:before,.fa-graduation-cap:before{content:""}.fa-yahoo:before{content:""}.fa-google:before{content:""}.fa-reddit:before{content:""}.fa-reddit-square:before{content:""}.fa-stumbleupon-circle:before{content:""}.fa-stumbleupon:before{content:""}.fa-delicious:before{content:""}.fa-digg:before{content:""}.fa-pied-piper-pp:before{content:""}.fa-pied-piper-alt:before{content:""}.fa-drupal:before{content:""}.fa-joomla:before{content:""}.fa-language:before{content:""}.fa-fax:before{content:""}.fa-building:before{content:""}.fa-child:before{content:""}.fa-paw:before{content:""}.fa-spoon:before{content:""}.fa-cube:before{content:""}.fa-cubes:before{content:""}.fa-behance:before{content:""}.fa-behance-square:before{content:""}.fa-steam:before{content:""}.fa-steam-square:before{content:""}.fa-recycle:before{content:""}.fa-automobile:before,.fa-car:before{content:""}.fa-cab:before,.fa-taxi:before{content:""}.fa-tree:before{content:""}.fa-spotify:before{content:""}.fa-deviantart:before{content:""}.fa-soundcloud:before{content:""}.fa-database:before{content:""}.fa-file-pdf-o:before{content:""}.fa-file-word-o:before{content:""}.fa-file-excel-o:before{content:""}.fa-file-powerpoint-o:before{content:""}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:""}.fa-file-zip-o:before,.fa-file-archive-o:before{content:""}.fa-file-sound-o:before,.fa-file-audio-o:before{content:""}.fa-file-movie-o:before,.fa-file-video-o:before{content:""}.fa-file-code-o:before{content:""}.fa-vine:before{content:""}.fa-codepen:before{content:""}.fa-jsfiddle:before{content:""}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:""}.fa-circle-o-notch:before{content:""}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:""}.fa-ge:before,.fa-empire:before{content:""}.fa-git-square:before{content:""}.fa-git:before{content:""}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:""}.fa-tencent-weibo:before{content:""}.fa-qq:before{content:""}.fa-wechat:before,.fa-weixin:before{content:""}.fa-send:before,.fa-paper-plane:before{content:""}.fa-send-o:before,.fa-paper-plane-o:before{content:""}.fa-history:before{content:""}.fa-circle-thin:before{content:""}.fa-header:before{content:""}.fa-paragraph:before{content:""}.fa-sliders:before{content:""}.fa-share-alt:before{content:""}.fa-share-alt-square:before{content:""}.fa-bomb:before{content:""}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:""}.fa-tty:before{content:""}.fa-binoculars:before{content:""}.fa-plug:before{content:""}.fa-slideshare:before{content:""}.fa-twitch:before{content:""}.fa-yelp:before{content:""}.fa-newspaper-o:before{content:""}.fa-wifi:before{content:""}.fa-calculator:before{content:""}.fa-paypal:before{content:""}.fa-google-wallet:before{content:""}.fa-cc-visa:before{content:""}.fa-cc-mastercard:before{content:""}.fa-cc-discover:before{content:""}.fa-cc-amex:before{content:""}.fa-cc-paypal:before{content:""}.fa-cc-stripe:before{content:""}.fa-bell-slash:before{content:""}.fa-bell-slash-o:before{content:""}.fa-trash:before{content:""}.fa-copyright:before{content:""}.fa-at:before{content:""}.fa-eyedropper:before{content:""}.fa-paint-brush:before{content:""}.fa-birthday-cake:before{content:""}.fa-area-chart:before{content:""}.fa-pie-chart:before{content:""}.fa-line-chart:before{content:""}.fa-lastfm:before{content:""}.fa-lastfm-square:before{content:""}.fa-toggle-off:before{content:""}.fa-toggle-on:before{content:""}.fa-bicycle:before{content:""}.fa-bus:before{content:""}.fa-ioxhost:before{content:""}.fa-angellist:before{content:""}.fa-cc:before{content:""}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:""}.fa-meanpath:before{content:""}.fa-buysellads:before{content:""}.fa-connectdevelop:before{content:""}.fa-dashcube:before{content:""}.fa-forumbee:before{content:""}.fa-leanpub:before{content:""}.fa-sellsy:before{content:""}.fa-shirtsinbulk:before{content:""}.fa-simplybuilt:before{content:""}.fa-skyatlas:before{content:""}.fa-cart-plus:before{content:""}.fa-cart-arrow-down:before{content:""}.fa-diamond:before{content:""}.fa-ship:before{content:""}.fa-user-secret:before{content:""}.fa-motorcycle:before{content:""}.fa-street-view:before{content:""}.fa-heartbeat:before{content:""}.fa-venus:before{content:""}.fa-mars:before{content:""}.fa-mercury:before{content:""}.fa-intersex:before,.fa-transgender:before{content:""}.fa-transgender-alt:before{content:""}.fa-venus-double:before{content:""}.fa-mars-double:before{content:""}.fa-venus-mars:before{content:""}.fa-mars-stroke:before{content:""}.fa-mars-stroke-v:before{content:""}.fa-mars-stroke-h:before{content:""}.fa-neuter:before{content:""}.fa-genderless:before{content:""}.fa-facebook-official:before{content:""}.fa-pinterest-p:before{content:""}.fa-whatsapp:before{content:""}.fa-server:before{content:""}.fa-user-plus:before{content:""}.fa-user-times:before{content:""}.fa-hotel:before,.fa-bed:before{content:""}.fa-viacoin:before{content:""}.fa-train:before{content:""}.fa-subway:before{content:""}.fa-medium:before{content:""}.fa-yc:before,.fa-y-combinator:before{content:""}.fa-optin-monster:before{content:""}.fa-opencart:before{content:""}.fa-expeditedssl:before{content:""}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:""}.fa-battery-3:before,.fa-battery-three-quarters:before{content:""}.fa-battery-2:before,.fa-battery-half:before{content:""}.fa-battery-1:before,.fa-battery-quarter:before{content:""}.fa-battery-0:before,.fa-battery-empty:before{content:""}.fa-mouse-pointer:before{content:""}.fa-i-cursor:before{content:""}.fa-object-group:before{content:""}.fa-object-ungroup:before{content:""}.fa-sticky-note:before{content:""}.fa-sticky-note-o:before{content:""}.fa-cc-jcb:before{content:""}.fa-cc-diners-club:before{content:""}.fa-clone:before{content:""}.fa-balance-scale:before{content:""}.fa-hourglass-o:before{content:""}.fa-hourglass-1:before,.fa-hourglass-start:before{content:""}.fa-hourglass-2:before,.fa-hourglass-half:before{content:""}.fa-hourglass-3:before,.fa-hourglass-end:before{content:""}.fa-hourglass:before{content:""}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:""}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:""}.fa-hand-scissors-o:before{content:""}.fa-hand-lizard-o:before{content:""}.fa-hand-spock-o:before{content:""}.fa-hand-pointer-o:before{content:""}.fa-hand-peace-o:before{content:""}.fa-trademark:before{content:""}.fa-registered:before{content:""}.fa-creative-commons:before{content:""}.fa-gg:before{content:""}.fa-gg-circle:before{content:""}.fa-tripadvisor:before{content:""}.fa-odnoklassniki:before{content:""}.fa-odnoklassniki-square:before{content:""}.fa-get-pocket:before{content:""}.fa-wikipedia-w:before{content:""}.fa-safari:before{content:""}.fa-chrome:before{content:""}.fa-firefox:before{content:""}.fa-opera:before{content:""}.fa-internet-explorer:before{content:""}.fa-tv:before,.fa-television:before{content:""}.fa-contao:before{content:""}.fa-500px:before{content:""}.fa-amazon:before{content:""}.fa-calendar-plus-o:before{content:""}.fa-calendar-minus-o:before{content:""}.fa-calendar-times-o:before{content:""}.fa-calendar-check-o:before{content:""}.fa-industry:before{content:""}.fa-map-pin:before{content:""}.fa-map-signs:before{content:""}.fa-map-o:before{content:""}.fa-map:before{content:""}.fa-commenting:before{content:""}.fa-commenting-o:before{content:""}.fa-houzz:before{content:""}.fa-vimeo:before{content:""}.fa-black-tie:before{content:""}.fa-fonticons:before{content:""}.fa-reddit-alien:before{content:""}.fa-edge:before{content:""}.fa-credit-card-alt:before{content:""}.fa-codiepie:before{content:""}.fa-modx:before{content:""}.fa-fort-awesome:before{content:""}.fa-usb:before{content:""}.fa-product-hunt:before{content:""}.fa-mixcloud:before{content:""}.fa-scribd:before{content:""}.fa-pause-circle:before{content:""}.fa-pause-circle-o:before{content:""}.fa-stop-circle:before{content:""}.fa-stop-circle-o:before{content:""}.fa-shopping-bag:before{content:""}.fa-shopping-basket:before{content:""}.fa-hashtag:before{content:""}.fa-bluetooth:before{content:""}.fa-bluetooth-b:before{content:""}.fa-percent:before{content:""}.fa-gitlab:before{content:""}.fa-wpbeginner:before{content:""}.fa-wpforms:before{content:""}.fa-envira:before{content:""}.fa-universal-access:before{content:""}.fa-wheelchair-alt:before{content:""}.fa-question-circle-o:before{content:""}.fa-blind:before{content:""}.fa-audio-description:before{content:""}.fa-volume-control-phone:before{content:""}.fa-braille:before{content:""}.fa-assistive-listening-systems:before{content:""}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:""}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:""}.fa-glide:before{content:""}.fa-glide-g:before{content:""}.fa-signing:before,.fa-sign-language:before{content:""}.fa-low-vision:before{content:""}.fa-viadeo:before{content:""}.fa-viadeo-square:before{content:""}.fa-snapchat:before{content:""}.fa-snapchat-ghost:before{content:""}.fa-snapchat-square:before{content:""}.fa-pied-piper:before{content:""}.fa-first-order:before{content:""}.fa-yoast:before{content:""}.fa-themeisle:before{content:""}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:""}.fa-fa:before,.fa-font-awesome:before{content:""}.fa-handshake-o:before{content:""}.fa-envelope-open:before{content:""}.fa-envelope-open-o:before{content:""}.fa-linode:before{content:""}.fa-address-book:before{content:""}.fa-address-book-o:before{content:""}.fa-vcard:before,.fa-address-card:before{content:""}.fa-vcard-o:before,.fa-address-card-o:before{content:""}.fa-user-circle:before{content:""}.fa-user-circle-o:before{content:""}.fa-user-o:before{content:""}.fa-id-badge:before{content:""}.fa-drivers-license:before,.fa-id-card:before{content:""}.fa-drivers-license-o:before,.fa-id-card-o:before{content:""}.fa-quora:before{content:""}.fa-free-code-camp:before{content:""}.fa-telegram:before{content:""}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:""}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:""}.fa-thermometer-2:before,.fa-thermometer-half:before{content:""}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:""}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:""}.fa-shower:before{content:""}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:""}.fa-podcast:before{content:""}.fa-window-maximize:before{content:""}.fa-window-minimize:before{content:""}.fa-window-restore:before{content:""}.fa-times-rectangle:before,.fa-window-close:before{content:""}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:""}.fa-bandcamp:before{content:""}.fa-grav:before{content:""}.fa-etsy:before{content:""}.fa-imdb:before{content:""}.fa-ravelry:before{content:""}.fa-eercast:before{content:""}.fa-microchip:before{content:""}.fa-snowflake-o:before{content:""}.fa-superpowers:before{content:""}.fa-wpexplorer:before{content:""}.fa-meetup:before{content:""}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }