a{ -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } a:focus, button:focus{ outline: 2px solid; } a{ color: var(--wp--preset--color--heading); } a:hover, a:focus{ color: var(--wp--preset--color--primary); } /*navigation css*/ @media screen and (min-width:1000px){ .wp-block-navigation ul li a{ position: relative; } .wp-block-navigation ul li a:hover, .wp-block-navigation ul li a:focus, .wp-block-navigation .current-menu-item a, .wp-block-navigation ul ul li a:hover, .wp-block-navigation ul ul li a:focus, .wp-block-navigation__submenu-container .current-menu-item a{ color: var(--wp--preset--color--primary) !important; } .wp-block-navigation .has-child .wp-block-navigation__submenu-container{ border-top: 2px solid var(--wp--preset--color--primary); border-bottom: 2px solid var(--wp--preset--color--primary); box-shadow: -2px 2px 8px #cfc8d8; } .wp-block-navigation ul ul li a{ border-bottom: 1px solid var(--wp--preset--color--border-color); color: var(--wp--preset--color--primary) !important; } .wp-block-navigation ul li:last-child a{ border-bottom: none; } .wp-block-navigation ul ul li a:hover, .wp-block-navigation ul ul li a:focus, .wp-block-navigation__submenu-container .current-menu-item a{ background-color: var(--wp--preset--color--primary-light) !important; } } .wp-block-navigation ul ul{ padding: 0 !important; } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{ width: 100%; border: 1px solid var(--wp--preset--color--border-color); border-top-color: var(--wp--preset--color--primary); border-bottom-color: var(--wp--preset--color--primary); } .wp-block-navigation__responsive-container.is-menu-open li a, .wp-block-navigation__responsive-container.is-menu-open li li a, .wp-block-navigation__responsive-container.is-menu-open li li:last-child a{ border-bottom: 1px solid var(--wp--preset--color--border-color); } .wp-block-navigation__responsive-container.is-menu-open li:last-child a{ border-bottom: none; } .wp-block-navigation__responsive-container.is-menu-open li a:hover, .wp-block-navigation__responsive-container.is-menu-open li a:focus, .wp-block-navigation__responsive-container.is-menu-open li.current-menu-item a{ background-color: var(--wp--preset--color--primary-light) !important; color: var(--wp--preset--color--primary) !important; } .wp-block-navigation .wp-block-navigation__submenu-icon{ background: transparent; } @media screen and (max-width:999px) { .wp-block-navigation__responsive-container, .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{ display: none; } .wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg{ width: 26px; height: 26px; } .wp-block-navigation__responsive-container-open svg{ fill: var(--wp--preset--color--heading); } .wp-block-navigation__responsive-container-close svg{ fill: var(--wp--preset--color--black); } .wp-block-navigation__responsive-container-close{ top: 0; left: 20px; } .wp-block-navigation__responsive-container-open:not(.always-shown){ display: block; } .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; } .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{ background-color: var(--wp--preset--color--white); } .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{ padding: 1.5em; padding-top: 2.5rem; } .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container { width: 100%; gap: 0 !important; border-bottom: none; } .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item { width: 100%; gap: 0 !important; border: none !important; } .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item a { width: calc( 100% - 48px ); padding: 12px 24px 12px; line-height: 30px; text-align: right; } /* * Submenu Css */ .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container { width: 100%; gap: 0; margin: 0; padding: 0; box-shadow: none; } .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a{ gap: 3px; font-weight: 300 !important; } .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a:before { content: '--'; } } .wp-block-image img{ vertical-align: middle; } .pos-relative{ position: relative; } .footer-post-excerpt p{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } form { position: relative; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select { width: 100%; margin: 0; padding: 10px 15px; border: 1px solid var(--wp--preset--color--border-color); outline: 0; resize: none; line-height: 20px; background: none; color: var(--wp--preset--color--foreground); font-weight: 400; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } select option{ background: var(--wp--preset--color--base); color: var(--wp--preset--color--foreground); } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } select::-ms-expand { display: none; /* hide the default arrow in ie10 and ie11 */ } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus, select:focus { border-color: var(--wp--preset--color--primary); } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; -moz-appearance: button; appearance: button; cursor: pointer; border: none; outline: none; padding: 12px 20px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-color: var(--wp--preset--color--primary); border-radius: 0; } html input[type="button"], input[type="reset"], input[type="submit"] { text-align: center; letter-spacing: 2px; } .wpcf7-form label { display: block; text-transform: uppercase; font-size: 12px; margin: 0 0 8px; color: var(--wp--preset--color--foreground); font-weight: 700; } .form-group { margin-bottom: 30px; } .form-group p{ margin: 0; } .form-group.half { width: 48%; margin-left: 4%; float: right; } .form-group.half.last { margin-left: 0; } .form-group.third { width: 32%; margin-left: 2%; float: right; } .form-group.third.last { margin-left: 0; } /*comment*/ .wp-block-comments{ padding: 20px; border: 1px solid var(--wp--preset--color--border-color); } .wp-block-comment-template li .wp-block-columns{ border: 1px solid var(--wp--preset--color--border-color); padding: 20px; } .wp-block-avatar img{ border: 1px solid var(--wp--preset--color--border-color); padding: 2px; } .wp-block-post-comments-form textarea{ background: var(--wp--preset--color--section-bg); } /*pagination*/ .wp-block-query-pagination-numbers .page-numbers{ padding: var(--wp--preset--spacing--20); line-height: 1; text-decoration: none; color:var(--wp--preset--color--primary); } .wp-block-query-pagination-numbers .page-numbers.current{ background:var(--wp--preset--color--primary); color: var(--wp--preset--color--white) !important; } .wp-block-query-pagination-numbers .page-numbers:hover{ color:var(--wp--preset--color--heading); } .wp-block-query-pagination-next, .wp-block-query-pagination-previous{ background:var(--wp--preset--color--primary); font-size: var(--wp--preset--font-size--small); line-height: 1; padding: 10px; color: var(--wp--preset--color--white); text-decoration: none; } .wp-block-query-pagination-next:hover, .wp-block-query-pagination-previous:hover{ color: var(--wp--preset--color--background); background-color: var(--wp--preset--color--heading); } /*sidebar css*/ .sidebar-box,.inner-post-box{ position: relative; box-shadow: 0px 4px 9px var(--wp--preset--color--sidebar-shadow-color); } .sidebar-heading{ display: table; position: absolute; right: 0; left: 0; top: -25px; width: auto; } .sidebar-post-title{ margin-block-start: 10px; margin-block-end: 0; } .sidebar-box .wp-block-page-list ul li{ list-style: square; } .sidebar-box .wp-block-archives-list li , .sidebar-box .wp-block-categories-list li, .sidebar-box .wp-block-page-list li{ list-style: circle; } .sidebar-box .wp-block-archives-list li::marker, .sidebar-box .wp-block-categories-list li::marker, .sidebar-box .wp-block-page-list li::marker{ color: var(--wp--preset--color--primary); } .sidebar-box .wp-block-archives-list,.sidebar-box .wp-block-categories-list{ padding-right: 20px; } .sidebar-box ul li a{ text-decoration: none; } .sidebar-box .wp-block-tag-cloud a{ background: var(--wp--preset--color--primary-light); color: var(--wp--preset--color--black); } .sidebar-box .wp-block-tag-cloud a:hover{ background: var(--wp--preset--color--background); color: var(--wp--preset--color--primary); } /*post css*/ .post-title{ position: relative; } .post-title .wp-block-separator{ width: 57px !important; } .post-title .wp-block-separator:after{ position: absolute; content: ""; width: 10px; height: 10px; border-radius: 10px; background: var(--wp--preset--color--primary); top: 0; bottom: 0; margin: auto; } .archieve-readmore .wp-block-separator{ width: 20px !important; } /*woocommerce*/ .wp-block-group.woocommerce.product{ margin-block-start: 0; } .wc-block-product, .wc-block-grid__product, .woocommerce .products li, .wp-block-woocommerce-related-products li, .products-block-post-template li { text-align: center; padding: 10px !important; background: var(--wp--preset--color--section-bg); } .wc-block-grid__product{ margin: 0 10px; } a.wc-block-grid__product-link,.wc-block-grid__product-image,.wc-block-grid__products .wc-block-grid__product-image img { width: 100%; } .wc-block-components-product-rating__stars,.wc-block-grid__product-rating,.woocommerce .star-rating { margin: 0 auto 0.5em; color: #f4bc16; } .wc-block-components-product-rating__stars::before,.wc-block-grid__product-rating .star-rating:before{ color: #cfc8d8; } .woocommerce span.onsale,.wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale{ background-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--white); padding: 0; border-radius: 0px; margin: 5px !important; min-height: 8px; line-height: 26px; min-width: 60px; } nav.woocommerce-MyAccount-navigation ul li { background: var(--wp--preset--color--primary); border: 1px solid; border-color: var(--wp--preset--color--primary); padding: 12px!important; margin-bottom: 10px; } nav.woocommerce-MyAccount-navigation ul li a{ color: var(--wp--preset--color--foreground); } nav.woocommerce-MyAccount-navigation ul li:hover { background: var(--wp--preset--color--heading); border-color: var(--wp--preset--color--heading); } nav.woocommerce-MyAccount-navigation ul li:hover a{ color: var(--wp--preset--color--background); } .woocommerce ul.products li.product .button{ padding: var(--wp--preset--spacing--30); border-radius: 0; } .woocommerce a.added_to_cart, .added_to_cart.wc-forward{ background-color: var(--wp--preset--color--primary); color: var(--wp--preset--color--white); border-radius: 0; padding: var(--wp--preset--spacing--30); text-decoration: none; display: inline-block; } .added_to_cart.wc-forward{ margin-right: 10px; } .wc-block-components-product-badge{ box-shadow: -2px 2px 0 0 var(--wp--preset--color--heading); border-radius: 0 !important; border: solid 2px var(--wp--preset--color--heading) !important; padding: 5px 8px !important; } .wc-block-grid__product .wc-block-grid__product-title,.wc-block-components-product-name,h2.woocommerce-loop-product__title,.woocommerce-Tabs-panel h2{ font-size: 18px !important; font-weight: bold; } .woocommerce #review_form #respond textarea{ background: var(--wp--preset--color--section-bg); border: 1px solid var(--wp--preset--color--border-color); } .woocommerce-Tabs-panel--reviews,.wc-block-checkout__form,.woocommerce-Tabs-panel--description{ padding: 20px !important; border: 1px solid var(--wp--preset--color--border-color); } .wc-block-checkout__form, .wp-block-woocommerce-checkout-order-summary-block,.wc-block-checkout__actions_row a:hover{ color: var(--wp--preset--color--heading); } .wc-block-components-sidebar-layout.wc-block-cart{ padding-top: 30px; } .wc-block-cart{ border: 1px solid var(--wp--preset--color--border-color); padding: 30px; border-radius: 10px; color: var(--wp--preset--color--heading); } .is-large.wc-block-cart .wc-block-cart-items td:after ,.is-large.wc-block-cart .wc-block-cart-items:after { border-color: transparent; } .wc-block-cart .wc-block-cart-items th,.wp-block-woocommerce-cart-order-summary-block .wc-block-cart__totals-title{ padding: 10px !important; } .wc-block-cart table.wc-block-cart-items{ margin: 0 !important; } .wp-block-woocommerce-cart .wc-block-cart-items,.wc-block-cart-items__header,.wp-block-woocommerce-checkout-order-summary-block,.wp-block-woocommerce-cart-order-summary-block,.woocommerce-Tabs-panel--description,.is-large.wc-block-cart .wc-block-cart-items{ border: 1px solid var(--wp--preset--color--border-color); } .wc-block-components-totals-wrapper:after{ border-color: var(--wp--preset--color--border-color); opacity: 1 !important; } .wc-block-cart__submit-container a{ margin-top: 15px; } .wc-block-checkout__actions_row a{ color: var(--wp--preset--color--primary); } .wc-block-checkout__actions_row a:hover{ color: var(--wp--preset--color--heading); } .wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide.wc-block-checkout { margin-left: auto !important; margin-right: auto !important; } .wc-block-components-sidebar-layout .wc-block-components-main { padding-left: 0 !important; } .wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover { background: transparent; } @media screen and (max-width:999px){ .woocommerce-page.search .wp-block-woocommerce-product-template, .woocommerce-page .products-block-post-template, .wp-block-woocommerce-related-products .wp-block-post-template{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .woocommerce-page .wp-block-query-title{ font-size: 30px !important; } .wc-block-components-totals-wrapper{ padding: 16px 22px; } .wc-block-cart{ padding: 0; border: none; } .wc-block-components-sidebar-layout.wc-block-cart{ padding-top: 0; } } @media screen and (max-width:600px){ .woocommerce-page.search .wp-block-woocommerce-product-template, .woocommerce-page .products-block-post-template, .wp-block-woocommerce-related-products .wp-block-post-template{ grid-template-columns: 1fr !important; } .single-product .wp-block-woocommerce-product-meta .wp-block-group{ display: block !important; } .woocommerce-page .wp-block-query-title{ font-size: 25px !important; } .wp-block-woocommerce-cart:where(:not(.alignleft):not(.alignright):not(.alignfull)){ max-width: 90% !important; } } /* scroll top */ p.scroll-top { position: absolute; } .scroll-top::before{ font-size: 20px; cursor: pointer; background: var(--wp--preset--color--heading); color: var(--wp--preset--color--background); font-family: "Font Awesome 5 Free"; font-weight: 600; content: '\f135'; position: fixed; bottom: 20px; left: 30px; width: 40px; height: 40px; transform: rotate(320deg); display: flex; align-items: center; justify-content: center; border-radius: 6px; z-index: 99; } .scroll-top:hover::before { background: var(--wp--preset--color--background) !important; color: var(--wp--preset--color--primary); } .bannerimage img{ width: 100%; } .appartment-details img { width: 100%; } .menublock { display: flex; justify-content: end; } /*navigation css*/ .header-navigation {; box-shadow: -200px 0px 0px 0px var(--wp--preset--color--section-bg); padding: 2px 19px; border-radius: 0px 30px 0px 0px; } /*latest-news css*/ .latest-post-column{ padding-top: 0px; } .latest-image-block{ position: relative; } .post-date{ bottom: -1%; right: 20px; z-index: 1; position: absolute; } .latest-post-column h5 a{ text-decoration: none; } .custom-footer-class{ margin-block-start: 0; } .footer-widgets ul.wp-block-list{ padding-right: 20px; } .footer-widgets li{ margin-bottom: 20px; } .footer-widgets li a{ text-decoration: none; } .footer-widgets li:last-child{ margin-bottom: 0; } .footer-widgets li:hover a, .footer-widgets li:hover::marker { color: var(--wp--preset--color--primary); } .copyright-text a:hover, .copyright-text a:focus{ color: #fff; } /* --- Block Media Quries -------------------------------------------------------- */ /* --- > Media Queries -------------------------------------------------------- */ /* --- > 781px -------------------------------------------------------- */ /* --- Inner Pages Media Quries -------------------------------------------------------- */ @media screen and (max-width:999px) { .latest-news .wp-block-post-template, .post-grid-layout.wp-block-post-template{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .inner-cover-img h2,.without-cover-img h2{ font-size: 30px !important; } } @media screen and (max-width: 999px) and (min-width: 782px){ .page-template-blog-right-sidebar .wp-block-post-template, .page-template-blog-left-sidebar .wp-block-post-template, .search-results .wp-block-post-template{ grid-template-columns: 1fr !important; } .sidebar-col,.post-col{ flex-basis: 50% !important; } .page-sidebar-col{ flex-basis: 40% !important; } .page-text-col{ flex-basis: 60% !important; } } @media screen and (max-width:781px){ .post-title .wp-block-separator{ width: 30px !important; } .post-title h4{ font-size: 21px; } .archieve-meta time ,.archieve-meta .wp-block-post-author-name{ font-size: 13px !important; } } @media screen and (max-width:767px){ .post-grid-layout.wp-block-post-template, .page-template-blog-right-sidebar .wp-block-post-template, .page-template-blog-left-sidebar .wp-block-post-template, .latest-news .wp-block-post-template, .search-results .wp-block-post-template{ display: block !important; } .post-grid-layout.wp-block-post-template li, .page-template-blog-right-sidebar .wp-block-post-template li, .page-template-blog-left-sidebar .wp-block-post-template li, .latest-news .wp-block-post-template li, .search-results .wp-block-post-template li{ margin-bottom: 40px; } .post-grid-layout.wp-block-post-template li:last-child, .page-template-blog-right-sidebar .wp-block-post-template li:last-child, .page-template-blog-left-sidebar .wp-block-post-template li:last-child, .latest-news .wp-block-post-template li:last-child, .search-results .wp-block-post-template li:last-child{ margin-bottom: 0; } .inner-cover-img h2,.without-cover-img h2{ font-size: 25px !important; text-align: center !important; } .error-heading{ font-size: 110px !important; } } @media screen and (max-width:1099px){ .footer-widgets{ flex-wrap: wrap !important; } .footer-widgets .wp-block-column{ flex-basis: 48% !important; } } @media screen and (max-width:999px) { .header-navigation{ border-radius: 0; } .upper-header, .menu-header { text-align: center; } .upper-header .wp-block-group, .menu-header .wp-block-group{ justify-content: center; } .menublock{ justify-content: center !important; } .apartment-details-text{ text-align: center; } .appartment-details img { width: auto !important; } .details-img img{ width: 100% !important; } } @media screen and (max-width: 1024px) and (min-width: 769px){ .upper-header p{ font-size: 13px; } .mail-text,.number-text{ font-size: 14px !important; } .menu-header ul li a{ padding: 6px; font-size: 15px; } } @media screen and (max-width: 781px){ .menu-header .wp-block-columns, .apartment-details-text .wp-block-columns{ flex-wrap: nowrap !important; } .menu-header .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.menublock{ flex-basis: 10% !important; } .menu-header .wp-block-group{ justify-content: start !important; } .detail-info-box .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.detail-info-img{ flex-basis: 20% !important; } .detail-info-box{ text-align: right; } .detail-info-img{ text-align: left; } .apartment-details-text { order: 2; } } @media screen and (max-width: 600px){ .copyright-text{ display: grid !important; } .copyright-text p{ text-align: center; } }