﻿div.legacyLayout div.flexContainer.body{
    /*-webkit-display: flex;*/
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
}
div.legacyLayout div.flexContainer.body > div{
    width: 100%;
}
div.legacyLayout div.flexContainer.body div.leftListColumn{
    -webkit-order: 3;
    order: 3;
}
div.legacyLayout div.flexContainer.body div.leftListColumn ul{
    margin-left: 15px;
}
div.legacyLayout div.flexContainer.body div.leftListColumn li.selectedItem a{
    color: #d7451a;
}
div.legacyLayout div.flexContainer.body div.categoryCopy{
    -webkit-order: 1;
    order: 1;
}
div.legacyLayout div.flexContainer.body div.column.narrow{
    -webkit-order: 2;
    order: 2;
}
div.leftListColumn p.leftHeader{
    font-size: 1.1em;
    font-weight: bold;
    margin-top: 12px;
}
div.leftListColumn ul{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}
/* resources pages */
div.legacyLayout.resourcesType div.categoryImages > div{
    margin-bottom: 25px;
}
div.legacyLayout.resourcesType div.categoryImages img,
div.resourceSupportPage div.column.wide.bodyContent div.resourceItem > a{
    display: none;
}
div.legacyLayout.resourcesType div.categoryImages > div > div:last-child a:first-child{
    /*font-size: 1.7em;
    display: block;*/
}
div.legacyLayout.resourcesType div.categoryImages > div > div:last-child a:first-child+br{
    /*display: none;*/
}
div.legacyLayout.resourcesType div.categoryImages > div > div:last-child > p{
    margin-top: 0px;
}
/* subscribe pages */
div.legacyLayout.subscribe h2.categorySubheader{
    font-size: 1em;
}
/* worldwide pages */
div.worldwide.landing div.worldMap{
    width: 100%;
    margin-bottom: 8px;
}
div.worldwide.landing div.worldMap div#map_canvas{
    height: 300px;
}
div.worldwide.landing div.tabSet div.tabs{
    /*-webkit-display: flex;*/
    display: -webkit-box;
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
}
div.worldwide.landing div.tabSet div.tabs div.tab{
    /*margin-bottom: 8px;*/
    width: 50%;
    border: 1px solid #f4f3f2;
    padding-top: 6px;
    padding-bottom: 6px;
    box-sizing: border-box;
    text-align: center;
}
div.worldwide.subpage div.mediaImage img{
    width: 100%;
    height: auto;
}
div.worldwide.subpage div.leftListColumn{
    -webkit-order: 3;
    order: 3;
}
div.worldwide.subpage div.categoryCopy{
    -webkit-order: 1;
    order: 1;
}
div.worldwide.subpage div.column.narrow{
    -webkit-order: 2;
    order: 2;
}
div.worldwide.subpage div.breadCrumb{
    display: none;
}
div.worldwide.subpage div.language{
    position: relative;
    height: 25px;
    margin: 10px 0px;
}
div.worldwide.subpage div.language span{
    position: absolute;
    right: 0px;
}


/*******************
screen width > 768px
********************/

