html,
body {
    min-height: 100%;
    margin: 0px;
    padding: 0px;
    color: #252525;
    background-color: #4a0d66;
    max-width: 100%;
    overflow-x: hidden;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

div,
.CTAs a {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

div.team-honor-list-name {
    white-space: normal;
}

a#html_view_more_button,
a#text_view_more_button {
    display: none !important;
}

#mainContainer {
    width: 100%;
    background: #4a0d66;
    margin: 0px auto;
    box-shadow: none;
    position: relative;
}

#header {
/*    border-bottom: 4px solid #4a0d66; */
    position: relative;
/*    height: 222px;*/ /*156*/
    height: 155px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    /* adding style for 2018 */
    background: #fff;
    /* end style for 2018 */
    -webkit-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 2px 4px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 2px 4px 0px rgba(50, 50, 50, 0.75);
}

/*div#login-toggle {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    top: 0px;
    right: 19px; 
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    font-size: 27px;
    line-height: 28px;
    text-transform: uppercase;
    padding: 11px 90px 11px 40px;
    letter-spacing: -1px;
    width: 76px;
    color: #fff;
    background: #359a8e url(../images/icon-sprite.png) no-repeat 139px 7px;
    z-index: 10;
    box-shadow: 2px 3px 3px rgba(60, 60, 60, 0.3);
}

div#login-toggle:hover {
    background-position: 139px -61px;
}


div#login-toggle.login-expanded {
    background-position: 139px -94px !important;
}
*/
.hide-for-all {
    display: none;
}

#menu-open-button,
#menu-close-button {
    display: none;
    z-index: 9;
}


/*#login-box {
    z-index: 10;
    position: absolute;
    top: 44px;
    right: 19px; 
    width: 190px;
    background-color: #359a8e;
    box-shadow: 2px 5px 3px rgba(60, 60, 60, 0.3);
    padding: 5px 8px 12px 8px;
    text-align: center;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

div#login-toggle:hover {
    box-shadow: 2px -1px 3px rgba(60, 60, 60, 0.3);
}*/

/*#login-box input {
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #949494;
    padding: 8px 11px;
    border: 1px solid #359a8e; */
    /*    width: initial;*/
/*    width: 164px;
    box-shadow: 0px 1px 4px #c0c0c0 inset;
    display: block;*/
    /*    margin: 0px 0px 9px 0px;*/
/*    margin: 0px auto 9px auto;
}

#login-box-links {
    font-family: Arial, sans-serif;
    color: #fff;
    margin-bottom: 10px;
}

#login-box-links a {
    color: #fff;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
}

#login-box-submit {
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    font-size: 19px;
    line-height: 20px;
    text-transform: uppercase;
    padding: 7px 44px 7px 19px;
    box-shadow: 0px -2px 2px rgba(60, 60, 60, 0.2);
    margin: 0px;
    cursor: pointer;
    color: #359a8e;
    background: #fff url(../images/icon-sprite.png) no-repeat 85px -395px;
    border: 1px solid #359a8e;
    border-radius: 0px;
}

#login-box-submit:hover {
    box-shadow: 0px -2px 2px rgba(60, 60, 60, 0.3);
    color: #ffffff;
    background: #4a0d66 url(../images/icon-sprite.png) no-repeat 85px -695px;
    border: 1px solid #4a0d66;
}

#login-box-icons .loginText,
#login-box-icons a img {
    display: none;
}

#login-box-social {
    font-family: Arial, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    color: #4a0d66;
    margin: 15px 0px 0px 0px;
}

#login-box-icons {
    margin: 10px 0px 0px 0px;
}

#login-box-icons a {
    display: inline-block;
    width: 33px;
    height: 33px;
    margin-right: 15px;
    background-color: #fff203;
}

#login-box-icons a:last-child {
    margin-right: 0px;
}

#login-box-icons a:hover {
    background-color: #fffdd0;
    box-shadow: 0px 0px 6px 5px #fffdd0;
}

#login-box-fb {
    background: url('../../2015longestday/images/login_icon_fb2.png') no-repeat right top;
}

#login-box-tw {
    background: url('../../2015longestday/images/login_icon_tw.png') no-repeat right top;
}

#login-box-in {
    background: url('../../2015longestday/images/login_icon_in.png') no-repeat right top;
}

#logged-in-welcome {
    position: absolute;
    top: 10px;
    right: 19px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-align: right;
}*/


#tld-logo-link {
    display: block;
    width: 250px;
    height: 120px;
/*    position: absolute;*/
    float: left; 
/*    top: 25px; */  /* 14 */
/*    left: 26px;*/
/*    display: inline-block;
    vertical-align: top; */
    background-image:url(../images/logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 30px;
    margin-top: 15px;
}

#tld-logo-img {
    display: block;
	display: none;
}

#login-container {
/*  display: inline-block;
  vertical-align: top; */
/*  display: block;
  float: right;
  padding-right: 10px; */
}


a.btn-log-in, #btn-name {
    float: right;
    margin: 30px 45px 0 0;
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    font-size: 18px;
    color: #4a0d66;
    text-transform: uppercase;
/*    text-decoration: none;*/
}


.nav-container {
  float: right;
}

/*#nav {
    list-style: none;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 91px;
    right: 19px;
    z-index: 8;
}

#nav li {
    display: inline-block;
    padding-bottom: 8px;*/
    /*background: url('../../2015longestday/images/nav_hover_marker.png') no-repeat -999px -999px;*/
/*    margin-right: 20px;
    position: relative;
}

#nav li:last-child {
    margin-right: 0px;
}

#nav li:hover a:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #4a0d66;
    position: absolute;
    left: 45%;
    bottom: 0;
}

#nav li.seperator,
#nav li.seperator:hover {
    background: #4a0d66 url('../../2015longestday/images/menu_seperator.png') no-repeat center bottom;
    display: none;
}

#nav li a {
    display: inline-block;
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    font-size: 22px;
    line-height: 22px;
    letter-spacing: -1.5px;
    text-decoration: none;
    text-transform: uppercase;
    color: #4a0d66;
    padding: 9px;
}

#nav li a:hover,
#nav li a:hover span {
    background: #bbe7e2;
    color: #4a0d66;
    text-decoration: none;
}

#nav li a span {
    display: block;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 5px;
    letter-spacing: normal;
    font-weight: 100;
    text-decoration: none;
    color: #4a0d66;
}
*/


.nav-container .nav {
    list-style: none;
    margin: 0px;
    padding: 0px;
/*    position: absolute;
    top: 91px;
    right: 19px;*/
    z-index: 8;
}

.nav-container .nav li,
.nav-container .nav>li {
    display: inline-block;
    padding-bottom: 8px;
    /*background: url('../../2015longestday/images/nav_hover_marker.png') no-repeat -999px -999px;*/
    margin-right: 5px;
    position: relative;
}

.nav-container .nav li:last-child {
    margin-right: 0px;
}

.nav-container .nav li:hover a:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #4a0d66;
    position: absolute;
    left: 45%;
    bottom: 0;
}

.nav-container .nav li.seperator,
.nav-container .nav li.seperator:hover {
    background: #4a0d66 url('../2015longestday/images/menu_seperator.png') no-repeat center bottom;
    display: none;
}

.nav-container .nav li a {
    display: inline-block;
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    font-size: 22px;
    line-height: 22px;
/*    letter-spacing: -1.5px;*/
    text-decoration: none;
    text-transform: uppercase;
    color: #4a0d66;
    padding: 9px;
}

.nav-container .nav li a:hover,
.nav-container .nav li a:hover span {
    /*background: #bbe7e2;*/
    color: #4a0d66;
    text-decoration: none;
}

.nav-container .nav li a span {
    display: block;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 5px;
    letter-spacing: normal;
    font-weight: 100;
    text-decoration: none;
    color: #4a0d66;
}



/* bw to fix when testing */
.nav-container .nav.mobile-menu li a i {
    /*background: url(../tld20/images/icon-sprite.png) no-repeat 0 -400px;*/
    width: 0px;
    height: 21px;
    display: inline-block;
    margin: 5px auto 0;
}

.nav-container .nav.mobile-menu > li a i::after {
font-family: "Font Awesome 5 Free"; 
font-weight: 900; content: "\f0da";
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
color: #fff;
width: 15px;
}

.nav-container .nav.mobile-menu > li a i:hover::after {
color: #ffffff;
}



.nav-container .nav.mobile-menu li+ul {
    padding-left: 0;
    display:none;
}

.nav-container .nav.mobile-menu li+ul li {
    background-color: #e4dbe8; /*#eadbf1*/
    padding: 0;
    border-bottom: none;
}

.nav-container .nav.mobile-menu li+ul li a {
    display: block;
    width: 90%;
    margin: 0 auto;
    padding: 7px 0 7px 15px;
    font-size: 16px;
    text-align: center;
    text-transform: none;
    color: #4a0d66; /*#00539b*/
    border-bottom: 1px solid #bfbfbf;
    background-color: transparent; /*#e4dbe8;*/ /*#eadbf1*/
    background-image: none;
    text-align: left;
}

.nav-container .nav.mobile-menu li+ul li:last-child a {border-bottom: 0px solid #bfbfbf;}


@media only screen and (max-width: 991px) {

.nav-container .nav li a {
font-size: 30px;
line-height: 30px;
}

#tld-logo-link {width: 70%; height: 70%;}

}


@media only screen and (min-width: 768px) {

.mobile-menu {display:none;}


/* bw Transition on underline */

.nav-container .nav li:last-child a:before,
.nav-container .nav li:last-child a:hover:before
{border-bottom: 0px solid #fff; height: 0px; visibility: hidden;}

.nav-container .nav li a {position: relative;}

.nav-container .nav li a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  bottom: -6px;
  left: 0;
  background-color: #359A8e;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.nav-container .nav li a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

}


@media only screen and (min-width: 768px) and (max-width: 991px) {

    .nav-container .nav {
        top: 80px;
    }
    .nav-container .nav {
        right: 9px;
    }
    .nav-container .nav li {
        margin-right: 3px;
    }

    .nav-container .nav li:last-child {
        margin-right: 0px;
    }
    .nav-container .nav li a {
        padding: 11px 17px 3px 17px;
    }
    .nav-container .nav li a span {
        display: none;
    }
	
}

@media only screen and (max-width: 767px) {

    .nav-container .nav {
        position: relative;
        left: 0px;
        top: -4px;
        display: block;
        width: 100%;
        background-color: #4a0d66;
    }
    .nav-container .nav li {
        padding-bottom: 0px;
        background-color: #4a0d66;
        background-image: none;
        display: block;
        text-align: center;
        margin-right: 0px;
    }
    .nav-container .nav li:last-child {
        /*
    border-bottom: 4px solid #4a0d66;
    */
    }
    .nav-container .nav li.seperator,
    .nav-container .nav li.seperator:hover {
        display: none;
        height: 2px;
    }

    .nav-container .nav.mobile-menu li+ul li a {margin-left: 4%!important;}
    .nav-container .nav li:hover {
/*        background-color: #359a8e;*/
    }
    .nav-container .nav li a {
        background-color: #4a0d66;
        color: #ffffff;
        text-align: left;
        padding: 0px;
        margin: 21px auto;
        width: 160px;
    }
    .nav-container .nav li a span {
        color: #ffffff;
        line-height: 14px;
    }
/*    .nav li:hover a,
    .nav li:hover a span {
        background-color: #359a8e;
        color: #fff;
    }*/

    .nav-container .nav li, .nav-container .nav>li {display: block; margin-right: 0px;}
    
    .nav-container {width: 100%;}
    .nav-container .nav li a:hover {
      color: #ffff;
      border-bottom: none;
    }

    .nav-container .nav li a {
        letter-spacing: -.75px;
    }
    
    a#askForDonations {padding: 12px 36px 10px;}

    /* bw hide submenu */ 

    div#about-sub-menu, 
    div#ideas-sub-menu, 
    div#search-sub-menu,
    div#donate-sub-menu {
    display: none!important;
    }
    

    /* fix for logo adjustment in header */
    #tld-logo-link img#tld-logo-img {z-index: 3000;}
    #login-container .log-in a {
    z-index: 4000;
    width: 14%;
    position: absolute;
    right: 0px;
    }


}


@media only screen and (min-width: 480px) and (max-width: 767px) {
    .nav-container .nav {
        display: table;
        width: 100%;
        background-color: #4a0d66;
    }
    .nav-container .nav li {
        padding: 0px 12px;
        background-image: none;
        display: block;
        text-align: center;
    }
    .nav-container .nav li:last-child {
        border-bottom: none;
    }
    .nav-container .nav li.seperator,
    .nav-container .nav li.seperator:hover {
        display: none;
    }
    .nav-container .nav li:hover {
        background-color: #359a8e;
    }
    .nav-container .nav li a {
        background-color: #4a0d66;
        color: #ffffff;
        text-align: left;
        padding: 0px;
        margin: 21px auto;
        width: auto;
    }
    .nav-container .nav li a span {
        color: #ffffff;
    }
    .nav-container .nav li:hover a,
    .nav-container .nav li:hover a span {
        background-color: #359a8e;
        color: #ffffff;
    }
}


@media only screen and (max-width: 479px) {
    .nav {
        padding: 6px 0px;
    }
    .nav-container .nav.mobile-menu li a {
        margin: 6px auto;
        width: 100%;
        text-align: center;
    }

    .nav-container .nav.mobile-menu li+ul li a {
        margin: 0;
    }


}




.left {
  float:left;
}

.sub-menu {
  display:none;
  height: auto;
/*  background-color: #eadbf1;*/
  background-color: #fff;
  padding: 10px 10px 30px 10px;
}

.close-sub-menu {
  text-align: right;
  padding-right: 30px;
}

.close-sub-menu a {
  background-image: url(../images/icon-close-sub-menu.png);
  background-repeat: no-repeat;
  width: 28px;
  height: 27px;
  display: inline-block;
}

.sub-menu-body {
  width: 78%;
  margin: 0 auto;
}

.sub-menu-panel {
    width: 25%;
/*    font-family: HouschkaAltPro, Arial, sans-serif;*/
    font-family: 'UniversLTStd-BoldCn', sans-serif;
/*    font-size: 22px;*/
    font-size: 18px;
    font-weight: normal;
}

.sub-menu-panel-half-width {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}

.sub-menu-panel-full-width {
  text-align: center;
}

.sub-menu-panel:first-child {
    width: 75%;
    border-right: 1px solid #4c4c4c;
}

.sub-menu-panel .left {
    width: 33%;
}

.sub-menu-panel + .sub-menu-panel {
/*    border-left: 1px solid #4c4c4c; */
/*    padding-left: 35px;*/
    padding-left: 15px;
/*    min-height: 185px;*/
}

#donate-sub-menu .sub-menu-panel + .sub-menu-panel, #search-sub-menu .sub-menu-panel + .sub-menu-panel {
	border: none;
}


.sub-menu-panel p {
  color: #333;
  font-size: 18px;
  line-height: 21px;
}

.sub-menu-panel p a, .sub-menu-panel p a:link, .sub-menu-panel p a:visited {
  display: inline;
  font-family:HouschkaAltPro, Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
}

.sub-menu-panel p a:hover, .sub-menu-panel p a:active {
  text-decoration: underline;
}

.sub-menu-panel a, .sub-menu-panel a:link, .sub-menu-panel a {
  display: block;
  font-family:HouschkaAltPro, Arial, sans-serif;
  font-size: 22px;
  font-weight: normal;
  text-decoration: none;
  margin-bottom: 10px;
}


.sub-menu-panel a:hover, .sub-menu-panel a:active {
  text-decoration: underline;
}

.sub-menu-panel a:first-child {
/*  margin-top: 37px;*/
  margin-top: 0;
}


.sub-menu-panel a.submit, .sub-menu-panel a.submit:link, .sub-menu-panel a.submit:hover, .sub-menu-panel a.submit:active, .sub-menu-panel a.submit:visited {
  width: 166px;
  font-size: 18px;
  font-weight: 600;
  text-align:center;
  padding: 10px 0px;
  text-decoration: none;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.sub-menu-overlay {display:none;}

.sub-menu-overlay.sub-menu-open  {
    display: block;
    position: fixed;
/*    top: 0;*/
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9998;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-animation: fade 500ms;
    animation: fade 500ms;
}

.sub-menu input {
    height: 44px;
    border: 1px solid #4a0d66;
}

.sub-menu input[type="text"] {
  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
  font-size: 16px;
  padding: 0 15px;
}

#subMenuFindByName {
  margin-top: 36px;
}

#subMenuSearchName {
  width: 350px;
  display: inline-block;
  vertical-align: top;
/*  font-family: Arial, Helvetica, sans-serif;
  font-style: italic;
  font-size: 16px;
  padding: 0 15px; */
}

#subMenuSearchNameButton {
  display: inline-block;
  vertical-align: top;
  border: none;
  background-color: #4a0d66;
  color: #fff; 
  font-family: 'UniversLTStd-BoldCn', sans-serif;
  font-size: 22px;
  line-height: 44px;
  padding: 0 25px;
  margin-left: 10px;
}

#subMenuSearchNameButton:hover {
  background-color: #359a8e;
}


/* bw */
a.advanced-search,
a.advanced-search:link,
a.advanced-search:visited {
  font-family: 'UniversLTStd-BoldCn', sans-serif;
  text-transform: uppercase;
  color: #359a8e;
  font-size: 18px;
  margin: 25px auto 18px auto;
  display: block;
  width: 185px;
  text-align: left;
}

a.advanced-search:hover,
a.advanced-search:active {
  color: #4a0d66;
}


a.btn-text.advanced-search::after{
font-family: "Font Awesome 5 Free"; 
font-weight: 900; content: "\f105";
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
color: #fff;
background: #359a8e;
width: 21px;
height: 21px;
border-radius: 60%;
margin-left: 5px;
font-size: 22px;
text-align: center;
padding: 0px;
}

a.btn-text.advanced-search:hover::after{
color: #fff;
background: #4a0d66;
}



#content div.responsive .activity-in-action-container a.btn {
        padding: 20px 20px 20px 5px;
}

#footer .footer-nav {margin-top: 20px; width: 60%;}


/* bw end */
/* remove
a.advanced-search i,
a.advanced-search:link i,
a.advanced-search:visited i {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/icon-sprite.png) no-repeat 0px -400px;
  margin-left: 5px;
  vertical-align: top;
}

a.advanced-search:hover i,
a.advanced-search:active i {
  background: url(../images/icon-sprite.png) no-repeat 0px -500px;
}
*/

#subMenuSearchButton,
.sub-menu-panel-half-width a.searchButton,
.sub-menu-panel-half-width a.searchButton:link, 
.sub-menu-panel-half-width a.searchButton:visited{
  background: none;
  background-color: #4a0d66;
  color: #fff;
  text-decoration: none;
  display: block;
  margin: 20px auto 0 auto;
  letter-spacing: normal;
  padding: 0 25px;
  font-size: 22px;
  line-height: 44px;
}

#subMenuSearchButton:hover,
#subMenuSearchButton:active,
.sub-menu-panel-half-width a.searchButton:hover, 
.sub-menu-panel-half-width a.searchButton:active{
  background: none;
  background-color: #359a8e;
}

.sub-menu-panel-half-width a.searchButton {
   width: 122px;
}

.sub-menu input.searchButton {border: 0px solid #4a0d66;}

/* pushy sidebar styles */

.pushy .pushy-content {
	position: relative;
	color: #fff;
    margin: 15px 30px;
}

.pushy-content a,
.pushy-content a:link,
.pushy-content a:visited,
.pushy-content a:hover,
.pushy-content a:active {
    color: #fff;
}

.close-sidebar {
/*  display: block;*/
  width: 22px;
  height: 22px;
  background-image: url(../images/icon-close-sidebar.png);
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  /* margin-top: -15px; */
}

.log-in-form {
  padding-top: 10px;
}

.pushy-content h1 {
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    font-size: 24px;
    color: #fff;
    margin: 45px 0px 20px 0px;
}

.pushy-content .log-in-form input[type="text"], 
.pushy-content .log-in-form input[type="password"] {
    margin: 0 0 13px 0px;
    width: 100%;
    height: 42px;
    font-family: HouschkaAltPro, Arial, sans-serif;
    font-size: 18px;
    padding: 0 7px;
    border: none;
    -webkit-box-shadow: inset 1px 1px 3px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    inset 1px 1px 3px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         inset 1px 1px 3px 0px rgba(50, 50, 50, 0.75);
}

.pushy-content input[type="checkbox"],
.pushy-content label {
	display: inline-block;
	width: auto;
	vertical-align: bottom;
}

.pushy-content input[type="checkbox"] {
	vertical-align: -webkit-baseline-middle;
	height: auto;
}

.pushy-content label {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.pushy-content p {
  margin-bottom: 10px;
}

.pushy-content > p {
    font-size: 14px;
    margin-right: 25px;
}

.pushy a {
  padding: 0!important;
}

.pushy-content p a {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 14px;
  text-transform: none;
  text-decoration: none;
}

.pushy-content p a:hover {
  text-decoration: underline;
}

.pushy-content ul {margin-top: 30px; margin-bottom: 40px; padding-left: 0px; list-style: none;}
.pushy-content li {margin-top: 20px;}
.pushy-content li a {
  font-family:Arial, Helvetica, sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  text-decoration: none;
}

.pushy-content li a:hover {text-decoration: underline;}

#sideLogin {
    background: #359a8e;
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    font-size: 20px;
    line-height: 42px;
    text-decoration: none;
    text-transform: uppercase;
    margin: 10px 0 10px 0;
    padding: 0px 45px 0px 20px;
    width: 100%;
    height: auto;
    float: none;
    display: inline-block;
    color: #fff;
/*    -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.22); */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    border: 0;
    vertical-align: middle;
    -webkit-appearance: none;
}

.pushy-content #tld-list {
  display: none;
}

