/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
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
Version: 3.6.1528959393+20260508T024309Z
Updated: 2018-06-14 06:56:33

*/


/*appycodes new css*/

label.screen-reader-text {
	display: none;
}

.et_pb_widget select {
	height: 40px;
}

div#categories-5 .widgettitle,
div#rpwwt-recent-posts-widget-with-thumbnails-3 .widgettitle {
	background-color: #1d4f92;
	padding: 10px;
	margin: 0px 0px;
	color: #fff;
}

div#rpwwt-recent-posts-widget-with-thumbnails-3 ul {
	background-color: #f2f2f2;
	padding: 10px !important;
}

div#rpwwt-recent-posts-widget-with-thumbnails-3 ul li:first-child {
	width: 100%;
	display: block;
}

div#rpwwt-recent-posts-widget-with-thumbnails-3 ul li:first-child a {
	display: block;
	width: 100%;
	text-align: center;
}

div#rpwwt-recent-posts-widget-with-thumbnails-3 ul li:first-child img {
	width: 100%;
	height: auto;
	max-width: -webkit-fill-available !important;
	margin-bottom: 10px;
	max-height: unset !important;
}

#rpwwt-recent-posts-widget-with-thumbnails-3 img {
	max-width: 100px !important;
	max-height: 100px;
}


/*span.rpwwt-post-title:hover {
    color: #000;
}*/

.single-post .et_right_sidebar #left-area {
	padding-right: 3% !important;
}

.single-post #left-area {
	width: 75%;
}

.single-post #sidebar {
	width: 25%;
}

.et_right_sidebar #main-content .container:before {
	right: 25% !important;
}


/*end of appycodes new css*/

.footer-socialicons a {
	margin-right: 3px;
}

#main-header .container #et-info #et-info-phone {
	font-family: "Open Sans" !important;
}

div#acurax_si_widget_simple a img {
	width: 45px;
	margin: 0 2px;
}

a.social-app-footer img {
	padding: 4px;
}

.container.clearfix {
	padding: 20px 0px 0px;
}

.container {
	width: 85% !important;
	max-width: 1200px !important;
	padding-right: 0px !important;
	padding-left: 0 !important;
}

div#et-top-navigation {
	width: 100% !important;
	background: #010B17;
	color: #fff !important;
	vertical-align: middle;
	padding: 10px 0px 0px;
	text-align: right;
}

.header-topline {
	border: .5px solid #010B17;
	margin-bottom: 1px;
}

.et_pb_row {
	width: 85%;
	max-width: 1200px;
}

div#top-header {
	padding: 10px;
	transform: inherit !important;
	background-color: #053065;
}

.container.clearfix #et-secondary-menu ul li a {
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 0px;
}

.container.clearfix #et-secondary-menu ul li {
	margin-left: 15px;
}

.logo_container {
	width: 45%;
	display: table-cell;
	text-align: left;
}

div#et-info {
	width: 100%;
	vertical-align: middle;
	padding-bottom: 0;
	float: right;
	text-align: right;
}

#main-header .container #et-info span,
a {
	font-size: 18px;
}

.container.clearfix.et_menu_container {
	display: table;
	vertical-align: middle;
}

#et-top-navigation nav#top-menu-nav {
	width: 100%;
	vertical-align: middle;
}

#top-menu li {
	padding: 0px 17px;
}

ul#top-menu {
	padding: 10px 0px;
	vertical-align: middle;
}

#top-menu a {
	color: #fff;
}

.footer-widget h4 {
	font-size: 22px;
	color: #fff;
	font-weight: 700;
	margin-bottom: 15px;
}

.footer-widget .et-search-form,
.et_mobile_menu,
.footer-widget li:before,
.nav li ul,
blockquote {
	border-color: #fff;
}

div#footer-info {
	width: 100%;
	text-align: center;
}

#et-footer-nav .container {
	text-align: center;
}

.entry-content div.et_pb_section.et_pb_section_0 {
	background-position: top;
}

.clearfix .footer-widget:first-child {
	margin: 0px 2% 5.5% 0;
	width: 44%;
}

.clearfix .footer-widget:last-child {
	margin: 0px 2% 5.5% 0;
	display: block;
	width: 25%;
}

.clearfix:last-child .footer-widget .recent-posts-widget-with-thumbnails {
	display: inline-block;
	width: 50%;
}

