/*
Theme Name: Twenty Seventeen Child
Theme URI: https://wordpress.org/themes/twentyseventeen/
Template: twentyseventeen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Tags: one-column,two-columns,right-sidebar,flexible-header,accessibility-ready,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready
Version: 1.4.1512048895
Updated: 2017-11-30 14:34:55

*/

body {
    font-family: 'Playfair Display', serif;
    font-size: 1.2rem;
}

h1, h2, h3, h4, h5 {
    font-family: 'Playfair Display', serif;
    color: black;
}

.ui.button {
    font-family: 'Playfair Display', serif;
}

button, input[type="button"], input[type="submit"], .btn {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-size: 20px;
    padding: 10px 24px;
    background: none;
    border-radius: 0;
    position: relative
}

button:before, button:after, input[type="button"]:before, input[type="button"]:after, input[type="submit"]:before, input[type="submit"]:after, .btn:before, .btn:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid white;
    left: -3px;
    top: 4px;
    transition: top 0.2s, left 0.2s;
}

button:after, input[type="button"]:after, input[type="submit"]:after, .btn:after {
    left: 3px;
    top: -2px;
}

button:hover:before, button:hover:after, input[type="button"]:hover:before, input[type="button"]:hover:after, input[type="submit"]:hover:before, input[type="submit"]:hover:after, .btn:hover:before, .btn:hover:after {
    left: 0;
    top: 0;
    transition: top 0.2s, left 0.2s;
}

button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, .btn:hover, .btn:focus {
    background: none;
}

button:active:before, input[type="button"]:active:before, input[type="submit"]:active:before, .btn:active:before {
    margin-top: 3px;
}

button:active span, input[type="button"]:active span, input[type="submit"]:active span {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    display: block;
}


.btn:before, .btn:after {
    border-color: black;
}

.pt-cv-wrapper .btn-success {
    background: transparent;
    color: black;
    border:none;
    padding: 0.6em 1em;
    font-size: 20px;
}

.pt-cv-wrapper .btn-success:hover, .pt-cv-wrapper .btn-success:focus, .pt-cv-wrapper .btn-success:active, .pt-cv-wrapper .btn-success:active:focus  {
    background: transparent;
    box-shadow: none;
    color: black;
}


/*------------------*/
/*------HEADER------*/
/*------------------*/
@media screen and (min-width: 48em) {

    .twentyseventeen-front-page.has-header-image .custom-header-media, .twentyseventeen-front-page.has-header-video .custom-header-media, .home.blog.has-header-image .custom-header-media, .home.blog.has-header-video .custom-header-media {
        height: 50vh !important;
    }
    
    .admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media, .admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media, .admin-bar.home.blog.has-header-image .custom-header-media, .admin-bar.home.blog.has-header-video .custom-header-media {
        height: calc(50vh - 32px);
    }
    
    .has-header-image.twentyseventeen-front-page .site-branding, .has-header-video.twentyseventeen-front-page .site-branding, .has-header-image.home.blog .site-branding, .has-header-video.home.blog .site-branding {
        text-align: center;
    }
    
    .custom-logo-link img, body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
        max-width: 600px;
    }

}

.has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-video .custom-header-media iframe {
    min-height: 60vh;
    height: auto;
}

@media screen and (max-height: 1000px) {
    .twentyseventeen-front-page.has-header-image .custom-header-media, .twentyseventeen-front-page.has-header-video .custom-header-media, .home.blog.has-header-image .custom-header-media, .home.blog.has-header-video .custom-header-media {
        height: 60vh !important;
    }
    
    .has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-video .custom-header-media iframe {
        min-height: 50vh;
        height: auto;
    }
}

@media screen and (max-height: 850px) {
    .twentyseventeen-front-page.has-header-image .custom-header-media, .twentyseventeen-front-page.has-header-video .custom-header-media, .home.blog.has-header-image .custom-header-media, .home.blog.has-header-video .custom-header-media {
        height: 75vh !important;
    }
    
    .has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-video .custom-header-media iframe {
        min-height: 80vh;
        height: auto;
    }
}


.custom-header-media::before {
    background: rgba(0,0,0,0.60);
    bottom: 0;
    content: "";
    display: block;
    height: 100% !important;
    left: 0;
    position: absolute;
    right: 0;
    z-index: 2;
}



#masthead .wrap {
    text-align: center;
}


