/*
Theme Name:     Jupiter Child Theme
Theme URI: 		http://demos.artbees.net/jupiter5
Description:    Child theme for the Jupiter theme
Author:         National Disability Institute
Theme URI: 		http://themeforest.net/user/artbees
Template:       jupiter
Text Domain:    mk_framework
Domain Path:    /languages/
*/



/***
Header Styles
***/

/*** Header Toolbar ***/

.mk-toolbar-navigation {
   float: right;
   margin-right: -4px;
   font-weight: 600;
}

.mk-header-holder .mk-toolbar-navigation a:hover {
   /* color: #10879B; */
   color: #0a6171;
}

.mk-header-holder .mk-toolbar-navigation a:active {
   /* color: #10879b; */
   color: #0a6171;
}

.mk-header-toolbar-holder {
   padding: 0px;
}

/*** Page Title ***/

.page-title {
   margin: 25px 32px 15px;
}

.page-subtitle {
   margin: 0 35px 15px 35px;
}

/*** Blog Meta ***/

.mk-blog-single .blog-single-meta {
   margin: 30px 14px 0px;
}

.single-social-section {
   margin-top: 30px;
}

/*** Fullscreen Search Overlay ***/

.mk-fullscreen-search-overlay {
   background-color: rgba(11, 46, 51, 0.98);
}

/*** Header Border ***/

.mk-header {
   border-bottom: none;
}

.category #mk-page-introduce {
   margin-bottom: 80px;
}

/***
General Styles
***/

/*** Quick Contact Styling ***/

.mk-quick-contact-wrapper .mk-quick-contact-title {
   color: #0a6171;
   font-size: 24px;
   margin-bottom: 20px;
}

.mk-quick-contact-wrapper p {
   color: #4c5252;
   font-size: 14px;
}

.mk-quick-contact-wrapper .mk-contact-form .textarea {
   margin-bottom: 20px;
}

.accent-bg-color.button {
   border: 2px solid #0a6171 !important;
   color: #0a6171 !important;
   border-radius: 50px !important;
   background-color: #e8e8e8 !important;
}

.accent-bg-color.button:hover {
   color: #ffffff !important;
   background-color: #0a6171 !important;
}

/*** Icon Styling ***/

.mk-font-icons .font-icon.mk-size-large.circle-enabled {
   width: 55px;
   height: 55px;
}

/*** Newsletter Subscription Form ***/

.mk-subscribe {
   margin-bottom: 0px;
}

.mk-subscribe.medium-size .mk-subscribe--button {
   min-width: 50px;
   font-size: 12px;
}

.mk-subscribe .mk-subscribe--email {
   padding: 0 4%;
}

.mk-subscribe.medium-size .mk-subscribe--email {
   font-size: 12px;
}

/*** Custom Z-index ***/

.c-z-index {
   z-index: 999;
}

/*** Unordered/Ordered List Font Size ***/

ul,
ol {
   font-size: 16px;
   line-height: 1.9;
}

.cstm-list-margin ul,
ol {
   margin-left: 5px;
}

/*** Blockquote Styling ***/

.mk-blockquote.quote-style {
   background-color: transparent;
}

.mk-blockquote.quote-style .mk-svg-icon {
   fill: #10879b;
}

.mk-blockquote.quote-style {
   padding: 15px 10px 10px 100px;
   margin-left: -2px;
}

/*** Fixes Main SVG Logo Height Issue in IE & Microsoft Edge ***/

.IE .header-logo a .mk-desktop-logo.dark-logo.mk-svg {
   height: 57px;
}

.EDGE .header-logo a .mk-desktop-logo.dark-logo.mk-svg,
.Edge .header-logo a .mk-desktop-logo.dark-logo.mk-svg {
   height: 57px;
}

/*** Hover State of Gravity Forms “Submit” Button. Active state pulls from accent theme color. ***/

