/*
Theme Name:   Betheme Child
Theme URI:    http://themes.muffingroup.com/betheme
Author:     Muffin group
Author URI:   http://muffingroup.com
Description:  Child Theme for Betheme - Premium WordPress Theme
Template:   betheme
Version:    1.4
*/

/* Theme customization starts here
-------------------------------------------------------------- */


@font-face {
  font-family: 'BrandonGrotesque-Black';
  src: url('https://www.jostensrenaissance.com/fonts/BrandonGrotesque-Black.eot?#iefix') format('embedded-opentype'),
       url('https://www.jostensrenaissance.com/fonts/BrandonGrotesque-Black.otf')  format('opentype'),
     url('https://www.jostensrenaissance.com/fonts/BrandonGrotesque-Black.woff') format('woff'),
     url('https://www.jostensrenaissance.com/fonts/BrandonGrotesque-Black.ttf')  format('truetype'),
     url('https://www.jostensrenaissance.com/fonts/BrandonGrotesque-Black.svg#BrandonGrotesque-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GaramondPremrPro-MedCapt';
  src:  url('https://www.jostensrenaissance.com/fonts//GaramondPremrPro-MedCapt.eot?#iefix') format('embedded-opentype'),
        url('https://www.jostensrenaissance.com/fonts//GaramondPremrPro-MedCapt.otf')  format('opentype'),
      url('https://www.jostensrenaissance.com/fonts//GaramondPremrPro-MedCapt.woff') format('woff'),
      url('https://www.jostensrenaissance.com/fonts//GaramondPremrPro-MedCapt.ttf')  format('truetype'),
      url('https://www.jostensrenaissance.com/fonts//GaramondPremrPro-MedCapt.svg#GaramondPremrPro-MedCapt') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GaramondPremrPro-SmbdCapt';
  src:  url('https://www.jostensrenaissance.com/fonts//GaramondPremrPro-SmbdCapt.eot?#iefix') format('embedded-opentype'),
        url('https://www.jostensrenaissance.com/fonts//GaramondPremrPro-SmbdCapt.otf')  format('opentype'),
      url('https://www.jostensrenaissance.com/fonts//GaramondPremrPro-SmbdCapt.woff') format('woff'),
      url('https://www.jostensrenaissance.com/fonts//GaramondPremrPro-SmbdCapt.ttf')  format('truetype'),
      url('https://www.jostensrenaissance.com/fonts//GaramondPremrPro-SmbdCapt.svg#GaramondPremrPro-SmbdCapt') format('svg');
  font-weight: normal;
  font-style: normal;
}

body:not(.template-slider) #Header { min-height: 350px; }

body:not(.template-slider) #Header-home { min-height: 225px; }

body, button, span.date_label, .timeline_items li h3 span, input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="password"], input[type="tel"], input[type="email"], textarea, select, .offer_li .title h3, p {
  font-family: "IBM Plex Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

#menu > ul > li > a, #header_action_button, #header_cart {
  font-family: "IBM Plex Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
}

#Subheader .title {
  font-family: "Barlow Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}

h1, .text-logo #logo {
  font-family: "Barlow Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}

