/*! Theme Name: AyaHairSalon Description: AyaHairSalon is a child theme of AyaClub WordPress Theme. This Free Aya Templates WordPress Theme is easy to use and customizable theme, includes new default colos design and layout, header social icons: Facebook, Twitter, LinkedIn, Instagram, RSS Feeds, Tumblr, YouTube, Pinterest, VK, Flickr, and Vine. Suitable for hair salons, beauty comestic centers, wellness and spa websites. Theme URI: https://ayatemplates.com/product/ayahairsalon Author: ayatemplates Author URI: https://ayatemplates.com Template: ayaclub Version: 1.2.8 Text Domain: ayahairsalon Tags: blog, two-columns, right-sidebar, custom-logo, custom-background, custom-header, custom-menu, featured-images, threaded-comments, translation-ready, sticky-post, theme-options, footer-widgets, full-width-template, editor-style License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Requires PHP: 5.6 Requires at least: 6.1 Tested up to: 6.2.2 */ /* general styles */ body { font-family:"Arimo",Arial,Helvetica,sans-serif; font-size: 16px; } body:before { content: none !important; } /* cyrillic-ext */ @font-face { font-family: 'Arimo'; font-style: normal; font-weight: 400; src: url(./fonts/Arimo-google-font-1.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Arimo'; font-style: normal; font-weight: 400; src: url(./fonts/Arimo-google-font-2.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Arimo'; font-style: normal; font-weight: 400; src: url(./fonts/Arimo-google-font-3.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Arimo'; font-style: normal; font-weight: 400; src: url(./fonts/Arimo-google-font-4.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* hebrew */ @font-face { font-family: 'Arimo'; font-style: normal; font-weight: 400; src: url(./fonts/Arimo-google-font-5.woff2) format('woff2'); unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } /* vietnamese */ @font-face { font-family: 'Arimo'; font-style: normal; font-weight: 400; src: url(./fonts/Arimo-google-font-6.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Arimo'; font-style: normal; font-weight: 400; src: url(./fonts/Arimo-google-font-7.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Arimo'; font-style: normal; font-weight: 400; src: url(./fonts/Arimo-google-font-8.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } article a { text-decoration: underline; } .entry-title a, .post-entry-title a { text-decoration: none; } a { color:#E75D1E; } a:hover { color:#FBC191; } a:focus { outline: dotted; outline-style: dotted; text-decoration: underline; } 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 { border-color: #000; outline: solid rgba(0, 115, 170, 0.15); outline-offset: -4px; } .button:focus, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus { outline: dotted; outline-offset: -4px; } p { padding:3px 0 3px 0; margin:0; } img { border:0; outline:0; } .lb-prev, .lb-next { transition:none !important; } select { background-color: white; border: 1px solid #CCC; padding: 8px 3px; border-radius: 3px; } .quantity input[type="number"] { background-color: white; border: 1px solid #CCC; border-radius: 3px; font-size: 16px; margin-top: 5px; } #main-content-wrapper img, #footer-main img { max-width:100%; height:auto; } article, .recent-posts-slider-after-content { line-height:1.5; } h1, h2, h3, h4, h5, h6{ color:#E75D1E; } h2 { padding:5px 0 0 0; } /* header */ #header-main-fixed { color:#000000; -webkit-box-shadow: 0 4px 2px -2px gray; -moz-box-shadow: 0 4px 2px -2px gray; box-shadow: 0 4px 2px -2px gray; } #header-main-fixed a h1, #header-main-fixed a { color:#48300E; } #header-main-fixed a:hover { text-decoration: none; color:#EE5C13; } #navmain > div > ul > li > a, .cart-contents-icon, .search-form-icon { color:#48300E; } #navmain > div > ul > .current-menu-item > a, #navmain > div > ul > .current-menu-ancestor > a, #navmain > div > ul > li > a:hover, .cart-contents-icon:hover, .search-form-icon:hover { color:#FBC191; } #footer-bottom-widget-area { margin-top:10px; } #footer-bottom-area { clear:both; padding:15px 2% 10px 2%; background-color:#BF4D18; } #footer-bottom-area { color:#D5DCE2; } #footer-bottom-area a { color:#48300E; } #footer-bottom-area a:hover { color:#FCFCFA; } #footer-main { clear:both; background-color:#E75D1E; color:#D5DCE2; } #footer-main a { color:#48300E; } #footer-main a:hover { color:#FCFCFA; } .button, input[type="submit"], button, .btn, #main .button, #main #respond input[type="submit"], #main-content-wrapper .woocommerce .checkout-button, #main-content-wrapper .woocommerce #place_order, #main-content-wrapper article .wc-block-grid__products .wp-block-button .wp-block-button__link { background-image: -ms-linear-gradient(top, #FBC191/*__BUTTON_GRADIENT_TOP__*/ 0%, #48300E/*__BUTTON_GRADIENT_BOTTOM__*/ 100%); background-image: -moz-linear-gradient(top, #FBC191/*__BUTTON_GRADIENT_TOP__*/ 0%, #48300E/*__BUTTON_GRADIENT_BOTTOM__*/ 100%); background-image: -o-linear-gradient(top, #FBC191/*__BUTTON_GRADIENT_TOP__*/ 0%, #48300E/*__BUTTON_GRADIENT_BOTTOM__*/ 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FBC191/*__BUTTON_GRADIENT_TOP__*/), color-stop(1, #48300E/*__BUTTON_GRADIENT_BOTTOM__*/)); background-image: -webkit-linear-gradient(top, #FBC191/*__BUTTON_GRADIENT_TOP__*/ 0%, #48300E/*__BUTTON_GRADIENT_BOTTOM__*/ 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FBC191/*__BUTTON_GRADIENT_TOP__*/', endColorstr='#48300E/*__BUTTON_GRADIENT_BOTTOM__*/'); background-image: linear-gradient(top, #FBC191/*__BUTTON_GRADIENT_TOP__*/ 0%, #48300E/*__BUTTON_GRADIENT_BOTTOM__*/ 100%); } .button:hover, input[type="submit"]:hover, button:hover, #main .button:hover, .btn:hover, #main #respond input[type="submit"]:hover, #main-content-wrapper .woocommerce .checkout-button:hover, #main-content-wrapper .woocommerce #place_order:hover, #main-content-wrapper article .wc-block-grid__products .wp-block-button .wp-block-button__link:hover { color:#ffffff; background-image: -ms-linear-gradient(top, #48300E/*__BUTTON_GRADIENT_BOTTOM__*/ 0%, #FBC191/*__BUTTON_GRADIENT_TOP__*/ 100%); background-image: -moz-linear-gradient(top, #48300E/*__BUTTON_GRADIENT_BOTTOM__*/ 0%, #FBC191/*__BUTTON_GRADIENT_TOP__*/ 100%); background-image: -o-linear-gradient(top, #48300E/*__BUTTON_GRADIENT_BOTTOM__*/ 0%, #FBC191/*__BUTTON_GRADIENT_TOP__*/ 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #48300E/*__BUTTON_GRADIENT_BOTTOM__*/), color-stop(1, #FBC191/*__BUTTON_GRADIENT_TOP__*/)); background-image: -webkit-linear-gradient(top, #48300E/*__BUTTON_GRADIENT_BOTTOM__*/ 0%, #FBC191/*__BUTTON_GRADIENT_TOP__*/ 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#48300E/*__BUTTON_GRADIENT_BOTTOM__*/', endColorstr='#FBC191/*__BUTTON_GRADIENT_TOP__*/'); background-image: linear-gradient(top, #48300E/*__BUTTON_GRADIENT_BOTTOM__*/ 0%, #FBC191/*__BUTTON_GRADIENT_TOP__*/ 100%); } .navigation .page-dots, .navigation .page-numbers { border:1px solid #573507; margin-right:10px; } .navigation .current, .navigation .current:hover { background:#FBC191 !important; } .navigation .page-numbers:hover { background:#D5DCE2; } .thumbnail-content { min-height:30px; } .badge-wrapper { margin-left:15px; position:relative; overflow:visible !important; } .badge { background: #000; position: absolute; top: 0; left: -15px; z-index: 1; padding: 10px; color: #fff; font-size: 16px; } .badge:after { position: absolute; top: 100%; left: 0; content: ''; border-top: 15px #333 solid; border-left: 15px transparent solid; border-bottom: 15px transparent solid; } .badge-spacer { display: block; height: 40px; } .scrollup { -webkit-border-top-left-radius:2px; -moz-border-top-left-radius:2px; -ms-border-top-left-radius:2px; -o-border-top-left-radius:2px; border-top-left-radius:2px; -webkit-border-top-right-radius:2px; -moz-border-top-right-radius:2px; -ms-border-top-right-radius:2px; -o-border-top-right-radius:2px; border-top-right-radius:2px; background-color:#48300E !important; } .scrollup:hover { background-color:#D5DCE2 !important; color:#48300E !important; } .github16:before { content: "\f09b"; } .github32:before { content: "\f092"; } .bitbucket16:before { content: "\f171"; } .bitbucket32:before { content: "\f172"; } .reddit16:before { content: "\f1a1"; } .reddit32:before { content: "\f1a2"; } .xing16:before { content: "\f168"; } .xing32:before { content: "\f169"; } .slack16:before, .slack32:before { content: "\f198"; } .wechat16:before, .wechat32:before { content: "\f1d7"; } .snapchat16:before { content: "\f2ab"; } .snapchat32:before { content: "\f2ad"; } .dribbble16:before, .dribbble32:before { content: "\f17d"; } .bandcamp16:before, .bandcamp32:before { content: "\f2d5"; } .lastfm16:before { content: "\f202"; } .lastfm32:before { content: "\f203"; } .soundcloud16:before, .soundcloud32:before { content: "\f1be"; } .vimeo16:before { content: "\f27d"; } .vimeo32:before { content: "\f194"; } .skype16:before, .skype32:before { content: "\f17e"; } .deviantart16:before, .deviantart32:before { content: "\f1bd"; } .yahoo16:before, .yahoo32:before { content: "\f19e"; } .amazon16:before, .amazon32:before { content: "\f270"; } .etsy16:before, .etsy32:before { content: "\f2d7"; } .foursquare16:before, .foursquare32:before { content: "\f180"; } .quora16:before, .quora32:before { content: "\f2c4"; } .yelp16:before, .yelp32:before { content: "\f1e9"; } .github16:before, .bitbucket16:before, .reddit16:before, .xing16:before, .slack16:before, .wechat16:before, .snapchat16:before, .dribbble16:before, .bandcamp16:before, .lastfm16:before, .soundcloud16:before, .vimeo16:before, .skype16:before, .deviantart16:before, .yahoo16:before, .amazon16:before, .etsy16:before, .foursquare16:before, .quora16:before, .yelp16:before { font-family:'FontAwesome'; font-size: 16px; } .github32:before, .bitbucket32:before, .reddit32:before, .xing32:before, .slack32:before, .wechat32:before, .snapchat32:before, .dribbble32:before, .bandcamp32:before, .lastfm32:before, .vimeo32:before, .skype32:before, .deviantart32:before, .yahoo32:before, .soundcloud32:before, .amazon32:before, .etsy32:before, .foursquare32:before, .quora32:before, .yelp32:before { font-family:'FontAwesome'; font-size: 32px; } .facebook16:before { content: "\f09a"; } .google16:before { content: "\f0d5"; } .instagram16:before { content: "\f16d"; } .linkedin16:before { content: "\f0e1"; } .rss16:before { content: "\f09e"; } .tumblr16:before { content: "\f173"; } .twitter16::before { display: inline-block; width: 1em; height: 1em; content: ""; background-color: currentColor; -webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center; mask: url('data:image/svg+xml;utf8,') no-repeat center; background-position: center 3px; } .youtube16:before { content: "\f167"; } .pinterest16:before { content: "\f0d2"; } .vk16:before { content: "\f189"; } .flickr16:before { content: "\f16e"; } .vine16:before { content: "\f1ca"; } .facebook16:before, .google16:before, .instagram16:before, .rss16:before, .tumblr16:before, .linkedin16:before, .twitter16:before, .youtube16:before, .pinterest16:before, .vk16:before, .flickr16:before, .vine16:before { font-family:'FontAwesome'; font-size: 16px; } .header-social-widget { margin:3px 0; padding:0; } .header-social-widget a { display:inline-block; height:17px; padding-top:3px; } /* Accessibility */ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 16px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #main-content-wrapper[tabindex="-1"]:focus { outline: 0; } .wp-block-post { list-style-type:none !important; } .wp-block-query .wp-block-columns { margin-bottom: 0; } /* Large Resolution */ @media screen and (min-width: 800px) { #navmain ul li:hover > a, #navmain > div > ul > .current-menu-item > a, #navmain > div > ul > .current-menu-ancestor > a { background-color:#FFFFFF; color:#FBC191; border-bottom:none; padding-bottom: 17px; } #navmain ul ul li:hover > a { padding-bottom:9px; } #navmain div { padding:0 0 0 20px; } #navmain ul { padding:0; margin:0; white-space:nowrap; } #navmain ul li { position:relative; float:left; } #navmain > div > ul > li { margin-right:8px; } #navmain ul a { padding:17px 5px; font-size:14px; white-space:nowrap; display:inline-block; } #navmain ul ul li:hover > a { background-color:#FBC191; color:#47220F; } #navmain ul ul ul, #navmain ul ul ul li:first-of-type, #navmain ul ul ul li:first-of-type > a { -webkit-border-top-left-radius:3px; -moz-border-top-left-radius:3px; border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-top-right-radius:3px; border-top-right-radius:3px; } #navmain ul ul, #navmain ul ul li:last-of-type, #navmain ul ul li:last-of-type > a { -webkit-border-bottom-left-radius:3px; -moz-border-bottom-left-radius:3px; border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-bottom-right-radius:3px; border-bottom-right-radius:3px; } #navmain ul ul { color:#FBC191; background-color:#D5DCE2; } } /* Medium Resolution */ @media screen and (max-width: 799px) { #navmain div > ul { color:#FBC191 !important; background-color: #D5DCE2; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } #navmain ul a:hover { color:#47220F !important; background-color:#FBC191 !important; } } /* Small Resolution */ @media screen and (max-width: 360px) { body { font-size: 16px; } } .camera_wrap { margin-bottom:10px; } .camera_wrap { height: 450px; } .camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont { background: #E75D1E; background: rgba(231, 93, 30, 0.85); -webkit-border-radius:20px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px; } .camera_wrap .camera_pag .camera_pag_ul li { margin: 10px 5px 0 5px; } .camera_wrap .camera_pag .camera_pag_ul li { margin: 5px 5px 0 5px; background: #573507; } .camera_caption > div { background: #E75D1E; background: rgba(231, 93, 30, 0.8); } .camera_wrap .camera_pag .camera_pag_ul li { background: #FBC191; } .camera_wrap .camera_pag .camera_pag_ul li:hover > span { background: #D5DCE2; } .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span { background: #D5DCE2; }