@charset "UTF-8";
/* CSS Document */
.epaper {
	width: 100%;
	height: 100%;
}
.epaper .skin_width {
	padding-top: 40px;
	padding-bottom: 40px;
}
.content-spacing {
	padding: 30px 0px;
}
.grey-bkrd {background-color: #EEEDE9;}
/*------VIDEO HEADER SECTION STYLES-------*/
#hero{
    position: relative;
    top: 0;
    left: 0;
    height: 320px;
}

#hero-video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 320px;
    object-fit: cover;
	z-index: 99;
}

#gradient{
    background-image: linear-gradient(to top, #000, rgba(0,0,0,0));
    width: 100%;
    height: 250px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
}

#hero-text{
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 6%;
    z-index: 200;
}

#hero-text h1{
    color: #fff;
    margin-bottom: 20px;
}
#simply-smarter.epaper h2 { color: #9D4815;}
#pardot-iframe{
    width: 100%;
    height: 1300px;
}
.app-card{
    padding: 0px;
    margin: 15px 0px;
}

.app-card-row{
    position: relative;
	min-height: 300px;
}

.app-card-img-left, .app-card-img-right{
    margin: 0px;
    padding: 0px;
    height: 100%;
}

.app-card-img-left img, .app-card-img-right img{
    object-fit: cover;
	object-position: top;
    border-radius: 4px 4px 0px 0px;
}
.app-card-img-right img {object-position: center;}
.app-card-body-left{
    padding: 30px;
}

.app-card-body-right{
    padding: 30px;
}

.app-card h2{
    margin-top: 0px;
}

.app-card h3{
    margin-top: 0px;
}

.app-card-btn{
    margin-top: 30px;
}	
.bg-l-gray {
    background-color: #f1f1f1;
    border-color: rgb(232, 232, 232);
	}

@media handheld, only screen and (min-width:768px) {
	#hero, #hero-video{
        height: 360px;
		z-index: 99;
    }
/*
	#simply-smarter.epaper #hero {
		background-image: url(/portals/0/images/epaper-bkg@2x.webp);
		background-position: 260px center;
		background-size: cover;
	}
    #simply-smarter.epaper #hero h1 { width: 80%;}
*/
    #simply-smarter section .container .flex .text {align-self: center;}
}
@media handheld, only screen and (min-width:992px) {
		#hero, #hero-video{
        height: 400px;
		z-index: 99;
    }
	 .img-left img{
        border-radius: 4px 0px 0px 4px;
    }
    
    .img-right img{
        border-radius: 0px 4px 4px 0px;
    }
	.app-card-img-left {
        position: absolute;
        top: 0;
        left: 0%;
    }

    .app-card-img-right {
        position: absolute;
        top: 0;
        left: 50%;
    }

    .app-card-img-left img{
        height: 100%;
        width: 100%;
        border-radius: 4px 0px 0px 4px;
    }  
    
    .app-card-img-right img{
        height: 100%;
        width: 100%;
        border-radius: 0px 4px 4px 0px;
    }  

    .app-card-body-left{
        position: relative;
        right: 0%;
    }
    
    .app-card-body-right{
        position: relative;
        left: 50%;
    }

    .img-left img{
        border-radius: 4px 0px 0px 4px;
    }
    
    .img-right img{
        border-radius: 0px 4px 4px 0px;
    }   

/*
	#simply-smarter.epaper #hero {
		background-size: contain;
	}
	
*/
}
@media handheld, only screen and (min-width:1035px) {
/*
	#simply-smarter.epaper #hero {
		background-position: 400px center;
	}
*/
}
@media handheld, only screen and (min-width:1200px) {
	#hero,  #hero-video{
        height: 440px;
		z-index: 99;
    }
/*
	#simply-smarter.epaper #hero {
		background-position: right top;
	}
*/
}
@media handheld, only screen and (min-width:1600px) {
/*
	#simply-smarter.epaper #hero {
		background-size: 45%;
	}
*/
/*    #simply-smarter.epaper #hero h1 { width: 100%;}*/
}


/*===============OVERVIEW STYLES================*/

.epaper #overview .flex {flex-wrap: wrap;}

.epaper #overview .card-deck {margin-top: 20px; margin-bottom: 40px; justify-content: center;flex-direction: row;flex-wrap: wrap;}

.epaper #overview .card {
  flex: 1 0 22%;
  margin-bottom: 15px;
    max-width: 22%;
    align-items: center;
}
.epaper #overview .card-img-top {max-width: 100px;text-align: center;}
/*----------Request  Info Syles------*/
#epaper-form iframe {
	height: 1600px;
	width: 100%;
}
@media only screen and (min-width:992px) {
	#epaper-form iframe {
		height: 1600px;
		width: 100%
	}
}
/*------------------RESPONSIVE STYLES--------------------*/

@media handheld, only screen and (max-width: 1078px) {
	
	h2 {
		line-height: 1.2em;
		margin-top: 0;
	}
	
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	
	#hero H1 {
		margin-top: 10px;
	}
}