/*
Theme Name: Premiex
Theme URI: https://shtheme.com/demosd/premiex
Author: Shtheme
Author URI: https://themeforest.net/user/shtheme
Description: Premiex is a fully responsive WordPress theme with a modern design suitable for all creative fields. The theme is featuring a powerful fullscreen background video and imagery making it a perfect choice for photographers, artists and designers who want to showcase their work.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: premiex

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.
*/

/* ========TABLE OF CONTENTS==========
00. Body, links, hgroup, paragraphs, general styles
01. Fixed header & Navigation
02. Section Intro (Home)
03. Section About
04. Section Resume
05. Section Portfolio
06. Section Blog
07. Section Contact
08. Footer
09. Loader
10. Responsive design

/*--------------------------------------------------
    00. Body, links, hgroup, paragraphs, general styles
---------------------------------------------------*/



.comments .profile-photo{
    height: 128px;
}
a.comment-reply-link{
    border: 1px solid #000;
    padding: 5px 15px;
    float: right;
    margin-right: 100px;
    margin-top: 15px;
}
ul.children{
    padding-left: 75px;
}
.comment-form-cookies-consent{
    display: none;
}
p.form-submit{
    margin: 0 auto;
}
.form-submit input{
    border-bottom: 0 !important;
}
p.logged-in-as{
    margin-left: 15px;
}
.comment-respond div.row{
    padding-left: 15px;
}
.comment-respond #form textarea, .comment-respond #form input{
    color: #111;
    border-bottom: 1px solid #111;
}
div.contact-form #form textarea, div.contact-form #form input{
    color: #fff;
    border-bottom: 1px solid #fff;
}
p.form-submit.the-button{
    margin-top: 80px;
}
p.form-submit input.submit{
    color: #5f5f5f !important;
    text-transform: uppercase;
    font-weight: 700 !important;
    margin-top: -15px !important;
}
p.comment-form-cookies-consent+div div.contact-form-submit-wrapper{
    margin-top: 100px;
}
.comment-respond ::placeholder{
    color: #111;
    font-weight: 500;
}
.comment-respond h1.section-header a{
    text-transform: capitalize;
}
.comment-respond h1.section-header a:hover{
    font-weight: 600;
}
.comment-respond h1 small #cancel-comment-reply-link{
    border: 2px solid #111;
    padding: 8px 10px;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    float: right;
    margin-top: 35px;
    margin-right: 100px;
}
div.divider-m+ul li a{
    font-weight: 600;
}
.recentcomments .comment-author-link a{
    text-transform: capitalize;
}
div.search-page .blog-search{
    width: 100%;
}
div.search-page form input{
    width: 90%;
    font-size: 20px;
}
div.search-page i.ion-ios-search-strong{
    font-size: 40px;
}
div.search-page input::placeholder{
    font-size: 20px;
}
#form input.the-button-submit{
    border: 1px solid #fff;
}
a.button_homepage{
    padding: 8px 10px;
    border: 2px solid #fff;
    font-size: 20px;
	color: #fff;
}
a.button_homepage:hover{
    font-weight: 600;
}
div.center-container{
    height: 100vh;
}
div.lower-page-testimonials div.center-container{
	height: 75vh;
}
@media only screen and (min-width: 768px){
    .lower-page-works{
        height: 100vh;
    }
}
@media only screen and (max-width: 996px){
    div.lower-page-testimonials div.center-container{
		height: 100%;
	}
}
.pagination-wrap{
    text-align: center;
}
ul.pagination li span, ul.pagination li a{
    position: relative;
    float: left;
    padding: 0px 19px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #111;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%!important;
    color: #111;
    font-size: 15px;
    margin: 0 5px;
}
.pagination span.current{
    background: #111;
    color: #fff;
    border-color: #111;
    line-height: 50px;
    text-align: center;
}
.pagination li span:hover,.pagination li a:hover{
    color: #fff;
    background-color: #111;
    border-color: #111;
}
video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.social-icons li span{
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    letter-spacing: normal;
}
@media only screen and (max-width: 768px){
	.main-navigation .navbar-nav li{
		padding-top: 10px;
	}
	.main-navigation .navbar-nav li:first-child{
		padding-top: 10px;
	}
	.main-navigation-bg .main-navigation .navbar-nav li{
		padding-top: 10px;
	}
	.main-navigation-bg .main-navigation .navbar-nav li:first-child{
		padding-top: 10px;
	}
	.navbar-collapse{
		background: transparent;
	}
}
.elementor-html .hero-bg {
    opacity: 1;
    -moz-opacity: 0;
    -webkit-opacity: 1;
}
.elementor-html .photo {
    display: block;
}
.elementor-html .hero-bg #vimeo-videoContainment iframe{
    height: inherit;
}
/* =======================
   CF7 - DARK OUTLINE (FIX)
   ======================= */

