/*
============================================================
	
	Theme Name: Calcium
	Theme URI: http://www.laborator.co/view-theme/calcium
	Author: Laborator
	Author URI: http://laborator.co/
	Description: Calcium – its a Responsive WordPress theme, primarily developed for Blog and Portfolio usage. It supports two types of header, two skins, custom fonts and many other options to customize the theme look and feel.
	Version: 1.3
	License: GNU General Public License v2 or later
	License URI: license/README_License.txt
*/

.sticky,
.gallery-caption,
.bypostauthor,
.wp-caption-text,
.wp-caption {
}

.logo img {
    width: 100%;
}

@font-face {
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/icons.eot?9381298#iefix") format("embedded-opentype"), url("fonts/icons.woff?9381298") format("woff"), url("fonts/icons.ttf?9381298") format("truetype"), url("fonts/icons.svg?9381298#icons") format("svg");
}

.project-link {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
    position: absolute;
}

.social {
    text-align: right;
    margin-top: -15px;
}
.social a {
    display: inline-block;
    margin-left: 10px;
}
.social a:first-child {
    margin-left: 0;
}
@media (max-width: 700px) {
    .social a {
        margin-left: 0;
    }
}
@media (max-width: 640px) {
    .social {
        display: none;
    }
}

section.portfolio {
    background-color: #fff;
}

section.portfolio > ul li:hover .image img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

section.portfolio > ul li .project-info {
    background: rgba(255, 186, 0, 0.95);
    padding: 40px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    display: block;
    color: #ffffff;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: all 250ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: all 250ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 250ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 250ms cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

section.portfolio > ul li .portfolio-item h4,
section.portfolio > ul li .portfolio-item p {
    -webkit-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 250ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@media (min-width: 1024px) {
/*UPDATED SECTIONS*/
/*LEFT ARROW ADJUSTMENT*/
    section.portfolio > ul .project-open .portfolio-gallery .portfolio-next.portfolio-prev,
    section.portfolio > ul .project-open .portfolio-gallery .portfolio-prev.portfolio-prev {
	left: -50px;
	}
    section.portfolio > ul .project-open .portfolio-gallery {
  	position: relative;
  	overflow: visible;
	}
    section.portfolio > ul .project-open .portfolio-gallery .portfolio-next.portfolio-next,
    section.portfolio > ul .project-open .portfolio-gallery .portfolio-prev.portfolio-next {
	  right: -50px;
	}
}

/* FIX GALLERY IMAGES WIDTH / HEIGHT */
section.portfolio > ul .project-open .portfolio-gallery,
section.portfolio > ul .project-open .portfolio-gallery a img {
    max-height: 700px;
}

@media (min-width: 1440px) {
    section.portfolio > ul .project-open .portfolio-gallery,
    section.portfolio > ul .project-open .portfolio-gallery a img {
        height: 400px;
    }
}

@media (min-width: 1920px) {
    .row--details {
        max-width: 1200px;
    }
}