/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*
GLOBAL STYLES - START ********************************************/

body {
    padding-top: 0px;
    padding-bottom: 0px;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.4;
}

h1 {
  font-size: 32px;
  margin-bottom: 12px;
  font-weight: bold;
}

h2 {
	font-size: 27px;
	font-weight: bold;
}

h3 {
	font-size: 19px;
	font-weight: bold;
}

h4 {
	font-size: 16px;
	font-weight: bold;
}

img {
	max-width:100%;
	height:auto;
}


.overall-wrapper.home img {
    width: 100%;
}

.top-header-item-1 img {
    width: 100%;
}

.blueheader {
	background-color: #13294B;
	width: 100%;
	padding-left: 26px;
}

/* LOGO STYLES - START */

.illinois-logo img {
 padding-right:8px;
}

.illinois-logo {
    float: left;
    position: relative;
    top: 9px;
}

.taxschool-logo {
    float: left;
    margin-top: 10px;
    max-width: 478px;
    margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
    .illinois-logo {
        float: left;
        margin: 0 auto;
        width: 45px;
    }

    .taxschool-logo {
        float: none;
        margin: 0 auto;
    }

    .taxschool-logo.mobile-view {
    width: 90%;
    float: left;
    height: 58px;
    padding-top: 22px;
	}
	.blueheader {
		display:none;
	}

}

@media screen and (max-width: 769px) {
    .taxschool-logo.desktop-view {
        display: none;
    }
}

@media screen and (min-width: 769px) {
    .taxschool-logo.mobile-view {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .whole-logo {
    width: 50%;
    display: inline-block;
    float: left;
}


}

/* LOGO STYLES - END */

.section h1 {
  color: #E84A27;
}

.section h2, .section h3, .section h4, .section h5, .section h6 {
  color: #000000;
}

p {
    line-height: 20px;
}

li {
    line-height: 20px;
}

hr {
    margin-top: 10px;
}

#top-border-spacer {
    margin-top: 144px;
}

@media screen and (min-width: 612px) and (max-width: 769px) {
    #top-border-spacer {
        margin-top: 172px;
    }
}

@media screen and (min-width: 415px) and (max-width: 612px) {
    #top-border-spacer {
        margin-top: 192px;
    }
}

@media screen and (max-width: 415px) {
    #top-border-spacer {
        margin-top: 212px;
    }
}


/*
@-moz-document url-prefix() { 
    @media screen and (max-width: 769px) {
    #top-border-spacer {
        margin-top: 365px;
    }
}

}
*/
@media screen and (min-width: 769px) and (max-width: 1244px) {
        #top-border-spacer {
            margin-top: 172px;
        }
    }



.float-right {
    float: right;
}

.float-left {
    float: left;
}

.clear-both {
    clear: both;
}

.white-background {
    background-color: #ffffff;
}

.orange-background {
    background-color: #E84A27;
}

.section {
    margin: 0;
    padding: 40px 0px 50px 0;
}

.gray-section {
    background-color: #e2e2e2;
}

.blue-section {
    background-color: #13294B;
}

.white-section {
    background-color: #ffffff;
}

.gray-section h1 {
    margin: 0 0 20px 0;
}

.white-section h1 {
    margin: 0 0 20px 0;
}

.boxed-section {
    width: 100%;
    padding: 20px;
    margin-bottom: 40px;
}

.boxed-section h2 {
    padding: 0;
    margin: 0 0 20px 0;
}

.boxed-section:nth-last-child(1) {
    margin-bottom: 0px;
}

@media (min-width: 768px) {
    .two-column {
        column-count: 2;
    }
}

.row {
    margin-bottom: 20px;
}

.col-no-padding {
    padding: 0px;
}

ul.two-column li {
    line-height: 20px;
    list-style-type: none;
}

ul.two-column li::before {
    content: "\2022";
    font-weight: 900;
    position: relative;
    top: 0;
    margin-right: 6px;
}

.box-divider-wrapper {
    display: block;
    width: 100%;
    text-align: center;
    height: 0px;
}

.box-divider {
    display: block;
    margin: 0 auto;
    width: 40px;
    height: 40px;
    /* Rotate div */
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
    position: relative;
    top: 30px;
}

.sub-page-header {
    width: 100%;
    display: block;
    background-color: #E84A27;
    text-align: center;
    padding: 50px 0;
}

