/*
	Base Theme
	Created on 09/27/2019 by Alexa Hojczyk.
*/

/* ++++ Colors ++++ */
/* ++++ Paths ++++ */
/* ++++ Variables ++++ */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
html, body {
  font-size: 16px;
  font-family: "Open Sans";
  color: #000;
   width: 100%;
   margin: 0px;
   padding: 0px;
}

#bodyContainerWrapper{
overflow-x: hidden;

}
h1 {
  font-size: 2.625rem !important;
  line-height: 3.0625rem;
  letter-spacing: 0.0088rem;
  color: #0036ad;
}

h2 {
    font-size: 1.25rem;
    letter-spacing: 0.0125rem;
    color: #0036ad;
    font-family: "Open Sans";
}

h3 {
    font-size: 1.5rem;
    color: #0036ad !important;
    font-weight: 600;
    letter-spacing: 0.0106rem;
    font-family: "Open Sans";
   
}

h4 {
    font-weight: 700;
    font-size: 1.125rem;
    color: #0036ad;
    font-family: "Open Sans";
    margin-top:1.5rem;
}

h5 {
    color: #0067E1;
    font-family: "Open Sans";	
    font-size: 1.25rem;	
    font-weight: bold;	
    letter-spacing: 0.00875rem;
}

p {
  font-family: "Open Sans";
  font-size: 1rem;
  margin-bottom: 1.25rem;
  margin-top: 0.5rem;
}

a {
  font-weight: 600;
  line-height: 1.375rem;
  letter-spacing: 0.0356rem;
  color: #0036ad;
  font-size: 0.875rem;
  cursor:pointer;
}

ul {
    li {
        list-style: none;
    }
}

.top-access {
    color: #0036ad;
}



/* ++++ Button Styles ++++ */

.btn {
    // margin-left: 0.625rem !important;
    text-shadow: none;
    box-shadow: none;
    font-size: 0.875rem;
    font-family: "Open Sans";
    min-height: 2.5rem;
    font-weight: 600;
    letter-spacing: 0.04rem;
    border-radius: 0;
	margin-bottom: 0.5rem;
}

.btn-primary{
	    background: #006400;
        border-color: #006400;
        
}

.btn-primary:hover, .btn-primary:focus {
            background-color: #0f3c11 !important;
            border-color: #0f3c11 !important;
        }
        
.btn-primary:hover{
            background-color: #0f3c11 ;
            border-color:#0f3c11 ;
}
 
.btn-secondary {
        border-color: #0067E1;
        color: #0067E1;
        background-color: #fff;
        
    }
    
.btn-secondary:hover, .btn-secondary:focus {
            background-color: #fff;
            color: #0036ad;
            border: 2px solid #0036ad;
        }    

