/**
* [Table of contents]
*
* [&. Content / #key]
* [Let press Ctrl + f and type of paste the key, then press Enter to search the content ]
*
* Summary:
*
* 0. VARIABLE LESS
* - 0.1. Color
* 1. RESPONSIVE SCREEN
* - 1.1. Media screen max width 1024px
* - 1.2. Media screen max width 768px
* - 1.3. Media screen max width 767px
* - 1.4. Media screen max width 600px
* - 1.5. Media screen max width 480px
* - 1.6. Media screen max width 414px
* - 1.7. Media screen max width 380px
* - 1.8. Media screen max width 320px
*/
/*=====================================
= VARIABLE LESS =
=====================================*/
/**
* [Table of contents]
*
* [&. Content / #key]
* [Let press Ctrl + f and type of paste the key, then press Enter to search the content ]
*
* Summary:
*
* 0. VARIABLE LESS
* 1. MIXINS
/*=============================
===== VARIABLE LESS =====
=============================*/
/*=============================
==== END VARIABLE LESS ====
=============================*/
/*=============================
===== MIXINS =====
=============================*/
/*=============================
==== END MIXINS ====
=============================*/
/*---------- 0.1. Color ----------*/
/*===== End of VARIABLE LESS ======*/
/*=========================================
= RESPONSIVE SCREEN =
=========================================*/
.navigation .navbar-nav span.icons-dropdown {
display: none;
}
td {
padding: 5px;
width: 14.34% !important;
}
table.blueborder {
width: 100%;
}
td {}
table.day {
width: 100%;
}
td.black11bold { font-size: 15px;
padding: 0px;
background: #333;
color: #fff;
width: 26px !important;
height: 26px;
border-radius: 50%;
display: block;
float: right;
text-align: center;
}
td.todaybox:hover {
background-color: #e0e8ef;
}a.black11 { text-align: center;
line-height: 25px;
display: block;
padding: 10px;
border: solid 1px;
background-color: #f5f5f5;
}td.todaybox {
height: 180px;
border: solid 1px #bdbdbd;
}
td.black12bold {
font-family: 'antonioregular', sans-serif;
font-size: 18px;
color: #fff;
background-color: #0765ad;
}
td.monthbold {
padding: 20px;
font-size: 26px;
font-family: 'antonioregular', sans-serif;
color: #000;
}
/*---------- 1.0. Media screen min width 1600px ----------*/
@media screen and (min-width: 1600px) {
/********************* HOME PAGE ***********************/
.homepage-default .homepage-banner-content .group-title .title {
font-size: 3.5rem;
margin-bottom: 25px;
}
.homepage-default .homepage-banner-content .group-title .text {
font-size: 16px;
}
.homepage-default .homepage-banner-content .group-open-hours {
margin-top: 30px;
}
.homepage-default .homepage-banner-content .group-open-hours .title {
font-size: 20px;
}
.homepage-default .homepage-banner-content .group-open-hours .time-1,
.homepage-default .homepage-banner-content .group-open-hours .time-2 {
font-size: 16px;
}
.menu-of-day.style-1 .right-infomation .content-wrapper {
width: 76%;
margin-left: 12%;
}
.create-booking.style-1 .bg-images-pc,
.create-booking.style-2 .bg-images-pc,
.create-booking.style-4 .bg-images-pc {
display: block;
}
.create-booking.style-3 {
background-position: center;
}
.create-booking.style-3 .main-content {
width: 100%;
}
.contact-form-wrapper .bg-images-pc {
display: block;
}
.banner-prallax .title-bg {
left: 8%;
}
.banner-prallax .infomation-wrapper {
left: 7%;
}
}
/*---------- 1.1. Media screen max width 1024px ----------*/
@media screen and (max-width: 1024px) {
/********************* HOME PAGE ***********************/
.main-title .title {
font-size: 3.8rem;
margin: 20px 0 50px 0;
}
.about-us-1 .left-image .homepage-hero-module {
display: none;
}
.about-us-1 .right-infomation .content-wrapper {
width: 100%;
margin-left: 0;
padding-right: 30px;
padding-left: 30px;
}
.about-us-1 .right-infomation .text {
margin-bottom: 20px;
}
.about-us-1 .right-infomation .signature img {
max-width: 100px;
}
.dish .box .border-efect {
display: none;
}
.dish .wrapper {
border: 1px solid #cdcfd1;
}
.tab-menu .name .icons {
margin-right: 10px;
}
.banner-prallax {
height: 450px;
text-align: center;
}
.banner-prallax .title-bg {
font-size: 7rem;
position: relative;
top: 45%;
margin-top: -50px;
}
.banner-prallax .infomation-wrapper {
top: 45%;
}
.banner-prallax .img-wrapper {
display: none;
}
.new-of-day .list-news {
margin-bottom: 45px;
}
.new-of-day .list-news .item .infomation {
width: 60%;
}
.new-of-day .list-news .item .images {
width: 40%;
}
.new-of-day .list-news .slick-dots {
top: auto;
right: auto;
bottom: -45px;
left: 50%;
margin-top: 0;
margin-bottom: 0;
margin-left: -60px;
}
.new-of-day .list-news .slick-dots li {
display: inline-block;
margin: 0 10px;
}
.new-of-day .list-news .slick-dots li button {
right: auto !important;
text-align: center;
}
.new-of-day .list-news .slick-dots li button:before {
display: none;
}
.blog-detail-content .content {
padding-left: 15px;
}
.blog-detail-content .content .title {
font-size: 2rem;
}
.blog-detail-content .content .info {
margin-bottom: 20px;
}
.blog-detail-content .content .description .text {
margin-bottom: 20px;
}
.create-booking .left-image {
width: 30%;
}
.create-booking .right-infomation .content-wrapper {
width: 100%;
margin-left: 0;
padding-right: 30px;
padding-left: 30px;
}
.coming-soon-wrapper .left-infomation {
width: 45%;
}
.coming-soon-wrapper .left-infomation .open-hours-bg {
width: 100%;
}
.coming-soon-wrapper .right-infomation {
width: 55%;
}
.open-hours-bg .open-hours-wrapper .content .item .day:after {
width: 140px;
}
.coming-soon-event-wrapper .coming-soon-count .count-wrapper {
height: 140px;
}
.coming-soon-event-wrapper .coming-soon-count .count-wrapper .time .count {
font-size: 6rem;
line-height: 140px;
}
.subscribe-email .subscribe-email-wrapper .subscribe-email-left {
max-width: 580px;
}
.subscribe-email .subscribe-email-wrapper .subscribe-email-right {
max-width: 325px;
}
.subscribe-email .subscribe-email-wrapper .subscribe-email-right .form-subscribe-email .form-control {
padding-left: 15px;
}
/********************* HOME PAGE 2 ***********************/
.background-video {
background-image: url('../images/background-full/homepage-2.jpg');
}
.background-video .homepage-hero-module {
display: none;
}
.background-video .bg-image {
display: none;
}
.background-video .btn-click {
display: none;
}
.about-us-2 .right-image {
right: 0;
left: auto;
width: 38%;
margin-left: 0;
}
.about-us-2 .left-infomation .text {
margin-bottom: 20px;
}
.about-us-2 .left-infomation .signature img {
max-width: 100px;
}
.menu-items.style-2 .item-image {
width: 38%;
}
.testimonial-list {
width: 90%;
}
.testimonial-list .slider-for {
left: 0;
}
.testimonial-list .testimonial-item .news-content .content {
margin-left: -135px;
}
/********************* ABOUT US ***********************/
.logo-bg {
max-width: 400px;
}
/********************* CONTACT ***********************/
.contact-info-item {
padding: 0;
}
}
/*---------- 1.2. Media screen max width 768px ----------*/
@media screen and (max-width: 768px) {
.header-main .logo-wrapper .logo img {
max-width: 110px;
}
.navigation .nav-links .main-menu {
margin: 0 18px;
}
.button-search .main-menu {
margin-right: 0;
margin-left: 18px;
}
.sidebar {
margin-top: 100px;
}
.sidebar .col-1 {
width: 100%;
}
.sidebar .col-2 {
float: left;
width: 50%;
}
.sidebar .col-2 .widget:last-child {
margin-bottom: 0;
}
.sidebar .col-2:nth-child(even) {
padding-right: 15px;
}
.sidebar .col-2:nth-child(odd) {
padding-left: 15px;
}
.main-right {
float: left;
}
/********************* HOME PAGE ***********************/
.homepage-default .homepage-banner-content {
text-align: center;
}
.about-us-1 .left-image {
display: none;
}
.about-us-1 .right-infomation .text {
text-align: justify;
}
.about-us-2 .left-infomation .text,
.about-us-3 .text {
text-align: justify;
}
.about-us-2 .left-infomation .group-list .box-media {
margin-bottom: 30px;
}
.about-us-2 .left-infomation .group-list .box-media .text {
text-align: left;
}
.menu-of-day.style-1 .left-image {
display: none;
}
.menu-of-day.style-1 .right-infomation .content-wrapper {
width: 100%;
margin: 0;
padding-right: 30px;
padding-left: 30px;
}
.menu-of-day.style-2 .tab-menu {
width: 100%;
}
.menu-of-day.style-2 .col-md-6:nth-child(even) .menu-items.style-2 .item-image {
float: right;
margin-right: 0;
margin-left: 20px;
}
.menu-of-day.style-2 .col-md-6:last-child .menu-items.style-2 {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.banner-prallax .infomation-wrapper .description {
width: 90%;
}
.new-of-day .list-news .item .infomation,
.new-of-day .list-news .item .images {
float: left;
width: 100%;
padding: 0 15px;
}
.new-of-day .list-news .item .images {
margin-bottom: 30px;
}
.create-booking.style-1 .left-image,
.create-booking.style-2 .left-image {
display: none;
}
.create-booking .right-infomation .content-wrapper {
padding-right: 15px;
padding-left: 15px;
}
.coming-soon-wrapper {
display: block;
}
.coming-soon-wrapper .left-infomation,
.coming-soon-wrapper .right-infomation {
display: block;
width: 100%;
padding-right: 0;
padding-left: 0;
}
.coming-soon-wrapper .left-infomation {
padding-top: 100px;
}
.coming-soon-wrapper .left-infomation .open-hours-bg {
max-width: 470px;
margin: 0 auto;
}
.open-hours-bg .open-hours-wrapper .content .item .day:after {
width: 210px;
}
.subscribe-email .subscribe-email-wrapper .subscribe-email-right {
float: left;
margin-top: 20px;
}
.footer-wrapper .col-2 {
display: inline-block;
width: 100%;
margin-bottom: 30px;
}
.footer-wrapper .col-2:last-child {
margin-bottom: 0;
}
.blog-detail-content .content .tags {
margin-top: 30px;
}
/******************** HOME PAGE 2 **********************/
.background-video .group-title {
width: 80%;
margin: 0 auto;
}
.about-us-2 .right-image {
display: none;
}
.about-us-2 .left-infomation .content-wrapper {
width: 100%;
}
.menu-items.style-2 {
display: inline-block;
width: 100%;
margin-bottom: 25px;
padding-bottom: 30px;
border-bottom: 1px dashed #ebebeb;
}
.menu-items.style-2 .item-image {
display: inline-block;
float: left;
width: 40%;
margin-right: 20px;
}
.menu-items.style-2 .item-image img {
width: 100%;
}
.menu-items.style-2 .item-content {
display: inline-block;
float: left;
width: calc(60% - 20px);
padding: 15px 0;
}
.create-booking.style-3 .main-content,
.create-booking.style-4 .main-content {
width: 100%;
}
.testimonial.style-2 .testimonial-list .testimonial-item .news-content:after {
left: 10%;
}
.testimonial-list .testimonial-item .news-content {
padding: 30px 0 0 20px;
}
/******************** HOME PAGE 3 **********************/
.background-slide .slide-item.background-item-3 .homepage-banner-content {
text-align: center;
}
/******************** ABOUT US **********************/
.coming-soon.style-2 .logo-bg {
max-width: 470px;
margin: 0 auto 50px auto;
background-position: top;
}
.coming-soon.style-2 .coming-soon-wrapper .left-infomation {
padding-top: 0;
}
/******************** LIST MENU **********************/
.meal-wrapper .col-md-6:nth-child(even) .menu-items.style-2 .item-image {
float: right;
margin-right: 0;
margin-left: 20px;
}
.meal-wrapper .col-md-6:last-child .menu-items.style-2 {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
/******************** EVENT **********************/
.more-event .coming-soon-wrapper .left-infomation {
padding-top: 0;
padding-bottom: 60px;
}
.more-event .coming-soon-wrapper:last-child .left-infomation {
padding-top: 60px;
padding-bottom: 0;
}
.more-event .coming-soon-wrapper .logo-bg {
margin: 0 auto;
}
/******************** 404 **********************/
.page-404 .title {
margin-top: 15%;
}
}
/*---------- 1.3. Media screen max width 767px ----------*/
@media screen and (max-width: 767px) {
.padding-top-100 {
padding-top: 60px;
}
.padding-bottom-100 {
padding-bottom: 60px;
}
.margin-top-70 {
margin-top: 50px;
}
.margin-top-50 {
margin-top: 30px;
}
.sidebar {
margin-top: 60px;
}
.sidebar .widget {
margin-bottom: 30px;
}
/********************* MENU ***********************/
.header-main .navigation {
display: none;
}
.header-main.header-fixed .hamburger-menu-mobile .icons,
.header-main.header-fixed .button-search-mobile .icons {
line-height: 50px; color: #464646;
}
.hamburger-menu-mobile,
.button-search-mobile {
display: block;
}
.header-main-wrapper {
position: relative;
}
.logo-wrapper {
left: 50%;
}
.homepage-banner,
.background-slide .slide-item {
min-height: 667px;
}
/********************* HOME PAGE ***********************/
.homepage-default,
.special-menu,
.banner,
.testimonial,
.morepage-banner-wrapper,
.background-slide .slide-item,
.menu-of-day.style-3,
.main-event {
background-attachment: scroll;
}
.main-title .bg-image {
margin-top: -60px;
}
.main-title .bg-image .crawfish {
max-width: 170px;
}
.main-title .bg-image .clamp {
max-width: 120px;
}
.main-title .bg-image .kingcrab {
position: relative;
top: -15px;
max-width: 140px;
}
.main-title .bg-image .cuttle {
max-width: 280px;
}
.main-title .bg-image .scallop {
max-width: 120px;
}
.main-title .bg-image .shrimp {
position: relative;
top: 10px;
max-width: 170px;
}
.main-title .bg-image .swordfish {
max-width: 250px;
}
.main-title .bg-image img {
display: block;
margin: 0 auto;
}
.main-title .title {
font-size: 3.2rem;
margin-bottom: 40px;
}
.tab-menu {
margin-bottom: 30px;
}
.banner-prallax {
height: 380px;
}
.banner-prallax .title-bg {
font-size: 6rem;
}
.banner-prallax .infomation-wrapper .title {
font-size: 2.4rem;
}
.new-of-day .list-news .slick-dots {
bottom: -35px;
}
.create-booking .form-group {
margin-bottom: 30px;
}
.coming-soon-wrapper .left-infomation {
padding-top: 60px;
}
.subscribe-email .subscribe-email-wrapper .subscribe-email-right {
margin-top: 15px;
}
.footer {
position: relative;
display: block;
width: auto;
height: auto;
}
.footer .footer-wrapper {
display: block;
}
.footer .footer-main {
padding: 80px 0 100px 0;
}
.sandhillscenter-descripton .logo-foogter {
margin-bottom: 30px;
}
.footer-wrapper .widget .content-widget {
margin-top: 30px;
}
.hyperlink {
padding: 15px 0;
}
.banner-prallax .infomation-wrapper {
padding-right: 15px;
padding-left: 15px;
}
.banner-prallax .img-wrapper-2 {
width: 40%;
}
.menu-of-day.style-1 .right-infomation .content-wrapper,
.about-us-1 .right-infomation .content-wrapper {
padding-right: 15px;
padding-left: 15px;
}
/******************** HOME PAGE 2 **********************/
.background-video .homepage-banner-content {
padding-top: 140px;
}
.coming-soon-event-wrapper {
max-width: 570px;
margin: 0 auto;
}
/******************** HOME PAGE 3 **********************/
.menu-of-day .content-menu .col-sm-6:nth-last-child(-n + 2) .menu-items.style-3 {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px dashed #ebebeb;
}
.menu-of-day .content-menu .col-sm-6:last-child .menu-items.style-3 {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.background-slide .homepage-banner-content .logo-images {
margin-bottom: 60px;
}
.about-us-3 .video-thumbnail {
margin-top: 30px;
}
.special-menu.style-3 .dish .box {
border: 3px solid #eeeeee;
}
.special-menu.style-3 .dish .wrapper {
border: none;
}
/******************** RESERVATION **********************/
.main-title-2 {
margin-bottom: 40px;
}
.create-booking .more-infomation .col-sm-6 {
margin-top: 40px;
}
.create-booking .more-infomation .title-info {
margin-bottom: 20px;
}
.taste-of-fresh {
width: 100%;
}
/******************** BLOG **********************/
.blog-post {
margin-bottom: 40px;
}
/******************** CONTACTS **********************/
.contact-info-item {
max-width: 320px;
margin: 0 auto;
}
.contact-info-item .icons {
margin-bottom: 20px;
}
.contact-info .col-sm-4 {
margin-bottom: 30px;
}
.contact-info .col-sm-4:last-child {
margin-bottom: 0;
}
.contact-form .col-sm-4 {
margin-bottom: 30px;
}
.contact-form .col-sm-4:last-child {
margin-bottom: 0;
}
.contact-map #googleMap {
height: 400px;
}
/******************** LIST MENU **********************/
.tab-main-menu .slick-prev {
left: -15px;
}
.tab-main-menu .slick-next {
right: -15px;
}
.main-menu .content-menu {
margin-bottom: 0;
}
.main-menu .content-menu .menu-items.style-4 {
margin-bottom: 30px;
}
.main-menu .content-menu .col-md-4:nth-last-child(-n + 3) .menu-items.style-4 {
margin-bottom: 30px;
}
.main-menu .content-menu .col-md-4:nth-last-child(-n + 2) .menu-items.style-4 {
margin-bottom: 0;
}
.sub-menu .col-sm-6:nth-last-child(-n+2) .menu-items.style-3 {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px dashed #ebebeb;
}
.sub-menu .col-sm-6:last-child .menu-items.style-3 {
margin-bottom: 0;
padding-bottom: 0;
border: none;
}
/******************** EVENT **********************/
.more-event .coming-soon-wrapper .left-infomation {
padding-top: 0;
padding-bottom: 60px;
}
.more-event .coming-soon-wrapper:last-child .left-infomation {
padding-top: 60px;
padding-bottom: 0;
}
.more-event .coming-soon-wrapper .logo-bg {
margin: 0 auto;
background-attachment: scroll;
}
/******************** 404 **********************/
.page-404 {
min-height: 667px;
}
.page-404 .title {
margin-top: 50px;
}
/******************** GALLERY **********************/
.description-gallery {
margin-top: 50px;
}
}
/*---------- 1.4. Media screen max width 600px ----------*/
@media screen and (max-width: 600px) {
html {
font-size: 12px;
}
.header-topbar .topbar-right {
display: none;
}
.header-topbar .topbar-left > li {
padding: 0 10px;
}
.sidebar .col-1 {
width: 100%;
}
.sidebar .col-2 {
width: 100%;
margin-bottom: 30px;
}
.sidebar .col-2:last-child {
margin-bottom: 0;
}
.sidebar .col-2:nth-child(even) {
padding-right: 0;
}
.sidebar .col-2:nth-child(odd) {
padding-left: 0;
}
/********************* HOME PAGE ***********************/
.homepage-default .homepage-banner-content .group-title .title {
font-size: 3rem;
line-height: 1.4;
}
.background-video .homepage-banner-content .group-title .title {
font-size: 3rem;
line-height: 1.4;
}
.special-menu .list-dish {
margin: 0 -10px;
}
.special-menu .list-dish .dish {
margin: 0 10px;
}
.dish .box {
height: 420px;
}
.dish .box .image-dish {
max-width: 160px;
min-height: 120px;
}
.tab-menu {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px dashed #dfe0e1;
}
.tab-menu .name {
display: inline-block;
padding-bottom: 15px;
border-bottom: 1px dashed #dfe0e1;
}
.tab-menu li {
width: 50%;
margin-bottom: 15px;
}
.tab-menu li:nth-child(odd):before {
border-left: none;
}
.tab-menu li:nth-child(even):before {
border-left: 1px dashed #dfe0e1;
}
.tab-menu li:nth-last-child(-n+2) {
margin-bottom: 0;
}
.tab-menu li:nth-last-child(-n+2) .name {
padding-bottom: 0;
border: none;
}
.menu-items.style-2 {
margin-bottom: 15px;
padding-bottom: 20px;
}
.testimonial-list {
width: 100%;
}
.testimonial-list .testimonial-item {
padding: 0;
}
.testimonial-list .testimonial-item .icons {
display: none;
}
.testimonial-list .testimonial-item .news-content {
padding: 20px 0 0 0;
text-align: center;
}
.testimonial-list .testimonial-item .news-content .content {
top: -20px;
left: auto;
display: inline-block;
width: auto;
margin-left: 0;
}
/********************* HOME PAGE 3 **********************/
.main-title-2 {
margin-bottom: 30px;
}
.background-slide .homepage-banner-content .group-title .title,
.background-slide .homepage-banner-content .group-title-2 .title {
font-size: 3rem;
}
.logo-bg .list-logo {
padding: 50px 0;
}
/********************* LIST MENU **********************/
.meal-wrapper .description-menu {
width: 100%;
margin-bottom: 20px;
}
.meal-wrapper .more-image {
margin-bottom: 30px;
}
.meal-wrapper .more-image img {
max-width: 45%;
}
.menu-items.style-4 .item-content .price {
margin-bottom: 10px;
}
/********************* BLOG **********************/
.blog-post .blog-image {
margin-bottom: 30px;
}
/******************** EVENT **********************/
.main-event .coming-soon-event-wrapper .coming-soon-count {
margin: 50px 0 0 0;
}
.more-event .coming-soon-wrapper .left-infomation {
padding-bottom: 30px;
}
.more-event .coming-soon-wrapper:last-child .left-infomation {
padding-top: 30px;
}
/******************** GALLERY **********************/
.gallery-wrapper .tab-menu {
display: inline-block;
width: 100%;
}
.gallery-wrapper .tab-menu li {
display: inline-block;
float: left;
width: 25%;
}
.gallery-wrapper .tab-menu li:before {
position: absolute;
right: 0;
left: auto;
height: 100%;
content: '';
border-left: 1px dashed #dfe0e1 !important;
}
.description-gallery {
margin-top: 0;
}
.grid-gallery {
margin: 0 -10px;
}
.grid-item-wrapper {
width: 50%;
}
.grid-item-wrapper .grid-item {
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
}
}
/*---------- 1.5. Media screen max width 480px ----------*/
@media screen and (max-width: 480px) {
/********************* HOME PAGE ***********************/
.group-btn .btn-left {
display: block;
margin: 0 auto;
margin-bottom: 15px;
}
.group-btn .btn-right {
display: block;
margin: 0 auto;
}
.menu-of-day .content-menu .col-sm-6.col-xs-6 {
width: 100%;
}
.menu-of-day .content-menu .col-sm-6:nth-last-child(-n + 2) .menu-items.style-1 {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px dashed #ebebeb;
}
.menu-of-day .content-menu .col-sm-6:last-child .menu-items.style-1 {
margin-bottom: 0;
padding-bottom: 0;
border: none;
}
.blog-detail-content .dates {
display: none;
}
.blog-detail-content .content {
padding-left: 0;
}
.new-of-day .list-news {
margin-bottom: 30px;
}
.new-of-day .list-news .slick-dots {
bottom: -25px;
}
.create-booking .form-group .col-sm-6 {
width: 100%;
margin-bottom: 20px;
}
.create-booking .form-group .col-sm-6:nth-last-child(-n + 2) {
margin-bottom: 20px;
}
.create-booking .form-group .col-sm-6:last-child {
margin-bottom: 0;
}
.open-hours-bg .open-hours-wrapper .content .item .day:after {
width: 130px;
}
.coming-soon-event-wrapper .coming-soon-count {
margin-top: 30px;
}
.coming-soon-event-wrapper .coming-soon-count .count-wrapper {
height: 100px;
}
.coming-soon-event-wrapper .coming-soon-count .count-wrapper .time .count {
font-size: 4.8rem;
line-height: 100px;
}
.footer .footer-main {
padding-top: 60px;
}
.footer-wrapper .col-2 .col-md-3 {
width: 100%;
margin-bottom: 40px;
}
.footer-wrapper .col-2 .col-md-3:last-child {
margin-bottom: 0;
}
.banner-prallax .img-wrapper-2 {
width: 70%;
}
.sandhillscenter-descripton {
top: 0;
}
.sandhillscenter-gallery .slick-prev,
.sandhillscenter-gallery .slick-next {
top: 108%;
}
/******************** HOME PAGE 2 **********************/
.video-thumbnail .video-button-play {
font-size: 1.4rem;
line-height: 46px;
width: 50px;
height: 50px;
padding-left: 3px;
}
/******************** ABOUT US **********************/
.about-us-2 .left-infomation .group-list {
margin-top: 30px;
}
.about-us-2 .left-infomation .group-list .col-xs-6 {
width: 100%;
}
.about-us-2 .left-infomation .group-list .col-xs-6 .box-media {
margin-bottom: 20px;
}
.about-us-2 .left-infomation .group-list .col-xs-6:nth-last-child(-n + 2) .box-media {
margin-bottom: 20px;
}
.about-us-2 .left-infomation .group-list .col-xs-6:last-child .box-media {
margin-bottom: 0;
}
.coming-soon.style-2 .logo-bg {
margin-bottom: 40px;
}
/******************** RESERVATION **********************/
.taste-of-fresh .title {
font-size: 2.8rem;
}
.taste-of-fresh .title .name-2 {
font-size: 26px;
}
/******************** LIST MENU **********************/
.menu-items.style-2 .item-content {
padding: 0;
}
/********************* BLOG ***********************/
.blog-author {
background-color: #f9f9f9;
}
.blog-author .media-left {
width: auto;
padding: 20px;
vertical-align: top;
}
.blog-author .media-right {
display: block;
width: 100%;
padding: 0 20px 20px 20px;
}
.blog-author .media-right:before {
display: none;
}
.blog-comment .comment-list .parent {
margin-bottom: 20px;
padding: 20px;
background-color: #f9f9f9;
}
.blog-comment .comment-list .comment-list-children {
margin-left: 0;
}
.blog-comment .comment-list .comment-item:not(:last-child) {
margin-bottom: 20px;
}
.leave-comment {
margin-top: 50px;
}
.leave-comment .comment-form .col-50 {
width: 100%;
margin-bottom: 10px;
padding: 0 !important;
}
.leave-comment .comment-form .col-50:last-child {
margin-bottom: 0;
}
/********************* CONTACT ***********************/
.contact-form .col-sm-4 {
margin-bottom: 20px;
}
.contact-form .form-textarea {
margin-top: 20px;
}
/******************** EVENT **********************/
.logo-bg.style-2,
.logo-bg.style-3 {
min-height: 260px;
}
/********************* 404 ***********************/
.page-404 .title {
font-size: 4.2rem;
margin-bottom: 20px;
}
}
/*---------- 1.6. Media screen max width 414px ----------*/
@media screen and (max-width: 414px) {
/********************* HOME PAGE ***********************/
.banner-prallax .title-bg {
font-size: 5rem;
}
.open-hours-bg .open-hours-wrapper .content .item .day:after {
display: none;
}
.banner-prallax .title-bg {
top: 40%;
margin-top: -50px;
}
.banner-prallax .infomation-wrapper {
top: 35%;
}
.coming-soon-event-wrapper .coming-soon-count {
margin-right: -10px;
margin-left: -10px;
}
.coming-soon-event-wrapper .coming-soon-count .count-wrapper {
padding: 0 10px;
}
.logo-bg .list-logo {
padding: 30px 0;
}
/********************* BLOG ***********************/
.blog-post .blog-image {
margin-bottom: 20px;
}
.blog-detail-content .content .title {
font-size: 1.6rem;
}
/********************* LIST MENU ***********************/
.content-menu .tab-pane .col-xs-6 {
width: 100%;
}
.main-menu .content-menu .col-md-4:nth-last-child(-n + 2) .menu-items.style-4 {
margin-bottom: 30px;
}
.main-menu .content-menu .col-md-4:last-child .menu-items.style-4 {
margin-bottom: 0;
}
/******************** EVENT **********************/
/******************** GALLERY **********************/
.grid-item-wrapper {
width: 100%;
}
.gallery-wrapper .tab-menu li {
width: 33%;
}
.gallery-wrapper .tab-menu li:nth-last-child(-n+3) {
margin-bottom: 0;
}
.gallery-wrapper .tab-menu li:nth-last-child(-n+3) .name {
padding-bottom: 0;
border: none;
}
.logo-image {
background-color: #01101d;
position: absolute;
padding: 3px 16px;
display: block;
max-width: 86%;
}
}
/*---------- 1.7. Media screen max width 380px ----------*/
@media screen and (max-width: 380px) {
/********************* HOME PAGE ***********************/
.homepage-default .homepage-banner-content .group-title .title {
font-size: 2.6rem;
}
.background-video .homepage-banner-content {
padding: 0 15px;
}
.background-video .homepage-banner-content .group-title {
width: 100%;
}
.background-video .homepage-banner-content .group-title .title {
font-size: 2.6rem;
}
.header-topbar .topbar-left > li {
padding: 0 7px;
}
.coming-soon-event-wrapper .coming-soon-count .count-wrapper .time .count {
font-size: 4.2rem;
}
.dish .box {
height: 420px;
}
.menu-items.style-1 {
margin-bottom: 15px;
padding-bottom: 15px;
}
.menu-of-day .content-menu .col-sm-6:nth-last-child(-n + 2) .menu-items.style-1 {
margin-bottom: 15px;
padding-bottom: 15px;
}
.menu-of-day .content-menu .col-sm-6:last-child .menu-items.style-1 {
margin-bottom: 0;
padding-bottom: 0;
}
.new-of-day .list-news .item .images {
margin-bottom: 20px;
}
.open-hours-bg .open-hours-wrapper .content {
margin-top: 25px;
}
.open-hours-bg .open-hours-wrapper .content .item {
font-size: 14px;
padding: 0;
}
.mb-nav {
padding: 20px 10px 0 10px;
}
.wrapper-menu-mobile .mb-social-wrapper {
padding: 15px;
padding-left: 5px;
}
.footer-wrapper .widget .title {
padding-bottom: 10px;
}
.footer-wrapper .widget .content-widget {
margin-top: 20px;
}
.social-footer {
display: none;
}
/******************** HOME PAGE 2 **********************/
.testimonial.style-2 .testimonial-list .testimonial-item .news-content:after {
font-size: 5rem;
}
.pagination li .btn-pagination {
line-height: 32px;
width: 32px;
height: 32px;
}
/******************** HOME PAGE 3 **********************/
.background-slide .homepage-banner-content .group-title .title,
.background-slide .homepage-banner-content .group-title-2 .title {
font-size: 2.6rem;
}
.menu-items.style-3 .title .name {
width: calc(100% - 50px);
}
/******************** LIST MENU **********************/
.menu-items.style-2 .title .name {
width: calc(100% - 50px);
}
/******************** BLOG **********************/
.blog-post blockquote .quote-wrapper {
padding-left: 10px;
}
.blog-post blockquote .icons {
font-size: 6rem;
line-height: 60px;
}
.blog-comment .comment-list .comment-left {
width: 50px;
}
.blog-comment .comment-list .comment-right {
padding-left: 60px;
}
/******************** EVENT **********************/
.logo-bg.style-2,
.logo-bg.style-3 {
min-height: 220px;
}
}
/*---------- 1.8. Media screen max width 320px ----------*/
@media screen and (max-width: 320px) {
/********************* HOME PAGE ***********************/
.header-topbar {
display: none;
}
.homepage-default .homepage-banner-content {
padding-top: 60px;
}
.banner-prallax .title-bg {
top: 25%;
margin-top: 0;
}
.banner-prallax .infomation-wrapper .title {
font-size: 2rem;
}
.open-hours-bg .open-hours-wrapper {
padding: 50px 25px;
}
.open-hours-bg .open-hours-wrapper:before {
top: 18px;
right: 10px;
bottom: 18px;
left: 10px;
}
.coming-soon-event-wrapper .coming-soon-count .count-wrapper .time-label {
font-size: 1.2rem;
width: 58px;
margin-left: -29px;
}
.mb-nav {
padding: 20px 5px 0 5px;
}
/********************* HOME PAGE 2 *********************/
.menu-items.style-2 .item-image {
display: block;
float: inherit !important;
width: 100%;
margin: 0 auto !important;
}
.menu-items.style-2 .item-content {
width: 100%;
margin-top: 20px;
}
/******************** LIST MENU **********************/
.meal-wrapper .more-image img {
max-width: 70%;
}
/********************* 404 ***********************/
.page-404 {
min-height: 568px;
}
.page-404 .title {
font-size: 3.6rem;
margin-top: 30px;
margin-bottom: 20px;
}
}
/**********************************
General
***********************************/
html { font-size: 100%; }
body {
margin: 0;
font-family: "Open Sans", sans-serif;
font-size: 100%;
line-height: 2;
font-weight: 300;
}
p, td, li, label {
font-size: 1.07em;
line-height: 2;
font-weight: 300;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Open Sans", sans-serif;
font-weight: 300;
letter-spacing: 0px;
line-height: 1.4;
}
h1 {font-size: 2.36em;margin:0.4em 0;}
h2 {font-size: 2em;margin:0.6em 0;}
h3 {font-size: 1.73em;margin:0.7em 0;}
h4 {font-size: 1.6em;margin:0.8em 0;}
h5 {font-size: 1.48em;margin:0.8em 0;}
h6 {font-size: 1.3em;margin:0.8em 0;}
p {margin:1em 0;}
.display { margin-bottom: 0.5em; }
.display h1 {
font-weight: 800;
font-size: 3em;
line-height:1.4;
text-transform: uppercase;
}
.display p {
font-size: 1.3em;
font-style: italic;
}
@media all and (max-width: 1024px) {
h1 {font-size: 2em;}
h2 {font-size: 1.73em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.48em;}
h5 {font-size: 1.3em;font-weight:bold;}
h6 {font-size: 1em;font-weight:bold;}
.display h1 { font-size: 2.2em; }
.display p { font-size: 1.1em; }
}
hr {border:none;border-top: rgba(0, 0, 0, 0.18) 1px solid;margin: 2em 0 !important;}
img {max-width:100%;}
figure {margin:0}
ol, ul {line-height: inherit; font-weight: inherit;}
/**********************************
Grid
***********************************/
.container {
margin: 0 auto;
width: 90%;
}
@media (min-width: 40rem) {
.column {
float: left;
padding-left: 1rem; /* beta3 */
padding-right: 1rem; /* beta3 */
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.column.full { width: 100%; }
.column.two-third { width: 66.7%; }
.column.two-fourth { width: 75%; }
.column.two-fifth { width: 80%; }
.column.two-sixth { width: 83.3%; }
.column.half { width: 50%; }
.column.third { width: 33.3%; }
.column.fourth { width: 25%; }
.column.fifth { width: 20%; }
.column.sixth { width: 16.6%; }
.column.flow-opposite { float: right; }
}
.clearfix:before, .clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}
/**********************************
Elements
***********************************/
.center {text-align:center}
.right {text-align:right}
.left {text-align:left}
.padding-20 {padding:20px}
.padding-25 {padding:25px}
.padding-30 {padding:30px}
.padding-35 {padding:35px}
.padding-40 {padding:40px}
@media all and (max-width: 540px) {
.center {text-align:initial}
.right {text-align:initial}
.left {text-align:initial}
.padding-20 {padding:0}
.padding-25 {padding:0}
.padding-30 {padding:0}
.padding-35 {padding:0}
.padding-40 {padding:0}
}
.margin-0 {margin:0 !important}
.margin-20 {margin:20px !important}
.margin-25 {margin:25px !important}
.margin-30 {margin:30px !important}
.margin-35 {margin:35px !important}
.margin-40 {margin:40px !important}
.is-card { display:table; background-color:#fff; }
.is-card > * { display:table; }
.is-card-circle { width:280px; height: 280px; border-radius:500px; padding:70px; margin:0 auto; }
@media all and (max-width: 540px) {
.is-card-circle { zoom:0.7; -moz-transform: scale(0.7); }
}
.is-card-content-centered { display:table-cell;vertical-align:middle;text-align:center; }
.max-390 { max-width:390px;margin:0 auto; }
.shadow-1 { /* card */
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24);
-moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24);
box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24);
}
.shadow-2 { /* screenshot */
-webkit-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15);
box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15);
}
.shadow-3 { /* highlight */
-webkit-box-shadow: 0 0px 100px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0px 100px rgba(0, 0, 0, 0.2);
box-shadow: 0 0px 100px rgba(0, 0, 0, 0.2);
}
img.circle {border-radius:500px;margin-top:0;}
img.bordered {border: #ccc 1px solid;}
.embed-responsive {position: relative;display:block;height:0;padding:0;overflow:hidden;margin-top: 1.4em;margin-bottom: 1em;}
.embed-responsive.embed-responsive-16by9 {padding-bottom: 56.25%;}
.embed-responsive.embed-responsive-4by3 {padding-bottom: 75%;}
.embed-responsive iframe {position: absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0;}
.list {position:relative;margin:1.5em 0;}
.list > i {position:absolute;left:-3px;top:7px;font-size:1.7em;line-height:1;}
.list > h2, .list > h3 {margin: 0 0 0 50px;}
.list > p {margin: 5px 0 0 50px}
.quote {position:relative;margin:1.5em 0;}
.quote > i {position: absolute;top: -10px; left: -7px;font-size: 2em;}
.quote > small {margin-left:50px;opacity: 0.7;font-size: 1em;}
.quote > p {margin-left:50px;font-size: 1.5em;}
@media all and (max-width: 540px) {
.quote > i {left: -15px;font-size:1.5em;}
.quote > small {margin-left:20px;ont-size: 1em;}
.quote > p {margin-left:20px;font-size: 1.2em;}
}
.is-social {line-height:1;margin-bottom:1.5em}
.is-social a > i {text-decoration:none;color:#333;font-size:1.2em;margin:0 15px 0 0;-webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
.is-social a:hover > i {color:#08c9b9;}
.is-light-text .is-social a > i {color:#fff}
.is-light-text .is-social a:hover > i {color:#fff}
.is-dark-text .is-social a > i {color:#000}
.is-dark-text .is-social a:hover > i {color:#000}
/* backward compatible */
.social {line-height:1;margin-bottom:1.5em}
.social a > i {text-decoration:none;color:#333;font-size:1.2em;margin:0 15px 0 0;-webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
.social a:hover > i {color:#08c9b9;}
.is-light-text .social a > i {color:#fff}
.is-light-text .social a:hover > i {color:#fff}
.is-rounded-button-big {display:inline-block;}
.is-rounded-button-big a {display:table;float:left;text-align:center;margin:0 20px;border-radius: 500px; width: 110px; height: 110px;background-color: #aaa;}
.is-rounded-button-big a i {display:table-cell;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:40px}
.is-rounded-button-big a:first-child {margin:0 20px 0 0;}
.is-rounded-button-big a:last-child {margin:0 0 0 20px;}
.is-rounded-button-medium {display:inline-block;}
.is-rounded-button-medium a {display:table;float:left;text-align:center;margin:0 20px;border-radius: 500px; width: 70px; height: 70px;background-color: #aaa;}
.is-rounded-button-medium a i {display:table-cell;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:30px}
.is-boxed-button-big {display:inline-block;}
.is-boxed-button-big a {display:table;float:left;text-align:center;margin:0 30px 0 0;width: 110px; height: 110px;background-color: #aaa;}
.is-boxed-button-big a i {display:table-cell;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:40px}
.is-boxed-button-big2 {display:inline-block;}
.is-boxed-button-big2 a {display:table;float:left;text-align:center;margin:0 30px 0 0;width: 150px; height: 70px;background-color: #aaa;}
.is-boxed-button-big2 a i {display:table-cell;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:35px}
.is-boxed-button-medium {display:inline-block;}
.is-boxed-button-medium a {display:table;float:left;text-align:center;margin:0 30px 0 0;width: 70px; height: 70px;background-color: #aaa;}
.is-boxed-button-medium a i {display:table-cell;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:30px}
.is-boxed-button-medium2 {display:inline-block;}
.is-boxed-button-medium2 a {display:table;float:left;text-align:center;margin:0 30px 0 0;width: 100px; height: 50px;background-color: #aaa;}
.is-boxed-button-medium2 a i {display:table-cell;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:25px}
.is-boxed-button-small {display:inline-block;}
.is-boxed-button-small a {display:table;float:left;text-align:center;margin:0 20px 0 0;width: 50px; height: 50px;background-color: #aaa;}
.is-boxed-button-small a i {display:table-cell;width:100%;height:100%;vertical-align:middle;color:#ffffff;font-size:20px}
.size-12 {font-size:12px}
.size-14 {font-size:14px}
.size-16 {font-size:16px}
.size-18 {font-size:18px}
.size-21 {font-size:21px}
.size-24 {font-size:24px}
.size-32 {font-size:32px}
.size-48 {font-size:48px}
.size-64 {font-size:64px}
.size-80 {font-size:80px}
.size-96 {font-size:96px}
@media all and (max-width: 1024px) {
.size-12 {font-size:12px}
.size-14 {font-size:14px}
.size-16 {font-size:16px}
.size-18 {font-size:18px}
.size-21 {font-size:21px}
.size-24 {font-size:24px}
.size-32 {font-size:28px}
.size-48 {font-size:32px}
.size-64 {font-size:36px}
.size-80 {font-size:40px}
.size-96 {font-size:44px}
}
/**********************************
Title Styles
***********************************/
.is-light-text * {color: #fff;}
.is-dark-text * {color: #000;}
/* Style 1 */
.is-title1-96 {margin-top:20px;margin-bottom:20px;}
.is-title1-80 {margin-top:15px;margin-bottom:15px;}
.is-title1-64 {margin-top:15px;margin-bottom:15px;}
.is-title1-48 {margin-top:15px;margin-bottom:15px;}
.is-title1-32 {margin-top:15px;margin-bottom:15px;}
/* Style 2 */
.is-title2-96 {margin-top:25px;margin-bottom:20px;}
.is-title2-80 {margin-top:20px;margin-bottom:15px;}
.is-title2-64 {margin-top:20px;margin-bottom:15px;}
.is-title2-48 {margin-top:15px;margin-bottom:15px;}
.is-title2-32 {margin-top:10px;margin-bottom:15px;}
/* Style 3 */
.is-title3-96 {margin-top:30px;margin-bottom:35px;padding:20px 0;border-top:#000 2px solid;border-bottom:#000 2px solid;}
.is-title3-80 {margin-top:25px;margin-bottom:33px;padding:20px 0;border-top:#000 2px solid;border-bottom:#000 2px solid;}
.is-title3-64 {margin-top:20px;margin-bottom:30px;padding:18px 0;border-top:#000 2px solid;border-bottom:#000 2px solid;}
.is-title3-48 {margin-top:20px;margin-bottom:25px;padding:18px 0;border-top:#000 2px solid;border-bottom:#000 2px solid;}
.is-title3-32 {margin-top:20px;margin-bottom:20px;padding:15px 0;border-top:#000 2px solid;border-bottom:#000 2px solid;}
.is-light-text .is-title3-96 {border-top:#fff 2px solid;border-bottom:#fff 2px solid;}
.is-light-text .is-title3-80 {border-top:#fff 2px solid;border-bottom:#fff 2px solid;}
.is-light-text .is-title3-64 {border-top:#fff 2px solid;border-bottom:#fff 2px solid;}
.is-light-text .is-title3-48 {border-top:#fff 2px solid;border-bottom:#fff 2px solid;}
.is-light-text .is-title3-32 {border-top:#fff 2px solid;border-bottom:#fff 2px solid;}
.is-dark-text .is-title3-96 {border-top:#000 2px solid;border-bottom:#000 2px solid;}
.is-dark-text .is-title3-80 {border-top:#000 2px solid;border-bottom:#000 2px solid;}
.is-dark-text .is-title3-64 {border-top:#000 2px solid;border-bottom:#000 2px solid;}
.is-dark-text .is-title3-48 {border-top:#000 2px solid;border-bottom:#000 2px solid;}
.is-dark-text .is-title3-32 {border-top:#000 2px solid;border-bottom:#000 2px solid;}
/* Style 4 */
.is-title4-96 {margin-top:30px;margin-bottom:35px;padding:20px 30px;border:#000 2px solid;}
.is-title4-80 {margin-top:25px;margin-bottom:33px;padding:20px 30px;border:#000 2px solid;}
.is-title4-64 {margin-top:20px;margin-bottom:30px;padding:18px 28px;border:#000 2px solid;}
.is-title4-48 {margin-top:20px;margin-bottom:25px;padding:18px 25px;border:#000 2px solid;}
.is-title4-32 {margin-top:20px;margin-bottom:20px;padding:15px 20px;border:#000 2px solid;}
.is-light-text .is-title4-96 {border:#fff 2px solid;}
.is-light-text .is-title4-80 {border:#fff 2px solid;}
.is-light-text .is-title4-64 {border:#fff 2px solid;}
.is-light-text .is-title4-48 {border:#fff 2px solid;}
.is-light-text .is-title4-32 {border:#fff 2px solid;}
.is-dark-text .is-title4-96 {border:#000 2px solid;}
.is-dark-text .is-title4-80 {border:#000 2px solid;}
.is-dark-text .is-title4-64 {border:#000 2px solid;}
.is-dark-text .is-title4-48 {border:#000 2px solid;}
.is-dark-text .is-title4-32 {border:#000 2px solid;}
/* Style 5 */
.is-title5-96 {margin-top:10px;margin-bottom:35px;padding-bottom:25px;border-bottom:#000 2px solid;}
.is-title5-80 {margin-top:10px;margin-bottom:33px;padding-bottom:25px;border-bottom:#000 2px solid;}
.is-title5-64 {margin-top:10px;margin-bottom:30px;padding-bottom:20px;border-bottom:#000 2px solid;}
.is-title5-48 {margin-top:10px;margin-bottom:25px;padding-bottom:20px;border-bottom:#000 2px solid;}
.is-title5-32 {margin-top:10px;margin-bottom:20px;padding-bottom:20px;border-bottom:#000 2px solid;}
.is-light-text .is-title5-96 {border-bottom:#fff 2px solid;}
.is-light-text .is-title5-80 {border-bottom:#fff 2px solid;}
.is-light-text .is-title5-64 {border-bottom:#fff 2px solid;}
.is-light-text .is-title5-48 {border-bottom:#fff 2px solid;}
.is-light-text .is-title5-32 {border-bottom:#fff 2px solid;}
.is-dark-text .is-title5-96 {border-bottom:#000 2px solid;}
.is-dark-text .is-title5-80 {border-bottom:#000 2px solid;}
.is-dark-text .is-title5-64 {border-bottom:#000 2px solid;}
.is-dark-text .is-title5-48 {border-bottom:#000 2px solid;}
.is-dark-text .is-title5-32 {border-bottom:#000 2px solid;}
/* Extra Title Styles */
.is-title-lite {letter-spacing:3px;word-spacing:5px;}
.is-title-lite.is-title3-96, .is-title-lite.is-title4-96, .is-title-lite.is-title5-96 {letter-spacing:4px;word-spacing:8px;}
.is-title-lite.is-title3-80, .is-title-lite.is-title4-80, .is-title-lite.is-title5-80 {letter-spacing:4px;word-spacing:8px;}
.is-title-lite.is-title3-64, .is-title-lite.is-title4-64, .is-title-lite.is-title5-64 {letter-spacing:4px;word-spacing:8px;}
.is-title-lite.is-title3-48, .is-title-lite.is-title4-48, .is-title-lite.is-title5-48 {letter-spacing:4px;word-spacing:8px;}
.is-title-lite.is-title3-32, .is-title-lite.is-title4-32, .is-title-lite.is-title5-32 {letter-spacing:3px;word-spacing:5px;}
.is-title-bold {font-weight:800;}
.is-title-bold.is-title3-96, .is-title-bold.is-title4-96, .is-title-bold.is-title5-96 {border-width:4px;}
.is-title-bold.is-title3-80, .is-title-bold.is-title4-80, .is-title-bold.is-title5-80 {border-width:4px;}
.is-title-bold.is-title3-64, .is-title-bold.is-title4-64, .is-title-bold.is-title5-64 {border-width:3px;}
.is-title-bold.is-title3-48, .is-title-bold.is-title4-48, .is-title-bold.is-title5-48 {border-width:3px;}
.is-title-bold.is-title3-32, .is-title-bold.is-title4-32, .is-title-bold.is-title5-32 {border-width:2px;}
/**********************************
Into Styles
***********************************/
.is-info1 {margin-top:10px;margin-bottom:0px;font-style:italic;}
.is-info1.size-21 {margin-top:12px;}
.is-info1.size-24 {margin-top:15px;}
.is-info2 {margin-top:10px;margin-bottom:0px;}
.is-info2.size-21 {margin-top:12px;}
.is-info2.size-24 {margin-top:15px;}
/**********************************
Buttons Styles
***********************************/
.is-btn {
padding: 10px 50px;
font-size: 1em;
line-height: 2em;
border-radius: 0;
letter-spacing: 3px;
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
-webkit-transition: all 0.16s ease;
transition: all 0.16s ease;
}
/* ghost1 default */
.is-btn-ghost1 { color: #000; border: 2px solid #111; }
.is-btn-ghost1:hover, .is-btn-ghost1:active, .is-btn-ghost1:focus {
color: #fff;
background-color: #111;
border: 2px solid #111;
}
/* ghost1 light-text */
.is-light-text .is-btn-ghost1,
.is-dark-text .is-light-text .is-btn-ghost1 { color: #fff; border: 2px solid #fff;}
.is-light-text .is-btn-ghost1:hover, .is-light-text .is-btn-ghost1:active, .is-light-text .is-btn-ghost1:focus,
.is-dark-text .is-light-text .is-btn-ghost1:hover, .is-dark-text .is-light-text .is-btn-ghost1:active, .is-dark-text .is-light-text .is-btn-ghost1:focus {
color: #000;
background-color: #fff;
border: 2px solid #fff;
}
/* ghost1 dark-text */
.is-dark-text .is-btn-ghost1,
.is-light-text .is-dark-text .is-btn-ghost1 { color: #000; border: 2px solid #111; }
.is-dark-text .is-btn-ghost1:hover, .is-dark-text .is-btn-ghost1:active, .is-dark-text .is-btn-ghost1:focus,
.is-light-text .is-dark-text .is-btn-ghost1:hover, .is-light-text .is-dark-text .is-btn-ghost1:active, .is-light-text .is-dark-text .is-btn-ghost1:focus {
color: #fff;
background-color: #111;
border: 2px solid #111;
}
/* ghost2 default */
.is-btn-ghost2 { color: #000; border: 2px solid #d7d7d7; background-color: #d7d7d7; }
.is-btn-ghost2:hover, .is-btn-ghost2:active, .is-btn-ghost2:focus {
color: #000;
background-color: #cdcdcd;
border: 2px solid #cdcdcd;
}
/* ghost2 light-text */
.is-light-text .is-btn-ghost2,
.is-dark-text .is-light-text .is-btn-ghost2 { color: #000; border: 2px solid #f9f9f9; background-color: #f9f9f9; }
.is-light-text .is-btn-ghost2:hover, .is-light-text .is-btn-ghost2:active, .is-light-text .is-btn-ghost2:focus,
.is-dark-text .is-light-text .is-btn-ghost2:hover, .is-dark-text .is-light-text .is-btn-ghost2:active, .is-dark-text .is-light-text .is-btn-ghost2:focus {
color: #000;
background-color: #fff;
border: 2px solid #fff;
}
/* ghost2 dark-text */
.is-dark-text .is-btn-ghost2,
.is-light-text .is-dark-text .is-btn-ghost2 { color: #000; border: 2px solid #d7d7d7; background-color: #d7d7d7; }
.is-dark-text .is-btn-ghost2:hover, .is-dark-text .is-btn-ghost2:active, .is-dark-text .is-btn-ghost2:focus,
.is-light-text .is-dark-text .is-btn-ghost2:hover, .is-light-text .is-dark-text .is-btn-ghost2:active, .is-light-text .is-dark-text .is-btn-ghost2:focus {
color: #000;
background-color: #cdcdcd;
border: 2px solid #cdcdcd;
}
.is-btn-small { padding: 5px 25px; font-size: 0.85em; }
.is-upper { text-transform:uppercase; }
.is-rounded-30 { border-radius: 30px; }
/* Old Buttons */
.btn {
padding: 7px 25px;
font-size: 1em;
line-height: 2em;
letter-spacing: 1px;
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
-webkit-transition: all 0.16s ease;
transition: all 0.16s ease;
}
.btn.btn-primary {
height: auto !important;
color: #ffffff;
background-color: #0061b0;
padding: 2px 20px !important;
}
.btn.btn-primary:hover {color: #ffffff;background-color: #2e6ea5;border-color: #2e6ea5;}
.btn.btn-default {color: #333333;background-color: #d3d3d3;}
.btn.btn-default:hover {color: #111;background-color: #ccc;border-color: #ccc;}
/**********************************
Header Image with Caption
***********************************/
figure.hdr {
position: relative;
width: 100%;
overflow:hidden;
background-color: #000;
}
figure.hdr img {
position: relative;
display: block;
width: 100%;
opacity: 0.8;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
figure.hdr:hover img {
opacity: 0.5;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.hdr figcaption {
position: absolute;
top: auto;
bottom: 0;
left: 0;
width: 100%;
height: 60%;
padding: 0 2.5em;
color: #fff;
font-size: 1.55em;
text-align: center;
box-sizing: border-box;
z-index:1;
}
/* Text */
figure.hdr h2 {
font-weight: 300;
text-transform: uppercase;
}
figure.hdr h2 span {
font-weight: 800;
}
figure.hdr p {
letter-spacing: 1px;
font-size: 68.5%;
text-transform: uppercase;
}
figure.hdr h2, figure.hdr p {
margin: 0;
z-index:10000;
}
/* Cosmetic */
figure.hdr div {
height: 100%;
z-index:0;
}
figure.hdr div::before,
figure.hdr div::after {
position: absolute;
content: '';
}
/* One */
figure.one div::before {
top: 50px;
right: 30px;
bottom: 50px;
left: 30px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
figure.one div::after {
top: 30px;
right: 50px;
bottom: 30px;
left: 50px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
}
/* Two */
figure.two div::before {
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
figure.two div::after {
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
}
/* Three */
figure.three figcaption {
height: 70%;
}
figure.three p {
margin: 1em 0 0;
padding: 2em;
border: 1px solid #fff;
}
/* Four */
figure.four figcaption {
height: 60%;
text-align: left;
}
figure.four p {
position: absolute;
right: 50px;
bottom: 50px;
left: 50px;
padding: 2em;
border: 7px solid #fff;
}
/* Five */
figure.five figcaption {
height: 100%;
text-align: right;
}
figure.five h2 {
position: absolute;
left: 50px;
right: 50px;
top: 10%;
border-bottom: 5px solid #fff;
}
figure.five p {
position: absolute;
right: 50px;
bottom: 10%;
}
/* Six */
figure.six figcaption {
height: 70%;
}
figure.six h2 {
padding-bottom: 3%;
border-bottom: 1px solid #fff;
}
figure.six p {
padding-top: 6%;
}
/* Seven */
figure.seven figcaption {
height: 90%;
text-align:left;
}
figure.seven h2 {
border-bottom: 3px solid #fff;
}
figure.seven p {
padding-top: 1em;
}
/* Eight */
figure.eight figcaption {
height: 100%;
text-align: right;
}
figure.eight h2 {
position: absolute;
left: 50%;
right: 50px;
bottom: 10%;
}
figure.eight p {
position: absolute;
left: 50px;
right: 50%;
top: 10%;
padding-right:0.5em;
border-right: 1px solid #fff;
}
.wrapper-menu-mobile div#logintopbox {
background: #080808;
width: 100%;
color: #fff;
position: relative;
float: left;
}.mb-avatar-welcome {
padding-top: 14px;
float: left;
padding-left: 15px;
}
td.dayofweek.mobileonly {
display: none !important;
}
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {
.blueborder td.dayofweek.mobileonly {
display: table-cell !important;
float: none !important;
width: 30% !important;
}
/* Force table to not be like tables anymore */
.blueborder table, .blueborder thead, .blueborder tbody, .blueborder th, .blueborder td, .blueborder tr {
display: inline-block;
width: 100% !important;
}
/* Hide table headers (but not display: none;, for accessibility) */
.blueborder thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.blueborder tr {border: none !important;}
.blueborder td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #eee;
position: relative;
/* padding-left: 50%; */
}
.blueborder td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
.blueborder td.black12bold {
display: none !important; }
/*
Label the data
*/
}