/*************************** Theme Name: Awesome Beauty Theme URI:https://asiathemes.com/awesome-beauty/ Author: asiathemes Author URI:https://asiathemes.com Created by: Asiathemes Description: Awesome Beauty is a responsive and fully customizable template for Spa & saloons and Beauty shop theme.The Theme has You can use it for your Spa saloon center, Beauty shop, Other beauty events or any type of site.Custom menus to choose the menu in Primary Location that is in Header area of the site. which is ideal for creating a Beauty&Spa / Spa saloon website.Awesome Beauty is Retina ready.We focused on usability across various devices, starting with smartphones.awesome-beauty is a Cross-Browser Compatible theme that works on All leading web browsers.In header area and footer of the theme offers Social Media Links to add your Social Links here.translation ready and many more.You can create your front-page with Home-page template for making your site wonderful.Awesome Beauty Is also supports the WPML , for making the MULTILIGUAL website. You can change header title strip background image from customizer settings. Version: 1.1 Tags: flexible-header, two-columns, right-sidebar, custom-header, custom-logo, featured-images, footer-widgets, sticky-post, theme-options, translation-ready, blog, news License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl.html Text Domain: awesome-beauty *****************************/ /*------------------- spa&beauty General Styles-------------------- */ *{ font-family: 'Work Sans', sans-serif; text-decoration:none !important; } .font_phil { font-family: Philosopher; } .f_color { color:#F22853; } .t_p { line-height:1.6; font-weight:300; color:#777; } .mt10 { margin-top:10px; margin-bottom:10px; } .mar_top { margin-top:10px; } /*------------------ loader ---------------------------------- */ #preloader { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999999; display: block; background: #fff; } .preloader-wave { position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; margin: -30px 0 0 -30px; } .preloader-wave:before, .preloader-wave:after { position: absolute; display: inline-block; content: ""; width: 100px; height: 100px; border-radius: 50%; -webkit-animation: preloader-wave 1.6s linear infinite; animation: preloader-wave 1.6s linear infinite; background-color: #F22853; } .preloader-wave:after { animation-delay: -0.8s; -webkit-animation-delay: -0.8s; } @keyframes preloader-wave { 0% { -webkit-transform: scale(0, 0); transform: scale(0, 0); opacity: 0.5; filter: alpha(opacity=50); } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 0; filter: alpha(opacity=0); } } @-webkit-keyframes preloader-wave { 0% { -webkit-transform: scale(0, 0); opacity: 0.5; filter: alpha(opacity=50); } 100% { -webkit-transform: scale(1, 1); opacity: 0; filter: alpha(opacity=0); } } /*------------------------------ end loader ---------------------------- */ body { font-family: Work Sans; } .alt { font:15px/15px FontAwesome; } /*------------------------------ Top Area ---------------------------- */ .top_area { background-color:#F4F4F4; line-height:15px; } .top_area p, .top_area span { color:#9A9A9A; line-height:40px; margin:0; } .top_area span:before { content:'|'; margin:10px; } .link ul{ text-align:right; float:right; } .link ul li{ margin-left:10px; float:left; display:block; margin-top:13px; } .link ul li a i{ color:#9A9A9A; font:13px/13px FontAwesome; } .link ul li a:hover i { color:#F22853; } .add_cart { text-align: right; float: right; padding:12px; background-color: #F22853; margin-left: 15px;; } .add_cart i { color:#FFFFFF; font:15px/15px FontAwesome; } .sticky-header { background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.93); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05); position: relative; z-index: 999; } .logo_beauty { color:#F22853 !important; font-family: 'Mr De Haviland', cursive; font-size:44px; } /* ----------------------------------- Welcome container ----------------------------------- */ .welcome { text-align:center; } .welcome h6 { color:#F22853; font-family: 'Mr De Haviland', cursive; font-size:40px; } .welcome h2, .welcome p { text-transform:uppercase; font-weight:400; letter-spacing:0.05em; } .circle-letter-1, .circle-letter-2{ display: inline-block; text-align: center; color: #ffffff !important; font-size: 34px; width: 45px; height: 45px; line-height: 45px; background-color:#757575; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; margin-right: 5px; margin-top: 5px; float: left; } .wel_text p { font-size:16px; line-height:37px; color:#757575; margin-bottom:20px; text-align:justify; } .list { list-style-type:circle; color:#757575; } .list li { padding:10px; } /*-------------------------------- Button --------------------------------- */ .button{ display: inline-block; position: relative; padding: 6px 30px; color: #ffffff; border: 1px solid; font-size: 18px; font-family: Philosopher; line-height: 1.375; text-decoration: none; letter-spacing: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; cursor: pointer; white-space: nowrap; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; background-color: #F22853; border-color: #F22853; } .button-border { border: 1px solid ; background: transparent; border-color: #F22853; color: #F22853; } .button.button-2{ border-color: #efadc3; background-color: #efadc3; } .button-border.button-2{ color: #efadc3; border-color: #efadc3; background-color: transparent; } .button:hover{ color: #F22853; background-color: transparent; } .button.button-border:hover{ color: #ffffff; background-color: #F22853; } .button-2:hover{ color: #efadc3; background-color: transparent; } .button-2.button-border:hover{ color: #ffffff; background-color: #efadc3; } .button-icon-left i{ position: absolute; z-index: 1; left: 10px; top: 50%; margin-top: -11px; font-size: 22px; } .banner-bottom .button{ padding: 0 18px 0 38px; text-align: left; font-size: 16px; line-height: 1.15; margin-left: -2px; } .wel_btn { text-align:center; } .wel_btn a { margin-right:15px; } .item1 { background-color:#F0F7F2; padding:40px 0; margin:80px 0; } /*-------------------------------- feature --------------------------------- */ .beauty-fea{ text-align: center; } .beauty-fea p{ margin-bottom: 0; color:#777; font-size:16px; } .icon-fea{ width: 110px; height: 110px; line-height: 125px; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; margin: 0 auto 20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .title-fea{ font-size: 24px; position: relative; padding-bottom: 5px; margin-bottom: 10px; color:#F22853; } .title-fea:before{ content: ' '; position: absolute; bottom: 0; left: 50%; margin-left: -12px; z-index: 1; width: 24px; height: 2px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .beauty-fea:hover .title-fea:before{ width: 80px; margin-left: -40px; } .icon-fea{ width: 110px; height: 110px; line-height: 123px; background-color: #ffffff; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; margin: 0 auto 20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; background-color:#F22853; } .icon-fea i{ font-size:40px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; color:#FFFFFF; } .beauty-fea:hover .icon-fea i{ color: #F22853; } .icon-fea{ -webkit-box-shadow: 0 0 0 2px #fff inset, 0 0 0 5px #F22853; -moz-box-shadow: 0 0 0 2px #fff inset, 0 0 0 5px #F22853; box-shadow: 0 0 0 2px #fff inset, 0 0 0 5px #F22853; } .beauty-fea:hover .icon-fea{ -webkit-box-shadow: 0 0 0 55px #fff inset, 0 0 0 5px #F22853; -moz-box-shadow: 0 0 0 55px #fff inset, 0 0 0 5px #F22853; box-shadow: 0 0 0 55px #fff inset, 0 0 0 5px #F22853; } .icon-fea.alt-1{ -webkit-box-shadow: 0 0 0 2px #F22853 inset, 0 0 0 5px #ffffff; -moz-box-shadow: 0 0 0 2px #F22853 inset, 0 0 0 5px #ffffff; box-shadow: 0 0 0 2px #F22853 inset, 0 0 0 5px #ffffff; } .beauty-fea:hover .icon-fea.alt-1{ -webkit-box-shadow: 0 0 0 55px #F22853 inset, 0 0 0 5px #ffffff; -moz-box-shadow: 0 0 0 55px #F22853 inset, 0 0 0 5px #ffffff; box-shadow: 0 0 0 55px #F22853 inset, 0 0 0 5px #ffffff; } /*-------------------------------- Services --------------------------------- */ .services_col { height:200px; margin: 0 2.3em; padding: 4.5em 0 0 0; background-color:#fff; position:relative; z-index:1; margin-top: -10.7em; overflow:visible; } .welcome a { color:#000; width:100%; margin-top:15px; font-family: 'Mr De Haviland', cursive; font-size: 70px; } .welcome a:hover { color:#F22853; } .image:hover { transition:box-shadow .25s;box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) } .image {transition:box-shadow .25s;box-shadow:0 } /*-------------------------------- shop --------------------------------- */ .shop { background-color:#F0F7F2; margin:50px 0; height:650px; padding:25px 0; } /* shop slider */ .dots-alt .owl-pagination, .dots-alt2 .owl-pagination{ position: absolute; z-index: 5; bottom: -50px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .dots-alt2 .owl-pagination{ bottom: -70px; margin-left: -105px; } .dots-alt .owl-page, .dots-alt2 .owl-page{ display: inline-block; padding: 0 5px; position: relative; } .dots-alt2 .owl-page{ padding: 6px 5px; background-color: #F22853; } .dots-alt .owl-page span { display: block; width: 8px; height: 8px; line-height: 8px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 0 0 4px #fff inset, 0 0 0 2px #c7d5d3; -moz-box-shadow: 0 0 0 4px #fff inset, 0 0 0 2px #c7d5d3; box-shadow: 0 0 0 4px #fff inset, 0 0 0 2px #c7d5d3; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .dots-alt .owl-page.active span{ -webkit-box-shadow: 0 0 0 2px #fff inset, 0 0 0 2px #c7d5d3; -moz-box-shadow: 0 0 0 2px #fff inset, 0 0 0 2px #c7d5d3; box-shadow: 0 0 0 2px #fff inset, 0 0 0 2px #c7d5d3; background-color: #F22853; } .dots-alt2 .owl-page span{ width: 60px; height: 3px; display: block; background: #e6e6e6; position: relative; z-index: 1000 !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .dots-alt2 .owl-page.active span{ background: linear-gradient(90deg, #4c91cd, #4ad8eb); } .shop-container{ max-width: 390px; } .shop-container.alt-1{ max-width: 360px; } .alt-1 .shop-inner{ border: 2px solid #e3dbbf; padding: 10px; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; position: relative; } .alt-1 .shop-inner .media_shop{ overflow: hidden; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .alt-1 .shop-inner .media_shop img{ -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .list-view .shop-container{ max-width: 100%; } .shop-container .info{ position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; margin: 10px; opacity: 0; background-color: #F22853; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .alt-1.shop-container:hover .info{ opacity: 1; } .shop-container .info .links{ position: absolute; z-index: 1; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .shop-container .info a{ display: inline-block; color: #ffffff; width: 50px; height: 50px; line-height: 46px; font-size: 26px; border: 2px solid #ffffff; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; margin: 0 3px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .shop-container .info a:first-child{ -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .shop-container .info a:last-child{ -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .alt-1.shop-container:hover .info a{ -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .shop-container .info a:hover{ background-color: #ffffff; } .title_shop{ text-align: left; margin-top: 10px; } .title_shop h3{ display: inline-block; font-size: 24px; vertical-align: sub; font-weight: 600; margin-bottom: 0; } .title_shop .price_shop{ font-size: 30px; font-weight: 400; color: #646464; line-height: 1; display: inline-block; float: right; } .title_shop .price_shop span{ font-size: 16px; border-bottom: 1px solid #646464; vertical-align: super; } .media_shop.alt-1 .img_shop{ position: relative; max-width: 262px; margin-left: auto; margin-right: auto; } .media_shop.alt-1 .img_shop img{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .media_shop.alt-1 .img_shop:before { content: ' '; position: absolute; z-index: 1; width: 100%; height: 100%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 0 15px #F22853 inset; -moz-box-shadow: 0 0 0 15px #F22853 inset; box-shadow: 0 0 0 15px #F22853 inset; } .shop-info-text{ margin-bottom: 10px; } .shop-container.alt-2 .media_shop{ position: relative; border: 3px solid #F22853; padding: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; max-width: 270px; margin: auto; } .shop-container.alt-2 .media_shop:before{ content:''; position: absolute; z-index: 1; top: 0; bottom: 0; right: 0; left: 0; margin: 10px; opacity: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; background-color: rgba(249,163,148, .7); } .shop-container.alt-2 .media_shop.small:before{ margin: 5px; } .shop-container.alt-2 .media_shop:hover:before{ opacity: 1; } .shop-container.alt-2 .media_shop.big{ max-width: 370px; } .shop-container.alt-2 .media_shop.small{ max-width: 105px; padding: 5px; margin: 0 1px; border: 2px solid #F22853; margin-top:10px; } .shop-container.alt-2 .media_shop img{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .media_shop-small> *{ display: inline-block; } .shop-container.alt-2 .new_label{ position: absolute; z-index: 1; top: 0; width: 64px; height: 64px; line-height: 58px; text-align: center; color: #ffca28; background-color: #ffffff; border: 3px solid #ffca28; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .shop-container.alt-2 .media_shop.big .new_label{ top: 15px; } .shop-container.alt-2 .new_label.alt{ line-height: 1; padding-top: 10px; color: #ffca28; border: 3px solid #ffca28; } .shop-container.alt-2 .new_label.left_label{ left: 0; } .shop-container.alt-2 .media_shop.big .new_label.left_label{ left: 15px; } .shop-container.alt-2 .new_label.label-right{ right: 0; } .shop-container.alt-2 .media_shop.big .new_label.label-right{ right: 15px; } .shop-container.alt-2 .title_shop{ font-size: 24px; text-align: center; margin-bottom: 0; } .shop-container.alt-2 p{ display: none; } .star_shop{ color: #dfc449; } .review .fa-star-o{ cursor:pointer; } .review .fa-star-o:hover { color:#3399FF; } .shop-container.alt-2 .price_shop{ font-size: 30px; font-weight: 400; line-height: 1.4; color: #646464; margin-bottom: 15px; } .products.list-view > div{ width: 100%; } .products.list-view .shop-container{ overflow: hidden; text-align: left !important; } .products.list-view .media_shop{ float: left; margin-right: 30px; } .products.list-view .title_shop{ text-align: left; margin-top: 40px; } .products.list-view .star_shop{ float: right; margin-top: 10px; } .products.list-view p{ display: block; } .products.list-view a.button{ float: right; } .products.list-view > *{ margin-bottom: 30px; } .button.large{ height: auto; padding: 7px 30px; font-size: 20px; } .button.small{ height: auto; padding: 4px 28px; font-size: 17px; } .button.mini { height: auto; padding: 2px 28px; font-size: 16px; } .button.fullwidth{ width: 100%; } .on-dark .button{ color: #ffffff; } .on-white .button{ color: #4c4c4c; } .short-buttons .col-md-3{ padding: 0 12px; } .align-center{ text-align:center !important;} .shop_price { font-size:20px; } .single-price > *{ display: inline-block; margin-right: 20px; font-size: 14px; } .shop_form { margin-top:10px; margin-bottom:10px; } .shop-categories{ border: 1px solid #F22853; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 40px; line-height: 40px; font-size: 15px; padding: 0 20px; } /*--- end shop slider -- */ /*-------------------------------- Gift --------------------------------- */ .alt-1.item_gift, .alt-2.item_gift{ position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; max-width: 270px; margin: auto; } .alt-1 .wrap_gift, .alt-2 .wrap_gift{ position: relative; border: 3px solid #c7d5d3; padding: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; max-width: 270px; } .alt-1 .inside_gift, .alt-2 .inside_gift{ content: ' '; position: absolute; z-index: 1; bottom: 0; width: 100%; height: 45%; color: #ffffff; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0 0 0 200px rgba(118,192,138, .85) inset; -moz-box-shadow: 0 0 0 200px rgba(118,192,138, .85) inset; box-shadow: 0 0 0 200px rgba(118,192,138, .85) inset; } .alt-2 .inside_gift{ height: 22%; -webkit-box-shadow: 0 0 0 200px rgba(255,255,255, .85) inset; -moz-box-shadow: 0 0 0 200px rgba(255,255,255, .85) inset; box-shadow: 0 0 0 200px rgba(255,255,255, .85) inset; } .alt-1 .gift-title, .alt-2 .gift-title{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .alt-1 .gift-title span{ font-size: 22px; font-weight: 400; display: inline-block; margin: 3px 8px 0; } .alt-1 .gift-title .img-line{ display: inline-block; } .alt-1 .gift-title h3{ font-size: 28px; line-height: 0.7; margin-bottom: 0; text-transform: uppercase; color: #ffffff; } .alt-2 .gift-title h3{ font-size: 24px; margin-bottom: 0; font-weight: 500; } .alt-1 .gift-price{ font-size: 24px; font-weight: 400; width: 75px; height: 75px; line-height: 45px; background-color: #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 10px auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .alt-2 .gift-step{ position: absolute; z-index: 1; top: -5px; left: -2px; font-size: 30px; width: 75px; height: 75px; padding-top: 5px; background-color: #ffffff; border: 3px solid #c7d5d3; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 10px auto; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .alt-2 .gift-step sup{ display: block; text-transform: uppercase; font-size: 12px; margin-top: 3px; } .alt-1.item_gift p, .alt-2.item_gift p{ font-weight: 400; margin-top: 10px; } .alt-1.item_gift:hover .inside_gift, .alt-2.item_gift:hover .inside_gift{ height: 100%; } .alt-1.item_gift.alt_hover:hover .inside_gift, .alt-2.item_gift.alt_hover:hover .inside_gift{ height: 0; } .alt-1.item_gift:hover .gift-title{ margin-top: 25%; } .alt-2.item_gift:hover .gift-title{ margin-top: 50%; } .alt-1.item_gift:hover .gift-price{ line-height: 75px; } .alt-2.item_gift:hover .gift-step{ top: 15%; left: 36%; } .alt-2.item_gift.alt_hover:hover .gift-step{ top: -5px; left: -2px; } .alt-3 .wrap_gift{ max-width: 270px; margin: auto; } .alt-3 .media_gift{ position: relative; z-index: 1; } .alt-3 .inside_gift{ position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden; } .alt-3 .inside_gift-1{ position: absolute; z-index: 1; text-align: center; top: 20%; left: 16%; width: 160px; height: 160px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: rgba(255,255,255, 0.8); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; } .alt-3 .inside_gift-1 .gift-price{ font-size: 50px; margin-top: 25px; line-height: 1; color:#F22853; } .alt-3 .inside_gift-1 .inside_gift-title{ font-size: 18px; color: #406d80; text-transform: uppercase; line-height: 1; } .alt-3 .inside_gift-1 span{ font-size: 15px; text-transform: uppercase; color:#F22853; } .alt-3 .media_gift:hover .inside_gift-1{ top: 100%; } /*-------------------------------- Newsletter --------------------------------- */ .news_text { width:250px; padding:8px 8px; } /*-------------------------------- Footer --------------------------------- */ .footer { background-color:#f6f2ec; padding:30px; margin-top:50px; } .footer p { color:#777; margin-top:10px; line-height:20px; } .footer_h6 { color:#F22853; font-family: 'Mr De Haviland', cursive; font-size:40px; word-spacing:10px; text-align:left; } .footer2 { background-color:#465048; } .footer2 p { float:left; margin-top:13px; } .postlist li { margin-bottom:20px; list-style:none; } .postlist li img { float:left; display:block; } .post_text { margin-left:70px; } .post_text h5 a { color:#F22853; font-size:18px; } .post_text h5 a:hover { color:#F22853; } .post_text p { color:#777; font-size:13px; text-align:justify; } /* ------------- end footer ----------------- */ /*-------------------------------- scroll top --------------------------------- */ #scroll-top { position: fixed; z-index: 100; bottom: 20px; right: 20px; width: 40px; height: 40px; text-align: center; font-size: 12px; cursor: pointer; background-color: #ebe6d2; text-transform: uppercase; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; -webkit-box-shadow: 0 0 0 1px #fff inset, 0 0 0 3px #ebe6d2; -moz-box-shadow: 0 0 0 1px #fff inset, 0 0 0 3px #ebe6d2; box-shadow: 0 0 0 1px #fff inset, 0 0 0 3px #ebe6d2; } #scroll-top > *{ display: block; } #scroll-top > i{ margin-top: 5px; } #scroll-top:hover{ -webkit-box-shadow: 0 0 0 20px #fff inset, 0 0 0 3px #ebe6d2; -moz-box-shadow: 0 0 0 20px #fff inset, 0 0 0 3px #ebe6d2; box-shadow: 0 0 0 20px #fff inset, 0 0 0 3px #ebe6d2; } /*--------------------------- Blog ------------------------- */ .banner { background-image:url(images/banner.jpg); display:block; background-size: cover; background-position: center center; } .banner_blog { background-image:url(images/banner_blog.jpg); } .banner_gallery { background-image:url(images/gallery_banner.jpg); } .about_banner { background-image:url(images/about_banner.jpg); } .product_banner { background-image:url(images/product_banner.jpg); } .banner_back { background-color: rgba(142, 212, 204, 0.6); height:100%; width:100%; padding:0; margin:0; } .location { text-align:center; background:none; padding:120px 0; margin-bottom:0px; } .location li a { color:#FFFFFF; font-size:22px; } /* .blog { margin-top:80px; margin-bottom:80px; } */ .blog_img { position:relative; padding-top: 25px; } .imgborder {border: 1px solid black} .imgborder:hover {border: 3px solid #F22853;} .blog_full_detail h3, .blog_full_detail h5 { color:#F22853; } .blog_full_detail p { font-size: 18px; line-height: 1.6; font-weight: 300; color:#777; margin:30px 0 30px 0; } .blog_full_detail span { font-size:28px; color:#F22853; } .blog_info{ width:100%; margin:20px 0; } .blog_left{ width:155px; float:left; border-right:1px dotted #dadada; padding-right:25px; text-align:right;line-height:20px; } .blog_image{ box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); border:#FFFFFF 3px solid; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; overflow:hidden; float:right; } .blog_left a{ color:#F22853; font-weight:bold; margin-top:12%; float:right; font-size:13px; margin-right: 30px; margin-bottom: 12px; } .blog_left p{ color:#7d7d7d; font-size:12px; float:right; margin-top:5%; } .blog_left span{ color:#F22853; } .blog_detail{ margin-left:175px; } .blog_detail a:hover { color:#F22853; } .blog_detail h4 a{ font-size: 24px; font-weight: normal; color: #3f3f3f; } .blog_detail h4 a:hover{ color:#F22853; } .blog_detail .p_date{ margin:0 0 2% 0; color:#F22853; font-size:16px; line-height:14px; } .blog_detail p{ line-height:20px; margin-bottom:10px; font-size: 16px; line-height: 1.6; font-weight: 300; color:#777; } /* ------------------------------------ end blog ------------------------------- */ /* ------------------------------------ Contact ------------------------------- */ .contact { margin-top:50px; } .map { margin-top:50px; margin-bottom:50px; } .map iframe { height:450px; width:1000px; } .contact_form { margin-bottom:15px; border:none; border-bottom:2px solid #999999; } .form_btn { padding:6px 60px; } /*--------------------------- end contact ------------------------- */ /*--------------------------- Gallery ------------------------- */ .gallery { margin-top:50px; margin-bottom:50px; } .g_photo { position:relative; overflow:hidden; border-radius:50%; } .caption { position:absolute; top:0; right:0; background-color: rgba(249,163,148, .7); width:100%; height:100%; padding:2%; display: none; text-align:center; color:#fff !important; z-index:2; } .caption h4 { margin-top:100px; } /*----------------------------- team ----------------------- */ .photo { padding:10px; border-radius:50%; max-width:270px; } .team_col h3 { color:#F22853; font-family: 'Mr De Haviland', cursive; } .team_col p { color:#777; line-height:1.6; font-weight:300; margin-bottom:25px; } .team_col { text-align:center; } .goal_img { background-image:url(images/experts/expert_bg.jpg); width: 100%; display: block; position: relative; overflow: hidden; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; background-size: cover; box-sizing: border-box; background-color: #FFF; padding: 200px 0px; margin-top:50px; margin-bottom:50px; border-bottom:2px solid #F22853; border-top:#F22853 2px solid; } .service_img { background-image:url(images/service.jpg); } /* ------------------------------------ About ------------------------------- */ .about_why h3, .goal_img h2 { color:#F22853; margin:0 0 20px 0; } .about_why p { text-align:justify; line-height:1.6; color:#777; } .marg_top_bottom { margin-top:50px; margin-bottom:50px; } .captn { background: rgba(47, 47, 47, 0.42); padding: 2em; position: absolute; border: solid 1px #FFF; left: 15%; bottom: -100%; text-align: center; width: 200px; height: 200px; -webkit-transition: .5s all; transition: .5s all; -moz-transition: .5s all; border-radius:50%; } .team_col { overflow:hidden; } .team_col:hover .captn{ bottom: 28%; } .team:hover .captn { bottom: 51%; } .social { margin: 45px 0 0 0; } .social ul{ padding:0; margin:0; } .social ul li{ display:inline-block; } .social ul li a { color: #333; text-align: center; } .social ul li a i.fa{ height: 40px; width: 40px; background: #FFFFFF; line-height: 40px; color: #383838; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; } .social ul li a i.fa:hover { height: 40px; width: 40px; line-height: 40px; background: #F44336; color: #FFFFFF; } /* ------------------------------------ product ------------------------------- */ .p_list { } .p_list p { line-height:2; margin:0; float:left; } .p_list select { float:right; } .product { float:left; } /* ------------------------------------ Add to cart ------------------------------- */ .c_h1 { float:left; margin-top:0px; } .cart_table { border: 1px solid #C7D5D3; border-radius: 10px; text-align: center; margin-top:15px; } .shop-img { float: left; margin-right: 10px; } .shop-name { margin-top:24px; color:#F22853; float:left; } .cart_table tr td { vertical-align: middle; padding: 20px !important; } .shopping-table-bot { margin: 0px 20px; padding: 10px 0px 5px; display: inline-block; width: 95%; } .left { float:left; } .right { float:right; } .badge-primary { background-color: #03a9f4; } .badge-success { background-color: #8bc34a; } .badge-warning { background-color: #ffc107; } .badge-danger { background-color: #e51c23; } /*--------------- single item -------------------------- */ .s_tab { border: 1px solid #F22853; padding: 20px; } .prod_detail { position:relative; z-index:-1; } .p_img { height:550px; } /*--------------- Check out -------------------------- */ .c_login { font-size:18px; } input[type="radio"] { padding: 0; display: inline-block; position: absolute; top: 12px; left: 12px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; margin-top: 0; vertical-align: middle; } .payment_methods{ margin-bottom: 0; } .payment_method_cheque, .payment_method_bank, .payment_method_paypal{ position: relative; margin-bottom: 20px; } .payment_method_cheque label, .payment_method_bank label, .payment_method_paypal label{ height: 35px; width: 100%; display: inline-block; padding: 5px 30px; margin-bottom: 0; border: 1px solid #c7d5d3; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .payment_box{ font-size: 16px; padding: 10px 30px; background-color: #f0f7f2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .detail { width:100%; } .list-1 { list-style:none; color:#757575; padding:0px; } .list-1 span { float:right; } /*------------------------------ price table ---------------------------- */ .price_table { border: 1px solid #c7d5d3; padding:0 5px 15px 5px; -webkit-border-top-left-radius: 285px; -moz-border-top-left-radius: 285px; border-top-left-radius: 285px; -webkit-border-top-right-radius: 285px; -moz-border-top-right-radius: 285px; border-top-right-radius: 285px; -webkit-border-bottom-left-radius: 20px; -moz-border-bottom-left-radius: 20px; border-bottom-left-radius: 20px; -webkit-border-bottom-right-radius: 20px; -moz-border-bottom-right-radius: 20px; border-bottom-right-radius: 20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; max-width: 280px; } .price_table h3 { font-size:35px; font-family: 'Mr De Haviland', cursive; } .price_table:hover { padding:10px; } .price_pricing{ position: absolute; z-index: 1; top: 0; left: 0; width: 105px; height: 105px; line-height: 1; text-align: center; font-size: 40px; color: #ffffff !important; padding-top: 25px; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; } .price_pricing{ background:#F22853; } .price_pricing sup{ font-size: 20px; vertical-align: middle; } .price_pricing p{ font-size: 16px; font-weight: 400; margin: 0; line-height: 0; } .price_table ul{ padding: 0 15px; margin-bottom: 30px; margin-top: 15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; list-style:none; text-align:center; } .price_table ul li{ padding: 7px 0px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; color:#777; font-family: Philosopher; } .price_table ul li:nth-child(2n+1) { background-color: #f0f7f2; } .nav-tab { border-bottom:none !important; } .nav-tab > li.active > a { border:none !important; } .nav-tab > li > a:focus, .nav-tab > li.active > a:hover, .nav-pill > li > a:focus { text-decoration:underline !important; outline:none; border:none !important;} .nav-tab { margin-left:370px; } .menu p { border-bottom:dotted 1px #777; } /*-------------------------- services ------------------------------- */ .service { margin-bottom:60px; } .services h2 { margin-bottom:30px; } /* ------------------------------------ bootstrap ------------------------------- */ @media(max-width:1080px){ .banner { height:280px; } .map iframe { width:850px; height:400px; } .captn { bottom: -100%; width: 170px; height: 170px; padding: 1em; } } @media(max-width:991px){ .banner { height:250px; } .beauty-fea, .price_table, .team_col { margin-bottom:25px; } .services_col { width:40%; margin-bottom:30px; } .map iframe { width:750px; height:400px; } .captn { width: 200px; height: 200px; left: 37%; } .team:hover .captn { bottom: 48%; } .price_pricing { left:230px; } .nav-tab { margin-left:175px; } } @media(max-width:767px){ .banner { height:230px; } .beauty-fea, .price_table, team_col { margin-bottom:25px; } .services_col { width:43%; margin-bottom:30px; } .map iframe { width:550px; height:350px; } ul.nav li.dropdown:hover .dropdown-menu { width:100%; } .captn { width: 200px; height: 200px; left: 35%; } .price_pricing { left:230px; } .nav-tab { margin-left:175px; } } @media(max-width:600px){ .banner { height:200px; } .reply { display:none; } .wel_btn .button { margin-bottom:20px; } .beauty-fea, .price_table, .team_col { margin-bottom:25px; } .services_col { width:65%; margin-bottom:30px; } .map iframe { width:380px; height:300px; } ul.nav li.dropdown:hover .dropdown-menu { width:100%; } .shop { height:700px; } .location { padding:100px 0; } .captn { padding: 2em; left: 10%; width: 235px; height: 235px; } .price_pricing { left:230px; } .nav-tab { margin-left:175px; } } @media(max-width:414px){ .banner { height:180px; } .reply { display:none; } .wel_btn .button { margin-bottom:20px; } .beauty-fea, .price_table, .team_col { margin-bottom:25px; } .services_col { width:80%; margin-bottom:30px; } .map iframe { width:250px; height:250px; } ul.nav li.dropdown:hover .dropdown-menu { width:100%; } .shop { height:700px; } .blog_detail { margin-left:0; } .location { padding:80px 0; } .captn { width: 200px; height: 200px; left: 18%; } .team:hover .captn { bottom: 50%; left:20%; } .shop-container { margin-bottom:10px; } .price_pricing { left:0px; } .nav-tab { margin-left:0px !important; } .bzoom_zoom_area { visibility:hidden; display:none; } } /*-------------------------------- end bootstrap ------------------------------- */ .hoverable{}.hoverable:hover{} .breadcrumb > .active a { color: #F22853 !important; font-size: 24px; } /* Theme Default style */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter,div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 14px; line-height: 17px; margin: 0; padding: 7px 4px 5px; } .wp-caption-text { font: 14px; text-align: center; } .gallery-caption { font: 14px; } .bypostauthor { font: 14px; } .alignright { display: inline; float: right; font: 14px; text-align: right; } .alignleft { display: inline; float: left; margin-right: 1.5em; } .aligncenter { font: 14px; text-align: center; } .wp-caption { border: 1px solid #ccc; font: 14px; margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 1.2% auto 0; max-width: 98%; } .wp-caption .wp-caption-text { margin: .8075em 0; } .screen-reader-text { clip: rect(1px,1px,1px,1px); height: 1px; overflow: hidden; position: absolute!important; width: 1px; } .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; color: #21759b; display: block; font-size: .875rem; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } cite { font-style: italic!important; } .sticky{} code { color: #2896df!important; } .blog-content,.featured-image .alignnone,.wp-caption img { display: block; height: auto; max-width: 100%; } img.aligncenter,img.alignleft,img.alignnone,img.alignright,img.attachment-medium,img.attachment-large,img.attachment-thumbnail,img.size-full,img.size-medium,img.size-thumbnail { height: auto; max-width: 100%; width: inherit; } .blog-content .alignnone,.wp-caption img { display: block; height: auto!important; max-width: 100%!important; } img.size-full,img.size-large,img.header-image,img.wp-post-image { height: auto; max-width: 100%; } img.aligncenter,img.alignleft,img.alignnone,img.alignright,img.attachment-medium,img.attachment-large,img.attachment-thumbnail,img.size-full,img.size-medium,img.size-thumbnail { height: auto; max-width: 100%; width: inherit; } .wp-caption img { display: block; height: auto; max-width: 100%; } .alignleft { display: inline; float: left; margin-right: 1.625em; } blockquote { border-left: 5px solid #F22853 !important; } .qua_blockquote_section blockquote,blockquote { background-color: #eee; border-left: 5px solid #f8504b; } table { border-collapse: separate; border-radius: 4px; width: 100%; } span.page-numbers.current { z-index: 3; color: #fff; cursor: default; background-color: #F22853; border-color: #F22853; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .pagination > li:first-child > a, .pagination > li:first-child > span { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } /* Default Style */ select { width: 100%; margin-bottom: 15px; } .textwidget img { width: 100%; } /*--New sidebar css----------------*/ .sidebar-widget{ margin-bottom:25px; padding-bottom:25px; border-bottom:4px solid #F22853; } .blog_info{ border-bottom:4px solid #F22853; } .footer-widget{ margin-bottom:20px; } .sidebar-widget h3{ color:#F22853; font-family: Philosopher; } .sidebar-widget ul, .footer-widget ul{ list-style:none; padding:0; } .sidebar-widget ul li , .footer-widget ul li{ font-size: 15px; position: relative; font-weight: normal; letter-spacing: .8px; line-height: 20px; margin-right: 0; padding-bottom: 12px; padding-top: 12px; /* vertical-align: top; */ } .sidebar-widget ul li > a , .footer-widget ul li > a{ color: #64646d; font-family: 'Work Sans', sans-serif; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } .sidebar-widget ul li:hover .sidebar-widget ul li > a { color: #fff; } .sidebar-widget ul li:before , .footer-widget ul li:before{ color: #F22853; content: "\f192"; font-family: FontAwesome; font-size: 13px; margin-left: 1px; margin-right:6px; } .sidebar-widget ul li:after, .footer-widget ul li:after{ position:absolute; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; height:100%; width:0; top:0; left:0; z-index:-1; content:''; color:#fff !important; background:#F22853; } .sidebar-widget ul li:hover:after, .footer-widget ul li:hover:after{ width:100%; } /*------ Calendar ------------------------*/ div#calendar_wrap table>caption{ padding-top: 8px; padding-bottom: 8px; color: #333 !important; text-align: left; } div#calendar_wrap table>thead>tr>th { color: #00a63f; font-family: 'Open Sans'; font-size: 15px; font-weight: 600; line-height: 20px; margin: 0; padding: 10px; text-align: center; } .sidebar-widget div#calendar_wrap table>tfoot>tr>td{ border: 1px solid #e9e9e9; font-size: 20px; margin: 0; padding: 2px; text-align: center; } .sidebar-widget div#calendar_wrap table>caption ,tbody ,td, th { border: 1px solid #ccc!important; padding: 6px 8px!important; } #calendar_wrap a{ font-family: 'Open Sans'; font-size: 14px; font-weight: 600; letter-spacing: 0; line-height: 20px; color: #2896df; } #calendar_wrap a:hover{ color: #fff; } .sidebar-widget div#calendar_wrap table>tbody>tr>td{ color: #727272; font-family: 'Open Sans'; font-size: 14px; font-weight: 600; margin: 0; padding: 8px 10px; text-align: center; } .sidebar-widget div#calendar_wrap table#wp-calendar { border: 1px solid #e9e9e9; background-color: #fcfcfc; } .sidebar-widget div#calendar_wrap table > caption {color: #fff;} .sidebar-widget div#calendar_wrap table#wp-calendar thead > tr { background: #F22853; } #calendar_wrap a { color:#F22853; } .sidebar-widget div#calendar_wrap table > thead > tr > th,.footer-widget div#calendar_wrap table > thead > tr > th {color:#FFF; background:#F22853; } .sidebar-widget div#calendar_wrap table > tfoot > tr > td {border: 1px solid #e9e9e9;} #calendar_wrap a:hover { color: #F22853; } .footer-widget .calendar_wrap table { color:#202020 !important; } .footer-widget .calendar_wrap table caption{color:#fff !important; } .footer-widget.calendar_wrap tr th{ background:#F22853; color:#202020 !important; } .footer-widget .calendar_wrap table td a{ color:#F22853 !important; } .tagcloud a { border: 2px solid #F22853; border-radius: 2px!important; color: #000; cursor: pointer; display: inline-block; font-size: 14px!important; font-weight: 300; line-height: 20px; margin: 0 0 10px; overflow: hidden; padding: 6px 17px; transition: all .3s ease 0s; vertical-align: baseline; white-space: nowrap; } .tagcloud a:hover { background-color: #F22853!important; color:#fff !important; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { background:#F22853; color: #fff; height: 40px !important; } .form-control { height:40px !important; border-radius: 2px !important; } .site-logo h1.site-title{ margin:10px 0px; font-size:30px; } .site-logo h1.site-title a{color: #464646;} .site-logo{ margin-right: 30px; } .nav > li > a { padding: 30px 15px !important; font-size: 16px; } .navbar-right .dropdown-menu { left: 0; right: 0; } .dropdown-menu { padding: 0; min-width: 200px; border-radius: 0px; box-shadow: 0; } .dropdown-menu > li > a { padding: 10px 20px; color: #333; } .dropdown-menu > li > a:hover { color: #fff; } #commentform textarea{height:auto !important;} .footer2 p{color:#eee;} /* New css */ .tagClass a { color: #F22853; font-size: 18px; } .hrLine { border-color:#F22853; width:0%; } /* 404 page style */ error404page{background-image:url(../images/error/background.jpg);} #oops-404 h1{font-size:250px;color:#444;line-height:200px;} #oops-404 h2{text-transform:uppercase;font-size:43px;color:#444;line-height:70px;padding-bottom:22px;} #oops-404{text-align:center;} body.error404 .wrap.maincontent.dark_version{background:#000} .wrap.maincontent.dark_version #oops-404 h1,.wrap.maincontent.dark_version #oops-404 h2{color:#fff;} .faa-flash.animated,.faa-flash.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-flash { color:#F22853;-webkit-animation:flash 2s ease infinite;animation:flash 2s ease infinite}@-webkit-keyframes bounce{0%,10%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%,60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,10%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%,60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}} .nav-previous { float: left; font-family: Work Sans; font-size: 18px; font-weight: 600; } .nav-previous a { color:#333; } .nav-previous a:hover { color:#F22853; transition:0.5s; } .nav-next { float: right; font-family: Work Sans; font-size: 18px; font-weight: 600; } .nav-next a { color:#333; } .nav-next a:hover { color:#F22853; transition:0.5s; } nav#nav-below { padding-bottom: 5%; } select#archives-dropdown--1 { padding: 10px 0px; border-radius: 5px; } select#cat { padding: 10px 0; border-radius: 5px; }