/*
	Theme Name: WeConnect Custom Theme
	Theme URI: https://www.wayneschiek.com
	Description: Custom WordPress Theme
	Version: 1.0
	Author: Wayne
	Requires PHP: 7.0
	Text Domain: Custom
	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/
/*---------Variables---------*/
:root{
	
	--main-orange:#f1572d;
}

/*-------Required Items -------*/
*, *::before, *::after {
  box-sizing: border-box;
}

/*---------defaults--------*/
html{overflow-x:hidden;box-sizing:border-box;}
body{font-family: 'Montserrat', sans-serif;margin:0;}
img{height:auto;max-width:100%;display:block;}
p{font-size:18px;line-height:24px;color:#333;}
h1{font-family: 'Oswald', sans-serif;text-align:center;margin:0;font-size:37px;color:#fff;padding:20px 5%;background:#0077b5;font-weight:200;}
.Hero{position:relative;width: 100%;   }
.Hero h2{position:absolute;top:55%;left:50%;font-size:60px;color:#f1572d;font-family:'Oswald', sans-serif;transform:translate(-50%,-50%);border: 3px solid #0077b5;background:rgba(255,255,255,.8);padding:20px;border-radius:10px;font-weight:400;}
.Hero h2 span{color:#000;}
.HeroImage{}

p{margin:0 0 20px;}

.header{z-index:9999;position:absolute;top:0;width:100%;z-index:1;background: rgba(255,255,255,.6); }

.HeaderMain .LogoCont .Logo{width:120px;}

.HeaderMain{display:flex;justify-content:space-between;padding:15px 5%;transition:.6s all ease;align-items:center;flex-wrap:wrap;}
#mega-menu-wrap-main_nav #mega-menu-main_nav{font-family:'Oswald',sans-serif;}



/*----- main-------*/

main{display:block;}
.Container{max-width:1400px;width:90%;margin:50px auto;}
.ImageSection{background:#dedede;display:flex;}
.ImageSection .ImageSide{
width:60%;position:relative;}
.ImageSection .ImageSide img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.ImageSection .TextGrid .TextSide h2{font-family:'Oswald',sans-serif;font-weight:400;}
.ImageSection .TextGrid .TextSide{padding:150px 0;}
.ImageSection .TextGrid{
	width:40%;
	display:grid;
	padding:0px 5vw 0px 50px;
grid-template-columns:calc(100% - 40px) 30px;
justify-content:space-between;
align-items:center;
}
.ImageSection .TextGrid .TextIcon i{font-size:70px;color:#f1572d;}
footer{background:#434543;}

.footer-lower{display: flex;justify-content: center;padding: 10px 5%;color:#fff;font-size:14px;margin: 0;}

.footer-lower p{color:#fff;margin:0;font-size:14px;}


#myBtn {border:none;display: none;position: fixed;bottom: 20px;right: 20px;z-index: 99;outline: none;background-color: #198db8; color: #efefef;cursor: pointer;width:50px;height:50px;border-radius:10px;font-size: 24px;}
#myBtn:hover {color:#efefef;background:#434543;}

.partnerGrid{background:#dedede;padding:60px 5%;display:grid;grid-template-columns:25% 70%;justify-content:space-between;}
.GridImageCont{display:grid;justify-content:center;grid-row-gap:15px;justify-items:center;}
.GridImageCont img{max-width:100%;height:auto;}
.SocialCont{display:flex;grid-column-gap:20px;}
.SocialCont a{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#777;text-decoration:none;transition:.3s all ease;}
.SocialCont a i{color:#fff;font-size:44px;}
.SocialCont a:hover{background:#f1572d;}
.PartnerContact h4{color:#f1572d;}
.PartnerContact h4 a{color:#000;text-decoration:none;transition:.3s all ease;}
.PartnerContact h4 span{color:#000;}
.PartnerContact h4 a:hover{color:#f1572d;}

.PartnersList{display:grid;grid-template-columns:repeat(4, calc(25% - (45px/3)));justify-content:space-between;grid-row-gap:15px;}
.PartnersList .PartnerItem{transition:.3s all ease;display:flex;justify-content:flex-start;position:relative;flex-wrap:wrap;align-items:center;flex-direction:column;border:4px solid #0077b5;padding-bottom:50px;border-radius:5px;}
.PartnersList .PartnerItem .LogoWrapper{max-width:100%;width:175px;display:flex;align-items:center;height:100px;margin:15px;justify-content:center;}
.PartnersList .PartnerItem .LogoWrapper img{max-width:100%;width:auto;height:auto;max-height:100px;display:block;}
.PartnersList .PartnerItem a{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;}
.PartnersList .PartnerItem h3{padding:15px;color:#fff;background:#0077b5;text-align:center;margin:0;width:100%;font-weight:500;font-size:18px;}
.PartnersList .PartnerItem h6{padding:15px;font-size:14px;font-weight:400;text-align:center;margin:0;}
.PartnersList .PartnerItem .More{transition:.3s all ease;display:block;width:100%;padding:15px;font-weight:500;text-align:center;background:#f1572d;color:#fff;position:absolute;
bottom:0;left:0;}
@media all and (min-width: 1001px)  {

.PartnersList .PartnerItem:hover  {box-shadow:2px 2px 5px rgba(0,0,0,.5);}
.PartnersList .PartnerItem:hover .More {filter: brightness(85%);}
}
@media all and (max-width: 1600px)  {
	.Hero h2{font-size:50px;}
h1{font-size:30px;}


	
}



@media all and (max-width: 1300px)  {
	.PartnersList{grid-template-columns:repeat(3, calc(33.33% - (30px/2)));}
.Hero h2{font-size:36px;}

}
@media all and (max-width: 1200px)  {
	
	.ImageSection .TextGrid{
	width:50%;}
	
.ImageSection .ImageSide{
width:50%;}
}

@media all and (max-width: 1000px)  {
	.Hero h2{font-size:28px;padding:10px;}
	.header{position:relative;}
	.ImageSection .TextGrid{
	width:100%;}
	.ImageSection{flex-wrap:wrap;}
	
.ImageSection .ImageSide{
width:100%;}
	.ImageSection .ImageSide img{position:relative;width:100%;}
}

@media all and (max-width: 900px)  {
	.PartnersList{grid-template-columns:repeat(2, calc(50% - 10px));}


}

@media all and (max-width: 768px)  {
	.HeaderMain{display:block;position:relative;}
	#mega-menu-wrap-main_nav {position: absolute;top: 0;right: 5vw;}
	.Hero h2{font-size:18px;padding:5px 10px;width:212px;}
	h1{font-size:20px;padding:10px 5%;}
}

@media all and (max-width: 600px)  {
	 .HeaderMain .LogoCont{width:100%;display:flex;justify-content:center;}
	 .PartnersList{grid-template-columns:100%;}
	
.PartnersList .PartnerItem .LogoWrapper{display:none;}
.PartnersList .PartnerItem{padding-bottom:0;}
.PartnersList .PartnerItem a{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;}
.PartnersList .PartnerItem h3{padding:10px;font-size:16px;}
.PartnersList .PartnerItem h6{padding:5px;font-size:12px;}
.PartnersList .PartnerItem .More{display:none;}

}