/* global color styles */

/* dark font colors */
*, *::before, *::after {
    color: #262626 !important;
}


/* normal link colors */
a, a::after, a::before {
    color: #0d7d79 !important;
}

a:hover {
    color: #000000 !important;
}


/* light text and link colors */
a.btn, 
header.main nav.desk .container ul li a,
footer a, footer a::before, footer li::before,
.get-help-page #main.get-help #gh-tabs>div a,
.t-bg a, .p-bg a, .g-bg a, .t-bg a i::after, .p-bg a i::after, .g-bg a i::after,
.p-bg a::after,
footer h6,
.taxpayer-rights .nav a,
.news-filter a i::before,
nav.mob a,
nav.mob .icon-menu::before,
.contact-us .map-left .offices header h2,
.suggestion-form form button,
.tax-pro #tabs .active {
    color: #eeeeee !important;
}

a.btn:hover,
footer a:hover,
.t-bg a:hover, .p-bg a:hover, .g-bg a:hover,
.taxpayer-rights .nav a:hover,
.suggestion-form form button:hover {
    color: #4FB2B0 !important;
}


/* specific white hover styles */
header.main nav.desk .container ul li a:hover {
    color: #ffffff !important;
}

/* specific overrides for dark text/links */
.get-help-page #main.get-help #gh-tabs>div a.active,
.taxpayer-rights .widget-tborlist div a.active,
.home-page .full-hero .message h1 a {
    color: #262626 !important;
}

.get-help-page #main.get-help #gh-tabs>div a.active:hover,
.taxpayer-rights .widget-tborlist div a.active:hover,
.home-page .full-hero .message h1 a:hover
{
    color: #0d7d79 !important;
}

/* specific overrides back to normal links */
.about-tas-page .bottom-bar.purple.p-bg a, 
.about-tas-page .bottom-bar.teal.t-bg a,
.taxpayer-rights .btn.green,
.tax-pro .h2 .icon-arrow-right::after,
.tax-pro .teal a, .tax-pro .col-md-4 .green a,
.report-home .p-bg h3 a,
.contact-us .h3 a,
.suggestion-form .bottom-bar.green.g-bg a {
    color: #0d7d79 !important;
}

.about-tas-page .bottom-bar.purple.p-bg a:hover, 
.about-tas-page .bottom-bar.teal.t-bg a:hover,
.tax-pro .teal a:hover, .tax-pro .col-md-4 .green a:hover,
.taxpayer-rights .btn.green:hover,
.report-home .p-bg h3 a:hover,
.contact-us .h3 a:hover,
.suggestion-form .bottom-bar.green.g-bg a:hover {
    color: #000000 !important;
}

/* text styles to match dark background-color */
.taxpayer-rights .nav a .pointer {
    color: #4A4A4A !important;
}


/* dark backgrounds */
a.btn, 
footer, 
header.main nav.mob #simple-menu, 
.swipe-bar, 
header.main nav.desk, 
#main .need-help form, 
#main .need-help form button .icon-search, 
#main .need-help form button, 
.tax-pro #tabs .active,
#mobile-nav,
.state-name h2,
.get-help-page #main.get-help #gh-tabs>div a,
.suggestion-form form button  {
    background-color: #4A4A4A !important;
}

/* medium backgrounds */
.t-bg, 
.p-bg, 
.g-bg {
    background-color: #696969 !important;
}

/* light backgrounds */

.home-page .side-articles .bottom-bar,
.main-article,
.news-page .news-filter + .row,
.about-tas-page .bottom-bar.purple.p-bg, 
.about-tas-page .bottom-bar.teal.t-bg,
.tax-pro article.teal,
.tax-pro .col-md-4 .teal, .tax-pro .col-md-4 .green,
.widget-relatedcontentnewsarticles .item,
.suggestion-form .g-bg,
.contact-us .g-bg,
.taxpayer-rights .widget-tborlist div a.active,
.placeholder #main .row .col-md-12 .row .col-md-6.col-xm-12,
.report-home .t-bg, .report-home .p-bg,
.annual-report .col-md-4 .widget ul.annual-report-menu li.current>a,
.get-help .item,
.news-filter a,
.news-grid li,
.pager li span,
.pager li a,
.related .g-bg {
    background-color: #eeeeee !important;
}

/* white backgrounds */ 

body,
.get-help-page #main.get-help #gh-tabs>div a.active,
#main .need-help form input {
    background-color: white !important;
}

/* teal backgrounds */

#main .icon-collapse.icon-plus,
#main .widget-TaxpayerRights .rights .bottom-bar .number, .taxpayer-rights .number,
.taxpayer-rights .nav .num,
.pager span.active {
    background-color: #4fb2b0 !important;
}





