@charset "UTF-8";
/*
 /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\  /\
//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\
\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\// 
 ______ _______ _______ _____    _______ _______ 
|   __ \    ___|   _   |     \  |   |   |    ___|
|      <    ___|       |  --  | |       |    ___|
|___|__|_______|___|___|_____/  |__|_|__|_______|

This stylesheet contains theme styling. 

For basic reskin, only alter styling for these global elements:
 • colors
 • fonts
 • box styling
 • background-images 
 • icons

If the project requires, you can alter the look further by changing the code below or by adding new (overwrite) styles to the end of this stylesheet.

___________________________________________
Base Styles
___________________________________________
* color primary - #00c08b 
* color secondary - dark - #111 
* color secondary - light - #EEF9F8 
* font primary - font-family: "Lato", Helvetica, Roboto, Arial, sans-serif; 
* font secondary for <p> - font-family: 'Lora', serif;

//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\
\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//\\//
 \/  \/  \/  \/  \/  \/  \/  \/  \/  \/  \/  \/  \/  \/  \/  \/ 
*/

a,
a:focus {
  color: #00c08b;
  text-decoration: none;
  outline: none;
}

a:hover {
  color: #00a779;
  text-decoration: underline;
}

.ndq-hide{display: none;}

.row{position: relative; z-index: 3;}
.row.modal{z-index: auto;}

.row.wrap {
    margin: auto;
    padding: 2rem;
    border: 1px solid #e7e7e7;
    background-color: #fff;
    overflow: hidden;
}

body:not(.nir-node--5806) .row.wrap {
    padding-top: 3rem;
}

/*buttons*/
.button {
  font-family: 'Graphik','San Francisco','Roboto',Helvetica,sans-serif;
    font-weight: 400;
  background-color: #00c08b;
  border: 1px solid #00c08b;
  font-size: 14px;
  color: #fff; 
  height: 38px;
  line-height: 32px;
  border-radius: 0;
  padding: 0 23px 1px 21px;
  margin: 0;
  display: inline-block;
  text-align: center;
  -webkit-transition: all .2s ease-in-out; 
  -moz-transition: all .2s ease-in-out; 
  -ms-transition: all .2s ease-in-out; 
  -o-transition: all .2s ease-in-out; 
  transition: all .2s ease-in-out; 
}

.button:hover, .button:focus {
    background-color: #00a779;
  border: 1px solid #00a779;
  color: #fff;
  text-decoration: none;
    outline: none !important;
}

.ndq-drawer input {
    width: 50%;
    -webkit-appearance: none;
    border-radius: 0;
    display: inline;
    margin: 0;
    box-sizing: border-box;
    vertical-align: top;
    height: 38px;
  padding: 0.5rem;
    border: 1px solid #cacaca;
    margin: 0 0 1rem;
    font-family: inherit;
    font-size: 1rem;
    color: #0a0a0a;
    background-color: #fefefe;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
}

.ndq-drawer button {
    border-radius: 0 4px 4px 0;
    border: none;
    padding: 0 1em 0 .7em;
    width: 40px;
}

.ndq-drawer .button:after {
    margin-left: 7px;
    color: #fff;
    line-height: 20px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    content: "\f105";
}

/*thumbnails*/
.thumbnail, .thumbnail:hover, .thumbnail:focus {
  border: 0;
  box-shadow: none;
/*    border: 15px solid #fff;
    box-shadow: 0 0 0 2px #e4e4e4;*/
}

a .thumbnail:hover, a .thumbnail:focus {
/*    box-shadow: 0 0 6px 1px rgba(33, 153, 232, 0.5);*/
  box-shadow: none;
}

/*header nav*/
.top-bar, .top-bar ul {background-color: #fff;}
.top-bar{
  background-color: #fff;
  border-bottom: 1px solid #f1f1f1;
  width: 100%;
  padding: 0;
}
.top-bar #main-menu > .menu{display: block;}
.top-bar .menu{padding-top: 10px; padding-bottom: 10px;}

.top-bar .menu>.active>a, 
.top-bar .menu>.active>a:focus, 
.top-bar .menu>.active>a:hover {
    color: #000;
    background-color: transparent;
}

.menu > li > a {
    display: block;
    padding: 1rem 8px;
    line-height: 1;
    font-size: 16px;
}

.top-bar .menu>li>a {
    text-align: left;
/*    display: inline-block;*/
  color: #111;
}

.top-bar .menu>li>a:hover {
  color: #808285;
  text-decoration: none;
}

.top-bar .menu>li li a{
  text-align: left;
  float: left;
  width: 100%;
    padding: 9px 12px;
    line-height: 1.6;
}

@media screen and (min-width: 40em) {

  .top-bar .menu>li li a{
    white-space: nowrap;
  }

}

.menu > li > a {/*display: inline-block;*/}


.title-bar{display: none;}

.is-dropdown-submenu-parent.is-right-arrow > a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent transparent #00c08b;
    border-left-style: solid;
    border-right-width: 0;
}
.is-dropdown-submenu{top: 100%; left: 0;}

