/**
 * Theme Name:     Photograph Child
 * Author:         Mobistock
 * Template:       photograph
 * Text Domain:    photograph-child
 * Description:    Photograph is a WordPress theme exclusively built for photographer, blogger, portfolio, photography agency or photo studio websites. It is clean, super flexible, fully responsive designs, amazing new features, complete 1-click website demos and lifetime free updates. Photograph design can be used for any type of website. This Photograph theme with awesome video tells story about how photograph has positive impact in many person
 */

.category-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.category-item {
    width: calc(25% - 20px);
    margin: 10px;
    padding: 0;
    background-size: cover;
    background-position: center;
    text-align: center;
    color: #ffffff;
    box-shadow: 0 6px 15px rgb(0 0 0 / 19%);
    transition: transform 0.2s;
    border-radius: 5px;
}

.category-item:hover {
    transform: translateY(-3px);
    /* Adjust the value to control the hover effect */
}

.category-item a {
    padding: 20px;
    height: 140px;
    display: flex;
    justify-content: center;
    background: #0000003d;
    border-radius: 5px;
    align-items: center;
}

.category-item h3 {
    font-size: 22px;
    color: #fff;
    margin: 0;
    font-weight: 600;
    font-family: "Neris-SemiBold-webfont", sans-serif;
    letter-spacing: -1px;
    text-shadow: 0 2px 8px #00000087;
    line-height: 24px;
}


.custom-tag {
    font-size: 18px;
    display: inline-block;
    padding: 6px 13px;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    background-color: transparent;
    color: #bfbfbf;
    margin-right: 5px;
    margin-bottom: 5px;
}

.nav-bar-menu a:focus {
    outline: none !important;
    border: none;
}

.custom-tag:hover {
    background-color: #feff0000 !important;
    color: #f5f5f5 !important;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="search"],
input[type="password"],
textarea {
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 30px;
    background-color: #ffffff !important;
}

/* custom-search.css */

/* Style for the form container */


/* Style for the search container */
.search-container {
    display: flex;
    overflow: hidden;
    background-color: #f0f0f0;
}

.search-container button {
    background: #fff;
}

.search-container button img {
    width: 28px;
}

/* Style for the search category dropdown */
#search-category {
    padding: 8px;
    border: none;
    background-color: #fff;
}

/* Style for the search term input */
.search-container input {
    flex: 1;
    padding: 8px;
    border: none;
    margin-bottom: 0px !important;
}

.search-container input::placeholder {
    opacity: 0;
}

/* Style for the search button */
#custom-search-form button {
    padding: 8px 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* Style for the search icon */
#custom-search-form i {
    font-size: 18px;
}

/* Search results container */
#search-results {
    margin-top: 20px;
}



/* CUSTOM CSS */
.filter-button div button.dropdown-toggle {
    margin: 0 !important;
}

.filter-button div.dropdown-container button.dropdown-toggle {
    font-family: "Neris-Light-webfont", Sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 14px 45px 14px 25px;
    background: #000;
    color: #fff;
    border-radius: 30px;
    min-width: 168px;
    border: 0;
    outline: 0;
    display: flex;
    align-items: center;
    position: relative;
}

.filter-button div.dropdown-container i {
    margin-left: 28px;
    position: absolute;
    right: 20px;
    top: 18px;
    color: #fff;
    font-size: 16px;
}
.dropdown-toggle {
    padding: 6px 12px;
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    cursor: pointer;
    font-size: 15px;
    letter-spacing: .5px;
    background: #34C57F;
    font-weight: 300;
    border-radius: 10px;
    color: #fff;
    text-align: center;
}

/* Styling for the dropdown list */
.dropdown-list {
    z-index: 9;
    position: absolute;
    top: 70px;
    left: ;
    right: 60px;
    display: none;
    border-radius: 16px;
    list-style: none !important;
    padding: 0;
    margin-top: 5px;
    background-color: #fff;
    border: 1px solid #ccc;
}