h2 {
  font-family: "Barlow Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}

h3, .widget h3 {
  font-family: "Barlow Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}

h4 {
  font-family: "Barlow Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}

h5 {
  font-family: "Barlow Semi Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}

h6 {
  font-family: "Barlow Semi Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 300;
  text-transform: uppercase;
}

blockquote {
  font-family: "Barlow Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
  background: none;
  text-align: center;
}

input[type="text"], input[type="tel"], input[type="password"], input[type="email"], textarea, select, .woocommerce .quantity input.qty {
  background-color: #fff;
  border: 1px solid #DADADA;
  color: #888;
  outline: 0 none;
  box-shadow: inset 0px 1px 4px #ECECEC;
  -moz-box-shadow: inset 0px 1px 4px #ECECEC;
  -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}



.mmi-button {
  display: block;
  width: 115px;
  background: #041e42;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  color: white;
  font-weight: bold;
  color: #ffffff !important;
  cursor: pointer;
}

.mmi-button:hover {
  display: block;
  width: 115px;
  background: #041e42;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  color: white;
  font-weight: bold;
  color: #ffffff !important;
  cursor: pointer;
}

.mmi-button-alt {
  background: #041e42;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  color: white;
  font-weight: bold;
  color: #ffffff !important;
  cursor: pointer;
}

.mmi-button-alt:hover {
  background: #041e42;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  color: white;
  font-weight: bold;
  color: #ffffff !important;
  cursor: pointer;
}




.mmi-button-gray {
  display: block;
  width: 115px;
  background: #353638;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  color: white;
  font-weight: bold;
  color: #ffffff !important;
}

.mmi-button-gray:hover {
  display: block;
  width: 115px;
  background: #353638;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  color: white;
  font-weight: bold;
  color: #ffffff !important;
}


#signup-button {
  display: block;
  width: 115px;
  background: #353638;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  color: white;
  font-weight: bold;
  color: #ffffff !important;
  font-size:100%;
}

#signup-button:hover {
  display: block;
  width: 115px;
  background: #353638;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  color: white;
  font-weight: bold;
  color: #ffffff !important;
  font-size:100%;
}


.mmi-page-title {
  /*margin-bottom: 0px;*/
  padding-top: 30px;
  /*padding-bottom: 30px;*/
}

/*------------------------------------*\
  GENERIC
\*------------------------------------*/
.text-center {
  text-align: center;
}

/*------------------------------------*\
  INPUTS
\*------------------------------------*/

.wpcf7 input[type="submit"] {
  display: block;
  width: 115px;
  background: #041e42;
  background-color: #041e42;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  color: white;
  font-weight: bold;
}

.wpcf7 input[type="date"],
.wpcf7 input[type="email"],
.wpcf7 input[type="number"],
.wpcf7 input[type="password"],
.wpcf7 input[type="search"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="text"],
.wpcf7 input[type="url"],
.wpcf7 select,
.wpcf7 textarea,
.wpcf7 .woocommerce .quantity input.qty {
  background-color: #fff;
  border: 1px solid #DADADA;
  color: #888;
  outline: 0 none;
  box-shadow: inset 0px 1px 4px #ECECEC;
  -moz-box-shadow: inset 0px 1px 4px #ECECEC;
  -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}

.wpcf7 input[type="date"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="number"]:focus,
.wpcf7 input[type="password"]:focus,
.wpcf7 input[type="search"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="url"]:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus {
  background-color: #fff !important;
  border: 1px solid #DADADA;
  color: #888;
  outline: 0 none;
  box-shadow: inset 0px 1px 4px #ECECEC;
  -moz-box-shadow: inset 0px 1px 4px #ECECEC;
  -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}

.wpcf7-form-control-wrap.legal_agreement {
  width: inherit;
}

.form_section_title {
  margin: 0px;
  font-weight: bold;
}

.form_section {
  background-color: #ffffff;
  padding: 10px;
  border: 1px solid #DADADA;
  color: #888;
  outline: 0 none;
  box-shadow: inset 0px 1px 4px #ECECEC;
  -moz-box-shadow: inset 0px 1px 4px #ECECEC;
  -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}

.form_section .wpcf7-form-control .wpcf7-captchar input {
  width: 100%;
  margin: 0px;
}

span.wpcf7-list-item { display: block; }


/*------------------------------------*\
  MENU
\*------------------------------------*/
#Top_bar.is-sticky {
  height: 85px;
  opacity: 1;
}

#Top_bar {
  z-index: auto;
}

/*------------------------------------*\
  WP eMember
\*------------------------------------*/

.eMember_compact_login {
  float: right;
  color: #ffffff;
}

.ren-login-bar {
  height: 25px;
  padding-right: 25px;
}

.ren-login-bar a, .ren-login-bar a:hover {
  /* color: #8a7b19; */
  color: #00aede;
}

#wp_emember_regoForm input[type="date"],
#wp_emember_regoForm input[type="email"],
#wp_emember_regoForm input[type="number"],
#wp_emember_regoForm input[type="password"],
#wp_emember_regoForm input[type="search"],
#wp_emember_regoForm input[type="tel"],
#wp_emember_regoForm input[type="text"],
#wp_emember_regoForm input[type="url"],
#wp_emember_regoForm select,
#wp_emember_regoForm textarea,
#wp_emember_regoForm .woocommerce .quantity input.qty {
  font-size: 1.3em;
  background-color: #fff;
  border: 1px solid #DADADA;
  color: #888;
  outline: 0 none;
  box-shadow: inset 0px 1px 4px #ECECEC;
  -moz-box-shadow: inset 0px 1px 4px #ECECEC;
  -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}

