/*!
Theme Name: Rebels Valley
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: rebels-valley
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Rebels Valley is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

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

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block;
}

.page-site {
    overflow: hidden;
}

body {
    padding-top: 69px;
    margin: 0;
    overflow-x: hidden;
}

@media (min-width: 1200px) {
    body {
        padding-top: 113px;
    }
}

.navbar {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    z-index: 999;
    box-shadow: 0 3px 10px #0000000a;

}

@media (min-width: 1200px) {
    .navbar.is-scroll ul li a {

        padding: 16px 0 !important;
    }
}

.navbar .navbar-container .navbar-collapse {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: none;

}

.navbar .hamburger {
    display: flex;
    align-items: center;
}

@media (min-width: 1200px) {
    .navbar .hamburger {
        display: none;
    }
}

img {
	width: auto;
	max-width:100%;
}
.navbar.navbar-open .navbar-collapse {
    display: block;
    z-index: 9;
    position: absolute;
    right: 0;
    top: 40px;
    width: 120%;
    left: -10%;

    bottom: 0;
    height: 380px;
    background-color: #fff;
}

.hamburger {
    position: absolute;
    right: 0;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

.hamburger:hover {
    opacity: 0.7;
}

.hamburger.is-active:hover {
    opacity: 0.7;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
    background-color: #f259b1;
}

.hamburger-box {
    width: 20px;
    height: 24px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 20px;
    height: 2px;
    background-color: #2e3093;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block;
}

.hamburger-inner::before {
    top: -10px;
}

.hamburger-inner::after {
    bottom: -10px;
}

.hamburger--slider .hamburger-inner {
    top: 2px;
}

.hamburger--slider .hamburger-inner::before {
    top: 5px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s;
}

.hamburger--slider .hamburger-inner::after {
    top: 10px;
}

.hamburger--slider.is-active .hamburger-inner {
    transform: translate3d(0, 10px, 0) rotate(45deg);
}

.hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0;
}

.hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-90deg);
}

@media (min-width: 1200px) {
    .navbar .navbar-container .navbar-collapse {
        display: flex;
        position: relative;
        top: 0;
        height: auto;
        background: transparent;
        justify-content: space-between;
        width: 100%;
    }
}

.navbar {
    padding: 15px 0;
}

@media (min-width: 1200px) {
    .navbar {
        padding: 0;
    }
}

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

.navbar .navbar-collapse {
    width: 100%;
}

.navbar-brand {
    max-width: 170px;    
	height: 42px;  
	width: 170px;

}

.navbar-brand img {
    width: 100%;
	position: absolute;
left: 0;
width: 170px;
}

@media (min-width: 1200px) {
    .navbar .navbar-collapse {
        padding-left: 240px;
    }
}

@media (min-width: 1200px) {
    .navbar-brand {
		left: 0;
        position: absolute;
    }
}

.navbar-brand {
    z-index: 9;
}

.navbar .menu-main-menu-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}

@media (min-width: 1200px) {
    .navbar .menu-main-menu-container {
        flex-direction: row;
    }
}

.navbar .menu-main-menu-container ul {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    width: 100%;
}

@media (min-width: 1200px) {
    .navbar .menu-main-menu-container ul {
        flex-direction: row;
        width: auto;
    }
}

.navbar .menu-main-menu-container ul li {
    list-style: none;
}

@media (min-width: 1200px) {
    .navbar .menu-main-menu-container ul li {
        padding-right: 19px;
    }
}

.navbar .menu-main-menu-container ul li a {
    font-size: 15px;
    color: #2e3093;
    line-height: 24px;
    font-family: "Rubik", sans-serif;
    text-decoration: none;
    font-weight: 400;
    padding: 7px 0;
    transition: all 0.3s ease;
    display: block;
}

@media (min-width: 1200px) {
    .navbar .menu-main-menu-container ul li a {
        padding: 40px 0;
    }
}

.navbar .menu-main-menu-container ul li a svg {
    height: 26px;
    width: 26px;
    fill: #2e3093;
    transition: fill 0.3s ease;
}

.navbar .menu-main-menu-container ul .current_page_item a {
    color: #f259b1;
    border-color: #f259b1 !important;
    font-weight: 700;
}

.navbar .menu-main-menu-container ul li a:hover {
    text-decoration: none;
}

.navbar .menu-main-menu-container ul li a:hover svg {
    fill: #f259b1;
}

@media (min-width: 1200px) {
    .navbar .menu-main-menu-container ul:first-child li {
        padding-right: 20px;
    }

    .navbar .menu-main-menu-container ul:first-child a {
        border-bottom: 4px solid transparent;
        position: relative;
        bottom: -2px;
    }
}
@media (min-width: 1380px) {
    .navbar .menu-main-menu-container ul:first-child li {
        padding-right: 30px;
    }
}

.navbar .menu-main-menu-container ul:first-child a:hover {
    border-color: #f259b1;
}

.navbar .menu-main-menu-container--social ul:first-child a {
    border-bottom: 0;
}

/* lang switcher */
.wpml-ls-legacy-list-horizontal>ul {text-align: center;}
.wpml-ls-legacy-list-horizontal {padding:0;}
.wpml-ls-legacy-list-horizontal a {
    font-size: 15px;
    padding: 2px 8px;
    color: #2e3093;
    line-height: 24px;
    font-family: "Rubik", sans-serif;
    text-decoration: none;
    font-weight: 400;
}
.wpml-ls-legacy-list-horizontal a:hover {
    opacity: 0.75;
}
.wpml-ls-legacy-list-horizontal .wpml-ls-current-language a {
    text-decoration: underline;
}

