/* Theme Name: Mango Paint
Template: oceanwp 
Version: 2.1
Designed & developed by 368 Durham - https://www.368durham.com 
Using OceanWP as Framework. */

/* Global */

.container {
width: 100%!important;
max-width: 1300px;}

img[data-lazyloaded]{
    opacity: 0;
}

/* PART 2 - Upon Lazy Load */
img.litespeed-loaded{
    -webkit-transition: opacity .5s linear 0.2s;
    -moz-transition: opacity .5s linear 0.2s;
    transition: opacity .5s linear 0.2s;
    opacity: 1;
}

.clear {
	clear: both;
}

.boxed-layout {
	background-color: rgba(250,250,250,.5);
}

/* Header */

.page-header {
	display: none;
}

.page-header {
	background-image: url(https://mangopaintinc.com/wp-content/uploads/2019/10/MelanieVanGogh_55-13.jpg);
	background-size: cover;
	background-position: top;
	padding: 150px 0 34px 0!important;
}

.page-header .container {
	width: 100%;
	max-width: 450px;
	float: left;
	background-color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	display: none;
}


#site-header {
	background: transparent;
	z-index: 200;
}

#site-logo #site-logo-inner a img {
    width: 100%;
    max-width: 200px;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    z-index: 999;
    background-color: #fff;
}

#top-bar-wrap {
	background-color: rgba(250,250,250,.5);
	background: none;
    border-bottom: 0px solid #eee;
}

.top-bar-right {
	padding-left: 5px;
	padding-right: 5px;
}

#top-bar-nav>ul>li {
	padding-left: 5px;
	padding-right: 5px;
}

.top-bar-left {
	float: none;
	display: inline-block;
	width: 90%;
	text-align: right;
	padding-right: 10px;
}

#top-bar-social.top-bar-right {
    position: initial;
    right: initial;
    top: initial;
    height: 20px;
    line-height: 20px;
    margin-top: 0px;
}

#site-logo {
    float: left;
    height: 100%;
    display: table;
    background: #fff;
    position: relative;
    z-index: 999;
}


.slider {
	margin-left: -25px!important;
	margin-right: -25px!important;
	padding-left: 0!important;
	padding-right: 0!important;
}


.page-id-745 .page-header .container, .page-id-760 .page-header .container, .page-id-7266 .page-header .container, .woocommerce-account .page-header .container {
	display: block;
}



/* Menu */

#site-navigation-wrap {
	right: initial;
	padding-right: 5px;
}

.oceanwp-social-menu .minimal ul li a {
	padding: 4px!important;
	font-size: 28px!important;
	border: 0px solid #fff!important;
}

.oceanwp-social-menu .social-menu-inner {
	padding-left: 10px;
	border-left: 1px solid #eee;
}

#site-navigation-wrap .dropdown-menu>li>a {
	padding: 0 12px;
}



/* Content */

.home .boxed-layout #wrap .container {
	padding-left: 0;
	padding-right: 0;
}

.btn {
	display: inline-block;
    font-family: inherit;
    background-color: #13aff0;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    padding: 14px 20px;
    border: 0;
    cursor: pointer;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn h2 {
	color: #fff;
}

.btn a {
	color: #fff;
}

.form {
	padding: 20px;
	width: 100%;
	max-width: 650px;
	margin: 55px auto;
	border: 1px solid #eee;
}

.hometop {
	width: 100%;
	max-width: 900px;
	clear: both;
}

.homeleft {
	margin-top: -275px;
	background-color: #fff;
	padding: 20px;
	position: relative;
	z-index: 999;
	margin-left: 55px;
}

.homeright {
	padding: 20px;
	background-color: #fff;
	margin-top: -200px;
	position: relative;
	z-index: 999;
}

.berocket_aapf_widget .berocket_checkbox_color label span.berocket_color_span_block, span.berocket_color_span_block {
	border: 1px solid #eee!important;
	border-radius: 55%;
}

.woocommerce ul.products li.product li.category a, .page-subheading {
	display: none;
}

.homebottom {
	width: 100%;
	max-width: 1150px;
	margin: 0 auto;
	padding: 25px;
}

.applicationright {
	border-left: 2px solid #eee;
	padding-left: 15px;
}

.supportcards {
	padding: 75px 15px;
	text-align: center;
	background: #f4f8fc;
	border: 1px solid #13aff0;
	font-size: 24px;
}

.quantity .minus, .quantity .plus, del .amount {
	display: none!important;
}

.cuform {
	padding: 25px;
	background-color: #f4f8fc;
}

.cuform .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .cuform textarea {
	background-color: #fff;
}
.product-title-row {
	padding-top: 45px;
}
.product-title-row .product-title {
	background-color: #f5f5f5;
}

.wholesale td img {
	max-width: 50px;
}

.wholesaletab {
	max-width: 950px;
	margin: 0 auto;
}

.wholesaletab tbody {
	padding-bottom: 45px;
}

.home .price {
	display: none;
}


/* Footer */

.widget-title {
	margin-left: 0;
	border-color: #fff!important;
	padding-left: 0;
}

#footer-widgets {
	padding: 0 0 50px 0;
	color: #333!important;
	display: none!important;
}

