/*
 Theme Name:   Themeageddon
 Theme URI:    https://termageddon.com
 Description:  Child theme for GeneratePress
 Author:       Kyle Van Deusen
 Author URI:   https://kylevandeusen.com
 Template:     generatepress
 Version:      2022.1
*/

/** TABLE OF CONTENTS
---------------------------------------------------------------------------/
1 - Global Styles
2 - Gravity Forms
3 - Primary Navigation
4 - Page Heros
5 - Map Animation
6 - Blog & Posts
7 - Home Page
/// END TABLE OF CONTENTS
--------------------------------------------------------------------------*/

/* =========================
   1. Global Styles
   ========================= */

/* Set the main content area to a minimum of 65vh */
#main {
	min-height: 30vh;
}

/* Site Wrapper to set overall site max width */
.site-wrapper {
	width: 100%;
	max-width: 1920px;
	background-color: var(--white);
	box-shadow: 0px 0px 40px -8px rgb(0 0 0 / .05);
} 

body {
	background-color: #fafcfc;
}

.no-underline  a{
	text-decoration: none;
}

.max-width-1024 {
	max-width: 1024px;
}

.max-width-768 {
	max-width: 768px;
}

.max-width-640 {
	max-width: 640px;
}

.max-width-500{
	max-width: 500px;
}

.max-width-480 {
	max-width: 480px;
}

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

.relative{
	position: relative;
}

.absolute{
	position:absolute;
	top: 0px;
	left: 0px;
}

.sticky{
	position: sticky;
	top: 24px;
}

.overflow-hidden {
	overflow: hidden;
}

.aspect-1-1 img{
    aspect-ratio: 1/1;
	object-fit: cover;
}

.aspect-3-2 img{
    aspect-ratio: 3/2;
	object-fit: cover;
}

.aspect-2-3 img{
    aspect-ratio: 2/3;
	object-fit: cover;
}

.aspect-4-3 img{
    aspect-ratio: 4/3;
	object-fit: cover;
}

.aspect-3-4 img{
    aspect-ratio: 3/4;
	object-fit: cover;
}

.aspect-16-9 img{
    aspect-ratio: 16/9;
	object-fit: cover;
}

.aspect-9-16 img{
    aspect-ratio: 9/16;
	object-fit: cover;
}

.z-index-four{
	z-index: 4;
}


/* =========================
   2. Gravity Forms
   ========================= */

/* Grvity Forms */
.gform_wrapper .gform_body input,
.gform_wrapper .gform_body textarea,
.gform_wrapper .gform_footer input.gform_button[type='submit'] {
border-radius: 0px;
transition: 0.3s ease-in-out all;
}

.gform_wrapper .gform_body input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper .gform_body textarea  {
border-width: 9px;
border-color: #E6F2F1FF;
border-style: none;
background-color: #F5FBFAFF;
padding: 8px;
color: #345553;
	width: 100%;
}

.gform_wrapper .gform_body input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus,
.gform_wrapper .gform_body textarea:focus {
border-width: 3px;
border-color: var(--secondary-border);
}
.gform_wrapper .gform_body label.gfield_label {
font-size:16px;
font-weight:400;
color:#373737;
}
.gform_wrapper .gform_body input::placeholder,
.gform_wrapper .gform_body textarea::placeholder {
font-size:16px;
font-weight:400;
color:#707070;
}
.gform_wrapper .gform_footer input.gform_button[type='submit'] {
font-size:16px;
font-weight:500;
color:#FFFFFF;
background-color:#375C59;
padding:16px 40px;
height: auto;
display: block;
margin-right: auto;
	border-radius: 5px;
text-transform: uppercase;
	letter-spacing: .1em;
}
.gform_wrapper .gform_footer input.gform_button[type='submit']:hover {
color:#FFFFFFFF;
background-color: var(--secondary-dark);
box-shadow: 0px 0px 0px #00000000;
}

.gform_wrapper .gform_body input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper .gform_body textarea {
	background-color: white; 
	border: 1px solid;
	border-radius: 4px;
}

.gform_legacy_markup_wrapper .gf_progressbar_percentage.percentbar_blue {
	background-color: var(--primary);
}

.gform_legacy_markup_wrapper .gsection {
	border-bottom: none;
}

/* =========================
   3. Primary Navigation
   ========================= */