.footer {
    background-color: #2e3093;
    padding: 30px 0;
}

.footer__brand {
    max-width: 170px;
}

.footer__brand img {
    width: 100%;
}

@media (min-width: 1200px) {
    .footer {
        padding: 50px 0;
    }
}

.footer__container {
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    .footer__container {
        flex-direction: row;
    }
}

.footer__container .footer__list {
    display: flex;
    align-items: center;
    margin-top: 24px;
}

@media (min-width: 768px) {
    .footer__container .footer__list {
        margin-left: 70px;
        margin-top: 0;
    }
}

.footer__container .footer__list ul {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
}

.footer__container .footer__list ul li {
    list-style: none;
    padding-right: 24px;
}

.footer__container .footer__list ul li a {
    font-size: 15px;
    line-height: 24px;
    color: #fff;
    font-family: "Rubik", sans-serif;
    text-decoration: none;
    font-weight: 400;
}

.footer__container .footer__list ul li a:hover {
    color: #f259b1;
}

.header--top {
    background-image: url("https://www.rebelsvalley.com/wp-content/uploads/2021/05/bg-homepage.png");
    background-repeat: no-repeat;
    height: 300px;
    background-position: center;
    background-size: cover;
    position: relative;
}

@media (min-width: 768px) {
    .header--top {
        height: 550px;
        background-position: initial;
    }
}

@media (min-width: 980px) {
    .header--top {
        background-position: center;
        background-position-y: -100px;
    }
}

@media (min-width: 1500px) {
    .header--top {
        height: 600px;
    }
}

@media (min-width: 2300px) {
    .header--top {
        height: 660px;
        background-position-y: 0;
    }
}

.header--top__content {
    position: absolute;
    top: 100px;
}

@media (min-width: 768px) {
    .header--top__content {
        position: absolute;
        bottom: 130px;
        top: auto;
    }
}

.header--top .content {
    margin: 0 30px;
}

@media (min-width: 768px) {
    .header--top .content {
        max-width: 90%;
        margin: 0 auto;
    }
}

@media (min-width: 980px) {
    .header--top .content {
        max-width: 90%;
        margin: 0 auto;
    }
}

@media (min-width: 1200px) {
    .header--top .content {
        max-width: 1040px;
        margin: 0 auto;
    }
}

@media (min-width: 1400px) {
    .header--top .content {
        max-width: 1300px;
        margin: 0 auto;
    }
}

.header--top h1 {
    font-weight: 700;
    font-size: 30px;
    line-height: 30px;
    color: #fff;
    font-family: "Rubik", sans-serif;
    margin: 0;
    padding-bottom: 15px;
}

@media (min-width: 768px) {
    .header--top h1 {
        font-size: 43px;
        line-height: 43px;
    }
}

.header--top p {
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    font-family: "Rubik", sans-serif;
    margin: 0;
}

@media (min-width: 768px) {
    .header--top p {
        font-size: 20px;
        line-height: 36px;
    }
}

