/* common css */
html{scroll-behavior:smooth;}
body {background-image: url(../images/noble/pattern-teal-dark.jpg);background-size: cover;position: relative;}
.noble-footer {background-image: url(../images/noble/pattern-tan.png);background-size: cover;padding: 15px 0;}
*, .noble-page p {font-family: 'Josefin Sans';font-weight: normal;letter-spacing: 2px;}
.noble-footer .social-accounts .fa {padding: 3px 10px;border-radius: 5px;background-color: #013737;border: 1px solid #013737;}
.noble-footer .opening-hours p>span {padding-right: 10px;font-size: 22px;color: #013737 !important;}
.noble-footer .address-wrap {font-size: 25px;margin: 0;line-height: 1;}
.noble-footer .site-footer-desktop .site-nav-link {font-size: 20px;}
.noble-footer .footer-nap {color: #013737;}
.noble-footer .site-footer-desktop-primary .social-accounts a, .noble-footer .social-accounts a {color: #ffffff;}
.noble-footer .site-footer-desktop-primary .site-nav-menu a:not(.btn), .noble-footer .site-footer-desktop-primary .site-nav-menu button:not(.btn), .noble-footer .site-footer-desktop-primary .site-nav-submenu > span, .noble-footer .site-footer-desktop-primary .site-nav-submenu > a {color: #013737;text-transform: lowercase;}
.noble-footer .opening-hours span:last-child {padding-right: 0px;}
.noble-footer .footer-bottom img {width: 100%;max-width: 250px;margin: 0 auto;}
.noble-footer .site-footer-desktop-primary {background-color: transparent;}
.noble-footer .social-accounts {margin: 15px auto;}
.noble-footer nav.site-nav {margin: 0 auto 20px;}
.noble-footer .social-accounts a:hover .fa {border: 1px solid #013737;background-color: transparent;color: #013737;transition: .35s;}

.noble-page video {width: 100%;margin: 0 auto;}
.noble-page .c-split {border-image: none;}
.noble-page .about-sec p {line-height: 1.2;font-size: 20px;}
.noble-page .top-head {text-align: center;margin: 30px auto;}
.noble-page section {padding: 50px 0;margin: 0 auto;}
.noble-page .video-section {padding: 0;}

.noble-page .border-section {position: relative;padding: 50px 0 30px;}
.noble-page .border-section section {padding: 0 0 30px;}
.noble-page .corner {position: absolute;width: 150px;height: 150px;top: 50px;left: 50px;}
.noble-page .right-corner {right: 50px;left: auto;}
.noble-page .c-split__content {text-align: center;max-width: 100%;padding: 0;}
.noble-page .c-split__col:nth-child(1) {border-image: none;}
.noble-page .c-split, .popup--modal {border-color: transparent;border-image: none;border-width: 0px;}
.noble-page .sec-title {font-family: 'Olive&Citrus';font-size: 50px;color: #CEC5B2;text-shadow: 0 1px 2px rgba(0,0,0,.5), 0 0 4px rgba(206,197,178,.2);margin: 0 auto;}
.noble-page .border-section .instagram-sec {padding-bottom: 0px;}
.noble-page .insta-title {font-family: 'Olive&Citrus';font-size: 3em;color: #CEC5B2;margin: 0 auto 10px;line-height: 1;text-shadow: 0 1px 2px rgba(0,0,0,.5), 0 0 4px rgba(206,197,178,.2);}
.noble-page h5.insta-title {text-transform: none;}
.text-center {text-align: center;}
.noble-page .btn {margin: 15px auto;max-width: 200px;width: 100%;font-size: 18px;transition:.35s;}
.noble-page .btn:hover {transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.4);}
/* common css */

/* home css */
.noble-home .video-section .hero__content {padding: 0;}
.noble-home .about-sec .c-split__image {transform: none;background-size: contain;background-position: center;}
.noble-page .intro-sec {padding: 80px 0;}
.noble-home .intro-sec .intro-content {text-transform: none;font-family: 'Josefin Sans';font-weight: normal;color: #000;font-size: 30px;line-height: 1.2;margin: 0 auto;}
.noble-home .intro-sec p.cali-text {margin: 30px 0;color: #000000;font-family: 'Caveat';font-size: 2rem;}
.noble-home .intro-sec img {max-width: 120px;}
.noble-home .about-sec .row {align-items: center;display: flex;padding: 30px 50px;align-items: stretch;}
.noble-home .border-section p {text-align: center;line-height: 1.5;font-size: 22px;}

.fade{
    opacity:0;
    transform:translateY(60px);
    transition:all .8s ease;
}
.fade.show{
    opacity:1;
    transform:translateY(0);
}
/* home css */

/* media queries */

@media (max-width: 1199px) {
    .noble-page .container {padding: 0 15px;}
	.noble-page .c-split__col, .noble-page .c-split--vcenter .c-split__col {padding: 10px;}
	.noble-page .border-section {padding: 30px 0;}
	.noble-page .corner {width: 100px;height: 100px;left: 30px;top: 30px;}
	.noble-page .right-corner {right: 30px;left: auto;}
}

@media (max-width: 991px) {
    .noble-page .border-section section.c-split .c-split__col {max-width: 50%;}
	.noble-home .border-section p {font-size: 20px;line-height: 1.4;}
	.noble-footer {padding: 15px 5px;}
}
@media (max-width: 768px) {
    .noble-home .intro-sec .intro-content {font-size: 24px;}
    .noble-page .intro-sec {padding: 50px  0;}
    .noble-home .intro-sec p.cali-text {font-size: 1.5rem;}
	.noble-page .border-section section.c-split .c-split__col {max-width: 100%;}
	.noble-page .border-section section.c-split.our-food-sec .c-split__col--empty {margin-bottom: 30px;}
	.noble-page .border-section section.c-split {border-width: 0 !important;}
}
@media (max-width: 575px) {
	.noble-page .corner {width: 80px;height: 80px;top: 20px;left: 15px;}
	.noble-page .right-corner {right: 15px;left: auto;}
	.noble-page .sec-title, .noble-page .insta-title {font-size: 40px;line-height: 1.2;text-shadow: 0 1px 2px rgb(255 255 255 / 45%);margin: 0;}
	.noble-page .top-head {margin: 30px auto 0;}
	.noble-page .border-section section.c-split .c-split__col-inner {padding: 0 !important;}
	.noble-footer .address-wrap span {margin: 5px 0;}
	.noble-footer .opening-hours p>span {padding-right: 5px;font-size: 20px;}
	.noble-footer .address-wrap {font-size: 20px;margin: 0;padding: 0;line-height: 1;}
	.noble-footer .site-footer-desktop .site-nav-link {font-size: 18px;}
	.noble-footer .site-footer-desktop-primary .site-nav li a {padding: 5px;}
	.noble-page .intro-sec {padding: 30px 0;}
}
@media (max-width: 375px) {
    .noble-page .border-section section.c-split.our-food-sec .c-split__col--empty {margin-bottom: 15px;}
    .noble-page .sec-title, .noble-page .insta-title {font-size: 36px;}
}
/* media queries */


