@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700');

/* IMPORT STATEMENTS ARE ONLY ALLOWED BELOW OTHER IMPORT STATEMENTS AND CHARSET
    SO IF ANYTHING GOES ABOVE THE TOP LINE IN THIS FILE, IT'LL BREAK THE FONT
*/

body{
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  line-height: 1.62em;
  color: #333;
  overflow-x: hidden;
}

p{ margin: 0 0 20px 0; font-size: 1.15em;}

h1, .h1{ font-size: 48px; color: #8DCBAA; }

h2, .h2{ font-size: 34px; color: #099795; }

h3, .h3{ font-size: 28px; color: #356771; }

h4, .h4{ font-size: 20px; color: #000; }

/* COVID PAGES TEXT 
h6{
    font-family: arial;
}
#covid p, #covid a, div[data-quickedit-entity-id="paragraph/120"]{
    font-family: arial;
    transform: scale(0.95);
}*/

/*
div[data-quickedit-entity-id="paragraph/120"]{
    
}

/* --- */

img{ max-width: 100%; }

a{
  color: #345B6F;
  font-weight: 600;
}

a:hover{
  color: #21759b;
}
/*
ol, ul {
  padding-left: 15px;
}
*/
ul.links.inline{
  padding: 0;
}

ul.links.inline li{
  list-style: none;
}

/* PUTS ADMIN BUTTONS ON TOP */
.tabs.primary{
    position: relative;
    z-index:22;
}

.block{
  margin-bottom: 20px;
}

.container {
/*  max-width: 1000px; */
}

.main-header{
  background-color: #099795;
/*  background: url(../images/bg-header.jpg); */
  position: relative;
/*  border-bottom: 1px solid #EBEBEB;  */
  position: relative;
/*  -webkit-box-shadow: -1px 2px 18px #021736;  */
/*  -moz-box-shadow: -1px 2px 18px rgb(2, 23, 54);  */
/*  box-shadow: -1px 2px 18px #021736;  */
/*  padding-top: 20px; */
}

.navbar-default {
  border-color: #e7e7e7;
  margin: 0;
  border: 0;
  border-radius: 0;
/*  border-bottom: 2px solid #2B96FA;   */
/*  padding-top: 20px;  */
  background: none;
  position: relative;
/*  bottom: -2px;  */
}

.main-menuwrap nav{
  border: 0;
  margin: 0;
  position: relative;
  z-index: 2;
  border-radius: 0;
}

.main-header .region{
  position: relative;
  z-index: 2;
}

/*region header*/

.site-branding{
  margin: 0;
  float: left;
  z-index: 1;
}

.brand.logo{
  padding: 10px;
  float:left;
}

/* SET LOGO FOR FIREFOX HERE */

.site-branding__image{
    transform: scale(0.8);
    -moz-transform-origin: top;
    -moz-transform: scale(0.68);
}

.region-header .brand{
  display: inline-block;
  vertical-align: middle;
  line-height: 100%;
  float:left;
}

.site-name a{
  font-size: 35px;
  color: #000000;
  float: left;
}

/*Banner*/

.welcome-banner-text{
  text-align: center;
  line-height: 160%;
  max-width: 600px;
  padding: 90px 0;
  float:left;
}

.welcome-banner-text h2{
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  float:left;
}

/* THE LINE BELOW PULLS THE TEXT IN THE 
TAGLINE UPWARDS - THE TEXT BESIDE THE LOGO */
.tagline-box{
    margin-top: -70px;
}

.tagline-box h1, .tagline-box h2{
    color: black;
}

.tagline-box h2{
    padding-top: 45px;
    font-style: italic;
}

/*top widget*/

/* GOT RID OF THIS TO PUT THE S.M. FEEDS ABOVE THE FOLD */
.topwidget{
  /*padding: 20px 0;*/
}

.topwidget .fa{
  font-size: 60px;
  background-color: none;
  width: 120px;
  height: 120px;
  padding: 32px;
  border-radius: 50%;
  color: #fff;
  margin-bottom: 20px;
}

.topwidget .region{
  background-color: none;
  border: none;
  padding: 0px;
}

.topwidget h2{
  margin-top: 0;
}

/* THIS SHOULD PROBABLY BE DELETED
.topwidget p{

}*/

.topwidget p:last-child{
  margin: 0;
}

/*footer widget*/

.footerwidget{
  background: url(../images/body.png);
  color: #8A8A8A;
  padding: 10px 0;
}

.footerwidget img.left{
  float: left;
  margin: 10px 10px 0 0;
}

.copyright{
  background-color: #81CFD6;
  color: #000;
}

.copyright p{
  margin: 30px 0;
}

.footerwidget h2,
.footerwidget .h2{
  color: #333;
}

/*bottom-widgets*/

.bottom-widgets{
  text-align: center;
  background: #FBFBFB;
  padding: 10px 0;
}

.bottom-widgets .region{
  padding: 10px;
  background: #DEDEDE;
}

/*Footer menu*/

.footer-menu{
  margin: 0;
  border: 0;
  background: #EEEEEE;
  color: #fff;
}

.footer-menu ul{
  margin: 10px 0;
  padding: 0;
}

.footer-menu nav li{
  display: inline-block;
}

.footer-menu nav li a{
  display: block;
  padding: 4px 20px 4px 0;
}

.google_map p,
.google_map .block{
  margin: 0;
}

.google_map iframe{
  display: block;
}

/*Credit link*/

.credit-link{
  text-align: left;
  font-size: 0.8em;
  line-height: 2em;
}

/*SOCIAL MEDIA*/

.social-media{
  margin: 10px 0;
  overflow: hidden;
/*  float: left; */
}

.social-media a {
  width: 30px;
  height: 30px;
  color: #fff;
  float: left;
  margin: 0 10px 0 0;
  text-align: center;
  background: #3262b9;
  font-size: 14px;
  line-height: 220%;
}

.social-media a.google-plus{
  background: #de2020;
}

.social-media a.twitter{
  background: #29C5F6;
}

.social-media a.linkedin{
  background: #069;
}

.social-media a.pinterest{
  background: #C61118;
}

.social-media a.rss{
  background: #FF6D00;
}

.social-media a:hover{
  opacity: .6;
}

/* EMERGENCE ON THE FRONT PAGE OF THE WEBSITE */

#block-emergenceonfrontpage{
       margin-left: 65px;
       width: 1010px;
       background: #E6E6E6;
       border-radius: 50px;
       padding: 50px;
   }
   
#block-emergenceonfrontpage img{
    display: block;
    margin: -50px auto 0 auto;
    width: 100%;
}

/* SOCIAL MEDIA FEEDS */

/* THIS LINE IS HIDING THE SOCIAL MEDIA FEEDS FROM THE HOMEPAGE
JUST DELETE IT TO PUT THE SOCIAL MEDIA FEEDS BACK ON THE HOMEPAGE*/
/*#block-fblikebox, #block-twitterblock-2, #block-socialmediabackground{display: none;}

/*THIS BLOCK IS COMMENTED OUT SO THE SOCIAL MEDIA FEEDS CAN BE HIDDEN UNTIL THEY'RE READY TO GO
TO PUT THE SOCIAL MEDIA FEEDS BACK ON THE HOME PAGE, JUST UNCOMMENT THIS BLOCK*/
#block-fblikebox{
    position: absolute;
    overflow: hidden;
    height: 600px;
    margin: 30px 0 0 615px;
}

#block-twitterblock-2{
    width: 360px;
    margin: 50px 0 0 155px;
}

