/*
Theme Name: SGWeine
Theme URI: http://www.sgweine.info
Version: 0.2
Author: FirstMedia
Author URI: https://www.firstmedia.swiss
Description: Die Website für St. Galler Weine
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sgwein
Tags: Responsive, SGWeine Responsive, FirstMedia, SGWeine theme, Wine Services;
*/

/* font-family: Hind, sans-serif; */
img {
    max-width: 100% !important;
    height: auto
}

a,
a:hover,
a:focus {
    outline: none;
    border: none;
    text-decoration: none;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

body {
    font-family: 'Hind', sans-serif;
    color: rgb(40, 47, 101);
    font-weight: 300;
    font-size: 16px;
    line-height: 26px
}

a {
    color: #333333
}

#page-area a:hover,
.footer-section a:hover {
    color: #28327D !important;
}

h1 {
    font-size: 45px;
    color: #293045 !important;
}

h2 {
    font-size: 19px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300;
}

h1 a,
a h1,
h2 a,
a h2,
h3 a,
a h3,
h4 a,
a h4,
h5 a,
a h5,
h6 a,
a h6 {
    color: rgb(40, 47, 101) !important;
}

p,
.textLayer div,
#page-area ul,
ol,
table,
tr,
td,
th {
    font-family: 'Hind', sans-serif !important;
    line-height: 23px;
    font-size: 14px;
    font-weight: normal;
}

th {
    font-weight: bold;
}

#page-area ul {
    list-style-type: initial;
}

.main-menu-area,
#page-area {
    transform: translateY(-39px);
    position: relative;
    z-index: 1;
}

.slider-area {
    clear: both;
}

.top-header {
    line-height: 36px;
}

.centeredH1 {
    text-align: center !important;
    font-size: 42.5px;
    margin-bottom: 0;
}

ul.top-menu li {
    display: inline;
    margin-right: 40px;
}

ul.top-menu li a {
    font-size: 19px;
    font-weight: 400;
    text-transform: uppercase;
}

.top-menu {
    padding-top: 5px;
}

.top-social a img {
    margin: 0 15px;
    width: 24px;
}

.top-social {
    float: right;
    margin-top: 5px;
}

.header-section .main-menu-area .col-md-12 {
    padding-left: 0;
}

body #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
    line-height: 36px !important;
}

.search-area {
    float: right;
}

.main-menu-area {
    background-color: rgb(19, 48, 70);
    background-color: rgba(19, 48, 70, 0.78);
    clear: both;
    z-index: 9999;
}

ul.main-menu li {
    display: inline;
}

ul.main-menu li a {
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
    margin-right: 25px;
    padding: 20px 0;
    text-transform: uppercase;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
    margin-right: 20px;
    padding: 0;
    font-size: 22px !important;
    line-height: 39px !important;
    height: 39px !important;
    padding-top: 3px;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover {
    /*font-weight: 400;*/
}

#main-menu ul.mega-menu li.mega-current-menu-item a {
    font-weight: 400 !important;
}

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1:before {
    color: #fff;
}

#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1:after {
    color: #fff;
}

.hesperiden.tparrows {
    background: transparent none repeat scroll 0 0 !important;
}

#main-menu .navbar-collapse {
    padding: 0;
}

.main-menu-area.cloned #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
    padding: 0 !important;
    -webkit-transition: all 0.4s ease 0s !important;
    transition: all 0.4s ease 0s !important;
    height: 55px !important;
    line-height: 55px !important;
}



/* Main Content */
#page-area .internal-page {
    margin-top: 50px;
    margin-bottom: 45px;
}

#page-area .vc_row {
    margin-bottom: 40px;
}

.fc-food-item h2 {
    margin: 0 0 15px;
}

