/* ===================================================================================
* Theme Name: Orascoptic LP
* Theme URI: https://orascoptic.ro/
* Author: Netlogiq
* Author URI: https://netlogiq.ro
* Description: Orascoptic Lupe Medicale Theme
* Version: 1.0.0
* Template: agntix
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: agntix-child
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
Tested up to: 6.7
Requires PHP: 7.4
* We encourage you to create Child theme for any modifications you will want to do.
* Why use Child theme?
* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.
* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/
====================================================================================== */
:root {
--tp-common-green-light: rgba(255, 199, 9, 1);
--tp-common-red-3: rgba(255, 199, 9, 1);
}
.tp-el-content a strong em {
background: #000;
padding: 3px 10px;
border-radius: 20px;
color: #FFF;
}
.tp-header-bar.ml-20.d-xl-none,
body.tp-magic-cursor #magic-cursor {
display: none!important;
}
.creative-hero-avater-box {
display: none!important;
}
.tp-btn-black-text {
line-height: 140%;
}
.tp-btn-black-text strong{
font-size: 19px;
}
.creative-choose-avater-info span {
line-height: 150%;
}
.creative-hero-avater-box:has(.creative-hero-avater-info:empty) {
display: none!important;
}
.tp-el-author-designation {
color:#333!important;
}
.agntix-light .creative-hero-title img {
filter: none;
max-height: 35px;
}
.agntix-light.new-badge .creative-hero-title img {
max-height: 50px;
}
@media screen and (min-width:500px) {
.agntix-light.new-badge .creative-hero-title img {
max-height: 70px;
}
}
@media screen and (min-width:768px) {
.agntix-light .creative-hero-title img {
filter: none;
height: auto;
max-height: auto;
}
}
.agntix-light .creative-hero-title i {
font-size: 30px;
display: block;
line-height: 120%;
text-transform: none;
font-weight: 400;
letter-spacing: normal;
padding: 10px 0;
z-index: 20;
}
.creative-choose-thumb {
display: none;
}
@media screen and (min-width:768px) {
.creative-choose-thumb {
display: block;
}
}
.creative-hero-title em:first-of-type {
padding-bottom:20px;
}
.creative-hero-title em span {
font-size: 40px;
color:rgba(39, 93, 170, 1);
padding-left: 0;
text-transform: none;
letter-spacing: 1px;
}
@media screen and (min-width:768px) {
.creative-hero-title em span {
font-size: 80px;
}
}
.creative-hero-title i {
border-radius: 0px 0 20px 0;
}
.agntix-light .creative-hero-title em {
border-radius: 0 0 20px 0;
}
.agntix-light .creative-hero-title em::after,
.agntix-light .creative-hero-title em::before {
display: none;
}
h4.creative-service-title.tp-el-title {
font-size: 45px;
}
@media screen and (min-width:1024px) {
h4.creative-service-title.tp-el-title {
font-size: 64px;
line-height: 150%;
}
}
.creative-service-category.tp-el-cat {
color:#FFF;
font-size: 20px;
line-height: 150%;
}
.tp-el-number span {
background-color: rgba(255, 199, 9, 1);
width: 50px;
height: 50%;
display: flex;
align-items: center;
justify-content: center;
padding: 17px 20px;
border-radius: 50%;
color:#000;
}
.creative-service-link.tp-el-icon {
display: none;
}
.creative-project-description {
color:#FFF;
font-size: 18px;
line-height: 160%;
margin: 10px 0 30px;
font-weight: 300;
}
.tp-header-menu > nav > ul > li {
padding: 35px 0;
}
.agntix-light .tp-header-menu > nav > ul > li.menu-phone > a {
color: #FFF;
background: #000;
display: inline-block;
padding: 7px 22px 7px 50px;
border-radius: 9999px;
position: relative;
transition: all 0.3s ease-in-out;
}
.agntix-light .tp-header-menu > nav > ul > li.menu-phone > a:before {
content: " ";
position: absolute;
top:50%;
left:20px;
transform: translate(0,-50%);
height: 18px;
width: 18px;
background-color: #FFF;
-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat 50% 50%;
mask: url('data:image/svg+xml;utf8,') no-repeat 50% 50%;
}
.agntix-light .tp-header-menu > nav > ul > li.menu-phone > a:hover {
background-color: rgba(255, 199, 9, 1);
color:#000;
transition: all 0.3s ease-in-out;
}
.agntix-light .tp-header-menu > nav > ul > li.menu-phone > a:hover:before {
background-color: #000;
}
.tp-el-product-name {
font-weight: 600;
font-size: 25px;
line-height: 140%;
color:rgba(0, 0, 0, 1);
margin-bottom: 20px;
}
.creative-product-list-active {
margin-right: -370px;
}
.creative-product-list-scrollbar .creative-product-list-scrollbar {
margin-top: 20px;
height: 2px;
width: 100%;
overflow: hidden;
}