:root {
    font-size: 92.5%;
    --body-fontsize: 1.6rem;
    --secondary-fontsize: 7.6rem;
    --work-font: 4.8rem;
    /*
      --primary-font: 'Arimo', sans-serif;
      --secondary-font: "Cutive Mono", monospace;
    */
    --primary: #000000;
    --off-white: #f8f8f8;
    --main-pink: #f50057;
    --dark-pink: #ee7e79;
    --light-pink: rgba(242, 215, 214, 0.87);
    --main-teal: #4ecdc5;
    --border-teal: rgba(31, 164, 164, 0.23);
    --light-teal: rgba(34, 179, 179, 0.08);
    --main-yellow: #ffd60b;
    --pale-yellow: #fffaf0;
}


/**{font-family: 'Montserrat', sans-serif;color: #f8f0eb;}*/
*{font-family: 'Montserrat', sans-serif;/*color: #383635d4;*/}
h1, h2, h3, h4, h5, h6{font-family: 'Playfair Display', serif;}
a:link, a:hover, a:focus, a:visited{text-decoration: none; }
.fw-bold {font-weight: 600!important;}
.text-muted{color:#ffffff7d!important;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active{color: #991b1e; background-color:#ffffff; border-color: #991b1e;}
/*.btn-outline-light:hover {background-color: #fff;border-color: #fff;}*/
header .btn-outline-light:hover, .zoomInfBtm .btn-outline-light:hover {color: #4a080ae6;border-color:#4a080ae6; background-color: #ffffff;}
#questArc .btn-outline-light:hover {background-color: #ffffff2e;border-color: #ffffff24;}
.form-control{border-radius: 30px; /* was 15px before*/}
.btn{border-radius: 30px;}
.btn:focus{box-shadow: none;}
.navbar{background-color: #f8f0eb;z-index: 999;}
/*header .btn-outline-light{color: #991b1e; border-color: #991b1e;}*/

header .btn-outline-light, .zoomInfBtm .btn-outline-light{color: #1f6277; /*border-color: #1f6277;*/ border-color: #991b1e;background-color: #991b1e }
/*.zoomInfBtm .btn-outline-light:hover{background-color: #811316e6;border-color: #811316e6;}*/
.zoomInfBtm .btn-outline-light:hover {
    background-color: #4a080ae6;
    border-color: #4a080ae6;
}
.btn i{
    /*background-color: #991b1e;
    background-color: #fff;*/
    border-radius: 50%;
    padding: 0.3rem 0.4rem;
    /*color: #a12321;*/
    color: #f8f0eb;}
/*.navbar-brand{margin-right: 4.5em;}*/
/*.navbar-expand-lg .navbar-nav .nav-link{margin-right: 0.7em;}*/
#pg-wrapper .input-group .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.navbar-light .navbar-nav .nav-link {
    color: #991b1e; width: max-content;}
nav ul a {
    font-size: 1.2rem;font-weight: 400;}
.nav-cta .btn{width: max-content;}
.btn-primary {
    color: #fff;
    background-color: #991b1e;
    border-color: #991b1e;}

/* master nav */
.master-nav {
    z-index: 1000;
}

.master-nav .navbar-nav {
    margin: 0;
    display: flex;
    flex-direction: row;
    height: 50px;
}

.master-nav li {
    display: flex!important;
}


element.style {
}
.navbar-light .navbar-toggler-icon {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e);
}
.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
* {
    margin: 0;
    padding: 0;
    border: 0;
}
* {
    font-family: 'Montserrat', sans-serif;
    color: #383635d4;
}
*, ::after, ::before {
    box-sizing: border-box;
}
.navbar-light .navbar-toggler {
    border: none;
    outline: none!important;
    
}
.navbar-toggler:focus {
    box-shadow: none;
}
.banner{
    background-color: #991b1e;
}
.banner h5{
    color:#fff;
}
.text-primary {
    color: #4a080ae6 !important;
}

main.atrPg{background-color:#f8f0eb;/*padding-top: 50px;*/position: relative;}
/*main.atrPg{background-color: #A12321;}*/

header nav {z-index: 99;}
/*header .logo {width:30%;}*/
/*.navbar-brand{width: 100%;}*/

header.homePg  {
    /*background: #A12321;*/
    /*overflow: hidden;*/
    /*height: 100vh;*/}
.hdrText, #line{
    font-family: 'Playfair Display', serif;
    font-weight: 600;
    /*grid-column: 1/13;*/
    /*grid-row: 2/11;*/
    /*position: absolute;*/
    /*z-index: 2;*/
}
.line, #line{position: absolute; color: #991b1e;/*color:#1f6277;*/font-family: 'Playfair Display', serif;opacity: 0;width: 90vw;}
.hdrText h1, .hdrText .h1{
    font-size: 2.85em;
    font-weight: 700;
    position: relative;
    z-index: 0;
    color: #991b1e;
    /*width: 100vw;*/
    /*height: 60%;*/
    height: auto;
}
.hdrText h1 small, .hdrText .h1 small{
    /*color: #991b1e;*/
    color: #1f6277;
    font-style: italic;
    font-size: 0.38em;
    font-weight: 300;
}
header.homePg .hdrText p{/*color: #991b1e;*/color:#1f6277;font-size: 1.4em;font-weight: normal;position: relative;background-color: #f8f0eb;}
header.homePg .hdrText a{/*color: #991b1e;*/color: #1f6277;}
/*header.homePg .hdrText a:hover{color: #991b1e42;}*/
/* header.homePg .hdrCta{position: absolute;top:75vh;} */
/* header.homePg .hdrCta{position: absolute;top:73vh;} */
header.homePg .hdrCta{position: absolute;top:65vh;}
/*header .hdrText p{color: #991b1e;font-size: 1.2em;position: absolute;top:80%;}*/
header.homePg .hdrText p span{/*color: #991b1e;*/color: #1f6277;font-weight: 400; height: 20%}


header.homePg .hdrZoomInfo{
    /*margin-left: -5%;*/
    position: relative;
    z-index: 1;
    /*grid-column: 8/11;*/
    /*grid-row: 1/12;*/
    background-color: #f8f0eb;
    align-items: center;
}

.bg-video-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    /*height: 35vh;*/
    height: 35vh;
    /* background: url(https://designsupply-web.com/samplecontent/vender/codepen/20181014.png) no-repeat center center/cover; */
    border-radius: 0rem 0 0 0rem;
}
.bg-video-wrap video {
    /*min-width: 136%;
    min-height: 35vh;*/
    /*height: 100%;*/
    width: 100%;
    z-index: 1;
}
.overlay {
    width: 100%;
    height: 35vh;
    position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(45deg, rgb(0 0 0 / 19%) 70%, rgb(255 240 231) 71%);
    background-size: 3px 3px;
    z-index: 2;
    opacity: 0.8;
    background-color: #f8f0ebd6;
}

.playCrl{
    background-color: #991b1e;
    padding: 2.2rem 1.75rem;
    border-radius: 50%;
    width: 7rem;
    height: 7rem;
    position: absolute;
    left: 5%;
    top: 78%;
    z-index: 9999;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 1.5em;
}

.btn-outline-dark {
    color: #991b1e;
    border-color: #991b1e;
}  

.btn-outline-dark:hover {
    background-color: #9e73732e;
    border-color: #943b3b24;
}

.zoomInf .btn-outline-dark:hover {color: #fff;background-color:#c3b0a3;border-color:#c3b0a3;}

#questArc{background-color:#f8f0eb;}
/*.secBook h1, .secBook h2, .secBook h6, .secBook a, .secBook p,  .secBook .btn{color:#527f8e;}*/
.secBook h1, .secBook h2, .secBook h6, .secBook a, .secBook .btn{color:#527f8e;}
.secBook .btn{border-color:#527f8e;}
.secBook .btn:hover, .secBook .btn:focus, .secBook .btn:visited{background-color:#527f8e4d;}
.bookImg{border-top-right-radius: 4rem;border-bottom-right-radius: 4rem;}
#questArc .card-img{border-radius: 0.85rem;}
#questArc .card a, #questArc .card p{color: #ffffffc9;font-size: 1.1em;}
#torahClassSec .card a, #torahClassSec .card p{font-size: 1.1em;}
#torahClassSec .card{background-color:#5c92a300;
background-clip: border-box;
border-radius:4rem}
#questArc .card{color:#f8f0eb!important;background-color:#5c92a3;
background-clip: border-box;
border: none;
border-radius:4rem}
#questArc .card-img-top , #torahClassSec .card-img-top {
border-top-right-radius: 0.85rem;
border-top-left-radius: 0.85rem;
}

.secStaff {
background-color: #ECE4DE;
}

.staff-des p {
max-width: 650px;
}

.secStaff img {
max-width: 250px;
border-radius: 1.5rem;
}


#torahClassSec .classPicCard {background-image: url('../img/torah-class-sec.jpg'); background-repeat: no-repeat;background-size: cover;background-position: center right; min-height: 325px;}
#torahClassSec h2, #torahClassSec h5 {color:  #991b1e;}

#torahClassSec i {
background-color: #a12321;
color: #f8f0eb;
border-radius: 50%;
height: 29px;
/* width: 57px; */
padding: 0.55rem 0.55rem;
}
#torahClassSec .card p{font-size:1.5em;}
zoomInf .hdr-info-zoom {color:#527f8e; font-size: 1.2rem;}
.zoomInf h1, .zoomInf .h1, .zoomInf h5 {color:#527f8e;}
.zoomInf i{color: #5c92a3;}
.zoomInf i.zoom{background-color: #2196f3;
border-radius: 50%;
height: 30px;
padding: 0.5rem 0.4rem;}
.zoomInf .btn i{    border-radius: 50%;
border: 1px solid #5c92a3;
color: #5c92a3;}
.zoomInf .btn i:hover{    border-radius: 50%;
background-color: #5c92a321;
border: 1px solid #5c92a3 !important;}
.zoomInf .btn:hover i{border: 1px solid #5c92a3 !important; }



.zoomInf .btn-outline-dark:hover {color: #fff;background-color:#c3b0a3;border-color:#c3b0a3;}

#questArc{background-color:#f8f0eb;}
/*.secBook h1, .secBook h2, .secBook h6, .secBook a, .secBook p,  .secBook .btn{color:#527f8e;}*/
.secBook h1, .secBook h2, .secBook h6, .secBook a, .secBook .btn{color:#527f8e;}
.secBook .btn{border-color:#527f8e;}
.secBook .btn:hover, .secBook .btn:focus, .secBook .btn:visited{background-color:#527f8e4d;}
.bookImg{border-top-right-radius: 4rem;border-bottom-right-radius: 4rem;max-height: 365px;}
#questArc .card-img{border-radius: 0.85rem;}
#questArc .card a, #questArc .card p{color: #ffffffc9;font-size: 1.1em;}
#questArc .card{color:#f8f0eb!important;background-color:#5c92a3;
    background-clip: border-box;
    border: none;
    border-radius:4rem; 
min-height: 365px;}
#questArc .card-img-top {
    border-top-right-radius: 0.85rem;
    border-top-left-radius: 0.85rem;
}

.staff-des p {
    max-width: 650px;
}

.secStaff img {
   max-width: 250px;
   border-radius: 1.5rem;
}

.secPics h2, .secPics h6 { color:#527f8e;}
.secStaff h2, .secStaff h3 {color:  #991b1e;}


.secPics-grid {  display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    gap: 20px 20px;
    grid-auto-flow: row;
    grid-template-areas:
      "big-image ."
      "big-image ."
      ". ."
      ". .";
  }
  
  .secPics .secPics-grid .big-image { grid-area: big-image; position: relative;}

  .secPics .secPics-grid .big-image img,
  .secPics .secPics-grid .grid-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 2rem;
}

.secPics .secPics-grid .grid-item {position: relative;}

@media (min-width:768px) {

    .secPics-grid {  display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        grid-template-areas:
          "big-image . . ."
          "big-image . . .";
      }
    .secPics .secPics-grid .big-image img,
    .secPics .secPics-grid .grid-item img {
      border-radius: 4rem;
    }
}

@media (min-width:1200px) { 
.staff-box {
    height: 225px;
}
}

.watchCard{background-image: url('../img/rabbi_class2.jpg');background-repeat: no-repeat;background-size: cover;background-position: center -130px;min-height: 425px;}
.watchCard h2, .askCard h2,  .askCard h5, .askCard i{color: #f8f0eb;}
#sendQst{background-image:url("../img/bgPIc.jpg"); background-size: cover; }

#questArc .card p{font-size:1.5em;}
#aboutSec img{border-top-right-radius: 30px;border-bottom-right-radius: 30px;}
section.preQest{ padding-top: 150px;background-color: #741e1c;}
section.preQest .accordion-item {background-color: transparent;border: 0px;}
section.preQest .accordion-button:focus { border-color: transparent;outline: 0; box-shadow: none; }
section.preQest .accordion-button:not(.collapsed) {color: transparent;background-color: transparent;}
section.preQest h1, section.preQest .h1, section.preQest p, section.preQest h3{color:#f8f0eb;}
/*section.preQest .btn{background-color:transparent;}*/
section.preQest .btn i{background-color:transparent;font-size: 1.5em;}
section.preQest .pg-dbt .pg-info {overflow: visible;height: 190px;font-weight: 600;}

/* multiple */
section.preQest .pg-header-info, section.preQest .pg-pagination-nav, section.preQest .pg-stats, section.preQest .pg-thumb{display: none!important;}
section.preQest .pg-dbt .pg-title{font-size: 24px; color: #fff;}
section.preQest .pg-dbt .pg-box {border: 1px solid #ffffff36;margin: 0;}
section.preQest .pg-header-content {display: none!important;}
#pg-wrapper .container:nth-of-type(2){display: none!important;}
section.preQest .pg-prev, section.preQest .pg-next{background:#fff4f4;}
section.preQest .pg-prev svg path, section.preQest .pg-next svg path{color:#750a08;}
section.preQest .pg-dbt .pg-info {padding: 0;}
section.preQest .pg-dbt .pg-box {padding: 12px;}

.quest{border: 1px solid #f8f0eb;border-radius: 30px;}
aside.askQform{background-color: #a02321;}
.zoomInf .col{/*border: 1px solid #00000036;*/border-radius: 30px;/*text-align: center;min-height: 245px;*/min-height: auto;}
.zoomInf {
    background-color: #ECE4DE;
}

.btn-outline-blue{color: #5c92a3 !important;
border-color: #5c92a3; background-color:#ffffff00;}
.btn-outline-blue:hover{background-color:#5c92a329;}

.zoomInf .hdr-info-zoom {color:#527f8e; font-size: 1.2rem;}
.zoomInf h1, .zoomInf .h1, .zoomInf h5 {color:#527f8e;}

/* .zoomInf{background: rgb(160,35,33);background: linear-gradient(180deg, rgba(160,35,33,0) 0%, rgba(248,240,235,1) 59%);} */
.zoomInfBtm{background: rgb(160,35,33);background: linear-gradient(180deg, rgba(160,35,33,0) 0%, rgba(248,240,235,1) 59%);background-color: #f2e4dc;}
/*.zoomInf a:link, .zoomInf a:visited, .zoomInfBtm a{color:#383635d4;}*/
.zoomInf a:link, .zoomInf a:visited{color:#383635d4;}
.zoomInfBtm a {color: #ffffffd4;}
/*.zoomInf p{color:#8c0704;}*/
/*.zoomInf h1, .zoomInf h4, .zoomInf span{color:#8c0704;}*/
/*.zoomInf .btn-outline-light{border-color:#8c0704;}*/
/*.zoomInf .btn i{background-color:#8c0704;color:#f8f0eb;}*/
/*.zoomInf .btn-outline-light, .zoomInfBtm .btn-outline-light{border-color:#383635d4;color:#383635d4;}*/
/*.zoomInf .btn-outline-light{border-color:#383635d4;color:#383635d4;}*/
.zoomInfBtm .btn i{background-color: #ffffff;color: #a12321; border-radius: 50%;}
/* .zoomInf .btn i{background-color:#a12321;color:#f8f0eb; border-radius: 50%;} */
.btmZoomInfo{background-color:#a02321;
    background-image: linear-gradient(177deg, rgb(255, 255, 255) 14%, rgb(211 73 58) 14.2%, rgb(130 21 9) 100%);
    padding-top: 160px;
    padding-bottom: 80px;}
footer{background-color: #750a08;}
.rights{color:#f8f0eb73;font-size: 0.85em;}
footer a:link, footer  a:hover, footer  a:focus, footer  a:visited, footer h4, footer p{color: #f8f0eb;text-decoration: none;}
footer a i{font-size: 1.1em;background-color: #f8f0eb4d;padding: 0.35em 0.5em;border-radius: 8px; color: #f8f0eb;}

.grecaptcha-badge {
    visibility: hidden;
}


/* Flip Cards CSS */




#flipCard{perspective: 700px;}
#flipCard .card {
    /*position: absolute;*/
    /*height: 100%;*/
    /*width: 100%;*/
    transform: rotateY(0);
    display: grid;
    grid-template: 1fr / 1fr;
    grid-template-areas: "frontAndBack";
    transform-style: preserve-3d;
    transition: all 0.7s ease;
}
#flipCard .btn i{background-color: #991b1e00;}
#flipCard .card.flip {
    transform: rotateY(180deg);
}

#flipCard .front {
    grid-area: frontAndBack;
    /*border-radius: 20px;*/
    /*position: absolute;*/
    /*height: 100%;*/
    /*width: 100%;*/
    backface-visibility: hidden;
    /*color: #eee;*/
}

#flipCard .back {
    grid-area: frontAndBack;
    /*border-radius: 20px;*/
    /*position: absolute;*/
    /*height: 100%;*/
    /*width: 100%;*/
    backface-visibility: hidden;
    transform: rotateY(180deg);
}

#flipCard .btn-animate {
    transform: grow(1.2);
    background: #f8f9fa;
    color: #5c92a3;
}
#flipCard .btn-animate:hover {
    transform: grow(1.2);
    border: #f8f9fa thin solid;
    color: #f8f9fa;
}

.card .subheader{
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    color: #ffffffc9;
    line-height: 1.5;
}



/*form*/

.contact-form-wrapper {
    padding: 40px 0;
}

.contact-form {
    padding: 30px 20px;
    /*background-color: #ffffff;*/
    border-radius: 12px;
    max-width: 500px;
}

.contact-form textarea {
    resize: none;
}

.contact-form .form-input,
.form-text-area {
    background-color: #f0f4f5;
    height: 50px;
    padding-left: 16px;
}

.contact-form .form-text-area {
    background-color: #f0f4f5;
    height: auto;
    padding-left: 16px;
}

.contact-form .form-control::placeholder {
    color: #aeb4b9;
    font-weight: 500;
    opacity: 1;
}

.contact-form .form-control:-ms-input-placeholder {
    color: #aeb4b9;
    font-weight: 500;
}

.contact-form .form-control::-ms-input-placeholder {
    color: #aeb4b9;
    font-weight: 500;
}

.contact-form .form-control:focus {
    border-color: #fff;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.07), 0 0 8px #fff;
}

.contact-form .title {
    text-align: center;
    font-size: 24px;
    font-weight: 500;
}

.contact-form .description {
    color: #aeb4b9;
    font-size: 14px;
    text-align: center;
}

.contact-form .submit-button-wrapper {
    text-align: center;
}

.contact-form .submit-button-wrapper input {
    /*border: none;*/
    border-radius: .8em;
    /*background-color: #f23292;*/
    /*color: white;*/
    /*text-transform: uppercase;*/
    /*padding: 10px 60px;*/
    font-weight: 500;
    letter-spacing: 2px;
}

.alert-success {
    background-color: #e3efea;
}

.alert {
    padding: 0.5em 1em;
    border-radius: 1.2rem;
}



@media (min-width:768px) {
    /*.navbar-brand{width: 50%;}*/
    /*.overlay {height: 50vh;}*/
    .overlay {height: 100%;}
    .playCrl{left: -5%;top: 68%;}
    header .hdrText h1, header .hdrText .h1{width: 80vw;font-size: 3em;
        z-index: 99;}
    header .hdrText h1 small, header .hdrText .h1 small{font-size: 0.3em;}
    header .hdrText p {font-size: 2.1em;}
    /*header .hdrCta{position: relative;top:auto;}*/
    /* header.homePg .hdrCta{position: absolute;top:75vh;} */
    /* header.homePg .hdrCta{position: absolute;top:68vh;} */
    header.homePg .hdrCta{position: absolute;top:64vh;}
    .line, #line{width: 70vw;}
    .bg-video-wrap video {/*min-width: 136%;*/min-height: 58vh;/*height: 100%;*/}
    .bg-video-wrap {height: 55vh; border-radius: 0.85rem 0 0 0.85rem;}
    .watchCard{background-position: right;}

}

@media (min-width:520px) {
    .bg-video-wrap {height: 35vh;}
}


@media (min-width:1200px) {
    /*.overlay {height: 75vh;}*/
    .overlay {height: 100%;}
    header .hdrText h1, header .hdrText .h1{width: 65vw;font-size: 5.2em;}
    header .hdrText p {font-size: 2.6em;}
    header .hdrCta{position: relative;top:auto;}
    .line, #line{width: 70vw;}
    .bg-video-wrap video {/*min-width: 136%;*/min-height: 75vh;/*width: 100%;*/}
    .bg-video-wrap video {/*min-width: 136%;*/min-height: 75vh;/*height: 100%;*/}
    .bg-video-wrap {height: 70vh;}

}

.top-info-bar {
    background-color:#991b1e; 
    color: #ffffff;
}
.top-info-bar a{
    color: #ffffff;
}
.top-info-bar a:hover{
    color: #ffffff;
    text-decoration: underline;
}

.btn:hover i {
   color: #991b1e!important;
}

#grey_cta a:hover i{
    color: #ffffff;
}