/*--
	Theme Name: Marostech
	Theme URI: http://fontis.hu/
	Description: Marostech Wordpress Template
	Author: Fontis Kft.
	Author URL: http://fontis.hu
	Template: CherryFramework
	Version: 2.1
	MotoPress Version: 1.0
--*/

/* ----------------------------------------
	Please, You may put custom CSS here
---------------------------------------- */
@import url("main-style.css");

/*sötét: #1E4A69  kék: #0061A2   //sárga: #FFCC00*/
/*korábban kék: #0061A2   //sárga: #FFCC00*/


.nav__primary .sf-menu > li.current-menu-item > a ,
.nav__primary .sf-menu > li > a:hover,
.nav__primary .sf-menu >li.sfHover >a {
  color:  #FFCC00;
}
.nav__primary .sf-menu > li > .sub-menu > .menu-item.current-menu-item a,
.nav__primary .sf-menu > li > .sub-menu > .menu-item a,
.nav__primary .sf-menu > li > .sub-menu > .menu-item a:hover {
  color:  #FFFFFF;
  font-size: 16px;
}

.nav__primary .sf-menu >li >.sub-menu >.menu-item.sfHover >a,
.nav__primary .sf-menu >li >.sub-menu >.menu-item.current-menu-item a {
	color:#FFCC00;
	text-shadow:none;
	background:none;
}

.nav__primary .sf-menu >li >.sub-menu {
	background:#0061A2;
}


.content-holder {background: none repeat scroll 0 0 #EBEFF2;}


.white-wrap h1, .white-wrap h2, .white-wrap h3, .white-wrap h4, .white-wrap h5, .white-wrap h6 {
	color:#0061A2;
}


.gray-wrap h1, .gray-wrap h2, .gray-wrap h3, .gray-wrap h4, .gray-wrap h5, .gray-wrap h6 {
	color:#0061A2;
  font-weight: 500;
}

.gray-wrap h1 a, .gray-wrap h2 a, .gray-wrap h3 a, .gray-wrap h4 a, .gray-wrap h5 a, .gray-wrap h6 a { color:#0061A2; }

@media (max-width: 767px) {
	.posts-grid.services-main li .thumbnail {
		background:#0061A2;
  }
}
.posts-grid.services-main li:hover .excerpt { color:#FFCC00; }

.posts-grid.services-main li h5 {
  background-color: #0061A2;
}


.btn, .reply a {
	color:#fff;
	background:#0061A2;
	border-bottom:5px solid #1B4277;
}
.btn, .posts-grid.services-main li .excerpt{
  font-family: 'Ubuntu',sans-serif;
}

.btn:hover, .btn:active, .reply a:hover, .reply a:active {
	background:#ebeff2;
	color:#303030;
	border-color:#4c4f55;
}

.title-section .breadcrumb a {
	color:#0061A2;
}
.title-section .breadcrumb > li.active {
    color: #FFCC00;
}

article .thumbnail{
  margin: 40px;
}

.flex-active{
  color: #0061A2;
}
.bemutatkozo{text-align:justify;}

.list.unstyled.eletrajz > ul li{padding-left: 65px;  font-size: 14px;}
.list.unstyled.eletrajz li>strong{margin-left: -35px;}
a {color: #0061A2;}


.footer-widgets,.footer-widgets:before,.footer-widgets:after  {
	background:none;
	background:#0061A2;
	background-color:#0061A2;
	background-image:-moz-linear-gradient(top,#1E4A69,#0061A2);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#1E4A69),to(#0061A2));
	background-image:-webkit-linear-gradient(top,#1E4A69,#0061A2);
	background-image:-o-linear-gradient(top,#1E4A69,#0061A2);
	background-image:linear-gradient(to bottom,#1E4A69,#0061A2);
	background-repeat:repeat-x;  
}
.footer-widgets{
  padding:18px 0 18px;
}
.footer-text{width: 100%; text-align:center; margin-bottom: 5px;}
.footer-text a,.social .social_li .social_label,.textwidget, .footer-widgets h4{color: #fff;}


.header {
	background:none;
	border:none;
	padding:0;
	background-color:#0061A2;
	background-image:-moz-linear-gradient(top,#1E4A69,#0061A2);
	background-image:-webkit-gradient(linear,0 0,0 100%,from(#1E4A69),to(#0061A2));
	background-image:-webkit-linear-gradient(top,#1E4A69,#0061A2);
	background-image:-o-linear-gradient(top,#1E4A69,#0061A2);
	background-image:linear-gradient(to bottom,#1E4A69,#0061A2);
	background-repeat:repeat-x;
	border-bottom:1px solid #1E4A69;
	box-shadow:0 5px 4px rgba(0,0,0,0.23);
}

.posts-grid.services-main li h5{
  font-family: inherit;
}
.flexslider .flex-control-nav li a.flex-active, .flexslider .flex-control-nav li a:hover { background:#0061A2; }

#flags_language_selector{
  z-index: 999;
  position: absolute;
  left: 0px;
  top: 0px;
}

@media (max-width: 1200px) {#flags_language_selector{left: 60px;}}
@media (max-width: 1023px){#flags_language_selector{left: 0px;}}
@media (max-width: 767px) {	#flags_language_selector{position: relative; margin-bottom: 10px;}}

