/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


/* General Paddings & Margins */


body { overflow-x:hidden;}

* { }

.entry-content > [class*="wp-block-"]:not(:last-child) {
    margin-bottom: 0;
    }

.grid-container {
    padding-left: 0;
    padding-right: 0;
    }
 

/* HEADERS */

    
h1 strong,
h2 strong {
    color: #9bd906;
    }

h2, h3 { line-height: 1.4 !important; }
     
.section-header-title {
    color: #9bd906;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
    }
    .section-header-title-dark {
        color: #1c2c45;
        font-size: 1.2em;
        font-weight: bold;
        text-transform: uppercase;
        }
    

.page-header-content {
    padding: 100px 40px 150px 40px;
    }


/* BUTTONS */

    
section .gutentor-element .gutentor-button {
    padding: 25px 40px;
    border-radius: 10px;
    font-weight: bold;
    color: #051c2c;
    background: #9bd906;
    
    -webkit-box-shadow: 0px 15px 20px 5px rgba(5,28,44,0.1); 
    box-shadow: 0px 15px 20px 5px rgba(5,28,44,0.1);
    }
    section .gutentor-element .gutentor-button:hover {
        background: #bbec44;
        border-radius: 10px;
        
        -webkit-box-shadow: none; 
        box-shadow: none;
        }
    .has-color-bg .gutentor-element .gutentor-button {
        -webkit-box-shadow: 0px 15px 20px 5px rgba(4,19,35,0.67); 
        box-shadow: 0px 15px 20px 5px rgba(4,19,35,0.67);
        } 
        .has-color-bg .gutentor-element .gutentor-button:hover {
            -webkit-box-shadow: none; 
            box-shadow: none;   
            }

    .has-image-bg .has-color-bg .gutentor-element .gutentor-button {
        -webkit-box-shadow: 0px 15px 20px 5px rgba(5,28,44,0.1); 
        box-shadow: 0px 15px 20px 5px rgba(5,28,44,0.1);
        }
        .has-image-bg .has-color-bg .gutentor-element .gutentor-button:hover {
            -webkit-box-shadow: none; 
            box-shadow: none;  
            }


section .button-video .gutentor-button {
    color: #9bd906;
    border: 1px solid #9bd906;
    background: #fff;
    -webkit-box-shadow: none !important; 
    box-shadow: none !important;  
    }
    section .button-video .gutentor-button {
        
        }
    section .button-video .gutentor-button:hover {
        color: #fff;
        background: #9bd906;
        }

.topmenu-contact-button a {
    margin-left: 20px;
    padding: 0 15px;
    line-height: 50px !important;
    border-radius: 10px;
    color: #051c2c;
    background: #9bd906;
    }
    .topmenu-contact-button a:hover {
        color: #051c2c !important;
        background: #bbec44 !important;
        border-radius: 10px;
        }

li.topmenu-contact-button.current-menu-item a {
    border: 1px solid #9bd906 !important;
    }

#generate-slideout-menu .topmenu-contact-button {
    margin-top: 20px;
    background: #9bd906;
    }
    #generate-slideout-menu .topmenu-contact-button a {
        width: auto;
        display: inline-block;
        background: none;
        padding: 5px 0;
        }

    
/* OTHERS */    

.float-right { float: right; }

.resourcecenter-submenu a {
	margin-left: 10px;
	}
	.resourcecenter-submenu a span {
		color: #a9d644;
		}


.gutentor-divider-separator {
    margin: 10px 0 25px;
    }
 
.separator-content .gutentor-divider-separator {
    width: 50%;
    margin: 5% auto;
    border-top-style: solid;
    border-top-width: 4px;
    border-top-color: #e6ecf1;
    }
    
.gutentor-element-image-box .gutentor-image-thumb { margin: 0 auto;}


.slick-slider .slick-prev { left: -55px !important; }
.slick-slider .slick-next { right: -50px !important; }

