/*
Theme Name: Tripify 
Theme URI: 
Author: vibhorp
Author URI: http://infigosoftware.in
Description: Tripify is a amazing, stunning, multipurpose and modern WordPress theme for tour and travel companies. This tour operator WordPress theme is the best platform to create beautiful and professional websites for travel agencies, tour operator and travel blogs. It can also be used to create awesome websites for adventures, vacation, resorts, hotels, events, cruises and other tourism related business.
Version: 1.0.3
Tested up to: 5.8
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tripify
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, e-commerce

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

tripify is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/*----------------  Comment-Form-Css ----------------*/

.comment-form input#submit {
    border: 2px solid #21ab64;
    padding: 8px 50px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.5px;
    border-radius: 35px;
    margin-bottom: 30px;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

.comment-form input#submit:hover,
.comment-form input#submit:focus
{
    background: #21ab64;
    color: #fff;
}

.comment-form .logged-in-as a {
    text-decoration: underline;
}

.comment-form .logged-in-as a:hover,
.comment-form .logged-in-as a:focus
{
    border: 2px solid #21ab64;
    text-decoration: none;
}

ul.children {
    margin-left: 30px;
} 

/*----------------  Comment-Form-Css ----------------*/

/*----------------  Pagination / Page Navigation Css----*/

a.page-numbers {
    color: #21ab64;
    background-color: transparent;
    font-size: 20px;
    line-height: 35px;
    height: 55px;
    width: 45px;
    margin: 0 0 -5px;
    border: none;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease 0s;
    padding: 18px;
}

span.page-numbers.current,
a.page-numbers:hover,
a.page-numbers:focus
{
    color: #fff;
    background-color: #21ab64;
    font-size: 20px;
    line-height: 35px;
    height: 55px;
    width: 45px;
    margin: 0 0 -5px;
    border: none;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all 0.4s ease 0s;
    padding: 18px;
}

/*----------------  Pagination / Page Navigation Css----*/

a.tag-cloud-link {
    background: grey;
    padding: 8px 15px;
    display: inline-block;
    margin-top: 10px;
    color: #fff;
    margin-right: 10px;
    font-weight: 500;
    border-radius: 5px;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

a.tag-cloud-link:hover,a.tag-cloud-link:focus {
    background: #21ab64;
    color: #fff;
}

.wp-block-categories-list.wp-block-categories li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 18px;
    width: 7px;
    height: 7px;
    background: #dcdcdc;
    border-radius: 50%;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

.wp-block-categories-list.wp-block-categories li {
    padding: 10px 0;
    text-transform: capitalize;
    position: relative;
    padding-left: 18px;
    font-weight: 500;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

#footer_widget_section .wp-block-categories-list.wp-block-categories li:hover {
    color: white;
    font-weight: 500;
    margin-left: 8px;
}

.wp-block-categories-list.wp-block-categories li:hover {
    color: #212121;
    font-weight: 500;
    margin-left: 8px;
}

#footer_widget_section .wp-block-categories-list.wp-block-categories li a:focus {
    color: white;
    border: white 2px solid;
}

.wp-block-categories-list.wp-block-categories li a:focus {
    color: #212121;
    border: black 2px solid;
}

.wp-block-archives-list.wp-block-archives li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 18px;
    width: 7px;
    height: 7px;
    background: #dcdcdc;
    border-radius: 50%;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

.wp-block-archives-list.wp-block-archives li {
    padding: 10px 0;
    text-transform: capitalize;
    position: relative;
    padding-left: 18px;
    font-weight: 500;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

.wp-block-archives-list.wp-block-archives li:hover {
    color: #212121;
    font-weight: 500;
    margin-left: 8px;
}

#footer_widget_section .wp-block-archives-list.wp-block-archives li:hover {
    color: rgb(160, 151, 151);
    font-weight: 500;
    margin-left: 8px;
}

#footer_widget_section .wp-block-archives-list.wp-block-archives a:focus {
    color: rgb(160, 151, 151);
    border: rgb(160, 151, 151) 2px solid;
}

.wp-block-archives-list.wp-block-archives a:focus {
    color: #212121;
    border: black 2px solid;
}

.wp-block-latest-posts__list.wp-block-latest-posts li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 18px;
    width: 7px;
    height: 7px;
    background: #dcdcdc;
    border-radius: 50%;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

.wp-block-latest-posts__list.wp-block-latest-posts li {
    padding: 10px 0;
    text-transform: capitalize;
    position: relative;
    padding-left: 18px;
    font-weight: 500;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

.wp-block-latest-posts__list.wp-block-latest-posts li:hover {
    color: #212121;
    font-weight: 500;
    margin-left: 8px;
}

#footer_widget_section .wp-block-latest-posts__list.wp-block-latest-posts li:hover {
    color: white;
    font-weight: 500;
    margin-left: 8px;
}

#footer_widget_section .wp-block-latest-posts__list.wp-block-latest-posts li a:focus {
    color: white;
    border: white 2px solid;
}

.wp-block-latest-posts__list.wp-block-latest-posts li a:focus {
    color: #212121;
    border: black 2px solid;
}

ol.wp-block-latest-comments.wp-block-latest-comments__comment li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 18px;
    width: 7px;
    height: 7px;
    background: #dcdcdc;
    border-radius: 50%;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

