/*======================================
Theme Name: Travel Agency Divi Child Theme
Theme URI: https://diviawesome.com/product/travel-agency-divi-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 Travel Agency child theme.
Version: 1.0
Author: Lovish Gulati
Author URI: https://diviawesome.com/
Template: Divi
======================================*/


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


/*
 * 
 * ------ Gallery Page  ------
 * 
 */

/** To Make Gallery Gutterless **/
.et_pb_gallery_item { 
    margin:0px !important; 
    width:25% !important;
}


/** To Add Border in Images  **/
.et_pb_gallery_item {
    border: 1px solid transparent;
}


/** To Remove Overlay  **/
.et_overlay {
    display:none;
}


/** To Give a Zoom Effect to Images **/
.gallery-zoom img {
    transition:all 0.5s; 
    -moz-transition:all 0.5s; 
    -webkit-transition:all 0.5s; 
}

/** Zoom Effect in Hover State **/
.gallery-zoom img:hover {
    transform:scale(1.1);
    -moz-transform:scale(1.1);
    -webkit-transform:scale(1.1);
}


/**  Overflowing The Zoom Effect **/
.et_pb_gallery_items {      
    overflow:visible !important;
}


/** To Avoid Overlaping of Images in Zoom Effect  **/
.et_pb_gallery_image:hover {
    z-index:999;
	box-shadow: 0px 16px 18px rgba(0, 0, 0, 0.2) !important;
}


/** To Make Gallery Module Repsonsive **/
@media (max-width: 980px) {
    .et_pb_gallery_item.et_pb_grid_item {
        margin:0px !important;
        width:33% !important;
    }
}
@media (max-width: 780px) {
    .et_pb_gallery_item.et_pb_grid_item {
        margin:0px !important;
        width:50% !important;
    }
}
@media (max-width: 680px) {
    .et_pb_gallery_item.et_pb_grid_item {
        margin:0px !important;
        width:100% !important;
    }
}



/*
 * 
 * ------ Styling The Sidebar  ------
 * 
 */


/** Sidebar widget titles **/
h4.widgettitle {
    padding: 10px;
    color: white;
    background: #2CB2AE;
    border-radius: 3px;
	margin-bottom: 20px;
}


/** Sidebar Search button  **/
input#searchsubmit {
    background: #2CB2AE;
    color: white!important;
	border:0px;
}


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

li.cat-item.cat-item:hover {
    color:#24B2AE !important;
}

/** Latest Posts Styling In Sidebar **/

.et_pb_widget ul li {
  background-color:#f7f7f7;
  margin-bottom:0.5em;
  padding: 5px 10px;
  margin: 10px 0px;
}
.et_pb_widget ul li a {
  color: #000000 !important;
}

/* Widgets Bottom Margin Adjustment */
.et_pb_widget{
	margin-bottom:30px !important;
}


li.cat-item a {
    width: 88%;
    display: inline-grid;
	color:#000000 !important;
}

li.cat-item a:hover {
    color:#24B2AE !important;
}



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

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

/** Search button background color **/
.widget_search #searchsubmit {
    background-color: #171717;
}




/*
 * 
 * ------ Styling the Pagination using WP-PageNavi Plugin ------
 * 
 */


/** To styles the numbers **/

.wp-pagenavi a,
.wp-pagenavi span {
	color: #000000;
	background: #faffff;
	font-size: 1em !important;
	line-height: 1em;
	font-weight: bold !important;
	padding: 0.45em 0.8em !important;
	border-radius: 100px;
	transition: all .5s;
}


/** To styles the current page number **/

.wp-pagenavi span.current {
	color: #ffffff !important;
	background: #2CB2AE !important;
	border-radius: 100px;
}


/** To styles the numbers when hovering **/

.wp-pagenavi a:hover {
	color: #ffffff!important;
	background: #2CB2AE!important;
}


/** To hides teh background around the pages **/

.wp-pagenavi .pages {
	background: none;
}


/** To removes the border and centers the entire pagination **/

.wp-pagenavi {
	border-top: none;
	text-align: center;
}


/*
 * 
 * ------ Back to top button Styling ------
 * 
 */


/** Back to top button styling **/
.et_pb_scroll_top:before {
    content: "2";
}

/** This section changes the shape to a circle and moves the button in from the edge of the screen **/
.et_pb_scroll_top.et-pb-icon {
    padding: 8px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    right: 20px;
	background-color: #2CB2AE !important;
}


/*
 * 
 * --------- HEADER ---------
 * 
 */

.header_v6 .et-menu .menu-item-has-children>a:first-child:after {
    font-family: ETmodules;
    content: "\43";
	font-size:17px;
    top: 1px;
}

@media only screen and (min-width:768px){
.header_v6 .sub-menu::before {
    content: '\42';
    font-family: ETmodules;
    color: white;
    padding-left: 18px;
    font-size: 30px;
    position: absolute;
    top: -17px;
}
	}
.header_v6 .et_pb_menu__menu>nav>ul>li>a {
    padding-bottom: 0px;
}

.header_v6 .et_pb_menu__menu>nav>ul>li{
	margin-top:0px;
}
.header_v6 .et_pb_menu__menu>nav>ul>li:last-child{
	border-right:0px;
}

.header_v6 .nav li li {
    padding: 0 0px;
}
.header_v6 .et-menu li li a {
    width: 240px;
}
.header_v6 .et-menu li li a:hover {
    padding-left:30px;
}

.header_v6 .et_pb_fullwidth_menu .et-menu-nav>ul ul, .et_pb_menu .et-menu-nav>ul ul{
    padding: 0px 0;
}

.header_v6 .nav ul li a:hover {
    background-color: #00c1b1;
    opacity: 1;
}
.header_v6 .nav ul li a {
    font-size:14px !important;
}

.et_pb_fullwidth_menu .et-menu>li, .et_pb_menu .et-menu>li {
    padding-right: 20px;
}



/*
 * 
 * ------ 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";
}


/*
 * 
 * ------ Lightbox Styling ------
 * 
 */

/** Lightbox Zoom out cursor change **/
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: inherit;
}


/** Lightbox close icon styling **/
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    font-size: 50px;
    top: -5px;
    opacity: 1;
}

/** Lightbox title hidden **/
.mfp-title {
    display: none;
}

/** Lighbox Counter styling **/
.mfp-counter {
    color: #fff;
    font-size: 16px;
    font-family: sans-serif;
}