#block-socialmediabackground{
    position: absolute;
    height: 700px;
    width: 1010px;
    z-index: -2;
    border-radius: 50px;
    background: #e6e6e6;
    margin-left: 65px;
}

#block-socialmediabackground p{
    display: none;
}

/* END OF BLOCK COMMENT FOR SOCIAL MEDIA FEEDS */

/* THE FOLLOWING BRING THE S.M FEEDS ABOVE THE FOLD */
#block-membersportalbutton, #block-findlegalhelpbutton, #block-ourworkbutton{
    margin-bottom: 0;
}


/*FORM*/

form{padding: 20px;}

input, button, select, textarea{
  padding: 9px;
  border: 1px solid #C7C7C7;
}

.contact-message-form label{
  display: block;
}

.form-item {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  background-color: #FFCD54;
/* CHANGE FORM COLOR HERE F16E67 */
}
/* remove the flex so it looks sane... */
.user-login-form .form-item {
    display:block;
}


.paragraph--type--webform {
  background-color: #FFCD54;
/* --- AND HERE --- */
}

.webform-submission-form {
  margin-bottom: -30px
}

.btn,
input[type="submit"]{
  background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
  background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
  background-image: -o-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(1, #E3E3E3));
  background-image: -webkit-linear-gradient(top, #FFF 0%, #E3E3E3 100%);
  background-image: linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E3E3E3');
  border: 1px solid #dbdbdb;
  color: #333;
  font-weight: bold;
  padding: 9px;
}

.btn:hover,
input[type="submit"]:hover{
  background-image: -ms-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
  background-image: -moz-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
  background-image: -o-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #DBDBDB), color-stop(1, #F2F2F2));
  background-image: -webkit-linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
  background-image: linear-gradient(top, #DBDBDB 0%, #F2F2F2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DBDBDB', endColorstr='#F2F2F2');
}

/* MEMBERS PORTAL LOGIN FORM */

.form-item .fieldset-wrapper{width:100%;}

label[for=edit-password]{display:none;}

#edit-password{ width: 75%}

#edit-submit{margin-left: 6px;}

/*FRONT PAGE*/

.path-frontpage .feed-icon{
  display: none;
}

.frontbutton{
    transform: scale(0.8);
}

#block-announcementbutton{
    width: 1140px;
    display: flex;
    justify-content: center;
    position: relative;
    transform: scale(1.2);
}

/* .quickedit-field */
/* IT LOOK LIKE ALL OF THIS DOWN TO 'MENU' CAN BE DELETED ********************
#block-announcementbutton div::before{
    position: absolute;
    max-width: 700px;
    text-align: center;
    white-space: pre-wrap;
    font-weight: 600;
    /*transform: scale(0.8);*/
  /*  margin-top: 30px;
    font-family: inherit;
    
    content: "Website outage\A\APlease note our websites will be down from tomorrow afternoon (Friday 8 May 2020) to Monday morning (11 May 2020) for some planned maintenance.";
    */
    /* OLD ANNOUNCEMENT TEXT - Welcome!\A\AYou’ve landed on the new website for Community Legal Centres Australia, formerly National Association of Community Legal Centres (NACLC).\A\AWe’re currently working on this site so you’ll see updates from us over coming weeks. We suggest you watch this space to see what new things we have coming up.*/
    
    /* SOCIAL MEDIA CODE - DIDN'T WORK
    content: '<div class="fb-page" data-href="https://www.facebook.com/The-Dead-Rabbitz-107550455960278/" data-tabs="timeline" data-width="" data-height="" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/The-Dead-Rabbitz-107550455960278/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/The-Dead-Rabbitz-107550455960278/">The Dead Rabbitz</a></blockquote></div>';
    */
    
    /* DIFFERENT VERSIONS OF THE TEXT
    
    
    Welcome!\A\AYou’ve landed on the new website for Community Legal Centres Australia, formerly National Association of Community Legal Centres.\A\AWe’re currently working on this site so you’ll see updates from us over coming weeks. We suggest you watch this space to see what new things we have coming up.
    
    
    We’ve changed!\A\AWelcome to the new website for Community Legal Centres Australia, formerly National Association of Community Legal Centres.\A\ANew content is coming soon.
    
    
    */
    
}

/*MENU*/

.main-menuwrap{
  margin-bottom: 10px;
}

.navbar-default .navbar-toggle{
  background: #81CFD6;
  margin: 5px;
}

nav h2{
  display: none;
}

.menu-base-theme,
.menu-base-theme a{
  background: #81CFD6;
  font-size: 1.1em;
}

.menu-members-theme,
.menu-members-theme a{
  background: #F6A4B5;
}

.menu-base-theme a:hover,
.menu-base-theme a:focus,
.menu-base-theme a:active,
.menu-base-theme a.highlighted
{
  background: #FFCD54;
  /* height: 80px; PART OF THE NAVBAR HEIGHT FIX */
}

/* PART OF THE NAVBAR HEIGHT FIX
nav .main-base-theme a:hover::after{
    height: 80px;
}*/

.menu-members-theme a:hover,
.menu-members-theme a:focus,
.menu-members-theme a:active,
.menu-members-theme a.highlighted{
  background: #F26F67;
}

.menu-base-theme li a{
  background: #81CFD6;
  color: #000000;
  font-weight: bold;
}

.menu-members-theme li a{
  background: #F6A4B5;
  color: #000000;
  font-weight: bold;
}

.main-menu {
  position: relative;
  z-index: 9999;
}

.menu-base-theme a{
    padding: 40px 23px;
    /* height: 80px;  PART OF THE NAVBAR HEIGHT FIX  */
/*  border-bottom: 1px solid #EEF0F7; */
}

.menu-base-theme a span.sub-arrow{
  color: #356771;
  font-size: 22px;
  padding: 5px;
  border-radius: 2px;
/*  border: 1px solid #DCDCDC; */
  background: #81CFD6;
}

.menu-members-theme a span.sub-arrow{
  color: #713F35;
  font-size: 22px;
  padding: 5px;
  border-radius: 2px;
/*  border: 1px solid #DCDCDC; */
  background: #F6A4B5;
}

.navbar-toggle{
  z-index: 999;
}

.menu-base-theme li ul, .menu-members-theme li ul{
    text-align: left;
}

/*breadcrumb*/

.breadcrumb{
  background: none;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #eee;
}

.breadcrumb ul{
  padding: 0;
}

.breadcrumb ul li{
  display: inline-block;
}

/* REMOVES NAVIGATION FOR BOOK PAGES FROM THE BOTTOM OF THE PAGE */
#book-navigation-4, #book-navigation-315{display:none;}


/*search form*/

#search-block-form{
  display: table;
  width: 100%;
}

