/**
 * @file
 * global
 * 
 * Theme styles for the entire site
 *
 * Added through the .info file.
 *
 * Theme Color: #bb161d;
 */
/*=======================================
   Global
  =======================================*/

body {
  font-family: 'Roboto', Arial, sans-serif;
  line-height: 1.5;
  font-size: 16px;
}

/* Body field */
.field-node--body ol,
.field-node--body ul {margin-left: 0; padding-left: 2em;}
.field-node--body li {padding-left: .5em;}
.field-node--body figcaption {font-weight: bold; margin-bottom: 1.5em; font-size: .9em;}

.field-node--field-video {clear: both; margin-bottom: 1em;}


/*----------------------------
   Misc
  ----------------------------*/

/* Font Awesome
----------------*
.fa-phone {
  -webkit-transform: rotate(100deg) translate(3%);
      transform: rotate(100deg) translate(3%);
}

/* Divider
----------------*/
.highlighted:after,
.divider:after {
  content: "";
  display: block;
  height: 1px;
  background: #333;
  -webkit-box-shadow: 
    0 0.2em 0 0 #333,
    0 0.4em 0 0 #333;
  box-shadow: 
    0 0.2em 0 0 #333,
    0 0.4em 0 0 #333;
}

/*=======================================
   Blocks
  =======================================*/

/*----------------------------
   (Adver)tisement
  ----------------------------*/
.tisement-wrap {
  margin: 0 0 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#block-tisement-global {  margin-bottom: 2em;  } /* IP TOP Leaderboard */

/* Colorbox */
.cBox-tisement img {
  height: auto !important;
}

/* Side bar */
.sidebar-second .block { /* IP Sidebar Box Ads */
  margin-bottom: 1em;
  text-align: center;
} 

.sidebar-second .tisement-wrap img {
  margin: 0 0 1em;
}

/*----------------------------
   Social Share Icons
  ----------------------------*/
#block-addtoany {
  margin: 3em 0 0;
}

/*----------------------------
   Announcements
  ----------------------------*/
.fp-announcements {
  padding: 1em 1em 0;
  margin: 0 0 1em;
  background: #eee;
  text-align: left;
}
.node--type-announcement .field-name-field-text {font-size: 2em; color: #666; margin-bottom: 1em;}
.node--type-announcement .field-name-body {margin-top: 1em;}

/* Header
----------------*/
.fp-announcments__header {
  color: #AE0D0C;
  font-size: 1.3em;
  margin: 0 0 .9em;
}

/* Fields
----------------*/
.fp-announcements .views-row { padding: 0 0 1.4em;  }

.fp-announcement a {
  margin: 0 0 .5em;
  display: block;
  clear: both;
}

/* Image */
.fp-announcement__img {
  float: left;
  margin: 0 1em 0 0;
  font-size: 1.2em;
}

/* H3: title */
.fp-announcement__title {
  margin: 0;
  font-size: 1em;
  line-height: 1.3;
}

/* Title */
.fp-announcement__subtitle {
  overflow: hidden;
}

/*----------------------------
   Sponsored Content
  ----------------------------*/
.news--sponsored {
  margin: 0 0 2em;
}

/*=======================================
   Regions
  =======================================*/

/*----------------------------
   Header
  ----------------------------*/

.header {
  padding: 2em 0 1em;
  background: #bc161a;
  text-align: center;
}

.header-blk--logo img {width: 220px; height: 64px;}


/*----------------------------
   Highlighted
  ----------------------------*/
  
.highlighted {  margin: 0 0 1em; }

/* Search
----------------*/
#block-search-form-global {
  margin: .3em 0;
  float: right;
  position: relative;
  z-index: 500;
}

#block-search-form-global .form-item label {
  background: url(images/search.svg) center no-repeat;
  width: 1.34em;
  float: right;
  cursor: pointer;
  position: relative;
  z-index: 20;
  line-height: 1.9rem;
}

#block-search-form-global .form-item input {
  width: 0;
  position: absolute;
  right: 2em;
  padding: 0 .2em;
  margin: .2em 0;
  z-index: 30;
  line-height: inherit;
  border-radius: .1em;
  color: rgba(0,0,0,0);
  background: rgba(0,0,0,0);
  border: 1px solid rgba(0,0,0,0);
  border-left-color: #ddd;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#block-search-form-global .form-item input:focus,
#block-search-form-global .form-item:hover inputt {
  background-image: none;
  border-color: #ddd;
  opacity: 1;
  width: 13em;
  max-width: 80vw;
  color: #000;
  background: #fff;
}

#block-search-form-global .form-actions {
  display: none !important;
}

/*----------------------------
   Highlighted
  ----------------------------*/

/* Main menu
----------------*/
#block-mainnavigation a {
  padding: 0;
  color: inherit;
}

#block-mainnavigation li {
  line-height: 1.4;
}

/* Mobile Toggle */
#superfish-main-toggle span {
  display: block;
  line-height: 1.5;
  padding: .3em;
  margin: .3em 0;
  color: inherit;
  font-weight: bold;
  border: .1em solid #333;
}

/* Mobile Menu */
#superfish-main-accordion {
  background: #f7f7f7;
  margin: -.3em 0 0;
}

#superfish-main-accordion ul {
  margin: 0 0 0 1em;
}

#superfish-main-accordion .sf-sub-indicator {  width: 14px;  }