.btn-group {
    margin-bottom: 1.875rem;
    &.header-buttons {
        margin-bottom: 0;
        margin-top: 1.1rem;
        .btn {
            min-height: 2.3125rem;
        }
        .btn-secondary {
            background: #0036ad;
            border-color: #0036ad;
            color: #fff;
            .btn-secondary:hover {
                background-color: darken(#0036ad, 20%);
            }
        }
    }
}

/* ++++ Containers/Components ++++*/

.hero-sect, .info-sect, .guide-sect, .role-sect, .mobile-sect {
    margin: 3.125rem 5.375rem;
    width: 100%;
}

.info-sect{
	margin-right:0px;
	margin-top: 2rem !important;
    margin-bottom: 3rem !important;
}

.role-sect{
	margin-right:0px;
	margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.top-section-background {
	background:url(/access/images/img/background.png) no-repeat;
    background-color: #F8F9FD;
    background-size:100% 100%;
    padding-top: 1rem;
    height: auto;
}



.top-section {
    background-size:100%;
    padding-top: 0rem;
    height: auto;
}



.main-blurb {
    margin: 0rem 5.375rem;   
}


.main-blurb > h1{
	color: #000;
	margin-top: 15px;
}

.main-blurb > h3{
	margin-top: 15px;
	font-size: 1.25rem;
    color: #0036ad !important;
    font-weight: 600;
    letter-spacing: 0.00875rem;
    font-family: "Open Sans";
    line-height: 1.685rem;
	
}

.main-blurb > h4{
	color: #000;
	margin-top: 15px;
}

.main-blurb > .btn{
	margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
}

.main-blurb a{
	color: #0067E1;
}

.guide-sect a{
color: #0067E1;
}

.info-sect-bg {
  background-color: #E1F6FD;
}



.info-sect-bg > .info-sect a {
  color: #0067E1;
  font-size: 0.875rem;
  display: inline-flex;
  vertical-align:bottom;
}

.info-sect-bg > .info-sect > .info {
  max-width: 21.875rem;
  margin: 0rem 1.5625rem;
}

.info-sect-bg > .info-sect > .info-top {
  margin-bottom: 3.125rem;
}


.info > h4 {
            font-size: 1.25rem;
            font-family: "Open Sans";
            color: #000000 ;	
            font-weight: 600;	
            letter-spacing: 0.00875rem;	

}

.info > h4 > a{
            
            color: #0036ad;
            font-size: 0.875rem;
            font-family: "Open Sans";
        
}

.info > mb-3{
	margin-bottom: 1rem!important;
    margin-top: 2rem!important;

}

#greybaground{
	background-color: #F8F9FD;

}

#mobileCard{
	background-color: #F8F9FD;
}

#greybaground2{
	background-color: #F8F9FD;
	padding-left: 1.5rem;
	padding-right: 9rem;
}

.card-body-style {
    /* background-color: #f5f5f5; */
    margin-left:0;
    

}

.card-body-topsec{
	position: absolute;
	top:8.5rem;
	padding:1.75rem;
}
.card-text-topsec{
	text-align:left;

}

.card-title-topsec{
	text-align:left;
	color:#0067E1;
  	font-size: 1.125rem !important;
  	margin-bottom:0.5rem;
  	margin-top:1rem;
  
}

.card {
    box-shadow: 0px 4px 9px 2px #CFD6DE;
    font-family: "Open Sans";
}

.card:hover {
            /* border: 5px solid  #0067e1; */
            box-shadow:  0 0 0 5px #0067E1;
            z-index: 2;
            cursor: pointer;
            border-radius:0px;
        }
        
        
.card > a {
         .card:hover, 
         .card:focus-within {
            border: 2px solid  #0036ad;
            cursor:pointer;
        }
      }
      
.card-body{
	padding:1.10rem;
}
      

.role-sect-bg {
  background-color: #F4F4F6;
  padding-right: 4rem !important;
}

.role-sect-bg .role-body-style {
  margin: 0;
  color: #0067E1 !important;
  font-family: "Open Sans";
  font-weight: bold;
  font-size: 0.875rem;
}
}

.role-sect hr{
	margin-top:0.90rem;
}

.role-sect p1{
	font-size: 0.875rem;
	color:#0067E1 !important;
	font-weight: bold;
}

.img-align {
    vertical-align: sub;
}

.carrotsymbol-icon{
	position: absolute;
}

.center {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    height: auto;
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
}

.mobile-sect {
  display: inline-flex;
  margin-bottom: 0rem !important;
  margin-top:3.375rem !important;
}

.mobile-sect ul li {
  list-style: none;
  display:table 
}

.mobile-sect ul li::before {
  content: "\2022";
  color: #01B9E1;
  font-weight: bold;
  display: inline-block;
  width: 1rem;
  
}


    
 .guide-sect > a{
 	color: #0067E1;
 }

.mobile-sect > .position-relative ul{
	list-style: none;
}

.mobile-sect > .position-relative ul li::before{
	color: #02B9E1;
	content: '\2022';
	display: inline;
	margin-right: 0.5em;
	font-size: x-large;
	display: table-cell;
}



 p1{
 	font-size: 1rem;
    margin-bottom: 0.5rem;
    margin-top: 0.75rem;
    font-family: "Open Sans";
    color: black
   }

   


