div.container {
width: 635px;
margin: 80px auto 0;
}
.logo {
display: block;
float: left;
padding-left: 30px;
text-decoration: none;
margin-bottom: 40px;
}
.logo .tagline {
text-decoration: none;
margin-top: 10px;
}
.logo img {
border: 0
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 18px;
}
p, li {
margin-bottom: 18px;
line-height: 1.51em;
}
.yit-box {
clear: both;
border: 1px solid #d2d2d2;
margin-right: -1px;
margin-bottom: 24px;
text-align: left;
border-collapse: separate;
padding: 40px 30px;
background: #fff;
position: relative;
display: block;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px
}
.yit-box:after {
display: block;
overflow: visible;
position: absolute;
width: 100%;
height: 12px;
background: url(//sukhagastrobar.es/wp-content/plugins/yith-maintenance-mode/assets/images/skin1/box-bottom.png) no-repeat top center !important;
background-size: 100% auto !important;
max-width: 624px;
left: 0;
right: 0;
bottom: -12px;
margin: 0 auto;
content: " ";
}
.top-bg {
height: 6px;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
img.mascotte {
position: absolute;
right: 30px;
top: -130px;
}
.sep {
height: 1px;
background: #c1c1c1;
margin: 40px -30px 44px;
} form.newsletter, form.newsletter fieldset {
border: 0;
padding: 0;
margin: 0;
position: relative;
}
form.newsletter input.text-field {
background: #f2f2f2;
width: 100%;
margin: 0;
padding: 16px 190px 16px 22px;
border: 1px solid #b4b4b4;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 3px 3px 9px rgba(0, 0, 0, .05) inset;
-moz-box-shadow: 3px 3px 9px rgba(0, 0, 0, .05) inset;
box-shadow: 3px 3px 9px rgba(0, 0, 0, .05) inset;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px
}
form.newsletter input.submit-field {
border: 1px solid #3c5072;
border-left: 0;
padding: 0 26px;
height: 100%;
margin: 0;
text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.14);
-webkit-appearance: none;
-webkit-border-radius: 0 8px 8px 0;
-moz-border-radius: 0 8px 8px 0;
border-radius: 0 8px 8px 0;
cursor: pointer;
}
form.newsletter .submit {
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
form.newsletter .submit:after {
border-bottom: 26px solid transparent;
border-top: 25px solid transparent;
border-right: 30px solid;
content: "";
height: 0;
left: -29px;
position: absolute;
width: 0;
}
.socials {
text-align: center;
}
.socials a {
display: inline-block;
width: 39px;
height: 38px;
background-position: top center;
background-repeat: no-repeat;
margin: 15px 6px 0;
white-space: nowrap;
text-indent: 100%;
overflow: hidden;
}
.socials a:hover {
background-position: bottom center;
}
.socials a.facebook {
background-image: url(//sukhagastrobar.es/wp-content/plugins/yith-maintenance-mode/assets/images/skin1/socials/facebook.png);
}
.socials a.twitter {
background-image: url(//sukhagastrobar.es/wp-content/plugins/yith-maintenance-mode/assets/images/skin1/socials/twitter.png);
}
.socials a.gplus {
background-image: url(//sukhagastrobar.es/wp-content/plugins/yith-maintenance-mode/assets/images/skin1/socials/gplus.png);
}
.socials a.youtube {
background-image: url(//sukhagastrobar.es/wp-content/plugins/yith-maintenance-mode/assets/images/skin1/socials/youtube.png);
}
.socials a.rss {
background-image: url(//sukhagastrobar.es/wp-content/plugins/yith-maintenance-mode/assets/images/skin1/socials/rss.png);
}
.socials a.behance {
background-image: url(//sukhagastrobar.es/wp-content/plugins/yith-maintenance-mode/assets/images/skin1/socials/behance.png);
}
.socials a.dribble {
background-image: url(//sukhagastrobar.es/wp-content/plugins/yith-maintenance-mode/assets/images/skin1/socials/dribble.png);
}
.socials a.email {
background-image: url(//sukhagastrobar.es/wp-content/plugins/yith-maintenance-mode/assets/images/skin1/socials/email.png);
}
.socials a.flickr {
background-image: url(//sukhagastrobar.es/wp-content/plugins/yith-maintenance-mode/assets/images/skin1/socials/flickr.png);
}
.socials a.instagram {
background-image: url(//sukhagastrobar.es/wp-content/plugins/yith-maintenance-mode/assets/images/skin1/socials/instagram.png);
}
.socials a.linkedin {
background-image: url(//sukhagastrobar.es/wp-content/plugins/yith-maintenance-mode/assets/images/skin1/socials/linkedin.png);
}
.socials a.pinterest {
background-image: url(//sukhagastrobar.es/wp-content/plugins/yith-maintenance-mode/assets/images/skin1/socials/pinterest.png);
}
.socials a.skype {
background-image: url(//sukhagastrobar.es/wp-content/plugins/yith-maintenance-mode/assets/images/skin1/socials/skype.png);
}
.socials a.tumblr {
background-image: url(//sukhagastrobar.es/wp-content/plugins/yith-maintenance-mode/assets/images/skin1/socials/tumblr.png);
}
@media (max-width: 767px) {
div.container {
width: auto;
padding-left: 15px;
padding-right: 15px;
}
.yit-box {
padding: 40px 15px;
}
.yit-box img.mascotte {
display: none;
}
.logo {
float: none;
padding-left: 0;
text-align: center;
}
form.newsletter input.submit-field {
padding: 5px;
}
form.newsletter input.text-field {
padding: 16px 144px 16px 22px;
}
.sep {
margin: 40px -16px 44px;
}
}