/* IMPORTANT NOTE  FOR PEOPLE WHO THINK THEY ARE CLEVER!     */                                                                                                      

/* These declarations are updated in the Drupal admin interface     */
/* under Appearance > Settings > Custom CSS.                      */
/* DO NOT edit the file /var/www/html/drupal/web/themes/nsrc/styles/css/generated/custom-css.css */

/* Add any valid CSS declarations */
body{
  font-family:'Lucida Grande',"Lucida Sans Unicode",sans-serif;
}
h1,h2,h3,h4{
  font-family: 'Oswald', sans-serif;
   font-weight: bold;
}
.page, .regions {  /** override _color.scss region color **/
    background-color: #ffffff;
}

g#noIBar{                /* removes text cursor  */
  cursor:default;
} 

/* AT for drupal 7 used the following conventions to create grid-like elements */
/* NEW FLOAT BLOCK */ 
.float-blocks-2 .block {width:50%}
.float-blocks-3 .block {width: 33.333333%;}
.float-blocks-75 .block {width:70%}

/* FLOAT BLOCK LEFT */
.float-blocks-left .block {float: left;}

/* front header title */

div#branding.branding-elements.clearfix {
float: left;
width: 20%;
}

#uobanner img {
padding: 0px;
}

#header {
display: none;
height: 111px;
}

.twitter-tweet {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  border-color: #eee #ddd #bbb;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  margin: 10px 5px;
  padding: 0 16px 16px 16px;
  max-width: 468px;
  min-height: 288px;
}

/* Override current logo - 3/5/15  */
#logo {
padding: 0px;
}
#page-title{
  margin-bottom: 15px;
}
h2 {
padding-left: 15px;
}
h3{     
  margin: 0.5em;
}
.sidebar h2 {
padding-left: 30px;
}

p {
padding-left: 15px;
}
.inlBlock{
  display: inline-block;
}

/* Bold Dates Throughout Website */
span.boldDateItem, div.recentActText span, div.archivesMainLink span, .boldItem {
  font-weight: bold;
}
.indentItem{
  margin-left: 25px;
}
/*** Orange Bold Dates   ***/
.orangeDate{
  color: #e6941e; 
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
}

/*** Make Element Appear Clickable ***/
.appearClickable{
  color: #0059B0 !important;
  cursor: pointer;
}

/* Override current .block class - revised 11/19/2020  */
   .block {
margin: .25em 0;
}

.block-content content p {
padding-left: 15px;
}

#block-views-home-feature-block h2.block-title {
display: none;
}

/* Global Style: Images */
img {
padding: 15px;
}

/* Give Images Margin Instead of Padding */
img.noPadImage {
  padding: 0px;
  margin: 15px;
}
/* Heading Color on Static Pages */
.region .node-content h1,
.region .node-content h2,
.region .node-content h3,
.region .node-content h4,
.region .node-content h5,
.region .node-content h6{
  color: #333333;
}
/* Custom - Profiles Success Pages*/
.sProfileName {
  margin: 0.3em 0;
}
.sProfileImgBox{
  position: relative; 
  max-width: 250px; 
  height: 150px; 
  overflow: hidden; 
  display: inline-block; 
  margin: 0 15px;
}
.sProfileImg {
  position: absolute; 
  left: 50%; 
  top: 50%; 
  -webkit-transform: translate(-50%,-50%); 
  -ms-transform: translate(-50%,-50%); 
  transform: translate(-50%,-50%);
}

.flex-caption {
  display: block;
  width: 50%;
  position: absolute;
  left: 2%;
  bottom: 5%;
  text-align: left;
  margin: 0;
  padding: 1em 1em 1em;
  border-radius: 12px;
}
.flex-control-nav {
  bottom: 3%;
  left: 32%;
}
.flex-control-paging li a {
  box-shadow: 2px 2px 4px #000000;
}
/*  NSRC Videos Page  */


/* Global Style: List Style*/
ul {
list-style-position: outside;
list-style-image: url(/themes/nsrc/images/arrow-bullet.png);
list-style-type: square;
font-size: small;
padding-left: 15px;
margin-left: 15px;
}
ul.noListStyle li{
  list-style: none;
}
ul.noPadMargin{
  margin: 0px;
  padding: 0px;
}
ul.noMargin{
  margin: 0px;
}
.inlineList li{
  display:inline;
}
ul.easyRead{
 max-width: 700px;
}
#view-blog-block .node {
padding: 0.25em;
}

