/*
Theme Name: wp photographer
Theme URI: https://ordasvit.com/wordpress-themes/photographer-one-page-wordpress-theme
Author: OrdaSvit team
Author URI: https://ordasvit.com
Description: wp photographer - one page WordPress theme, made for photographers, designers, illustrators, freelancers, creative agencies, web designers, animators and other creative people. With a great gallery, modern design and colorful layout, this template is perfect for showcasing your work in style. Fresh colors and typography give some unique flavor to this theme. Impress potential customers and employers with visually attractive and responsive websites that highlight your projects and achievements. Easy to customize and SEO friendly templates ensure that your portfolio stands out from the crowd. Start today and bring your creative vision to life!
Requires at least: 4.9
Tested up to: 6.7
Requires PHP: 5.6
Version: 1.0.10
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wp-photographer
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

.header {
    background: #000;
}

.admin-bar .header.fixed {
    top: 32px;
}

.header.fixed {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
}

.wrapper-menu #site-navigation .container-fluid #mega-menu-wrap-primary {
    background: unset !important;
    width: 100%;
}
#site-navigation {
    background: unset !important;
}

.full_img.post-image img {
    object-fit: cover;
}

#footer .logo_link {
    text-align: center;
}

#footer .logo_link img {
    border: 2px solid #fff;
    border-radius: 3px;
    padding: 5px;
}

#footer .soc_links ul li a {
    border: 3px solid #c9c9c9;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#footer .soc_links ul li a:hover {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    border: 3px solid #c9c9c9;
    background: #c9c9c9;
}

.top_up {
    background: #e7920a;
    color: #fff;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    border-radius: 500px;
    border: 2px solid #fff;
}

.top_up i {
    margin: 0;
}

.top_up:hover {
    background: rgba(0, 0, 0, 1);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.paginator_single>div>a {
    padding: 5px 10px;
    text-decoration: unset;
    text-transform: uppercase;
    font-weight: bold;
    background: #ea2e49;
    color: #fff;
    border-radius: 5px;
    transition: .3s;
}

.header>.row {
    position: relative;
    z-index: 2;
}

.header>.container:first-child>.row {
    align-items: center;
    z-index: 9999;
    padding: 20px 0;
}

.header .widget_shopping_cart {
    text-align: right;
}

.header .woocommerce-mini-cart__empty-message {
    margin: 0;
}

.wrapper-menu .navbar-collapse {
    justify-content: flex-end !important;
}

.wrapper-menu .navbar-collapse .navbar-nav li.current-menu-item>a,
.wrapper-menu .navbar-collapse .navbar-nav li.current-menu-parent>a,
.wrapper-menu .navbar-collapse .navbar-nav li.current-menu-ancestor>a {
    color: #c9c9c9;
}

a.logo_link {
    text-align: center;
}

.wrapper-menu .navbar-collapse .navbar-nav>li>a {
    text-transform: uppercase;
    padding: 5px 20px;
    font-weight: bold;
    font-family: 'Open Sans';
}

.wrapper-menu .navbar-collapse .navbar-nav>li>.sub-menu>li>a,
.wrapper-menu .navbar-collapse .navbar-nav>li>.sub-menu>li .sub-menu>li>a {
    color: #000;
    text-transform: capitalize;
}

.wrapper-menu .navbar-collapse .navbar-nav>li>.sub-menu>li>a:hover,
.wrapper-menu .navbar-collapse .navbar-nav>li>.sub-menu>li>.sub-menu li>a:hover,
.wrapper-menu .navbar-collapse .navbar-nav>li>.sub-menu>li.current-menu-item>a,
.wrapper-menu .navbar-collapse .navbar-nav>li>.sub-menu>li>.sub-menu li.current-menu-item>a {
    color: #5a5a5a !important;
}

.wrapper-menu .navbar-collapse .navbar-nav>li>.sub-menu>li.current-menu-ancestor>a {
    color: #000;
}

.wrapper-custom-logo-link {
    text-align: center;
}

#copyright {
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: center;
}

.title-block {
    text-align: center;
    color: #fff;
    font-size: 60px;
    text-transform: uppercase;
    font-family: Oswald, sans-serif;
    line-height: 1;
}

.sub-title-block {
	    border-radius: 5px;
    line-height: 1;
    text-align: center;
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    font-family: Oswald, sans-serif;
}

@media (max-width: 1100px) {
    .header>.row:first-child>div {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .wrapper-menu {
        border: unset;
    }

    .wrapper-menu .navbar-toggler {
        border-color: #e7920a;
        border-width: 2px;
        background: #e7920a;
        margin: 0 auto;
    }

    .wrapper-menu .navbar-toggler::after {
        content: "menu";
        display: block;
        color: #000;
        font-size: 16px;
    }

    .wrapper-menu .navbar-collapse .navbar-nav>li>.sub-menu,
    .wrapper-menu .navbar-collapse .navbar-nav>li>.sub-menu>li>.sub-menu {
        background: transparent;
        border-radius: unset;
        padding: unset;
    }

    .wrapper-menu .navbar-collapse .navbar-nav>li>.sub-menu>li>a,
    .wrapper-menu .navbar-collapse .navbar-nav>li>.sub-menu>li .sub-menu>li>a {
        color: #14c2ed;
    }

    .bdp-medium-4 {
        width: 50% !important;
    }

    .wrapper-menu .navbar-collapse .navbar-nav>li>.sub-menu>li.current-menu-ancestor>a,
    .wrapper-menu .navbar-collapse .navbar-nav>li>.sub-menu>li>a:hover,
    .wrapper-menu .navbar-collapse .navbar-nav>li>.sub-menu>li>.sub-menu>li>a:hover,
    .wrapper-menu .navbar-collapse .navbar-nav>li>.sub-menu>li.current-menu-item>a,
    .wrapper-menu .navbar-collapse .navbar-nav>li>.sub-menu>li>.sub-menu>li.current-menu-item>a {
        color: #fff !important;
    }
}

@media (max-width: 767px) {

    .bdp-medium-4,
    .bdp-medium-6 {
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    .title-block {
        font-size: 46px;
    }

    .sub-title-block {
        font-size: 20px;
    }
}

.wrapper-menu #site-navigation .container-fluid {
    justify-content: center;
}

.wrapper-menu #mega-menu-wrap-primary #mega-menu-primary {
    text-align: center;
}

.wrapper-menu #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
.wrapper-menu #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
.wrapper-menu #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
    background: #ea2e49;
}

.wrapper-menu #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
    color: #fff;
    text-transform: uppercase;
    line-height: 1.5;
    height: auto;
    font-weight: bold;
    font-size: 20px;
    padding: 10px;
    margin: 0 5px;
    position: relative;
}

.wrapper-menu #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover,
.wrapper-menu #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:focus {
    background: unset;
}

.wrapper-menu #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-toggle-on>a.mega-menu-link {
    background: #ea2e49;
}

.wrapper-menu #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    background: #ea2e49;
    z-index: -1;
    transition: .5s;
}

.wrapper-menu #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:hover::before,
.wrapper-menu #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link:focus::before {
    height: 100%;
    transition: .5s;
}

.wrapper-menu #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    background: #fff;
    color: #000;
    font-size: 16px;
    transition: .3s;
    font-weight: bold;
}

.wrapper-menu #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
.wrapper-menu #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
    background: #ea2e49;
    transition: .3s;
}

.wrapper-menu #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-current-menu-item a.mega-menu-link,
.wrapper-menu #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-current-menu-parent>a.mega-menu-link {
    background: #ea2e49;
}

.wrapper-menu #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu,
.wrapper-menu #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu {
    box-shadow: 1px 1px 3px #000;
}

.site-footer {
    background-color: #2f2e2e;
}

.site-footer h3[class^="my_widget_title"] {
    color: #fff;
    font-size: 20px;
    margin: 20px 0 25px;
    text-align: left;
    border-bottom: 1px solid #ea2e49;
    text-transform: uppercase;
    padding-bottom: 10px;
}

h3[class^="my_widget_title"] {
    margin: 100px 0 30px;
    font-size: 40px;
    text-transform: capitalize;
}

.main_page .entry-title {
    font-size: 40px;
}

.main_single .comment_form .comments #respond .comment-form .form-submit #submit {
    margin-top: 10px;
}

.main_single .comment_form .comments .comment-form .form-submit .submit,
.main_single .comment_form .comments #respond .comment-form .form-submit #submit {
    color: #fff;
    background: #ea2e49;
    border: unset;
    padding: 10px 20px;
    border-radius: 5px;
    transition: .5s;
    font-weight: bold;
    font-size: 16px;
}

.main_single .comment_form .comments .comment-form .form-submit .submit:hover,
.main_single .comment_form .comments #respond .comment-form .form-submit #submit:hover {
    transition: .5s;
    background: #000;
}

caption {
    margin: 0;
    color: #000;
}

thead tr {
    color: #ea2e49;
}

tbody tr td {
    color: #000;
}

tbody tr td a {
    color: #ea2e49;
    font-weight: bold;
}

.comment-form {
    justify-content: space-between;
}

.comment-form .comment-form-url {
    margin-top: 20px !important;
}

.comment-form .comment-form-author {
    width: 49%;
    margin-top: 20px !important;
    flex-grow: inherit;
    flex-basis: auto;
}

.comment-form .comment-form-email {
    width: 49%;
    margin-top: 20px !important;
    flex-grow: inherit;
    flex-basis: auto;
}

.wrapper-menu .navbar-nav>li>a,
.wrapper-menu .navbar-nav>ul>li>a {
    text-transform: uppercase;
    color: #c9c9c9;
}

.wrapper-menu .navbar-nav>li>a:hover,
.wrapper-menu .navbar-nav>ul>li>a:hover {
    color: #fff;
}

.wrapper-home {
    background: url(images/home-bg.jpg);
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 700px;
    background-size: cover;
    background-attachment: fixed;
}

.wrapper-home .modal-dialog {
    width: 900px;
    max-width: 90%;
    top: 15%;
}

.wrapper-home .modal-dialog .modal-body p {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-weight: 900;
    font-size: 40px;
    text-align: center;
}

.wrapper-home .modal-dialog .modal-body iframe {
    width: 100%;
    height: 500px;
}

.wrapper-home h1 {
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    text-transform: uppercase;
    font-size: 63px;
    font-weight: normal;
    width: 100%;
    text-align: center;
    font-family: Oswald, sans-serif;
}

.wrapper-home>.btn-primary {
    width: 200px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 500px;
    outline: 10px solid #ffffff96;
    outline-offset: 10px;
    background: #ffffff96;
    border: unset;
    text-align: center;
    margin-top: 30px;
    opacity: 0.7;
    transition: .3s;
}

.wrapper-home>.btn-primary:hover {
    opacity: 1;
    transition: .3s;
}

.wrapper-home>.btn-primary i {
    color: #fff;
    font-size: 40px;
    text-shadow: 1px 1px 1px #000;
}

.wrapper-home>.btn-primary span {
    text-shadow: 1px 1px 1px #000;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
    text-transform: uppercase;
    font-family: Oswald, sans-serif;
}

.wrapper-services {
    background: #E7920A;
    padding: 50px 0;
}

.wrapper-one-services {
    margin-top: 50px;
    padding: 0 20px;
}

.wrapper-inner-services {
    text-align: center;
    transition: .3s;
    opacity: 0.9;
}

.wrapper-inner-services:hover {
    transition: .3s;
    opacity: 1;
}

.wrapper-inner-services h4 {
    font-weight: normal;
    color: #fff;
    font-size: 26px;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
    margin: 0;
}

.wrapper-inner-services i {
    font-size: 126px;
    color: #fff;
    padding: 20px 0;
}

.wrapper-inner-services p {
    font-size: 16px;
    color: #fff;
    text-shadow: 1px 1px 1px #333;
    font-family: Arial;
    margin: 0;
    padding: 0 10px;
}

.wrapper-our-portfolio {
    background: url(images/our-portfolio-bg.jpg);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 450px;
    background-size: cover;
    background-attachment: fixed;
}


.wrapper-our-portfolio h2 {
    margin: 0;
    font-size: 63px;
    font-weight: normal;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
    text-transform: uppercase;
    font-family: Oswald, sans-serif;
    text-align: center;
}

.wrapper-our-team {
    background: url(images/our_team_bg.jpg);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 450px;
    background-size: cover;
    background-attachment: fixed;
}

.wrapper-our-team h2 {
    margin: 0;
    font-size: 63px;
    font-weight: normal;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
    text-transform: uppercase;
    font-family: Oswald, sans-serif;
    text-align: center;
}

.wrapper-team {
    background: #65b02e;
    padding: 50px 0;
}

.wrapper-one-team {
    margin-top: 50px;
}

.wrapper-inner-team {
    background: #303030;
    border-radius: 2px;
    text-align: center;
    padding: 20px;
}

.wrapper-inner-team h3 {
    font-weight: 400;
    color: #fff;
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
    margin: 0;
}

.wrapper-inner-team div {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0;
}

.wrapper-inner-team div img {}

.wrapper-inner-team div h4 {
    position: absolute;
    background: rgba(255, 255, 255, 0.4);
    width: 60%;
    height: 98%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    text-transform: capitalize;
    font-size: 20px;
    text-shadow: 0px 0px 10px #fff;
    border-radius: 500px;
    top: 2px;
    font-weight: bold;
    opacity: 0;
    transition: .3s;
}

.wrapper-inner-team:hover div h4 {
    opacity: 1;
    transition: .3s;
}

.wrapper-inner-team p {
    color: #fff;
    margin: 0;
    font-size: 16px;
}

.wrapper-map {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wrapper-map iframe {
    width: 100%;
    height: 350px;
    position: relative;
}

.wrapper-map p {
    position: absolute;
    font-size: 60px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    z-index: 9;
    margin: 0;
    text-shadow: 0px 0px 10px #000;
}

.wrapper-menu .navbar-collapse.navbar-nav li.current-menu-item>a,
.wrapper-menu .navbar-collapse.navbar-nav li.current-menu-parent>a,
.wrapper-menu .navbar-collapse.navbar-nav li.current-menu-ancestor>a,
.wrapper-menu .navbar-collapse.navbar-nav>ul li.current-menu-item>a,
.wrapper-menu .navbar-collapse.navbar-nav>ul li.current-menu-parent>a,
.wrapper-menu .navbar-collapse.navbar-nav>ul li.current-menu-ancestor>a {
    color: #e7920a;
}

.site-title a {
    font-size: 36px;
}

.site-title a:hover {
    color: #fff;
}

@media (max-width: 991px) {
    .wrapper-map p {
        font-size: 46px;
    }
}

@media (max-width: 500px) {
    .wrapper-map p {
        font-size: 30px;
    }
}

@media (max-width: 1400px) {
    .wrapper-inner-team div h4 {
        font-size: 18px;
    }
}

@media (max-width: 1199px) {
    .wrapper-one-team {
        width: 50%;
    }

    .wrapper-inner-team div h4 {
        width: 40%;
    }
}

@media (max-width: 991px) {
    .wrapper-inner-team div h4 {
        width: 58%;
    }

    .wrapper-menu .navbar-collapse.navbar-nav>li,
    .wrapper-menu .navbar-collapse.navbar-nav>ul>li {
        width: 100%;
    }

    .wrapper-menu .navbar-collapse.navbar-nav>li>a,
    .wrapper-menu .navbar-collapse.navbar-nav>ul>li>a {
        justify-content: center;
    }
}

@media (max-width: 768px) {
    .wrapper-one-team {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .wrapper-our-team h2 {
        font-size: 60px;
    }

    .wrapper-inner-team div h4 {
        width: 26%;
    }
}

@media (max-width: 767px) {
    .wrapper-inner-team div h4 {
        width: 36%;
    }
}

@media (max-width: 767px) {
    .wrapper-our-team {
        height: 300px;
    }

    .wrapper-our-team h2 {
        font-size: 44px;
    }
}

@media (max-width: 500px) {

    .wrapper-our-team h2 {
        font-size: 36px;
    }

    .wrapper-inner-team div h4 {
        width: 40%;
    }
}

@media (max-width: 425px) {
    .wrapper-inner-team div h4 {
        width: 160px;
    }
}

@media (max-width: 350px) {
    .wrapper-inner-team div h4 {
        width: 140px;
    }
}

@media (max-width: 768px) {
    .wrapper-our-portfolio h2 {
        font-size: 60px;
    }
}

@media (max-width: 767px) {
    .wrapper-our-portfolio {
        height: 300px;
    }

    .wrapper-our-portfolio h2 {
        font-size: 44px;
    }
}

@media (max-width: 500px) {
    .wrapper-our-portfolio h2 {
        font-size: 36px;
    }
}

@media (max-width: 1400px) {
    .wrapper-inner-services h4 {
        font-size: 22px;
    }
}

@media (max-width: 1199px) {

    .wrapper-one-services {
        width: 50%;
    }
}

@media (max-width: 768px) {

    .wrapper-one-services {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .wrapper-home .modal-dialog .modal-body iframe {
        height: 400px;
    }
}

@media (max-width: 650px) {
    .wrapper-home .modal-dialog .modal-body iframe {
        height: 300px;
    }

    .wrapper-home h1 {
        font-size: 50px;
    }
}


@media (max-width: 500px) {
    .wrapper-home .modal-dialog .modal-body iframe {
        height: 200px;
    }
}

@media screen and (min-width: 46.8em) {
    .bp-profile-button {
        text-align: center;
    }

@media (max-width: 3200px) {
    .wrapper-menu .navbar-nav.active {
        display: block;
		background-color: #1E792C; /* Dark gray background — change to your choice */
    	padding: 8px 16px;          /* Adds breathing room around the text inside the box */
    	border-radius: 4px;         /* Gives rounded corners (optional) */
    	display: inline-block;      /* Ensures proper padding and layout rendering */
    	transition: background-color 0.3s ease;
    }

    .wrapper-menu .navbar-nav>ul>li>a {
        display: block;
        width: 100%;
		background-color: #303030; /* Dark gray background — change to your choice */
    	padding: 8px 16px;          /* Adds breathing room around the text inside the box */
    	border-radius: 4px;         /* Gives rounded corners (optional) */
    	display: inline-block;      /* Ensures proper padding and layout rendering */
    	transition: background-color 0.3s ease;
    	}
	.wrapper-menu .navbar-nav > li > a,
.wrapper-menu .navbar-nav > ul > li > a {
    background-color: #303030; /* Dark gray background — change to your choice */
    padding: 8px 16px;          /* Adds breathing room around the text inside the box */
    border-radius: 4px;         /* Gives rounded corners (optional) */
    display: inline-block;      /* Ensures proper padding and layout rendering */
    transition: background-color 0.3s ease;
}

@media (max-width: 991px) {
    .header {
        position: relative !important;
        left: unset !important;
        right: unset !important;
        top: unset !important;
        display: block !important;
    }
}
	/* --- Menu Item Backgrounds (Desktop & Mobile) --- */
.wrapper-menu .navbar-nav > li > a,
.wrapper-menu .navbar-nav > ul > li > a {
    background-color: #1E792C !important; /* Dark gray background */
    padding: 8px 16px !important;          /* Space inside the box */
    border-radius: 4px;                    /* Rounded corners */
    display: inline-block;                 /* Allows padding to render correctly */
    transition: background-color 0.3s ease;
}

/* Hover state */
.wrapper-menu .navbar-nav > li > a:hover,
.wrapper-menu .navbar-nav > ul > li > a:hover {
    background-color: #e7920a !important; /* Theme orange on hover */
    color: #ffffff !important;
}