/*
Theme Name: Worm Child
Version: 1.0
Theme URI:
Description: A child theme for Livrela - Qode
Author: MiCTra
Template: Livrela
*/

/* GENERAL ---------------------------- */
.wpb_wrapper h1 { font-size: 45px!important; }
h2 { margin-top: 30px!important; }
h2.topofpage { margin-top: 4px!important; }
h3 { margin-bottom: 10px!important; }

/* TOP BAR AREA */
#topbar { width: 100%; 
  min-height: 85px;
  background: #fff;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-flow: row wrap;
  -webkit-flex-flow: row wrap;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
}
#sf-row { display: flex;
  display: -webkit-flex;
  display: -ms-flexbox; 
  flex-flow: row nowrap;
  -webkit-flex-flow: row nowrap; 
}
.tb-title { font-size: 11px; 
  padding: 19px 20px 0 8px;
  line-height: 13px;
}
.cost_logo, .cost_logo img { height: 85px; }
.cost_logo img { margin-right: 55px; }
.eu_logo, .eu_logo img { height: 25px; }
.eu_logo img { padding-top: 20px; }
@media all and (max-width: 1023px) and (orientation:portrait) {	
   #topbar { display: flex;
	  display: -webkit-flex;
	  display: -ms-flexbox;  
		flex-flow: row wrap;
	  -webkit-flex-flow: row wrap;
	  justify-content: center;
	  -webkit-justify-content: center;
	  -ms-flex-pack: center; 
	  align-items: center;
      -webkit-align-items: center; }
   .tb-title { font-size: 11px; 
  		padding: 0px 20px 0 8px;
  		line-height: 13px; 
        margin-top: -7px;}
   .eu_logo img { padding-top: 0px; margin-top: -15px; } 
}
@media all and (max-width: 600px) { 
  #topbar {  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox; 
  flex-flow: column wrap;
  -webkit-flex-flow: column wrap;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: flex-start;
  align-items: flex-start;
  -webkit-align-items: flex-start;
   }
  #sf-row { margin-top: 40px; }
  .eu_logo img { margin-left: 37px; } 
  .tb-title { font-size: 10px; }
}
/* LOGO AREA override due to wp 4.5 --- */
.wg_logo {
    left: 0;
    position: relative;
    top: 20%;
}
.wg_logo img {
    display: block;
    max-width: none;
    opacity: 1;
    position: absolute;
    top: -50%;
    transition: opacity 0.6s ease-in-out 0s;
    width: auto !important;
}

