/*!
Theme Name: NRNBS-2020
Theme URI: http://www.nbgn.ca
Author: Santo Romano
Author URI: http://www.nbgn.ca
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: nrnbs-2020
Tags: custom site

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

NRNBS-2020 is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* === STYLE GUIDE === */
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html {
    font-family: sans-serif;
    font-size: 16px;
}

body {
/*  padding: 20px;*/

}
/*a:link{
      color:cadetblue;
}

a:visited {
   color:#333;
}

 a:hover {
    color:#fab000;
}
 a.active {
    color:#fab000;
}*/

nav {
    padding: 10px 0;
}
nav a:link {
  /*color:cadetblue;*/
}

nav a:visited {
  /*  color:#333;*/
}

nav a:hover {
    color:#fab000;
}
nav a.active {
    color:#fab000;
}

a.bodynav:link {
	color:#fab000;
}
a.bodynav:visited {
	color:#fab000;
}
a.bodynav:hover {
	color:#333;
}
a.bodynav:active {
	color:#000;
}



.brand h1 {
    color:#333;
}
.brand h3 {
    color:#555;
}

section {
    /*margin-bottom:40px;
    width:100%;*/
    /* border: 1px crimson solid; */
}

header {
    margin-bottom:20px;
    color: #666;
}
header h1 {
    font-size: 2rem;
}
.descript {
    font-size: 12px;
    color: #333;
    padding: 10px 0px 20px;
}
div.row {
    width: 100%;
    /* height:25vh; */
    margin-bottom: 16px;
    display: flex;
    /* align-items: flex-start; */
    /* border:1px crimson solid; */
}
/** CONFLICTS WITH GUTENBERG */
/*
div figure {
    min-height:100px;
    max-height: 200px;
    min-width:200px;
    margin-right: 20px;
}*/

div.color-box{
    width:100%;
    /* height:400%; */
    /* background: cadetblue; */
}

/* SANTO */
/* === MAIN HEADS === */
.head-xxl {
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    font-size: 90px;
    line-height: 90px;
    /* font-size: 6.25em; */
    text-transform: uppercase;
	margin-bottom: 10px;
	color:#333;
}


.head-xl {
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    font-size: 60px;
    line-height: 60px;
    /* font-size: 3.75em; */
    text-transform: uppercase;
}

.head-lg {
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    font-size: 50px;
    line-height: 50px;
    /* font-size: 3.125em; */
    text-transform: uppercase;
}

.head-md {
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    font-size: 60px;
    line-height: 50px;
    /* font-size: 3.75em; */
    text-transform: uppercase;
	color: #333;
	margin-bottom: 10px;

}

.head-sm {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 48px;
    line-height:48px;
    /* font-size: 3.75em; */
    text-transform: uppercase;
	margin-bottom: 10px;
	color: #333;
}

.head-md-lower {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 60px;
    line-height: 60px;
    /* font-size: 3.75em; */
}


.head-sm-lower {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 48px;
    line-height:54px;
    /* font-size: 3.75em; */
}

.head-xs {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height:36px;
    /* font-size: 3.75em; */
    text-transform: uppercase;
}


.head-xs-lower {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 36px;
    line-height:36px;
    /* font-size: 3.75em; */
}

.head-xxs {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 30px;
    line-height:30px;
    /* font-size: 3.75em; */
    text-transform: uppercase;
}

.head-xxxs {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height:24px;
    /* font-size: 3.75em; */
    text-transform: uppercase;
}

.head-xxxs-lower {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height:30px;
    /* font-size: 3.75em; */
    /*text-transform: uppercase;*/
}

/* === SUB HEADS === */
.subhead-lg {
    font-family: 'Merriweather', serif;
    font-weight: 400;
    font-style: italic;
    font-size: 36px;
    line-height:36px;
    text-transform: capitalize;
	margin-bottom: 20px;
	color:#444;
}

.subhead-md {
    font-family: 'Merriweather', serif;
    font-weight: 400;
    font-style: italic;
    font-size: 32px;
    line-height:36px;
    text-transform: lowercase;
	color:#444;
}

.subhead-sm {
    font-family: 'Merriweather', serif;
    font-weight: 400;
    font-style: italic;
    font-size: 24px;
    line-height:28px;
    text-transform: lowercase;
	color:#444;
}

.subhead-xsm {
    font-family: 'Merriweather', serif;
    font-weight: 300;
    font-style: italic;
    font-size: 16px;
    line-height:22px;
    text-transform: lowercase;
	color:#555;
	margin-bottom: 10px;
}

.subhead-xxsm {
    font-family: 'Merriweather', serif;
    font-weight: 300;
    font-style: italic;
    font-size: 14px;
    line-height:20px;
    text-transform: lowercase;
	color:#555;
	margin-bottom: 10px;
}

/* === BODY TEXT === */
/* .body-lg {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height:26px;
} */
.body-lg {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height:28px;
	margin-bottom: 20px;
	padding: 10px 0px 20px 0;
	color:#333;

}
.body-lg-bolder {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height:26px;
}
.body-md {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height:26px;
  margin-bottom: 20px;
  padding: 10px 0px 20px 0;
  color:#333;
}
.body-md-no-margin {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height:26px;
  padding: 10px 0px 20px 0;
  color:#333;
}
.body-md-bolder {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height:32px;
}
.body-md-upper {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height:24px;
    text-transform: uppercase;
}

.body-sm {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height:18px;
}

.body-sm-bolder{
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height:18px;
}
.body-xsm {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height:18px;
}
.body-xxsm {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 10px;
    line-height:18px;
}
.body-sm-upper {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height:18px;
    text-transform: uppercase;
}
.body-xxsm-upper {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 10px;
    line-height:18px;
    text-transform: uppercase;
}
.body-xsm-upper {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height:18px;
    text-transform: uppercase;
}


/* === COLORS === */
.color0 {
    background: #fac532;
}
.color1 {
    background:#fab000;
}
.color2 {
    background:#333;
}
.color3 {
    background:#fff;
}
.color4 {
    background:#eee;
}
.color4_5 {
    background: #999999;
}
.color5 {
    background:#898989;
}
.color6 {
    background:#777;
}
.color6 {
    background:#555;
}
.color7 {
    background:#444;
}
.grey {
    color:#fff !important;
}


.btn{
    background: #fab000;
    font-family:'Oswald';
	font-weight:400;
      border: none;
      border-radius:5px;
      color: #333;
      padding: 10px 30px;
      /* padding:3% 6%; */
      /* padding: 1vmax 2vmax; */
      text-align: center;
      text-decoration: none;
      display: inline-block;
    text-transform: capitalize;
	outline:none;
  }
  .btn:hover {
      background: #333;
      color:#fff;
  }

  button.rev {
    background: #333;
    color:#fff;
  }
  button.rev:hover {
    background: #fab000;
    color:#333;
  }

button.rev-sq {
    background: #333;
    color:#fff;
  }
  button.rev-sq:hover {
    background: #fff;
    color:#333;
  }
/* === BUTTONS === */
/* .btn{
    background: #fab000;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
      border: none;
      border-radius:44px;
      color: #333;
      padding: 10px 30px;

      text-align: center;
      text-decoration: none;
      display: inline-block;
    text-transform: capitalize;
  }
  .btn:hover {
      background: #333;
      color:#fff;
  }

  button.rev {
    background: #333;
    color:#fff;
  }
  button.rev:hover {
    background: #fab000;
    color:#333;
  } */

