/*
Theme Name:  SVFX
Theme URI:   www.svfx.in
Version:     1.0
Description:  SVFX Animation Studio.
Author:      SVFX
Author URI:  www.svfx.in
Template:    Divi
*/


/***********************************************************************
Caution: do not remove this to keep Divi Children Engine always updated 
Divi Children Engine version: 1.0.4
***********************************************************************/

/*------------------------------[FONT ICONS]-----------------------------*/
/*--[Created by Divi Children, http://divi4u.com/divi-children-plugin/]--*/
/*-----------------------------------------------------------------------*/

.icon_tags, .icon_profile, .icon_chat, .icon_clipboard, .icon_calendar {
	font-family: 'ETmodules';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	color: #318EC3;
}
.icon_tags:before {
	content: "\e07c";
	padding: 0px 5px 0 0;
}
.icon_profile:before {
	content: "\e08a";
	padding: 0 5px 0 0;
}
.icon_chat:before {
	content: "\e066";
	padding: 0 5px 0 20px;
}
.icon_clipboard:before {
	content: "\e0e6";
	padding: 0 5px 0 20px;
}
.icon_calendar:before {
	content: "\e023";
	padding: 0 5px 0 20px;
}

/*- YOU CAN INCLUDE THE CUSTOM CODE FOR YOUR CHILD THEME BELOW THIS LINE-*/

/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------[DROPDOWN MENU]------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*--------------------[SIDEBAR]-------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-----------------[WP CALENDAR]------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*------------------[TRANSITIONS]-----------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------[RESPONSIVE LAYOUTS]-------------*/
/*------------------------------------------------*/

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

}

/*-------------------[960px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {

	/*-------------------[Sliders]------------------*/

	/*-------------------[Portfolio]------------------*/

	/*-------------------[Sidebar]------------------*/
	
	/*-------------------[Menu]------------------*/
	
}

/*-------------------[768px]------------------*/
@media only screen and ( max-width: 980px ) {

	/*-------------------[Portfolio]------------------*/
	
	/*-------------------[Sliders]------------------*/
	
	/*-------------------[Menu]------------------*/

}

@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {

}

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

}

/*-------------------[480px]------------------*/
@media only screen and ( max-width: 767px ) {

	/*-------------------[Menu]------------------*/

}

/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {

}


/*------------------- CF 7 Styling------------------*/

.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar, .wpcf7-email, .wpcf7-number, .wpcf7-select {
background-color: #fff !important;
border: none !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 8px !important;
font-size: 14px;
color: #757575 !important;
padding: 12px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
	-webkit-box-shadow: 1px 1px 3px 1px #0e0d0d66;
	}
.wpcf7-submit {

    background-color: var(--gcid-mgnoaqjxkc);
    font-weight: 400;
    text-transform: uppercase;
    font-size: 17px;
    margin-right: 36px !important;
    padding-top: 6px !important;
    padding-right: 22px !important;
    padding-bottom: 6px !important;
    padding-left: 22px !important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-width: 0px;
    border-color: #333;
    border-style: solid;
    transition-property: background-color;
    transition-duration: 300ms;
    transition-timing-function: 
ease;
    transition-delay: 0ms;
	color: #ffffff;
	width: 100%
}
.wpcf7-submit:hover {  
    background-color: var(--gcid-fa6024jkso);
	padding-top: 6px !important;
    padding-right: 22px !important;
    padding-bottom: 6px !important;
    padding-left: 22px !important;
	color: #ffffff;
	width: 100%
}

.wpcf7-form > p {
     padding-bottom: 1.0em !important;
}

#mobile {

background-color: #fff !important;
border: none !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 10px !important;
font-size: 14px;
color: #999 !important;
padding: 10px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/*------------------- Footer youtube icon------------------*/

.et-social-youtube a.icon:before { content: '\e0a3'; }


.box_shadow:hover {
   background-color: #b0cb1f !important;
    border-style: solid !important;
    border-color: #b0cb1f !important;
    box-shadow: 0px 40px 40px 0px rgb(0 0 0 / 10%) !important;
      box-shadow: 0px 40px 40px 0px rgb(0 0 0 / 10%) !important;
	 transition:  Animate height first, then width
    border: 2px;
    border-radius: 10px;
	 transform: translateY(-5px) !important;
    transition: all .3s ease-in-out !important;
}

/* 
.et_pb_group_carousel_arrow {
   
    top: calc(9% - 10px - var(--vertical-gap) / 2);
    transform: translateY(236%) !important;
} */