/*

Theme Name: Visia Child - Mango.co.za
Theme URI: http://semantica.co.za
Description: Responsive One Page Portfolio for Sub Trop > Mango.co.za
Version: 1.0.0
Author: Lee Stuttaford
Template:visia

Author URI: http://themeforest.net/user/bitfade
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
@import url("../visia/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

/* admin bar container incognito mode anomaly fix */

.admin-bar #wpadminbar {
    display: none;
}

.logged-in.admin-bar #wpadminbar {
    display: block !important;
}

/* end admin bar container incognito mode anomaly fix */

body {
}

h1 {
    font-size: 26px !important;
}

h2 {
    font-size: 26px !important;
}

h3 {
    font-size: 22px !important;
    margin: 15px 0 !important;
}

.clearfix, .clear {
    clear: both;
}

#footer-image, #footer-image section {
    min-height: 300px;
}

#footer-image section.image-1 {
    background-image: url('/wp-content/uploads/sites/8/2016/06/mango-1.jpg');
}

#footer-image section.image-2 {
    background-image: url('/wp-content/uploads/sites/8/2016/06/mango-2.jpg');
}

#footer-image section.image-3 {
    background-image: url('/wp-content/uploads/sites/8/2016/06/mango-3.jpg');
}

#footer-image section.image-4 {
    background-image: url('/wp-content/uploads/sites/8/2016/06/mango-4.jpg');
}

#footer-image section.image-5 {
    background-image: url('/wp-content/uploads/sites/8/2016/06/mango-5.jpg');
}

.home #footer-image {
    display: none;
}

.home #home.hero {
    display: none;
}

.home #page-image.slider-cover {
    display: none;
}

.home .content#news-feed-home-page {
    padding-top: 95px !important;
}

.home #news-feed-home-page .wpb_single_image img {
    border: 1px solid #ccc;
    padding: 3px;
}

.home #rev_slider_2_1_wrapper {
    margin: 118px auto !important;
}

.home #rev_slider_2_2_wrapper, .home #rev_slider_2_3_wrapper,
.home #rev_slider_2_4_wrapper, .home #rev_slider_2_5_wrapper,
.home #rev_slider_2_6_wrapper {
    display: none !important;
}

.container .title h1 {
    margin-top: 50px;
}

.container .title h2 {
    margin-top: 50px;
}

.single-recipe .post {
    padding: 0 0 30px;
}

.single-recipe .post .date {
    display: none;
}

.single-recipe .post-media {
    float: right;
    width: 40%;
    box-sizing: border-box;
}

.single-recipe .post-body {
    float: right;
    width: 55%;
    box-sizing: border-box;
    margin-right: 5%;
}

.post-body ul li, .unordered-list li {
    list-style: disc;
    display: list-item;
}

.post-body ul li:before, .unordered-list li:before {
    content: '';
    display: none;
    margin: 0;
}

.tax-recipe_type .pe-container {
    -webkit-column-count: 3;
    /* Chrome, Safari, Opera */
    -moz-column-count: 3;
    /* Firefox */
    column-count: 3;
    -webkit-column-gap: 40px;
    /* Chrome, Safari, Opera */
    -moz-column-gap: 40px;
    /* Firefox */
    column-gap: 40px;
}

.tax-recipe_type .post {
    padding: 0 0 30px;
    display: inline-block;
}

.tax-recipe_type .post a .date, .tax-recipe_type .post .post-meta {
    display: none;
}

.tax-recipe_type .post-title h1 {
    line-height: 70% !important;
}

.tax-recipe_type .post-title h2 {
    line-height: 70% !important;
}

.tax-recipe_type .post-title a {
    font-size: 18px;
}

.projectlist li {
    width: 20%;
}

.ae-animation-slide {
    display: none;
}

#page-image h1 {
    color: #fff;
}

#page-image h2 {
    color: #fff;
}

#page-image span.border {
    background-color: #fff !important;
    margin-bottom: 0 !important;
}

.post-meta {
    display: none !important;
}

.content .pe-container.pe-block {
    margin-top: 30px;
}

.border {
    margin: 0 auto 50px !important;
}

.post {
    position: relative;
    text-align: left;
    margin-top: 0 !important;
    padding: 0 0 30px 70px;
    border-bottom: none !important;
}

.inner-spacer-right-lrg {
    min-height: 255px !important;
}

.tax-recipe_type .post-title a {
    font-size: 14px !important;
    text-align: center;
    display: block;
}

.recipe-content {
    text-align: left;
}

