﻿/* Content Dividers */

.divider {
    height: 40px;
    overflow: hidden;
    position: relative;
    background-color:#fff !important
}

.divider.red-bg {
    background-color: #A81D21;
}

.divider-green-to-brn-triangles {
    /*bottom: -1px;*/
    background-color:#fff !important;
}

.divider-brn-to-green-triangles{
    /*top: -1px;*/
    background-color: #fff !important;
}

.divider-green-to-brn-triangles::before {
    content: '';
    font-family: 'shape divider from ShapeDividers.com';
    position: absolute;
    z-index: 3;
    pointer-events: none;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background-size: 100% 40px;
    background-position: 50% 100%;
    background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 773.74 154.98"><g transform="rotate(180 386.87 77.49)"><path d="m0 0 386.87 154.98L773.74 0Z" fill="%23054030"/><path d="M0 0h773.74L386.87 77.5Z" fill="%23514a40"/></g></svg> ');
}

.divider-brn-to-green-triangles::before {
    content: '';
    font-family: 'shape divider from ShapeDividers.com';
    position: absolute;
    z-index: 3;
    pointer-events: none;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background-size: 100% 40px;
    background-position: 50% 0%;
    background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 773.74 154.98"><g><path d="m0 0 386.87 154.98L773.74 0Z" fill="%23054030"/><path d="M0 0h773.74L386.87 77.5Z" fill="%23514a40"/></g></svg> ');
}

.divider-green-triangle-top::before {
    content: '';
    font-family: 'shape divider from ShapeDividers.com';
    position: absolute;
    z-index: 3;
    pointer-events: none;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background-size: 100% 40px;
    background-position: 50% 0%;
    background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 773.74 154.98"><g><path d="M0 0h773.74L386.87 77.5Z" fill="%23054030"/></g></svg> ');
}

.divider-green-triangle-bottom::before {
    content: '';
    font-family: 'shape divider from ShapeDividers.com';
    position: absolute;
    z-index: 3;
    pointer-events: none;
    background-repeat: no-repeat;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background-size: 100% 40px;
    background-position: 50% 0%;
    background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 773.74 154.98"><g transform="rotate(180 386.87 77.49)"><path d="M0 0h773.74L386.87 77.5Z" fill="%23054030"/></g></svg> ');
}

@media only screen and (max-width : 991px) {

    .divider {
        height: 20px;
        overflow: hidden;
        position: relative;
        /*z-index:9999;*/
    }

    .divider-green-to-brn-triangles::before,
    .divider-brn-to-green-triangles::before,
    .divider-green-triangle-top::before,
    .divider-green-triangle-bottom::before {
        background-size: 100% 20px;
    }

}


.shape-photo{
    z-index:1;
}

.shape-photo-top {
    margin-top: -40px;
}

.shape-photo-bottom {
    margin-bottom: -40px;
}

.hp-photo {
    margin-top: -20px;
}
