/*
Theme Name: Travelify Child
Theme URI: http://colorlib.com/wp/travelify/
Author: Colorlib
Author URI: http://colorlib.com/wp/
Description: Travelify is a clean, simple, responsive and customizable WordPress WooCommerce theme that looks awesome on any device. It adjusts automatically to any screen size including tablets and smartphones as well as Retina displays. Theme is built using HTML5 / CSS3 and is SEO friendly. This WordPress theme was built with travel, adventures, languages and nature in mind but it can be used for anything so be creative and unleash its full potential in blogging, ecommerce, business and other websites. Along the awesome design this theme is customizable via a simple but yet powerful theme options. Some of the nicest features are featured post slider, social icons, custom logo, translation ready (compatible with WPML plugin) and many more. This theme out-of-the-box plays nicely with WooCommerce, Breadcrumb NavXT, WP-PageNavi, Contact Form 7 and other popular plugins. Theme available in English, French, German, Hungarian, Italian, Spanish, Dutch, Hebrew, Slovak, Turkish, Swedish, Brazilian Portuguese, Polish, Finnish, Bulgarian, Persian (Farsi), Greek, Russian and Chinese.
Version: 3.0.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: grid-layout, footer-widgets, blog, education, entertainment, food-and-drink, news, photography, portfolio
Text Domain: travelify
Template: travelify
*/

/* =Reset
--------------------------------------------------------------*/
#site-generator .copyright {
    /* float: left; */
    padding-top: 10px;
    font-size: 11px;
    text-align: center;
    line-height: normal;
    color: black;
    border-style: solid;
    border-top: medium double lightgray;
	width:100%;
}

.wrapper {
    box-shadow: 0 0 0 1px #5e5e5e, 0 0 0 1px hsl(0, 0%, 60%);
    border-radius: 5px;
}
.headertitle {
    /* font-family: "Palatino", Times, serif; */
    letter-spacing: 2px;
    /* text-transform: uppercase; */
    text-align: center;
    font-size: 28px;
    /* font-weight: bold; */
    color: #cc3300;
    /* margin-top: 32px; */
    vertical-align: middle;
    /* line-height: 90px; */
    margin-top: 52px;
    margin-left: 20px;
}


#site-name {
    margin-top: 32px;
}
.hgroup-wrap {
    padding-top: 15px;
    padding-bottom: 15px;
}

.bottomMenu { display: block; width:960px;}
.bottomMenu ul { display:inline; float:left; margin-left: 50px; margin-bottom: 5px; }
.bottomMenu li { list-style-type: none; display: inline; font-size: 14px; }
.bottomMenu li a {

    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
	color:#005b7d;
	line-height:15px;
	text-decoration:none;
	font-weight:normal;
	/* border-right: thin solid #000; */
	padding: 10px 7px 10px 3px;
           margin-right: 50px;
}
.bottomMenu li a:hover { color:#ffffff; 
    background: #0080a5;
	/* text-decoration:underline; */
}

#footerarea .widget-area {
    padding: 10px 0;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
}
.breadcrumb ul li a:hover, .breadcrumb ul li.current_item {
    color: #005b7d;
}
#main-nav {
    border: 1px solid #005b7d;}

/* HR */
hr {
    border-color: #999;
    border-style: solid none none;
    border-width: 1px 0 0;
    height: 0;
    margin: 0 0 19px;
}

.wpcufpn_container.default .text, .wpcufpn_container.default .date, .wpcufpn_container.default .category {
    font-size: 0.9em !important;
    line-height: 1.4 !important;
    padding-bottom: 3px !important;
}
.widget ul li {
	background-image: none;
	padding: 0 0 0 5px;
}
.widget-title {
	background-color: #005b7d;
	color: white !important;
	padding: 0 0 0 10px;
}
.wpcufpn_container.default .title {
    font-size: .9em;
    line-height: 1.5;
    display: block;
    color: #185479;
	padding: 10px 0 0 0;
}
.wpcufpn_container .text span {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 95% !important;
}
/* Menu add to drop down */
/* Menu add to drop down */
#main-nav li.menu-item-has-children > a:after {
 color: #fff;
 content: ' ▼';
 font-size: 10px;
 vertical-align: 1px;
 margin-left: 5px!important;
}
#main-nav li li.menu-item-has-children > a:after {
 color: #222;
 content: ' ►';
 font-size: 10px;
 vertical-align: 1px;
 margin-left: 5px!important;
}
/* navss ul li > a:not(:last-child):after  { content: ' ▾'; }   */

