/*
Theme Name: in2ecosystem
Author: Insight Designs
Template: unicon
Version: 1.1
*/



/*#############################################  
#############################################  FONTS
#############################################*/  

@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap');

.hanken-grotesk {
  font-family: "Hanken Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}

/*
+++++++++++++++++++++
COLORS
+++++++++++++++++++++

Primary Orange		F2542A
Primary Blue		0C214E
Violet				312E8C
Purple				5F007B
Navy				0F4687
Sec. Blue			2678DB
Sec. Light Blue		35A8ED
Teal				0A8689
Dark Green			006629
Green				17A044
Sec. Orange			FB8500
Red					DD031D
Gray 1				464646
Gray 2				939598
Gray 3				D1D3D4
Gray 4				E6E7E8
*/

/*
+++++++++++++++++++++
Gradients
+++++++++++++++++++++
*/

.grad-violet{
	background: #0B224E;
	background: linear-gradient(135deg, rgba(11, 34, 78, 1) 0%, rgba(48, 46, 140, 1) 100%);
}

.grad-purple {
	background: #191B56;
	background: linear-gradient(135deg, rgba(25, 27, 86, 1) 0%, rgba(83, 6, 117, 1) 100%);
}

.grad-dark-blue {
	background: #0B224E;
	background: linear-gradient(135deg, rgba(11, 34, 78, 1) 0%, rgba(16, 70, 135, 1) 100%);
}

.grad-lite-blue {
	background: #104687;
	background: linear-gradient(135deg, rgba(16, 70, 135, 1) 0%, rgba(38, 119, 219, 1) 100%);
}

.grad-red{
	background: #DE031D;
	background: linear-gradient(135deg, rgba(222, 3, 29, 1) 0%, rgba(242, 84, 42, 1) 100%);
}

.grad-orange{
	background: #F2542A;
	background: linear-gradient(135deg, rgba(242, 84, 42, 1) 0%, rgba(250, 133, 0, 1) 100%);
}

.grad-green{
	background: #156B2B;
	background: linear-gradient(135deg, rgba(21, 107, 43, 1) 0%, rgba(35, 155, 65, 1) 100%);
}

.grad-gray {
	background: #9A9CA0;
	background: linear-gradient(135deg, rgba(154, 156, 160, 1) 0%, rgba(222, 223, 225, 1) 100%);
}

.grad-light-gray {
    background: #9A9CA0;
    background: linear-gradient(135deg, rgb(250 251 255) 0%, rgba(222, 223, 225, 1) 100%);
}





/*###############################################
SITEWIDE STYLES
###############################################*/

body :is(p,li, blockquote, h1, h2, h3, h4, h5, h6){
  font-family: "Hanken Grotesk", sans-serif!important;
}

body h1 {
    text-transform: uppercase;
    letter-spacing: -0.03em;
    font-weight: 100;
}

body :is(h2, h4, h6){
	color: #312E8C;
}

body footer h2 {
    color: #FB8500;
    font-size: 23px;
    font-weight: 500;
}


body :is(h3, h5) {
    font-weight: 600;
}

body :is(.wpb_row,
	.wpb_content_element,
	ul.wpb_thumbnails-fluid > li,
	.last_toggle_el_margin,
	.wpb_button) {
	    margin-bottom: 0px;
	}

body :is(h1 a, h2 a, h3 a, h4 a, h5 a, h6 a){
	color: #d13723;
}

body .color-light p a{
	color: #ffffff;
    background-repeat: no-repeat;
    background-size: 0 2px;
    background-position: left bottom;
    opacity: 1;
    background-image: linear-gradient(to right,#000000 0,#000000 100%);
    transition: background-size 0.55s cubic-bezier(.2,.75,.5,1),color 0.5s ease!important;
    text-decoration: none;
}

body .color-light p a:hover{
	background-image: linear-gradient(to right,#ffffff 0,#ffffff 100%);
    background-size: 100% 2px;
}

body ::marker {
	color:#DD031D;
}

body :is(.vc_section.vc_section-has-fill,
	.vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section,
	.vc_section.vc_section-has-fill+.vc_section) {
		padding-top: 0;
	}



body :is(a.button,
	input[type=submit],
	button,
	.minti_button,
	a.button.full,
	#navigation ul li.nav-button a,
	.vc_btn3):not(.desktop-toggleBtn) {
		font-family: "Hanken Grotesk", sans-serif!important;
		position: relative;
	    border-radius: 5px 13px!important;
	    border: none;
	    color: #FFFFFF;
	    transition-property: all;
	    transition-duration: .5s;
	    text-transform: uppercase!important;
	    margin: 0;
	    padding: 12px 22px!important;
	    background-position: left center!important;
	    background-image: linear-gradient(135deg, rgba(222, 3, 29, 1) 0%, rgba(242, 84, 42, 1) 100%);
	    box-shadow: inset 4px -4px 6px 0px rgb(0 0 0 / 15%), inset -4px 4px 6px 0px rgb(255 255 255 /10%), 0 4px 6px rgb(0 0 0 /30%);
	    font-size: 16px;
}


body :is(a.button:hover,
	input[type=submit]:hover,
	button:hover,
	.minti_button:hover,
	a.button.full:hover,
	#navigation ul li.nav-button a:hover,
	.vc_btn3:hover):not(.desktop-toggleBtn:hover) {
		/* filter: hue-rotate(90deg); */
	    box-shadow: inset 4px -4px 6px 0px rgb(0 0 0 / 15%), inset -4px 4px 6px 0px rgb(255 255 255 /10%), 0 2px 3px rgb(0 0 0 /40%);
		background-image: linear-gradient(135deg, rgb(171 0 20) 0%, rgb(209 45 0) 100%) !important;
	}
	
/* Slider Rev button */
body a.sr7-layer.minti_button {
	background-image: linear-gradient(135deg, rgba(222, 3, 29, 1) 0%, rgba(242, 84, 42, 1) 100%) !important;
}

/* Secondary Button */
body section div:not(.minti_button).secondary-in2-button a.vc_general.vc_btn3.vc_btn3-size-lg.vc_btn3-shape-rounded.vc_btn3-style-classic.vc_btn3-color-black {
    background-image: none !important;
    background: rgb(253 253 253);
    border: 2px solid #de031d !important;
    border-style: solid !important;
    border-radius: 5px 13px !important;
    color: #de031d !important;
    box-shadow: none !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px;
    font-size: .8em !important;
    padding: 6px 11px !important;
	transition: none !important;
}
body section div:not(.minti_button).secondary-in2-button a.vc_general.vc_btn3.vc_btn3-size-lg.vc_btn3-shape-rounded.vc_btn3-style-classic.vc_btn3-color-black:hover {
    color: #ffffff !important;
    background: rgb(253 253 253 / 7%) !important;
}

body #content a{
	font-weight: 600;
}


body :is(.vc_separator.vc_sep_color_purple .vc_sep_line,
	.vc_separator.vc_sep_color_blue .vc_sep_line,
	.vc_separator.vc_sep_color_turquoise .vc_sep_line,
	.vc_separator.vc_sep_color_violet .vc_sep_line,
	.vc_separator.vc_sep_color_peacoc .vc_sep_line,
	.vc_separator.vc_sep_color_mulled_wine .vc_sep_line,
	.vc_separator.vc_sep_color_chino .vc_sep_line,
	.vc_separator.vc_sep_color_sky .vc_sep_line,
	.vc_separator.vc_sep_color_vista_blue .vc_sep_line){
		border-color: #5F007B;
}


body :is(.vc_separator.vc_sep_color_orange .vc_sep_line,
	.vc_separator.vc_sep_color_pink .vc_sep_line,
	.vc_separator.vc_sep_color_juicy_pink .vc_sep_line,
	.vc_separator.vc_sep_color_sandy_brown .vc_sep_line){
		border-color: #FB8500;
}
	
body :is(.vc_separator.vc_sep_color_green .vc_sep_line){
		border-color: #17A044;
}

body .image_box_rounded img {
    border-radius: 6px 29px;
}


body .rounded-boxes-bg{
    border-radius: 7px 24px;	
}

body blockquote p {
    margin: 0 !important;
    padding: 1px 0 1px 20px;
    border-left: 4px solid #D1D3D4;
    color: #5F007B;
    font-weight: 600;
    font-style: italic;
}

body span.single_image_caption {
    display: none;
}

/*###############################################
ACCESIBILITY STYLES
###############################################*/
/* General keyboard nav focus states */
body a:focus-visible {
	outline: 2px solid;
	outline-offset: 2px;
}
body a:focus-visible img {
	border: 2px solid;
	padding: 2px;
}
body .vc_do_btn a:focus:focus-visible {
	outline: 2px solid black;
	outline-offset: 2px;
}
/* Blue gradient bg keyboard nav focus states - buttons */
body .grad-dark-blue .vc_do_btn a:focus:focus-visible {
	outline: 2px solid white;
	outline-offset: 2px;
}
/* Skiplink to content styles */
 .skip-link {
   position: absolute;
   left: -9999px;
   z-index: 999;
   padding: 1em;
   background-color: #fff;
   color: #000;
   text-decoration: none;
 }
 
 .skip-link:focus {
   left: 0;
 } 
/*###############################################
HOME PAGE STYLES
###############################################*/



.rounded-boxes-bg .vc_col-sm-3.grad-lite-blue.wpb_column.column_container.col.no-padding.color-dark {
    padding: 0;
    margin: 0 10px;
    width: calc(25% - 20px);
    background: linear-gradient(135deg, rgba(16, 70, 135, 1) 0%, rgba(38, 119, 219, 1) 100%);
    border-radius: 7px 24px;
    padding: 20px 10px;
}

body .impact-icons img {
    max-width: 125px;
}

body .impact-icons h3 {
    line-height: 1;
	margin-top: 15px;
}

body .video-embed iframe {
    border-radius: 6px 29px;
}

body .minwidth-150 a.vc_general.vc_btn3 {
    min-width: 150px;
}

body .minwidth-175 a.vc_general.vc_btn3 {
    min-width: 175px;
}
@media only screen and (max-width: 767px) {
	.home-support-buttons .wpb_wrapper {
		text-align: center;
	}
}
@media only screen and (max-width: 500px) {
	.home-support-buttons .wpb_wrapper {
		display: grid;
		flex-direction: column;
		grid-template-columns: repeat(2, 1fr);
	}
	body .minwidth-175 a.vc_general.vc_btn3 {
		min-width: 150px;
	}
}

#home-portfolio-list p.project-card__desc {
    font-size: 1em;
}
#home-portfolio-list .project-card__image {
    max-height: 250px;
}

