/*
 Theme Name:   MDCA
 Theme URI:    http://www.miyotadca.com/
 Description:  A customized theme, based off of the Mobera theme, for MDCA. 
 Author:       Spotted Lynx Software, LLC.
 Author URI:   http://www.thespottedlynx.com/
 Template:     Mobera
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         right-sidebar, custom-background, custom-menu, editor-style, featured-images, post-formats, sticky-post, theme-options
 Text Domain:  MDCA
*/

/* Extend the row styles available in Visual Composer */
/* Full Width - Grey */
.bg-style-8 {
    background-color: #e6e6e3;
}

/* Full Width - Light Grey */
.bg-style-9 {
    background-color: #fafafa;
}

/* Full Width - Grey Pattern */
/*
.bg-style-10 {
    background-image: url("images/grey-pattern.png");
}
*/

/* Full Width - Blue Swirl */
.bg-style-11 {
    background-image: url("images/blue-swirl.jpg");
}

/* Full Width - Blue Cross Hash */
.bg-style-12 {
    background-image: url("images/blue-cross-hash.jpg");
}

/* Full Width - Green Spatula */
.bg-style-13 {
    background-image: url("images/green-spatula.jpg");
}

/* Full Width - Yellow Cross Hash */
.bg-style-14 {
    background-image: url("images/yellow-cross-hash.jpg");
}

/* Fix the backgrounds for parallax scrolling for all site sizes */
.wrapper .full-bg {
    background-size: cover !important;
    background-position: center top;
    background-repeat: no-repeat no-repeat;
    background-attachment: fixed;
}

/*
 * Search menu styling.
 */
/* Remove the empty search link from displaying */ 
.sf-menu .menu_search a {
    display: none;
}

.menu_search:before {
    content: "\e812";
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
}

#sb-search {
    display: none;
    border: 2px solid #01b0d5;
    margin-top: -5px;
    position: absolute;
    background-color: #ffffff;
    top: 70px;
    right: 15px;
    width: 250px;
    line-height: 50px;
    padding: 0px 15px 0px 15px;
}

#sb-search input[type=submit] {
    margin-left: 10px;
}

/*
 * Search page styling
 */
/* Fix a bug where the search results are off the right side of the page */
.wrapper .vc_row.wpb_row .wpb_grid ul.wpb_thumbnails-fluid,
body .vc_row.wpb_row .wpb_filtered_grid ul.wpb_thumbnails-fluid {
    margin: 0;
    width: 100%;
}
.wpb_row ul.wpb_thumbnails-fluid > [class*="vc_col-sm"] {
    margin-left: 0px;
}

/* 
 * The Mobera theme was designed for only a 1/2 + 1/2, 1/3 + 1/3 + 1/3, and
 * 1/4 + 1/4 + 1/4 + 1/4 layout. Stupid, I know. So, all of the code below is
 * redesigning the theme to utilize whatever subset of 1/12 layout is desired
 * (i.e. 2/3 + 1/3, 1/6 + 4/6 + 1/6, etc.). The way they original designed it
 * was to place a 2.5% margin-left on each column that was not the first column.
 * This obviously causes issues with flexible layouts, so the below code is
 * reverting the column sizes to standard percentages of multiples of 1/12,
 * removes the 2.5% margin-left and moves it to the padding-left instead (so we
 * give up a small percentage of content space in each column, but have a clean
 * layout)
 */

.wrapper .vc_row-fluid [class*="vc_col-sm"] {
    margin-left: 0;
    padding-left: 2.5%;
}

.vc_row-fluid [class*="vc_col-sm"]:first-child {
    padding-left: 0;
}

.wrapper .vc_row-fluid div.vc_col-sm-1,
.wrapper .wpb_teaser_grid.wpb_carousel div.vc_col-sm-1 {
    width: 8.33333333%;
}

.wrapper .vc_row-fluid div.vc_col-sm-2,
.wrapper .wpb_teaser_grid.wpb_carousel div.vc_col-sm-2 {
    width: 16.66666667%;
}

.wrapper .vc_row-fluid div.vc_col-sm-3,
.wrapper .wpb_teaser_grid.wpb_carousel div.vc_col-sm-3 {
    width: 25%;
}

