/*
Theme Name: Divestment Facts
Author: CEG
Description: 
Version: 1.2
*/

body {font-size: 15px!important;}
p {margin: 20px 0;}
.content-left-col ul, .content-left-col ol {color: #597c9c;}
.content-left-col li {margin: 20px 0;}
p.left {text-align:left;}
p.right {text-align:right;}
p.center {text-align:center;}
.clear {clear:both;}

.backmeta {margin: 0; font-size: 11px;}

.home-page-content h1 {color: #666;}

/* revised homepage*/
.top-two {margin-bottom: 10px;}
.top-two .signup-h1-new, .top-two .signup {min-height:0;}
.signup {padding: 1px 20px 20px; border-radius: 5px; background-color: rgba(19, 68, 114, .79); color: #333; min-height:260px;}
.test-icon {width: 16px; margin-top: 17px; float:left; margin-right: 10px;}
.test-tage {margin-bottom: 0px; font-size: 16px;}
.signup-h1-new {margin-top: -4px; font-size: 20px; line-height: 24px; font-weight: 300; min-height: 110px;}
.mock-slider {padding-top: 34px; padding-right: 51px; padding-bottom: 55px; background-image: -webkit-linear-gradient(180deg, #ddd, #fff); background-image: linear-gradient(270deg, #ddd, #fff);}
.home-page-content p {font-size: 18px;}
.home-page-content .sidebar-button-text {color: #fff;}

.school-quote.new:before, .school-quote.new:after {font-size: 30px; position: relative; top: 7px; color: #134472; font-weight:normal; line-height:18px;}
.school-quote.new p:before {content: "\275D  "; }
.school-quote.new p:after {content: "\275E  ";}
.school-quote.new p {display:inline;}
.what-they-re-saying p:before, .what-they-re-saying p:after {content:"\0022";}

.signup ul {list-style:none; margin: 0; padding: 0;}
.reports {background:none; margin: 0; padding: 0; display:block;}
.reports a {background-color: #3898EC; display:block; margin-top: 5px; padding: 9px 15px; color: #fff;}
.reports a:hover {text-decoration:none; color: #fff;}

nav ul, nav li {list-style:none; display:inline; margin: 0; padding: 0;}
nav li {float:left;}
nav a {display: inline-block; padding: 20px 30px; border-left: 1px solid rgba(255, 255, 255, 0.18); -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; font-family: 'Roboto Condensed', sans-serif; color: white; font-size: 16px; text-transform: uppercase; position: relative; vertical-align: top; text-decoration: none; text-align: left; margin: 0 auto;}
nav a:hover {background-color: #59aaa0; color: white; text-decoration: none;}

h3.blog-link-header {font-size: 18px; line-height: auto; font-family: 'Roboto Condensed', sans-serif;}
h3.center {text-align:center; font-family: 'Roboto Condensed', sans-serif; font-size: 18px;}
h4.center {text-align:center; font-family: 'Roboto Condensed', sans-serif; font-size: 15px;}

.school-attribution {color: #666;}

.home.school-quote {font-size: 18px;}

.hero-left-col h3 {font-size: 16px; color: #fff; line-height: 18px; max-width: 90%;}
.hero-left-col ul {list-style:none; margin: 0; padding: 0;}
.hero-left-col a {color: #fff;}
.hero-left-col p {margin-bottom: 36px; padding-bottom: 1px; font-family: 'Roboto Condensed', sans-serif; color: #ededed; font-size: 21px; line-height: 27px; font-weight: 300; text-align: left;}

.signup p {margin-bottom: 19px; font-family: 'Roboto Condensed', sans-serif; color: white; text-align: left;}
.signup label {display:none;}
.signup input[type=text], .signup input[type=email], .content-left-col input[type=text], .content-left-col input[type=email], .content-left-col textarea, .widget input[type=text] {display: block; width: 100%; height: 38px; padding: 8px 12px; margin-bottom: 10px; font-size: 14px; line-height: 1.42857143; color: #555; vertical-align: middle; background-color: #fff; border: 1px solid #ccc;}

.signup button, .signup html input[type="button"], .signup input[type="reset"], .signup input[type="submit"], .content-left-col button, .content-left-col html input[type="button"], .content-left-col input[type="submit"] {cursor: pointer; -webkit-appearance: button; display: inline-block; padding: 12px; background-color: black; color: white; border: 0; line-height: inherit;}

.school-logo-icon {max-height: 160px!important; }
.school-logo-icon img {display: block; max-width: 130px; max-height: 130px; margin-right: auto; margin-bottom: 22px; margin-left: auto;}

iframe {max-width: 100%;}

.pag {text-align:center; margin: 15px 0;}

.tabpane ul, .tabpane li {list-style:none; margin: 0; padding: 0;}
.tabpane a {color: #525252;margin-bottom: 6px; padding: 5px; border-radius: 5px; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; text-decoration: none; display:block; background: url(images/icon-arrow_sm.png) 5px 10px no-repeat; padding: 5px 5px 5px 30px; font-size: 12px;}
.tabpane a:hover {background-color: #cbd9f2; text-decoration:none;}

.dropdown button {width: 100%; text-align: left;}
.dropdown .caret {float:right; position:relative; top: 10px;}
.dropdown-menu {width: 100%;}
.dropdown li {margin: 5px 0;}

.blog-story-wrapper p {padding-left: 20px;}

.hero-button:hover, .schoolwrapper:hover {text-decoration:none;}

blockquote {width: 75%; font-size: larger; border-top: 3px solid #bdd0f2; border-bottom: 3px solid #bdd0f2; margin: 0 auto; padding: 15px 20px;}
blockquote small {font-size: 10px; text-align:right; float:right; }

/* tabs update - 050415 */
.tablink.w--current {border-top-style: solid; border-top-color: #134472;}
.tablink, .tablink:hover {color: #333; text-decoration:none;}
.sidebar-links:hover {background:#d6e5ff;}

/* icons */
.blog-image {width: 150px; height: 150px;}
.blog-image.letter {background: url(images/divestment_icons-02.png) 0 0 no-repeat;}
.blog-image.infog {background: url(images/divestment_icons-01.png) 0 0 no-repeat;}
.blog-image.study {background: url(images/divestment_icons-03.png) 0 0 no-repeat;}
.blog-image.news {background: url(images/divestment_icons-04.png) 0 0 no-repeat;}

/* icon buttons */
.btn-report, .btn-news, .btn-info {position:relative; height: 150px; width: 150px; display:block; float:left; margin-bottom: 10px;}
.btn-report span, .btn-news span, .btn-info span {font-size: 10px; color: #fff; position: absolute; bottom: 0px; left: 0px; padding: 0 0 10px 10px; width: 80%;}
.btn-report {background: url(images/blank_reports.png) 0 0 no-repeat; margin: 0 10px 0 0;}
.btn-news {background: url(images/blank_news.png) 0 0 no-repeat; margin: 0 10px;}
.btn-info {background: url(images/blank_info.png) 0 0 no-repeat; margin: 0 20px 0 10px;}


/* wordpress default styles */
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {display: block; margin: 5px auto 5px auto;}
.alignright {float:right; margin: 5px 0 20px 20px;}
.alignleft {float: left; margin: 5px 20px 20px 0;}

a img.alignright {float: right; margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left; margin: 5px 20px 20px 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.wp-caption {background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px;}

/* Text meant only for screen readers. */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden;}
.screen-reader-text:focus {background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000;}

/* facts page */
.new-header {
  margin-top: 0px;
  padding-top: 23px;
  border-top: 5px solid #134472;
  color: #134472;
  font-weight: 400;
}
.thefacts {
  padding-top: 53px;
  padding-right: 140px;
  font-size: 102%;
}
.leadparagraph {
  padding-bottom: 29px;
  font-size: 20px;
  line-height: 28px;
}
.test-list {
  margin-top: 34px;
  margin-bottom: 28px;
  padding-bottom: 1px;
  padding-left: 0px;
}
.test-list-item {
  margin-bottom: 5px;
  margin-left: 19px;
  padding-bottom: 23px;
  padding-left: 17px;
  border-left: 3px none black;
  font-family:'Roboto Condensed', sans-serif;
  list-style-type: disc;
}
.facts-buttons {
  margin-right: 9px;
  margin-bottom: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 5px;
  background-color: #3898ec;
  color: white;
}
.facts-buttons:hover {color: #fff; text-decoration:none;}
.facts-infographic-1 {
  width: 453px;
  float: left;
  clear: left;
  margin-bottom: 15px;
}
.facts-table {
  width: 806px;
  margin-top: 25px;
  margin-bottom: 39px;
  border: 49px solid white;
  border-radius: 5px;
}
.facts-infographic-2 {
  width: 297px;
  margin-right: 0px;
  margin-left: 45px;
  float: right;
  border: 5px solid white;
  border-radius: 5px;
  margin-bottom: 15px;
}

  
/* sidebar callouts */
.sidebar-large-button {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 10px;
  border-radius: 10px;
  background-color: #4b968e;
  background-image: url(images/icon3.png);
  background-position: 89% 14px;
  background-size: 75px;
  background-repeat: no-repeat;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  text-decoration: none;
}
.sidebar-large-button:hover {
  text-decoration:none;
  background-color: #9dc2be;
  background-position: 89% -5px;
  background-size: 93px;}
.sidebar-large-button.sidebaricon1 {
  background-image: url(images/icon1.png);
  background-position: 100% 15px;
  background-size: 122px;
  background-repeat: no-repeat;
}
.sidebar-large-button.sidebaricon1:hover {background-color: #9dc2be;
  background-position: 100% 17px;
  background-size: 149px;}
.sidebar-large-button.sidebaricon2 {
  background-image: url(images/icon2.png);
  background-position: 97% 174%;
  background-size: 110px;
  background-repeat: no-repeat;
}
.sidebar-large-button.sidebaricon2:hover {background-color: #9dc2be;
  background-size: 138px;}
	.sidebar-button-text {
  width: 125px;
  font-size: 20px;
  line-height: 27px;
  font-weight: 300;
}  
  

@media (max-width: 991px) {
nav li {float:none;}
  nav a {
    display: block;
    float: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
    border-left-style: none;
    border-left-width: 0px;
  }
  nav {
    float: right;
  }
}
@media (max-width: 750px) {
.alignright, .alignleft {float:none; display:block; margin: 5px auto;}
}