/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

.content p{
	min-height: 10px;
}
.content img{
	margin-top: 15px;
}
.content {
   font-family: 'Lato',Helvetica,Arial,Lucida,sans-serif;
	font-size: 18px;
	font-weight: 500;
	color: #2c2b27;
	line-height: 32.4px
}
.content table.no-table-t tr:first-child{
	background-color: transparent;
}
.content ol, 
.content ul{
	padding-left: 20px;
}
.content ol{
	list-style: auto;
}
.content ul{
	list-style: disc;
}
.content h2 a,
.content h3 a, 
.content h4 a{
	color: #2095d3; 
	border-bottom: 1px solid #2095d3;
}
.content table{
	width: 100%;
	margin: 15px 0;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6{
	margin: 15px 0;
}
/*  Practices Template */
.breadcrumbs{
	padding-bottom: 10px;
	border-bottom: 2px solid #fff;
	margin-bottom: 20px;
	min-height: 30px;
	color: #fff;
}
.top-wrap{
	/*background-color: #2095d3;*/
    background-color: #2c2b27;
	padding: 25px 0;
}
.top-wrap h1 {
	color: #fff;
	margin-bottom: 25px;
}
.menu-wrap{
	background: #eee;
	padding: 45px 0 25px;
font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    font-family: lato, sans-serif;
	margin-bottom: 30px;
}
.menu-wrap-content > div {
	margin-top: -10px;
}
.menu-wrap span {
   display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
    font-weight: 800;	
	color: #000;
}
.menu-wrap-content{
	display: flex;
	color: #fff;
}
.menu-wrap ul {
	padding: 0!important;
}
.menu-wrap li {
	padding: 0!important;
	position: relative;
}
.menu-wrap li:hover ul.sub-menu{
	display: block;
}
.menu-wrap li:before{
	display: none;
}
.menu-wrap ul.sub-menu{
	display: none;
	position: absolute;
	z-index: 99;
	top: 100%;
	left: 0;
	right: 0;
	margin: 0 auto;
	/*border-top: 4px solid #1b9bff;*/
    border-top: 4px solid #f1583d;
	width: 400px;
}
.table-wrap th{
	background-color: #2095d3;
	color: #fff;
	text-align: center;
}
.table-wrap th, .table-wrap td{
	padding: 5px 10px;
}
.table-wrap tr:nth-of-type(even) td{
	background-color: #eee;
}
.table-wrap th{
	min-width: 120px;
}
.wp-block-image{
	text-align: center;
}
.menu-wrap ul.sub-menu a {
	background: #eee;
}
.menu-wrap a {
	    background: #ddd;
    color: #000;
	display: block;
	padding: 10px 20px;
	text-decoration: none;
	cursor: pointer;
}
.menu-wrap a:hover, .menu-wrap a:active{
	background: #ddd!important;
    color: #000!important;
}
.bottom-wrap.menu-wrap ul.sub-menu{
	position: static;
	display: block;
}
.bottom-wrap.menu-wrap .menu-wrap-content{
	flex-direction: column;
	align-items: flex-start;
}
.bottom-wrap .menu-wrap-content > div{
	margin-top: 20px;
}
.bottom-wrap.menu-wrap .menu-wrap-content .sub-menu{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border: none;
}
.bottom-wrap.menu-wrap .menu-wrap-content li {
	width: 48%;
}
.bottom-wrap.menu-wrap .sub-menu li {
	margin-top: 20px;
}
.bottom-wrap.menu-wrap {
	padding: 30px 0;
}
code {
/* 	background: #eee; */
    background: #000;
    padding: 10px;
    font-size: 16px;
    display: block;
    line-height: 16px;
    color: #fff;
}
.bottom-wrap span{
	  font-size: 30px;
	  line-height: 46px;
    font-weight: 700;
    font-family: "raleway",sans-serif;	
}
.bottom-wrap.menu-wrap{
	margin-bottom: -20px;
	margin-top: 30px;
}
.bottom-wrap.menu-wrap .sub-menu{
	    width: 1100px;
}
.bottom-wrap.menu-wrap .sub-menu li:first-of-type{
	display: none;
}
.bottom-wrap.menu-wrap a {
	    border-radius: 3px;
    background-color: #fff!important;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 14%);
    color: #333;
}
.bottom-wrap.menu-wrap a:hover,
.bottom-wrap.menu-wrap .current_page_item > a,
.menu-wrap .sub-menu .current_page_item > a{
	/*background-color: #2095d3!important;*/
    background-color: #2c2b27!important;
	color: #fff!important;
}
.breadcrumbs a, .breadcrumbs {
	color: #fff;
	font-size: 16px;
	text-decoration: none;
	transition: all .3s ease;
}
.breadcrumbs a:hover{
	opacity: .8
}
.no-dots-list li:before{
	display: none;
}

/* card  */

.card-wrap{
	border: 2px solid #2095d3;
	padding: 20px;
	border-radius: 15px;
	margin-bottom: 20px;
	margin-top: 20px;
}
.card-item {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.card-item img{
	width: 70px;
}
.card-item .icon{
	margin-right: 10px;
}
.card-wrap .card-head{
	display: flex;
	align-items: center;
}
.card-wrap table.aws-tables tr:nth-child(even){
	background-color: #fff;
}
.card-wrap table.aws-tables tbody td {
    border: 1px solid #ABABAB;
	padding: 0;
}
.card-wrap table.aws-tables tbody td > div{
	padding: 7px 5px;
}
.card-wrap table.aws-tables tbody td > div:empty{
	background-color: #F3F3F3;
	height: 50px;
}
.card-wrap table{
	margin: 15px 0 0;
}
.card-wrap table th{
	font-size: 14px;
	line-height: 16px;
}
.card-wrap table.aws-tables tbody td > div{
	text-align: center;
}
.card-wrap table th{
	background-color: #2095d3;
	color: #fff;
	border-color: #fff;
}
.card-wrap table th{
	text-align: center;
}
.card-wrap table th:first-of-type{
	width: 165px;
	border-left-color: #2095d3;
	text-align: left
}
.card-wrap table th:last-of-type{
	border-right-color: #2095d3;
}
.card-wrap .card-head .logo-head{
	width: 25%;
	text-align: center;
}
.card-wrap .card-head .card-title{
	width: 75%;
	text-align: left;
	font-size: 27px;
	font-weight: 700;
}
.card-wrap .card-head{
	height: 85px;
	overflow: hidden;
}

@media screen and (max-width:768px){
	.card-wrap table.aws-tables tbody td > div:empty{
		background-color: transparent;
	}
	.card-wrap table.aws-tables tbody td{
		margin: 0 auto
	}
	.card-wrap .mtr-table tr:nth-child(odd) .mtr-td-tag {
		background: transparent!important;
	}
	.card-wrap .mtr-table tr:nth-child(odd){
		background: transparent!important;
	}
	.card-wrap{
		padding: 10px;
	}
	.card-wrap .card-head .logo-head{
		width: 40%;
	}
	.card-wrap .card-head .card-title{
		font-size: 14px;
		line-height: 20px;
		width: 60%;
		padding-left: 10px;
	}
	.card-item{
		font-size: 12px;
		line-height: 18px;
	}
	.card-item .icon{
		width: 25%;
	}
	.card-item p{
		width: 75%
	}
}


	

@media screen and (max-width: 768px){
	.menu:hover .sub-menu,
	.menu:active .sub-menu{
	   display: block;
    }
	
	.menu-wrap ul.sub-menu{
		width: 100%;
		pointer-events: all
	}
	.top-menu .menu > li > a,
	.top-menu .menu > li{
		pointer-events: none;
	}
	html {
		overflow-x: hidden;
	}
	.menu-wrap{
		padding-top: 25px;
	}
	.content table{
		width: 100%;
    	overflow-x: auto;
    	display: block;
	}
	.content tbody{
		display: block;
    	width: 160%;
	}
	.top-wrap h1{
		margin-bottom: 0;
		padding: 0;
	}
	.menu-wrap-content{
		flex-direction: column;
	}
	.menu-wrap-content > div{
		margin-top: 20px;
	}
	.wp-block-image img {
		height: auto;
	}
	.bottom-wrap.menu-wrap .sub-menu{
		width: 100%;
	}
	.bottom-wrap.menu-wrap .menu-wrap-content li{
		width: 100%;
	}
}