@charset "UTF-8";

/*  style for plain tables */
.plain_table,
.plain_table tr,
.plain_table td {
  border: none;
  background-color: transparent;
}

/* styles for bucket pages */
.node--bucket-page header,
.node--bucket-pages header {
  padding: 0 0 2px 7%;
  background-color: #f1f1f1;
  margin: 0 0 2px 0;
}

.node--bucket-page .bucket_mob_message,
.node--bucket-pages .bucket_mob_message {
  display: block;
  font-family: 'Roboto Slab', serif;
  font-size: 1.2em;
  color: #4d4d4d;
  margin: 0;
  padding: 12px 0 0 0; 
}
  
  
/* override for main_content.css for mobile padding */
.l-main-content {
  padding: 0;
}

/* global side bar solution for mobile */
.l-main-content .sidebar_mobile {
  clear: both;
  background-color: #FF931E;
  width: 100%;
  margin: 0;
  padding: 0;
}

.expand_header {
  padding: 12px!important;
}

.l-main-content .sidebar_mobile h2 a {
  border-bottom: none!important;
  text-decoration: none;
  padding: 12px 0 12px 12%!important;
  display: inline-block;
}

.l-main-content .sidebar_mobile h2 a:hover {
  color: #333!important;
}

.l-main-content .sidebar_mobile .well {
  background-color: #F9E1A5;
  border-radius: 0;
  border: none;
  width: 100%;
  padding: 8px 0 12px 12%;
}

.l-main-content .sidebar_mobile p {
  border-bottom: .5px solid #4d4d4d;
  padding: 6px;
}

 /* orange arrow position and display - may we help you? mobile accordion */
.l-main-content .sidebar_mobile .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
      position: absolute;
      left: 280px;
      top: 10px;
      margin: -8px 0 0 0;
 }
 
.l-main-content .sidebar_mobile .ui-accordion-header-icon {
    width: 40px!important;
    height: 40px!important;
    background-image: url("../images/arrow_up.png");
    background-repeat: no-repeat;
    background-position: center;
}

.l-main-content .sidebar_mobile .ui-icon-triangle-1-s {
  background-image: url("../images/arrow_down.png")!important;
}
.l-main-content .sidebar_mobile .ui-icon-triangle-1-e {
  background-image: url("../images/arrow_up.png")!important;
}

/*  styles.css - global style for adding padding to columns */
.gapfinder {
  padding-right: 0;
  }


/* bucket pages - link treatment of top grey box */
/*  icons for bucket page titles  */
/*  Businesses bucket page - Test and Demo nodes  */
.page-node-330 .node--bucket-page h1:before,
.page-node-44134 .node--bucket-pages h1:before,
.page-node-51668 .node--bucket-page h1:before  {
      content: " ";
      display: inline-block;
      width: 44px;
      height: 44px;
      margin-right: 10px;
      margin-bottom: 0;
      margin-top: 8px;
      background-image: url("../images/DOR_Bus_xlg.png");
      background-repeat: no-repeat;
      background-position: 0 0;
      background-size: 100%;
      vertical-align: bottom;
}
          
/*  Tax Professionals bucket page - Demo nodes  */
      .page-node-51669 .node--bucket-page h1.node__title:before  {
        content: " ";
        display: inline-block;
        width: 44px;
        height: 44px;
        margin-right: 10px;
        margin-bottom: 0;
        margin-top: 8px;
        background-image: url("../images/DOR_Prof_xlg.png");
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 100%;
        vertical-align: bottom;
}
/*  General Public bucket page - Demo nodes  */
       .page-node-51670 .node--bucket-page h1.node__title:before  {
        content: " ";
        display: inline-block;
        width: 44px;
        height: 44px;
        margin-right: 10px;
        margin-bottom: 0;
        margin-top: 8px;
        background-image: url("../images/DOR_Gen_xlg.png");
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 100%;
        vertical-align: bottom;
}   

.field--name-field-top-callout a {
   color: #dde8f9;
   text-decoration: underline;
}
 
.field--name-field-top-links {
    background-color: #dde8f9;
    float: left;
    padding: 0 18px 8px 12%;
    border-radius: 0;
    width: 100%;
}

.field--name-field-top-callout {
    display: none;
   /* background-color: #666;
    padding: 18px;
    float: left;
    border-radius: 8px;
    padding: 12px;*/
}

.field--name-field-top-callout p {
    color: #fff;
    padding: 8px 0 0 0;
}

.node--bucket-page .content_pos,
.node--bucket-pages .content_pos {
    margin: 0;
    padding: 0;
}

.node--bucket-page .content_pos .left_column,
.node--bucket-pages .content_pos .left_column, 
.node--bucket-page .content_pos .right_column,
.node--bucket-pages .content_pos .right_column {
    margin: 0;
    width: 100%;
}

