@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic);
/* @file global.styles  Styles you add here will load for all device sizes, they are "global", as opposed to "responsive" styles, which only load for a given breakpoint (media query) that you set in theme settings. See the README for more details.   How to use this file: --------------------  There are many empty selectors and some basic styles to act as a guide. Nothing is set in stone and you can change anything - even delete all of it and start with your own clean slate.  To FORCE PRINT all selectors you can search and replace a single { (opening curly brace) and insert an empty comment. This is very useful in conjuction with FireSass: https://addons.mozilla.org/en-US/firefox/addon/firesass-for-firebug/  See global.base also which includes normalize.css and some additional helper classes and base styles. */
/* ============================================================================= Base ========================================================================== */
/* Navy Color*/
/* IDI Green Color*/
/* IDI Pale Grey Color*/
/* IDI Pale Fade Color*/
/* IDI Bright Blue Color*/
/* ============================================================================= Base ========================================================================== */
/* To preserve theme settings never apply font properties to the HTML element. This is critically important if you are using the Responsive JavaScript feature as this relies on being able to set a pseudo font family on the HTML element. If you need to set default font properties of any kind use the BODY element as these can be overridden using font theme settings. */
html { background: #fff; }

body { font-family: "Noto Sans", "Helvetica Neue", "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 87.5%; color: #11273A; }

/* ============================================================================= HTML Elements ========================================================================== */
p { font-size: 110%; }

pre, code, tt, samp, kbd, var { font-family: Consolas, Monaco, "Courier New", Courier, monospace, sans-serif; }

/* ============================================================================= Wrappers ========================================================================== */
/* Outer wrappers: - #page-wrapper: body > #page-wrapper - #page: body > #page-wrapper > #page - .container: body > #page-wrapper > #page.container  The .container class holds the page width value from theme settings. You can style the .container class but do not add width such as border, padding, margins etc. */
/* Wraps all header elements - branding and .region-header */
/* Wraps the sidebars the content column */
/* Main content column wrapper */
/* Wraps the main-content-header, the content region and feed-icons. Use this wrapper to style the entire main content column */
/* Wraps the content region, avoid applying styles to this wrapper, its used mainly for position and invisible gutters and can be problematic to style */
/* Footer wrapper */
/* Panels may need additional margin wrangling when in the $content region */
/* Full Width Wrappers These are used in the optional page--full-width-wrappers.tpl.php template. All have internal .container classes. In the full width wrapper template the .container classes set the width or max-width - you can style this but never add any width/margin/padding/borders etc to .container */
/* Wraps the leaderboard */
/* Wraps the header */
#header-wrapper { background: #fff; }

/* Wraps the nav elements */
#nav-wrapper { background: #a6b5be; }

/* Wraps breadcrumb */
/* Wraps messages and help */
/* Wraps the secondary content/preface region */
/* Wraps the main content column */
#content-wrapper { background: #FAFAFA; }

.node-type-long-form-page #content-wrapper, .node-type-job-listing #content-wrapper, .node-type-training-course-listing #content-wrapper { background: #fff; }

.node-type-long-form-page #content-wrapper .content-inner { margin-left: 20px; margin-right: 20px; }

/* Wraps the tertiary content/postfix region */
/* Footer wrapper */
#footer-wrapper { /* Debug styles, is this working? */ background: rgba(255, 192, 203, 0.5); }

/* ============================================================================= Branding ========================================================================== */
/* Wraps all the branding elements, logo, name and slogan */
#branding { display: block; float: left; }

/* Logo */
#logo { padding: 25px 0; }
#logo img { vertical-align: bottom; }

/* Wrapper for the site name and slogan */
/* Site name (h1) */
#site-name { margin: 0; }
#site-name a:link, #site-name a:visited { text-decoration: none; }
#site-name a:hover, #site-name a:focus { text-decoration: underline; }

/* Site slogan (h2) */
#site-slogan { margin: 0; }

/* ============================================================================= Page content header ========================================================================== */
/* Main content header wraps the page title, tabs and actions links */
/* The main page title (h1) */
#page-title { margin: 50px 0 30px; color: #11273A; text-transform: uppercase; }

/* ============================================================================= Misc Global Styles ========================================================================== */
/* Feed icons */
/* Aggregator feed source */
#aggregator .feed-source .feed-icon { display: inline; float: none; margin-right: 10px; }

.feed-details dt, .feed-details dd { display: inline; margin: 0; }

/* Generic styles for the more link */
/* Generic styles for links. See the ul.links declaration in node and comment stylesheets */
ul.links { margin: 0; padding: 0; }
ul.links.inline { display: block; }
ul.links li { display: inline; list-style: none; padding: 0 10px 0 0; }

/* Search results are an ordered list so reset the margin */
.search-results { margin: 0; padding: 0; }

/* Attribution message and link */
.attribution { display: block; opacity: 0.65; padding: 1em 0; text-align: center; }
.attribution a { text-decoration: none; color: inherit; }
.attribution a:hover, .attribution a:focus { text-decoration: underline; }

/* ============================================================================= Regions ========================================================================== */
/* Standard region wrapper, don't add width to any regions, you will bork the layout - no margin, padding or borders etc */
/* Regions have an inner div - perfect for adding margin, padding or borders */
/* Regions can be nested, such as when using Panels */
/* Header region, embedded in the #header */
.region-header { display: block; float: right; }

/* Generally used to output Drupals help block, if the help module is enabled */
/* Secondary content */
/* Sits above the main content header, like a content-top region */
/* Sits below the main content, like a content-bottom region */
/* Sidebars - targets both */
/* First sidebar */
/* Second sidebar */
/* Tertiary content */
/* Footer region */
/* ============================================================================= Links ========================================================================== */
a { text-decoration: none; color: #11273A; }
a:hover, a:focus { text-decoration: underline; }

/* ============================================================================= Primary, Secondary and Menu Bar region menus ========================================================================== */
.nav { clear: both; margin: 10px 0; }
.nav ul, .nav ul.menu { margin: 0; padding: 0; }
.nav li, .nav ul.menu li { display: inline; float: left; list-style: none; margin: 0; padding: 0; }
.nav li a, .nav ul.menu li a { display: block; white-space: nowrap; padding: 6px 10px; margin: 5px 12px; color: #fff; text-transform: uppercase; text-decoration: none; font-weight: normal; }
.nav li a:hover, .nav li a:focus, .nav ul.menu li a:hover, .nav ul.menu li a:focus { background: #009948; font-weight: normal; }
.nav ul.menu li a.active, .nav ul.menu li a:active { background: #009948; font-weight: bold; }
.nav .block { margin-bottom: 0; }

.i18n-ar .nav li, .i18n-ar .nav ul.menu li { float: right; }

.i18n-ar th { text-align: right; }

/* ============================================================================= Superfish ========================================================================== */
ul.sf-menu { margin-bottom: 0; }
ul.sf-menu a { border-left: 0; border-top: 0; padding: 0 10px; text-decoration: none; height: 2.5em; line-height: 2.5em; }
ul.sf-menu li:hover, ul.sf-menu li.sfHover { outline: 0; }
ul.sf-menu a:focus, ul.sf-menu a:hover, ul.sf-menu a:active { outline: 0; }

/* Superfish blocks */
.block-superfish ul { margin: 0 !important; padding: 0 !important; }
.block-superfish li { margin: 0 !important; padding: 0 !important; }

/* Vertical style */
.sf-vertical { width: 100%; }
.sf-vertical li { width: 100%; }
.sf-vertical li:hover ul, .sf-vertical li.sfHover ul { left: 100%; top: 0; margin: 0; padding: 0; }
.sf-vertical li a { padding: 0 10px; }

/* Navbar style */
.sf-navbar { padding-bottom: 0 !important; }

/* Sensible padding for the default style */
.sf-menu.sf-style-default a { padding: 0 10px; }

/* ============================================================================= Menu Toggles ========================================================================== */
.at-mt .at-menu-toggle, .at-mt .at-menu-toggle ul, .at-mt .at-menu-toggle ul.menu { margin-top: 0; margin-bottom: 0; padding: 0; }
.at-mt .at-menu-toggle-button { margin: 0; }
.at-mt .at-menu-toggle ul a { padding: 0 10px; white-space: nowrap; }

.at-mt .at-menu-toggle { /* The toggle link */ }
.at-mt .at-menu-toggle h2 { padding: 5px 0; }
.at-mt .at-menu-toggle h2 a { background: url("/sites/all/themes/idi/images/Nav-Circle.svg") no-repeat 0 center transparent; border: 0; padding: 5px 10px 5px 35px; color: #fff; font-weight: normal; font-size: 17px; }

/* ============================================================================= Menus, usually blocks ========================================================================== */
ul.menu { padding-left: 15px; }
ul.menu ul { padding-left: 15px; }
ul.menu li { margin: 0; }

/* If li.content exists it's a problem, so reset the padding */
.block .menu li.content { padding: 0; }

/* ============================================================================= Book navigation menu ========================================================================== */
.book-navigation .page-up { /* Prevent text wrapping to a new line, assumes English "up" is used (two characters) */ min-width: 2em; white-space: nowrap; }
.book-navigation .menu { margin-left: 0; }

/* ============================================================================= Breadcrumbs ========================================================================== */
#breadcrumb { margin: 10px 0; /* If the label is set to show in theme settings the label class is added */ }
#breadcrumb .breadcrumb-label { font-size: 1em; display: inline; padding-right: 10px; }
#breadcrumb .breadcrumb-label:after { content: ":"; }
#breadcrumb ol { margin: 0; padding: 0; }
#breadcrumb .with-breadcrumb-label ol { display: inline; }
#breadcrumb li { list-style: none; display: inline; }

/* ============================================================================= Pagers ========================================================================== */
ul.pager { clear: both; margin: 0; text-align: center; }

.item-list ul.pager li { margin: 0; }

ul.pager li { background-image: none; display: inline; list-style-type: none; padding: .5em; }
ul.pager li.pager-current { font-weight: 700; }

.block ul.pager li { margin: 0; }

/* Theme the various states of pager links */
/* ============================================================================= Skip Navigation ========================================================================== */
#skip-link { left: 50%; margin-left: -6.5em; margin-top: 0; padding: 0 0.5em; position: absolute; width: 12em; z-index: 50; }
#skip-link a { background: #444; background: rgba(0, 0, 0, 0.6); color: #fff; display: block; line-height: 2; padding: 0; text-align: center; text-decoration: none; }
#skip-link a:link, #skip-link a:visited { background: #444; background: rgba(0, 0, 0, 0.6); color: #fff; display: block; line-height: 2; padding: 0; text-align: center; text-decoration: none; }
#skip-link a:hover, #skip-link a:focus, #skip-link a:active { outline: 0; }

/* ============================================================================= Tabs (local tasks) ========================================================================== */
#tasks { margin-bottom: 15px; }

ul.primary { border-bottom-color: #ccc; margin: 20px 0; padding: 0 0 0 5px; }
ul.primary li { display: block; float: left; margin: 0 1px -1px; }
ul.primary li a { background-color: #f5f5f5; border-color: #ccc; margin-right: 1px; padding: 0 10px; display: block; float: left; height: 1.5em; line-height: 1.5em; }
ul.primary li a:hover, ul.primary li a:focus { background-color: #eee; border-color: #ccc; }
ul.primary li.active a, ul.primary li.active a:hover, ul.primary li.active a:focus { background-color: #fff; border-bottom-color: #fff; }

ul.secondary { border-bottom: 1px solid #ccc; margin: 1em 0 0; padding: 0 .3em 1em; }
ul.secondary li { border-right: 0; list-style: none; padding: 0 10px 0 0; }
ul.secondary li a:hover, ul.secondary li a.active { border-bottom: none; text-decoration: underline; }

/* ============================================================================= Action links ========================================================================== */
ul.action-links { margin: 20px 0 0; list-style: none; }

/* ============================================================================= Field Styling ========================================================================== */
/* Wrapper for any field */
/* Above and inline classes are on the field wrapper */
/* When labels are set to inline in field display settings the clearfix class is automatically added */
.field-label-inline { /* Remove the margin on inline field lables to preserve vertical formatting */ }
.field-label-inline .field-label { margin: 0; }

/* Labels are h2 in Adaptivetheme. Use a strong selector to mitigate unwanted ineritance issues */
.field-label { font-size: 1em; font-weight: 700; font-family: inherit; line-height: inherit; margin-bottom: 0; margin-top: 0; }

/* Field types (Core) */
/* Image fields use the <figure> and <figcaption> elements from HTML5 */
/* Taxonomy */
.field-type-taxonomy-term-reference { /* The same bottom margin as p, blockquote, ul, ol and dl */ margin-bottom: 1.5em; }
.field-type-taxonomy-term-reference.field-label-inline .field-items { margin: 0; padding: 0; }
.field-type-taxonomy-term-reference.field-label-inline .field-item { display: inline; list-style: none; padding: 0 10px 0 0; }

/* Text */
/* Long text */
/* Text with summary */
/* File */
/* Number/Integer */
/* Decimal */
/* Number float */
/* List */
/* List boolean */
/* List integer */
/* List float */
/* Field types (Contrib) */
/* Named fields */
/* Underscores in field name are replaced with dashes */
/* Image Alignment Theme Settings - included here so you can easily override */
/* Float none setting */
/* Float left setting */
.ia-l .field-type-image figure, .iat-l .field-type-image figure { margin: 5px 20px 15px 0; }

/* Centered setting */
.ia-c .field-type-image figure, .iat-c .field-type-image figure { margin: 5px auto 15px; }

/* Float right setting */
.ia-r .field-type-image figure, .iat-r .field-type-image figure { margin: 5px 0 15px 20px; }

/* ============================================================================= Block Styling ========================================================================== */
/* Main wrapper for most blocks, block_system_main does not have it */
.block { margin-bottom: 20px; }

/* Inner wrapper for most blocks, good for margin, padding and borders, block_system_main does not have it */
/* The first block in the region */
/* The last block in the region */
/* Zebra striping for each block in the region */
/* Zebra striping for each block in the region */
/* Block title */
.block-title { margin: 0; }

/* Block content wrapper */
/* Match item list and block menu margin and padding */
.block-content ul, .block-content ol { padding: 0 0 0 15px; }
.block-content li { margin: 0; padding: 0; }

/* Block for the latest news items in the first category */
/* Block for the latest news items in the first feed */
/* First block created with "Add block" link */
/* "Recent blog posts" block */
/* "Book navigation" block for the current book's table of contents */
/* "Recent comments" block */
/* "Active forum topics" block */
/* "New forum topics" block */
/* Language switcher block */
/* Custom menu block */
/* "Recent content" block */
/* "Syndicate" block for primary RSS feed; see also page.css's .feed-icon */
/* "Most recent poll" block */
/* "Author information" block for the profile of the page's author */
/* "Search form" block */
/* "Shortcuts" block */
/* "Popular content" block */
/* "Main menu" block */
/* "Management" block for Drupal management menu */
/* "Navigation" block for Drupal navigation menu */
/* "User menu" block for Drupal user menu */
/* "System help" block */
/* "Main page content" block */
/* "Powered by Drupal" block */
/* "User login form" block */
/* "Who's new" block for a list of the newest users */
/* "Who's online" block for a list of the online users */
/* ============================================================================= Node Styling ========================================================================== */
.node { margin-bottom: 20px; }
.node .node-title { margin: 0; }

/* All nodes are given a node-FOO class that describes the type of content that it is. If you create a new content type called "my-custom-type", it will receive a "node-my-custom-type" class. */
/* ============================================================================= Comment Styling - Comments, comment wrapper, comment form ========================================================================== */
/* Wrapper for the list of comments and its titles */
#comments { margin: 1.5em 0; }
#comments h2.comment-title { margin: 0; }
#comments h2.comment-form { margin: 0; }

/* Wrapper for a single comment */
.comment { margin-bottom: 20px; }

/* Comment title */
.comment-title { margin: 0; }

/* Comment states */
/* Preview of the comment before submitting new or updated comment */
/* "New" marker for comments that are new for the current user */
.new { color: #c00; }

/* Nested comments are indented */
.indented { margin-left: 40px; }

/* ============================================================================= Forms ========================================================================== */
/* Wrapper for a form element (or group of form elements) and its label */
.form-item input.error, .form-item textarea.error, .form-item select.error { border: 1px solid #c00; }
.form-item label { font-weight: 700; }
.form-item .description { font-size: 0.85em; }

/* Highlight marks and form required mark */
.marker, .form-required { color: #c00; }

.i18n-ar .form-required { float: right; }

/* The submit button */
.container-inline div, .container-inline label { display: inline; }

/* Define consistent borders */
fieldset { border: 1px solid #ccc; }

/* Tips for Drupal's input formats */
/* Buttons used by contrib modules like Media */
a.button { -moz-appearance: button; -webkit-appearance: button; }

/* Password confirmation */
.password-parent, .confirm-parent { margin: 0; }

/* ============================================================================= Tables ========================================================================== */
table { margin: 10px 0; padding: 0; width: 100%; }
table.sticky-header { z-index: 10; }

table, thead, tbody, tr, th, td { border-color: #ccc; }

table, td, th { vertical-align: middle; }

caption, th, td { text-align: left; }

thead tr { font-weight: 700; background-color: #e5e5e5; }

td, th { border-bottom: 0; margin: 0; padding: 5px 7px; }

tbody tr { border-top: 1px solid #ccc; }

tr { /* Table row striping */ }
tr.odd { background: #fff; }
tr.info, tr.even, tr:nth-child(2n+2) { border-bottom: 0; background-color: #f5f5f5; }
tr.odd td.active { background-color: #eee; }
tr.even td.active { background-color: #ebebeb; }

/* Forum tables Core sets white-space to nowrap, which makes no sense */
#forum td.created, #forum td.posts, #forum td.topics, #forum td.last-reply, #forum td.replies, #forum td.pager { white-space: normal; }

/* ============================================================================= Messages ========================================================================== */
div.messages { margin-bottom: 10px; margin-top: 10px; }
div.messages ul { margin-top: 0; margin-bottom: 0; }

/* Unpublished nodes */
.node-unpublished p.unpublished, .comment-unpublished p.unpublished { color: pink; color: rgba(239, 170, 170, 0.4); font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", Charcoal, "Helvetica Inserat", "Bitstream Vera Sans Bold", "Arial Black", sans-serif; font-size: 50px; font-weight: 700; line-height: 1.2; height: 0; margin: 0; padding: 0; overflow: visible; text-align: center; text-transform: uppercase; word-wrap: break-word; }
.ie6-7 .node-unpublished p.unpublished > *, .ie6-7 .comment-unpublished p.unpublished > * { position: relative; }

/* ============================================================================= Maintenance pages ========================================================================== */
.maintenance-page .container { padding: 40px 0; }
.maintenance-page #site-name, .maintenance-page #page-title { margin: 0; }

.db-offline .container { margin: 0 auto; padding: 40px 0; width: 100%; max-width: 960px; }
.db-offline div.messages { margin: 20px 0 0; }
.db-offline #content { padding: 20px 0; }

/* ============================================================================= Misc overrides for contrib modules ========================================================================== */
.not-logged-in #content div.tabs { display: none; }

/* Template Regions */
#idifooter .panel-row { float: left; margin: 0; width: 100%; }

#idifooter .region.region-four-first, #idifooter .region.region-four-second, #idifooter .region.region-four-third, #idifooter .region.region-four-fourth { float: left; margin: 0 0.333% 5px; width: 99.333333%; }

/* Admin menu overrides */
#admin-menu { margin: 0; padding: 0; }

/* Devel Module */
.dev-query { background: #eee; padding: 30px; }

/* Styleguide module tweaks */
#styleguide-header { padding: 0 10px; }
#styleguide-header .item-list { font-family: inherit; margin: 0 20px 20px 0; min-height: 260px; width: auto; }

#IDI { text-align: center; }

.node ul { margin: 10px 1em; }

.node li { position: relative; list-style-type: none; font-size: 110%; }

.node .field-name-body li:before, .node .field-name-field-approach li:before, .node .field-name-field-results li:before, .node .paragraphs-items li:before, .node .field-collection-container li:before { content: ""; position: absolute; top: 8px; left: -30px; width: 21px; height: 8px; background-image: url("/sites/all/themes/idi/images/idi-bullet-line.png"); background-repeat: no-repeat; background-position: 50%; }

.i18n-ar .node .field-name-body li:before, .i18n-ar .node .field-name-field-approach li:before, .i18n-ar .node .field-name-field-results li:before, .i18n-ar .node .paragraphs-items li:before, .i18n-ar .node .field-collection-container li:before { left: auto; right: -30px; }

#block-locale-language { clear: both; margin: 60px 0 0; }
#block-locale-language ul { margin: 0; padding: 0; }
#block-locale-language li { display: inline; float: left; list-style: none; margin: 0; padding: 0; }
#block-locale-language li.first { border-right: 1px solid #11273A; }
#block-locale-language li a { display: block; white-space: nowrap; padding: 0 10px; color: #11273A; }
#block-locale-language li a.active { font-weight: bold; color: #11273A; }
#block-locale-language li span { display: block; white-space: nowrap; padding: 0 10px; color: #a6b5be; }
#block-locale-language .block { margin-bottom: 0; }

/** View Modes - Teaser **/
/**** Teaser Square ****/
.view-mode-teaser_square, .view-mode-teaser_white, .view-mode-teaser { background-color: #fff; border: 1px solid #edf1f7; display: block; position: relative; }
.view-mode-teaser_square .region-inner, .view-mode-teaser_white .region-inner, .view-mode-teaser .region-inner { margin: 0 !important; }
.view-mode-teaser_square a.group-teaser-wrapper, .view-mode-teaser_white a.group-teaser-wrapper, .view-mode-teaser a.group-teaser-wrapper { position: absolute; display: block; width: 100%; height: 100%; color: #fff; top: 0; left: 0; background: #fff; }
.view-mode-teaser_square a.group-teaser-wrapper:hover, .view-mode-teaser_white a.group-teaser-wrapper:hover, .view-mode-teaser a.group-teaser-wrapper:hover { background: #11273A; }
.view-mode-teaser_square a.group-teaser-wrapper:before, .view-mode-teaser_white a.group-teaser-wrapper:before, .view-mode-teaser a.group-teaser-wrapper:before { display: block; content: ""; position: absolute; z-index: 100; background: transparent; width: 85px; height: 50px; top: 30px; left: 30px; }
.view-mode-teaser_square a.group-teaser-wrapper img, .view-mode-teaser_white a.group-teaser-wrapper img, .view-mode-teaser a.group-teaser-wrapper img { position: relative; display: block; }
.view-mode-teaser_square a.group-teaser-wrapper img:hover, .view-mode-teaser_white a.group-teaser-wrapper img:hover, .view-mode-teaser a.group-teaser-wrapper img:hover { opacity: 0; }
.view-mode-teaser_square a.group-teaser-wrapper h2.teaser-title, .view-mode-teaser_white a.group-teaser-wrapper h2.teaser-title, .view-mode-teaser a.group-teaser-wrapper h2.teaser-title { position: absolute; display: block; bottom: 22px; left: 20px; line-height: 1.1; margin: 0; font-weight: normal; font-size: 22px; text-transform: capitalize; }

.i18n-ar .view-mode-teaser_square a.group-teaser-wrapper h2.teaser-title, .i18n-ar .view-mode-teaser_white a.group-teaser-wrapper h2.teaser-title, .i18n-ar .view-mode-teaser a.group-teaser-wrapper h2.teaser-title { bottom: 22px; right: 20px; left: auto; }

.view-mode-teaser a.group-teaser-wrapper h2.teaser-title { line-height: 1.3; font-size: 18px; }
.view-mode-teaser .paragraphs-items-field-overview-information { position: absolute; display: block; bottom: 20px; left: 20px; }
.view-mode-teaser .paragraphs-items-field-overview-information .field-name-field-o-location-title { display: inline-block; position: relative; color: #a6b5be; text-transform: uppercase; font-size: 12px; margin-left: 10px; }
.view-mode-teaser .paragraphs-items-field-overview-information .field-name-field-o-location-title:before { display: inline-block; content: "Project -"; font-size: 12px; text-transform: uppercase; color: #a6b5be; font-weight: normal; padding-bottom: 8px; border-top: 3px solid #009948; padding-top: 5px; text-decoration: none; margin-right: 5px; }

.i18n-ar .view-mode-teaser .paragraphs-items-field-overview-information { right: 20px; left: auto; }
.i18n-ar .view-mode-teaser .paragraphs-items-field-overview-information .field-name-field-o-location-title:before { content: "المشروعات - "; }

.view-mode-teaser_white { width: 250px; height: 250px; }
.view-mode-teaser_white a.group-teaser-wrapper h2.teaser-title { line-height: 1.3; font-size: 16px; }
.view-mode-teaser_white a.group-teaser-wrapper.noimg { color: #11273A; background: #fff; }
.view-mode-teaser_white a.group-teaser-wrapper.noimg:hover { background: #11273A; color: #fff; }
.view-mode-teaser_white .paragraphs-items-field-overview-information { position: absolute; display: block; bottom: 20px; left: 30px; }
.view-mode-teaser_white .paragraphs-items-field-overview-information .field-name-field-o-location-title { display: inline-block; position: relative; color: #a6b5be; text-transform: uppercase; font-size: 14px; }
.view-mode-teaser_white .paragraphs-items-field-overview-information .field-name-field-o-location-title:before { display: inline-block; content: "Project -"; font-size: 14px; text-transform: uppercase; color: #009948; font-weight: normal; padding-bottom: 8px; border-top: 3px solid #009948; padding-top: 5px; text-decoration: none; margin-right: 5px; }

.i18n-ar .view-mode-teaser_white .paragraphs-items-field-overview-information { left: auto; right: 30px; }
.i18n-ar .view-mode-teaser_white .paragraphs-items-field-overview-information .field-name-field-o-location-title:before { content: "المشروعات - "; }

.view-mode-teaser_square .paragraphs-items-field-overview-information { position: absolute; display: block; bottom: 20px; left: 20px; }
.view-mode-teaser_square .paragraphs-items-field-overview-information .field-name-field-o-location-title { display: inline-block; position: relative; color: #a6b5be; text-transform: uppercase; font-size: 14px; }
.view-mode-teaser_square .paragraphs-items-field-overview-information .field-name-field-o-location-title:before { display: inline-block; content: "Project -"; font-size: 14px; text-transform: uppercase; color: #009948; font-weight: normal; padding-bottom: 8px; border-top: 3px solid #009948; padding-top: 5px; text-decoration: none; margin-right: 5px; }

.i18n-ar .view-mode-teaser_square .paragraphs-items-field-overview-information { right: 20px; left: auto; }
.i18n-ar .view-mode-teaser_square .paragraphs-items-field-overview-information .field-name-field-o-location-title:before { content: "المشروعات - "; }

.noimg.view-mode-teaser_square a.group-teaser-wrapper, .noimg.view-mode-teaser a.group-teaser-wrapper { color: #11273A; background: #fff; }
.noimg.view-mode-teaser_square a.group-teaser-wrapper:hover, .noimg.view-mode-teaser a.group-teaser-wrapper:hover { background: #11273A; color: #fff; }

.view-mode-teaser_square.node-project .field-name-field-related-sector, .view-mode-teaser_white.node-project .field-name-field-related-sector, .view-mode-teaser.node-project .field-name-field-related-sector { display: block; position: absolute; top: 20px; left: 20px; text-transform: uppercase; font-size: 12px; }
.view-mode-teaser_square.node-project h2.teaser-title, .view-mode-teaser_white.node-project h2.teaser-title, .view-mode-teaser.node-project h2.teaser-title { bottom: 66px !important; }

.i18n-ar .view-mode-teaser_square.node-project .field-name-field-related-sector, .i18n-ar .view-mode-teaser_white.node-project .field-name-field-related-sector, .i18n-ar .view-mode-teaser.node-project .field-name-field-related-sector { right: 20px; left: auto; }

.view-mode-teaser_square.node-sector h2.teaser-title:after, .view-mode-teaser_white.node-sector h2.teaser-title:after, .view-mode-teaser.node-sector h2.teaser-title:after { display: block; content: "Sector"; font-size: 14px; text-transform: uppercase; color: #a6b5be; font-weight: normal; padding-bottom: 8px; padding-top: 8px; border-top: 3px solid #009948; margin-top: 10px; width: 60px; }

.i18n-ar .view-mode-teaser_square.node-sector h2.teaser-title:after, .i18n-ar .view-mode-teaser_white.node-sector h2.teaser-title:after, .i18n-ar .view-mode-teaser.node-sector h2.teaser-title:after { content: "القطاعات"; }

.view-mode-teaser_square.node-article h2.teaser-title:after, .view-mode-teaser.node-article h2.teaser-title:after { display: block; content: "Article"; font-size: 14px; text-transform: uppercase; color: #a6b5be; font-weight: normal; padding-bottom: 8px; padding-top: 8px; border-top: 3px solid #009948; margin-top: 10px; width: 60px; }

.i18n-ar .view-mode-teaser_square.node-article h2.teaser-title:after, .i18n-ar .view-mode-teaser.node-article h2.teaser-title:after { content: "Article"; }

/* Project Pages  Overview Section*/
.node-type-project .paragraphs-items-field-overview-information.paragraphs-items-full .OIItems { display: block; float: left; margin-bottom: 16px; border-left: 1px solid #009948; width: 33%; min-height: 108px; }
.node-type-project .paragraphs-items-field-overview-information.paragraphs-items-full .OIItems .field-name-field-o-location-flag { display: block; width: 30%; min-width: 80px; position: relative; padding: 15px 0; margin: 0; float: left; text-align: right; line-height: 1; }
.node-type-project .paragraphs-items-field-overview-information.paragraphs-items-full .OIItems .field-name-field-o-location-flag:before { display: block; content: "Location"; font-size: 12px; text-transform: uppercase; color: #a6b5be; font-weight: bold; }
.node-type-project .paragraphs-items-field-overview-information.paragraphs-items-full .OIItems .field-name-field-o-location-title { display: block; font-size: 18px; text-transform: uppercase; position: relative; padding-left: 15px; float: left; padding-top: 37px; line-height: 1; width: 60%; color: #11273A; }
.node-type-project .paragraphs-items-field-overview-information.paragraphs-items-full .OIItems .field.field-name-field-0-budget-amount { font-size: 27px; padding: 15px 20px; color: #11273A; line-height: 1; }
.node-type-project .paragraphs-items-field-overview-information.paragraphs-items-full .OIItems .field.field-name-field-0-budget-amount:before { display: block; content: "Budget"; font-size: 12px; text-transform: uppercase; color: #a6b5be; font-weight: bold; padding-bottom: 8px; }
.node-type-project .paragraphs-items-field-overview-information.paragraphs-items-full .OIItems .field.field-name-field-0-budget-amount .field-item { width: 50%; }
.node-type-project .paragraphs-items-field-overview-information.paragraphs-items-full .OIItems .field.field-name-field-o-duration-length, .node-type-project .paragraphs-items-field-overview-information.paragraphs-items-full .OIItems .field-name-field-o-duration-unit { font-size: 27px; padding: 0px 20px; line-height: 1; color: #11273A; }
.node-type-project .paragraphs-items-field-overview-information.paragraphs-items-full .OIItems .field.field-name-field-o-duration-length { padding-top: 15px; }
.node-type-project .paragraphs-items-field-overview-information.paragraphs-items-full .OIItems .field.field-name-field-o-duration-length:before { display: block; content: "Duration"; font-size: 12px; text-transform: uppercase; color: #a6b5be; font-weight: bold; padding-bottom: 8px; }
.node-type-project .paragraphs-items-field-overview-information.paragraphs-items-full .OIItems .field-name-field-o-duration-unit { padding-bottom: 15px; }
.node-type-project .paragraphs-items-field-overview-information.paragraphs-items-full .OIItems .field.field-name-field-o-team-size { font-size: 27px; padding: 15px 20px; color: #11273A; line-height: 1; }
.node-type-project .paragraphs-items-field-overview-information.paragraphs-items-full .OIItems .field.field-name-field-o-team-size:before { display: block; content: "Team Size"; font-size: 12px; text-transform: uppercase; color: #a6b5be; font-weight: bold; padding-bottom: 8px; }
.node-type-project .paragraphs-items-field-overview-information.paragraphs-items-full .OIItems .field.field-name-field-o-team-size .field-item { width: 50%; }

.i18n-ar.node-type-project .paragraphs-items-field-overview-information.paragraphs-items-full .OIItems .field-name-field-o-location-flag:before { content: "الموقع"; }
.i18n-ar.node-type-project .paragraphs-items-field-overview-information.paragraphs-items-full .OIItems .field.field-name-field-0-budget-amount:before { content: "الميزانية"; }
.i18n-ar.node-type-project .paragraphs-items-field-overview-information.paragraphs-items-full .OIItems .field.field-name-field-o-duration-length { padding-top: 15px; }
.i18n-ar.node-type-project .paragraphs-items-field-overview-information.paragraphs-items-full .OIItems .field.field-name-field-o-duration-length:before { content: "المدة"; }
.i18n-ar.node-type-project .paragraphs-items-field-overview-information.paragraphs-items-full .OIItems .field.field-name-field-o-team-size:before { content: "حجم الفريق"; }

.node.view-mode-full .field-name-field-image { margin-bottom: 30px; }

/* Project Page TABS */
div.horizontal-tabs { border: 0; margin: 0 0 1em; }

.horizontal-tabs ul.horizontal-tabs-list { background-color: transparent; border-right: 0; border-bottom: 1px solid #11273A; }

.horizontal-tabs ul.horizontal-tabs-list li { background: #EDEDED; border-right: 0; padding: 0; margin: 0 10px 0 0; }

.horizontal-tabs ul.horizontal-tabs-list li.selected { background-color: #FAFAFA; padding: 0; }

.horizontal-tabs ul.horizontal-tabs-list li:hover, .horizontal-tabs ul.horizontal-tabs-list li:focus { background-color: #FAFAFA; }

.horizontal-tabs ul.horizontal-tabs-list li a, .horizontal-tabs ul.horizontal-tabs-list li.selected a { padding: 15px 70px 15px 20px; color: #11273A; font-size: 18px; }

.horizontal-tabs ul.horizontal-tabs-list li a strong, .horizontal-tabs ul.horizontal-tabs-list li.selected a strong { font-weight: normal; }

.horizontal-tabs ul.horizontal-tabs-list .selected strong { color: #11273A; }

.horizontal-tabs ul.horizontal-tabs-list li a:hover { background-color: transparent; }

.node-project .horizontal-tab-button-0 { background: url("/sites/all/themes/idi/images/idi-icon-description.png") no-repeat 90% 21px #ededed !important; }

.node-project .horizontal-tab-button-0.selected, .node-project .horizontal-tab-button-0:hover, .node-project .horizontal-tab-button-0:focus { background: url("/sites/all/themes/idi/images/idi-icon-description.png") no-repeat 90% 21px #fafafa !important; }

.node-project .horizontal-tab-button-1 { background: url("/sites/all/themes/idi/images/idi-icon-approach.png") no-repeat 90% 18px #ededed !important; }

.node-project .horizontal-tab-button-1.selected, .node-project .horizontal-tab-button-1:hover, .node-project .horizontal-tab-button-1:focus { background: url("/sites/all/themes/idi/images/idi-icon-approach.png") no-repeat 90% 18px #fafafa !important; }

.node-project .horizontal-tab-button-2 { background: url("/sites/all/themes/idi/images/idi-icon-results.png") no-repeat 90% 18px #ededed !important; }

.node-project .horizontal-tab-button-2.selected, .node-project .horizontal-tab-button-2:hover, .node-project .horizontal-tab-button-2:focus { background: url("/sites/all/themes/idi/images/idi-icon-results.png") no-repeat 90% 18px #fafafa !important; }

.horizontal-tabs fieldset.horizontal-tabs-pane { padding: 15px 0; }

/* Project Teaser Square */
/*** Simliar Projects */
.group-grp-sim-projects-label h3 { font-size: 18px; margin: 1em 0 0; font-weight: normal; }
.group-grp-sim-projects-label .view-mode-teaser_white { display: inline-block; float: left; margin: 0 10px 10px 0; height: 150px; }

/* Project Page Sidebar */
/*** Project Contact */
.group-pc-grp-label h3 { font-size: 18px; margin: 1em 0 0; font-weight: normal; }
.group-pc-grp-label .field-name-field-staff-job-title { color: #a6b5be; padding-bottom: 5px; }
.group-pc-grp-label a { color: #11273A; border-left: 1px solid #009948; margin: 0; padding: 2px 5px 3px 10px; display: block; }
.group-pc-grp-label .field-name-field-staff-profile-photo a { padding: 0; border: 0; }

.i18n-ar .group-pc-grp-label a { border-left: 0; border-right: 1px solid #009948; }

/*** Project Partners */
.group-pp-grp-label h3 { font-size: 18px; margin: 1em 0 0; font-weight: normal; }
.group-pp-grp-label .paragraphs-items-field-project-partners .field-name-field-label-partner-type { display: block; font-size: 12px; font-style: normal; text-transform: uppercase; color: #a6b5be; font-weight: bold; padding-bottom: 3px; line-height: 1; }
.group-pp-grp-label .paragraphs-items-field-project-partners img { display: block; border: 1px solid #edf1f7; }
.group-pp-grp-label .paragraphs-items-field-project-partners a { display: block; color: #11273A; text-transform: uppercase; padding: 6px 0 20px; }

/* Project Listing */
.page-projects h1#page-title { margin: 50px 15px 30px; }

#block-global-filter-global-filter-1 { margin: 0 15px 20px; float: left; width: 80%; }
#block-global-filter-global-filter-1 .block-title { font-weight: normal; font-size: 1.2em; text-transform: capitalize; float: left; margin-right: 30px; margin-top: 37px; }
#block-global-filter-global-filter-1 .global-filter label { display: block; font-size: 12px; text-transform: uppercase; color: #a6b5be; font-weight: bold; }
#block-global-filter-global-filter-1 select { border: 1px solid #DDD; width: 100%; height: 38px; background-color: #fff; border-radius: 3px; padding: 10px 0; font-size: 100%; }

/* Map on Projects Page */
#block-block-3 { display: block; float: right; margin: 35px 20px 0 0; }
#block-block-3 p { margin: 0; }
#block-block-3 a.MapToggle { display: block; padding: 5px 10px; border: 1px solid; border-radius: 6px; text-decoration: none; }
#block-block-3 a.MapToggle:hover { background-color: #a6b5be; color: white; }

#block-views-project-map-block-1 { clear: both; padding: 0 20px; }

.view-project-listing { clear: both;     /* NOT IN USE .GridItem { display: block; position: relative; background: $primary-color;
 a { color: #fff; }
 .image-style-project-sector-teaser-image { display: block; position: relative;
 &:hover { opacity: 0;} }
 .SectorTitle { position: absolute; top: 20px; left: 20px; font-size: 12px; text-transform: uppercase; font-weight: bold; }
 h2 { position: absolute; bottom: 50px; left: 20px; line-height: 1.1; margin: 0; font-weight: normal; } span { position: absolute; bottom: 15px; left: 20px; border-top: 3px solid #009948; text-transform: uppercase; font-weight: normal;
 }
 } */ }
.view-project-listing .view-header { margin: 0 15px; }
.view-project-listing .view-content { display: flex; justify-content: center; flex-wrap: wrap; }
.view-project-listing .views-row { display: block; float: left; width: 250px; margin: 0 15px 25px; min-width: 250px; position: relative; height: 350px; }
.view-project-listing .node-teaser { height: 350px; width: 250px; }

.view-project-related-to-sectors .view-mode-teaser_square { height: 250px; width: 250px; }
.view-project-related-to-sectors .view-mode-teaser_square h2.teaser-title { font-size: 18px !important; line-height: 1.3 !important; }
.view-project-related-to-sectors .view-mode-teaser_square .paragraphs-items-field-overview-information-teaser-square { margin-left: 10px; }

.view-project-related-to-sectors .view-footer p { padding: 0; margin: 0; }
.view-project-related-to-sectors .view-footer a { margin: 0 0 25px 0; clear: both; }

/* Sector Teaser Square  - Show on Poject Pages */
/*   Node 1 = SME
*    Node 147 = Arabic Version
*/
#node-1.node-teaser a.group-teaser-wrapper:before, #node-1.view-mode-teaser_square a.group-teaser-wrapper:before, #node-1.view-mode-teaser_white a.group-teaser-wrapper:before, #node-147.node-teaser a.group-teaser-wrapper:before, #node-147.view-mode-teaser_square a.group-teaser-wrapper:before, #node-147.view-mode-teaser_white a.group-teaser-wrapper:before { background: url("/sites/all/themes/idi/images/IDI-icon-SME.svg") no-repeat 0 0 transparent !important; width: 85px; height: 65px; left: 10px; top: 5px; }

#block-bean-projects-of-excellence .hp-related-sectors #node-1.view-mode-title_only, #block-bean-projects-of-excellence .hp-related-sectors #node-147.view-mode-title_only { background: url("/sites/all/themes/idi/images/IDI-icon-SME.svg") no-repeat 0 -7px transparent !important; background-size: 40px !important; }

/*   Node 2 = Banking
*    Node 151 = Arabic Version
*/
#node-2.node-teaser a.group-teaser-wrapper:before, #node-2.view-mode-teaser_square a.group-teaser-wrapper:before, #node-2.view-mode-teaser_white a.group-teaser-wrapper:before, #node-151.node-teaser a.group-teaser-wrapper:before, #node-151.view-mode-teaser_square a.group-teaser-wrapper:before, #node-151.view-mode-teaser_white a.group-teaser-wrapper:before { background: url("/sites/all/themes/idi/images/IDI-icon-Banking.svg") no-repeat 0 0 transparent !important; width: 85px; height: 85px; left: 10px; top: 0; }

#block-bean-projects-of-excellence .hp-related-sectors #node-2.view-mode-title_only, #block-bean-projects-of-excellence .hp-related-sectors #node-151.view-mode-title_only { background: url("/sites/all/themes/idi/images/IDI-icon-Banking.svg") no-repeat 0 -8px transparent !important; background-size: 40px !important; }

/*   Node 3 = Investment & Export Promotion
*    Node 148 = Arabic Version
*/
#node-3.node-teaser a.group-teaser-wrapper:before, #node-3.view-mode-teaser_square a.group-teaser-wrapper:before, #node-3.view-mode-teaser_white a.group-teaser-wrapper:before, #node-148.node-teaser a.group-teaser-wrapper:before, #node-148.view-mode-teaser_square a.group-teaser-wrapper:before, #node-148.view-mode-teaser_white a.group-teaser-wrapper:before { background: url("/sites/all/themes/idi/images/IDI-icon-Investment.svg") no-repeat 0 0 transparent !important; width: 85px; height: 65px; left: 20px; top: 15px; }

#block-bean-projects-of-excellence .hp-related-sectors #node-3.view-mode-title_only, #block-bean-projects-of-excellence .hp-related-sectors #node-148.view-mode-title_only { background: url("/sites/all/themes/idi/images/IDI-icon-Investment.svg") no-repeat 0 0 transparent !important; background-size: 40px !important; }

/*   Node 4 = Health
*    Node 126 = Arabic Version
*/
#node-4.node-teaser a.group-teaser-wrapper:before, #node-4.view-mode-teaser_square a.group-teaser-wrapper:before, #node-4.view-mode-teaser_white a.group-teaser-wrapper:before, #node-126.node-teaser a.group-teaser-wrapper:before, #node-126.view-mode-teaser_square a.group-teaser-wrapper:before, #node-126.view-mode-teaser_white a.group-teaser-wrapper:before { background: url("/sites/all/themes/idi/images/IDI-icon-Health.svg") no-repeat 0 0 transparent !important; width: 85px; height: 85px; left: 10px; top: 5px; }

#block-bean-projects-of-excellence .hp-related-sectors #node-4.view-mode-title_only, #block-bean-projects-of-excellence .hp-related-sectors #node-126.view-mode-title_only { background: url("/sites/all/themes/idi/images/IDI-icon-Health.svg") no-repeat 0 -8px transparent !important; background-size: 40px !important; }

/*   Node 5 = Tourism
*    Node 146 = Arabic Version
*/
#node-5.node-teaser a.group-teaser-wrapper:before, #node-5.view-mode-teaser_square a.group-teaser-wrapper:before, #node-5.view-mode-teaser_white a.group-teaser-wrapper:before, #node-146.node-teaser a.group-teaser-wrapper:before, #node-146.view-mode-teaser_square a.group-teaser-wrapper:before, #node-146.view-mode-teaser_white a.group-teaser-wrapper:before { background: url("/sites/all/themes/idi/images/IDI-icon-Tourism.svg") no-repeat 0 0 transparent !important; width: 85px; height: 85px; left: 10px; top: 0; }

#block-bean-projects-of-excellence .hp-related-sectors #node-5.view-mode-title_only #block-bean-projects-of-excellence .hp-related-sectors #node-146.view-mode-title_only { background: url("/sites/all/themes/idi/images/IDI-icon-Tourism.svg") no-repeat 0 -10px transparent !important; background-size: 40px !important; }

/*   Node 6 = Innovation
*    Node 149 = Arabic Version
*/
#node-6.node-teaser a.group-teaser-wrapper:before, #node-6.view-mode-teaser_square a.group-teaser-wrapper:before, #node-6.view-mode-teaser_white a.group-teaser-wrapper:before, #node-149.node-teaser a.group-teaser-wrapper:before, #node-149.view-mode-teaser_square a.group-teaser-wrapper:before, #node-149.view-mode-teaser_white a.group-teaser-wrapper:before { background: url("/sites/all/themes/idi/images/IDI-icon-Innovation.svg") no-repeat 0 0 transparent !important; width: 85px; height: 85px; top: 5px; left: 10px; }

#block-bean-projects-of-excellence .hp-related-sectors #node-6.view-mode-title_only, #block-bean-projects-of-excellence .hp-related-sectors #node-149.view-mode-title_only { background: url("/sites/all/themes/idi/images/IDI-icon-Innovation.svg") no-repeat 0 -8px transparent !important; background-size: 40px !important; }

/*   Node 7 = Economic Zones
*    Node 127 = Arabic Version
*/
#node-7.node-teaser a.group-teaser-wrapper:before, #node-7.view-mode-teaser_square a.group-teaser-wrapper:before, #node-7.view-mode-teaser_white a.group-teaser-wrapper:before, #node-127.node-teaser a.group-teaser-wrapper:before, #node-127.view-mode-teaser_square a.group-teaser-wrapper:before, #node-127.view-mode-teaser_white a.group-teaser-wrapper:before { background: url("/sites/all/themes/idi/images/IDI-icon-Economic.svg") no-repeat 0 0 transparent !important; width: 85px; height: 85px; left: 10px; top: 5px; }

#block-bean-projects-of-excellence .hp-related-sectors #node-7.view-mode-title_only, #block-bean-projects-of-excellence .hp-related-sectors #node-127.view-mode-title_only { background: url("/sites/all/themes/idi/images/IDI-icon-Economic.svg") no-repeat 0 -8px transparent !important; background-size: 40px !important; }

/*   Node 102 = Corporate Restructuring Turnaround
*    Node 128 = Arabic Version
*/
#node-102.node-teaser a.group-teaser-wrapper:before, #node-102.view-mode-teaser_square a.group-teaser-wrapper:before, #node-102.view-mode-teaser_white a.group-teaser-wrapper:before, #node-128.node-teaser a.group-teaser-wrapper:before, #node-128.view-mode-teaser_square a.group-teaser-wrapper:before, #node-128.view-mode-teaser_white a.group-teaser-wrapper:before { background: url("/sites/all/themes/idi/images/IDI-icon-CorporateRestructing.svg") no-repeat 0 0 transparent !important; width: 85px; height: 85px; left: 10px; top: 5px; }

#block-bean-projects-of-excellence .hp-related-sectors #node-102.view-mode-title_only, #block-bean-projects-of-excellence .hp-related-sectors #node-128.view-mode-title_only { background: url("/sites/all/themes/idi/images/IDI-icon-CorporateRestructing.svg") no-repeat 0 -8px transparent !important; background-size: 40px !important; }

/* IDI-icon-Institution.svg IDI-icon-Europe.svg */
/* Sector Listing */
.page-sectors h1#page-title { margin: 50px 15px 30px; }

.view-sectors-listing-page .view-header { margin: 0 15px; }
.view-sectors-listing-page .view-content { display: flex; justify-content: center; flex-wrap: wrap; }
.view-sectors-listing-page .views-row { display: block; float: left; width: 250px; margin: 0 15px 20px; min-width: 250px; position: relative; height: 350px; }
.view-sectors-listing-page .node-teaser { height: 350px; width: 250px; }

/* Success Story Page */
.node-type-success-story-template .node-success-story-template .container { max-width: 900px; }
.node-type-success-story-template p { line-height: 1.8; }
.node-type-success-story-template .group-grey-wrapper { background-color: #f1f2f4; text-align: left; padding: 60px 0; margin: 0; }
.node-type-success-story-template .group-grey-wrapper .center { text-align: center; }
.node-type-success-story-template .field-collection-container { border-bottom: 0; margin-bottom: 0; }
.node-type-success-story-template .Sheader-container { background-color: #009948; }
.node-type-success-story-template h1#page-title { color: #fff; text-align: center; padding: 50px 0 30px; margin: 0; }
.node-type-success-story-template .field-group-div h3 { color: #009948; text-transform: uppercase; font-size: 24px; text-align: center; line-height: 1; margin: 0.5em 0; }
.node-type-success-story-template .two-50.at-panel .region .region-inner, .node-type-success-story-template .two-33-66.at-panel .region .region-inner { margin: 0 10px; }

.group-GreenBG-wrapper { background-color: #009948; text-align: left; padding: 1px 0 60px; margin: 0; color: #fff; }
.group-GreenBG-wrapper a { color: #fff; }
.group-GreenBG-wrapper p { font-size: 18px; padding-left: 50px; padding-right: 50px; font-weight: bold; text-align: center; }

.group-aeroplane { background: url("/sites/all/themes/idi/images/SuccessStory-Image1-Plane.svg"), url("/sites/all/themes/idi/images/SuccessStory-Image1-line.svg"); background-size: 10% 50%, 60% 100%; background-position: 2% center, center center; background-repeat: no-repeat, repeat-x; }
.group-aeroplane .group-container-wrapper { background-color: #f1f2f4; }

.ClusterDev:before { display: block; background: url("/sites/all/themes/idi/images/SuccessStory-Image10.svg") no-repeat center 0 transparent; font-size: 0%; width: 100%; height: 25px; margin: -67px auto 0; padding-top: 30px; content: '.'; background-size: 40px; }
.ClusterDev h3:after { display: block; content: '.'; font-size: 0; background: url("/sites/all/themes/idi/images/SuccessStory-Image3.svg") no-repeat center center transparent; height: 76px; margin: 35px 0 15px; background-size: 45%; }
.ClusterDev .ClusterDevFour { display: block; background: url("/sites/all/themes/idi/images/SuccessStory-Image11.svg") no-repeat center 0 transparent; padding-top: 155px; background-size: 90%; text-align: center; }

.SIFSC:before { display: block; background: url("/sites/all/themes/idi/images/SuccessStory-Image10.svg") no-repeat center 0 transparent; font-size: 0%; width: 100%; height: 20px; margin: -70px auto 0; padding-top: 35px; content: '.'; background-size: 40px; }

.SInternetBorn { display: block; background: url("/sites/all/themes/idi/images/SuccessStory-Image6.svg") no-repeat center 98% transparent; background-size: 90%; padding-bottom: 30px; }

.SAgriculture { margin-bottom: 50px; }
.SAgriculture h3:after { display: block; content: '.'; font-size: 0; background: url("/sites/all/themes/idi/images/SuccessStory-Image7.svg") no-repeat center center transparent; height: 100px; margin: 35px 0 35px; background-size: 65%; }
.SAgriculture .field-name-field-seventh-100:before { padding-left: 0; background: url("/sites/all/themes/idi/images/SuccessStory-Image8.svg") no-repeat center 0 transparent; height: 200px; background-size: 100% 100%; display: block; content: '.'; font-size: 0%; float: left; width: 200px; position: relative; }
.SAgriculture .field-items { display: inline; position: relative; }

/* Cluster Interstitial  */
.field-name-field-eigth-100 { text-align: center; }

.STourism h3 { color: #0B94CE; }
.STourism h3:after { display: block; content: '.'; font-size: 0; background: url("/sites/all/themes/idi/images/SuccessStory-Image9.svg") no-repeat center center transparent; height: 100px; margin: 35px 0 35px; background-size: 95%; }

/* Article Pages */
/**** Article Teaser Square */
/* Long Form Page */
.group-grey-wrapper { background-color: #f1f2f4; text-align: center; padding: 60px 0; margin: 40px 0; }
.group-grey-wrapper .center { text-align: center; }

.group-container-wrapper.center { text-align: center; }

.group-con-wrapper-btm { padding-bottom: 2em; }

.topspacer { margin-top: 40px; padding-top: 60px; }

.bottomspacer { margin-bottom: 40px; padding-bottom: 60px; }

.topspacerHalf { margin-top: 20px; padding-top: 30px; }

.bottomspacerHalf { margin-bottom: 20px; padding-bottom: 30px; }

/* Internal Page Navigation */
.field-name-field-internal-page-link span { height: 10px; display: block; margin-bottom: 80px; }

.content-internal-navivation-container { border-bottom: 1px solid #11273A; background: #fff; }

.content-internal-navivation-is-sticky { width: 100% !important; }

div.field-item ul.content-internal-navivation-menu { width: 100%; max-width: 1140px; background: #fff; border: 0; padding: 5px 0 0; margin: 20px auto 0 !important; }

.content-internal-navivation-menu li { float: left; list-style: none; margin: 5px 5px 0; }
.content-internal-navivation-menu li a { display: block; white-space: nowrap; padding: 10px 15px; margin: 5px 15px 0; color: #11273A; text-transform: uppercase; text-decoration: none; font-weight: normal; }
.content-internal-navivation-menu li a:hover, .content-internal-navivation-menu li a:focus { background: #11273A; font-weight: normal; color: #fff; }
.content-internal-navivation-menu li a.active, .content-internal-navivation-menu li a:active { background: #11273A; font-weight: bold; color: #fff; }

.i18n-ar .content-internal-navivation-menu li { float: right; }

h2.page-section-title { border-bottom: 1px solid #009948; font-size: 28px; font-weight: normal; }

h3.page-section-sub-title { font-size: 20px; text-transform: uppercase; font-weight: normal; }

.field-name-field-widget-introduction, .field-name-field-our-people-intro { padding-right: 40px; }
.field-name-field-widget-introduction p, .field-name-field-our-people-intro p { font-size: 17px; line-height: 1.5; }
.field-name-field-widget-introduction p a, .field-name-field-our-people-intro p a { font-weight: bold; color: #009948; }

.i18n-ar .field-name-field-widget-introduction, .i18n-ar .field-name-field-our-people-intro { padding-left: 40px; }

.field-name-field-widget-body a { font-weight: normal; color: #009948; }

.field-name-field-our-people { display: flex; flex-wrap: wrap; justify-content: center; }
.field-name-field-our-people .view-mode-teaser_square { width: 180px; height: 180px; display: block; float: left; margin: 6px 4px; }
.field-name-field-our-people .view-mode-teaser_square .region-inner { margin-left: 10px !important; margin-right: 10px !important; }
.field-name-field-our-people .view-mode-teaser_square img:hover { opacity: 1 !important; }
.field-name-field-our-people .view-mode-teaser_square .field.field-name-title { display: block; position: absolute; top: 130px; text-align: center; width: 100%; font-weight: bold; line-height: 1; }
.field-name-field-our-people .view-mode-teaser_square .field.field-name-field-staff-job-title { display: block; width: 96%; position: absolute; top: 145px; text-align: center; font-size: 85%; padding: 0 3px; line-height: 1.1; }

.i18n-ar .field-name-field-our-people .field.field-name-title { top: 10px; width: 95%; }

/* Contact Page CSS */
table, thead, tbody, tr, th, td { border-color: #a6b5be; }

thead tr { font-weight: 700; background-color: #a6b5be; }

tbody tr { border-top: 1px solid #a6b5be; }

tr.even, tr.odd { border-bottom: 1px solid #a6b5be; }

tr.odd { background: #fff; }

tr.info, tr.even, tr:nth-child(2n+2) { border-bottom: 0; background-color: #fafafa; }

/* Views Table format */
tr.synced-marker-hover > td, tr.odd.synced-marker-hover > td, tr.even.synced-marker-hover > td, tr.synced-marker-hover > td.active, tr.odd.synced-marker-hover > td.active, tr.even.synced-marker-hover > td.active { background-color: #edf1f7; }

/* For Views Unformatted, HTML-list */
.views-row.synced-marker-hover { background-color: #edf1f7; }

/* For Views Grid */
.views-view-grid td.synced-marker-hover { background-color: #edf1f7; }

.i18n-ar.page-contact-ar table.views-table.cols-5 { direction: rtl; text-align: right; }
.i18n-ar.page-contact-ar table.views-table.cols-5 th, .i18n-ar.page-contact-ar table.views-table.cols-5 td { text-align: right; }

/* Homepage CSS */
#top-hp-wrapper { background: #F0F0F0; }

.group-slide-wrapp.field-group-div { display: block; position: relative; width: 100%; }

.group-title-wrap { display: block; width: 340px; text-align: center; position: relative; margin: -375px auto 0; }

.slider-title-text { position: relative; display: table-cell; border-radius: 50%; width: 320px; height: 280px; vertical-align: middle; text-align: center; background: url("/sites/all/themes/idi/images/idi-navy-circle-overlay.png") no-repeat center 0 transparent; margin: 0 auto; padding: 20px 20px; font-size: 23px; text-transform: uppercase; }
.slider-title-text a { color: #fff; }

.front .field-name-field-widget-introduction p { text-align: center; font-size: 17px; line-height: 1.5; }
.front .field-name-field-widget-introduction p a { font-weight: bold; color: #009948; }

/** Homepage Splash Widget **/
.field-name-field-widget-blocks { position: relative; display: flex; justify-content: center; flex-wrap: wrap; }
.field-name-field-widget-blocks .node { margin: 10px; display: inline-block; width: 250px; height: 250px; position: relative; }

#block-views-idi-training-block .view-header div.small, #block-views-idi-training-block-1 .view-header div.small { font-size: 95%; font-style: italic; }
#block-views-idi-training-block .view-content .views-row, #block-views-idi-training-block-1 .view-content .views-row { padding: 15px 0 0; border-bottom: 1px solid #11273A; }
#block-views-idi-training-block .view-content .views-row .HomepageTeaser .view-mode-teaser, #block-views-idi-training-block-1 .view-content .views-row .HomepageTeaser .view-mode-teaser { background-color: transparent; border: 0; }
#block-views-idi-training-block .view-content .views-row .HomepageTeaser .field-name-title, #block-views-idi-training-block-1 .view-content .views-row .HomepageTeaser .field-name-title { display: block; font-weight: bold; font-size: 115%; line-height: 1; padding-bottom: 8px; }
#block-views-idi-training-block .view-content .views-row .HomepageTeaser .field-name-title .label-above, #block-views-idi-training-block-1 .view-content .views-row .HomepageTeaser .field-name-title .label-above { display: block; font-size: 12px; text-transform: uppercase; color: #a6b5be; font-weight: bold; padding-bottom: 8px; }
#block-views-idi-training-block .view-content .views-row .HomepageTeaser .field-name-field-training-date, #block-views-idi-training-block-1 .view-content .views-row .HomepageTeaser .field-name-field-training-date { display: inline-block; width: 45%; margin-right: 5px; font-style: italic; }
#block-views-idi-training-block .view-content .views-row .HomepageTeaser .field-name-field-training-date .label-inline, #block-views-idi-training-block-1 .view-content .views-row .HomepageTeaser .field-name-field-training-date .label-inline { display: block; font-size: 12px; font-style: normal; text-transform: uppercase; color: #a6b5be; font-weight: bold; padding-top: 3px; line-height: 1; }
#block-views-idi-training-block .view-content .views-row .HomepageTeaser .field-name-field-training-location, #block-views-idi-training-block-1 .view-content .views-row .HomepageTeaser .field-name-field-training-location { display: inline-block; width: 45%; margin-right: 5px; font-style: italic; }
#block-views-idi-training-block .view-content .views-row .HomepageTeaser .field-name-field-training-location .label-inline, #block-views-idi-training-block-1 .view-content .views-row .HomepageTeaser .field-name-field-training-location .label-inline { display: block; font-size: 12px; font-style: normal; text-transform: uppercase; color: #a6b5be; font-weight: bold; padding-top: 3px; line-height: 1; }
#block-views-idi-training-block .view-content .views-row .HomepageTeaser .field-name-node-link, #block-views-idi-training-block-1 .view-content .views-row .HomepageTeaser .field-name-node-link { border: 1px solid #009948; text-align: center; padding: 10px; border-radius: 8px; margin: 20px 10px 0; }

#block-bean-projects-of-excellence, #block-bean-projects-of-excellence-arabic { margin-top: 30px; }
#block-bean-projects-of-excellence h2.block-title, #block-bean-projects-of-excellence-arabic h2.block-title { border-bottom: 1px solid #009948; font-size: 28px; font-weight: normal; }
#block-bean-projects-of-excellence h2.page-section-title, #block-bean-projects-of-excellence-arabic h2.page-section-title { font-size: 24px; margin-left: 10px; margin-right: 10px; }
#block-bean-projects-of-excellence .field-name-field-slider-image, #block-bean-projects-of-excellence-arabic .field-name-field-slider-image { display: block; text-align: center; padding: 25px 0; margin-left: 10px; margin-right: 10px; }
#block-bean-projects-of-excellence .hp-related-sectors .view-mode-title_only, #block-bean-projects-of-excellence-arabic .hp-related-sectors .view-mode-title_only { margin: 0 0 0 10px; padding: 0px 0 0px 50px; display: block; width: 19%; float: left; min-height: 60px; min-width: 160px; }
#block-bean-projects-of-excellence .hp-related-sectors .view-mode-title_only h2, #block-bean-projects-of-excellence-arabic .hp-related-sectors .view-mode-title_only h2 { margin: 0; padding: 0; line-height: 1.4; font-size: 15px; font-weight: normal; }

#block-bean-projects-of-excellence-arabic .hp-related-sectors .view-mode-title_only { float: right; }

/* Buttons */
.btn { display: block; background-color: #11273A; position: relative; padding: 15px; color: #fff; text-decoration: none; }

.btn-large { font-size: 18px; }

.BlueRec { background: #11273A; color: #fff; }
.BlueRec:hover { background: #a6b5be; color: #11273A; }

/* Flex Slider */
.flexslider { direction: ltr !important; margin: 0 0 10px; background: transparent; border: 0; position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 0; -moz-box-shadow: 0 0; -o-box-shadow: 0 0; box-shadow: 0 0; zoom: 1; width: 100%; overflow: hidden; }
.flexslider:hover .flex-prev { font-size: 0; opacity: 0.7; left: 10px; background: url("/sites/all/themes/idi/images/prev-white.png") no-repeat; width: 21px; height: 36px; }
.flexslider:hover .flex-next { font-size: 0; opacity: 0.7; right: 10px; background: url("/sites/all/themes/idi/images/next-white.png") no-repeat right 0; width: 21px; height: 36px; }

.flex-viewport { overflow: visible !important; max-width: 1100px; margin: 0 auto; }

.flexslider ul.slides { padding: 0; }

.flexslider .slides > li { margin: 0; }

.flex-control-nav { width: 100%; position: relative; bottom: 0; text-align: center; padding: 15px !important; }

.flex-control-paging li a { background: #a6b5be; margin: 0 4px; }

.flex-control-paging li a.flex-active { background: #009948; }

#front-wedge { background-color: #F0F0F0; padding: 40px 0; }
#front-wedge h2.block-title { font-weight: normal; font-size: 24px; color: #11273A; border-bottom: 1px solid #009948; margin: 0.83em 0; }
#front-wedge .view-mode-teaser_listing .region-inner { margin: 0 !important; }
#front-wedge h2.news-title { margin: 0 0 0 20px; line-height: 1.3; color: #000; margin-bottom: 0.73em; }
#front-wedge h2.news-title a { color: #11273A; }
#front-wedge .field-name-node-link { margin: 0 0 0 20px; padding-bottom: 10px; border-bottom: 1px solid #009948; }
#front-wedge .field-name-node-link a { color: #11273A; }
#front-wedge .node-job-listing h2.news-title, #front-wedge .node-job-listing .field-name-node-link { margin: 0; }

#idifooter { background: #a6b5be; padding: 50px 10px; /* Footer Office Location Description */ /* Footer Office JUMP Menu */ }
#idifooter .region-footer-col-one { padding-left: 10px; }
#idifooter .region-footer-col-two, #idifooter .region-footer-col-three, #idifooter .region-footer-col-four { padding-left: 10px; }
#idifooter h2.block-title { font-size: 15px; line-height: 1; color: #fff; margin: 0 0 8px; padding: 0 4px 4px; }
#idifooter ul, #idifooter ul.menu { margin: 0; padding: 0; }
#idifooter li, #idifooter ul.menu li { list-style: none; margin: 0; padding: 0; }
#idifooter li a, #idifooter ul.menu li a { display: block; white-space: nowrap; padding: 4px; margin: 2px 0; color: #fff; text-transform: capitalize; text-decoration: none; font-weight: normal; line-height: 1; }
#idifooter li a:hover, #idifooter li a:focus, #idifooter ul.menu li a:hover, #idifooter ul.menu li a:focus { background: #009948; font-weight: normal; }
#idifooter ul.menu li a.active, #idifooter ul.menu li a:active { background: #009948; font-weight: normal; }
#idifooter .block { margin-bottom: 15px; }
#idifooter #block-locale-language--2:before { display: block; content: "Switch Language"; color: #fff; font-weight: normal; font-style: italic; }
#idifooter #block-locale-language--2 .block-inner { margin: 0; }
#idifooter #block-locale-language--2 ul { margin: 8px 0 0; padding: 0; }
#idifooter #block-locale-language--2 li { display: inline; float: left; list-style: none; margin: 0; padding: 0; }
#idifooter #block-locale-language--2 li.first { border-right: 1px solid #fff; margin-right: 10px; padding-right: 10px; }
#idifooter #block-locale-language--2 li a { display: block; white-space: nowrap; padding: 0 !important; margin: 0 !important; color: #fff; background: transparent; }
#idifooter #block-locale-language--2 li a:hover { color: #009948; }
#idifooter #block-locale-language--2 li a.active { font-weight: bold; color: #fff; }
#idifooter #block-locale-language--2 li span { display: block; white-space: nowrap; padding: 0 10px; color: #a6b5be; }
#idifooter #block-block-2 { margin: 0 !important; padding: 15px 0 0; color: #fff; font-size: 12px; }
#idifooter #block-block-2 .block-inner { margin: 0; }
#idifooter #block-menu-block-1 { margin: 0 !important; }
#idifooter #block-menu-block-1 .block-inner { margin: 0; }
#idifooter #block-menu-block-1 select#edit-jump { margin: 0; background-color: #f0f0f0; border: 1px solid #edf1f7; height: 35px; border-radius: 0 !important; color: #11273A; }
#idifooter #block-views-contact-us-block-1 { color: #fff; }
#idifooter #block-views-contact-us-block-1 .block-inner { margin: 0; }
#idifooter #block-views-contact-us-block-1 .view-mode-teaser_listing .region-inner { margin: 0; padding: 0 4px 4px; }
#idifooter #block-views-contact-us-block-1 .contact-phone-number:before { display: inline-block; content: "Tel: "; font-size: 14px; text-transform: capitalize; color: #fff; font-weight: normal; text-decoration: none; margin-right: 4px; }
#idifooter #block-views-contact-us-block-1 .contact-phone-number a { color: #fff; }
#idifooter #block-views-contact-us-block-1 .contact-phone-number a:hover, #idifooter #block-views-contact-us-block-1 .contact-phone-number a:focus { color: #009948; }
#idifooter #block-views-contact-us-block-1 .contact-fax-number:before { display: inline-block; content: "Fax: "; font-size: 14px; text-transform: capitalize; color: #fff; font-weight: normal; text-decoration: none; margin-right: 4px; }
#idifooter #block-views-contact-us-block-1 .contact-fax-number a { color: #fff; }
#idifooter #block-views-contact-us-block-1 .contact-fax-number a:hover, #idifooter #block-views-contact-us-block-1 .contact-fax-number a:focus { color: #009948; }
#idifooter #block-views-contact-us-block-1 .field-name-field-contact-email:before { display: inline-block; content: "Email: "; font-size: 14px; text-transform: capitalize; color: #fff; font-weight: normal; text-decoration: none; margin-right: 4px; }
#idifooter #block-views-contact-us-block-1 .field-name-field-contact-email a { color: #fff; }
#idifooter #block-views-contact-us-block-1 .field-name-field-contact-email a:hover, #idifooter #block-views-contact-us-block-1 .field-name-field-contact-email a:focus { color: #009948; }

.i18n-ar #idifooter .region-footer-col-one { padding-right: 10px; padding-left: 0; }
.i18n-ar #idifooter .region-footer-col-two, .i18n-ar #idifooter .region-footer-col-three, .i18n-ar #idifooter .region-footer-col-four { padding-right: 10px; padding-left: 0; }
.i18n-ar #idifooter #block-views-contact-us-block-1 .contact-phone-number { direction: ltr; text-align: right; }
.i18n-ar #idifooter #block-views-contact-us-block-1 .contact-phone-number:before { content: ""; }
.i18n-ar #idifooter #block-views-contact-us-block-1 .contact-phone-number:after { content: " :هاتف"; }
.i18n-ar #idifooter #block-views-contact-us-block-1 .contact-fax-number { direction: ltr; text-align: right; }
.i18n-ar #idifooter #block-views-contact-us-block-1 .contact-fax-number:before { content: ""; }
.i18n-ar #idifooter #block-views-contact-us-block-1 .contact-fax-number:after { content: " :فاكس"; }
.i18n-ar #idifooter #block-views-contact-us-block-1 .field-name-field-contact-email { direction: ltr; text-align: right; }
.i18n-ar #idifooter #block-views-contact-us-block-1 .field-name-field-contact-email:before { content: ""; }
.i18n-ar #idifooter #block-views-contact-us-block-1 .field-name-field-contact-email:after { content: " :البريد الإلكتروني"; }

.i18n-ar .views-field-field-training-date, .i18n-ar .date-display-range { direction: ltr; text-align: right; }

.i18n-ar #idifooter.at-panel .region { float: right; }

.i18n-ar .DirectionAR { direction: ltr; display: block; }
.i18n-ar .DirectionAR a { display: inline-block; }

.i18n-ar.page-contact-ar .DirectionAR { direction: rtl; }
.i18n-ar.page-contact-ar .DirectionAR a { direction: ltr; }

.i18n-ar .field-name-field-contact-phone-number { direction: ltr; text-align: right; }

/* Executive Training Pages */
.group-training-details { background: #F1F2F4; padding: 15px; }
.group-training-details div.field { font-size: 110%; }
.group-training-details .label-above { color: #A7B5BE; font-weight: bold; line-height: 1; margin: 10px 0 2px; font-size: 90%; }
.group-training-details .field-name-field-training-smalltype { font-size: 90% !important; line-height: 1.2; margin-top: 8px; }

.field-type-registration #registration-form { color: #11273A; }
.field-type-registration #registration-form input, .field-type-registration #registration-form select, .field-type-registration #registration-form textarea { border: 1px solid #DDD; width: 99%; background-color: #fff; border-radius: 3px; padding: 10px 0; font-size: 110%; }
.field-type-registration #registration-form select { height: 38px; }
.field-type-registration #registration-form input[type="checkbox"], .field-type-registration #registration-form input[type="radio"] { height: initial !important; width: initial !important; }
.field-type-registration #registration-form .form-checkboxes .form-item, .field-type-registration #registration-form .form-radios .form-item { margin-top: 0.6em; margin-bottom: 0.6em; display: inline-block; margin-right: 1em; }
.field-type-registration #registration-form fieldset { border: 0; margin: 0; padding: 0; }
.field-type-registration #registration-form .form-item label { font-weight: normal; line-height: 1; margin: 0 0 8px; }
.field-type-registration #registration-form button, .field-type-registration #registration-form input[type="button"], .field-type-registration #registration-form input[type="reset"], .field-type-registration #registration-form input[type="submit"] { border: 0; width: 40%; margin: 0 10px 0 0; background: #009948; text-transform: uppercase; color: #fff; font-size: 115%; padding: 10px; height: 100%; }
.field-type-registration #registration-form #edit-field-cv-upload-und-0-upload-button { background-color: #a6b5be; width: 99%; padding: 6px; margin: 0; color: #333333; }
.field-type-registration #registration-form .form-item.form-type-checkboxes { padding: 15px 0; }
.field-type-registration #registration-form #edit-field-contact-address-und-0 legend { display: none; }
.field-type-registration #registration-form .field-type-datetime legend { font-weight: normal; line-height: 1; margin: 0 0 8px; }
.field-type-registration #registration-form .field-type-datetime .container-inline-date .date-padding { padding: 0; }
.field-type-registration #registration-form .field-type-datetime .container-inline-date .date-padding label { display: none; }

/* Executive Training Landing Pages */
.view-idi-training-courses h2.title { font-weight: normal; border-bottom: 1px solid #009948; padding-bottom: 6px; padding-top: 35px; }
.view-idi-training-courses .views-field-nothing span.label-above { color: #A7B5BE; font-weight: bold; line-height: 1; margin: 0 4px 0 0; text-transform: uppercase; font-size: 80%; }
.view-idi-training-courses .views-field-view-node a { margin: 8px 0; background: #009948; text-transform: uppercase; color: #fff; font-size: 110%; padding: 10px 20px; text-align: center; display: block; }

.node-training-course-landing-page.view-mode-teaser { background-color: #a6b5be; border: 0; padding: 0 10px; display: inline-block; width: 27%; margin: 5px 20px 5px 0; float: left; min-height: 250px; min-width: 230px; }
.node-training-course-landing-page.view-mode-teaser a.group-teaser-wrapper { background-color: #a6b5be; }
.node-training-course-landing-page.view-mode-teaser h2.teaser-title { padding: 22px 25px 22px 20px; font-size: 1.3em; top: 0; left: 0 !important; width: 205px; }
.node-training-course-landing-page.view-mode-teaser h2.teaser-title a { color: #fff; font-weight: normal; display: block; padding: 0.83em; }

.field-type-paragraphs h2.para-title { font-weight: normal; border-bottom: 1px solid #009948; padding-bottom: 6px; padding-top: 35px; }
.field-type-paragraphs .field-name-field-description { padding-bottom: 20px; }

.paragraphs-items-field-bespoke-courses-section h2.para-title { padding-top: 0; margin-top: 0; }

.group-contact-form-wrap h2 { font-weight: normal; border-bottom: 1px solid #009948; padding-bottom: 6px; padding-top: 35px; }

.view-testimonial-evas h2.title { font-weight: normal; padding-bottom: 6px; margin: 0; font-size: 17px; }

.webform-client-form input, .webform-client-form select, .webform-client-form textarea { border: 1px solid #DDD; width: 99%; background-color: #fff; border-radius: 3px; padding: 10px 0; font-size: 110%; }
.webform-client-form select { height: 38px; }
.webform-client-form input[type="checkbox"], .webform-client-form input[type="radio"] { height: initial !important; width: initial !important; }
.webform-client-form .form-checkboxes .form-item, .webform-client-form .form-radios .form-item { margin-top: 0.6em; margin-bottom: 0.6em; display: inline-block; margin-right: 1em; }
.webform-client-form fieldset { border: 0; margin: 0; padding: 0; }
.webform-client-form .form-item label { font-weight: normal; line-height: 1; margin: 0 0 8px; }
.webform-client-form button, .webform-client-form input[type="button"], .webform-client-form input[type="reset"], .webform-client-form input[type="submit"] { border: 0; width: 40%; margin: 0 10px 0 0; background: #009948; text-transform: uppercase; color: #fff; font-size: 115%; padding: 10px; height: 100%; }

/* Testimonials */
.group-full-testimonial h3 { font-weight: normal; }

.node-testimonials.view-mode-teaser { padding: 10px 15px 10px 10px; background-color: transparent; border: 0; font-size: 80%; font-style: italic; color: #11273A; }

.node-testimonials { font-style: italic; color: #11273A; }
.node-testimonials .field-name-field-first-name { font-style: normal; color: #009948; font-size: 120%; display: inline-block; margin-right: 6px; padding-right: 6px; border-right: 1px solid #009948; }
.node-testimonials .field-name-field-company { display: inline-block; margin-right: 6px; padding-right: 6px; color: #a6b5be; font-size: 120%; }

/* Job Listing Landing Page */
.node-job-listing.view-mode-teaser { background-color: transparent; border: 0; border-bottom: 1px solid #a6b5be; padding: 0 0 0 10px; padding-bottom: 15px; margin: 0 20px 20px; }
.node-job-listing.view-mode-teaser .label-above { color: #A7B5BE; font-weight: bold; line-height: 1; margin: 10px 0 2px; font-size: 80%; text-transform: uppercase; }
.node-job-listing.view-mode-teaser .field.field-name-title { font-size: 110%; }
.node-job-listing.view-mode-teaser .field-name-node-link a { margin: 0 10px 0 0; background: #009948; text-transform: uppercase; color: #fff; font-size: 110%; padding: 10px 20px; text-align: center; display: block; float: right; }

/* Job Listing Pages */
.group-info-wrapper { background: #F1F2F4; padding: 15px; }
.group-info-wrapper .label-above { color: #A7B5BE; font-weight: bold; line-height: 1; margin: 10px 0 2px; font-size: 90%; }

/* Article and Basic Pages */
.node-type-article .label-above, .node-type-page .label-above { display: block; font-size: 12px; text-transform: uppercase; color: #a6b5be; font-weight: bold; padding-bottom: 8px; }

.not-logged-in ul.tabs.primary { display: none; }

.bottom-50-50 .region-two-75-25-50-50-bottom-first, .bottom-50-50 .region-two-75-25-50-50-bottom-second { padding-top: 30px; display: block; position: relative; }

.TourismNews { margin-left: 10px; margin-right: 10px; margin-top: 10px; }
.TourismNews h2.block-title { font-weight: normal; font-size: 24px; color: #11273A; border-bottom: 1px solid #a6b5be; margin: 0.83em 0; }
.TourismNews .view-mode-teaser_listing .region-inner { margin: 0 !important; }
.TourismNews h2.news-title { margin: 0 0 0 20px; line-height: 1.3; color: #000; margin-bottom: 0.73em; }
.TourismNews h2.news-title a { color: #11273A; }
.TourismNews .field-name-node-link { margin: 0 0 0 20px; padding-bottom: 10px; border-bottom: 1px solid #a6b5be; }
.TourismNews .field-name-node-link a { color: #11273A; }