.recipe-content ul {
    list-style-type: square;
    margin-left: 15px;
}

.recipe-content ul li {
    padding: 5px 0;
}

.recipe-content ol {
    list-style-type: decimal;
    margin-left: 15px;
}

.recipe-content ol li {
    padding: 5px 0;
}

.vegas-overlay {
    background-image: none !important;
}

table.nutritional-info {
    width: 100%;
}

table.nutritional-info th {
    width: 50%;
    background-color: #8ab83f;
    color: #efefef;
    text-align: center;
    padding: 5px;
}

table.nutritional-info td {
    text-align: center;
    padding: 5px;
}

#cultivars h4 {
    text-align: center;
    background-color: #8ab83f;
    padding: 5px 0;
    color: #efefef;
}

/* Menu Drop Down */
.logo {
    width: 20% !important;
}

.desktop.navigation {
    width: 70% !important;
    font-size: 15px;
    margin-top: 28px;
}

.navigation li {
    position: relative;
}

.navigation .dropdown-menu {
    display: none;
    width: 300px;
    background: #fff;
    padding: 20px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    border: 1px solid #efefef;
    position: absolute;
    box-sizing: border-box;
}

.navigation li.dropdown:hover .dropdown-menu {
    display: block;
}

.navigation .dropdown-menu li {
    width: 100%;
    display: block;
    list-style: none;
}

.navigation .dropdown-menu .dropdown-menu {
    display: none !important;
}

.navigation .dropdown-menu li:hover .dropdown-menu {
    display: block !important;
    left: 100%;
    top: 0;
}

.navigation .dropdown-menu li:hover .dropdown-menu:after {
    right: 100%;
    top: 10px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #999;
    border-width: 7px;
    margin-top: -5px;
}

.navigation .nav-content li.menu-item-has-children.active a {
    color: #feb913;
    opacity: 1;
}

.navigation .nav-content li.menu-item-has-children.active .dropdown-menu a {
    color: #060606;
    opacity: .5;
}

.navigation .nav-content li.menu-item-has-children.active .dropdown-menu li.active a, .current-recipe-ancestor a {
    color: #feb913 !important;
    opacity: 1 !important;
}

.page-template-page_technical .menu-item-1243 a {
    color: #feb913 !important;
    opacity: 1 !important;
}

.page-template-page_technical .menu-item-1243 ul li a {
    color: #060606 !important;
}

.page-template-page_technical .menu-item-1243 ul li.menu-item-1925 a {
    color: #feb913 !important;
}

.home .portfolio {
    background: #feb913;
    color: #fff;
}

.home .portfolio a, .home .portfolio em, .home .portfolio h2, .home .portfolio h4, .home .portfolio h6, .home .portfolio .filter, .home .portfolio .filtering li:after {
    color: #fff;
}

.home .portfolio .active {
    font-weight: 700;
}

.home .portfolio .border {
    background-color: #fff;
}

.home .portfolio .projectlist {
    background: #e4900d;
}

.projectlist a:hover .projectinfo {
    background: rgba(228, 144, 13, 0.5) !important;
}

.home .blog {
    margin-top: 0 !important;
}

.home .blog .grid-4 {
    width: 100% !important;
}

.home .blog .grid-2 {
    display: none !important;
}

.home .background-page {
    min-height: 350px;
}

.home .background-page .title {
    display: none;
}

#wpmem_login, #wpmem_reg {
    /*width: 45%;
        float: left;*/
    width: 75%;
    margin: 0 auto;
    box-sizing: border-box;
}

#wpmem_login {
    /*margin-right: 5%;*/
}

#wpmem_login input[type="text"], #wpmem_reg input[type="text"], #wpmem_login input[type="password"], #wpmem_reg input[type="password"] {
    width: 100%;
    border-radius: 3px;
    margin: 5px 0;
    font-family: Montserrat;
    border: 1px solid #ccc;
    padding: 5px;
    box-sizing: border-box;
    height: 35px;
    color: #949494;
}

#wpmem_login input[type="submit"], #wpmem_reg input[type="submit"], #wpmem_login input[type="reset"], #wpmem_reg input[type="reset"] {
    padding: 10px 20px;
    color: #fff;
    border: none;
    border-radius: 5px;
    background: #feb913;
}

#wpmem_login input[type="reset"], #wpmem_reg input[type="reset"] {
    background: #999;
}

#wpmem_reg .req {
    color: #ff0000;
}

#wpmem_reg .req-text {
    color: #ff0000;
    margin-top: 10px;
}

