/*-------------------------------------------------------
Theme Name: Child Theme
Theme URI: https://www.titaniumtechniques.com/
Description: A child theme template for Divi
Author: AIM Internet
Template: Divi
Version: 4.27.4
----------------- ADDITIONAL CSS HERE ------------------*/

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

@font-face {
    font-family: 'poppinsregular';
    src: url('fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsmedium';
    src: url('fonts/poppins-medium-webfont.woff2') format('woff2'),
         url('fonts/poppins-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body, #et-top-navigation {font-family: 'poppinsregular';}
h1,h2,h3,h4,h5,h6 {font-family: 'poppinsmedium';}
h1 {font-size:37px !important; line-height:45px !important;}
h2 {font-size:32px; line-height:35px;}
h3 {font-size:27px; line-height:35px;}
h4 {font-size:23px; line-height:30px;}
h5 {font-size:19px; line-height:28px;}

p {padding:0px 10px 15px 0px; line-height:26px;}

.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container {padding-top: 108px;}
.et_fixed_nav #top-header {display:none;}
#main-header .container, .et_pb_fullwidth_header .et_pb_fullwidth_header_container, #top-header .container {width:92%; max-width:92%;}
#main-header {box-shadow:none; background-color:#005892;}
.et_header_style_left .logo_container {position:inherit; width:auto; height:auto; float:none; padding:20px 0px 5px 0px;}
.et_header_style_left #logo {max-width:94%;}

.header-call {width:auto; height:auto; display:table; background-color:#98C669; color:#FFFFFF; margin:10px auto 0px auto; padding:5px 10px; text-align:center;}
.header-call a {color:#FFFFFF;}

.home-slider .et_pb_slider {height:590px;}
.home-slider .et_pb_slide {height:300px; padding:0px;}
.home-slider .et_pb_slide_content {font-size:15px !important;}
.home-slider .et_pb_slide_description {animation:none; position:relative; bottom:-280px; padding:2% 3%;}
.home-slider .et-pb-controllers a {width:10px; height:10px;}

.ttl01 {font-family: 'poppinsmedium'; font-size:20px; color:#005892; padding-bottom:5px !important;}
.accreditation {display:table; margin:0px auto; padding:40px 0px 0px 0px;}
.accreditation li {display:inline-table; margin:0px 10px; padding:0px; tex-align:center;}

#main-footer .container {max-width:1200px;}
#footer-widgets {padding-top:4%;}
.footer-widget {margin-bottom:20px !important;}
.footer-widget h4 {font-size:23px;}
#footer-widgets .footer-widget li::before {border-color:none; border-width:0px; border-radius:0px; top:0px !important;content:"»"}
.footer-widget a {font-size:15px;}

#footer-bottom .et-social-icons {width:99%; text-align:left; margin-top:-30px;}
#footer-bottom .et-social-icons li {margin-bottom:20px;}
.et-social-linkedin a.icon::before {content: '\e09d';}
.et-social-youtube a.icon::before {content: '\e0a3';}

.footer-block {width:99%; float:left;}
.copyright, .footerlink {font-size:14px; font-weight:normal; text-align:center; margin:0px; padding:0px 0px 5px 0px; color:#393D3E;}
.footerlink a {color:#464646; font-weight:400; text-decoration:underline;}
.footerlink a:hover {text-decoration:none;}
#footer-bottom {padding-bottom:15px;}

/*Mobile Nestead Menu */
.mobile_menu_bar::before {color:#FFFFFF !important;}
.et_mobile_menu {font-family: 'poppinsregular'; background-color:#FFFFFF; text-align: left;}
.et_header_style_left #et-top-navigation .mobile_menu_bar {padding-bottom:10px;}
.et_mobile_menu li a {font-size:17px; font-weight:normal;}
.et_mobile_menu li a:hover {color:#005892; opacity:1; background-color:#EEEEEE;}
#main-header .et_mobile_menu .menu-item-has-children > a {position: relative; background-color:inherit; }
#main-header .et_mobile_menu .menu-item-has-children > a:after {font-family: 'ETmodules'; text-align: center; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: absolute; font-display:swap;}
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-size: 16px; content: '\50'; top: 13px; right: 10px; }
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { content: '\4d'; font-size:18px; font-weight: bold;}
#main-header .et_mobile_menu ul.sub-menu { display: none !important; visibility: hidden !important;  transition: all 1.5s ease-in-out;}
#main-header .et_mobile_menu .visible > ul.sub-menu {display: block !important; visibility: visible !important;}
#main-header .et_mobile_menu .visible > ul.sub-menu li a {font-size:16px; color:#005892; background-color:#f7f7f7; border-bottom:1px solid #EEEEEE;}
#main-header .et_mobile_menu .visible > ul.sub-menu li a:hover {background-color:#DA0C35; color:#FFFFFF;}

.table01 {width:96% !important; font-size:15px; margin:0px auto !important; text-align: center !important; border: 1px solid #CCCCCC;}
.table01 tr, .table01 td, .table01 th {border: 1px solid #CCCCCC !important; padding:10px 5px !important; color:#333333 !important;}
.table01 th {font-size:16px; background-color:#005892; color:#FFFFFF !important; text-align: center;}

.bullet, .bullet01 {margin:0px 0px 10px 25px; padding:0px !important;}
.bullet li, .bullet01 li {list-style-type:square; margin:0px; padding:0px 5px 10px 0px; line-height:25px;}

.wpcf7-form .field01 {width:99%;}
.field01 input[type="text"], .field01 input[type="email"], .field01 input[type="tel"], .field01 select {width:99%; height:40px; float:left; font-size:15px; padding:1%; margin:0px 0px 20px 0px; background-color:#FFFFFF; border:1px solid #cccccc; border-radius:0px;}
.field02 textarea {width:99%; padding:1%; font-size:15px; margin:0px; background-color:#FFFFFF; border:1px solid #cccccc; border-radius:0px;}
.field01 input[type="text"]:focus, .field01 input[type="email"]:focus, .field01 input[type="tel"]:focus, .field02 textarea:focus, {border-color:#19295b; color:#FFFFFF !important;}
.wpcf7-list-item {font-size:16px; margin:20px 0px;}
.btn-submit {float:left; background-color:#98c669 !important; color:#FFFFFF; cursor:pointer; font-size:18px; font-weight:700; padding:10px 25px; margin:10px 0px; border:none;}
.btn-submit:hover {background-color:#005892 !important;}
.wpcf7-mail-sent-ok {display:none !important;}
div.wpcf7-mail-sent-ng, div.wpcf7-validation-errors {float:left;}


/* Desktop CSS*/
@media only screen and (min-width: 768px) {
	h1 {font-size:50px !important; line-height:55px !important;}
	h2 {font-size:42px; line-height:54px;}
	h3 {font-size:34px; line-height:42px;}
	h4 {font-size:28px; line-height:38px;}
	h5 {font-size:22px;}
	.et_header_style_left .logo_container {float:left;}
	.header-call {float:right;}
	
	.et_header_style_left #et-top-navigation {width:99%; font-family: 'poppinsmedium'; padding:0px !important;}
	nav#top-menu-nav {float:right;}
	.et_header_style_left #et-top-navigation nav > ul > li > a {padding-bottom:20px;}
	#top-menu-nav > ul > li > a:hover {opacity:0.9; color:#72c6f0 !important;}
	#top-menu li a {font-weight:normal;}
	#top-menu .menu-item-has-children > a:first-child::after {top:2px; right:3px;}
	
	.et_header_style_left #et-top-navigation nav > ul > li > a {padding-bottom:25px;}
	.nav li ul {width:250px !important; padding:3px !important; border-top:none !important; margin-top:-5px;}
	.nav li li {line-height: 22px !important;}
	#top-menu li li {padding:0px !important;}
	#top-menu li li a, #main-header.et-fixed-header #top-menu li li a {width:240px !important; font-size:16px; color:#005892 !important; padding:7px 10px !important;}
	#main-header.et-fixed-header #top-menu li li a:hover, #top-menu li li a:hover {background-color:#f7f7f7; opacity:1;}
	.nav li li ul {top:5px;}
	
	.home-slider .et_pb_slider {height:700px;}
	.home-slider .et_pb_slide {height:500px;}
	.home-slider .et_pb_slide_description {bottom:-330px;}
		
	.copyright {float:left;}
	.footerlink {float:right;}
	.bullet01 {column-count:2;}
	#footer-bottom .et-social-icons {width:50%; margin-top:-250px; margin-right:170px; text-align:right;}
}

@media only screen and (min-width:200px) and (max-width:1300px){
    .container, .et_pb_row {width: 92%;}
}

@media only screen and (min-width:768px) and (max-width:990px){
	.footer-block {margin-top:20px;}
	#footer-bottom .et-social-icons {width:99%; margin-top:-295px; text-align:left;}
}	

@media only screen and (min-width:200px) and (max-width:767px){
	#footer-widgets .footer-widget:nth-child(n) {margin-bottom:5% !important;}
	#footer-widgets {padding-bottom:4%;}
}