File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/sandtentgoa.com/css/style.css
Back
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap'); body { background: #030303; color: #fff; font-family: 'Jost', sans-serif; } h1,h2,h3,h4,h5,h6{ font-family: "Playfair Display", serif; } p{ font-family: 'Jost', sans-serif; } a { color: #ffcc03; text-decoration: none!important; } a:hover { color: #ffcc03; text-decoration: none!important; } .cta:hover, .cta:active, .cta:focus { color: #ffcc03; } ul{ list-style: none; padding: 0; } .bxslider { margin: 0; padding: 0; } #slider > .bxslider > li { list-style: none; } body, figure, header .top-bar, ul.resp-tabs-list { padding: 0; margin: 0; } figure.banner-figure img { width: 100%; } .main-information .heading-h1 { padding-top: 10px; padding-bottom: 0; } .heading-h1 { font-size: 32px; line-height: 1.2em; font-weight: 500; font-family: 'Playfair Display', serif; color: #FFFFFF; } .title-menu-page-type.h2 { font-family: 'Jost', sans-serif; font-size: 15px; font-weight: 400; padding-top: 0; padding-bottom: 13px; text-transform: uppercase; } .button.red-button-bottom-gap.btn-display{ display: inline-block; } .space-bdr .hr { border: solid #353535;; border-width: 1px 0 0; clear: both; margin: 1.25em 0 1.1875em; height: 0; } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 1.25em 0 1.1875em; height: 0; } .title-menu-page-type.h2 a{ color: #fff; } .main-information .sub-heading { padding-top: 3px; padding-bottom: 24px; font-family: 'Jost', sans-serif; } .sub-heading { font-size: 15px; font-weight: 400; font-family: 'Jost', sans-serif; text-transform: uppercase; letter-spacing: 1px; line-height: 1.7em; } .cta { color: #ffcc03; font-size: 15px; letter-spacing: 1px; line-height: 1.7em; } .cta.highlighted { font-size: 20px; text-decoration:underline; font-family: "Yeseva One", serif; } .sub-h5 { font-size: 25px; text-transform: capitalize; padding: 23px 0 8px; } .content-footer h2.normal-text { padding: 0 0 56px; font-size: inherit; font-family: inherit; } .main-information .normal-text{ font-family: inherit; font-size: inherit; color: inherit; line-height: inherit; padding: 0 0 25px; } .collections-section { margin-bottom: 47px; } .collection-figure { padding-bottom: 20px; } .collection-figure img{ width: 100%; } .facilities-section h2 { font-size: 32px; padding-bottom: 15px; } .facilities-section .facilities-item { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; /*background-color: #fff;*/ /*box-shadow: 0px 6px 20px rgba(217, 217, 217, 0.8);*/ /*border: 1px solid transparent;*/ /*border-radius: 0.25rem;*/ padding: 20px 20px; } .facilities-section .facilities-item:hover { border-color: rgba(232, 164, 29, 0.5); } .facilities-section .facilities-title { padding: 5px 0 0 0; } .facilities-section .facilities-title h4 { font-family: 'Jost', sans-serif; font-size:16px; font-weight:600; text-align: center; color: #fff; margin-bottom:0px; } .facilities-section .facilities-item .img-box { margin-bottom: 10px; } .facilities-section .facilities-item .img-box img { display: block; margin: 0 auto; width: 50px; cursor: pointer; } .property-location-wrapper .property-location-heading { font-size: 28px; padding: 8px 0 15px; margin-bottom: 0; } .property-border { width: 13%; margin: 0 auto; border-color: #818181; margin-bottom: 8px; } .all-property .property-details-box{ display: flex; flex-wrap: wrap; padding-left: 0; } .all-property .property-details-box .property-name { font-size: 15px; font-family: 'Jost', sans-serif; text-transform: uppercase; line-height: 1.6em; letter-spacing: 1.4px; padding: 25px 0 3px 0; list-style: none; margin-bottom: 0; } .all-property .property-details-box .property-name a { color:inherit; } .property-sub-border { width: 25%; border-color: #818181; margin: 0 0 13px; } .all-property .property-details-box .property-details{ list-style: none; } .all-property .property-details-box .property-details p{ margin-bottom: 0; } footer { color: #c4c4c4; background: #030303; border-top: 1px solid #2e2e2e; padding: 1px 0 20px; float: left; width: 100%; margin-top: 0; } footer h4 { color: #FFFFFF; text-transform: uppercase; font-size: 15px; font-weight: 400; font-family: 'Jost', sans-serif; padding: 23px 0 5px; } footer ul { list-style: none; line-height: 1.4; margin-bottom: 17px; padding-left: 0; column-count: 2; } footer a { color: #c4c4c4; } footer a:hover, footer a:active, footer a:focus { color: #d7d7d7; text-decoration: none; } .social-media-icons li { display: inline-block; line-height: 17px; width: auto; padding-left: 0; padding-right: 1.3em; padding-bottom: 0; } .social-media-icons { list-style: none; padding: 0; margin: 0; } .social-media-icons li:first-child a { padding: 0; } .social-media-icons li a { font-size: 2em; color: #ffcc03; } .social-media-icons .step.social-icon { font-size: 50px; } .social-media-icons li a:hover, .social-media-icons li a:active, .social-media-icons li a:focus { opacity: 0.8; } .business-timing { padding-bottom: 7px; line-height: 1.2em; margin: 0; } .powered-section { border-top: 1px solid #2e2e2e; padding-top: 13px; margin-top: 0; } .powered-section .copyright { margin-bottom: 0; } .desktop, .mobile { display: none; } header { background-color: #030303; color: #FFFFFF; padding: 12px 0 0; border-bottom: 1px solid #353535; } header .desktop .top-bar{ display: flex; flex-wrap: wrap; width: 100%; justify-content: center; align-items: center; list-style: none; } .logo-container { text-align: center; margin-top: 4px; } .head-cart-container { margin-top: 33px; } header .phone:before { padding-right: 5px; color: #ffcc03; vertical-align: middle; font-size: 19px; } header .phone { padding: 0 0 0 0; letter-spacing: 0; } header .phone, header .email, header ps-user-greeting-container, header .ps-user-greeting-container a { font-size: 15px; color: #FFFFFF; text-transform: uppercase; font-weight: 400; } header .email { line-height: 30px; background-color: transparent; color: #ffcc03; display: inline-block; border: 1px solid #ffcc03; padding: 0 5px; font-weight: 400; letter-spacing: 0.7px; font-size: 14px; text-transform: uppercase; } .header-timings { font-size: 16px; font-weight: 400; letter-spacing: 0.2px; margin-top: 8px; text-align: right; padding-bottom: 0; } header .top-bar-section { width: 100%; color: #fefefe; background: transparent; margin: 0; padding: 0 0 1px 0; top: 0; text-align: center; } .top-bar-section ul.menu{ display: flex; margin-bottom: 0; } header .top-bar-section .menu > li > a:not(.button) { color: #fefefe; font-size: 16px; outline: none; padding: 0 16px; line-height: 2em; text-transform: uppercase; font-weight: 400; letter-spacing: 1.8px; } .top-bar-section, .top-bar-section .has-dropdown { position: relative; } .top-bar-section .has-dropdown { text-align: left; } header .top-bar-section .menu > li ul { background: #030303; z-index: 99999; } .top-bar-section, .top-bar-section .has-dropdown { position: relative; } header .top-bar-section .has-dropdown>a:after { top: 50%; border-color: #fefefe transparent transparent transparent; } .top-bar-section .dropdown { position: absolute; left: 100%; top: 0; display: none; z-index: 99; } .top-bar-section .has-dropdown>a:after { content: ""; display: block; width: 0; height: 0; border: 5px inset; border-color: transparent transparent transparent rgba(255, 255, 255, .5); border-left-style: solid; margin-right: 4px; margin-top: -4.5px; position: absolute; top: 50%; right: 0; } header .top-bar-section .menu > li ul a:not(.button) { background: #030303; color: #fefefe; font-size: 16px; font-weight: 400; outline: none; padding: 2px 16px; line-height: 2em; text-transform: uppercase; } .top-bar .toggle-topbar.menu-icon a { text-indent: -10px; width: 34px; height: 34px; line-height: 33px; padding: 0; } .top-bar .title-area { position: relative; margin: 0; } .timing-wrapper { text-align: center; padding: 22px 0 0; } .button, button, .pagination-container a, .ps-pagination-bar a, .ps-cart-page .checkoutbut input.update-btn, .ps-checkout-page #applyDiscount { background-color: transparent; color: #ffcc03; padding: 0 13px; letter-spacing: 1px; line-height: 2em; font-weight: 400; font-size: 14px; text-transform: uppercase; border: 1px solid #ffcc03; outline: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; -moz-transition: none; transition: background-color 300ms ease-out; } .mobile-apply-button { padding: 12px 0 14px; } .charges-wrap { border: 1px solid #ffcc03; text-align: center; width: 55%; background-color: #ffcc03; color: #000; padding: 25px; margin: 25px 0px; } .charges-wrap:hover, .charges-wrap:focus { background-color: transparent; color: #fff; transition: all 0.4s; } .accordion-title:before { float: right !important; font-family: FontAwesome; content:"\f068"; padding-right: 5px; } .accordion-title.collapsed:before { float: right !important; content:"\f067"; } .accordion-sect .card-header{ border: 1px solid #ffcc03; font-size: 17px; padding: 18px 26px; text-transform: none; border-radius: 0; line-height: 1.4em; } .accordion-sect .card-header .accordion-title{ color: #fff; text-transform: uppercase; } .accordion-sect .card { background: transparent; margin-bottom: 20px; } .facilities-list ul{ column-count: 2; } .facilities-list ul li a { text-transform: capitalize; padding: 6px 0 6px 15px; color: #fff; letter-spacing: .60px; position: relative; display: block; -webkit-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; font-family: 'Jost', sans-serif; } .facilities-list ul li a i { position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 300ms linear 0s; -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s; } .facilities-list ul li:hover i { left: 6px; } .single-gallery { margin-bottom: 30px; } .single-gallery img{ width: 100%; } .map-page-area-box{ border: 2px solid #ffcc03; color: #c4c4c4; padding: 15px 10px 8px; margin-top: 0; margin-bottom: 25px; } .map-page-area-box .contact-details .second-level-headding{ color: #f3f3f3; } .map-page-area-box .contact-details .main-text p{ color: #f3f3f3; } .address-area-box{ border: 2px solid #ffcc03; color: #c4c4c4; padding: 15px 10px 8px; margin-top: 0; margin-bottom: 25px; min-height: 200px; display: flex; align-items: center; justify-content: center; } .contact-form-area form { border: 2px solid #ffcc03; color: #c4c4c4; padding: 15px 10px 8px; margin-top: 0; margin-bottom: 25px; } .contact-form-area form textarea { height: 150px; } .btn-primary { background-color: transparent; color: #ffcc03; padding: 2px 20px; letter-spacing: 1px; line-height: 2em; font-weight: 400; font-size: 15px; text-transform: uppercase; border: 1px solid #ffcc03; outline: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; -moz-transition: none; transition: background-color 300ms ease-out; } .attraction .img { position: relative; overflow: hidden; } .attraction .img img { width: 100%; -webkit-transition: all .5s; transition: all .5s; } .attraction .img:hover img { -webkit-filter: none; filter: none; -webkit-transform: scale(1.09, 1.09); transform: scale(1.09, 1.09); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .attraction .content { width: 100%; padding: 30px; } .attraction .content .cont { display: table-cell; vertical-align: middle; } .tarifinfo { width: 100%; text-align: center; margin-left: auto; margin-right: auto; } .tarifinfo tr { font-size: 16px; } .tarifinfo th, td { padding: 10px; border: solid 1px #ddd; color:#fff; } .tarifinfo th { text-align: center; font-size: 17px; color: #323232; font-weight: 500; background:#ffcc03; } .mobile-slider{ display:none; } /*=========Responsive===========*/ @media only screen and (max-width: 992px) { .attraction .order1 { order: 1; } .attraction .order2 { order: 2; } } @media only screen and (min-width: 940px) { header { position: absolute; background: transparent; z-index: 999; width: 100%; border-bottom: none; } header.header-default { position: inherit; background: transparent; z-index: 999; width: 100%; border-bottom: 1px solid #353535; } .desktop { display: block !important; } .top-bar-section .dropdown { left: 0; top: auto; background: 0 0; min-width: 100%; } .top-bar-section .has-dropdown>a:after { content: ""; display: block; width: 0; height: 0; border: 5px inset; border-color: rgba(255, 255, 255, .5) transparent transparent; border-top-style: solid; margin-top: -2.5px; top: 22.5px; } .top-bar-section .has-dropdown:hover>.dropdown, .top-bar-section .has-dropdown.hover>.dropdown, .top-bar-section .has-dropdown.not-click:hover>.dropdown { display: block; } .top-bar-section .dropdown li a, .top-bar-section .dropdown li label { white-space: nowrap; background: #1e1e1e; } .sidenav { display: none; } } @media only screen and (max-width: 940px) { header .top-bar .title-area { margin-bottom: 21px; margin-top: 8px; padding-left: .9375em; padding-right: .9375em; } .top-bar .toggle-topbar.menu-icon { left: 0; margin: 0; padding: 0; right: auto; top: 29px; position: relative; width: 7%; float: left; } .fi-list { text-indent: 0 !important; color: #ffcc03 !important; font-size: 44px !important; } .top-bar .name { width: 88%; text-align: center; float: left; height: auto; margin-top: 5px; } .phone-holder { border-top: 1px solid #353535; text-align: center; padding: 15px 0; } header .phone { padding: 1px 0 0; font-size: 22px; color: #ed8513; font-family: "Yeseva One", serif; } header .phone img{ display:none; } header .phone:before { padding-right: 9px; font-size: 26px; position: relative; vertical-align: middle; } header .mobile-email { border-top: 1px solid #353535; padding: 12px 0 14px; border-bottom: 1px solid #353535; } .top-bar .button { font-size: 14px; line-height: 1.35em; padding: 5px 11px; font-weight: 400; display: inline-block; } .sidenav { height: 100%; width: 0%; position: fixed; z-index: 1; top: 0; left: 0; background-color: #111; overflow-x: hidden; transition: 0.5s; padding-top: 60px; } .sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #818181; display: block; transition: 0.3s; } .sidenav a:hover { color: #f1f1f1; } #mySidenav.active{ width:45%; } body.active{ left: 80%; transition: all 0.5s ease; } body{ transition: all 0.3s ease; left: 0;overflow-x: hidden; position: relative; } .nav-bar li { border-bottom: 1px solid #353535; display: block; line-height: 44px; width: 100%; } .nav-bar li a, .nav-bar li span { display: inline-block; color: #fefefe; font-size: 14px; font-family: 'Jost', sans-serif; margin-right: 0; padding: 0 5px; } .nav-bar li > a { word-wrap: break-word; text-transform: uppercase; width: 100%; padding: 0 10px; } .nav-bar li a, .nav-bar li span { display: inline-block; color: #fefefe; font-size: 14px; font-family: 'Jost', sans-serif; margin-right: 0; padding: 0 5px; } .nav-bar li a, .nav-bar li span { display: inline-block; color: #fefefe; font-size: 14px; font-family: 'Jost', sans-serif; margin-right: 0; padding: 0 5px; } .nav-bar li a:hover span, .nav-bar li a:focus span, .nav-bar li a:active span { color: #fefefe; } .nav-bar li ul.dropdown { margin-left: 0; border-top: 1px solid #353535; } header .phone:before { display:none; } header .phone img { margin: 0 12px 0 0; width: 32px; } .mobile-header-timings{ color: #ed8513; font-family: "Yeseva One", serif; } .button, button, .pagination-container a, .ps-pagination-bar a, .ps-cart-page .checkoutbut input.update-btn, .ps-checkout-page #applyDiscount { color: #ed8513; border: 1px solid #ed8513; } .top-bar .button { font-family: "Yeseva One", serif; font-size: 15px; } } @media only screen and (max-width: 939px) { .desktop { display: none !important; } .mobile { display: block !important; } } @media only screen and (min-width: 769px) { header .desktop .top-bar li{ width: 33.33333%; } .large-block-grid-5>li { width: 25%; padding: 0 .625em 1.25em; } } @media (max-width: 576px) { .charges-wrap { width: 65%!important; } } .charges-wrap { border: 1px solid #ffcc03; text-align: center; width: 55%; background-color: #ffcc03; color: #000; padding: 25px; margin: 25px 0px; } @media (min-width: 768px) { .container, .container-md, .container-sm { max-width: 940px; } } @media (min-width: 992px) { .container, .container-lg, .container-md, .container-sm { max-width: 960px; } } @media (min-width: 1200px) { .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1140px; } } /*------Mobile View-----*/ @media (max-width: 576px) { .desktop-slider{ display:none; } .mobile-slider{ display:block; } .mobile .logo-mobile a img{ width:100%; filter: drop-shadow(2px 3px 8px #fff); } .mbook-btn{ width: 100%; display: flex; justify-content: space-evenly; margin-top: 20px; flex-direction: row; } header .mobile-email { border: none; } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings