/*HEADER COLOR*/
.header_top_bg,
#topmenu {
  background-color: #f0f2f1;
}

#topmenu ul li a,
.right-menu .logo span {
  color: #000000;
}


    @media (min-width: 768px){
        .right-menu #topmenu > ul > li > a::before, .top-menu #topmenu > ul > li > a::before{
            background-image: none;
        }
                    .right-menu #topmenu > ul > li > a::before, .top-menu #topmenu > ul > li > a::before{
                height: 5px !important;
            }
                }
            }
/*HEADER COLOR*/


/*FRONT COLOR*/
body,
a,
a:hover,
a:focus,
.a-btn-2,
.banner-gallery .content-wrap .title,
.action .title,
.action .subtitle,
.about-section .title,
.about-section .a-btn-2,
.fullwidth .gallery-item .info-content .subtitle,
.single-proof_gallery .single-content > .title,
.single-proof_gallery .title,
.team-member .info .title,
.all-posts-descr h5,
.post-box .post-descr h6,
.post-box .post-descr p,
.services .content .title,
.single-post .single-content blockquote p,
.contact-info .details h5,
.contact-info .details a,
.contact-info .details h6,
.contact-form h2,
form.wpcf7-form input,
form.wpcf7-form textarea,
.wpcf7 form input[type="submit"],
form.wpcf7-form #submit,
.widget_search input[type=search],
.widget_search input[type=submit]:hover,
.sidebar-item ul li a,
.post-details .date-post,
.post-details .title,
.protected-page .protected-title,
.protected-page input[type="submit"],
#contactform h3,
.comments-form h3,
#contactform #submit,
.comments-form #submit,
.single blockquote,
.about-details .content blockquote,
.about-section .content blockquote,
.portfolio-single-content blockquote,
.about-details .content .title,
.simple-details .content .title,
.about-details .content .text blockquote p,
.titles .title,
.insta-box .insta-box-follow,
code,
kbd,
.next.page-numbers,
.prev.page-numbers,
.next.page-numbers:hover,
.prev.page-numbers:hover,
caption,
.text-dark,
.insta-box .insta-box-follow a:hover,
.comments .content .comment-reply-link:hover,
.pagination.cs-pager .page-numbers.next:after,
.pagination.cs-pager .page-numbers.prev:after {
    color: #000000;
}
.napoli_product_detail .product .summary .cart .button{
    color: #000000 !important;
}


.a-btn-2:hover,
.wpcf7 form input[type="submit"]:hover,
form.wpcf7-form #submit:hover,
.widget_search input[type=search],
.widget_search input[type=submit],
.widget_tag_cloud .tagcloud a,
.sidebar-item h5,
.protected-page input[type="submit"]:hover,
#contactform #submit:hover,
.comments-form #submit:hover,
.single blockquote,
.about-details .content blockquote,
.about-section .content blockquote,
.portfolio-single-content blockquote,
.post-nav a,
.pages,
.page-numbers:not(.next),
.single blockquote,
.about-details .content blockquote,
.about-section .content blockquote,
.portfolio-single-content blockquote,
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    border-color: #000000;
}
.single-proof_gallery .pixproof-data .grid__item .a-btn-2:hover,
.wpcf7 form input[type="submit"]:hover,
form.wpcf7-form #submit:hover,
.widget_search input[type=submit],
.protected-page input[type="submit"]:hover,
#contactform #submit:hover,
.comments-form #submit:hover,
.post-nav a,
.pages,
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    background-color: #000000;
}
/*FRONT COLOR*/

/*BASE WHITE COLOR*/
.text-light a,
.text-light p,
.text-light,
.highlight,
.a-btn,
.a-btn-2:hover,
.top-banner .subtitle,
.top-banner .title,
.top-banner .descr,
.about-section .a-btn-2:hover,
.gallery-item .info-content h5,
.modern .gallery-item .info-content h5,
.item-overlay > h5,
.classic .item-overlay h5,
.single-proof_gallery #pixproof_gallery .proof-photo .meta__action.select-action:before,
.single-proof_gallery #pixproof_gallery .proof-photo .proof-photo__bg .proof-photo__id,
.team-member .social .wrap a,
.post-box .text h6,
.post-box .text span,
.post-content h5,
.post-content .date,
.sm-wrap-post .content .title,
.sm-wrap-post .content .post-date .date,
.wpcf7 form input[type="submit"]:hover,
form.wpcf7-form #submit:hover,
.widget_search input[type=submit],
.protected-page input[type="submit"]:hover,
.banner-slider-wrap .title,
.banner-slider-wrap .subtitle,
.banner-slider-wrap .descr,
.banner-slider-wrap .swiper-arrow-right,
#contactform #submit:hover,
.comments-form #submit:hover,
.mb_YTPPlaypause:before,
mark,
ins,
.post-nav a,
.pages,
.page-numbers:not(.next),
.post-nav a:hover,
.post-nav a:focus,
.page-numbers:hover,
.page-numbers:focus,
.post-nav .pages,
.post-nav .current,
.pager-pagination .pages,
.pager-pagination .current,
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    color: #f0f2f1;
}

.a-btn:hover,
.flex-control-paging li a {
    border-color: #f0f2f1;
}

.text-light .bottom-line:after,
.white,
.a-btn:hover,
.flex-control-paging li a,
.banner-gallery .content-wrap,
.action,
.post-box .post-descr,
.img-slider .flex-next,
.img-slider .flex-prev,
.widget_search input[type=search],
.widget_search input[type=submit]:hover,
.black p.separator {
    background-color: #f0f2f1;
}
/*BASE WHITE COLOR*/

.a-btn, .a-btn-2{
    
            
       font-style:normal !important;

            
        
    
    }

  a:not(.ab-item) {
    
            
       font-style:normal !important;
        
    
            
         }

 

/*FOOTER*/


#footer{
    background-color: #f0f2f1;
}

#footer .copyright a{
    color: #000000;
}
/*FOOTER*/



/*GALLERY FULL WIDTH COLORS*/


/*GALLERY FULL WIDTH COLORS*/




#topmenu ul li a{
font-family: "Montserrat", sans-serif;
        
}

#topmenu ul ul li a{
font-family: "Montserrat", sans-serif;

}

.banner-gallery .content-wrap .description{
        font-family: "Montserrat", sans-serif;
                }

#footer .copyright{
        font-family: "Montserrat", sans-serif;
                }

.dgwt-jg-gallery.justified-gallery .dgwt-jg-caption span{
                                } 


/* CSS RESET to fix weird right side padding on mobile */
@media screen and (max-width: 767px) {
     html,body
     {
         width: 100%;
         margin: 0px;
         padding: 0px;
         overflow-x: hidden; 
     }
} 
/* END CSS RESET */


/* ACCESSIBILITY FOCUS STATE */
/* @media (hover: none) {
     a:focus 
     {
          border: 4px solid #686868 !important;
          border-radius: 6px;
     }
} */
/* END ACCESSIBILITY FOCUS STATES


/* CHANGE BACKGROUND COLOR FOR EVERYTHING TO OFF-WHITE */
     body.custom-background {
          background-color: #f0f2f1 !important;
     }


