/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */
/*@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-family: 'Open Sans', sans-serif;
  font-size:16px;
  line-height: 22px;
  font-weight:400;
  color:rgb(78,78,80);
  margin:0;
  min-width:266px;
}



#block-menu-menu-social-connection .content ul.menu li a,
#block-views-exp-display-products-page .views-submit-button .form-submit,
.block-views-exp-site-search-page .views-submit-button .form-submit,
.node-premium .field-name-title h2::before {
  background: url(../images/sprites.png) no-repeat;
}

/*admin menu hides site, adjust layout for admins*/
#admin-menu {
  display: none;
}

body.admin-menu {
  margin-top: 0px !important;
}
body.environment-indicator-adjust.environment-indicator-left {
  margin-left: 0px;
}

#environment-indicator {
  display: none;
}

/*override sig styling*/
.zone-content-wrapper .zone-content {
  margin-bottom: 0px;

}
.zone-footer-wrapper {
  padding-bottom: 36px;
  padding-top: 0px;
}

.section-content {
  height: 100%;
  height: auto;
  min-height: auto;
}

.region-sidebar-first .block,
.region-sidebar-second .block {
  margin-bottom: 1.25em;
}


#zone-preface .block-dfp {
  width:100%;
  min-height:54px;
  max-width: 100%;
  overflow:hidden;
}

nav.links.node-links {
  float: right;
  margin-right: 15px;
  margin-top: 00px;
  padding: 0px;
  white-space: nowrap;
}

/* regular main heading style */
h1,
h1 a:link,
h1 a:visited,
.not-logged-in .node-promoted .field-name-title h2 a {
  font-size: 1.250em;  /*20*/
  line-height:1.2em;  /*24px*/
  font-weight:600;
  text-transform:none;
  color:rgb(78,78,78);
  margin-bottom: 6px;
}

.not-logged-in .node-promoted .field-name-title h2 a {
  font-size: 20px;
}

/*page titles, very large main heading style small screen, full
size at 500px MQ */
h1#page-title {
  font-size: 2em;  /*32*/
  line-height:1.188em;  /*38px*/
  font-weight:300;
  text-transform:none;
  color:rgb(78,78,80);
  margin-left: 0px;
}

/* some content types now using h1#page-title, so those cases need the same styling as main headings */
.node-type-company-press-release h1#page-title,
.node-type-company-white-paper h1#page-title,
.node-type-company-brochure h1#page-title {
  font-size: 1.250em;  /*20*/
  line-height:1.2em;  /*24px*/
  font-weight:600;
  text-transform:none;
  color:rgb(78,78,78);
  margin-bottom: 6px;
}

/* ### site logo ### */

h1.logo,
h1.logo a {
  font-family: 'Open Sans Condensed', sans-serif;
  font-size:19px;
  font-weight:700;
  line-height:21px;
  text-transform:uppercase;
  color:rgb(255,255,255);
  margin:0;
  vertical-align:middle;
  white-space: nowrap;
}

#block-menu-menu-user-menu {
  height: 20px;
  width: 100px;
}

h1.logo .highlighted {
  color:rgb(58,152,216);
}

/*just required for styleguide */
h1.logo.styleguidedemo {
  background-color:#000;
  padding:10px;
}

h1.logo:first-letter {
  text-transform:lowercase;
}

/* ### page titles ### */

h1.page-title.primary {
  background-color:rgb(58,152,216);
}

h1.page-title.secondary {
  background-color:rgb(42,187,155);
}

/* ### subscription headers ### */

h1.subscription {
  font-weight:400;
  border-top:20px solid;
}

h1.gold {
  color:rgb(251,180,76);
  border-color:rgb(251,180,76);
}

h1.silver {
  color:rgb(160,174,183);
  border-color:rgb(160,174,183);
}

h1.trial {
  color:rgb(101,196,222);
  border-color:rgb(101,196,222);
}

h2 {
  font-size:1.250em; /*20*/
  line-height:1.2em; /*24*/
  font-weight: 400;
  color:rgb(0,0,0);
  clear: left;
  margin-bottom: 8px;
}

.group-group-block-area-1 > .field-name-body.field-type-text-with-summary p {
  color: rgb(78, 78, 78);
  font-size: 25px;
  font-size: 0.625em;
  font-weight: 400;
  line-height: 28px;
  line-height: 1.2em;
  margin-bottom: 0.4em;
  text-transform: none;
}


/* ### frontpage strapline ### */
h2.strapline {
  font-size:40px;
  line-height:48px;
  font-weight:300;
  color:rgb(78,78,78);
}

h2.block-title {
  font-size: 20px;
  padding: 10px;
  color: #ffffff;
  background: rgb(58, 152, 216);
}


h3 {
  font-size:1em; /*16*/
  line-height:1.375em; /**/
  font-weight:700;
  color:rgb(0,0,0);
  margin-bottom: 5px;
}

h3.field-label {
  color:rgb(78,78,80);
}

h4 {
  font-size:1em; /*16*/
  line-height:1.375em; /*22*/
  font-weight:700;
  color:rgb(78,78,80);
  margin-bottom: 5px;
}

/* ### filter facets ### */

p.filter {
  font-size:1.250em; /*20*/
  color:rgb(255,255,255);
  padding:10px;
  text-transform:capitalize;
}

p.filter.primary {
  background-color:rgb(58,152,216);
}

p.filter.secondary {
  background-color:rgb(42,187,155);
}

/* ### links ### */

a:link,
a:visited {
  font-weight:400;
  color:rgb(0,109,189);
}

.block-system-main a:link,
.block-system-main a:visited {
  font-size: 1em;
}

a:hover {
  text-decoration:underline;
}

/* ### buttons ### */

a.button/*,
.block-menu a,
.basket-button a*/ {
  font-size:10px;
  line-height:12px;
  text-align: center;
  text-decoration: none;
  color: rgb(255, 255, 255);
  background-color: rgb(89, 91, 93);
  display: inline-block;
  margin: 0.2em 0;
  padding: 4px 7px;
  border-radius: 3px 3px 3px 3px;
}

a.shop.button {
  background-color: rgb(239, 90, 52);
}

.breadcrumb {

}

.breadcrumb {
  font-size: 0.750em;
  line-height: 1.833em;
  background: rgb(145, 140, 139);
  background: rgba(145, 140, 139, 0.2);
  padding: 0.417em 0.833em;
  color: rgb(78, 78, 80);
  border-radius: 0px;
  border: none;
}

.breadcrumb a {
  font-size: 1em;
  padding: 0 0.833em; /*10 px */
}

.breadcrumb a:first-child {
  font-size: 1em;
  padding-left: 0; /*10 px */
}

/* ### header ### */
/*use the direct decendant selector, or all headers in the doc affected
*/
#page > header {
  position:fixed;
  width:100%;
  z-index:500;
}


#page > header.scroll-mobile {
  position:relative;
  width:100%;
  z-index:500;
}


/* padding top on section to stop the first content elements being underneath the fixed header */
#section-content {
  padding-top: 11em;
}

#page > header.scroll-mobile + #section-content {
  padding-top: 0px;
}

.basket-quantity {
  display: none;
}

/* ### user wrapper ### */

.zone-user-wrapper {
  background-color:#000;
  height:auto;
  padding:10px 0;
}

#region-user-second {
  background-color:transparent;
}

/* ### user menu ### */
#region-user-second .region-user-second-inner {
  float: right;
  height: 100%;
}
/* (button styling dealt with above) */

#region-user-second {
  margin-right:10px;
}

#region-user-second {
  float: right;
  margin-right: 10px;
}


.block-igb-mini-cart,
.block-menu-user-menu {
  float: left;
  border-radius: 3px 3px 3px 3px;
}



.block-igb-mini-cart .basket-button a,
.block-menu-user-menu a {
  color: rgb(255, 255, 255);
  display: block;
  font-size: 10px;
  font-weight: 600;
  padding: 2px 3px;
  text-align: center;
  text-decoration: none;
}

.block-igb-mini-cart .basket-button a {
  background-color: rgb(243, 111, 33);
  margin-right: 5px;
  border-radius: 4px;
}

