﻿.c-serviceWrapper {

    width: 100%;

    display: flex;

    flex-flow: row wrap;

    justify-content: center;

    align-content: flex-start;

    list-style: none;

    margin: 0;

    padding: 0;

}



.c-service {

    display: flex;

    justify-content: flex-start;

}



.c-serviceText {

    float: left;

}



.c-service__postCard__name {

    font-weight: 700;

    color: rgb(229, 105, 11);

    margin: 0rem;

}



.c-service__videoEmbed__preview {

    border-radius: .5rem;

    width: 273px;

    height: 132px;

    -ms-interpolation-mode: bicubic;

    border-radius: .5rem;

}



.c-service__videoEmbed {

    width: auto;

    height: auto;

}



.c-service__header {

    margin-bottom: .5rem;

}



.c-service__card {

    flex: 0 0 auto;

    margin: .25rem;

}



.c-service__item {

    flex: 0 1 auto;

    justify-content: flex-start;

}



.c-service__postCard {

    flex: 1 1 320px;

    display: flex;
	
    min-width: 320px;

    flex-flow: column nowrap;

    justify-content: space-around;

    align-items: center;

    padding: 1rem;

    max-width: 320px;

    height: 320px;

}

.expandService {
	flex: 1 1 1120px;
	min-width: 320px;
	max-width: 1120px;
}


.c-service__postCard__full {

    flex: 1 1 100%;

    display: flex;

    flex-flow: row wrap;

    justify-content: space-between;

    padding: 1rem;

    position: relative;
	
	min-width: 320px;

	max-width: 1120px;
}

.c-service__postCard__full--contentWidth {
    width: fit-content;
	width: -moz-max-content;
}


.c-service__postCard--hide {

    display: none;

}



.c-service__postCard__title {

    color: rgb(229, 105, 11);

}



.c-service__postCard__section1__image {

    width: 100%;

    padding: 1rem;

    -ms-interpolation-mode: bicubic;

    border-radius: 1.5rem;

}



.c-service__postCard__info {

    flex: 0 1 auto;

    display: flex;

    flex-flow: column wrap;

    text-align: center;

    width: 100%;

    height: 4rem;

}



.c-service__postCard__info__text {

    margin: .25rem 0;

    word-break: break-all;

}



.c-service__postCard__info__text--small {

    font-size: .66rem;

}



.c-service__postCard__closeButton {

    position: absolute;

    top: 0;

    right: 0;

    margin: .5rem;

    background-color: transparent;

}



.c-service__postCard__section1 {

    flex: 1 1 auto;

    width: 100%;

}



.c-service__postCard__preview__image {

    width: 273px;

    height: 132px;

    -ms-interpolation-mode: bicubic;

    border-radius: .5rem;

}



.c-service__postCard__image {

    max-width: 100%;

    border-radius: 8px;

    float: left;

    padding: 1rem;

}



.c-blog_container {

    width: 100%;

}

/* Generic classes courtesy of: https://www.smashingmagazine.com/2014/02/making-embedded-content-work-in-responsive-design/ */

.video-container {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 35px;

    height: 0;

    overflow: hidden;

}

.video-container iframe {

    position: absolute;

    top:0;

    left: 0;

    width: 100%;

    height: 100%;

}



@media (max-width: 721px) {

    .c-service__card {

        flex-flow: column nowrap;

        justify-content: center;

    }



    .c-service__postCard__section1__image {

        margin-top: .75rem;

    }



    .c-contactUs__postCard__section1 {

        flex: 1 1 auto;

    }

}

