/* Philadelphia */

body, html { height: 100%; }

body { font-size: 20px; line-height: 1.2; font-family: 'meodedpashut_oeregular-webfont', sans-serif; }
#SiteGrid { padding-top: 140px; padding-bottom: 100px; }
::selection { background: #ea7907; color: #fff; }
.must:before { right: 12px; }
.select-wrapper:after { left: 10px; top: 50%; }
#text1, #text2 { max-width: 100%; font-size: 90%; line-height: 1.65; }
#text1 ul li, #text2 ul li { list-style: none; padding-right: 1em; text-indent: -1em; line-height: 1.6; }
#text1 ul li:before, #text2 ul li:before { content: ""; width: 10px; height: 10px; vertical-align: middle; display: inline-block; margin-left: 10px; background-color: #ea7907; }
#text1 ul, #text2 ul { padding: 0; }
.form-control:focus { box-shadow: none; border-color: transparent; }

#header { background: #fff !important; padding: 0 !important; height: 117px; }

#header #header-left img, #header.bg #header-left img { max-width: 100px; }
#header .menu-nav { background-color: transparent; padding: 0; }
#header #header-center-kdm a { margin-left: 0; }
#header #header-center-kdm a { border-color: #ea7907; border-width: 2px; color: #000; transition: 0.35s ease all; }
#header #header-center-kdm a:hover { background-color: #ea7907; color: #fff; }
#header #header-right .closed, #header .menu-nav .open { display: none !important; }
#header #header-right { padding-right: 50px; }
#header #header-left { padding-left: 50px; }
#header .nav-menu-anim { z-index: 2; }

#header .submenu { background: #ea7907; z-index: 1; margin: 0 -5px; text-align: right; padding-right: 55px; }
#header .submenu > li { padding: 0; line-height: 1.2; margin-bottom: 24px; }
#header .submenu > li:first-child { margin-top: 130px; }
#header .submenu > li.active { background: inherit; font-weight: bold; }
#header .submenu li > a:focus { color: inherit; text-decoration: none; }
#header .submenu > li:focus, #header .submenu > li:hover { background-color: inherit; }
#header .submenu li.active::before { content: ''; display: inline-block; width: 10px; height: 10px; vertical-align: middle; margin-left: 10px; background: url(/warehouse/temp/philadelphia/star-menu-ico.png) center center no-repeat; background-size: 100%; }
#header .submenu li:not(.has-sub) > a { width: auto; vertical-align: middle; }
#header .submenu li.social-mobile { text-align: right; margin-bottom: 75px; }


#header .social-links { padding-right: 40px; }
#header .social-links a { margin: 0; border: 1px solid #000; width: 28px !important; height: 28px; border-radius: 50px; display: inline-flex; align-items: center; justify-content: center; margin-left: 10px; }
#header .social-links a:focus:after, #header2 .header-top-left a:focus:after { content: none; }
#header .social-links a svg { fill: #000; height: 16px; width: auto; }
#header .social-links a:hover { background: #000; }
#header .social-links a:hover svg { fill: #fff; }

#header .submenu li.social-mobile a { border-color: #fff; display: inline-flex; }
#header .submenu li.social-mobile a svg { fill: #fff; }
#header .submenu li.social-mobile a:hover { background-color: #fff; }
#header .submenu li.social-mobile a:hover svg { fill: #ea7907; }

#nav-toggle span, #nav-toggle span:after, #nav-toggle span:before, #nav-toggle-mobile span, #nav-toggle-mobile span:after, #nav-toggle-mobile span:before { background-color: #232323; height: 8px; width: 42px; }
#nav-toggle span:after, #nav-toggle-mobile span:after { bottom: -16px; }
#nav-toggle span:before, #nav-toggle-mobile span:before { top: -16px; }

#nav-toggle-mobile.active span:before, #nav-toggle.active span:before { transform: rotate(25deg); -webkit-transform: rotate(25deg); -moz-transform: rotate(25deg); -ms-transform: rotate(25deg); -o-transform: rotate(25deg); }
#nav-toggle-mobile.active span:after, #nav-toggle.active span:after { transform: rotate(-25deg); -webkit-transform: rotate(-25deg); -moz-transform: rotate(-25deg); -ms-transform: rotate(-25deg); -o-transform: rotate(-25deg); }

#nav-toggle.active span:before { box-shadow: none; width: 100%; border-left: none; }
#nav-toggle span:before { box-shadow: inset 8px 0px 0px #ffffff; border-left: 8px solid #ea7907; width: calc(100% - 8px); }

/*homepage*/
body.home-page { height: calc( 100% - 44px ); }
body.home-page #SiteContainer { height: 100%; }
.home-page .footer-text-divided { display: none; }
.home-page .grid-content-section.menu-cubes { padding: 0 50px; margin-bottom: 0; height: inherit; max-width: 100%; }
#SiteGridContainer, #SiteGrid, #SiteGrid > div, #allSectionsWrapper { height: inherit; }
.home-page #SiteGrid { padding-bottom: 50px; }

/*menu-section
.home-page .grid-boxes .box-image-animation img { height: 100%; width: auto; }
.home-page .grid-box-title { display: block; position: absolute; bottom: 20px; left: 50%; transform: translate(-50%); }
.home-page .grid-boxes .grid-box-image { margin-bottom: 0; padding-bottom: 168%; max-height: 705px; }
.home-page .grid-boxes .grid-box-title h3 { font-size: 215%; font-weight: bold; color: #fff; }
.home-page .grid-boxes .grid-box-title h3 a { color: inherit; }
.home-page .grid-boxes .grid-box-image::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.74; background-image: linear-gradient(to top left, #000000 -1%, rgba(0, 0, 0, 0) 98%); pointer-events: none; }
.home-page .grid-box-title::after { content: ''; display: inline-block; width: 40px; height: 12px; background: url('/warehouse/temp/philadelphia/star.png'); background-size: 100%; }
*/

/*404*/
.page-14104 #GridTop { display: none; }

/*inner pages*/
#GridTop { height: 400px; max-width: 95%; max-width: calc(100% - 100px); margin: 0 auto; }
#GridTop .top-caption { top: 50%; }
#GridContent { float: none; }
#GridPage { padding-top: 85px; }
.MainContent { max-width: 760px; margin: 0 auto; }
.MainContent #headline, #externalview #headline { font-size: 100%; margin-bottom: 15px; }
.MainContent #headline h1, .internalPage #subheadline h2, .bottomGalleryTitle h2, #externalview #headline h1 { font-size: 300%; font-weight: bold; line-height: 1; margin-bottom: 0; }
body.rightAligning .MainContent #headline h1::after { content: none; }
.internalPage #subheadline h2::after, .bottomGalleryTitle h2::after, .MainContent #headline h1::after, #externalview #headline h1::after { content: ''; display: block; height: 30px; width: 100%; background: url('/warehouse/temp/philadelphia/title-decor.png') no-repeat; background-size: 70px 22.5px; background-position: center; margin-bottom: 20px; }
.gallery-container { overflow: hidden; }
#gallery-randomizer { max-width: 1170px; margin: 0 auto; }

#text1 h2 { font-size: 200%; font-weight: bold; margin-bottom: 10px; }

/*Branches*/
.branches .section { margin-bottom: 0; padding: 0; }
.branches .intro.grid-text-section { padding: 0; }
.branches .intro.grid-text-section .section-title h2 { font-size: 300%; font-weight: bold; }
.branches .intro.grid-text-section .section-title h2::after { content: ''; display: block; height: 30px; width: 100%; background: url('/warehouse/temp/philadelphia/title-decor.png') no-repeat; background-size: 70px 22.5px; background-position: center; margin-bottom: 20px; }

.branches #headline { font-size: 100%; }
.branches #headline h1 { font-size: 300%; font-weight: bold; }
.branches #headline h1::after { content: ''; display: block; height: 30px; width: 100%; background: url(/warehouse/temp/philadelphia/title-decor.png) no-repeat; background-size: 70px 22.5px; background-position: center; margin-bottom: 20px; }

.branches .intro .grid-text p { margin-top: 0; }
.branches .intro .grid-text-content { max-width: 700px; font-size: 110%; margin-bottom: 90px; }
.branches .section.grid-image-section { height: 585px; overflow: hidden; }
.branches .image-section-data { height: 100%; }

.branches .grid-text-section:not(.intro) { padding: 120px 0 130px; max-width: 1170px; margin: 0 auto; text-align: right; }
.branches .grid-text-section:not(.intro):last-child { padding-bottom: 0; }
.branches .lobby-grid #GridPage .max-width { padding: 0; width: 100%; }
.branches .grid-text-section .section-title h2 { font-size: 190%; font-weight: bold; margin-bottom: 10px; max-width: 100%; }
.branches .grid-text p { margin-top: 0; }
.branches .grid-text h2 { font-size: 120%; font-weight: bold; margin-bottom: 20px; }
.branches .gridText1 a { display: inline-block; border: 2px solid transparent; border-radius: 5px; background: #ea7907; color: #fff; font-size: 95%; padding: 11px 30px; min-width: 184px; text-align: center; margin-left: 20px; margin-top: 50px; transition: 0.3s all ease; }
.branches .gridText1 a:hover { border-color: #ea7907; background-color: #fff; color: #ea7907; }
.branches .grid-text-section .grid-text-content { width: 100%; padding: 0; }
.branches .grid-text .grid-text-content .gridText2 { border-right: 4px solid #f3c48f; width: calc( 52% - 245px); }
.branches .grid-text .grid-text-content .gridText2 h3 { margin-top: 0; margin-bottom: 20px; }
.branches .grid-text .grid-text-content .gridText2 p { font-size: 110%; }
.branches .grid-text .grid-text-content .gridText1 { margin-left: 245px; padding-left: 0; width: 43%; }
.branches .grid-text .grid-text-content .gridText1 p { line-height: 1.5; }


/*gallery*/
#galleryview { margin-bottom: 0; }

/*Dynamic form*/
#DynamicFormObject { background: #f6d3ab; border: none; }
#DynamicFormObject:after { content: none; }
#DynamicFormObject input[type=submit] { background: #ea7907; box-shadow: 3px 10px 33px 0 rgb(0 0 0 / 10%); font-size: 95%; width: 185px; border-width: 2px; margin-top: 35px; }
#DynamicFormObject input[type=submit]:hover { border-color: #fff; border-width: 2px; }
#DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 100%; }
#DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 225%; font-weight: bold; }

.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit, .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100% !important; }
.form-container-wide #DynamicFormObject { max-width: 1025px; margin: 0 auto; display: block; background-color: #f6d3ab; background: #f6d3ab url('/warehouse/temp/philadelphia/star-bg.png') no-repeat; background-position: bottom right; padding: 50px 100px; }
.textarea-wrapper.must, .select-wrapper.must { position: relative; }
.select-wrapper.must::before, .textarea-wrapper.must::before { top: 5px; right: 5px; }

/*Normal form*/
.normal-form input, .normal-form textarea, .normal-form select { background-color: #fff; border-radius: 0; border: none; box-shadow: none; font-size: 90%; width: 100%; padding: 5px 15px; margin-bottom: 12px; }
.normal-form textarea { margin-bottom: 0; }
.normal-form input:focus { border-color: transparent !important; }
/*accessability page*/
.accessabilityMainPage #GridTop { display: none; }

/*footer*/
#SiteFooter { float: none; background-color: #eeeeee; }
.site-credit.alternative { color: #fff; }
footer { padding-top: 0; }
#SiteFooter .footer-text-divided .footer-logo { max-width: 130px; margin-bottom: 20px; }
#SiteGrid.layout-bottom #GridPromo { margin-bottom: 0; padding-top: 0; margin-top: 80px; }


.footer-text-divided { max-width: 80%; margin: 0 auto; }
.footer-text-divided .footer-text-left p:first-child ~ p { font-size: 105%; margin-bottom: 7px; }
.footer-text-divided > div { vertical-align: top; }
.footer-text-divided ul { list-style: none; padding: 0; float: right; margin: 0 0 0 70px; }
.footer-text-divided ul li { padding-bottom: 20px; font-size: 90%; }
.footer-text-divided a:hover, .footer-text-divided a:focus { color: #ea7907; }

#SiteFooter .site-credit.alternative { padding: 10px 0; }
.site-credit a.AccessabilityLink { float: right; position: static; transform: none; margin: 0 !important; }
.site-credit p { float: left; }



@media(min-width: 768px) {
    .form-container-wide #DynamicFormObject .dynamicFormObjectField { padding-right: 6px; padding-left: 6px; }
    /* Events page */
    .events-page .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33.3333%; padding-right: 6px; padding-left: 6px; }
    .events-page .form-container-wide #DynamicFormObject .dynamicFormObjectField:nth-child(5), .events-page .form-container-wide #DynamicFormObject .dynamicFormObjectField:nth-child(6) { width: 50%; }

    /*Contact page*/
    .contact-page .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33.3333%; padding-right: 6px; padding-left: 6px; }
}

@media(min-width: 767px) {


    /*Dynamic form*/
    .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { display: block; width: 100%; padding: 0; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields { display: block; width: 100%; padding: 0; margin-bottom: 0; }
    .form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { font-size: 110%; margin-bottom: 35px; }
}

@media(max-width: 767px) {
    #SiteGrid { padding-top: 100px; padding-bottom: 45px; }
    #GridTop { max-width: calc(100% - 30px); height: 250px; }
    #GridPage { padding-top: 45px; }
    .internalPage #GridPage .max-width { width: 90%; }
    .internalPage #subheadline h2, .bottomGalleryTitle h2 { font-size: 220%; }
    #text1 h2 { font-size: 150%; margin-bottom: 5px; }
    .MainContent #headline h1, .internalPage #subheadline h2, .bottomGalleryTitle h2, #externalview #headline h1 { font-size: 220%; }
    #GridPromo #DynamicFormObject { max-width: 100% !important; padding-right: 15px; padding-left: 15px; }
    #SiteGrid.layout-bottom #GridPromo { margin-top: 45px; }

    /*home-page*/
    .home-page .grid-content-section.menu-cubes { padding: 0 15px; }
    .home-page #SiteGrid { padding-bottom: 0; }
    /*header*/
    #header { height: 100px; }
    #header #header-center-kdm a:first-child { font-size: inherit; }
    #header #header-left img, #header.bg #header-left img { max-width: 76px; }
    #header .submenu { width: 100vw; height: 100vh; float: none; max-height: 100vh; margin: 0; padding-right: 80px; padding-top: 110px; }
    #header .submenu li { padding: 0; margin-bottom: 30px; }
    #header .submenu li:first-child { margin-top: 0; }
    #header .submenu li.active::before { width: 20px; height: 20px; }

    #header #header-left, #header #header-right { padding-right: 15px; padding-left: 15px; width: 10%; z-index: 1; }
    #header #header-right { z-index: 2; }
    #header #header-center-kdm { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 100%; }
    #header.bg #header-center-kdm { width: auto; }
    #header .menu-nav { position: static; }

    /*branches*/
    .branches .intro.grid-text-section { padding: 0 15px; }
    .branches #headline h1 { font-size: 220%; max-width: 100%; }
    .branches .intro.grid-text-section .grid-text-content { font-size: 100%; margin-bottom: 45px; }
    .branches .grid-rows .grid-row-text h2 { font-size: 150%; }
    .branches .grid-rows .grid-row-text h3 { font-size: 100%; }
    .branches .grid-rows .grid-row-text p { font-size: 90%; }

    .branches .grid-text .grid-text-content .gridText1 { margin: 0; width: 100%; margin-bottom: 25px; }
    .branches .grid-text .grid-text-content .gridText2 { width: 100%; padding-right: 25px; }
    .branches .grid-text-section .section-title { margin-bottom: 15px; }
    .branches .gridText1 a { margin-top: 15px; min-width: 120px; padding: 6px 12px; }

    .branches .section.grid-image-section { height: 40vh; }
    .branches .grid-text-section:not(.intro) { padding: 40px 15px; }
    .branches .section.grid-image-section .image-section-data img { object-fit: cover; height: 100%; }


    /*Dynamic Form*/
    #DynamicFormObject .dynamicFormObjectTitleAndText { margin-bottom: 10px; }
    #DynamicFormObject .dynamicFormObjectFields .top-form { display: block; margin-bottom: 20px; }
    #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 130%; }
    #DynamicFormObject .dynamicFormObjectField .input-wrapper.must { position: relative; }
    #DynamicFormObject .dynamicFormObjectField .must:before, .select-wrapper.must::before, .textarea-wrapper.must::before { right: 7px; }


    /*footer*/
    #SiteFooter { padding-bottom: 0; }
}