/**

META Stylesheet - Please only change fonts, meta-specific fonts sizes, images and background colors using this file

1. BODY & BACKGROUND
2. HEADER
3. SEARCH
4. FONTS & HEADERS
5. LOGO, ICONS
6. NAVIGATION & MENUS
7. BUTTONS & DROPDOWNS
8. QUICKTABS
9. FORMS
10. FOOTER

~ page-specific  / templates ~

11. LOG-IN / REGISTER PAGES
12. LOGGED-IN HOME / DASHBOARD PAGE
13. TOPICS PAGE
14. TOPIC COMMENTS
15. TOPIC DETAIL - ARTICLE & COMMENTS
16. THREADED COMMENTS
17. USER PROFILE
18. MEMBER ORGANISATIONS
19. MEMBER ORGANISATION PROFILES
20. MEMBERS / THE COMMUNITY
21. NEWS
22. ADMIN LOGIN - HOME / DASHBOARD PAGE
23. KNOWLEDGE FEATURE [UNUSED?]
24. IE Fixes
25. Hubs

~ responsive ~

26. RESPONSIVE - CONTENT-SPECIFIC
27. MOBILE RESPONSIVE MENU


---------------------------------------------

 */


/*****************************
1. BODY COLOR & BACKGROUND

COLOR GUIDE

Main green: #59919E
Secondary green: #66B274
Text charcoal: #433B45
Text light grey: #8a7b8e
Text dark grey: #646161
Yellow: #FFDC4F
Red: #231F20;

*****************************/

@font-face {
 font-family: 'Frutiger Light';
 src: url('/profiles/collabco/themes/collabco_theme/fonts/frutiger_light/frutiger_ce_45_light-webfont.eot');
 src: url('/profiles/collabco/themes/collabco_theme/fonts/frutiger_light/frutiger_ce_45_light-webfont.eot?#iefix') format('embedded-opentype'), 
 url('/profiles/collabco/themes/collabco_theme/fonts/frutiger_light/frutiger_ce_45_light-webfont.woff') format('woff'), 
 url('/profiles/collabco/themes/collabco_theme/fonts/frutiger_light/frutiger_ce_45_light-webfont.ttf') format('truetype'), 
 url('/profiles/collabco/themes/collabco_theme/fonts/frutiger_light/frutiger_ce_45_light-webfont.svg#Frutiger45Light') format('svg');
 font-weight: normal;
 font-style: normal;
}

 @font-face {
 font-family: 'Frutiger Roman';
 src: url('/profiles/collabco/themes/collabco_theme/fonts/frutiger_roman/frutiger_roman.eot');
 src: url('/profiles/collabco/themes/collabco_theme/fonts/frutiger_roman/frutiger_roman.eot?#iefix') format('embedded-opentype'), url('http://epiccollaboration.com/profiles/collabco/themes/collabco_theme/fonts/frutiger_roman/frutiger_roman.woff') format('woff'), url('http://epiccollaboration.com/profiles/collabco/themes/collabco_theme/fonts/frutiger_roman/frutiger_roman.ttf') format('truetype'), url('http://epiccollaboration.com/profiles/collabco/themes/collabco_theme/fonts/frutiger_roman/frutiger_roman.svg#FrutigerRoman') format('svg');
 font-weight: normal;
 font-style: normal;
}

/* Text highlight ------------- */
/* Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 */

::-moz-selection {
  background: #c7def9; /* Change highlight color */
}


::selection {
  background: #c7def9; /* Change highlight color */
}


/* Brand color */
.orange {
  color: #66B274; /*Green*/
}

.bluegreen {
  color: #59919E; 
}

.brightgreen {
  color: #66B274;
}

/* Global content styles -------------*/

a, a:hover, a:active {
  color: #59919E; /*Orange*/
}

.white {
  color: #ffffff !important; /*Orange*/
  text-decoration:none;
}

.white a:hover {
  color: #ffffff !important; /*Orange*/
  text-decoration:none;
}

.internal_kbox a:hover {
  text-decoration:none;
}

