/*
Future.Made website main CSS definition 
* Uses bootstrap v4.0.0 (https://getbootstrap.com)
*/
/* 
    Created on : May 6, 2024, 12:14:14 PM
    Author     : asamra
*/

   
/* Reset */

	* {
		margin: 0;
		padding: 0;
	}

/* Utilities */

	.sr-only {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		white-space: nowrap;
		border-width: 0;
	}
	.override-sr-only {
		position: static;
		width: auto;
		height: auto;
		padding: 0;
		margin: 0;
		overflow: visible;
		clip: auto;
		white-space: normal;
	}
	.vis-mobile {
		display: block;
	}
	.vis-desktop {
		display: none;
	}
        @media (min-width: 800px) {
                .vis-mobile {
                        display: none;
                }
                .vis-desktop {
                        display: block;
                }
        }
	:focus {
		outline: solid 2px #A7D054;
	}
	.img-responsive {
		width: 100%;
		max-width: 100%;
		height: auto;
	} 

		.grow {             			
        }
        .grow:hover {             
			opacity: 0.5;
        }
                
        /* The typing effect */
        @keyframes typing {
          from { width: 0 }
          to { width: 100% }
        }

        /* The typewriter cursor effect */
        @keyframes blink-caret {
          from, to { border-color: transparent }
          70% { border-color: #004d40; }
        }
        
        .typewriter h2 {
            overflow: hidden; /* Ensures the content is not revealed until the animation */
            border-right: .15em solid #004d40; /* The typwriter cursor */
             /* white-space: nowrap;Keeps the content on a single line */
            margin: 0 auto; /* Gives that scrolling effect as the typing happens */
            animation: 
              typing 4.5s steps(80, end),
              blink-caret .75s step-end infinite;
             
          }
          
          /* fade in effect for images */
        @keyframes fadeIn {
            0% { opacity: 0; }
            100% { opacity: 1; }
        }
        .fade-In { animation: fadeIn 5s; }
          
          
        /* fade in right */
        @keyframes fadeInRight {
            from {
              opacity: 0;
              transform: translateX(300px);
            }
            to {
              opacity: 1;
            }
        } 
        .fade-In-Right {
            animation: fadeInRight 1s ease-in-out;
        }
        
        /** fadeInLeft **/
        @-webkit-keyframes fadeInLeft {
            from {
                opacity:0;
                -webkit-transform: translatex(-10px);
                -moz-transform: translatex(-10px);
                -o-transform: translatex(-10px);
                transform: translatex(-10px);
            }
            to {
                opacity:1;
                -webkit-transform: translatex(0);
                -moz-transform: translatex(0);
                -o-transform: translatex(0);
                transform: translatex(0);
            }
        }
        @-moz-keyframes fadeInLeft {
            from {
                opacity:0;
                -webkit-transform: translatex(-10px);
                -moz-transform: translatex(-10px);
                -o-transform: translatex(-10px);
                transform: translatex(-10px);
            }
            to {
                opacity:1;
                -webkit-transform: translatex(0);
                -moz-transform: translatex(0);
                -o-transform: translatex(0);
                transform: translatex(0);
            }
        }
        @keyframes fadeInLeft {
            from {
                opacity:0;
                -webkit-transform: translatex(-100px);
                -moz-transform: translatex(-100px);
                -o-transform: translatex(-100px);
                transform: translatex(-100px);
            }
            to {
                opacity:1;
                -webkit-transform: translatex(0);
                -moz-transform: translatex(0);
                -o-transform: translatex(0);
                transform: translatex(0);
            }
        }
        .fade-In-Left {
            -webkit-animation-name: fadeInLeft;
            -moz-animation-name: fadeInLeft;
            -o-animation-name: fadeInLeft;
            animation-name: fadeInLeft;
            -webkit-animation-fill-mode: both;
            -moz-animation-fill-mode: both;
            -o-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-animation-duration: 1s;
            -moz-animation-duration: 1s;
            -o-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-delay: 1s;
            -moz-animation-delay: 1s;
            -o-animation-duration:1s;
            animation-delay: 1s;
        }

        .delay-05s{
            animation-delay: 0.5s;
        }
        .delay-1s{
            animation-delay: 1s;
        }
        .delay-1-5s{
            animation-delay: 1.5s;
        }
        .delay-2s{
            animation-delay: 2s;
        }
        

/* Atoms */

    /* Identity: Textures */

        /* Pillar: Pioneering With Purpose /futuremade/_resources/img/texture/pillar_pioneeringWithPurpose.jpg */

            .pioneering {
                background: url('/futuremade/_resources/img/texture/pillar_pioneeringWithPurpose.jpg');
            }
            
            .pioneering-border {
                background: url('/futuremade/_resources/img/pillar-pioneering-with-purpose.png');
            }

        /* Pillar: Unwavering Exploration /futuremade/_resources/img/texture/pillar_unwaveringExploration.jpg */

            .unwavering {
                background: url('/futuremade/_resources/img/texture/pillar_unwaveringExploration.jpg');
            }
            
            .unwavering-border {
                background: url('/futuremade/img/pillar-unwavering-exploration.png');
            }

        /* Pillar: Reimagining Experiences /futuremade/_resources/img/texture/pillar_reimaginingExperiences.jpg */

            .reimagining {
                background: url('/futuremade/_resources/img/texture/pillar_reimaginingExperiences.jpg');
            }
            
            .reimagining-border {
                background: url('/futuremade/_resources/img/pillar-reimagining-experiences.png');
            }

        /* Pillar: Ready to Rise /futuremade/_resources/img/texture/pillar_readyToRise.jpg */

            .ready {
                background: url('/futuremade/_resources/img/texture/pillar_readyToRise.jpg');
            }
            
            .ready-border{
                background: url('/futuremade/_resources/img/pillar-ready-rise.png');
            }

        /* Pillar: Forever for the Future /futuremade/_resources/img/texture/pillar_foreverForTheFuture.jpg */

            .forever {
                background: url('/futuremade/_resources/img/texture/pillar_foreverForTheFuture.jpg');
            }
            
            .forever-border{
                background: url('/futuremade/_resources/img/pillar-forever-future.png');
            }

    /* Identity: Type */

        /* Fonts */

        
        
            @font-face {
                font-family: 'GT Sectra Display Regular';
                src: url('/_resources/fonts/GT-Sectra-Display-Regular.woff2') format('woff2'),
                     url('/_resources/fonts/GT-Sectra-Display-Regular.woff') format('woff'),
                     url('/_resources/fonts/GT-Sectra-Display-Regular.ttf') format('truetype');
                font-weight: normal;
                font-style: normal;
            }

            @font-face {
            	font-family: 'GT Sectra Display Medium';
            	src: url('/_resources/fonts/GT-Sectra-Display-Medium.woff2') format('woff2'),
                     url('/_resources/fonts/GT-Sectra-Display-Medium.woff') format('woff'),
                     url('/_resources/fonts/GT-Sectra-Display-Medium.ttf') format('truetype');
            	font-style: normal;
            }

            @font-face {
            	font-family: 'GT Sectra Display Bold';
            	src: url('/_resources/fonts/GT-Sectra-Display-Bold.woff2') format('woff2'),
                     url('/_resources/fonts/GT-Sectra-Display-Bold.woff') format('woff'),
                     url('/_resources/fonts/GT-Sectra-Display-Bold.ttf') format('truetype');
            	font-style: bold;
            }

            @font-face {
                font-family: 'Monument Extended Regular';
                src: url('/_resources/fonts/MonumentExtended-Regular.woff2') format('woff2'),
                     url('/_resources/fonts/MonumentExtended-Regular.woff') format('woff'),
                     url('/_resources/fonts/MonumentExtended-Regular.ttf') format('truetype');
                font-weight: normal;
                font-style: normal;
            }
            
            @font-face{
                font-family: 'Fakwang Regular';  
                src: url('/_resources/fonts/Fahkwang-Regular.ttf') format('truetype'); 
                font-weight: normal;
                font-style: normal;
            }
            
            @font-face{
                font-family: 'Fakwang Bold';  
                src: url('/_resources/fonts/Fahkwang-SemiBold.ttf') format('truetype'); 
                font-style: bold;
            }
            
            @font-face{
                font-family: 'Fakwang Semi Bold';  
                src: url('/_resources/fonts/Fahkwang-Medium.ttf') format('truetype'); 
                font-weight: 600;
                font-style: normal; 
            }

    /* Identity: Assets */

        /* Backgrounds */
        
            .bg-home-main{
                background: url('/futuremade/_resources/img/fm-banner-main.png');
            }
            .bg-home-main-border{
                background: url('/futuremade/_resources/img/fm-banner-main-border.png');
            } 

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

             

        /* Additional Textures */

            .bg-abstract-paint-dark { /* /futuremade/_resources/img/texture/PaintAbstract_2.jpg */
                    background:url('/futuremade/_resources/img/texture/PaintAbstract_2.jpg'); /* Dark green with swirls */
            }

            .bg-abstract-paint-light { /* /futuremade/_resources/img/texture/Paint_Abstract_1.jpg*/
                    background:url('/futuremade/_resources/img/texture/Paint_Abstract_1.jpg'); /* Light teal with swirls */
            }

    /* Identity: Colors */

        /* Primary: Forest Green */

            .color-forestgreen {
                color: #0D4F45 !important;
            }
            .bg-forestgreen {
                background: #0D4F45;
            }

        /* Primary: First Coast */

            .color-firstcoast {
                color: #2BFEBB !important;
            }
            .bg-firstcoast {
                background: #2BFEBB;
            }

        /* Primary: White */

            .color-white {
                color: #FFFFFF !important;
            }
            .bg-white {
                background: #FFFFFF;
            }

        /* Secondary: River City */

            .color-rivercity {
                color: #19AA95 !important;
            }
            .bg-rivercity {
                background: #19AA95;
            }

        /* Secondary: Dolphin */

            .color-dolphin {
                color: #B1DED3 !important;
            }
            .bg-dolphin {
                background: #B1DED3;
            }
           

        /* Secondary: Electric Palm */

            .color-electricpalm {
                color: #A7D054 !important;
            }
            .bg-electricpalm {
                background: #A7D054;
            }

        /* Secondary: Deep Dive */

            .color-deepdive {
                color: #0080C7 !important;
            }
            .bg-deepdive {
                background: #0080C7;
            }

        /* Utility: Grey */

            .color-grey {
                color: #DCE5E3 !important;
            }
            .bg-grey {
                background: #DCE5E3;
            }

            /* Utility Beige */
            .color-beige{ 
                color: #FAF6ED !important; 
            }
            .bg-beige { 
                background: #FAF6ED;
            }
            
            

    /* Identity: Typography */

        /* Headings */

            .h1 { /* Should always be animated. */
                font-family: "Monument Extended Regular";
                font-size: 52px;
                line-height: 58px;
            }
            @media (min-width: 800px) {
                .h1 {
                    font-size: 92px;
                    line-height: 86px;
                }
            }
            .h2 {
                font-family: "GT Sectra Display Regular";
                font-size: 25px;
                line-height: 42px;
                color: #0D4F45;
				font-weight:normal;
            }
            @media (min-width: 800px) {
                .h2 {
                    font-size: 57px;
                    line-height: 65px;
                }
            }
            .h3 {
                font-family: "GT Sectra Display Regular";
                font-size: 24px;
                line-height: 30px;
                color: #0D4F45;                
            }
            @media (min-width: 800px) {
                .h3 {
                    font-size: 32px;
                    line-height: 38px;
                }
            }
            .h3-sans {
                font-family: "Monument Extended Regular";
                font-size: 24px;
                line-height: 30px;
                letter-spacing: 2.5px;
            }
            @media (min-width: 800px) {
                .h3-sans {
                    font-size: 40px;
                    line-height: 48px;
                    letter-spacing: 4px;
                }
            }
            .h4-sans {
                font-family: "Monument Extended Regular";
                font-size: 22px;
                line-height: 25px;
                letter-spacing: 2.5px;
            }
            @media (min-width: 800px) {
                .h4-sans {
                    font-size: 28px;
                    line-height: 34px;
                    letter-spacing: 4px;
                }
            }
            .h4-serif {
                font-family: "GT Sectra Display Medium";
                font-size: 22px;
                line-height: 25px;
            }
            @media (min-width: 800px) {
                .h4-serif {
                    font-size: 28px;
                    line-height: 34px;
                }
            }

            .h5 {
                font-family: "Monument Extended Regular";
                font-size: 15px;
                line-height: 22px;
                letter-spacing: 2.75px;
            }
            @media (min-width: 800px) {
                .h5 {
                    font-size: 20px;
                    line-height: 24px;
                    letter-spacing: 4px;
                }
            }

            .h6 {
                font-family: "Monument Extended Regular";
                font-size: 11px;
                line-height: 18px;
                letter-spacing: 2px;
            }
            @media (min-width: 800px) {
                .h6 {
                    font-size: 14px;
                    line-height: 18px;
                    letter-spacing: 3px;
                }
            }

            /* Paragraphs */

            .p-lg {
                font-family: "GT Sectra Display Regular";
                font-size: 18px;
                line-height: 24px;
				color: #0D4F45;
            }
            @media (min-width: 800px) {
                .p-lg {
                    font-size: 20px;
                    line-height: 30px;
                }
            }

            .p-md {
                font-family: "Fakwang Regular";
                font-size: 14px;
                line-height: 20px;
                color: #0D4F45;
            }
            @media (min-width: 800px) {
                .p-md {
                    font-size: 16px;
                    line-height: 24px;
                }
            }

            .p-sm {
                font-family: "Fakwang Regular";
                font-size: 11px;
                line-height: 14px;
				color: #0D4F45;
            }
            @media (min-width: 800px) {
                .p-sm {
                    font-size: 12px;
                    line-height: 16px;
                }
            }

            /* Specific Elements */

            a {
                font-size: 18px;
                line-height: 20px; 
            }
			a:focus { 
				outline: none;
			}
            @media (min-width: 800px) {
                a {
                    font-size: 18px;
                    line-height: 20px;
                }
            }

            .stat {
                font-family: "GT Sectra Display Bold";
                font-size: 60px;
                line-height: 40px;
            }
            @media (min-width: 800px) {
                .stat {
                    font-size: 100px;
                    line-height: 52px;
                }
            }
            
        /* pagination and video arrows */ 
        
            .arrows{
                display: grid;
                grid-template-columns: 45px 4px;
                grid-template-rows: auto;
            }
            .arrow-left{
                background:url('/futuremade/_resources/img/arrow-left.png');
                background-repeat:none;
                width: 40px;
                height: 40px;
            }
                .arrow-left:hover{ 
                    background:url('/futuremade/_resources/img/arrow-left-hover.png'); 
                    background-repeat:no-repeat;
                    width: 40px;
                    height: 40px;      
                    padding:15px 20px;
                }
            .arrow-right{
                background:url('/futuremade/_resources/img/arrow-right.png');
                background-repeat:none;
                width: 40px;
                height: 40px;
            }
                .arrow-right:hover{ 
                    background:url('/futuremade/_resources/img/arrow-right-hover.png'); 
                    background-repeat:no-repeat;
                    width: 40px;
                    height: 40px;      
                    padding:15px 20px;
                }
            .arrow-video{
                background:url('/futuremade/_resources/img/icon-watch-now.svg');
                background-repeat:no-repeat;
                width: 40px;
                height: 40px;      
                padding:15px 30px;
				margin-left: 10px;
            }
                .arrow-video:hover{ 
                    background:url('/futuremade/_resources/img/arrow-video-hover.png'); 
                    background-repeat:no-repeat;
                    width: 40px;
                    height: 40px;      
                    padding:15px 30px;					
                }

			@media (max-width: 749px) {
				.arrow-video{
					padding: 15px 18px;
				}
			}
		 

/* Molecules */

    /* CTAs */

        /* Buttons */

            a.cta-btn {
                padding: 9px 32px;
                border-radius: 36px;
                text-decoration: none;
                max-width: 315px;
                width: 82%;
                display: block;
                text-align: center;
                white-space: normal;
                margin: 1em auto;
                font-size: 0.8em;
                border: 1px solid #2BFEBB;
                font-weight: 600;
            }

            a.cta-btn:link,
            a.cta-btn:visited {
                background: #2BFEBB; /* First Coast */
                color: #0D4F45; /* Forest Green */
            }

            a.cta-btn:hover,
            a.cta-btn:active,
            a.cta-btn:focus {
                background: #0D4F45; /* Forest Green */
                color: white;
                border: 1px solid #0D4F45;
            }
			a.cta-btn:hover{
				transition: .3s ease-in-out;
			}
            @media (min-width: 800px) {
                a.cta-btn {
                    display: inline-block;
                    width: auto;
                    margin: 1em;
                }
            }
            @media (max-width: 799px) {
                a.cta-btn.align-center {
                    margin-left: auto;
                    margin-right: auto;
                }
				a.cta-btn {
					padding: 9px 18px; 
				}
            }
            
       /* Secondary Button */
            a.secondary-btn {
                padding: 18px 8px;
                border-radius: 36px;
                text-decoration: none;
                max-width: 270px;
                width: 100%;
                display: block;
                text-align: center;
                white-space: normal;
                margin: 1em auto;
                font-size: 1em;
                border: 1px solid #0D4F45;
                max-height: 20px;
            }

            a.secondary-btn:link,
            a.secondary-btn:visited {
                background: transparent; /* First Coast */
                color: #0D4F45; /* Forest Green */
            }

            a.secondary-btn:hover,
            a.secondary-btn:active,
            a.secondary-btn:focus {
                background: #0D4F45; /* Forest Green */
                color: #ffffff;
                border: 1px solid #ffffff;
				font-size: 88%;
            }
			a.secondary-btn:hover{
				transition: .3s ease-in-out;
			}
			@media (min-width: 1920px) { /* super large screens */
				.secondary-btn{				
					padding: 18px 0px;
				}
			}
            @media (min-width: 800px) {
                a.secondary-btn {
                    display: inline-block;
                    margin: 1em;
                }
            }
            @media (max-width: 799px) {
				a.secondary-btn{
					max-width: 200px;
				}
                a.secondary-btn.align-center {
                    margin-left: auto;
                    margin-right: auto;
                }
            }
            
            /* Video transcript button */ 
            .btn-read-transcript{ 
				color: #0D4F45 !important; 
				padding: 6px 12px; 
				margin-top: 12px; 
				font-size: 16px;
				text-transform: none !important;
			}
       
        /*  White Secondary Button (ghost button) */
            a.white-btn {
                padding: 9px 18px;
                border-radius: 36px;
                text-decoration: none;
                max-width: 315px;
                width: 82%;
                display: block;
                text-align: center;
                white-space: normal;
                margin: 1em auto;
                font-size: 0.8em;
                border: 1px solid #ffffff;
                color: #ffffff !important;
            }

            a.white-btn:link,
            a.white-btn:visited {
                background: transparent; /* First Coast */
                color: #ffffff; /* white */
            }

            a.white-btn:hover,
            a.white-btn:active,
            a.white-btn:focus {
                background: #004d40; /* Forest Green */
                color: #2BFEBB;
            }
            @media (min-width: 800px) {
                a.white-btn {
                    display: inline-block;
                    width: auto;
                    margin: 1em;
                }
            }
            @media (max-width: 799px) {
                a.white-btn.align-center {
                    margin-left: auto;
                    margin-right: auto;
                }
            }

        /* Textlinks */

            a.cta-text,
			span.cta-text {
                font-weight: bold;
                text-decoration: underline;
                text-decoration-color: #2BFEBB; /* First Coast */
                text-underline-offset: 4px;
                text-decoration-thickness: 2px;
            }
            a.cta-text:link,
            a.cta-text:visited {
                color: #0D4F45; /* Forest Green */
            }
            a.cta-text:hover,
            a.cta-text:active,
            a.cta-text:focus {
                color: #2BFEBB; /* First Coast */
            }
            .bg-forward-green-solid a.card-lockup-link:link span.cta-text,
            .bg-forward-green-solid a.card-lockup-link:visited span.cta-text {
                    color: #0D4F45; /* Forest Green */
            }
            .bg-forestgreen a.card-lockup-link:link span.cta-text,
            .bg-forestgreen a.card-lockup-link:visited span.cta-text {
                    color: white;
            }
            .bg-forward-green-solid a.card-lockup-link:hover span.cta-text,
            .bg-forward-green-solid a.card-lockup-link:active span.cta-text,
            .bg-forward-green-solid a.card-lockup-link:focus span.cta-text,
            .bg-forestgreen a.card-lockup-link:hover span.cta-text,
            .bg-forestgreen a.card-lockup-link:active span.cta-text,
            .bg-forestgreen a.card-lockup-link:focus span.cta-text {
                    color: #2BFEBB; /* First Coast */
            }

		/* Responsive Video Embeds */

		.embed-responsive {
			position: relative;
			display: block;
			height: 0;
			padding: 0;
			overflow: hidden; 
		}
		.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object {
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			height: 100%;
			width: 100%;
			border: 0; 
		}
		.embed-responsive.embed-responsive-16by9 {
			padding-bottom: 56.25%; 
		}
		.embed-responsive.embed-responsive-4by3 {
			padding-bottom: 75%; 
		}
                
/* Close Button */

                
	a.close-btn:link,
	a.close-btn:visited {
		color: #0D4F45; /* Forest Green */
		text-decoration: none;
	}
	a.close-btn:hover,
	a.close-btn:active,
	a.close-btn:focus {
		color: #2BFEBB; /* First Coast */
	}

/* Open Button */ 
	a.open-btn:link,
	a.open-btn:visited {
		color: #0D4F45; /* Forest Green */
		text-decoration: none;
	}
	a.open-btn:hover,
	a.open-btn:active,
	a.open-btn:focus {
		color: #2BFEBB; /* First Coast */
	}

/* Hide and Show Buttons */
	a.hide-btn{
		display:none;
	}
	a.show-btn{
		display:block;
	}

/* Structure */

	body {
		background: #ffffff;
                font-family: 'Fakwang Regular', sans-serif;
                font-weight: 400;
                font-style: normal;
	}
	.body-wrap {
		background: #ffffff;
                
	}
	.body-grid {
		display: grid;
		grid-template-columns: repeat(12, 1fr);
		grid-template-rows: repeat(6, min-content);
		grid-gap: 30px;
                gap: 30px;
	}


/* Header */

        .header{
                padding-top: 20px;
                padding-bottom: 20px;
        }
	.header:after {
		visibility: hidden;
		display: block;
		content: "";
		clear: both;
		height: 0;
	}

	.header .grid {
		display: grid;
		grid-template-columns: 85% auto;
		grid-template-rows: minmax(50px, max-content);
		align-items: center;
		width: 90%;
		max-width: 1140px;
		margin-left: auto;
		margin-right: auto;
	}

	.header-btn {
		text-align: right;
		align-items: center;
	}

	.header-btn-give,
	.header-btn-search {
		display: none;
	}

	.header-btn-search {
		text-align: center;
	}
        .header-nav{
            min-height: 50px;
        }
        

	@media (min-width: 800px) {
		.header .grid {
			grid-template-columns: 300px auto;
			grid-template-rows: minmax(50px, max-content);
		}
		
		.header-btn-give,
		.header-btn-search {
			display: block;
		}
		
		.header-btn {
			display: grid;
			grid-template-columns: auto 20%;
			grid-template-rows: auto;
			grid-gap: 10px;
		}
	}

	.header .logo img {
		width: 90%;
		max-width: 500px;
		height: auto;
	}
        /* tablet & mobile */
        @media (max-width: 800px) { 
			.header .logo img {
				width: 70%;
            }
            .header-btn-give { display: none; }   
			#nav { display:none; }
            #nav.navbar-active {
                max-height: 240px;
                position: absolute;
                top: 100px;
                width: 200px;
                right: 0px;
                min-height: 200px;
                display:block;
				z-index: 1000;
				border-bottom-left-radius: 12px;
            }   
        }

