@import url('https://fonts.googleapis.com/css?family=Oxygen:400,300,700');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900|Roboto:300,400,500,700,900');
@import url('https://fonts.googleapis.com/css2?family=Bangers&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Allura&display=swap');

/* Responsive Buttons */
@media screen and (max-width: 39.9375em) {
  .button.small-only-expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0; } }
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .button.medium-only-expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0; } }
@media screen and (max-width: 63.9375em) {
  .button.medium-down-expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0; } }
@media print, screen and (min-width: 40em) {
  .button.medium-expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0; } }
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .button.large-only-expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0; } }
@media screen and (max-width: 74.9375em) {
  .button.large-down-expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0; } }
@media print, screen and (min-width: 64em) {
  .button.large-expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0; } }

/*#tutoring.tabcontent .portlet-content {
    padding: 0;
}*/
.accordion-title {
    padding: 1.25rem 1rem;
}
.jumbotron .accordion-title::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f107";
    font-size: 1.25rem;
}

/*Over-ride Foundation Grid margin on cell */
.grid-margin-x > .cell {
    margin-left: 0.53rem;
    margin-right: 0.53rem;
}

.inline-block{
  display:inline-block;
}

.portlet-content .grid-container {
    margin-top: 0.15rem;
    margin-bottom: 0.15rem;
}
.action-link-container a.button {
  background-color: #ba5700;
  color: #fff;
  /*padding: 0.75rem 2.1875rem;*/
  /*padding: 0.75rem calc(50% - 1.875rem);*/
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  /*white-space: nowrap;*/
}
.force-inline-block {
    display: inline-block;
}
.grow:hover {
  transform: scale(1.04);
  /*padding: 0 0.1rem;*/
}
a.button.grow:hover {
  transform: scale(1.04);
  /*padding: inherit;*/
}
.action-link-container a.button:hover {
  background-color: #6e3300;
  /*border-color: #6e3300;*/
}
.cell.main-content{
    font-family: 'Lato', sans-serif;
    font-size: 1rem;
    font-weight: 300;
}
.main-content h1, .main-content .h1,
.main-content h2, .main-content .h2,
.main-content h3, .main-content .h3,
.main-content h4, .main-content .h4,
.main-content h5, .main-content .h5,
.main-content h6, .main-content .h6 {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
}
.jumbotron .title {
  /*font-family: 'Oxygen', sans-serif;*/
  font-size: 3rem;
  /*font-weight: 600;*/
  letter-spacing: -1px;
  text-align: inherit !important;
  text-transform: none;
  /*margin-bottom: 1.5625rem;
  margin-top: 3.5rem;*/
}

.circular-portrait {
    position: relative;
    margin: 0.5rem auto;
    width: 30vw;
    height: 30vw;
    overflow: hidden;
    border-radius: 50%;
}

.circular-portrait img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media print, screen and (min-width: 64em){
  .circular-portrait {
    width: calc(30vw/3);
    height: calc(30vw/3);
  }
}