/* Style Latest News widget on page */
#rpwwt-recent-posts-widget-with-thumbnails-2.rpwwt-widget .widget-title {
    display:none;
}
.rpwwt-widget ul {
    margin-left: 0 !important;
}
.widget {
    background: #fff;
    padding: 15px;
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    /* border-radius: 2px; */
    margin-bottom: 30px;
}
/*
#content #recent-posts-widget-with-thumbnails-2 #rpwwt-recent-posts-widget-with-thumbnails-2 ul li {
    padding-left: 0;
	margin-left: 0px;
    position: static;
}

.rpwwt-widget ul {
    padding-top: 20px;
}
*/
.widget {
    margin-bottom: 15px;
}

#content ul a, #content ol a {
    color: #4285bf;
}

.rpwwt-post-title {
	font-size: 15px;
}

/* table formayt for newsletetrs etc */
.tg {
            border-collapse: collapse;
            border-spacing: 0;
        }
		table, th, td {
			border: 1px solid #999;
		}
        .tg td {
            font-family: Arial, sans-serif;
            font-size: 12px;
            padding: 14px 10px;
            border-style: solid;
            border-width: 1px;
            overflow: hidden;
            word-break: normal;
            border-color: No 999;
            color: #444;
            background-color: #F7FDFA;
        }
        .tg th {
            font-family: Arial, sans-serif;
            font-size: 12px;
            font-weight: strong;
            padding: 14px 10px;
            border-style: solid;
            border-width: 1px;
            overflow: hidden;
            word-break: normal;
            border-color: #999;
            color: #000;
            background-color: #fff;
        }
        .tg .tg-vn4c {
            background-color: #E8E8E8
        }


/* ---------------- Contact Form ------------------ */
#responsive-form{
	max-width:600px 					/*-- change this to get your desired form width --*/;
	margin:0 auto;
        width:100%;
}
.form-row{
	width: 100%;
}
.column-half, .column-full{
	float: left;
	position: relative;
	padding: 0.65rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
	.column-half{
		width: 50%;
	}
}
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 textarea {
	width: 100%;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background-color: #f9f9f9;
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	      box-sizing: border-box
}
.wpcf7 input[type="number"] {
    width: 7%; 
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background-color: #f9f9f9;
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	      box-sizing: border-box
}
.wpcf7 select {	
    widthx: 7%; 
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background-color: #f9f9f9;
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	      box-sizing: border-box
}
.wpcf7 input[type="text"]:focus{
	background: #fff;
}
.wpcf7 input[type="email"]:focus{
	background: #fff;
}
.wpcf7 input[type="url"]:focus{
	background: #fff;
}
.wpcf7 input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.wpcf7-submit{
	float: left;
	background: #CA0002;
	color: #fff;
	text-transform: uppercase;
	border: none;
	padding: 8px 20px;
	cursor: pointer;
}
.wpcf7-submit:hover{
	background: #ff0000;
}
span.wpcf7-not-valid-tip{
	text-shadow: none;
	font-size: 12px;
	color: #fff;
	background: #ff0000;
	padding: 5px;
}
div.wpcf7-validation-errors { 
	text-shadow: none;
	border: transparent;
	background: #f9cd00;
	padding: 5px;
	color: #9C6533;
	text-align: center;
	margin: 0;
	font-size: 12px;
}
div.wpcf7-mail-sent-ok{
	text-align: center;
	text-shadow: none;
	padding: 5px;
	font-size: 12px;
	background: #59a80f;
	border-color: #59a80f;
	color: #fff;
	margin: 0;
}
div.wpcf7-validation-errors {
    text-shadow: none;
    border: transparent;
    background: #e5e5e5;
    padding: 5px;
    color: #FF0000;
    text-align: center;
    margin: 0;
    font-size: 12px;
}
/* -------------- End of Contact Form 7 Styling ------------------ */


/* ------ wordpress.org/plugins/tabby-responsive-tabs/ ------ */