.is-dropdown-submenu-parent a::after {
    float: right;
    margin-top: 4px !important;
    margin-left: 10px;

    position: relative;
    top: inherit;
    right:inherit;
}

.top-bar-left{width: 8.9%;}

.top-bar-left img{
    margin: 21px 0;
    width: 90px;
}

.top-bar-right{width: 90.99%;}


.title-bar {background: transparent; border: 1px solid #3B426B; 
  border-left: none; border-right: none; color: #3B426B;}

.menu-icon{/*float: right;*/}
.menu-icon::after {
    background: #3B426B;
    box-shadow: 0 7px 0 #3B426B, 0 14px 0 #3B426B;
}
.menu-icon:hover::after {
    background: #111;
    box-shadow: 0 7px 0 #3B426B, 0 14px 0 #3B426B;
}
.dropdown.menu .has-submenu.is-right-arrow>a::after {
  -webkit-transition: all .1s ease-in-out; 
  -moz-transition: all .1s ease-in-out; 
  -ms-transition: all .1s ease-in-out; 
  -o-transition: all .1s ease-in-out; 
  transition: all .1s ease-in-out; 
}
.dropdown.menu .has-submenu.is-right-arrow:hover>a::after{
  -ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  transform: rotate(90deg);
  margin-top: 0px;
}

.menu.medium-horizontal > li.ndq-drawer{
  position: fixed;
  top: 0;
  width: 100%; 
  text-align: center;
}

/*search & search toggle*/
.ndq-drawer-toggle a:after{content: none; }

.ndq-drawer{
    display: none; 
    background-color: #f1f2f2; 
    padding: 1rem 0;
    webkit-box-shadow: 3px 3px 3px 0 rgba(0,0,0,.1),1px 2px 5px 0 rgba(0,0,0,.06);
    box-shadow: 3px 3px 3px 0 rgba(0,0,0,.1),1px 2px 5px 0 rgba(0,0,0,.06);
/*    background: url('../images/Triangle.jpg');
    background-position: center;
    background-repeat: repeat;*/
    position: fixed;
    left: 0;
    top: 0;
}

.top-bar .menu>li>a.ndq-search {
    width: 100%;
    text-align: right;
    padding-right: 0;
}
.ndq-search-container{
    margin: auto;
    overflow: hidden;
    text-align: center;
    max-width: 75rem;

 }
.menu li a.ndq-search i{margin-right: 0;}

.menu li a.ndq-search i:before{
/*  font-size: 1rem; 
  line-height: 2rem;*/
}

.ndq-search-close {
    display: inline;
    margin-right: 0;
    box-sizing: border-box;
    vertical-align: top;
    height: auto;
    /*float: right;*/
}

.ndq-search-close{
    float: right;
    margin-left: 2rem;
}

.fa-remove:before, .fa-close:before, .fa-times:before {content: "\f00d";}



/*banner*/
.banner {
    margin-bottom: -60px;
    padding-bottom: 108px;
    padding-top: 60px;
    background: url('../images/Kids_Room1_CupidClosed_StarWall_MAIN_ALT_Material.png');
    background-size: cover;
    background-position: 0 75%;
    background-repeat: no-repeat;
    position: relative;
    z-index: 2;
    color: #fff;
}

.banner:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    content: "";
    overflow: hidden;
    opacity: .6;
    background: #0c203f;
}

.banner h1,
.banner p {
  text-shadow: 2px 1px 2px rgba(12, 32, 63, 0.7);
}

