/* HOW TO ADD TAG FOR CSS IN HTML: here are two examples (without tag brackets, so this addition will save properly) 1. ul class="zero-bottom-margin". AND; 2. p class="para-margin" JULY 2023 */
/* Useful code implementions available further below:
1. Make a DIV based dot point list - search below for "MARGIN 1 - DIV CONTROL - (numbered) list -" 
2. Make a DIV TABLE design available - search below for: "TABLE 5 (DIV) (FULL) table"  
3. Make a BOX - search below for: "BOX" */
/* BOX - text in blog post surrounded by a visible border - note this is NOT a CSS Box Model. This BOX model was undertaken for the post: https://i2insights.org/2017/08/08/scaling-up-best-practices/ by Amanda Fixsen, Karen Blase and Dean Fixsen. NOTE this implementation seems to respond OK in responsive design - Feburary 2025 */
.box-for-standard-post 
{
border: 1px solid #808080;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 25px;
margin-left: 10px;
}
/* CAPITALISATION (Caps) 1 - makes ALL the sidebar widget titles into chosen case ('initil' below means use default, which is no selection on case )rather than locked to UPPER case by the default of UPPERCASE (set by the theme I think) - Feb 2023*/
.widget-title
{
text-transform: initial;
}
/* CENTERING 1 - centers the text under the 'stakeholder engagement primer' image in the sidebar HTML widget - Feb 2022 */
#custom_html-5
{
text-align: center;
}
/* CENTERING 2 - centers the image caption - April 2020 */
.wp-caption-text
{
text-align: center;
}
/* CENTERING-ITALICS-LINE HEIGHT - centers site sub-title and makes it italic - april 2020 */
.site-description
{
text-align: center;
	font-style: italic;
	line-height: 1.8;
}
/* COLOUR 1 - Colour of metadata - date, comments, tags - in blog posts - April 2020 */
.entry-meta a, .entry-meta a:visited
{
color: #adadad;
}
/* COLOUR 2 - Coloured sidebar widgets - making blue URL links bluer so they show up better - Dec 2020*/
.sidebar-link-color
{
	color: #00AEED;
}
/* COLOUR 3 - makes sidebar widget text white (applied to 'i2Insights Ambassador' and 'Have a Say' widgets) - Dec-Mar 2020*/
.sidebar-widget-text-white
{
	color: #FFFFFF;
}
/* COLOUR 4 - makes the sidebar widget background into i2s swirl colour 'pink' (currently done for i2Insights Ambassador widget) - Dec 2020*/
#custom_html-3
{
background-color: #d75790;
}
/* COLOUR 5 - makes the sidebar widget background into i2s swirl colour 'orange' (currently done for 'Have a Say' widget) - Mar 2021*/
#custom_html-4
{
background-color: #d6a148;
}
/* COLOUR 6 - makes the sidebar widget background into i2s swirl colour 'orange' (currently done for 'i2Insights and i2S' widget) - Nov 2024*/
#custom_html-6
{
background-color: #d6a148;
}
/* COLOUR 7 - makes a short piece of text in a menu widget white in colour - specifically, text in i2S Conference website menu (dropdown) that is found in all the i2S Conference website archive webpages under Projects sub-menu and which, once opened, has text 'Close menu' is targeted by this function. This CSS code makes the text white in colour. Previously, it was dark blue on a light blue background and hard to see. The admin commands in the menu widget for this text colour do not appear to be working (or are set incorrectly as they are a complex intermix of commands), so use of CSS to overwrite the specific selector for that text was used - November 2025 */
.premium-nav-widget-container .premium-hamburger-toggle .premium-toggle-close
{
color: #FFFFFF;
}
/* FONT FAMILY 1a for DIV - Font family (type) - Chinese (Asian symbol type) language in blog posts - July 2020 */
.myDiv_chinese-font 
{
font-family: NSimSun, noto sans CJK, Arial Unicode MS, Sans-serif;
font-weight: 400;
font-size: 1em;
}
/* FONT FAMILY 1b for SPAN - Font family (type) - Chinese (Asian symbol type) language in blog posts - July 2020 */
.mySpan_chinese-font 
{
font-family: NSimSun, noto sans CJK, Arial Unicode MS, Sans-serif;
font-weight: 400;
font-size: 1em;
}
/* FONT FAMILY 2 - Font family (type) - Japanese (Asian symbol type) language in blog posts - July 2020 */
.myDiv_japanese-font {
font-family: Meiryo, noto sans CJK, Arial Unicode MS, Sans-serif;
font-size: 1em;
}
/* FONT FAMILY 3 - Font family (type) - Times New Roman (serif font) to make the curves on an equation more obvious - Sep 2020 */
.myDiv_equation-font {
font-family: Times New Roman, Serif;
font-size: 1em;
}
/* FONT FAMILY 4 - Font family (type) - Arabic language in blog posts - Mar 2021 */
.myDiv_arabic-font
{
font-family: Droid Arabic Kufi, Droid Sans, Simplified Arabic, Arial, sans-serif;
font-weight: 400;
font-size: 100%;
}
/* FONT SIZE 1 - makes the 'i2Insights Ambassador' AND 'Have something to say' widget title, now shifted to the text field, equivalent to the title field implementation in a widget - Dec 2020*/
.sidebar-widget-text-title
{
font-weight: 900;
font-size: 17px;
	color: #FFFFFF;
}
/* FONT SIZE 2 - font size of metadata - taxonomy - in individual blog posts AND in blog scroll has been set for MOBILE only to 17px (smaller than desktop) - March  2022 */
@media only screen and (max-width: 768px) {
.inside-article .entry-meta {
        font-size: 17px;
        margin-bottom: 0.25em;
}
}
/* FONT SIZE 3 - makes a replica of the caption (for images) to be used under a table that has a caption - reduces font size; grey text and as this CSS is for a paragraph tag, it reduces the bottom paragrapg tag margin. Used in Colleen Cuddy 'A framework for creating effective team integration in interdisciplinary research' - June 2025 */
p.font-small-caption
{
font-size: 0.85em;
	color: #616161;
	margin-top: 0.75em;
}
/* FONTS - Font type, weight and size of metadata - date, comments, tags - in blog posts - April 2020 */
.entry-meta
{
font-family: Roboto Slab, Sans-serif;
font-weight: 400;
font-size: 1.2em;
}
/* LIST 1 - MARKER CONTROL - list markers - lower-alpha */
.marker-lower-alpha
{
	list-style-type: lower-alpha;
}
/* LIST 2 - MARKER CONTROL - list markers - lower-roman (eg., post 'Setting an agenda for transdisciplinary research in Africa') */
.marker-lower-roman
{
	list-style-type: lower-roman;
}
/* LIST 3 - MARKER CONTROL - remover dot-point marker - Oct 2021 - by disappearing the dot-point marker, a concluding but seperate sentence looks like it is part of an earlier dot-point. Framework blog post by Varvara Nikulina in Nov 2021 */
.marker-remove
{
list-style-type: none;
}
/* LIST 4 - MARKER CONTROL - list markers - open circle (eg., page 'https://i2insights.org/primers/stakeholder-engagement-primer/' AND "The enablers of effective knowledge exchange between science and policy By Vivian Nguyen and Chris Cvitanovic.") - Second (2nd) layer symbol failure is also dealt with using this code (eg.,  interdisciplinarity-research-checklist/ AND 
types-of-interdisciplinary-collaborations/ AND knowledge-translation-in-global-south/ AND collaboration-agreement-template/ AND process-for-thinking-systemically/) in Apr 2022 */
.marker-open-circle
{
	list-style-type: circle;
}
/* LIST 5 - MARKER CONTROL - list markers - square (eg., page Smithson - ignorance post') in May 2022 */
.marker-square
{
	list-style-type: square;
}
/* MARGIN 1 - DIV CONTROL - (numbered) list - Can be used to make a 'fake (numbered) list' so the text looks like it is a numbered point, but it isn't, and this in turn means a READ MORE tag can be put within the fake list without causing dramas. This is applied immediately above the first dot/numbered point and the following first line (with the number in it) and has the number start at 2em from the left, which is close (enough) to how the default margin is applied for dot/numbered points. Enacted in: https://i2insights.org/2025/11/11/open-systems-theory. NOTE NOTE NOTE NOTE NOTE NOTE NOTE - Margin 1; Margin 2a and Margin 2b, when doing the next blog post using one of these three, SUGGEST looking at all posts and making sure that the margin distance is equivalated across all three CSS and the posts they are used in as part of making this one process - these three CSS were buiolt over time, with margin 1 last timewise). Other CSS also used are 'p.para-margin' AND 'p.para-margin-top' AND div.list-lookalike1 AND div.list-lookalike2. ALso see the Word doc: how-to-control-the more-tag_260128.docx. */
div.list-lookalike-2em-left-margin
{
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 2em;
}
/* MARGIN 2a - DIV CONTROL - (numbered) list - PART 1 of 2 that can be used to make a 'fake (numbered) list' so the text looks like it is a numbered point, but it isn't, and this in turn means a READ MORE tag can be put within the fake list without causing dramas. This PART is applied to the first line (with the number in it) and has the number start at 3em from the left. THERE was also a PART 3 to this, see the CSS class 'p.para-margin-top' (July 2025). Enacted in: https://i2insights.org/2025/09/02/data-variety-matters/. Other CSS also used are 'p.para-margin' AND 'p.para-margin-top'. ALso see the Word doc: how-to-control-the more-tag_260128.docx */
div.list-lookalike1
{
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 3em;
}
/* MARGIN 2b - DIV CONTROL - (numbered) list -PART 2 of 2 that can be used to make a 'fake (numbered) list' so the text looks like it is a numbered point, but it isn't, and this in turn means a MORE tag can be put within the fake list without causing dramas. This PART is applied to the second and subsequent lines and has the text start at 4 em from the left - so making the text indent under the first word in the opening sentence (hopefully). THe bottom margin is set at 1em which puts a space between each item in the list AND this allows the READ MORE button on the home page and scrolls to have white space between it and the list text above it. The post this was done for was 'Data variety and why it matters' by Richard Berry. Also, 'Participatory content analysis'. THERE was also a PART 3 to this, see the CSS class 'p.para-margin-top' (Sept 2025).  Enacted in: https://i2insights.org/2025/09/02/data-variety-matters. Other CSS also used are 'p.para-margin' AND 'p.para-margin-top'. ALso see the Word doc: how-to-control-the more-tag_260128.docx */
div.list-lookalike2
{
margin-top: 0;
margin-right: 0;
margin-bottom: 1em;
margin-left: 4em;
}
/* MARGIN 3 - IMAGE CONTROL - Defines left and bottom margin for all images used in the home page; note that these margins are only good for images placed to the right; also note that this was updated after Elementor plugin update seemed to drop the previous (April 2020) margin control CSS - this CSS can be found under this outer html on the home page (using Firefox Inspect Element function):  figure id=attachment - Sep 2020 */
.elementor .elementor-widget:not(.elementor-widget-text-editor):not(.elementor-widget-theme-post-content) figure
{
margin-top: 0;
margin-right: 0;
margin-bottom: 1em;
margin-left: 1em;
}
/* MARGIN 4 - IMAGE CONTROL - defines right justified and italic text for copyright notice that goes with images - 2016 */
p.ownership 
{
margin-top: 0;
text-align: right;
font-style: italic;
font-size: 0.8em;
}
/* MARGIN 5 - IMAGE CONTROL - To create a white space line (at 1.5em) below an image - used for all primer and editors additions author images, as they have no caption and this can cuase text wrap problems in the columns of posts on the home page of the blog. Example of where it is used can be seen with 'Competencies for systems thinking practitioners. Part 1: Overall expectations and knowledge' Feb 2024. */
img.image-space-after
{
	margin-bottom: 1.5em;
}
/* MARGIN 6 - IMAGE CONTROL - To create a padded space at the top and bottom of small author images for the historical i2S course participants pages. This brings the image into line with the top of the header text and also creats enough white psace at the bottom. Example page: 'The Art And Science Of Integration And Implementation - 2011 participants'. May 2025. */
img.image-padding-before-after
{
padding-top: 15px;
padding-bottom: 10px;
}
/* MARGIN 7 - LIST CONTROL - INCREASE MARGINS -  Li ELEMENT - To create a white space line after a dot-point - used in post Five organizational features by Jessica Blythe and Chris Cvitanovic - Jan 2021; and Living labs are learning labs by Knickel and Caniglia and Competencies for systems thinking practitioners. Part 1: Overall expectations and knowledge by Gabriele Bammer AND "The enablers of effective knowledge exchange between science and policy By Vivian Nguyen and Chris Cvitanovic"- Feb 2024. */
li.space-after
{
	margin-bottom: 1em;
}
/* MARGIN 8 - LIST CONTROL - INCREASE MARGINS - DIV ELEMENT - creates a bottom and top margin in a div element so that the enclosed text looks like a paragraph but in this case, can go inside a list (div's can go inside li(open)-li(close), but not between separate li(open)-li(close))- used in 'Learning to use Appreciative Inquiry' (Arnold {which also has an example of MARGIN 6)) AND Jessica Blythe and Chris Cvitanovic - ALSO Manal Affara with Six Ways Facilitation ... AND, ANU Transdisciplinarity Working Group with A framework for building... NOTE: if you want no margins but still want the carriage return, you can just use a plain DIV element (see https://i2insights.org/2021/10/28/selecting-stakeholders/ - jan 2021 OR look up the post Understanding diversity primer: 7. Culture. For a mix of multiple designs, see: Effective capacity development in and with the Global South */
div.para-margin
{
margin-top: 1em;
margin-right: 0;
margin-bottom: 1em;
margin-left: 0;
}
/* MARGIN 9 - LIST CONTROL - INCREASE MARGIN - DIV ELEMENT - creates within a list, a bottom margin using a div element, so that the text is defined with a leading (sentence) heading but the paragraph following on does so within a seemingly seperate paragraph immediatly beneath the heading. The example here is used in 'Learning to use Appreciative Inquiry' (Arnold {which also has an example of MARGIN 3)) AND Transdisciplinary integration: A multidimensional interactive process by Dena Fam, Julie Thompson Klein, Sabine Hoffman, Cynthia Mitchell and Christian Pohl. This deployment can go inside a list (div's can go inside li(open)-li(close), but not between separate li(open)-li(close))- aug 2021. For a mix of multiple designs, see: Effective capacity development in and with the Global South */
div.heading-para-margin
{
margin-top: 0;
margin-right: 0;
margin-bottom: 1em;
margin-left: 0;
}
/* MARGIN 10 - LIST CONTROL - REDUCE MARGINS - ORDERED list ELEMENT - removes the top margin  from a numbered point ol tag - used here: 'Team development is an essential team science competency' by Gaetano Lotrecchiano, L. Michelle Bennett, Yianna Vovides - May 2024*/
ol.numbered-point-no-top-margin
{
margin-top: 0;
}
/* MARGIN 11 - LIST CONTROL - REDUCE MARGINS - ORDERED list ELEMENT - removes the bottom margin  from a numbered point ol tag - used here: 'Team development is an essential team science competency' by Gaetano Lotrecchiano, L. Michelle Bennett, Yianna Vovides - May 2024*/
ol.numbered-point-no-bottom-margin
{
margin-bottom: 0;
}
/* MARGIN 12 - LIST CONTROL - REDUCE MARGINS - ORDERED list ELEMENT - removes the bottom margin  from a numbered point ol tag - used here: 'Team development is an essential team science competency' by Gaetano Lotrecchiano, L. Michelle Bennett, Yianna Vovides - May 2024*/
ol.numbered-point-em-bottom-margin
{
margin-bottom: 0.7em;
}
/* MARGIN 13 – LIST CONTROL - REDUCE MARGINS - ORDERED list ELEMENT - for where a numbered point has two or more paragraphs, and then a br tag has been made to make the second (plus) paragraphs – this div element zeros out all margins in the ol (numbered) element so that the second paragraph is closed up to the initial opening paragraph of a single numbered point (this is additional to the br tag as actioned by a carriage return and as used within a numbered point). Example: ‘Challenges in knowledge translation: a Global South perspective’. Nov 2023 Also used in Richard Berry 'Data variety and why it matters' July 2025 */
ol.zero-all-margins
{
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
/* MARGIN 14 - LIST CONTROL - REDUCES MARGINS - ORDERED list ELEMENT - reduces all margins for numbered points on MOBILE to 1.5em, thereby reducing the amount of white space on the left  - Feb 2022 */
@media only screen and (max-width: 768px) {
	ol {
    margin-left: 1.5em;
}
}
/* MARGIN 15 - LIST CONTROL - REDUCE MARGINS - UNORDERED list ELEMENT - removes the top margin from a dot point ul tag - used here: https://i2insights.org/2022/07/19/collaboration-agreement-template/ - July - July 2022*/
ul.dot-point-no-top-margin
{
margin-top: 0;
}
/* MARGIN 16 - LIST CONTROL - REDUCE MARGINS - UNORDERED list ELEMENT - removes the bottom margin from a dot point ul tag - used here: A library guide to support transdisciplinarity by ANU Library Guide Working Group - Sept 2025*/
ul.dot-point-no-bottom-margin
{
margin-bottom: 0;
}
/* MARGIN 17 - LIST CONTROL - REDUCE MARGINS - UNORDERED list ELEMENT - this indeed creates a nil left margin BUT also note it wipes all the other margins too - Used in post: Understanding and responding to a chaotic world (Cascio) and another previous - NEW - Feb 2022*/
ul.nil-left-margin
{
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
/* MARGIN 18 - LIST CONTROL - REDUCES MARGINS - UNORDERED list ELEMENT - reduces all margins for  dot points on MOBILE to 1.5em, thereby reducing the amount of white space on the left  - Feb 2022 */
@media only screen and (max-width: 768px) {
	ul {
    margin-left: 1.5em;
}
}
/* MARGIN 19 - PARAGRAPH CONTROL - removes the bottom margin of a paragraph tag - used here: https://i2insights.org/2022/07/19/collaboration-agreement-template/ (July 2022) AND IN PAGE 'i2S publications'. Also used for all historical course participant pages drawn across from the i2S ANU website - for example; 'https://i2insights.org/2011-art-and-science/'  and 'Actor constellation role plays' Frangenheim (April 2025) */
p.paragraph-no-bottom-margin
{
margin-bottom: 0;
}
/* MARGIN 20 - PARAGRAPH CONTROL - reduces the bottom margin of a paragraph tag with a smaller em - Used in Colleen Cuddy 'A framework for creating effective team integration in interdisciplinary research' - June 2025*/
p.paragraph-em-bottom-margin
{
margin-bottom: 0.7em;
}
/* MARGIN 21 - PARAGRAPH CONTROL - zeros out top and bottom margins in a p element so that the paragraphs above and below are closed up to the affected paragraph (to remove spacing). May require other CSS to control the spacing above (in this case, YES) and below (in this case, NO) the element. Was used for keeping a p element close (as between) two dot-points. LATER DELETED FROM (we changed the relevant sentences for other reasons): 'Diffusion of innovations' by Dearing (and also an example of CSS used in para above to close spacing down). Search on 'class' inside post if you want to find the code. . ALso see the Word doc: how-to-control-the more-tag_260128.docx. JULY 2023 */
p.para-margin
{
margin-top: 0;
margin-bottom: 0;
}
/* MARGIN 22 - PARAGRAPH CONTROL - can be used to increase the top margin in a paragraph element - used specifically for the Richard Berry 'Data variety and why it matters' POST; which has a 'fake (numbered) list' that zero's out all margins but requires that the first paragraph following the list has a top margin ()space) above it of 1.5em. . ALso see the Word doc: how-to-control-the more-tag_260128.docx. (July 2025) */
p.para-margin-top
{
margin-top: 1.5em;
}
/* MARGIN 23 - PARAGRAPH CONTROL - can be used to increase the bottom margin (as 1.5em) in a paragraph element - used specifically for the 'i2Insights Ambassadors' page to increase an internal space (within an element) re level 3 headings. (Augist 2025) */
p.para-margin-bottom
{
margin-bottom: 3em;
}
/* MARGIN 24  - PARAGRAPH CONTROL - can be used to increase the bottom margin (as 1.5em) in a paragraph element - used specifically for the 'i2Insights Ambassadors' page to increase an internal space (within an element) re level 3 headings. (Augist 2025) */
p.para-margin-left-right
{
margin-right: 2.5em;
margin-left: 2.5em;
}
/* MARGIN 25 - WIDGET CONTROL - Adds a 1em margin after the text entry field of the 'Follow blog by email' widget, so that the test is separated from the email address field  where previously it was not. Uses the ID code instead of the style code - april 2020 */
#subscribe-text 
{
margin-top: 0;
margin-right: 0;
margin-bottom: 1em;
margin-left: 0;
}
/* QUOTE 1 - highly spcific item made for the blog post titled: 'Weaving knowledge systems: Honouring Indigenous knowledge' by Chels Marshall, Rosalie Chapple and Joanne Wilson. The first two quotes in the post, when rendered as blockquotes, run into the bottom of the author image caption and break several of the caption bio links. This appears to be because the blockquote takes the entire page space up as a row and over-writes the caption text link (so if you move the blockquote up and down relative to the caption, it disables the caption part that is covered by the boockquote row - it is quite interesting affect. Trial and error showed that the elemtent doing the damage in the blockquote was this code: "position: relative". When this was removed, the caption sprang back into life. So, the following CSS was written and applied. Also note, later used in Richard Berry's post 'Data variety and why it matters' */
p.myquote
{
border-left: 5px solid rgba(0,0,0,.05);
padding: 20px;
font-size: 1.2em;
font-style: italic;
margin: 0 0 1.5em;
}
/* SUPERSCRIPT 1 - For any symbol (eg a registration marlk) or th or st (eg., 6th), the following CSS works on all sup html tags on the entire site, though it was made for the registration mark for CliftonStrengths(r) text for a blog post by GB in 2025. The CSS code wsas found on the Stackoverflow website for the request 'CSS superscript registration trademark'. Amended for use on the blog (notably font-size from 40% to 70% and top from -1.2 to -0.6. April 2025 */
sup 
{
position: relative;
font-size: 70%;
line-height: 0;
vertical-align: baseline;
top: -0.6em;
}
/* TABLE 1 - on the toggle page for the index, this entry defines the table that controls the alphabetical items - june 2020 */
table.toggletable 
{
	border-collapse: collapse;
  border: none;
}
/* TABLE 2 - on the toggle page for the index this defines the cell width, border and text alignment in the cell - june 2020 */
td.toggle-alpha-table
{
table-layout: fixed;
width: 9%;
border: none;
text-align: center;
vertical-align: middle;
padding: 1em;
}
/* TABLE 3 - on the toggle page for the index this defines a dot to go between the alpha-categories as well as the dot position regards the cell width, border and alignment in the cell - june 2020 */
td.toggle-dot-table
{
table-layout: fixed;
width: 2%;
border: none;
text-align: center;
vertical-align: middle;
padding: 1em;
}
/* TABLE 4 - a single cell table that contains text and an image, as set within a visible box and with a coloured background (the author of the post wanted to use a box to highlight text). Related blog post: Improving cross-disciplinary collaboration with strategy knotworking and ecocycle planning - oct 2022*/
table.coloured-background
{
border-collapse: collapse;
table-layout: fixed;
width: 95%;
margin-right: auto;
margin-left: auto;
border-style: solid;
border-width: 4px;
background-color: #ECECEC;
text-align: center;
vertical-align: middle;
border-spacing: 30px;
}
/* TABLE 5 (DIV) (FULL) table set up so as to provide a basis for doing a div based table (rather than html td/tr table) in CSS. READ ALL OF THIS ENTRY BEFORE ENACTING TABLE. Code drawn from a combination of sources, but Stackexchange main... ALSO: dummies.com/article/technology/programming-web-design/css3/using-the-div-tag-to-create-tables-142904/. The private test page for building these kind of tables is here: i2insights.org/table-as-div-elements/. Any table put into the site would need to be individually constructed out from this base CSS code below. IMPORTANT – see Word doc file: css_div-table_builds_250820.docx (in M drive folder ‘blog_code_css-used-on-site’). This file also details which posts the CSS was used in and what parts of the below were used in each post; PLEASE KEEP THIS FILE UPDATED WHEN OTHER POSTS ARE BUILT WITH TEXT TABLES. Used in: ‘Transdisciplinary research with and for artificial intelligence’ (Keil). ‘Four core concepts for expanding a systems view to system dynamics’ (Savu). 'A framework for creating effective team integration in interdisciplinary research' (Cuddy). Three ways to design interdisciplinary collaborations (Hofmann). Aug 2025*/
.tableMain
    {
        display: table;
				border:1px solid;
			  width: 100%;
			  table-layout: fixed;
    }
    .scrollWrapper
    { 
        overflow: auto;
    }
    .tableHeading
    {
        display: table-row;
        font-weight: bold;
			  background-color: #eaecee;
        text-align: left;
    }
    .tableRow
    {
        display: table-row;
    }
    .tableCell_empty
    {
			  display: table-cell;
			  empty-cells: show;
			  vertical-align:middle;
			  border:1px solid;
				padding-top: 10px;
			  padding-right: 10px;
			  padding-bottom: 10px;
			  padding-left: 10px;
    }
    .tableCell
    {
        display: table-cell;
			  vertical-align:middle;
			  border:1px solid;
				padding-top: 10px;
			  padding-right: 10px;
			  padding-bottom: 10px;
			  padding-left: 10px;
    }
    .tableCell25
    {
        display: table-cell;
			  vertical-align:middle;
			  width: 25%;
			  border:1px solid;
				padding-top: 10px;
			  padding-right: 10px;
			  padding-bottom: 10px;
			  padding-left: 10px;
    }
    .tableCell75
    {
        display: table-cell;
			  vertical-align:middle;
			  width: 75%;
			  border:1px solid;
				padding-top: 10px;
			  padding-right: 10px;
			  padding-bottom: 10px;
			  padding-left: 10px;
    }
    .tableCell_text-top
    {
        display: table-cell;
			  vertical-align:top;
			  border:1px solid;
				padding-top: 10px;
			  padding-right: 10px;
			  padding-left: 10px;
    }
/* TITLE 1 = ADD LINE BELOW FIELD - put text content after post title. To say this another way, a post title had both English and Arabic in the title field - apparently it is best to separate Arabic and English into separate lines, so in order to do that, the following code was used. It has three  interesting parts; (1) determination of the post ID so the individual post can be targeted, (2) and the use of the 'after' selector to put text following the title; (3) the display:block element to force the next text onto its own line - this was done for the post: 'Six ways facilitation skills can improve cross-disciplinary team leadership' by Manal Affra (March 2021) */
.postid-19405 .entry-title:after 
{
    content: 'ست وسائل من مهارات التيسير لتطوير قيادة الفريق البحثي عابر التخصصات ';
	display: block;
}
/* VIEWPORT CONTROL 1 - limit image width to 50% of viewport - March 2022 */
.wp-block-image figure.alignright {
    max-width: 50vw;
}
/* VIEWPORT CONTROL 2 - On smaller screens stack the images - March 2022 */
@media(max-width: 768px) {
    .wp-block-image.clear_right,
    .wp-block-image figure.alignright {
        float: none;
        margin: 0;
        max-width: unset;
        width: 100%;
    }
    .wp-block-image figure.alignright img {
        width: 100%;
    }
}