/*
Theme Name: Salient - Oddforms
Theme URI: http://www.oddforms.com
Description: Oddforms child of the Salient Theme
Author: Charles Sheppa
Author URI: https://instagram.com/sheppanator
Template: salient
Version: 0.1.5
*/

/* Fixes and Tweaks */

.row .col img:not([srcset]) {
	width: 100% !important;
}
/* fix load flashes */
body[data-smooth-scrolling="0"] {
	background-color:black;
}
/* disable lightbox nav */
button.mfp-arrow {
	display: none !important;
}
body[data-footer-reveal="1"] #ajax-content-wrap {
	overflow: visible;
}
/* fix white header on mobile */
.home .ocm-effect-wrap-inner {
	background-color: black;
}
.homelogo {
	filter: invert(.9);
}
nav li a {
	display: block;
	width: 100px;
	height: 80px;
	text-align: center;
	font-family: 'charlesbold', sans-serif !important;
}
.ico-nav {
	margin-top: -15px;
	background-position: center 65%;
	background-size: 105px;
	background-repeat: no-repeat;
	
}
/* Fix Login Screen Logo Height */
	/* Custom CSS in the Appearance Menu */

/* Navigation Icons & Animations */

header#top nav >ul >li >a, .pull-left-wrap > ul > li > a {
	padding: 0px !important;
}
.home-nav {
	background-image: url('https://oddforms.com/wp-content/uploads/2019/02/mantis.gif');
}
.home-nav:hover {
	background-image: url('https://oddforms.com/wp-content/uploads/2019/03/mantis-hover.gif');
}
.project-nav {
	background-image: url('https://oddforms.com/wp-content/uploads/2019/03/latern-black.gif');
}
.project-nav:hover {
	background-image: url('https://oddforms.com/wp-content/uploads/2019/03/latern-black-hover.gif');
}
.news-nav {
	background-image: url('https://oddforms.com/wp-content/uploads/2019/03/puffer-black.gif');
}
.news-nav:hover {
	background-image: url('https://oddforms.com/wp-content/uploads/2019/03/puffer-black-hover.gif');
}

/* Nav Icons */
.floater {
	background-size: 125px;
	display: block;
	width: 125px;
	height: 81px;
}
.home .floater {
background-size: 125px;
	display: block;
	width: 125px;
	height: 81px;
	}
.targetedroll:hover, .targetedroll:focus {
	text-decoration: underline;
}
/* Manta Ray */
#mantis-white {
	transform: translatey(0px);
		animation: float 5s ease-in-out infinite;
	background-image: url('https://oddforms.com/wp-content/uploads/2019/02/mantis.gif');
}
.targetedroll:hover #mantis-white, .targetedroll:focus #mantis-white {
	background-image: url('https://oddforms.com/wp-content/uploads/2019/03/mantis-hover.gif');
}
#mantis-black {
	transform: translatey(0px);
		animation: float 5s ease-in-out infinite;
	background-image: url('https://oddforms.com/wp-content/uploads/2019/03/mantis-black.gif');
}
.targetedroll:hover #mantis-black, .targetedroll:focus #mantis-black {
	background-image: url('https://oddforms.com/wp-content/uploads/2019/03/mantis-black-hover.gif');
}
/* Latern Fish */
#latern-white {
	transform: translatey(0px);
		animation: float 6s linear infinite;
	background-image: url('https://oddforms.com/wp-content/uploads/2019/02/latern.gif');
}
.targetedroll:hover #latern-white, .targetedroll:focus #latern-white {
	background-image: url('https://oddforms.com/wp-content/uploads/2019/03/latern-hover.gif');
}
#latern-black {
	transform: translatey(0px);
		animation: float 6s linear infinite;
	background-image: url('https://oddforms.com/wp-content/uploads/2019/03/latern-black.gif');
}
#latern-black-selected {
	transform: translatey(0px);
		animation: float 2s ease infinite;
	background-image: url('https://oddforms.com/wp-content/uploads/2019/03/latern-black-selected.gif');
}
.targetedroll:hover #latern-black, .targetedroll:focus #latern-black {
	background-image: url('https://oddforms.com/wp-content/uploads/2019/03/latern-black-hover.gif');
}
/* Puffer Fish */
#puffer-white {
	transform: translatey(0px);
		animation: float 4s ease infinite;
	background-image: url('https://oddforms.com/wp-content/uploads/2019/03/puffer-hover.gif');
}
/* Not needed! 
.targetedroll:hover #puffer-white, .targetedroll:hover #puffer-white {
	background-image: url('https://oddforms.com/wp-content/uploads/2019/02/puffer.gif');
}*/
#puffer-black {
	transform: translatey(0px);
		animation: float 4s ease infinite;
	background-image: url('https://oddforms.com/wp-content/uploads/2019/03/puffer-black.gif');
}
#puffer-black-selected {
	transform: translatey(0px);
		animation: float 2s ease infinite;
	background-image: url('https://oddforms.com/wp-content/uploads/2019/03/puffer-black-selected.gif');
}
.targetedroll:hover #puffer-black, .targetedroll:focus #puffer-black {
	background-image: url('https://oddforms.com/wp-content/uploads/2019/03/puffer-black-hover.gif');
}

