/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: Nick
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

@font-face {
    font-family: 'X';
    src: url('fonts/xtreemmedium_demo-webfont.eot'); /* IE9 Compat Modes */
    src: url('fonts/xtreemmedium_demo-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/xtreemmedium_demo-webfont.woff') format('woff'), /* Modern Browsers */
         url('fonts/xtreemmedium_demo-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('fonts/xtreemmedium_demo-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'PX';
    src: url('fonts/proximanova-sbold-webfont.eot'); /* IE9 Compat Modes */
    src: url('fonts/proximanova-sbold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/proximanova-sbold-webfont.woff') format('woff'), /* Modern Browsers */
         url('fonts/proximanova-sbold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('fonts/proximanova-sbold-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'PXBold';
    src: url('fonts/proximanova-bold-webfont.eot'); /* IE9 Compat Modes */
    src: url('fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/proximanova-bold-webfont.woff') format('woff'), /* Modern Browsers */
         url('fonts/proximanova-bold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('fonts/proximanova-bold-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

h1 {
    font-family: 'X';
}


/* News posts template format */
#posts {
    text-align: center;
}
#posts .post { border-top: 1px solid #fff; position: relative; width: 100%; height: 100%; }
#posts .post:nth-child(1) { border-top: 0; }
#posts .post h2 {
	width: 100%;
	height: 100%;
	line-height: .7;
	letter-spacing: .15em;
	text-align: center;
	vertical-align: middle;
	z-index: 2;
	font-family: 'PXBold';
	font-size: 55px;
	color: black !important;
	text-transform: uppercase;
	display: table-cell;
	vertical-align: middle;
}
#posts h4.read-more {
	font-family: 'x';
	display: none;
	font-size: 	20px;
	color: #dc9f1d !important;
	background: url('images/tape-transparent-img.png') center center no-repeat;
	line-height: 42px;
	height: 39px;
	width: 264px;
	margin: 0px auto;
}
#posts h4.read-more a {
	color: #e8ad74;
}
#posts h2 a {
	color: black;
	display: none;
	width: 100%;
	height: 100%;
}
#posts img.post-bg-img {
	opacity: .5;
}
#posts .date {
	margin-left: -70px;
	margin-right: 20px;
}
#posts .Center-Container.is-Inline {
  text-align: center;
  overflow: auto;
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
}
#posts .Center-Container.is-Inline:after,
.is-Inline .Center-Block {
  display: inline-block;
  vertical-align: middle;
}
#posts .Center-Container.is-Inline:after {
  content: '';
  height: 100%;
  margin-left: -0.25em; /* To offset spacing. May vary by font */
}
#posts .is-Inline .Center-Block {
  max-width: 99%; /* Prevents issues with long content causes the content block to be pushed to the top */
  /* max-width: calc(100% - 0.25em) /* Only for IE9+ */
}




/* News Posts Post Format */
.single-post .entry-title {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 11px;
}
.single-post ul.meta {
    border-bottom: none;
}
.single-post .meta-date {
    color: #dc9f1d;
    font-family: 'X';
    font-size: 20px;
    letter-spacing: 3px;
    line-height: 20px;
    padding: 0;
}
.single-post .meta-date .icon-clock {
    display: none;
}

















/* Left Side Main Menu */
#site-navigation-wrap {
	position: absolute;
	top: 100%;
	left: 0;
}
#site-navigation #menu-main-menu >li {
	display: block;
}
#site-navigation #menu-main-menu >li >a {
	position: relative;
	white-space: nowrap;
	letter-spacing: 0;
	width: 72px;
	height: 72px;
	line-height: 72px;
	margin-bottom: 3px;
	text-align: center;
	padding: 0;
}
#site-navigation #menu-main-menu >li >a::after {
    content: "";
    width: 31px;
    height: 71px;
    background: url('images/menu-arr.png') left center no-repeat;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 20;
    opacity: 0;
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    -ms-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s;
}
#site-navigation #menu-main-menu >li:hover >a::after, #site-menu #menu-main-menu >li.current-menu-item >a::after {
    left: 100%;
    opacity: 1;
}
#site-navigation #menu-main-menu >li:hover >a, #site-menu #menu-main-menu >li.current-menu-item >a {
    width: 100px;
}

/* Side Main Menu Drop Down Sub Menu */
#site-navigation #menu-main-menu >li .sub-menu {
    position: absolute;
	left: 114%;
    top: 17px;
    padding: 0 20px;
    box-shadow: none;
}
#site-navigation #menu-main-menu >li .sub-menu >li {
    border: none;
    background-color: rgba(255, 255, 255, 0.3);
}
#site-navigation #menu-main-menu >li .sub-menu >li >a {
    display: inline-block;
    width: auto;
    padding: 10px;
}
#site-navigation #menu-main-menu >li .sub-menu >li:hover >a {
    background: url('images/sub-tape.png') center/100% 100% no-repeat;
}
#site-navigation #menu-main-menu >li .sub-menu >li:nth-child(2):hover >a {
    background-image: url('images/sub-tape2.png');
}
#site-navigation #menu-main-menu >li .sub-menu >li:nth-child(3):hover >a {
    background-image: url('images/sub-tape3.png');
}
#site-navigation #menu-main-menu >li .sub-menu >li:nth-child(4):hover >a {
    background-image: url('images/sub-tape4.png');
}