/*

Theme Name: Poseidon

Theme URI: https://themezee.com/themes/poseidon/

Author: ThemeZee

Author URI: https://themezee.com

Description: Poseidon is an elegant designed WordPress theme featuring a splendid fullscreen image slideshow. The clean typography and spacious white layout makes it great to share your stories. You can use the theme as simple blog or easily create a news website with the widget-based Magazine Homepage template.

Version: 1.0.4

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: poseidon

Tags: two-columns, light, blue, custom-background, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, custom-colors, full-width-template, sticky-post, threaded-comments, translation-ready, theme-options, fluid-layout, responsive-layout, one-column, left-sidebar, right-sidebar, three-columns, black, red, silver, white, green, gray



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.



Poseidon is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.



Normalizing styles have been helped along thanks to the fine work of

Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

*/
/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

1.0 - Normalize

2.0 - Typography

3.0 - Elements

4.0 - Forms

5.0 - Accessibility

6.0 - Alignments

7.0 - Clearings

8.0 - Layout Structure

9.0 - Header

10.0 - Navigation

	10.1 - Main Navigation

	10.2 - Social Icon Menu

11.0 - Widgets

	11.1 - Default Widgets

	11.2 - Magazine Posts Widgets

12.0 - Posts and pages

11.0 - Comments

12.0 - Footer

13.0 - Media

	13.1 - Captions

	13.2 - Galleries

14.0 - Media Queries

	14.1 - Desktop Large ( < 1120px )

	14.2 - Desktop Medium ( < 1040px )

	14.3 - Desktop Small ( < 960px )

	14.4 - Tablet Large ( < 880px )

	14.5 - Tablet Medium ( < 800px )

	14.6 - Tablet Small ( < 720px )

	14.7 - Mobile Extra Large ( < 640px )

	14.8 - Mobile Large ( < 560px )

	14.9 - Mobile Medium ( < 480px )

	14.10 - Mobile Small ( < 320px )

15.0 - Theme Option Styles

	15.1 - Sidebar Left Layout

	15.2 - Sticky Header

16.0 - Media Query Fixes

--------------------------------------------------------------*/
/*--------------------------------------------------------------

# 1.0 - Normalize

--------------------------------------------------------------*/
body {
  background-color: black !important; }