.wrapper .vc_row-fluid div.vc_col-sm-4,
.wrapper .wpb_teaser_grid.wpb_carousel div.vc_col-sm-4 {
    width: 33.33%;
}

.wrapper .vc_row-fluid div.vc_col-sm-5,
.wrapper .wpb_teaser_grid.wpb_carousel div.vc_col-sm-5 {
    width: 41.66666667%;
}

.wrapper .vc_row-fluid div.vc_col-sm-6,
.wrapper .wpb_teaser_grid.wpb_carousel div.vc_col-sm-6 {
    width: 50%;
}

.wrapper .vc_row-fluid div.vc_col-sm-7,
.wrapper .wpb_teaser_grid.wpb_carousel div.vc_col-sm-7 {
    width: 58.33333333%;
}

.wrapper .vc_row-fluid div.vc_col-sm-8,
.wrapper .wpb_teaser_grid.wpb_carousel div.vc_col-sm-8 {
    width: 66.66666667%;
}

.wrapper .vc_row-fluid div.vc_col-sm-9,
.wrapper .wpb_teaser_grid.wpb_carousel div.vc_col-sm-9 {
    width: 75%;
}

.wrapper .vc_row-fluid div.vc_col-sm-10,
.wrapper .wpb_teaser_grid.wpb_carousel div.vc_col-sm-10 {
    width: 83.33333333%;
}

.wrapper .vc_row-fluid div.vc_col-sm-11,
.wrapper .wpb_teaser_grid.wpb_carousel div.vc_col-sm-11 {
    width: 91.66666667%;
}

.wrapper .vc_row-fluid div.vc_col-sm-12,
.wrapper .wpb_teaser_grid.wpb_carousel div.vc_col-sm-12 {
    width: 100%;
}

.wrapper .vc_row.wpb_row div[class*="vc_col-sm"]:not(.vc_grid-item) {
    padding-left: 1.25%;
    padding-right: 1.25%;
}

.wrapper .vc_row.wpb_row div[class*="vc_col-sm"]:not(.vc_grid-item):first-child {
    padding-left: 0;
    padding-right: 0;
}

.wrapper .vc_col-sm-3.pull-right.sidebar-right {
    width: 20.5%;
    margin-left: 4.5%;
}

.wrapper .vc_row.wpb_row div[class*="vc_col-sm"].sidebar-right {
    padding-left: 0;
}

/*
 * On small screens all columns goes to 100% width, so remove the left padding
 */
@media (max-width: 767px) {
    .wrapper .vc_row-fluid [class*="vc_col-sm"] {
        margin-left: 0;
        padding-left: 0;
    }

    .wrapper .vc_row.wpb_row div[class*="vc_col-sm"]:not(.vc_grid-item) {
        padding-left: 0;
    }
}

/*
 * Although the header fonts are selected in the theme options under Typography,
 * because of the way they coded their styles, they have overriden the styles
 * selected in the Typography section. Therefore, the code below readjusts the
 * styles to the ones chosen in Typography. If the style is modified in
 * Typography, you need to update the style here as well! Note that depending on
 * the specificity of the CSS they utilized, it may use this styling or the
 * styling in Typography, hence the need to keep them in sync.
 */
.page-wrapper h1 {
    font-size: 48px;
    line-height: 38px;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    color: #01b0d5;
}

.page-wrapper h2 {
    font-size: 30px;
    line-height: 36px;
    color: #333333;
}

.page-wrapper h3 {
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 10px 0;
    color: #01b0d5;
}

.page-wrapper h4,
/* Have to override the style set in the parent style for the widget section as well */
.page-wrapper .widget h4 {
    font-size: 24px;
    margin: 0;
    line-height: 30px;
    color: #01b0d5;
}

/* Custom styles */
.uppercase {
    text-transform: uppercase;
}

/*
 * Styling for the new pages
 */
/* Fix a bug in Mobera where the size is incorrect for elements that are hardcoded on the news pages */
html .main-inner h2.post-title a.link_title:before {
    font-size: 24px;
    line-height: 28px;
}
html .main-inner nav.nav-single span a:before {
    font-size: 16px;
    line-height: 22px;
}

