/*
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
*/


/* Begin Remove Undeline in Links  */
a:hover, a:focus, a:visited, #top .av_inherit_color a {
    text-decoration: none !important;
}/* End Remove Undeline in Links  */


/* Begin post masonary Modifications (blog page)*/

.bloglist .av-sort-by-term {
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 2px solid lightgray;
	border-bottom: 2px solid lightgray;
}
.bloglist .av-masonry-sort span > span {
	font-size: 20px;
	background-color: #F6F7F9 !important;
	padding: 5px 15px !important;
	border-radius: 10px;
	margin: 5px 5px;
}

.bloglist .text-sep {
	display: none;
}
/* End post masonary Modifications */


/* Begin Blog Articles Modifications */
article p {
	text-align: justify;
	line-height: 32px;	
	font-weight: 300;
	color: #3f524e;
} /*  Jusify All  Paragraphs */

article h1 {
	color: #46484d !important;
}
article h2 {
	color: #36383d !important;
	font-size: 1.6em;
    font-weight: 600;
    line-height: 2em;
    padding: 10px 0 20px;
}
article h3 {
	color: #56585d !important;
    font-size: 1.35em;
    font-weight: 600;
/*     line-height: 2em;
    padding: 5px 0 15px; */
}
article h4 {
/* 	color: #66686d !important; */
/* 	color: red !important;  */
    font-size: 1.15em;
    font-weight: 600;
/*     line-height: 2em;
    padding: 5px 0 15px; */
}
article h5 {
	color: #66686d !important;
    font-size: 1em;
    font-weight: 600;
/*     line-height: 2em;
    padding: 5px 0 15px; */
}
/* End Blog Articles Modifications */



/* Remove Website input in comments element */
p.comment-form-url{
display:none!important;
}
/* End of Remove Website input in comments elemen */


/* Search form rtl placeholder text problem */
/* #top .avia_search_element #s {
    padding: 0 4.5em;
}*/
.avia_search_element.avia-builder-el-7.avia-builder-el-no-sibling {
    width: 300px; 
} /* End of Search form rtl placeholder text problem */



/* Custom grid row width (homepage)*/
.av-grid-custom-width {
    max-width: 1310px;
    margin: 0 auto;
} /* End of Custom grid row width (homepage)*/



/* Change Contact Form Fonts */
fieldset * {
    font-family: Tahoma !important;
} /* End of Change Contact Form Fonts */



/* Change homepage form sumbit button */
#homerequest fieldset input[type='submit'] {
    background-color: gray !important;
} /* End of Change homepage form sumbit button */



/* Fix rtl problem in blog page */
.fixrtl .post-title {
    text-align: right !important;
} /* End of Fix rtl problem in blog page */

/* Begin Homepage banner title */
.titleshadow h1,
.titleshadow h2,
.titleshadow h3,
.titleshadow p,
.titleshadow li  {
	text-shadow: 0 0 10px #000 !important;
} /* End Homepage banner title */


/* Begin Homepage box style */
.homebox {
	box-shadow: 0 5px 10px rgb(0 0 0 / 25%);
	transition: box-shadow 500ms, transform .25s ease-in-out;
	
}
.homebox:hover {
	box-shadow: 0 10px 15px rgb(0 0 0 / 45%);
	transform: translate(0, -5px) !important;
}

/* End Homepage box style */

/* Begin Round Corner Image inside container (Portfolio Website Screen) */
.portfoliobox {
	border-radius: 10px !important;
	box-shadow: 0 5px 10px rgb(0 0 0 / 16%);
	transition: transform .25s ease-in-out;
}
.portfoliobox:hover {
	transform: translate(0, -10px) !important;
}
.portfoliobox img{
	border-radius: 10px !important;
}
/* End Round Corner Image inside container (Portfolio Website Screen) */


/* Begin Homepage QOS boxes  */
.qos .iconbox_icon {
	border-width: 3px !important;
}
.qos .iconbox_content_title {
	font-weight: bold !important;
}
.qos .av_one_fourth {
	background-color: #F7F7F8 !important;
	border-radius: 10px !important;
	padding: 25px;
	transition: transform .25s ease-in-out;
}
.qos .av_one_fourth:hover {
	transform: translate(0, -10px) !important;
 	background: rgb(0,121,107);
	background: linear-gradient(90deg, rgba(0,121,107,1) 0%, rgba(22,80,108,1) 100%);
} 
.qos .av_one_fourth:hover .iconbox_icon,
.qos .av_one_fourth:hover .iconbox_content_title,
.qos .av_one_fourth:hover p {
	color: #fff !important;
	border-color: #fff !important;
}
/* End Homepage QOS boxes  */



