/*!
Theme Name: HomeOwnershipDay Theme
Theme URI: https://sprywebtech.com
Template: kadence
Author: Doug Morris
Author URI: https://sprywebtech.com/about-us/
Description: Custom child theme for #homeownershipday.com based on the kadence core theme. 
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
*/

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

/* Hides the mobile links on desktop */
.hod-mobile-links-container {
	display: none;
}


/*Grid Styles */
.middle-align-content .gb-layout-column-wrap {
	align-items: center;
}

#mauticform_presenterssignupform_have_you_attended_before1 .mauticform-checkboxgrp-row {
	width: 45%
}

.grid-3 .content {
	width: 100%;
}

#online-courses-section:focus {
	color: transparent !important;
	outline: transparent !important;
}

#online-courses-section .kt-block-spacer:focus {
	color: transparent !important;
	outline: transparent !important;
}

.learndash-course-grid .categories {
	display: none;
}

/* hide the form content when received a success submission */
.mauticform-post-success .mauticform-innerform {display:none;
}

/* increase the font of the success message  */
.mauticform-post-success .mauticform-message {font-size:20px;margin-top:3em;
}

#hod-countdown {
	background-color: #333333;
	color: #ffffff;
	width: 340px;
	border-radius: 4px;
}

@media screen and (max-width: 430px) {
	.entry-image-link img {
		width: 100%;
	}
}

.hod-homepage-title-container {
	text-align: center;
	padding: 20px;
}

.hod-homepage-title {
	font-size: 60px;
}

.lower-content {
	display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
	padding: 40px 20px 0px 20px;
	margin-bottom: -60px;
}

/*grid styles from old theme style sheet*/
/* Frontpage Hover Blocks - GRID
----------------------------------------- */

.hod-grid-container {
	display: flex;
}

.container {
  position: relative;
  width: 100%;
  padding: 6px;
}

.hod-col-1,
.hod-col-3,
.hod-col-4,
.hod-col-5{
	flex-grow: 1;
	flex-basis: 0;
}

.hod-col-2 {
	flex-grow: 2;
	flex-basis: 0;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #063b4c;
  border: 6px solid #fff;
}

.container:hover .overlay {
  opacity: 1;
  padding: 6px;
}

.overlay.overlay-block-two, .overlay.overlay-block-five {
	background-color: #fff;
}

.overlay.overlay-block-two .text,
.overlay.overlay-block-five .text {
	color: #000;
}

.container:hover .overlay.overlay-block-two,
.container:hover .overlay.overlay-block-five {
  opacity: .9;
}

#hidden-text {
	display: block;
}

.load-text-button-block {
	width: 55px;
	height: 55px;
	background-color: #999999;
	margin: 0 auto;
	position: relative;
	transition: background-color 0.3s, height 0.2s;
}

.load-text-button-block:hover {
	background-color: #1fc8db;
}

.load-text-button-block::before {
    transform: translate3d(0, 0, 0) rotate(90deg);
}

.load-text-button-block::after /*.load-text-button-block::before*/{
    content: '';
    position: absolute;
    z-index: 990;
    top: 27px;
    right: 17px;
    width: 22px;
    height: 3px;
    background-color: #fff;
    -webkit-transform-style: flat;
    -webkit-transition: -webkit-transform 0.3s, height .2s;
    transition: transform 0.3s, height .2s;
}

.load-text-button-block:hover::before {
    transform: translate3d(0, 0, 0) rotate(180deg);
}

.load-text-button-block:hover::after {
    transform: translate3d(0, 0, 0) rotate(90deg);
}

.text {
  color: #fff;
  font-size: 20px;
  position: absolute;
  top: 68%;
  left: 50%;
  opacity: 1;
  -webkit-transform: translate(50%, 50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.block-four .text {
	top: 50%;
	left: 40%;
	-webkit-transform: translate(30%, 50%);
  -ms-transform: translate(-30%, -50%);
  transform: translate(-30%, -50%);
	
}

@keyframes blink {
  0%, 100% {background-color:#1b5894;}
  50% {background-color: #72d3d6;}
}
#blinking-button {
  background-color: #1b5894;
  color: white;
  animation: blink 4s linear infinite;
}

.hod-hp-button-block-four {
    color: #fff;
}

.hod-hp-button-block-four:hover {
    color: #fff;
}

.overlay::before {
    position: absolute;
    content: '';
    z-index: 115;
    width: 40px;
    height: 5px;
    background: linear-gradient(90deg, #11ecb0 0%, #1fc8db 51%, #2cb5e8 75%);
    background: linear-gradient(90deg, #FFB21E 0%, #FF4D4D 100%);
    background: linear-gradient(90deg, #ff7676 0%, #f54ea2 100%);
    background: linear-gradient(90deg, #17ead9 10%, #6078ea 100%);
    top: 50%;
    left: 50%;
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: opacity .6s ease;
    transition: opacity .3s ease;
}

.overlay::after {
    position: absolute;
    content: '';
    z-index: 115;
    width: 40px;
    height: 5px;
    background: linear-gradient(90deg, #11ecb0 0%, #1fc8db 51%, #2cb5e8 75%);
    background: linear-gradient(90deg, #FFB21E 0%, #FF4D4D 100%);
    background: linear-gradient(90deg, #ff7676 0%, #f54ea2 100%);
    background: linear-gradient(90deg, #17ead9 10%, #6078ea 100%);
    top: 50%;
    left: 50%;
    opacity: 1;
    -webkit-transform: translateX(-20px) translateY(-3px) rotateZ(90deg);
    transform: translateX(-20px) translateY(-3px) rotateZ(90deg);
   -webkit-transition: opacity .6s ease;
    transition: opacity .3s ease;
}

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

	.hod-homepage-title {
		font-size: 38px;
	}
	
	.hod-grid-container {
		display: block;
	}	
	
	.hod-mobile-links-container {
		display: block;
	}
	
	.hod-mobile-links {
		display: block;
		text-align: center;
		background: #e1e1e1;
		margin-bottom: 8px;
		padding: 15px;
	}
	
	.social-widget-footer a {
    padding: 6px 14px;
	}
}