@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400&display=swap");
@font-face {
font-family: "Omega Sans Light";
src: url(//itandfeel.com/wp-content/themes/salient-child/fonts/Omega-Sans/Omega-Sans-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Omega Sans Regular";
src: url(//itandfeel.com/wp-content/themes/salient-child/fonts/Omega-Sans/Omega-Sans-Regular.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Omega Sans Medium";
src: url(//itandfeel.com/wp-content/themes/salient-child/fonts/Omega-Sans/Omega-Sans-Medium.woff) format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
}
.mobile-only{
display: none;
}
.wpb_video_widget video{
visibility: visible !important;
}
.light p{
color: #ebebeb !important;
}
body #page-header-bg h1, html body .row .col.section-title h1, .nectar-box-roll .overlaid-content h1, .featured-media-under-header h1{
font-weight: 300;
}
h2{
margin-bottom: 5% !important;
}
#breadcrumbs, .nectar-social.fixed{
display: none;
}
body.single-post #breadcrumbs{
display: block;
margin-bottom: 2%;
}
#to-top{
background: #25343b;
}
#to-top:hover i{
color: #040404;
}
::selection {
background: #0a4b78 !important; color: #ebebeb !important; 
}
.nectar-button{
background-color: transparent !important;
}
.single-game .fancybox-caption__body{
display: none !important;
} #header-outer:not([data-format="left-header"]) #top > .container > .row nav >ul > li.lang-item{
margin-left: 25px;
}
#header-outer:not([data-format="left-header"]) #top > .container > .row nav >ul > li.lang-item a{
font-weight: normal !important;
}
.row .col .lang-item img{
margin-bottom: 0 !important;
}  h1.glitch{
font-size: 44px !important;
}
.wrapper h1.glitch {
position: relative;
}
.wrapper h1.glitch-en::before, 
.wrapper h1.glitch-en::after {
content: "indie horror game studio";
}
.wrapper h1.glitch-es::before,
.wrapper h1.glitch-es::after {
content: "estudio indie de juegos de terror";
}
.wrapper h1.glitch::before,
.wrapper h1.glitch::after {
color: #00eafa; 
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
top: 0;
z-index:-1;
}
.wrapper h1.glitch::before {
left: 3px;
text-shadow: -2px 0 red;
animation-name: glitch-animation-1;
animation-duration: 2s;
animation-timing-function: linear;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-direction: alternate-reverse;
}
.wrapper h1.glitch::after {
left: -3px;
text-shadow: -2px 0 blue;
animation-name: glitch-animation-2;
animation-duration: 2s;
animation-timing-function: linear;
animation-delay: 0s;
animation-iteration-count: infinite;
animation-direction: alternate-reverse;
}
@keyframes glitch-animation-1 {
0% {
clip: rect(82px, 9999px, 89px, 0);
}
5% {
clip: rect(39px, 9999px, 6px, 0);
}
10% {
clip: rect(34px, 9999px, 21px, 0);
}
15% {
clip: rect(31px, 9999px, 71px, 0);
}
20% {
clip: rect(65px, 9999px, 21px, 0);
}
25% {
clip: rect(64px, 9999px, 99px, 0);
}
30% {
clip: rect(89px, 9999px, 97px, 0);
}
35% {
clip: rect(67px, 9999px, 49px, 0);
}
40% {
clip: rect(54px, 9999px, 12px, 0);
}
45% {
clip: rect(16px, 9999px, 33px, 0);
}
50% {
clip: rect(94px, 9999px, 20px, 0);
}
55% {
clip: rect(54px, 9999px, 64px, 0);
}
60% {
clip: rect(69px, 9999px, 17px, 0);
}
65% {
clip: rect(58px, 9999px, 67px, 0);
}
70% {
clip: rect(33px, 9999px, 19px, 0);
}
75% {
clip: rect(60px, 9999px, 99px, 0);
}
80% {
clip: rect(55px, 9999px, 10px, 0);
}
85% {
clip: rect(45px, 9999px, 82px, 0);
}
90% {
clip: rect(82px, 9999px, 69px, 0);
}
95% {
clip: rect(12px, 9999px, 7px, 0);
}
100% {
clip: rect(92px, 9999px, 91px, 0);
}
}
@keyframes glitch-animation-2 {
0% {
clip: rect(2px, 9999px, 17px, 0);
}
5% {
clip: rect(86px, 9999px, 82px, 0);
}
10% {
clip: rect(55px, 9999px, 79px, 0);
}
15% {
clip: rect(70px, 9999px, 56px, 0);
}
20% {
clip: rect(29px, 9999px, 85px, 0);
}
25% {
clip: rect(4px, 9999px, 12px, 0);
}
30% {
clip: rect(9px, 9999px, 86px, 0);
}
35% {
clip: rect(52px, 9999px, 64px, 0);
}
40% {
clip: rect(36px, 9999px, 47px, 0);
}
45% {
clip: rect(60px, 9999px, 26px, 0);
}
50% {
clip: rect(94px, 9999px, 38px, 0);
}
55% {
clip: rect(93px, 9999px, 68px, 0);
}
60% {
clip: rect(69px, 9999px, 45px, 0);
}
65% {
clip: rect(52px, 9999px, 86px, 0);
}
70% {
clip: rect(41px, 9999px, 89px, 0);
}
75% {
clip: rect(7px, 9999px, 68px, 0);
}
80% {
clip: rect(37px, 9999px, 12px, 0);
}
85% {
clip: rect(42px, 9999px, 14px, 0);
}
90% {
clip: rect(74px, 9999px, 69px, 0);
}
95% {
clip: rect(17px, 9999px, 49px, 0);
}
100% {
clip: rect(90px, 9999px, 25px, 0);
}
} .backlight:after{
position: absolute;
content: "";
top: 45%;
left: -30%;
right: 0;
z-index: -1;
height: 45%;
width: 45%;
margin: 0 auto;
transform: scale(1.1);
filter: blur(80px);
border-radius: 100%;
background: linear-gradient(270deg, rgb(71, 137, 184), rgb(52, 183, 213));
background-size: 200% 200%;
animation: animateGlow 3s ease infinite;
opacity: 0.10;
}
@keyframes animateGlow {
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}   .blog-recent[data-style="minimal"] .col > span{
display: none;
}
.blog-recent[data-style="minimal"] .col{
min-height: 320px;
margin-right: 5% !important;
}
.blog-recent[data-style="minimal"] .col, .related-posts[data-style="material"] .inner-wrap{
padding: 5% !important;
box-shadow: rgba(68, 34, 34, 0.15) 0 4px 24px;
background: linear-gradient(165deg, #07070a, #07070a) padding-box, linear-gradient(165deg, #3b88d5, #1ed6f1) border-box;;
border-radius: 5px;
border: 1px solid transparent;
margin-bottom: 5% !important;
overflow: hidden;
transition: all 1s ease!important;
}
.blog-recent[data-style="minimal"] .col:hover, .related-posts[data-style="material"] .inner-wrap:hover{
box-shadow: rgba(31, 223, 237, 0.20) 0 4px 32px;
}
.blog-recent .span_6{
width: 47% !important;
}
body.page-id-462 .blog-recent[data-style="minimal"] .meta a{
color: #797979 !important;
} #page-header-bg[data-post-hs="default_minimal"] .inner-wrap > a{
font-size: 16px !important;
letter-spacing: 1px;
}
body #pagination >span.page-numbers.current, body nav.woocommerce-pagination span.page-numbers.current{
line-height: 10px !important;
border-radius: 50px !important;
color: #040404 !important;
}
.single #page-header-bg #single-below-header > span{
border: none !important;
}
.post-area.featured_img_left article .article-content-wrap .post-featured-img-wrap{
display: none !important;
}
.masonry-blog-item{
width: 46% !important;
}
.page-id-1562 .post-area.masonry.material .post .post-featured-img img{
display: none !important;
}
.masonry.material .masonry-blog-item .article-content-wrap, .masonry.material .masonry-blog-item h3{
color: #ffffff !important;
}
article.masonry-blog-item .post-content  .content-inner a:nth-child(2){
display:none !important;
}
.masonry.material .masonry-blog-item .article-content-wrap, .masonry.material .masonry-blog-item .meta-category, .auto_meta_overlaid_spaced .masonry-blog-item .meta-category a:before{
background-color: transparent !important;
}
.post-area.masonry .post .post-content{
height: 270px !important;
background: linear-gradient(#07070a, #07070a) padding-box, linear-gradient(to right, #0feff8, #63b7e3) border-box;
border-radius: 5px;
border: 1px solid transparent;
margin: 5% !important;
overflow: hidden;
transition: all 1s ease !important;
}
.post-area.masonry .post .post-content:hover{
background: linear-gradient(#07070a, #07070a) padding-box, linear-gradient(to right, #5696f5, #24ccd7) border-box !important;
box-shadow: rgba(23, 92, 230, 0.25) 0 0 30px;
}
body.page-id-1562 .masonry.material .masonry-blog-item .meta-category a, body.page-id-114 .masonry.material .masonry-blog-item .meta-category a,
body.category .masonry.material .masonry-blog-item .meta-category a{
font-size: 16px !important;
font-weight: 300 !important;
}
body.page-id-1562 .main-content:before, body.page-id-114 .main-content:before, body.single-post .main-content:before{
content: '';
position: fixed;
top: -85%;
left: 50%;
transform: translate(-50%, 0%);
width: 1200px;
height: 1200px;
border-radius: 50% 22% 40% 80%;
filter: blur(100px);
background: radial-gradient(circle at 50% 50%, rgb(28, 94, 119), rgba(104, 64, 197, 0));
opacity: 0.4;
} body.category .post-area.featured_img_left.span_12 .article-content-wrap .post-content-wrap {
padding: 5%;
border-bottom: 1px solid #282828;
border-radius: 0;
margin: 0 auto;
}
body.category .post-area.featured_img_left.span_12 article:last-child .article-content-wrap .post-content-wrap{
border-bottom: none;
} .blog-title #single-below-header > span, #page-header-bg[data-post-hs="default_minimal"] .inner-wrap >a, body.material #page-header-bg.fullscreen-header .inner-wrap >a{
border: none !important;
}
#page-header-bg[data-post-hs="default_minimal"] .inner-wrap > a{
font-family: Lato, sans-serif !important;
font-weight: normal !important;
text-transform: uppercase;
}
#page-header-bg[data-post-hs="default_minimal"] #single-below-header span.meta-reading-time{
margin-top: 4%;
}
.blog-recent.related-posts h3.title{
font-size: 20px !important;
line-height: 30px !important;
font-weight: 400 !important;
}
.related-post-wrap[data-using-post-pagination="false"] {
margin-top: 0 !important;
}
.related-post-wrap h3.related-title:after{
content:'';
background: #323232;
width:100%;
height:1px;
display: block;
margin-top: 7px;
}
.related-posts[data-style="material"] .meta-category a, .masonry.material .masonry-blog-item .meta-category a{
font-family: Lato, sans-serif !important;
}
.related-posts[data-style="material"] .inner-wrap .img-link{
display: none;
}
.related-posts[data-style="material"] .meta-category a:before, .masonry.material .masonry-blog-item .meta-category a:before{
height: 1px !important;
} body.single-game .heading-title.hentry{
display:none !important;
}
.single-game.postid-3438 h1, .single-game.postid-3446 h1{
line-height: 95px !important;
}
.single-game.postid-3438 .main-content:before, .single-game.postid-3446 .main-content:before,
.single-game.postid-3427 .container-wrap:before, .single-game.postid-3436 .container-wrap:before,
.single-game.postid-postid-3911 .container-wrap:before, .single-game.postid-3909 .container-wrap:before{
content: '';
position: fixed;
top: -85%;
left: 50%;
transform: translate(-50%, 0%);
width: 1200px;
height: 1200px;
border-radius: 50% 22% 40% 80%;
filter: blur(100px);
opacity: 0.2;
}
.single-game.postid-3438 .main-content:before, .single-game.postid-3446 .main-content:before{
background: radial-gradient(circle at 50% 50%, rgb(255, 0, 106), rgba(76, 0, 255, 0));
}
.single-game.postid-3427 .container-wrap:before, .single-game.postid-3436 .container-wrap:before{
background: radial-gradient(circle at 50% 50%, rgb(37, 169, 138), rgba(76, 0, 255, 0));
}
.single-game.postid-postid-3911 .container-wrap:before, .single-game.postid-3909 .container-wrap:before{
background: radial-gradient(circle at 50% 50%, rgb(183, 203, 243), rgba(76, 0, 255, 0));
} body.page-id-3514  .main-content:before, body.page-id-3535  .main-content:before{
content: '';
position: fixed;
top: -85%;
left: 50%;
transform: translate(-50%, 0%);
width: 1200px;
height: 1200px;
border-radius: 50% 22% 40% 80%;
filter: blur(100px);
background: radial-gradient(circle at 50% 50%, rgb(28, 94, 119), rgba(104, 64, 197, 0));
opacity: 0.4;
}
.job-title{
font-family: Lato, sans-serif !important;
font-weight: 400;
}
.team-member .member{
margin-top: 15px;
padding-bottom: 5px;
} input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea{
border-radius: 4px;
}
input[type=date]:hover, input[type=email]:hover, input[type=number]:hover, input[type=password]:hover, input[type=search]:hover, input[type=tel]:hover, input[type=text]:hover, input[type=url]:hover, textarea:hover,
input[type=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, textarea:focus,
input[type=date]:active, input[type=email]:active, input[type=number]:active, input[type=password]:active, input[type=search]:active, input[type=tel]:active, input[type=text]:active, input[type=url]:active, textarea:active{
background: #0f0f0f !important;
}
body[data-form-submit="regular"] input[type=submit]{
background-color: transparent !important;
border: 1px solid #ebebeb;
}
.contact-form-btn input[type=submit].wpcf7-submit{
margin-top: 3%;
padding: 10px 40px !important;
}
.contact-form-btn input[type=submit]:hover{
background-color: #ebebeb !important;
color: #040404;
}
.wpcf7 .wpcf7-response-output, .wpcf7-not-valid-tip{
color: #e37e1a !important;
background-color: #0f0f0f !important;
}
.wpcf7 form.invalid .wpcf7-response-output{
border-color: #e37e1a;
} .portfolio-items .col .work-item.style-2{
border-radius: 10px;
} #error-404 h2{
margin-bottom: 2% !important;
} #footer-outer{
padding-top: 3%;
}
#footer-outer ul.social{
display: flex;
align-items: center;
justify-content: center;
}
#footer-outer ul li{
margin: 0 15px;
}
.fa-vimeo:before, .fa-behance:before, .fa-spotify:before, .fa-twitter:before,.fa-flickr:before, .fa-facebook:before,
.fa-twitter:before, .fa-youtube:before, .fa-artstation:before{
content: "" !important;
background:url(//itandfeel.com/wp-content/themes/salient-child/img/footer-social-sprite.png) no-repeat;
width: 20px;
height: 20px;
display: inline-block;
}
.fa-vimeo:before {
background-position: 0 0;
width: 19px;
height: 22px;
}
.fa-twitter:before {
background-position: -19px 0;
margin-top: 5px;
}
.fa-facebook:before {
background-position: -38px 0;
width: 20px;
height: 20px;
}
.fa-youtube:before {
background-position: -59px 0;
margin-top: 4px;
}
.fa-behance:before {
background-position: -79px 0;
}
.fa-spotify:before {
background-position: -99px 0;
width: 22px;
}
.fa-flickr:before {
background-position: -120px 0;
width: 37px;
height: 22px;
margin-top: 5px;
}
.fa-artstation:before {
background-position: -159px 0;
width: 24px;
height: 20px;
}
#footer-outer[data-cols="1"] #copyright{
padding: 10px 0 !important;
}
body #footer-outer[data-cols="1"][data-disable-copyright="false"] .row {
padding-top: 10px !important;
padding-bottom: 20px !important;
} @media only screen and (min-width: 2900px){
.games-section .row_col_wrap_12{
padding-left: 0;
padding-right: 0;
}
.nectar-fancy-box[data-style="parallax_hover"] .parallaxImg-container{
height: 560px
}
.patreon-section .column-image-bg{
background-repeat: no-repeat !important;
}
.backlight:after{ 
left: -35%;
top: 35%;
}
}
@media only screen and (min-width: 2240px){
body.tax-project-type .page-header-no-bg {
padding-top: 5%;
}
}
@media only screen and (min-width: 1920px){
body.page-id-1562 .main-content:before, body.single-post .main-content:before, body.page-id-114 .main-content:before{
top: -60%;
}
}
@media only screen and (min-width: 1024px) and (max-width: 1280px){
.nectar-fancy-box[data-style="parallax_hover"] .parallaxImg-container{
height: 420px
}
}
@media only screen and (max-width: 1000px){
.desktop-only{
display: none;
}
.mobile-only{
display: block;
}
h1.glitch{
font-size: 28px !important;
}
.mobile-center{
text-align: center;
}
.masonry-blog-item {
width: 100% !important;
}
.post-area.masonry .post .post-content{
height: auto !important;
}
.patreon-section .row_col_wrap_12 .vc_col-sm-5.wpb_column.bl_br_5px > .vc_column-inner{
border-bottom-left-radius: 0 !important;
}
.patreon-section .row_col_wrap_12 .vc_col-sm-5.wpb_column.bl_br_5px > .vc_column-inner > div[class*="-wrap"]{
border-top-right-radius:5px !important;
border-bottom-left-radius: 0 !important;
}
.patreon-section .row_col_wrap_12 .vc_col-sm-7.wpb_column.bl_br_5px > .vc_column-inner > div[class*="-wrap"]{
border-bottom-left-radius: 5px !important;
border-top-right-radius: 0 !important;
}
}
@media only screen and (min-width: 720px) and (max-width: 1000px){
.home-main-text{
width: 75%;
}
.blog-recent[data-style="minimal"] .col{
min-height: 365px;
}
#footer-outer{
margin-top:-2px !important;
}
.parallaxImg-layers .bg-img{
background-position: right !important;
}
.nectar-fancy-box[data-style="parallax_hover"] .parallaxImg-container{
height: 640px
}
}
@media only screen and (max-width: 680px){
.parallaxImg-layers .bg-img{
background-position: bottom !important;
}
.patreon-section .row_col_wrap_12 .vc_col-sm-4:first-child .vc_column-inner{
padding-bottom: 13%;
}
.blog-recent[data-style="minimal"] .col{
min-height: auto;
padding: 10% !important;
margin-bottom: 10% !important;
}
.blog-recent .span_6 {
width: 100% !important;
}
#footer-outer{
margin-top:-2px !important;
}
body #footer-outer i{
font-size: 26px !important;
}
#footer-outer ul li {
margin: 0 8px !important;
}
}