#home-portfolio-list .project-card__divider {
    margin-bottom: 30px !important;
}

/*###############################################
HEADER STYLES
###############################################*/

body #logo img {
    height: 70px;
    width: auto;
}
	
body header#header {
    box-shadow: none;
}

body #header.header-transparent.header-v1 {
	box-shadow: none!important;
}

body #header.header-transparent.header-v1 #navigation > ul > li > a {
    color: rgba(255,255,255,1);
}

	
body header#header #navigation > ul > li:not(.nav-button) > a {
	font-family: "Hanken Grotesk", sans-serif!important;
	border-bottom: 0px solid #DD6504;
	transition: .2s all ease-in-out;
	padding: 0;
	margin-left: 17px;
	margin-right: 17px;
	padding-bottom: 4px;
	text-transform: uppercase;
}
	
body header#header #navigation > ul > li:not(.nav-button) > a:hover {
		border-bottom: 4px solid #DD6504;
}
	
body #navigation ul li.nav-button a{
		margin-left: 15px;
		margin-top: -10px;
}

/* Accessible main navigation + mobile navigation - General styles for layout, please customize to site integrated on.
*/
#navigation ul#nav {
    display: flex;
    flex-direction: row;
  }
  #navigation #nav li{
    display: flex;
    align-items: center;
  }
  #navigation li.menu-item-has-children {
    display: flex;
    align-items: center;
  }
  #navigation button.desktop-toggleBtn, #mobile-nav button.desktop-toggleBtn {
    background: none;
    border: none;
    margin: unset;
    padding: 24px 24px 24px 9px;
  }
  #navigation button.desktop-toggleBtn:focus-visible, #mobile-nav button.desktop-toggleBtn:focus-visible {
    outline: 2px solid !important;
    outline-offset: 2px;
  }
  #navigation .no-after.sf-with-ul:after, #mobile-nav .no-after i{
    display:none;
  }
  /* Mobile menu styles */
  #mobile-nav li.menu-item-has-children {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #mobile-nav li.menu-item-has-children a{
    width: 100%;
  }
  #mobile-nav li.menu-item-has-children a.no-after{
    width: calc(100% - 39px);
  }
  #mobile-nav button.desktop-toggleBtn {
    background: none;
    border: unset;
    border-bottom: 1px solid #3f5b89;
    border-radius: unset;
    margin: unset;
    padding-right: unset;
    padding-left: 24px;
  }
  #mobile-nav .sub-menu {
    width: 100%;
  }