/* Styling for the dropdown list items */
.dropdown-item {
    display: block;
    width: 100%;
    padding: 10px 20px;
    background-color: transparent;
    border: none;
    text-align: right !important;
    cursor: pointer;
    bottom: 0px;
    z-index: 999;
    /* right: 0px !important; */
}

/* CSS for the surrounding div */
.video-container {
    width: 100%;
    /* Set the desired width of the container */
    max-width: 800px;
    /* Optionally, set a maximum width to avoid excessive stretching on larger screens */
    margin: 0 auto;
    /* Center the container horizontally */
}

/* CSS for the video tag */
.video-container video {
    width: 100%;
    /* Fill the entire width of the container */
    height: auto;
    /* Maintain the video's aspect ratio */
    display: block;
    /* Ensure the video takes the full width even if it's not inline */
}


.related-image-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    /* Add some spacing between images */
}

.related-image-grid img {
    width: 100%;
    height: auto;
}

.like-download-div {
    display: flex;
    justify-content: end;
    align-items: center;
    margin-right: 99px;
    padding-top: 10px;
}
.wpulike.wpulike-heart {
    padding: 0px !important;
}

/* Add some basic styling for the layout */
.post_details_row {
    display: flex;
    padding-top:10px;
}

.post_details_column {
    flex: 1;
    padding: 10px;
}


.post_article_container {
    display: flex;
    justify-content: center;
    padding-top: 10px;
}

/* SHARE BUTTONS CSS*/
/* Modal Styles */
.share_btn {
    font-size: 36px;
    cursor: pointer;
}

.share_links {
    list-style: none;
}

.share_links li {
    display: inline-block;
    background-color: black;
    margin-inline: 5px;
    border-radius: 50%;
    border : 2px solid white;
}

.share_links li:hover {
    color: #fff;
    box-shadow : 0px 4px 10px 2px rgb(243 237 237 / 50%);
}

.share_icon {
    color: white;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    font-size: 32px;
    height: 80px;
    width: 80px;

}

.share_links li:hover .share_icon {
    color: #fff;
}
.popup-content-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}


.popup-image-container {
    flex: 0 0 40%;
    margin-right: 20px;
}

.popup-text-container {
    flex: 1;
}

/* Style for the bottom text */
.popup-bottom-text {
    text-align: center;
    margin-top: 20px;
}

.entry-thumb img {
    width: 622px;
}

.previous-post {
    position: relative;
    top: 50%;
    left: -25px;
}

.next-post {
    position: relative;
    top: 50%;
    left: 25px;
}

.like-download-div span {
    color: #000;
    font-size: 12px;
    vertical-align: middle;
    font-weight: 300;
    line-height: 18px;
}

#cbxwpbkmarklistwrap-659 {
    z-index: 9999999 !important;
    display: block;
    margin-top: 20px;
    padding: 20px 0px;
}

.cbxwpbkmarkguestwrap,
.cbxwpbkmarklistwrap {
    z-index: 6 !important;
}
#page {
    width: 100%;
    background-color: #fff;
    padding-bottom: 100px;
}

.like-download-div .wpulike-heart .wp_ulike_general_class {
    box-shadow: 0 0 0 1px #bdbdbd inset;
    border-radius: .25em;
    padding: 5px;
    margin-right: 5px;
    margin-left: 20px;
}

.cbxwpbkmarkguestwrap h3,
.entry-content .cbxwpbkmarkguestwrap h3 {
    font-weight: bold !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    padding: 0 !important;
    margin: 0 0 8px 0 !important;
}

.cbxwpbkmarkguest-message a {
    font-size: 12px !important;
    font-weight: 700 !important;
}

.dropdown-container button:focus {
    border: 1px solid #34c57f;
    outline: none;
}

.cbxwpbkmarktrig-marked:before {
    background: no-repeat url('./images/collection.png') 0 0;

}

.cbxwpbkmarktrig:before {
    background: no-repeat url(./images/collection.png) 0 0;
}