/* Begin SEO page QOS boxes  */
.qos .iconbox_icon {
	border-width: 3px !important;
}
.qos .iconbox_content_title {
	font-weight: bold !important;
}
.qos .av_one_third {
	background-color: #F7F7F8 !important;
	border-radius: 10px !important;
	padding: 25px;
	transition: transform .25s ease-in-out;
}
.qos .av_one_third:hover {
	transform: translate(0, -10px) !important;
 	background: rgb(0,121,107);
	background: linear-gradient(90deg, rgba(0,121,107,1) 0%, rgba(22,80,108,1) 100%);
} 
.qos .av_one_third:hover .iconbox_icon,
.qos .av_one_third:hover .iconbox_content_title,
.qos .av_one_third:hover p {
	color: #fff !important;
	border-color: #fff !important;
}
/* End SEO page QOS boxes  */




/* Begin Homepage PostSlider  */
.ws-post-slider h3 a {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.6em !important;
	letter-spacing: -1px;
	line-height: 1.5;
}
.ws-post-slider .slide-entry-wrap {
    padding: 15px 5px 5px 5px !important;
    min-height: 500px;
}

.ws-post-slider article {
    box-shadow: 0 0 5px 0 #515151;
    border-radius: 10px;
    min-height: 400px;
    background-color: white !important;
    transition: 0.3s;
    overflow: hidden;
}

.ws-post-slider article a img {
    border-radius: 0px !important;
}

.ws-post-slider article .slide-content header {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.ws-post-slider article .blog-categories {
    padding-top: 10px !important;
    flex-wrap: wrap;
}

.ws-post-slider article .blog-categories a {
    color: #7F8187 !important;
    background-color: #F6F7F9 !important;
    padding: 2px 12px !important;
    border-radius: 3px;
}

.ws-post-slider article:hover {
      transform: translate(0, -10px) !important;
} 

/* End Homepage PostSlider  */


/* Begin Web Design Page Style  */
.wdbanner {
	direction: ltr !important;
}
.wdbanner .container {
 	direction: ltr !important;
	width: 100% !important; 
	padding: 0px !important;
	margin: 0px !important;
}
.wdbanner .flex_column {
	direction: rtl !important;
}
#wdwhy .iconbox_content { 
    background: none !important;
    box-shadow: none !important;
}
/* End Web Design Page Style  */



/* Begin Services Page Style  */
.fancy-b-r-1 img {
	border-radius: 40% 60% 63% 37% / 54% 54% 46% 46% ;
	transition: transform .25s ease-in-out;
}
.fancy-b-r-1:hover img {
	border-radius: 95% 5% 91% 9% / 10% 91% 9% 90%;
}
.fancy-b-r-2 img {
	border-radius: 40% 60% 63% 37% / 54% 54% 46% 46%;
	transition: transform .25s ease-in-out;
}
.fancy-b-r-2:hover img {
	border-radius: 7% 93% 33% 67% / 91% 3% 97% 9%;
}
.fancy-b-r-3 img {
	border-radius: 50% 50% 51% 49% / 27% 31% 69% 73%;
	transition: transform .25s ease-in-out;
}
.fancy-b-r-3:hover img {
	border-radius: 95% 5% 91% 9% / 10% 91% 9% 90% 
}
.fancy-b-r-4 img {
	border-radius: 40% 60% 63% 37% / 54% 54% 46% 46% ;
	transition: transform .25s ease-in-out;
}
.fancy-b-r-4:hover img {
	border-radius: 49% 51% 74% 26% / 6% 7% 93% 94%; 
}

.ser-btn-landing .avia-button {
 	-webkit-box-shadow: 
		00px 0px 0px 8px rgba(0,121,107,0.3), 
		0px 0px 0px 16px rgba(0,121,107,0.2), 
		0px 0px 0px 24px rgba(0,121,107,0.1);
	box-shadow: 
		0px 0px 0px 8px rgba(0,121,107,0.3), 
		0px 0px 0px 16px rgba(0,121,107,0.2), 
		0px 0px 0px 24px rgba(0,121,107,0.1);
	transition: box-shadow 500ms;
}
.ser-btn-landing .avia-button:hover {
 	-webkit-box-shadow: 
		00px 0px 0px 8px rgba(0,121,107,0.2), 
		0px 0px 0px 16px rgba(0,121,107,0.1); 
	box-shadow: 
		0px 0px 0px 8px rgba(0,121,107,0.2), 
		0px 0px 0px 16px rgba(0,121,107,0.1); 
}

