/*
Theme Name: HereWeiGo B4
Theme URI: http://www.hereweigo.com
Author: Wei Guan
Author URI: http://www.hereweigo.com
Description: A theme without any extra code, pure bootstrap 4.
Version: 1.0.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: HereWeiGo-B4

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('https://fonts.googleapis.com/css?family=Montserrat:500,900i');
/*@import url('https://fonts.googleapis.com/css?family=Berkshire+Swash');font-family: 'Berkshire Swash', cursive; */
/*@import url('https://fonts.googleapis.com/css?family=VT323');/* font-family: 'VT323', monospace;*/
/*font-family: 'Black Ops One', cursive;
font-family: 'Rationale', sans-serif;
font-family: 'Cherry Swash', cursive;*/
html, body {font-family: 'Montserrat', sans-serif;}
 body {
    padding-top: 100px;
	color: #0f0e0e;
  }
body{background: #fbf5f3;}
a { color:#7b0828; }
.link_placement{ font-style: italic; font-weight: bold;}
.ytp-title, .ytp-title-text {display:none!important;}
.adsbyGoogle {font:0.8em; padding-top:40px;}
.popular{font-size:28px; font-weight: bolder; font-family: 'Montserrat', sans-serif; font-weight:900; font-style:italic;  color:#7b0828; padding-left:20px; text-shadow: 3px 3px 0px #B6C8C0;}
.youtube{ font-size:28px; color:#0f0e0e; font-family: 'Montserrat', sans-serif; font-weight:900; font-style:italic; text-shadow: 2px 2px 0px #CBD8D2;}
.popular,.youtube {/*text-shadow: 0 0 0.2em #000 ;text-shadow: 0 0 0.1em #444*/}
.videoContainer { padding:5px;cursor:pointer;}
.videoBox {background: #f5f5f5; padding:0px; height:100%; border:1px solid #D1D1CF; cursor:pointer;}
.videoThumb img {max-width:100%; width:100%;}
.videoTitle {font-size:0.8em; padding:10px 5px 5px 5px;}
.videoSecondTitle {font-size:0.7em;}
.videoTitle a { color:#444;}
.videopageH2title {display:block; border-bottom:2px solid #7b0828; font-size:22px; font-family: 'Montserrat', sans-serif; font-weight: 500;font-style:none;}
.videoPageCon {background: #f5f5f5; padding:10px; height:100%; border:1px solid #D1D1CF; }
.videoPageCon h1 {font-size: 1.2em; font-family: 'Montserrat', sans-serif; font-weight: 500!important;; font-style:none!important;}
.homepageTab {border-bottom: 1px solid #7b0828!important;}
.homepageTab .nav-item .active  {background:#7b0828; border-radius:0px;}
ul#menu-footer{padding:0px;}
ul#menu-footer li { display: inline-block; list-style-position: outside; padding:0px; color: #0f0e0e; }
ul#menu-footer li a { color: #0f0e0e; font-size:0.6em; margin-right:20px;}
h1, h2 { background: #DEDEDE; color:#0f0e0e; padding:20px; font-size:25px;  font-family: 'Montserrat', sans-serif; }
p:empty {
  display: none;
}
.row-eq-height h1 { display:block!important; width:100%!important;}
ul#menu-footer  {  list-style:none; list-style-position: inside;}
.nav-tabs{
    display: flex!important;
}
.nav-tabs li {
    display: flex!important;
    flex: 1!important;
}

.nav-tabs li  a {
    flex: 1!important;
}
.scrollMe {
  height:500px;
  overflow-y: scroll;
}
.navbar { border-bottom:1px solid #ccc;}
.comment_author { font-style:italic; color:#666;}
.pageH3 {display: block; text-align: center; padding: 20px;}
.row-eq-height {padding: 0px; margin: 0px;}
.footerBackground{border-top:2px solid #7b0828; font-size:22px; margin-top:20px; padding:20px; }
.hwgContainer { padding:0; }
.container-shadow {padding:10px 0;
  -moz-box-shadow:    inset 0px 11px 8px -10px #CCC,inset 0px -11px 8px -10px #CCC;
   -webkit-box-shadow: inset 0px 11px 8px -10px #CCC,inset 0px -11px 8px -10px #CCC;
   box-shadow: inset 0px 11px 8px -10px #CCC,inset 0px -11px 8px -10px #CCC; }
.container-grey {background: #EFEFEF; }
.container-teal {background: #eef6f7; }
.card-bg {background: url("../images/card.png") no-repeat ; background-size: cover; background-position: top center; background-attachment: fixed;}
.page-bg-container {-webkit-filter: grayscale(20%);filter: grayscale(20%);}
.hwgContainer:nth-child(odd){ }
.hexback {  background: url("../images/hexback.png") no-repeat top left !important; background-size:cover;}
.hwgHeaderBar {text-align:center; padding:20px;  background: rgba(23, 173, 188, 0.4);
  -moz-box-shadow: inset 0 -10px 10px -10px #888;
    -webkit-box-shadow: inset 0 -10px 10px -10px #888;
    box-shadow: inset 0 -10px 10px -10px #888;}
.hwgHeaderBar h2 {text-transform: capitalize;font-weight:100; color:white;}

.container { max-width:1366px;  width:100%; }
.container-fluid .row { padding:0px; margin:0px auto;}
.navbar-search-text { background:#31b8bb;padding: 15px; font-weight: 100; color:white!important; font-size: 1.5em; cursor: pointer;
/*  border-top: 5px solid #c5f4f5;border-left: 5px solid #c5f4f5;border-right: 5px solid #c5f4f5;*/
}
.navbar-login-text { background:#ff8000;padding: 10px; font-weight: 100; color:white!important; font-size: 1.5em; cursor: pointer;}
.navbar-donate-text { background:#9e2665;padding: 10px; font-weight: 100; color:white!important; font-size: 1.5em;cursor: pointer;
/*  border-top: 5px solid #c5f4f5;border-left: 5px solid #c5f4f5;border-right: 5px solid #c5f4f5;*/
}
.hwgtab-link.active {background: none!important; color:#7b0828!important;}
.hwgtab-link:hover {background: none!important; color:#7b0828!important; text-decoration: underline;;}
.hwgtab-link {color:#31b8bb; font-size: 1.5em; font-weight: 100;}
.hwgNav {margin-top: 1.2em;}
.row { margin: 0px auto !important;background:none!important}
.specialrow {background: rgba(255, 255, 255, 0.9)!important;  padding-top: 40px; margin-top: -30px!important;
  -moz-box-shadow:    inset 0px 11px 8px -10px #CCC;
   -webkit-box-shadow: inset 0px 11px 8px -10px #CCC;
   box-shadow: inset 0px 11px 8px -10px #CCC; }

.specialrow-page {background: rgba(255, 255, 255, 0.9)!important;  margin-top: -30px!important; padding-bottom: 40px;
  -moz-box-shadow:    inset 0px 11px 8px -10px #CCC;
   -webkit-box-shadow: inset 0px 11px 8px -10px #CCC;
   box-shadow: inset 0px 11px 8px -10px #CCC; }
.page-title-h1 { color: white; text-transform: capitalize; margin: 40px;text-shadow: 0px 0px 7px #000; }
.nobackground-row,.nobackground-col,.nobackground-nav{background:none!important; margin: 0px auto; }
.container {margin: 20px auto;}

.row {background: #fff;}
.ContainerNoMP {padding: 0px!important; margin: 0px !important;}
.navbar {padding: 10px 0 10px 0; border-top:5px solid #7b0828; }
.navbar-megamenu  { border-bottom: 2px solid #17abdc;}
.homepage-slider {padding: 0px!important; margin-top: 0px!important;}
.dropdown  {position:static;  padding: 0px!important; margin: 0px!important; list-style-position: inside;}
.dropdown-menu {width:100%; padding: 0px!important; margin: 0px!important; background:#f5f5f5!important;  border-radius: 0 0px 3px 3px;}
.dropdown-menu.show {display: flex; }
.featureImg .nav-link img { width:100%;}
.megamenu ul {margin: 0px; padding: 0px; list-style: none;}
li.inMMCol {margin: 0px; padding: 0px;}

.inMMCol li {margin: 0px; }
.subDes {display: none; font-size: 0.8em;}
.titLi {font-weight: 100; text-transform: capitalize; font-size: 1.2em; }
.inMMCol .titLi {color:#444; font-weight: 100; text-transform: capitalize; font-size:0.8em; }
.nav-link{display: block!important;  padding-left: 20px; padding-right: 20px;}
.nav-link:hover{color:#444;background:#f5f5f5;}
.nav-link:active{color:#444;background:#f5f5f5;}
.nav-link:hover .titLi{color:#444;background:#f5f5f5;}
.nav-link:active .titLi{color:#444;background:#f5f5f5;}

.dropdown-item.active, .dropdown-item:active, .current-menu-item  { background-color: white!important; color: #7b0828!important;}
.current-menu-item a.nav-link  { color: #7b0828!important; font-weight: bold!important;}
.dropdown-menusub-menu {display: none;}
.linkDes .subDes{display: block;}
.divider {   width   : 98%;
  position: relative;
  z-index : 1;
  background: #fff;}

.divider:before {
  content : "";
  position: absolute;
  left    : 10%;
  bottom  : 0;
  height  : 1px;
  width   : 80%;  /* or 100px */
  border-bottom:1px solid #eee;

}
.divider + li {padding-top: 5px;}




blockquote {
font-family: Georgia, serif;
font-size: 18px;
font-style: italic;
width: 100%;
margin: 0.25em 0;
padding: 0.35em 40px;
line-height: 1.45;
position: relative;
color: #fff;
}

blockquote:before {
display: block;
padding-left: 10px;
content: "\201C";
font-size: 80px;
position: absolute;
left: -20px;
top: -20px;
color: #fff;
}

blockquote cite {
color: #fff;
font-size: 14px;
display: block;
margin-top: 5px;
}

blockquote cite:before {
content: "\2014 \2009";
}

/*FOOOOOOOOOOOOOOOOOOOOOTER*/