.circle-number p {
    font-family: Rubik, Verdana, sans-serif;
    font-weight: bold;
    font-size: 2em;
    text-align: center;
    width: 70px;
    height: 70px;
    padding: 9px;
    color: #fff;
    background: #9bd906;
    border-radius: 50%;
    behavior: url(https://www.voovio.cloud/wp-content/themes/generatepress_child/PIE.htc); /* remove if you don't care about IE8 */
    }

.results-circular-tick {
    position: absolute;
    object-position: bottom;
    bottom: -35px;
    left: 30%;
    right: 30%;
    }


.slick-list {}

.slick-list .slick-track {height: 100%; }

.slick-list .slick-track .gutentor-carousel-item { height: 100%; }

.slick-list .slick-track .gutentor-carousel-item .has-color-bg { height: 100%; }

body.webinars .entry-header,
body.webinars footer.entry-meta,
body.white-papers .entry-header,
body.videos .entry-header {
	display: none;
	}

body.webinare .entry-header,
body.webinare footer.entry-meta,
body.white-papers .entry-header,
body.videos-de .entry-header {
	display: none;
	}

body footer.entry-meta { display: none; }

.post-template-default .footer-company {
	padding-top: 70px;
	border-top: 2px solid #e6ecf1;
	}


#newsletter-form {
	max-width: 800px;
    margin: 0 auto;
	}
#newsletter-form .hbspt-form {
	
	}
#newsletter-form .hs-email {
	margin: auto;
	}
	#newsletter-form .hs-email input {
		background: white;
		}
#newsletter-form .hs-form-field {
	float: none;
	width: 100% !important;
	}
#newsletter-form .actions {
	margin: 20px 0 0;
	}

/* CATEGORY HEADERS */  

#webinars-header,
#whitepapers-header,
#videos-header {}

#webinars-header h1,
#whitepapers-header h1,
#videos-header h1 {
	font-size: 3em;
	margin-bottom: 20px;
	}

#webinars-header h2,
#whitepapers-header h2,
#videos-header h2{
	font-size: 1em;
	font-weight: 500;
	font-family: "Lato", Arial, sans-serif;
	}

body.category .page-hero .page-header-content {
	background: none;
	}

/* FORM */

