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

* Theme Name: Frisk Child
* Theme URI: https://frisk.themegenix.com/
* Author: ThemeGenix
* Author URI: https://themeforest.net/user/themegenix/
* Description: Frisk - Creative Agency & Portfolio WordPress Theme
* Version: 1.1
* Template: frisk
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

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

.grecaptcha-badge { 
    visibility: hidden !important;
}

/* set parent container of sticky main header to 0 so sticky header actually floats nicely */
@media (min-width: 1025px) {
	div[data-elementor-post-type="frisk-header"] { height: 0; }
}

/* mobile header spacing adjustments */
@media (max-width: 1024px) {
	div[data-elementor-post-type="frisk-header"] #sticky-header {
		top: 0 !important;
/* 		padding: 0 0 0 32px; */
	}
	
	div[data-elementor-post-type="frisk-header"] #sticky-header .e-con-inner {
		padding-right: 0 !important;
	}
	
	/* position mobile menu nicely */
	div[data-elementor-post-type="frisk-header"] .elementor-nav-menu__container {
		position: fixed;
		top: 68px;
		left: 0;
		width: 100%;
		z-index: 100;
	}
}

@media (max-width: 767px) {
	div[data-elementor-post-type="frisk-header"] #sticky-header { 
		padding: 0 32px 0 0; 
	}
}

/* coloured underlines used for key words in titles */
.custom-highlight,
.highlight-counter .elementor-counter-number-wrapper { 
	position: relative;
	z-index: 1;
}

.custom-highlight::before,
.highlight-counter .elementor-counter-number-wrapper::before {
	position: absolute;
    bottom: 15px;
    left: 0;
	width: 100%;
    height: 13px;
    content: "";
    display: block;
	z-index: -1;
}

.highlight-h1::before {
	bottom: 18px;
	height: 15px;
}

/* used for spans or p tags */
.highlight-small::before {
	bottom: 5px;
	height: 5px;
}

.highlight-green::before { background-color: #C6FF00; }
.highlight-purple::before { background-color: #7C56FE; }

.highlight-counter .elementor-counter-number-wrapper::before {
	background-color: #7C56FE;
	width: 160px;
}

.highlight-counter.counter-short .elementor-counter-number-wrapper::before {
	width: 105px;
}


/* force logo lists to be grayscale */
.grayscale-logos img {
	filter: grayscale(1);
	opacity: 75%;
}

/* force Ads platform logos to be consistent widths 
 * without cropping parts of the icons */
.service-cards img {
	width: 40px;
    height: 40px;
    object-fit: contain;
	opacity: 50%;
}

/* set logos to full colour on hover when hovering over each column's content */
.service-cards.grayscale-logos .service-cards--service:hover img {
	opacity: 100%;
	filter: grayscale(0);
	transition: all 0.3s ease 0s;
}


/* basic custom form field styles */
.form-group { margin-bottom: 32px; }

.form-group label {
	font-size: 18px;
	line-height: 30px;
	font-family: "Space Grotesk", sans-serif;
}

.form-group label > span {
	display: block;
	font-size: 14px;
}

.form-field {
	background: #fff;
	padding: 12px 16px;
	height: auto;
	color: #111;
	font-size: 18px;
	line-height: 30px;
	font-family: "Space Grotesk", sans-serif;
	font-weight: 400;
}

.contact-form-simple .form-field {
	border: 1px solid #ddd;
}

.contact-form-simple .form-group ul li { margin-bottom: 16px; }
.contact-form-simple .form-group ul li:last-of-type { margin-bottom: 0; }

.contact-form-simple .col-lg-12 { margin-bottom: 32px; }


/* form field error message */
.wpcf7-not-valid-tip {
	font-size: 16px;
	font-family: "Space Grotesk", sans-serif;
}

button.form-submit-button {
	background-color: #111;
	color: #fff;
	border: none;
	border-radius: 3px;
	padding: 12px 40px;
}

button.form-submit-button:hover { 
	background-color: #7c56fe;
	border: none;
}


/* global font size changes for mobile sizes */
@media (max-width: 767px) {
	
	/* set global section padding on section containers */
	.elementor-element[data-element_type="container"] > .e-con-inner {
		padding-left: 32px !important;
		padding-right: 32px !important;
	}
	
	/* remove padding from nested containers so padding is only added once to each section */
	.elementor-element[data-element_type="container"] > .e-con-inner .elementor-element[data-element_type="container"] > .e-con-inner {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	p, span, div {
		font-size: 16px !important;
		line-height: 28px !important;
	}
	
	h1, h1 span, .elementor-counter-number {
		font-size: 40px !important;
		line-height: 50px !important;
	}
	
	h2, h2 span {
		font-size: 32px !important;
		line-height: 42px !important;
	}
	
	h3, h3 span {
		font-size:;
		line-height:;
	}
	
	h4, h5, h6 {
		font-size: 16px !important;
		line-height: 28px !important;
	}
	
	.checklist-feature .elementor-icon-list-items .elementor-icon-list-item {
		padding-bottom: 0 !important;
	}
}