html,body,div,span,
h1,h2,h3,h4,h5,h6,
p,blockquote,q,em,img,small,strong,
dl,dt,dd,ol,ul,li,fieldset,form,label,legend{border:0;outline:0;margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}
:focus{outline:0}
input,textarea{margin:0;outline:0;}
textarea{overflow:auto; resize:none;}
table{border-collapse:collapse;border-spacing:0}
/* End Reset */
/* html5 */
article, aside, details, figcaption, figure, footer, header, nav, section { display: block; }
*,
*::after,
*::before{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Default Font Styles
______________________*/
body, input, select, textarea{
font-family: 'Nunito Sans', sans-serif;
font-size: 17px;
color: #000;
line-height: 1.47;
}
/* Headings
______________________*/
h1{
font-size: 30px;
line-height: 1.167;
font-weight: 700;
}
h2{
font-size: 24px;
line-height: 1.33;
font-weight: 700;
}
h3{
font-size: 22px;
line-height: 1.136;
font-weight: 700;
}
h4{
font-size: 19px;
font-weight: 700;
}
h4.semibold{
font-weight: 600;
}
/* Links
______________________*/
a{
text-decoration: none;
}
a:hover{}
.btn{
display: inline-block;
height: 40px;
line-height: 40px;
padding: 0 16px;
background: #0068ff;
color: #fff;
border-radius: 5px;
box-shadow: 0 3px 6px 0 #bfd9ff;
transition: all 0.3s;
cursor: pointer;
border: none;
}
.btn.btn--info:hover{
background: #0053cc;
}
.btn.btn--full{
display: block;
width: 100%;
text-align: center;
}
.btn.btn--border{
border: 1px solid #0068ff;
background: #fff;
color: #262626;
line-height: 38px;
box-shadow: none;
}
.btn.btn--border:hover{
color: #fff;
background: #0068ff;
}
.btn.btn--hfc{
border: 1px solid #FFBE55;
background: #fff;
color: #262626;
line-height: 38px;
box-shadow: none;
}
.btn.btn--hfc:hover{
color: #fff;
background: #FFBE55;
}
.btn.btn--event{
border: 1px solid #FFBE55;
background:#FFBE55;
color: #fff;
line-height: 38px;
box-shadow: none;
}
.btn.btn--event:hover{
color: #fff;
background: #F99D09;
}
.btn.btn--disabled{
border: 1px solid #FFFCF0;
background:#FFFCF0;
color: #827E7E;
line-height: 38px;
box-shadow: #EBE2BE;
pointer-events: none;
}
.btn.btn--disabled:hover{
color: #827E7E;
background: #FFFCF0;
}
/* p, blockquote, address
______________________*/
p{}
p.large{
font-size: 20px;
line-height: 1.25;
}
p.large.sbold{
font-size: 19px;
}
p.large.bold{
line-height: 1.35;
}
.fz16{
font-size: 16px;
}
p.small{
font-size: 15px;
line-height: 1.667;
}
p.sbold{
font-weight: 600;
}
p.bold{
font-weight: 700;
}
img{
max-width: 100%;
height: auto;
}
/* Lists
______________________*/
ul{
}
ul li{
}
ol{
}
ol li{
}
/* Layout
______________________*/
#container-fluid{
}
.content-width{
width: 100%;
max-width: 1120px;
padding: 0 15px;
margin: 0 auto;
}
.content-width.md-content-width{
max-width:872px;
}
/* .content-width.sm-content-width{
max-width: 510px;
} */
/* Header
______________________*/
#header-wrap{
position: relative;
z-index: 1001;
}
#header{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
-ms-align-items: center;
align-items: center;
padding: 15px 0 15.4px;
}
.header-left{
}
.header-right{
}
.main-menu{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
-ms-align-items: center;
align-items: center;
font-weight: 600;
}
.main-menu > li:hover > a,
.main-menu > li.active > a{
color: #0068ff;
border-color: #0068ff;
}
.main-menu > li.menu__hasChild:hover > a,
.main-menu > li.menu__hasChild > a:hover{
border: transparent;
}
.main-menu > li{
margin: 0 11.5px;
}
.main-menu > li > a{
color: #262626;
transition: all 0.3s;
letter-spacing: 0.34px;
border-bottom: 2px solid transparent;
}
.main-menu > li:hover > a.btn--info,
.main-menu a.btn--info{
color: #fff;
border: none;
}
.main-menu > li:last-child{
margin-right: 0;
margin-left: 26px;
}
.menu__hasChild{
position: relative;
}
.menu__hasChild > a::after{
content: "\f078";
font-weight: 900;
font-family: "Font Awesome 5 Free";
font-size: 15px;
margin-left: 4px;
color: #0068ff;
}
.menu__hasChild:hover .sub-menu__outer,
.menu__hasChild:hover .sub-menu{
opacity: 1;
visibility: visible;
}
.sub-menu__outer{
z-index: 1;
position: absolute;
right: 0;
margin-right: -22px;
padding-top: 10px;
top: 100%;
min-width: 136px;
opacity: 0;
font-size: 15px;
visibility: hidden;
transition: all 0.3s;
}
.sub-menu{
background: #fff;
overflow: hidden;
border-radius: 5px;
box-shadow: 0 3px 6px 0 #d6d4d4;
}
.sub-menu li:first-child{
border-radius: 5px 5px 0 0;
overflow: hidden;
}
.sub-menu a{
padding: 0 17px;
min-height: 29px;
line-height: 29px;
letter-spacing: 0.3px;
font-weight: 400;
display: block;
color: #262626;
}
.sub-menu li.active a,
.sub-menu a:hover{
color: #000;
font-weight: 600;
background: rgba(0, 104, 255, 0.15);
}
/* Banner Area
-------------------------------------- */
.banner-wrap{
background: rgba(255, 219, 0, 0.14);
/* padding: 60px 0; */
position: relative;
overflow: hidden;
}
.banner-wrap::before{
content: '';
position: absolute;
left: 10.24%;
bottom: -58px;
width: 170px;
height: 116px;
background: url("../images/header-dots.2c433a2eeee9.svg") no-repeat;
}
.banner-wrap--dotInside::before{
left: 16.47%;
bottom: 29px;
}
.banner-wrap--dotLeft::before{
left: calc(50% - 545px);
bottom: 60px;
}
.banner__main{
text-align: center;
min-height: 310px;
display: -webkit-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
-webkit-flex-direction: column;
flex-direction: column;
/* padding: 30px 0; */
position: relative;
}
.banner__main::before{
content: '';
width: 56px;
height: 56px;
border-radius: 100%;
background: rgba(255, 102, 102, 0.3);
position: absolute;
top: 41px;
left: 35px;
z-index: 0;
}
.banner__main::after{
content: '';
width: 97px;
height: 97px;
border-radius: 100%;
background: rgba(255, 219, 0, 0.3);
position: absolute;
bottom: 80px;
right: 0;
margin-right: -43px;
z-index: 0;
}
.banner__main--upper{
justify-content: flex-start;
padding-top: 84px;
}
.banner__main--community{
padding-top: 78px;
}
.banner__main--donate{
padding-top: 72px;
}
.banner__main.banner__main--community h1:not(:last-child){
margin-bottom: 19px;
}
.banner__main.banner__main--donate h1:not(:last-child){
margin-bottom: 9px;
}
.banner__main h1:not(:last-child){
margin-bottom: 24px;
}
.banner__main p:not(:last-child){
margin-bottom: 20px;
}
.banner-info {
display: flex;
align-items: center;
justify-content: space-between;
}
.banner-inner-info {
max-width: 50%;
width: 100%;
padding-right: 35px;
}
.banner-inner-info h1 {
text-align: left;
}
.banner-inner-info .large {
text-align: left;
}
.banner-img {
max-width: 50%;
width: 100%;
}
.banner-img img {
width: 100%;
display: block;
}
/*featured-sec
________________*/
.featured-sec {
padding: 60px 0;
}
.featured-row {
display: flex;
align-items: center;
justify-content: space-between;
}
.commnuntiy.row-reverse,
.gurdian-banner-row.row-reverse,
.banner-info.row-reverse,
.project-row.row-reverse,
.events-banner-row.row-reverse,
.partner-row.row-reverse,
.challenges-row.row-reverse,
.featured-row.row-reverse {
flex-direction: row-reverse;
}
.featured-img-col {
max-width: 50%;
width: 100%;
}
.featured-img-col img {
display: block;
}
.featured-info-col {
max-width: 50%;
width: 100%;
padding-left: 40px;
}
.featured-info-col h2 {
margin-bottom: 10px;
}
.featured-info-col p {
margin-bottom: 20px;
}
/*Resources Styles
_________________________*/
.resources-articles-wrap {
padding: 20px 0 40px; /* 50px 0 */
}
.resources-banner-wrap {
padding-top: 40px;
}
.resources-banner-img img {
display: block;
}
.resources-articles-banner.banner-wrap {
padding: 30px 0 0;
}
.join-event-banner .banner__main,
.gurdian-angel-banner .banner__main,
.resources-articles-banner .banner__main {
width: 100%;
max-width: 480px;
margin: 0 auto;
}
.resources-articles-wrap h1 {
text-align: center;
margin-bottom: 15px;
}
.resources-sec {
padding: 60px 0;
}
.resources-row {
display: flex;
justify-content: space-between;
margin: 0 -20px;
}
.resources-col-info {
max-width: 60%;
width: 100%;
padding: 0 20px;
}
.resources-main-info {
border-bottom: 1px solid #cccccc;
}
.resources-main-info h2 {
margin-bottom: 12px;
}
.resources-bottom-info {
padding-top: 30px;
}
.issue-info {
padding: 40px 0;
}
.technology-info p,
.issue-info p {
margin-bottom: 15px;
}
.technology-info p:last-child,
.issue-info p:last-child {
margin-bottom: 0;
}
.resources-col-info h3{
margin-bottom: 15px;
}
.resources-soical-icons {
display: flex;
align-items: center;
margin: 25px 0 10px;
}
.resources-soical-icons a {
display: block;
}
.resources-col-box {
max-width: 40%;
width: 100%;
padding: 0 20px;
}
.resources-inner-info {
background: #fff;
border-radius: 20px;
padding: 30px;
box-shadow: 0 8px 12px rgba(51,65,80,.06),0 14px 44px rgba(51,65,80,.11);
position: sticky;
top: 25px;
}
.resources-inner-info h2 {
font-size: 20px;
margin-bottom: 25px;
}
.other-article-info{
margin-bottom: 10px;
}
.other-article-info:last-child {
margin-bottom: 0;
}
.other-article-info h3 {
font-size: 18px;
margin-bottom: 8px;
}
.resources-soical-icons img {
max-width: 30px;
width: 100%;
display: block;
}
/* Main Area
-------------------------------------- */
#main-wrap{
position: relative;
}
.main__large-pd{
padding: 40px 0 100px;
}
.main{
display: -webkit-flex;
display: flex;
justify-content: space-between;
-ms-align-items: flex-start;
align-items: flex-start;
}
#contents{
width: 100%;
max-width: 737px;
padding-right: 30px;
}
.post-blog{
border-radius: 10px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
background: #fff;
padding: 16px 30px 27px 14px;
margin-bottom: 53px;
}
.post-blog .btn.btn--border{
font-size: 16px;
font-weight: 600;
}
.post-blog h4{
margin-bottom: 10px;
}
.post-blog p{
color: #706e6e;
letter-spacing: 0.34px;
margin-bottom: 14px;
}
.badge-sec{
font-size: 16px;
margin-bottom: 13px;
}
.badge-sec__alt{
border-left: 1px solid #0068ff;
padding-left: 10px;
margin-bottom: 20px;
}
.badge-sec strong{
font-weight: 600;
display: inline-block;
}
.single__author-sec .badge-sec strong{
min-width: 107px;
}
.badge{
display: inline-block;
border-radius: 5px;
padding: 1px 5px;
margin-left: 5px;
background: rgba(0, 104, 255, 0.25);
}
.badge--yellow{
background: rgba(255, 219, 0, 0.25);
}
.badge--red{
background: rgba(255, 0, 0, 0.605);
}
.badge--green{
background: rgba(0, 255, 0, 0.591);
}
.badge--pink{
background: rgba(250, 121, 33, 0.25);
}
#sidebar{
border-radius: 10px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
background: #fff;
width: 100%;
max-width: 293px;
}
.sidebar__list{
padding: 25px 16px 46px;
}
.sidebar__list p{
font-weight: 600;
margin-bottom: 7px;
}
.sidebar__list li{
margin-bottom: 3px;
}
.sidebar__list a{
font-size: 15px;
color: #0068ff;
transition: all 0.3s;
}
.sidebar__list a:hover{
color: #000;
}
/* Problem Forms
------------------------------------------ */
.form-control{
display: -webkit-flex;
display: flex;
margin: 0 -23px;
}
.form-control .form-field{
width: 100%;
max-width: 50%;
padding: 0 23px;
}
.form-field{
margin-bottom: 25px;
}
.form-field__select,
.form-field__calender{
position: relative;
}
.form-field__select i,
.form-field__calender i{
position: absolute;
right: 15px;
top: 50%;
font-size: 20px;
color: rgba(0, 0, 0, 0.50);
transform: translateY(-50%);
pointer-events: none;
}
.form-field label{
display: block;
font-size: 15px;
font-weight: 700;
letter-spacing: 0.3px;
margin-bottom: 9px;
}
.form-field input:not([type="checkbox"]):not([type="radio"]),
.form-field select,
.form-field textarea{
display: block;
width: 100%;
font-size: 16px;
border-radius: 5px;
border: solid 1px rgba(130, 126, 126, 0.5);
padding: 0 19px;
background-color: #ffffff;
transition: all 0.3s;
}
.form-field input:not([type="checkbox"]):not([type="radio"]):focus,
.form-field textarea:focus{
/* border-color: rgba(0, 104, 255, 0.5); */
border-color: #0068ff;
}
.form-field select,
.form-field input{
height: 45px;
}
.form-field select{
-webkit-appearance: none;
appearance: none;
}
.form-field textarea{
padding: 12px 19px;
}
.btn-outer{
padding-top: 10px;
}
/* Problem Single
------------------------------------------ */
.main__md-pd{
padding: 44px 0 128px;
}
.blog-single h3{
color: #262626;
margin-bottom: 21px;
line-height:1.3;
}
.single__author-sec{
position: relative;
display: -webkit-flex;
display: flex;
-ms-align-items: center;
align-items: center;
margin-bottom: 51px;
}
.author__right .badge-sec + .badge-sec{
margin-bottom: 0;
}
.blog-single__content p{
margin-bottom: 22px;
color: #706e6e;
position: relative;
}
.blog-single__content p a{
color: #0068ff;
}
.blog-single__content p.sbold{
margin-bottom: 8px;
color: #262626;
}
/* NewsLetter Section
------------------------------------------ */
.newsletter{
background: #ebf8ff;
border-radius: 10px;
overflow: hidden;
}
.newsletter__form{
text-align: center;
padding: 1px 16px 16px;
}
.newsletter__form p{
margin-bottom: 10px;
text-align: left;
}
.newsletter__form input:not([type="submit"]){
display: block;
width: 100%;
border-radius: 5px;
border: solid 1px rgba(112, 112, 112, 0.87);
background: #f5f5f5;
padding: 0 12px;
height: 37px;
margin-bottom: 19px;
transition: all 0.3s;
}
.newsletter__form input:not([type="submit"]):focus{
border-color: #0068ff;
}
.newsletter__form input:not([type="email"]){
cursor: pointer;
}
/* SignUp
-------------------------------------- */
.sidebar__member-sec{
padding: 24px 16px 47px;
}
.sidebar__member-sec p{
margin-bottom: 14px;
}
.sidebar__member{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.sidebar__member li{
width: 100%;
max-width: 33.33%;
padding: 5px;
}
.sidebar__member img{
display: block;
border-radius: 5px;
}
.sidebar__member img.rounded{
border-radius: 100%;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.leader-skill-sec{
width: 100%;
max-width: 540px;
display: -webkit-flex;
display: flex;
margin: 0 auto 60px;
justify-content: space-between;
padding: 33px 27px 37px 32px;
background: #fff;
border-radius: 10px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border: solid 1px #0068ff;
-ms-align-items: center;
align-items: center;
}
.leader-skill__left p{
margin-bottom: 10px;
}
.leader-skill__left ul{
/* padding-left: 22px; */
color: #0068ff;
}
.leader-skill__left li{
margin-bottom: 3px;
letter-spacing: 0.34px;
font-weight: 600;
}
.leader-skill__left li::before{
content: "\f00c";
font-weight: 900;
margin-right: 8px;
font-family: "Font Awesome 5 Free";
}
.uni-chapter{
display: -webkit-flex;
display: flex;
-ms-align-items: center;
align-items: center;
margin-bottom: 45px;
}
.uni-chapter h2{
font-size: 32px;
letter-spacing: 0.64px;
}
.uni-chapter img{
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
margin-right: 27px;
}
/* Contact Page
-------------------------------------- */
.main__reverse{
position: relative;
margin-top: -107px;
margin-bottom: 150px;
}
.main--contact{
border-radius: 20px;
overflow: hidden;
box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.16);
background-color: #ffffff;
-ms-align-items: initial;
align-items: initial;
}
.main__contact-form{
width: 100%;
max-width: 60.46%;
padding: 33px 47px 34px;
}
.main__contact-sidebar{
width: 100%;
max-width: 39.54%;
background: rgba(0, 104, 255, 0.07);
}
.site-form--fixWidth{
max-width: 495px;
}
.blue-title{
font-size: 18px;
font-weight: bold;
letter-spacing: 0.36px;
color: #0068ff;
}
.main__contact-form p{
margin-bottom: 26px;
}
.contact-sidebar__sec{
padding: 30px 55px 0;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
height: 100%;
}
.contact-sidebar__sec .blue-title{
margin-bottom: 37px;
}
.contact-sidebar__info address{
font-style: normal;
margin-bottom: 22px;
}
.contact-sidebar__info p{
margin-bottom: 22px;
}
.contact-sidebar__info address,
.contact-sidebar__info p a{
display: -webkit-flex;
display: flex;
-ms-align-items: center;
align-items: center;
color: #000;
}
.contact-sidebar__info img{
display: block;
}
.contact-sidebar__info address i,
.contact-sidebar__info p i{
color: #0068ff;
width: 100%;
max-width: 56px;
font-size: 30px;
}
.contact-sidebar__fig img,
.contact-sidebar__sec img{
margin-top: auto;
}
.contact-sidebar__fig{
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
height: 100%;
padding: 62px 17px 1px;
}
/* Community Page
-------------------------------------- */
.round-radius img{
border-radius: 100%;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.squre-radius img{
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.main-wrap--pdb{
padding-bottom: 148px;
}
.hfc-outer section{
display: none;
}
.hfc-outer section.active{
display: block;
}
.main--community{
margin: 0 -10px 83px;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.main__community-outer{
width: 100%;
max-width: 33.33%;
padding: 0 10px;
margin-bottom: 54px;
}
.main__community-fig{
margin-bottom: -35px;
position: relative;
}
.main__community-fig img{
max-width: none;
height: 70px;
display: block;
margin: 0 auto;
}
.main__community-sec{
border-radius: 5px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
background-color: #ffffff;
text-align: center;
padding: 53px 15px 18px;
}
.main__community-sec p.large{
color: #000;
}
.main__community-sec p{
color: #706e6e;
letter-spacing: 0.34px;
}
.main__community-sec .btn{
margin-top: 14px;
}
.main__community-sec .fz16{
letter-spacing: 0.32px;
}
.hfc-card{
max-width: 514px;
border-radius: 12px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
border: solid 1px #0068ff;
background-color: #ffffff;
padding: 36px 160px 36px 22px;
position: relative;
text-align: center;
min-height: 160px;
margin: 0 auto;
}
.hfc-card__fig{
position: absolute;
right: 28px;
top: 50%;
transform: translateY(-50%);
}
.hfc-card__info h3{
margin-bottom: 12px;
padding: 0 20px;
}
.hfc-card__info p{
margin-bottom: 13px;
}
.tab-sec{
width: 100%;
max-width: 637px;
padding: 10px;
display: -webkit-flex;
display: flex;
background: #fff;
border-radius: 5px;
margin: -48px auto 76px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.tab-sec li{
width: 100%;
max-width: 33.33%;
}
.tab-sec li.active a{
background: rgba(0, 104, 255, 0.1);
color: #0068ff;
}
.tab-sec a{
display: -webkit-flex;
display: flex;
min-height: 75px;
border-radius: 5px;
-ms-align-items: center;
align-items: center;
justify-content: center;
color: #262626;
letter-spacing: 0.4px;
font-size: 20px;
font-weight: 600;
}
.tab-sec a img{
display: none;
}
.tab-sec a span{
margin-left: 5px;
}
.tab-sec a img:first-child{
display: block;
}
.tab-sec li.active a img:first-child{
display: none;
}
.tab-sec li.active a img:last-of-type{
display: block;
}
.unborder-table__outer{
margin-bottom: 65px;
}
.unborder-table{
width: 100%;
}
.unborder-table thead{
border-radius: 10px;
}
.unborder-table thead tr{
background: rgba(0, 104, 255, 0.1);
}
.unborder-table th{
padding: 14px 0 13px;
}
.unborder-table tbody tr{
border-bottom: 1px solid rgba(112, 112, 112, 0.27);
}
.unborder-table td{
color: #262626;
text-align: center;
padding: 25px 0 31px;
}
.unborder-table td:first-of-type{
width: 30%;
}
.unborder-table td:last-of-type{
width: 30%;
text-align: left;
}
.unborder-table td .large.sbold{
font-weight: normal;
}
.unborder-table td:last-of-type p{
max-width: 170px;
margin: 0 auto;
}
.table-sec{
display: -webkit-flex;
display: flex;
-ms-align-items: center;
align-items: center;
text-align: left;
}
.table-fig{
margin-right: 12px;
max-width: 95px;
height: 95px;
}
.table-fig img{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 100%;
}
.comment-count{
font-size: 19px;
display: -webkit-flex;
display: flex;
-ms-align-items: center;
align-items: center;
}
.comment-count img{
margin-right: 8px;
}
.comment-count a{
color: #0068ff;
margin-left: 4px;
}
.table-info p.large{
font-weight: 600;
}
.table-info p:last-of-type{
font-size: 18px;
letter-spacing: 0.36px;
}
.lead-more-btn{
text-align: center;
margin-bottom: 110px;
}
.hfc-card--wide{
max-width: 609px;
padding-right: 22px;
display: -webkit-flex;
display: flex;
-ms-align-items: center;
align-items: center;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.hfc-card--wide .hfc-card__fig{
position: static;
transform: none;
width: 100%;
max-width: 208px;
margin-left: 32px;
}
/* About Page
----------------------------------- */
.about-content{
color: #262626;
margin-bottom: 77px;
}
.about-content p{
margin-bottom: 20px;
}
.about-team h2{
margin-bottom: 72px;
}
.underline{
text-align: center;
position: relative;
}
.underline::before{
content: '';
width: 99px;
height: 3px;
border-radius: 39px;
background: #ff6666;
position: absolute;
left: 50%;
top: 100%;
margin-top: 9px;
transform: translateX(-50%);
}
.about-team__outer{
display: -webkit-flex;
display: flex;
margin: 0 -23px;
}
.about-team__outer:not(:last-of-type){
margin-bottom: 82px;
}
.about-team__outer--third .about-team__sec{
max-width: 33.33%;
}
.about-team__sec{
width: 100%;
max-width: 50%;
padding: 0 23px;
}
.about-team__fig{
width: 133px;
height: 132px;
margin: 0 auto -66px;
position: relative;
}
.about-team__fig img{
width: 100%;
height: 100%;
border-radius: 100%;
object-fit: cover;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.about-team__info{
border-radius: 10px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
background-color: #ffffff;
padding: 88px 10px 26px;
text-align: center;
}
.about-team__info h4{
letter-spacing: 0.36px;
color: #0068ff;
font-size: 18px;
line-height: 1.4;
margin-bottom: 23px;
}
.about-team__info h4 span{
display: block;
letter-spacing: 0.3px;
color: #262626;
font-size: 15px;
}
.about-team__info p{
font-size: 15px;
line-height: 1.67;
letter-spacing: 0.3px;
}
.about-team__outer--third .about-team__fig{
width: 100px;
height: 100px;
margin-bottom: -50px;
}
.about-team__outer--third .about-team__info{
padding: 67px 10px 19px;
}
.about-team__outer--third .about-team__info h4{
margin-bottom: 18px;
font-size: 17px;
}
.about-team__outer--third .about-team__info h4 span{
font-size: 14px;
}
.about-team__outer--third .about-team__info p{
font-size: 13px;
line-height: 1.538;
letter-spacing: 0.26px;
}
/* Our Mission Page
----------------------------------- */
.mission-outer{
margin-bottom: 74px;
}
.mission-outer:last-of-type{
margin-bottom: 0;
}
.mission-outer h2{
margin-bottom: 61px;
}
.mission__sec{
display: -webkit-flex;
display: flex;
-ms-align-items: center;
align-items: center;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.mission__sec--alt.mission__sec{
-webkit-flex-direction: row;
flex-direction: row;
}
.mission__fig,
.mission__info{
width: 100%;
max-width: 50%;
}
.mission__fig{
text-align: right;
}
.mission__sec--alt .mission__fig{
text-align: left;
}
.mission__info p{
margin-bottom: 20px;
}
/* How It Works
-------------------------------------- */
.howItWorks-outer{
position: relative;
}
.howItWorks-outer::before{
content: '';
top: 105px;
bottom: 105px;
width: 1px;
position: absolute;
left: 50%;
transform: translateX(-50%);
background: #0068ff;
}
.howItWorks__sec{
display: -webkit-flex;
display: flex;
-ms-align-items: center;
align-items: center;
margin: 0 -42px;
}
.howItWorks__sec:not(:last-child){
margin-bottom: 66px;
}
.howItWorks__sec:nth-child(even){
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.howItWorks__info,
.howItWorks__fig{
width: 100%;
max-width: 50%;
padding: 0 42px;
}
.howItWorks__fig{
text-align: center;
position: relative;
}
.howItWorks__info{
}
.howItWorks__fig > span{
position: absolute;
left: 100%;
margin-left: -11px;
top: 50%;
transform: translateY(-50%);
width: 22px;
height: 23px;
line-height: 23px;
border-radius: 100%;
background: #0068ff;
font-size: 14px;
font-weight: 600;
color: #fff;
text-align: center;
}
.howItWorks__sec:nth-child(even) .howItWorks__fig > span{
left: auto;
margin-left: auto;
right: 100%;
margin-right: -11px;
}
.howItWorks__info__inner{
border-radius: 30px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.16);
background: #fcfcfc;
padding: 30px;
position: relative;
}
.howItWorks__info__inner::before{
content: '';
position: absolute;
width: 22px;
height: 22px;
right: 100%;
top: 50%;
border: 1px solid #ccc;
border-width: 0 0 1px 0;
background: #fcfcfc;
margin-right: -11px;
transform: translateY(-50%) rotateZ(45deg);
}
.howItWorks__sec:nth-child(even) .howItWorks__info__inner::before{
right: auto;
left: 100%;
margin-right: auto;
margin-left: -11px;
border-width: 0 1px 0 0;
}
.howItWorks__info__inner p.large{
color: #0068ff;
margin-bottom: 9px;
}
.howItWorks__info__inner p:not(.large){
font-size: 18px;
letter-spacing: 0.36px;
}
/* Home Page
-------------------------------------- */
.home-banner-wrap {
padding: 60px 0;
overflow: hidden;
}
.home-banner{
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
justify-content: space-between;
-ms-align-items: center;
align-items: center;
}
.home-banner__left{
width: 100%;
max-width: 650px;
}
.home-banner__left h1{
line-height: 1.33;
margin-bottom: 24px;
}
.home-banner__left p{
font-weight: normal;
line-height: 1.42;
color: #262626;
letter-spacing: 0.38px;
margin-bottom: 24px;
}
.banner__btn .btn{
margin-right: 17px;
padding: 0 20px;
}
.home-banner__right{
padding: 0 20px;
position: relative;
}
.home-banner__right::before{
content: '';
width: 212.5px;
height: 145px;
background: url("../images/home-dots1.28ccfa19bb76.svg") no-repeat;
position: absolute;
right: -92px;
top: -7px;
}
.home-banner__right::after{
content: '';
width: 212.5px;
height: 145px;
background: url("../images/home-dots2.c7ff9ac8df8d.svg") no-repeat;
position: absolute;
bottom: 44px;
left: -65px;
}
.home-banner__right img{
position: relative;
z-index: 1;
}
.solution-wrap{
min-height: 205px;
padding: 26px 0 20px;
position: relative;
background-image: linear-gradient(to bottom, rgba(0, 104, 255, 0.05), rgba(255, 219, 0, 0.05));
}
.solution__left{
width: 100%;
max-width: 50%;
text-align: right;
padding-left: 15px;
}
.solution__main{
position: absolute;
left: 0;
width: 100%;
top: 50%;
transform: translateY(-50%);
}
.solution__inner{
display: -webkit-flex;
display: flex;
justify-content: flex-end;
}
.solution__right{
width: 100%;
max-width: 50%;
padding-left: 80px;
}
.solution__right h2{
margin-bottom: 14px;
}
.solution__right p{
margin-bottom: 20px;
letter-spacing: 0.36px;
color: #262626;
}
.solution__right .btn.btn--border:not(:hover){
background: none;
}
.contribute-wrap{
padding: 73px 0 80px;
}
.home-blog-wrap {
padding: 80px 0 80px;
}
.blogs-wrap .content-width,
.media-wrap .content-width,
.interviews-wrap .content-width,
.article-wrap .content-width,
.home-blog-wrap .content-width {
position: relative;
}
.contribute__top{
text-align: center;
margin-bottom: 31px;
}
.contribute__top h2{
text-align: left;
margin-bottom: 30px;
}
.contribute__top .underline::before {
content: '';
width: 99px;
height: 3px;
border-radius: 39px;
background: #ff6666;
position: absolute;
left: 0;
top: 100%;
margin-top: 9px;
transform: translateX(0%);
}
.more-post-title {
position: absolute;
top: 5px;
right: 15px;
}
.contribute__outer{
display: -webkit-flex;
display: flex;
margin: 0 -24px;
}
.contribute__sec{
width: 100%;
max-width: 33.33%;
padding: 0 24px;
margin-bottom: 30px;
}
.contribute__info{
border-radius: 20px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
background: #fff;
text-align: center;
padding: 44px 19px 36px;
height: 100%;
}
.contribute__info h4{
color: #333;
letter-spacing: 0.38px;
margin-bottom: 17px;
}
.contribute__info p{
letter-spacing: 0.32px;
color: #706e6e;
margin-bottom: 30px;
}
.contribute__btn{
text-align: right;
}
.contribute__btn a{
display: -webkit-inline-flex;
display: inline-flex;
-ms-align-items: center;
align-items: center;
color: #0068ff;
letter-spacing: 0.3px;
font-size: 15px;
font-weight: 700;
}
.contribute__btn span{
margin-right: 7px;
}
.home-donate-wrap{
background: url("../images/home-donate-bg.d11dc717795b.svg") no-repeat center center / cover, linear-gradient(to bottom, rgba(0, 104, 255, 0.05), rgba(255, 219, 0, 0.05));
}
.home-donate-sec{
display: -webkit-flex;
display: flex;
justify-content: center;
-ms-align-items: center;
align-items: center;
/* padding: 67px 0; */
padding: 60px 0;
}
.home-donate-sec p{
margin-right: 78px;
color: #0068ff;
letter-spacing: 0.4px;
}
.we-work-wrap{
padding: 60px 0;
}
.we-work-wrap.bg-grey {
background: url("../images/home-donate-bg.d11dc717795b.svg") no-repeat center center / cover, linear-gradient(to bottom, rgba(0, 104, 255, 0.05), rgba(255, 219, 0, 0.05));
}
.we-work__main{
text-align: center;
}
.we-work__sec{
display: -webkit-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: space-between;
}
.we-work__fig{
margin: 0 10px;
}
.we-work__main h2{
margin-bottom: 50px;
}
.we-work__main p.large{
color: #212121;
margin-bottom: 28px;
}
.we-work__main p a{
color: #0068ff;
}
.we-work__main p a:hover{
text-decoration: underline;
}
.we-work__main__community h2{
margin-bottom: 23px;
margin-top: -100px;
}
.we-work__main__community{
text-align: center;
}
.we-work__main__community p.large{
color: #212121;
margin-bottom: 28px;
}
.we-work__main__community p a{
color: #0068ff;
}
.we-work__main__community p a:hover{
text-decoration: underline;
}
.article-wrap {
padding: 60px 0 80px;
}
.media-wrap,
.interviews-wrap{
padding-bottom: 80px;
}
/*partners-sec
_______________*/
.partners-sec {
padding: 80px 0;
}
.partners-row-info {
display: flex;
justify-content: space-between;
margin-bottom: 80px;
}
.partners-row-info:last-child {
margin-bottom: 0;
}
.partners-img {
max-width: 40%;
width: 100%;
}
.partners-info {
max-width: 60%;
width: 100%;
padding-left: 60px;
}
.featured-info-col span,
.partners-info span {
margin-bottom: 4px;
display: block;
color: #F66;
}
.partners-info h2 {
margin-bottom: 20px;
}
.partners-info p {
margin-bottom: 20px;
}
.partners-row-info--alt {
flex-direction: row-reverse;
}
.partners-row-info--alt .partners-img {
padding-right: 0;
}
.partners-row-info--alt .partners-info {
padding-right: 60px;
padding-left: 0;
}
/*Events Styles
_______________*/
.events-banner-wrap {
padding: 60px 0;
}
.events-banner-img img {
display: block;
}
.events-sec {
padding-top: 0;
padding-bottom: 90px; /* 60 */
}
.events-banner-row {
display: flex;
align-items: center;
justify-content: space-between;
}
.events-row {
display: flex;
justify-content: space-between;
margin: 0 -20px;
}
.events-col-info {
max-width: 60%;
width: 100%;
padding: 0 20px;
}
.events-info {
max-width: 60%;
width: 100%;
padding-right: 60px;
}
.events-info span {
display: block;
margin-bottom: 20px;
color: #F66;
}
.events-img {
max-width: 50%;
width: 100%;
}
.events-img img {
width: 100%;
}
.testimonials-img img,
.calendar-img img,
.people-img img,
.events-img img {
display: block;
}
.events-main-info {
border-bottom: 1px solid #cccccc;
}
.events-info h1 {
margin-bottom: 16px;
}
.events-info p {
margin-bottom: 16px;
}
.testimonials-info,
.testimonials-box {
display: flex;
align-items: center;
}
.testimonials-box {
padding: 32px 0;
}
.testimonials-info {
padding-right: 25px;
}
.testimonials-info:last-child {
padding-right: 0;
}
.events-col-info h2 {
margin-bottom: 12px;
}
.testimonials-img {
margin-right: 15px;
}
.testimonials-img span {
background: #d9d9d9;
width: 35px;
height: 35px;
display: block;
border-radius: 50%;
}
.events-col-box {
max-width: 40%;
width: 100%;
padding: 0 20px;
}
.event-description,
.events-date {
padding: 32px 0;
border-bottom: 1px solid #cccccc;
}
.event-description {
border-bottom: none;
}
.event-date-info {
display: flex;
margin-bottom: 24px;
}
.event-date-info:last-child {
margin-bottom: 0;
}
.calendar-info h3 {
font-size: 18px;
margin-bottom: 5px;
}
.calendar-img {
margin-right: 15px;
}
.calendar-img img {
max-width: 25px;
width: 100%;
}
.focus-img img {
max-width: 35px;
width: 100%;
}
.team-img img {
max-width: 40px;
width: 100%;
}
.team-img,
.timeline-img {
margin-right: 14px;
}
.timeline-img img {
max-width: 35px;
width: 100%;
}
.description-info h2 {
margin-bottom: 16px;
}
.description-info p {
margin-bottom: 16px;
}
.description-info h3 {
font-size: 20px;
margin-bottom: 12px;
}
.stage-four-info,
.stage-three-info,
.stage-two-info,
.stage-one-info,
.Terms-info,
.plagiarism-info,
.code-info,
.impact-info,
.challenges-info,
.background-info {
margin-bottom: 30px;
}
.title-info p {
margin-bottom: 0;
}
.events-inner-box {
background: #fff;
border-radius: 20px;
padding: 24px;
box-shadow: 0 8px 12px rgba(51,65,80,.06),0 14px 44px rgba(51,65,80,.11);
position: sticky;
top: 15px;
}
.people-going {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.single-event-people {
align-items: flex-start;
}
.people-img {
margin-right: 15px;
}
.people-img img {
max-width: 85px;
width: 100%;
}
.reserve-btn {
margin-bottom: 20px;
}
.reserve-btn .btn--info{
width: 100%;
text-align: center;
}
/*Sample Event
_________________*/
.join-event-banner.banner-wrap {
padding: 30px 0 0;
}
.join-event-banner h1 {
margin-bottom: 12px;
}
.contact-sec {
padding: 63px 0 130px;
}
.contact-row{
display: flex;
justify-content: space-between;
margin: 0 -20px;
}
.contact-information-col {
max-width: 60%;
width: 100%;
padding: 0 20px;
}
.tell-us-form {
margin-bottom: 60px;
}
.contact-information-col h2 {
margin-bottom: 25px;
}
.input-forms {
display: flex;
justify-content: space-between;
margin: 0 -15px 25px -15px;
}
.input-forms.mg-0{
margin-bottom: 0;
}
.form-group {
max-width: 60%;
width: 100%;
padding: 0 15px;
position: relative;
}
.form-group label{
display: block;
margin-bottom: 8px;
color: #2D3648;
}
.form-group select,
.form-group input {
width: 100%;
border-radius: 6px;
border: 2px solid #CBD2E0;
padding: 10px 12px 10px 16px;
}
.form-group select {
appearance: none;
background: transparent;
cursor: pointer;
color: #2D3648;
}
.form-group .arrow-down {
position: absolute;
top: 63%;
right: 33px;
width: 12px;
height: 12px;
background: url("../images/arrowdown.4a0bf2ec7b73.png") no-repeat center/contain;
cursor: pointer;
}
.proceed-sec{
padding: 60px 0 30px;
}
.checkboxes {
display: flex;
margin-bottom: 24px;
}
.checkboxes:last-child {
margin-bottom: 0;
}
.checkboxes label {
padding-left: 35px;
font-size: 17px; /* 14 */
font-weight: 500;
color: #022738;
cursor: pointer;
position: relative;
}
.checkboxes input {
position: relative;
}
.checkboxes input[type="checkbox"] {
display: none;
}
.checkboxes label::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 22px;
height: 22px;
border: 1px solid #bbbbbb;
background: #d9d9d9;
border-radius: 3px;
}
.checkboxes input[type="checkbox"]:checked + label::before {
background-color: ;
border-color: ;
box-shadow: 0 2px 4px 0 rgba(28,60,107,.4);
}
.checkboxes input[type="checkbox"]:checked + label::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 1px;
width: 25px;
height: 25px;
background-size: 100%;
background: no-repeat 30%/30% 30%;
background-size: 57%;
background-image: url("../images/checkmark.9411a70f9a48.png");
}
.form-btn .btn {
width: 100%;
text-align: center;
border-radius: 15px;
}
.event-col-box{
max-width: 40%;
width: 100%;
padding: 0 20px;
}
.event-inner-info {
background: #fff;
border-radius: 20px;
padding: 24px;
box-shadow: 0 8px 12px rgba(51,65,80,.06),0 14px 44px rgba(51,65,80,.11);
position: sticky;
top: 25px;
}
.event-inner-info h2 {
font-size: 20px;
margin-bottom: 15px;
}
.event-inner-info h3 {
font-size: 18px;
margin-bottom: 18px;
}
.about-event-img {
margin-bottom: 15px;
}
.about-event-img img {
width: 100%;
display: block;
}
/*faq-sec
_______________*/
.faq-sec {
padding: 60px 0 80px;
}
.faq-sec h2 {
text-align: center;
margin-bottom: 48px;
color: #282938;
}
.faq-inner-info{
width: 100%;
margin-bottom: 16px;
cursor: pointer;
position: relative;
border-bottom: 1px solid #e0e0e0;
}
.faq-inner-info.mg-0{
margin-bottom: 0;
}
.faq-question {
padding: 16px 0;
position: relative;
}
.faq-question h3 {
color: #282938;
}
.faq-question::after {
content: '';
display: block;
width: 15px;
height: 15px;
background: url("../images/arrowup.a0aed62e1844.png") no-repeat center/contain;
position: absolute;
top: 50%;
right: 20px;
transform: translate(0, -50%) rotate(-180deg);
transition: 0.3s ease;
}
.faq-question.open::after {
transform: translate(0, -50%) rotate(0deg);
}
.faq-answer {
padding-bottom: 16px;
display: none;
}
.faq-answer p {
color: #282938;
}
/*challenges-sec
_________________*/
.challenges-banner-sec {
padding: 60px 0;
}
.challenges-sec {
padding: 60px 0;
}
.challenges-row {
display: flex;
align-items: center;
justify-content: space-between;
}
.challenges-info-col {
max-width: 60%;
width: 100%;
padding-right: 25px;
}
.challenges-info-col h1 {
margin-bottom: 25px;
}
.challenges-img-col {
max-width: 40%;
width: 100%;
}
.challenges-img-col img {
width: 100%;
}
.challenges-banner-btns {
display: flex;
}
.challenges-banner-btn .btn--info {
margin-right: 15px;
}
.challenges-sec h2 {
text-align: center;
margin-bottom: 28px;
}
.challenges-btns {
display: flex;
justify-content: center;
margin-bottom: 28px;
}
.challenges-btn.mr-0 {
margin: 0;
}
.challenges-btn {
margin: 0 8px;
}
.challenges-btn .btn--border {
border-radius: 50px;
}
.challenges-boxes-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 -15px;
}
.challenges-box-col {
max-width: 50%;
width: 100%;
padding: 0 15px;
margin-bottom: 30px;
}
.challenges-box-col .mg-0 {
margin-bottom: 0;
}
.challenges-box-info {
border: 1px solid #c1c1c1;
padding: 16px;
border-radius: 20px;
}
.challenge-open-btn {
border-radius: 5px;
margin-bottom: 25px;
}
.challenges-box-info h2 {
margin-bottom: 25px;
text-align: left;
}
.challenges-box-info span {
margin-bottom: 8px;
display: block;
}
.challenges-box-info h3 {
font-size: 18px;
margin-bottom: 25px;
}
.challenges-more-btn .btn--info {
width: 100%;
text-align: center;
}
.challenges-taken {
margin-bottom: 25px;
}
/*how-it-works-sec
___________________*/
.how-it-works-sec {
padding: 60px 0;
}
.how-it-works-sec h2 {
text-align: center;
margin-bottom: 60px;
}
.how-it-works-steps {
display: flex;
justify-content: space-between;
margin: 0 -15px;
}
.how-it-works-step {
max-width: 25%;
width: 100%;
padding: 0 15px;
}
.how-it-works-step span {
display: block;
margin-bottom: 10px;
}
.how-it-works-step h3 {
margin-bottom: 15px;
}
/*partner-sec
_______________*/
.partner-sec {
padding: 60px 0;
}
.partner-row {
display: flex;
justify-content: space-between;
margin: 0 -15px;
}
.partner-info-col {
max-width: 50%;
width: 100%;
padding: 0 15px;
}
.partner-info-col span {
color: #ff636f;
display: block;
margin-bottom: 15px;
}
.partner-info-col h2 {
margin-bottom: 25px;
}
.partner-info-col p {
margin-bottom: 25px;
}
.partner-info-col p:last-child {
margin-bottom: 0;
}
.partner-img-col {
max-width: 50%;
width: 100%;
padding: 0 15px;
}
.partner-img-col img {
width: 100%;
}
.partner-btns {
display: flex;
}
.partner-btn .btn--info {
margin-right: 15px;
}
/*sample-challenges
___________________*/
.sample-challenges-banner {
padding: 60px 0 30px;
}
.sample-challenges-img img {
width: 100%;
}
.sample-challenges-row {
display: flex;
justify-content: space-between;
margin: 0 -20px;
padding-bottom: 40px;
}
.sample-col-info {
max-width: 60%;
width: 100%;
padding: 0 20px;
}
.sample-main-info {
border-bottom: 1px solid #cccccc;
}
.sample-main-info h2 {
margin-bottom: 25px;
}
.sample-testimonials-box {
display: flex;
padding-bottom: 25px;
}
.sample-testimonials-info {
display: flex;
align-items: center;
padding-right: 25px;
}
.sample-testimonials-img {
margin-right: 15px;
}
.sample-testimonials-img img {
display: block;
}
.challenges-description {
padding: 30px 0;
}
.deliverables-description,
.rules-description {
padding-bottom: 30px;
}
.challenges-left-boxes {
max-width: 40%;
width: 100%;
padding: 0 20px;
}
.challenges-left-boxes .events-col-box {
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 30px;
}
.coordinators-col-box {
margin-bottom: 30px;
}
.coordinators-col-box:last-child {
margin-bottom: 0;
}
.coordinators-inner-box {
border: 1px solid #d6d6d6;
border-radius: 20px;
padding: 24px;
box-shadow: 0 8px 12px rgba(51,65,80,.06),0 14px 44px rgba(51,65,80,.11);
}
.coordinators-inner-box h2{
font-size: 20px;
margin-bottom: 16px;
}
.coordinators-testimonials-info {
display: flex;
margin-bottom: 15px;
}
.coordinators-testimonials-info:last-child {
margin-bottom: 0;
}
.coordinators-testimonials-img {
margin-right: 15px;
}
.coordinators-testimonials-img img {
display: block;
}
.sample-testimonials-user-info h3,
.testimonials-user-info h3,
.mentors-testimonials-user-info h3,
.coordinators-testimonials-user-info h3 {
font-size: 18px;
}
.mentors-inner-box {
background: #fff;
border-radius: 20px;
padding: 24px;
box-shadow: 0 8px 12px rgba(51,65,80,.06),0 14px 44px rgba(51,65,80,.11);
}
.mentors-inner-box h2 {
font-size: 20px;
margin-bottom: 20px;
}
.mentors-testimonials-info {
display: flex;
margin-bottom: 20px;
}
.mentors-testimonials-img {
margin-right: 15px;
}
.mentors-testimonials-img span{
background: #d9d9d9;
width: 35px;
height: 35px;
display: block;
border-radius: 50%;
}
.mentors-box-btn .btn--border {
width: 100%;
text-align: center;
}
/*Team Page
_________________*/
.team-main-banner.banner-wrap {
padding: 30px 0 0;
}
.team-main-banner .banner__main {
width: 100%;
max-width: 480px;
margin: 0 auto;
}
.team-bottom-info {
padding: 60px 0; /* 0 0 60px */
position: relative;
overflow: hidden;
}
.team-main-banner .banner__main h1 {
margin-bottom: 8px;
}
.mentor-info h1 {
margin-bottom: 25px;
}
.team-link {
margin-bottom: 15px;
}
.team-link a {
display: block;
}
.team-row {
display: flex;
justify-content: space-between;
margin: 0 -20px;
}
.team-form {
margin: 0 -15px;
}
.team-form-info {
max-width: 60%;
width: 100%;
padding: 0 20px;
}
.team-boxes {
max-width: 40%;
width: 100%;
padding: 0 20px;
}
.team-form-info h2 {
margin-bottom: 25px;
}
.team-group {
max-width: 100%;
width: 100%;
margin-bottom: 18px;
position: relative;
}
.team-group input {
width: 100%;
}
.input-forms .team-group {
max-width: 40%;
width: 100%;
}
.input-forms .wd-60 {
max-width: 60%;
width: 100%;
}
.input-forms .mg-0 {
margin-bottom: 0;
}
.team-proceed {
padding: 30px 0;
}
.team-boxes .event-col-box {
max-width: 100%;
width: 100%;
padding: 0;
}
.team-boxes .event-col-box {
margin-bottom: 30px;
}
.thankyou-message-box {
border: 2px solid #abcaab;
border-radius: 25px;
padding: 21px 14px 17px 14px;
margin-bottom: 35px;
}
.thankyou-message-box p {
margin-bottom: 30px;
}
.thankyou-message-box p:last-child {
margin-bottom: 0;
}
/*mentor
______________*/
.mentor-group {
max-width: 50%;
width: 100%;
}
.mentor-group input {
width: 100%;
}
.expertise-checkboxes {
display: flex;
margin: 0 -15px;
}
.expertise-checkbox {
max-width: 50%;
width: 100%;
padding: 0 15px;
}
.area-expertise p {
margin-bottom: 15px;
}
.expertise-checkbox input[type="checkbox"] {
display: none;
}
.expertise-checkbox {
margin-bottom: 15px;
}
.expertise-checkbox label {
position: relative;
padding-left: 30px;
cursor: pointer;
}
.expertise-checkbox label::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 18px;
height: 18px;
border: 1px solid #bbbbbb;
border-radius: 3px;
}
.expertise-checkbox input[type="checkbox"]:checked + label::before {
background-color: ;
border-color: ;
box-shadow: 0 2px 4px 0 rgba(28,60,107,.4);
}
.expertise-checkbox input[type="checkbox"]:checked + label::after {
content: "";
display: block;
position: absolute;
top: 40%;
left: 0px;
width: 20px;
height: 20px;
transform: translate(0, -50%);
background-size: 100%;
background: no-repeat 40%/50% 50%;
background-size: 55%;
background-image: url("../images/checkmark.9411a70f9a48.png");
}
.mentor-form {
margin: 0;
}
.mentors-col-box.mg-30 {
margin-bottom: 30px;
}
/*Project Sec
________________*/
.project-banner-sec {
padding: 60px 0;
}
.project-sec {
padding: 60px 0;
}
.project-row {
display: flex;
align-items: center;
justify-content: space-between;
}
.project-info-col {
max-width: 60%;
width: 100%;
padding-right: 25px;
}
.porject-img-info {
max-width: 40%;
width: 100%;
}
.porject-img-info img {
display: block;
}
.project-info-col h1 {
margin-bottom: 25px;
}
.project-sec h2 {
text-align: center;
margin-bottom: 45px;
}
.projects-btns {
display: flex;
justify-content: center;
margin: 0 -8px 28px;
}
.project-btn {
margin: 0 8px;
}
.project-btn .btn--border {
border-radius: 50px;
}
.project-boxes-row {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 -15px;
}
.project-box-col {
max-width: 33.33%;
width: 100%;
padding: 0 15px;
margin-bottom: 30px;
}
.project-box-col.mg-0 {
margin-bottom: 0;
}
.project-box-img img{
width: 100%;
border-radius: 10px 10px 0 0;
display: block;
}
.project-box-info {
border: 1px solid #949494;
border-radius: 10px;
}
.project-inner-info {
padding: 32px 16px 16px 16px;
}
.project-inner-info h2 {
text-align: left;
margin-bottom: 12px;
}
.project-inner-info p {
margin-bottom: 12px;
}
.project-box-btns {
display: flex;
margin-bottom: 36px;
}
.project-box-btn {
margin-right: 6px;
}
.project-box-btn:last-child {
margin-right: 0;
}
.project-more-btn .btn--info {
width: 100%;
text-align: center;
}
/*contribute-sec
________________*/
.project-contribute-sec {
padding: 60px 0;
}
.contribute-sec {
margin-bottom: 120px;
}
.who-contribute-sec h2 {
text-align: center;
margin-bottom: 12px;
}
.contribute-sec h2 {
margin-bottom: 24px;
}
.who-contribute-sec p,
.contribute-sec p {
text-align: center;
margin-bottom: 60px;
}
.contribute-row {
display: flex;
justify-content: space-between;
margin: 0 -20px;
}
.contribute-col {
max-width: 33.33%;
width: 100%;
padding: 0 20px;
}
.contribute-col h2 {
margin-bottom: 12px;
text-align: center;
}
.contribute-col p{
margin-bottom: 0;
}
/*community-sec
__________________*/
.community-sec {
padding: 80px 0;
background: #fffcf0;
}
.commnuntiy {
display: flex;
align-items: center;
}
.community-info,
.community-image {
width: 50%;
}
.community-info h2 {
margin-bottom: 35px;
}
.community-image {
padding-left: 20px;
}
.community-image img {
display: block;
}
/*gurdian-angle-sec
____________________*/
.gurdian-angel-banner.banner-wrap {
padding: 30px 0 0;
}
.gurdian-angel-banner h2 {
margin-bottom: 24px; /* 16px */
}
.gurdian-bottom-sec {
padding: 40px 0;
}
.gurdian-row {
display: flex;
justify-content: space-between;
margin: 0 -20px;
}
.gurdian-form-col {
max-width: 60%;
width: 100%;
padding: 0 20px;
}
.gurdian-box-col {
max-width: 40%;
width: 100%;
padding: 0 20px;
}
.gurdian-form-col h2 {
margin-bottom: 16px;
}
.gurdian-form-col p {
margin-bottom: 24px;
}
.gurdian-form {
margin: 0 -15px;
}
.gurdian-form .input-forms {
margin: 0;
}
.form-group.gurdian-group {
max-width: 100%;
width: 100%;
margin-bottom: 18px;
position: relative;
}
.form-group.gurdian-group.mg-0 {
margin-bottom: 0;
}
.input-forms .gurdian-group {
max-width: 50%;
width: 100%;
}
.gurdian-proceed {
padding: 30px 0 40px;
}
.gurdian-proceed h2 {
margin-bottom: 25px;
}
.gurdian-box-col .event-col-box {
max-width: 100%;
width: 100%;
padding: 0;
margin-bottom: 20px;
}
.contributor-info {
margin-bottom: 25px;
}
.contributor-info:last-child {
margin-bottom: 0;
}
.contributor-info h3 {
margin-bottom: 10px;
}
.sample-testimonials {
align-items: center;
}
/*gurdian-banner
____________________*/
.gurdian-banner {
padding: 40px 0;
}
.gurdian-banner-row {
display: flex;
align-items: center;
justify-content: space-between;
}
.gurdian-banner-info {
max-width: 60%;
width: 100%;
padding-right: 32px;
}
.gurdian-banner-img {
max-width: 40%;
width: 100%;
}
.gurdian-banner-img img {
display: block;
}
.gurdian-banner-info h1 {
margin-bottom: 20px;
}
.gurdian-banner-info p {
margin-bottom: 20px;
}
.gurdian-banner-btns {
display: flex;
}
.website-btn {
margin-right: 15px;
}
.gurdian-main-row {
display: flex;
justify-content: space-between;
margin: 0 -20px;
padding-bottom: 80px;
}
.gurdian-info-col {
max-width: 60%;
width: 100%;
padding: 0 20px;
}
.gurdian-info-col h2 {
margin-bottom: 20px;
}
.gurdian-info-col .calendar-info h2 {
margin-bottom: 5px;
}
.gurdian-info-col .events-date {
border-top: 1px solid #cccccc;
}
.gurdian-box-col .events-col-box {
max-width: 100%;
width: 100%;
padding: 0;
margin-bottom: 30px;
}
.contribute-btn .btn--info {
width: 100%;
text-align: center;
}
.gurdian-inner-info {
padding: 20px 0;
}
.gurdian-inner-info p {
margin-bottom: 20px;
}
.gurdian-features {
border-bottom: 1px solid #cccccc;
}
.gurdian-features h2 {
margin-bottom: 12px;
}
.roadmap-info ul li,
.potential-impact-info ul li,
.gurdian-features ul li {
margin-bottom: 12px;
padding-left: 25px;
position: relative;
}
.potential-impact-info ul li:last-child {
margin-bottom: 0;
}
.roadmap-info ul li {
margin-bottom: 20px;
}
.gurdian-features li span {
display: block;
width: 15px;
height: 25px;
position: absolute;
top: 0;
left: 5px;
}
.potential-impact-info li::after,
.roadmap-info li::after {
content: '';
display: block;
width: 5px;
height: 5px;
position: absolute;
top: 10px;
left: 10px;
background: black;
border-radius: 50%;
}
.guardian-slider {
margin-bottom: 20px;
}
.slider-img {
position: relative;
}
.owl-dots {
text-align: center;
position: absolute;
left: 50%;
bottom: 24px;
transform: translateX(-50%);
}
.owl-dots button.owl-dot.active {
background-color: black !important;
border-radius: 50%;
}
.owl-dots button.owl-dot {
border: 1px solid #000 !important;
border-radius: 50%;
height: 16px;
width: 16px;
margin: 0 4px;
}
.potential-impact-info {
padding: 20px 0;
border-bottom: 1px solid #cccccc;
}
.potential-impact-info h2 {
margin-bottom: 20px;
}
.roadmap-info{
padding-top: 20px;
}
.roadmap-info h2 {
margin-bottom: 20px;
}
.roadmap-info h3 {
margin-bottom: 12px;
}
/*latest update page
========================*/
.blogs-wrap .blog-list,
.media-wrap .blog-list,
.interviews-wrap .blog-list,
.article-wrap .blog-list {
margin-top: 47px;
}
.blog-list{
display: flex;
flex-wrap: wrap;
margin: 40px -14px 0 -14px;
}
.interview-block {
max-width: 50% !important;
flex: 0 0 50% !important;
}
.post-block{
padding: 0 14px;
flex: 0 0 33.33%;
max-width: 33.33%;
}
.post-block a:hover{
color: #0068ff;
}
.post-img {
position: relative;
padding-bottom: 56%;
}
.post-img img{
width: 100%;
display: block;
border-radius: 10px 10px 0 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.post-info{
background-color:#fffcf0;
border-radius:0 0 10px 10px ;
padding: 22px 7px 15px 15px;
font-size: 19px;
font-weight: normal;
line-height: 1.37;
letter-spacing: normal;
text-align: left;
margin: 0;
margin-bottom: 53px;
color: #000000;
}
.post-info h4{
display: block;
max-width: 292px;
padding-top: 9px;
padding-bottom: 22px;
}
.post-info p{
font-size: 15px;
font-weight: 400;
padding: 0;
text-align: left;
}
.last-Updates .learn-more{
margin: 0px auto;
border:1px solid ;
margin-bottom: 158px;
max-width: 112px;
padding: 9px 15px;
border-radius: 5px;
border: solid 1px #0068ff;
text-align: center;
}
.last-Updates .learn-more:hover{
background: #0053cc;
}
.last-Updates .learn-more:hover a{
color: white;
}
.last-Updates .learn-more a{
font-size: 16px;
font-weight: 600;
color: black;
}
.post-info a{
color: black;
}
.post-info img{
vertical-align: middle;
padding-left: 8px;
}
.home-update{
margin-top: 47px;
/* margin-bottom: 95px; */
}
.badge.badge--event{
background: rgba(0, 255, 0, 0.25);
margin-top:-22px;
float:right;
}
.badge.badge--eventclose{
background: rgba(255, 0, 0, 0.25);
margin-top:-22px;
float:right;
}
/* bloge
----------------------------*/
.proceedings-text{
display: flex;
margin-bottom: 54px;
}
.procuding{
margin-top: 48px;
}
.procuding h3{
margin-bottom: 21px;
}
.procuding-img{
max-width: 87px;
margin-left: 15px;
}
.procuding-img img{
display: block;
}
.bloge{
width: 207px;
margin-left: 27px;
margin-top: 18px;
font-size: 18px;
font-weight: normal;
letter-spacing: 0.36px;
text-align: left;
color: #000000;
}
.bloge span{
font-size: 20px;
font-weight: 600;
}
.blog-info{
margin-top: 53px;
margin-bottom: 292px;
}
.blog-info p{
max-width: 1072px;
margin: 0;
margin-top:20px ;
font-size: 17px;
font-weight: normal;
line-height: 1.47;
letter-spacing: 0.34px;
text-align: left;
color: #000000;
}
/*thanku page
=====================================*/
.thanku-main{
margin: 65px auto 136px;
text-align: center;
}
.thanku-heading{
max-width: 600px;
margin: 0 auto;
}
.thanku-main h3{
margin: 29px 0 20px;
line-height: 1.364;
letter-spacing: 0.44px;
color: #000000;
}
.thanku-main .btn--info{
font-size: 16px;
font-weight: 400;
letter-spacing: 0.32px;
color: #ffffff;
}
/* Footer
-------------------------------------- */
.subscription-wrap{
margin-bottom: -43px;
position: relative;
z-index: 1;
}
.subscription-section{
background: #ffbe55;
display: -webkit-flex;
display: flex;
justify-content: space-between;
-ms-align-items: center;
align-items: center;
padding: 18px 32px 16px;
border-radius: 5px;
}
.subscription__right{
width: 100%;
max-width: 418px;
}
.subscription__form{
position: relative;
}
.subscription__form input:not([type="submit"]){
width: 100%;
display: block;
background: #fff;
color: #706e6e;
height: 51px;
border-radius: 5px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.13);
padding: 0 150px 0 14px;
border: 1px solid transparent;
transition: all 0.3s;
}
.subscription__form input:not([type="submit"]):focus{
border-color: #0068ff;
}
.subscription__form input:not([type="email"]){
position: absolute;
width: 131px;
height: 51px;
background-color: #0068ff;
right: 0;
top: 0;
border-radius: 0 5px 5px 0;
border: none;
font-weight: 700;
color: #fff;
cursor: pointer;
}
.subscription__form input:not([type="email"]):hover{
background: #0053cc;
}
#footer-wrap{
background: #fffcf0;
border-radius: 25px 25px 0 0;
position: relative;
}
#footer-wrap::before{
content: '';
position: absolute;
left: 9.44%;
bottom: 100%;
width: 212px;
height: 91px;
background: url("../images/footer-dots.941a484136e8.svg") no-repeat;
}
#footer{
display: -webkit-flex;
display: flex;
justify-content: space-between;
padding: 77px 0 54.5px;
}
.footer__left{
display: -webkit-flex;
display: flex;
width: 100%;
max-width: 660px;
}
.footer__menu{
width: 100%;
max-width: 33.33%;
font-size: 15px;
}
.footer__menu p{
margin-bottom: 7px;
}
.footer__menu li{
margin-bottom: 9px;
}
.footer__menu a{
letter-spacing: 0.3px;
color: #000000;
display: -webkit-inline-flex;
display: inline-flex;
-ms-align-items: center;
align-items: center;
transition: all 0.3s;
}
.footer__menu a:hover{
color: #0068ff;
}
.footer__menu address{
font-style: normal;
margin-bottom: 10px;
}
.footer__menu a i{
color: #ffbe55;
margin-right: 8px;
font-size: 20px;
width: 24px;
}
.footer__menu a i img{
display: block;
margin: 0 auto;
}
.footer__right p{
margin-bottom: 7px;
}
.footer__right ul{
display: -webkit-flex;
display: flex;
-ms-align-items: center;
align-items: center;
margin-bottom: 20px;
}
.footer__right li + li{
margin-left: 10px;
}
.footer__right li a:hover{
opacity: 0.8;
}
.footer__right li img{
display: block;
}
.footer__right .btn.btn--border{
background-color: transparent;
}
.footer__right .btn.btn--border:hover{
background: #0068ff;
}
.footer__copyright{
display: -webkit-flex;
display: flex;
justify-content: space-between;
-ms-align-items: center;
align-items: center;
padding: 19.5px 0 15.5px;
border-top: 2px solid rgba(112, 110, 110, 0.45);
}
.copyright__left p{
display: -webkit-flex;
display: flex;
-ms-align-items: center;
align-items: center;
font-size: 16px;
}
.copyright__left a{
margin-left: 14px;
}
.copyright__right{
font-size: 13px;
letter-spacing: 0.26px;
}
.clearfix::after{
clear: both;
content: '';
display: block;
}
/* Media Queries
-------------------------------------*/
@media (max-width: 1140px) {
.contribute__outer,
.howItWorks__sec,
.about-team__outer{
margin: 0 -15px;
}
.contribute__sec,
.about-team__sec,
.howItWorks__info,
.howItWorks__fig{
padding: 0 15px;
}
.howItWorks__sec:nth-child(even) .howItWorks__info{
padding-right: 40px;
}
.howItWorks__sec:not(:nth-child(even)) .howItWorks__info{
padding-left: 40px;
}
.unborder-table td:first-of-type{
width: auto;
}
.solution__right{
padding-left: 30px;
}
.contribute-wrap{
padding: 65px 0 70px;
}
.tab-sec a{
min-height: 65px;
}
.gurdian-main-row,
.events-row,
.gurdian-row,
.contact-row,
.sample-challenges-row,
.resources-row {
margin: 0 -15px;
}
.gurdian-info-col,
.events-col-info,
.gurdian-form-col,
.contact-information-col,
.sample-col-info,
.resources-col-info {
padding: 0 15px;
}
}
@media (max-width: 1023px) {
p.large.sbold{
font-size: 18px;
}
.main-menu > li{
font-size: 15px;
margin: 0 8px;
}
.main-menu > li:last-child{
margin-left: 12px;
}
.main__large-pd{
padding: 40px 0 70px;
}
#sidebar{
max-width: 250px;
}
.badge-sec span,
.badge-sec strong{
margin-bottom: 5px;
}
.form-control{
margin: 0 -15px;
}
.form-control .form-field{
padding: 0 15px;
}
.main-wrap--pdb{
padding-bottom: 100px;
}
.main__reverse{
margin-bottom: 100px;
}
.main__contact-form{
padding: 25px 30px;
}
.contact-sidebar__sec{
padding: 20px 25px 0;
}
.contact-sidebar__sec .blue-title{
margin-bottom: 25px;
}
.contact-sidebar__info p,
.contact-sidebar__info address{
margin-bottom: 15px;
font-size: 15px;
}
.contact-sidebar__info address i,
.contact-sidebar__info p i{
font-size: 24px;
}
.tab-sec{
margin-bottom: 60px;
}
.tab-sec a{
min-height: 60px;
font-size: 18px;
}
.about-content{
margin-bottom: 55px;
}
.about-team h2{
margin-bottom: 60px;
}
.about-team__fig{
width: 100px;
height: 100px;
margin-bottom: -50px;
}
.about-team__info{
padding-top: 70px;
}
.mission-outer{
margin-bottom: 60px;
}
.mission-outer h2{
margin-bottom: 50px;
}
.mission__fig{
padding-left: 15px;
}
.mission__sec--alt .mission__fig{
padding-left: 0;
padding-right: 15px;
}
.howItWorks__info__inner p:not(.large){
font-size: 16px;
}
.main--community{
margin-bottom: 60px;
}
.main__community-outer{
margin-bottom: 40px;
}
.lead-more-btn{
margin-bottom: 70px;
}
.subscription-section{
padding: 15px 25px;
}
.subscription__right{
max-width: 380px;
}
#footer{
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.solution-wrap{
padding: 50px 0;
}
/* blog post styles=======*/
.home-update{
margin-bottom: 50px;
}
.procuding h3{
font-size: 19px;
}
.bloge{
font-size: 18px;
}
.bloge span{
font-size: 16px;
}
.blog-info p{
font-size:15px;
}
/*=========================*/
.problem-main h1{
font-size: 25px;
}
.problem-main p{
font-size:18px;
}
.post-block{
flex: 0 0 50%;
max-width: 50%;
}
.proceedings-text{
margin-bottom: 20px;
}
.blog-info{
margin: 40px 0 200px;
}
.about-team__outer:not(:last-of-type){
margin-bottom: 40px;
}
.how-it-works-sec,
.challenges-sec,
.we-work-wrap,
.challenges-banner-sec {
padding: 40px 0;
}
.how-it-works-steps {
flex-wrap: wrap;
}
.how-it-works-step {
max-width: 50%;
width: 100%;
margin-bottom: 35px;
}
.how-it-works-step.mg-0 {
margin-bottom: 0;
}
.how-it-works-sec h2 {
margin-bottom: 35px;
}
.events-info span {
margin-bottom: 10px;
}
/* Events */
.events-info h1 {
font-size: 25px;
}
.events-info span {
font-size: 14px;
}
/* Mentor SingUp */
.team-bottom-info {
padding: 40px 0;
}
.faq-sec h2 {
margin-bottom: 30px;
}
.faq-question h3 {
font-size: 20px;
}
.thankyou-message-box p {
margin-bottom: 20px;
}
.thankyou-message-box {
margin-bottom: 25px;
}
.coordinators-inner-box {
padding: 18px;
}
/* Single Event */
.events-banner-wrap {
padding: 40px 0;
}
.events-sec {
padding-bottom: 80px;
}
.events-col-info {
max-width: 55%;
width: 100%;
}
.events-col-box {
max-width: 45%;
width: 100%;
}
/* Sample EventRSP */
.contact-sec {
padding: 50px 0 65px;
}
.faq-sec {
padding: 40px 0 60px;
}
/* Project */
.project-inner-info {
padding: 20px 12px 12px 12px;
}
.project-box-btns {
margin-bottom: 26px;
}
.project-inner-info h2 {
margin-bottom: 8px;
font-size: 20px;
}
.project-inner-info p {
font-size: 16px;
}
.who-contribute-sec p,
.contribute-sec p {
margin-bottom: 40px;
}
.contribute-sec {
margin-bottom: 60px;
}
.community-sec {
padding: 60px 0;
}
.community-info h2 br {
display: none;
}
/* Sample Project */
.gurdian-banner-info p,
.gurdian-banner-info h1 {
margin-bottom: 15px;
}
.event-col-box,
.events-col-box,
.resources-col-box,
.mentors-col-box,
.challenges-left-boxes .events-col-box,
.team-boxes .event-col-box,
.coordinators-col-box,
.gurdian-box-col .event-col-box,
.gurdian-box-col .events-col-box {
max-width: 575px;
width: 100%;
}
.form-btn .btn {
max-width: 500px;
width: 100%;
}
/* Sample Project SignUp */
.gurdian-form-col {
max-width: 55%;
width: 100%;
}
.gurdian-info-col {
max-width: 55%;
width: 100%;
}
.gurdian-box-col {
max-width: 45%;
width: 100%;
}
/* Resources Sample Event */
.resources-col-info {
max-width: 55%;
width: 100%;
}
.banner__main {
min-height: 260px;
}
.banner__main--upper {
padding-top: 64px
}
/* Sample Challenges */
.sample-challenges-banner {
padding: 40px 0 30px;
}
.sample-col-info {
max-width: 55%;
width: 100%;
}
.challenges-left-boxes {
max-width: 45%;
width: 100%;
}
/* Team Name SignUp */
.team-form-info {
max-width: 55%;
width: 100%;
}
.team-boxes {
max-width: 45%;
width: 100%;
}
/* Challenges */
.challenges-box-info h2 {
font-size: 22px;
margin-bottom: 15px;
}
.challenges-taken {
margin-bottom: 15px;
}
.contribute-row {
margin: 0 -15px;
}
.contribute-col {
padding: 0 15px;
}
}
@media (min-width: 768px) {
.menu-btn{
display: none !important;
}
.header__right{
display: block !important;
}
}
@media (max-width: 767px) {
body, input, select, textarea{
font-size: 16px;
}
h1{
font-size: 22px;
}
h2{
font-size: 20px;
}
p.large{
font-size: 16px;
}
#header-wrap{
position: relative;
z-index: 1001;
}
#header-wrap .content-width{
padding: 0;
}
#header{
display: block;
position: relative;
}
.header__left{
display: -webkit-flex;
display: flex;
justify-content: space-between;
-ms-align-items: center;
align-items: center;
padding: 0 15px;
}
.header__left img{
display: block;
}
.menu-btn{
width: 100%;
max-width: 45px;
cursor: pointer;
border: 1px solid #0068ff;
padding: 10px;
border-radius: 4px;
}
.menu-btn.active,
.menu-btn:hover{
background: #0068ff;
}
.menu-btn.active i,
.menu-btn:hover i{
background: #fff;
}
.menu-btn i{
display: block;
height: 2px;
background: #0068ff;
}
.menu-btn i + i{
margin-top: 5px;
}
.header__right{
position: absolute;
width: 100%;
left: 0;
top: 100%;
background: #fff;
display: none;
border-top: 1px solid #0068ff;
border-bottom: 1px solid #0068ff;
}
.main-menu{
display: block;
}
.main-menu > li{
margin: 0;
}
.main-menu > li > a{
display: block;
border-bottom: 1px solid #0068ff;
display: flex;
justify-content: space-between;
padding: 10px 15px;
}
.main-menu > li.menu__hasChild > a{
border: none;
}
.sub-menu__outer{
position: relative;
opacity: 1;
visibility: visible;
padding-top: 0;
margin-right: 0;
}
.sub-menu{
background: none;
box-shadow: none;
border-radius: 0;
}
.sub-menu a{
padding: 10px 25px;
border-color: #0068ff;
border-width: 1px 0 0;
}
.main-menu > li:last-child{
margin: 10px 0;
}
.main-menu > li > a.btn--info{
padding: 0;
max-width: 200px;
margin: 0 auto;
-ms-align-items: center;
align-items: center;
justify-content: center;
}
.sub-menu li:last-of-type a{
border-bottom-width: 1px;
}
.main__large-pd{
padding: 40px 0 70px;
}
.main{
display: block;
}
#contents{
max-width: none;
padding-right: 0;
}
#sidebar{
max-width: 50%;
margin: 0 auto;
}
.post-blog{
margin-bottom: 30px;
}
.site-form{
margin-bottom: 50px;
}
.form-control{
margin: 0;
display: block;
}
.form-control .form-field{
padding: 0;
max-width: none;
}
.form-field{
margin-bottom: 15px;
}
.main__md-pd{
padding: 30px 0 100px;
}
.subscription-section{
display: block;
}
.subscription__left{
margin: 0 auto 5px;
max-width: 380px;
}
.subscription__right{
margin: 0 auto;
}
.subscription__form input:not([type="submit"]){
height: 45px;
}
.subscription__form input:not([type="email"]){
width: 110px;
height: 45px;
}
.main__contact-sidebar,
.main__contact-form{
max-width: none;
}
.main__contact-form{
padding: 20px;
}
.site-form--fixWidth.site-form{
margin-bottom: 0;
}
#footer{
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
padding-bottom: 30px;
}
.footer__left{
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer__menu{
max-width: 50%;
}
.uni-chapter{
margin-bottom: 30px;
}
.uni-chapter h2{
font-size: 24px;
}
.uni-chapter img{
width: 70px;
margin-right: 15px;
}
.leader-skill-sec{
padding: 15px;
}
.leader-skill__left ul{
padding-left: 10px;
}
.tab-sec a{
-webkit-flex-direction: column;
flex-direction: column;
height: 100%;
padding: 10px;
}
.tab-sec a span{
margin-left: 0;
margin-top: auto;
text-align: center;
}
.howItWorks__info__inner{
padding: 15px;
}
.main--community{
display: -webkit-flex;
display: flex;
}
.main__community-outer{
max-width: 50%;
margin-bottom: 30px;
}
.lead-more-btn{
margin-bottom: 40px;
}
.unborder-table__outer{
overflow-x: auto;
margin-bottom: 50px;
}
.unborder-table{
width: 740px;
margin-bottom: 10px;
}
.contribute__outer{
display: block;
}
.contribute__sec{
max-width: none;
}
.home-donate-wrap{
background-position: right bottom;
}
.home-donate-sec p{
margin-right: 20px;
}
.solution-wrap{
padding: 30px 0;
}
.solution__main{
position: static;
transform: none;
}
.solution__left{
max-width: none;
padding: 0 15px 15px;
}
.solution__right{
max-width: none;
padding-left: 0;
}
/* blog post styles=======*/
.procuding h3{
font-size: 18px;
}
.bloge{
font-size: 17px;
}
.bloge span{
font-size: 15px;
}
.proceedings-text{
margin-bottom: 30px;
}
.blog-info p{
font-size:15px;
}
/*------------------------------------------*/
.problem-main{
margin-bottom: 80px;
padding-bottom: 80px;
}
.problem-main h1{
font-size: 22px;
padding-top: 80px;
padding-bottom: 15px;
}
.problem-main p{
font-size:15px;
}
/*------------------------*/
.post-info{
font-size: 14px;
margin-bottom: 40px;
}
.post-info h4{
padding-bottom: 11px;
padding-top:5px;
font-size: 17px;
}
.post-info p {
font-size: 14px;
}
.last-Updates .learn-more a{
font-size: 15px;
}
.last-Updates .learn-more{
margin-bottom: 80px;
padding: 7px 10px;
max-width: 100px;
}
.post-info.read-more a{
margin-bottom: 80px;
}
.post-info{
margin-bottom: 30px;
}
.blog-info{
margin: 30px 0 150px;
}
.about-team__outer--third{
display: block;
}
.about-team__outer--third .about-team__sec{
max-width: none;
margin-bottom: 30px;
}
/* Challenges */
.partner-row,
.challenges-row {
display: block;
}
.challenges-info-col {
max-width: 100%;
width: 100%;
padding-right: 0;
}
.partner-img-col,
.challenges-img-col {
max-width: 450px;
margin: 0 auto;
margin-bottom: 30px;
}
.challenges-img-col {
padding: 0;
}
.partner-sec {
padding: 40px 0;
}
.partner-info-col span {
margin-bottom: 10px;
}
.partner-info-col h2 {
margin-bottom: 15px;
}
.challenges-btns {
flex-wrap: wrap;
margin-bottom: 14px;
}
.challenges-btn {
margin-bottom: 14px;
}
.challenges-box-info h3 {
margin-bottom: 18px;
}
.challenges-box-info span {
margin-bottom: 6px;
}
.partner-info-col {
max-width: 100%;
width: 100%;
}
.how-it-works-sec h2 {
margin-bottom: 25px;
}
.challenges-box-col {
max-width: 500px;
margin: 0 auto 30px;
width: 100%;
}
/* Index Page */
.partners-sec {
padding: 60px 0;
}
.partners-row-info {
display: block;
}
.partners-img {
max-width: 350px;
margin-bottom: 25px;
}
.partners-img img {
width: 100%;
}
.partners-row-info--alt .partners-info {
padding-right: 0;
}
.partners-info {
max-width: 100%;
width: 100%;
padding-left: 0;
}
/* Events Page */
.events-banner-wrap {
padding: 40px 0;
}
.events-banner-row {
display: block;
}
.events-info h1 {
font-size: 22px;
margin-bottom: 10px;
}
.events-info {
max-width: 100%;
width: 100%;
padding-right: 0;
}
.events-img {
max-width: 450px;
margin: 0 auto 30px;
width: 100%;
}
.events-img img {
width: 100%;
}
/* Mentor SignUp */
.team-row {
display: block;
}
.team-form-info {
max-width: 100%;
width: 100%;
margin-bottom: 35px;
}
.team-boxes {
max-width: 100%;
width: 100%;
}
.faq-sec {
padding: 40px 0 60px;
}
/* Single Event */
.events-sec {
padding-bottom: 60px;
}
.events-row {
display: block;
}
.events-col-info {
max-width: 100%;
width: 100%;
margin-bottom: 35px;
}
.testimonials-box {
padding: 22px 0;
}
.event-description,
.events-date {
padding: 22px 0;
}
.reserve-btn,
.people-going {
margin-bottom: 15px;
}
/* Sample EventRSP */
.contact-sec {
padding: 40px 0 55px;
}
.contact-row {
display: block;
}
.contact-information-col {
max-width: 100%;
width: 100%;
margin-bottom: 35px;
}
.event-inner-info {
padding: 18px;
}
.proceed-sec {
padding: 40px 0 30px;
}
.checkboxes label {
font-size: 14px;
padding-left: 30px;
}
.checkboxes label::before {
width: 18px;
height: 18px;
}
.checkboxes input[type="checkbox"]:checked + label::after {
width: 18px;
height: 18px;
background: no-repeat 40%/30% 30%;
background-size: 57%;
background-image: url("../images/checkmark.9411a70f9a48.png");
}
/* Project */
.project-banner-sec {
padding: 40px 0;
}
.project-row {
display: block;
}
.project-info-col {
max-width: 100%;
width: 100%;
padding-right: 0;
}
.porject-img-info {
max-width: 450px;
margin: 0 auto 30px;
width: 100%;
}
.porject-img-info img {
width: 100%;
}
.project-info-col h1 {
margin-bottom: 18px;
}
.project-sec {
padding: 40px 0;
}
.project-boxes-row {
flex-wrap: wrap;
}
.project-box-col {
max-width: 50%;
width: 100%;
}
.project-box-col.mg-0.mg-30 {
margin-bottom: 30px;
}
.project-contribute-sec {
padding: 40px 0;
}
.contribute-row {
display: block;
margin: 0;
}
.who-contribute-sec p,
.contribute-sec p {
max-width: 450px;
margin: 0 auto 50px;
width: 100%;
}
.who-contribute-sec p.mg-0 {
margin-bottom: 0;
}
.contribute-col {
max-width: 350px;
margin: 0 auto;
width: 100%;
}
.commnuntiy {
display: block;
}
.community-info h2 {
margin-bottom: 20px;
}
.community-info {
max-width: 100%;
width: 100%;
}
.community-image {
width: 100%;
padding-left: 0;
max-width: 575px;
margin: 0 auto 30px;
}
.community-sec {
padding: 40px 0;
}
/* Sample Project */
.gurdian-banner-row {
display: block;
}
.gurdian-banner-info {
max-width: 100%;
width: 100%;
padding-right: 0;
}
.gurdian-banner-img {
max-width: 450px;
margin: 0 auto 30px;
width: 100%;
}
.gurdian-banner-img img {
width: 100%;
}
.gurdian-main-row {
display: block;
}
.gurdian-box-col,
.gurdian-info-col {
max-width: 100%;
width: 100%;
}
.gurdian-info-col {
margin-bottom: 25px;
}
/* Sample Project SingUp */
.gurdian-row {
display: block;
}
.gurdian-form-col {
max-width: 100%;
width: 100%;
margin-bottom: 25px;
}
/* Resources */
.banner-wrap {
padding: 40px 0;
}
.banner-info {
display: block;
}
.banner-inner-info {
max-width: 100%;
width: 100%;
padding-right: 0;
}
.featured-img-col,
.banner-img {
max-width: 350px;
width: 100%;
margin: 0 auto;
}
.banner-img {
margin-bottom: 30px;
}
.banner__main h1:not(:last-child) {
margin-bottom: 15px;
}
.featured-sec {
padding: 40px 0;
}
.featured-row.row-reverse {
flex-wrap: wrap;
flex-direction: column-reverse;
}
.featured-img-col {
margin-bottom: 20px;
}
.featured-info-col {
max-width: 100%;
width: 100%;
padding-left: 0;
margin-bottom: 30px;
}
.article-wrap {
padding: 40px 0 60px;
}
/* Resources Sample Event */
.resources-sec {
padding: 40px 0;
}
.resources-main-info h2 br{
display: none;
}
.resources-soical-icons {
margin-top: 15px;
}
.resources-row {
display: block;
margin: 0;
}
.resources-col-info {
max-width: 100%;
width: 100%;
margin-bottom: 25px;
padding: 0;
}
.resources-inner-info {
padding: 20px;
}
.banner__main--upper {
padding-top: 50px;
}
.banner__main {
min-height: 230px;
}
.join-event-banner.banner-wrap,
.gurdian-angel-banner.banner-wrap,
.resources-articles-banner.banner-wrap{
padding: 20px 0 0;
}
/* Sample Challenges */
.sample-challenges-row {
display: block;
}
.sample-col-info {
max-width: 100%;
width: 100%;
}
.challenges-left-boxes {
max-width: 100%;
width: 100%;
}
/* Team Name SignUp */
.input-forms .team-group {
max-width: 50%;
width: 100%;
}
/* Home Page */
.home-banner-wrap {
padding: 40px 0;
}
.home-banner {
display: block;
}
.home-banner__left {
max-width: 100%;
width: 100%;
}
.home-banner__right {
padding: 0;
max-width: 450px;
margin: 0 auto 25px;
}
.home-donate-sec {
padding: 40px 0;
}
.we-work__sec {
flex-wrap: wrap;
justify-content: center;
}
.we-work__fig {
margin-bottom: 10px;
}
.gurdian-main-row,
.events-row,
.gurdian-row,
.contact-row,
.sample-challenges-row,
.resources-row {
margin: 0;
}
.resources-col-box,
.gurdian-info-col,
.events-col-box,
.events-col-info,
.gurdian-box-col,
.gurdian-form-col,
.event-col-box,
.contact-information-col,
.challenges-left-boxes,
.sample-col-info,
.resources-col-info {
padding: 0;
}
}
@media (max-width: 575px) {
h1{
font-size: 20px;
}
h2{
font-size: 18px;
}
p.large{
font-size: 16px;
}
.footer__copyright{
display: block;
text-align: center;
}
#sidebar{
max-width: none;
}
.copyright__left p{
justify-content: center;
}
.footer__menu{
max-width: none;
}
.leader-skill-sec{
display: block;
}
.leader-skill__left{
margin-bottom: 20px;
}
.tab-sec{
display: block;
margin-bottom: 40px;
}
.tab-sec li{
max-width: none;
}
.tab-sec li:not(:last-child){
margin-bottom: 5px;
}
.tab-sec a{
font-size: 14px;
min-height: 1px;
height: auto;
display: block;
text-align: center;
}
.tab-sec a img{
margin: 0 auto 5px;
}
.main-wrap--pdb{
padding-bottom: 60px;
}
.underline::before{
margin-top: 3px;
}
.about-team h2{
margin-bottom: 40px;
}
.about-team__outer{
display: block;
}
.about-team__sec:not(:last-child){
margin-bottom: 30px;
}
.about-team__sec{
max-width: none;
}
.mission__sec{
display: block;
}
.mission__fig, .mission__info{
max-width: none;
}
.mission__fig{
padding-left: 0;
margin-bottom: 15px;
}
.mission__fig,
.mission__sec--alt .mission__fig{
text-align: center;
}
.mission__sec--alt .mission__fig{
padding-right: 0;
}
.howItWorks-outer::before,
.howItWorks__info__inner::before{
display: none;
}
.howItWorks__sec{
display: block;
}
.howItWorks__sec:not(:last-child){
margin-bottom: 40px;
}
.howItWorks__info, .howItWorks__fig{
max-width: none;
}
.howItWorks__sec:not(:nth-child(2n)) .howItWorks__info{
padding-left: 15px;
}
.howItWorks__sec:nth-child(2n) .howItWorks__info{
padding-right: 15px;
}
.howItWorks__fig > span{
position: static;
transform: none;
display: block;
margin: 0 auto 10px;
}
.howItWorks__sec:nth-child(2n) .howItWorks__fig > span{
margin-right: auto;
}
.main--community{
display: block;
margin-bottom: 40px;
}
.main__community-outer{
max-width: none;
}
.hfc-card{
padding: 20px;
}
.hfc-card__fig{
position: static;
transform: none;
margin-bottom: 15px;
}
.hfc-card--wide{
display: block;
}
.hfc-card--wide .hfc-card__fig{
margin-left: auto;
max-width: none;
}
.unborder-table__outer{
margin-bottom: 40px;
}
.home-banner{
display: block;
}
.home-banner__left{
max-width: none;
}
.home-donate-sec{
display: block;
text-align: center;
}
.home-donate-sec p{
margin-right: 0;
margin-bottom: 15px;
}
/* Blog Post styles=======*/
.post-block{
flex: 0 0 100%;
max-width: 100%;
padding: 0 14px;
}
.blog-list:not(.home-update){
margin-top: 30px;
}
.procuding h3{
font-size: 15px;
margin-bottom: 15px;
}
.proceedings-text{
margin-bottom: 20px;
}
.blog-info p{
margin-top: 15px;
}
.problem-main h1{
font-size: 20px;
padding-top: 50px;
padding-bottom: 12px;
}
.problem-main{
margin-bottom: 30px;
padding-bottom: 30px;
}
.problem-main p{
font-size:14px;
}
.post-info{
font-size: 14px;
}
.last-Updates .learn-more a{
font-size: 14px;
}
.last-Updates .learn-more{
margin-bottom: 38px;
padding: 5px 10px;
max-width: 93px;
}
.home-update{
margin-top: 25px;
margin-bottom: 50px;
}
.procuding-img{
max-width: 70px;
margin-left: 0px;
}
.post-info{
margin-bottom: 25px;
}
.post-info h4{
font-size: 18px;
}
.thanku-main{
margin-bottom: 100px;
}
.bloge{
margin-top: 10px;
}
.blog-info{
margin: 30px 0 70px;
}
.interview-block {
max-width: 100% !important;
flex: 0 0 100% !important;
}
/* FAQ */
.faq-question h3 {
font-size: 18px;
}
.faq-question::after {
width: 12px;
height: 12px;
}
.how-it-works-step {
max-width: 100%;
width: 100%;
margin-bottom: 35px;
}
.how-it-works-step.mg-35 {
margin-bottom: 35px;
}
/* Event */
.events-col-info h2 {
font-size: 20px;
}
.sample-testimonials-user-info h3,
.testimonials-user-info h3,
.mentors-testimonials-user-info h3,
.coordinators-testimonials-user-info h3 {
font-size: 16px;
}
.calendar-info h3 {
font-size: 16px;
}
/* Mentor SingUp */
.tell-us-form {
margin-bottom: 40px;
}
.input-forms {
display: block;
}
.mentor-group {
max-width: 100%;
width: 100%;
margin-bottom: 25px;
}
.mentor-group:last-child {
margin-bottom: 0;
}
.expertise-checkboxes {
display: block;
}
.expertise-checkbox {
max-width: 100%;
width: 100%;
}
.form-group {
max-width: 100%;
width: 100%;
margin-bottom: 25px;
}
.form-group.mg-0 {
margin-bottom: 0;
}
/* Project */
.project-boxes-row {
display: block;
}
.project-box-col {
max-width: 100%;
width: 100%;
}
.contribute-row {
display: block;
}
.contribute-col {
max-width: 100%;
width: 100%;
}
/* Sample Project SignUp*/
.input-forms .gurdian-group {
max-width: 100%;
width: 100%;
}
.banner__main--upper {
padding-top: 40px;
}
.banner__main {
min-height: 180px;
}
/* Tean Name SignUp */
.input-forms .team-group{
max-width: 100%;
width: 100%;
}
.testimonials-box,
.sample-testimonials-box {
flex-wrap: wrap;
padding-bottom: 5px;
}
.testimonials-info,
.sample-testimonials-info {
padding-bottom: 20px;
}
.sample-challenges-banner {
padding: 30px 0 15px;
}
.event-col-box,
.events-col-box,
.resources-col-box,
.mentors-col-box,
.challenges-left-boxes .events-col-box,
.team-boxes .event-col-box,
.coordinators-col-box,
.gurdian-box-col .event-col-box,
.gurdian-box-col .events-col-box {
max-width: 100%;
width: 100%;
}
.projects-btns {
flex-wrap: wrap;
margin: 0 -5px 15px;
}
.project-btn {
margin: 0 5px 10px;
}
.testimonials-user-info {
font-size: 15px;
}
.community-image {
max-width: 100%;
margin-bottom: 20px;
}
}
/* Event Details page banner styles*/
.banner-wrap_event{
/*background: rgba(255, 219, 0, 0.14);*/
position: relative;
overflow: hidden;
}
.banner-wrap_event::before{
content: '';
position: absolute;
left: 10.24%;
bottom: -58px;
width: 170px;
height: 116px;
/*background: url("../images/header-dots.2c433a2eeee9.svg") no-repeat;*/
}
.banner__main_event{
text-align: center;
min-height: 310px;
display: -webkit-flex;
display: flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
-webkit-flex-direction: column;
flex-direction: column;
padding: 30px 0;
position: relative;
}
.banner__main::before{
content: '';
width: 56px;
height: 56px;
border-radius: 100%;
/*background: rgba(255, 102, 102, 0.3);*/
position: absolute;
top: 41px;
left: 35px;
z-index: 0;
}
.banner__main::after{
content: '';
width: 97px;
height: 97px;
border-radius: 100%;
/*background: rgba(255, 219, 0, 0.3);*/
position: absolute;
bottom: 80px;
right: 0;
margin-right: -43px;
z-index: 0;
}
/* Donation Page style */
.radio-group {
padding-left: 5px;
margin-top: 10px;
margin-bottom: 20px;
margin-right: 0;
}
.radio-group label::after {
content:'\00a0\00a0\00a0\00a0'; /* eq x 4 */
}
/* optionnal */
.radio-group label:last-of-type::after {
content:'';
}
/* banner responsive */
.banner-wrap_event{
background-repeat: no-repeat;
background-position: center;
background-size: cover;
max-height: 100%;
width: 100%;
top: 0%;
z-index: 1;
}
/*author_event picture adjustment*/
.author__left{
height: 100%;
width: 75%;
margin-right: 18px;
margin-bottom: 15px;
}
.author_image{
position: absolute;
border-radius: 16px;
display: block;
max-width: 180px;
max-height: 180px;
width: auto;
height: auto;
top: 26px;
float: left;
}
.author_text{
text-align: left;
}
.author__right{
padding-top: 31px;
position: relative;
margin-left: 135px;
}
@media ( min-width: 980px) {
.banner-wrap_event{
height: 100%;
background-size: contain;
}
}
@media (max-width:600px) {
.author_image{
object-fit: cover;
}
}
@media only screen and (max-width: 880px) and (min-width: 770px) {
.author_image{
object-fit: cover;
}
}
@media only screen and (max-width: 776px) and (min-width: 948px) {
.author__right{
margin-left:179px;
}
}
@media (min-width: 770px) and (min-width: 940px) {
.author__text{
margin-left: 50px;
}
}
@media (max-width:600px){
.author_image{
display:none;
}
.author__left{
width: 0;
}
.author__right{
margin-left: 0;
}
.single__author-sec{
margin-left: 0;
text-align: left;
flex-direction: column-reverse;
}
}