/*
Theme Name: EcoGamble
Version: 102.299.0
Description: A child theme of EcoCoded
Author: Kasandra Aydan
Template: ecocoded
*/

@import url("../ecocoded/style.css");
body {
   overflow-x: hidden;
}

.fbox {
   background: #fff0;
   padding: 10px 4% 0 4%;
   margin-bottom: 10px;
}

article .entry-content {
   font-size: 17px;
}

.custom-logo {
   max-width: 200px;
}

.bottom-header-paragraph {
   font-size: 25px;
}

.header-content-wrap {
   padding: 100px 20px 150px;
}

.content-wrap {
   width: 1280px;
   max-width: 95%;
   margin: 0 auto;
}

article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
   color: #000;
   line-height: 140%;
   font-weight: 800;
   margin-bottom: 15px;
   font-family: 'Lato', lato, 'helvetica neue', helvetica, arial;
}

h1.entry-title,
h2.entry-title,
h2.entry-title a:hover,
h2.entry-title a:active {
   font-weight: 600;
   text-align: center;
}

.home h2,
.page-template-full-width h2 {
   margin: 60px 0 5px 0;
}

#pull{
	font-size:25px;
	font-weight:800;
}

.featured-content {
   width: 100%;
   float: none;
   margin: 0 auto;
}

.archive article .entry-content {
  text-align: center;
}

 .archive .content-wrapper h2.entry-title {
   text-align:center;
  }

.page-links{
	display:block;
	width:100%;
	margin: 0 aut0;
}
.page-links h2{
	width:100%;
	text-align:center;
}

.page-links .left{
	display:inline-block;
	width:48%;
	padding:10px;
	text-align:center;
}

.page-links .right{
	display:inline-block;
	width:48%;
	padding:10px;
	text-align:center;

}


/* Button Styling */

.header-button-solid {
   padding: 10px 30px;
   margin: 1em;
   border-radius: 5px;
   text-decoration: none;
   transition: 0.5s ease-in-out;
}

a {
   color: #00d084;
}

.header-button-solid {
   color: #000;
   font-size: 20px;
}

.header-button-solid {
   background-color: #fff;
}

.header-button-solid:hover {
   box-shadow: 0px 0px 0px 2.5px #fff, 0px 0px 0px 5px #000, 0px 0px 0px 10px white, 0px 0px 0px 10.5px #f1c40f;
   background: white;
   color: #000;
}


/* Button-2 Styling */

.content-button-solid {
   padding: 15px 15px;
   text-decoration: none;
   transition: 0.5s ease-in-out;
   color: #000;
   font-size: 17px;
   border-radius: 5px;
   text-decoration: none;
}

.content-button-solid {
   background-color: #fff;
   border: 1px solid #285044;
}

