/* Inventory

    - Notes
	- IWH Helper classses
	- Global
        - Text
        - Blockquote
        - Figcaption
        - Buttons
        - Wells
        - File downloads
	- Header
        - Navbar
        - Secondary nav
        - Page header
        - Search
	- Main
		- Research areas
        - Topic pages
		- Page specific colours
		- Corporate reports
		- Opportunities
		- Featured items
        - Video card paragraph
		- Sideblock
		- Sidebar
        - Social media
    - Views
        - view filters
        - view pagers
    - Home page
	- Footer
*/


/* Notes

.directory-list - for content lists w/o images and a horizontal line to seperate entries - scientific reports, journal articles, in the media
.related-list - for related content blocks for bios, projects, area pages
.publication-list - not used yet - image w teaser lists  - toos n guides, research highlights etc
.cover-list - not used yet - for lists using cover images - 5 things, at work issues, iwh news

blue            #05569e     rgb(5, 86, 158)
mango           #f89a31     rgb(248,154,49)
lighter mango   #fcb913
warm gray       #f2ede6
gray            #f5f3f1
dark blue       #044680     rgba(4,70,128) for head banner

rusty           #cd6a27     rgb(205, 106, 39)
lighter blue    #1daacb
dirty mango     #ca7e2a

old og blue:    #0068b3
*/


/* IWH HELPER CLASSES * IWH HELPER CLASSES * IWH HELPER CLASSES */