/* global styles */

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6  {
    margin-bottom: 12px !important;
    text-transform: none;
}

a.btn {
    border-radius: 0px !important;
    border: 0 !important;
    box-shadow: none;
    padding: 12px;
    display: inline-block;
}

.teal, .purple, .green, .teal .h3, .purple .h3, .green .h3 {
    padding: 12px !important;
}

.readmore {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}

.readmore::after {
    position: relative !important;
    margin-left: 3px !important;
}

.bottom-bar {
    border-bottom: 0 !important;
    background-color: transparent;
    margin-bottom:  16px;
    padding: 12px 0;
}

.line-bottom {
    border-color: #dddddd !important;
}

.related-header {
    margin: 0;
}

.widget-relatedcontentnewsarticles .item {
    padding:12px
}

.page-header h1 {
    padding: 10px 0;
}

h1.purple, .h1.purple, .h3.purple, .h4.purple {
    background-color: transparent !important;
    padding: 0 !important;
    font-weight: bold !important;
}





/* header styles */

header.main .search .header-search .magnify .icon-search {
    color: #777777 !important;
}

input#header-search {
    border-bottom: 1px solid #777777;
}

header.main nav.desk {
    background-image: none;
    overflow:hidden;
}

.home-page .header.main {
    box-shadow: 2px 2px 2px -2px #999999;
}

header.main .logo {
  background-image: url('/Themes/TAS.theme2/Content/Images/logo-large-gray.png');
  max-width:486px;
  background-size: contain;
}

header.main nav.desk .container ul li a {
    font-size: 13px;
    line-height: 48px;
}

header.main nav.desk .container ul li a:hover {
    color: #fff;
}

header.main nav.desk .container ul li {
    padding: 0px 2.5%;
}

header.main nav.desk .container ul li.active, header.main nav.desk .container ul li:hover {
    background-color: #828083;
}

a.btn.contact {
    background-color: #4FB2B0 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    font-weight: bold !important;
    font-size: 13px;
}

a.btn.contact:hover {
    color:  #EEEEEE !important;
}

.contact i.icon-arrow-right {
    display: none;
}

.what-if {
    margin-top: -20px
}



/* footer styles */
footer {
    padding: 25px 0;
}

footer .links .menu.menu-footer li.last {
    display: block;
}




/* home page styles */

.home-page .full-hero {
    background-image: url(/Themes/TAS.theme2/Content/Images/hero-roadmap-radial.jpg);
    /*background-image: url(/Themes/TAS.theme2/Content/Images/hero-arc-1.jpg);*/
    height: 270px;
}

.home-page .full-hero .message h1 {
    margin: 40px 0 20px;
}

.home-page .full-hero .message h1 a, .home-page .full-hero .message .sub-head {
    font-weight: bold;
}

.home-page .news img {
    width:100% !important;
}

.home-page #main .side-articles .bottom-bar .footy {
    position: relative !important;
    margin: 20px auto 0;
}

.home-page #main .side-articles .bottom-bar .readmore-wrapper {
    padding-bottom: 10px;
}

.home-page .side-articles {
    padding-right: 0;
}

.home-page .side-articles .bottom-bar {
    height: 215px !important;
}

.home-page .side-articles .readmore {
    padding-left: 12px;
}

#main .need-help {
    width: 100%;
    margin-left:auto !important;
    margin-right:auto !important;    
}

#main .need-help form {
    box-shadow: none;
    height: 40px;
}

#main .need-help form button .icon-search, #main .need-help form button, #main .need-help form button i::before {
    font-size: 18px;
    color: #eeeeee !important;
}

#main .need-help form input {
    font-size: 16px;
    border-color: #bbbbbb;
}

.home-page .common-boxes, .home-page .news {
    border-bottom: 1px solid #dddddd !important;
    margin: 0 0 50px 0;
}

.col-md-12.issues {
    padding: 0;
    padding-bottom: 10px;
}

.issues h2.line-bottom {
    margin-bottom:20px;
}

.home-page .news {
    padding-bottom: 30px;
    margin-bottom: 10px;
}

.home-page #main .issues li {
    margin-bottom: 0;
    height: 40px;
    font-weight: bold;
}

.home-page #main .issues li a {
    font-size: 13px;
    text-transform: uppercase;
}

#main #smart-search-options li.match ul.content-items li.active, #main #smart-search-options li.match ul.content-items li:hover {
    background-color: transparent;
}

.issues-left {
    width:66%;
    float:left;
}

.issues-right {
    width:33%;
    float:right;    
}

.issues-right p {
    font-size: 20px;
    margin-bottom:16px;
    font-weight: bold;
}

