@font-face {
  font-family: mont;
  src: url('fonts.new/Montserrat/Montserrat-Regular.ttf');
}
@font-face {
  font-family: montb;
  src: url('fonts.new/Montserrat/Montserrat-ExtraBold.ttf');
}      

a.btn { color:#fff; }
nav {
  height:64px;
  background-color:white;
  font-family: mont, 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size: 13px;
  z-index: 5;
} 

nav #logo{
  height:48px
}

nav .hamburger{
    height: 100%;
    width: 100%;
}

nav>.navbar-collapse{
  background-color:white;
}

nav>.navbar-collapse>div{
  align-items:center;
  margin-left:auto
}
nav>.show>div, nav>.collapsing>div{
  align-items:flex-start;
  margin:0 15px 15px 15px;
  font-size:1.3em
}

nav .nav-item{
  color:#939598;
  border-color:#1E376D;
  height: 100%;
  line-height: 33px;
  margin-left:20px;
  margin-right:20px
}

nav .nav-item.active{
  color:#000;
  border-bottom:solid 7px #1E376D;
  margin-bottom:-7px
}

nav .divider{
  width:1px;
  height: 44px;
  border-right:solid #e7e9e9 2px
}

nav .tree:hover{
  color:#56679f;
}

nav .joinui {
  color:#56679f;
  border-radius:4px;
  height:50%;
  line-height:23px;
  padding:0;
  margin-top:3px;
  border:solid 1px #1b468a;
}

nav .joinui:hover{
     background-color:#eee;
}

.centered { text-align: center; }
/*
.col-md-4, .col-md-6, .col-md-3, .col-md-8 {
 padding: 0;
 margin: 0;
}
*/
@media (min-width: 768px) {
 .pad-right { padding-right:10px; }
}


/*Copied from _header.tmpl.php*/
  div#topimgonpages  div.row div {
    background: #fff url("../images.new2/day-pyramids.jpg") no-repeat center;
    background-size:cover;
    padding:120px 0;
    text-align: center;
  }
  div#topimgonpages h1, div#topimgonpages h4 {
    color:#fff;
  }
  div#topimgonpages h4 { text-transform: none; font-weight: normal; font-family: mont, 'Open Sans', 'Helvetica Neue', Arial, sans-serif; padding-top:10px;}


h1, h2 { font-family: montb, 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-weight: normal; text-transform: uppercase}
h2     { font-size: 1.5em}
h3, h5 { font-family: mont, 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-weight: bold}
h4     { font-family: montb, 'Open Sans', 'Helvetica Neue', Arial, sans-serif; font-size: 1.2em; color:#666; text-transform: uppercase}


p,body,td  { font-family: mont, 'Open Sans', 'Helvetica Neue', Arial, sans-serif; }

.white { color: #fff;  }

body { background-color: #fff;  }

div#basicpage { padding-top:50px; min-height: 500px; }

div#topchunk {background: #fff url("../images.new2/day-pyramids.jpg") no-repeat center top;background-size: 100%;padding-top:30px;padding-bottom:30px;margin-bottom: 30px;}
div#topchunk h1 {color:#fff;font-size: 3em;text-align:  center;padding-top: 50px;word-break: break-word;}
div#topchunk h3 { color:#fff; font-size: 1.6em ; text-align:  center; padding-bottom: 50px;}

@media (max-width:768px){
  div#topchunk h1{
    font-size:8vw
  }
}

div#topchunk .searcher{
  width:83%;
  margin: auto;
  padding-bottom: 30px;
}
div#topchunk .searcher #uiGo{
  position:absolute;
  left:0;
  z-index: 4;
  height:100%;
}
div#topchunk .searcher #uiGo input{
  height:100%;
  width:60px;
  background:none;
  border:none;
  background-image:url('../images.new2/search.jpg');
  background-size:35px 35px;
  background-repeat:no-repeat;
  background-position:center;
}
div#topchunk input[type="text"]{
  padding:10px 20px 10px 60px;
  border-radius:5px;
  border:none;
  width:100%
}
div#topchunk.index_property_top_chunk{
  background-image:url("../images.new2/bg.jpg");
}

div.homebox p, div.homebox li, div.homebox h2 {color: white;font-size: 1.2em;}

