/*
 Theme Name:   Webtech Agency
 Description:  Divi Child Theme
 Author:       Webtech Design Co.
 Author URI:   https://webtechdesign.co
 Template:     Divi
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
 Text Domain:  divi-child-theme
*/

/* ==== Add your own styles below this line ====
 * -------------------------------------------- */


/*** FontAwesome ***/

.fa-solid {
	font-family: FontAwesome;
	font-style: normal;
}


/*** Primary Navigation ***/

header .et-menu a,
header .et_mobile_menu a {
	color: #00415E;
	font-weight: 700;
	letter-spacing: -1px;
}

header .et-menu li li a,
header .et_mobile_menu li li a {
	font-weight: 500;
	letter-spacing: 0px;
}

header .et_mobile_menu li li {
	padding-left: 0;
}

header .menu_cta a {
	color: #ED1764;
	font-weight: 800;
}

header .menu_cta a:before {
	content: "";
	background: url(../svg/skew-icon-color.svg) no-repeat;
	display: inline-block;
	width: 25px;
	height: 25px;
	margin-right: 10px;
}

header .et_mobile_menu a:before {
	position: relative;
	top: 7px;
}



/*** Home ***/

body.home img.wp-image-8 {
	content: url("../svg/logo-webtech-agency_logo-color-reverse.svg");
}

body.home header .et_pb_menu__menu>nav>ul>li>a {
	color: #fff;
}

body.home header .mobile_nav .mobile_menu_bar:before {
	color: #fff;
}


body.home header .et_pb_section {
	background-color: transparent!important;
	position: absolute;
	width: 100%;
	height: 120px;
}

#home-hero .et_pb_fullwidth_header_container {
	padding-top: 130px; /* Height of Transparent Header */
	max-width: 1080px;
}