#view-blog-block .field {
margin-bottom: 0rem;
}

div.view-blog div.views-field-body{
//  border-bottom: 1px solid #ccc;
//  margin-bottom: 20px;
}  //Add gray line below Body of every Blog entry

div.field-node--field-authorship{
    font-weight: bold;
}  // make Authorship field BOLD for individual Blog entry

.node__title .node--type-blog{
h2
}

/* Global Ordered Style: List Style*/
ol {
list-style-position: outside;
font-size: small;
padding-left: 15px;
margin-left: 15px;
}
ol.noListStyle li{
  list-style: none;
}
ol.noPadMargin{
  margin: 0px;
  padding: 0px;
}
ol.noMargin{
  margin: 0px;
}
.inlineList li{
  display:inline;
}
ol.easyRead{
 max-width: 700px;
}

/*** NAVBAR REGION ***/
#navbar {
  background-color: transparent;
}

/* Remove padding from parent of
** the background image
*/
.pr-navbar__rw {
  padding: 0px;
}

#rid-navbar {
  background-color: transparent;
  background-image: url(/themes/nsrc/images/menu-bkgd-1260.png);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: -20px 0px;
}

/*** MAIN LOGO, MENU, Google SEARCH ***/
 #block-nsrc-mainlogo-3, #block-nsrc-main-menu, #block-googlecse {
  display:inline-block;
} 

/*** Logo Padding *** revised AJK 11-19-2020/
#block-nsrc-mainlogo-3 img {
  padding: 15px 0px 0px 30px;
}

/***** Main Menu *****/
/*** hide main menu title ***/
#block-mainmenu-menu{  
  display:none;
}

/*** padding for main menu ***/
#block-nsrc-main-menu {
  padding: 0px 20px 35px 35px;
  vertical-align: middle;
}
#block-nsrc-main-menu ul li {
  display: inline-block;
  padding: 0px 7px;
}
#block-nsrc-main-menu ul.menu li a{
color: #FFFFFF;
font-weight: normal;
text-transform: uppercase;
font-size: 1rem;
}
/* Remove main menu title */
/* #block-nsrc_main_menu{
   display:none;
} */

/* remove front page block */
.node--id-19 {
  display:none;
}

#searchtitle h1#page-title{display: none;}
.searchtitle h1#page-title{display: none;}

/*  GOOGLE CSE V2 SEARCH BUG TEMPORARY FIXES  */
#google-cse-search-box-form{
  display: none;  /* Hides Drupal search form  */
}
 #block-googlecse{
  display: inline-block;
  width: 256px;
  vertical-align: top;
  margin: 15px 10px 0px 10px;
}
.gsc-control-cse{
  background-color: transparent !important;
  border: none !important;
}
#___gcse_0 table, #___gcse_0 thead, #___gcse_0 tbody, #___gcse_0 tr, #___gcse_0 th, #___gcse_0 td{
  border: none !important;     /*  removes table border elements that drupal auto adds */
  margin: 0px;
}
table.gsc-search-box{
  width: 97% !important;
}
table.gsc-search-box td{
  vertical-align: top !important;
  padding: 3px 3px !important;
}
input.gsc-input{
  font-size: 13px !important;      /* fix font size of text typed into search box */
  border: none !important;
} 
td #gsc-iw-id1{
  margin-top: 1px  !important;   /* align search box with search button */
  width: 170px;
}
.gsc-search-box-tools .gsc-search-box .gsc-input{
  padding-right: 0px !important;
}
.gsst_a{
  padding-top: 0px !important;  /* makes text and 'x' fit in middle of search box */
}
.gsst_b{
  padding: 2px 2px !important;   /* makes 'x' fit in middle of search box */
}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2{
  margin-top: 0px !important;
  padding: 6px 23px !important;
  height: 15px !important;
}
/*  END GOOGLE CSE V2 SEARCH BUG TEMPORARY FIXES  */


/* Menu Bar: Search */
#block-search-form {
/* float: right;  */
padding-top: 10px; 
display: inline-block;    /*  test 3/21/15 KN  */
}
#block-search-form.menu-wrapper input[type="submit"]{   /* ADDED IN LINE - DELETE ENTIRE ELEMENT TO RESTORE DEFAULT 4-13-15 */
  text-transform: uppercase;
}



