/* ===========================================
   Jrole User Interface CSS Framework
   Output  : Uncompressed
   Theme   : Taihu
   File    : jui-skin.css
   Version : 1.1.0
   Author  : Netcomposite (http://www.netcomposite.com/)


Modern Georgia-based serif stack 
font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;

Traditional Garamond-based serif stack
font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;

Helvetica/Arial-based sans serif stack
font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;

Verdana-based sans serif stack
font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;

Trebuchet-based sans serif stack
font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;

Impact-based sans serif stack
font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif;

Monospace stack
font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;



   =========================================== */

/*
*  Basic typography
*
*  p >  width= font size x  30 line height = font size + 6 px; or 150% (or 1.5 em).
*  The font-size percentage is of 16px. (0.75 * 16px = 12px) 
*  24px --> 24/16 = 1.5em and line-height 1em
*  22px --> 22/16 = 1.375em and line-height 1.0909em
*  20px --> 20/16 = 1.25em and line-height: 1.2em
*  18px --> 18/16 = 1.125em and line-height: 1.333em
*  16px --> 16/16 = 1en and line-height: 1.5em
*
* Web fonts usage
*
* @font-face {
*    font-family: 'NeutonBold';
*    src: url('../fonts/neuton-bold-webfont.eot');
*    src: url('../fonts/neuton-bold-webfont.eot?#iefix') format('embedded-opentype'),
*         url('../fonts/neuton-bold-webfont.woff') format('woff'),
*         url('../fonts/neuton-bold-webfont.ttf') format('truetype');
*    font-weight: normal;
*    font-style: normal;
* }
*
*  Basic coloring
*
*  #d8d8d8 : base gray color for backrgound
*  #f0f0f0 : ligher gray color for elements 
*  #ebebeb : darker gray small elements
*  #a8a8a8 : color for  borders AND shadows
*  #0066cc :  blue color for anchors and highlights
*/


html  { 
      font-size:100.01%; 
}

body {
     font-size: 90%;                  /* 1 90% */
     line-height: 140%;               /* font size + 50% */
     -webkit-text-size-adjust: 90%;   /* 2 */
     -ms-text-size-adjust: 90%;       /* 2 */
     text-transform: normal;
     letter-spacing: normal;
     background: transparent 
} 
h1, h2, h3, h4, h5, h6 {
     line-height: 125%;
     text-shadow: 0px 1px 1px #eee;  
     margin-bottom: 0.5em;

}
h1 {
     font-size: 1.65em;  
}     
h2 {
     font-size: 1.375em;
} 
h3 {
     font-size: 1.25em; 
}
h4 { 
     font-size: 1.125em;
}
h5, h6 {
     font-size: 1em; 
}

/*
*  Layout Color presets
*/

.jp-theme-default body  {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: 300;
	background: transparent;
}
.jp-theme-default .jp-header  {
	background:  #d8d8d8;
 }
.jp-theme-default .jp-subheader  {
	background:rgba(216,216,216,0.9)
 }
.jp-theme-default .jp-frame {
	background:  #d8d8d8;
}
.jp-theme-default .jp-target {
	background:  #d8d8d8;
}
.jp-theme-default .jp-footer {
	background:  #000000;
}
.jp-theme-default .jp-footer-imprint {
	padding: 1em !important;
	text-align: center;
}
.jp-theme-default .jp-footer-imprint a {
	display: block;
	margin: 0.15em auto;
}
.jp-theme-default .jp-footer-imprint p {
	display: block;
	margin: 0 auto;
	text-align: center;
	font-size: 11px;
}
.jp-theme-default .jp-footer-imprint p a {
	display: inline-block;
	text-decoration: none;
	color: #fff;

 }
 
 
/*
*  Navigation  - basic colors, typefaces, decorations.
*/

.jp-nav {                          /* Base navigation element block coloring and border */
        background: #eee;
	background: -moz-linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent;
 	background: -webkit-linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent;
 	background: -o-linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent;
 	background: -ms-linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent;
 	background: linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent;
	border-right: 1px solid #b8b8b8;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
        /*border-left: 10px solid #ff0000;*/        
	/*border: 1px solid #b8b8b8;*/
	/*border-bottom: 1px solid #b8b8b8;*/
}

