/* 

 Theme Name:     Exodiainu.com
 Author:         WebOptima.eu
 Author URI:     https://weboptima.eu
 Template:       Divi
 Version:        1.0
 Description:    A Divi child theme made and edited by WebOptima.eu

*/




/* ----------- CUSTOM CSS ----------- */

body {
    line-height: 1.714em;
}

body p, body ul li:not(li.menu-item) {
    font-family: 'Roboto Medium',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 400;
}

@font-face{font-family:"Roboto Black";font-display:swap;src:url("http://exodiainu.com/wp-content/uploads/et-fonts/Roboto-Black.ttf") format("truetype")}


.et_pb_section {
    background-color: transparent;
}

.et_builder_inner_content {
    overflow: hidden;
    margin-bottom: -1864px;
}

@media (min-width: 981px) and (max-width: 1919.9px) {
.et_builder_inner_content {
    margin-bottom: -1977px;
}
}

.et_pb_scroll_top.et-pb-icon {
    background: rgb(231 78 46 / 75%);
    bottom: 145px;
}

/**** Header & Navigation ****/

@media (min-width: 981px) {
.et_fullwidth_nav #main-header .container {
    padding-right: 41px;
    padding-left: 41px;
}

.et-fixed-header #logo {
    max-height: 93%;
    /*max-height: 0;*/
}

#et-top-navigation nav>ul>li.cta>a {
    padding: 16.3px 17px !important;
}

.et-fixed-header #et-top-navigation nav>ul>li.cta>a {
    padding: 10.3px 17px !important;
}

.et_header_style_left #et-top-navigation {
    margin-top: -24px !important;
}

.et_header_style_left .et-fixed-header #et-top-navigation {
    margin-top: -20px !important;
}
    
.custom-header-button {
    display: none!important;
}
}

.mobile_menu_bar {
    display: none;
}

@media only screen and (max-width: 980px) {
#main-header {
    background-color: rgba(0,0,0,0.5) !important;
    position: fixed !important;
}

#main-header .container {
    width: 92%;
}

.et_header_style_left #et-top-navigation {
    padding: 19px 0 !important;
}

.et_pb_button.custom-header-button {
    padding: 14px 17px !important;
    font-weight: 500;
    font-size: 15px;
    letter-spacing:0.25px;
}

.et_header_style_left #logo {
    max-height: 73%;
}
}

/**********  HOMEPAGE  **************/

.et_mobile_device .et_pb_section_parallax .et_pb_parallax_css {
    background-attachment: fixed;
}

.intro-title h3 {
    padding-bottom: 3px
}

/*** About ***/

#about-row {
    top: -21.15vw
}

.yellow-bg img {
    width: 100% !important;
    height: 100%;
}

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

.about-text {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    width: 100%;
    margin-top: -46vw;
}

.about-text h2 {
    margin-bottom: 12px
}

.about-text .et_pb_text_inner {
    width: 88%;
    max-width: 1116px;
    font-weight:400;
}

@media (max-width:1060px) {
.about-column img {
    max-width: 300%;
    width: 120% !important;
}

.about-text {
    margin-top: -57vw;
}
}

@media (max-width: 980px) {
.about-text {
    margin-top: -64vw;
    margin-top: -600px;
    max-width:90%;
    margin-left: auto;
    margin-right: auto;
}
}

@media (max-width: 840px) {
.about-column img {
    width: 136% !important;
}
}

@media (max-width: 780px) {
.about-column .et_pb_module.yellow-bg .et_pb_image_wrap {
    background-image: url(https://exodiainu.com/wp-content/uploads/2021/11/Path71b.png) !important;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: top center;
    background-attachment: scroll;

}

.about-column .et_pb_image:first-of-type img {
    visibility: hidden;
}

.about-text {
    margin-top: -500px;
}
}

@media (max-width: 730px) {
.about-column img {
    width: 186% !important;
}
    
.about-column .et_pb_image:first-of-type img {
    width: 190% !important;
}

.about-text {
    margin-top: -585px;
}
}

@media (max-width: 570px) {
.about-column img {
    width: 160% !important;
}
    
.about-column .et_pb_image:first-of-type img {
    width: 205% !important;
    margin-top:0px
}

.about-text {
    margin-top: -560px;
}
}

@media (max-width: 500px) {
.about-column img {
    width: 140% !important;
}

.about-column .et_pb_image:first-of-type img {
    width: 240% !important;
}

.about-text {
    margin-top: -550px;
}
}

@media (max-width: 430px) {
.about-column .et_pb_module.yellow-bg .et_pb_image_wrap {
    background-color: rgb(242,150,22) !important;
    background: linear-gradient(180deg, rgba(242,150,22,1) 0%, rgba(205,90,0,1) 100%) !important;
}

.about-column .et_pb_image:first-of-type img {
    width: 220% !important;
}

.about-text {
    margin-top: -634px;
}


#about-row {
    top: 14.85vw;
}
}