.basket-button {
  float: left;
  width: 46px;
}

.block-menu-user-menu .content ul.menu li a {
  font-weight: 400;
  padding: 0px 0px;
}
.block-menu-user-menu .content {
  float:none;
  position:static;
  width:auto;
}

#block-menu-menu-user-menu {
  width: auto;
}

.block-menu-user-menu .content ul.menu {
  left:auto;
  margin:0;
  position:static;
}

#zone-user .block-menu-user-menu .content ul.menu li {
  width: auto;
  padding: 0px 5px;
  background: rgb(89, 91, 93);
  border-radius: 4px;
}

#zone-user .block-menu-user-menu .content ul.menu li.first {
  margin-right: 5px;
}



.block-menu-user-menu .block-inner {
  margin-right: 0px;
}

.block-menu-user-menu .content ul.menu li {
  display: inline-block;
  float: left;
  position: relative;
  right: 0;
}

#region-user-first {
  float: left;
  width: 44%;
}

#zone-user li {
  list-style:none;
  padding:0;
  margin:0;
}

/* ### branding ### */
/* removing some SiG styling as branding region currently not being used */

#zone-branding-wrapper,
#zone-branding {
  height:0;
}

.zone-branding .region-branding {
  margin:0;
}

/* ### menu wrapper ### */

#zone-menu-wrapper {
  background-color:rgb(225,225,219);
  padding-bottom:10px;
}

/* ### search ### */
.block-views-exp-site-search-page .views-exposed-widgets {
  margin:0;
  width:100%;
}

#block-views-exp-display-products-page,
.block-views-exp-site-search-page {
  margin:0;
  padding:10px 0;
}

.block-views-exp-site-search-page #edit-search-api-views-fulltext {
  height:26px;
  padding: 3px 30px 3px 8px;
  border:1px solid rgb(78, 78, 78);
  border-radius:12px;
  font-size:15px;
  background-color:#fff;
  color:#000;
}

#block-views-exp-display-products-page .views-submit-button,
.block-views-exp-site-search-page .views-submit-button {
  right: 8px;
  top:0;
}

#block-views-exp-display-products-page .views-submit-button .form-submit,
.block-views-exp-site-search-page .views-submit-button .form-submit {
  /*background:url('../images/mag-glass.png') no-repeat center center transparent;*/
  background-position: -56px -117px ;
  width: 19px;
  height: 19px;
}

/* Page node margins in search results */

.view-site-search .node-page {
  margin:0;
}

/* ### menus ### */

.region-menu {
  position:static;
}

/* ### mobile menu ### */

.block-menu-mobile-menu li {
  float:left;
  width:50%;
  padding:0;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #595c5c), color-stop(1, #000) );
  background:-moz-linear-gradient( center top, #595c5c 5%, #000 100% );
  background-color:#000;
}

.block-menu-mobile-menu li.leaf {
  list-style:none;
  margin:0;
}

.block-menu-mobile-menu #togglePrimary,
.block-menu-mobile-menu #toggleSecondary {
  display:block;
  width:100%;
  color:#fff;
  padding:7px 30% 7px 10%;
  font-size:15px;
  text-decoration: none;
  text-transform: uppercase;
  background:url('../images/menu-lines.png') no-repeat 90% center transparent;
}

.block-menu-mobile-menu #togglePrimary {
  border-right:1px solid #fff;
}

.block-menu-mobile-menu #togglePrimary:hover,
.block-menu-mobile-menu #togglePrimary.active {
  background:url('../images/menu-lines.png') no-repeat 90% center rgb(58,152,216);
  cursor:pointer;
}


.block-menu-mobile-menu #toggleSecondary:hover,
.block-menu-mobile-menu #toggleSecondary.active {
  background:url('../images/menu-lines.png') no-repeat 90% center rgb(42, 187, 155);
  cursor:pointer;
}



/* ### menus ### */


#superfish-1,
#superfish-2 {
  display:none;
  width:100%;
  border-radius:0 0 5px 5px;
}

#superfish-1 li,
#superfish-2 li {
  display: block;
  width:100%;
  background-color:rgb(58,152,216);
  border-top:1px solid #fff;
  font-size:14px;
}

#superfish-2 li {
  background-color: rgb(42, 187, 155);
}

#superfish-1 li:hover {
  background-color:rgb(47, 141, 205);
}
#superfish-2 li:hover {
  background-color:#000;
  background-color:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #595c5c), color-stop(1, #000) );
  background-color:-moz-linear-gradient( center top, #595c5c 5%, #000 100% );

}
#superfish-1 li:last-of-type,
#superfish-2 li:last-of-type {
  border-radius:0 0 5px 5px;
}

#superfish-1 li a,
#superfish-1 li span,
#superfish-2 li a,
#superfish-2 li span {
  width:100%;
  display: block;
  padding: 0.75em 10px 0.75em 10%;
  line-height: 1.5em;
  text-decoration: none;
  background-color:transparent;
  color:#fff;
  border:none;
  /* for span (used when there's an empty link) */
  cursor:pointer;
}

#superfish-1 li a:hover,
#superfish-1 li span:hover,
#superfish-2 li a:hover,
#superfish-2 li span:hover {
  background-color: white;
  color: rgb(58, 152, 216);
}

#superfish-1 li a.menuparent,
#superfish-1 li span.menuparent,
#superfish-2 li a.menuparent,
#superfish-2 li span.menuparent {
  background:url('../images/menuparentmobile.png') no-repeat 3.5% center;
}

#superfish-1 li:hover a.menuparent,
#superfish-1 li:hover span.menuparent,
#superfish-2 li:hover a.menuparent,
#superfish-2 li:hover span.menuparent {
  background-color: white;
  color: rgb(58, 152, 216);
}

/* submenus */

#superfish-1 li ul,
#superfish-2 li ul {
  border-radius:0;
  width:100%;
}



#superfish-1 li:hover ul,
#superfish-2 li:hover ul {
  position:static;
}

#superfish-1 li ul li,
#superfish-2 li ul li{
  background-color:rgb(255,255,255);
  border-top:1px dotted rgb(0,0,0);
}

#superfish-1 li ul li:hover,
#superfish-2 li ul li:hover {
  background-color:rgb(255,255,255);
}

#superfish-1 li ul li:first-of-type,
#superfish-2 li ul li:first-of-type {
  border-top:none;
  background:url('../images/bluedroparrow.png') no-repeat center top #fff;
}

#superfish-1 li ul li:last-of-type,
#superfish-2 li ul li:last-of-type {
  border-radius: 0px 0px 0px 0px;
}

#superfish-1 li ul li a,
#superfish-1 li ul li span,
#superfish-2 li ul li a,
#superfish-2 li ul li span {
  padding-left:15%;
  color:#000;
}

#superfish-1 li ul li:hover a,
#superfish-1 li ul li:hover span,
#superfish-2 li ul li:hover a,
#superfish-2 li ul li:hover span {
  text-decoration:underline;
}

/*tabs*/
.tabs  {
  width: 100%;
  display: inline-block;
  margin: 10px 0px;
}
.tabs ul.primary  {
  width: 100%;
  display: inline-block;
  margin: 0px 0px;
  padding-left: 0px;
  white-space: normal;
  border-bottom: 0px;
}

.tabs ul.primary li {
  display: inline-block;
  margin: 0px;
  margin-right: 10px;
  margin-top: 10px;
  width: 100%;
}

ul.primary li a {
  background: rgb(225, 225, 219);
  display: block;
  margin: 0px;
  text-align: center;
  height: 30px;
  white-space: normal;
  line-height: 30px;
  padding: 0px 5px;
  border: 1px solid rgb(160, 174, 183);
}

ul.primary li.active a {
  border: 1px solid rgb(160, 174, 183);
}

/* social icons styling, override SiG */

.view-organisation-profile-social-links .views-field {
  border:none;
  text-align:left;
  border-top: 1px solid rgb(225, 225, 219);
  border-radius: 0;
  margin-bottom: 0px;
}

.view-organisation-profile-social-links .views-field:last-of-type {
  border-bottom: 1px solid rgb(225, 225, 219);
}