/* Search */

	#btn-search {
		cursor: pointer;
		border: none;
		background: none;
		font-size: 20px;
		font-weight: normal;
		color: #0D4F45; /* Forest Green */
	}

	#btn-search:hover,
	#btn-search:active,
	#btn-search:focus {
		color: #2BFEBB; /* First Coast */
	}
	.header-btn-search {
		float: right;
	}


/* Menu */

	/* Nav Icon */

		#nav-icon {
			width: 40px;
			height: 30px;
			position: relative;
			margin: 10px auto;
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
			-webkit-transition: .5s ease-in-out;
			-moz-transition: .5s ease-in-out;
			-o-transition: .5s ease-in-out;
			transition: .5s ease-in-out;
			cursor: pointer;
		}

		#nav-icon span {
			display: block;
			position: absolute;
			height: 2px;
			width: 100%;
			background: #0D4F45; /* Forest Green */
			border-radius: 9px;
			opacity: 1;
			left: 0;
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
			-webkit-transition: .25s ease-in-out;
			-moz-transition: .25s ease-in-out;
			-o-transition: .25s ease-in-out;
			transition: .25s ease-in-out;
		}

		#nav-icon span:nth-child(1) {
			top: 0px;
		}

		#nav-icon span:nth-child(2) {
			top: 12px;
		}

		#nav-icon span:nth-child(3) {
			top: 24px;
		}

		#nav-icon.open span:nth-child(1) {
			top: 12px;
			-webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			-o-transform: rotate(135deg);
			transform: rotate(135deg);
		}

		#nav-icon.open span:nth-child(2) {
			opacity: 0;
			left: -60px;
		}

		#nav-icon.open span:nth-child(3) {
			top: 12px;
			-webkit-transform: rotate(-135deg);
			-moz-transform: rotate(-135deg);
			-o-transform: rotate(-135deg);
			transform: rotate(-135deg);
		}

	#nav-icon:hover span {
		background: #2BFEBB; /* First Coast */
	}

	#nav-check:focus + .hamb #nav-icon {
		outline: solid 2px #A7D054;
	}
	
	#nav-list,
	#collapse-nav-why {
		list-style-type: none;
	}

	#nav-list {
		text-align: right;
		width: 90%;
		margin-left: auto;
		margin-right: 0;
	}
        @media (min-width: 800px) { 
            #nav-list { width: 80%; }
        }

	#nav-list li {
		padding-bottom: 0.6em;
	}

	#nav-check {
		position: absolute;
		opacity: 0;
	}

	#nav {
		background: #ffffff;
		max-height: 0;
		transition: 0.5s ease-in-out;
		overflow: visible;
	}

	#nav.navbar-active {
		max-height: 300px;
	}

	#nav a:link,
	#nav a:visited {
		color: #004d40;		
		text-decoration: none;
		padding-top: 1em;
		padding-bottom: 1em;
		font-size: 14px;
		font-weight: 600;
		font-family: 'Fakwang Bold';
	}
	#nav a:hover,
	#nav a:active,
	#nav a:focus {
		color: #A7D054; /* Electric Palm */
		text-decoration: underline;
	}


	a.nav-header.resting::after {
		font-family: "Font Awesome 5 Pro";
		content: "\f0da"; /* Caret Right */
		font-weight: bold;
		color: #2BFEBB;
	}
	a.nav-header.active::after {
		font-family: "Font Awesome 5 Pro";
		content: "\f0d9"; /* Caret Left */
		font-weight: bold;
		color: #2BFEBB;
	}
	@media (min-width: 800px) {
		a.nav-header.resting::after {
			font-family: "Font Awesome 5 Pro";
			content: "\f0d7"; /* Caret Down */
			font-weight: bold;
			text-decoration: none;
		}
		a.nav-header.active::after {
			font-family: "Font Awesome 5 Pro";
			content: "\f0d8"; /* Caret Up */
			font-weight: bold;
			text-decoration: none;
		}
	}

	a.nav-header + ul.collapse {
		max-height: 0;
		transition: 0.5s ease-in-out;
		overflow: hidden;

	}
	a.nav-header.active + ul.collapse {
		max-height: 250px;

	}
	@media (min-width: 800px) {
		#nav-list {
			display: grid;
			grid-template-columns: repeat(3, 1fr);
			grid-template-rows: 1fr;
			align-items: flex-end;
		}
		#nav-list li {
			padding: 1em 1em;
			text-align:center; 
		}
	}

	@media (max-width: 749px) { 
		#nav.navbar-active{
			min-height: 300px;
		}
		#nav-list{
			text-align: left;      
			margin-top: 30px;
		}
		#nav-list a.cta-btn:link{
			padding: 9px 0px;
			margin-top: 10px;
			margin-left: 0px;
		}     
		#nav-list li{
			padding-bottom: 0.8em;
		}
		#nav-list li:last-child{
			margin-top: 1em;
		}
	}
	