h2 {
    font-size: 26px;
    line-height: 30px;
    padding: 0;
    margin: 0;
    font-family: "Rubik", sans-serif;
    color: #2e3093;
    margin-bottom: 30px;
}

@media (min-width: 980px) {
    h2 {
        font-size: 30px;
        line-height: 34px;
        margin-bottom: 60px;
    }
}

.page-title {
    font-size: 26px;
    line-height: 30px;
    padding: 0;
    margin: 0;
    font-family: "Rubik", sans-serif;
    color: #2e3093;
    margin-bottom: 30px;
}

@media (min-width: 980px) {
    .page-title {
        font-size: 40px;
        line-height: 34px;
        margin-bottom: 60px;
    }
}

.content-block {
    padding: 30px 0;
}

@media (min-width: 980px) {
    .content-block {
        padding: 74px 0;
    }
}

.content-wrap {
    box-sizing: border-box;
    margin: 0 30px;
    position: relative;
}

@media (min-width: 768px) {
    .content-wrap {
        max-width: 90%;
        margin: 0 auto;
    }
}

@media (min-width: 980px) {
    .content-wrap {
        max-width: 90%;
        margin: 0 auto;
    }
}

@media (min-width: 1200px) {
    .content-wrap {
        max-width: 1040px;
        margin: 0 auto;
    }
}

@media (min-width: 1380px) {
    .content-wrap {
        max-width: 1300px;
        margin: 0 auto;
    }
}

form {
    max-width: 555px;
    width: 100%;
}

form input,
form textarea {
    box-sizing: border-box;
    padding: 14px 17px;
    border: 0;
    background-color: #fff;
    outline: none;
    color: #c1c3c4;
    font-size: 15px;
    font-family: "Rubik", sans-serif;
    margin-bottom: 13px;
    width: 100%;
    font-weight: 300;
}

textarea {

    height: 100px;
}


input[type=file] {
padding: 12px 0;
left: 0;
    color:#dddedf;
	text-align: left;
}



   .wpcf7-file.is-chrome {
    padding: 14px 17px;
	   color: #c1c3c4;
	  }

@media (min-width: 980px) {
input[type=file] {
	width: 290px;
}
}
input[type=file]::-webkit-file-upload-button {
    display: none;
}

input {

    height: 46px;
}
.wpcf7-file::-webkit-file-upload-button {
  visibility: hidden;
}
input[type=file]::-webkit-file-upload-button {
  display: none;
}
input[type=file]::file-selector-button {
 background-color: transparent;
	color: transparent;
  border: 0px solid transparent;
	width: 0px;
	height: 0px;
}

input[type=file]::file-selector-button:hover {
  background-color: transparent;
	color: transparent;
  border: 0px solid transparent;
	width: 0px;
	height: 0px;
}

form input::-webkit-input-placeholder,
form textarea::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #c1c3c4;
    font-size: 15px;
    font-weight: 300;
    font-family: "Rubik", sans-serif;
}

form input::-moz-placeholder,
form textarea::-moz-placeholder {
    /* Firefox 19+ */
    color: #c1c3c4;
    font-size: 15px;
    font-weight: 300;
    font-family: "Rubik", sans-serif;
}

form input:-ms-input-placeholder,
form textarea:-ms-input-placeholder {
    /* IE 10+ */
    color: #c1c3c4;
    font-size: 15px;
    font-weight: 300;
    font-family: "Rubik", sans-serif;
}

form input:-moz-placeholder,
form textarea:-moz-placeholder {
    /* Firefox 18- */
    color: #c1c3c4;
    font-size: 15px;
    font-weight: 300;
    font-family: "Rubik", sans-serif;
}

form .wpcf7-file:after {
    content: "";
    position: absolute;
    background-image: url("https://rebelsvalley.com/wp-content/themes/twentynineteen/attachment.png");
}

label.upload span:first-child {
    position: absolute;
    font-size: 10px;
    color: #172D36;
    font-weight: 500;
    z-index: 9;
    cursor: pointer;
    right: 50px;
}

label.upload {
    position: relative;
display: inline-block;
width: 100%;
}

@media (min-width: 980px) {
	
label.upload {
	width: auto;
	}
}

