/* Theme Name: Nature Photography Pro Theme URI:https://www.wpradiant.net/products/cv-wordpress-theme/ Author: WPRadiant Author URI:https://www.wpradiant.net/ Description: What truly sets the CV WordPress Theme apart are its advanced features. You can create and organize various sections, such as personal information, work experience, education, skills, and more, to provide a detailed and well-structured overview of your qualifications. For freelancers, creatives, or professionals with a body of work to showcase, the integrated portfolio feature is invaluable. You can display your projects, creative endeavors, or previous work, giving potential clients or employers a tangible sense of your expertise. The theme also includes built-in blogging functionality. You can also connect your online CV to your social media profiles, enhancing your online presence and making it easier for visitors to explore your professional networks. Additionally, you can offer a downloadable PDF version of your resume, enabling interested parties to save and print your CV for reference. Create an engaging visual timeline of your work history, making it easier for viewers to follow your career progression. Version: 0.0.1 Tested up to: 6.2 Requires at least: 5.9 Requires PHP: 7.3 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: nature-photography-pro */ /*header bar start*/ .sticky{ position: fixed; background-color: #fff; width: 100%; max-width: 100%; top: 0px; z-index: 999; animation: slideInDown ease-in-out; box-shadow: 0px 3px 3px #B87333; } body.admin-bar .sticky { top: 32px; } header ul { column-gap: 50px !important; } header ul li a span { font-family: 'Inter'; font-weight: 400; font-size: 16px; } header ul li a.current-menu-item span { color: #fff; background-color: #1B1725; padding: 5px 40px; border-radius: 0px 35px; } /* --------------- Loader Box ---------------- */ .spinner-loading-box { background: #3e84dc; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; } .multi-spinner-container { width: 150px; height: 150px; position: relative; margin: 30px auto; overflow: hidden; } .multi-spinner { position: absolute; width: calc(100% - 9.9px); height: calc(100% - 9.9px); border: 5px solid transparent; border-top-color: #fff; border-radius: 50%; -webkit-animation: spin 5s cubic-bezier(0.17, 0.49, 0.96, 0.76) infinite; animation: spin 5s cubic-bezier(0.17, 0.49, 0.96, 0.76) infinite; } .header-coupon { color: #fff; } .buy-now a { background-color: #000!important; color: white !important; padding: 10px 20px; border-radius:10px; } .header-coupon:hover { animation: none; /* Stop the blinking on hover */ } .mtsnb-button-type a{ background: #B87333; color: #fff !important; padding: 5px 10px; border-radius: 10px; transition: 0.3s ease-in-out; display: inline-block; &:hover { background-color: #fff; color: #000 !important; } } .header-coupoun{ color: green; } .mtsnb-text{ font-weight: bold; } /*header buy now bar end*/ *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} article, aside, details, figcaption, figure, footer, header, nav, section, summary{display: block;} audio, canvas, video{display: inline-block;} audio:not([controls]){display: none; height: 0;} [hidden]{display: none;} html{font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; scroll-behavior: auto;} html, button, input, select, textarea{font-family: 'Figtree', sans-serif;} body{margin: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;font-family: 'Roboto'; } a { text-decoration-thickness: 1px; text-underline-offset: 0.25ch; } a:hover, a:focus { text-decoration-style: dashed; } a:active { text-decoration: none; } figure a{display:inline-block;} .wp-block-navigation .wp-block-navigation-item a:hover, .wp-block-navigation .wp-block-navigation-item a:focus { text-decoration-style: solid; } h1, h2, h3, h4, h5, h6{clear: both; font-family:'Inter';} h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color: inherit;} h1{font-size: 48px; margin: 33px 0;} h2{font-size: 30px; margin: 25px 0;} h3{font-size: 22px; margin: 22px 0;} h4{font-size: 20px; margin: 25px 0;} h5{font-size: 18px; margin: 30px 0;} h6{font-size: 16px; margin: 36px 0;} p{margin: 0 0 25px;} img{border: none; max-width: 100%; -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle;} address{font-style: italic; margin: 0 0 24px;} abbr[title]{border-bottom: 1px dotted;} b, strong{font-weight: bold;} dfn{font-style: italic;} mark{background: #ff0; color: #000;} code, kbd, pre, samp{font-family: monospace, serif; font-size: 14px; hyphens: none;} pre{background: #f5f5f5; color: #666; font-family: monospace; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word;} blockquote, q{hyphens: none; quotes: none;} blockquote:before, blockquote:after, q:before, q:after{content: ""; content: none;} blockquote{font-size: 18px; font-style: italic; font-weight: 300; margin: 24px 40px;} blockquote blockquote{margin-right: 0;} blockquote cite, blockquote small{font-size: 14px; font-weight: normal; text-transform: uppercase;} blockquote em, blockquote i{font-style: normal; font-weight: 300;} blockquote strong, blockquote b{font-weight: 400;} small{font-size: smaller;} sub, sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sup{top: -0.5em;} sub{bottom: -0.25em;} dl{margin: 0 20px;} dt{font-weight: bold;} dd{margin: 0 0 20px;} menu, ol, ul{margin: 16px 0; padding: 0 0 0 15px;} ul{list-style-type: square;} nav ul, nav ol{list-style: none; list-style-image: none;} li > ul, li > ol{margin: 0;} svg:not(:root){overflow: hidden;} figure{margin: 0;} form{margin: 0;} fieldset{border: 1px solid #c0c0c0; margin: 0 2px; min-width: inherit; padding: 0.35em 0.625em 0.75em;} legend{border: 0; padding: 0; white-space: normal;} button, input, select, textarea{font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline;} button, input{line-height: normal;} button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance: button; cursor: pointer;} button[disabled], input[disabled]{cursor: default;} input[type="checkbox"], input[type="radio"]{padding: 0;} input[type="search"]{-webkit-appearance: textfield; padding-right: 2px; width: 270px;} input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;} button::-moz-focus-inner, input::-moz-focus-inner{border: 0; padding: 0;} textarea{overflow: auto; vertical-align: top; resize: none; min-height: 120px;} table{border-bottom: 1px solid #ededed; border-collapse: collapse; border-spacing: 0; line-height: 2; margin: 0 0 20px; width: 100%;} caption, th, td{font-weight: normal; text-align: left;} caption{font-size: 16px; margin: 20px 0;} th{font-weight: bold; text-transform: uppercase;} td{border-top: 1px solid #ededed; padding: 6px 10px 6px 0;} del{color: #333;} ins{background: #fff9c0; text-decoration: none;} /* Form fields styles. */ input[type="text"], input[type="email"], input[type="tel"], input[type="date"], input[type="number"], input[type="search"], input[type="url"], input[type="password"], textarea{border: 2px solid #FFFFFF1A; width: 100%; border-radius: 5px; color: white; padding: 20px; outline: none; background:#1A1A1E;} select{background: transparent; border: 1px solid #00b5e2; width: 100%; border-radius: 8px; padding: 13px; outline: none;} /* Buttons */ button, input[type="submit"], input[type="button"], input[type="reset"]{background-color: #B87333; border: none; border-radius: 5px; color: #fff; display: inline-block; font-size: 18px; font-weight: 600; line-height: 24px; padding: 10px 18px; text-decoration: none; transition: all 0.2s;} /* Placeholder text color -- selectors need to be separate to work. */ ::placeholder{color: white; opacity: 1; font-weight: 400;} :-ms-input-placeholder{color: #041F69;} ::-ms-input-placeholder{color: #041F69;} /* * Search and File Block button styles. * Necessary until the following issues are resolved in Gutenberg: * https://github.com/WordPress/gutenberg/issues/36444 * https://github.com/WordPress/gutenberg/issues/27760 */ a:where(:not(.wp-element-button)):hover{ color: red; } /* * Button hover styles. * Necessary until the following issue is resolved in Gutenberg: * https://github.com/WordPress/gutenberg/issues/27075 */ .wp-block-search__button:hover, .wp-block-file .wp-block-file__button:hover, .wp-block-button__link:hover { opacity: 0.90; } /* Blocks inside columns don't have negative margins. */ .wp-site-blocks .wp-block-columns .wp-block-column .alignfull, .is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"], /* We also want to avoid stacking negative margins. */ .wp-site-blocks .alignfull:not(.wp-block-group) .alignfull, .is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] { margin-left: auto !important; margin-right: auto !important; width: inherit; } /* * Responsive menu container padding. * This ensures the responsive container inherits the same * spacing defined above. This behavior may be built into * the Block Editor in the future. */ .wp-block-navigation__responsive-container.is-menu-open { padding-top: var(--wp--custom--spacing--outer); padding-bottom: var(--wp--custom--spacing--large); padding-right: var(--wp--custom--spacing--outer); padding-left: var(--wp--custom--spacing--outer); } .nature-photography-pro-header .wp-block-cover, .nature-photography-pro-header .wp-block-cover-image, .nature-photography-pro-footer .wp-block-cover, .nature-photography-pro-footer .wp-block-cover-image, .nature-photography-pro-porduct-section, .nature-photography-pro-menu-section{align-items:inherit;} .nature-photography-pro-footer-menu .wp-block-navigation li {padding-left:20px; position:relative;} .nature-photography-pro-footer-menu .wp-block-navigation li:before{ content:''; width:8px; height:8px; background:#fff; left:0px; top:50%; position:absolute; border-radius:100%; transform:translateY(-50%);} .nature-photography-pro-header .wp-block-navigation__submenu-container{min-width:215px !important; background:#5f1c00 !important;} .nature-photography-pro-menu .wp-block-navigation li{padding:17px 0px;} .nature-photography-pro-menu .wp-block-navigation__submenu-container li{padding:inherit;} .nature-photography-pro-menu .wp-block-group {padding:0;} .wc-block-mini-cart__button:hover {background:transparent;} .nature-photography-pro-menu {font-family:Oswald;} .nature-photography-pro-header .wp-block-navigation li.current-menu-item .wp-block-navigation-item__label, .nature-photography-pro-header .wp-block-navigation li .wp-block-navigation-item__label:hover{color:#5BAAEC;} .nature-photography-pro-footer-menu .wp-block-navigation li.current-menu-item .wp-block-navigation-item__label, .nature-photography-pro-footer-menu .wp-block-navigation li .wp-block-navigation-item__label:hover{ color:#ff8502;} .nature-photography-pro-footer-menu .wp-block-navigation li:hover:before, .nature-photography-pro-footer-menu .wp-block-navigation li.current-menu-item:before{ background:#ff8502;} .nature-photography-pro-ice-berg .wp-block-image{background:#5f1c00; width:170px; height:170px; border-radius:100%; align-items:center !important; display:flex !important; justify-content:center !important;} .nature-photography-pro-ice-berg h3 {width:50%; margin:0 auto;} .nature-photography-pro-ice-berg:hover .wp-block-image{background: #19375B;} .nature-photography-pro-ice-berg:hover h3{color:#19375B !important;} .nature-photography-pro-better-box .wp-block-image{background:#fff; width:100px; height:100px; border-radius:100%; align-items:center !important; display:flex !important; justify-content:center !important; float:left;} .nature-photography-pro-product-box .wc-block-components-product-image img {width:auto !important; margin:0 auto; display:table;} .nature-photography-pro-menu-section::before {content:''; width:35%; height:100%; background:#19375B; position:absolute; left:0px; top:0; z-index:1;} .nature-photography-pro-section .wp-block-columns{position: relative; overflow: hidden;} .nature-photography-pro-discount-box {width:230px !important; height:230px; position:absolute; right:-60px; bottom:-50px;} .nature-photography-pro-section-box .wp-block-column {z-index:9;} .nature-photography-pro-section .nature-photography-pro-section-box::before {content:''; width:99.5%; height:99%; border:solid 2px #bd9655; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-style: dashed;} .nature-photography-pro-inner-banner{ position:relative;} .nature-photography-pro-section11-left {margin-right:100px !important;} .nature-photography-pro-section11{ position:relative;} .nature-photography-pro-section11::before {content:''; width:41.5%; position:absolute; height:100%; background:#19375B; z-index:0;} .nature-photography-pro-section11 .wp-block-columns{ position:relative; z-index:0;} .nature-photography-pro-section7-right .wp-block-image {position:absolute; right:0;} .nature-photography-pro-section7 {position:relative; overflow:hidden;} .nature-photography-pro-section5-left {position:relative;} .nature-photography-pro-section5-left::after {content:""; position:absolute; left:0; top:0; background:#19375B; width:45%; height:100%; z-index:-1;} .nature-photography-pro-header{ position:absolute !important; width:100%; z-index:2;} /**woocommerce**/ .woocommerce div.product .product_title{ display: none;} .entry-summary .price {padding-bottom:15px !important;} .woocommerce div.product .quantity .qty {width:auto;} .cart {padding-bottom:20px !important;} .woocommerce div.product div.images img { width:100% !important; margin:0 auto;} .woocommerce-tabs .tabs.wc-tabs {margin:0px !important; padding:0px !important;} .woocommerce-tabs .tabs.wc-tabs:before{ border:none !important;} .woocommerce-tabs .woocommerce-Tabs-panel {font-size:20px; padding:0px !important; background-color: #f6f6f6;} .woocommerce div.product .woocommerce-tabs ul.tabs li{background:#222 !important; color:#fff !important; border-radius:0px !important; } .woocommerce div.product .woocommerce-tabs ul.tabs li a{color:#fff; font-weight:400 !important;} .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before{ display:none;} .woocommerce div.product .woocommerce-tabs ul.tabs li.active, .woocommerce div.product .woocommerce-tabs ul.tabs li{ border:none !important; padding:5px 30px !important;} .woocommerce div.product .woocommerce-tabs ul.tabs li.active{ background:#5BAAEC !important;} .woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{color:#fff !important;} .related.products h2 {text-align:center;} .related.products li .price, .products li .price{ text-align:center;} .related.products .button, .products .button{display:table; margin:0 auto;} .related.products, .products{ text-align:center;} .related.products li, .products li{float:none !important; display:inline-block; margin:15px !important; padding:35px 15px 0px !important; border-radius: 5px !important;} .related.products li img, .products li img {width:auto !important; text-align:center; display:table !important; margin:0 auto !important; margin-bottom:20px !important;} .woocommerce div.product .related.products {padding:40px !important; background-color:#f6f6f6;} .qty.text {width:auto !important;} .woocommerce-account .wp-block-post-title, .woocommerce-account main .woocommerce, .woocommerce-cart .wp-block-post-title, .woocommerce-cart main .woocommerce, .woocommerce-checkout .wp-block-post-title, .woocommerce-checkout main .woocommerce {max-width:100%;} .woocommerce-page .button {padding:10px 35px !important;} .woocommerce-Price-amount bdi {font-weight:600;} .select2-container--default .select2-selection--single, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {border:1px solid #222; border-radius:0px;} body.home .nature-photography-pro-menu li:nth-child(1) span {color:#5BAAEC;} body.home .nature-photography-pro-menu li .wp-block-navigation__submenu-container li:nth-child(1) span {color:inherit;} body.home .nature-photography-pro-menu li .wp-block-navigation__submenu-container li:nth-child(1) span:hover, body.home .nature-photography-pro-menu li .wp-block-navigation__submenu-container li span:hover, .nature-photography-pro-menu li .wp-block-navigation__submenu-container li span:hover {color:#5BAAEC;} .nature-photography-pro-section10 .add_to_cart_button {border-radius:3px; background-color:#19375B; padding:12px 25px !important;} .added_to_cart.wc-forward {display:block;} .current-menu-item a{color:#5BAAEC;} @media(max-width: 1440px){ .nature-photography-pro-section7-right .wp-block-image {position:relative; right:-114px;} .nature-photography-pro-menu-section::before{ width:25%;} } @media(max-width: 1300px){ .nature-photography-pro-section7-right .wp-block-image{ right:-40px;} } @media(max-width: 1199pxheader ){ .nature-photography-pro-menu-section::before { display:none} .nature-photography-pro-header-top-bar {padding:20px 15px !important;} } @media(min-width: 1024px) and (max-width: 1200px){ .woocommerce-page .button {padding:10px 25px !important;} .related.products li, .products li{margin:10px !important;} } @media(max-width: 1023px){ .nature-photography-pro-banner-content h1 {font-size:32px !important;} h3.has-text-color {font-size:20px !important;} h5.has-text-color {font-size:18px !important;} .has-text-align-right, has-text-align-left {text-align:center !important;} .nature-photography-pro-header-top-bar-left {text-align:center; padding-bottom:25px;} .nature-photography-pro-header-top-bar-left .wp-block-image {display:table; margin:0 auto !important; float:none !important; margin-bottom:10px !important; display:none;} .nature-photography-pro-header-top-bar {padding-top:20px !important; padding-bottom:35px !important;} .nature-photography-pro-banner-content {padding-top:0px !important; text-align:center; padding-bottom:40px;} .nature-photography-pro-banner-content .wp-block-buttons {margin:0 auto; display: table !important;} .nature-photography-pro-header-top-bar-right .wp-block-woocommerce-mini-cart {display:table; margin:0 auto !important; padding-top:20px;} .nature-photography-pro-section1 {padding:40px 15px 0px !important;} .nature-photography-pro-section1-left {text-align:center;} .nature-photography-pro-section1-left .wp-block-button{ display:table; margin:0 auto;} .nature-photography-pro-section1-right {padding-top:40px;} .nature-photography-pro-ice-berg {margin-bottom:40px !important;} .nature-photography-pro-ice-berg h3 {width:100%;} .nature-photography-pro-section1-left p {padding-top:0px !important;} .nature-photography-pro-section2{padding:60px 15px 40px !important;} .nature-photography-pro-section2-right {text-align:center;} .nature-photography-pro-section2-right .wp-block-image{margin:0 auto; display:table; margin-bottom:20px !important; margin-inline-start:auto !important; margin-inline-end:auto !important; float:none !important;} .nature-photography-pro-section3{ padding:40px 15px !important; text-align:center;} .nature-photography-pro-section3-right {margin-top:40px !important; padding: 30px !important; text-align: center !important;} .nature-photography-pro-better-box .wp-block-image{ float:none; margin-bottom:15px !important;} .nature-photography-pro-section3-left .wp-block-button{ display:table; margin:0 auto;} .nature-photography-pro-discount-box {padding-top:30px !important;} .nature-photography-pro-section5-inner {padding:40px 15px !important;} .nature-photography-pro-porduct-section {padding:40px 0px !important;} .nature-photography-pro-menu-section::before { display:none;} .nature-photography-pro-menu-section .wp-block-group {text-align:center;} .nature-photography-pro-section5-right .wp-block-buttons {display:table; margin:0 auto;} .nature-photography-pro-section6 {padding:40px 15px !important;} .nature-photography-pro-section7-left {padding:40px 15px !important;} .nature-photography-pro-section7-left .wp-block-group, .nature-photography-pro-section7-left h2.has-text-color, .nature-photography-pro-section7-left .wp-block-columns {padding:0px !important;} .nature-photography-pro-section7-testimonial-box { padding:30px !important;} .wp-block-group.nature-photography-pro-section7-testimonial-box {padding:30px !important;} .nature-photography-pro-section7-left .wp-block-columns {margin-top:40px !important;} .wp-block-group.nature-photography-pro-section7-testimonial-box .wp-block-columns {margin-top:0px !important;} .nature-photography-pro-section7-right .wp-block-image {margin:0px !important; right:0px;} .nature-photography-pro-section7-left h5, .nature-photography-pro-section7-left h2 {text-align:center;} .nature-photography-pro-section7-testimonial-box h4, .nature-photography-pro-section7-testimonial-box p {text-align:center;} .nature-photography-pro-section7-testimonial-box .wp-block-image {margin:0 auto !important; float:none !important;} .nature-photography-pro-section7-right .wp-block-image, .nature-photography-pro-section7-right .wp-block-image img{ width:100% !important;} .nature-photography-pro-section9 {padding:40px 15px !important;} .nature-photography-pro-section10 {padding:40px 15px !important;} .nature-photography-pro-section11 {padding:0px !important;} .nature-photography-pro-section11-left {padding:0px !important; padding-bottom:40px !important;} .nature-photography-pro-section11-left h5, .nature-photography-pro-section11-left h2 {text-align:center;} .nature-photography-pro-section11-left .wp-block-buttons{display:table !important; margin:0 auto !important;} .nature-photography-pro-section11-right .wp-block-column {border:none;} .nature-photography-pro-section11-left {margin-right:0px !important;} .nature-photography-pro-section11-left .wp-block-group {padding:40px !important;} .nature-photography-pro-section11::before { display:none;} .nature-photography-pro-section11-right {padding:0px 0px 40px 0px !important;} .nature-photography-pro-section-box {padding:80px 25px 200px !important;} .nature-photography-pro-section-box h2{font-size:38px !important;} .nature-photography-pro-section-box .wp-block-column{ padding:0px !important;} .nature-photography-pro-footer-column {padding:20px 15px !important;} .nature-photography-pro-footer-box, .nature-photography-pro-footer-menu {padding:20px 0px;} .nature-photography-pro-footer-copyright .wp-block-column {text-align:center;} .nature-photography-pro-section11-right .wp-block-columns {border:none; margin:0px !important;} .header-layout1{padding:20px 0px !important;} .nature-photography-pro-404 .wp-block-search__inside-wrapper {width:100% !important;} .nature-photography-pro-404 {padding:40px 15px !important;} .nature-photography-pro-blog-area, .iceland-blog-right-side, .nature-photography-pro-blog-left-side-page, .nature-photography-pro-blog-no-sidebar, .nature-photography-pro-archive-page {padding:40px 15px !important;} .nature-photography-pro-blog-content {padding-left:0px !important; padding-top:25px;} .nature-photography-pro-blog-meta .wp-block-post-date, .nature-photography-pro-blog-meta .wp-block-post-author, .nature-photography-pro-blog-meta .wp-block-post-terms {width:100% !important; padding:0px !important;} .nature-photography-pro-blog-left-side-area {padding-right:0px !important;} .iceland-iceland-blog-right-side-page{ padding-left:0px !important;} .nature-photography-pro-contact-lay1, .nature-photography-pro-contact-lay2-box{padding:40px 15px !important;} .nature-photography-pro-contact-lay1 .wp-block-group{ padding-right:0px !important;} .nature-photography-pro-contact-lay1 .nature-photography-pro-contact-info{ padding-top:40px;} .nature-photography-pro-contact-info-box {padding:30px !important;} .nature-photography-pro-service-single-lay{padding:40px 15px 0px !important;} .nature-photography-pro-service-menu {padding-right:0px !important; padding-bottom:40px;} .nature-photography-pro-service-single-lay h2 {font-size:24px !important;} .nature-photography-pro-team-section1 {padding:40px 15px !important;} .nature-photography-pro-team-section1-right{ padding-top:40px;} .nature-photography-pro-team-section1 .wp-block-columns{ padding-bottom:40px !important;} .nature-photography-pro-team-section2{ padding-top:0px !important; padding-bottom:20px !important;} .nature-photography-pro-team-section-box {margin-bottom:30px !important; padding-right:0px !important;} .nature-photography-pro-archive-left {padding-right:0px !important;} .nature-photography-pro-inner-banner-title {font-size:26px !important; margin:0px !important;} .nature-photography-pro-blog-single-area {padding:40px 15px !important;} .nature-photography-pro-blog-single-right-area {padding-left:0px !important; padding-top:40px;} .nature-photography-pro-section9 .wp-block-buttons {margin-top:30px !important;} .nature-photography-pro-inner-banner .wp-block-cover {min-height:220px !important;} .nature-photography-pro-404 h1{padding-bottom:30px !important; font-size:30px !important;} .related.products li, .products li{width:100% !important; margin:0 auto !important;} .nature-photography-pro-section5-menu-box .wp-block-column {text-align:center;} .nature-photography-pro-section5-left::after{ display:none;} .nature-photography-pro-section5-left, .nature-photography-pro-section5-right{ padding:0px !important;} } @media(min-width: 1024px){ .nature-photography-pro-banner{padding-left:60px !important;} } @media(min-width: 768px) and (max-width: 1023px){ .nature-photography-pro-header-top-bar {padding:20px 15px !important;} .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.nature-photography-pro-header-top-bar-left, .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.nature-photography-pro-header-top-bar-logo, .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.nature-photography-pro-header-top-bar-right {flex-basis:auto !important; width:33.33%; float:left; padding:0px !important;} .nature-photography-pro-ice-berg .wp-block-image{width:140px; height:140px;} .nature-photography-pro-header-top-bar-right .wc-block-mini-cart.wp-block-woocommerce-mini-cart {padding:0px;} .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.nature-photography-pro-banner-content, .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.nature-photography-pro-banner-image{flex-basis:auto !important; width:50%; float:left; padding:0px !important; text-align:left;} .nature-photography-pro-banner-content .wp-block-buttons {margin:inherit;} .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.nature-photography-pro-banner-content {padding-top:40px !important;} .nature-photography-pro-section1-right .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {flex-basis:auto !important;} .nature-photography-pro-better-box {flex-basis:auto !important; width:49% !important; display:inline-block; padding:15px !important;} .nature-photography-pro-section11-right .is-layout-flow.wp-block-column {flex-basis:auto !important; padding:15px;} .nature-photography-pro-section2-left .wp-block-image.alignleft.size-full, .nature-photography-pro-section5-inner .wp-block-image.alignleft.size-full {float:none; text-align:center; width:100%;} .nature-photography-pro-section7-testimonial-box {width:60%; margin:0 auto;} .nature-photography-pro-banner{padding-left:60px !important;} } @media(min-width: 600px) and (max-width: 1023px){ .nature-photography-pro-section8-product-box ul li, .nature-photography-pro-section4-product-box ul li, .nature-photography-pro-section9 ul li {width:calc(50% - .9375em) !important;} .nature-photography-pro-section-box {padding:80px 100px 200px !important;} } @media(min-width: 1024px) and (max-width: 1440px){ h3.has-text-color {font-size:20px !important;} h5.has-text-color {font-size:18px !important;} .nature-photography-pro-blog-content h2 {font-size:24px !important;} .nature-photography-pro-ice-berg h3 {width:100%;} .nature-photography-pro-section7-left .wp-block-group {padding:0px !important;} .nature-photography-pro-section7-left .wp-block-columns {padding:0px !important;} .nature-photography-pro-section7-left h2{ padding:0px !important;} .nature-photography-pro-section1-left p {padding-top:0px !important;} .nature-photography-pro-section7-left {padding:40px 15px 0px !important;} .wp-block-group .nature-photography-pro-section7-testimonial-box {padding:20px 25px !important; margin-top: 30px !important;} .wp-block-group .nature-photography-pro-section7-testimonial-box p{ font-size:16px !important; padding-bottom:10px !important;} .nature-photography-pro-section-box{padding-right:30px !important; padding-left:30px !important;} .nature-photography-pro-section8 h2{font-size: 46px !important;} .nature-photography-pro-banner-content h1{font-size:50px !important;} .nature-photography-pro-header-top-bar-left .wp-block-image {margin:0px !important;} .nature-photography-pro-404 h3.has-text-color {font-size:80px !important;} .nature-photography-pro-section11-left{padding-left: 40px;} } @media(max-width: 767px){ .nature-photography-pro-header-banner .wp-block-cover{padding-top:300px !important;} } @media(min-width: 600px) and (max-width: 799px){ .nature-photography-pro-header .wp-block-navigation__submenu-container {right:-1px !important; left:auto !important;} } @media(max-width: 599px){ .nature-photography-pro-menu {position:relative; right:0px; top:-25px;} .nature-photography-pro-menu .wp-block-navigation ul{display: block !important; width: 100%; text-align: right; min-width:310px !important; padding-left:5px !important;} .wp-block-navigation__submenu-container li {padding-right:0px !important;} .nature-photography-pro-menu .wp-block-navigation ul li{display:block !important; border-bottom:solid 1px #ccc; margin-bottom:0px; padding:15px 0px; padding-right:25px;} .nature-photography-pro-menu .wp-block-navigation__submenu-container {padding-right:0px !important;} .nature-photography-pro-menu .wp-block-navigation ul li a{ line-height:normal !important;} .nature-photography-pro-menu .wp-block-navigation__submenu-container li a{ text-align:right; display:inherit !important;} .nature-photography-pro-menu .wp-block-navigation__submenu-container{ padding-top:20px !important;} .nature-photography-pro-menu .wp-block-navigation__submenu-container li {border:none !important;} .nature-photography-pro-menu .wp-block-navigation__responsive-container-open:hover {background:none;} .nature-photography-pro-menu .wp-block-navigation__responsive-container-open svg{width:35px; height:35px;} .nature-photography-pro-menu .wp-block-navigation.items-justified-right{ padding-top:0px;} .nature-photography-pro-menu .current-menu-item a, .nature-photography-pro-menu li a:hover {color:#5BAAEC !important; background:none !important;} .nature-photography-pro-menu .is-layout-constrained {padding:5px !important;} } /* *-*-*-*-*-*-*-*-*-* New CSS *-*-*-*-*-*-*-*-*-*-*-* */ body .wp-site-blocks{ overflow: hidden; } .wpcf7 form .wpcf7-response-output{ margin: 0; } /********************************* new Portfolio theme css*********************************/ .portfolio-container { max-width: 1320px !important; margin: 0px auto !important; } /*************** what do i do -section-css ****************************/ .gutentor-element-progressbar .gutentor-element-progressbar-text { width: 100%; display: flex; justify-content: space-between; } /************************* Responsive-css-all-media *****************************************/ @media screen and (max-width:1920px) and (min-width:1023px) { #i-am-a-ui-ux-designer-based-in-usa { padding-right: 30px !important; } .wpcf7-form-control.wpcf7-textarea { height: 200px !important; } } .wp-block-navigation__responsive-container-content{ gap: 37px !important; } span.gutentor-element-progressbar-text { color: #fff; } .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container { background-color: #000; border: 1px solid #00000026; } /* Theme CSS */ /* ----------- Keyframe Animations ------------ */ @keyframes lights{ 0% { color: hsl(230, 40%, 80%); text-shadow: 0 0 1em hsla(320, 100%, 50%, 0.2), 0 0 0.125em hsla(320, 100%, 60%, 0.3), -1em -0.125em 0.5em hsla(40, 100%, 60%, 0), 1em 0.125em 0.5em hsla(200, 100%, 60%, 0); } 30% { color: hsl(230, 80%, 90%); text-shadow: 0 0 1em hsla(320, 100%, 50%, 0.5), 0 0 0.125em hsla(320, 100%, 60%, 0.5), -0.5em -0.125em 0.25em hsla(40, 100%, 60%, 0.2), 0.5em 0.125em 0.25em hsla(200, 100%, 60%, 0.4); } 40% { color: hsl(230, 100%, 95%); text-shadow: 0 0 1em hsla(320, 100%, 50%, 0.5), 0 0 0.125em hsla(320, 100%, 90%, 0.5), -0.25em -0.125em 0.125em hsla(40, 100%, 60%, 0.2), 0.25em 0.125em 0.125em hsla(200, 100%, 60%, 0.4); } 70% { color: hsl(230, 80%, 90%); text-shadow: 0 0 1em hsla(320, 100%, 50%, 0.5), 0 0 0.125em hsla(320, 100%, 60%, 0.5), 0.5em -0.125em 0.25em hsla(40, 100%, 60%, 0.2), -0.5em 0.125em 0.25em hsla(200, 100%, 60%, 0.4); } 100% { color: hsl(230, 40%, 80%); text-shadow: 0 0 1em hsla(320, 100%, 50%, 0.2), 0 0 0.125em hsla(320, 100%, 60%, 0.3), 1em -0.125em 0.5em hsla(40, 100%, 60%, 0), -1em 0.125em 0.5em hsla(200, 100%, 60%, 0); } } @keyframes lights-white { 0% { color: #B87333; text-shadow: 0 0 0.75em rgba(184, 115, 51, 0.3), 0 0 0.125em rgba(255, 170, 100, 0.4), -1em -0.125em 0.5em rgba(255, 200, 120, 0.15), 1em 0.125em 0.5em rgba(160, 80, 30, 0.15); } 30% { color: #A65C24; text-shadow: 0 0 0.9em rgba(184, 115, 51, 0.5), 0 0 0.125em rgba(255, 170, 100, 0.5), -0.5em -0.125em 0.25em rgba(255, 200, 120, 0.3), 0.5em 0.125em 0.25em rgba(160, 80, 30, 0.4); } 40% { color: #8B4A20; text-shadow: 0 0 1em rgba(184, 115, 51, 0.6), 0 0 0.125em rgba(255, 170, 100, 0.6), -0.25em -0.125em 0.125em rgba(255, 200, 120, 0.3), 0.25em 0.125em 0.125em rgba(160, 80, 30, 0.4); } 70% { color: #A65C24; text-shadow: 0 0 1em rgba(184, 115, 51, 0.5), 0 0 0.125em rgba(255, 170, 100, 0.5), 0.5em -0.125em 0.25em rgba(255, 200, 120, 0.3), -0.5em 0.125em 0.25em rgba(160, 80, 30, 0.4); } 100% { color: #B87333; text-shadow: 0 0 0.75em rgba(184, 115, 51, 0.3), 0 0 0.125em rgba(255, 170, 100, 0.4), 1em -0.125em 0.5em rgba(255, 200, 120, 0.15), -1em 0.125em 0.5em rgba(160, 80, 30, 0.15); } } @keyframes spin { 100% { transform: rotateZ(360deg); } } /* ------------- Keyframe Animations End-------------- */ .one-container { max-width: 1320px !important; margin: 0px auto !important; } .slider-container { max-width: 1520px !important; margin: 0px auto !important; } /* ------------ Header -------------- */ header.wp-block-template-part { position: relative; z-index: 5; } /* ---------------- Slider Section ----------------- */ .wp-block-cover.slider-container { position: unset !important; } .wp-block-cover.slider-section .wp-block-cover__inner-container { position: unset !important; } .wp-block-stackable-image.slider-main-image { position: absolute; bottom: 0; right: 0; top: 0; } .flash{ position:fixed; top:0; left:0; width:100%; height:100%; background-color:#fff; } .wp-block-group.slider-left-grp .wp-block-stackable-heading h1, .wp-block-group.slider-left-grp .wp-block-stackable-heading h2 { animation: lights 5s 750ms linear infinite; } /* ----------------- About Section ------------------- */ .wp-block-group.aboutus-right-row h3 { position: relative; &::after { position: absolute; content: ""; bottom: 0; left: 0; right: 0; background-color: #B87333; width: 100%; height: 3px; transform: translateY(3px); border-radius: 0px 15px 0px 15px; transition: transform 0.2s ease-in-out; } } .wp-block-columns.aboutus-col:hover .under-text h3::after { transform: translateY(6px); background-color: #000 !important; } .wp-block-columns.aboutus-col:hover .under-text h3 { color: #B87333 !important; } .wp-block-group.about-big-circle { position: absolute; width: 421px; height: 421px; bottom: 0; top: 0; right: 0; border-radius: 50%; z-index: 0; left: 0; transform: translate(1em, 4.8em); &::after { position: absolute; content: ''; height: calc(100% + 25px); width: calc(100% + 25px); top: -22px; left: -22px; animation: spin 15s linear infinite; background-image: url(assets/css/dotted.png); } } .wp-block-group.about-small-circle { position: absolute; bottom: 0; width: 200px; height: 200px; background-color: rgb(184 115 51 / 46%); border-radius: 50%; left: 0; transform: translate(0em, -12em); z-index: 1; animation: slide-horiz 3s infinite; } .wp-block-stackable-image.main-about-image { position: relative; z-index: 3; } .gutentor-element-advanced-text.gmail-text a { text-decoration: unset; &:hover h5 { color: #B87333 !important; } } .gutentor-element-advanced-text.gmail-text a h5 { font-family: 'Inter' !important; font-weight: 600 !important; line-height: 35px !important; font-size: 20px !important; margin-bottom: 10px !important; } .wp-block-cover.aboutus-section .wp-block-cover.portfolio-container { overflow: visible !important; position: unset !important; } .wp-block-cover.aboutus-section .wp-block-cover.portfolio-container .wp-block-cover__inner-container { position: unset !important; } .wp-block-column.aboutus-col-two .wp-block-stackable-heading h2, .wp-block-column.aboutus-col-two .wp-block-stackable-heading h3, .wp-block-column.aboutus-col-two .wp-block-stackable-heading h6 { animation: lights-white 5s 750ms linear infinite; } .wp-block-group.semi-circle { position: absolute; right: 0; bottom: 0; width: 166px; height: 166px; border-radius: 50%; transform: translate(6em, -2em); } .wp-block-group.small-blur-circle { position: absolute; top: 0; right: 0; width: 69px; height: 69px; left: 0; transform: translate(2em, 0.5em); border-radius: 50%; } .wp-block-group.border-circle { position: absolute; top: 0; right: 0; bottom: 0; width: 23px; height: 23px; margin: auto; transform: translate(-10em, -1em); border-radius: 50%; } /* ------------ Click Process Section -------------- */ .click-process-section .wp-block-group.all-circle { position: absolute; top: 0; left: 0; width: 200px; height: 200px; bottom: 0; margin: auto; border-radius: 50%; transform: translateX(2rem); animation: slide-click 3s infinite; } .wp-block-cover.click-process-section .wp-block-group.all-small-circle { position: absolute; top: 0; right: 0; width: 110px; height: 110px; transform: translate(-17em, 1em); border-radius: 50%; animation: small-click 3s infinite; } .wp-block-group.star-group-img { position: absolute; bottom: 0; top: 0; right: 0; width: 80px; height: 80px; clip-path: polygon(22.429% 7.714%, 24.143% 35.286%, 2.429% 52.429%, 2.429% 52.429%, 1.424% 53.454%, 0.719% 54.611%, 0.303% 55.855%, 0.168% 57.137%, 0.304% 58.411%, 0.701% 59.629%, 1.35% 60.744%, 2.241% 61.709%, 3.366% 62.476%, 4.714% 63%, 31.429% 69.714%, 41% 95.714%, 41% 95.714%, 41.682% 96.969%, 42.581% 97.985%, 43.647% 98.756%, 44.833% 99.275%, 46.089% 99.536%, 47.367% 99.53%, 48.617% 99.252%, 49.791% 98.695%, 50.84% 97.851%, 51.714% 96.714%, 66.429% 73.429%, 94.143% 72.286%, 94.143% 72.286%, 95.528% 72.083%, 96.755% 71.591%, 97.805% 70.853%, 98.655% 69.915%, 99.286% 68.821%, 99.677% 67.616%, 99.807% 66.344%, 99.656% 65.049%, 99.203% 63.777%, 98.429% 62.571%, 80.714% 41.286%, 88.286% 14.714%, 88.286% 14.714%, 88.498% 13.319%, 88.386% 11.983%, 87.989% 10.741%, 87.342% 9.629%, 86.482% 8.679%, 85.447% 7.926%, 84.273% 7.404%, 82.997% 7.149%, 81.655% 7.193%, 80.286% 7.571%, 54.571% 17.714%, 31.714% 2.429%, 31.714% 2.429%, 30.436% 1.786%, 29.117% 1.47%, 27.801% 1.455%, 26.533% 1.718%, 25.357% 2.232%, 24.319% 2.974%, 23.462% 3.918%, 22.832% 5.039%, 22.473% 6.313%, 22.429% 7.714%); transform: translate(-2rem, 2rem); margin: auto; } .wp-block-stackable-text.click-small-text { position: relative; width: fit-content; padding: 0px 25px; &::after { position: absolute; content: "" !important; bottom: 0; left: 0; right: 0; background-color: #B87333; width: 100%; height: 3px; transform: translateY(3px); border-radius: 0px 15px 0px 15px; transition: transform 0.2s ease-in-out; } } .wp-block-cover.click-process-section:hover .wp-block-stackable-text.click-small-text::after { transform: translateY(6px); background-color: #FFFFFF !important; } .wp-block-cover.click-process-section:hover .wp-block-stackable-text.click-small-text p { color: #B87333 !important; } .wp-block-column.clcik-sec-col .wp-block-stackable-image { width: fit-content; } .wp-block-columns.click-main-row .wp-block-column.clcik-sec-col:nth-child(2) { position: relative; &::before { position: absolute; left: 0; top: 0; bottom: 0; height: 2px; width: 65%; content: ''; border-top: 3px dashed #B87333; transform: translate(-10.5em, 2.6em); } &::after { position: absolute; right: 0; top: 0; bottom: 0; height: 2px; width: 65%; content: ''; border-top: 3px dashed #B87333; transform: translate(10.5em, 2.6em); } } .wp-block-group.click-text-group .wp-block-stackable-text p, .wp-block-group.click-text-group .wp-block-stackable-heading h2 { animation: lights 5s 750ms linear infinite; } .wp-block-column.clcik-sec-col:hover .wp-block-stackable-image { transform: scale(1.2); background-color: #B87333 !important; } .wp-block-column.clcik-sec-col:hover h2.stk-block-heading__text { text-shadow: #b873336e 3px 5px; } .wp-block-column.clcik-sec-col h2.stk-block-heading__text { transition: text-shadow 0.2s ease-in-out; } /* ------------ Photography Work ------------- */ .wp-block-group.photo-text-group .wp-block-stackable-text p, .wp-block-group.photo-text-group .wp-block-stackable-heading h2 { animation: lights 5s 750ms linear infinite; } .photography-gallery-section:hover .wp-block-stackable-text.click-small-text::after { transform: translateY(6px); background-color: #FFFFFF !important; } .photography-gallery-section:hover .wp-block-stackable-text.click-small-text p { color: #B87333 !important; } .wp-block-group.grid-container .wp-block-stackable-image, .wp-block-group.grid-container .wp-block-stackable-image figure, .wp-block-group.grid-container .wp-block-stackable-image figure span { width: 100% !important; height: 100% !important; } .wp-block-group.grid-container { display: grid; grid-template-columns: repeat(6, 1fr); grid-template-rows: repeat(3, 350px); grid-gap: 25px !important; } .wp-block-group.grid-container .wp-block-stackable-image:nth-child(1) { grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; } .wp-block-group.grid-container .wp-block-stackable-image:nth-child(2) { grid-column-start: 3; grid-column-end: 5; grid-row-start: 1; grid-row-end: 2; } .wp-block-group.grid-container .wp-block-stackable-image:nth-child(3) { grid-column-start: 1; grid-column-end: 5; grid-row-start: 2; grid-row-end: 3; } .wp-block-group.grid-container .wp-block-stackable-image:nth-child(4) { grid-column-start: 5; grid-column-end: 7; grid-row-start: 1; grid-row-end: 3; } .wp-block-group.grid-container .wp-block-stackable-image:nth-child(5) { grid-column-start: 1; grid-column-end: 4; grid-row-start: 3; grid-row-end: 4; } .wp-block-group.grid-container .wp-block-stackable-image:nth-child(6) { grid-column-start: 4; grid-column-end: 7; grid-row-start: 3; grid-row-end: 4; } .wp-block-group.grid-container .wp-block-stackable-image:hover img { transform: scale(1.2); transition: transform 0.5s ease-in-out; } /* ---------------- Photography Expertise Section ------------------ */ .expertise-container { max-width: 1240px !important; margin: 0 auto; } .wp-block-cover.photography-expertise-section .wp-block-cover.expertise-container { overflow: visible; } .photography-expertise-section:hover .wp-block-stackable-text.click-small-text::after { transform: translateY(6px); background-color: #FFFFFF !important; } .photography-expertise-section:hover .wp-block-stackable-text.click-small-text p { color: #B87333 !important; } .wp-block-group.what-do-col-one-stack { transition: border-image 1s ease-in-out; } .wp-block-group.what-do-col-one-stack:hover { border-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cstyle%3Epath%7Banimation:stroke 5s infinite linear%3B%7D%40keyframes stroke%7Bto%7Bstroke-dashoffset:776%3B%7D%7D%3C/style%3E%3ClinearGradient id='g' x1='0%25' y1='0%25' x2='0%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%232d3561' /%3E%3Cstop offset='25%25' stop-color='%23c05c7e' /%3E%3Cstop offset='50%25' stop-color='%23f3826f' /%3E%3Cstop offset='100%25' stop-color='%23ffb961' /%3E%3C/linearGradient%3E %3Cpath d='M1.5 1.5 l97 0l0 97l-97 0 l0 -97' stroke-linecap='square' stroke='url(%23g)' stroke-width='3' stroke-dasharray='388'/%3E %3C/svg%3E") 1; border-radius: 10px; } .wp-block-column.photo-exper-col-two .gutentor-element-progressbar:hover .gutentor-element-progressbar-text span { animation: pulse 1s infinite; text-shadow: 2px 2px #B87333; cursor: pointer; } .wp-block-group.right-big-circle-exper { animation: slide-click 8s infinite; position: absolute; top: -4rem; right: 0; width: 200px; height: 200px; border-radius: 50%; } .wp-block-group.left-star-exper { position: absolute; left: 0; width: 70px; height: 70px; clip-path: polygon(22.429% 7.714%, 24.143% 35.286%, 2.429% 52.429%, 2.429% 52.429%, 1.424% 53.454%, 0.719% 54.611%, 0.303% 55.855%, 0.168% 57.137%, 0.304% 58.411%, 0.701% 59.629%, 1.35% 60.744%, 2.241% 61.709%, 3.366% 62.476%, 4.714% 63%, 31.429% 69.714%, 41% 95.714%, 41% 95.714%, 41.682% 96.969%, 42.581% 97.985%, 43.647% 98.756%, 44.833% 99.275%, 46.089% 99.536%, 47.367% 99.53%, 48.617% 99.252%, 49.791% 98.695%, 50.84% 97.851%, 51.714% 96.714%, 66.429% 73.429%, 94.143% 72.286%, 94.143% 72.286%, 95.528% 72.083%, 96.755% 71.591%, 97.805% 70.853%, 98.655% 69.915%, 99.286% 68.821%, 99.677% 67.616%, 99.807% 66.344%, 99.656% 65.049%, 99.203% 63.777%, 98.429% 62.571%, 80.714% 41.286%, 88.286% 14.714%, 88.286% 14.714%, 88.498% 13.319%, 88.386% 11.983%, 87.989% 10.741%, 87.342% 9.629%, 86.482% 8.679%, 85.447% 7.926%, 84.273% 7.404%, 82.997% 7.149%, 81.655% 7.193%, 80.286% 7.571%, 54.571% 17.714%, 31.714% 2.429%, 31.714% 2.429%, 30.436% 1.786%, 29.117% 1.47%, 27.801% 1.455%, 26.533% 1.718%, 25.357% 2.232%, 24.319% 2.974%, 23.462% 3.918%, 22.832% 5.039%, 22.473% 6.313%, 22.429% 7.714%); transform: translate(-5em, -10rem); animation: star-anime 5s infinite; } .wp-block-group.right-star-exper { position: absolute; bottom: 0; right: 0; width: 70px; height: 70px; clip-path: polygon(22.429% 7.714%, 24.143% 35.286%, 2.429% 52.429%, 2.429% 52.429%, 1.424% 53.454%, 0.719% 54.611%, 0.303% 55.855%, 0.168% 57.137%, 0.304% 58.411%, 0.701% 59.629%, 1.35% 60.744%, 2.241% 61.709%, 3.366% 62.476%, 4.714% 63%, 31.429% 69.714%, 41% 95.714%, 41% 95.714%, 41.682% 96.969%, 42.581% 97.985%, 43.647% 98.756%, 44.833% 99.275%, 46.089% 99.536%, 47.367% 99.53%, 48.617% 99.252%, 49.791% 98.695%, 50.84% 97.851%, 51.714% 96.714%, 66.429% 73.429%, 94.143% 72.286%, 94.143% 72.286%, 95.528% 72.083%, 96.755% 71.591%, 97.805% 70.853%, 98.655% 69.915%, 99.286% 68.821%, 99.677% 67.616%, 99.807% 66.344%, 99.656% 65.049%, 99.203% 63.777%, 98.429% 62.571%, 80.714% 41.286%, 88.286% 14.714%, 88.286% 14.714%, 88.498% 13.319%, 88.386% 11.983%, 87.989% 10.741%, 87.342% 9.629%, 86.482% 8.679%, 85.447% 7.926%, 84.273% 7.404%, 82.997% 7.149%, 81.655% 7.193%, 80.286% 7.571%, 54.571% 17.714%, 31.714% 2.429%, 31.714% 2.429%, 30.436% 1.786%, 29.117% 1.47%, 27.801% 1.455%, 26.533% 1.718%, 25.357% 2.232%, 24.319% 2.974%, 23.462% 3.918%, 22.832% 5.039%, 22.473% 6.313%, 22.429% 7.714%); transform: translate(-5em, -10rem); animation: star-anime 4s infinite; } .wp-block-group.border-exper-circle { position: absolute; top: 8em; left: -1em; width: +30px; height: 30px; border-radius: 50%; transform: translate(-1rem, 8.5rem); opacity: 0.5; animation: pulse 0.8s infinite; } /* ------------- Partners Section -------------- */ .white-text-group .wp-block-stackable-heading h2, .white-text-group .wp-block-stackable-text p{ animation: lights-white 5s 750ms linear infinite; } .wp-block-group.white-text-group .wp-block-stackable-text { position: relative; width: fit-content; padding: 0px 18px; & p::after { position: absolute; content: "" !important; bottom: 0; left: 0; right: 0; background-color: #B87333; width: 100%; height: 3px; transform: translateY(3px); border-radius: 0px 15px 0px 15px; transition: transform 0.2s ease-in-out; } } .wp-block-cover.our-partners-section:hover .wp-block-stackable-text.white-small-title p { color: #B87333 !important; } .wp-block-cover.our-partners-section:hover .wp-block-stackable-text.white-small-title p::after { transform: translateY(6px); background-color: #000000 !important; } .wp-block-cover.our-partners-section .wp-block-group.white-border-circle { position: absolute; top: 7.5em; right: 1em; width: 30px; height: 30px; border-radius: 50%; animation: pulse 0.8s infinite; } .wp-block-cover.our-partners-section .wp-block-group.circie-blur { transform: translate(11em, -1em); width: 45px; position: absolute; top: 0; height: 45px; right: 0; left: 0; border-radius: 50%; animation: white-border 15s infinite; } .wp-block-cover.our-partners-section .wp-block-stackable-column img { transition: transform 0.8s ease-in-out; } .wp-block-cover.our-partners-section .wp-block-stackable-column:hover img { transform: scale(1.1); } /* ----------------- Contact Section ------------------ */ .wp-block-cover.contact-section .wp-block-cover.portfolio-container { overflow: visible !important; } .wp-block-column.contact-col-one .wp-block-image.contact-img { position: relative; z-index: 0; &::after { z-index: -1; position: absolute; bottom: 0; right: 0; background-color: #B87333; width: 82%; height: 38%; content: ''; border-radius: 20px; transition: width 1s ease-in-out; } &::before { width: 200px; background-color: #b8733342; content: ''; position: absolute; z-index: -1; left: 0; bottom: 0; height: 200px; border-radius: 50%; transform: translate(8rem, -12em); transition: transform 1s ease-in-out; } } .wp-block-cover.contact-section:hover .wp-block-image.contact-img::after { width: 100%; } .wp-block-cover.contact-section:hover .wp-block-image.contact-img::before { transform: translate(8rem, -18rem) scale(1.5); } .wp-block-cover.contact-section:hover h2 { color: #B87333 !important; } .wp-block-cover.contact-section:hover h2::after { transform: translateY(6px); background-color: #ffffff !important; } .wp-block-stackable-heading.contact-head-main h2 { position: relative; padding: 0px 12px; width: fit-content; &::after { position: absolute; content: "" !important; bottom: 0; left: 0; right: 0; background-color: #B87333; width: 100%; height: 3px; transform: translateY(3px); border-radius: 0px 15px 0px 15px; transition: transform 0.2s ease-in-out; } } .wp-block-group.contact-col-two-group form p { margin-bottom: 0 !important; & input[type=text] { margin-bottom: 22px; border-color: #FFFFFF59; } & input[type=email] { margin-bottom: 22px; border-color: #FFFFFF59; } & input[type=tel] { margin-bottom: 22px; border-color: #FFFFFF59; } & textarea { margin-bottom: 22px; border-color: #FFFFFF59; } & input::placeholder { font-family: 'Inter'; font-weight: 400; font-size: 16px; line-height: 100%; color: #fff; } & input { font-family: 'Inter'; font-weight: 400; font-size: 16px; line-height: 100%; color: #fff; } } .wp-block-group.contact-col-two-group form input[type=submit] { width: 100%; background-color: #B87333; border-radius: 5px; border: 2px solid #fff; padding: 20px; font-family: 'Inter'; font-weight: 600; font-size: 20px; line-height: 100%; &:hover { background-color: #fff; color: #B87333; border-color: #B87333 !important; } } .wp-block-group.contact-col-two-group form p span.wpcf7-not-valid-tip { position: absolute; top: 0; transform: translateY(40px); font-size: 14px; } .wp-block-group.contact-col-two-group form .wpcf7-response-output { color: #fff; } .wp-block-stackable-heading.contact-head-main h2 { animation: lights 5s 750ms linear infinite; } /* ----------------- Newsletter Section ----------------- */ .wp-block-cover.newsletter-section .wp-block-cover.portfolio-container { overflow: visible !important; } .wp-block-cover.newsletter-section:hover .wp-block-stackable-text.newsletter-small-head p { color: #B87333 !important; &::after { transform: translateY(6px); background-color: #000; } } .wp-block-stackable-text.newsletter-small-head p::after { position: absolute; content: ''; bottom: 0; left: 0; right: 0; background-color: #B87333; height: 3px; width: 100%; transform: translateY(3px); border-radius: 0px 15px 0px 15px; transition: transform 0.5s ease-in-out; } .wp-block-group.newsletter-col-one-stack .wp-block-stackable-text p, .wp-block-group.newsletter-col-one-stack .wp-block-stackable-heading h2 { animation: lights-white 5s 750ms linear infinite; } .input-container { position: relative; z-index: 1; } .input-container input[type=email] { font-family: 'Inter'; padding: 25px; color: #fff; font-weight: 400; font-size: 16px; padding-right: 18rem; &::placeholder { font-family: 'Inter'; color: #fff; font-weight: 400; font-size: 16px; } } .input-container input[type=submit] { padding: 10px 28px; background-color: #B87333; font-weight: 600; position: absolute; top: 0; right: 12px; bottom: 0; height: 70%; margin: auto; text-transform: uppercase; font-family: 'Inter'; font-size: 16px; border: 1px solid #b87333; &:hover { background-color: #fff; color: #B87333; } } .input-container .wpcf7-spinner { position: absolute; right: 0; } .wp-block-group.new-circle { position: absolute; bottom: 0; left: 0; width: 157px; height: 157px; border-radius: 50%; transform: translate(13em, 5px); transition: transform 1.5s ease-in-out; z-index: 0; } .wp-block-group.new-stars-shape { position: absolute; bottom: 0; right: 26rem; width: 70px; height: 70px; clip-path: polygon(22.429% 7.714%, 24.143% 35.286%, 2.429% 52.429%, 2.429% 52.429%, 1.424% 53.454%, 0.719% 54.611%, 0.303% 55.855%, 0.168% 57.137%, 0.304% 58.411%, 0.701% 59.629%, 1.35% 60.744%, 2.241% 61.709%, 3.366% 62.476%, 4.714% 63%, 31.429% 69.714%, 41% 95.714%, 41% 95.714%, 41.682% 96.969%, 42.581% 97.985%, 43.647% 98.756%, 44.833% 99.275%, 46.089% 99.536%, 47.367% 99.53%, 48.617% 99.252%, 49.791% 98.695%, 50.84% 97.851%, 51.714% 96.714%, 66.429% 73.429%, 94.143% 72.286%, 94.143% 72.286%, 95.528% 72.083%, 96.755% 71.591%, 97.805% 70.853%, 98.655% 69.915%, 99.286% 68.821%, 99.677% 67.616%, 99.807% 66.344%, 99.656% 65.049%, 99.203% 63.777%, 98.429% 62.571%, 80.714% 41.286%, 88.286% 14.714%, 88.286% 14.714%, 88.498% 13.319%, 88.386% 11.983%, 87.989% 10.741%, 87.342% 9.629%, 86.482% 8.679%, 85.447% 7.926%, 84.273% 7.404%, 82.997% 7.149%, 81.655% 7.193%, 80.286% 7.571%, 54.571% 17.714%, 31.714% 2.429%, 31.714% 2.429%, 30.436% 1.786%, 29.117% 1.47%, 27.801% 1.455%, 26.533% 1.718%, 25.357% 2.232%, 24.319% 2.974%, 23.462% 3.918%, 22.832% 5.039%, 22.473% 6.313%, 22.429% 7.714%); transition: transform 1.5s ease-in-out; z-index: 0; } .wp-block-group.new-small-circles { width: 86px; position: absolute; top: -5px; right: 10rem; height: 86px; border-radius: 50%; transition: transform 1.5s ease-in-out; z-index: 0; } .wp-block-cover.newsletter-section:hover .wp-block-group.new-circle { transform: translate(9rem, -3rem); } .wp-block-cover.newsletter-section:hover .wp-block-group.new-stars-shape { transform: scale(1.2); } .wp-block-cover.newsletter-section:hover .wp-block-group.new-small-circles { transform: translateY(3rem); } /* ----------------- Services Section ------------------ */ .wp-block-group.service-col-text .wp-block-stackable-heading.service-small-text { position: relative; width: fit-content; & h4::after { position: absolute; content: ""; bottom: 0; left: 0; right: 0; background-color: #B87333; width: 100%; height: 3px; transform: translateY(3px); border-radius: 0px 15px 0px 15px; transition: transform 0.2s ease-in-out; } } .wp-block-cover.service-section:hover .service-small-text h4::after { transform: translateY(6px); background-color: #000 !important; } .wp-block-cover.service-section:hover .service-small-text h4 { color: #B87333 !important; } .wp-block-group.service-col-text .wp-block-stackable-heading h4, .wp-block-group.service-col-text .wp-block-stackable-heading h3, .wp-block-group.service-col-text .wp-block-stackable-text p { animation: lights-white 5s 750ms linear infinite; } .wp-block-column.service-col-two .grid-row article:nth-child(2), .wp-block-column.service-col-two .grid-row article:nth-child(4) { transform: translateY(5rem); } .wp-block-column.service-col-two .grid-row article .gutentor-post-item { background-color: #fff; margin-bottom: 25px; } .wp-block-column.service-col-two .grid-row article .gutentor-post-image-box { margin-bottom: 20px; overflow: visible; } .wp-block-column.service-col-two .grid-row article h3 { margin-bottom: 15px; } .wp-block-column.service-col-two .grid-row article .gutentor-post-item .gutentor-image-thumb { border-radius: 10px; background-color: #b87333e0; padding: 10px; width: fit-content; } .wp-block-column.service-col-two .grid-container { padding: 0 !important; } .wp-block-column.service-col-two .grid-row article .gutentor-post-desc { line-height: 27px !important; margin-bottom: 0 !important; } .wp-block-column.service-col-two .grid-row article .gutentor-post-item { transition: box-shadow 0.5s ease-in-out; &:hover { box-shadow: 10px 10px 15px 0 #b8733361; } } .wp-block-cover.service-section:hover .wp-block-cover__image-background { transform: scale(1.1); } .wp-block-cover.service-section .wp-block-cover__image-background { transition: transform 0.8s ease-in-out; } .wp-block-column.service-col-two .grid-row article { &:hover .gutentor-image-thumb { animation: flip 0.5s ease-in-out; } &:hover .gutentor-post-title a { color: #B87333 !important; } } /*************************** footer-css-************************************/ .icon-label-one .stk-row.stk-inner-blocks.stk-block-content { gap: 20px; } .footer-main-col .wp-block-navigation { font-family: 'Inter'; line-height: 36px; font-weight: 400; } .footer-section .portfolio-container { margin-top: 50px !important; margin-bottom: 50px !important; } .mobile-row a { text-decoration: none !important; } .location-row a { text-decoration: none !important; } .mail-row a { text-decoration: none !important; } .footer-main-col .wp-block-navigation li a:hover span { color: #B87333; } .wp-block-column.footer-col-one .gutentor-element-advanced-text-link { &:hover p { color: #B87333 !important; } p { font-family: 'Inter'; font-weight: 400; font-size: 16px; line-height: 30px; margin-bottom: 0px !important; color: #fff; } } .wp-block-group.footer-section-two a { text-decoration: unset; color: #1a1a1ecc; &:hover p { color: #B87333; } } .wp-block-group.footer-section-two a p { margin-bottom: 0; padding-top: 22px; padding-bottom: 20px; font-family: 'Inter'; font-weight: 700; font-size: 20px; } .wp-block-group.footer-col-one-stack > .wp-block-group { flex-wrap: wrap; } .return_top{ position: fixed; right: 20px; bottom: 20px; z-index: 10; border-radius: 50%; cursor: pointer; } /************** testimonial-section-css***********************/ .portfolio-container-testimonial{ display: flex; justify-content: end !important; width: 100%; } .wp-block-kadence-testimonials .kt-testimonial-rating-5 .kt-svg-testimonial-rating-icon { margin-left: 5px; } .portfolio-container-testimonial .wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained { max-width: 80%; } .wp-block-group.testimonial-text-grp .wp-block-stackable-text p, .wp-block-group.testimonial-text-grp .wp-block-stackable-heading h2 { animation: lights-white 5s 750ms linear infinite; } .wp-block-group.testimonial-text-grp .wp-block-stackable-text { width: fit-content; margin-left: unset !important; } .wp-block-cover.testimonial-section:hover .wp-block-stackable-text.newsletter-small-head p { color: #B87333 !important; &::after { transform: translateY(6px); background-color: #000; } } .wp-block-group.test-slide-group { border: 2px solid #B87333; transition: 0.5s ease-in-out; &:hover { border-color: #000; background-color: #000 !important; } } .gutentor-element-rating.test-rating .gutentor-rating-marked i { color: #FEC700; font-size: 21px; margin: 0px 3px; } .wp-block-group.testimonial-carousel .wp-block-stackable-carousel .wp-block-stackable-column { padding: 0px 5px; } .wp-block-group.left-testi-circle { position: absolute; left: 0; top: 0; bottom: 0; width: 200px; height: 200px; margin: auto; border-radius: 50%; transform: translateX(-9rem); transition: transform 1s ease-in-out; } .wp-block-group.testo-right-circle { position: absolute; right: 0; top: 0; bottom: 0; width: 80px; height: 80px; transform: translate(-28rem, 10rem); border-radius: 50%; transition: transform 1.5s ease-in-out; } .wp-block-group.testo-right-border-circle { position: absolute; right: 0; bottom: 0; width: 25px; height: 25px; border-radius: 50%; border: 5px solid #B87333; transform: translateX(-28rem); opacity: 0.5; transition: transform 1.8s ease-in-out; } .wp-block-group.testo-right-star { position: absolute; top: 0; right: 0; clip-path: polygon(22.429% 7.714%, 24.143% 35.286%, 2.429% 52.429%, 2.429% 52.429%, 1.424% 53.454%, 0.719% 54.611%, 0.303% 55.855%, 0.168% 57.137%, 0.304% 58.411%, 0.701% 59.629%, 1.35% 60.744%, 2.241% 61.709%, 3.366% 62.476%, 4.714% 63%, 31.429% 69.714%, 41% 95.714%, 41% 95.714%, 41.682% 96.969%, 42.581% 97.985%, 43.647% 98.756%, 44.833% 99.275%, 46.089% 99.536%, 47.367% 99.53%, 48.617% 99.252%, 49.791% 98.695%, 50.84% 97.851%, 51.714% 96.714%, 66.429% 73.429%, 94.143% 72.286%, 94.143% 72.286%, 95.528% 72.083%, 96.755% 71.591%, 97.805% 70.853%, 98.655% 69.915%, 99.286% 68.821%, 99.677% 67.616%, 99.807% 66.344%, 99.656% 65.049%, 99.203% 63.777%, 98.429% 62.571%, 80.714% 41.286%, 88.286% 14.714%, 88.286% 14.714%, 88.498% 13.319%, 88.386% 11.983%, 87.989% 10.741%, 87.342% 9.629%, 86.482% 8.679%, 85.447% 7.926%, 84.273% 7.404%, 82.997% 7.149%, 81.655% 7.193%, 80.286% 7.571%, 54.571% 17.714%, 31.714% 2.429%, 31.714% 2.429%, 30.436% 1.786%, 29.117% 1.47%, 27.801% 1.455%, 26.533% 1.718%, 25.357% 2.232%, 24.319% 2.974%, 23.462% 3.918%, 22.832% 5.039%, 22.473% 6.313%, 22.429% 7.714%); transition: transform 1.5s ease-in-out; width: 70px; height: 70px; transform: translate(-15rem, 3rem); transition: transform 1.2s ease-in-out; } .wp-block-group.testo-right-path { position: absolute; top: 0; right: 0; bottom: 0; transition: transform 1.5s ease-in-out; clip-path: polygon(53.757% 99.956%, 1.226% 59.873%, 1.226% 59.873%, 1.076% 59.574%, 0.737% 58.735%, 0.375% 57.44%, 0.157% 55.777%, 0.25% 53.832%, 0.821% 51.689%, 2.035% 49.435%, 4.06% 47.156%, 7.062% 44.938%, 11.208% 42.866%, 11.208% 42.866%, 15.191% 41.287%, 20.902% 39.112%, 28.063% 36.439%, 36.396% 33.366%, 45.622% 29.991%, 55.464% 26.41%, 65.644% 22.723%, 75.884% 19.026%, 85.906% 15.417%, 95.432% 11.995%, 95.432% 11.995%, 100.546% 10.16%, 105.351% 8.437%, 109.795% 6.846%, 113.822% 5.405%, 117.379% 4.133%, 120.411% 3.05%, 122.863% 2.174%, 124.682% 1.525%, 125.814% 1.121%, 126.203% 0.983%, 126.203% 0.983%, 126.759% 0.821%, 128.354% 0.477%, 130.879% 0.167%, 134.224% 0.103%, 138.28% 0.499%, 142.938% 1.57%, 148.089% 3.528%, 153.623% 6.589%, 159.43% 10.966%, 165.403% 16.872%, 165.403% 16.872%, 168.375% 22.126%, 171.877% 28.954%, 175.71% 36.854%, 179.676% 45.326%, 183.576% 53.869%, 187.211% 61.982%, 190.385% 69.164%, 192.897% 74.914%, 194.55% 78.731%, 195.145% 80.115%, 53.757% 99.956%); width: 300px; height: 360px; margin: auto; } .wp-block-cover.testimonial-section:hover { & .wp-block-group.left-testi-circle { transform: scale(1.4) translateX(-4rem); } & .wp-block-group.testo-right-circle { transform: translate(-31rem, 6rem); } } li.footer-buy-now span { padding: 4px 20px; margin-top: 10px; background-color: #B87333; display: inline-block; border-radius: 0px 25px; transition: border-radius 0.5s ease-in-out; &:hover { background-color: #fff !important; border-radius: 10px !important; } } li.footer-buy-now a:hover span { color: #000; } li.header-buy-now span { background-color: #B87333; padding: 5px 15px; color: #fff; border-radius: 5px; transition: border-radius 0.5s ease-in-out; &:hover { background-color: #1B1725; border-radius: 0px 25px } } body.has-mtsnb .wp-block-group.header-col.sticky { top: 40px; } body.page-template-about-us .wp-block-group.aboutus-right-row .wp-block-stackable-button-group { display: none !important; }