/* CHANGE DEFAULT YELLOW (#c0af94) accent color to gray (#686868). Also do 'ctr + f' to find #686868 color elsewhere in this code */
     .date-post,
     .post-box-date,
     .subtitle,
     .single-pagination > div a.content:hover,
     .single-pagination > div a.content i,
     .comment-date  {
          color: #686868 !important;
     }

     .row.simple::-webkit-scrollbar-thumb,
     .simple::-webkit-scrollbar-thumb {
          background-color:  #686868;
     }

     #contactform textarea:focus, 
     #contactform input:focus, 
     .comments-form textarea:focus, 
     .comments-form input:focus {
          border-bottom: 2px solid #686868;
          border-color: #686868
     }

     /* Blockquote border on individual blog posts */
     .single-post .single-content blockquote:not(.wp-block-quote) { 
          border-left: 4px solid #686868;
          border-radius: 0px 16px 16px 0px;  /* Match rounded corners of images across site */
          background-color: rgba(225, 225, 225, .6); /* (#e1e1e1) - Change blockquote background color to match HR divider color with some opacity */
     }
/* END DEFAULT YELLOW COLOR CHANGE */


/* HEADER - NAV */
     /* Make Photography parent nav item unclickable */
     .unclickable > a {
          pointer-events: none;
     }

     /* Bolding the active Top nav item (first tier nav, not sub nav items) */
     .right-menu #topmenu > ul > li.current-menu-item > a, .top-menu #topmenu > ul > li.current-menu-item > a, .right-menu #topmenu > ul > li.current-menu- parent > a, #topmenu > ul > li.current-menu-parent > a {
          font-weight: bold !important;
     }

     .right-menu #topmenu > ul > li > a:active, .right-menu #topmenu > ul > li > a:focus {
          opacity: .4;
     } 

     #topmenu ul.menu li a:active, #topmenu ul.menu li a:focus {
           opacity: .4;
     }

     /* increased spacing between desktop nav items */
     @media screen and (max-width: 991px) and (min-width: 767px) {
          .right-menu #topmenu .menu > li > a {
               margin-left: 15px !important;
          }
     } 

    /* Darken hover menu for sub nav items on desktop */
    @media screen and (min-width: 767px) {
          #topmenu ul ul {
               background-color: rgba(19, 19, 19, .95);
          }
     }

    /* bold and change color of active sub nav item on desktop */
    #topmenu ul ul li.current-menu-item > a {
         color: #ffffff;
         font-weight: bold;
         font-size: 13px;
     }

     /* Fix alignment of mobile nav menu icon and header logo */
     .right-menu .logo span {
          line-height: inherit;
     }
     a.mob-nav .fa {
          font-size: 20px;
     }

     /* mobile nav menu items fixes */
     @media screen and (max-width: 767px) {
          /* To offset the the mobile menu icon not middle aligning */
          header {
               padding-bottom: 16px;
          }

          /* nav items need to be indented to align with the logo and also more vertical spacing between items */
          #topmenu ul.menu li a {
               padding: 10px 25px;
          }
          
          /* Indent sub nav ul */
          #topmenu ul li ul {
               padding: 0 40px;
          }
     
          /* active sub nav menu item styling for mobile */ 
          #topmenu ul.sub-menu li.current-menu-item a {
              color: #686868;
              font-weight: bold;
              font-size: 13px;
          }

          /* sub nav border */
          #topmenu > ul.menu > li > ul > li {
               border: none;          
               border-bottom: 1px solid #f1f2f3;
          }

          /* sub nav items aligned left with border */
          #topmenu ul.sub-menu li a {
               padding-left: 0;
          }
     }
/* END HEADER */


/* MAIN WRAPPER */
     /* remove excess padding on bottom of every page */
     .main-wrapper {
          padding-bottom: 0px !important;
     }

/* FOOTER */
     /* decrease height of footer bar and change bg colors and center text */
     #footer {
          padding-left: 15px;
          padding-right: 15px;         
          /* padding: 10px 15px; */
          min-height: 0; 
          background-color: inherit;
          text-align: center;
          position: initial;
     } 

     /* Center align social icons always */
     #footer .social-links {
          float: none;
     }

     /* increase padding between social icons on desktop and change color to default dark text */
     #footer .social-links a {
          padding-left: 25px;
          padding-right: 25px;            
          /* padding: 0px 25px; */
          color: inherit;
     } 
/* END FOOTER */