/* Footer */

	.footer-wrapper {
		background: #0D4F45;
		color: white;
		text-align: center;
	}
	.footer {
		padding-top: 3em;
		padding-left: 1em;
		padding-right: 1em;
	}
	.img-logo-footer {		
	}
	.footer-bottom-bar {
		border-top: solid 1px #ffffff;
		padding: 8px 4px;
	}
	.footer-bottom-bar .p-sm{ 
		font-family: 'Fakwang Regular';
		line-height: 30px; 
		text-align: right; 
	}
        
	.footer-bottom-bar .p-sm {
		color: white;
	}
	.footer a:link,
	.footer a:visited {
		color: white;
		text-decoration: none;
		font-family: "Fakwang Regular";                 
		font-size: 14px;
		line-height: 28px;
		margin-left: 1em;
	}
	.footer a:hover,
	.footer a:active,
	.footer a:focus {
		color: #A7D054; /* Electric Palm */
		text-decoration: underline;
	}
	.footer .footer-cta{
		text-align: left;
		margin-top: 2em;            
	}
	.footer .footer-cta a.cta-btn:link,
    .footer .footer-cta a.cta-btn:focus,
	.footer .footer-cta a.cta-btn:visited{
		color: #004d40; 
		font-family: 'Fakwang Regular', sans-serif;
		padding: 9px 48px;
		width: auto;
		background-color: #2BFEBB;
	}
	.footer .footer-cta a.cta-btn:hover,
	.footer .footer-cta a.cta-btn:active{
		background: #ffffff;
		text-decoration: none;
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		-o-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
	}
	.footer-links-grid {
		display: grid;
		grid-template-rows: 1fr;
		grid-template-columns: 1fr 1fr 1fr;
		padding: 1em 10em;
		text-align: left;
		align-items: flex-start;
		gap: 30px;
	}
	.footer-links-grid h4 {
		font-family: 'GT Sectra Display Regular';
		font-weight: 600;
		text-align: left;
		font-size: 18px;
		padding: 0;
		margin-left: 0px;
	}
	.footer-links-grid a{
		width: 100%;
	}
	 
	.footer-links ul,
	.footer-links li,
	.footer-bottom-bar ul,
	.footer-bottom-bar li {
		list-style-type: none;
	}
	.footer-bottom-bar a#de {
		font-family: inherit;
		font-size: inherit;
		letter-spacing: inherit;
	}

	.footer .footer-social-icons{
		display: grid;
		grid-template-rows: auto;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		padding: 3px; 
	}
	.footer-social a {
		
	}
	.footer-social img {
		max-width: 32px;
		height: auto;
		transition: margin-top 0.5s ease, margin-bottom 0.5s ease;
	}
	.footer-social a:hover img,
	.footer-social a:focus img,
	.footer-social a:active img {
		margin-top: 2px;
		margin-bottom: 6px;
	}
	.footer-address {
		padding-bottom: 0.5em;
		text-align: left;
		font-size: 12px; 
		font-family: 'Fakwang Regular';
	}

	@media (min-width: 800px) {
		.footer {
			display: grid;
			grid-template-rows: minmax(50px, max-content) minmax(50px, max-content);
			grid-template-columns: minmax(max-content, 400px) auto;
			grid-template-areas:
				"a b"
				"c d"
				"e e";
			width: 90%;
			margin: 1em auto;
		}
		.footer .logo {
			grid-area: a;
			text-align: left;
		}
                
		.footer-links {
			grid-area: b;
			text-align: right;
			max-width: 650px;
		    margin-left: auto;
		}
		.footer-links ul,
		.footer ul {
			list-style-type: none !important;
		}
		.footer-links h4, .footer-links a, .footer-address {
			margin: 6px 12px;
			white-space: nowrap;
			margin-left: 12px;
			line-height: 28px;
		}
		
		.footer-address {
			grid-area: c;
		}
		.footer-bottom-bar {
			grid-area: e;
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-template-rows: auto;
			text-align: left;
		}
		.footer-bottom-bar ul{
			text-align: left; 
			display: grid;
			grid-template-columns: 1fr 1fr 50%;
			grid-gap: 30px;
			
		}
		 
		.footer-bottom-bar div:nth-of-type(2) a {
			font-size: 12px;
			line-height: 16px;
			margin-left: 12px;
			font-family: 'Fakwang Regular';
			text-transform: capitalize;
		}
		
	}

	@media (max-width: 799px) {
		.footer-wrapper{ text-align: left; }
		.footer-links .grid { 
			display: grid;
			grid-template-columns: 60% 1fr;
			grid-template-rows: auto;
			grid-gap: 20px;
		}
		.footer .footer-cta a.cta-btn:link, .footer .footer-cta a.cta-btn:visited{
			margin: 30px 0px;
			width: 100px;
		}
		.footer-links ul{
			text-align: left; 
		}
		.footer-links h4{
			font-size: 20px;
			line-height: 36px;
			font-family: 'GT Sectra Display Regular';
		}
		.footer a:link,
		.footer a:visited {			
			margin-left: 0px;
		}
		.footer-links p, .footer-links a:link, .footer-links a:visited{
			font-size: 14px;
		}
		.footer-address p{ line-height: 2em; }
		.footer-links .footer-links-pages{ 
			margin-top: 30px;
			margin-bottom: 60px;
		}
		.footer-links .footer-links-social img{
			width: 15px;
			height: 15px;
		}
		.footer-bottom-bar{
			padding: 32px 8px; 
		}
		.footer-bottom-bar ul{
			display: grid;
			grid-template-columns: 1fr 1fr;
			grid-template-rows: auto;
			text-align: left;
		}
		.footer-bottom-bar ul li:nth-child(2){
			text-align:right; 
		}
		.footer-bottom-bar-desktop{ display:none; }
		.footer-bottom-bar .p-sm{ text-align: left;}

	}