/*
 * Styling for the history page
 */
.page-wrapper .white h1,
.page-wrapper .white h2,
.page-wrapper .white h3,
.page-wrapper .white h4,
.page-wrapper .white p {
    color: #ffffff;
}

/*
 * Styling for the markets page
 */
body .wrapper .vc_row.wpb_row .markets.spacer {
    margin: 0;
    height: 45px;
}

@media (max-width: 767px) {
    /* Add some padding below the images to give some space between images and text on the markets page when on small screens */
    body .wrapper .vc_row.wpb_row.layout_switch div[class*="vc_col-sm"]:not(.vc_grid-item):first-child {
        margin-bottom: 20px;
    }
}


/*
 * Styling for the product detail page
 */
html body .mdca_product .page-title h1 {
    font-size: 24px;
    line-height: 30px;
    color: #01b0d5;
    margin-bottom: 0px;
    margin-top: 35px;
    font-weight: 300;
    text-transform: none;
}

.mdca_product .entry-head-right {
    float: left;
}

.mdca_product .entry-head-right .separator {
    float: left;
    display: inline-block;
    margin: 0 5px;
}

.mdca_product .entry-head {
    padding-bottom: 25px;
}

.mdca_product .entry-image img {
    margin-bottom: 0;
}

.mdca_product .entry-content {
    margin-bottom: 55px;
}

.mdca_product .vc_single_image-wrapper {
    position: relative;
    width: 100vw;
    left: calc(-50vw + 50%);
}

.image_responsive {
    max-width: 100%;
    height: auto;
    display: block;
}

/*
 * Styling for the Show Products Visual Composer element.
 */

.featured_products_container {
    text-align: left;
    margin-bottom: 7px;
}

.featured_products_container .product-content {
    width: 25%;
    float: left;
    position: relative;
    margin-bottom: 20px;
}

.featured_products_container .product-content img {
    border-radius: 19px;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    width: 91%;
    min-width: 200px;
}

.featured_products_container .spacer {
    margin-bottom: 30px;
}

.featured_products_container .product-content:nth-child(4n+4) {
    margin-right: 0;
}

.featured_products_container .product-content-overlay {
    position: absolute;
    top: 0;
    left: 00px;
    color: #fff;
    width: 90.9%;
    height: 96%;
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 19px;
    -webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    opacity: 0;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-backface-visibility: hidden;
}

.featured_products_container .product-content:hover .product-content-overlay {
    opacity: 1;
}

.featured_products_container .product-content-overlay span {
    text-align: left;
    display: block;
    font-size: 16px;
}

.featured_products_container .product-content-overlay .product-title {
    font-size: 18px;
    font-weight: 400;
}

.featured_products_container .product-content-overlay .product-hover {
    position: relative;
    top: 0px;
    left: 0px;
    padding: 30px;
    text-decoration: none;
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
}

/*
 * Create some custom styling for the footer
 */
.footer {
    padding-bottom: 30px;
    text-align: center;
    width: 100%;
}

.footer a {
    font-size: 14px;
}

.footer a:first-child {
    margin-right: 25px;
}

.footer .hr {
    margin-top: 10px;
    padding-top: 10px;
    margin-bottom: 10px;
    border-top: 1px solid #ffc551;
    display: inline-block;
}

.footer div {
    font-size: 14px;
}

/*
 * Custom styling for the home pages core advantages section.
 */
.wrapper .vc_row.wpb_row div[class*="vc_col-sm"] .core_column {
    padding-left: 3%;
    padding-right: 3%;
}

.core_icon {
    margin-left: 10px;
}

.page-wrapper h4.core_title {
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    font-weight: bold;
}

/*
 * Class utilized for anchor tags, attempting to reduce the display as much as
 * possible.
 */
body .wrapper .vc_row.wpb_row .anchor {
    margin: 0;
    padding: 0;
    height: 0;
    line-height: 0;
    min-height: 0;
}

/* Markets showcase */
.msc-wrapper h1 {
    text-align: center;
}

.msc-wrapper p {
    text-align: center;
}

.msc-wrapper .msc-content {
    position: static;
}

