/*
Theme Name: Wizardly Child
Description: Wizardly Child Theme
Author: Wizardly
Template: hello-elementor
Version: 1.0
*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
----------------------------------------------------------------
============== HEADER / HERO IMAGE / NAVIGATION ================
----------------------------------------------------------------
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.cus_main_menu ul li.menu_button a{
    padding: 5px 8px!important;
    color: #011338!important;
   border-radius: 3px;
border: 1.5px solid  transparent;
background:  linear-gradient(90deg, #6FA6FF 33.5%, #9AC1FF 100%);
font-size: 18px!important;
font-style: normal!important;
font-weight: 600!important;
line-height: 24px!important; 
}
.cus_main_menu ul li.menu_button a:hover{
    border: 1.5px solid  #F6F6F6;
}
.elementor-location-footer .cus_main_menu ul li.menu_button a:hover{
    border-color: #363794;
}
@media (max-width: 767px) {
.cus_header .cus_main_menu .elementor-nav-menu--dropdown{
    padding-bottom: 30px;
    height: calc(100vh - 88px)
}
.logged-in.admin-bar  .cus_header    .cus_main_menu .elementor-nav-menu--dropdown {
   
    height: calc(100vh - 134px);
}
.cus_header .cus_main_menu ul{
    display: flex;
    flex-direction: column
}
.cus_header .cus_main_menu ul li.menu_button{
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px
}
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
----------------------------------------------------------------
===================== CONTENT AREA / BODY ======================
----------------------------------------------------------------
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


.text-a-color a{
    color: #6FA6FF
}
.button_2 .elementor-button-content-wrapper{
     align-items: center
}
.button_2 .elementor-button-icon{
    display: flex!important
}
.button_2 a .elementor-button-icon path{
    transition: all 0.3s
}
.button_2 a:hover .elementor-button-icon path{
    fill: #6FA6FF !important
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
----------------------------------------------------------------
=================== FOOTER / FOOTER WIDGETS ====================
----------------------------------------------------------------
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.footer_overlay:before{
    width: 30px;
    height: 30px;
    left: auto;
    right: 25px;
    transform:  rotate(45deg);
    top: -15px
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
----------------------------------------------------------------
=================== PLUGIN / PLUGIN WIDGETS ====================
----------------------------------------------------------------
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
----------------------------------------------------------------
======================== MEDIA QUERIES =========================
----------------------------------------------------------------
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*------------IPAD PORTRAIT-----------*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {

}   

/*------WEIRD ONE------*/

@media only screen and (min-width: 320px) and (max-width: 900px) {


}   


/*------------IPHONE PORTRAIT-----------*/
@media only screen and (min-width: 320px) and (max-width: 767px) {



}


@media only screen and (min-width: 320px) and (max-width: 374px) {

}

/*-----------IPAD------------*/
@media only screen and (min-width: 768px) and (max-width: 1024px){


}

@media only screen and (max-width: 480px) and (min-width: 321px) {

}
/*------------MDPI LAPTOPS-----------*/
@media only screen and (min-width: 961px) and (max-width: 1279px) {

}

/*------------FIX MARKETS DIVIDER OVERLAPS ABOVE IPAD-----------*/
@media only screen and (min-width: 783px) and (max-width: 1200px) {


}

@media only screen and (min-width: 2000px) {

}
