/*
Theme Name: Payment Earth
Theme URI: #
Author: paymentearth
Author URI: # 
Description: Use Shortcode for get data "[payment-box-sidebar]", "[stay-in]", "[payment-box]"
License: General Public License v0.1 or later
Version: 1.0.0
Text Domain: Payment Earth

/**************************/
/********* GLOBAL *********/
/**************************/
h1,h2,h3,h4,h5,h6,p,span,div,section,li,ul,a{
	font-family: 'Montserrat', sans-serif !important;
}

.terms-of-use-content p a, .complaince-content a {
    font-size: 18px !important;
    color: #6ab421;
    font-weight: 400 !important;
    text-decoration: none !important;
}

.terms-of-use-content p a:hover, .complaince-content a:hover, .keep_on_top a:hover {
    color: #087e8b;
    text-decoration: underline !important;
}


/*****************************/
/********** HEADER ***********/
/*****************************/
.header_main #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
	width: 250px !important;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu {
    left: -40px;
}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover{
	color: #6ab421 !important;
} 

/*************************/
/********** HOME *********/
/*************************/
.what_we_do {
    margin-top: 0px !important;
}



/**********************/
/*Open An Account Page*/
/**********************/
.shadowfilter {
	-webkit-filter: drop-shadow(0px 0px 5px #fff);
	filter: drop-shadow(0px 0px 5px #fff);
}

#open-account-body{
	background-color: #f4f4f4!important;
}

select {
	background-color: #ffffff;
}

.banner-account {
    z-index: 9999;
    position: relative;
}

#pe_container {
    max-width: 100%;
    width: 100%;
    padding: 0;
    margin-bottom: -100px;
}

#pe_col_12{
	padding: 0;
}

#pe_row{
	width: 100%;
	margin: 0 auto;
}

#formdiv{
	padding-right:0;
}

#business a, #individual a, #international a {
	padding-top:5%;
	display: inline-block;
}

#business h1,
#individual h1,
#international h1{
    text-shadow: #000 0px 0px 20px;
    padding-top: 5%;
    color: white;
}

#business p,
#individual p,
#international p{
    text-shadow: #000 0px 0px 20px;
    padding-top: 3%;
    color: white;
}

#business, #international {
    background-image: url(https://paymentearth.com/wp-content/uploads/2019/01/Business-background.jpg);
    background-size: cover;
    background-color: #777;
    background-blend-mode: multiply;
    background-position: center;
    height: 360px;
}

#individual {
    background-image: url(https://images.pexels.com/photos/1134188/pexels-photo-1134188.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940);
    background-size: cover;
    background-color: #777;
    background-blend-mode: multiply;
    background-position: center;
    height: 360px;
}

.formcontent{
	padding:0 3%;
}

/* Style the tab buttons */
.tablink {
background-color: #555;
color: white;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 16px;
font-size: 17px;
width: 33.3%;
}

.tablink:last-child{
	margin-bottom: 5%;
}

@media only screen and (max-width: 666px){
    .tablink {
        background-color: #555;
        color: white;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 16px 10px;
        font-size: 12px;
        width: 33.3%;
    }
}

@media only screen and (max-width: 520px){
    .tablink {
        background-color: #555;
        color: white;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 16px 10px;
        font-size: 12px;
        width: 100%;   
    }
}

/* Change background color of buttons on hover */
.tablink:hover {
background-color: #777;
}

/* Set default styles for tab content */
.tabcontent {
color: white;
display: none;
padding: 50px;
text-align: center;
}


@media only screen and (max-width: 666px){
	#business h1, #individual h1, #international h1 {
		padding:25% 0 0%;
	}
	#business a, #individual a, #international a {
		padding-top:15%;
	}
}

.pe_sidebar h2{
	font-weight: 800;
	color: #087e8b;
	font-size: 32px;
	position: relative;
	padding-top: 30px;
}

.pe_sidebar h2:before {
    position: absolute;
    height: 10px;
    border-radius: 3px;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    width: 200px;
    background: #087e8b;
    margin: 0 auto;
}

.pe_sidebar a {
    color: #6ab421;
    font-size: 20px;
    font-weight: 600;
    text-decoration: underline;
}

.pe_sidebar {
	float: left;
	width: 33%;
	text-align: center;
}

@media only screen and (max-width:980px){
	.pe_sidebar {
	    float: left;
	    width: 100%;
	    text-align: center;
	}
}


/* Round everything out */
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    font-size: inherit;
    font-family: inherit;
    padding: 5px 4px;
    letter-spacing: normal;
    border-radius: 50px;
    border: solid 1px #999;
}