#wp_emember_regoForm input[type="date"]:focus,
#wp_emember_regoForm input[type="email"]:focus,
#wp_emember_regoForm input[type="number"]:focus,
#wp_emember_regoForm input[type="password"]:focus,
#wp_emember_regoForm input[type="search"]:focus,
#wp_emember_regoForm input[type="tel"]:focus,
#wp_emember_regoForm input[type="text"]:focus,
#wp_emember_regoForm input[type="url"]:focus,
#wp_emember_regoForm select:focus,
#wp_emember_regoForm textarea:focus {
  font-size: 1.3em;
  background-color: #fff!important;
  border: 1px solid #DADADA;
  color: #888;
  outline: 0 none;
  box-shadow: inset 0px 1px 4px #ECECEC;
  -moz-box-shadow: inset 0px 1px 4px #ECECEC;
  -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}

#wp_emember_regoForm tr:hover {
  background-color: inherit;
}

*::selection {
  background-color: initial;
}

.ui-tabs .ui-tabs-nav li.ui-state-active a:after, table tr:hover td, table:not(.shop_table) tr:hover td a {
    color: initial;
}

/* Recaptcha display fix */

#wp_emember_regoForm #recaptcha_area table td {
  width: 318px;
}


/* Profile Update Form */
#wp_emember_profileUpdateForm input[type="date"],
#wp_emember_profileUpdateForm input[type="email"],
#wp_emember_profileUpdateForm input[type="number"],
#wp_emember_profileUpdateForm input[type="password"],
#wp_emember_profileUpdateForm input[type="search"],
#wp_emember_profileUpdateForm input[type="tel"],
#wp_emember_profileUpdateForm input[type="text"],
#wp_emember_profileUpdateForm input[type="url"],
#wp_emember_profileUpdateForm select,
#wp_emember_profileUpdateForm textarea,
#wp_emember_profileUpdateForm .woocommerce .quantity input.qty {
  font-size: 1.3em;
  background-color: #fff;
  border: 1px solid #DADADA;
  color: #888;
  outline: 0 none;
  box-shadow: inset 0px 1px 4px #ECECEC;
  -moz-box-shadow: inset 0px 1px 4px #ECECEC;
  -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}

#wp_emember_profileUpdateForm input[type="date"]:focus,
#wp_emember_profileUpdateForm input[type="email"]:focus,
#wp_emember_profileUpdateForm input[type="number"]:focus,
#wp_emember_profileUpdateForm input[type="password"]:focus,
#wp_emember_profileUpdateForm input[type="search"]:focus,
#wp_emember_profileUpdateForm input[type="tel"]:focus,
#wp_emember_profileUpdateForm input[type="text"]:focus,
#wp_emember_profileUpdateForm input[type="url"]:focus,
#wp_emember_profileUpdateForm select:focus,
#wp_emember_profileUpdateForm textarea:focus {
  font-size: 1.3em;
  background-color: #fff!important;
  border: 1px solid #DADADA;
  color: #888;
  outline: 0 none;
  box-shadow: inset 0px 1px 4px #ECECEC;
  -moz-box-shadow: inset 0px 1px 4px #ECECEC;
  -webkit-box-shadow: inset 0px 1px 4px #ECECEC;
}

#wp_emember_profileUpdateForm tr:hover {
  background-color: inherit;
}

/*------------------------------------*\
  SINGLE POST
\*------------------------------------*/

.post-header .title_wrapper {
  margin-left: 0;
  border-style: none;
  padding-left: 0;
}

.single-photo-wrapper .image_frame img {
  width: 100%;
}

.image_frame .image_wrapper img:not(.ls-l) {
  width: 100%;
}

div.section.section-post-header div.column.one.post-header {
  margin-bottom: 0;
}

.section.section-post-header .column.one.single-photo-wrapper {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}

.section.section-post-header .column.one.single-photo-wrapper .image_frame {
  margin-left: 0;
}

/* Modify the post share widget */
.share_wrapper {
  width: 100%;
  background: none;
  border: none;
  padding: 0px;
  margin: 0px;
}

/*------------------------------------*\
  BLOG
\*------------------------------------*/
.blog_wrapper .format-video .image_frame {
  width: 100%;
  border-width: 0px;
}

.sections_group .image_frame.post-photo-wrapper {
  width: 100%;
  border-width: 0px;
}

