/* 
 Theme Name:     Digital Marketing Services Alba Solution
 Author:         Alba Solution
 Author URI:     https://albasolution.gr
 Template:       Divi
 Version:        1
 Description:   A Child Theme built by Alba Solution
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/*---------------Menu CTA Button---------------*/
.menu-cta {
    color: #fff!important;
	letter-spacing: 1px;
    background-color: #5c6b73;
    padding: 12px!important;
    border-radius: 1px;
    text-align: center;
}
.menu-cta a {
    color: #fff!important;
}
.menu-cta:hover {
    background-color: #9db4c0;
	transition: all 0.3s ease-in-out;
}
 
.menu-cta:hover a {
    color: white!important;
}
 
/*---------------Menu CTA Button Solid Hover Opacity---------------*/
#top-menu li a:hover {
    opacity: 1!important;
}

/*-----------------Fixed Header Button Text Color-----------------*/
.et-fixed-header #top-menu .menu-cta a {
    color: #fff!important;
}
 
/*-----------------Fixed Header Active Link Button Text Color-----------------*/
#main-header #top-menu li.menu-cta > a {
color: #fff !important;
}

/*---------------Menu CTA Button Mobile Settings---------------*/
 
@media only screen and (max-width: 980px) {
.menu-cta {
    padding: 0px!important;
}
}

@media only screen and (min-width: 981px) {
.menu-cta {
     height: 42px;
}
}

/*---------------Menu CTA Button Solid Hover Opacity---------------*/
.menu-cta #top-menu li a:hover {
    opacity: 1!important;
}

/*-------- STYLE MOBILE MENU (ADD WORD 'MENU' TO THE RIGHT) ----------*/
.mobile_menu_bar:after {
    content: 'MENU';
    position: relative !important;
    bottom: 10px;
    left: 1%;
	  font-size: 16px;
    color: #1599C1;
}

/* Set the maximum height of the logo itself */
@media (max-width: 980px) {
.et_header_style_left #logo {
    max-height: 90% !important;
  }
}

/***** Hide Top Bar *****/
@media only screen and (max-width: 980px) { 
	#top-header {
 display: none;
}
}



/*------------------IMAGE OVERLAY------------------------------*/
.greyOverlay .et_parallax_bg:before, .greyOverlay:before { content:""; display: block; height: 100%; position: absolute; top: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0, .3);
}


/* Show slider arrows always */
.as-gallery-module .et-pb-arrow-next {
       opacity: 0.5;
       right: 22px;
}
.as-gallery-module .et-pb-arrow-prev{
       opacity: 0.5;
       left: 22px;
}

.as-gallery-module .et-pb-arrow-prev:before {
    content: "\34";
    color: #C1B086;
	background-color: #fff;
	border-radius: 50px;
}
.as-gallery-module .et-pb-arrow-next:before {
    content: "\35";
    color: #C1B086;
	background-color: #fff;
	border-radius: 50px;

}
/* Line-style Slide Controllers  */
.as-gallery-module .et-pb-controllers {
    height: 7px;
    bottom: 0px !important;
}
.as-gallery-module .et-pb-controllers a {
    width: 24% !important; /* define the width of controllers here */
    border-radius: 0px !important;
    margin-right: 0px !important;
	background-color: #f2f2f2 !important;
}
.as-gallery-module .et-pb-controllers a:hover {
    background-color: #C1B086 !important;
    transition: all 0.2s ease-in-out;
}
/* End Line-style Slide Controllers  */

/***** NO DESCRIPTION IMAGE GALLERY OPEN *****/
.mfp-title{
	display:none;
}



/********************************************************************
********************** FIXED BAR MOBILE STYLE **********************
*******************************************************************/

/* Row custom for mobile */
@media only screen and (max-width: 980px) { 
	.row_bar_custom.et_pb_gutters1.et_pb_row_4col > .et_pb_column.et_pb_column_1_4 { 
		width: 25% !important; 

		}
	.row_bar_custom.et_pb_row { 
		max-width: 100% !important; width: 100% !important; 
	}
}