/* TEST HOME page --------------------- */
.page-id-1029 #welcome-banner,
.page-id-1029 #map-block, 
.page-id-1029 #search-tags, 
.page-id-1029 #news-block { display: flex; 
    display: -webkit-flex;
    display: -ms-flexbox; 
}
/* SECTION welcome banner */
.page-id-1029 #welcome-banner #wb  {  width: 100%;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("../../uploads/2014/07/trame-orange.png");
    background-position: 0 0;
    background-repeat: repeat;
    background-size: initial;
    padding: 10px 0 10px 0;
    text-align: center;
    color: #FFF;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 1px;	
}
/* SECTION map-block */
.page-id-1029 .bg-worm { width: 33.333%; 
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox; 
    justify-content: flex-end;   
}
.page-id-1029 #genie-map { width: 66.666%;
    height: 520px;
}
.page-id-1029 .member-area {
    background-color: rgba(19, 36, 44, 0.6);
    min-height: 520px;
    padding: 0 20px 0;
    text-align: center;
    width: 60%;
}
.page-id-1029 .member-area .numberlab {
    color: #fff;
    font-family: "Raleway";
    font-size: 50px;
    font-weight: 400;
    padding-top: 100px;
    text-transform: uppercase;
}
.page-id-1029 .member-area .numberlab span {
    font-family: "Open Sans";
    font-size: 50px;
    font-weight: 600;   
}
.page-id-1029 .member-area .qbutton {
    border-color: #fff;
    color: #fff;
}
.page-id-1029 .member-area .qbutton:hover {
    border-color: #f28332;
}
/* SECTION search and tags */
.page-id-1029 #search-tags { background: rgba(0, 0, 0, 0) url("../../uploads/2014/07/trame-orange.png") repeat scroll 0 0 !important;
}
.page-id-1029 #search, 
.page-id-1029 #tags { width: 50%; 
    min-height: 200px;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 5%;
    padding-right: 5%;
}
.page-id-1029 #search {
    display: flex; 
    display: -webkit-flex;
    display: -ms-flexbox; 
    flex-direction: column;
}
.page-id-1029 #search-3 { width: 100%; min-height: 50px; 
}
.page-id-1029 #search-3 h5 { 
     float: left;
     color: #fff;
     padding: 5px 0 0 12%;
}
.page-id-1029 .widget #searchform { float: right;
     width: 58%;
     border: 2px solid #fff;
     border-radius: 4px;
     background-color: transparent!important;
}
.page-id-1029 .widget.widget_search form input[type="text"] { color: #666!important; 
     width: 70%; 
}
.page-id-1029 #search_explain { font-size: 11px; 
	color: #666;
    text-align: right;
}
.page-id-1029 #searchsubmit input[type="submit"] {
     color: #fff;
     display: inline-block;
     font-size: 13px;
     line-height: 20px;
     margin-right: 0;
     padding: 0;
     font-weight: normal!important;
}
/* SECTION news-block */
.page-id-1029 #title { width: 100%; 
    color: #1c2c3e; 
    font-size: 30px; 
    text-align: center; 
    background-color: #fff;
    padding: 50px 0 50px 0;
}
.page-id-1029 #news-block { background-image: url("../../uploads/2014/07/trame-grey.png"); }
.page-id-1029 #news-items { width: 75%; 
    min-height: 200px;
    margin-top: 50px;
    margin-bottom: 50px;
    padding-left: 3%;
    padding-right: 2%;
}
.page-id-1029 .pt-cv-content-item { background-color: #fff; 
    border-radius: 5px; 
    margin-right: 15px;
}
.page-id-1029 #sidebar { width: 25%;
    min-height: 200px;
    margin-top: 50px;
    margin-bottom: 50px;
    padding-left: 2%;
    padding-right: 3%;
}
.page-id-1029 #nav_menu-3 h5 { background-color: #f5f5f5; 
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 10px 15px 10px 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.page-id-1029 .menu-meetings-menu-container { background-color: #fff; 
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 10px 15px 10px 15px;  
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
/* Posts with positions */
.page-id-1029 #listcategorypostswidget-2 { background-color: #fff; 
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 0 0 10px 0;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
	margin-top: 20px;
}
.page-id-1029 #listcategorypostswidget-2 h5 {
	background-color: #f5f5f5; 
	border-top: 1px solid #ddd;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	padding: 10px 0 10px 15px;
}
ul#lcp_instance_listcategorypostswidget-2 { list-style-type: none; 
	font-size: 13px;
	padding: 10px 15px 10px 15px;
	line-height: 20px;
}
ul#lcp_instance_listcategorypostswidget-2 li { margin-bottom: 8px; 
}

.page-id-1029 .timeline-Header { background-color: #f5f5f5!important; }
.page-id-1029 #small { width: 100%;  
    background-image: url("../../uploads/2014/07/trame-orange.png");
    background-position: 0 0;
    background-repeat: repeat;
    background-size: initial;
    padding-top: 20px;
    text-align: left;
}


/* HOME page content left ------------- */
.lv-content-map-left .gmap-genie-select li {
    border: 1px solid #1b2732!important;
}
.area-select {
  width: 278px;
  margin: 0 auto;
} 
#members, #infras, #seniors {
  width: 278px;
  height: 53px;
  background: #1b2732 none repeat scroll 0 0;
  border: 1px solid #1b2732;
  border-radius: 5px;
  margin-bottom: 10px;
}
#bmembers {
  background: #1b2732 none repeat scroll 0 0;
  float: left;
  margin: 10px 10px 12px 40px;
}
#binfra { background: #1b2732 none repeat scroll 0 0;
  float: left;
  margin: 10px 5px 12px 10px; }

#bsenior { background: #1b2732 none repeat scroll 0 0;
  float: left;
  margin: 10px 10px 12px 40px; }

#picgenie, #picinfra, #picsenior {
  float: right;
  margin: 15px 40px 0 0;
}
#picgenie img , #picinfra img, #picsenior img { max-width: 100%; }

/* style the button */
#showall, #showinfra, #showsenior {
  background: #1b2732 none repeat scroll 0 0;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  cursor: pointer;
  line-height: 2.1em;
  border: 0;
  padding: 0 10px 0 10px;
}
#showall:active {
  border-radius: 5px;
  border: 1px solid #fff;

}
#showall:focus {
  border-radius: 5px;
  border: 1px solid #fff;
}
#showall:hover, #showinfra:hover, #showsenior:hover {
  border: 1px solid #fff;
  border-radius: 5px;
}
	  