p, .p, .p2,                      /* overwrites style.css */
input, button, select, textarea{ /* overwrites bootstrap */
  font-family: 'Frutiger Light', Frutiger, 'Frutiger Linotype', Univers, Calibri, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

blockquote {
  border-left: 5px solid #FFDC4F;
}

blockquote > p:first-child {
  padding-left: 0px;
  text-indent: 0px;
}

table thead th {
  font-family: 'Frutiger Light', Helvetica, Arial, sans-serif;
  font-size: 1.2em;
}

.title_block { /* Topics and News background */
  background-color: #f2f2f2;
}

.caret {
  border-bottom-color: #66B274; /*Orange*/
  border-top-color: #66B274; /*Orange*/
}

.breadcrum h1 {
  font-family: "Frutiger Light", Helvetica, Arial, sans-serif;
  font-size:2.5em;
}

.breadcrum {
  margin: 5px 0 5px 0;
  color: #8a7b8e;
}

.breadcrum a {
  color: #433B45;
}

.ui-hub-feature-img img {
  max-height: 310px;
  overflow: hidden;
}

.contentarticle .pattern-image div {
  display:inline;
  text-align: left;
  position: relative;
  float: left;
  clear: none;
  margin-right: 5px;
}

.contentarticle .pattern-image p {
  display:inline;
  text-align: left;
  position: relative;
  float: left;
  clear: right;
  margin-bottom: 50px;
}

.contentarticle .pattern-image img {
  max-width: 200px;
}



/* System alerts -------------*/

.alert-success {
  color:#529e52;
  background-color:#e8f9e0;
  border-color:#cdeac0;
}

.pattern-image img {
  max-width: 200px;
  display: inline;
}

/**
4. FONTS & HEADERS
---------------------------------------------
 */


 

body {
  background-color: #fbfbfb;
  background-image: none;
  font-family: 'Frutiger Light', Frutiger, 'Frutiger Linotype', Univers, Calibri, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #433B45;
  line-height:19px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6{
  text-rendering: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-family: 'Frutiger Roman', Helvetica, Arial, sans-serif;
  font-weight: normal;
  }

h3 a {
  color: #433B45;
}

h5 {
  font-size: 1.2em;
  line-height: 1.4em;
  color: #59919E;
}

h6 {
  font-size: 1em;
}

.node-type-book #page-title {
  /* Page title provided by node--book.tpl.php */
  display: none;
}



/**
5.  LOGO, ICONS
---------------------------------------------
 **/


#logo a,               /*generic pages*/
.ui-footer .ui-logo a{ /*login page*/

  display:block;

}

/* Mobile logo */

#tab-container .tab_logo.tab a{
  background:url('../images/meta-logo.png') no-repeat;
  display:block;
  background-size:90px 30px;
  height:30px;
  width:90px;
}

#block-search-form .btn-search {
  width: 12px;
  height: 12px;
  top: 2px;
  right: 0px;
}



/**
6. NAVIGATION & MENUS
---------------------------------------------
 **/

/* Menu stylings for Meta -------------*/

.menu_primary ul.menu li a.active {
  color: #66B274; /*Orange*/
  border-bottom: 3px solid #999;
}

.menu_primary a{
  color: #66B274; /*Orange*/
  font-family: 'Frutiger Roman', Helvetica, sans-serif;
  font-weight:normal;
  font-size: 1em;
}

.menu_primary a:hover {
  color:#646161;
}

.menu_secondary a {
  font-family: 'Frutiger Roman', Helvetica, sans-serif;
  color: #8a7b8e;
  
}

/* User details in-nav block --------*/

.dash_nav .leaf.active-trail {
  background-color:#66B274; /*Orange*/
}

.dash_nav a, .dash_nav a {
  color: #66B274; /*Orange*/
  font-family: 'Frutiger Roman', helvetica, sans-serif;
}

#block-block-20 p { 
margin: 5px 0;
}

