/*
 Theme Name:   Spiaggia
 Description:  Spiaggia Theme
 Author:       Maqs
 Author URI:   https://maqs.fr
 Template:     bootscore
 Version:      6.0.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 Text Domain:  Spiaggia
*/

/*
Orange2: #EF7E58
*/

/******************* General *******************/

html,
body {
  height: 100%;
  margin: 0;
}
body { font-family: "Jost-Regular", serif; font-size: 0.9rem; }
body strong { font-family: "Jost-Bold", serif; }
img { max-width: 100%; height: auto; }
h1 { font-family: "Danforth"; font-size: 2em; color: #EB5A37; }
h2 { font-size: 1.5em; text-align: center; color: #EB5A37; }
h3 { font-size: 1.5em; text-align: center; color: #EB5A37; }
.overlay { position: absolute; left: 15px; right: 15px; top: 0; bottom: 0; }
#page h1 { text-align: center; font-size: 5rem; }
a { color: #000; }
a:hover img { opacity: 0.8; }
a img,
a:hover img {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
a,
a:hover,
.home .home-block a .overlay,
.home .home-block a:hover .overlay,
.submit-container input,
.submit-container input:hover { 
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

::-moz-selection { /* Code for Firefox */
	background-color: #EB5A37;
}

::selection {
	background-color: #EB5A37;
}

.page-subtitle {  text-transform: uppercase; margin-bottom: 40px; font-size: 1.1rem; }
.container { padding: 0 10%; }

/******************* Header *******************/

.resa-sticky-head { background-color: #EB5A37; color:#fff; display: flex; flex: 1 1 auto; padding: 10px 0; }
.resa-sticky-head-container { text-align:center; }
.resa-sticky-head-container .sticky-head-social { color: #fff; }
.sticky-head-social { margin: 0 5px; }
.sticky-head-social:hover { color: #000; }
.resa-sticky-head-container div { display: inline-block; margin-right: 20px; }
.resa-sticky-head-container .home-call-to-action-link-white { background-color: #fff; text-decoration: none; padding: 5px 10px; display: inline-block; margin: 5px 0; color: #000; }
.resa-sticky-head-container .home-call-to-action-link-white:hover { color: #EB5A37; }


#masthead #nav-main { padding: 0; background-color: #fff; }
#masthead #offcanvas-navbar { margin-top: 25px; }
#masthead #nav-main #bootscore-navbar,
#masthead #nav-main #bootscore-navbar .menu-item { flex: 1 1 auto; }
#masthead #nav-main #bootscore-navbar .menu-item { text-align: center; font-weight: 200; text-transform: uppercase; }
#masthead #nav-main #bootscore-navbar .menu-item a { color: #000; }
#masthead #nav-main #bootscore-navbar .menu-item a:hover { color: #EB5A37; }

#masthead .header-actions { position: absolute; top: 50px; right: 20px; justify-content: end; }

/******************* Home *******************/

.home .video-teaser-container { margin-top: 60px; }
.home .owl-carousel .owl-item img { max-height: 600px; object-fit: cover; }
.home #page .owl-prev, .home #page .owl-next {
  position:absolute;
  color: #fff;
  font-size: 4rem;
}

.owl-prev {
    left:20px;
    top: 200px;
 }

 .owl-next {
    right:20px;
    top:200px;
 }
.home .home-page-content { margin: auto; margin-bottom: 80px; max-width: 80%; }
.home #page h1 { margin: 40px 0 20px 0; }

.call-to-action-orange { background-color: #EB5A37; text-decoration: none; padding: 5px 10px; display: inline-block; margin: 5px 0; color: #fff; border-radius: 5px; }
.call-to-action-orange:hover { background-color: #000; }

.home .home-block-section { background-color: #EB5A37; color: #fff; padding: 100px 0 100px 0;  }
.block-wave-separator img { width: 18%; display:block; margin: 50px auto; }
.home .home-block { width: 100%; }
.home .home-block-container { display: flex; justify-content: center; align-items: center; }
.home .home-block-container a { text-decoration: none; display: block; }
.home .home-block .side-parts-title { font-family: "Danforth"; color: #fff; font-size: 4rem; }
.home .home-block-text-container { align-items: center;  max-width: 70%; margin: auto; text-align: center; }
.home .home-block-text-container p { }
.home-call-to-action-link-white { background-color: #fff; text-decoration: none; padding: 10px 20px; display: inline-block; margin-top: 15px; border-radius: 5px; }
.home-call-to-action-link-white:hover { color: #EB5A37; }

.home .home-call-to-action { margin-top: 60px; margin-bottom: 40px; }
.home .home-call-to-action .home-call-to-action-link { display: inline-block; margin-top: 30px; padding: 10px 20px; background-color: #EB5A37; color: #fff; text-decoration: none; text-transform: uppercase; }
.home .home-call-to-action .home-call-to-action-link:hover { background-color: #000; }
.home .home-subtitle { font-family: "Danforth"; font-size: 2.5rem; }

.home #footer { margin-top: 0 !important; }

/******************* Content *******************/

.banner-container { position: relative; margin-bottom: 60px; }
.banner-container img { max-height: 600px; object-fit: cover; }
.banner-container h1 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; align-content: center; background-color: rgba(255, 255, 255, 0.7); margin:0; padding:0; }

#page .content-model-page-content { padding-top: 200px; }
#page .content-model-page-content .page-subtitle { margin-top: 100px; }
#page .page-content-desc { margin-top: 40px; }

/******************* Restaurant *******************/

.page-template-restaurant .menu-separator { max-width: 40%; display: block; margin: auto; }
.page-template-restaurant .menu-title { font-family: "Danforth"; font-size: 3rem; margin-top: 40px; margin-bottom: 0; }
.page-template-restaurant .menu-title-child span { font-family: "Jost-Regular"; font-size: 1rem; }
.page-template-restaurant .menu-subtitle { font-family: "Jost-Bold"; color: #EB5A37; text-align: center; font-size: 1rem; }
.page-template-restaurant .menu-subtitle-child { color: #000; }
.page-template-restaurant .dish-item { margin: 10px 0; }
.page-template-restaurant .dish-item-text-title { text-transform: uppercase; }
.page-template-restaurant .dish-item.odd .dish-item-text-title,
.page-template-restaurant .dish-item-child .dish-item-text-title { color: #EB5A37; }
.page-template-restaurant .dish-item .dish-item-text-title { font-family: "Jost-Bold"; }
.page-template-restaurant .dish-item .dish-item-text-desc { font-style: italic; }
.page-template-restaurant .dish-item .dish-item-price { text-align: right; }
.page-template-restaurant .child-menu-section { border: 2px solid #EB5A37; padding: 40px; margin-top: 40px; }
.page-template-restaurant .child-menu-section .menu-title { margin-top: 0; }
.page-template-restaurant .antipasti-section>.dish-item:nth-child(15) { text-transform: capitalize; font-style: italic; margin-top: 20px; }
.page-template-restaurant .antipasti-section>.dish-item:nth-child(15) .dish-item-text-title { text-transform: capitalize; font-style: italic; }
.page-template-restaurant .drink-menu-link { background-color: #EB5A37; color: #fff; text-decoration: none; border-radius: 5px; padding: 5px 10px; display: inline-block; }
.page-template-restaurant .drink-menu-link:hover { color: #000; }
.page-template-restaurant .menu-legal-infos { color: #EB5A37; margin-top: 20px; }

/******************* Beach *******************/

.page-template-beach .beach-page-content { margin: auto; margin-bottom: 80px; max-width: 80%; }
/*.page-template-beach #page h1 { font-size: 2.5rem; }*/
.page-template-beach .beach-fees { font-family: "Danforth"; margin-bottom: 80px; color: #fff; font-size: 3.5rem; }
.page-template-beach .fee-infos { margin-top: 80px; }

.call-to-action-orange { background-color: #EB5A37; text-decoration: none; padding: 5px 10px; display: inline-block; margin: 5px 0; color: #fff; }
.call-to-action-orange:hover { background-color: #000; }

.page-template-beach .beach-block-section { background-color: #EB5A37; color: #fff; padding: 100px 0 100px 0;  }
.block-wave-separator img { width: 18%; display:block; margin: 50px auto; }
.page-template-beach .beach-block { width: 100%; }
.page-template-beach .beach-block-container { display: flex; justify-content: center; align-items: center; }
.page-template-beach .beach-block-container a { text-decoration: none; display: block; }
.page-template-beach .beach-block .side-parts-title { font-family: "Danforth"; color: #fff; font-size: 2rem; }
.page-template-beach .beach-block-text-container { align-items: center;  max-width: 70%; margin: auto; text-align: center; }
.page-template-beach .beach-block-text-container > div { width: 100%; }
.page-template-beach .beach-block-text-container p { }
.beach-call-to-action-link-white { background-color: #fff; text-decoration: none; padding: 10px 20px; display: inline-block; margin-top: 15px; border-radius: 5px; }
.beach-call-to-action-link-white:hover { color: #EB5A37; }

.page-template-beach .beach-call-to-action { margin-top: 60px; margin-bottom: 40px; }
.page-template-beach .beach-call-to-action .beach-call-to-action-link { display: inline-block; margin-top: 30px; padding: 10px 20px; background-color: #EB5A37; color: #fff; text-decoration: none; text-transform: uppercase; }
.page-template-beach .beach-call-to-action .beach-call-to-action-link:hover { background-color: #000; }

.page-template-beach .resa-subtitle { font-family: "Danforth"; font-size: 2rem; }


/******************* Contact *******************/

.submit-container input { background-color: #EB5A37; color: #fff; padding: 10px 20px; border: none; border-radius: 5px; }
.submit-container input:hover { background-color: #fff; color: #EB5A37; }

/******************* Footer *******************/

#footer { background-color: #EB5A37; padding: 60px 0 40px; font-size: 12px; }
#footer,
#footer a,
#footer h3 { color: #fff; }
#footer .footer-slogan { text-align: left; font-size: 2rem; text-transform: uppercase; margin-bottom: 50px; }
#footer .footer-links ul { list-style: none; padding-left:0; margin-bottom: 0; font-size: 1rem; }
#footer .footer-links ul li a { text-decoration: none; }
#footer .footer-links ul li a:hover { text-decoration: underline; }
#footer .footer-links ul li a img { vertical-align: sub; }
#footer #site-footer-left-menu ul li:nth-child(1) { display: inline-block; padding: 10px 20px; background-color: #fff; text-decoration: none; margin-bottom: 20px; border-radius: 5px; }
#footer #site-footer-left-menu ul li:nth-child(1) a { color: #EB5A37; }
#footer #site-footer-left-menu ul li:nth-child(1) a:hover { text-decoration: none; }
#footer .footer-contact-title { font-size: 1.3rem; font-family: "Jost-Bold"; margin-bottom: 10px; }
#footer #site-footer-right-menu li,
#footer .footer-address { margin: 5px 0; font-size: 0.9rem; }
#footer #site-footer-right-menu i,
#footer .footer-address i { font-size: 0.6rem; background-color: #fff; color: #EB5A37; padding: 5px; border-radius: 50%; margin-right: 5px; }

#footer .footer-bottom-containers,
#footer .footer-bottom-containers #site-footer-socials-menu { display: flex; flex: 1 1 auto; justify-content: center; align-items: center; }
#footer .footer-bottom-containers #site-footer-socials-menu .footer-copyright,
#footer .footer-bottom-containers #site-footer-socials-menu .footer-socials { margin: 0 10px; }
#footer .footer-bottom-containers #site-footer-socials-menu .footer-copyright,
#footer .footer-bottom-containers .legal-link { font-size: 1rem; text-decoration: none; }
#footer .footer-bottom-containers .legal-link:hover { text-decoration: underline; }
#footer .footer-bottom-containers #site-footer-socials-menu .footer-socials i { font-size: 1.3rem; }
#footer .footer-links .footer-socials { font-size: 2em; }
#footer .footer-links .footer-socials:nth-child(2) { margin-left: 5px; }
#footer .footer-links .footer-socials:hover { color: #000; }
#footer p { text-align: left; }
.home #footer,
.page-template #footer { display: block; }
#footer .footer-infos { padding-top: 15px; }

.signature-container { border-top: 0.5px solid #fff; margin: 10px 0 20px 0; padding-top: 20px; }


/******************* Responsive *******************/

@media (max-width: 767px) {

	#masthead #offcanvas-navbar { margin-top: 0; }

	.container { padding: 0 30px; }
	#page h1 { font-size: 3rem; }

	.home #page h1 { font-size: 2.5rem; }

	.page-template-beach #page h1 { font-size: 1.5rem; }

	.page-template-restaurant .menu-title { font-size: 2rem; }

	.footer-left-infos-container { margin-bottom: 40px; }
	.legal-link { margin: 20px 0 40px 0; }

}