.btn-lg {
    font-size: 24px;
    line-height:24px;
}
.btn-md {
    font-size: 20px;
    line-height:20px;
}
.btn-sm {
    font-size: 18px;
    line-height:18px;
    padding: 10px 25px;
    /* padding: .5vmax 1vmax; */
}

/* === SEARCH BAR === */

nav.searchbar {
    border: 1px solid #999999;
    border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
    /* max-width:1000px; */
    width:100%;
    display:flex;
    align-items: center;
    padding: 0 0 0 12px;
}




.fa-search {
    /* font-size: 3.75em; */
    font-size: 20px;
    color:#999999;
}

.search-input-field {
    padding: 0 12px;
    display:flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    color: #333;
    font-weight: 400;
    height: 44px;
    border: 0;
    outline:none;
    flex:2;
}

.btn-submit {
    background:#333;
    color:#fff;
    height:100%;
    border:none;
    padding: 0 20px;
    font-size: 18px;
    font-family: Roboto, sans-serif;
    border-left:1px solid #999999;
    /* border-right:1px solid #999999; */
    flex:1;
}

.btn-submit:hover {
    background:#fab000;
    color:#333;
}

.btn-submit a:hover {
    background:#fab000;
    text-decoration: none;
    color:#333;
}

.btn-submit a:link, .btn-submit a:visited {
    text-decoration: none;
    color:#fff;
}

.btn-drop-down {
    background:#fff;
    color: #777777;;
    height:100%;
    border:none;
    padding: 0 20px;
    font-size: 18px;
    font-family: Roboto, sans-serif;
    /* border-left:1px solid #999999;
    border-right:1px solid #999999; */
    flex:1;
}

.btn-drop-down:hover {
    background:#333;
    color:#fff;
}


.fa-chevron-down {
    /* font-size: 3.75em; */
    font-size: 20px;
    color:#777777;
    padding-left: 10px;
}

.btn-drop-down:hover .fa-chevron-down {
    color:#fff;
}

/*sabine test dropdown elements */
/* the container div */
.dropdown {
  position: relative;
  display: inline-block;
  height:100%;
  flex:1;
}



 .btn-drop-down-custom{
    background:#fff;
    color: #777777;;
    height:100%;
    border:none;

    font-size: 18px;
    font-family: Roboto, sans-serif;
    width:100%;
    border-left:1px solid #999999;
    /* border-right:1px solid #999999; */
    flex:1.33;
}

.btn-drop-down-custom:hover {
    background:#333;
    color:#fff;
}

.dropdown-login {
  position: relative;
  display: inline-block;
  height:100%;
  /*flex:.5;*/
  width:200px;

}

.btn-drop-down-login {
    background:#fff;
    color: #777777;;
    height:100%;
    border:none;
    /*padding: 0 20px;*/
    font-size: 18px;
    font-family: Roboto, sans-serif;
    width:100%;
    /*border-left:1px solid #999999;*/
  /*  border-right:1px solid #999999;*/

}

.btn-sub-login {
    background:#333;
    color: #ffffff;
    height:100%;
    border:none;
    /*padding: 0 20px;*/
    font-size: 18px;
    font-family: Roboto, sans-serif;
    width:100%;
    /*border-left:1px solid #999999;*/
  /*  border-right:1px solid #999999;*/

}
.btn-sub-login a{
  color: #ffffff;
  text-decoration: none;
  font-size: 18px;
  font-family: Roboto, sans-serif;
}

.btn-drop-down-login:hover {
    background:#fff;
    color:#fff;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  /*min-width: 160px;*/
  width:100%;
  box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
  z-index: 1;
  padding-top:2%;
  padding-bottom:2%;

}

.dropdown-subjects{
  display: none;
  position: absolute;
  background-color: #ffffff;
  /*min-width: 160px;*/
  width:100%;
  box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
  z-index: 1;
  padding:1%;
  left:0;

}
.in-drop{
  padding: 10px;
  font-size: 14px;
  font-family: Roboto, sans-serif;
  cursor:pointer;
}

.in-drop input{
  display:inline-block;
  margin-right:5px;
  border-radius : 0;
}
.in-drop:hover{
  background:rgba(250,176,0,0.4);
}

.selected-in-drop{
  background:rgba(250,176,0,0.4);
}
/*TEST */
.dropbtn{
  width:100%;
}
.dropbtn-stay{
  width:100%;
}