#mobile-navigation ul li .desktop-toggleBtn > i {
	padding: unset;
}
#mobile-navigation ul li .desktop-toggleBtn:hover, #nav .desktop-toggleBtn:hover {
	color: #fb8500!important;
}
header.stuck:not(.header-transparent) #nav .desktop-toggleBtn:hover {
	color: #d13723!important;
}
header.stuck:not(.header-transparent) #nav .desktop-toggleBtn {
	color: black!important;
}

@media only screen and (min-width: 960px) {
	header#header #menu-item-44 ul.sub-menu {
		left: -120px !important;
	}
}

@media only screen and (min-width:960px) and (max-width:991px) {
		header#header .container {
			max-width: unset;
		}
}

@media only screen and (max-width: 959px) {
    .logo img {
        height: 70px;
    }
	#mobile-navigation-btn {
		color:  #f2542a !important;
	}
	#mobile-shopping-btn:hover {
		color: #fb8516 !important;
	}
	#mobile-navigation-btn {
    	font-size: 30px;
	}
	#mobile-header .container .columns {
    float: unset;
	}
}	
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .container .sixteen.columns {
        width: 100% !important;
    }
}


/*###############################################
NEWS STYLES
###############################################*/


/* old news list */
body .latest-blog-list .blog-list-item-thumb {
    background: #f4f4f4;
    color: #666666;
    width: 150px;
    height: 150px;
    padding: 0;
    margin: 0 20px 0 0;
    float: left;
    overflow: hidden;
    border-radius: 6px 20px;
}

