/*
Theme Name: Clean Gulf 2024
Author: Access Intelligence
*/

@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap');

html {  font-size: 0.875em;}
body {font-family: 'Barlow', Helvetica, Arial, sans-serif;font-size: 1rem;font-size: 18px;line-height: 1.42857143;margin-top: 80px}
a {color-:#d100bc; transition:all .3s; text-decoration: none}
a:hover {color-:#ff29e9; text-decoration-:none;}

h1,h2,h3,h4,h5,h6 {font-weight: 700;}
img {max-width: 100%; height: auto;}

:root {
  --theme-color-1:rgba(38,34,98,1);
  --theme-color-2:rgba(68,216,251,1);
  --theme-color-3:1, 26, 44;
  --theme-color-4:rgba(1,124,148,1);
  --theme-color-5:rgba(244,251,254,1);
  --red:#e00202;
}

/* Main Menu */
.navbar {background:rgba(18, 57, 84, .9);box-shadow: 0 5px 3px 0px rgba(13, 123, 192, .3);z-index: 1056;}
.menuicon {color: #fff;line-height: 0;padding: .2rem;border-radius: .25rem;}
.menuicon .bi {font-size: 30px; font-weight: bold;}
#menu-primary, #menu-shortcut, #menu-conference {padding-left:0; list-style: none; display: flex; flex-wrap: wrap;}
#menu-primary .menu-item-has-children a- {color:red}
#menu-primary .menu-item-has-children > a {cursor: default; color:#000; font-weight: bold;}
#menu-primary > li {flex:1 0 0%;padding:1rem;}
#menu-primary .sub-menu {padding-left: 0; list-style: none}
#menu-primary li a {display: block;margin-bottom: 10px;color:#0d6efd}
#menu-shortcut li, #menu-conference li {margin:0 10px;}
.mbody {border-radius: 0rem; border:none; background: #fff; padding: 1rem;border-top: 3px solid #ccc; margin-top: 50px;}
.mbody-close {font-size: 2.5rem;font-weight: 100;position: absolute;right: 1.5rem;top: .5rem;color: #05aff7;}
.mbody-close-bottom {}
.menubtn-main a {background:var(--red); color:#fff;padding:.55rem .75rem;border-radius: .25rem; font-size: 1rem}
#mainmenu {background:rgba(0,0,0,.7)}
@media (max-width: 768px) {
	#menu-primary > li {flex:1 0 40%}
}
/* Main Menu END */

/* Homepage */
.eventinfo {padding:6rem 0; background: linear-gradient( rgba(256,256,256,0) 0%, rgba(256,256,256,.3) 50%, rgba(256,256,256,1) 100%) fixed, url(images/bg-lefttop.svg) no-repeat 0 -55px,url(images/bg-righttop.svg) no-repeat 300px 0px,url(images/bg.jpg) no-repeat fixed center / cover;margin-top: -80px;}

/* Footer */
footer {background:#001221; color:#fff;}
footer a {color:#01d5e8;}
footer .social-menu a {margin:0 12px; font-size:25px}
footer h3,footer h4,footer h5 {color:rgba(105,102,128,1); margin-bottom: 0}
.bordertop {border-top: 1px #fff dotted}
.copyright {font-size: .85rem; color:rgba(93, 102, 136, 1);}

/* Utility Styles */
.fs-mega {font-size: 4rem;line-height: 4rem;}
.fs-big {font-size: 3rem;line-height: 3rem}
.date {}
.text-theme1 {color:var(--theme-color-1)}
.text-theme2 {color:var(--theme-color-2)}
.text-theme3 {color:rgb(var(--theme-color-3))}
.text-theme4 {color:var(--theme-color-4)}
.bg-theme3 {background:rgba(var(--theme-color-3),var(--bs-bg-opacity))}
.btn-main {background: rgb(var(--theme-color-3)); color:#fff;}
.btn-main:hover {border:1px solid rgb(var(--theme-color-3));color:rgb(var(--theme-color-3));background: rgba(256, 256, 256, .7);}
.anchor::before {display: block;content: " ";margin-top: 0px;height: 50px;position: relative;z-index: -1;}
.bg-opacity-90 {--bs-bg-opacity: 0.90;}
.bg-opacity-95 {--bs-bg-opacity: 0.95;}
/*********** Media Queries *****************/
@media (min-width: 540px) {
	html {font-size: 1em; /* 16px / 16px (browser default font-size) */}

}
@media (min-width: 768px) {
  #menu-primary li a {min-width: 160px;margin-bottom: 20px;}
  .eventinfo {background: url(images/bg-leftbottom.svg) no-repeat calc(-200px + 10%) bottom ,url(images/bg-leftbottom2.svg) no-repeat calc(200px + 10%) bottom ,url(images/bg-rightbottom.svg) no-repeat right bottom,url(images/bg-lefttop.svg) no-repeat 0 0,url(images/bg-righttop.svg) no-repeat 110% 0px,url(images/bg.jpg) no-repeat fixed center / cover}

  /* Footer */
  .col-left {border-right:1px dotted #fff; padding-right:30px;}

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}

/*********** Media Queries for mobile *****************/
@media (max-width: 540px) {

  .w-27 {width:27%}
}