.dropdown-login:hover .dropdown-content {display: block;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown:hover .dropdown-subjects {display:flex; flex-wrap:wrap;}

.btn-grid, .btn-list, .btn-bell, .btn-bull {
    background:#fff;
    color: #777777;
    height:100%;
    border:none;
    padding: 0 20px;
    font-size: 18px;
    font-family: Roboto, sans-serif;
    border-left:1px solid #999999;
    /* border-right:1px solid #999999; */
    flex:.333;
}

.btn-list:hover, .btn-grid:hover,  .btn-bell:hover, .btn-bull:hover {
  background:#333;
  color:#fff;
}

.btn-list:hover .fa-list-ul, .btn-grid:hover .fa-th,  .btn-bell:hover .fa-clock, .btn-bull:hover .fa-bullhorn {
    color:#fff;
}

.fa-list-ul, .fa-th, .fa-bullhorn, .fa-clock {
    /* font-size: 3.75em; */
    font-size: 20px;
    color:#777777;
    /* padding-left: 10px; */
}

/* === FORM FEILDS === */
.text-input-field {
    padding: 0 12px;
    display:flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    color: #333;
    font-weight: 400;
    height: 44px;
    border: 1px solid #999;
    outline:none;
    /* displayed as block in the style guide but works bbetter as default inline element */
    display:block;
    /* width here in the style guide but better to use flex property in a flex parent for responsive design */
    /* flex:1 */
    width:50%;
    /* margin dependant on location of form */
    margin: 0 0 20px;
}
/*sabine addition */

/*sabine addition */
.text-area-input-field {
    padding: 0 12px;
  /*  display:flex;
    align-items: center;
    white-space: nowrap;*/
    overflow: auto;
    text-overflow: ellipsis;
    font-family: Roboto, sans-serif;
    font-size: 18px;
    color: #333;
    font-weight: 400;
    min-height: 200px;
    border: 1px solid #999;
    outline:none;
    /* displayed as block in the style guide but works bbetter as default inline element */
    display:block;
    /* width here in the style guide but better to use flex property in a flex parent for responsive design */
    /* flex:1 */
    width:45%;
    max-width:45%;
    min-width:45%;
    /* margin dependant on location of form */
    margin: 0 0 20px;
    min-height:30vh;

}
.select-input{
  padding: 0 12px;
  height:44px;
  display:flex;
  align-items: center;
  white-space: nowrap;
  overflow: auto;
  text-overflow: ellipsis;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  color: #333;
  font-weight: 400;
  /*height: 44px;*/
  border: 1px solid #999;
  outline:none;
  /* displayed as block in the style guide but works bbetter as default inline element */
  display:block;
  /* width here in the style guide but better to use flex property in a flex parent for responsive design */
  /* flex:1 */
  width:50%;
  /* margin dependant on location of form */
  margin: 0 0 20px;
}
.select-input-mul {
height:88px;
}

/*sabine addition */
.floatingFormElement{
    clear:both;
    float:right;
    margin-left:5%;
  }
  .inlineFormEl{
    display:inline-block;
  }
/*sabine for file upload */
  .btn-grey {
      background:#eeee;
      color:#fff;
      /* height:100%; */
      border:none;
      border-radius:44px;
      padding: 10px 30px;
      font-size: 18px;
      font-family: Roboto, sans-serif;
      flex:1;
  }

.btn-black {
    background:#333;
    color:#fff;
    /* height:100%; */
    border:none;
    border-radius:44px;
    padding: 10px 30px;
    font-size: 18px;
    font-family: Roboto, sans-serif;
    flex:1;
}

.btn-black:hover {
    background:#fab000;
    color:#333;
}

/** SABINE::ADDITION FOR HEADER + MAIN GRID */
/* MAIN GRID */
.grid-research-main{
  display: grid;
  grid-template-columns: 1fr repeat(11, 3% 1fr);
  position:relative;
  margin-top:8vh;
  /** test
  min-height:60vh; **/
}

/* FOR MAIN - -GIVE TOP SPACE */
.home-main{
  width:100%;
/*  margin-bottom: 100px;*/
  position:relative;
}



/*SABINE NAV GRID:: JUNE 1st */
.grid-nav-horiz {
	width: 100%;
	/* border: 1px solid orange; */

  /*new */

  display: grid;
  grid-template-columns: 1fr repeat(11, 3% 1fr);


	/*grid-template-columns: repeat(12, 1fr);
	grid-gap: 3vh;*/
	position: fixed;
	background: white;
	top: 0;
	left: 0;
	/*padding: 1.5% 3% 0.5% 3%;*/
	z-index: 15;
}

/* NEW NAV HORIZ AND LOGO:: JUNE 1st */
    .logo-abs {
        font-family: 'Oswald';
        font-weight: 600;
        font-size: 26px;
        display: inline;
        line-height: 32px;
    }


/* FOR MAIN */

    .nav-horiz{
       /*background:green;*/
      /*grid-column: 1/ 12;*/
      grid-column: 1/ span 21;
      /*position:absolute;*/
      z-index:16;
      /*width:100%;*/
      display:flex;
      justify-content: space-between;
      margin-top:3vh;
    }



    .nav-horiz ul{
        display:inline-block;
        margin-left:3vw;
        /*vertical-align: top;
        margin-top:8px;*/
    }
    .nav-horiz ul li{
      font-family:'Roboto';
      font-weight: 500;
      font-size:18px;
      display:inline-block;
      padding-left:14px;
      text-transform: capitalize;
      vertical-align:top;
      margin-top:1vh;

    }


    .nav-horiz a{
      text-decoration:none;
      color:#555555;
      cursor:pointer;
    }

     .nav-horiz a:hover {
       color:#fab000;
    }

    /* MOBILE NAV JUNE 12 */


    .nav-panel-over{
    position:absolute;
      left:0vw;
      top:19vh;
      z-index:15;
      display:none;
    }

    #navContainer{
      position:fixed;
      left:0px;
      top:0;
      width:100vw;
      height:100vh;
      z-index:14;
      display:none;
    }


    #openNav{
      /*font-family: 'Oswald';*/
      font-weight: 600;
      display: inline;
      line-height: 32px;
      font-size:26px;
      background: white;
      padding: 0px;
      color:#333333;
    }


        #openNav:hover{
          cursor:pointer;
        }

        #closeNav:hover{
          cursor:pointer;
        }


    #closeNav{
      font-family: 'Oswald';
      font-weight: 600;
      display: none;
      line-height: 32px;
      font-size:36px;
      /*background: #fab000;*/
      padding-right: 6px;
      color:#333333;
    }

    .absoluteNavSlide{
    /*  position:absolute;
      background:#fab000;
      width:0vw;
      height:100vh;
      top:0;
      left:0;
      opacity:0;*/
      position:absolute;
      background:#fac532;
      width:100vw;
      height:100vh;
      top:100vh;
      left:0;
      opacity:0;

    }



    .nav-list{
     text-decoration: none;
     list-style:none;
     color:#555555;

   }

    .nav-item a {
    text-decoration: none;
    transition: 0.3s;
    color:#555555;
    font-family:'Roboto';
    font-weight:600;
    font-size:32px;
    text-transform: uppercase;
   }

  .nav-item a:visited {
    color:#555555;
  }
   .nav-item a:hover {
      color:#ffffff;
      cursor: pointer;
   }



   .nav-item{
     position:relative;
     opacity:0;
     margin-bottom:2.0vh;
     left:0vw;

   }

   .nav-item .mob-icon {
     font-size:28px;
   }
   .mob-icon{
     padding-left:20px;
   }

   .nav-item .ext-icon {
     font-size:20px;
   }

/* HEADER*/
 .research-header-col1{
  grid-column:  3 / span 9;
  position:relative;
padding-bottom: 5%;
}

/* ADAPT
.research-header-col1{
  grid-column:  3 / span 7;
  position:relative;
  padding-bottom: 5%;

}*/
.underR{
  /*position:absolute;*/
  right:0;
  top:0;
  width:100%;
  z-index:1;
  margin-top:0vh;

}

.overR{
  position:absolute;
  right:0%;
  bottom:-20px;
  width:40%;

  z-index:2;
  transition:all .3s;

}
.overR-Message{
  position:absolute;
  right:0%;
  bottom:-20px;
  width:47%;

  z-index:2;
  transition:all .3s;

}
.overR-Research{
  position:absolute;
  right:0%;
  bottom:-20px;
  width:38%;

  z-index:2;
  transition:all .3s;

}

.research_header_col2{
 grid-column:  13 / span 9;
 position:relative;
}

/* ADAPT
.research_header_col2{
 grid-column:  11 / span 11;
 position:relative;
}*/


/**************   PILL BAR - BLOG | RESEARCH | MESSAGE BOARD   ****************/
.grid-search-bar{
  grid-column:  3 / span 19;
	position: relative;
	z-index: 5;
  }

/**********   CONTRIBUTE AREA - BLOG | RESEARCH | MESSAGE BOARD   *************/
.grid-contribute-area{
    grid-column:  3 / span 19;
    /* min-height:6vh; */
    margin-bottom: 12px;
    display:flex;
}

/*SANTO*/
.grid-topics-resultsContainer {
    grid-column: 3 / span 19;
    display: grid;
    grid-column-gap: 40px;
/*	SANTO: CHANGE TO MESSAGE RESULTS GRID */
/*   grid-template-columns: repeat(3, 1fr);*/
	grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
/*  using autofit doesn't require any media queries for the grid (width: 290px min and 1fr max)*/
/*	295px fits 2 on an ipad and 1 on a phone */
    grid-auto-flow: row;
    grid-row-gap: 32px;
    /* margin: 2vh 0 4vh; */
    margin-top: 32px;
    margin-bottom: 48px;
}


.nbgn-member-profile-edit {
    grid-column: 3 / span 19;
    display: grid;
    grid-column-gap: 40px;
    grid-template-columns: repeat(1, 1fr);
    grid-auto-flow: row;
    grid-row-gap: 32px;
    /* margin: 2vh 0 4vh; */
    margin-top: 32px;
    margin-bottom: 48px;
}

/*SANTO :; TRYING FOR RESEARCH*/

.grid-research-resultsContainer{
  grid-column: 3 / span 19;
  display: grid;
  grid-column-gap: 40px;
/*	SANTO: CHANGE TO MESSAGE RESULTS GRID */
/*grid-template-columns: repeat(3, 1fr);*/
grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
/*  using autofit doesn't require any media queries for the grid (width: 290px min and 1fr max)*/
/*	295px fits 2 on an ipad and 1 on a phone */
  grid-auto-flow: row;
  grid-row-gap: 32px;
  /* margin: 2vh 0 4vh; */
  margin-top: 32px;
  margin-bottom: 48px;
}

