/*
 Theme Name:   Archi Child
 Theme URI:    http://archiwp.com/
 Description:  Archi Child Theme
 Author:       OceanThemes
 Author URI:   http://oceanthemes.net
 Template:     archi
 Version:      3.6.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  archi-child
*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quattrocento+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/* display none */
#mainmenu li a::after, a.btn-big::after {display: none !important;}

/* header */
header {background: linear-gradient(0deg, rgba(0,0,0,0.01), rgba(0,0,0,0.9));border-bottom: none;}
/* top header */
.info-list a, .info-list .fa {color: #fff !important;}
/* nav */
#mainmenu a {padding: 25px 0 0; margin: 0 20px;border-bottom: 1px solid transparent;font-weight: 600;font-size: 12px;}
#mainmenu .menu-item:last-child a {margin: 0 0 0 20px;}
#mainmenu .active a, #mainmenu .menu-item:hover a {border-bottom: 1px solid #d01c1c;}
header.smaller:not(.header-bottom) #mainmenu > li > a {padding-bottom: 0;}
#mainmenu > li > ul {width: 280px;}
#mainmenu > li > ul > li > a {color: #fff;font-size: 11px;font-weight: normal;margin: 0;padding: 2px 20px 0 20px;border: none !important;}
#mainmenu .menu-item:last-child a {margin: 0;}
#mainmenu li .sub-menu li.active > a{background-color: #222327;}
#mainmenu li .sub-menu li.active > a:hover{background-color: #D01C1C;color: #222327 !important;}
.current-menu-item .sub-menu >li > a {color: #fff !important;}
#menu-btn {background: transparent;}

/* slider */
.scroll-to {color: #fff;text-decoration: none;z-index: 9;position: relative;text-align: center;margin: -10em auto 0;display: block;}
.mouse {position: absolute;width: 22px;height: 42px;bottom: 40px;left: 50%;margin-left: -12px;border-radius: 15px;border: 1px solid #fff;-webkit-animation: intro 1s;animation: intro 1s;}
.scroll {display: block;width: 3px;height: 3px;margin: 6px auto;border-radius: 4px;background: #fff;-webkit-animation: finger 1s infinite;animation: finger 1s infinite;margin: -10px 8px 0 !important;}
@Keyframes finger{0% {opacity: 1;}100% {opacity: 0;-webkit-transform: translateY(20px);transform: translateY(20px);}}

/* general */
body {font-family: quattrocento sans,sans-serif;font-size: 15px;}
.big-white, .ultra-big-white, .big-text, .big-text h2, .de_tab.tab_steps .de_nav li span, .teaser-text, .text-slider, #mainmenu, .mainmenu, .btn, a.btn, .btn-line, a.btn-line, .added_to_cart, #filters, .filters, .overlay70 h3 b, .teaser-text-3, .typing-wrap, .pricing-s1 .top .price {font-family: quattrocento sans,sans-serif}
.wm, h2 .wm {display: block;font-family: quattrocento sans,sans-serif;text-transform: uppercase;font-size: 13px;color: red;letter-spacing: 1.8px;font-weight: 700;font-style: normal;position: relative;margin: 0 0 15px;}
h1 {text-align: left;font-family: "Cormorant Garamond",serif;font-size: 50px;font-weight: 500;font-style: normal;letter-spacing: 0;margin-bottom: 25px;}
h2, h3{font-size: 45px;font-family: "Cormorant Garamond",serif !important;line-height: 1.1;margin-bottom:25px}
.stellar-fixed h1 {text-align: center;text-shadow: 2px 2Px 2px #000;}
span.teaser, .text-light {color: #fff;text-shadow: 2px 2px 2px #000;}
.ot_custom_heading::first-letter, .category-title::first-letter {color: #d01c1c;}

/* home */
.ux-home-1-r.wpb_column.vc_column_container.vc_col-sm-6 {padding-left: 6em;}
.vc_empty_space.ux-height-full {height: 48.6em !important;}
.vc_empty_space.ux-height {height: 24.3em !important;}
.ux-extra .wpb_content_element{margin: 0 !important}
.post_info_bl {position: absolute;left: 30px;bottom: 30px;opacity: 0;transition: .3s ease-in-out;color: #fff;}
.ux-extra:hover .post_info_bl{width: max-content;height: auto;left: 30px;bottom: 30px;top: auto;right: auto;overflow: hidden;padding: 10px 30px;will-change: scroll-position;background: rgb(34, 34, 34);position: absolute;opacity: 1;}
.vc_color-info.vc_message_box {border-color: transparent !important}
.vc_message_box-icon > * {color: #333;border: 1px solid #ded6d4;border-radius: 50px;padding: 10px 13px;font-size: 17px !important;}
.vc_message_box > p:last-child {font-family: "Cormorant Garamond",serif;color: #333;font-size: 22px;}
.ux-home-infos p {padding: 0 0 0 60px;margin-top: -20px;}
.infos-contact{position:relative}
.infos-contact::after {content: "";background-size: 100%;position: absolute;right: 12%;top: 10%;background-image: url(/wp-content/uploads/2022/05/fac-alliance.png);width: 100px;height: 100px;background-repeat: no-repeat;opacity: .1;}
.padding-left-80{padding-left:80px !important}

/* carte */
.vc_row-fluid  .tlp-food-menu .category-title {font-size: 35px;}
.vc_row-fluid .tlp-food-menu .f-txt{font-size: 15px;color: #333}
.vc_row-fluid .tlp-food-menu span.price {font-size: 15px}
#suggestions h2 {color: #fff;}
#suggestions .tlp-food-menu .f-txt {color: #fff !important;}
#suggestions .vc_col-sm-10 {padding: 80px;}
#suggestions .price {color: #fff;}
.ex-txt {color: #fff;font-style: italic;}

/* lunch */
#lunch .vc_col-sm-10 {padding: 80px;}
#date-lunch {text-align: center;font-style: italic;}
.plat-lunch {text-align: center;line-height: 40px;font-size: 18px;}

/* petite restauration */
#restauration .category-title{display: none}
#restauration h2 {color: #fff;}
#restauration .price {color: #fff;}
#restauration .tlp-food-menu .f-txt {color: #fff !important;}
#restauration .vc_col-sm-10 {padding: 80px;}
#date-restauration{text-align: center;font-style: italic;color:#fff}

/* réservation */
.ux-left {float: left;font-weight: 600;}
.ux-right {float: right;text-align: right;}
.clear-1 {clear: both;}
.clear-2 {clear: both;margin: 10px 0;width: 100%;background: #f1f1f1;height: 1px;display: inline-block;}
.ux-book{width:75%}

/* footer */
#media_image-2 img {margin: 0 auto;display: block;}
.menu-menu-main-fr-container, .textwidget.custom-html-widget{text-align:center}
#menu-menu-main-fr-1 li {display: inline;margin: 0 10px;text-transform: uppercase;}
.current-menu-item a {color: #D01C1C !important;}
.widget_nav_menu .sub-menu {display: none;}
.widget_nav_menu li a:hover{text-decoration: none}
.social-icons li {border: 1px solid rgba(249,249,249,.15);border-radius: 50%;padding: 5px;}
.social-icons ul li a:hover {background: transparent;border-color: #D01C1C;color: #D01C1C !important;}
.subfooter .container {border-top: 1px solid rgba(249,249,249,.15);padding-top: 30px;text-align: center;}
.subfooter img {max-width: 100px;}

/* responsive */
@media only screen 
and (min-device-width : 100px) 
and (max-device-width : 812px){ 
	header {background: #000;}
	#mainmenu .active a, #mainmenu .menu-item:hover a {border-bottom: none;}
	header #mainmenu li span {top: 15px;}
	#mainmenu .menu-item:last-child a {margin: 0 20px;}
	#mainmenu .menu-item .sub-menu a {margin: 0;}
	.ux-home-1-r.wpb_column.vc_column_container.vc_col-sm-6 {padding-left: 0;}
	h1 {font-size: 44px;}
	h2, h3 {font-size: 34px;}
	.ux-extra .post_info_bl {width: max-content;height: auto;left: 30px;bottom: 30px;top: auto;right: auto;overflow: hidden;padding: 10px 30px;will-change: scroll-position;background: rgb(34, 34, 34);position: absolute;opacity: 1;}
	#suggestions .vc_col-sm-10, #lunch .vc_col-sm-10, #restauration .vc_col-sm-10 {padding: 80px 10px;}
	.padding-left-80{padding-left:0px !important}
	.ux-book{width:100%}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	header {background: #000;}
	#mainmenu .active a, #mainmenu .menu-item:hover a {border-bottom: none;}
	header #mainmenu li span {top: 15px;}
	#mainmenu .menu-item:last-child a {margin: 0 20px;}
	#mainmenu .menu-item .sub-menu a {margin: 0;}
	.ux-home-infos p {padding: 0 0 0 20px;}
	.padding-left-80{padding-left:0px !important}
	.ux-book{width:100%}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1080px) 
and (orientation : landscape) { 
	header div#logo a img {max-width: 150px;}
	#mainmenu a {margin: 0 15px;}
}

@media (min-width: 1200px){
	.container {width: 1300px;}
}