/* CI NEW HOMEPAGE TILES w Responsive mods */
.ci-home-tile {
    clear: none;
    width: 30%;
    float: left;
    margin: 1.5%;
    background: #eee;
    height: 305px;
 /*   border-radius:20px; */
}
.ci-home-tile img {
  max-height:250px;
  border: solid 3px rgba(255, 255, 255, 0.6);;
  border-radius: 5px;
  width: 97%;
  width: calc(100% - 6px);
}
.ci-home-tile p, 
.ci-home-tile h3 {
text-align:center;
margin: 10px;
}

/* smartphone_landscape one_col_vert */
@media only screen and (max-width:480px) {
.ci-home-tile {
    width: 95%;
    height: 350px;
}
/* mlarson 08292017 */
  section#main-content {
      display: inline-block;
  }
  iframe#twitter-widget-0 {
      width: 100% !important;
  }
  .region-secondary-content {
      width: 100%;
      max-width: 100%;
  }
/* mlarson 08292017 */
}
@media only screen and (min-width:481px) and (max-width:768px) {
.ci-home-tile {
    width: 47%;
}
}

/* start lmgonzales 2018-12-17 */
/* add image scaling for super wide screens */

/* bigscreen three_col_grail */
@media only screen and (min-width:1025px) and (max-width:1659px) {
.ci-home-tile {
    height: 350px; 
}
}
/* wider screens screens */
@media only screen and (min-width:1660px) and (max-width:1700px) {
.ci-home-tile {
    height: 380px;
}
.ci-home-tile img {
   max-height: unset;
}
}

/* fix inconsitent scaling */
@media only screen and (min-width:1701px) and (max-width:1962px){
.ci-home-tile {
    min-height: unset;
    height: 430px;
}
.ci-home-tile img {
   max-height: unset;
}
}
/* super wide screens */
@media only screen and (min-width:1963px) {
.ci-home-tile {
    min-height: 350px;
    height: unset;
}
.ci-home-tile img {
   max-height: unset;
}
}
/* end lmgonzales 2018-12-17 */

/*****************************************/
/* RESPONSIVE DESIGN MODIFICATIONS */