#wpmem_reg:after {
    content: ' ';
    display: block;
    clear: both;
}

.parallax.colored #wpmem_login, .parallax.colored #wpmem_reg {
    color: #fff;
    text-align: left;
}

.content .shortcode ul li, .content .shortcode ol li {
    list-style-type: square !important;
    margin-left: 20px !important;
    line-height: 1.5em;
    padding: 0 0 5px;
}

.parallax.colored {
    background-size: cover;
}

.projectlist a:hover {
    cursor: pointer !important;
}

td {
    padding: 10px;
}

.content.padded {
    padding-bottom: 75px !important;
}

.content {
    padding-top: 75px !important;
}

.ticker h1 {
    text-shadow: 0 0 17px #000;
}

.button:hover {
    background: rgba(255, 255, 255, .6) !important;
    filter: alpha(opacity=50) !important;
}

legend {
    font-size: 18px;
}

label {
    font-size: 16px;
}

.button_div {
    padding-top: 15px !important;
}

.link-text {
    text-align: center !important;
    padding-top: 20px !important;
}

label[for=log], label[for=pwd], label[for=first_name], label[for=last_name], label[for=user_email], label[for=username], label[for=user], label[for=email], label[for=pass1], label[for=pass2], label[for=addr1], label[for=city], label[for=zip], label[for=CompanyName], label[for=captcha] {
    display: block !important;
    padding-top: 20px !important;
    text-align: left !important;
}

.buttons {
    font-size: 16px !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
}

.shortcode {
    margin-top: 0 !important;
    text-align: left;
}

#wpmem_reg .req {
    color: red;
    padding: 0 0 0 4px !important;
}

#gallery-1 img {
    border: 0 !important;
}

.dark .button {
    background: rgba(255, 255, 255, .6) !important;
    border: 1px solid #fff !important;
    color: #000 !important;
}

.dark .button:hover {
    background: rgba(255, 255, 255, 1) !important;
}

#teaser-description {
    text-align: center !important;
    max-width: 500px;
    margin: 0 auto 30px;
}

.clearfix, .clear {
    clear: both;
}

.aligncenter {
    display: block;
}

#footer-image, #footer-image section {
    min-height: 300px;
}

.home #footer-image {
    display: none;
}

.container .title h2 {
    margin-top: 50px;
}

.single-recipe .post {
    padding: 0 0 30px;
}

.single-recipe .post .date {
    display: none;
}

.single-recipe .post-media {
    float: right;
    width: 40%;
    box-sizing: border-box;
}

.single-recipe .post-body {
    float: right;
    width: 55%;
    box-sizing: border-box;
    margin-right: 5%;
}

.post-body ul li, .unordered-list li {
    list-style: disc;
    display: list-item;
}

.post-body ul li:before, .unordered-list li:before {
    content: '';
    display: none;
    margin: 0;
}

.tax-recipe_type .post {
    padding: 0 0 30px;
    display: inline-block;
    width: 293px;
}

@media screen and (max-width: 900px){
  .tax-recipe_type .post {width:auto;}
}

.tax-recipe_type .post a .date, .tax-recipe_type .post .post-meta {
    display: none;
}

.tax-recipe_type .post-title h2 {
    line-height: 70% !important;
}

.tax-recipe_type .post-title a {
    font-size: 18px;
}

.projectlist li {
    width: 20%;
}

.ae-animation-slide {
    display: none;
}

#page-image h2 {
    color: #fff;
}

#page-image span.border {
    background-color: #fff !important;
    margin-bottom: 0 !important;
}

.post-meta {
    display: none !important;
}

.border {
    margin: 0 auto 50px !important;
}

.inner-spacer-right-lrg {
    min-height: 255px !important;
}

.tax-recipe_type .post-title a {
    font-size: 14px !important;
    text-align: center;
    display: block;
}

.vegas-overlay {
    background-image: none !important;
}

/* Menu Drop Down */
.navigation li.dropdown:hover .dropdown-menu {
    display: block;
}

.navigation .dropdown-menu li {
    width: 100%;
    display: block;
    list-style: none;
}

.navigation .dropdown-menu .dropdown-menu {
    display: none !important;
}

.navigation .dropdown-menu li:hover .dropdown-menu {
    display: block !important;
    left: 100%;
    top: 0;
}

.navigation .nav-content li.menu-item-has-children.active a {
    color: #feb913;
    opacity: 1;
}

