/* Responsive Pages - INFORMATICS specific styles */

/* Health Informatics title - single line */
 
.title {
                                padding-top:1.5%;
                                width:80%;
                                max-width:500px;
                                }
                               
@media (max-width: 1084px) {
.title {
                padding-top:2.2%;
                max-width:40%;
                                }
                }             
               
@media (max-width: 1034px) {
.title {
                font-size: 1.2em;
                                }
                }
                               
@media (max-width: 781px) {                   
.title {
                display: none;
}
}                             
 
@media (min-width: 1300px) and (max-width: 1329px) {
.title {
                max-width: 38%;
                font-size: 1.6em;
                                }
                }
               
@media (min-width: 1259px) and (max-width: 1299px) {
.title {
                max-width: 38%;
                font-size: 1.5em;
                                }
                }             
               
@media (min-width: 1085px) and (max-width: 1258px) {
.title {
                max-width: 44%;
                font-size: 1.5em;
                                }
                }             
               
@media (min-width: 1035px) and (max-width: 1084px) {
.title {
                font-size: 1.3em;
                max-width: 41%;
                                }
                }             
               
@media (min-width: 992px) and (max-width: 999px) {
.title {
                max-width: 39%;
                                }
                }



/* Thumbnail mods */

.sidebar-thumbnail {
	background-image: url(../../images/icons/news-icon.png);  
	background-repeat: no-repeat;
	background-position: right 105%;
	background-color: #c1d82e;	
	margin-bottom:20px;
} 


.sidebar-thumbnail p {
	padding: 20px 15px;
	font-size: 1.1em;
}

.sidebar-thumbnail h3 {
	padding-top: 15px;
	padding-left:15px;
	font-size:1.1em;
}

.thumbnail {
    padding: 10px 10px 0px 10px;
    border: 0;
    border-radius: 0;
}

.giving.thumbnail {
    padding: 0;
	margin-top:-20px;
    background-color: #c51230;
	background-image: url(../../images/icons/news-icon.png);
	background-repeat: no-repeat;
	background-position: right 105%;
	margin-bottom:20px;
	
}

.giving.thumbnail a {
    color:#fff;
	
}

.giving.thumbnail p {
	font-size:1.1em;
	font-weight:200;
	color:#fff;
} 

.giving.thumbnail img.img-responsive-left {   
	margin-right:15px;
}

.giving.thumbnail .caption  {
	padding: 20px 15px;
}

@media (min-width:1280px) {
.sidebar .giving.thumbnail img.img-responsive-left, 
.sidebar .sidebar-thumbnail img.img-responsive-left {
	max-width:60%;
	margin-bottom:0;
}
}

@media (min-width:992px) and (max-width:1279px) {
.giving.thumbnail img.img-responsive-left, 
.sidebar-thumbnail img.img-responsive-left {
	max-width:100%;
}
.sidebar-thumbnail p {
	margin-right:30px;
	}

}

@media (min-width:660px) and (max-width:991px) {

.sidebar-thumbnail p, .giving.thumbnail p { 
	font-size: 1.3em;
}


.giving.thumbnail img.img-responsive-left, 
.sidebar-thumbnail img.img-responsive-left {
	max-width:30%;
	margin-bottom:0;

}
}

@media (min-width:531px) and (max-width:659px) {
.giving.thumbnail img.img-responsive-left, 
.sidebar-thumbnail img.img-responsive-left {
	max-width:40%;
	margin-bottom:0;

}
}

@media (min-width:376px) and (max-width:530px) {
.giving.thumbnail img.img-responsive-left, 
.sidebar-thumbnail img.img-responsive-left {
	max-width:50%;
	margin-bottom:0;

}

.sidebar-thumbnail p, .giving.thumbnail p { 
	font-size: 1em;
}
}



@media (max-width:375px) {
.giving.thumbnail img.img-responsive-left, 
.sidebar-thumbnail img.img-responsive-left {
	max-width:100%;
	float:none;
}

.sidebar .giving.thumbnail img.img-responsive-left {
	margin-bottom:0;
}

.sidebar-thumbnail h3 { padding-top:0; }

.sidebar-thumbnail p, .giving.thumbnail p { 
	font-size: 1em;
	margin-right:10px;
}



}


/* rightsidebar mods */

.panel-variation-4 .panel-body {
    background-color: #eceff3;
}


.panel-variation-5 .panel-body {
    background-color: #D1E6EF;
}




/* text mods */

.largetext {
    font-size: 1.3em;
    font-weight: 500;
}