.msc-description .description {
    color: #666666;
}

.msc-content nav {
    position: absolute;
    bottom: 20px;
    width: 100px;
    height: 41px;
    border: 1px solid #01b0d5;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.msc-content nav span {
    display: block;
    font-size: 22px;
    font-weight: 300;
    cursor: pointer;
    color: #24a1af;
    background: transparent;
    line-height: 37px;
    padding: 0;
    margin: 0;
    float: left;
    width: 49px;
    height: 40px;
    text-align: center;
}

.msc-content nav span:hover {
    color: #fff !important;
    background: #01b0d5;
    background-color: #24a1af;
    -webkit-transition: background 0.2s;
    -moz-transition: background 0.2s;
    transition: background 0.2s;
    -webkit-backface-visibility: hidden;
}

.msc-content nav span:first-child {
    border-right: 1px solid #01b0d5;
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 2px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
}

.msc-content nav span:last-child {
    border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 2px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
}

.msc-grid {
    position: absolute;
    width: 0px;
    top: 0;
    opacity: 0;
    overflow: hidden;
}

.msc-grid .msc-slide {
    width: 0px;
    display: block;
    position: relative;
    float: left;
}

.msc-content nav,
.msc-content nav span:first-child {
    border-color: #24a1af !important;
}

body .wrapper .vc_row.wpb_row .msc-wrapper .no_top_margin {
    margin-top: 0px;
}

/*
 * Override the default color utilized on the site
 */
html .main-inner a:not([class^="icon-"]):not(.no_before)::before {
    color: #01b0d5;
}

.main-body-color {
    background-color: #01b0d5;
}

.page-wrapper .sidebar-right ul li:before,
.page-wrapper .main-inner ul li:before {
    border: 1px solid #01b0d5;
}

.page-wrapper blockquote {
    border-left: 1px solid #01b0d5;
}

.page-wrapper > .page-title h1 {
    color: #01b0d5;
}

.mobera-recentpostsplus.widget h3 a:hover {
    color: #01b0d5;
}

#calendar_wrap #wp-calendar a:hover {
    color: #01b0d5;
}

.sidebar-right .wysijasubscription.widget input[type=text] {
    border: 1px solid #01b0d5;
}

.sidebar-right .widget_wysija_cont .wysija-submit {
    border: 1px solid #01b0d5;
    background: #01b0d5;
}

.textwidget a::before {
    color: #01b0d5;
}

.widget.tagcloud a:hover {
    color: #01b0d5;
    border-color: #01b0d5;
}

.widget li a:hover {
    color: #01b0d5;
}

.post-password-form input[type=submit],
.search-no-results .main-inner  .sb-icon-search,
.search.widget .sb-icon-search {
    border: 1px solid #01b0d5;
    background: #01b0d5;
}

.post-password-form input[type=password],
.search-no-results .main-inner .sb-search input[type=text],
.search.widget .sb-search-input {
    border: 1px solid #01b0d5;
}

.mobera-contactform.widget textarea:active,
.mobera-contactform.widget input[type=text]:active,
.mobera-contactform.widget input[type=email]:active,
.mobera-contactform.widget input[type="password"]:active,
.mobera-contactform.widget textarea:focus,
.mobera-contactform.widget input[type=text]:focus,
.mobera-contactform.widget input[type=email]:focus,
.mobera-contactform.widget input[type="password"]:focus {
    border-color: #01b0d5;
}

.mobera-contactform.widget textarea:hover,
.mobera-contactform.widget input[type=text]:hover,
.mobera-contactform.widget input[type=email]:hover,
.mobera-contactform.widget input[type="password"]:hover {
    border-color: #01b0d5;
}

.mobera-contactform.widget .submitButton input[type=submit] {
    background-color: #01b0d5;
}

body .wrapper .vc_tta-tabs .vc_tta-tabs-list .vc_tta-tab a {
    border: 1px solid #01b0d5 !important;
    color: #01b0d5;
}

body .wrapper .vc_tta-tabs .vc_tta-tabs-list .vc_tta-tab.vc_active a {
    background-color: #01b0d5;
}