body .blog-list-item-description h3 a {
    font-weight: 300!important;
    color: #2677db;
}

body .blog-list-item-description h3 a:hover {
    font-weight: 300!important;
    color: #333333;
}

body .latest-blog-list.clearfix.wpb_content_element {
    margin-bottom: 40px;
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 40px;
}

body .latest-blog-list.clearfix.wpb_content_element:last-child{
	border-bottom: 4px solid #d1d3d4;
}

.blog-single .post h1 {
    line-height: 1.6 !important;
    font-size: 1em;
    color: #312E8C;
    text-transform: unset;
	margin: 0 15px 0 0;
}

body .latest-blog-list h3 a {
    font-weight: 500 !important;
    color: #312E8C !important;
    font-size: 38px;
}

body .latest-blog-list h3 a:hover {
    font-weight: 500 !important;
	color: #f2542a !important;
}


/* New news list  6-23-25 */
.wpb_wrapper .news_list_wrapper:not(:last-of-type) {
    border-bottom: 1px solid lightgray;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.news_list_wrapper .news_feat_img_wrapper {
    background: #f4f4f4;
    color: #666666;
    width: 150px;
    height: 150px;
    padding: 0;
    margin: 0 15px 15px 0;
    float: left;
    overflow: hidden;
    border-radius: 6px 20px;
}
.news_list_wrapper .news_feat_img_wrapper img {
    object-fit: cover;
    aspect-ratio: 1;
}


@media only screen and (max-width:768px) {
	.news_list_wrapper .news_feat_img_wrapper{
		margin-left: 15px;
		margin-bottom: 20px;
	}
	.news_content_wrapper .news_title h3 a {
		font-size: 26px !important;
	}
	.news_content_wrapper .news_title h3,
	.news_content_wrapper .news_date {
		/* text-align: center; */
	}
	.news_list_wrapper .news_feat_img_wrapper {
		width: 250px;
    	height: 250px;
	}
	body .news_list_wrapper .news_feat_img_wrapper img {
		object-fit: unset;
		aspect-ratio: unset;
	}
	body .news_list_wrapper .news_feat_img_wrapper {
        width: 93%;
        height: auto;
    }
	body footer .one-third.columns {
		width: 420px !important;
	}
	body #copyright .sixteen.columns {
		width: 420px;
	}
}