/* Intro */

	.module-intro {
		padding: 2em 1em;
	}
	.module-intro .grid {
		width: 90%;
		margin: 16px auto;
	}
	.module-intro-dark .grid {
		border: solid 2px #A7D054; /* Electric Palm */
                padding: 16px;
		max-width: 700px;
	}
	.module-intro-dark .intro-box-dark {
		background: white;
		padding: 24px;
	}
		@media (min-width: 800px) {
			.module-intro-dark .intro-box-dark {
				padding: 36px;
			}
		}

	.module-intro-light {
		color: rgb(13,79,69); /* Forest Green */
	}
	.module-intro-light .grid {
		/*border: solid 1px #B1DED3;  Dolphin */
		max-width: 1200px;
	}
	.module-intro-light img {
		width: 100%;
		height: auto;
		margin: 0;
	}
	.module-intro-light .intro-box-inner {
		padding: 2em;
                font-family: 'GT Sectra Display Regular';
	}
	.module-intro-light .intro-box-inner h2{             
		text-align: center;              
	}
	.module-intro-light .intro-box-inner h3{		
		text-align: center; 		
		font-size: 57px;
        line-height: 65px;
	}
	.module-intro-light .intro-box-inner h3{
		font-weight: 400;
	}
	.module-intro-light .h3 {
		padding-bottom: 0.4em;
		text-align: center;
	}
	.module-intro-light p {
		line-height: 1.4;
		font-size: 18px;
	}	
	.module-intro-light .tiny-text{
		font-size: 20px;
		color: #004d40;
		text-align: center;
	}
	.module-intro-light .intro-box-video, 
    .module-intro-light .intro-box-video-transcript{
		text-align:center;
	}
	.module-intro-light .intro-box-video-transcript, .home-modal-content .intro-box-video-transcript{            
		padding: 16px 6px; 
	}
	.module-intro-light .main-video-transcript, .home-modal-content .main-video-transcript{
		padding: 16px 16px; 
		border: 1px solid #2BFEBB;
		margin-top: 6px;
		text-align: left;
	}
	.module-intro-light .main-video-transcript h3, .home-modal-content .main-video-transcript h3{
		font-family: 'GT Sectra Display Regular';
		line-height: 36px;
		font-size: 28px; 
		color: #004d40;
		margin-bottom: 30px;
	}
	.module-intro-light .main-video-transcript p, .home-modal-content .main-video-transcript p{
		font-size: 0.9em;
		line-height: 1.4em;
		margin-bottom: 10px;
		color: #333;
	}
	.module-intro-light .main-video-transcript div,
    .home-modal-content .main-video-transcript div{
		height: 150px;
		overflow: scroll;
	}
	.module-video-intro h1{
		padding: 1em 1em;
	}

	@media (min-width: 1920px) { /* super large screens */
		.module-intro-light .main-video-transcript div,
		.home-modal-content .main-video-transcript div{
			height: 300px;
		}
	}
	@media (max-width: 799px) {	

		.module-intro-light .intro-box-inner h3{
			margin-bottom: 30px;
		}
		.module-intro-light .intro-box-video iframe{
			width: 350px !important;
			height: 197px !important; 
		}
		.module-intro-light iframe{
			width: 350px !important;
			height: 197px !important; 
		}
		.module-intro-light .main-video-transcript div,
    	.home-modal-content .main-video-transcript div{
			height: 200px;
		}

	}
        
        
/* Blank Template */

	.section-body-content {
	    max-width: 1000px;
	    margin: 3em auto;
	} 

/* Module Home Intro */

	.module-home-intro {
		background-image: url('/futuremade/_resources/img/ivin-gunder-main-banner-site.jpg');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;		
		background-color: #004d40;
	}
	.module-home-intro .grid{
		padding: 12em 12em 8em;
	}
	.splash-text h1{
		font-size: 60px; 
		color: #ffffff;
		font-weight: bold;
		text-transform: uppercase;
		font-family: 'Monument Extended Regular', sans-serif;
		margin-left: 10px;
		letter-spacing: 2px;
		max-width: 600px;
	}
	.splash-text h2{
		font-size: 20px; 
		color: #ffffff;
		font-weight:normal;
		text-transform: uppercase;
		font-family: 'Monument Extended Regular', sans-serif;
		margin-top: 20px;
		margin-left: 10px;
	}
	.splash-text,
	.video-play {
		max-width: 1000px;
		margin: 0 auto;
		position: relative;
		padding-left: 0em;
		padding-right: 1em;
	}
	.module-home-intro:focus,
	.splash-text:focus,
	.splash-text svg:focus,
	.splash-text svg text:focus {
		outline: none;
	}
	.intro-classof{
		position: relative;
		top: -50px;            
		text-align: right;
		color: white;
		padding-right: 3em;
	}        
	.intro-classof h4, .intro-classof p.h4{
		color: #2BFEBB;
		font-family: 'Monument Extended Regular', sans-serif;
		line-height: 1.4em;
		font-size: 1.2em;
		letter-spacing: 2px;
		font-weight: 400;
	}
	.video-play{
		display: grid;
		align-items: flex-start;
		grid-template-rows: auto;
		grid-template-columns: 1fr 1fr 50%;
		gap: 0px; 
		width: 100%;
		margin-top: 60px;
	}
	.video-play,
	.video-play a {
		text-transform:  capitalize;
		font-family: 'Fakwang Regular', sans-serif;
		font-size: 1em;
		letter-spacing: 0px;
		font-size: 80%;
        font-weight: 600;
	}
	.video-play a {
		padding: 18px 9px;
	}
	.video-play svg {
		width: 40px;
		height: 40px;
	}
	.video-play svg path {
		fill: #2BFEBB;
		-webkit-transition: fill .3s ease-in-out;
		-moz-transition: fill .3s ease-in-out;
		-o-transition: fill .3s ease-in-out;
			transition: fill .3s ease-in-out;
	}
	.video-play a:link,
	.video-play a:visited {
		color: #0D4F45;
		text-decoration: none;
		font-size: 100%;
	}
	.video-play a:hover,
	.video-play a:active,
	.video-play a:focus {
		color: #2BFEBB;		
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		-o-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
		font-size: 88%;
                border: 1px solid #ffffff;
	}
	.video-play a:hover svg path,
	.video-play a:active svg path,
	.video-play a:focus svg path {
		fill: white;
	}

	.section-heroandapply .hero-bg-video-control {
		border-top: solid 1px rgb(25,170,149);
		color: white;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.video-control-btn {
		cursor: pointer;
		display: inline-block;
		float: left;
    	font-size: 1em;
		padding-left: 0.2em;
	}
	.video-control-play {
		cursor: pointer;
		display: none;
		float: left;
    	font-size: 1em;
		padding-left: 0.2em;
	}
	@media (min-width: 1920px) { /* super large screens */
            .module-home-intro .grid {
                padding: 12em 20em 15em;                
            }
		   	.splash-text h1 {
				max-width: 600px;   
		   	}
        }
	@media (max-width: 1100px) {
		.section-heroandapply .hero-bg-video-control {
		    border-top: none;
    		align-self: end;
		}
	}
	@media (max-width: 1024px) {
		.video-control-btn,
		.video-control-play {
			display: none;
		}
	}
	@media (max-width: 789px) {
		.video-play a {
			padding: 9px 18px;
		}
		.splash-text h1{
			max-width: 400px;
		}
	}


	.home-modal {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.7);
		opacity: 0;
		visibility: hidden;
		transform: scale(1.1);
		transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
                
	}

	.home-modal-content {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: white;
		padding: 1rem 1.5rem;
		width: 50rem;
		max-width: 90%;
		border-radius: 0.5rem;
		z-index: 1;
	}
	.home-modal-content .embed-responsive {
	    clear: both;
	}
        .home-modal-content h2{ float:left; width: 70%;}
        .home-modal-content .home-modal-close-button { float: right; width: 30px;}

	.modal-close-button {
		float: right;
		width: 1.5rem;
		line-height: 1.5rem;
		height: 1.5rem;
		text-align: center;
		cursor: pointer;
		border-radius: 1rem;
		margin: 0 0 8px;
	}
	.modal-close-button svg {
		width: 1.5rem;
	    height: 1.5rem;
		margin:3px;
	}

	.modal-close-button svg path {
		-webkit-transition: .3s ease-in-out;
		-moz-transition: .3s ease-in-out;
		-o-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
		fill: rgb(13,79,69);
	}

	.modal-close-button:hover svg path {
		fill: #2BFEBB;
	}

	.show-home-modal {
		opacity: 1;
		visibility: visible;
		transform: scale(1.0);
		transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
		z-index: 1000;
	}
        
        /* Mobile & Tablet view */
        @media (max-width: 749px) { 
            .module-home-intro {
                background-image: url('/futuremade/_resources/img/ivin-gunder-main-banner-mobile.jpg') !important;
                background-position: center center;
                background-size: cover;                
            }
			.module-home-intro .grid {
				padding: 6em 2em 6em 2em;
			}
            .video-play{
                grid-template-columns: 60%;
				margin-top: 30px;
            }
            .splash-text h1{
                font-size: 28px;   
				max-width: 100%;
				letter-spacing: 2.8px;
            }
            
            .splash-text h2{
                font-size: 1em;
				max-width: 60%;
            }
            .splash-text h1, 
            .splash-text h2{
                margin-left: 10px;
            }
            .video-play a{
                width: 80%;
				max-width: 160px;
            } 
			.intro-classof h4{
				font-size: 1em;
			}
			.intro-classof p {
				font-size: 0.8em;
			}
        }
 
        

/* Intro Inner Pages  */    
	.module-inner-intro {
		padding: 22em 12em 22em 12em;
	}
	        
	.module-inner-intro .splash-text{
		z-index: 1000;
		margin: 0 auto;
		text-align: center;
	}
	.module-inner-intro .splash-text h1{
		font-size: 70px; 
		color: #ffffff;  
		max-width: 100%;
	}
	.module-inner-intro .splash-text h2{
		font-size: 30px; 
		color:#ffffff;
		font-family: 'Fakwang Regular', sans-serif;
		text-transform: none;
	}

	/* Mobile View */        
        @media (max-width: 749px) {
			.module-inner-intro {
			 	background-position:center;
				padding: 12em 1em 12em 1em;
			}
            .module-inner-intro .splash-text h1{ 
				font-size: 30px; 
				max-width: 100%;
			}
            .module-inner-intro .splash-text h2{ 
				font-size: 18px; 
				max-width: 100%; 
			}
        }
         