.banner p {max-width: 50%; font-size: 1.2rem;}
.banner.light{color: #fff;}
.banner.light h1, .orbit.light p{text-shadow: 1px 1px 1px #999;}
.banner.light h1{margin-top: 0;}



/*footer*/
footer{
    clear: both;
    width: 100%;
    background-color: #676a6c; 
    text-align: center;
    padding: 50px 0;
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    color: #fff;
}

footer a,
footer p {
    font-size: 14px;
    font-weight: 300;
    margin: 0;
    padding: 0;
    line-height: 24px;
    color: #fff;
}

footer #copyright {
    padding: 15px;
}

footer #copyright div {
  display: inline;
}

footer .menu > li{display: inline-block; padding: 0; font-weight: normal;}
footer .menu > li > a {padding: 0 1rem}

/*callout*/

.callout {
/*  border: 2px solid #e4e4e4; */
  border: 0;
  padding: 3%;
}

.callout.primary{
  border: none;
  box-sizing: border-box;
  width: 100% !important;
  position: relative;
  z-index: 1;
  margin-bottom: -60px;
  padding-bottom: 108px;
  margin-top: -60px;
  padding-top: 132px;
}

.callout-bottom-flush{
  margin-bottom: 0px !important;
  padding-bottom: 60px !important;
}


/*simple list*/
ul.simple{margin-left: 0;}
ul.simple li{list-style-type: none; margin-bottom: 5px;}
ul.simple .date{text-transform: uppercase; color:#111; font-size: .8rem; line-height: normal; }


/*tabs*/
.tabs-title > a {
  font-size: inherit;
  display: block;
  padding: 1.25rem 1.5rem;
  line-height: 1;
  border-right: 1px solid #d9d9d9;
  color: #3B426B;
    background: #fff;
}
.tabs-title > a:hover {
    background-color: #f6695e;
    color: #fff;
}
.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
    background: #3872ee;
    color: #fff;
    outline: none !important;
}

/* stock chart tabs */
.ndq-stock-chart {padding:1rem; }
.ndq-stock-chart ul.tabs-full-width li {width: calc(100% / 4);}
.ndq-stock-chart ul.tabs-full-width li:last-child a{border-right: none;}
.tabs-sm .tabs-title > a {padding: 1rem; text-align:center;}
.ndq-stock-chart .tabs-panel {text-align:center;}
.ndq-stock-chart li a { white-space:nowrap; min-width:20px }

