@font-face {
font-family: "Raleway Regular";
src: url(//www.tapmedia.de/wp-content/themes/fonts/Raleway-Regular.ttf) format("truetype");
font-display: swap;
}
@font-face {
font-family: "Josefin Semibold";
src: url(//www.tapmedia.de/wp-content/themes/fonts/JosefinSans-SemiBold.ttf) format("truetype");
font-display: swap;
}	
@font-face {
font-family: "Josefin Light";
src: url(//www.tapmedia.de/wp-content/themes/fonts/JosefinSans-Light.ttf) format("truetype");
font-display: swap;
}	
@font-face {
font-family: "Josefin Thin";
src: url(//www.tapmedia.de/wp-content/themes/fonts/JosefinSans-Thin.ttf) format("truetype");
font-display: swap;
}	
@font-face {
font-family: "Josefin Bold Italic";
src: url(//www.tapmedia.de/wp-content/themes/fonts/JosefinSans-BoldItalic.ttf) format("truetype");
font-display: swap;
}	
@font-face {
font-family: "Josefin Regular";
src: url(//www.tapmedia.de/wp-content/themes/fonts/JosefinSans-Regular.ttf) format("truetype");
font-display: swap;
}	
h1 {font-family: "Josefin Semibold" !important;}
h2 {font-family: "Josefin Regular" !important;
}
h3 {font-family: "Josefin Light" !important;}
h4 {font-family: "Josefin Light" !important;}
h5 {font-family: "Josefin Thin" !important;}
h6 {font-family: "Josefin Bold Italic" !important;}
p {font-family: "Raleway Regular" !important;}
div {font-family: "Raleway Regular" !important;}
a {
text-decoration: none !important;
}
.elementor-toggle-title {
font-family: "Josefin Light" !important;
}
.elementor-button {
font-family: "Josefin Semibold" !important;
}
.wpcs-button {
background-color: #0C9C76;
font-family: "Josefin Semibold";
}
.entry-title {
visibility: hidden;
} .marquee2 {
overflow: hidden;
display: flex;
}
.marquee2 h6{
white-space: nowrap;
}
.marquee3 {
overflow: hidden;
display: flex;
}
.marquee3 h6{
white-space: nowrap;
}
.marquee4 {
overflow: hidden;
display: flex;
}
.marquee4 h6{
white-space: nowrap;
}
.marquee5 {
overflow: hidden;
display: flex;
}
.marquee5 h6{
white-space: nowrap;
}
.marquee6 {
overflow: hidden;
display: flex;
}
.marquee6 h6{
white-space: nowrap;
}
.marquee7 {
overflow: hidden;
display: flex;
}
.marquee7 h6{
white-space: nowrap;
}
.marquee8 {
overflow: hidden;
display: flex;
}
.marquee8 h6{
white-space: nowrap;
}
.marquee9 {
overflow: hidden;
display: flex;
}
.marquee9 h6{
white-space: nowrap;
}
.marquee10 {
overflow: hidden;
display: flex;
}
.marquee10 h6{
white-space: nowrap;
}
.marquee11 {
overflow: hidden;
display: flex;
}
.marquee11 h6{
white-space: nowrap;
}
.marquee12 {
overflow: hidden;
display: flex;
}
.marquee12 h6{
white-space: nowrap;
}
.marquee13 {
overflow: hidden;
display: flex;
}
.marquee13 h6{
white-space: nowrap;
}
.marquee14 {
overflow: hidden;
display: flex;
}
.marquee14 h6{
white-space: nowrap;
}
.marquee15 {
overflow: hidden;
display: flex;
}
.marquee15 h6{
white-space: nowrap;
}
.marquee16 {
overflow: hidden;
display: flex;
}
.marquee16 h6{
white-space: nowrap;
} .linemenu-nav ul li a {
font-family: "Josefin Light" !important;
}
.hfe-menu-item {
font-family: "Josefin Light" !important;
}
.menu-item.current-menu-item a.hfe-menu-item, .menu-item.current-menu-ancestor {
font-family: "Josefin Light" !important;
background-color: #fff;
border-radius: 8px;
opacity: 80%;
color: #000 !important;
} .hovergray {
filter: grayscale(1);
transition:all 0.5s ease;
}
.hovergray:hover {
filter: grayscale(0);
transition:all 0.5s ease;
}
.work-title {
font-size: 35px;
} .box {
top: 50%;
left: 50%;
}
.box span {
display: block;
width: 30px;
height: 30px;
border-bottom: 2px solid #0c9c76;
border-right: 2px solid #0c9c76;
transform: rotate(45deg);
margin: -20px;
animation: animate 2s infinite;	
}
.box span:nth-child(2)
{
animation-delay: -0.2s;
}
.box span:nth-child(3)
{
animation-delay: -0.4s;
}
@keyframes animate
{
0%
{
opacity: 0;
transform: rotate(45deg) translate(-20px,-20px);
}
50%
{
opacity: 1;
}
100%
{
opacity: 0;
transform: rotate(45deg) translate(20px,20px);
}
} .video-title {
font-family: "Josefin Regular" !important;
font-size: 3cqh;
color: #fff;
filter: drop-shadow(8px 8px 10px black);
position: absolute;
bottom: 23px;
left: 22px;
letter-spacing: -2px;
line-height: 2.5rem;
} .hfe-nav-menu-icon svg{
fill: #32363c !important;
} .round img{
border-radius: 50%;
} .header-button {
position: absolute;
right: 15px;
}
.elementor-button {
font-size: 20px;
padding-left: 40px !important;
padding-right: 40px !important;
padding-top: 20px !important;
padding-bottom: 20px !important;
background-image: linear-gradient(90deg, #118447 0%, #0c9191 100%) !important;
color: #fff !important;
border-radius: 10px !important;
transition: all 0.5s ease;
}
.back-button {
font-size: 20px;
font-family: "Josefin Semibold";
padding-left: 30px !important;
padding-right: 30px !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
background-image: linear-gradient(90deg, #118447 0%, #0c9191 100%) !important;
color: #fff !important;
border-radius: 10px !important;
transition: all 0.5s ease;
border: none;
} .htmega-modal-btn button {
font-size: 1.5em;
font-family: "Josefin Regular";
font-weight: 200;
line-height: 1.2em;
letter-spacing: 0px;
padding-top: 20px !important;
padding-bottom: 20px !important;
padding-left: 20px !important;
padding-right: 20px !important;
white-space: pre-line;
height: auto;
width: auto;
text-shadow: none;
background-image: linear-gradient(90deg, #118447 0%, #0c9191 100%) !important;
color: #fff !important;
transition: all 0.5s ease;
box-shadow: none;
}
.htmega-modal-btn button:hover {
transform: scale(1.1);
}
.elementor-button:hover {
transform: scale(1.1);
}
.back-button:hover {
transform: scale(1.1);
}
.htb-modal-footer {
visibility: hidden !important;
}
.wpforms-container-full button {
background-image: linear-gradient(90deg, #118447 0%, #0c9191 100%) !important;
}
.htb-modal-backdrop {
z-index: 0;
} .htmega-lightbox .htmega-lightbox-action a {
border: none !important;
height: 100%;
width: auto;
border-radius: 0%;
}
.image-popup-vertical-fit {
content: url(https://res.cloudinary.com/dplostgof/image/upload/v1739443340/cropped-cropped-tap_Badge_2022-03-01_auauyj.png) !important;
padding-top: 15%;
padding-bottom: 15%;
padding-left: 100%;
padding-right: 100%
}