:root { --color1:#2693ee; --color1h:#46a1ed; } .cblock.channels .view.content .wrapper { display:table; width:100%; } .cblock.channels .view.content .item { display:table-row; } .cblock.channels .view.content .item:nth-child(2n+1) { background:#eee; } .cblock.channels .view.content .item > div { display:table-cell; padding:5px 0px; text-align:center; } .cblock.channels .view.edit .tr > div { padding:3px; } .cblock.image .view.content .caption { text-align:center; font-style:italic; } .cblock.image .view.edit .image-src { width:200px; } .cblock.links .view.edit .tr > div { padding:3px; } .cblock.links .view.content .item a { display:block; padding:10px; margin:3px 0px; border:1px solid #eee; border-radius:5px; } .cblock.links .view.content .item a:hover { background:#eee; } .cblock.links .view.content .item a i { margin-right:10px; } .cblock.links .view.content a { text-decoration:none; color:#7990c0; } .cblock.links .view.content a:hover { color:#535d6c; } .cblock.form .item { margin:10px 0px; } .cblock.form .label { font-size: 12px; color: #313b4e; } .cblock.form input, .cblock.form textarea { background:#eee; border:1px solid #ddd; padding:10px; width:100%; border-radius:5px; box-sizing:border-box; } .cblock.form textarea { height:100px; } .cblock.form .item.hp { display:none; } .cblock.form .button { background:#999; color:#fff; font-weight:bold; cursor:pointer; padding:10px; text-align:center; border-radius:5px; width:100%; } .cblock.form .message { text-align:center; padding:10px; border-radius:5px; display:none; } .cblock.form .message.error { background: #f76f65; color: #7e0900; } .cblock.form .message.success { background: #53a956; color: #063e09; } .cblock.video .player { display:table; width:100%; height:300px; background:#eee; } .cblock.video .box { display:table-cell; text-align:center; vertical-align:middle; } .cblock.video .btn_play { padding:10px; background:#2f3c4e; color:#fff; display:block; max-width:200px; margin:20px auto 0px auto; cursor:pointer; } .cblock.video .btn_play:hover { background:#4f5e6f; } .cblock.foodmenu .entry { width:100%; display:table; } .cblock.foodmenu .entry > div { display:table-cell; vertical-align:middle; } .cblock.foodmenu .entry .details { text-align:center; } .cblock.foodmenu .entry .image { margin-right:20px; width:150px; height:150px; } .cblock.foodmenu .entry .image img { object-fit:cover; width:100%; height:100%; } .cblock.foodmenu .entry .head .title { font-weight:bold; } .cblock.foodmenu .entry .description { margin:5px 0px; font-size:14px; font-style:italic; } .cblock.foodmenu .entry .description p { margin:0px !important; text-align:center !important; } .cblock.foodmenu .entry.noimg { margin:40px 0px; } .cblock.news .entry { width:100%; margin:20px 0px; } .cblock.news .entry .image { float:left; margin-right:20px; width:150px; height:150px; } .cblock.news .entry .image img { object-fit:cover; width:100%; height:100%; } .cblock.news .entry .head .title { font-weight:bold; } .cblock.news .entry .head .date { font-size:12px; margin-top:5px; } .cblock.news .entry .description { margin-top:10px; } .cblock.news .entry .description p { margin:0px !important; } .cblock.events .entry { width:100%; margin:20px 0px; } .cblock.events .entry .image { float:left; margin-right:20px; width:150px; height:150px; } .cblock.events .entry .image img { object-fit:cover; width:100%; height:100%; } .cblock.events .entry .head .title { font-weight:bold; } .cblock.events .entry .head .date { font-size:12px; margin-top:5px; } .cblock.events .entry .description { margin-top:10px; } .cblock.events .entry .description p { margin:0px !important; } .cblock.slider .slider{position:relative;max-width:100%;height:400px;margin:0 auto;overflow:hidden;background-color:#222;font-family:sans-serif;} .cblock.slider .slides,.slides img{width:100%;height:100%;} .cblock.slider .slides img{position:absolute;top:0;left:0;object-fit:cover;object-position:center;opacity:0;transition:opacity 1s ease-in-out;z-index:0;} .cblock.slider .slides img.active{opacity:1;z-index:1;} .cblock.slider .slider-caption{position:absolute;bottom:0;left:0;width:100%;padding:40px 20px 20px;background:linear-gradient(transparent,rgba(0,0,0,0.75));color:white;text-align:center;font-size:1.4rem;z-index:5;pointer-events:none;} .cblock.slider .btn-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:rgba(0,0,0,0.3);color:white;padding:15px 20px;cursor:pointer;font-size:1.5rem;transition:all 0.3s ease;user-select:none;} .cblock.slider .btn-nav:hover{background:rgba(0,0,0,0.7);} .cblock.slider .prev{left:0;border-radius:0 4px 4px 0;} .cblock.slider .next{right:0;border-radius:4px 0 0 4px;} @media (max-width:768px){.cblock.slider .slider{height:300px;}} @media (max-width:480px){.cblock.slider .slider{height:220px;}} @media (max-width:480px){.cblock.slider .slider-caption{font-size:1rem;padding-bottom:10px;}} .cblock.galery .galery { display: flex; gap: 15px; flex-wrap: wrap; } .cblock.galery .item img { width: 150px; cursor: pointer; border-radius: 4px; } .ilc-galery-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.95); display: flex; justify-content: center; align-items: center; z-index: 9999; overflow: hidden; touch-action: none; } .ilc-galery-content { position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; } .ilc-galery-img { max-width: 85vw; max-height: 75vh; object-fit: contain; display: block; } .ilc-galery-caption { color: white; margin-top: 15px; font-family: sans-serif; font-size: 1rem; text-align: center; width: 80%; min-height: 1.5em; } .ilc-galery-btn { background: rgba(0,0,0,0.5); border: none; color: white; font-size: 2.5rem; cursor: pointer; position: absolute; user-select: none; z-index: 10000; padding: 5px 15px; border-radius: 5px; display: flex; align-items: center; justify-content: center; } .ilc-galery-prev { left: 5px; top: 50%; transform: translateY(-50%); } .ilc-galery-next { right: 5px; top: 50%; transform: translateY(-50%); } .ilc-galery-close { top: 10px; right: 10px; font-size: 2rem; position: fixed; background: none; padding: 10px; } @media (max-width: 600px) { .ilc-galery-btn { font-size: 1.8rem; padding: 5px 10px; } .ilc-galery-img { max-width: 80vw; } .ilc-galery-prev { left: 2px; } .ilc-galery-next { right: 2px; } } .cblock.badges .badge { display: table; display: inline-block; margin: 10px; width: 30%; background:none; color:#000; text-align:left; } .cblock.badges .badge .box.round { border: 2px solid var(--color1); color: var(--color1); border-radius: 100px; width: 60px; height: 60px; display: table-cell; vertical-align: middle; text-align: center; font-size: 30px; font-weight: bold; } .cblock.badges .badge .info { display: table-cell; vertical-align: middle; padding-left: 20px; } .cblock.faq .question { padding: 10px 20px; background: #eee; border: 1px solid #ddd; cursor: pointer; margin: 10px 0px; border-radius: 5px; } .cblock.faq .answer { padding: 10px 20px; line-height: 1.5em; display:none; }