h1, h2, h3, h4, h5 {
    font-family: Poppins,sans-serif!important;
}

/* clip path hero */

.svg {
    position: absolute;
    width:0;
    height:0;
    }
.clip-hero {
width:100vw;
  /*background: #3d3935 url(https://www.geneva.edu/about-geneva/_assets/identity-hero.jpg);*/
  background-size: cover;
  background-position:center;
  -webkit-clip-path: url(#small-hero-clip-button);
  clip-path: url(#small-hero-clip-button);
aspect-ratio:1/1;
box-sizing:border-box;
overflow: hidden;
}
.clip-hero-button {
width:100vw;
  background-size: cover;
  background-position:center;
  -webkit-clip-path: url(#small-hero-clip-button);
  clip-path: url(#small-hero-clip-button);
aspect-ratio:1/1;
box-sizing:border-box;
overflow: hidden;
}

.clip-hero-sm {
	 width:100vw;
	/*background: #3d3935 url(https://www.geneva.edu/about-geneva/_assets/identity-hero.jpg);
	*/
	 background-size: cover;
	 background-position:center;
	 -webkit-clip-path: url(#small-hero-clip);
	 clip-path: url(#small-hero-clip);
	 aspect-ratio:1/1;
	 box-sizing:border-box;
	 overflow: hidden;
}

.videoWindow-clip{
		 min-height:570px;
		 overflow:hidden;
		 position:relative;
		 width:100%;
		 background-size: cover;
		 /*background-position: left;*/
		 background-position: center;
		 /*clip-path: polygon(0 0, 100% 0, 100% calc(85% - 1vw), 50% 98%, 0 calc(85% - 1vw));*/
		 z-index: 3;
	}
	 .videoWindow-clip .moireOverlay{
		min-height:50px
	}
	 .videoWindow-clip .moireOverlay:after{
		 background:url('https://www.geneva.edu/webdev/video-banner/dot-overlay-dark.png') repeat rgba(0, 0, 0, 0.05);
		 content:'';
		 display:block;
		 width:100%;
		 height:100%;
		 position:absolute;
		 top:0px;
		 left:0;
		 opacity:1;
		 pointer-events: none;
	}
	 .videoWindow-clip video{
		margin-top:-2px;
		margin-bottom:-6px
	}
	 .videoWindow-clip h1.headerline:after {
		 content: "";
		 display: block;
		 width: 100px;
		 height: 10px;
		 background-color: #fdd900;
		 border-radius: 2px;
		 margin: 20px auto auto auto;
	}
	
@media (min-width:570px) {
    .videoWindow-clip{
		 min-height:500px;
    }
    .clip-hero {
  -webkit-clip-path: url(#tall-hero-small);
  clip-path: url(#tall-hero-small);
aspect-ratio:2.2/1;
}
}
@media (min-width:750px) {
    .clip-hero {
  -webkit-clip-path: url(#tall-hero-medium);
  clip-path: url(#tall-hero-medium);
aspect-ratio:2.2/1;
}
/*.clip-hero-sm {
  -webkit-clip-path: url(#short-hero-medium);
  clip-path: url(#short-hero-medium);
aspect-ratio:2.3/1;
}
}*/
.clip-hero-sm {
  -webkit-clip-path: url(#short-hero-medium);
  clip-path: url(#short-hero-medium);
aspect-ratio:2.5/1;
}
}
@media (min-width:1250px) {
    .clip-hero {
  -webkit-clip-path: url(#tall-hero-large);
  clip-path: url(#tall-hero-large);
aspect-ratio:2.5/1;
}
.clip-hero-sm {
  -webkit-clip-path: url(#short-hero-large);
  clip-path: url(#short-hero-large);
aspect-ratio:3.5/1;
}
}

/* end clip path hero*/
.academicfacts {
    background: transparent url('https://www.geneva.edu/academics/programs/_images/old-wall.png') repeat;
    /*color: rgb(112, 52, 52);*/
    color: #3d3935;
    background-attachment:fixed;
    background-position: center;
    padding: 8rem 0;
}
.academicfacts h1 span {
    color:#464646;
    /*text-shadow:none!important;*/
    font-size: 25px;
    line-height: 35px;
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
    margin-top:20px;
}
.academicfacts h1 {
    margin-bottom:10px;
}
.academicfacts p {
    font-size:20px;
    line-height:30px;
    color:#333;
}
.academicfacts p.white {
    color: #fff;
}

.seaalt {
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 0.3em;
    border: 2px solid #ffffff;
    width: 100%;
    max-width: 400px;
}
.seaalt:hover{
    background: rgba(6, 68, 70, 0.3);
}

.charcoalalt {
    color: #fdd900;
    border-radius: 0.3em;
    border: 2px solid #fdd900;
    width: 100%;
    max-width: 400px;
    transition: all 0.5s ease;
}

.charcoalalt:hover{
    color: #ffffff;
    background: rgb(61 57 53 / 30%);
}


.welcomesection {
            /* Seafoam background-image: url(../../../_files/sitegraphics/spade-white-trans.png), linear-gradient(to bottom,  rgb(6 45 62),rgb(6 45 62),rgb(6 45 62));*/
            background-image: url(../_images/spade-trans-10.svg), linear-gradient(to bottom, #3d3935,#3d3935,#000000);
            z-index: 1;
            background-size:cover;
            background-repeat: no-repeat;
            /*background-position: 12% 60%;*/
            background-position:center;
            background-attachment: fixed;
            padding-top:220px;
            padding-bottom:100px;
            margin-top:-200px;
            color:#c99a2c;
            text-align:center;
        }
        .welcomesection h3 {
            color:#fdd900;
            text-align:center;
            font-size:30px;
            line-height: 40px;
            font-family:poppins;
            margin:auto;
            margin-top:20px;
            margin-bottom:20px;
        }
        .welcomesection h3.lighttheme {
            color:#3d3935;
        }
        .welcomesection h3.gradtheme {
            color:#ffffff;
        }
        .welcomesection p {
            color:#ffffff;
            font-size:18px;
            line-height:28px;
            text-align:center;
            margin:auto;
            margin-bottom:40px;
            max-width:1000px;
        }
.welcomesection.purplebg   {
    background-image: url(../_images/spade-trans-10.svg), linear-gradient(to bottom, #062d3e,#062d3e,#062d3e);
    
}
.welcomesection.greenbg {
       background-image: url(../_images/spade-trans-10.svg), linear-gradient(#548769, #2c5e41, #2c5e41);
}

.welcomesection.bluebg {
    background-image: url(../_images/spade-trans-10.svg), linear-gradient(rgb(0, 0, 0), rgb(26 47 74), rgb(0, 0, 0));
}
#statusBarSpace {
    border-top: none;
}

        .colorsection {
    background-repeat: repeat;
    padding-top: 50px;
    padding-bottom: 80px;
    color: #c99a2c;
}
        .colorsection h3 {
            text-align:center;
            font-size:30px;
            line-height: 35px;
            font-family:poppins;
            color: #3d3935;
        }
        #bgvid{
            width:100%;
        }


        .videoWindow{
            height:550px;
            overflow:hidden;
            position:relative;
            width:100%;
            background-size: cover;
            clip-path: polygon(0 0, 100% 0, 100% calc(85% - 1vw), 50% 98%, 0 calc(85% - 1vw));
            z-index: 1;
        }
        
        .videoWindow .moireOverlay{min-height:50px}
        
        .videoWindow .moireOverlay:after{
            background:url('https://www.geneva.edu/webdev/video-banner/dot-overlay-dark.png') repeat rgba(0, 0, 0, 0.05);
            content:'';
            display:block;
            width:100%;
            height:100%;
            position:absolute;
            top:0px;
            left:0;
            opacity:1;
            pointer-events: none;
        }
        
        .videoWindow video{margin-top:-2px;margin-bottom:-6px}

        .videoWindow h1.headerline:after {
            content: "";
            display: block;
            width: 100px;
            height: 10px;
            background-color: #fdd900;
            border-radius: 2px;
            margin: 15px auto auto auto;
        }
        
        
        .videoWindow-white{
            height:550px;
            overflow:hidden;
            position:relative;
            width:100%;
            background-size: cover;
            z-index: 1;
        }
        
        .videoWindow-white .moireOverlay{min-height:50px}
        
        .videoWindow-white .moireOverlay:after{
            background:url('https://www.geneva.edu/webdev/video-banner/dot-overlay-dark.png') repeat rgba(0, 0, 0, 0.05);
            content:'';
            display:block;
            width:100%;
            height:100%;
            position:absolute;
            top:0px;
            left:0;
            opacity:1;
            pointer-events: none;
        }
        
        .videoWindow-white video{margin-top:-2px;margin-bottom:-6px}

        .videoWindow-white h1.headerline:after {
            content: "";
            display: block;
            width: 100px;
            height: 10px;
            background-color: #fdd900;
            border-radius: 2px;
            margin: 15px auto auto auto;
        }
        .videoWindow-white:after {
            content: "";
            position: absolute;
            bottom: 0px;
            width: 100%;
            height: 50px;
            background-image: url(https://www.geneva.edu/_files/sitegraphics/valleyedge-lg.svg);
            background-position: center;
            background-repeat: repeat-x;
            background-size: auto 100%;
        }
                
        #video-overlay { position: absolute; bottom:10px; left:20px; width: 40px; height: 40px; z-index: 1500;cursor:pointer;font-size:20px;color:#FFF;text-align:center;opacity: 0.6;
            filter: alpha(opacity=60);}
            
        i#vidControl {
            margin-top: 10px;
            margin-left: 4px;
            text-align: center;
        }
        
        #heroTitle {
            display: block;
            position: absolute;
            width: 98%;
            z-index:100;
            top: 47%;
            left: 50%;
            transform: translate(-50%, -53%);
            padding:22px;
            box-sizing:border-box;
            text-align: center;
        }

        #heroTitle h1 {
            font-size: 38px;
            line-height: 45px;
            font-family: poppins;
            color: #ffffff;
            margin: 0 0 5px 0;
        }

        #heroTitle span {
            display:block;
            max-width:750px;
            margin:auto;
            color:#ffffff;
            font-size: 16px;
            line-height: 22px;
            margin-top:23px;
        }
        #heroTitle h1 span {
        /*margin-bottom: 20px;*/
        }
        
        #heroTitle p {
            margin-bottom: 25px;
        }

        #heroTitle span.ico-circ {
            display: inline;
            border-color: #ffffff;
            margin-right: 5px;
        }

.actionButtons {
    margin-top:15px;
}
.actionButtons a,.actionButtons a:visited,.actionButtons a:hover {
    font-size:12px;
    margin-bottom: 0px;
}
        .vimeo-wrapper {
           display:none;
        }

        
        .vimeo-wrapper iframe {
            width: 100vw;
            /*height: 56.25vw;*/
            height: 45vw;
        }
        
        #bannerBrand {
            display: block;
            position: absolute;
            width: 100%;
            top: 32%;
            z-index:100;
            text-align: center;
            pointer-events: none;
        }
        #bannerBrand img{
            pointer-events: none;
        }
        
        /* Larger than phablet (also point when grid becomes active) */
        @media (min-width: 550px) {
            #bannerBrand {top: 35%;}
            #bannerBrand img { width:250px;}
        }
        
        /* Larger than tablet */
        @media (min-width: 750px) {
            .videoWindow-clip{
		        min-height:400px;
            }
            .welcomesection {
            background-image: url(../_images/spade-trans-10.svg), linear-gradient(to bottom, #3d3935,#3d3935,#000000);
            /*background-position: 12% 60%;*/
            background-position:center;
            }
            .welcomesection h3 {
                margin-top:50px;
            }
            .videoWindow h1.headerline:after {
            margin: 30px auto auto auto;
            }
            .videoWindow-white h1.headerline:after {
            margin: 30px auto auto auto;
            }
            #bannerBrand {top: 37%;}
            #bannerBrand img { width:400px;}

            .videoWindow {
            /*height:auto;
            background: none;*/
            background-size: cover;
            background-color: #000;
            }
            #heroTitle h2 {
                font-size:48px;
                line-height:58px;
                margin: 50px 0 30px 0;
            }
            .vimeo-wrapper {
                display:block;
            }
            #heroTitle {
            width: 100%;
            }   
            #heroTitle h2 span {
            padding-top:50px;   
            } 
            #heroTitle span {
            font-size:18px;
            line-height:25px;
            }
        }
        
        /* Larger than desktop */
        @media (min-width: 997px) {
            .actionButtons a,.actionButtons a:visited,.actionButtons a:hover {
    font-size:14px;
}
            #heroTitle {
            top:50%;
            }
            #heroTitle span {
            font-size:18px;
            line-height:28px;
            }
            .welcomesection h3 {
            font-size:35px;
            line-height: 45px;
            margin-top:50px;
        }
        .welcomesection p {
            font-size:20px;
            line-height:30px;
        }
             #bannerBrand {top: 38%;}
             #bannerBrand img { width:557px;}
             #heroTitle {
            width: 100%;  
            }
            #heroTitle h1 {
                font-size: 52px;
                line-height: 64px;
            }
        }
        
        @media (min-width: 1200px) {
             #bannerBrand {top: 40%;}
             #bannerBrand img { width:650px;}
             #heroTitle {width: 100%;} 
             #heroTitle h1 {
                font-size: 62px;
                line-height: 72px;
            }
            #heroTitle span {
            font-size:20px;
            line-height:30px;
            }
        }




/*
.section.fabric h2 {
    font-size: 25px!important;
    line-height: 35px!important;
}*/

.factoid {
    font-size: 30px!important;
    color: #ffffff;
}

/*ul.listcol {
    columns: 1!important;
    -webkit-columns: 1!important;
    -moz-columns: 1!important;
    break-inside: avoid;
    display: inline-block;
    width: 100%;
}*/

.largequote {
    font-size: 20px!important;
    line-height: 25px!important;
}
}