@media (max-width: 380px) {
.about-column .et_pb_image:first-of-type img {
    width: 300% !important;
}
    
.about-text {
    margin-top: -720px;
}
}


/* New - Roadmap ring */
.roadmap-ring {
	width: 196px;
	height: 85px;
	background: transparent url('/wp-content/uploads/2021/11/Exodia-token.png') 0% 0% no-repeat padding-box;
	margin: -82% 20% -34% -80%;
}


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


/* Tablet layout */

@media (max-width: 980px) {
.et_pb_row, .et_pb_section {
    padding: 0
}

.et_builder_inner_content {
    margin-bottom: -1741px;
}

h1 {
    font-size: 40px !important;
}

h2 {
    font-size: 40px !important;
}

h3 {
    font-size: 30px !important;
}

.features-title h2,
.roadmap-title h2,
.pokenomics-title h2 {
    padding: 3.0px 18px;
}

.features-title,
.roadmap-title h2 {
    max-width: 218px;
}

#how-to-buy.et_pb_section {
    padding-top: 0;
    padding-bottom: 0;
    top: -1741px;
}

#how-to-buy .how-to-col1 {
    display: block;
    height: 59.8vh;
    background-size: auto;
}

/***/
.intro-section .et_pb_column {
    width: 50%;
}

.intro-section #about-row .et_pb_column {
    width: 100%;
}

/****/
#steps .et_pb_column_1_5,
#steps .et_pb_column_1_5.middle-col {
    width: 50%;
}
    
.circle img {
    max-width: 20vw;
}

.features-row {
    margin-top: 120px !important;
}

.features-row1 {
    width:88% !important
}

.features-row1 .et_pb_column {
    width: 47%;
    padding: 0
}

.features-row1 .et_pb_column:first-of-type {
    margin-right:6%
}

/****/
#features-section.et_pb_section {
    top: -1250px;
    padding-top: 150px;
    padding-bottom: 200px;
}

/****/
#roadmap-section.et_pb_section {
    top: -1395px;
    background-size:220%
}

.phase-row .et_pb_column.et_pb_column_empty {
    display: block;
}

/****/
#pokenomics-section.et_pb_section {
    top: -1810px;
    padding-top: 300px;
    padding-bottom: 116px;
}

.pokenomics-row1 {
    margin-top: 98px !important;
    margin-bottom: 52px !important;
}

.pokenomics-row2 .et_pb_column {
    width:33.333%;
    padding: 0 1.7%
}
}


@media (max-width: 980px) and (min-width:768px) {
#steps .et_pb_column_1_5 {
    width: 25%;
}

#steps .et_pb_column_1_5:nth-of-type(2),
#steps .et_pb_column_1_5:nth-of-type(4) {
    margin-top:-8% !important
}

#steps.et_pb_section {
    top: -1039px;
}
}
    

/* Mobile layout */

@media (max-width: 767px) {
.et_builder_inner_content {
    margin-bottom: -1899px;
}

h1 {
    font-size: 36px !important;
}

h2 {
    font-size: 36px !important;
}

h3 {
    font-size: 25px !important;
}

.features-title, .roadmap-title {
    max-width: 200px;
}

.et_pb_section .et_pb_button {
    zoom:0.86
}

#how-to-buy .how-to-col1 {
    height: 61.1vh;
}

#features-section.et_pb_section {
    top: -1485px;
    padding-top: 406px;
}

.features-row {
    margin-top: 90px !important;
}

#steps .et_pb_row {
    top: 0;
}

#steps .et_pb_row:before {
    background-color: rgba(0,0,0,1) !important;
}

#steps .et_pb_column_1_5 {
    padding: 3% 3%;
}

.about-column .et_pb_image img {
    opacity:0.82 
}