.site-branding h1, .site-branding h2 {
    color: white;
}

.site-branding a:hover, .site-branding a:focus {
    opacity: 1 !important;
}

.site-branding .bloc-buttons h1 {
    position: relative;
}

.site-branding .bloc-buttons .front-button:nth-child(1) h1:before, .site-branding .bloc-buttons .front-button:nth-child(2) h1:after {
    position: absolute;
    content: "";
    width: 0vw;
    height: 1px;
    border-top: 2px solid rgb(255, 255, 255);
    margin-top: 0.8em;
    right: 100%;
    -webkit-animation: growUp 2s ease 0.4s forwards;
    animation: growUp 2s ease 0.4s forwards;
}

.site-branding .bloc-buttons .front-button:nth-child(2) h1:after {
    right: auto;
    left: 110%;
}

@-webkit-keyframes growUp {
  100% {
    width: 100vw;
  }
}

@keyframes growUp {
  100% {
    width: 100vw;
  }
}

.site-branding .header-button {
    margin: 70px 0 -70px;
}

body:not(.home) .custom-header {
    display: none;
}


/*---- Navigation ----*/

.main-navigation a {
		padding: 0;
        font-weight: 400;
	}

.navigation-top {
    bottom: auto;
    top: 0;
    background: linear-gradient(0deg, #AD9543, #BBA368);
    border: none;
    position: fixed;
    width: 100%;
}

.navigation-top .ui.menu {
    margin: 1rem 0em;
        margin-top: 1rem;
        margin-bottom: 1rem;
    font-family: inherit;
    background:none;
    font-weight: normal;
    border: none;
    box-shadow: none;
    border-radius:0;
    min-height: 2.85714286em;
}

@media screen and (min-width: 48em) {
    .navigation-top .wrap {
        padding: 0;
        width: 100vw;
        max-width: inherit;
    }
    
    .main-navigation ul {
        text-align: left;
    }
    
    .js .main-navigation ul, .js .main-navigation ul ul, .js .main-navigation > div > ul {
        display: flex;
    }
}

.ui.secondary.pointing.menu {
    border-bottom: none;
}

.navigation-top ul li a {
    color: white;
}

.navigation-top ul li {
    vertical-align: middle;
}

.navigation-top .menu-toggle {
    color: white;
}

.navigation-top ul li:first-of-type span{
    display: none;
}

.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {
    color: white;
}

.ui.secondary.pointing.menu .active.item:hover {
    border-color: white;
}
.ui.secondary.pointing.menu .active.item {
    border-color: white;
}

.front-button {
    text-align: center;
    display: inline-block;
    padding: 0 20px;
}

.menu-scroll-down {
    display: none !important;
}


.qtranxs-lang-menu-item {
    background: rgba(0,0,0,0.2) !important;
    box-shadow: 0px 12px 0px 0px rgba(0,0,0,0.2), 0px -30px 0px rgba(0,0,0,0.2) !important;
}

.qtranxs-lang-menu-item-fr {
    padding-left: 2em !important;
}

.qtranxs-lang-menu-item-de {
    padding-right: 2em !important;
}

.ui.menu.menu-tablet {
    display: none;
}


/*navigation tablette et mobile*/
@media only screen and (max-width: 768px) {
    
    .ui.menu.menu-tablet {
        display: flex;
        height: calc(100vh - 48px);
        overflow: scroll;
    }
    
    .menu-tablet {
        position: fixed;
        left:0;
        margin: 0 !important;
        left: 100vw;
        transition: 0.4s;
    }
    
    .menu-tablet #tablet-menu {
        background-color: rgba(0,0,0,0.85);
        width: 100vw;
        min-height: 100vh;
        display: block;
        transition: 0.4s; 
    }
    
    .toggled-on .menu-tablet {
        left: 0;
        transition: 0.4s;
    }
    
    .main-navigation .menu-tablet  li {
        border: none;
    }
    
    .menu-tablet #tablet-menu li a {
        width: 100%;
        text-align: center;
    }
    
    .menu-tablet #tablet-menu .qtranxs-lang-menu-item-fr, .menu-tablet #tablet-menu .qtranxs-lang-menu-item-de{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .menu-tablet #tablet-menu .qtranxs-lang-menu-item {
        background: none;
        box-shadow: none;
    }
}


/*------------------*/
/*-------PAGE-------*/
/*------------------*/