/* Interior Headers */
	.module-header-bg,
	.module-header-img {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	.module-header-bg {
		padding: 2em;
	}
	.module-header-bg .splash-text,
	.module-header-img .splash-text {
		padding: 2em 0 1em;
	}
	.splash-support {
		color: white;
		font-size: 1.5em;
		max-width: 1000px;
		margin: 1em auto;
	}
	.splash-support p {
		max-width: 550px;
	}

/* Header with Image */

	.module-header-img {
		background-color: #0D4F45;
		display: grid;
		grid-template-rows: auto;
		grid-template-columns: 1fr 1fr;
		padding: 1em;
	}
	.splash-bg {
		grid-area: 1 / 1 / 2 / 2;
		z-index: 10;
		align-self: center;
		padding: 0 3em;
	}
	.splash-texture {
		grid-area: 1 / 1 / 2 / 3;
		z-index: 5;
	}
	.splash-img {
		grid-area: 1 / 2 / 1 / 3;
		z-index: 1;
	}
    
        /* Mobile & Tablet view */
	@media (max-width: 749px) {
		.module-intro .grid{ 
			max-width: 100%; width: 100%;
		}
		.module-intro-light .intro-box-inner{ 
			padding: 1em 0em;
		}
		.module-intro-light .intro-box-inner h2,
		.module-intro-light .intro-box-inner h3{
			line-height: 1.3em;
			margin-bottom: 0px;
			font-size: 25px;
		}
		.module-header-img {
			grid-template-rows: 1fr 1fr;
			grid-template-columns: auto;
		}
		.splash-bg {
			grid-area: 1 / 1 / 2 / 2;
		}
		.splash-texture {
			grid-area: 1 / 1 / 2 / 2;
			align-self: end;
		}
		.splash-img {
			grid-area: 2 / 1 / 3 / 2;
		}
	}
        
        
/* Donation match */

	.module-donation { 
		background-image: url('/futuremade/_resources/img/bg-forest-green-waves.jpg');
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover; 
		padding: 1em 2em;
	}
	.module-donation .grid { 
		max-width: 100%; 
		padding: 6em;
	}
	.module-donation .intro-box{
		text-align: center;
		align-items: center;
	}
	.module-donation .intro-box .h2{
		color: #ffffff;
	}
	@media (max-width: 749px) {
		.module-donation {
			padding: 4em 2em;
		}
		.module-donation .grid { 
			padding: 0px; 
		}
		.module-donation .intro-box .h2{
			font-size: 26px;
		}
	}


/* Facts and Figures */
	.module-figures {
		background-color: rgb(177,222,211);
		padding: 4em 0;
	}
	.module-figures h2 {
		color: rgb(13,79,69);
		text-align: center;
		margin-bottom: 0.5em;
		font-size: 44px;
	}
	.figures-data {
		display: grid;
		align-items: center;
	    max-width: 300px;
		grid-gap: 20px;
		margin: 2em auto;
	}
	.figures-data-three {
		grid-template-rows: 1fr 1fr 1fr;
		grid-template-columns: auto;
	}
	.figures-data-two {
		grid-template-rows: 1fr 1fr;
		grid-template-columns: auto;
	}
	.figures-data-one {
		grid-template-rows: 1fr;
		grid-template-columns: auto;
	}
	@media (min-width: 800px) {
		.figures-data {
			max-width: none;
			justify-items: center;
		}
		.figures-data-three {
			grid-template-columns: 1fr 1fr 1fr;
			grid-template-rows: auto;
		}
		.figures-data-two {
			grid-template-columns: 1fr 1fr;
			grid-template-rows: auto;
		}
		.figures-data-one {
			grid-template-columns: 1fr;
			grid-template-rows: auto;
		}
	}
	.figure-data {
		background: white;
		color: rgb(13,79,69);
		max-width: 300px;
		text-align: center;
		padding: 1.8em 3em 2.4em;
	}
	.figure-number {
		font-family: 'GT Sectra Display Bold', serif;
		font-size: 4.5em;
		display: block;
		line-height: 72px;
	}
	.figure-caption {
		font-family: 'GT Sectra Display Regular', serif;
		display: block;
	}
	.figure-number-non-numeral {
		font-family: "Monument Extended Regular";
		text-transform: uppercase;
		font-size: 0.3em;
		color: rgb(25,170,149);
		vertical-align: middle;
	}

/* Global Footer CTA */
	.global-cta {
		padding: 3em 0;
		text-align: center;
	}
	.global-cta .logo img {
		width: 300px;
		height: auto;
		display: block;
		margin: 3em auto;
	}
	.global-cta .logo a {
		display: inline-block;
	}

/* Accordion */

	.module-accordion {
		background: #ffffff;
		padding: 4.5em 0;
                color: #004d40;
	}
	.accordion-panel.forever {
		background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%), url('/futuremade/_resources/img/pillar_foreverForTheFuture-accordionbg.png');
	}
	
	.module-accordion .h2 {
		color: #004d40;
		text-align: center;
		padding: 0 1em;                 
		margin-bottom: 2em;
		font-size: 36px;
	}
	.module-accordion > .p-md {
		color: white;
		max-width: 750px;
		margin: 2em auto;
		font-size: 18px;
		padding: 0.5em 1em 1em;
	}
	.module-accordion .grid {
		max-width: 700px;
		width: 94%;
		margin: 2em auto;
	}
	.module-accordion .accordion-panel {		
		transition: all .5s ease-in-out;                
		display: grid;
		grid-template-rows: auto;
		grid-template-columns: 10% 1fr 10%;
		justify-items: flex-start;
		margin: 0 auto;
		grid-gap: 0px;
		padding-top: 2em;
		padding-bottom: 2em;
		border-top: 1px solid #004d40;
		 
	}	
	.module-accordion .accordion-panel-title {
		text-align: left; 
		margin-left: 1em;
	}
	.module-accordion .accordion-panel h3 {
		font-size: 32px;
		line-height: 36px;
		font-weight: 400;                 
		font-family: 'GT Sectra Display Regular';
		color: #004d40;
		padding-top: 0.5em;
	}		
	.module-accordion .accordion-panel-inner {
		font-size: 1em;
		padding-top: 2em;
	}
	.module-accordion .accordion-panel-close {
		margin-left: 1em;
	}

	.module-accordion .accordion-panel-shrink {
		height: 0px;
		padding: 0;
	}
	.module-accordion .accordion-panel-shrink .accordion-panel-inner {
		background: none;
	}
	.module-accordion .accordion-panel-shrink h3,
	.module-accordion .accordion-panel-shrink h4,
	.module-accordion .accordion-panel-shrink p,
	.module-accordion .accordion-panel-shrink a,
	.module-accordion .accordion-panel-shrink img{
		display: none;
	}
	.module-accordion .accordion-panel-active {
		height: auto;		
	}
	.module-accordion .accordion-panel-active h3,
	.module-accordion .accordion-panel-active h4,
    .module-accordion .accordion-panel-active p,
	.module-accordion .accordion-panel-active img{
		display: block;
	}

	/* super large screens */
		 @media (min-width: 1920px) { 
			.module-accordion .h2{
				font-size: 3em;
			}
		} 

	/* Mobile */		
		@media (max-width: 749px) {
			.module-accordion {
				padding: 2em 20px;
			}
			.module-accordion .accordion-panel{
				display: grid;
				grid-template-columns: 15% 70% 15%;
				grid-auto-rows: auto;
			}
			.module-accordion .accordion-panel-close{
				margin-left: 0;
			}
			.module-accordion .accordion-panel-icon{
				grid-column-start: 1;
				grid-row-start: 1;
				grid-row-end: 1;
			}
			.module-accordion .accordion-panel-inner{
				grid-column-start: 1;
			  	grid-column-end: 3;
			  	grid-row-start: 2;
			  	grid-row-end: 2;
				font-size: 1em;
			}					 
			.module-accordion .accordion-panel h3 {
				font-size: 24px;
				line-height: 25px;
			}	
			.module-accordion .h2{
				font-size: 24px;
			}
			
		}
 
	

/* Quote Module */
	.section-quote {
		padding-top: 2em;
		padding-bottom: 2em;
	}
	.section-quote .quote-wrap {
		margin: 0 auto; 
		width: 92%;                  
	}
	.section-quote .quote-img img  {
		width: 100%;
		height: auto;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
	}	
	.section-quote .quote-wrap{
		display: grid;
		grid-gap: 10px;		
		grid-template-rows: 1fr;
                grid-template-columns: 40% 1fr;
	}
	.section-quote .quote-img{
		border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;		 
	}
	.section-quote .card-lockup-content{
		background-color: #FAF6ED;
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
	}
	.section-quote .card-individual {
		display: grid;
		grid-template-rows: auto;
		grid-template-columns: 20px auto 40px;		 
	} 
	.section-quote .card-title {		
		z-index: 3;
		padding: 2em 0;                
	}
	.ways-give .section-quote .card-title { margin-top: 7em; } 
	.section-quote .card-title h2{                 
		text-align: left;
		font-weight: normal; 
		font-size: 2.5em;
		line-height: 45px; 
	}     
	.section-quote .card-desc {		
		z-index: 3;
		padding: 1em 1em;  
		margin-top: 0;
	}
	.section-quote .card-desc p,
	.section-quote .card-desc h4{
		margin-top: 1em;                    
		color: #004d40;/* forest green */		
	}	  
	.section-quote .card-desc p{ 
		margin-bottom: 2em; 
		font-size: 1.4em; 
		text-align: left; 
	}
	.section-quote .card-desc h4, .section-quote .card-desc p.h4 { 
		margin-bottom: 1em;
		font-family: 'Fakwang Bold';
		font-weight: bold;
	}
	.section-quote .card-bg {
		background-color:#FAF6ED;
		grid-area: 3 / 1 / 6 / 4;
		z-index: 1;
		border-radius: 8px;
		min-height: 595px;
		margin-top: -16px; 
	}
	.section-quote .card-border-img{
		min-height: 25px;
		grid-area: 1 / 1 / 1 / 4;
		z-index: 3;
		border-radius: 8px;             
	} 
	.section-quote .card-border-img img{ 
		border-top-left-radius: 8px; -webkit-border-top-left-radius: 8px; -moz-border-top-left-radius: 8px;  
		border-top-right-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-top-right-radius: 8px;  
	}
	.section-quote .card-slider-nav {
		display: grid; 
		grid-template-columns: auto 40px 40px; 
		align-items: flex-end;
		grid-gap: 5px;
		position: relative;
		top: 90%;
		right: 10%;
	}
	.section-quote .card-slider-nav img:hover{
		transform: scale(0.9);
	}

/* Mobile & Tablet view */
	@media (max-width: 749px) {
		.section-quote .quote-wrap{
			grid-template-columns: 1fr;
			grid-gap: 0px;
			z-index: 10;
			padding: 1em 10px;
			width: 93%;
		}
		.section-quote .card-lockup-content{ 
			margin-top: -10px;
		}
		.section-quote .card-individual {
			grid-template-columns: 20px auto 20px;	
		}
		.section-quote .card-desc{
			margin-top: 0;
		}
		.section-quote .card-border-img{ 
			margin-top: -5px;
		}
		.section-quote .card-border-img img,
		.section-quote .card-border-img{ 
			border-radius: 0px; -webkit-border-radius: 0px;
			border-top-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-top-left-radius: 0px;  
			border-top-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-top-right-radius: 0px; 
		}
		.section-quote .card-title h2{
			font-size: 25px;
			line-height: 35px;
		}
		.section-quote .card-desc p{
			font-size: 1em;
		}
		.section-quote .card-desc h4{
			font-size: 0.8em;
			font-weight: bold;
		}
		.section-quote .card-bg{
			min-height: 550px; 
		}
	}
        
	@media (min-width: 1920px) {
		.section-quote .card-bg{ min-height: 790px;}
		.section-quote .card-title {margin-top: 9.5em; padding: 2em 0;}
		.campaign-inner .section-quote .card-title{ margin-top: 6.5em;}		
		.section-quote .card-desc { padding: 3em 9em 3em 2em;}
		.section-quote .card-desc p{ margin-bottom: 2em; font-size: 1.6em; }
		.section-quote .card-desc h4 { margin-bottom: 2em;}
		.ways-give .section-quote .card-title {	 margin-top: 9.5em; } 
	}

/* Carousel Module */
	.section-carousel {
		padding: 2em 0;
	}
	.carousel-wrap {
		width: 92%;
		max-width: 1100px;
		margin: 0 auto;
	}
	.section-carousel .h2 {
		text-align: center;
		margin: 1.2em 0 1em;
	}
	.section-carousel .p-lg {
		margin: 1em 0 1.5em;
	}

