/*======================================
Theme Name:   Divi Construction & Architecture Child Theme
Theme URI:    https://diviawesome.com/product/divi-construction-child-theme/
Description:  We have designed the theme in mind it has to be fast, conversion proof, and responsive for all devices and guess what? We did it. Finally, we have an amazing modern Divi construction child theme you can use on unlimited websites and on client websites.
Version:      1.0
Author:       Lovish Gulati
Author URI:   https://diviawesome.com/
Template:     Divi
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */



/****--------- GALLERY PAGE ---------****/


/** Pagination Styling - No Top Border **/
.et_pb_gallery .et_pb_gallery_pagination {
    border-top: 0px;
}


/** Active Pagination **/
.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active, .et_pb_gallery .et_pb_gallery_pagination ul li a.active {
    color: #fff;
    background-color: #ffbe09;
    padding: 10px 16px;
    border-radius: 30px;
}


/** Default Pagination **/
.et_pb_gallery .et_pb_gallery_pagination ul li a {
    color: #000;
    padding: 10px 16px;
    background-color: #f7f7f7;
    border-radius: 30px;
    font-weight: bold;
}

/** Center Align Pagination **/
.et_pb_gallery .et_pb_gallery_pagination ul {
    text-align: center;
}

/**** Gallery Hover Effect Rotate and Scale****/


/**Normal State**/
@media (min-width: 981px){
.et_pb_gallery_grid .et_pb_gallery_item img {
    transition: .5s ease-in-out;
}
}


/** Hover State **/
@media (min-width: 981px){
.et_pb_gallery_grid .et_pb_gallery_item img:hover {
    transform: scale(1.3) rotate(-5deg);
    transition: .5s ease-in-out;
}
}





/***** -------- CONTACT BUTTON FULL WIDTH -------- ****/


.et_pb_module .et_pb_contact_submit, .et_pb_module .et_contact_bottom_container {
    width: 100%!important;
}





/**** ------- HERO SLIDER -------- ****/



/** Slider Arrows Responsive **/

@media (min-width: 981px){
	.et-pb-slider-arrows a{
    color: black;
	padding: 5px 5px!important;
	background-color: #f7f7f7;
	}
}

@media only screen and (max-width: 481px){
	.et-pb-slider-arrows a {
    color: #000000;
    background: #f7f7f7;
    padding: 0px 0px !important;
}
}


/** Slider Arrows **/

.et-pb-arrow-prev::before {
	content: "\34";
	color: black;
}
.et-pb-arrow-prev:hover:before {
	content: "\34";
	color: white !important;
}

.et-pb-arrow-next:hover:before {
	content: "\35";
	color: white !important;
}




/** Slider Arrows Hover **/
.et-pb-slider-arrows a:hover {
    color: #f7f7f7;
    background: linear-gradient(90deg,rgba(248,149,30,1) 35%,rgba(255,190,9,1) 100%);
}


/** Slider Controllers **/
.et-pb-controllers a{
	transform: scale(2, 2);
}


/** Slider Active Controller **/
a.et-pb-active-control {
    background: linear-gradient(90deg, rgba(248,149,30,1) 35%, rgba(255,190,9,1) 100%);
}




/***** --------- CUSTOM WIDGETS --------- *****/



/** Sidebar widget titles **/
h4.widgettitle {
    padding: 10px;
    color: white;
    background: linear-gradient(90deg, rgba(248,149,30,1) 35%, rgba(255,190,9,1) 100%);
    border-radius: 3px;
}


/** Sidebar Search button  **/
input#searchsubmit {
    background: linear-gradient(194deg, rgba(66,65,66,1) 0%, rgba(2,3,2,1) 100%)!important;
    color: white!important;
	border:0px;
}


/** Sidebar Categories Styling **/
li.cat-item.cat-item {
    color:#000;
	background-color: #f7f7f7;
    padding: 5px 10px;
}

.clearfix {
    padding: 15px 5px;
}

.et_pb_widget ul li {
  background-color:#F7F7F7;
  margin-bottom:0.5em;
  padding: 5px 10px;
  margin: 10px 0px;
}

li.cat-item a {
    width: 88%;
    display: inline-grid;
}



/** Sidebar Tags Styling **/
.tagcloud {
    margin-top: 10px;
}

div#archives-3 ul li a{
	width:88%;
	display:inline-grid;
}







/*****  Portfolio Filter Styling   **********/



