/*
Theme Name: Divi Child
Theme URI: https://yourdomain.com
Description: Divi Child Theme
Author: Venkat
Template: Divi
Version: 1.0.0
*/

/* Header and menus */
#main-header { background-color:#00afd6; }
#top-menu-nav ul>li>a:hover { color:#333333; }
#top-menu-nav ul.sub-menu { width:280px; }
#top-menu-nav ul.sub-menu li a { width:240px; }
#top-menu-nav ul.sub-menu li a:hover {  background-color:#00afd6; color:#ffffff; }
#top-menu-nav ul.sub-menu li.current-menu-item a {  background-color:#00afd6; }
#top-menu-nav ul.sub-menu li.current-menu-ancestor {  background-color:#00afd6; }
.nav li li ul { left: 100%; }

#main-header.et-fixed-header { padding: 8px 0; height:90px; }
#main-header.et-fixed-header #logo { height: 75px !important; max-height: 75px !important; }
#main-header.et-fixed-header .nav li a { font-size: 14px; }
#main-header.et-fixed-header #et-top-navigation { margin-top:12px; }

/* tablet */
@media (max-width: 1032px) and (min-width:441px ) {
    .et_header_style_left #logo { max-height: 80%; }
	#copy-right { margin-left:-50px; } 
	#credits { margin-right:-50px; }
}

#copy-right, #credits{ color:#00afd6; font-size:18px; }
#footer-social-icons { display: flex; justify-content: space-evenly; align-items: center; }
#footer-social-icons .et_pb_icon { margin: 0 !important; flex: 0 0 auto; }
.et_pb_scroll_top.et-pb-icon.et-visible { margin-right:60px !important;}
#footer-menu a { color:#ffffff; font-size:18px; }
@media only screen and (max-width: 767px) {
    #footer-social-icons { margin-left: -96px; }
}

/* Proper Collapsable Mobile Menu */
/* Style the icon's placeholder */
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle{
  width: 44px;
  height: 100%;
  padding: 0px !important;
  max-height: 44px;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 999;
  background-color: transparent;
  border-bottom: 0;
  text-align: center;
}

ul.et_mobile_menu > li.menu-item-has-children,
ul.et_mobile_menu > li.menu-item-has-children .sub-menu li.menu-item-has-children {
  position: relative;
}

.et_mobile_menu .menu-item-has-children > a {
  background-color: transparent;
}

/* Hide the Sub-menu */
ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
  display: none !important;
  visibility: hidden !important;
}

/* Show the sub-menu when the + icon is clicked */
ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
  display: block !important;
  visibility: visible !important;
}

/* Create the opening/closing icon using the SVG Icons */
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle .dt-icons {
  top: 10px;
  position: relative;
}

/* Hide the closing icon if the sub-menu is not open */
ul.et_mobile_menu li.menu-item-has-children:not(.dt-open) .mobile-toggle .dt-close-icon {
  display: none;
}

/* Hide the opening icon if the sub-menu is open */
ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle .dt-open-icon {
  display: none;
}

body p { 
    text-align: justify;
    text-justify: inter-character;
    hyphens: auto;

    /* Browser support */
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;

    overflow-wrap: break-word;
    word-wrap: break-word;
}

/* Gallery Section Two slide slider on hover*/
/* Container */
#sec-image-cards .et_pb_slider { position: relative; cursor:pointer; }

/* Stack only the second slide */
#sec-image-cards .et_pb_slider .et_pb_slide:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: 10;
    display: flex !important;
}

/* Show overlay slide on hover */
#sec-image-cards .et_pb_slider:hover .et_pb_slide:nth-child(2) { opacity: 1; }

#sec-image-cards .et_pb_slider,
#sec-image-cards .et_pb_slider .et_pb_container { min-height: 680px;}

#sec-image-cards .et_pb_slider .et_pb_slide:nth-child(2) { background: rgba(0,0,0,.75); }

/* Posts */
figure.wp-block-image img { aspect-ratio: auto !important; }

.et_pb_contact_form .et_pb_contact_field { border: 1px solid black; color:black; }

.et_pb_contact_form .et_pb_contact_field label, 
.et_pb_contact_form .et_pb_contact_field input, 
.et_pb_contact_form .et_pb_contact_field textarea
 { color:black !important; }

.et_pb_contact_form .et_pb_contact_field_8, 
.et_contact_bottom_container .et_pb_contact_field {
	border: none
}