form {
    color: #fff;
    overflow: hidden;
    }

    .hs-form-field {
        margin: 0 0 20px;
        float: left;
        }
        .hs-form-field input,
        .hs-form-field select,
        .hs-form-field textarea {
            width: 100%;
            margin: 10px 0 0;
            color: #fff;
            border: 1px solid #263752;
            border-radius: 5px;
            background: #17253c;
            }
            .hs-form-field textarea { height: 200px; }
            
        .hs-form-field .hs-form-required { color: #9bd906; }
        
        .hs-form-field .hs-input:focus {
            color: #9bd906;
            border: 1px solid #fff;
            background: #0f1a2d;
            }
        
     .hs_submit {
        float: left;
        width: 100%;
        text-align: right;
        }
         .hs-button {
            padding: 25px 40px;
            border-radius: 10px;
            font-weight: bold;
            color: #051c2c;
            background: #9bd906;
            
            -webkit-box-shadow: 0px 15px 20px 5px rgb(5 28 44 / 10%);
            box-shadow: 0px 15px 20px 5px rgb(5 28 44 / 10%);
            }   
            .hs-button:hover {
                background: #c6ea62;
                
                -webkit-box-shadow: none;
                box-shadow: none);
                }
        
      .hs-email { width: calc(33% - 12px)!important; margin-right: 2%;  }
      .hs-firstname { width: calc(33% - 12px)!important; margin-right: 2%; }
      .hs-lastname { width: calc(33% - 12px)!important; }
      .hs-company { clear: left; width: calc(50% - 12px)!important; margin-right: 2%; }
      .hs-jobtitle { width: calc(50% - 12px)!important; }
      .hs-country_2 { width: calc(50% - 12px)!important; margin-right: 2%;; }
      .hs-phone { width: calc(50% - 12px)!important; }
      .hs-request_a_demo_notes { width: 100%; }
      
      .hs-form-field .hs-fieldtype-intl-phone.hs-input select {
        float: left;
        width: 60%!important;
        }
        .hs-form-field .hs-fieldtype-intl-phone.hs-input input {
            width: 38%!important;
            float: right;
            }

        .hs-error-msgs {
            list-style: none;
            margin: 0;
            padding: 0;
            color: #9bd906;
            margin: 10px 0 0;
            font-style: italic;
            font-size: 16px;
            }
            .hs-form-field .error { border: 1px solid #9bd906; }
            
    .submitted-message {
        text-align: center;
        color: #9bd906;
        font-size: 30px;
        margin: 70px 0 40px;
        font-family: 'Rubik';
        font-weight: 600;
        }
    

#careers-form form {}
    
     #careers-form .hs-email { width: calc(49% - 12px)!important; margin-right: 2%;  }
     #careers-form form .hs-firstname { width: calc(49% - 12px)!important; }
     #careers-form form .hs-lastname { width: calc(49% - 12px)!important;  margin-right: 2%;}
     #careers-form form .hs-phone { width: calc(49% - 12px)!important; }
     
     legend.hs-field-desc { margin: 20px 0;  color: #a9bce1; }
     legend.hs-field-desc a { color: #a9bce1; text-decoration: underline; }
     
     input[type="file"] { padding: 10px; }



body.webinars .hbspt-form,
body.white-papers .hbspt-form {}
	body.webinars .hbspt-form .hs-form-field,
	body.white-papers .hbspt-form .hs-form-field { width: 100% !important; }




/* CATEGORY */

body.category,
body.search {}

	body.category .inside-header.grid-container,
	body.search .inside-header.grid-container {
		margin-left: auto;
    	margin-right: auto;
    	max-width: 1200px;
		padding-left: 0;
		padding-right: 0;
		}
	body.category .inside-navigation.grid-container,
	body.search .inside-navigation.grid-container{
		padding-left: 0;
   		padding-right: 0;	
		}

	body.category #page,
	body.search #page {
		max-width: 100%;
		padding-left: 0;
   		padding-right: 0;
		}

	body.category .site-content .content-area,
	body.search .site-content .content-area {
		width: 100%;
		}

	body.category #site-main,
	body.search #site-main {
		margin: 0;
		}

	body.category .page-header-content,
	body.search .page-header-content {
		padding: 75px 20px 75px 20px;
		background: #e6eef5;
		}
		body.category .page-header-content .grid-container,
		body.search .page-header-content .grid-container {
			margin-left: auto;
			margin-right: auto;
			max-width: 1200px;	
			padding: 0;
			}
			body.category .page-header-content .grid-container h1,
			body.search .page-header-content .grid-container h1 {
				margin: 0;
			}
	
	body.category .gutentor-blog-list,
	body.search .gutentor-blog-list {
		margin: 50px 0 0;
		padding: 0 20px;
		}
		body.category .gutentor-blog-list .grid-container,
		body.search .gutentor-blog-list .grid-container {
			margin-left: auto;
			margin-right: auto;
			max-width: 1200px;
			}

	body.category .gutentor-blog-list .gutentor-post,
	body.search .gutentor-blog-list .gutentor-post {
		margin: 15px 0 15px 0;
		}
		body.category .gutentor-blog-list .gutentor-post .gutentor-post-image-box,
		body.search .gutentor-blog-list .gutentor-post .gutentor-post-image-box {
			width: 340px !important;
			margin: 0 50px 0 0;
			float: left;
			}
	
	body.category .gutentor-blog-list .gutentor-post a,
	body.search .gutentor-blog-list .gutentor-post a {
		text-decoration: none !important;
		}

	body.category .gutentor-blog-list .gutentor-post .posted-on,
	body.category .gutentor-blog-list .gutentor-post .posted-on {
		font-size: 14px;
		margin: 10px 0 15px;
		}

body.category .gutentor-post-item { }
body.category .gutentor-post-item .gutentor-post-image-box {

}

/*		

		body.category { border: 20px solid red !important;}		

		body.category .gutentor-blog-list .gutentor-post .gutentor-post-content,
		body.search .gutentor-blog-list .gutentor-post .gutentor-post-content {}

		body.category .gutentor-blog-list .gutentor-post .gutentor-post-button,
		body.search .gutentor-blog-list .gutentor-post .gutentor-post-button {
			color: #000;
			background-color: #9bd906;
			margin: 20px 0 0 0;
			padding: 15px 20px 15px 20px;
			border-top-left-radius: 3px;
			border-top-right-radius: 3px;
			border-bottom-right-radius: 3px;
			border-bottom-left-radius: 3px;
			    box-shadow: 0px 15px 20px 5px rgb(5 28 44 / 10%);
			}
			body.category .gutentor-blog-list .gutentor-post .gutentor-post-button:hover,
			body.search .gutentor-blog-list .gutentor-post .gutentor-post-button:hover {
				box-shadow: none;
				}*/


body .gutentor-post-button  {
			color: #000;
			background-color: #9bd906;
			margin: 20px 0 0 0;
			padding: 15px 20px 15px 20px;
			border-top-left-radius: 3px;
			border-top-right-radius: 3px;
			border-bottom-right-radius: 3px;
			border-bottom-left-radius: 3px;
			    box-shadow: 0px 2px 5px 2px rgb(5 28 44 / 10%);
			}
			body .gutentor-post-button:hover {
				box-shadow: none;
				}

body.search #search-form {
	margin: 50px auto 0;
    max-width: 1200px;	
	}

