@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap&subset=latin-ext');

html {
  scroll-behavior: smooth;
	background-color: transparent;
}

body {
 /* padding-top: 675px;*/
    color: #263d3c;
    background-image: url(/themes/weston_theme/images/bg.jpg);
    font-family: 'Roboto', sans-serif !important;
    font-size: 23px;
    line-height: 35px;
    font-weight: 300;
    letter-spacing: -1px;
	  transition: 0.3s all ease;
}

body.stickybody {
	padding-top: 85px;
	  transition: 0.15s all ease;
}

.cky-consent-container {
    width: 100% !important;
    height: 100% !important;
    background-color: #000000bb !important;
	top:0 !important;
	left:0 !important;
}

.cky-consent-container .cky-consent-bar {
    max-width: 600px !important;
    margin: 0 auto !important;
    margin-top: 10% !important;
}


* {

.block,
.field {
	margin: 0;
}

a,
a:visited,
a:focus {
    -webkit-transition: color 500ms ease-out;
    -moz-transition: color 500ms ease-out;
    -o-transition: color 500ms ease-out;
    transition: color 500ms ease-out;
	text-decoration: none;
color: #4ea13e;}

a:hover,
a:active{
	text-decoration: none;
	color: #263d3c;
}

#captcha {
    overflow: visible;
    border: none;
    background-color: transparent;
}
#captcha > summary {
    display:none;
}

.page,
.regions,
.node {
	background-color: transparent;
	box-shadow: none;
}

.l-footer {
    background-image: url(/themes/weston_theme/images/footer.jpg);
    background-repeat: no-repeat;
    color: #ffffff;
    font-size: 25px;
    font-weight: 300;
    line-height: 30px;
}

.l-footer p {
	margin: 0;
}

.l-footer a {
    color: #ffffff;
}

.l-footer a:hover {
    color: #4ea13e;
}

.l-footer h3 {
    font-size: 35px;
    font-weight: 500;
    line-height: normal;
    padding: 0;
    margin-bottom: -5px;
    margin-top: 45px;
}

.l-footer h2 {
    background-image: url(/themes/weston_theme/images/connect_white.png);
    background-repeat: no-repeat;
    background-position: bottom center;
    line-height: 135px;
    padding-bottom: 20px;
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 500;
}

.pr-footer {
    text-align: center;
    max-width: 1340px;
    margin: 0 auto;
	background-color: transparent;
}

.pr-footer img {
    margin-top: 29px;
    margin-bottom: -8px;
}

.l-main { 
    background-image: url(/themes/weston_theme/images/cables_tool.jpg), url(/themes/weston_theme/images/multimeter.jpg);
    background-position: left top, right bottom;
    background-repeat: no-repeat, no-repeat;
    padding-bottom: 100px;
}

.path-frontpage .l-main {
    text-align: center;}

#main-content {
    max-width: 1260px;
    margin: 0 auto;}

#masthead {
    width: 100%;
    text-align: center;
    /* position: fixed; */
    top: 0;
    left: 0;
    transition: all 0.5s ease;
    background-image: url(/themes/weston_theme/images/header_bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    border-top: 5px solid #4ea13e;
}

#masthead .site-branding__logo-img {
    margin-top: -5px;}

span.align-left {
	margin-right: 20px;
	margin-bottom: 20px;
}

span.align-right {
	margin-left: 20px;
	margin-bottom: 20px;
}

h1.node__title,
h1.page__title {
    background-image: url(/themes/weston_theme/images/connect_green.png);
    margin-bottom: 52px;
    text-align: center;
	background-repeat: no-repeat;
    background-position: bottom center;
    line-height: 135px;
    padding-bottom: 20px;
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 500;
}

h2 {
    font-size: 30px;}

h3 {
    font-size: 28px;}

h4 {
    font-size: 23px;}

input.button {
	background-color: #4ea13e;
    padding: 15px 40px;
    border: none;
    opacity: 1;
    -webkit-box-shadow: 0;
    box-shadow: none;
    height: auto;
    font-size: 25px;

}

textarea {
    font-family: 'Roboto', sans-serif !important;
}

.view-aktualis-informaciok .views-field-created {
	font-size: 18px;
	font-style: italic;
}

.view-aktualis-informaciok  .views-field-title {
	font-weight: bold;
}



.view-aktualis-informaciok .views-row {
	border-bottom: 1px solid #9acc90;
	padding-bottom: 30px;
	margin-bottom: 40px;
}

.node--type-webform .field-node--body {
	float: right;
	max-width: 500px;
}

.node--type-webform .field-node--webform {
	float: left;
	max-width: 500px;
}