/* smartphone_landscape one_col_vert */
@media only screen and (min-width:321px) and (max-width:480px) {
/*Home Page*/
.ci-home-left {
    clear:both;
    width:100%;
}
.ci-home-right {
    clear:both;
    width:100%;
}
.view-critical-issues-main-topic-subtopic-list .views-row {
    border-bottom: none;
}
.view-critical-issues-main-topic-subtopic-list .views-row-last {
    border-bottom: none;
    margin-bottom:20px;
}

/*Topic and Subtopic Pages*/
.view-critical-issues-basics-factsheet img {
    float:left;
    margin-right:10px;
    max-width:200px;
}

.node-type-critical-issues-factsheet .field-name-field-abstract, 
.node-type-critical-issues-factsheet .field-name-body {
   display:block;
    float:left;
    padding-left:10px;
}
.node-type-critical-issues-factsheet .field-name-field-imagecarousel {
    margin-left: 10px;
    clear: both;
    float: left;
    border-bottom: 1px solid #008888;
    margin-right:20px;
    margin-top: 10px;
    margin-bottom: 10px;
    width:100%;
    max-width:90%;
    padding-bottom:15px;
 }
.node-type-critical-issues-factsheet .field-name-field-factsheet-file {
    margin: 0px 20px 10px 10px;
    clear: both;
    float: left;
    border-bottom: 1px solid #008888;
    width: 100%;
    max-width: 90%;
}
.ci-tools {
    border-top:1px dotted #088;
    padding:10px 0px 0px;
}
.view-critical-issues-faq-view .views-field-field-image img {
    clear:both;
    float:left;
    margin-right:10px;
    max-width:360px;
    height: auto !important;
    width: 100% !important;
    padding-left: 10px;
}
.view-critical-issues-map-view .views-field-field-image img {
    clear:both;
    float:left;
    margin-right:10px;
    max-width:360px;
    height: auto !important;
    width: 100% !important;
    padding-left: 10px;
}
.views-field-field-external-source-disclaimer {
    clear:both;
    margin:0px 10px;
}
.view-critical-issues-faq-view .views-field-body {
 clear:both;
    margin:0px 10px;
}
.view-critical-issues-map-view .views-field-body {
 clear:both;
    margin:0px 10px;
}
}
/* tablet_portrait one_col_vert */
@media only screen and (min-width:481px) and (max-width:768px) {

/*Home Page*/

.ci-home-left {
    clear:both;
    width:100%;
}
.ci-home-right {
    clear:both;
    width:100%;
}
.ci-aboutus {
  background: none;
  font-size:100%;
  padding: 10px;
  margin-right: 10px;
}
.ci-maintopic {
    clear:none;
    width:30%;
    float:left;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}
.view-critical-issues-main-topics img {
    max-height:50px;
    max-width:50px;
}
.view-critical-issues-main-topic-subtopic-list .views-row {
    border-bottom: 1px dotted #088;
    margin:0px 10px;
}
.view-critical-issues-main-topic-subtopic-list .views-row-last {
    border-bottom: none;
    margin-bottom:20px;
}

/*Topic and Subtopic Pages*/
.view-critical-issues-basics-factsheet img {
    float:left;
    margin-right:10px;
    max-width:200px;
}

.node-type-critical-issues-factsheet .field-name-field-imagecarousel {
    margin-left: 10px;
    clear: both;
    float: left;
    border-bottom: 1px solid #008888;
    margin-right:20px;
    margin-top: 10px;
    margin-bottom: 10px;
    width:100%;
    max-width:90%;
    padding-bottom:15px;
}
.node-type-critical-issues-factsheet .field-name-field-factsheet-file {
    margin: 0px 20px 10px 10px;
    clear: both;
    float: left;
    border-bottom: 1px solid #008888;
    width: 100%;
    max-width: 90%;
}
.view-critical-issues-related-topics-list-with-description .views-row {
    display:inline-block;
    margin-bottom:10px;
}

.view-critical-issues-related-topics-list-with-description .views-row p{
    margin-bottom:0px;
}
.ci-tools {
    border-top:1px dotted #088;
    padding:10px 0px 0px;
}
.view-critical-issues-faq-view .views-field-field-image img {
    clear:both;
    float:left;
    width:100%;
    min-width:340px;
    margin-right:10px;
    padding-left: 10px;
}
.view-critical-issues-map-view .views-field-field-image img {
    clear:both;
    float:left;
    margin-right:10px;
    width:100%;
    min-width:340px;
    padding-left: 10px;
}
.views-field-field-external-source-disclaimer {
    clear:both;
    margin:0px 10px;
}
.view-critical-issues-faq-view .views-field-body {
    clear:both;
    margin:0px 10px;
}
.view-critical-issues-map-view .views-field-body {
    clear:both;
    margin:0px 10px;
}
}

/* tablet_landscape three_col_grail */
@media only screen and (min-width:769px) and (max-width:1024px) {

/*Home Page*/
.ci-home-left {
    clear:both;
    width:100%;
}
.ci-home-right {
    clear:both;
    width:100%;
}
.ci-maintopic {
    clear:none;
    width:20%;
    float:left;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}
.ci-hometools {
    text-align:left;
}

.view-critical-issues-main-topics img {
    max-height:80px;
    max-width:80px;
}
.view-critical-issues-main-topic-subtopic-list .views-row {
    border-bottom: 1px dotted #088;
    margin:0px 10px;
    font-size:90%;
}
.view-critical-issues-main-topic-subtopic-list .views-row-last {
    border-bottom: none;
}

/*Topic and Subtopic Pages*/
.view-critical-issues-basics-factsheet img {
    float:left;
    margin-right:10px;
    max-width:200px;
}

.node-type-critical-issues-factsheet .field-name-field-imagecarousel {
    margin-left: 10px;
    clear: both;
    float: left;
    border-bottom: 1px solid #008888;
    margin-right:20px;
    margin-top: 10px;
    margin-bottom: 10px;
    width:100%;
    max-width:50%;
    padding-bottom:15px;
 }
.node-type-critical-issues-factsheet .field-name-field-factsheet-file {
    margin: 0px 20px 10px 10px;
    clear: both;
    float: left;
    border-bottom: 1px solid #008888;
    width: 100%;
    max-width: 50%;
}
}