.grid-research-focus-resultsContainer{
  grid-column:  3 / span 19;
 display: grid;
 grid-column-gap:40px;
 grid-template-columns: repeat(3, 1fr);
 grid-auto-flow: row;
 grid-row-gap:45px;
 margin-top: 32px;
 margin-bottom: 48px;
}

/*SANTO :; TRYING FOR BLOG*/
.grid-blog-resultsContainer {
    grid-column: 3 / span 19;
    display: grid;
    grid-column-gap: 40px;
/*	SANTO: CHANGE TO MESSAGE RESULTS GRID */
/*    grid-template-columns: repeat(3, 1fr);*/
	grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
/*  using autofit doesn't require any media queries for the grid (width: 290px min and 1fr max)*/
/*	295px fits 2 on an ipad and 1 on a phone */
    grid-auto-flow: row;
    grid-row-gap: 32px;
    /* margin: 2vh 0 4vh; */
    margin-top: 32px;
    margin-bottom: 48px;
}

.result-box_span1{
  color: #000000;
  padding: 0px;
  grid-column: span 1;
  position:relative;
}

.result-box_span2{
  color: #000000;
  padding: 0px;
  grid-column: span 2;
  position:relative;
}

/* the divider*/
.line-divider{
  background:black;
  border-width:0;
  height:1px;
  padding:0px;
  margin:0px;
}

.top-bar{
  /* background:#ffffff; */
  display:flex;
  padding-top:.5vmax;
  padding-bottom:.5vmax;
}

._br{
  margin-left:2%;
  margin-right:2%;
  border-style:solid;
  border-width:1px;
  color:#aaaaaa;
}

/* research-specific columns */
.research-col-1{
  width:40%;
}
.research-col-2{
  width:55%;
}
.research-col-3{
  width:5%;
  text-align: center;
}
.research-col-2to3{
  width:60%;
}
.research-col-1to3{
  width:100%;
}

.top-bar-research{
  background:#333;
  display:flex;
  padding-top:.5vmax;
  padding-bottom:.5vmax;
  color:#ffffff;
  padding-left:.5vmax;
  padding-right:.5vmax;
}

.research-content{
  display:flex;
  padding-top:.5vmax;
  padding-bottom:.5vmax;
  padding-left:.5vmax;
  padding-right:.5vmax;
}
/* blog specific */
.top-bar-blog{
  /* background:#ffffff; */
  background:#333;
  display:flex;
  padding-top:.5vmax;
  padding-bottom:.5vmax;
  color:#ffffff;
  padding-left:.5vmax;
  padding-right:.5vmax;
}
.blog-col-1{
  width:75%;
}
.blog-col-2{
  width:5%;
  text-align:center;
}
.blog-content-box{
  padding-bottom:1vmax;

}
.blogFigure{
  height:250px; /*ideal*/
  overflow:hidden;
}
.innerBlogFigure{
/*  height:600px;
  overflow:hidden;*/

}


.innerBlogFigure img{
   display: block;
   height:auto;
   width:100%;
}


.blogFigure img{
   display: block;
   height:auto;
   width:100%;
}
.blog-content-box h2{
  padding-top:1.5vmax;
  padding-bottom:1vmax;
}

/* BLOG FOCUS */

.blog-colA{
  color: #000000;
  padding: 0px;
  grid-column: 1/ 3;
}

/* .blog-colA img{
  width:100%;
  display:block;
  margin-bottom:2vh;
} */

.blog-colB{
  color: #000000;
  padding: 0px;
  grid-column: span 1;
}

.blog-right-col-inner{
  color: #000000;
  padding: 0px;
  margin-bottom:45px;
  position:relative;
}



/* research-focus */

.top-bar-research-focus{
  background:#333;
  display:flex;
  padding-top:.5vmax;
  padding-bottom:.5vmax;
  color:#ffffff;
  padding-left:.5vmax;
  padding-right:.5vmax;
  justify-content: space-between;

}

.research-colA{
  color: #000000;
  padding: 0px;
  grid-column: 1/ 3;


}
.research-colB{
  color: #000000;
  padding: 0px;
  /*grid-column: 2 /5;*/
  grid-column: span 1;
  padding-bottom:5vmax;
}

.res-in-col-1{
  width:30%;
}
.res-in-col-2{
  width:8%;
  text-align:center;
}

.res-in-content-box{
  padding-bottom:1vmax;
  width:100%;
  display:flex;
  flex-wrap: wrap;
}
.res-in-left-col-inner{
  color: #000000;
  padding:0px;
  margin-bottom:45px;

}
.res-in-content-box-focus{
  padding-bottom:1vmax;
  width:100%;
  position:relative;
  }


  /* === INDEX BOTTOM SECTION === */
  /* --- Index About --- */
  		.index_about, .index_message,.index_gallery {
  			width:100%;
  			height:70vh;
  /*			height:auto;*/
  			grid-column: 1 / 12;
  			grid-row: 3 /4;
  			background:#fff;
  			display: grid;
  			grid-template-columns: repeat(11, 1fr);
  			grid-template-rows: repeat(3, auto);
  		/*	grid-template-rows: repeat(5, 1fr);*/
  		/*    grid-template-rows: 25vh 25vh 25vh 25vh 10vh;*/
  			grid-column-gap: 3%;
  			position:relative;
  			padding:3%;
  			z-index: 1;
  		}

  .in_ab_bg {
  	grid-column: 4 / 11;
  	grid-row: 1 /4;
  	width:100%;
  	height:100%;
  	object-fit: cover;
  	object-position: 100% 50%;
  }
  /*

  */
  		.in_ab_txt_container {
  			grid-column: 2 / 7;
  			grid-row: 2 /3;
  			z-index: 3;
  			padding: 40px;
  			background:rgba(247,187,9,.85);
  		}
  /* --- Index Blog --- */
  	.index_blog, .index_research {
  			width:100%;
  			height:70vh;
  /*			height:auto;*/
  			grid-column: 1 / 12;
  			grid-row: 4 /5;
  			background:#fff;
  			display: grid;
  			grid-template-columns: repeat(11, 1fr);
  			grid-template-rows: repeat(3, 1fr);
  		/*	grid-template-rows: repeat(5, 1fr);*/
  		/*    grid-template-rows: 25vh 25vh 25vh 25vh 10vh;*/
  			grid-column-gap: 3%;
  			position:relative;
  			padding:3%;
  			z-index: 1;
  		}

  	.in_blog_bg {
  		grid-column: 2 / 9;
  		grid-row: 1 /4;
  		width:100%;
  		height:100%;
  		object-fit: cover;
  		object-position: 50% 50%;
  	}

  	.in_blog_txt_container {
  			grid-column: 6 / 11;
  			grid-row: 2 /3;
  			z-index: 3;
  			padding: 40px;
  			background:rgba(247,187,9,.85);
  		}

  /* --- Index Message --- */
  .index_message {
  	grid-row: 5 /6;
  }

  /* --- Index Research --- */
  .index_research {
  	grid-row: 6 /7;
  }

  /* --- Index Gallery --- */
  .index_gallery {
  	grid-row: 7 /8;
  }

/****************   FINAL RESEARCH CONTRIBUTE UPLOAD FORM    ******************/
/************              RS JUNE 9TH 2020                      **************/
.contFlex{
  display:flex;
  margin-bottom:5vh;
}
.uploadResForm{
  /*width:100%;*/
  grid-column:  3 / span 19;
  margin-bottom:20px;
  display:none;
  padding:1%;
  border:none;
}
.colA-cont{
  width:20%;
}
.colB-cont{
  width:80%;
}