/* bw */

.pushy-content p.color0 {
    margin-top: 30px;
}

.pushy-content p.color2 {
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid #ffffff;
    margin-top: 45px;
    margin-bottom: 20px;
    padding-bottom: 10px;
}



.logged-in-content p {
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    font-size: 20px;
}

.logged-in-content .color0 {
  padding-top: 45px;
}

.logged-in-content .tld-details .color2 {
  font-weight: bold;
  text-transform: none;
}


/* end pushy sidebar styles */

.logged-in-content .tld-details ul {
  padding-left: 0;
}
.logged-in-content .tld-details li a {
  text-transform: uppercase;
}



#content {
    /*
  margin: 20px 28px;
  */
    /*
  margin: 20px 0px;
  */
    /*    position: relative;*/
-webkit-box-shadow: inset 0px 2px 4px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    inset 0px 2px 4px 0px rgba(50, 50, 50, 0.75);
box-shadow:         inset 0px 2px 4px 0px rgba(50, 50, 50, 0.75);
}


/* adding style for 2018 */

#content {
    width: 1158px!important;
    margin: 0 auto 50px auto;
    background-color: #fff;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.57);
    -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.57);
    box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.57);
}


/*NEW BUTTONS*/

div.responsive a.btn,
div.responsive button,
#regButtons .next-step {
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    font-size: 19px;
    line-height: 20px;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0px;
    padding: 10px 20px 10px 20px;
    width: auto;
    height: auto;
    float: none;
    display: inline-block;
    color: #fff;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.22);
    cursor: pointer;
    border: 0;
    vertical-align: middle;
}


/*bw test*/
div.responsive a.btn.purple,
div.responsive button.purple {
    /*background: #4a0d66 url(../images/icon-sprite.png) no-repeat 155px -390px;*/
    background: #4a0d66;
}

div.responsive a.btn.purple:hover,
div.responsive button.purple:hover {
    /*background: #359a8e url(../images/icon-sprite.png) no-repeat 155px -490px;*/
    background: #359a8e;
}


div.responsive a.btn.purple::after,
div.responsive button.purple::after {
font-family: "Font Awesome 5 Free"; 
font-weight: 900; content: "\f105";
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
color: #fff;
background: #359a8e;
width: 21px;
height: inherit;
border-radius: 60%;
margin-left: 20px;
font-size: 22px;
text-align: center;
padding: 0px;
}

div.responsive .fundraising-container a.btn.purple::after {float: right;}

div.responsive a.btn.purple:hover::after,
div.responsive button.purple:hover::after {
color: #fff;
background: #4a0d66;
}

div.responsive .find-search .team-search input#teamName {width: 340px;}

.sub-menu-panel-full-width form#subMenuFindByName .teamSearchType {text-align: center;}
/*
.searchResultsContainer .tdView a, 
.searchResultsContainer .tdView a:link, 
.searchResultsContainer .tdView a:visited {
background: #4a0d66
}

.searchResultsContainer .tdView a::after {
font-family: "Font Awesome 5 Free"; 
font-weight: 900; content: "\f105";
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
color: #fff;
background: #359a8e;
width: 21px;
height: 21px;
border-radius: 60%;
margin-left: 5px;
font-size: 22px;
text-align: center;
padding: 0px;
}

.searchResultsContainer .tdView a:hover::after {
color: #fff;
background: #4a0d66;
}

*/
/* end bw */

div.responsive a.btn.teal,
div.responsive button.teal,
#regButtons .next-step {
    /*background: #359a8e url(../images/icon-sprite.png) no-repeat 165px -780px;*/
    background: #359a8e;
}

div.responsive a.btn.teal:hover,
div.responsive button.teal:hover,
#regButtons .next-step:hover {
    /*background: #4a0d66 url(../images/icon-sprite.png) no-repeat 165px -680px;*/
    background: #4a0d66;
}


div.responsive a.btn.teal::after,
div.responsive button.teal::after {
font-family: "Font Awesome 5 Free"; 
font-weight: 900; content: "\f105";
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
color: #359a8e;
background: #ffffff;
width: 21px;
height: inherit;
border-radius: 60%;
margin-left: 20px;
font-size: 22px;
text-align: center;
padding: 0px;
}

div.responsive a.btn.teal:hover::after,
div.responsive button.teal:hover::after {
color: #4a0d66;
background: #ffffff;
}

div.responsive a.twoline.btn.teal::after {
    margin-left: 10px;
    position: absolute;
    margin-top: -10px;
}


div.responsive .collage-container a.btn.purple {
    background: #4a0d66;
}

div.responsive .collage-container a.btn.purple:hover {
    background: #359a8e;
}


div.responsive .collage-container.clearfix a.btn.purple::after {
font-family: "Font Awesome 5 Free"; 
font-weight: 900; content: "\f105";
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
color: #fff;
background: #359a8e;
width: 21px;
height: 21px;
border-radius: 60%;
margin-left: 20px;
font-size: 22px;
text-align: center;
padding: 0px;
visibility: visible;
}

div.responsive .collage-container a.btn.purple:hover::after {
color: #fff;
background: #4a0d66;
}


div.responsive .collage-container.clearfix .collage-caption i {
    background: transparent;
    float: right;
    margin-top: 0px;
    width: 30px;
    margin-right: 5px;
}

div.responsive .collage-container.clearfix .collage-caption i::before {
font-family: "Font Awesome 5 Free"; 
font-weight: 900; content: "\f105";
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
color: #fff;
background: #359a8e;
width: 21px;
height: 21px;
border-radius: 60%;
margin-left: 0px;
font-size: 22px;
text-align: center;
padding: 0px;
visibility: visible;
}


.collage-container .collage-mobile a i {background: transparent;}

/* override for tld18 css file */
#content div.responsive a.next-step, 
#content div.responsive button.next-step, 
#content #btnNext {
    background: #359a8e;
    padding: 20px 30px 20px 25px;
}

#content div.responsive a.next-step::after, 
#content div.responsive button.next-step::after, 
#content #btnNext::after {
font-family: "Font Awesome 5 Free"; 
font-weight: 900; content: "\f105";
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
color: #359a8e;
background: #ffffff;
width: 21px;
height: inherit;
border-radius: 60%;
margin-left: 5px;
font-size: 22px;
text-align: center;
padding: 0px;
}

#content div.responsive a.next-step:hover::after, 
#content div.responsive button.next-step:hover::after, 
#content #btnNext:hover::after {
color: #4a0d66;
background: #ffffff;
}

#content div.responsive a.next-step:hover, 
#content div.responsive button.next-step:hover, 
#content #btnNext:hover {
    background: #4a0d66;
}

/* end bw */


button#participantSearch.btn.teal.search-button:hover,
button#teamSearch.btn.teal.search-button:hover {
    background: #4a0d66 url(../images/icon-sprite.png) no-repeat 80px -690px;
}


div.responsive a.btn.lg {
    padding: 20px 55px 20px 30px;
}

#videoOverlay {
  -webkit-box-shadow: inset 0px 2px 4px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow:    inset 0px 2px 4px 0px rgba(50, 50, 50, 0.75);
  box-shadow:         inset 0px 2px 4px 0px rgba(50, 50, 50, 0.75);
}

#videoOverlay a {
    background-position: 200px -780px;
    line-height: 0.7em;
    margin-top: 0;
    padding: 9px 38px 9px 15px;
    letter-spacing: -1px;
}

#videoOverlay a span {
    font-size: 0.7em;
    line-height: 0.7em;
}

#videoOverlay a:hover {
    background-color: #4a0d66;
    background-position: 200px -680px;
}

div.responsive .overview-container a.btn {
    font-size: 18px;
    background-position: 185px -380px;
}

div.responsive .overview-container a span {
    font-size: 20px;
    display: block;
}

div.responsive .overview-container a.btn:hover {
    background-color: #359a8e;
    background-position: 185px -480px;
}

div.responsive .collage-container a.btn {
    padding: 20px 30px 20px 30px;
    font-size: 18px;
    margin: 40px 0 0;
    min-width: 250px;
}

div.responsive .collage-container a.btn:nth-child(5) {
    margin: 40px 20px 0;
}

div.responsive .collage-container a.btn:hover {
    background-position: 210px -480px;
    background-color: #359a8e;
}

div.responsive .find-search button {
    background-position: 90px -790px;
}

div.responsive .find-search button:hover {
    /*background-position: 90px -790px;
    background-color: #359a8e;*/
    background: #4a0d66;
}

div.responsive .fundraising-container a.btn {
    padding: 20px 20px 20px 5px;
    border: 2px solid #b29bc7;
    background-position: 250px -380px;
    width: 75%;
    margin-top: 20px;
}

div.responsive .fundraising-container a.btn:hover {
    background-color: #359a8e;
    background-position: 250px -480px;
}

div.responsive .content-boxes a.btn.purple {
    background-position: 175px -390px;
}

div.responsive .content-boxes a.btn.purple:hover {
    background-position: 175px -490px;
}

#about_buttons .right a.btn.purple {
    background-position: 145px -370px;
}

#about_buttons .right a.btn.purple:hover {
    background-position: 145px -470px;
}

#about_buttons .right a.btn.purple span {
    font-size: 20px;
    display: block;
}

div.responsive .reg-buttons a.btn {
    color: #fff;
    text-decoration: none;
    font-size: 24px;
    text-align: center;
    padding: 20px 50px 20px 50px;
    background-position: 110px -782px;
    margin: 10px 20px;
    width: 50px;
}

div.responsive .reg-buttons.returning-participant-question a.btn {width: auto;}

div.responsive .reg-buttons a.btn:hover {
    background-position: 110px -682px;
}

#walk-options a.btn {
    text-decoration: none;
    padding: 20px 15px 20px 15px;
    width: 310px;
    display: block;
    margin: 0 auto 10px;
    background-position: 300px -380px;
    color: #fff;
}

#walk-options a.btn:hover {
    background-position: 300px -480px;
}

#mainContainer .tagline {
    background: #4a0d66 url(../images/bg-top-teams-parts.jpg) repeat center;
}

/* bw fix */
#regButtons .next-step {
    display: block !important;
    margin: auto;
    background-position: 110px -780px;
    padding: 20px 40px 20px 15px;
}

#regButtons .next-step:hover {
    background-position: 110px -680px;
}




@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #content {
        width: 95%!important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #content {
        width: 95%!important;
    }
    div.responsive .fundraising-container a.btn {
        background-position: 250px -380px;
        width: 285px;
    }
}

@media only screen and (max-width: 767px) {

    #content {
        width: 100%!important;
    }
    div.responsive .fundraising-container a.btn {
        background-position: 250px -380px;
        width: 285px;
    }
    div.responsive .collage-container a.btn {
        width: 32%;
        font-size: 13px;
        padding: 10px;
        float: left;
        background-image: none;
        margin-left: 4px;
        height: 85px;
        margin-top: 0;
    }

    div.responsive .collage-container a i {
        background: url(../images/icon-sprite.png) no-repeat 0 -400px;
        width: 25px;
        height: 25px;
        display: block;
        margin: 5px auto 0;
    }

    div.responsive .collage-container a:hover i {
        background-position: 0 -500px;
    }

    div.responsive .find-search .team-search input#teamName {
    width: 50%;
    }

    div.responsive .collage-container a.btn:nth-child(5) {
        padding-top: 20px;
        margin: 0 0 0 4px;
    }

    div.responsive .standalone-banner-overlay a.btn.teal:hover {
        background: #4a0d66 url(../images/icon-sprite.png) no-repeat 170px -684px;
    }
}


@media only screen and (min-width: 480px) and (max-width: 767px) {}


/* end adding style for 2018 */

#share-tab-marker {
    position: absolute;
    right: -47px;
    top: -20px;
}

#share-tab {
    width: 37px;
    background-color: #cecdce;
    position: absolute;
    right: 0;
    /*    top: 80px;*/
    /* style change for 2018 */
    top: 240px;
    /* style change for 2018 */
    text-align: center;
    padding: 8px 5px;
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    color: #64368c;
    font-size: 13px;
    line-height: 13px;
    text-transform: uppercase;
    z-index: 200;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

#share-tab-icons {
    list-style: none;
    margin: 2px 0px 0px 0px;
    padding: 0px;
}

#share-tab-icons li {
    display: block;
    margin-bottom: 5px;
}

#share-tab-icons li:last-child {
    margin-bottom: 0px;
}

#share-tab-icons li a {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0px auto;
    background-image: url(../images/icon-sprite.png);
    background-repeat: no-repeat;
}

#share-tab-fb {
    background-position: 0 -850px;
}

#share-tab-fb:hover {
    background-position: 0 -900px;
}

#share-tab-tw {
    background-position: 0 -950px;
}

#share-tab-tw:hover {
    background-position: 0 -1000px;
}

#share-tab-gp {
    background-position: 0 -1050px;
}

#share-tab-gp:hover {
    background-position: 0 -1100px;
}

#share-tab-email {
    background-position: 0 -1150px;
}

#share-tab-email:hover {
    background-position: 0 -1200px;
}



/*#share-tab-fb:hover, #share-tab-tw:hover, #share-tab-gp:hover, #share-tab-email:hover, #share-tab-li:hover {
  background-position-x: -30px !important;
}*/

#find-tab {
    width: 37px;
    background-color: #cecdce;
    position: absolute;
    right: -47px;
    top: 189px;
    text-align: center;
    padding: 8px 5px;
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    color: #64368c;
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    /*
  font-weight: bold;
  */
    z-index: 2;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

#find-tab-icon {
    margin: 2px 0px 0px 0px;
    padding: 0px;
    background: url('../images/find-tab-icons.png') no-repeat 0px 0px;
    display: block;
    width: 36px;
    height: 50px;
}

#find-tab-icon:hover {
    background: url('../images/find-tab-icons.png') no-repeat -36px 0px;
}

#footer {
    background-color: #4a0d66;
    color: #ffffff;
    padding: 27px;
    box-shadow: none;
}

#footer a {
    color: #ffffff;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}

#footer p {
    color: #ffffff;
    margin: 0px;
}

#footer ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#footer-col-1,
#footer-col-2,
#footer-col-3,
#footer-col-4,
#footer-col-5 {
    display: inline-block;
    float: left;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 20px;
}

#footer-col-1,
#footer-col-2,
#footer-col-3,
#footer-col-4 {
    width: 130px;
    margin-right: 30px !important;
}

#footer-col-5 {
    width: 300px;
}

#footer-col-5 h5 {
    margin: 0px;
    font-size: 12px;
    text-transform: uppercase;
    color: #9accc6;
    font-weight: 600;
}

#footer-social-icons {
    margin-top: 5px;
}

#footer-social-icons a {
    display: inline-block;
    /*    width: 26px;
    height: 25px;*/
    width: 42px;
    height: 43px;
    margin-right: 15px;
    background-repeat: no-repeat;
}

#footer-icon-fb {
    /*    background: url('../../2015longestday/images/footer_icon_fb.png') no-repeat 0px 0px;*/
    background: url('../images/social-icon-facebook.png');
}

#footer-icon-fb:hover {
    /*    background-position: 0px -25px;*/
    background: url('../images/social-icon-facebook-hvr.png');
}

#footer-icon-tw {
    /*    background: url('../../2015longestday/images/footer_icon_tw.png') no-repeat 0px 0px;*/
    background: url('../images/social-icon-twitter.png');
}

#footer-icon-tw:hover {
    /*    background-position: 0px -25px;*/
    background: url('../images/social-icon-twitter-hvr.png');
}

#footer-icon-insta {
    /*    background-position: 0px -25px;*/
    background: url('../images/social-icon-instagram.png');
}

#footer-icon-insta:hover {
    /*    background: url('../../2015longestday/images/footer_icon_tw.png') no-repeat 0px 0px;*/
    background: url('../images/social-icon-instagram-hvr.png');
}

#footer-icon-yt {
    /*    background-position: 0px -25px;*/
    background: url('../images/social-icon-youtube.png');
}

#footer-icon-yt:hover {
    /*    background: url('../../2015longestday/images/footer_icon_tw.png') no-repeat 0px 0px;*/
    background: url('../images/social-icon-youtube-hvr.png');
}

#footer-icon-blog {
    /*    background-position: 0px -25px;*/
    background: url('../images/social-icon-blog.png');
}

#footer-icon-blog:hover {
    /*    background: url('../../2015longestday/images/footer_icon_tw.png') no-repeat 0px 0px;*/
    background: url('../images/social-icon-blog-hvr.png');
}



h1 {
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    font-size: 30px;
    line-height: 30px;
    letter-spacing: -1.5px;
    /*
  font-weight: bold;
  */
    font-weight: normal;
    text-transform: uppercase;
    color: #4a0d66;
    margin-top: 45px;
    margin-bottom: 10px;
    margin-left: 30px;
}

.home-page h1 {
    margin: auto;
}

h2 {
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    font-size: 25px;
    line-height: 25px;
    letter-spacing: -1.5px;
    /*
  font-weight: bold;
  */
    font-weight: normal;
    text-decoration: none;
    text-transform: uppercase;
    color: #4a0d66;
}

.personal-page .tr-page-container {
    padding-top: 30px;
}

.personal-page h1,
.team-page h1 {
    font-size: 24px;
    line-height: 24px;
    margin-top: 24px;
    margin-bottom: 15px;
}

#personal_page_header,
#team_page_team_name {
    display: none;
}

.personal-page #footer-wrapper {
    float: left;
}

div.tr-personal-page-footer {
    float: none;
    padding: 0px;
}

div.tr-page-main-content,
div#team_page_main_content {
    margin: 10px 10px 35px 30px;
    width: 731px;
}

div.tr-page-container div.side-bar {
    width: 173px;
    padding: 0px;
    margin-right: 30px;
}

.personal-page div.tr-page-container div.side-bar {
    display: none;
}

#personal-sidebar {
    width: 173px;
    padding: 0px;
    margin-right: 30px;
    float: right;
}



/*
#team_achievement_badge {
  display: none;
}
*/

#personal_sidebar_share,
#team_sidebar_share {
    color: #4a0d66;
    font-family: Arial, sans-serif;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    margin: 15px auto 12px auto;
    clear: both;
    font-weight: 600;
}

#team_sidebar_share {
    position: absolute;
    right: 30px;
    top: 75px;
    width: 173px;
}

.team-page #frStatus2 {
    margin-top: 94px;
}

#personal-sidebar-share-icons,
#team-sidebar-share-icons {
    margin-top: 8px;
}

#personal-sidebar-share-icons a,
#team-sidebar-share-icons a {
    display: inline-block;
    width: 36px;
    height: 37px;
    margin: 1px;
}

#personal-sidebar-share-fb,
#team-sidebar-share-fb {
    background: url('../images/personal-share-fb.png') no-repeat center center;
}

#personal-sidebar-share-tw,
#team-sidebar-share-tw {
    background: url('../images/personal-share-tw.png') no-repeat center center;
}

#personal-sidebar-share-pin,
#team-sidebar-share-pin {
    background: url('../images/personal-share-pin.png') no-repeat center center;
}

#personal-sidebar-share-email,
#team-sidebar-share-email {
    background: url('../images/personal-share-email.png') no-repeat center center;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

div.indicator-title {
    color: #f5eafe;
    background-color: #4a0d66;
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    /*
  font-weight: bold;
  */
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    text-align: center;
    margin: 0px;
    padding: 12px 25px 12px 25px;
    border: 1px solid #714499;
    border-bottom: 3px solid #5c2b87;
}

div.indicator-container {
    border: 1px solid #5c2b87;
    border-bottom: 3px solid #5c2b87;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    padding: 10px;
    background-color: #f5eafe;
    color: #222222;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
}

div.donor-list-indicator-container {
    margin-bottom: 0px;
}

#personal_sidebar_mail_form,
#team_sidebar_mail_form {
    background: url('../images/pdf.png') no-repeat 4px center;
    display: block;
    background-color: #7b50a2;
    border: 1px solid #714499;
    color: #fff203;
    font-family: Arial, sans-serif;
    font-size: 12px;
    padding: 11px 11px 13px 38px;
}

#personal-footer {
    margin: 0px 30px;
    width: 727px;
    clear: left;
}

.manageable-editor-window-editor {
    width: 731px;
}

#fr_rich_text_container {
    display: inline-block;
    width: 558px;
}

.team-page #fr_rich_text_container {
    width: 438px;
}

#fr_rich_text_container>p:first-child {
    margin-top: 0px;
}

#fr_rich_text_container>p:last-child {
    margin-bottom: 0px;
}

div#team_page_custom_html {
    display: inline;
    float: none;
}

#personal-progress-area,
#team-progress-area,
#natlcomp-progress-area {
    color: #4a0d66;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    width: 482px;
    float: left;
}

#team-progress-area {
    width: 438px;
    margin: 30px 0px;
}

#personal-progress-percent,
#team-progress-percent,
#natlcomp-progress-percent {
    float: right;
    margin-bottom: 6px;
}

.personal-progress-title,
.team-progress-title,
.natlcomp-progress-title,
.team-roster-area div.indicator-title,
#frBadge .TrAchievementBadgeIconListLargeHeader,
#team_achievement_badge .TrAchievementBadgeIconListLargeHeader {
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    color: #4a0d66;
    /*
  font-weight: bold;
  */
}

#team_achievement_badge {
    margin-top: 30px;
}

.team-roster-area {
    display: inline-block;
    margin-bottom: 15px;
}