.card-img-top {
  /* height: 125%;  */
  z-index: 0; 
  /* padding: 0px 15px; */
  height:100%;
  z-index:0; 
  translate(0px, 2px);
}

.footer_gov-footer {
  list-style-type: none;
}


.img-oval-one {
 
}

.img-oval-two {
  height: 100%;
}

.picture_benefits-card {
  width: 100%;
}

.card-benefit {
  background-color: #F5F5F7;
}

.NewsBulletinContainer{
	margin-left: 63px;
	width: 90%;
	padding-bottom: 3rem;
}

.newsBulletinBG {	
	background-color: #ffffff;
  /*border-top: 20px solid #FDAB4B !important;*/
  /*border-bottom: 3px solid #FB8500 !important; */
    z-index: 3 !important;
    width:100%; 
    margin-bottom: 5rem; 
    margin-left:4rem;
    padding: 0px;
    margin-right: -4rem;
}

.federalText{
    background-color: #FB8500;
    width: 100%;
}

#newsBulletinheader{
	color: black !important;
	font-size: 1.125rem;
	padding-top:0.5rem;
}

#criticalImg{
	 display: inline-block;
}
.newsBulletinheader > p{

    margin-top: 1rem;
    font-weight: bold;
    margin-bottom: 1rem;

}
#broadcastTableClient{
	color: black !important;
	font-size: 1rem;
	padding-top:2rem;
}
.border-left {
    border-left: 1px solid #FF7E00!important;
    height: 80% !important;	
    margin-top:2%;
     margin-bottom:2%
}

.federalText > h3{
	fomt-weight: bold !important;
	font-size:1.125rem !important;
	color: black !important;
	text-align: center;
}

  .guide-sect{
  	margin: 5.375rem !important;
  	margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  
 
 .card-text-topsec{
  	font-size: 1rem !important;
  	margin-top: 0rem;
  }
  
 .card-title-box {
  background: radial-gradient(
    ellipse 160px 175% at 0 50%,
    rgba(255,215,169, .3) 0%,
    rgba(255,215,169, .3) 50%,
    rgba(255,255,255, 0) 50%);
}

.light-border-bottom {
  border-bottom: 1px solid rgba(0,0,0,.1);
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.card-text:last-child {
    margin-bottom: 1.25rem;
}
/*
  Recommendation:
  Decrease leading/line-height in title for better legibility when text wraps
*/
h5#community-waivers {
  line-height: 100%;
}
  
h5#provider {
  line-height: 100%;
}

h5#employer {
  line-height: 100%;
}

@media (max-width:1680px) and (min-width: 1400px){

	#heroImg{
		margin-top:-2rem;
		margin-right:8rem;
		width:80%;
	}

	.main-blurb > h1 {
    	color: #000;
    	margin-top: 68px;
	}
	
	.role-sect-bg{
		padding-right: 6rem !important;
	}
	
	.role-sect hr{
		width:108% !important;
	}
	
	#advertismentscreenmobile{
		padding-left: 12rem;
	}
	
	.card-body-topsec {
    	position: absolute;
   	    top: 10.5rem;
    	padding: 1.75rem;
	}
	.info-sect{
		padding-right: 3rem;
	}
}

@media (max-width:1440px) and (min-width: 1279px) {
  .main-blurb,  .info-sect, .guide-sect, .role-sect, .mobile-sect{
        margin: 5.375rem;
    }
    .card-body-topsec{
    	position:absolute;
    	top:8rem ;
    }

  .mobile-sect{
        margin-bottom: 0rem !important;
    }
    .role-sect-bg{
		padding-right: 0rem !important;
	}
	 #heroImg{
    	width:96% !important;
    	margin-top:-5rem;
    	margin-right:10rem;
    }
}