.sub-page-header h1 {
    color: #ffffff;
    margin: 0;
    padding: 0;
}

.overall-wrapper .btn-primary {
    background-image: none;
    background-color: #E84A27;
    border-color: #E84A27;
    color: #ffffff;
    /* margin: 20px 0 0 0; */
}

.overall-wrapper .btn-primary2 {

    color: #ffffff;
    /* margin: 20px 0 0 0; */
    background-image: -webkit-linear-gradient(top,#337ab7 0,#265a88 100%);
    background-image: -o-linear-gradient(top,#337ab7 0,#265a88 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#337ab7),to(#265a88));
    background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #245580;
}

.overall-wrapper .btn-primary2:hover {

    color: #000000;
    /* margin: 20px 0 0 0; */
    background-image: -webkit-linear-gradient(top,#c0c0c0 0,#c0c0c0 100%);
    background-image: -o-linear-gradient(top,#c0c0c0 0,#c0c0c0 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#c0c0c0),to(#c0c0c0));
    background-image: linear-gradient(to bottom,#c0c0c0 0,#c0c0c0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #245580;
}

.overall-wrapper .btn-primary:hover {
    color: #000000;
}

.overall-wrapper .btn-primary:hover i.fa, .overall-wrapper .btn-primary:hover i.fas {
    color: #000000;
}

/* BACK TO TOP STYLES - START */

a.cd-top .fa {
    margin-right: 99px;
    color: white;
    font-size: 40px;
    padding: 17px 20px 20px 20px;
}

.cd-top {
  display: inline-block;
  height: 80px;
  width: 80px;
  position: fixed;
  bottom: 100px;
  right: 10px;
  z-index: 10;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  /*text-indent: 1%; */
  white-space: nowrap;
  background: rgba(231, 92, 36, 0.5);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #E84A27;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}

@media only screen and (min-width: 1024px) {
  .cd-top {
    /*height: 60px;
    width: 60px;*/
    right: 30px;
    bottom: 30px;
  }
}

/* BACK TO TOP STYLES - END */



/* MENU BUTTON - START */
.menu-button p {
    margin: -2px 0 -5px 0;
}

.menu-button {
    float: left;
    color: #ffffff;
    font-size: 17px;
}

.icon-bars-wrapper {
    float: left;
    margin-right: 7px;
}

.navbar-toggle {
    background-color: #13294B;/* blue */
    margin: 0;
    padding: 11px 12px;
}

.navbar-toggle .icon-bar {
    background-color: #ffffff;
}

/* ANIMATED X ICON MENU - START */

.navbar-toggle .icon-bar {
    width: 22px;
    transition: all 0.2s;
  }

.navbar-toggle .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}

.navbar-toggle .middle-bar {
    opacity: 0;
}

.navbar-toggle .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}

.navbar-toggle.collapsed .icon-bar {
    width: 22px;
    transition: all 0.2s;
  }

.navbar-toggle.collapsed .top-bar {
    transform: none;
    transform-origin: none;
}

.navbar-toggle.collapsed .middle-bar {
    opacity: 1;
}

.navbar-toggle.collapsed .bottom-bar {
    transform: none;
    transform-origin: none;
}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 763px;
}

#navbar.collapse.in {
    overflow-y: auto!important;
}

@media (max-width: 768px) {
    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        /*max-height: 340px;*/
    }


}

/* ANIMATED X ICON MENU - END */

@media (min-width: 768px) {
    .navbar-toggle {
        display: block;
    }
}

.navbar-collapse.collapse {
        display: none!important;
        visibility: hidden!important;
    }

.collapse.in {
    display: block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important;
        visibility: visible!important;
    
}

/* MENU BUTTON - END */

/* MEGA MENU STYLES - START */

.navbar-collapse {
    padding: 0;
}

#navbar, .menu-item-wrapper {
    background-color: #3f4240;
}

.menu-item-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

.menu-item {
    float: left;
    padding: 6px;
    width: 345px;
}

#navbar h1 {
    font-size: 24px;
    font-weight: 900;
    color: #ffffff;
}

#navbar ul {
    padding: 0;
}

#navbar ul ul {
		margin-left: 2em;
}

#navbar li {
    list-style: none;
    font-size: 20px;
    line-height: 28px;
	margin-bottom: 6px;
}