.cbxwpbkmarktrig:before {
    background: no-repeat url(./images/collection.png) 0 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.cbxwpbookmark-default .cbxwpbkmark-toolbar-listcat {
    margin-left: 3px !important;
}

.post_details_column .post_details_button {
    color: #575555;
    font-size: 11px;
    font-weight: 500;
    margin-top: 5px;
}

.post_details_button i {
    padding-right: 10px;
    color: #575555;
}

a.btn.more_info_btn {
    border: 1px solid #ccc;
    border-radius: 7px;
    padding: 5px 10px;
    font-size: 13px;
    color: #000;
    font-weight: 600;
}

a.btn.share_btn {
    border: 1px solid #ccc;
    border-radius: 7px;
    padding: 5px 10px;
    font-size: 13px;
    color: #000;
    font-weight: 600;
    margin-left: 10px;
}

.post {
    margin-bottom: 0px !important;
}

.post_article_container i {
    color: #000000a8 !important;
    font-size: 40px;
}

.post_details_column a {
    margin-left: 126px;
}

.post_related_images_div h1 {
    font-size: 30px;
    color: #131313;
    font-weight: 600;
    line-height: 42px;
    letter-spacing: -1px;
}

.post_related_images_div {
    padding: 70px 50px 40px 11px;
}

.featured-gallery-header .filters.filter-button .dropdown-container .dropdown-list li button.dropdown-item {
    margin: 0 !important;
}

.featured-gallery-header .filters.filter-button {
    margin-bottom: 30px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 52px;
}

.featured-gallery-header .filters.filter-button .dropdown-container {
    position: absolute;
    right: 0;
    top: 0;
}

.featured-gallery-header .filters.filter-button>button {
    background: transparent;
    color: #000;
    border: 0;
    font-size: 20px;
    font-family: "Neris-SemiBold-webfont", sans-serif;
    letter-spacing: -0.5px;
    padding: 3px 16px;
    cursor: pointer;
}

.featured-gallery-header .filters.filter-button>button:hover,
.featured-gallery-header .filters.filter-button>button.active {
    background: rgb(217 217 217 / 40%);
    border-radius: 30px;
    transition: 0.3s;
}

.featured-gallery-header .filters.filter-button .dropdown-container .dropdown-list {
    background: #000;
    z-index: 1000;
    border: 0;
    padding: 10px 0;
    border-radius: 6px;
    margin-top: -5px;
    width: 170px;
    right: 0;
    left: inherit;
}

.featured-gallery-header .filters.filter-button .dropdown-container .dropdown-list li {
    list-style: none;
}

.featured-gallery-header .filters.filter-button .dropdown-container .dropdown-list li button.dropdown-item {
    color: #Fff;
    font-family: "Neris-Light-webfont", sans-serif;
    font-size: 16px;
    padding: 5px 15px;
    text-transform: capitalize;
}

.featured-gallery-header .filters.filter-button .dropdown-container .dropdown-list li button.dropdown-item:hover {
    background: #f5b019;
}
button.close:hover {
    color: #fff;
}
.featured-gallery article.featured-item a.dropdown-item.download-link:focus{
    outline: none !important;
}

.featured-gallery-wrap .wpulike.wpulike-heart {
    position: absolute;
    content: "";
    right: 12px;
    display:none;
    top: 12px;
    z-index: 999;
    padding: 0;
    background: #fff;
    border-radius: 5px;
    transition: all 0.3s;
}

.featured-gallery-wrap .wpulike.wpulike-heart:hover {
    opacity: 0.8;
}

.featured-gallery-wrap .wpulike.wpulike-heart .wp_ulike_general_class {
    padding: 3px;
}

.featured-gallery article.featured-item:hover .wpulike.wpulike-heart {
    display: block;
}

.featured-gallery .featured-item:after,
.featured-gallery .featured-item:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100px;
    background: rgb(0, 0, 0);
    z-index: 1;
    opacity: 0;
}

.featured-gallery .featured-item:after {
    bottom: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
}

.featured-gallery .featured-item:before {
    top: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
}

.featured-gallery .featured-item:hover:before,
.featured-gallery .featured-item:hover:after {
    opacity: 1;
}

.featured-gallery .featured-text-content {
    padding: 0;
    background-color: transparent;
}