.wrap {
   max-width: 1280px;
}

.page-one-column .panel-content .wrap {
    max-width: 1280px;
}

@media only screen and (min-width: 48em) {
    .panel-content .wrap {
        padding-bottom: 2em;
        padding-top: 3.5em;
    }   
}


.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
    margin-left: auto;
    margin-right: auto;
    max-width: 1280px;
}

.page:not(.home) #content {
    padding-bottom: 0em;
}


.single-featured-image-header {
    height: 315px;
    position: relative;
    text-align: center;
}

.single-post .single-featured-image-header img {
    margin-top: -30%;
    display: inline-block;
}

.page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header {
    margin-bottom: 12em;
    margin-top: -270px;
}

.page.page-one-column .entry-header .entry-title, .twentyseventeen-front-page.page-one-column .entry-header .entry-title, .archive.page-one-column:not(.has-sidebar) .page-header .entry-title{
    color: white;
    font-size: 35px;
    font-weight: normal;
    padding: 0.3em 4em;
    background-color: rgba(0,0,0,0.5);
    display: inline;
}


/*---- Home ----*/

.home .site-content {
    background: url(images/paper.png);
}

.home .entry-header {
    display: none;
}


.home .pt-cv-wrapper {
    padding: 4em 0;
}

.home .pt-cv-view .pt-cv-ifield {
    margin-bottom: 0 !important;
    background-color: white;
    text-align: center;
    position: relative;
    z-index: 1;
}

.home .pt-cv-wrapper img {
    vertical-align: middle;
    height: 245px;
    object-fit: cover;
}

.home .pt-cv-view .pt-cv-ifield .pt-cv-content {
    padding: 1em;
    text-align: left;
}

.home .entry-content .pt-cv-view a img {
    box-shadow: none;
}

.home .pt-cv-view .pt-cv-title {
    text-align: left;
    margin-bottom: 1.5em;
    padding-left: 1em;
    padding-right: 1em;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
}

.home .pt-cv-view .pt-cv-title.animated {
    -webkit-animation: slides-h4 1s ease forwards;
    animation: slides-h4 1s ease forwards;
}

@-webkit-keyframes slides-h4 {
    100%{-webkit-transform: translateX(0px)}
}

@keyframes slides-h4 {
    100%{transform: translateX(0px)}
}

.home h4 a {
    font-size: 22px;
    font-weight: 400;
}

.home h4 a:hover, .home h4 a:active, .home h4 a:focus {
    box-shadow: none;
}

.home .pt-cv-readmore.btn.btn-success {
    margin: 2em auto 1em;
    display: block;
    width: 46%;
    min-width: 145px;
}

.home .entry-date {
    display: none;
}


/*---- category ----*/

.pt-cv-meta-fields {
    font-size: 0;
}

.terms a[class^="pt-cv-tax"] {
    position: absolute;
    top: 20px;
    left: -20px;
    color: transparent !important;
    width: 20px;
    height: 40px;
    background-color: #80A8A8;
    z-index: -1;
}

.home .pt-cv-content-item .pt-cv-title:after {
    position: absolute;
    content: "";
    width: 0;
    height: 4px;
    background: black;
    left: 1em;
    margin-top: 2.5em;
}

.home .pt-cv-content-item .pt-cv-title.animated:after {
    -webkit-animation: slides-line 1s ease forwards;
    animation: slides-line 1s ease forwards;    
}

@-webkit-keyframes slides-line {
    100%{width: 100px}
}

@keyframes slides-line {
    100%{width: 100px}
}

.terms a[class^="pt-cv-tax"]:nth-child(1) {top:20px}
.terms a[class^="pt-cv-tax"]:nth-child(2) {top:60px}
.terms a[class^="pt-cv-tax"]:nth-child(3) {top:100px}
.terms a[class^="pt-cv-tax"]:nth-child(4) {top:140px}

.terms a[class^="pt-cv-tax"]:hover, .terms a[class^="pt-cv-tax"]:active, .terms a[class^="pt-cv-tax"]:focus {
    box-shadow: none;
}

.terms .pt-cv-tax-linformel, .home .pt-cv-tax-linformel .pt-cv-title:after {
    background-color: #80A8A8 !important;
}

.terms .pt-cv-tax-les-trois-soleils, .home .pt-cv-tax-les-trois-soleils .pt-cv-title:after {
    background-color: #A68218 !important;
}