.navigation .nav-content li.menu-item-has-children.active .dropdown-menu a {
    color: #060606;
    opacity: .5;
}

.navigation .nav-content li.menu-item-has-children.active .dropdown-menu li.active a, .current-recipe-ancestor a {
    color: #feb913 !important;
    opacity: 1 !important;
}

.home .portfolio {
    background: #feb913;
    color: #fff;
}

.home .portfolio a, .home .portfolio em, .home .portfolio h2, .home .portfolio h4, .home .portfolio h6, .home .portfolio .filter, .home .portfolio .filtering li:after {
    color: #fff;
}

.home .portfolio .active {
    font-weight: 700;
}

.home .portfolio .border {
    background-color: #fff;
}

.home .portfolio .projectlist {
    background: #8ab83f;
}

.projectlist a:hover .projectinfo {
    background: rgba(138, 184, 63, 0.4) !important;
}

.home .blog {
    margin-top: 0 !important;
}

.home .blog .grid-4 {
    width: 100% !important;
}

.home .blog .grid-2 {
    display: none !important;
}

.home .background-page {
    min-height: 350px;
}

.home .background-page .title {
    display: none;
}

#members .vc_btn3-container {
    width: 100%;
}

#members button {
    width: 100%;
}

#members .vc_btn3-container.vc_btn3-inline a {
    width: 100%;
}

#wpmem_login, #wpmem_reg {
    /*width: 45%;
        float: left;*/
    width: 75%;
    margin: 0 auto;
    box-sizing: border-box;
}

#wpmem_login {
    /*margin-right: 5%;*/
}

#wpmem_login input[type="reset"], #wpmem_reg input[type="reset"] {
    background: #999;
}

#wpmem_reg .req {
    color: #ff0000;
}

#wpmem_reg .req-text {
    color: #ff0000;
    margin-top: 10px;
}

#wpmem_reg:after {
    content: ' ';
    display: block;
    clear: both;
}

.parallax.colored #wpmem_login, .parallax.colored #wpmem_reg {
    color: #fff;
    text-align: left;
}

.content .shortcode ul li, .content .shortcode ol li {
    list-style-type: square !important;
    margin-left: 20px !important;
    margin-bottom: 10px;
    line-height: 1.5em;
    padding: 0 0 5px;
}

.parallax.colored {
    background-size: cover;
    margin-top: 70px !important;
}

.projectlist a:hover {
    cursor: pointer !important;
}

td {
    padding: 10px;
}

.content.padded {
    padding-bottom: 75px !important;
}

.content {
    padding-top: 75px !important;
}

.ticker h1 {
    text-shadow: 0 0 17px #000;
}

.button:hover {
    background: rgba(255, 255, 255, .6) !important;
    filter: alpha(opacity=50) !important;
}

legend {
    font-size: 18px;
}

label {
    font-size: 16px;
}

.button_div {
    padding-top: 15px !important;
}

.link-text {
    text-align: center !important;
    padding-top: 20px !important;
}

label[for=log], label[for=pwd], label[for=first_name], label[for=last_name], label[for=user_email], label[for=username] {
    display: block !important;
    padding-top: 20px !important;
    text-align: left !important;
}

.buttons {
    font-size: 16px !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
}

.shortcode {
    margin-top: 0 !important;
    text-align: left;
}

#wpmem_reg .req {
    color: red;
    padding: 0 0 0 4px !important;
}

#gallery-1 img {
    border: 0 !important;
}

.home .slider-cover #page-image .parallax.colored {
    margin-top: 0 !important;
}

hr {
    margin-bottom: 1.5em;
}

.desktop.navigation .nav-content .dropdown-menu a {
    text-transform: none !important;
}

.su-spoiler-title {
    position: relative;
    cursor: pointer;
    min-height: 20px;
    line-height: 20px;
    padding: 7px 7px 7px 34px;
    font-weight: normal !important;
    font-size: 16px !important;
}

.su-spoiler-style-default > .su-spoiler-content {
    padding: 1em 0 1em 27px;
    line-height: 2em;
}

#darkbackground > div {
    left: 25% !important;
}

.desktop.navigation {
    margin-top: 45px !important;
}

.post-title h2, .post-title h2 a {
    text-transform: uppercase !important;
}

.post-title h2, .post-title h2 a {
    text-transform: uppercase !important;
}

.tp-caption { white-space: wrap !important; }

.mobile.navigation .nav-content a{
 padding: 18px 0 !important; 
}

.pagination li, .pagination li a{padding: 20px 21px;}

section { overflow: visible !important; }