/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/

/*Center Logo Menu Split*/

 /*------------------------*/
/* CSS - Logo center split menu
/*------------------------*/

@media only screen and (min-width: 780px) {
/*In the below code nth-child(x) the value of x should be half the number of total menu items*/
#top #header .av-main-nav li:first-child {
  /* Adjust the width of the logo */
    margin-right:265px;
}

	#top .avia-slideshow-arrows a {
		color: #FB5607;
	}
	#top .av-control-minimal .avia-slideshow-arrows a::before {
		border-color: #FB5607;
	}

#header .main_menu {
    /*background: gold;*/
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.av-main-nav-wrap {
    left: 50%;
    transform: translateX(-50%);
}

#header .logo {
    left: 50%;
    transform: translateX(-50%);
    z-index:999;
}

#header .logo img {    
    top: 50%;
    transform: translateY(-50%);
    max-width: 100px;  
}
}

#header.header-scrolled .logo img {
	padding-top: 10px;
	padding-bottom: 10px;
}


/*End of Custom Menu*/


#cloud-section h2 {
	text-transform: initial;
	font-weight: 700;
	margin-bottom: .75em;
}

#cloud-section p {
	margin-bottom: 1.5em;
}

#cloud-section h6 {
	font-size: 18px;
  	margin-bottom: 1em;
  	letter-spacing: 2px;
	display: inline-block;
	position: relative;
	color: #757D82;
}

#home-intro {
	position: relative;
}
/*#home-intro:after, #home-intro::after {
	background: url('/wp-content/uploads/2024/11/clouds.svg');
	width: 100%;
	max-height: 125px;
	background-repeat: repeat-x;
	content: '';
	display: inline-block;
 	width: 100%;
  	height: 125px;
  	bottom: 0px;
  	position: absolute;
  	background-size: 50%;
}*/
#home-intro h1 {
	color: #A4C9FF;
	font-weight: 700;
	font-size: 50px;
	text-align: center;
	text-transform: initial;
	margin-bottom: 2.5em;
  	margin-top: .75em;
}
#top .avia-button.avia-color-dark {
	border: 2px solid #FB5607;
	color: #FB5607;
	padding-top: 12px;
}

#services-callout {
	position: relative;
	overflow: hidden;
}

/*#services-callout:before {
	background: url('/wp-content/uploads/2024/12/rainbow-bg-2.svg');
	content: '';
	display: inline-block;
 	width: 100%;
  	height: 50%;
  	bottom: -45px;
  	position: absolute;
  	background-size: 100%;
	background-repeat: no-repeat

}*/

#services-callout h2 {
	text-transform: initial;
	font-weight: 700;
}

/*#services-callout:after, #services-callout::after {
	background: url('/wp-content/uploads/2024/11/clouds.svg');
	width: 100%;
	background-repeat: repeat-x;
	content: '';
	display: inline-block;
 	width: 100%;
  	height: 100%;
  	top: -125px;
  	position: absolute;
  	background-size: 50%;
}*/

#services-callout iframe {
	/*margin-top: 1em;*/
	margin-bottom: 0;
}

#services-callout .content-slider-flex {
	display: flex;
}

#services-callout .content-slider-text {
	width: 50%;
	margin-right: 2em;
}

#services-callout .content-slider-media {
	width: 50%;
}

#services-callout .content-slider-media img {
	display: block;
	margin: 0 auto;
	max-width: 65%;
}
#services-callout .slide-entry h3.slide-entry-title {
	text-align: center;
}

#services-callout .services {
	box-shadow: 0 3px 3px 0 rgba(58,134,255,.25);
}

#services-callout .services img {
	max-width: 40%;
	margin: 0 auto;
}

#services-callout #animation {
	border: 2px solid #A4C9FF;
	transition: all .25s;
}

#services-callout #animation:hover {
	border: 2px solid #FFBE0B;
	transition: all .25s;
}


#services-callout #graphic-design {
	border: 2px solid #A4C9FF;
	transition: all .25s;
}

#services-callout #graphic-design:hover {
	border: 2px solid #FB5607;
	transition: all .25s;
}


#services-callout #development {
	border: 2px solid #A4C9FF;
	transition: all .25s;
}

#services-callout #development:hover {
	border: 2px solid #8338EC;
	transition: all .25s;
}

#services-callout h3 {
	font-size: 34px;
	margin-bottom: .75em;
}

#services-callout {
	padding-bottom: 1em;
}

#portfolio h2 {
	text-transform: initial;
	font-weight: 700;
}

#portfolio {
	padding-top: 3em;
	padding-bottom: 3em;
}

#contact-us h2 {
	text-transform: initial;
	font-weight: 700;
	color: #fff !important;
	text-align: center;
}

