/*
Theme Name: harmonicegg
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.nav>li>a, .nav-dropdown>li>a, .nav-column>li>a {
    color: #625D71;
}
.nav>li>a:hover, .nav>li.active>a, .nav>li.current>a, .nav>li>a.active, .nav>li>a.current, .nav-dropdown li.active>a, .nav-column li.active>a, .nav-dropdown>li>a:hover, .nav-column li>a:hover {
    color: currentColor;
}
.header-nav .icon-box{    display: inline-block;
    width: 30px;}
.header-nav .header-block-block-1{    text-align: right;}	
.header.transparent .header-bottom{background: rgb(255,255,255);
background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 17%, rgba(255,255,255,0.4) 84%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 17%, rgba(255,255,255,0.4) 84%, rgba(255,255,255,0) 100%);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 17%, rgba(255,255,255,0.4) 84%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);}

@media screen and (max-width: 849px){
.footer-widgets .col-inner p{
       text-align: center !important;
}
#block_widget-2{    text-align: center !important;}
}
#block_widget-2{    display: flex;
    flex-direction: row;
    align-items: baseline;}
#block_widget-2 .icon-box-img{margin-right: 15px;}
#block_widget-2 .icon-box-left, .icon-box-right {
      width: 50px;
    display: inline-flex;
}	
#block_widget-2 .widget {
    margin-bottom: 0px;
}
.footer-widgets .widget {
    margin-bottom: 0px;
}
.scroll-to-bullets a.active {
    opacity: 1;
    border-color: #4d3988 !important;
        background-color: #4d3988 !important;
}
.scroll-to-bullets a {
    display: block;
    border: 2px solid #4d3988;
    background-color: #4d3988;
    margin: 10px 15px;
    width: 15px;
    height: 15px;
    border-radius: 30px;
    transition: all .3s;
    box-shadow: none;
}
.scroll-to-bullets a{    background-color: transparent !important;}
.top-divider {
     border-top: 0px solid currentColor;
   
}
.page-template-page-blank .header-bottom,.stuck .header-bottom,.page-template-default .header-bottom{background-color: #e1e8f1;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 17%, rgba(255,255,255,0.4) 84%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 17%, rgba(255,255,255,0.4) 84%, rgba(255,255,255,0) 100%);
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(165, 151, 205, 0.4) 17%, rgba(165, 151, 205, 0.37) 84%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);}
.wpcf7-submit{background-color: #A597CD;}	
.absolute-footer.text-center ul {
    border: 0;
    padding-top: 5px;
    padding: 0px;
}
.absolute-footer ul.links li a {
    color: #234A6D;
}
.copyright-footer{    font-size: 12px;
    color: #234A6D;}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.icon-box-text p{    font-size: 70% !important;}
.icon-box-img{    width: 81px !important;}
.icon-box{      margin: 0px !important;
    width: 100%;
    padding: 0px 20px !important;}
.col-inner p{	 padding: 0px 0px !important;}
.icon-box-left .icon-box-img+.icon-box-text {
    padding-left: 0px !important;
}
._lecture_contract .icon-box-text p{    padding: 0px !important;
    font-size: 15px !important;}
._lecture_contract .icon-box{    margin-bottom: 40px !important;}	
._amalia .icon-box{    display: flex !important;;
    flex-direction: column !important;;
    align-content: center !important;;
    align-items: center !important;;
    padding: 0px !important;
    text-align: center !important;;}
._amalia .icon-box p{text-align: center !important;
    align-content: center !important;
    display: inline-block !important;	
}
._amalia .icon-box-img{ width: 187px !important;}
#block_widget-2 .icon-box-img{    width: 20px !important;}
.sidebar-menu .icon-box-left {
    display: inline-block;
      width: 30px;
}
.sidebar-menu .header-block-block-1{    width: 100%;
    padding: 0px 20px;}