/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/****************************** navigation styling */
header.sticky-header .elementor-nav-menu--dropdown{
background-color: var( --e-global-color-2666acb8 ) !important;
}
header.sticky-header.elementor-sticky--effects .elementor-nav-menu--dropdown{
	background-color:white !important
	
}
/****************************** content styling */
/* side margin when editor doesnt give option */
section.elementor-section.marg-sides{
	margin:0 6%;
}
@media (min-width:768px){
	section.elementor-section.marg-sides{
		margin:0 40px;
	}
}

/********************************** pods styling */
.elementor-widget-flip-box .elementor-widget-container,
.elementor-flip-box__layer.elementor-flip-box__front,
.elementor-flip-box__layer.elementor-flip-box__back,
.elementor-flip-box{
border-radius:6px !important	
}

@media (min-width:700px) and (max-width:1240px){
/*** make pods break to 50% at these dimentiones - not working in editor */
.pods .elementor-row{
	flex-wrap:wrap;
}
.pods .elementor-row .elementor-column{
	flex: 0 0 50%;
}	
}


/********************************** list item alignment styling */

.elementor-widget .elementor-icon-list-item{
	align-items:start !important;
}
.elementor-widget .elementor-icon-list-item .elementor-icon-list-icon{
	display:block;
	margin-top:5px;
}


/* amend requests */

/* contact page anchors hover contrast */
p.elementor-icon-box-description:hover{
color: var( --e-global-color-accent ) !important;
	font-weight:bold
}

/* small hero title and orange page design cross over fix */
@media (max-width:420px){
	.hero p.elementor-heading-title.elementor-size-default {
    max-width: 80%;
}
}
@media (max-width:767px){
section.elementor-section.bg-img-mobile{
background-size: 0 auto !important;
}
}


/* fixed phone and email btns */
.elementor-column.floating-btns {
    position: fixed;
    right:0;
    top: 47vh;
	z-index:10
}
.elementor-column.floating-btns  a.elementor-icon {
    padding: 10px;
    border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	background-color: var( --e-global-color-accent ) !important;
	color:white;
	
}

@media (max-width:767px){
	.elementor-column.floating-btns {
    top: unset;
		bottom:0;
			background-color: var( --e-global-color-accent ) !important;
}
	.elementor-column.floating-btns .elementor-element.elementor-widget.elementor-widget-icon{
		width:50%;
			margin-bottom:0;
	}
	.elementor-element.elementor-element-137235d a.elementor-icon{
		    border-top-left-radius: 0px;
			border-bottom-left-radius: 0px;
		    border-top-right-radius: 6px;
			border-bottom-right-radius: 6px;
	}
	body:not(.rtl) .elementor-1028 .elementor-element.elementor-element-31a44c2{
		bottom:70px
	}
}