.terms .pt-cv-tax-restaurants, .home .pt-cv-tax-restaurants .pt-cv-title:after {
    background-color: #9896a4 !important;
}

.terms .pt-cv-tax-hotel, .home .pt-cv-tax-hotel .pt-cv-title:after {
    background-color: #c94c4c !important;
}



/*---- L'Hotel ----*/

.page-template-hotel .site-content-contain {
    background: url(images/paper.png);
}

.hotel .col-md-12, .hotel .col-sm-6, .hotel .col-xs-12, .hotel .pt-cv-content-item, .hotel .pt-cv-1-col {
    padding: 0;
    margin-bottom: 4em;
}

.hotel .pt-cv-content {
    position: absolute;
    width: 50%;
    top: 50px;
    padding: 20px 50px 50px;
    background-color: white;
    border-left: 6px solid #A68218;
}

.hotel .pt-cv-content-item .pt-cv-thumb-default, .hotel .pt-cv-content-item .pt-cv-thumb-default img {
    margin: 0 !important;
}

.hotel .pt-cv-content-item:nth-child(odd) .pt-cv-content {
    left: 0;
}

.hotel .pt-cv-content-item:nth-child(even) .pt-cv-content {
    left: auto;
    right: 0;
    border-left: none;
    border-right: 6px solid #A68218;
}

.hotel .pt-cv-content h2 {
    color: #A68218;
}

.hotel .pt-cv-content-item:nth-child(odd) .pt-cv-thumb-default {
    float: right;
}

@media screen and (max-width: 768px) {
    .hotel .pt-cv-content {
        position: inherit;
        width: 100%;
        border: none !important;
    }
    
    .hotel .pt-cv-content-item:nth-child(odd) .pt-cv-thumb-default img {
        margin-bottom: 2em !important;
        z-index: 2;
    }
}

.hotel .ui.table td {
    padding: 0.4em;
}

.ui.basic.table tbody tr {
    border-bottom: none;
}

.hotel .ui.table tr td {
    border-top: none;
}

.hotel .ui.table:not(.unstackable) tr {
    box-shadow: none !important;
}


/*----- Restaurants -----*/

.page-template-3soleils #content, .page-template-linformel #content {
    padding: 0em ;
    background: url(images/paper.png);
}

.menu-restaurants-container ul {
    display: flex;
    margin: 0;
}

.menu-restaurants-container ul li {
    width: 50%;
    float: left;
    background: #808080;
    list-style: none;
    text-align: center;
    text-transform: uppercase;
    padding: 14vh 0;
    font-size: 28px;
    background-position: center;
    background-size: 100%;
    transition: 0.2s;
}

.menu-restaurants-container ul li:nth-child(1) {
    background-image: linear-gradient(transparent 80%,rgba(0,0,0,0.4)), url(https://www.3soleils.fr/3soleils/wp-content/uploads/2023/01/IMG_7555-4-light.jpg);
}

.menu-restaurants-container ul li:nth-child(2) {
    background-image: linear-gradient(transparent 80%,rgba(0,0,0,0.4)), url(https://www.3soleils.fr/3soleils/wp-content/uploads/2017/12/IMG_3655-copie-1024x641.jpg);
}

.menu-restaurants-container ul li:hover {
    background-size: 110%;
    transition: 0.4s;
}

.menu-restaurants-container ul:hover li:not(:hover) {
    filter: grayscale(100%) brightness(65%);
    transition: 0.2s;
}

.menu-restaurants-container ul li a {
    color: white;
    padding: 0.5em 2em;
    background-color: rgba(0,0,0,0.6);
}

.menu-restaurants-container ul li {
    position: relative;
}

.menu-restaurants-container ul li.current_page_item:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent white;
    border-width: 20px 25px;
    position: absolute;
    content: "";
    bottom: 0px;
    left: 47%;
}

.page-template-restaurants #content {
    padding: 2em 0;
}

.page-template-3soleils .entry-header {
    display: none;
}

.page-template-3soleils .entry-content .lb_section {
    padding-bottom: 0 !important;
}


.restaurant .ui.grid {
    width: 100%;
    padding: 5em 0;
}

.restaurant .ui.cube.shape .side {
    min-width: auto;
    min-height: 60vh;
    padding: 0;
    background-color: #fff;
    color: #000000e6;
    box-shadow: none;
    text-align: center;
    height: auto;
}