/**************   FINAL RESEARCH CONTRIBUTE LOADER ANIMATION   ****************/
/************              RS JUNE 9TH 2020                      **************/
/* .loader {
  border: 16px solid #f3f3f3;
  border-top: 16px solid #3498db;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
  position:absolute;
  left:0px;
  top:0px;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
} */

/**************** FINAL MESSAGE BOARD LAYOUT FOR TOPIC VIEWS ******************/
/************                 JUNE 9TH 2020                      **************/

.message-box-topic-grid {
  color: #000;
  padding: 0px;
  grid-column: span 1;
  position:relative;
  /*border-right: 4px solid rgba(250,197,50,1.0);*/
  display:grid;
  /*  grid-template-columns: repeat(3, 1fr);*/
  grid-template-columns: 36% 36% 28%;
  height: min-content;
}

.message-box-topic-title-grid {
  width: 100%;
  grid-column: 1 / 3;
}

.message-box-topic-bar-grid {
  color: #FFF;
  /* display:flex;
  justify-content: space-between; */
  padding-top:10px; /* .5vmax */
  padding-right:12px;
  padding-bottom:10px;
  padding-left:12px;
  background-color: #555;
}

.message-box-topic-bar-grid p{
  color: #FFF;
}

.message-box-topic-stats-grid {
  background-color: #fcfcfc;
  border-bottom: 1px solid gainsboro;
  border-left: 1px solid gainsboro;
  text-align: center;
  grid-row: 2 / 3;
}

.message-box-topic-stats-grid p {
  color:  #999999; /* darkgray */
  padding:8px;
}

.message-box-topic-stats-col-1to2-grid {
  grid-column: 1 / 2;
}

.message-box-topic-stats-col-2to3-grid {
  grid-column: 2 / 3;
}

.message-box-topic-stats-col-voices-grid {
  grid-column: 3 / span 1;
  grid-row: 1 / span 2;
  border-right: 4px solid rgba(250,197,50,1.0);
  border-top: 1px solid gainsboro;
  background-color: #fcfcfc;
}

.message-box-topic-content-grid{
  /* display:flex; */
  grid-column: 1 / span 3;
  background-color: #fcfcfc;
  padding-top:4px; /* .5vmax */
  padding-right:12px;
  padding-bottom:16px;
  padding-left:12px;
}

.message-box-topic-content-grid p{
  /* word-break: break-all; */
  overflow-wrap: break-word;
}

.message-box-topic-content-10vh-grid{
  min-height:10vh;
}

.message-box-topic-comments-grid {
  padding: 12px 0 16px 0;
  text-align: center;
}

.message-box-topic-comments-grid .message-box-topic-commentbg-grid {
  background-color: #555;
  border-radius: 4px;
  display: inline-block;
  padding: 12px 12px;
  color: #ffffff;
  font-size: 14px;
  font-family: 'Open Sans Bold', sans-serif;
  position: relative;
  min-width:50%;
}

.message-box-topic-mark-grid {
  width: 12px;
  height: 12px;
  background-color: #555;
  position: absolute;
  bottom: 0;
  left: 42%;
  margin-bottom: -5px;
  transform:rotate(45deg);
  -ms-transform:rotate(45deg); /* IE 9 */
  -webkit-transform:rotate(45deg); /* Opera, Chrome, and Safari */
}

/**************** FINAL MESSAGE BOARD LAYOUT FOR POST VIEWS *******************/
/************                 JUNE 6TH 2020                      **************/
.message-box-post{
  color: #000;
  padding: 0px;
  grid-column: 2 / span 2;
  position:relative;
  background-color: #fafafa;
  display:flex;
  /*important*/
  flex-wrap:wrap;
  height: min-content;
}

.message-box-post-inner-right{
  width:80%;
  flex-grow: 100;
  position:relative;
}

.message-box-post-inner-left{
  min-width: 18%; /* min-width:16%; */
  max-width: 20%; /* min-width:16%; */
  border-left: 1px solid gainsboro;
  border-top: 1px solid gainsboro;
  border-bottom: 1px solid gainsboro;
  background: #fcfcfc; /* #EFEFEF */
}

.message-box-post-inner{
  color:  #999999; /* darkgray */
  width:100% !important;
}

.message-box-post-inner-orange-border {
  border-right: 4px solid rgba(250,197,50,0.4);
}

.message-box-post-avatar-place {
    padding: 12px 0 12px 0;
}

.message-box-post-avatar {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  background: white;
  border: 2px solid #fac532;   /* #fac532; */
  vertical-align: middle;
}

.message-box-post-stats {
  width:100%;
  border-bottom: 1px solid gainsboro;
  text-align:center;
  vertical-align: middle;
}

.message-box-post-stats p {
  color:  #999999; /* darkgray */
  padding-top:0px;  /* 12px */
 padding-left:6px;  /* 12px */
 padding-right:6px;  /* 12px */
 padding-bottom:12px; /* 12px */
/*padding: 12px 12px 2px;*/
  word-break: break-all;
}

.message-box-post-stats-no-border {
  border-bottom: 0px solid gainsboro;
}

.message-box-post-bar{
  color: #FFF;
  display:flex;
  justify-content: flex-end;
  padding-top:10px; /* .5vmax */
  /* padding-right:12px; */
  padding-bottom:10px;
  padding-left:12px;
  background-color: #555;
  flex-wrap:wrap;
}

.message-box-post-bar-inner{
  color: #777;
  display:flex;
  justify-content: flex-end;
  padding: 8px;
  background-color: #fafafa;
}

.message-box-post-bar p{
  color: #FFF;
}

.message-box-post-content{
  /* display:flex; */
  background-color: #fafafa;
  padding-top:10px; /* .5vmax */
  padding-right:12px;
  padding-bottom:16px;
  padding-left:12px;
}

.message-box-post-breathe {
  padding-left:12px;
  padding-right:12px;
}

.message-box-post-title {
  width:100%;
  background-color: #FFF;
}

.bar{
  /* margin-top: 3.25px; */
  margin-bottom: 3.25px;
  width: 100%;
  height: 1px;
  background-color: gainsboro;
  border:none;
}

.message-box-content-10vh{
  max-height:10vh;
  overflow: auto;
}

/********************** RANGE SLIDER FOR RESEARCH SEARCH  *********************/
/************                RS PRE JUNE 6TH 2020                **************/
/* the button */
.btn-range-slide {
    background:#fff;
    color: #777777;;
    height:100%;
    border:none;
    padding-top:12px;
    padding-left:2vmax;
    border-left:1px solid #999999;
    /*  border-right:1px solid #999999; */
    flex:1.66;
}

#range-slider-year{
  border:none;
  background:#eeeeee;
  margin-left:4%;
  margin-right:3%;
  width:65%;
  display:inline-block;
}

.ui-widget-header{
  background:#fab000;
}
.ui-slider-horizontal .ui-slider-range{
  height:2px;
}
.ui-widget-content{
  background:#fab000;
  height:2px;
}

.ui-slider .ui-slider-handle{
  background:#fab000;
  border-radius: 50%;
  top:-.3em;
  width:.8em;
  height:.8em;
  border:none;
}

#yearStart,#yearEnd{
  display:inline-block;
    font-size: 14px;
    font-family: Roboto, sans-serif;
}

/**********************     TOOLTIP FOR HOVER ACTION      *********************/
/************               RS PRE JUNE 6TH 2020                 **************/
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
 visibility: hidden;
  /*width: 5vw;*/
  background-color: #fab000;
  color: #000000;
  text-align: center;
  padding: 10px;
  position: absolute;
  z-index: 1;
  bottom: 170%;
  left: -50%;
  /*margin-left: -3vw;*/
  font-size: .65vmax;
  font-family: Roboto, sans-serif;
  font-weight:400;
  text-transform:uppercase;

}
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #fab000 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