#navbar ul ul li {
		font-size: 16px;
		line-height: 24px;
}

#navbar a {
    color: #EC6E52;   
}

/* NAVBAR SOCIAL ICONS - START */

#navbar .social-item {
    float: left;
    margin-right: 23px;
    margin-top: 8px;
}

#navbar .social-wrapper .social-item:nth-last-child(1) {
    margin-right: 0px;
}

/* NAVBAR SOCIAL ICONS - END */

@media screen and (min-width: 768px) {
    .mobile-nav {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .desktop-nav {
        display: none;
    }

    .menu-item {
    float: none!important;
    width: 100%;
    padding: 0;
    margin: 0;
}

.mobile-nav a {
    text-decoration: none;
}

.mobile-nav a.collapsed h1:before {
    content: '+';
    margin-right: 9px;
}

.mobile-nav h1:before {
    content: '-';
    margin-right: 9px;
}

.navbar-header .cd-top {
    position: relative;
    height: initial;
    width: initial;
    bottom: 0;
    top: 0;
}

.navbar-header .cd-top {
    visibility: visible;
    opacity: 1;
}

.navbar-header .cd-top:hover {
    background-color: #13294B;
    opacity: 1;
}

}

@media screen and (max-width: 1164px) {
    .search-menu-wrapper {
    display: block;
    width: 332px;
    height: 22px;
    margin: 0 auto;
}
}

/* MEGA MENU STYLES - END */

/* NAVBAR STYLES - END */

/* TOP HEADER STYLES - START */

#top-header .search-form button {
    background-color: transparent;
    border: none;
    margin: 0px -8px;
    position: relative;
    top: 1px;
}

#top-header input {
    color: gray;
}

#top-header input[type="text"] {
    border: none;
    margin: 4px;
    padding: 2px 8px;
}

.top-header-item {
    display: block;
}

.top-header-item-1 {
    max-width: 850px;
    float: left;
    width: 100%;
    position: relative;
    top: 15px;
}

.top-header-item-2 {
    max-width: 332px;
    width: 100%;
    float: right;
}
/*
@-moz-document url-prefix() { 
    .top-header-item-2 {
        max-width: 636px;
    }
}
*/
@media screen and (min-width: 768px) and (max-width: 1245px) {
    .top-header-item.top-header-item-1 {
        float: none;
        width: 100%;
        margin: 0 auto;
    }

    .top-header-item.top-header-item-2 {
        float: none;
        width: 100%;
        margin: 0 auto;
        display: block;
    }
    .top-header-item-1 {
    	top:0px;
    }
    .navbar-header {
    	margin: 0 0 8px 0 !important;
    }
    .search-section-wrapper, .menu-button-wrapper {
    	margin-top: 2px !important;
    }
    
}

@media screen and (max-width: 768px) {
    .top-header-item-2 {
        float: none;
        margin: 0 auto;
    }
     .top-header-item-1 {
    	top:0px;
    }
    .navbar-header {
    	margin: 0 0 8px 0 !important;
    }
    .search-section-wrapper, .menu-button-wrapper {
    	margin-top: 2px !important;
    }
}

.item-2-item {
    float: left;
    display: block;
    margin-right: 7px;
}

.item-2-item:nth-last-child(1) {
    margin-right: 0;
}

.search-section-wrapper {
    margin-top: 35px;
    width: 201px;
}

.menu-button-wrapper {
	width: 124px;
    margin-top: 35px;
}

@media screen and (min-width: 416px) and (max-width: 768px) {
    .search-form {
        float: right;
    }

    .search-section-wrapper {
        width: 197px;
        float: left;
    }

    .menu-button-wrapper {

        float: left;
    }
}

@media screen and (max-width: 416px) {
    .search-section-wrapper {
        widows: 63%;
    }
}

.search-section-wrapper input[type="text"] {
    width: 161px;
}

#top-header .fa {
    color: #ffffff;
    font-size: 20px;
    line-height: 26px;
}

#top-header a i.fa:hover, #top-header a i.fas:hover {
    color: #E84A27;
}

#top-header input[type="text"] {
    background-color: #eeeeee;
    color: #13294B!important;
    border: 1px solid #ffffff;
}

.top-header-wrapper {
  display: block;
  width: 100%;
  color: #ffffff;  
}