/* INDIVIDUAL PAGES */
     /* FILMSTRIP PHOTO GALLERY LANDING PAGE */
          .swipe-btn.prev {
               border-radius: 4px;
               /* left: 0; */
          }
          .swipe-btn.next {
               border-radius: 4px;
               /* right: 0; */
          }
         .swipe-btn {
               opacity: .85;
          }
          .swipe-btn:hover:before {
               color: inherit;
          }
         

     /* PHOTOGRAPHY GALLERY SUB MENU PAGES */
          /* Hide bottom title box when opening full-window image screen */
          .lg-sub-html {
               display: none;
          }

          /* Lighten top tool bar background */
          .lg-sub-html, .lg-toolbar {
               background-color: rgba(0,0,0,.2) !important;
          }

          /* Add rounded corners to photo thumbnails to match Instagram photo styling and UX Engineering banner styling */
          .dgwt-jg-gallery > a > img {
               border-radius: 8px;
          }

          @media screen and (max-width: 480px) {
                /*Shrink prev/next icons when viewing images full screen on mobile 
               .lg-actions .lg-next, .lg-actions .lg-prev {
                    background-color: rgba(0,0,0,.3) !important;
                    font-size: 18px !important;
                    padding: 4px 5px 6px !important;
                    color: #ffffff !important;
               } */

               /*Hide prev/next icons when viewing images full screen on mobile */
               .lg-actions .lg-next, .lg-actions .lg-prev {
                    display: none !important;
               }

               .post-date {
                    padding-left: 15px;
               }
         }

     /* ABOUT + UX ENGINEERING PAGE */
          .about-details .content .text, .simple-details .content 
               .text {
                    text-align: left;
          }

     /* UX ENGINEERING PAGE */
          .arrow {
               font-weight: bold;
               color: #686868;
           }

     /* ABOUT PAGE */
          .insta-box {
               min-height: 0;
          }

          .about-details .content .text, .simple-details .content .text {
               color: #333333;
          }

          .about-details {
                padding: 30px 80px;
          }

          @media (max-width: 991px) {
               .about-details {
                    padding: 30px 20px;
               }
          }

     /* BLOG LANDING PAGE */
          /* Text on top of overlay */    
          .team-member.fullheight .info {
               padding: 50px 70px;
          }
          .team-member.fullheight .info .description {
               font-size: 13px;
           }

          /* Decrease blog landing page picture height on mobile */
          @media screen and (max-width: 767px) {
               .team-member.fullheight {
                    height: 275px !important;
               }
          }

     /* BLOG INDIVIDUAL POST PAGES */
          /* Set max page width for readability and left align content */
          .single-content {
               max-width: 800px;
          }

          /* Hide comments section - even if you turn off comments for the page setting there is still a blank div on the pages for it) */
          ul.comments {
               display: none;
          }

          /* Add border radius rounded corners to images to match other site image styling */
          .single-post img {
               border-radius: 8px;
          }

          @media screen and (max-width: 480px) {
               .post-details, .single-content {
                    text-align: left;
               }
          }

         @media screen and (min-width: 481px) {
               .single-post .title, .single-post .date-post, .post-date {
                    text-align: left;
               }
               .post-date {
                    padding-left: 15px;
               }
          }

          /* Remove extra 15px padding on individual blog post content on large screens to align with header and set to 20px on small screens to align with mobile menu */
          @media screen and (min-width: 768px) {
               .single-post .container {
                    padding-left: 0;
                    padding-right: 0;
               }
          }
          @media screen and (max-width: 768px) {
               .single-post .container {
                    padding-left: 20px;
               }
          }

          /* Add some margin above headers */
          .single-content h4, h5, h6 {
               margin-top: 40px;
               font-weight: normal;
          }

          blockquote, .single-post p  {
               text-align: left;
               color: #333333 !important;
               font-size: 14px !important;
               margin-bottom: 30px !important;
               line-height: inherit !important;
          }

          blockquote p:last-child {
               margin-bottom: 0 !important;
          }

          .single-post .single-content blockquote {
               padding: 12px 20px;
          }

          .single-post .single-content blockquote p {
               margin: 15px;
               font-size: 13px !important;
               letter-spacing: .75px;
               line-height: 24px;
          }

          @media screen and (max-width: 767px) {
               .single-post .single-content blockquote {
                    padding: 0px 8px;
               }
          }

          /* Fix styling for ULs ad OLs */
          .single-content ol, .single-content ul {
               /* font-family: Montserrat, sans-serif; */
               color: #333333;
          }

           .single-content ol li, .single-content ul li {
               margin: 12px;
          }

          /* Hide Pinterest and Google + icons */
          ul.social-list li:nth-child(6)  {  
               display: none;
          }

          /* Left align "share" links for social */
          .social-list {
               margin-top: 10px;
               padding: 20px 0;
               font-family: inherit !important;
          }

          @media screen and (min-width: 481px) {
               .social-list {
                    text-align: left;
               }
          }

          .social-list li {
               margin-left: 0 !important;
               margin-right: 25px !important;
               color: #131313 !important;
          }

          /* Hide Blog Recent Posts section */
          div.recent-post-single {
               display: none;
          }

          /* Center align header for Recent Posts section on mobile */
          @media screen and (max-width: 480px) {
               .recent-post-single {
                    text-align: center;
               }
          }

          /* Remove extra margin below the comment section on individual blog posts */
          .comments-form {
               margin-bottom: 0;
          }

          /* Remove extra 40px right padding the comments */
          .comments .content {
               padding-right: inherit;
          }

          /* Custom added classes by Molly to format individual blog posts */
               p.intro-quote {
                    padding-bottom: 30px;
                    font-style: italic;
                    border-bottom: 1px solid rgba(225, 225, 225, 1); /* HR divider to color #e1e1e1 */
                    color: #888888;
               }
               p.intro-quote a {
                    font-style: italic !important;
               }
     
               @media screen and (max-width: 767px;) {
                    p.intro-quote {
                         padding-bottom: 15px;
                    }
               }

               .article-photo-section {
                    padding-top: 20px;
                    padding-bottom: 20px;
               }
     
               /* .article-photo-section p {
                    text-align: center;
               } */
     
               .article-photo-section img {
                    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
               }
     
              .mini-blockquote {
                    font-style: italic;
                    margin-left: 25px;
               }
              .mini-blockquote a {
                    font-style: italic !important;
               }
          /* End Custom added classes 

/* END INDIVIDUAL PAGE CHANGES */