/* Side Bar: Header Style */
.block-menu__title{ 
  color: #F8A51B; 
  font-size: 2rem;
}
#rid-sidebar-second .block__title{
  color: #F8A51B; 
  font-size: 1.5rem;
}
#block-resources ul{
line-height: 1.2rem;
padding-left:15px;
}

#block-menu-menu-upcoming-activities ul.menu {
display: block;
list-style: none;
}

#block-menu-menu-upcoming-activities ul.menu li {
display: block;
list-style: none;
}
 
#block-upcomingactivities ul.menu li a {
background-color: #044a90;
color: #ffffff;
padding: 10px 15px; 
margin: 10px 0px;
font-weight: bold;
display: block;
border-radius: 10px;
min-height: 37px;
font-size: 1.05em;  /* ADDED BY ANDY TO SHOW DIFFERING IDS AND CLASSES */
}


#block-menu-menu-upcoming-activities ul.menu li a {
background-color: #044a90;
color: #ffffff;
padding: 10px 15px;  /* ORIGINAL PADDING WAS 15PX 15PX  4-13-15 */
margin: 10px 0px;
font-weight: bold;
display: block;
text-transform: capitalize;
border-radius: 10px;
min-height: 37px;
font-size: 1.05em;  /* ADDED IN - DELETE TO RESTORE DEFAULT 4-13-15 */
}

/* SideBar */
 /* move text closer to images in sidebar * 3/9/15 */
.region-sidebar-second .block-content p{   
margin-bottom: 10px;
}

.region-sidebar-second .block-content p img{ 
padding-bottom: 0px;
}
.block-region-sidebar-second ul li a{
  font-size: 1.05em; /* ADDED IN TO MATCH UPCOMING ACTIVITIES - DELETE TO RESTORE DEFAULT 4-13-15 */
}

/* Body: P Style */
p, ul, li, ol {
background-color: transparent;
color: #333333;
font-size: 0.923em; 
}

ul ul, ul li, ul p, ol li{
  font-size: 1.0em; /* Stops nested elements from scaling */
}
ul ul{              /* *****************     Test Nested list spacing               ***************** */
  margin-top: 0px;
  margin-bottom: 0px;
  list-style-type: circle;
  list-style-image: none;
}

a {
background-color: transparent;
color: #0059B0;
}

a.hover {
text-decoration: underline;
}

/*  Footer */

/* Footer background */
#footer {
background-color: #F2F2F2;
}

/* Footer blocks */
#block-nsrc-contactus-2, #block-nsrc-followus-2 {
  display: inline-block;
  vertical-align: top;
  width: 49%;
  color: #000;
}
/* Footer Grow */
.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }

/* Contact Us */
/* Heading */
#block-nsrc-contactus-2 h2{
  text-transform: uppercase;
  font-size: 2.4em;
  margin-bottom: 10px;
}

#block-nsrc-contactus-2 img {
  vertical-align: top;
  padding: 6px 15px 4px 15px;
}

/* Follow Us */
/* Heading */
#block-nsrc-followus-2 h2{
  text-transform: uppercase;
  font-size: 2.4em;
  margin-bottom: 10px;
}

/* Icons */
#block-nsrc-followus-2 ul li {
  display:inline;
  list-style: none;
  padding: 15px;
}

#block-nsrc-followus-2 ul li img {
  width: 60px;
  max-width: 100%;
  height: 100%;
  padding: 0px;
  padding-left: 0px;
}

/* remove attribution at bottom of page */
.l-attribution {
  display:none;
}
/* login block */

#block-user-login {
padding-left: 30px;
}

#block-user-login h2.block-title {
padding: 0px;
}


/* Front Page Recent Activities Heading Images */
.recentActStretch{
  width: 24%;
}
/* End Recent Heading Images */

/* Front Page Recent Activities Block and Archives Main Page */
#block-block-3{     /*  added in while editing layout of NEWS section - 8-3-15  */
  clear: both;
}

div.recentActHome:after, div.archivesMainLink:after {
  clear: both;
  display: block;
  visibility: hidden;
  content: " ";
}
.recentActHome img{
  max-width: 100px; 
  float: left;
  padding: 5px 15px 10px 15px;
}