label.upload span:first-child:before {
    content: "";
    background-image: url(https://rebelsvalley.com/wp-content/themes/twentynineteen/attachment.png);
    position: absolute;
    background-color: #2e3093;
    width: 50px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    top: 0;
    right: 0;
}

form h3 {

    font-family: "Rubik", sans-serif;
    font-size: 24px;
    line-height: 1;
    margin-bottom: 15px;
    margin-top: 0;
    font-weight: 700;
    color: #fff;
}

.ajax-loader {
    display: none !important;
}
h1 {
    font-family: "Rubik", sans-serif;
}
form p {
    font-weight: 300;
    font-family: "Rubik", sans-serif;
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    padding-bottom: 10px;
}

.contact-info .data .title {
    font-size: 17px;
    line-height: 40px;
    font-family: "Rubik", sans-serif;
    color: #fff;
    font-weight: 700;
}

.contact-info {
    box-sizing: border-box;
    padding: 15px;
    border: 1px solid #fff;

    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 50px;
}

.contact-info .data .address {
    font-size: 17px;
    line-height: 27px;
    padding-bottom: 15px;
    font-weight: 300;
    font-family: "Rubik", sans-serif;
    color: #fff;
}

.form {
    margin-top: 30px;
}

@media (min-width: 768px) {
    .form {
        margin-top: 0;
    }

    .contact {
        display: flex;
        justify-content: center;
    }

    .contact-info .data .address {
        padding-bottom: 0;
    }

    .contact-info {
        padding: 40px;

        height: 369px;
        width: 305px;
    }



}

@media (min-width: 980px) {
	
    form .row-2 {
        display: flex;
        justify-content: space-between;
    }
	   form .row-2 input {
        max-width: 260px;
    }
}
.contact-info .social a {
    margin-right: 20px;
}

.contact-info .social a:hover svg {
    fill: #2e3093;
}

.contact-info .social a svg {
    fill: #fff;
    transition: color 0.3s ease;
    width: 25px;
    height: 25px;
}


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


.articles__list {
    display: grid;
    grid-template-columns: 1fr;
}

@media (min-width: 768px) {

    .articles__list {
        column-gap: 21px;
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 980px) {

    .articles__list {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

.articles__list .article {
    margin-bottom: 30px;
    flex: 0 100%;
}

.article .article__img {
    width: 100%;
    height: 250px;
    overflow: hidden;
}

@media (min-width: 768px) {
    .articles__list .article {
        margin-bottom: 100px;
		position: relative;
    }

    .article .article__img {
        width: 100%;
    }
}

@media (min-width: 980px) {
    .articles__list .article {
        margin-bottom: 100px;
    }

    .article .article__img {
        /* 	    width: 330px; */
    }
}

.article .article__img img {
    width: 100%;
    display: flex;
    height: 100%;
    object-fit: cover;
}

.article .article__title {
    color: #172d36;
    font-size: 18px;
    font-weight: 700;
    padding-top: 30px;
    font-family: "Rubik", sans-serif;
    padding-bottom: 15px;
    line-height: 29px;
}

.article__date {
    font-size: 13px;
    font-family: "Rubik", sans-serif;
    color: #172d36;
    font-weight: 400;

}

p {
    margin: 0;
}

.article .article__description {
    color: #172d36;
    font-size: 13px;
    font-weight: 400;
    padding-top: 20px;
    line-height: 22px;
    font-family: "Rubik", sans-serif;
    padding-bottom: 26px;
}


@media (min-width: 980px) {

    .article .article__description {
        padding-bottom: 45px;
    }
}

.btn-primary {
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    padding: 11px 25px;
    background-color: #eb008b;
    transition: all 0.3s ease;
    border: 1px solid #eb008b;
    display: inline-block;
    font-family: "Rubik", sans-serif;
}

p {

    font-family: "Rubik", sans-serif;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background-color: #fff;
    color: #eb008b;

}

.article.article--single .page-title {
    margin-bottom: 15px;
}

.article.article--single .article__description p {
    text-align: justify;
}

.article.article--single .article__description {
    font-size: 20px;
    color: #2e3093;
    padding-bottom: 0;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 30px;
}

.article.article--single .wp-block-image.size-large {

    width: 100%;
    height: auto;
    margin: 30px 0;
}


.article.article--single .wp-block-image.size-large img {
    width: 100%;
    height: auto;
}

@media (min-width: 980px) {
    .article.article--single .wp-block-image.size-large {

        margin: 60px 0;
    }

    .article.article--single .article__description {

        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;

        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 90px;
        margin-bottom: 140px;
    }
}

.projects__list .project:nth-of-type(odd) {
    background-color: #00adef;
}

.projects__list .project:nth-of-type(even) {
    background-color: #fff;
}

.projects__list .project .project__content {
    padding: 30px 0;
}

@media (min-width: 980px) {
    .projects__list .project .project__content {
        padding: 90px 0 90px 300px;
    }
}

.projects__list .project .project__logo {

    width: 230px;
    height: 230px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin: 0 auto;
    padding: 40px;
    box-sizing: border-box;
}

@media (min-width: 980px) {

    .projects__list .project .project__logo {
        position: absolute;
        left: 0;
        top: 70px;
    }
}


.projects__list .project .project__logo img {
    width: 100%;
}

.projects__list .project:nth-of-type(even) .project__logo {
    border: 1px solid #2e3093;
}

.projects__list .project .project__title {
    font-weight: 700;
    font-size: 25px;
    color: #fff;
    margin-top: 15px;
    font-family: "Rubik", sans-serif;
}

.projects__list .project:nth-of-type(even) .project__title {
    color: #2e3093;
}

.projects__list .project .project__subtitle {
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    line-height: 27px;
    margin-bottom: 10px;
    margin-top: 10px;
    font-family: "Rubik", sans-serif;
}

.projects__list .project:nth-of-type(even) .project__subtitle {
    color: #2e3093;
}

.projects__list .project .project__desc {
    font-weight: 400;
    font-size: 18px;
    font-family: "Rubik", sans-serif;
    line-height: 27px;
    color: #fff;
    margin-bottom: 25px;
}

@media (min-width: 980px) {

    .projects__list .project .project__title {
        font-size: 40px;
        margin-top: 0;
    }

    .projects__list .project .project__subtitle {
        font-size: 20px;

        line-height: 33px;
        margin-bottom: 35px;
        margin-top: 25px;
    }

    .projects__list .project .project__desc {
        font-size: 20px;
        line-height: 33px;
    }
}

.projects__list .project:nth-of-type(even) .project__desc {
    color: #2e3093;
}

.btn-secondary {
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    padding: 11px 25px;
    background-color: #00adef;
    transition: all 0.3s ease;
    border: 1px solid #fff;
    display: inline-block;
    font-family: "Rubik", sans-serif;
}


.projects__list .project:nth-of-type(even) .btn-secondary {
    color: #2e3093;
    border-color: #2e3093;
    background-color: #fff;
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
    background-color: #fff;
    border-color: #00adef;
    color: #00adef;

}

.projects__list .project:nth-of-type(even) .btn-secondary:hover,
.projects__list .project:nth-of-type(even) .btn-secondary:focus,
.projects__list .project:nth-of-type(even) .btn-secondary:active {
    color: #fff;
    border-color: #fff;
    background-color: #2e3093;
}

.project--single .project__logo {
    max-width: 340px;
    width: 100%;
    margin-bottom: 100px;
}


.project--single .project__logo img {
    width: 100%;
}

.project--single .project__description {
    color: #2e3093;
    font-size: 20px;
    font-weight: 400;
    line-height: 33px;
}

.project--single .wp-block-image {
    margin: 30px 0;
    width: 100%;
}


.project--single .wp-block-image img {
    width: 100%;
    height: auto;
}

.btn-secondary-outline {
    text-transform: uppercase;
    text-decoration: none;
    color: #2e3093;
    font-size: 13px;
    font-weight: 300;
    padding: 11px 25px;
    background-color: #fff;
    transition: all 0.3s ease;
    border: 1px solid #2e3093;
    display: inline-block;
    font-family: "Rubik", sans-serif;
}

.btn-secondary-outline:hover,
.btn-secondary-outline:focus,
.btn-secondary-outline:active {
    background-color: #2e3093;
    border-color: #fff;
    color: #fff;

}

.header--top .about-page-title,
.header--top .project-page-title {
    font-family: "Rubik", sans-serif;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
}

.projects .header--top {
    background-position: inherit;
}

.page-offer .header--top {
    background-position: right;
}

.podcasts .header--top {
    background-position: left;
}

.podcasts .header--top__content {
    top: 180px;
}

@media (min-width: 768px) {
    .project .header--top,
    .projects .header--top {
        background-position: right;
    }

    .podcasts .header--top__content {
        top: auto;
    }
}

@media (min-width: 980px) {
    .header--top .about-page-title,
    .header--top .project-page-title {
        font-size: 80px;
    }

    .project .header--top,
    .projects .header--top {
        background-position: center;
    }

    .page-offer .header--top {
        background-position: center;
    }
}

.podcasts .podcast {
    padding: 40px 0;
}

.podcast .podcast__content {
    position: relative;
    padding: 0;

}
.podcast .podcast__content .podcast__title {
    color: #2e3093;
    font-size: 24px;
    font-family: "Rubik", sans-serif;
    line-height: 36px;
    font-weight: bold;
    padding-top: 50px;
}
@media (min-width: 980px) {
    .podcast .podcast__content {

    position: relative;
    padding-left: 320px;
        
    }
	
	.podcast .podcast__content .podcast__logo {
		position: absolute;
    left: 0;
    max-width: 260px;
	}

    .podcast .podcast__content .values {
        padding-left: 0;

    }
		.podcast .podcast__content .podcast__title {
	padding-top: 0;	
	}
}

.podcast .podcast__content .podcast__logo {


}



.podcast .podcast__content .podcast__subtitle {
    color: #2e3093;
    font-family: "Rubik", sans-serif;
    padding-top: 5px;
    font-weight: 400;
        font-size: 20px;
        line-height: 33px;

}

.podcast .podcast__content .podcast__autor {
    color: #2e3093;
    text-transform: uppercase;
    font-family: "Rubik", sans-serif;
    padding: 15px 0;
    font-weight: 400;
        font-size: 20px;
        line-height: 33px;

}

.podcast .podcast__content .btn-primary {
    background-color: #eb008b;
    border-color: #eb008b;
}

.podcast .podcast__content .btn-primary:hover,
.podcast .podcast__content .btn-primary:active,
.podcast .podcast__content .btn-primary:focus {
    color: #eb008b;
    background-color: #fff;
    border-color: #eb008b;
}

@media (min-width: 980px) {
    .podcast .podcast__content .podcast__title {
        font-size: 42px;
		line-height:45px;
		margin-bottom: 10px;
    }

    .podcast .podcast__content .podcast__subtitle {
        font-size: 20px;
    }

    .podcast .podcast__content .podcast__autor {
        font-size: 20px;
    }

}

.section-contact {
    background-color: #eb008b;
}

.wpcf7-list-item {
    margin: 0;
}

.wpcf7-list-item label {
    display: flex;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    font-family: "Rubik", sans-serif;
    font-weight: 300;
    margin-bottom: 15px;
}

.wpcf7-list-item label input {
    display: none;
}

.wpcf7-list-item-label {
    padding-left: 30px;
}

.wpcf7-list-item input + .wpcf7-list-item-label:before {
    content: '';
    background: transparent;
    border: 1px solid #fff;
    display: inherit;
    vertical-align: middle;
    margin-right: 10px;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0;
}

.wpcf7-list-item input:checked + .wpcf7-list-item-label:after {
    content: "";
    padding: 2px;
    position: absolute;
    width: 1px;
    height: 6px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    transform: rotate(
            45deg
    );
    top: 3px;
    left: 5px;

}

.wpcf7-form-control.wpcf7-submit {
    background-color: #2e3093;
    background: #2e3093;
    color: #fff;
    transition: all 0.3s ease;
    padding: 16px;
}


.wpcf7-form-control.wpcf7-submit:hover {
    background-color: #fff;
    color: #2e3093;
}

p.text {
    color: #2e3093;
    font-size: 20px;
    font-weight: 400;
    line-height: 33px;
    font-family: "Rubik", sans-serif;
}

.elementor-column-gap-wider > .elementor-column > .elementor-element-populated {
    padding: 0;
}

.section--podcasts {
    background-color: #00adef;
    padding: 30px 0;

    width: 100%;
    font-family: "Rubik", sans-serif;
    color: #fff;

}

.section--podcasts .last-post:first-child {
    margin-bottom: 30px;
}

.section--podcasts .title {
    font-family: "Rubik", sans-serif;
    color: #fff;
    margin-bottom: 20px;
    font-size: 36px;
    font-weight: bold;
}

.section--podcasts .podcast__title {
    font-weight: 700;
    font-size: 21px;
}


.section--podcasts .podcast__subtitle {
    font-weight: 300;
    font-size: 18px;
    line-height: 27px;
    padding: 10px 0;
}


.section--podcasts .podcast__autor {
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.section--podcasts .last-posts .podcast__title {
    font-size: 18px;
    line-height: 22px;
}


.section--podcasts .last-posts .podcast__subtitle {

    font-size: 18px;
    line-height: 22px;
}

.section--podcasts .last-posts .podcast__autor {

    font-size: 18px;
    line-height: 22px;
}

.section--podcasts .title.is-last-posts {
    margin-top: 50px;
}

@media (min-width: 1200px) {
    .section--podcasts {
        background-image: url('https://www.rebelsvalley.com/wp-content/uploads/2021/05/WWW_RV_HOME_35.png');
        background-repeat: no-repeat;
        min-height: 750px;

        display: flex;
        justify-content: flex-end;
        align-items: center;
        background-size: contain;
        margin: 0;

    }

    .section--podcasts .last-posts {
        display: flex;
        justify-content: space-between;
    }

    .section--podcasts .content-block {
        padding-left: 400px;
    }

    .section--podcasts .title.is-last-posts {
        margin-top: 60px;
    }

    .last-post {
        max-width: 260px;
    }

    .section--podcasts .title {
        font-family: "Rubik", sans-serif;
        color: #fff;
        font-size: 37px;
        line-height: 44px;
        margin-bottom: 20px;
        font-weight: bold;
    }

    .section--podcasts .podcast__title {
        font-size: 38px;
        line-height: 44px;
        font-weight: 700;
    }


    .section--podcasts .podcast__subtitle {
        font-size: 30px;
        line-height: 37px;
        font-weight: 300;
        padding: 0;
    }
}


@media (min-width: 1400px) {

    .last-post {
        max-width: 350px;
    }

}

.articles-slider .article {
    max-width: 85%;
	position: relative;
}

.section--article h2 {
    font-size: 36px;
    font-weight: 700;
}

@media (min-width: 980px) {
    .articles-slider .article {
        max-width: 90%;
    }

    .section--article h2 {
        font-size: 40px;
        font-weight: 700;
    }
}

.articles-slider .article .article__title {
    padding: 0;
    color: #2e3093;
    font-weight: 700;
    font-size: 26px;
    padding-top: 15px;
    padding-bottom: 5px;
}


.articles-slider .article .article__description {
    padding: 0;
    color: #2e3093;
    font-weight: 400;
    font-size: 14px;
    line-height: 27px;
    padding-bottom: 14px;
}


.articles-slider .slick-prev.slick-arrow {
    display: none !important;
    border: 0;
    background: transparent;
    color: transparent;
    position: absolute;
    top: 200px;
    left: -50px;
    cursor: pointer;
}

.articles-slider .slick-prev.slick-arrow:before {
    content: " ";
    background-image: url(https://www.rebelsvalley.com/wp-content/uploads/2021/05/arrow-left.png);
    padding: 0;
    width: 25px;
    height: 40px;
    display: block;
    background-repeat: no-repeat;
}

.articles-slider .slick-next.slick-arrow {
    border: 0;
    background: transparent;
    color: transparent;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;

}

.articles-slider .slick-next.slick-arrow:before {
    content: " ";
    background-image: url(https://www.rebelsvalley.com/wp-content/uploads/2021/05/arrow-right.png);
    padding: 0;
    width: 25px;
    height: 40px;
    display: block;
    background-repeat: no-repeat;
}


@media (min-width: 980px) {

    .articles-slider .slick-prev.slick-arrow {
        display: block !important;
    }

    .articles-slider .slick-next.slick-arrow {
        top: 200px;
        right: -30px;
        bottom: auto;
    }
}

.section--projects {
    background-color: #00adef;
}

.section--projects a.project div {
    background: #fff;
    border-radius: 50%;
	overflow: hidden;
    height: 227px;
    width: 227px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 30px;
    margin: 0 auto;
}

.section--projects a.project img {
    width: 100%;
}


.projects-slider .slick-prev.slick-arrow {
    border: 0;
    background: transparent;
    color: transparent;
    position: absolute;
    top: 45%;
    left: 0;
    cursor: pointer;
}

.projects-slider .slick-prev.slick-arrow:before {
    content: " ";
    background-image: url(https://www.rebelsvalley.com/wp-content/uploads/2021/05/arrow-left-w.png);
    padding: 0;
    width: 25px;
    height: 40px;
    display: block;
    background-repeat: no-repeat;
}

.projects-slider .slick-next.slick-arrow {
    border: 0;
    background: transparent;
    color: transparent;
    position: absolute;
    right: -5px;
    top: 45%;
    cursor: pointer;

}

.projects-slider .slick-next.slick-arrow:before {
    content: " ";
    background-image: url(https://www.rebelsvalley.com/wp-content/uploads/2021/05/arrow-right-w.png);
    padding: 0;
    width: 25px;
    height: 40px;
    display: block;
    background-repeat: no-repeat;
}

@media (min-width: 980px) {
    .projects-slider .slick-next.slick-arrow {
        top: 45%;
        right: -20px;
        bottom: auto;
    }

    .projects-slider .slick-prev.slick-arrow {
        top: 45%;
        left: -20px;
        bottom: auto;
    }
}

@media (min-width: 1200px) {

    .projects-slider .slick-prev.slick-arrow {
        left: -50px;
    }

    .projects-slider .slick-next.slick-arrow {
        right: -50px
    }
}

.section--projects h2 {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
}

.section--projects .see-more {
    margin: 30px auto 0 auto;
    display: flex;
    justify-content: center;
}


@media (min-width: 980px) {
    .section--projects .see-more {
        margin: 70px auto 0 auto
    }


    .section--projects h2 {
        font-size: 40px;
        font-weight: 700;
    }
}

.section--about h2 {
    font-size: 36px;
}

.section--about .desc {
    font-size: 18px;
    font-weight: 400;
    color: #2e3093;
    line-height: 27px;
    margin-bottom: 30px;
}


@media (min-width: 980px) {

    .section--about .desc {
        font-size: 20px;
        line-height: 33px;
    }

    .section--about h2 {
        font-size: 40px;
    }


    .section--about .desc {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 90px;
        margin-bottom: 70px;
    }
}

.wpcf7-not-valid-tip {

    font-family: "Rubik", sans-serif;
    color: #fff;
    padding-bottom: 5px;
    font-size: 10px;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {

    font-family: "Rubik", sans-serif;
    color: #fff;
    border: 0;
    font-weight: 300;
}

.project.project--single .btn-secondary-outline {
	margin-top: 30px;
}
@media (min-width: 768px) {
.elementor-col-33 .elementor-image-box-img {
	height: 310px
}
}
@media (min-width: 870px) {
.elementor-col-33 .elementor-image-box-img {
	height: 350px
}
}

@media (min-width: 940px) {
.elementor-col-33 .elementor-image-box-img {
	height: 380px
}
}

@media (min-width: 1100px) {
.elementor-col-33 .elementor-image-box-img {
	height: 400px
}
}

@media (min-width: 980px) {
	.articles__list .article .btn-primary {
		position: absolute;
		top: 660px;
	}
}
@media (min-width: 981px) {
		.articles-slider .article {
	    margin-bottom: 100px;
}
	.articles-slider .article .btn-primary {
		
	position: absolute;
		top: 950px;
	
	}
	
	
}
@media (min-width: 1011px) {
		.articles-slider .article {
}
	.articles-slider .article .btn-primary {
		
	position: absolute;
		top: 900px;
	
	}
}
@media (min-width: 1140px) {
	.articles-slider .article .btn-primary {
		
		top: 850px;
	
	}
}
@media (min-width: 1200px) {
.elementor-col-33 .elementor-image-box-img {
	height: 400px
}
	
	.last-posts .last-post {
		position: relative;
	}
	.last-posts .last-post .btn-secondary{
	   position: absolute;
    top: 250px;
	}
	.articles-slider .article {
	    margin-bottom: 100px;
}
	.articles-slider .article .btn-primary {
		
	position: absolute;
		top: 850px;
	
	}
}

@media (min-width: 1400px) {

	
	.last-posts .last-post {
		position: relative;
	}
	.last-posts .last-post .btn-secondary{
		    position: absolute;
    top: 200px;
	}
	
	.articles-slider .article .btn-primary {
		
	position: absolute;
		top: 700px;
	
	}
	
	.articles__list .article .btn-primary {
		top: 570px;
	}
}