/*
Theme Name: webos
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.webos-blur-text {
	background: #ffffff1A;
	backdrop-filter: blur(10px);
	padding: 20px;
	border-radius: 10px;
}
.invisible-webos18,.invisible-webos18:hover {
	display: inline-block;
	position: relative;
	height: 18px;
	/*width: 254px;
	color:#fff !important;
	margin:18px;*/
	font-size:18px !important;
}

/*
.webos18{
    width: 254px; height: 18px;
	background: url('/static/img/webos-digital-agency-black-720.svg');
	background-repeat:no-repeat;
	vertical-align:middle;
	filter:invert(1.0);
}
*/
.webos18:hover{filter:invert(28%) sepia(76%) saturate(6666%) hue-rotate(338deg) brightness(100%) contrast(103%);transition:all 0.4s linear;}
.footer-primary.pull-left,.footer-secondary.pull-right{margin-top:15px !important;font-size:18px !important;/*padding:7px 0px;*/}
.footer-secondary {
	padding: 0px;
}

/* =====================================================
   RAINBOW PRODUCTIONS — Custom CSS
   Πήγαινε: Appearance > Customize > Additional CSS
   ===================================================== */

@keyframes rp-fade-up {
  from { opacity: 0; transform: translateY(28px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes rp-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes rp-pulse-ring {
  0%   { transform: scale(1);    opacity: 0.14; }
  50%  { transform: scale(1.07); opacity: 0.05; }
  100% { transform: scale(1);    opacity: 0.14; }
}

.rp-anim { animation-fill-mode: both; animation-timing-function: cubic-bezier(0.22,1,0.36,1); }
.rp-d0  { animation-delay: 0.10s; }
.rp-d1  { animation-delay: 0.35s; }
.rp-d2  { animation-delay: 0.60s; }
.rp-d3  { animation-delay: 0.80s; }
.rp-d4  { animation-delay: 1.00s; }
.rp-d5  { animation-delay: 1.20s; }
.rp-d6  { animation-delay: 1.40s; }

.rp-fu  { animation-name: rp-fade-up;  animation-duration: 0.75s; }
.rp-fi  { animation-name: rp-fade-in;  animation-duration: 0.60s; }
.rp-ring { animation: rp-pulse-ring 3s ease-in-out infinite; }

/* Card */
.rp-card { transition: box-shadow 0.25s ease, transform 0.25s ease; }
.rp-card:hover { transform: translateY(-5px); box-shadow: 0 16px 48px rgba(77,29,177,0.13); }
.rp-card-img { overflow: hidden; }
.rp-card-img img { transition: transform 0.5s ease; display: block; width: 100%; }
.rp-card:hover .rp-card-img img { transform: scale(1.05); }

/* Buttons */
.rp-btn-primary { transition: background 0.2s ease !important; }
.rp-btn-primary:hover { background: #3b14a0 !important; }
.rp-btn-outline { transition: background 0.2s ease, color 0.2s ease !important; }
.rp-btn-outline:hover { background: #4d1db1 !important; color: #fff !important; }
.rp-btn-white { transition: background 0.2s ease !important; }
.rp-btn-white:hover { background: #ece5ff !important; }

/* Links */
.rp-link { transition: letter-spacing 0.2s ease, color 0.2s ease !important; }
.rp-link:hover { letter-spacing: 0.2em !important; color: #3b14a0 !important; }

/* Social */
.rp-social { transition: color 0.2s ease !important; }
.rp-social:hover { color: #4d1db1 !important; }

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}