/* Theme Name: AlbumDesignChildTheme Description: Album Design Child Theme Author: admin Author URL: Write here the author's blog or website url Template: albumdesigntheme Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: AlbumDesignChildTheme */ /* Write here your own personal stylesheet */ @font-face{ font-family: FutuLt; src: url('/../wp-content/themes/albumdesigntheme/assets/css/fonts/FutuLt.ttf') format('truetype'); } body{ font-family: 'Open Sans', sans-serif; } .page{ margin: 0; } a{text-decoration: none; color: #ff0000;} a:hover{ text-decoration: underline; color: #000; } a:visited{ /*color: #ff0000; */color: #ff0000; } p{ font-size: 14px; color: #000; line-height: 20px; margin-bottom: 28px; font-family: 'Open Sans', sans-serif; } :root .has-very-light-gray-background-color{ background-color: transparent; } h2.has-text-align-center{ /*color: #353434 !important;*/color: #000; margin: 0; padding: 0 0 5px; font-weight: 600; font-size: 26px; } button:focus{ outline: 0px none; } /* Header --------------------------------------------------------------------------------------------------------------------------------- */ .mtsnb, a.mtsnb-hide, a.mtsnb-show { background-color: #ff0000!important; } .mtsnb a{ color: #ffed00 !important; } a.mtsnb-hide, a.mtsnb-show{ color: #fff !important; } a.mtsnb-hide:hover, a.mtsnb-show:hover{ text-decoration: none; } .site-header{ box-shadow: 10px 0 30px rgba(0,0,0,0.1); background: rgba(255,255,255,0.8); width: 100%; position: relative; padding: 15px 0; margin: 0; z-index: 999; top: 0; } .home .site-header{ position: fixed;} .site-header .header-top{ border-bottom: 1px solid rgba(218, 218, 218, 0.5); margin: 0; padding: 0 0 14px; } .site-header .header-bottom .container{ display: flex; justify-content: center; align-items: center; } .site-header .header-bottom .logo{ display: none; } .site-branding{ display: inline-block; width: 100%; } .site-branding .widget.header-top-links { float: right; margin: 9px 0; transition: all 0.5s ease; } .main-navigation .header-top-links ul, .site-branding .widget.header-top-links ul {margin: 0; padding: 0; list-style-type: none; width: 100%;} .main-navigation .header-top-links ul li, .site-branding .widget.header-top-links ul li { margin: 0; padding: 0; display: inline-block; } .main-navigation .header-top-links ul li.phone, .site-branding .widget.header-top-links ul li.phone{ margin-left: 10px; } .main-navigation .header-top-links ul li a, .site-branding .widget.header-top-links ul li a{ color: #000; font-size: 13px; margin: 0; padding: 0; font-weight: 400; } .main-navigation .header-top-links ul li.email a:before, .site-branding .widget.header-top-links ul li.email a:before, .main-navigation .header-top-links ul li.phone a:before, .site-branding .widget.header-top-links ul li.phone a:before{font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 17px; line-height: 1.5; margin-right: 10px; display: inline-block; vertical-align: middle; color: #ff0000;} .main-navigation .header-top-links ul li.email a:before, .site-branding .widget.header-top-links ul li.email a:before{content: "\f0e0"; } .main-navigation .header-top-links ul li.phone a:before, .site-branding .widget.header-top-links ul li.phone a:before{content: "\f098"; } .main-navigation .header-top-links{ display: inline-block; margin: 0px 6px 0 auto; padding: 0; opacity: 0; transition: all 0.5s ease; z-index: -999; } .site-header .header-top, .site-header .header-bottom{ -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .site-header.fixed{ animation-delay: 0.2s; animation-duration: 0.2s; animation-fill-mode: both; -webkit-animation-delay: 0.2s; -webkit-animation-duration: 0.2s; -webkit-animation-fill-mode: both; position: fixed; } .site-header.fixed .container{ display: flex; } .site-header.fixed .header-top { transition: opacity 0.2s ease, margin-top 0.3s ease; opacity: 0; margin: -70px 0 0; padding: 0;} .site-header.fixed .header-bottom{ padding-bottom: 10px; } .site-header.fixed .header-bottom .logo{ display: inline-block; margin-right: 10px; width: 140px; } .site-header.fixed .header-bottom .main-navigation{ padding: 0; } .site-header.fixed .header-bottom .main-navigation .header-top-links{ opacity: 1; z-index: 0; } .home-slider{ padding: 0; margin-bottom: 35px; } .menu-toggle-open, .menu-toggle-close{ display: none; } @media (min-width: 1200px){ .main-navigation{ margin: 0; padding: 0; float: none; display: flex; align-items: center; } .main-navigation ul{ } .main-navigation ul li{ margin: 0; padding: 0 13px; } .main-navigation ul li:first-child{ padding-left: 0; } .main-navigation ul li:last-child{ padding-right: 0; } .main-navigation ul li a{ color: #000;font-size: 14px; font-weight: 400; text-decoration: none; transition: all 0.5s ease; line-height: 36px; height: 36px; display: inline-block;} .main-navigation ul li a:hover, .main-navigation ul li.current-menu-item a{ color: #ff0000;} .main-navigation li.menu-item-has-children:before, .main-navigation li.menu-item-has-children:after{ content:''; position:absolute; bottom:-1px; z-index:99999; opacity:0; left:50%; border:solid transparent; height:0; width:0; pointer-events:none; } .main-navigation li.menu-item-has-children:before{ bottom:0; } .main-navigation li.menu-item-has-children:hover:before,.main-navigation li.menu-item-has-children:hover:after{opacity:1} .main-navigation li.menu-item-has-children:before{ border-bottom-color:#fff; border-width:10px; margin-left:-10px} .main-navigation li.menu-item-has-children:after{ border-bottom-color:#fff; border-width:9px; margin-left:-9px} .main-navigation li.menu-item-has-children:before, .main-navigation li.menu-item-has-children:after{ bottom:4px; } .main-navigation li.menu-item-has-children:before{ bottom:5px; } .main-navigation li.menu-item-has-children:hover:before{ bottom:-1px } .main-navigation li.menu-item-has-children:hover:after{ bottom:-2px } .main-navigation ul ul { box-shadow: 0 0px 25px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: calc(100% + 1px); left: -999em; z-index: 99999; width: 225px; } .main-navigation ul ul ul { left: -999em; top: 0; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; } .main-navigation ul ul a { line-height: normal; height: auto; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: auto; } .main-navigation li { float: left; position: relative; } .main-navigation a { display: block; text-decoration: none; } header .sub-menu{padding: 12px 0px 0px !important; box-shadow: 12px 10px 29px rgba(0, 0, 0, 0.2) !important; background: #ffffff !important; } header .sub-menu li{margin-bottom: 0px !important; padding: 0px !important; display: inline-block; width: 100%; border-bottom: 1px solid #eaeaea; } header .sub-menu li:last-child{ border-bottom: 0px; } header .sub-menu li a:hover {background-color: #ff0000 !important; color: #fff !important; text-decoration: none !important; } header .sub-menu li a{padding: 9px 13px !important; text-decoration: none !important; width: 100%; } /* Header Changes */ .site-header.fixed .main-navigation .menu-main-menu-2-container{vertical-align: middle; display: flex; align-items: center; justify-content: center; } .site-header.fixed .menu-user-area-menu-container ul#secondary-menu li a{font-weight: 600; /*font-size: 13px;*/ font-size: 12px; } .site-header.fixed .main-navigation ul li a{font-size: 13px; } .site-header.fixed .main-navigation .menu-main-menu-2-container ul li:last-child{padding-right: 5px; padding-left: 6px; } .site-header.fixed .main-navigation .menu-main-menu-2-container ul li{padding: 0 8px; } .site-header.fixed{background-color: rgba(0, 0, 0, 0.8); } .site-header.fixed .main-navigation ul li a,.site-header.fixed .main-navigation .header-top-links ul li a{color: #ffffff; } .site-header.fixed .main-navigation .sub-menu li a{color: #000; } .site-header .menu-user-area-menu-container ul#secondary-menu li.menu-login a{ width: 78px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; text-align: center; } /* Footer Changes */ footer.site-footer .site-info .col-sm-3.footer-col.first-col{flex: 0 0 21%;max-width: 21%;} } @media (max-width: 1199px){ #page{ padding-top: 0; } .site-header .header-top{ display: none; } .site-header .header-bottom .logo, .site-header.fixed .header-bottom .logo{ display: inline-block; } .site-header.fixed .header-bottom .main-navigation .header-top-links{ display: none; } .site-header .header-bottom .main-navigation, .site-header.fixed .header-bottom .main-navigation { padding: 0; position: fixed; display: inline-block; background: #fff; margin: 0; width: 250px; left: 0; top: 70px; height: auto; margin-left: -250px; height: calc(100% - 73px); overflow: scroll; overflow-x: hidden; } .main-navigation {height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #111; overflow-x: hidden; transition: 0.5s; padding-top: 60px; } .main-navigation ul{ display: inline-block; width: 100%; } .main-navigation ul li{ width: 100%; margin: 0; padding: 0; position: relative; box-shadow: none; } .main-navigation ul li a{padding: 0; margin: 0; text-decoration: none; font-size: 14px; color: #818181; display: block; transition: 0.3s; font-weight: normal; padding: 10px; border-bottom: 1px solid #dadada; width: 100%;} .main-navigation ul li a:hover {color: #f1f1f1; } .main-navigation .menu-toggle-close {position: absolute; top: 0; right: 0; z-index: 9999;} #page {transition: margin-left .5s;} .navopen { overflow: hidden; } .navopen #page:before {content: ''; background: rgba(0,0,0,0.4); width: 100%; height: 100%; display: block; position: absolute; z-index: 999; left: 0; top: 0; } .navopen .main-navigation .header-top-links{ display: none; } .menu-toggle-open, .menu-toggle-close{ display: inline-block; background-color: transparent; border: 0; font-size: 0; background-repeat: no-repeat; background-size: 22px; padding: 0; margin: 0; width: 22px; height: 22px; margin-left: auto; } .menu-toggle-open{ background-image: url(assets/images/menu.svg); } .menu-toggle-close{ background-image: url(assets/images/close.svg); display: none; } div.menu-user-area-menu-container{ width: 100%; } .navopen .menu-toggle-close{ display: inline-block; transition: all 0.5s ease; } .navopen .menu-toggle-open{ display: none; } .main-navigation ul ul, header .sub-menu{ box-shadow: none; padding: 0 0 0 20px; box-sizing: border-box; width: 100%; border-bottom: 1px solid #dadada} header .sub-menu li:last-child a{ border: 0; } .home-slider{ padding: 0; } } /* Breadcrumb --------------------------------------------------------------------------------------------------------------------------------- */ .breadcrumb-wrapper{width: 100%; margin: 0; padding: 0; background: rgba(215, 202, 193, 0.5); border-bottom: 0px; } .breadcrumb-wrapper .breadcrumb{ margin: 0 auto; border-radius: 0; background: transparent; color: #282828; } .breadcrumb-wrapper .breadcrumb a{ color: #282828; } /* Home Page Sections --------------------------------------------------------------------------------------------------------------------------------- */ .home .site-content {padding-top: 0; } .home-content-listing{ display: flex; width: 100%; background: #f4f4f1; margin: 0 0 15px; } .home-content-listing .left-col{ width: 50%; display: flex; justify-content: center; align-items: center; padding: 0 48px; } .home-content-listing .left-col .content-wrap h3{ margin: 0; padding: 0 0 20px; font-size: 22px; line-height: normal; font-weight: 600; font-family: 'Open Sans', sans-serif; color: #ff0000; } .home-content-listing .left-col .content-wrap h4{ font-size: 18px; font-weight: normal; margin-bottom: 15px; display: inline-block; } .home-content-listing .left-col .content-wrap p{ font-size: 14px; color: #353434; line-height: 20px; margin: 0; padding: 0; word-break: break-word; } .home-content-listing .left-col .content-wrap a.read-more{ background: #000; min-width: 130px; color: #fff; border-radius: 20px; display: inline-block; margin-top: 30px; padding: 8px 0; text-align: center; text-transform: uppercase; font-size: 14px; } .home-content-listing .left-col .content-wrap a.read-more:hover{ text-decoration: none; } .home-content-listing .right-col{ width: 50%;} .home-content-listing .right-col .image-wrap{ height: 400px; overflow: hidden; width: 100%; } .home-content-listing .right-col .image-wrap img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } .home-content-listing.odd .left-col{ order: 2; } .home-content-listing.odd .right-col{ order: 1; } /*Home page All section title*/ .home_page_title.entry h2, .front_album_designing_printing_and_binding h3, .studio_sample h3, .video-wrap h3 { letter-spacing: 0; font-size: 32px; font-family: 'Open Sans', sans-serif; padding: 0; margin-top: 50px; margin-bottom: 50px; font-weight: 600; text-transform: capitalize; color: #000; text-align: center;} .page-template-home .home_page_title.entry h2{ margin-top:15px; } .home_page_title.entry h2{ font-style: italic; font-size: 32px; font-family: 'Open Sans', sans-serif; font-weight: 600; } /*Home page all section subtitle*/ .front_album_designing_printing_and_binding h4, .studio_sample h4, .video-wrap h4{ text-align: center; font-weight: normal; font-size: 20px; padding: 15px 0 20px; margin: 0; } /*Client Testimonials sections */ .client-testimonials{ background: url(assets/images/testimonial-bg.png) no-repeat center center; padding: 50px 0; background-size: cover; } .client-testimonials .sp-testimonial-free-wrapper h2.sp-testimonial-free-section-title{ font-size: 32px; text-align: center; color: #000; font-weight: 600; font-family: 'Open Sans', sans-serif; background: url(assets/images/quote-bg.png) no-repeat center bottom; text-transform: capitalize; display: inline-block; width: 100%; line-height: normal; margin: 0 0 15px; padding: 0 0 75px; } .client-testimonials .sp-testimonial-free-section h2.tfree-client-name{ margin: 0; padding: 0; text-transform: uppercase; color: #ff0000 !important; font-size: 16px; } .client-testimonials .sp-testimonial-free-section .tfree-client-designation{ margin: 0; padding: 0; text-transform: uppercase; color: #979799 !important; font-weight: 300; font-size: 16px; } .client-testimonials .sp-testimonial-free-section .slick-dots button{ background: #919191 !important; border: 2px solid transperant; } .client-testimonials .sp-testimonial-free-section .slick-dots li.slick-active button{ background: #fff !important; border: 2px solid #ff0000; } .client-testimonials .sp-testimonial-free-section .tfree-client-testimonial p{ font-size: 16px; } /*Latest Post sections */ .latest-post-wrap{ padding: 50px 0; margin: 30px 0 0; border-top: 1px solid #e2e2e2; border-bottom: 0px solid #e2e2e2; } .latest-post-wrap .footer-top.widget.widget_st_latest_posts_widget{ display: inline-block; width: 100%; margin: 0; padding: 0; } .latest-post-wrap .widget-title{font-size: 32px; text-align: center; color: #000; font-weight: 600; font-family: 'Open Sans', sans-serif; text-transform: capitalize; display: inline-block; width: 100%; line-height: normal; margin: 0; padding: 0px 0 35px; border: 0px;} @media (min-width: 1200px) { .sp-latest-posts-widget{ margin: 0 -30px; } .sp-latest-posts-widget .latest-posts-item{ padding: 0 30px; } } .sp-latest-posts-widget .latest-posts-item .image-wrap{ height: 182px; overflow: hidden; width: 100%; margin: 0; padding: 0; } .sp-latest-posts-widget .latest-posts-item .image-wrap a{ width: 100%; height: 182px; margin: 0; padding: 0; display: inline-block; } .sp-latest-posts-widget .latest-posts-item .image-wrap a img{ width: 100%; height: auto; object-fit: cover; object-position: center; } .sp-latest-posts-widget .latest-posts-item .content-wrap{ } .widget .sp-latest-posts-widget .latest-posts-item .content-wrap .entry-title{ font-size: 18px; line-height: normal; margin: 0; padding: 20px 0; font-weight: 600; border: 0px; } .sp-latest-posts-widget .latest-posts-item .content-wrap .entry-title a{ color: #000; width: 100%; display: inline-block; font-size: 16px; font-weight: 600; } .sp-latest-posts-widget .latest-posts-item .content-wrap .entry-content{ margin: 0; padding: 0; width: 100%; font-size: 14px; line-height: 20px; font-family: 'Open Sans', sans-serif; } .sp-latest-posts-widget .latest-posts-item .content-wrap .entry-content p{ display: none; } .sp-latest-posts-widget .latest-posts-item .content-wrap .entry-content p:first-child{ display: inline-block; width: 100%; height: 86px; overflow: hidden; font-size: 14px; color: #353434; line-height: 24px; margin: 0; padding: 0;} /* Album Designing Printing and Binding Section*/ .front_album_designing_printing_and_binding h3{ margin-bottom: 0; } .front_album_designing_printing_and_binding p{ text-align: center;margin-bottom: 20px; } /*Studio Sample sections*/ .studio_sample {padding: 40px 0; margin: 20px 0; background: #d6c9c0; font-family: 'Open Sans', sans-serif; } .studio_sample h3{ margin: 0;/* padding: 20px 0 0;*/ padding: 0px 0 0; font-size: 32px; font-family: inherit; font-weight: 600;} .studio_sample h4{color: #000; font-family: inherit; font-weight: normal; } .studio_sample p{ padding: 0 60px; text-align: center; font-family: inherit; font-size: 14px; line-height: 20px;margin-bottom: 20px; } .studio_sample p.button-wrap{ margin: 0; padding: 0; } .studio_sample p.button-wrap a{ background: #000; min-width: 130px; color: #fff; border-radius: 20px; display: inline-block;/* //margin-top: 30px;*/margin-top: 15px; padding: 0; text-align: center; text-transform: uppercase; font-size: 14px; height: 37px; line-height: 37px;} .studio_sample p.button-wrap a:hover{ text-decoration: none; background: #000; color: #fff; } /*video sections*/ .video-wrap{ background: #fff; margin: 0; padding: 0; } .video-wrap h3{ margin: 0; padding: 30px 0 10px; font-size: 32px; text-align: center; font-weight: 600; font-family: 'Open Sans', sans-serif; color: #000; } .video-wrap p{ text-align: center; font-size: 14px; color: #353434; line-height: 20px; } .video-wrap p a{ color: #ff0000; -webkit-text-underline-position: under; -ms-text-underline-position: below; text-underline-position: under; text-decoration: underline; } .site-content {padding-top: 0px !important; min-height: 80vh; } .order-process-wrap{ padding: 50px 0;background: #d6c9c0;} .order-process-wrap h3{ display: block; width: 100%; font-family: 'Open Sans', sans-serif; margin: 0; font-weight: 600; text-transform: capitalize;text-align: center;padding: 0px 0 20px;font-size: 32px;color: #000; padding-bottom: 50px; } .order-process-wrap .content-wrap{ display: inline-block; width: 100%; } .order-process-wrap ul{ margin: 0; padding: 0; width: 100%; list-style-type: none; display: flex; justify-content: center; align-items: center; } .order-process-wrap ul li{ display: flex; align-items: center; padding: 0 15px;} .order-process-wrap ul li:last-child{ padding-right: 0px; } .order-process-wrap ul li span.count{ background: #fff; width: 55px; height: 55px; border-radius: 50%; font-size: 26px; font-weight: 500; padding-top: 0; text-align: center; margin-right: 15px; display: inline-flex; justify-content: center; align-items: center; font-family: 'Open Sans', sans-serif; } .order-process-wrap ul li span.text{ width: 150px; line-height: 20px; font-size: 14px; } @media (max-width: 1199px){ .video-wrap p br{ display: none; } .site-content {padding-top: 0px !important;} } @media (max-width: 991px){ .home-content-listing { flex-wrap: wrap; } .home-content-listing .left-col{ width: 100%; order: 2; padding: 0 15px 20px; } .home-content-listing .right-col{ width: 100%; order: 1; margin-bottom: 30px; } .order-process-wrap ul{ flex-wrap: wrap; } .order-process-wrap ul li:nth-child(1), .order-process-wrap ul li:nth-child(2){ padding: 0; } .order-process-wrap ul li{ width: 235px; padding: 20px 0 0;} } @media (max-width: 767px){ .home-content-listing .left-col .content-wrap h3{ font-size: 20px; line-height: 24px; padding: 0 0 15px; } .home-content-listing .left-col .content-wrap h4{ font-size: 16px; } .home-content-listing .left-col .content-wrap a.read-more{ margin-top: 20px; } .home-content-listing .right-col .image-wrap{ height: 280px; } .home_page_title.entry h2, .front_album_designing_printing_and_binding h3, .studio_sample h3, .video-wrap h3 { font-size: 20px; } .studio_sample p{ padding: 0 10px; } .home_page_title.entry h2{ margin-top: 30px; margin-bottom: 30px; } .sp-latest-posts-widget .latest-posts-item{ margin-bottom: 30px; } .video-wrap iframe{ width: 100%; height: 100%; } .latest-post-wrap .widget-title{ font-size: 20px; } .client-testimonials { padding: 30px 0; } .client-testimonials .sp-testimonial-free-wrapper h2.sp-testimonial-free-section-title{ padding: 0 0 60px; font-size: 20px; } .order-process-wrap ul li{ padding: 0 0 15px;} .order-process-wrap ul li:nth-child(1), .order-process-wrap ul li:nth-child(2){ padding: 0 0 15px; } .order-process-wrap ul li:nth-child(4){ padding: 0; } } /* Footer --------------------------------------------------------------------------------------------------------------------------------- */ .site-footer{ background: url(assets/images/footer-bg.png) no-repeat center top rgb(66, 66, 66); display: inline-block; width: 100%; margin: 0;/* padding: 90px 0;*/ position: relative;padding: 45px 0;margin-top: 10px;} .site-footer:before{ background: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .site-info{} .site-info .footer-col .widget{ margin: 0; padding: 0; width: 100%; } .site-info .footer-col .widget .widget-title{ font-family: 'Open Sans', sans-serif; color: #fff; font-size: 18px; font-weight: 900; margin: 0; padding: 0 0 28px; text-transform: uppercase; } .site-info .footer-col .widget .custom-html-widget{} .site-info .footer-col .widget .custom-html-widget p{ color: #bfbfbf; font-size: 14px; line-height: 40px; margin: 0 0 15px; padding: 0; } .site-info .footer-col .widget .custom-html-widget p a{ color: #bfbfbf; font-size: 14px; word-break: break-all; } .site-info .footer-col .widget .custom-html-widget p a:hover{ color: #ff0000; text-decoration: underline; } .site-info .footer-col .widget .custom-html-widget ul{ margin: 0; padding: 0; list-style-type: none; display: flex; flex-wrap: wrap; } .site-info .footer-col .widget .custom-html-widget ul li{ line-height: 36px; margin: 0; padding: 0 13px 0 0; width: 100%; } .site-info .footer-col .widget .custom-html-widget ul li:nth-child(2n){ padding-right: 0; } .site-info .footer-col .widget .custom-html-widget ul li a{ color: #bfbfbf; font-size: 14px; } .site-info .footer-col .widget .custom-html-widget ul li a:hover{ color: #ff0000; text-decoration: underline; } .site-info .footer-col.about-us{ padding-bottom: 80px; } .site-info .footer-col.about-us .widget .widget-title{ font-size: 24px; text-align: center;/* padding: 16px 0;*/ position: relative; text-transform: uppercase; padding: 0px 0 16px; } .site-info .footer-col.about-us .widget .widget-title:before{ content: ''; background: url(assets/images/heart-icon.png) no-repeat center top; display: inline-block; width: 15px; height: 13px; position: absolute; left: 0; right: 0; margin: 0 auto; top: 0;display: none; } .site-info .footer-col.about-us .widget .custom-html-widget p{ line-height: 20px; text-align: center; font-size: 14px;} .contact_footer .fa-map-marker, .contact_footer .fa-skype, .contact_footer .fa-mobile, .contact_footer .fa-envelope{background-color: transparent !important; color: #fff; border-radius: 3px; margin-right: 10px; } .contact_footer .fa-map-marker{font-size: 15px !important; padding: 5px 12px !important; } .contact_footer .fa-skype{font-size: 15px !important; padding: 5px 10px !important; } .contact_footer .fa-mobile{font-size: 20px !important; padding: 5px 12px !important; } .contact_footer .fa-envelope{font-size: 15px !important; padding: 5px 9px !important; } .contact_footer span{display: inline-block; } .contact_footer p{display: flex; margin-bottom: 5px; } .expo_img{ width: 100%; display: inline-block; margin-top: 10px; /*padding: 0; text-align: center;*/ } .expo_img img{ max-width: 100%; height: auto; display: inline-block; } .expo_img span{ display: inline-block; margin: 0; padding: 0; text-align: center; width: 100%; font-family: "Bookman Old Style", serif; color: rgba(255, 255, 255, 0.5); line-height: normal; } .zoom-social-icons-list--no-labels .zoom-social_icons-list__item {display: inline-block; margin: 4px 1px !important; border: none; } .copyright{ background: rgb(66, 66, 66); text-align: center; margin: 0;/* padding: 32px 0;*/padding: 16px 0; border-top: 1px solid rgba(255,255,255,0.1); position: relative; } .copyright:before{ background: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; } .copyright .widget{ margin: 0; } .copyright p{ color: #bfbfbf; font-size: 14px; line-height: 40px; margin: 0; padding: 0; } @media (max-width: 1199px){ .site-footer{ padding: 25px 0; } .site-info .footer-col.about-us{ padding-bottom: 0px } .site-info .footer-col.about-us .col-sm-10{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .site-info .footer-col .widget .custom-html-widget ul{ justify-content: space-between; } .site-info .footer-col .widget .custom-html-widget ul li{ width: 100%; line-height: normal; padding: 5px 0; } .site-info .footer-col .widget .custom-html-widget p{ line-height: normal; padding: 0 0 10px; } .contact_footer span br{ display: none; } .contact_footer .fa-map-marker{ padding: 0px 12px !important; } .contact_footer .fa-skype{ padding: 0px 10px !important; } .contact_footer .fa-mobile{ padding: 0px 12px !important; } .contact_footer .fa-envelope{ padding: 0px 9px !important; } } @media (max-width: 991px){ .site-info .footer-col .widget .custom-html-widget ul li{ width: 100%; line-height: normal; padding: 5px 0; } .site-info .col-sm-4.footer-col{ -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .site-info .col-sm-5.footer-col{ -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .site-info .col-sm-3.footer-col{ -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } #custom_html-5 .widget-title{ padding-top: 15px; } .site-info .footer-col .widget .custom-html-widget .contact_footer{ display: flex; } .site-info .footer-col .widget .custom-html-widget .contact_footer p{ padding: 0 10px 0 0; } #zoom-social-icons-widget-3{ text-align: center; } } @media (max-width: 767px){ .site-info .footer-col .widget .custom-html-widget ul li{ width: 48%; line-height: normal; padding: 5px 0; } .site-info .footer-col.about-us .widget .widget-title{ border: 0; } .site-info .footer-col .widget .widget-title {font-family: 'Open Sans', sans-serif; color: #fff; font-size: 24px; font-weight: 900; margin: 0; padding: 15px 0 28px; margin: 15px 0 0; border-top: 1px solid rgba(93, 91, 91, .3);} .site-info .footer-col .widget .custom-html-widget .contact_footer{ flex-wrap: wrap; } .site-info .footer-col .widget .custom-html-widget .contact_footer p{ width: 100%; } .copyright{ padding: 10px; } .copyright p{ line-height: normal; } } div.menu-user-area-menu-container {float: right; } ul#secondary-menu li{ padding: 0 5px; } ul#secondary-menu li a { background:#ff0000; color: #fff; display: inline-block; margin-left: 0; margin-right: 0px; height: auto; line-height: normal; text-transform: uppercase; padding: 3px 10px; border-radius: 5px; font-family: 'Open Sans', sans-serif; font-weight: 500; } @media (max-width: 1199px){ ul#secondary-menu li{ padding: 10px 5px 0; } } /* Slider Changes */ .n2-ss-slider [data-mode=fill] .n2-ss-slide-background-image{background-position: center top; background-size: 100% 100%; } .wf-container, .wf-container-main {margin: 0 -22px; padding: 0 } .wf-wrap {max-width: 100%; padding: 0 44px; margin: 0 auto } /*Service Page --------------------------------------------------------------------------------------------------------------------------------- */ .fancy-header{ min-height: 340px; text-align: center; margin-top: 0px; position: relative; } .fancy-header::before{width: 100%; height: 100%; background: rgba(0,0,0,0.5); content: ''; left: 0; top: 0; display: block; position: absolute; z-index: 0;} .fancy-header h1.fancy-title {margin: 0; padding: 0; display: flex; height: 340px; justify-content: center; align-items: center; width: 100%; color: #fff; font-size: 40px; font-weight: 900; position: relative; z-index: 1;} .Service-content{ padding: 50px 0; } .Service-content p{ text-align: center; font-size: 14px; color: #353434; line-height: 20px; margin: 0; padding: 0; } @media (max-width: 991px){ .fancy-header{ min-height: 225px;} .fancy-header h1.fancy-title{ height: 225px;} } /* Blog Css --------------------------------------------------------------------------------------------------------------------------------- */ body.blog{ display: flex; margin: 50px -15px 0; padding: 0; width: calc(100% + 30px); flex-wrap: wrap; } .post-wrapper{ width: 33.33333333%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; box-sizing: border-box; margin-bottom: 40px; } .post-thumb-wrap{ height: 180px; display: flex; width: 100%; justify-content: center; align-items: center; overflow: hidden; margin-bottom: 0; position: relative; } .post-thumb-wrap img{ max-width: 100%; height: 100%; display: inline-block; object-fit: cover; -webkit-transition: transform 0.5s ease 0s; -moz-transition: transform 0.5s ease 0s; -o-transition: transform 0.5s ease 0s; transition: transform 0.5s ease 0s;} .post-header{ margin: 0; padding: 25px 25px 0; } .post-header .date{ display: inline-block; width: 100%; font-size: 14px; padding: 0; margin: 0; } .post-header h2, .post-header h2 a{ margin: 0; padding: 0; font-size: 18px; font-weight: normal; line-height: 22px; color: #000; } .post-header h2 a:hover{ text-decoration: none; color: #000; } .post-footer{ padding: 25px 0 25px; margin: 0; position: relative; } .post-footer .comments, .post-footer .admin-edit-post{ display: none; } .post-footer .read-more{ padding: 0; display: inline-block; width: 100%; position: absolute; left: 0; bottom: 0; webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s;} .site-main.blog .post-wrapper:hover .post-footer .read-more{ bottom: 38px; } .post-footer .read-more p{ margin: 0; padding: 0; height: 37px; position: absolute; width: 100%; display: table; background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; -o-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; z-index: 99;} .post-footer .read-more a{ color: #fff; display: table-cell; float: none; font-size: 15px; line-height: normal; margin: auto; text-align: center; vertical-align: middle;} .post-footer .read-more a:hover{ text-decoration: none; } .latest-post-wrap .latest-posts .entry-content{text-align: justify; } /* Product-Box Changes */ .site-main.blog{ padding: 50px 0;} .site-main.blog .post-wrapper{ width: calc(25% - 30px); background-color: transparent; border-radius: 10px; margin: 0 15px 20px; padding: 0; overflow: hidden; background-color: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1); } .site-main.blog .post-wrapper:hover .post-thumb-wrap img {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .site-main.blog .post-wrapper .post-header h2 a{font-size: 18px; color: #000; font-weight: 600; font-family: 'Open Sans', sans-serif; text-transform: capitalize; display: inline-block; width: 100%; line-height: 26px; margin: 0;} .site-main.blog .post-wrapper .date{ font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 500; color: #b1b1b1; } .site-main.blog .post-wrapper .type-post{position: relative; } .site-main .post.type-post.has-post-thumbnail{width: 100%; } .site-main .post.type-post.has-post-thumbnail .entry-header h1.entry-title{color: #000; font-weight: 600; font-size: 30px; font-family: 'Open Sans', sans-serif; text-transform: capitalize; display: inline-block; width: 100%; line-height: normal; margin: 0; padding-top: 10px; } .site-main .post.type-post.has-post-thumbnail .entry-meta{position: absolute; bottom: 0; right: 0; padding-bottom: 5px; padding-top: 5px; background: #ff0000; color: #ffffff; } .site-main .post.type-post.has-post-thumbnail .posted-on a{color: #ffffff; } .site-main .post.type-post.has-post-thumbnail .posted-on a:hover{color: #000; } .site-main.blog .post.type-post.has-post-thumbnail { width: 100%; margin: 0; } .single-post .entry-content p{} .single-post .entry-content ul{ margin: 0 0 30px; padding-left: 18px; } .single-post .entry-content ul li{ margin: 0; padding: 0 0 15px; line-height: 26px; font-size: 15px; } .single-post .entry-content strong{ font-weight: 600; } @media (max-width: 1199px){ .site-main.blog{ padding: 30px 0;} .blog{ margin: 20px 0 0; width: 100%; } .site-main.blog .post-wrapper{ margin: 0 10px 20px; width: calc(33.33% - 20px); } } @media (max-width: 991px){ .site-main.blog .post-wrapper{margin: 0 10px 20px; width: calc(50% - 20px);} } @media (max-width: 767px){ .site-main.blog .post-wrapper {margin: 0 0 20px; width: 100%; } } /* Blog Detail Page --------------------------------------------------------------------------------------------------------------------------------- */ .site-main.single-blog-post{ padding: 50px 0;} .single .post-thumbnail-wrap{ position: relative; margin-bottom: 15px; } .single .post-thumbnail-wrap:after{background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.5) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#80000000',GradientType=0 ); content: ''; width: 100%; position: absolute; height: 150px; bottom: 0; left: 0; } .single .post-thumbnail-wrap .post-thumbnail{ text-align: center; height: 480px; overflow: hidden; } .single .post-thumbnail-wrap .post-thumbnail img{ width: 100%; height: 100%; object-position: center; object-fit: cover; } .single .post-thumbnail-wrap .entry-meta{ min-height: auto; min-width: 42px; padding: 2px 10px; background: #fff; position: absolute; bottom: 15px; border-radius: 2px; right: 15px; font-weight: 600; font-size: 14px; z-index: 100; } .single .post-thumbnail-wrap .entry-meta a{ color: #000; } .single .post-thumbnail-wrap .entry-meta .byline{ display: none; } .post-navigation {margin-bottom: 50px; } .post-navigation .nav-links{display:flex;padding:25px 0;border-width:1px 0;border-style:solid; border-color: rgba(0,0,0,.08); justify-content: space-between;} .nav-previous {width: 40%; padding-left: 35px; margin-right: 30px; position: relative; display: flex; flex-flow: column wrap; justify-content: center; text-decoration: none; } .post-navigation .nav-next {padding-right: 35px; margin-left: 30px; width: 40%; text-align: right; } .nav-previous a, .post-navigation .nav-next a{ font-weight: 600; color: #000; } .nav-previous{ background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEuNDMzIDE1Ljk5MkwyMi42OSA1LjcxMmMuMzkzLS4zOS4zOTMtMS4wMyAwLTEuNDItLjM5My0uMzktMS4wMy0uMzktMS40MjMgMGwtMTEuOTggMTAuOTRjLS4yMS4yMS0uMy40OS0uMjg1Ljc2LS4wMTUuMjguMDc1LjU2LjI4NC43N2wxMS45OCAxMC45NGMuMzkzLjM5IDEuMDMuMzkgMS40MjQgMCAuMzkzLS40LjM5My0xLjAzIDAtMS40MmwtMTEuMjU3LTEwLjI5IiBmaWxsPSIjMzMzMzMzIiBvcGFjaXR5PSIxIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4="); background-repeat: no-repeat; background-position: left center;} .nav-next{ background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuNzIyIDQuMjkzYy0uMzk0LS4zOS0xLjAzMi0uMzktMS40MjcgMC0uMzkzLjM5LS4zOTMgMS4wMyAwIDEuNDJsMTEuMjgzIDEwLjI4LTExLjI4MyAxMC4yOWMtLjM5My4zOS0uMzkzIDEuMDIgMCAxLjQyLjM5NS4zOSAxLjAzMy4zOSAxLjQyNyAwbDEyLjAwNy0xMC45NGMuMjEtLjIxLjMtLjQ5LjI4NC0uNzcuMDE0LS4yNy0uMDc2LS41NS0uMjg2LS43NkwxMC43MiA0LjI5M3oiIGZpbGw9IiMzMzMzMzMiIG9wYWNpdHk9IjEiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg=="); background-repeat: no-repeat; background-position: right center;} @media (max-width: 1199px){ .single .post-thumbnail-wrap .post-thumbnail{ height: auto; } } @media (max-width: 767px){ .site-main.single-blog-post{ padding: 30px 0; } } /* Home Page Slider Design --------------------------------------------------------------------------------------------------------------------------------- */ .home-slider-wrap{ height: calc(100vh - 112px); overflow: hidden; margin-bottom: 30px; margin-top: 112px; } @media (max-width: 1199px){ .home-slider-wrap{ height: 500px; margin-top: 70px; } } @media (max-width: 991px){ .home-slider-wrap{ height: 300px; } } @media (max-width: 767px){ .home-slider-wrap{ height: 213px; } } /* Album Page --------------------------------------------------------------------------------------------------------------------------------- */ .album-content { padding: 50px 0; } .album-content ul{ margin: 10px 0; padding: 0;} .album-content ul ul{ list-style-type: disc; padding: 0 20px; } .album-content ul li{ font-size: 16px; color: #353434; line-height: 26px; padding: 0; margin: 0px 15px 5px;} .album-content h2, .album-content h3{ font-size: 32px; font-weight: 600; margin: 0 0 10px; padding: 0 0 10px;} .album-content h2 strong, .album-content h3 strong{ font-weight: normal; } .album-content h4{ width: 100%; text-align: center; font-size: 18px; } .album-content h4 strong{ border-bottom: 1px solid #dadada; margin: 0 0 20px; padding: 15px 0; display: inline-block; } .album-content h3.page-heading{ font-size: 32px; font-weight: 600; font-family: 'Open Sans', sans-serif; } .album-content blockquote p{ font-size: 20px !important; } .items-wrap{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .items-wrap .itemlist{ width: 30%; display: inline-block; margin-bottom: 20px; } .items-wrap .itemlist .image-wrap{ margin: 0; padding: 0; width: 100%; height: 200px; display: inline-flex; justify-content: center; align-items: center; } .items-wrap .itemlist .image-wrap img{ max-width: 80%; height: auto; } .items-wrap .itemlist h3{ margin: 0; padding: 0; font-size: 20px; font-weight: normal; } .wp-block-embed-youtube, .wp-block-embed, .is-type-video, .is-provider-youtube{ text-align: center; width: 83.33333333%; margin: 60px auto 20px; } .wp-block-embed-youtube .wp-block-embed__wrapper, .wp-block-embed .wp-block-embed__wrapper, .is-type-video .wp-block-embed__wrapper, .is-provider-youtube .wp-block-embed__wrapper{ position: relative; padding-bottom: 56.25%; height: 0;} .wp-block-embed-youtube .wp-block-embed__wrapper iframe, .wp-block-embed .wp-block-embed__wrapper iframe, .is-type-video .wp-block-embed__wrapper iframe, .is-provider-youtube .wp-block-embed__wrapper iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;} @media (max-width: 1199px){ .wp-block-embed-youtube, .wp-block-embed, .is-type-video, .is-provider-youtube{ width: 100%; margin: 0 auto 20px; } .album-content { padding: 30px 0; } } @media (max-width: 767px){ } /* Testimonial --------------------------------------------------------------------------------------------------------------------------------- */ .page-testimonials .album-content{ display: none; } .testimonials_services{ margin: 30px 0; } .client-testimonials {position: relative; display: inline-block; width: 100%; background: unset; overflow: hidden; } .testimonial_content{ -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .testimonial_content br{ display: none } .testimonial_content .outsource-photo-editing { padding: 30px 0px; margin: 0 0 15px; background-color: #f4f4f1 !important; width: 100%; display: inline-block; } .testimonial_content .outsource-photo-editing:nth-child(0 + 2n){background-color: rgba(215, 202, 193, 0.5) !important; } .testimonial_content .outsource-photo-editing p, .testimonial_content .wp-block-pullquote p{ margin: 0; padding: 0 0 20px; width: 100%; text-align: center; font-size: 14px; line-height: 20px; } .testimonial_content .outsource-photo-editing p.author_content::after {position: absolute; left: 47px; bottom: -19px; border-right: 0 solid rgba(0,0,0,0); border-left: 25px solid rgba(0,0,0,0); border-top: 19px solid rgba(177, 167, 167, 0.17); } h2.has-text-align-center.outsource-photo{ font-size: 36px; font-family: 'Open Sans', sans-serif; padding: 0; margin-top: 50px; margin-bottom: 10px; font-weight: 900; } .testimonial_content .outsource-photo-editing cite{text-align: left; float: none !important; width: 100%; } .testimonial_content .outsource-photo-editing h4.author_name{color: #ff0000; font-size: 16px; text-align: center;} .testimonial_content .outsource-photo-editing h5.author_position{font-size: 16px; text-align: center;} .o-hero__background {/*position: absolute;*/ width: 100%; height: 100%; top: 0px; bottom: 0; left: 0; right: 0; display: none;z-index: 99; } .c-icon--float{position: absolute; z-index: -1; opacity: 1; animation: fade-in 2s; animation-delay:250ms; animation-fill-mode:both; } .c-icon--float:nth-child(1){ left:14.6%;top:4.6%; width: 75px;} .c-icon--float:nth-child(2){ top: 28.8%; left: 24.8%;width: 25px;} .c-icon--float:nth-child(3){ left: 7.5%; top: 48%; width: 32px;} .c-icon--float:nth-child(4){ left: 16.1%; top: 63%; width: 68px;} .c-icon--float:nth-child(5){ left: 34%; top: 83.3%; width: 11px;} .c-icon--float:nth-child(6){ bottom: 74.6%; left: 73.7%; width: 93px;} .c-icon--float:nth-child(7){ bottom: 41.5%; left: 81%; width: 34px;} .c-icon--float:nth-child(8){ right: 23.5%; top: 81.1%; width: 60px;} .c-icon--float:nth-child(9){ left: 93%; bottom: 76%; width: 56px;} @keyframes fade-in { from {opacity: 0; } to {opacity: 1; } } @media (max-width: 1199px){ .wp-block-media-text{display: block; } .alignwide .wp-block-media-text__content{ padding: 0 !important; } .client-testimonials .col-sm-7{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media all and (max-width:991px) { .testimonial_content{ -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media all and (max-width:767px) { .testimonial_content{ -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .client-testimonials { background: #ffffff; background-size: cover; } .o-hero__background {display: none; } .site-main .Service-content h2.has-text-align-center {font-size: 30px; } .Service-content .wp-block-group.outsource p,.post-porduction-text p,.post-porduction-text {text-align: center !important; } .Service-content .wp-block-pullquote cite{float: none !important; } .wp-block-column:not(:first-child){margin-left: 0px !important; } .wp-block-columns{display: block; margin: 0; } #fancy-header .fancy-title span, #fancy-header .fancy-title span p, .site-main .Service-content h2.has-text-align-center, .site-main .Service-content p.has-text-align-center strong, .site-main .Service-content h2{font-size: 25px !important; } #customer_login .u-column1.col-6,#customer_login .u-column2.col-6 {max-width: 100%; flex: 100%; padding-right: 0; } #customer_login .u-columns{margin: 0; } .album-content #wpsm_accordion_1120 .wpsm_panel-title a{font-size: 14px !important; } .album-content #wpsm_accordion_1120 .wpsm_panel-title {padding: 10px 10px !important; } .alignwide .wp-block-media-text__content {padding-left: 0% !important; padding-right: 0 !important; } .header-top .site-branding .custom_html-6{display: none; } footer .site-info.container .row .footer-col{flex: 0 0 100%; max-width: 100%; } } /* About us page --------------------------------------------------------------------------------------------------------------------------------- */ .page-about-album-design-store .site{ overflow: hidden; } .page-about-album-design-store .album-content{ padding-bottom: 0; } .about-content-column{ display: flex; width: 100%; background: #f4f4f1; margin: 0 0 15px; } .about-content-column .left-col{ width: 50%; display: flex; justify-content: center; align-items: center; padding: 0 48px; } .about-content-column .left-col .content-wrap h3{ margin: 0; padding: 0 0 20px; font-size: 22px !important; line-height: normal; font-weight: 600 !important; font-family: 'Open Sans', sans-serif !important; color: #ff0000; text-align: left; } .about-content-column .left-col .content-wrap h4{ font-size: 18px; font-weight: normal; margin-bottom: 15px; display: inline-block; } .about-content-column .left-col .content-wrap p{ font-size: 14px; color: #353434; line-height: 20px; margin: 0 0 15px; padding: 0; word-break: break-word; } .about-content-column .left-col .content-wrap a.read-more{ background: #000; min-width: 130px; color: #fff; border-radius: 20px; display: inline-block; margin-top: 30px; padding: 8px 0; text-align: center; text-transform: uppercase; font-size: 14px; } .about-content-column .left-col .content-wrap a.read-more:hover{ text-decoration: none; } .about-content-column .right-col{ width: 50%;} .about-content-column .right-col .image-wrap{ height: 500px; overflow: hidden; width: 100%; } .page-album-cases .about-content-column .right-col .image-wrap{ height: 400px; overflow: hidden; width: 100%; } .about-content-column .right-col .image-wrap figure{ margin: 0; width: 100%; height: 100%; } .about-content-column .right-col .image-wrap img{ width: 100%; height: 100%; object-fit: cover; object-position: center; } .about-content-column.odd .left-col{ order: 2; } .about-content-column.odd .right-col{ order: 1; } .ablum-sizes, .album-slide-size{text-align: center; padding: 20px 0; } .ablum-sizes img, .album-slide-size img{max-width: 80%; display: inline-block; } .album-slide-size{ padding-bottom: 50px; } .company-stats-numbers{padding: 40px 0; background: #d6c9c0; position: relative; } .company-stats-numbers:before{ position: absolute; top: 0; background: #d6c9c0; content: ''; width: 100vw; height: 100%; left: -50vw; z-index: -1; } .company-stats-numbers:after{ position: absolute; top: 0; background: #d6c9c0; content: ''; width: 100vw; height: 100%; right: -50vw; z-index: -1; } .company-stats-numbers .d-flex{flex-wrap: wrap; } .company-stats-numbers span.number {display: inline-block; width: 100%; text-align: center; color: #000; font-family: 'Open Sans', sans-serif; font-size: 80px; font-weight: 700; line-height: 80px; } .company-stats-numbers span.label{display: inline-block; width: 100%; text-align: center; font-family: 'Open Sans', sans-serif; font-weight: 500; font-size: 0.8125rem; color: #000; line-height: 1.3125rem; text-transform: uppercase; letter-spacing: 0.10125rem; } .countries-served{padding: 20px 0 20px; background: #d6c9c0; position: relative; } .countries-served:before{ position: absolute; top: 0; background: #d6c9c0; content: ''; width: 100vw; height: 100%; left: -50vw; z-index: -1; } .countries-served:after{ position: absolute; top: 0; background: #d6c9c0; content: ''; width: 100vw; height: 100%; right: -50vw; z-index: -1; } .countries-served h5{font-size: 1.25rem; line-height: 1.75rem; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, .1); margin-bottom: 15px; padding-bottom: 10px; } .countries-served ul {list-style-type: none; display: block; -webkit-column-count: 6; -moz-column-count: 6; -ms-column-count: 6; -o-column-count: 6; column-count: 6; -webkit-column-gap: 35px; -moz-column-gap: 35px; -ms-column-gap: 35px; -o-column-gap: 35px; column-gap: 35px; padding: 15px 0; } .countries-served ul li{font-size: 16px; line-height: 26px; margin: 0; padding: 0; } @media (max-width: 1199px){ .about-content-column .right-col .image-wrap{ height: 650px;} .page-album-cases .about-content-column .right-col .image-wrap{ height: 500px;} } @media (max-width: 991px){ .about-content-column { flex-wrap: wrap; } .about-content-column .left-col{ width: 100%; order: 2; padding: 0 15px 20px; } .about-content-column .right-col{ width: 100%; order: 1; margin-bottom: 30px; } .about-content-column .right-col .image-wrap{ height: 350px;} .page-album-cases .about-content-column .right-col .image-wrap{ height: 350px;} .countries-served ul{-webkit-column-count: 5; -moz-column-count: 5; -ms-column-count: 5; -o-column-count: 5; column-count: 5; } } @media (max-width: 767px){ .about-content-column .left-col .content-wrap h3{ font-size: 20px; line-height: 24px; padding: 0 0 15px; } .about-content-column .left-col .content-wrap h4{ font-size: 16px; } .about-content-column .left-col .content-wrap a.read-more{ margin-top: 20px; } .about-content-column .right-col .image-wrap{ height: 280px; } .page-album-cases .about-content-column .right-col .image-wrap{ height: 280px; } .countries-served ul{-webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2; } .company-stats-numbers span.number{ font-size: 50px; } } /* Login And Register & Forgotpassword? --------------------------------------------------------------------------------------------------------------------------------- */ .woocommerce-account .fancy-header { background-color: #282828 !important; min-height: 300px; padding-top: 77px; } .woocommerce-account .fancy-header h1.fancy-title{ height: 130px; } .woocommerce-account .fancy-header .fancy-title span{ font-size: 30px; } #customer_login .u-column1.col-6 h2,#customer_login .u-column2.col-6 h2 {font-size: 36px; font-family: 'Open Sans', sans-serif; } #customer_login .woocommerce-form__label-for-checkbox{width: 100%; } #customer_login .woocommerce-form-login__submit, #customer_login .woocommerce-form-register__submit, .wp-block-column.contact-us .contact-us-btn { background: #000; min-width: 130px; color: #fff; border-radius: 20px; display: inline-block; margin-top: 0; height: 37px; padding: 8px 0; text-align: center; text-transform: uppercase; font-size: 14px;} #customer_login .woocommerce-form-login__submit:hover, #customer_login .woocommerce-form-register__submit:hover, .wp-block-column.contact-us .contact-us-btn:hover{background: #252525; } .woocommerce-LostPassword.lost_password{ text-align: center; } .wp-block-column.contact-us .contact-us-btn:hover{color: #fff; } #customer_login .wcfmmp_become_vendor_link{ text-align: center; } #customer_login .woocommerce-LostPassword.lost_password a, #customer_login .wcfmmp_become_vendor_link a {color: #ff0000; font-size: 14px; } #customer_login .woocommerce-privacy-policy-text a {color: #252525; } #customer_login .woocommerce-LostPassword.lost_password a:hover, #customer_login .wcfmmp_become_vendor_link a:hover, #customer_login .woocommerce-privacy-policy-text a:hover {color: #000; } .woocommerce form .form-row .required,.ninja-forms-req-symbol,.nf-after-field .nf-error-msg,.nf-error-msg{color: #ff0000 !important; } .nf-form-content input:not([type=button]),.nf-form-content textarea{background: #ffffff !important; } .nf-error.field-wrap .nf-field-element:after {background: #ff0000 !important; } .contact-us .nf-error .ninja-forms-field{border-color: #ff0000!important; border: 1px solid #ff0000!important; } #customer_login .woocommerce-Input{height: 35px; } /* Common Css */ #fancy-header .fancy-title span{font-size: 36px; text-transform: capitalize; } #fancy-header .fancy-title span p{font-size: 36px; text-transform: capitalize; font-weight: 900; font-family: 'Open Sans', sans-serif; color: #ffffff; margin-bottom: 0; line-height: 1.5; } header.site-header {padding: 15px 0 0px !important; } .site-main .Service-content p{text-align: justify; margin-bottom: 10px; line-height: 20px; } .site-main .Service-content .wp-block-quote.is-style-large p{font-size: 16px; } .site-main .Service-content h2.has-text-align-center, .site-main .Service-content p.has-text-align-center strong, .site-main .Service-content h2{ font-size: 32px; font-family: 'Open Sans', sans-serif; padding: 0; margin-top: 50px; margin-bottom: 10px; font-weight: 600; } .site-main .Service-content .wp-block-image .aligncenter{margin-top: 0; margin-bottom: 15px; } .Service-content .wp-block-image{margin-bottom: 0; } .Service-content p.has-text-align-center{text-align: center; } .Service-content .wp-block-group,.Service-content .wp-block-nextend-smartslider3{ width: 100%; max-width: 1030px; margin: 20px auto; } .site-main .Service-content .wp-block-group__inner-container p{text-align: center; } .wp-block-columns{margin-top: 20px; flex-basis: 100%; align-items: flex-start; justify-content: flex-end; } .wp-block-column{flex-basis: 30% !important; } .wp-block-column:not(:first-child) {margin-left: 20px; } .wp-block-group__inner-container .wp-block-media-text .wp-block-media-text__media{margin-top: 10px; } .site-main .Service-content .entry.clear h3{font-size: 32px; } .site-main .Service-content .entry.clear h3,.site-main .Service-content .entry.clear h4{ font-family: 'Open Sans', sans-serif; font-weight: 600; } .site-main .Service-content .entry.clear h4{font-size: 18px; } .site-main .Service-content .entry.clear ul li{font-size: 14px; line-height: 2; } .site-main .Service-content .entry.clear ul li strong{font-weight: normal; } .site-main .Service-content .entry.clear ul {margin-left: 0; padding-inline-start: 18px; } .site-main .Service-content .entry.clear h5.has-text-align-center{font-family: 'Open Sans', sans-serif; font-weight: 900; font-size: 15px; line-height: 1.5; } .wp-block-group.outsource p,.post-porduction-text p,.post-porduction-text {text-align: left !important; } .post-porduction-text p {margin-top: 12px; } .alignwide.has-media-on-the-right .wp-block-media-text__content {padding-left: 0; padding-right: 8% !important; } .alignwide .wp-block-media-text__content{padding-left: 8%; padding-right: 0 !important; } .n2-ss-slider [data-mode=blurfit] .n2-ss-slide-background-image+.n2-ss-slide-background-image, .n2-ss-slider [data-mode=fit] .n2-ss-slide-background-image{ background-size: 100% !important;} @media (max-width: 1199px){ header.site-header {padding: 15px 0 10px !important; } } .page-photo-slideshow .site-main .Service-content .entry{ text-align: center;} .page-photo-slideshow .site-main .Service-content .entry h2, .page-photo-slideshow .site-main .Service-content .entry h3, .page-photo-slideshow .site-main .Service-content .entry p{ text-align: center; max-width: 83.33333333%; margin: 0 auto 20px; } .page-photo-slideshow .site-main .Service-content .entry h2, .page-photo-slideshow .site-main .Service-content .entry h3{font-family: 'Open Sans', sans-serif; font-size: 32px; font-weight: 600;} .page-photo-slideshow .wp-block-embed-youtube, .page-photo-slideshow .wp-block-embed, .page-photo-slideshow .is-type-video, .page-photo-slideshow .is-provider-youtube{ margin: 50px auto;} /* Contact Us --------------------------------------------------------------------------------------------------------------------------------- */ .contact-us{display: inline-block; float: left; width: 100%; } .contact-us h2 {text-align: left; } .contact-us1{width: 100%; display: flex; flex-wrap: unset; } .contact-us1 .wp-block-column.contact-us:first-child{ flex-basis: 30% !important; } .contact-us1 .wp-block-column.contact-us:last-child{ flex-basis: 70% !important; } .contact-us-map iframe{width: 100%; margin-top: 20px; } .contact-us .fa-map-marker,.contact-us .fa-skype,.contact-us .fa-mobile,.contact-us .fa-envelope{display: inline; float: left; height: 30px; width: 30px; line-height: 30px; background-color: transparent; color: #ffffff; margin-right: 10px; text-align: center; margin-bottom: 0; color: #ff0000; } .contact-us .fa-map-marker,.contact-us .fa-envelope{font-size: 15px; } .contact-us .fa-skype,.contact-us .fa-mobile{font-size: 20px; } .contact-us .fa-map-marker,.contact-us .fa-skype,.contact-us .fa-mobile,.contact-us .fa-envelope:before{margin-left: -2px; font-family: 'FontAwesome'; } .contact-us .fa-map-marker,.fa-mobile,.contact-us .fa-skype{margin-left: 0 !important; } .contact-us .contact-icon{display: inline-flex; align-items: center; width: 100%; margin-bottom: 15px; } .zoom-social_icons-list-span.socicon {background-color: rgba(255, 255, 255, 0.33) !important; font-size: 15px !important; padding: 7px !important; } .zoom-social_icons-list-span.socicon:hover {background-color: #ff0000 !important; } .wp-block-column.contact-us:not(:first-child) {margin-left: 0; } .contact-us .contact-icon i{display: inline-block; padding: 0 !important; } .contact-us .contact-icon span{text-align: left; } .contact-us .contact-icon span a{ color: #000; } .contact-us .msg{font-size: 24px; line-height: 1.2; } .contact-us .msg1{font-size: 24px; text-align: center; color: #252525; } .contact-us .h2-text{text-align: center; } .contact-us h2,.contact-us h3 { width: 100%; font-size: 26px; font-family: 'Open Sans', sans-serif; padding: 0; margin: 0 0 30px; font-weight: 600; text-align: left; } .contact-us .nf-form-content .label-right .nf-field-label{width: auto; position: absolute; z-index: 100; right: 8px; top: 8px; padding: 0; } .contact-us .nf-form-content{ padding: 0; margin: 0; width: 100%; max-width: 100%; } .contact-us .nf-form-content .label-right .nf-field-element{width: 100%; } .contact-us .nf-field-container{ width: 32.5%; display: inline-block; margin-bottom: 15px; } .contact-us .nf-field-container.textarea-container { width: 98.5%; margin-bottom: 0; } .nf-form-fields-required {text-align: left; font-size: 14px; margin-bottom: 10px; } .nf-form-content textarea.ninja-forms-field{ height: 130px !important; } @media (max-width: 1199px){ .contact-us1 .wp-block-column.contact-us:first-child{ flex-basis: 50% !important; } .contact-us1 .wp-block-column.contact-us:last-child{ flex-basis: 50% !important; } } @media all and (min-width: 600px){ .contact-us1.wp-block-column,.wp-block-column {flex-basis: calc(50% - 16px) !important; flex-grow: 1; } .wp-block-group.has-very-light-gray-background-color.has-background .wp-block-column {flex-basis: 30% !important; flex-grow: 0 !important; } } @media only screen and (max-width: 800px){ .contact-us1 .nf-form-content .label-right .nf-field-label{order: 10; margin-left: 5px; } .contact-us1 .nf-form-content .label-right .nf-field-element {order: 0; } } @media (max-width: 991px){ .contact-us1 .nf-field-container{ width: 100%; } .wp-block-column.contact-us1{width: 100%; } .wp-block-column.contact-us1 .wp-block-image.is-resized{text-align: center; display: block; } .contact-us .nf-field-container.textarea-container{ width: 100%;} } @media (max-width: 767px){ .contact-us1{width: 100%; display: flex; flex-wrap: wrap; } .contact-us1 .wp-block-column.contact-us:first-child{ flex-basis: 100% !important; } .contact-us1 .wp-block-column.contact-us:last-child{ flex-basis: 100% !important; } .contact-us1 .fa-map-marker, .contact-us1 .fa-skype, .contact-us1 .fa-mobile, .contact-us1 .fa-envelope {float: none !important; } .contact-us1 .contact-icon { align-items: flex-start; width: 100%; margin-bottom: 15px;} .contact-us1 .contact-icon i{display: inline-block; } .contact-us1 .contact-icon span{text-align: left; display: inline-block; } } /* ALbum Videos page --------------------------------------------------------------------------------------------------------------------------------- */ .video-list-wrap{ display: flex; flex-wrap: wrap; justify-content: space-between; padding: 50px 0; } .video-list{ width: 31%; box-shadow: 0px 0px 20px rgba(0,0,0,0.1); margin-bottom: 30px; border-radius: 10px; overflow: hidden;} .video-iframe{ height: 300px;} .video-iframe iframe{ width: 100%; height: 100%; } .video-desp{ font-size: 14px; line-height: 20px; padding: 0 25px;} .video-desp h3{ font-size: 18px; font-weight: 700; margin: 0; padding: 10px 0; } @media (max-width: 1199px){ .video-list{ width: 48%; } } @media (max-width: 767px){ .video-list{ width: 100%; } } /* Photo Restoration --------------------------------------------------------------------------------------------------------------------------------- */ .photo-restoration-content{ padding: 50px 0; } .photo-restoration-content h2{ text-align: left; font-size: 32px; font-family: 'Open Sans', sans-serif; font-weight: 600; margin: 0 0 10px; padding: 0 0 10px; } .photo-restoration-content p{ text-align: left; font-size: 14px; line-height: 20px; padding: 0 60px; } .photo-restoration-content .wp-block-quote.is-style-large{ text-align: left; padding: 0 40px;} .photo-restoration-content ul{ margin: 0; padding: 0 0 0 60px; display: flex; flex-wrap: wrap; } .photo-restoration-content ul li{ width: 47%; margin: 0 1.5% 1%; } .photo-restoration-content ul li strong{ font-size: 14px; line-height: 20px; font-weight: normal; } .photo-restoration-content .wp-block-group{ } .photo-restoration-content .wp-block-group__inner-container{ } .photo-restoration-content .wp-block-group__inner-container .wp-block-columns{ justify-content: center; align-items: stretch; background: #f4f4f1; overflow: hidden; min-height: 300px;} .photo-restoration-content .wp-block-group__inner-container .wp-block-columns .wp-block-column{ text-align: center; margin: 0; } .photo-restoration-content .wp-block-group__inner-container .wp-block-columns .wp-block-column figure{ width: 100%; height: 100%; margin: 0; padding: 0; } .photo-restoration-content .wp-block-group__inner-container .wp-block-columns .wp-block-column figure img{ width: 100%; height: 100%; object-fit: cover; object-position: center;} .photo-restoration-content .wp-block-group__inner-container .wp-block-columns .wp-block-column h3{ padding: 0 40px; display: inline-block; width: 100%; font-size: 22px; line-height: normal; font-weight: 600; font-family: 'Open Sans', sans-serif; color: #ff0000;} .photo-restoration-content .wp-block-group__inner-container .wp-block-columns .wp-block-column h2{ padding: 30px 40px 0; display: inline-block; width: 100%; font-size: 22px; line-height: normal; font-weight: 600; font-family: 'Open Sans', sans-serif; color: #ff0000; } .photo-restoration-content .wp-block-group__inner-container .wp-block-columns .wp-block-column p{ font-size: 14px; line-height: 20px; font-family: 'Open Sans', sans-serif; padding: 0 40px; } .photo-restoration-content .wp-block-embed-youtube .wp-block-embed__wrapper, .photo-restoration-content .wp-block-embed .wp-block-embed__wrapper, .photo-restoration-content .is-type-video .wp-block-embed__wrapper, .photo-restoration-content .is-provider-youtube .wp-block-embed__wrapper{ padding-bottom: 69%; } .page-photo-restoration .photo-restoration-content .wp-block-group__inner-container .wp-block-columns{ height: 424px; align-items: center;} .page-photo-restoration .photo-restoration-content .wp-block-group__inner-container .wp-block-columns .wp-block-column{ display: flex; justify-content: center; align-items: center; flex-direction: column; } .page-photo-restoration .photo-restoration-content .wp-block-group__inner-container .wp-block-columns .wp-block-column h2{ padding: 0 40px;} .page-photo-restoration .photo-restoration-content h2{ text-align: center;} .page-photo-restoration .photo-restoration-content p{ text-align: center; } .page-photo-restoration .photo-restoration-content .wp-block-quote.is-style-large{ text-align: center;} @media (max-width: 1199px) { .photo-restoration-content .wp-block-group__inner-container .wp-block-columns{ height: 343px;} } @media (max-width: 991px) { .photo-restoration-content .wp-block-group__inner-container .wp-block-columns{ height: 252px;} } @media (max-width: 767px) { .photo-restoration-content .wp-block-group__inner-container .wp-block-columns{ height: auto; display: flex; flex-wrap: wrap; background: transparent; } .photo-restoration-content .wp-block-group__inner-container .wp-block-columns .wp-block-column{ flex-basis: 100% !important; } .photo-restoration-content .wp-block-group__inner-container .wp-block-columns:nth-child(2n) .wp-block-column{ order: 2; } .photo-restoration-content .wp-block-group__inner-container .wp-block-columns:nth-child(2n) .wp-block-column + .wp-block-column{ order: 1;} .photo-restoration-content h2, .photo-restoration-content p, .photo-restoration-content ul, .photo-restoration-content .wp-block-group__inner-container .wp-block-columns .wp-block-column p{ padding: 0 15px;} .photo-restoration-content ul li{ width: 100%;} } /* Faq --------------------------------------------------------------------------------------------------------------------------------- */ .album-content #wpsm_accordion_1120 .wpsm_panel-default > .wpsm_panel-heading {background-color: #d6c9c0 !important; border-color: unset !important; } .album-content #wpsm_accordion_1120 .ac_open_cl_icon {background-color: transparent !important; color: #ff0000 !important; padding: 6px 0 0 !important; } .album-content #wpsm_accordion_1120 .wpsm_panel-title{ padding:15px 15px; } .album-content #wpsm_accordion_1120 .wpsm_panel-title a{font-size: 18px; } .album-content #wpsm_accordion_1120 .ac_title_class{padding: 0px 26px; line-height: 1.5; font-weight: 600; font-size: 14px; text-align: left;} .album-content #wpsm_accordion_1120 .wpsm_panel-body{border-top-color: unset !important; padding: 15px 10px 0px 35px; border: unset !important; font-size: 14px !important; line-height: 20px !important; } .album-content #wpsm_accordion_1120 .wpsm_panel-body p{ margin-bottom: 15px;} .album-content #wpsm_accordion_1120 .wpsm_panel-body ul{ margin: 0 0 15px; padding: 0;} .album-content #wpsm_accordion_1120 .wpsm_panel-body ul.display-num{list-style-type: decimal;} .album-content #wpsm_accordion_1120 .wpsm_panel-body ul li{ font-size: 14px; line-height: 20px;} .album-content .wpsm_panel-default{margin-bottom: 20px; } .album-box-bag img{width: auto; max-width: 100%; } .album-box-bag .wp-block-media-text__media{margin:0 auto; } @media (max-width: 767px){ .album-content .wpsm_panel-default{ margin-bottom: 10px; } .album-content #wpsm_accordion_1120 .ac_title_class{ padding-right: 10px;} .album-content #wpsm_accordion_1120 .wpsm_panel-body{ padding: 15px 10px 0px 10px;} } /* Woocommerce --------------------------------------------------------------------------------------------------------------------------------- */ @media (min-width: 768px){ body.woocommerce .site-content, .woocommerce-checkout .site-content, .woocommerce-cart .site-content {max-width: 100%; } body.woocommerce .site.page_category .site-content{ max-width: 720px; } } @media (min-width: 992px){ body.woocommerce .site-content, .woocommerce-checkout .site-content, .woocommerce-cart .site-content{ max-width: 100%; } body.woocommerce .site.page_category .site-content{ max-width: 960px; } } @media (min-width: 1200px){ body.woocommerce .site-content, .woocommerce-checkout .site-content, .woocommerce-cart .site-content{ max-width: 1170px; padding: 128px 15px 0; } body.woocommerce .site.page_category .site-content{ max-width: 1170px; } } @media (min-width: 1400px){ body.woocommerce .site-content, .woocommerce-checkout .site-content, .woocommerce-cart .site-content {max-width: 1336px;} body.woocommerce .site.page_category .site-content{ max-width: 1170px; } } body.woocommerce .site-content, .woocommerce-checkout .site-content, .woocommerce-cart .site-content{padding-left: 15px; padding-right: 15px; width: 100%; margin: 0 auto; } body.woocommerce .site.page_category .site-content .content-area{ position: relative; } .woocommerce-error, .woocommerce-info, .woocommerce-message{ padding: 10px 0 10px 50px; font-size: 12px; line-height: 25px !important; color: #fff;} .woocommerce-error, .woocommerce-info, .woocommerce-message {padding: 1em 2em 1em 3.5em; margin: 0 0 2em; position: relative; background-color: #f7f6f7; color: #515151; border-top: 3px solid #a46497; list-style: none outside; width: auto; word-wrap: break-word; } .woocommerce-error a, .woocommerce-info a, .woocommerce-message a{ color: #fff; text-decoration: underline; margin-left: 5px; } .woocommerce-error a:hover, .woocommerce-info a:hover, .woocommerce-message a:hover{ color: #fff; text-decoration: none; } .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {left: 10px; top: 10px; } .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before{ color: #fff; font-size: 25px; } .woocommerce-info {border-top-color: #2196f3; background: #2196f3; color: #fff; } .woocommerce-error {border-top-color: #b81c23; background: #b81c23; color: #fff; } .woocommerce-message {border-top-color: #8fae1b; background: #8fae1b; color: #fff; } .woocommerce-error .button, .woocommerce-info .button, .woocommerce-message .button{background: #fff; color: #000; padding: 7px 14px 5px;} .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button{ background: #fff; color: #000; padding: 7px 14px 5px; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{ border-radius: 0; padding: 80px 30px 30px; border-width: 2px; border-style: solid; position: relative; margin: 0; border-color: rgba(52, 53, 56, 0.1); } #customer_login .u-column1, #customer_login .u-column2{ position: relative; } #customer_login .u-column2{ display: none; } #customer_login .u-column1.col-6{ flex: 0 0 400px; max-width: 400px; } #customer_login .u-column1.col-6 h2, #customer_login .u-column2.col-6 h2 {font-size: 20px; margin-bottom: 20px; font-family: 'Open Sans', sans-serif; font-weight: 600; position: absolute; right: 0; padding: 30px 0 0 0; margin: 0; text-align: left; left: 45px; width: calc( 100% - 90px); box-sizing: border-box; } #customer_login .u-column1.col-6 h2:after, #customer_login .u-column2.col-6 h2:after {content: ""; width: 50px; display: block; margin-top: 10px; border-bottom-width: 2px; border-bottom-style: solid; border-color: inherit; } #customer_login .woocommerce-Input { height: 40px; border-radius: 0; } .woocommerce form.login .form-row, .woocommerce form.register .form-row { margin: 0 0 15px; padding: 0; } .woocommerce form .password-input, .woocommerce-page form .password-input{ width: 100%; } .woocommerce .u-columns, .woocommerce-page .u-columns{ width: inherit; margin: 30px 0; justify-content: center; display: flex; } .woocommerce .u-columns.col2-set, .woocommerce-page .u-columns.col2-set{ width: inherit; margin: 30px 0px; justify-content: center; } .page-registration #customer_login .u-column2{ display: inline-block; flex: 0 0 570px; max-width: 570px; } /* Woocommerce Product Listing page --------------------------------------------------------------------------------------------------------------------------------- */ .page-shop .site-main{ position: relative; } .page-shop .entry-content{ margin: 0; } .page-shop .entry-header{ padding-bottom: 3px; border-bottom: 0px solid #dedddd; margin: 50px 0 20px; } .page-shop .entry-header h1.entry-title{ margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; font-size: 24px; line-height: 48px; letter-spacing: 0.025em; text-transform: uppercase; font-weight: normal;} .woocommerce ul.products, .woocommerce-page ul.products{ display: flex; flex-wrap: wrap; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {float: left; margin: 0 20px 20px 0; padding: 15px 15px 60px; position: relative; width: calc(25% - 15px); margin-left: 0; border: 1px solid #ececec; box-sizing: border-box; } .woocommerce ul.products li.last, .woocommerce-page ul.products li.last {margin-right: 0; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{ color: #000; font-weight: 600; } .woocommerce ul.products li.product .price {color: #ff0000; display: block; font-weight: 600; margin-bottom: .5em; font-size: 16px; } .woocommerce-page.columns-1 ul.products li.product, .woocommerce.columns-1 ul.products li.product{ border: 0; padding: 0; margin: 0 0 50px; width: 100%; } .woocommerce-page.columns-1 ul.products li.product .product_images, .woocommerce.columns-1 ul.products li.product .product_images{ width: 614px; float: left; margin: 0px 50px 0px 0; } .woocommerce-page.columns-1 ul.products li.product .product_images .woocommerce-product-gallery__wrapper, .woocommerce.columns-1 ul.products li.product .product_images .woocommerce-product-gallery__wrapper{ max-width: 550px; margin: 0 auto; } .woocommerce-page.columns-1 ul.products li.product .product_images .gallery-slider__images .next-arrow svg, .woocommerce.columns-1 ul.products li.product .product_images .gallery-slider__images .next-arrow svg, .woocommerce-page.columns-1 ul.products li.product .product_images .gallery-slider__images .prev-arrow svg, .woocommerce.columns-1 ul.products li.product .product_images .gallery-slider__images .prev-arrow svg{ display: none; } .woocommerce-page.columns-1 ul.products li.product .product_images .gallery-slider__images .prev-arrow, .woocommerce.columns-1 ul.products li.product .product_images .gallery-slider__images .prev-arrow{ opacity: 1; width: 0; height: 0; border-style: solid; border-width: 9px 8px 9px 0; border-color: transparent #b3b1b1 transparent transparent; left: -30px; top: 8px; bottom: 0px; margin: auto; position: absolute; z-index: 5; border-radius: 0; } .woocommerce-page.columns-1 ul.products li.product .product_images .gallery-slider__images .prev-arrow:hover, .woocommerce.columns-1 ul.products li.product .product_images .gallery-slider__images .prev-arrow:hover{ border-color: transparent #000000 transparent transparent; } .woocommerce-page.columns-1 ul.products li.product .product_images .gallery-slider__images .next-arrow, .woocommerce.columns-1 ul.products li.product .product_images .gallery-slider__images .next-arrow{ opacity: 1; width: 0; height: 0; border-style: solid; border-width: 9px 0 9px 8px; border-color: transparent transparent transparent #b3b1b1; right: -30px; top: 8px; bottom: 0px; margin: auto; position: absolute; z-index: 5; background: transparent; border-radius: 0; } .woocommerce-page.columns-1 ul.products li.product .product_images .gallery-slider__images .next-arrow:hover, .woocommerce.columns-1 ul.products li.product .product_images .gallery-slider__images .next-arrow:hover{ border-color: transparent transparent transparent #000000; } .woocommerce-page.columns-1 ul.products li.product .product_contents, .woocommerce.columns-1 ul.products li.product .product_contents{ float: left; width: calc(100% - 664px); padding-left: 15px; } .woocommerce-page.columns-1 ul.products li.product .product_contents .product_code, .woocommerce.columns-1 ul.products li.product .product_contents .product_code{ padding-left: 20px; font-size: 14px; color: #aca8a4;/* //text-align: right;*/ text-align: left; } .woocommerce-page.columns-1 ul.products li.product .product_contents .product_code .code, .woocommerce.columns-1 ul.products li.product .product_contents .product_code .code{ font-size: 14px; color: #aca8a4; } .woocommerce-page.columns-1 ul.products li.product .product_contents .short_desc, .woocommerce.columns-1 ul.products li.product .product_contents .short_desc{ font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 20px; font-weight: 400; padding-left: 20px; margin-bottom: 10px; } .woocommerce-page.columns-1 ul.products li.product .product_contents .price, .woocommerce.columns-1 ul.products li.product .product_contents .price{ padding-left: 20px; } .woocommerce-page.columns-1 ul.products li.product .product_contents a.button, .woocommerce.columns-1 ul.products li.product .product_contents a.button, .woocommerce-page.columns-1 ul.products li.product .product_contents input.button, .woocommerce.columns-1 ul.products li.product .product_contents input.button, .woocommerce-page.columns-1 ul.products li.product .product_contents button.button, .woocommerce.columns-1 ul.products li.product .product_contents button.button, .woocommerce-page.columns-1 ul.products li.product .product_contents input#submit, .woocommerce.columns-1 ul.products li.product .product_contents input#submit{ /*padding: 10px 20px; color: #b3b1b1; border: 1px solid #b3b1b1; background: transparent; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 14px; letter-spacing: 0.05em; border-radius: 0px; margin-left: 20px;*/ background: #000; min-width: 130px; color: #fff; border-radius: 20px; display: inline-block; margin-left: 20px; padding: 0; text-align: center; text-transform: uppercase; font-size: 14px; height: 37px; line-height: 36px; } .woocommerce-page.columns-1 ul.products li.product .product_contents a.button:hover, .woocommerce.columns-1 ul.products li.product .product_contents a.button:hover, .woocommerce-page.columns-1 ul.products li.product .product_contents input.button:hover, .woocommerce.columns-1 ul.products li.product .product_contents input.button:hover, .woocommerce-page.columns-1 ul.products li.product .product_contents button.button:hover, .woocommerce.columns-1 ul.products li.product .product_contents button.button:hover, .woocommerce-page.columns-1 ul.products li.product .product_contents input#submit:hover, .woocommerce.columns-1 ul.products li.product .product_contents input#submit:hover{ background: transparent; border: 1px solid #30261b; color: #ff0000; } .woocommerce-page.columns-1 ul.products li.product .product_contents a.button:focus, .woocommerce.columns-1 ul.products li.product .product_contents a.button:focus, .woocommerce-page.columns-1 ul.products li.product .product_contents input.button:focus, .woocommerce.columns-1 ul.products li.product .product_contents input.button:focus, .woocommerce-page.columns-1 ul.products li.product .product_contents button.button:focus, .woocommerce.columns-1 ul.products li.product .product_contents button.button:focus, .woocommerce-page.columns-1 ul.products li.product .product_contents input#submit:focus, .woocommerce.columns-1 ul.products li.product .product_contents input#submit:focus{ background: transparent; border: 1px solid #30261b; color: #ff0000; } .page-shop .woocommerce ul.products li.product .product_contents .button.product_type_simple.add_to_cart_button, .page-shop .woocommerce ul.products li.product .product_contents .button.product_type_simple {position: relative; } .page-shop .woocommerce ul.products li.product a img{height: 315px; transform-style: preserve-3d; } .page-shop .woocommerce ul.products li.product .woocommerce-loop-product__title{padding-top: 0; border-bottom: 1px solid #000; padding-bottom: 6px; padding-left: 20px; } .page_category .woocommerce ul.products li.product .product_contents .button.product_type_simple.add_to_cart_button, .page_category .woocommerce ul.products li.product .product_contents .button.product_type_simple {position: relative; } .page_category .woocommerce ul.products li.product a img{height: 315px; transform-style: preserve-3d; } .page_category .woocommerce ul.products li.product .woocommerce-loop-product__title{padding-top: 0; border-bottom: 1px solid #000; padding-bottom: 6px; padding-left: 20px; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{ float: none; position: absolute; right: 0; top: 4px; margin: 0; width: 176px; } .woocommerce .woocommerce-ordering select{ padding: 5px 10px 5px; font-size: 14px; border: 1px solid #b3b1b1; border-radius: 0; background: transparent; -webkit-appearance: none; background: url(assets/images/down-arrow.svg) no-repeat 93% 8px; background-size: 15px; } .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count{ float: none; position: absolute; right: 190px; top: 6px; font-size: 14px; margin: 0;} .variations_form.cart .woocommerce-variation.single_variation .woocommerce-variation-price {display: ; display: none; } @media (max-width: 1199px){ .woocommerce-page.columns-1 ul.products li.product .product_images, .woocommerce.columns-1 ul.products li.product .product_images{ width: 514px; margin: 0px 30px 0px 0; } .woocommerce-page.columns-1 ul.products li.product .product_images .woocommerce-product-gallery__wrapper, .woocommerce.columns-1 ul.products li.product .product_images .woocommerce-product-gallery__wrapper{ max-width: 450px;} .woocommerce-page.columns-1 ul.products li.product .product_contents, .woocommerce.columns-1 ul.products li.product .product_contents{ width: calc(100% - 544px); } } @media (max-width: 991px){ .woocommerce-page.columns-1 ul.products li.product .product_images, .woocommerce.columns-1 ul.products li.product .product_images{ width: 100%; margin: 0; } .woocommerce-page.columns-1 ul.products li.product .product_images .woocommerce-product-gallery__wrapper, .woocommerce.columns-1 ul.products li.product .product_images .woocommerce-product-gallery__wrapper{ max-width: 90%;} .woocommerce-page.columns-1 ul.products li.product .product_images img, .woocommerce.columns-1 ul.products li.product .product_images img{ height: auto; } .woocommerce-page.columns-1 ul.products li.product .product_contents, .woocommerce.columns-1 ul.products li.product .product_contents{ width: calc(100% - 10%); margin: 0 5%; padding: 15px 0; } .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count{ right: 0; top: 55px; } } @media (max-width: 767px){ .page-shop .woocommerce ul.products[class*=columns-] li.product{width: 100%; padding: 0; } .page-shop .woocommerce ul.products li.product a img {height: auto; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering{ position: relative; top: 7px; } .woocommerce-page.columns-1 ul.products li.product .product_images .gallery-slider__images .prev-arrow, .woocommerce.columns-1 ul.products li.product .product_images .gallery-slider__images .prev-arrow{ left: -15px;} .woocommerce-page.columns-1 ul.products li.product .product_images .gallery-slider__images .next-arrow, .woocommerce.columns-1 ul.products li.product .product_images .gallery-slider__images .next-arrow{ right: -15px;} } /*Store-Manager*/ .page-store-manager div#wwcfm_orders_listing_expander div#wcfm-orders_filter {display: none; } /* Woocommerce Product page --------------------------------------------------------------------------------------------------------------------------------- */ @media (min-width: 768px){ body.woocommerce.single-product .site-content{ width: 100%; max-width: 100%; padding: 0; } body.woocommerce.single-product .site-content .breadcrumb-wrapper .container.breadcrumb {max-width: 720px;} body.woocommerce.single-product .site-content .container{max-width: 100%; } } @media (min-width: 992px){ body.woocommerce.single-product .site-content{ width: 100%; max-width: 100%; padding: 0; } body.woocommerce.single-product .site-content .breadcrumb-wrapper .container.breadcrumb {max-width: 960px;} body.woocommerce.single-product .site-content .container{max-width: 100%; } } @media (min-width: 1200px){ body.woocommerce.single-product .site-content{ width: 100%; max-width: 100%; padding: 0; } body.woocommerce.single-product .site-content .breadcrumb-wrapper .container.breadcrumb {max-width: 1170px;} body.woocommerce.single-product .site-content .container{max-width: 100%; } } @media (min-width: 1400px){ body.woocommerce.single-product .site-content{ width: 100%; max-width: 100%; padding: 0; } body.woocommerce.single-product .site-content .breadcrumb-wrapper .container.breadcrumb {max-width: 1170px;} body.woocommerce.single-product .site-content .container{max-width: 100%; } } @media (min-width: 1600px){ body.woocommerce.single-product .site-content{ width: 100%; max-width: 100%; padding: 0; } body.woocommerce.single-product .site-content .breadcrumb-wrapper .container.breadcrumb {max-width: 1170px;} body.woocommerce.single-product .site-content .container{max-width: 1580px; } } .woocommerce.single-product .entry-header{ text-align: center; max-width: 750px; margin: 0 auto; } .woocommerce.single-product .entry-header .entry-title { display: inline-block; font-family: 'Open Sans', sans-serif; font-size: 28px; font-weight: 300;} .woocommerce.single-product{ } .woocommerce.single-product .entry-content{ margin: 3em 0 0; } .woocommerce.single-product .post-thumbnail-wrap{ display: none; } .woocommerce.single-product .navigation.post-navigation{ display: none; } .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{ width: 530px; position: sticky; top: 0; } .woocommerce #content div.product div.images .gallery-slider__images .woocommerce-product-gallery__image{ height: 468px; } .woocommerce #content div.product div.images .gallery-slider__images .woocommerce-product-gallery__image img{ max-width: 100%; height: auto; } .woocommerce #content div.product div.images .gallery-slider__thumbnails{ margin: 0 -10px; } .woocommerce #content div.product div.images .gallery-slider__thumbnails:before, .woocommerce #content div.product div.images .gallery-slider__thumbnails:after{ background: none; } .woocommerce #content div.product div.images .gallery-slider__thumbnails .woocommerce-product-gallery__image{ height: 70px; } .woocommerce #content div.product div.images .gallery-slider__thumbnails .woocommerce-product-gallery__image img{ max-width: 100%; height: auto; } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{ width: calc(100% - 550px); box-sizing: border-box; padding-left: 30px; margin: 0; } .woocommerce-page #content div.product div.summary .sku_wrapper{ position: absolute; left: 0; top: -45px; font-size: 14px; color: #aca8a4; right: 0; text-align: center; width: 100%; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{ background-color: #ff0000; color: #fff; -webkit-font-smoothing: antialiased; border: 0; border-radius: 0; padding: 15px 50px; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {background-color: #000; color: #fff; } .woocommerce .quantity .qty{ color: #b1b1b1; border: 1px solid #d8d8d8; border-radius: 0px; padding: 11px 5px; } .woocommerce .quantity .qty::-webkit-inner-spin-button, .woocommerce .quantity .qty::-webkit-outer-spin-button { opacity: 1; } .woocommerce div.product p.price, .woocommerce div.product span.price {color: #ff0000; font-size: 22px; font-weight: 600; margin-bottom: 15px; } .woocommerce div.product p.stock{ margin-bottom: 15px; } .woocommerce div.product form.cart div.quantity{ margin: 0 13px 0 0; } .woocommerce form .form-row{ margin: 0 -5px; padding: 0; } .woocommerce div.product form.cart {margin: 0; padding: 0 0 20px; border-bottom: 1px solid #dadada; border-top: 0px solid #dadada; } .woocommerce .ppom-wrapper {display: flex; justify-content: center; align-items: flex-start; } .woocommerce .ppom-wrapper .ppom-rendering-fields{ width: 62%; } .woocommerce .ppom-wrapper #ppom-price-container{ width: 36%; background: #fff; margin-left: 45px; box-shadow: 0px 0px 20px rgba(0,0,0,0.1); border-radius: 20px; padding: 0 15px 0; } .woocommerce .ppom-wrapper .form-group {margin-bottom: 10px; } .woocommerce .ppom-wrapper label{ margin-bottom: .2rem; } .woocommerce .ppom-wrapper .form-control{ padding: 5px 10px;font-size: 14px; border: 1px solid #b3b1b1; border-radius: 0; background: transparent; -webkit-appearance: none;} .woocommerce .ppom-wrapper select.form-control{padding-right: 37px; background: url(assets/images/down-arrow.svg) no-repeat 93% 8px; background-size: 15px; } .woocommerce .ppom-wrapper .table th, .woocommerce .ppom-wrapper .table td{ font-size: 14px; font-weight: normal; font-family: 'Open Sans', sans-serif; } .woocommerce .ppom-wrapper .table th.ppom-label-item{ position: relative; padding-left: 25px; } .woocommerce .ppom-wrapper .table th.ppom-label-item span.ppom-delete-option-table{ position: absolute; left: 2px; top: 16px; } .woocommerce .ppom-wrapper .table th.ppom-price-item{ text-align: right; } .woocommerce .ppom-wrapper .table tr.ppom-option-total-price th, .woocommerce .ppom-wrapper .table tr.ppom-option-total-price td{ font-weight: 600; } .woocommerce .ppom-wrapper .table tr.ppom-total-without-fixed th, .woocommerce .ppom-wrapper .table tr.ppom-total-without-fixed td{ font-weight: 600; } /*Variations Product detail page*/ .woocommerce div.product form.cart .variations{ width: 62%; } .woocommerce div.product form.cart .variations + .single_variation_wrap #ppom-price-container{ margin-top: -60px; } /* Related Products */ .related.products{ } .related.products h2{ font-family: 'Open Sans', sans-serif; font-size: 24px; line-height: normal; letter-spacing: 0.025em; padding: 0 0 10px; text-transform: capitalize; font-weight: 600; border-bottom: 0px solid #dedede; margin: 0 0 20px; text-align: center; position: relative; } .related.products h2:after{ content: ''; position: absolute; width: 30%; height: 2px; margin: 0 auto; left: 0; right: 0; bottom: 0; background: rgb(255,255,255); background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(206,206,206,1) 50%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(206,206,206,1) 50%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(206,206,206,1) 50%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );} .woocommerce .related.products ul.products{ justify-content: center; } .woocommerce .related.products ul.products li.product { padding: 0px 0px 60px; } .woocommerce .related.products ul.products li.product .woocommerce-LoopProduct-link { } .woocommerce .related.products ul.products li.product .woocommerce-LoopProduct-link .product_images{ display: flex; width: 100%; height: 230px; justify-content: center; align-items: center; margin-bottom: 15px; border-bottom: 1px solid #ececec; } .woocommerce .related.products ul.products li.product .woocommerce-LoopProduct-link .product_images img{ max-height: 230px; width: auto; height: inherit; margin: 0; } .woocommerce .related.products ul.products li.product .woocommerce-loop-product__title{ padding: 0 15px 15px; font-size: 13px; line-height: 1.4;} .woocommerce .related.products ul.products li.product .woocommerce-loop-product__title:after{ display: none; } .woocommerce .related.products ul.products li.product .product_contents{ text-align: center; } .woocommerce .related.products ul.products li.product .button{ position: absolute; bottom: 20px; display: inline-block; left: 0; right: 0; margin: 0 auto; max-width: 85%; } /*Woocommerce Disabled Buttons */ .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover{ background-color: #ff0000; } /* Product Page Changes 12-2-2020 */ #tab-wcfm_product_multivendor_tab, .product_meta .posted_in{display: none !important; } @media (max-width: 1399px){ .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{ width: 375px; } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{ width: calc(100% - 445px); } } @media (max-width: 991px){ .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{ width: 100%; position: relative; } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{ width: 100%; padding: 0; } body.woocommerce.single-product .site-content{ padding-left: 0; padding-right: 0; } .woocommerce .related.products ul.products{ justify-content: flex-start; } .woocommerce .related.products ul.products li.product{ justify-content: flex-start; margin: 0 20px 20px 0; width: calc(50% - 10px); } .woocommerce ul.products[class*=columns-] li.product:nth-child(2n), .woocommerce-page ul.products[class*=columns-] li.product:nth-child(2n){ margin-right: 0; } } @media (max-width: 767px){ .woocommerce .ppom-wrapper{ flex-wrap: wrap; } .woocommerce .ppom-wrapper .ppom-rendering-fields{ width: 100%; } .woocommerce .ppom-wrapper #ppom-price-container{ width: 100%; } .woocommerce div.product form.cart .variations{ width: 100%; margin: 0; } .variations .product_variation_custom{ margin: 0; width: 100%; } .woocommerce div.product form.cart .variations + .single_variation_wrap #ppom-price-container{ margin: 0; padding: 0; } .woocommerce .related.products ul.products li.product{ width: 100%; margin: 0 0 20px; } } /* Woocommer Cart Page --------------------------------------------------------------------------------------------------------------------------------- */ .woocommerce table.shop_table{ border-collapse: collapse; } .woocommerce table.shop_table th{ font-size: 15px; font-family: 'Open Sans', sans-serif; background: #f5f5f5; padding: 12px; } .woocommerce table.shop_table td{ font-size: 14px; } .woocommerce table.shop_table td.product-quantity{ width: 80px; } .woocommerce table.shop_table td.product-quantity .qty{ width: 80px; font-size: 15px; font-family: 'Open Sans', sans-serif; border: 1px solid #dadada; color: #000; } .woocommerce-cart .entry-content{ margin: 0px; } .woocommerce table.shop_table td.product-remove{ width: 50px; } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img{ width: 75px; border-radius: 10px; } .woocommerce table.shop_table td.product-thumbnail{ width: 100px; } .woocommerce table.shop_table td.product-name{} .woocommerce table.shop_table td.product-name a{font-weight: 500;font-size: 18px; margin: 0 0 5px; display: inline-block; color: #000; text-transform: capitalize;} .woocommerce table.shop_table th.product-price{ text-align: center; } .woocommerce table.shop_table td.product-price{ text-align: center; } .woocommerce table.shop_table td.product-price .woocommerce-Price-amount.amount{ color: #000; } .woocommerce table.shop_table th.product-quantity{text-align: center;} .woocommerce table.shop_table td.product-quantity{text-align: center;} .woocommerce table.shop_table th.product-subtotal{ text-align: center; } .woocommerce table.shop_table td.product-subtotal{ width: 150px; text-align: center; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{ width: 35%; } .woocommerce td.product-name .wc-item-meta dd, .woocommerce td.product-name dl.variation dd { color: #b1b1b1; } .woocommerce td.product-name .wc-item-meta dd, .woocommerce td.product-name dl.variation dd p{ font-size: 14px; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{ color: #fff; background-color: #ff0000; padding: 12px 20px; font-weight: normal; text-transform: uppercase; border-radius: 0px; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {background-color: #000; text-decoration: none; background-image: none; color: #fff; } .woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{ width: 150px; } .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {cursor: not-allowed; padding: 15px 50px; color: #ffecec; background: #ff0000; } .woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover {color: #fff; background: #f5a999; } /*Cart Page : 18-2-2020*/ .woocommerce td.product-name .wc-item-meta, .woocommerce td.product-name dl.variation{display: block; } /*Woocommerce Checkout page --------------------------------------------------------------------------------------------------------------------------------- */ .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals h2, .entry-title{ font-family: 'Open Sans', sans-serif; font-size: 24px; line-height: normal; letter-spacing: 0.025em; padding: 0 0 10px; text-transform: capitalize; font-weight: normal; border-bottom: 1px solid #dedede; margin-bottom: 0;} #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{ font-size: 18px; } .woocommerce #customer_details .col-1, .woocommerce #customer_details .col-2 {width: 100%; ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .woocommerce #customer_details .col-2{ margin-top: 30px; } .woocommerce form .form-row label{ width: 100%; font-size: 14px; margin: 0; font-family: 'Open Sans', sans-serif; font-weight: normal; color: #989696;} .woocommerce form .form-row .woocommerce-input-wrapper{ width: 100%; } .woocommerce-checkout form.login, .woocommerce-checkout form.checkout_coupon {margin-bottom: 40px; overflow: hidden; } .checkout_coupon .button {padding: 15px 30px; border: none; line-height: 20px; } .woocommerce form.checkout.woocommerce-checkout {position: relative; } .woocommerce form.checkout.woocommerce-checkout .woocommerce-error {margin-bottom: 30px; } .woocommerce form.checkout.woocommerce-checkout h3 { font-size: 20px; margin-bottom: 20px; font-family: 'Open Sans', sans-serif; font-weight: 600; } .woocommerce form.checkout.woocommerce-checkout h3:after {content: ""; width: 50px; display: block; margin-top: 10px; border-bottom-width: 2px; border-bottom-style: solid; border-color: inherit; } .woocommerce #customer_details {width: calc(100% - 44%); float: left; margin-bottom: 30px; } .woocommerce #customer_details .col-1, .woocommerce #customer_details .col-2 {width: 100%; padding-left: 0; } .woocommerce #order_review_heading, .woocommerce #order_review {float: right; width: 41.66667%; } .woocommerce #order_review {padding: 100px 30px 30px; border-width: 2px; border-style: solid; position: relative; margin-bottom: 50px; border-color: rgba(52, 53, 56, 0.1); } .woocommerce #order_review_heading {position: absolute; right: 0; padding: 40px 0 0 30px; margin: 0; } .woocommerce #ship-to-different-address {margin: 10px 0; font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; } .woocommerce #ship-to-different-address:after {display: none; } .woocommerce #ship-to-different-address .input-checkbox {float: left; margin: 4px 10px 0 0; } .woocommerce #order_comments {min-height: 120px; line-height: inherit; background-color: #f7f7f7; border-color: #f7f7f7; padding: 20px; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table {border: none; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table th {padding: 8px 0; background: transparent; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table td {padding: 8px 0; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table .product-total {text-align: right; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table .variation, .woocommerce table.shop_table.woocommerce-checkout-review-order-table .product-quantity {font-weight: normal; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table .variation {font-size: 12px; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table .cart_item {line-height: 20px; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table .cart_item th, .woocommerce table.shop_table.woocommerce-checkout-review-order-table .cart_item td {vertical-align: top; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table .cart_item:first-child td {padding-top: 27px; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table .cart_item:last-child td {padding-bottom: 27px; border-bottom-width: 1px; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot td, .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot th {padding: 15px 0; border-bottom-width: 1px; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table tfoot td {text-align: right; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table .shipping td {text-align: left; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table .shipping th {vertical-align: top; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table .shipping label {text-transform: uppercase; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table .shipping label .amount {font-size: inherit; } .woocommerce table.shop_table.woocommerce-checkout-review-order-table .order-total .amount {font-size: 14px; font-weight: normal; } .wc_payment_methods {margin: 0 0 30px; padding: 0; list-style: none; } .wc_payment_methods .wc_payment_method {margin-bottom: 10px; } .wc_payment_methods .wc_payment_method label {text-transform: uppercase; margin-left: 5px; } .wc_payment_methods .payment_box {padding: 10px 0; line-height: 24px; font-size: 12px; } .wc_payment_methods .payment_box p:last-child {margin-bottom: 0; } .wc_payment_methods .payment_method_paypal img {display: inline-block; max-width: 140px; } .wc_payment_methods .about_paypal {display: inline-block; text-transform: none; font-weight: normal; font-size: 12px; text-decoration: underline; } .woocommerce-order-received #section_page_header {display: none; } .woocommerce-order h1 {text-align: center; margin-bottom: 10px; } .woocommerce-order h3, .woocommerce-order h2 {font-size: 24px; margin: 0; padding: 0 0 20px; } .woocommerce-order .woocommerce-table {margin-bottom: 40px; } .woocommerce-order ul {padding: 0; margin-bottom: 30px; } .woocommerce-MyAccount-content h3, .woocommerce-MyAccount-content h2 {font-size: 24px; margin: 0; padding: 0 0 20px; } .woocommerce-MyAccount-content .woocommerce-table {margin-bottom: 40px; } .woocommerce-terms-and-conditions-wrapper {margin: 15px 0; } .woocommerce-checkout #payment { background: transparent; } .woocommerce-checkout #payment ul.payment_methods { padding: 0; } .woocommerce-checkout #payment ul.payment_methods li{ background: none; border: 0; } .woocommerce-checkout #payment div.form-row{ margin: 0; padding: 0; } .woocommerce-terms-and-conditions-wrapper p{ font-size:14px; line-height: 20px; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order{ width: 100%; font-size: 18px; } .select2-container--default .select2-selection--single{ border: 1px solid #bbd1e3; border-radius: 0; } .select2-container .select2-selection--single{ height: 37px; } .woocommerce #order_comments{ background-color: #ffffff; border-color: #bbd1e3; } @media (max-width: 767px){ .entry-content{ margin: 0; } .woocommerce #customer_details{ width: 100%; margin: 0; } .woocommerce #customer_details .col-1, .woocommerce #customer_details .col-2{ padding: 0; } .woocommerce #order_review{ width: 100%; padding: 20px; } .woocommerce #order_review_heading{ position: static; right: 0; padding: 20px 0 0 0px; margin: 0 0 20px; width: 100%; } } .woocommerce span.onsale {min-height: 40px; min-width: 40px; padding: .202em; font-weight: 700; position: absolute; text-align: center; line-height: 3.236; top: 10px; left: 10px; margin: 0; border-radius: 100%; background-color: #77a464; color: #fff; font-size: 10px; z-index: 9; display: flex; justify-content: center; align-items: center; text-transform: uppercase; font-weight: 700; font-family: 'Open Sans', sans-serif; display: none;} .entry-content figure.wp-block-image img{width: 100%;} .col-contact{display: inline-block;} .col-contact .wp-block-column:first-child{width:25%;float: left;} .col-contact .wp-block-column:last-child{width:70%; float: left;} .header_section{padding: 40px 0px; text-align: center;} .header_section h1{text-align: center;font-size: 38px;line-height: 120%;} .header_section h2{text-align: center;font-size: 30px;line-height: 80%;} .header_section .rount-image{border-radius: 50%;margin: 20px 0px;} .flex_box .col {margin-bottom: 30px;} .flex_box .col h3{margin-left: 80px;} .flex_box .col p{margin-left: 80px;} .flex_box .col img{position: absolute;} .woocommerce-product-gallery{height: 100%;} /*Woocommerce My Account pages --------------------------------------------------------------------------------------------------------------------------------- */ fieldset {border: 1px solid #c0c0c0; margin: 0; padding: 15px; } fieldset legend { border: 0; padding: 0 10px; display: inline-block; width: auto;} .woocommerce-MyAccount-content form .button {height: 40px; border-radius: 5px; margin: 15px 0 0; } form.track_order .button, .place-order .button, .wc-proceed-to-checkout .button, .widget_shopping_cart_content .button, .woocommerce-MyAccount-content form .button, .lost_reset_password .button, form.register .button, .checkout_coupon .button, .woocomerce-form .button {background-color: #262626; border-color: #262626; color: #fff; min-width: 150px; } .woocommerce-account .woocommerce-MyAccount-content {float: right; width: 80%; width: calc( 100% - 280px); width: -webkit-calc( 100% - 280px); } .woocommerce-account, .my-account, .woocommerce-account.my-account{ } .woocommerce-account .woocommerce-MyAccount-navigation ul{ margin: 0; padding: 0; } .woocommerce-account .woocommerce-MyAccount-navigation li a{font-family: 'Open Sans', sans-serif;font-size: 14px;padding: 10px 20px; color: #fff;} .woocommerce-account .woocommerce-MyAccount-navigation {float: left;width: 240px;background: #f5f5f5;} .woocommerce-account .woocommerce-MyAccount-navigation ul {list-style: none;padding: 0;margin: 0;} .woocommerce-account .woocommerce-MyAccount-navigation li {display: block; margin: 0; border-bottom: 1px solid #d4d4d4;} .woocommerce-account .woocommerce-MyAccount-navigation li a { display: block; padding: 10px 30px; color: #000; } .woocommerce-account .woocommerce-MyAccount-navigation li:hover a, .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {color: #fff; background: #000; text-decoration: none; border-bottom: 1px solid #000;} .woocommerce-account .woocommerce-MyAccount-content {float: right; width: 80%; width: calc( 100% - 280px); width: -webkit-calc( 100% - 280px); } .woocommerce-account .woocommerce-MyAccount-content{ font-family: 'Open Sans', sans-serif; font-size: 16px; } .woocommerce-account .woocommerce-MyAccount-content .account-orders-table{ border: 1px solid #e4e4e4; } .woocommerce-account .woocommerce-MyAccount-content .account-orders-table thead{ background: #f4f4f4; } .woocommerce-account .woocommerce-MyAccount-content .account-orders-table thead tr th{ font-weight: 600; font-size: 15px; } .woocommerce-account .woocommerce-MyAccount-content .account-orders-table tbody tr td{ font-size: 14px; padding: 12px; } .woocommerce-account .woocommerce-MyAccount-content table tbody tr td a.button { margin: 0 5px; border: 1px solid #b93e25; padding: 3px 9px; border-radius: 5px; background: #b93e25;} .woocommerce-account .woocommerce-MyAccount-content table tbody tr td a.button.invoice{ font-size: 0; border: 0px; background: none; padding: 0; } .woocommerce-account .woocommerce-MyAccount-content table tbody tr td a.button.invoice::after{ content: 'Invoice'; display: inline-block; font-size: 14px; border: 1px solid #dadada; padding: 3px 8px; border-radius: 5px; background: #f1f1f1; } .woocommerce-account .woocommerce-MyAccount-content h2{ font-family: 'Open Sans', sans-serif; font-weight: 600; margin: 20px 0 0; display: inline-block; width: 100%; text-align: left; } .woocommerce-account .woocommerce-MyAccount-content p a{ color: rgba(186, 63, 36,1); } .woocommerce-account .woocommerce-MyAccount-content p strong{ font-weight: 600; } .woocommerce-customer-details{ margin: 30px 0; } .woocommerce-customer-details .woocommerce-columns--addresses.col2-set::before, .woocommerce-customer-details .woocommerce-columns--addresses.col2-set::after{ display: none; } .woocommerce-customer-details .woocommerce-columns--addresses.col2-set{ display: flex; width: 100%; justify-content: space-between; margin: 0; } .woocommerce-customer-details .woocommerce-columns--addresses.col2-set .woocommerce-column{ width: 48.5%; border: 1px solid #e6e6e6; -ms-flex: 0 0 48.5%; flex: 0 0 48.5%; max-width: 48.5%;} .woocommerce-customer-details .woocommerce-columns--addresses.col2-set .woocommerce-column h2{ background: #f4f4f4; margin: 0 -15px; width: calc(100% + 30px); padding: 10px 15px; font-weight: 500; font-size: 20px; } .woocommerce-customer-details .woocommerce-columns--addresses.col2-set .woocommerce-column address{ margin: 20px 0; font-size: 14px; border: 0px; line-height: 22px; } .woocommerce-MyAccount-content h3, .woocommerce-MyAccount-content h2 {font-size: 24px; margin: 0; padding: 0 0 20px; font-weight: 500; font-family: 'Open Sans', sans-serif; } #pa_farve {pointer-events: none; padding-left: 5px;} #pa_farve {-webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; } .u-columns.woocommerce-Addresses.col2-set::before, .u-columns.woocommerce-Addresses.col2-set::after{ display: none; } .u-columns.woocommerce-Addresses.col2-set{ display: flex; width: 100%; justify-content: space-between; margin: 0; flex-wrap: wrap ; } .u-columns.woocommerce-Addresses.col2-set .u-column1.col-1.woocommerce-Address, .u-columns.woocommerce-Addresses.col2-set .u-column2.col-2.woocommerce-Address{ width: 48.5%; border: 1px solid #f4f4f4; margin-bottom: 20px; -ms-flex: 0 0 48.5%; flex: 0 0 48.5%; max-width: 48.5%; } .u-columns.woocommerce-Addresses.col2-set .u-column1.col-1.woocommerce-Address .woocommerce-Address-title.title, .u-columns.woocommerce-Addresses.col2-set .u-column2.col-2.woocommerce-Address .woocommerce-Address-title.title{ position: relative; } .u-columns.woocommerce-Addresses.col2-set .u-column1.col-1.woocommerce-Address .woocommerce-Address-title.title h3, .u-columns.woocommerce-Addresses.col2-set .u-column2.col-2.woocommerce-Address .woocommerce-Address-title.title h3{ font-family: 'Open Sans', sans-serif; font-weight: 500; background: #f4f4f4; margin: 0 -15px; width: calc(100% + 30px); padding: 10px 15px; font-weight: 500; font-size: 20px; text-align: left; } .u-columns.woocommerce-Addresses.col2-set .u-column1.col-1.woocommerce-Address .woocommerce-Address-title.title a.edit, .u-columns.woocommerce-Addresses.col2-set .u-column2.col-2.woocommerce-Address .woocommerce-Address-title.title a.edit{ background: rgba(0, 0, 0, 1); color: #fff; border-radius: 5px; position: absolute; right: 0; top: 7px; padding: 3px 10px; font-size: 13px; } .u-columns.woocommerce-Addresses.col2-set .u-column1.col-1.woocommerce-Address address, .u-columns.woocommerce-Addresses.col2-set .u-column2.col-2.woocommerce-Address address{ margin: 20px 0; font-size: 14px; } .form-row label{ font-weight: 500; font-family: 'Open Sans', sans-serif; } .form-row .input-text{padding: 0 15px; border: 1px solid #dadada; font-family: 'Open Sans', sans-serif; border-radius: 0px; font-size: 13px; line-height: 40px; height: 40px; } .form-row span em {font-size: 12px; color: #8e8e8e; } @media (max-width: 991px){ .woocommerce-account .woocommerce-MyAccount-navigation{ width: 190px; } .woocommerce-account .woocommerce-MyAccount-content{ width: calc( 100% - 210px); width: -webkit-calc( 100% - 210px); } } @media (max-width: 767px){ .woocommerce-account .woocommerce-MyAccount-navigation{ width: 100%; margin-bottom: 20px; } .woocommerce-account .woocommerce-MyAccount-content{ width: 100%; } } .woocommerce ul.products, .woocommerce-page ul.products {clear: both; padding-bottom: 20px !important; padding-top: 20px; } .woocommerce div.product div.images .woocommerce-product-gallery__image--placeholder{border: none;} .woocommerce-MyAccount-content .woocommerce-message .woocommerce-Button{margin-right: 20px;} #shipping_method li input[type="radio"]:checked + label{background: green; padding: 5px; color: #FFF;} /* Order Recevied Page */ .woocommerce ul.order_details{ margin: 0 0 10px; list-style: none; background: #efefef; padding: 30px; border: 1px solid #e6e6e6;} .woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received{ margin: 0 0 10px; color: #008411; font-size: 16px; font-weight: 600;} .woocommerce td.product-name .wc-item-meta, .woocommerce td.product-name dl.variation{ display: flex; width: 100%; margin: 0 0 10px; padding: 0; flex-wrap: wrap; } .woocommerce td.product-name .wc-item-meta li, .woocommerce td.product-name dl.variation li{ width: 45%; padding: 2px 0; margin: 0; } .wcfmmp_sold_by_container, .wcfmmp_sold_by_container_advanced, .wcfm_ele_wrapper{display: none !important; } .wcfmmp_become_vendor_link {display: none; } /* Product Page Changes 11-2-2020 */ #tab-title-wcfm_enquiry_tab, #tab-title-wcfm_policies_tab, #tab-title-wcfm_product_multivendor_tab {display: none !important; } /* Product-Box Changes */ .woocommerce.columns-2 ul.products li.product{border-radius: 8px; } .product_code{font-size: 16px; color: #000;margin-top: 5px;margin-bottom: 8px; } .short_desc{font-size: 14px; } .woocommerce ul.products li.product .button{ /*padding: 10px 20px; color: #b3b1b1; border: 1px solid #b3b1b1; background: transparent; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 14px; letter-spacing: 0.05em; border-radius: 0px; margin-left: 20px;*/ background: #000; min-width: 130px; color: #fff; border-radius: 20px; display: inline-block; margin-left: 20px; padding: 0; text-align: center; text-transform: uppercase; font-size: 14px; height: 37px; line-height: 36px; } .code{color: #c43f25;; font-size: 20px; } .woocommerce-Price-amount.amount{color: #ff0000; } .woocommerce ul.products li.product .woocommerce-loop-product__title{text-transform: capitalize; padding-bottom: 15px; line-height: 1.4; font-family: 'Verdana'; font-weight: 600; font-size: 14px; letter-spacing: 0.05em; } .woocommerce ul.products li.product .woocommerce-loop-product__title:hover{color:#ff0000; } .home-slider-wrap ~ div#content {padding-top: 0 !important; } /* Order-list Design Changes */ #wcfm-main-content #wcfm-orders .search_fields .search_order_{margin: 0 5px 10px 5px; height: 38px;font-size: 14px;padding-left: 10px; } #wcfm-main-content #wcfm-orders .search_fields .search_product_{ margin: 0px 5px 10px; height: 38px;font-size: 14px;padding-left: 10px; } #wcfm-main-content #wcfm-main-contentainer .dataTables_wrapper .dt-buttons .dt-button {background: #252525 none repeat scroll 0 0; } #wcfm-main-content #wcfm-main-contentainer .dataTables_wrapper .dt-buttons .dt-button:hover {background: #ff0000 none repeat scroll 0 0; } #wcfm-main-content #wcfm-orders th.sorting_disabled,#wcfm-main-content #wcfm-orders tfoot th,#wcfm-main-content #wcfm-orders .show_order_items {color: #252525; } #wcfm-main-content #wcfm-orders th.sorting_disabled:last-child{padding-bottom: 10px; vertical-align: bottom; } #wcfm-main-content #wcfm-orders .search_fields #order-status {color: #666; } #wcfm-main-content #wcfm-orders td a.wcfm_order_title{color: #ff0000; } #wcfm-main-content #wcfm-orders .show_order_items:hover {color: #ff0000; } #wcfm-main-content #wcfm-orders .wcfm_order_mark_complete.wcfm-action-icon:hover, #wcfm-main-content #wcfm-orders .wcfm-action-icon:hover, #wcfm-main-content a.paginate_button.current {background-color: #ff0000; } #wcfm-main-content th .wcicon-status-processing{color: #ff0000 !important; } .woocommerce td.product-name .wc-item-meta, .woocommerce td.product-name dl.variation{display: block; } .variations .product_variation_custom {display: flex; margin: 0 -5px; width: 99%; } .woocommerce div.product form.cart .variations label{ width: 100%; font-size: 14px; margin: 0; font-family: 'Open Sans', sans-serif; font-weight: normal; color: #989696; } .woocommerce div.product form.cart .variations select{ padding-right: 37px; padding: 5px 10px; font-size: 14px; border: 1px solid #b3b1b1; border-radius: 0; background: transparent; -webkit-appearance: none; min-width: 100%; background-image: url(assets/images/down-arrow.svg); background-repeat: no-repeat; background-position: 93% 8px; background-size: 15px; margin: 0; } .woocommerce div.product form.cart .reset_variations{ position: absolute; right: 0; } .product_variation_custom .col-md-6{ padding-right: 5px; padding-left: 5px; } .woocommerce div.product form.cart .variations{margin : 0 0 10px; } /* Career Pages (02-03-2020) --------------------------------------------------------------------------------------------------------------------------------- */ .work-with-us-wrapper{ padding: 40px 0; display: inline-block; width: 100%; } .work-with-us-wrapper .intro-wrap{} .work-with-us-wrapper .intro-wrap h3{ font-size: 32px; font-weight: 600; line-height: 1.5; padding: 15px 0 5px; text-align: center; font-family: 'Open Sans', sans-serif; color: #000;} .work-with-us-wrapper .intro-wrap .content-wrap{ max-width: 900px; margin: 0 auto; text-align: center; width: 100%; } .work-with-us-wrapper .work-with-us-points{ padding: 25px 0 0; } .work-with-us-wrapper .work-with-us-points h3{font-size: 11px; font-weight: normal; letter-spacing: 1.5px; text-transform: uppercase; padding-bottom: 1.5em;} .work-with-us-wrapper .work-with-us-points .content-wrap{ } .job-poitions-wrapper{ padding: 40px 0; display: inline-block; width: 100%; } .job-poitions-wrapper h3.title{ text-align: center; margin: 0; padding: 50px 0 30px; font-size: 32px; font-weight: 600; text-decoration: none; } .job-poitions-wrapper .job-items{ display: flex; border-bottom: 1px solid #eaeaea; padding: 40px 0 20px; } .job-poitions-wrapper .job-items h3{ width: 33.333%; font-size: 20px; font-weight: normal; } .job-poitions-wrapper .job-items .job-item-content{ width: 66.666%; padding-left: 10%; position: relative; } .job-poitions-wrapper .job-items .job-item-content span{ position: absolute; left: 0; top: 7px; font-size: 11px; text-transform: uppercase; } .job-poitions-wrapper .container .job-items:last-child{ border: 0; } .why-we-exist-wrapper{} .why-we-exist-wrapper .why-we-exit-image{ min-height: 400px; overflow: hidden; } .why-we-exist-wrapper .why-we-exit-image img{ transform: scale(1.1);} .why-we-exist-wrapper .default-bg-color{ background: rgba(214, 201, 192, .8); color: #fff; } .why-we-exist-wrapper .why-we-exit-content{ color: #000; padding: 60px; } .why-we-exist-wrapper .why-we-exit-content h3{ margin: 0; padding: 0 0 24px; font-size: 32px; font-family: 'Open Sans', sans-serif; font-weight: 600; } .why-we-exist-wrapper .why-we-exit-content .content-wrap, .why-we-exist-wrapper .why-we-exit-content .content-wrap p{ color: #000; } .no-padding{padding: 0; margin: 0; width: 100%; max-width: 100%; } .album-margin{padding-top: 0; } .careers{background: #d6c9c0; padding-top: 7em; padding-bottom: 7em; padding-left: 20px; padding-right: 20px; } .careers .title{font-size: 20px; font-weight: normal; line-height: 1.5; padding-bottom: 1em; text-align: left; } .careers p.text-block{margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.765; margin-top: 0rem; } .careers .text-block.col-md-8{padding-left: 0; padding-bottom: 3em; } .careers .contents{padding-top: 3em; } .careers .content-1 h4{text-align: left; font-size: 11px; font-weight: normal; letter-spacing: 1.5px; text-transform: uppercase; padding-bottom: 2em; } .careers .content-1 p{margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.765; margin-top: 0rem; } .careers .content-1:last-child{margin-top:3em; } .open_position{padding-top: 7em; padding-bottom: 7em; } .open_position .title{font-size: 11px; font-weight: normal; letter-spacing: 1.5px; text-transform: uppercase; padding-bottom: 20px; position: relative; margin-bottom: 5em !important; text-decoration: underline; } .open_position .h3-text{font-size: 20px; font-weight: normal; line-height: 1.5; } .open_position p.p-text {font-weight: normal; font-size: 11px; } .open_position p.p-text-1 {font-weight: normal; font-size: 14px; line-height: 1.765; } .open_position .open-content{border-bottom:1px solid #eee; } .why_we_exist .img-text .wp-block-media-text__media{margin-top: 0; } .why_we_exist .img-text .wp-block-media-text__content{background-color: #decec6; display: inline-block; height: 100%; padding-top: 7em; padding-bottom: 7em; padding-right: 6em !important; padding-left: 4em; } .why_we_exist .img-text .wp-block-media-text__content h4{font-size: 11px; font-weight: normal; letter-spacing: 1.5px; text-transform: uppercase; padding-bottom: 2em; text-align: left; color: white; } .why_we_exist .img-text .wp-block-media-text__content p{font-size: 20px; font-weight: normal; line-height: 1.5; color: white; } /* Changes (03-03-2020) */ .home-content-listing .left-col .content-wrap h4, .front_album_designing_printing_and_binding h4{font-style: italic; } .cart-contents {position: relative; display: inline-table; flex-flow: column nowrap; justify-content: center; } .cart-contents:before {font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f07a"; font-size: inherit; color: inherit; line-height: 1.5; } .cart-contents:hover {text-decoration: none; } .cart-contents-count {color: inherit; background: transparent; border-radius: 50%; padding: 1px 6px; line-height: 1.5; font-family: inherit; vertical-align: middle; } @media (max-width: 1199px){ .cart-contents{ margin-left: 20px; } .cart-contents:before{ font-size: 24px; font-weight: 100; } } .contact-us1 .wp-block-column.contact-us .label-right .nf-after-field { width: 100%; } /* Home Page Changes */ .sp-testimonial-free-section .slick-dots { left: 0; bottom: -35px; } #sp-testimonial-free-wrapper-348 .sp-testimonial-free-section .slick-prev .fa.fa-angle-left, #sp-testimonial-free-wrapper-348 .sp-testimonial-free-section .slick-next .fa.fa-angle-right{ display: none; } .woocommerce-result-count, .woocommerce-ordering{ display: none; } /* product page changes */ .woocommerce ul.products li.product a img { margin: 0 0 0em;} .woocommerce.columns-1 ul.products li.product { margin: 0 0 15px;} .stripe-card-group, .wc-stripe-elements-field, .wc-stripe-iban-element-field {width: 100%;} @media (max-width: 991px){ .woocommerce.columns-1 ul.products li.product{ margin-bottom: 25px;} } /* Page Changes */ .site-main .Service-content .wedding-album-grace{ margin-top: 50px; text-align: center; } .client-testimonials .sp-testimonial-free p, .studio_sample h4{ font-style: italic; } .site-main .album_title,.album-content h3{ color: #000; } .site-main .Service-content h2.has-text-align-center{ color: #000; } .site-main .Service-content .entry h2{ color: #000; } .site-main .Service-content h2.has-text-align-center.album_title, .contact-us h2{ position: relative; margin-bottom:28px; } .site-main .album-content .album_title{ position: relative; margin-bottom:28px; } .contact-us h3{ position: relative; } .site-main .Service-content h2.has-text-align-center.album_title:after{ border-bottom: 2px solid #000; content: ""; position: absolute; left: 0; bottom: -10px; width: 231px; right: 0; margin: 0 auto; } .site-main .album-content .album_title:after{ border-bottom: 2px solid #000; content: ""; position: absolute; left: 0%; bottom: -10px; width: 100%; } .contact-us h2:after, .contact-us h3:after{ border-bottom: 2px solid #000; content: ""; position: absolute; left: 0; bottom: -10px; width: 231px; } .site-main .Service-content .aligncenter.size-large.wedding_album figure { margin: 0 0 0 0; } .album_case .wp-block-group.album_cases_content p{ margin-bottom: 16px; } .testimonial_content .outsource-photo-editing p, .testimonial_content .wp-block-pullquote p{ font-size: 16px; font-style: italic; } .page-template-home .slick-slide .caption a.left{ /*//left:0;*/ /* //left: 14%;*/ left: 0; top: 70%; } .page-template-home .slick-slide .caption a.right{ right:7.5%; top:79%; } .page-wedding-albums .site-main .Service-content { padding: 0px 0; } .contact-us1 .contact-us .nf-response-msg h2:after{ display: none; } .items-wrap .itemlist .image-wrap{ height: 100%; display: inline-block; } .items-wrap .itemlist{ text-align: center; } .items-wrap .itemlist h3{ margin-top: 10px; margin-bottom: 10px; } header.site-header .header-top .site-branding .custom-logo-link{ width: 15%; } header.site-header.fixed .header-top .site-branding .custom-logo-link { width: auto; } header.site-header.fixed .header-bottom .logo .custom-logo_header{ display: none; } .slick-slide .caption p { font-weight: 300; color: #585159; font-family: FutuLt; } .slick-slide .caption{ top: 35%; } .slick-slide .caption.right { left: 115px; } .site-header.fixed ~ .site-content{ margin-top: 145px; } .site-header.fixed .header-bottom{ transition: height 2s ease-in-out; } .page-template-home .site-header.fixed ~ .site-content { margin-top: 0px; } /*.page-template-home #sti-box{ top: 70px; }*/ @media (max-width: 767px){ .items-wrap .itemlist h3{ font-size: 12px; } .slick-slide img{ height: auto; object-fit: unset; object-position: unset; } /*.home-slider-wrap{ margin-top: 25px; }*/ } @media (max-width: 1199px){ header.site-header.fixed .header-bottom .logo .custom-logo_header{ display: block; } header.site-header .header-bottom .logo .custom-logo{ display: none; } header.site-header .header-bottom .logo img.custom-logo_header{ width: 70%; } header.site-header.fixed .header-bottom .logo img.custom-logo_header{ width: auto; } .site-header.fixed .header-bottom{ padding-bottom: 0px; } } .page-post-production-photography-services .Service-content .wp-block-group{ max-width: 100%; } .page-professional-series .album-content .wp-block-button__link{ text-decoration: none; text-align: center; text-transform: uppercase; font-size: 14px; }