@media(min-width:768px){
div.legacyLayout div.flexContainer.body{
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
div.legacyLayout div.flexContainer.body div.leftListColumn{
    width: 28%;
    margin-right: 15px;
}
div.legacyLayout div.max1280.flexContainer.body div.leftListColumn.empty{
    width: 0px;
    margin-right: 0px;
}
div.legacyLayout div.flexContainer.body div.categoryCopy{
    width: 69%;
}
div.legacyLayout div.flexContainer.body div.categoryCopy.full{
    width: 70%;
    margin-right: 35px;
}
div.legacyLayout.collapsedSidebar div.flexContainer.body div.categoryCopy.full{
    width: 100%;
    margin-right: 0px;
}
div.legacyLayout div.flexContainer.body div.column.narrow{
    width: 100%;
}
div.legacyLayout div.flexContainer.body div.categoryCopy.full+div.column.narrow{
    width: 21%;
    font-size: .8em;
}
div.legacyLayout h1.categoryHeader{
    margin-top: 0px;
    margin-bottom: 10px;
}
div.legacyLayout div.flexContainer.body div.leftListColumn{
    -webkit-order: 1;
    order: 1;
}
div.legacyLayout div.flexContainer.body div.categoryCopy{
    -webkit-order: 2;
    order: 2;
}
div.legacyLayout div.flexContainer.body div.column.narrow{
    -webkit-order: 3;
    order: 3;
}
div.legacyLayout.resourcesType div.categoryImages > div{
    /*-webkit-display: flex;*/
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
/* resources pages */
/*div.legacyLayout.resourcesType div.leftListColumn{
    -webkit-order: 1;
    order: 1;
}
div.legacyLayout.resourcesType div.categoryCopy{
    -webkit-order: 2;
    order: 2;
}*/
div.legacyLayout.resourcesType div.categoryImages > div{
    /*-webkit-display: flex;*/
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
div.resourceSupportPage > div.flexContainer{
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
div.resourceSupportPage > div.flexContainer > div.column.wide{
    width: auto;
    margin-right: auto;
}
div.resourceSupportPage div.column.wide.bodyContent{
    width: auto;
}
div.resourceSupportPage div.column.narrow.leftNavigation + div.column.wide.bodyContent{
    width: 72%;
}
div.resourceSupportPage div.column.wide.bodyContent div.resourceItem{
    margin-bottom: 10px;
}
div.legacyLayout.resourcesType div.categoryImages > div > div:first-child,
div.resourceSupportPage div.column.wide.bodyContent div.resourceItem > a{
    width: 15%;
    margin-right: 15px;
}
div.resourceSupportPage div.column.wide.bodyContent div.resourceItem > a{
    display: block;
    border-width: 0px;
    max-width: 99px;
    overflow: hidden;
    max-height: 102px;
}
div.resourceSupportPage div.column.wide.bodyContent div.resourceItem > a img{
    width: 100%;
    height: auto;
    transition: transform 1s;
    object-fit: contain;
}
div.resourceSupportPage div.column.wide.bodyContent div.resourceItem > a img:hover{
    transform: scale(1.2);
}
div.legacyLayout.resourcesType div.categoryImages > div > div:first-child img{
    display: inline-block;
    width: 100%;
    height: auto;
}
div.legacyLayout.resourcesType div.categoryImages > div > div:last-child,
div.resourceSupportPage div.column.wide.bodyContent div.resourceItem > div{
    width: 85%;
}
div.resourceSupportPage div.column.wide.bodyContent div.resourceItem > div > p{
    margin-top: 0px;
}
div.resourceSupportPage div.column.leftNavigation{
    display: block;
    width: 28%;
    font-size: inherit;
    padding: inherit;
    margin-right: 15px;
}
div.resourceSupportPage div.column.leftNavigation p.topPage{
    margin-top: 0px;
}
/* worldwide pages (768) */
div.worldwide.landing div.worldMap div#map_canvas{
    height: 350px;
}
div.legacyLayout.worldwide.landing div.flexContainer.body > div.borderContent{
    width: 67%;
    margin-right: 35px;
}
div.legacyLayout.worldwide.landing div.flexContainer.body > div.column.narrow{
    width: 28%;
    font-size: .85em;
}
/* subscribe page */
div.borderContent{
    /*-webkit-display: flex;*/
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
div.subscribe div.column.narrow{
    display: none;
}
/*div.subscribe div.borderContent div.leftListColumn{
    -webkit-order: 1;
    order: 1;
}
div.subscribe div.borderContent div.categoryCopy{
    -webkit-order: 2;
    order: 2;
}*/
div.subscribe div.borderContent div.flexColumn{
    /*-webkit-order: 3;
    order: 3;*/
    width: 28%;
    font-size: .8em;
    margin-top: 15px;
    -webkit-order: 3;
    order: 3;
}
div.subscribe p.agreementCopy{
    font-size: .8em;
}
div.subscribe h1{
    margin-top: 0px;
}
/* worldwide pages */
/*div.worldwide.subpage div.leftListColumn{
    -webkit-order: 3;
    order: 1;
}
div.worldwide.subpage div.categoryCopy{
    -webkit-order: 1;
    order: 2;
}
div.worldwide.subpage div.column.narrow{
    -webkit-order: 3;
    order: 3;
}*/


} /* end @media(min-width:768px) */

@media (min-width:1024px){

/*div.legacyLayout header{
    height: 130px;
}*/
div.legacyLayout div.flexContainer.body{
    margin-top: 45px;
}
div.legacyLayout div.max1280.flexContainer.body div.leftListColumn{
    width: 21%;
}
div.legacyLayout div.max1280.flexContainer.body div.categoryCopy{
    width: 50%;
    margin-right: 45px;
}
div.legacyLayout div.max1280.flexContainer.body div.categoryCopy.full{
    width: 73%;
}
div.legacyLayout.collapsedSidebar div.flexContainer.body div.categoryCopy.full{
    width: 100%;
}
div.legacyLayout div.max1280.flexContainer.body div.column.narrow{
    width: 21%;
    font-size: 0.85em;
    margin-top: 10px;
}

/* subscribe pages, worldwide */
div.subscribe div.borderContent div.flexColumn,
div.legacyLayout.worldwide.landing div.flexContainer.body > div.column.narrow{
    width: 21%;
}
div.legacyLayout.worldwide.landing div.flexContainer.body > div.borderContent{
    width: 75%;
}
div.worldwide.landing div.tabSet div.tabs div.tab{
    width: auto;
    flex-grow: 1;
    flex-basis: 0;
}
div.resourceSupportPage > div.flexContainer > div.column.wide.leftAndBodyContainer{
    width: 73%;
    margin-right: 45px;
}


} /* end @media (min-width:1024px) */