.node--bucket-page .content_pos .left_column .linked_bullets,
.node--bucket-page .content_pos .left_column h4,
.node--bucket-pages .content_pos .left_column .linked_bullets,
.node--bucket-pages .content_pos .left_column h4, 
.node--bucket-page .content_pos .right_column .linked_bullets,
.node--bucket-page .content_pos .right_column h4,
.node--bucket-pages .content_pos .right_column .linked_bullets,
.node--bucket-pages .content_pos .right_column h4 {
    padding-left: 12%;
    padding-bottom: 8px;
}

.node--bucket-page .content_pos h2,
.node--bucket-pages .content_pos h2{
    margin: 0!important;
    width: 100%;
    padding: 12px 0 12px 12%;
    background-color: #D1DBE5;
}

/* override for styles.css for top links */
.l-region .field__items ul.linked_bullets {
  padding-bottom: 0!important;
}

/* call out color */
  .callout {
   background-color: #dde8f9;
   border-radius:4px;
   padding: 4px 12px;
   margin: 8px 0;
 }

@media  (min-width: 280px) and (max-width: 767px) {
    /* mobile title, p, and lists */
    .not-front h1, .node-title {
      margin-left: 20px;
      margin-top: 20px;
      /*padding-top: 40px;*/
    }
    
    .not-front .l-region .field-items h2,
    .not-front .l-region .field-items h3,
    .not-front .l-region .field-items h4, 
    .not-front .l-region .field-items p,
    .not-front .l-region .field-items ul {
      margin-left: 22px;
      margin-right: 16px;  
    }
    /* mobile title for bucket pages  */
    .node-type-bucket-page h1, .node-title {
      margin-left: 20px;
      margin-top: 0!important;
      padding-top: 0!important;
    }
    
    .not-front .visible-xs-block {
      margin-top: 20px;
    }
    
    .not-front .site-slogan .top-menu a,
    .not-front .site-slogan .top-menu a:active,
    .not-front .site-slogan .top-menu a:hover,
    .not-front .site-slogan .top-menu a:visited {
      color: #fff!important;
      font-size: .8em;
    }
}

@media  (min-width: 768px) and (max-width: 979px) {
      /* tablet for bucket pages */
      .field--name-field-top-links {
       background-color: #dde8f9;
       width: 95%; 
       margin: 18px 8px;
       border-radius:6px;       
       background-image: url("../images/bucket_tab.png");
       background-repeat: no-repeat;
       background-position: 50px -10px;
       padding: 0 18px;
       min-height: 180px;
       }
       
       .field--name-field-top-links .right_column ul.linked_bullets {
       padding-left: 24px;
       }
}

@media  (min-width: 768px) and (max-width: 959px) {
      /* tablet for sidebars */
      .content_pos {
      width: 96%;
      }
}