.team-roster-area div.indicator-title {
    background-color: transparent;
    border: none;
    border-bottom: none;
    padding: 0px;
    line-height: inherit;
    text-align: left;
    float: none;
}

.team-roster-area div.team-roster-legend {
    padding: 0px;
    color: #222222;
    font-size: 12px;
    font-family: Arial, sans-serif;
}

.team-roster-participant-container.indicator-container {
    border: none;
    border-bottom: none;
    padding: 0px;
    background-color: transparent;
    margin: 20px 0px;
}

div.team-roster-participant-name {
    padding-left: 28px;
    width: 180px;
    overflow: auto;
    text-overflow: inherit;
    white-space: inherit;
}

div.team-roster-captain-name {
    background: transparent url('../images/team-list-captain.png') no-repeat left top;
}

div.team-roster-participant-name img {
    display: none;
}

div.team-roster-participant-name img.team-roster-star {
    /*
  display: block;
  */
    margin-left: -28px;
    display: none;
}

div.responsive div.team-roster-participant-name a:link,
div.responsive div.team-roster-participant-name a:visited {
    color: #4a0d66;
    text-decoration: none;
    font-weight: bold;
}

div.responsive div.team-roster-participant-name a:hover {
    color: #4a0d66;
    text-decoration: underline;
    font-weight: bold;
}

.team-roster-area div.team-roster-raised-label {
    display: none;
}

div.team-roster-participant-raised {
    float: left;
    text-align: left;
    width: 100px;
}

.team-roster-participant-donate {
    display: inline-block;
    position: relative;
    top: -6px;
}

.personal-page div.TrAchievementBadgeIconListLargeHeader,
.team-page div.TrAchievementBadgeIconListLargeHeader {
    margin: 0px;
}

.personal-page div.TrAchievementBadgeLarge,
.team-page div.TrAchievementBadgeLarge {
    border: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    padding: 0px;
    margin-bottom: 16px;
}

.personal-page img.TrAchievementBadgeIconLarge,
.team-page img.TrAchievementBadgeIconLarge {
    display: block;
}

.personal-page .TrAchievementBadgeTextLarge,
.team-page .TrAchievementBadgeTextLarge {
    display: inline-block;
    width: 142px;
    padding-left: 0px;
}

.personal-page .TrAchievementBadgeNameLarge,
.personal-page .TrAchievementBadgeDescLarge,
.team-page .TrAchievementBadgeNameLarge,
.team-page .TrAchievementBadgeDescLarge,
.TrAchievementBadgeIconListLarge {
    font-family: Arial, sans-serif;
    color: #222222;
    font-size: 13px;
}

#personal-progress-area span,
#team-progress-area span,
#natlcomp-progress-area span {
    font-size: 30px;
    line-height: 30px;
    display: block;
}

#custom-progress-container {
    width: 100%;
    height: 25px;
    background-color: #dddddd;
    border-radius: 10px;
    overflow: hidden;
}

#custom-progress-bar {
    background-color: #9469ba;
    height: 25px;
}

#personal-progress-raised,
#personal-progress-goal,
#personal-progress-daysleft,
#team-progress-raised,
#team-progress-goal,
#team-progress-daysleft,
#natlcomp-progress-raised,
#natlcomp-progress-goal,
#natlcomp-progress-daysleft {
    display: inline-block;
    min-width: 110px;
    margin-top: 10px;
    margin-right: 20px;
}

#natlcomp-progress-goal {
    margin-right: 0px;
    float: right;
}

#personal-progress-daysleft,
#team-progress-daysleft,
#natlcomp-progress-daysleft {
    min-width: 0px;
    margin-right: 0px;
}

#frBadge,
#team_achievement_badge {
    width: 200px;
    float: right;
}

#personal-comments,
#team-comments {
    clear: right;
    padding-top: 30px;
}

#facebook-comment-box {
    position: relative;
    width: 727px;
}

.facebook-padding {
    display: none;
    width: 25px;
    background-color: transparent;
    background-color: rgba(190, 190, 190, .2);
    border: solid #e9e9e9;
    border-width: 1px 0 0 0;
    display: inline-block;
    position: absolute;
    top: 0px;
    bottom: 0px;
    background: rgba(190, 190, 190, .2) url('../images/fb-bottom.png') repeat-x center bottom;
}

.facebook-padding:first-child {
    left: 0px;
}

.facebook-padding:last-child {
    right: 0px;
}

.fb-comments {
    width: 677px;
    /*
  margin-left: 25px;
  */
}

div#personal_page_image_div {
    display: inline-block;
    float: left;
    margin: 0px 23px 0px 0px;
    width: 150px;
}

div#team_image {
    display: inline-block;
    float: left;
    margin: 0px 23px 0px 0px;
    width: 270px;
}

#personal_page_image_div img {
    display: block;
    margin-bottom: 11px;
    width: 150px;
}

img.team-image {
    display: block;
    margin-bottom: 11px;
    width: 270px;
}

#full-width {
    background-color: #f1e3fd;
}

#register-returning,
#register-new,
#register-side {
    padding: 29px;
    display: inline-block;
    float: left;
}

#register-returning p,
#register-new p,
#register-side p {
    color: #222222;
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height: normal;
}

#register-returning p span {
    color: #980300;
}

#register-returning {
    width: 385px;
}

#returning-login .field-required {
    margin-top: 7px;
}

#returning-login label {
    width: 100px;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 36px;
}

div.responsive div.form-content {
    margin: 0px;
}

#returning-login .input-container {
    margin-bottom: 20px;
}

#returning-username,
#returning-password {
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 16px;
    color: #949494;
    padding: 8px 11px;
    border: 1px solid #9f9f9f;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    width: 160px;
    margin: 0px;
}

#register-new {
    width: 255px;
    /*
  margin-left: 30px;
  */
}

#register-side {
    width: 270px;
    background-color: #72449b;
    float: right;
    padding: 0px;
}

#register-side p {
    color: #ffffff;
    font-family: Arial, sans-serif;
    line-height: 24px;
    margin: 0px;
    padding: 0px 29px 29px 29px;
}

#register-returning h2,
#register-new h2,
#register-side h2 {
    margin: 0px;
}

#register-side h2 {
    color: #ffffff;
    padding: 29px 29px 0px 29px;
}

#register-returning-submit {
    margin-left: 119px;
}

#register-returning-forgot {
    margin-top: 20px;
    margin-left: 119px;
    display: block;
    font-size: 12px;
}

#register-returning-submit,
#register-new-restart,
#register-new-start,
#register-new-join,
a#sidebar_donate_button,
a#personal_page_join_team_button,
a#personal_sidebar_donate_button,
a#personal_sidebar_join_team_button,
a#personal_mobile_donate_button,
a#personal_mobile_join_team_button,
a#join_team_button,
a#team_sidebar_join_team_button,
a#team_mobile_join_team_button,
a#team_mobile_donate_button,
div.responsive a.team-roster-participant-donate-button,
a#home-side-1-button,
a#home-side-2-button-a,
a#home-side-2-button-b,
a#home-side-3-button-a,
a#home-side-3-button-b,
a#home-side-4-button-a,
a#home-side-4-button-b,
a#home-sunrisetosunset-button,
a#home-search-button,
.tld-button,
div.responsive a.tld-button {
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    font-size: 20px;
    /*
  font-weight: bold;
  */
    line-height: 20px;
    text-transform: uppercase;
    padding: 9px 50px 9px 26px;
    letter-spacing: -1px;
    color: #4a0d66;
    border: none;
    background: #fff203 url('../images/button.png') no-repeat right 10px;
    z-index: 10;
    box-shadow: -2px 3px 3px #c0c0c0;
    text-decoration: none;
    display: block;
    cursor: pointer;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    filter: none;
}

a#home-sunrisetosunset-button.twoline {
    background: #359a8e url(../images/icon-sprite.png?t=2) no-repeat 200px -780px !important;
    color: #fff;
    box-shadow: -1px 1px 3px #359a8e;
    padding-right: 38px !important;
}

a.searchdonate,
a.searchdonate:link,
a.searchdonate:active,
a.searchdonate:visited {
    color: #4a0d66;
    text-decoration: none;
    display: inline-block !important;
    box-shadow: -2px 1px 2px #c0c0c0;
    padding: 5px 40px 5px 10px;
    background-position: right 6px;
}

a.searchdonate:hover {
    color: #fff203 !important;
    text-decoration: none;
}

.tld-button,
div.responsive a.tld-button {
    display: inline;
    font-size: 19px;
    line-height: 19px;
    /*
  padding: 9px 40px 3px 10px;
  */
    padding: 9px 40px 9px 10px;
    font-weight: normal !important;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.22);
}

#register-returning-submit:hover,
#register-new-start:hover,
#register-new-join:hover,
a#sidebar_donate_button:hover,
a#personal_page_join_team_button:hover,
a#personal_sidebar_donate_button:hover,
a#personal_sidebar_join_team_button:hover,
a#personal_mobile_donate_button:hover,
a#personal_mobile_join_team_button:hover,
a#join_team_button:hover,
a#team_sidebar_join_team_button:hover,
a#team_mobile_join_team_button:hover,
a#team_mobile_donate_button:hover,
div.responsive a.team-roster-participant-donate-button:hover,
a#home-side-1-button:hover,
a#home-side-2-button-a:hover,
a#home-side-2-button-b:hover,
a#home-side-3-button-a:hover,
a#home-side-3-button-b:hover,
a#home-side-4-button-a:hover,
a#home-side-4-button-b:hover,
a#home-sunrisetosunset-button:hover,
a#home-search-button:hover,
.tld-button:hover,
div.responsive a.tld-button:hover {
    /* changes for 2018 */
    /*    color: #fff203;*/
    color: #fff;
    border: none;
    background: #4a0d66 url('../images/button.png') no-repeat right -72px;
}

a#sidebar_donate_button,
a#personal_page_join_team_button,
a#personal_sidebar_donate_button,
a#personal_sidebar_join_team_button,
a#personal_mobile_donate_button,
a#personal_mobile_join_team_button,
a#join_team_button,
a#team_sidebar_join_team_button,
a#team_mobile_join_team_button,
a#team_mobile_donate_button,
div.responsive a.team-roster-participant-donate-button,
a#home-side-1-button,
a#home-side-2-button-a,
a#home-side-2-button-b,
a#home-side-3-button-a,
a#home-side-3-button-b,
a#home-side-4-button-a,
a#home-side-4-button-b,
a#home-sunrisetosunset-button,
a#home-search-button {
    background: #fff203 url('../images/button.png') no-repeat right 9px;
    width: 105px;
    /*
  padding: 9px 30px 3px 0px !important;
  */
    padding: 9px 30px 9px 0px !important;
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    margin: 0px auto;
    float: none;
}

a#personal_sidebar_donate_button,
a#sidebar_donate_button {
    width: 105px !important;
}

a#home-side-1-button,
a#home-side-2-button-a,
a#home-side-2-button-b,
a#home-side-3-button-a,
a#home-side-3-button-b,
a#home-side-4-button-a,
a#home-side-4-button-b,
a#home-sunrisetosunset-button {
    margin: 0px;
    box-shadow: -1px 1px 3px #3f1664;
    font-size: 20px;
    line-height: 20px;
    /*
  padding: 9px 30px 3px 15px !important;
  */
    padding: 9px 30px 9px 15px !important;
    width: auto;
    display: inline-block;
    margin-top: 10px;
    background: #fff203 url('../images/button.png') no-repeat right 10px;
}

a#home-search-button {
    margin: 0px;
    font-size: 20px;
    line-height: 20px;
    /*
  padding: 9px 30px 3px 15px !important;
  */
    padding: 9px 30px 9px 15px !important;
    width: auto;
    display: inline-block;
    margin-top: 10px;
    background: #fff203 url('../images/button.png') no-repeat right 10px;
}

div.responsive a.team-roster-participant-donate-button {
    width: auto;
    /*
  padding: 9px 30px 3px 10px !important;
  */
    padding: 9px 30px 9px 10px !important;
}

a#sidebar_donate_button:hover,
a#personal_page_join_team_button:hover,
a#personal_sidebar_donate_button:hover,
a#personal_sidebar_join_team_button:hover,
a#personal_mobile_donate_button:hover,
a#personal_mobile_join_team_button:hover,
a#join_team_button:hover,
a#team_sidebar_join_team_button:hover,
a#team_mobile_join_team_button:hover,
a#team_mobile_donate_button:hover,
div.responsive a.team-roster-participant-donate-button:hover {
    background: #4a0d66 url('../images/button.png') no-repeat right -73px;
}

a#home-side-1-button:hover,
a#home-side-2-button-a:hover,
a#home-side-2-button-b:hover,
a#home-side-3-button-a:hover,
a#home-side-3-button-b:hover,
a#home-side-4-button-a:hover,
a#home-side-4-button-b:hover,
a#home-sunrisetosunset-button:hover,
a#home-search-button:hover {
    background: #4a0d66 url('../images/button.png') no-repeat right -72px;
}

a#home-sunrisetosunset-button.registerBy,
a.tld-button.registerBy {
    background-position: right 16px;
    line-height: 0.7em;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 35px;
    text-align: left;
}

a#home-sunrisetosunset-button.registerBy:hover,
a.tld-button.registerBy:hover {
    background-position: right -66px;
}

a#home-sunrisetosunset-button.registerBy span.registerInTime,
a.tld-button.registerBy span.registerInTime {
    font-size: 0.7em;
}

a#personal_mobile_donate_button,
a#personal_mobile_join_team_button,
a#team_mobile_donate_button,
a#team_mobile_join_team_button {
    float: none;
    display: inline-block;
    margin-right: 20px;
}

#register-new-restart,
#register-new-start,
#register-new-join {
    width: 175px;
    /*
  padding: 9px 50px 3px 10px;
  */
    padding: 9px 50px 9px 10px;
    text-align: center;
    margin-bottom: 5px;
}

div#personal_join_team_button_container,
a#personal_sidebar_join_team_button,
div#join_team_button_container {
    margin-top: 8px;
}

#personal_page_image_div div.caption {
    color: #222222;
    font-size: 13px;
}

#personal_page_image_div div.caption a {
    color: #4a0d66;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

#personal_page_image_div div.caption a:hover {
    text-decoration: underline;
}

.home-page .side-bar {
    display: none;
}

.home-page #content {
    margin-top: 0px;
}

.home-page div.tr-page-container #entry_page_custom_html,
.home-page div.tr-page-container div.section-sub-header.empty {
    padding: 0px;
}

.home-page div.tr-page-container div.main-content {
    width: 100%;
}



/* Override CustomStyle.css */

p {
    margin-left: 0px;
    margin-right: 0px;
}



/* Override UserGlobalStyle.css */

.trPage {
    width: auto;
    margin: 0px;
}

.trPage .main {
    width: auto;
    float: none;
}



/* TR Responsive Styles */

div.responsive,
div.tr-page-container {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: none;
    width: 100% !important;
    background-color: #fff;
}

div.registration-page-container div.section-container {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: none;
    margin: 0px;
}

div.registration-page-container div.section-header {
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    background-color: transparent;
    padding: 0px;
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    font-size: 30px;
    line-height: 30px;
    letter-spacing: -1.5px;
    /*
  font-weight: bold;
  */
    text-decoration: none;
    text-transform: uppercase;
    color: #4a0d66;
    margin-left: 30px;
}

div.tr-page-container div.section-sub-header,
div.registration-page-container div.section-sub-header {
    background-color: transparent;
    border-top: none;
}

div.registration-page-container div.section-body {
    padding: 0px;
}

.campaign-banner-container,
#user_type_page div#user_type_oauth_login_container,
#user_type_page #required_indicator_legend_container {
    display: none;
}

#home-slide-container {
    padding-bottom: 50px;
}

.flex-container {
    width: 768px;
    height: 373px;
    overflow: hidden;
    float: left;
}

.flex-manual-control-nav {
    list-style: none;
    margin: 0px 30px 0px 0px;
    padding: 0px;
    float: right;
    clear: right;
}

.flex-manual-control-nav li {
    display: block;
    cursor: pointer;
    background-color: #e2e2e2;
    color: #4a0d66;
    text-transform: uppercase;
    width: 198px;
    text-align: center;
    padding: 23px 0px 22px 0px;
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 18px;
    vertical-align: middle;
    /*
  font-weight: bold;
  */
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    box-shadow: -1px 1px 3px #c0c0c0;
}

.flex-manual-control-nav li.flex-active,
.flex-manual-control-nav li:hover {
    background-color: #4a0d66;
    color: #fff203;
}

.flex-caption {
    position: absolute;
    bottom: 20px;
    left: 0px;
    background-color: rgba(101, 55, 142, .8);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CC65378E,endColorstr=#CC65378E)";
    width: 227px;
    min-height: 200px;
    padding: 25px 30px;
}

.flex-caption p {
    font-family: Arial, sans-serif;
    color: #ffffff;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    margin: 0px;
}

.flex-caption h2 {
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    font-size: 30px;
    line-height: 29px;
    color: #fff203;
    /*
  font-weight: bold;
  */
    font-weight: normal;
    margin: 0px;
    ;
}

.flex-caption h2 span {
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    font-size: 20px;
    line-height: 29px;
    color: #ffffff;
    /*
  font-weight: bold;
  */
    font-weight: normal;
    display: block;
}

#home-side-1-area-mobile,
#home-slide-1-img-mobile {
    display: none;
}

#home-slide-date,
#about_main_date {
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    letter-spacing: -1px;
    text-transform: uppercase;
    font-size: 20px;
    /*
  font-weight: bold;
  */
    line-height: 20px;
    color: #4a0d66;
    text-align: right;
    float: right;
    /*
  width: 198px;
  */
    padding: 25px 30px 20px 0px;
}

#home-slide-date span,
#about_main_date span {
    letter-spacing: -1.5px;
    font-size: 34px;
    line-height: 34px;
    display: block;
    text-align: right;
}

#about_main_date {
    float: none;
    width: 184px;
    padding: 0px;
    margin-top: 30px;
}

#home-side-1-caption {
    left: 125px;
    bottom: 10px;
    text-align: left;
    padding: 15px;
    min-height: 0px;
    background-color: transparent;
}

#home-desktop-left {
    float: left;
    display: inline-block;
}

#home-desktop-right {
    clear: right;
    display: inline-block;
    margin-left: 30px;
    z-index: 999;
}

#home-about-container {
    margin-left: 30px;
    width: 260px;
}

#home-about-container h1 {
    margin: 0px;
}

#home-sunrisetosunset-container h1,
#home-about-container h1 {
    margin-bottom: 15px;
}

#home-about-container ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#home-about-container li {
    display: block;
}

#home-about-container a {
    color: #4a0d66;
    background: #ffffff url('../images/home-about-button.png') no-repeat 235px 6px;
    box-shadow: 1px 1px 3px #c0c0c0;
    display: block;
    font-family: Arial, sans-serif;
    font-size: 18px;
    line-height: 28px;
    text-decoration: none;
    margin-bottom: 5px;
    padding-left: 8px;
}

#home-about-container a:hover {
    color: #ffffff;
    background: #4a0d66 url('../images/home-about-button.png') no-repeat 235px -28px;
    text-decoration: none;
}

#home-search-container {
    margin: 40px 0px 40px 30px;
}

#home-search-container ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#home-sunrisetosunset-box {
    position: relative;
}

#home-sunrisetosunset-container a {
    position: absolute;
    right: 18px;
    bottom: 25px;
    line-height: 0.7em;
}

a#home-sunrisetosunset-button span {
    font-size: 0.7em;
    line-height: 0.7em;
}

#mainContainer #home-sunrisetosunset-button:hover span.registerInTime,
body #home-sunrisetosunset-button:active span.registerInTime {
    color: #fff203;
}

#home-sunrisetosunset-box img {
    display: block;
}

#home-search-container li a {
    padding-left: 55px;
    line-height: 44px;
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    letter-spacing: -1px;
    font-size: 20px;
    /*
  font-weight: bold;
  */
    text-decoration: none;
    text-transform: uppercase;
    color: #4a0d66;
    display: block;
    margin-top: 5px;
}

#home-search-participant {
    background: transparent url('../images/home-search-participant.png') no-repeat left center;
}

#home-search-team {
    background: transparent url('../images/home-search-team.png') no-repeat left center;
}

#home-search-activity {
    background: transparent url('../images/home-search-activity.png') no-repeat left center;
}

#home-search-container p {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 25px;
    margin-bottom: 0px;
    color: #4a0d66;
}

#home-toplists {
    margin-top: 40px;
}

#home-toplists div.donor-list-indicator-container {
    width: 315px;
    display: inline-block;
    vertical-align: top;
}

#home-toplists div.donor-list-indicator-container:last-child {
    float: right;
}

#home-toplists .badge-icon {
    display: none;
}

#home-toplists .display-name {
    font-weight: bold !important;
}

#home-bottom-container {
    clear: both;
    margin-top: 40px;
}

#home-bottom-getinspired,
#home-bottom-snapshots,
#home-bottom-partners {
    display: inline-block;
    text-decoration: none;
}

#home-bottom-getinspired,
#home-bottom-snapshots {
    margin-right: 12px;
}

#home-bottom-container h2 {
    font-size: 20px;
    line-height: 20px;
    margin: 0px;
    letter-spacing: -1px;
}

#home-bottom-container p {
    color: #4a0d66;
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height: 16px;
}

#home-bottom-container a:hover h2,
#home-bottom-container a:hover p {
    color: #606060;
}

#entry_header_container {
    display: none;
}



/*
#regOptionsList #containerIndividual {
  display: none;
}
*/