/*santo*/
/* links */
a:link.box {
/*	font-family: 'Roboto', sans-serif;*/
	/*font-weight: 400;
	font-size: 16px;*/
	color:#fab000;
}
a:visited.box {
	color:#fab000;
/*	color:#777;*/
}

a:hover.box {
	color:#555;
}

/*sabine:: white links*/
/* links */
a:link.box-white {
/*	font-family: 'Roboto', sans-serif;*/
	/*font-weight: 400;
	font-size: 16px;*/
	color:#ffffff;
}
a:visited.box-white {
	color:#ffffff;
/*	color:#777;*/
}

a:hover.box-white {
	color:#fab000;
}

/* sabine grey-orange links */
a:link.box-orange {
/*	font-family: 'Roboto', sans-serif;*/
	/*font-weight: 400;
	font-size: 16px;*/
	color:#777777;
}
a:visited.box-orange {
	color:#777777;
/*	color:#777;*/
}

a:hover.box-orange {
	color:#fab000;
}

/*email icon*/
.email-blog:hover{
  	color:#fab000;

}


/* login+register styles*/


.overAbout {
	position:absolute;
  	right:10%;
  	bottom:0%;
  	width:90%;
  	z-index:-1;
  	transition:all .3s;
/*	border:1px solid cadetblue;*/
}

.underAbout {
	position:absolute;
 	right:0;
  	top:0;
  	width:100%;
  	z-index:-1;
  	margin-top:10vh;
/*! grid-column: 1/7; */
}


/*SANTO:: ABOUT GRID*/

.grid-about-main{
	width:100%;
	min-height: 100vh;
    height: auto;
/*	border:1px solid red;*/
  	display: grid;
 	grid-template-columns: repeat(11, 1fr);
	grid-template-rows: 10vh 90vh ;
/*    grid-template-rows: 10vh 90vh auto auto auto auto ;*/
	grid-column-gap: 1.5%;
  	position:relative;
}
/*
.grid-about-main{
	width:100%;
	min-height: 100vh;
    height: auto;
	border:1px solid red;
  	display: grid;
 	grid-template-columns: repeat(11, 1fr);
    grid-template-rows: 100vh auto auto;
	grid-gap: 3%;
  	position:relative;
}*/

.about-header-col1{
  grid-column:  1 / 7;
	grid-row:1 / 3;
  position:relative;
/*border:1px solid green;*/
/*  padding-bottom: 5%;*/
}
/*
.about-header-col1{
  grid-column:  1 / 7;
  position:relative;
border:1px solid green;
  padding-bottom: 5%;

}*/
/*
.about_header_col2{
	grid-column:  7 / 11;
	position:relative;
	margin-top:10vh;
	background:#fff;
}*/

.about_header_col2{
	grid-column:  7 / 11;
	grid-row: 2 / 3;
	position:relative;
/*	margin-top:10vh;*/
	background:#fff;
}



/**********************      ABOUT BOTTOM SECTION         *********************/
/************               S.RO JUNE 22ND 2020  & JULY 11                **************/

.about_people {
	width:100%;
	grid-column: 1 / 12;
    grid-row: 3 /6;
	background:#fff;
    display: grid;
 	grid-template-columns: repeat(11, 1fr);
/*	grid-template-rows: repeat(5, 1fr);*/
/*    grid-template-rows: .1vmax repeat(4, 1fr);*/
	grid-gap: 3vmax;
  	position:relative;
	margin:3vmax 0;
	z-index: 1;
}

/* ---- New About Info July 8 ---- */
.about_large {
	grid-column: 2/11;
}
.about_small {
	grid-column: 6/10;
	border-top: 1px solid #999;
	padding-top: 1.5vmax;
}


.head-about-lg {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 3vmax;
    line-height: 3.7vmax;
	color:#333;
}

.body-about-md {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height:26px;
	margin-bottom: 20px;
/*	padding: 10px 0px 20px 0;*/
	color:#333;
}

.body-about-sm {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height:22px;
	margin-bottom: 20px;
	padding: 10px 0px 20px 0;
	color:#333;
}

/*.person-about {width:50%; margin-bottom: 10px;}*/

hr {
  border: 4px solid #fab000;
}

/*.p_container1 {
    grid-column: 2 / 6;
    grid-row: 2 /4;
    background:#fff;
}
.p_container2 {
    grid-column: 7/ 11;
    grid-row: 3 /5;
    background:#fff;
}
.p_container3 {
    grid-column: 2/ 6;
    grid-row: 4 /6;
    background:#fff;
}
.p_container4 {
    grid-column: 7/ 11;
    grid-row: 5 /7;
    background:#fff;
}*/


/* 404 */
.over404 {
	position:absolute;
  	left:50%;
  	top:50%;
	transform: translate(-50%, -60%);
  	width:70%;
  	z-index:2;
  	transition:all .3s;
	border:1px solid cadetblue;
}

/**********************          USER FLOW STYLES         *********************/
/************               BE PRE JUNE 6TH 2020                 **************/
.user-flow-box {
  color: #000000;
  padding: 20px 20px 20px 20px;
  margin-bottom:24px;
  /* grid-column: span 1; */
  /* position:relative; */
  /* border-left: 4px solid #999999; */
  background-color: #fcfcfc;
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
}

.user-flow-box-profile {
  color: #000000;
  padding: 20px 20px 20px 20px;
  margin-bottom:24px;
  background-color: #fcfcfc;
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
  min-width:48%;
  background:#fcfcfc;
}

.user-flow-box-profile-margin-left {
  margin-left:16px;
}

.user-flow-box-profile-margin-right {
  margin-right:16px;
}

.user-flow-box-notice {
  color: #000000;
  padding: 20px 20px 20px 20px;
  margin-bottom:24px;
  /* grid-column: span 1; */
  /* position:relative; */
  border-left: 4px solid rgba(250,197,50,1.0);
  background-color: #fcfcfc;
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
}

.user-flow-box-error {
  color: #000000;
  padding: 20px;
  margin-bottom:20px;
  /* grid-column: span 1; */
  /* position:relative; */
  border-left: 4px solid #dc3232;
  background-color: #fcfcfc;
  box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2);
}

.user-flow-h3 {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 300;
  margin-top: -32px;
  font-size: 32px;
  margin-top:12px;
  margin-bottom:20px;
}

.user-flow-box-error-p {
  padding-bottom: 6px;
}

.user-flow-box-submit-p {
  padding-top: 20px;
}

/*******************     BBPRESS: TURN OFF AVATAR ICON      ********************/
/************                 BE JUNE 6TH 2020                    **************/
.bbp-author-avatar {
  display:none;
}

/*******************         BBPRESS: TOPIC TAGS            ********************/
/************                 BE JUNE 24TH 2020                   **************/
#tags, .nbgn-topic-specific-tags {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  height: min-content;
}

.nbgn_tagged {
  text-decoration: none;
  color: #333;
  margin:4px;
  padding-top: 4px;
  padding-right: 8px;
  padding-bottom: 4px;
  padding-left: 8px;
  border-radius: 5px;
}

/****************************** BBP TAG STYLE *********************************/
/****************************** BE JUNE 24TH  *********************************/
.subhead-xxxsm {
    font-family: 'Merriweather', serif;
    font-weight: 300;
    font-style: italic;
    font-size: 12px;
    line-height:20px;
    text-transform: lowercase;
	color:#555;
	margin-bottom: 10px;
}