.clearfix .footer-widget:nth-child(2) {
	width: 25%;
	margin-right: 2%;
}

.clearfix:last-child .footer-widget div#tp_widget_recent_tweets-3 {
	display: inline-block;
	width: 50%;
}

.et_pb_gutters3.et_pb_footer_columns3 .footer-widget .fwidget {
	margin-bottom: 10%;
}

.bottom-nav {
	text-align: center;
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: auto;
}

.bottom-nav li:before {
	content: "|";
	padding: 0 10px;
	color: #2ea3f2;
}

.bottom-nav li:first-child:before {
	content: none;
}

.bottom-nav li {
	padding-right: 0px !important;
}

#footer-bottom .container .bottom-nav li a {
	color: #2ea3f2;
}

#footer-widgets .footer-widget li:before {
	display: none;
}

#footer-widgets .footer-widget li {
	padding-left: 0px;
	margin: 0 0 10px;
}

div#recent-posts-widget-with-thumbnails-2 {
	margin: 0% !important;
	width: 100%;
}

/* === Blog featured (sticky) post readability tweaks (staging) ===
   Goal: reduce hero image height and add a readable content box.
*/
body.blog article.sticky.et_pb_post {
	border: 1px solid rgba(0,0,0,0.12) !important;
	border-radius: 14px !important;
	overflow: hidden !important;
	background: #ffffff !important;
	box-shadow: 0 10px 30px rgba(0,0,0,0.06) !important;
}

/* Reduce featured image height for sticky post */
body.blog article.sticky.et_pb_post a.entry-featured-image-url img,
body.blog article.sticky.et_pb_post .entry-featured-image-url img {
	width: 100% !important;
	height: 260px !important;           /* reduces tall featured image */
	object-fit: cover !important;
	object-position: center !important;
	display: block !important;
}

/* Give the text a padded "card" feel */
body.blog article.sticky.et_pb_post .entry-title,
body.blog article.sticky.et_pb_post .post-meta,
body.blog article.sticky.et_pb_post .post-content {
	padding-left: 18px !important;
	padding-right: 18px !important;
}

body.blog article.sticky.et_pb_post .post-content {
	padding-bottom: 18px !important;
}

/* Force override: Divi / customizer CSS sometimes loads after child CSS */
body.blog.et_divi_theme #main-content article.et_pb_post.sticky {
	border: 1px solid rgba(0,0,0,0.12) !important;
	border-radius: 14px !important;
	overflow: hidden !important;
	background: #ffffff !important;
	box-shadow: 0 10px 30px rgba(0,0,0,0.06) !important;
}
body.blog.et_divi_theme #main-content article.et_pb_post.sticky a.entry-featured-image-url > img {
	height: 260px !important;
	object-fit: cover !important;
}

/* Disable AI Services icon pseudo-elements (fix garbled icon cluster in dropdown) */
#top-menu li.ai-menu > ul.sub-menu > li > a:before {
  content: none !important;
}

/* AI Services dropdown: force-hide plugin pseudo-icons (etmodules glyphs) */
#top-menu li.ai-menu > ul.sub-menu > li > a::before {
  content: "" !important;
  display: none !important;
  background: none !important;
}


/* AI Services dropdown: add one SVG icon per item */
#top-menu li.ai-menu > ul.sub-menu > li > a {
  position: relative;
  padding-left: 34px !important; /* room for icon */
}

#top-menu li.ai-menu > ul.sub-menu > li > a::after {
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0.95;
}

#top-menu li.ai-menu > ul.sub-menu > li#menu-item-241518 > a::after {
  background-image: url('/wp-content/themes/Divi-child/assets/menu-icons/ai-web-design.svg');
}
#top-menu li.ai-menu > ul.sub-menu > li#menu-item-241516 > a::after {
  background-image: url('/wp-content/themes/Divi-child/assets/menu-icons/ai-content.svg');
}
#top-menu li.ai-menu > ul.sub-menu > li#menu-item-241517 > a::after {
  background-image: url('/wp-content/themes/Divi-child/assets/menu-icons/ai-chatbot.svg');
}

/* AI Services dropdown: ensure SVG ::after renders (some CSS sets ::after content:none) */
#top-menu li.ai-menu > ul.sub-menu > li > a::after {
  content: "" !important;
  display: block !important;
}

