/* 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 */
/* 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;
}
/* FONT FAMILY 1 - 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 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;
}
}
/* 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 - list markers - lower-alpha */
.marker-lower-alpha
{
	list-style-type: lower-alpha;
}
/* LIST 2 - list markers - lower-roman (eg., post 'Setting an agenda for transdisciplinary research in Africa') */
.marker-lower-roman
{
	list-style-type: lower-roman;
}
/* LIST 3 - 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 - list markers - open circle (eg., page 'https://i2insights.org/primers/stakeholder-engagement-primer/') in Apr 2022 */
.marker-open-circle
{
	list-style-type: circle;
}
/* LIST 5 - list markers - square (eg., page Smithson - ignorance post') in May 2022 */
.marker-square
{
	list-style-type: square;
}
/* MARGINS 1 - 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;
}
/* MARGINS 2 - 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 3 - 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;
}
/* MARGIN 4 - 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 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 */
div.para-margin
{
margin-top: 1em;
margin-right: 0;
margin-bottom: 1em;
margin-left: 0;
}
/* MARGIN 5 - To create a white space line after a dot-point - used in post by Jessica Blythe and Chris Cvitanovic - Jan 2021*/
li.space-after
{
	margin-bottom: 1em;
}
/* MARGIN 6 - 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: 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 */
div.heading-para-margin
{
margin-top: 0;
margin-right: 0;
margin-bottom: 1em;
margin-left: 0;
}
/* MARGIN 7 - this indeed creates a nil left margin BUT also note it wipes all the other margins too - NOT SURE WHERE USED - NEW - Feb 2022*/
ul.nil-left-margin
{
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
}
/* MARGIN 8 - 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 9 - 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 10 - NEW - removes the bottom margin of a paragraph tag - used here: https://i2insights.org/2022/07/19/collaboration-agreement-template/ - July 2022*/
p.paragraph-no-bottom-margin
{
margin-bottom: 0;
}
/* MARGIN 11 - 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 12 - UPDATE: NOT YET UESED - zeros out nottom margin in a ul element so that the paragraph below is closed up to the affected paragraph (to remove spacing). May require other CSS to control the spacing above and below the element. Was used for keeping a p element close (as between) two dot-points (hence this ul). 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 below to close spacing down). Search on 'class' inside post if you want to find the code. JULY 2023 */
ul.zero-bottom-margin
{
margin-bottom: 0;
}
/* MARGIN 13 - 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. JULY 2023 */
p.para-margin
{
margin-top: 0;
margin-bottom: 0;
}
/* 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;
}
/* 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%;
    }
}