#search-block-form .form-item,
#search-block-form .form-actions{
  display: table-cell;
  vertical-align: top;
}

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

/*Demo typography*/

.bd-example {
  position: relative;
  padding: 20px;
  border: 2px solid #f7f7f9;
}

.highlight{
  padding: 20px;
  background-color: #f7f7f9;
}

.highlight pre{
  border: 0;
  background: none;
}

.bd-example-type .table tr:first-child td {
  border-top: 0;
}

.bd-example-type h1,
.bd-example-type h2,
.bd-example-type h3,
.bd-example-type h4,
.bd-example-type h5,
.bd-example-type h6 {
  margin: 0;
}

.bd-example-type .table td {
  padding: 15px 0;
  border-color: #eee;
}

/*Contact form*/

.path-contact{}

.contact-message-feedback-form{
  max-width: 650px;
  margin: 0 auto;
  border: 1px solid #D8D8D8;
  padding: 10px 30px;
  background: #F5F5F4;
}

.contact-message-feedback-form .form-text,
.contact-message-feedback-form .form-email,
.contact-message-feedback-form .form-textarea{
  width: 100%;
}

/*user-login-form*/

.user-login-form,
.user-form,
.user-pass{
  max-width: 650px;
  margin: 40px auto;
  border: 1px solid #ddd;
  padding: 10px 30px;
  background: #FBFBFB;
}