/* SEARCH BAR - START */
/* CHECK
#top-header .search-form {
    display: block;
    float: right;
    margin: 4px;
}
*/
/* SEARCH BAR - END */

/* TOP HEADER SOCIAL ICONS - START */

#navbar .social-item {
    float: left;
    margin-right: 23px;
    margin-top: 8px;
}

#navbar .social-wrapper .social-item:nth-last-child(1) {
    margin-right: 0px;
}

/* TOP HEADER SOCIAL ICONS - END */

/* TOP HEADER STYLES - END */

/* 
TABS STYLES - START ******************/

.tabs-2 .ui-state-default {
    width: 50%;
}

.tabs-3 .ui-state-default {
    width: 33.33%;
}

.tabs-4 .ui-state-default {
    width: 25%;
}

.tabs-5 .ui-state-default {
    width: 20%;
}

.tabs-6 .ui-state-default {
    width: 16.666%;
}

.tabs-7 .ui-state-default {
    width: 14.28%;
}

@media screen and (max-width: 768px) {
    .tabs-4 .ui-state-default, .tabs-5 .ui-state-default, .tabs-6 .ui-state-default, .tabs-7 .ui-state-default {
    width: 50%;
}

.tabs-3 .ui-state-default {
    width: 100%;
}
}

.ui-state-default {
    padding: 0px!important;
    margin: 0px!important;
    border-radius: 0px!important;
    border: 0px!important;
}

a.ui-tabs-anchor {
    display: block;
    width: 100%;
}

ul.ui-tabs-nav {
    background: transparent;
    border: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #eaeaea;
    outline-color: #aaaaaa;
    outline-width: 1px;
    outline-style: solid;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #ffffff;
    outline-width: 0px;
}

.tabs ul li.ui-state-active {
    border-top: 4px solid #13294B!important;
}

@media screen and (max-width: 768px) {
    .tabs ul li.ui-state-active {
    border-top: 0!important;
}
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-radius: 0px;
}

.ui-tabs {
    padding: 0px;
}

.ui-tabs .ui-tabs-nav {
    padding: 0px;
}

.tabs .ui-tabs-nav a {
    height: 100%;
}

.tabs ul.ui-tabs-nav li {
        white-space: normal!important;
    } 


@media screen and (min-width: 768px) {
    .tabs ul.ui-tabs-nav li {
        white-space: normal!important;
    }   

    .tabs ul.ui-tabs-nav {
        display: flex!important;
    }
}

@media screen and (min-width: 537px) and (max-width: 768px) {
        .tabs .ui-tabs-nav li {
        height: 59px;
    }

    .tabs .ui-tabs-nav li {
        white-space: normal!important;
    }
}

@media screen and (min-width: 459px) and (max-width: 537px) {
        .tabs .ui-tabs-nav li {
        /*height: 74px;*/
        width: 100%;
    }

    .tabs .ui-tabs-nav li {
        white-space: normal!important;
    }    
}

@media screen and (max-width: 459px) {
        .tabs .ui-tabs-nav li {
        /*height: 54px;*/
        width: 100%;
    }

    .tabs .ui-tabs-nav li {
        white-space: normal!important;
    }    
}

.ui-widget { /* fixes discrepency between font families in bootstrap and jquery */
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
}

.ui-widget-content a {
    color: #337ab7;
}

/*
TABS STYLES - END ********************/

/* FOOTER STYLES - START */

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
    color: #ffffff;
}

footer i.fa, footer i.fas {
    color: #ffffff;
}

footer a:hover i.fa, footer a:hover i.fas {
    color: #E84A27;
}

.footer-section-wrapper {
    padding: 20px 0px 40px 0px;
}

footer .footer-section {
    color: #ffffff;
}

footer .copyright-info-wrapper {
    background-color: gray;
    text-align: center;
}

footer .copyright-info {
    padding: 10px;
    font-size: 12px;
    color: #ffffff;
}

footer .copyright-info p {
    margin: 0;
}

footer .copyright-info a {
    color: #ffffff;
}

footer .copyright-info ul {
    padding: 0;
}

footer .copyright-info a:hover {
    color: #003e7e;
}

@media screen and (min-width: 768px) {
.footer-section-1, .footer-section-2 {
    float: left;
    width: 49%;
    padding-bottom: 20px;
}
}