/*** Layout ***/
.vertical-align {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.no-margin {
	margin: 0!important;
}


/*** Modules ***/

.pa-blog-equal-height .et_pb_post {
	display: flex;
	flex-direction: column;
}

.et_pb_post_title .et_pb_title_meta_container:before {
	content: "\e059";
	font-family: etmodules;
	color: #535353;
	margin-right: 5px;
}

.pa-blog-equal-height .pa-auto-height {
    height: auto !important;
}

.pa-blog-equal-height .pa-auto-margin {
    margin-top: 20px !important;
}


/*** Post Content ***/

body {
	font-weight: normal;
}

h1, h2, h3 {
	font-weight: 700;
}

h4, h5, h6 {
	font-weight: 500;
}

sup {
	font-size: 50%;
}

small {
	font-size: .8em;
	font-weight: 300;
	line-height: 1.4em;
}

.et_pb_post_content h1:not(:first-child),
.et_pb_post_content h2:not(:first-child),
.et_pb_post_content h3:not(:first-child),
.et_pb_post_content h4:not(:first-child),
.et_pb_post_content h5:not(:first-child),
.et_pb_post_content h6:not(:first-child) {
	margin-top: 1em;
}

.no-break {
	white-space: nowrap;
}

ul.list-indent {
	margin-left: 1em;
}

ul.blocks-gallery-grid {
	list-style-type: none;
	padding: 0;
	margin-left: 0;
	line-height: 1em;
}

.et_pb_post_content p a,
.et_pb_post_content p a:active {
	color: #617E8E;
	font-weight: 600;
	transition: all 300ms ease 0ms;
}
.et_pb_post_content p a:hover {
	color: #999;
	transition: all 300ms ease 0ms;
}

.wp-block-button__link:active, .wp-block-button__link:focus, .wp-block-button__link:hover, .wp-block-button__link:visited {
	color: unset;
}

a.wp-block-button__link {
	color: #00415E;
	border: solid 2px #617E8E;
	border-radius: 50px;
	font-size: 16px;
	background-color: transparent;
	transition: all 300ms ease 0ms;
	line-height: 1.2em;
	font-weight: 700;
	padding: 15px 20px;
}

a.wp-block-button__link:hover,
.btn-primary a.wp-block-button__link:hover,
.btn-email a.wp-block-button__link:hover {
	color: #FFF;
	border-color: #00415E;
	background-color: #00415E;
	transition: all 300ms ease 0ms;
}

a.wp-block-button__link:after {
	line-height: inherit;
	font-size: inherit;
	margin-left: .3em;
	left: auto;
	display: inline-block;
	opacity: 1;
	content: "\f178";
	font-family: FontAwesome;
	font-weight: 900;
	color: #617E8E;
}

.btn-primary a.wp-block-button__link,
.btn-email a.wp-block-button__link {
	color: #fff;
	border: solid 2px #ed1163;
	border-radius: 50px;
	font-size: 16px;
	background-color: #ed1163;
	transition: all 300ms ease 0ms;
	line-height: 1.2em;
	font-weight: 700;
	padding: 15px 20px;
	box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
}

.btn-primary a.wp-block-button__link:after {
	color: #fff;
}


.btn-email a.wp-block-button__link:after {
	content: "\f1d8";
	color: #fff;
}

.wp-block-media-text {
	margin-bottom: 60px;
}

.wp-block-media-text .wp-block-media-text__content {
	padding: 8% 8% 8% 0;
	position: relative;
}

.wp-block-media-text .wp-block-media-text__media {
	box-shadow: 0 10px 30px -15px;
}

.quotation-mark:before {
	content: "";
	background: url(../svg/quotation-mark-transparent-50.svg) no-repeat;
	height: 125px;
	width: 125px;
	display: block;
	position: absolute;
	left: -50px;
	top: -25px;
	z-index: -1;
}
.service-block {
	margin-bottom: 1.75em;
	padding: 1.5em!important;
}

.service-block h3 {
	max-width: 320px;
}

.service-block h4 {
	margin-top: 0!important;
	color: #617E8E;
	max-width: 320px;
}

.service-fee {
	font-weight: 300;
	color: #617E8E;
	font-size: .9em;
	border-top: 1px solid rgba(97, 126, 142, 0.3);
	max-width: 350px;
	margin-top: 5px;
	padding-top: 5px;
	line-height: 1.4em
}

.featured-service .wp-block-column:first-of-type:before {
	content: 'Most Popular';
	display: inline-block;
	background: #ed1163;
	padding: 0 15px 0 10px;
	font-size: .95em;
	font-weight: 700;
	letter-spacing: -1px;
	color: #fff;
	position: relative;
	left: -30px;
	top: -15px;
	box-shadow: 0px 4px 6px -3px rgba(0,0,0,0.5);
	border-radius: 0 50px 50px 0;
}

.website-service-cats .fa-solid {
	font-size: 30px;
	color: #617E8E;
}

.website-service-cats h3 {
	font-weight: 700;
	letter-spacing: -1px;
	font-size: 18px;
	margin-top: .5em;
}

.light-gradient {
	background: linear-gradient(135deg,rgb(242,242,245) 0%,rgb(255,255,255) 100%);
}

ul.list-3-col {
	list-style: none;
	flex-wrap: wrap;
	display: flex;
	padding: 0;
	margin: 1em 0 0 0;
}

ul.list-3-col li {
	flex: 1 0 33%;
 	padding: 15px;
	text-align: center;
}

.team-member {
	margin-bottom: 30px;
	line-height: 1.2em;
}

.team-member h4 {
	color: #00415e;
	font-weight: 600;
	padding-bottom: 5px;
	line-height: 1em;
}

.team-member p {
	font-size: .8em;
 	color: #617e8e;
	line-height: 1em;
}

.team-member a {
	text-decoration: none!important;
	line-height: 1em;
}

ul.wp-block-social-links {
	list-style-type: none;
	padding: 0 0 23px 0;
}

.portfolio-3-col .et_pb_grid_item.et_pb_portfolio_item {
	margin: 0;
	width: 33.333%;
	padding: 1%;
}

.portfolio-3-col .et_pb_grid_item.et_pb_portfolio_item:nth-child(odd) {
	clear: none!important;
}

.portfolio-3-col .et_pb_grid_item.et_pb_portfolio_item:nth-child(3n) {
	margin-right: 0!important;
}

.blog-list .entry-featured-image-url {
	padding-top: 40%;
	display: block;
}

.blog-list .entry-featured-image-url img {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
}

.testimonials .et_pb_post,
.testimonials .el-dbe-blog-extra .post-content {
	display: flex;
	flex-direction: column;
}

.testimonials .entry-title:before {
	content: '\2013';
	margin-right: 5px;
}

.testimonials .post-content:before {
	content: '\2605 \2605 \2605 \2605 \2605';
	color: #EBBF05;
	font-size: 20px;
	display: block;
	margin-bottom: 10px;
}

.gallery-square .et_pb_gallery_image {
  padding-top: 100%;
}

.gallery-square .et_pb_gallery_item img {
  position: absolute;
  height: 100%;
  top: 0;
	object-position: 0 0;
	object-fit: cover;
}


/*** Sidebar ***/


et_pb_widget ul#menu-services li {
	position: relative;
}

