/*
Theme Name:007 ITMWPB
Theme URI: https://wordpressforbroadcasters.com
Author: The WPB team
Description:007 itmwpb
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 007-itmwpb
*/

  /*=============================================================================

  -----------------
  Table of Contents
  -----------------

  TYPOGRAPHY - Typography basics
  INPUT - Input styles
  WORDPRESS - Wordpress's default styles

  Theme
  -----
  BUTTON
  SITELAYOUT
  SITEHEADER
  SITEFOOTER
  TOPBAR
  BOTTOMBAR
  LOGO
  TITLES
  HEADERADS
  PAGE
  POST
  POSTLOOPS
  NAVIGATION
  BREADCRUMB
  COMMENTS
  PAGINATION
  SITESOCIAL

    Widgets
  -------
  GENERALWIDGETS
  AUTHOR
  AUTHORLIST
  CATEGORIES
  FEEDBURNER
  LOGIN
  SEARCH
  SOCIALCOUNTER
  POSTTABBED

==============================================================================*/
  /* -----------------------------------------------------------------------------
 * $TYPOGRAPHY
 * http://type-scale.com/?size=14&scale=1.333&text=A%20Visual%20Type%20Scale&webfont=PT%2BSerif&font-family=%27PT%20Serif%27%2C%20serif&font-weight=300&font-family-headers=&font-weight-headers=inherit&background-color=white&font-color=%23333
 * -------------------------------------------------------------------------- */

  html {
      font-size: 0.875em;
  }

  body {
      background-color: white;
      font-family: 'Montserrat', Arial, Helvetica, sans-serif;
      font-weight: 500;
      line-height: 1.6;
      color: #555555;
      -webkit-font-smoothing: antialiased;
      background: url('') no-repeat fixed top center #000;
      padding-top: 0
  }


  p {
      margin-bottom: 1.3em;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
      margin: 1.414em 0 0.5em;
      font-weight: inherit;
  }

  h1,
  h2 {
      line-height: 1.2;
  }

  h3,
  h4,
  h5,
  h6 {
      line-height: 1.3;
  }

  h1 {
      margin-top: 0;
      font-size: 2.441em;
  }

  h2 {
      font-size: 1.953em;
  }

  h3 {
      font-size: 1.563em;
  }

  h4 {
      font-size: 1.25em;
  }

  h5 {
      font-size: 1.1em;
      font-weight: bold;
  }

  h6 {
      font-size: 1em;
      font-weight: bold;
  }

  small,
  .font_small {
      font-size: 0.75em;
  }

  blockquote {
      margin-bottom: 40px;
      font-size: 21px;
      font-weight: normal;
      font-style: italic;
      letter-spacing: 1px;
      line-height: 1.25em;
      color: #000000;
  }

  blockquote cite {
      display: block;
      margin-top: 1.5em;
      font-size: 11px;
  }

  cite {
      font-style: italic !important;
      letter-spacing: 0;
  }

  cite:before {
      content: '—';
      opacity: 0.5;
  }

  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a {
      color: inherit;
      text-decoration: none;
  }

  img {
      max-width: 100%;
      height: auto;
  }

  img[src=""] {
      display: none;
  }

  em {
      color: #AAAAAA;
      text-transform: none;
      font-weight: normal;
      font-style: italic;
  }

  p {
      margin-top: 0;
      margin-bottom: 1.3em;
  }

  a {
      outline: none !important;

  }

  a:hover {
      text-decoration: none !important;
      color: #31328f
  }


  /* -----------------------------------------------------------------------------
 * $INPUT
 * -------------------------------------------------------------------------- */
  textarea {
      max-width: 100%;
      border-radius: 0;
      -webkit-appearance: none;
  }

  select,
  input[type="email"],
  input[type="number"],
  input[type="password"],
  input[type="search"],
  input[type="tel"],
  input[type="text"],
  input[type="url"],
  input[type="color"],
  input[type="date"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="month"],
  input[type="time"],
  input[type="week"],
  input[type=button],
  input[type=submit],
  button,
  .vw-button,
  .woocommerce .button {
      /* for woocommerce */
      padding: 5px 10px;
      height: 40px;
      box-sizing: border-box;
      border-radius: 0;
  }

  input[type="email"],
  input[type="number"],
  input[type="password"],
  input[type="search"],
  input[type="tel"],
  input[type="text"],
  input[type="url"],
  input[type="color"],
  input[type="date"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="month"],
  input[type="time"],
  input[type="week"] {
      border: 1px solid #BBBBBB;
      -webkit-appearance: none;
  }

  /* -----------------------------------------------------------------------------
 * $WORDPRESS
 * -------------------------------------------------------------------------- */
  /* -------------------------------------
 * Alignment */
  .alignnone {
      display: block;

      margin: 15px 15px 15px 0;
  }

  .alignnone:before,
  .alignnone:after {
      display: table;

      content: ' ';
  }

  .alignnone:after {
      clear: both;
  }

  .aligncenter,
  div.aligncenter {
      display: block;

      margin: 15px auto 15px auto;
  }

  .alignright {
      float: right;

      margin: 15px 0 15px 15px;
  }

  .alignleft {
      float: left;

      margin: 15px 15px 15px 0;
  }

  .aligncenter {
      display: block;

      margin: 15px auto 15px auto;
  }

  a img.alignright {
      float: right;

      margin: 0 0 15px 15px;
  }

  a img.alignnone {
      margin: 15px 15px 15px 0;
  }

  a img.alignleft {
      float: left;

      margin: 0 15px 15px 0;
  }

  a img.aligncenter {
      display: block;

      margin-right: auto;
      margin-left: auto;
  }


  .adv-banner img {
      margin-bottom: 10px;
  }


  /* -------------------------------------
 * Image Caption */
  .wp-caption {
      max-width: 100%;
  }

  .wp-caption.alignnone {
      margin: 2em 0;
  }

  .wp-caption.aligncenter {
      margin-top: 2em;
      margin-bottom: 2em;
  }

  .wp-caption.aligncenter:before,
  .wp-caption.aligncenter:after {
      display: table;

      content: ' ';
  }

  .wp-caption.aligncenter:after {
      clear: both;
  }

  .wp-caption.alignleft {
      margin: 15px 2em 10px 0;
  }

  .wp-caption.alignright {
      margin: 15px 0 10px 2em;
  }

  .wp-caption img {
      width: auto;
      height: auto;
      margin: 0;
      padding: 0;

      border: 0 none;
  }

  .wp-caption .wp-caption-text {
      font-size: 12px;
      font-style: italic;
      line-height: 1.2em;

      margin: 8px 0 8px 0;
      padding: 5px 10px 5px 10px;

      color: #aaa;
      border-left: 3px solid;
  }

  .wp-post-image {
      max-width: 100%;
      height: auto;
      margin-bottom: 15px;
  }

  .sticky {
      /* empty */
  }

  .gallery-caption {
      /* empty */
  }

  .bypostauthor {
      background-color: transparent;
  }

  /* -------------------------------------
 * $WORDPRESS TILED GALLERY DEFAULT STYLE */
  .gallery img {
      border: 1px solid #DDDDDD !important;
      padding: 3px;
  }

  .gallery .gallery-caption {
      margin-top: 0.5em;
      font-style: italic;
  }

  .must-log-in {
      font-size: 12px;
  }

  /* =============================================================================

$THEME

============================================================================= */
  /* -----------------------------------------------------------------------------
* $BRAND                                                Links, hover, background
* -------------------------------------------------------------------------- */

  /*$SITE-BRAND COLORS
\*------------------------------------*/

  /* Brand color () */
  a,
  .color-brand {
      color: #31328f;
  }

  .bg-brand {
      background-color: #31328f;
  }

  .border-brand {
      border-color: #31328f;
  }

  .hover-color-brand:hover {
      color: #31328f;
  }

  .hover-bg-brand:hover {
      background-color: #31328f;
  }

  /* Secondary color () */
  .color-secondary {
      color: #676767;
  }

  .bg-secondary {
      background-color: #676767;
  }

  .border-secondary {
      border-color: #676767;
  }

  .hover-color-secondary:hover {
      color: #676767;
  }

  .hover-bg-secondary:hover {
      color: #676767;
  }

  /* Light color (light) */
  .color-light {
      color: #fff;
  }

  .bg-light {
      background-color: #fff;
  }

  .border-light {
      border-color: #fff;
  }

  .hover-color-light:hover {
      color: #fff;
  }

  .hover-bg-light:hover {
      background-color: #fff;
  }

  .hover-border-light:hover {
      border-color: #fff;
  }

  /* Dark color */
  .color-dark {
      color: #000;
  }

  .bg-dark {
      background-color: #000;
  }

  .border-dark {
      border-color: #000;
  }

  .hover-color-dark:hover {
      color: #000;
  }

  .hover-bg-dark:hover {
      background-color: #000;
  }

  .hover-border-dark:hover {
      border-color: #000;
  }

  /* Hight-light */
  ::selection {
      background: #31328f;
      /* WebKit/Blink Browsers */
      color: #fff;
  }

  ::-moz-selection {
      background: #31328f;
      /* Gecko Browsers */
      color: #fff;
  }

  /* -----------------------------------------------------------------------------
* $BUTTON
* -------------------------------------------------------------------------- */




  /* -----------------------------------------------------------------------------
* $SITE LAYOUT
* -------------------------------------------------------------------------- */

  body {
      background: url('https://dehayf5mhw1h7.cloudfront.net/wp-content/uploads/sites/1024/2018/09/12193638/site-bg.jpg') no-repeat fixed top center #626262;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
  }

  .splash {
      background: none
  }

  .alpha-omega {
      padding: 0
  }

  .marginTB15 {
      margin: 15px 0 !important
  }

  .marginT15 {
      margin-top: 15px !important
  }

  .marginB15 {
      margin-top: 15px !important
  }

  .page-wrap {
      margin-top: 10px;
  }

  .no-padding {
      padding: 10px 0 10px 0
  }

  .site-header {
      background: none;
  }

  .row-a {
      padding: 10px 0 0 0
  }


  /* -----------------------------------------------------------------------------
* $SITE-HEADER
* -------------------------------------------------------------------------- */

  /* ---------------------------------- * $SITE-HEADER: Left Logo
\*------------------------------------*/


  /* ---------------------------------- * $SITE-HEADER: Centered Logo
\*------------------------------------*/
  .wpwx-main-logo {
      max-width: 100%;
      margin: 0 0 5px 0
  }

  /* -----------------------------------------------------------------------------
* $SITE FOOTER
* -------------------------------------------------------------------------- */
  .copyright {
      font-size: 10px;
      line-height: 16px;
      padding: 5px
  }

  /* -----------------------------------------------------------------------------
* $SITE FOOTER SIDEBARS
* -------------------------------------------------------------------------- */
  .column-wrapper {
      padding: 25px 0;
  }

  .footer-bg {
      background: #fff216
  }

  /* -------------------------------------
* $FOOTER SOCIAL */


  .widget-footer {
      text-align: center;
      color: #000;
      font-size: 11px
  }

  .widget-footer .social-link-item {
      margin: 0 5px;
  }

  /* -------------------------------------
* $FOOTER FORM */

  .widget-footer .form-wrap {
      width: 80%;
  }

  .widget-footer .sendpress-signup-form input[type="text"] {
      width: 80%;

      -webkit-border-radius: 84px;
      -moz-border-radius: 8px;
      border-radius: 8px;
  }

  .widget-footer .submit {
      margin-top: 0;
      padding: 0;
  }

  .widget-footer .sendpress-submit {
      margin: 0 auto;
      width: 150px;
      display: block !important;

      -webkit-border-radius: 84px;
      -moz-border-radius: 8px;
      border-radius: 8px;

      border-style: none;
      background: #31328f;
      color: #fff;

      font-size: 22px;
      line-height: 24px;
      font-family: 'Montserrat';
      font-weight: 900;

      text-transform: uppercase
  }

  .widget-footer p {
      margin-bottom: 10px
  }

  /* -------------------------------------
* $FOOTER MENU */

  .footer-nav ul {
      list-style-type: none;
      padding: 15px 0 0 0;
      text-align: center;
  }

  .footer-nav li {
      line-height: 22px;
      text-transform: uppercase
  }

  .footer-nav li a {
      font-size: 14px;
      font-weight: 600;
      color: #31328f
  }

  .footer-nav li a:hover {
      color: #000
  }

  /* -----------------------------------------------------------------------------
* ON AIR NOW
* -------------------------------------------------------------------------- */
  /*-- -----------------------------------------------------------
Schedule Now C
--------------------------------------------------------------*/
  #schedule-now-c .hentry {
      margin: 0 auto !important;
  }

  #schedule-now-c .personality img.wp-post-image {
      border-left: 1px solid #000;
      border-right: 1px solid #000;
  }

  #schedule-now-c .on-air-top {
      background: #31328f !important;
  }

  #schedule-now-c .schedule-now .h3 {
      color: #fff !important;
  }

  #schedule-now-c .listen {
      background: #31328f !important;
  }

  #schedule-now-c .the-excerpt {
      color: #fff !important;
  }

  #schedule-now-c .link-text:hover {
      color: #d7d7d7;
  }

  #schedule-now-c .s-icon {
      padding: 20px 0;
      text-align: right;
  }

  #schedule-now-c .show-social-link {
      margin-right: 5px;
  }

  #schedule-now-c .show-social-link:hover {
      opacity: .80;
  }

  /********  Listen Live------****/
  #schedule-now-c .h3 {
      font: 300 15px/33px 'montserrat' !important;
      color: #fff !important;
  }

  #schedule-now-c .listen {
      margin-top: 2px;
      background: #31328f none repeat scroll 0 0;
  }

  #schedule-now-c .live-link:hover {
      color: #888 !important;
  }

  /* -----------------------------------------------------------------------------
* $LISTEN LIVE
* -------------------------------------------------------------------------- */
  .listen-live {
      padding: 5px 0;
  }

  .listen-live img {
      margin: 0 auto;
      max-width: 100%
  }

  /* -----------------------------------------------------------------------------
* $SLIDER
* -------------------------------------------------------------------------- */
  .row-a {
      padding: 10px 0 0 0
  }

  .slider .slide-content {
      bottom: 25px !important;
      left: 30% !important;
      background-color: #31328f !important;
      padding: 6px 20px !important;
      text-transform: uppercase;
      width: 65% !important;
      display: none;
  }

  .slider .slide-content .entry-title {
      text-align: right;
      font-family: 'Montserrat', Arial, Helvetica, sans-serif;
      font-weight: 900;
      font-size: 28px;
      line-height: 30px;
      padding-right: 20px;
      border-right: 20px solid #fff216
  }

  /* -----------------------------------------------------------------------------
* $TITLES
* -------------------------------------------------------------------------- */

  /* -------------------------------------
* $PAGE TITLE */

  .entry-title h2 {
      font-weight: 600;
      font-size: 24px;
      line-height: 28px
  }

  .page-header {
      border-style: none;
      text-transform: uppercase;
      font-size: 16px;
      font-weight: 600;
      margin: 20px 0;
      padding: 0;
      border-left: 10px solid #31328f
  }

  .page-header h2 {
      margin: 0 0 0 10px;
  }

  /* -------------------------------------
* $PAGE TITLE SECTION */
  /* -------------------------------------*/

  .entry-title h2 {
      margin: 0 0 5px 0;

  }

  /* -----------------------------------------------------------------------------
* $PAGE
* -------------------------------------------------------------------------- */



  /* -------------------------------------
* $SIDEBAR POSITION */

  /* -----------------------------------------------------------------------------
* $POST
* -------------------------------------------------------------------------- */
  .read-more a {
      text-transform: uppercase;
      font-size: 11px;
      margin-left: 5px;
      padding-left: 5px;
      border-left: 5px solid #000
  }

  .read-more a:hover {
      border-left: 5px solid #31328f
  }

  /* -------------------------------------
* $POST LAYOUT */


  /* -------------------------------------
* $POST CATEGORIES */


  /* -------------------------------------
* $POST META */

  .article-meta {
      font: normal 300 12px/22px "Lato";
      color: #999;
      padding: 0 0 10px 0;
  }

  .entry-info {
      font-size: 12px;
      line-height: 16px;
      color: #676767;
      margin-bottom: 15px
  }

  /* -------------------------------------
* $ARCHIVE */

  .archive .article-wrapper {
      margin-bottom: 15px;
      border-bottom: 1px dotted #d2d2d2
  }

  .archive .article-thumb {
      display: none
  }


  /* -------------------------------------
* $SHOW */

  .single-show .title-wrapper {
      margin-left: 0;
  }

  .single-show .article-wrapper {
      margin-bottom: 15px;
      border-bottom: 1px dotted #d2d2d2
  }

  .single-show .article-wrapper {
      margin-bottom: 15px;
      border-bottom: 1px dotted #d2d2d2
  }





  /* -------------------------------------
* $TAG/PAGE LINKS */

  /* -------------------------------------
* $POST NAVIGATION */

  /* -------------------------------------
* $NEXT/PREVIOUS LINK PAGES */

  .nav-links {
      background: #333192;
      padding: 20px;
      margin-bottom: 20px;
  }

  .link-left {
      border-right: 0px
  }

  .story {
      border-bottom: 1px solid #fff;
      font: normal 600 14px/38px 'Montserrat';
      color: #fff;
      text-transform: uppercase;
      margin-bottom: 10px
  }

  .story .fa {
      margin: 0 5px;
      font-size: 15px;
  }

  .nav-previous,
  .nav-next {
      font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;
      font-weight: 600;
      font-size: 14px;
      line-height: 22px
  }

  .nav-previous a,
  .nav-next a {
      color: #fff216
  }

  .nav-previous a:hover,
  .nav-next a:hover {
      color: #fff;
      text-decoration: none
  }


  /* Edit Links Button */
  .btn-edit-link {
      font-size: .9em;
      line-height: 1em;

      margin-top: 15px;

      border-color: #222;
      background-color: #222;
  }

  .btn-edit-link a {
      color: #fff;
      box-shadow: none;
  }

  .btn-edit-link a:hover {
      color: #fff;
  }

  /* -------------------------------------
* $RELATED POSTS */

  /* -------------------------------------
* $ABOUT AUTHOR */


  /* -----------------------------------------------------------------------------
* $POST LOOP
* -------------------------------------------------------------------------- */

  /* ---------------------------------- * $POST-BOX: TWO COLUMN
\*------------------------------------*/

  #wpb-two-column .article-wrapper {
      background: #fff;
      margin-bottom: 15px;
      height: auto
  }

  .blog-two-col {
      margin-bottom: 10px;
  }

  .blog-two-col .article-wrapper {
      position: relative;
      z-index: 10
  }

  .blog-two-col .article-thumb {
      position: relative;
      height: auto;
      overflow: hidden;
      z-index: 20;
      width: 25%;
      float: left;
      margin-right: 15px
  }

  .blog-two-col .article-container {
      position: relative;
      bottom: 0;
      z-index: 40;
      background: none;
      margin: 0;
      padding: 0 !important;
  }

  .blog-two-col h2 {
      margin-top: 0;
      font-size: 18px;
      line-height: 18px
  }

  .blog-two-col h2 a {
      font-weight: 500
  }

  .blog-two-col p {
      margin-bottom: 0
  }

  .blog-two-col .read-more {
      font-weight: 300 !important;
  }

  /* ---------------------------------- * $POST-BOX: FULL WIDTH
\*------------------------------------*/
  .blog-full .article-thumb img {
      width: 100%
  }

  .blog-full .article-wrapper {
      margin-bottom: 30px
  }

  .blog-full .article-container {
      padding: 10px
  }

  .blog-full h2 {
      margin-top: 0;
      font-size: 18px;
      line-height: 22px
  }

  .blog-full h2 a {
      font-weight: 500
  }

  .blog-full p {
      margin-bottom: 0
  }

  .blog-full .read-more {
      font-weight: 300 !important;
  }

  .article-thumb img {
      margin-bottom: 0
  }

  /* ---------------------------------- * $POST-BOX: VIDEO
\*------------------------------------*/
  .youtubechannelgallery .title-wrapper {
      margin-left: 0;
      margin-right: 0
  }

  .row-c .widget-video-sidebar:first-of-type {
      margin-top: 50px;
  }

  #ytc-wrapper .ytc-links .ytc-youtubelink {
      text-align: center !important;
  }

  #ytc-wrapper .ytc-thumbnails .ytc-pagination {
      margin-top: 5px !important;
      ;
  }

  /* ---------------------------------- * $POST-BOX: SHOW
\*------------------------------------*/
  .show-carousel {
      margin: 40px 0 0 0
  }

  .show-carousel .title-wrapper {
      margin-left: 0;
      margin-right: 0
  }

  .wpwx-show .caption {
      text-transform: uppercase
  }

  /* ---------------------------------- * $SUPER CAROUSEL
\*------------------------------------*/
  .carousel_wrapper {
      margin: 0
  }

  .super_title {
      text-align: center;
      font-size: 10px !important;
      line-height: 16px;
      padding: 10px;
      text-transform: uppercase
  }

  .supercarousel div .super_categories a,
  .supercarousel div .super_title a {
      color: #757575;
      font-weight: 600
  }

  .supercarousel div .super_categories a,
  .supercarousel div .super_title a:hover {
      color: #d2d2d2
  }

  /* ---------------------------------- * $WIDGET ASIDE RECENT POSTS
\*------------------------------------*/

  .sidebar .title-wrapper {
      margin-left: 0;
      margin-right: 0
  }

  .widget-aside-posts {
      padding: 5px 0;
      margin-bottom: 5px;
      border-bottom: 1px dotted #eee
  }

  .widget-aside-posts:last-child {
      border-style: none
  }

  .widget-aside-posts figure {
      width: 80px;
      float: left;
      margin-right: 10px
  }

  .widget-aside-posts h2 {
      margin-top: 10px;
      font-family: 'Montserrat', Arial, Helvetica, sans-serif;
      font-size: 18px;
      line-height: 22px;
      text-transform: capitalize;
      margin: 0;
  }

  .widget-aside-posts h2 a {
      font-weight: 500;

  }

  /* -------------------------------------
* POST STYLE : SMALL COMMENT */


  /* -----------------------------------------------------------------------------
* $POSTSHARES
* -------------------------------------------------------------------------- */

  /* -------------------------------------
* $DIALOG WINDOW */

  /* -----------------------------------------------------------------------------
* $NAVIGATION
* -------------------------------------------------------------------------- */
  .nav-bg {
      background: #fff
  }

  .menu-title {
      width: 45%;
  }

  .supermenu__desktop .supermenu__menu-items-ul>li {
      padding-top: 15.5px !important;
      padding-bottom: 12.5px !important;
  }

  .supermenu__mobile .supermenu__logo-wrapper {
      width: 20%;
  }

  .supermenu__mobile .supermenu__toggler {
      float: right;
  }

  .supermenu__searchform .supermenu__searchform_icon {
      top: calc(48.3% + 20px) !important;
  }

  .supermenu__mobile .supermenu__menu-items-ul>li a {
      text-indent: 15px;
  }

  .supermenu__mobile .supermenu--dropdown-toggler {
      background: #ff090b;
  }

  .supermenu__menu-items-ul>li:hover>.supermenu--dropdown-toggler {
      color: #000;
  }



  /* -------------------------------------
* $MAIN MENU */


  /* -------------------------------------
* GENERIC STYLE */
  .wpwx-search {
      padding: 14px 0;
      text-align: right;
  }

  .wpwx-search .form-search {
      max-width: 260px;
      margin: 0 auto;
  }

  .wpwx-search .input-group .form-control {
      border-color: #343434;
      -webkit-border-top-left-radius: 4px;
      -moz-border-radius-topleft: 4px;
      border-top-left-radius: 4px;
      -webkit-border-bottom-left-radius: 4px;
      -moz-border-radius-bottomleft: 4px;
      border-bottom-left-radius: 4px;
      background: #171616;
  }

  .wpwx-search .input-group-btn .btn {
      border-color: #343434;
      ;
      background: #171616;
  }

  .wpwx-search .fa {
      color: #838282;
  }

  fieldset {
      border-style: none !important
  }


  /* ---------------------------------------------------------------------------
* $BREADCRUMB
* -------------------------------------------------------------------------- */

  /* ---------------------------------------------------------------------------
* $BREAKING NEWS
* -------------------------------------------------------------------------- */

  /* ---------------------------------------------------------------------------
 * Comments
 * -------------------------------------------------------------------------- */

  /* ---------------------------------------------------------------------------
 * $PAGINATION
 * -------------------------------------------------------------------------- */
  .pagination {
      font-size: 12px;
      font-weight: 600;
      line-height: 13px;
      position: relative;
      clear: both;
      padding: 0;
  }

  .pagination span,
  .pagination a {
      display: block;
      float: left;

      width: auto;
      margin: 2px 2px 2px 0;
      padding: 6px 9px 5px;

      text-decoration: none;

      color: #fff;
      background: #31328f none repeat scroll 0 0;
  }

  .pagination a:hover {
      text-decoration: none;

      color: #fff;
      background: none repeat scroll 0 0 #000;
      /*hover color*/
  }

  .pagination .current {
      padding: 6px 9px 5px;

      color: #fff;
      background: #000 none repeat scroll 0 0;
  }

  /* -----------------------------------------------------------------------------
 * $SITE SOCIAL
 * -------------------------------------------------------------------------- */

  .wpwx-social {
      padding: 5px 0;
      text-align: center
  }

  .wpwx-social .social-link-item {
      margin: 0 5px;
  }

  /* =============================================================================

    $WIDGETS

============================================================================= */

  /* -----------------------------------------------------------------------------
 * $GENERAL WIDGET
 * -------------------------------------------------------------------------- */
  .widget-area {
      font-size: 12px;
  }

  .widget {
      clear: both;

      margin: 0;

      word-wrap: break-word;
      -webkit-hyphens: auto;
      -moz-hyphens: auto;
      hyphens: auto;
  }

  .title-wrapper {
      margin: 0 10px 10px 10px;
      padding: 5px;
      display: inline-block;
  }

  .title-wrapper h3 {

      padding: 0 10px;
      margin: 0;

      border-left: 10px solid #fff216
  }

  .widget-title {
      font-size: 19px;
      font-weight: 900;
      line-height: 1.4em;

      letter-spacing: .1em;
      text-transform: uppercase;

      color: #fff;
  }

  .widget-title a {
      font-weight: 900 !important;
      ;
  }

  .widget-title a:hover {
      color: #fff216 !important;
  }

  .widget ul {
      font-size: 15px;

      margin: 0;
  }

  .widget ul ul {
      margin-left: 1.5em;
  }

  .widget ul li {
      font-size: 13px;

      color: #777;
  }

  .widget a {
      font-weight: 600;

      text-decoration: none;
  }

  .widget a:hover,
  .widget a:focus,
  .widget a:active {
      text-decoration: none;
      color: #999
  }

  .icon-right-open {
      display: none
  }


  .recently-played .title-wrapper {
      margin: 0;
      display: block
  }

  .recently-played .title-wrapper h3 {
      padding: 0;
      border-style: none
  }

  .recently-played .widget-title {
      font-weight: 300;
      font-size: 16px
  }


  /* -------------------------------------
* $WIDGET SEARCH */
  .widget_search form {
      margin: 0 0 1.625em;
  }

  .widget_search #s {
      width: 77%;
  }

  .widget_search #searchsubmit {
      font-size: 13px;
      line-height: 25px;

      position: relative;
      top: -2px;

      color: #888;
      border: 1px solid #ccc;
      background: #ddd;
      -webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, .09);
      -moz-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, .09);
      box-shadow: inset 0 -1px 1px rgba(0, 0, 0, .09);
  }

  .widget_search #searchsubmit:active {
      color: #bfddf3;
      border-color: #0861a5;
      background: #1982d1;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
      -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
  }


  /* -------------------------------------
* $WIDGET TWITTER */
  .widget_twitter li {
      margin-bottom: 14px;

      list-style-type: none;
  }

  .widget_twitter .timesince {
      font-size: 11px;

      display: block;

      margin-right: -10px;

      text-align: right;
  }


  /* -------------------------------------
* $WIDGET IMAGE */
  .widget_image img {
      max-width: 100%;
      height: auto;
      padding: 0;

      border: 0;
  }

  /* -------------------------------------
* $WIDGET CALENDAR */
  .widget_calendar #wp-calendar {
      width: 95%;

      text-align: center;

      color: #555;
  }

  .widget_calendar #wp-calendar caption,
  .widget_calendar #wp-calendar td,
  .widget_calendar #wp-calendar th {
      text-align: center;
  }

  .widget_calendar #wp-calendar caption {
      font-size: 11px;
      font-weight: 500;

      padding: 5px 0 3px 0;

      text-transform: uppercase;
  }

  .widget_calendar #wp-calendar th {
      font-weight: bold;

      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      background: #f4f4f4;
  }

  .widget_calendar #wp-calendar tfoot td {
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      background: #f4f4f4;
  }

  .gdpr_chk_label {
      color: #000 !important;
      text-decoration: underline;
  }

  .gdpr_html_div_class {
      margin-bottom: 8px !important
  }

  /* -------------------------------------* $Widget RSS */
  .widget_rss ul {
      list-style-type: none;
      margin: 0;
      padding: 0 10px
  }

  .widget_rss ul li {
      margin-bottom: 15px
  }


  /*--------------------------------------------------------------
Back to Top Button
--------------------------------------------------------------*/

  .scrollup {
      position: fixed;
      z-index: 1;
      right: 5px;
      bottom: 5px;
      width: 50px;
      height: 50px;
      display: none;
      text-indent: -9999px;
      background: url('https://d2isblg909whrf.cloudfront.net/social-icons/wpb-top.png') no-repeat;
  }

  /*--------------------------------------------------------------
16.0 Media Queries
--------------------------------------------------------------*/

  /* No media query since this is the default in Bootstrap */
  /* Small devices (tablets, 768px and up) */
  @media (min-width: 768px) {

      .top-group {
          display: flex;
          align-items: center;
          height: 100%;
      }

      .blog-two-col .article-thumb {
          height: 190px;
      }

      .footer-nav ul {
          text-align: left;
          padding: 15px 0 0 25px;
      }

      .entry-title h2 {
          font-weight: 600;
          font-size: 28px;
          line-height: 30px;
          margin: 15px 0 10px
      }

      .archive .article-thumb {
          width: 200px;
          margin-left: 10px;
          float: right;
          display: block
      }

      .archive .article-wrapper {
          margin-bottom: 25px;
          border-style: none
      }

      .single-show .article-thumb {
          width: 200px;
          margin-left: 10px;
          float: right;
          display: block
      }

      .single-show .article-wrapper {
          margin-bottom: 25px;
          border-style: none
      }


      .posts-section-header a {
          border-style: none;
          text-transform: uppercase;
          font-size: 25px;
          font-weight: 600;
          margin: 20px 0;
          padding: 0;
          border-left: 10px solid #31328f;
          color: #000
      }


      .page-header {
          border-style: none;
          text-transform: uppercase;
          font-size: 18px;
          font-weight: 600;
          margin: 20px 0;
          padding: 0;
          border-left: 10px solid #31328f;
      }

      .page-header h2 {
          margin: 0 0 0 5px;
      }

  }

  /* Medium devices (desktops, 992px and up) */
  @media (min-width: 992px) {

      #wpb-two-column .article-wrapper {
          background: #fff;
          margin-bottom: 15px;
          max-height: 380px
      }

      .blog-two-col {
          margin-bottom: 10px;
      }

      .blog-two-col .article-wrapper {
          position: relative;
          z-index: 10
      }

      .blog-two-col .article-thumb {
          position: absolute;
          overflow: hidden;
          z-index: 20;
          width: 100%;
          float: none;
          margin-right: 0
      }

      .blog-two-col .article-container {
          position: relative;
          bottom: 60px;
          z-index: 40;
          background: #fff;
          margin: 0 10px;
          padding: 10px !important;
      }

      .blog-two-col h2 {
          margin-top: 0;
          font-size: 18px;
          line-height: 22px
      }

      .blog-two-col h2 a {
          font-weight: 500
      }

      .blog-two-col p {
          margin-bottom: 0
      }

      .blog-two-col .read-more {
          font-weight: 300 !important;
      }

  }

  /* Medium devices (desktops, 1024px and up) */
  @media (min-width: 1024px) {}

  /* Large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) {}