.restaurant .ui.cube.shape .side.front:after {
    width: 90%;
    height: 95%;
    border: 2px solid #000;
    position: absolute;
    z-index: 999;
    content: "";
    left: 5%;
    top: 2.5%;
}

.restaurant .ui.cube.shape .side .front-content {
    padding: 5em;
    line-height: 2em;
}

.restaurant .ui.cube.shape .side.back {
    padding: 1em;
}

.restaurant .ui.cube.shape .side.back ul li {
    list-style-position: inside;
}

@media screen and (max-width: 768px) {
    .restaurant .ui.cube.shape .side.back {
        text-align: center;
        background-color: antiquewhite;
        padding: 4em;
    }
}

.restaurant .ui.cube.shape .side img {
    vertical-align: middle;
    height: 245px;
    object-fit: cover;
}

.restaurant .sous-texte {
    text-align: center;
    padding: 0 0 4em;
    font-style: italic;
}

.restaurant .ui .side.back strong, .restaurant .ui.tablet strong  {
    float: right;
}


.page-template-3soleils .shadow {
    margin: 0 22%;
    position: relative;
    text-align: center;
}
@media screen and (max-width: 48em) {
    .page-template-3soleils .shadow {
        margin: 0;
    }
}

.page-template-3soleils .shadow:before {
    position: absolute;
    content: "";
    width: 100%;
    height:100%;
    border: 2px solid black;
    left: -15px;
    top: 15px;
}

.page-template-3soleils .block {
    background-image: url(images/paper.png);
    padding: 5em;
    position: relative;
}

.page-template-3soleils .block:before {
    content: "\201D";
    font-size: 170px;
    line-height: 0;
    color: #7E1407;
}

.page-template-3soleils .block h2 {
    margin-top: -53px;
}

.page-template-3soleils .su-row {
    display: flex;
}

.page-template-3soleils .su-row .su-column {
    align-self: center;
}


/*----- Offres -----*/

.page-template-offres .ui.cards {
    font-size: 14px;
    margin: 1em 0;
}

.page-template-offres .ui.cards ul {
    padding-left: 40px;
    margin: 0.2em 0;
}

.page-template-offres .ui.cards .ribbon.label {
    text-transform: uppercase;
    font-weight: normal;
    color: white;
}

.page-template-offres .ui.two.cards > .card {
    margin: 2em;
    width: calc( 50% - 4em );
    margin-left: 2em;
    margin-right: 2em;  
}

.page-template-offres .ui.cards .ribbon.label.restaurant {
    background-color: #80A8A8;
    border-color: #507474;
}

.page-template-offres .ui.cards .ribbon.label.rest-hotel {
    background-color: #A68218;
    border-color: #5B4E26;
}


/*----- Contact -----*/

.wpcf7-list-item label {
    font-weight: normal;
    color: inherit;
}

.wpcf7-form-control.ui.positive.button {
    color: inherit;
}

.page-template-contact .site-content h2 {
    margin: 2em 0 1.3em;
}

.page-template-contact .site-content h2:before {
    content: "";
    width: 7%;
    height: 4px;
    background-color: #A68218;
    position: absolute;
    margin-top: -28px;
}

.page-template-contact .gm-style-mtc, .page-template-contact .gm-fullscreen-control, .page-template-contact .gm-svpc{
    display: none;
}


.page-template-contact #map div div.gm-style div.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom div.gmnoprint div {
    background-color: transparent !important;
}

#map .widget {
    padding: 0;
}


/*------------------*/
/*------FOOTER------*/
/*------------------*/
@media screen and (min-width: 48em) {
    
    .site-footer .widget-column {
        padding: 20px 40px;
        margin-left: -20px;
    }
    
    .site-footer .widget-column.footer-widget-1 {
        float: left;
        width: 75%;
    }
    
    .site-footer .widget-column.footer-widget-2 {
        float: right;
        width: 25%;
    }
}

#colophon {
    background: white;
    margin-top: 0;
}

