/*styles for the template partial Hero and Hero type 1*/

section.three-column-cta{
    padding: 20px 0;
    position: relative;
    /*height: 45vw;*/
}

section.three-column-cta .section-subtitle{
   padding-bottom: 40px;
}
section.three-column-cta .cta {
    position: relative;
    z-index: 2;
    left: 0;
    background-color: #fff;
    padding: 40px 20px;
    display: flex;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 100%;
    text-transform: uppercase;
    opacity: 1!important;
    border-bottom: solid 20px;
}

section.three-column-cta .cta .arrow{
    width: 80px;
    height: 80px;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
    font-size: 24px;
    position: absolute;
    right:10px;
}

/***********************/
/* Responsive styles */
/***********************/
@media (max-width: 768px){


}

@media (max-width: 992px){

    section.three-column-cta .cta .arrow{
        bottom: -50px;
        right: 32%;
    }

}

@media (min-width: 992px){

    section.three-column-cta{
        padding: 40px 0 90px 0;
    }

    section.three-column-cta .cta {
        padding: 52px 40px;
        position: absolute;
        bottom: -20px;
        min-width: 50%;
    }

    section.three-column-cta .cta .arrow{
        right:-40px;
    }
}

@media (min-width: 1800px){

}

@media (min-width: 1800px){


}



/* changing button size + text -j */ 

section.three-column-cta .cta .arrow{
	top: 25px;
    font-size: 40px;
}

section.three-column-cta .cta {
 /*line-height: 30%;*/
}


/* change for lower res */
@media (min-width:600px) and (max-width: 992px){
    section.three-column-cta .cta .arrow{
        right: -9%;
    }
}



/* change padding on top and margin as well */
@media (min-width: 992px) and (max-width: 1200px) {

    section.three-column-cta{
		
    }
    
	.page-template-page-neighborhood section.three-column-cta {
		    margin-top: -12rem !important;
	}
}

@media (min-width: 1200px) and (max-width: 1500px) {

    section.three-column-cta{

    }
    
}



/* full width CTA change for mobile */


@media(max-width: 600px){
    section.three-column-cta .cta {
        max-width: 100%;
        width: 95%;
        font-size: 1rem;

	}
    section.three-column-cta .cta .arrow{
        right: -4%;
        height: 3.8rem;
        width: 3.8rem;
    }
}


@media (min-width:600px) and (max-width: 768px){
    
    section.three-column-cta .cta {
            width: 94%;
            font-size: 1rem;

     }
    section.three-column-cta .cta .arrow{
            right: -15%;
            height: 3.5rem;
            width: 3.5rem;
      }

}


/* changing size */ 
@media (min-width: 769px) and (max-width: 991px) {

    section.three-column-cta .cta {
       max-width: 90%;
       width: 120%;
    }

    section.three-column-cta .cta .arrow{
        right: -12%;
        height: 4rem;
        width: 4rem;
    }
    
}

/* changing size */ 
@media (min-width: 992px) and (max-width: 1400px) {

    section.three-column-cta .cta {
       max-width: 90%;
       width: 80%;
    }

    section.three-column-cta .cta .arrow{
        right: -9%;
        height: 4.5rem;
        width: 4.5rem;
    }
    
}