#additional_questions_container .survey-question-container {
    margin-bottom: 15px;
}

#team_find_section_footer,
#team_find_registration_type_container {
    display: none;
}

#team_find_header_container,
#part_type_header_container {
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: normal;
    line-height: normal;
}

div.progress-bar-step-number-container,
div.progress-bar-step-text-container,
#team_find_header_container div.progress-bar-step-number-container,
#team_find_header_container div.progress-bar-step-text-container,
#part_type_header_container div.progress-bar-step-number-container,
#part_type_header_container div.progress-bar-step-text-container {
    vertical-align: middle;
}

div.progress-bar-step-text-container {
    line-height: normal;
}

div.progress-bar-step-current div.progress-bar-step-number-container,
div.progress-bar-step-current div.progress-bar-step-text-container,
#team_find_header_container div.progress-bar-step-current div.progress-bar-step-number-container,
#team_find_header_container div.progress-bar-step-current div.progress-bar-step-text-container,
#part_type_header_container div.progress-bar-step-current div.progress-bar-step-number-container,
#part_type_header_container div.progress-bar-step-current div.progress-bar-step-text-container {
    color: #4a0d66;
}

div.progress-bar-step-number-container a {
    color: #f0efeb;
}

div.progress-bar-step-text-container a {
    color: #cfccc5;
}

#team_find_page,
#participation_options_page,
#registration_options_page,
#fr_waiver_page,
#fr_reg_summary_page,
#reg_payment_page {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #d9d9d9;
    width: auto !important;
    margin: 0px 30px 30px;
    background-color: #4a0d66;
    overflow: hidden;
}

div.progress-bar-step-current div.progress-bar-step-number-container {
    background: #fff203;
}

#team_find_section_header #title_container,
#part_type_section_header #pt_title_container,
div.header-container,
#title_container {
    color: #ffffff;
    font-family: Arial, sans-serif;
    margin: 10px 15px 5px 15px;
    display: block;
    font-weight: normal;
    text-transform: none;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: normal;
}

#part_type_instruction_sub_header,
div.empty {
    display: none;
}

#team_find_section_container #regOptionsContainer,
#part_type_section_body,
div#registration_options_page div.section-body,
#waiver_body_container,
#reg_summary_body_container,
#reg_payment_body_container {
    background-color: #ffffff;
    padding: 15px;
    border-top: 5px solid #fff203;
}

#team_find_header_container,
#part_type_header_container,
div.header-container {
    margin-left: 45px;
}

#team_find_section_header,
#part_type_section_header,
div.registration-page-container div.section-header {
    margin-left: 0px;
}

#team_find_section_container #regOptionsContainer span.req {
    color: #9d000c;
}

#team_find_section_container #regOptionsContainer #makeSelection,
#part_type_selection_container div.manageable-content,
#editFundraiseContainer,
#part_type_additional_gift_section_header {
    background-color: #fffbb6;
    color: #4a0d66;
    margin-bottom: 20px;
    clear: both;
}

#team_find_section_container #regOptionsContainer #makeSelection h3,
#part_type_selection_container #sel_type_container,
#fundraise_container,
#part_type_additional_gift_section_header {
    margin: 0px;
    padding: 8px;
    font-family: Arial, sans-serif;
    font-size: 18px;
    line-height: 18px;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}

#part_type_selection_container #sel_type_container {
    padding: 8px 8px 8px 0px;
}

#fundraise_hint {
    font-weight: normal;
    font-size: 14px;
}

#part_type_additional_gift_section_header {
    display: block;
}

div.responsive #part_type_selection_container span.field-required {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

#team_find_section_container #regOptionsContainer #regOptionsList>div {
    margin-bottom: 20px;
}

#team_find_section_container #regOptionsContainer #regOptionsList>div>label,
#restartTeamInputs label {
    font-size: 14px;
    font-family: Arial, sans-serif;
    font-weight: bold;
    color: #333333;
    vertical-align: middle;
    margin-left: 10px;
}

#team_find_section_container #regOptionsContainer #regOptionsList #team_find_new {
    margin-left: 30px;
}

#containerJoinTeam,
#containerStartTeam,
#containerRestartTeam,
#containerIndividual {
    padding: 14px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #ffffff;
}

#containerJoinTeam.selected,
#containerStartTeam.selected,
#containerRestartTeam.selected,
#containerIndividual.selected {
    padding: 14px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 2px solid #68358c;
}

#containerRestartTeam #restartTeamName {
    font-family: Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #5f5f5f;
    margin-left: 30px;
    margin-top: 5px;
}

#regOptionsContainer #loginReminder {
    display: none;
}

div.responsive a.list-component-paginator-link {
    color: #4a0d66;
    text-decoration: none;
}

div.responsive .list-component-row a:link,
div.responsive .list-component-row a:visited {
    color: #4a0d66;
    text-decoration: none;
    font-family: Arial, sans-serif;
}

div#team_find_search_results_container div.list-component-cell-column-join-link a,
#btnNext,
div.responsive a.next-step,
div.responsive button.next-step {
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    border: none;
    z-index: 10;
    box-shadow: -2px 3px 3px #c0c0c0;
    text-decoration: none;
    display: block;
    cursor: pointer;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    width: auto !important;
    padding: 9px 50px 9px 10px;
    text-align: center;
    margin-bottom: 20px;
    background: #4a0d66 url(../images/icon-sprite.png) no-repeat;
    background-position: 145px -390px;
    color: #ffffff;
}

div#team_find_search_results_container div.list-component-cell-column-join-link a:hover,
#btnNext:hover,
div.responsive a.next-step:hover,
div.responsive button.next-step:hover {
    color: #ffffff;
    border: none;
    background: #359a8e url(../images/icon-sprite.png) no-repeat;
    background-position: 145px -490px;
}

#regButtons {
    text-align: right;
}

#btnNext {
    display: inline;
}

div.responsive {
    font-family: Arial, sans-serif;
}

div.part-type-container.selected {
    background-color: transparent;
    border: none;
}

div.registration-page-container div.section-footer {
    background-color: #ffffff;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

div.part-type-container .part-type-decoration-messages {
    margin: 0px;
    max-width: 595px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #333333;
}

div.part-type-decoration-messages span.part-type-name,
#disc_code_container,
#part_type_fundraising_goal_input_container #fund_goal_container,
.donation-level-amount-text {
    font-size: 14px;
    font-weight: bold;
    color: #333333;
}

#part_type_fundraising_goal_input_container #fund_goal_container,
#disc_code_container {
    float: left;
    margin-top: 6px;
}

div#part_type_fundraising_goal_container #suggested_goal_container {
    margin-left: 82px;
}

div.part-type-decoration-messages .part-type-description-text {
    font-size: 12px;
}

#disc_code_container {
    margin-bottom: 20px;
}

#disc_code_container span {
    font-size: 12px;
    font-weight: normal;
}

#discount_code {
    margin: 16px 0px 0px 10px;
}

.discount_message {
    clear: both;
    color: #f00;
    float: left;
    padding: 0 20px;
}

div.responsive .discount_message p {
    color: #f00;
    margin-top: 0;
}

.part-type-fee-text,
.part-type-name-value-separator {
    display: none;
}

#part_type_fundraising_goal_container #goal_info {
    color: #333333;
    font-size: 12px;
    font-style: italic;
}

#goal_bottom {
    color: #333333;
    font-size: 12px;
    margin: 20px 0px;
}

#goal_tshirt {
    width: 260px;
    float: right;
    margin: -40px 30px 20px 30px;
}

#goal_tshirt img {
    float: right;
    display: block;
    margin-left: 10px;
}

#goal_tshirt_info {
    font-size: 16px;
    line-height: normal;
    text-align: center;
    font-weight: bold;
    margin-top: 37px;
}

div.registration-page-container div.section-container {
    color: #333333;
}

#self_donation_info {
    margin: 20px 0px;
    font-size: 12px;
}

#donationSupports {
    float: right;
    width: 500px;
    margin-right: 30px;
}

#donationSupportsList {
    list-style-type: disc;
}

#part_type_donation_level_input_container .donation-level-row-container input[type="text"] {
    margin-top: -5px;
}

div.responsive button.next-step[disabled="disabled"]:hover {
    background-color: #ebebeb;
    border: 1px solid #e2e2e2;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#e6e6e6');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#e6e6e6')";
    background-image: -ms-linear-gradient(top, #efefef, #e6e6e6);
    background-image: -webkit-linear-gradient(top, #efefef, #e6e6e6);
    background-image: -moz-linear-gradient(top, #efefef, #e6e6e6);
    background-image: -o-linear-gradient(top, #efefef, #e6e6e6);
    background-image: linear-gradient(top, #efefef, #e6e6e6);
    color: #c7c7c7;
    cursor: auto;
}

#participation_tshirt,
#participation_performance_tshirt {
    float: right;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
    /*    margin-right: 30px; */
    margin-right: 90px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    #participation_tshirt,
    #participation_performance_tshirt {
        margin-right: 30px;
    }
}

@media only screen and (max-width: 767px) {
    #participation_tshirt,
    #participation_performance_tshirt {
        margin-right: 10px;
    }
}

#participation_tshirt_info {
    float: right;
}

#participation_tshirt img {
    display: block;
    margin: 0;
    max-width: 290px;
}


#participation_performance_tshirt img {
    display: block;
    margin: 0px 64px 0px 0px;
}

#about_body {
    float: right;
    width: 756px;
    margin-right: 60px;
    margin-bottom: 40px;
    overflow: hidden;
}

#about_left {
    width: 220px;
    margin-left: 60px;
    padding-top: 30px;
}

#about_body h1 {
    margin: 0px;
    font-size: 36px;
    line-height: normal;
}

#about_body h2 {
    font-size: 30px;
    line-height: 30px;
}

#about_body p {
    color: #606060;
    font-size: 14px;
    font-weight: 100;
    line-height: 19px;
}

#about_subnav {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

#about_subnav li {
    /* changes for 2018 */
    /*    background-color: #4a0d66;*/
    background-color: #e4dbe8;
    /*    margin-right: 10px;*/
    margin-bottom: 1px;
    /* changes for 2018 */
    /*    margin-left: 15px;*/
    padding: 16px 0px 16px 20px;
    /*    width: 160px;*/
    /* changes for 2018 */
    width: 100%;
}

#about_subnav li.active {
    /*    margin-left: 0px;
    margin-right: 0px;
    padding-right: 10px;*/
    /*    padding-left: 25px;*/
    /* changes for 2018 */
    /*    background: #55297b url('../../2015longestday/images/subnav_active.png') no-repeat center right;*/
    background-color: #4a0d66;
    color: #fff;
}

#about_subnav li:hover {
    /*    margin-left: 0px;
    margin-right: 0px;
    padding-right: 10px;
    padding-left: 25px;*/
    /* changes for 2018 */
    /*    background: #55297b url('../../2015longestday/images/subnav_active.png') no-repeat center right;*/
    background-color: #359a8e;
    color: #fff;
}

#about_subnav li a {
    /* changes for 2018 */
    /*    color: #ffffff;*/
    color: #4a0d66;
    text-decoration: none;
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    /* changes for 2018 */
    /*    font-size: 14px;*/
    font-size: 16px;
    /*
  font-weight: bold;
  */
    /* changes for 2018 */
    /*    line-height: 14px;*/
    line-height: 16px;
    margin-top: 3px;
    display: block;
    letter-spacing: normal;
    text-transform: uppercase;
}

#about_subnav li:hover a {
    color: #fff;
    background-color: #359a8e;
}

#about_subnav li.active a {
    color: #fff;
}

#about-slide-container {
    width: 284px;
    overflow: hidden;
    float: right;
    margin: 0px 0px 20px 20px;
}

#about-slide-container .flex-container {
    height: 191px;
}

#about-slide-container a,
#about_body p a {
    text-decoration: none;
    color: #4a0d66;
    font-weight: bold;
    font-size: 14px;
    display: inline-block;
    margin-top: 10px;
}

#about_body p a {
    display: inline;
    margin-top: auto;
}

#about_main {
    margin-right: -30px;
}

#about_main div.content-box {
    width: 360px;
    display: inline-block;
    margin: 0px 30px 0px 0px;
    vertical-align: top;
}

div.content-box .step-number,
div.content-box .step-text {
    color: #fff203;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 17px;
    line-height: 17px;
    display: inline-block;
    padding: 5px;
    background-color: #4a0d66;
}

div.content-box .step-text {
    color: #4a0d66;
    background-color: #ffffff;
}

div.content-box p {
    line-height: 21px;
}

div.content-box p a:link,
div.content-box p a:visited {
    color: #8f44bb;
}

#about_buttons {
    text-align: center;
    margin-top: 30px;
}

#about_buttons a.tld-button:last-child {
    margin-left: 20px;
}

ul.choices {
    display: inline-block;
    vertical-align: top;
    padding-left: 20px;
    margin: 0px 20px 0px 0px;
}

ul.choices li {
    color: #606060;
    font-size: 14px;
    line-height: 19px;
}

#activity_examples {
    background-color: #e8ceff;
    position: relative;
    margin-top: 60px;
    /*
  overflow: hidden;
  */
}

#activity_examples h2 {
    background-color: #4a0d66;
    color: #ffffff;
    text-align: center;
    font-size: 24px;
    line-height: 24px;
    padding-top: 9px;
    letter-spacing: normal;
    margin-top: 0px;
}

#activity_examples div.content-box {
    display: inline-block;
    vertical-align: top;
    width: 236px;
    margin: 10px 0px 20px 10px;
}

#activity_examples div.content-box img {
    float: left;
    display: block;
}

#activity_examples div.content-box span {
    display: block;
    color: #4a0d66;
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    font-size: 34px;
    /*
  font-weight: bold;
  */
    line-height: 34px;
    text-transform: uppercase;
    margin-bottom: -5px;
}

#activity_examples div.content-box p {
    font-size: 13px;
    color: #222222;
    display: inline-block;
    width: 151px;
}

#activity_examples div.content-box.poll {
    position: absolute;
    text-align: center;
    left: 249px;
    background: #e8ceff url('../images/about_activities_poll.png') no-repeat center center;
    width: 224px;
    height: 247px;
}

#activity_examples div.content-box.poll span {
    display: inline;
}

#activity_examples div.content-box.poll a.tld-button:hover span {
    color: #fff203;
}

#fundraising_left,
.two_column #column_one {
    display: inline-block;
    width: 510px;
    vertical-align: top;
}

#about_body #fundraising_left h2,
.two_column #column_one h2 {
    margin-bottom: 0px;
}

.two_column #column_one h3,
#about_body h3 {
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    font-size: 20px;
    /*
  font-weight: bold;
  */
    line-height: 20px;
    letter-spacing: normal;
    text-transform: uppercase;
    color: #4a0d66;
    margin-bottom: 0px;
}

#fundraising_left ul,
.two_column #column_one ul {
    margin: 0px;
    padding-left: 20px;
}

#fundraising_left ul li,
.two_column #column_one ul li {
    font-family: Arial, sans-serif;
    color: #606060;
    font-size: 14px;
    line-height: 19px;
}

#about_buttons a:hover {
    color: #fff203;
}

#fundraising_tip {
    margin: 20px 0px;
    background-color: #4a0d66;
}

#fundraising_tip span {
    display: block;
    background-color: #be7cec;
    color: #ffffff;
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    /*
  font-weight: bold;
  */
    padding: 10px 10px 10px 10px;
    text-transform: uppercase;
    font-size: 20px;
}

#fundraising_tip p {
    color: #ffffff;
    margin: 0px;
    padding: 10px;
    font-size: 24px;
    line-height: 24px;
    font-weight: 100;
    font-family: 'Arial Narrow', Arial, sans-serif;
}

#fundraising_tip+#about_buttons {
    margin-bottom: 30px;
}

#fundraising_right,
.two_column #column_two {
    display: inline-block;
    width: 230px;
    vertical-align: top;
    float: right;
}

#fundraising_right .box,
.two_column #column_two .box {
    border: 1px solid #adadad;
    margin-bottom: 20px;
}

#fundraising_right .box span,
.two_column #column_two .box span {
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    /*
  font-weight: bold;
  */
    color: #4a0d66;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 20px;
    display: block;
    margin: 14px 10px -10px 10px;
    letter-spacing: -1px;
}

#fundraising_right .box p,
.two_column #column_two .box p {
    margin: 10px;
}

#fundraising_right .box div,
.two_column #column_two .box div {
    background-color: #4a0d66;
    color: #ffffff;
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    /*
  font-weight: bold;
  */
    text-transform: uppercase;
    font-size: 20px;
    line-height: 20px;
    padding: 10px 0px 10px 7px;
    text-align: center;
}

.three_column {
    margin-right: -50px;
}

.three_column div.content-box {
    display: inline-block;
    vertical-align: top;
    width: 218px;
    margin: 0px 48px 0px 0px;
    position: relative;
    height: 218px;
}

.three_column div.content-box img {
    margin: 0px auto 20px;
    display: block;
}

.three_column div.content-box p {
    position: absolute;
    top: 120px;
}

.three_column div.content-box span {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    line-height: 19px;
}

#about_body.gallery {
    float: none;
    width: auto;
    margin-left: 30px;
    margin-bottom: 100px;
}

#photogallery {
    list-style: none;
    margin: 0px -25px 0px 0px;
    padding: 0px;
}

#photogallery li {
    display: inline-block;
    float: left;
    margin: 0px 20px 20px 0px;
}

#photogallery li a,
#photogallery li img {
    display: block;
    margin: 0px;
}

.natlcomp-page #title_container {
    color: #333333;
}

#national_company_page_table_div div[title="edit_top_events_title_container"],
#national_company_page_table_div div[title="edit_top_events_title_container"]+div {
    display: none;
}

#national_company_page_main h1 {
    margin: 0px 0px 0px 20px;
    display: inline-block;
    vertical-align: middle;
    font-size: 36px;
    line-height: 36px;
}

#national_company_page_main h1 span,
#natlcomp-sidebar div.natlcomp-stats {
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    /*
  font-weight: bold;
  */
    text-transform: uppercase;
    display: block;
    color: #ab5cd9;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: -1px;
}

#national_company_page_main div[title="edit_description_container"] {
    display: none;
}

#national_company_page_main #main_container {
    margin-top: 0px;
    margin: 0px 30px 35px 30px;
    width: auto;
}

#national_company_page_main p {
    font-size: 13px;
    clear: left;
}

#national_company_page_main h3 {
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    color: #4a0d66;
    /*
  font-weight: bold;
  */
    margin-bottom: 0px;
}

#national_company_page_main div.side-bar {
    display: none;
}

#natlcomp-sidebar {
    float: right;
    width: 270px;
    margin-left: 25px;
    text-align: center;
}

div.natlcomp-stats {
    margin: 20px 0px;
    text-align: center;
}

#natlcomp-sidebar a.tld-button {
    display: block;
    clear: both;
    /*    width: 160px;*/
    width: 100%;
    margin: 0px auto 15px auto;
    text-align: left;
    background-position: 235px -393px;
    font-size: 18px;
    font-family: 'UniversLTStd-BoldCn', sans-serif;
}

#natlcomp-sidebar a.tld-button:hover {
    /*    color: #fff203;*/
}

@media only screen and (min-width: 1024px) and (max-width: 1025px) {

    #natlcomp-sidebar a.tld-button {
        background-position: 235px -393px;
    }
}

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

    #natlcomp-sidebar a.tld-button {
        background-position: 285px -393px;
    }
}

#national_company_page_table_div div.manageable-content {
    width: 315px;
    display: inline-block;
}

#national_company_page_table_div div.manageable-content+div {
    width: 315px;
    margin-right: 20px;
}

#national_company_page_table_div div.manageable-content[title="edit_top_teams_title_container"] {
    margin-right: 20px;
}

#national_company_page_table_div div.manageable-content[title="edit_top_events_title_container"],
#national_company_page_table_div div.manageable-content[data-container="edit_top_events_title_container"] {
    display: none;
}

#national_company_page_table_div div.manageable-content[data-container="edit_top_events_title_container"]+div {
    display: none;
}

#national_company_page_table_div {
    position: relative;
    /*
  float: none;
  */
    /*
  min-height: 500px;
  */
    min-height: 604px;
    overflow: visible;
}

#national_company_page_table_div .trr-table-event-name,
#national_company_page_table_div .trr-table-recruited {
    display: none;
}

#national_company_page_table_div div.manageable-content[title="edit_top_participants_title_container"],
#national_company_page_table_div div.manageable-content[data-container="edit_top_participants_title_container"] {
    position: absolute;
    left: 335px;
    top: 0px;
}

#national_company_page_table_div div.manageable-content[title="edit_top_participants_title_container"]+div,
#national_company_page_table_div div.manageable-content[data-container="edit_top_participants_title_container"]+div {
    position: absolute;
    left: 335px;
}

#national_company_page_main a {
    /*    color: #4a0d66;*/
}

div.donation-form-container.responsive {
    width: auto !important;
    padding: 0px 30px;
    background: #ffffff;
    border: none;
}

div.donation-form-container.responsive h1 {
    margin-top: 0px;
    margin-left: 0px;
}

div.donation-form-container.responsive h3 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 17px;
    color: #4a0d66;
    font-family: Arial, sans-serif;
}

div.donation-form-container.responsive .form-info-message {
    margin-bottom: 10px;
}

@media only screen and (max-width: 767px) {
    .mobile div.responsive div.form-row {
        margin-bottom: 0;
        margin-top: 0;
    }
    #national_company_page_table_div div.manageable-content[data-container="edit_top_participants_title_container"] {
        position: initial;
    }
}

div.donation-form-container.responsive a {
    text-decoration: none;
    color: #4a0d66;
}