#roadmap-section.et_pb_section {
    top: -1644px;
    background-size: 216%;
    background-position-y: 30% !important;
}

#pokenomics-section.et_pb_section {
    top: -1978px;
    padding-bottom: 80px;
}

#how-to-buy.et_pb_section {
    top: -1899px;
}
}

@media (max-width: 730px) {
.et_builder_inner_content {
    margin-bottom: -2028px;
}

#steps.et_pb_section {
    top: -1348px;
    top: -185vw;
    background-color: transparent !important;
}

#features-section.et_pb_section {
    top: -1572px;
    top: -216vw;
    padding-top: 316px;
}

#roadmap-section.et_pb_section {
    top: -237vw;
}

#pokenomics-section.et_pb_section {
    top: -2090px;
}

#how-to-buy.et_pb_section {
    top: -2028px;
}
}

@media (max-width: 690px) {
.et_builder_inner_content {
    margin-bottom: -1860px;
}
    
#how-to-buy .how-to-col1 {
    display: none;
}

#how-to-buy .et_pb_column {
    width:44% !important;
    margin:0 3% !important
}

#pokenomics-section.et_pb_section {
    top: -1914px;
}

#how-to-buy.et_pb_section {
    top: -1861px;
}
}

@media (max-width: 600px) {
.et_builder_inner_content {
    margin-bottom: -1795px;
}
    
#how-to-buy .et_pb_column {
    width:100% !important;
    margin:0!important;
    padding: 2% 5%
}

#steps.et_pb_section {
    top: -186vw;
}

#roadmap-section.et_pb_section {
    top: -241vw;
}

#pokenomics-section.et_pb_section {
    top: -315vw;
}

#how-to-buy.et_pb_section {
    top: -1795px;
}
}

@media (max-width: 570px) {
.et_builder_inner_content {
    margin-bottom: calc(-1128px - 80vw);
}
    
#steps.et_pb_section {
    top: -171vw;
}

#how-to-buy.et_pb_section {
    top: -1720px;
    top: -305vw;
}

.intro-section .intro-row .et_pb_column:first-child {
    width: 60% !important;
}

.intro-section .intro-row .et_pb_column:nth-child(2n) {
    width: 40% !important;
}

.intro-section .intro-row .et_pb_column:nth-child(2n) .et_pb_image {
    margin-bottom: 1.7vw!important;
    margin-left: 3.9vw!important;
    max-width: 80%;
    text-align: left;
    margin-left: 0;
}

.intro-section .intro-title {
    width:250%;
    margin-left: -144%;
    margin-top: 35vw;
}

.intro-section .et_pb_button.intro-button {
    width:250%;
    max-width: 160px;
    margin-left: -144%;
    margin-top: 2vw;
    text-align:center;
}
}

@media (max-width: 500px) {
.et_builder_inner_content {
    margin-bottom: calc(-1048px - 100vw);
}
    
#steps.et_pb_section {
    top: -152vw;
}

#pokenomics-section.et_pb_section {
    top: -331vw;
}

#how-to-buy.et_pb_section {
    top: -320vw;
}

.features-row {
    margin-top: 110px !important;
}
}

@media (max-width: 479px) {
.et_builder_inner_content {
    margin-bottom: calc(-1031px - 180vw);
}

.about-column img {
    display: none
}
    
.about-column .et_pb_image:first-of-type img {
    display: block
}

#steps.et_pb_section {
    top: calc(-842px + 34vw);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.88), rgba(0, 0, 0, 0.7)),  url(https://exodiainu.com/wp-content/uploads/2021/11/features.png);
    background-size: cover;
    background-position: 37% top;
    padding-top: 14vw;
    padding-bottom: 11vw;
}

.phase-row {
    margin: 0 auto;
    width: 100% !important;
    max-width: 327px !important;
    display: flex;
}

#roadmap-section .et_pb_row .et_pb_column_1_3:nth-of-type(2) {
    max-width: 75px;
    margin-right:30px !important
}

.phase-row .et_pb_column.et_pb_column {
    width: calc(100% - 105px)!important;
}

.phase-row .et_pb_column.et_pb_column_empty {
    display: none;
}

.phase-row1, .phase-row3 {
    flex-direction: row-reverse;
}

#pokenomics-section.et_pb_section {
    top: -2093px;
    padding-top: 795px;
    top: -456vw;
}