/***********  RESEARCH| BLOG| MESSAGE BOARD PAGINATION STYLES   ****************/
/************                   RS JUNE 2ND 2020                  **************/
select {
  padding: 0 12px;
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  color: #333;
  font-weight: 400;
  height: 44px;
  border: 1px solid #999;
  outline: none;
  display: block;
  /* flex: 1; */
  width: 50%;
  margin: 0 0 20px;
}

.word-breaker {
  overflow-wrap: break-word;
}

.word-breaker-all {
  /* word-break: break-all; */
  word-break: break-word;
}

.bbp-reply-content p   {
  margin: 0 0 1em 0;
}

.bbp-reply-content img {
  max-width: 100%;
  height: auto;
  display: block;
}

.d4p-bbt-quote-title p   {
  margin: 0 0 1em 0;
}

.d4pbbc-quote p   {
  margin: 0 0 1em 0;
}

.bbp-attachments img {
  max-width: 100%;
  height: auto;
  display: block;
}

.bbp-attachments a:link.box {
/*	font-family: 'Roboto', sans-serif;*/
	/*font-weight: 400;
	font-size: 16px;*/
	color:#fab000;
}
.bbp-attachments a:visited.box {
	color:#fab000;
/*	color:#777;*/
}

.bbp-attachments a:hover.box {
	color:#555;
}

div.bbp-template-notice, div.indicator-hint, div.bbp-mt-template-notice  {
  border-width: 1px;
  border-style: solid;
  padding: 0.3em 0.3em;
  margin: 3px 0 12px;
  border-radius: 4px;
  background: rgba(250, 176, 0, 0.1);
  border-color: #fab532;
  color: #000;
  clear: both;
  /* background-color: #ffffe0;
border-color: #e6db55; */
}

