/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

.grid-item {
    width: 33.333%;
	display: block;
	margin-bottom: 10px;
}

.float_left {
	float: left;
}

.grid-item img {
    display: block;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
}

.grid {
	margin-right: -5px;
    margin-left: -5px;
}

.image-caption-description {
	display: none;
}

.grid-item a {
	display: block;
	position: relative;
	overflow: hidden;
	width: 98%;
    margin: 0 auto;
}

.image_caption_overlay {
	color: #fff;
	position: absolute;
	bottom: 0;
	margin-bottom: 0;
	padding: 17px 17px;
	width: 100%;
	box-sizing: border-box;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,400100+100 */
	background: #000000; /* Old browsers */
	background: -moz-linear-gradient(top, #000000 0%, #400100 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #000000 0%,#400100 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #0000000a 0%,#000000c4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#400100',GradientType=0 ); /* IE6-9 */
}

.pswp__caption--empty {	
    display: block !important;
}

.pswp__caption__center {
	text-align: center !important;
}

.pswp__button:focus, .pswp__button:hover {
    opacity: 1;
    background-color: transparent;
    color: #fff !important;
}


.lazyloaddd {
	opacity: 0;
	height: 270px;
}

@media only screen and (max-width: 1200px) {
	.grid {
		width: 95%;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 1024px) {
	.image_caption_overlay {
		font-size: 14px;
		line-height: 1;
	}
}

@media only screen and (max-width: 768px) {

	.image_caption_overlay {
		font-size: 16px;
		line-height: 1.2;
	}

	.grid-item {
		width: 50%;
	}
}

@media only screen and (max-width: 600px) {

	.grid-item {
		width: 100%;
	}
}

/* *******************************************Load Calculator**************************************** */

.slider.slider-horizontal {
	width: 98% !important;
    margin: 30px 9px 15px 7px;
}


.slider-selection {
    background: #1e73be !important;
}

.slider.slider-horizontal .slider-track {
	height: 4px !important; 
    margin-top: -2px !important;
}
.slider-track-high {
    background: #ddd !important;
}

.tooltip.tooltip-main.top.in {
	opacity: 1 !important;
}

.loan-inputs .input-wrapper {
	display: inline-block;
}

.result_loan > div {
	display: none;
    text-align: center;
    background: #f1efef;
    padding: 22px;
    border-radius: 16px;
}

#post-9619 {
	margin-bottom: 0;
}

.calculator-main-container input::-webkit-outer-spin-button,
.calculator-main-container input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.calculator-main-container input[type=number] {
  -moz-appearance: textfield;
}

.calculator-main-container .currency-symbol {
	position: absolute;
    /* padding: 11px 12px; */
	z-index: 10;
    left: 13px;
    top: 11px;
}

.calculator-main-container .percentage-symbol {
	left: unset;
	right: 13px;
}

.calculator-main-container .currency-symbol-parrent input.changable {
	padding-left: 22px;
}

.calculator-main-container .percentage-symbol + input.changable {
	text-align: right;
	padding-right: 27px;
	padding-left: 0;
}

input[name="years1"], input[name="years2"] {
	text-align: right;
}

.currency-symbol-parrent {
	position: relative;
}

.calculator-main-container label {
	text-align: center;
}

.changable {
	box-shadow: none;
}