/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Jon Phillips
 Author URI:   https://matchlessweb.com/
 Template:     generatepress
 Version:      0.1
*/


/* MATCHLESS WEB */


/* ibm-plex-sans-300 - latin */

@font-face {
   font-family: 'IBM Plex Sans';
   font-style: normal;
   font-weight: 300;
   src: url('https://matchlessweb.com/wp-content/uploads/2020/05/ibm-plex-sans-v7-latin-300.eot');
   /* IE9 Compat Modes */
   src: local('IBM Plex Sans Light'), local('IBMPlexSans-Light'), url('https://matchlessweb.com/wp-content/uploads/2020/05/ibm-plex-sans-v7-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('https://matchlessweb.com/wp-content/uploads/2020/05/ibm-plex-sans-v7-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
   url('https://matchlessweb.com/wp-content/uploads/2020/05/ibm-plex-sans-v7-latin-300.woff') format('woff'), /* Modern Browsers */
   url('https://matchlessweb.com/wp-content/uploads/2020/05/ibm-plex-sans-v7-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
   url('https://matchlessweb.com/wp-content/uploads/2020/05/ibm-plex-sans-v7-latin-300.svg#IBMPlexSans') format('svg');
   /* Legacy iOS */
   font-display: swap;
}


/* ibm-plex-sans-700 - latin */

@font-face {
   font-family: 'IBM Plex Sans';
   font-style: normal;
   font-weight: 700;
   src: url('https://matchlessweb.com/wp-content/uploads/2020/05/ibm-plex-sans-v7-latin-700.eot');
   /* IE9 Compat Modes */
   src: local('IBM Plex Sans Bold'), local('IBMPlexSans-Bold'), url('https://matchlessweb.com/wp-content/uploads/2020/05/ibm-plex-sans-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('https://matchlessweb.com/wp-content/uploads/2020/05/ibm-plex-sans-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
   url('https://matchlessweb.com/wp-content/uploads/2020/05/ibm-plex-sans-v7-latin-700.woff') format('woff'), /* Modern Browsers */
   url('https://matchlessweb.com/wp-content/uploads/2020/05/ibm-plex-sans-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
   url('https://matchlessweb.com/wp-content/uploads/2020/05/ibm-plex-sans-v7-latin-700.svg#IBMPlexSans') format('svg');
   /* Legacy iOS */
   font-display: swap;
}


/* ibm-plex-sans-condensed-300 - latin */

@font-face {
   font-family: 'IBM Plex Sans Condensed';
   font-style: normal;
   font-weight: 300;
   src: url('https://matchlessweb.com/wp-content/uploads/2020/05/ibm-plex-sans-condensed-v6-latin-300.eot');
   /* IE9 Compat Modes */
   src: local('IBM Plex Sans Condensed Light'), local('IBMPlexSansCond-Light'), url('https://matchlessweb.com/wp-content/uploads/2020/05/ibm-plex-sans-condensed-v6-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('https://matchlessweb.com/wp-content/uploads/2020/05/ibm-plex-sans-condensed-v6-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
   url('https://matchlessweb.com/wp-content/uploads/2020/05/ibm-plex-sans-condensed-v6-latin-300.woff') format('woff'), /* Modern Browsers */
   url('https://matchlessweb.com/wp-content/uploads/2020/05/ibm-plex-sans-condensed-v6-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
   url('https://matchlessweb.com/wp-content/uploads/2020/05/ibm-plex-sans-condensed-v6-latin-300.svg#IBMPlexSansCondensed') format('svg');
   /* Legacy iOS */
   font-display: swap;
}


/* ibm-plex-sans-condensed-regular - latin */

@font-face {
   font-family: 'IBM Plex Sans Condensed';
   font-style: normal;
   font-weight: 400;
   src: url('https://matchlessweb.com/wp-content/uploads/2020/05/ibm-plex-sans-condensed-v6-latin-regular.eot');
   /* IE9 Compat Modes */
   src: local('IBM Plex Sans Condensed'), local('IBMPlexSansCond'), url('https://matchlessweb.com/wp-content/uploads/2020/05/ibm-plex-sans-condensed-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('https://matchlessweb.com/wp-content/uploads/2020/05/ibm-plex-sans-condensed-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
   url('https://matchlessweb.com/wp-content/uploads/2020/05/ibm-plex-sans-condensed-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
   url('https://matchlessweb.com/wp-content/uploads/2020/05/ibm-plex-sans-condensed-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
   url('https://matchlessweb.com/wp-content/uploads/2020/05/ibm-plex-sans-condensed-v6-latin-regular.svg#IBMPlexSansCondensed') format('svg');
   /* Legacy iOS */
   font-display: swap;
}


/* ibm-plex-sans-condensed-700 - latin */

@font-face {
   font-family: 'IBM Plex Sans Condensed';
   font-style: normal;
   font-weight: 700;
   src: url('https://matchlessweb.com/wp-content/uploads/2020/05/ibm-plex-sans-condensed-v6-latin-700.eot');
   /* IE9 Compat Modes */
   src: local('IBM Plex Sans Condensed Bold'), local('IBMPlexSansCond-Bold'), url('https://matchlessweb.com/wp-content/uploads/2020/05/ibm-plex-sans-condensed-v6-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('https://matchlessweb.com/wp-content/uploads/2020/05/ibm-plex-sans-condensed-v6-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
   url('https://matchlessweb.com/wp-content/uploads/2020/05/ibm-plex-sans-condensed-v6-latin-700.woff') format('woff'), /* Modern Browsers */
   url('https://matchlessweb.com/wp-content/uploads/2020/05/ibm-plex-sans-condensed-v6-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
   url('https://matchlessweb.com/wp-content/uploads/2020/05/ibm-plex-sans-condensed-v6-latin-700.svg#IBMPlexSansCondensed') format('svg');
   /* Legacy iOS */
   font-display: swap;
}


/* Get rid of unwanted horizontal scrolling on mobile*/

html,
body {
   overflow-x: hidden;
}

body {
   background-color: #fff !important;
}


/* Makes header be able to accomodate large desktops */

body .grid-container {
   max-width: 1600px;
}


/* Selected Content Color */

::selection {
   background: rgba(75, 188, 148, 0.7);
   color: #ffffff;
}

::-moz-selection {
   background: #4fcf9a;
   color: #ffffff;
}


/* Body Link Hover Effect */

body p a:not(.button):not(.notusercontentlink):not(.bmc-btn) {
   background-repeat: no-repeat;
   background-size: 100% 100%;
   background-position: 100%;
   background-image: linear-gradient(transparent calc(100% - 1px), #1d73be 1px);
   position: relative;
   transition: all .3s;
}

body p a:hover:not(.button):not(.notusercontentlink):not(.bmc-btn) {
   color: #16609f;
   background-size: 0 100%;
   background-image: linear-gradient(transparent calc(100% - 1px), #1d73be 1px);
}


/* Global text span highlight */

.mw_span1 {
   background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, #fbff84 50%);
}


/* Header Container Max Width */

.inside-header.grid-container {
   82%;
}


/* Header Logo on Bigger Screens */

@media screen and (min-width: 1200px) {
   .site-header .header-image {
      width: 225px;
   }
}

@media screen and (min-width: 1400px) {
   .site-header .header-image {
      width: 225px;
   }
}


/* MOBILE: Header Logo Size on Smaller Screens */

@media screen and (max-width: 980px) {
   .site-logo.mobile-header-logo img {
      height: 75px !important;
      width: 183px !important;
   }
}


/* Header Nav Button Styling */

.mw-button.menu-item.menu-item-type-custom.menu-item-object-custom a {
   color: #fff;
   font-size: 16px;
   border: 1px;
   border-style: solid;
   line-height: 50px;
   /* adjust to horizontally align with other menu items */
   border-radius: 2px;
   margin-left: 20px;
   /* space to the left of button */
   transition: all .3s ease-out;
}


/* HOVER: Header Nav Button */

.mw-button.menu-item.menu-item-type-custom.menu-item-object-custom a:hover {
   color: #111;
   background: #fff;
   border-color: #fff;
}


/* Mobile Header Container Padding */

@media screen and (max-width: 980px) {
   #mobile-header .inside-navigation,
   .main-navigation.has-branding .inside-navigation {
      padding-right: 1%;
      padding-left: 2%;
      padding-top: 15px;
   }
}


/* Off Canvas Menu CTA Button */

@media screen and (max-width: 768px) {
   #menu-item-1120 a {
      display: inline-block;
      border: 1px;
      border-style: solid;
      border-color: rgba(36, 36, 36, 1.0) !important;
      background-color: #fff !important;
      color: #000 !important;
      padding: 20px 100px;
      letter-spacing: 0px;
      border-radius: 2px;
      margin-top: 10px;
      line-height: 20px;
      transition: all .3s ease-out;
   }
}


/* HOVER: Off Canvas Menu CTA Button */

@media screen and (max-width: 768px) {
   #menu-item-1802.mobile-nav-button {
      background: #53cda2;
   }
}


/* Hamburger Menu Color and Size */

button.menu-toggle {
   font-size: 26px !important;
   color: #fff;
   transition: all .3s ease-out;
}

button.menu-toggle:hover {
   color: #4bbc94;
}

.main-navigation.has-branding .menu-toggle {
   padding-right: 30px !important;
}


/* Mobile menu close icon */

.gp-icon.pro-close {
   float: right;
   font-size: 20px;
}


/* Buy Me a Coffee Button */

.bmc-btn {
   box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.302), 0 1px 3px 1px rgba(60, 64, 67, 0.149);
   transition: all 0.4s cubic-bezier(.25, .8, .25, 1);
}

.bmc-btn:hover {
   box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.302), 0 4px 8px 3px rgba(60, 64, 67, 0.149);
   transform: translateY(-2px)
}


/***** GLOBAL HERO - GP ELEMENT *****/

@media screen and (min-width: 1200px) {
   .page-hero.mw-global-hero h1 {
      font-size: 55px;
   }
}

@media screen and (max-width: 980px) {
   .page-hero.mw-global-hero h1 {
      font-size: 50px;
   }
}

@media screen and (max-width: 768px) {
   .page-hero.mw-global-hero h1 {
      font-size: 36px;
   }
}


/***** HOME HERO - GP ELEMENT *****/


/* H2 */

.mw-hero h2 {
   font-size: 55px;
   font-weight: 700;
   line-height: 1em;
   max-width: 700px;
}


/* H1 */

.mw-hero h1, span.hero_span {
   font-size: 24px;
   font-weight: 300;
   line-height: 1.4em;
   margin-bottom: 20px;
}

.mw-hero p {
	max-width: 700px;
}


@media screen and (max-width: 767px) {
   .mw-hero h2 {
      font-size: 48px;
      line-height: 1em;
      max-width: 350px;
   }
   .mw-hero h1,
   span.hero_span {
      font-size: 24px;
      line-height: 1.4em;
	  margin-bottom: 20px;
   }
}


/* Home Hero Button */

.mw-hero .button {
   font-size: 18px;
   background-color: #111;
   color: #fff;
   padding: 14px 20px;
   font-size: 18px;
   border-radius: 2px;
   margin-top: 15px;
   transition: all .3s ease-out;
}


/* HOVER Home Hero Button */

.mw-hero .button:hover {
   color: #111;
   background-color: #fff;
   box-shadow: 0 5px 15px rgba(145, 92, 182, .4);
}


/* MOBILE HOME HERO - GP ELEMENT */


/* different image and overlay on mobile */

@media (max-width: 768px) {
   .mobile-hero-image.page-hero {
      background-image: linear-gradient(0deg, rgba(21, 50, 65, 0.89), rgba(21, 50, 65, 0.89)), url(https://matchlessweb.com/wp-content/uploads/2020/06/Man-in-blazer-looking-at-computer-Mobile.jpeg) !important;
      background-color: rgba(21, 50, 65, 0.89);
   }
}


/* Home page DIY nightmare pic on mobile */

@media screen and (max-width: 500px) {
   .mw_mobile_image.wp-block-image img {
      max-width: 300px;
   }
}


/* Circle headshot in mini bio section */

.mw_mini_bio_headshot .kt-split-content-media-image img {
   width: 80%;
}


/***** WORDPRESS CARE PLAN - GP ELEMENT *****/


/* Home Hero Typography and Spacing */

.mw-wcp-hero h1 {
   font-size: 55px;
   max-width: 600px;
}

.mw-wcp-hero h2 {
   font-size: 26px;
   font-weight: 200;
   margin-top: -8px;
}

.mw-wcp-hero p {
   max-width: 680px;
   line-height: 1.6em;
}


/* BUTTON - WordPress Care Plans */

.mw-wcp-hero .button {
   font-size: 18px;
   background-color: #fff;
   color: #111;
   padding: 14px 20px;
   font-size: 18px;
   font-weight: 300 !important;
   border-radius: 2px;
   margin-top: 15px;
   line-height: 27px;
   transition: all .3s ease-out;
}


/* HOVER - WordPress Care Plans button */

.mw-wcp-hero .button:hover {
   color: #111 !important;
   box-shadow: 0 5px 15px rgba(145, 92, 182, .4);
}


/****** MOBILE: WORDPRESS CARE PLAN - GP ELEMENT ******/


/* Typography and Spacing */

@media screen and (max-width: 767px) {
   .mw-wcp-hero h1 {
      font-size: 38px;
   }
   .mw-wcp-hero h2 {
      font-size: 22px;
      font-weight: 500;
   }
   .mw-wcp-hero p {
      max-width: 340px;
   }
}


/* Hero Button on Mobile */

.mw-wcp-hero .button {
   background-color: #fff;
   color: #343434;
   font-weight: 700;
   letter-spacing: 1px;
   border-radius: 2px;
   transition: all .3s ease-out;
}


/* HOVER: Hero Button on Mobile */

.mw-wcp-hero .button:hover {
   color: #23ce9a;
   box-shadow: 0 5px 15px rgba(145, 92, 182, .4)
}


/* Different background image and overlay on mobile*/

@media (max-width: 768px) {
   .mw-wcp-hero.page-hero {
      background-image: linear-gradient(8deg, rgba(3, 48, 131, 1) 0%, rgba(3, 48, 131, 0.89) 70%);
      ,
      rgba(3,
      48,
      131,
      .89) 70%),
      url(https://matchlessweb.com/wp-content/uploads/2020/07/WordPress-Care-Plans-Jon-Phillips-Matchless-Web-mobile.jpeg) !important;
      background-color: linear-gradient(8deg, rgba(3, 48, 131, 1) 0%, rgba(3, 48, 131, 0.89) 70%);
      ;
      background-position: center top;
   }
}


/***** SINGLE POST HERO - GP Element *****/


/* Meta Data Font Size */

.mw-single-post-hero .page-header-meta a {
   font-size: 16px;
}

.page-header-meta time.entry-date.published {
   font-size: 16px;
}


/****** PROJECT ARCHIVE PAGE - GP ELEMENT ******/

@media screen and (max-width: 768px) {
   .page-hero .mw_global_header h1 font-size: 45px;
}


}

/***** PROJECTS SINGLE HERO *****/

/* Brings Category tag closer to the Project title */
.mw-hero .inside-page-hero h1 {
   font-size: 55px !important;
   font-weight: 700;
   line-height: 1.3em;
   max-width: 630px;
   padding-top: 15px;
   margin-bottom: -8px;
}

/* Project Category Tag Color & Font Size*/
.mw-single-project-hero h4 a {
   color: rgba(233, 234, 236, 0.81);
   transition: all .3s ease-out;
   font-size: 18px;
}
.mw_project_hero h4 a:hover {
   color: #4bbc94;
}
@media screen and (max-width: 768px) {
   /* Brings Category tag closer to the Project title */
   
   .mw-hero .mw-single-project-hero h1 {
      font-size: 45px;
      max-width: 600px;
      margin-bottom: -8px;
   }
   /* Project Category Tag Color & Font Size*/
   
   .mw-single-project-hero h4 a {
      color: rgba(233, 234, 236, 0.81);
      transition: all .3s ease-out;
      font-size: 16px;
   }
   
   .mw_project_hero h4 a:hover {
      color: #4bbc94;
   }
}

/* Back-to-Top Button */
.generate-back-to-top,
.generate-back-to-top:visited {
   bottom: 80px;
   /* 30px from the bottom of your screen */
   
   right: 50px;
   /* 50px from the left of your screen */
   
   width: 50px;
   height: 45px;
   transition: all .3s ease-out;
}

/* HOVER: Back-to-Top Button */
.generate-back-to-top,
.generate-back-to-top:hover {
   transition: all .3s ease-out;
}

/* MOBILE: Back-to-Top Button */
@media screen and (max-width: 768px) {
   /* Back-to-Top Button */
   
   .generate-back-to-top,
   .generate-back-to-top:visited {
      bottom: 90px;
      /* 100px from the bottom of device screen,
    moves it out of the way of footer menu items */
      right: 50px;
      /* 50px from the left of your screen */
   }
}

/* Kadence Image Caption Text */
figcaption {
   font-size: 16px;
}

/* GB Dynamic Blog Archive Image Border Radius */
.dynamic-featured-image.wp-post-image {
   border-radius: 2px;
}

/* Fluent Forms */

/*Large Submit Button Styling - Fluent Forms*/
button.ff-btn.ff-btn-submit.ff-btn-md.mw_ff_button {
   padding: 10px;
   margin-top: 10px;
   transition: all .3s ease-out;
   box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.302), 0 1px 3px 1px rgba(60, 64, 67, 0.149);
}
button.ff-btn.ff-btn-submit.ff-btn-md.mw_ff_button:hover {
   background-color: #006bff;
   transform: translateY(-2px);
   box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.302), 0 4px 8px 3px rgba(60, 64, 67, 0.149);
}

/*Large Submit Button Styling - Fluent Forms*/
button.ff-btn.ff-btn-submit.ff-btn-lg.mw_ff_button {
   padding: 10px;
   margin-top: 10px;
   transition: all .3s ease-out;
   box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.302), 0 1px 3px 1px rgba(60, 64, 67, 0.149);
}
button.ff-btn.ff-btn-submit.ff-btn-lg.mw_ff_button:hover {
   background-color: #006bff;
   transform: translateY(-2px);
   box-shadow: 0 1px 3px 0 rgba(60, 64, 67, 0.302), 0 4px 8px 3px rgba(60, 64, 67, 0.149);
}

/* Copyright Bar */
.copyright-bar {
   font-size: 14px;
}

/* Remove Padding on Old top link in footer menu on mobile */
h6.gb-headline.gb-headline-fd297ade.mw-footer-link {
   padding-top: 8px;
}

/* Last Edit by Jon Phillips 7/4/21 */