.footer-credits {
    padding: 40px;
    background: linear-gradient(165deg, #000, #666);
    color: white;
}

.footer-credits a {
    color: white;
    text-decoration: underline;
}

.footer-credits a:hover {
    color: #A68218;
}

.site-footer h2.widget-title {
    color: #222;
    font-size: 17px;
    font-weight: normal;
    letter-spacing: normal;
    margin-bottom: 1em;
    text-transform: uppercase;
}

.site-footer .widget_text {
    word-wrap: break-word;
    font-size: 15px;
}

.site-footer .widget_text em  {
    color: #A68218;
    font-style: normal;
}

@media screen and (min-width: 48em) {

    .site-footer .widget-column.footer-widget-1 {
        float: left;
        width: 66%;
    }
    
    .site-footer .widget-column.footer-widget-2 {
        float: right;
        width: 33%;
    }
}

.site-footer .widget-column.footer-widget-1:before, .site-footer .widget-column.footer-widget-2:before  {
    content: "";
    width: 7%;
    height: 4px;
    background-color: #A68218;
    position: absolute;
    margin-top: -28px;
}

.site-footer .widget-column.footer-widget-2:before {
    background-color: #80A8A8;
}

.mention-legales {
    float: right;
    display: block;
}

.ui.form textarea {
    vertical-align: top;
    border-width: 0px 0px 2px 2px;
    border-radius: 0;
    height: 75px;
}

.ui.form textarea:focus {
    border-radius:0;
}

.ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="time"], .ui.form input[type="text"], .ui.form input[type="file"], .ui.form input[type="url"] {
    vertical-align: top;
    border-width: 0px 0px 2px 2px;
    border-radius: 0;
}

.ui.form input:not([type]):focus, .ui.form input[type="date"]:focus, .ui.form input[type="datetime-local"]:focus, .ui.form input[type="email"]:focus, .ui.form input[type="number"]:focus, .ui.form input[type="password"]:focus, .ui.form input[type="search"]:focus, .ui.form input[type="tel"]:focus, .ui.form input[type="time"]:focus, .ui.form input[type="text"]:focus, .ui.form input[type="file"]:focus, .ui.form input[type="url"]:focus {
    border-radius: 0;
}

.ui.form ::-moz-placeholder {
    color: rgba(191, 191, 191, 0.87);
    font-family: 'Playfair Display', serif;
}

.ui.form .fields {
    margin: 0em -0.5em 3em;
}

.site-footer .btn {
    z-index: 0;
    padding: 0;
    margin-top: -5px;
}

.site-footer .ui.button {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-size: 20px;
    padding: 10px 20px;
    background: none;
    border-radius: 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 999;
}

.site-footer .ui.button:after, .site-footer .ui.button:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid grey;
    left: -3px;
    top: 4px;
    transition: top 0.2s, left 0.2s;
    
}

.site-footer .ui.button:after {
    left: 3px;
    top: -2px;
}

.site-footer .ui.button:hover:before, .site-footer .ui.button:hover:after {
    left: 0;
    top: 0;
    transition: top 0.2s, left 0.2s;
}

.site-footer .ui.button:hover {
    background-color: inherit;
    background-image: none;
    box-shadow: none;
    color: inherit;
}

div.wpcf7 .ajax-loader {
    position: absolute;
}

#anr_captcha_field_1 {
    padding: 2em;
}

#anr_captcha_field_1 div {
    margin: auto;
}


/*--------------------*/
/*-----Responsive-----*/
/*--------------------*/

@media only screen and (max-width: 767px) {
    .has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header {
        height: 50vh;
    }
    
    .navigation-top {
        z-index: 999;
    }
    
    .js .menu-toggle {
        display: block;
        position: fixed;
        right: 10%;
    }
    
    .menu-restaurants-container ul li {
        list-style: none;
        text-align: center;
        text-transform: uppercase;
        font-size: 28px;
        font-size: 3.5vw;
    }
    
    .qtranxs-lang-menu-item {
        background: transparent !important;
        box-shadow: none !important;
    }
    
    .page.page-one-column .entry-header .entry-title, .twentyseventeen-front-page.page-one-column .entry-header .entry-title, .archive.page-one-column:not(.has-sidebar) .page-header .entry-title {
        font-size: 4vw;
    }
    
    .ui.form .fields .field{
        margin-bottom: 1em !important;
    }
    
    .menu-restaurants-container {
        margin-top: 2em;
    }
    
}

@media only screen and (max-width: 768px) {
    .site-footer .widget-column.footer-widget-1, .site-footer .widget-column.footer-widget-2 {
        float: inherit;
        width: auto;
    }
}