body .gform_wrapper .gform_footer input[type=submit] {
   color: #10879b !important;
   font-size: 12px !important;
   font-weight: 700 !important;
   letter-spacing: 1px !important;
   border-color: #10879b !important;
   border-style: solid !important;
   border-radius: 50px !important;
   border-width: 2px !important;
   background: #ffffff !important;
   padding: 12px 24px 12px 24px !important;
   text-transform: capitalize !important;
}

body .gform_wrapper .gform_footer input[type=submit]:hover {
   background-color: #10879b !important;
   color: #ffffff !important;
}

/*** Hides Gravity Forms Zip Code Sub Field ***/

#input_1_11_5_label {
   display: none;
}

/*** Allows Negative Top Margins (i.e. to pull elements on top of another) ***/

body:not(.compose-mode) .mk-page-section.full_layout {
   overflow: visible !important;
}

/*** Removes Picture Icon for Blog Hover State ***/

.post-type-badge {
   display: none !important;
}

/*** Accordion Styling ***/

.mk-accordion.fancy-style .mk-accordion-tab {
   color: #ffffff;
   font-size: 17px;
   font-weight: 700;
   background-color: #052E33;
   text-transform: uppercase;
}

.mk-accordion.fancy-style .mk-accordion-tab:hover {
   background-color: #052E33;
}

.mk-accordion.fancy-style .mk-accordion-single {
   border: none;
   margin-bottom: 10px;
}

.mk-accordion.fancy-style {
   border-bottom: none;
}

/*** Employee Bio Styling ***/

.a_color-333 {
   color: #0b2e33;
}

.mk-single-employee .employees_meta .mk-employeee-networks svg {
   fill: #0b2e33;
}

.mk-single-employee .employees_meta .mk-employeee-networks a:hover {
   background-color: #0b2e33;
   border-color: #0b2e33;
}

.mk-single-employee .single-employee-content {
   padding: 0px 20px 0px 0px;
   margin-left: 524px;
}

#theme-page .theme-page-wrapper {
   margin: 0 auto;
}

#theme-page .theme-page-wrapper .theme-content {
   padding: 0px 20px;
}

.mk-post-nav:hover .mk-pavnav-icon {
   background-color: #0b2e33;
}

.pagnav-wrapper .pagenav-title {
   color: #0b2e33;
}

.mk-employees.simple.four-column .team-thumbnail.rounded-true {
   padding: 0px;
}

.pagnav-wrapper .pagenav-bottom {
   background-color: #f7f7f7;
}

/*** Blog Styling ***/

form#commentform {
   margin-bottom: 80px;
}

#comments {
   padding: 0px 13px;
}

#respond #submit {
   background-color: #ffffff !important;
}

.single-post #respond input#submit {
   border: solid 2px #10879b;
   color: #10879b !important;
   font-size: 12px;
   padding: 12px 24px;
   border-radius: 50px;
   background-color: #ffffff !important;
}

.single-post #respond #submit:hover {
   background-color: #10879b !important;
   color: #ffffff !important;
}

.mk-readmore:hover {
   color: #3ea9c0 !important;
}

/*** Board Portal Submit Button ***/

.post-password-form input[type=submit] {
   border: solid 2px #10879b;
   color: #10879b !important;
   font-size: 12px;
   padding: 12px 24px;
   border-radius: 50px;
   background-color: #ffffff !important;
}

.post-password-form input[type=submit]:hover {
   background-color: #10879b !important;
   color: #ffffff !important;
}

/***
Custom Title Styling
***/

/*** Custom Heading Style — Colored ***/

.master-holder .cstm-c-h1 h1 {
   font-size: 60px;
   font-weight: 900;
   text-transform: uppercase;
   letter-spacing: 5px;
   color: #0b2e33;
}

.master-holder .cstm-c-h2 h2 {
   font-size: 30px;
   line-height: 1.6;
   font-weight: 700;
   /* color: #10879b; */
   color: #0a6171;
   text-transform: uppercase;
   letter-spacing: 2px;
}

