/* Theme Name: Bootstrap Basic Child Description: Bootstrap Basic Child Theme for Pastito US Template: bootstrap-basic Author: Ai5 Version: 1.0.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: bootstrap-basic-child */ @import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;;500;600;700&display=swap'); /*****/ body{font-family: "Assistant", Arial, sans-serif;font-size: 24px;text-align: left;direction: ltr;color: #161615;position: relative;} #top-banner{background: #000;color: #fff;text-align: left;margin: 0 -15px;font-size: 24px;font-weight: 700;} #social-wrap > div{height: 64px;display: flex;align-items: center;justify-content: right;} #social-wrap a{display:flex;margin:0 18px 0 0;align-items: center;justify-content: right;padding: 2px;} #social-wrap a.yt{margin-left: 28px;} #social-wrap .mobile{display: none;} #social-wrap, #social-wrap span{vertical-align: middle;} #menu-stripe{background: #97CAEB;margin: 0;border-bottom: 1px solid #fff;padding: 0;} #menu-wrap{display: flex;align-items: start;height: 64px;} #main-nav{display: flex;float: left;font-size: 24px;font-weight: 700;margin: 0 0 0 200px;} #main-menu{display: flex;align-items: start;z-index: 999;} #logo{margin: -32px 0 0;position: absolute;z-index: 999;} .navbar, .navbar-default{margin:0;background: transparent;border:0;} .navbar-default .navbar-nav > li > a, .navbar-nav > li > a{color: #000;line-height: 24px;padding: 20px 25px; transition: all ease-in 180ms;} .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {color: #000;background: #97CAEB;} .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {color: #000;background: #FFC401;} #page-banner{height: 485px;width: 100%;max-width:1920px;margin: 0 auto;/*background-size:1920px auto;*/background-repeat: no-repeat;background-position: center;background-color: #97CAEB;position: relative;} .entry-header{display: inline-block;position: absolute;bottom:60px;} .page-template-page-english .entry-header {left: 0;display: none;} #page-title{position: relative;height: 100%;} h1.entry-title{font-size: 32px;font-weight: 700;color: #fff;padding:10px 57px 14px;background: #161615;box-shadow: -9px 7px #FFC401;} .page-id-20 h1.entry-title{box-shadow: -9px 7px #97CAEB;} #main, .container-fluid.page-container{overflow-x: hidden;} #main.inner-page,#main.page-franchise, #main.menu-page{margin-top:88px} #main.p404{margin:120px auto;text-align: center;} #main.container-fluid{padding: 0;} #main-column .post, #main-column .page{border: 0;padding: 0;} #main-column{padding: 0;max-width: 1920px;margin: 0 auto;float: none;} #content h2{color: #97CAEB;font-size: 55px;font-weight:700;margin: 20px 0 50px;} #content h3{font-size: 36px;font-weight:700;} #site-footer {background: #97CAEB; color: #161615; border-top: 10px solid #FFD95D;font-size: 24px;padding: 10px;margin:0 -15px;padding: 64px 0 12px;} #site-footer ul{list-style: none;} #site-footer ul li{margin: 0 0 12px;} #site-footer a{color: #161615;font-weight: 700;} .wp-block-image {margin: 0;} .wp-block-image .alignright {margin: 0 0 0 18px;} .wp-block-image .alignright img {height: 34px;width:auto;max-width: 100%;vertical-align: middle;} .footer-social .wp-block-image img {height: 42px;width: auto;} .footer-social .wp-block-image:nth-child(2) figure {margin-right: 12px;} .footer-social {justify-content: end;display: flex;} .footer-left .wp-block-column{flex-grow: 2;} #site-footer .footer-right .wp-block-columns > .wp-block-column a{font-weight: 400;text-decoration: underline;} .footer-right .wp-block-column:first-child .wp-block-group:nth-child(2){display:none;direction: ltr;text-align: left;} .page-template-page-english .footer-right .wp-block-column:first-child .wp-block-group:first-child{display:none;} .page-template-page-english .footer-right .wp-block-column:first-child .wp-block-group:nth-child(2){display:block;} .footer-left .wp-block-column:nth-child(2) .widget:nth-child(2){display:none;direction: ltr;text-align: left;} .page-template-page-english .footer-left .wp-block-column:nth-child(2) .widget:nth-child(2){display:block;} .page-template-page-english .footer-left .wp-block-column:nth-child(2) .widget:first-child{display:none} .footer-right .widget_block:nth-child(3){display:none;direction: ltr;text-align: left;} .page-template-page-english .footer-right .widget_block:nth-child(3){display:block;} .page-template-page-english .footer-right .widget_block:nth-child(2){display:none;} ul#menu-footer{padding: 0;} #site-footer h5{font-size: 19px;} /* Menu */ #content .menu-page h3{color:#121926;padding: 0;font-size: 36px;margin:28px 0 7px;font-weight: 600;} #content .menu-page h3.borders{border-top:6px double #121926;border-bottom:6px double #121926;padding:12px 0;} #content .menu-page h4{color:#121926;padding: 0;font-size: 24px;margin:14px 0 7px;font-weight: 600;} #content .menu-page h5{color:#121926;padding: 0;font-size: 24px;margin:14px 0 7px;font-weight: 400;} #content .menu-page p{font-size: 20px;margin: 0 0 16px;} #content .menu-page .menu-main-dish .wp-block-column{border:1px dashed;padding:14px;} #content .menu-page .menu-main-dish :where(.wp-block-columns.is-layout-flex) { gap: 0;margin:0;} #content .menu-page .menu-main-dish h4 figure{display:inline-block;vertical-align:sub;max-width:30px;} #content .menu-page .menu-salads .wp-block-column{border-right:1px dashed #fff;padding:7px 21px 7px 0;} #content .menu-page .menu-salads .wp-block-column:last-child{border-right:0;} figure.salad-icon{display: flex; justify-content: end;margin:0 0 -150px} figure.salad-icon img{max-width:20%;} #content .menu-page .entry-content .wp-block-group.blue{background: #97CAEB;color:#121926} #content .menu-page .entry-content .wp-block-group.yellow{background: #FFD101;color:#121926} #content .menu-page .entry-content .wp-block-group.black{background: #121926;color:#fff} #content .menu-page .entry-content .wp-block-group.black h3,#content .menu-page .entry-content .wp-block-group.black h4{color:#fff;} #content .menu-page .entry-content .wp-block-group{padding:14px 50px 20px;border-radius: 24px;margin: 0 0 20px;} .marg-up{margin:-140px auto 140px !important;text-shadow: 5px 5px 0 #fff;} /* Homepage */ #tagline{background: #FFD101;text-align: center;padding: 40px 0 32px;margin: 0 -15px;} #tagline img{max-width: 90%;} .boxcase{display: flex;margin: 8px 0;} .box50{flex-basis: 50%;height: 510px;background-repeat: no-repeat;padding: 390px 0 0;text-align: center;background-position: center;} .box33{flex-basis: 33%;height: 543px;background-repeat: no-repeat;flex-grow: 1;border-left: 8px solid #fff;background-size: 100% auto;} .box33.box33{border: 0;} #main{padding: 0;} #hp-franch{text-align: center;padding: 26px 0 0;} a.hp-button{display: inline-block;vertical-align:top;font-size: 32px;padding: 17px 51px;color: #fff;font-weight:700;box-shadow: -10px 10px #FFD101;background: #161615;min-width: 301px;} a.hp-button:hover{text-decoration: none;color: #FFD101;} #box2{background-color: #97CAEB;background-position: center 86px;} #box3{background-color: #161615;background-position: center 123px;} #box6{background-color: #FFD101;background-position: center 62px;} .box50#box3 a.hp-button{background: #FFFFFF;color: #97CAEB;margin: -40px 0 0;} .box50#box3 a.hp-button:hover{color: #161615;} .box50#box6 a.hp-button{background: #97CAEB;margin: -25px 0 0;box-shadow: -10px 10px #161615;} a#fr-badge{display: flex;width: 100%;margin: a auto;text-align: center;margin: 48px auto;max-width: 1370px;} a#fr-badge img{max-width: 100%;} #page-banner.hp{height: auto;} #page-banner.br{display: flex;justify-content: center;align-items: center;} #slideshow{margin: 0 auto;max-width: 1920px;} #page-banner .metaslider .flex-control-nav{bottom: 20px;} #page-banner .metaslider .flexslider{margin:0 0 8px;} #page-banner .flex-control-paging li a {width: 22px;height: 22px;margin:0 11px;background: #fff; box-shadow: inset 0 0 3px rgba(0,0,0,.3);border-radius: 22px;} #page-banner .flex-control-paging li a.flex-active, .entry-content .flex-control-paging li a.flex-active {background: #FFD101;} #home-menu{position: absolute;left:70px;bottom: 20%;background: #ffffffaa;padding: 36px 56px 47px 69px;} .mobile #home-menu{top:10%;bottom: auto;} #home-menu ul{list-style: none;padding: 0;margin: 0;} #home-menu li{margin:0 auto 48px;} #home-menu li:last-child{margin-bottom: 0;} #home-menu li a{color: #000;background: #97CAEB;padding: 16px 124px;text-align: center;display: block;font-size: 41px;font-weight: 700;box-shadow: -13px 10px #161615;} #home-menu li a:hover{color: #fff;text-decoration: none;} /* Franchise */ .page-template-page-franchise #page-banner{background-color: #FFD101;background-size:65%;background-position:center 100px;} .page-franchise ul li{margin: 14px 0;} #f-form{background: #97CAEB;padding: 110px 40px 60px;margin:110px auto 71px;box-shadow: -15px 15px #FFD101;} #eyes{width: 167px;height: 79px; background: url(images/eyes.svg) center no-repeat;margin:-150px auto 12px;background-size: 100% auto;} .container.cform{max-width: 1740px;width: 100%;} .cform{font-size: 24px;margin: 107px auto 20px;} .cform h3{font-size: 55px;font-weight: 700;color:#fff;} #form-title-wrap{display: flex;text-align: center;margin: 0 0 82px;} .cform img{max-width: 100%;} #form-title{flex-grow: 3;} #form-title p{font-size: 32px;} .form-line{display: inline-block;margin: 0 0 46px;width:48%;vertical-align:top;} .form-line.col-md-12{width:100%;} .form-line.send{display: flex;margin:0 auto;} .form-line.send p{display: inline-block;margin: 0 auto;} .cform label{width:100%; margin: 0 0 14px;font-weight: 400;} .cform label > span{width: 62%;display: inline-block;vertical-align: top;} .cform label > span:first-child{width: 28%;text-align:right;padding-right:7px;} .cform input{width:100%;padding:2px 5px;} .cform input.wpcf7-submit{color: #fff;background: #161615;padding: 14px 82px 14px;font-weight: 700;box-shadow: -8px 8px #FFD101;margin: 24px 0 0;} #rh{margin: 40px 70px 0 0;} #lh{margin: 13px 0 0 70px;} .wpcf7-form{position: relative;} .wpcf7 form .wpcf7-response-output {bottom: 20px;position: absolute;margin: 0 20%;width: 60%;text-align: center;background: #fe7;} /* Contact */ #f-form.cus{padding: 50px 40px 50px;} .cform.cus label {width: 100%;margin: 0 0 22px;} .cform textarea{max-width: 100%;height: 180px;} .cform.cus .ta label > span:first-child{width: 20%;} .cform.cus .ta label > span{width: 77%;} .cform.cus .form-line{flex-wrap:wrap;} #carousel{width: 1920px;margin: 0;max-width: 100%;} ul.slides{width: 100% !important;} /* Restaurants */ #nobranches{display: none;padding: 20px 0 90px;text-align: center;} #shade{position: absolute;top:0;left: 0;width: 100%;height: 100%;background:#00000033;display: none;z-index: 888;} .page-template-page-branches #page-banner img{width: 80%;position: absolute;left:10%;} #filters{margin: -10px 0 60px;padding:0;min-height:125px;} #search-box{flex-basis: 40%;} #abc-links {width: 100%;text-align: center;margin: 24px 0 0;font-size: 22px;font-weight: 500;display: none;} #abc-links a{display: inline-block;padding:3px;margin: 0 7px;color:#00562f;font-size: 28px;line-height: 38px;} #abc-links a.current{color:#92c83e;font-size: 36px;font-weight: 600;text-decoration:underline; text-decoration-color:#00562f;} #filters #abc-links label{margin-top: -4px;} #zone-options{display: none;width: 100%;text-align:center;margin: 24px 0 0;} #search-type{display: flex;align-items:baseline;justify-content: space-between;flex-basis: 55%;} #search-type > p{flex-basis:36%;} #filters input[type="radio"]{margin:0 0 0 10px;} #search-type .form-check:last-child{margin-left: 20px;} #filters input[type=radio]{position: absolute; visibility: hidden;} #filters label{position: relative;z-index: 9;cursor: pointer;padding: 0 40px 0 60px; margin: 0 -40px 0 0;font-weight:500;} #filters #search-type > div:hover label,#filters #zone-options > div.form-check:hover label{color: #92c83e; } #filters .check{display: block;position: absolute;border: 2px solid #00562f;border-radius: 100%;height: 31px;width: 31px;top: 4px;left: -39px;z-index: 5; } #filters #search-type > div:hover .check,#filters #zone-options > div.form-check:hover .check {border: 2px solid #92c83e;} #filters .check::before {display: block;position: absolute;content: '';border-radius: 100%;height: 21px;width: 21px;top: 3px;left: 3px;margin: auto; } input[type=radio]:checked ~ .check { border: 2px solid #00562f; } input[type=radio]:checked ~ .check::before{ background: #00562f; } input[type=radio]:checked ~ label{ color: #00562f; } #zone-options .check{height: 14px;width: 14px;top: 14px;left: -39px;} #zone-options .check::before {height: 6px;width: 6px;top: 2px;left: 2px;} #zone-options label{padding: 0px 23px 0 60px;} #search-box{font-weight: 500;} #search-box input{border:0;border-bottom:1px solid #00562f;padding:2px 4px;margin:0 4px 0 0;background:transparent;width: 220px;} #search-box input:focus, #search-box input:focus-visible {color: #00562f;border-color: #7fc24b;box-shadow:none;outline: none;} #search-box .dashicons{font-size:28px;display: inline-block;vertical-align: middle;} #branches{display:flex;flex-wrap:wrap;align-items: stretch;} .branch{flex-basis:31%;margin:0 2% 49px 0;position: relative;display: flex;} .branch .short p {font-size:20px;} .branch .short{padding:0 0 6px;background: url(images/leaf.png) 0 bottom repeat-x;width: 100%;} .branch h4{padding:10px 0 10px 0;margin:0 0 18px;font-weight: 600;border-top:4px double #FFC401;border-bottom:4px double #FFC401;} .branch h4 span{} .branch a:hover{color:#a6c83e;text-decoration: none;} .brcity,.brzone{display: none;} .soon {padding: 3px 10px;position: absolute;top: 60px;font-size: 22px;background: #FFC401;left: 23%;font-weight:500;color:#fff;rotate:10deg} .details .soon{bottom: auto;top: 110px;} .branch .details{width:740px;padding:28px 24px 24px 63px;display: none;background: #FFF;z-index: 999;box-shadow: -9px 7px #97CAEB; right: 50%;top: 50%;position: fixed;-webkit-transform: translate(50%,-50%);-moz-transform: translate(50%,-50%);-ms-transform: translate(50%,-50%);-o-transform: translate(50%,-50%);transform: translate(50%,-50%);} /*.branch .details.left{left:auto;right:0;}*/ #content .branch .details h3{margin:0 -43px 35px 0;font-size:40px;display: flex;font-weight: 700;border-top:5px double #FFC401;border-bottom:5px double #FFC401;padding: 12px 0;} #content .branch .details h3 a, #content .branch h4 a{color:#121926;background:#fff;padding:0;display: flex;justify-content: space-between;align-items: center;text-decoration: none;} #content .branch .details h3 a{flex-grow: 0;} #content h4.brname{font-size: 30px;} .branch .details p{padding: 0 34px 0 0;margin: 0 0 11px;font-size: 20px;} .branch .details .d-content p{padding: 0;} #content .branch .details p a{color:#97CAEB;text-decoration: underline;} #content .branch .details p a:hover{color:#161615;} #content .branch .details.compact p, #content .branch .details.compact p a{font-size:20px;margin-bottom:3px;} #content .branch .details.compact h3{font-size:24px;margin-bottom:5px;} .branch .details.compact .sep-inline{margin: 4px 0;} .branch .details.compact{padding:14px 56px 14px 21px} .branch .details.compact ul.accessibility li, .branch .details.compact ul.accessibility {margin: 0 0 4px;font-size:18px;} div.openh{display: flex;} p.icon{margin: 0 0 0 6px;} .sep{width:103%;height:11px;margin:7px -28px;padding:0;background: url(images/leaves9.png) 0 bottom repeat-x;} .sep-inline{height:11px;margin:7px 0;padding:0;background: url(images/leaves9.png) left bottom repeat-x;flex-grow: 2;align-self:flex-end;} p.accessible{padding:14px 0 0;margin: 0 0 14px;} ul.accessibility{font-size: 18px;list-style: none;font-weight: 400;padding:7px 0 0 0;display: flex;flex-wrap: wrap;} ul.accessibility li{margin: 0 0 15px;flex-basis:33%;} ul.accessibility li span{margin: 0;} .branch.en .heicon.i-plus{margin:0 0 0 -49px;} /* icons */ .heicon{width:24px;height:24px;display:inline-block;vertical-align:middle;background:url(images/pastito_icons.png) no-repeat;width: 40px;margin:0 8px 0 -54px;} .heicon.i-plus{background:url(images/plus_blue.png) 0 0 no-repeat;background-position:center;height: 42px;width: 42px;background-size: 100%;margin-left: 0;} .heicon.i-minus{background-position: -1px -28px;} .heicon.i-location{background-position: 0px -55px;} .heicon.i-waze{background-position: -1px -80px;height: 29px;} .heicon.i-phone{background-position: 0px -111px;} .heicon.i-whatsapp{background-position: -1px -134px;height: 29px;} .heicon.i-clock{background-position: -1px -168px;} .heicon.i-kosher{background-position: -1px -196px;} .heicon.i-store{background-position: -1px -222px;height: 20px;} .heicon.i-car{background-position: -1px -252px;} .heicon.i-access {background-position: -1px -275px;height: 36px;} .heicon.i-yes{background-position: -6px -317px;width: 24px;} #search-box .heicon.i-search {background-position: -2px -342px; width: 32px;height: 34px;margin:0;} .details h3 .heicon{margin: 0 0 0 14px;} /*****************/ .whitespace { white-space: pre-wrap; } /**********/ @media (min-width: 2000px) { .entry-header { left: 0;} } @media (min-width: 1400px) { .container {width: 1370px;} } @media only screen and (max-width: 1600px), only screen and (max-device-width: 1600px){ #main.eng .entry-content > .wp-block-group:nth-child(2) .wp-block-column:nth-child(2) img{max-width: 85%;} } @media only screen and (max-width: 1370px), only screen and (max-device-width: 1370px){ #home-menu{bottom: 10%;padding: 36px 36px 44px 49px;} #home-menu li a{padding: 12px 72px;font-size: 35px;} .page-id-12 #page-banner, .page-id-20 #page-banner{background-size: 90%;} .navbar-default .navbar-nav > li > a, .navbar-nav > li > a {padding: 20px 20px;} #main.eng .entry-content > .wp-block-group:nth-child(2) .wp-block-column p {margin-top: 20px;font-size: 32px;} #main.eng .entry-content > .wp-block-group:nth-child(2) .wp-block-column:nth-child(2) p{max-width: 85%;} } @media only screen and (max-width: 1200px), only screen and (max-device-width: 1200px){ #home-menu{padding: 26px 26px 34px 39px;left:80px;} #home-menu li {margin: 0 auto 24px;} #home-menu li a{padding: 10px 52px;font-size: 20px;} #logo img {max-width: 140px;} #main-nav{margin: 0 0 0 100px;} .navbar-default .navbar-nav > li > a, .navbar-nav > li > a {padding: 20px 14px;} #site-footer ul{padding: 0;} } @media only screen and (max-width: 1000px), only screen and (max-device-width: 1000px){ #logo img{max-width: 140px;} #home-menu{padding:24px 16px 24px 36px;left:0;bottom: 0;} .branch {flex-basis: 48%;margin: 0 1% 64px;} figure.salad-icon {margin: 0px 0 -80px;} .page-template-page-franchise #page-banner {background-size: 80%;background-position: center;} } @media only screen and (max-width: 800px), only screen and (max-device-width: 800px){ #home-menu li a {padding: 8px 36px;font-size: 24px;box-shadow: -8px 7px #161615;} #logo img{max-width: 120px;} .page-id-12 #page-banner, .page-id-20 #page-banner{background-position: center 70px;background-size: 80%;} } @media only screen and (max-width: 768px), only screen and (max-device-width: 768px){ #logo {margin: -100px 0 0; } #menu-wrap{height: 0;} .navbar-default .navbar-toggle {border-color: #161615;margin-left:10px;padding: 9px 7px;} .navbar-default .navbar-toggle .icon-bar {background-color: #161615; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: #FFD101; } .navbar-toggle{float: right;} .navbar-default .navbar-nav > li > a, .navbar-nav > li > a {padding: 14px 0 14px 20px;} #main-nav{display: none;z-index: 999;width:50%;margin-left:50%;background: #97CAEB;box-shadow: -4px 3px #161615;} #main-menu{display: block;z-index: 999;padding: 0;} #page-banner .flex-control-paging li a, .entry-content .flex-control-paging li a {width: 14px;height: 14px;} .entry-content{padding: 0 20px;} #main figure.salad-icon img{max-width:40%;} .branch {flex-basis: 100%;margin: 0 5% 64px 5%;} .page-template-page-inner #page-banner { background-size: 90% auto;} #f-form{margin-top:30px;} #eyes {width: 117px;} #lh {margin: 20px 0 0;} #rh {margin: 30px 0 0;} #f-form{padding: 110px 0 60px;} .cform {font-size: 26px;} .cform label {width: 100%;margin: 0 0 12px 0;} .cform label > span {width: 70%;} .wpcf7 form .wpcf7-response-output {bottom: 0;margin: 0 10% 20px;width: 80%;} #content .menu-page .entry-content .wp-block-group {padding: 14px;} #content .menu-page .additions :where(.wp-block-columns.is-layout-flex), #content .menu-page .salads :where(.wp-block-columns.is-layout-flex) {gap: 0;} #content .menu-page .menu-main-dish .wp-block-column {padding: 3px 14px;} #content .menu-page .menu-salads .wp-block-column {border-right:0;} } @media only screen and (max-width: 640px), only screen and (max-device-width: 640px){ #inner-footer .widget.col-sm-4:last-child img{width:127px;height:auto;} */ #home-menu {padding: 17px 14px 14px 26px;background: rgba(255,255,255,0.7);} #home-menu li a {padding: 5px 26px;font-size: 20px;box-shadow: -5px 4px #161615;} #main img{max-width: 100%;} #tagline{padding: 20px 26px;} #top-banner {font-size: 22px;} #top-banner img{max-width: 20px;max-height: 20px;} #social-wrap a, #social-wrap a.yt {margin: 0 9px 0 0;} a.hp-button {font-size: 22px;padding: 12px 21px;box-shadow: -5px 5px #FFD101;min-width: 170px; } .box50 {height: 240px;padding: 160px 0 0;background-position: 0 0;background-size: auto 100%;} #box2 {background-position: center 72px;background-size: 80% auto;} #box3 {background-position: center 72px;background-size: 80% auto;padding: 200px 0 0;} #box6 {background-size: 90% auto;background-position: center 70px;padding: 190px 0 0;} #content h2 {font-size: 48px;} #page-banner{height: 360px;} .branch .details{max-width: 80%;padding: 16px 5px 5px 42px;box-shadow: -5px 4px #97CAEB;} #content p, #form-title p{font-size: 20px;} #footer-row{display: flex;flex-direction: column;} .footer-right .wp-block-column, .footer-right .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column{flex-basis: 100% !important;justify-content: center;text-align: center;} .footer-right .wp-block-column:first-child{max-width: 90%;} .footer-right h5.has-text-align-right{text-align: center;} .footer-social .wp-block-image img{height:50px;width: auto;margin:0.5em;} #footer-row > div{margin: 0 0 21px;} .footer-left .wp-block-columns > .wp-block-column{justify-content: center;text-align: center;} /*:nth-child(2)*/ .wpcf7 form .wpcf7-response-output {bottom: 0;margin: 0 4% 12px;width: 92%;font-size:20px;} .entry-content .metaslider .flex-control-nav{bottom: 20px;} #content .menu-page h3{font-size:28px;} } @media only screen and (max-width: 600px), only screen and (max-device-width: 600px){ #wpadminbar {position: fixed;} } @media only screen and (max-width: 490px), only screen and (max-device-width: 490px){ .container > .navbar-header {width: 63%;} .navbar-brand h1 {line-height: 48px;} .entry-content {padding: 0 7px;} .page-template-page-inner .entry-content {padding: 0 18px;} .navbar-default .navbar-toggle {margin-top: 10px ;} #social {margin: 14px 0 0 3%;} #social img {height: 26px;} #social-wrap a, #social-wrap a.yt {margin-left: 7px;} .branch {width: 90%;margin: 0 auto 21px;padding: 15px;} .page-template-page-branches #page-banner img{width: 90%;position: absolute;left:5%;} #content h4.brname {font-size: 20px;} #content .branch p {font-size: 20px;font-weight: 600;} #content h2 {font-size: 32px;} #content h3 {font-size: 28px;} #content p{font-size: 22px;} #logo img{max-width: 100px;} #top-banner img{max-width: 27px;max-height: 27px;} #top-banner {font-size: 18px;} #home-menu {padding: 14px 10px 9px 14px;background: rgba(255,255,255,0.7);} #home-menu li a {padding: 4px 22px;font-size: 18px;box-shadow: -3px 3px #161615;} #home-menu li {margin: 0 auto 16px;} #main-nav{width:60%;margin:0px -10% 0 50%;} #page-banner .flex-control-paging li a, .entry-content .flex-control-paging li a {width: 12px;height: 12px;margin: 0 9px;} #page-banner .metaslider .flex-control-nav {bottom: 14px;} #tagline{padding: 10px 26px;} a.hp-button {padding: 7px 12px;box-shadow: -4px 4px #FFD101;min-width: 120px;font-size: 20px;} #hp-franch {padding: 10px 0 6px;} .home #content{margin-bottom: 0;} .footer-left,.footer-right{padding: 0 20px;} #page-banner{height: 260px;background-size: auto 100%;} #page-banner.hp {height: auto;} .entry-header {bottom: 20px;} .page-template-page-english .entry-header {left: 20px;} h1.entry-title {font-size: 28px;padding: 8px 33px 12px;} #page-title{width: 100%;} .branch .details{max-width: 85%;} #content .branch .details p {padding: 0 0 0 24px;margin: 0 0 10px;font-size: 20px;} #content .branch .details h3 {margin: 0 0 25px -32px ;font-size: 22px;padding: 10px 0;} #content .menu-page h3{font-size: 24px;} #content .menu-page p {font-size: 20px;} #content .menu-page .entry-content > .wp-block-group {padding: 4px 14px 10px;margin: 0 0 20px;} ul.accessibility{font-size: 20px;} ul.accessibility li {flex-basis: 100%;margin: 0 0 7px;} .footer-right .wp-block-column{flex-basis: 100% !important;} .details .soon {bottom: auto;top: 70px;right: 10px;left: auto;} .soon{left:auto;right:7%} #form-title-wrap{margin:0 0 49px;} #form-title{margin: 7px 0 0;} #form-title h3{margin-bottom:14px;} #form-title p {margin: 0 -60px 0 -70px;text-align: left;} .form-line {margin: 0 3%;width:94%} .form-line p{margin: 0;} .form-line.send{margin:0 3% 50px;} #content .form-body p{font-size: 20px;} .cform input.wpcf7-submit {padding: 14px 48px 14px;font-size: 22px;} .cform.cus .ta label > span {width: 100%;display: block;} .cform.cus .col-md-6{padding: 0;max-width: 100%;} .cform.cus .col-md-6.ta{width: 90%;margin:0 5%;} .cform label > span {width: 65%;} .cform label > span:first-child {width: 33%;padding-right: 5px;} #f-form.cus{padding: 50px 7px 50px;} #content #main .menu-page .menu-main-dish h4 figure {vertical-align: baseline;max-width: 24px;} #content .menu-page h5 {font-size: 20px;margin: 14px 0 0;} #content .menu-page h4 {font-size: 22px;} .footer-logo.wp-block-image img{max-width:40%;} } @media only screen and (max-width: 380px), only screen and (max-device-width: 380px){ .navbar-brand h1 {font-size: 22px;} #logo img {max-width: 80px;} #top-banner {font-size: 16px;} #top-banner img {max-width: 24px;max-height: 24px;} #social-wrap a, #social-wrap a.yt {margin-left: 5px;} #social-wrap.container{padding-left: 5px;} #social-wrap > div{height: 44px;} #logo {margin: -80px 0 0;} } @media only screen and (max-width: 320px), only screen and (max-device-width: 320px){ #logo img {max-width: 60px;} #home-menu {padding: 6px 4px 6px 8px;background: rgba(255,255,255,0.7);} .footer-right .wp-block-column, .footer-right .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: 100% !important; } }