.jp-nav a {
 	color: #000000;
 	text-decoration: none;
}
.jp-nav a:hover {
 	color: #ff0000;
}
.jp-nav-label {
       color: #000;
}
.jp-nav-label:hover {
 	color: #ff0000;
}

.jp-nav-menu {                    /* Base menu block coloring and border */
	/* color: #000000; */
	/* font-size: 1em; */
 	background: #eee;
	background: -moz-linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent;
 	background: -webkit-linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent;
 	background: -o-linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent;
 	background: -ms-linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent;
 	background: linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent;
	/* border: 1px solid #b8b8b8; */ 
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
	/*border-radius: 4px; */
}

.jp-header-banner .jp-nav-trail {   /*  breadcrumb navigation position and coloring  */
        position:fixed;
        top:0; 
        right:0; 
        z-index: 80000; 
        border: none !important;
        background:rgba(216,216,216,0.9); 
        box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.3);
        -moz-box-shadow:   0px 15px 15px rgba(0, 0, 0, 0.3);
       -webkit-box-shadow:  0px 15px 15px rgba(0, 0, 0, 0.3);
}



.jp-nav-bar .jp-nav {
        border-right: none;
}

.jp-nav-push-horizontal .jp-nav-bar a.jp-nav-append:first-child {
        border-left: none !important;
}

.jp-nav-push-horizontal .jp-nav-dock-pull-left .jp-nav-bar a.jp-nav-append:last-child {
        border-right: 1px solid #b8b8b8 !important; 
}

.jp-nav-push-vertical.jp-nav-bar .jp-nav-list  {       
        border-top: 1px solid #b8b8b8 !important; 
}


.jp-nav-list {                    /*  Drop down list panel coloring and borders */
	background: #fff !important;
	border: 1px solid #b8b8b8; 
}


.jp-nav-list a {
        border: none;
 	color: #000;
 	text-decoration: none;
	width: 90% !important;
	padding: .4em .5em .4em 2.0em; 

}
.jp-nav-list a:hover {
 	color: #ff2000;
 
}

 /* Separator for multiple lists */

.jp-nav-widget .jp-nav-list ul,
.jp-nav-widget .jp-nav-list dl {     
        border-bottom: 1px solid #ddd; 
}
.jp-nav-widget .jp-nav-list ul:last-child {
	border-bottom: none;
}

.jp-nav-widget .jp-nav-dock .jp-view-opened  {     /*  Bottom border for opened list */
	border-bottom: 1px solid #ddd !important; 
}

.jp-nav-widget .jp-nav-deck .jp-nav-list ul:last-child {  /* Separator for decked lists  */
	border-bottom: 1px solid #ddd; 
}


.jp-nav-widget .jp-nav-deck .jp-view-opened {      /*  Top border for decked opened list */
	border-top: 1px solid #ddd !important; 
}

.jp-nav-widget .jp-nav-deck .jp-view-opened.jp-wfl-io-block-message  {      /*  Rest top border for loader message containers */
	border-top: none !important; 
}

.jp-nav-widget .jp-nav-deck .jp-view-opened.jp-ici-loader  {      /*  Rest top border for loader message containers */
	border-top: none !important; 
}




.jp-nav-widget .jp-nav-tree .jp-view-opened {      /*  Top border remove for tree nodes */
	border-top: none !important; 
}

/* Decorations for list items mouse over */

.jp-nav-widget .jp-nav-list  li,
.jp-nav-widget .jp-nav-list  dd {            
	border-right: 5px solid transparent !important; 
        padding-right: 2.5em !important; /* Right gutter for badge placement overlay*/
}

.jp-nav-widget .jp-nav-list  li:hover,
.jp-nav-widget .jp-nav-list  dd:hover {        
 	background: #fafafa !important; 
	border-right: 5px #0066cc solid !important; 
}