.user-login-form .form-text,
.user-login-form .form-email,
.user-form .form-text,
.user-form .form-email,
.user-pass .form-text{
  width: 100%;
}

.form-composite > .fieldset-wrapper > .description,
.form-item .description {
  font-size: 11px;
  color: #000;
  font-style: italic;
}

/*Maintainance*/

.maintenance-page{
  background: url(../images/maintenance-bg.png) #66CBFF center no-repeat;
  color: #fff;
  text-align: center;
  padding-top: 220px;
  padding-bottom: 100px;
  font-size: 18px;
  color: #000;
}

.maintenance-msg {
  margin: 20px 0;
  background: rgba(242, 244, 207, 0.88);
  padding: 20px 30px;
  display: inline-block;
  color: #404040;
  border: 1px solid #fff;
  box-shadow: 5px 5px 0px #FFFFFF;
  font-size: 14px;
}

.maintenance-msg h1{
  text-transform: uppercase;
  font-weight: bold;
}

.maintenance-page .brand,
.maintenance-page .name-and-slogan{
  display: inline-block;
  vertical-align: middle;
}

.maintenance-page .site-name a{
  color: #404040;
}

.maintenance-page .site-slogan,
.maintenance-page .name-and-slogan{
  display: none;
}

/*Comment*/

.comment-wrap{
  overflow: hidden;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #F5F5F5;
}

.comment-wrap .author-details{
  float: left;
  width: 20%;
}

.comment-wrap .author-comments{
  padding-left: 5px;
  float: left;
  width: 80%;
}

.comment-submitted{
  padding: 5px 10px;
  border: 1px solid #eee;
  font-size: 12px;
  margin-bottom: 5px;
  display: block;
}

.comment-wrap .author-comments h3{
  margin-top: 10px;
}

.comment-wrap .author-comments p{
  margin-bottom: 10px;
}

/*links inline*/

