/*
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 {
    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: 991px) {
    .wrapper-menu .navbar-nav.active {
        display: block;
    }

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

@media (max-width: 991px) {
    .header {
        position: relative !important;
        left: unset !important;
        right: unset !important;
        top: unset !important;
        display: block !important;
    }
}