@media only screen and (max-width:479px) {
	body .news_list_wrapper .news_feat_img_wrapper img {
		object-fit: unset;
		aspect-ratio: unset;
	}
	body .news_list_wrapper .news_feat_img_wrapper {
        width: 93%;
        height: auto;
    }
	.project-card__logo img {
		margin-bottom: 0px;
	}
	footer .one-third.columns {
		width: 300px !important;
	}
}

.news_content_wrapper .news_title h3 {
    margin-bottom: 5px;
    line-height: 1em;
}
.news_content_wrapper .news_title h3 a {
    font-weight: 500 !important;
    color: #312E8C !important;
    font-size: 38px;
	text-decoration: none;
	line-height: 1.1;
}
.news_content_wrapper .news_excerpt a.read-more-link {
    display: block;
    margin-top: 15px;
	position: relative;
}
.news_content_wrapper .news_excerpt a.read-more-link:after {
    content: ' →';
	position: absolute;
	margin-left: 3px;
    margin-top: 2px;
}
.news_content_wrapper .news_date {
    margin-bottom: 10px;
    color: #1f77bb;
    font-weight: 500;
    text-transform: uppercase;
    font-size: .9em;
}



/* NEWS SINGLE */

@media only screen and (min-width:992px) {
	body.post-template-default.single .entry-image {
		max-width: 450px;
		float: left;
		margin-right: 20px;
		margin-bottom: 20px;
	}
}
.blog-page .post h1, .blog-page .post h2 {
    text-transform: capitalize;
}
body.post-template-default.single div#content {
    width: unset !important;
}
body.post-template-default.single .blog-single .post h1 {
    line-height: 1.2 !important;
    margin: 0 0 5px 0;
}
body.post-template-default.single  .blog-single .post h1 a {
    line-height: 1.2 !important;
    font-size: 2em;
    color: #312E8C;
    text-transform: unset;
	pointer-events: none;
}

body.post-template-default.single .blog-single li.meta-date,
body.single-publication .entry-meta li.meta-date {
    margin-bottom: 10px;
    color: #1f77bb;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1.2em;
}

body.single-publication .entry-title h2 {
	margin-bottom: 0;
}

body.single-publication .entry-title .vc_separator {
	margin-top: 8px;
	margin-bottom: 22px;
}

body.post-template-default.single .go-back-link,
body.single-publication .go-back-link {
	text-align: right;
	margin-bottom: 10px;
}

body.post-template-default.single .go-back-link a:before,
body.single-publication .go-back-link a:before {
	content: "← ";
}

/* NEWS CAROUSEL */

body .blogslider_text_inner2 {
    background: #ffffff;
    width: 50%;
    padding: 40px;
    margin: 0 auto;
    border-radius: 9px 37px;
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.12);
}

body .blogslider_text_inner2 h3.blogslider_title {
    font-weight: 300!important;
    color: #2677db;
}

body .blogslider_holder .flex-viewport {
    border-radius: 8px 30px;
}


body .flexslider .flex-direction-nav a {
    opacity: .7!important;
}

body .flexslider .flex-direction-nav a:hover {
    opacity: 1!important;
}


/*###############################################
HOME PORTFOLIO STYLES
###############################################*/

