/* Reponsive Images */
img.image-responsive {
    /* Responsive images (ensure images don't scale beyond their parents) */
    max-width: 100%;
    /* Part 1: Set a maxium relative to the parent */
    width: auto\9;
    /* IE7-8 need help adjusting responsive images */
    height: auto;
    /* Part 2: Scale the height according to the width, otherwise you get stretching */
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}

    img.image-responsive.smaller {
        max-width: 50%;
    }

/* Responsive Media Container */
.embed-responsive {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    height: 0;
    overflow: hidden;
}

    .embed-responsive iframe,
    .embed-responsive object,
    .embed-responsive embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.content-video-embed .video-embed {
    width: 57%;
}
.content-video-embed p {
    font-size: 12px;
    line-height: 1.5;
}
content-video-embed strong {
    font-weight: bold;
}
content-video-embed em {
    font-style: italic;
}
content-video-embed ul {
    list-style: disc;
    padding-left: 30px;
}

#ContentID .video-embed {
    width: 57%;
}

/*@media (min-width:320px) and (max-width:480px) {*/
@media (max-width:600px) {
    #ContentID .video-embed {
        width: 100% !important;
        margin: 0 auto 10px auto !important;
    }
    
    .content-video-embed .video-embed {
        width: 100% !important;
        margin: 0 auto 10px auto !important;
    }
}



/* Mobile Show / Hide Classes */

.show-mobile {
    display: none !important;
}

    .show-mobile a.Subtopics {
        margin: 0 0 0 4px !important;
        cursor: pointer !important;
        font-size: 16px !important;
        padding: 10px 454px !important;
        border-radius: 3px !important;
        width: 422px !important;
    }

        .show-mobile a.Subtopics.down {
            cursor: pointer !important;
            margin: 15px 0 10px 0 !important;
            font-size: 15px !important;
            font-weight: normal !important;
            padding: 4% 0 !important;
            display: block !important;
            background: #ddd url('/images/design/down-arrow.svg') no-repeat 2% 50% !important;
            background-size: 38px !important;
            color: #666 !important;
            text-align: center !important;
            text-transform: uppercase !important;
        }

        .show-mobile a.Subtopics.up {
            cursor: pointer !important;
            margin: 15px 0 10px 0 !important;
            font-size: 15px !important;
            font-weight: normal !important;
            padding: 4% 0 !important;
            display: block !important;
            background: #ddd url('/images/design/up-arrow.svg') no-repeat 2% 50% !important;
            background-size: 38px !important;
            color: #666 !important;
            text-align: center !important;
            text-transform: uppercase !important;
        }

        .show-mobile a.Subtopics h4 {
            text-align: center !important;
            margin: -16px 0 0 0px !important;
        }

.show-hvtablet {
    display: none !important;
}

.show-vtablet {
    display: none !important;
}

@media (min-width : 768px) and (max-width : 1024px) {
    .show-hvtablet {
        display: block !important;
    }
}

@media (max-width:768px) {
    .show-vtablet {
        display: block !important;
    }

    .hide-vtablet {
        display: none !important;
    }
}


@media (max-width : 480px) {
    #header {
        border-bottom: 0px !important;
    }

    img.makesmaller {
        width: 40% !important;
    }

    .hide-mobile {
        display: none !important;
    }

    .show-mobile {
        display: block !important;
    }
}

/* Remix Grid System */

/* Splits up the page horizontally & clears itself */
.row {
    clear: both;
    padding: 0px;
    margin: 0px;
}

    .row:before,
    .row:after {
        content: "";
        display: table;
    }

    .row:after {
        clear: both;
    }