.iwh-mango { background-color: #fcb913; }
.iwh-blue { background-color: #05569e; }
.iwh-warmgray { background-color: #f2ede6; padding-top: 15px; }
.iwh-gray { background-color: #f5f3f1; }

.iwh-featured { padding: 7px 15px; background-color: #05569e; border: 2px solid #05569e; color: #fff; }

.page-node-type-project .sideblock { padding-top: 1px;  padding-bottom: 15px; }

.iwh-gray .view-content { padding-bottom: 15px; }

.footnote, .page-node-type-document .paragraph--type--text-area .footnote, 
.page-node-type-at-work-article .paragraph--type--text-area .footnote { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; }

.reference, .page-node-type-document .paragraph--type--text-area .reference { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; }

.lead, p.lead { margin-bottom: 30px; font-size: 22px; font-weight: normal; }

.impact-type { padding-bottom: 15px; font-size: 24px;}

.subhead {
	font-size: 24px;
	margin-bottom: 10px;
	font-family: inherit;
	line-height: 1.1;
	color: inherit;
}

/* GLOBAL * GLOBAL * GLOBAL */

/* Text */
body { font-size: 16px; line-height: 1.4; }

h1, .h1 { font-family: "memphis", Rockwell, "slab serif", serif; font-weight: 400; hyphens: none; word-wrap: normal; }


h2, .view .view-header h2, h2.view-header, .view h2.view-header { text-decoration: 4px underline #4d87c5; text-underline-offset: 6px; display: inline-block; font-size: 24px; font-weight: bold; margin-top: 20px; line-height: 1.6;}

/* old underline backup */
/* h2, .view .view-header h2, h2.view-header, .view h2.view-header { border-bottom: 5px solid #4d87c5; display: inline-block; font-size: 24px; font-weight: bold; margin-top: 20px;} */

h2.plain, .view .view-header h2.plain {border-bottom: none; display: block; font-weight: normal;}

/*.paragraph--type-area-featured-left h2, .paragraph--type-area-featured-right h2 { border-bottom: none; display: block; font-weight: normal; } /* area pages */
h2.panel-title {border-bottom: none; display: block; font-weight: normal;}
h2.block-title { margin-bottom: 20px; }



footer h3 {font-size:18px;}

h5, .h5 { font-weight: bold; }

/* Large text for long-form articles */
.page-node-type-document .paragraph--type--text-area p, 
.page-node-type-document .paragraph--type--text-area ul, 
.page-node-type-document .paragraph--type--text-area ol,
.page-node-type-at-work-article .paragraph--type--text-area p, 
.page-node-type-at-work-article .paragraph--type--text-area ul, 
.page-node-type-at-work-article .paragraph--type--text-area ol,
.paragraph--type--wrmb p, .paragraph--type--wrmb ul, .paragraph--type--wrmb ol
{ font-family: Georgia, serif; font-size: 18px; }

a {color: #05569e; text-decoration: underline; transition: 0.3s;}
a:focus, a:hover { color: #000; }

/* base background colour is https://www.w3schools.com/colors/colors_picker.asp?colorhex=FFD700 */

/* .main-container .contextual-region a:focus, */ .main-container .contextual-region a:hover { color: #000; background: rgba(255, 215, 0, 0.3); }
.footer a:focus, .footer a:hover { color: #000; background: rgba(255, 240, 153, 0.7); }
.footer-callout a:focus, .footer-callout a:hover { color: #000; background: rgba(255, 240, 153, 0.9); }

.menu a, .nav a {text-decoration: none;}
.navbar a:focus, .navbar a:hover { background: none; }


/* Blockquote */
blockquote { font-size: 24px; font-weight: lighter; margin: 30px 30px 20px 0; padding: 10px 15px; border-left: 5px solid #fcb913; }
.page-node-type-bio-page blockquote { color: #0068b3; border-left: none;}

/* Figcaption */
figcaption {font-size: 14px; padding-bottom: 14px;}

figure.right {width: 50%; float:right; padding-left:10px;}
figure.left {width: 50%; float:left; padding-right:10px;}

/* Buttons */
/* .btn, .btn-default { color: #fff; background-color: #0068b3; border-radius: 2px; border: 2px solid #0068b3; font-size: 14px; line-height: 1; padding: 10px 15px; margin-top: 10px; text-decoration: none; } */
/* .btn:hover, .btn-default:hover { background-color: #fff; border: 2px solid #0068b3; color: #0068b3; text-decoration: none; } */
/* .btn-sm { padding: 3px 8px; } */
/* .bs-region--left .btn, .bs-region--right .btn { margin: 10px 0; } */

/* mobile search button */
.navbar #search-block-form--2 .btn { margin-top: 0; border: 1px solid #ccc; }

.more-link { margin-top: 10px; }
.more-link a, a.more-link { background-color: #fff; border-radius: 2px; border: 1px solid #05569e; font-size: 14px; line-height: 1; padding: 6px 12px; text-decoration: none; }
.more-link a:hover, a.more-link:hover { background-color: #05569e; color: #fff; text-decoration: none; } 
.page-node-type-landing-page .more-link { font-weight: bold; margin: 18px 0 0 0; }

/* Wells */
.well {
    min-height: 20px;
    padding: 15px;
    margin-bottom: 30px;
    background-color: #f2ede6;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* File downloads */

/* .col-sm-12.download { padding: 0; } */


.field .file { 
    display: block; 
    font-size: 17px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.3; 
    background: none;
    color: #333;
    padding: 0px;

}


.field .file:first-child { margin-top: 0px; }
.field .file a:link, .file a:visited { color: #895879; }
.field .file-size { display: inline; padding: 0; text-align: left; font-size: 16px; }
.field .file > span { border: none; background: none; color: #895879;  }
.file > span:first-child { border: none; background: none; }
.file > span:last-child { border: none; background: none; }
.file-link, .file-size, .file > .tabledrag-changed { display: inline; padding-right: 7px;  }
.file > .file-icon { color: #fff; display: inline; font-size: 100%; padding: 0 10px 0 0 ; }


/* event file downloads */
/* .page-node-type-event .file > .file-icon { color: #05569e; }
.page-node-type-event .field .file { background-color: inherit; color: #05569e; padding: 0; }
.page-node-type-event .file > span { color: #05569e; }
.page-node-type-event .file a:link, .page-node-type-event .file a:visited { color: #05569e; }
*/

/* tool downloads */
/*.page-node-type-tool .sideblock .field--type-link .field--item { 
    font-size: 20px; 
    margin-bottom: 15px; 
    line-height: 1.3; 
    background-color: #0068b3;
    color: #fff;
    padding: 6px 10px; }

.page-node-type-tool .sideblock .field--type-link .field--item a:link,
.page-node-type-tool .sideblock .field--type-link .field--item a:visited { color: #fff; }
*/

/* Colorbox - video modals */
#cboxOverlay { background: #f2ede6; opacity: 0.95; }
#cboxWrapper { border-radius: 1px; }
#cboxMiddleLeft { width: 30px }
#cboxMiddleRight { width: 30px; }
#cboxTopCenter { height: 30px; }

.field--name-field-registration-deadline {padding: 20px 0;}


/* HEADER * HEADER * HEADER */

/* Navbar */
.navbar { margin-bottom: 0; background-color: #fff; }
#navbar .contextual { display: none; } /* hide contextual edit buttons in header area - interferes with using menus */
#block-secondarynavigation-wd-screen li a { margin: 10px 0 0 15px; padding: 0; color: #0068b3; font-size: 14px; background-color: none; }

#block-iwh-boots-main-menu a { text-transform: uppercase; font-weight: bold; font-size: 15px; } 
#block-iwh-boots-main-menu .active a { background: #fff; color: #05569e; }
#block-iwh-boots-main-menu li.active .caret { color: #05569e; }
#block-iwh-boots-main-menu .dropdown-menu > .active > a, #block-iwh-boots-main-menu .dropdown-menu > .active > a:hover, #block-iwh-boots-main-menu .dropdown-menu > .active > a:focus { background: #f5f5f5; }

#search-block-form--2 .help-block,
#block-iwh-boots-search .help-block { display: none; }

.dropdown-menu { border-top-color: #fff; border-radius: 1px;  box-shadow: 1px 3px 2px rgba(0,0,0,0.1);}

.navbar-header img { width: auto; height: 40px; max-width: 85%; }

/* Secondary navigation */
#block-secondarynavigation .navbar-nav > li > a { }
/* #block-secondarynavigation .navbar-nav > li { font-size: 14px; } */
#block-secondarynavigation .navbar-nav { margin-bottom: 0;}

/* User */

#block-iwh-boots-account-menu .navbar-nav { margin-top: 0;}

#block-useraccountmenudesktop li a { margin: 10px 0 0 15px; padding: 0; color: #0068b3; font-size: 14px; background-color: none; }


/* Page header */
.page-header { padding-bottom: 0; }
h1.page-header { color: #fff; border-bottom: none; margin: 30px 0 0 0; text-shadow: 0px 0px 5px #05569e; }
.page-node-type-event h1.page-header { margin-bottom: 5px;}

/* For default blue banner */
.page-head, .non-ds-page-head { 
    background-color: #0068b3;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 0;
    /* margin-bottom: 30px; - removed to have sidebar come up right to header */
}

.page-head-inner { 

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0068b3+30,4d87c5+100 */
background: linear-gradient(135deg,  #0068b3 30%,#4d87c5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

/* nicer bit right side too light to meet AA contrast vs white text */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0068b3+30,4d87c5+70 */
/*background: linear-gradient(135deg,  rgba(0,104,179,1) 30%,rgba(77,135,197,1) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */


    color: #3C78B9;
    padding-bottom: 15px;
}

.page-head-inner .field { text-shadow: 0px 0px 10px rgba(4,70,128, 1); }
.page-head-inner .lead { margin-bottom: 0; }
.container-fluid.page-head { padding: 0;}
.page-header .col-md-8 { padding-left: 0; }
.page-head-inner a:link { color: #fff; }
.page-head-inner a:hover { color: #fcb913; }

.breadcrumb { background: none; border-radius: 0; padding-top: 15px; padding-left: 0; text-shadow: 0px 0px 5px rgba(0,0,0,0.5); margin: 0; }
.breadcrumb a, .breadcrumb a:visited { color: #fff; text-decoration: none; }
.breadcrumb .active { color: #fff; }



/* at work landing page */
.iwh1001.page-node-type-landing-page .page-head-inner { background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 90%,rgba(0,0,0,0.2) 100%); }
.iwh1001.page-node-type-landing-page .breadcrumb { text-shadow: 0px 0px 5px rgba(0,0,0,1); }

/* at work issues */
.page-node-type-at-work-issue .page-head-inner { background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 90%,rgba(0,0,0,0.2) 100%); }
.page-node-type-at-work-issue .breadcrumb { text-shadow: 0px 0px 5px rgba(0,0,0,1); }
.page-node-type-at-work-issue h1 { text-shadow: 0px 0px 10px rgba(0,0,0,1); }

/* area pages */
.page-node-type-area-page .page-head-inner { background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 90%,rgba(0,0,0,0.2) 100%); }



/* MAIN * MAIN * MAIN */

.main { background: #fff; min-height: 128px; }

.alert { margin: 2em; text-align: left; } /* For alerts */
.alert p:last-child { margin-bottom: 0; }

.region-content .tabs--primary { margin-bottom: 1em; }

.page-node-type-landing-page .paragraph--type-card, .page-node-type-landing-page .paragraph--type-card2 { margin-bottom: 40px; }
.view-areas-and-topics .views-row { margin-bottom: 20px; }
.page-node-type-area-page .areadesc { margin: 120px 15px 0 15px; padding: 1px 15px; bottom:-46px; }

/* Paragraphs */

/* Video card */
.paragraph--type-video-card { margin: 30px 0 45px 0;}
.card-horizontal {width:100%; display:block; padding-top:15px;padding-bottom:15px; margin-bottom:25px;background:#f2ede6;}
.caption {padding: 15px;}

/* Sidebar */
.paragraph--type-sidebar { margin: 20px 0; background-color: #f2ede6; padding: 15px; }
.paragraph--type-sidebar h3 { margin-top: 10px; }

/* Read more */
.paragraph--type--read-more { margin: 20px 0; background-color: #f2ede6; padding: 15px; }


/* Intro text on pages */
.field--name-dynamic-block-fieldnode-research-area-description p, /* summary descriptions */
.iwh1540 .paragraph--type--text-area .field--name-field-text-area p, /* project directory */
.iwh2720 .paragraph--type--text-area .field--name-field-text-area p /* kte */
{ margin-bottom: 45px; } 



/* Featured items */

/*global*/
.featured-box {position: relative; margin-bottom: 15px; margin-top:15px;}
.featured-box .featured-image:before {
  /* from https://codepen.io/jr/pen/rliKq */
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(5, 86, 158, 0.7);
} 
.featured-text  {
  position: absolute; 
  top: 50%;
  transform: translate(0,-50%);
  padding: 20px;
  color: #fff; 
  text-shadow: 0 1px 2px rgba(0, 0, 0, .3);
  }
.featured-text a {color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, .3);}



/*GLOBAL SIDEBLOCK */
.sideblock ul li, sideblock p { margin-bottom: 10px; line-height: 1.3em; }

.page-node-type-at-work-article .sideblock { padding-left: 0; padding-right: 0; }
.page-node-type-at-work-article .sideblock .view-content { padding-bottom: 1px; }
.page-node-type-at-work-article .sideblock .views-row { padding: 0 20px; }

.page-node-type-document .sideblock {  }
.page-node-type-document .sideblock .views-row { padding: 0 15px; }
.page-node-type-document .sideblock .paragraph { padding: 0 15px; }

.page-node-type-tool .sideblock { padding-bottom: 15px; }
.page-node-type-tool .sideblock .field--name-field-image { padding: 0; margin-bottom: 15px; }

.sideblock h2, .sideblock h2.view-header { margin-bottom: 5px; font-size: 24px; line-height: 26.4px; font-weight: 500; border-bottom: none;   }
.sideblock h2:first-of-type, .sideblock h3:first-of-type, .sideblock h4:first-of-type { margin-top: 16px; }
.sideblock {  }
.sideblock .view-display-id-block_4 h3 { margin-top: 0; }
.sideblock .view-display-id-block_4 h3 h3 { margin-top: 16px; }




/* SOCIAL MEDIA block */
.social-media-sharing { margin-bottom: 45px; margin-top: 45px; }
.social-media-sharing .share img { width: 25px; height: 25px; }
.social-media-sharing li { margin-right: 10px; height: 25px; }
.social-media-sharing ul { margin-bottom: 0; }

/* Search results page */
.path-search #search-form { background-color: #f5f3f1; padding: 30px; }
.path-search #search-form .control-label {font-weight: normal; }
.path-search #search-form .form-control { 
    border-top: 0;
    border-right: 0;
    border-bottom: 2px solid #fcb913;
    border-left: 0;
    border-radius: 0px;
    font-size: 17px;
    height: 42px;
    box-shadow: none;
    width: 100%;
}
.path-search #search-form .form-inline .select-wrapper { width: 100%; }
.path-search #search-form .form-item, .path-search #search-form .form-actions { padding-top: 15px; }
.path-search #search-form .form-actions { padding: 15px; }
.path-search #search-form .input-group-btn { 
    border-top: 0;
    border-right: 0;
    border-bottom: 2px solid #fcb913;
    border-left: 0;
    border-radius: 0px;
    background-color: #fcb913; }
.path-search #search-form .input-group-btn .btn {
    background: none;
    border: none;
    font-size: 20px;
    color: #fff;
    margin-left: 4px; }
.path-search #search-form .input-group-btn .btn:hover { color: #05569e; }



/* VIEWS VIEWS VIEWS */

.item-list-type { margin-bottom: 7px; margin-top: 0; color: #595959; font-size: 14px; text-transform: uppercase; } 
p.event-type { margin: 0; color: #595959; } /* eventually delete and replace with item-list-type */

.view h2, .view h3 { border-bottom: none; display: block; font-weight: normal; margin-top: 12px; } /* h2.list-title, */
.directory-list h3, .view-events2 h3 { margin-top: 0; }

.views-row { margin-bottom: 3em; }
.sideblock .views-row { margin-bottom: 0; }
.directory-list .views-row { border-top: 1px solid #dedede; margin-bottom: 20px; padding-top: 15px; }
.directory-list .views-row:first-child { border-top: none; padding-top: 0; }
.related-list .views-row { margin-bottom: 20px; line-height: 1.2em; } 





/* VIEW FILTERS VIEW FILTERS */

.view-filters .views-exposed-form { background-color: #f5f3f1; padding-bottom: 15px; margin-top: 15px; }
.view-filters .form-group { padding: 10px 15px 0 15px; margin: 0; }
.view-filters .control-label {font-weight: normal; margin-bottom: 3px; }
.view-filters .form-control,
.view-filters .input-group-addon { 
    border-top: 0;
    border-right: 0;
    border-bottom: 2px solid #fcb913;
    border-left: 0;
    border-radius: 0px;
    font-size: 15px;
    height: 36px;
    box-shadow: none;
    background: #fff;
}
.view-filters .form-control { width: 100% }
.view-filters .form-group .select-wrapper { width: 100%; }

/* filter button */
.view-filters .btn { 
color: #fff;
background-color: #05569e;
border-color: #05569e;
font-size: 16px;
padding: 6px 12px;
height: 35px;
margin: 27px 8px 0 0;
}
.view-filters .btn:hover { background-color: #fcb913; border-color: #fcb913; color: #000; }
.view-filters .btn:active { background-color: #999; border-color: #999; color: #000; }

.form-control::placeholder {color: #757575;}

.view-filters .form-group, .view-filters .form-group:last-child { margin-bottom: 0; }

/* VIEW PAGERS */

/* for projects, publications etc on bios */
.pager li > a, .pager li > span { background-color: #fff; border-radius: 2px; border: 1px solid #05569e; font-size: 14px; padding: 3px 8px; }
.pager .next > a, .pager .next > span { float: none; }
.pager li > a:hover, .pager li > a:focus { color: #fff; background-color: #05569e; }
.pager .previous > a, .pager .previous > span { margin-right: 10px; }

/* Bio views - projects, pubs, presents, mentions - pager position */
.field--name-dynamic-block-fieldnode-projects-by-scientist .pager { text-align: left; margin-bottom: 0; }
.field--name-dynamic-block-fieldnode-pubs-by-scientist .pager { text-align: left; margin-bottom: 0;  }
.field--name-dynamic-block-fieldnode-presentations-by-scientist .pager { text-align: left; margin-bottom: 0;  }
.field--name-dynamic-block-fieldnode-media-mentions-by-scientist .pager { text-align: left; margin-bottom: 0;  }

.page-node-type-bio-page .bs-region { margin-bottom: 30px;} /* fix later? */
.page-head .bs-region { margin-bottom: 10px; }



/* HOME PAGE */

/* top intro text */
.path-frontpage h1 small { color: #fff; font-size: 80%; font-weight: 200; }
.path-frontpage h2 { margin-bottom: 25px;  }

/* .path-frontpage .home-container {
    background-color: #dedede;
    background-image: url(/sites/dash/files/dash/unseen_woman_exercising.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    padding: 0;
    margin-bottom: 5em;
     } */

.path-frontpage .home-container {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0068b3+30,4d87c5+100 */
background: linear-gradient(135deg,  #0068b3 30%,#4d87c5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    position: relative;
    padding: 0;
    margin-bottom: 5em;
     }

.path-frontpage .bs-region--top { background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 90%,rgba(0,0,0,0.2) 100%); }
.path-frontpage .page-head-inner .field { text-shadow: none;}

.path-frontpage .areadesc { 

    padding: 10px 20px 15px 20px;
    margin-top: 0px;
     }

.path-frontpage .areadesc h1 { 
    padding-top: 10px;
    margin-top: 0; 
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 1.15;
    font-weight: 500;
    color: #fff;
}
.path-frontpage .areadesc .lead { 
    font-size: 22px; 
    line-height: 1.4;
    margin-bottom: 12px;
    color: #fff;
}
.path-frontpage .home-translations-innererr .areadesc .lead { color: #111; }



/* FOOTER FOOTER FOOTER */

.footer .nav > li > a:hover, .footer .nav > li > a:focus { background-color: #fff; text-decoration: underline; }
.footer { border-top: none; font-size: 14px; background: #fff; padding-bottom: 0; padding-top: 0; margin-top: 0; }
.footer .container-fluid { padding: 0; }
.footer-stripe { 
    /* background-color: #f5f3f1; */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5f3f1+10,e8e6e5+80 */
background: linear-gradient(135deg,  rgba(245,243,241,1) 10%,rgba(232,230,229,1) 80%); 
}
.footer-callout { background-color: #0068b3; top: 0; margin-bottom: 15px; color: #fff; 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0068b3+50,4d87c5+99 */
background: linear-gradient(135deg,  rgba(0,104,179,1) 50%,rgba(77,135,197,1) 99%);

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0068b3+30,4d87c5+70 */
/* background: linear-gradient(135deg,  rgba(0,104,179,1) 30%,rgba(77,135,197,1) 70%); */
}
.footer-callout p { font-size: 16px; }
.footer-callout h5 { font-size: 18px; }
.footer-callout a { color: #fff; }

.region-footer-bottom ul.menu { margin-left: 10px; margin-right: 10px; }
.region-footer-bottom .menu li { display: inline; }
.region-footer-bottom .menu li a { display: inline-block; padding: 5px; }


/* NEW ACED SPECIFIC STYLES */
/* NEW ACED SPECIFIC STYLES */
/* NEW ACED SPECIFIC STYLES */

.path-frontpage .home-container .container { padding: 0; }

.paragraph--type-researcher, 
.paragraph--type-partner-organization { margin-bottom: 16px; }

.paragraph--type-researcher .field--name-field-image, 
.paragraph--type-partner-organization .field--name-field-image 
{ margin-top: 24px; }

/* project funding */
.iwh10 .col-md-6 { margin-bottom: 30px; }
.iwh10 .img-cihr {max-width: 60% }
.iwh10 .img-sshrc { padding-top: 10px; }
.iwh10 .img-uoft {max-width: 50% }

p:last-child, .form-group:last-child, .panel:last-child { margin-bottom: 15px; }


.path-frontpage .iwh-warmgray .col-md-4 img {margin-bottom: 45px; }

.is-unpublished { 
/* #fff4f4  #ffecec   */
background-color: #fff4f4;
background-image: url("data:image/svg+xml,%3Csvg width='100' height='20' viewBox='0 0 100 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.184 20c.357-.13.72-.264 1.088-.402l1.768-.661C33.64 15.347 39.647 14 50 14c10.271 0 15.362 1.222 24.629 4.928.955.383 1.869.74 2.75 1.072h6.225c-2.51-.73-5.139-1.691-8.233-2.928C65.888 13.278 60.562 12 50 12c-10.626 0-16.855 1.397-26.66 5.063l-1.767.662c-2.475.923-4.66 1.674-6.724 2.275h6.335zm0-20C13.258 2.892 8.077 4 0 4V2c5.744 0 9.951-.574 14.85-2h6.334zM77.38 0C85.239 2.966 90.502 4 100 4V2c-6.842 0-11.386-.542-16.396-2h-6.225zM0 14c8.44 0 13.718-1.21 22.272-4.402l1.768-.661C33.64 5.347 39.647 4 50 4c10.271 0 15.362 1.222 24.629 4.928C84.112 12.722 89.438 14 100 14v-2c-10.271 0-15.362-1.222-24.629-4.928C65.888 3.278 60.562 2 50 2 39.374 2 33.145 3.397 23.34 7.063l-1.767.662C13.223 10.84 8.163 12 0 12v2z' fill='%23ffecec' fill-opacity='1' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.path-frontpage .iwh-featured { 
    border: none;
    padding: 0;
    background-image: url(/sites/echopsp/files/images/bg-default.jpg); 
}

.path-frontpage .iwh-featured-inner { 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c61f44+40,05569e+100&0.9+20,0.7+100 */
background: -moz-linear-gradient(-45deg,  rgba(137,88,121,0.9) 20%, rgba(137,88,121,0.85) 50%, rgba(5,86,158,0.7) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(137,88,121,0.9) 20%,rgba(137,88,121,0.85) 50%,rgba(5,86,158,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(137,88,121,0.9) 20%,rgba(137,88,121,0.85) 50%,rgba(5,86,158,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

   
padding: 5px 0 5px 0;
}

.path-frontpage .iwh-featured-inner img { max-width: 25%; margin: 0; }

.path-frontpage .iwh-featured-inner a, .path-frontpage .iwh-featured-inner a:hover, .path-frontpage .iwh-featured-inner a:active  { color: #fff; }

.paragraph--type--landing-card .row { margin-bottom: 30px; }

.paragraph--type-partner-organization .field--name-field-description a{
  display: block;
position: absolute;
    top: -15px;
}

.footer .col-md-6, .footer .col-md-2 { margin-top: 15px; }

.page-node-type-presentation .sideblock p:first-of-type { padding-top: 14px;}

.page-node-type-presentation .sideblock .field-label-inline { font-weight: bold; }


/* NEW ECHO OEM SPECIFIC STYLES */


/* social block thing */
.rrssb { margin-bottom: 15px; }
.rrssb a:active, .rrssb a:hover { color: #fff; text-decoration: none; }
.rrssb-email, .rrssb-facebook, .rrssb-linkedin, .rrssb-twitter, .rrssb-print  { width: 42px!important;}


/* NEW DASH SPECIFIC STYLES */
/* NEW DASH SPECIFIC STYLES */
/* NEW DASH SPECIFIC STYLES */

/* DASH blue that meets AA = #3C78B9 */

.navbar-default { border: none; border-color: #fff; }

.main-container { margin-bottom: 3em; }

.messages__wrapper p { margin-bottom: 0; }

.navbar-default .navbar-toggle { border-color: #888; }
.navbar-default .navbar-nav > li > a { color: #333; }

.search-block-form .form-control { border: 1px solid #888; border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; box-shadow: none; }
.search-block-form .form-control:focus { border: 2px solid #05569e; box-shadow: none; }
.search-block-form .form-item input::placeholder { color: #000; }
.search-block-form .form-submit { margin-top: 0; background: none; border: none; border-radius: 4px; position: absolute; right: 7px; }
.search-block-form .form-submit .glyphicon-search { top: -24px; color: #888; }
.search-block-form .form-submit .glyphicon { color: #888 !important; } /* overwrite search.css */
.search-block-form .form-submit .glyphicon:hover, #search-block-form .form-submit .glyphicon:active { color: #05569e !important; }


#search-block-form .input-group { width: 100%; }

.social-icons { margin-top: 24px; margin-bottom: 12px; }
.social-icons a { text-decoration: none; margin-right: 0.5em;}
.social-icons svg { width: 26px; height:26px; }
.footer .social-icons a:hover, .footer .social-icons a:active { background: none; }


#block-iwh-boots-footer .navbar-nav { margin: 2em 0; }
#block-iwh-boots-footer .navbar-nav a { padding: 0; margin-right: 2em; margin-bottom: 1em;  }

.region-content { margin-top: 30px; }




/* TRANSLATIONS */
.view-translations h2 { margin-bottom: 0.5em; }

.view-translations .title { margin-bottom: 0;}
.view-translations .views-field-field-downloads { margin-bottom: 0; }

.view-translations .views-field-field-translation-available ul { padding-left: 0; list-style-type: none; }
.view-translations .file { font-size: 1em; font-weight: normal;}
.view-translations .file-icon { vertical-align: baseline; }
.view-translations .file-link { border-top: none; border-bottom: none; vertical-align: baseline; }
.view-translations .file-link a { color: #05569e; }
.view-translations .file-size { font-size: 0.85em; color: #05569e; padding: 0 0.5em; vertical-align: baseline; }

/* SVG SVG SVG YA U KNOW ME */
.svg-socialicons { fill: #fff; transition: 0.3s; }
a:hover .svg-socialicons, a:active .svg-social-icons  { fill: #ffec80;}


/* BOOTSTRAP ACCORDION */

.view-faqs .panel { border: none; box-shadow: none; }

.view-faqs .panel-heading { padding: 0; border: none !important; background: none; }
.view-faqs H2.panel-title { font-size: 18px; text-decoration: none; font-weight: bold; line-height: 1.4em; }
.view-faqs H2.panel-title a { text-decoration: none; }

.view-faqs .panel-body { padding: 0; border: none !important; margin-top: 1em; }


/* other stuffs */

/* cover image shadow n outline */
.tool-page .field--name-field-media-image img { box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); }

.tool-page .field--type-link a { display: block; margin-top: 1em; padding: 12px 15px; color: #fff; background: #0068b3; text-decoration: none; border-bottom: none; }
.tool-page .field--type-link a:hover, .tool-page .field--type-link a:active { background: rgba(77,135,197,1); color: #fff; text-decoration: underline; }


/* COMMERCE COMMERCE COMMERCE */

.btn-primary { background-color: #0068b3; border-color: #0068b3; }

.commerce-checkout-flow .form-wrapper__login-option { padding: 0; }
.commerce-checkout-flow .form-wrapper__returning-customer .btn { margin-right: 30px; }

.commerce-checkout-flow .panel { border-radius: 1em; padding: 10px 15px 10px 15px; }
.commerce-checkout-flow .panel-default > .panel-heading { background: none; border: none; }
.commerce-checkout-flow .panel-title { font-size: 24px; }
.commerce-checkout-flow .checkout-pane-payment-information .panel-body { padding: 15px 15px 0 15px;}

.commerce-checkout-flow .layout-region-checkout-secondary { 
    border-radius: 1em; 
    padding: 20px 20px 5px 30px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f5f3f1+10,e8e6e5+80 */
    background: linear-gradient(135deg,  rgba(245,243,241,1) 20%,rgba(232,230,229,1) 90%);
}
.commerce-checkout-flow .layout-region-checkout-secondary h3 { margin-top: 0; }
.commerce-checkout-flow .table-striped > tbody > tr:nth-of-type(odd) { background: none; }

.commerce-checkout-flow .table > tbody > tr > td { vertical-align: middle; }


/* Homepage Translation feature */

.path-frontpage .home-translations { margin-top: 2em;
    background-image: url(/sites/dash/files/dash/dash_home_translations.png) !important;
    background-repeat: no-repeat !important;
    background-attachment: scroll !important;
    background-position: center center !important;
    z-index: auto;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
}

.path-frontpage .home-translations-inner {
background: linear-gradient(to bottom,  rgba(252,185,19,1) 0%,rgba(252,185,19,1) 40%,rgba(252,185,19,1) 75%);
}

.path-frontpage .home-translations-innererr { 
    




    overflow: auto;
}


.path-frontpage .home-translations-inner .areadesc { 
    background: none;
    margin: 0;
    padding: 0 15px 15px 15px;
    bottom: auto;
    color: #111;
}

.path-frontpage .home-translations-inner .areadesc a { 
    color: #111;
}

h2.hometranslations { 
    font-family: "memphis", Rockwell, "slab serif", serif;
    font-weight: 400;
    font-size: 32px;
}



.path-frontpage .speakerseries-home a { color: #111; font-weight: bold; text-decoration: underline;}

.path-frontpage .speakerseries-home a:hover,
.path-frontpage .speakerseries-home a:active { color: #fff; }