.jp-nav-widget .jp-nav-list dt  {                   /* def list heading styling */
 	font-weight: bold !important;
}

/* need to check how it affects normal widget lists

.jp-nav-list li {                  
 	border-top: 1px solid #fff;
 	border-bottom: 1px solid #fff;
        padding: 0.75em 0.5em 0.75em 2.5em; 
}

ul li:only-child:hover {
 	border-top: 1px solid #fff;
 	border-bottom: 1px solid #fff;
}
.jp-nav-list li:first-child:hover {
 	border-top: 1px dotted #fff;
 	border-bottom: 1px dotted #b8b8b8;
}
.jp-nav-list li:last-child:hover {
 	border-top: 1px dotted #b8b8b8;
 	border-bottom: 1px dotted #fff;
}

*/

.jp-nav-list .jp-nav-input {       /*  Override highlightning for input types */
        border: 2px solid transparent  !important;
        background: transparent;
        margin-bottom: 0px  !important;
}
.jp-nav-list .jp-nav-input .jp-nav-input-gutter-left { /*  Override highlightning for input types */
        border-left: 18px solid transparent !important; 
}
.jp-nav-list .jp-nav-input:hover { /*  Override highlightning for input types */
        border: 2px solid #2e9afe !important;
        background: transparent;
        margin-bottom: 0px  !important;
}

.jp-nav-dock > ul:first-child {                   /* Separator border for cascading widgets */ 
	border-bottom: 1px solid #b8b8b8;
}


 
/*
*  2. Scroll bars
*/
 


.jp-nav-scroll {
      position: relative;
 

}

.jp-nav-scroll  ul {
       position:relative;
       padding-right: 0px !important; /* right gutter for jrole scrolll */     
       border-bottom: 0px solid #eee;
       border-top: 0px solid #eee;
  

}

.jp-nav-scroll-bar {
	position: absolute;
	top:0;
	right: 0px;
	height:100%;
	width: 10px;
	/* border: 4px solid #5c92e7; */
	border: 2px solid #fff;
        overflow: hidden;	 
	background: #ddd;
	cursor:move;

}

.jp-nav-scroll-track {
	width: 6px;
        border: 1px solid #fff;
        border-top: none !important;

        border-bottom: none !important;
        
	background-color: #1b8dff;
	cursor: default;
		border-radius: 6px;
	
		-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	opacity: 1;
	-moz-opacity:1;
}


/* ===============================
   Widgets basic structure
   =============================== */

.jp-nav-group .jp-nav-widget {
 	border-top: none;
}

.jp-nav-widget {                 /* Base widget block coloring and border */
	/* color: #000000; */
	/* font-size: 1em; */
 	background: #eee;
	background: -moz-linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent;
 	background: -webkit-linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent;
 	background: -o-linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent;
 	background: -ms-linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent;
 	background: linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent;
	border: 1px solid #b8b8b8; 
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
	/*border-radius: 4px; */
	
}

.jp-nav-widget .jp-nav-deck-header {   
 	background: #f7f7f7;
       /* border-top: 1px solid #ddd !important; */
        border-bottom: 1px solid #ddd !important; 

}

.jp-nav-deck-header .jp-nav-list ul { /* Make top border for the widget header list */
     border-bottom: 0px !important;
}

/* .jp-nav-push-horizontal .jp-nav-deck-header .jp-nav-label.jp-nav-append,
.jp-nav-push-vertical .jp-nav-deck-header .jp-nav-label.jp-nav-append {
 	background: none;
 	border-left: none;
}
*/

/* .jp-nav-deck-header .jp-nav-list a:hover {
 	color: #ff2000;
}
*/

.jp-nav-deck-footer {
 	background: #f7f7f7;
	/*border-top: 1px solid #b8b8b8; 	
 	min-height: 2.4em;*/
}

.jp-nav-footnote {
        font-size: 90%;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
        padding: 0.5em 0.5em 0.5em 0.5em !important;
        text-decoration: none !important;
        border-top: 1px solid #ddd;
        color: #999;
}

.jp-nav-pager {
 	border-top: 0px solid #b8b8b8; 	
}



