/*
Theme Name: TheGem Child
Description: Multi-Purpose Wordpress Theme
Author: Codex Themes.
Theme URI: http://codex-themes.com/thegem/
Author URI: http://codex-themes.com/thegem/
Template: thegem
Version: 1.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License: GNU General Public License
License URI: license.txt
*/
/*
 * SASS Variables
 */
body {
  letter-spacing: 2px; }

::selection {
  background: #9ee4ff; }

.layout-boxed #site-header-wrapper {
  position: fixed; }

#site-header {
  transition: padding 0.35s, box-shadow 0.35s;
  padding: 30px 0;
  box-shadow: none !important; 
  background-color: #fff; }
  #site-header .site-title a .logo svg {
    width: 100%; }
  #site-header .site-title a .logo #Logo {
    transition: all 0.35s; }
  #site-header .site-title a .logo #Text {
    transition: all 0.35s; }
  #site-header.fixed.shrink {
    padding: 15px 0; }
    #site-header.fixed.shrink .site-title a .logo #Logo {
      transform: scale(1.3) translate(-213px, 12px); }
    #site-header.fixed.shrink .site-title a .logo #Text {
      opacity: 0; }

#page.layout-boxed {
  box-shadow: none;
  background-color: #fff; }

form.wpcf7-form .input-wrap {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: block;
  width: 100%;
  background-color: #eff1f2;
  border: 2px solid #eff1f2;
  transition: all 0.25s; }
  form.wpcf7-form .input-wrap.text-area {
    min-height: 68px; }
  form.wpcf7-form .input-wrap label {
    display: block;
    width: 100%;
    height: 100%;
    cursor: text;
    padding: 16px 20px;
    transition: opacity 0.25s;
    opacity: 1; }
  form.wpcf7-form .input-wrap .wpcf7-form-control-wrap {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.25s;
    opacity: 0; }
    form.wpcf7-form .input-wrap .wpcf7-form-control-wrap .wpcf7-form-control {
      width: 100%;
      height: 100%;
      border: none;
      background: #fff; }
    form.wpcf7-form .input-wrap .wpcf7-form-control-wrap textarea {
      resize: none; }
  form.wpcf7-form .input-wrap.input--filled label {
    opacity: 0; }
  form.wpcf7-form .input-wrap.input--filled .wpcf7-form-control-wrap {
    z-index: 999;
    opacity: 1; }
  form.wpcf7-form .input-wrap.input--filled.text-area {
    min-height: 200px; }

.portfolio.hover-gradient .portfolio-set .portfolio-item .image .overlay::before {
  background: linear-gradient(to right, rgba(39, 170, 225, 0.8) 0%, rgba(30, 117, 186, 0.8) 100%) !important; }
.portfolio.hover-gradient .portfolio-set .portfolio-item .image .overlay .links .portfolio-icons {
  display: none; }

.vc_row .flush-right {
  min-height: 250px; }
.vc_row .flush-left {
  min-height: 250px; }

.custom-footer {
  color: #fff !important; }
  .custom-footer h1, .custom-footer h2, .custom-footer h3, .custom-footer h4, .custom-footer h5, .custom-footer h6 {
    color: #fff; }
  .custom-footer a {
    color: #fff; }
  .custom-footer h3 {
    font-size: 42px;
    line-height: 62px; }
  .custom-footer .copyright {
    font-size: 16px; }
  .custom-footer svg {
    width: 70px; }
    .custom-footer svg path {
      fill: #fff; }

.rev_slider .rs-background-video-layer iframe {
  border: none;
  transform: scale(1.15); }

.staff-bio p {
	font-size: 13px;
	line-height: 20px;
}

.work-container {
  padding-top: 100%;
  position: relative;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  background-color: #00a9ea; }
  .work-container img[class^="work-img-"], .work-container img[class*=" work-img-"] {
    position: absolute;
    max-width: 100%;
    max-height: 100%; }
  .work-container .work-img-top-left {
    top: 0;
    left: 0; }
  .work-container .work-img-top {
    top: 0;
    left: 50%;
    transform: translateX(-50%); }
  .work-container .work-img-top-right {
    top: 0;
    right: 0; }
  .work-container .work-img-left {
    top: 50%;
    left: 0;
    transform: translateY(-50%); }
  .work-container .work-img-center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
  .work-container .work-img-right {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    backface-visibility: hidden; }
  .work-container .work-img-bottom-left {
    bottom: 0;
    left: 0; }
  .work-container .work-img-bottom {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%); }
  .work-container .work-img-bottom-right {
    bottom: 0;
    right: 0; }
  .work-container.extend {
    overflow: visible; }
    .work-container.extend img[class^="work-img-top"], .work-container.extend img[class*=" work-img-top"] {
      top: -20px; }
  .work-container figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 40px; }
    .work-container figcaption::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      transition: transform 0.35s, opacity 0.35s;
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 75%);
      transform: translateY(50%);
      opacity: 0; }
    .work-container figcaption .work-title {
      position: absolute;
      margin: 0;
      bottom: 40px;
      left: 40px;
      right: 40px;
      color: #fff;
      transition: transform 0.35s, opacity 0.35s, color 0.35s;
      transform: translateY(0); }
    .work-container figcaption .work-more {
      position: absolute;
      margin: 0;
      bottom: 40px;
      color: #fff;
      transition: transform 0.35s, opacity 0.35s, color 0.35s;
      transform: translateY(20px);
      opacity: 0; }
    .work-container figcaption a {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1000;
      text-indent: 200%;
      font-size: 0;
      opacity: 0; }
  .work-container.shadow figcaption {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%); }
  .work-container:hover .work-title {
    color: #3c3950;
    transform: translateY(-40px); }
  .work-container:hover .work-more {
    color: #3c3950;
    transform: translateY(0);
    opacity: 0.7; }
  .work-container:hover figcaption::before {
    transform: translateY(0);
    opacity: 1; }

.clear-both {
	clear: both;
}
.no-margin {
  margin: 0 !important; }

.post-type-archive-work .main-content .panel-center {
  padding: 0; }
  .post-type-archive-work .main-content .panel-center div[class^="col-"], .post-type-archive-work .main-content .panel-center div[class*=" col-"] {
    padding: 0; }
  .post-type-archive-work .main-content .panel-center .work-container {
    padding-top: 50%; }

@media (min-width: 768px) {
  #site-header {
    padding: 60px 0; }
    #site-header.fixed.shrink {
      padding: 30px 0; }

  .container {
    padding: 0 120px; }

  form.wpcf7-form .input-wrap label {
    transition: transform 0.25s; }
  form.wpcf7-form .input-wrap .wpcf7-form-control-wrap {
    right: 100%;
    width: 60%;
    transition: transform 0.25s;
    opacity: 1; }
  form.wpcf7-form .input-wrap.input--filled label {
    transform: translate3d(60%, 0, 0);
    opacity: 1; }
  form.wpcf7-form .input-wrap.input--filled .wpcf7-form-control-wrap {
    transform: translate3d(100%, 0, 0);
    opacity: 1; }

  .work-container.full {
    padding-top: 50%; }
    .work-container.full figcaption .work-title {
      max-width: 50%; }
  .work-container img[class^="work-img-"], .work-container img[class*=" work-img-"] {
    transition: margin 0.35s;
    margin-top: -10px; }
  .work-container .work-img-bottom-left {
    margin-bottom: 10px; }
  .work-container .work-img-bottom {
    margin-bottom: 10px; }
  .work-container .work-img-bottom-right {
    margin-bottom: 10px; }
  .work-container:hover img[class^="work-img-"], .work-container:hover img[class*=" work-img-"] {
    margin-top: 0; }
  .work-container:hover .work-img-bottom-left {
    margin-bottom: 0; }
  .work-container:hover .work-img-bottom {
    margin-bottom: 0; }
  .work-container:hover .work-img-bottom-right {
    margin-bottom: 0; } }
@media (min-width: 992px) {
  .vc_row[data-vc-full-width] .flush-right {
    position: absolute;
    right: 0;
    height: 100%; }
    .vc_row[data-vc-full-width] .flush-right .vc_column-inner {
      padding: 0; }
  .vc_row[data-vc-full-width] .flush-left {
    position: absolute;
    left: 0;
    height: 100%; }
    .vc_row[data-vc-full-width] .flush-left .vc_column-inner {
      padding: 0; }

  .post-type-archive-work .main-content .panel-center .work-container {
    padding-top: 100%; } }
@media (min-width: 1260px) {
  .layout-boxed #site-header-wrapper {
    position: fixed;
    width: 1260px;
    left: 50%;
    margin-left: -630px; } }

/*# sourceMappingURL=style.css.map */