/**
 * Custom CSS
 * Use this file to override styles if you feel uncomfortable editing
 * component stylesheets.
 ============================================================================ */
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body{
  font-family: 'Open Sans', sans-serif;
  font-size: 87.5%;
} 

#leaderboard .regions,
#content-prefix .regions{
  max-width: 100%;
  padding: 0;
}

.regions{
  background-color: #f7f7f7;
}

.page{
  background-color: #fff;
}
 
.site-branding__logo-link {
  max-width: 160px;
}

.site-branding__text{
  display: block;
  padding-top: 3px;
}

.site-branding__logo-link,
.site-branding__name,
.site-branding__name-link,
.site-branding__slogan
  float: left;
}

.site-branding__name a{
  font-weight: bold;
}

.site-branding__slogan{
  font-style: normal;
  font-size: 14px;
}

.site-branding__logo-img{
  max-width: 144px; 
}

.pr-navbar,
.l-navbar,
.ms-slidedown .rm-row, 
.ms-slidedown .rm-region,
.rm-toggle__link, 
.rm-toggle__link:hover, 
.rm-toggle__link:focus, 
.rm-toggle__link:active,
.ms-slidedown .rm-block__content .menu a{
  background-color: #ef4135;
}

.ms-slidedown .rm-block__content .menu a:hover, .ms-slidedown .rm-block__content .menu a:focus{
  
}

.ms-slidedown .rm-toggle{
  text-align: center;
}

.l-navbar .menu{
  background-color: #ef4135;
}

.ms-dropmenu .rm-block__content a {
  padding: 20px 10px;
  font-size: 14px;
}

.ms-slidedown .rm-block__content a{
  padding: 15px;
}

.ms-dropmenu .rm-block__content .menu-level-1 > li > span > a:hover,
.ms-dropmenu .rm-block__content .menu-level-1 > li > span > a:active,
.ms-dropmenu .rm-block__content .menu-level-1 > li > span > a:focus,
.ms-dropmenu .rm-block__content .menu-level-1 > li > span > a.active,
.ms-dropmenu .rm-block__content .menu-level-1 > li > span > a.is-active,
.ms-slidedown .rm-block__content .menu a:hover, 
.ms-slidedown .rm-block__content .menu a:active, 
.ms-slidedown .rm-block__content .menu a:focus,
.ms-slidedown .rm-block__content .menu a.active,
.ms-slidedown .rm-block__content .menu a.is-active{
  background-color: #d13c32;
}

#leaderboard,
#leaderboard .regions,
.pr-header{
  background-color: #fff;
} 

#leaderboard .l-rw{
  padding: 0;
}

#leaderboard .field{
  margin-bottom: 0;
}

.at-kobe-slideshow-0{
  margin: 0;
}

.pr-leaderboard .block:not(.has-title) p{
  margin: 0;
}

.at-kobe-slideshow-0 .flex-caption {
  display: block;
  width: 400px;
  position: absolute;
  left: 50px;
  right: auto;
  bottom: 50px;
  text-align: left;
  margin: 0;
  font-size: 30px;
  line-height: 35px;
  text-transform: uppercase;
  padding: 1rem 1rem 1rem 1rem;
  background-color: rgba(35,31,32,0.7);
  color: #fff;
}

.flex-control-paging li a{
  background-color: #fff;
  border: 3px solid #fff;
  width: 16px;
  height: 16px;
  box-shadow: none;
}

.flex-control-paging li a.flex-active {
  background-color: #5BA353;
}

#highlighted,
#highlighted .regions{
  background-color: #fff;
}

#highlighted .region .block{
  padding: 10px 0;
}

#highlighted .highlighted-block .wrapper{
  padding: 0 10px;
}

#highlighted .highlighted-block{
  text-align: center;
}

#highlighted .highlighted-block .title{
  font-size: 28px;
  margin-bottom: 20px;
  font-weight: bold;
  line-height: 1.2;
  text-transform: uppercase;
}

#highlighted .highlighted-block .text{
  padding-top: 15px;
}

#highlighted .more-button a{
  display: inline-block;
  padding: 10px 20px;
  background-color: transparent;
  border: 2px solid #fff;
  text-decoration: none;
  color: #fff;
  margin-top: 20px;
}

#highlighted .more-button a:hover,
#highlighted .more-button a:active{
  background-color: #fff;
  color: #5BA353;
}

.path-frontpage #content-prefix .region .block{
  padding: 0;
  margin: 0;
  margin-top: 20px;
}

.l-r{
  padding: 0;
}

#content-prefix,
#content-prefix .regions{
  background-color: #fff;
}

#content-prefix .wrapper a{
  display: block;
  text-align: center;
  /* background-color: #4A9228; */
  color: #fff;
  padding: 10px;
  font-size: 20px;
}

/* #content-prefix .even .wrapper a{
  background-color: #5BA353;
}
*/

#content-prefix .wrapper a:hover{
  text-decoration: none;
  background-color: #f7f7f7;
  color: #363636;
}

#content-prefix .wrapper{
  text-align: center;
}

#content-prefix .wrapper .fa{
  font-size: 30px;
  margin-bottom: 15px;
}

/* TODO főoldali nagy gombok kerete */
.thirtythree.highlighted-block {
    border-style: solid;
    border-color: white;
}