.view-organisation-profile-social-links .views-field a {
  display: inline-block;
  font-size: 16px;
  line-height: 36px;
  padding:10px;
  padding-left:0;
}

.view-organisation-profile-social-links .views-field a:before {
  content: "";
  width: 36px;
  height:36px;
  float: left;
  margin: 0 10px 0 0;
}

.view-organisation-profile-social-links .views-field .field-name-field-company-twitter a:before {
  background: url('../images/follow_us_sprite.png') -50px 0 no-repeat;
}

.view-organisation-profile-social-links .views-field .field-name-field-company-facebook a:before {
  background: url('../images/follow_us_sprite.png') 0 0 no-repeat;
}

.view-organisation-profile-social-links .views-field .field-name-field-company-linkedin a:before {
  background: url('../images/follow_us_sprite.png') -99px 0 no-repeat;
}


/*content types styling*/
.node-activate .field-name-field-image,
.node-article .field-name-field-image,
.node-webinar .field-name-field-image,
.node-type-daily-news .field-name-field-image,
.node-type-legal-news .field-name-field-image,
.node-type-clips .field-name-field-image,
.node-type-blog .field-name-field-image,
.node-type-report-content .field-name-field-image,
.node-type-interview .field-name-field-image,
.node-type-up-next .field-name-field-image,
.node-type-shop-report .field-name-field-cover-image,
.node-type-social-monitor .field-name-field-image,
.node-type-event-calendar .field-name-field-logo,
.node-type-event-calendar .field-name-field-logo,
  /*.node-type-magazine-issue .field-name-field-cover-image,*/
.node-type-press-releases .field-name-field-image,
.view-mode-full .field-name-field-image,
.view-mode-premium .field-name-field-logo,
.view-mode-full .field-name-field-logo {
  margin-bottom: 2%;
  margin-right: 2%;
  float: none;
  clear: both;
  text-align:center;
}

.node-company.ds-2col-stacked .field-name-field-logo img {
  width: 100%;
  max-width: 320px;
}

.node-promoted.view-mode-full .field-name-body h2 {
  clear:right;
}
.node-promoted.view-mode-full .field-name-field-telephone .field-item,
.node-promoted.view-mode-full .field-name-field-email .field-item,
.node-promoted.view-mode-full .field-name-field-fax .field-item,
.node-promoted.view-mode-full .field-name-field-facebook .field-item,
.node-promoted.view-mode-full .field-name-field-linkedin .field-item,
.node-promoted.view-mode-full .field-name-field-pinterest .field-item {
  display: block;
}

.content .field-name-body ul {
  /* this padding styling needs to be more specific, but cannot find the reason for the change originally. reverting to default padding for now
padding-left: 0px; */
  clear: right;
  display: inline-block;
}

.content .field-name-body ul li {
  list-style-type: disc;
  list-style-position: outside;
  display: list-item;
  margin-bottom: 8px;
}

.bean-search-listing .field-name-post-date,
.bean-search-listing .field-name-field-published-date,
.bean-editorial-list .field-name-post-date,
.bean-editorial-list .field-name-field-published-date {
  font-size: 1em;
  color: rgb(78, 78, 78);
  font-weight: 600;
}

.label-inline {
  display: inline;
}

.node-company.ds-2col-stacked > .group-left {
  float: left;
  width: 100%;
  margin-bottom: 1.250em;
}

.node-company.ds-2col-stacked > .group-right {
  float: left;
  width: 100%;
}

.node-company.ds-2col-stacked > .group-left .field {
  margin-bottom: 1.250em;
}

.node-company.ds-2col-stacked .field-type-addressfield {
  width: 100%;
  clear: left;
}

.node-company.ds-2col-stacked .field-type-addressfield .field-items .field-item{
  margin-bottom: 20px;
  display: inline-block;
  width: 100%;
}


/* product styling */

.node-product-type.view-mode-full .field {
  margin-bottom: 10px;
}

.node-product-type.view-mode-full .field-name-commerce-price {
  margin: 20px 0;
}

/*blocks*/
.block-bean-search-listing h2.block-title,
.block-bean-webinars-test h2.block-title,
.block-bean-featured-content h2.block-title,
.block-bean-editorial-list h2.block-title,
.block-bean-carousel h2.block-title {
  background: rgb(58, 152, 216) ;
  position: relative;
  cursor: pointer;
  font-size: 1.125em;
  line-height: 2.444em;
  padding: 0 0.333em;
  margin-bottom: 1.111em;
}

/*.field-type-blockreference .block-bean.collapsible.collapsed h2.block-title {
	background: rgb(58, 152, 216) url(../images/collapse.png) 97% center no-repeat;
}*/

.field-type-blockreference .block-bean.collapsed.collapsible h2.block-title {
  background: rgb(58, 152, 216) url(../images/expand.png) 97% center no-repeat;
}

.field-type-blockreference .block-bean.collapsible h2.block-title {
  background: rgb(58, 152, 216) url(../images/collapse.png) 97% center no-repeat;
}

.field-type-blockreference .block-bean.collapsible h2.block-title {
  /*margin-bottom: 20px;*/

}

body.context-finance .field-type-blockreference .block-bean h2.block-title,
body.context-hr .field-type-blockreference .block-bean h2.block-title,
body.context-marketing .field-type-blockreference .block-bean h2.block-title,
body.context-technical .field-type-blockreference .block-bean h2.block-title,
body.context-management .field-type-blockreference .block-bean h2.block-title,
body.context-legal .field-type-blockreference .block-bean h2.block-title,
body.not-front.node-type-block-landing-page .field-type-blockreference .block-bean h2.block-title {
  /*background: rgb(42, 187, 155);*/
}

body.context-finance .field-type-blockreference .block-bean.collapsed.collapsible h2.block-title,
body.context-hr .field-type-blockreference .block-bean.collapsed.collapsible h2.block-title,
body.context-marketing .field-type-blockreference .block-bean.collapsed.collapsible h2.block-title,
body.context-technical .field-type-blockreference .block-bean.collapsed.collapsible h2.block-title,
body.context-management .field-type-blockreference .block-bean.collapsed.collapsible h2.block-title,
body.context-legal .field-type-blockreference .block-bean.collapsed.collapsible h2.block-title {
  background:url(../images/expand.png) 97% center no-repeat rgb(42, 187, 155);
}

body.context-finance .field-type-blockreference .block-bean.collapsible h2.block-title,
body.context-hr .field-type-blockreference .block-bean.collapsible h2.block-title,
body.context-marketing .field-type-blockreference .block-bean.collapsible h2.block-title,
body.context-technical .field-type-blockreference .block-bean.collapsible h2.block-title,
body.context-management .field-type-blockreference .block-bean.collapsible h2.block-title,
body.context-legal .field-type-blockreference .block-bean.collapsible h2.block-title {
  background:url(../images/collapse.png) 97% center no-repeat rgb(42, 187, 155);
}

.field-type-blockreference .block-bean.collapsed.collapsible .triangle {
  display: none;
}

.field-type-blockreference .block-bean.collapsible .triangle {
  background: url(../images/triangle-expander.png) no-repeat scroll 97% center transparent;
  bottom: -14px;
  height: 20px;
  left: 46%;
  position: absolute;
  width: 20px;
}


body.context-finance .field-type-blockreference .block-bean.collapsible .triangle,
body.context-hr .field-type-blockreference .block-bean.collapsible .triangle,
body.context-marketing .field-type-blockreference .block-bean.collapsible .triangle,
body.context-technical .field-type-blockreference .block-bean.collapsible .triangle,
body.context-management .field-type-blockreference .block-bean.collapsible .triangle,
body.context-legal .field-type-blockreference .block-bean.collapsible .triangle {
  background: url(../images/triangle-expander-green.png) no-repeat scroll 97% center transparent;
  bottom: -14px;
  height: 20px;
  left: 46%;
  position: absolute;
  width: 20px;
}

.field-type-blockreference .block-bean.collapsible .content {
  display: block;
}

.field-type-blockreference .block-bean.collapsible.collapsed .content {
  display: none;
}

.bean-search-listing ul,
.bean-editorial-list ul {
  padding-left: 0px;
  float: left;
  margin-bottom: 0px;
}
.bean-search-listing ul li.views-row,
.bean-editorial-list ul li.views-row {
  margin-left: 0px;
}

