
/*=============================*/
/*=== BEGIN MAIN NAVIGATION ===*/
/*=============================*/
header .mobile-nav-wrap{ display: none;}
header nav.main{ position: relative;} /* set to better position submenu dropdown */
header nav.main ul {margin: 0;}
header nav.main ul li {list-style: none; float: left; background: url(images/nav-divider.png) no-repeat right center; margin: 0 52px 0 0; padding: 0 52px 0 0;}
header nav.main ul li.toplevel > span:hover,header nav.main ul li.toplevel > a span:hover {cursor:pointer;color:#2C99FE;}
header nav.main ul li.last {background: none; margin: 0; padding: 0;}
header nav.main ul li a:link, header nav.main ul li a:visited, header nav.main ul li a:active, header nav.main ul li span {display: block; color: #fff; font-size: 17px;}
/* BEGIN disabled state */ 
header nav.main ul li span {text-transform: uppercase; font-weight: bold;} /* Top Level */
header nav.main ul li.sub-item span{color:#036;text-transform:none;font-size:18px;} /* Sub Level color:#000; */
header nav.main ul li.sub-item ul li.sub-sub-item span{color:#787878;font-weight:normal;font-size:16px;margin:0 0 5px;padding:0;} /* Sub-Sub-Level */
/* END disabled state */
header nav.main ul li a:hover, header nav.main ul li.selected a, header nav.main ul li.selected .sub-level .main-sub-level .sub-item a:hover {color: #5da9fe;}

/*---===== MAIN NAVIGATION DROP DOWN =====---*/
/* overall styles for drop down */
header nav.main ul .sub-level {background: url(images/nav-arrow.png) 25% 0 no-repeat; *background: url(images/nav-arrow.png) 30% 0 no-repeat; width: 440px; display: none; 
  position: absolute; left: 0; top: 26px; border-bottom: 1px solid #d7d7d7; box-shadow: 2px 5px 7px #787878;padding-top:10px;z-index:1000;} /* originally had z-index:5000; */
header nav.main ul .sub-level .sub-wrap {background: #fff;} /*opacity:.97;*/
header nav.main ul .sub-level .main-sub-level {background: #fff;} /* padding: 20px 20px 22px 20px; margin: 9px 0 0 0; */
/*header nav.main ul .sub-level .main-sub-level.li_cont1, header nav.main ul .sub-level .main-sub-level.li_cont2  {margin: 0;}*/
header nav.main ul .sub-level .main-sub-level .sub-item {background: none; margin: 0 0 14px 0; float: none; padding: 0;}
/* link style for second tier items */
header nav.main ul .sub-level .main-sub-level .sub-item a:link, 
header nav.main ul .sub-level .main-sub-level .sub-item a:visited, 
header nav.main ul .sub-level .main-sub-level .sub-item a:active {color: #000; text-transform: none; font-size: 15px; padding: 0; margin: 0; text-align: left;  border: none;}
/* link hover style for second tier items */
header nav.main ul .sub-level .main-sub-level .sub-item a:hover, 
header nav.main .sub-level .main-sub-level .sub-item.selected a:link, 
header nav.main .sub-level .main-sub-level .sub-item.selected a:visited, 
header nav.main .sub-level .main-sub-level .sub-item.selected a:active {color: #5DA9FE;}
/* if there are third tier items, make a 2nd column */
header nav.main ul .sub-level .main-sub-level .sub-item.has-child {top: 27px; left: 175px;} /* position: absolute;  */
/* third tier item styles */
header nav.main ul .sub-level .main-sub-level .sub-item ul {margin: 0 0 0 10px;}
header nav.main ul .sub-level .main-sub-level .sub-item ul .sub-sub-item {background: none; float: none; padding: 1px 0 1px 0; margin: 1px 0 1px 0;}
header nav.main ul .sub-level .main-sub-level .sub-item ul .sub-sub-item a:link, 
header nav.main ul .sub-level .main-sub-level .sub-item ul .sub-sub-item a:visited, 
header nav.main ul .sub-level .main-sub-level .sub-item ul .sub-sub-item a:active {color: #000; font-weight: normal; margin: 0 0 0 0; font-size: 17px;} /* margin: 0 0 5px 0; color: #787878; */
header nav.main ul .sub-level .main-sub-level .sub-item ul .sub-sub-item.selected a:link, 
header nav.main ul .sub-level .main-sub-level .sub-item ul .sub-sub-item.selected a:visited, 
header nav.main ul .sub-level .main-sub-level .sub-item ul .sub-sub-item.selected a:active, 
header nav.main ul .sub-level .main-sub-level .sub-item ul .sub-sub-item a:hover {color: #787878;} /* color: #000; */

header nav.main ul #tab390 .sub-level {left:0px;background-position: 3% 0; *background-position: 20% 0;width:750px!important;} /* COPD360SOCIAL */
header nav.main ul #tab84 .sub-level {left:150px;background-position:20% 0;*background-position:20% 0;width:625px!important;} /* WHAT IS COPD */
header nav.main ul #tab88 .sub-level {left:75px;background-position:43% 0;*background-position:40% 0;width:975px!important;} /* LEARN MORE */
header nav.main ul #tab86 .sub-level {left: 125px;background-position:89% 0; *background-position: 45% 0;width:650px!important;} /* TAKE ACTION */
header nav.main ul #tab85 .sub-level { left: 75px;background-position: 85% 0; *background-position: 80% 0;width:975px!important;} /* RESEARCH */
/*header nav.main ul #tab90 .sub-level {left:135px;background-position:98% 0;*background-position:95% 0;width:975px!important;}*/ /* ABOUT US */
header nav.main ul #tab961 .sub-level {left:395px;background-position:95% 0;*background-position:95% 0;width:725px!important;} /* WAYS TO GIVE */

/*sub-sub-level for handling larger page titles spanning multiple lines */
header nav.main ul li#tab214,header nav.main ul li#tab221,header nav.main ul li#tab225,
header nav.main ul li#tab237,header nav.main ul li#tab247,header nav.main ul li#tab262,
header nav.main ul li#tab321,header nav.main ul li#tab408,header nav.main ul li#tab361,
header nav.main ul li#tab362,header nav.main ul li#tab365,header nav.main ul li#tab366,
header nav.main ul li#tab368,header nav.main ul li#tab460,header nav.main ul li#tab366,
header nav.main ul li#tab368,header nav.main ul li#tab487,header nav.main ul li#tab502,
header nav.main ul li#tab509,header nav.main ul li#tab510,header nav.main ul li#tab514,
header nav.main ul li#tab578,header nav.main ul li#tab583,header nav.main ul li#tab585,
header nav.main ul li#tab592,header nav.main ul li#tab604,header nav.main ul li#tab652,
header nav.main ul li#tab678,header nav.main ul li#tab683,header nav.main ul li#tab686,
header nav.main ul li#tab687,header nav.main ul li#tab700,header nav.main ul li#tab710,
header nav.main ul li#tab713,header nav.main ul li#tab714,header nav.main ul li#tab717,
header nav.main ul li#tab725,header nav.main ul li#tab728,header nav.main ul li#tab725,
header nav.main ul li#tab738,header nav.main ul li#tab743,header nav.main ul li#tab744,
header nav.main ul li#tab745,header nav.main ul li#tab748,header nav.main ul li#tab755,
header nav.main ul li#tab756,header nav.main ul li#tab758,header nav.main ul li#tab761,
header nav.main ul li#tab766,header nav.main ul li#tab773,header nav.main ul li#tab776,
header nav.main ul li#tab778,header nav.main ul li#tab780,header nav.main ul li#tab783,
header nav.main ul li#tab857,header nav.main ul li#tab860,header nav.main ul li#tab862{line-height: 19px;padding:5px 0;}

/* Remove when BMH Inspiration Study Completes */
header nav.main ul li#tab774{line-height: 17px;padding:5px 0;}

/* COMMON DROPDOWN TEMPLATE STYLES */
.desktop-menu-row{margin-right:0;margin-left:0;padding:5px 10px 5px 0px;}
header nav.main ul .sub-level hr{text-shadow: #ccc;}
.section-intro{background-color: #fafafa;border-bottom: 1px solid #036;} /*box-shadow: 0 1px 1px #036; */
p.intro-text{text-align:center;color:#036;text-transform:none;font-size:18px;line-height:21px;font-style:italic;padding:5px 0 5px 0;margin:5px 15px 5px 15px;}
/* use this to match standard menu links */
p.cta-menu-links{padding:0;margin:0;}
p.cta-menu-links a{font-size:17px!important;color:#000!important;font-style:normal!important;text-align:center;}
p.cta-menu-links a:hover{color:#787878!important;}
/* used for the cta buttons in the header */
div.cta-header-links{margin:10px auto 0 auto !important;}
/*  styling for border around buttons
div.cta-header-links{margin: 15px auto 15px auto;border:1px solid #036;padding:3px 20px;border-radius:50px;
  font-weight:normal;display:inline-block;position:relative;max-width:99%;}
*/
div.cta-header-links a{font-size:18px!important;color:#ee4924!important;font-style:normal!important;text-align:center;}
div.cta-header-links a:hover{color:#036!important;}

/* COPD360social */
#tab390-cta-row-1{text-align:center;} /* used for call to action button */
#tab390-row-3{margin-top:10px;padding-top:15px;background-color:#fafafa;border-top:1px solid #036;} /* box-shadow: inset 0px 1px 1px #036;  #ccc, #aaa */
.tab390-row-3-col-1{position:relative;width:33%;float:left;padding-left:25px;}
.tab390-row-3-col-2{position:relative;width:33%;float:left;padding-left:15px;}
.tab390-row-3-col-3{position:relative;width:33%;float:left;padding-left:15px;}
.tab390-row-3-col-3 .interior-banner-wrap{margin-top:25px;} /* video */
.main-sub-level #tab656{display:none;} /* Get Involved */

/* WHAT IS COPD */
#tab84-row-2{margin-top:15px;} /* no call to action button so need to add a margin to see the box-shadow */
#tab238-sizing{position:relative;width:48%;float:left;padding-left:25px;} /* independent column not being moved into another column */
#tab84-custom-media-wrap{position:relative;width:48%;float:left;} /* independent column not being moved into another column */

/* LEARN MORE */
#tab88-sizing{position:relative;width:100%;} /* independent column not being moved into another column */
#tab88-cta-row-1{text-align:center;}
.tab88-cta-col-1{position:relative;width:50%;float:left;}
.tab88-cta-col-2{position:relative;width:50%;float:left;}
/* hide tabs displayed in CTA section - display for mobile menu*/

/* links */
#tab88-row-3{margin-top:15px;padding-top:15px;background-color:#fafafa;border-top:1px solid #036;}
.tab88-row-3-col-1{position:relative;width:33%;float:left;padding-left:25px;}
.tab88-row-3-col-2{position:relative;width:33%;float:left;padding-left:10px;}
.tab88-row-3-col-3{position:relative;width:33%;float:left;padding-left:10px;}

/* TAKE ACTION */
#tab86-sizing{position:relative;width:100%;} /* independent column not being moved into another column */
#tab86-cta-row-1{text-align:center;}
.tab86-cta-col-1{position:relative;width:48%;float:left;padding-left:25px;}
.tab86-cta-col-2{position:relative;width:48%;float:left;padding-left:25px;}
/*.tab86-cta-col-3{position:relative;width:25%;float:left;padding-left:15px}*/

/* links */
#tab86-row-3{margin-top:15px;padding-top:15px;background-color:#fafafa;border-top:1px solid #036;}
.tab86-row-3-col-1{position:relative;width:55%;float:left;padding-left:25px;}
.tab86-row-3-col-2{position:relative;width:45%;float:left;padding-left:25px;}
/*.tab86-row-3-col-3{position:relative;width:30%;float:left;padding-left:15px;}*/
.main-sub-level #tab829{display:none;} /* Get Involved -> Take Action */
.main-sub-level #tab805{display:none;} /* COPD SOS */

/* RESEARCH */
#tab85-sizing{position:relative;width:100%;} /* independent column not being moved into another column */
#tab85-cta-row-1{text-align:center;} /* used for call to action button */
#tab85-row2{margin-top:15px;padding-top:15px;background-color:#fafafa;/*border-top:1px solid #036;*/}
.tab85-row-2-col-1{position:relative;width:43%;float:left;padding-left:25px;}
.tab85-row-2-col-2{position:relative;width:57%;float:left;}

/* ABOUT US */
/*
#tab90-row2{margin-top:15px;}
#tab90-cta-row-1{text-align:center;}
.tab90-cta-col-1{position:relative;width:100%;float:left;}
.main-sub-level #tab261{display:none;}*/ /* About the COPD Foundation */
/* links */
/*
#tab90-row2{margin-top:15px;padding-top:15px;background-color:#fafafa;border-top:1px solid #036;}
.tab90-row-2-col-1,.tab90-row-2-col-2,.tab90-row-2-col-3{position:relative;width:30%;float:left;margin-left:25px;}
#tab90-custom-media-wrap p img{padding-top:25px;}
*/

/* WAYS TO GIVE */
#tab961-row-2{margin-top:15px;}
#tab961-cta-row-1{text-align:center;}
#tab961-row-2{margin-top:10px;padding-top:15px;background-color:#fafafa;border-top:1px solid #036;}
.tab961-row-2-col-1{position:relative;width:48%;float:left;padding-left:25px;}
.tab961-row-2-col-2{position:relative;width:48%;float:left;padding-left:25px;}
#tab961-custom-media-wrap{padding-top:60px;}


@media (min-width:992px) and (max-width:1200px) {
    header nav.main ul li.toplevel{ margin: 0 25px 0 0!important; padding: 0 30px 0 0!important;}

    /*#tab390,#tab84,#tab88,#tab86,#tab85,#tab90{ margin: 0 25px 0 0!important; padding: 0 33px 0 0!important;}*/

    header nav.main ul #tab390 .sub-level {left:0px;background-position: 11% 0; *background-position: 26% 0;} /* COPD360SOCIAL */
    header nav.main ul #tab84 .sub-level {left: 50px;background-position: 30% 0; *background-position: 38% 0;} /* WHAT IS COPD */
    header nav.main ul #tab88 .sub-level {left:0px; background-position: 48% 0; *background-position: 36% 0;width:880px!important;} /* LEARN MORE */
    header nav.main ul #tab86 .sub-level {left: 100px;background-position: 60% 0; *background-position: 55% 0;} /* TAKE ACTION */
    header nav.main ul #tab85 .sub-level {left: 0px;background-position: 80% 0; *background-position: 78% 0;width:880px!important;} /* RESEARCH */
    /*header nav.main ul #tab90 .sub-level {left:0px;background-position:94% 0;*background-position:92% 0;width:880px!important;}*/ /* ABOUT US */
    header nav.main ul #tab961 .sub-level {left:150px;background-position:95% 0;*background-position:95% 0;width:725px!important;} /* WAYS TO GIVE */

    
    /*===== REMOVE WHEN NEW MENU LAUNCHED =====*/
    /* RESEARCH */
    /*
    .tab85-cta-col-1{padding-left:5px;width:25%;}
    .tab85-cta-col-3{width:15%;}
    .tab85-cta-col-4{width:29%;}
    */
}
/*===========================*/
/*=== END MAIN NAVIGATION ===*/
/*===========================*/