/* EGGSTRADER COLORS */
:root {
    --et-yellow: #FFF100;
    --et-orange: #F6921E;
    --et-red: #EC1C24;
    --et-purple: #652D90;
    --et-pink: #EB008B;
    --et-light-blue: #00ADEE;
    --et-dark-blue: #1C3557;
    --et-dark-green: #006838;
    --et-light-green: #9AC43D;
}
/* /EGGSTRADER COLORS */

* {
    font-family: 'Poppins', sans-serif;
    color: var(--et-dark-blue); /* Default text color */
}

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

/* BACKGROUNDS */
.bkg-lightblue-gradient {
    background-color: rgb(0,173,238);
    background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(0,173,238,.5) 100%);
    color: #1c3557;
}

.bkg-darkblue li {
    color: #fff;
}

section.intro {
    min-height: calc(100vh - 75px);
    padding-top: 75px !important;
}

section.intro.page-intro .intro-tablet-img {
    max-width: 160%;
}

section.intro .intro-tablet-img {
    max-width: 100%;
    height: auto;
}

@media (min-width: 768px) {
    section.intro {
        height: 100vh;
        margin-top: 0;
    }

    section.intro,
    section.intro .tablet-img-wrapper {
        position: relative;
        overflow: hidden;
    }

    section.intro .tablet-img-wrapper{
        top: 80px;
        right: -160px;
    }
}

@media (min-width: 992px) {
    section.intro .tablet-img-wrapper{
        /*top: 400px;*/
        right: -150px;
    }
}

@media (min-width: 1200px) {
    section.intro .tablet-img-wrapper{
        /*top: 355px;*/
        right: -160px;
    }
}

@media (min-width: 1400px) {
    section.intro .tablet-img-wrapper{
        /*top: 310px;*/
        right: -170px;
    }
}

@media (min-width: 1800px) {
    section.intro {
        height: 80vh;
        max-height: 1400px;
    }

    section.intro .tablet-img-wrapper{
        /*top: 310px;*/
        right: -430px;
    }
}

@media (min-width: 2300px) {
    section.intro .tablet-img-wrapper{
        /*top: 310px;*/
        right: -675px;
    }
}

@media (min-width: 2800px) {
    section.intro .tablet-img-wrapper{
        /*top: 310px;*/
        right: -950px;
    }
}
/* NAVBAR AND FOOTER */
nav.navbar {
    transition: .3s;
    position: fixed;
    width: 100%;
    z-index: 9999;
    background: #fff
}

nav.navbar .navbar-nav li.nav-item a.nav-link {
    color: var(--et-dark-blue);
    font-weight: bold;
    font-size: 18px;
}

.bkg-img.image-right-halve {
    position: absolute;
    top: 14%;
    right: -300px;
    width: 50%;
    height: 100%;
    background-image: url('http://www.gettyimages.pt/gi-resources/images/Homepage/Hero/PT/PT_hero_42_153645159.jpg');
    background-repeat: no-repeat;
    background-size: 50% 0;
}

.bkg-darkblue {
    background-color: var(--et-dark-blue);
}

@media (min-width: 992px) {
    nav.navbar-scrolled {
        padding: 5px 0;
        background-color: #fff
    }
}

@media (max-width: 991.98px) {
    nav.navbar {
        background-color: #fff;
        color: var(--et-dark-blue);
    }
}

/* TEXT */
body {
    font-size: 1.4rem;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-weight: bold !important;
}

/* Selects all elements that have a class that begins with "display-md" */
@media(min-width: 768px) {
    .display-md-1 {
        line-height: 95px;
        margin-bottom: 30px;
    }
}

.text-white p,
.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6,
.text-white .h1, .text-white .h2, .text-white .h3, .text-white .h4, .text-white .h5, .text-white .h6 {
    color: #fff;
}

.bkg-darkblue p,
.bkg-darkblue h1, .bkg-darkblue h2, .bkg-darkblue h3, .bkg-darkblue h4, .bkg-darkblue h5, .bkg-darkblue h6,
.bkg-darkblue .h1, .bkg-darkblue .h2, .bkg-darkblue .h3, .bkg-darkblue .h4, .bkg-darkblue .h5, .bkg-darkblue .h6 {
    color: #fff;
}

.text-et-yellow {
    color: var(--et-yellow) !important;
}

.text-et-orange {
    color: var(--et-orange) !important;
}

.text-et-lightblue {
    color: var(--et-light-blue) !important;
}

.text-et-pink {
    color: var(--et-pink) !important;
}

.text-et-purple {
    color: var(--et-purple) !important;
}