/* ===============================
   Navigation orientation  - Horizontal
   =============================== */

.jp-nav-push-horizontal {
	border-left: none;
	border-right: none;	
	/*border-radius: 8px !important; */ /* This is rounded corners to remove */	
	/*border: 1px solid #b8b8b8;*/
	display: inline-block;
	position: relative;
	/*margin-right: -12px;*/
	width: 100%;
	/*width: auto;*/
}

.jp-nav-push-horizontal  .jp-nav:last-child {
 	border-right: none !important;
}

/* condlict to check */

.jp-nav-push-horizontal  .jp-nav:last-child {
 	border-right: none !important;
}

.jp-nav-push-horizontal .jp-nav-dock-pull-right .jp-nav + .jp-nav:last-child .jp-nav-append{
 	margin-left: -1px;
}

/* .jp-nav-push-horizontal .jp-nav-dock-pull-left .jp-nav:first-child {
 	border-left: 0px solid #b8b8b8;
}
*/

.jp-nav-push-horizontal .jp-nav-deck {
	border-left: 1px solid #b8b8b8;
	border-right: 1px solid #b8b8b8;
}

.jp-nav-widget.jp-nav-push-horizontal .jp-nav-deck {
	border-left: none;
	border-right: none;
}

.jp-nav-push-horizontal .jp-nav-dock-pull-left .jp-nav:last-child { 
 	border-left: none;
}


.jp-nav-widget.jp-nav-push-horizontal {
 	border: 1px solid #b8b8b8;
	margin: 0;  
	/* margin: 0 0 1% 0;   Margin added for horizontal widget spacing */
}


/* ===============================
   Navigation orientation  - Vertical
   =============================== */


.jp-nav-push-vertical .jp-nav {
	border-right: none;
        border-bottom: 1px solid #b8b8b8;
}
.jp-nav-push-vertical .jp-nav:last-child {
 	border-bottom: none;
}




.jp-nav-push-vertical .jp-nav-dock .jp-nav:last-child,
.jp-nav-menu-overthrow .jp-nav:last-child,
.jp-nav-push-vertical .jp-nav-widget.jp-nav {
 	border-bottom: none;
}

.jp-nav-push-vertical .jp-nav-toggle .jp-nav-append,
.jp-nav-push-vertical .jp-nav-combo .jp-nav-append {

/*	border-left: 1px solid #b8b8b8;
 	background: #eee; 
	background: -moz-linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent;
 	background: -webkit-linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent;
 	background: -o-linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent;
 	background: -ms-linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent;
 	background: linear-gradient(top , #fff, #e6e6e6) repeat scroll 0% 0% transparent;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
*/

	/*border-radius:3px;*/
	/* color: #000; */

}

.jp-nav-push-vertical .jp-nav .jp-nav-combo .jp-nav-append {
 	background: inherit;
}

.jp-nav-push-vertical .jp-nav-toggle .jp-nav-prepend,
.jp-nav-push-vertical .jp-nav-combo .jp-nav-prepend {
	border: none;
}

.jp-nav-push-vertical .jp-nav-list {
        background: #fff;
        border: none;
}


/* ===============================
   Navigation icons sprites
   
   THIS MUST BE VALIDATED. NOT SURE IT'S NEEDED
   =============================== */


.jp-nav-caret {
 	position:relative;
 	padding-left: 2.4em !important;
}
.jp-nav-caret i {
 	position: absolute;
 	left: .5em;
 	top: 50%;
 	margin-top: -8px;
}

.jp-nav-drop {
 	border-right: 1px solid  #b8b8b8;
}

.jp-nav-widget .jp-nav-drop:only-child {
	border: none;
}


.jp-nav-append {
	border-left: 1px solid #b8b8b8;
}

/*  Mose over effects for navigation */

.jp-nav-push-horizontal .jp-nav {
	/*margin-bottom: -1px;*/
}

/*.jp-nav .jp-nav-state-active  { /* this need to be in the hooks */
	background: #fff;
	color: #ff1500;
}
*/