#block-block-20 a {
  border: 1px solid #59919E;
  border-top-color: #7DAAB5;
  border-left-color: #7DAAB5;
  padding: 4px 12px;
  color: #fff;
  display: inline-block;
  cursor: pointer;
  margin-bottom: 0px;
  line-height: 1.4em;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #59919E;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#59919E), to(#528592));
  background-image: -webkit-linear-gradient(top, #59919E, #528592);
  background-image: -moz-linear-gradient(top, #59919E, #528592);
  background-image: -o-linear-gradient(top, #59919E, #528592);
  background-image: linear-gradient(to bottom, #59919E, #528592);
}

#block-block-20 a:hover,
#block-block-20 a:visited:hover,
#block-block-20 a:focus,
#block-block-20 a:visited:focus {
  color: #ffffff;
  border: 1px solid #d1d1d1;
  border-top-color: #bfbfbf;
  border-left-color: #bfbfbf;
  background-color: #504e4e;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5d5a5a), to(#504e4e));
  background-image: -webkit-linear-gradient(top, #5d5a5a, #504e4e);
  background-image: -moz-linear-gradient(top, #5d5a5a, #504e4e);
  background-image: -o-linear-gradient(top, #5d5a5a, #504e4e);
  background-image: linear-gradient(to bottom, #5d5a5a, #504e4e);
}

.ui-hubs-organisation-thumbnail .thumbnail {
  background-color: #fff;
  text-align: center;
}

.ui-hubs-organisation-thumbnail .thumbnail div.span9 {
  text-align: left;
}



.content article.node-case-studies div.submitted {
  display: none;
}

/*.content {
padding: 20px;
} 

 /**
7. BUTTONS & DROPDOWNS
---------------------------------------------
 */

 /* DROPDOWN MENU HIGHLIGHTS - rewrites bootstrap.css -----*/

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  text-decoration: none;
  color: #ffffff;
  background-color: #59919E;
  background-image: -moz-linear-gradient(top, #59919E, #528592);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#59919E), to(#528592));
  background-image: -webkit-linear-gradient(top, #59919E, #528592);
  background-image: -o-linear-gradient(top, #59919E, #528592);
  background-image: -ms-linear-gradient(top, #59919E, #528592);
  background-image: linear-gradient(to bottom, #59919E, #528592);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#528592', endColorstr='#59919E',GradientType=0 ); /* IE6-8 */
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #59919E;
  background-image: -moz-linear-gradient(top, #59919E, #528592);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#59919E), to(#528592));
  background-image: -webkit-linear-gradient(top, #59919E, #528592);
  background-image: -o-linear-gradient(top, #59919E, #528592);
  background-image: -ms-linear-gradient(top, #59919E, #528592);
  background-image: linear-gradient(to bottom, #59919E, #528592);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#528592', endColorstr='#59919E',GradientType=0 ); /* IE6-8 */
}


/**
7. BUTTONS & DROPDOWNS
---------------------------------------------
 */


button {
  text-align: left;
  padding: 0;
  border: none;
  background-color: #FFF;
  font-size: 12px;
  text-decoration: none;
}

 ul.quicktabs-tabs li a {
   color: #66B274;
   text-decoration: none;
 }

.button,
.button:visited {
  border: 1px solid #d1d1d1;
  border-top-color: #e0e0e0;
  border-left-color: #e0e0e0;
  padding: 4px 12px;
  color: #f2f2f2;
  display: inline-block;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 0px;
  line-height: 1.4em;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #5d5a5a;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#433B45), to(#5d5a5a));
  background-image: -webkit-linear-gradient(top, #433B45, #5d5a5a);
  background-image: -moz-linear-gradient(top, #433B45, #5d5a5a);
  background-image: -o-linear-gradient(top, #433B45, #5d5a5a);
  background-image: linear-gradient(to bottom, #433B45, #5d5a5a);
}

.button:hover,
.button:visited:hover,
.button:focus,
.button:visited:focus {
  color: #ffffff;
  border: 1px solid #d1d1d1;
  border-top-color: #bfbfbf;
  border-left-color: #bfbfbf;
  background-color: #504e4e;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5d5a5a), to(#504e4e));
  background-image: -webkit-linear-gradient(top, #5d5a5a, #504e4e);
  background-image: -moz-linear-gradient(top, #5d5a5a, #504e4e);
  background-image: -o-linear-gradient(top, #5d5a5a, #504e4e);
  background-image: linear-gradient(to bottom, #5d5a5a, #504e4e);
  text-decoration: none;
}
.button:active,
.button:visited:active {
  background-color: #f2f2f2;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #e5e5e5, #f2f2f2);
  background-image: -moz-linear-gradient(top, #e5e5e5, #f2f2f2);
  background-image: -o-linear-gradient(top, #e5e5e5, #f2f2f2);
  background-image: linear-gradient(to bottom, #e5e5e5, #f2f2f2);
}
.blue-button,
.blue-button:visited {
  border-color: #1472ad;
  text-shadow: 0 1px 1px #1472ad;
  background-color: #1681c4;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1990db), to(#1681c4));
  background-image: -webkit-linear-gradient(top, #1990db, #1681c4);
  background-image: -moz-linear-gradient(top, #1990db, #1681c4);
  background-image: -o-linear-gradient(top, #1990db, #1681c4);
  background-image: linear-gradient(to bottom, #1990db, #1681c4);
  -webkit-box-shadow: inset 0 0 3px #59b3ec;
  -moz-box-shadow: inset 0 0 3px #59b3ec;
  box-shadow: inset 0 0 3px #59b3ec;
}
.blue-button:hover,
.blue-button:visited:hover,
.blue-button:focus,
.blue-button:visited:focus {
  border-color: #116396;
  background-color: #1472ad;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1784c9), to(#1472ad));
  background-image: -webkit-linear-gradient(top, #1784c9, #1472ad);
  background-image: -moz-linear-gradient(top, #1784c9, #1472ad);
  background-image: -o-linear-gradient(top, #1784c9, #1472ad);
  background-image: linear-gradient(to bottom, #1784c9, #1472ad);
}
.blue-button:active,
.blue-button:visited:active {
  background-color: #1990db;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#1681c4), to(#1990db));
  background-image: -webkit-linear-gradient(top, #1681c4, #1990db);
  background-image: -moz-linear-gradient(top, #1681c4, #1990db);
  background-image: -o-linear-gradient(top, #1681c4, #1990db);
  background-image: linear-gradient(to bottom, #1681c4, #1990db);
}

.orangebutton,
.orangebutton:visited {
  border: 1px solid #59919E;
  border-top-color: #7DAAB5;
  border-left-color: #7DAAB5;
  padding: 4px 12px;
  color: #fff;
  display: inline-block;
  cursor: pointer;
  margin-bottom: 0px;
  line-height: 1.4em;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #59919E;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#59919E), to(#528592));
  background-image: -webkit-linear-gradient(top, #59919E, #528592);
  background-image: -moz-linear-gradient(top, #59919E, #528592);
  background-image: -o-linear-gradient(top, #59919E, #528592);
  background-image: linear-gradient(to bottom, #59919E, #528592);
}
.orangebutton:hover,
.orangebutton:visited:hover,
.orangebutton:focus,
.orangebutton:visited:focus {
  color: #ffffff;
  border: 1px solid #d1d1d1;
  border-top-color: #bfbfbf;
  border-left-color: #bfbfbf;
  background-color: #504e4e;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5d5a5a), to(#504e4e));
  background-image: -webkit-linear-gradient(top, #5d5a5a, #504e4e);
  background-image: -moz-linear-gradient(top, #5d5a5a, #504e4e);
  background-image: -o-linear-gradient(top, #5d5a5a, #504e4e);
  background-image: linear-gradient(to bottom, #5d5a5a, #504e4e);
}
.orangebutton:active,
.orangebutton:visited:active {
  background-color: #59919E; 
  background-image: -webkit-gradient(linear, left top, left bottom, from(#59919E), to(#59919E));
  background-image: -webkit-linear-gradient(top, #59919E, #59919E);
  background-image: -moz-linear-gradient(top, #59919E, #59919E);
  background-image: -o-linear-gradient(top, #59919E, #59919E);
  background-image: linear-gradient(to bottom, #59919E, #59919E);
}

.orangebutton a,
.orangebutton a:hover,
.orangebutton a:visited:hover,
.orangebutton a:focus,
.orangebutton:visited:focus a {
  color: #fff;
  text-decoration: none;
}


/**
8. QUICKTABS
---------------------------------------------
 */

 ul.quicktabs-tbs li.active { 
  background-color: #F7A233;
}

li.library-row {
  border-bottom: 1px #66B274 solid;
  padding: 10px;
}

.item-list ul li.library-row  {
  padding-top: 10px;
}

.library-row img {
  max-width: 110px;
}

#quicktabs-library_quicktab .item-list ul li {
  margin: 0 0 0.25em 0; 
}

/**
10. FOOTER
---------------------------------------------
 **/

#footer { 
  background-color: #f2f2f2;
}

#footer a {
font-size: 12px;
}

.footer-content .block{
  width:98%;
}

.front #footer{
  margin: 0;
}

/**
11. LOG-IN / REGISTER PAGES
---------------------------------------------
 **/

.not-logged-in .form-actions h3,
.not-logged-in .form-actions input#edit-submit {
  font-family: 'Frutiger Light';
}


/**
12. LOGGED-IN HOME / DASHBOARD PAGE
---------------------------------------------
 **/

.notifications {
  background-color: #FFEFDB; /*Light orange */
}

.notifications .views-field-title:before{
  color:#66B274; /*Orange*/
}

/* Sidebar secondary navigation ------- */
.sidebar .nav.user-navigation li.ui-navigation-menu.active a,
.sidebar .nav.user-navigation li.ui-navigation-menu a:hover,
.sidebar .nav.user-navigation li.ui-navigation-menu a:active,
.sidebar .nav.user-navigation li.ui-navigation-menu a:focus{
  background: #66B274; /*Orange*/
}


/* News update --------------*/

.news_update h2 {
  font-family: 'Frutiger Roman', helvetica, sans-serif;
  color: #433B45;
  font-size: 26px;
  font-weight: 400;
}


/* Activity stream --------------*/

.home_activity h2 {
  font-family: 'Frutiger Roman', helvetica, sans-serif;
  font-size: 16px;
  color: #433B45;
}

.home_activity h2 strong {
  font-size: 26px;
  font-weight: 400;
}

/* Dashboard --------------*/

.dashboard { /*COLOR Specific - meta*/
  background-color: #e0f3ff;
  border-color: #b3d9f2;
}

.dashboard a { /*COLOR Specific - meta*/
  color: #1874CD;
}

.dashboard h2 { /*COLOR Specific - meta*/
  color: #1874CD;
  border-color: #b3d9f2;
}

.dashboard .span4 h4 {
  font-family: 'Frutiger Roman', helvetica, sans-serif; /*Font Specific - meta*/
}


/* News Updates --------------*/

.title_block {
  color: #433B45; /*Grey*/
}

.title_text {
  color: #433B45; /*Grey*/
}

.submitted-content-posted{ /*Post date*/
  color:#8a7b8e; /*Light Grey*/
}

ul.recent_topicslist li.views-row-first {
  height:inherit;
  overflow: hidden;
}

/** 13. TOPICS PAGE 
---------------------------------------------
 */

 .index_item h3 a:hover { 
  color:#66B274; /*Orange*/
}

/* GENERIC HEADINGS */

.header-icon i {
  color:#999;
}

/* TOPICS INDEX */

.topic_host .orangebutton a{ /*To be tidied once button styles are reviewed */
    margin: auto;
    display: block;
    text-decoration: none;
}

.topic_host { /* Host a topic box */
  background-color: #FBFBFB; /* Tweak as needed */
}

/* -- featured item */

.topic_feature_right h3 { 
  font-family: "Frutiger Light", Helvetica, Arial, sans-serif;
  
  font-size: 1.875em;
}

.topic_feature_right h3 a:hover,
.index_item h3 a:hover {
  color:#646161;
}

.topic_feature_left img{
  border:1px solid #999; /* Customise border color*/
}

.topic_feature_title {
  background: #999; /*Background matches border */
}


/* -- list items */

.index_item h3{
  font-family: "Frutiger Light", Helvetica, Arial, sans-serif;
  
  font-size: 1.5em;
}

.content-lower .quicktabs-tabs {
  display: block; /*Turn quicktabs back on for meta only */
}


/* Homepage - Your Feed nodes */

.view-recent-activity .activity-details {
  color:#888; /* Tweak as needed */
}

.view-recent-activity .activity-details a:nth-child(3){ /*Article label*/
  color:#433B45;
  font-family: 'Frutiger Light';
  font-size: 1.15em;
}

/**
14. TOPIC COMMENTS
---------------------------------------------
 **/

ul.inline li.active{/*Overwrites system menus*/
  color:#66B274; /* Orange */ 
}

ul.inline li.active a{ /*Overwrites system menus*/
  color:#66B274; /* Orange */
}

li.comment-add {
  font-family: 'Frutiger Roman', Frutiger, 'Frutiger Linotype', Univers, Calibri, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.form-item-notify, #edit-notify-type {
  display: none !important;
}


/** 17. USER PROFILE
---------------------------------------------
 */

/* User Profile page --------*/

.profile-page-title {
  color: #66B274; /*Orange*/
}

.profile-page-title p {
  font-family: "Frutiger Light", Helvetica, Arial, sans-serif;
  
}

 /**
25. HUBS
---------------------------------------------
 */

.page-node-book .topic_host {
  background-color: #f2f2f2;
  border: 1px solid #ddd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}


.node-type-hub .topic_host{
  background-color:#f2f2f2;
}

.hub-header h1 span.label {
  font-family: 'Frutiger Roman', Frutiger, 'Frutiger Linotype', Univers, Calibri, 'Helvetica Neue', Helvetica, Arial, sans-serif;
 /* tweak for H1 style applied to this label */
}

/* Generic library item styling ------------ */

.ui-library-file {
  background-color:#FFEFDB;
  border:1px solid #f9d9b8 !important; /* WTF is there a border:none on this element!??*/;
}

.ui-library-file:hover,
.ui-library-file:focus,
.ui-library-file:active{
  background-color: #f9d9b8;
}

/* Sticky library item styling ------------ */

.sticky .ui-library-file:before{
  color:#0088cc; /*Blue icon*/
}

.sticky .ui-library-file {
  border-color:#b3d9f2 !important;
  background-color:#dbeef9;
  color:#0088cc; 
}

.sticky .ui-library-file:hover,
.sticky .ui-library-file:focus,
.sticky .ui-library-file:active{
  background-color: #b3d9f2;
}

/* NODE TYPE STORY */

.node-type-story .ui-header-img-container .ui-inline i,
.node-type-story #page-title { 
  display: none; 
} 

/* Sexy big header image container & styling ------------ */

.ui-header-img-container .ui-header-content{
  z-index:998; 
  overflow:hidden;
  position:absolute; 
  height: 35%;
  left:0px; 
  bottom:0px; 
  color:#fff; 
  background-color:#000; /* for old skool browsers */
  background: rgba(0, 0, 0, 0.8); 
  padding:0; 
  -webkit-border-radius: 0 0 5px 5px; 
  -moz-border-radius: 0 0 5px 5px; 
  border-radius: 0 0 5px 5px; 
}

.ui-header-img-container .ui-header-content,
.ui-header-img-container .ui-hub-feature-img{
   -moz-box-sizing: border-box; 
   -webkit-box-sizing: border-box;
   box-sizing:border-box;
  width:100%; 
  text-align: center;
}

.ui-header-img-container .ui-header-content h1{
  padding: 4px 8px;
  display: inline-block;
  font-weight: normal;
  font-size: 1.9em;
  margin: 20px 0 10px;

}


/**
27. MOBILE RESPONSIVE MENU
------------------------------------------------------------------
/*  -------------*/

ul.etabs li a:hover, ul.etabs li a:focus, ul.etabs li a:active {
  background:#ee6d0a; /*Orange highlight - tabs */
}


#tabs1-menu ul li a:hover, #tabs1-menu ul li a:focus,  #tabs1-menu ul li a:active, 
#tabs1-search ul li a:hover, #tabs1-search ul li a:focus, #tabs1-search ul li a:active, 
#tabs1-profile ul li a:hover, #tabs1-profile ul li a:focus, #tabs1-profile ul li a:active{
  background:#ee6d0a; /*Orange highlight - pages */
}

#tabs1-menu ul li a.active,
#tabs1-search ul li a.active,  
#tabs1-profile ul li a.active{   
  text-decoration: underline; /*Tweak the 'current page' style as desired*/
}




/**
28. MENU FIXES
*/

.menu_primary{
  width:150%;
}



/** 
29. EVENTS SIDE-BAR 
*/

.right-side-bar {
  display: inline-block;
  padding: 1% 2% 1% 0;
}

.events_front .content {
  max-width:980px;   
  margin:auto;
}

.event-content .item-list ul li.span4:nth-child(3n + 4) {
  margin-left : 0px;
}

.region-fullwidth-bottom{
  background-color: #646161;

}

.events_front h2 {
  color: white;
  text-align:left;
  font-size: 24px;
}

.events_front blockquote {
  color: white;
  margin: 0 0 10px 0;
}

.view-events .views-row {
  position: relative;
  float: left;
  width: 240px;
  height: 400px;
  margin-top: 10px;
  margin-left:0px;
  clear: none;
  display: inline;
  margin-right: 4%;
}

.events-date h2, .events-date a{
  margin: 10px 0 5px 0;
  color: white;
  height: 45px;
  line-height: 23px;
}

.events-date {
  color: white;
}

.events-date p {
  height: 50px;
  }

.events-date p a {
  color: #FFDC4F;
  }

.events-org {
  vertical-align: top;
  text-align: right;
  margin-top: 10px;
  line-height: 10px;
  color: white;
}

/**
30. FRONT PAGE DESIGN
*/

.tagline {
  color: #66B274;
  font-size: 42px;
}

.sharebox {
  background-color: #59919E;
  color: white;
  font-size: 24px;
  line-height: 40px;
  text-align: center;
}

.sharebox a {
  color: white;
  text-decoration: none;
}

.sharebox a:hover {
  color: white;
  text-decoration: underline;
}

#frontpage-main-block{
  padding: 0;
}

.padding-front{
  padding: 0;
}

.fronttextleft {
  font-size: 16px;
  float: left;
  width: 580px;
  margin-left: 0px !important;
}

.kbox {
  width: 160px;
  color: white;
  font-size: 18px;
  text-align: center;

}

.internal_kbox {
  padding: 10px;
  margin: 10px; 
  background-color: #59919E;
}

.knowledgebox.span4 {
  float: right;
}

.boxheader {
  font-size: 24px;
  color: #59919E;
  line-height: 50px;
}


ul.quicktabs-tabs {
  margin-left: 56px;
}

/* KNOWLEDGE OBJECT / RESOURCE */

.node-knowledge-object .field-name-body {
  border-bottom: none;
  margin-top: 10px;
  background-color: #F2F2F2;
  border-radius: 5px 5px;
  border: 1px solid #d3d3d3;
  text-align: center;
  padding: 10px 10px 10px 10px;
}

.node-knowledge-object .field-name-field-ko-external-link {
  float:right;
  border-bottom: none;
  margin-top: 10px;
  background-color: #F2F2F2;
  border-radius: 5px 5px;
  border: 1px solid #d3d3d3;
  text-align: center;
  padding: 10px 10px 10px 10px;
}

.node-knowledge-object .field-name-field-featured-image {
  background-color: #F2F2F2;
  border-radius: 5px 5px;
  border: 1px solid #d3d3d3;
  text-align: center;
  padding: 10px 10px 10px 10px;
  width: 50%;
}

.footer-content{
  margin-top: 15px;
  margin-bottom: 15px;
}


/* MEDIA QUERIES */

@media (max-width: 979px) and (min-width: 769px){
    #footer .license{
      width: 100%;
    }

    #footer a {
      font-size: 12px;
      text-align: center;
    }

}



@media only screen and (max-width: 768px){
/* FRONT PAGE */

  body.front {
   padding: 0;
  }

  .padding-front{
    padding-left: 2%;
    padding-right: 2%;
  }

  p.paragraph-tagline{
    line-height: 1.1;
  }
  
  .event-content ul li.span4{
    width: 49%;
    display: inline-block;
  }
  
  .knowledgebox .kbox {
    width: 49%;
    display: inline-block;

  }


  .region-fullwidth-bottom{
    width: 100%;
  }

  .footer-content .block{
      margin: 0;
  }


  #footer .license{
    text-align: center;
    margin-bottom: 10px;
  }
  
  #footer .extra-info{
    display: inline-block;
  }

  #footer .contact-us p{
    text-align: center;
    margin-bottom: 10px;

  }

  #footer .hosted-logo{
    text-align: center;

  }
    
  .footer-content .block {
    width: 100%;
  }

  /* Node type story */
  .ui-header-img-container .ui-header-content  { height: 100%; }
 
}

@media only screen and (max-width : 568px) {

  body {
    padding-left: 0px;
    padding-right: 0px; 
  }

  .front .boxheader {
    font-size: 22px;
    color: #59919E;
    line-height: 1.8; 
  }
  .padding-front{
    padding: 2%;
  }

  .footer-content .block{
    margin: 0;
  }

  .event-content .item-list ul li.span4{
    width: 100%;
  }

  #block-quicktabs-xt-library-quicktab-qt-content {
    padding: 0px; 
  }
  .view-id-recent_files {
    padding-left: 20px;
    padding-right: 20px; 
  }
  .index_item.row-fluid.span12 {
    padding: 0px 0px 0px 20px; 
  }
  .topic_feature_image {
    margin-left: 20px;
    padding-right: 20px; 
  }
  .contentarticle {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px; 
  }
  .node-type-news-update .breadcrum {
    padding-left: 0px;
    padding-top: 40px;
    padding-bottom: 0px; 
  }
  .topic_feature_title {
    margin-left: 20px; 
  }
  .index_item.row-fluid.span12 {
    padding-bottom: 20px;
    margin-bottom: 20px; 
  }
  .item-list ul li.topic-feature {
    margin: 0px; 
  }
  .header-icon.span1 {
    padding-left: 20px; 
  }
  .topic_index_intro.span7 {
    margin-left: 0px; 
  }
  .tagline {
    line-height: 1.1; 
  }
  .sharebox {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 1.1; 
    font-size: 21px; 
  }
  .rtecenter {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 0px; 
  }
  .view-all-users {
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 27%; 
  }
  h1#page-title {
    margin-left: 20px;
    margin-top: 30px;
    margin-bottom: 20px; 
  }
  article#node-261 {
    padding-left: 20px;
    padding-right: 20px; 
  }
  article#node-404 {
    padding-left: 20px;
    padding-right: 20px; 
  }
  p.front_padding {
    padding-left: 20px;
    padding-right: 20px; 
  }
  .front #main-content {
    margin-top: 80px; 
  }
  #block-block-26 {
    margin-top: -12px !important; 
  }
  #block-block-26 img {
    margin-top: -57px !important; 
  }
  .event-content {
      margin-top: 30px; 
  }
  .library-row .span2 {
      margin-right: 50px; 
  }
  .library-row .span7 {
      margin-right: -50px; 
  }
  #sidebar-first {
    margin-left: 25px;
    margin-right: -15px; 
    margin-top: 20px; 
  }
  .kbox_left {
    height: 130px;
    width: 130px; 
  }
  .kbox_lower {
      margin-top: 20px; 
  }
  .kbox {
    height: 130px;
    width: 130px; 
  }
  i.icon-book.icon-4x {
    font-size: 87px; 
  }
  i.icon-cog.icon-4x {
    font-size: 87px; 
  }
  i.icon-cogs.icon-4x {
    font-size: 85px; 
  }
  i.icon-compass.icon-4x {
    font-size: 87px; 
  }
  .knowledgebox.span4{
    margin-bottom: 20px;
  }
  .internal_kbox {
    margin-top: 13%; 
  }
  .view-events .views-row {
    width: auto !important; 
  }
  .orangebutton {
    width: 65px; 
  }
  .topic_index_intro.span7 {
    padding-left: 20px;
    padding-right: 20px; 
  }
  .index_item .span2 {
    padding-left: 20px; 
  }
  .index_item .span10 {
    padding-right: 20px; 
  }
  .topic-feature .recommended {
    margin-top: 90px;
    margin-bottom: -50px;
    margin-left: -10px; 
  }
  .view-hubs {
    margin-top: 90px; 
  }
  .view-display-id-featured_hub {
    margin-bottom: -175px;
    margin-right: 20px; 
  }
  #footer .orangebutton {
    width: 72px; 
  }
  .page-news-update .topic-feature .recommended {
    margin-top: 30px;
    margin-bottom: -10px;
    margin-left: 0px; 
  }
  .main #block-system-main {
    margin-bottom: 0;
    padding-left: 0px;
    padding-right: 0px; 
  }
  .region.region-main-top.clearfix {
    padding-left: 20px;
    padding-right: 20px; 
  }
  .node-type-conversation .topic-header {
    padding: 0px; 
  }
  .node-type-conversation .region.region-sidebar-second.clearfix {
    padding-left: 20px;
    padding-right: 20px; 
  }
  .page-node-261 .orangebutton {
    width: auto; 
  }
  .page-node-404 h1#page-title {
    margin-top: 0px; 
  }
  .page-node-261 h1#page-title {
    margin-top: 0px; 
  }
  .page-node-7 h1#page-title {
    margin-top: 0px; 
  }
  .node-type-pattern h1#page-title {
    margin-top: 0px; 
  }
  .node-type-framework h1#page-title {
    margin-top: 0px; 
  }
  .node-type-organisation h1#page-title {
    margin-top: 0px; 
  }
  .node-type-story h1#page-title {
    margin-top: 0px; 
  }
  .span9.ui-header-img-container {
    padding-left: 00px; 
  }
  .node-type-conversation ul.thumbnails.ui-hubs-organisation-thumbnail {
    padding-right: 20px; 
    padding-left: 20px;
  }
  .bc-n {
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px; 
  }
  .breadcrum {
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px; 
  }
  .node-type-hub #sidebar-second {
    width: 95%; 
    padding-left: 20px; 
  }
  ul.thumbnails.ui-hubs-organisation-thumbnail {
    padding-right: 0px; 
  }
  .view-id-members_of_organisation {
    padding-right: 20px;
    padding-left: 20px; 
  }
  .topics_header {
    margin-bottom: -100px;
    overflow: hidden;
    z-index: 999; 
  }
  .not-front #header-content {
    margin-top: 22px; 
  }
  .hub-header.hub-detail-page {
    padding-bottom: 0;
    margin-top: 30px; 
  }
  .node-type-event h1#page-title {
      margin-top: 0px; 
    }
  .event-location {
    float: left;
    margin-right: 25%;
    margin-bottom: 20px; 
  }
  .posted-by-move-up {
    margin-top: -30px; 
  }
  #block-block-24 {
    margin-bottom: -35px; 
  }
  iframe {
    width: 100%; 
  }
  .front .visible-phone.visible-tablet {
    margin-bottom: 45px;
    margin-top: 5px; 
  }
  form#user-login {
    padding-left: 20px;
    padding-right: 20px; 
  }
  .ui-hubs-organisation-thumbnail .thumbnail {
    background-color: #fff;
    text-align: center; 
    }
  .span9.ui-header-img-container {
    padding-left: 20px;
    padding-right: 20px; 
    }
  .node-conversation {
    padding-left: 20px;
    padding-right: 20px; 
  }
  .user-profile {
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px; 
  }
  .comment-wrapper {
    background-color: #fff;
    padding: 0px; 
  }
  #comment-form {
    position: relative;
    padding: 15px;
    background-color: #f2f2f2;
    margin-left: 0px; 
  }
  .filter-guidelines {
    clear: left;
    padding: 0 1.5em;
    margin-left: -20px; 
  }
  .submitted-content-posted {
    color: #8a7b8e;
    padding-left: 20px; 
  }
  .page-dashboard .region.region-content-upper.clearfix {
    padding-left: 20px;
    padding-right: 20px; 
  }
  .paragraph-tagline {
    padding-top: 20px;
  }  
  .node-type-event .field-item.even img {
    margin-bottom: 0px; 
  }
  .field.field-name-field-featured-image.field-type-image.field-label-above {
    height: 300px;
    overflow: hidden; 
  }

} /* /@media(568px)/ */