.recentActHome h6{
  font-weight: normal; 
  margin:0px; 
}
.recentActHome p, .archivesMainLink p {
  padding-left: 0px;
}
/* div.recentActText */
div.archivesMainLink  {
  float: left; 
  width: 83%; 
}
.archivesMainLink img {
  max-width: 63px; 
  float: left;
  padding: 0px 10px 10px 15px;
  margin-bottom: 10px;
}
.archivesMainLink p{   /* Keeps text from wrapping down below icon images */
  padding-left: 86px;
}

/*** VIDEOS page style ***/
.videoRow{clear:both;}
.square{width:100%;}
.square:after{ content: ""; display: block; padding-bottom: 25%;}
.float-blocks-35 .block{width:35.71428571428571%;}
.float-blocks-35:hover {display: block;}

/* .cndoColor{background-color:#f5d04c;}  */
.cndoColor{background: #f2b21d; /* Old browsers */
background: -moz-linear-gradient(-45deg, #f36C53 0%, #f36C53 50%, #f2f2f2 51%, #efefef 53%, #f5d04c 53%, #f5d04c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #f36C53 0%,#f36C53 50%,#f2f2f2 51%,#efefef 53%,#f5d04c 53%,#f5d04c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #f36C53 0%,#f36C53 50%,#f2f2f2 51%,#efefef 53%,#f5d04c 53%,#f5d04c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f36C53', endColorstr='#f5d04c',GradientType=1 );} /* IE6-9 fallback on horizontal gradient */

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7c551d+0,faab3c+100 */
.bgpColor{background: #B77D2C; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #B77D2C 0%, #B77D2C 50%, #fff2f2 51%, #efefef 53%, #faab3c 53%, #faab3c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #B77D2C 0%, #B77D2C 50%, #fff2f2 51%, #efefef 53%, #faab3c 53%, #faab3c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #B77D2C 0%, #B77D2C 50%, #fff2f2 51%, #efefef 53%, #faab3c 53%, #faab3c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B77D2C', endColorstr='#faab3c',GradientType=1 );} /* IE6-9 */

/* .perfColor{background-color:#f5d04c;}  */
.perfColor{background: #f2b21d; /* Old browsers */
background: -moz-linear-gradient(-45deg, #f2b21d 0%, #f2b21d 50%, #f2f2f2 51%, #efefef 53%, #f5d04c 53%, #f5d04c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #f2b21d 0%,#f2b21d 50%,#f2f2f2 51%,#efefef 53%,#f5d04c 53%,#f5d04c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #f2b21d 0%,#f2b21d 50%,#f2f2f2 51%,#efefef 53%,#f5d04c 53%,#f5d04c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2b21d', endColorstr='#f5d04c',GradientType=1 );} /* IE6-9 fallback on horizontal gradient */
.scienceColor{background: #176aef; /* Old browsers */
background: -moz-linear-gradient(-45deg, #176aef 1%, #176aef 50%, #f2f2f2 51%, #efefef 53%, #4ca2f5 53%, #4ca2f5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #176aef 1%,#176aef 50%,#f2f2f2 51%,#efefef 53%,#4ca2f5 53%,#4ca2f5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #176aef 1%,#176aef 50%,#f2f2f2 51%,#efefef 53%,#4ca2f5 53%,#4ca2f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#176aef', endColorstr='#4ca2f5',GradientType=1 );} /* IE6-9 fallback on horizontal gradient */

.fedidmColor{background: #15a558; /* Old browsers */
background: -moz-linear-gradient(-45deg, #15a558 1%, #15a558 50%, #f2f2f2 51%, #efefef 53%, #2ecc71 53%, #2ecc71 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #15a558 1%,#15a558 50%,#f2f2f2 51%,#efefef 53%,#2ecc71 53%,#2ecc71 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #15a558 1%,#15a558 50%,#f2f2f2 51%,#efefef 53%,#2ecc71 53%,#2ecc71 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#15a558', endColorstr='#2ecc71',GradientType=1 );} /* IE6-9 fallback on horizontal gradient */

.youtubeColor{background: #0025aa; /* Old browsers */
background: -moz-linear-gradient(-45deg, #0025aa 2%, #0025aa 50%, #f2f2f2 51%, #efefef 53%, #0059b0 53%, #0059b0 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #0025aa 2%,#0025aa 50%,#f2f2f2 51%,#efefef 53%,#0059b0 53%,#0059b0 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #0025aa 2%,#0025aa 50%,#f2f2f2 51%,#efefef 53%,#0059b0 53%,#0059b0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0025aa', endColorstr='#0059b0',GradientType=1 );} /* IE6-9 fallback on horizontal gradient */

.profilesColor{background-color:#0059b0;}

/*
.perfColor:hover{background-image: url('https://learn.nsrc.org/sites/default/files/pictures/perfSONAR-b-w.jpg'); overflow:hidden; background-size: auto 100%; background-position:center; opacity:0.6;} 
.scienceColor:hover{background-image: url('https://learn.nsrc.org/sites/default/files/pictures/ScienceDMZ-b-w.jpg'); overflow:hidden; background-size: auto 100%; background-position:center; opacity:0.6;} 
.fedidmColor:hover{background-image: url('https://learn.nsrc.org/sites/default/files/pictures/IdFedMan-b-w.jpg'); overflow:hidden; background-size: auto 100%; background-position:center; opacity:0.6;} 
.youtubeColor:hover{background-image: url('https://learn.nsrc.org/sites/default/files/pictures/YouTube-b-w.jpg'); overflow:hidden; background-size: auto 100%; background-position:center; opacity:0.6;} 
.profilesColor:hover{background-image: url('https://learn.nsrc.org/sites/default/files/pictures/Profiles-b-w.jpg'); overflow:hidden; background-size: auto 100%; background-position:center; opacity:0.6;} 
*/

.vidText p{padding-right:10px;}
a .vidCount{color: #ffffff; font-size: 1.8em; position: relative; opacity: 0.5; transition: 0.2s; top: .3em; left: .3em; margin: 0 .6em 0 0; font-family: 'Oswald';}
a:hover .vidCount{opacity: 1.0;}
/* a .vidCount{position:relative;top: 0;left: 0;right: 0;bottom: 0;margin: 0;color:#ffffff; opacity:0; transition:1s; } */
/* a:hover .vidCount{align:center;opacity:1.0;} */

 @media only screen and (max-width:768px) {
.vidSquare.float-blocks-7 .block, .vidText.float-blocks-35 .block{width: 100%;}
.square{max-height:100px;}
.vidText p{padding-right:0px;}
} 


/* Recent Activities Block  */
/* #block-block-3 p{
  color: #000;
}  */

/* Supporters and Trainers Bios Page and Where is NSRC page */
#mainSupporters{
  text-align: center;
}
.mainSupportersLogo{
  display: inline;
}
.mainSupportersLogo img{
  margin: 0% 1%;
}
#nsrcSupporters, #nsrcBios{
  text-align: justify;

}
#nsrcSupporters img{
  vertical-align: middle;
  margin: 2%;
  text-align: center;
}
#nsrcSupporters div{
  display: inline-block;
  margin: 0 1% 0 1%;
  min-width: 280px;
  text-align: center;
}
#nsrcSupporters p{
  display: inline-block;
  vertical-align: middle;
}
#nsrcSupporters .sponsorsTextBlock{
  text-align: center;
}
#nsrcBios div{
  display: inline-block;
  vertical-align: bottom;
  /**   margin-bottom: 5px;   **/
  text-align: center;
}
#nsrcBios a:hover{
  text-decoration: none;
}
.bioThumbnail {
  position: relative;
  width: 100px;
  height: 100px;
  overflow: hidden;
  display: inline-block;
  padding-right: 20px;
}
.bioThumbnail img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}
.bioThumbnail img.portrait {
  height: 100px;
  max-width: none;
}
.supportersList li{
  float: left;
  width: 50%;
}
.scienceFoundationAwardsList{
  position: relative;
  left: 14px;
}
/*  Activities Page and Where page  */
#workshopDirectoryList ul {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
  list-style-image: url(/themes/nsrc/images/arrow-bullet.png);
  list-style-position: inside;
}
.workshopCalendarHeading{
  text-decoration: underline;
  font-weight: bold;
}
.workshopCalendarDate{
  font-weight: bold;
}
.col1RecentDates ul{ 
  margin-left: 0px;
}
.col1RecentDates ul li{
  margin-bottom: 5px;
  list-style: none;
}
span.recentCalendarDate{
 font-weight: bold;
}
.sidebarBorder{
  border-left: 1px dashed #ababab;
}
.sidebarBorder h3{
  margin-left: 15px;
  color: #F8A51B;
  font-size: 1.64em;
  margin-bottom: 0px;
}
.block-region-sidebar-second .sidebarBorder a, .block-region-sidebar-second .sidebarBorder ul li{
  font-size: 1.0em;
}
/* Where page Flag Icons */
img.flagicon{
   width: 20px; 
   padding: 0px 6px 0px 0px;
   cursor: pointer;
}

.menu-name--where-menu {
margin-left: 1.5em; 
list-style-image: url(/themes/nsrc/images/arrow-bullet.png);
}


/* IXP Page and Subpages Styles */
.ixpMainContent{
  text-align: center;
}
.ixpMainContent h2{
  margin: 0px 0px 6px 0px;
}
.ixpMainContent p{
  padding: 0px;
}
#ixpCountryList li{
  font-size: 1.2em;
}

/* Pages Styles  */
.columnListOne h2, .columnListTwo h2{
  margin: 0.60em 0;
}

div.subHeadingGray, p.subHeadingGray, .subHeadingGray{
  background-color: #D9DCE1;
}
h5.subHeadingGray{
    padding: 4px 0px 4px 8px;
    background-color: #D9DCE1;
}
.subHeadingBlue {
  padding: 2px 0px 2px 8px;
  color: white !important;
  background: #024b8f; /* Old browsers */
  background: -moz-linear-gradient(left,  #024b8f 0%, #2989d8 46%, #248bd9 100%); /* FF3.6+ */ 
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#024b8f), color-stop(46%,#2989d8), color-stop(100%,#248bd9)); /*   Chrome,Safari4+ */
  background: -webkit-linear-gradient(left,  #024b8f 0%,#2989d8 46%,#248bd9 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left,  #024b8f 0%,#2989d8 46%,#248bd9 100%); /* Opera 11.10+ */ 
  background: -ms-linear-gradient(left,  #024b8f 0%,#2989d8 46%,#248bd9 100%); /* IE10+ */
  background: linear-gradient(to right,  #024b8f 0%,#2989d8 46%,#248bd9 100%); /* W3C */
  filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#024b8f', endColorstr='#248bd9', GradientType=1 ); /* IE6-9 */
}
[class*="float-blocks"] h3.subHeadingBlue{
    padding: 2px 0px 2px 6px;
    max-width: 380px;
    font-size: 1.38rem;
}

/* News Page */
.newsStoriesList li{
  list-style:none;
  padding:6px 0px;
}

.newsStoriesList .newsStoriesTitle{
  font-weight: bold; 
  text-transform: capitalize; 
  font-size: 1.1em;
}
.newsStoriesList .newsStoriesTitle a{
  color: #000000;
}

/* Network Status Pages */
#connectWorldMap{
  text-align: center;
}
div.alphabetCountriesList {
  margin-left: 15px;
}

/* Archive Pages Styles */
.diySoftware td:first-child{
  width: 30%;
}

/* Help Desk Pages Styles */
#sampleVirusHoax{
   width: 80%;
  margin: 0 auto;
  border: none;
}

/* BEGIN Blog Page Styles */

 authorship h2{
 font-size: .9em;
 line-height: 1.5em;
  max-width: 700px;
}

.authorTitle h3{
 font-size: .9em;
 line-height: 1.5em;
  max-width: 700px;
}

.easyRead p{
  max-width: 700px;
}

blockquote.easyRead {
  max-width: 700px;
}

/* END Blog Page Styles */

/************* MEDIA QUERIES **************/
@media screen {
#google-cse-results iframe {width: 640px; height: 1240px;}
h2, .h2 {font-size: 1.4rem;}
.node {padding: 0.25em;}
.field {margin-bottom: 0rem;}
}

@media only screen and (max-width:321px) {
#block-system-main #nsrcSupporters div{min-width: inherit;}
#block-system-main #nsrcSupporters div img, #mainSupporters .mainSupportersLogo img {max-width: 90%;}
.widget_pager {display: none;} 
}
@media only screen and (max-width:1148px) {
#recentActHeadingImages .mobileHidden2 {display: none;}
.recentActStretch{width:32%;}
#widget_pager{
	margin-top:-20px;
        margin-left: -85px;
	}
}
@media only screen and (max-width:635px) {
#recentActHeadingImages .mobileHidden2 {display: none;}
.recentActStretch{width:32%;}
.custom-blocks-container .float-blocks-4 .block, .custom-blocks-container .float-blocks-75 .block{width: 100%;}
#block-contactus, #block-followus{width:100%;}
}
@media only screen and (max-width:490px){
#recentActHeadingImages .mobileHidden1 {display: none;}
.recentActStretch{width:49%;}
}
@media only screen and (min-width:481px) and (max-width:655px) {
div.recentActText{float: none; width: 100%;}
#widget_pager{
	margin-top:-20px;
        margin-left: -85px;
	}
}
@media only screen and (max-width:768px) {
.workshopDirectoryList2.float-blocks-3 .block{width: 100%;}
         /*    .workshopDirectoryList2.float-blocks-3 .block img{display: none;}    Leave commented out if no image is used*/
#block-system-main #nsrcSupporters{text-align: center;}
[class*="float-blocks"] h3.subHeadingBlue{max-width:100%;}
body:before {content: 'tablet'; display: none;}
.widget_pager{
margin:0 5px;}
}

/*** Main Menu media query ***/
@media only screen and (max-width:980px){
#block-nsrc-main-menu {
  display:flex;
  /* line the menu up to the right side of the logo  */
  padding: 0px 20px 0px 30px;
}
#block-nsrc-main-menu ul.menu {
   display:grid;
   grid-template-columns: 140px 130px 80px;
}
#block-nsrc-main-menu ul.menu li a{color: #0059B0;} 
.site-header {
    margin: 0;
    padding: .8rem 0;
}
#block-googlecse {
   margin: 0px 10px 0px 10px;
}
.gsc-control-cse {
   padding: 0.6em;
}
.flex-caption {
font-size: .8em;
left: 4%;
bottom: 10%;
}
.flex-control-paging li a {
width: 4px;
height: 4px;
}
}

