/*
 Theme Name:   InsideOut
 Theme URI:    https://mysto.hu
 Description:  A GeneratePress child theme
 Author:       Annamari Bán
 Author URI:   https://mysto.hu
 Template:     generatepress
 Version:      0.1
*/

/* ---- FONTS ----- */


/* SangBleu Versailles */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'SangBleu Versailles';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/insideout/fonts/SangBleuVersailles-Regular-WebXL.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-sans-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/insideout/fonts/plus-jakarta-sans-v8-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-sans-italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Plus Jakarta Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/wp-content/themes/insideout/fonts/plus-jakarta-sans-v8-latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-sans-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/insideout/fonts/plus-jakarta-sans-v8-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* plus-jakarta-sans-700italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Plus Jakarta Sans';
  font-style: italic;
  font-weight: 700;
  src: url('/wp-content/themes/insideout/fonts/plus-jakarta-sans-v8-latin_latin-ext-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */

}


.main-navigation ul ul {
    width: 300px;
    padding-top: 10px;
    padding-bottom: 10px;
}

nav#site-navigation.toggled {
    background: var(--base);
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 0 !important;
}

p.szolg-lista {
    line-height: 2;
}

.hero {
    background: url(/wp-content/uploads/2025/03/insideout-circles-trim.svg) no-repeat right top, linear-gradient(180deg, #d6eff6 85%, #FCFCFC 85%);
    background-size: contain;
    margin-bottom: 20px;
}

.hero h1 {
  font-size: 52px;
  margin-bottom: 40px;
}

.hero p {
  font-size: 20px;
  margin-bottom: 50px;
}

p.subtitle {
    text-transform: uppercase;
  font-weight: bold;
    color: #bba072;
    margin-bottom: 0.1em;
    letter-spacing: 2px;
    font-size: 16px;
}

.quote {
  position: relative;
  z-index: 1;
}

.quote:after {
    content: "”";
    position: absolute;
    font-family: 'SangBleu Versailles';
    font-size: 280px;
    top: -150px;
    left: 0;
    color: #D0B27F;
    opacity: 0.6;
    z-index: -1;
}

.kiemelt h3 {
  margin-bottom: 0;   
}

.kiemelt p {
  margin-top: 10px;
}

h2.wp-block-heading {
  position: relative;
  margin-bottom: 60px;
}

h2.wp-block-heading:after {
    content: "";
    background: url(https://insideout.kreanilla.hu/wp-content/uploads/2025/03/dots.svg) no-repeat;
    width: 50px;
    height: 8px;
    bottom: -18px;
    left: 5px;
    position: absolute;
}

h2.wp-block-heading.white:after {
    content: "";
    background: url(https://insideout.kreanilla.hu/wp-content/uploads/2025/03/dots-white.svg) no-repeat;
    width: 50px;
    height: 8px;
    bottom: -18px;
    left: 5px;
    position: absolute;
}

figure.aligncenter, 
figure {
    margin-bottom: 30px;
}

.kiemelt .wp-block-group__inner-container,
.kepzesek .wp-block-group__inner-container {
  background: white;
  border-radius: 60px;
  padding-bottom: 60px;
}

.csapattag {
  background: #f2fafc;
  border-radius: 60px;
  margin-bottom: 40px;
}

.blueblock {
  background: #f2fafc;
  border-radius: 60px;
  padding-bottom: 40px;
  margin-bottom: 40px;
}

.csapattag .wp-block-group__inner-container,
.blueblock .wp-block-group__inner-container{
  padding-bottom: 1px;
}

.csapat-header {
    margin-bottom: 0;
}

.csapat-header h3,
.csapat-header ul {
  margin-bottom: 0;
}

.csapattag p.subtitle {
    margin-bottom: 1.5em;
  color: var(--contrast);

}

.csapattag hr {
    margin-bottom: 10px;
    margin-top: 10px;
    color: var(--accent);
}

.csapattag .quote {
  position: relative;
  z-index: 1;
}

.csapattag .quote:after {
    content: "”";
    position: absolute;
    font-family: 'SangBleu Versailles';
    font-size: 280px;
    top: -130px;
    left: -20px;
    color: #D0B27F;
    opacity: 0.4;
    z-index: -1;
}

a.white,
li.white a {
    color: #DEC9A5;
}

a.white:hover,
li.white a:hover {
    color: #002E3F;
}

.uagb-tabs__panel .uagb-tab.uagb-tabs__active {
    border-left: 5px solid var(--orange) !important;
}

.uagb-tabs__wrap ul.uagb-tabs__panel {
    font-family: 'SangBleu Versailles';
    font-size: 22px;
}

.circleimg img {
    border-radius: 50%;
}

.reflogos .my_carousel {
  mix-blend-mode: multiply;
}

.reflogos .my_carousel {
    --gallerygap: 1.2rem;
}

.wp-block-latest-posts.is-grid {
    margin-left: 0;
}

.wp-block-latest-posts.is-grid a.wp-block-latest-posts__post-title {
    font-size: 24px;
}

ul.wp-block-latest-posts__list.is-grid.columns-3.wp-block-latest-posts li:nth-child(1) img {
    border-top-left-radius: 140px;
}

ul.wp-block-latest-posts__list.is-grid.columns-3.wp-block-latest-posts li:nth-child(2) img {
    border-bottom-left-radius: 140px;
}

ul.wp-block-latest-posts__list.is-grid.columns-3.wp-block-latest-posts li:nth-child(3) img {
    border-top-left-radius: 140px;
}

.rounded img {
    border-top-left-radius: 200px;
}

.column-left-border-white {
    border-left: 1px solid white;
  padding-left: 20px;
}

.column-left-border-dark {
  border-left: 1px solid var(--accent);
  padding-left: 20px;
}

.blog .generate-columns .inside-article {
    background: #e5f1f5;
    border-radius: 60px;
    padding-bottom: 40px;
    /* margin-bottom: 30px !important; */
}

.featured-image.page-header-image-single img {
    border-top-left-radius: 200px;
}

.site-main .post-navigation {
    margin-top: 60px;
}

.separate-containers .inside-right-sidebar {
    padding-top: 40px;
}

.widget.inner-padding {
    border-radius: 30px;
}

.widget-area .widget {
    padding: 30px 40px;
}

div.wpforms-container-full input[type=submit], div.wpforms-container-full button[type=submit], div.wpforms-container-full .wpforms-page-button, .wp-core-ui div.wpforms-container-full input[type=submit], .wp-core-ui div.wpforms-container-full button[type=submit], .wp-core-ui div.wpforms-container-full .wpforms-page-button {
  background-color: var(--orange) !important;
  font-family: Plus Jakarta Sans;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 2px;
      padding: 10px 20px;
  border-radius: 50px;
}

div.wpforms-container-full input[type=submit]:hover, div.wpforms-container-full button[type=submit]:hover, div.wpforms-container-full .wpforms-page-button:hover, .wp-core-ui div.wpforms-container-full input[type=submit]:hover, .wp-core-ui div.wpforms-container-full button[type=submit]:hover, .wp-core-ui div.wpforms-container-full .wpforms-page-button:hover {
  background-color: var(--rust) !important;
  
}

.abra figure {
    margin-bottom: 0;
}

@media only screen and (max-width: 1024px) {
    h1, h2, .hyphen {
        hyphens: auto;
        hyphenate-limit-chars: 10 3 3;
    }
    
    .compassionate1 {
        flex-basis: 40% !important;
    }
        .compassionate2 {
        flex-basis: 60% !important;
    }
    
}

@media only screen and (max-width: 900px) {
        .page-hero {
            padding-top: 180px !important;
    }   
    
    .hero h1 {
          font-size: 42px;
        }
  
   .wp-block-columns {
            display: block !important;
        }
        
        .wp-block-column {
            width: 100% !important;
            margin-bottom: 40px !important;
        }

                .csapat-header {
                    display: flex !important;
            }
    
         .hide-on-mobile{
            display: none;
        }
}