/* fixing navigation dropdown - vertical dotted border */
.menu-solutions {
    width: auto; 
    margin: 0 auto;
    list-style-type: none;
}

/* add drop shadow to buttons, don't adhere to flat design */
.cta-1, .cta-2, .cta-3, .cta-4 {
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);
}

/* reapply missing padding to .table-striped cells */
.table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
  padding: 8px;
}

/*Utility classes*/
.d-none { /*Sets display to none*/
 	display: none; 
}

/* For WCAG 2.4.7: Focus Visible , put border on main nav when in focus, put grey background on dropdown links when in focus */

#main-menu li.dropdown a.dropdown-toggle:focus{
	border: 1px solid #ed1c24;
}


#main-menu .container li a:focus {
	background-color: #eeeeee;
}

/* WCAG 2.4.7 compliance for top nav with country selector etc. */
#topnav .navbar-nav > li > a:focus {
	border: 2px solid #e7e7e7;
}

/* Accessibility compliance: increasing contrast for "about us" naviagtion */
#topnav .navbar-nav > li > a:hover, #topnav .dropdown.open a.dropdown-toggle, #topnav .navbar-nav li:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
	color: #BE151D;
}


/* Make the link navigation bars a little shorter */
.sub-category-navigation .sub-category-list a p {
  	min-height: 0px;
}

.sub-category-navigation .sub-category-list .item {
  	min-height: 115px;
}

/* Adding custom color red to GridCarousel */
.owl-carousel .owl-wrapper .gridcolor {
    background-color: #ed1c24;
}

/* make active element bold in media gallery, instead of it being half-opacity */
.media-gallery .active .thumbs.media h5, .media-gallery .active .thumbs.media {
    opacity: 1;
	font-weight:bold;
}
.media-gallery .active{ background-color: rgba(128, 128, 128, 0.24);}

/* Override hidden-sm hidden-xs values in media gallery*/
.media-gallery .hidden-sm.hidden-xs {
  	display: block !important;
}


/*--- FOR SPLASH PAGE copied from Lexis+ UK---*/


.plus-products-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-gap: 2rem;
    align-items: start;
}

.plus-product-box {
    background-color: #FFFFFF;
    color: #000000;
    border-radius: 8px;
    background-position: right bottom;
    background-size: 135%;
    background-repeat: no-repeat;
    height: 100%;
    overflow: hidden;
}

.plus-product-box.legal-research {
    background-image: url(/lexis-plus/assets/bg-research.png);
    background-position: right bottom;
}

.plus-product-box.practical-guidance {
    background-image: url(/lexis-plus/assets/bg-guidance.png);
    background-position: left bottom;
}

.plus-product-box.feature-1 {
    background-position: right bottom;
}

.plus-product-box.feature-2 {
    background-position: left bottom;
}

.plus-product-box-inner {
    padding: 3rem;
    background-color: #fafafa;
    height: 100%;
}


.legal-research-text-gradient {
    background: #FF1563;
    background: -moz-linear-gradient(to left, #990F14 0%, #E8171F 25%, #FF1563 50%, #BE1563 100%);
    background: linear-gradient(to left, #990F14 0%, #E8171F 25%, #FF1563 50%, #BE1563 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.practical-guidance-text-gradient {
    background: #13A8EA;
    background: -moz-linear-gradient(to left, #5037A0 0%, #13A8EA 100%);
    background: linear-gradient(to left, #5037A0 0%, #13A8EA 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