.blog_wrapper .post-desc-wrapper {
  width: 100% !important;
  float: left;
}

.blog_wrapper .post-desc-wrapper .post-desc {
  padding: 15px 0 0 0;
}

/*------------------------------------*\
  HARBOR
\*------------------------------------*/

.mmi-harbor-page-wrapper h2 {
  color: #ffffff;
}

.mmi-harbor-page-wrapper .widget h3{
  color: #ffffff;
}

.mmi-harbor-page-wrapper, .mmi-harbor-page-wrapper #Content {
  /* background-color: #181718; */
  /* background-color: #353230; */
  background-image: url("https://www.jostensrenaissance.com/wp-content/uploads/2015/05/BG_TheHarborPages_07.jpg");
  background-position-x: center;
  background-position-y: top;
  background-size: 100%;
  background-repeat: repeat-y;
  color: #ffffff;
}

.mmi-harbor-page-wrapper a, .mmi-harbor-page-wrapper a:hover {
  color: #00aede;
}

.mmi-harbor-page-wrapper .format-video {
  /* background-color: #252525; */
  background-color: #E5E5E5;
  padding: 15px;
}

.mmi-harbor-page-wrapper .post {
  /*width: inherit;*/
  width: 100%;
  color: #252525;
}

.mmi-harbor-page-wrapper .page-heading, .mmi-harbor-page-wrapper .title, .mmi-harbor-page-wrapper .post-title, .mmi-harbor-page-wrapper .post-title .entry-title  {
  color: #041e42;
}

.mmi-harbor-page-wrapper .post-title h2 {
  margin-bottom: 0;
}

.mmi-harbor-page-wrapper .post-desc-wrapper .post-desc .post-season {
  font-family: "Barlow Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 700;
  font-size: 28px;
  color: #041e42;
}

.mmi-harbor-page-wrapper .post-desc-wrapper .post-desc .post-keywords a {
  padding-right: 10px;
}

.vid_view_msg, .doc_view_msg {
  padding: 10px;
  color: #ffffff;
  background-color: #041e42;
}

.vid_view_msg a, .vid_view_msg a:hover, .doc_view_msg a, .doc_view_msg a:hover  {
  /* color: #8a7b19; */
  color: #00aede;
}

.harbor_sample_link {
  font-size: 24px;
}

/*------------------------------------*\
  FEATURED
\*------------------------------------*/

.mmi-featured-page-wrapper .post {
  background-color: #E5E5E5;
  padding: 15px;
}

.mmi-featured-page-wrapper .post {
  width: inherit;
}

/*------------------------------------*\
  SIDEBAR
\*------------------------------------*/

.widget_archive ul, .widget_nav_menu ul {
  background-color: initial;
}

.sticky-dark #Top_bar.is-sticky {
  background-color: rgba(4, 30, 66, 0.8);
}


/*------------------------------------*\
  FULL WIDTH BAR
\*------------------------------------*/
.mmi-bar-wrapper {
  width: 100%;
  background-color: #041e42;
  padding-top: 45px;
  padding-bottom: 45px;
}

img.mmi-bar-image {
  width: 90%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}



/*------------------------------------*\
  LEARN MORE PAGE ICON/CONTENT TABLE
\*------------------------------------*/

.lmr-container {
  display: table;
  /* background-color: #CCCCCC; */
  width: 100%;
  margin-bottom: 10px;
}

.lmr-container-col {
padding: 10px;
  display: table-cell;
  vertical-align: top;
}

.lmr-container-col-icon {
  width: 150px;
  float: left;
}

.lmr-container-col-icon img {
  width: 150px;
}

/*------------------------------------*\
  HALL OF FAME NAME TABLE
\*------------------------------------*/
#hof-table tr:nth-child(even) {
   background: #CCC
}

/*------------------------------------*\
  HOME PAGE
\*------------------------------------*/

.dg-wrap .dg-post-title {
  font-family: "IBM Plex Sans", Helvetica, Arial, sans-serif !important;
  font-size: 100% !important;
  font-weight: 400 !important;
  line-height: inherit !important;
}

.dg-wrap .dg-post-excerpt {
  font-family: "IBM Plex Sans", Helvetica, Arial, sans-serif !important;
  font-size: 100% !important;
  font-weight: 400 !important;
  line-height: inherit !important;
}



