/*
Theme Name:   Jagoda Tonderys theme
Description:  Write here a brief description about your child-theme
Author:       Pawel
Author URL:   abajus.pl
Template:     JointsWP-master
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  jagoda-tonderys-theme
*/

/* Write here your own personal stylesheet */

/******************************************************************
Theme Name: Jagoda Tonderys Photography
Theme URI: http://www.jointswp.com
Description: 
Author: Paweł G
Author URI: https://abajus.pl
Version: 5.0 (Development)
License: GNU General Public License & MIT
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Sass
******************************************************************/
@font-face {
font-family: 'Gilroy-Medium';
font-style: normal;
font-weight: normal;
src: local('Gilroy-Medium'), url('assets/fonts/Gilroy-Medium.woff') format('woff');
}
@font-face {
font-family: 'Gilroy-Light';
font-style: normal;
font-weight: normal;
src: local('Gilroy-Light'), url('assets/fonts/Gilroy-Light.woff') format('woff');
}
@font-face {
font-family: 'Gilroy-Bold';
font-style: normal;
font-weight: normal;
src: local('Gilroy-Bold'), url('assets/fonts/Gilroy-Bold.woff') format('woff');
}
@font-face {
font-family: 'Gilroy-Regular';
font-style: normal;
font-weight: normal;
src: local('Gilroy-Regular'), url('assets/fonts/Gilroy-Regular.woff') format('woff');
}
@font-face {
font-family: 'Gilroy-Heavy';
font-style: normal;
font-weight: normal;
src: local('Gilroy-Heavy'), url('assets/fonts/Gilroy-Heavy.woff') format('woff');
}
body {
    font-family: 'Gilroy-Medium' !important;
}
p {
    font-size:0.8rem !important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Gilroy-Medium' !important;
}
.content h1 {
    font-size: 2rem;
}
.orbit-container {
height: 100vh !important;
    z-index:1
    }

.orbit-slide {
    height: 100% !important;
}

.single-title {
    line-height: 1;
    margin: 15px 0 15px 0;
}
.orbit-figure {
    height:100vh;
        background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-attachment: scroll;
    text-align:center;
    
}


