/* 
    Document   : com_user;
    Author     : Robi András
*/

/* CIFP ÚJ    */

p.footer-icons {
    border-top: 1px solid #776B50;
    padding: 10px 0px 0px 10px;

}

p.footer-icons img {
    margin-right: 4px;
    margin-bottom: 4px;
}


p.social-icons>a>img { border-right:1px solid #D0B880; }

p.social-icons>a:nth-child(2)>img { padding-right:4px; }
p.social-icons>a:nth-child(3)>img { padding: 0 4px; }
p.social-icons>a:nth-child(4)>img { padding: 0 4px; }
p.social-icons>a:nth-child(5)>img { padding-left:4px; }

p.social-icons a:last-of-type > img {border:none}


/* CIFP ÚJ VÉGE  */


/* Submenu */

div#content .part-user {
  width: 960px;
  margin: 0 0 20px 0;
  float: left;
  border-radius: 5px;
  box-shadow: 0 0 5px #000;
}

div#content .part-user:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

div#content .part-user h2.component-heading {
  background: #122650;
  padding: 10px;
  text-align: center;
  color: #FFF;
  font-weight: 700;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 10px solid #BE9C50;
}

div#content .part-user .component-body {
  background: #173268;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

/* ------- Partners --------*/

/* Partnerek slider */

.part-user.sponsors { margin-top: 0; }

.part-user.sponsors h2.component-heading {
   background: #122650;
   padding: 10px 20px;
   color: #FFF;
   font-size: 24px;
   text-transform: uppercase;
   font-family: 'Open Sans', sans-serif;
   font-weight: 700;
   text-align: center;
   border-left: 10px #122650 solid;
   border-right: 10px #122650 solid;
   position: relative;
   margin: 0 50px 0;
}
.part-user.sponsors h2.component-heading::before {
   height: 100%;
   content: " ";
   position: absolute;
   top: 0;
   left: 0;
   border-left: 10px #BE9C50 solid !important;
}
.part-user.sponsors h2.component-heading::after {
   height: 100%;
   content: " ";
   position: absolute;
   top: 0;
   right: 0;
   border-right: 10px #BE9C50 solid !important;
}

.part-user.sponsors {
    position: relative;
    margin: 0 auto;
    padding: 20px 0;
    /* height: 180px; */
}

.part-user.sponsors .com-content p { text-align: center; }

.part-user.sponsors .com-content p img {
  margin:20px 0px 20px 0px;
  box-sizing: border-box;
  box-shadow: 0 0 5px #aaa;
  max-height:100px;
  width:auto;
}

.part-user.sponsors .com-content p img {
  -webkit-filter: grayscale(80%);
  -moz-filter: grayscale(80%);
  -ms-filter: grayscale(80%);
  filter: grayscale(80%);
  border-radius: 5px;
}

.part-user.sponsors .com-content p img:hover {
  transition: all 0.5s ease 0s;
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  filter: grayscale(0%);
}

div#content .part-user.fb-placeholder {
    float:left;
    min-height:1px;
    width:506px;
    margin-right:20px;
    box-shadow:none;
}

div#content .part-user .fb-wrap {
    /* display:none; */
    margin-top:20px;
    padding:20px;
    box-sizing:border-box;
    background: #ffffff;
    color: white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 5px #000;
    overflow:hidden;
    text-align:center;
}

div#content .part-user.fb-placeholder .component-body {
    background:none;
}

/*----+ MEDIA QUERIES +----*/

@media only screen and (min-width: 1654px){
  
   div#content .part-user {
     width: 486px;
     /* margin-right: 20px; */
   }
}

@media only screen and (min-width: 1324px) and (max-width: 1653px){

   div#content .part-user {
     width: 386px;
      
     /* margin-right: 20px; */
   }
   div#content .part-user.fb-placeholder {
       width:406px;
   }
}

@media only screen and (min-width: 994px) and (max-width: 1323px){
    div#content .part-user.fb-placeholder {
       width:306px;
   }
}

@media only screen and (min-width: 640px) and (max-width: 993px){
   
   div#content .part-user { width: 630px; }
   
   div#content .part-user.fb-placeholder {
       width:630px;
   }
   
}

@media only screen and (min-width: 480px) and (max-width: 639px){
   
   div#content .part-user.fb-placeholder,
   div#content .part-user { width: 100%; }
}

@media only screen and (min-width: 320px) and (max-width: 479px){

   div#content .part-user.fb-placeholder,
   div#content .part-user { width: 100%; }

}

@media only screen and (max-width:639px){
    div#content .part-user.fb-placeholder {
        margin-right:0;
    } 
}

@media only screen and (max-width:993px) {
    div#content .part-user .fb-wrap {
        height:auto !important;
        margin-bottom:20px;
    }
}