/*
Theme Name: getfreegoon
Theme URI: https://kayart.dev/
Description: Get Free Goon
Version: 1.0
Author: 
Author URI: 
Tags:
*/



/*Begin General*/

body {

	margin: 0;

	padding: 0;

	font-family: 'MissionGothic-Regular', sans-serif;

	color: #58413A;

	font-weight: 400;

	line-height: 1.5;

}

	

.left { float: left; }

.right { float: right; }

.clear { clear: both; }

/*End General*/


/* Begin Custom Fonts */

@font-face {
    font-family: 'MissionGothic-Regular';
    font-style: normal;
    font-weight: normal;
    src: local('MissionGothic-Regular'), url('fonts/mission-gothic-regular.otf') format('opentype');
}

@font-face {
    font-family: 'MissionGothic-Light';
    font-style: normal;
    font-weight: normal;
    src: local('MissionGothic-Light'), url('fonts/mission-gothic-light.otf') format('opentype');
}

@font-face {
    font-family: 'MissionGothic-Black';
    font-style: normal;
    font-weight: normal;
    src: local('MissionGothic-Black'), url('fonts/mission-gothic-black.otf') format('opentype');
}

@font-face {
    font-family: 'MissionGothic-Black-Italic';
    font-style: normal;
    font-weight: normal;
    src: local('MissionGothic-Black-Italic'), url('fonts/mission-gothic-black-italic.otf') format('opentype');
}

@font-face {
    font-family: 'MissionGothic-Light-Italic';
    font-style: normal;
    font-weight: normal;
    src: local('MissionGothic-Light-Italic'), url('fonts/mission-gothic-light-italic.otf') format('opentype');
}

@font-face {
    font-family: 'MissionGothic-Bold-Italic';
    font-style: normal;
    font-weight: normal;
    src: local('MissionGothic-Bold-Italic'), url('fonts/mission-gothic-bold-italic.otf') format('opentype');
}

/* End Custom Fonts */


/*Begin Header*/

header {

	padding: 20px 0;

	text-align: center;

}


#hl1 {
    max-width: 20%;
}


#hl2 {
    max-width: 90%;
}

header .headerLogo {

	display: block;

	width: 457px;

	height: 105px;

	margin: 0 auto;

	background: url(images/headerLogo.png) no-repeat center center / contain;

	max-width: 100%;

}



header nav ul li.dropdown:hover > ul.dropdown-menu {

    display: block;

}

/*End Header*/



/*Begin Content*/

#homeBanner #home-banner-outer {

	color: #575757;

	background-color: #F7D168;

	text-align: center;

	padding: 16px;

}



#homeBanner #home-banner-inner {

	margin: 0 auto;

}



#bannerLinkSkip, #bannerLinkSkip:hover, #bannerLinkSkip:active, #bannerLinkSkip:visited {

    color: inherit;

    text-decoration:none;

    display: block;

}



#homeBanner #home-banner-inner .home-banner-right span {

	display: block;

	letter-spacing: 0.1rem;
	
	font-family: 'MissionGothic-Light', sans-serif;
	
	font-size: 2em;
}



#homeBanner .home-banner-right span#free-product-text {

	color: #58413A;

	font-size: 4em;
	
	line-height: 1em;

	font-family: 'MissionGothic-Black-Italic', sans-serif;

}



#homeBanner #home-banner-inner .home-banner-right #productName {

    text-transform: uppercase;
    
    font-size: 3.5rem;

}



#homeBanner #no {
	font-family: 'MissionGothic-Bold-Italic', sans-serif;
	color: #58413A;
}



#homeBanner .home-banner-right .the-product {

	max-height: 160px;

}



#homeBanner #home-banner-inner .home-banner-left {

	display: none;

}



#homeBanner img.the-product {

	margin-top: 16px;

}

#the-process {
	text-align: center;
	margin-top: 2em;
}

.tpleft {
	color: #F7D168;
	text-transform: uppercase;
	font-size: 1.5em;
	text-align: right;
}

.tpright {
	font-size: 3em;
	text-align: left;
	line-height: 1.5em;
	font-family: 'MissionGothic-Bold-Italic', sans-serif;
}

#mainContent {

	padding: 20px 0 0;

	font-size: 15px;

	color: #58413A;

}



#mainContent h2,

#mainContent h3.gf_progressbar_title {

	color: #58413A;

	font-size: 43px;

	line-height: initial;

	margin: 0 0 20px;

}


#mainContent h3 {

	font-size: 22px;

	color: #58413A;

	margin: 0 0 20px;

}


body.home #mainContent h3 {
    font-family: 'MissionGothic-Bold-Italic', sans-serif;
}




#mainContent ul,

#mainContent ol {

	margin: 0 0 20px;

}



#mainContent p {

	margin: 0 0 20px;

}



#mainContent .button a,

#mainContent a.button,

#mainContent input.button {

	text-align: center;

	text-transform: uppercase;

	text-decoration: none;

	background: #F7D168;

	color: #58413A;

	display: inline-block;

	padding: 15px 15px;

	font-weight: 700;

	font-size: 17px;

	min-width: 140px;

	border: none;
	
	border-radius: 1rem;

}