#slogan_box {
    background-image: url(/themes/weston_theme/images/shape.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 973px;
    height: 217px;
    display: flex;
    font-size: 35px;
    font-weight: lighter;
    text-transform: uppercase;
    text-align: right;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    line-height: 62px;
}

#slogan_box_right {
    margin-left: 37px;
}

.view-referenciak .view-rows,
.page-node-type--referencia .field-node--field-kepek {
	display: flex;
	justify-content: space-between;
  flex-wrap: wrap;
	
}

.view-referenciak .views-row,
.page-node-type--referencia .field-node--field-kepek  .field-type-image__figure{
	
  flex: 0 49%;
}

.view-referenciak .views-row {
	margin-bottom: 20px;
}

.view-referenciak .views-field-title {
	text-align: center;
	font-size: 30px;
	line-height: 68px;
}

.view-referenciak .views-field-title a {
	display: block;
	line-height: 35px;
	padding: 13px;
}

.view-referenciak .views-row:hover {
	background-color: #E3E3E3;
}

.site-branding__text,
.site-branding__name,
.site-branding__slogan {
	display: block;
	color: #fefefe;
    font-size: 35px;
	text-align: left;
}

.l-header header{
    color: #fefefe;
}

.l-header header h3 {
	color: #ffffff;
}
#block-weston-theme-branding {
	float: left;
}
#block-kiemelt {
	float: right;
    padding-top: 21px;
    position: absolute;
    right: 0;
    background-color: #4ea13e;
    top: 73px;
    padding-right: 5%;
}

.user-logged-in #block-kiemelt {
	top: 100px;
}

#block-kiemelt .block__content a {
	color: #ffffff;
    font-weight: bold;
    font-size: 23px;
    padding: 20px;
    letter-spacing: normal;
}

#block-kiemelt .block__content a:hover {
    color: #000000;
}


.site-branding__name-link:link,
.site-branding__name-link:visited{
    color: #4ea13e;
}

.site-branding__slogan {
    padding: 21px 0px;
}

#block-emailtel {
	float: right;
	transition: all 0.5s;
	padding-top: 5px;
}

#block-emailtel,
#block-emailtel .block__content a {
	color: #ffffff;
	font-weight: normal;
}

#block-emailtel .block__content span {
	padding: 0px 15px;
}

#branding-sticky {
	display: none;
}

.sticky #branding-sticky img {
	display: none;
}

.sticky #branding-sticky {
	display: inline;
    margin-right: 70px;
}

#block-emailtel.sticky .block__content a:hover {
	color: #000000;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
	background-color: #367729;
	line-height: 60px;
	float: none;
	right: 0;
	left: 0;
	z-index: 500;
}

.sticky p {
	margin: 0;
	padding: 0;
}

button, .button {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.caption > figcaption {
    font-size: 17px;
}

#backtotop {
    background: url(/themes/weston_theme/images/backtotop.png) no-repeat center center;
}


/* menu */

ul.sf-menu li {
    float: none;
    display: inline-block;
}

ul.sf-menu.sf-style-default {
    float: none;
    text-align: center;
	clear: both;
}

#block-fonavigacio  {
  margin: 0;
    padding: 36px 0px 12px 0px;
	clear: both;
}
#block-fonavigacio .sf-navbar {
  width: 100%;
}
#block-fonavigacio  ul {
  padding-left: 0;
}

/*#block-fonavigacio  li {
	border-right: 1px solid #ffffff;
}

#block-fonavigacio  li:nth-of-type(1) {
	border-left: 1px solid #ffffff;
}*/

#block-fonavigacio  a,
#block-fonavigacio  span.nolink,
#block-fonavigacio  a.is-active {
  padding: 10px 22px;
	background-color: transparent;
    text-transform: uppercase;
    color: #fefefe;
    font-size: 21px;
	cursor: pointer;
	text-align: left;
    font-weight: normal;
}

#block-fonavigacio li li a,
#block-fonavigacio li li span.nolink,
#block-fonavigacio li li a.is-active {
    color: #4ea13e;
	text-decoration: none;
	font-weight: 500;
}

#block-fonavigacio li li a:hover,
#block-fonavigacio li li span.nolink:hover {
	background-color: #ffffff;
}