div.homebox h2 { font-size: 1.7em; }
div.homebox a  {color:#fff;}
div.homebox>div>div {height: 475px;}
div.homebox>div>div>a{
  height:240px;
  width:100%;
  display:block
}
div.homebox>div {
  height: 555px;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: 20px;
}
div.linkbox>div, div.statsbox>div{
  background-image:none;
  height:330px  
}
div.linkbox>div>div, div.statsbox>div>div{
  height:330px;
  padding-top:20px;
  /*max-height:100%;
  display: block;
  box-sizing: content-box;*/
}
.statsbox>.tablebox a { color:#1c68b3; }


div.propertiesbox{
  background-color: #3ac4e9;
  background-image:url("../images.new2/iconproperty.png");
}
div.sharesbox{
  background-color: #2773a2;
  background-image:url("../images.new2/iconshares.png");
}
div.fundsbox{
  background-color: #0b385c;
  background-image:url("../images.new2/iconfunds.png");
}
div.squishedbox {
  line-height: 1.5em;
}

/* table box = 3rd box on index_property.php */

div.tablebox{
  background-color: #3ac4e9;
}
div.tablebox .statsControls{ display:flex; justify-content: space-between }
div.tablebox .statsControls a{ color:#3ac4e9; font-weight:bold}
div.tablebox .statsControls a:hover{ text-decoration: none}
div.tablebox .statsControls a:hover::before{ color:#3ac4e9}
div.tablebox .statsControls a::before{ content:">"; color:black; font-weight:bold}

div.tablebox>div{
}
div.tablebox h2{
  height:30px
}
div.tablebox div section{
  background-color:white;
  width:100%;
  height: 262px;
  padding:0 20px;
  display: block;
}
div.tablebox div section article{
  padding:10px 0;
}
div.tablebox div section header{
  font-weight:bold;
}
div.tablebox .flexrow{
  display:flex;
  width:100%;
  justify-content: space-between;
}
div.tablebox .flexcell:first-child{
  font-weight: bold;
  flex:0.5 0 0;
}
div.tablebox .flexcell{
  flex:1 0 0;
}
div.tablebox .positive::before{
  content:"\25B2";
  color:green;
}
div.tablebox .negative:last-child::before{
  content:"\25BC";
  color:red;
}
div.tablebox .flexcell:last-child{
  text-align:right;
}
div.tablebox .flexwidecell{
  flex:3 0 0;
}

p.gotobox a {
display: block;
border: 2px solid #fff;
padding: 10px;
text-transform: uppercase;
width: 220px;
text-align: center;
margin: 0 auto;
color:white;
}

div#testimonials { 
  background-color: #f7f8f9; 
  padding-bottom:40px;
}
div#testimonials .testimonial:first-child { 
  padding-right:50px;
}
div#testimonials p{
  font-size: 13pt;
  font-style: italic;
}
div#testimonials header{
  font-weight:800
}
div#testimonials .signature{
  display:flex;
  justify-content:space-between
}
div#testimonials .signature div{
  font-weight:600
}
div#testimonials h2 { padding-top:2em; }
div#newsletter { background-color: #005da5; }

#links{
  padding-bottom:20px
}
#links>div>div>div>header>a:hover{
  text-decoration: none;
  border-bottom:solid 2px #c5c3ed;
}
#links>div>div>div>header>a{
  display:flex;
  justify-content: space-between;
  color:black;
  margin-bottom: 20px;
  border-bottom:solid 2px #ccc;
}

#links>div>div>div>header>a>div:first-child{
  font-family: montb, 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:16pt;
  text-transform: uppercase;
}
#links>div>div>div>header>a>div:last-child{
  background-image:url('/images.new2/arrow.gif');
  width: 15px;
  background-size: contain;
  background-repeat: no-repeat
}

.publications{
  margin-bottom:15px;
  /* min-height:450px; */
  /* overflow-x: hidden; */
}
.publications::-webkit-scrollbar{
  width:10px
}
.publications::-webkit-scrollbar-track {
  background: #fff; 
}
.publications::-webkit-scrollbar-track:hover {
  background: #f1f1f1; 
}

.publications::-webkit-scrollbar-thumb {
  background: #888; 
}

.publications article{
    max-width: 99%;
    left: 1%;
    position:relative;
    display:flex;
    min-height: 175px;
    justify-content:space-between;
    padding: 5px 0;
    margin:10px 0;
    font-size: 12pt;
    font-weight: 700;
}
.publications article>.image{
    width: 43%;
}
.publications article>.image img{
  width:100%;
}

.publications article>div{
  width:55%
}

.publications .category{
    font-weight: 800;
    color: #929399;
}
.publications .news{
  background-color:#1c68b3;
  font-weight: 800;
  color:white;
  border-radius:5px;
  padding: 5px;
}

.publications header{
  font-size: 12pt;
  color: #6f7072;
}

.publications aside{
  color: #94959a;
  font-size: 10pt;
}

.publications article>div{
  display:flex;
  flex-direction:column;
  justify-content:space-around;
  align-items: flex-start;
}

.publications a:hover{
  text-decoration:none;
}

.publications a:hover article{
  background-color:#eee
}
.publications a:hover .news{
  background-color:#5290ce;

}
.more{
  color:black;
  text-decoration:none;
  border-bottom:solid 2px black;
  padding-bottom: 5px;
  font-weight: 700;
}
.more:hover{
  text-decoration:none;
  color:blue;
  border-bottom-color:blue
}
.publications a:hover header{
  text-decoration:underline;
}

#newsletter{
  padding: 50px 0;
}
#newsletter .container {
  width:60%;
}

#newsletter .form{
  color:white;
  justify-content:space-between;
}
#newsletter header{
  font-family: montb, 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:17pt;
  text-transform: uppercase;  
  padding-bottom:20px;
}
#newsletter .form div{
}
#newsletter .form input[type="text"]{
  background-color:white;
  padding: 5px 10px 5px 10px;
  border-radius: 5px;
  margin-bottom: 20px;
  font-family: mont, 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}
#newsletter .form input[type="submit"]{
  background-color:rgba(0,0,0,0);
  border:white solid 1px;
  color:white;
  padding: 5px 20px 5px 20px;
  border-radius: 5px;
}

#newsletter .form form div{
  padding-bottom:20px;
}

div#footer {background-color: #005da5; color:white; padding: 30px 0; margin-top:30px;}

#footer header{
  font-family: montb, 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  font-size:13pt;
  text-transform: uppercase;  
  padding-bottom:10px;
}
#footer ul{
  list-style:none;
  padding:0;
}
#footer header, #footer li a, #footer h4 { 
 color: #fff;
}

#footer a { color:#ccc; }

p.tinywarning { color:#999; font-size:0.8em; }