.pix_quote_img_container {
overflow:hidden;
position:relative;
line-height:0 !important;
margin:5px;
}
.pix_quote_img_title {
position:absolute;
bottom:0;
padding:5px 0 5px 5px;
width:100%;
margin:0;
background:black;
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
color:white;
font-weight:bold;
line-height:1;
display:inline;
}
.pix_left_margin{
float:left;
width:95%;
line-height:1.2;
}
.pix_quote_img_title a{
line-height:0;
}
.pix_quote_img_container img{
max-width:100% !important;
max-height:100% !important;
line-height:1px !important;
padding:0 !important;
margin:0 !important;
}
.pix_quote_text_container{
margin:5px;
font-style:italic;
}
.pix_quote_text_author{
margin-top:0;
margin-bottom:2px;
font-style:italic;
text-align:right;
}:root {
--background: 0 0% 100%;
--foreground: 222.2 84% 4.9%;
--card: 0 0% 100%;
--card-foreground: 222.2 84% 4.9%;
--popover: 0 0% 100%;
--popover-foreground: 222.2 84% 4.9%;
--primary: 221.2 83.2% 53.3%;
--primary-foreground: 210 40% 98%;
--secondary: 210 40% 96.1%;
--secondary-foreground: 222.2 47.4% 11.2%;
--muted: 210 40% 96.1%;
--muted-foreground: 215.4 16.3% 46.9%;
--accent: 210 40% 96.1%;
--accent-foreground: 222.2 47.4% 11.2%;
--destructive: 0 84.2% 60.2%;
--destructive-foreground: 210 40% 98%;
--border: 214.3 31.8% 91.4%;
--input: 214.3 31.8% 91.4%;
--ring: 221.2 83.2% 53.3%;
--radius: 8px;
}
*,
::before,
::after {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
.tw-fixed {
position: fixed;
}
.tw-absolute {
position: absolute;
}
.tw-inset-0 {
inset: 0px;
}
.tw-left-\[50\%\] {
left: 50%;
}
.tw-right-16px {
right: 1rem;
}
.tw-right-4 {
right: 1rem;
}
.tw-top-1\/2 {
top: 50%;
}
.tw-top-4 {
top: 1rem;
}
.tw-top-\[50\%\] {
top: 50%;
}
.tw-z-50 {
z-index: 50;
}
.\!tw-mt-24px {
margin-top: 1.5rem !important;
}
.tw-mr-12px {
margin-right: 0.75rem;
}
.tw-block {
display: block;
}
.tw-flex {
display: flex;
}
.tw-inline-flex {
display: inline-flex;
}
.tw-grid {
display: grid;
}
.tw-aspect-square {
aspect-ratio: 1 / 1;
}
.tw-h-10px {
height: 0.625rem;
}
.tw-h-4 {
height: 1rem;
}
.tw-w-10px {
width: 0.625rem;
}
.tw-w-4 {
width: 1rem;
}
.tw-w-full {
width: 100%;
}
.\!tw-max-w-\[40px\] {
max-width: 40px !important;
}
.tw-max-w-lg {
max-width: 32rem;
}
.-tw-translate-x-1\/2 {
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-tw-translate-y-1\/2 {
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-translate-x-\[-50\%\] {
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-translate-y-\[-50\%\] {
--tw-translate-y: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.tw-flex-col {
flex-direction: column;
}
.tw-flex-col-reverse {
flex-direction: column-reverse;
}
.tw-place-content-between {
place-content: space-between;
}
.tw-items-center {
align-items: center;
}
.tw-justify-center {
justify-content: center;
}
.tw-gap-2 {
gap: 0.5rem;
}
.tw-gap-4 {
gap: 1rem;
}
.tw-space-x-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.tw-space-y-1 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.tw-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.tw-rounded-full {
border-radius: 9999px;
}
.tw-rounded-sm {
border-radius: calc(var(--radius) - 4px);
}
.tw-border {
border-width: 1px;
}
.tw-border-primary {
border-color: hsl(var(--primary));
}
.tw-border-transparent {
border-color: transparent;
}
.tw-bg-background {
background-color: hsl(var(--background));
}
.tw-bg-black\/80 {
background-color: rgb(0 0 0 / 0.8);
}
.tw-bg-destructive {
background-color: hsl(var(--destructive));
}
.tw-bg-primary {
background-color: hsl(var(--primary));
}
.tw-bg-secondary {
background-color: hsl(var(--secondary));
}
.tw-bg-no-repeat {
background-repeat: no-repeat;
}
.tw-fill-current {
fill: currentColor;
}
.tw-stroke-red-500 {
stroke: #ef4444;
}
.tw-p-6 {
padding: 1.5rem;
}
.tw-px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.tw-px-2\.5 {
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.tw-py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.tw-py-0\.5 {
padding-top: 0.125rem;
padding-bottom: 0.125rem;
}
.tw-pb-\[0\.25em\] {
padding-bottom: 0.25em;
}
.tw-pt-\[1\.5em\] {
padding-top: 1.5em;
}
.tw-text-center {
text-align: center;
}
.tw-indent-2 {
text-indent: 0.5rem;
}
.tw-text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.tw-text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.tw-text-xs {
font-size: 0.75rem;
line-height: 1rem;
}
.tw-font-semibold {
font-weight: 600;
}
.tw-leading-none {
line-height: 1;
}
.tw-tracking-tight {
letter-spacing: -0.025em;
}
.tw-text-current {
color: currentColor;
}
.tw-text-destructive-foreground {
color: hsl(var(--destructive-foreground));
}
.tw-text-foreground {
color: hsl(var(--foreground));
}
.tw-text-muted-foreground {
color: hsl(var(--muted-foreground));
}
.tw-text-primary {
color: hsl(var(--primary));
}
.tw-text-primary-foreground {
color: hsl(var(--primary-foreground));
}
.tw-text-secondary-foreground {
color: hsl(var(--secondary-foreground));
}
.tw-opacity-70 {
opacity: 0.7;
}
.tw-shadow-lg {
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
box-shadow:
var(--tw-ring-offset-shadow, 0 0 #0000),
var(--tw-ring-shadow, 0 0 #0000),
var(--tw-shadow);
}
.tw-ring-offset-background {
--tw-ring-offset-color: hsl(var(--background));
}
.tw-transition-colors {
transition-property:
color,
background-color,
border-color,
text-decoration-color,
fill,
stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.tw-transition-opacity {
transition-property: opacity;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}
.tw-duration-200 {
transition-duration: 200ms;
}
@keyframes enter {
from {
opacity: var(--tw-enter-opacity, 1);
transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
}
}
@keyframes exit {
to {
opacity: var(--tw-exit-opacity, 1);
transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
}
}
.tw-animate-in {
animation-name: enter;
animation-duration: 150ms;
--tw-enter-opacity: initial;
--tw-enter-scale: initial;
--tw-enter-rotate: initial;
--tw-enter-translate-x: initial;
--tw-enter-translate-y: initial;
}
.tw-fade-in {
--tw-enter-opacity: 0;
}
.tw-slide-in-from-right-4 {
--tw-enter-translate-x: 1rem;
}
.tw-slide-in-from-top-1\/2 {
--tw-enter-translate-y: -50%;
}
.tw-duration-200 {
animation-duration: 200ms;
}
.hover\:tw-bg-destructive\/80:hover {
background-color: hsl(var(--destructive) / 0.8);
}
.hover\:tw-bg-primary\/80:hover {
background-color: hsl(var(--primary) / 0.8);
}
.hover\:tw-bg-secondary\/80:hover {
background-color: hsl(var(--secondary) / 0.8);
}
.hover\:tw-opacity-100:hover {
opacity: 1;
}
.focus\:tw-outline-none:focus {
outline: 2px solid transparent;
outline-offset: 2px;
}
.focus\:tw-ring-2:focus {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow:
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow, 0 0 #0000);
}
.focus\:tw-ring-ring:focus {
--tw-ring-color: hsl(var(--ring));
}
.focus\:tw-ring-offset-2:focus {
--tw-ring-offset-width: 2px;
}
.focus-visible\:tw-ring-2:focus-visible {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow:
var(--tw-ring-offset-shadow),
var(--tw-ring-shadow),
var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:tw-ring-ring:focus-visible {
--tw-ring-color: hsl(var(--ring));
}
.focus-visible\:tw-ring-offset-2:focus-visible {
--tw-ring-offset-width: 2px;
}
.disabled\:tw-pointer-events-none:disabled {
pointer-events: none;
}
.disabled\:tw-cursor-not-allowed:disabled {
cursor: not-allowed;
}
.disabled\:tw-opacity-50:disabled {
opacity: 0.5;
}
.data-\[state\=open\]\:tw-bg-accent[data-state=open] {
background-color: hsl(var(--accent));
}
.data-\[state\=open\]\:tw-text-muted-foreground[data-state=open] {
color: hsl(var(--muted-foreground));
}
.data-\[state\=open\]\:tw-animate-in[data-state=open] {
animation-name: enter;
animation-duration: 150ms;
--tw-enter-opacity: initial;
--tw-enter-scale: initial;
--tw-enter-rotate: initial;
--tw-enter-translate-x: initial;
--tw-enter-translate-y: initial;
}
.data-\[state\=closed\]\:tw-animate-out[data-state=closed] {
animation-name: exit;
animation-duration: 150ms;
--tw-exit-opacity: initial;
--tw-exit-scale: initial;
--tw-exit-rotate: initial;
--tw-exit-translate-x: initial;
--tw-exit-translate-y: initial;
}
.data-\[state\=closed\]\:tw-fade-out-0[data-state=closed] {
--tw-exit-opacity: 0;
}
.data-\[state\=open\]\:tw-fade-in-0[data-state=open] {
--tw-enter-opacity: 0;
}
.data-\[state\=closed\]\:tw-zoom-out-95[data-state=closed] {
--tw-exit-scale: .95;
}
.data-\[state\=open\]\:tw-zoom-in-95[data-state=open] {
--tw-enter-scale: .95;
}
.data-\[state\=closed\]\:tw-slide-out-to-left-1\/2[data-state=closed] {
--tw-exit-translate-x: -50%;
}
.data-\[state\=closed\]\:tw-slide-out-to-top-\[48\%\][data-state=closed] {
--tw-exit-translate-y: -48%;
}
.data-\[state\=open\]\:tw-slide-in-from-left-1\/2[data-state=open] {
--tw-enter-translate-x: -50%;
}
.data-\[state\=open\]\:tw-slide-in-from-top-\[48\%\][data-state=open] {
--tw-enter-translate-y: -48%;
}
@media (min-width: 400px) {
.sm\:tw-flex-row {
flex-direction: row;
}
.sm\:tw-justify-end {
justify-content: flex-end;
}
.sm\:tw-space-x-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}
.sm\:tw-text-left {
text-align: left;
}
}  *, ::before, ::after{
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position:  ;
--tw-gradient-via-position:  ;
--tw-gradient-to-position:  ;
--tw-ordinal:  ;
--tw-slashed-zero:  ;
--tw-numeric-figure:  ;
--tw-numeric-spacing:  ;
--tw-numeric-fraction:  ;
--tw-ring-inset:  ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur:  ;
--tw-brightness:  ;
--tw-contrast:  ;
--tw-grayscale:  ;
--tw-hue-rotate:  ;
--tw-invert:  ;
--tw-saturate:  ;
--tw-sepia:  ;
--tw-drop-shadow:  ;
--tw-backdrop-blur:  ;
--tw-backdrop-brightness:  ;
--tw-backdrop-contrast:  ;
--tw-backdrop-grayscale:  ;
--tw-backdrop-hue-rotate:  ;
--tw-backdrop-invert:  ;
--tw-backdrop-opacity:  ;
--tw-backdrop-saturate:  ;
--tw-backdrop-sepia:  
}
::backdrop{
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x:  ;
--tw-pan-y:  ;
--tw-pinch-zoom:  ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position:  ;
--tw-gradient-via-position:  ;
--tw-gradient-to-position:  ;
--tw-ordinal:  ;
--tw-slashed-zero:  ;
--tw-numeric-figure:  ;
--tw-numeric-spacing:  ;
--tw-numeric-fraction:  ;
--tw-ring-inset:  ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgb(59 130 246 / 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur:  ;
--tw-brightness:  ;
--tw-contrast:  ;
--tw-grayscale:  ;
--tw-hue-rotate:  ;
--tw-invert:  ;
--tw-saturate:  ;
--tw-sepia:  ;
--tw-drop-shadow:  ;
--tw-backdrop-blur:  ;
--tw-backdrop-brightness:  ;
--tw-backdrop-contrast:  ;
--tw-backdrop-grayscale:  ;
--tw-backdrop-hue-rotate:  ;
--tw-backdrop-invert:  ;
--tw-backdrop-opacity:  ;
--tw-backdrop-saturate:  ;
--tw-backdrop-sepia:  
}
.tw-m-0{
margin: 0px
}
.\!tw-mb-0{
margin-bottom: 0px !important
}
.tw-mt-24px{
margin-top: 1.5rem
}
.tw-grid{
display: grid
}
.tw-select-none{
-webkit-user-select: none;
-moz-user-select: none;
user-select: none
}
.tw-grid-cols-2{
grid-template-columns: repeat(2, minmax(0, 1fr))
}
.tw-grid-cols-\[max-content_min-content\]{
grid-template-columns: max-content min-content
}
.tw-items-center{
align-items: center
}
.tw-justify-center{
justify-content: center
}
.tw-gap-24px{
gap: 1.5rem
}
.tw-gap-8px{
gap: 0.5rem
}
.tw-rounded-md{
border-radius: calc(var(--radius) - 2px)
}
.tw-bg-green-700{
--tw-bg-opacity: 1;
background-color: rgb(21 128 61 / var(--tw-bg-opacity))
}
.tw-bg-red-700{
--tw-bg-opacity: 1;
background-color: rgb(185 28 28 / var(--tw-bg-opacity))
}
.tw-stroke-red-500{
stroke: #ef4444
}
.tw-pt-8px{
padding-top: 0.5rem
}
.tw-font-mono{
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, monospace
}
.\!tw-text-white{
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity)) !important
}
.tw-shadow-\[0_0_0_1px_var\(--box-shadow-focus-color\)\]{
--tw-shadow: 0 0 0 1px var(--box-shadow-focus-color);
--tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
@keyframes enter{
from{
opacity: var(--tw-enter-opacity, 1);
transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))
}
}
@keyframes exit{
to{
opacity: var(--tw-exit-opacity, 1);
transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))
}
}
.\[--box-shadow-focus-color\:\#50575e\]{
--box-shadow-focus-color: #50575e
}
.\[--box-shadow-focus-color\:\#cc1818\]{
--box-shadow-focus-color: #cc1818
}body .themedy-shortcode {
margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;
}
body .themedy-shortcode p { margin-bottom: 20px; }
body .themedy-shortcode-clearfix { clear: both; } body .themedy-shortcode-button {
display: inline-block;
text-decoration: none;
background: #f9f9f9;
line-height: 18px;
position: relative;
margin: 0 10px 10px 0;
color: #FFF;
border: 1px solid transparent;
transition: background 1s ease 0s;
-webkit-transition: background 1s ease 0s;
-moz-transition: background 1s ease 0s;
-o-transition: background 1s ease 0s;
}
body .themedy-shortcode-button:hover { color: #FFF; background: #33373B; border: 1px solid #272B2F;}
body .themedy-shortcode-button:active { top: 1px; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.2); }
body .themedy-shortcode-button-size-small { font-size: 11px; padding: 4px 12px; }
body .themedy-shortcode-button-size-medium { font-size: 13px; padding: 8px 17px; }
body .themedy-shortcode-button-size-large { font-size: 15px; padding: 11px 18px 12px 18px; }
body .themedy-shortcode-button-edge-straight { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
body .themedy-shortcode-button-edge-rounded { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
body .themedy-shortcode-button-colour-red { background-color: #ED5951; }
body .themedy-shortcode-button-colour-blue { background-color: #3998f0; }
body .themedy-shortcode-button-colour-green { background-color: #60AE40; }
body .themedy-shortcode-button-colour-light-gray { background-color: #a4aaae; }
body .themedy-shortcode-button-colour-dark-gray { background-color: #3B4147; }
body .themedy-shortcode-button-colour-orange { background-color: #ee7d45; }
body .themedy-shortcode-button-colour-purple { background-color: #b769ed; }
body .themedy-shortcode-button-colour-theme { background-color: #000000; }
body .themedy-shortcode-button i { text-shadow: none;  }
body .themedy-shortcode-button-size-small i { font-size: 12px;  } body .themedy-shortcode-social-links { margin: 20px 0 20px 0; overflow: hidden; }
.ja-social-icon {
text-decoration: none;
background: #333;
width: 30px;
height: 30px;
line-height: 30px;
color: #FFF;
float: left;
display: block;
margin: 0 4px 8px 0;
text-align: center;
font-size: 13px;
-webkit-font-smoothing: antialiased;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-bottom: none;
transition: background 1s ease 0s;
-webkit-transition: background 1s ease 0s;
-moz-transition: background 1s ease 0s;
-o-transition: background 1s ease 0s;
}
.ja-social-icon:before { margin: 0px; display: inline; }
.ja-social-icon-twitter { background: #00c4fc; }
.ja-social-icon-facebook { background: #3350ae; }
.ja-social-icon-linkedin { background: #0084d7; }
.ja-social-icon-pinterest { background: #df2828; }
.ja-social-icon-delicious { background: #055ff5; }
.ja-social-icon-paypal { background: #23649a; }
.ja-social-icon-gplus { background: #d83d2d; }
.ja-social-icon-stumbleupon { background: #c60303; }
.ja-social-icon-fivehundredpx { background: #0089d4; }
.ja-social-icon-foursquare { background: #3ab6e8; }
.ja-social-icon-forrst { background: #267810; }
.ja-social-icon-digg { background: #024dcb; }
.ja-social-icon-spotify { background: #aed40e; }
.ja-social-icon-reddit { background: #ff7800; }
.ja-social-icon-dribbble { background: #fe0085; }
.ja-social-icon-flickr { background: #e53a7c; }
.ja-social-icon-rss { background: #ef7528; }
.ja-social-icon-skype { background: #1dc6ff; }
.ja-social-icon-youtube { background: #e8211a; }
.ja-social-icon-vimeo { background: #0084ff; }
.ja-social-icon-myspace { background: #464545; }
.ja-social-icon-amazon { background: #f59e1b; }
.ja-social-icon-ebay { background: #ff0101; }
.ja-social-icon-github { background: #024dcb; }
.ja-social-icon-lastfm { background: #c60303; }
.ja-social-icon-soundcloud { background: #ff4701; }
.ja-social-icon-tumblr { background: #3d627d; }
.ja-social-icon-instagram { background: #1c527e; }	
.ja-social-icon:hover { background: #000; color: #FFF; text-decoration: none;}
.ja-social-icon-image {
float: left;
display: block;
margin: 0 4px 8px 0;
border-bottom: none;
}
.ja-social-icon-image:hover {
background: none;
}
.ja-social-icon-image img { width: 23px; height: 23px; margin: 0px; display: inline-block; } body .themedy-shortcode-cols {
display: block;
overflow: hidden;
clear: both;
margin: 0 0 20px 0;
}
body .themedy-shortcode-col {
float: left;
display: block;
}
body .themedy-shortcode-col-inner {
margin: 0 15px 0 0;
}
body .themedy-shortcode-cols-half-half .themedy-shortcode-col-a, 
body .themedy-shortcode-cols-half-half .themedy-shortcode-col-b { width: 50%; }
body .themedy-shortcode-cols-third-third-third .themedy-shortcode-col-a, 
body .themedy-shortcode-cols-third-third-third .themedy-shortcode-col-b, 
body .themedy-shortcode-cols-third-third-third .themedy-shortcode-col-c { width: 33.3%; }
body .themedy-shortcode-cols-twothirds-third .themedy-shortcode-col-a { width: 67%; }
body .themedy-shortcode-cols-twothirds-third .themedy-shortcode-col-b { width: 33%; }
body .themedy-shortcode-cols-third-twothirds .themedy-shortcode-col-a { width: 33%; }
body .themedy-shortcode-cols-third-twothirds .themedy-shortcode-col-b { width: 67%; }
body .themedy-shortcode-cols-quarter-quarter-quarter-quarter .themedy-shortcode-col-a, 
body .themedy-shortcode-cols-quarter-quarter-quarter-quarter .themedy-shortcode-col-b, 
body .themedy-shortcode-cols-quarter-quarter-quarter-quarter .themedy-shortcode-col-c, 
body .themedy-shortcode-cols-quarter-quarter-quarter-quarter .themedy-shortcode-col-d { width: 25%; }
body .themedy-shortcode-cols-half-quarter-quarter .themedy-shortcode-col-a { width: 50%; }
body .themedy-shortcode-cols-half-quarter-quarter .themedy-shortcode-col-b, 
body .themedy-shortcode-cols-half-quarter-quarter .themedy-shortcode-col-c { width: 25%; }
body .themedy-shortcode-cols-quarter-quarter-half .themedy-shortcode-col-a,
body .themedy-shortcode-cols-quarter-quarter-half .themedy-shortcode-col-b { width: 25%; }
body .themedy-shortcode-cols-quarter-quarter-half .themedy-shortcode-col-c { width: 50%; }
body .themedy-shortcode-cols-quarter-half-quarter .themedy-shortcode-col-a,
body .themedy-shortcode-cols-quarter-half-quarter .themedy-shortcode-col-c { width: 25%; }
body .themedy-shortcode-cols-quarter-half-quarter .themedy-shortcode-col-b { width: 50%; } body .themedy-shortcode-video-embed { margin: 0 0 20px 0; display: block; width:100%; height:100%; clear: both;} body .themedy-shortcode-toggle {
margin: 0 0 20px 0;
display: block;
border: 1px solid #EEE;
}
body .themedy-shortcode-toggle-active { border-color: #DDD; }
body .themedy-shortcode-toggle h3.themedy-shortcode-toggle-heading {
cursor: pointer;
display: block;
line-height: 24px;
font-size: 18px;
position: relative;
padding: 15px 60px 15px 20px;
margin: 0px;
font-weight: normal;
}
body .themedy-shortcode-toggle h3.themedy-shortcode-toggle-heading i { margin-right: 10px; }
body .themedy-shortcode-toggle h3.themedy-shortcode-toggle-heading .toggle-down, 
body .themedy-shortcode-toggle h3.themedy-shortcode-toggle-heading .toggle-up {
display: none;
position: absolute;
font-size: 14px;
line-height: 20px;
margin: -10px 0 0 0;
top: 50%;
right: 20px;
opacity: 0.6;
}
body .themedy-shortcode-toggle h3.themedy-shortcode-toggle-heading .toggle-down { display: block; }
body .themedy-shortcode-toggle-active h3.themedy-shortcode-toggle-heading .toggle-down { display: none; }
body .themedy-shortcode-toggle-active h3.themedy-shortcode-toggle-heading .toggle-up { display: block; }
body .themedy-shortcode-toggle .themedy-shortcode-toggle-content {
border-top: 1px solid #EEE;
padding: 20px 20px 20px 20px; 
}
body .themedy-shortcode-toggle .themedy-shortcode-toggle-content { display: none; }
body .themedy-shortcode .themedy-shortcode-toggle-content p { margin: 0px; } body .themedy-shortcode-accordion { margin: 0 0 20px 0; }
body .themedy-shortcode-accordion .themedy-shortcode-toggle { margin: -1px 0 0 0; } body .themedy-shortcode-tabs {
overflow: hidden;
padding: 40px 0 0 0;
position: relative;
margin: 0 0 20px 0;
}
body .themedy-shortcode-tab-buttons {
position: absolute;
top: 0px;
left: 0px;
height: 41px;
display: block;
width: 100%;
z-index: 10;
}
body .themedy-shortcode-tab-buttons a {
display: block;
float: left;
margin: 0 8px 0 0;
border: 1px solid #EEE;
border-bottom: 1px solid #DDD;
height: 39px;
line-height: 39px;
padding: 0 20px;
color: #999;
text-decoration: none;
font-size: 18px;
}
body .themedy-shortcode-tab-buttons a.active { border-color: #DDD; border-bottom: 1px solid #FFF; color: #333; }
body .themedy-shortcode-tabpane {
position: relative;
display: block;
padding: 20px 20px 20px 20px;
border: 1px solid #DDD;
}
body .themedy-shortcode-tabpane p { margin: 0px; } body .themedy-shortcode-map {
overflow: hidden;
display: block;
position: relative;
margin: 0 0 20px 0;
}
body .themedy-shortcode-map img { max-width: none; }
body .themedy-shortcode-map p {
width: 300px;
line-height: 18px;
font-size: 12px;
margin: 0px;
padding: 10px 10px 0 10px;
} body .themedy-shortcode-alertbox {
display: block;
text-decoration: none;
background: #f9f9f9;
line-height: 28px;
position: relative;
margin: 20px 0 20px 0;
padding: 10px;
color: #000000;
text-align: center;
clear: both;
font-weight: 400;
}
body .themedy-shortcode-alertbox-colour-red { background-color: #FFE9E9; border: 2px solid #FBC4C4; }
body .themedy-shortcode-alertbox-colour-blue { background-color: #E9F7FE; border: 2px solid #B6D7E8; }
body .themedy-shortcode-alertbox-colour-green { background-color: #EBF6E0; border: 2px solid #B3DC82; }
body .themedy-shortcode-alertbox-colour-light-gray { background-color: #F9F9F9; border: 2px solid #DDDDDD; }
body .themedy-shortcode-alertbox-colour-yellow { background-color: #FFFDF3; border: 2px solid #F2DFA4; }
body .themedy-shortcode-alertbox-colour-custom { background-color: #000000; border: 2px solid RGBa(0, 0, 0, 0.3); }
body .themedy-shortcode-alertbox-colour-theme { background-color: #33373B; border: 2px solid #272B2F; background-color: #33373B; border-radius: 5px;}
body .themedy-shortcode-alertbox i { text-shadow: none; font-size: 24px!important; display: block !important; }
.themedy-shortcode-alertbox p { color: #FFFFFF !important; margin: 0px !important; font-size: 14px!important;}
.themedy-shortcode-alertbox-colour-red.themedy-shortcode-alertbox p { color: #DE5959 !important; }
.themedy-shortcode-alertbox-colour-blue.themedy-shortcode-alertbox p { color: #5091B2 !important; }
.themedy-shortcode-alertbox-colour-green.themedy-shortcode-alertbox p { color: #5F9025 !important; }
.themedy-shortcode-alertbox-colour-light-gray.themedy-shortcode-alertbox p { color: #666666 !important; }
.themedy-shortcode-alertbox-colour-yellow.themedy-shortcode-alertbox p { color: #C4690E !important; }
.themedy-shortcode-alertbox-colour-custom.themedy-shortcode-alertbox p { color: #ffffff !important; }
.themedy-shortcode-alertbox-colour-theme.themedy-shortcode-alertbox p { color: #272B2F; border-radius: 3px 3px 3px 3px;}
.themedy-shortcode-alertbox-colour-red.themedy-shortcode-alertbox a { color: #DE5959 !important; text-decoration: underline !important; border-bottom: none !important; }
.themedy-shortcode-alertbox-colour-blue.themedy-shortcode-alertbox a { color: #5091B2 !important; text-decoration: underline !important; border-bottom: none !important; }
.themedy-shortcode-alertbox-colour-green.themedy-shortcode-alertbox a { color: #5F9025 !important; text-decoration: underline !important; border-bottom: none !important; }
.themedy-shortcode-alertbox-colour-light-gray.themedy-shortcode-alertbox a { color: #666666 !important; text-decoration: underline !important; border-bottom: none !important; }
.themedy-shortcode-alertbox-colour-yellow.themedy-shortcode-alertbox a { color: #C4690E !important; text-decoration: underline !important; border-bottom: none !important; }
.themedy-shortcode-alertbox-colour-custom.themedy-shortcode-alertbox a { color: #fff !important; text-decoration: underline !important; border-bottom: none !important; }
.themedy-shortcode-alertbox-colour-theme.themedy-shortcode-alertbox a { color: #52C1FF; }
.themedy-shortcode-alertbox-colour-theme.themedy-shortcode-alertbox a:hover { color: #2C3036; }
.themedy-shortcode-alertbox-colour-red.themedy-shortcode-alertbox a:hover, .themedy-shortcode-alertbox-colour-yellow.themedy-shortcode-alertbox a:hover, .themedy-shortcode-alertbox-colour-light-gray.themedy-shortcode-alertbox a:hover, .themedy-shortcode-alertbox-colour-green.themedy-shortcode-alertbox a:hover, .themedy-shortcode-alertbox-colour-blue.themedy-shortcode-alertbox a:hover, .themedy-shortcode-alertbox-colour-custom.themedy-shortcode-alertbox a:hover { background-color: transparent !important; } body .themedy-shortcode-pullleft {
display: inline-block;
text-decoration: none;
position: relative;
text-align: left;
width: 40%;
float: left;
margin: 5px 10px 10px 0;
padding: 0 20px 0 0;
text-transform: uppercase;
}
body .themedy-shortcode-pullleft { font-size: 22px; line-height: 1.4em; font-weight: 400;}
body .themedy-shortcode-pullleft-colour-red { color: #DE5959; }
body .themedy-shortcode-pullleft-colour-blue { color: #5091B2; }
body .themedy-shortcode-pullleft-colour-green { color: #5F9025; }
body .themedy-shortcode-pullleft-colour-light-gray { color: #666666; }
body .themedy-shortcode-pullleft-colour-yellow { color: #C4690E; }
body .themedy-shortcode-pullleft-colour-theme { color: #fefefe; } body .themedy-shortcode-pullright {
display: inline-block;
text-decoration: none;
position: relative;
text-align: right;
width: 40%;
float: right;
margin: 5px 0px 10px 10px;
padding: 0 0 0 20px;
text-transform: uppercase;
}
body .themedy-shortcode-pullright { font-size: 22px; line-height: 1.4em; font-weight: 400;}
body .themedy-shortcode-pullright-colour-red { color: #DE5959; }
body .themedy-shortcode-pullright-colour-blue { color: #5091B2; }
body .themedy-shortcode-pullright-colour-green { color: #5F9025; }
body .themedy-shortcode-pullright-colour-light-gray { color: #666666; }
body .themedy-shortcode-pullright-colour-yellow { color: #C4690E; }
body .themedy-shortcode-pullright-colour-theme { color: #fefefe; }
@media only screen and (max-width: 768px) { 		
body .themedy-shortcode-cols-quarter-quarter-quarter-quarter .themedy-shortcode-col-a, 
body .themedy-shortcode-cols-quarter-quarter-quarter-quarter .themedy-shortcode-col-b, 
body .themedy-shortcode-cols-quarter-quarter-quarter-quarter .themedy-shortcode-col-c, 
body .themedy-shortcode-cols-quarter-quarter-quarter-quarter .themedy-shortcode-col-d { width: 100%; }
body .themedy-shortcode-cols-half-quarter-quarter .themedy-shortcode-col-a { width: 100%; }
body .themedy-shortcode-cols-half-quarter-quarter .themedy-shortcode-col-b, 
body .themedy-shortcode-cols-half-quarter-quarter .themedy-shortcode-col-c { width: 100%; }
body .themedy-shortcode-cols-quarter-quarter-half .themedy-shortcode-col-a,
body .themedy-shortcode-cols-quarter-quarter-half .themedy-shortcode-col-b { width: 100%; }
body .themedy-shortcode-cols-quarter-quarter-half .themedy-shortcode-col-c { width: 100%; }
body .themedy-shortcode-cols-quarter-half-quarter .themedy-shortcode-col-a,
body .themedy-shortcode-cols-quarter-half-quarter .themedy-shortcode-col-c { width: 100%; }
body .themedy-shortcode-cols-quarter-half-quarter .themedy-shortcode-col-b { width: 100%; }
body .themedy-shortcode-pullleft { width: 100%; padding:0;  }
body .themedy-shortcode-pullright { width: 100%; text-align: left; margin-left:0; float:left; padding:0; }
}
@media only screen and (max-width: 640px) {
body .themedy-shortcode-cols-half-half .themedy-shortcode-col-a, 
body .themedy-shortcode-cols-half-half .themedy-shortcode-col-b { width: 100%; }
body .themedy-shortcode-cols-third-third-third .themedy-shortcode-col-a, 
body .themedy-shortcode-cols-third-third-third .themedy-shortcode-col-b, 
body .themedy-shortcode-cols-third-third-third .themedy-shortcode-col-c { width: 100%; }
body .themedy-shortcode-cols-twothirds-third .themedy-shortcode-col-a { width: 100%; }
body .themedy-shortcode-cols-twothirds-third .themedy-shortcode-col-b { width: 100%; }
body .themedy-shortcode-cols-third-twothirds .themedy-shortcode-col-a { width: 100%; }
body .themedy-shortcode-cols-third-twothirds .themedy-shortcode-col-b { width: 100%; }
}