/*
 Theme Name:   Child Theme for Customization
 Theme URI:    https://www.i4.net
 Description:  Custom theme for customization
 Author:       i4 Solutions
 Author URI:   https://www.i4.net
 Template:     base-bootstrap4
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  base-bootstrap4
*/

/*--Mobile Menu --*/
/* Icon 1 */

.animated-icon1, .animated-icon2, .animated-icon3 {
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.animated-icon1 span, .animated-icon2 span, .animated-icon3 span {
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.animated-icon1 span {
background: #e65100;
}

.animated-icon2 span {
background: #e3f2fd;
}

.animated-icon3 span {
background: #f3e5f5;
}

.animated-icon1 span:nth-child(1) {
top: 0px;
}

.animated-icon1 span:nth-child(2) {
top: 10px;
}

.animated-icon1 span:nth-child(3) {
top: 20px;
}

.animated-icon1.open span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}

.animated-icon1.open span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}

/* Icon 3*/

.animated-icon2 span:nth-child(1) {
top: 0px;
}

.animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3) {
top: 10px;
}

.animated-icon2 span:nth-child(4) {
top: 20px;
}

.animated-icon2.open span:nth-child(1) {
top: 11px;
width: 0%;
left: 50%;
}

.animated-icon2.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

.animated-icon2.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.animated-icon2.open span:nth-child(4) {
top: 11px;
width: 0%;
left: 50%;
}

/* Icon 4 */

.animated-icon3 span:nth-child(1) {
top: 0px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3 span:nth-child(2) {
top: 10px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3 span:nth-child(3) {
top: 20px;
-webkit-transform-origin: left center;
-moz-transform-origin: left center;
-o-transform-origin: left center;
transform-origin: left center;
}

.animated-icon3.open span:nth-child(1) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: 0px;
left: 8px;
}

.animated-icon3.open span:nth-child(2) {
width: 0%;
opacity: 0;
}

.animated-icon3.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 21px;
left: 8px;
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid #29a2dd;
    border-radius: .25rem;
}


@media only screen and (max-width: 980px){
	.menu-mobile {
		cursor: pointer;
		margin-left: auto;
		display: block;
	}

	.menu-toggle {
		display: block;
		float: right;
		width: 40px;
	}

	.menu-bar {
		background: #777;
		cursor: pointer;
		display: block;
		height: 1px;
		margin: 8px 0;
		position: relative;
		top: 0;
		-webkit-transition: all .5s;
		-moz-transition: all .5s;
		-ms-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}

	.menu-open .menu-bar:nth-child(1) {
		top: 8px;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.menu-open .menu-bar:nth-child(2) {
		display: none;
	}

	.menu-open .menu-bar:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
    }
    
    .menu-toggle:focus {
        outline-color:transparent!important;
    }

    .navbar-nav {
        float:initial!important;
    }

    .container-fluid {
        width:95%;
        margin:0px auto;
    }
}

.dropdown-toggle::after {
    display:none!important;
}

.dropdown {
    z-index: 1000;
}

.dropdown-menu li:hover a+ul {
    display: block;
}

@media screen and (min-width:981px){
    .navbar-nav .dropdown-menu ul.dropdown-menu {
        left: 100%;
        top:0px;
    }
}

.pageHeader {
    width: 100%;
}

.largeContainer {
	width:100%;
    max-width: 1600px;
    margin: 0px auto;
}

#pageSection1 {
	padding:50px 0px;
}

@media screen and (min-width:1024px){
	.pageHeader h1 {
		padding: 15px 200px;
	}
}

.pageSection1List {
	list-style: none;
	padding:0px;
}

.pageSection1List li {
    margin-bottom: 18px;
}

.pageSection1List img {
    margin-right: 15px;
}

h3.pageSection1Heading {
    margin-bottom: 35px;
}

.section2Heading {
    width: 100%;
}

h2.pageSection2Heading {
    color: #fff;
	border-bottom: 4px solid #fff;
	display:inline-block;
}

.pageSection2Text {
    width: 100%;
}

.pageSection2Text img {
    margin: 15px;
}

.pageSection3List .row {
    margin-bottom: 20px;
    overflow:hidden;
}

#pageSection3 {
    margin: 25px 0px;
}

h3.pageSection3Heading {
    border-bottom: 5px solid #ccc;
    display: inline-block;
    padding-bottom: 8px;
    margin-bottom: 45px;
}

.card {
	border:none!important;
	margin-bottom:15px;
}

.card-header {
    background: #0496cd!important;
	border: none!important;
	padding:5px 40px 5px 10px!important;
}

.card-header h5 {
	margin-top:0px!important;
}

.card-header h5 button {
    color: #fff!important;
    text-transform:inherit;
	font-size:1.9rem;
	font-weight:600;
	line-height: 1.8;
}

.card-header h5 button.btn-link:hover {
	text-decoration: none!important;
}

span.plusSign {
    color: #fff;
    text-align: right;
    float: right;
    padding-top: 1.2%;
    font-size: 1.8rem;
    font-weight: 100;
}

.pageHeader {
    width: 100%;
    margin-top: 110px;
}
@media screen and (max-width:1380px){
.pageHeader {
    width: 100%;
    margin-top: 85px;
}
}
@media screen and (max-width:650px){
.pageHeader {
margin-top: 90px;
}
}