#floater-black {
	background-image: url('https://oddforms.com/wp-content/uploads/2019/02/mantis-black.gif');
}

@keyframes float {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-7px);
	}
	100% {
		transform: translatey(0px);
	}
}

/* Single Post Page Content Spacing */

.portfolio-items .work-item.style-4 .bottom-meta p, .portfolio-items[data-ps="6"] .work-meta p {
	display: none;
}
#portfolio-nav #all-items a i {
	display: none;
}
.bottom_controls {
	background-color: white;
}
element.style {
    padding-bottom: 63px;
    padding-top: 35px;
}
#top nav >ul >li.current_page_item > a{
pointer-events: none;
}

h3.coments-title {
	margin-top: 30px;
}
.nectar-love {
  display: none!important;
} 

/* Homepage Styles */

.homelogo {
	width: 260px;
	height: auto;
}

.single-portfolio .row .col.section-title h1 {
	display: none !important;
}

/* Homepage Backgrounds */
.home div.container-wrap {
	background-image: url('https://oddforms.com/wp-content/uploads/2019/02/stars-layer.png'), url('https://oddforms.com/wp-content/themes/salient-oddforms/Images/jellies.gif'), url('https://oddforms.com/wp-content/uploads/2019/02/bubbles.png');
	background-position: -5% 0px;
	background-repeat: repeat;
	background-color: black;
	background-size: 100%, 100%, 90%;
	animation: animatedCrabs 335s linear infinite;
		-moz-animation: animatedHome 335s linear infinite;
		-webkit-animation: animatedHome 335s linear infinite;
		-ms-animation: animatedHome 335s linear infinite;
		-o-animation: animatedHome 335s linear infinite;
}

/* Crab Bg */
.page-id-255 div.container-wrap, .error404 div.container-wrap {
	background-image: url('https://oddforms.com/wp-content/themes/salient-oddforms/Images/crabs.gif');
	background-repeat: repeat;
	background-size: 1400px;
	background-position: 0px 0px;
	animation: animatedCrabs 35s linear infinite;
		-moz-animation: animatedCrabs 35s linear infinite;
		-webkit-animation: animatedCrabs 35s linear infinite;
		-ms-animation: animatedCrabs 35s linear infinite;
		-o-animation: animatedCrabs 35s linear infinite;
}

.page-id-17 div.container-wrap {
	background-image: url('https://oddforms.com/wp-content/uploads/2019/03/bubbles-black.png');
	background-repeat: repeat;
	background-size: 1400px;
	background-position: 0px 0px;
	animation: animatedCrabs 135s linear infinite;
		-moz-animation: animatedCrabs 135s linear infinite;
		-webkit-animation: animatedCrabs 135s linear infinite;
		-ms-animation: animatedCrabs 135s linear infinite;
		-o-animation: animatedCrabs 135s linear infinite;
}
/* Whale Bg 
.page-id-17 div.container-wrap {
	background-image: url('https://oddforms.com/wp-content/uploads/2019/03/whale-wp.gif'), url('https://oddforms.com/wp-content/uploads/2019/03/bubbles-black.png');
	background-position: 1200px -190px, top;
	background-repeat: no-repeat, repeat;
	background-size: 1400px, 75%;
	animation: animatedWhale 235s linear infinite;
		-moz-animation: animatedWhale 235s linear infinite;
		-webkit-animation: animatedWhale 235s linear infinite;
		-ms-animation: animatedWhale 235s linear infinite;
		-o-animation: animatedWhale 235s linear infinite;
}
*/
/* Animated Backgrounds Frame Control */