/* Primary Nav - Float Buttons Right */
@media(min-width: 1024px) {
  .main-navigation .inside-navigation .main-nav {
      flex: 1;
  }
  .main-navigation li:nth-last-child(2) {
      margin-left: auto;
  }
}

/* Primary Nav - Register Button */
@media (min-width: 1140px) {
.main-navigation .main-nav ul li.nav-button a {
background: var(--primary);
color: white;
padding: 16px 32px;
margin-left: 16px;
border-radius: 5px;
line-height: 1em;
transition: all .2s ease-in;
text-transform: uppercase; 
letter-spacing: .1em;
}

.main-navigation .main-nav ul li.nav-button a:hover {
background: var(--primary-hover);
color: white !important;
padding: 16px 32px;
margin-left: 16px;
border-radius: 5px;
line-height: 1em;
box-shadow: 0px 4px 10px 0px rgba(0 0 0 / .1);
}
}

/* Primary Nav - Hide "Menu" label on Mobile */
.mobile-menu {
display: none;
}

/* Primary Nav - Dropdown no word wrap */
.main-navigation ul ul {
width: auto;
min-width: 200px;  
white-space: nowrap;
}


/* =========================
   4. Page Heros
   ========================= */

/* Page Hero Background */
.page-hero, .utility-hero {
	background: linear-gradient(110deg, 
	rgba(245,251,250,0) 10%,
	rgba(245,251,250,.8) 40%, rgba(245,251,250,1) 100%);	
	margin-right: 2vw;
	top: 4px;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 120px;
}

.page-hero-left-col:first-child {
	margin-left: 1vw;
}

.page-hero:first-child{
	left: 1vw
}

/* Home & Utility Hero Background */
.home-hero{
	position: relative;
	overflow: hidden;
}

.home-hero:before{
	content:'';
	position: absolute;
	width: 100%;
	height: 99%;
	background: linear-gradient(110deg, 
	rgba(245,251,250,0) 10%,
	rgba(245,251,250,.8) 40%, rgba(245,251,250,1) 100%);	
	z-index: 1;
	right: 2%;
	top: 1%;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 120px;
}

/* =========================
   5. Map Animation
   ========================= */

   @media (max-width: 1024px) {
    g#pin-au, g#pin-uk, g#pin-va, g#pin-qu, g#pin-ca, g#pin-nv{
    display: none;
  }
    
    .home-hero-image{
      position: absolute;
      top: 0;
      left: 0;
      opacity: .5;
    }
  }
  
  .home-hero-image{
    transform: scale(120%);
  }
  
  g#pin-au, g#pin-uk, g#pin-va, g#pin-qu, g#pin-ca, g#pin-nv{
    opacity: 0;
  }
  
  
  g#pin-au {
   animation: pulse 10s infinite;
    filter: drop-shadow(0px 0px 2px rgb(61 102 98 / 0));
      animation-delay: 5.4s
  }
  
  
  g#pin-uk {
   animation: pulse 10s infinite;
    filter: drop-shadow(0px 0px 2px rgb(61 102 98 / 0));
      animation-delay: 1.1s
  }
  
  
  g#pin-ca {
   animation: pulse 10s infinite;
    filter: drop-shadow(0px 0px 2px rgb(61 102 98 / 0));
      animation-delay: 3.8s
  }
  
  g#pin-qu {
   animation: pulse 10s infinite;
    filter: drop-shadow(0px 0px 2px rgb(61 102 98 / 0));
      animation-delay: 2.1s
  }
  
  g#pin-nv {
   animation: pulse 10s infinite;
    filter: drop-shadow(0px 0px 2px rgb(61 102 98 / 0));
      animation-delay: 9.4s
  }
  
  g#pin-va {
   animation: pulse 10s infinite;
    filter: drop-shadow(0px 0px 2px rgb(61 102 98 / 0));
      animation-delay: 7.4s
  }
  
  
  @keyframes pulse {
    5% {
      filter: drop-shadow(0px 0px 20px rgb(61 102 98 / .3)) brightness(1.25);
      transform: translatey(-2px);
  
    }
  
    10% {
      filter: drop-shadow(0px 0px 1px rgb(61 102 98 / .2));
      opacity: 1;
    }
    
    15% {
      filter: drop-shadow(0px 0px 0px rgb(61 102 98 / 0));
      transform: translatey(0px);
    }
    20%{
      opacity: 0;
    }
  }

