/* Style overwrites and supplements for TIRN site */

p{
    font-size:1.3rem;
    font-family: 'Roboto', sans-serif!important;
    margin-top:1em;
}

p.lead {
    /*font-family: 'Garamond', serif !important;*/
    font-family: 'Roboto', sans-serif!important;
    font-size: x-large;
    line-height: 1.4 !important;
    margin-top: 2rem;
}

h1{font-family: 'Roboto', sans-serif!important;}

h2{
    font-family: 'Roboto', sans-serif!important;
}

h3 {
  font-size: 1.5rem;
  font-family: 'Roboto', sans-serif!important;
  /*font-family: 'Garamond', serif !important;*/
  font-weight:600;
  margin:1em 0;
}

.subHeading{
    text-align:center;
    margin-bottom: 0.6rem;
    text-transform: uppercase;
    font-size: 1.5em;
}

h2.headline{
    font-size:1.6rem!important;
    font-family: 'Roboto', sans-serif!important;
}

h4 {
  font-size: 1.4rem;
  font-family: 'Roboto', sans-serif!important;
  /*font-family: 'Garamond', serif !important;*/
}

.h4{
    font-size: 1.7rem!important;
}

.h3{
    font-size:1.2rem!important;
}




h2:not(.hero-subheading){
    font-size: 2.3rem;
    text-transform: uppercase;
    color:#ae6042;
    letter-spacing: 0.080em;
    line-height: 1.1em;
    margin: 0.8em 0;
    /*text-align:center;*/
}

h2.page-title {
    font-size: 2rem!important;
    text-transform: uppercase;
    color:#ae6042!important;
    letter-spacing: 0.080em;
    line-height: 1.1em;
    margin-top: 0.5em!important;
    text-align:center;
}

.callout{
    margin: 2rem 0 2rem 0!important;
}

ul li{
    font-size:1.3rem;
    font-family: 'Roboto', sans-serif!important;
    
}


/*HERO HEADER*/

.heroHeader .columns, .heroHeader .cell {
    padding: 0.5rem;
    border:none!important;
}

.darkText:not(.heroHeader) > div {
border: none!important;
border-radius: 0;
background: none!important;
/*margin:1em auto!important;*/
}

.whiteText:not(.heroHeader) > div {
border: none!important;
border-radius: 0;
background: none!important;
/*margin:1em auto!important;*/
}

.heroHeader {background-position: center center !important;}

.heroHeader.whiteText .columns, .heroHeader.whiteText .cell {
    background: rgba(0,40,86,0.7);
}
/*END HERO HEADER*/


/*NAVIGATION*/
.sticky-container {background:#022043;}

#masthead #main-nav{background: #022043;}


#masthead #main-nav .top-bar ul.dropdown {
    background: #022043;
}

#masthead #main-nav .top-bar ul a:hover{
    background:#4e738a;
    color:#fff;
}

/*END NAVIGATION*/

/*TIRN LEADERS STYLE*/

#tirnLeaders .panel{
    padding: 0.65rem !important;
    border: solid 1px #ccc;
    margin:1em 0.5em 1em;
}

#tirnLeaders h3{
    
    font-size:1.6em;
    color:#002856;
    font-weight:600;
    text-align:center;
    margin:0.5em 0;
}

#tirnLeaders{margin:2em 0;}

.panel h2{
font-size:1.8em!important;

}

#tirnLeaders h2{
    text-align:center;
}


#tirnLeaders img{
    width:100%;
}

#tirnLeaders p{
    font-size:1.2rem;
}
/*END TIRN LEADERS STYLE*/



/*BUTTON STYLE*/

.button.hollow {
 border: 1px solid #002856!important;
 color:#002856!important;
 line-height: 1.3em!important;
 font-weight: 700!important;
 font-family: 'Roboto', sans-serif!important;
 font-size: large;
 /*width: 86%!important;*/
}

.button.hollow {
background: transparent;

}

.button.hollow:hover, .button.hollow:focus {
    border-color: #0c3d5d!important;
}

.button.hollow:hover {
background-color: #002856!important;
color:#fff!important;
font-weight: 700!important;
font-family: 'Roboto', sans-serif!important;
font-size: large;
}

/*END BUTTON STYLE*/





/*FIGURE AND FIGCAPTION*/

figure.leadership{
    border: none;
    padding: 0.5em!important;
    margin: 0.5em 2em!important;
    /*background:#fff;*/
}

figcaption .name{
    font-size:1.3em;
    color:#b76646;
    font-weight:700;
}

figcaption .title{
    
    font-size:1em;
    color:#022043;
}

/*END FIGURE AND FIGCAPTION*/


/*COLOR CLASSES*/
.gray{
    background:#76777a;
    color:#fff;
}

.orange{
    background:#b76646;
    color:#fff;
}

.gulfblue{
    background:#002856;
    color:#fff;
}

.blue{
    background:#4e738a;
    color:#fff;
}

.dkblue{
    background:#022043;
    color:#fff;
}

.txtDKBlue{
    color:#022043!important;
}

.txtOrange{
    color:#b76646!important;
}

.txtBlue{
    color:#4e738a!important;
}

.txtGulfBlue{
    color:#002856!important;
}

.txtGray{
    color:#76777a!important;
}

/*END COLOR CLASSES*/



.topicImportant {
color:#ae6042!important;
font-weight:700!important;
}

p.topicImportant{
margin-bottom:2rem;
font-weight:normal!important;
font-size:x-large;
}

.card-section-top {
    overflow: hidden;
}



.blueBlock{
background:#4e738a; 
color:#fff!important;
margin-bottom: 0.8em;
padding: 0 1em;

}



blockquote {
    padding: 1.5rem 0 1.5rem 0 !important;
    border-left: none !important;
    border-top: 2px solid #ccc;
    border-bottom: 2px solid #ccc;
    text-align: center;
    font-family: Times;
    font-size: 1.4rem;
    font-style: italic;
    margin: 1.5em 0 1.5em 0;
    color: #C25219;
    font-size: 1.6em !important;
}



/*.heroHeader .columns, .heroHeader .cell{
    position: absolute;
    bottom: 2em;
    left: 2em;
    width: 50%;
}


.heroHeader {
position:relative;

}*/

hr{

max-width:50rem!important;
margin-bottom:2rem!important;
border-bottom:6px solid #002856!important;
}

hr.cardsHeading{
max-width:50rem!important;
margin:0.5rem 0!important;
border-bottom:6px solid #b86645!important;

}

hr.orangeLine {
    margin: 1.1em 0 0.8em!important;
    border-bottom: 2px solid #b76646!important;
    max-width:75rem!important;
}

hr.blueLine{
    margin: 1.1em 0 0.8em!important;
    border-bottom: 6px solid #002856!important;
    max-width:75rem!important;
}

.twoColumn {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2
  list-style-position: inside;
}





/* START MEDIA QUERIES*/


/* SMALL AND UP */
@media only screen and (min-width: 40.063em) {
.columns h1 {
    font-size: 1.7rem!important;
    line-height: 1.5em!important;
    margin: 0.2em!important;
}

.hero-subheading {
    font-size: 1rem!important;

}
}



/* MEDIUM AND UP */
@media only screen and (min-width: 64.0625em) {
.columns h1 {
    font-size: 2.8rem!important;
    line-height: 1.5em!important;
    margin: 0.2em!important;
}

.hero-subheading {
    font-size: 1.6rem!important;

}
}