#search-form {}
	#search-form .wp-block-search .wp-block-search__button {
		background: #9bd906;
		border: 0;
		border-radius: 5px;
		padding: .375em .625em;
		color: #051c2c;
		margin-left: .625em;
		word-break: normal;
		}

/* PAGINATION */

.pagination {
	text-align: center;	
	margin: 50px 0 30px;
	border-bottom: 2px solid #e6ecf1;
	margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
	padding-bottom: 5%;
	}
	.pagination a,
	.pagination span {
		display: inline-block;
		margin: 0 10px;
		padding: 5px 15px;
		color: #a9d644;
		border: 1px solid #a9d644;
		border-radius: 6px;
		text-decoration: none !important;
	}
	.pagination a:hover {
		color: #fff;
		background: #a9d644;
		}
	.pagination .current {
		color: #ffffff;
		background: #0c1b2b;
		border: 1px solid #0c1b2b;
	}

	.pagination .page-numbers {}
	.pagination .dots {
		border: 0;
		color: #3a3a3a;
	}
	.pagination .next,
	.pagination .prev{}

body.category .primary-sidebar.widget-area .grid-container,
body.search .primary-sidebar.widget-area .grid-container {
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	max-width: 1200px;
	}

body.category .footer-widgets-container.grid-container,
body.search .footer-widgets-container.grid-container {
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
	}


/* LIST */

section.has-color-bg.has-custom-bg ul {
	list-style: none;
	margin: 0 0 1.5em 1.5em;
	}

	section.has-color-bg.has-custom-bg ul li::before {
		content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
		color: #9bd907; /* Change the color */
		font-weight: bold; /* If you want it to be bold */
		display: inline-block; /* Needed to add space between the bullet and the text */
		width: 1em; /* Also needed for space (tweak if needed) */
		margin-left: -1em; /* Also needed for space (tweak if needed) */
		}



/* FOOTER */


.footer-company {}
.footer-company .grid-row {
    margin: 0;
    }
    .footer-company .grid-row .gutentor-single-column {}
    .footer-company .grid-row .gutentor-single-column:nth-child(1) {
        flex-basis: 30%;
        max-width: 30%;
        }
    .footer-company .grid-row .gutentor-single-column:nth-child(2) {
        flex-basis: 55%;
        max-width: 55%;
        }
    .footer-company .grid-row .gutentor-single-column:nth-child(3) {
        flex-basis: 15%;
        max-width: 15%;
        }


footer.site-info { display:none; }

.footer-claim {}
    .footer-claim strong { color: #9bd906; }

#footer-widgets { padding: 0 20px; }

.footer-company-menu,
#menu-footer-terms {
    margin: 0;
    padding: 0;
    list-style-type: none;
    }
    .footer-company-menu li,
    #menu-footer-terms li {
        display: inline-block;
        margin: 0 15px 0 0;
        }

#menu-footer-terms {
    text-align: right;
    }
    #menu-footer-terms li {
        margin: 0 0 0 20px;
        } 


/* ==================================================================================================

MEDIA QUERIES.

====================================================================================================  */



@media only screen and (min-width: 1632px) {

html { background: #eff4f9;}

body {
    width: 1632px;
    margin: 0 auto;
    }

.no-sidebar .entry-content .alignfull {
    margin-left: 0;
    margin-right: 0;
    }

}


@media only screen and (min-width: 1024px) and (max-height: 1366px) {
    
    
.slick-slider .slick-prev { left: -45px !important; }
.slick-slider .slick-next { right: -40px !important; }

main { overflow: hidden; }

header.site-header { padding: 0 40px; }

}


/* ============================ Tablets & Mobile portrait. ==================================  */


@media (min-width: 768px) and (max-width: 1024px) {

.margin-none { margin: 0 !important; }

.grid-row {
    margin: 0;
    }
  
.footer-company .grid-row .gutentor-single-column:nth-child(1) {
    flex-basis: 33%;
    max-width: 33%;
    }
.footer-company .grid-row .gutentor-single-column:nth-child(2) {
    flex-basis: 47%;
    max-width: 47%;
    }
.footer-company .grid-row .gutentor-single-column:nth-child(3) {
    flex-basis: 18%;
    max-width: 18%;
    }

.inside-footer-widgets { flex-direction: row; }
    
.inside-footer-widgets>div:not(:last-child) { margin: 0; }

.hs-form-field,
.hs-form-field input, 
.hs-form-field select,
.hs-form-field textarea { font-size: 14px; }

.circle-number p {
    font-size: 1.4em;
    width: 50px;
    height: 50px;
    padding: 6px;
    margin: 0 auto;
    }

.tablet-hided { display: none; }

.page-header-content {
    padding: 90px 40px 120px 40px;
    }


.results-circular-tick {
    bottom: -28px;
    }

}



/* ============================ Low Tablets & Mobiles General Styles. ==================================  */


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

.line-height-1 h2 { line-height: 1.0 !important; }

.gutentor-divider-separator {
     margin: 10px auto 25px; 
    }

.separator-content .gutentor-divider-separator { margin: 70px auto; }

.low-tablets-background-none { background: none !important; }

.circle-number p {
    font-size: 1.4em;
    text-align: center;
    width: 50px;
    height: 50px;
    padding: 6px;
    margin: 0 auto;
    }

.results-circular-tick {
    bottom: -30px;
    }

.footer-company, .footer-widgets .widget { font-size: 16px; }

.footer-company-menu li { margin-bottom: 10px; }


}



