/**
Theme Name: Melt Astra
Author: Melt Design
Author URI: https://meltdesign.co.uk
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: melt-astra
Template: astra
*/
.image-bg-fix .elementor-widget-container {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

iframe.bbc-video {
    min-height: 800px;
}
.uael-menu-item:hover,
.uael-sub-menu-item:hover {
	color: #038602 !important;
}
.uael-nav-menu .current-menu-item a {
	font-weight: 700 !important;
}
.accordion .elementor-accordion-item {
	margin-bottom: 20px;
}

.related-post.raw-post {
    width: calc(100% / 3);
    margin: 1em;
    background: #fff;
    box-shadow: 0 0 30px rgba(0,0,0,0.08);
}

.related-posts-container {
    display: flex;
    flex-direction: row;
    margin: -1em;
}

.related-post.raw-post .post-image {
    max-height: 380px;
    min-height: 380px;
    display: flex;
}

.related-post.raw-post .post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post-details {
    padding: 2em;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.title-container a {
    font-family: 'calibri';
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    color: #000000;
    line-height: 1.2em;
}

a.post-button {
    padding: 16px 40px 16px 40px;
    background: #038602;
    display: block;
    margin-top: 1em;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 1px;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    transition: .3s;
}

a.post-button:hover {
    background: #037802;
    transition: .3s;
}


/*GRAVITY FORMS*/
textarea, input[type="text"],input[type="password"],input[type="email"],input[type="phone"],select{width: 100%; font-family: inherit; border: solid 1px #e9e9e9; margin: 10px 0; font-size: inherit; min-height: 45px; padding: 10px;  }

.gform_body ul li{width: 100%; display: inline-block; margin-bottom: 10px;}

textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="phone"]:focus{border: solid 1px #ddd; outline: none; box-shadow: 0 5px 10px rgba(0,0,0,0.10); }

.gform_body ul li.gform_validation_container, .gform_body ul li.hidden_label label.gfield_label{display: none;}

label.gfield_label{font-weight: 700;}

ul.gfield_checkbox,ul.gfield_radio{margin: 10px 0; }

span.name_first{width: 48%; margin: 0 2% 0 0; float: left;}

span.name_last{width: 48%; margin: 0 0 0 2%; float: left;}

input[type="submit"]{font-family: inherit; margin: 10px 0; border: none; font-size: inherit; padding: 10px 30px; cursor: pointer; background: #000; color: #fff; white-space: normal;}

input[type="submit"]:hover{background: #f00; }
/*END GRAVITY FORMS*/


/*CUSTOM STYLES - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#gform_1 input[type=submit] {width: 100%;font-weight: 700;text-transform: uppercase;letter-spacing: 1px;background: #038602;border-radius: 0;margin: 0;}

#gform_1 input[type=submit]:hover {background: #037802;}

ul.custom-gallery--container {margin: 0;}

ul.custom-gallery--container li {list-style: none;}

li.custom-gallery--item {
    display: flex;
    flex-direction: column;
    text-align: center;
	position: relative;
}

li.custom-gallery--item p {
    margin: 0;
    position: absolute;
    width: 100%;
    color: #fff;
    font-size: 12px;
    bottom: 20px;
	padding: 0 1em;
	font-weight: 600
}

li.custom-gallery--item img:before {
    content: '';
    background: #00000045;
    width: 100%;
    height: 100%;
    position: absolute;
}

ul.custom-gallery--container {
    columns: 3 200px;
    column-gap: 1rem;
}

ul.custom-gallery--container li img{mix-blend-mode: overlay}

ul.custom-gallery--container li {
    background: #00000094;
    color: white;
    margin: 0 1rem 1rem 0;
    display: inline-block;
    width: 100%;
    text-align: center;
	position: relative
}

/*RESPONSIVE STYLES*/
@media only screen and (max-width: 820px){
    .related-post.raw-post {width: calc(91% / 2) !important;}

    .related-posts-container {
        flex-wrap: wrap;
        justify-content: space-between;
    }
}

@media only screen and (max-width: 600px){
	span.name_first,span.name_last{width: 100%; margin: 0; float: none;}
    .related-post.raw-post {width: auto !important; margin-bottom: 1em;}

    .related-posts-container {
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: space-between;
    }

    .modal-details-container p{
        max-height: 100px !important;
    }
}