/* AI Services dropdown: icon spacing + weight tweaks */
#top-menu li.ai-menu > ul.sub-menu > li > a {
  padding-left: 44px !important;
}
#top-menu li.ai-menu > ul.sub-menu > li > a::after {
  left: 16px !important;
  width: 18px !important;
  height: 18px !important;
}

/* AI Services dropdown: width + padding to match SEO menu feel */



/* ONE-COL DROPDOWNS (CONSOLIDATED, 2026-03-16)
   Goal: keep current look, but remove conflicting stacked experiments.
   - One-Col-Drop: all non-mega dropdowns except AI Services
   - One-Col-AI: AI Services only (custom SVG icons)
   - Branding: stable ET icon glyphs + extra icon/text gap
*/
@media (min-width: 1024px) {
  /* Panel width: fit content (no dropdown images) */
  #top-menu > li.menu-item-has-children:not(.mega-menu) > ul.sub-menu {
    width: max-content !important;
    min-width: 320px !important;
    max-width: 800px !important;
    padding: 18px !important;
    padding-right: 18px !important;
    background-color: #ffffff !important; /* fix: dropdown panel background should not be transparent */
    background-image: none !important;
    opacity: 1 !important;
  }

  /* Mega-menu dropdowns (SEO, Web Design) were still transparent because they carry .mega-menu */
  #top-menu > li.mega-menu.menu-item-has-children > ul.sub-menu {
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
  }
  #top-menu > li.mega-menu.menu-item-has-children:hover > ul.sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
  }

  /* Hard override: some theme rules set UL background to transparent via .nav li ul */
  #top-menu > li.menu-item-has-children > ul.sub-menu,
  #top-menu > li.menu-item-has-children > ul.sub-menu * {
    background-clip: padding-box !important;
  }
  #top-menu > li.menu-item-has-children > ul.sub-menu {
    background: #ffffff !important;
  }

  /* One-Col-Drop: all non-mega dropdowns EXCEPT AI Services */
  #top-menu > li.menu-item-has-children:not(.mega-menu):not(#menu-item-241519) > ul.sub-menu > li {
    width: 100% !important;
    display: block !important;
    clear: both !important;
    margin-bottom: 10px !important;
  }
  #top-menu > li.menu-item-has-children:not(.mega-menu):not(#menu-item-241519) > ul.sub-menu > li:last-child {
    margin-bottom: 0 !important;
  }
  #top-menu > li.menu-item-has-children:not(.mega-menu):not(#menu-item-241519) > ul.sub-menu > li > a {
    display: block !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
  }

  /* One-Col-AI: AI Services only (custom SVG icons, no ET glyphs) */
  #top-menu > li#menu-item-241519 > ul.sub-menu > li {
    margin-bottom: 10px !important;
  }
  #top-menu > li#menu-item-241519 > ul.sub-menu > li:last-child {
    margin-bottom: 0 !important;
  }
  #top-menu > li#menu-item-241519 > ul.sub-menu > li > a {
    background-repeat: no-repeat !important;
    background-position: 16px 50% !important;
    background-size: 18px 18px !important;
    padding-left: 44px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    line-height: 1.3 !important;
  }
  #top-menu > li#menu-item-241519 > ul.sub-menu > li > a:before,
  #top-menu > li#menu-item-241519 > ul.sub-menu > li > a::before,
  #top-menu > li#menu-item-241519 > ul.sub-menu > li > a:after,
  #top-menu > li#menu-item-241519 > ul.sub-menu > li > a::after {
    content: none !important;
    display: none !important;
  }
  #top-menu > li#menu-item-241519 > ul.sub-menu > li#menu-item-241518 > a { background-image: url(/wp-content/themes/Divi-child/assets/menu-icons/ai-web-design.svg) !important; }
  #top-menu > li#menu-item-241519 > ul.sub-menu > li#menu-item-241516 > a { background-image: url(/wp-content/themes/Divi-child/assets/menu-icons/ai-content.svg) !important; }
  #top-menu > li#menu-item-241519 > ul.sub-menu > li#menu-item-241517 > a { background-image: url(/wp-content/themes/Divi-child/assets/menu-icons/ai-chatbot.svg) !important; }

  /* Branding: stable ET glyphs + spacing between icon and text */
  #top-menu > li#menu-item-18 > ul.sub-menu > li > a:after,
  #top-menu > li#menu-item-18 > ul.sub-menu > li > a::after {
    content: none !important;
    display: none !important;
  }
  #top-menu > li#menu-item-18 > ul.sub-menu > li > a:before { content: none !important; display: none !important; }
  #top-menu > li#menu-item-18 > ul.sub-menu > li > a {
    position: relative !important;
    padding-left: 44px !important;
  }
  #top-menu > li#menu-item-18 > ul.sub-menu > li > a::before {
    font-family: etmodules !important;
    speak: none !important;
    font-style: normal !important;
    font-weight: normal !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block !important;
    position: absolute !important;
    left: 18px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 14px !important;
    line-height: 1 !important;
    opacity: 0.75 !important;
    width: 16px !important;
    text-align: center !important;
  }
  #top-menu > li#menu-item-18 > ul.sub-menu > li#menu-item-1442 > a::before { content: "\e02a" !important; }
  #top-menu > li#menu-item-18 > ul.sub-menu > li#menu-item-1780 > a::before { content: "\e01a" !important; }
  #top-menu > li#menu-item-18 > ul.sub-menu > li#menu-item-2017 > a::before { content: "\e030" !important; }
  #top-menu > li#menu-item-18 > ul.sub-menu > li#menu-item-1783 > a::before { content: "\e0ea" !important; }
  #top-menu > li#menu-item-18 > ul.sub-menu > li#menu-item-1787 > a::before { content: "\e08a" !important; }
  #top-menu > li#menu-item-18 > ul.sub-menu > li#menu-item-932  > a::before { content: "\e005" !important; }
  /* Photo/Video: production had none; keep graphic-design icon so they’re not blank */
  #top-menu > li#menu-item-18 > ul.sub-menu > li#menu-item-5315 > a::before { content: "\e01a" !important; }
  #top-menu > li#menu-item-18 > ul.sub-menu > li#menu-item-5314 > a::before { content: "\e01a" !important; }
}

