@import url("https://fonts.googleapis.com/css2?family=Tangerine:wght@700&display=swap"); @media only screen and (max-width: 499px) { 
.wppopups-whole .spu-content .col-md-6:first-of-type {    
padding: 0px 15px 0 15px !important;
height: 150px;
overflow: hidden;
}
.wppopups-whole .spu-content .col-md-6:first-of-type img {
margin-top: -80px;
}
} .tangerine-bold {
font-family: "Tangerine", cursive;
font-weight: 700;
font-style: normal;
color: #e5ab00;
}
.tangerine-bold.font-size-1 {
font-size: 42px;
}
.tangerine-bold.font-size-2 {
font-size: 2.7em;
}
.menu-noel .modal-menu h3:after {
background-image: url(https://www.restaurant-llorca.fr/wp-content/uploads/sites/2/2025/12/LL_lorca_fetes.png);
}
.menu-noel a.porto-btn.btll {
background-color: #e5ab00 !important;
}
.menu-noel .modal-menu h4 {
color: #e5ab00 !important;
font-family: "Tangerine", cursive;
text-transform: none;
font-size: 2.1em;
}
.menu-noel .modal-menu h4:after {   
background-color: #e5ab00;
}
@media only screen and (max-width: 499px) { 
.list-popup-menu ul li em:first-of-type {
display: none;
}
.list-popup-menu ul li em:nth-of-type(2) {
}
.tangerine-bold.font-size-2 {
font-size: 2.3em;
}
.menu-noel .modal-menu h4 {   
font-size: 2em;
}
} .hide-desktop {
display: none;
}
.show-admin {
display: none !important;
}
.logged-in .show-admin {
display: flex !important;
}
.rounded img {
border-radius: 50%;
}
@media (min-width: 1270px) {
.container, .container-sm, .container-md, .container-lg, .container-xl {
max-width: 1240px;
}
}
@media (min-width: 1370px) {
.container, .container-sm, .container-md, .container-lg, .container-xl {
max-width: 1340px;
}
}
@media (min-width: 1470px) {
.container, .container-sm, .container-md, .container-lg, .container-xl {
max-width: 1440px;
}
} .header-wrapper {    
position: absolute;
z-index: 9999;
min-width: 100%;
}
#header .logo {   
text-align: center !important;
display: inline-block;
margin: 0 auto;
}
#header .logo .standard-logo, #header .logo .sticky-logo {
width: 150px;
}
#header .porto-wrap-container {
padding-left: 35px;
padding-right: 35px;
}
#header .mobile-toggle { }
#header .top-links {
white-space: nowrap;
width: 295px;
}
#header.sticky-header .top-links {    
width: 265px;
}
.blog-3 #header.sticky-header .top-links {    
width: 135px;
}
ul#menu-menu-langues-fr, ul#menu-menu-langues-en {   
margin-left: 10px;
padding-top: 8px;
letter-spacing: 2px;
font-size: 300;
}
.sticky-header ul#menu-menu-langues-fr > li.menu-item > a, .sticky-header ul#menu-menu-langues-en > li.menu-item > a,
.sticky-header ul#menu-menu-langues-fr > li.menu-item > a:hover, .sticky-header ul#menu-menu-langues-en > li.menu-item > a:hover 
{ 
color:#454242;     
}
#header .porto-btn-data.porto-btn-text {
color:#fff;
}
#header .porto-btn:hover > .porto-btn-data.porto-btn-text {
color:#111;
}
#header .porto-btn-data.porto-btn-text:hover {
color:#111;
} #header a.mobile-toggle {    
height: 40px;
min-width: 40px;
background-image: url(//www.alainllorca.com/wp-content/themes/alain-llorca/img/toggle.png);
background-repeat: no-repeat;
background-color:transparent;
}
#header.sticky-header a.mobile-toggle {     
background-image: url(//www.alainllorca.com/wp-content/themes/alain-llorca/img/toggle-sticky.png);
}
#header  a.mobile-toggle i {
display: none;
} #header.sticky-header  .mobile-toggle {    
color: #111111;
}
#header.sticky-header .header-main.change-logo .logo img {
transform: scale(1.2);
}
#header.sticky-header .porto-btn {
color: #111111 !important;
border: 1px solid #111111 !important;
}
#header.sticky-header .porto-btn:hover {
color: #fff !important;
}
#header.sticky-header .porto-btn-data.porto-btn-text {
color:#111;
}
#header.sticky-header .porto-btn:hover > .porto-btn-data.porto-btn-text {
color:#fff;
}
#header.sticky-header .porto-btn-data.porto-btn-text:hover {
color:#fff;
}
#header.sticky-header .porto-btn .porto-btn-hover {
background-color: #111111 !important;     
} #header .header-main .container { min-height: 0 !important; }
#header.sticky-header .header-main { padding: 10px 0 !important; }
.header-builder p { margin-bottom: 0; }
.header-builder .share-links { margin-right: -10px !important; }
#header .share-links a { margin: 0 4px; }
#header .searchform-popup { margin-top: 6px; margin-right: 1.3rem; }
#header .searchform-popup .search-toggle:hover { color: #222529; }
#header .view-switcher > li.menu-item > a, .porto-view-switcher .narrow li.menu-item > a { text-transform: uppercase; }
#header .main-menu { margin-right: 1.7rem; }
#mini-cart.minicart-arrow-alt .cart-head:after { margin-left: 13px; }
.search-toggle i::before { content: "\e884"; font-family: "porto"; }
.searchform-popup .button-wrap i::before { content: "\e884"; font-family: "porto"; font-weight: 600; font-size: 16px; }
.no-flag li.menu-item>a>[class*="flag-"] { display: none; }
.flex-none { flex: none; max-width: none; width: auto; }
.custom-text-color { color: #777; }
.custom-text-color:hover { color: #3467ef; }
#header .mobile-toggle { display: inline; text-align: left; } .header-main {
overflow: visible !important;
} .booking-dropdown {
background-color:transparent;    
min-width: 180px;
padding: 0;
border: 1px solid #fff !important;
text-align: center;
position: relative;
transition: all 0.3s;
}
.booking-dropdown:hover {
cursor: pointer;
}
@media screen and (min-width: 1200px) {
.booking-dropdown:before {
content: 'Réserver au meilleur prix';
position: absolute;
left: -105%;
color: #fff;
padding: 6px 20px 0 0;
z-index: 999;
text-transform: uppercase;
font-size: 0.90em;
font-family: Oswald, sans-serif;
font-weight: 300;
}
html[lang="en-GB"] .booking-dropdown:before {
content: 'Book at the best price' !important;
left: -80%;
}
.sticky-header .booking-dropdown:before {
color: #333;
}
}
.booking-dropdown button {
background-color: transparent;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
font-family: Roboto,sans-serif;
font-family: Oswald, sans-serif;
font-weight: 300;
font-size: 14px;    
padding: 4px 8px;   
border: 0; 
transition: all 0.3s;    
}  
.dropdown {
position: relative;
display: inline-block;
}  
.dropdown-content {
display: none;
opacity: 0;
position: absolute;
background-color: #ffffff;
border: 1px solid #fff;
min-width: 200px;   
z-index: 1;
margin-left: -1px;
transition: all 0.3s;
}
.dropdown-content a {
color: #2f2f2f;
background-color: #fff;
padding: 8px 16px;
text-decoration: none;
display: block;
text-transform: uppercase;
font-size: 13px;
font-weight: 300;
letter-spacing: 1px;
transition: all 0.3s;
font-family: Oswald, sans-serif;
}  
.dropdown-content a:hover {
background-color: #f5f4f4;
color: #111;
}    
.booking-dropdown:hover .dropdown-content {
display: block; 
opacity: 1;
}    
.booking-dropdown:hover {
background-color: #fff;
}
.booking-dropdown:hover .bookingbtn {   
color: #111;
}
a.porto-btn.porto-btn-large.btll.btll-gift {
margin-top: 5px;
width: 160px;
min-width: 160px;
margin-top: 14px;
font-family: Oswald, sans-serif;
font-weight: 300;
font-size: 13px;
line-height: 15px;
background: transparent !important;
background-color: none !important;
border: 1px solid #fff !important;
}
.porto-btn-left-bg.btll.btll-gift .porto-btn-hover {    
background: #ffffff !important;
} .sticky-header .booking-dropdown {    
border: 1px solid #111 !important;
}
.sticky-header .booking-dropdown button {    
color: #111;
}
.sticky-header .dropdown-content {
border: 1px solid #111;
} div#calendarModal {
z-index: 91000 !important;
} html.panel-opened .page-wrapper, html.panel-opened #header.sticky-header .header-main.sticky, html.sidebar-opened #header.sticky-header .header-main.sticky, .filter-sidebar-opened #header.sticky-header .header-main.sticky {
left: 0px;
}
#side-nav-panel .mobile-logo {
display: none;
}
#side-nav-panel .side-nav-panel-close {
}
#side-nav-panel {    
height: 100%;
width: 100%;
padding-top: 0px;
top: 0;
bottom: 0;
font-size: 0.9em;
left: -100% !important;
overflow-x: hidden;
overflow-y: auto;
z-index: 9001;       
-webkit-overflow-scrolling: touch; transition: all .75s ease-in 0.5s !important;
opacity: 0;
}
html.panel-opened #side-nav-panel {
width: 100%;
left: 0 !important;
transform: translateX(0);
opacity: 1;
transition: all .55s ease-out 0s !important;
}
#side-nav-panel .side-nav-panel-close {
display: block;
color: #000;
position: absolute;
top: 10px;
right: 14.5px;
text-align: center;
text-decoration: none;
padding: 4px 8px;
line-height: 1em;
font-size: 60px;
}
.panel-content {
background-color: #272B2F;
color: #fff;
padding: 0px;    
min-height: 450px; overflow: hidden;
position: relative; opacity: 0;
}
html.panel-opened #side-nav-panel .panel-content {
opacity: 1;
}
.panel-content-nav {
position: absolute;
padding: 30px;
z-index: 99999999;
top: 0;
left: 0;
}
.panel-content img {
width: -webkit-calc(100% + 50px)!important;
width: calc(100% + 50px)!important;
max-width: -webkit-calc(100% + 50px)!important;
max-width: calc(100% + 50px)!important;
-webkit-transition: opacity .35s,-webkit-transform .35s;
transition: opacity .35s,-webkit-transform .35s;
transition: opacity .35s,transform .35s;
transition: opacity .35s,transform .35s,-webkit-transform .35s;
-webkit-transform: translate3d(-40px,0,0);
transform: translate3d(-40px,0,0);
}
.panel-content:hover > img {
-webkit-transition-delay: .05s;
transition-delay: .05s;
-webkit-transition-duration: .95s !important;
transition-duration: .95s !important;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-transition-delay: .05s;
transition-delay: .05s;
-webkit-transition-duration: .35s;
transition-duration: .35s;
opacity: 0.8;
}
.panel-content-restaurant { 
transition: all .65s ease-in 0.3s !important;
}
.panel-content-chef {
transition: all .65s ease-in 0.5s !important;
}
.panel-content-hotel {
transition: all .65s ease-in 0.7s !important;
}
.panel-content h4 {
color: #fff;
text-transform: uppercase;
letter-spacing: 0px;
font-size: 30px;
margin-bottom: 20px;
display: inline-block;
}
.panel-content h4.michelin {
padding-right: 30px;
background-image: url(https://www.restaurant-llorca.fr/wp-content/uploads/sites/2/2022/06/michelin-star-red.png);
background-repeat: no-repeat;
background-position: right center;
}
.panel-content h4.fourstars {
padding-right: 85px;
background-image: url(https://www.restaurant-llorca.fr/wp-content/uploads/sites/2/2022/05/4-stars.png);
background-repeat: no-repeat;
background-position: right center;
}
.panel-content h4 a {
color: #fff;
text-shadow: 0px 0px 15px rgb(0 0 0 / 30%);
}
.panel-content:hover ul {
opacity:1;
margin: 0px 0 0 0;
}
.panel-content ul { 
opacity:0;   
font-family: Oswald,sans-serif;
font-weight: 300;
font-size: 24px;
list-style: none;
text-transform: uppercase;
transition: all 0.65s ease-in !important;
margin: 50px 0 0 0;
padding: 0;
}
.panel-content ul li {
margin: 25px 0;
}
.panel-content ul li.menu-item a {
color:#fff;
}
.vertical-center {
min-height: 100%; min-height: 100vh; display: flex;
align-items: center;
}
#side-nav-panel img.sticky-logo {
max-width: 180px;
margin-bottom: 10px;
}
a.panel-book .btn-hover {
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
background: transparent;
z-index: 2;
transition: all 0.3s;
}
a.panel-book {    
border: 1px solid;
text-transform: uppercase;
min-width: 220px;
padding: 12px 42px;  
letter-spacing: 1px;
font-size: 12px;
}
.side-panel-footer {
margin-top: 50px;
letter-spacing: 1px;
color: #242323;
font-family: Oswald,sans-serif;
font-size: 1.2em;
}
.side-panel-footer a {   
color: #242323;
}
.side-panel-footer a:hover {   
color: #000;
}
.side-panel-footer i {
margin-left: 20px;
} .revolution-header {
text-align: center;
}
.revolution-header h1 {
text-transform: uppercase;
margin: 40px 0 0 0 !important;    
text-shadow: 0px 0px 15px rgb(0 0 0 / 40%);
text-align: center !important;
}
.revolution-header h2 {   
color: #fff;
font-weight: 300;
text-align: center !important;
text-transform: none !important;
font-size: 35px;
margin: 30px 0 0 0;    
text-shadow: 0px 0px 10px rgb(0 0 0 / 40%);
} .ult-new-ib {
background-color: #fff !important;
}
.ult-ib-effect-style1 h3.ult-new-ib-title {
position: absolute;
bottom: 20px;
left: 30px;
transform: unset !important;
font-size: 25px;
text-transform: uppercase;
font-weight: 300 !important;
letter-spacing: 0px;
-webkit-transition: -webkit-transform .95s;
transition: -webkit-transform .95s;
transition: transform .95s;
transition: transform .95s,-webkit-transform .95s !important;
transition-duration: .95s !important;
text-shadow: 0px 0px 5px rgb(0 0 0 / 40%);
}
.ult-ib-effect-style1.popup-menu h3.ult-new-ib-title
{
position: absolute;
bottom: unset !important;
left: 0;
text-align: center;
width: 100%;
display: block;
font-size: 24px;
padding: 0 25px;
text-shadow: 0px 0px 6px rgb(0 0 0 / 80%);
transform: translateY(-50%) !important;
top: 50% !important;
}
.popup-menu h3.ult-new-ib-title:after {
opacity: 0.15 !important;
}
.ult-ib-effect-style1:hover .ult-new-ib-content, .ult-ib-effect-style1:hover .ult-new-ib-title, .ult-ib-effect-style1:hover img {
-webkit-transition-delay: .05s;
transition-delay: .05s;
-webkit-transition-duration: .95s !important;
transition-duration: .95s !important;
}
.ult-ib-effect-style1 .ult-new-ib-content, .ult-ib-effect-style1:hover .ult-new-ib-content {
margin-top: 0px;
opacity: 1;
text-align: center;
bottom: 10px;
position: absolute;
width: 100%;
left: 0;
transform: none !important;
font-size: 1.3em;
font-family: Oswald, sans-serif;
font-weight: 300 !important;
color: #c6b898;
} .list-popup-menu h3 {
color: #6F9AAD !important;
text-transform: uppercase;
font-family: Oswald, sans-serif;
font-weight: 300;
font-size: 25px;
line-height: 28px;
margin-bottom: 60px;
letter-spacing: 0.3px;
}
.list-popup-menu ul li:before {
content: ' ';
display: block;
width: 10px;
height: 10px;
position: absolute;
left: -25px;
background-color: #ede8e2;
top: 22px;
transition: all 0.45s ease-out;
}
.list-popup-menu ul li {
font-family: Oswald, sans-serif;
font-weight: 300;
font-size: 25px;
line-height: 45px;
color: #454242;
list-style: none;
position: relative;
transition: all 0.45s ease-out;
}
.list-popup-menu ul li:hover {
padding-left: 10px;
}
.list-popup-menu ul li:hover:after {
width: 20px;
}
.list-popup-menu ul li em { 
font-style: normal;
font-size: 0.7em;
color: #9d9d87;
padding-left: 10px;
} .popup-menu h3.ult-new-ib-title:after,
.popup-menu1 h3.ult-new-ib-title:after,
.popup-menu2 h3.ult-new-ib-title:after,
.popup-menu3 h3.ult-new-ib-title:after,
.popup-menu4 h3.ult-new-ib-title:after,
.popup-menu5 h3.ult-new-ib-title:after,
.popup-menu6 h3.ult-new-ib-title:after,
.popup-menu-noel h3.ult-new-ib-title:after,
.popup-menu-sylvestre h3.ult-new-ib-title:after,
.popup-menu-an h3.ult-new-ib-title:after
{
content: '';
display: block;
width: 50px;
height: 220px;
background-image: url(https://www.restaurant-llorca.fr/wp-content/uploads/sites/2/2022/05/ll_beige.png);
background-size: cover;
position: absolute;
top: -80px;
left: 50%;
transform: translate(-50%, 0);
opacity: 0.4;
}
.ult-ib-effect-style1.popup-menu h3.ult-new-ib-title,
.ult-ib-effect-style1.popup-menu1 h3.ult-new-ib-title,
.ult-ib-effect-style1.popup-menu2 h3.ult-new-ib-title,
.ult-ib-effect-style1.popup-menu3 h3.ult-new-ib-title,
.ult-ib-effect-style1.popup-menu4 h3.ult-new-ib-title,
.ult-ib-effect-style1.popup-menu5 h3.ult-new-ib-title,
.ult-ib-effect-style1.popup-menu6 h3.ult-new-ib-title,
.ult-ib-effect-style1.popup-menu-noel h3.ult-new-ib-title,
.ult-ib-effect-style1.popup-menu-sylvestre h3.ult-new-ib-title,
.ult-ib-effect-style1.popup-menu-an h3.ult-new-ib-title
{
position: absolute;
bottom: 40%;
left: 0;
text-align: center;
width: 100%;
display: block;
font-size: 24px;
padding: 0 25px;
text-shadow: 0px 0px 6px rgb(0 0 0 / 80%);;
}
.ult-ib-effect-style1.popup-menu .ult-new-ib-desc,
.ult-ib-effect-style1.popup-menu1 .ult-new-ib-desc,
.ult-ib-effect-style1.popup-menu2 .ult-new-ib-desc,
.ult-ib-effect-style1.popup-menu3 .ult-new-ib-desc,
.ult-ib-effect-style1.popup-menu4 .ult-new-ib-desc,
.ult-ib-effect-style1.popup-menu5 .ult-new-ib-desc,
.ult-ib-effect-style1.popup-menu6 .ult-new-ib-desc,
.ult-ib-effect-style1.popup-menu-noel .ult-new-ib-desc,
.ult-ib-effect-style1.popup-menu-sylvestre .ult-new-ib-desc,
.ult-ib-effect-style1.popup-menu-an .ult-new-ib-desc
{
top: auto;
bottom: 0;
min-height: 100%;
height: auto;
max-height: 100%;
text-align: left;
}  .no-breadcrumbs .main-content {
padding-top: 0px;
}
.vc_row.wpb_row {
margin-bottom: 70px;
}
html #topcontrol {    
background: #6F9AAD;
bottom: 10px !important;
right: 25px !important;
}
hr.hrll {
background-color: #e2d9c7; width: 2px;
height: 70px;
margin: 0 auto;
padding: 0;
text-align: center;
}
.heading-capsules .porto-u-sub-heading {
color: #B34B48;
} .split-restaurant, .split-hotel, .full-split {
min-height: 100vh;
background-color: #000;
}
.full-split:hover > .vc_column_container.section {
}
.split-restaurant .wpb_wrapper.vc_column-inner:after {
display: block;
content:'';
width: 100%;
height:100%;
position: absolute;
z-index: 9999;
top: 0;
left: 0;
background-image: url(https://www.restaurant-llorca.fr/wp-content/uploads/sites/2/2022/05/web_portrait_O0A6922-HDR.jpg);
background-size: cover;
transition: all 0.45s ease-out;
opacity: 0.8;
}
.split-hotel .wpb_wrapper.vc_column-inner:after {
display: block;
content:'';
width: 100%;
height:100%;
position: absolute;
z-index: 9999;
top: 0;
left: 0;
background-image: url(https://www.alainllorca.com/wp-content/uploads/2022/05/web_portait_O0A1468.jpg);
background-size: cover;
transition: all 0.45s ease-out;
opacity: 0.8;
}
.split-restaurant:hover > .wpb_wrapper.vc_column-inner:after {
opacity: 0.7;
width: 101%;
height:101%;
}
.split-hotel:hover > .wpb_wrapper.vc_column-inner:after {
opacity: 0.7;
width: 101%;
height: 101%;
}
.main-btll-homepage {
position: relative;
z-index: 99999;
} .main-homepage {
position: relative;
z-index: 99999;
} @media (max-width: 768px) {
.main-homepage {  
margin-top: 150px;
}
}
#home-menu {
position: relative;
z-index: 999999999;
margin-top: 100px;
}
#home-menu .menu-menu-footer-fr-container, #home-menu .menu-menu-footer-en-container   {
text-align: center;
}
ul#menu-menu-footer-fr {
display: inline-block;
text-align: center;
margin: 0 auto;
border: 0;
}
#home-menu ul li {
display: inline-block !important;
text-align: center;
color: #fff;
border: 0;
padding: 0;
}
#home-menu ul li:before {  
display: none !important;
}
#home-menu ul li a {   
display: inline-block !important;
text-align: center;
color: #fff;
font-family: Oswald, sans-serif;
font-weight: 300;
font-size: 1.2em;
line-height: 42px;   
margin: 0 15px;
text-transform: uppercase;
}
.home-moulin {
position: relative;
z-index: 999999;
color: #fff !important;
text-align: center;
display: inline-block !important;
text-align: center;
color: #fff;
font-family: Oswald, sans-serif;
font-weight: 300;
font-size: 1.30em;
line-height: 35px;
margin: 0 15px;    
}
.home-moulin a {
color: #fff !important;
}
.home-moulin strong {
color:#febb53;
font-weight: 300;
font-size: 0.7em;
display: inline-block;    
} h2 {
text-transform: uppercase;
line-height: 42px !important;
}
.porto-u-sub-heading {
font-family: Oswald,sans-serif;
font-weight: 400;
color: #B34B48;
letter-spacing: 2px;
font-size: 19px;
position: relative;
}
.porto-u-sub-heading:first-letter, .with-ll .porto-u-sub-heading:first-letter {
text-transform: capitalize;
}
.with-ll .porto-u-sub-heading {  
margin-top: 80px; 
color: #6F9AAD;    
} .with-ll .porto-u-sub-heading::before {
content: "";
display: block;
background-repeat: no-repeat;
margin: 0 auto;
text-align: center;
position: absolute;
top: -80px;
left: 50%;
transform: translateX(-50%);
height: 70px;
width: 2px;
margin-bottom: -200px;
}
.page-top h1.page-title  {
color: #ffffff;    
font-family: Oswald,sans-serif;
font-weight: 400;
font-size: 70px;
line-height: 70px;
letter-spacing: 0;
color: #fff7f7;
text-transform: uppercase;
text-shadow: 0px 0px 10px rgb(0 0 0 / 55%);
}
.page-top h2.page-sub-title, .main-homepage h2.page-sub-title {
color: #ffffff;
margin: 0 0 0 0;
opacity: 1;
text-transform: none;
font-size: 30px;
text-shadow: 0px 0px 8px rgb(0 0 0 / 50%);
}
.page-top h2.page-sub-title:after,  .main-homepage h2.page-sub-title:after {
position: absolute;   
left: 50%;
top:160px;
width: 2px;
height: 0px;
background: #fff;
content: '';
-webkit-transform: translate(-50%,100%);
transform: translate(-50%,100%);    
-webkit-animation: llo 2.0s ease-in-out .6s infinite;
animation: llo 2.0s ease-in-out .6s infinite;
}
.main-homepage h2.page-sub-title:after {
top:60px; 
margin-top: 160px;  
}
.main-homepage h3 {
margin-bottom: 80px;
}
@keyframes llo {
from {   
top:160px;         
}
50% {
top:80px;        
height:80px;
}
to {
top:250px;        
height:0px;
}
}
blockquote {
border-left: 0px solid #B34B48;
margin: 40px 0;
padding: 0.5rem 1rem;
font-size: 30px;
font-family: Oswald,sans-serif; letter-spacing: 0;
font-weight: 300 !important;
line-height: 45px;
color: #454242;
position: relative;
z-index: 9;
max-width: 80%;
margin: auto;
}
blockquote::before {
font-size: 200px;
color: #e2d9c7;
display: inline-block;   
content: "“";
position: absolute;
z-index: -1;
top: 10px;   
transform: rotate(-25deg);
margin: 0 auto;
left: 50%;
transform: translate(-50%, 0px);
}
blockquote.left::before {
font-size: 200px;
color: #e2d9c7;
display: inline-block;
content: "“";
position: absolute;
z-index: -1;
top: 70px; margin: 0 auto;
left: -30px; } .info-wrapper.porto-adjust-bottom-margin, .porto-btn-ctn-center, .porto-btn-ctn-left, .porto-btn-ctn-right, .porto-map-wrapper.porto-adjust-bottom-margin, .porto-u-list-icon-wrapper.porto-adjust-bottom-margin {
margin-bottom: 5px !important;
}
.btll a {
min-width: 220px;
padding: 12px 42px;
text-transform: uppercase;
letter-spacing: 1px;
}
.btll.btll-xl {
font-size: 22px !important;
}
a.porto-btn.porto-btn-large {
min-width: 230px;
}
.btll-withborder a {
border:1px solid #454242 !important;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.header-builder-p .porto-btn-ctn-right.btll.btll-header.btll-withborder {
margin-top: 15px;
min-width: 250px;
}
.btll-header.btll-withborder a, .btll-capsule.btll-withborder a {
border:1px solid #fff !important;
} .vc_images_carousel .vc_carousel-indicators {
bottom: -35px !important;
}
.vc_images_carousel .vc_carousel-indicators {
position: absolute;
bottom: 10px;
left:0 !important;    
z-index: 15;
width: 100% !important;
margin-left: 0% !important;
padding-left: 0;
list-style: none;
text-align: right !important;
}
.vc_images_carousel .vc_carousel-indicators li {
display: inline-block;
width: 50px !important;
height: 4px !important;
margin: 5px !important;
text-indent: -999px;
border-radius: 0px !important;
cursor: pointer;
border: 0px solid #eaeaea !important;
background-color: #eaeaea !important;
}
.vc_images_carousel .vc_carousel-indicators li {
}
.vc_images_carousel .vc_carousel-indicators .vc_active {
margin: 1px;
width: 10px;
height: 10px;
background-color: #B34B48 !important;
border: 0px !important;
} .single-menus .page-top h1.page-title {   
font-size: 50px;    
}
.single-menus .page-content {
margin: 30px 0 50px 0;
} 
.single-menus .page-content, .single-menus .page-content h4,  .single-menus .page-content p {
text-align: center !important;
}   
.single-menus .page-content h4 {
margin-bottom: 20px;
padding-bottom: 30px; color: #6F9AAD !important;
position: relative;
text-transform: uppercase;
}
.single-menus .page-content h4:after {
color: #6F9AAD !important;
content: '';
display: block;
height: 2px;
width: 50px;
background-color: #6F9AAD;
position: absolute;
bottom: 10px; left: 50%;
margin-left: -25PX;
}
.single-menus .page-content strong {
font-weight: 300;
font-family: Oswald,sans-serif;
font-size: 1.1em;
color: #454242;
text-transform: uppercase;
} .mfp-wrap {   
}
.mfp-wrap {
z-index: 90999;
position: fixed !important;
top: 0 !important;
overflow-y: auto;
}
.mfp-bg {   
z-index: 90998;   
}
.mfp-hide {
display:none;
opacity: 0;
transition: all 0.25s ease-out;
}
.mfp-fade.mfp-bg {
opacity: 0;    
left: 10%;
transition: all 0.45s ease-out;
}
.mfp-fade .mfp-container {   
padding: 0px;
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: 1 !important;
left: 0;
}
.mfp-bg.mfp-fade {
background-color: rgb(255 255 255 / 88%) !important;
}
.mfp-fade.mfp-wrap .mfp-content {  
left: 20%;  
transition: all 0.55s ease-in;
}
.mfp-fade.mfp-ready .mfp-content {
left: 0 !important;    
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1; 
width: 100%;   
height: 100%;    
}
.mfp-close, .mfp-close-btn-in .mfp-close {
text-indent: -9999px;
-webkit-transform: rotateZ(0deg);
transform: rotateZ(0deg);
width: 70px;
height: 70px;
color: #222222;
background-color: #fff;
top: 20px;
right: 30px;
position: fixed;
}
.mfp-close-btn-in .mfp-close:before, .mfp-close:before {
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
width: 60px;
top: 35px;
left: 6px;
border-top: 1px solid;
color:unset;
}
.mfp-close-btn-in .mfp-close:after, .mfp-close:after {
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
height: 60px;
top: 5px;
left: 35px;
border-left: 1px solid;
color:unset;
} .mfp-iframe-holder .mfp-content {   
max-width: 80vw;
}
.mfp-bg {    
background: transparent !important;
}
.mfp-iframe-scaler iframe {
box-shadow: none;    
background: transparent;
} .modal-menu h3 {
text-transform: uppercase;
margin-bottom: 120px;
margin-top: 80px;
letter-spacing: 0;
text-align: center;
position: relative;
z-index: 0;
}
.modal-menu h3:after {
content: '';
display: block;
width: 50px;
height: 220px;
background-image: url(https://www.restaurant-llorca.fr/wp-content/uploads/sites/2/2022/05/ll_beige.png);
background-size: cover;
position: absolute;
top: -80px;
left: 50%;
transform: translate(-50%, 0);
z-index: -1;
}
.modal-menu h4 {
margin-bottom: 20px;
padding-bottom: 30px; color: #6F9AAD !important;
position: relative;
text-transform: uppercase;
}
.modal-menu h4:after {   
color: #6F9AAD !important;
content: '';
display: block;
height: 2px;
width: 50px;
background-color: #6F9AAD; 
position: absolute;
bottom: 20px;
}
.modal-menu strong {
font-weight: 300;
font-family: Oswald,sans-serif;
font-size: 1.1em;
color: #454242;   
text-transform: uppercase;
}
.porto-modal-content {
display: flex;
width: 100%;
}
.porto-modal-content .modal-img {
flex: 1;
float: left;
min-height: 100vh;
width: 50vw;
background-size: cover; 
}
.porto-modal-content .modal-text {
flex: 1;
vertical-align: middle;
width: 50vw;
background-color: #fff;
}
.porto-modal-content .vertical-align-middle {
display: table-cell;
vertical-align: middle;
width: 50vw;
height: 100vh;
padding: 80px 50px;
}
pre {
font-size: 0.75em;
font-family: Roboto,sans-serif;
font-weight: 300; line-height: 22px;
color: #aba8a3;
padding-top: 20px;
}
.spa .porto-btn, .piscine .porto-btn{
display: none !important;
} .biographie { } .owl-carousel .owl-item img {
width: 100vw;
}
.owl-carousel .owl-dots .owl-dot span {
width: 50px;
height: 4px;
margin: 5px;
background-color: #eaeaea !important;
border: 0px !important;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s;
border-radius: 0px;
}
.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
background: #B34B48 !important;
}
.modal-full-text {
background-color: #fff;
width: 100vw;
}
.modal-full-text:after, .modal-img:after {
content: '';
display: none;
width: 165px;
height: 90px;
background-image: url(https://www.restaurant-llorca.fr/wp-content/uploads/sites/2/2022/05/Llorca_noir.svg);
background-repeat: no-repeat;
background-size: 150px;
background-position: 5px 5px;
position: absolute;
left: 20px;
top: 20px;
z-index: 9999;
background-color: #ffffff87;
}
.modal-full-text h3 {
text-transform: uppercase;
}
.modal-full-text h4 {
text-transform: uppercase;
}
.modal-full-text h5 {
color: #B34B48;
font-weight: 300 !important;
font-size: 22px;
}
.modal-full-text .modal-full-text-container {
max-width: 1350px;
margin: 0 auto;
}
.modal-full-text .vc_row.wpb_row {
margin-bottom: 30px;
}
.modal-full-text .text-list ul li {   
list-style: none;
position: relative;
padding: 0 0 0 20px;
font-size: 0.9em;
}
.modal-full-text .text-list ul li::before {
content: "";
position: absolute;
left: 5px;
top: 15px;
width: 6px;
display: block;
border-top: 2px solid #B34B48;
}
.booking {
padding: 40px;
background-color: #eaeaea;
text-align: center;
} .main-homepage.page-top  {
background-color: transparent;
}
.main-homepage h1 {
text-transform: uppercase;
font-size: 35px;
line-height: 50px;
text-shadow: 0px 0px 10px rgb(0 0 0 / 40%);
margin-bottom: 0;
}
.main-homepage h2 {
text-transform: none;
color: #fff;
text-shadow: 0px 0px 15px rgb(0 0 0 / 40%);
position: relative;
} #capsule {    
padding-top: 280px !important;
padding-bottom: 160px !important;
}
#capsule h2 {
color:#fff;
text-transform: none;
}
#capsule h3 {
color:#fff; 
}
#capsule p {
color:#fff;    
} .nf-form-cont {
padding: 30px 20px;
background-color: #f9f9f9;
margin-top: 40px;
}
.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]),.nf-form-content input:not([type=submit]), .nf-form-content textarea {
background: #ffffff !important;
border: 1px solid #d0d0d0 !important;
border-radius: 2px !important; 
color: #333; 
}
.nf-error .ninja-forms-field {
border-color: #b34b48 !important;
transition: all .5s;
}
.nf-error.field-wrap .nf-field-element:after {
background: #b34b48 !important;
}
.nf-error .nf-error-msg {
color: #b34b48;
font-size: 0.9em;
}
.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content input.ninja-forms-field, .nf-form-content select.ninja-forms-field:not([multiple]) {
height: 44px !important;
}
.nf-form-content textarea.ninja-forms-field {
height: 100px;
}
.nf-error.field-wrap .nf-field-element:after {   
height: 42px !important;    
line-height: 45px !important;
}
.nf-form-content input[type=submit] {
background-color: #6f9aad !important;
border: 0 !important;
margin: 0 auto !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
font-size: 0.8em !important;
} .blog section.page-top.page-header-7, .single-post section.page-top.page-header-7 {
padding-top: 20vh;
}
.sidebar-content {
padding: 30px 20px;
background-color: #f5f5f5;
}
.blog #main, .single-post #main {
padding: 80px 0;
}
.blog .meta-author, .blog .meta-cats, .blog .meta-comments {
display: none !important;
}
.post-item.post-title-simple .post-title, .post-item.post-title-simple .post-title h2, .post-item.post-title-simple .entry-title, article.post-title-simple .entry-title a, .post-item.post-title-simple .entry-title a {
color: #454242;
font-size: 1.3em;
text-transform: uppercase;
font-weight: 400;
}
article.post .post-meta {
font-size: 0.9em;
margin-bottom: 8px;
color: #6F9AAD;
}
.single-post .entry-title {
font-weight: 400;
font-size: 2.5em !important;
text-transform: uppercase;
line-height: 1.2em !important;
}
.single-post .page-top h1.page-title {
display: none;
}
.single-post h2 {    
font-weight: 300; 
font-size: 25px;   
}
.single-post h2 b {
font-weight: 300;
} section.page-top.page-header-7 {
background-image: url(//www.hotel-llorca.fr/wp-content/uploads/2022/05/web_header_O0A6914-HDR.jpg) !important; 
background-position: center;
background-repeat: no-repeat !important;
background-size: cover !important;
background-color: transparent;
padding-top: 40vh;
} div#bestprice {
background: #333333;
bottom: 10px !important;
left: 20px !important;
position: fixed;
color: #fff;
padding: 8px 25px 8px 15px;
z-index: 999;
text-transform: uppercase;
font-size: 0.90em;
font-family: Oswald,sans-serif;
font-weight: 300;
}
div#bestprice a {   
color: #fff;    
}
#footer, #footer p, #footer .widget > div > ul li, #footer .widget > ul li {  
text-align: center;
}
#footer .footer-main>.container {    
padding-bottom: 0;
padding-top: 0;
}
#footer .footer-bottom {
padding-top: 0 !important;    
}
#footer .share-links a:hover {
color: #141414;
background-color: transparent;
}
#footer .footer-instagram {
font-family: Oswald,sans-serif;
font-weight: 300;
font-size: 25px;
line-height: 32px;
letter-spacing: 0;
color: #454242;
}
#footer .widget > div > ul {
border:0;
}
#footer .widget {
margin-bottom: 0;
}
#footer li {
display: inline-block;
border: 0 !important;
margin: 0 10px;
list-style: none !important;
}
#footer .share-links a {
box-shadow: none !important;
font-size: 25px !important;
border-radius: 0 !important;
margin: 0 10px !important;
}   @media only screen and (max-width: 768px) { 
.hide-mobile {
display: none;
} 
.hide-desktop {
display: inline;
} 
}
@media only screen and (max-width: 499px) { .vc_row.wpb_row {
margin-bottom: 50px;
} #header .mobile-toggle {
width: unset;
}
#header .mobile-logo {
display: inline;
}
#header .logo.mr-auto {
margin-right: 10px !important;
}
#header .porto-wrap-container {
padding-left: 20px;
padding-right: 20px;
}
#header .top-links {        
width:auto !important;
}
.booking-wrapper {
display: none;
}
a.porto-btn.porto-btn-large.btll.btll-gift {
display: none;
} .vertical-center {      
align-items: flex-start;
}
#side-nav-panel .container {
background-image:url(https://www.restaurant-llorca.fr/wp-content/uploads/sites/2/2022/05/bg_mobile_panel2.jpg);
background-size: cover;
padding-bottom: 450px;
background-position: bottom;
}
#side-nav-panel img.sticky-logo {
display: none;
}
#side-nav-panel img.mobile-logo {
max-width: 150px;
margin: 5px 0 0 0;
}
#side-nav-panel .mobile-logo {
display: inline;
}
#side-nav-panel .porto-btn-ctn-right.btll.btll-withborder {
display: none !important;
}
#side-nav-panel .mfp-close {
width: 40px;
height: 40px;
top: 20px;
right: 25px;
opacity: 1;
}
#side-nav-panel .side-nav-panel-close:after {
height: 40px;
top: 0px;
left: 25px;
}
#side-nav-panel .side-nav-panel-close:before {
width: 40px;
top: 20px;
left: 6px;
}
#side-nav-panel .side-nav-panel-close:after,   #side-nav-panel .side-nav-panel-close:before {
border-color:#fff;
}
.panel-content {
background-color: transparent;        
padding: 0px;
min-height:unset;        
overflow:visible;
position: relative;        
}   
.panel-content.panel-content-restaurant {
margin-top: 20px;       
}
.panel-content ul {
opacity: 1;
margin: 0;   
}
.panel-content ul li:first-child {
display: none;
}
.panel-content img {
display: none;
}
.panel-content-nav {
position: relative;
opacity: 1;
padding: 15px 30px;
}
.panel-content h4 {
color: #fff;        
}
.panel-content h4 a {
color: #fff;        
}
.panel-content ul li {
margin: 10px 0;
}
.panel-content ul li.menu-item a {
color: #fff;  
}
.side-panel-footer {
margin-top: 30px;
letter-spacing: 1px;
color: #ffffff;
font-size: 1.2em;
line-height: 1.4em;
text-align: left;
padding-left: 30px;
}
.side-panel-footer a {
color: #ffffff;
display: block;
margin-top: 10px;
font-weight: bold;
}
.side-panel-footer i {
margin-left: 0; 
} *
header .btll.btll-header.btll-withborder {
display: none;
}
.side-book a {
border: 1px solid #fff;
font-size: 12px;
font-family: inherit;
font-family: Roboto,sans-serif;
padding: 10px 20px;
margin: 20px 0 50px;
letter-spacing: 0.5px;
font-weight: 300;
opacity: 0.7;
} .split-restaurant, .split-hotel, .full-split {
min-height: 70vh;
background-color: #000;
}
.main-homepage h1 {
font-size: 25px;
line-height: 30px;
}
.main-homepage h2.page-sub-title {
line-height: 1.3em;
}
.main-homepage h3.page-sub-title {
font-size: 25px !important;    
}
.main-homepage img {
max-height: 30px;
width: auto;
}
.main-homepage h2.page-sub-title:after {   
margin-top: 60px;  
}
.main-homepage h3 {
margin-bottom: 30px;
} .revolution-header h1 {
font-size: 28px;
margin-top: 15px !important;
}
.revolution-header h2 {
font-size: 24px;
margin-top: 5px;
} .page-top h1.page-title {       
font-size: 40px;
line-height: 50px;
}
.page-top h2.page-sub-title {
font-size: 30px;
line-height: 1.3em;
} .mfp-wrap {
z-index: 90999;
position: fixed !important;
top: 0 !important;
overflow-y: auto;
}
.porto-modal-content {
display: block;    
}
.porto-modal-content .modal-img {   
height: 35vh;
min-height: unset;
width: 100%;
background-position: center;
}
.porto-modal-content .modal-text {    
width: 100%;
}
.porto-modal-content .vertical-align-middle {
width: 100%;
padding: 50px 30px;
}
.modal-full-text .owl-carousel {
margin-bottom: 60px;
margin-top: 120px;
}
.modal-full-text .owl-carousel.nav-inside .owl-dots {
bottom: -60px;
} #capsule .porto-u-heading {   
text-align: left !important;
}
}
@media only screen and (min-width: 768px) { 
}#side-nav-panel a.porto-btn.btll, a.porto-btn.btll.btll-withborder {
background-color: #fff !important;
}
a.porto-btn.btll.btll-capsule {
background-color: transparent !important;
}   a.porto-btn.btll {
background-color: #febb53 !important;
}
.porto-u-sub-heading {   
color: #febb53 !important   
}
.with-ll .porto-u-sub-heading::before {   
background-color: #febb53 !important; 
}
.single-menus section.page-top.page-header-7 {
background-image: url(https://www.restaurant-llorca.fr/wp-content/uploads/2022/05/web_header_O0A6914-HDR.jpg) !important;  
padding-top: 20vh;
padding-bottom: 10vh;
}
.list-popup-menu h3 {
color: #6DB283 !important;
}
.modal-menu h4 {    
color: #6DB283 !important;
}
.modal-menu h4:after {
color: #6DB283 !important;
content: '';
display: block;
height: 2px;
width: 50px;
background-color: #6DB283;
position: absolute;
bottom: 20px;
}
.modal-full-text h5 {
color: #febb53 !important;   
}
html #topcontrol {
background: #febb53;    
}