/**

Theme Name: NNT
Version: 1.0.1
Author: NNT
Author URI: https://nntbd.com/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: NNT
Template: hello-elementor
*/

body {
    color: var( --e-global-color-text );
    font-family: var( --e-global-typography-text-font-family ), Sans-serif;
    font-size: var( --e-global-typography-text-font-size );
    font-weight: var( --e-global-typography-text-font-weight );
    line-height: var( --e-global-typography-text-line-height );
}

a {
    background-color: transparent;
    text-decoration: none;
    color: var( --e-global-color-accent );
}
p{ margin:0 0 20px;}

h1,h2,h3,h4,h5,h6 {
    color: var(--e-global-color-primary );
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight);
    text-transform: var(--e-global-typography-primary-text-transform );
    line-height: var(--e-global-typography-primary-line-height);
	margin:0 0 20px;
}
[type=button], [type=submit], button {
    border: none;
	font-family: var(--e-global-typography-accent-font-family ), Sans-serif;
	font-size: var(--e-global-typography-accent-font-size );
    font-weight: var(--e-global-typography-accent-font-weight );
    line-height: var(--e-global-typography-accent-line-height );
	white-space: unset !important;
}
[type=button]:focus, [type=submit]:focus, button:focus {
    outline: none;	
}

.product-gallery-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}
.gallery-item{ position:relative; overflow:hidden; transition:all 0.4s ease-in-out; color:white;}
.gallery-image {
    line-height: 0;
}
.gallery-image img{ border-radius:15px !important;}
span.gallery-cat {
    color: #fff;
    background: #DA7B46;
    align-self: flex-start;
    padding: 5px 15px;
    border-radius: 4px;
}
.hover_content {
    background: linear-gradient(180deg, rgba(34, 78, 95, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px;
    transition: all 0.4s;
    transform: translateY(100%);
    opacity: 0;
	border-radius:15px;
	gap: 10px;
}
h5.gallery-title {
    margin: 0;
    color: #fff;
    font-size: 20px;
}
.gallery-item:hover .hover_content{
	transform: translateY(0%);
    opacity: 1;
}
.gallery-load-more {
    padding: 16px 40px;
    border-radius: 4px;
    margin: 45px auto 0;
	cursor:pointer;
}
.gallery-load-more svg {
    margin-left: 10px;
    vertical-align: middle;
    margin-top: -3px;
}
.gform_required_legend{ display:none !important;} 
.gform-theme--foundation .gform_fields {
    row-gap: 20px !important;
}
.gform-body.gform_body input, .gform-body.gform_body select{
    background: #F5F4F5 !important;
    border: 0.5px solid #DFDFDF !important;
    height: 46px !important;
    outline: none !important;
}
.gform-body.gform_body textarea {
    background: #F5F4F5 !important;
    border: 0.5px solid #DFDFDF !important;
    outline: none !important;
}
.gform_wrapper input[type="submit"] {
    background: #224E5F !important;
    width: 100% !important;
    max-width: 200px;
    line-height: 1 !important;
    padding: 15px 10px !important;
}

@media (max-width: 768px){
	.product-gallery-wrapper {
		grid-template-columns: repeat(2, 1fr);
		font-size: 13px;
    	line-height: 1.3em;
	}
	.gallery-image img {
		border-radius: 10px !important;
	}
	.hover_content{ padding:10px; border-radius:10px;}
	span.gallery-cat {
		padding: 3px 7px;
		font-size: 10px;
	}
}