/* TODO A főoldali nagy gombokra képeket vagy egyedi háttérszínt illesztünk */
.thirtythree.highlighted-block.first.odd {
	background-color: #FF0000;
}
.thirtythree.highlighted-block.last.odd {
	background-color: #FB7041;
}
.thirtythree.highlighted-block.even {
 	background-color: #ef4135;
}
.thirtythree.highlighted-block.first.even {
 	background-color: #00FF00;
} 
.thirtythree.highlighted-block.odd {
 	background-color: #1CBC52;
}
.thirtythree.highlighted-block.last.even {
	background-color: #008000;
}

.l-main,
.l-main .regions,
.l-main .node{
  background-color: #fff;
}

.node{
  box-shadow: none;
}

.contact-block{
  position: relative;
  padding-left: 30px;
}

.contact-block .contact-icon{
  position: absolute;
  left: 0;
  top: 0;
}

.contact-block .contact-icon .fa{
  font-size: 30px;
  color: #4A9228;
}

.contact-block .contact-first{
  line-height: 0.9;
  font-size: 13px;
}

.contact-block .contact-second{
  font-size: 12px;
}

.contact-block .contact-second a{
  color: #363636;
}

.pr-header__header-second .contact-block{
  float: right;
  margin-left: 25px;
  margin-top: 10px;
}

.button{
  border: none;
  background-color: #ef4135;
  color: #fff;
  padding: 15px 20px;
  height: auto;
}

 .field-name-field-hivatkozas a{
  display: inline-block;
  background-color: #ef4135;
  color: #fff;
  padding: 15px 30px;
  text-decoration: none;
 }
 
  .field-name-field-hivatkozas2 a{
  display: inline-block;
  background-color: #ef4135;
  color: #fff;
  padding: 15px 30px;
  text-decoration: none;
 }

.field-name-field-hivatkozas a:hover,
.field-name-field-hivatkozas a:active{
    background-color: #f15b51;
}

.field-name-field-biztositasaink,
.field-name-field-biztositasaink .node{
 
}

.field-name-field-biztositasaink .node{
  
}

.field-name-field-biztositasaink .node{
  text-align: center;
  margin-bottom: 5px;
  padding: 10px;
}

.field-name-field-biztositasaink .node .node__container{
  padding: 10px;
  background-color: #e5e7e9;
}

.field-name-field-biztositasaink .node__title{
  margin-bottom: 5px;
}

.field-name-field-biztositasaink .node__title a{
  font-size: 1.2rem;
  font-weight: bold;
  color: #5BA353;
  display: block;
  padding: 20px 5px;
  text-decoration: none;
}

.field-name-field-biztositasaink .node__title a:hover{

  background-color: #f3f3f3;
  color: #5BA353;
}

.pr-subfeatures{
  color: #fff;
  background-color: #3a3c3e;
}

.pr-footer p{
  margin: 0;
  padding: 0;
}

.node{
  padding-left: 0;
  padding-right: 0;
}

.field-node--body{
  clear: both;
  float: none;
}

#sub-features p{
  margin: 0;
  padding: 0;
}

@media (min-width: 60.0625em){
  .pr-header .arc--2 .l-r.pr-header__header-first {
    width: 50%;
  }
  
  .pr-header .arc--2 .l-r.pr-header__header-second {
    width: 50%;
  }
}

.site-branding__name{
  font-weight: bold;
  font-size: 1.4rem;
}


@media screen and (max-width: 1200px) {
  .site-branding__name{
    font-size: 1.325rem;
  }
  
  .site-branding__slogan{
    font-size: 12px;
  }
}

@media screen and (max-width: 60em) {
  .pr-header .arc--2 .l-r.pr-header__header-second {
    display: none;
  }
  
  #highlighted .highlighted-block{
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 45em) {
  .site-branding__logo-link{
    max-width: 130px;
  }
  
  .site-branding__logo-img{
  max-width: 100px; 
}
  
  .site-branding__slogan{
    line-height: 1.1;
  }
  
  .site-branding__name{
    font-size: 14px;
    line-height: 1.2;
  }
  
  .at-kobe-slideshow-0 .flex-caption {
    display: block;
    width: 100%;
    left: 0;
    bottom: auto;
    position: relative;
    text-align: left;
    margin: 0;
    font-size: 14px;
    line-height: 1.1;
    padding: 0.3rem;
    text-align: center;
  }
  
  .flex-control-nav{
    display: none;
  }
  
  .at-kobe-slideshow-0 .slides{
    background-color: rgba(35,31,32,1);
  }
  
}

@media screen and (min-width: 45em) {

  .thirtythree{
    width: 33.33%;
    float: left;
  }
  
  .onehundred {
    background-color: #1900ff;
    float: left;
    width: 100%;
  }
  
  #highlighted .region .block{
    padding: 50px 0;
  }
  
  #highlighted .highlighted-block.first .wrapper{
    padding: 0 20px 0 0;
  }

  #highlighted .highlighted-block.last .wrapper{
    padding: 0 0 0 20px;
  }
  
  #sub-features .region{
    margin: 50px 0 40px 0;
  }
  
  .field-name-field-biztositasaink .node{
    width: 33.33%;
    float: left;
  }
  
  .path-frontpage #block-at-kobe-content{
    /* TODO Tibi Bemutatkozás feljebb... */
	/* padding-top: 100px; */
    padding-bottom: 100px;    
  }
/* TODO Tibi kivéve a Főoldali nagy gombok igazítása
  #content-prefix .wrapper a {
    padding: 100px 10px;
  }
  */
  #content-prefix .wrapper .fa{
    font-size: 60px;
  }
  

  #block-urlap{
    padding-top: 40px;
    padding-left: 60px;
  }
}