.bean-search-listing .field-name-title,
.bean-editorial-list .field-name-title {
  margin-bottom: 20px;
}

.bean-search-listing .field-name-field-image,
.bean-editorial-list .field-name-field-image {
  float: left;
  height: auto;
  margin-right: 4%;
  max-width: 50%;
}

.bean-search-listing .field-name-body.field-type-text-with-summary p:last-child,
.bean-editorial-list .field-name-body.field-type-text-with-summary p:last-child {
  margin-bottom: 0px;
}

.bean-search-listing .item-list ul li.views-row,
.bean-search-listing .field-name-field-promoted-items,
.bean-editorial-list .field-name-field-items > .field-items > .field-item {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgb(78, 78, 78);
}

.bean-search-listing .field-name-field-block-cta,
.bean-editorial-list .field-name-field-block-cta,
.bean-promoted-content .field-name-field-block-cta,
.node-type-social-monitor .webinar-register .field-name-field-link {
  display: inline-block;
  margin-bottom: 20px;
  margin-top: 10px;
  text-align: right;
  clear: both;
  width: 100%;
}

/* button styling (consider moving if becomes more generic) */

.bean-search-listing .field-name-field-block-cta a,
.bean-editorial-list .field-name-field-block-cta a,
.bean-promoted-content .field-name-field-block-cta a,
.node-type-company aside article .node-readmore a,
.context-directory aside article .node-readmore a,
.node-type-social-monitor .webinar-register .field-name-field-link a,
.view-organisation-content .field-name-field-external-source a,
.view-organisation-content .field-name-field-company-brochure-location a,
.node-shop-report .field-name-field-link a {
  background: rgb(160, 174, 183);
  border-radius: 4px 4px 4px 4px;
  color: rgb(0, 0, 0);
  font-size: 15px;
  padding: 5px;
  display: inline-block;
}

.bean-search-listing .field-name-field-block-cta a:hover,
.bean-promoted-content .field-name-field-block-cta a:hover,
.node-type-company aside article .node-readmore a:hover,
.context-directory aside article .node-readmore a:hover,
.node-type-social-monitor .webinar-register .field-name-field-link a:hover,
.view-organisation-content .field-name-field-external-source a:hover,
.view-organisation-content .field-name-field-company-brochure-location a:hover,
.node-shop-report .field-name-field-link a:hover {
  background: rgb(184, 198, 207);
  text-decoration: none;
}

.context-directory aside article li.node-readmore {
  display: inline-block;
  text-align: right;
  width: 100%;
}

.context-directory aside article.node-company-press-release {
  /* margin-bottom: 0.625em;
   padding-bottom: 0.625em;
   border-bottom: 1px solid rgb(78, 78, 78);*/
}

/*beans with no header styling*/
.block-bean-image {
  display: none;
}

.block-image {
  display: none;
  position: relative;
}


/*list views*/

.view-search-listing ul,
.view-site-search ul {
  padding-left: 0px;
  margin-left: 0px;
}

.view-search-listing .item-list li.views-row {
  margin-left: 0px;
}

.view-magazine-back-issues {
  clear: left;
}

/*.view-search-listing ul li.views-row,*/
.view-magazine-back-issues ul li.views-row,
.node-search-listing .view-mode-promoted,
.view-site-search ul li.views-row
  /*.node-company.node-teaser,
  .node-webinar.node-teaser,
  .node-company.view-mode-promoted,
  .node-webinar.view-mode-promoted,
  .node-daily-news.node-teaser*/ {
  border-bottom: 1px solid rgb(78, 78, 78);
  margin-bottom: 20px;
  margin-left: 0;
  padding-bottom: 20px;
}

.field-name-field-promoted-items .view-mode-promoted {
  border-bottom: 1px solid rgb(89, 91, 93);
  list-style: none outside none;
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 10px 0 0;
}
.bean-promoted-content .field-name-field-promoted-items .view-mode-promoted {
  border-bottom: 0;
}

.field-name-field-promoted-items .node-company.view-mode-promoted {
  border: 1px solid rgb(89,91,93);
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 12px;
  background: #ffffff;
  background-image: -o-linear-gradient(left top, rgb(242, 242, 242) 16%, rgb(255, 255, 255) 33%, rgb(255, 255, 255) 100%, rgb(255, 255, 255) 100%);
  background-image: -moz-linear-gradient(left top, rgb(242, 242, 242) 16%, rgb(255, 255, 255) 33%, rgb(255, 255, 255) 100%, rgb(255, 255, 255) 100%);
  background-image: -webkit-linear-gradient(left top, rgb(242, 242, 242) 16%, rgb(255, 255, 255) 33%, rgb(255, 255, 255) 100%, rgb(255, 255, 255) 100%);
  background-image: -ms-linear-gradient(left top, rgb(242, 242, 242) 16%, rgb(255, 255, 255) 33%, rgb(255, 255, 255) 100%, rgb(255, 255, 255) 100%);
  background-image: linear-gradient(to left top, rgb(242, 242, 242) 16%, rgb(255, 255, 255) 33%, rgb(255, 255, 255) 100%, rgb(255, 255, 255) 100%);
}


.node-search-listing .view-search-listing .node-teaser.view-mode-teaser {
  border-bottom: 1px solid rgb(78, 78, 78);
  margin-bottom: 20px;
  margin-left: 0;
  padding-bottom: 20px;
}

.view-search-listing ul li.views-row-last,
.view-site-search ul li.views-row-last,
.node-search-listing .view-search-listing li.views-row-last .node-teaser.view-mode-teaser {
  border-bottom: none;
  padding-bottom: 0px;
}

.view-search-listing ul li .view-mode-teaser .field-name-field-logo,
.node-search-listing .view-mode-promoted .field-name-field-logo,
.view-site-search ul li .view-mode-teaser .field-name-field-logo,
.view-mode-promoted .field-name-field-logo,
.view-site-search ul li .view-mode-teaser .field-name-field-image,
.view-search-listing ul li .view-mode-teaser .field-name-field-image,
.view-site-search ul li .view-mode-teaser .field-name-field-cover-image,
.view-search-listing ul li .view-mode-teaser .field-name-field-cover-image,
.node-company.node-teaser .field-name-field-logo,
.node-company.view-mode-promoted .field-name-field-logo,
.node-webinar.node-teaser .field-name-field-logo,
.node-webinar.view-mode-promoted .field-name-field-logo {
  float: left;
  margin-right: 10px;
}

/*should cover both ways lists are generated*/
.view-search-listing ul li .view-mode-teaser header h2,
.view-search-listing ul li .view-mode-teaser .field-name-title h2,
.view-site-search ul li .view-mode-teaser header h2,
.view-site-search ul li .view-mode-teaser .field-name-title h2,
.node-company.node-teaser h2,
.node-company.view-mode-promoted h2,
.node-webinar.node-teaser h2,
.node.webinar.view-mode-promoted h2,
.view-magazine-back-issues h2 {
  clear: right;
}

.view-search-listing ul li .view-mode-teaser header h2 a,
.view-search-listing ul li .view-mode-teaser .field-name-title h2 a,
.view-search-listing .view-mode-promoted .field-name-title h2 a,
.bean-search-listing .field-name-title h2 a,
.bean-editorial-list .field-name-title h2 a,
.view-site-search ul li .view-mode-teaser header h2 a,
.view-site-search .view-mode-teaser h2 a,
.node-search-listing .view-mode-promoted h2 a,
.node-company.node-teaser h2 a,
.node-company.view-mode-promoted h2 a,
.node-webinar.node-teaser h2 a,
.node-webinar.view-mode-promoted h2 a,
.view-magazine-back-issues h2 a,
.node-type-company aside article h2 a,
.page-node-white-papers .view-organisation-content .views-field-title a,
.page-node-press-releases .view-organisation-content .views-field-title a {
  font-size: 1em;
  color: rgb(78, 78, 78);
  font-weight: 600;
}