div.donation-form-container.responsive a:hover {
    text-decoration: underline;
}

div.responsive div.matching-gift-container button.step-button,
#pstep_finish {
    background-color: #4a0d66;
    background-image: none;
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    /*
  font-weight: bold;
  */
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    border: none;
    padding: 10px 7px 10px 7px;
    color: #fff203;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    filter: none;
}

div.responsive div.matching-gift-container button.step-button:hover,
#pstep_finish:hover {
    color: #4a0d66;
    background-color: #fff203;
    filter: none;
}

#pstep_finish {
    margin: 0px auto;
    float: none;
    display: block;
}

DIV.responsive LEGEND {
    max-width: 100%;
}

DIV.responsive BUTTON.step-button,
DIV.responsive BUTTON.next-step,
DIV.responsive BUTTON.previous-step,
DIV.responsive A.step-button,
DIV.responsive A.next-step,
DIV.responsive A.previous-step {
    filter: none !important;
}



/* DayOf Styles Start */

#dayOfContainer #home-toplists {
    margin-top: 0;
    width: 315px;
    float: left;
}

#dayOfContainer #save-the-date {
    background-color: #a98ec1;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    text-transform: uppercase;
}

#dayOfContainer #missed {
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    font-size: 23px;
    color: #4a0d66;
    text-transform: uppercase;
}

#dayOfContainer #next-year {
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    font-size: 28px;
    color: #fff;
    line-height: 0px;
}

#dayOfContainer #home-right-col {
    margin-top: 0px;
    width: 315px;
    float: left;
    margin-left: 17px;
}

#dayOfContainer #home-desktop-right {
    margin-left: 25px;
}

#dayOfContainer #purple-bg {
    background-color: #A98EC1;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    font-size: 13px;
}

#dayOfContainer #stats {
    background-color: #4a0d66;
    margin-bottom: 50px;
    color: #fff;
    font-size: 22px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'UniversLTStd-BoldCn', sans-serif;
}

#dayOfContainer #stats-left {
    display: inline-block;
    margin-top: 7px;
    margin-bottom: 7px;
}

#dayOfContainer #stats-right {
    height: 51px;
    float: right;
    overflow: hidden;
}

#dayOfContainer .stats-yellow {
    font-size: 30px;
    color: #fff203;
}

#dayOfContainer .stats-yellow.millions {
    display: inline-block;
}

#dayOfContainer div.tintup {
    height: 385px;
    margin-left: 28px;
    margin-top: 20px;
    overflow: hidden;
    -moz-overflow: hidden;
    -webkit-overflow: hidden;
    width: 262px;
    -webkit-overflow-scrolling: none;
}

#dayOfContainer div.tintup iframe {
    height: 385px !important;
    overflow: hidden;
}

#dayOfContainer div.tintup-more {
    font-weight: bold;
    padding-top: 5px;
    text-align: right;
    width: 100%;
}

.home-page div.tr-page-container #entry_page_custom_html {
    padding-bottom: 30px;
}

#dayOfContainer .flex-container {
    height: auto;
}

#dayOfContainer .flex-control-nav {
    display: none;
}

#dayOfContainer div.indicator-title {
    color: #fff;
    border: none;
    padding-bottom: 5px;
    padding-top: 8px;
}

#dayOfContainer div.indicator-container {
    border: 0;
}

#dayOfContainer .list-name-container {
    float: left;
    margin: 2px 0 4px;
    width: 65%;
}

#dayOfContainer .list-value-container {
    float: right;
    margin: 2px 0 4px;
    text-align: right;
    width: 30%;
}

div.responsive #dayOfContainer a,
div.responsive #dayOfContainer a:link,
div.responsive #dayOfContainer a:visited {
    color: #4a0d66;
}

div.responsive #dayOfContainer a:hover,
div.responsive #dayOfContainer a:active {
    color: #FFF203;
}

#dayOfContainer #home-toplists>div {
    margin-bottom: 1px;
}

#dayOfContainer a#home-search-button {
    box-shadow: 1px 1px 1px #777;
}

#dayOfContainer #home-slide-container {
    background-image: url('../../images/content/pagebuilder/TLD2014_map_bg2.jpg');
    background-repeat: no-repeat;
    height: 389px;
    padding-bottom: 0;
}

#dayOfContainer #home-slide-container-left {
    background: #4a0d66;
    float: left;
    margin-top: 30px;
}

#dayOfContainer #home-slide-container-right {
    float: left;
    padding-left: 93px;
    padding-top: 35px;
}

#dayOfContainer #time-of-day {
    padding-top: 5px;
    padding-left: 28px;
    padding-bottom: 15px;
    width: 530px;
}

#dayOfContainer #time-of-day p {
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    color: #fff;
}

#dayOfContainer #time-of-day #timeOfDayYellow {
    font-size: 46px;
    color: #fff203;
    letter-spacing: -2px;
}

#dayOfContainer #search-for-participant {
    background-color: #4a0d66;
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    font-size: 30px;
    color: #fff203;
    padding: 0 30px 35px;
}

#dayOfContainer #search-for-participant input {
    border-radius: 0;
    font-family: arial;
    font-size: 13px;
    font-style: italic;
    height: 33px;
    padding: 1px;
    vertical-align: middle;
    width: 177px;
}

#dayOfContainer input#home-search-button {
    background: url("../images/button.png") no-repeat scroll right 10px #FFF203;
    border: none;
    color: #653690;
    cursor: pointer;
    display: inline-block;
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    font-size: 20px;
    font-style: normal;
    height: auto;
    line-height: 1.4em;
    margin: 0;
    padding: 6px 30px 5px 16px !important;
    text-align: center;
    vertical-align: bottom;
    width: auto;
}

#dayOfContainer input#home-search-button:hover,
#dayOfContainer input#home-search-button:active {
    color: #fff203;
    border: none;
    background: #4a0d66 url('../images/button.png') no-repeat right -72px;
}

#dayOfContainer #timeOfDayGreeting {
    font-size: 32px;
    letter-spacing: -1.5px;
}

#dayOfContainer #time-of-day #timeOfDayText {
    font-size: 16px;
    font-family: arial;
    line-height: 1.4em;
    padding-right: 28px;
}

#dayOfContainer #time-of-day #timeOfDayText>a {
    color: #fff203;
}



/* DayOf Styles End */


/*
#user_type_page div#user_type_login_container {
  margin-left: 0px;
  background-color: transparent;
  border: none;
  padding: 30px;
}
#user_type_page div#user_type_new_participant_registration_container {
  float: right;
  padding: 30px;
}
#fr_new_user_container, #fr_returning_user_container, #fr_responsive_social_login_container {
  font-family: 'UniversLTStd-BoldCn', sans-serif;
  font-size: 23px;
  line-height: 23px;
  letter-spacing: -1.5px;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  color: #4a0d66;
}
#user_type_section_body {
  background-color: #f1e3fd;
}
*/


/* begin 2015 desktop changes */

#about_body #home-sunrisetosunset-button {
    font-size: 27px;
    background-image: none;
    padding: 3px 8px !important;
    line-height: normal;
}

#about_body #home-sunrisetosunset-button span {
    display: block;
    font-size: 19px;
    line-height: normal;
    margin-top: -5px;
}

#about_buttons {
    margin-bottom: 30px;
    margin-top: 20px;
}

#about_body p a {
    padding: 0px 40px 0px 10px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    background-position: right 6px;
}

#about_body #about_main p a {
    height: auto;
    line-height: 1.4em;
}

#about_body p a span {
    vertical-align: middle;
    font-size: 19px;
    line-height: 20px;
}

div#personal_page_image_div {
    float: none;
    position: static;
}

#personalpage-top-block {
    position: relative;
    min-height: 171px;
    /*
  margin: 24px auto 15px 30px;
  */
}

#personalpage-title-block {
    /*
  position: static;
  */
    padding-left: 173px;
    position: absolute;
}

#personalpage-top-buttons {
    position: absolute;
    right: 0px;
    top: 70px;
    z-index: 99;
}

#personalpage-top-progress {
    padding-left: 173px;
    padding-right: 170px;
    position: absolute;
    top: 50px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 640px) and (max-width: 768px) {
    #personalpage-top-progress {
        padding-left: 0;
        padding-right: 0;
        position: relative;
        top: none;
    }
}

#personal_page_image_div {
    position: absolute;
    top: 0px;
    left: 0px;
}

#personalpage-title-block h1 {
    margin: 0px;
    font-size: 30px;
    line-height: 30px;
    letter-spacing: -1px;
}

#personalpage-title-block div {
    color: #222222;
    font-size: 13px;
    margin-top: 8px;
}

#personalpage-title-block div a {
    color: #4a0d66;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}

#personalpage-title-block div a:hover {
    text-decoration: underline;
}

#personal-progress-area {
    margin-top: 28px;
    float: none;
    width: auto;
}

#personal-progress-area span {
    display: inline;
    font-size: 14px;
    line-height: 14px;
}

#personal-progress-raised {
    display: block;
    margin-top: 0px;
    margin-right: 0px;
    font-size: 18px;
    line-height: 18px;
}

#personal-progress-raised span {
    font-size: 25px;
    line-height: normal;
}

#personal-progress-percent {
    float: none;
    margin-bottom: 0px;
}

#personal-progress-goal {
    margin-top: 0px;
    margin-right: 0px;
    float: right;
    min-width: 0px;
}

#personal-progress-percent,
#personal-progress-goal {
    font-size: 14px;
    line-height: 14px;
    display: inline-block;
    color: #767676;
}

#fr_rich_text_container {
    width: auto;
}

#custom-progress-container {
    margin-top: 3px;
}

a#personal_sidebar_donate_button,
a#personal_sidebar_join_team_button {
    min-width: 0px;
    padding: 9px 30px 9px 10px !important
}

#fr_rich_text_container {
    margin-top: 20px;
}

#personal_sidebar_share {
    margin: 25px auto 0px auto;
}

#personal-comments {
    padding-top: 0px;
}

div.tr-personal-page-footer>p {
    margin-left: 35px;
}

#personal_page_image_div img,
div.caption {
    margin-bottom: 0px;
}

#frBadge {
    width: auto;
    float: none;
}

#powerofdonation {
    margin-top: 30px;
}

#powerofdonation .personal-progress-title {
    line-height: 20px;
    margin-bottom: 5px;
}

.sidebar-purple-box {
    background-color: #7b50a2;
    border: 1px solid #b399c6;
    color: #ffffff;
    font-size: 13px;
    line-height: 18px;
    padding: 12px;
}

.sidebar-purple-box a {
    color: #ffffff !important;
}

#footer-col-5 {
    display: block;
    float: none;
    width: 100%;
    clear: both;
    padding-top: 20px;
    margin-top: 20px;
    position: relative;
    border-top: 1px solid #9accc6;
}

#footer-mission {
    width: 620px;
}

#footer-logo {
    position: absolute;
    top: 20px;
    right: 35px;
}

#footer-col-1,
#footer-col-2,
#footer-col-3 {
    width: 180px;
}


/*#footer-social-icons a {
    display: inline-block;
    width: 40px;
    height: 39px;
    margin-right: 13px;
}

#footer-icon-fb {
    background: url('../../2015longestday/images/footer_icon_fb2.png') no-repeat 0px 0px;
}

#footer-icon-fb:hover {
    background-position: 0px -40px;
}

#footer-icon-tw {
    background: url('../../2015longestday/images/footer_icon_tw2.png') no-repeat 0px 0px;
}

#footer-icon-tw:hover {
    background-position: 0px -40px;
} */

#footer-col-4 {
    width: auto;
    margin-right: 0px !important;
    float: right;
}

#home-slide-container {
    position: relative;
    /*
  height: 481px;
  */
    height: auto;
    border-bottom: 4px solid #4a0d66;
    padding-bottom: 0px;
    margin-bottom: 30px;
}

#slideshow {
    width: 100%;
    min-height: 100%;
    /*
  height: 481px;
  */
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 1;
}

img.bgM {
    width: auto !important;
    min-height: 100%;
    height: 100% !important;
}

img.bgsizer {
    min-height: 100%;
}

#home-slide-container .flexslider {
    background: transparent !important;
    height: 100% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#home-slide-container .flex-container {
    width: 100%;
    z-index: 5;
    position: absolute;
    /*
  top: 0px;
  height: 100% !important;
  */
    left: 0px;
    right: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    top: 50%;
    height: 140px !important;
    margin-top: -70px;
}

#home-slide-container .flex-direction-nav li a {
    z-index: 6;
    width: 24px;
    height: 33px;
    opacity: 1;
    color: #dedede;
}

#home-slide-container .flex-direction-nav a.flex-next {
    right: 32px;
    bottom: auto;
    top: 50%;
    margin-top: -33px;
    background-image: url('../images/slider_next.png');
}

#home-slide-container .flex-direction-nav a.flex-prev {
    left: 32px;
    bottom: auto;
    top: 50%;
    margin-top: -33px;
    background-image: url('../images/slider_prev.png');
}



/*
#home-slide-container .flex-direction-nav a.flex-next:before {
  content: '\203A';
  font-family: inherit;
  font-weight: 500;
  font-size: 60px;
  line-height: 32px;
  margin-top: -2px;
  text-indent: 9999px;
  position: absolute;
}
#home-slide-container .flex-direction-nav a.flex-prev:before {
  content: '\2039';
  font-family: inherit;
  font-weight: 500;
  font-size: 60px;
  line-height: 32px;
  margin-top: -2px;
  text-indent: 9999px;
  position: absolute;
}
*/

#home-slide-container .flexslider .slides a,
#home-slide-container .flexslider .slides img {
    margin: 0px auto;
    width: 140px !important;
}

#home-slide-container .flexslider {
    padding: 0px 25px;
}

#home-slide-container .flexslider .flex-direction-nav {
    display: none;
}

.flexslider .slides a.slider_link {
    display: block;
    position: relative;
}

.flexslider .slides a.slider_link img.slider_hover {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
}

.flexslider .slides a.slider_link:hover img.slider_hover {
    display: block;
}


/* Added Styles: bw 2019 */
.nav-container .nav li a#register {background: #359a8e; color: #fff; padding: 10px 16px; margin-right: 0;}
.nav-container .nav li a#register:hover {background: #4a0d66; color: #fff; border-bottom: 0px solid #58595b;}
.nav-container .nav li a {padding: 0px 0px; margin-left: 16px; margin-right: 16px;}

/*#header a.btn-log-in {font-size: 25px; margin-right: 30px; margin-top: 33px; text-decoration: underline;}*/
/*#header a.btn-log-in:hover {text-decoration: underline;}*/

.nav-container ul.nav.desktop-menu {margin-right: 45px; margin-top: 40px;}

.nav-container .nav li a:hover, .nav-container .nav li a:hover span {
    background: transparent;
    color: #359A8e; /*#58595b*/
    text-decoration: none;
    border-bottom: 0px solid #359A8e; /*#58595b*/ /* bw updated */ 
}
.nav-container .nav li:hover a:after {
    border-bottom: 0px solid #4a0d66;
}




/*#about-sub-menu.sub-menu,
#ideas-sub-menu.sub-menu  {
    display: none;
    height: auto;
    background-color: #fff;
    padding: 10px 10px 30px 10px;
}
*/

#about-sub-menu .sub-menu-panel a, 
#about-sub-menu.sub-menu-panel a:link, 
#about-sub-menu .sub-menu-panel a,
#ideas-sub-menu .sub-menu-panel a, 
#ideas-sub-menu.sub-menu-panel a:link, 
#ideas-sub-menu .sub-menu-panel a
 {
    color: #4a0d66;
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    font-size: 18px;
    padding: 12px;
    background: #e3e3e3;
    text-transform: uppercase;
    margin-right: 8px;
/*    padding-right: 40px;*/
}

#about-sub-menu .sub-menu-panel a:hover,
#ideas-sub-menu .sub-menu-panel a:hover {
	background: #4a0d66; color: #fff; text-decoration: none;
}


@media only screen and (max-width: 1280px) {

#mainContainer .nav-container .nav li, 
#mainContainer .nav-container .nav li a {font-size: 22px; letter-spacing: .2px;}
.nav-container .nav li a#register {padding: 8px 14px;}
.nav-container .nav li a {margin-left: 8px; margin-right: 8px;}

#header a.btn-log-in {font-size: 18px;}

#tld-logo-img {max-width: 283px;}

.nav-container .nav {top: 40px;}
#tld-logo-img {max-width: 255px;}
#header {height: 155px;}
#tld-logo-link {top: 15px;}

/*#about-sub-menu .sub-menu-panel a, 
#about-sub-menu.sub-menu-panel a:link, 
#about-sub-menu .sub-menu-panel a,
#ideas-sub-menu .sub-menu-panel a, 
#ideas-sub-menu.sub-menu-panel a:link, 
#ideas-sub-menu .sub-menu-panel a {font-size: 18px; padding-right: 10px;
} */

}

@media only screen and (max-width: 1280px) {
#about-sub-menu .sub-menu-panel a, #ideas-sub-menu .sub-menu-panel a {font-size: 17px;}

.sub-menu-body {width: 85%;}
}

@media only screen and (max-width: 1048px) {
#about-sub-menu .sub-menu-panel a, #ideas-sub-menu .sub-menu-panel a {font-size: 16px;}
}

@media only screen and (max-width: 997px){
    .sub-menu-body {
    width: 88%;
}
#about-sub-menu .sub-menu-panel a, #ideas-sub-menu .sub-menu-panel a {font-size: 14px;}
}


@media only screen and (max-width: 991px) {
    .nav-container .nav li a {
    padding: 0px 0px;
    margin-left: 5px;
    margin-right: 5px;
}
    #mainContainer .nav-container .nav li, 
    #mainContainer .nav-container .nav li a {font-size: 20px;}
    .nav-container ul.nav.desktop-menu {margin-top: 25px;}
}

@media only screen and (max-width: 894px){
    .sub-menu-body {
    width: 90%;
}
#about-sub-menu .sub-menu-panel a, #ideas-sub-menu .sub-menu-panel a {font-size: 13px;}

#mainContainer .nav-container .nav li a {
font-size: 16px;
}

}



@media only screen and (max-width: 768px) {
#mainContainer .nav-container .nav li a {font-size: 15px;}
#tld-logo-link {width: 60%; height: 60%;}

.sub-menu-body {width: 95%;}

}


/*/
#yellowheader {
    text-align: center;
    position: absolute;
    top: 70px;
    left: 0px;
    right: 0px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 9;
}

#yellowheader div {
    display: inline-block;
}

#yellowheader img {
    display: inline-block;
}

#subheadtoyellow {
    font-family: Arial, sans-serif;
    font-size: 15px;
    line-height: 18px;
    font-weight: bold;
    text-align: center;
    position: absolute;
    top: 125px;
    width: 100%;
    margin: 0px auto;
    color: #ffffff;
    z-index: 9;
}

#slider-bottom-text {
    font-family: Arial, sans-serif;
    font-size: 22px;
    color: #ffffff;
    font-weight: bold;
    display: inline-block;
    position: absolute;
    bottom: 96px;
    left: 78px;
    z-index: 9;
}

#slider-button {
    z-index: 9;
    position: absolute;
    bottom: 69px;
    right: 49px;
}

#slider-button a {
    width: 269px;
    height: 69px;
    display: block;
    box-shadow: -1px 1px 3px #3f1664;
    padding: 15px 50px 15px 15px;
    background: #fff203 url('../images/button2.png') no-repeat 220px 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    text-decoration: none;
    color: #4b2367;
    font-size: 31px;
    line-height: 21px;
    letter-spacing: -1px;
}

#slider-button a span {
    display: block;
    font-size: 21px;
    margin-top: 3px;
}

#slider-button a:hover {
    background: #4a0d66 url('../images/button2.png') no-repeat 220px -80px;
    color: #fff203;
}

h1 {
    letter-spacing: -1px;
}

#home-desktop-left h1,
#home-desktop-right h1 {
    font-size: 26px;
    line-height: 26px;
}

#homepage_partners_left {
    width: 260px;
    margin-left: 30px;
}

#partner-slide-container .flexslider {
    width: 260px;
}

#partner-slide-container .flex-container {
    height: auto;
}

#homepage_partners_left a.tld-button {
    display: inline-block;
    margin: 11px auto 0px auto;
}

#partner-slide-container .flexslider .slides img {
    width: 100%;
}

#home-sunrisetosunset-box {
    background-color: #4a0d66;
    padding: 15px 15px 0px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.sts_box {
    display: inline-block;
    vertical-align: top;
    /*
  margin-right: 20px;
  */
}

.sts_box:nth-child(3) {
    margin-right: 0px;
}

.sts_icon,
.sts_text {
    float: left;
}

.sts_box .sts_text {
    width: 150px;
    color: #ffffff;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    padding: 0px 20px 0px 5px;
}

.sts_box:first-child .sts_text {
    width: 90px;
}

.sts_box:nth-child(3) .sts_text {
    width: 171px;
    padding-right: 0px;
}

.sts_box .sts_text strong {
    font-family: 'UniversLTStd-BoldCn', sans-serif;
    font-weight: normal;
    font-size: 24px;
    white-space: nowrap;
    display: block;
    margin-top: 10px;
    letter-spacing: -1px;
}

div.responsive #home-toplists a,
div.responsive #home-toplists a:link,
div.responsive #home-toplists a:visited {
    color: #fff;
    background: transparent;
}

#partner-slide-container .flex-container {
    width: 260px;
}

.home-page div.tr-page-container #entry_page_custom_html {
    padding-bottom: 50px;
}

h1 {
    letter-spacing: -1px;
}

