body {font-family: 'Didact Gothic', sans-serif;font-size: 22px;line-height: 1.5;letter-spacing:1.5px;}

figcaption {font-size:14px !important;}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    padding: 5px 15px 5px 15px;
    text-align:center;
    font-weight: normal;
    border-radius: 0px;
    color: #515151;
    background-color: #fff;
    border:4px solid #0442595c !important;
     margin-top: 16px;
 
}

.back-button {
    padding: 0px;
    font-weight: normal;
    color: #000;
    background-color: #fff;
    border: none;
    text-decoration:underline;
}


.wp-block-button__link {
    border-radius: 0px !important; 
}

.wp-pagenavi {margin-left:13px;padding-top:10px !important;padding-bottom:10px;}
.wp-pagenavi a, .wp-pagenavi span {
    border: 4px solid #044259;
    padding: 5px 15px;
}

.wp-pagenavi span.current {border-color:#044259 !important;color:white;background-color:#044259;}

.product_meta, .wc-tabs {display:none;}

a {color:black;}
.main-font {font-family: 'Didact Gothic', sans-serif;}
.sub-font {font-family: 'Reenie Beanie', cursive;}
.navbar {
  min-height: 100px;
}


.navbar a {color:white !important;font-size:20px;}
.navbar-brand {color:white !important;padding-top:20px;font-size:30px !important;line-height:30px !important;height: auto;}
.navbar-default {
    background-color: #044259 !important;
    border: none !important;
    
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: #044259;
    font-weight:bold;
}

.navbar-nav>li>a {
    padding-bottom: 10px !important;
}

.footer {
  bottom: 0;
  width: 100%;
  background-color: #e7e8e4;
  padding-top: 20px;
  padding-bottom: 20px;
}

.row {padding-top:40px;padding-bottom:40px;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border: none;
}

.footer a, .footer p {
  color: #044259;
}

.footer ul {list-style:none;color:#044259;text-align:left;}

.footer ul b {text-decoration:underline;}

.container .text-muted {
  margin: 20px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}
/*
Max content widths
*/
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}



/*
Main content
*/

#content article {
  margin-bottom: 40px;
}
#content header {
  margin: 20px 0;
}
#content section {
  margin-bottom: 20px;
}
#content footer {
  padding-bottom: 20px;
}

/*
Sidebar
*/

.sidebar {
  margin-top: 20px;
}
.sidebar section {
  margin-bottom: 40px;
}
.sidebar ul,
.sidebar ol {
  list-style-type: none;
  padding: 0;
}
.sidebar li {
  margin: 10px 0;
}

/*
Hide form placeholders on focus
*/

input:focus::-webkit-input-placeholder { color: transparent; }
input:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color: transparent; } /* FF 19+ */
textarea:focus::-webkit-input-placeholder { color: transparent; }
textarea:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color: transparent; } /* FF 19+ */ 

/*
Comments
*/

#respond {
  margin-top: 40px;
}
ol.commentlist {
	counter-reset: li; /* Initiate a counter */
	padding: 0;
}
ol.commentlist ul {
  padding: 0;
}
ol.commentlist > li {
	position: relative;
	margin: 0 0 20px 0;
	list-style: none;
}
ol.commentlist > li:before {
  content: "Thread " counter(li); /* Use the counter as content */
  counter-increment: li; /* Increment the counter by 1 */
  position:absolute;  
  top: 0;
  right: 0;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom-left-radius: 4px;
  padding: 5px 20px 5px 10px;
  color: #999;
}
ol.commentlist li ol,
ol.commentlist li ul {
  list-style-type: none;
  margin: 0;
}

.commentlist li li {
  background: #f8f8f8;
}
.commentlist li li li {
  background: #fff;
}
.commentlist li li li li {
  background: #f8f8f8;
}
.commentlist li li li li li li {
  background: #fff;
}
.commentlist li {
  padding: 20px;
}
.commentlist ul li {
  margin-top: 20px;
  margin-bottom: 0;
}
.reply p {
  margin: 0;
}

/*
Site footer
*/

.site-footer ul,
.site-footer ol {
  list-style-type: none;
  padding: 0;
}
.site-footer li {
  margin: 10px 0;
}
.site-sub-footer p {
  text-align: center;
}

.site-footer p {
  text-align: center;}