/* Correction for standard button on Apple */
input[type=button] {
  -webkit-appearance: none;
}

/* HOME page search-------------------- */
.home #search-3 h5 { float: left; 
     color: #fff;
     padding: 5px 0 0 12%;
}
.home .widget #searchform { float: right; 
     width: 58%;
     border: 2px solid #fff;
     border-radius: 4px;
     background-color: transparent!important;
}
.home .widget.widget_search form input[type="text"] { color: #666!important; 
     width: 90%; }
#searchsubmit input[type="submit"] .fa .fa-search {
     color: #fff;
     display: inline-block;
     font-size: 13px;
     line-height: 20px;
     margin-right: 0;
     padding: 0;
     font-weight: normal!important;
}
.ob-search-genie span {
    color: #fff;
    font-size: 13px!important;
    font-weight: normal!important;
}
#search_explain { font-size: 11px; 
	float: right; 
	color: #666;
}
#search_explain:hover { color: #fff; }

/* HOME page tag cloud ---------------- */
.tag-column {
    padding-left: 5% !important;
    padding-right: 5% !important; }

/* HOME page expert column ---------------- */
.expert-column {
    padding-left: 10% !important;
    padding-right: 5% !important; }

.home ul#menu-meetings-menu { list-style-type: none!important; margin: 10px 0 10px 5px!important; }
.home ul#menu-meetings-menu li { padding: 7px 0 7px 0; }

/* REGISTER page ---------------------- */
.two_columns_50_50 {
    margin-bottom: 15px;
}
.two_columns_50_50 > .column1 > .column_inner.form_item-bg { min-height: 140px; 
background-color: #fff; 
padding: 5px; 
margin-right: 10px;
margin-top: 5px;
}
.two_columns_50_50 > .column2 > .column_inner.form_item-bg { min-height: 140px; 
background-color: #fff; 
padding: 5px;
margin-left: 10px;
margin-top: 5px;
}

/* LABS page -------------------------- */
/* .image_holder { width: 200px!important; height: 150px;  overflow: hidden;
    position: relative; } */
.page-id-140 img.attachment-portfolio-square,
.page-id-140 img.size-portfolio-square {
    -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}

/* Sidebar on News page --------------- */
.page-id-753 .adv-sabbatical {
    background: #fff none repeat scroll 0 0;
    border-radius: 4px;
    padding: 40px;
    text-align: center;
}
.page-id-753 .adv-sabbatical i.fa-graduation-cap {
    color: #f28332;
    font-size: 60px;
    margin-bottom: 20px;
}
/* Who we are ------------------------- */
.page-id-279 .element_from_left > div, 
.page-id-279 .element_from_right > div, 
.page-id-279 .element_from_top > div, 
.page-id-279 .element_from_bottom > div, 
.page-id-279 .element_from_fade > div { opacity:0.8; }

/* .category-genie-news .content .container .container_inner { padding-top: 30px; } */