/* bigscreen three_col_grail */
@media only screen and (min-width:1025px) {
/*Home Page*/

.ci-home-left {
    clear:none;
    width:75%;
    float: left;
    margin-left:auto;
    margin-right:10px;
    margin-top:1em;
}
.ci-home-right {
    clear:none;
    width:23%;
    float: left;
    margin-left:auto;
    margin-right:auto;
    margin-top:1em;
}
.ci-maintopic {
    clear:none;
    float:left;
    width:20%;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}
.ci-aboutus {
  background: #eee;
  font-size:100%;
  padding: 10px;
  margin-right: 10px;
}
.ci-hometools {
    text-align:center;
}
.view-critical-issues-main-topics img {
    max-height:80px;
    max-width:80px;
}
.view-critical-issues-main-topic-subtopic-list .views-row {
    border-bottom: 1px dotted #088;
    margin:0px 10px;
}
.view-critical-issues-main-topic-subtopic-list .views-row-last {
    border-bottom: none;
}

/*Topic and Subtopic Pages*/
.view-critical-issues-basics-factsheet img {
    float:left;
    margin-right:10px;
    max-width:300px;
}
.ci-col-left {
    clear: none;
    width: 47%;
    float: left;
    margin: 0px;
    padding-left:10px;
}
.ci-col-right {
    clear: none;
    width: 47%;
    float: right;
    margin: 0px;
    padding-right:10px;
}
.ci-tools {
    padding: 0px;
}
.node-type-critical-issues-factsheet .field-name-field-imagecarousel {
    margin-left: 10px;
    clear: both;
    float: left;
    border-bottom: 1px solid #008888;
    margin-right:20px;
    margin-top: 10px;
    margin-bottom: 10px;
    width:100%;
    max-width:50%;
        padding-bottom:15px;
 }
.node-type-critical-issues-factsheet .field-name-field-factsheet-file {
    margin: 0px 20px 10px 10px;
    clear: both;
    float: left;
    border-bottom: 1px solid #008888;
    width: 100%;
    max-width: 50%;
}

}
/*==========================================*/
/* Non responsive css */
/*==========================================*/

/* Page Wrappers */
/*---------------*/
.ci-bottom-pg-wrapper {
    clear:both;
    width:100%;
    padding-top:10px;
}

/*   Columns   */
/*-------------*/


/* Home Page   */
/*-------------*/
.ci-contactus {
 border-bottom: 1px dotted #088;
}
.view-critical-issues-main-topics h3.field-content {
    margin-top:0px;
    margin-bottom:0.5em;
}

.view-critical-issues-latest-updates {
    margin: 4px;
    padding: 4px;
    border-top: 1px solid #088;
    border-bottom: 1px solid #088;
}

.view-critical-issues-latest-updates .views-field-field-organization-name, 
.view-critical-issues-latest-updates .views-field-field-organization {
    font-size:80%;
}
.view-critical-issues-latest-updates .views-field-changed,
.view-critical-issues-latest-updates .views-field-field-publication-date,
.view-critical-issues-latest-updates .views-field-title {
    font-size:95%;
}
.view-critical-issues-latest-updates .views-field-field-image {
    float: left;
    padding: 0px 5px;
}
.view-critical-issues-latest-updates .views-slideshow-cycle-main-frame-row-item {
  float: left;
  clear: none;
  width: 32%;
  min-width: 300px;
  max-height:110px;
  padding-bottom:5px;
}

.view-critical-issues-latest-updates .views-slideshow-cycle-main-frame-row {
width:100%;
}

/* Topic Pages */
/*---------------*/
.ci-tools {
    margin: 0px;
    display:inline-block;
    width:100%;
}
.ci-tools-item {
    clear:none;
    float:left;
    width:16%;
    margin-left:auto;
    margin-right:auto;
}

/* VIEWS (used in multiple pages) */
/* -------------------------------*/

/* FREQUENT QUESTIONS    */
/*-----------------------*/
.view-critical-issues-frequent-questions {
  margin:0px;
  padding:0px;
}
.view-critical-issues-frequent-questions .view-header {
    text-transform: capitalize;
}
.view-critical-issues-frequent-questions .views-row {
    margin: 0px 5px 0px 0px;
    border-bottom: 1px #CCCCCC dotted; 
    padding: 4px;
}
.view-critical-issues-frequent-questions .views-field-field-organization-name {
  font-size:85%;
}

.view-critical-issues-frequent-questions .view-footer p {
  text-align:center;
}

/* TOPIC DESCRIPTION    */
/*-----------------------*/
.view-critical-issues-topic-description {
    padding: 0px;
    margin: 0px;
}
.view-critical-issues-topic-description p {
    margin-bottom: 0px;
}

/* BASICS FACTSHEET on TOPIC PAGE    */
/*-----------------------------------*/
.view-critical-issues-basics-factsheet {
    display:inline-block;
    padding: 0px;
    margin: 0px;
    background:none;
}
.view-critical-issues-basics-factsheet p {
    margin-bottom:0px;
}

