@charset "UTF-8";

/*
-----------------------------------------------------------------------------------

 ______ _______ _______ _____    _______ _______ 
|   __ \    ___|   _   |     \  |   |   |    ___|
|      <    ___|       |  --  | |       |    ___|
|___|__|_______|___|___|_____/  |__|_|__|_______|

-----------------------------------------------------------------------------------
*  Theme Details
-----------------------------------------------------------------------------------

* Theme name: ThemeJIC01;
* Version 0.1
* Created : March 2016;

This stylesheet contains theme styling. 


-----------------------------------------------------------------------------------
*  For basic reskin, only alter styling for these global elements:
-----------------------------------------------------------------------------------

 • colors
 • fonts
 • box styling
 • background-images 
 • icons

-----------------------------------------------------------------------------------
*  Basic Styles
-----------------------------------------------------------------------------------

* color primary - #FF6600
* color secondary - #202020
* color tertiary - #E0E0E0
* font - font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;

-----------------------------------------------------------------------------------
*/
 
a {
    background-color: transparent;
    color: #23ac38;
    text-decoration: none;
    cursor: pointer;
}
a:hover, a:focus {
    color: #000;
}

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

.badge,
.label,
.pagination .current,
input:checked ~ .switch-paddle,
.tabs.primary,
.owl-theme .owl-controls .owl-page span,
.ndq-tool-icon:hover
{background: #23ac38;}

.color-primary,
.is-active > .accordion-title,
.button-group.primary .button,
.progress.primary .progress-meter,
.progress-meter,
.slider-handle,
.button,
.button.primary,
.circle,
.is-active > .accordion-title,
.button-group.primary .button
{background-color: #23ac38;}

.color-primary.text-left {
    color: #fff;
}

.color-secondary, .button.secondary, .button-group.secondary .button, .progress.secondary .progress-meter, .button.secondary {
    background-color: #202020;
}
.color-tertiary, .ndq-drawer, .callout.primary {
    background-color: #E0E0E0;
}

.is-accordion-submenu-parent > a::after,
.button.hollow,
.button.hollow.primary {
  border-color: #23ac38;
    color: #fff;
}
.button.hollow:after{color:#23ac38; }
.button.hollow:focus, .button.hollow:hover {
    border-color: #23ac38;
    color: #fff;
    background: #23ac38;
}
.button.hollow:focus:after, .button.hollow:hover:after {color: #fff;}

.is-dropdown-submenu-parent.is-right-arrow > a::after{
      border-color: transparent transparent transparent #00A79D;
}

.banner {
    padding: 4% 0px 4%;
    background: #000 url('../images/top-image.jpg');
    background-size: cover !important;
    background-position: center;
    color: #333;
    position: relative;
    z-index: 2;
    /* min-height: 50%; */
    vertical-align: middle;
}
.ndq-interior .banner{
    color: #fff;
    padding:0;

}
.ndq-interior .banner h1 {text-shadow:1px 1px 1px #000;}

ul.slides {
    margin: 10% 0;
    list-style-type: none;
}
ul.slides h1,
#ndq-content .slides h1 {
    color: #fff;
    font-size: 2rem;
    text-shadow: 0 2px 2px rgb(0,0,0);
}
@media screen and (min-width: 40em) {
    ul.slides h1 {
        font-size: 3rem;
    }
}
.banner .subheader {
    color: #FFFFFF;
    text-shadow: 0 1px 3px rgb(0, 0, 0);
    font-size: 20px;
}
.subheader {
    margin-top: .2rem;
    margin-bottom: .5rem;
    line-height: 1.4;
    color: #333;
}

.ndq-modal-reveal input[type='search'],
.ndq-modal-reveal .button{ margin:0; float: left; box-sizing:border-box;
height: 2.4375rem;
font-size:inherit;
line-height: normal;
font-family: inherit;
}
.ndq-modal-reveal input[type='search']{width: 90%;margin: 0;border-radius: 3px !important;}
.ndq-modal-reveal .button{width: 8%;padding: .5rem;margin-left: 5px;}
.ndq-modal-reveal .button:after{margin: 0;}

.stock-quote p.disclaimer, .stock-chart p.disclaimer{
    color: #fff;
    font-size: 75%;
    margin: 1rem 0 0 0;
}
.stock-quote h3 {
    color: #fff;
    font-size: 25px;
    /*text-shadow: 0 2px 2px rgb(19, 19, 19);*/
}
.stock-chart {
    background: #23ac38;
    color: #fff;
    text-align: center;
    padding: 3%;
}

.stock-chart img {
    width: 90%;
}
.button {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    -webkit-appearance: none;
    transition: all .25s ease-out;
    border: 1px solid transparent;
    border-radius: 0;
    padding: .68em 1em;
    margin: 0 1rem 2px 0;
    font-size: .9rem;
    background: #23ac38 !important;
    color: #fff;
    /*box-shadow: 0 -2px 0 rgba(0,0,0,0.2) inset;
    -moz-box-shadow: 0 -2px 0 rgba(0,0,0,0.2) inset;
    border-radius: 2px;*/
}

.ndq-modal-reveal .button::after {
    color: #fff;
    line-height: 20px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    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: "\f0a9";
    content: "\f18e";
    content: "\f061";
    content: "\f105";
}
.button.secondary {
    background: #202020;
    color: #fff;
    box-shadow: 0 -2px 0 rgb(82, 82, 82) inset;
    -moz-box-shadow: 0 -2px 0 rgb(82, 82, 82) inset;
}
.financial-metrics{ border-left: 2px solid #f1f1f1; padding: 0 .8rem;    padding-bottom: 30px;}
.financial-metrics p.subheader {
    color: #333;
    font-size: 14px;
}

.financial-metrics p {
    margin: 5px 0 0px;
}

.financial-metrics p.lead {
    font-size: 25px;
    font-weight: 500;
    color: #23ac38;
}
.financial-metrics .button {
    margin: 20px auto 0 auto;
    /*width: 100%;*/
    font-weight: 500;
}
.button:focus, .button:hover {
    background: #23ac38;
    color: #fff;
    /*box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.18) inset;
    -moz-box-shadow: 0 -2px 0 rgba(0,0,0,0.2) inset;
*/
}
.shareholder img {
     min-height: 250px;
}
.shareholder .callout {
    border: none;
    padding: 10px;
    background: #fff;
    position: relative;
    padding: 0;
    overflow: hidden;
    min-height: 200px;
}
.shareholder .callout p {
    padding: 0 10px;
}
.shareholder .callout button {
    margin-left: 10px;
    position: absolute;
    left: 32%;
    bottom: -10px;
}
.photo {
     height: 250px;
    overflow: hidden;
}

.box {
    bottom: -240px;
    display: block;
    height: 100%;
    width: 100%;
}

.box > div {
    background-color: rgba(32, 32, 32, 0.7);

    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    color: #FFF;
    cursor: pointer;
    display: block;
    /*padding: 5px 0;*/
    position: absolute;
    left: 0;
    text-align: center;

    width: 100%;
-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; 

}
.photo:hover .box > div {
    background-color: rgba(32, 32, 32, 0.9);
    top: 0px !important;
    height: 100%;
    /*padding-top: 8%;*/
}
.box .block-nir-assets .nir-widget--list > article {
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
/*.box div:hover a{
  display:block;
}*/
.box span {
    /* border-bottom: 1px dotted #ccc; */
    display: block;
    font-size: 15px;
    font-weight: bold;
    /* height: 15px; */
    padding-bottom: 2px;
    /* text-indent: -9999em; */
    font-weight: 500;
}
.box p {
    color: #333;
    display: block;
    font-size: 0.85em;
    height: 25px;
    padding-top: 10px;
}
.box a:not(.button) {
    display: block;
    /* height: 36px; */
    margin: 0 auto;
    /* width: 36px; */
    color: #FFFFFF !important;
    line-height: 18px;
    font-size: 18px;
    padding: 5px 15px;
}
.box a:hover {
  /*color: #f8a32f !important;*/
  /*background: rgba(0, 0, 0,.3);*/
}
.box a.button {
    margin-right: 0;
}

#ndq-content h3,
#ndq-content .h3 {
    font-size: 1.5rem;
}

#ndq-content .hide-for-large a.show-all {
    display:none;
}

.callout{
    border: none;
}
footer {
    background: #000;
    color: #fff;
}
footer .menu-text{font-weight: normal;}
footer img {
    width: 40%;
    margin-bottom: 5px;
}
footer p.lead{color: #fff;}

.links ul.menu {
    margin: 10px 0 0;
    font-size: 15px;
}
footer .links ul.menu {
    margin: 0;
    font-size: 15px;
}
footer .copyright {
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    padding: 0 0 1rem 0;
    overflow: hidden;
}
footer .copyright a {
    color: #F99503 !important;
}
footer .copyright a:hover {
    color: #FFFFFF !important;
}
footer .menu>li>a {
    font-size: 14px;
    padding: 0;
    /*color: #0a0a0a;*/
    color: #C5C5C5;
    line-height: 25px;
}
ul.footer-vertical > li > a {
    color: #fff;
    font-weight: bold;
}
footer .callout.secondary {
    /*background-color: #F8F8F9;*/
    background-color: #000;
    border-bottom: 1px solid #1F1F1F;
}
footer .menu>li {
    display: inline-block;
    }
.ndq-tools {
    padding: 2px 10px;
    background: hsl(0, 0%, 17%);
    height: auto;
    margin: 0 auto;
    /*border-bottom: 1px solid #272d3b;*/
}
.ndq-tools > .row {
    border-bottom: 1px solid #272d3b;
}
.ndq-tools a {
    padding: 12px 0px;
    position: relative;
    width: 58px;
    height: 56px;
    line-height: 28px;
    cursor: pointer;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    z-index: 1;
    border: 2px solid #E0E0E0;
-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;     display: block;
    margin: 10px auto 10px;
    color: #464646;
    background: #E0E0E0;
   /* border: 2px solid #909090;*/
    /* text-shadow: 0px 2px 2px #232323; */
}
.ndq-tools a:hover {
    color: #E0E0E0;
    background: rgba(0,0,0,.2);
    
    /*text-shadow: 0px 2px 2px #696969; */
}

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

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    border-color: #fff transparent transparent !important;
    right: 2px;
    /* margin-top: 0px !important; */
}

.is-dropdown-submenu {
    z-index: 999;
    /* top: 131% !important; */
    /*background-color: rgba(0, 0, 0, 0.67) !important;*/
    border: none;
    border-top: 2px solid #23ac38;
    background-color: #fff !important;
}
.is-drilldown-submenu-parent > a::after{
    border-color: transparent transparent transparent #fff;
}
.js-drilldown-back > a::before {
    border-color: transparent #fff transparent transparent;
}

[data-whatinput='mouse'] .reveal{position: absolute;}

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

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

}

footer .columns {
    text-align: center;
}

}
@media screen and (max-width: 375px){
.top-bar a {
    padding:10px !important;
}

.top-bar.logo-container {
    display: none;
}
}
@media screen and (max-width: 666px){

.reveal#searchModal {
       height: 110px !important;
    min-height: 100px !important;
    width: auto !important;
    min-width:300px;
    max-width:100%;
}
}
@media screen and (max-width: 768px){
.menu > li {
    display: block;
}

.is-dropdown-submenu {
    
    left: 0;

}


.top-bar input {
    width: 91%;
    }
    .shareholder .callout button {
    position: static;
}

}

/********************************
        NG theme modifications
************************************/

#ndq-content {
    padding-top:2rem;
}
#ndq-content h2 {
    font-size: 1.5rem;
}
@media screen and (min-width: 40em) {
    #ndq-content h2 {
        font-size: 1.5625rem;
    }
    .ndq-5806 {

    }
}

.pager__current-item a, .pager .is-active a, .pager-current a {
    background:#aaa !important;
}

.submenu a.is-active {
    color:#23ac38 !important;
}

.footer-vertical .submenu a.is-active {
    color:#fff !important;
}