/* subContent css */


div.announcementBubble, div.listingBubble, div.leaderboardBubble, div.rridUseBubble, div.newsBubble {
    width: 28%;
    border: 1px solid #1c75bc;
    border-radius: 3px;
    box-shadow: 2px 2px 5px #999;
    background-color: #fff;
}

span.bubbleTitle{
    display: block;
    text-align: center;
    text-transform: uppercase;
    background-color: #1c75bc;
    color: white;
    padding: .5vw 0;
    text-wrap: pretty;
    font-size: 10pt;
}

span.bubbleTitle a {
	color: white;
}

span.bubbleDesc {
    font-size: 8pt;
    padding: 1vw;
    display: inline-block;
    color: #1c75bc;
}

span#bubbleSpec {
    font-size: 9pt;
    padding: 1vw;
    text-align: left;
    display: block;
    color: #333;
    word-break: break-word;
}

span#bubbleSpec i {
    float: right;
    display: contents;
    color: #1c75bc;
}

span#bubbleSpec a {
    font-size: 9pt;
    word-break: break-word;
}

.bubble {
    margin-left: 2vw;
    margin-right: 2vw;
    margin-bottom: 2vw;
}

div#subContentDash {
    margin: 4vw 0;
    display: flex;
    background-image: url("/images/tubes-background.png");
    padding: 4vw 0;
    box-shadow: inset 0px 0px 20px 20px #fff;
    flex-direction: row;
    flex-wrap: wrap;
    background-repeat: repeat-x;
    background-size: cover;
    background-position: center;
    justify-content: center;
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

	div.announcementBubble, div.listingBubble {
		width: unset;
		margin: 4vw 2vw;
	}
	
	span.bubbleDesc {
		padding: 3vw;
	}
	
	span#bubbleSpec {
		padding: 3vw;
	}

}