#superfish-main-accordion .main-menu--link {
  padding: .5em .5em .3em;
  -webkit-box-shadow: 0 .2em .1em -.1em #eee;
  box-shadow: 0 .2em .1em -.1em #eee;
}

/*----------------------------
   Main Content
  ----------------------------*/

.content-inner {
  padding: 1em 0 3em;
}

#block-modern-page-title {
  margin: 1em 0 2em;
}

/*----------------------------
   Footer
  ----------------------------*/

/* Social
----------------*/
#block-footer-social-icons {
  font-size: 1.3em;
  text-align: right;
  margin: 0 0 0 7%;
}

/* "Follow Us" text */
.footer-social__text {
  margin: 0 0 .5em;
  color: #666;
}

/* Icons */
.footer-social__item {
  font-size: 4em;
  line-height: 0;
  position: relative;
}

.footer-social__item svg {
  position: relative;
  z-index: 1;
  margin-right: .2em;
}

/* For Loading */
.footer-social__item i {
  width: 1em;
  height: 1em;
  background: currentColor;
  display: block;
}

/* Square icons */
.footer-social__item:after {
  content: '';
  position: absolute;
  top: 0.0625em;
  left: 0;
  width: .875em;
  height: .875em;
  background: -webkit-gradient(linear, left top, right top, color-stop(10%, currentColor), color-stop(10%, #fff), color-stop(90%, #fff), color-stop(90%, currentColor));
  background: linear-gradient(to right, currentColor 10%, #fff 10%, #fff 90%, currentColor 90%);
}

/* Colors */
.footer-social__facebook {
  color: #4B6B94;
}

.footer-social__twitter {
  color: #45AFD5;
}

.footer-social__rss {
  color: #E88C29;
}

/*----------------------------
   Footer
  ----------------------------*/
.footer {
  padding: 2em 0 1em;
  color: #ccc;
  background: #000;
}

/* Logo + Text
----------------*/
#block-footer-content {
}

.footer-content__left {
}

.footer-content__slogans {
  list-style: none;
  font-size: 1.5em;
  padding: .5em 0 1em .3em;
}

/* Social
----------------*/
#block-footer-social {
}

/*=======================================
   Search Results
  =======================================*/
  
/* Search */
.news-search--title {
  color: #a5111d;
  font-size: 1.7em;
  font-weight: bold;
}

.news-author {
  color: #333;
  font-weight: bold;
  font-size: .9em;
  text-transform: uppercase;
}

.news-author li a {
  color: #c06910;
}

.news-author li:not(:last-child):after {
  content: '\2022';
  margin: .5em;
}

/* Search Input */
#block-search-form-content {
  overflow: hidden;
  margin: 0 0 1em;
}

#block-search-form-content label {
  display: none;  
}

#block-search-form-content input {  float: left;  }

#block-search-form-content .form-submit {
  text-indent: 3em;
  width: 2em;
  margin: 0 .5em;
  line-height: 1.3;
  border: 0;
  cursor: pointer;
  background: url(images/search.svg) center no-repeat;
}


/*==============================================================
   Responsive
  ==============================================================*/



@media screen and (min-width: 600px) {

  /*----------------------------
     Footer
    ----------------------------*/

  /* Logo + Text
  ----------------*/
  #block-footer-content {
    float: left;
    width: 70%;
  }

  .footer-content__left {
    float: left;
    margin: 0 9% 0 0;
  }

  .footer-content__slogans {
    list-style: none;
    text-align: right;
    font-size: 1.3em;
    padding: 0 1.5em 0 0;
    border-right: 1px solid #ccc;
    margin: 0 3em 0 0;
  }

  /* Social
  ----------------*/
  #block-footer-social {
    float: right;
  }
}

@media screen and (max-width: 850px) {

  /*----------------------------
     Footer
    ----------------------------*/
  #block-footer-content {
    width: 100%;
    margin: 0 0 1.5em;
  }
  
  /* Header
  ----------------*/
  .tisement-wrap * {
     max-width: 100%;
     height: initial !important;
  }
  
  .tisement-wrap img {
    height: auto !important;
  }
}

@media screen and (min-width: 768px) {

  /*----------------------------
     Header
    ----------------------------*/
  
  /* Main Menu
  ----------------*/
  #block-mainnavigation {
    position: relative;
    z-index: 30;
    text-transform: uppercase;
    font-weight: bold;
    padding: .6em 0;
    float: left;
    width: calc(100% - 2em);
  }

  /* Parent Items */
  #superfish-main .sf-depth-1 {
    display: inline-block;
    float: none;
  }

  #superfish-main .sf-sub-indicator {
    right: -1.2rem;
    font-size: .8em;
    color: #333;
  }

  .sf-menu li.sf-depth-1:not(:last-child):after {
    content: '';
    display: inline-block;
    width: .3em;
    height: .3em;
    border-radius: 50%;
    background: #999;
    margin: 0 .94em .3em;
  }

  .sf-menu li.sf-depth-1.menuparent:after {
    background: none;
  }

  /* Children Items */
  #superfish-main .menuparent li {  padding: .7em 1em;  }

  ul#superfish-main ul {  background: #fff;  }
}

@media screen and (min-width: 900px) {

  /*----------------------------
     Sidebar
    ----------------------------*/
  .layout-content-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  .layout-main-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .layout-sidebar {
    width: 22em;
    min-width: 22em;
    opacity: .9;
  }
}