#block-fonavigacio  a.sf-with-ul,
#block-fonavigacio  span.nolink.sf-with-ul {
  padding-right: 2.25em;
}
#block-fonavigacio .rtl a.sf-with-ul,
#block-fonavigacio .rtl span.nolink.sf-with-ul {
  padding-left: 2.25em;
  padding-right: 1em;
}
#block-fonavigacio  span.sf-description {
  color: #0000ff;
  display: block;
  font-size: 0.833em;
  line-height: 1.5;
  margin: 5px 0 0 5px;
  padding: 0;
}
#block-fonavigacio .rtl span.sf-description {
  margin: 5px 5px 0 0;
}
#block-fonavigacio  li,
#block-fonavigacio .sf-navbar {
  background: transparent;
}
#block-fonavigacio  li li {
  background: #e0e0e0;
}
#block-fonavigacio  li li li {
  background: #d0d0d0;
}
#block-fonavigacio  li:hover,
#block-fonavigacio  li.sfHover,
#block-fonavigacio  a:focus,
#block-fonavigacio  a:hover,
#block-fonavigacio  a:active,
#block-fonavigacio  span.nolink:hover,
#block-fonavigacio  li.sfHover span,
#block-fonavigacio  li.sfHover a {
  outline: 0;
	color: #4ea13e;
}
#block-fonavigacio  li:hover > ul,
#block-fonavigacio  li.sfHover > ul {
  top: 40px;
}
#block-fonavigacio  li li:hover > ul,
#block-fonavigacio  li li.sfHover > ul {
  top: 15px;
}
#block-fonavigacio .sf-sub-indicator:after {
  content: "▼";
}
#block-fonavigacio ul .sf-sub-indicator:after,
#block-fonavigacio .sf-vertical .sf-sub-indicator:after {
  content: "►";
}
#block-fonavigacio .sf-navbar ul .sf-sub-indicator:after,
#block-fonavigacio .sf-accordion .sf-sub-indicator:after,
#block-fonavigacio .sf-accordion.sf-accordion-with-buttons .sf-accordion-button:after {
  content: "▼";
}
#block-fonavigacio .sf-navbar ul ul .sf-sub-indicator:after {
  content: "►";
}
#block-fonavigacio .sf-accordion.sf-accordion-with-buttons li.sf-expanded > .sf-accordion-button:after {
  content: "▲";
}
#block-fonavigacio .sf-horizontal.rtl ul .sf-sub-indicator:after,
#block-fonavigacio .sf-vertical.rtl .sf-sub-indicator:after,
#block-fonavigacio .sf-navbar.rtl ul ul .sf-sub-indicator:after {
  content: "◄";
}
#block-fonavigacio div.sf-accordion-toggle a {
  background-color: transparent;
  color: #ffffff;
  padding: 0;
    display: inline-block;
    vertical-align: middle;
}
#block-fonavigacio div.sf-accordion-toggle a.sf-expanded,
#block-fonavigacio .sf-accordion li.sf-expanded {
  background-color: transparent;
}
#block-fonavigacio div.sf-accordion-toggle a.sf-expanded,
#block-fonavigacio .sf-accordion li.sf-expanded > a,
#block-fonavigacio .sf-accordion li.sf-expanded > span.nolink {
  font-weight: normal;
}
#block-fonavigacio .sf-accordion li a.sf-accordion-button {
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 499;
}
#block-fonavigacio .sf-accordion li li a,
#block-fonavigacio .sf-accordion li li span.nolink {
  padding-left: auto;
}
#block-fonavigacio .sf-accordion li li li a,
#block-fonavigacio .sf-accordion li li li span.nolink {
  padding-left: 3em;
}
#block-fonavigacio .sf-accordion li li li li a,
#block-fonavigacio .sf-accordion li li li li span.nolink {
  padding-left: 4em;
}
#block-fonavigacio .sf-accordion li li li li li a,
#block-fonavigacio .sf-accordion li li li li li span.nolink {
  padding-left: 5em;
}
#block-fonavigacio .rtl.sf-accordion li li a,
#block-fonavigacio .rtl.sf-accordion li li span.nolink {
  padding-left: auto;
  padding-right: 2em;
}
#block-fonavigacio .rtl.sf-accordion li li li a,
#block-fonavigacio .rtl.sf-accordion li li li span.nolink {
  padding-left: auto;
  padding-right: 3em;
}
#block-fonavigacio .rtl.sf-accordion li li li li a,
#block-fonavigacio .rtl.sf-accordion li li li li span.nolink {
  padding-left: auto;
  padding-right: 4em;
}
#block-fonavigacio .rtl.sf-accordion li li li li li a,
#block-fonavigacio .rtl.sf-accordion li li li li li span.nolink {
  padding-left: auto;
  padding-right: 5em;
}
#block-fonavigacio  li.sf-multicolumn-wrapper ol,
#block-fonavigacio  li.sf-multicolumn-wrapper ol li {
  margin: 0;
  padding: 0;
}
#block-fonavigacio  li.sf-multicolumn-wrapper a.menuparent,
#block-fonavigacio  li.sf-multicolumn-wrapper span.nolink.menuparent {
  font-weight: bold;
}
#block-fonavigacio  li.sf-multicolumn-wrapper {
  background: #c0c0c0;
}
#block-fonavigacio  li.sf-multicolumn-wrapper li {
  background: transparent;
}