.footer-section-1 {
    margin-right: 2%;
}

/* FOOTER BUTTON - START */

footer .btn-primary {
    background-image: none;
    background-color: #E84A27;
    border-color: #E84A27;
    color: #ffffff;
    width: 100%;
    margin: 20px 0 0 0;
}

footer .btn-primary:hover {
    color: #000000;
}

footer .btn-primary:hover i.fa, footer .btn-primary:hover i.fas {
    color: #000000;
}

/* FOOTER BUTTON - END */

/* FOOTER SOCIAL ICONS - START */
footer .social-wrapper.social-footer .social-item:nth-last-child(1) {
    margin-right: 0px;
}

footer .social-wrapper.social-footer .social-item {
    float: left;
    margin-right: 100px;
}

footer .social-wrapper.social-footer .social-item a .fa {
    width: 50px;
    height: 50px;
    display: block;
    font-size: 54px;
}

footer .social-wrapper.social-footer {
    display: block;
    text-align:center;
    width: 80%;
    max-width:600px;
    margin: 40px auto 0;
}
/* FOOTER SOCIAL ICONS - END */

/* FOOTER TESTIMONIALS - START */

footer .testimonials-wrapper {
    background-color: #ffffff;
    color: gray;
    padding: 20px;
    width: 100%;
}

footer .testimonial-content {
    margin-bottom: 10px;
}

footer .testimonial-contact {
    color: #E84A27;
    font-weight: bold;
    float: left;
    margin-right: 10px;
}

footer .testimonial-title {
    color: #E84A27;
    font-style: italic;
}

/* FOOTER TESTIMONIALS - END */

/* FOOTER STYLES - END */

/*
GLOBAL STYLES - END ********************************************/

/*
HOME PAGE STYLES - START ************************************/

.home .jumbotron {
    background-image: url("/img/taxschoolclass2000.jpg");
    background-size: 2000px;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0px;
    margin: 0px;
}

.home .jumbotron .container {
    text-align: center;
}

.home .jumbotron h1, .home .jumbotron h2, .home .jumbotron h3, .home .jumbotron h4, .home .jumbotron h5, .home .jumbotron h6 {
    color: #ffffff;
    text-shadow: 1px 1px 8px #000000;
    font-size: 40px;
}

@media screen and (min-width: 1200px) {
    .jumbotron {
        height: 600px;
    }

    .jumbotron .slider-buttons {
        margin-top: 415px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .jumbotron .slider-buttons {
        margin-top: 363px;
    }
}

/* SLIDER BUTTON STYLES - START */
.slider-buttons {
    text-align: center;
    position: relative;
	background: #777;
	border-radius:12px;
	padding-bottom: 8px;
}

.slider-buttons .btn {
    margin-right: 30px;
}

.slider-buttons .btn-primary {
    font-size: 24px;
    background-image: none;
    background-color: #ffffff;
    border-color: #ccc;
    color: #000000;
}

.btn-primary:hover {
    background-color: #e6e6e6;
    background-position: 0 -15px;
}

.btn-primary:focus {
	outline:none !important;
}

.slider-buttons .fa, .slider-buttons .fas {
    padding-right: 20px;
    color: #E84A27; /* orange */
}

.home .intro-text h1 {
  text-align: center;
  color: #E84A27;
}

.home .intro-text p {
    margin: 0;
}

/* SLIDER BUTTON STYLES - END */

/* HOME PAGE SIDEBAR - START */

#section-sidebar {
        display: block;
        background-color: #E84A27;
        color: #ffffff;
    }

@media screen and (min-width: 768px) {
    #section-sidebar {
        width: 30%;
    }
}

@media screen and (max-width: 768px) {
    #section-sidebar {
        width: 100%;
        margin-bottom: 20px;
    }
}

.left-sidebar-wrapper {
    float: left;
    margin-right: 40px;
}

.right-sidebar-wrapper {
    float: right;
}

#section-sidebar p {
	margin-left:10px;
}

#section-sidebar a {
	color: #8bc8fd;
	font-weight: bold;
}
/* HOME PAGE SIDEBAR - END */

/* HOME PAGE MAIN CONTENT - START */

#section-main-content {
    display: block;
}

@media screen and (min-width: 768px) {
    #section-main-content {
        width: 75%;
    }
}