@media  (min-width: 768px) {
      /* repositioning h2 for space above side bar */
      .l-region .field__items h2 {
        margin-top: 0!important;
      }
      
      /* pushing title down */
      h1, .node-title {
        clear: both;
        margin-top: 24px;
        margin-bottom: 20px;
      }
      
      .not-front .l-region .content_pos > ul li {
        line-height: 1.9em!important;
      }

     .node--bucket-page header,
     .node--bucket-pages header {
        padding-left: 20px;
        background-color: #fff;
        margin: 0 0 2px 0;
      }
     .node--bucket-page .bucket_mob_message,
     .node--bucket-pages .bucket_mob_message {
      display: none;
      }
  
    .l-main-content {
      padding: 15px 30px 18px 60px;
      background-color: #fff;
    }
  
    /* for footer.css - links stay white after visited */
    .l-fat-footer-1 a:visited, 
    .l-fat-footer-2 a:visited, 
    .l-fat-footer-3 a:visited, 
    .l-fat-footer-4 a:visited, 
    .l-fat-footer-5 a:visited, 
    .l-fat-footer-6 a:visited {
      color: #eeeeee;
      }
    
     /* sidebar tablet size handling  */   
      .sidebar_large {
        
      }
     
      /* Bucket Pages - special styles */ 
       .node--bucket-page .content_pos .left_column .linked_bullets,
       .node--bucket-page .content_pos .left_column h4,
       .node--bucket-pages .content_pos .left_column .linked_bullets,
       .node--bucket-pages .content_pos .left_column h4, 
       .node--bucket-page .content_pos .right_column .linked_bullets,
       .node--bucket-page .content_pos .right_column h4,
       .node--bucket-pages .content_pos .right_column .linked_bullets,
       .node--bucket-pages .content_pos .right_column h4 {
           padding: 0;
       }
        
       .top_links {
       padding: 18px 0;
       }      
       
       .bucket_top {
       padding: 40px 0 0 24px;
         }
      
        /*  icons for bucket page titles  */
        /*  Businesses bucket page - Test and Demo nodes  */
         .page-node-330 .node--bucket-page h1.node__title:before,
         .page-node-44134 .node--bucket-pages h1.node__title:before,
         .page-node-51668 .node--bucket-page h1.node__title:before  {
            content: " ";
            display: inline-block;
            width: 70px;
            height: 70px;
            background-image: url("../images/DOR_Bus_xlg.png");
            background-repeat: no-repeat;
            background-position: center;
            background-size: 100%;
            position: relative;
            top: 20px;
            margin-right: 12px;
            vertical-align: bottom;
          }
          
         /*  Tax Professionals bucket page - Demo nodes  */
          .page-node-51669 .node--bucket-page h1.node__title:before  {
            content: " ";
            display: inline-block;
            width: 70px;
            height: 70px;
            background-image: url("../images/DOR_Prof_xlg.png");
            background-repeat: no-repeat;
            background-position: center;
            background-size: 100%;
            position: relative;
            top: 20px;
            margin-right: 12px;
            vertical-align: bottom;
          }
         /*  General Public bucket page - Demo nodes  */
          .page-node-51670 .node--bucket-page h1.node__title:before  {
            content: " ";
            display: inline-block;
            width: 70px;
            height: 70px;
            background-image: url("../images/DOR_Gen_xlg.png");
            background-repeat: no-repeat;
            background-position: center;
            background-size: 100%;
            position: relative;
            top: 20px;
            margin-right: 12px;
            vertical-align: bottom;
          }            
          
          .node--bucket-page .content_pos,
          .node--bucket-pages .content_pos {
              float: left;
              margin: 12px 0 0 12px;
              padding: 0 18px;
            }
            
          .node--bucket-page .field--name-field-sidebar,
          .node--bucket-pages .field--name-field-sidebar {
            float: left;
            margin: 12px 0 0 0 ;
            width: 20%;
            }
          
          .node--bucket-page .content_pos .left_column,
          .node--bucket-page .content_pos .right_column,
          .node--bucket-pages .content_pos .left_column,
          .node--bucket-pages .content_pos .right_column{
            width: 50%;
          }
          
          .node--bucket-page .content_pos h2,
          .node--bucket-pages .content_pos h2{
            background-color: transparent;
            padding: 0;
            margin: 0;
          }
          
          /*  sidebar text  */
          .sidebar_large p,
          .sidebar_mobile p {
            font-size: .9em;
          }
		  
		  .sidebar_large li,
		  .sidebar_mobile li {
			font-size: .9em;
		  }
          
          /* column styles for 3 columns across*/
          .three_col {
            width: 30%;
            float: left;
          }

          /*  styles.css - global style for adding padding to columns */
          .gapfinder {
            padding-right: 40px;
          }

          .l-region .l-region--footer-first .region--debug,
          #block-block-26,
          #block-block-1032 {
              display: none;
          }
}

@media  (min-width: 960px) {
      /* side bar / body positioning - desktop */    
      .field--name-field-sidebar {
        float: left;
        width: 24%;
        margin-left: 15px;
        padding: 0 0 0 12px;
        vertical-align: top;
        border-left: 1px solid #FA9800;  
        height: auto!important;      
      }

     .table_pos {
       float: left;
       width: 73%;
       margin: 0 18px 0 0;
       padding: 0;
      }
    
     .content_pos {
      float: left;
      width: 74%;
      margin: 0;
      padding:  0 18px 0 0;
      }  
	.node--bucket-page .content_pos,
	.node--bucket-pages .content_pos {
		width: 70%!important;
	}
	body.page-node-46479 .field.field--name-body {
		float:  left;
		width:  74%;
	}
	body.page-node-46479 .field.field--name-body .content_pos {
		width: 100%;
		float: none;
	}
	body.page-node-46479 .field.field--name-body .view.view-excise-tax-advisories {
		clear: both;
		display: inline-block;
	}
	body.page-node-46479 .field.field--name-body .view.view-excise-tax-advisories .view-content {
		margin: 0;
		padding: 0;
	}
	body.page-node-46479 .node__links {
		clear: both;
	}
}

@media  (min-width: 980px) {
       .field--name-field-top-links {
       background-color: #dde8f9;
       float: left;
       width: 70%;
       margin: 24px 8px 18px 8px;
       border-radius:6px;       
       background-image: url("../images/bucket_tab.png");
       background-repeat: no-repeat;
       background-position: 50px -10px;
       padding: 0 18px;
       height: 200px;
       }
       
       .field--name-field-top-callout {
       display: block;
       padding: 18px 18px 8px 18px;
       float: left;
       width: 24%;
       margin: 24px 0 18px 8px;
       border-radius:6px;
       background-color: #4d4d4d;
       height: 200px;
       }
       
       .field--name-field-top-callout p {
       color: #fff;
       padding: 8px 0 0 0;
       }
        
       .field--name-field-top-callout .bucket_callout {
       font-family: 'Roboto Slab', serif;
       font-size: 1.2em;
       line-height: 1.2em;
       color: #fbb81e;
       margin: 0;
       padding: 0;
       }
}