.view-search-listing ul li .view-mode-teaser .field-name-body,
.view-site-search ul li .view-mode-teaser .field-name-body,
.node-company.node-teaser .field-name-body,
.node-company.view-mode-promoted .field-mode-promoted {
  clear: right;
}

.view-search-listing ul li .view-mode-teaser .field-name-node-link,
.node-search-listing .view-mode-promoted .field-name-node-link,
.view-site-search ul li .view-mode-teaser .field-name-node-link,
.node-company.node-teaser .field-name-node-link,
.node-company.view-mode-promoted .field-name-node-link {
  clear: both;
  text-align: right;
  width: 100%;
}

.view-search-listing ul li .view-mode-teaser .field-name-node-link a,
.node-search-listing .view-mode-promoted .field-name-node-link a,
.view-site-search ul li .view-mode-teaser .field-name-node-link a,
.node-company.node-teaser .field-name-node-link a,
.node-company.view-mode-promoted .field-name-node-link a {
  display: inline-block;
  padding: 5px;
  background: rgb(160, 174, 183);
  color: #000000;
  border-radius: 5px;
  min-width: 106px;
  text-align: center;
}

.view-search-listing .node-company.node-teaser .field-name-node-link  {
  padding-bottom:10px;
}




.zone-content .region-content  {
  position: relative;
}

.zone-content .block-views.search-box {
  margin-bottom: 20px;
}

/*search box styling*/

#views-exposed-form-search-listing-entity-view-1 {
  width:100%;
  margin:20px 0;
}

.zone-content .block-views.search-box .form-submit,
#views-exposed-form-search-listing-entity-view-1 .form-submit {
  background-color: transparent;
  background-image: url("../images/mag-glass-smaller.png");
  background-position: 98% 50%;
  background-repeat: no-repeat;
  border: 0 none;
  border-radius: 0 0 0 0;
  margin: 0;
  position: relative;
  text-indent: -9999px;
  float: right;
}


.zone-content .block-views.search-box .form-text,
#views-exposed-form-search-listing-entity-view-1 input.form-text {
  background: none repeat scroll 0 0 transparent;
  border: medium none;
  border-radius: 0 0 0 0;
  color: rgb(0, 0, 0);
  font-size: 12px;
  height: 24px;
  margin: 0px 0px 0px 5px;
  padding: 0;
  width: 100%;
  display:block;
  min-width: 200px;
}

.zone-content .block-views.search-box .form-text:focus,
#views-exposed-form-search-listing-entity-view-1 input:focus {
  box-shadow: none;
}


.zone-content .block-views.search-box form .views-exposed-form,
#views-exposed-form-search-listing-entity-view-1 .views-exposed-form {
  border: 1px solid rgb(78, 78, 78);
  border-radius: 12px 12px 12px 12px;
  padding-right: 10px;
}

.zone-content .block-views.search-box form .views-exposed-widgets,
#views-exposed-form-search-listing-entity-view-1 .views-exposed-widgets {
  margin-bottom: 0px;
}

.zone-content .block-views.search-box .views-exposed-form .views-exposed-widget,
#views-exposed-form-search-listing-entity-view-1 .views-exposed-widget {
  padding: 0;
}

.zone-content .block-views.search-box .views-widget-filter-search_api_views_fulltext,
#views-exposed-form-search-listing-entity-view-1 .views-widget-filter-search_api_views_fulltext {
  width: 85%;
}
.zone-content .block-views.search-box .views-exposed-widget.views-submit-button,
#views-exposed-form-search-listing-entity-view-1 .views-submit-button {
  float:right;
  width: 15%;
}



/*facets*/
.region-sidebar-first section.block-facetapi {
  margin-bottom: 0px;
}

.region-sidebar-first section.block-facetapi:last-child {
  margin-bottom: 2.5em;
}

.region-sidebar-first .region-inner .block-facetapi:first-child:before {
  border-bottom: 1px solid rgb(78, 78, 80);
  border-top: 1px solid rgb(78, 78, 80);
  color: rgb(78, 78, 80);
  content: "Filter by:";
  display: block;
  font-size: 1em;
  font-weight: bold;
  line-height: 2em;
  margin-bottom: 0.625em;
}

.region-sidebar-first .region-inner .block-facetapi:last-of-type {
  margin-bottom: 40px;
}

.region-sidebar-first section.block-facetapi h2.block-title {
  background: none;
  color: rgb(78, 78, 80);
  font-size: 1em;
  font-weight: 600;
  margin-bottom: 0.5em;
  padding: 0.214em 0;
}

.region-sidebar-first .block-facetapi.field_category .item-list {
  height: auto;
  border: none;
  overflow-y: auto;
  padding: 0px;
}

.region-sidebar-first section.block-facetapi .content ul {
  margin-bottom:0;
}

.region-sidebar-first .block-facetapi ul li {
  margin-bottom: 5px;
}

/*more space for touch*/
.touch .region-sidebar-first .block-facetapi ul li {
  margin-bottom: 10px;
}

.region-sidebar-first .block-facetapi ul li a {
  display: block;
  margin-left: 21px;
  font-size: 0.750em;
  line-height: 1.667em;
  color: rgb(89, 91, 93);
}

.region-sidebar-first .block-facetapi ul li .facetapi-checkbox {
  float: left;
  margin-right: 0.5em;
  margin-top: 4px;
}

.block-current-search ul {
  border-bottom: 1px dotted rgb(78,78,78);
  width: 100%;
  padding-bottom: 0.625em;
}

.block-current-search ul.pseudo-breadcrumb {
  border-bottom:1px solid #d7d7d7;
}

.block-current-search ul.pseudo-breadcrumb li {
  display: inline;
}

/* pager */
.item-list ul.pager {
  padding: 10px 0px;
  border-top: 1px solid rgb(78,78,78);
  border-bottom: 1px solid rgb(78,78,78);
  text-align: right;
}

.item-list ul.pager li {

}

.item-list ul.pager li.pager-item, .item-list ul.pager li.pager-current {
  border-right:  1px solid #000;
}

.item-list ul.pager a, .item-list ul.pager li.pager-current {
  padding: 0px 10px;
}

.block-bean .bean-search-listing ul  {
  width: 100%;
}

.block-bean .bean-search-listing .item-list ul li.views-row,
.block-bean-editorial-list .field-name-field-items > .field-items > .field-item  {
  margin-bottom: 0.625em;
  padding-bottom: 0.625em;
  width: 100%;
  clear: both;
}

.block-bean .bean-search-listing .item-list ul li span a,
.block-bean-editorial-list ul li span a {
  color: rgb(78, 78, 78);
  font-size: 1.250em;
  font-weight: 600;
  line-height: 1.1em;
}

/* twitter block */

.block-bean-twitter-feed a:hover {
  text-decoration:underline;
}

.block-bean-twitter-feed h2.block-title {
  color:#fff;
  font-size:0.875em;
}

.block-bean-twitter-feed .view-content {
  font-size: 0.750em;
  max-height:350px;
  overflow-y:scroll;
}

.block-bean-twitter-feed .item-list ul {
  margin: 2%;
}

.block-bean-twitter-feed .item-list ul li.views-row{
  padding: 0px;
  padding-bottom: 0.250em;
  margin-bottom: 0.833em;
  border-bottom:1px dotted rgb(78, 78,80);
  margin-left: 0px;
}

.block-bean-twitter-feed .views-field-profile-image-url {
  float:left;
  margin-right: 0.833em;
}

.block-bean-twitter-feed .views-field-text {
  line-height: 1.5em;
}

.block-bean-twitter-feed .views-field-text a{
  font-size: 1em;
}

.block-bean-twitter-feed .views-field-web-intents span a {
  font-size: 0.857em;
  margin-right: 0.833em;
}

.block-bean-twitter-feed .twitter-bean-footer {
  text-align: right;
  background: rgb(58, 152, 216) url('../images/twitter-blue.png') no-repeat 10px center;
  padding: 0.250em 0;
}

.block-bean-twitter-feed .twitter-bean-footer a {
  margin-right: 20px;
  display: block;
  color:#fff;
  text-decoration:none;
}

.block-bean-twitter-feed .twitter-bean-footer a:hover {
  text-decoration:underline;
}