@media (max-width: 1280px) {
  .main-blurb,  .info-sect, .guide-sect, .role-sect {
        margin: 5.375rem;
    }
    #heroImg{
    	width:96% !important;
    	margin-top:-2rem;
    	margin-right:10rem;
    }
    .top-section-background{
    	margin-top: 0rem !important;
    }
    .top-section{
    	margin-left:4rem;
    	padding-top:0rem;
    }
    #mainBlurb{
    	margin: 0rem 1.50rem !important;
    }
    #community-waivers{
    	padding-top: 0rem !important;
    }
   
    .card-body-topsec{
    	position:absolute;
    	top:6rem ;
 	 }

  	.role-sect-bg {
 	 padding-right: 0rem !important;
	}
  

 
}

 @media(max-width:1200px){
  .card-body-topsec{
    	position:absolute;
    	top: 7rem;
    }
 
  .hero-sect{
  	margin:1.125rem 2.375rem;
  }

  .mobile-sect{
  	margin: 0rem;
  	 padding-left:5.375rem;
  	 padding-top:0.375rem;
  }
 }
 
 


 @media only screen and (max-width: 1184px) {
  .card-benefit:nth-of-type(2n+1) {
    margin-bottom: 30px;
  }
}
 
  @media only screen and (max-width: 1164px) {
.card-deck .card {
    margin-bottom: 2rem;
    margin-top: 1rem;
}
}
 
 
 @media (max-width:1024px){
    .main-blurb,  .info-sect, .guide-sect, .role-sect {
        margin: 3.375rem;
    }
   
    .top-section-background{
    	padding-top: 0rem !important;
    	background-size: 100%;
    }
    #mainBlurb{
    	margin: 0rem 1.50rem !important;
    }
    #community-waivers{
    	padding-top: 0rem !important;
    }
   
  
    .card-body-topsec{
    	position:absolute;
    	top:16rem ;
    }
   .hero-sect{
  		margin:1.125rem 2.375rem;
  	}
  
   .role-sect hr{
  	width:116% !important;
  	}
  
  #community-waivers-hr{
  	margin-top:-0.6rem;
  	}
  
  .mobile-sect{
  	margin: -0.95rem;
  	padding-left:5.375rem;
  	padding-top:0.375rem;
   }
  	 
  	.card-deck .card {
  		margin-bottom: 2rem;
  		margin-top: 1rem;
  	}
  	
  	 .card-title-topsec{
   		padding-top: 2rem !important;
   }
}

 
@media (max-width:992px) {
    .main-blurb, .hero-sect, .info-sect, .guide-sect, .role-sect {
        margin: 3.375rem !important;
    }
    .top-section-background{
    	padding-top: 0rem !important;
    	background-size: 100% 32%;
    }
    
     #heroImg{
    	margin-top:2rem;
    	margin-right:10rem;
    }
    #mainBlurb{
    	margin: 0rem 3.375rem !important;
    }
   
  .hero-sect{
   margin: 1.5rem !important;
  }
 
  .picture_benefits-card{
  	 display: z-index:0 ;
  }
 
  .spacerForMobile{
  	margin-top:10px;
  }
  
  .mobile-sect{
  margin: 0rem;
  	 padding-left:5.375rem;
  	 padding-top:5.375rem;
  	 }
}

@media (min-width: 768px) and (max-width: 991px) {
	.info-sect-bg #medicaidInfo, .info-sect-bg #foodShareInfo {
		margin-bottom: 3.125rem;
	}
}

@media (min-width: 64em) {
     .not-active {
       pointer-events: none;
       cursor: default;
       display: inline-block;
    }
}


 @media(max-width: 768px) {
 .card-body-topsec {
  position:absolute;
 	top:12rem ;
 }
 .role-sect hr{
  	width:106%;
  }
  .newsBulletinBG {
  	margin-left: 1rem !important;
  	margin-bottom: 0rem !important;
  }
  
   .border-left {
    border-left: 0px solid #FFFFFF !important;
    height: 80% !important;	
    margin-top:2%;
    margin-bottom:2%
}
#greybaground2{
	background-color: #F8F9FD;
	padding:0;

}
#newsBulletinBG{
	margin: 0!important;
	width: 100%;
}
.info-sect-text.collapse.show{
	margin-left:29px;
}
.info-sect-text.collapsing{
	margin-left:29px;
}
 }
 