/* Featured Progress Round */

	.section-progress-round {
		padding-top: 0;
		padding-bottom: 6em;
		background: transparent url('/futuremade/_resources/img/bg-waves-45.png') 0% 0%;
		background-position: bottom center;
		background-repeat: repeat;
		background-size: contain; 
	}
	.section-progress-round .grid {
		/* width: 95%;*/
		background: #0D4F45;
		display: grid;
		grid-template-rows: auto;
		grid-template-columns: 60% 1fr;
		justify-items: center;
		margin: 0 auto;
		grid-gap: 0px;
		padding-top: 4em;
		padding-bottom: 4em;                 
	}           
	.section-progress-desc .h2 {
		color: #FFFFFF; /* First Coast */
		text-align: left;				
		margin-left: 2.5em;
		margin-right: auto;
		padding-top: .2em;
		font-weight: normal;
		font-size: 3em;
		line-height: 1em;
	}
	.section-progress-desc p {
		color: white;		 
		margin: 0 auto;
		padding: 2em 0;
		margin-left: 8em;		
		text-align: left;
	}
	.section-progress-desc a.cta-btn:hover{
		background: white;
		color: #004d40;
		border-color: white;
	}
	.section-progress-desc .cta-btn {
		padding: 18px 36px;
		margin: 0;
	}

	.wrap-circles {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		padding: 0.5rem;
	}
	.circle {
		position: relative;
		width: 320px;
		height: 320px;
		margin: 0.5rem;
		border-radius: 50%;
		background: #4ea795;
		overflow: hidden;
		background-image: conic-gradient(#79f8bf 25%, #4ea795 0);
		border: #0080C7 solid 3px;
		box-shadow: inset 0 0 0 10px #0D4F45;
	}
	.circle .inner {
		display: flex;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 200px;
		height: 200px;
		background: #0D4F45;
		border-radius: 50%;
		font-size: 2em;
		font-weight: 300;
		color: rgba(255, 255, 255, 0.9);
	}

	.inner-label {
		text-align: center;
		padding: 4px;
	}

	span.figure-label {
		display: none;
		font-size: 40%;
	}
        
	.progress-circle-animated{
		background: transparent;             
		position: relative; 
		width:270px; 
		height:270px; 
		margin: 0px auto;
		border: #0080C7 solid 3px;
		border-radius: 50%;
		padding: 6px;
	}
	.progress-circle-animated svg{
		display: none;
		margin-top: 0;
	}
	.progress-circle-animated h2{
		font-size: 2.4em;
		color: #ffffff;
		position: absolute;
		top: 45%;
		left: 30%;
		font-weight: normal;
		text-align: center;
		font-family: 'Monument Extended Regular';
	}
	.progress-circle-animated .figure-label{ 
		font-size: 12px;
		width: 160px;
		text-align: center;
	}
	.progress-circle-animated .progress-circle.indefinite .progress {
		stroke: url(#cl1);
		stroke-width: 25;
		/*stroke-dashoffset: 0;*/
		stroke-dasharray: 754;
		/*animation: progress-indef 2s linear;*/
	}
	.progress-circle.indefinite .bg {
		stroke: #4ea795;
		stroke-width: 28;
	}
	.section-progress-desc-cta{display: block;}
	.section-progress-desc-cta-mobile{ display: none; }

		/* super large screens */
		 @media (min-width: 1920px) { 
			.section-progress-desc .h2{
				font-size: 4em;
			}
			 
			 .section-progress-desc p {
				margin-left: 10em;	
			}
		}
		
        
        /* Mobile view */
        @media (max-width: 749px) {
            .section-progress-round{
                padding: 0 0 2em 0;
            }
            .section-progress-round .grid{
                grid-template-columns: 1fr;
            }
            .section-progress-desc{
                padding: 1em 2em;
            }
            .section-progress-desc .h2,
            .section-progress-desc p{
                margin: 0 auto;
            }
			.section-progress-desc .h2{
				font-size: 32px;
				line-height: 38px;
			}
            .section-progress-desc-cta{display: none;}
            .section-progress-desc-cta-mobile{ 
                display: block;     
                width: 70%;
                text-align: center;
                margin-top: 2em;
            }
            .section-progress-desc-cta-mobile .cta-btn{
                max-width: 100%;
                width: 70%;
                margin: 0 auto;
            }
        }
        

/* CTA Section */

	.section-cta{
		padding-top: 0;
		padding-bottom: 6em;
		background: transparent url('/futuremade/_resources/img/cta-bg-waves.jpg') 0% 0%;
		background-position: bottom center;
		background-repeat: no-repeat;
		background-size: contain;  
		width: 95%;
		margin: 0 auto;                
	}
	.section-cta .grid {
		width: 100%;
		background-color: #e7f5f2;
		display: grid;
		grid-template-rows: 1fr;
		grid-template-columns: 1fr;
		justify-items: center;
		margin: 0 auto;
		grid-gap: 0px;
		padding-top: 4em;
		padding-bottom: 4em;                 
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}      
	.section-cta-desc{ 
		max-width: 1200px;                
		padding: 2em 4em;
		justify-items: center;                
	}
	.section-cta-desc .h2 {
		color: #004d40;
		text-align: center;						
		padding-top: .2em;
		font-weight: normal;
		font-size: 38px;
		line-height: 45px;
		font-family: 'Monument Extended Regular';
		margin-bottom: 1.5em;
	}
	.section-cta-desc .h3 {
		text-align: center;	
		font-weight: normal;
		font-size: 25px;
		line-height: 40px;                
		padding-left: 6em;
		padding-right: 6em;
		margin-top: 1em;
		margin-bottom: 1em;
	}
	.section-cta-desc p {
		color: #004d40;		 
		margin: 0 auto;
		padding: 2em 0;		
		text-align: center;
	}	 
	.section-cta .section-cta-text .grow:hover{
		opacity: 1 !important;		
	}
		@media (max-width: 749px) {
			.section-cta {
				padding-bottom: 1.5em;
				margin: 0 auto 3em auto; 
			}
			.section-cta .grid {
				padding-bottom: 0; 
			}
			.section-cta-desc .h3{
				padding-left: 0em;
				padding-right: 0em;
				font-size: 24px; 
				line-height: 28px; 
			}
			.section-cta-desc{ 
				max-width: 100%;                
				padding: 2em 2em;
				justify-items: center;   				
			}
			.section-cta-desc p{
				font-size: 16px;
				line-height: 26px;
			}
		}

/* Featured Progress Bar */
	.section-progress-bar {
		background-image: linear-gradient(#0080C7, #0080C7);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 3px 100%;
		padding-bottom: 4em;
		padding-top: 4em;
	}

	.section-progress-bar .h2,
	.section-progress-bar .p-lg {
		background: white;
		width: 92%;
		max-width: 600px;
		text-align: center;
		margin: 0 auto;
	}

	.section-progress-bar .h2 {
		padding-top: 0.2em;
	}

	.section-progress-bar .p-lg {
		padding: 1em 0;
	}

	.progress-bar-wrap {
		border: solid 3px #0080C7;
		background: white;
		width: 92%;
		margin: 2em auto;
		max-width: 700px;
		text-align: center;
	}

	span.progress-figure {
		font-size: 4.5em;
		color: #0D4F45;
		font-family: 'GT Sectra Display Bold';
	}

	.animated-progress-bar {
		max-width: 600px;
		width: 92%;
		height: 45px;
		border-radius: 45px;
		margin: 16px auto;
		border: 1px solid rgba(121, 248, 191, 0.4);
		overflow: hidden;
		position: relative;
		background: #4ea795;
	}

	.animated-progress-bar span {
		height: 100%;
		display: block;
		width: 0;
		color: white;
		background-color: #79f8bf;
		line-height: 30px;
		position: absolute;
		text-align: end;
		padding-right: 5px;
	}

	.progress-bar-wrap .p-md {
		padding: 0 0 1em;
	} 
        

/* Card Lockup */

	.section-card-lockup {
		padding: 2em 1em;
	}

	.section-card-lockup .h2 {
		text-align: left;
		margin-bottom: 1em;
		margin-top: 0.5em;                
		line-height: 1.2em;
		margin-left: 1em;
		font-size: 42px; 
	}

	.section-card-lockup .p-lg {
		width: 92%;
		max-width: 600px;
		text-align: center;
		margin: 1em auto 1.5em;
	}
	.section-card-lockup.bg-forestgreen p.p-lg {
		color: white;
	}
    
	.section-card-lockup .grid{
		display:grid;
		grid-template-columns: 85% auto 60px;
		justify-items: flex-start;            
		margin: 0 auto;
		grid-gap:0px; 
		align-items: center;
	}

	.section-card-lockup .mobile-secondary-btn{
		display:none;
	}
	
	.section-card-lockup .hide{
		display:none; 
	}
	.section-card-lockup .show{
		display: block; 
	}
    .section-card-lockup .btn-load-more{
		text-align:center;
		justify-items: center;
		grid-template-columns: 1fr;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.card-wrap {
		display: grid;
		grid-template-columns: auto;
		justify-items: center;
		/*max-width: 1100px;*/
		margin: 0 auto;
		grid-gap: 10px;
                padding-top: 2em;
	}

	.cards-2 {
		grid-template-rows: 1fr 1fr;
	}
	.cards-3 {
		grid-template-rows: 1fr 1fr 1fr;
	}
	.cards-4 {
		grid-template-rows: 1fr 1fr 1fr 1fr;
	}
    
	@media (max-width: 749px) {
		.section-card-lockup .grid{
			grid-template-rows: 1fr;
			grid-template-columns: 1fr;
			justify-items: center; 
		}
		.section-card-lockup .mobile-secondary-btn{
			display: grid;
			margin-top: 30px;
		}
		.section-card-lockup .grid-title .secondary-btn{ 
			display: none; 
		}
		.section-card-lockup .h2 { 
			text-align: center;  
			font-size: 25px; 
			margin-left: 0.5em; 
		}		
		.card-wrap { 
			grid-gap: 30px; 
		}
	}

	@media (min-width: 850px) {
		.cards-3 {
			grid-template-columns: 1fr 1fr 1fr;
			grid-template-rows: auto;
		}
		.cards-even {
			grid-template-columns: 1fr 1fr;
		}
		.cards-2 {
			grid-template-rows: auto;
		}
		.cards-4 {
			grid-template-rows: 1fr 1fr;
		}        
	}

	.card-lockup-link {
		display: block;
		width: 100%;
	}
	
	a.card-lockup-link {
	    text-decoration: none;
	}

	.bg-forestgreen a.card-lockup-link:link,
	.bg-forestgreen a.card-lockup-link:visited {
		color: white;
	}

	.bg-forestgreen a.card-lockup-link:hover,
	.bg-forestgreen a.card-lockup-link:active,
	.bg-forestgreen a.card-lockup-link:focus {
		
	}

	.card-individual {
		display: grid;
		grid-template-rows: 20px auto auto auto 20px;
		grid-template-columns: 10px auto 10px;
	}

	.card-img {
		grid-area: 1 / 1 / 3 / 4;
		z-index: 1;
	}         
	.card-title {
		grid-area: 3 / 2 / 4 / 3;
		z-index: 3;
		padding: 1em 2em;
	}
	.card-title p, .card-desc p{
		margin-top: 6px;
		font-size: 18px;            
		color: #004d40;/* forest green */
	}

	a.card-lockup-link:link, .card-title h3.h3 {
		text-decoration: none;
		font-family: 'Monument Extended Regular';
		font-weight: 400;
		font-size: 20px;
		line-height: 30px;
		margin-top: 0.2em; 
		/*text-transform: uppercase; */
	}
		
    @media (min-width: 1290px) {  
	    a.card-lockup-link:link, .card-title h3.h3 {
			font-size: 20px;
		}
	}
	@media (max-width: 749px) {  
		.card-title {
			padding: 1em 0.5em;
		}
		.card-title p{
			font-size: 16px;
		}
		a.card-lockup-link:link, .card-title h3.h3 { 
			font-size: 24px; line-height: 45px; 
		} 
	}

	.bg-forestgreen a.card-lockup-link:link h3.h3,
	.bg-forestgreen a.card-lockup-link:visited h3.h3 {
		color: white;
		font-family: 'GT SECTRA DISPLAY BOLD', serif;
		font-size: 1.9em;
	    line-height: 1.2em;
	}
	.bg-forestgreen a.card-lockup-link:link p.p-md,
	.bg-forestgreen a.card-lockup-link:visited p.p-md {
		color: white;
		font-family: 'GT SECTRA DISPLAY REGULAR', serif;
	}

	.bg-forestgreen a.card-lockup-link:hover h3.h3,
	.bg-forestgreen a.card-lockup-link:active h3.h3,
	.bg-forestgreen a.card-lockup-link:focus h3.h3,
	.bg-forestgreen a.card-lockup-link:hover p.p-md,
	.bg-forestgreen a.card-lockup-link:active p.p-md,
	.bg-forestgreen a.card-lockup-link:focus p.p-md {
		
	}

	.bg-forward-green-outline a.card-lockup-link:link .card-title h3.h4,
	.bg-forward-green-outline a.card-lockup-link:visited .card-title h3.h4,
	.bg-forward-green-outline a.card-lockup-link:hover .card-title h3.h4,
	.bg-forward-green-outline a.card-lockup-link:active .card-title h3.h4,
	.bg-forward-green-outline a.card-lockup-link:focus .card-title h3.h4 {
		font-family: 'Monument Extended Regular';
		text-decoration: none;
		color: #0D4F45;
		text-transform: uppercase;
		padding: 1em 0 0.75em;
		letter-spacing: 2px;
	}

	.card-desc {
		grid-area: 4 / 2 / 5 / 3;
		z-index: 3;
		 
		/*margin-top: 4em;*/
	}
	.card-desc p{
		text-align: right;
	}
	.card-desc p a:link,
	.card-desc p a:visited{
		text-align: right;		
		margin-bottom: 1em;   
		font-size: 1em;
		color: #004d40;
		text-decoration: none;
		font-weight: 600;
	}
	@media (max-width: 749px) {  
		.card-desc p a:link,
		.card-desc p a:visited{
			font-size: 0.9em;
		}
	}
	.card-desc p a:hover {
		color: #1CAA95; 
	}

	.card-border {
		grid-area: 2 / 2 / 5 / 3;
		z-index: 2;
		border-radius: 8px;
	}
	.card-modal-trigger{
		cursor: pointer;
	}

	.bg-forestgreen .card-border {
		border: solid 1px #19AA95; /* River City */
                border-radius: 8px;
	}
	.bg-forward-green-outline .card-border {
		border: solid 1px #2BFEBB; /* First Coast */
                border-radius: 8px;
	}

	.card-bg, .card-bg-beige{
		background-color: #E8F7EE;
		grid-area: 3 / 1 / 6 / 4;
		z-index: 1;
		border-radius: 8px;
	}

	.card-bg-beige{
		background-color: #FAF6ED !important;
	}

/* Card Lockup With Icons */

	.section-icon-lockup .grid {
		display: grid;
		grid-template-rows: repeat(2, 1fr);
		grid-template-columns: repeat(6, 1fr);
		grid-gap: 30px;
		width: 90%;
		max-width: 1000px;
		margin: 0 auto;
		padding: 1em 1em;
	}
	.section-icon-lockup .h2 {
		text-align: center;
	}
	div#icon-card-1 {
		grid-area: 1 / 1 / 2 / 3;
	}
	div#icon-card-2 {
		grid-area: 1 / 3 / 2 / 5;
	}
	div#icon-card-3 {
		grid-area: 1 / 5 / 2 / 7;
	}
	div#icon-card-4 {
		grid-area: 2 / 2 / 3 / 4;
	}
	div#icon-card-5 {
		grid-area: 2 / 4 / 3 / 6;
	}
	.icon-card-desc {
		border: solid 3px rgb(43,254,187);
		padding: 12px;
	}
	.icon-card-icon {
		margin-bottom: -4px;
	}
	.icon-card-icon img {
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	.icon-card-desc .h5 {
		color: rgb(13,79,69);
	}

		@media (max-width: 799px) {
			.section-icon-lockup .grid {
				grid-template-rows: repeat(5, 1fr);
				grid-template-columns: 1fr;
			}
			div#icon-card-1 {
				grid-area: 1 / 1 / 2 / 2;
			}
			div#icon-card-2 {
				grid-area: 2 / 1 / 3 / 2;
			}
			div#icon-card-3 {
				grid-area: 3 / 1 / 4 / 2;
			}
			div#icon-card-4 {
				grid-area: 4 / 1 / 5 / 2;
			}
			div#icon-card-5 {
				grid-area: 5 / 1 / 6 / 2;
			}
			.icon-card-desc {
				max-width: 360px;
				margin: 0 auto;
			}
		}
	
                
    /* Pillar Cards */

	.module-pillar-cards {
		padding: 2em 1em 4em 1em;
	}
	.module-pillar-cards .grid {
		width: 90%;
		margin: 16px auto;
	}
	.module-pillar-cards .grid-cards{
		width: 100%;
	}
	.module-pillar-cards-light {
		color: rgb(13,79,69); /* Forest Green */
	}
	.module-pillar-cards-light .grid {
		/*border: solid 1px #B1DED3;  Dolphin */
		max-width: 960px;
	}
	.module-pillar-cards-light img {
		width: 100%;
		height: auto;
		margin: 0;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;

	}
	.module-pillar-cards-light .intro-box-inner {
		padding: 2em;
		font-family: 'GT Sectra Display Regular';
	}
	.module-pillar-cards-light .intro-box-inner h2{                 
		text-align: center;     
		font-size: 42px;
		line-height: 1.2em;
	}
	.module-pillar-cards-light .intro-box-inner h3{
		font-size: 1em;
		text-align: center; 
		line-height: 1.4em;
		margin-top: 2em;
		margin-bottom: 2em;
		font-family: 'Fakwang Regular', sans-serif;
	}

	.module-pillar-cards-light .intro-box-inner h3{
		font-weight: 400;
	}
	.module-pillar-cards-light .h3 {
		padding-bottom: 0.4em;
		text-align: center;
	}
	.module-pillar-cards-light p {
		line-height: 1.4;
	    font-size: 18px;
	}	

	.module-pillar-cards .card-wrap {
		display: grid;
		grid-template-columns: auto;
		justify-items: center; 
		margin: 0 auto;
		grid-gap: 0px;
		padding-top: 2em;
	}

	.module-pillar-cards .cards-2 {
		grid-template-rows: 1fr 1fr;
	}
	.module-pillar-cards .cards-3 {
		grid-template-rows: 1fr 1fr 1fr;
	}
	.module-pillar-cards .cards-4 {
		grid-template-rows: 1fr 1fr 1fr 1fr;
	}
        
	@media (min-width: 850px) {
		.module-pillar-cards .cards-3 {
			grid-template-columns: 1fr 1fr 1fr;
			grid-template-rows: auto;
			grid-gap: 10px;
		}
		.module-pillar-cards .cards-even {
			grid-template-columns: 1fr 1fr;
		}
		.module-pillar-cards .cards-2 {
			grid-template-columns: 1fr 1fr;
			grid-template-rows: auto;
		}
		.module-pillar-cards .cards-4 {
			grid-template-rows: 1fr 1fr;
		}
	}
       
	.module-pillar-cards .card-lockup-link {
		display: block;
		width: 95%;
		margin-top: 10px;
	}
	.module-pillar-cards .card-individual {
		display: grid;
		grid-template-rows: 20px auto auto auto 20px;
		grid-template-columns: 20px auto 20px;
	} 
	.module-pillar-cards .card-title {
		grid-area: 3 / 2 / 4 / 3;
		z-index: 3;
		padding: 1.5em 1em;
		margin-top: 2em;
	}
	.module-pillar-cards .card-title h3{
		margin-top: 4em;
		text-align: left;
		font-weight: normal; 
		font-family: 'GT Sectra Display Regular';
		text-transform: capitalize;
		font-size: 26px;
	}
	.module-pillar-cards .card-title p, 
	.module-pillar-cards .card-desc p{
		margin-top: 18px;
		font-size: 1em;            
		color: #004d40;/* forest green */
	}
	.module-pillar-cards .card-desc {
		grid-area: 4 / 2 / 5 / 3;
		z-index: 3;
		padding: 0.5em 1em 1em 1em;
		min-height: 100px;
	}
	.module-pillar-cards .card-desc p{text-align: left;}
	.module-pillar-cards .card-desc p a:link,
	.module-pillar-cards .card-desc p a:visited{
		text-align: left;
		font-weight:500;		
		margin-bottom: 1em;   
		font-size: 1em;
		color: #004d40;
		text-decoration: none;
	}
	.module-pillar-cards .card-desc p a:hover {
		color: #1CAA95; 
	}
	.module-pillar-cards .card-bg {
		background-color:#FAF6ED;
		grid-area: 3 / 1 / 6 / 4;
		z-index: 1;
		border-radius: 8px;
	}
	.module-pillar-cards .card-border-img{
		min-height: 65px;
		grid-area: 1 / 1 / 1 / 4;
		z-index: 3;
		border-radius: 8px;             
	}  
	/* Mobile View */
	@media (max-width: 749px) {
		.module-pillar-cards{
			padding: 2em 10px 4em 10px;
		}
		.module-pillar-cards-light .intro-box-inner h2{			
			font-size: 25px;
			padding: 0em 2em;
		}
		.module-pillar-cards .cards-3 {
			grid-template-rows: 1fr;
			grid-template-columns: 1fr;
			grid-gap: 0px;
		}
		.module-pillar-cards .grid{
			margin: 0 auto;
		}
		.module-pillar-cards-light .intro-box-inner{
			padding: 0;
		}
		.module-pillar-cards-light .intro-box-inner h3{
			text-align: left;	
		}
		.module-pillar-cards .card-lockup-link {		
			width: 100%;
		}
		.module-pillar-cards .card-desc{
			min-height: 130px;
		}
	} 

        
