/*
Theme Name: Fynbos Accounting Child Theme
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Superseed Studio
Author URI: https://superseedstudio.com
Description: A plain-vanilla & lightweight theme for Elementor page builder
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.3.0.1600697434
Updated: 2020-09-21 16:10:34

*/

:root {
	--color-white: #FFF;
	--color-green: #72AA1D;
	--color-black: #1A1A1A;
	--color-sea-green: #61ABAB;
	--color-dark-dark-blue: #0D293B;
}

/* Font Styles */

.font-light {
	font-weight: 300;
}

/* Buttons */

#btn-green {
	background-color: var(--color-green);
	border: none;
	border-radius: 5px;
	text-transform: uppercase;
	font-weight: 700;
	transition: all 350ms ease-in-out;
}

#btn-green:hover {
	background-color: var(--color-white);
	color: var(--color-black);
}

#btn-green-alt {
	background-color: var(--color-green);
	border: 1px solid var(--color-green);
	border-radius: 5px;
	text-transform: uppercase;
	font-weight: 700;
	transition: all 350ms ease-in-out;
}

#btn-green-alt:hover {
	background-color: var(--color-white);
	color: var(--color-black);
	border: 1px solid var(--color-black);
}

#btn-white {
	background-color: var(--color-white);
	color: var(--color-black);
	border-radius: 5px;
	border: 1px solid var(--color-white);
	text-transform: uppercase;
	font-weight: 700;
	transform: all 350ms ease-in-out;
}

#btn-white:hover {
	background-color: var(--color-green);
	border: 1px solid var(--color-green);
	color: var(--color-white);
}

#btn-clear-blue {
	background-color: transparent;
	padding: 0;
	color: var(--color-sea-green);
}

#btn-clear-white {
	background-color: transparent;
	color: var(--color-white);
	text-transform: uppercase;
	border: 1px solid var(--color-white);
	font-weight: 700;
	transform: all 350ms ease-in-out;
}

#btn-clear-white:hover {
	background-color: var(--color-green);
	border: 1px solid var(--color-green);
}

.arrow {
	transition: all 350ms ease-in-out;
}

.arrow:hover {
	transform: translateX(5px);
}

/* Home */

.cta-image-box {
	border-left: 1px solid var(--color-dark-dark-blue);
}

/* Our Services */

.rand-symbol {
	font-size: 12px;
	position: absolute;
	top: 10%;
	left: 32%;
}

.rand-symbol-last {
	font-size: 12px;
	position: absolute;
	top: 10%;
	left: 30%
}

.pm-symbol {
	font-size: 12px;
}

.page-id-17 .elementor-element-6313148 {
	align-items: flex-end;
    display: flex;
    justify-content: center;
    height: 35%;
    width: 100%;
}

.page-id-17 .elementor-element-5448b40 {
	 align-items: flex-end;
    display: flex;
    justify-content: center;
    height: 30%;
    width: 100%;
}

/* Who We are */

.team-container {
	transition: all ease-in-out;	
}

.hide {
	transition: all 350ms ease-in-out;	
}

.team-container .hide {
	display: none;
	transition: all 350ms ease-in-out;
}


.team-container:hover .hide{
	display: inline-block !important;
	
}

.team-container:hover {
	padding: 0 1rem 1rem 1rem;
}

/* .elementor-215 .elementor-element.elementor-element-759557c .ae-post-overlay:hover{
    background-color: transparent !important;
} */


.team-container:hover .ae-post-overlay {
	background-color: transparent !important;
}

/* Contact Us */

.contact-us-content a {
	color: var(--color-black);
	transition: all 350ms ease-in-out;
}

.contact-us-content a:hover {
	color: var(--color-green);
}

.contact-page-map {
	filter: grayscale(100%);
	transition: all 350ms ease-in-out;
}

.contact-page-map:hover {
	filter: grayscale(0);
}

/* Gravity hacks ¯\_(ツ)_/¯ */ 

.gfield_select {
	padding:9px!Important;
}

.ginput_container_email,
.ginput_container_phone {
	margin: -10px 0 0 0!important
}

.gfield_select {
	margin: 5px 0 0 0!important
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	font-size: 1rem !important;
}

/*Footer: Call to action - green banner */

.opencontact:hover .arrow {
	transform: translateX(var(--translateX))translateY(var(--translateY));
	--translateX:34.925px; --translateY:0.424779px;
}
/*.opencontact:hover .elementor-motion-effects-layer {
    width: 110%;
    height: 110%;
    transform: translateX(var(--translateX))translateY(var(--translateY));
    --translateX: -0.595313px;
    --translateY: -4.0354px;
}*/

@media only screen and (min-width: 320px) and (max-width: 424px) {
	.rand-symbol {
		left: 30%;
	}
	
	.rand-symbol-last {
		left: 28%;
	}
	
	.underscore {
		display: none;
	}
	
	.page-id-17 .elementor-element-6313148 {
		 height: 15%;
	}
	
	.page-id-17 .elementor-element-5448b40 {
		height: 15%;
	}
	
	.cta-image-box {
		border-left: none;
	}
	
	.footer-menu ul {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}

@media only screen and (min-width: 376px) and (max-width: 425px) {
	.cta-image-box {
		border-left: none;
	}
	
	.footer-menu ul {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.rand-symbol {
		left: 33%;
	}
	
	.rand-symbol-last {
		left: 31%;
	}
	
	.underscore {
		display: none;
	}
	
	.page-id-17 .elementor-element-6313148 {
		 height: 15%;
	}
	
	.page-id-17 .elementor-element-5448b40 {
		height: 15%;
	}
	
}

@media only screen and (min-width: 426px) and (max-width: 768px) {
	.rand-symbol {
		left: 39%;
	}
	
	.rand-symbol-last {
		left: 38%;
	}
	
	.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
		font-size: 1rem !important;
	}
	
	.page-id-17 .elementor-element-6313148 {
		 height: 11%;
	}
	
	.page-id-17 .elementor-element-5448b40 {
		height: 11%;
	}
}

/* IOS Input Field Box Shadow Fix */
input[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none !important;

}