/*!
Theme Name: Holidays Plus Pro
Theme URI: http://96themes.com/downloads/holidays-plus
Author: 96 Themes
Author URI: http://96themes.com/
Description: Holidays Plus is child theme of Holidays. Holidays is a Fully Responsive Tourism WordPress Theme, developed for the Elementor drag and drop page builder, a perfect choice for a travel agency website, hotels and travel agencies review blog, traveling worldwide and tourism blog, travel agents site, tour operator or tourism company website, etc. Features include Custom Logo, Multi-level Drop-down Menu, Custom Background, Footer Widget Area, Search Engine Optimized, Built-in Slider, Multiple Browsers Support, and Translation-Ready.Holidays  is a  Responsive Blogger Template, it is clean and compatible with many devices, It’s perfect for creating your  travel, tour, news, blog website and no need to coding as it is very customizable.
Version: 1.0.0
Template: holidays-pro
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready,custom-header, left-sidebar, right-sidebar, news, blog, education	
Text Domain: holidays-plus

Holdays Plus WordPress Theme, Copyright 2018 96 Themes
Holdays Plus is distributed under the terms of the GNU GPL

*/

 #secondary .widget-title:before {
    content: '';
    display: inline-block;
    right: 0;
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
    width: 80%;
    height: 3px;
    
}

#secondary .widget-title span{
    background: #fff;
    padding: 0 15px 0 0;
    position: relative;
    z-index: 99;
}

#secondary .widget h2.widget-title {
     border-bottom: 0; 
    font-size: 25px;
     margin: 0; 
     padding: 0; 
    position: relative;
}
#secondary .widget-title span:before, .widget-title span{
	border-bottom: 0;
}

.widget_media_video .widget-title,
.widget_media_gallery .widget-title{
	    margin-bottom: 10px;
}

.owl-theme .owl-nav{
	text-align: right;
}

.owl-theme .owl-nav [class*=owl-]{
font-size: 0;

}
.back-to-top a:hover{
	color: #fff;
}
.elementor-page .site-content{
	padding: 0;
}



/* search */

    .search-part{
        position: relative;
    }

    .toggle-search-icon {
        color: rgb(255, 255, 255);
        font-size: 16px;
        cursor: pointer;
        display: inline-block;
    }

    .toggle-search-icon::before {
        color: #000;
        content: "\f002";
        display: block;
        font-family: "FontAwesome";
    }

    .search-area{
        background-color: rgb(255, 255, 255);
        border: 1px solid rgba(0, 0, 0, 0.1);
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
        right: 15px;
        padding: 10px;
        position: absolute;
        top: 54px;
        visibility: hidden;
        z-index: 10000;
    }
    .search-form {
        position: relative;
    }

    .search-container label {
        margin: 0;
    }

    label {
        display: inline-block;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 5px;
        width: 100%;
    }

    .search-part label input {
        margin: 0;
        padding-right: 55px;
    }

    .search-part .search-form input.search-submit {
        font-size: 0;
    }

    .search-part input[type="submit"] {
        background: rgb(0, 165, 81) url('assets/img/search-icon.svg') no-repeat scroll center center;
        background-size: 21px;
        height: 32px;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 0px;
        top: 0px;
        width: 46px;
        transition: all 0s ease 0s;
        -webkit-transition: all 0s ease 0s;
    }

    .toggle-search-icon.search-active ~ .search-area{
        display: block;
        visibility: visible;
    }


/*extra-menu*/

.extra-menu{
    float: right;
    width: 15%;
    display: inline-block;
}


.extra-menu ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

.extra-menu .custom-menu-text button,
.extra-menu .custom-menu-text a{
    background-color: transparent;
    border: 1px solid #fff;
    padding: 5px 15px;
    color: #fff;
    text-align: center;
    display: inline-block;
    width: 150px;
    font-size: 18px;
    transition: all 0.5s ease-in-out;
}

.extra-menu .custom-menu-text button:hover,
.extra-menu .custom-menu-text a:hover{
    background-color: #fff;
    color: #02CAFE;
    transition: all 0.5s ease-in-out;
}

.custom-menu-icon .social-menu-part a{
    font-size: 0;
}

.custom-menu-icon .social-menu-part a:before{
    color: #fff;
    margin-right: 0;
    padding: 0 3px;
}

.extra-menu .social-menu-part.social-left ul{
    float: right;
}