/* Hover bridge: make submenu hover area match/cover the visual dropdown (prevents \"falling off\" while moving mouse) */
@media (min-width: 1024px) {
  #top-menu > li.menu-item-has-children:not(.mega-menu) {
    position: relative !important;
  }
  #top-menu > li.menu-item-has-children:not(.mega-menu) > ul.sub-menu {
    /* ensure the panel itself is the hover target */
    box-sizing: border-box !important;
  }
  #top-menu > li.menu-item-has-children:not(.mega-menu) > ul.sub-menu::before {
    content: "";
    position: absolute;
    left: 0;
    top: -14px;           /* bridge gap between parent and dropdown */
    width: 100%;
    height: 14px;
  }
  #top-menu > li.menu-item-has-children:not(.mega-menu) > ul.sub-menu > li > a {
    width: 100% !important; /* make the whole row clickable/hoverable */
    box-sizing: border-box !important;
  }
}

/* Fix: AI Services submenu items must be one column (force block layout) */
@media (min-width: 1024px) {
  #top-menu > li#menu-item-241519 > ul.sub-menu > li {
    width: 100% !important;
    display: block !important;
    clear: both !important;
  }
}

/* Mega menu dropdown background (applies at all breakpoints) */
#top-menu > li.mega-menu.menu-item-has-children > ul.sub-menu {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

/* Codex fix: keep mega-menu panels white while restoring contained transparent art. */
@media (min-width: 1024px) {
  #top-menu > li#menu-item-27.seo-menu > ul.sub-menu,
  #top-menu li.seo-menu > ul.sub-menu {
    background-color: #ffffff !important;
    background-image: url('/wp-content/uploads/seo-menu.jpg') !important;
    background-repeat: no-repeat !important;
    background-position: right 24px bottom 18px !important;
    background-size: min(200px, 28vw) auto !important;
    opacity: 1 !important;
    overflow: hidden !important;
  }

  #top-menu > li#menu-item-28.web-design > ul.sub-menu,
  #top-menu li.web-design > ul.sub-menu {
    background-color: #ffffff !important;
    background-image: url('/wp-content/uploads/backimg-01.jpg') !important;
    background-repeat: no-repeat !important;
    background-position: right 18px bottom 0 !important;
    background-size: min(450px, 42vw) auto !important;
    opacity: 1 !important;
    overflow: hidden !important;
  }
}