#how-to-buy.et_pb_section {
    top: -444vw;
}

#pokenomics-section .pokenomics-row2 .et_pb_column {
    max-width: 300px;
    margin: 0 auto 40px!important;
    float: none;
    padding: 0 1.7%;
}

.pokenomics-row2 h3 {
    margin-top:20px;
    margin-bottom:0px;
}

#pokenomics-section {
    padding-bottom: 30px !important
}

.features-row {
    margin-top: 150px !important;
}

#roadmap-section.et_pb_section {
    top: -249vw;
}

.features-row1 {
    margin-top: 0px !important;
}

.features-row1 .et_pb_module {
    margin-top:6.6vw
}

#features-section .et_pb_blurb h4 {
    margin-bottom: 0px;
}

.roadmap-lines .line.middle {
    margin-left: 25px;
    margin-right: 25px;
}
    
.intro-section.et_pb_section .et_parallax_bg,
.et_pb_section_first.et_pb_section .et_parallax_bg {
    background-size: 350%;
}
}


@media (max-width: 380px) {
.et_builder_inner_content {
    margin-bottom: calc(-810px - 200vw);
    margin-bottom: -1522px;
}

#steps.et_pb_section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-top: 70vw;
    padding-bottom: 0;
}

#steps .et_pb_row {
    display: flex
}
}

/************ FOOTER **************/

#main-footer .container {
    max-width: 96%;
    width: 96%;
    z-index: 4;
}

#footer-widgets {
    padding:54px 0
}

#footer-widgets .wp-block-image {
    margin: 0;
    max-width: 204px;
    line-height: 1;
}

#footer-widgets .title,
#footer-bottom,
#footer-widgets .footer-widget li:before {
    display: none
}

#footer-widgets .footer-widget li {
    padding-left: 0;
    list-style-type: none !important;
    display: inline-block;
    margin:0 12px
}

#footer-widgets .footer-widget li a {
    text-transform: uppercase;
    font-size: 16.3px;
}

.footer-widget:last-child .widget_nav_menu {
    float: right;
    padding-top: 14px;
}

#footer-widgets .footer-widget li.cta ,
#footer-widgets .footer-widget li.cta a {
    padding: 16.3px 17px !important;
    font-weight: 500;
}

@media (max-width: 1060px) {
#footer-widgets .footer-widget {
    zoom: 0.9
}
}

@media (max-width: 980px) {
.et_pb_gutters1 .footer-widget:nth-child(n) {
    width: 17% !important;
}

#footer-widgets .footer-widget:nth-child(2n) {
    width: 83% !important;
}

#footer-widgets .footer-widget {
    zoom: 0.8
}
}

@media (max-width: 767px) {
.et_pb_gutters1 .footer-widget:nth-child(n),
#footer-widgets .footer-widget:nth-child(2n) {
    width: 100% !important;
}

#footer-widgets {
    padding: 28px 0;
}

#footer-widgets .widget_media_image{ 
    float: none
}

#footer-widgets .wp-block-image {
    margin:auto;
    max-width:170px
}


#footer-widgets .footer-widget {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align:center;
    float: none;
}

.footer-widget:last-child .widget_nav_menu {
    float: none;
}
}

@media (max-width: 604px) {
#footer-widgets .footer-widget li.cta,
#footer-widgets .footer-widget li.cta a {
    padding: 13px 17px !important;
    margin-top:18px
}

#footer-widgets .footer-widget li {
    margin: 0 5px;
}

#footer-widgets .footer-widget li a {
    font-size: 14px;
}

#footer-widgets .footer-widget li.cta a {
    font-size: 16px;
}
}

@media (max-width: 360px) {
#footer-widgets .footer-widget li {
    display: none 
}

#footer-widgets .footer-widget li.cta {
    display: inline-block;
}
}

/** Body Overlay - preloader **/
body #load {
    display: block;
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9901;
    opacity: 1;
    background-color: #000000;
    visibility: visible;
    -webkit-transition: all .25s ease-out;
    transition: all .25s ease-out;
}
body #load.loader-removed {
    opacity: 0;
    visibility: hidden;
}


/* To the header:
<div id="load" class="spinner-loader"><div class="load-wrap"></div></div>
<script type="text/javascript" src="/wp-content/themes/childtheme/assets/loader.js"></script>
*/