.jp-nav-push-horizontal .jp-nav .jp-nav-state-active {
	border-bottom: 1px solid #fff;
	margin-bottom: -1px;
}

.jp-nav.jp-nav-state-active,
.jp-nav-pull-below .jp-nav.jp-nav-state-active {
	background: #fff;
	color: #ff1500;
	border-bottom: 1px solid #fff;
	margin-bottom: -1px;
}

.jp-nav-pull-above .jp-nav.jp-nav-state-active {
	background: #fff;
	color: #ff1500;
	border-bottom: none;
	border-top: 1px solid #fff;
	margin-top: -1px;
}








/*  Conflict with modal window and not sure we need top border here

.jp-nav-group .jp-nav-widget:first-child {
 	border-top: 1px solid #b8b8b8;
}
*/



/* ===============================
   Hightlight of Navigation
   =============================== */




/* ===============================
   Navigation badges
   =============================== */

/* .jp-nav-badge {
	font-weight: normal;
  	text-align: center;
        text-transform: uppercase; 
        border: 2px solid #fff;
        border-radius: 999px;
        -webkit-border-radius: 999px;
        -moz-border-radius: 999px;
        box-shadow: #eee 2px 1px 1px;
       -webkit-box-shadow: #eee 2px 0px 1px;
       -moz-box-shadow: #eee 2px 0px 1px;
        background: #eee;
  
}

.jp-nav-badge:hover {
        box-shadow: #666 2px 1px 1px;
       -webkit-box-shadow: #666 2px 0px 1px;
       -moz-box-shadow: #666 2px 0px 1px;
}

*/

/*
*  Forms, inputs and buttons rendering
*/


.jp-bu-render-unmasked.jp-bu-append {
	border-left: 1px solid #b8b8b8;
}


























/* ===============================
   drafts to clean up
   =============================== */



/* MASTHEAD KPI */

.jp-box-masthead-kpi {}

/* MASTHEAD WORKFLOW MENU */

.jp-box-masthead-menu {}


/* MASTHEAD WORKFLOW FORMS */



/* #1b8dff; */



.jp-wfl-io-data-loader {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 100% !important;
    padding: 2%;
    margin-right: -50% !important;
    transform: translate(-50%, -50%) !important;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    border: 0px solid #fff;
    z-index: 9 !important;
    overflow: hidden;
   text-align: center;
}
 

.jp-grid-media {
     padding: 0;
     margin: 0 auto;
     background: #eee;
     border: 2px solid transparent;
     

}
.jp-grid-media img, object {
     width: 100%;
     max-width: 100%
     height: auto;
     padding: 0;
     margin:0;
     display: block; /* removes bottom margin */
}

.jp-grid-media a {
     padding: 0;
     margin: 0;
     border: none;
     text-decoration: none;
}


.jp-grid-media-modal {
      position: absolute !important;
      top: 50% !important;
      left: 50% !important;
      margin-right: -50% !important;
      transform: translate(-50%, -50%) !important;
      -webkit-transform: translate(-50%, -50%) !important;
      -ms-transform:  translate(-50%, -50%) !important;
      z-index: 900000 !important;
      overflow: hidden;

      /* object-fit: contain; */
      /*  object-fit: fill; */
      /*  object-fit: cover; */

}


