/* CSS Document */
html {
    min-height: 100%;
}

body {color:#333; font-family: Lato, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif" }
a {color: #1361ae;}

.icons8, .icons8-about:before, .icons8-bookmark:before, .icons8-box:before, .icons8-calendar:before, .icons8-call:before, .icons8-cancel:before, .icons8-checked:before, .icons8-checkmark:before, .icons8-clock:before, .icons8-delete:before, .icons8-document:before, .icons8-download-from-the-cloud:before, .icons8-edit:before, .icons8-file:before, .icons8-flask-chemistry:before, .icons8-folder:before, .icons8-globe:before, .icons8-help:before, .icons8-home:before, .icons8-image-file:before, .icons8-info:before, .icons8-lock:before, .icons8-news:before, .icons8-ok:before, .icons8-padlock:before, .icons8-picture:before, .icons8-play-button-circled:before, .icons8-play:before, .icons8-plus:before, .icons8-restart:before, .icons8-search:before, .icons8-settings:before, .icons8-share:before, .icons8-speaking-trumpet:before, .icons8-star-half:before, .icons8-star:before, .icons8-support:before, .icons8-tick-box:before, .icons8-trash:before, .icons8-unavailable:before, .icons8-upload-to-the-cloud:before, .icons8-user-groups:before, .icons8-user:before, .icons8-video-call:before {font-size: 1.2rem;}


/* general reset/setup styling for icons - needed on all */
.icon::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: block;
  color: #fff;
	text-shadow: 1px 1px 1px #333;
  background: #666;
	border: 1px solid #ccc;
  padding: 5px;
  position: absolute;
  z-index:1000;
  top: 2px;
  left: 2px;
  
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

/* defining the right font-family/font-face for each style */
.icon-solid::before,
.icon-regular::before,
.icon-light::before {
  font-family: "Font Awesome 5 Pro";
}

.icon-brand::before {
  font-family: "Font Awesome 5 Brands";
}

/* defining the right weight for each style */
.icon-solid::before {
  font-weight: 900;
}

.icon-regular::before {
  font-weight: 400;
}

.icon-light::before {
  font-weight: 300;
}

.icon-brand::before {
  font-weight: 400;
}

/* defining the right unicode values for each icon */
.icon-podcast::before {
  content: "\f130";
}

.icon-video::before {
  content: "\f03d";
}


.fixed-bottom {position:static;}
.remove-margin {margin: 0!important;}
.navbar {padding:0rem .75rem; background: #1361ae;}

.navbar-offcanvas {background: #1361ae;}
.bg-primary {background: #1361ae!important; color: #fff;}
.bg-primary .nav a {color:inherit;}
.bg-primary a {color:#fff;}

.text-secondary {color:#1361ae!important;}

.btn-primary {background: #1361ae!important;  color: #fff;}
.bg-secondary {background: #e8e8e8!important;}
.btn-secondary {background: #e8e8e8!important; color:#333!important; border: 1px solid #ccc;}
.btn-secondary:hover {background: #ddd!important; color:#333; border: 1px solid #ccc;}
.btn-secondary:active{color: #333!important; border: 1px solid #1361ae!important;}
.btn:focus {
	outline: 0px; box-shadow: none!important;}
.btn:active {
	outline: 0px; box-shadow: none!important;}
.form-control:focus {box-shadow:none; border-color: #1361ae;}

h1, h2, h3, h4, h5, h6 {font-weight:700;}

/* Lubrizol SVG Logo Styles */
.navbar-dark .letter {
	fill:   #fff;
}

.navbar-dark .lzwoosh {
	fill:   #fff;
}

nav {}
main {margin-top:60px;  background: #fff; min-height: calc(100vh - 120px);}
/*.container {border: 1px solid lime;}
.container::after {background-color: lime; content: 'container'}


.container-fluid {border: 1px solid firebrick;}
.container-fluid::after {background-color: firebrick; content: 'container-fliuid'}
main .row {border: 1px solid plum;}
main .row::after {background-color: plum; content: 'row';}
.container-fluid::after {background-color: firebrick; content: 'container-fliuid'}
*/

footer .nav-link {padding: 0.4rem 1rem;}
footer .dropdown-menu {box-shadow: 0 -6px 12px rgba(0,0,0,.175);}
.copyright {padding: 0.4rem 1rem 0.4rem 0;}
.navbar-dark .navbar-nav .nav-link {padding:1.1rem 0rem 1.1rem 1rem; color:#fff; transition: all .25s}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {background:#fff; color:#1361ae;}
.navbar-dark .dropdown-toggle {color:#fff;}
.navbar-dark .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	}
.nav-item .far, .nav-item .fas {height:100%}

#search-mobile {width:100%; }


.dropdown-item a {font-size: .9rem; color: #333; }

.dropdown-menu {margin-top: 0; border-radius: 0; border: none; box-shadow: 0 6px 12px rgba(0,0,0,.175) }
.dropup .dropdown-menu {margin-bottom:0;}
.controls {margin-top: 1rem; background:#ddd;}
.navbar-dark .controls .navbar-nav .nav-link {color: #333; }
.controls a:hover {text-decoration: none; background:#fff; color: #1361ae;}
.control-label {font-family: Lato, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";  margin-left: .3rem; font-size: 1.0rem; font-weight: 400;}

.controls .dropdown-toggle::after {font-size:1rem;}
.controls .dropdown-item {color: #333;}


/*Style for possible multilevel drops*/
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}

.dropdown-submenu .nav-link {color: #333!important; }
    
/*End*/

.offcanvas-collapse {top:42px; padding: 0;}
.offcanvas .dropdown .dropdown-menu {background: #fff;}	

.carousel {margin-top:44px; background: #fff; }
main .carousel {margin-top:0;}


.carousel-caption, .hero-caption {
/*	text-shadow: 0px 1px 2px rgba(0,0,0,1.0);*/
	text-shadow: none;
	width:100%;
/*	background: rgba(0,0,0,0.3);*/
	right: 0;
	left: 0;
	bottom: 0;
	padding: 20px 90px 30px;
	font-weight:bold;
}

.carousel-caption.light h1 {
	text-shadow: 1px 1px 5px rgba(0,0,0,1.0);
	font-weight: bold;
}
.carousel-caption.dark h1 {
	text-shadow: 0px 1px 2px rgba(0,0,0,1.0);
	font-weight: bold;
}

.carousel-caption h1 {
	font-weight: bold;
	margin-top: 0px;
	font-size: 1.5rem;
}

.carousel-caption p {
    font-size: 1.0rem;
    margin-bottom: 20px;
	font-weight: normal;
}

.carousel-indicators li {width:12px; height: 12px; border-radius: 50%; margin-left: 5px; margin-right: 5px; }

.carousel a:hover{text-decoration: none;}


.overlay.light, .carousel-caption.light {	color: #fff;
	background: transparent linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 10%, #fff 100%) repeat scroll 0% 0%;
	text-shadow: 1px 1px 5px #000!important;
}
	
.overlay.dark, .carousel-caption.dark {	color: rgb(255, 255, 255)!important;
	background-color: rgba(0, 0, 0, 0.40);
	text-shadow: 0px 1px 2px rgba(0,0,0,1.0); 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,333333+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(45,45,45,0) 0%, rgba(45,45,45,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,45,45,.0)), color-stop(100%,rgba(45,45,45,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(45,45,45,0) 0%,rgba(45,45,45,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(45,45,45,0) 0%,rgba(45,45,45,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(45,45,45,0) 0%,rgba(45,45,45,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(45,45,45,0) 0%,rgba(45,45,45,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
}
.dark, .dark a {color: #fff; text-decoration:none;}
.light a {color: #333;}


/*Image Overlays*/

.imageOverlay {
	position: relative;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.42857143;
}
.imageOverlay img {max-width:100%}

.promo {margin-bottom: 1.5rem;}
.promo .imageOverlay {margin-bottom:0;}
.promo .imageOverlay h3 {margin-bottom:0; font-size: 1.35rem;}
.promo p {padding: 5px; margin-bottom: 0;}
.imageOverlay.promo .dark p {color: #fff;}


.imageOverlay h1 {
	line-height: 1.3;
	font-size: 1.4rem;}

.imageOverlay h3 {
	margin:0 0 5px 0;
}

.imageOverlay p {
	margin:0 0 0 0;
}


.overlay {
	padding: 1.0rem 1.5rem;
	line-height: 1rem;
	position: absolute;
}

.overlayBottom {
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
}

.overlay h3 {font-weight: normal;}
.overlay h1 {margin:0;}

.overlay a:hover {text-decoration: none;}

.col-lg-4 .overlay {
	padding-top: 5px;
}




.highlight {
    background: #f7f7f7;
    border: 1px solid #eee;
    padding: 1.5rem 1.5rem 0 1.5rem;
	}

.mildshadowbox	{margin-bottom: 20px; 
		border-radius: 0; 
		border: 1px solid #ddd; text-decoration:none; 
		-webkit-box-shadow: 0 9px 5px -7px #ddd;
	   	-moz-box-shadow: 0 9px 5px -7px #ddd;
	     box-shadow: 0 9px 5px -7px #ddd;}




ol.breadcrumb {
	margin: 1.5rem 0;
	background: #fff;
	border: 0px solid #eee;
	font-size: .85rem;
	padding: 0;
}
ol.breadcrumb a {color: #999;}
.breadcrumb > li + li:before {
    color: #ccc;
    content: "> ";
    padding: 0 5px;
}


main .card {border: none; background:none; margin-bottom: 1rem; position: relative; display:inherit;}
main .card-body {padding: 1.25rem 0;}
.card-img-lockup {position: relative; }
.category-flag {position: absolute; bottom: 0px; right: 10px; background-color: #fff;  padding: 0.2rem 0.5rem; font-weight: bold; font-size: 0.85rem;}
.feature-topic .category-flag {position: absolute; top: -30px; font-weight: normal; font-size: 1rem;}

.minor-articles .card {border-top: 1px solid #999; padding: .5rem;}
.feature-topic .card {margin-top: 1rem; margin-bottom: 0;}
.feature-topic .card ~ .card {margin-top: inherit;}
.feature-topic .card-title {font-weight: bold;}


.blurry-text {
   text-shadow: 0 0 0px #fff;
   color: transparent;
   -webkit-animation: focus 2s; /* Safari 4.0 - 8.0 */
   animation: focus 3s;
	animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1; /* Safari 4.0 - 8.0 */
	animation-direction: normal;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes focus {
	from {text-shadow: 0 0 20px #ccc;}
  	to {text-shadow: 0 0 0px #fff;}
}

@keyframes focus {
  	from {text-shadow: 0 0 20px #ccc;}
  	to {text-shadow: 0 0 0px #fff;}
}

.bg-light {background-color:#f3f3f3!important;}
.bg-light .category-flag { background-color: rgba(248,249,250, 1); }

main h2.card-title {font-size: 1.75rem;}
main h3.card-title {font-size: 1.50rem;}
main h4.card-title {font-size: 1.35rem;}
main h5.card-title {font-size: 1.1rem;}
main h6.card-title {font-size: 1.1rem;}

.card-title i {color: #1361ae; font-size: 0.9rem; margin: 0 .15rem; position:relative; top:-1px;}

.highlight .bg-white > .card-body {padding:1.25rem;}
.border > .card-body {padding: 1.25rem;}


.card-header [data-toggle="collapse"]:before
{
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
	content: "\f04b"; /* "play" icon */
    float: left;
    color: #333;
    position: relative;
	left: -5px; 
	top: 7px;
	font-size: .6rem;

    /* rotate "play" icon from > (right arrow) to down arrow */
    -webkit-transform: rotate(900deg);
    -moz-transform:    rotate(90deg);
    -ms-transform:     rotate(90deg);
    -o-transform:      rotate(90deg);
    transform:         rotate(90deg);
}
.card-header [data-toggle="collapse"].collapsed:before
{
    /* rotate "play" icon from > (right arrow) to ^ (up arrow) */
    -webkit-transform: rotate(0deg);
    -moz-transform:    rotate(0deg);
    -ms-transform:     rotate(0deg);
    -o-transform:      rotate(0deg);
    transform:         rotate(0deg);
}



.accordion h5 {margin-bottom: 0;}
.accordion .card-header a {color:#333;}
.accordion .card-header a:hover {text-decoration:none;}
.accordion .card-body {padding: 1.25em 1.75em;}
.accordion .card-body i {margin-right: 0.25rem;}


img .thumb-large {
	  border: 1px solid #ddd;
    height: 200px;
    width: auto;
}   

.left-thumb-list h3 { font-size: 1.5rem;}
	
.left-thumb-list img {
    float: left;
    margin-right: 1rem;
	margin-bottom: 2rem;
    border: 1px solid #ddd;
    height: 150px;
	width: auto;}
	
.tabbable {margin-bottom: 20px; color: #555}
.nav-tabs {border: none;}
.nav-tabs>li {margin-right: 1px;}
.nav-tabs>li>a {padding: .75rem 1rem; background: #f7f7f7; border-color:#f7f7f7; border-bottom-color: transparent; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {border-color: #eee; border-bottom-color: transparent;}
.nav-tabs>li.active>a {background: #eee; border-color:#eee; border-bottom-color: transparent;}
.nav-tabs>li>a:hover {background: #f7f7f7; border-color:#f7f7f7; border-bottom-color: transparent; }


.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {border-color: #eee; border-bottom-color: transparent;}
.nav-tabs>li.active>a {background: #eee; border-color:#eee; border-bottom-color: transparent;}
.nav-tabs>li>a:hover {background: #f7f7f7; border-color:#f7f7f7; border-bottom-color: transparent; }
.badge {background-color: #999; padding: 4px 7px; }

/*.tab-content {padding: 0px 6px 6px; border: 1px solid #eee}*/ /*Removed for Carbosperse Tech Publications Filter*/
.tab-content h5 {margin-bottom: 3px;}
.tab-content p {margin-bottom: 3px;}
.tab-item {margin-bottom: 15px;}
.tab-item:last-child {
	margin-bottom: 0;}

.vph {height:calc(100vh - 109px); min-height:500px;  background-position: 50%;}

.jumbotron {padding:0;}

.jumbotron-text-wrapper {width: 100%; height: 100%;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.5+0,0.3+70,0+100 */
background: -moz-linear-gradient(left,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.3) 70%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.3) 70%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.3) 70%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */


}

.jumbotron-text {padding: 0rem 5rem 0 5rem;}

.jumbotron h1 {
	color: #fff;
	text-shadow: 0px 1px 2px rgba(0,0,0,1.0);
    font-weight: bold; margin-bottom: 2rem;
	
		
}
.jumbotron .lead {font-size: 1.4rem; font-weight: 700; margin-bottom: 2rem; color: #fff; text-shadow: 0px 1px 2px rgba(0,0,0,1.0);}
.jumbotron .cta .btn {margin:0 .5rem .5rem 0}



.jumbo-card {position:relative;}

.jumbo-card .card-img-overlay {text-align:center; color: #fff;
    text-shadow: 2px 3px 2px rgba(0,0,0,1.0);
    font-weight: bold;
    margin-bottom: 2rem;}

.jumbo-card .card-img-overlay h3 {font-size:2rem; z-index: 10}
.jumbo-card .card-img-overlay h1 {font-size:4rem; z-index: 10}
.jumbo-card img {vertical-align: top;}
.jumbo-card:after  {content:'\A';
    position:absolute;
    width:100%; height:100%;
    top:0; left:0;
    /*background:rgba(255,255,255,0.4);*/
    opacity:1;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;}
.jumbo-card:hover:after  {  opacity:0;}

.jumbo-quote {
    text-align: center;
    background-position-y: center;
    height: 165px;
    padding: 5rem 2rem;
}
    .jumbo-quote h2 {font-size: 1.1rem;
    }

.jumbo-quote.light {color: #fff;
	text-shadow: 1px 1px 5px #000!important;}

.get-updates {height: auto; }
    .get-updates iframe {min-width:100%!important;
    }

@-webkit-keyframes mymove {
  from {left: -50px;}
  to {left: 0px;}
}

@keyframes mymove {
  from {left: -50px;}
  to {left: 0px;}
}

.blog-social-share {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc; font-size: 1.0rem; margin: 2rem 0;}
.blog-social-share p {float: left; margin:0 1rem 0 0!important;}

.blog-social-share-list, .blog-social-share-fixed-list {list-style-type: none; margin: 0 ; padding: .5rem 0; overflow: hidden;}

.blog-social-share-list li {display: inline; float: left; margin-right:.8rem;  }

.blog-social-share-fixed-list li {display: block;  margin:0rem 1rem 1rem; }




/*Grid Layout for Sustainability*/
.grid-container {
  display: grid;
  
  grid-template-areas: "MainImage" "TopR" "BotR";
}

.MainImage { grid-area: MainImage; }

.TopR { grid-area: TopR; background: #ccc;}

.BotR { grid-area: BotR; background: #e8e8e8;}

.article {margin-top:100px;}
.article-body {line-height: 1.65;}
.article-body p {margin-bottom: 1.2rem;}
.related h3 {margin-bottom: 1.25rem;}

.tags p {
    margin-bottom: 0rem;
}

    .tags p:last-of-type {
        margin: 0 0 1rem 0;
    }

.print-page {
    display: none;
}


.right-col {
    padding-top: 1.5rem;
    border-top: 1px solid #dedede;
    font-size: 1.1rem;
}

    .right-col ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .right-col li {
        margin-bottom: .6rem;
    }

.pagination ul {
    list-style-type: none;
    padding: 0;
}

.pagination li {
    float: left;
    margin-right: .5rem;
}


.dropdown-item.tertiary {
    padding-left: 2rem;
}

/*Scroller Carousel styles*/
.owl-carousel-container .owl-carousel .owl-nav .owl-prev {
    left: -35px;
    height: 211px;
    position: absolute;
}

.owl-carousel-container .owl-carousel .owl-nav .owl-next {
    right: -35px;
    height: 211px;
    position: absolute;
}

.owl-carousel-container .owl-carousel .owl-nav {
    left: 0;
    top: -5px;
    width: 100%;
    position: absolute;
    margin-top: 0 !important;
}

    .owl-carousel-container .owl-carousel .owl-nav .owl-next span, .owl-carousel-container .owl-carousel .owl-nav .owl-prev span {
        top: -8px;
        font-size: 80px;
        position: relative;
    }

@media print {
  /* print styles go here */
	body {
		
	}
	
	body > *:not(main) {
 	 display: none;
	}
	
	*,
	*:before,
	*:after,
	*:first-letter,
	p:first-line,
	div:first-line,
	blockquote:first-line,
	li:first-line {
  	background: transparent !important;
  	color: #000 !important;
  	box-shadow: none !important;
  	text-shadow: none !important;
	}
	
	.imageOverlay h1 {font-size: 2.0rem!important}
	.overlay {position: static; padding: 0;}
	
	.card-img-top {display:none;}
	.related, .blog-social-share, .get-updates {display:none;}
	 
	
	main, .article {margin-top: 0;}
	
	a[href^="http"]:not([href*="mywebsite.com"]):after {
  		white-space: pre;
		content: " [" attr(href) "] ";
		font-style:italic;
	}


}

/* Extra small devices (portrait phones, less than 576px)*/
/* No media query for `xs` since this is the default in Bootstrap*/

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 

	.jumbotron h1 {font-size:3.5rem;}
	.jumbo-card .card-img-overlay h3 {font-size:3.5rem;}
	.imageOverlay h1 {font-size: 1.5rem;}
	.dropdown-submenu .nav-link {padding:0.25rem 1.5rem!important; }
	.dropdown-submenu .dropdown-menu {box-shadow: none;}
	.dropdown-submenu .dropdown-item {padding-left:2.5rem; }
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {

.imageOverlay h1 {font-size: 1.75rem;}
.promo .imageOverlay h3 {margin-bottom:0; font-size: 1.5rem;}
.jumbo-card .card-img-overlay h3 {font-size:4rem;}
.jumbo-quote h2 {
        font-size: 1.6rem;
    }
	
.blog-social-share {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc; font-size: 1.2rem; }
.blog-social-share-list li {margin-right:1rem;  }
.blog-social-share-fixed {position: fixed; left: 0; top: 60%; background: #eee; box-shadow: 0px 0px 5px 1px #666; 
  -webkit-animation: mymove 0.5s; /* Safari 4.0 - 8.0 */
  -webkit-animation-delay: 1s; /* Safari 4.0 - 8.0 */
  animation: mymove 0.5s;
  animation-delay: 1s;
  animation-fill-mode: both; }

    .print-page {
        display: block;
    }

    .right-col {
        border-left: 1px solid #dedede;
        padding-top: 0;
        border-top: none;
    }
	
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 

.dropdown-menu { border-radius: 0; }
.dropdown-item  {padding: .25rem .75rem}
.dropdown-submenu .nav-link {padding: .25rem .75rem!important;}
.navbar-nav {height: 100%;}
.navbar-dark .navbar-nav .nav-link {    padding-right: 0.75rem; padding-left: 0.75rem;}
.navbar-brand {position: relative; top: 0px;}
.fixed-bottom {position:fixed;}	/*Only Fix footer on Desktop size*/

.navbar-offcanvas.offcanvas {display:flex!important; flex-basis:auto; flex-grow:1; border-left:none;}	
/*override Jasny dropdown positioning*/
.offcanvas .dropdown .dropdown-menu {position:absolute!important;}	

.controls {background: inherit; margin-top: 0;}
/*.controls .nav-link {padding-top: .8rem!important;}*/
.navbar-dark .controls .navbar-nav .nav-link {color: #fff; }
.navbar-dark .controls .navbar-nav .nav-link:focus, .navbar-dark .controls .navbar-nav .nav-link:hover {color: #1361ae; }
.controls a:hover {text-decoration: none; background:#fff; color: #1361ae;}


.carousel-caption h1 {
	font-size: 2.5rem;
}

.carousel-caption p {
    font-size: 1.4rem;
    font-weight: bold;
}
	
.col-lg-4 .overlay h3 {font-size: 1.3em;}
	

.jumbotron-text {width: 66%;}	
.jumbo-quote {padding: 0 15rem;}
.get-updates {padding: 5rem;}


        .get-updates iframe {
            min-width: 50% !important;
        }
.jumbo-quote p {font-size: 1.4rem;}
    
.jumbo-card .card-img-overlay h3 {font-size:3rem;}

.prefooter {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,eeeeee+95&0+0,1+7,1+7 */
background: -moz-linear-gradient(top,  rgba(221,221,221,0) 0%, rgba(221,221,221,1) 10%, rgba(221,221,221,1) 95%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,221,221,0)), color-stop(10%,rgba(221,221,221,1)), color-stop(90%,rgba(221,221,221,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(221,221,221,0) 0%,rgba(221,221,221,1) 10%,rgba(221,221,221,1) 95%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(221,221,221,0) 0%,rgba(221,221,221,1) 10%,rgba(221,221,221,1) 95%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(221,221,221,0) 0%,rgba(221,221,221,1) 10%,rgba(221,221,221,1) 95%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(221,221,221,0) 0%,rgba(221,221,221,1) 10%,rgba(221,221,221,1) 95%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
 margin-top: 20px; padding: 40px 0; margin-bottom: -7px;}
 
.prefooter h2 {border-bottom: 1px solid #333;}
	
.imageOverlay h1 {font-size: 2.5rem;}


/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

.col-lg-4 .overlay h3 {font-size: 1.35rem;}

.jumbotron-text {width: 50%;}	
.jumbo-card .card-img-overlay h3 {font-size:4rem;}
    .jumbo-quote h2 {
        font-size: 2rem;
    }
}

/* Burger menu-specific styles */
@media (max-width: 992px) {

.footer {background: none!important; color: #000;}
.footer a {color:#333;}
.navbar-dark .navbar-nav .nav-link {padding:.6rem 0rem .6rem 1rem;}
.carousel-caption {position: relative;}
.carousel-caption.dark {color: #333!important; background: #fff; text-shadow: none;}
.carousel-caption.dark h1 {text-shadow: none;}
.carousel-caption h1 {font-weight: bold; margin-top: 0px;}

.carousel-caption p {font-weight: normal;}

.carousel-indicators li {background-color: #333; }

}