/* RELATED TOPICS TITLES ONLY   */
/*----------------------------*/
.view-critical-issues-related-topics-titles-only {
    padding: 0px;
    margin: 0px;
    display:inline-block;
}
.view-critical-issues-related-topics-titles-only .views-row {
    clear:none;
    float:left;
}
.view-critical-issues-related-topics-titles-only .views-row p {
    margin-right:0px;
    margin-bottom:1em;
}
.view-critical-issues-related-topics-titles-only .views-row p:after  {
   content: '\00a0\00a0|\00a0\00a0';
}
.view-critical-issues-related-topics-titles-only .views-row-last p:after  {
   content:none;
}

/* RELATED TOPICS with LIST   */
/*----------------------------*/
.view-critical-issues-related-topics-list-with-description {
    padding: 0px;
    margin: 0px;
    border-top: 1px dotted #088;
}
.view-critical-issues-related-topics-list-with-description .views-field-field-image {
    clear:both;
    float:left;
    margin-right:10px;
}
.view-critical-issues-related-topics-list-with-description img {
    max-height: 80px;
}

/* FROM THE RESEARCH DBASE    */
/*----------------------------*/
.view-critical-issues-from-the-rdb {
    margin:0px;
    padding: 0px;
}
.view-critical-issues-from-the-rdb .view-header p{
   margin-bottom:0px;
}
.view-critical-issues-from-the-rdb .views-row {
    margin: 0px 10px 0px 0px;
    border-bottom: 1px #CCCCCC dotted; 
    padding: 4px;
}
.view-critical-issues-from-the-rdb .views-field-field-organization {
  font-size:85%;
}
.view-critical-issues-from-the-rdb  .view-footer{
  text-align:center;
  font-weight:bold;
  padding-top:10px;
}



/* POLICY NEWSFEED    */
/*--------------------*/
.view-critical-issues-policy-newsfeed {
    background:none;
    padding: 0px;
    margin: 0px;
    border-top: 1px dotted #088;
}
.view-critical-issues-policy-newsfeed .views-row {
    clear:both;
    margin: 0px 5px 0px 0px;
    padding: 4px;
    border-bottom: 1px #CCCCCC dotted; 
}
.view-critical-issues-policy-newsfeed span.date-display-single {
    font-size:85%;
}
.view-critical-issues-policy-newsfeed img {
    float:left;
    margin-right:10px;
    max-width: 40px;
}


/* NODE type CSS */
/*---------------*/

/* FACTSHEET Nodes */
/*-----------------*/
.node-type-critical-issues-factsheet .field-slideshow-processed {
    width:100% !important;
}

.node-type-critical-issues-factsheet .field-name-field-target-page {
    margin-bottom:10px;
}
.node-type-critical-issues-factsheet .field-name-field-abstract ul, 
.node-type-critical-issues-factsheet .field-name-body ul {
    overflow:hidden;
}


.node-type-critical-issues-factsheet .field-slideshow-1 {
    padding-right:0px !important;
    padding-bottom:0px !important;
    border-bottom: 1px solid #008888;
}

.node-type-critical-issues-factsheet .field-slideshow-caption {
    font-size: 90%;
    word-wrap: break-word;
}
.node-type-critical-issues-factsheet .field-slideshow-pager  img {
    margin-top:10px;
}
.node-type-critical-issues-factsheet .field-slideshow-pager ul {
    list-style: none outside none;
}
.node-type-critical-issues-factsheet ul#field-slideshow-1-pager li {
    list-style: none outside none;
    min-height: 85px;
    min-width: 100px;
    margin: 0px 0px 0px 1.5em;
    padding: 0px;
}

.node-type-critical-issues-factsheet .field-name-field-factsheet-file:before {
content: "Download File: ";
display: inline-block;
} 
.node-type-critical-issues-factsheet .ci-showhide a {
font-size:85%;
}
.node-type-critical-issues-factsheet .view-critical-issues-frequent-questions .view-footer p {
  text-align:left;
}
.node-type-critical-issues-factsheet .field-name-field-date {
    clear:both;
    float:left;
}
/* FAQ Nodes */
/*-----------*/
.node-type-faq .field-type-image {
    background-color: rgba(0, 0, 0, 0);
    clear: none;
    float: left;
    max-width: 30%;
    min-width: 100px;
    margin-right:20px;
}
.node-type-faq .field-type-image figure {
    clear: none;
    width: 100%;
}
.node-type-faq .field-name-field-external-source-disclaimer {
    clear: none;
    float: left;
    margin-left: 3px;
    max-width: 60%;
    padding-left: 10px;  
    font-style:italic;
    line-height:2.5em;
}
/** .node-type-faq .field-type-text-with-summary { */
/**    clear: none; */
/**    float: left; */
/**    margin-left: 3px; */
/**    max-width: 60%; */
/**    padding-left: 10px; */
/**     } */

 .node-type-faq .field-type-text-with-summary {
    clear: both;
    float: left;
}
.node-type-faq .field-type-taxonomy-term-reference {
    display:none;
 }
 
 