.jumbotron {background-color:inherit;color:white !important;}
.container-full-bg {width:100%;height:100%;max-width:100%;background-position: left;background-size:cover;}
.container-full-bg .container, .container-full-bg .container .jumbotron {height:100%;width:100%;}

.home .navbar {
    margin-bottom: 0px !important;
}

.btn-info {color: #fff !important;background-color: #000 !important;border-color: #000 !important;border-radius:0 !important;
}

.btn {
    display: inline-block;
    padding: 12px 22px;
    font-size: 22px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar {
 
    margin-bottom: 0px !important; 
	}


.cat-item {display:inline-block;border: 4px solid #044259;padding: 5px 15px 5px 15px;margin-bottom: 18px;}
.cat-item a {color:black !important;}

.well {
    padding: 20px;
    margin-bottom: 20px;
    background-color: #ffffff;
    border: 3px solid #000;
    border-radius: 0px;
    
}

a:hover {text-decoration:underline !important;}

.dropdown-menu {
    top: 100%;
   
    background-color: #e7e8e4;
 
    border: 0px solid #ccc;
    border: 0px solid rgba(0,0,0,.15);
    border-radius: 0px;
   
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #044259 !important;
    background-color: #ffffff;
}

.dropdown-menu>li>a {

    color: #044259 !important;
 
}



.dropdown-menu {
    box-shadow: none !important;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #044259 !important;
    background-color: #e7e8e4;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #044259 !important;
    background-color: #e7e8e4 !important;
}


.card{background-color: #fff;border: 1px solid #f90404;border-radius: 0px;}
.card > .card-link{ color: #333; }
.card > .card-link:hover{  text-decoration: none; }
.card > .card-link .card-img img{
    border-radius: 3px 3px 0 0;
    display: block;
    width: 100%;
    height: 250px;
    object-fit: contain;
    border-bottom: 2px solid #044259;
    }
.card .card-img{position: relative;padding: 0;}
.card .card-img .card-caption{
  position: absolute;
  right: 0;
  bottom: 16px;
  left: 0;
}




.card .card-body{ display: table; width: 100%; padding: 12px; }
.card .card-header{ border-radius: 6px 6px 0 0; padding: 8px; }
.card .card-footer{ border-radius: 0 0 6px 6px; padding: 8px; }
.card .card-left{ position: relative; float: left; padding: 0 0 8px 0; }
.card .card-right{ position: relative; float: left; padding: 8px 0 0 0; }
.card .card-body h1:first-child,
.card .card-body h2:first-child,
.card .card-body h3:first-child, 
.card .card-body h4:first-child,
.card .card-body .h1,
.card .card-body .h2,
.card .card-body .h3, 
.card .card-body .h4{ margin-top: 0; }
.card .card-body .heading{ display: block;  }
.card .card-body .heading:last-child{ margin-bottom: 0; }

.card .card-body .lead{ text-align: center; }

@media( min-width: 768px ){
  .card .card-left{ float: left; padding: 0 8px 0 0; }
  .card .card-right{ float: left; padding: 0 0 0 8px; }
    
  .card .card-4-8 .card-left{ width: 33.33333333%; }
  .card .card-4-8 .card-right{ width: 66.66666667%; }

  .card .card-5-7 .card-left{ width: 41.66666667%; }
  .card .card-5-7 .card-right{ width: 58.33333333%; }
  
  .card .card-6-6 .card-left{ width: 50%; }
  .card .card-6-6 .card-right{ width: 50%; }
  
  .card .card-7-5 .card-left{ width: 58.33333333%; }
  .card .card-7-5 .card-right{ width: 41.66666667%; }
  
  .card .card-8-4 .card-left{ width: 66.66666667%; }
  .card .card-8-4 .card-right{ width: 33.33333333%; }
}

/* -- default theme ------ */
.card-default{
  border-color: #044259 !IMPORTANT;
  background-color: #fff;
  margin-bottom: 24px;
  border: 2px solid;
  margin: 0px;
	margin-bottom:20px;
  /* box-shadow: 12px 12px #044259; */
}
.card-default > .card-header,
.card-default > .card-footer{ color: #333; background-color: #ddd; }
.card-default > .card-header{ border-bottom: 1px solid #ddd; padding: 8px; }
.card-default > .card-footer{ border-top: 1px solid #ddd; padding: 8px; }
.card-default > .card-body{  }
.card-default > .card-img:first-child img{ border-radius: 6px 6px 0 0; }
.card-default > .card-left{ padding-right: 4px; }
.card-default > .card-right{ padding-left: 4px; }
.card-default p:last-child{ margin-bottom: 0; }
.card-default .card-caption { color: #fff; text-align: center; text-transform: uppercase; }


.jumbotron .h1, .jumbotron h1 {
    text-shadow: 2px 2px 8px #000;line-height: 30vh;
}


.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #044259;
    color: #fff;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #044259;
	text-decoration:underline;
    color: #fff;
}


	.bg-image {min-height:75vh;background-size: cover;}
	.bg-teal {background-color: #044259;vertical-align:middle;min-height:75vh;}
	.bg-teal span { margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	}
	
	.bg-teal h1 {color: #e7e8e4;font-size:75px;}
	.bg-teal p {color: #e7e8e4;}
	.bg-teal .sub-font {font-size:32px;}
	.bg-grey {background-color: #e7e8e4;vertical-align:middle;min-height:75vh;}
	.bg-grey span { margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
	}
	
	.bg-grey h1 {color: #044259;font-size:75px;}
	
	.container-fluid {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
	
	@media only screen and (max-width: 992px) {
	.bg-teal {background-image:url('/wp-content/uploads/2020/09/DSC_0294-Copy.jpg');background-size:cover;}
	.bg-image {display:none;visibility:hidden;}}



.padding-image {
    margin-left: 60px;
    margin-right: 60px;
} 
	
.footer-title {font-family:'321impact';font-weight:normal;font-size:18px; color:red; text-align:right;}
.footer-text {font-size:22px;text-align:right; color:white;}
.menu-text {font-family:'321impact';font-weight:normal;font-size: 20px;color:red;}
.copyright-notice {color:white;}

.top-space {padding-bottom:30px;}
.intro-para {color:black; padding-top:10px;padding-bottom:10px; font-size:18px;} 

.overlay { 
  color:#fff;
  position:absolute;
  z-index:12;
  top:30%;
  left:0;
  width:100%;
  text-align:center;
}
.overlay-m { 
  color:#fff;
  position:absolute;
  z-index:12;
  top:20%;
  left:0;
  width:100%;
  text-align:center;
}
.overlay-s { 
  color:#fff;
  position:absolute;
  z-index:12;
  top:5%;
  left:0;
  width:100%;
  text-align:center;
}

.panel-food{border-color:red;margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}


.center-row > div {
  height:100%;
  width:50%;
  display: table-cell;
  border:0 solid #eee;
  color:#fff;
  vertical-align:middle;
}

.red-bg {background-color: rgba(4, 66, 89, 0.8);}
	
	.white-bg {background: 
   
    linear-gradient(
      rgba(255, 255, 255, 0.85), 
      rgba(255, 255, 255, 0.85)
    ),}
	
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.border-between > [class*='col-']:before {
 background: red;
 bottom: 0;
 content: " ";
 left: 0;
 position: absolute;
 width: 8px;
 top: 0;
}
.border-between > [class*='col-']:first-child:before {
 display: none;
}

a.black-button {color:white !important;border: 4px solid #000000;padding: 5px 15px 5px 15px;}
a.black-button:hover { background-color:black; text-decoration:none;}

a.intro-button {color:white !important;border: 4px solid #000000;padding:10px;background:black;display: inline-block;margin-bottom: 20px;}
a.intro-button:hover { background-color:black; text-decoration:none; border: 4px solid red;}

.bloc-text{overflow:hidden}
.bloc-text figure{position:absolute;right:0;bottom:-25%;z-index:1;width:40%;pointer-events:none}

@media only screen and (max-width:1023px){.bloc-text{position:relative;width:75%;margin:0 auto}.bloc-text figure{display:none}}@media only screen and (max-width:640px){.bloc-text{width:100%}

.dropdown-menu>li>a {

    color: #ffffff !important;
 
}

.rowpadding {background-color:red;}
.row {padding-left:10px;padding-right:10px;}

}

.fl-left{float:left;left:0}.fl-right{float:right;right:0;}
@media only screen and (max-width:1023px){.fl-left:not(.language-nav),.fl-right:not(.language-nav){float:none;}}

.front{position:absolute;top:0;z-index:10}.os-top{top:60px;margin-right: 60px;}@media only screen and (max-width:1180px){.os-top{top:40px}}.os-top-big{top:-80px}@media only screen and (max-width:1180px){.os-top-big{top:-50px}}.os-top-giant{top:-180px}@media only screen and (max-width:640px){.os-top-giant{top:-40px}}.os-bottom{bottom:-60px;z-index:1}@media only screen and (max-width:1180px){.os-bottom{bottom:-40px}}@media only screen and (max-width:1023px){.mobile-os-top{top:0;margin-top:-100px!important}}@media only screen and (max-width:640px){.mobile-os-top{margin-top:-30px!important}}@media only screen and (max-width:1023px){.mobile-os-bottom{position:absolute!important;margin-left:12.5%!important}}@media only screen and (max-width:640px){.mobile-os-bottom{margin-left:0!important}}article .btn{margin-top:40px}figure img{display:block;width:100%;pointer-events:none;height:auto;}@media only screen and (max-width:1023px){figure{width:100%!important}}@media only screen and (max-width:640px){figure{width:calc(100% + 30px)!important;margin-left:-15px}}.bloc-text{overflow:hidden}.bloc-text figure{position:absolute;right:0;bottom:-25%;z-index:1;width:40%;pointer-events:none}@media only screen and (max-width:1023px){.bloc-text{position:relative;width:75%;margin:0 auto}.bloc-text figure{display:none}}@media only screen and (max-width:640px){.bloc-text{width:100%}}

.article-text-inner{position:relative;z-index:10;width:47.21%;min-width:270px;margin:12% 0 12% 13%}

@media only screen and (max-width:1023px){.article-text-inner{width:auto;margin:10%}}@media only screen and (max-width:640px){.article-text-inner{min-width:0}}



.os-top1{top:-60px;margin-left: 60px;}@media only screen and (max-width:1180px)

{.os-top1{top: 0px;}}.os-top-big1{top:-80px}@media only screen and (max-width:1180px){.os-top-big1{top:-50px}}.os-top-giant1{top:-180px}@media only screen and (max-width:640px){.os-top-giant1{top:-40px}}




.special {
    background: none repeat scroll 0 0 RED;
    opacity: 0.85;
    margin: -120px 20px 12px;
    position: relative;
    padding:15px;
    height: auto;
    min-height: 200px;
    }

.special p {color:white; font-size:18px;}
.special h2 {color:white; font-size:24px; margin-top:0px;}

.menu-text-inner{position:relative;z-index:10;min-width:270px;margin:12% 8% 12% 8%;}

@media only screen and (max-width:1023px){.menu-text-inner{width:auto;margin:10%}}@media only screen and (max-width:640px){.menu-text-inner{min-width:0}}

@media (min-width:768px) {.navbar-right {margin-top:25px !important;} }

@media (max-width:768px) {.footer ul {padding-left:0px;}


.padding-image {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom:20px;
}

#portfolio {
    margin-bottom: 20px !important;
    margin-top: 20px !important;
}

#shop {margin-bottom:20px !important;}

.row {
    padding-top: 10px;
    padding-bottom: 10px;
}

.mobile-hide {display:none;}
}


.os-top-2{top:-60px;margin-left: 60px;}@media only screen and (max-width:1180px)

{.os-top-2{top: 0px;}}.os-top-big1{top:-80px}@media only screen and (max-width:1180px){.os-top-big1{top:-50px}}.os-top-giant1{top:-180px}@media only screen and (max-width:640px){.os-top-giant1{top:-40px}}

#intro-menu-h {
 
  display: table;
  height: 100px;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



#portfolio {
  background: url(/wp-content/uploads/2021/01/DSC_0276-web-e1609943312390.jpg) no-repeat center top fixed;
  display: table;
  height: 600px;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-bottom: 180px;
  margin-top: 60px;
}

#shop {
  background: url(/wp-content/uploads/2021/01/a3xue-83puw-e1610048007557.png) no-repeat bottom center fixed;
  display: table;
  height: 600px;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-bottom: 60px;
}



@media only screen and (max-width:1023px){#intro-menu-h, #intro-menu {
 
  display: table;
  height: 15px;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



#map {border:red thick solid;}