@media screen and (max-width: 768px) {
    #section-main-content {
        width: 100%;
        margin-bottom: 20px;
    }
}

#section-main-content .row:nth-last-child(1) {
    margin-bottom: 0;
}

.left-main-content-wrapper {
    float: left;
}

.right-main-content-wrapper {
    float: right;
    margin-right: 40px;
}

.home #section-main-content h1 {
    border-bottom: 2px solid #E84A27;
    margin: 10px 20px 10px 20px;
    line-height: 45px;
}

.home #section-main-content h2 {
    margin: 6px 20px 10px 20px;
    line-height: 35px;
}

.home #section-main-content p {
    margin: 6px 20px 10px 20px;
}
@media screen and (min-width: 768px) {
    .home .section .container {
        display: flex;
    }
}

.home #dates-of-interest-banner img {
    position: relative;
    top: -16px;
    left: -25px;
}

@media screen and (max-width: 1200px) {
    .home #dates-of-interest-banner img {
        position: relative;
        top: -3px;
        left: -16px;
        width: 200px;
    }
}

@media screen and (max-width: 768px) and (min-width: 550px) {
    .home #section-sidebar ul {
        column-count: 2;
        list-style: none;
    }

    .home #section-sidebar ul li::before {
        content: '-';
        padding-right: 10px;
    }
}

/* HOME PAGE MAIN CONTENT - END */

/*
HOME PAGE STYLES - END **************************************/

/*
FALL TAX SCHOOL STYLES - START ******************************/

.fall-tax-school h1 {
    margin-top: 0px;
}

/*
FALL TAX SCHOOL STYLES - END ********************************/

/*
PRODUCTS STYLES - START *************************************/

.products img {
    width: 211px;
}

.products h1 {
    margin-top: 0px;
}

/*
PRODUCTS STYLES - END ***************************************/

/*
MAILING LIST STYLES - START *********************************/

.mailing-list h1 {
    margin-top: 0px;
}

.mailing-list input[type="text"] {
    width: 100%;
    padding: 5px 10px;
    background-color: #e2e2e2;
    border: 1px solid #cacaca;
}

/*
MAILING LIST STYLES - END ***********************************/

/* 
POLICIES AND PROCEDURES STYLES - START **********************/

.policies-procedures .section:first-child {
    padding: 60px 0px 0px 0px;
}

.policies-procedures .section:nth-child(2) {
    padding: 50px 0px 50px 0px;
}

/*
POLICIES AND PROCEDURES STYLES - END ************************/

/*
MY ACCOUNT STYLES - START ***********************************/

.overall-wrapper.my-account {
    padding: 20px 0 0 0;
}

.my-account h1 {
    color: #E84A27;
}

.my-account h2 {
    color: #E84A27;
    margin-top: 0px;
}

.my-account #login-information {
	/*
    border: 1px solid gray;
    padding: 20px;
    width: 45%;
    float: left;
    margin-right: 20px;
    */
}



@media screen and (max-width: 768px) {
    .my-account #login-information {
        width: 100%;
        float: none;
    }

    .my-account #studentname {
        width: 100%;
        float: none;
    }
}

.my-account .myaccount-button {
    background-color: #E84A27;
    color: #ffffff;
}

.my-account #studentinfo {
    border: 1px solid gray;
    padding: 20px;
    margin: 0 0 40px 0;
}

.my-account .spacer {
    padding: 10px 0;
}

.my-account #studentview {
    background-color: transparent;
    border: 0;
    width: 100%;
    display: block;
}


/* JAVASCRIPT OVERLAYS - START */

#editstudent, #historydiv, #editstudent, #editlogin, #recoverlogin {
    position: absolute!important;
    top: 175px!important;
    left: 0!important;
    width: 70%!important;
    margin: 0 auto!important;
    right: 0!important;
	visibility: hidden;
}

#recoverlogin {
	width:50% !important;
}

@media screen and (max-width: 770px) {
    #editstudent, #historydiv, #editstudent, #editlogin, #recoverlogin {
        top: 324px!important;
    }
}



#editlogin td {
    padding-bottom: 5px!important;
    padding-right: 12px!important;
}


*/

/* JAVASCRIPT OVERLAYS - END */

/*
MY ACCOUNT STYLES - END *************************************/

/*
VIEW CART STYLES - START ************************************/