.row {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

/* divides the section into columns */
.col {
    display: block;
    float: left;
    /*margin: 1% 0 1% 1.6%;*/
    margin: 0% 0% 0% 1.6%;
}

    .col:first-child {
        margin-left: 0;
    }

/*  Remove margins as all go full width at 480 pixels */
@media only screen and (max-width: 480px) {
    .col {
        margin: 1% 0 1% 0%;
    }
}

/* GRID OF TWO */
.grid_2of2 {
    width: 100%;
}

.grid_1of2 {
    width: 49.2%;
}

/* GRID OF THREE */
.grid_3of3 {
    width: 100%;
}

.grid_2of3 {
    width: 66.13%;
}

.grid_1of3 {
    width: 32.26%;
}

/* GRID OF FOUR */
.grid_4of4 {
    width: 100%;
}

.grid_3of4 {
    width: 74.6%;
}

.grid_2of4 {
    width: 49.2%;
}

.grid_1of4 {
    width: 23.8%;
}

/* GRID OF FIVE */
.grid_5of5 {
    width: 100%;
}

.grid_4of5 {
    width: 79.68%;
}

.grid_3of5 {
    width: 59.36%;
}

.grid_2of5 {
    width: 39.04%;
}

.grid_1of5 {
    width: 18.72%;
}

/* GRID OF SIX */
.grid_6of6 {
    width: 100%;
}

.grid_5of6 {
    width: 83.06%;
}

.grid_4of6 {
    width: 66.13%;
}

.grid_3of6 {
    width: 49.2%;
}

.grid_2of6 {
    width: 32.26%;
}

.grid_1of6 {
    width: 15.33%;
}

/* GRID OF SEVEN */
.grid_7of7 {
    width: 100%;
}

.grid_6of7 {
    width: 85.48%;
}

.grid_5of7 {
    width: 70.97%;
}

.grid_4of7 {
    width: 56.45%;
}

.grid_3of7 {
    width: 41.94%;
}

.grid_2of7 {
    width: 27.42%;
}

.grid_1of7 {
    width: 12.91%;
}

/* GRID OF EIGHT */
.grid_8of8 {
    width: 100%;
}

.grid_7of8 {
    width: 87.3%;
}

.grid_6of8 {
    width: 74.6%;
}

.grid_5of8 {
    width: 61.9%;
}

.grid_4of8 {
    width: 49.2%;
}

.grid_3of8 {
    width: 36.5%;
}

.grid_2of8 {
    width: 23.8%;
}

.grid_1of8 {
    width: 11.1%;
}

/* GRID OF NINE */
.grid_9of9 {
    width: 100%;
}

.grid_8of9 {
    width: 88.71%;
}

.grid_7of9 {
    width: 77.42%;
}

.grid_6of9 {
    width: 66.13%;
}

.grid_5of9 {
    width: 54.84%;
}

.grid_4of9 {
    width: 43.55%;
}

.grid_3of9 {
    width: 32.26%;
}

.grid_2of9 {
    width: 20.97%;
}

.grid_1of9 {
    width: 9.68%;
}

/* GRID OF TEN */
.grid_10of10 {
    width: 100%;
}

.grid_9of10 {
    width: 89.84%;
}

.grid_8of10 {
    width: 79.68%;
}

.grid_7of10 {
    width: 69.52%;
}

.grid_6of10 {
    width: 59.36%;
}

.grid_5of10 {
    width: 49.2%;
}

.grid_4of10 {
    width: 39.04%;
}

.grid_3of10 {
    width: 28.88%;
}

.grid_2of10 {
    width: 18.72%;
}

.grid_1of10 {
    width: 8.56%;
}

/* GRID OF ELEVEN */
.grid_11of11 {
    width: 100%;
}

.grid_10of11 {
    width: 90.76%;
}

.grid_9of11 {
    width: 81.52%;
}

.grid_8of11 {
    width: 72.29%;
}

.grid_7of11 {
    width: 63.05%;
}

.grid_6of11 {
    width: 53.81%;
}

.grid_5of11 {
    width: 44.58%;
}

.grid_4of11 {
    width: 35.34%;
}

.grid_3of11 {
    width: 26.1%;
}

.grid_2of11 {
    width: 16.87%;
}

.grid_1of11 {
    width: 7.63%;
}

/*  GRID OF TWELVE */
.grid_12of12 {
    width: 100%;
}

.grid_11of12 {
    width: 91.53%;
}

.grid_10of12 {
    width: 83.06%;
}

.grid_9of12 {
    width: 74.6%;
}

.grid_8of12 {
    width: 66.13%;
}

.grid_7of12 {
    width: 57.66%;
}

.grid_6of12 {
    width: 49.2%;
}

.grid_5of12 {
    width: 40.73%;
}

.grid_4of12 {
    width: 32.26%;
}

.grid_3of12 {
    width: 23.8%;
}

.grid_2of12 {
    width: 15.33%;
}

.grid_1of12 {
    width: 6.86%;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media (max-width : 479px) {
    .respond {
        float: none !important;
        width: 100% !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    #pageContentInner .mainContent {
        width: 100% !important;
    }

    div[class*=' grid_']:not(.not-responsive), div[class^='grid_']:not(.not-responsive) {
        float: none !important;
        width: 100% !important;
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .grid_xs_12of12 {
        width: 100%;
        display: block;
        float: none;
        margin: 5px 0;
    }

    .hhForm .hhFormRow.col {
        clear: both;
        float: none;
    }

    .hhForm .hhFormRow label {
        line-height: 1.2em;
    }

    .hhForm .photo-instructions {
        line-height: 1.5em !important;
    }
}

@media (min-width : 480px) and (max-width : 767px) {
    #pageContentInner .mainContent {
        width: 100% !important;
    }

    .grid_sm_12of12 {
        width: 100%;
        display: block;
        float: none;
        margin: 5px 0;
    }

    .hhForm .hhFormRow.col {
        clear: both !important;
        float: none;
    }

    .hhForm .hhFormRow label {
        line-height: 1.2em;
    }

    .hhForm .photo-instructions {
        line-height: 1.5em !important;
    }
}

@media (min-width : 768px) and (max-width : 1023px) {

    .grid_md_12of12 {
        width: 100%;
    }

    .grid_md_11of12 {
        width: 91.53%;
    }

    .grid_md_10of12 {
        width: 83.06%;
    }

    .grid_md_9of12 {
        width: 74.6%;
    }

    .grid_md_8of12 {
        width: 66.13%;
    }

    .grid_md_7of12 {
        width: 57.66%;
    }

    .grid_md_6of12 {
        width: 49.2%;
    }

    .grid_md_5of12 {
        width: 40.73%;
    }

    .grid_md_4of12 {
        width: 32.26%;
    }

    .grid_md_3of12 {
        width: 23.8%;
    }

    .grid_md_2of12 {
        width: 15.33%;
    }

    .grid_md_1of12 {
        width: 6.86%;
    }
}