/*
Theme Name: Uchenna Igwe
Theme URI: https://ucheigwe.org/
Description: Customisations for Uchenna Gerald Igwe Website
Author: Blue Sequence
Author URI: https://bluesequence.com
Template: Divi
Version: 0.1.0
*/

/*------------------------------------------------*/
/*-------------------[GENERAL]--------------------*/
/*------------------------------------------------*/

/** Stylying Flexybread crumbs**/
.fbc-page .fbc-wrap .fbc-items li {
  padding: 0 5px ;
}
/*.fbc-page .fbc-wrap .fbc-items li a {
	color: #201f1d !important;
	}*/

.fbc-page .fbc-wrap .fbc-items li.active span {
color: #201f1d !important;
padding-bottom: 5px;
border-bottom: 3px dotted #f4d12f;

}

.fbc-page .fbc-wrap .fbc-items li:first-child {
 padding-left: 0px;
 }


/*this sets the breadcrumbs ol*/	
 .et-db #et-boc .et-l .et_pb_text ol {
  padding-bottom: 0;
}



/*style the current item*/

.et_pb_menu_0_tb_header.et_pb_menu a::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 3px;
    left: 0;
    height: 3px;
    width: 100%;
    background-color: #f4d12f;
    transform-origin: right top;
    transform: scale(0, 1);
    transition: color 0.1s,transform 0.2s ease-out;
}
.et_pb_menu_0_tb_header.et_pb_menu a:active::before {
    background-color: #f4d12f;
}
.et_pb_menu_0_tb_header.et_pb_menu a:hover::before, a:focus::before {
    transform-origin: left top;
    transform: scale(1, 1);
}
/*adjust hamburger icon margin top*/
.mobile_menu_bar {
     margin-top: -40px !important;
}
/*change hamburger icon to x when mobile menu is open*/
#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}

/*adjust the new toggle element which is added via jQuery*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}
/*some code to keep everyting positioned properly*/
ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}

/*remove default background color from menu items that have children*/
.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}

/*hide the submenu by default*/
ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #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,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}
/*adjust the toggle icon position and transparency*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
	text-align: center;
	opacity: 1;
}

/*Create the opening/closing icon using the Divi's Icons*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
}

/*Set the opening icon for custom Tax Pages*/
body.single-product:not(.et-tb-has-template) ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
body.tax-product_cat ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
body.tax-project_category ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
body.single-product.et-db:not(.et-tb-has-template) #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
body.tax-product_cat.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
body.tax-project_category.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	content: "+";
}

/*Set the opening icon for default WordPress Pages*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	content: "\4c";
}

/*Set the closing icon*/
ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
body.single-product:not(.et-tb-has-template) ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
body.single-product.et-db:not(.et-tb-has-template) #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
body.tax-product_cat ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
body.tax-product_cat.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
body.tax-project_category ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after,
body.tax-project_category.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle::after {
	content: '\4d';
}

.et-db #et-boc .et-l .et_pb_menu_2_tb_header.et_pb_menu .et_mobile_menu li.current-menu-item a{
	color: #b30f0f !important;
}

/*Styling hover animation*/
.hover-underline-animation {
  display: inline-block;
  position: relative;
  color: #f4d12f;
}

.hover-underline-animation::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #f4d12f;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.hover-underline-animation:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
/*this sets the height of the image module*/
.ucheigwe-full-height-image-column{
height:100%}

/*this sets the height of the image container*/
.ucheigwe-full-height-image-column .et_pb_image_wrap{
height:100%}

/*this sets the height and fit of the actual image*/
.ucheigwe-full-height-image-column img{
  object-fit:cover;
  height:100%
}
/*Styling guest book button*/
.gwolle-gb-write-button input[type="button"].button{
  font-size: 16px;
  font-weight: bold;
  line-height: 1em;
  border-radius: 4px 4px 4px 4px;
  padding: 15px 30px 15px 30px;
  background-color:#f4d12f;
  color:#201f1d; 
  text-transform: uppercase;
  border-color:#f4d12f;
}
.gwolle_gb_submit input[type="submit"].button{
  font-size: 16px;
  font-weight: bold;
  line-height: 1em;
  border-radius: 4px 4px 4px 4px;
  padding: 15px 30px 15px 30px;
  background-color:#f4d12f;
  color:#201f1d; 
  text-transform: uppercase;
  border-color:#f4d12f;
}
form.gwolle-gb-write button.gb-notice-dismiss{
  background-color: #201f1d !important;
  line-height: 18px !important;
  height: 18px !important;
  width: 16px !important;
  font-size: 14px !important;
}

.gwolle-gb .gwolle_gb_messages{
    border-left: 4px solid #f4d12f !important;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
    padding: 1px 12px;
    margin: 5px 0 15px;
}
.gwolle-gb div.input input[type="text"],
 .gwolle-gb div.input input[type="email"],
 .gwolle-gb div.input input[type="url"],
 .gwolle-gb div.input textarea,
 .gwolle-gb div.input select {
  padding: 10px !important;
}
/*special anchor syling css*/
 
.size-guide-anchor a{
  display: inline-block;
  position: relative;
  color: #f4d12f;
  }
.size-guide-anchor a::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #f4d12f;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
.size-guide-anchor a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
.size-guide-anchor p{
 padding-bottom:0.7em;
}