.overall-wrapper.viewcart {
    padding: 20px 0 0 0;
}

.viewcart h1 {
    color: #E84A27;
}

/*
VIEW CART STYLES - END **************************************/

/*
CHECKOUT PAGE STYLES - START ********************************/

.overall-wrapper.checkout {
    padding: 20px 0 0 0;
}

.checkout h1 {
    color: #E84A27;
}

.checkout .checkout-button {
    background-color: #E84A27;
    color: #ffffff;
}

.checkout #studentinfo {
    border: 1px solid gray;
    padding: 20px;
    margin: 0 0 40px 0;
    max-width: 450px;
}

/*
CHECKOUT PAGE STYLES - END **********************************/

/*
FALL TAX SCHOOL STYLES - START ******************************/


/* MAP STYLES */

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

    .content-information {
        column-count: 2;
    }
}

.content-information {
    margin-top: 20px;
}

.midimage {
    width: 25px;
}

#StateMap {
    width: 264px;
    float: left;
    margin-right: 30px;
}

#IconLegend {
    float: left;
}

.LocWrapper {
	clear:both;
	margin-bottom: 22px;
}

.LocWrapper h3 {
	margin-top:0px;

}

.LocImages {
    float: left;
    /*height: 213px;*/
    /*padding-right: 10px;*/
}

#schoolsbylocation .fa {
    font-size: 25px;
    width: 25px;
}

.fa-leaf {
    color: #31a73c;
}

.fa-cutlery {
    color: #3e8bd8;
}

.LocInfo img {
    /* width: 111px; */
}

.LocInfo {
	margin-left:45px;
    break-inside: avoid;
	page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
}

@media screen and (min-width: 768px) {
    #text-map-replace {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    #StateMap, #StateIntro {
        display: none;
    }
}

/* MAP STYLES */

/*
FALL TAX SCHOOL STYLES - END ********************************/

/*
IMPORT EXTERNAL CODE STYLES - START *************************/

/* CART SECTION - START */

.cart-section {
    display: inline-flex;
    /* float: right; */
    max-width: 350px;
    margin-top: 20px;
    border: 1px solid #e2e2e2;
    padding: 7px 12px 0px 0px;
    background-color: #eeeeee;
    font-size: 11px;
    color: #000000;
    margin: 10px 0px 10px 12px;
}

@media screen and (min-width: 768px) {
    .cart-section {
        margin: 10px 0px 10px 80px;
    }
}

.cart-section a {
    color: #13294B;
}

@media screen and (min-width: 765px) {
    .cart-section {
        max-width: 350px; 
    }
}

@media screen and (max-width: 765px) {
    .item-2-item.cart-wrapper {
        margin: 0 auto;
        float: none;
        max-width: 283px;
        position: relative;
        top: 12px;
    }

    .cart-section {
        width: 46%;
    }
}

@media screen and (max-width: 473px) {
    .cart-section {
        padding: 7px 12px 0px 12px;
    }
}



/* CART SECTION - END */

/* ORDER BOX - START */
.order-box-wrapper { 
    /* This style does not go into the imported code. This div is wrapped around the imported code. */
    display: flex;
    max-width: 450px;
    border: 2px solid #000000;
    border-radius:15px;
    padding: 20px;
    margin: 20px auto 10px auto;
    background-color: #a3d2f9;
}

.order-box-wrapper input.submit {
    background-color: #E84A27;
    border: none;
    color: #ffffff;
    padding: 5px 20px;
}

.order-box-wrapper select.input {
    background-color: #fffedc;
    padding: 5px;
}

.order-box-wrapper #pricetext strong {
    color: #E84A27;
    font-size: 18px;
}

.order-box-wrapper #lblPrice {
    font-size: 16px;
    font-weight: bold;
}

/* ORDER BOX - END */

/* LOGIN BOX - START */

.forgotten-password-wrapper {
    margin-top: 40px;
    max-width: 400px;
    margin: 0 auto;
    padding: 20px;
    border: 1px solid gray;
    background-color: #ffffff;
}

.forgotten-password-wrapper #recoverlogin {
    margin: 0!important;
    padding: 0!important;
}

/* LOGIN BOX - END */

@media print {
	.noprint {display:none !important;}	
}

/*
IMPORT EXTERNAL CODE STYLES - END ***************************/