.master-holder .employee-h2 h2 {
   font-size: 30px;
   line-height: 1.6;
   font-weight: 700;
   /* color: #10879b; */
   color: #0a6171;
   text-transform: uppercase;
   letter-spacing: 2px;
}

.master-holder .bucket-h2 h2 {
   font-size: 26px;
   line-height: 1.6;
   font-weight: 700;
   /* color: #10879b; */
   color: #0a6171;
   text-transform: uppercase;
}

.master-holder .cstm-c-h3 h3 {
   font-size: 18px;
   line-height: 1.6;
   font-weight: 400;
   /* color: #0b9446; */
   color: #097136;
   letter-spacing: 2px;
}

.master-holder .bucket-h3 h3 {
   font-size: 18px;
   line-height: 1.6;
   font-weight: 400;
   color: #10879b;
   /* color: #0a6171; */
   letter-spacing: 2px;
}

.master-holder .cstm-c-h4 h4 {
   font-size: 18px;
   text-transform: uppercase;
   line-height: 1.625;
   color: #0b2e33;
   letter-spacing: 2px;
}

.master-holder .learning-framework-h4 h4 {
   font-size: 16px;
   text-transform: capitalize;
   line-height: 1.625;
   color: #0b2e33;
   font-weight: 700;
}

.master-holder .cstm-c-h5 h5 {
   font-weight: 600;
   color: #0b2e33;
   letter-spacing: 2px;
}

.master-holder .cstm-c-h6 h6 {
   font-weight: 600;
   color: #0b2e33;
   letter-spacing: 2px;
}

.master-holder .blog-h2 h2,
.master-holder .blog-h3 h3,
.master-holder .blog-h4 h4,
.master-holder .blog-h5 h5,
.master-holder .blog-h6 h6 {
   margin: 30px 0px;
}

/*** Custom Heading Styles — White ***/

.master-holder .hero-h1 h1 {
   font-size: 60px;
   color: #ffffff;
   font-weight: 900;
   text-transform: uppercase;
   letter-spacing: 5px;
}

.master-holder .cstm-hero-tagline h1 {
   font-size: 18px;
   text-transform: uppercase;
   line-height: 1.625;
   color: #ffffff;
   letter-spacing: 5px;
}

.master-holder .cstm-w-h1 h1 {
   font-size: 44px;
   line-height: 1.6;
   font-weight: 900;
   color: #ffffff;
   letter-spacing: 2px;
}

.master-holder .cstm-w-h2 h2 {
   font-size: 30px;
   line-height: 1.6;
   font-weight: 700;
   color: #ffffff;
   text-transform: uppercase;
   letter-spacing: 2px;
}

.master-holder .cstm-projects-h2 h2 {
   font-size: 18px;
   line-height: 1.6;
   font-weight: 900;
   color: #ffffff;
   text-transform: uppercase;
}

.master-holder .cstm-w-h3 h3 {
   font-size: 18px;
   line-height: 1.6;
   font-weight: 400;
   color: #ffffff;
   letter-spacing: 2px;
}

.master-holder .cstm-w-h4 h4 {
   font-size: 18px;
   text-transform: uppercase;
   line-height: 1.625;
   color: #ffffff;
   letter-spacing: 2px;
}

.master-holder .cstm-w-h5 h5 {
   font-weight: 600;
   color: #ffffff;
   letter-spacing: 2px;
}

.master-holder .cstm-w-h6 h6 {
   font-weight: 600;
   color: #ffffff;
   letter-spacing: 2px;
}

/***
Custom Paragraph Styles
***/

/*** Custom Paragraph Styles — Colored ***/

.master-holder .cstm-c-text p {
   /* color: #7d8788; */
   color: #4c5252;
}

.master-holder .cstm-bio-text p {
   /* color: #7d8788; */
   color: #4c5252;
}

.number-circle {
   border: solid 1px;
   /* color: #10879b; */
   color: #0a6171;
   border-radius: 50%;
   height: 57px;
   width: 57px;
   text-align: center;
   font-size: 24px;
   margin: 0 auto;
}

