/********************************************************************
 * Template 5 Start
 *
 * Templates are constucted by sections.
 * Sections group the areas used by the editor.
 */
.promo-template-5-section.promo-template-5-section {
    margin-bottom: 2em;
    display: flex;
    padding-right:  1em;
    padding-left: 1em;
    flex-direction: column;
    justify-content: flex-end;
}

.promo-template-5-section p {
    font-weight: normal;
    font-size: 1rem;
}

.promo-template-5-section.promo-template-5-section-1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    justify-content: center;
    width: 100%;
}

.promo-template-5-section.promo-template-5-section-1 img {
    position: absolute;
    left: 0;
    width: 100%;
    height: auto;
}

.promo-template-5-section .template-buttons {
    text-align: center;
    padding: 1em 0 2em 0;
}

.promo-template-5-section .template-buttons a {
    color: #f16029;
    background-color: #FFF;
    border: .1em solid #f16029;
    padding: .75em 3em;
    display: block;
    font-weight: bold;
}

.promo-template-5-section .promo-page-template-5-section-2 {
    color: #f16029;
    font-size: 1.5rem;
    text-align: center;
    padding-bottom: .5rem;
    padding-top: 1rem;
}

.promo-template-5-section .image-container {
    position: relative;
}

.promo-template-5-section.promo-template-5-section-1 .block-1 {
    border-bottom: .1em solid #CDCDCD;
}

.promo-template-5-section.promo-template-5-section-1 .block-1 p, .promo-template-5-section.promo-template-5-section-1 .block-2 p,
		.promo-template-5-section.promo-template-5-section-1 .block-3 p {
    margin: 0 .25em;
    font-size: 1.25em;
}

.promo-template-5-section.promo-template-5-section-1 .block-1 p {
    font-size: 2rem;
}

.promo-template-5-section.promo-template-5-section-1 .block-2 {
    padding-top: .5em;
    color: #f16029;
}

.promo-template-5-section.promo-template-5-section-1 .block-3 p {
    font-size: 1.5rem;
}

.promo-template-5-section.promo-template-5-section.call-to-action {
    text-align: center;
}

.promo-template-5-section.promo-template-5-section-1 .text-container {
    color: #FFF;
    background: rgba(0,0,0,.667);
    text-align: center;
    width: 100%;
    padding: .25em;
    font-weight: bold;
}

.promo-template-5-flex {
    display: flex;
    justify-content: space-between;
}

.promo-template-5-flex-wrap {
    flex-wrap: wrap;
    justify-content: flex-start;
}

.promo-template-5-section.promo-template-5-section-6 {
    flex-direction: row;
    background: #f2f2f2;
    padding: 2em;
}

.promo-template-5-section.promo-template-5-section-6 .text-container {
    padding-left: 1em;
}

.promo-template-5-section strong {
    font-size: 1.5em;
}

.promo-template-5-section .category-container .category {
    transition: all .25s;
}

.promo-template-5-section .category-container .category:hover {
    border-color: #f16029;
}

.promo-template-5-section .category a {
	justify-content: flex-start;
}

.promo-template-5-section .category-container .category a:hover img {
    opacity: 1;
}

@media (max-width: 659px) {
    .promo-template-5-section-1 {
        position: relative;
        margin-left: -1.5rem;
        margin-right: -1.5rem;
    }

    .promo-template-5-section-1 img {
        position: relative;
     }

     .promo-template-5-section.promo-template-5-section-1 {
         position: absolute;
         top: 0;
         left: calc(-50% + 1.5rem);
         transform: translate(50%);
     }

     #home-page-background-image {
         position: relative;
     }

     .promo-template-5-section .promo-page-template-5-section-2 {
         padding-top: 1rem;
     }
}

@media (min-width: 700px) {
	.promo-template-5-section.promo-template-5-section-1 .text-container {
	  color: #FFF;
	  background: rgba(0,0,0,.667);
	  text-align: center;
	  width: 100%;
	  padding: 2em 5em;
	  font-weight: bold;
	}
}
@media (min-width: 1200px) {
	.promo-template-5-section-1 {
        min-height: 376px;
    }
}
@media (min-width: 1400px) {
	.promo-template-5-section-1 {
        min-height: 476px;
    }
}
/** Template 5 End */