.responsive-tabs .responsive-tabs__heading {
	display: none;
}

.responsive-tabs .responsive-tabs__list__item {
	display: inline;
	cursor: pointer;
}

.responsive-tabs-wrapper {
	clear: both;
	margin-bottom: 20px;
	zoom: 1;
}

.responsive-tabs-wrapper:before,
.responsive-tabs-wrapper:after {
	content: "";
	display: table;
}

.responsive-tabs-wrapper:after {
	clear: both;
}

.responsive-tabs .responsive-tabs__heading:focus,
.responsive-tabs .responsive-tabs__list__item:focus {
	outline: 1px solid transparent;
}

.responsive-tabs .responsive-tabs__heading--active:focus,
.responsive-tabs .responsive-tabs__list__item--active:focus {
	outline: none;
}

.responsive-tabs ul.responsive-tabs__list {
	font-size: 18px;
	line-height: 18px;
	margin: 20px 0 0 12px;
	padding: 0;
}

.responsive-tabs .responsive-tabs__list__item {
	background: #f8f8f8;
	border: 1px solid #0080a5;
	border-bottom: none;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	color: #999;
	font-size: 18px;
	line-height: 19px;
	text-transform: inherit;
	margin: 1px 0px 0 0;
	padding: 10px 12px 10px;
	white-space: nowrap;
	float: left;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.responsive-tabs .responsive-tabs__list__item .fa {
	margin-right: 8px;
	line-height: 0.8;
}

.responsive-tabs .responsive-tabs__list__item:hover {
	color: #333;
	background: transparent;
}

.responsive-tabs .responsive-tabs__list__item--active,
.responsive-tabs .responsive-tabs__list__item--active:hover {
	background: #0080a5;
	border-color: #0080a5;
	color: #fff;
	padding-bottom: 11px;
	margin-top: 0;
	position: relative;
	top: 1px;
}

.responsive-tabs .responsive-tabs__panel {
	background: #fff;
	border: 1px solid #0080a5;
	border-top: 1px solid #0080a5;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	border-top-left-radius: 0px;
	clear: left;
	margin-bottom: 0;
	padding: 20px 20px 0;
	word-wrap: break-word;
}

.responsive-tabs .responsive-tabs__panel:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}

@media (min-width: 768px) {

	.responsive-tabs .responsive-tabs__panel--closed-accordion-only {
		display: block;
	}
}

@media (max-width: 767px) {

	.responsive-tabs .responsive-tabs__list {
		display: none;
	}

	.responsive-tabs .responsive-tabs__heading {
		display: block;
		cursor: pointer;
	}

	.responsive-tabs-wrapper {
		border-top: 1px solid #ccc;
	}

	.responsive-tabs .responsive-tabs__heading {
		background: #fff;
		border: 1px solid #ccc;
		border-top: none;
		color: #777;
		font-size: 18px;
		font-weight: normal;
		text-transform: inherit;
		margin: 0;
		padding: 10px 0;
		padding-left: 20px;
		position: relative;
	}

	.responsive-tabs .responsive-tabs__heading .fa {
		margin-right: 8px;
		display:none;
		}

	.responsive-tabs .responsive-tabs__heading:after {
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 6px solid #777;
		content:"";
		display: block;
		position: absolute;
		right: 20px;
		top: 20px;
		height: 0;
		width: 0;
	}

	.responsive-tabs .responsive-tabs__heading:hover {
		background: #eee;
		color: #777;
	}

	.responsive-tabs .responsive-tabs__heading:hover:after {
		border-top: 6px solid #777;
	}

	.responsive-tabs .responsive-tabs__heading--active,
	.responsive-tabs .responsive-tabs__heading--active:hover {
		background: #ccc;
		color: #fff;
	}

	.responsive-tabs .responsive-tabs__heading--active:after,
	.responsive-tabs .responsive-tabs__heading--active:hover:after {
		border-bottom: 6px solid #fff;
		border-top: 0;
		top: 18px;
	}

	.responsive-tabs .responsive-tabs__panel {
		background: #fff;
		border: 1px solid #ccc;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		border-top: none;
		margin: 0;
		padding: 0 20px;
		padding-top: 20px;
	}
}