/* Video Left, Text Right */ 
	.section-video-left-text-right {
		padding: 2em 1em;
	}
        
	.section-video-left-text-right .grid{
		display:grid;
		grid-template-columns: auto 65%;
		justify-items: flex-start;            
		margin: 20px;
		grid-gap:10px; 
	}
	.section-video-left-text-right .card-lockup-link {
		display: flex;            
	}
    .section-video-left-text-right .card-lockup-content {
		background-color: #E8F7EE;
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px;
	}
	.section-video-left-text-right .card-border{
		border:  solid 1px #2BFEBB;
		grid-area: 2 / 2 / 2 / 2;
		height: 93%;
		border-radius: 8px;
	} 
	.section-video-left-text-right .card-individual{
		display: grid;
		grid-template-rows: 20px auto auto auto 0px;
		grid-template-columns: 20px auto 20px; 
	}
    .section-video-left-text-right .card-desc {
		grid-area: 3 / 2 / 4 / 3;
		margin-top: 4em;
    }
	.section-video-left-text-right .card-title {
		
		z-index: 3;
		padding: 0 2em;
		
	}
	.section-video-left-text-right .card-title h1,	
	.section-video-left-text-right .card-title h2{
		font-family: 'Monument Extended Regular';
		text-transform: uppercase;
		font-size: 32px;
		line-height: 45px;
		margin-top: 5em;
		text-align: left;
		font-weight: normal;                 
	}
            
            @media (min-width: 800px) {
                .section-video-left-text-right .card-title h1,
				.section-video-left-text-right .card-title h2{
                    margin-top: 1em;
                }
            }
    		@media (max-width: 749px) {
                .section-video-left-text-right .card-title h1,
				.section-video-left-text-right .card-title h2{
                    margin-top: 2em;					
                }
            }
            
	.section-video-left-text-right .card-title p, 
	.section-video-left-text-right .card-desc p{		 
		font-size: 1em;            
		color: #004d40;/* forest green */
		text-align: left;
		padding: 1em 2em;
	}
	.section-video-left-text-right .card-txt{ max-width: 75%;}
	.section-video-left-text-right .card-cta{
		padding-top: 1.5em;
	}         
	.section-video-left-text-right .card-bg {		 
		grid-area: 3 / 1 / 6 / 4;
		z-index: 1;
		border-radius: 8px;		
		min-height: 385px;
	}
        
	.section-video-left-text-right .card-border-img{
		min-height: 25px;
		grid-area: 1 / 1 / 1 / 4;
		z-index: 3; 
		border-radius: 8px;
	}
	.section-video-left-text-right .btn-video-play{
        position: relative;    
        top: 45%;
        left: 45%; 
    }    
	.section-video-left-text-right .card-border-img img{             
		border-top-left-radius: 8px; -webkit-border-top-left-radius: 8px; -moz-border-top-left-radius: 8px;  
		border-top-right-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-top-right-radius: 8px;  
	}
	.section-video-left-text-right p a:link,
	.section-video-left-text-right p a:visited{
		text-align: left;
		font-weight:700;		
		margin-bottom: 1em;   
		font-size: 1em;
		color: #004d40;
		text-decoration: none;                
	}
	.section-video-left-text-right .card-desc p a:hover {
		color: #1CAA95; 
	}
	.section-video-left-text-right .card-slider-nav {
		display: grid; 
		grid-template-columns: auto 20px 20px 20px 20px; 
		align-items: flex-end;
	}
	.section-video-left-text-right .owl-controls{ display:none !important; }

		/* super large screens */
		 @media (min-width: 1920px) { 
			.section-video-left-text-right .card-bg{
				/*min-height: 525px;*/
			}
		}
            
        /* Mobile view */
        @media (max-width: 749px) {
			.section-video-left-text-right {
				padding: 2em 0em;	
			}			
            .section-video-left-text-right .grid{
                grid-template-columns: 1fr;
                grid-gap: 0;
				margin: 20px;
            }
			.section-video-left-text-right .card-lockup-content {
				margin-top: -10px;
			}
            .section-video-left-text-right .card-title
            {
                padding: 0;
                margin-top: 30px;
				margin-bottom: 30px;
            }
            .section-video-left-text-right .card-title h1,
			.section-video-left-text-right .card-title h2{
                margin-top: 1em;
				font-size: 20px;
				line-height: 26px;
            }
            .section-video-left-text-right .card-desc{
                padding: 0.5em; 
            }
            .section-video-left-text-right .card-desc p{
                padding: 1em 0 1em 0;
            }
			.section-video-left-text-right .card-title p, 
			.section-video-left-text-right .card-desc p{		 
				font-size: 1em; 
			}
            .section-video-left-text-right .card-individual{
                grid-template-rows: auto;
                /*grid-template-columns: 0px auto 0px;*/
            }     
			.section-video-left-text-right .card-border{
				grid-area: 1 / 2 / 3 / 2;
				margin-top: 16px;
				height: 85%;
			}
            .section-video-left-text-right .card-border-img,
            .section-video-left-text-right .card-border-img img{
                border-radius: 0px;                
            }
            .section-video-left-text-right .card-border-img img{
                border-top-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-top-left-radius: 0px;  
                border-top-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-top-right-radius: 0px;  
            }
			.section-video-left-text-right .btn-video-play{
				top: 40%;
				left: 40%;
			}
			.section-video-left-text-right .card-txt{ 
				max-width: 100%;
			}
            .section-video-left-text-right p a:link,
            .section-video-left-text-right p a:visited{
                line-height: 2em;
				font-size: 0.8em;
            }
			.section-video-left-text-right .card-bg{
				margin-top: -10px;
				max-height: fit-content;
			}
			.section-video-left-text-right .card-slider-nav{
				padding-bottom: 20px;
			}
		}
        
        /* Extra large view */
        @media (min-width: 1920px) {
            .section-video-left-text-right .card-title h2{  font-size: 2em; }
			.section-video-left-text-right .card-title {margin-top: 2.5em;}
			.section-video-left-text-right .card-desc { padding: 3em 1em 1em 1em;}
			.section-video-left-text-right .card-desc p{ margin-bottom: 1em; font-size: 1.5em; padding: 1em 1.5em;}
			.section-video-left-text-right .card-desc .card-cta { font-size: 1em; margin-bottom: 0px;margin-left: 10px;} 
			.ways-give .section-video-left-text-right .card-cta{ margin-bottom: 1em; }
			.ways-give .section-video-left-text-right .card-desc p{ margin-top: 2em; }
		}
		@media (min-width: 2560px) {
			.section-video-left-text-right .card-desc { padding: 7.5em 1em 1em 1em;}
		}

