/* theme.css */

:root {
    --primary: #0057ff;
    --primary-dark: #003dcc;

    --secondary: #ff6b00;
    --secondary-dark: #d95a00;

    --success: #28a745;
    --warning: #ffc107;
    --danger: #dc3545;

    --white: #ffffff;
    --light: #f8f9fa;
    --grey: #6c757d;
    --dark: #212529;

    --text-colour: #333333;
    --background-colour: #f7f7f7;
}




html {
	overflow-x: hidden;
	width:100%;
	max-width:100%;
	scroll-behavior: smooth;
	}

body {
	font-family: open-sans, sans-serif;
	font-weight: 300; 
	font-size: 0.9rem;
	color: var(--text-colour);
    background-color: var(--background-colour);
	overflow-x: hidden;
	}

a {font-family: open-sans, sans-serif; font-weight: 300;}

p {font-family: open-sans, sans-serif; font-weight: 300; font-style: normal; font-size: 1rem; margin-bottom: 1rem; line-height: 1.5; color: #3e4c58; margin-top:0;}

.landbox .text, .seabox .text, .airbox .text {font-family: open-sans, sans-serif; font-weight: 300; font-style: normal; font-size: 1rem; margin-bottom: 1rem; line-height: 1.5; color: #3e4c58; margin-top:0;}


.servicesection p {font-family: open-sans, sans-serif; font-weight: 300; font-style: normal; font-size: 1.25rem; margin-bottom: 1rem; line-height: 1.5; color: #fff;}

/*istec colors*/
.istec-yellow {color: rgb(227, 190, 0); }
.istec-blue {color: rgb(62, 76, 88);}
.istec-blue a {color: rgb(62, 76, 88);}
.istec-blue a:hover {color: rgb(62, 76, 88); text-decoration:underline;}

.istec-white {color: rgb(255, 255, 255)!important;}
.istec-white p {color: rgb(255, 255, 255)!important;}


 
h1, h2, h3, h4, h5 {
	font-family: open-sans-condensed, sans-serif;
	font-weight: 700;
	font-style: normal;
    text-transform: uppercase;
    line-height: 1;
}

.display-1 {font-size: 3.4rem; font-family: open-sans-semicondensed, sans-serif; font-weight: 700; text-transform: uppercase;} 
.display-2 {font-size: 3rem; font-family: open-sans-semicondensed, sans-serif; font-weight: 700; text-transform: uppercase;}
.display-3 {font-size: 2.2rem; font-family: open-sans-semicondensed, sans-serif; font-weight: 700; text-transform: uppercase;}
.display-4 {font-size: 1.4rem; font-family: open-sans-semicondensed, sans-serif; font-weight: 700; text-transform: uppercase;}
.display-5 {font-size: 1.25rem; font-family: open-sans-semicondensed, sans-serif; font-weight: 700; text-transform: uppercase;}

/*.header-banner .display-1 {font-size: 3.4rem; font-family: open-sans-semicondensed, sans-serif; font-weight: 700; text-transform: uppercase;}
.header-banner .display-2 {font-size: 3rem; font-family: open-sans-semicondensed, sans-serif; font-weight: 700; text-transform: uppercase;}
.header-banner .display-3 {font-size: 2.2rem; font-family: open-sans-semicondensed, sans-serif; font-weight: 700; text-transform: uppercase;}
.header-banner .display-4 {font-size: 1.4rem; font-family: open-sans-semicondensed, sans-serif; font-weight: 700; text-transform: uppercase;}*/


.clip-bottom {
background: #fff;
    min-height: 200px;
    clip-path: polygon(
        0 0,
        100% 0,
        100% 70%,
        50% 100%,
        0 70%
    );
}


body.menu-open {
    overflow: hidden;
    height: 100vh;
}


.elementor-button {
	background-color: rgba(255, 255, 255,1)!important;
	border:solid thin rgb(62, 76, 88);
	color:rgb(62, 76, 88);
}

.button-nobg .elementor-button  {
	background-color: rgba(255, 255, 255,0)!important;
	border:solid thin rgb(62, 76, 88);
	color:rgb(62, 76, 88);
}

.elementor-button .elementor-button-text {
	font-family: open-sans-semicondensed, sans-serif;
	font-weight: 700;
	font-style: normal;
    text-transform: uppercase;
    line-height: 1;
	color:rgb(62, 76, 88);
}

.elementor-button:hover {
	background-color: rgba(255, 255, 255,1)!important;
	border:solid thin rgb(62, 76, 88);
	color:rgb(62, 76, 88);
}
.elementor-button .elementor-button-icon {
	fill:rgb(62, 76, 88);
}
.elementor-button:hover .elementor-button-text{
	color:rgb(62, 76, 88);
}
.elementor-button:hover .elementor-button-icon {
	fill:rgb(227, 190, 0);;
}








.header-banner .elementor-button {
	background-color: rgba(255, 255, 255,0)!important;
	border:solid thin #fff;
	color:#fff;
}

.header-banner .elementor-button .elementor-button-text {
	font-family: open-sans-semicondensed, sans-serif;
	font-weight: 700;
	font-style: normal;
    text-transform: uppercase;
    line-height: 1;
	color:#fff;
}
.header-banner .elementor-button .elementor-button-icon {
	fill:#fff;
}
.header-banner .elementor-button:hover {
	background-color: rgba(255, 255, 255,1)!important;
	border:solid thin #fff;
	color:rgb(62, 76, 88);
}

.header-banner .elementor-button:hover .elementor-button-text{
	color:rgb(62, 76, 88);
}
.header-banner .elementor-button:hover .elementor-button-icon {
	fill:rgb(62, 76, 88);
}



.news-cont {
	color: #e3be00;
	font-weight:500;
	text-decoration: none;
	background-color: transparent;
}


.istec-news-loop:hover .news-cont {
	text-decoration: underline;
	text-decoration-color:rgb(62, 76, 88);
}

.istec-news-section .elementor-pagination {
	margin-top:40px;
}


.page-numbers {
	background:#fff;
	border: solid 2px rgb(62, 76, 88); 
	padding: 10px 15px;
	border-radius:4px;	
	color: rgb(62, 76, 88);
}

.page-numbers:hover {
	background:#F3F3F4;

}


.current {
	background:rgb(62, 76, 88);
	border: solid 2px rgb(62, 76, 88); 
	padding: 10px 15px;
	border-radius:4px;	
	color:#fff;
}

.current:hover {
		background:#F3F3F4;
color:rgb(62, 76, 88);
}

ul.page-numbers {
	gap: 10px;
    display: inline-flex!important;
    background: rgba(0, 0, 0, 0);
}

.clearafter {clear:both;}

/*footer*/
.istec-site-footer .copyrightbanner {
	
	border-top:solid thin #fff;
	padding-top:20px;
	
}
.istec-site-footer .custom-logo-link img {
	height:auto;
	margin-right:50px;
}

.istec-site-footer {
    background: #f9f9f9;
	background-image: url('/wp-content/themes/istec/assets/images/bg_pattern_footer.png');
    color: #fff;
    padding: 80px 0;
	
}

.istec-site-footer p {
	font-size:0.9rem;
}

.istec-site-footer h3 {
	font-size:1.25rem;
	color: rgb(62, 76, 88);
	text-transform:uppercase;
	font-weight:700;
}

.istec-site-footer li {
	font-family: open-sans, sans-serif;
	font-size:0.9rem;
	color: rgb(62, 76, 88);
	font-weight:300;
	padding-bottom:15px;
    list-style-type: none;
    margin-block-start: 0em;
    margin-block-end: 0em;
    padding-inline-start: 0px;
	}
	
	.istec-site-footer li:hover {
	text-decoration:underline;
	}
.istec-site-footer ul {

    list-style-type: none;
    margin-block-start: 0em;
    margin-block-end: 0em;
    padding-inline-start: 0px;
	}

.istec-site-footer .inner-container {
	
	max-width: 1280px;
	margin:0 auto;
}

.istec-site-footer .inner-container .row {

	display:flex;
	flex-wrap: nowrap;
    margin-right: -15px;
    margin-left: -15px;
	overflow:hidden;
}

.istec-site-footer .site-footer__column {
	
padding: 20px;
width: 33.33333%;
}

.istec-site-footer a {
    color: inherit;
    text-decoration: none;
}

.jet-form-builder {
		font-family: open-sans-semicondensed, sans-serif;
	font-weight: 700;
	font-style: normal;
    text-transform: uppercase;
    line-height: 1;
	color:rgb(62, 76, 88);
	

}

.jet-form-builder input {
	
	font-family: open-sans, sans-serif;
	font-weight: 300;
	font-style: normal;
    line-height: 1;
	color:rgb(62, 76, 88);
	border: solid thin rgb(62, 76, 88);
padding:7px;
}


.jet-form-builder input:focus {
	

	color:#fff;
	background-color: rgb(62, 76, 88);

}

.jet-form-builder textarea {
	
	font-family: open-sans, sans-serif;
	font-weight: 300;
	font-style: normal;
    line-height: 1;
	color:rgb(62, 76, 88);
	border: solid thin rgb(62, 76, 88);
	padding:12px;
	min-height:200px;
}

.jet-form-builder button {
	background-color: #e3be00;
	border:none;
	border-radius:8px;
	padding:10px 25px;
}

.istec-site-footer button {
	
	font-family: open-sans-semicondensed, sans-serif;
	font-weight: 700;
	font-style: normal;
    text-transform: uppercase;
    line-height: 1;
	color:rgb(62, 76, 88);
	border:solid thin rgb(62, 76, 88);

}

.istec-site-footer button:hover {
	
	font-family: open-sans-semicondensed, sans-serif;
	font-weight: 700;
	font-style: normal;
    text-transform: uppercase;
    line-height: 1;
	color:#fff;
	border:solid thin rgb(62, 76, 88);
	background:rgb(62, 76, 88)!important;
		cursor:pointer;

}

.istec-site-footer button:focus, .istec-site-footer button:visited  {
	
	color:#fff;
	background:rgb(62, 76, 88)!important;
}

.istec-header .elementor-button {
	background:#E3BE00!important;
	color:#fff!important;
	border:none;
}


.istec-header .elementor-button .elementor-button-text {
	color:#fff!important;
}

.istec-header {
    position: relative;
    z-index: 999;
    transition: all 0.3s ease;
}

.istec-header.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
	background:#fff!important;
	box-shadow:0 0 40px #333;
}



.istec-header.is-sticky li.menu-item a {

color:#3e4c58!important;
}

.istec-header.is-sticky .phone a {

color:#3e4c58!important;
}	
	

.istec-header.is-sticky li.menu-item .sub-arrow {

fill:#3e4c58!important;
}
.logo-sticky {
    display: none;
}

.istec-header.is-sticky .logo-default {
    display: none;
}

.istec-header.is-sticky .logo-sticky {
    display: block;
}

.istec-header li li {background:#fff;}
.istec-header li li a:hover {background:#3e4c58;}
.istec-header.is-sticky li li a {color: #ffffff;}
.istec-header.is-sticky li li a:hover {background:#fff;}
.istec-header {padding-bottom:.300px;}
.header-banner {padding: 50px;}

@media (max-width: 1024px) {



}





@media (max-width: 768px) {


.istec-site-footer {
	padding:25px;
}

.display-1 {font-size: 1.6rem; } 
.display-2 {font-size: 1.4rem;}
.display-3 {font-size: 1.2rem;}
.display-4 {font-size: 1rem; }
.display-5 {font-size: 1rem;}

.istec-site-footer .inner-container .row {

	display:block;
	flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 0px;
	overflow:hidden;
}
.istec-site-footer .custom-logo-link img {
	height:auto;
	margin-right:0px;
	max-width:160px;
}
.istec-site-footer img {
	max-width:100%;
}
.istec-site-footer .site-footer__column {
	
padding: 0px;
width: 100%;
}

.istec-header .elementor-button {
width:100%;
}

.clip-bottom {
background: #fff;
    min-height: 200px;
    clip-path: polygon(
        0 0,
        100% 0,
        100% 90%,
        50% 100%,
        0 90%
    );
}

html.menu-open,
html.menu-open body {
    overflow: hidden;
    touch-action: none;
    overscroll-behavior: none;
}


}