@import "../fonts/icons-rcnradio.css";

@font-face {
  font-family: 'Montserrat-bk';
  src: url('../fonts/montserrat-black-webfont.woff2') format('woff2'),
  url('../fonts/montserrat-black-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat-md';
  src: url('../fonts/montserrat-medium-webfont.woff2') format('woff2'),
  url('../fonts/montserrat-medium-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
  url('../fonts/montserrat-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

.cross-footer { font-family: Montserrat-md !important; }
.cross-footer h2, .cross-footer h3, .cross-footer h4{ font-family: Montserrat-bk !important; }
.cross-footer p, .cross-footer a, .cross-footer li, .cross-footer span { font-weight: normal; }
.cross-footer ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.cross-footer a, .cross-footer a:hover {
  color: black;
  display: inline-block;
  font-size: 12px;
  width: 100%;
}
.cross-footer a:focus { color: black }
.cross-footer > .container { width: 100%; }
.logo-radiorcn, .logo-coc {
  width: 70px;
  margin: 0 20px;
  display: inline-block;
  vertical-align: middle;
}
.inline-top-ele {
  display: inline-block;
  vertical-align: top;
}
.cross-border-top { padding: 20px 0; }
.cross-footer-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.cross-footer .flex-item {
  margin: 10px 0;
  width: 100%;
}
.cross-footer .flex-item:first-child { text-align: center; }
.cross-footer .flex-item.cross-accordion {
  padding: 0;
  width: 100%;
}
.cross-footer .flex-item.cross-accordion li{
  border-top: 1px solid #E5E5E5;
  display: inline-block;
  width: 100%;
}
.cross-footer .flex-item.cross-accordion li h3 a{ padding: 16px 0; }
.cross-footer .flex-item.cross-accordion li:last-child{ border-bottom: 1px solid #E5E5E5 }
.cross-footer .flex-item.cross-accordion li ul li{
  border: none;
  padding: 0 15px;
}
.cross-footer .flex-item.cross-accordion > .panel{
  background-color: transparent;
  border-width: 1px 0 0 0;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 0;
}
.cross-footer .panel-group .panel + .panel { margin-top: 0 }
.cross-footer .flex-item.cross-accordion li ul li:last-child{ border: none }
.cross-footer .flex-item.cross-accordion li ul{ padding: 15px; }
.cross-footer .flex-item.cross-accordion li ul li{
  padding: 0;
  width: 100%;
}
.cross-footer .footer-center:nth-child(2) { text-align: center }
.cross-footer .footer-center:nth-child(2) h3 { margin: 20px 0 }
.cross-footer .flex-item h3 {
  font-size: 13px;
  font-weight: bold;
  margin: 0;
  text-transform: uppercase;
  width: 100%;
}
.cross-footer .flex-item h3 span {
  float: right;
  font-size: 18px;
}
.cross-footer .flex-item h3 a:hover, .cross-footer .social-network li a:hover { text-decoration: none; }
.cross-footer .social-network {
  align-content: flex-start;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
}
.cross-footer .social-network h3 {
  margin-bottom: 30px;
  text-align: center;
}
.cross-footer .flex-item.social-network li{ width: auto; }
.cross-footer .social-network li a:hover { color: #0071ba; }
.cross-footer .social-network i{
  font-size: 20px;
  padding: 10px;
}
.cross-footer-legal p {
  color: black;
  font-size: 12px;
  margin: 0;
  text-align: center;
  width: 100%;
}
.cross-footer-legal ul {
  display: inline-flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 10px;
}
.cross-footer-legal ul li { padding: 0 10px; }
.cross-footer .collapsed-element { display: none }
@media (min-width: 768px){
  .cross-footer a, .cross-footer a:hover { width: auto; }
  .cross-footer > .container { width: 750px; }
  .cross-border-top {
    border-top: 1px solid #ccc;
    padding: 40px 0;
  }
  .cross-footer .flex-item:first-child { text-align: initial; }
  .cross-footer .flex-item { padding: 0 15px; }
  .cross-footer .flex-item h3:after {
    display: block;
    content: "";
    margin: 20px 0;
    width: 40px;
    border-bottom: 1px solid #ccc;
  }
  .cross-footer .flex-item:first-child { padding-bottom: 20px }
  .logo-radiorcn, .logo-coc {
    display: inline-block;
    margin: 0 30px 10px 0;
    width: 140px;
    vertical-align: middle;
  }
  .logo-coc { width: 120px; }
  .cross-footer .flex-item h3, .cross-footer .footer-center:nth-child(2) h3  {
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 20px
  }
  .cross-footer .flex-item:nth-child(2) {
    display: inline-flex;
    flex-wrap: wrap;
    width: 80%;
  }
  .cross-footer .flex-item:nth-child(2) li {
    display: initial;
    padding: 0 15px;
    width: 25%;
  }
  .cross-footer .flex-item:nth-child(2) li ul{ padding: 0; }
  .cross-footer .flex-item:nth-child(2) li ul li{
    display: block;
    padding: 0;
    width: 100%;
  }
  .cross-footer .footer-center:nth-child(2) { text-align: initial; }
  .cross-footer .flex-item:last-child { width: 20%; }
  .cross-footer .social-network h3 {
    margin-bottom: 0;
    text-align: initial;
  }
  .cross-footer .flex-item.social-network li { width: 49%; }
  .cross-footer .social-network i {
    font-size: 24px;
    padding: 0;
  }
  .cross-footer-legal {
    border-top: 1px solid #ccc;
    padding: 20px 0;
  }
}
@media (min-width: 992px){
  .cross-footer > .container { width: 970px; }
  .cross-footer-legal p {
    text-align: initial;
    width: 30%;
  }
  .cross-footer-legal ul {
    justify-content: flex-end;
    margin-top: 0;
    width: 69%;
  }
}
@media (min-width: 1200px){
  .cross-footer > .container { width: 1170px; }
  .cross-footer .flex-item.social-network li { width: 32%; }
}
@media (min-width: 1380px){
  .cross-footer > .container { width: 1370px; }
  .cross-footer-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .logo-radiorcn, .logo-coc { margin: 0 0 30px 0; }
  .cross-footer .flex-item, .cross-footer .flex-item:last-child  {
    width: 16.66%;
    padding: 0 15px;
  }
  .cross-footer .flex-item:nth-child(2) { width: 66.64%; }
  .cross-footer .flex-item:nth-child(2) li { width: 25%; }
  .cross-footer-legal ul li { padding: 0 10px; }
}