/* ------------------------ Caleb's Additions ------------------------- */

section {padding-bottom: 0;}

h2 {font-size: 1.4em;}

hr.light {border-color: #dedede;}
hr.dark {border-color: #525252;}
hr.red {border-color: #AE293E;}

.light {
    font-weight: 200
}

.btn-primary {
        border-radius: .4em;
        padding: 14px 18px 12px 20px;
	}

.btn-primary:hover, .btn-primary:hover .text-yellow {
    color: #313234;
}

.intro-button:hover span, .intro-button:hover .text-yellow { color: #313234; }

/* Navigation Items ------------------------- */

.navbar-custom {
    border-bottom: 2px solid rgba(33, 37, 41, 0.2) !important;
}

#mainNav .navbar-nav > li.nav-item > a.nav-link, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
    font-family: 'UniversLTStd-Light', sans-serif;
    font-weight: 200;
}


/* Intro Box ------------------------- */

.intro-box {
    background-color: #313234;
/*    border-top:3px #FFB819 solid;*/
}

@media (min-width: 992px) {
    .intro-box.home { 
/*        border-radius: .5em;*/
        border:1px #606162 solid;
        min-height: 475px;
    }
    .intro-logo {
/*        border-bottom-right-radius: .5em;*/
/*        border-bottom-left-radius: .5em;*/
        border-top: none;
    }
}

/* Gallery Videos Top Pane --------------------*/
	#ITlist{max-height: 400px;overflow-y: scroll;padding: 0px;}
	.gallery-video .title a {color: #FFB819; }
    .gallery-video {font-size:.9em;color:#fff;padding-bottom:10px;}
    .gallery-video:last-child {border: none;}
    .gallery-video a.thumb img { border:3px solid rgba(0, 0, 0, 0); }
	.gallery-video a.thumb img:hover, a.thumb img:focus {border:3px solid #FFB819;}
	.gallery-video .date {font-size:.9em;color: #909090;}
	.gallery-video .title {margin-bottom:10px; /*! font-weight:bold; */line-height: 1.2em;}


.gallery-image-footer {line-height:1.1em;font-size:.9em;padding:15px 15px 10px;}
                .gallery-image-footer p {margin-bottom: 0;line-height: 1.3em;}
                p.gallery-image-title {color: #98252B;font-family: 'UniversLTStd'; margin-bottom: .15em;}
                p.gallery-image-description { /*! font-weight: normal; */color: #656565;}
                p.gallery-image-credit {font-size:0.7em;font-family: 'UniversLTStd-Cn';text-transform: uppercase;letter-spacing: .065em;color: #b1b1b1;margin-top: .75em;}
                @media (min-width: 500px) {
                                .card {transition: all .2s ease-in-out;}
                                .card:hover {transform: scale(1.015);}
                                .card.no-scale {transform: scale(1);}
                                .card:hover .gallery-image-footer {background-color: #f0f0f0;}
                }


/*
    .gallery-image-footer {line-height:1.1em;font-size:.9em;padding:15px 15px 10px;}
    .gallery-image-footer p {margin-bottom: 0;line-height: 1.3em; color: #4e4e4e;}
    .gallery-image-title {color: #98252B;font-family: 'UniversLTStd';}
    .gallery-image-description { color: #656565;}
    .gallery-image-credit {font-size:0.7em;font-family: 'UniversLTStd-Cn';text-transform: uppercase;letter-spacing: .065em;color: #b1b1b1;}
    .gallery-image-footer br:first-of-type {margin-bottom: .15em;}
    .gallery-image-footer br:last-of-type {margin-bottom: .75em;}
    @media (min-width: 500px) {
        .card {transition: all .2s ease-in-out;}
        .card:hover {transform: scale(1.015);}
        .card:hover .gallery-image-footer {background-color: #f0f0f0;}
    }
*/
	.video-details {color:#fff; margin-top: 20px;margin-bottom: 20px;}
	.video-details a {color:#FFB819;}
	.video-details p {margin-bottom:5px;line-height:1.2em;/*! font-size: .9em; */color: #909090;}
    .video-details p:last-child {font-size: .9em;/*! line-height: 1.1em; */}
	.video-details .video-desc-title {/*! font-weight:bold; */font-size:1.1em;color: white;}

    .video-details .downloadLink {font-size:.9em;float: right;}
    .caption-block { padding: 0; }
    .caption-block p:first-child {
        font-size: .8em;
        margin-bottom: 8px;
    }



.video-embed .video-details p, .video-embed .video-details, .video-embed .video-desc-title {color:#000;}
.card-img-top {background-color:#F1F1F1;}


    @media (max-width: 992px) { 
        .caption-block {
            border-bottom: 1px solid #534F4B;
            padding-bottom: 14px;
        }
    }

/* Image Columns ---------------------------- */

@media (min-width: 992px) {
    .card-columns {
        column-count: 3;
    }
}

@media (max-width: 991px) {
    .card-columns {column-count: 2; box-shadow: none;}
    .intro-button-wrapper {margin-bottom: 1em !important;}
}
@media (max-width: 991px) and (min-width: 768px) {
    .intro-box .buttons {padding: 20px 40px 20px 20px !important;}
}
@media (max-width: 500px) {
    .card-columns {column-count: 1;}
}

.intro-box .btn-primary {margin: 0; box-shadow: none}
.intro-button-wrapper {
    border:#7a7a7a 1px solid;
	overflow:auto;
	min-width:275px;
    border-radius: .6rem;
}
.intro-button-wrapper .btn-primary {
    padding: 10px 25px 8px 12px;
}
.df-logo {padding:1em}
.tagline {
    font-size: 1.3em;
    line-height: 1.2em;
    margin-top: 0px;
    opacity: .9;
}

.intro-box .logo {width: 345px;padding-bottom: 32px;}

.intro-button {
    display:block;
    background-color:#313234;
    font-size:1.2em;
}
.intro-button a {color:#fff;}
.intro-button a:hover {text-decoration: none;}
.intro-logo {
    background-color:#24272A;
    border-top:1px #606162 solid;
}

@media (max-width: 991px) { 
    .intro-logo {
        padding: 20px 0px !important;
    }
}

/* Home Page Styling */

@media (max-width: 768px) {
    .bg-main .btn { font-size: 1.2em}
    .intro-box .logo {width: 360px;}
}
/* Image Captions */

.credit.foyer { color: white; margin-top: 0; }
.credit {
    text-transform: none; 
    letter-spacing: 0; 
    font-family: 'UniversLTStd-Light';
    color: #98252B;
    margin-top: 10px
}
section .credit span, header .credit span {
    font-family: 'UniversLTStd-Cn';
    text-transform: uppercase;
    letter-spacing: 0.06em; 
}

/* News Articles */

.article-link a {color: #534F4B;}
.article-link a:hover {color: #FFB819;}
.article-link.post .col-12 {padding-left: 0;}

/*the below is to show all text by default. Will override to hide on small devices below*/
/**************************************
.btn-readToggle {display: block;}
.btn-readToggle { 

    border:#cccccc 2px solid; 
    border-radius: 6px;
    text-align: center;
    margin: 0;
    padding: 6px 0px 4px 0px;
    width: 7em;
    font-size: .9em
}
.btn-readToggle span, .btn-readToggle b { color:#aaaaaa; font-weight: 100;}
.btn-readToggle b {display:inline;}
.btn-readToggle b {display:inline;}
.btn-readToggle:not(.collapsed) span {display:inline;}
.btn-readToggle.collapsed b {display:none;}
***********************************/


/*
.btn-readToggle.collapsed::before{
    content:'';
    width:100%;
    height:300px;    
    position:absolute;
    left:0;
    bottom:100px;
        background: -moz-linear-gradient(top, rgba(255,255,255,0.001) 60%, #f9ffff 100%);
        background-image: linear-gradient(top, rgba(255,255,255,0.001) 60%, #f9ffff 100%);
        background-image: -o-linear-gradient(top, rgba(255,255,255,0.001) 60%, #f9ffff 100%);
        background-image: -moz-linear-gradient(top, rgba(255,255,255,0.001) 60%, #f9ffff 100%);
        background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.001) 60%, #f9ffff 100%);
        background-image: -ms-linear-gradient(top, rgba(255,255,255,0.001) 60%, #f9ffff 100%);
	}
*/
    





@media (min-width: 1200px) {
    #mainNav .navbar-nav > li.nav-item > a.nav-link, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
        font-size: .85em
    }
}    
#mainNav .navbar-nav > li.nav-item:focus > a.nav-link,#mainNav .navbar-nav > li.nav-item:hover > a.nav-link {color: #FFB819;}

	header.foyer-background {
		background-color: #000;
		
		
	}
header.foyer-background div{background-repeat:no-repeat;}
header.foyer-background .why-titan {
	background-image: url(../img/template/header-whyTitan.png);
	
}
header.foyer-background .what-is-dragonfly {
    background-image: url(../img/template/header-whatDragonfly.png);
	background-size: contain;
}

.main.foyer-background-condensed.no-image {background-image: none;}
    
.row.image-columns {padding-left: 15px; padding-right: 15px;}


@media (min-width: 992px) {

    header.main.main-full {
        /*min-height: 80vh !important;*/
    }
    header.main.main-full.foyer-background {
        min-height: 55vh !important;
    }
    header.foyer-background .why-titan{
        background-size: 510px;
        background-position: top 65px right 10%;
    }
	header.foyer-background .what-is-dragonfly { 
        background-size:cover;
        background-position: top center;
    }
	
	
    .navbar { padding: .8rem 1rem }
    #mainNav .navbar-nav > li.nav-item > a.nav-link {padding-top: 14px;}
    #mainNav .navbar-nav > li.nav-item > a.nav-link:after {
        content: "\a0";
        display: block;
        position:relative;
        height:1px;
        left:0; right:0; bottom:-15px;
        line-height: 0px;
        border: 2px solid rgba(0, 0, 0, 0);
    }
    #mainNav .navbar-nav > li.nav-item:hover > a.nav-link:after {
        border-color:#FFB819;
    }
	
	.intro-box,.intro-box-gallery {
		margin:10vh 0 6vh;
	}
    
    .row.gallery .text-white {border-bottom: #534F4B 1px solid;}
    
	.foyer-background-condensed .intro-box {
		margin:50px 0 10px;
	}
    .foyer-background-condensed .intro-box.gallery {
        margin-bottom: 50px;
    }
	.intro-box>.foyer-box.article {
        padding:2rem;
        border-top: #FFB819 2px solid;
        min-height: 475px;
    }
	.foyer-background-condensed .intro-box>.foyer-box {
	padding:2rem 0 0 0;
	}
	
}

@media (max-width: 1220px) {
    header.foyer-background .what-is-dragonfly { 
        background-size:cover;
        background-position: top right 40%;
    }
}

@media (max-width: 991px) {
    /*.navbar-custom {background-color:green !important;}*/
	header.foyer-background .why-titan{background-size: 50%; background-position: center top 1.6em;}
    header.foyer-background .what-is-dragonfly { 
        background-size: 170%;
        background-position: right top;
    }
    #mainNav .navbar-nav > li.nav-item:hover > a.nav-link:after {border-color:#FFB819;}
    #mainNav .navbar-nav > li.nav-item > a.nav-link, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {font-size: 1em}
    #mainNav .navbar-nav > li.nav-item > a.nav-link {
        padding: 0.5rem 0rem;
        border-top: 2px solid rgba(0, 0, 0, 0.1);
    }
    .navbar-collapse {
        margin: 14px 0 10px 0;
    }
	.mobile-no-margin {margin:0px;}
	.mobile-no-padding {padding:0px !important; width: 100%;}
	.mobile-no-height {height:auto !important;}
	.intro-box {
		border-top:none;
	}
    .foyer-background-condensed .intro-box {
		margin:30px 0 0px;
	}
	header.main {
        height: auto;
        border-bottom: none;
    }

	.container {max-width: 991px;}
	.intro-box>.foyer-box p.location {display:none;}/*hide breadcrumb in smaller than desktop*/
	
	.intro-box > .foyer-box h1 {color:#FFB819; font-size:2em;}/*make foyer header title yellow in smaller than desktop*/
	.foyer-background-condensed .intro-box > .foyer-box h1 {color:#fff;}/*make foyer header title white in smaller than desktop for pages with the condensed header*/
	
	
	.intro-box>.foyer-box {
	padding:0rem;
	}
	.foyer-background-condensed .intro-box>.foyer-box {
	padding-left:1rem;
	}
	/*.intro-box>.foyer-box .foyer-credit-line {background:#000;margin-bottom:;}*/
	h2.main-feature{
        font-family: 'UniversLTStd-Cn', sans-serif;
        font-family: 'UniversLTStd-Light', sans-serif;
        margin: 0;
        margin-top: 0px;
/*        letter-spacing: .1em;*/
/*        text-transform: uppercase;*/
        font-size: 1.4em;
        line-height: 1.3em;
    }
	.mobile-no-margin-secondary {margin:0px;margin-top:60vw !important;}
	.what-is-dragonfly .mobile-no-margin-secondary {margin:0px;margin-top:60vw !important;}

    .foyer-box .col-12.order-1 {
        padding-top: 2em;
        padding-bottom: .5em;
        padding-left: 1em;
        padding-right: 1.5em;
    }
    .foyer-box .col-12.order-1.banner { padding-left: 0;}
    .container.tablet-no-padding {padding-left: 0; padding-right: 0;}
    .header-still {border-top:1px solid #FFB819;}
}

@media (max-width: 768px) { 
    h2.main-feature{
        font-family: 'UniversLTStd-Regular', sans-serif;
        font-size: 1.1em;
        line-height: 1.3em;
    }
}


.article-link .text-small {
    letter-spacing: 0;
    font-size: .8em;
}

.article-link .text-red.text-small { margin-bottom:4px; }

.resources a {
    color: #534F4B;
}

.resources .article-link p {
    margin-bottom: 0;
}

.article-link .col-md-2, .article-link .col-sm-12 {
    padding-left: 0px!important;
}

.resourceItem.rendering {
    margin-bottom: 0!important;
    padding-bottom: 5px!important;
}

.resourceItem {
    background-color: #f2f2f2;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    padding: 16px;
    margin-bottom: 10px;
}
.resourceItem:hover, .resourceItem:focus {
    background-color: white;
}
.resourceItem i {
    color: #c3c3c3;
}

.team-section h2.main-feature-heading {
    font-family: 'UniversLTStd-Light', sans-serif;
    text-transform: none;
    letter-spacing: 0;
/*    font-size: 1.2em*/
}

.team-section hr {margin-bottom: .65em}
.team-section h2.sub-section.main-feature-heading { 
    font-size: .85em;
    font-family: 'UniversLTStd-Cn';
    text-transform: uppercase;
    letter-spacing: .056em;
    color: #9a9a9a;
}
.team-section p,.team-section ul li {
    font-size: .9em;
    margin-bottom: 0;
}

@media (min-width: 992px) { 
    .intro-button-wrapper { 
        width: 90%;
        margin: 0 auto;
    }
    .resources, .contact {padding-right: 3em;}
}

@media (max-width: 991px) {
    .team-section .logo {display:none;}
}

@media (max-width: 768px) {
    .article-link p.mb-1 { 
        font-size: .9em;
        margin-bottom: 0 !important;
		}
	#myElement {margin-bottom:20px;
    }

    
/*    .article-link hr {display: none;}*/
    .showMobileNewsBorder {
        padding: 15px 10px 0px 20px;
    }

    .intro-button-wrapper { margin-top: 3em; }
    .intro-button-wrapper:last-of-type { margin-top: 1.5em; }
    
	.intro-button {
		display:block;
/*		border:none;*/
/*		border-bottom:1px solid #FFB819;*/
/*		background-color:#262729;*/
		font-size:1.2em;
	}
	
    .main-feature-subheading {margin-bottom: 15px;}
    
    .video-embed {
        margin-bottom: 25px;
    }
    .video-embed img {
        margin-bottom: 15px;
    }
    
	.btn-primary {
        margin:0px 0px 0px !important;
        border-radius: .5rem;
	}
	
	#footer {padding:40px 10px 10px; margin-top:40px;}
	#footer .list-inline-item {
		border-right:none;
		margin-left: -1rem;
	}
	

	
}

/* Foyer Images ------------------------- */


/* Images ------------------------- */

.full {width:100%;}

/* Little Details ------------------------- */





/* for Our Team page ------------------------- */

.ourTeam-leader {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 1.5em;
}

.ourTeam-leader p {font-size: .8em; margin-bottom:2px;}
.ourTeam-leader .h3 {font-size:1.1em; margin-bottom:10px;margin-top: 1.6em;}

.ourTeam-member {margin-top:1.25em; padding: 0}
.ourTeam-member p {margin-bottom:5px;font-size:.8em;}
.ourTeam-member .h3 {font-size:1em; color: #AE293E;}

/*
.hexagon2 {
    margin: -60px 0 0 0;
}
*/

.ourTeam-leader img {
    float: left; 
    width: 132px; 
    border-radius: 50%;
}

.row.science-team {
/*    padding-top: 3em;*/
}

    
@media (max-width: 991px) { 
    .row.science-team {padding-top: 1.5em;}
    .ourTeam-leader img {width: 120px;}
}

@media (max-width: 991px) and (min-width: 769px) {
    .foyer-box .col-12.order-1.banner {padding-left: 0;}
}

@media (min-width: 769px) {
    section {padding-top: 2.75rem;}
    .ourTeam-leader {
        margin-bottom: 1.5em;
        padding-bottom: 1.75em !important;
    }
    .ourTeam-leader:last-child {}
} 
@media (max-width: 768px) { 
    .ourTeam-member .h3 {font-size: .9em;}
    section {padding-top: 1.5rem;}
    .ourTeam-leader .h3 {margin-bottom: 0; margin-top:1em;}
    .team-section {margin-bottom: .5em;}
    .row.science-team {padding-top: 1.75em;}
    .hexagon2 { margin: -60px 0 0 0px; }
    .science-team .col-md-4, .leadership-team .col-md-6 {padding-left:0; padding-right:0;}  
    .ourTeam-leader {
        padding-top: 0 !important;
        padding-bottom: 2em !important;
    }
    .ourTeam-member {

    }
}


/*---------------- Contact From -----------------*/

address {color: #6c757d;}
address p.organization {
    font-weight: 100;
}
address a {color: #AE293E}
address p {
    font-size: .8em;
    line-height: 1.5em;
    margin-bottom: 0px;
}
address :not(.organization) {
    margin-left: 0px;
}
a {color: #AE293E}
a:hover {color: #FFB819}
#footer a {color: #FFB819}

@media (min-width: 992px) { 
    
}


/********PAGINATION*******/
a:not([href]):not([tabindex]) {
    text-decoration: none;
    color: #bbb;
}

.holder {
	overflow:auto;
	padding:20px;
}
.holder a {
	cursor: pointer;
	color: #bbb;
	padding:10px;
    text-decoration: none;
    border-radius: 9px;
}
.holder a:hover {
	background-color: #EDEEF0;
	color: #397192;
}
.holder a.jp-previous {
    border:1px solid #bbb;
	font-size: 2em;
    margin-right: 20px;
    padding: 5px 13px;
    border-radius: 50%;
}
.holder a.jp-next {
    border:1px solid #bbb;
	font-size: 2em;
    margin-left: 20px;
    padding: 5px 13px;
    border-radius: 50%;
}
.holder a.jp-current, a.jp-current:hover {
	color: #FFB819;
    font-weight: bold;
}
.holder a.jp-disabled, a.jp-disabled:hover {
	color: white;
    border-color: white;
}

.holder span {
	/*margin: 20px 5px;*/
}



/***************Accordian********************/

.accordion .card-header:before {
    font-family: 'FontAwesome';  
    content: "-";
    float: left; 
    font-weight:bold;
    font-size:2em;
    margin-right:10px;
    margin-top:-10px;
}
.accordion .card-header.collapsed:before {
    /* symbol for "collapsed" panels */
    content: "+"; 
}



/******** Lightbox *******/

.lb-nav a.lb-next, .lb-nav a.lb-prev {opacity: 1;}







#demo {
position: relative;
max-width: 100%;
width: 100%;
}

#demo .white-panel {
position: absolute;
background: white;
box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
padding: 10px;
}
/*
.white-panel:hover {
box-shadow: 1px 1px 10px rgba(0,0,0,0.5);
margin-top: -5px;
	
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
	
}*/