* {
box-sizing: border-box;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
*:after {
box-sizing: border-box;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
*:before {
box-sizing: border-box;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
html {
font-size: 10px;
}
@media screen and (max-width: 1000px) {
html {
font-size: 2vw;
}
}
body {
font: 500 1.8rem/1.4 "mutkamalar", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #000;
}
.clear {
*zoom: 1;
}
.clear:before {
content: " ";
display: table;
}
.clear:after {
content: " ";
display: table;
clear: both;
}
h1, h2, h3 {
font-weight: 500;
}
.mobileonly {
display: none !important;
}
.mobileonly.flex {
display: none !important;
}
@media screen and (max-width: 1000px) {
.mobileonly {
display: block !important;
}
.mobileonly.flex {
display: flex !important;
}
}
.desktoponly {
display: block !important;
}
.desktoponly.flex {
display: flex !important;
}
@media screen and (max-width: 1000px) {
.desktoponly {
display: none !important;
}
.desktoponly.flex {
display: none !important;
}
}
img {
max-width: 100%;
vertical-align: bottom;
}
a {
color: #00f;
text-decoration: none;
}
a:hover {
color: #00f;
outline: 0;
}
a:focus {
outline: 0;
}
a:active {
outline: 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wrapper {
max-width: 1280px;
width: 100%;
margin: 0 auto;
position: relative;
padding-top: 2rem;
}
@media screen and (max-width: 1000px) {
.wrapper {
overflow-x: hidden;
}
}
@media screen and (min-width: 1001px) {
.wrapper {
padding-top: 0 !important;
}
}
.header {
background-color: #f4f3ed;
position: sticky;
position: -webkit-sticky;
top: 0;
display: flex;
justify-content: space-between;
align-items: center;
text-align: center;
padding: 2rem 0;
z-index: 50;
}
@media screen and (max-width: 1000px) {
.header {
position: fixed;
width: 100%;
}
}
.header .site_title {
flex: 0 0 300px;
}
@media screen and (max-width: 1000px) {
.header .site_title {
flex: 0 0 100%;
}
}
.header .site_title a {
color: inherit;
}
.header .site_title a:hover {
color: inherit;
}
.header .site_title .header_title {
margin: 0 0 0.8rem;
font-weight: 500;
font-size: 2.6rem;
}
.header .site_title .header_title img {
max-width: 55vw;
}
.header .site_title .header_subtitle {
margin: 0;
font-weight: 500;
font-size: 2.1rem;
}
.header .togglenav {
flex: 1 1 auto;
display: flex;
justify-content: flex-end;
align-items: center;
padding: 0 2rem;
position: relative;
z-index: 100;
cursor: pointer;
}
@media screen and (max-width: 1000px) {
.header .togglenav {
position: absolute;
height: 100%;
right: 1%;
top: 0;
}
.header .togglenav img {
width: 3rem;
}
}
.header nav {
position: absolute;
background-color: #c6c5bc;
top: 0;
right: 0;
width: 500px;
max-width: 100%;
height: auto;
max-height: 0;
overflow-x: hidden;
overflow-y: hidden;
z-index: 90;
transition: all 0.5s;
}
@media screen and (max-width: 1000px) {
.header nav {
max-height: 100vh;
width: 100vw;
right: -100vw;
}
}
.header nav.hovered {
max-height: 800px;
overflow-x: hidden;
overflow-y: hidden;
}
.header nav:hover {
max-height: 800px;
overflow-x: hidden;
overflow-y: hidden;
}
.header nav.open {
max-height: 800px;
overflow-x: hidden;
overflow-y: hidden;
}
@media screen and (max-width: 1000px) {
.header nav.open {
max-height: 100vh;
width: 100vw;
right: 0;
}
}
.header nav ul {
list-style-type: none;
text-align: center;
padding: 8rem 0 5rem;
}
.header nav ul li {
font-size: 3.6rem;
padding: 1rem 0;
}
.header nav ul li a {
color: inherit;
display: block;
}
.header nav ul li a:hover {
color: inherit;
}
.header nav ul li a:hover {
background-color: rgba(255, 255, 255, 0.3);
}
.header nav ul li a:focus {
background-color: rgba(0, 0, 0, 0.3);
}
.footer {
background-color: #eae8dc;
padding: 16rem 7rem 12rem;
display: flex;
justify-content: space-between;
align-items: stretch;
margin-top: 2rem;
clear: both;
}
@media screen and (max-width: 1000px) {
.footer {
flex-direction: column;
padding: 2rem 0;
}
.footer .gform_confirmation_wrapper {
min-height: 40rem;
}
}
.footer a {
color: inherit;
}
.footer a:hover {
color: inherit;
}
.footer .footer-link {
margin-bottom: 2rem;
display: block;
}
.footer .footer-widgets > div {
margin-bottom: 2rem;
}
.footer .footer-widgets .widget_nav_menu ul, .footer .footer-widgets .footer-menu {
list-style-type: none;
margin: 0;
padding: 0;
}
.footer .footer_form {
flex: 0 1 57.3rem;
}
@media screen and (max-width: 1000px) {
.footer .footer_form {
flex: 1 1 auto;
padding: 0 2rem;
}
}
.footer .footer_form h3 {
font-size: 3.6rem;
margin: 0 0 1.5rem;
font-weight: 500;
}
.footer .footer_form .gform_wrapper .gform_fields {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
}
.footer .footer_form .gform_wrapper .gform_fields .gfield {
display: flex;
justify-content: space-between;
align-items: stretch;
border-bottom: 1px solid #000;
flex: 0 0 100%;
position: relative;
margin-top: 3rem;
}
@media screen and (max-width: 1000px) {
.footer .footer_form .gform_wrapper .gform_fields .gfield {
margin-top: 0.5rem;
}
}
.footer .footer_form .gform_wrapper .gform_fields .gfield label {
flex: 0 0 auto;
display: flex;
align-items: center;
font-weight: 500;
}
.footer .footer_form .gform_wrapper .gform_fields .gfield label .gfield_required {
display: none;
}
.footer .footer_form .gform_wrapper .gform_fields .gfield .ginput_container {
flex: 1 1 auto;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.footer .footer_form .gform_wrapper .gform_fields .gfield .ginput_container input {
background-color: transparent;
border: none;
}
.footer .footer_form .gform_wrapper .gform_fields .gfield.bold {
font-weight: 700;
}
.footer .footer_form .gform_wrapper .gform_fields .gfield.bold label {
font-weight: 700;
}
.footer .footer_form .gform_wrapper .gform_fields .gfield.bottom_left {
flex: 1 1 auto;
border-bottom: none;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 1000px) {
.footer .footer_form .gform_wrapper .gform_fields .gfield.bottom_left {
flex: 0 0 100%;
}
}
.footer .footer_form .gform_wrapper .gform_fields .gfield.bottom_right {
flex: 0 0 9rem;
border-bottom: none;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 1000px) {
.footer .footer_form .gform_wrapper .gform_fields .gfield.bottom_right {
flex: 0 0 100%;
text-align: center;
}
}
.footer .footer_form .gform_wrapper .gform_fields .gfield .gfield_checkbox li input { height: 0;
width: 0;
overflow: hidden;
margin: 0;
}
.footer .footer_form .gform_wrapper .gform_fields .gfield .gfield_checkbox li label {
font-size: 1.6rem;
}
.footer .footer_form .gform_wrapper .gform_fields .gfield .gfield_checkbox li label:before {
content: "";
margin-right: 0.5rem;
width: 3.3rem;
height: 3.3rem;
border: 0.65rem solid #b4b2a9;
background-color: #b4b2a9;
display: inline-block;
}
.footer .footer_form .gform_wrapper .gform_fields .gfield .gfield_checkbox li :checked + label:before {
border: 0.65rem solid #b4b2a9;
background-color: #fff;
}
.footer .footer_form .gform_wrapper .gform_fields .gfield .submitbutton {
width: 100%;
height: 0;
padding-bottom: 100%;
position: relative;
cursor: pointer;
}
@media screen and (max-width: 1000px) {
.footer .footer_form .gform_wrapper .gform_fields .gfield .submitbutton {
width: 9rem;
padding-bottom: 9rem;
}
}
.footer .footer_form .gform_wrapper .gform_fields .gfield .submitbutton .submit_inner {
position: absolute;
top: 0;
left: 0;
background-color: #000;
color: #fff;
width: 100%;
height: 100%;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.footer .footer_form .gform_wrapper .gform_footer {
font-size: 0;
height: 0;
opacity: 0;
overflow: hidden;
}
.footer .footer_form .gform_wrapper .validation_error {
display: none !important;
}
.footer .footer_form .gform_wrapper .validation_message {
position: absolute;
bottom: 2%;
}
.footer .footer_form .gform_wrapper li.gfield.gfield_error { margin-bottom: 0 !important;
border-top: none !important;
padding-bottom: 15px !important;
padding-top: 0 !important;
}
.footer .footer_form .gform_wrapper li.gfield.gfield_error input, .footer .footer_form .gform_wrapper li.gfield.gfield_error textarea {
border: none !important;
}
.footer .footer_form .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
max-width: none !important;
width: auto !important;
}
.footer .footer_form .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
margin-top: 0;
}
.footer .footer_details {
margin-top: 9rem;
flex: 0 1 31.5rem;
}
.footer .footer_details.link {
margin-top: 0;
}
@media screen and (max-width: 1000px) {
.footer .footer_details {
flex: 1 1 auto;
background: #fff;
margin-top: 0;
text-align: center;
padding: 3rem 0;
}
}
.footer .footer_details > div {
margin-bottom: 2rem;
}
.footer .footer_details .socials {
display: flex;
}
@media screen and (max-width: 1000px) {
.footer .footer_details .socials {
justify-content: center;
}
}
.footer .footer_details .socials .social {
margin-right: 2rem;
}
.page-template-template-home .rows .row {
min-height: 67rem;
position: relative;
}
.page-template-template-home .rows .row.mini {
min-height: 33rem;
margin: 5px 0;
}
.page-template-template-home .rows .row.mini .image_wrapper {
height: 33rem;
}
@media screen and (max-width: 1000px) {
.page-template-template-home .rows .row.mini .image_wrapper {
height: auto;
}
}
@media screen and (max-width: 1000px) {
.page-template-template-home .rows .row.mini {
min-height: 10rem;
}
}
@media screen and (max-width: 1000px) {
.page-template-template-home .rows .row {
min-height: 10rem;
}
}
.page-template-template-home .rows .row .text_wrapper {
padding: 3rem 5%;
display: flex;
justify-content: flex-start;
align-self: center;
}
.page-template-template-home .rows .row .text_wrapper.align-right {
justify-content: flex-end;
}
.page-template-template-home .rows .row .text_wrapper .text_inner {
width: max-content;
flex: 0 0 48%;
padding: 0 1%;
}
@media screen and (max-width: 1000px) {
.page-template-template-home .rows .row .text_wrapper .text_inner {
flex: 0 0 98%;
padding: 0 1%;
}
}
.page-template-template-home .rows .row .text_wrapper .text {
font-size: 3.6rem;
}
@media screen and (max-width: 1000px) {
.page-template-template-home .rows .row .text_wrapper .text {
font-size: 3rem;
}
}
.page-template-template-home .rows .row .text_wrapper .small_text {
font-size: 1.8rem;
margin-top: 2rem;
}
.page-template-template-home .rows .row .text_wrapper .small_text:hover {
text-decoration: underline;
}
@media screen and (max-width: 1000px) {
.page-template-template-home .rows .row .text_wrapper .small_text {
font-size: 1.8rem;
margin-top: 1.5rem;
}
}
.page-template-template-home .rows .row:hover .text_wrapper .small_text {
text-decoration: underline;
}
.page-template-template-home .rows .row .image_wrapper {
position: relative;
width: 100%;
height: 67rem;
max-height: 100%;
}
@media screen and (max-width: 1000px) {
.page-template-template-home .rows .row .image_wrapper {
height: auto;
}
}
.page-template-template-home .rows .row .image_wrapper .home_slider {
height: 100%;
width: 100%;
}
.page-template-template-home .rows .row .image_wrapper .home_slider .slick-list {
height: 100%;
}
.page-template-template-home .rows .row .image_wrapper .home_slider .slick-list .slick-track {
height: 100%;
}
.page-template-template-home .rows .row .image_wrapper .home_slider .slick-list .slick-track .slick-slide {
height: 100%;
}
.page-template-template-home .rows .row .image_wrapper .image_inner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.page-template-template-home .rows .row .image_wrapper .image_inner.padded {
padding: 2.5rem 1rem;
}
@media screen and (max-width: 1000px) {
.page-template-template-home .rows .row .image_wrapper .image_inner {
position: relative;
}
}
.page-template-template-home .rows .row .image_wrapper .image_inner.display-cover img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
.page-template-template-home .rows .row .image_wrapper .image_inner.width-half {
width: 50%;
}
.page-template-template-home .rows .row .image_wrapper .image_inner.width-half.align-right {
left: auto;
right: 0;
}
.page-template-template-home .rows .row .image_wrapper .image_inner.width-half.align-left {
right: auto;
left: 0;
}
.page-template-template-home .rows .row .image_wrapper .image_inner.width-half img {
max-width: 100%;
}
.page-template-template-home .rows .row .image_wrapper .text_wrapper {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
}
@media screen and (max-width: 1000px) {
.page-template-template-home .rows .row .image_wrapper .text_wrapper {
top: 0;
transform: none; }
}
.page-template-template-home .rows .row a.overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: block;
}
.page-template-template-home .bottom_logo {
background-color: #f4f3ed;
margin: 2rem 0 0;
padding: 2rem;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 1000px) {
.page-template-template-home .bottom_logo a {
display: block;
width: 100%;
text-align: center;
}
.page-template-template-home .bottom_logo a img {
max-width: 20%;
}
}
.page-template-template-philosophy main {
background-color: #f4f3ed;
padding: 7rem;
}
@media screen and (max-width: 1000px) {
.page-template-template-philosophy main {
padding: 2rem;
}
}
.page-template-template-philosophy .top {
display: flex;
justify-content: space-between;
align-items: center;
}
@media screen and (max-width: 1000px) {
.page-template-template-philosophy .top {
flex-direction: column;
align-items: flex-start;
margin-bottom: 5rem;
}
}
.page-template-template-philosophy .top h1 {
position: relative;
margin-bottom: 8rem;
}
.page-template-template-philosophy .top h1:after {
display: block;
content: "";
height: 8.6rem;
width: 100%;
background-image: url(//www.spherawinery.com/wp-content/themes/sphera/img/arrow_down.png);
background-position: left bottom;
background-repeat: no-repeat;
position: absolute;
top: 250%;
left: 0;
opacity: 0.4;
}
@media screen and (max-width: 1000px) {
.page-template-template-philosophy .top h1:after {
content: none;
}
}
.page-template-template-philosophy article {
max-width: 600px;
}
.page-template-template-philosophy h3 {
font-size: 3.2rem;
margin-top: 8rem;
}
.page-template-template-philosophy h3:first-of-type {
margin-top: 0;
}
.page-template-template-vineyards .top {
display: flex;
margin-top: 10rem;
margin-bottom: 3rem;
}
@media screen and (max-width: 1000px) {
.page-template-template-vineyards .top {
flex-direction: column;
margin-top: 3rem;
}
}
.page-template-template-vineyards .top h1 {
flex: 0 0 50%;
padding: 0 5rem;
}
@media screen and (max-width: 1000px) {
.page-template-template-vineyards .top h1 {
flex: 1 1 auto;
padding: 1rem 3rem;
}
}
.page-template-template-vineyards .top .description {
flex: 0 0 50%;
font-size: 1.8rem;
padding: 0 1rem;
}
@media screen and (max-width: 1000px) {
.page-template-template-vineyards .top .description {
flex: 1 1 auto;
padding: 1rem 3rem;
}
}
.page-template-template-vineyards .video {
width: 100%;
}
.page-template-template-vineyards .video video {
width: 100%;
}
.page-template-template-vineyards .vineyards .vineyard {
background-color: #d7d6c9;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-areas: "all_text top_image" "slider slider";
margin-bottom: 2rem;
}
@media screen and (max-width: 1000px) {
.page-template-template-vineyards .vineyards .vineyard {
grid-template-columns: 1fr;
grid-template-areas: "title" "top_text" "top_image" "bottom_text" "slider";
}
}
.page-template-template-vineyards .vineyards .vineyard .all_text {
grid-area: all_text;
font-size: 1.8rem;
display: flex;
justify-content: center;
align-self: center;
padding: 0 8rem;
}
.page-template-template-vineyards .vineyards .vineyard .title {
grid-area: title;
font-size: 3.6rem;
margin-bottom: 1rem;
}
@media screen and (max-width: 1000px) {
.page-template-template-vineyards .vineyards .vineyard .title {
padding: 1rem 3rem;
margin-bottom: 0;
}
}
.page-template-template-vineyards .vineyards .vineyard .top_image {
grid-area: top_image;
}
.page-template-template-vineyards .vineyards .vineyard .top_image img {
width: 100%;
}
.page-template-template-vineyards .vineyards .vineyard .top_text {
grid-area: top_text;
font-size: 1.8rem;
}
@media screen and (max-width: 1000px) {
.page-template-template-vineyards .vineyards .vineyard .top_text {
padding: 1rem 3rem;
}
}
.page-template-template-vineyards .vineyards .vineyard .bottom_text {
grid-area: bottom_text;
font-size: 1.8rem;
}
@media screen and (max-width: 1000px) {
.page-template-template-vineyards .vineyards .vineyard .bottom_text {
padding: 1rem 3rem;
}
}
.page-template-template-vineyards .vineyards .vineyard .slider {
grid-area: slider;
max-width: 100%;
}
.page-template-template-vineyards .vineyards .vineyard .slider .images {
width: 100%;
}
.page-template-template-vineyards .vineyards .vineyard .slider .images .images_slider {
width: 100%;
max-width: 100vw;
}
.page-template-template-vineyards .vineyards .vineyard .slider .images .images_slider .image {
display: block !important;
position: relative;
height: 0 !important;
width: 100%;
padding-bottom: 53%;
}
@media screen and (max-width: 1000px) {
.page-template-template-vineyards .vineyards .vineyard .slider .images .images_slider .image {
padding-bottom: 100%;
}
}
.page-template-template-vineyards .vineyards .vineyard .slider .images .images_slider img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-position: center center;
object-fit: cover;
}
.page-template-template-vintage .top {
display: flex;
align-items: center;
margin-top: 10rem;
margin-bottom: 10rem;
}
@media screen and (max-width: 1000px) {
.page-template-template-vintage .top {
flex-direction: column;
align-items: flex-start;
margin-top: 3rem;
margin-bottom: 3rem;
}
}
.page-template-template-vintage .top h1 {
flex: 0 0 50%;
padding: 0 5rem;
}
@media screen and (max-width: 1000px) {
.page-template-template-vintage .top h1 {
flex: 1 1 auto;
padding: 1rem 3rem;
}
}
.page-template-template-vintage .top .years {
flex: 0 0 50%;
list-style-type: none;
display: flex;
}
@media screen and (max-width: 1000px) {
.page-template-template-vintage .top .years {
flex: 1 1 auto;
flex-wrap: wrap;
padding: 1rem 3rem;
}
}
.page-template-template-vintage .top .years .year {
padding: 0 1rem;
line-height: 1;
border-right: 1px solid #000;
cursor: pointer;
}
@media screen and (max-width: 1000px) {
.page-template-template-vintage .top .years .year {
font-size: 3.6rem;
margin-bottom: 1rem;
}
}
.page-template-template-vintage .top .years .year:first-of-type {
border-left: 1px solid #000;
}
.page-template-template-vintage .vintages .vintage {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
align-items: flex-end;
}
@media screen and (max-width: 1000px) {
.page-template-template-vintage .vintages .vintage {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
}
.page-template-template-vintage .vintages .vintage .content {
flex: 0 0 55%;
padding-left: 8%;
}
@media screen and (max-width: 1000px) {
.page-template-template-vintage .vintages .vintage .content {
flex: 1 1 auto;
padding-right: 3rem;
padding-left: 3rem;
}
}
.page-template-template-vintage .vintages .vintage .content .year {
font-size: 3.6rem;
font-weight: 700;
}
.page-template-template-vintage .vintages .vintage .content .sep {
height: 1px;
margin: 2rem 0;
background-color: #000;
width: 60%;
}
.page-template-template-vintage .vintages .vintage .content .title {
font-size: 3.6rem;
line-height: 1.1;
font-weight: 700;
}
.page-template-template-vintage .vintages .vintage .content .subtitle {
line-height: 1.1;
font-size: 3.6rem;
margin-bottom: 2rem;
}
.page-template-template-vintage .vintages .vintage .content .bottom {
display: flex;
margin-top: 8rem;
align-items: flex-end;
}
@media screen and (max-width: 1000px) {
.page-template-template-vintage .vintages .vintage .content .bottom {
margin-bottom: 4rem;
margin-top: 2rem;
}
}
.page-template-template-vintage .vintages .vintage .content .bottom .bottle {
width: 12rem;
height: 12rem;
background-repeat: no-repeat;
background-position: center bottom;
background-size: contain;
margin-right: 3rem;
position: relative;
}
.page-template-template-vintage .vintages .vintage .content .bottom .bottle.up {
background-image: url(//www.spherawinery.com/wp-content/themes/sphera/img/bottle_up.png);
}
.page-template-template-vintage .vintages .vintage .content .bottom .bottle.middle {
background-image: url(//www.spherawinery.com/wp-content/themes/sphera/img/bottle_45.png);
}
.page-template-template-vintage .vintages .vintage .content .bottom .bottle.down {
background-image: url(//www.spherawinery.com/wp-content/themes/sphera/img/bottle_down.png);
}
.page-template-template-vintage .vintages .vintage .content .bottom .bottle .text {
display: none;
position: absolute;
left: 0;
top: 102%;
color: #000;
}
.page-template-template-vintage .vintages .vintage .content .bottom .bottle:hover .text {
display: block;
}
.page-template-template-vintage .vintages .vintage .content .bottom .backtotop {
opacity: 0.4;
cursor: pointer;
}
.page-template-template-vintage .vintages .vintage .image {
flex: 0 0 45%;
}
@media screen and (max-width: 1000px) {
.page-template-template-vintage .vintages .vintage .image {
flex: 1 1 auto;
}
}
.page-template-template-vintage .vintages .vintage .image img {
width: 100%;
}
.page-template-template-wine { }
.page-template-template-wine .top {
display: flex;
margin-top: 10rem;
margin-bottom: 3rem;
}
@media screen and (max-width: 1000px) {
.page-template-template-wine .top {
flex-direction: column;
margin-top: 3rem;
}
}
.page-template-template-wine .top h1 {
flex: 0 0 50%;
padding: 0 5rem;
}
@media screen and (max-width: 1000px) {
.page-template-template-wine .top h1 {
flex: 1 1 auto;
padding: 1rem 3rem;
}
}
.page-template-template-wine .top .description {
flex: 0 0 50%;
font-size: 1.8rem;
padding: 0 1rem;
}
@media screen and (max-width: 1000px) {
.page-template-template-wine .top .description {
flex: 1 1 auto;
padding: 1rem 3rem;
}
}
.page-template-template-wine .main_title {
background-color: #f4f3ed;
font-size: 3.6rem;
padding: 4rem 6rem;
}
@media screen and (max-width: 1000px) {
.page-template-template-wine .main_title {
padding: 8rem 3rem;
}
}
.page-template-template-wine .top_section {
display: flex;
background-color: #eae8dc;
}
@media screen and (max-width: 1000px) {
.page-template-template-wine .top_section {
flex-direction: column;
}
}
.page-template-template-wine .top_section .image {
flex: 0 0 50%;
}
@media screen and (max-width: 1000px) {
.page-template-template-wine .top_section .image {
flex: 1 1 auto;
}
}
.page-template-template-wine .top_section .content {
flex: 0 0 50%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 0 12.5%;
text-align: center;
}
@media screen and (max-width: 1000px) {
.page-template-template-wine .top_section .content {
flex: 1 1 auto;
padding: 8rem 3rem;
}
}
.page-template-template-wine .top_section .content .title {
font-size: 3.6rem;
padding: 2rem 0;
width: 100%;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
margin-bottom: 3rem;
}
.page-template-template-wine .wines {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 8rem 0;
margin: 8rem 0;
}
@media screen and (max-width: 1000px) {
.page-template-template-wine .wines {
grid-template-columns: 1fr;
grid-gap: 3rem 0;
margin: 3rem 0;
}
}
.page-template-template-wine .wines .wine {
padding: 0 35% 0 12.5%;
}
@media screen and (max-width: 1000px) {
.page-template-template-wine .wines .wine {
padding: 0 3rem;
}
}
.page-template-template-wine .wines .wine .title {
font-size: 3.6rem;
margin-bottom: 3rem;
}
.page-template-template-wine .bottom_section {
display: flex;
flex-direction: row-reverse;
background-color: #eae8dc;
}
@media screen and (max-width: 1000px) {
.page-template-template-wine .bottom_section {
flex-direction: column;
}
}
.page-template-template-wine .bottom_section .image {
flex: 0 0 50%;
}
@media screen and (max-width: 1000px) {
.page-template-template-wine .bottom_section .image {
flex: 1 1 auto;
}
}
.page-template-template-wine .bottom_section .content {
flex: 0 0 50%;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 0 12.5%;
text-align: center;
}
@media screen and (max-width: 1000px) {
.page-template-template-wine .bottom_section .content {
flex: 1 1 auto;
padding: 8rem 3rem;
}
}
.page-template-template-wine .bottom_section .content .title {
font-size: 3.6rem;
padding: 2rem 0;
width: 100%;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
margin-bottom: 3rem;
}
.page-template-template-about .top {
display: flex;
align-items: center;
margin-top: 10rem;
margin-bottom: 8rem;
}
@media screen and (max-width: 1000px) {
.page-template-template-about .top {
flex-direction: column;
margin-top: 3rem;
margin-bottom: 3rem;
}
}
.page-template-template-about .top h1 {
flex: 0 0 50%;
font-size: 3.6rem;
padding: 0 5rem;
}
@media screen and (max-width: 1000px) {
.page-template-template-about .top h1 {
flex: 1 1 auto;
padding: 1rem 3rem;
align-self: flex-start;
}
}
.page-template-template-about .top .right_content {
flex: 0 0 50%;
list-style-type: none;
display: flex;
}
@media screen and (max-width: 1000px) {
.page-template-template-about .top .right_content {
flex: 1 1 auto;
flex-wrap: wrap;
padding: 1rem 3rem;
align-self: flex-start;
}
}
.page-template-template-about .top_content {
font-size: 3.6rem;
text-align: center;
padding: 3rem;
background-color: #f4f3ed;
}
@media screen and (max-width: 1000px) {
.page-template-template-about .top_content {
text-align: initial;
}
}
.page-template-template-about article {
text-align: center;
}
@media screen and (max-width: 1000px) {
.page-template-template-about article {
text-align: initial;
}
.page-template-template-about article .the_content {
padding: 0 3rem;
}
}
.page-template-template-about .alignnone {
margin: 0;
}
@media screen and (max-width: 1000px) {
.page-template-template-about .alignnone {
width: calc(100% + 6rem);
max-width: calc(100% + 6rem);
margin: 0 -3rem;
}
}
.page-template-template-visit .top {
display: flex;
align-items: center;
margin-top: 10rem;
margin-bottom: 8rem;
}
@media screen and (max-width: 1000px) {
.page-template-template-visit .top {
flex-direction: column;
margin-top: 3rem;
margin-bottom: 3rem;
align-items: flex-start;
}
}
.page-template-template-visit .top h1 {
flex: 0 0 50%;
font-size: 3.6rem;
padding: 0 5rem;
}
@media screen and (max-width: 1000px) {
.page-template-template-visit .top h1 {
flex: 1 1 auto;
padding: 1rem 3rem;
align-self: flex-start;
}
}
.page-template-template-visit .top .right_content {
display: grid;
grid-template-columns: max-content max-content;
grid-gap: 0 1.5rem;
}
@media screen and (max-width: 1000px) {
.page-template-template-visit .top .right_content {
align-self: flex-start;
grid-template-columns: max-content;
flex: 1 1 auto;
padding: 0 3rem;
}
}
.page-template-template-visit .top .right_content a {
color: inherit;
}
.page-template-template-visit .top .right_content a:hover {
color: inherit;
}
.page-template-template-visit .top .right_content a.normal {
color: blue;
}
.page-template-template-visit .top .right_content a.normal:hover {
color: blue;
}
.page-template-template-visit .top .right_content .above {
grid-column: span 2;
margin-bottom: 1rem;
}
@media screen and (max-width: 1000px) {
.page-template-template-visit .top .right_content .above {
grid-column: span 1;
}
}
.page-template-template-visit .top .right_content .below {
grid-column: span 2;
margin-top: 1rem;
}
@media screen and (max-width: 1000px) {
.page-template-template-visit .top .right_content .below {
grid-column: span 1;
}
}
.page-template-template-visit .top_title {
background-color: #f4f3ed;
font-size: 3.6rem;
padding: 4rem 6rem;
}
@media screen and (max-width: 1000px) {
.page-template-template-visit .top_title {
padding: 2rem 3rem;
}
}
.page-template-template-visit .visit_rows .visit_row {
display: flex;
align-items: center;
}
.page-template-template-visit .visit_rows .visit_row:nth-child(even) {
flex-direction: row-reverse;
}
@media screen and (max-width: 1000px) {
.page-template-template-visit .visit_rows .visit_row {
flex-direction: column-reverse;
}
.page-template-template-visit .visit_rows .visit_row:nth-child(even) {
flex-direction: column-reverse;
}
}
.page-template-template-visit .visit_rows .visit_row .images {
flex: 0 0 50%;
width: 50%;
}
@media screen and (max-width: 1000px) {
.page-template-template-visit .visit_rows .visit_row .images {
flex: 1 1 auto;
width: 100%;
}
}
.page-template-template-visit .visit_rows .visit_row .images .image_slider {
width: 100%;
}
.page-template-template-visit .visit_rows .visit_row .content {
flex: 0 0 50%;
padding: 0 10rem;
}
@media screen and (max-width: 1000px) {
.page-template-template-visit .visit_rows .visit_row .content {
flex: 1 1 auto;
padding: 3rem;
}
}
.page-template-template-visit .visit_rows .visit_row .content .title {
font-size: 3.6rem;
}
.page-template-template-visit .visit_rows .visit_row .content .form .gform_wrapper .gform_fields {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
}
.page-template-template-visit .visit_rows .visit_row .content .form .gform_wrapper .gform_fields .gfield {
display: flex;
justify-content: space-between;
align-items: stretch;
border-bottom: 1px solid #000;
flex: 0 0 100%;
position: relative;
margin-top: 3rem;
}
@media screen and (max-width: 1000px) {
.page-template-template-visit .visit_rows .visit_row .content .form .gform_wrapper .gform_fields .gfield {
margin-top: 0.5rem;
}
}
.page-template-template-visit .visit_rows .visit_row .content .form .gform_wrapper .gform_fields .gfield.gfield_html {
border-bottom: none;
}
.page-template-template-visit .visit_rows .visit_row .content .form .gform_wrapper .gform_fields .gfield label {
flex: 0 0 auto;
display: flex;
align-items: center;
font-weight: 500;
}
.page-template-template-visit .visit_rows .visit_row .content .form .gform_wrapper .gform_fields .gfield label .gfield_required {
display: none;
}
.page-template-template-visit .visit_rows .visit_row .content .form .gform_wrapper .gform_fields .gfield .ginput_container {
flex: 1 1 auto;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.page-template-template-visit .visit_rows .visit_row .content .form .gform_wrapper .gform_fields .gfield .ginput_container input {
background-color: transparent;
border: none;
}
.page-template-template-visit .visit_rows .visit_row .content .form .gform_wrapper .gform_fields .gfield .ginput_container textarea {
background-color: #f4f3ed;
height: 10rem;
border: none;
}
.page-template-template-visit .visit_rows .visit_row .content .form .gform_wrapper .gform_fields .gfield.bold {
font-weight: 700;
}
.page-template-template-visit .visit_rows .visit_row .content .form .gform_wrapper .gform_fields .gfield.bold label {
font-weight: 700;
}
.page-template-template-visit .visit_rows .visit_row .content .form .gform_wrapper .gform_fields .gfield.bottom_left {
flex: 0 0 74%;
border-bottom: none;
display: flex;
justify-content: center;
align-items: center;
}
.page-template-template-visit .visit_rows .visit_row .content .form .gform_wrapper .gform_fields .gfield.bottom_left label {
display: none;
}
@media screen and (max-width: 1000px) {
.page-template-template-visit .visit_rows .visit_row .content .form .gform_wrapper .gform_fields .gfield.bottom_left {
flex: 0 0 100%;
}
}
.page-template-template-visit .visit_rows .visit_row .content .form .gform_wrapper .gform_fields .gfield.bottom_right {
flex: 0 0 22%;
border-bottom: none;
display: flex;
justify-content: center;
align-items: center;
padding-right: 0 !important;
padding-left: 0 !important;
}
@media screen and (max-width: 1000px) {
.page-template-template-visit .visit_rows .visit_row .content .form .gform_wrapper .gform_fields .gfield.bottom_right {
flex: 0 0 100%;
text-align: center;
}
}
.page-template-template-visit .visit_rows .visit_row .content .form .gform_wrapper .gform_fields .gfield .gfield_checkbox li input {
display: none;
}
.page-template-template-visit .visit_rows .visit_row .content .form .gform_wrapper .gform_fields .gfield .gfield_checkbox li label {
font-size: 1.6rem;
}
.page-template-template-visit .visit_rows .visit_row .content .form .gform_wrapper .gform_fields .gfield .gfield_checkbox li label:before {
content: "";
margin-right: 0.5rem;
width: 3.3rem;
height: 3.3rem;
border: 0.65rem solid #b4b2a9;
background-color: #b4b2a9;
display: inline-block;
}
.page-template-template-visit .visit_rows .visit_row .content .form .gform_wrapper .gform_fields .gfield .gfield_checkbox li :checked + label:before {
border: 0.65rem solid #b4b2a9;
background-color: #fff;
}
.page-template-template-visit .visit_rows .visit_row .content .form .gform_wrapper .gform_fields .gfield .submitbutton {
width: 100%;
height: 0;
padding-bottom: 100%;
position: relative;
cursor: pointer;
}
@media screen and (max-width: 1000px) {
.page-template-template-visit .visit_rows .visit_row .content .form .gform_wrapper .gform_fields .gfield .submitbutton {
width: 9rem;
padding-bottom: 9rem;
}
}
.page-template-template-visit .visit_rows .visit_row .content .form .gform_wrapper .gform_fields .gfield .submitbutton .submit_inner {
position: absolute;
top: 0;
left: 0;
background-color: #000;
color: #fff;
width: 100%;
height: 100%;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.page-template-template-visit .visit_rows .visit_row .content .form .gform_wrapper .gform_footer {
font-size: 0;
height: 0;
opacity: 0;
overflow: hidden;
}
.page-template-template-visit .visit_rows .visit_row .content .form .gform_wrapper .validation_error {
display: none !important;
}
.page-template-template-visit .visit_rows .visit_row .content .form .gform_wrapper .validation_message {
position: absolute;
top: 40%;
}
.page-template-template-visit .visit_rows .visit_row .content .form .gform_wrapper li.gfield.gfield_error { margin-bottom: 0 !important;
border-top: none !important;
padding-bottom: 15px !important;
padding-top: 0 !important;
}
.page-template-template-visit .visit_rows .visit_row .content .form .gform_wrapper li.gfield.gfield_error input, .page-template-template-visit .visit_rows .visit_row .content .form .gform_wrapper li.gfield.gfield_error textarea {
border: none !important;
}
.page-template-template-visit .visit_rows .visit_row .content .form .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
max-width: none !important;
width: auto !important;
}
.page-template-template-visit .visit_rows .visit_row .content .form .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
margin-top: 0;
}
.page-template-default .top {
display: flex;
align-items: center;
margin-top: 10rem;
margin-bottom: 8rem;
}
@media screen and (max-width: 1000px) {
.page-template-default .top {
flex-direction: column;
margin-top: 3rem;
margin-bottom: 3rem;
}
}
.page-template-default .top h1 {
flex: 0 0 50%;
}
.page-template-default .top h1.full {
flex: 1 1 auto;
}
@media screen and (max-width: 1000px) {
.page-template-default .top h1 {
flex: 1 1 auto;
padding: 1rem 3rem;
align-self: flex-start;
}
}
.page-template-default .top .right_content {
flex: 0 0 50%;
list-style-type: none;
display: flex;
}
@media screen and (max-width: 1000px) {
.page-template-default .top .right_content {
flex: 1 1 auto;
flex-wrap: wrap;
padding: 1rem 3rem;
}
}
.page-template-default .top_content {
font-size: 3.6rem;
text-align: center;
padding: 3rem;
background-color: #f4f3ed;
}
.page-template-template-landing .grid_wrapper {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-areas: "image content form";
grid-gap: 10rem;
padding: 3rem 4rem;
background-color: #eae8dc;
margin: 2rem 0 0;
}
@media screen and (max-width: 1000px) {
.page-template-template-landing .grid_wrapper {
grid-template-columns: 1fr;
grid-template-areas: "content" "form" "image";
grid-gap: 2rem;
}
}
.page-template-template-landing .grid_wrapper .image {
grid-area: image;
display: flex;
align-items: flex-start;
justify-content: center;
}
.page-template-template-landing .grid_wrapper .content {
grid-area: content;
max-width: 200px;
margin: 0 auto;
}
@media screen and (max-width: 1000px) {
.page-template-template-landing .grid_wrapper .content {
max-width: none;
}
}
.page-template-template-landing .grid_wrapper .content h1 {
font-size: 3rem;
line-height: 1.2;
}
.page-template-template-landing .grid_wrapper .form {
grid-area: form;
max-width: 28rem;
}
@media screen and (max-width: 1000px) {
.page-template-template-landing .grid_wrapper .form {
max-width: none;
background-color: #fff;
margin: 0px -4rem;
padding: 1rem 4rem;
}
}
.page-template-template-landing .grid_wrapper .form .gform_wrapper h3.gform_title {
font-size: 3rem;
font-weight: 500;
line-height: 1.2;
}
@media screen and (max-width: 1000px) {
.page-template-template-landing .grid_wrapper .form .gform_wrapper h3.gform_title {
text-align: center !important;
width: 100%;
}
}
.page-template-template-landing .grid_wrapper .form .gform_wrapper .gform_fields {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
}
.page-template-template-landing .grid_wrapper .form .gform_wrapper .gform_fields .gfield {
display: flex;
justify-content: space-between;
align-items: stretch;
border-bottom: 1px solid #000;
flex: 0 0 100%;
position: relative;
margin-top: 1.5rem;
}
@media screen and (max-width: 1000px) {
.page-template-template-landing .grid_wrapper .form .gform_wrapper .gform_fields .gfield {
margin-top: 0.5rem;
}
}
.page-template-template-landing .grid_wrapper .form .gform_wrapper .gform_fields .gfield label {
flex: 0 0 auto;
display: flex;
align-items: center;
font-weight: 500;
}
.page-template-template-landing .grid_wrapper .form .gform_wrapper .gform_fields .gfield label .gfield_required {
display: none;
}
.page-template-template-landing .grid_wrapper .form .gform_wrapper .gform_fields .gfield .ginput_container {
flex: 1 1 auto;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.page-template-template-landing .grid_wrapper .form .gform_wrapper .gform_fields .gfield .ginput_container input {
background-color: transparent;
border: none;
}
.page-template-template-landing .grid_wrapper .form .gform_wrapper .gform_fields .gfield.bold {
font-weight: 700;
}
.page-template-template-landing .grid_wrapper .form .gform_wrapper .gform_fields .gfield.bold label {
font-weight: 700;
}
.page-template-template-landing .grid_wrapper .form .gform_wrapper .gform_fields .gfield.bottom_left {
flex: 1 1 auto;
border-bottom: none;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 1000px) {
.page-template-template-landing .grid_wrapper .form .gform_wrapper .gform_fields .gfield.bottom_left {
flex: 0 0 100%;
}
}
.page-template-template-landing .grid_wrapper .form .gform_wrapper .gform_fields .gfield.bottom_right {
flex: 0 0 9rem;
border-bottom: none;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 1000px) {
.page-template-template-landing .grid_wrapper .form .gform_wrapper .gform_fields .gfield.bottom_right {
flex: 0 0 100%;
text-align: center;
}
}
.page-template-template-landing .grid_wrapper .form .gform_wrapper .gform_fields .gfield .gfield_checkbox li input { height: 0;
width: 0;
overflow: hidden;
margin: 0;
}
.page-template-template-landing .grid_wrapper .form .gform_wrapper .gform_fields .gfield .gfield_checkbox li label {
font-size: 1.6rem;
}
.page-template-template-landing .grid_wrapper .form .gform_wrapper .gform_fields .gfield .gfield_checkbox li label:before {
content: "";
margin-right: 0.5rem;
width: 3.3rem;
height: 3.3rem;
border: 0.65rem solid #b4b2a9;
background-color: #b4b2a9;
display: inline-block;
}
.page-template-template-landing .grid_wrapper .form .gform_wrapper .gform_fields .gfield .gfield_checkbox li :checked + label:before {
border: 0.65rem solid #b4b2a9;
background-color: #fff;
}
.page-template-template-landing .grid_wrapper .form .gform_wrapper .gform_fields .gfield .submitbutton {
width: 100%;
height: 0;
padding-bottom: 100%;
position: relative;
cursor: pointer;
}
@media screen and (max-width: 1000px) {
.page-template-template-landing .grid_wrapper .form .gform_wrapper .gform_fields .gfield .submitbutton {
width: 9rem;
padding-bottom: 9rem;
}
}
.page-template-template-landing .grid_wrapper .form .gform_wrapper .gform_fields .gfield .submitbutton .submit_inner {
position: absolute;
top: 0;
left: 0;
background-color: #000;
color: #fff;
width: 100%;
height: 100%;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.page-template-template-landing .grid_wrapper .form .gform_wrapper .gform_footer {
font-size: 1rem;
height: auto;
opacity: 1;
overflow: auto;
text-align: left;
}
.page-template-template-landing .grid_wrapper .form .gform_wrapper .gform_footer input[type=submit] {
width: 8rem;
height: 8rem;
position: relative;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
background-color: #000;
color: #fff;
border-radius: 50%;
border: none;
font-size: 1.8rem;
margin-left: 0;
margin-right: auto;
}
@media screen and (max-width: 1000px) {
.page-template-template-landing .grid_wrapper .form .gform_wrapper .gform_footer input[type=submit] {
margin-left: auto;
}
}
.page-template-template-landing .grid_wrapper .form .gform_wrapper .validation_error {
display: none !important;
}
.page-template-template-landing .grid_wrapper .form .gform_wrapper .validation_message {
position: absolute;
bottom: 1%;
pointer-events: none;
padding: 0;
}
.page-template-template-landing .grid_wrapper .form .gform_wrapper li.gfield.gfield_error { margin-bottom: 0 !important;
border-top: none !important;
padding-bottom: 15px !important;
padding-top: 0 !important;
}
.page-template-template-landing .grid_wrapper .form .gform_wrapper li.gfield.gfield_error input, .page-template-template-landing .grid_wrapper .form .gform_wrapper li.gfield.gfield_error textarea {
border: none !important;
}
.page-template-template-landing .grid_wrapper .form .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
max-width: none !important;
width: auto !important;
}
.page-template-template-landing .grid_wrapper .form .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
margin-top: 0;
}
.page-template-template-landing footer {
display: flex;
justify-content: center;
align-items: center;
padding: 1rem 0;
}
@media screen and (max-width: 1000px) {
.page-template-template-landing footer {
flex-wrap: wrap;
justify-content: center;
}
}
.page-template-template-landing footer .item {
margin: 0 1rem;
}
@media screen and (max-width: 1000px) {
.page-template-template-landing footer .item { }
}
.page-template-template-landing footer .item a {
color: inherit;
}
.entrance_popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.entrance_popup.hidden {
display: none;
}
.entrance_popup .popup_inner {
background-color: #eae8dc;
border: 1px solid #000;
padding: 4rem 3rem 0;
text-align: center;
max-width: 60rem;
}
.entrance_popup .popup_inner .main_text {
font-size: 4rem;
margin-top: 3rem;
padding: 0 4rem;
line-height: 1;
}
.entrance_popup .popup_inner .sec_text {
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 4rem;
}
.entrance_popup .popup_inner .button {
width: 100%;
padding: 0 6rem;
}
.entrance_popup .popup_inner .button button {
background-color: #000;
color: #fff;
width: 100%;
border: none;
font-size: 2.5rem;
padding: 0.5rem 1rem;
background-image: url(//www.spherawinery.com/wp-content/themes/sphera/img/arrow_button_right.png);
background-position: right 2rem center;
background-repeat: no-repeat;
}
.entrance_popup .popup_inner .check {
width: 100%;
text-align: left;
margin-bottom: 3rem;
padding: 1rem 6rem;
}
.entrance_popup .popup_inner .check input {
background-color: transparent;
width: 2rem;
height: 2rem;
padding: 0 0.5rem;
vertical-align: middle;
}
.entrance_popup .popup_inner .check label {
padding: 0 1rem;
}
.entrance_popup .popup_inner .bottom_text {
font-size: 2rem;
font-weight: 700;
margin-bottom: 0.5rem;
}
.woocommerce .woo_footer, .cart .woo_footer, .checkout .woo_footer {
clear: both;
padding: 2rem 5rem;
}
@media screen and (max-width: 1000px) {
.woocommerce .woo_footer, .cart .woo_footer, .checkout .woo_footer {
padding: 1rem 3rem;
}
}
.woocommerce .woo_footer a, .cart .woo_footer a, .checkout .woo_footer a {
color: #000;
text-decoration: underline;
}
.woocommerce main, .cart main, .checkout main {
padding: 2rem 5rem;
}
@media screen and (max-width: 1000px) {
.woocommerce main, .cart main, .checkout main {
padding: 1rem 3rem;
}
}
.woocommerce span.onsale, .cart span.onsale, .checkout span.onsale {
background-color: #000;
}
.woocommerce main a h1, .woocommerce main a h2, .woocommerce main a h3, .cart main a h1, .cart main a h2, .cart main a h3, .checkout main a h1, .checkout main a h2, .checkout main a h3 {
color: #000;
}
.woocommerce main a.button, .cart main a.button, .checkout main a.button {
background-color: #b4b2a9;
color: #fff;
}
.woocommerce main .top, .cart main .top, .checkout main .top {
margin-top: 0;
margin-bottom: 0;
}
.woocommerce main .clear_button, .cart main .clear_button, .checkout main .clear_button {
border: 2px solid #acacac;
color: #000;
padding: 0.5rem;
}
.woocommerce a.button, .woocommerce button.button, .cart a.button, .cart button.button, .checkout a.button, .checkout button.button {
background-color: #b4b2a9;
color: #fff;
}
.woocommerce a.button.alt, .woocommerce button.button.alt, .cart a.button.alt, .cart button.button.alt, .checkout a.button.alt, .checkout button.button.alt {
background-color: #b4b2a9;
color: #fff;
}
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .cart a.button.alt:hover, .cart button.button.alt:hover, .checkout a.button.alt:hover, .checkout button.button.alt:hover {
background-color: #dfdcde;
color: #515151;
}
.woocommerce a.button.alt.checkout-button, .woocommerce button.button.alt.checkout-button, .cart a.button.alt.checkout-button, .cart button.button.alt.checkout-button, .checkout a.button.alt.checkout-button, .checkout button.button.alt.checkout-button {
background-color: #000;
}
.woocommerce a.button.alt.checkout-button:hover, .woocommerce button.button.alt.checkout-button:hover, .cart a.button.alt.checkout-button:hover, .cart button.button.alt.checkout-button:hover, .checkout a.button.alt.checkout-button:hover, .checkout button.button.alt.checkout-button:hover {
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
}
.woocommerce a.button:disabled, .woocommerce button.button:disabled, .cart a.button:disabled, .cart button.button:disabled, .checkout a.button:disabled, .checkout button.button:disabled {
background-color: #B6B6B6;
color: #666 !important;
}
.woocommerce a.button:disabled:hover, .woocommerce button.button:disabled:hover, .cart a.button:disabled:hover, .cart button.button:disabled:hover, .checkout a.button:disabled:hover, .checkout button.button:disabled:hover {
background-color: #B6B6B6;
color: #666;
}
.woocommerce a.button:disabled[disabled], .woocommerce button.button:disabled[disabled], .cart a.button:disabled[disabled], .cart button.button:disabled[disabled], .checkout a.button:disabled[disabled], .checkout button.button:disabled[disabled] {
background-color: #B6B6B6;
color: #666;
}
.woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button:disabled[disabled]:hover, .cart a.button:disabled[disabled]:hover, .cart button.button:disabled[disabled]:hover, .checkout a.button:disabled[disabled]:hover, .checkout button.button:disabled[disabled]:hover {
background-color: #B6B6B6;
color: #666;
}
.woocommerce ul.products li.product .price, .cart ul.products li.product .price, .checkout ul.products li.product .price {
color: #000;
}
.woocommerce div.product p.price, .woocommerce div.product span.price, .cart div.product p.price, .cart div.product span.price, .checkout div.product p.price, .checkout div.product span.price {
color: #000;
font-size: 3rem;
margin: 1rem 0;
}
.woocommerce div.product .stock, .cart div.product .stock, .checkout div.product .stock {
color: #000;
}
.woocommerce div.product .product_meta > span, .cart div.product .product_meta > span, .checkout div.product .product_meta > span {
display: inline-block;
border-right: 1px solid #000;
padding-right: 5px; }
.woocommerce div.product div.images, .cart div.product div.images, .checkout div.product div.images {
float: right;
}
.woocommerce div.product div.images .flex-control-thumbs, .cart div.product div.images .flex-control-thumbs, .checkout div.product div.images .flex-control-thumbs {
margin-top: 5px;
}
.woocommerce div.product div.summary, .cart div.product div.summary, .checkout div.product div.summary {
float: left;
}
.woocommerce div.product form.cart h4, .cart div.product form.cart h4, .checkout div.product form.cart h4 {
margin: 0.5rem 0;
}
.woocommerce div.product form.cart div.quantity, .cart div.product form.cart div.quantity, .checkout div.product form.cart div.quantity {
float: none;
margin-bottom: 3rem;
}
.woocommerce .sphera_woo_buttons a, .cart .sphera_woo_buttons a, .checkout .sphera_woo_buttons a {
margin-left: 1rem;
}
.woocommerce .sphera_woo_buttons a.cart_link, .cart .sphera_woo_buttons a.cart_link, .checkout .sphera_woo_buttons a.cart_link {
text-align: center;
color: #000;
display: block;
}
.woocommerce a.remove, .cart a.remove, .checkout a.remove {
background-image: url(//www.spherawinery.com/wp-content/themes/sphera/img/icon_close.png);
background-color: transparent;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
font-size: 0;
display: block;
width: 1.5rem;
height: 1.5rem;
}
.woocommerce a.remove:hover, .cart a.remove:hover, .checkout a.remove:hover {
background-color: transparent;
background-image: url(//www.spherawinery.com/wp-content/themes/sphera/img/icon_close.png);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}
.post-type-archive-product main .sphera_woo_buttons, .tax-product_cat main .sphera_woo_buttons {
float: right;
margin-block-start: 3rem;
}
.cart main .sphera_woo_buttons, .checkout main .sphera_woo_buttons {
float: right;
margin-block-start: 1.5rem;
}
.cart main dl.variation p, .checkout main dl.variation p {
margin-top: 0;
}
.single-product main .sphera_woo_buttons {
float: right;
text-align: right;
margin: 2rem 0;
}
.single-product main .sphera_woo_buttons a {
display: inline-block;
}
.single-product .woocommerce-message {
background-color: transparent;
border-top: none;
}
.cart .top {
display: none;
}
.cart article .top {
display: block;
}
.woocommerce-info {
border-top-color: #000;
}
.woocommerce-info::before {
color: #000;
}
@font-face {
font-family: "mutkamalar";
src: url(//www.spherawinery.com/wp-content/themes/sphera/fonts/MuktaMalar-ExtraLight.ttf) format("truetype");
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: "mutkamalar";
src: url(//www.spherawinery.com/wp-content/themes/sphera/fonts/MuktaMalar-Light.ttf) format("truetype");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "mutkamalar";
src: url(//www.spherawinery.com/wp-content/themes/sphera/fonts/MuktaMalar-Medium.ttf) format("truetype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "mutkamalar";
src: url(//www.spherawinery.com/wp-content/themes/sphera/fonts/MuktaMalar-Regular.ttf) format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: "mutkamalar";
src: url(//www.spherawinery.com/wp-content/themes/sphera/fonts/MuktaMalar-SemiBold.ttf) format("truetype");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "mutkamalar";
src: url(//www.spherawinery.com/wp-content/themes/sphera/fonts/MuktaMalar-Bold.ttf) format("truetype");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: "mutkamalar";
src: url(//www.spherawinery.com/wp-content/themes/sphera/fonts/MuktaMalar-ExtraBold.ttf) format("truetype");
font-weight: 800;
font-style: normal;
}
::selection {
background: #00f;
color: #fff;
text-shadow: none;
}
::-moz-selection {
background: #00f;
color: #fff;
text-shadow: none;
}
.alignnone {
margin: 5px;
}
.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
.wp-caption {
background: #fff;
border: 1px solid #fff;
max-width: 96%;
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption .wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.gallery-caption {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.wc-bookings-booking-form .block-picker li {
float: right;
direction: ltr;
}
@media print {
* {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a {
text-decoration: underline;
}
a:visited {
text-decoration: underline;
}
pre {
border: 1px solid #000;
page-break-inside: avoid;
}
blockquote {
border: 1px solid #000;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr {
page-break-inside: avoid;
}
img {
page-break-inside: avoid;
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p {
orphans: 3;
widows: 3;
}
h2 {
orphans: 3;
widows: 3;
page-break-after: avoid;
}
h3 {
orphans: 3;
widows: 3;
page-break-after: avoid;
}
a[href]:after {
content: "(" attr(href) ")";
}
abbr[title]:after {
content: "(" attr(title) ")";
}
.ir a:after {
content: "";
}
a[href^="javascript:"]:after {
content: "";
}
a[href^="#"]:after {
content: "";
}
}
input:focus {
outline: 0;
border: 1px solid #00f;
}
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
@media only screen and (min-width: 641px) and (max-width: 1000px) {
.gform_wrapper ul.gform_fields li.gfield {
padding-right: 0 !important;
padding-left: 0 !important;
}
}
.gform_wrapper .validation_message {
color: #d20005 !important;
}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
background-color: #f4f3ee !important;
}