.single-product #footer-widgets {
	display: block!important;
}

#footer-widgets h3 {
	color: #2d6b81;
}

#footer-bottom #footer-bottom-menu, #footer-bottom #copyright {
	width: 100%;
	float: none;
	clear: both;
}

/* Media Q */

.oceanwp-mobile-menu-icon.mobile-right {
	float: none;
	text-align: center;
}

@media (max-width: 1032px) {
	#site-logo {
		width: 100%;
		text-align: center;
		float: none;
		clear: both;
	}
	#site-logo #site-logo-inner a img {
		margin-top: 0;
	}
	#site-navigation-wrap {
		width: 100%;
		text-align: center;
		float: none;
		margin-top: 0;
	}
	#site-navigation-wrap .dropdown-menu>li {
		float: none;
		text-align: center;
		display: inline-block;
	}
	.top-bar-left {
		padding-right: 0;
		text-align: center;
		width: 100%;
	}
}

@media (max-width: 1085px) {
	.homeright {
		margin-top: 0;
	}
	.homeleft {
		margin-top: -150px;
	}
}

@media(max-width: 500px) {
	.homeleft {
		margin-top: 25px;
		margin-left: 0;
	}
}

.gallery-item a img {
padding: 5px!important;}

.product_meta, .reset_variations, .additional_information_tab {
display: none!important;}

.wholesaletab .gform_wrapper .top_label .gfield_label {
clear: none;
float: left;}

.wholesaletab .gform_wrapper .top_label div.ginput_container {
	float: left;
	margin-top: -10px;
	margin-left: 15px;
}

.wholesaletab ul li.gfield {
	margin-top: 10px!important;
    padding-top: 0!important;
    height: auto!important;
    overflow: auto!important;
}

.wholesaletab h1 {
font-size: 32px;}
}

.wholesaletab .gform_wrapper form li, .gform_wrapper li {
margin-bottom: 20px;}

.wholesaletab input[type="checkbox"] {
margin-left: 15px;}

.formwholeleft, .formwholeright {
width: 50%;
margin-top: 25px;
}

.formwholeleft {
float: left;}

.formwholeright {
float: right;}

.wholesalethird {
width: 33.3%;
	float: left;
	margin-bottom: 25px;
}

.wholesalethird .gfield_label {
	color: #2f6b81!important;
}

.wholesaletotal {
width: 100%;
background-color: #fff;
padding: 15px;
position: fixed;
bottom: 0;}

.gf_readonly {
margin-bottom: 30px;}

#field_3_82 label {
	margin-right: 15px;
}

#field_3_87 {
background-color: #eee;
padding: 15px!important;
border-left: 4px solid #2f6b81;
margin-top: 5px;
	margin-bottom: 15px;
}

@media (max-width: 767px) {
	.wholesalethird, .formwholeleft, .formwholeright {
width: 100%;
	clear: both;
	float: none;}
	.wholesaletab .gform_wrapper .top_label div.ginput_container {
		margin-top: 15px;
	}
	.gform_wrapper .ginput_container span:not(.ginput_price) {
display: inline-block;}
}