body .page-section .wpb_row.porfolio-section .portfolio-logo img {
    height: 50px;
    width: auto;
    max-width: 158px
}
body .portfolio-rounded-box.wpb_column.column_container {
    background: #fff;
    border-radius: 6px 20px;
    padding: 30px 0;
    width: calc(50% - 40px);
    margin: 0 20px;
}

body .page-section .wpb_row.porfolio-section .portfolio-description {
    padding: 20px 25px;
    min-height: 82px;
}

/*###############################################
PORTFOLIO PAGE STYLES
###############################################*/

body .portfolio-companies-page .portfolio-rounded-box.wpb_column.column_container {
    background: #fff;
    border-radius: 6px 20px;
    padding: 30px 0;
    width: calc(33% - 40px);
    margin: 0 20px;
}

body .page-section .portfolio-companies-page .wpb_row.portfolio-section .portfolio-logo img {
    height: auto;
    width: auto;
    max-width: 158px
}

body .page-section .portfolio-companies-page .wpb_row.portfolio-section .portfolio-logo {
    min-height: 70px;
    display: flex;
    align-items: center;
}

body .page-section .portfolio-companies-page .wpb_row.portfolio-section .portfolio-description {
    padding: 20px 25px;
    min-height: 100px;
    font-size: 17px;
    line-height: 1.2em;
}

body .page-section .portfolio-companies-page .wpb_row.portfolio-section .portfolio-industry {
    text-align: center;
    margin-top: 20px;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    color: #676767;
}

body .portfolio-companies-page :is(a.button, input[type=submit], button, .minti_button, a.button.full, #navigation ul li.nav-button a, .vc_btn3){
	font-size: 14px;
}

#portfolio-filter-row .span_12 > .vc_col-sm-12 > .wpb_wrapper  {
	border: 5px solid #312E8C;
    border-radius: 5px 13px;
	padding: 0 32px;
}
#portfolio-filter-row .span_12 > .vc_col-sm-12 > .wpb_wrapper h2 {
	color: black;
}

/*###############################################
INTERNAL PAGE STYLES
###############################################*/

body #fullimagecenter h1 {
    padding: 100px 0;
    font-weight: 900;
}

#fullimagecentertitle .container {
    width: 100%;
	max-width: unset;
    background: linear-gradient(135deg, rgb(44 19 96) 0%, rgba(83, 6, 117, .3) 50%, rgba(83, 6, 117, 1) 100%);
}

#fullimagecenter .container .sixteen.columns {
    margin: 0 auto;
    float: none;
    display: block;
}

div#fullimagecenter, #fullimagecentertitle .container {
    border-radius: 0 0 15px 80px!important;
}



/*###############################################
FOOTER STYLES
###############################################*/

body footer#footer {
    background: #191B56;
	background: linear-gradient(135deg, rgba(11, 34, 78, 1) 0%, rgba(48, 46, 140, 1) 100%);
}

#footer .widget h3 {

}

body footer {
    font-size: 16px;
    line-height: 1.2em;
}
	
body footer .columns:first-child p{
}
	
body footer .columns:last-child p{

}
	
body footer .columns img{
}


	
body footer .one-third.columns {
    flex-direction: column;
    display: flex;
    justify-content: center;
}

body footer .container {
    display: flex;
}


body #footer .widget a,
body #footer .widget a:hover{
	border-bottom: none;
}

body #footer .widget a:hover{
	text-decoration: underline;
}
	
body #footer .widget ul li {
    border-bottom: 0;
    line-height: 1em;
    padding: 8px 0 8px 14px;
}

body #footer .widget ul li:before {
    font-family: "FontAwesome";
    content: "\f105";
    position: absolute;
    top: 7px;
    left: 0;
    font-size: 15px;
    color: #35A8ED;
    font-weight: 600;
}

body #footer .widget ul li:after,
body #footer .widget .social-icons ul li:before,
body #footer .widget .social-icons ul li:after {
    content: "";
}


body #copyright .copyright-text{
	font-size: 14px;
}

body #copyright a:hover{
	text-decoration: underline;
}

body #footer .container .four.columns:first-child {
}

body #footer .container .four.columns {

}

body footer .widget_contact address span {
}

body footer :is(span.address, span.phone) {

}