@media (max-width: 645px){
	.card-body-topsec{
		top: 7rem;
	}
	#community-waivers-hr{
		margin-top:0.85rem;
		width:112% !important;
	}
	.role-sect hr{
		width:112% !important;
	}
}

@media only screen and (max-width: 576px) {
   #heroImg{
    	width: 72% !important;
   	 	margin-top: -1rem;
    	margin-left: 3rem;
    	text-align: center;
    }

.top-section{
	margin-left: 0rem;
	padding-top: 0rem;
}
  #mainBlurb{
    	margin: 0rem 1.375rem !important;
    	text-align: left;
    	margin-right:1rem;
    }
.hero-sect{
   margin: 1.5rem !important;
  }
  .card-deck{
   margin: 0px ;
  }
  .card-benefit-topsec{
   height: 100% !important;
  }
  .picture_benefits-card{
  	 display: z-index:0 ;
  }
  .card-body-topsec{
  	z-index:1;
  	left: 6rem ;
  	padding-top: 0rem ;
  	margin: 0px;
  	position:absolute;
  	top:0;
  	padding-right:0.5rem;
  }
  .card-title-topsec{
  	font-size: 15px !important;
  }
  .card-text-topsec{
  	font-size: 13px !important;
  	margin-top: 0rem;
  }
  

  #infosecmobile{
  	margin-top: -3rem !important;
  }
 
  #community-waivers-hr{
  	margin-top:-0.50rem;
  }
  
  
 .mobile-sect{
 	 margin: 1rem;
  	 padding-left:0rem;
  	 padding-top:0rem;
  	 margin-top: 3rem;
  	 }
  	 
  #advertismentscreenmobile{
  	 margin-bottom: -1rem;
  	 padding-left:3rem;
  	 }
  	 
  .mobileview{
  	 margin-bottom:1rem;
  	 margin-top:1rem;
  	 margin-left: -1rem;
  	 }
}

@media only screen and (max-width: 425px) {

 #community-waivers-hr{
  	margin-top:1rem;
  }
  .role-body-container{
  	padding-left: 13%;
  }
}


@media (max-width:375px) and (min-width: 320px) {

 #community-waivers-hr{
  	margin-top:-0.5rem;
  }
   
  	 #advertismentscreenmobile{
  	 left:-6%;
  	 }
  
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    [class^="col"]{
    	flex: 0 0 auto;
    }
    .no-gutters{
    	width:100%;
    }
    .top-section-background{
    }
    .top-section{
    	width:100%;
    }
    .mobile-sect{
    	width:100%;
    }
    #mobile-sect-row{
    	width:100%;
    }
    #advertismentscreenmobile{
    	padding-left:9rem;
    }
    .card-img-top{
    	height:auto;
    	width:100%;
    }
    
    #downtimecard{
    	padding-left:10rem;
    }
    #heroImg{
    	margin-top: -2rem;
    }

}

@supports (-ms-ime-align:auto) {
   #downtimecard{
    	padding-left:10rem;
    }
}


.card-down{
	background:url(/access/images/img/desktop-swoop-down.png) no-repeat;
	background-position: center calc(0px + 35%);
	background-size: cover;
	min-height:400px;
	padding:1rem;
}
.card-up{
	background:url(/access/images/img/desktop-swoop-up.png) no-repeat;
	background-position: center calc(0px + 35%);
	background-size: cover;
	min-height:400px;
	padding:1rem;
}

.card-img{
	width: 66%;
	height:35%; 
    margin: 0 auto;
    display: block;
    margin-bottom:3rem;
}

.textDownPara{
		text-align: center;
}

@media only screen and (max-width: 576px) {
	.row{
		overflow-x:hidden;
	}
	
	.position-relative{
		overflow-y:hidden;
	}
	.card-img-overlay{
		overflow-x:visible !important;
	}
}