/* webforms */
fieldset {
  border: 2px solid rgb(224, 224, 224);
  margin: 0 3px 20px;
  padding: 10px 10px 20px;
}


.node-webform fieldset {
  /*border-bottom: 1px solid rgb(224, 224, 224);
  margin-bottom: 20px;
  margin-left: 0;
  padding-bottom: 20px;*/
}

.node-webform fieldset .form-item {
  margin-top: 0;
  margin-bottom: 10px;
}

.node-webform legend {
  /*font-weight:bold;*/
  font-size:1.125em;
  padding: 1px;
}

.node-webform label {
  font-weight:normal;
  margin-bottom: 5px;
}

/*magazine ct 
.node-type-magazine-issue .field-name-body  {
	clear:right;
}
.node-type-magazine-issue .field-name-body object {
	float: left;
	clear: left;
	max-width:380px;
}

.node-type-magazine-issue .field-name-field-lead-stories {
	float: left;
}

.node-type-magazine-issue .field-name-field-lead-stories .field-item,
.node-type-magazine-issue .field-name-field-lead-stories .field-label,
.node-type-magazine-issue .field-name-field-issue .field-item,
.node-type-magazine-issue .field-name-field-issue .field-label {
	clear: left;
}

.node-type-magazine-issue .field-name-field-lead-stories .field-item{
  display: list-item;
  list-style-position: outside;
  margin-left: 20px;
  margin-bottom: 8px;
}

.node-type-magazine-issue .field-name-field-issue {
	float: left;
	clear: left;
}*/

.node-type-company aside h2.block-title,
.context-directory  aside h2.block-title{
  font-size: 1.125em;
  line-height: 1.667em;
  margin-bottom: 0.556em;
  padding: 0 0.333em
}

.view-organisation-content .field-name-field-cover-image, .view-organisation-content .field-name-field-company-brochure-image {
  margin-top: -10px;
}

.node-type-company aside li {
  margin-left:0;
}

/* Webinar & Social Monitor styling */
.node-webinar .field-name-field-associated-person,
.node-type-social-monitor .field-name-field-associated-person {
  border-bottom: 1px solid rgb(225, 225, 219);
  padding-bottom: 20px;
  margin-bottom: 20px;
  display: inline-block;
}

.node-webinar .field-name-field-associated-person span.field-label,
.node-type-social-monitor .field-name-field-associated-person span.field-label {
  display: inline-block;
  margin: 0 0.5em 0.25em 0;
}

.node-webinar .field-name-field-associated-person .field-label-inline,
.node-type-social-monitor .field-name-field-associated-person .field-label-inline {
  display: inline;
}

.node-webinar .field-name-field-associated-person .field-label-inline:after,
.node-type-social-monitor .field-name-field-associated-person .field-label-inline:after {
  content:"";
  display: block;
}


.node-webinar > h3,
.node-type-social-monitor > h3,
.node-webinar .field-name-field-speaker-name,
.node-type-social-monitor .field-name-field-speaker-name {
  font-weight: 400;
}

.node-webinar .field-name-field-speaker-name,
.node-type-social-monitor .field-name-field-speaker-name {
  font-size: 1.250em;
  font-weight: 600;
  line-height:1.5;
}

.node-webinar .field-name-field-video {
  width: 100%;
  margin-bottom: 20px;
}

.node-webinar .field-name-field-video .video-js {
  max-width: 100%;
  margin:auto;
}

.node-webinar .field-name-field-file {
  width: 100%;
  margin-bottom: 20px;
}

/* Social Monitor styling */

.node-type-social-monitor .field-name-field-media,
.node-type-social-monitor .field-name-field-sm-webinar-files {
  margin-bottom:1em;
}

/* sidebar block styling */

.node-type-social-monitor aside ul li {
  margin-left:0;
}

.node-type-social-monitor aside .field-type-file,
.node-type-social-monitor aside .views-field-filesize {
  display: inline-block;
}

.node-type-social-monitor aside .view-content {
  font-size: 14px;
}

.node-type-social-monitor aside section {
  border-bottom:3px solid rgb(225, 225, 219);
  padding-bottom:1em;
  margin-bottom:1em;
}

.node-type-social-monitor aside h2.block-title {
  background-color: transparent;
  color: rgb(78, 78, 78);
  padding:0;
  font-size: 1.125em;
  line-height: 1.667em;
  margin-bottom: 0.556em;
}

.node-type-social-monitor aside .view-webinar span,
.node-type-social-monitor aside .webinar-register span {
  background: url('../images/webinar.png') no-repeat center left transparent;
  min-height: 66px;
  padding-left: 95px;
  display: block;
}

.node-type-social-monitor aside .field-type-file img.file-icon {
  display:none;
}

.node-type-social-monitor aside .field-type-file a[type*="/pdf"] {
  background: url('../images/pdf.png') no-repeat center left transparent;
  min-height: 102px;
  padding-left: 95px;
  display: inline-block;
}

.node-type-social-monitor aside .field-type-file a[type*="/ppt"],
.node-type-social-monitor aside .field-type-file a[type*="powerpoint"],
.node-type-social-monitor aside .field-type-file a[title*="pptx"] {
  background: url('../images/ppt.png') no-repeat center left transparent;
  min-height: 102px;
  padding-left: 95px;
  display: inline-block;
}

.node-type-social-monitor .webinar-register .field-name-field-link {
  margin-bottom: 0;
}

/* SiG override */
.node-type-company .node-teaser .links.node-links .links li:hover a {
  background-color:rgb(160, 174, 183);
  color: rgb(78, 78, 78);
}

.node-type-company nav.links.node-links {
  margin-right:0;
}

/* add margin for vid block */

.node-type-company .field-name-field-company-media {
  margin-bottom: 20px;
}

/* search icons */

span.node-content-type {
  display:none;
}

/* subscriber only content (premium lock) */
/* .node-premium class only applied if the subscriber doesn;t have the correct level of access, so can just apply the padlock to always appear against this class */

.node-premium .field-name-title h2::before {
  content: ' ';
  display: inline-block;
  padding-left:10px;
  margin-top:5px;
  background-position: -90px -117px ;
  width: 12px;
  height: 14px;
}

.bean-image .field-name-field-link,
.bean-carousel .field-name-field-link,
.node-webform input[type="submit"] {
  background: none repeat scroll 0 0 rgb(239, 90, 52);
  padding: 5px;
  border-radius:5px;
  -webkit-transition-duration: 0.3s;
  -webkit-transition-property: background;
  -webkit-transition-timing-function: ease;
  -moz-transition-duration: 0.3s;
  -moz-transition-property: background;
  -moz-transition-timing-function: ease;
  transition-duration: 0.3s;
  transition-property: background;
  transition-timing-function: ease;
}

.bean-image .field-name-field-link a,
.bean-carousel .field-name-field-link a,
.node-webform input[type="submit"] {
  color: #ffffff;
}


/*webform block, to integrate with existing*/

.block-webform {
  display: none;
}

/*### client-editable directory styling ###*/
.region-content .view-organisation-content li.views-row {
  margin-bottom: 20px;
  padding-bottom: 20px;
  margin-left: 0px;
  border-bottom: 1px solid rgb(78, 78, 80);
}

.region-content .view-organisation-content li.views-row .views-field-view-node {
  float: right;
}

.region-content .view-organisation-content li.views-row .views-field-view-node a {
  background: none repeat scroll 0 0 rgb(160, 174, 183);
  border-radius: 4px;
  color: rgb(0, 0, 0);
  display: inline-block;
  font-size: 15px;
  padding: 5px;
}

.node-type-company.page-node-edit #edit-body-und-0-format,
.page-node-add-company-press-release #edit-body-und-0-format,
.node-type-company-press-release.page-node-edit #edit-body-und-0-format,
.page-node-add-company-white-paper #edit-body-und-0-format,
.node-type-company-white-paper.page-node-edit #edit-body-und-0-format {
  display: none;
}

/* dividing borders */

#company-node-form #edit-field-website,
#company-node-form #edit-field-logo,
#company-node-form #edit-body,
#company-node-form #edit-field-company-office-details,
#company-node-form #edit-field-company-people,
#company-node-form #edit-field-company-brochure
{
  border-bottom: 1px solid rgb(225, 225, 219);
}