#contact-us {
	position: relative;
	overflow: hidden;
	padding-bottom: 5em;
}

#contact-us:after, #contact-us::after {
	background: url('/wp-content/uploads/2024/11/clouds.svg');
	width: 100%;
	max-height: 125px;
	background-repeat: repeat-x;
	content: '';
	display: inline-block;
 	width: 100%;
  	height: 125px;
  	bottom: 0px;
  	position: absolute;
  	background-size: 50%;
}

#contact-us p {
	opacity: .7;
	color: #fff !important;
	text-align: center;
}

#footer {
	border: none;
}

#socket {
	border: none;
	background-color: #fff;
	text-align: center;
}

#footer .widget.widget_media_image {
	text-align: center;
}


#footer .widget.widget_media_image {
	margin-bottom: 10px;
}

#footer .widget.widget_media_image img {
	max-width: 50% !important;
}

#footer .widget ul.social_bookmarks {
    display: flex;
    justify-content: space-between
}

#footer #custom_html-2 {
	margin-top: 10px;
}

#footer #custom_html-2 .textwidget {
	width: 70%;
	margin: 0 auto;
}

.widget .social_bookmarks li {
	clear: none !important;
	border: 0 !important;
}

.social_bookmarks li a{
	border-radius: 100px !important;
}

.av-social-link-facebook:hover a {
	color:#3a86ff !important;
	background-color: rgba(0,0,0,0) !important;
}

.av-social-link-twitter:hover a {
	color:#3a86ff !important;
	background-color: rgba(0,0,0,0) !important;
}

.av-social-link-instagram:hover a {
	color:#3a86ff !important;
	background-color: rgba(0,0,0,0) !important;
}

.av-social-link-tiktok:hover a {
	color:#3a86ff !important;
	background-color: rgba(0,0,0,0) !important;
}

.av-social-link-youtube:hover a {
	color:#3a86ff !important;
	background-color: rgba(0,0,0,0) !important;
}

.av-social-link-linkedin:hover a {
	color:#3a86ff !important;
	background-color: rgba(0,0,0,0) !important;
}

#top #wrap_all #socket .container {
    text-align: center;
}

#top #wrap_all #socket .copyright {
    float: none;
    clear: both;
    text-align: center;
}

#footer #text-2 {
	margin-bottom: 10px;
}

#footer #text-2 p {
	font-size: 14px;
}

#footer #block-7 {
	margin-top: 10px;
}

#footer .widgettitle {
	text-transform: initial;
}

#footer .recentcomments a, .widget_recent_entries li a {
	font-style: initial;
	font-family: 'static',Helvetica,Arial,sans-serif;
	font-size: 16px;
}

.template-page .entry-content-wrapper h1 {
	text-transform: initial;
}

.extra-space {
	margin-top: 1.5em;
}
.mdr-pretenders {
	max-width: 527px;
}

/* Services Page */

#services-heading h1{
	font-weight: 700;
	font-size: 50px;
	text-align: center;
	text-transform: initial;
	margin-bottom: 3.3em;
  	margin-top: .75em;
}

#services-heading {
	position: relative;
}
#services-heading:after {
	background-image: url('/wp-content/uploads/2025/01/header-doodles.png');
	content: '';
	width: 100%;
	max-height: 220px;
	background-repeat: repeat-x;
	display: inline-block;
 	width: 100%;
  	height: 220px;
  	bottom: 0px;
  	position: absolute;
  	background-size: 50%;
}

#animation-video h2 {
	text-transform: initial;
	font-weight: 700;
}

#design h2 {
	text-transform: initial;
	font-weight: 700;
}

#front-end-development h2 {
	text-transform: initial;
	font-weight: 700;
}

#animation-video {
	position: relative;
}

#animation-video:before {
	background-image: url('/wp-content/uploads/2025/01/doodle-bg-1.png');
	content: '';
	width: 84.5%;
	background-repeat: no-repeat;
	display: inline-block;
  	height: 100%;
  	bottom: 0px;
  	position: absolute;
  	background-size: 100%;
	opacity: .3;
}

#design {
	position: relative;
}

#design:before {
	background-image: url('/wp-content/uploads/2025/01/doodle-bg-2.png');
	content: '';
	width: 84.5%;
	background-repeat: no-repeat;
	display: inline-block;
  	height: 100%;
  	bottom: 0px;
  	position: absolute;
  	background-size: 100%;
	left: -1px;
	opacity: .3;
}

#front-end-development {
	position: relative;
}