ol.wp-block-latest-comments.wp-block-latest-comments__comment li {
    padding: 10px 0;
    text-transform: capitalize;
    position: relative;
    padding-left: 18px;
    font-weight: 500;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

ol.wp-block-latest-comments.wp-block-latest-comments__comment li:hover {
    color: #212121;
    font-weight: 500;
    margin-left: 8px;
}

a.wp-block-latest-comments__comment-author,a.wp-block-latest-comments__comment-link {
    text-decoration: underline;
}

ul.wp-block-page-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 18px;
    width: 7px;
    height: 7px;
    background: #dcdcdc;
    border-radius: 50%;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

ul.wp-block-page-list li {
    padding: 10px 0;
    text-transform: capitalize;
    position: relative;
    padding-left: 18px;
    font-weight: 500;
    transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -ms-transition: all 0.5s ease-in-out 0s;
}

ul.wp-block-page-list li:hover{
    color: #212121;
    font-weight: 500;
    margin-left: 8px;
}

#footer_widget_section ul.wp-block-page-list a:hover{
    color: #fff;
    font-weight: 500;
    margin-left: 8px;
}

#footer_widget_section ul.wp-block-page-list a:focus {
    color: #fff;
    border: 2px solid #fff;
}

ul.wp-block-page-list a:focus {
    color: #212121;
    border: 2px solid black;
}


.wp-block-search .wp-block-search__button {
    background: #21ab64;
    color: #fff;
    border: 1px solid #ccc;
    padding: .375em .625em;
    margin-left: .625em;
    word-break: normal;
}

.wp-block-search .wp-block-search__button:hover {
    background:grey;
    color: #fff;
    border: 1px solid #ccc;
    padding: .375em .625em;
    margin-left: .625em;
    word-break: normal;
}

.logged-in.wp-block-loginout {
    text-decoration: underline;
}

a.post-edit-link {
    text-decoration: underline;
    color: #21ab64;
}

label.wp-block-search__label {
    color: #21ab64;
}

blockquote.wp-block-quote {
    background: #21ab64;
    padding: 50px 30px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    margin: 40px 0;
}
blockquote.wp-block-quote p {
    font-size: 18px;
    line-height: 27px;
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 1;
}    

blockquote.wp-block-quote p::before {
    font-family: "Font Awesome 5 Free";
    content: "\f10d";
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 190px;
    color: rgba(255, 255, 255, 0.14);
    font-weight: 900;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: -1;
}

.error-box a {
    color:#fff;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 8px 30px;
    display: inline-block;
    border-radius: 30px;
    transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
}

.package-content a {
    text-decoration: underline;
    color: #21ab64;
}

.package-content a:hover,.package-content a:focus {
    text-decoration: none;
    color: #21ab64;
    border: solid 1px black;
}

ul.meta-tag li a {
    text-decoration: none;
    color: black;
}

p.site-title a {
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: .4px;
    font-weight: 600;
    color: #212121;
    padding-top: 17px;
}

a.tripify_callback_menu_navigation {
    border: 2px solid black;
    padding: 5px;
}

.header-two .navbar-light .navbar-nav .nav-link:focus {
    color: #21ab64;
    margin-left: 30px;
    margin-right: 0;
    border: 2px solid black;
}

div#footer_widget_section h1,
div#footer_widget_section h2,
div#footer_widget_section h3,
div#footer_widget_section h4,
div#footer_widget_section h5,
div#footer_widget_section h6 {
    color: white;
}

div#footer_widget_section footer.wp-block-latest-comments__comment-meta {
    color: white;
}

div#footer_widget_section .wp-block-latest-comments__comment-excerpt p {
    color: white;
}


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #eee;
	clip: auto !important;
	clip-path: none;
	color: #444;
	display: block;
	font-size: 1em;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

table td, table th, .wp-block-table td, .wp-block-table th {
    padding: 15px;
    border: 1px solid;
}

ul, ol {
    margin: 0;
    padding-left: 15px;
}

ol li {
    list-style: auto;
    padding: 5px;
}

.package-content ul li {
    list-style: disc;
    padding: 5px;
}

.comment p a {
    color: #21ab64;
    text-decoration: underline;
}

.comment p a:focus,
.comment p a:hover
{
    border: 2px solid #21ab64;
    text-decoration: none;
}

.comment-form textarea.form-control:focus {
    border: 1px solid #21ab64;
}

nav.navigation.post-navigation .nav-previous a,
nav.navigation.post-navigation .nav-next a {
    text-decoration: underline;
}

nav.navigation.post-navigation .nav-previous a:hover,
nav.navigation.post-navigation .nav-previous a:focus,
nav.navigation.post-navigation .nav-next a:hover,
nav.navigation.post-navigation .nav-next a:focus
{
    border: 2px solid #21ab64;
    text-decoration: none;
}
.custom-logo-link {
    width: 60px;
}
.slicknav_brand img {
    width: 60px;
}
img.custom-logo {
    width: 100%;
    height: 60px;
}
/* Keyboard Navigation */
ul li:hover > ul, ul li:focus-within > ul, ul li ul:hover, ul li:focus > ul, ul li ul:focus {
    visibility: visible;
    opacity: 1;
    display: block;
}
.navbar-light .navbar-nav li:hover>.submenu, .navbar-light .navbar-nav li:focus>.submenu, .navbar-light .navbar-nav li:focus-within>.submenu {
    display: block !important;
    opacity: 1;
    visibility: visible;
    left: auto;
}
ul.submenu {
    display: block;
    background: #fff;
    padding: 0;
    position: absolute;
    top: auto;
    margin-left: 0;
    left: -999em;
    text-align: left;
    width: max-content;
    z-index: 9999;
}