/*
-------media breakpoints-------
xs screen use : @media all and (max-width: 768px) 
sm screen use : @media all and (min-width: 768px) 
md screen use : @media all and (min-width: 992px) 
lg screen use : @media all and (min-width: 1200px) 
other example : @media all and (min-width: 768px) and (max-width: 992px)

-------common colors-------
nabtrade black : #2e2e2e
nabtrade red   : #c20000
dark red       : #62202a
grey           : #f7f7f7
light grey     : #f3f4f8
dark grey      : #e0e1e3
text color     : #4f565a

-------image path example-------
/etc/designs/bootstrap/bootstrap-managed-designs/bootstrap-nabtrade/clientlibs/img/image-file-name.png

*/ 

.nabtrade-ipo-offer .offer .stock {
    color: #c20000;   
}

.nabtrade-ipo-offer .offer .heading .logoImage img {
    padding-bottom: 15px;
}

.nabtrade-ipo-offer .offer .rectangle {
    font-weight: bold;
    text-align: center;
    padding: 10px !important;
    margin-bottom: 10px !important;
    
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;  
}

.nabtrade-ipo-offer .offer .rectangle span {
    display: inline-block;
}

.nabtrade-ipo-offer .stock-up {
    color: #7EBC31;
}

.nabtrade-ipo-offer .stock-down {
    color: #c20000;
}

/* @screen-sm-max */
@media all and (max-width: 768px) {  
    .nabtrade-ipo-offer .offer .customLogo img {
        max-width: 150px;
    }  
}

/* @screen-sm-min */
@media all and (min-width: 768px) {   
    .nabtrade-ipo-offer .offer .customLogo {
        text-align: center;
    }
    
    .nabtrade-ipo-offer .offer .heading .logoImage img {
        padding-right: 15px;
    }
    
    .nabtrade-ipo-offer .offer .right-logo {
        text-align: right;
    }
    
    .nabtrade-ipo-offer .offer .reactangle {
        margin-top: 0px !important;
    }   
}





/*//////////////// nabtrade styles ////////////////*/
.ipo-nabtrade .offer {
	padding: 20px 0px;
    margin-bottom: 15px;
    background: #f3f4f8; 	
}

.ipo-nabtrade .offer h3 {
    margin: 0px;
    font-weight: 800;  
}

.ipo-nabtrade .offer p {
    margin-bottom: 16px;    
}

.ipo-nabtrade .offer a.more {
    display: inline-block;
    margin: 16px 0px;
    text-decoration: underline;    
}

.ipo-nabtrade .offer .type {
    font-weight: bold; 
}

.ipo-nabtrade.offer-white .offer,
.ipo-nabtrade.offer-white .offer h3,
.ipo-nabtrade.offer-white .offer p {
    color: #fff;
}

.ipo-nabtrade .offer-current {
    color: #000;
}



/*//////////////// redesign styles ////////////////*/

.ipo-redesign .offer h3 {
	font-size: 18px;
	font-family: 'Source-Sans-Semibold', sans-serif;
    text-transform: none;
    letter-spacing: normal;
    margin-top: 0px;
    margin-bottom: 0px;
}

.ipo-redesign .offer .stock {
    color: #4C626C;   
}

.ipo-redesign .stock-up {
    color: #018701;
}

.ipo-redesign .offer .rectangle {
    background-color: #D1D6D8;
    margin-top: 15px;
    display: inline-block;
}

.ipo-redesign .offer .rectangle span {
    font-family: 'Source-Sans-Semibold', sans-serif;
    text-transform: none;
    letter-spacing: normal;
} 

.ipo-redesign .offer .customLogo img {
    max-width: 120px;
    padding-top: 30px;
}

@media all and (min-width: 768px) {   
	.ipo-redesign .offer .rectangle,
    .ipo-redesign .offer .rectangle span {
	    display: block;
	}   
}