/*accordion*/
.accordion-title{color:#00c08b; }
.accordion-title{font-size: inherit;}
.is-active > .accordion-title {
    color: #fff;
    background-color: #00c08b;
}


/*owl carousel overwrite*/
.fa-twitter{color: #55acee;}

.owl-carousel{width: 1px; min-width: 100%;} /*fix owl carosel width when within iframe - issue on IOS devices - carousel blows content outside iframe width*/

.owl-carousel .owl-item{display: flex;}
.owl-item .slider-item {background-color: #fff; overflow: hidden; width: 100%;}
.owl-item .slider-txt{word-wrap:break-word;} 
.owl-prev:before, .owl-next:before{color:#111;}
.owl-theme .owl-controls .owl-buttons div{margin-top: 7%;}
.slider-item{padding: 1rem;}
.owl-wrapper{
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.owl-theme .owl-controls .owl-page span { background: #00c08b;}
.owl-buttons .owl-prev{left: -15px;}
.owl-buttons .owl-next{right: -15px;}


/*Toolbar*/
.ndq-tools{position: relative; 
  z-index: 1;
  background-color: #354d71;
/*  background-color: #f9f9f9;*/
}

.ndq-tools .row {
  padding: 0 0 48px 0; 
  margin-top: -10px;
}

.ndq-tools .column{text-align: center; /*margin-top: -30px;*/}
.ndq-tools a {border: none !important;}
.ndq-tool-icon {
    width: 60px;
    height: 60px;
    background: #f0f0f0;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    /*margin: 0 1em;*/
    transition: all ease .2s;
    -webkit-transition: all ease .2s;
}
.ndq-tool-icon:before {
    font-family: "ndqfonticons" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-decoration: none !important;
    display: inline-block;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 35px !important;
    color: #676a6c;
    width: 100%;
    line-height: 1px;
    text-align: center;
}

.ndq-tool-icon:hover::before {
    color: #f0f0f0;
}

.ndq-tool-icon:hover {
    background: #676a6c;
    transform: scale(1.2);
}

.ndq-tool-icon.ndqicon-rss:before {
    left: 3px;
}


/***************ndq - unique selectors***************/
.ndq-form{}
.ndq-table{}
table.ndq-table caption {
    text-indent: -9999px;
    margin: 0;
    padding: 0;
    border: none;
    display: none;
  }
table.ndq-table tbody tr{border: 1px solid transparent;}
table.ndq-table tbody tr:nth-child(even) {background-color: #f9f9f9;}
table.ndq-table tbody tr:nth-child(even):hover {background-color:#E4FAF6;}

table.ndq-table tbody tr:nth-child(odd) {background-color: #fff;}
table.ndq-table tbody tr:nth-child(odd):hover {background-color:#E4FAF6;}

table thead, table tfoot {
    background: #f1f1f1;
}
.ndq-pagination{}
.ndq_accordion{}
.ndq_tabs{}

.ndq-modal{}
.ndq-modal-reveal{}

.ndq-disclaimer{font-size: 75%; color: #999;}
.ndq_list{}




/***************OOCSS (Object-Oriented CSS) - reusable classes***************/

.hide-txt {
    text-indent: -9999px;
    left: -9999px;
    position: absolute;
    top: -9999px;
}

.circle{
  -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #00c08b;
    color:#111;
    margin: auto;
  width: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;

}
.circle span{line-height: normal; color: #fff;}


.stat-container{
    text-align: center;
    position: absolute;
    vertical-align: middle;
    top: 30%;
    left: 0;
    display: block;
    width: 100%;
}
.stat{ font-size: 25px; text-align: center;
    padding: 0 0 7px;
}


.stat sup {font-size: 1rem; top: -1.5em;}
.stat sub{font-size: 1.5rem; bottom: 0;}
.stat .fa:before{font-size: 1rem; vertical-align: top;}

/******BOX STYLES******/

/*border*/
body [class*="ndq-border-"]{border-color: #f1f1f1; border-style: solid;}
.ndq-border-sm{border-width: 1px;} 
.ndq-border-med{border-width: 2px;}
.ndq-border-lg{border-width: 4px;}

/*border radius*/
.ndq-radius-sm{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px
} 
.ndq-radius-med{
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px
}
.ndq-radius-lg{
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  border-radius: 15px;
}

/*box-shadow*/
.ndq-box-shadow-sm{
  -webkit-box-shadow:0 0 5px #999;
  -moz-box-shadow:0 0 5px #999;
  -ms-box-shadow:0 0 5px #999;
  -o-box-shadow:0 0 5px #999;
  box-shadow:0 0 5px #999;
} 
.ndq-box-shadow-med{
  -webkit-box-shadow:0 0 10px #999;
  -moz-box-shadow:0 0 10px #999;
  -ms-box-shadow:0 0 10px #999;
  -o-box-shadow:0 0 10px #999;
  box-shadow:0 0 10px #999;
} 
.ndq-box-shadow-lg{
  -webkit-box-shadow:0 0 15px #999;
  -moz-box-shadow:0 0 15px #999;
  -ms-box-shadow:0 0 15px #999;
  -o-box-shadow:0 0 15px #999;
  box-shadow:0 0 15px #999;
}


/*responsive*/
/* Small only */

@media screen and (max-width: 39.9375em) {

  .top-bar{}
  .top-bar-left{width: 100%; text-align: center;}
  .top-bar-right{width: 100%; }
  .top-bar .menu>li>a {display: block;}
  .circle{width: 25%;}
  .top-bar {padding: 0rem;}

  .metrics li{float: left; padding: 0 1%; box-sizing:border-box; width: 50%;}
  .circle{border-radius: 0; margin-bottom: 1rem; height: auto !important; padding: 1rem; width: 100%}
  .stat-container{position: relative; }

  .owl-controls{position: relative;}
  .owl-buttons{top: initial; bottom:0; width: 100%; position: initial;}
  .owl-buttons .owl-next{right: 0;}
  .owl-buttons .owl-prev{left: 0; }
  .owl-theme .owl-controls .owl-buttons div{margin-top: 0;}
}

.is-drilldown-submenu-parent > a::after{    border-color: transparent transparent transparent #00c08b;}
.js-drilldown-back > a::before{     border-color: transparent #00c08b transparent transparent; vertical-align: unset;}

/* Medium and up */
@media screen and (min-width: 40em) {
  .circle{width: 90%;}

  ul.simple .title{font-size: 1.1rem;}

  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: inset 5px;
    border-color: transparent transparent transparent #00c08b;
    border-left-style: solid;
    border-right-width: 0;
    margin-top: 6px !important;
  }

  .menu.medium-horizontal > li {
    display: inline-block;
    /* float: left; */
    min-width: 16%;
  }
  /*.menu.medium-horizontal > li.ndq-drawer-toggle { width: auto; min-width:0;}*/


}

@media screen and (max-width: 42em) {
  .owl-next{margin-top: 0;}
}

/* Small only */
@media screen and (max-width: 39.9375em) {

  body:not(.nir-node--5806) .banner h1 {
      width: 90%;
  }

}

/* Large and up */
@media screen and (min-width: 64em) {

  #main-menu .menu.medium-horizontal > li {
      min-width: 0;
  }

  ul.menu ul:not(.is-dropdown-submenu) {display: none !important;}

  .menu.medium-horizontal > li.ndq-drawer{display: none;}

}

@media screen and (max-width: 74.9375em) {

  footer .float-right{float: none !important;}

  footer .columns { text-align: center;}

  .banner .row{padding: 0 2rem;}

  .top-bar-left{width: 100%; text-align: center;}

  .top-bar-right{width: 100%;}

  .banner { 
    padding-top: 40px; padding-bottom: 40px; margin-bottom:0; 
  }

  .banner p {max-width: 100%;}


  .stat-container span, .stat-container div{font-size: 1rem;}

  .stat-container sup, .stat-container sub{font-size: 75%;}

  .sticky.is-stuck{position: relative;} body{padding-top: 0 !important;}

  .is-drilldown{/*height: auto !important;*/ width: 100% !important;}

  .is-drilldown li{width: 100%;}

  .top-bar .menu{padding: 0;}

  .is-drilldown li.ndq-drawer-toggle,.ndq-drawer-toggle{display: none !important;}

  .menu.medium-horizontal > li.ndq-drawer{
    display: block; 
    position: relative !important; 
    top: 0 !important;
    padding: 1rem 8px; 
    box-shadow: none;
  }
  
  .ndq-drawer-toggle, .ndq-search-close{display: none !important;}

  .ndq-search{text-align: left;}

  .ndq-search input {width: auto; display: inline; width: 80%;
    margin: 0;
  }

  .ndq-search button{width: auto; display: inline;}

}



@media print {
  header .top-bar-right, .ndq-tools, footer{display: none;}
}


/*...............................................................
   o   \ o /  _ o        __|    \ /     |__         o _  \ o / 
  /|\    |     /\   __\o   \o    |    o/     o/__   /\     |   
  / \   / \   | \  /) |    ( \  /o\  / )    |   (\  / |   / \  
...............................................................      
modify theme styles here
...............................................................
   o   \ o /  _ o        __|    \ /     |__         o _  \ o / 
  /|\    |     /\   __\o   \o    |    o/     o/__   /\     |   
  / \   / \   | \  /) |    ( \  /o\  / )    |   (\  / |   / \  
............................................................... */


/*color primary*/
.color-primary,
.is-active > .accordion-title,
.button-group.primary .button,
.progress.primary .progress-meter,
.progress-meter,
.slider-handle,
.is-active > .accordion-title,
.button-group.primary .button
{background-color:#00c08b;}

.badge,
.label,
.pagination .current,
input:checked ~ .switch-paddle,
.tabs.primary,
.owl-theme .owl-controls .owl-page span {
  background:#00c08b;
}

.is-accordion-submenu-parent > a::after,
.button.hollow,
.button.hollow.primary{
  border-color: #00c08b;
}
.is-dropdown-submenu-parent.is-right-arrow > a::after{
      border-color: transparent transparent transparent #00c08b;
}

/*color secondary*/
.button.hollow.secondary,
.badge.secondary,
.button-group.secondary .button,
.label.secondary,
ul.simple .date,
.owl-prev:before, .owl-next:before,
.circle{
color: #111; 
}

.badge.secondary,
.label.secondary {
background: #111;
}

/**************NG specific**************/

.region-metrics:after,
.region-metrics #block-stockquote{
    content:'';
    display:table;
    clear:both;
    background-color: #EEF9F8;
}
#block-stockquote {
    font-size: 18px;
}

.footer-sitemap nav {
    margin-bottom:1.5rem;
}
.node--nir-news--full h1 {
    font-size:2rem;
}
.region-metrics .quote-wrap {
    width:auto !important;
}

.active-trail > a,
a.is-active {
    color:#000;
}



