/*************************************************************************
   AUTHOR:          IRM-CAS
   WEBSITE:         http://www.lanl.gov/
   TEMPLATE NAME:   LANL Core CMS Template Homepage Elements Styles
   VERSION:             1.0             
 ************************************************************************/ 
/* SLIDER REVOLUTION */

.boxedcontainer {max-width: 1170px; margin:auto; padding:0px 30px;}

/*********************************************
	-	SETTINGS FOR BANNER CONTAINERS	-
**********************************************/

.tp-banner{
    visibility: hidden;
}
.tp-bannertimer{
    display:none;
}
.tp-caption.lightgrey_divider {
    background:transparent;
    text-decoration: none;
    width: 70% !important;
    height: auto ;
    white-space: normal;
    padding:0 0 0 20px !important;
    margin-top:-55px !important;
}

.tp-mask-wrap {
    width: 1200px !important;
}
.tp-arr-titleholder{}
#contentwrapper .tp-caption{
    white-space:normal !important;
}
#contentwrapper .tp-caption h1{
    font-size:310%;
    line-height:110%;
    width:100%;
    color:#fff;
    font-weight:bold;
    text-shadow: 2px 2px 6px rgba(80, 80, 80, 1);
}
#contentwrapper .tp-caption p{
    font-size:160%;
    line-height:140%;
    width:100%;
    color:#fff;
    padding:5px 0 20px 0;
    text-shadow: 1px 1px 6px rgba(30, 30, 30, 1);
}
#contentwrapper .tp-caption p#brand{
    font-size:180%;
    line-height:160%;
    width:75%;
    height:35px;
    color:#fff;
    padding-left:0;
    margin-bottom:-10px;
    text-shadow: 1px 1px 6px rgba(30, 30, 30, 1);
    text-transform:normal;
}
#contentwrapper .tp-caption span#readmore-button{
    text-shadow: 1px 1px 6px rgba(100, 100, 100, 1); 
    display:inline;
    background:#000;
    border-radius:35px;
    opacity:0.8;
    padding:10px 25px;
    width:auto;    
}
#contentwrapper .tp-caption a span#readmore-button{
    color:#fc3 !important;
    font-weight:lighter;
    font-size:160%;
}
#contentwrapper .tp-caption a span#readmore-button:hover {
    color: #fff !important;
    opacity: 1;
}
.erinyen .tp-tab-title{
    font-size:16px;
}
.erinyen.tparrows{
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
}
.tp-leftarrow.tparrows.erinyen.noSwipe, .tp-rightarrow.tparrows.erinyen.noSwipe {
    opacity: 0.5 !important;
    visibility: visible !important;
}
.tp-banner-container .tp-leftarrow.tparrows.erinyen.noSwipe:hover, .tp-banner-container .tp-rightarrow.tparrows.erinyen.noSwipe:hover {
    background: #000 none repeat scroll 0 0;
    opacity: 1 !important;
}
/* === MEDIA QUERIES ==== */

/* TABLET LAYOUT 
----------------------------------------------- */
/* iPads (landscape) 
------------------------------------------- */

@media only screen and (max-width:1024px) {

.tp-caption.lightgrey_divider {
    background:transparent;
    text-decoration: none;
    width: 90% !important;
    height: auto ;
    white-space: normal;
    padding:0 40px 0 0 !important;
    margin-top:-55px !important;
}
}
/* iPads (portrait and smaller tablet landscape) 
------------------------------------------- */

@media only screen and (max-width:900px) {
.tp-caption.lightgrey_divider {
    background:transparent;
    text-decoration: none;
    width: 90% !important;
    height: auto ;
    white-space: normal;
    padding:0 40px 0 0 !important;
    margin-top:-55px !important;
}
}
/* MOBILE PHONE and Small Tablet */
@media only screen and (max-width: 640px) {
#contentwrapper{
    height:auto;
    background:#fff;
}
.tp-banner-container{
    width:100%;
    position:relative;
	padding:0;
    margin:0 auto 10px auto !important;
}

.tp-banner{
	width:100%;
	position:relative;
}

.tp-caption p{display:none;}
.tp-banner{
    visibility: hidden;
}
.tp-mask-wrap {
    width: 100% !important;
}
.tp-caption.lightgrey_divider {
    background: transparent none repeat scroll 0 0;
    height: auto;
    margin-top: -20px !important;
    padding: 0 40px 0 20px !important;
    text-decoration: none;
    width: 330px !important;
}
#contentwrapper .tp-caption{
    white-space:normal !important;
}
#contentwrapper .tp-caption h1{
    font-size:260%;
    line-height:110%;
    width:100%;
    color:#fff;
    font-weight:bold;
    text-shadow: 2px 2px 6px rgba(80, 80, 80, 1);
}
#contentwrapper .tp-caption p{
    display:none;
}
#contentwrapper .tp-caption p#brand{
    font-size:140%;
    line-height:140%;
    width:75%;
    color:#fff;
    padding-left:0;
    margin-bottom:-10px;
    text-shadow: 1px 1px 6px rgba(30, 30, 30, 1);
    text-transform:uppercase;
}
#contentwrapper .tp-caption span#readmore-button{
    text-shadow: 1px 1px 6px rgba(100, 100, 100, 1); 
    display:block;
    background:#000;
    border-radius:35px;
    opacity:0.9;
    padding:10px 25px;
    width:120px;    
}
#contentwrapper .tp-caption a span#readmore-button{
    color:#fc3 !important;
    font-weight:lighter;
    font-size:200%;
}
.erinyen .tp-tab-title{
    font-size:14px;
}
}