.featured-gallery .featured-text-content .video-container {
    position: relative;
}

.featured-gallery .featured-text-content .video-container img {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 30px;
}

span.count-box.wp_ulike_counter_up {
    display: none;
}

.wpulike-heart button.wp_ulike_btn {
    background: #fff !important;
    padding: 12px !important;
    border: 1px solid #C7C7C7;
    width: 30px;
    height: 30px;
}

.wpulike-heart .wp_ulike_general_class {
    box-shadow: none !important;
}

.search-container input:focus {
    outline: none;
}

select#search-category:focus {
    outline: none;
}

.search-container select:focus-visible {
    margin: 0px;
    outline: #fff;
}

.search-container select {
    border: 2px solid #fff;
    padding-left: 10px;
    font-family: var(--e-global-typography-2ff14d4-font-family), sans-serif;
    font-size: 25px;
    letter-spacing: -2px;
}

footer a.hfe-menu-item {
    color: #fff !important;
    line-height: 22px !important;
}

#colophon p {
    margin-bottom: 0px !important;
}

.popup-text-container h2 {
    font-size: 24px !important;
    font-weight: 600 !important;
    color: #fff !important;
    font-family: "Neris-SemiBold-webfont";
}

.popup-text-container p {
    color: #fff !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    font-weight: 600;
}
.modal-body {
    padding: 30px 50px !important;
}

.modal-body h4 {
    color: #9d9a9a;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    font-family:neris;
}

.modal-body h1 {
    font-size: 34px !important;
    font-weight: 700 !important;
}

.share_icon {
    color: white;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    font-size: 32px !important;
    height: 55px !important;
    width: 55px !important;
}

.modal-backdrop {
    position: static !important;
}

div#cbxwpbkmarklistwrap-87 {
    z-index: 99999 !important;
}

.post-thumbnail img {
    width: 100% !important;
    height: 222px !important;
    border-radius: 22px !important;
}

.post-title {
    font-size: 20px !important;
    margin-top: 20px !important;
    line-height: 30px !important;
    color: #000;
    font-weight: 600;
    padding-right: 20px;
}

.post-excerpt p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
    margin-top: 20px !important;
    margin-bottom: 5px !important;
}

.entry-meta span {
    color: #A5A5A5 !important;
    display: inline-block;
    margin-right: 0px;
    margin-bottom: 0px;
    font-size: 14px !important;
    line-height: 21px;
    font-weight: 400;
}

.custom-blog-post .read-more {
    display: none;
}

.load-more-faq span.elementor-button-text {
    font-size: 10px;
    font-weight: 700;
    line-height: 13px;
    text-align: center;
    text-transform: capitalize;
    color: #3D37F1;
}

.box-height {
    min-height: 270px !important;
}

.page-header {
    background-color: #fff !important;
    padding: 15px 30px 0;
    position: relative;
    overflow: hidden;
    margin-bottom: 50px;
    text-align: center !important;
    padding-top: 50px;
}

.blog-featured-image img {
    width: 100%;
}

.blog-featured-image {
    margin: 0 auto;
}

.entry-content {
    padding: 50px 200px;
}

.faq_div {
    position: absolute;
    content: "";
    top: 103px;
    z-index: 999;
    background: #fff;
    left: 0;
    right: 0;
    padding-top: 6px !important;
    margin: 0px 30px;
}

::placeholder {
    color: #A0A0A0 !important;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    font-family: 'Poppins';
}

input#username-915 {
    border: none !important;
    border-bottom: 1px solid #ddd !important;
    padding: 0px !important;
}

input#fullname-915 {
    border: none !important;
    border-bottom: 1px solid #ddd !important;
    padding: 0px !important;
}

input#user_password-915 {
    border: none !important;
    border-bottom: 1px solid #ddd !important;
    padding: 0px !important;
}

.um-center input {
    background: #34C47F !important;
    padding: 9px 126px !important;
    color: #fff !important;
    line-height: 25px !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    font-family: poppins !important;
    border-radius: 9px !important
}