/** Default **/
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
    color: #000000;
    font-weight: 700;
    padding: 10px 20px;
    border: 1px;
	border-color:#000000;
	background: #f7f7f7;
}

.et_pb_filterable_portfolio .et_pb_portofolio_pagination {
    border-top: 0px;

}

/** Hover **/
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover {
    color: #000;
    background-color: #f4f4f4;
}

/** Active Tab **/
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {
    color: #ffffff;
    background: linear-gradient(194deg, rgba(66,65,66,1) 0%, rgba(2,3,2,1) 100%);
}

/** Active Tab Box Curved **/
.et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a {
    border-radius: 3px;
}







/****-------- Dropdown Of Menu --------****/


.et_pb_menu .et-menu-nav > ul ul {
    padding: 0;
}

.nav li li {
    padding: 0;
}

.et-menu li li a {
    width: 240px;
}

.nav li ul.sub-menu li.current-menu-item a {
    background-image: linear-gradient(120deg, #f8951e, #ffbe09);
}
.nav li ul.sub-menu li.current-menu-item a:hover {
    padding-left:20px;
}

.et_mobile_menu li a:hover, .nav ul li a{
	transition: all .5s ease;
}


.et_mobile_menu li a:hover, .nav ul li a:hover {
    opacity: 1;
	padding-left:30px;
	background-image: linear-gradient(120deg, #f8951e, #ffbe09);
	transition: all .5s ease;
}

@media screen and (min-width:981px) {
.sub-menu::before{
	content: '\42';
    font-family: ETmodules;
    color: white;
    padding-left: 18px;
    font-size: 30px;
	position:absolute;
	top:-17px;
}
}

.et_pb_menu .et_pb_menu__menu > nav > ul > li > ul {
    top: calc(100% - -5px);
}






/*****------- Mobile Nested Submenu  -------****/



/** This hides the sub menu items on mobile **/
#page-container .mobile_nav li ul.hide {
    display: none !important;
}


/** This adjusts the positioning and the background transparency of the parent menu item on mobile **/
#page-container .mobile_nav .menu-item-has-children {
    position: relative;
}
#page-container .mobile_nav .menu-item-has-children > a {
    background: transparent;
}


/** This styles the icon and moves it to the right **/
#page-container .mobile_nav .menu-item-has-children > a + span {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px 20px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    z-index: 3;
}


/** Here you can swap out the actual icons **/
#page-container span.menu-closed:before {
    content: "\4c";
    display: block;
    color: #fff;
    font-size: 16px;
    font-family: ETmodules;
}
#page-container span.menu-closed.menu-open:before {
    content: "\4d";
}


/** Back to Top Button **/
.et_pb_scroll_top.et-pb-icon {
    background: linear-gradient(90deg, rgba(248,149,30,1) 35%, rgba(255,190,9,1) 100%);
	border-width: 0px !important;
    border-radius: 50px;
    padding: 10px;
}






/****------- Tabs --------****/

.et_pb_tabs_controls {
	min-width:33.33%;
	background: linear-gradient(180deg, rgba(66,65,66,1) 0%, rgba(2,3,2,1) 100%);
}

.et_pb_tab_active{
	background: linear-gradient(169deg, rgba(248,149,30,1) 0%, rgba(255,190,9,1) 100%);
}






/****--------------- Blog Page Pagination ---------------****/

/* Removing Top Border Of Pagination */
.wp-pagenavi {
	text-align:center;
    border-top: 0px;
}


/** Color change of Page numbers **/
.wp-pagenavi a, .wp-pagenavi span {
    color: #000;
}


/** Active Page Number Styling **/
.wp-pagenavi span.current {
    color: #ffffff!important;
    background: linear-gradient(90deg, rgba(248,149,30,1) 35%, rgba(255,190,9,1) 100%);
    padding: 10px 17px;
    border-radius: 30px;
}


/** Other Numbers Styling **/
.wp-pagenavi a {
	color:white !important;
    background: linear-gradient(180deg, rgba(66,65,66,1) 0%, rgba(2,3,2,1) 100%);
	padding: 10px 17px;
    border-radius: 30px;
}

.wp-pagenavi a:hover {
	color:white !important;
}

.wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink {
    color: #ffffff !important;
	
}



/** Contact Form Success Message **/

.et-pb-contact-message {
color: #ffffff;
font-size: 21px;
}