/* Featured Content */

/* 	body {
		background: #c0392b;
		font-family: 'Economica', sans-serif;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		-webkit-backface-visibility: hidden;
	} */

	.section-featured {
		max-height: 300px;
		position: relative;
		overflow: hidden;
		background: url(/futuremade/_resources/img/pattern/greenSteps.png), url(/futuremade/_resources/img/pattern/FM_05_FowardOutline_W.png), linear-gradient(#0D4F45, #0D4F45);
		background-position: right bottom, left 190% center, center center;
		background-repeat: no-repeat, no-repeat, no-repeat;
		background-size: contain, 60%, cover;
	}

/* 	#circle {
	  width: 400px;
	  height: 400px;
	  border-radius: 200px;
	  border: 2px solid #19AA95;
	  position: absolute;
	  left: -250px;
	}
 */


	.section-featured .curve {
		width: 600px;
		height: 600px;
		float: left;
		margin-left: -80px;
		margin-bottom: -22px;
		margin-right: -14px;
		border-radius: 50%;
		shape-outside: circle();
		border: solid 1px #19AA95;
	}

	.section-featured .inside-curve {
		position: absolute;
		width: 360px;
		top: 90px;
		left: 80px;
	}

	.section-featured .inside-curve h2 {
		font-size: 2.2em;
	}
	.section-featured .inside-curve p {
		
	}

	.section-featured ul {
		padding: 2.5em 0;
		list-style: none;
		color: white;
		list-style-type:none;
	}
	
	.section-featured li {
		margin: 6px 0;
	}

	.section-featured a.featured-link:link,
	.section-featured a.featured-link:visited {
		color: white;
		font-size: 20px;
	}

	.section-featured a.featured-link:hover,
	.section-featured a.featured-link:active,
	.section-featured a.featured-link:focus {
		color: #2BFEBB;
		text-decoration: underline;
		font-size: 20px;
	}

	.section-featured a.featured-link:link .fa-circle,
	.section-featured a.featured-link:visited .fa-circle {
		border-radius: 50%;
		border: solid 1px #19AA95;
		color: #0D4F45;
		font-size: 18px;
		margin-right: 10px;
	}

	.section-featured a.featured-link:hover .fa-circle,
	.section-featured a.featured-link:active .fa-circle,
	.section-featured a.featured-link:focus .fa-circle {
		color: #2BFEBB;
		border: none;
		font-size: 19px;
		margin-right: 10px;
	}

		@media (max-width: 843px) {
			.section-featured {
				max-height: none;
			}
			.section-featured .curve {
				display: none;
			}
			.section-featured .inside-curve {
				position: relative;
				width:85%;
				margin-left: auto;
				margin-right: auto;
				top: initial;
				left: initial;
			}
			.section-featured ul {
				width: 85%;
				margin-left: auto;
				margin-right: auto;
			}
			.section-featured li {
				padding-left: 2em;
			}
		}

	.section-news-feed .news-grid-3,
	.section-news-feed .news-grid-6 {
		width: 92%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 2em;
		max-width: 1200px;
	}
	.section-news-feed .news-card {
		display: grid;
		grid-template-rows: 200px auto;
		grid-template-columns: 1fr;
	}
	.section-news-feed .news-card-image {
		background: rgb(13, 79, 69);
	}
	.section-news-feed .news-card .img-responsive {
		max-height: 100%;
	}
	.section-news-feed .news-card-caption {
		border-left: solid 1px #1CAA95;
		border-right: solid 1px #1CAA95;
		border-bottom: solid 1px #1CAA95;
		padding: 6px 1em 1.2em;
	}
	.section-news-feed .news-card-caption h3 {
		font-size: 18px;
	}
	.section-news-feed .news-card-caption a:link,
	.section-news-feed .news-card-caption a:visited,
	.section-news-feed .news-card-caption a:hover,
	.section-news-feed .news-card-caption a:active,
	.section-news-feed .news-card-caption a:focus {
		display: block;
	}
	.section-news-feed .section-news-feed-header {
		margin-left: auto;
		margin-right: auto;
		max-width: 1200px;
		width: 92%;
	}
	@media (min-width: 751px) {
		.section-news-feed .section-news-feed-header {
			display: grid;
			grid-template-columns: auto 300px;
			grid-template-rows: 1fr;
			align-items: center;
		}
	}
	.section-news-feed h2 {
		font-size: 2.5em;
	}
	@media (min-width: 751px) {
		.section-news-feed .header-grid {
			display: grid;
			grid-template-rows: 1fr;
			grid-template-columns: 1fr 1fr;
			align-items: baseline;
		}
		.section-news-feed .header-grid p {
			text-align: right;
		}
		.section-news-feed .news-grid-6 .grid {
			display: grid;
			grid-template-rows: 1fr 1fr 1fr;
			grid-template-columns: 1fr 1fr;
			grid-gap: 24px;
		}
		.section-news-feed .news-grid-3 .grid {
			display: grid;
			grid-template-rows: 1fr;
			grid-template-columns: 1fr 1fr 1fr;
			grid-gap: 24px;
		}
		.section-news-feed .news-card {
			grid-template-rows: 150px auto;
		}
	}
	@media (min-width: 951px) {
		.section-news-feed .news-grid-6 .grid {
			grid-template-rows: 1fr 1fr;
			grid-template-columns: 1fr 1fr 1fr;
		}
		.section-news-feed .news-card-caption {
			padding: 6px 2em 1.5em;
		}
	}
	@media (min-width: 1100px) {
		.section-news-feed .news-card {
			grid-template-rows: 200px auto;
		}
	}
	.main .section-news-feed a.btn-low-key:link,
	.main .section-news-feed a.btn-low-key:visited,
	.main .section-news-feed a.btn-low-key:hover,
	.main .section-news-feed a.btn-low-key:active,
	.main .section-news-feed a.btn-low-key:focus {
		font-family: 'MonumentExtended-Regular', sans-serif;
		text-transform: uppercase;
		letter-spacing: 2px;
		font-weight: normal;
		font-size: 0.6em;
		margin: 6px 3px;
	}
	@media (min-width: 751px) {
		.main .section-news-feed a.btn-low-key:link,
		.main .section-news-feed a.btn-low-key:visited,
		.main .section-news-feed a.btn-low-key:hover,
		.main .section-news-feed a.btn-low-key:active,
		.main .section-news-feed a.btn-low-key:focus {
			margin: 0 3px;
		}
	}
	.main .section-news-feed a.btn-low-key:link,
	.main .section-news-feed a.btn-low-key:visited {
		color: rgb(13,79,69);
		border: solid 1px rgb(190,190,190);
	}
	.main .section-news-feed a.btn-low-key:hover,
	.main .section-news-feed a.btn-low-key:active,
	.main .section-news-feed a.btn-low-key:focus {
		color: rgb(20,20,20);
		border: solid 1px rgb(20,20,20);
	}
	.section-news-feed .news-feed-btn-wrap {
		text-align: center;
	}
	@media (min-width: 751px) {
		.section-news-feed .news-feed-btn-wrap {
			text-align: right;
		}
	}

	.section-news-feed.section-darkbg {
		background-image: url(/_resources/img/news-feed-module-dark.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		padding-top: 2em;
		padding-bottom: 2em;
	}
	.section-news-feed.section-darkbg h2 {
		color: rgb(43,254,187);
	}
	.section-news-feed.section-darkbg .news-card-image {
		background: #1CAA95;
	}
	.section-news-feed.section-darkbg .news-card-caption h3 {
		color: inherit;
	}
	.main .section-news-feed.section-darkbg .news-card-caption a:link,
	.main .section-news-feed.section-darkbg .news-card-caption a:visited {
		color: white;
	}
	.main .section-news-feed.section-darkbg .news-card-caption a:hover,
	.main .section-news-feed.section-darkbg .news-card-caption a:active,
	.main .section-news-feed.section-darkbg .news-card-caption a:focus {
		color: rgb(164,255,228);
	}
	.main .section-news-feed.section-darkbg a.btn-low-key:link,
	.main .section-news-feed.section-darkbg a.btn-low-key:visited {
		color: white;
		border: solid 1px rgb(164,255,228);
	}
	.main .section-news-feed.section-darkbg a.btn-low-key:hover,
	.main .section-news-feed.section-darkbg a.btn-low-key:active,
	.main .section-news-feed.section-darkbg a.btn-low-key:focus {
		color: rgb(0,58,97);
		background: rgb(164,255,228);
	}


	/* Marquee */ 
        .section-marquee{
            padding: 2em 4em;
            background-color: #1CAA95;            
        }
		.section-marquee h2, .section-marquee .h2{
			color: #ffffff;
			font-size: 3em;
			text-align: center;
			padding: 0.5em 1em; 
		}
        .section-marquee .marquee {            
            height: 100px;            
            text-decoration: none;
            color: #fff;
            text-transform: capitalize;                        
        }
        .section-marquee h3{ float: left; margin-right: 30px; font-family: 'Monument Extended Regular'; letter-spacing: 2px; }
        .section-marquee p { float: left; font-weight: bold; font-family: 'Fakwang Semi Bold'; }
		@media (max-width: 749px) {
			.section-marquee{
				display:none;
			}
		}

	/* owl carousel */        
		#owl-home-carousel{
			width: 100% !important;
		}
		#owl-home-carousel .owl-item{
		  	margin: 5px;			
		}
		.owl-nav-custom{ 
			text-align: center;
			display: none;
		}
		.owl-nav-custom a{
		  	-webkit-user-select: none;
		  	-khtml-user-select: none;
		  	-moz-user-select: none;
		  	-ms-user-select: none;
		  	user-select: none;
		  	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		}
		.owl-nav-custom a:hover{
            opacity: 0.5;
        }
		.owl-theme .owl-controls .owl-buttons div{
			background: #0D4F45;
		}
		
		@media (min-width: 800px) {
			.section-card-lockup .owl-nav-custom { 
				display: none;
			}
		}

		@media (max-width: 749px) {
			#owl-home-carousel .owl-item{
				margin: 0px; 
			}
		}	

		@media (max-width: 749px) {
			#owl-home-carousel .owl-item{
				margin: 0px; 
			}
		}
span.fa.fa-star:after{
	content: "-";
}