/* ========================= Low Resolution Tablets, Mobiles (Landscape) ===============================  */



@media (min-width: 481px) and (max-width: 767px) {

 
.grid-row { margin: 0; }

.has-image-bg, .page-hero { background-position: center left !important; }
 
}



/* ============================ Mobiles General Styles. ==================================  */



@media (min-width: 320px) and (max-width: 480px) {

section .gutentor-element .gutentor-button {
    padding: 25px 30px;
    }

.has-image-bg, .page-hero { background-position: center left !important; }

.grid-row { margin: 0; }

.page-header-content { padding: 70px 40px 110px 40px; }


.float-left,
.float-right {
    float: none;
    margin: 0 auto;
    }

.gutentor-element-advanced-text .gutentor-text {}


.section-header-title {
        font-size: 1em;
        }

.footer-company-menu li, #menu-footer-terms li { display: block; }

.footer-company .grid-row .gutentor-single-column:nth-child(1) {
    flex-basis: 100%;
    max-width: 100%;
    text-align: center;
    }
    .footer-company .grid-row .gutentor-single-column:nth-child(1) .gutentor-element-image-box { margin: 0 auto; }
    
    .footer-company .gutentor-element .gutentor-element-image-box .gutentor-image-thumb { margin: 0 0 15px 0; }
        
.footer-company .grid-row .gutentor-single-column:nth-child(2) {
    flex-basis: 60%;
    max-width: 60%;
    }
.footer-company .grid-row .gutentor-single-column:nth-child(3) {
    flex-basis: 38%;
    max-width: 38%;
    }


.inside-footer-widgets { flex-direction: row; }
    
.inside-footer-widgets>div:not(:last-child) { margin: 0; }

.hs-email,
.hs-firstname,
.hs-lastname,
.hs-company,
.hs-jobtitle,
.hs-country_2,
.hs-phone,
.hs-request_a_demo_notes {}

form .hs-form-field { width: 100% !important; }

#careers-form form {}
    
     #careers-form .hs-email,
     #careers-form form .hs-firstname,
     #careers-form form .hs-lastname,
     #careers-form form .hs-phone { width: 100% !important; margin: 0 0 20px; }
     
legend.hs-field-desc {
    margin: 10px 0;
    font-size: 14px;
    }

.slick-slider .slick-arrow { display: none !important; }

.mobile-background-none { background: none !important; }
	
	body.search {}
	
	body.category .page-header-content, body.search .page-header-content,
	body.search .page-header-content, body.search .page-header-content {
		padding: 35px 20px 35px 20px;
		}
	
	body.category .gutentor-blog-list .gutentor-post, body.search .gutentor-blog-list .gutentor-post,
	body.search .gutentor-blog-list .gutentor-post, body.search .gutentor-blog-list .gutentor-post {
		margin-bottom: 50px;
		}
	
	body.category .gutentor-post-module.gutentor-blog-list .gutentor-post .gutentor-post-item,
	body.search .gutentor-post-module.gutentor-blog-list .gutentor-post .gutentor-post-item {
		display: inline;
		}

	body.category .gutentor-blog-list .gutentor-post .gutentor-post-image-box,
	body.search .gutentor-blog-list .gutentor-post .gutentor-post-image-box {
		width: 100% !important;
		}
  
	body.category .gutentor-post-module.gutentor-blog-list .gutentor-post .gutentor-post-content,
	body.search .gutentor-post-module.gutentor-blog-list .gutentor-post .gutentor-post-content{
		width: 100% !important;
		margin-top: 30px;
		padding: 0;
		}
	
	.pagination {
		padding-bottom: 80px;
		}
	
}