#teamSearchContainer {
    max-width: 100%;
    overflow: hidden;
}

#findpagetop h1 {
    margin-top: 0px;
}

#findpagetop {
    border-top: 7px solid #e9e9e9;
    padding-top: 12px;
    position: relative;
}

#findpagetop.open {
    background-color: #fff;
    padding-bottom: 40px;
}

#findpagetop #findpage-searchagain {
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -65px;
    width: 130px;
    height: 31px;
    background: #e9e9e9 url('../images/searchagainbg.png') no-repeat 100px center;
    color: #4a0d66;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 31px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-left: 15px;
    box-sizing: border-box;
    cursor: pointer;
}

#findpagetop #findpage-searchagain:hover {
    background-color: #fff203;
}

#findpagetop #findpage-searchagain:hover:before {
    content: '';
    background-color: #fff203;
    position: absolute;
    bottom: 100%;
    left: 50%;
    height: 7px;
    width: 996px;
    display: block;
    margin-left: -498px;
}

#findpagetop.open #findpage-searchagain {
    display: none;
}

#findpagetop.closed #teamSearchInput {
    display: none;
}

#team_sidebar_share {
    top: 120px;
}

#logged-in-welcome.closed #logged-in-menu {
    display: none;
}

#logged-in-welcome.open #logged-in-menu {
    display: block;
}

#logged-in-toggle {
    color: #4a0d66;
    font-size: 14px;
    font-family: Arial, sans-serif;
    cursor: pointer;
}

#logged-in-toggle:hover {
    text-decoration: underline;
}

#logged-in-welcome.closed #logged-in-toggle:after {
    content: '\25bc';
    font-size: 12px;
    margin-left: 5px;
    display: inline-block;
    text-decoration: none !important;
}

#logged-in-welcome.open #logged-in-toggle:after {
    content: '\25b2';
    font-size: 12px;
    margin-left: 5px;
    display: inline-block;
    text-decoration: none !important;
}

#logged-in-menu {
    text-align: left;
    background-color: #4a0d66;
    box-shadow: 0px 0px 8.46px 0.54px rgba(0, 0, 0, 0.18);
    padding: 22px;
    z-index: 11;
    position: absolute;
    top: 100%;
    right: 0px;
    width: 196px;
    margin-top: 10px;
}

#logged-in-welcome.open:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 100%;
    left: 50%;
    right: auto;
    border-top: 0px;
    border-right: 8px dotted rgba(255, 255, 255, 0);
    border-bottom: 10px solid #4a0d66;
    border-left: 8px dotted rgba(255, 255, 255, 0);
    margin: 0 0 0 -16px;
    z-index: 12;
}

#logged-in-menu a {
    display: block;
    color: #ffffff;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 27px;
    text-decoration: none;
}

#logged-in-menu a:hover {
    color: #359a8e;
}

.payment-type-selection-container h3 {
    display: none;
}



/* end 2015 desktop changes */

@media only screen and (min-width: 992px) {
    /* begin 2015 desktop only */
    body {
        /*background: #4a0d66 url(../images/icons_bg_2.png) repeat center;*/
        background: #4a0d66;
    }
    .flexslider .slides>li {
        display: block !important;
        float: left;
        width: 157px;
    }
    #yellowheader .img1,
    #yellowheader .img2,
    #yellowheader .img3 {
        margin-right: 5px;
    }
    #home-slide-container {
        height: 481px;
    }
    #home-sunrisetosunset-box {
        height: 160px;
        background: #62328e url('../images/sts_bg.png') no-repeat 20px 90px;
    }

    /* end 2015 desktop only */
}





/* Accomodating for the share tab */

@media only screen and (max-width: 1110px) {
    /*
  #mainContainer {
    width: 946px;
    margin-right: 50px;
  }
  #register-side {
    width: 260px;
  }
  div.tr-page-main-content, div#team_page_main_content, .manageable-editor-window-editor {
    width: 681px;
  }
  #personal-footer, #facebook-comment-box {
    width: 677px;
  }
  #fr_rich_text_container {
    width: 508px;
  }
  .team-page #fr_rich_text_container {
    width: 388px;
  }
  #team-progress-area {
    width: 388px;
  }
  #personal-progress-area {
    width: 432px;
  }
  #footer-col-5 {
    width: 250px;
  }
  .facebook-padding {
    display: none;
  }
  .fb-comments {
    margin-left: 0px;
  }
  */
    #share-tab-marker,
    #share-tab,
    #find-tab {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

    /* changes for 2018 */
    #about_left {
        margin-left: 10px;
    }

    #about_body {
        width: 675px;
    }
}




/*  General Responsive Overrides */

@media only screen and (max-width: 991px) {

    div.responsive .collage-container.clearfix .collage-caption i:hover::before {
    color: #fff;
    background: #4a0d66;
    }
    

    #mainContainer {
        width: 100%;
    }

    
    #mainContainer .nav-container .nav.mobile-menu > li {border-bottom: 1px solid #bfbfbf;}
    .nav-container .nav li a {margin: 6px;}

    #nav li a {
        font-size: 30px;
        line-height: 30px;
    }


    #share-tab,
    #find-tab {
        display: none;
    }
    #footer-col-5 {
        display: block;
        float: none;
        width: 100%;
        clear: both;
    }
    #footer-col-1,
    #footer-col-2,
    #footer-col-3,
    #footer-col-4 {
        line-height: 30px;
        width: 130px;
    }
    #register-side {
        display: block;
        float: none;
        width: 100%;
        clear: both;
    }
    #about_body.gallery {
        margin-left: 0px;
    }
}



/*  Tablet: 768px  */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #header {
        /*height: 132px;*/
    }
    #tld-logo-link {
        position: absolute;
        top: 13px;
        left: 16px;
    }
    #tld-logo-img {
        width: 224px;
    }
    #nav {
        top: 80px;
    }
    #nav,
    div#login-toggle,
    #login-box,
    #logged-in-welcome {
        right: 9px;
    }
    #nav li {
        margin-right: 3px;
    }
    #nav li:last-child {
        margin-right: 0px;
    }
    #nav li a {
        padding: 11px 17px 3px 17px;
    }
    #nav li a span {
        display: none;
    }
    .flex-container {
        width: 100%;
        height: auto !important;
        float: none;
    }
    .flexslider .slides img {
        width: 100%;
    }
    .flex-manual-control-nav {
        float: none;
        clear: none;
        margin: 0px 0px 0px 20px;
    }
    .flex-manual-control-nav li {
        display: inline-block;
        width: 121px;
        vertical-align: bottom;
        margin-right: 10px;
        padding: 7px 0px 2px 0px;
    }
    .flex-manual-control-nav li:first-child {
        padding: 16px 0px 11px 0px;
    }
    .flex-manual-control-nav li:last-child {
        margin-right: 0px;
    }
    .flex-manual-control-nav li.flex-active,
    .flex-manual-control-nav li:hover {
        padding: 18px 0px 2px 0px;
    }
    .flex-manual-control-nav li.flex-active:first-child,
    .flex-manual-control-nav li:first-child:hover {
        padding: 27px 0px 11px 0px;
    }
    #home-slide-date {
        padding: 12px 20px 15px 0px;
        font-size: 19px;
        line-height: 19px;
    }
    #home-slide-date span {
        font-size: 30px;
        line-height: 30px;
    }
    div#team_image,
    img.team-image {
        width: 150px;
    }
    .mobile div.tr-page-container div#team_page_main_content,
    .mobile div.tr-page-container div.tr-page-main-content {
        width: 480px;
    }
    #fr_rich_text_container,
    .team-page #fr_rich_text_container {
        width: 305px;
    }
    #frBadge,
    #team_achievement_badge {
        width: 480px;
        float: none;
        margin-bottom: 50px;
    }
    .personal-page div.TrAchievementBadgeLarge,
    .team-page div.TrAchievementBadgeLarge {
        margin-bottom: 0px;
        display: inline-block;
        width: 200px;
        vertical-align: top;
    }
    #personal-progress-area,
    #team-progress-area {
        width: 480px;
        float: none;
        margin-bottom: 50px;
    }
    #personal-comments,
    #team-comments {
        clear: both;
    }
    #facebook-comment-box {
        width: auto;
    }
    #footer {
        padding: 25px 20px;
    }
    #footer-col-5 {
        padding-top: 20px;
    }
    #about_body {
        float: none;
        padding: 30px;
        width: auto;
        margin: 0px;
    }
    #about_left {
        float: none;
        display: block;
        /* styles for 2018 */
        margin-left: 0;
        padding-top: 0;
    }
    #about_subnav {
        display: block;
        width: 600px;
        margin-left: 30px;
    }
    #about_subnav li {
        /*
    background-color: #cccccc;
    color: #4a0d66;
    */
        margin-right: 10px;
        margin-bottom: 10px;
        margin-left: 0px;
        padding: 8px 0px 8px 10px;
        /* changes for 2018 */
        /*        width: 160px;*/
        width: 220px;
        display: inline-block;
    }
    #about_subnav li.active,
    #about_subnav li:hover {
        margin-left: 0px;
        margin-right: 10px;
        padding-right: 0px;
        padding-left: 10px;
        background-image: none;
        background: #55297b;
        color: #ffffff;
    }
    #about_subnav li a {
        margin-top: 0px;
    }
    #about_main div.content-box {
        /* changes for 2018 */
        /*        width: 335px;*/
        width: 325px;
    }
    /* changes for 2018 */
    #about_main div.content-box {
        margin: 0 15px 0 0;
    }

    #about_body h2 {
        margin-top: 60px;
    }
    #about_main_date {
        display: none;
    }
    #activity_examples {
        width: 708px;
        margin: 0px auto;
    }
    #activity_examples div.content-box {
        width: 225px;
        margin: 10px 0px 20px 0px;
    }
    #activity_examples div.content-box p {
        width: 140px;
    }
    #activity_examples div.content-box.poll {
        left: 230px;
    }
    ul.choices {
        max-width: 200px;
        margin: 0px 10px 0px 0px;
    }
    #home-about-container {
        display: inline-block;
        vertical-align: top;
        margin-left: 15px;
    }
    #home-search-container {
        display: inline-block;
        vertical-align: top;
        width: 426px;
        margin: 0px 15px 40px 60px;
    }
    #home-search-container>div {
        background-color: #d0b7e7;
        padding: 10px;
    }
    #home-search-container p {
        float: left;
        margin-top: 15px;
    }
    a#home-search-button {
        float: right;
    }
    #home-about-container a {
        /*
    box-shadow: none;
    padding-left: 0px;
    */
        background: #ffffff;
        margin-bottom: 13px;
    }
    #home-about-container a:hover {
        /*
    box-shadow: none;
    */
        background: #fff203;
        color: #4a0d66;
    }
    #home-desktop-right {
        margin-left: 15px;
    }
    #fundraising_left,
    .two_column #column_one {
        width: 460px;
    }
    #fundraising_left img,
    .two_column #column_one img {
        max-width: 100%;
    }
    #about_body #fundraising_left p a {
        line-height: 1.4em;
    }
    #fundraising_left a.tld-button {
        margin: 20px auto;
    }

    .teamSearchType {
        margin-left: 35px !important;
    }
    #searchTypeTeamByName {
        margin: 0 35px !important;
    }
    #searchTypeTeamByAL {
        margin: 0 0 0 35px !important;
    }

    /* DayOf Styles Start */
    #dayOfContainer #home-slide-container {
        height: 350px;
    }
    #dayOfContainer #time-of-day {
        margin-right: 15px;
        padding-left: 10px;
        width: 395px;
    }
    #dayOfContainer #time-of-day img {
        width: 400px;
    }
    #dayOfContainer #timeOfDayGreeting {
        font-size: 24px;
        margin-bottom: 10px;
    }
    #dayOfContainer #time-of-day #timeOfDayYellow {
        font-size: 36px;
        margin-bottom: 0;
    }
    #dayOfContainer #time-of-day #timeOfDayText {
        font-size: 12px;
    }
    #dayOfContainer #search-for-participant {
        font-size: 24px;
        padding: 15px 20px 20px 10px;
        width: 375px;
    }
    #dayOfContainer #search-for-participant input {
        width: 118px;
    }
    #dayOfContainer input#home-search-button {
        padding-left: 9px !important;
    }
    #dayOfContainer #home-slide-container-right {
        padding: 17px 10px 0 0;
    }
    #dayOfContainer #stats {
        font-size: 18px;
        height: 51px;
    }
    #dayOfContainer .stats-yellow {
        font-size: 22px;
    }
    #dayOfContainer div.tintup {
        display: inline-block;
        height: 165px;
        margin-top: 0;
        width: 430px;
    }
    #dayOfContainer div.tintup-more {
        padding-top: 0;
        padding-bottom: 10px;
    }
    #dayOfContainer a#home-search-button {
        float: none;
    }
    #dayOfContainer #home-desktop-right,
    #home-toplists div.donor-list-indicator-container {
        width: 100%;
    }
    #dayOfContainer #home-toplists {
        width: 50%;
    }
    /* DayOf Styles End */
    /* begin 2015 tablet */
    .mobile div.tr-page-container div.tr-page-main-content {
        width: 100%;
        box-sizing: border-box;
        float: none;
        margin: 10px 0px 35px 0px;
        padding: 0px 223px 0px 30px;
    }
    .personal-page #footer-wrapper {
        float: none;
    }
    #personal-progress-area {
        width: 100%;
        margin-bottom: 0px;
    }
    .manageable-editor-window-editor,
    #fr_rich_text_container {
        width: 100%;
    }
    #personal-sidebar {
        float: none;
        position: absolute;
        right: 0px;
        top: 0px;
    }
    #frBadge {
        width: auto;
        float: none;
        margin-bottom: 0px;
    }
    #footer-mission {
        width: 100%;
        padding-right: 460px;
        box-sizing: border-box;
    }
    #footer-logo {
        right: 0px;
    }
    #footer-col-4 {
        float: right;
    }
    #home-slide-container .flexslider {
        padding: 0px 60px;
    }
    #home-slide-container {
        padding-bottom: 0px;
        height: 500px;
    }
    #home-slide-container .flexslider .flex-direction-nav {
        display: block;
    }
    #home-slide-container .flexslider .flex-viewport {
        width: 633px;
        margin: 0px auto;
    }
    #yellowheader {
        top: 40px;
    }
    /*
  #yellowheader .img1 {
    display: block;
    margin: 0px auto 10px auto;
  }
  */
    #yellowheader .img1,
    #yellowheader .img3 {
        margin-right: 5px;
    }
    #subheadtoyellow {
        top: 155px;
        width: 430px;
        left: 50%;
        margin-left: -215px;
    }
    #home-slide-container .flex-container {
        top: 215px;
        margin-top: 0px;
    }
    #yellowheader img {
        margin-bottom: 8px;
    }
    #slider-bottom-text {
        /*
    width: 330px;
    */
        text-align: center;
        bottom: 40px;
        left: 0px;
        right: 0px;
        width: 100%;
        padding: 0px 390px 0px 55px;
        box-sizing: border-box;
    }
    #slider-button {
        bottom: 32px;
        right: 55px;
    }
    #homepage_partners_left {
        margin-left: 15px;
    }
    #home-desktop-right {
        margin-left: 0px;
    }
    .sts_icon,
    .sts_text {
        float: none;
        text-align: center;
    }
    .sts_icon img {
        margin: 0px auto;
    }
    .sts_box {
        text-align: center;
        padding-right: 20px;
    }
    .sts_box:nth-child(3) {
        padding-right: 0px;
    }
    #home-sunrisetosunset-box {
        padding: 20px;
    }
    #home-sunrisetosunset-container a {
        position: static;
        right: auto;
        bottom: auto;
        margin: 20px auto 0px auto;
        display: block;
        width: 161px;
    }
    .sts_box .sts_text,
    .sts_box:first-child .sts_text,
    .sts_box:nth-child(3) .sts_text {
        width: auto;
        padding: 0px;
    }
    .sts_box .sts_text {
        font-size: 13px;
    }
    .sts_box .sts_text strong {
        font-size: 20px;
    }
    #home-desktop-right {
        margin-left: 0px;
        padding-left: 300px;
        padding-right: 20px;
        width: 100%;
        box-sizing: border-box;
    }
    #home-desktop-left {
        float: none;
        position: absolute;
        left: 20px;
    }
    #home-about-container,
    #homepage_partners_left {
        margin-left: 0px;
    }
    .sts_boxes {
        display: table;
        width: 100%;
    }
    .sts_boxes .clearfix {
        display: none;
    }
    .sts_box {
        display: table-cell;
        padding: 0px;
    }
    #personal-comments {
        padding-right: 215px;
    }


    /* end 2015 tablet */
}



/*  Mobile Portrait: 320px  */

@media only screen and (max-width: 767px) {

/* bw */
div.responsive .collage-container a i {
    background: transparent;   
}
        
    .personal-page h1,
    .team-page h1 {
        margin-left: 10px;
    }
    #header {
        height: 100px;
    }
    .hide-for-mobile {
        display: none !important;
    }
    #tld-logo-link {
        position: absolute;
        top: 10px;
        left: 14px;