ul.links.inline li{
  display: inline-block;
  padding-right: 10px;
}

/*profile*/

.profile > div{
  padding-right: 5px;
  display: inline-block;
  vertical-align: top;
}

.profile h4.label{
  color: #333;
  display: block;
  text-align: left;
  margin-bottom: 5px;
}

/*Carousel*/

.slideshow{
  display: none;
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img{
  width: 100%;
}

.carousel-control.left,
.carousel-control.right{
  width: 50px;
  height: 50px;
  background: #000;
  top: 50%;
  padding: 12px;
  margin-top: -25px;
}

/* footer */

.dialog-off-canvas-main-canvas{
    position: relative;
    min-height: 100vh;
}

#wrapper{
    padding-bottom: 240px;
}

.copyright{
    position: absolute;
    bottom: 0;
    width: 100vw;
}

/* --- CLC's DIRECTORY --- */
/* STUFF IN HERE MIGHT HAVE BROKEN SOMETHING ELSE*/
/* CLC-DIRECTORY PAGE */
.clcs-directory-list li span{display: block;}
/* INDIVIDUAL PAGES */
/* REMOVES "SUBMITTED BY" */
footer.comment-submitted{display: none;}
/* MAKES HEADINGS BOLD */
.node--type-community-legal-centres .node__content div div:first-child{font-weight: bold;}
/* MAKES TEXT SECTIONS NARROWER */
/*THIS BROKE THE JOB ADS
.node__content .quickedit-field{max-width: 500px;}*/
/* WHITE SPACE BELOW EACH TEXT SECTION */
.node__content .quickedit-field div:last-child{margin-bottom: 50px;}
/* PUTS PHONE ON ONE LINE 
.node--type-community-legal-centres .node__content div{display: inline-block;}
.node__content .quickedit-field div{display: inline-block;} */
/* WHITE SPACE BELOW MAP */
.leaflet-container{margin-bottom: 150px;}
/* END CLC'S DIRECTORY */

/* RESOURCES PAGE */
/* THIS CAN PROBABLY BE DELETED */
/* WAS FOR THE ACCORDION ON THE RESOURCES PAGE - NOT USING ACCORDION NOW */
.views-field-field-resource-type .field-content{display: none;}
/* END RESOURCES PAGE */

/* --- MISCELLANEOUS ITEMS --- */

/* styled buttons */
.styled-button, #edit-actions-submit{
    color: white;
    border: none;
    padding: 10px;
    background: #356771;
    font-weight: normal;
}

.styled-button:active/*,.styled-button:focus*/{
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}

/* --- JOBS BOARD --- */

/* REMOVES THE DOTS FROM THE LIST ITEMS */
.js-view-dom-id-5aa7787285adb52ebd2bfd97dee82aa1454ef495d277342c631d2842f5749051 .item-list li{list-style: none;}

div[id="block-views-block-jobs-view-block-1-2"] div div li{list-style: none;}


/* REMOVES BOLD AND COLOR FROM HEADINGS */
.node--type-job h2 a{
    font-weight: normal;
    color: #099795;
}

/* PUTS THE CLOSE DATE IN JOB POSTS ON ONE LINE
MAY BREAK SOMETHING ON ANOTHER PAGE OF THE SITE
SO MAY NEED TO BE REVIEWED*/
ul.links + div{ display: flex; }
ul.links + div div{flex-grow: 0.015;}
/* Should fix broken flex on member pages while logged in */
.page-node-type-member-page ul.links + div{ display: inherit; }
.user-logged-in ul.links + div{ display: inherit; }



/* ADDS BORDER UNDER EACH JOB POST */
ul.arrow_list li{
    border-bottom: 1px dotted #345B6F;
    margin-bottom: 50px;
}

/* REMOVES READ MORE FROM JOB POSTS */
.node-readmore{
    position: absolute;
    top:-9999999999px;
}

/* REMOVES BULLET POINTS FROM LISTS */
ul.arrow_list{
    list-style: none;
    padding-inline-start: 0;
}

/* PUSH TEXT BELOW TITLE DOWN ON JOBS BOARD */
article[data-history-node-id="730"]{margin: 20px 0 40px 0;}

/* ALIGNING FOR CLOSE DATE AND TIME */
#edit-closing-date-{
    display: inline-flex;
    margin: -30px 100px 0 0;
}

.js-form-type-datetime{
    padding-bottom: 0;
}