/* End Services Page Style  */



/* 
============================== REUSABLE STYLE (begin) ==============================
Description: add boxeffect class to parent ColorSection
By: Hsm
Last Date Modified: Nov 24 2021 
*/

/* ============================== boxeffect (begin) */
	.boxeffect .flex_column {
		box-shadow: 0 5px 10px rgb(0 0 0 / 16%);
	    max-width: 370px;
		border-radius: 10px;
		transition: transform .25s ease-in-out;
/* 		display: flex;
    	flex-direction: column;
    	justify-content: space-between;
    	animation-fill-mode: backwards;
		min-height: 350px;
		vertical-align: baseline; */
/* 		background-color: white !important; */
	}
 
	.boxeffect .flex_column img {
		border-radius: 10px 10px 0px 0px !important;
	}

	.boxeffect .flex_column .av-special-heading {
		font-size: 20px !important;
		padding: 30px 30px 1px 30px !important;
		margin-top: 0px !important;
	}

	.boxeffect .flex_column .avia_textblock {
		padding: 0px 30px;
	}
	.boxeffect .flex_column .av_textblock_section {
		min-height: 50px;
	}
	.boxeffect .flex_column:hover {
		transform: translate(0, -10px) !important;
	} 
	.boxeffect .flex_column .readmoretxt {
		margin-top: 20px;
    	position: absolute; /* keep button at the bottom of the page but takes it out of the document's regular flow */
    	bottom: 15px;
    	width: 100%; /* keep the element at the center after changing to absolute position */
	}

/* ============================== boxeffect (end) */



/* ============================== iconeffect (begin) */
.iconboxeffect .iconbox_icon {
	border-width: 0px !important;
	box-shadow: 0 0 10px rgb(0 0 0 / 16%);
}
.iconboxeffect .iconbox_content_title {
	font-weight: bold !important;
}
.iconboxeffect .flex_column {
	border-radius: 10px !important;
	padding: 25px;
	transition: transform .50s ease-in-out;
}
.iconboxeffect .flex_column:hover {
/* 	transform: translate(0, -10px) !important; */
 	background: rgb(0,121,107);
	background: linear-gradient(90deg, rgba(0,121,107,1) 0%, rgba(22,80,108,1) 100%);
} 
.iconboxeffect .flex_column:hover .iconbox_icon,
.iconboxeffect .flex_column:hover .iconbox_content_title,
.iconboxeffect .flex_column:hover p {
	color: #fff !important;
	border-color: #fff !important;
}
.iconboxeffect .flex_column:hover .iconbox_icon {
	box-shadow: 0 0 10px rgb(128 128 128);
}
/* ============================== iconeffect (end) */



/* ============================== perspective image 3D (begin) */
.perspective3dleft, .perspective3dright{
  perspective: 100px;
}    
.p3dcontainer .avia-image-container {
box-shadow: 0 5px 10px rgb(0 0 0 / 16%);
border-radius: 10px;
transition: transform .25s ease-in-out;
transform-style: preserve-3d;
} 
  
.perspective3dleft .avia-image-container {
transform: rotateY(2deg);
}
.perspective3dright .avia-image-container {
transform: rotateY(-2deg);
}
.p3dcontainer:hover .perspective3dleft .avia-image-container {
transform: rotateY(2.5deg) !important;
}
.p3dcontainer:hover .perspective3dright .avia-image-container {
transform: rotateY(-2.5deg) !important;
}
.p3dcontainer {
transition: background-color 1s linear;
}
.p3dcontainer:hover {
background-color:#eaedf2 !important;
}
.p3dcontainer .hr-inner {
transition: border-color .25s ease-in-out;
}
.p3dcontainer:hover .hr-inner {
border-color: #00796b !important;
}
.p3dcontainer img { 
border-radius: 10px !important;
}


/* ============================== perspective image 3D (end) */




/* ============================== Row Box with Numbers (begin) {used in: SEO Service Page} */

.horizontalRowBoxesContainer .flex_column_table {
    border-radius: 10px;
    overflow: hidden;
}

.horizontalRowBoxesContainer .avia-image-container {
    margin-left: -5px;
}

.horizontalRowBoxesContainer img {
    border-radius: 0;
}

.stepNumbers {
    font-size: 60px;
    font-weight: bold;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    margin: 0;
    width: 120px;
    height: 120px;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.stepNumbers p {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* ============================== Row Box with Numbers (end) */


/* ============================== REUSABLE STYLE (end) ============================== */