/*
Theme Name: Casino Glory
Theme URI: https://casino-glory.in/
Author: WebDev 
Author URI: https://casino-glory.in/
Description: The theme is designed to take full advantage of the custom pages creation.
Version: 1.1
*/



* { margin:0; padding:0; box-sizing:border-box; font-family: Tahoma, Geneva, sans-serif;}
body { overflow-x:hidden; position: relative; background: var(--main);}
a {text-decoration:none; transition: 0.3s; }
input, button {border:none; box-shadow:none; transition:0.3s;}
p, span, li { font-size:18px; line-height:30px;}
h1, h2, h3, h4, h5, h6 {text-align:center; padding: 20px 0; color: var(--text);}
p, span, li, h1, h2, h3, a, b, i, label, input, button, td, tr, figcaption { color: var(--text);}
p {padding-bottom:20px;}
li {list-style:none;}
button { cursor:pointer; background:transparent;}
img {max-width:100%; display:block;}
i {font-style:normal;}

.wrapper {width:95%; max-width:1200px; margin:0 auto;}


:root{
--main: #f3f3f6;	
--gradient: linear-gradient(103.42deg,#E0006A 6.06%,#3959d9 77.61%);
--text: #454545;

--color-primary: #E0006A;
--color-secondary: #3959d9;

--border_button: 30px;
--shadow-primary: 0 0 50px 5px rgba(0, 0, 0, 0.1);
--border: 15px;
}





/*  Header  */

header {padding:8px 0; position:fixed; top:0; left:0; width:100%; background: var(--main); z-index:9;
box-shadow: var(--shadow-primary); }
.header_top {width:100%; justify-content: space-between; align-items:center; display:flex; }
.header .logo img {width:100px; height:60px;}

.header .buttons button {border-radius: var(--border_button); padding:10px 10px;  text-transform:uppercase;
font-size:16px; position:relative;transition: background 1s ease-out;}
.header .loginButton {margin-right:15px; background:#fff;}
.header .regButton {background:var(--gradient);color:#fff; }
.header .buttons button:before {content:'';position: absolute;top: 0;left: 0;width: 100%;
height: 0;background: rgba(255,255,255,0.3); border-radius:var(--border_button); transition: all 0.5s ease;}
.header .buttons button:hover:before {height: 42px;}

.header.pam_content .buttons {display:none;}

.menuDesktop {display:flex; justify-content:center;}
.menuDesktop li {display:inline-block;margin:0 10px;} 
.menuDesktop a {font-size:17px; line-height:20px;}
.menuDesktop a:hover {color: var(--color-primary);}
.menuDesktop a[aria-current] {color: var(--color-secondary); position:relative; padding-bottom: 6px;}
.menuDesktop a[aria-current]:before {content:'';position: absolute;bottom: 0;left: 0;width: 100%; height:2px; 
background:var(--gradient); border-radius:10px;}


.wpml-ls-legacy-list-vertical > ul {position: absolute !important; border-radius: var(--border); display: flex;
flex-wrap: wrap; width: 140px; top: 18px;}
.wpml-ls-legacy-list-vertical > ul li { height: var(--li-height); width: 100%; }
.wpml-ls-legacy-list-vertical > ul li a { padding: 5px 10px; }
.wpml-ls-legacy-list-vertical { margin-left: 16px; min-width: 140px; border: none!important;}
.wpml-ls-legacy-list-vertical .wpml-ls-item { display: flex; background: #F6F6F6;  justify-content: center; position: relative;
transition: .3s; justify-content: flex-start;  }
.wpml-ls-legacy-list-vertical .wpml-ls-current-language { background: #F6F6F6; border-radius: var(--border); order: 1; 
margin-bottom: 12px!important; }
.wpml-ls-legacy-list-vertical .wpml-ls-item:not(.wpml-ls-current-language){ display: none; order: 2; }
/* .wpml-ls-legacy-list-vertical .wpml-ls-current-language + li { border-radius:20px 20px 0 0; } */
.wpml-ls-legacy-list-vertical .wpml-ls-item.shown { display:block!important; z-index: 2; }
/* .wpml-ls-legacy-list-vertical .wpml-ls-item:last-child { border-radius:0 0 20px 20px; } */



/*  Header  submenu */

.menuDesktop .menu-item-has-children {position:relative;}
.menuDesktop .sub-menu-wrap { display:none;  position: absolute; left:0; top:20px; padding-top: 20px;  }
.menuDesktop .sub-menu {background:var(--main); 
box-shadow: 0 0 50px 5px rgba(0, 0, 0, 0.1); width:200px; padding: 10px;}
.menuDesktop .sub-menu li {display:inline-block; }
.menuDesktop .menu-item-has-children:hover > .sub-menu-wrap {display: block;}


/* Burger */

.headerDesktop .burger {display: none;}
.burger img {width:28px; height:28px;}
.menu_mobile,amp-sidebar {background: var(--main);box-shadow: var(--shadow-primary);
width: 100%; padding: 0 30px; max-width: 350px; min-height: 100vh;
position: fixed; top: 0; right: -100%; display: block; transition: right 0.8s; z-index: 11;}
.menu_mobile.show  {right: 0; transition: right 0.8s;  }
header .overlay {display: none;width: 100%; height: 100vh;background: rgba(0,0,0,0.5);
position: absolute;top: 0;left: 0;z-index: 9;}
header .overlay.active {display: block;}
.menu_mobile .close {display: flex;justify-content: center;padding: 20px 0;}
.menu_mobile .close img {width: 28px; height:28px;}
.menu_mobile ul {display: flex;align-items: flex-start;flex-direction: column;}
.menu_mobile .sub-menu {padding-left:20px;}



/* AMP */

.header.pam_content {display:flex; justify-content:space-between; align-items: center;}
amp-script {opacity:1;}
.amp-sidebar-mask {background: rgba(0,0,0,0.5)!important; z-index:10!important;}
amp-sidebar { min-width: 320px; opacity: 1!important;  }
amp-sidebar .closeButton { padding: 20px 0 19px 0;text-align: center;margin: 0 auto;display: block;}
amp-sidebar .closeButton img {width:28px; height:28px;}
amp-sidebar ul { max-height: 80vh; overflow-y: auto;}
amp-sidebar .sub-menu {padding-left:20px;}

#amp-mobile-version-switcher {display:none;}


/* CONTENT */

.content_page {padding:120px 20px 40px 20px; border-right: 1px solid #E7E8E9; border-left: 1px solid #E7E8E9;}

h1 {font-size: 36px; line-height: 40px;}
h2 {font-size: 32px; line-height: 40px;}
h3 {font-size: 26px; line-height: 36px;}
h4 {font-size: 20px; line-height: 28px;}
h5, h6 {font-size: 18px; line-height: 28px;}

.content_page a {color:#D60062; text-decoration:none;}
.content_page a:hover {text-decoration:underline;}

.page404 {min-height:100vh;}
.page404 img {margin:0 auto; border-radius: var(--border); width:300px; height:169px;}


/* Lists   */
.content_page ul {margin-left: 15px; margin-bottom: 20px; display:flex; justify-content:space-between;flex-wrap:wrap;list-style:none;  }
.content_page ul li {width:48%; position: relative; padding-bottom:10px; padding-left:35px;}
.content_page ul li:before {position: absolute; width: 20px; height:20px;
background: url(/wp-content/uploads/2023/03/icons8-fairytale-20.png)no-repeat; background-size:cover;
content: ""; left: 0; top:5px;}

.content_page ol {margin-left: 30px; margin-bottom: 20px;}
.content_page ol li {list-style: decimal; position: relative; padding-left:10px; margin-bottom: 10px;}
.content_page ol li::marker {font-size:17px; color:#fff; }
.content_page ol li:before {content:''; width:26px; height:26px; background:var(--gradient); border-radius:50%; position:absolute; top:2px;
left:-26px; z-index:-1;}




/* BREADCRUMBS   */

.rank-math-breadcrumb {margin-bottom:15px;}
.rank-math-breadcrumb p {padding-bottom:0; line-height: 24px;}
.rank-math-breadcrumb a, .rank-math-breadcrumb span {font-size:15px;}



/* IMG content */

.wp-block-image { margin: 0 auto; margin-bottom:20px;width: 100%; max-width: 800px;}
.wp-block-image figure {margin: 0 auto; display: flex; justify-content: center;
flex-direction: column;}
.wp-block-image img {height:auto; margin: 0 auto; margin-bottom: 15px; border-radius: var(--border);}
.wp-block-image figcaption {text-align: center; color: #595959; font-size: 14px;}


.wp-block-columns { display:flex; flex-wrap:wrap; }
.wp-block-column {width:50%;}
.wp-block-columns img {max-height: 500px !important; width: auto;
max-width: 100% !important; margin:0 auto; margin-bottom: 15px; border-radius: var(--border);}

.wp-block-media-text {display:flex; justify-content:space-between; align-items: center;
margin:15px 0; flex-wrap: wrap;}
.wp-block-media-text .wp-block-media-text__content, .wp-block-media-text__media {width:48%;}
.wp-block-media-text img {max-height: 500px !important; width: auto; }



/* Table content */

.wp-block-table {max-width: 100%;overflow-x:auto;}
.wp-block-table table {width:100%;  border-collapse: collapse; margin-bottom:20px;}
.wp-block-table table td { text-align:center; border: 1px solid rgba(0,0,0,.1); padding:10px;}
.wp-block-table table tr:nth-child(2n) {background:#eee;}



/* BLOCKQUOTE */

blockquote {background:#eee; border-radius:var(--border); padding:20px 20px 0 40px;
margin-bottom:20px; box-shadow:var(--shadow-primary); position:relative;}
blockquote:before {content:''; position:absolute; top:0; left:0; height:100%; width:10px; border-radius:var(--border);
background:var(--gradient); }



/* FAQ */

.content_page .rank-math-answer {display: none;}
.content_page.pam_content .rank-math-answer {display: block;}

.rank-math-answer.active { display: block;}
.rank-math-list-item {background: #eee url('/wp-content/themes/casino-glory/img/down.png') no-repeat;
background-size: 20px; background-position: 96% 19px;  cursor: pointer; border-radius:var(--border);
position: relative; padding: 20px 50px 20px 40px; margin-bottom: 20px; box-shadow:var(--shadow-primary);}
.rank-math-list-item:before {content:''; position:absolute; top:0; left:0; height:100%; width:10px; border-radius: var(--border);
background:var(--gradient);}
.rank-math-list-item.minus {background: #eee url('/wp-content/themes/casino-glory/img/up.png') no-repeat;
background-size: 20px;background-position: 96% 19px;}
.rank-math-question {text-align:left;  padding-bottom:0;}
.rank-math-question span, .rank-math-question { font-size:20px!important;line-height:30px!important; 
padding-bottom:0; padding-top:0; }
.rank-math-answer p { padding-top:5px; padding-bottom:0px;}

#rank-math-faq { position: relative; z-index: 4; }




/* Footer */

footer {background: var(--main); padding:30px 0; box-shadow: var(--shadow-primary);}
.footerInner .copy {text-align:center; padding-bottom:15px;}
.footerInner .copy span { font-size:15px;}
.footerInner .copy a {color:var(--color-secondary);}
.footerInner .copy a:hover {color:var(--color-primary);}

.footerLinks {border-top:1px solid #ddd; padding:10px 0 20px 0; }
.footerLinks ul {display:flex; justify-content:center; flex-wrap:wrap;}
.footerLinks ul li {font-size:16px; line-height:25px; margin:0 8px;}
.footerLinks ul li a:hover {color:var(--color-primary);}


/* Scroll to top */

.scrollToTop {opacity:0; background: var(--gradient); width:30px; height:30px; transition:0.4s;
border-radius: 50%;position:fixed; bottom:70px; right:30px; box-shadow: var(--shadow-primary);
display:flex; justify-content:center; align-items:center; cursor: pointer; z-index: 9;}
.scrollToTop img {width:15px; height:15px;}
.scrollToTop.pam_content {opacity:1;}


/* Fixed buttons */
.fixed_buttons {display: none; position: fixed; width: 100%; padding: 12px 0; justify-content: center; background: var(--main);
box-shadow:var(--shadow-primary); bottom: 0; left: 0; z-index:8;}
.fixed_buttonsInner {display:flex; justify-content:center; align-items:center;}
.fixed_buttons button {border-radius: var(--border_button); padding:10px 10px;  text-transform:uppercase;
font-size:16px;  width:48%; max-width:200px; margin:0 10px;}
.fixed_buttons .loginButton {background:#fff;}
.fixed_buttons .regButton {background:var(--gradient);color:#fff; }


@media screen and (max-width: 1250px) {
	
.wpml-ls-legacy-list-vertical > ul {position: unset !important;}

.headerDesktop .burger {display: flex;align-items: center;	}
.menuDesktop {display: none!important;}
.header .buttons {display:none;}
.header .logo img {width: 70px; height: 42px;}


.content_page {padding: 70px 20px 10px 20px;}

.fixed_buttons {display:block;}
.footerLinks {padding:10px 0 40px 0; }


.wp-block-column {width:100%;}
.wp-block-columns img {max-height: 300px !important;}
.wp-block-columns {flex-wrap:wrap!important;}



h1 {font-size: 26px; line-height: 30px;}
h2 {font-size: 22px; line-height: 32px;}
h3 {font-size: 20px; line-height: 30px;}
h4 {font-size: 18px; line-height: 28px;}
h5, h6 {font-size: 16px; line-height: 26px;}

h1, h2, h3, h4, h5, h6 {padding: 10px 0;}

.content_page ul li {width:100%;}

.rank-math-question span, .rank-math-question {font-size: 18px !important;line-height: 28px !important;}
.rank-math-list-item {padding: 20px 50px 20px 28px;}

blockquote {padding: 20px 20px 0 28px;}


p, span, li {font-size: 17px; line-height: 28px;}
.content_page ul {margin-left:0;}

.wp-block-media-text__media { width: 100%; display: flex; justify-content: center; }
.wp-block-media-text__media img { max-width: 100%; height: auto; margin-bottom: 15px; }

.wp-block-media-text .wp-block-media-text__content, .wp-block-media-text__media {width:100%;}
.wp-block-media-text__media img {margin:0 auto;}


}





/*  Banner  */
.mainBanner {height: 350px; box-shadow: var(--shadow-primary); border-radius: var(--border); position:relative; margin-bottom: 50px;}
.mainBannerInner {display:flex; justify-content:space-between; align-items: center;}
.mainBannerImg {width:48%; position:relative;}
.mainBannerImg img {width:437px; height:300px;}
.mainBannerText {width:68%;}
.mainBannerText p, .mainBannerText span {color: #fff;}

.mainBanner button {font-size: 18px; padding: 10px 25px; text-transform: uppercase;
color:#fff; cursor:pointer; font-weight: 800; animation: rainbow 2s linear 0s infinite; border-radius: 30px;}
.mainBanner .textFirst {font-size:40px; font-weight: 600; text-transform:uppercase;}
.mainBanner .textSecond { font-size:42px; font-weight:bold; display: inline-block;
line-height: 40px; text-shadow: 3px 8px 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;
color: #fff6a9;}
.mainBanner .textThird {font-size:24px; font-weight: 800; padding-top:10px;}


.bannerBottom {position:absolute; bottom:-40px; left:0; width:100%; display:flex; justify-content:center;}
.bannerBottomInner { width:800px; border-radius: var(--border); padding:10px 20px; 
box-shadow: 0 0 40px 5px #fff; }
.bannerBottom .bannerList {display:flex; justify-content:space-between;}
.bannerBottom .number {font-size:18px; font-weight:bold; color:#fff; }
.bannerBottom .text {font-size:15px; text-transform:uppercase; font-weight:bold; color:var(--color-primary);
display:block;}
.bannerBottom  .bannerItem  {display:flex; align-items:center; width:200px;}
.bannerBottom  .bannerItem img {width:40px; height:40px; margin-right:10px;}


@keyframes rainbow {
	0% {background: var(--color-secondary);}
	50% {background: var(--color-primary);}
	100% {background: var(--color-secondary);} 
} 

@media (max-width: 1200px) {
.mainBanner {height: auto; margin-top:0px; padding: 30px 0 0; margin-bottom: 10px;}
.mainBannerText {padding-top:0px;}
.mainBanner .textSecond {font-size: 28px;}
.mainBanner button {font-size: 16px; }
.mainBanner .textFirst {font-size: 14px; padding-bottom: 10px; line-height: 10px;}
.mainBannerInner {flex-direction: column-reverse;}

.bannerBottom {display:none;}

.mainBannerImg {width: 100%; display: flex; justify-content:center; margin-top:5px;}
.mainBannerImg img {width:175px; height:120px;}
.mainBannerText {width: 100%;padding-top: 0;text-align: center;}


.menuDesktop .wpml-ls-legacy-list-vertical {display:none;}
.wpml-ls-legacy-list-vertical { margin-left: 0; }
.wpml-ls-legacy-list-vertical .wpml-ls-item { background: transparent; justify-content:flex-start; }
.wpml-ls-legacy-list-vertical .wpml-ls-item a { background-color: transparent!important; border: none!important; padding:0;}
.wpml-ls-legacy-list-vertical .wpml-ls-current-language { margin-bottom:0!important }

.wpml-ls-legacy-list-vertical .wpml-ls-flag { width: auto; height: auto; }
.wpml-ls-legacy-list-vertical .wpml-ls-link { display: flex; align-items: center; padding: 5px 0; }
.wpml-ls-legacy-list-vertical .i-amphtml-intrinsic-sizer { height: 12px; }
.descktopSwitcher {display:none;}


}

@media (max-width: 440px) {
  .mainBannerText {text-align:center;}
}




/*  BLOCK POINTS  */

.points {background: url('https://casino-glory.in/wp-content/uploads/2022/12/banner_back.webp')no-repeat;
background-size:cover; padding:10px 10px 20px 10px;
width: 80%; margin: 0 auto; margin-top:10px; margin-bottom:20px; border-radius: var(--border); box-shadow: var(--shadow-primary);}
.pointsTitle {text-align:center; font-size:30px; line-height:45px; font-weight:bold; color:#fff;}
.pointsList {display:flex; justify-content:center; padding-bottom:10px; }
.pointsItem {margin:0px 10px 15px 10px; width:150px;}
.pointsItemImg {position:relative; display:flex; justify-content:center;}
.pointsItemAnimate {border:3px #fff dashed;width:70px; height:70px; 
border-radius:50%; animation: 5s linear 0s normal none infinite running rot;}
.pointsItemImg img {width:40px; height:40px; position:absolute; top:15px; left:calc((100% - 40px) / 2)}
.pointsItem span {color:#fff; font-size:18px; display:block; text-align:center; padding-top:10px; font-weight: bold;}
@keyframes rot {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}
.pointsButton {display:flex; justify-content:center;}
.pointsButton button {font-size: 18px; padding: 10px 25px;
text-transform: uppercase; color: #fff; cursor: pointer;
font-weight: 800; animation: rainbow 2s linear 0s infinite;
border-radius: 30px;}

@media (max-width: 1200px) {
.points {width:100%;}
.pointsItem {width:100%; display: flex; justify-content: center; align-items: center;}
.pointsList {flex-wrap: wrap;}
.pointsTitle {font-size: 20px; line-height: 28px; margin-bottom: 10px;}
.pointsItem span {width:150px; padding-left:10px; text-align:left;}
	
}



/*  BUTTON IN CONTENT  */

.buttonWrapper {background: url('https://casino-glory.in/wp-content/uploads/2022/12/banner_back.webp')no-repeat;
background-size:cover; padding:30px 30px; display:flex; justify-content:center; border-radius: var(--border);
width:100%; max-width:350px; margin:0 auto; margin-bottom:15px; margin-top:15px;}
.buttonWrapper button {border-radius: var(--border_button); padding: 10px 15px;
text-transform: uppercase; font-size: 16px; background: var(--gradient); box-shadow: 0 0 40px 5px #fff;
color: #fff; animation: pulse 1.5s infinite; font-weight:bold;}
@-webkit-keyframes pulse{
  0%{-webkit-transform:scaleX(1);transform:scaleX(1)}
  50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
  to{-webkit-transform:scaleX(1);transform:scaleX(1)}
}