input[id="edit-closing-date-date"]:-moz-placeholder{
    content: "Date";
}

/* --- MEMBERS PORTAL BUTTON --- */
.floatbutton_link img{display: none;}

.floatbutton a{
	position: fixed;
	color: black;
	top: 5vh;
	border-radius: 10px;
	background-color: #FFCD54;
	transform: rotate(90deg);
	display: flex;
	align-items: flex-end;
	justify-content: center;
	text-decoration: none;
	font-size: 1.2em;
}

.floatbutton a::after{content: "Members' Portal";}

/* --- NATIONAL NETWORKS --- */

/* CURRENT VERSION */
/* Makes scroll available on mobile phones */
article[data-history-node-id="859"]{overflow-x: auto;}
/* Border for left and right */
article[data-history-node-id="859"] table, article[data-history-node-id="233"] table{border: 1px solid black;margin-bottom: 50px;}
/* Adds white space below the table */
/*article[data-history-node-id="859"] table{margin-bottom: 50px;}*/
/* Border for the top row */
article[data-history-node-id="859"] tr:first-child, article[data-history-node-id="233"] tr:first-child{border-top: 1px solid black;}
/* Border for the bottom row */
article[data-history-node-id="859"] tr:last-child, article[data-history-node-id="233"] tr:last-child{border-bottom: 1px solid black;}
/* Border in between each row */
article[data-history-node-id="859"] tr, article[data-history-node-id="233"] tr{border-bottom: 1px solid black;}
/* Background color for header row */
article[data-history-node-id="859"] th, article[data-history-node-id="233"] th{background-color: #81CFD6;}
/* Background color for every second row */
article[data-history-node-id="859"] tr:nth-child(even), article[data-history-node-id="233"] tr:nth-child(even){background-color: #f2f2f2;}
/* Makes link color blue and gives links underline */
article[data-history-node-id="859"] td a{color: blue;text-decoration: underline;}
/* Moves text in the first column over from the edge */
article[data-history-node-id="859"] th:nth-of-type(1), article[data-history-node-id="233"] th:nth-of-type(1) {padding-left: 20px;}
/* DUPLICATE CODE - DELETE THIS article[data-history-node-id="859"] td:nth-of-type(1) {padding-left: 20px;}*/
/* Adds padding to the top of every cell */
article[data-history-node-id="859"] td, article[data-history-node-id="233"] td{padding-top: 20px;}

/* THIS DOESN'T WORK - GET RID OF IT ??? */
article[data-history-node-id="233"] td [rowspan]{border-right: 1px solid black;}


/* OLD VERSION */
/* Makes scroll available on mobile phones */
div[data-quickedit-field-id="node/859/body/en/full"]{overflow-x: auto;}
/* Border for left and right */
div[data-quickedit-field-id="node/859/body/en/full"] table{border: 1px solid black;}
/* Border for the top row */
div[data-quickedit-field-id="node/859/body/en/full"] tr:first-child{border-top: 1px solid black;}
/* Border for the bottom row */
div[data-quickedit-field-id="node/859/body/en/full"] tr:last-child{border-bottom: 1px solid black;}
/* Border in between each row */
div[data-quickedit-field-id="node/859/body/en/full"] tr{border-bottom: 1px solid black;}
/* Background color for header row */
div[data-quickedit-field-id="node/859/body/en/full"] th{background-color: #81CFD6;}
/* Background color for every second row */
div[data-quickedit-field-id="node/859/body/en/full"] tr:nth-child(even) {background-color: #f2f2f2;}
/* Makes link color blue and gives links underline */
div[data-quickedit-field-id="node/859/body/en/full"] td a{color: blue;text-decoration: underline;}
/* Moves text in the first column over from the edge */
div[data-quickedit-field-id="node/859/body/en/full"] th:nth-of-type(1) {padding-left: 20px;}
div[data-quickedit-field-id="node/859/body/en/full"] td:nth-of-type(1) {padding-left: 20px;}
/* Adds padding to the top of every cell */
div[data-quickedit-field-id="node/859/body/en/full"] td{padding-top: 20px;}

/* REMOVES OLD CLASS LOGO - CLASS DOCUMENTATION - WITH NACLC ON IT */
img[data-entity-uuid="4c6ad182-7a22-4f9e-b4ae-1d8a53ca4b35"]{visibility: hidden;}

/* THE JOBS BOARD WAS DISPLAYING ONLY ABOVE THE FOLD
THIS FIXED IT BUT DOESN'T SEEM TO BE NEEDED NOW*/
#wrapper{overflow-y: auto;}


/* ADDS WHITE SPACE BELOW THE LOGIN FORM FOR THE MEMBERS PORTAL */
form[data-drupal-selector="protected-pages-enter-password"]{margin-bottom: 85px;}


/* JOBS BOARD SUBMISSION FORM */
/* THESE ARE THE FORMS ON THE JOBS PAGE AS WELL AS THE TEST PAGE */

#webform-submission-jobs-board-submissions-node-730-add-form, #webform-submission-jobs-board-submissions-node-1134-add-form{margin-bottom: 50px;}

#webform-submission-jobs-board-submissions-node-730-add-form .form-item, #webform-submission-jobs-board-submissions-node-1134-add-form .form-item{display: block;}

#webform-submission-jobs-board-submissions-node-730-add-form .form-item input, #webform-submission-jobs-board-submissions-node-1134-add-form .form-item input{width: 100%;}

#edit-contact-person-optional-name-position-contact-phone-and-or-email::-webkit-input-placeholder{color:red;}

#edit-closing-date-{width:40%;}


/* Overrides for article type pages. @2021 */

/* make article image fill top of article and give it a nice shadow
   when we got live consider inserting a field class to avoid the long selector
*/
.page-node-type-article .node__content > div:first-of-type img:first-of-type {
    width: 100%;
    height: auto;
    margin: 15px;
    box-shadow: 1px 5px 5px 0px #888888;
}
/* image wierdness in tables */
.page-node-type-article table img {
    height: auto;
}
/* stop tables overflowing the content pane. Should be universal... */
.page-node-type-article table {
    max-width: 100%;
}
/* article list view overrides **needs custom classes on view** */
.grid-article-list .views-col {
    box-shadow: 1px 5px 5px 0px #888888;
    margin: 5px;
    min-height: 200px;
    padding: 15px;
}
.grid-article-list .views-col:hover {
    transform: scale(1.1);
}

/* article list overrides */
.article-list-item {
    box-shadow: 1px 5px 5px 0px #888888;
    margin: 5px;
    clear: both;
    overflow: auto;

}
.article-list-item:hover {
    transform: scale(1.1);
    -webkit-transition: transform 1s ease-in-out;
}
.article-list-item .article-list-image {
    width: 25%;
    padding: 15px;
    float:left;
}
.article-list-item .article-list-image img {
    width: 100%;
    height:auto;
}
.article-list-item .article-list-title,
.article-list-item .article-list-summary {
    padding: 15px;
}

/* pdf link with text paragraph type */

.paragraph--type--pdf-link-with-description .paragraph--type--bp-image {
    width: 25%;
    float: left;
    padding: 15px;
}
.paragraph--type--pdf-link-with-description .paragraph--type--bp-image .paragraph__column {
    padding-bottom: 0;
}
.paragraph--type--pdf-link-with-description .paragraph--type--bp-image img {
    height: auto;
}
/* no class on message. need to grab it manually. Might be issue is display is motified. */
.paragraph--type--pdf-link-with-description .paragraph__column > div:nth-child(2) {
    /* padding: 15px; */
}

/* boxes override */

.paragraph--type--link-boxes a {
    background-color: #356771;
    height: 150px;
    width: 150px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    float: left;
    margin: 10px;
    color: white;
    text-decoration: none;
    font-size: 1.15em;
    padding: 15px;
}
.paragraph--type--link-boxes a:hover {
    background-color: #8DCBAA;
}


/* infographic cards */

.paragraph--type--infographic {
    box-shadow: 1px 5px 5px 1px #888888;
    width: 100%;
    margin-bottom:15px;
    margin-top: 15px;
    min-height: 600px; /* to stop overly small content messing up the layout. */
}

.paragraph--type--infographic .paragraph__column {
    padding: 0;
}

.infographic-banner {
    background-color:#8DCBAA;
}
.infographic-title {
  font-size: 28px;
  color: #356771;
  float:left;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding:15px;
  height:200px;
  line-height:1.5;
}
.inforgraphic-image {
  text-align: right;
  display: inline-flex;
  padding: 15px;
  height:200px;
  padding-right: 0;
}
.inforgraphic-image img {
  width:auto;
  height: 100%;
}
.infographic-content {
  padding: 15px;
  background-color:white;
}


/* END OF FILE */