.emodal table th, .emodal table td {
  border-width: 0;
}

.emodal table tr:first-child td {
  background-image: initial;
}

.emodal-content .eMember_text_input {
  width: 100% !important;
}

.emodal-content input[type="date"],
.emodal-content input[type="email"],
.emodal-content input[type="number"],
.emodal-content input[type="password"],
.emodal-content input[type="search"],
.emodal-content input[type="tel"],
.emodal-content input[type="text"],
.emodal-content input[type="url"],
.emodal-content select,
.emodal-content textarea,
.emodal-content .woocommerce .quantity input.qty {
  background-color: #fff !important;
  border: 1px solid #DADADA;
  color: #888 !important;
  outline: 0 none;
  box-shadow: inset 0px 1px 4px #ECECEC !important;
  -moz-box-shadow: inset 0px 1px 4px #ECECEC !important;
  -webkit-box-shadow: inset 0px 1px 4px #ECECEC !important;
}

.emodal-content input[type="date"]:focus,
.emodal-content input[type="email"]:focus,
.emodal-content input[type="number"]:focus,
.emodal-content input[type="password"]:focus,
.emodal-content input[type="search"]:focus,
.emodal-content input[type="tel"]:focus,
.emodal-content input[type="text"]:focus,
.emodal-content input[type="url"]:focus,
.emodal-content select,
.emodal-content textarea,
.emodal-content .woocommerce .quantity input.qty {
  background-color: #fff !important;
  border: 1px solid #DADADA;
  color: #888 !important;
  outline: 0 none;
  box-shadow: inset 0px 1px 4px #ECECEC !important;
  -moz-box-shadow: inset 0px 1px 4px #ECECEC !important;
  -webkit-box-shadow: inset 0px 1px 4px #ECECEC !important;
}


.harborTourTimeline > ul > li > h3 {
  color:#FFFFFF;
}

.harborTourTimeline > ul > li > h3::before {
  border-color:#FFFFFF;
}

ul.timeline_items::after {
  border-color:#FFFFFF;
}

.harborTourTimeline > ul > li > h3 > span {
  font-size: 28px;
  background-color: initial;
  font-family: "Barlow Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 100;
  background-image: none;
  color: #B5953E;
}

.timeline_items li h3 span:after {
  border-left-color: transparent;
}


/*------------------------------------*\
  Harbor Alternate Video Page
\*------------------------------------*/

.alt-vid-post-container {
  padding: 15px;
  margin: 0 auto;
  display: table;
  background-color: #E5E5E5;
  max-width: 882px;
  color: rgb(4, 30, 66);
}

.alt-vid-post-container > .alt-vid-container > video {
  width: 100%;
  min-width: 100%;
  height: auto;
}

.alt-vid-post-container {
  padding: 15px;
  margin: 0 auto;
  display: table;
  background-color: #E5E5E5;
  max-width: 882px;
  color: rgb(4, 30, 66);
}

.alt-vid-post-date {
  padding-top: 15px;
  color: rgb(168, 168, 168);
  border: 0px none rgb(168, 168, 168);
  font: normal normal normal normal 14px / 22px "IBM Plex Sans", Helvetica, Arial, sans-serif;
  outline: rgb(168, 168, 168) none 0px;
}

.alt-vid-post-season {
  padding-top: 10px;
  border: 0px none rgb(4, 30, 66);
  font: normal normal bold normal 28px / 22px 'Barlow Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  outline: rgb(4, 30, 66) none 0px;
}

.alt-vid-post-title h2 {
  color: rgb(4, 30, 66);
  border: 0px none rgb(4, 30, 66);
  font: normal normal bold normal 45px / 45px 'Barlow Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin: 0px 0px 15px;
  outline: rgb(4, 30, 66) none 0px;
}

.alt-vid-post-excerpt {
  color: rgb(37, 37, 37);
  border: 0px none rgb(37, 37, 37);
  font: normal normal normal normal 14px / 22px "IBM Plex Sans", Helvetica, Arial, sans-serif;
  margin: 0px 0px 15px;
  outline: rgb(37, 37, 37) none 0px;
}



/*------------------------------------*\
  MMI Hero Headers
\*------------------------------------*/

.mmi-hero-content{
  position:absolute;
  top:55%;
  text-align:center;
  width:100%;
  color:#fff;
  -ms-transform: translate(0,-45%); /* IE 9 */
  -webkit-transform: translate(0,-45%); /* Safari */
  transform: translate(0,-45%);
}