/* margin below labels on the company edit page */

.page-node-edit.node-type-company #company-node-form label {
  margin-bottom:0.5em;
}

/* space saving and ux improvement on office details input */

#field-company-office-details-und-form-title-field-add-more-wrapper .form-item {
  margin-bottom:1em;
}

/* "people" table */

#field-company-people-values,
#company-node-form .field-name-field-company-brochure .form-wrapper {
  width:100%;
  max-width:700px;
}

#company-node-form .field-name-field-company-brochure .form-wrapper {
  margin-top: 1em;
}

#company-node-form .field-name-field-company-brochure .form-wrapper .form-wrapper {
  padding-left: 30px;
}

#company-node-form .field-name-field-company-brochure .form-wrapper legend {
  font-size: 1em;
  font-weight: 700;
  color: rgb(78, 78, 80);
  margin-bottom: 10px;
}

#company-node-form .field-name-field-company-brochure .form-wrapper .fieldset-wrapper {
  background: rgb(238, 238, 238);
  padding: 5px 0px;
}

#field-company-people-values tr.draggable {
  border-bottom:10px solid white;
  padding:0.75em;
}

#field-company-people-values a.tabledrag-handle {
  padding:0;
}

#field-company-people-values a.tabledrag-handle .handle {
  /*background: url("../images/draggable.png") no-repeat scroll 6px 9px rgba(0, 0, 0, 0);*/ /*no image exists*/
  padding:20px;
}

#field-company-people-values .field-type-text {
  margin:10px 0;
}

/* white papers and press releases page */

/*.page-node-white-papers .view-organisation-content .item-list li,
.page-node-press-releases .view-organisation-content .item-list li {
	margin-left:0;
	margin-bottom: 0.625em;
    padding-bottom: 0.625em;
    border-bottom: 1px solid rgb(78, 78, 78);
}*/

.context-directory aside .item-list li.views-row {
  margin-left:0;
  margin-bottom: 0.625em;
  padding-bottom: 0.625em;
  border-bottom: 1px solid rgb(78, 78, 78);
}

.node-type-company aside article.node-company-press-release {
  border: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.page-node-white-papers .view-organisation-content .view-header a,
.page-node-press-releases .view-organisation-content .view-header a {
  display: block;
  margin-bottom: 20px;
  text-transform: lowercase;
}

.page-node-white-papers .view-organisation-content .view-header a:before,
.page-node-press-releases .view-organisation-content .view-header a:before {
  content:"+ ";
}

.page-node-white-papers .view-organisation-content .views-field-title a,
.page-node-press-releases .view-organisation-content .views-field-title a {
  display: block;
  font-size: 20px;
  margin-bottom: 8px;
}

.page-node-white-papers .view-organisation-content .views-field-view-node,
.page-node-white-papers .view-organisation-content .views-field-edit-node,
.page-node-white-papers .view-organisation-content .views-field-delete-node,
.page-node-press-releases .view-organisation-content .views-field-view-node,
.page-node-press-releases .view-organisation-content .views-field-edit-node,
.page-node-press-releases .view-organisation-content .views-field-delete-node {
  margin-right:5px;
}

/*change for 320px width*/
@media all and (min-width: 320px) {
  #region-user-second {
    float: right;
    margin-right: 10px;
    width: 46%;
  }

  #region-user-first {
    float: left;
    width: 44%;
  }

  .block-igb-mini-cart .basket-button a, .block-menu-mobile-user-menu .menu a {
    font-size: 10px;
  }
}

/*increase logo back to full height*/
@media all and (min-width: 350px) {
  h1.logo,
  h1.logo a {
    font-size:21px;
  }
}

@media all and (min-width: 480px) {
  .node-activate .field-name-field-image,
  .node-article .field-name-field-image,
  .node-webinar .field-name-field-image,
  .node-type-daily-news .field-name-field-image,
  .node-type-legal-news .field-name-field-image,
  .node-type-clips .field-name-field-image,
  .node-type-blog .field-name-field-image,
  .node-type-report-content .field-name-field-image,
  .node-type-shop-report .field-name-field-cover-image,
  .node-type-interview .field-name-field-image,
  .node-type-up-next .field-name-field-image,
  .node-type-event-calendar .field-name-field-logo,
  .node-type-news-analysis .field-name-field-image,
  .node-type-press-releases .field-name-field-image,
  .node-type-social-monitor .field-name-field-image,
  .view-mode-full .field-name-field-image,
  .view-mode-premium .field-name-field-logo,
  .view-mode-full .field-name-field-logo {
    float: left;
    width: 38%;
  }

  .field-name-field-promoted-items .node-company .field-name-title {
    clear:left;
  }

  .node-company.ds-2col-stacked > .group-left {
    float: left;
    width: 45%;
    margin-right:2%;
    max-width: 320px;
  }

  .node-company.ds-2col-stacked > .group-right {
    float: none;
    /*width: 55%;*/
  }

  .node-company.ds-2col-stacked > .group-left .field-name-field-image img,
  .node-company.ds-2col-stacked > .group-left .field-name-field-logo img {
    width: 100%;
  }

  .node-activate .field-name-field-image,
  .node-article .field-name-field-image,
  .node-webinar .field-name-field-image,
  .node-type-social-monitor .field-name-field-image,
  .node-type-daily-news .field-name-field-image,
  .node-type-legal-news .field-name-field-image,
  .node-type-clips .field-name-field-image,
  .node-type-blog .field-name-field-image,
  .node-type-report-content .field-name-field-image,
  .node-type-shop-report .field-name-field-cover-image,
  .node-type-interview .field-name-field-image,
  .node-type-up-next .field-name-field-image,
  .node-type-event-calendar .field-name-field-logo,
  .node-type-news-analysis .field-name-field-image,
  .node-type-press-releases .field-name-field-image,
  .view-mode-full .field-name-field-image,
  .view-mode-premium .field-name-field-logo,
  .view-mode-full .field-name-field-logo {
    width: auto;
  }



  /* CTAs */

  .bean-image .field-name-field-link,
  .bean-carousel .field-name-field-link,
  .node-webform input[type="submit"] {
    background: none repeat scroll 0 0 rgb(239, 90, 52);
    padding: 5px;
    border-radius:5px;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: background;
    -webkit-transition-timing-function: ease;
    -moz-transition-duration: 0.3s;
    -moz-transition-property: background;
    -moz-transition-timing-function: ease;
    transition-duration: 0.3s;
    transition-property: background;
    transition-timing-function: ease;
  }

  .node-webform input[type="submit"] {
    padding:10px 15px;
  }

  .bean-image .field-name-field-link:hover,
  .bean-carousel .field-name-field-link:hover,
  .node-webform input[type="submit"]:hover {
    background: rgba(239, 90, 52, 0.5);
  }

  .bean-image .field-name-field-link a,
  .bean-carousel .field-name-field-link a,
  .node-webform input[type="submit"] {
    color: #ffffff;
  }

  .bean-image .field-name-field-link a:hover,
  .bean-carousel .field-name-field-link a:hover,
  .node-webform input[type="submit"]:hover {
    text-decoration: none;
  }

  /* Image bean link positioning */

  .bean-image .field-name-field-link,
  .bean-carousel .field-name-field-link {
    position: absolute;
    right: 5%;
    bottom: 5%;
    display: inline;
  }

  .view-mode-full .links li {
    width: 15%;
  }


}