/* =========================
   6. Blog & Posts
   ========================= */

/* Home Blog Grid */

.home-blog-grid__image img{
	aspect-ratio: 40/21;
	object-fit: cover;
	border-radius: 12px !important;
}


.post-feat-img{
	border-radius: 12px;
	aspect-ratio: 40/30;
	object-fit: cover;
}

 .dynamic-featured-image, .dynamic-author-image{
	border-radius: 5px !important;
	 min-width: 100%;

}

.dynamic-author-image{
	border-radius: 5px !important;

	 aspect-ratio: 1/1;
	 object-fit: cover;
}

.blog-sidebar-feat-post{
	transition: all .2s ease-in; 
}
.blog-sidebar-feat-post:hover{
  padding-left: 23px;
	border-left: 2px solid var(--primary);
}

.blog-main-container{
	max-width: 60ch;
	line-height: 1.7;
}

.blog-main-container h2, .blog-main-container h3, .blog-main-container h4{
	
	margin-top: 4rem;
	color: var(--text);
	margin-bottom: 8px;
}

.blog-main-container h3 {
	font-size: 2rem;
}

.blog-main-container h2:first-child {
	margin-top: 0px;
}

.blog-main-container img{
	margin-bottom: 24px;
	border-radius: 5px !important;
}

.blog-feed_feat-img img, .cat-archive_feat-img{
		aspect-ratio: 40/21;
	object-fit: cover;
}

.author-info {
	margin-bottom: 60px !important;
}

#toc_container {
	padding: 32px;
	border-radius: 5px;
	background-image: url('https://wordpress-560871-2694111.cloudwaysapps.com/wp-content/uploads/2022/05/icon-hero-5.svg') !important;
	background-repeat: no-repeat !important; 
	background-position: top 105% right !important;
	
}

.toc_title {
	text-align: left !important;
	font-weight: normal !important;
	font-size: 24px;
}

.wp-block-search {
	font-size: 14px;
	background-color: var(--secondary-light);
	border: 0px solid white;
}

.blog-author-meta {
	margin-top: 80px;
}

/* Pagination */

.gb-button__current {
	font-weight: bold;
	color: var(--primary) !important;
}

ul.list-two-col {
	list-style: none;
	margin-left: 0px;
}

/* =========================
   7. Home Page
   ========================= */

   .section-reseller-cta {
    position: relative; 
  
  }
  
  .section-reseller-cta:before {
    content:'';
    position: absolute;
    width: 100%;
    max-width: 1635px;
    height: 98%;
    background-color: var(--secondary-light);	
    z-index: 1;
    right: 0px;
    bottom: 0px;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 120px;
  }
  
  .reseller-cta-image {
    margin-top: -25px;
    margin-left: -50px
  }

  .home-price-container{
    overflow: hidden;
  }
  .price-col-grid__wrapper {
    position: relative;
  } 
  
  .price-col-grid__icon {
    margin-top: -20px;
    padding-bottom: 32px;
  }
  
  @media (max-width: 1024px) {
      .price-col-grid__icon {
    display: none
  }
  }
  
  .price-col-grid__wrapper:before{
    content:''; 
    position: absolute; 
    background-color: var(--secondary-light);
    top: 0;
    right: 0%;
    width: 200%;
    height: 100%;
    border-top-right-radius: 60px;
    border-bottom-right-radius: 12px;
  }

  .testimonial-img {

    border-bottom-left-radius: 12px;
  }
  
  @media (max-width: 768px) {
  .testimonial-img { 
    text-align: right;
    border-bottom-left-radius: 0px;
    }
  }

  .donata-home-img {
    transform: scale(130%);
    transform-origin: bottom right;
    border-bottom-right-radius: 12px;
  }
  
  .home-price-circle {
    margin-top: -32px;
  }
  

/* ========================================== MISCELLANEOUS ==========================================  */

.presto-block-video:not(.presto-sticky-parent){
	border-radius: 5px;
}

.saboxplugin-wrap {
	display: none;
}

.sales-tools-card_img img{
	margin-top: -48px;
	border-radius: 5px !important;
}

/* Utility Page gap between sidebar */
@media (min-width: 1025px) {
.right-sidebar .site-main {
    padding-right: 40px;
}
}

.what_is_pii-hide .what-is-pii {
	display: none;
}