Home

e3p is a consulting group based in Cyprus, Austria and Germany. Our focus is on

Education, Innovation, Research
European Union Funding and Policy, International Relations
Business and Marketing Strategy,

We are collaborating with individuals, public bodies, academia and the creative industry.

Global

All posts This post

@import url('https://fonts.googleapis.com/css?family=Ubuntu&display=swap');

@mydarkblue:#001780;
@myturquoise:#41a1be;
@mygreyish:#ebebeb;

@first_color:@mydarkblue;
@second_color:@myturquoise; 
@third_color:white;
@bg1_color:white;
@text_color:@first_color;
@link_color:@second_color;
@sitebg_color:@mygreyish;

@selectbg_color:@first_color; 
@select_color:@third_color;

body {
font-family: 'Ubuntu', sans-serif;
letter-spacing: 0.015em;
color: @text_color; 
background:@sitebg_color !important;
    
    
}
::selection {
  color:@select_color;
  background-color: @selectbg_color;
}

h1, h2, h3, h4, h5, h6 {
   color:@text_color;
}

/* Impressum */
.post-223 p {
	font-size:80%;
	line-height:120%
}

/* Title Page */
.home .entry-title {
	color:transparent;
	
}

/*
===== FORMs  ======
*/

form.torro-form input,
form.torro-form textarea {
	background-color:@third_color !important;
	border-radius:10px !important;
 border: 1px solid @second_color !important;
 color: @text_color !important;

}

form.torro-form input:focus,
form.torro-form textarea:focus {
 border: 1px solid @second_color !important;
 color: @second_color !important;
 filter:drop-shadow(4px 1px 4px @second_color);
}

form.torro-form textarea {
	width:100%;
}

button.torro-button-primary {
	margin-top:1em;
	margin-bottom:1em;
  width:200px
}

form.torro-form > p{
	display:none;
}

form.torro-form .torro-element-wrap {
	margin-bottom:0.4em;
}

form.torro-form .torro-element-description {
	display:none;
	
}
.themeform label {
	font-weight:unset;
}
.torro-required-indicator {
    font-weight: unset;
    display:none;
}
.site-title img{

*/    
}

a {
  color: @link_color;
  text-decoration: underline solid @second_color;
}

.entry a {
 box-shadow: unset;
 color: @text_color;
}

.entry a:hover {
 box-shadow: unset;
 text-decoration: none;
 border-bottom: 1px solid @second_color; 
 color: @second_color;
}

.nav-menu:not(.mobile) a {
    color: @second_color;
}

@keyframes kjkj {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}

.site-title a img{
    animation: 1s ease-out 0s 1 kjkj;

}

img.people {
  width: 150px;
  height: 200px;
  filter:sepia(100%) hue-rotate(175deg) saturate(50%); 
  filter: grayscale(0%) drop-shadow(-30px 1px 4px @second_color);
  border-bottom-right-radius: 150px;
  transform:scaleX(-1);
}

img.burcu {
    transform:scaleX(1);
    filter: hue-rotate(-22deg) drop-shadow(30px 1px 4px @second_color);
  border-bottom-left-radius: 150px;
    border-bottom-right-radius: 0px;
}
img.wolfi {
    transform:scaleX(1);
    filter: brightness(120%) saturate(80%) drop-shadow(30px 1px 4px @second_color);
  border-bottom-left-radius: 150px;
    border-bottom-right-radius: 0px;
}

.toggle-search {
    background: transparent;
}
.site-title a img {
  max-height: 250px;

/* Backgrounds */
	
}
.post-wrapper {
	background: @bg1_color;
		filter: drop-shadow(2px 1px 6px @first_color);

}
.main {
  border-top: 10px solid @first_color;
  background: @second_color;
  
}

#header {
    border-top: 10px solid @second_color;
    background:@bg1_color !important;
	padding-left:84px;
}

.s2 {
    background: @third_color;
    display:none
}

.entry-header, .entry-media, .entry-footer {
   padding-right: 60px;
   padding-left: 60px;

}
.entry-content {
    padding-right: 60px;
    padding-left: 60px;
    padding-bottom: 60px;

}

.col-2cr .nav-menu:not(.mobile) > div > ul > li.current_page_item > span > a::before, .col-2cr .nav-menu:not(.mobile) > div > ul > li.current-menu-item > span > a::before, .col-2cr .nav-menu:not(.mobile) > div > ul > li.current-menu-ancestor > span > a::before, .col-2cr .nav-menu:not(.mobile) > div > ul > li.current-post-parent > span > a::before {
	content: "";
	border: 10px solid transparent;
	border-left-color: @second_color;
	position: absolute;
	left: -30px;
	top: 14px;
}

wrapper ol {
  margin-left: 1em;
  margin-bottom: 2em;
}
.wrapper ol li {
  padding-left: 0.75em;
  margin-bottom:0.75em;
}
.wrapper ul {
    margin: 0 0 1.5em 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-gap: 0.75em;
}
.wrapper ul li {
    display: grid;
    grid-template-columns: 0 1fr;
    grid-gap: 1.75em;
    align-items: start;
}
.content ol {
  margin-left: 1em;
  margin-bottom: 2em;
}
.content ol li {
  padding-left: 0.75em;
  margin-bottom:0.75em;
}
.content ul {
    margin: 0 0 1.5em 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-gap: 0.75em;
}
.content ul li {
    display: grid;
    grid-template-columns: 0 1fr;
    grid-gap: 1.75em;
    align-items: start;
}
.content ul li::before {
   color: @second_color;
   content: "X";
   font-weight:bold;
}

Save

Write CSS OR LESS and hit save. CTRL + SPACE for auto-complete. Made by wpion.com