.issues-right .btn {
    display: inline-block;
}

.issues-left .three-col li {
    width:50%;
}







/* get help styles */
.get-help-page #main.get-help #gh-tabs>div a {
    border-radius: 0 !important;
}

.get-help-page .upper {
    text-transform: none !important;
    margin-bottom: 24px !important;
    padding: 0 !important;
}

.get-help-page #main.get-help .what-if .orange-bullets li a {
    font-size: 16px;
}






/* taxpayer rights styles */

.taxpayer-rights .video-row {
    border-bottom: 2px solid #eeeeee;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

#main .widget-TaxpayerRights .rights .col-md-6:nth-child(-n+8) .bottom-bar {
    border-bottom: 2px solid #eeeeee !important;
}


#main .widget-TaxpayerRights .rights .bottom-bar .number, .taxpayer-rights .number {
    border-radius: 23px;
    background-image: none;
}

.taxpayer-rights .btn.green {
    background-color: transparent !important;
    float: left;
    margin-left: 55px;
}

.taxpayer-rights .btn.green::after {
    content: "\e60c";
    font-family: icomoon;
    margin-left: 3px;
}

.taxpayer-rights .widget-tborlist div a.active {
    font-weight: bold;
    padding: 4px;
}

.taxpayer-rights .widget-tborlist {
    border-bottom: 0;
}

.taxpayer-rights .nav .num {
    background-image: none;
    border-radius: 20px;
}









/* news pages styles */

.news h2.upper {
    text-transform: none;
}

.news-page .news-filter + .row {
    margin-bottom: 20px
}

.news .news-grid {
    margin-left: -55px;
    margin-right: -55px;
}

.news .news-grid li {
    margin-bottom: 25px;
}

.news .news-grid .teal, .news .news-grid .purple, .news .news-grid .orange, .news .news-grid .green {
    background-color: transparent !important;
}

.pager {
    padding-left: 0;
}

.news-page .h3 {
    padding: 4px 0 0 !important;
}

.news .page-header h1 {
    margin-left: -15px;
    margin-right: -15px;
}

.article-detail {
    padding: 0 !important;
}

.infohub-article .widget-relatedcontentnewsarticles h1 {
    padding: 0;
}

.widget-relatedcontentnewsarticles .item .h3 {
    padding: 0 !important;
}

.news .news-filter a i {
    padding: 10px;
}

.icon-tips:before {
    content: " ";
    width: 36px;
    height: 20px;
    background-image: url(images/tax-tips-icon.png);
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
    background-color: #7f8b37;
}



/* tax pro styles */

.tax-pro .bottom-bar {
    background-color: transparent !important;
}

.tax-pro .h3, .tax-pro h2 {
    padding: 0 !important;
}

.tax-pro h2.line-bottom  {
    padding-bottom:8px !important;
}

.tax-pro article:nth-child(2) img {
    width: 100%;
}

.tax-pro .btn.gray {
    display: block;
    background-color: transparent !important;
    padding:0;
    margin-top:10px;
}

.tax-pro .btn.gray::after {
    content: "\e60c";
    font-family: icomoon;
    margin-left: 2px;
}

.tax-pro .center-block {
    text-align: left;
}

.tax-pro .col-md-4 .teal, .tax-pro .col-md-4 .green {
    padding: 12px;
}

.tax-pro .col-md-4 .teal .h3, .tax-pro .col-md-4 .green .h3 {
    padding: 0;
}

.tax-pro #tabs {
    border-color: #4A4A4A !important;
}

.tax-pro #tabs .h4 {
    margin: 4px 0 0 !important
}

.tax-pro .icon-arrow-right {
    vertical-align: middle;
}





/* annual reports styles */

.report-highlights figure img {
    width: 100%;
}

.annual-report .col-md-4 .widget ul.annual-report-menu li.current>a {
    padding: 3px;
}

.placeholder #main .row .col-md-12 .row .col-md-6.col-xm-12 {
    margin:0 1%;
    width:46%;
}





/* contact us styles */


.contact-us .g-bg {
    padding: 12px;
}

.contact-us .g-bg .icon-arrow-right {
    padding-top: 2px;
}

.suggestion-form form button {
    font-weight: bold;
}

.suggestion-form .g-bg {
    padding: 12px;
}

.suggestion-form .g-bg p.h3 {
    padding: 0 0 8px !important;
}





/* search styles */


.orchard-search .zone-content, .search-filtered .zone-content {
    border-bottom: 0;
}








/* mobile styles */