@keyframes animatedCrabs {
    0% { background-position: -5% 0px; }
    50% { background-position: 10% -1400px; }
    100% { background-position: -5% -2800px; }
}
@-moz-keyframes animatedCrabs {
    0% { background-position: -5% 0px; }
    50% { background-position: 10% -1400px; }
    100% { background-position: -5% -2800px; }
}
@-webkit-keyframes animatedCrabs {
    0% { background-position: -5% 0px; }
    50% { background-position: 10% -1400px; }
    100% { background-position: -5% -2800px; }
}
@-ms-keyframes animatedCrabs {
    0% { background-position: -5% 0px; }
    50% { background-position: 10% -1400px; }
    100% { background-position: -5% -2800px; }
}
@-o-keyframes animatedCrabs {
    0% { background-position: -5% 0px; }
    50% { background-position: 10% -1400px; }
    100% { background-position: -5% -2800px; }
}

@keyframes animatedHome {
    0% { background-position: 0px 0px, 0px 0px, 0px 5px; }
    100% { background-position:-1800px 1000px, 0px -7500px, 0px 2000px; }
}
@-moz-keyframes animatedHome {
   0% { background-position: 0px 0px, 0px 0px, 0px 5px; }
   100% { background-position:-1800px 1000px, 0px -7500px, 0px 2000px; }
}
@-webkit-keyframes animatedHome {
    0% { background-position: 0px 0px, 0px 0px, 0px 5px; }
    100% { background-position:-1800px 1000px, 0px -7500px, 0px 2000px; }
}
@-ms-keyframes animatedHome {
   0% { background-position: 0px 0px, 0px 0px, 0px 5px; }
   100% { background-position:-1800px 1000px, 0px -7500px, 0px 2000px; }
}
@-o-keyframes animatedHome {
    0% { background-position: 0px 0px, 0px 0px, 0px 5px; }
    100% { background-position:-1800px 1000px, 0px -7500px, 0px 2000px; }
}

@keyframes animatedWhale {
    0% { background-position: 1300px 0%, 0px 0px }
    100% { background-position:-4000px 800px, 0px -4500px }
}
@-moz-keyframes animatedWhale {
   0% { background-position: 1300px 0%, 0px 0px }
   100% { background-position:-4000px 800px, 0px -4500px }
}
@-webkit-keyframes animatedWhale {
    0% { background-position: 1300px 0%, 0px 0px }
    100% { background-position:-4000px 800px, 0px -4500px }
}
@-ms-keyframes animatedWhale {
   0% { background-position: 1300px 0%, 0px 0px }
   100% { background-position:-4000px 800px, 0px -4500px }
}
@-o-keyframes animatedWhale {
    0% { background-position: 1300px 0%, 0px 0px }
    100% { background-position:-4000px 800px, 0px -4500px }
}

/* Responsive */

@media only screen and (max-width: 690px) {
 .floater {
    width: 95px !important;
	height: 66px !important;
	background-size: 95px !important;
  }
  .home div.container-wrap {
  	background-size: 200%, 200%, 200% !important;
  }
  #to-top {
	  width: 50px;
  }
  #to-top i {
	  width:50px;
	  height:50px;
	  background-color: aqua;
	  color: black;
  }
  /* fix insta width mobile */
  .wpz-insta-lightbox-wrapper > .swiper-container {
  	width: 100% !important;
  }
}

@media only screen and (max-width: 1000px) and (min-width: 1px) {

	.ico-nav {
		padding: 30px 80px;
		background-size: 75px;
		background-position: left center;
		}

}