.master-holder .cstm-number p {
   font-size: 30px;
   line-height: 1.8;
   font-weight: 700;
   /* color: #10879b; */
   color: #0a6171;
   text-transform: uppercase;
   letter-spacing: 2px;
}

.master-holder .btn-link a {
   /* color: #7d8788; */
   color: #4c5252;
   font-weight: 900;
   font-style: italic;
}

.master-holder .btn-link a:hover {
   /* color: #10879b; */
   color: #0a6171;
   font-weight: 900;
}

.master-holder .cstm-c-link a {
   /* color: #10879b; */
   color: #0a6171;
   text-decoration: underline;
   font-weight: 900;
}

.master-holder .cstm-c-link a:hover {
   color: #3ea9c0;
   text-decoration: none;
}

.master-holder .cstm-c-ul ul {
   /* color: #7d8788; */
   color: #4c5252;
}

.master-holder .cstm-c-ol ol {
   /* color: #7d8788; */
   color: #4c5252;
}

.master-holder .cstm-c-bold strong {
   color: #0b2e33;
   font-weight: 900;
}

.master-holder .cstm-c-italic em {
   /* color: #7d8788; */
   color: #4c5252;
}

/*** Custom Paragraph Styles — White ***/

.master-holder .cstm-w-text p {
   color: #ffffff;
}

.master-holder .featured-projects p {
   color: #ffffff;
   font-size: 14px;
   font-weight: 600;
}

.master-holder .cstm-w-link a {
   color: #ffffff;
   text-decoration: underline;
   font-weight: 900;
}

.master-holder .cstm-w-link a:hover {
   color: #cccccc;
   text-decoration: none;
}

.master-holder .cstm-w-ul ul {
   color: #ffffff;
}

.master-holder .cstm-w-ol ol {
   color: #ffffff;
}

.master-holder .cstm-w-bold strong {
   color: #ffffff;
   font-weight: 900;
}

.master-holder .cstm-w-italic em {
   color: #ffffff;
}

/***
Media Queries
***/

/*** Mobile Media Query: White & Colored Headings (Small Devices) ***/

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

   .master-holder .cstm-c-h1 h1,
   .master-holder .cstm-w-h1 h1,
   .master-holder .hero-h1 h1 {
      font-size: 24px;
      font-weight: 900;
   }

   .master-holder .cstm-hero-tagline h1 {
      font-size: 14px;
      text-transform: uppercase;
   }

   .master-holder .cstm-c-h2 h2,
   .master-holder .cstm-w-h2 h2,
   .master-holder .employee-h2 h2 {
      font-size: 20px;
      font-weight: 600;
   }

   .master-holder .bucket-h2 h2 {
      font-size: 24px;
      font-weight: 500;
   }

   .master-holder .cstm-c-h3 h3,
   .master-holder .cstm-w-h3 h3,
   .master-holder .bucket-h3 h3 {
      font-size: 14px;
      font-weight: 100;
   }

   .master-holder .cstm-c-h4 h4,
   .master-holder .cstm-w-h4 h4 {
      font-size: 14px;
      text-transform: uppercase;
   }

   .master-holder .cstm-c-h5 h5,
   .master-holder .cstm-w-h5 h5,
   .master-holder .cstm-c-h6 h6,
   .master-holder .cstm-w-h6 h6 {
      font-size: 14px;
   }

   .master-holder p,
   .master-holder ul,
   .master-holder ol,
   .master-holder strong,
   .master-holder em,
   .master-holder a {
      font-size: 14px;
   }
}