#front-end-development:before {
	background-image: url('/wp-content/uploads/2025/01/doodle-bg-3.png');
	content: '';
	width: 84.5%;
	background-repeat: no-repeat;
	display: inline-block;
  	height: 100%;
  	bottom: 0px;
  	position: absolute;
  	background-size: 100%;
	left: -4px;
	opacity: .3;
}

#contact-heading h1 {
	font-weight: 700;
	font-size: 50px;
	text-align: center;
	text-transform: initial;
	margin-bottom: .5em;
  	margin-top: .75em;
	color: #fff;
}

#contact-heading p {
	color: #fff;
	text-align: center;
	opacity: .8;
}

#contact-form {
	padding-bottom: 3em;
	position: relative;
}

#contact-form #wpforms-submit-174 {
	background-color: #8338ec;
}

#contact-form #wpforms-submit-174:hover {
	background-color: #622ab1;
}

#contact-form:after, #contact-form::after {
	background: url('/wp-content/uploads/2024/11/clouds.svg');
	width: 100%;
	max-height: 125px;
	background-repeat: repeat-x;
	content: '';
	display: inline-block;
 	width: 100%;
  	height: 125px;
  	bottom: 0px;
  	position: absolute;
  	background-size: 50%;
}

#contact-form .wpforms-field-label {
	display: block;
  	font-weight: 400;
  	font-size: 1.2em;
}

#about-heading h1{
	font-weight: 700;
	font-size: 50px;
	text-align: center;
	text-transform: initial;
	margin-bottom: .75em;
  	margin-top: .75em;
}

#about-us h2 {
	text-transform: initial;
	font-weight: 700;
}

#blog-heading {
	position: relative;
}

#blog-heading h1 {
	font-weight: 700;
	font-size: 50px;
	text-align: center;
	text-transform: initial;
	margin-bottom: .5em;
  	margin-top: .75em;
	color: #fff;
}

#blog-content h2 {
	text-transform: initial;
	font-weight: 700;
}

.avia-section.av-jncmb-b83e33e6c36b7ab563127fc803b5397a {
  	background-color: #3a86ff;
  	background-image: unset;
}

@media only screen and (max-width: 768px) {
	
	
	#header .logo img {
		max-width: 100px;
	}
	
	#home-intro h1 {
		margin-bottom: 1em;
		margin-top: 0;
		font-size: 38px;
	}
	
	#home-intro::after, #home-intro::after {
		height: 70px;
		background-size: 100%;
	}
	
	#top .av-control-minimal .avia-slideshow-arrows a::before {
		border-color: #FB5607;
	}
	
	#top .avia-slideshow-arrows a {
		color: #FB5607;
	}
	
	#services-callout iframe {
	/*margin-top: 1em;*/
	margin-bottom: 0;
	}

#services-callout .content-slider-flex {
	display: flex;
	flex-direction:column;
}

#services-callout .content-slider-text {
	width: 100%;
	margin-right: 0;
}

#services-callout .content-slider-media {
	width: 100%;
}

#services-callout .content-slider-media img {
	display: block;
	margin: 0 auto;
	max-width: 65%;
}
#services-callout .slide-entry h3.slide-entry-title {
	text-align: center;
}
	
	#services-callout::after, #services-callout::after {
		top: -63px;
		background-size: 100%
	}
	
	#cloud-section .container .content {
		padding-bottom: 1em;
	}
	
	#services-callout h2 {
		margin-top: 1em;
	}
	
	#top .flex_column_table.av-equal-height-column-flextable.av-m4k5kzh0-c636654e6286f90104d23843951c2eb7 {
		margin-bottom: 1.85em !important;
	}
	
	#services-callout .content {
		padding-bottom: 1em;
	}
	
	#services-callout::before {
		bottom: unset;
		top: 685px;
		width: 500%;
		
	}
	
	#portfolio .content {
		padding-top: 1em;
		padding-bottom: 1em;
	}
	
	#contact-us .content {
		padding-bottom: 1em;
	}
	
	#contact-us::after, #contact-us::after {
		height: 70px;
		background-size: 100%;
	}
	
	#footer .widget {
		margin: 15px 0 15px 0;
	}
	
	#services-heading h1 {
		margin-bottom: 1em;
		margin-top: 0;
		font-size: 38px;
	}
	
	#services-heading::after {
		height: 95px;
		background-size: 100%;
	}
	
	#animation-video::before, #front-end-development::before, #design::before {
		display: none;
	}
	
	#animation-video .content, #front-end-development .content, #design .content {
		padding-bottom: 1em;
	}
	
	#contact-form::after, #contact-form::after {
		height: 70px;
		background-size: 100%;
	}
	
	#blog-heading h1 {
		margin-bottom: 0em;
		margin-top: .5em;
		font-size: 38px;
	}
}