@charset "utf-8";
/* CSS Document */
  @import url("https://use.typekit.net/tjw4nfe.css");


#page_content{
    font-family: "arboria", sans-serif;
font-weight: 700;
font-style: normal;
}


#page h1{
    font-weight:700;
}

#page h2{
    color:#fff;
    font-weight:700;
}

#page h2.white{
    color:#fff!important;
}

#page h2.purple{
    color:#38308A!important;
}
#page_content .breakout-area#vapingbanner {
    background: url("/-/Media/Images/socialcareandhealth/public health/smokingprevention/vapingbanner.jpg") no-repeat;
    background-size: cover;
    margin-bottom:1em;
    padding-top:3em;
      padding-bottom:4em;
    background-position: -20px;
}


.breakout-area#vapingbanner .well{
    padding:0;
    border-radius: 15px;
       background: #38308A;
        padding:6em 2em;

}
.breakout-area#vapingbanner .well  h2{
    font-size:2em;
}

.breakout-area#vapingbanner .well  h2 span{
    color:#FF4C74!important;
}



.breakout-area.alternate {
    background: #38308A;
    color:#fff;
    margin-bottom: 1em;
}

.breakout-area.alternate-two {
    background: #FF4C74;
    color:#222;
    margin-bottom: 1em;
}




.breakout-bg.alternate-three{
    background:#38308A;
    color:#fff;
    margin-bottom: 0;
    
}


.breakout-bg.alternate-three h2{
    font-weight: 700;
   color:#fff!important;
}


.breakout-bg{
    background:#fff;
    color:#fff;
    margin-bottom: 1em;
}


.breakout-bg.alternate{
    background:#FF4C74;
    color:#fff;
    margin-bottom: 0;
    
}


.breakout-bg.alternate{
    background:#FF4C74;
    color:#fff;
    margin-bottom: 0;
    
}

.breakout-bg.alternate h2{
    color:#fff!important;
    font-size:2em;
    font-weight: 700;
    margin-bottom:0;
    padding:15px 20px ;
}



.right-half-bleed-img {
	left: 0%;
	margin-right: -50vw;
	max-width: 50vw;
	position: relative;
	right: 50%;
	width: 50vw;
	height: 100%;
}

.right-half-bleed-img {
	background: url("/-/Media/Images/socialcareandhealth/public health/smokingpreventions/colourvapes.jpg") no-repeat;
	background-size: contain;
}



.breakout-area.alternate-two .display-flex {
	display: block;
}




@media (min-width: 37em) {
	.breakout-area.alternate-two .display-flex {
		display: flex;
	}
	
	.big-pad{
    padding:3em 2em;
}
}

@media (min-width: 60em) {
	.right-half-bleed-img {
			background: url("/-/Media/Images/socialcareandhealth/public health/smokingprevention/colourvapes.jpg") no-repeat;
	background-size: contain;
	}
    

}


    
.display-flex{
    display:block;
}



@media(min-width:48em){
    
    .display-flex{
    display:flex;
}
}


.secondary-left-half-bleed-img {
	height: 100%;
}

.secondary-left-half-bleed-img {
	background: url("/-/Media/Images/socialcareandhealth/public health/smokingprevention/vapeselection.jpg") no-repeat;
	background-size: cover;
}



.tertiary-left-half-bleed-img {
	height: 100%;
}

.tertiary-left-half-bleed-img {
	background: url("/-/Media/Images/socialcareandhealth/public health/smokingprevention/vapehand.jpg") no-repeat;
	background-size: cover;
}


.secondary-right-half-bleed-img {
    left: 0%;
    /* margin-right: -50vw; */
    /* max-width: 50vw; */
    position: relative;
    /* right: 50%; */
    /* width: 50vw; */
    height: 100%;
}


.secondary-right-half-bleed-img {
	background: url("/-/Media/Images/socialcareandhealth/public health/smokingprevention/smokehead.jpg") no-repeat;
	background-size: cover;
}



#page .well{
       background: #FF4C74;
}

#page .well h2{
       color: #38308A;
    font-weight:700;
}

#page .well.alternate{
       background: #38308A;
    color:#fff;
}

#page .well.alternate h2{
       color: #FF4C74;
    font-weight:700;
}

#page .well.alternate-two{
       background: #38308A;
    color:#fff;
    padding:1.5em;
    border-radius: 15px;
}




#page .well.alternate-three{
    border:1px solid #fff;
       background: none;
    color:#222;
    padding:1.5em;
    border-radius: 15px;
}

#page .well.alternate-four{
       background: #fff;
    color:#38308A;
    padding:1.5em;
    border-radius: 15px;
}

   a.white-link:link,   a.white-link:visited{
        color:#fff;
        border-bottom:1px solid #fff;
    }    
    
        a.white-link:hover,   a.white-link:active{
        color:#ccc;
        border-bottom:1px solid #ccc;
    }   


/*Slider*/

.slider-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}


@media(min-width:37.5em){
.slider {
    display: flex;
    width: 600%; /* 6 slides, each of 100% */
     
}

.slide {
    flex: 0 0 16.66667%; /* 1/6th or 100% divided by 6 */
    display: flex;
    align-items: center;
    padding:0 8px;
    font-size:1.2em;
    z-index: 2; /* Ensure slide is on top */
}
}
    
    


    .slide .twelve.columns{
           background: #38308A;
        padding:3em;
    }

.slider-buttons {
    position: absolute;
    top: 45%;
    left: 10px; /* Position from the left edge */
    right: 10px; /* Position from the right edge */
    transform: translateY(-50%);
    display: flex;
    justify-content: space-between;
    z-index: 3; /* Higher than the slides */
}

.slider-buttons button {
background-color: #FF4C74;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

/* Adjust the left button */
.slider-buttons .prev {
    position: absolute;
    left: 0; /* Align to the left edge */
}

/* Adjust the right button */
.slider-buttons .next {
    position: absolute;
    right: 0; /* Align to the right edge */
}


@media(max-width:37.5em){
    .slide .twelve.columns {
    border: 4px solid #fff;
    margin-top: 10px;
}

.slider-buttons {
    display:none;
}
}