.mmi-hero-home {
  height: 25%;
}

.mmi-hero-harbor {
  height: 50%;
}

#mmi-hero-logo {
  max-width: 75%;
  height: 75%;
}

.mmi-hero-content a {
  display: inline-block;
  padding: .75em;
  background-color: #041e42;
  color: white;
  text-decoration: none;
  font-size: 1.5em;
}

.mmi-hero-button-row {
  padding-top: 15px;
  height: 25%;
}



/*------------------------------------*\
  MMI Video Modal Dialog Window
\*------------------------------------*/

#mmiVideoDialogContainer {
  position: fixed;
  z-index: 10000;
  background: rgba(30,36,43, 0.7);
}

#mmiVideoDialogContainer .mmiVideoDialog {
    position: fixed;
}

.mmiVideoDialogContainer.active {
  visibility: visible;
}

.mmiVideoDialogContainer {
  position: absolute;
  visibility: hidden;
  z-index: 99;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mmiVideoDialog.active {
    overflow: inherit;
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.mmiVideoDialog {
    position: fixed;
    visibility: hidden;
    top: 50%;
    left: 50%;
    opacity: 0;
    background: #000;
    box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.8);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: transform 0.25s, opacity 0.25s, visibility 0.25s;
    -moz-transition: transform 0.25s, opacity 0.25s, visibility 0.25s;
    -o-transition: transform 0.25s, opacity 0.25s, visibility 0.25s;
    transition: transform 0.25s, opacity 0.25s, visibility 0.25s;
}

.mmiVideoDialogContent {
    position: static !important;
    overflow-y: auto;
}


/*------------------------------------*\
  MMI Download Modal Dialog Window
\*------------------------------------*/

#mmiDownloadDialogContainer {
  position: fixed;
  z-index: 10000;
  background: rgba(30,36,43, 0.7);
}

#mmiDownloadDialogContainer .mmiDownloadDialog {
    position: fixed;
}

.mmiDownloadDialogContainer.active {
  visibility: visible;
}