/* GeNie Meeting pages ----------------- */
.page-id-2 .content .title .container_inner,
.page-id-325 .content .title .container_inner {
    padding-top: 100px!important;
}
.content .container .container_inner.page_container_inner {
    padding-bottom: 30px!important;
}
.parent-pageid-773.container a { color: #3d5c79!important; }
.parent-pageid-773.container a:hover { color: #1abc9c!important; } 
.parent-pageid-773 .container .page_container_inner ul,
.parent-pageid-773 .container .page_container_inner ol { margin: 10px 0 10px 25px!important; 
    list-style-position: initial!important;
}

/* Outreach page ----------------------- */
img.bottomspace { margin-bottom: 30px!important; }

/* VISUAL COMPOSER text block on outreach page--------- */
.page-id-325 .wpb_text_column.wpb_content_element { position: relative;
    overflow: hidden;
    margin-bottom: 75px!important;
}

/* MEISTER page ------------------------ */
.postid-727 .fix_margin-top {
    margin-top: -27px;
}
.postid-727 .gm-name { top: 40px; }

/* PORTFOLIO PAGES --------------------- */
.single-portfolio_page .full_section_inner { padding-left: 45px; padding-right: 45px;
    background-image: url("https://worm-genie.eu/wp-content/uploads/2014/08/trame-blue-dark.png");
    background-position: 0 0;
    background-repeat: repeat;
    background-size: initial;
}
.single-portfolio_page .wpb_text_column { padding-left: 25px; }
.single-portfolio_page .gm-name { z-index: 100; }
.single-portfolio_page.wpb_single_image img { height: 450px; width: 300px; } 

/* NEWS posts -------------------------- */
.blog_holder article .post_image, 
.blog_holder article .post_image > a, 
.blog_holder article .post_image img {
    width: initial!important;
}
.blog_holder article .post_info {
    margin: 0 0 50px 0!important;
}
.blog_holder article .post_content_holder {
    margin-top: 25px!important; 
}

/* RESPONSIVE corrections -------------- */
/* HEADER ----------------------------- */
@media all and (max-width: 1024px) {
   .header_bottom { padding: 0 30px 0 30px!important; }
   .logo_wrapper { top: 20px; }
}
@media all and (max-width: 767px) { 
  .logo_wrapper { left: 40%!important; }
}
  
/* HOME page content left ------------- */
@media all and (min-width: 768px) and (max-width: 900px) {
  .lv-content-map-left { padding: 0px!important; }
  .lv-content-map-left .numberlab { font-size: 40px!important; }
  .area-select { width: 245px; }
  #members, #infras, #seniors { width: 245px; box-sizing: border-box; }
  #bmembers, #binfra, #bsenior { margin-left: 0px; margin-right: 0px; }
  #picgenie, #picinfra, #picsenior { margin-right: 35px; }
  .vc_responsive .wpb_row .vc_span4 { padding-right: 0px!important; }
}
@media all and (max-width: 600px) {
  .lv-content-map-left { padding: 0!important; }
  .area-select { display: none; }
}

/* HOME page google map --------------- */
@media all and (max-width: 767px) {
  #scroll { background-color: #999!important; }
  #map-canvas  { width: 96%!important; }
}

/* HOME page search-------------------- */
@media all and (max-width: 1200px) {
.home #search-3 h5 { padding: 5px 0 5px 0; }
}
@media all and (max-width: 900px) {
  .home #search-3 h5 { float: none; } 
  .home .widget #searchform { float: none; } 
}
@media all and (max-width: 767px) {
  #search_explain { float: none;}
}
@media all and (max-width: 600px) {
  .ob-search-genie span { padding-top: 10px; }
}

/* HOME page tag cloud ---------------- */
@media all and (max-width: 480px) {
  .tag-column {
    padding-left: 8% !important;
    padding-right: 8% !important; }
}

/* TEST HOME page --------------------- */
@media all and (max-width: 1530px) {
  .page-id-1029 .member-area { width: 100%; }
}
@media all and (max-width: 1023px) and (orientation:portrait) {	
   .page-id-1029 #map-block { flex-flow: column wrap; }
   .page-id-1029 .bg-worm,
   .page-id-1029 #genie-map { width: 100%; }	
}		  
@media all and (min-width: 768px) and (max-width: 900px) {
  .page-id-1029 .member-area { padding: 0px!important; }
  .page-id-1029 .member-area .numberlab { font-size: 40px; }
}
@media all and (max-width: 767px) {
  .page-id-1029 #map-block,
  .page-id-1029 #search-tags,
  .page-id-1029 #news-block { flex-flow: column wrap; }
  .page-id-1029 .bg-worm,
  .page-id-1029 #genie-map { width: 100%; }	 
  .page-id-1029 #search, 
  .page-id-1029 #tags  { width: 90%; }
  .page-id-1029 #search_explain { text-align: left; } 
  .page-id-1029 #search { min-height: initial; } 
  .page-id-1029 #news-items,
  .page-id-1029 #sidebar { width: 95%;  }
  .page-id-1029 #news-items { margin-bottom: 25px; }
  .page-id-1029 #sidebar { margin-top: 25px; }
}
@media all and (max-width: 600px) {
  .page-id-1029 .member-area { padding: 0px!important; }
  .page-id-1029 .member-area .numberlab { font-size: 40px; }
  .page-id-1029 .area-select { display: none; }
  .page-id-1029 #genie-map { display: none; }
}
/* TEST HOME page search-------------------- */
@media all and (max-width: 1200px) {
  .page-id-1029 #search-3 h5 { padding: 5px 0 5px 0; }
}
@media all and (max-width: 900px) {
  .page-id-1029 #search-3 h5 { float: none; } 
  .page-id-1029 .widget #searchform { float: none; width: 75%; } 
}
  /* LABS page */
@media all and (max-width: 480px) {
  .image_holder { display: none!important; }
  .projects_holder article .portfolio_description {
     padding: 10px 0 12px 0!important; }
  h3.portfolio_title { font-size: 14px!important; }
  .portfolio_description .project_category { display: none!important; }
}