#block-fonavigacio .contextual-links li a {
	color: #000000;
}

.tabs .is-horizontal ul.tabs--primary a.active, .tabs .is-horizontal ul.tabs--primary a.is-active,
.tabs .is-horizontal ul.tabs--primary a.active:hover, .tabs .is-horizontal ul.tabs--primary a.active:focus, .tabs .is-horizontal ul.tabs--primary a.is-active:hover, .tabs .is-horizontal ul.tabs--primary a.is-active:focus {
    background: #ffffff;
}


div.sf-accordion-toggle.sf-style-default > a:after {
    position: relative;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
    display: inline-block;
    vertical-align: middle;
    right: auto;
    margin-left: 10px;
    padding-bottom: 3px;
}

#block-fonavigacio #superfish-main-accordion a,
#block-fonavigacio #superfish-main-accordion span.nolink,
#block-fonavigacio #superfish-main-accordion a.is-active {
	text-align: center;
}

#superfish-main-accordion {	
    margin: 0 auto;
    background-color: #263d3c;
}
#superfish-main-accordion li  a{
    text-align: center;
    display: block;
}

#superfish-main-accordion li {
    margin: 0 auto;
    float: none;
    display: block;}

#block-fonavigacio #superfish-main-accordion li li {
    background-color: transparent;
	width: auto;
}


@media all and (max-width: 1800px) {.l-main {
    padding-bottom: 150px;
}}

@media all and (max-width: 1600px) {.l-main {
    padding-bottom: 200px;
}}



@media all and (max-width: 1280px) {
	#block-emailtel {
		font-size: 20px;
	}
	.site-branding__text,
	.site-branding__name, .site-branding__slogan {
    font-size: 30px;
}
	#masthead .site-branding__logo-img {
    width: 80%;
}
	.view-referenciak .view-rows,
	.page-node-type--referencia .field-node--field-kepek {
		display: block;
	}
	
	.view-referenciak .views-row,
	.page-node-type--referencia .field-node--field-kepek .field-type-image__figure{
    margin: 0 auto;
    margin-bottom: 30px;
}
	
	.view-referenciak .views-row img {
		width: 100% !important;
		height: auto;
	}
}

@media all and (max-width: 1150px) {
	
	#slogan_box{
		width: auto;
		background-image: none;
	}
	
	#block-weston-theme-branding {
    float: none;
}
	#block-emailtel {
    float: none;
}
	
	#block-kiemelt {
    float: none;
    position: relative;
    padding-right: unset; 
    top: 0;
    text-align: center;
		padding-top: 0;
}
	
	#block-kiemelt p {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	#block-kiemelt p a {
		display: block;
	}
	
	.site-branding__text, .site-branding__name, .site-branding__slogan {
    text-align: center;
		padding: 0;
}
	
	.site-branding__text {
		padding-top: 15px;
	}
	#masthead .site-branding__logo-img {
    width: auto;
    height: 150px;
}
	
	.site-branding__logo-link {
    padding-right: 0;
}
	
	.site-branding {
		display: block;
    padding-bottom: 20px;
	}
	
	.node {
		padding: 0;
	}
}

@media (max-width: 1000px) {
	
	h1.node__title, h1.page__title {
		padding: 30px 0 45px 0;
    line-height: normal;
		font-size: 27px;
}
	
	#block-kiemelt .block__content a {
    font-size: 18px;
    padding: 15px;
}
	 
#slogan_box_left {
	text-align: center;
}
#slogan_box_right {
    display: none;
}
.l-main {
    background-image: url(/themes/weston_theme/images/multimeter.jpg);
    background-position: right bottom;
}

	.sticky #branding-sticky {
    display: block;
    margin-right: 0;
}
	
	.sticky {
		line-height: 35px;
	}
	
	.stickybody #block-emailtel span:nth-of-type(3) {
		display: none;
}	
	
	.stickybody #block-emailtel span:nth-of-type(2) {
		display: inline-block;
	}
	
	.stickybody #block-emailtel a {
		display: inline-block;
	}
	.stickybody #block-emailtel a:nth-of-type(3) {
		display: block;
	}
	
}

@media (max-width: 800px) {
	
	#block-emailtel p span:nth-of-type(2),
	#block-emailtel p span:nth-of-type(3) {
		display: none;
	}
	
	#block-emailtel p a {
		display: block;
	}
	
}

@media (min-width: 1900px) {
	.l-footer,
	#masthead	{
        background-size: 100%;
    }
}