/*
 Theme Name:   Travel Philipino
 Template:     twentytwenty
 Author: Zain
*/
 

/* =================================================================== */
/* ========== Default ========== */
/* =================================================================== */
body{ 

   font-family: 'Poppins', sans-serif;color:#404040; font-size:15px; font-weight:300; background:url(images/bd-bg-1.jpg;) no-repeat top; background-size:100% auto;}

html, body {
	height:100%;
	margin:0px!important;
	padding:0;
	padding:0;
}

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, hr ,figure,marquee,img { margin:0; padding:0;  }
fieldset {border:0}
a {text-decoration:none; color:#6dab3c;}
a img{border:none;}
hr{}
p{ line-height:24px; color:#404040; font-weight:300; font-size:15px; padding-bottom:15px;}
p strong{font-weight:700; font-size:16px;}
p span{}
p a{}
h1,h2,h3{

     font-family: 'Poppins', sans-serif;
}
h1{color:#fff; font-size:60px; padding:15px 0px; line-height:38px;}
h1 span{color:#ff9000; font-family: 'Merriweather', serif;}
h2{color:#4d9225; font-size:36px;font-weight:500; line-height:34px;text-transform:capitalize;}
h2 span{color:#23262d; font-size:24px; font-style:italic;font-family: 'Merriweather', serif;font-weight:400;}
h3{color:#0073c4; font-size:40px;font-weight:700; text-transform:uppercase; text-align:center;}
h3 span{color:#ff9000; font-size:40px;font-family: 'Merriweather', serif;}
h4{color:#002637; font-size:24px;font-weight:500; line-height:30px;text-transform:capitalize;padding-bottom:20px;}
h4 span{color:#c62a2f; }
h5{color:#74c334; font-size:22px; line-height:24px; font-weight:600;padding:0px 0px 20px 0px; text-align:left;text-transform:uppercase;}
h5 span{color:#0073c4;}
h6{color:#0073c4; font-size:20px; padding:15px 0px; font-weight:400; text-align:center;}
h6 span{color:#ff9000;}




li{ display: flex;
list-style: none;
line-height: 24px;
color: #000;
font-weight: 400;
font-size: 15px;
padding-bottom: 5px;}
ul {margin-top:0px; margin-bottom:0px;}
.lst li::before {
    content: '✓';
    padding-right: 10px;
    color: #6dab3c;
    float: left;
    margin-top: 0px;
    font-weight: 700;
}

.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

.alignleft{float:left;}
.alignright{float:right;}

.container {width:100%; margin:0px auto; max-width:1280px; box-sizing:border-box;}
.container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.fas{color:#243482; font-size:16px;}
.fa{color:#243482; font-size:16px;}
.entry-header {display: none;}
.g-btn{color:#fff;background:url(images/grn-bg.jpg) repeat-x; font-size:18px;padding:10px 30px;font-weight:300; text-align:center;border-radius:6px; display:inline-block;margin-top:15px;background-size:contain;}
.b-btn{color:#fff;background:#000;font-size:18px;padding:10px 30px;font-weight:300; text-align:center;border-radius:6px; display:inline-block;margin-top:15px; background-size:contain;}
.cen-txt{text-align:center;}
.author-name {color: #000;font-weight: 500;}
.author-bio span {color: #fff !important;font-weight: 600;}

.tss-carousel h3.author-name{font-size:22px !important; text-transform:capitalize !important;}
.item-content.entry-content p {font-style: normal;}
.single-item-wrapper {background: url(images/tes-bg.jpg) repeat-x;background-size: cover;padding: 20px; box-sizing:border-box;}
.um-page-user #banner{display:none;}
.um-profile.um .um-name a {
    color: #fff;
}
.um-meta-text {
    color: #fff;
    font-size: 15px;
    margin-top: 0px;
}
.um .um-field-label {
    color: #fff;
}
.um{color: #fff;}
.um-141.um {
    max-width: 380px !important;
}

.um-member-directory-header{background-color: rgba(0, 0, 0, 0.7); padding:12px 20px; margin-bottom:40px; box-sizing:border-box!important;}

.um-member-directory-filters-a a{color:#fff;}
.um-slider-range{color:#fff!important;}
.um-clear-filters-a a{color:#fff!important;}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-member.with-cover .um-member-photo a img{width:140px !important;height:140px !important;}
.um-directory .um-members-wrapper .um-members .um-member .um-member-photo.radius-1 a img{border-radius:0px !important;}
.page-id-24 .um-member-directory-header.um-form{display:none;}
.um .um-profile-photo img{border-radius:0px !important;}
/* =================================================================== */
/* ========== Home PAGE CSS ========== */
/* =================================================================== */
#head-top{width:auto;margin:0px auto; background:url(images/grn-bg.jpg;) repeat-x;padding:10px 0px; background-size:contain;}
#head-top  p{color:#fff; font-weight:300; padding-bottom:0px;}
.hd-box {width:60%;margin:0px auto;float:left;}
.hd-box-rig {width:40%;margin:0px auto;float:left;text-align:right;}
.hd-box-rig img{margin-bottom:-4px;}

#main-header{margin:0px auto; width:auto;background:#fff;}
#main-header #logo{float:left; width:35%;} 
#main-header #logo img{width:100%; height:auto;margin-bottom: -6px;margin-left: -34px;}
#main-menu{float:right; text-align:right; width:65%; padding-top:15px;}
#main-header nav ul{}
#main-header nav ul li{display:inline-block; padding:10px 8px; box-sizing;border-box; }
#main-header nav ul li a{color:#303030; font-size:18px; font-weight:500; text-transform:uppercase; }
#main-header nav ul li a:hover{color:#01389d;}
#main-header nav ul li.current_page_item a{color:#01389d; border-bottom:2px solid #01389d;}
#main-header nav ul li:last-child {padding-right:0px;}


#banner{margin:0px auto; width:auto; background:url(images/inn-banner.jpg) no-repeat center top; background-size:cover;min-height:200px;}
#banner h1{color:#fff; padding-top:105px; text-align:left; font-size:48px;font-weight:500;}


#inner-banner h1{color:#4a76b3; text-transform:capitalize; text-align: left;padding: 95px; padding-top:150px;  font-size:60px; font-weight:300;}
#inner-banner h1 span{color:#eb2d47; text-transform:capitalize; font-weight:600;font-size:60px;}


.txt-w p{color:#fff;}
.txt-w label{color:#fff;}


#hm-st{width:auto;margin:0px auto; background:url(images/hm-bg-new.jpg;) no-repeat center; background-size:cover; height:970px;}
.hm-lft{width:25%;float:left; padding-top:80px;}
#hotel-menu{float:left; text-align:center; width:100%;}
.hm-lft nav ul{}
.hm-lft nav ul li{padding:15px 0px; box-sizing:border-box; background:url(images/btn-bg.png;) no-repeat center; background-size:cover; margin-bottom:10px;width:100%;}
.hm-lft nav ul li a{color:#01389d; font-size:24px; font-weight:500; text-transform:capitalize; text-align:center; width:100%;}


.hm-rgt{width:75%;float:left;padding-top:80px;}
.hm-frm {
    font-size: 20px;
    color: #fff;
    text-align: right;
}
.hm-frm{width:auto; }
.hm-frm	.um-141.um{float:right;}
.hm-frm .um-field{width:48%;float:left; margin:0px 1%;}
.hm-frm .um-left.um-half{clear:both;}
.hm-frm .um-form {
    padding: 40px 15px;
    box-sizing: border-box;
    background: rgba(255, 255,255, 0.8);
    border-radius:8px;
	padding-top:5px;
}
#um_field_143_facebook {
    display: none;
}
#um_field_143_twitter {
    display: none;
}
#um_field_143_instagram {
    display: none;
}
#um_field_143_linkedin {
    display: none;
}
#um_field_143_skype {
    display: none;
}
.um-profile-nav-item.um-profile-nav-posts {
    display: none;
}
.um-profile-nav-item.um-profile-nav-comments {
    display: none;
}
/* =================================================================== */
/* ========== CONTACT PAGE ========== */
/* =================================================================== */
#form{width:auto;margin:0px auto;}
#form .tclm{width:32%;margin:1%;margin-left:0px; float:left;}

#form .oclm{width:97%;margin:1%; float:left; margin-left:0px;}

#form .tclm input[type=text]{width:100%;float:left; border:1px solid gray; border-radius:6px; background:none;line-height: 48px; font-size:14px;margin: 15px 0px;padding:0px 10px;box-sizing: border-box; color:#fff;font-family: 'Poppins', sans-serif;}
#form .tclm input[type=email]{width:100%;float:left; border:1px solid gray; border-radius:6px; background:none;line-height: 48px; font-size:14px;margin: 15px 0px;padding:0px 10px;box-sizing: border-box; color:#fff;font-family: 'Poppins', sans-serif;}
#form .tclm input[type=tel]{width:100%;float:left; border:1px solid gray; border-radius:6px; background:none;line-height: 48px; font-size:14px;margin: 15px 0px;padding:0px 10px;box-sizing: border-box; color:#fff;font-family: 'Poppins', sans-serif;}
#form .tclm select{width:100%;float:left; border:1px solid gray; border-radius:6px; background:none;height: 48px; font-size:14px;margin: 15px 0px;padding:0px 10px;box-sizing: border-box; color:gray;font-family: 'Poppins', sans-serif;}
#form .tclm .wpcf7-form-control.wpcf7-textarea{width:100%;float:left; border:1px solid gray; border-radius:6px; background:none;line-height:9px;margin: 15px 0px;padding:10px 10px;box-sizing: border-box; color:#fff;font-family: 'Poppins', sans-serif;}
#form .tclm .wpcf7-form-control.wpcf7-submit {color:#fff;background:url(images/grn-bg.jpg) repeat-x; font-size:18px;padding:10px 0px;font-weight:300; text-align:center;border-radius:6px; display:inline-block;margin-top:15px;background-size:contain;width:100%;border:0px;cursor:pointer;font-family: 'Poppins', sans-serif;}

#form .oclm input[type=text]{width:100%;float:left; border:1px solid #dcd7ca;line-height: 40px;margin: 0px 0px;padding:0px 10px;box-sizing: border-box;}
#form .oclm input[type=email]{width:100%;float:left; border:1px solid #dcd7ca;line-height: 40px;margin: 0px 0px;padding:0px 10px;box-sizing: border-box;}
#form .oclm .wpcf7-form-control.wpcf7-textarea{width:100%;float:left; border:1px solid #dcd7ca;line-height: 15px;margin: 0px 0px;padding:0px 10px;box-sizing: border-box; font-size:15px;font-weight:400;}
#form .wpcf7-form-control.wpcf7-submit {background: #243482;padding: 10px 30px;text-align: center;color: #fff;font-size: 16px;border: 1px solid #243482;cursor:pointer; margin-top:10px;}






/* =================================================================== */
/* ========== Single CSS ========== */
/* =================================================================== */
#inner-page{margin:0px auto; width:auto; padding-bottom:50px;}
.single-left{margin:0px auto; width:100%; float:left;}
.sing-pg{margin:0px auto; width:65%; margin-right:5%; float:left;}
.sing-pg img{width:100%;height:auto; max-height:400px;}
.sing-prc{width:auto;margin:0px auto;position:relative;}
.sing-prc p{background:rgba(0, 0, 0, 0.8);color: #fff;font-size: 18px;font-weight: 700;text-align: center;width:100%;padding-top:15px;position:absolute;bottom:5px;}
.sing-prc p span{color:#00fcff;font-size:24px;}
.single-left h5{text-align:left !important; padding-top:20px; padding-bottom:15px;}
.single-left h4{text-align:left; padding-top:20px; color:#021635;}
.single-right{margin:0px auto; width:28%; float:left; margin-left:2%;}
.single-right img{}
.single-right a{color:#002637; font-size:18px;  font-weight:400; text-align:left;}
.rpwwt-widget ul li{margin-bottom:10px;}
.single-right p{}
.single-right h3{}
.single-box {margin:10px 0px;border:1px solid gray; }
.single-box a{color:#505050; padding:15px; display:inline-block;}
.single-box a::after {
    content: '>';
    padding-right: 10px;
    color: #ff6600;
    float: left;
    margin-top: -4px;
    font-weight: 400;
	font-size:20px;
}
.single-box:first-child {margin-top:0px;}
.single-box:last-child {margin-bottom:0px;}
.wpp-cards li .wpp-excerpt { margin: auto !important;font-size: 15px !important;color: #343a46 !important;}

.rig-btm{width:auto;margin:0px auto;padding:20px;box-sizing:border-box; background:#0073c4; text-align:left; margin-top:30px;}
.rig-btm img{text-align:left; width:auto;height:auto;}
.rig-btm h5 {text-align:left; clear:both;padding-bottom:10px;}
.rig-btm h5 span{color:#fff;}
.rig-btm p {font-size:15px;}
.rig-btm a{background: none;padding: 10px 30px;text-align: center;color: #fff;font-size: 18px;border: 1px solid #fff;margin-bottom:10px;display:inline-block;}


.blg-pg{width:auto; margin:0px auto; overflow:hidden;clear:both;margin-bottom:20px; background:#fff; border:4px solid #fff; border-bottom:0px; margin-bottom:30px;}
.ar-bg{border-bottom:4px solid #fff;}
.ar-bg .blg-lft{width:30%;float:left; }
.ar-bg .blg-rgt{width:70%;float:left;}
.cs-fld{text-transform:uppercase; padding-bottom:15px; font-weight:500;}
.cs-fld span{text-transform:capitalize;color:#b50202; padding-right:30px;box-sizing:border-box;}
.htl-fld fa{color:#243482 !important; }

.htl-fld span{color:#404040 !important; font-weight:400;}
.blg-pg a{background: #243482;padding: 10px 30px;text-align: center;color: #fff;font-size: 15px;margin-bottom:10px;display:inline-block;}
.blg-pg img {float: left;width: 100%; height: auto;}
.blg-pg h4 {padding-top:0px;}
.blg-pg h4 span{font-size:24px;padding-right:15px;}

.blg-lft{width:50%;float:left; clear:both;position:relative;}
.blg-lft p{background:rgba(0, 0, 0, 0.8);color: #fff;font-size: 18px;font-weight: 700;text-align: center;width:100%;padding-top:15px;position:absolute;bottom:0px;}
.blg-lft p span{color:#00fcff;font-size:24px;}
.blg-rgt{width:50%;float:left; padding:30px; box-sizing:border-box;}
/* =================================================================== */
/* ========== FOOTER CSS ========== */
/* =================================================================== */
#main-footer {width:auto; margin:0px auto;background:url(images/foot-bg.jpg) no-repeat center; background-size:cover; padding:40px 0px 0px 0px;overflow:hidden;}
.foot-box{width:23%;float:left;margin:1%;}
.foot-box p{color:#fff;}
.foot-box #logo img{width:100%;height:auto;margin-bottom:10px;}

.address-info {width: auto; margin:0px auto; clear:both; margin:0px 0px 15px 0px;}
.address-info img {float:left; margin-right: 5px; margin-top:2px;}
.address-info p {font-size:15px; line-height:20px;color:#fff; font-weight:300; padding:0px;}
.address-info p a{font-size:15px; color:#fff; display:inline-block; }
.pad-lft{padding-left:40px;box-sizing:border-box;}

.foot-menu{width:auto;margin:0px auto;overflow:hidden;}
#foot-menu{float:left; text-align:center; width:100%;}
.foot-menu nav ul{}
.foot-menu nav ul li{ box-sizing;border-box; }
.foot-menu li::before {
    content: '-';
    padding-right: 10px;
    color: #7dc155;
    float: left;
    margin-top: 0px;
    font-weight: 700;
}
.foot-menu nav ul li a{color:#fff; font-size:15px;text-align:left; font-weight:300; text-transform:capitalize;  font-family: 'Poppins', sans-serif; }
.foot-menu nav ul li a:hover{color:#7dc155;}
.foot-menu nav ul li.current_page_item a{color:#7dc155;}


.footer-bottom{width:auto;margin:0px auto;padding:40px 0px 20px 0px; text-align:center; clear:both;}
.footer-bottom p{padding-bottom:0px; color:#fff;padding-top:5px;}
.footer-bottom p span{color:#7dc155;}
.ft-cent{width:100%; text-align:center;}
.ft-left{width:50%;float:left; text-align:left;}
.ft-right{width:50%;float:left;}




/* =================================================================== */
/* ========== Responsive ========== */
/* =================================================================== */
@media screen and (max-width : 1200px) {
	/* CSS FOR TABLETS ------------*/
	.container{padding-left:10px;padding-right:10px;}
	}
	
	
 @media screen and (max-width : 1120px) {
	 /* CSS FOR TABLETS ------------*/
#main-header #logo {float: none;width: 100%;text-align: center;}
#main-header #logo img{width: auto;text-align: center;}
#main-menu {float: none;text-align: center;width: 100%;}
	 
}
	
@media screen and (max-width : 1024px)
 {/* CSS FOR Mointer ------------*/
#form .tclm .wpcf7-form-control.wpcf7-textarea{line-height:11px;}
	 body{background-size:auto;}
 }

@media screen and (max-width : 990px) {		
/* CSS FOR TABLETS ------------*/

}
 
 

@media screen and (max-width : 960px) {		
/* CSS FOR TABLETS ------------*/

}

@media screen and (max-width : 890px) {	
/* CSS FOR TABLETS ------------*/


}

@media screen and (max-width : 860px)
{/* CSS FOR TABLETS ------------*/

}

@media screen and (max-width : 768px) {
/* CSS FOR SMALL TABLETS ------------*/
#main-header ul li {display: inline-block;padding: 15px 10px;}
.hd-box {width:100%; float:none;text-align:center;}
.hd-box-rig {width:100%; float:none;text-align:center;}
#form .tclm{width:100%;margin:auto;}
#form .tclm input[type="text"]{margin:5px 0px;}
#form .tclm input[type="email"]{margin:5px 0px;}
#form .tclm input[type="tel"]{margin:5px 0px;}
#form .tclm select{margin:5px 0px;}
#form .tclm .wpcf7-form-control.wpcf7-textarea{margin:5px auto;line-height:15px;}
.pad-lft{display:none;}
.foot-box{width:48%;}
.blg-lft{width:100%;float:none;}
.blg-rgt{width:100%; float:none;}
.blg-rgt h4{}
.ar-bg .blg-lft{width:100%;}

.ar-bg .blg-rgt{width:100%;float:none; overflow:hidden;}
	.hm-lft{width:100%;}

	.hm-rgt{width:100%;}
	.hm-st {height:auto !important;}
	.sing-pg{width:100%;margin-right:auto;}
	.single-right{width:100%;}
	
}


@media screen and (max-width : 700px) {
/* CSS FOR IPHONE ------------*/


}

@media screen and (max-width : 668px) {
/* CSS FOR IPHONE ------------*/



}

@media screen and (max-width : 550px) {
/* CSS FOR MOBILES ------------*/
#main-header #logo img{width:80%;height:auto;text-align:center;}
.foot-box{width:100%; float:none;margin:auto; margin-bottom:10px;}
}

@media screen and (max-width : 500px) {
/* CSS FOR MOBILES ------------*/


}

@media screen and (max-width : 420px) {
/* CSS FOR MOBILES ------------*/

 
}

@media screen and (max-width : 320px) {
/* CSS FOR SMALL OLD MOBILES ------------*/ 

}


/* = UM-Members Directory Grid = */
.um-directory .um-members-wrapper .um-members.um-members-grid .um-member {
   width: 18% !important;
}
.um-directory .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer {
   width: 2% !important;
}

/* = Media Queries = */
/* LG Big screens */
/* MD Tablet, ipad landscape */
@media only screen and (min-width : 768px) and (max-width: 1024px) and (orientation: landscape) {
.um-directory .um-members-wrapper .um-members.um-members-grid .um-member {
   width: 18% !important;
}
.um-directory .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer {
   width: 2% !important;
}
}
/* SM Tablet, ipad portrait */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.um-directory .um-members-wrapper .um-members.um-members-grid .um-member {
   width: 30% !important;
}
.um-directory .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer {
   width: 5% !important;
}
}
/* XS Mobile portrait */
@media only screen and (max-width: 767px) {
.um-directory .um-members-wrapper .um-members.um-members-grid .um-member {
   width: 47% !important;
}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer {
   width: 5% !important;
}
}
/* XSL Mobile landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.um-directory .um-members-wrapper .um-members.um-members-grid .um-member {
   width: 30% !important;
}

.um-directory .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer {
   width: 5% !important;
}
}