.woocommerce-orders-table__header-order-actions {
	display: none!important;
}

.woocommerce div.product form.cart {
border: 0px solid #fff!important;}

.socialfoot li a {
	padding: 4px!important;
    font-size: 28px!important;
    border: 0px solid #fff!important;
	color: #fff;
}

.socialfoot ul {
	margin-top: -10px;
}

.socialfoot li {
display: inline-block;}

.elementor-nav-menu--main .elementor-nav-menu a, .elementor-nav-menu--main .elementor-nav-menu a.highlighted, .elementor-nav-menu--main .elementor-nav-menu a:focus, .elementor-nav-menu--main .elementor-nav-menu a:hover {
padding: 5px  15px!important;
font-size: 16px!important;}

#input_3_89 {
min-width: 425px;}

#field_3_89 {
margin-bottom: 25px;}

.gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half {
padding: 40px;
border: 3px sold #eee;}

#field_3_65, #field_3_89 {
padding-left: 40px;}

.ginput_product_price_label {
display: none!important;}

.page-id-760 .gform_wrapper label.gfield_label, .page-id-760 .gform_wrapper legend.gfield_label {
float: left;}


.page-id-7266 .gform_wrapper label.gfield_label, .page-id-7266 .gform_wrapper legend.gfield_label {
float: left;}



.gform_wrapper span.ginput_product_price {
margin-left: 15px;}

form label {
    margin-top: 3px;}

.gform_wrapper span.ginput_total {
margin-left: 15px;}

#field_3_90 {
margin-top: 25px;}

.content-area {
width: 100%;
float: none;
border-right-width: 0px!important;
padding-right: 0px!important;}

.page-id-760 .gform_wrapper label.gfield_label, .page-id-760 .gform_wrapper legend.gfield_label {
width: 50%;
}

.page-id-7266 .gform_wrapper label.gfield_label, .page-id-7266 .gform_wrapper legend.gfield_label {
width: 50%;
}


.gform_legacy_markup_wrapper form li, .gform_legacy_markup_wrapper li {
clear: both;}

.nohide {
display: none!important;}

@media only screen and (max-width: 641px) {
.ginput_product_price, .ginput_quantity_label {
    display: inline-block!important;
	}
.ginput_product_price_label {
display: none!important;}
}

#input_3_59, #input_3_61, #input_3_63, #input_3_73, #input_5_147, #input_5_146 #input_3_73, #input_3_95, #input_3_93, #input_3_121, #input_3_122, #input_3_123, #input_3_146, #input_3_147, #input_5_147, #input_5_146 {
	margin-left: 24px;
}

.asl-item-box .txt-hours, .asl-item-box .icon-clock {
	display: none!important;
}

.asl-sort-list {
margin-top: -50px;}

.asl-cont.asl-bg-3 .asl-list-cont li.sl-item .sl-item-top .sl-item-top-right ul li a.web-btn {
	background-color: #2F6B81!important;
	border-color: #2F6B81!important;
}

.asl-cont .asl-list-cont li.sl-item .sl-item-top .sl-item-top-right {
	padding-top: 0!important;
}

.asl-cont.asl-bg-3 .asl-list-cont li.sl-item .sl-item-top .sl-item-top-left .asl-item-box h2 a {
	cursor: pointer!important;
}

@media (max-width: 768px) {
	.asl-sort-list {
		margin-top: 0px!important;
	}
	.asl-cont .asl-search-cont .asl-sort-list .asl-sort-right label {
		min-width: 100px!important;
	}
	.asl-cont.asl-bg-3 .asl-list-cont li.sl-item .sl-item-top .sl-item-top-left .asl-item-box h2 a {
		text-align: center!important;
	}
	.sl-cat-tag ul {
		min-width: 350px!important;
	}
	.asl-cont .asl-list-cont li.sl-item .sl-item-top .sl-item-top-left .asl-item-box .addr-loc ul li {
		margin-bottom: 10px!important;
	}
	.asl-cont .asl-list-cont li.sl-item .sl-item-top .sl-item-top-left .asl-item-box .addr-loc ul li span, .asl-cont .asl-list-cont li.sl-item .sl-item-top .sl-item-top-left .asl-item-box .addr-loc ul li a {
		line-height: 17px!important;
	}
	.asl-cont .asl-list-cont li.sl-item .sl-item-top .sl-item-top-left .asl-item-box ul li {
		width: 90%!important;
	}
	.sl-cat-tag li {
		padding-top: 5px!important;
		padding-bottom: 5px!important;
	}
}