body footer .columns:last-child img {
    padding: 0;
    margin: 0 0%;
    width: auto;
    text-align: center;
}




/*###############################################
Gravity Forms STYLES
###############################################*/


/*********************/
/* RESPONSIVE STYLES */
/*********************/

@media screen and (max-width:1200px) {

}

@media screen and (max-width: 1000px) {

}

@media screen and (min-width:900px) and (max-width: 1199px) {
	body:is(.home, .page-id-25) .impact-icons>div.col.span_12 {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 20px;
    	grid-row-gap: 20px;
	}
	body:is(.home, .page-id-25) .impact-icons>div.col.span_12 .vc_col-sm-3 {
		width: 100% !important;
	}
	body #Home_Latest_News .news_list_wrapper {
		display: flex;
		flex-direction: row;
		flex-wrap: NOWRAP;
	}
}

@media screen and (max-width: 960px) {

}

@media screen and (max-width: 959px) {

	body #mobile-header {
		box-shadow: none;
		border-bottom: 12px solid #DD6504;
	}

}

@media screen and (max-width:900px) {
	body:is(.home, .page-id-25) .impact-icons>div.col.span_12 {
		display: grid;
		grid-template-columns: 1fr;;
    	grid-row-gap: 20px;
	}
	body:is(.home, .page-id-25) .impact-icons>div.col.span_12 .vc_col-sm-3 {
		width: 100% !important;
		margin-bottom: 5px !important;
	}
    body:is(.home, .page-id-25) .impact-icons .wpb_single_image.vc_align_center {
    	float: left;
		margin-block: 20px;
        padding-inline: 10px !important;
	}
	body:is(.home, .page-id-25) .impact-icons .wpb_text_column.wpb_content_element {
		text-align: left;
	}
	body:is(.home, .page-id-25) .wpb_row.rounded-boxes-bg.impact-icons {
		margin-left: 15px;
		margin-right: 15px;
	}
	body .impact-icons h3 {
		line-height: 1.1;
		font-size: 24px;
		font-weight: 700;
	}
	body section>.wpb_row:last-child {
		padding-bottom: 45px !important;
	}
}