.portfolio-page {
  min-height: 91vh;
  background-color: #1a1b16; }
  .portfolio-page .portfolio-header {
    text-align: center;
    padding: 130px 0px;
    margin-top: 85px;
    background-image: url("./assets/images/port-header.jpg");
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    height: 500px; }
    @media only screen and (min-width: 1441px) and (max-width: 2560px) {
      .portfolio-page .portfolio-header {
        background-size: 100% auto; } }
    .portfolio-page .portfolio-header .title {
      color: #ffffff;
      font-weight: bold; }
    .portfolio-page .portfolio-header .desc {
      color: #ffffff; }
    .portfolio-page .portfolio-header .left {
      position: absolute;
      left: 20%;
      height: 20vw;
      margin-top: -10%;
      max-height: 200px;
      height: 20vw; }
    .portfolio-page .portfolio-header .right {
      position: absolute;
      right: 20%;
      -moz-transform: scaleX(-1);
      -o-transform: scaleX(-1);
      -webkit-transform: scaleX(-1);
      transform: scaleX(-1);
      filter: FlipH;
      -ms-filter: "FlipH";
      margin-top: -10%;
      max-height: 200px;
      height: 20vw; }
  .portfolio-page .container-tab {
    margin-top: -105px; }
    .portfolio-page .container-tab .nav {
      margin: auto;
      max-width: 770px;
      border: none; }
      .portfolio-page .container-tab .nav li {
        margin: 0px 10px; }
        .portfolio-page .container-tab .nav li.active {
          background-color: #181914; }
        .portfolio-page .container-tab .nav li .btn {
          color: #ffffff;
          background-color: #181914;
          margin-bottom: 20px;
          padding: 10px 30px;
          border: none; }
          .portfolio-page .container-tab .nav li .btn i {
            margin-right: 5px; }
    .portfolio-page .container-tab .tab-content {
      background-color: #181914;
      background-image: url("./assets/images/port-background.jpg");
      background-size: auto 100%;
      background-repeat: no-repeat;
      background-position: center;
      padding-bottom: 20px;
      min-height: 900px; }
      @media only screen and (min-width: 1441px) {
        .portfolio-page .container-tab .tab-content {
          background-size: 100% auto; } }
      .portfolio-page .container-tab .tab-content .gallery-header {
        text-align: center;
        margin-bottom: 100px; }
        .portfolio-page .container-tab .tab-content .gallery-header .title {
          color: #ffffff; }
        .portfolio-page .container-tab .tab-content .gallery-header .desc {
          color: #ffffff;
          width: 50%;
          margin: auto; }
    .portfolio-page .container-tab .page-header {
      color: #715641;
      text-transform: capitalize; }
      .portfolio-page .container-tab .page-header h1 {
        font-weight: bold; }
    .portfolio-page .container-tab .image-container {
      background-color: #ffffff;
      padding: 2px;
      border-radius: 4px;
      margin-bottom: 20px; }
      .portfolio-page .container-tab .image-container .desc {
        text-align: center;
        padding: 5px; }

.hovereffect {
  width: 100%;
  height: 350px;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default; }
  .hovereffect a {
    border: 2px solid;
    padding: 6px 10px;
    text-decoration: none;
    color: #ffffff; }
    .hovereffect a:hover {
      color: #ffffff;
      box-shadow: 0 0 5px #fff; }
    .hovereffect a:focus {
      color: #ffffff;
      box-shadow: 0 0 5px #fff; }

.hovereffect .overlay {
  position: absolute;
  overflow: hidden;
  width: 80%;
  height: 80%;
  left: 10%;
  top: 10%;
  border-bottom: 1px solid #FFF;
  border-top: 1px solid #FFF;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1); }

.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1); }

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  height: 100%;
  margin-left: -50%; }

.hovereffect:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
  filter: brightness(0.6);
  -webkit-filter: brightness(0.6); }

.hovereffect h2 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  background-color: transparent;
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0); }

.hovereffect p {
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0); }

.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  text-decoration: none; }

