@charset "UTF-8";:root{
	--primary: #11a65c;
	--secondary: #1dc4cc;
	--text: #242424;
	--accent: #fad335;
	--dkblue: #021a3b;
	--blue-verified: #1DA1F2;
	--dkgray: #657786;
	--ltgray: #AAB8C2;
	--extraltgray: #E1E8ED;
	--extraxltgray: #F5F8FA;
	--clear: #02010100;
	--green-verified: #78C257;
	--textalt: #3f4b5b;
}

/*!
Theme Name: Mangotree Theme
Theme URI: http://underscores.me/
Author: Mangra Studios
Author URI: https://mangrastudios.com/
Description: The WordPress theme for mangotr.ee
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mangotrthemev2
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Mangotree Theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*===== Stylesheets, Fonts =====*/

@import "responsive.css";
@import "woocommerce.css";

/* stylesheets and fonts [end] ........*/

/*===== GLOBAL =====*/

html, body {
	background-color: white !important;
	font-size: 100%;
	padding: 0px !important;
	margin: 0px !important;
	margin-top: 0px !important;
	text-decoration: none;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	height: 100% !important;
	min-height: 100% !important;
	scroll-behavior: smooth !important;
	box-sizing: border-box;
}

small, iframe, object, embed,
main, img, label {
	display: block;
}

embed,
iframe,
object {
	max-width: 100%;
}

main {
	display: block;
}

/*typography........*/

h1, h2, h3,
h4, h5, h6 {
	font-size: 100%;
	font-style: normal;
	line-height: 110%;
	text-indent: 0;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	clear: both;
}

p, div, label, button,
input, optgroup,
textarea {
	font-weight: normal;
	font-size: 100%;
}

p {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	font-size: 1em;
}