body.home #mainContent .button a,

body.home #mainContent a.button,

body.home #mainContent input.button {
    font-family: 'MissionGothic-Bold-Italic', sans-serif;
    font-size: 2em;
    padding: 1rem 1.5em;
}


#mainContent .gform_wrapper h3.gf_progressbar_title {

	text-align: center;

	margin: 0 0 10px;

	font-weight: 500;

	opacity: 1;

}



#mainContent .gform_wrapper h2.gsection_title {

	color: #58413A;

	font-size: 20px;

	font-weight: bold;

}



#mainContent .gform_wrapper ul li.gfield_html {

	margin-top: 16px;

}



#mainContent .gform_wrapper ul li .gfield_label {

	font-size: 18px;

	font-weight: 400;

	margin: 0;

}



#mainContent .gform_wrapper ul li.nolabel .gfield_label {

	display: none;

}



#mainContent .gform_wrapper ul li div.ginput_container {

	margin: 0;

}



#mainContent .gform_wrapper ul li div.ginput_container_checkbox,

#mainContent .gform_wrapper ul li div.ginput_container_radio {

	margin: 12px 0 0;

}



#mainContent .gform_wrapper ul li .ginput_container_radio label {

	font-size: 15px;

	font-weight: 400;

	margin-bottom: -2px;

}



#mainContent .gform_wrapper .gsection {

	margin: 30px 0 10px;

	padding: 0;

	border: none;

}



#mainContent .gform_wrapper .gsection .gsection_description {

	font-size: 18px;

	margin: 0 0 20px;

}



#mainContent .gform_wrapper .gsection.bigsection {

	margin: 30px 0 10px;

	padding: 0;

	border: none;

}



#mainContent .gform_wrapper .gsection.bigsection h2.gsection_title {

	font-size: 30px;

	font-weight: 500;

}



#mainContent .gform_wrapper ul.gfield_checkbox {

	margin: 30px 0 20px;

}



#mainContent .gform_wrapper ul.gfield_checkbox li label {

	font-size: 15px;

	font-weight: 400;

	margin-bottom: -5px;

}



#mainContent .gform_wrapper ul li .ginput_container_text input,

#mainContent .gform_wrapper ul li .ginput_container_email input,

#mainContent .gform_wrapper ul li .ginput_container_select select {

	display: block;

	width: 100%;

	padding: 6px 10px;

	font-size: 16px;

	line-height: 1.5;

	color: #495057;

	background-color: #fff;

	background-clip: padding-box;

	border: 1px solid #ced4da;

	border-radius: .25rem;

	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}



#mainContent .gform_wrapper ul li .ginput_container_select select {

	padding: 7px 10px 8px;

}



#mainContent .gform_wrapper ul li .ginput_container_text input:focus,

#mainContent .gform_wrapper ul li .ginput_container_email input:focus,

#mainContent .gform_wrapper ul li .ginput_container_select select:focus {

    color: #495057;

    background-color: #fff;

    border-color: #80bdff;

    outline: 0;

    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);

}



#mainContent .gform_wrapper .gfield_error {

	background: transparent;

	border: none;

	margin: 16px 0 0;

	padding: 0;

}



#mainContent .gform_wrapper .gfield_error .gfield_label {

	color: #58413A;

}



#mainContent .gform_wrapper .gfield_error .ginput_container_text input,

#mainContent .gform_wrapper .gfield_error .ginput_container_email input,

#mainContent .gform_wrapper .gfield_error .ginput_container_select select {

	border: 1px solid #790000;

	background: rgba(148, 17, 20, 0.1);

}



#mainContent .gform_wrapper ul.gfield_radio li.gchoice_1_29_2 {

	display: none;

}



#mainContent .gform_wrapper #copySuccess {

	color: #155724;

	background-color: #d4edda;

	position: relative;

	padding: 12px 15px;

	margin-bottom: 1rem;

	border: 1px solid #c3e6cb;

	border-radius: .25rem;

}



body.home .kadence-column_66a1e9-60 {

    margin-bottom: 0;

    height: 0;

}



.header-down-arrow {

    position: absolute;

    bottom: 4vh;

    left: 0;

    right: 0;

    text-align: center;

    z-index: 10;

}



@keyframes fade-slide-up {

    0% {

        opacity: 0;

        transform: translateY(4rem);

    }

    100% {

        opacity: 1;

        transform: none;

    }

}



@keyframes pulse {

  0% {

    opacity: 1;

    transform: none;

  }

  50% {

    opacity: .8;

    transform: scale(.8);

  }

  100% {

    opacity: 1;

    transform: none;

  }

}



.header-down-arrow img {

    animation: fade-slide-up 1s 1s ease-out forwards;

    opacity: 0;

}



.header-down-arrow img {

  animation: fade-slide-up 1s 1s ease-out forwards,

             pulse 2s 3s ease-out infinite;

  opacity: 0;

}



.header-down-arrow {

  animation: pulse 2s 3s ease-out infinite;

  position: absolute;

    bottom: 4vh;

    left: 0;

    right: 0;

  text-align: center;

  z-index: 10;

}



