/* CSS Document */
/*
Theme Name: WCI
Theme URI: https://www.webcloudinternational.com
Author: Yadav Singh Basnet
Author URI: https://www.yadavsinghbasnet.com.np
Description: WCI brings your site to life with immersive featured images and subtle animations. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wci
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url("css/menu.css");

body{ font-size:14px; font-family: 'Open Sans', sans-serif !important; color:black;}
a{  -webkit-transition:1s; transition:1s;}

/* Recommanded */
img{ max-width:100%; height:auto;}

@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:auto;src:url(fonts/fa-brands-400.eot);src:url(fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(fonts/fa-brands-400.woff2) format("woff2"),url(fonts/fa-brands-400.woff) format("woff"),url(fonts/fa-brands-400.ttf) format("truetype"),url(fonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:auto;src:url(fonts/fa-regular-400.eot);src:url(fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(fonts/fa-regular-400.woff2) format("woff2"),url(fonts/fa-regular-400.woff) format("woff"),url(fonts/fa-regular-400.ttf) format("truetype"),url(fonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:auto;src:url(fonts/fa-solid-900.eot);src:url(fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(fonts/fa-solid-900.woff2) format("woff2"),url(fonts/fa-solid-900.woff) format("woff"),url(fonts/fa-solid-900.ttf) format("truetype"),url(fonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900}


.wp-caption { margin-top: 0.4em;}
.wp-caption { background: #eee; margin-bottom: 1.625em; max-width: 96%; padding: 9px;}
.wp-caption img { display: block; margin: 0 auto; max-width: 98%;}
.wp-caption .wp-caption-text,
.gallery-caption { color: #666; font-size: 12px;}
.wp-caption .wp-caption-text { margin-bottom: 0.6em; padding: 10px 0 5px 40px; position: relative;}
.wp-caption .wp-caption-text:before { color: #666; content: '\2014'; font-size: 14px; font-style: normal; font-weight: bold; margin-right: 5px; position: absolute; left: 10px; top: 7px;}
.sticky{ clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); position: absolute !important;}
.alignleft{ float:left; margin:10px 10px 10px 0;}
.align-left{ text-align:left;}
.aligncenter{ text-align:center;}
.align-right{ text-align:right;}
.alignright{ float:right; margin:10px 0 10px 10px;}
.alignjustify{ text-align: justify;}

.logobar{ padding:10px 0;}
h1.logo { position: absolute; top: 0; left: 0; z-index: 9999; background: white; padding: 20px; border-radius: 20px; }
h1.logo a{ z-index: 9999;}
.sliderbar{ height:100vh;}
.topbar{ padding:5px 0; background:#000;}
.topbarleft a{ margin-right: 40px; color:white; font-size:18px;}
.topbarleft a i{ margin-right:7px;}
.topbarright ul{ margin:0; padding:0; text-align: right;}
.topbarright ul li{ list-style: none; display: inline-block; margin-right: 20px;}
.topbarright ul li:last-child{ margin:0;}
.topbarright ul li a{ color:white; display: block;}
.topbarleft a:last-child{ margin-right:0px;}

h1{ font-size:45px;}
h2{ font-size:35px;}
h3{ font-size:28px;}
h4{ font-size:22px;}
h5{ font-size:18px;}
h6{ font-size:16px;}

/* Main Menu */
.menu-left, .menu-right{ margin:0; padding:0;}
.primary-menu ul{ margin:20px 0; padding:0; text-align: right;}
.primary-menu li { display: inline-block; vertical-align: middle; list-style: none; position: relative; margin-right:25px;}
.primary-menu li:last-child{ margin-right:0;}
.primary-menu li a { color: #3d3d3d; font-weight: 700; font-size: 16px; line-height:60px; letter-spacing: 0.5px; text-transform: uppercase;}
.primary-menu li a:hover{ text-decoration: underline; color:black;}
.primary-menu li ul{ display: none; visibility: hidden; margin:0; padding:0;}
.primary-menu li:hover ul{ display:block; visibility: visible; position: absolute; top: 50px; left:0; width:200px; z-index: 9999; margin:0; padding:0;}
.primary-menu li ul li{ display: block; padding:0; margin:0;}
.primary-menu li ul li a{  text-align:left; background: rgba(215, 214, 223, 0.97); border-bottom: 1px solid #fafafa; line-height:20px !important; display: block; padding:5px;}
.primary-menu li.current-menu-item a{ text-decoration: underline; color:black;}
.submenuwrap{ background:#D8D5E0; padding:10px;}
.submenuwrap .submenu{ margin:0; padding:0;}
.submenuwrap .submenu li{ list-style: none; display: inline-block; vertical-align: middle; margin:0 25px 0 10px;}
.submenuwrap .submenu li:last-child{ margin-right:0;}
.submenuwrap .submenu li a{ color:#000;  text-transform: uppercase; letter-spacing:2px; font-size:14px;}

header{ z-index: 9999; position:relative;}
.headerwrap { -webkit-transition: all 1s ease; transition: all 1s ease; height:120px; background:#fff;}
.headerwrap.headerfixed { height: 100px; position:fixed; top:0; left:0; width:100%; z-index:99999; -webkit-box-shadow:1px 2px 5px 1px #333; -moz-box-shadow:1px 2px 5px 1px #333; box-shadow:1px 2px 5px 1px #333; }
.headerwrap.headerfixed .primary-menu ul{ margin:25px 0;}
.headerwrap.headerfixed .primary-menu li:hover ul{ top: 25px;}

.slider, .roomgallery{ position:relative;}
.slider div, .roomgallery div{ border:5px solid white;}
.slick-next { right: 25px !important; }
.slick-prev { left: 25px !important; }
.slick-prev, .slick-next { height: 40px; width: 40px;  z-index: 9999;}
.slick-prev:before, .slick-next:before { font-size: 40px; opacity: 0.9;}

.welcometext{ padding:60px 0; text-align: center;}
.welcometext h1{ font-weight: 300; font-size:36px;}
.welcometext h1 span{ font-weight:500; text-transform: uppercase; font-size: 16px; display: block;}
.welcometext .headingfont{ background: #D00301; padding: 5px 50px; width: auto; display: inline-block; color: white; text-transform: uppercase; letter-spacing: 1px; border-radius: 10px;}

.contactform label{ width: 100%;}
.contactform input[type=text], .contactform input[type=email], .contactform textarea, .contactform input[type=tel]{ border:1px solid black; width:100%; padding:6px; margin-top:15px;}

.readmore{ display: inline-block; margin-top:30px;}
.readmore a { background: none; border: 1px solid #034EA2; padding: 10px 50px; text-transform: uppercase; font-size: 14px; border-radius: 20px;}

footer{ background:black; color:#fff; padding:15px 0; }
footer a{ color:#fff; }
footer span{ margin:0 10px;}
.mobile-header{ display: none; visibility: hidden;}
.grecaptcha-badge{ visibility: collapse !important; }

.morebutton a{ border:1px solid #034EA2; color:#034EA2; padding:10px 50px; text-transform: uppercase; font-weight: 500;}
.morebutton a:hover{ background:#034EA2; color:#fff;}

.morebuttonservices{ text-align: center;}
.morebuttonservices a{ border:1px solid #034EA2; color:#034EA2; padding:10px 50px; text-transform: uppercase; font-weight: 500;}
.morebuttonservices a:hover{ background:#034EA2; color:#fff;}

.footerwidget{ background:#134591; padding:40px 0; color:#fff;}
.footerwidget h4{ font-size:18px; color:#eee; text-transform: uppercase; letter-spacing: 1px;}
.footerwidget ul{ margin:0; padding:0;}
.footerwidget .footermenu li{ list-style: none;}
.footerwidget .footersocialicon li{ display: inline-block; vertical-align: middle; margin:0 5px;}
.footerwidget .footercontact li{ list-style: none;}
.footerwidget .footercontact li i{ margin-right:10px;}

.whitetext{ color:white;}
.postblockhomepage { background: white; padding: 15px;}
.contentpanel{ padding:60px 0; background:white;}
.blankwrap{ padding:60px 0;}
.postdate{ opacity:0.5; margin:15px 0;}
.posttitle{ margin:30px 0;}
.postcategory{ margin:20px 0;}
.postcategory a{ opacity:0.5; padding:5px 20px; color:#F48023; border:1px solid #F48023; margin-right:20px; border-radius:8px;}
.postcategory a:last-child{ margin-right:0px;}
.postcategory a:hover{ opacity: 0.9; background:#F48023; color:white;}
.blogitem{ padding:10px; background:white;}
.blogitem h4{ margin:40px 0 0 0;}

.footermenuwrap .col-md-3{ margin:10px 0;}
.footermenuwrap ul{ margin:0; padding:0;}
.footermenuwrap ul li{ list-style: none;}
.footermenuwrap ul li:last-child{ margin-right: 0;}
.footermenuwrap ul li a{ color:white; font-weight: 300;}
.footermenuwrap ul li a:hover{ text-decoration: underline;}

.titlebar{ background:gray; padding:40px 0; position: relative; text-align: center;}
.titlebar h2{ font-weight: 900; font-size:48px; text-align: center; color:white;}

.homebar::before { background-color: rgba(0,0,0,0.4) !important; content: "" !important; display: block !important; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.vc-hoverbox-block{ border:2px solid white;}
.vc-hoverbox-block.vc-hoverbox-front h2{ font-weight: 900;}

.contactformwrap{ background:#eee; padding:40px;}
.contactus input[type=email], .contactus input[type=text], .contactus textarea { border: 1px solid #333; margin-top: 8px; padding: 5px 10px; width: 100%;}
.contactus label{ width:100%; text-transform: uppercase; letter-spacing: 1px;}
div.pp_overlay{ z-index: 99999 !important;}
div.pp_pic_holder{ z-index: 999999 !important;}

.vc-hoverbox-block.vc-hoverbox-front h2{ text-shadow: 1px 1px 1px #000;}
.metavalues{ margin:30px 0;}
.metavalues ul{ margin:0; padding:0;}
.metavalues ul li { display: inline-block; vertical-align: middle; padding: 10px; width: 20%; margin: 2%; border: 1px solid #eee; }
.metavalues ul li span { color: #134591; display: block; margin-bottom: 5px; font-weight: 500 !Important; text-transform: uppercase; font-size: 14px; letter-spacing: 1px; }
.titleprice{ margin-top:20px; background:#D00301; color:#fff; padding:10px 40px; font-weight: 300; font-size:30px; display: inline-block;}
.bookingformbox{ background:#fafafa; border:1px solid #ccc; padding:40px 20px; text-transform: uppercase; font-size:14px;}
.bookingformbox input, .bookingformbox textarea, .bookingformbox date{ display: block; width:100%; margin:10px 0; text-transform: none; border:1px solid #ccc; background:white; padding:10px;}
.bookingformbox h4{ color:black; font-size:22px; letter-spacing: 1px; text-transform: none;}
.bookingformbox input[type=submit]{ border:1px solid #D00301; color:#fff; padding:10px; text-align: center; background:#D00301;}
.bookingformbox input[type=submit]:hover{ background:white; color:#D00301;}
.bookingformbox hr{ width:50px; float:left; border-color:#D00301;}

.blogbox{ background:#fafafa;}
.blogbox img.blogthumb{ width:100%;}
.homeblogdetails{ padding: 20px;}
.content_panel{ padding: 60px 0;}

/* IPAD */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .mobile-header{ display: block; visibility: visible; padding:0;}
    .logobar, .topbar{ display: none; visibility: hidden;}
    .outer-menu { position: absolute; top: 100px; right: 20px; z-index: 9999;}
}
/* IPAD LANDSCAPE */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}

/* Cell Phones */
@media only screen and (max-width: 767px) {
    .mobile-header{ display: block; visibility: visible; padding:0; position:absolute; top:0; left:0; width:100%; background:rgba(255,255,255,0.9);}
    .mobile-header .logo img{ width:120px !important;}
    .logobar, .nomobile{ display: none; visibility: hidden;}
    h1.logo { text-align: left; padding-left: 20px;}
    .headerwrap.headerfixed h1.logo { top: 10px; }
    .headerwrap.headerfixed .outer-menu { top: 20px; }
    .outer-menu { position: absolute; top: 60px; right: 10px; z-index: 9999;}
    h1.logo { top: 50px; }
    .headerwrap, .headerwrap.headerfixed{ height:100px;}
    .topbarleft a { margin-right: 10px; font-size:14px; display:block;}
}

@media print {}