.gform_wrapper input {
	border-radius: 15px;
	border: 1px solid #999999;
	padding-left: 8px;
}

.gform_wrapper input:focus {
	outline: none;
	box-shadow: 0px 0px 2px #087e8b;
}

.gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label {
    display: -moz-inline-stack;
    display: inline-block;
    line-height: 1.3;
    clear: both;
    margin-left: 15px;
}

.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {
    margin: 1px 0 9px 15px !important;
}

.gform_wrapper .ginput_complex .ginput_left input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), .gform_wrapper .ginput_complex .ginput_right input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), .gform_wrapper .ginput_complex .ginput_right select, .gform_wrapper .ginput_complex input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), .gform_wrapper .ginput_complex select {
    width: 100%;
    padding-left: 15px !important;
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    font-size: inherit;
    font-family: inherit;
    padding: 5px 4px 5px 15px !important;
    letter-spacing: normal;
}

.gfield_select {
    padding-left: 15px !important;
}

.gform_wrapper .description_above .gfield_description,
.gform_wrapper .field_description_below .gfield_description {
    padding-left: 15px !important;
	color: teal;
}

/*Fix check Box on Open An Account Page
#input_2_81_1,
#input_1_68_1{
    position: inherit;
}*/

/* Mobile Menu and Logo in the Header */
@media only screen and (max-width:980px){
	.banner-account .menu_right{
		float:right;
	}

	.banner-account .logo_left{
		width: 70%;
		float: left;
	}
}

/* Label width to match field width */
@media only screen and (min-width: 641px){
	.pe-requirement-label{
		width: calc(50% - 8px);
	}
}


/************************/
/***** TESTIMONIALS *****/
/************************/
.testimonials-widget-testimonial blockquote {
    border-left: 0px;
    padding: 0px;
}

.testimonials-widget-testimonials .paging.prepend{
	display: none;
}

.testimonials-widget-testimonial cite, .testimonials-widget-testimonial div.credit {
    font-weight: 900;
}

/**************/
/*** FOOTER ***/
/**************/
#pe_footer{
	text-align: center;
}

#pe_footer img,
.pe_footer_text{
	padding-bottom: 3%;
}

.pe_footer_text_bottom #pe_footer_address{
	font-weight: 500;
	text-decoration: none;
	color: #333;
	text-transform: uppercase;
}

.pe_footer_text_bottom p{
	font-size: 11px;
}


/*************************/
/***** TRANSPARENCY ******/
/*************************/
.transparency-bnr .banner_main.inner-banner .banner_img img {
    width: 100%;
    height: 350px;
}

/*************************/
/******** SITE MAP *******/
/*************************/
#sitemap_page li {
	padding-bottom: 1% !important;
}

/*-----------------*/
/*--MOBILE STYLES--*/
/*-----------------*/
@media only screen and (max-width:980px){
	
	.pe-tooltip .pe-tooltiptext{
		left: 80px !important;
	}

	
	.pe-tooltip .pe-tooltiptext::after{
		display:none;
	}
}

.pe-infoimage {
	background-image: url(https://image.flaticon.com/icons/svg/1/1176.svg);
	display: inline-block;
	width: 12px;
	height: 12px;
	background-size: contain;
}

/* Tooltip container */
.pe-tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.pe-tooltip .pe-tooltiptext {
    visibility: hidden;
    background-color: #ffffff;
    color: black;
    text-align: center;
    padding: 5px;
    border-radius: 6px;
    position: absolute;
    z-index: 2;
    font-size: 12px;
    line-height: normal;
    /* left: 30px; */
    box-shadow: 0px 0px 14px 4px rgba(0,0,0,.6);
}

.pe-tooltip .pe-tooltiptext {
    visibility: hidden;
    background-color: #ffffff;
    color: black;
    text-align: center;
    padding: 5px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    font-size: 12px;
    line-height: normal;
    /* left: 175px; */
    box-shadow: 0px 0px 14px 4px rgba(0,0,0,.6);
    width: 220px;
}

.pe-tooltip .pe-tooltiptext::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 11px;
  left: -10px;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.pe-tooltip:hover .pe-tooltiptext {
  visibility: visible;
}

.pe-tooltip-right {
    top: -5px;
    left: 125%;
}

.pe-tooltip-top {
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
}

.pe-tooltip-bottom {
    top: 135%;
    left: 50%;
    margin-left: -60px;
}

.pe-tooltip-left {
    top: -5px;
    bottom: auto;
}