/*** Mobile Media Query: Centers all elements on mobile ***/

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

   .master-holder p,
   .master-holder h1,
   .master-holder h2,
   .master-holder h3,
   .master-holder h4,
   .master-holder h5,
   .master-holder h6 {
      text-align: center;
   }

   .mk-social-network-shortcode {
      text-align: center;
   }

   .footer-column p {
      text-align: center;
   }

   /*** Newsletter Signup Button ***/

   .mk-subscribe.medium-size .mk-subscribe--button {
      min-width: 105px;
   }

   /*** Blockquote Styling ***/

   .mk-blockquote.quote-style {
      padding: 15px 10px 10px 80px;
      margin-left: 0px;
   }

   /*** Blog Meta ***/

   .mk-blog-single .blog-single-meta {
      text-align: center;
   }

   .single-social-section {
      display: none;
   }

   .mk-blog-meta-wrapper,
   .blog-grid-footer {
      text-align: center;
   }

   /*** Page Title Alignment ***/

   .page-title {
      text-align: center;
   }
}

/*** Tablet Media Query: White & Colored Headings ***/

@media only screen and (min-width: 376px) and (max-width: 1141px) {

   .master-holder .cstm-c-h1 h1,
   .master-holder .cstm-w-h1 h1 {
      font-size: 24px;
      font-weight: 900;
   }

   .master-holder .hero-h1 h1 {
      font-size: 32px;
      font-weight: 900;
   }

   .master-holder .cstm-hero-tagline h1 {
      text-transform: uppercase;
   }

   .master-holder .cstm-c-h2 h2,
   .master-holder .cstm-w-h2 h2,
   .master-holder .employee-h2 h2 {
      font-size: 24px;
      font-weight: 600;
   }

   .master-holder .bucket-h2 h2 {
      font-size: 24px;
      font-weight: 600;
      text-transform: uppercase;
   }

   .master-holder .cstm-c-h3 h3,
   .master-holder .cstm-w-h3 h3,
   .master-holder .bucket-h3 h3 {
      font-size: 18px;
      font-weight: 100;
   }

   .master-holder .cstm-c-h4 h4,
   .master-holder .cstm-w-h4 h4 {
      text-transform: uppercase;
   }

   .master-holder .cstm-c-h5 h5,
   .master-holder .cstm-w-h5 h5 {
      font-weight: 600;
   }

   .master-holder .cstm-c-h6 h6,
   .master-holder .cstm-w-h6 h6 {
      font-weight: 600;
   }
}

/*** Adjusts Width of Page Section ***/

@media handheld,
only screen and (min-width: 768px) {
   .mk-half-layout {
      width: 40.5%;
   }

   .mk-half-layout-container {
      width: 59.5%;
   }

   /*** Centers Footer Columns ***/

   #text-block-6 #text-block-5 {
      text-align: center;
   }

   /*** Employee Sidebar Margin ***/

   .mk-single-employee .single-employee-sidebar {
      margin: 80px 35px;
   }
}

/*** Employee Newsletter Padding ***/

@media handheld,
only screen and (max-width: 960px) {
   .mk-main-wrapper-holder .theme-page-wrapper:not(.full-width-layout) .theme-content:not(.no-padding) {
      padding: 25px 0 0 !important;
   }
}

/*** Line Separator Margin ***/

@media handheld,
only screen and (max-width: 991px) {
   .vc_separator {
      margin-bottom: 20px;
   }
}

@media handheld,
only screen and (max-width: 1024px) {

   /*** Employee Bio Content ***/

   .mk-single-employee .single-employee-content {
      padding: 0px 25px;
      margin-left: 0px;
   }

   .mk-single-employee .single-employee-sidebar {
      width: 100%;
      margin: 60px 0px 50px;
   }

   .employees-featured-image {
      text-align: center;
   }

   .master-holder .cstm-bio-text p,
   .master-holder .employee-h2 h2 {
      text-align: center;
   }
}

/*** Adjusts Page Title Margin ***/

@media handheld,
only screen and (max-width: 1140px) {
   .page-title {
      margin-left: 35px !important;
      margin-right: 35px !important;
   }

   .mk-header-toolbar-holder {
      padding: 0 20px;
   }
}

/* ADA Updates */

.hero__h1 h1 {
   font-size: 60px;
   font-weight: 900;
   letter-spacing: 5px;
   line-height: 1.1em;
}

