/*
Theme Name:  Cubic Business Solutions by MURAGE
Theme URI:   http://www.cubicsolutions.co.ke
Version:     1.1
Description: Cubic Business Solutions Group theme edit.
Author:      Fedelis MURAGE
Author URI:  fedelismurageh@gmail.com | 0746605596
Template:    Divi
*/

@import url("../Divi/style.css");

/* comments fix */
#comment-wrap {
	max-width: 1080px;
	margin: 0 auto;
	padding: 30px 0 0 0;
}

#logo {
    display: inline-block;
    float: none;
    max-height: 94%;
    margin-bottom: 0;
    vertical-align: middle;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
}
#et-top-navigation {
    font-weight: 600;
    text-transform: uppercase;
}
#top-menu li li a {
   /* width: 210px;*/
    width: 210px;
    padding: 1px 2px;
}
.nav li ul {
    position: absolute;
    padding: 2px 0;
}
.nav li ul {
    visibility: hidden;
    z-index: 9999;
    width: 215px;
    border-top: 3px solid #2ea3f2;
    opacity: 0;
    background: #fff;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
#top-menu li li {
    margin: 0;
    padding: 0 2px;
}
#top-menu-nav #top-menu a:hover { 
	color: #04ADEF !important; 
	}
#menu-item-25662 a {
-moz-osx-font-smoothing: grayscale;
background: #04ADEF none repeat scroll 0 0;
border: 2px solid;
border-radius: 4px;
color: #ffffff !important;
cursor: pointer;
line-height: 1.7em;
margin: 4px auto;
padding: 0 8px !important;
transition: all 0.2s ease 0s;
}
#menu-item-25662 a:hover{
background-color:#fff;
border: 2px solid #04ADEF;
color: #646465 !important;
}
#menu-item-25662 a::before {
	display: none !important;
}
#menu-item-25662 a::after {
	display: none !important;
}
/* Menu Effect 1 - Pipes */

#top-menu a::before,
#top-menu a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

#top-menu a::before {
	margin-right: 10px; /*you may want to adjust this*/
	content: '|'; /*you can change the pipe to something else if you wish*/
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
}

#top-menu a::after {
	margin-left: 10px; /*you may want to adjust this*/
	content: '|'; /*you can change the pipe to something else if you wish*/
	-webkit-transform: translateX(-20px);
	-moz-transform: translateX(-20px);
	transform: translateX(-20px);
}

#top-menu a:hover::before,
#top-menu a:hover::after,
#top-menu a:focus::before,
#top-menu a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}
/*-------------------[1080px]------------------*/
@media only screen and ( max-width: 1080px ) {
	#comment-wrap {
		max-width: 934px;
	}
}

/*-------------------[1024px]------------------*/
@media only screen and ( max-width: 1024px ) {
	#comment-wrap {
		max-width: 934px;
	}
}

/*-------------------[980px]------------------*/
@media only screen and (max-width: 980px) {
	#comment-wrap {
		max-width: 690px;
	}
}

/*-------------------[600px]------------------*/
@media only screen and (max-width: 600px) {
	#comment-wrap {
		max-width: 400px;
	}
}

/*-------------------[479px]------------------*/
@media only screen and ( max-width: 479px ) {
	#comment-wrap {
		max-width: 450px;
	}
}


/*-------------------[320px]------------------*/
@media only screen and ( max-width: 320px ) {
	#comment-wrap {
		max-width: 274px;
	}
}

.et-social-facebook a:before { content: '\e093'; } 
.et-social-twitter a:before { content: '\e094'; } 
.et-social-google-plus a:before { content: '\e096'; } 
.et-social-pinterest a:before { content: '\e095'; } 
.et-social-linkedin a:before { content: '\e09d'; } 
.et-social-tumblr a:before { content: '\e097'; } 
.et-social-instagram a:before { content: '\e09a'; } 
.et-social-skype a:before { content: '\e0a2'; } 
.et-social-flikr a:before { content: '\e0a6'; } 
.et-social-myspace a:before { content: '\e0a1'; } 
.et-social-dribbble a:before { content: '\e09b'; } 
.et-social-youtube a:before { content: '\e0a3'; } 
.et-social-vimeo a:before { content: '\e09c'; } 
.et-social-rss a:before { content: '\e09e'; } 

/* Hover Colors*/
#footer-bottom .et-social-icons .et-social-instagram a:hover {
 color:#517fa4 !important;
 }
 #footer-bottom .et-social-icons .et-social-facebook a:hover {
 color:#3b5998 !important;
 }
 #footer-bottom .et-social-icons .et-social-twitter a:hover {
 color:#00aced !important;
 }
 #footer-bottom .et-social-icons .et-social-youtube a:hover {
 color:#bb0000 !important;
 }
 #footer-bottom .et-social-icons .et-social-google-plus a:hover {
 color:#dd4b39 !important;
 }
 #footer-bottom .et-social-icons .et-social-rss a:hover {
 color:#ff6600 !important;
 }

 .et_pb_slider .et_pb_container {
    position: relative;
    z-index: 2;
    width: 80%;
    max-width: 1080px;
    margin: 0 auto;
    height: 400px;
}