.text-et-lightgreen {
    color: var(--et-light-green) !important;
}

/* ICONS */
.arrow-left,
.arrow-right {
    position: relative;
    margin-left: 35px;
}

.arrow-left:before {
    content: ' ';
    background-image: url("data:image/svg+xml,%3Csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.5537 13.4824L3 13.4824M3 13.4824L14.4824 24.9648M3 13.4824L14.4824 2' stroke='%2300ADEE' stroke-width='3.43345'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    position: absolute;
    left: -35px;
    top: 0;
    width: 30px;
    height: 110%;
}

.arrow-right:before {
    content: ' ';
    background-image: url("data:image/svg+xml,%3Csvg width='27' height='26' viewBox='0 0 27 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.954651 12.7455H24.5083M24.5083 12.7455L13.0259 1.26312M24.5083 12.7455L13.0259 24.2279' stroke='%2300ADEE' stroke-width='3.43345'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    position: absolute;
    left: -27px;
    top: 0;
    width: 30px;
    height: 110%;
}

a.deactivated .arrow-left:before {
    background-image: url("data:image/svg+xml,%3Csvg width='27' height='26' viewBox='0 0 27 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.2' d='M26.0537 12.7455H2.5M2.5 12.7455L13.9824 1.26312M2.5 12.7455L13.9824 24.2279' stroke='%2300ADEE' stroke-width='3.43345'/%3E%3C/svg%3E%0A");
    cursor: default;
}

a.deactivated .arrow-right:before {
    background-image: url("data:image/svg+xml,%3Csvg width='27' height='26' viewBox='0 0 27 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M24 11.4824L12.5176 22.9648M0.446289 11.4824H24H0.446289ZM24 11.4824L12.5176 0L24 11.4824Z' stroke='%2300ADEE' stroke-opacity='0.2' stroke-width='3.43345'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='27' height='26' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    cursor: default;
}

/* ANIMATED PNG\'S */
.egg-wrapper-home-1,
.egg-wrapper-home-2 {
    position: absolute;
}

.egg-wrapper-home-1 {
    top: 0;
    left: -25%;
}
.egg-wrapper-home-1 img {
    width: 15vw;
}

.egg-wrapper-home-2 {
    bottom: -10%;
    right: -25%;
}

.egg-wrapper-home-2 img {
    width: 15vw;

    /* Mirror the image */
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

@media (max-width: 748px) {
    .egg-wrapper-home-1 {
        top: -30%;
        left: 0;
    }

    .egg-wrapper-home-2 {
        bottom: -30%;
        right: 0;
    }

    .egg-wrapper-home-1 img,
    .egg-wrapper-home-2 img {
        width: 35vw;
    }
}

/* LANDSCAPE */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 800px)
and (orientation: landscape) {

    .egg-wrapper-home-1 img,
    .egg-wrapper-home-2 img {
        width: 15vw;
    }

    .egg-wrapper-home-1 {
        top: 0;
        left: 0;
    }
}


/* MISC */
a.nav-tab-link {
    padding: 7px;
    text-decoration: none;
    color: white;
}

a.nav-tab-link[aria-selected="true"] {
    color: var(--et-light-blue) !important;
    background-color: #fff;
    font-weight: bold;
    border-radius: 20px;
}

hr.hr-et-dark-blue {
    border-top: 2px solid var(--et-dark-blue);
}

.mw-50 {
    max-width: 50%;
}
section.faq #accordion button {
    width: 100%;
    position: relative;
}

section.faq #accordion button:after {
    height: 100%;
    position: absolute;
    right: 0;
    transition: 2s;
}

section.faq #accordion button[aria-expanded='false']:after {
    content: '+';
}

section.faq #accordion button[aria-expanded='true']:after {
    content: '-';
}

@media (max-width: 768px) {
    .overflow-hidden-on-small-device {
        overflow: hidden !important;
    }
}

/* LISTS */
ul.check-list > li {
    padding-left: 6px;
}

ul.check-list > li::marker {
    /*content: " ";*/
    /*background-image: url("data:image/svg+xml,%0A%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check' class='svg-inline--fa fa-check fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%239AC43D' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'%3E%3C/path%3E%3C/svg%3E");*/
    /*background-size:90%;*/
    /*background-position:center;*/
    /*transition: background-size 0.3s;*/
    /*-webkit-transition: background-size 0.3s;*/
    content: "✔";
    color: var(--et-light-green);
}

.btn-wa {
    background: #25d366
}

.text-decoration-underline {
    text-decoration: underline;
    color: var(--et-dark-blue);
}