.content-button-solid:hover {
   background: linear-gradient(to bottom right, #2385ED1A, #16D56026);
   color: #000;
   transition: 0.5s ease-in-out;
}

.p-a {
   display: block;
   margin: 70px auto 70px auto;
}

.footer-column-wrapper {
   display: flex;
   align-items: flex-start;
}

.footer-column-three h3::after {
   display: block;
   height: 5px;
   width: 40px;
   content: ' ';
   background: linear-gradient(180deg, #54ff5f, #0e9d2b);
   margin-top: 7px;
}

#secondary .widget h2 {
   margin-top: 25px;
}

article.blogposts-list {
   padding: 0;
   margin-bottom: 15px;
   background: #fff;
}

.site-footer h3,
.site-footer h2 {
   text-transform: uppercase;
   color: #fff;
   padding: 0;
   font-weight: 600;
   margin: 0;
}

.menu-main-container {
   width: 100%;
}


/* Form Styling */

.site-footer form h3 {
   text-transform: uppercase;
   color: #fff;
}

.site-footer form p {
   margin: 30px 0 15px 0;
   padding: 0;
   color: #cacaca;
   font-style: italic;
   font-size: 14px;
}

.site-footer .info {
   display: inline-block;
   margin-right: 5px;
}

.info input {
   display: block;
   width: 100%;
   height: 20px;
   border: 0;
   border-radius: 3px;
   margin: 0 0 10px 0;
   padding: 22px 10px;
   background: #fff;
}

.info input::placeholder {
   font-size: 14px;
   padding: 5px;
}

.site-footer .info input:last-child {
   margin: 0;
}

.site-footer .info input:focus {
   background: #eee;
   outline: none;
}

.site-footer form input[type="submit"] {
   vertical-align: top;
   margin: 10px 0;
   padding: 10 px 15px;
   display: block;
   border: 0;
   border-radius: 3px;
   cursor: pointer;
   font-weight: 700;
   letter-spacing: 1px;
   color: #fff;
   background: linear-gradient(to bottom right, #2385ED1A, #16D56026);
}

.site-footer form input[type="submit"]:hover {
   background: linear-gradient(180deg, #54ff5f, #0e9d2b);
}

#menu-footer-menu {
   margin: 0;
}

.wp-block-query ul{
	margin-left: 0;
}

.btn-grad {
   background-image: linear-gradient(to right, #73C8A9 0%, #373B44 51%, #73C8A9 100%)
}

.btn-grad {
   margin: 10px;
   padding: 15px 45px;
   text-align: center;
   text-transform: uppercase;
   transition: 0.5s;
   background-size: 200% auto;
   color: white;
   box-shadow: 0 0 20px #eee;
   border-radius: 10px;
   display: block;
   margin: 70px auto 100px auto;
   text-decoration: none;
}

.btn-grad:hover {
   background-position: right center;
   /* change the direction of the change here */
   color: #fff;
   text-decoration: none;
}

.blue-group {
   width: 100vw;
   position: relative;
   left: calc(-50vw + 50%);
   background: #f3f6f9;
   padding-bottom: 40px;
   overflow-x: hidden;
}

.content-wrapper p {
   font-size: 17px;
}

.content-wrapper .content-button-solid {
   font-size: 17px;
}

.blue-group>.wp-block-group__inner-container {
   max-width: 1180px;
   margin: 0 auto;
}

.wp-block-group .wp-block-post-title>a {
   color: #285044;
   text-decoration: none;
}

.wp-block-group .wp-block-post-title {
   text-align: left;
}

.archive .featured-thumbnail{
   justify-content:flex-start;
}

.archive .featured-thumbnail img {
  max-width: 600px; 
}

.single-post .featured-thumbnail{
   text-align:center;
}

.single-post .featured-thumbnail img {
  max-width: 600px;
  margin: 0 auto;
}

.wp-block-post-excerpt__more-link {
   border: 1px solid #285044;
   padding: 15px 15px;
   font-size: 17px;
   border-radius: 5px;
   text-decoration: none;
   color:#000;
}

.wp-block-post-excerpt__more-link:hover {
   background: linear-gradient(to bottom right, #2385ED1A, #16D56026);
   color: #000;
   transition: 0.5s ease-in-out;
}

.sheader {
   margin: 0 0 10px;
}

.element14 {
   margin-bottom: 0em;
}

.element4 .wp-block-columns {
   margin-bottom: 0em;
}

.elem22 .wp-block-column {
   border-bottom: 10px splid green;
}

.element4 .wp-block-columns {
   margin-bottom: 0!important;
}

.customer,
.library,
.security,
.bonuses {
   /* 	padding: 30px 0; */
}

.elem2 {
   margin: 35px 0;
}

.green-elem {
   background: linear-gradient(to bottom right, #2385ED1A, #16D56026);
   display: flex;
   position: relative;
   text-align: center;
   margin: 20px 0;
   padding: 1% 3%;
   justify-content: center;
}

.green-elem-2 {
   background: linear-gradient(to bottom right, #2385ED1A, #16D56026);
   border-style: solid;
   border-width: 0px 0px 0px 0px;
   border-color: #285044;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10196078431372549);
   transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
   margin: 0 0 20px 0;
   padding: 25px 25px 25px 25px;
}

.green-elem-2 h3,
.deep-green-elem-2 h3,
.border h3 {
   margin: 0 0 10px 0 !important;
}


.empty {
   padding: 25px;
}
.archive .featured-thumbnail-small{
   text-align:center;
}

.archive .entry-header{
   text-align:center;
}


.pros-cons {
   border-width: 0;
   border-color: #285044;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10196078431372549);
   transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
   padding: 25px;
   background: #fff;
   margin-bottom: 20px;
}

.pros-cons h3 {
   margin: 0 0 10px 0!important;
}

.elem-no-margin-bottom {
   margin-bottom: 30px;
}

.pros {
   color: #00d084!important;
}

.cons {
   color: #d01400!important;
}

.wp-block-column h3 {
   margin: 25px 0 15px 0;
}

.fbox .rank-math-question {
   margin-top: 30px;
}

.page-template-full-width .blue-group {
   width: 100vw;
   position: relative;
   left: calc(-50vw + 50%);
   background: #f3f6f9;
   padding: 0px 30px 0 30px;
   overflow-x: hidden;
   margin: 40px auto 40px auto;
}

.wp-block-query .wp-block-group {
   padding-top: 10px!important;
   padding-right: 10px!important;
   padding-bottom: 10px!important;
   padding-left: 10px!important;
}

.featured-thumbnail-small {
  width: 100%!important;
  text-align: left;
  padding-left: 25px!important;
}

.home .blue-group {
   padding: 0px 20px 60px 20px;
}

.blue-elem-2 {
   background: #2289e6;
   border-style: solid;
   border-width: 0px 0px 0px 0px;
   border-color: #285044;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10196078431372549);
   transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
   padding: 25px 25px 25px 25px;
}

.deep-green-elem-2 {
   background-color: #285044;
   border-style: solid;
   border-width: 0px 0px 0px 0px;
   border-color: #285044;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10196078431372549);
   transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
   padding: 25px 25px 25px 25px;
   color: #fff;
}

.deep-green-elem-2 h3 {
   color: #fff;
}

.deep-green-elem-2:hover {
   background: linear-gradient(to bottom right, #2385ED1A, #16D56026);
   color: #000;
   transition: 0.5s ease-in-out;
}

.deep-green-elem-2:hover>h3 {
   color: #000;
   transition: 0.5s ease-in-out;
}

.border:hover>h3 {
   color: #fff;
   transition: 0.5s ease-in-out;
}

.border:hover {
   background-color: #285044;
   color: #fff;
   transition: 0.5s ease-in-out;
}

.green-number {
   display: block;
   margin-bottom: -70px;
   padding-left: 10px;
}

.border-left {
   border-left: 7px solid #00d084;
}

.m-top {
   margin-top: 50px;
}

.single-post article ol,
article ul {
   padding-left: 0;
   margin-left: 15;
}

ul.checked-list {
   margin-left: 5px;
}

.check-cons {
   margin-left: 5px;
}

ul.check-cons>li {
   background: url(/wp-content/uploads/2022/01/check-cons.png) no-repeat 0;
   background-size: 20px 20px;
   list-style: none;
   padding: 3px 0 3px 36px;
   margin: 0;
   color: #152536;
   font-size: 17px;
   font-weight: 400;
}

ul.checked-list>li {
   background: url(/wp-content/uploads/2022/01/check.png) no-repeat 0;
   background-size: 20px 20px;
   list-style: none;
   padding: 3px 0 3px 36px;
   margin: 0;
   color: #152536;
   font-size: 17px;
   font-weight: 400;
}

.how-element {
   border-width: 0;
   border-color: #285044;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10196078431372549);
   transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
   padding: 25px 25px 25px 70px;
   background: #fff;
   margin-bottom: 50px;
}

.wp-block-columns {
   align-items: stretch!important;
}

.green-elem:hover {
   background: linear-gradient(to bottom right, #2385ED1A, #16D56026);
}

.green {
   background: linear-gradient(to bottom right, #2385ED1A, #16D56026);
   padding: 25px 25px 25px 25px;
}

.wp-block-separator {
   width: 50px;
   height: 3px;
   margin: 0px auto 50px auto;
}

.border {
   border-style: solid;
   border-width: 0px 0px 0px 0px;
   border-color: #285044;
   box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10196078431372549);
   transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
   margin: 0;
   padding: 25px 25px 25px 25px;
   background: #fff;
   background-repeat: no-repeat;
   background-position: right top;
}

.green-elem img {
   height: 100px;
   width: auto;
}

.green-elem .wp-block-image {
   margin: 0;
}

.green-elem p {
   align-self: center;
   color: #525d7d;
   font-size: 22px;
   line-height: 130% !important;
   font-weight: 700;
   letter-spacing: 0;
   z-index: 1;
}

.main-navigation ul li a {
   padding: 5px 10px;
}

.top-nav-wrapper {
   display: flex;
   justify-content: space-between;
   align-items: stretch;
   padding: 0 8%;
}

.toggle-mobile-menu::before {
   top: 15px!important;
}

.center-main-menu {
   float: right;
   width: 100%;
   max-width: 100%;
   display: flex;
   align-self: center;
   justify-content: right;
}

.primary-menu .pmenu {
   text-align: right;
}

.elems123 {
   padding: 10px;
   background: linear-gradient(to bottom right, #2385ED1A, #16D56026);
   color: #fff;
}

.elems123 .wp-block-separator {
   height: 2px;
   width: 60px;
   float: left;
}

.elem-ul {
   list-style-type: none;
}

.elems-bg h2 {
   margin-top: 0;
   font-size: 55px;
}

.home .elemsh2 {
   color: #fff;
   font-size: 55px;
   line-height: 120%;
   margin-top: 0;
}

.article ul {
   padding-left: 0;
   margin-left: 0;
}

#secondary {
   margin: 0px;
   padding: 5px;
}

#secondary .fbox {
   margin: 0;
   padding: 0;
}

.footer-column-three {
   float: none !important;
   margin: 10px 5px;
   padding: 0px;
}

.footer-column-three .widget ul li {
   max-width: 60%;
}

.wp-block-search .wp-block-search__inside-wrapper {
   max-width: 95%;
}

.widget_block {
   overflow-x: hidden;
}

.footer-column-three .widget {
   margin-bottom: 0px;
}

.casino-elem {
   margin: 30px 0 20px 0;
}

.casino-elem .wp-block-image {
   margin: 0;
}

.logo-casino {
   background: linear-gradient(to bottom right, #2385ED1A, #16D56026);
}

.site-footer {
   margin-top: 40px;
}

@media screen and (max-width:1350px) {
   /*  .main-navigation, .smenu-hide {
  display: none; */
}

#smobile-menu.show .toggle-mobile-menu::before {
   display: none;
}


}
@media screen and (max-width:1023px) {
   #smobile-menu {
      background-color: #fff;
      position: fixed;
      width: 70%;
      top: 0;
      bottom: 0;
      right: -70.1%;
      z-index: 5999998;
      overflow-x: hidden;
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
   }
   
   #smobile-menu.show {
      left: 0;
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0)
   }
}
@media screen and (max-width: 700px) {
   #secondary .widget {
      padding: 15px 0;
   }
   
   .footer-column-wrapper {
      display: flex;
      align-items: flex-start;
      flex-wrap: wrap;
   }
   
   .footer-column-three {
      padding-left: 15px;
      padding-right: 15px;
      margin: 5px;
   }
   
   .footer-column-three h3 {
      margin-top: 35px;
   }
   
   .site-footer form p {
      margin: 15px 0 15px 0;
   }
   
   .site-footer {
      padding-top: 25px;
   }
   
   #secondary .content-wrapper {
      padding: 15px;
   }
   
   h1.entry-title,
   h2.entry-title,
   h2.entry-title a:hover,
   h2.entry-title a:active {
      font-size: 22px;
   }
   
   .archive .page-header h1 {
      font-size: 26px;
   }
   
   article .entry-content {
      margin-top: 0;
      font-size: 17px;
   }
   
   span.bottom-header-title {
      font-size: 28px;
   }
   
   .site-branding .site-title {
      font-size: 30px;
   }
   
   .site-branding .site-description {
      font-size: 17px;
   }
   
   .site-branding {
      padding: 30px 0;
   }
   
   .page-numbers li {
      display: inline;
   }
   
   .page-numbers li a,
   span.page-numbers.dots {
      display: none;
   }
   
   .page-numbers li a.prev {
      display: inline-block;
   }
   
   .page-numbers li a.next {
      display: inline-block;
   }
   
   .bottom-header-title {
      font-size: 28px;
   }
   
   .bottom-header-paragraph {
      font-size: 17px;
   }
}
@media screen and (max-width: 890px) {
   .header-content-wrap {
      padding: 50px 20px 50px;
   }
   
   .bottom-header-paragraph {
      font-size: 19px;
   }
}

@media screen and (max-width: 790px) {
  .featured-thumbnail-small {
    padding-left: 0 !important;
  }
}

@media screen and (max-width: 599px) {
   .header-content-wrap {
      padding: 20px 20px 20px;
   }
   
   .border {
      margin: 15px 0 15px 0;
   }
   
   .wp-block-post-excerpt__more-link {
      padding: 10px 10px;
      font-size: 17px;
   }
   
   .content-button-solid {
      padding: 10px 10px;
      font-size: 17px;
   }
   
   .content-button-solid {
      padding: 10px;
   }
   
   .footer-column-three .widget ul li {
      max-width: 100%;
   }
   
   .wp-block-columns {
      margin-bottom: 0!important;
   }
   
   .content-button-solid {
      padding: 10px;
   }
   
   .wp-block-separator {
      margin: 0px auto 10px auto;
   }
   
   .green-elem img {
      max-width: 120px;
      width: auto;
   }
   
   .green-elem {
      margin: 10px 0;
   }
   
   .bottom-header-paragraph {
      font-size: 17px;
   }
   
   .p-a {
      display: block;
      margin: 20px auto 50px auto;
   }
   
   .green-elem-2 {
      margin: 0 0 15px 0;
   }
   
   .btn-grad {
      margin: 50px auto 50px auto;
   }
   
   .home h2,
   .page-template-full-width h2 {
      margin: 30px 0 30px 0;
   }
   
   .green-elem p {
      font-size: 16px;
   }
   
   .header-button-solid {
      padding: 5px 15px;
      font-size: 16px;
   }
   
   .home .wp-block-cover {
      min-height: 250px;
   }
   
   .elem-no-margin-bottom {
      margin-bottom: 0px;
   }
   
   .home .fbox {
      padding: 0;
   }
   
   .deep-green-elem-2 {
      margin: 15px 0 15px 0;
   }
}
@media screen and (max-width: 499px) {
   .blue-group {
      width: 100vw;
      position: relative;
      left: calc(-50vw + 50%);
      background: #f3f6f900;
      padding-bottom: 40px!important;
      overflow-x: hidden;
   }
   
   .home .blue-group {
      padding: 0px 10px 60px 10px;
   }
   
   .single h1.entry-title,
   .page h1.entry-title {
      font-size: 26px;
      margin-bottom: 20px;
   }
   
   .archive .page-header h1,
   .search-results h1.page-title {
      font-size: 28px;
      margin: 0;
   }
   
   .blogposts-list .entry-content a {
      margin: 10px 0 0 0;
   }
   
   .content-wrapper h2.entry-title {
      font-size: 24px;
      line-height: 110%;
      margin: 0 0 10px 0;
   }
   .single h1.entry-title, .page h1.entry-title {
      font-size: 40px;    
}
}