.um.um-login.um-915.uimob500 {
    margin-left: 0px !important;
    margin-bottom: 13px !important;
}

.um-center {
    text-align: start !important;
}

.um-col-alt {
    margin: 37px 0 5px 0 !important;
}

.elementor-shortcode .um {
    margin-left: 0px !important;
}

input#first_name-914 {
    font-size: 15px !important;
    color: #A0A0A0 !important;
    line-height: 22px !important;
    font-weight: 400;
    font-family: poppins;
    border-top: none !important;
    padding: 0px !important;
    border-left: none !important;
    border-right: none !important;
}

input#user_email-914 {
    font-size: 15px !important;
    color: #A0A0A0 !important;
    line-height: 22px !important;
    font-weight: 400;
    font-family: poppins;
    border-top: none !important;
    padding: 0px !important;
    border-left: none !important;
    border-right: none !important;
}

input#user_password-914 {
    font-size: 15px !important;
    color: #A0A0A0 !important;
    line-height: 22px !important;
    font-weight: 400;
    font-family: poppins;
    border-top: none !important;
    padding: 0px !important;
    border-left: none !important;
    border-right: none !important;
}

input#confirm_user_password-914 {
    font-size: 15px !important;
    color: #A0A0A0 !important;
    line-height: 22px !important;
    font-weight: 400;
    font-family: poppins;
    border-top: none !important;
    padding: 0px !important;
    border-left: none !important;
    border-right: none !important;
}

.full_post_container_div {
    position: absolute;
    content: "";
    z-index: 999;
    padding: 20px 20px 20px 20px;
    background: #fff;
    width: 98%;
    height: 570px;
    top: -527px;
    left:0px;
    right:0px;
    margin:0 auto;
}

.um-header {
    margin-top: 100px;
}

.um-field-divider-text {
    text-align: left !important;
    font-weight: 600;
}

.um-row-heading {
    font-size: 30px !important;
    font-weight: 600;
}

/* BLOGS POSTS STYLES */
.custom-posts-container {
    display: flex;
    justify-content: center;
}

.custom-blog-post {
    width: calc(33.33% - 20px);
    padding: 10px;
    box-sizing: border-box;
}

.post-thumbnail img {
    max-width: 100%;
    height: auto;
}

.post-title {
    font-size: 1.2em;
    margin-top: 10px;
}

.post-excerpt {
    margin-top: 5px;
}

.read-more {
    display: inline-block;
    margin-top: 10px;
    text-decoration: none;
    color: #007bff;
}


.blog-featured-image {
    max-width: 50%;
}

/* Blogs Posts Grid */

.blog-grid {
    display: flex;
    flex-wrap: wrap;
    margin: -15px;
    /* Adjust margin as needed */
}

.blog-grid .blog-post {
    flex-basis: 50%;
    padding: 15px;
    /* Adjust padding as needed */
    box-sizing: border-box;
}

.blog-grid .post-thumbnail img {
    max-width: 100%;
    height: auto;
}

.blog-grid .post-title {
    margin-top: 10px;
    font-size: 1.2em;
}

.footer-bottom a.custom-tag:focus {
    outline: none;
}

.footer-bottom a.hfe-menu-item:focus {
    outline: none;
}

.footer-bottom a.hfe-menu-item:hover {
    color: #F3C800 !important;
}


.free-stock .custom-tag:hover {
    background-color: #feff0000 !important;
    color: #f5f5f5 !important;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="search"],
input[type="password"],
textarea {
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 30px;
    background-color: #ffffff !important;
}

/* custom-search.css */

/* Style for the form container */


/* Style for the search container */
.search-container {
    display: flex;
    overflow: hidden;
    background-color: #fff;
    height: 62px;
}

.search-container button {
    background: #fff;
}

.search_tags {
    color: #fff;
    margin-top: 15px;
    font-size: 16px;
}

.search_tags b {
    font-family: "Neris-SemiBold-webfont", Sans-serif;
}

/* Style for the search category dropdown */
#search-category {
    padding: 15px !important;
    border: none;
    background-color: #fff;
}

