/* Responsive Pages - RadOnc specific styles */
/* Updated 12/06/18 Cesar - Added sub-brand wordmark modifications */
/* Updated 08/26/21 - LY - Added Content Promo styles */

/* modifies sub-brand wordmark */
.wordmark-sub {
    width: 29%;
}

/* Radonc 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/speechbubble-icon-green.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/heart-icon-red.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;
}



}

/* ===================================== 
   Content Promo styles
======================================== */
.content-promo-blocks {
    margin-top: -15px;
}

.content-promo-wrapper{
    margin-top: 20px;
    display: block;
    width: 100%
    height: 100%;
    cursor: pointer;
}
.content-promo-wrapper:hover{
    opacity: .8;
}
.promo-block img{
   width: 100%;
}
.promo-block-textarea {
    background-color: #eceff3;
    padding: 15px 15px 10px 15px;
    min-height: 90px;
}
.promo-block-textarea h3 {
    margin-top: 0;
}
.glyphicon-chevron-right {
    color: #F99f00;
    padding-left: 3px;
    vertical-align: bottom;
    padding-bottom: 2px;
}