/**Bama**/ body { font-size: 20px; color: #232323; background-image: url('/warehouse/temp/bama/bg.jpg'); } h1, h2 { text-align: center; } #subheadline h2:after { content: none; } .section-title { margin-bottom: 0; } .section-title h1, .section-title h2, .home-page .grid-text h2, .grid-rows .grid-row-text h2, #headline, .top-caption { font-size: 400%; line-height: 0.9; } h1:after, .archiveSec.grid-text-section .grid-text-content h2:after, .home-page section.partners h2:after, .home-page .grid-gallery-section h2:after, #BlogView .blog-related-posts h2:after { content: ''; display: block; width: 126px; height: 14px; margin: 10px auto 25px; background-image: url(../../../warehouse/temp/bama/titleDeco.png); background-size: cover; background-position: center center; background-repeat: no-repeat; } #headline h1 { line-height: 0.9; } .section { position: relative; margin-bottom: 0; padding: 0; } .row { margin: 0; } .grid-rows .grid-row { background: none; } .grid-text p { margin-top: 0; } p, ul.accessability-list { font-size: 80%; font-family: 'Heebo-Regular'; line-height: 1.5; letter-spacing: 0.24px; } .grid-rows .grid-row-text p { font-size: 80%; } /*.grid-text-section .grid-text-content { max-width: 470px; padding: 0; }*/ .grid-text-section .section-title { margin-bottom: 0; } .grid-boxes .grid-box-title h3 { margin: 0; } .grid-boxes .grid-box-title h3 a { color: inherit; } .grid-short-box .grid-short-box-label { padding-top: 0; } a:hover, a:focus { color: inherit; } /*General Transition*/ .grid-text .sec-button, a, #DynamicFormObject input[type=submit], #header2 ul.menu li, .has-sub i.opensub, .normal-form input[type=submit], .categories-strip ul li.strip-item, .aboutPage #text1 a { transition: all 200ms ease-in-out; -webkit-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; } /*General Button Styles*/ .grid-text .sec-button, .grid-rows .grid-row-text a.grid-row-button, #FormResultPage #text1 a, .page-not-found a, .archiveSec.grid-text-section .grid-text-content p:last-child a, .normal-form input[type=submit], #DynamicFormObject input[type=submit], #CatalogModule #CatalogItemView .custom-field:last-child p a, .timeTunnelPage.contentInnerPage #text1 a, .timeTunnelPage.contentInnerPage #text2 a, .aboutPage #text1 a /*, .eventsPage #PopUpData #text1 a*/ { background: #fff; color: #232323; border: 1px solid #c4091e; text-align: center; padding: 0; font-size: 110%; letter-spacing: 0.33px; box-shadow: 1px 3px 11px 0 rgba(0, 0, 0, 0.18); -webkit-box-shadow: 1px 3px 11px 0 rgba(0, 0, 0, 0.18); } .grid-text .sec-button, .grid-rows .grid-row-text a.grid-row-button, #FormResultPage #text1 a, .page-not-found a, .archiveSec.grid-text-section .grid-text-content p:last-child a, #CatalogModule #CatalogItemView .custom-field:last-child p a, .timeTunnelPage.contentInnerPage #text1 a, .timeTunnelPage.contentInnerPage #text2 a, .aboutPage #text1 a /*, .eventsPage #PopUpData #text1 a*/ { height: 45px; width: 150px; border-radius: 23px; line-height: 47px; margin-right: 10px; } .normal-form input[type=submit], #DynamicFormObject input[type=submit] { height: 41px; line-height: 45px; border-radius: 20px; } .archiveSec.grid-text-section .grid-text-content p:last-child a, #FormResultPage #text1 a, .page-not-found a, #CatalogModule #CatalogItemView .custom-field:last-child p a, .eventsPage #PopUpData #text1 a, #text1 a, #text2 a { display: inline-block; } .timeTunnelPage.contentInnerPage #text1 a, .timeTunnelPage.contentInnerPage #text2 a { font-size: 22px; font-family: AdumaLight; } .grid-rows .grid-row-text a.grid-row-button { width: 150px; } .grid-rows .grid-row-text a.grid-row-button.last-btn { margin-right: 10px; } .archiveSec.grid-text-section .grid-text-content p:last-child a { font-family: AdumaLight; font-size: 22px; } .grid-text .sec-button:hover, .grid-text .sec-button:focus, .archiveSec.grid-text-section .grid-text-content p:last-child a:hover, .archiveSec.grid-text-section .grid-text-content p:last-child a:focus, .grid-rows .grid-row-text a.grid-row-button:hover, .grid-rows .grid-row-text a.grid-row-button:focus #FormResultPage #text1 a:hover, #FormResultPage #text1 a:focus, .page-not-found a:hover, .page-not-found a:focus, .normal-form input[type=submit]:hover, .normal-form input[type=submit]:focus, #DynamicFormObject input[type=submit]:hover, #DynamicFormObject input[type=submit]:focus, .add-to-cart:hover, .add-to-cart:focus, button#addToCartBtn:hover, button#addToCartBtn:focus, #CatalogModule #CatalogItemView .custom-field:last-child p a:hover, #CatalogModule #CatalogItemView .custom-field:last-child p a:focus, .timeTunnelPage.contentInnerPage #text1 a:hover, .timeTunnelPage.contentInnerPage #text1 a:focus, .timeTunnelPage.contentInnerPage #text2 a:hover, .timeTunnelPage.contentInnerPage #text2 a:focus, .aboutPage #text1 a:hover, .aboutPage #text1 a:focus /*, .eventsPage #PopUpData #text1 a:hover, .eventsPage #PopUpData #text1 a:focus*/ { background: #c4091e; color: #fff!important; border: 1px solid #c4091e; } .aboutPage #text1 a { font-size: 100%; } /*General Form Styles*/ #DynamicFormObject { color: inherit; } .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { font-size: 100%; } #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 400%; line-height: 0.9; } .normal-form input, .normal-form select, .normal-form textarea { max-width: 100%; width: 100%; border-radius: 0; border: none; border-right: 2px solid #c4091e; font-size: 80%; color: #232323; padding-right: 15px; background: #e2e2e2; margin-bottom: 25px; } .normal-form textarea { height: 100px; } .normal-form input, .normal-form select { height: 40px; box-shadow: none; -webkit-box-shadow: none; } .normal-form:after, #DynamicFormObject:after { content: none; } #contactform.normal-form, .form-container-wide #DynamicFormObject, .FooterForm.form-container-wide #DynamicFormObject { padding: 45px 90px 50px; border: 1px solid #c4091e; } .form-container-wide #DynamicFormObject .dynamicFormObjectFields, .form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { display: block; width: 100%; padding: 0; margin-bottom: 0; } .form-container-wide #DynamicFormObject { max-width: 100%; width: 100%; } .form-container-wide #DynamicFormObject .dynamicFormEndText { display: none; } #text1 table { max-width: 100%; overflow: auto; } #text1, #text2 { max-width: 100%; overflow: auto; } #text1 tr:first-child { background: #C4091E; color: #ffffff; } #text1 tr { background: #ffffff; border-bottom: 1px solid #dddddd; } #text1 td { vertical-align: middle; padding: 5px; font-size: 95%; } #text1 td p { margin: 0; } #text1 td p:last-child { margin: 0; } #text1 tr:first-child td { padding: 3px; font-size: 105%; } /*Header*/ #header2 { max-width: 100%; color: #232323; background: #fff; box-shadow: -7.8px 6.3px 16.2px 4.8px rgba(0, 0, 0, 0.09); -webkit-box-shadow: -7.8px 6.3px 16.2px 4.8px rgba(0, 0, 0, 0.09); transition: all 600ms ease-in-out; -webkit-transition: all 600ms ease-in-out; -o-transition: all 600ms ease-in-out; } #header2 .max-width { max-width: 100%; position: relative; } #header2 #header-left { text-align: right; } #header2 .menu-nav { margin-top: 0; } #header2 ul.menu { margin-bottom: 0; text-align: center; max-width: 75vw; margin-right: auto; margin-left: auto; } #header2 ul.menu li { color: #232323; font-size: 140%; vertical-align: middle; } #header2 ul.menu > li:before { content: none; } #header2 ul.menu li.active { color: #fff; } #header2 ul.menu li.active { background: #c4091e; } #header2 ul.menu li a { width: auto; position: relative; padding: 0 10px; line-height: 0.9; vertical-align: text-bottom; } #header2 ul.menu li a:focus { border-bottom: none; opacity: 1; } #header2 #header-left img { max-width: 15vw; } #header2 .header-top-left { margin-right: 0; direction: rtl; } #header2 .header-top-left svg, #header2 ul.menu .social-links a svg { fill: #fff; } /*Svg color*/ #header2 .header-top-left a { width: 28px; height: 28px; border-radius: 50%; text-align: center; background-color: #6e6e6e; margin: 0 0 0 4px; } #header2 .header-top-left a:last-child { margin-left: 0; } #header2 .header-top-left a:hover, #header2 .header-top-left a:focus { background: #c4091e; } #header2 .header-top-left a:hover svg, #header2 .header-top-left a:focus svg { fill: #fff; } #header2 .header-top-left a svg { width: 12px; height: 12px; } #header .social-links a:focus:after, #header2 .header-top-left a:focus:after { content: none; } #header2 ul.menu li.last-item { margin-left: 0; } #header2 .header-top .address { display: none; } #header2 .menu-sub { background: #fff; } #header2 ul.menu .menu-sub li { color: inherit; } #header2 ul.menu li .menu-sub a { width: auto; height: 32px; padding: 0 7px; color: #232323; line-height: 36px; } #header2 ul.menu li .menu-sub li.active a { color: #fff; } .has-sub i.opensub { color: #232323; font-size: 90%; margin: 0 0 0 10px; } #header2 ul.menu li.active i.opensub { color: #fff; } #header2 ul.menu li:hover i, #header2 ul.menu li:focus i { color: #fff; } .searchBtn svg, header.search-open .searchSubmitWrapper svg, #SiteHeader.search-open .searchSubmitWrapper svg, header.search-open .searchBtn svg { fill: #232323; } header.search-open #searchFormHeaderContainer form#searchFormHeader input#searchFormInput { color: #232323; border-bottom-color: #232323; } #searchFormHeader .error { left: 45px; color: #df2424; } /*Top Banner*/ #home-gallery .slides .slider-item:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.6); } #home-gallery .photoCaption { top: 55%; left: -23%; z-index: 1; } #home-gallery .photoCaption .photoCaptionText { max-width: 650px; background: none; color: #fff; padding: 0; } #home-gallery .photoCaption .photoCaptionText:after { content: none; } #home-gallery .photoCaption .photoCaptionText a.photoCaptionLink { background: #c61c25; } #home-gallery .photoCaption .photoCaptionText h2.photoTitle { font-size: 200%; margin-bottom: 25px; } #home-gallery .photoCaption .photoCaptionText p { max-width: 75%; font-family: AdumaLight; font-size: 110%; line-height: 1.3; margin: 0 auto; } #home-gallery, #home-gallery .slider-bg.stellar-bg { height: 70vh !important; } #home-gallery .slider-bg.stellar-bg { background-size: cover; min-height: unset; } #home-gallery ol.flex-control-nav.flex-control-paging { bottom: 50px; } #home-gallery .flex-control-paging li, .flex-control-nav li { margin: 0 7px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); } #home-gallery .flex-control-paging li a { width: 11px; height: 11px; } #home-gallery .flex-control-paging li a, .flex-control-nav li a { background: #fff; } #home-gallery .flex-control-paging li a.flex-active, .flex-control-paging li a.flex-active { background: #c4091e; } #home-gallery .scroll-down { bottom: 15px; } #home-gallery .scroll-down svg { height: 44px; opacity: 0; margin-left: 20px; } #home-gallery .scroll-down:after { content: ''; position: absolute; width: 26px; height: 43px; left: 5px; bottom: 0; pointer-events: none; transform: translateX(50%); -webkit-transform: translateX(50%); -ms-transform: translateX(50%); background: url(../../../warehouse/temp/bama/scrollDownIcon.png); background-size: cover; background-position: center center; background-repeat: no-repeat; } /*#home-gallery:after { content: ''; position: absolute; width: 160px; height: 160px; bottom: 0; left: 0; z-index: 2; pointer-events: none; background-image: url(../../../warehouse/temp/bama/sliderDeco.png); background-size: cover; background-position: center; background-repeat: no-repeat;}*/ /*About Section*/ .home-page .grid-text-section { padding-top: 100px; } .home-page .grid-text-section .grid-text-content { max-width: 610px; width: 100%; padding: 0; } .home-page .grid-text-section .grid-text-content a.sec-button { margin-top: 45px; } /*Shows Section*/ .home-page .grid-row-section { max-width: 900px; margin: 0 auto; padding: 100px 0; } .home-page .grid-row li.slider-item { padding-bottom: 450px; } .home-page .grid-row-section .flex-control-nav { bottom: -40px; } .home-page .grid-rows .grid-row-text { max-width: 350px; width: 100%; } .grid-rows .grid-row-text h3 { color: #6e6e6e; font-size: 80%; font-family: 'Heebo-Regular'; letter-spacing: 0.24px; margin-bottom: 20px; } /*Archive Section*/ .grid-text-section.archiveSec { padding: 0; } /*.archiveSec.grid-text-section .grid-text.gr idTextWithImg { max-width: 90%; margin: 0 auto;}*/ .archiveSec.grid-text-section .grid-text-content { max-width: 740px; background: #fff; padding: 40px 70px; box-shadow: 2px 7px 40px 0 rgba(0, 0, 0, 0.65); -webkit-box-shadow: 2px 7px 40px 0 rgba(0, 0, 0, 0.65); } .archiveSec.grid-text-section .grid-text-content h2 { position: relative; } .archiveSec.grid-text-section .grid-text-content h2:after { margin: 5px auto 15px; } .archiveSec.grid-text-section .grid-text-content p { max-width: 500px; margin: 0 auto; } .archiveSec.grid-text-section .grid-text-content p:last-child { max-width: 100%; } .archiveSec.grid-text-section .grid-text-content p:last-child a:last-child { margin-left: 0; } .archiveSec.grid-text-section .grid-text-content p:last-child a { margin-left: 30px; } /*password protected*/ .passWord .categoryPasswordLogin input[type=button] { background: #fff; color: #232323; border: 1px solid #c4091e; text-align: center; padding: 0; font-size: 110%; letter-spacing: 0.33px; box-shadow: 1px 3px 11px 0 rgb(0 0 0 / 18%); -webkit-box-shadow: 1px 3px 11px 0 rgb(0 0 0 / 18%); border-radius: 20px; padding-top: 5px; } .passWord .categoryPasswordLogin input[type=button]:hover, .categoryPasswordLogin input[type=button]:focus { background: #c4091e; color: #fff; border: 1px solid #c4091e; } .passWord .categoryPasswordLogin input[type=password] {border-radius: 20px; } .passWord .categoryPasswordLogin { margin-bottom: 30px; width: 100%; position: absolute; margin-right: 40px; } .passWord .categoryPasswordLogin input[type=password] { border-radius: 20px; } .passWord .categoryPasswordLogin input[type=password] { width: 40%; } .passWord { overflow: hidden; } @media(max-width:767px){ .passWord .categoryPasswordLogin input[type=button] { margin: 20px auto 0; width: 30%; } .passWord .categoryPasswordLogin {display: flex; flex-direction: column; margin-bottom: 30px; width: 85%; position: absolute; margin-right: 0; } .passWord .CurrentCategoryLocked { width: 100%; } .passWord .CurrentCategoryLocked h2 { width: 100%; } .passWord .CurrentCategoryLockedInner { left: 50%; top: 45%; padding-right: 23px; width: 100%; } .passWord .categoryPasswordLogin input[type=password] { width: 70%; margin: auto; } } /*Partners Section*/ .home-page .grid-gallery-section, .home-page .partners { max-width: 80%; margin: 20px auto 90px; padding: 80px 0 100px; background-image: url(../../../warehouse/temp/bama/hpPartnersBG.png); background-position: center center; background-size: cover; background-repeat: no-repeat; } .home-page .grid-gallery-section h2:after, .home-page section.partners h2:after { margin: 5px auto 10px; } .home-page .grid-gallery-section .gallery-container { max-width: 1100px; margin: 0 auto; } section.grid-content-section.partners .grid-boxes.row { max-width: 720px; margin: auto; } section.grid-content-section.partners .grid-boxes .grid-box-image { margin-bottom: 0; padding-bottom: 100%; box-shadow: 2px 7px 10px 0 rgba(0, 0, 0, 0.25); -webkit-box-shadow: 2px 7px 10px 0 rgba(0, 0, 0, 0.25); } section.grid-content-section.partners .grid-box-title { display: none; } /*section.grid-content-section.partners .grid-boxes .section-animation-item:nth-child(4), section.grid-content-section.partners .grid-boxes .section-animation-item:nth-child(5), section.grid-content-section.partners .grid-boxes .section-animation-item:nth-child(6), section.grid-content-section.partners .grid-boxes .section-animation-item:nth-child(7) { width: 25%; }*/ section.grid-content-section.partners .grid-boxes .section-animation-item:nth-child(1), section.grid-content-section.partners .grid-boxes .section-animation-item:nth-child(2), section.grid-content-section.partners .grid-boxes .section-animation-item:nth-child(3), section.grid-content-section.partners .grid-boxes .section-animation-item:nth-child(4) { margin-bottom: 35px; margin-top: 20px; } section.grid-content-section.partners .grid-boxes .section-animation-item { width: 25%; margin-bottom: 35px; } .home-page .grid-gallery-section .owl-carousel .owl-item .item { padding: 0; } .home-page .grid-gallery-section .owl-carousel .owl-item a.slide-bg-layer { pointer-events: none; } .home-page .grid-gallery-section .owl-carousel .owl-item .item a:focus .plus-sign, .owl-carousel .owl-item .item:focus .plus-sign, .home-page .grid-gallery-section .owl-carousel .owl-item .item:hover .plus-sign { opacity: 0; } .owl-carousel .owl-nav div { display: block !important; width: 43px; height: 43px; } .owl-carousel .owl-prev:after, .owl-carousel .owl-next:after { width: 100%; height: 100%; display: inline-block; background-size: cover; background-position: center center; background-repeat: no-repeat; } .owl-carousel .owl-next:after { background-image: url(../../../warehouse/temp/bama/arrLeft.png); } .owl-carousel .owl-prev:after { background-image: url(../../../warehouse/temp/bama/arrRight.png); } .owl-carousel .owl-next { left: -65px; } .owl-carousel .owl-prev { right: -65px; } /*Newsletter Section*/ .grid-form-section .form-container-wide, .footerFormContainer { max-width: 1070px; margin: 0 auto; } /*Footer*/ footer { padding-top: 100px; } #SiteFooter .site-credit.alternative { background: #232323; padding: 10px 0; } .FooterForm.form-container-wide { display: none; } .footer-text-divided { background: #232323; padding: 31px 0; color: #fff; } .footer-text-divided > div { vertical-align: middle; } .footer-text-divided > div.footer-text-left p:last-child { margin-top: 20px; } .footer-text-divided > div.footer-text-left p:last-child a { margin: 0 3px; } /******Inner Page*****/ #GridPage { padding-top: 50px; } .lobby-grid #GridPage .max-width { padding: 0; } #GridTop:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.5); pointer-events: none; } #GridPage .max-width-center { max-width: 100%; } .top-caption { top: 65%; text-align: center; } .top-caption h1 { font-size: inherit; } .top-caption h1:after { content: none; } .top-caption:after { content: ''; display: block; width: 126px; height: 14px; margin: 10px auto 25px; background-image: url(../../../warehouse/temp/bama/titleDecoWhite.png); background-size: cover; background-position: center center; background-repeat: no-repeat; } .categories-strip { background: #121212; } .categories-strip ul li.active { background: rgba(255,255,255,.1); } #pageview h2 { margin-bottom: 20px; } #text1, #text2 { max-width: 760px; } #text1 h2, #text2 h2, #text1 h3, #text2 h3 { font-family: 'AdumaLight', 'Heebo-Medium', sans-serif; } #text1 h2, #text2 h2 { font-size: 95%; margin-bottom: 10px; } #text1 h3, #text2 h3 { margin: 0 0 5px 0; letter-spacing: 0.29px; } #text1 table, #text2 table { margin: 0 auto; } /*About Page*/ .aboutPage .MainContent > *, .contentRight .MainContent > * { max-width: 740px; margin: 0 auto; text-align: right !important; } .contentRight #pageview { text-align: right !important; } .aboutPage .MainContent #text1, .contentRight .MainContent #text1, .contentRight #text2 { max-width: 740px; } .contentRight #text2 { text-align: right; } .aboutPage #headline h1:after, .blog-view h1:after, .contentRight #headline h1::after { height: 2px; width: 50px; background: #c4091e; /*margin-right: 0;*/ } /*.aboutPage #headline h1:after { height: 4px; width: 100px; }*/ .aboutPage .MainConten #text1 { max-width: 100%; } /*Team Page*/ .teamPage .grid-content-section { max-width: 1170px; padding: 40px 0; } .teamPage .grid-content-section .section-title h2 { font-size: 200%; } .teamPage #LobbyModule .grid-box .grid-box-image { padding-bottom: 100%; } .teamPage #LobbyModule .grid-box { width: 15%; } /*Plays Index Page*/ .playIndexPage #text1 { max-width: 900px; } .playIndexPage #text1 table { width: 100%; } .playIndexPage #text1 table tr { height: 55px; } /*Catalog Lobby Page*/ .catalogContainer { max-width: 1120px; width: 100%; padding: 0; } #CatalogModule .item-actions { border: none; } #CatalogModule { padding: 0; } #CatalogView, #CatalogCollectionView { text-align: center; } #CatalogModule .filtersList { margin: 20px 0; } #CatalogModule .filtersList .currentFilter { padding: 12px 16px; font-size: 90%; line-height: 1; } #CatalogModule #CatalogView .catalogItemBox { padding: 0 22px; text-align: center; margin-bottom: 30px; } #CatalogModule #CatalogView .catalogItemBox a.item-image { /*background: #fff;*/ background: transparent; } /*#CatalogModule .catalogItemBox a.item-image img, .catalogCategoryBox a.catalogCategoryBoxImage img { padding: 35px 42px;}*/ #CatalogModule .catalogItemBox .item-text-top { min-height: unset; margin-top: 18px; } #CatalogModule .catalogItemBox h3.itemTitle { min-height: unset; font-size: 130%; margin-left: auto; margin-right: auto; } #CatalogModule.catalogItemBox h3.itemTitle { max-width: 100%; margin: 0; } #CatalogModule .catalogItemBox .item-add-to-cart { padding-bottom: 15px; } .add-to-cart, button#addToCartBtn { min-width: unset; width: 130px; height: 40px; line-height: 42px; border-radius: 23px; background: #fff; color: #707070; border: 1px solid #c4091e; padding: 0; margin-top: 5px; font-size: 105%; box-shadow: 1px 3px 11px 0 rgba(0, 0, 0, 0.18); -webkit-box-shadow: 1px 3px 11px 0 rgba(0, 0, 0, 0.18); } #CatalogModule .CatalogNav .navigationItems a { min-width: 30px; height: 30px; line-height: 34px; padding: 0 5px; background: #fff; } #CatalogModule .CatalogNav .navigationItems a.active, #CatalogModule .CatalogNav .navigationItems a:hover, #CatalogModule .CatalogNav .navigationItems a:focus { background: #c4091e; color: #fff; } #PrevPage a:hover, span#NextPage a:focus, #NextPage a:hover, #NextPage a:focus { text-decoration: underline; } #CatalogModule .CatalogNav .navigationItems { margin: 5px 2px; } /* Catalog Filter */ #CatalogModule .filters-box button.filters-title { padding: 10px 15px 7px 18px; box-shadow: 2px 3px 16px 0px rgba(0, 0, 0, 0.17); } #CatalogModule .filters-box button.filters-title.active, #CatalogModule .filters-box button.filters-title:hover { background: #c4091e; color: #fff; } #CatalogModule .filters-box .filters-list-wrapper { top: 45px; } #CatalogModule .filters-box ul.filter-list { background: #fff; border: 1px solid red; min-width: 182.41px; } /*Catalog Pop Up*/ .modal .close { margin-bottom: 30px; } .modal .close svg { width: 28px; height: 28px; } .shopPop.quickviewPop .modal-body { max-width: 880px; padding: 0; } .shopPop.quickviewPop .modal-body .itemContentWrapper { background-image: url(../../../warehouse/temp/bama/bg.jpg); } .shopPop.quickviewPop #CatalogModule .itemContent #headline { font-size: 275%; margin-bottom: 0; } .shopPop.quickviewPop .modal-body #CatalogModule .itemImages { background: #fff; padding: 0; } #CatalogModule .gallery-slider.large .slides img { padding: 15px; } .shopPop.quickviewPop .modal-body #CatalogModule .itemImages .gallery-slider.thumbs li { padding-bottom: 55px; } #CatalogModule .gallery-slider.thumbs { margin: 15px 0 55px; } #CatalogModule .gallery-slider.thumbs li.item { width: 42px !important; padding-bottom: 55px; } .shopPop.quickviewPop .modal-body .itemContent { padding-top: 40px; padding-right: 55px; } .shopPop.quickviewPop .modal-body .itemContent #catalogText, #CatalogModule #CatalogItemView span.custom-field-title, #CatalogModule #CatalogItemView .custom-field span:last-child { letter-spacing: 0.24px; } #CatalogModule .itemContent #catalogText { font-size: 80%; color: #6e6e6e; margin-bottom: 7px; } #CatalogModule .itemContent #catalogText p { font-size: 100%; } /*span.item-makat-title { opacity: 0; margin-left: 35px;} span.item-makat-text { position: relative; } span.item-makat-text:before {content: 'מספר סידורי:'; position: absolute; width: 52px;left: 10px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}*/ #CatalogModule #CatalogItemView .custom-field { font-size: 90%; display: block; } #CatalogModule #CatalogItemView .custom-field p { font-size: 100%; } #CatalogModule #CatalogItemView span.custom-field-title { font-family: 'Heebo-Medium'; font-weight: unset; } #CatalogModule #CatalogItemView .custom-field span:last-child { font-family: 'Heebo-Regular'; } /*#CatalogModule #CatalogItemView .custom-field:last-child span.custom-field-title { display: none;}*/ #CatalogModule #CatalogItemView .custom-field:last-child p a { margin-top: 10px; font-size: 138%; line-height: 51px; font-family: AdumaLight; } /*Catalog Product Page*/ .catalogContainer button.backBtn { font-size: 140%; color: #C61C25; } .catalogContainer button.backBtn:hover, .catalogContainer button.backBtn:focus { color: inherit; } #CatalogModule .gallery-slider .flex-control-paging li a { width: 12px; height: 12px; background: none; border: 1px solid #707070; } #CatalogModule .gallery-slider .flex-control-paging li a.flex-active { background: #707070; } #CatalogModule .relatedItems h2 { background: none; padding: 0; margin: 0 0 30px; } #CatalogModule .relatedItems .relatedItemsTitle:after { content: none; } /*Events Page*/ .eventsPage #GridPage .max-width { max-width: 1092px; } .eventsPage #gridshort-view .flex-row > div { padding: 0 17px; } .eventsPage .grid-short-box-image { padding-bottom: 230px; } .eventsPage .grid-short-box-image:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,.4); pointer-events: none; } .eventsPage .grid-short-box .grid-short-box-label { position: absolute; width: 72%; top: 73px; left: 50%; line-height: 1; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .eventsPage .grid-short-box .grid-short-box-link:after { content: ''; position: absolute; width: 245px; height: 2px; background: #fff; top: -20px; right: 50%; transform: translateX(50%); -webkit-transform: translateX(50%); -ms-transform: translateX(50%); } .eventsPage .grid-short-box .grid-short-box-label, .eventsPage .grid-short-box .grid-short-box-link { position: absolute; left: 50%; color: #fff; pointer-events: none; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .eventsPage .grid-short-box .grid-short-box-link { bottom: 40px; font-size: 110%; } .eventsPage .grid-short-box { margin-bottom: 38px; } .eventsPage #multi-content-modal .modal-content { max-width: 880px; padding: 0; } #multi-content-modal.modal .close { width: 100%; text-align: center; } .eventsPage .modal-image.hidden-xs, .eventsPage .modal-text.displayTable { vertical-align: middle; padding: 65px 55px 65px 65px; } .eventsPage .modal-image.hidden-xs { background-size: 85%; background-position: center; background-repeat: no-repeat; } .eventsPage .modal-text #text1 { max-height: 30vh; text-align: right; } .eventsPage .modal-text.displayTable { background-image: url(../../../warehouse/temp/bama/bg.jpg); } .eventsPage #PopUpData #headline { font-size: 200%; } .eventsPage #PopUpData #text1 a { margin-bottom: 15px; font-family: 'Heebo-Medium'; text-decoration: underline; } /*Time Tunnel - Blog Page*/ .blog-post-title { padding-top: 4%; font-size: 115%; } .blog-post-icons { margin-top: 0; } .blog-post-icons span i { font-size: 85%; } /*Time Tunnel Inner - Blog Page*/ #BlogView .blog-view { max-width: 740px; margin: 0 auto; } #BlogView .blog-view > .blog-post-icons { text-align: center; } .blog-post-icons span { margin-left: 0; font-size: 105%; } #BlogView .blog-view > * { text-align: right; } #BlogView .blog-view #headline { font-size: 280%; } #BlogView .blog-view > .share-strip { text-align: center; } #BlogView .blog-view i.fa.fa-pencil { display: none; } #BlogView #text1 { width: 100%; } #BlogView .share-strip { float: none; } #BlogView .share-strip span { display: none; } #BlogView .share-strip:before, #BlogView .share-strip:after { border-color: #c4091e; top: 40%; } #BlogView #text1 { overflow: unset; } #BlogView .blog-related-posts .share-strip { margin: 20px 0 0; } #BlogView .blog-related-posts h2 { float: none; text-align: center; margin: 50px 0 3%; } .blog-related-post-title { min-height: 92px; font-size: 110%; padding-right: 15px; padding-left: 15px; line-height: 72px; } .blog-related-post-title a { display: inline-block; line-height: 1.1; vertical-align: middle; } .blog-tags-list ul li.blog-tag { font-size: 120%; } .blog-tags-list ul li.blog-tag a { display: inline-block; width: 100%; border: 1px solid; padding: 4px 15px 1px; } .blog-tags-list ul li.blog-tag:last-child { margin-left: 0; } .blog-tags-list ul li.blog-tag.active a { background: #C4091E; color: #ffffff; border-color: #C4091E; } .blog-tags-list ul li.blog-tag a:hover, .blog-tags-list ul li.blog-tag a:focus { background: #C4091E; color: #ffffff; border-color: #C4091E; } .blog-tags-list ul li.blog-tag { margin-left: 5px; } #BlogView #text1 pre { background: transparent; border: 0; overflow: visible; font-size: 90%; font-family: 'Heebo-Regular'; line-height: inherit; word-break: inherit; text-align: inherit !important; padding: 0; border-radius: 0; display: inline-block; white-space: normal; font-weight: bold; } /*Media Page*/ .mediaPage #ContentGridReadMoreModule #pageview { margin-bottom: 0; } #gridshort-view-media .grid-short-box { border: 6px solid #c4091e; } #gridshort-view-media .grid-short-box-text { color: inherit; } #gridshort-view-media .grid-short-box:hover { color: inherit; background: #c4091e; } #gridshort-view-media .grid-short-box.box:hover .grid-short-box-subtitle { color: #fff; } #gridshort-view-media .grid-short-box.box:hover .grid-short-box-text, #gridshort-view-media .grid-short-box.box:hover .grid-short-box-label { color: #fff; } #gridshort-view-media .grid-short-box-label { line-height: 1.1; } /*aviv's changes*/ .ArticlesGrid .blog-posts { max-width: 900px; margin: auto; } .BlogArticleDetails, .BlogArticleDate svg { display: none; } .BlogArticle { display: flex !important; border: 1px solid #c50218; width: 100%; padding: 20px 10px; align-items: center; height: auto; background-color: transparent; } .BlogArticleImg { background-color: transparent; background-size: contain; } .BlogArticleContent { width: 80%; display: flex; position: relative; flex-direction: column; flex-wrap: wrap; } .BlogArticleContent .BlogArticleContent-wrapper { position: relative; display: flex; flex-direction: column; flex-wrap: wrap; order: 2; width: 100%; transform: none; top: 0; padding-top: 20px; } .BlogDetails-Wrapper { height: fit-content; display: inline-flex; order: 1; color: #777777; line-height: normal; } .BlogArticleContent .BlogArticleLink { text-align: left; line-height: normal; } .BlogArticleContent .BlogArticleTitle { font-size: 160%; line-height: normal; } .BlogArticleContent .BlogArticleSummary { line-height: normal; max-width: 70%; } /*mosh changes*/ .blogArticles .blog-related-posts.row { max-width: 740px; margin: 0 auto; float: none; } #BlogMain.ArticlesGrid .blog-posts { max-width: 810px; } #BlogMain.ArticlesGrid .blog-post { height: auto; padding: 0; } #BlogMain.ArticlesGrid .BlogArticle { height: auto; background-color: transparent; padding: 28px 26px; } #BlogMain.ArticlesGrid .BlogArticleDate span { font-family: 'Heebo-Regular', sans-serif; font-size: 70%; color: #6e6e6e; } #BlogMain.ArticlesGrid .BlogArticleContent .BlogArticleContent-wrapper { padding-top: 13px; width: 100%; text-align: right; } #BlogMain.ArticlesGrid .BlogArticleContent .BlogArticleTitle { font-size: 205%; color: #121212; line-height: .86; } #BlogMain.ArticlesGrid .BlogArticleContent .BlogArticleSummary { font-size: 70%; font-family: 'Heebo-Regular', sans-serif; line-height: 1.7; } #BlogMain.ArticlesGrid .BlogArticleContent .BlogArticleLink { margin-top: 38px; z-index: auto; font-size: 115%; } #BlogMain.ArticlesGrid .BlogArticleContent .BlogArticleLink::after { content: ''; display: inline-block; vertical-align: baseline; width: 13px; height: 13px; background-image: url('/warehouse/temp/bama/arrow-left.svg'); background-size: 13px 13px; margin-right: 11px; } #BlogMain.ArticlesGrid .BlogArticleImg { padding-bottom: 210px; width: 100%; max-width: 153px; } #BlogMain.ArticlesGrid .BlogArticleContent { width: -webkit-fill-available; padding: 0 54px 0 0; } /*Links Page*/ .faq-headline { border-right: 4px solid #c4091e; padding-left: 45px; } .faq-headline.open { border-color: transparent; background: #c4091e; color: #fff; } .faq-body > div a:hover, .faq-body > div a:focus { text-decoration: underline; } /*Contact Page*/ #contactview > .row > div { padding: 0; } #contactform { background-color: #fff; margin-bottom: 0; } /*#contactDetails .contactDetailsText1 {display: none;}*/ #contactDetails h3 { margin: 0 0 20px; } #contact-boxes { display: none; } #contactform .contact-container { width: 100%; } #contactform h3 { display: none; } #contactform textarea { margin: 0 0 15px; } #contactform .contact-form-submit { text-align: center; margin-bottom: 15px; } #contactform .contact-form-comment { font-size: 75%; margin-bottom: 0; } .contactPage .FooterForm.form-container-wide { display: block; float: none; } .footerFormContainer { background: none; } .FooterForm.form-container-wide { padding-bottom: 100px; } .FooterForm.form-container-wide #DynamicFormObject { max-width: 100%; } .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectTitleAndText { padding: 0; font-size: 100%; } .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields { width: 100%; padding: 0; } .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit input { margin-bottom: 0; } .hasBottomForm a[href*=tranzila] { background: #c4091e; color: #fff !important; padding: 4px 15px; } .hasBottomForm a[href*=tranzila]:hover, .hasBottomForm a[href*=tranzila]:focus { background: #8c0514; } .CatalogItemPage #GridTop.noTopImage.longer { display: none; } .hasBottomForm .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 50%; margin-bottom: 23px; } .hasBottomForm .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField:nth-of-type(3) { width: 100% !important; } .hasBottomForm .form-container-wide #DynamicFormObject .dynamicFormObjectField.selectBox-12 { float: right; } .hasBottomForm .form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { float: none; clear: both; } .hasBottomForm .normal-form textarea { height: 70px; } .hasBottomForm .form-container-wide #DynamicFormObject { padding: 45px 40px 50px; } .pagination > li > a, .pagination > li > span { width: 42px; height: 42px; border: 1px solid #c4091e; color: #000; } .pagination > li > a:hover, .pagination > li > a:focus { background: #c4091e; color: #fff; } .pagination > .active > a { background: #c4091e; border-color: #c4091e; } .pagination > .active > a:hover, .pagination > .active > a:focus { background: #c4091e; border-color: #c4091e; } /*Roi's edit to contactus-d/buy page*/ .PurchasePage tbody { display: flex; justify-content: space-between; } .PurchasePage #text1 table { margin-bottom: 10px; } .PurchasePage #text1 tbody tr { display: flex; background-color: transparent; flex-direction: column; border-bottom: 0; position: relative; } .PurchasePage #text1 tbody td { padding: 0; max-width: 100% !important; } .PurchasePage #text1 tbody td:nth-child(1) { padding-bottom: 40px; } .PurchasePage #text1 tbody td:nth-child(2) { color: #3366ff; } .PurchasePage #text1 tbody td:nth-child(3) { color: #000; position: absolute; bottom: 0; left: 50%;; transform: translateX(-50%); } @media (min-width: 991px) { .PurchasePage tbody { width: 730px; } .PurchasePage #text1 tbody tr { width: 244px; height: 386px; } } @media (max-width: 991px) { .PurchasePage tbody { display: flex; flex-direction: column; align-items: center; } .PurchasePage #text1 tbody td img { width: 350px; } .PurchasePage #text1 tbody td:nth-child(1) { padding-top: 40px; padding-bottom: 0; } .PurchasePage #text1 tbody td:nth-child(2) { padding-bottom: 40px; padding-top: 20px; } } @media (max-width: 767px) { .PurchasePage #text1 tbody td img { width: 260px; } } /*end of edit*/ @media (max-width: 1200px) { #home-gallery .photoCaption { left: -17%; } } @media(min-width: 1025px) { #contactform .contact-container > .row { margin: 0 -38px; } .form-container-wide #DynamicFormObject fieldset { margin: 0 -18px; } .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 248px; } .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: auto; } #header2 { padding: 0; } #header2 .max-width { padding: 15px 0; } #header2 #header-left { width: 215px; position: absolute; right: 0; top: -3px; } #header2 .header-top { position: absolute; width: auto; top: 50%; left: 30px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } #header2 ul.menu li { margin-left: .8vw; } #header2 ul.menu li:hover, #header2 ul.menu li:focus, #header2 .menu-sub li:hover a, #header2 .menu-sub li:focus a { color: #fff; } #header2 ul.menu li:hover, #header2 ul.menu li:focus { background: #c4091e; } #header2 ul.menu li:hover > a, #header2 ul.menu li:focus > a, #header2 .menu-sub li:hover > a, #header2 .menu-sub li:focus > a { color: #fff; } #header2 .menu-sub { border: 1px solid #c4091e; } header.search-open #searchFormHeaderContainer { display: block; position: relative; } header.search-open .searchBtn { right: 110px; top: 73%; } .searchSubmitWrapper input#searchFormSubmit { width: 100%; height: 100%; } .searchSubmitWrapper { width: 30px; height: 30px; top: 10px; left: 0; } header.search-open .searchSubmitWrapper svg { width: 24px; padding-bottom: 0; right: 50%; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); } } @media(min-width: 991px) { #GridPage #contactview.max-width-center { max-width: 850px; } .home-page .grid-row-section.firstShowSec .grid-row .grid-row-cell.grid-row-cell-text { padding-right: 35px; } .grid-rows .grid-row-text h2 { white-space: nowrap; } .grid-row-cell.flexslider-box { width: 480px; } .grid-row-cell.grid-row-cell-text { width: calc(100% - 480px); } .footer-text-divided { padding-right: 120px; padding-left: 120px; } #GridTop { height: 350px; } /*Team Page*/ .teamPage #LobbyModule .grid-box { padding: 0 20px; } .itemContentWrapper { direction: ltr; } #CatalogModule #CatalogView .catalogItemBox a.item-image { padding-bottom: 276px; } #CatalogModule .gallery-slider.large .slides img { padding: 0; } #CatalogModule .gallery-slider.large .slides li.item { padding-bottom: 600px; } #CatalogModule .gallery-slider.thumbs li.item:hover:after { border: 1px solid #000000; } .shopPop.quickviewPop .modal-body .itemContentWrapper { display: table; direction: ltr; } #CatalogModule .itemImages, #CatalogModule .itemContent { display: table-cell; float: none; direction: rtl; vertical-align: top; } /*Time Tunnel - Blog Page*/ .blog-posts { column-count: 3; -webkit-column-count: 3; -moz-column-count: 3; } } @media(min-width: 768px) { .hasBottomForm .form-container-wide #DynamicFormObject { padding: 25px 40px 20px; } .hasBottomForm .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 180px; float: left; position: absolute; left: 16%; bottom: 80px; transform: translateX(-50%); } .normal-form input[type=submit], #DynamicFormObject input[type=submit] { width: 147px; } .home-page .grid-row-section.secondShowSec .grid-row { direction: ltr !important; } .home-page .grid-row-section.firstShowSec .grid-row .grid-row-cell.grid-row-cell-text { text-align: right; } .home-page .grid-row-section.secondShowSec .grid-row .grid-row-cell.grid-row-cell-text { text-align: left; padding-left: 10px; } .grid-form-section.newsletterSec .form-container-wide #DynamicFormObject .dynamicFormObjectField, .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 75%; } .grid-form-section.newsletterSec .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit, .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { width: 25%; } .grid-form-section.newsletterSec .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit input, .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit input { width: 100%; } .home-page .normal-form input { margin-bottom: 0; } #contactform .contact-container .row > div:not(.textareaWrapper) { width: 33.333% } #contactform.normal-form { padding-bottom: 5px; } #contactform .contact-form-submit { margin-bottom: 5px; } .FooterForm.form-container-wide #DynamicFormObject .dynamicFormObjectFields .top-form { margin-bottom: 2%; } .categories-strip ul li.strip-item:hover { background: rgba(255,255,255,.1); } .categories-strip ul li { padding-top: 17px; } } @media(max-width: 1660px) { .home-page .grid-gallery-section { max-width: 100%; } } @media(min-width: 1025px) and (max-width: 1550px) { #header2 ul.menu li { font-size: 110%; } } @media(max-width: 1360px) { .home-page .grid-gallery-section { background-size: contain; } .home-page .grid-gallery-section .gallery-container { width: 80%; } .owl-carousel .owl-next { left: -25px; } .owl-carousel .owl-prev { right: -25px; } } @media(min-width: 1170px) and (max-width: 1280px) { #header2 #header-left img { max-width: 130px; } #header2 #header-left { width: 130px; } } @media(min-width: 1024px) and (max-width: 1280px) { #header2 #header-left img { max-width: 12vw; } #header2 ul.menu { max-width: 82vw; } #header2 ul.menu li { font-size: 100%; margin-left: 5px; } } @media(max-width: 1024px) { /*Header*/ #header2 { padding: 0; } #header2 .max-width { width: 100%; } #header2 .menu-nav .closed, #header2 .menu-nav .opened { display: none !important; } #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: #232323; } #header2 ul.menu { width: 100vw; height: 101vh; margin-bottom: 0; background-color: #fff; } #header2 ul.menu li { padding: 10px 0; margin-left: 0; } #header2 .header-right-section { width: 100%; background: none; padding: 25px 20px 25px 0; z-index: 0; } #header2 .header-top-right { float: none; } #header2 .header-top.social-links { width: auto; position: absolute; left: 20px; } #header2 #header-left { width: auto; height: auto; position: absolute; right: 50%; top: 0; padding: 0; transform: translateX(50%); -webkit-transform: translateX(50%); -ms-transform: translateX(50%); } #header2.open #header-left { opacity: 0; pointer-events: none; } #header2 ul.menu li.social-mobile { padding-top: 35px; } #header2 ul.menu li.searchBtn { display: none; } #header2 ul.menu li:hover { color: inherit; } #header2 ul.menu .social-links a { display: inline-block; /*width: 70px; height: 70px; line-height: 72px;*/ width: 35px; height: 35px; line-height: 35px; padding: 0; border-radius: 50%; background: #6e6e6e; margin: 0 5px; } /*#header2 ul.menu .social-links a svg { width: 30px; height: 30px; }*/ #header2 ul.menu .social-links a svg { width: 15px; height: 15px; } #header2 .header-top-left a svg { width: 18px; height: 18px; display: inline-block; margin: 4px auto 0; } #header2 ul.menu .menu-sub li.active { color: #fff; } #header2 ul.menu li .menu-sub a { float: none; color: inherit; } #header2 .header-top-left { display: block; } #header2.open .header-top-left { opacity: 0; pointer-events: none; } #header2.headerHasSearch #header-left img { max-width: 200px; } #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 { height: 3px; } #header2 .header-top-left a { width: 32px; height: 32px; vertical-align: middle; } #header2 .mobile-middle-kdm { position: absolute; display: block; width: auto; left: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); } header #searchFormHeaderContainer form#searchFormHeader { background: #fff; } #searchFormHeader .error { top: 20px; left: 60px; } /*Footer*/ #SiteFooter .footer-text-divided > div.footer-text-left img { max-width: 200px; } } @media(min-width: 768px) and (max-width: 1024px) { .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { display: inline-block; float: none; } .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33.333%; } #header2 ul.menu { padding-top: 130px; } #header2 ul.menu li { font-size: 190%; } #home-gallery button.controlSlider { left: auto !important; } .grid-form-section .form-container-wide, .footerFormContainer { width: 80%; } .archiveSec.grid-text-section .grid-text.gridTextWithImg .gridTextImgContainer { width: 90%; margin: 0 auto; } .archiveSec.grid-text-section .grid-text.gridTextWithImg .gridTextImgContainer img { height: 600px; object-fit: cover; } } @media(max-width: 990px) { #contactform.normal-form, .form-container-wide #DynamicFormObject, .FooterForm.form-container-wide #DynamicFormObject { padding: 40px 30px; } #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 230%; } .section-title h1, .section-title h2, .home-page .grid-text h2, .grid-rows .grid-row-text h2, #headline, .top-caption { font-size: 280%; } h1:after, .archiveSec.grid-text-section .grid-text-content h2:after, .top-caption:after { margin: 5px auto 10px; } /*Top Banner*/ #home-gallery .photoCaption .photoCaptionText h2.photoTitle { font-size: 160%; margin-bottom: 10px; } /*About Section*/ .home-page .grid-row-section { width: 90%; } .home-page .grid-text-section .grid-text-content a.sec-button { margin-top: 15px; } /*Shows Section*/ .home-page .grid-row-section { padding: 50px 0; } .home-page .grid-row li.slider-item { padding-bottom: 340px; } /*Archive Section*/ .archiveSec.grid-text-section .grid-text-content { padding: 40px 30px; } .archiveSec.grid-text-section .grid-text-content p:last-child a { margin-left: 14px; } /*Partners Section*/ .home-page .grid-gallery-section { width: 90%; background-image: url('../../../warehouse/temp/bama/hpPartnersBGMob.png'); background-size: 100% 350px; padding-bottom: 50px; margin: 0 auto 30px; } /*Footer*/ footer { padding-top: 50px; } /*****Inner Pages*****/ .home-page .grid-text-section { padding-top: 50px; } /*Team Page*/ .teamPage #LobbyModule .grid-box { width: 25%; } /*Catalog Lobby Page*/ #CatalogModule { width: 95%; margin: 0 auto; } #CatalogModule #CatalogView .catalogItemBox { padding: 0 15px; margin-bottom: 15px; } #CatalogModule #CatalogView .catalogItemBox a.item-image { padding-bottom: 120%; } .mobileFiltersBtns { float: none; } #CatalogModule .gallery-slider.large .slides img { padding: 0; } #CatalogModule .filters-box .filters-list-wrapper { top: 0; } #CatalogModule .catalogItemBox h3.itemTitle { font-size: 115%; } #CatalogModule .catalogItemBox a.item-image img, #CatalogModule .catalogCategoryBox a.catalogCategoryBoxImage img { padding: 20px 30px; } /*Catalog Pop Up*/ .shopPop.quickviewPop .modal-body { width: 90%; } /*Events Page*/ .eventsPage #multi-content-modal .modal-content { width: 90%; } .eventsPage .modal-image.visible-xs, .eventsPage .modal-text.displayTable { display: block !important; width: 100%; } .eventsPage .modal-image.visible-xs { padding-bottom: 60%; background-size: 85%; background-position: center; background-repeat: no-repeat; } .eventsPage .modal-image.hidden-xs { display: none; } .eventsPage .modal-text.displayTable { padding: 30px 20px; } .eventsPage .grid-short-box-image { padding-bottom: 80%; } .eventsPage #gridshort-view .flex-row > div { padding: 0 10px; } .eventsPage .grid-short-box { margin-bottom: 20px; } .eventsPage .grid-short-box .grid-short-box-link:after { width: 85%; } .eventsPage .grid-short-box .grid-short-box-label { font-size: 110%; } .eventsPage .grid-short-box .grid-short-box-link { width: 90%; bottom: 10px; font-size: 98%; } .eventsPage #PopUpData #headline { font-size: 170%; } /*Time Tunnel Inner - Blog Page*/ .blog-related-post-title { font-size: 100%; } #BlogView .blog-related-posts h2 { margin-top: 3%; } #BlogView .blog-view #headline { font-size: 200%; } /*Media Page*/ #gridshort-view-media .grid-short-box { margin-bottom: 30px; } /*Contact Page*/ #contactform textarea { margin: 0 0 10px; } .FooterForm.form-container-wide { padding-bottom: 50px; } } @media(min-width: 768px) and (max-width: 990px) { #home-gallery .photoCaption .photoCaptionText { width: 65%; } .home-page .grid-text-section .grid-text-content { width: 60%; } .home-page .grid-row-section .box-image-animation img { width: 100%; height: auto !important; } .archiveSec.grid-text-section .grid-text-content { width: 80%; } .footer-text-divided { padding-right: 50px; padding-left: 50px; } .aboutPage .MainContent > *, .contentRight .MainContent > *, #text1, #text2, #BlogView .blog-view { width: 75%; } #contactform.normal-form { width: 80%; margin: 0 auto; } .shopPop.quickviewPop #CatalogModule { width: 100%; } .shopPop.quickviewPop #CatalogModule .gallery-slider.flexslider:not(.thumbs) .slides li { padding-bottom: 300px; margin-bottom: 30px; } .shopPop.quickviewPop #CatalogModule .itemImages .gallery-slider.flexslider.large { width: 80%; } .shopPop.quickviewPop #CatalogModule .gallery-slider .flex-control-nav { bottom: 10px; } .shopPop.quickviewPop .modal-body .itemContent { padding: 30px 20px; } .shopPop.quickviewPop .modal-body .itemContent .item-custom-details { max-width: 75%; } .eventsPage .modal-text #text1 { margin-right: 0; } } @media(max-width: 767px) { .hasBottomForm .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; } .grid-rows .grid-row-text a { margin-right: 0; } .normal-form input[type=submit], #DynamicFormObject input[type=submit] { font-size: 110% !important; } .form-container-wide #DynamicFormObject { max-width: 100% !important; } #DynamicFormObject .dynamicFormObjectField, #DynamicFormObject .dynamicFormObjectSubmit { padding: 0 5px; } #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { margin-bottom: 15px; } /*Header*/ #header2 .phone-icon { top: 25px; left: -45%; } #header2 .phone-icon a { color: #232323; } #header2 .header-right-section { padding: 15px 20px 15px 0; } #header2 #header-left { margin: 0; } #header2.open #header-left, #header2.open .phone-icon { opacity: 0; pointer-events: none; } #header2 ul.menu { padding-top: 90px; } #header2 ul.menu li { font-size: 150%; padding: 7px 0; } #header2 ul.menu li a { font-size: 100%; line-height: 1.2; vertical-align: text-top; } #header2.headerHasSearch #header-left img { max-width: 140px; } /*#header2 ul.menu .social-links a svg { width: 25px; height: 25px; margin-top: 3px;} #header2 ul.menu .social-links a { width: 55px; height: 55px; line-height: 57px;}*/ #header2 ul.menu .social-links a { width: 22px; height: 22px; line-height: 22px; } #header2 ul.menu .social-links a svg { width: 12px; height: 11px; margin-top: 3px; } #header2.headerHasSearch .mobile-middle-kdm { width: auto; margin-top: 0; } /*#header2 .header-top-left a svg { margin-top: 2px;}*/ /*#header2 .header-top-left a.social_icon_instagram svg {width: 18px; height: 18px; margin-right: 1px; margin-top: 1px;}*/ /*Top Banner*/ #home-gallery .photoCaption { left: auto; } #home-gallery .photoCaption .photoCaptionText { width: 90%; } #home-gallery .photoCaption .photoCaptionText p { max-width: 90%; } /*#home-gallery:after { width: 130px; height: 130px;}*/ #home-gallery .scroll-down svg { width: 28px; } /*#home-gallery .scroll-down:after { left: 6px;}*/ #home-gallery .photoCaption .photoCaptionText h2.photoTitle { font-size: 130%; margin-bottom: 20px; } /*About Section*/ .home-page .grid-text-section .grid-text-content { width: 90%; } /*Shows Section*/ .home-page .grid-row li.slider-item { padding-bottom: 100%; } .home-page .grid-rows .grid-row-text { padding: 0; margin-top: 60px; } .grid-rows .grid-row-text { text-align: center; } /*Archive Section*/ .grid-text-section.archiveSec { padding-top: 20px; } .archiveSec.grid-text-section .grid-text-content { position: relative; left: auto; top: -70px; padding: 30px 10px 40px; transform: none; -webkit-transform: none; -ms-transform: none; } .archiveSec.grid-text-section .grid-text.gridTextWithImg .gridTextImgContainer img { height: 300px; object-fit: cover; } .archiveSec.grid-text-section .grid-text-content p { width: 90%; } .archiveSec.grid-text-section .grid-text-content p:last-child { width: 100%; } .archiveSec.grid-text-section .grid-text-content p:last-child a { width: 140px; margin: 0 7px 20px; } .archiveSec.grid-text-section .grid-text-content p:last-child a:last-child { margin: 0; } /*Partners Section*/ .home-page .grid-gallery-section { width: 90%; margin: 0 auto 50px; padding-bottom: 30px; background-size: 100% 450px; } .home-page .grid-gallery-section .gallery-container { width: 70%; } /*Newsletter Section*/ .grid-form-section .form-container-wide, .footerFormContainer { width: 90%; } /*Footer*/ #SiteFooter { padding-bottom: 0; } #SiteFooter .footer-text-middle img { max-width: 190px; } /*****Inner Pages*****/ #GridPage .max-width, #GridPage.gallery .max-width { width: 90%; } .mobile-strip { padding: 0; } .mobile-strip span { width: 100%; display: block; padding: 15px 25px 12px; margin: 0; float: none; background: rgba(255, 255, 255, .1); } .mobile-strip .select-wrapper { padding: 10px 25px 6px; } #headline { font-size: 260%; } #headline h1 { line-height: 1.1; } /*Team Page*/ .teamPage #LobbyModule .grid-box { width: 50%; } /*Plays Index Page*/ .playIndexPage #text1 table { width: 95%; } /*Product Lobby Page*/ #CatalogModule #CatalogView .catalogItemBox { width: 50%; padding: 0 9px; margin-bottom: 30px; } #CatalogModule .catalogItemBox .item-text-top { min-height: 50px; } /*Catalog Item Page*/ .CatalogItemPage #GridPage .max-width { width: 100%; } .CatalogItemPage #CatalogModule { width: 100%; } .backBtnWrapper { padding-right: 20px; } .CatalogItemPage #CatalogModule .itemContentWrapper > div { padding-left: 10%; padding-right: 10%; } .CatalogItemPage #CatalogModule .itemContentWrapper > div.itemImages { padding-bottom: 40px; } .CatalogItemPage #CatalogModule #CatalogItemView .itemImages ol.flex-control-nav { bottom: -20px; } .CatalogItemPage #CatalogModule #CatalogItemView .itemContent #headline h1:after { content: none; } #CatalogModule .item-makat, .catalogItemBox .item-makat { display: none; } #CatalogModule #CatalogItemView .custom-field:last-child p a { margin-top: 30px; } #CatalogModule .itemImages { padding-bottom: 40px; background: #fff; } #CatalogModule .itemContent { padding-top: 40px; } #CatalogModule .itemContent .item-custom-details { max-width: 87%; } #CatalogModule .itemContent .item-actions { position: absolute; width: auto; bottom: -10px; left: 10%; padding: 0; } #CatalogModule .itemContent .item-actions .shareBox { margin: 0; float: none; } #CatalogItemView .RelatedItemsWrapper { max-width: 90%; margin: 0 auto; } #CatalogModule .RelatedItemsWrapper .relatedItems h2 { background: none; margin: 0 0 50px; padding: 0; } #CatalogModule .relatedItems { margin: 80px 0 0; } #CatalogModule .relatedItems .relatedItemsTitle:after { width: 126px; height: 14px; border: none; top: auto; right: 50%; bottom: 15px; background: url('../../../warehouse/temp/bama/titleDeco.png'); background-size: cover; background-position: center center; transform: translate(50%, -50%); -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); } #CatalogModule .relatedItems .catalogItemBox { /*width: 90%;*/ text-align: center; margin-bottom: 0; } #CatalogModule .relatedItems .owl-carousel .owl-item img { background: #fff; } #CatalogModule .relatedItems .owl-carousel .owl-nav div { top: 35%; } #CatalogModule .relatedItems .owl-carousel .owl-nav .owl-prev { right: -15px; } #CatalogModule .relatedItems .owl-carousel .owl-nav .owl-next { left: -15px; } /*Events Page*/ .eventsPage #gridshort-view .flex-row { text-align: center; } .eventsPage #gridshort-view .flex-row > div { width: 85%; display: inline-block; float: none !important; margin-bottom: 15px; } .eventsPage .grid-short-box-image { padding-bottom: 65%; } .eventsPage .grid-short-box .grid-short-box-link { bottom: 20px; } .eventsPage .modal-image.visible-xs { margin-bottom: 0; } /*Time Tunnel Inner - Blog Page*/ .blog-grid #GridPage .max-width { max-width: 100%; width: 90%; } .blog-related-posts.row { margin: 0 -7px; } .blog-related-posts > div { padding: 0 7px; } .blog-related-post-title { min-height: 108px; line-height: 88px; } /*Media Page*/ #gridshort-view-media > div { float: none !important; width: 75%; padding: 0; margin: 0 auto 30px; } /*aviv's changes*/ .BlogArticle { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-around; } .BlogArticleContent { width: 100%; text-align: center; order: 2; } .BlogArticleContent .BlogArticleLink { text-align: center; font-size: 100%; } .BlogArticleDetails { order: 1; margin-top: 15px; } .BlogArticleContent .BlogArticleContent-wrapper { padding-top: 0; } /* mosh changes */ #BlogMain.ArticlesGrid .BlogArticleDetails { text-align: inherit; } #BlogMain.ArticlesGrid .BlogArticleDetails span { font-family: 'Heebo-Regular', sans-serif; font-size: 70%; } #BlogMain.ArticlesGrid .BlogArticle { padding: 15px; } #BlogMain.ArticlesGrid .BlogArticleContent .BlogArticleLink { text-align: left; } #BlogMain.ArticlesGrid .BlogArticleContent .BlogArticleSummary { display: block !important; max-width: 100%; text-align: right; } #BlogMain.ArticlesGrid .BlogArticleContent { padding: 0; margin: 0; } /*Links Page*/ .faq-headline .button-open { left: 20px; } .faq-body > div { word-break: break-word; } /*Contact Page*/ #contactform .contact-form-comment { margin: 0; } .FooterForm.form-container-wide .normal-form input { margin-bottom: 25px; } #text1 td { max-width: 50px; font-size: 80%; line-height: 1; } #text1 td p { line-height: 1; } #text1 tr:first-child td { font-size: 90%; white-space: unset; padding: 7px 2px; } body.page-8313 #GridPage .max-width { width: 100%; } #text1 table { width: 95%; } section.grid-content-section.partners .grid-boxes .section-animation-item:nth-child(1), section.grid-content-section.partners .grid-boxes .section-animation-item:nth-child(2), section.grid-content-section.partners .grid-boxes .section-animation-item:nth-child(3) { width: 50%; max-width: none; } /*section.grid-content-section.partners .grid-boxes .section-animation-item:nth-child(4), section.grid-content-section.partners .grid-boxes .section-animation-item:nth-child(5), section.grid-content-section.partners .grid-boxes .section-animation-item:nth-child(6), section.grid-content-section.partners .grid-boxes .section-animation-item:nth-child(7) { width: 50%; margin-bottom: 35px; }*/ section.grid-content-section.partners .grid-boxes .section-animation-item { width: 50%; margin-bottom: 35px; } .home-page .grid-gallery-section, .home-page .partners { max-width: 90%; padding: 100px 30px 100px; } .home-page .partners .section-title { margin-bottom: 35px; } .blog-tags-list ul li.blog-tag { font-size: 100%; } } @media(max-width: 360px) { #header2 ul.menu { padding-top: 50px; } #header2 ul.menu li { padding: 4px 0; } #header2 .header-right-section { padding-right: 10px; } #header2 .header-top.social-links { left: 10px; } #home-gallery, #home-gallery .slider-bg.stellar-bg { height: 85vh !important; } .archiveSec.grid-text-section .grid-text-content p:last-child a { width: 120px; font-size: 21px; } #CatalogModule { width: 100%; } #CatalogModule .catalogItemBox a.item-image img, #CatalogModule .catalogCategoryBox a.catalogCategoryBoxImage img { padding: 10px 15px; } .blog-posts { width: 75%; margin: 0 auto; column-count: 1; -webkit-column-count: 1; -moz-column-count: 1; } .blog-related-post-title { padding: 10px 6px; } } @media(max-width: 325px) { .grid-rows .grid-row-text a.grid-row-button { width: 130px; } #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 200%; margin-bottom: 10px; } .eventsPage #gridshort-view .flex-row > div { padding: 0; } .eventsPage .grid-short-box-image { padding-bottom: 75%; } .blog-related-post-title { font-size: 90%; } .blog-tags-list ul li.blog-tag { margin-bottom: 10px; } } .hasBottomForm .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 33%; } .hasBottomForm .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 66%; } .hasBottomForm .form-container-wide #DynamicFormObject .dynamicFormObjectField.checkboxField { text-align: right; } .hasBottomForm .normal-form textarea { margin-bottom: 0; } .hasBottomForm .form-container-wide #DynamicFormObject .dynamicFormObjectSubmit { float: none; } .hasBottomForm .form-container-wide #DynamicFormObject .dynamicFormObjectField.input-email { width: 66%; } .hasBottomForm .form-container-wide #DynamicFormObject { background: #ffffff; } .hasBottomForm #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle { font-size: 240%; } @media(max-width: 767px) { .hasBottomForm .form-container-wide #DynamicFormObject .dynamicFormObjectField { width: 100%; } .hasBottomForm .form-container-wide #DynamicFormObject .dynamicFormObjectField.input-email { width: 100%; } .hasBottomForm .form-container-wide #DynamicFormObject .dynamicFormObjectField.textareaField { width: 100%; } .hasBottomForm .normal-form textarea { margin-bottom: 20px; } } @media (max-width: 1700px) { .grid-rows .grid-row-text h2 { font-size: 300%; } } @media (max-width: 1300px) { .grid-rows .grid-row-text h2 { font-size: 200%; } } /*new section - 03/08/2023*/ .newDesign .grid-row .grid-row-image-container { position: relative; height: 100%; } .newDesign .box-image-animation img { width: auto; box-shadow: 2px 2px 13px 0px #1e1e1e; } .newDesign .box-image-animation { overflow: unset; } .newDesign .box-image-animation::before { content: ''; position: absolute; top: -40px; bottom: -40px; left: 40px; right: -40px; border: 1px solid red; z-index: -1; } .newDesign .flexslider-box::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); height: 100%; background-image: url('data:image/svg+xml,'); width: 100px; right: 70px; z-index: 1; background-size: contain; background-repeat: no-repeat; } @media(max-width: 767px) { .newDesign .flexslider-box::after { right: -10px; height: calc(100% - 110px); background-size: 100% 100%; background-position-y: center; } .newDesign .box-image-animation img { width: auto; } .newDesign .box-image-animation::before { content: ''; position: absolute; top: -30px; bottom: -30px; left: 60px; right: -10px; border: 1px solid red; z-index: -1; } .home-page .newDesign .grid-rows .grid-row-text { margin-top: 0; } } /*new version*/ .home-page .newDesign.grid-row-section { max-width: 1000px; } .newDesign .grid-row { display: flex; } .newDesign .grid-row > .grid-row-cell { width: 50%; } .newDesign .box-image-animation { display: flex; justify-content: flex-end; overflow: visible; align-items: center; } .home-page .newDesign .grid-row li.slider-item { padding-bottom: 0; } .newDesign div[style="direction:ltr"] .flexslider-box::after { right: unset; left: 70px; } .newDesign div[style="direction:ltr"] .box-image-animation { padding-right: 20px; justify-content: center; } .newDesign div[style="direction:rtl"] .box-image-animation { padding-left: 20px; } .newDesign div[style="direction:ltr"] .box-image-animation::before { top: 0; bottom: 0; left: 150px; right: 90px; } .newDesign div[style="direction:rtl"] .box-image-animation::before { top: 0; bottom: 0; right: 180px; left: 60px; } .newDesign div[style="direction:ltr"] li.slider-item, .newDesign div[style="direction:rtl"] li.slider-item { margin-right: 0; margin-left: auto; padding-bottom: 0; height: 450px; } @media(max-width: 767px) { .newDesign .grid-row { display: flex!important; flex-direction: column; } .newDesign .grid-row > .grid-row-cell { width: 100%; } .newDesign div[style="direction:rtl"] .box-image-animation, .newDesign div[style="direction:ltr"] .box-image-animation { /*padding: 0;*/ justify-content: flex-end; } .newDesign .box-image-animation img { width: 60%; } .newDesign div[style="direction:rtl"] .box-image-animation::before { top: 50px; bottom: 50px; right: 100px; left: 40px; } .newDesign div[style="direction:ltr"] .box-image-animation::before { top: 50px; bottom: 50px; left: 100px; right: 40px; } .newDesign div[style="direction:ltr"] .flexslider-box::after { right: unset; left: -10px; } }