.bbp-template-notice li { list-style: none; }
.bbp-pagination-links-grid-2-col { grid-column: 2 / span 2; }
.bbp-pagination, .bbp-pagination-links {margin-right:0; margin-left:auto; float: none; list-style: none; display: inline; margin-top: auto; margin-bottom: auto;}
.pagination-container {margin-right:0; margin-left:auto; margin-top: auto; margin-bottom: auto;}
.page-numbers {list-style:none; font-size:12px;font-family: 'Roboto';font-weight: 500;color:white;}
.page-numbers li { display:inline; }
.page-numbers li a {text-decoration: none; display:block; float:left; padding:4px 9px; margin-right:7px; border:1px solid #efefef; border-radius:4px;background:rgba(250,176,0,0.6);}
.page-numbers li a.next {border:0px; background:none !important; color:rgba(250,176,0,1.0); font-size:18px;font-weight: 400;}
.page-numbers li a.prev {border:0px; background:none !important; color:rgba(250,176,0,1.0); font-size:18px;font-weight: 400;}
/*.page-numbers li a.prev {border:0px;border-radius: 50%; padding:4px 8px;background:#999999;}*/

.page-numbers li span.current { display:block; float:left; padding:4px 9px; margin-right:7px; border:1px solid #efefef; background-color:rgba(250,176,0,0.2); color:#777777 }
.page-numbers li span.dots { display:block; float:left; padding:4px 9px; margin-right:7px;background:#999999;  }

/******************** MEMBER PROFILE NAVIGATION ROW  **************************/
#profile_nav_mobile {
  display: none;
}

/* ======================================= */
/* ========== FOOTER INFO ================ */
/* ======================================= */


/* static and dynamic pages have different grid column numbers*/
footer.static {
	background:#fac532;
	width: 100%;
	grid-column: 1 / 12;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-column-gap: 3%;
	position: relative;
	padding: 3%;
	z-index: 1;
}

footer.dynamic {
	background:#fac532;
	width: 100%;
	grid-column: 1 / 24;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-column-gap: 3%;
	position: relative;
	padding: 3%;
	z-index: 1;
}


footer .description {
	/*grid-column: 1 / 3;*/
  grid-column: 1 / 4;

}

footer .footnav {
	/*grid-column: 3 / 5;*/
  grid-column: 4 / 8;
}

footer .footnewsletter {
	/*grid-column: 5 / 9;*/
  grid-column: 8 / 12;
}

/* footer .footcontact {
	grid-column: 9 / 13;
} */



.footform {
	display:flex;
	align-items: flex-start;
}

.footnav a:link, .footnav a:visited {
	color: #555;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	display: block;
	text-decoration: none;
	margin-bottom: 4px;
	padding-bottom: 2px;
	border-bottom: dotted 1px #555;
/*	transition:all .2s;*/
}

.social-res-blog-mes a:link, .social-res-blog-mes a:visited {
	color: #555;
	/* font-family: 'Roboto', sans-serif;
	font-size: 14px; */
	display: inline-flex;
	text-decoration: none;
	margin-bottom: 4px;
	padding-bottom: 2px;
/*	transition:all .2s;*/
}

.social-res-blog-mes{
  margin-top:10px;
}

.footnav .social-footer a:link{
  font-family: 'Roboto', sans-serif;
  font-size: 22px;
  display: inline-block;
  text-decoration: none;
  color: #555;
  padding-left:12px;
  border: none;
}

.footnav .social-footer a:hover, .footnav .social-footer a:active{
  color: #fff;
	border: none;
}

.footnav a:hover, .footnav a:active {
	color: #fff;
	border-bottom: dotted 1px #fff;
}

.social-res-blog-mes a:hover, .social-res-blog-mes a:active{
  color: #fff;
	border: none;
}

.btn-foot {
    background:#333;
    color:#fff;
    /* height:100%; */
    border:none;
	outline: none;
    border-radius:0 4px 4px 0;
    padding: 11px 30px 12px 30px;
    font-size: 14px;
    font-family: Roboto, sans-serif;
    flex:1;
	cursor:pointer;
	transition: all .3s;
}

.btn-foot-callout {
    background:#333;
    color:#fff;
    /* height:100%; */
    border:none;
	outline: none;
    border-radius:4px 4px 4px 4px;
    padding: 11px 30px 12px 30px;
    font-size: 14px;
    font-family: Roboto, sans-serif;
    flex:1;
	cursor:pointer;
	transition: all .3s;
}

.btn-foot:hover, .btn-foot-callout:hover {
/*    background:#fff;*/
    color:#fab000;
/*	border-left: 1px #333 solid;*/
}
.text-input-field:focus, .text-input-field-sm:focus {
	outline: none;
}

.text-input-field-sm {
	display: flex;
	align-items: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: Roboto, sans-serif;
	font-size: 14px;
	color: #333;
	font-weight: 400;
/*	height: 40px;*/
	padding: 10px 30px 10px 20px;
	border: none;
	border-radius: 4px 0 0 4px;
	outline: none;
	flex: 2;
	width: 100%;
	margin: 0 0 20px;
}

/** Post content specific
.blog-post-template-default > * article p{
  margin-bottom:20px;

}
.blog-post-template-default article > * a{
  color:#fab000;

}

.page-template-NBGN-About > * p a{
  color:#fab000;

}**/

/**********************     WORDPRESS ISMOBILE       ***************************/
/************                   RS JUNE 2ND 2020                  **************/
.isMobile {
  display:none;
}

/*MESSAGE BOX COMMENT*/
.message-box-comment{
color: #000;
padding: 0px;
grid-column: 2 / span 2;
position: relative;
background-color: #fafafa;
display: flex;
/*flex-wrap: wrap;*/
height: min-content;
}
/** COMMENTS :: BLOG POST */

.grid-comment-area{
    grid-column:  3 / span 19;
    display:block;
}

.grid-comment-area .pagination-container{
  float:right;
}
.comment-form-comment{
  margin:12px;
  padding:12px;
  margin-top:0px;
}

.comment-form-comment textarea{
  width:100%;
  padding:8px;
  resize:none;
}

.comment-form-comment label{
  font-family: 'Merriweather', serif;
  font-weight: 300;
  font-style: italic;
  font-size: 16px;
  line-height:22px;
  text-transform: lowercase;
  color:#ffffff;
  margin-bottom: 10px;
  display:block;

}
.comment-form .form-submit input[type="submit"]{

   background: #fab000;
   font-family:'Oswald';
   font-weight:400;
    border: none;
    border-radius:5px;
    color: #333;
  /*  padding: 10px 30px;*/
    /* padding:3% 6%; */
    /* padding: 1vmax 2vmax; */
    text-align: center;
    text-decoration: none;
    display: inline-block;
    text-transform: capitalize;
    outline:none;


  font-size: 18px;
  line-height:18px;
  padding: 10px 25px;

  margin-left:24px;
  margin-bottom:8px;

}
.comment-respond{
  margin-top: 32px;
  margin-bottom:24px;
  background:#333333;
  padding:0;
  padding-bottom:12px;
  padding-left:8px;
  padding-right:8px;

}
.comments-area{
  width:100%;
}
.clear-fix{
  clear:both;
}
/* #mobileComments{
  display:none;
} */
.must-log-in{
  font-family: 'Merriweather', serif;
  font-weight: 300;
  font-style: italic;
  font-size: 16px;
  line-height:22px;
  text-transform: lowercase;
  color:#ffffff;
  margin-bottom: 10px;
  display:block;
}
.must-log-in a{
  color:#fab000;
}

/** style for blog images - custom */

.blog-colA article h1, .blog-colA article h2, .blog-colA article h3, .blog-colA  article h4, .blog-colA article h5, .blog-colA article h6 {
	clear: both;
  margin-bottom: 1.5em;
}

.blog-colA article p {
	margin-bottom: 1.5em;
color:#333333;
}

.blog-colA article dfn, .blog-colA article cite, .blog-colA article em, .blog-colA article i {
	font-style: italic;
}

.blog-colA article blockquote {
	/*margin: 0 1.5em 1.5em 0;
  padding: 1.5em 1.5em 1.5em 1.5em;
  background:#fac532;*/

  margin: 1.5em;
   padding: 1.5em 1.5em 1.5em 1.5em;
   background: #fac532;
   font-size: 32px;
   line-height: 38px;
}

.blog-colA article blockquote p{
  margin-bottom:0;
  color:#333333;
}

.blog-colA article address {
	margin: 0 0 1.5em;
}

.blog-colA article pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

.blog-colA article code, .blog-colA article kbd, .blog-colA article tt, .blog-colA article var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

.blog-colA article ul, .blog-colA article ol {
	margin: 0 0 1.5em 3em;
}

.blog-colA article ul {
	list-style: disc;
}

.blog-colA article ol {
	list-style: decimal;
}

.blog-colA article li > ul,
.blog-colA article li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

.blog-colA article a{
  color:#fab000;
  text-decoration:none;
}

/***** GUTENBERG *****/
/* .blog-colA article img{
  max-width:100%;
  height:auto;
} */

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }


/* ======================================= */
/* ========== GALLERY INFO ============ */
/* ======================================= */

.btn-sm {
/*	a smaller submit btn  */
    flex:.5;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border:none;
	outline:none;
}
.over-gallery {
/*	nudge this new img */
	right:1%;
}
.gallery_container {
/*	padding: 0 6px;*/
	-webkit-column-count:4;
	column-count: 4;
	column-gap: 14px;
}

.gallery_pic {
/*	border-top:10px solid #444;*/
	box-shadow: 0 0 1px #999;
/*	background:#eee;*/
	  margin-bottom: 14px;
	border-radius: 4px;
/*	overflow: hidden;*/
	position: relative;
}

.gallery_pic img {
	width:100%;
	position:relative;
	top:0;
	left:0;
	z-index: 1;
	border-radius: 4px;
}
.gallery_pic p {
	font-family: 'Merriweather', serif;
/*	font-family: 'Roboto', serif;*/
	font-weight: 300;
	font-style: italic;
	font-size: 14px;
	line-height: 20px;
	text-transform: lowercase;
	color:#fff;
/*	margin:0 0 10px;	*/
	text-align: center;
	background:rgba(51,51,51,1);
	padding:10px 20px;
	position: absolute;
	bottom: 0;
	width:100%;
	z-index:5;
	border-radius: 4px;
}

/** grid for profile page**/
.nbgn_member_profile_grid{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap:40px;
}

/***** GUTENBERG *******/
.ab-block-profile .ab-profile-image-wrap img {
	object-fit: cover;
	height: 100%;
	width: 100%;
	position: relative;
	z-index: 5;
	object-position: center top;
}

/** mail chimp footer form **/

.mc4wp-form-fields {
    display: flex;
    align-items: flex-start;
  }

  .mc4wp-alert.mc4wp-success {
    font-family: 'Merriweather', serif;
    font-weight: 300;
    font-style: italic;
    font-size: 14px;
    line-height: 20px;
    /* text-transform: lowercase; */
    color: #555;
    margin-bottom: 10px;
    padding-left: 4px;
    padding-right: 4px;
}

/* .mc4wp-form-fields .text-input-field-sm{
  margin-bottom:12px;
} */

.mc4wp-alert.mc4wp-error{
  font-family: 'Merriweather', serif;
  font-weight: 300;
  font-style: italic;
  font-size: 14px;
  line-height: 20px;
  /* text-transform: lowercase; */
  color: #555;
  margin-bottom: 10px;
  padding-left: 4px;
  padding-right: 4px;
}

/* twitter */
.twitter-style-class{
  background-color: orange;
  height:100px;
  padding:0;
  margin:0;
}
/*.ctf-tweets{*/
/*display:flex;*/
/*width:100%;*/
/*padding:2%;*/
/**/
/*}*/
/*.ctf-item{*/
/*background:grey;*/
/*width:40%;*/
/*margin:1%;*/
/*}*/

.result-box_span-twitter{
  color: #000000;
  padding: 0px;
  grid-column: span 1;
  position:relative;
}
.inner-box-class{
  background-repeat: no-repeat;
  background-position-y: 20px;
  background-position-x: 20px;
  background-size: 96%;
  position:relative; 
  padding: 0px; 
  padding-top: 20px; 
  padding-left: 20px; 
  padding-right: 20px;   
  border-right: 8px solid #fccf66; 
  border-top: 8px solid #fccf66;
  border-left: 8px;
  solid #fccf66; 
  border-bottom: 8px solid #fccf66; 
  height:100%;

}

#ctf {
  background: none;
  scrollbar-width: thin;          /* "auto" or "thin" */
  scrollbar-color: blue;   /* scroll thumb and track */
  padding: 0;
}

#ctf .ctf-item {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;

  border-top: none;
  background-color: aliceblue;
  border-radius: 12px;
  margin-bottom: 12px;
  padding-left: 15px;
  padding-right: 15px;
}
.twitterLink{
text-decoration:none;
color: #1b95e0; 
background-color:#fff; 
padding-left: 8px; 
padding-right: 12px; 
border-radius: 3px; 
padding-top: 2px; 
padding-bottom: 2px;
}
.twitterLink:hover{
color:white;
background-color: #1b95e0; 
}