/*        display: inline-block;*/
    }
    #tld-logo-img {
        width: 160px;
    }
    div#login-toggle {
        top: 10px;
        right: 14px;
        font-size: 15px;
        box-shadow: none;
        width: auto;
        color: #359a8e;
        background-color: transparent;
        background-position: 40px -395px;
        line-height: 32px;
        padding: 0 25px 0 0;
    }
    #login-box,
    #logged-in-welcome {
        right: 7px;
    }
    #logged-in-welcome {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
    }

    #logged-in-welcome .log-in a#btn-name,
    #login-container .log-in a#btn-name {  
    position: absolute;
    right: 5px;
    top: 8px;
    }

    div#login-modal {
    z-index: 5000;
    }


    #menu-open-button {
        display: block;
        position: absolute;
        left: 10px;
        cursor: pointer;
        bottom: 7px;
        padding: 0px 12px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        font-family: 'UniversLTStd-BoldCn', sans-serif;
        font-size: 15px;
        line-height: 35px;
        height: 35px;
        color: #ffffff;
        background-color: #4a0d66;
        letter-spacing: -1px;
        width: 59px;
        box-sizing: border-box;
    }
    #menu-open-button:hover {
        background-color: #359a8e;
        color: #fff;
    }
    #menu-close-button {
        display: block;
        position: absolute;
        right: 15px;
        cursor: pointer;
        background-color: #4a0d66;
        color: #ffffff;
        text-align: center;
        vertical-align: middle;
        width: 63px;
        bottom: 7px;
        padding: 0px 12px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        font-family: 'UniversLTStd-BoldCn', sans-serif;
        font-size: 14px;
        line-height: 35px;
        height: 35px;
        color: #ffffff;
        background-color: #4a0d66;
        letter-spacing: -.75px;
        width: 59px;
        box-sizing: border-box;
    }
    #menu-close-button:hover {
        background-color: #359a8e;
        color: #ffffff;
    }
    #menu-close-button div {
        display: inline-block;
        vertical-align: middle;
    }
    #menu-close-button span {
        display: block;
        text-align: center;
        line-height: 12px;
    }
    .home-page div.tr-page-container #entry_page_custom_html {
        max-height: none;
    }
    .home-page div.tr-page-container div.view-content-links {
        display: none;
    }
    #home-slide-container {
        padding-bottom: 20px;
        height: 450px;
    }
    .flex-container {
        width: 100%;
        height: auto !important;
        float: none;
    }
    .flexslider .slides img {
        width: 100%;
    }
    .flex-manual-control-nav {
        float: none;
        clear: none;
        margin: 0px;
        text-align: center;
    }
    .flex-manual-control-nav li,
    .flex-manual-control-nav li:first-child,
    .flex-manual-control-nav li:last-child {
        background: transparent url('../images/home-slide-tabs.png') no-repeat 0px 0px;
        padding: 0px !important;
        width: 29px;
        height: 29px;
        overflow: hidden;
        text-indent: -99999px;
        box-shadow: none;
        display: inline-block;
        margin: 19px;
    }
    .flex-manual-control-nav li.flex-active,
    .flex-manual-control-nav li:hover {
        background: transparent url('../images/home-slide-tabs.png') no-repeat -66px 0px;
    }
    .mobile div.tr-page-container #entry_page_custom_html .flexslider .slides img {
        display: block !important;
    }
    .flex-caption {
        position: static;
        width: auto;
        padding: 11px 10px 15px 10px;
        background-color: #4a0d66;
        min-height: 0px;
    }
    .flex-caption h2 {
        font-size: 16px;
        line-height: 16px;
    }
    .flex-caption h2 span {
        font-size: 16px;
        line-height: 16px;
        display: inline;
    }
    .flex-caption p {
        margin-top: 5px;
        margin-bottom: 15px;
    }
    .mobile div.tr-page-container #entry_page_custom_html .flexslider .slides img#home-slide-1-img-desktop,
    a#home-side-1-button {
        display: none !important;
    }
    #home-desktop-left {
        display: block;
        float: none;
    }
    #home-desktop-right {
        margin-left: 0px;
        display: block;
    }
    #home-side-1-area-mobile {
        display: block;
        position: absolute;
        height: 60%;
        width: 51%;
        bottom: 30px;
        left: 16%;
    }
    #home-slide-1-img-mobile {
        display: block;
    }
    a#home-side-2-button-b,
    a#home-side-3-button-b,
    a#home-side-4-button-b,
    a#home-sunrisetosunset-button.registerBy,
    a.tld-button.registerBy {
        float: right;
    }
    a#home-side-2-button-a,
    a#home-side-3-button-a,
    a#home-side-4-button-a,
    a#home-sunrisetosunset-button.registerBy,
    a.tld-button.registerBy,
    a#home-side-2-button-a:hover,
    a#home-side-3-button-a:hover,
    a#home-side-4-button-a:hover {
        background: transparent;
        padding: 0px !important;
        color: #fff203;
        font-family: Arial, sans-serif;
        font-size: 14px;
        text-decoration: underline;
        box-shadow: none;
        float: left;
        line-height: 32px;
        text-transform: none;
    }
    a#home-sunrisetosunset-button.registerBy {
        line-height: 1em;
        text-align: center;
    }
    .home-page a#home-sunrisetosunset-button.registerBy {
        margin-left: 25px;
    }
    #fundraising_left a#home-sunrisetosunset-button.registerBy {
        float: none;
        margin-bottom: 20px;
        text-align: center !important;
        width: 190px;
    }
    #home-slide-date {
        display: none;
    }
    #home-about-container {
        margin-left: 10px;
    }
    #home-about-container a {
        padding: 10px;
        background: transparent;
        line-height: 18px;
        margin: 10px 0px 10px -10px;
    }
    #home-about-container a:hover {
        background: #fff203;
        color: #4a0d66;
    }
    #home-search-container {
        margin: 40px 0px;
    }
    #home-search-container h1 {
        margin-left: 10px;
    }
    #home-search-container>div {
        background-color: #d0b7e7;
        padding-bottom: 10px;
    }
    #home-search-container ul {
        text-align: center;
        display: block;
        padding-top: 10px;
        margin-bottom: 20px;
    }
    #home-search-container li {
        display: inline-block;
        min-width: 15%;
    }
    #home-search-container li a {
        padding-left: 0px;
        padding-top: 55px;
        line-height: normal;
        margin: 0px 5px;
        text-align: center;
    }
    #home-search-participant {
        background: transparent url('../images/home-search-participant.png') no-repeat center top;
    }
    #home-search-team {
        background: transparent url('../images/home-search-team.png') no-repeat center top;
    }
    #home-search-activity {
        background: transparent url('../images/home-search-activity.png') no-repeat center top;
    }
    #home-search-container p {
        float: left;
        width: 160px;
        line-height: normal;
        font-size: 13px;
        margin-left: 10px;
        margin-top: 0px;
    }
    a#home-search-button {
        margin-top: 0px;
        margin-right: 10px;
        float: right;
    }
    #home-sunrisetosunset-container {
        display: none;
    }
    #home-toplists div.donor-list-indicator-container {
        width: auto;
        display: block;
        margin: 0px;
    }
    #home-toplists div.donor-list-indicator-container:last-child {
        float: none;
        margin-top: 40px;
    }
    #home-bottom-container {
        margin-left: 10px;
    }
    #home-bottom-container h2 {
        margin: 0px;
        font-size: 20px;
        line-height: 20px;
    }
    .mobile div.tr-page-container #entry_page_custom_html #home-bottom-container img {
        display: block !important;
        width: 240px;
    }
    div.tr-page-main-content,
    div#team_page_main_content {
        margin: 0px 20px 0px 10px;
    }
    .mobile div#personal_page_image_div,
    .mobile div#team_image {
        display: inline-block;
        width: 100%;
        margin: 0px 10px 0px 0px;
    }
    #personal_page_image_div img,
    img.team-image {
        width: 100px;
    }
    a#text_view_more_button {
        display: none !important;
    }
    .mobile div.mobile-view-description {
        height: auto;
    }
    .mobile .personal-page div.tr-page-container div.tr-page-main-content {
        min-height: 240px;
    }
    #fr_rich_text_container,
    .team-page #fr_rich_text_container {
        width: auto;
    }
    a#personal_sidebar_join_team_button,
    a#personal_sidebar_donate_button {
        display: none;
    }
    .mobile div.mobile-donate,
    .mobile div.non-mobile-donate {
        display: block;
        position: absolute;
        left: 140px;
        margin-bottom: 30px;
    }
    a#personal_mobile_donate_button,
    a#personal_mobile_join_team_button,
    a#team_mobile_donate_button,
    a#team_mobile_join_team_button {
        float: none;
        display: block;
        margin-right: 0px;
        margin: 10px 0px;
        padding: 9px 20px 9px 0px !important;
    }
    .personal-page .manageable-editor-window-editor {
        width: auto;
        margin-top: 180px;
    }
    .team-page .manageable-editor-window-editor {
        width: auto;
        margin-top: 100px;
    }
    #admin_footer_container {
        position: relative;
    }
    div.tr-personal-page-footer {
        float: left;
        width: 100%;
    }
    #personal-sidebar {
        width: auto;
        margin-right: 0px;
        float: none;
        display: inline;
    }
    #personal_sidebar_share,
    #team_sidebar_share {
        text-align: center;
        margin: 30px 20px 30px 10px;
        line-height: 36px;
    }
    #personal-sidebar-share-icons,
    #team-sidebar-share-icons {
        display: block;
        margin-top: 0px;
        height: 39px;
    }
    #personal-sidebar-share-icons a,
    #team-sidebar-share-icons a {
        margin-left: 15px;
    }
    #team_sidebar_share {
        position: initial;
        width: auto;
    }
    #frStatus2 {
        width: 100%;
        float: right;
        margin: 350px 0px 30px 0px;
    }
    .team-page div.tr-page-container div.side-bar {
        position: relative;
        margin: 0px;
    }
    .team-page #frStatus2 {
        margin: 0px auto;
        width: 100%;
        min-width: 215px;
        float: none;
    }
    div.donor-list-indicator-container {
        width: auto;
        margin: 0px 20px 0px 10px;
    }
    div.indicator-container {
        border-bottom: 1px solid #5c2b87;
    }
    .team-roster-participant-row.clearfix {
        white-space: nowrap;
    }
    div.team-roster-participant-name {
        display: block;
        white-space: normal;
        float: none;
    }
    div.team-roster-participant-raised {
        width: 120px;
        padding-left: 28px;
    }
    .team-roster-participant-donate {
        width: 100px;
        float: right;
        top: -18px;
    }
    #personal_sidebar_mail_form,
    #team_sidebar_mail_form {
        display: none;
    }
    #personal-footer {
        width: auto;
        margin: 0px 20px 0px 10px;
    }
    #personal-progress-area,
    #team-progress-area {
        width: auto;
        position: absolute;
        left: 10px;
        right: 20px;
    }
    #team-progress-area {
        margin: 0px;
    }
    #personal-progress-area .personal-progress-title,
    #team-progress-area .team-progress-title {
        float: left;
        line-height: normal;
    }
    #personal-progress-raised,
    #personal-progress-goal,
    #personal-progress-daysleft,
    #team-progress-raised,
    #team-progress-goal,
    #team-progress-daysleft {
        min-width: 0px;
        font-size: 10px;
        margin-right: 10px;
    }
    #personal-progress-area span,
    #team-progress-area span {
        font-size: 20px;
        line-height: 20px;
    }
    .mobile div.tr-status-indicator-container.team-roster-area {
        margin-top: 260px;
        margin-bottom: 30px;
        display: block;
    }
    .mobile div.non-mobile-donate-button-container+div.tr-status-indicator-container,
    div#join_team_button_container {
        display: none;
    }
    #frBadge,
    #team_achievement_badge {
        float: none;
        margin-top: 140px;
        margin-bottom: 30px;
        width: auto;
        position: absolute;
    }
    .personal-page .TrAchievementBadgeTextLarge,
    .team-page .TrAchievementBadgeTextLarge {
        display: inline;
        width: auto;
    }
    #personal-comments,
    #team-comments {
        margin-top: 20px;
    }
    #facebook-comment-box {
        width: auto;
    }
    #footer {
        padding: 18px 0px;
    }
    #footer-col-1,
    #footer-col-2,
    #footer-col-3,
    #footer-col-4 {
        margin-bottom: 40px !important;
    }
    #footer-col-1,
    #footer-col-3 {
        margin-right: 40px !important;
        clear: left;
    }
    #footer-col-3 {
        margin-left: 0px !important;
    }
    #footer-col-2,
    #footer-col-4 {
        margin-right: 0px !important;
        width: 100px;
    }
    #footer-col-5,
    #footer-col-5 h5,
    #footer-col-5 p {
        font-size: 13px;
        line-height: 18px;
    }


    #about_body {
        float: none;
        padding: 30px;
        width: auto;
        margin: 0px;
    }
    #about_left {
        float: none;
        display: block;
        width: 220px;
        margin-left: 0;
        padding-top: 0;
    }

    #about_subnav {
        display: block;
        width: auto;
        margin-left: 30px;
    }
    #about_subnav li {
        margin-right: 10px;
        margin-bottom: 10px;
        margin-left: 0px;
        padding: 8px 0px 8px 10px;
        width: 100%;
        display: inline-block;
    }
    #about_subnav li.active,
    #about_subnav li:hover {
        margin-left: 0px;
        margin-right: 10px;
        padding-right: 0px;
        padding-left: 10px;
    }
    #about_subnav li a {
        margin-top: 0px;
    }
    #about_main div.content-box {
        display: block;
        width: auto;
    }
    #about_main_date {
        display: none;
    }
    #about-slide-container {
        float: none;
        margin: 0;
        width: 100%;
    }
    #about-slide-container-iframe {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }
    #about-slide-container-iframe iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    #about_body p a {
        display: inline-block;
        clear: both;
        margin: 0px;
    }
    #about_buttons a.tld-button:last-child {
        margin: 20px 0px 0px 0px;
    }
    #activity_examples div.content-box {
        display: block;
        text-align: center;
        width: auto;
        margin: 10px;
    }
    #activity_examples div.content-box.placeholder {
        display: none;
    }
    #activity_examples div.content-box.poll {
        position: initial;
        left: auto;
        margin: 0px auto 40px auto;
    }
    #activity_examples div.content-box p {
        width: auto;
    }
    #activity_examples div.content-box img {
        float: none;
        margin: 0px auto;
    }
    #fundraising_left,
    .two_column #column_one {
        display: block;
        width: auto;
    }
    #fundraising_right,
    .two_column #column_two {
        display: block;
        width: auto;
        float: none;
        margin-top: 20px;
    }
    #fundraising_left img,
    .two_column #column_one img {
        max-width: 100%;
    }
    #photogallery li img {
        width: 100px;
    }
    #about_body.gallery .tld-button {
        display: none !important;
    }
    #national_company_page_main img {
        float: left;
        margin: 0px 20px 40px 0px;
        display: block;
    }
    #national_company_page_main h1 {
        margin: 0px;
        display: block;
    }
    #national_company_page_main .manageable-editor {
        position: relative;
    }
    #national_company_page_main .national-company-html {
        padding-bottom: 360px;
    }
    #natlcomp-sidebar {
        margin-left: 0px;
        float: none;
        position: absolute;
        bottom: 0px;
        width: 100%;
    }
    #national_company_page_main #natlcomp-sidebar img {
        float: left;
        margin: 0px 0px 20px 0px;
        width: 50%;
        max-width: 190px;
        display: block;
    }
    #natlcomp-sidebar div.natlcomp-stats {
        width: 50%;
        float: left;
        margin-top: 0px;
        font-size: 18px;
        line-height: 18px;
    }

    #natlcomp-sidebar a.tld-button {
        font-size: 15px;
        line-height: 15px;
        width: 70%;
        max-width: 190px;
        background-position: 200px -393px;
    }

    @media only screen and (min-width: 760px) and (max-width: 767px) {

        #natlcomp-sidebar a.tld-button {
            background-position: 210px -393px!important;
            font-size: 18px;
        }
    }

    @media only screen and (min-width: 660px) and (max-width: 667px) {
        #natlcomp-sidebar a.tld-button {
            background-position: 210px -395px;
        }
    }

    @media only screen and (min-width: 660px) and (max-width: 667px) {
        #natlcomp-sidebar a.tld-button {
            width: 30%;
            background-position: 200px -395px;
        }
    }

    @media only screen and (min-width: 720px) and (max-width: 730px) {

        #natlcomp-sidebar a.tld-button {
            background-position: 210px -395px;
            width: 100%!important;
        }
    }

    @media only screen and (min-width: 730px) and (max-width: 736px) {

        #natlcomp-sidebar a.tld-button {
            background-position: 220px -395px;
        }
    }

    @media only screen and (min-width:560px) and (max-width: 568px) {
        #natlcomp-sidebar a.tld-button {
            background-position: 170px -395px;
        }
    }
    
    @media only screen and (max-width: 767px) {
        #header a.btn-log-in {
        margin: 38px 17px 0 0;
        }

        .nav-container #btn-name {margin: 25px 30px 0 0;}
        .nav-container .nav {
            top: 100px;
        }

        #menu-open-button {
        background: #fff; 
        border: 1px solid #4a0d66; 
        color: #4a0d66; 
        bottom: 32%;
        letter-spacing: .5px;
        width: 70px;
        border-radius: 5px;
        font-size: 16px;
        }

        #menu-close-button {
        right: initial;
        left: 10px;
        bottom: 32%;
        width: 70px;
        border-radius: 5px;
        border: 1px solid #4a0d66; 
        }

        #tld-logo-link {
        top: 0px;
        margin-top: 4px;
        left: 34%;
        width: 92%;
        height: 92%;
        cursor: pointer;
        z-index: 500;
        }

        #footer #social {
        padding: 40px 30px 40px 30px;
        border-top: none;
        margin-bottom: 1px;
        -webkit-box-shadow: 0px 1px 4px 0px rgba(38, 0, 59, 0.75);
        -moz-box-shadow: 0px 1px 4px 0px rgba(38, 0, 59, 0.75);
        box-shadow: 0px 1px 4px 0px rgba(38, 0, 59, 0.75);
        }

        #footer .footer-nav {
        padding: 40px 30px 5px 30px;
        border-top: none;
        margin-bottom: 4px;
        -webkit-box-shadow: 0px 5px 4px 0px rgba(38, 0, 59, 0.75);
        -moz-box-shadow: 0px 5px 4px 0px rgba(38, 0, 59, 0.75);
        box-shadow: 0px 5px 4px 0px rgba(38, 0, 59, 0.75);
        }


        #footer p.hashtags {
        font-size: 20px;
        font-weight: bold;
        margin-top: 25px;
        }

        #footer #social img {margin-bottom: 15px; width: 90%;}
    }


    @media only screen and (max-width: 568px) {
        #tld-logo-link {
            top: 0px;
            margin-top: 5px;
            left: 27%;
            width: 91%;
            height: 91%;
        }   
    }

    @media only screen and (max-width: 414px) {
        #tld-logo-link {
        top: 0px;
        margin-top: 5px;
        left: 23%;
        width: 42%;
        height: 80%;
        }

        .nav-container #btn-name {margin: 20px 20px 0 0; font-size: 16px;}

    }


    @media only screen and (min-width:370px) and (max-width: 375px) {

        #natlcomp-sidebar a.tld-button {
            background-position: 210px -395px;
        }
    }

    @media only screen and (min-width:300px) and (max-width: 320px) {
        #natlcomp-sidebar a.tld-button {
            background-position: 200px -395px;
        }
    }


    #natlcomp-progress-area {
        float: none;
        width: auto;
        margin-bottom: 20px;
    }
    .natlcomp-progress-title {
        font-size: 20px;
        line-height: 20px;
    }
    #natlcomp-progress-goal {
        float: none;
    }
    #national_company_page_table_div div.manageable-content[title="edit_top_teams_title_container"] {
        width: auto;
        display: block;
        margin-right: 0px;
    }
    #national_company_page_table_div div.manageable-content+div {
        width: auto;
        margin-right: 0px;
    }
    #national_company_page_table_div div.manageable-content[title="edit_top_participants_title_container"] {
        position: initial;
        left: auto;
        top: auto;
    }
    #national_company_page_table_div div.manageable-content {
        width: auto;
        display: block;
    }

    /* DayOf Styles Start */
    .mobile div.tr-page-container #entry_page_custom_html #dayOfContainer img {
        display: block !important;
    }

    #dayOfContainer #home-slide-container {
        height: auto;
    }

    #dayOfContainer #time-of-day {
        padding-bottom: 0;
        padding-left: 10px;
        width: auto;
    }

    #dayOfContainer #time-of-day img {
        width: 400px;
    }

    #dayOfContainer #time-of-day #timeOfDayYellow {
        font-size: 36px;
        margin-bottom: 0;
    }

    #dayOfContainer #timeOfDayGreeting {
        font-size: 24px;
    }

    #dayOfContainer #time-of-day #timeOfDayText {
        font-size: 12px;
    }

    #dayOfContainer #home-slide-container-right {
        float: left;
        margin-left: 10px;
        padding-left: 0;
        padding-top: 0;
    }

    #dayOfContainer #squares {
        float: left;
        padding-right: 0;
    }

    #dayOfContainer #squares img {
        float: left;
        margin-right: 5px;
        width: 45px;
    }

    #dayOfContainer #search-for-participant {
        font-size: 22px;
        margin-top: 0;
        padding: 0 15px 10px;
    }

    #dayOfContainer #search-for-participant input {
        width: 135px;
    }

    #dayOfContainer #stats {
        border-top: 5px solid #fff;
        font-size: 14px;
    }

    #dayOfContainer #stats-left {
        height: 51px;
        margin: 0;
        width: 50%;
    }
    #dayOfContainer .stats-yellow {
        font-size: 20px;
    }

    #dayOfContainer #home-about-container {
        margin-left: 28px;
    }

    #dayOfContainer div.tintup {
        width: 90%
    }

    #dayOfContainer div.tintup-more {
        width: 95%;
        padding-bottom: 15px;
    }

    #dayOfContainer #home-toplists {
        width: 95%;
    }

    #dayOfContainer #home-right-col {
        margin-left: 0px;
        margin-top: 15px;
        width: 95%;
    }
    /* DayOf Styles End */
    /* begin 2015 mobile portrait */
    #personalpage-title-block {
        padding-left: 130px;
    }
    .mobile div.mobile-donate,
    .mobile div.non-mobile-donate {
        display: none;
    }
    a#personal_sidebar_donate_button {
        width: auto;
        margin-right: 10px;
    }
    a#personal_sidebar_donate_button,
    a#personal_sidebar_join_team_button {
        display: inline-block;
        padding: 9px 30px 9px 5px !important;
    }
    .mobile div#personal_page_image_div {
        width: auto;
    }
    #personalpage-top-buttons {
        position: static;
        top: auto;
        right: auto;
        padding-left: 130px;
    }
    #personalpage-top-progress {
        padding: 0px;
    }
    #personal-progress-area {
        position: static;
    }
    .manageable-editor-window-editor,
    .personal-page .manageable-editor-window-editor {
        margin-left: 0px;
    }
    #home-slide-container .flexslider .flex-direction-nav {
        display: block;
    }
    #subheadtoyellow {
        font-size: 13px;
        line-height: 16px;
    }
    #slider-bottom-text {
        display: none;
    }
    #partner-slide-container .flex-container {
        width: auto;
    }
    /* end 2015 mobile portrait */
}