@media only screen and (max-width:480px) {
/* home page news funding snap to full width on small screens */
.mainNewsFunding.float-blocks-2 .block, .mainNews.float-blocks-2 .block  {
    float: none;
    width: 100%;
  }

.flex-caption {
   width: 70%;
  position: absolute;
  left: 2%;
  bottom: 16%;
  text-align: left;
  margin: 0;
  padding: 0.7em;
  border-radius: 10px;
  font-size:10px;
  line-height:16px;
}/*
#widget_pager{
	margin-top:-30px;
        margin-left: 50px;
}
#google-cse-results iframe {width: 320px; height: 1640px;}


 .hygiene, .hygiene svg {position: absolute;}

 .hygiene svg {
    width: 60px;
    height: 60px;
    padding-right: 100px;
    font: 10px sans-serif;
}

.hygiene circle {
   fill: #DC143C;
   stroke: grey;
   stroke-width: 0.5px;
}

/* Icon Forward */
.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  padding-left: 2.2em;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.hvr-icon-forward:before {
  content: "\e131";
  position: absolute;
  left: 1em;
  padding: 0 1px;
  font-family: 'Glyphicons Halflings';
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
  -webkit-transform: translateX(2px);
  transform: translateX(2px);

/*** Accordion Panels ***/
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
/*    margin-top: -20px; */
    color: #333333;      /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
/*    margin-top: -20px; */ 
}

#transcript-group .panel-heading, #accordion .panel-heading{
	padding:10px 5px;
}
#transcript-group  .panel-title a, #accordion .panel-title a{
	font-weight:bold; 
	text-decoration:none;
	font-size:18px;
}
#transcript-group .panel-default > .panel-heading, #accordion .panel-default > .
panel-heading{
        background-color: transparent;
        border-color: transparent;
}
#accordion .panel, #accordion .panel-default, #accordion .panel-body,
#transcript-group .panel, #transcript-group .panel-default, #transcript-group .p
anel-body{
        background-color: transparent;
        border-color: transparent;
        padding:0px;
}
#accordion .list-group-item{
	background-color:transparent;
	border:none;
	color: #333333;
}
/*accordion ids' unhide*/
#wireless_connectivity:target, #building_wireless_infrastructure:target {
    background-color: #fff;
    -webkit-transition: all 1s linear;
}

#wireless_connectivity:target, #building_wireless_infrastructure:target {
    background-color: #fff;
    -webkit-transition: all 1s linear;
}