.mmiDownloadDialogContainer {
  position: absolute;
  visibility: hidden;
  z-index: 99;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mmiDownloadDialog.active {
    overflow: inherit;
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.mmiDownloadDialog {
    position: fixed;
    visibility: hidden;
    top: 50%;
    left: 50%;
    opacity: 0;
    background: #FFF;
    box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.8);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: transform 0.25s, opacity 0.25s, visibility 0.25s;
    -moz-transition: transform 0.25s, opacity 0.25s, visibility 0.25s;
    -o-transition: transform 0.25s, opacity 0.25s, visibility 0.25s;
    transition: transform 0.25s, opacity 0.25s, visibility 0.25s;
}

.mmiDownloadDialogContent {
    position: static !important;
    overflow-y: auto;
    /*height: 100%;*/
}

.mmiDownloadDialogContent ul, .mmiDownloadDialogContent li {
  list-style-type: disc;
  list-style-position: inside;
}

.mmiDownloadButtonBar {
  width: 100%;
}

.mmiDownloadButtonBar a, .mmiDownloadButtonBar span {
  float: right;
}

.mmiDownloadButtonBar span {
  margin-left: 10px;
}

/*------------------------------------*\
  Idea Exchange Post List Display
\*------------------------------------*/

.idea-exchange-post-wrapper {
  width: 100%;
  border: 1px solid #e5e5e5;
  /*overflow: auto;*/
  background-color: #ffffff;
  margin-bottom: 1em;
}

.idea-exchange-post {
  width: auto;
  border: medium none #e5e5e5;
  background-color: transparent;
  margin-bottom: 0;
  padding: 20px;
}

.idea-exchange-post-thumb {
  float: left;
}

@media only screen and (max-width: 960px) {
  .idea-exchange-post-thumb { width: 100%; }
  .idea-exchange-post-thumb img { width: 100% !important;}
}

.idea-exchange-post-thumb img {
  display: block;
  border: 1px solid #e5e5e5;
}

.idea-exchange-post-content {
  display: block;
  /*background-color: yellow;*/
  overflow: hidden;
  padding: 0 1em 0 1em;
  position: relative;
  min-height: 143px;
  min-width: 200px;
}

@media only screen and (max-width: 960px) {
  .idea-exchange-post-content { padding: 0; min-height: 25px; }
}

.idea-exchange-post-title {
  font-size: 15px;
  line-height: 25px;
  padding-top: 5px;
  color: #252525;
  font-weight: 800;
  display: block;
  font-family: "IBM Plex Sans", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}

.idea-exchange-post-content p {
  font-size: 15px;
  line-height: 22px;
  color: #252525;
  font-weight: 400;
  margin: 5px 0px 0px 0px;
  padding: 0;
  text-transform: none;
}

.idea-exchange-post-button-bar {
  /*background-color: blue;*/
  height: 25px;
}

.idea-exchange-post-button-bar img {
  display: block;
  height: 25px;
}

.idea-exchange-post-button-bar a {
  float: right;
  padding-right: 10px;
}


/*------------------------------------*\
  Harbor Post List Display
\*------------------------------------*/

.harbor-list-post {
  width: 100%;
  border: 1px solid #e5e5e5;
  /*overflow: auto;*/
  background-color: #E5E5E5;
  /*margin-bottom: 1em;*/
}

.mmi-harbor-page-wrapper .post-item {
  margin-bottom: 20px;
  position: relative;
  float: left;
}

.harbor-list-post-thumb {
  float: left;
}

@media only screen and (max-width: 960px) {
  .harbor-list-post-thumb { width: 100%; }
  .harbor-list-post-thumb img { width: 100% !important;}
}

.harbor-list-post-thumb img {
  display: block;
}

.harbor-list-post-content {
  display: block;
  /*background-color: yellow;*/
  overflow: hidden;
  padding: 0 1em 0 1em;
  position: relative;
  min-height: 143px;
  min-width: 200px;
}

@media only screen and (max-width: 960px) {
  .harbor-list-post-content { padding: 0; min-height: 25px; }
}

.harbor-list-post-season {
  font-family: "Barlow Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: #041e42;
}

.harbor-list-post-title {
  font-size: 15px;
  /*line-height: 25px;
  padding-top: 5px;*/
  color: #252525;
  font-weight: 800;
  display: block;
  font-family: "Barlow Condensed","Helvetica Neue",Helvetica,Arial,sans-serif;
  text-transform: uppercase;
}

.harbor-list-post-keywords a {
  padding-right: 10px;
}

.harbor-list-post-content p {
  font-size: 15px;
  line-height: 22px;
  color: #252525;
  font-weight: 400;
  margin: 5px 0px 0px 0px;
  padding: 0;
}

.harbor-list-post-button-bar {
  /*background-color: blue;*/
  padding-top: 10px;
  height: 25px;
}

.harbor-list-post-button-bar img {
  display: block;
  height: 25px;
}

.harbor-list-post-button-bar a {
  float: right;
  padding-right: 10px;
}

/*------------------------------------*\
  Harbor Post Featured Display
\*------------------------------------*/
.harbor-featured-post-button-bar a {
  float: right;
  padding-right: 10px;
}

/*------------------------------------*\
  Harbor TV Keyword List
\*------------------------------------*/

.harbor-keyword-list-container {
  width: 100%;
  background-color: #E5E5E5;
  margin-bottom: 20px;
}

.harbor-keyword-list-header {
  font-weight: bold;
  background-color: #041e42;
  padding: 10px;
  cursor: pointer;
}

.harbor-keyword-list-header i {
  padding-right: 10px;
}

.harbor-keyword-list {
  padding: 10px;
}

.harbor-keyword-list a {
  display: inline-block;
  width: 240px;
}

@media only screen and (min-width: 480px) {
  .harbor-keyword-list a { width: 175px; }
}

@media only screen and (min-width: 768px) {
  .harbor-keyword-list a { width: 160px; }
}

@media only screen and (min-width: 960px) {
  .harbor-keyword-list a { width: 220px; }
}

@media only screen and (min-width: 1280px) {
  .harbor-keyword-list a { width: 205px; }
}


/*------------------------------------*\
  Home Page Padding Fix & Margin Fix
  After update to latest Visual
  Composer Plugin
\*------------------------------------*/
.home-fix > .vc_column-inner {
  padding-top: 0 !important;
}

.home-fix .wpb_wrapper > div {
  margin-bottom: 0 !important;
}

.home-fix .wpb_content_element {
  margin-bottom: 0 !important;
}

/*------------------------------------*\
  Emember Fancy Login Widget
\*------------------------------------*/

#exposeMask {
  position: fixed !important;
}