/* fablet! */
@media all and (min-width: 500px) {
  h1#page-title {
    font-size: 3.5em; /*56*/
    line-height: 1.179em; /*66*/
  }
  #region-user-first {
    width:30%;
  }

  #region-user-second {
    float:right;
    margin: 0 10px 0 0;
  }

  h1.logo,
  h1.logo a {
    font-size:21px;

  }

  #region-user-second ul.menu {
    text-align:right;
  }

  .block-menu-mobile-user-menu {
    width: 90px;
  }

  .basket-button {
    width: 50px;
  }


  #region-user-second * {
    vertical-align:bottom;
  }

  #block-views-exp-display-products-page,
  .block-views-exp-site-search-page {
    padding:0 0 10px 0;
  }

  body.admin-menu.logged-in .block-views-exp-site-search-page .views-exposed-widgets {
    position: absolute;
    right: 0px;
    top: -36px;
    width: 25%;
  }
  .block-views-exp-site-search-page .views-exposed-widgets {
    width:25%;
    position:absolute;
    top:10px;
    right:10px;
  }

  .block-views-exp-site-search-page #edit-search-api-views-fulltext {
    height:24px;
    font-size:12px;
  }

  #block-views-exp-display-products-page .views-submit-button .form-submit,
  .block-views-exp-site-search-page .views-submit-button .form-submit {
    background-position: -31px -115px ;
    width: 15px;
    height: 15px;

  }

  /*in content search*/
  .zone-content .block-views.search-box {
    position: absolute;
    right: 0;
    top: 0;
  }

}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and ( min--moz-device-pixel-ratio: 1.5),
only screen and ( -o-min-device-pixel-ratio: 2/1),
only screen and ( min-device-pixel-ratio: 1.5),
only screen and ( min-resolution: 190dpi),
only screen and ( min-resolution: 2dppx) {
  /* hi res-specific stuff here */
  .field-type-blockreference.collapsed h2.block-title {
    background: rgb(58, 152, 216) url(../images/expand-2x.png) 97% center no-repeat;
    background-size: 16px 16px;
  }

  .field-type-blockreference.collapsible h2.block-title {
    background: rgb(58, 152, 216) url(../images/collapse-2x.png) 97% center no-repeat;
    background-size: 16px 16px;
  }

}
.page-trial #zone-menu-wrapper {
  background: transparent;
}
.page-trial .zone-content {
  padding-top: 0;
  padding-bottom: 0;
}

.page-trial #section-content {
  padding-top: 55px;
}

.page-trial .region-content {
  background: #4ad9d9;
  padding: 2%;
}

.page-trial .region-content div.item-list h3 {
  font-weight: normal;
  font-size: 16px;
  color: rgb(78,78,78);
  margin-top: 20px;
}



.page-trial .region-content div.item-list ul {
  margin-top: 24px;
  padding-left: 15px;
}

.page-trial .region-content div.item-list ul li {
  margin-bottom: 24px;
  line-height: 24px;
  margin-left: 0;
  list-style-type: disc;
}



.page-trial .region-content form label {
  font-size: 14px;
  font-weight: 400;
  color: #2b3a42;
  line-height: 20px;
  margin-bottom: 5px;
}

.page-trial .region-content form .form-item {
  position: relative;
}

.page-trial .region-content form input[type="text"],
.page-trial .region-content form input[type="tel"],
.page-trial .region-content form input[type="email"]{
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 0 10px;
  border: 1px solid #ccc;
  height: 45px;
  width: 100%;
}

.page-trial .region-content h1#page-title{
  color: #fff;
  font-weight: 400;
  font-size: 2.375em; /*38px*/
  line-height: 1.396em; /*67*/
  margin-bottom: 20px;
}



.page-trial .region-content form .form-wrapper .form-wrapper {
  background: rgb(237,237,235);
  padding: 20px;
}

.page-trial .region-content form .form-wrapper #edit-digitaloffer-details {
  max-width: 280px;
  width: 96%;
}

.page-trial .region-content form .form-wrapper .form-wrapper select {
  width: 96%;
}
.page-trial .region-content form .form-wrapper .form-wrapper select option {

  width: 96%;
}


.page-trial .region-content form .form-type-checkbox input[type="checkbox"] {
  opacity: 0;
  margin-right: 5px;
}

.page-trial .region-content form .form-type-checkbox label::before {
  background-color: #ffffff;
  border-radius: 3px;
  content: "";
  display: inline-block;
  height: 17px;
  left: 5px;
  margin-left: -5px;
  position: absolute;
  top: 3px;
  width: 17px;
  line-height: 17px;
  text-align: center;
  font-size: 12px;
}

.page-trial .region-content form .form-type-checkbox input[type="checkbox"]:checked + label::before {
  content: "\f00c";
  font-family: "FontAwesome";
  background: #3498db;
  color: #fff;
}

.page-trial .region-content form .form-submit {
  background: #f7632d none repeat scroll 0 0;
  border: 0 none;
  border-radius: 0;
  box-shadow: none;
  color: #ffffff;
  font-size: 18px;
  font-weight: 300;
  height: 51px;
  min-width: 200px;
}

.page-trial .zone-footer2-wrapper {
  display: none;
}

.page-trial #zone-footer-wrapper {
  padding-bottom: 0;
}

.page-trial #zone-footer {
  background: none;
}

.page-trial .region-footer-first {
  background: #000;
}

.page-trial #block-menu-menu-footer-navigation .menu {
  text-align: center;

}

.page-trial #block-menu-menu-footer-navigation .menu li {
  padding: 10px 5px !important;
}

object.curlypage, div.curlypage {
  display:none;
}

.field-name-field-application-link a{
  color: rgb(255,255,255);
  display: inline-block;
  text-decoration: none;
  background: rgb(224, 90, 55);
  padding: 20px 40px;
  margin-bottom: 40px;
  border-radius: 3px 3px 3px 3px;
  float: right;
}


.field-name-field-carousel-slides .field-items > .field-slides__slides {
  display: none; /* Should be unhidden by JS. Stop flash of unstyled slides. */
}
.field-name-field-carousel-slides .field-items > .field-slides__slides .field-name-field-block-cta {
  display: none;
}

.field-name-field-carousel-slides li {
  margin-left: 0;
}

.field-name-field-carousel-slides .video-js {
  width: 100%;
  height: 360px;
}
.field-name-field-carousel-slides .bx-wrapper {
  border: 0;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  margin-bottom: 0;
}
.field-name-field-carousel-slides .bx-wrapper {
  width: 100%;
  padding: 0;
}
.field-name-field-carousel-slides .bx-viewport {
  width: 100%;
}
.field-name-field-carousel-slides .field-slides__slide {
  width: 780px;
}
.field-name-field-carousel-slides .field-slides__tabs {
  padding: 0;
  margin: 0.5em 0 0;
  border-bottom: 1px solid rgb(251, 176, 59);
}
.field-name-field-carousel-slides .field-slides__tabs li {
  list-style: none;
  padding: 6px;
  margin: 0 2px;
  display: inline-block;
  background: rgb(251, 176, 59);
  color: white;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  font-size: 0.8em;
}
.field-name-field-carousel-slides .field-slides__tabs li:first-child {
  margin-left: 0;
}
.bc-player-default_default:hover .vjs-big-play-button {
  background-color: rgb(239,90,52);
}

.bean-call-to-action .field-name-field-block-cta a:link,
.bean-call-to-action .field-name-field-block-cta a:visited,
.bean-call-to-action .field-name-field-block-cta a:hover,
.bean-call-to-action .field-name-field-block-cta a:active {
  display: block;
  padding: 0.6em;
  background-color: rgb(251, 176, 59);
  color: white;
  text-align: center;
  border-radius: 12px;
  font-size: 2em;
  font-weight: bold;
}
.bean-call-to-action .field-name-field-image {
  width: 780px;
  height: 60px;
  margin: 0 !important;
}


/**
 * Category Teaser Display mode
 */
.view-mode-category_teaser .field-name-field-image {
  margin: 0 !important;
  padding: 0;
}
.view-mode-category_teaser .field-name-title {
  padding-left: 10px;
  overflow: auto;
}
.view-mode-category_teaser .field-name-field-category {
  padding-left: 10px;
  overflow: auto;
  margin-bottom: 2px;
}
.view-mode-category_teaser .field-name-field-category a:link {
  background-color: rgb(239, 90, 52);
  color: white;
  display: inline-block;
  padding: 2px 3px;
  text-decoration: none;
  font-size: 0.8em;
  line-height: 1;
  margin: 0 2px;
  border-radius: 3px;
}
.view-mode-category_teaser .field-name-field-category a:visited {
  color: white;
}
.view-mode-category_teaser .field-name-field-category a:link:first-child {
  margin-left: 0;
}

.bean-editorial-list .node .contextual-links-wrapper {
  top: 22px;
}