.header-container .navbar {
  background-color: #e4d2ae;
  border: none; }
  .header-container .navbar:after {
    height: 4px;
    width: 100%;
    background: url("./assets/images/img-nav-bottom-pattern.png");
    margin-bottom: 5px; }
  .header-container .navbar .center {
    margin: auto;
    display: block;
    float: none;
    width: 950px; }
  .header-container .navbar .logo-holder {
    width: 209px;
    height: 20px; }
    @media only screen and (min-width: 426px) and (max-width: 768px) {
      .header-container .navbar .logo-holder {
        display: none;
        width: 0px; } }
    @media only screen and (max-width: 425px) {
      .header-container .navbar .logo-holder {
        display: none;
        width: 0px; } }
    .header-container .navbar .logo-holder img {
      height: 150px;
      position: absolute;
      left: 0px;
      top: 0px; }
  .header-container .navbar .nav li {
    padding: 10px 30px; }
    .header-container .navbar .nav li a {
      font-size: 12px;
      font-weight: bold;
      color: #ffffff; }

.dark-house-content .parallax {
  position: absolute;
  height: 20%; }
  @media only screen and (max-width: 425px) {
    .dark-house-content .parallax {
      height: 5%; } }
  @media only screen and (min-width: 426px) and (max-width: 768px) {
    .dark-house-content .parallax {
      height: 10%; } }

.dark-house-content .pallet-1 {
  margin-left: 50%;
  top: 700px; }

.dark-house-content .pallet-2 {
  right: 30%;
  top: 350px; }

.dark-house-content .pallet-3 {
  top: 100px; }

.dark-house-content .pallet-4 {
  top: 200px;
  right: 0px; }

.dark-house-content .pallet-6 {
  width: 90%;
  right: 0;
  top: 50%; }

.dark-house-content .dust-1 {
  left: 0; }

.dark-house-content .dust-3 {
  right: 0; }

.dark-house-content .dust-2 {
  right: 0;
  margin-right: 5%;
  margin-top: 40%; }

.dark-house-content .dust-4 {
  height: 500px;
  right: 0;
  margin-right: 15%; }
  @media only screen and (max-width: 425px) {
    .dark-house-content .dust-4 {
      margin-top: -200px; } }
  @media only screen and (min-width: 426px) and (max-width: 768px) {
    .dark-house-content .dust-4 {
      margin-top: -500px; } }

.dark-house-content .btn-darkhouse-caption {
  color: #ffffff;
  background-color: black;
  padding: 10px 30px;
  border-color: none !important;
  border: none; }
  .dark-house-content .btn-darkhouse-caption i {
    margin-right: 10px; }

.dark-house-content .main-slider-container {
  background-color: #e8d5b5;
  width: 100%;
  margin: auto; }
  @media only screen and (max-width: 425px) {
    .dark-house-content .main-slider-container {
      margin-top: 50px;
      height: 600px; } }
  .dark-house-content .main-slider-container .carousel-control {
    background-image: none !important; }
    .dark-house-content .main-slider-container .carousel-control img {
      margin-top: 200px;
      height: 40%; }
  .dark-house-content .main-slider-container .right img {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
    height: 40%; }
  .dark-house-content .main-slider-container .carousel {
    height: 100%; }
    .dark-house-content .main-slider-container .carousel .carousel-indicators {
      bottom: 160px; }
    @media only screen and (max-width: 425px) {
      .dark-house-content .main-slider-container .carousel .carousel-inner {
        height: 100%; } }
    @media only screen and (max-width: 425px) {
      .dark-house-content .main-slider-container .carousel .carousel-inner .item {
        height: 100%; } }
    .dark-house-content .main-slider-container .carousel .carousel-inner .item img {
      width: 100%; }
      @media only screen and (max-width: 425px) {
        .dark-house-content .main-slider-container .carousel .carousel-inner .item img {
          height: 100%;
          width: auto;
          max-width: none !important;
          margin-left: -105%; } }
      @media only screen and (max-width: 425px) and (min-width: 321px) {
        .dark-house-content .main-slider-container .carousel .carousel-inner .item img {
          margin-left: -70%; } }
    .dark-house-content .main-slider-container .carousel .carousel-inner .darkhouse-caption-left {
      width: 300px;
      top: 220px;
      left: 180px; }
      @media only screen and (max-width: 425px) {
        .dark-house-content .main-slider-container .carousel .carousel-inner .darkhouse-caption-left {
          width: 100%;
          left: 0;
          top: initial; } }
      @media only screen and (min-width: 426px) and (max-width: 768px) {
        .dark-house-content .main-slider-container .carousel .carousel-inner .darkhouse-caption-left {
          width: 30%;
          top: 20vw;
          left: 0; } }
      .dark-house-content .main-slider-container .carousel .carousel-inner .darkhouse-caption-left h3 {
        font-weight: bold; }
        @media only screen and (max-width: 425px) {
          .dark-house-content .main-slider-container .carousel .carousel-inner .darkhouse-caption-left h3 {
            font-size: small; } }
    .dark-house-content .main-slider-container .carousel .carousel-inner .darkhouse-caption-right {
      width: 300px;
      top: 220px;
      right: 140px;
      float: right;
      left: initial; }
      @media only screen and (max-width: 425px) {
        .dark-house-content .main-slider-container .carousel .carousel-inner .darkhouse-caption-right {
          width: 100%;
          top: 0px;
          left: 0;
          right: initial;
          padding-top: initial; } }
      @media only screen and (min-width: 426px) and (max-width: 768px) {
        .dark-house-content .main-slider-container .carousel .carousel-inner .darkhouse-caption-right {
          width: 30%;
          top: 20vw;
          right: 0; } }
      .dark-house-content .main-slider-container .carousel .carousel-inner .darkhouse-caption-right h3 {
        font-weight: bold; }
        @media only screen and (max-width: 425px) {
          .dark-house-content .main-slider-container .carousel .carousel-inner .darkhouse-caption-right h3 {
            font-size: small; } }

.dark-house-content .about-section-container {
  background-image: url("./assets/images/bg-about.jpg");
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 62.8vw;
  margin-top: -20px;
  padding-top: 16%; }
  @media only screen and (max-width: 425px) {
    .dark-house-content .about-section-container {
      margin-top: 0px;
      padding-top: 16%;
      background-position: 45%;
      height: 230vw; } }
  @media only screen and (max-width: 425px) {
    .dark-house-content .about-section-container .front {
      margin-top: 420px; } }
  @media only screen and (max-width: 425px) and (min-width: 321px) {
    .dark-house-content .about-section-container .front {
      margin-top: 590px; } }
  .dark-house-content .about-section-container .front .about-detail .title {
    color: #ffffff;
    font-weight: bold; }
  .dark-house-content .about-section-container .front .about-detail .desc {
    color: #9d946d;
    font-weight: bold;
    width: 60%; }
    @media only screen and (max-width: 425px) {
      .dark-house-content .about-section-container .front .about-detail .desc {
        width: 41%; } }
    @media only screen and (min-width: 426px) and (max-width: 768px) {
      .dark-house-content .about-section-container .front .about-detail .desc {
        width: 40%; } }
  .dark-house-content .about-section-container .front .about-detail .list-style ul {
    border-left: 1px solid #9d946d; }
    .dark-house-content .about-section-container .front .about-detail .list-style ul li {
      display: inherit;
      color: #9d946d;
      padding: 15px 0px;
      font-style: italic; }

.dark-house-content .contact-us-container {
  padding-top: 15%;
  margin-top: -15px;
  width: 100%;
  background-image: url("./assets/images/bg-contact.jpg");
  height: 65vw;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: center; }
  @media only screen and (max-width: 425px) {
    .dark-house-content .contact-us-container {
      height: 250vw;
      background-size: auto 100%;
      background-position: 60%;
      margin-top: 0px;
      margin-bottom: 60px; } }
  @media only screen and (min-width: 426px) and (max-width: 768px) {
    .dark-house-content .contact-us-container {
      padding-bottom: 600px; } }
  @media only screen and (max-width: 320px) {
    .dark-house-content .contact-us-container {
      margin-bottom: 290px; } }
  .dark-house-content .contact-us-container .left-swirl {
    height: 20vw; }
  @media only screen and (max-width: 425px) {
    .dark-house-content .contact-us-container .contact-form {
      margin-top: 450px; } }
  @media only screen and (max-width: 425px) and (min-width: 321px) {
    .dark-house-content .contact-us-container .contact-form {
      margin-top: 590px; } }
  @media only screen and (min-width: 426px) and (max-width: 768px) {
    .dark-house-content .contact-us-container .contact-form {
      margin-top: 100px; } }
  .dark-house-content .contact-us-container .contact-form .title {
    font-weight: bold;
    color: #ffffff; }
  .dark-house-content .contact-us-container .contact-form .desc {
    margin-bottom: 50px;
    color: #9d946d; }
  .dark-house-content .contact-us-container .contact-form .form-group {
    color: #ffffff; }

.darkhouse-footer {
  background-color: #1a1b16;
  color: #ffffff; }
  @media only screen and (max-width: 1024px) and (min-width: 321px) {
    .darkhouse-footer {
      margin-top: 0px;
      padding-top: 200px; } }
  @media only screen and (max-width: 425px) {
    .darkhouse-footer {
      margin-top: 0px; } }
  .darkhouse-footer .img-holder img {
    width: 100%; }
  .darkhouse-footer .address-container {
    padding-top: 10px; }
  .darkhouse-footer .nav-footer ul {
    margin-top: 15px;
    padding-left: 0px;
    color: #dedede; }
    .darkhouse-footer .nav-footer ul li {
      display: inline;
      border-left: solid 1px;
      padding: 0px 10px;
      font-size: 13px;
      font-weight: bold; }
      @media only screen and (max-width: 425px) {
        .darkhouse-footer .nav-footer ul li {
          display: block;
          padding-left: 30px; } }
      .darkhouse-footer .nav-footer ul li:first-child {
        border: none; }
  .darkhouse-footer .social {
    color: #dedede; }
    .darkhouse-footer .social i {
      position: absolute;
      margin-left: -20px;
      margin-top: 3px;
      color: #715641; }
    .darkhouse-footer .social .social-title {
      font-size: 13px;
      padding: 0px;
      margin: 0px; }
    .darkhouse-footer .social .link {
      font-size: 11px; }
  .darkhouse-footer .copyrights {
    font-size: 12px;
    background-color: #715641; }
    .darkhouse-footer .copyrights .container {
      padding: 10px; }