@media (max-width: 768px) {
    #main .bottom-bar .need-help form button#smart-search {
        height: 40px;
        padding: 7px;
    }

    .bottom-bar {
        padding: 12px 19px;
    }
    
    .home-page .full-hero .message h1 {
        font-size: 26px;
        line-height: 32px;
        font-weight: bold !important;
    }

    .home-page .full-hero .message .sub-head {
        font-size: 16px;
    }

    .home-page .common-boxes, .home-page .news {
        border-bottom: 0 !important;
        margin-bottom: 20px;
    }

    .home-page .news {
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    #main .expander {
        border-bottom: 0;
    }

    .common-boxes {
        margin-top: -20px
    }

    footer {
        margin-bottom: 40px;
    }

    header {
        border-bottom: 10px solid #eeeeee;
    }

    .home-page .side-articles {
        padding: 0;   
    }

    .home-page .side-articles .bottom-bar {
        height: auto !important;
    }

    .home-page .side-articles .bottom-bar:last-child {
        float: right !important;
    }

    .home-page #main .news .side-articles .bottom-bar figure {
        height: auto;
        margin: 0;
        width:100%;
    }

    .home-page #main .side-articles .bottom-bar p {
        height: auto !important;
    }

    .news .main-article {
        margin-bottom: 30px;
    }

    .news .main-article {
        padding: 12px 0;
    }

    #mobile-nav ul {
        margin-top: 10px;
    }

    #mobile-nav li {
        border-bottom: 1px solid #eeeeee;
        font-size: 14px;
        line-height: 48px
    }

    #mobile-nav li {
        border-top: none;
    }
    
    #mobile-nav .header-search-mob .magnify {
        background-color: #999999;
    }

    #mobile-nav .header-search-mob input {
        width: 86%;
        border-radius: 0;
    }

    .page-header h1 {
        padding: 10px;
    }

    .news .page-header h1 {
        margin-left: 0;
        border-bottom: none;
    }

    #main .widget-TaxpayerRights .video-wrapper {
        width: auto;
        margin-bottom: 20px;
    }

    .taxpayer-rights .video-row {
        padding-bottom: 0 !important;
    }

    .taxpayer-rights .btn.green {
        float:unset;
        margin-left: 0;
    }

    .what-if header, article.widget-get-help-tools.widget-content.widget-menu-widget.widget header, .get-help-page #main.get-help .zone-content .widget-get-help-by-category, .get-help-page #main.get-help .widget-GetHelpByAlpha header {
        border-bottom: 1px solid #dddddd;
        margin-bottom: 8px;
    }

    .get-help-page .bottom-bar {
        padding: 0;
    }

    .get-help-page #main.get-help .zone-content .widget-get-help-by-category, .get-help-page #main.get-help .widget-GetHelpByAlpha {
        padding-bottom: 0;
    }

    .get-help-page #main .widget-get-help-tools {
        border-top: 0;
        margin-top: 40px;
    }

    .home-page .full-hero {
        height: auto;;
    }

    .home-page .full-hero .message h1 {
        margin: 0px 0 10px;
    }

    .home-page .full-hero .message {
        width: 75%;
    }

    #main .news .news-grid {
        margin-right: -48px;
        margin-left: -55px;
    }

    .home-page #main .common-boxes .bottom-bar {
        padding-top: 0;
    }

    header.main nav.desk .container ul li {
        padding: 0 4px
    }

    .col-md-12.issues {
        padding-bottom: 10px;
    }

    .issues-left {
        width: 100%;
    }

    .issues-right p {
        display: none;
    }

    .taxpayer-rights #main .number {
        background-image: none !important;
        padding: 3px;
    }

    .placeholder #main .row .col-md-12 .row .col-md-6.col-xm-12 {
        width: 112%;
        margin: 0 -6% 16px !important;
        padding: 16px;
    }

    #main figure img {
        width: 100%
    }

    #main .widget-TaxpayerRights .rights .col-md-6:nth-child(-n+8) .bottom-bar {
        border-bottom: 0 !important;
    }
}

@media (max-width: 480px) { 
    footer {
        margin-bottom: 0px;
    }

    .home-page .full-hero .message {
        width: 100%;
    }

    .news .news-filter {
        width: 95%;
        margin: 10px auto;
    }

    #main .news .news-grid {
         margin-left: -40px;
         margin-right: -45px;
    }

    .news .news-grid li {
        margin-bottom: 20px;
    }

    .home-page .side-articles .bottom-bar:last-child {
        width: 100% !important
    }
}

@media (max-width: 1200px) {
    header.main nav.desk {
        height: 48px;
    }

    .get-help-page #main.get-help .what-if .orange-bullets li {
        width: 48%;
    }
}

@media (max-width: 1024px) {
    header.main nav.desk .container ul li {
        margin: 0;
    }
}