.txtwrap {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

label {
	font-size: 100%;
	font-style: normal;
	line-height: 100%;
	text-indent: 0;
	text-decoration: none;
	text-align: left;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	font-weight: bold;
}

strong,
b {
	font-weight: bolder;
	font-size: 100%;
}

small {
	font-size: 80%;
}

big {
	font-size: 125%;
}

em {
	font-style: italic;
	text-decoration: none !important;
	text-decoration-color: black !important;
	text-transform: none;
}

ul,
ol {
	font-size: 100%;
	list-style: none;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

ul li {
	font-size: 100%;
	list-style: disc;
	margin-left: 3px;
	line-height: inherit !important;
	/*content: "\2022";*/
}

ol li {
	font-size: 100%;
	list-style: decimal;
	margin-left: 3px;
	line-height: inherit !important;
}

li ul li {
	font-size: 100%;
	list-style: circle;
	margin-left: 3px;
}

ul.custombullet {
	list-style: none !important;
	margin-left: 3px;
	padding-left: 0px;
	margin-top: 6px;
	position: relative;
	color: var(--dkgray) !important;
  }
  
  ul.custombullet li {
	padding-left: 1em;
	margin-left: 6px;
	margin-bottom: 3px;
	text-indent: 1em !important;
	list-style: none !important;
	color: var(--dkgray) !important;
  }

  ul.custombullet li a {
	color: var(--dkgray) !important;
  }

  ul.custombullet li a:hover {
	color: var(--primary) !important;
  }
  
  ul.custombullet li:before {
	content: url('#') !important;
	padding-right: 0px;
	position: absolute;
	left: 0;
  }

blockquote {
	position: relative;
	padding-left: 1em;
	border-left: 0.2em solid #11a65c;
	font-size: 1.15em;
	line-height: 1.5em;
	font-weight: 100;
  }
  
blockquote:before {
	content: "\201C";
	color: var(--primary);
	font-weight: 600;
	font-size: 1.25em;
}
  
blockquote:after {
	content: "\201C";
	color: var(--primary);
	font-weight: 600;
	font-size: 1.25em;
}

.disclaimertxt {
	font-size: 1em !important;
	font-weight: 700 !important;
	font-style: italic;
	color: var(--dkgray) !important;
	line-height: 1.6em !important;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

pre {
	background-color: var(--extraltgray);
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

code,
kbd,
samp {
	  font-family: monospace, monospace;
	  font-size: 1em;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
	text-decoration: none !important;
}

address {
	margin: 0 0 1.5em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 0.9375rem;
}

abbr,
acronym {
	 border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

hr {
	box-sizing: content-box;
	height: 2px;
	overflow: visible;
	background-color: var(--ltgray);
	border: 2px;
}

/*images........*/

img {
	border-style: none;
	height: auto;
	max-width: 100%;
	display: block;
}

.page-img {
	border: 1px #eee solid;
	padding: 6px;
	margin: 0px;
	width: 100% !important;
	height: auto !important;
	position: relative;
}

/*links........*/

a {
	background-color: transparent;
}

a {
	color: var(--primary);
	text-decoration: none !important;
}

a:visited {
	color: var(--dkblue);
}

a:hover,
a:focus,
a:active {
	color: var(--dkblue);
	text-decoration: none !important;
}

a:focus {
	outline: 0;
}

a:hover,
a:active {
	outline: 0;
}

/*form........*/

form	{
	width: 100%;
	margin: 0px;
	padding: 0px;
	display: block;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.4;
	margin: 0;
}

button,
input {
	overflow: visible;
}

	/*buttons*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"]
.custombtn {
	border: 1px solid #0e9552;
	border-radius: 10px;
	background-color: var(--primary);
	color: white;
	line-height: 1.4;
	padding: 10px 20px;
	cursor: pointer;
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border: 1px solid #0e9552;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border: 1px solid #0e9552;
}

	/*input fields*/

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	background: white;
	background-color: white;
	border: 2px solid #E1E8ED;
	border-radius: 6px;
	margin: 0px 0px 10px;
	padding: 10px;
	outline: 0;
	max-width: 100%;
	width: 100%;
	color: #666;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
	box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
	height: 50px;
	box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
	background-color: rgba(245,248,250,1) !important;
	background: rgba(245,248,250,1) !important;
	border: 1px solid rgba(245,248,250,1);
}

input[type="text"]::before,
input[type="email"]::before,
input[type="url"]::before,
input[type="password"]::before,
input[type="search"]::before,
input[type="number"]::before,
input[type="tel"]::before,
input[type="range"]::before,
input[type="date"]::before,
input[type="month"]::before,
input[type="week"]::before,
input[type="time"]::before,
input[type="datetime"]::before,
input[type="datetime-local"]::before,
input[type="color"]::befores,
textarea::before {
	color: #111;
	font-weight: bold !important;
}

select {
	-webkit-appearance: menulist-button;
	height: 50px !important;
	background: rgba(245,248,250,1);
	background-color: rgba(245,248,250,1);
	border: 1px rgba(245,248,250,1) solid;
	width: 100% !important;
	color: #666666;
}

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	vertical-align: baseline;
}

textarea {
	width: 100%;
	overflow: auto
}

[hidden] {
	display: none;
}

::placeholder,
::-webkit-input-placeholder,
:-ms-input-placeholder,
::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #a1a1a1 !important;
	opacity: 1; /* Firefox */
	font-size: 0.90em !important;
}

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
    cursor: pointer;
	top: 0;
	left: 0;
	height: 10px;
	width: 10px;
	background-color: #eee;
	display: inline-block;
	margin-left: -2em;
	vertical-align: bottom;
	margin: 0.25em 0.5em 0.25em 0.25em;
	position: relative !important;
}

.checkbox, .radio {
	position: static !important;
	margin-top: -1px;
	vertical-align: top;
}

[type="checkbox"]:hover,
[type="radio"]:hover {
	background-color: #ccc;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details {
	display: block;
}

summary {
	display: list-item;
}

template {
	display: none;
}

/*formidable forms ........*/

/*date picker*/

.ui-datepicker .ui-datepicker-title select {
	color: #333 !important;
}
		
.ui-datepicker {
	max-width: 160px !important;
}
		
select.ui-datepicker-month, select.ui-datepicker-year {
	height: 40px !important;
	max-height: 40px !important;
	width: 1020px !important;
	max-width: 120px !important;
}

/*radio selection (image)*/

.frm_image_options .frm_image_option_container {
	border: none !important;
	padding: 10px !important;
}

.frm_image_options .frm_image_option_container 
.frm_empty_url, .frm_image_options 
.frm_image_option_container img {
	height: auto !important;
	padding: 0px;
	margin: 0px;
}

.frm_form_field .frm_checkbox.frm_image_option, 
.frm_form_field .frm_checkbox.frm_image_option+.frm_checkbox, 
.frm_form_field .frm_radio.frm_image_option, 
.frm_form_field .frm_radio.frm_image_option+.frm_radio {
	padding: 0px !important;
	margin: 0px !important;
}

/*radio selection (text)*/

/*tables........*/

figure {
	margin: 1em 0;
}

table {
	background-color: white;
	width: 100%;
	margin-bottom: 15px;
	font-size: 0.9em;
	border-spacing: 0;
	border-collapse: collapse;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
}

thead {
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
}

tfoot {
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

tbody {
	border-left: 1px solid #f7f7f7;
	border-right: 1px solid #f7f7f7;
	border-bottom: 4px solid #242424;
}

table th,
table td {
    padding: 15px;
    line-height: 1.4em;
    vertical-align: middle;
    border: 1px solid #242424; 
	border-radius: 0px;
}

table th {
    font-weight: bold; 
	border-bottom: 1px solid #4B596D;
	background-color: #242424 !important; 
	color: #fff !important;
	padding: 10px;
 }

	table thead th,
  table tfoot th {
    font-size: 1.2em; }
  
tr:hover { 
	background-color: #f5f5f5;
}
  
table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
    border-top: 1px solid #cccccc; }
table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
    background-color: #f7f7f7; }
table tbody tr:hover > td,
table tbody tr:hover > th {
    background-color: #e9e9e9; }
table tbody + tbody {
    border-top: 2px solid #cccccc; }
  @media (max-width: 767px) {
table table {
      font-size: 0.8em; }
table table th,
table table td {
        padding: 7px;
        line-height: 1.3; }
table table th {
        font-weight: 400; } }
  
td {
	padding: 15px;
}

tr td ul li,
tr td ul {
	line-height: 1em !important;
}

/*captions........*/

.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*galleries........*/

.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*accessibility........*/

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/*alignments........*/

.alignleft, .left {
	margin-right: auto !important;
	text-align: left !important;
}

.aligncenter, .center {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignright, .right {
	margin-left: auto !important;
	text-align: right !important;	
}

/*boostrap ........*/

.clearfix {
	overflow: auto !important;
}

/* global [end] ........*/

/*===== PLUGINS =====*/

/*jetpack ........*/


/*elementor ........*/

.dialog-widget-content.dialog-lightbox-widget-content {
	background: #fff !important;
	background-color: #fff !important;
}

	/*typography*/

.elementor-widget-container p {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	line-height: 1.4 !important;
}
	
a span.elementor-icon-list-text {
	text-decoration-color: black !important;
}

/*===== CUSTOM CODE =====*/

	/*typography and fonts*/

.txtWhite {
	color: white!important;
}

.txtGreen {
	color: var(--primary) !important;
}

.txtBlue {
	color: var(--dkblue) !important;
}

.txtLtBlue {
	color: var(--secondary) !important;
}

.txtBlack {
	color: var(--text) !important;
}
	
.txtGray {
	color: var(--ltgray) !important;
}
	
.txtGrayDk {
	color: var(--dkgray) !important;
}