/*
Theme Name: Eventkaboodles
Author: Divija Solutions
Author URI: https://divijasolutions.com
*/


/* ==============
  General
===================*/


body{ font-family:"Archivo", sans-serif; font-size:16px; color:#666;}
a{ color:#0d6efd;}
a:hover{ color:#0a58ca;}
.overlay{ opacity:.90; z-index:9999;}


.font10{ font-size:10px;}
.font10500{ font-size:10px; font-weight:500;}
.font10600{ font-size:10px; font-weight:600;}
.font10700{ font-size:10px; font-weight:700;}
.font12{ font-size:12px;}
.font12500{ font-size:12px; font-weight:500;}
.font12600{ font-size:12px; font-weight:600;}
.font12700{ font-size:12px; font-weight:700;}
.font14{ font-size:14px;}
.font14500{ font-size:14px; font-weight:500;}
.font14600{ font-size:14px; font-weight:600;}
.font14700{ font-size:14px; font-weight:700;}
.font16{ font-size:16px;}
.font16500{ font-size:16px; font-weight:500;}
.font16600{ font-size:16px; font-weight:600;}
.font16700{ font-size:16px; font-weight:700;}
.font18{ font-size:18px;}
.font18500{ font-size:18px; font-weight:500;}
.font18600{ font-size:18px; font-weight:600;}
.font18700{ font-size:18px; font-weight:700;}
.font24{ font-size:24px;}
.font24500{ font-size:24px; font-weight:500;}
.font24600{ font-size:24px; font-weight:600;}
.font24700{ font-size:24px; font-weight:700;}
.font36{ font-size:36px;}
.font36500{ font-size:36px; font-weight:500;}
.font36600{ font-size:36px; font-weight:600;}
.font36700{ font-size:36px; font-weight:700;}
.font48{ font-size:48px;}
.font48500{ font-size:48px; font-weight:500;}
.font48600{ font-size:48px; font-weight:600;}
.font48700{ font-size:48px; font-weight:700;}


.fontexo{ font-family:'Exo', sans-serif;}
.fontarch{ font-family:'Archivo', sans-serif;}


.txtwhite{ color:#fff;}
.txtviolet{ color:#fe00c5;}
.txtorange{ color:#ff4200;}
.txtyellow{ color:#ffae00;}
.txtbluedrk{ color:#081245;}
.txtblue{ color:#001376;}


.yellowbtn{ background:linear-gradient(45deg, #ffc600 1%, #ff6c00 100%); border:0px; color:#fff !important;}
.yellowbtn:hover{ background:linear-gradient(45deg, #ffc600 1%, #ff6c00 100%); border:0px; color:#fff !important;}
.yellowbtn:active{ background:linear-gradient(45deg, #ffc600 1%, #ff6c00 100%); border:0px; color:#fff !important;}
.bluebtn{ background-color:#001376 !important; border:0px; color:#fff;}
.bluebtn:hover{ background-color:#1a2b84 !important; border:0px; color:#fff;}
.bluebtn2{ background-color:#1a2b84 !important; border:0px; color:#fff;}
.bluebtn2:hover{ background-color:#1a2b84 !important; border:0px !important; color:#fff !important;}
.violetbtn{ background-color:#fe00c5 !important; border:0px !important; color:#fff !important;}
.violetbtn:hover{ background-color:#fe00c5 !important; border:0px !important; color:#fff !important;}


.loginbg{ background:#f2f2f2;}
#loginbox{ width:500px; border:0px solid #081245; background:linear-gradient(45deg, #081245 1%, #001376 100%);}
#loginbox .boxhead{ color:#fff; font-family:'Exo', sans-serif;}
#loginbox a{ color:#0d6efd;}
#loginbox a:hover{ color:#0a58ca;}
#loginbox label{ font-weight:500; color:#ccc;}


#header-top{ background:#00082e; }
#header-top .socialbox a{ color:#FFF;}
#header-top .iconbox{ color:#FFF;}
#header-top .iconbox i{ color:#ffae00;}


#header{ background:linear-gradient(90deg, #00082e 50%, #fff 50%);}
#header .container-lg{ background:#fff; }
#header .logobox{ background:#FFF; border-radius:10px 10px 0px 0px;}
@media only screen and (max-width: 575px){ 
#header .logobox{ margin-top:-25px;}
}
@media only screen and (min-width: 576px) and (max-width: 767px){
#header .logobox{ margin-top:-35px;}	
}
@media only screen and (min-width: 768px) and (max-width: 991px){
#header .logobox{ margin-top:-45px;}	
}
@media only screen and (min-width: 992px){
#header .logobox{ margin-top:-55px;}	
}
#header .logobox img{ height:125px; width:auto;}
#header .list-inline-item a{ color:#081245;}
#header .list-inline-item a:hover{ color:#ffae00;}
#header .dropdown-menu{ background:#fff; border-bottom:5px solid #ff4200;}
#header .dropdown-item{ color:#333 !important;}
#header .dropdown-item:hover, #header .dropdown-item:active, #header .dropdown-item:focus{ background:#fff; color:#081245 !important;}
#headcart{ background:#ffae00;}
#header .userimg{ width:45px; height:auto; border:2px solid #00082e;}


#mobmenu .userbox{ background:#842029;}
#mobmenu .userimg{ height:100px; width:auto;}
#mobmenu .list-inline-item:not(:last-child){ margin-bottom:10px;}
#mobmenu .list-group-item{ color:#842029;}
#mobmenu .list-group-item:hover{ color:#dc3545; }


#footer-top{ background:#000;}
#footer-top .logobox img{ height:150px; width:auto;}
#footer-top .textbox{ max-width:750px; margin:auto; color:#fff;}
#footer-top .socialbox a{ color:#FFF;}
#footer-top .socialbox a:hover{ background:#ffae00;}
#footer-top .iconbox{ color:#FFF;}
#footer-top .iconbox i{ color:#ffae00;}


#footer{ background:linear-gradient(180deg, #ffc600 1%, #ff6c00 100%); color:#fff;}
#footer .footerwhite{ background:#000; z-index:0;}
#footer .container-lg{ background:linear-gradient(180deg, #ffc600 1%, #ff6c00 100%); z-index:1;}
#footer i{ color:#001376;}
#footer a{ color:#fff;}
#footer a:hover{ color:#001376;}

#titlebox{ background: linear-gradient(180deg, #00082e 0%, #001376 100%); padding:50px 25px;}

.modalhead{ background:linear-gradient(45deg, #081245 1%, #001376 100%); color:#fff;}
.modalfoot{ background:linear-gradient(45deg, #081245 1%, #001376 100%); color:#fff;}

.iti{ display:block;}
.iti__country-list{ z-index:99;}

.datatable thead tr{ background:linear-gradient(45deg, #081245 1%, #001376 100%);}
.datatable thead tr th{ background-color:transparent; color:#fff;}

.catlink.active{ background:linear-gradient(45deg, #081245 1%, #001376 100%); border:0px; color:#fff;}

.sideline:before, .sideline:after{ background-color:#ccc; content:""; display:inline-block; height:1px; position:relative; vertical-align:middle; width:10%;}
.sideline:before{ right:1em; margin-left:-50%;}
.sideline:after{ left:1em; margin-right:-50%;}


/* ==============
  Form-elements
===================*/
label{ font-size:14px; font-weight:500; color:#081245;}
.form-control, .form-select{ font-size:16px;}
.form-control-sm, .form-select-sm{ font-size:14px !important;}
.form-control-lg, .form-select-lg{ font-size:18px !important;}
.form-control:focus, .form-select:focus{ border-color:#001376; -webkit-box-shadow:none; box-shadow: none;}
.form-check-input{ border-color:#001376;}
.form-check-input:checked{ background-color:#ff4200; border-color:#ff4200; -webkit-box-shadow:none; box-shadow: none;}
.form-check-input:focus{ -webkit-box-shadow:none; box-shadow: none;}
/*.has-success .form-control{ border-color:#5dd099; -webkit-box-shadow:none; box-shadow:none;}
.has-warning .form-control{ border-color:#f8c955; -webkit-box-shadow:none; box-shadow:none;}
.has-error .form-control{ border-color:#f96e5b; -webkit-box-shadow:none; box-shadow:none;}
.input-group-addon{ border-radius:2px; border:1px solid #f5f5f7;}*/


/* ==============
  Form-Validation
===================*/
.parsley-error{ border-color:#f00000; }
.parsley-errors-list{ display:none; margin:0; padding:0;}
.parsley-errors-list.filled{ display:block;}
.parsley-errors-list > li{ font-size:12px; list-style:none; color:#f00000; margin-top:5px;}