/*

 Theme Name:     InspireITSolutions
 Theme URL:		 https://inspireitsolutions.net
 Author:         WebOptima.eu
 Author URI:     https://weboptima.eu
 Template:       Divi
 Version:        1.0
 Description:    A Divi child theme made and edited by WebOptima.eu, for InspireITSolutions.net website

*/



/* ----------- CUSTOM CSS ----------- */

/********** GENERAL **********/

h1, h2, h3, h4, h5, h6 {
    line-height: 1.16em;
}

/********** HEADER & NAVIGATION **********/

#et-top-navigation {
    font-weight: 500;
}

#top-menu-nav > ul > li > a:hover,
#top-menu-nav > ul > li > a:active,
.nav ul li a:hover {
	opacity:0.82;
	color: #ef4836;
	background-color:transparent;
}

.nav li ul {
	width: 278px;
}

#top-menu li li a {
    width: 276px;
    padding: 6px 10px;
}

@media (min-width: 981px) and (max-width:1240px) {
#top-menu li {
    padding-right: 20px;
}

#top-menu li a {
    font-size: 15px !important;
}

#logo {
    max-height: 61% !important;
}

#main-header .container {
	width:94%;
}
}

/* MOBILE menu */

.mobile_menu_bar:before {
	color: #20314F !important;
	font-size: 37px;
}

#mobile_menu {
	width: 125%;
	margin-left:-12.5%;
	margin-right:-12.5%;
	opacity:0.98;
	background-color: #20314F;
	padding:6% 5% 8.2%;
}

.et_mobile_menu li a {
	color:#ffffff !important;
	font-weight:300 !important;
}

/**********  HOMEPAGE  **************/

.top-divider {
	height:6.6vh
}

.top-divider.first {
	height:26.6vh
}


/*----- Our Services - Effect -----*/

.ds-hover5-wrapper {
	position: relative;
	color: rgba(0,0,0,0);
	width: 100%
}

.ds-hover5 h2 {
    position: absolute;
    z-index: 1;
    top: 38%;
    left: 24px;
    font-size: 20px;
    color: #4a4a4a;
    padding: 6px 9px;
    -webkit-opacity: 0.95;
    -moz-opacity: 0.95;
    opacity: 0.95;
    color: #ffffff;
    font-size: 26px;
    background-color: rgba(0,0,0,0.5);
}

.ds-hover5 p {
	color: #000;
}

.ds-hover5-wrapper:hover .ds-hover5 h2 { 
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.45s ease;
    -moz-transition: all 0.45s ease;
    transition: all 0.45s ease;
    -moz-transform: translate3d(0, 270%, 0);
    -webkit-transform: translate3d(0, 270%, 0);
    transform: translate3d(0, 270%, 0)   
}


figure.ds-hover5 { 
	margin: 0;
	padding: 0;
	display: inline-block;
	line-height: 0;
	position: relative;
	overflow: hidden; 
    border: 1px solid rgba(32, 49, 79, 0.6);
    border-radius: 4px;
}

figure.ds-hover5 img{
	display: block;
}

figure.ds-hover5 figcaption a{
	text-decoration: none;
}

figure.ds-hover5::before, figure.ds-hover5::after{
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	background: #fff;
	position: absolute;
	opacity: 0;
	top: 0;
	left 0;
	-moz-transform: translate3d(0, 100%, 0);
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	transition: all 01s ease;
}

figure.ds-hover5 figcaption {
	position: absolute;
	/*display: block;*/
	line-height: 1.7em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	background: rgba(255, 255, 255, 1);
	padding: 10px;
	z-index: 100;
	width: 100%;
	height:100%;
	max-height: 100%;
	overflow: hidden;
	top: 50%;
	/* padding-top:15%; */
	left: 0;
	opacity:0;
	-moz-transform: translate3d(0, 100%, 0);
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
}

figcaption h4, figcaption p {
    max-width:95%;
    line-height: 20px;
    margin-left: auto;
    margin-right: auto;
} 

figcaption h4 {
	line-height: 1em;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 20px;
} 

.blutton {
	display:block;
	margin-top:18px;
	border-radius: 100px;
	background-color: #96c329;
	font-weight: 300;
	font-size: 15px!important;
	border: 0;
	letter-spacing: 1px;
	padding: 15px 30px;
	font-size: 10px!important;
	color:#fff !important;
	display: table;
	margin: 18px auto 0;
}

.blutton:hover {
	background-color:#00a0da;
}

figure.ds-hover5:hover::before{
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

figure.ds-hover5:hover figcaption{
	opacity: 1;
	-moz-transform: translate3d(0, -50%, 0); 
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	transition: all 1s;
	-moz-transition-delay: 0.15s;
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

/*----- Who we are - Effect End -----*/


/********** CONTACT page **************/


/************ OTHER pages **************/


/************ FOOTER **************/

/*  ------ 4 columns footer ------- 
#main-footer .container {
	max-width: 1440px;
}

@media (min-width: 981px) {
.et_pb_gutters3 .footer-widget {
    margin-right: 3.5%;
    margin-bottom: 5.5%;
}

.et_pb_gutters3.et_pb_footer_columns4 .footer-widget {
    width: 24.375%;
}

.et_pb_gutters3.et_pb_footer_columns4 .footer-widget:nth-of-type(3n) {
	width: 16.375%;
}
}
*/

/* ------ 5 columns footer ------- */
#main-footer .container {
	max-width: 1360px;
}

@media (min-width: 981px) {
.et_pb_gutters2 .footer-widget,
.et_pb_gutters3 .footer-widget {
    margin-right: 3.3%;
}

.et_pb_gutters2.et_pb_footer_columns5 .footer-widget,
.et_pb_gutters3.et_pb_footer_columns5 .footer-widget {
    width: 14.6%;
}

.et_pb_gutters2.et_pb_footer_columns5 .footer-widget:nth-of-type(2n),
.et_pb_gutters3.et_pb_footer_columns5 .footer-widget:nth-of-type(2n) {
	width: 23.3%;
}

.et_pb_gutters2.et_pb_footer_columns5 .footer-widget:nth-of-type(3n),
.et_pb_gutters3.et_pb_footer_columns5 .footer-widget:nth-of-type(3n) {
	width: 12.5%;
}

.et_pb_gutters2.et_pb_footer_columns5 .footer-widget:nth-of-type(4n),
.et_pb_gutters3.et_pb_footer_columns5 .footer-widget:nth-of-type(4n) {
	width: 15.7%;
}

.et_pb_gutters2.et_pb_footer_columns5 .footer-widget:nth-of-type(5n),
.et_pb_gutters3.et_pb_footer_columns5 .footer-widget:nth-of-type(5n) {
	width: 17.8%;
}
}

/*** Footer bottom ***/

.wpo {
    font-size:9.4px;
    text-align:right;
    position: absolute;
    bottom: 0;
    right: -2.75%;
    line-height: 1.25em;
    opacity: 0.88;
    max-width: 145px;
    color:#a7a7a7;
}

.wpo a {
    font-weight:normal !important;
    color: inherit;
}

@media (max-width: 768px) {
  .wpo {display: none;}
}