/* Style for the search term input */
.search-container input {
    flex: 1;
    padding: 15px !important;
    border: none;
    margin-bottom: 0px !important;
    font-family: var(--e-global-typography-2ff14d4-font-family), sans-serif;
    font-size: 26px;
    letter-spacing: -2px;
}

/* Style for the search button */
#custom-search-form button {
    padding: 8px 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

/* Style for the search icon */
#custom-search-form i {
    font-size: 18px;
}

/* Search results container */
#search-results {
    margin-top: 20px;
}

h2.no-results-wrap {
    display: flex;
    justify-content: center;
    text-align: center;
    min-height: 386px;
    align-items: center;
    font-size: 42px;
    line-height: 50px;
    color: #000;
}
h2.no-results-wrap span {
    color: #F5B019;
}

/*-------HEADER CSS-----*/
.header-fixed {
    position: absolute;
    z-index: 1;
    width: 100%;
}


/*--------HEADING STYLE CSS--------*/
h2.elementor-heading-title span {
    color: #F5B019;
}

.header-fixed .hfe-nav-menu-icon {
    height: 38px;
}

.header-fixed .hfe-nav-menu ul.hfe-nav-menu {
    padding: 12px 0;
}
a.dropdown-item.video-icon {
    padding: 0px !important;
}
a.dropdown-item.video-icon img {
    position: absolute;
    content: "";
    left: 12px;
    top: 13px;
    opacity: .8;
}
---------------submited a photo----------------

*_-----------single page**********
.modal-content {
    border: 1px solid #fff;
    border-radius: 5px;
}
.entry-thumb img {
    height: 100%;
    max-height: 400px;
    width: 100%;
}
a.btn.share_btn i {
    padding-right: 5px;
}
a.btn.more_info_btn i {
    padding-right: 5px;
}
.post_related_images_div {
    position: static !important;
}
.dropdown-item:focus, .dropdown-item:hover {
    border-radius: 28px !important;
}
.single .entry-thumb-content {
    margin-bottom: 0px !important;
}
.post_related_images_div .featured-gallery.gallery-col-4 {
    column-count: 4;
}
.featured-gallery.gallery-col-4 article {
    width: 100%;
}
.modal-content{
background-color:#000 !important;
}
.previous-post a:focus {
    outline: none;
    border: none;
}
.next-post a:focus{
    outline: none;
    border: none;
}
a.btn.more_info_btn i {
    color: #a5a5a5;
}
a.btn.share_btn i{
  color: #a5a5a5;
}
.modal-body.text-center h1 {
    color: #fff;
}
button.close {
    color: #fff;
}
/*-------------GALLERY CSS---*/
.featured-gallery-wrap {
    padding-bottom: 0;
    width: 1280px;
    margin: 40px auto;
}

.featured-gallery {
    margin: 0;
    column-count: 3;
    gap: 22px;
    height: !important;
}

.featured-gallery .featured-item {
    padding: 0;
    padding: 0;
    display: grid;
    grid-template-rows: 1fr auto;
    margin-bottom: 22px !important;
    break-inside: avoid;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
}

.featured-gallery article.featured-item a.dropdown-item.download-link {
    position: absolute;
    bottom: 12px;
    height:px !important;
    padding: 0;
    display:none;
    transition: all 0.2s;
}

.featured-gallery article.featured-item a.dropdown-item.download-link:hover {
    opacity: 0.8;
}

.featured-gallery .featured-item:hover a.dropdown-item.download-link {
    display: block;
}

.featured-gallery article.featured-item a.dropdown-item.download-link img {
    width: 34px;
    height: 31px;
}
ul#dropdown-list li a {
    text-align: start !important;
}
.dropdown-item {
    padding: .25rem 15px !important;
}