#emember_fancy_login_v2 {
  padding: 0;
  border: 2px solid #041e42;
}

#emember_fancy_login_v2 h2 {
  padding: 1em;
  margin: 0;
  background-color: #041e42;
  color: #ffffff;
}

#emember_fancy_login_v2 .emember_fancy_login_v2_content {
  padding: 1em 0;
}

#emember_fancy_login_v2 label {
  display: inline;
}

#emember_fancy_login_v2 input[type="text"]:focus,
#emember_fancy_login_v2 input[type="password"]:focus {
  background-color: #ffffff !important;
  color: #000000;
}

#emember_fancy_login_v2 input[type="submit"] {
  display: block;
  width: 115px;
  background: #041e42;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  font-weight: bold;
  color: #ffffff !important;
  cursor: pointer;
}

#emember_fancy_login_v2 input[type="submit"]:hover {
  display: block;
  width: 115px;
  background: #041e42;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  font-weight: bold;
  color: #00aede !important;
  cursor: pointer;
}


/*------------------------------------*\
  eMember - Member login page
\*------------------------------------*/

#wp_emember_loginForm {
  padding: 20px 40px;
  border: 2px solid #041e42;
  background-color: #FFF;
}

#wp_emember_loginForm table tr td{
  background: none;
}

#wp_emember_loginForm table th, #wp_emember_loginForm table td {
  border-style: none;
  text-align: left;
}

#wp_emember_loginForm label {
  display: inline;
}

#wp_emember_loginForm input[type="text"],
#wp_emember_loginForm input[type="text"]:focus,
#wp_emember_loginForm input[type="password"],
#wp_emember_loginForm input[type="password"]:focus {
  background-color: #ffffff !important;
  color: #000000;
  border: 1px solid #DDDDDD;
}

#wp_emember_loginForm input[type="submit"] {
  display: block !important;
  width: 115px !important;
  background-color: #041e42 !important;
  padding: 10px !important;
  text-align: center !important;
  border-radius: 5px !important;
  font-weight: bold !important;
  color: #ffffff !important;
  cursor: pointer !important;
}

#wp_emember_loginForm input[type="submit"]:hover {
  display: block !important;
  width: 115px !important;
  background-color: #041e42 !important;
  padding: 10px !important;
  text-align: center !important;
  border-radius: 5px !important;
  font-weight: bold !important;
  color: #00aede !important;
  cursor: pointer !important;
}


/*------------------------------------*\
  eMember - Password Reset Form
\*------------------------------------*/

div #wp_emember_email_mailForm {
  max-width: 640px;
}

#wp_emember_mailSendForm1 {
  padding: 20px 40px;
  border: 2px solid #041e42;
  background-color: #FFF;
}

#wp_emember_mailSendForm1 table tr td{
  background: none;
}

#wp_emember_mailSendForm1 table th, #wp_emember_mailSendForm1 table td {
  border-style: none;
  text-align: left;
}

#wp_emember_mailSendForm1 label {
  display: inline;
}

#wp_emember_mailSendForm1 input[type="text"],
#wp_emember_mailSendForm1 input[type="text"]:focus,
#wp_emember_mailSendForm1 input[type="password"],
#wp_emember_mailSendForm1 input[type="password"]:focus {
  background-color: #ffffff !important;
  color: #000000;
  border: 1px solid #DDDDDD;
}

#wp_emember_mailSendForm1 input[type="submit"] {
  display: block !important;
  width: 115px !important;
  background-color: #041e42 !important;
  padding: 10px !important;
  text-align: center !important;
  border-radius: 5px !important;
  font-weight: bold !important;
  color: #ffffff !important;
  cursor: pointer !important;
}

#wp_emember_mailSendForm1 input[type="submit"]:hover {
  display: block !important;
  width: 115px !important;
  background-color: #041e42 !important;
  padding: 10px !important;
  text-align: center !important;
  border-radius: 5px !important;
  font-weight: bold !important;
  color: #00aede !important;
  cursor: pointer !important;
}


/*------------------------------------*\
  Solutions Center
\*------------------------------------*/

/* Set cta content so height fits container */
.solution_cta_content .vc_column-inner > .wpb_wrapper {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* Make cta text content fill available space to push button to bottom of cta */
.solution_cta_content_text {
-webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}