body .wrapper .vc_tta-tabs .vc_tta-tabs-list li:first-child a {
    border-left: 1px solid #01b0d5 !important;
}

body .wrapper .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-list .vc_tta-tab a {
    border: 1px solid #01b0d5 !important;
}

body .wrapper .vc_tta-accordion .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading,
body .wrapper .vc_tta-accordion .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-body {
    border-color: #01b0d5;
}

body .wrapper .vc_tta-accordion .vc_tta-panels .vc_tta-panel.vc_active .vc_tta-panel-heading a {
    color: #01b0d5;
}

body .wrapper .vc_pagination.vc_pagination-color-sky .vc_pagination-item a {
    border-color: #01b0d5;
}

body .wrapper .vc_pagination.vc_pagination-color-sky .vc_pagination-item.vc_active a {
    background-color: #01b0d5;
}

.menu-container .sb-icon-search {
    background: #01b0d5;
}

.ac-wrapper h3 {
    color: #01b0d5;
}

.ac-device .ac-title {
    color: #01b0d5;
}

.ac-device nav {
    border: 1px solid #01b0d5;
}

.ac-device nav span {
    color: #01b0d5;
}

.ac-device nav span:hover {
    background: #01b0d5;
}

.ac-device nav span:first-child {
    border-right: 1px solid #01b0d5;
}

.social-container .social-icons div a {
    color: #01b0d5;
    border: 1px solid #01b0d5;
}

.page-wrapper .categories_filter,
.wrapper ul.vc_grid-filter,
.wpb_content_element .wpb_tabs_nav,
.featured_apps_container ul {
    border: 1px solid #01b0d5;
}

.featured_apps_container ul li,
.wrapper ul.vc_grid-filter li.vc_grid-filter-item {
    border-right: 1px solid #01b0d5;
}

.page-wrapper .categories_filter li a,
.wrapper ul.vc_grid-filter li.vc_grid-filter-item span,
body .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a,
body .wpb_content_element .wpb_accordion_header a,
.featured_apps_container ul li a {
    color: #01b0d5;
}

.page-wrapper .categories_filter li,
body .wpb_content_element .wpb_tabs_nav li {
    border-right: 1px solid #01b0d5;
}

.page-wrapper .categories_filter li:hover a,
.page-wrapper .categories_filter li.active a,
body .wpb_content_element .wpb_tabs_nav li.ui-tabs-active a,
body .wpb_content_element .wpb_tabs_nav li:hover a,
.featured_apps_container .ui-tabs-active a,
.featured_apps_container ul li a:hover {
    background-color: #01b0d5;
}

.wrapper ul.vc_grid-filter li.vc_active.vc_grid-filter-item,
.wrapper ul.vc_grid-filter li.vc_grid-filter-item:hover {
    background-color: #01b0d5;
}

body .wpb_content_element .wpb_accordion_wrapper .ui-accordion-header-active {
    border-color: #01b0d5;
}

body .wpb_content_element .wpb_accordion_wrapper .ui-accordion-header-active a {
    color: #01b0d5;
}

body .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {
    border: 1px solid #01b0d5;
}

body .wpb_btn-transparent {
    border: 1px solid #01b0d5 !important;
    color: #01b0d5;
}

body .wpb_btn-transparent:hover {
    background: #01b0d5;
}

body .flex-control-paging li a {
    border: 1px solid #01b0d5;
}

body .flex-control-paging li a:hover,
body .flex-control-paging li a.flex-active {
    background: #01b0d5;
}

body .theme-default .nivo-controlNav a {
    border: 1px solid #01b0d5;
}

body .theme-default .nivo-controlNav a.active,
body .theme-default .nivo-controlNav a:hover {
    background: #01b0d5;
}

.staff-member .social-icons div a {
    color: #01b0d5;
    border: 1px solid #01b0d5;
}

html .main-inner .vh-pages-wrapper span.current,
html .main-inner .vh-pages-wrapper a:hover {
    color: #01b0d5;
    border-color: #01b0d5;
}

body .wpb_carousel .prev,
body .wpb_carousel .next {
    color: #01b0d5;
}

body .wpb_carousel .prev:hover,
body .wpb_carousel .next:hover {
    background-color: #01b0d5;
}