#error-get-help {

    display: block;

    margin-top: 2em;

}

/*End Content*/



/*Begin Sidebar*/

#sidebar ul, #sidebar ul ol {

	margin: 0;

	padding: 0;

}



#sidebar ul li {

	list-style-type: none;

	list-style-image: none;

	margin-bottom: 15px;

}



#sidebar ul p, #sidebar ul select {

	margin: 5px 0 8px;

}



#sidebar ul ul, #sidebar ul ol {

	margin: 5px 0 0 10px;

}



#sidebar ul ul ul, #sidebar ul ol {

	margin: 0 0 0 10px;

}



#sidebar ul ol li {

	list-style: decimal outside;

}



#sidebar ul ul li, #sidebar ul ol li {

	margin: 3px 0 0;

	padding: 0;

}

/*End Sidebar*/



/*Begin Images Alignment*/

.alignright {float:right; margin:0 0 1em 1em}

.alignleft {float:left; margin:0 1em 1em 0}

.aligncenter {display: block; margin-left: auto; margin-right: auto}

a img.alignright {float:right; margin:0 0 1em 1em}

a img.alignleft {float:left; margin:0 1em 1em 0}

a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

/*End Images Alignment*/



/*Begin Comments*/

.commentlist li {

	font-weight: bold;

}



.commentlist li .avatar { 

	float: right;

	border: 1px solid #eee;

	padding: 2px;

	background: #fff;

}



.commentlist cite, .commentlist cite a {

	font-weight: bold;

	font-style: normal;

	font-size: 1.1em;

}



.commentlist p {

	font-weight: normal;

	line-height: 1.5em;

	text-transform: none;

}



.commentmetadata {

	font-weight: normal;

}



#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0;

}



#commentform {

	margin: 5px 10px 0 0;

}



#commentform textarea {

	width: 100%;

	padding: 2px;

}



#respond:after {

		content: "."; 

	    display: block; 

	    height: 0; 

	    clear: both; 

	    visibility: hidden;

}



#commentform #submit {

	margin: 0 0 5px auto;

	float: right;

}



.alt {

	margin: 0;

	padding: 10px;

}



.commentlist {

	padding: 0;

	text-align: justify;

}



.commentlist li {

	margin: 15px 0 10px;

	padding: 5px 5px 10px 10px;

	list-style: none;

}



.commentlist li ul li { 

	margin-right: -5px;

	margin-left: 10px;

}



.commentlist p {

	margin: 10px 5px 10px 0;

}



.children {

	padding: 0;

}



#commentform p {

	margin: 5px 0;

}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

}



.commentmetadata {

	margin: 0;

	display: block;

}

/*End Comments*/



/*Begin Footer*/

footer {

	font-size: 12px;

	color: #696969;

	text-align: center;

	margin-top: 50px;

}



footer p {

	margin: 0 0 1rem;

}

/*End Footer*/



/*Begin Responsive*/
@media (min-width: 576px) {
	.tpleft {
		font-size: 2em;
	}
	.tpright {
		line-height: 2em;
	}
}


@media (min-width: 768px) {

	header nav ul li.dropdown:hover > ul.dropdown-menu {
		display: block;
	}
	
}



@media (min-width: 600px) {

    header {
        padding: 40px 0;
    }

}



@media (min-width: 700px) {
	.tpleft {font-size: 3em;}
	.tpright {font-size: 4em;}
}

@media (min-width: 768px) {
	#homeBanner #home-banner-inner {
		width: 96%;
		max-width: 800px;
	}

	#homeBanner #home-banner-inner .home-banner-left {
		width: 46%;
	}

	#homeBanner #home-banner-inner .home-banner-right {
		width: 54%;
		float: right;
		padding-top: 1%;
	}
	
	#homeBanner .home-banner-right .the-product-outer {
		display: none;
	}
	
	#homeBanner #home-banner-inner .home-banner-left {
		display: block;
		text-align: left;
	}
	
	#homeBanner .home-banner-left .the-product {
		max-width: 80%;
	}
	
	#homeBanner #home-banner-inner .home-banner-right {
		padding-top: 2%
	}
	
}


@media (min-width: 800px) {

	#hl1{
		max-height: 8em;
	}
	#hl2{
		max-width: 50%;
		margin-left: 1em;
	}

	#homeBanner .home-banner-right span {
		font-size: 1.5em;
	}

	#homeBanner .home-banner-left .the-product {
		margin: -20px 0 10px;
	}

	#homeBanner .home-banner-left .the-product {
	    max-width: 90%;
	}

	#homeBanner #home-banner-outer {
		padding: 0 16px;
	}

	.tpright {
		font-size: 6em;
		line-height: 12rem;
	}

}


@media (min-width: 1200px) {
    #homeBanner #home-banner-inner {
        max-width: 1024px;
    }
    
    #homeBanner .home-banner-right span#free-product-text {
        font-size: 6em;
    }
}


@media (max-width: 767px) {

    body.home .kt-mobile-layout-row .kadence-column_66a1e9-60 {
        margin-bottom: 0;
        height: 0;
    }

}

/*End Responsive*/