.image-box img.radius {
    border-radius: 0.5rem;
    /*max-height: 30rem;*/
}
.action-link-container i.fas {
  position: relative;
  /*right: 1.1rem;*/
  font-size: 1.5em;
  margin-right: 0.25rem;
  padding: 0.25em;
  width: 2.25rem;
  height: 2.25rem;
  vertical-align: middle;
  background: #fff;
  color: #ba5700;
  border-radius: 5000px;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.action-link-container .white i.fas {
    background: transparent;
    color: #fff;
}
.action-link-container a:hover i.fas{
  color: #6e3300;
}
i.fas:before {
  top: 3px;
  position: relative;
}
.accordion-title i {
  margin-right: 1rem;
}
.callout-body-text {
  /*padding: 1em 0;*/
  padding: 1em;
}
.callout-footer {
  padding: 1em;
}
/*.callout-image {
   background: url(/images/pexels-karolina-grabowska-4195401.jpg);
   padding-bottom: 19em;
   background-size: cover;
   border-radius: 6px 6px 0 0;
}*/
.callout-hover-reveal .callout-footer {
  display: none;
}

.full-container{
  width:100vw;
  background-color: #fff;
  /*padding: 1rem 0;*/
}
.jumbotron .accordion {
  background: transparent;
  /*margin: 0 10vw;*/
}
.jumbotron .accordion-title {
  background: transparent;
  border: 1px solid lightgrey;
  border-bottom: 0;
  color: #000;
}
.jumbotron li.accordion-item {
  margin-bottom: 0;
  box-shadow: none;
}
.jumbotron .gradient li.accordion-item{
  background: -moz-linear-gradient(top, #ECE7D600, #00000025);
  background: -ms-linear-gradient(top, #ECE7D600, #00000025);
  background: -o-linear-gradient(top, #ECE7D600, #00000025);
  background: -webkit-gradient(linear, center top, center bottom, from(#ECE7D600), to(#00000025));
  background: -webkit-linear-gradient(top, #ECE7D600, #00000025);
}
.jumbotron .accordion-item:first-child > :first-child {
    border-radius: 6px 6px 0 0;
}
.jumbotron .accordion-item:last-child > :last-child {
    border-radius: 0 0 6px 6px;
}
.jumbotron :last-child:not(.is-active) > .accordion-title {
	border-bottom: 1px solid #e2d6ab;
    border-radius: 6px;
}
.jumbotron .accordion-item:last-child > :first-child {
  border-radius: 0 0 6px 6px;
}
.jumbotron .accordion-item.is-active:last-child > :first-child {
  border-radius: 0 0 0 0;
}
.plus-minus .accordion-title::before {
  content: '\f067';
}
.plus-minus .is-active > .accordion-title::before {
  content: '\f068';
}
.jumbotron.parallax {
  background-attachment: fixed !important;
}
.jumbotron.parallax h1, 
.jumbotron.parallax h2, 
.jumbotron.parallax h3, 
.jumbotron.parallax h4, 
.jumbotron.parallax h5, 
.jumbotron.parallax h6, 
.jumbotron.parallax .title {
  text-transform: none !important;
  margin-bottom: auto;
}
.jumbotron.math-theme{
  /*background-color: url(/images/pexels-max-fischer-5212320.jpg);
  background-size: cover;*/
  background-color: lightgrey;
  color:#000;
  background: url(https://library.chemeketa.edu/media/chemeketa-library/_P7A1657.jpg);
  background-size: cover;
  background-position: center;
  /*background-color: rgba(0,0,0,0.5);
  background-blend-mode: overlay;*/
}
.jumbotron.finals-frenzy-theme{
  /*background-color: url(/images/pexels-max-fischer-5212320.jpg);
  background-size: cover;*/
  background-color: lightgrey;
  color:#000;
  text-shadow: 2px 2px #000;
  background: url(/images/tutoring/shark-frenzy.jpg);
  background-size: cover;
  background-position: center;
  /*background-color: rgba(0,0,0,0.5);
  background-blend-mode: overlay;*/
}

.bangers {
  font-family: 'Bangers', cursive !important;
}
.montserrat {
  font-family: 'Montserrat', sans-serif !important;
}
.georgia {
  font-family: 'Georgia', serif !important;
}
.allura {
  font-family: 'Allura', serif !important;
}

.weight-100{
  font-weight: 100 !important;
}
.weight-200{
  font-weight: 200 !important;
}
.weight-300{
  font-weight: 300 !important;
}
.weight-400{
  font-weight: 400 !important;
}
.weight-500{
  font-weight: 500 !important;
}
.weight-600{
  font-weight: 600 !important;
}
.weight-700{
  font-weight: 700 !important;
}
.weight-800{
  font-weight: 800 !important;
}
.weight-900{
  font-weight: 900 !important;
}
.medium{
  line-height: 0.85;
  font-size: 4rem;
}
.large{
  line-height: 0.85 !important;
  font-size: 6rem !important;
}
.standout-text{
  font-size: 1.25rem;
  font-weight: bold;
}
.rotate-5{
  transform: rotate(-5deg);
}
.rotate5{
  transform: rotate(5deg);
}
.lightbox-overlay{
  transition: all 0.3s ease;
  -webkit-filter: grayscale(1); 
  -webkit-filter: grayscale(100%); 
  -moz-filter: grayscale(100%);
  filter: gray;
  filter: grayscale(100%);
}
.lightbox-overlay:hover{
  -webkit-filter: grayscale(0); 
  -webkit-filter: grayscale(0%); 
  -moz-filter: grayscale(0%);
  filter: none;
  filter: grayscale(0%);
}
.black-overlay {
  background-color: rgba(0,0,0,0.5) !important;
  background-blend-mode: overlay !important;
}
.white-overlay {
  background-color: rgba(255,255,255,0.25) !important;
  background-blend-mode: overlay !important;
}
.blue-overlay {
  background-color: rgba(0,177,193,0.75) !important;
  background-blend-mode: overlay !important;
}
.gold-overlay {
  background-color: rgba(190,138,44,0.75) !important;
  background-blend-mode: overlay !important;
}
.orange-overlay {
  background-color: rgba(186,87,0,0.75) !important;
  background-blend-mode: overlay !important;
}
.rose-overlay {
  background-color: rgba(122, 36, 38, .5) !important;
  background-blend-mode: overlay !important;
}
.red-overlay {
  background-color: rgba(122,36,38, 1) !important;
  background-blend-mode: overlay !important;
}
.green-overlay {
  background-color: rgba(85,107,47,0.75) !important;
  background-blend-mode: overlay !important;
}
.tan-theme {
  background: #f1ecdc;
  color: #4d2612;
}
.tan-theme .accordion-title {
  color: #4d2612;
  background: -moz-linear-gradient(top, #ECE7D6, #E3D9BA);
  background: -ms-linear-gradient(top, #ECE7D6, #E3D9BA);
  background: -o-linear-gradient(top, #ECE7D6, #E3D9BA);
  background: -webkit-gradient(linear, center top, center bottom, from(#ECE7D6), to(#E3D9BA));
  background: -webkit-linear-gradient(top, #ECE7D6, #E3D9BA);
}
.tan-theme .accordion-title:hover{
  background: #E4E3CE;
  background: -moz-linear-gradient(top, #E4E3CE, #D6D5B4);
  background: -ms-linear-gradient(top, #E4E3CE, #D6D5B4);
  background: -o-linear-gradient(top, #E4E3CE, #D6D5B4);
  background: -webkit-gradient(linear, center top, center bottom, from(#E4E3CE), to(#D6D5B4));
  background: -webkit-linear-gradient(top, #E4E3CE, #D6D5B4);
}
.green-theme {
  background: darkolivegreen;
  color: #fff;
}
.green-theme .accordion-title {
  color: #fff;
}
.green-theme .accordion-title:hover,
.green-theme .accordion-title:focus,
.green-theme .accordion-title[aria-selected="true"]  {
  background-color: #fff;
  color: #4d2612;
}
.green-theme .accordion-title::before {
  color:#fff;
}
.green-theme .accordion-title:hover::before,
.green-theme .accordion-title:focus::before,
.green-theme .accordion-title[aria-selected="true"]::before {
  color: #4d2612;
}
.green-theme .portlet-content {
  background: #fff;
  color: #000;
}
.green-theme :last-child:not(.is-active) > .accordion-title {
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0 0 6px 6px;
}
.yellow-theme {
    background: #be8a2c;
    color: #fff;
}
.blue-theme {
    background: #00b1c1;
}
.blue-theme .accordion-title {
  color: #fff;
}

.blue-theme .accordion-title:hover,
.blue-theme .accordion-title:focus,
.blue-theme .accordion-title[aria-selected="true"] {
  background-color: #fff;
  color: #00838F;
}
.blue-theme .accordion-title::before {
  color:#fff;
}
.blue-theme .accordion-title:hover::before,
.blue-theme .accordion-title:focus::before,
.blue-theme .accordion-title[aria-selected="true"]::before {
  color: #00838F;
}
.cadet-blue-theme{
  background: #4d878e;
  background: #00838F;
  color: #fff;
}
.cadet-blue-theme .accordion-title {
  color: #fff;
}

.cadet-blue-theme .accordion-title:hover,
.cadet-blue-theme .accordion-title:focus,
.cadet-blue-theme .accordion-title[aria-selected="true"] {
  background-color: #fff;
  color: #00838F;
}
.cadet-blue-theme .accordion-title::before {
  color:#fff;
}
.cadet-blue-theme .accordion-title:hover::before,
.cadet-blue-theme .accordion-title:focus::before,
.cadet-blue-theme .accordion-title[aria-selected="true"]::before {
  color: #00838F;
}

.light-blue-theme{
  background: #DBF9FF;
  color: #005961;
}

.orange-theme {
  background: #c94d00;
}

.red-theme {
  background: #7a2426;
}

.yellow-sun-theme {
  background: #efcb36;
}

.blue-green-theme{
  background: rgb(0,131,143);
  background: -moz-linear-gradient(135deg, rgba(0,131,143,1) 0%, rgba(0,177,193,1) 35%, rgba(170,179,0,1) 100%);
  background: -webkit-linear-gradient(135deg, rgba(0,131,143,1) 0%, rgba(0,177,193,1) 35%, rgba(170,179,0,1) 100%);
  background: linear-gradient(135deg, rgba(0,131,143,1) 0%, rgba(0,177,193,1) 35%, rgba(170,179,0,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00838f",endColorstr="#aab300",GradientType=1);
}

.rw-theme {
  background: #6a3ca8;
  background: -moz-linear-gradient(left, #6a3ca8 0%, #a05dff 100%, #7db9e8 100%);
  background: -webkit-linear-gradient(left, #6a3ca8 0%,#a05dff 100%,#7db9e8 100%);
  background: linear-gradient(to right, #6a3ca8 0%,#a05dff 100%,#7db9e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a3ca8', endColorstr='#7db9e8',GradientType=1 );
}
.microsoft-brand{
  font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
  background: #C75B12;
  /*background-color: #e0001b !important;*/
}
.darkblue-text{
  color: #005961;
}
.yellow-text{
  color: #f6d654;
}
.brown-text {
  color: #522c1b;
}
.white-text {
  color: #fff;
}
a.white-text:hover, a.white-text:focus, a.white-text:visited {
    color: #fff;
}
.white-text .svg-icon{
  fill: #ffffff;
}
.hard-shadow-text {
  text-shadow: 1px 1px black;
}
.soft-shadow-text {
  text-shadow: 1px 1px 2px black;
}
.soft-color-pop-shadow-text {
    text-shadow: 0.035rem 0.05rem 2px #522c1b;
}
.box-shadow{
  box-shadow: 0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%);
}
.shadow-box {
  text-shadow: 1px 1px black;
  backdrop-filter: brightness(0.4);
}
.shadow-box.yellow {
  border-bottom: 0.5rem solid goldenrod;
}

p[aria-hidden=true] + span {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}


.cell.padded {
  /*display: flex;*/
  /*flex-direction: column;*/
  /*padding: revert;*/
  padding: 2rem 1rem;
}
  @media print, screen and (min-width: 72em) {
    .cell.padded {
      padding: 2rem;
    }
  }
/* add this to set padding on etutoring callout blocks*/
/*
.e-tutoring-container .flexbox .callout-body .cell {
    padding: 2rem 1rem;
}*/

.flexbox .cell.accordion {
  padding: inherit;
}

.flexbox .cell.callout {
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    padding: 0;
    overflow-wrap: break-word;
    border: solid 0px #fefefe;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
}
/*.flexbox.grid-margin-x > .cell {
    margin: 0.625rem;
}*/
.flexbox p {
    flex-grow: 1;
}
.flexbox .thumbnail {
    border: 0;
    box-shadow: none;
}
.action-link-container a.button.hollow {
    background: initial;
    border: 1px solid #ba5700;
    color: #ba5700;
}

.yellow-text a.button.hollow{
    color: #f6d654;
    border: 1px solid #f6d654;
    font-weight: bold;
}
.red-theme.yellow-text a.button.hollow:hover{
  background: #f6d654 !important;
  color: transparent;
  color: #7a2426;
}
.red-theme.yellow-text hr {
    border-bottom: 1px solid #f6d654;
}

.white-text a.button.hollow{
  color: #fff;
  border: 1px solid #fff;
  font-weight: bold;
}
.white-text a.button.hollow:hover{
  background: #fff !important;
  color: transparent;
  color: #6e3300;
}

a.button.white.hollow{
  color: #fff;
  border: 1px solid #fff;
  font-weight: bold;
}
a.button.white.hollow:hover{
  background: #fff !important;
  color: transparent;
  color: #6e3300;
}
a.button.small.expanded.hollow:hover {
    background: #ba5700;
    color: #fff;
}

.rw-theme a.button.white:hover {
    color: #6a3ca8;
}
.blue-theme a.button.white:hover {
    color: #00b1c1;
}
.cadet-blue-theme a.button.white:hover {
    color: #00838F;
}
.blue-theme .action-link-container i.fas {
    color: #00b1c1;
}
.blue-theme .action-link-container .white i.fas {
    color: #fff;
}
.blue-theme .action-link-container a:hover i.fas {
    /*color: #00838F;*/
    color: #00b1c1;
}

a.button.white.hollow.standout-text:hover, .white-text a.button.hollow.standout-text:hover {
    text-shadow: none;
}


.top-products .thumbnail{
    position: relative;
    width: 100px;
    height: 100px;
    overflow: hidden;
}
.top-products .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.e-tutoring-container a.button.hollow {
  color: #fff;
  border: 1px solid #fff;
  font-weight: bold;
}
.e-tutoring-container a.button.hollow:hover {
  color: #5858a6;
  background-color: #fff;
  border: 1px solid #fff;
}
.e-tutoring-container{
  width:100vw;
  background-color: #5858a6;
  color: #fff;
  padding: 1rem;
  /*margin: 1rem 0;*/
}
.e-tutoring-container .callout{
  background-color: transparent;
  color: #fff;
  border:none;
}
.e-tutoring-container img.thumbnail {
  max-width: 7rem;
  border: 0;
  box-shadow: none;
}

.internal-flex-container, .internal-flex-container-50 {
  margin: 0px 5%;
}

@media print, screen and (min-width: 90em) {
  .internal-flex-container {
    margin: 0px 10%;
    margin: 0px calc(50% - 20rem);
  }
  .internal-flex-container-50 {
    margin: 0px 10%;
    margin: 0px calc(50% - 40rem);
  }
}

@media print, screen and (min-width: 128em) {
  
  .internal-flex-container {
    margin: 0px 20%;
    margin: 0px calc(50% - 25rem);
  }
  .internal-flex-container-50 {
    margin: 0px calc(50% - 44rem);
  }
}

@media print, screen and (min-width: 128em) {
.grid-margin-x.x-large-up-1 > .cell {
  width: calc(100% - 1.875rem); }
.grid-margin-x.x-large-up-2 > .cell {
  width: calc(50% - 1.875rem); }
.grid-margin-x.x-large-up-3 > .cell {
  width: calc(33.33333% - 1.875rem); }
.grid-margin-x.x-large-up-4 > .cell {
  width: calc(25% - 1.875rem); }
.grid-margin-x.x-large-up-5 > .cell {
  width: calc(20% - 1.875rem); }
.grid-margin-x.x-large-up-6 > .cell {
  width: calc(16.66667% - 1.875rem); }
.grid-margin-x.x-large-up-7 > .cell {
  width: calc(14.28571% - 1.875rem); }
.grid-margin-x.x-large-up-8 > .cell {
  width: calc(12.5% - 1.875rem); } }