/*
 Theme Name:   Xhanubis Child 
 Theme URI:    https://webheroeshq.com
 Description:  Child theme for xhanubis theme
 Author:       Jerry Valentine
 Author URI:   https://webheroeshq.com
 Template:     xhanubis
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  xhanubis-child
 
*/
/* Child Theme Specific Fonts */

@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansitalic';
    src: url('fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('fonts/opensans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bree_serifregular';
    src: url('fonts/breeserif-regular-webfont.woff2') format('woff2'),
         url('fonts/breeserif-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'averageregular';
    src: url('fonts/average-regular-webfont.woff2') format('woff2'),
         url('fonts/average-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'fjalla_oneregular';
    src: url('fonts/fjallaone-regular-webfont.woff2') format('woff2'),
         url('fonts/fjallaone-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* Global Styles */

h1, h2, h3, h4, h5, h6 {font-family: 'fjalla_oneregular'; color: #D42929;} 
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited{ color: #D42929;}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { color: #D42929; }
body{font-family: 'averageregular'; background-image: url(images/noise.png); color: #111; font-size: 1.850em; }
.icon{font-size:45px; margin: 0;} .ico-on-light{color: #D1AB67;} .ico-on-dark{color: #908470;}

.sub-hero h1.page-title {color: #fff; text-shadow: 1px 0 0 #000000;} #archive-header h1{font-family: 'fjalla_oneregular';}

a { color: #ec381c; } a:visited { color: #b7220b; } a:hover, a:focus, a:active { color: #FB6048; outline: none!important;} a, a:visited { color: #ec381c; outline: none!important;} a:hover, a:focus { color: #FB6048; outline: none!important;}


.menu-item-has-children a:after{font-family: 'FontAwesome'; content: "\f078"; padding-left: 3px; color: #e1e1e1;}
.menu-item-has-children li a:after, .footer .menu-item-has-children a:after{content: "";}
#main-nav li a:hover{color: #916b3f;}
#main-nav .current_page_item a, active, visited, #main-nav .current-menu-parent a, active, visited{color: #916b3f;}
#main-nav ul ul li {  background: #b18857; }
#main-nav ul ul li a { color: #fff!important;}
#main-nav ul ul li:hover { background: #916b3f;}

#mobi-nav{display: none;}

#mobi-nav:not( .mm-menu ) {
   display: none;
}

#search-ico span{color: #b18857;} #search-ico span:hover{color: #916b3f;}

.scrollToTop{ border: 1px solid #FCB501; }
.scrollToTop:before { color: #FCB501; }

.button:visited{color: #000;}
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] { background-color: #FCB501; color: #000;}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus { color: #FCB501; background-color: #FCB501;}

th{background: #884411;}
th{border-top: 1px solid #884411; } 
th:first-child{border-left: 1px solid #884411; }  
th:last-child{border-right: 1px solid #884411; }

.animsition-loading {
  border-top: 5px solid rgba(187, 34, 34, 1)!important;
  border-right: 5px solid rgba(187, 34, 34, 1)!important;
  border-bottom: 5px solid rgba(187, 34, 34, 1)!important;
  border-left: 5px solid #FCB501!important;
}

.sidebar .textwidget p{margin-bottom: 15px;}
.byline{display: block; margin-top: -10px; font-family: 'vollkornitalic';}
#header{ border-top: 10px solid #D42929;}

blockquote { margin: 45px 60px; padding: 20px 0 5px 0; border-left: none; font-size: 2.150rem; color: #996644; font-family: georgia, serif; text-transform: none; font-style: italic; text-align: center; font-weight: normal; position: relative;}
blockquote :before { content: ""; position:absolute; top:0; left: 45%; right: 45%; height: 1px; background: #d9d9d9; display:block;}
blockquote :after { content: ""; position:absolute; bottom:0; left: 45%; right: 45%; height: 1px; background: #d9d9d9; display:block;}

.responsive-accordion li .responsive-accordion-head.active { color: #D42929!important;}
/* Homepage Styles */
.announce-it{background: #c22d29; color: #fff; padding: 15px 0 20px 0; margin: 0; font-size: 90%;}

.hero{min-height: 700px; height: auto !important; height: 700px;}
.sub-hero h1{color: #D42929;} 
.pic-frame{border: 1px solid #e1e1e1; padding: 5px; background-color: #f9f7f7;} .pic-frame img{display: block; margin: 0; padding: 0;}
.hero{padding: 250px 0 0 0; background-color: #000;} .latest{background: #fff; padding: 10px; border-radius: 3px;}

.time{background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;  margin: 0; padding: 0; background-image:url(images/slave-ship-bg.jpg);}

.trade{background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;  margin: 0; padding: 0; background-image:url(images/slave-route.jpg); min-height: 480px; height: auto !important; height: 480px;}
.trade {color: #fff; margin-top: 0; font-family: 'vollkornitalic'; font-size: 2.350rem; letter-spacing: 1px;}

.issue .nw-card{background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;  margin: 0; padding: 0; background-image:url(images/slaves-for-sale.jpg); min-height: 480px; height: auto !important; height: 480px;} 
.issue .nw-card-info{margin-top: 60px;}

.abt-us {margin-top: -25px;}.abt-us .nw-card{background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;  margin: 0; padding: 0; background-image:url(images/shackles.jpg); min-height: 480px; height: auto !important; height: 480px;} 
.abt-us .nw-card-info{margin-top: 100px;}

.repa {margin-top: -25px;}
.repa .nw-card{background-size: cover; background-repeat: no-repeat; background-position: 50% 50%;  padding: 0; background-image:url(images/free-from-chains.jpg); min-height: 480px; height: auto !important; height: 480px;} 
.repa .nw-card-info{margin-top: 100px;}

.context {margin-top: -25px;} .context .nw-card{background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; padding: 0; background-image:url(images/slave-boy.jpg); min-height: 580px; height: auto !important; height: 580px;} 
.context .nw-card-info{margin-top: 40px; padding-right: 20px;}

.videos{background: #000 url(images/map-lines.png) repeat-x top;} .points li{color: #fff; background: url(images/line.png) repeat-x bottom; padding-bottom: 15px; margin-bottom: 10px; 
  position: relative;}
.points li span{color: #bb2222;} .points li:last-child{background: none;}


/* Aboutpage Styles */
.sub-hero{background-color: #000;}
.crc-member em{display: inline-block; margin-top: 10px; margin-bottom: -20px;}

/* Contact Page */
.contact .photo-card .heading-block{margin-top: 40px; text-align: center;}
.contact .photo-card .heading-block h2{ padding-bottom: 10px; margin-bottom: -10px; margin-left: auto; margin-right: auto;display: inline-block;}
.contact .content-block form{margin-top: 0;}

.contact input[type="email"],
.contact input[type="number"],
.contact input[type="search"],
.contact input[type="text"],
.contact input[type="tel"],
.contact input[type="url"],
.contact input[type="password"],
.contact textarea,
.contact select {-webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;
  padding: 12px 10px 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #F7f7f7; 
  background-image: url(images/noise.png);
  border: none; border-bottom: 1px solid #b18857;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box; margin-bottom: 0;}
 
.contact textarea {
  height: 120px!important;
  padding-top: 6px;
  padding-bottom: 6px; }
  
.contact .contact-submit .pushbutton-wide{ float: right; clear: both;}

/* Blog Page */
.sidebar .x-widget-title:before{ border-bottom: 3px solid #916b3f; }
.crc-post-info{ border-right: 1px solid #e1e1e1;}
.crc-post{margin: 0; padding: 0; width: 100%;} 
.authors-name, .publish-date{display: block;}
.crc-post-info span{font-size: 90%;}

.tag .entry-header .entry-title, 
.tag .entry-header .psted, 
.blog .entry-header .entry-title, 
.blog .entry-header .psted, 
.search .entry-header .entry-title, 
.search .entry-header .psted,
.single .entry-header .entry-title, 
.single .entry-header .psted,  
.category .entry-header .entry-title, 
.category .entry-header .psted
	{font-family: 'fjalla_oneregular'; color: #7a6f74!important;} 
	
.cam{display: block!important;} .blog-nav {margin: 0 0 20px 0;}
.blog-nav .page-numbers{border: 1px solid #CE2924; padding: 4px 16px; display: inline-block;}  
.blog-nav .current {background: #CE2924; color: #fff;}

.byline{border: 0px solid #e1e1e1; display: inline-block;}

/* Events Page */
.tribe-clear {border-bottom: 1px dotted #e1e1e1; padding-bottom: 30px;}

/* Instagram Style------------------------------------------------*/				
.grid {	position: relative;	margin: 0px auto;	padding: 0; max-width: 100%; list-style: none;	text-align: center; -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.grid figure {	position: relative;	float: left; overflow: hidden;	margin: 0;	width: 16.666666%;	height: 16.666666%;	background: #303A4C;	text-align: center;	cursor: pointer;}
.grid figure img {	position: relative;	display: block;	min-height: 100%;	max-width: 100%;	opacity: 0.8; margin: 0; padding: 0;}
.grid figure figcaption {	padding: 1em; color: #fff; text-transform: uppercase; font-size: 80%; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.grid figure figcaption::before,.grid figure figcaption::after {pointer-events: none;}
.grid figure figcaption,.grid figure figcaption > a { position: absolute; top: 30%;	left: 10px;	width: 100%; height: 100%;}
.grid figure figcaption > a {	z-index: 1000;	text-indent: 200%;	white-space: nowrap;	font-size: 0;	opacity: 0;}
.grid figure h2 {	word-spacing: -0.15em;	font-weight: 300;}
.grid figure h2 span {	font-weight: 800;}
.grid figure h2,.grid figure p {	margin: 0;}
.grid figure p {	letter-spacing: 1px;	font-size: 68.5%;}

/* Individual effects *//*---------------*//***** Lily *****//*---------------*/
figure.effect-lily img {	max-width: none;	width: -webkit-calc(100% + 50px);	width: calc(100% + 50px);	opacity: 0.7;	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;	-webkit-transform: translate3d(-40px,0, 0);	transform: translate3d(-40px,0,0);}
figure.effect-lily figcaption {	text-align: left;}
figure.effect-lily figcaption > div {	position: absolute;	bottom: 0;	left: 0;	padding: 2em;	width: 100%;	height: 50%;}
figure.effect-lily h2,figure.effect-lily p {	-webkit-transform: translate3d(0,40px,0);	transform: translate3d(0,40px,0);}
figure.effect-lily h2 {	-webkit-transition: -webkit-transform 0.35s;	transition: transform 0.35s;}
figure.effect-lily p {	color: rgba(255,255,255,0.8);	opacity: 0;	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;	transition: opacity 0.2s, transform 0.35s;}
figure.effect-lily:hover img,figure.effect-lily:hover p {	opacity: 1;}
figure.effect-lily:hover img,figure.effect-lily:hover h2,figure.effect-lily:hover p {	-webkit-transform: translate3d(0,0,0);	transform: translate3d(0,0,0);}
figure.effect-lily:hover p {	-webkit-transition-delay: 0.05s;	transition-delay: 0.05s;	-webkit-transition-duration: 0.35s;	transition-duration: 0.35s;}

.fb-page, .twitter-timeline{width: 100%; max-width: 100%!important;}

/* Footer Styles */
.gen-contact{padding-top: 15px;} 
.latest-img{float: left; width: 75px; height: auto; margin: 0 10px 0 0;} 
.latest li{margin-bottom: 15px;} 
.latest li h5{padding: 8px 0 0 0!important; margin-bottom: 0;} 
.latest li em{font-size: 85%;} 
.foot-info{display: block;  background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; background-color: #222200; background-image:url(images/footer_bg.jpg); min-height: 300px; height: auto !important; height: 300px; margin: 0; padding: 0; color: #f7f9f9;}
.foot-info img{display: block; width: 75px!important; margin-bottom: 10px;} .foot-info ul, .foot-info li{margin-left: 0;} .foot-info h4{color: #dd9944;}
ul.social-icon{margin: 0;} .social-icon li{display: inline-block; margin: 0 5px; font-size: 140%;}

#colophon{background: #551111; padding-top: 20px;} 
#colophon p{ color: #fff; font-size: 75%; text-transform: uppercase;} 
#colophon a, active, visited{color: #FCB501;}

.hvr-sweep-to-bottom:before, .hvr-sweep-to-right:before, .hvr-sweep-to-left:before{background:#000!important;}
.hvr-sweep-to-right:hover,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:active,.hvr-sweep-to-bottom:hover,.hvr-sweep-to-bottom:focus,.hvr-sweep-to-bottom:active{color:#FCB501!important;} .submit:hover, .pushbutton-wide:hover{background:#000!important;}

.mnav {
    z-index: 9999999;
    position: fixed;
    display: none;
    top: 45px;
    right: 60px; outline: 0;
	 -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease;
}
.mnav a
{
	background: center center no-repeat;
	background-image: url(images/ham.png);
	background-color: #FCB501; border-radius: 3px;
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0; outline: 0;
	color: #999;
}
#mm-nav .menu-item-has-children a:after {content: "";} 

#mobi-nav .page-item-2 a:before {padding-right: 3px; font-family: "fontawesome"; content: "\f015";} 
/* Media Queries All */

@media (min-width: 940px) { 
	.sub-hero { padding-top: 220px; min-height: 500px; height: auto !important; height: 500px;}
	.hero{background-image:url(images/home_hero.jpg);} 
	#page-header{ background-image:url(images/page_hero.jpg);}
	#blog-header, #single-header{ background-image:url(images/page_hero.jpg);} 
	#archive-header, #search-header{ background-image:url(images/page_hero.jpg);}
}
@media (max-width: 940px) {
	.site-description{display: none;} #main-nav{margin-top: 0;}
	.sub-hero{ padding-top: 60px; min-height: 200px; height: auto !important; height: 200px;}
	.hero{min-height: 300px; height: auto !important; height: 300px; margin: 0; padding: 35px 0 0 0;}
	.hero{background-image:url(images/home_hero-sm.jpg);}
	#page-header{ background-image:url(images/page_hero-sm.jpg);}
	#blog-header, #single-header{ background-image:url(images/page_hero-sm.jpg);} 
	#archive-header, #search-header{ background-image:url(images/page_hero-sm.jpg);}
	.messages #page-header,  .about #page-header{ background-image:url(images/caricom-page_hero-sm.jpg)!important; }
}
@media (max-width: 800px) {
	#mobi-nav, .mnav{display: block;} #main-nav{display: none;} 
	.abt-us .nw-card{ margin-bottom: 20px;}
	.abt-us .nw-card-info{margin-top: 0;}
	.twitt{margin-top: 20px;} .sfeeds{text-align: center;}
	.issue .nw-card-info{margin-top: 20px;}
	.context .nw-card-info{margin-top: 20px;}
	.ten-point{padding-top: 20px; padding-bottom: 20px;}
	.contact-form{margin-bottom: 20px;}
	.repa .nw-card-info{margin-top: 20px;}
}
@media (max-width: 600px) {
	.hero p{font-size: 1.750rem; margin-top: 10px; margin-bottom: 0;}
}