ul#shipping_method {
    padding-bottom: 0!important;
}

#shipping_method .amount {
    display: inline-block;
    color: #000!important;
    font-size: 18px;
}

.woocommerce #order_review table.shop_table ul#shipping_method.woocommerce-shipping-methods li {
    text-align: right;
}


.widget_shopping_cart ul.cart_list li .owp-grid-wrap .owp-grid.thumbnail, .widget_shopping_cart ul.cart_list li, .woocommerce ul.product_list_widget li:first-child, .widget_shopping_cart .total, .widget_shopping_cart .total, .widget_shopping_cart_content .buttons {
    background-color: #fff!important;
}

.single-product #content {
    padding: 25px!important;
}

.woocommerce-checkout #payment ul.payment_methods .woocommerce_error li {
    color: #000!important;
}

.woocommerce div.product .woocommerce-tabs .panel h2:first-child {
    font-size: 32px!important;
}

.vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-vi_wpvs_button_design .vi-wpvs-option-wrap {
    font-size: 21px!important;
}

.my_account_orders .pay {
display: none!important;}

@media (max-width: 600px) {
    #main #content-wrap {
        padding-top: 0px!important;
    }
	.gform_legacy_markup_wrapper {
padding: 25px!important;}
}

.gform_legacy_markup_wrapper form h1 {
font-size: 32px!important;}

#field_5_65 {
padding-left: 35px;
padding-right: 35px;}

#field_5_80, #field_5_82, #field_3_80, #field_3_82 {
background-color: #f2f2f2;
padding: 15px;}

.has_street input, .has_street select {
background-color: #fff!important;}

#input_5_82_copy_values_option_container, #input_3_82_copy_values_option_container {
margin-bottom: -10px!important;}

#ginput_base_price_5_163 {
float: right;
padding-left: 15px!important;
width: 50%;}

#shipping_method li label, #shipping_method li label {
	color: #000!important;
padding-left: 12px!important;}

.ordersummary {
	padding-top: 10px;
	height: auto;
	overflow: auto!important;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

.ordersummary .gfield_description {
	font-weight: 700;
	font-size: 16px!important;
	float: left!important;
	width: 50%!important;
	margin-top: 7px!important;
}
.ordersummary input {
	width: 50%!important;
	float: right!important;
	margin-top: 0!important;
}

.ordersummary input[readonly] {
background-color: #fff!important;
	padding: 0!important;
	border: 0!important;
color: #900!important;}


#field_5_164 {
margin-top: 50px!important;}

#field_5_157 {
margin-top: 50px!important;
margin-bottom: 50px!important;}

.gform_legacy_markup_wrapper input.ginput_quantity[type=number] {
width: 5rem!important;}

#field_5_115 label, #field_3_115 label {
width: 15%!important;}

#field_5_115 .gf_coupon_code, #field_3_115 .gf_coupon_code {
	width: 35%!important;
}

@media (max-width: 768px) {
	#field_5_115 label, #field_3_115 label {
width: 100%!important;}

#field_5_115 .gf_coupon_code, #field_3_115 .gf_coupon_code {
	width: 100%!important;
}
}

.ginput_product_price {
min-width: 45px!important;}

.ginput_subtotal_5_164 {
margin-left: 0!important;}

form input[readonly], form select[readonly], form textarea[readonly] {
    background-color: #f2f2f2!important;
}

#field_3_80 .address_country, #field_3_82 .address_country, #field_5_82 .address_country, #field_5_80 .address_country {
    background-color: #f2f2f2;
    color: #000!important;
}

.woocommerce-checkout form.checkout {
    padding-left: 25px;
    padding-right: 25px;
}