body .wpb_carousel .prev {
    border: 1px solid #01b0d5;
}

body .wpb_carousel .next {
    border: 1px solid #01b0d5;
}

.page-wrapper .widget h4 {
    color: #01b0d5;
}

.commentlist .comment-content .reply-edit-container .reply a,
.commentlist .comment-content .reply-edit-container .edit-link a {
    color: #01b0d5;
}

#commentform #submit {
    background-color: #01b0d5;
}

#comments textarea:active,
#comments input[type=text]:active,
#comments input[type="password"]:active,
#comments textarea:focus,
#comments input[type=text]:focus,
#comments input[type="password"]:focus {
    border-color: #01b0d5;
}

#comments textarea:hover,
#comments input[type=text]:hover,
#comments input[type=email]:hover,
#comments input[type="password"]:hover {
    border-color: #01b0d5;
}

.wpcf7 textarea:active,
.wpcf7 input[type=text]:active,
.wpcf7 input[type="password"]:active,
.wpcf7 textarea:focus,
.wpcf7 input[type=text]:focus,
.wpcf7 input[type=email]:focus,
.wpcf7 input[type="password"]:focus {
    border-color: #01b0d5;
}

.wpcf7 textarea:hover,
.wpcf7 input[type=text]:hover,
.wpcf7 input[type=email]:hover,
.wpcf7 input[type="password"]:hover {
    border-color: #01b0d5;
}   

.wpcf7 .wpcf7-submit {
    background-color: #01b0d5;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.wpcf7 .wpcf7-submit:hover {
    background-color: #008caa;
}

html .main-inner a.store_button {
    background: #01b0d5;
}


.advertisement-container a:hover,
.mobera-recentpostsplus.widget .news-item a.news-img:hover,
.mobera-fastflickrwidget.widget a:hover,
body .wpb_image_grid .wpb_image_grid_ul .isotope-item:hover,
.wpb_carousel .wpb_thumbnails-fluid li a.link_image:hover,
.wpb_teaser_grid ul .isotope-item a.link_image:hover,
.wrapper .vc_gitem-col a.link_image:hover {
    background-color: rgba(1,176,213,0.8);
}

/* Fixes a bug where the plus that goes over a news item link image was not centered - doesn't change the code at all, but for some reason, putting it here makes it center correctly, while in the parent style sheet it doesn't */
.wpb_carousel .wpb_thumbnails-fluid li a.link_image:before,
.wpb_teaser_grid ul .isotope-item a.link_image:before,
.wrapper .vc_gitem-col .post-thumb a.link_image:before {
    margin-top: -12px;
}

/*
 * Customization for the contact us sections found near the bottom of the page
 * on the home page and the markets page.
 */
html .main-inner .contact_section {
    margin-top: 55px;
    margin-bottom: 30px;
}

html .main-inner .contact_section p {
    color: #ffffff;
    text-align: center;
}

html .main-inner .contact_section a,
html .main-inner .contact_section a:hover,
html .main-inner .contact_section a:focus,
html .main-inner .contact_section a:active {
    background-color: #ffc551;
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
}

html .main-inner .contact_section a:not([class^="icon-"]):not(.no_before)::before {
    background-color: #ffc551;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
}

/*
 * Hack for Safari 9+ where the hover on the buttons were offset incorrectly
 */
@supports (overflow:-webkit-marquee) and (justify-content:inherit) 
{
    html .main-inner .contact_section a:not([class^="icon-"]):not(.no_before)::before {
        top: 6px;
    }
}

/*
 * Grey background for the featured productions section on the home page
 */
.home_products {
    background-color: #fafafa;
}

/*
 * Update default background color
 */
body,
body .vc_text_separator div,
.overlay-hide,
.mobera-contactform.widget textarea,
.mobera-contactform.widget input[type=text],
.mobera-contactform.widget input[type=email],
.mobera-contactform.widget input[type="password"],
.menu-container .sb-search-submit,
#comments textarea,
#comments input[type=text],
#comments input[type="password"],
.wpcf7 textarea,
.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type="password"],
.mp-back {
    background: #ffffff;
}