/*
 Theme Name:     Pioneer
 Theme URI:      http://pioneerco.gr/
 Description:    Pioneer Theme
 Author:         Christos
 Author URI:     http://www.synectics.gr
 Template:       customizr
 Version:        1.0.0
*/

@import url("../customizr/style.css");

/* for sticky footer */
/*.footlinks a {color:#fff; margin:0 25px 0 25px;}
.footlinks a:hover {color:#E9A825; text-decoration:none;}
.footcopy {float:right; margin-right:60px;}*/

/* for homepage */

.tagline {text-align:center; color:#706102;}
.tagline h1 {text-transform: uppercase;}
.marketing .span4 p {margin: 0 30px 30px 30px; text-align: center;}
/*.carousel {border-bottom: 4px solid #404040; background-color:#404040;}*/
/*.round-div {border-radius: 110px;}*/
@media (max-width: 767px) {.span12.article-container .round-div {width: 150px; height: 150px; top: -44px; left: -65px;}}
@media (max-width: 480px) {.span12.article-container .round-div {width: 125px; height: 125px; top: -68px; left: -57px;}}
/*.carousel .item {line-height: 800px; overflow: hidden; min-height: 800px;}*/
.page-id-158 .entry-header {display: none;}
@media (max-width: 767px) {.widget-front .round-div, article .tc-thumbnail .round-div {transform: scale(1.3);}}
.cologos {margin-top:-20px; text-align:left;}
@media (max-width: 560px) {.cologos {margin-top:20px; text-align:center;}}
@media (min-width: 980px) {.cologos {margin-top:-80px; text-align:left;}}
.trlogos {margin-top:20px; margin-bottom:5px; text-align:left;}
@media (max-width: 767px) {.trlogos {margin-top:20px; margin-bottom:15px; text-align:center;}}

/* for header */

.tc-header {border-top: 5px solid #f5f5f5; border-bottom: 5px solid #f5f5f5;
background-image: url("http://pioneerco.gr/wp-content/uploads/2015/11/large_header.jpg");}
.tc-solid-color-on-scroll.sticky-enabled .tc-header {background-size:100% 100%;
	background-image: url("http://pioneerco.gr/wp-content/uploads/2015/11/small_header.jpg");}
.sticky-enabled .tc-header {border-bottom: 0px;}
#mega-menu-wrap-main .mega-menu-toggle.mega-menu-open + #mega-menu-main {background-color: #f5f5f5;}

/* for main menu */

#mega-menu-wrap-main #mega-menu-main > li.mega-menu-item > a {font-family: Roboto Slab,Helvetica;}
@media (max-width: 979px) {.sticky-disabled #mega-menu-wrap-main .mega-menu-toggle {margin-top: -52px;}}
@media (max-width: 767px) {#mega-menu-wrap-main {margin-right: 30px;}}
.sticky-enabled #mega-menu-wrap-main .mega-menu-toggle {margin-top: -18px;}
@media (min-width: 980px) {.sticky-enabled #mega-menu-wrap-main .mega-menu-toggle {margin-top: 34px;}}
@media (min-width: 980px) {.sticky-enabled .tc-sticky-logo-on .site-logo img.sticky {margin-left: 35%;}}
.sticky-enabled .navbar-inner .nav-collapse, .navbar-inner .nav-collapse.collapse {background-color: transparent; box-shadow: none;}
.mega-menu-item-126  {margin: 0px 0px -20px 0px !important;}
.mega-menu-item-127  {margin: 0px 0px -20px -10px !important;}
.mega-menu-item-427  {margin: 0px 0px -20px -10px !important;}

@media (max-width: 980px) {
#mega-menu-wrap-main #mega-menu-main > li.mega-menu-item.mega-current-menu-item > a, #mega-menu-wrap-main #mega-menu-main > li.mega-menu-item.mega-current-menu-ancestor > a
{background: white none repeat scroll 0% 0%;}
#mega-menu-wrap-main #mega-menu-main > li.mega-menu-item > a, #mega-menu-wrap-main #mega-menu-main > li.mega-menu-item > a
{background: white none repeat scroll 0% 0%;}
#mega-menu-wrap-main #mega-menu-main > li.mega-menu-item.mega-toggle-on > a, #mega-menu-wrap-main #mega-menu-main > li.mega-menu-item > a:hover, #mega-menu-wrap-main #mega-menu-main > li.mega-menu-item > a:focus
{background: white none repeat scroll 0% 0%;}}

/* center main menu */
@media (min-width: 980px) {
.sticky-disabled .nav-collapse.collapse {margin-left: auto; margin-right: auto; float: none; width: auto;}}
@media (max-width: 459px) {
.sticky-disabled #mega-menu-wrap-main .mega-menu-toggle {margin-top: -25px; margin-left: auto; margin-right: auto !important; width: 70px;}}

/* for footer */

footer#footer a, footer#footer p {font-size: 13px; line-height: 32px; font-family:roboto slab;}
footer#footer a {color:#404040 !important;}
footer#footer {border-top: 5px solid #404040;}

/* for content */

p {text-align:justify;}
.imgleft {float:left; margin:5px 20px 20px 0;}
.imgright {float:right; margin:5px 0 20px 20px;}
hr {border-width: 2px 0px; border-color: #5A5A5A -moz-use-text-color rgb(255, 255, 255);}
.featurette-divider {border-width: 2px 0px; border-color: #eee -moz-use-text-color #FFF;}
.callaction {width:95%; padding: 19px 2.5%; margin: 32px 0px 0px; background: #c2a056 none repeat scroll 0% 0%;}
.callaction h4 {text-shadow:none; padding: 0px 10px 0px 0px; /*float: left;*/ font: 24px/64px "Roboto Slab;"; color: #FFF; text-transform: uppercase;}
.actionbtn {border-radius: 4px; position: relative; float: right; padding: 0px 29px 0px 32px; background: #716202 none repeat scroll 0% 0%;
font: 38px/64px "Roboto Slab;"; color: #FFF; text-decoration: none; margin-top:10px;}
.actionbtn:hover{background: #FFF none repeat scroll 0% 0%;}
a.actionbtn:hover {color:#716202; text-decoration: none;} 
.wimenu {font-size: 14px; line-height: 48px !important; font-family: Roboto slab; padding:0 10px;}
.wimenu a {color:#404040;}
.wimenu a:hover {color:darkgoldenrod;}
.wimenu .actlink {color:darkgoldenrod;}
li a:hover {text-decoration:none !important;}
html {background-color:#404040;}
.btn-primary {background-image: linear-gradient(to bottom, #E0B662, #A47F37);}
.gallery-caption {margin-top:10px;}
a:focus {outline: 0px;}

/* for mobile menu!!! */
@media (max-width: 1000px) {.nav-collapse, .nav-collapse.collapse {margin-top: -37px; background-color: white;} .mega-menu-item-127  {margin: -40px 0px 0px 50px !important;}}

/* for side menu */

@media (max-width: 767px) {ul.menu {margin: 0px 25px 10px 25px;}}
@media (max-width: 767px) {.wimenu .pull-right {margin-top:13px;}}

/* for contact */
.smallmar {margin-left:30px;}
.wpcf7-textarea {width:95%;}

/* Νέο layout για brands */
.brandspage {
  padding: 40px 0;
  border: none;
  text-align: center;
  font-size: 28px;
  color: #333;
}

/* grid για logos */
.brand-logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
  margin-top: 30px;
}

.brand-logos img {
  width: 140px;
  height: auto;
  object-fit: contain;
  transition: transform 0.3s, opacity 0.3s;
}

.brand-logos img:hover {
  transform: scale(1.05);
  opacity: 0.9;
}