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.

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

@mydarkblue:#000080;
@mylightblue:#80b3ff;
@mysuperlightblue:#aaccff;
@mygreyish:#ebebeb;

@first_color:@mydarkblue;
@second_color:@mylightblue; 
@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;

.font_lato {
 font-family: 'Lato', sans-serif;
}
.font_fredoka {
 font-family: 'fredoka', sans-serif;
}

.textfont {
 .font_lato; 
 font-size:100%;
 letter-spacing: 0.045em;   
 line-height: 1.8em;
}

.headingfont {
   .font_fredoka;
      
}
.menufont {
  .font_lato; 
  font-size: 16px; 
}

body {
.textfont; 
color: @text_color; 
background:@sitebg_color !important;
    
}
.entry {
.textfont;
}

::selection {
  color:@select_color;
  background-color: @selectbg_color;
}

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

.entry-header .entry-title {
    .headingfont; 
    font-weight: 600;
    font-size: 20px;
    line-height: 1.1em;
    letter-spacing: 0.2px;
    margin-bottom: 20px;
}

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

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

.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;
}

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;
  
}
.menu{
     .menufont;   
}

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

.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;
}

/*
===== INTRO Animation  ======
*/

@keyframes kjkj {
  0% {
    filter: blur(2px);
    transform: rotate(12deg) scale(0.1) translate(400px, 500px);
  }  
  50% {
    filter: blur(0px);
    transform: rotate(12deg) scale(0.6) translate(200px, 300px);
  }

100% {
      filter: blur(0px);
    transform: rotate(0deg) scale(1) translate(0,0);
  }
}

.post-wrapper {

animation: 1s ease-out 0s 1 kjkj ;
     
 
}

/*
===== 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;
}

Save

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