/*  Mobile Landscape: 480px  */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    #nav {
        display: table;
        width: 100%;
        background-color: #4a0d66;
    }
    #nav li {
        padding: 0px 12px;
        background-image: none;
        display: block;
        text-align: center;
    }
    #nav li:last-child {
        border-bottom: none;
    }
    #nav li.seperator,
    #nav li.seperator:hover {
        display: none;
    }
    #nav li:hover {
        background-color: #359a8e;
    }
    #nav li a {
        background-color: #4a0d66;
        color: #ffffff;
        text-align: left;
        padding: 0px;
        margin: 21px auto;
        width: auto;
    }
    #nav li a span {
        color: #ffffff;
    }
    #nav li:hover a,
    #nav li:hover a span {
        background-color: #359a8e;
        color: #ffffff;
    }
    .flex-manual-control-nav li,
    .flex-manual-control-nav li:first-child,
    .flex-manual-control-nav li:last-child {
        background: #e2e2e2;
        padding: 7px 0px 2px 0px !important;
        width: 96px;
        height: auto;
        overflow: hidden;
        text-indent: inherit;
        box-shadow: none;
        display: inline-block;
        margin: 10px;
    }
    .flex-manual-control-nav li:first-child {
        padding: 15px 0px 10px 0px !important;
    }
    .flex-manual-control-nav li:last-child {}
    .flex-manual-control-nav li.flex-active,
    .flex-manual-control-nav li:hover {
        background: #4a0d66;
        color: #bbe7e2;
    }
    #home-about-container {
        display: inline-block;
    }
    #home-search-container {
        display: inline-block;
        width: 180px;
        margin-top: 0px;
        margin-left: 10px;
        vertical-align: top;
    }
    #home-search-container>div {
        background-color: transparent;
    }
    #home-search-container li {
        display: block;
    }
    #home-search-container li a {
        padding-left: 55px;
        padding-top: 0px;
        line-height: 44px;
        color: #4a0d66;
        display: block;
        margin-top: 5px;
        text-align: left;
    }
    #home-search-container p {
        display: none;
    }
    a#home-search-button {
        float: none;
    }
    #home-search-participant {
        background: transparent url('../home-search-participant.png') no-repeat left center;
    }
    #home-search-team {
        background: transparent url('../images/home-search-team.png') no-repeat left center;
    }
    #home-search-activity {
        background: transparent url('../images/home-search-activity.png') no-repeat left center;
    }
    #home-bottom-container a {
        display: inline-block;
        vertical-align: middle;
    }
    #home-bottom-container p {
        display: inline-block;
        vertical-align: middle;
        width: 40%;
    }
    #home-bottom-getinspired,
    #home-bottom-snapshots,
    #home-bottom-partners {
        display: block;
        margin-bottom: 20px;
        clear: both;
    }
    .mobile div.mobile-donate,
    .mobile div.non-mobile-donate {
        position: inherit;
    }
    a#personal_mobile_donate_button,
    a#personal_mobile_join_team_button,
    a#team_mobile_donate_button,
    a#team_mobile_join_team_button {
        float: none;
        display: inline-block;
        margin-right: 20px;
    }
    #personal_sidebar_share,
    #team_sidebar_share {
        text-align: left;
        margin: 30px 20px 30px 10px;
        line-height: 36px;
    }
    #personal-sidebar-share-icons,
    #team-sidebar-share-icons {
        display: inline-block;
        vertical-align: middle;
        margin-top: 0px;
        height: 39px;
    }
    #frStatus2 {
        width: 40%;
        float: right;
        margin: 130px 20px 30px 0px;
    }
    .team-page #frStatus2 {
        margin: 0px auto;
        width: 50%;
        min-width: 215px;
        float: none;
    }
    div.donor-list-indicator-container {
        width: auto;
        margin: 0px;
    }
    #frBadge,
    #team_achievement_badge {
        float: left;
        margin-top: 130px;
        margin-bottom: 30px;
        width: 40%;
    }
    .mobile div.tr-status-indicator-container.team-roster-area {
        margin-top: 250px;
        margin-bottom: 30px;
        display: block;
    }
    .mobile div#personal_page_image_div,
    .mobile div#team_image {
        position: absolute;
        width: 100px;
    }
    div.team-roster-participant-name {
        display: block;
        white-space: normal;
        float: left;
        width: 180px;
    }
    div.team-roster-participant-raised {
        width: 120px;
        padding-left: 0px;
    }
    .team-roster-participant-donate {
        width: 100px;
        float: none;
        top: -6px;
    }
    #personal-progress-area .personal-progress-title,
    #team-progress-area .team-progress-title {
        float: none;
        line-height: 12px;
    }
    #personal-progress-raised,
    #personal-progress-goal,
    #personal-progress-daysleft,
    #team-progress-raised,
    #team-progress-goal,
    #team-progress-daysleft {
        min-width: 110px;
        font-size: 12px;
        margin-right: 20px;
    }
    #personal-progress-daysleft,
    #team-progress-daysleft {
        min-width: 0px;
        margin-right: 0px;
    }
    #personal-progress-area span,
    #team-progress-area span {
        font-size: 30px;
        line-height: 30px;
    }
    .manageable-editor-window-editor,
    .personal-page .manageable-editor-window-editor,
    .team-page .manageable-editor-window-editor {
        width: auto;
        margin-top: 0px;
        margin-left: 130px;
    }

    #footer {
        padding: 20px 10px;
    }


    #footer-col-1,
    #footer-col-2 {
        margin-right: 30px !important;
        clear: none;
    }
    #footer-col-3 {
        margin-right: 0px !important;
        margin-left: -20px !important;
        clear: none;
    }
    #footer-col-2,
    #footer-col-4 {
        width: 130px;
    }
    #footer-col-4 {
        clear: left;
    }
    #footer-col-1,
    #footer-col-2,
    #footer-col-3,
    #footer-col-4 {
        margin-bottom: 30px !important;
    }
    #activity_examples div.content-box {
        display: inline-block;
        width: 40%;
        margin: 15px 4% 15px 4%;
        text-align: center;
    }
    #activity_examples div.content-box.poll {
        margin: 0px auto 10px auto;
        position: initial;
        display: block;
    }
    #activity_examples div.content-box p {
        width: auto;
    }
    #activity_examples div.content-box img {
        float: none;
        margin: 0px auto;
    }
    #national_company_page_main .national-company-html {
        padding-bottom: 244px;
    }
    #national_company_page_main #natlcomp-sidebar img {
        max-width: 250px;
    }
    #natlcomp-sidebar a.tld-button {
        float: left;
        clear: none;
        margin-left: 5%;
        width: 30%;
        max-width: none;
    }



    /* begin 2015 mobile landscape */
    #personalpage-title-block {
        padding-left: 130px;
    }
    .manageable-editor-window-editor,
    .personal-page .manageable-editor-window-editor {
        margin-left: 0px;
    }
    #frBadge,
    #frStatus2 {
        position: static;
        margin-top: 0px;
    }
    #powerofdonation {
        clear: both;
        margin-bottom: 30px;
    }
    #personal-sidebar {
        display: block;
        margin-left: 10px;
        margin: 0px 20px 0px 10px;
    }
    #frStatus2 {
        margin-right: 0px;
    }
    #personal_sidebar_share {
        margin-left: 0px;
    }
    #personal-progress-goal,
    #personal-progress-goal span {
        font-size: 14px;
        line-height: 14px;
        text-align: right;
        margin-right: 0px;
    }
    div.tr-personal-page-footer>p {
        margin-left: 10px;
        margin-right: 20px;
    }
    #footer-col-4 {
        margin-right: auto !important;
        margin-left: auto;
        float: none;
        display: block;
        width: auto;
        text-align: center;
        line-height: 25px;
        vertical-align: middle;
    }
    #footer-col-1,
    #footer-col-2,
    #footer-col-3 {
        width: 33%;
        box-sizing: border-box;
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
    #footer-mission {
        width: 100%;
    }
    #footer-logo {
        position: static;
        text-align: center;
    }
    #footer-logo img {
        display: block;
        margin: 20px auto 0px auto;
    }
    #home-slide-container .flexslider .flex-direction-nav {
        display: block;
    }
    #home-slide-container {
        padding-bottom: 0px;
        height: 411px;
    }
    #home-slide-container .flexslider .flex-viewport {
        width: 314px;
        margin: 0px auto;
    }
    .mobile div.tr-page-container #entry_page_custom_html .flexslider .slides a.slider_link img.slider_hover {
        display: none !important;
    }
    .mobile div.tr-page-container #entry_page_custom_html .flexslider .slides a.slider_link:hover img.slider_hover {
        display: block !important;
    }
    #yellowheader {
        top: 24px;
    }
    .mobile div.tr-page-container #entry_page_custom_html #yellowheader img {
        display: inline-block;
        height: 30px;
        margin-bottom: 5px;
    }
    #yellowheader .img2 {
        margin-right: 2px;
    }
    #subheadtoyellow {
        top: 100px;
        width: 370px;
        left: 50%;
        margin-left: -185px;
    }
    #home-slide-container .flex-container {
        top: 144px;
        margin-top: 0px;
    }
    #slider-bottom-text {
        display: none;
    }
    #slider-button {
        bottom: 35px;
        right: auto;
        left: 50%;
        margin-left: -110px;
    }
    #slider-button a {
        font-size: 25px;
        line-height: 17px;
        width: 220px;
        height: auto;
        padding: 10px 50px 7px 9px;
        background: #fff203 url('../images/button2.png') no-repeat 171px 9px;
    }
    #slider-button a span {
        font-size: 17px;
        letter-spacing: -.5px;
    }
    #slider-button a:hover {
        background: #4a0d66 url('../images/button2.png') no-repeat 171px -87px;
    }
    #home-about-container,
    #homepage_partners_left {
        display: block;
        width: 100%;
        box-sizing: border-box;
        margin-left: 0px;
        padding: 0px 15px;
        margin-top: 30px;
    }
    #home-about-container a {
        margin: 10px 0px;
    }
    #homepage_partners_left h1 {
        margin-bottom: 15px;
    }
    #partner-slide-container .flexslider {
        width: 100%;
    }
    #home-sunrisetosunset-container {
        display: block;
    }
    #home-desktop-right {
        box-sizing: border-box;
        padding: 0px 15px;
        margin-top: 40px;
    }
    .sts_icon,
    .sts_text {
        float: none;
        text-align: center;
    }
    .sts_icon img {
        margin: 0px auto;
    }
    .sts_box {
        text-align: center;
        padding-right: 20px;
    }
    .sts_box:nth-child(3) {
        padding-right: 0px;
    }
    #home-sunrisetosunset-box {
        padding: 20px;
    }
    #home-sunrisetosunset-container a {
        position: static;
        right: auto;
        bottom: auto;
        margin: 20px auto 0px auto;
        display: block;
        width: 161px;
    }
    .sts_box .sts_text,
    .sts_box:first-child .sts_text,
    .sts_box:nth-child(3) .sts_text {
        width: auto;
        padding: 0px;
    }
    .sts_box .sts_text {
        font-size: 13px;
    }
    .sts_box .sts_text strong {
        font-size: 20px;
    }
    .mobile div.tr-page-container #entry_page_custom_html #home-sunrisetosunset-box img {
        display: block;
    }
    .sts_boxes {
        display: table;
        width: 100%;
    }
    .sts_boxes .clearfix {
        display: none;
    }
    .sts_box {
        display: table-cell;
        padding: 0px;
    }
    #partner-slide-container .flex-container {
        width: auto;
    }
    #personalpage-top-progress,
    .mobile div#personal_page_image_div {
        position: static;
    }
    #personalpage-top-buttons {
        position: absolute;
        top: 60px;
    }





    /* end 2015 mobile landscape */
}



/*  Mobile Portrait: 320px  */

@media only screen and (max-width: 479px) {
    #dayOfContainer #time-of-day img {
        width: 285px;
    }
    #dayOfContainer #time-of-day #timeOfDayYellow {
        line-height: 30px;
    }
    #dayOfContainer #search-for-participant input {
        margin-bottom: 5px;
        width: 100%;
    }
    #dayOfContainer #home-slide-container-right {
        display: none;
    }
    #dayOfContainer #stats-right {
        background: #FEF102;
        float: none;
    }
    #dayOfContainer #stats-left {
        height: auto;
        margin: 0;
        width: 100%;
    }
    .mobile div.tr-page-container #entry_page_custom_html #dayOfContainer img {
        margin: 0 auto;
    }
    #dayOfContainer div.tintup {
        margin-left: 15px;
    }
    #dayOfContainer #home-desktop-right {
        margin-left: 15px;
    }
    #dayOfContainer #home-desktop-right #piechart {
        max-width: 270px;
    }
    #dayOfContainer a#home-search-button {
        float: none;
    }

    #searchResults {
        margin: 0 !important;
    }
    #searchResultsContainer {
        border: 0 !important;
        padding: 0 !important;
    }
    #searchResults p.pagination {
        margin-left: 10px !important;
    }
    .teamSearchType {
        margin: 0 !important;
        width: 100% !important;
    }
    #menu-open-button,
    #menu-close-button {
        right: 10px;
    }
    #nav {
        padding: 6px 0px;
    }
    #nav li a {
        margin: 6px auto;
        width: 130px;
    }
    #footer-col-1,
    #footer-col-2,
    #footer-col-3,
    #footer-col-4 {
        margin-bottom: 20px !important;
    }
    a#personal_sidebar_donate_button {
        margin-top: 8px;
    }
    .personal-page .manageable-editor-window-editor {
        margin-top: auto;
    }
    #personalpage-top-block {
        min-height: 0px;
    }
    #personalpage-title-block {
        padding-left: 0px;
        margin-bottom: 20px;
    }
    #personal_page_image_div {
        position: static;
    }
    .mobile div#personal_page_image_div {
        width: 100%;
        margin-right: 0px;
    }
    #personalpage-top-buttons {
        position: absolute;
        right: 0px;
    }
    #personal_page_image_div img {
        max-width: 100%;
    }
    a#personal_sidebar_donate_button,
    a#personal_sidebar_join_team_button {
        margin-right: 0px;
        display: block;
    }
    a#personal_sidebar_donate_button {
        margin-top: 0px;
    }
    #personal-progress-area {
        margin-top: 15px;
    }

    #frBadge {
        position: static;
        margin-top: 10px;
    }
    #frStatus2 {
        position: static;
        margin-top: 0px;
    }
    #powerofdonation {
        clear: both;
        margin-bottom: 30px;
    }
    #personal-sidebar {
        display: block;
        margin-left: 10px;
        margin: 0px 20px 0px 10px;
    }
    #frStatus2 {
        margin-right: 0px;
    }
    #personal_sidebar_share {
        margin-left: 0px;
    }
    #personal-progress-goal,
    #personal-progress-goal span {
        font-size: 14px;
        line-height: 14px;
        text-align: right;
        margin-right: 0px;
    }
    div.tr-personal-page-footer>p {
        margin-left: 10px;
        margin-right: 20px;
    }
    #personal-sidebar #frStatus2 .donor-list-indicator-container {
        margin: 0px;
    }
    #footer-col-1,
    #footer-col-3 {
        width: 130px;
        margin-right: 30px !important;
    }
    #footer-col-2,
    #footer-col-4 {
        width: 100px;
        margin-right: 0px !important;
    }
    #footer-mission {
        width: 100%;
    }
    #footer-logo {
        position: static;
        text-align: center;
    }
    #footer-logo img {
        display: block;
        margin: 20px auto 0px auto;
    }
    #home-slide-container {
        padding-bottom: 0px;
        height: 448px;
    }
    #home-slide-container .flexslider .flex-viewport {
        width: 157px;
        margin: 0px auto;
    }
    .mobile div.tr-page-container #entry_page_custom_html .flexslider .slides a.slider_link img.slider_hover {
        display: none !important;
    }
    .mobile div.tr-page-container #entry_page_custom_html .flexslider .slides a.slider_link:hover img.slider_hover {
        display: block !important;
    }
    #subheadtoyellow {
        top: 136px;
        width: 274px;
        left: 50%;
        margin-left: -137px;
    }
    #yellowheader {
        top: 24px;
    }
    #yellowheader div {
        display: inline;
    }
    .mobile div.tr-page-container #entry_page_custom_html #yellowheader img {
        display: inline-block;
        height: 30px;
        margin-bottom: 5px;
    }
    #subheadtoyellow {
        font-size: 13px;
        line-height: 16px;
    }
    #home-slide-container .flex-container {
        top: 198px;
        margin-top: 0px;
    }
    #slider-bottom-text {
        display: none;
    }
    #slider-button {
        bottom: 30px;
        right: auto;
        left: 50%;
        margin-left: -110px;
    }
    #slider-button a {
        font-size: 25px;
        line-height: 17px;
        width: 220px;
        height: auto;
        padding: 10px 50px 7px 9px;
        background: #fff203 url('../images/button2.png') no-repeat 171px 9px;
    }
    #slider-button a span {
        font-size: 17px;
        letter-spacing: -.5px;
    }
    #slider-button a:hover {
        background: #4a0d66 url('../images/button2.png') no-repeat 171px -87px;
    }
    #home-about-container,
    #homepage_partners_left {
        display: block;
        width: 100%;
        box-sizing: border-box;
        margin-left: 0px;
        padding: 0px 15px;
        margin-top: 40px;
    }
    #home-about-container a {
        margin: 10px 0px;
    }
    #homepage_partners_left h1 {
        margin-bottom: 15px;
    }
    #partner-slide-container .flexslider {
        width: 100%;
    }
    #home-sunrisetosunset-container {
        display: block;
    }
    #home-desktop-right {
        box-sizing: border-box;
        padding: 0px;
        margin-top: 40px;
    }
    #home-sunrisetosunset-container h1 {
        margin-left: 15px;
        margin-right: 15px;
    }
    .mobile div.tr-page-container #entry_page_custom_html #home-sunrisetosunset-box img {
        display: block;
    }
    .sts_box {
        display: block;
        width: 240px;
        margin: 0px auto 12px auto;
    }
    .sts_box:nth-child(3) {
        margin-right: auto;
    }
    .sts_icon,
    .sts_text {
        float: none;
        display: inline-block;
        vertical-align: top;
    }
    #home-sunrisetosunset-box {
        padding: 20px;
    }
    #home-sunrisetosunset-container a {
        position: static;
        right: auto;
        bottom: auto;
        margin: 20px auto 0px auto;
        display: block;
        width: 161px;
    }
    #findpagetop.closed h1 {
        margin-top: 30px;
        margin-left: 15px;
    }
    #findpagetop.open h1 {
        margin-left: 15px;
    }
    #personalpage-title-block,
    #personalpage-top-progress {
        position: static;
    }
}

@media only screen and (min-width: 1190px) and (max-width: 1276px) {
#footer .footer-nav {width: 50%;}    
}
@media only screen and (min-width: 1190px) {
#footer .footer-nav {width: 50%;}
}

@media only screen and (min-width: 1580px) {
#footer .footer-nav {width: 38%;}
}



@media only screen and (min-width: 767px) {


#footer {padding: 0px;}    

#footer #social {
padding: 40px 30px 40px 30px;
border-top: none;
margin-bottom: 1px;
-webkit-box-shadow: 0px 1px 4px 0px rgba(38, 0, 59, 0.75);
-moz-box-shadow: 0px 1px 4px 0px rgba(38, 0, 59, 0.75);
box-shadow: 0px 1px 4px 0px rgba(38, 0, 59, 0.75);
}

#footer p.hashtags {
font-size: 24px;
font-weight: bold;
margin-top: 25px;
}


#footer-col-5 {background-color: #36094a; border-top: 0px solid #9accc6;}

#footer-col-5 p > span.divider {width:auto;}
#footer-col-5 p > span.divider:after {content: '|'; padding-left: 7px; padding-right: 7px;}
#footer-col-5 p > span.divider:last-child:after {content: ''; padding-left: 0px; padding-right: 0px; clear: both;}
#footer-col-5 p.strong-text {margin-bottom: 15px;}


#footer-col-5 {
padding: 20px 30px 15px 30px;
border-top: none;
margin-bottom: 4px;
-webkit-box-shadow: 0px 5px 4px 0px rgba(38, 0, 59, 0.75);
-moz-box-shadow: 0px 5px 4px 0px rgba(38, 0, 59, 0.75);
box-shadow: 0px 5px 4px 0px rgba(38, 0, 59, 0.75);
}

#footer-logo {top: 40px;}

#footer .footer-nav {width: 65%; margin-left: 23%;}
#footer .footer-nav #footer-col-1 {width: 30%;}
#footer .footer-nav #footer-col-2 {width: 30%; margin-right: 0px !important;}
#footer .footer-nav #footer-col-3 {width: 30%;}

}

@media only screen and (max-width: 767px) {
    
    .nav-container .nav li a:hover, .nav-container .nav li a:hover span {border-bottom: 0px solid #58595b;}
    .nav-container .nav li a:hover,
    .nav-container .nav li a:hover span {color: #fff;}
    .nav-container #btn-name {margin: 10px 10px 0 0;}

    #footer {
        padding: 0px 0px;
    }

    #footer .footer-nav {text-align: center; margin-top: 0px; width: 100%;}
    
    #footer-col-5 {border-top: 0px solid #000000; background-color: #36094a; margin-top: 0px; padding: 35px; text-align: center;}
    #footer-col-5 p > span.divider {width:auto; font-size: 14px;}
    #footer-col-5 p > span.divider:after {content: '|'; padding-left: 7px; padding-right: 7px;}
    #footer-col-5 p > span.divider:last-child:after {content: ''; padding-left: 0px; padding-right: 0px; clear: both;}

    #footer-col-5 p.strong-text {margin-top: 20px; margin-bottom: 20px; font-size: 16px; font-weight: 600;}


    #footer-col-1,
    #footer-col-2,
    #footer-col-3,
    #footer-col-4 {
        width: 55%;
        float: none;
        margin-right: 0 !important;
        text-align: center;
        clear: none;
    }

    #footer-logo img {margin:0px auto 20px auto;}

}


@media only screen and (max-width: 767px) and (min-width: 480px) {

    #footer-social-icons {
        display: block;
        margin-left: 0px;
    }

    #footer-col-1,
    #footer-col-3 {
        width: 100%;
    }


    #footer-col-2,
    #footer-col-4 {
        width: 30%;
    }
}


@media only screen and (max-width: 479px) {

    .nav-container .nav {top: 40px;}

    #footer-col-1,
    #footer-col-3 {
        width: 70%;
    }


    #footer-col-2,
    #footer-col-4 {
        width: 30%;
    }
}

/* fix for logo adjustment in header */
@media only screen and (max-width: 450px) {
#login-container .log-in a {
width: 16%;
}

#header a.btn-log-in {
    margin: 42px 17px 0 0;
}

#tld-logo-link {
    top: 4px;
    margin-top: 5px;
    left: 22%;
    width: 85%;
    height: 85%;
}

.nav-container .nav {
    top: 100px;
}
}


@media only screen and (max-width: 380px) {
#tld-logo-link {
    top: 4px;
    margin-top: 5px;
    left: 20%;
    width: 85%;
    height: 85%;
}

#login-container .log-in a {
    width: 17%;
}

#header a.btn-log-in {
    margin: 42px 10px 0 0;
}

.nav-container .nav {
    top: 100px;
}

.nav-container #btn-name {margin: 10px 15px 0 0; font-size: 14px;}
}


@media only screen and (max-width: 360px) {
#tld-logo-link {
    top: 5px;
    margin-top: 5px;
    left: 20%;
    width: 82%;
    height: 82%;
}

#login-container .log-in a {
width: 20%;
}

#footer-social-icons a {margin-right: 10px;}
}


/* fix for logo adjustment in header */

@media only screen and (max-width: 325px) {
    #header a.btn-log-in {margin: 42px 2px 0 0; font-size: 17px;}
    #menu-open-button,#menu-close-button {    
    font-size: 15px;
    padding-left: 9px;
    width: 60px;
    left: 7px;
    }

    #tld-logo-link {
    top: 2px;
    margin-top: 5px;
    left: 14%;
    width: 85%;
    height: 85%;
    }

    .nav-container .nav {
        top: 100px;
    }

}