/* MAP Nodes */
/*----------- */

.node-type-critical-issues-map figure img {
    width:100%;
    max-width:1000px;
 }
.node-type-critical-issues-map .field-name-field-external-source-disclaimer {
    font-style:italic;
}

/* SEARCH FAQs Node */
/*-----------------*/
.view-critical-issues-search-faq-fulltext #edit-search-api-views-fulltext {
    background-image: url('/sites/default/files/search.png');
    background-repeat: no-repeat;
    background-size: contain;
    text-indent: 18px;
}

.view-critical-issues-search-faq-fulltext .views-exposed-form {
    margin-bottom:10px;
}
.view-critical-issues-search-faq-fulltext .views-row {
    padding: 0.3em;
}
/*==================================*/
/* Critical Issues - WEBFORMS       */
/*==================================*/

/* Ask An Expert Form- node 2246 */
/*==================================*/
#node-2246 .submitted {
    display:none;
}
#node-2246 #comments {
    display:none;
}

/* Suggest a Resource Form- node 2236 */
/*==================================*/
#node-2236 .submitted {
    display:none;
}
#node-2236 #comments {
    display:none;
}



/* RELATED MAPS - Vert List  */
/*-----------------*/

.view-critical-issues-related-maps {
    background:none;
    padding: 0px;
    margin: 0px 0px 10px;
}
.view-critical-issues-related-maps .views-row {
    clear:both;
    float:left;
    margin: 0px 10px 0px 0px;
    padding: 4px;
    border-bottom: 1px dotted #CCC;
    width:100%;
}   
.view-critical-issues-related-maps .views-field-field-image  {
  float:left;
  margin-right: 10px;
  width:150px;
}

.view-critical-issues-related-maps .views-field-field-organization-name {
  font-size:85%;
}


/* RELATED FAQs List - Vert List  */
/*-----------------*/


.view-critical-issues-related-faq-list {
    background:none;
    padding: 0px;
    margin: 0px 0px 10px;
}
.view-critical-issues-related-faq-list .views-field-field-organization-name {
  font-size:85%;
}
.view-critical-issues-related-faq-list .views-row {
    clear:both;
    float:left;
    margin: 0px 10px 0px 0px;
    padding: 4px;
    border-bottom: 1px dotted #CCC;
    width:100%;
}   
.view-critical-issues-related-faq-list .views-field-field-image  {
  float:left;
  margin-right: 10px;
  width:100px;
}
/* CRITICAL ISSUES SEARCH ALL CONTENT */

#block-views-8b7f46b4a3b2b3699606cefeefdbefd3 {
    background-color: #eee;
    border: 1px #8cc solid;
    padding: 10px;
    margin: 10px 10px;
}

#block-views-8b7f46b4a3b2b3699606cefeefdbefd3 h2.block-title {
font-size: 1.2em;
display: none;
}

#block-views-8b7f46b4a3b2b3699606cefeefdbefd3 .views-widget-filter-combine .description,
#block-views-8b7f46b4a3b2b3699606cefeefdbefd3 .views-widget-filter-field_tags_tid_3 .description {
font-size: 85%;
font-style: italic;
max-width:300px;
}

#block-views-8b7f46b4a3b2b3699606cefeefdbefd3 #edit-field-tags-tid-3.form-text.form-autocomplete {
max-width:300px;
}
#block-views-8b7f46b4a3b2b3699606cefeefdbefd3 .views-exposed-form label,
#block-views-8b7f46b4a3b2b3699606cefeefdbefd3 .views-exposed-form .form-item,
#block-views-8b7f46b4a3b2b3699606cefeefdbefd3 .views-exposed-form .views-widget {
    clear:none;
    display:inline;
}

#block-views-8b7f46b4a3b2b3699606cefeefdbefd3 .views-exposed-form label {
    margin-right: 1em;
}
#block-views-8b7f46b4a3b2b3699606cefeefdbefd3 .views-exposed-form .form-submit {
    margin-top: 0;
}

/* webform for suggest a resource is too wide on mobile */
@media screen and (max-width:700px) {
    .webform-component input.form-text,
    .webform-component label {
        max-width: 350px !important;
    
    }
}