.hero__h1 h1 .hero__h1--small {
   display: block;
   font-size: 18px;
   font-weight: 600;
}

@media only screen and (min-width: 376px) and (max-width: 1141px) {
   .hero__h1 h1 .hero__h1--small {
      font-size: 16px;
   }

   .hero__h1 h1 .hero__h1--small:nth-child(2) {
      margin-top: 15px
   }

   .hero__h1 h1 .hero__h1--small:nth-child(1) {
      margin-bottom: 15px
   }
}

@media only screen and (max-width: 375px) {
   .hero__h1 h1 {
      font-size: 24px;
      font-weight: 900;
   }
}

@media only screen and (min-width: 376px) and (max-width: 1141px) {
   .hero__h1 h1 {
      font-size: 24px;
      font-weight: 900;
   }
}

#gform_wrapper_2 {
   margin: 0;
}

#gform_2 label {
   color: #fff;
   position: absolute;
   left: -10000px;
   top: auto;
   width: 1px;
   height: 1px;
   overflow: hidden;
}

#gform_2 input {
   border: 0;
   border-radius: 50px;
   color: #4c5252;
   height: 45px;
   line-height: 45px;
   padding: 0 4%;
}

#gform_2 .gform_footer input[type=submit] {
   border: 2px solid white !important;
   background-color: transparent !important;
   color: #fff !important;
   letter-spacing: normal !important;
   text-transform: uppercase !important;
}

#gform_2 .gform_footer input[type=submit]:hover {
   background-color: #fff !important;
   color: #10879b !important;
}

.gf_simple_horizontal_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_first,
.gf_simple_horizontal_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_middle,
.gf_simple_horizontal_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_last {
   padding-top: 0 !important;
}

.gf_simple_horizontal_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text],
.gf_simple_horizontal_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {
   margin-bottom: 0 !important;
}

.gf_simple_horizontal_wrapper li.hidden_label input {
   margin-top: 0 !important;
}

body .gf_simple_horizontal_wrapper .top_label div.ginput_container {
   margin-top: 0 !important;
}

.gf_simple_horizontal div.gform_footer.top_label {
   width: auto !important;
   vertical-align: top !important;
}

.gf_simple_horizontal div.gform_body {
   width: auto !important;
}

.gf_simple_horizontal div.gform_footer.top_label input[type="submit"] {
   line-height: 26px;
   font-size: 13px;
   padding: 0 24px;
   text-transform: uppercase;
   letter-spacing: 1px
}

#gform_2.gf_simple_horizontal div.gform_body {
   width: 100% !important;
}

@media (min-width: 769px) {
   #gform_2.gf_simple_horizontal div.gform_body {
      width: 70% !important;
   }
}

/* SVGS */

.font-icon.circle-enabled {
   border-color: #097136 !important;
}

.font-icon.circle-enabled svg {
   fill: #097136 !important;
}

.dark .font-icon.circle-enabled {
   border-color: #10879b !important;
}

.dark .font-icon.circle-enabled svg {
   fill: #10879b !important;
}

/***--- Popup Form Styling ---***/

.sg-popup-builder-content select {
   -webkit-appearance: none;
   appearance: none;
   background-color: #eee;
   background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23000000' viewBox='0 0 24 24'%3E%3Cpath d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'%3E%3C/path%3E%3C/svg%3E");
   background-position: calc(100% - 10px) 50%;
   background-repeat: no-repeat;
   background-size: 30px;
   height: 50px;
   line-height: normal;
   padding: 15px !important;
   position: relative;
   width: 100%;
}

.sg-popup-builder-content .gform_wrapper {
   padding: 0 20px;
}


.sg-popup-builder-content .gform_wrapper ul li.gfield {
   margin-top: 25px;
}


.sg-popup-builder-content select::-ms-expand {
   display: none;
}

.sg-popup-builder-content input {
   height: 50px;
   background-color: #eee;
   padding: 15px !important;
}