.wpcf7 { color:#fff; }

/* 1) WYŁĄCZ stare "kreski" / pseudo-elementy z motywu (częsty powód tych nawiasów) */
.wpcf7-form-control-wrap::before,
.wpcf7-form-control-wrap::after,
.wpcf7-form-control-wrap *::before,
.wpcf7-form-control-wrap *::after{
  box-shadow: none !important;
  border: 0 !important;
}

/* 2) RAMKI TYLKO dla pól tekstowych/select/textarea (NIE dla radio/checkbox/submit) */
.wpcf7-form-control-wrap input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
.wpcf7-form-control-wrap select,
.wpcf7-form-control-wrap textarea{
  width: 100%;
  box-sizing: border-box;

  color: #fff;
  background: rgba(255,255,255,.02);

  border: 1px solid rgba(255,255,255,.55) !important;
  border-radius: 6px;

  padding: 14px 14px;
  font-size: 15px;
  letter-spacing: .2px;

  outline: none;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

/* jeśli motyw wymusza "kreskę" border-bottom */
.wpcf7-form-control-wrap input:not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
.wpcf7-form-control-wrap select,
.wpcf7-form-control-wrap textarea{
  border-bottom: 1px solid rgba(255,255,255,.55) !important;
}

/* placeholder */
.wpcf7-form-control-wrap input::placeholder,
.wpcf7-form-control-wrap textarea::placeholder{
  color: rgba(255,255,255,.65);
}

/* hover/focus */
.wpcf7-form-control-wrap input:hover,
.wpcf7-form-control-wrap select:hover,
.wpcf7-form-control-wrap textarea:hover{
  border-color: rgba(255,255,255,.85) !important;
}

.wpcf7-form-control-wrap input:focus,
.wpcf7-form-control-wrap select:focus,
.wpcf7-form-control-wrap textarea:focus{
  border-color: rgba(255,255,255,1) !important;
  box-shadow: 0 0 0 3px rgba(255,255,255,.12) !important;
  background: rgba(255,255,255,.03);
}

/* textarea */
.wpcf7-form-control-wrap textarea{
  min-height: 180px;
  resize: vertical;
}

/* 3) SELECT – spójna strzałka */
.wpcf7-form-control-wrap select{
  appearance: none;
  padding-right: 42px;

  background-image:
    linear-gradient(45deg, transparent 50%, rgba(255,255,255,.9) 50%),
    linear-gradient(135deg, rgba(255,255,255,.9) 50%, transparent 50%);
  background-position:
    calc(100% - 18px) calc(50% - 3px),
    calc(100% - 12px) calc(50% - 3px);
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

/* 4) RADIO/checkbox – stylujmy tylko "kropkę", bez ramek na grupie */
.wpcf7-form .wpcf7-radio,
.wpcf7-form .wpcf7-checkbox{
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}

.wpcf7-form .wpcf7-list-item{
  display: block;
  margin: 10px 0;
}

.wpcf7-form input[type="radio"],
.wpcf7-form input[type="checkbox"]{
  accent-color: #fff;
  transform: translateY(1px);
  margin-right: 10px;
}

/* 5) SUBMIT jak outline */
.wpcf7 input[type="submit"].wpcf7-submit{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 14px 34px;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 6px;

  background: transparent;
  color: #fff;

  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 12px;

  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, transform .06s ease;
}

.wpcf7 input[type="submit"].wpcf7-submit:hover{
  border-color: rgba(255,255,255,1);
  background: rgba(255,255,255,.06);
}

.wpcf7 input[type="submit"].wpcf7-submit:active{
  transform: translateY(1px);
}

/* 6) błędy */
.wpcf7-not-valid{
  border-color: rgba(255,80,80,.95) !important;
  box-shadow: 0 0 0 3px rgba(255,80,80,.18) !important;
}

/* =======================
   CF7 - RADIO DOTS (IDEALNE KÓŁKA)
   ======================= */

/* 1) Wyłącz wszelkie "custom radio" z motywu (najczęściej robią owale) */
.wpcf7 .wpcf7-radio .wpcf7-list-item label::before,
.wpcf7 .wpcf7-radio .wpcf7-list-item label::after,
.wpcf7 .wpcf7-radio .wpcf7-list-item-label::before,
.wpcf7 .wpcf7-radio .wpcf7-list-item-label::after{
  content: none !important;
  display: none !important;
}

/* 2) Uporządkuj układ: input + tekst w jednej linii */
.wpcf7 .wpcf7-radio .wpcf7-list-item{
  display: block;
  margin: 12px 0;
}

.wpcf7 .wpcf7-radio .wpcf7-list-item label{
  display: inline-flex;
  align-items: center;
  gap: 12px;

  cursor: pointer;
  user-select: none;

  /* typografia spójna z resztą */
  color: rgba(255,255,255,.78);
  font-size: 15px;
  letter-spacing: .2px;
  line-height: 1.2;
}

/* 3) Idealne koło: rysujemy radio na input */
.wpcf7 .wpcf7-radio input[type="radio"]{
  -webkit-appearance: none !important;
  appearance: none !important;

  width: 14px !important;     /* małe premium kropki */
  height: 14px !important;

  border-radius: 50% !important; /* gwarantuje koło */
  box-sizing: border-box !important;

  border: 1px solid rgba(255,255,255,.70) !important;
  background: transparent !important;

  margin: 0 !important;
  padding: 0 !important;

  /* usuń wpływ motywu */
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;

  position: relative !important;
  display: inline-block !important;
  flex: 0 0 auto;

  transition: border-color .18s ease, box-shadow .18s ease;
}

/* 4) Kropka w środku po zaznaczeniu */
.wpcf7 .wpcf7-radio input[type="radio"]::after{
  content: "";
  position: absolute;

  left: 50%;
  top: 50%;

  width: 6px;
  height: 6px;
  border-radius: 50%;

  background: rgba(255,255,255,1);

  transform: translate(-50%, -50%) scale(0);
  transition: transform .12s ease;
}

.wpcf7 .wpcf7-radio input[type="radio"]:checked::after{
  transform: translate(-50%, -50%) scale(1);
}

/* 5) Hover/focus spójny z resztą */
.wpcf7 .wpcf7-radio .wpcf7-list-item label:hover input[type="radio"]{
  border-color: rgba(255,255,255,1) !important;
}

.wpcf7 .wpcf7-radio input[type="radio"]:focus{
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(255,255,255,.12) !important;
}

/* 6) Tekst obok: reset, żeby nie robił dziwnych rzeczy */
.wpcf7 .wpcf7-radio .wpcf7-list-item-label{
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: inherit;
  font: inherit;
}

/* ROZMIAR CZCIONKI OPISU NAD FORMULARZEM KONTAKTOWYM */
#page-contact h1.section-header{
  font-size: 32px; /* ustaw jak chcesz */
}

/* LOGO WYŚRODKOWANE */


/* ==========================================================
   USUŃ HAMBURGER NA MOBILE (Bootstrap 3: .navbar-toggle)
   ========================================================== */
@media (max-width: 991px){
  .main-navigation .navbar-toggle{
    display: none !important;
  }
}