/* Responsive progress bubbles */
.prog_bub {
    width: 3.8%;
	padding-bottom: 1%;
	
}

@media only screen and (max-width: 992px) {
    .prog_bub {
        width: 5%;
		}
}

@media only screen and (max-width: 922px) {
    .prog_bub {
        width: 6%;
		}
}

@media only screen and (max-width: 730px) {
    .prog_bub {
        width: 7%;
		}
}

@media only screen and (max-width: 615px) {
    .prog_bub {
        width: 8%;
		}
}

@media only screen and (max-width: 545px) {
    .prog_bub {
        width: 9%;
		}
}

@media only screen and (max-width: 480px) {
    .prog_bub {
        width: 10%;
		}
}

@media only screen and (max-width: 400px) {
    .prog_bub {
        width: 12%;
		}
}

@media only screen and (max-width: 340px) {
    .prog_bub {
        width: 13%;
		}
}

@media only screen and (max-width: 300px) {
    .prog_bub {
        width: 14%;
		}
}


/* Responsive Progress Bubbles for Kibo Page */

.prog_bub_kibo {
	width: 3%;
	padding-bottom: 1%;
	
}

@media only screen and (max-width: 1197px) {
    .prog_bub_kibo {
        width: 4%;
		}
}


@media only screen and (max-width: 1000px) {
    .prog_bub_kibo {
        width: 5%;
		}
}

@media only screen and (max-width: 922px) {
    .prog_bub_kibo {
        width: 6%;
		}
}

@media only screen and (max-width: 730px) {
    .prog_bub_kibo {
        width: 7%;
		}
}

@media only screen and (max-width: 615px) {
    .prog_bub_kibo {
        width: 8%;
		}
}

@media only screen and (max-width: 545px) {
    .prog_bub_kibo {
        width: 9%;
		}
}

@media only screen and (max-width: 480px) {
    .prog_bub_kibo {
        width: 10%;
		}
}

@media only screen and (max-width: 400px) {
    .prog_bub_kibo {
        width: 12%;
		}
}

@media only screen and (max-width: 340px) {
    .prog_bub_kibo {
        width: 13%;
		}
}

@media only screen and (max-width: 300px) {
    .prog_bub_kibo {
        width: 14%;
		}
}


/* Responsive Slider */
@media only screen and (max-width: 1024px) {
		header-inner {
				display: none;
		}
}

@media only screen and (max-width: 1024px) {
		header-image {
				display: none;
		}
}

/* Adds hover effect to curriculum page - how do I get opacity */
.page-id-517 a img:hover{
  transition: .8s ease;
  background: #acd568;
  opacity: 1;
  border-style:solid;
  border-color:transparent;
  border-radius:300px;
}
#navbar-main .dropdown-menu a {
    background-color: rgba(30,95,169,1)
}
#navbar-main .dropdown-menu a {
    background-opacity: 1;
    color: #000;
}

/*Hebrew KIBO K */

.page-id-606 {
   /* direction: rtl;*/
}

/*Hebrew ScratchJr K */

.page-id-617 {
    /*direction: rtl;*/
}

.page-id-606 .wp-block-coblocks-accordion-item__title, 
.page-id-606 .wp-block-coblocks-accordion-item__title.has-background
.page-id-617 .wp-block-coblocks-accordion-item__title, 
.page-id-617 .wp-block-coblocks-accordion-item__title.has-background{
    text-align: right;
}

.page-id-606 .navbar-style-center .navbar-navs-container,
.page-id-617 .navbar-style-center .navbar-navs-container
 {
    direction: ltr!important;
}

.page-id-606 .alignwide, .page-id-606 .wp-block-separator.is-style-wide,
.page-id-617 .alignwide, .page-id-606 .wp-block-separator.is-style-wide {
      /* max-width: -moz-calc(100vw - 3rem);
    max-width: calc(90vw - 2rem);
    left: -moz-calc(50% - 50vw + 1.5rem);
    left: calc(50% - 42vw + 15.5rem);
    width: -moz-calc(100vw - 3rem);
    width: calc(86vw - 37rem);*/
}


.page-id-606 .prog, .page-id-617 .prog, 
.page-id-606 .wp-block-coblocks-accordion, 
.page-id-606 .has-text-align-right,
.page-id-617 .wp-block-coblocks-accordion, 
.page-id-617 .has-text-align-right{
    direction: rtl!important;
}

/*.post-password-form p:nth-child(1) { 
    	visibility: hidden;
}*/
.post-password-form input[type=submit] {
		background-color: #5bb8b0 !important;
}
.page-id-8548 .post-password-form p:first-child:after  {
    	content: " In order to obtain the password for this page, you must complete this survey: bit.ly/CAL-Translate, also linked on the previous page, and be granted approval by DevTech. ";
		visibility: visible;
}

.page-id-8546 .post-password-form p:first-child:after{
        content: " In order to obtain the password for this page, you must complete this survey: bit.ly/CALResearch, also linked on the previous page, and be granted approval by DevTech.";
		visibility: visible;
}

.page-id-8548 .hero-full .hero-image-holder img ,.page-id-8546 .hero-full .hero-image-holder img {
    height: auto !important;
    width: auto !important;
}
@media screen and (min-width: 600px) {
body.navbar-main-has-hero-transparency.has-hero-image .page-id-8546 #hero-main:not(.hero-img-under-title), body.navbar-main-has-hero-transparency.has-hero-image .page-id-8548  #hero-main:not(.hero-img-under-title)  {
       padding: 4rem 4rem !important;
}
}
@media screen and (min-width: 600px) {
.page-id-8546 .jumbotron, .page-id-8546 .wp-block-cover, .page-id-8548 .jumbotron, .page-id-8548 .wp-block-cover {
    padding: 4rem 4rem !important;
}
}

[class*=has-background].has-hero-main-bg-color-background-color {
    --shadows: none;
}
.hero-full .hero-image-holder img {
    height: 89% !important;
}