/*---------------submited a photo---------------*/
#primary {
    float: inherit !important;
    padding-right: 0px !important;
    width: 50% !important;
    margin: 0 auto !important;
}
#primary input[type="text"] {
    margin-bottom: 15px;
}
div#primary form label {
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
}
div#primary form input {
    margin-top: 10px;
}
.drag-hrer {
    position: relative;
    top: -162px;
    text-align: center;
    
    border: 1px dashed;
    border-radius: 4px;
    height: 132px;
    font-size: 18px;
    position: relative;
    top: -18px;
    left: 0;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 600;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    word-break: break-word;
    background-color: #fbfcff;
    color: #2c3345;
}
.drag-hrer h3 {
    margin-bottom: 10px;
    font-size: 24px !important;
    font-family: cursive;
}
div#primary form select {
    margin-bottom: 20px;
    width: 100%;
}
input.dispaly-none {
    opacity: 0;
    margin:0px !important;
}
.drag-hrer img {
    width: 85% !important;
    margin-top: 16px !important;
}
.drag-hrer p {
    font-size: 16px;
    color: #333;
}

/*-----------RESPONSIVE STYLE-----*/
@media screen and (max-width:1680px) {
    .featured-gallery-wrap {
        width: 1200px;
    }

    .category-item a {
        height: 130px;
    }
}

@media screen and (max-width:1580px) {
    .featured-gallery-wrap {
        width: 1140px;
    }
    .category-item a {
        height: 120px;
    }
    .category-item h3 {
        font-size: 20px;
        line-height: 22px;
    }
    
    .custom-tag {
        font-size: 16px;
    }
}

@media screen and (max-width:1480px) {
    .featured-gallery-wrap {
        width: 100%;
        margin-top: 60px;
        margin-bottom: 100px;
        padding: 0 150px;
    }
    
    .category-item a {
        height: 110px;
    }
}

@media screen and (max-width:1366px) {
    
    .category-item h3 {
        font-size:18px;
        line-height: 20px;
    }
}
@media screen and (max-width:1280px) {
    
    .category-item {
        width: calc(25% - 12px);
        margin: 6px;
    }
    .search-container {
        height: 56px;
    }
    .category-item a {
        height: 100px;
    }

    .search-container select,
    .search-container input {
        font-size: 22px;
    }
}

@media screen and (max-width:1199px) {
    .featured-gallery-wrap {
        padding: 0 45px;
    }

    .featured-gallery {
        gap: 20px;
    }

    .featured-gallery .featured-item {
        margin-bottom: 20px !important;
    }
}

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

    .search-container button img {
        width: 24px;
    }

    .header-fixed .hfe-nav-menu nav.hfe-nav-menu__layout-horizontal {
        width: 300px !important;
        right: 0;
        left: inherit !important;
    }

    .search-container {
        height: 52px;
    }

    .search-container select,
    .search-container input {
        font-size: 22px;
    }
}

@media screen and (max-width:991px) {
    
    .custom-tag {
        font-size: 14px;
    }
    .featured-gallery-header .filters.filter-button {
        justify-content: flex-start;
    }

    .featured-gallery {
        column-count: 2;
        gap: 16px;
    }

    .featured-gallery .featured-item {
        margin-bottom: 16px !important;
    }
}