[data-image-rendition="grid-media-modal"] {max-height: 100%;  max-width: 100%;   padding: 0em; margin: 0;  border: 2px solid #fff;}
[data-grid-media-theme="default"] .jp-cell img {margin-top: 0px !important;}
[data-grid-media-theme="default"] .jp-cell {border: 0px solid transparent !important;}
[data-grid-media-theme="default"] .jp-cell:hover {border: 0px solid #fff !important;}
[data-grid-media-theme="default"] .jp-cell  a > span {position: absolute; left: 0; top: 0; padding: 0.5em; margin: 0; display: block; width: 100%; font-size: 80%; text-transform: uppercase; text-align: center; background:  rgba(0,0,0,0.8); color: #fff;}


[data-smooth-viewport-columns="1"]  { width: 100% !important; }
[data-smooth-viewport-columns="15"] { width: 66.666% !important; }
[data-smooth-viewport-columns="2"]  { width: 50% !important; }
[data-smooth-viewport-columns="25"] { width: 40% !important; }
[data-smooth-viewport-columns="3"]  { width: 33.333% !important; }
[data-smooth-viewport-columns="35"] { width: 28.57% !important; }
[data-smooth-viewport-columns="4"]  { width: 25% !important; }
[data-smooth-viewport-columns="45"] { width: 22.2222% !important; }
[data-smooth-viewport-columns="5"]  { width: 20% !important; }2
[data-smooth-viewport-columns="6"]  { width: 16.666% !important; }
[data-smooth-viewport-columns="7"]  { width: 14.285% !important; }
[data-smooth-viewport-columns="8"]  { width: 12.5% !important; }
[data-smooth-viewport-columns="9"]  { width: 11.111% !important; }
[data-smooth-viewport-columns="10"] { width: 10% !important; }








[data-grid-media-theme="list::singe::row"] {height: 450px !important; overflow: hidden; max-height: 100%;  max-width: 100%;   padding: 0em; margin: 0;}



[data-grid-media-theme="card-embedded"] .jp-card-content,
[data-grid-media-theme="card-social"]  .jp-card-content,
[data-grid-media-theme="card-article"] .jp-card-content,
[data-grid-media-theme="card-photo"]   .jp-card-content,
[data-grid-media-theme="card-location"] .jp-card-content {background: #E4E0DB; color: #000;}

[data-grid-media-theme="card-embedded"] .jp-card-content-prompt,
[data-grid-media-theme="card-social"]  .jp-card-content-prompt,
[data-grid-media-theme="card-article"] .jp-card-content-prompt,
[data-grid-media-theme="card-photo"]   .jp-card-content-prompt,
[data-grid-media-theme="card-location"] .jp-card-content-prompt { font-family: 'Domine', serif; font-weight: 600;text-transform: uppercase;}


[data-grid-media-theme="card-location"] .jp-card-content-headline {font-family: 'Domine', serif;  font-weight: 400; color: #4E4C4A; display: block; text-transform: uppercase; line-height: 111%; }

[data-grid-media-theme="card-article"] .jp-card-content {background: #ffffff; color: #000;}
[data-grid-media-theme="card-article"] .jp-card-content-headline {  font-family: 'Domine', serif;  font-weight: 400; color: #976F26; display: block; text-transform: uppercase; line-height: 110%; }


[data-marker-id="highlight-card-banner"],
[data-marker-id="highlight-card-embedded"],
[data-marker-id="highlight-card-social"],
[data-marker-id="highlight-card-article"],
[data-marker-id="highlight-card-location"],
[data-marker-id="highlight-card-photo"] {border: 10px solid #fff;}

[data-marker-id="highlight-card-banner"]:hover,
[data-marker-id="highlight-card-social"]:hover,
[data-marker-id="highlight-card-article"]:hover,
[data-marker-id="highlight-card-location"]:hover,
[data-marker-id="highlight-card-photo"]:hover {border: 10px solid #fff;}


[data-marker-id="highlight-card-location-reel"] {border: none !important;}
[data-marker-id="highlight-card-location-reel"]:hover {border: none !important;}

[data-marker-id="highlight-card-banner"] h4  {color: #fff !important; font-size: 140%; z-index: 99999999999 !important;}

.jp-card {
        float: left;
        overflow: hidden;
        position: relative;
        clear: right;
        height: 20%;
}




.jp-card-content-image-cover {
        background-position:50% 50%  !important;
        background-repeat:no-repeat  !important;
        background-size:cover  !important;
        -webkit-background-size:cover  !important;
        -moz-background-size:cover  !important;
        -o-background-size:cover  !important;

}

.jp-card-content-embedded-modal {
          overflow-x:hidden;
          overflow-y:hidden;
          border-style: none;
          width: 100%;
          height: 100%;
          z-index: 9000000 !important;

}

.jp-card-content-embedded {
           height: 100% !important;
           width: 100% !important;

          border: 2px solid #ere0db;
          position: relative;


}

.jp-card-content-embedded iframe,
.jp-card-content-embedded iframe object,
.jp-card-content-embedded iframe video {
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          border: 0;
          height: 100% !important;
          width: 100% !important;
          overflow-x:hidden  !important;
          overflow-y:hidden  !important;
          border-style: none  !important;

}


.jp-card-content {
        display: block;
        position: absolute;
        vertical-align: middle;
        left: 0  ;
        bottom: 0px ;
        padding: 0.25em;
        padding-top: 1em !important;
        width: 100%;

        vertical-align: middle;
        max-height: 200px;
        padding-bottom: 1.0em; /* makes white space betweenb content and fixed position meta or prompts */

}

.jp-card-content-headline{
        display: block;
        font-size: 125%;
        padding: 0.25em;
        margin-top: 0 !important;
        vertical-align: middle;

       /* setup single line */
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;

}
.jp-card-content-excerpt{
        display: block;
        padding: 0.25em;
        margin-bottom: 1.5em; /* for mixed prompt gutter */
        line-height: 125%;



       /* setup single line
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;

        /* setup 2 line */
        height: 2.75em;
        vertical-align: middle;
        overflow: hidden;
        text-overflow: ellipsis;   */

}


.jp-card-content-prompt{
        display: block;
        position: absolute;
        left: 0 ;
        bottom: 0;
        text-align: center;
        width: 100%;
        line-height: 2em;
        font-size: 100%;
        padding: 0.25em;
}

.jp-card-anchor{
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
	z-index: 990000000 !important;
	width: 100% !important;
	height: 100% !important;
	border: none;
}
.jp-card-label-tag{
}
.jp-card-label-category {
}
.jp-card-label-segnment{
}
.jp-card-label-section{
}


.jp-card-meta {
        display: block;
        position: absolute;
        left: 0 ;
        bottom: 0;
        text-align: center;
        width: 100%;
        line-height: 1.5em;
        font-size: 100%;
        padding: 0.25em;

}
.jp-card-meta-channel{
         display: inline-block;
         float: right;
         padding: 0.25em;
}
.jp-card-meta-author{
         display: inline-block;

}
.jp-card-meta-timestamp{
         display: inline-block;

}
.jp-card-meta-counter-views{
         display: inline-block;
        padding: 0.25em;
}
.jp-card-meta-counter-comments {
         display: inline-block;
         float: left;
         padding: 0.25em;
}
.jp-card-meta-counter-likes{
         display: inline-block;
         float: left;
        padding: 0.25em;
}
.jp-card-meta-counter-shares{
         display: inline-block;
         float: left;
        padding: 0.25em;
}
.jp-card-meta-counter-downloads{
         display: inline-block;
}


[data-grid-media-theme="list::multi::row"]  { max-height: 100%;  max-width: 100%;  padding: 0em; margin: 0;}

[data-image-rendition="grid-media-modal"] {max-height: 100%;  max-width: 100%;   padding: 0em; margin: 5px;  border: none;}



[data-smooth-viewport-columns="1"]  { width: 100% !important; }
[data-smooth-viewport-columns="15"] { width: 66.666% !important; }
[data-smooth-viewport-columns="2"]  { width: 50% !important; }
[data-smooth-viewport-columns="25"] { width: 40% !important; }
[data-smooth-viewport-columns="3"]  { width: 33.333% !important; }
[data-smooth-viewport-columns="35"] { width: 28.57% !important; }
[data-smooth-viewport-columns="4"]  { width: 25% !important; }
[data-smooth-viewport-columns="45"] { width: 22.2222% !important; }
[data-smooth-viewport-columns="5"]  { width: 20% !important; }
[data-smooth-viewport-columns="6"]  { width: 16.666% !important; }
[data-smooth-viewport-columns="7"]  { width: 14.285% !important; }
[data-smooth-viewport-columns="8"]  { width: 12.5% !important; }
[data-smooth-viewport-columns="9"]  { width: 11.111% !important; }
[data-smooth-viewport-columns="10"] { width: 10% !important; }