.orbit-apla {
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    display: flex; 
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.main-slider-header {
    position: absolute;
    width:100%;
    z-index:2;
}

.menu a {
    font-family: 'Gilroy-Medium';
    color: #fff;
    font-weight : bold;
    font-size:16px;
}
.logo {
    width: 80%;
    display: block;
    margin-left: auto;
    padding-bottom:8px;
    transition-duration:1s;
}

@media screen and (min-width: 400px) {
    .logo {
    margin-right:auto;
        }
    }
.social ul {
    list-style:none;
    width:80px;
    margin-left:auto;
}
.social ul li {
    float:left;
    width:30px;
    margin:0 0 0 10px;
}
.facebook_icon {
    background-image:url(assets/images/facebook.png);
    background-size: cover;
    width:30px;
    height:30px;
    margin:auto;
    background-repeat:no-repeat;
    display:block;
}
.instagram_icon {
    background-image:url(assets/images/instagram.png);
    background-size: cover;
    width:30px;
    height:30px;
    margin:auto;
    background-repeat:no-repeat;
    display:block;
}

.menu .active>a, .menu .is-active>a {
    font-size: 1.2rem;
}
.menu a:hover {
    font-size: 1.2rem;
}

.orbit-caption {
    background-color:transparent !important;
    position: relative !important;
    
}

@media screen and (max-width: 1023px) {
    .orbit-caption .title{
    font-size: 6.6vh !important;
    }
    .orbit-caption .excerpt {
    padding-top:2.1vh !important;
		width:90%;
}
    .slider_read_more {
    margin-top:6vh !important; 
}
}
.slider_read_more {
    margin-top:6vh !important; 
}
.orbit-caption .title {
    font-family: 'Gilroy-Medium';
    color: #fff;
    font-size: 6.6vh;
}
.orbit-caption .title a{
    color: #fff;
}

.orbit-caption .excerpt {
    color: #fff;
    max-width: 500px;
    padding-top:1.5vh;
    font-weight : lighter;
    font-size:2.2vh;
    margin-left:auto;
    margin-right:auto;
}
.container {
    width:80%;
    margin-left:auto;
    margin-right:auto;
    margin-top:50px;
}

.title-bar {
    background: rgba(0, 0, 0, 0.0) !important;
    width:100%;
    padding-left:10% !important;
    padding-right:10% !important;
    margin: 20px auto 0 auto;
    justify-content: center !important;

}
.title-bar-title {
   cursor:pointer;
}
.top-bar {
    padding-top:0px !important;
}
.orbit {
    margin-bottom:0px !important;
}
.byline {
    font-family: 'EB Garamond', serif;
    font-size: 0.9rem;
    margin-bottom:0px;
    color: #000 !important;
}
.byline a {
    color: #000;
}
.byline a:hover {
    color: #000;
}
.archive_style, .centered{
    padding-top: 10px;
    text-align:center;
    
}
.archive_style h2 {
    font-size: 2rem !important;
    color: #000;
}
.archive_style h2 a{
    color: #000 !important;
}
.archive_style h2 a:hover{
    color: #000 !important;
}

.archive-content {
    font-size: 12px;
    text-align:center;
    padding:20px 60px 20px 20px;
} 
.archive-content-2 {
    font-size: 12px;
    text-align:center;
    padding:20px 20px 20px 60px;
} 

.archive-content h2{
    margin:15px;
} 
.archive-content-2 h2{
    margin:15px;
} 
@media screen and (max-width: 1023px) {
    .archive-content  {
   padding:20px 20px 20px 20px;
  }
    .archive-content-2 {
   padding:20px 20px 20px 20px;
    }
}
.archive-content .category-name, .archive-content-2 .category-name, .related-content .category-name,.post-heading .category-name{
    border-bottom: 2px solid #03C0DE;
    padding:10px;
    
}

.entry-content img {
    width:100%;
    height: 100% !important;
}

.is-open + .off-canvas-content .hamburger .line:nth-child(1),
.is-open + .off-canvas-content .hamburger .line:nth-child(3) {
  width: 12px;
}

.is-open + .off-canvas-content .hamburger .line:nth-child(1) {
  -webkit-transform: translateX(-5px) rotate(-45deg);
      -ms-transform: translateX(-5px) rotate(-45deg);
          transform: translateX(-5px) rotate(-45deg);
}

.is-open + .off-canvas-content .hamburger .line:nth-child(3) {
  -webkit-transform: translateX(-5px) rotate(45deg);
      -ms-transform: translateX(-5px) rotate(45deg);
          transform: translateX(-5px) rotate(45deg);
}

.hamburger .line {
  width: 25px;
    height: 3px;
    background-color: #fefefe;
    display: block;
    margin: 6px auto;
  transition: all 0.3s ease-in-out;
}

.hamburger .line:last-child {
  margin-bottom: 0;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer {
    background-image: url(assets/images/tlo_footer.png) !important;
    background-size: cover !important;
    color: #fff;
    margin-top:0px !important;
}
.footer .container {
    margin-top:0px;
}
.footer .logo {
    width: 100%;
}
.footer img{
    width:30%;
    float:left;
}

.footer p {
    font-size: 10px;
}

.footer hr {
    width: 100%;
    border-bottom: 1px solid #767676;
}

.footer .social {
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    list-style-type: none;
}

.footer .social li {
    padding-left:10px;
}
.footer .inner-footer {
    padding:50px;
}


.category-header {
    height: 50vh;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom:50px;
}
.category-header .header-container{
        color: #fff;
    max-width: 500px;
    text-align: center;
    margin-left:auto;
    margin-right:auto;
    padding-top:10vh;
}

.home-content article {
    margin: 50px 0 50px 0;
}





.slider_read_more {
    border: 1px solid #fff;
    padding:10px;
    color:#fff;
    font-size:2.2vh;
    margin-top:8vh; 
}
.slider_read_more:hover {
    cursor: pointer;
    background: #fff;
    color:#000;
}
.off-canvas {
    background-image: url(assets/images/menu_tlo.png) !important;
    background-size: cover !important;
}

.position-left {
    width:70% !important;
}
.accordion-menu a, .accordion-menu .active>a, .accordion-menu .is-active>a {
    background: transparent !important;
}

.orbit-bullets {
    position: absolute !important;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    z-index: 4;
    margin-top: -3.200rem!important;
}
@media screen and (max-width: 446px) {
    .orbit-bullets {
    margin-top: -5rem!important;
    }
}


.orbit-bullets button {
    padding: 0 10px 0 10px !important;
    height: 0.8rem !important;
    width: auto !important;
    background-color: transparent !important;
    margin: .1rem !important;
    font-size: 2.2vh;
    color:#fff !important;
    
}
.orbit-bullets button.is-active, .orbit-bullets button:hover {
    border-bottom: 1px solid #fff !important;
    padding-bottom: 25px !important;
    border-radius: 0%;
}

.accordion-menu {
    margin-top:40vh !important;
}

.accordion-menu li a {
padding-left:15%
}

.accordion-menu a:hover{
    color: #fff;
}

.close-button {
    color:#fff !important;
}

.color-invert {
filter: invert(100%);
}

.is-style-outline a{
    border-radius: 0px;
}



.content p {
    font-family: 'Gilroy-Light' !important;
}
.portfolio_heading {
	font-size: 2rem !important;
    font-weight:900;
}
.cta {
    background-size:cover;
    color: #fff;
    margin-top:50px;
}
.cta-apla {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
}
.cta-container {
    padding: 50px 0 50px 0;
    width: 40%;
    margin-left: auto;
    margin-right: auto;
}
.cta-container h3, .cta-container p {
    text-align: center;
}


.cta-container button {
    border: 1px solid #fff;
    float: center;
    color: #fff;
    margin-top: 20px;
    padding: 10px;
    cursor: pointer;
}

.cta-container button:hover {
    background: #fff;
    color: #000;
}

.no-border input {
    border-bottom: 1px solid #000;
    border-top: none;
    border-left: none;
    border-right: none;
    box-shadow: none;
}
.text-border textarea {
    border: solid 1px #000;
}
.wpcf7-submit {
    float: right;
    background: #fff;
    border: 1px solid #000;
    padding: 10px 40px;
    font-family: 'Gilroy-Medium' !important;
}
.wpcf7-textarea {
    height: 10em!important;
}

::-webkit-input-placeholder { /* WebKit browsers */
color: #0a0a0a !important;
opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #0a0a0a !important;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #0a0a0a !important;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #0a0a0a !important;
opacity: 1;
}

.wpcf7-list-item {
	line-height:0!important;
}
@media screen and (min-width: 1023px) {
.portfolio-columns .wp-block-column:first-child {
    flex-basis:25%;
}
.portfolio-columns .wp-block-column:nth-child(2) {
    flex-basis:75%;
}
}
@media screen and (max-width: 781px) {
    .portfolio-columns .wp-block-column:first-child {
    flex-basis:100%;
}
.portfolio-columns .wp-block-column:nth-child(2) {
    flex-basis:100%;
}
    .portfolio-columns .wp-block-spacer {
        display: none;
    }
    .footer img{
    width:100%;
    float:left;
}
    
}

#slb_viewer_wrap .slb_theme_slb_black .slb_container {
    background-color:transparent !important;
}

.side_menu {
    list-style:none;
    margin-left: 0rem;
}

.side_menu a {
    text-decoration: none;
    font-weight: bold;
    color: #000;
}
.side_menu a:hover, .side_menu a .active {
    color: #000;
    font-size: 1.2rem;
}

.side_menu a:visited {
    color: #000;
}

.side_menu li {
    margin-bottom: 0.7rem;
}

.post_header {
    margin-bottom: 3rem;
}

.post_header .entry-title {
    text-align: center;
    font-size: 2rem;
    margin-top: 1.5rem;
}

.post_header .byline {
    text-align: center;
    padding-top:0rem
}

.post_header p {
    padding-top: 30px;
    font-size: 0.8rem;
}

.post-content p {
    width: 80%;
    margin-left:auto;
    margin-right:auto;
}

.blog h1 {
    text-align:center;
    font-size: 2rem;
    margin-bottom:4rem;
}

.archive_read_more {
    border: solid 1px #000;
    padding: 10px;
    cursor: pointer;
}

.archive_read_more:hover {
    background: #000;
    color: #fff;
}

.blog h2 {
    margin-bottom:0rem;
}

.blog .byline {
    margin-bottom:2rem;
}

.wp-block-gallery {
    margin-bottom: 0px !important;
}