@media screen and (max-width:767px) {
    .menu-center ul.hfe-nav-menu li a {
        justify-content: center;
    }
    .post_related_images_div h1 {
    text-align: center;
}
 ul#dropdown-list a {
    font-size: 12px;
}
.full_post_container_div .dropdown-list {
    z-index: 9;
    position: absolute;
    top: 49px;
    left: ;
    right: 0px;
    display: none;
    border-radius: 16px;
    list-style: none !important;
    padding: 0;
    margin-top: 5px;
    background-color: #fff;
    border: 1px solid #ccc;
}
.dropdown-list {
    z-index: 9;
    position: absolute;
    top: 12%;
    left: ;
    right: 0px;
    display: none;
    border-radius: 16px;
    list-style: none !important;
    padding: 0;
    margin-top: 5px;
    background-color: #fff;
    border: 1px solid #ccc;
}
    .modal-body {
    padding: 15px 15px !important;
}
    .search-container select, .search-container input {
        font-size: 20px;
    }
    .featured-gallery-header .filters.filter-button>button {
        font-size: 17px;
        padding: 3px 10px;
    }
    .filter-button div.dropdown-container button.dropdown-toggle {
        font-size: 14px;
        padding: 10px 45px 10px 25px;
    }
    .filter-button div.dropdown-container i {
        right: 24px;
        top: 14px;
        font-size: 16px;
    }
    .filter-button div.dropdown-container button.dropdown-toggle,
    .featured-gallery-header .filters.filter-button .dropdown-container .dropdown-list {
        width: 100%;
    }

    .featured-gallery-header .filters.filter-button .dropdown-container .dropdown-list li button.dropdown-item {
        padding: 5px 20px;
        text-align: left !important;
    }

    .featured-gallery-header .filters.filter-button {
        height: auto;
        padding-bottom: 40px;
    }

    .featured-gallery-header .filters.filter-button {
        justify-content: center;
    }

    .featured-gallery-header .filters.filter-button .dropdown-container {
        left: 0;
        margin: 0 auto;
        text-align: center;
        margin-top: 45px;
    }

    .featured-gallery-wrap {
        padding: 0 15px;
    }

    .search-container button img {
        width: 20px;
    }

    h2.elementor-heading-title br {
        display: none;
    }

    .custom-tags-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .custom-blog-post {
        text-align: center;
    }

    .post-thumbnail img {
        margin: 0 auto !important;
        width: 100% !important;
    }

    .custom-posts-container {
        flex-direction: column;
    }

    .faq_div {
        position: static !important;
        width: 100% !important;
        margin: 0px !important;
    }

    .custom-blog-post {
        width: 100% !important;
        margin: 0 auto;
    }

    .full_post_container_div {
        position: static;
        /* height: 400px; */
        height: auto;
    }

    .post_details_column a {
        margin-left: 0px;
    }

    .dropdown-container button {
        padding: 8px 15px;
        font-size: 11px;
    }

    .full_post_container_div {
        padding: 20px 17px 20px;
    }

    .like-download-div span {
        font-size: 10px;
    }

    .cbxwpbkmarkwrap_global_cat .cbxwpbkmarklistwrap,
    .cbxwpbkmarkwrap_user_cat .cbxwpbkmarklistwrap {
        width: 315px !important;

    }

    .cbxwpbkmarkwrap_global_cat .cbxwpbkmarklistwrap,
    .cbxwpbkmarkwrap_user_cat .cbxwpbkmarklistwrap {
        width: 100%;
        max-width: 315px !important;
        padding: 10px !important;
    }

    .category-item {
        width: calc(50% - 10px);
        margin: 5px;
    }
    .post_related_images_div .featured-gallery.gallery-col-4 {
    column-count: 2;
}

    .category-wrapper {
        flex-direction: colu;
    }
.post_related_images_div {
    padding: 15px;
}
.like-download-div {
    margin-right: 0px; 
    padding-top: 0px; 
}
.dropdown-container button {
    padding: 8px 10px;
    font-size: 10px;
}
.like-download-div .wpulike-heart .wp_ulike_general_class {
    margin-right: 3px;
    margin-left: 4px;
}
.cbxwpbkmarktrig {
     padding: 0px;
}
.wpulike-heart button.wp_ulike_btn {
    width: 20px;
    height: 20px;
}
.post_details_row {
    flex-direction: column;
}
.post_related_images_div h1 {
    font-size: 24px;
}
.popup-text-container h2 {
    font-size: 18px !important;
    margin-bottom:0px;
}
.popup-text-container p {
    font-size: 12px !important;
}
.modal-body h1 {
    font-size: 24px !important;
}
.share_icon {
    font-size: 22px !important;
    height: 40px !important;
    width: 40px !important;
}
.banner-sec {
    height: auto;
}
.post_details_column {
    padding-left: 0px;
}
.full_post_container_div {
    padding: 15px;
}

}

.click-icon {
  cursor: pointer; /* Change the cursor to a pointer hand */
}


        .password-toggle-password, .password-toggle-text {
            position: absolute;
            top: 50%;
            right: 10px;
            transform: translateY(-50%);
            cursor: pointer;
        }