.fc-food-des {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

.fc-food-des h2,
.fc-food-des p,
.fc-food-des a {
    color: #fff;
}

.fc-food-green .vc_column-inner {
    background-color: rgb(207, 216, 96) !important;
}

.fc-food-green h2,
.fc-food-green p,
.fc-food-green a {
    color: #293045 !important;
}

.fc-food-green {
    overflow: hidden;
}

.fc-food-green .vc_column-inner {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: -10px -80px;
    background-image: url(/wp-content/themes/sgwein/assets/green-box-background.png);
}

h2 {
    color: rgb(40, 47, 101);
}

.fc-food-des .wpb_wrapper>p {
    font-size: 13.5px;
    line-height: 21px;
}

.fc-food-des .vc_column-inner {
    background-color: rgb(19, 48, 70);
    padding: 0 !important;
}

.fc-food-des .wpb_content_element {
    padding: 30px;
}

h1.four-zero-four {
    font-size: 200px;
    font-weight: bold;
    text-align: center;
}

h1.four-zero-four>span {
    display: block;
    font-size: 87px;
}

.fc-search-form input.fc-search-field {
    background: transparent none repeat scroll 0 0;
    border: none;
    text-align: right;
    font-weight: 400;
    font-size: 16px;
    background-color: rgba(0, 55, 97, 0.3);
    width: 100%;
    text-align: left;
    padding: 8px 5px;
    color: rgb(0, 55, 97);
}

.fc-search-form {
    position: relative;
}

.fc-search-form input[type="submit"] {
    background-color: transparent;
    background-image: url("/wp-content/uploads/search-1.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: medium none;
    content: "";
    position: absolute;
    top: 7px;
    right: 0;
    height: 19px;
    width: 19px;
    margin-top: 3px;
}

input[type=search]:focus {
    border: none !important;
    outline: none !important;
}

#main-menu ul>li>a:hover,
ul.top-menu li a:hover {
    color: #BCBEC0 !important;
    -webkit-transition: all 0.4s ease 0s !important;
    transition: all 0.4s ease 0s !important;
}


/* Footer Section */
footer,
footer a {
    color: #fff;
}

footer a:hover {
    color: #BCBEC0;
}

footer>div {
    background-color: rgb(19, 48, 70);
    padding: 15px 0 0 0;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: contain;
}

#footer-widgets-area {
    padding: 35px 0;
    margin: 10px 0 -50px 0;
}

.footer-widget p {
    letter-spacing: 1px;
}

ul.footer-menu li {
    display: inline;
}

ul.footer-menu li a {
    margin-right: 15px;
    position: relative;
}

ul.footer-menu li a:after {
    content: "|";
    position: absolute;
    right: -8px;
    top: -1px;
}

ul.footer-menu li:last-child a:after {
    content: "";
}

.footer-menu {
    margin-top: 30px;
    margin-bottom: 0px;
}

.footer-logo {
    text-align: right;
}

/*Geschäftsbericht Layout:*/
/*Generell: */
.gsreport-half,
.gsreport-centertext {
    min-height: 320px !important;
}

.center-title-and-description {
    text-align: center;
}

.gsreport-half::before {
    /* Makes Rows scale relative to width */
    content: "";
    display: block;
    padding-top: 50%;
}

.gsreport-fourth::before {
    /* Makes Rows scale relative to width */
    content: "";
    display: block;
    padding-top: 100%;
}

.center-title-and-description .vc_column-inner,
.center-title-and-description .wpb_wrapper {
    /* Centers Content*/
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.center-title-and-description ul {
    list-style: none;
    display: inline-block;
}

.center-title-and-description ul li {
    float: left;
}

.center-title-and-description ul li::before {
    content: "|";
    display: inline-block;
    text-decoration: none;
    padding: 0 5px;
}

.center-title-and-description ul li:first-child::before {
    content: "";
}

.vc_btn3-size-md {
    margin-top: 10px;
    font-family: 'Hind', sans-serif;
}

.wpb_single_image,
.wpb_single_image figure,
.vc_single_image-wrapper,
.attachment-full {
    width: 100% !important;
}

td {
    padding-right: 0.75em;
    padding-bottom: 0.75em;
}

td:last-child {
    padding-right: 0em;
}

.geschaeftsbericht-table>div {
    min-width: 280px;
}

.wpb_single_image .vc_single_image-wrapper.vc_box_shadow,
.wpb_single_image .vc_single_image-wrapper.vc_box_shadow img,
.wpb_single_image .vc_single_image-wrapper.vc_box_shadow_border,
.wpb_single_image .vc_single_image-wrapper.vc_box_shadow_border img,
.wpb_single_image .vc_single_image-wrapper.vc_box_shadow_border_circle,
.wpb_single_image .vc_single_image-wrapper.vc_box_shadow_border_circle img,
.wpb_single_image .vc_single_image-wrapper.vc_box_shadow_circle,
.wpb_single_image .vc_single_image-wrapper.vc_box_shadow_circle img {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.hoverBoxEqualHeight .wpb_wrapper,
.hoverBoxEqualHeight .vc-hoverbox-wrapper,
.hoverBoxEqualHeight .vc-hoverbox {
    height: 100%;
}

.findenmap {
    transition: min-height 0.3s linear;
    margin-bottom: 10px;
}

.wpb_wrapper .search-area {
    background-color: white;
    width: 100%;
}

.findenmap__popup h3 {
    margin-top: 3px;
    font-size: 15px;
}

.findenmap__popup p {
    margin-bottom: 0;
}

/***

Essential Grid css

**/
.culinarium .esg-filters {
    background-color: rgba(0, 55, 97, 0.1);
    margin-bottom: 10px;
}

#esg-grid-1-1-wrap,
#esg-grid-1-1-wrap * {
    font-family: 'Hind', sans-serif !important;
}

.esg-selected-filterbutton {
    font-size: 15px;
    font-weight: 300;
}

.esg-dropdown-wrapper {
    background-color: rgb(19, 48, 70);
    background-color: rgba(19, 48, 70, 0.78);
}

.culinarium .esg-filterbutton,
.culinarium .esg-navigationbutton,
.culinarium .esg-sortbutton,
.culinarium .esg-cartbutton {
    background: transparent !important;
    color: #fff !important;
}

.culinarium .esg-navigationbutton:hover,
.culinarium .esg-filterbutton:hover,
.culinarium .esg-sortbutton:hover,
.culinarium .esg-sortbutton-order:hover,
.culinarium .esg-cartbutton-order:hover {
    color: #c7c7c7 !important;
}

.esg-dropdown-wrapper {
    min-width: 250px !important;
}

.culinarium .esg-filterbutton,
.culinarium .esg-navigationbutton,
.culinarium .esg-sortbutton,
.culinarium .esg-cartbutton {
    font-size: 14px;
    font-weight: 300;
}

.esg-filter-wrapper.dropdownstyle {
    margin-top: 15px;
}

.esg-entry-content {
    padding: 0 !important;
    padding-top: 15px !important;
}

.esg-entry-content>div:first-child {
    background: #edebec !important;
    box-shadow: 0 1px 10px 0 #c7c7c7 !important;
    margin-bottom: 0 !important;
    padding: 13px 10px 13px 15px !important;
    color: rgb(40, 47, 101) !important;
}

.esg-entry-content>div,
.esg-entry-content>div {
    background: #faf8f7 !important;
    padding-top: 5px !important;
    padding: 5px 15px !important;
    border-left: 1px solid #edebec;
    border-right: 1px solid #edebec;
    width: 100%;
    margin: 0 !important;
}

.esg-entry-content>div:nth-child(2) {
    border-top: 1px solid #edebec;
}

.esg-entry-content>div:nth-child(6) {
    border-bottom: 1px solid #edebec;
}

.esg-filterbutton.selected {
    background: #c7c7c72e !important;
}

.esg-entry-content a {
    color: rgb(40, 47, 101);
}

.culi-hr-eg {
    margin: 0;
}
.culinarium .esg-filter-checked {
    height: 15px;
    width: 15px;
    margin-right: 5px;
    margin-left: 0px !important;
}
.sgwein-show-map {
    cursor: pointer;
    float: right;
    display: flex;
    height: 45px;
    padding: 0 5px;
    color: #999;
}

.sgwein-show-map svg {
    height: 40px;
    width: 20px;
    fill: rgb(19, 48, 70);
}

.sgwein-show-map span {
    height: 25px;
    margin: 0 5px 0 7px;
    align-self: center;
}

.sgwein-show-map:hover,
.sgwein-show-map--active {
    background-color: rgb(19, 48, 70);
    color: white;
}

.sgwein-show-map:hover svg,
.sgwein-show-map--active svg {
    fill: white;
}

.culinarium input.eg-search-input[type="text"] {
    margin-bottom: 0px !important;
    background-color: transparent;
    color: rgb(0, 55, 97);
    border: none;
    height: 45px;
}

.culinarium input.eg-search-input[type="text"]::placeholder {
    color: rgba(0, 55, 97, 0.7);
}

.culinarium .eg-search-wrapper {
    margin-left: 0px !important;
    background-color: rgba(0, 55, 97, 0.3);
}

/* events */
.listing-view .listing-date-range {
    font-family: 'Hind', sans-serif !important;
}

.event_middle_inner_extra_content_div ul {
    margin-left: 15px;
}