.et_pb_widget ul#menu-services li a {
	color: #00415e;
	transition: all 300ms ease 0ms;
	position: relative;
	display: block;
	padding-right: 10px;

}

.et_pb_widget ul#menu-services li:hover a {
	color: #ED1163;
	transition: all 300ms ease 0ms;
}

.et_pb_widget ul#menu-services li a:after {
	content: "\f061";
	position: relative;
	left: 5px;
	font-family: FontAwesome;
	color: #ED1163;
	font-weight: 600;
	opacity: 0;
	transform: translateX(-30px);
	transition: all 300ms ease 0ms;
}
.et_pb_widget ul#menu-services li:hover a:after {
	left: 15px;
	opacity: 1;
	transform: translateX(0px);
	transition: all 300ms ease 0ms;
}




/*** Hide Google Captcha Badge ***/
.grecaptcha-badge {
	display: none;
}

/*** Hide Enable Divi Builder from Toolbar ***/
li#wp-admin-bar-et-use-visual-builder {
	display: none;
}


/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 981px) {

}


/*** Responsive Styles Tablet and Above ***/

@media (min-width: 767px) {

	/*set the image width*/
	.blog-list .entry-featured-image-url {
		width: 57.8%;
		margin-right: 5.5%;
		float: left;
		margin-bottom: 0!important;
	}

	/*set the details width*/
	.blog-list .entry-title,
	.blog-list .post-meta,
	.blog-list .post-content {
		width: 36.7%;
		float: left;
	}

}


/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {

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

	#no-hamburger .et_pb_menu__menu {
		display: block;
	}

	#no-hamburger .mobile_menu_bar {
		display: none;
	}

	.custom_row {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap; /* Safari 6.1+ */
		flex-wrap: wrap;
	}

	.first-on-mobile {
		-webkit-order: 1;
		order: 1;
	}

	.second-on-mobile {
		-webkit-order: 2;
		order: 2;
	}

	.third-on-mobile {
		-webkit-order: 3;
		order: 3;
	}

	.fourth-on-mobile {
		-webkit-order: 4;
		order: 4;
	}
	.custom_row .et_pb_column:last-child {
		margin-bottom: 30px;
	 }

	.custom_row .et_pb_column:not(:last-child) {
		margin-bottom: 0px;
	}

}


/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {

}


/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {

	.portfolio-3-col .et_pb_grid_item.et_pb_portfolio_item {
		width: 50%;
	}

	ul.list-3-col li {
	flex: 1 0 50%;
}



}


@media (max-width: 781px)  {

	.service-block .wp-block-columns {
		gap: 0em;
		margin-bottom: 0!important;
	}

	.service-block .wp-block-column {
		margin-bottom: 0!important;
	}
}


@media all and (max-width: 600px) {
	
	.wp-block-media-text .wp-block-media-text__content {
		padding: 8% 0 0 0;
	}

}

@media (max-width: 599px) {

	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		margin-bottom: 30px;
	}

	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:last-of-type {
		margin-bottom: 0px;
	}

   .testimonials article:nth-child(n+5) {
      display:none;
   }


}

/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {

	.portfolio-3-col .et_pb_grid_item.et_pb_portfolio_item {
		width: 100%;
	}

	ul.list-3-col li {
		flex: 1 0 100%;
	}



}