/* BLOG CATEGORY LANDING PAGES 
body.archive.category .portfolio-wrapper {
    padding: 30px 0 0 0;
}

body.archive.category .portfolio.grid .item {
    padding-top: 40px;
}

body.archive.category .portfolio.grid .item-link {
    display: none;
}

body.archive.category .item-img {
    display: none;
}

body.archive.category .item-overlay {
    display: none;
}
*/ /* END BLOG CATEGORY LANDING PAGES */     /*.top-banner.center_content .descr, .banner-gallery .content-wrap .description, .about-section .descr, .about-section p, .single-proof_gallery .pixproof-data .grid__item .entry__meta-box span, .lg .lg-sub-html .dgwt-jg-item-desc, .filter ul li, .all-posts-descr p, .simple .post-box .text .post-box-desc, .simple .post-box .text .post-box-desc p, .services .content .text, .single-post p, .contact-info, .contact-info .details a, .contact-info .details h6, form.wpcf7-form input, form.wpcf7-form textarea, #footer .copyright, .protected-page input[type="password"], .comments .content .comment-reply-link, .comments .content .text, #contactform textarea, #contactform input, .comments-form textarea, .comments-form input, blockquote cite, .about-details .content .text, .simple-details .content .text, .titles .subtitle, .single-pagination > div a.content, .woocommerce .napoli_product_detail div.product p.price del, .woocommerce .single-product div.product p.price del, .woocommerce .napoli_product_detail div.product span.price del, .woocommerce .single-product div.product span.price del, .woocommerce ul.products.default li.product .price del, .napoli_cart.shop_table ul .cart_item ul .product-price del, .napoli_cart.shop_table ul .cart_item ul .product-subtotal del, #topmenu .napoli_mini_cart .product_list_widget .mini_cart_item .mini-cart-data .mini_cart_item_price del, .woocommerce table.shop_table .cart_item .product-total del, .single-product .product .summary .woocommerce-product-rating .woocommerce-review-link, .napoli_product_detail .product .summary .woocommerce-product-rating .woocommerce-review-link, .single-product .product .summary .product_desc p, .napoli_product_detail .product .summary .product_desc p, .single-product .product .summary .cart .variations .value ul li p, .napoli_product_detail .product .summary .cart .variations .value ul li p, .single-product .product .summary .product_meta, .napoli_product_detail .product .summary .product_meta, .single-product div.product .woocommerce-tabs ul.tabs.wc-tabs li a, .napoli_product_detail div.product .woocommerce-tabs ul.tabs.wc-tabs li a, .single-product div.product .woocommerce-tabs .woocommerce-Tabs-panel p, .napoli_product_detail div.product .woocommerce-tabs .woocommerce-Tabs-panel p, .single-product .product #reviews #comments .commentlist .comment .comment-text .description, .napoli_product_detail .product #reviews #comments .commentlist .comment .comment-text .description, .single-product .product .woocommerce-Reviews #review_form_wrapper input, .napoli_product_detail .product .woocommerce-Reviews #review_form_wrapper input, .single-product .product .woocommerce-Reviews #review_form_wrapper textarea, .napoli_product_detail .product .woocommerce-Reviews #review_form_wrapper textarea, .woocommerce ul.products li.product, .woocommerce ul.products li.product .category-product a, .napoli-woocommerce-pagination .nav-links .nav-previous a, .napoli-woocommerce-pagination .nav-links .nav-next a, #topmenu .napoli_mini_cart .product_list_widget .mini_cart_item .mini-cart-data .mini_cart_item_quantity, .napoli_cart.shop_table ul .cart_item ul .product-name .variation dd p, .napoli_cart.shop_table .complement-cart .coupon .input-text, .napoli-cart-collaterals .cart_totals .shop_table ul li, .woocommerce form.checkout_coupon .form-row input.input-text, .woocommerce form.login .form-row input, .woocommerce form.login .form-row textarea, .woocommerce form.checkout .form-row input, .woocommerce form.checkout .form-row textarea, .select2-container .select2-choice, .select2-search:after, .select2-search input, .select2-results li, .woocommerce table.shop_table .cart_item .product-name .variation dd p, .woocommerce table.shop_table .cart-subtotal th, .woocommerce table.shop_table .order-total th, .woocommerce-checkout-review-order #payment .payment_methods.methods li, .woocommerce-checkout-review-order #payment .payment_methods.methods li label, .woocommerce-checkout-review-order #payment .payment_methods.methods li .about_paypal, .portfolio-single-content p, .portfolio-single-content .napoli-portfolio-footer-line .portfolio-client .client-value, .portfolio-single-content .napoli-portfolio-footer-line .portfolio-jop-type .job-type-value, .portfolio-single-content .napoli-portfolio-footer-line .date-value, .portfolio-single-content .napoli-portfolio-footer-line .social-list a, .pricing-info .pricing-list ul li, .coming-page-wrapper .subtitle, .simple-contacts .content .text, .simple-contacts .content .text p, .simple-contacts .content .text a, .albums-left-filter .button-group button,*/
#topmenu ul li a { color: #blank; }