@media screen and (min-width:1px) and (max-width: 767px) {


	body .logo img {
	    height: 60px;
	    width: auto;
	}

	body #mobile-navigation-btn {
		line-height: 100px;
	}
		
	body #fulltitle.titlebar #title.ten.columns {
	    width: 90vw;
	}
	
	body.vc_responsive .page-section .standard-section .span_12 {
	    max-width: 100vw;
	}
	
	body .wpb_column.vc_column_container.vc_col-sm-1\/5 {
	    padding-left: 20px;
	    padding-right: 20px;
	}
		
	body .container{
		width: 100%;
	}
		
	body :is( .container .one.column,
		.container .one.columns,
		.container .two.columns,
		.container .three.columns,
		.container .four.columns,
		.container .five.columns,
		.container .six.columns,
		.container .seven.columns,
		.container .eight.columns,
		.container .nine.columns,
		.container .ten.columns,
		.container .eleven.columns,
		.container .twelve.columns,
		.container .thirteen.columns,
		.container .fourteen.columns,
		.container .fifteen.columns,
		.container .sixteen.columns,
		.container .one-third.column,
		.container .one-third.columns,
		.container .two-thirds.column,
		.container .two-thirds.columns) {
		    width: 88vw;
		    margin: auto 5vw;
	} 
	
	body footer .columns:last-child p{
		padding-left: 0px;
	}   

	body footer .columns:first-child p{
		padding-right: 0px;
	}
		
	body footer .container {
		display: block;
		text-align: center;
		display: flex;
        flex-direction: column;
        align-items: center;
	}
		
	body footer .columns img{
		width: 70% !important;
		margin: 0 auto !important;
	}


	body footer p {
	    font-size: 18px;
	    line-height: 1.4em;
	}
		

		
	body .wpb_row .wpb_column {
	    margin-bottom: 10px;
	}
	
	.rounded-boxes-bg .vc_col-sm-3.grad-lite-blue.wpb_column.column_container.col.no-padding.color-dark {
	    width: 80%;
	    margin: 0 auto 30px;
	}
	
	body .portfolio-rounded-box.wpb_column.column_container {
	    background: #fff;
	    border-radius: 6px 20px;
	    padding: 30px 0;
	    width: 80%;
	    margin: 0 auto 20px;
	}
	
	body .latest-blog-list.clearfix.wpb_content_element {
	    display: flex;
	    flex-direction: column;
	    align-items: flex-start;
	}
	
	body .latest-blog-list .blog-list-item-thumb {
	    margin-bottom: 20px;
	}
	
	body .no-padding-top-mobile{
		padding-top: 0px!important;
	}
	body #footer .widget ul li:before{
		content: none;
	}

	body :is(a.button,
		input[type=submit],
		button,
		.minti_button,
		a.button.full,
		#navigation ul li.nav-button a,
		.vc_btn3) {
			font-size: 14px;
	}
	
	body .MobileHideMe {display:none;}

	body #fullimagecenter h1, #fullimagecenter .title-h1 {
        padding: 20px 0;
        font-size: 25px !important;
        letter-spacing: 2px !important;
        margin-left: 10px;
        text-shadow: 1px 1px 12px #1c0746;
	}
	body .padding-80to20 {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}
	body footer .container .one-third.columns:nth-child(2) {
		display: none;
	}
	body footer#footer {
		padding-top: 30px;
		padding-bottom: 0px !important;
	}
	body #footer .widget {
        margin-bottom: 20px;
    }
	body #copyright .copyright-text {
        margin-bottom: 10px;
    }
	body .latest-blog-list .blog-list-item-thumb {
        margin: auto;
		margin-bottom: 20px;
	}
	body .blog-single .post h1 {
		line-height: 1.2 !important;
	}
	body #Home_Intro .wpb_row.vc_row-fluid.standard-section.section.section-no-parallax.home-nrel-row.stretch {
		padding-top: 10px !important;
	}
	body #Home_Gallery .wpb_row .col.span_12 {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: 1fr;
	}
	#Home_Annual_Report .col-reverse .col.span_12 {
		display: flex;
		flex-direction: column-reverse;
	}
	body #copyright .container {
		width: 80%;
		display: flex;
	}
	body section.vc_section.grad-dark-blue>div.wpb_row {
		padding-top: 0px !important;
	}
	body.page-id-35 section.grad-dark-blue .vc_col-sm-4 .wpb_wrapper {
		margin-top: 10px !important;
	}
	.padding-40-20 {
		padding-bottom: 0px !important;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    

	
	body #mobile-header .container {
        width: 420px;
    }

}


@media screen and (max-width: 479px) {

	body #mobile-header .container {
        width: 300px;
    }
	body h2 {
		font-size: 30px;
		line-height: 1em;
	}
	body h3 {
		font-size: 22px;
		line-height: 1em;
	}
    #Home_Intro .wpb_row.vc_row-fluid.standard-section.section.section-no-parallax.stretch {
		padding-top: 30px !important;
	}

	#Home_Intro .vc_col-sm-8.wpb_column.column_container.col.vertical-center.no-padding.color-dark {
		padding-top: 10px;
		padding-bottom: 0px;
	}
	body .vc_col-sm-3.grad-lite-blue p {
		line-height: 1.2em;
		padding-inline: 20px;
	}
	body h1#SR7_1_1-1-8, body h3#SR7_1_1-1-2 {
		text-shadow: 0 0 15px #24175c;
	}
	body sr7-shp#SR7_1_1-1-0 {
		background: linear-gradient(135deg, rgb(25, 27, 86) 0%, rgb(44, 20, 96) 24%, rgba(83, 6, 117, 0.56) 73%, rgba(83, 6, 117, 0) 100%) !important;
	}
	body #Home_Intro img {
		width: 50%;
		min-width: 220px;
	}
	body #Home_Intro .wpb_row:first-child {
		padding-bottom: 0px !important;
	}
	body section#Home_Gallery>.wpb_row:last-child {
		padding-bottom: 0px !important;
	}
}