body{ font-family: 'Muli', sans-serif; } .main-wrapper{ overflow: hidden; } h1,h2,h3,h4,h5,h6{ font-family: 'Nunito', sans-serif; margin: 0; font-weight: 800; } h1{ font-size: 56px; } h2{ font-size: 36px; } h3{ font-size: 24px; } h4{ font-size: 22px; } h5{ font-size: 18px; } h6{ font-size: 16px; } p{ margin: 0; color: #6d6d6d; } ul { margin: 0; padding: 0; list-style: none; } a{ transition: all 0.3s ease-in; outline: none; } a:hover{ text-decoration: none; } button:focus{ outline: none; } img{ max-width: 100%; transition: all 0.3s ease; } label{ font-weight: 900; color: #555555; } input{ height: 45px; } textarea, input{ border-color: #ddd; border-radius: 0 !important; padding: .375rem 22px !important; } textarea::placeholder, input::placeholder{ color: #555; } input:focus, textarea:focus{ border-color: #ddd !important; color: #555; } textarea:focus, input:focus, .btn:focus{ box-shadow: none !important; } .mgb-lg{ margin-bottom: 100px; } .mgb-md{ margin: 0 0 60px; } .main-title{ margin: 0 0 30px; } .main-title .sub-title{ color: #fe5d4b; position: relative; padding: 0 0 0 90px; text-transform: uppercase; display: block; margin: 0 0 15px; } .main-title .sub-title:before{ content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 50px; height: 2px; background: #fe5d4b; } .main-title + p{ font-size: 18px; } .btn{ background: #fe5d4b; font-size: 14px; text-transform: uppercase; color: #fff; border-radius: 0; padding: 16px 37px; font-weight: 600; } .btn:hover{ background: #000; color: #fff; } .img-holder{ position: relative; overflow: hidden; } .img-holder:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); } .slick-arrow{ border: 2px solid #c2c2c2; height: 45px; width: 45px; z-index: 10; } .slick-arrow:before{ font-family: FontAwesome; color: #c2c2c2; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .slick-prev:before{ content: "\f104"; } .slick-next:before{ content: "\f105"; } .slick-slide div[class*=col-]{ max-width: 100%; } .slick-dots li{ margin: 0 7px; } .slick-dots li button{ background: #d0d0d0; } .slick-dots .slick-active button{ background: #fe5d4b; } .slick-dots li button, .slick-dots li, .slick-dots li button:before{ width: 10px; height: 10px; padding: 0; border-radius: 1000px; transition: all 0.3s ease; } .slick-dots li button:before{ content: none; } /*header*/ .t-header{ background: #923226; height: 112px; } .t-header .t-holder{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; padding: 19px 0; } .t-header .fa{ margin-right: 6px; } .t-header ul li{ display: inline-block; vertical-align: top; color: #777777; } .t-header ul li a{ color: #fff; } .t-header ul li a:hover{ text-decoration: underline; } .t-header .contact-info{ margin-right: auto; } .t-header .contact-info li{ margin: 0 0 0 85px; } .t-header .contact-info li:first-child{ margin: 0; } .t-header .search-form{ position: relative; } .t-header .search-form input{ background: transparent; border: none; border-left: 1px solid rgba(255,255,255,0.3); border-radius: 0; padding: 0px 28px 0 20px !important; color: #fff; height: auto; } .t-header .search-form input::placeholder{ color: #fff; } .t-header .search-form button{ position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 0; padding: 0; background: transparent; color: #fff; } .b-header{ transition: all 0.5s ease; margin: -50px 0 0; } .header-fixed .b-header{ position: fixed; z-index: 10; right: 0; left: 0; top: 0; margin: 0; transition: all 0.5s ease; } .header-fixed.background .b-header{ background: #fff; } .b-header .container{ background: #fff; border-radius: 7px 0 0 7px; position: relative; z-index: 1; } .b-header .container:before{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; background: #fff; border-radius: 7px 0 0 7px; width: 100vw; z-index: -1; } .dropdown:hover>.dropdown-menu { opacity: 1; visibility: visible; z-index: 10; } header .navbar-nav .dropdown-menu{ display: block; visibility: hidden; opacity: 0; margin: 0; font-size: 18px; transition: all 0.3s ease; border: 0; border-radius: 0; box-shadow: 0px 0px 18px -4px #ddd; } header .navbar-nav .dropdown-menu li a{ color: #000; } header .navbar-nav .dropdown-menu li a:hover{ color: #fe5d4b; } .dropdown-item:focus, .dropdown-item:hover{ background-color: #f8f9fa !important; } .dropdown-toggle::after{ content: none; font-family: FontAwesome; border: 0; vertical-align: top; width: auto; height: auto; } header .navbar{ padding: 0; } header .navbar li.nav-item{ margin: 0 35px 0 0; } header .navbar li:last-child{ margin: 0; } header .navbar .nav-link{ color: #000; padding: 32px 0 !important; position: relative; } header .navbar-nav li a{ font-size: 18px; font-weight: 700; } header .navbar-nav li a:hover{ color: #fe5d4b; } header .b-header .donate-btn{ background: #fe5d4b; padding: 11px 30px; border-radius: 5px; color: #fff; font-size: 18px; font-weight: 700; margin-left: 35px; text-transform: none; } header .b-header .donate-btn:hover{ background: #923226; color: #fff; } .navbar-toggler{ padding: 0; } /*hamburger style*/ .navbar-light .navbar-toggler { outline: none; margin: 0 0 0 auto; border: 0; border-radius: 0; padding: 0; } #nav-icon3 { width: 26px; height: 20px; position: relative; margin: 10px auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } #nav-icon3 span { display: block; position: absolute; height: 2px; width: 100%; background: #000; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } /* Icon 3 */ #nav-icon3 span:nth-child(1) { top: 0px; } #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) { top: 9px; } #nav-icon3 span:nth-child(4) { top: 18px; } #nav-icon3.open span:nth-child(1) { top: 7px; width: 0%; left: 50%; } #nav-icon3.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #nav-icon3.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #nav-icon3.open span:nth-child(4) { top: 7px; width: 0%; left: 50%; } /*end hamburger*/ .logo{ width: 220px; transition: all 0.3s ease; display: block; } .navbar-brand{ width: 229px; padding: 22px 20px 22px 10px; font-size: inherit; } .navbar-brand img{ width: 100%; } /*end header*/ /*header2*/ .header2{ position: absolute; top: 0; left: 0; right: 0; z-index: 1; } .header2 .t-header{ height: auto; background: transparent; } .header2 .t-header .container{ max-width: 100%; padding: 0 25px; } .header2 .b-header{ margin: 0; } .header2 .b-header .container{ background: transparent; max-width: 100%; padding: 0 25px; } .header2 .b-header .container:before{ content: none; } .header2 .navbar-brand{ padding: 0 15px 0 0; } .header2 .navbar .nav-link{ color: #fff; padding: 5px 0 !important; } .header2 .navbar .nav-link:hover{ color: #fe5d4b; } .header2 .t-header .donate-btn{ background: #fe5d4b; padding: 11px 30px; border-radius: 5px; color: #fff; font-size: 18px; font-weight: 700; margin-left: 35px; text-transform: none; } .header2 .t-header .donate-btn:hover{ background: #923226; color: #fff; } .header2 + .banner{ margin: 0; } .header2 + .banner .caption .title{ font-size: 80px; text-transform: uppercase; } .header2 + .banner .caption{ padding: 60px 0 0 110px; width: 650px; } .header2 + .banner .caption:before{ content: ""; position: absolute; top: 0; left: 0; width: 292px; height: 292px; background: #fe5d4b; z-index: -1; } /*end header2*/ /*banner*/ .banner{ margin: -50px 0 0; } .banner img{ width: 100%; } .banner .item{ position: relative; overflow: hidden; } .banner .item:before{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); } .banner .caption{ position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 550px; } .banner .main-title{ margin: 0 0 20px; } .banner .main-title .sub-title{ color: #fff; padding: 0 116px 0 0; line-height: 0.9; display: inline-block; vertical-align: top; margin: 0 0 20px; font-size: 20px; text-transform: none; } .banner .main-title .sub-title:before{ background: #fff; height: 1px; width: 96px; left: auto; right: 0; top: auto; bottom: 0; transform: none; } .banner .main-title .title{ color: #fff; } .banner .caption p{ color: #fff; font-size: 18px; } .banner .caption .donate-btn{ background: #fe5d4b; padding: 11px 30px; border-radius: 5px; color: #fff; font-size: 18px; font-weight: 700; text-transform: none; margin: 30px 0 0; } .banner .caption .donate-btn:hover{ background: #923226; color: #fff; } /*banner*/ /*t-services*/ .t-services{ background: #f6f6f6; padding: 50px 0; } .t-services .t-holder{ padding: 0 40px; } .t-services .t-holder .title{ margin: 15px 0; } .t-services .t-holder p{ color: #6d6d6d; } /*end t-services*/ /*discover*/ .discover .img-holder{ position: relative; min-height: 573px; } .discover .img-holder .first-img{ width: 371px; overflow: hidden; } .discover .img-holder .second-img{ position: absolute; right: 0; bottom: 0; width: 400px; overflow: hidden; } .discover p{ line-height: 1.8; } .discover .btn{ margin: 35px 0 0; } .discover .content { padding: 0 0 0 20px; } /*end discover*/ /*about*/ .about{ background: #f6f6f6; } .about img{ width: 100%; } .about .row{ display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; } .about .text-holder{ padding: 50px 50px; } .about .bar-holder{ padding: 50px 40px; } .about .btn{ margin: 35px 0 0; } /*end about*/ /*progressbar*/ div.candidatos{ position:relative; height: 40px; margin: 20px 0; } div.candidatos:last-child{ margin: 0; } div.candidatos .parcial { display:inline-block; width:100%; height:40px; vertical-align:middle; } div.candidatos .parcial .info { position: relative; display: flex; justify-content: space-between; align-items: center; flex-direction: row; flex-wrap: wrap; } div.candidatos .parcial .info .nome { font-size: 16px; color: #192D49; } div.candidatos .parcial .info .percentagem-num { font-size: 11px; color: #fff; background: #252525; padding: 3px 6px; border-radius: 2px; } div.candidatos .parcial .progressBar { position:relative; width:100%; height:7px; margin: 8px 0 2px; border-radius:10px; background: #fff; box-shadow: inset 0px 3px 4px 0px #ddd; } div.candidatos .parcial .progressBar .percentagem { position:absolute; top:0; left:0; height:7px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; background: #fe5d4b; -webkit-transition: 5s all; -webkit-animation-duration: 5s; -webkit-animation-name: animationProgress; } @-webkit-keyframes animationProgress { from { width:0; } } @keyframes animationProgress { from { width:0; } } /*end progressbar*/ /*cfund*/ .cfund{ padding: 0 0 80px; } .cfund .main-title{ margin: 0 0 50px; } .cfund .slick-arrow{ bottom: -80px; top: auto; transform: none; } .cfund .slick-prev{ left: 45.5%; } .cfund .slick-next{ right: 45.5%; } /*end cfund*/ /*thumb*/ .thumb{ text-align: center; } .thumb img{ width: 100%; } .thumb .img-holder{ margin: 0 0 25px; } .thumb .title{ margin: 0 0 10px; } .thumb a{ color: #000; } .thumb a:hover{ color: #fe5d4b; } /*end thumb*/ /*services*/ .services{ padding: 100px 0 70px; background: #f6f6f6; } .services .main-title{ margin: 0 0 50px; } .services .row div[class*=col-]{ margin: 0 0 30px; } .services .s-holder .icon-holder{ margin: 0 0 10px; } .services .s-holder .title{ margin: 0 0 5px; } /*end services*/ /*numbering*/ .numbering .btn{ margin: 35px 0 0; } .numbering .num-block .row{ margin: 0; padding: 20px 70px; } .numbering .num-block .row div[class*=col-]{ border: 1px solid #ddd; padding: 25px; } .numbering .num-block .row div[class*=col-]:nth-of-type(2n+2){ border-style: none none solid none; } .numbering .num-block .row div[class*=col-]:nth-of-type(odd){ border-style: solid solid none none; } .numbering .num-block .row div[class*=col-]:first-child{ border-top: none; } .numbering .num-block .row div[class*=col-]:last-child{ border-bottom: none; } .numbering .num-holder{ text-align: center; } .numbering .num-holder span{ display: block; } .numbering .num-holder .num{ font-size: 56px; font-weight: 800; font-family: 'Nunito', sans-serif; } .numbering .num-holder .text{ text-transform: uppercase; color: #232323; } /*end numbering*/ /*join*/ .join{ background-attachment: fixed !important; background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; position: relative; z-index: 0; text-align: center; } .join:before{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); z-index: -1; } .join h1{ color: #fff; } .join .play-btn{ width: 60px; height: 60px; background: #fff; box-shadow: 0 0 0 15px rgba(255,255,255,0.5); position: relative; display: block; border-radius: 1000px; margin: 0 auto 30px; color: #232323; } .join .play-btn:hover{ background: #fe5d4b; color: #fff; box-shadow: 0 0 0 15px rgba(254,93,75,0.5) } .join .play-btn .fa{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .join-holder{ padding: 151px 120px 124px; } /*end join*/ /*card*/ .card{ border-radius: 0; border-color: #eee; } .card img{ width: 100%; } .card-body{ padding: 25px; } .card-footer{ background: transparent; border-color: #eee; padding: 15px 25px; } .card .title, .b-media .title{ margin: 0 0 10px; } .card a, .b-media a{ color: #000; } .card a:hover, .b-media a:hover{ color: #fe5d4b; } .card .more-detail{ font-weight: 700; font-size: 14px; text-transform: uppercase; color: #000; } .card .more-detail:hover{ color: #fe5d4b; } .card .date-author{ margin: 0 0 15px; color: #6d6d6d; display: flex; flex-direction: row; flex-wrap: wrap; font-weight: 600; } .card-footer span { padding: 0 15px 0 0; margin: 0 15px 0 0; border-right: 1px solid #ddd; } .card-footer span:first-child{ padding-left: 0; } .card-footer span:last-child { border: 0; padding: 0; margin: 0; } .card-footer{ display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; } .card .cmnt{ color: #6d6d6d; font-weight: 600; } /*end card*/ /*b-card c-card b-media*/ .b-card{ margin: 0 0 60px; } .s-card{ margin: 0 0 30px; } .b-media{ margin: 0 0 50px; border: 1px solid #eee; border-right: 2px solid #d0d0d0; transition: all 0.3s ease; } .b-media:hover{ border-right-color: #fe5d4b; } .b-media .img-holder{ width: 325px; } .b-media img{ width: 100%; } .b-card .date, .s-card .date, .b-media .date{ color: #969696; font-size: 18px; font-weight: 700; margin: 0 0 15px; } .b-media .date{ color: #cccccc; } .b-card .card-body, .s-card .card-body, .b-media .media-body{ transition: all 0.3s ease; padding: 45px 45px 25px; border-left: 2px solid #d0d0d0; } .s-card .card-body{ padding: 25px; } .b-media .media-body{ border-left: 0; padding: 15px 25px; } .b-card .card-body:hover, .s-card:hover .card-body{ border-color: #fe5d4b; } .b-card .card-footer, .s-card .card-footer, .b-media .card-footer{ padding: 15px 0; margin: 25px 0 0; justify-content: flex-start; } .b-media .card-footer{ padding: 15px 0 0; } .s-card .card-footer{ border: 0; margin: 10px 0 0; padding: 15px 0 0; } .b-card .card-footer span, .s-card .card-footer span, .b-media .card-footer span{ color: #353535; } .b-card .card-footer span .fa, .s-card .card-footer span .fa, .b-media .card-footer span .fa{ margin: 0 5px 0 0; } .s-card .btn{ font-size: 18px; font-weight: 700; color: #4a4a4a; padding: 13px 37px; text-transform: none; background: transparent; border: 0; border-left: 2px solid #d0d0d0; border-top: 1px solid #eee; } .s-card:hover .btn{ border-left-color: #fe5d4b; } .s-card .btn:hover{ background: #fe5d4b; color: #fff; } /*end b-card c-card*/ /*afund*/ .afund{ padding: 0 0 16px; } .afund .main-title { margin: 0 0 50px; } .afund .slick-dots{ bottom: -45px; } /*end afund*/ /*testimonial*/ .testimonial{ background: #fe5d4b; padding: 100px 0; text-align: center; } .testimonial img{ width: 100%; } .testimonial .main-title .sub-title{ color: #fff; display: inline-block; vertical-align: top; } .testimonial .main-title .sub-title:before{ background: #fff; } .testimonial .main-title .title{ color: #fff; } .testimonial .content{ position: relative; } .testimonial .content:before{ content: "\f10d"; font-family: FontAwesome; font-size: 30px; color: #fff; } .testimonial p{ color: #fff; margin: 10px 0 0; font-size: 22px; } .testimonial .t-holder{ display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; text-align: left; padding: 30px 0 0; } .testimonial .t-holder .img{ width: 78px; border-radius: 1000px; overflow: hidden; margin: 0 30px 0 0; } .testimonial .t-holder .t-text span{ display: block; color: #fff; } .testimonial .t-holder .t-text .author{ font-size: 18px; font-weight: 600; } .testimonial .slick-dots .slick-active button{ background: #fff; height: 3px; } .testimonial .slick-dots li button{ background: #fff; } .testimonial .slick-dots li button, .testimonial .slick-dots li, .testimonial .slick-dots li button:before{ width: 24px; height: 1px; padding: 0; border-radius: 0; transition: all 0.3s ease; } .testimonial .slick-dots{ bottom: -35px; } .testimonial .slick-dotted.slick-slider{ margin-bottom: 35px; } /*end testimonial*/ /*query*/ .query .row{ align-items: center; } .query form .form-group{ margin: 0 0 30px; } /*end query*/ /*partners*/ .partners .row .slick-track{ display: flex !important; align-items: center; } /*end partners*/ /*newsletter*/ .newsletter{ background: #323232; padding: 49px 0; } .newsletter .row{ align-items: center; } .newsletter h2{ color: #fff; } .newsletter form{ position: relative; } .newsletter input{ background: rgba(255,255,255,0.2); border: 0; color: #9d9d9d; height: 55px; padding-right: 175px !important; } .newsletter input:focus{ background-color: rgba(255,255,255,0.2); color: #fff; } .newsletter input::placeholder{ color: #9d9d9d; } .newsletter .btn{ position: absolute; top: 0; right: 0; } /*end newsletter*/ /*footer*/ footer{ background: #272727; padding: 60px 0 0; } footer .f-about .logo{ margin: 0 0 20px; } footer .f-about p{ color: #cdcdcd; } footer .f-about .social-links{ margin: 15px 0 0; } footer .f-about .social-links li{ display: inline-block; vertical-align: middle; margin: 0 15px 0 0; } footer .f-about .social-links li:last-child{ margin: 0; } footer .f-about .social-links li a{ color: #fff; font-size: 14px; } footer .f-about .social-links li a:hover{ color: #fe5d4b; } footer .f-title{ color: #fff; font-size: 20px; font-weight: 700; margin: 0 0 20px; } footer .r-post .title{ color: #fff; display: block; margin: 0 0 5px; } footer .r-post .title a{ color: #fff; } footer .r-post .title a:hover{ color: #fe5d4b; } footer .r-post .date{ display: block; color: #868686; font-size: 12px; } footer .r-post .media{ margin: 0 0 15px; } footer .r-post .media:last-child{ margin: 0; } footer .r-post .media .img-holder{ width: 70px; } footer .r-post .media img{ width: 100%; } footer .head-ofc li{ color: #cdcdcd; margin: 0 0 10px; } footer .head-ofc li:last-child{ margin: 0; } footer .head-ofc li a{ color: #cdcdcd; } footer .head-ofc li a:hover{ color: #fe5d4b; } footer .gallery .row div[class*=col-] { margin: 0 0 20px; padding-right: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } footer .gallery img{ width: 100%; } .copyright{ margin: 40px 0 0; padding: 20px 0; border-top: 1px solid rgba(255,255,255,0.2); } .copyright .container{ display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; } .copyright span{ color: #cdcdcd; } .copyright a{ color: #cdcdcd; } .copyright a:hover{ color: #fe5d4b; } /*end footer*/ /*lightbox*/ .lightbox .lb-data .lb-number{ display: none !important; } /*end lightbox*/ /*inner wrapper header*/ .inner-wrapper .t-header{ height: auto; background: transparent; } .inner-wrapper .t-header .t-holder{ border-bottom: 1px solid #ddd; } .inner-wrapper .b-header{ margin: 0; } .inner-wrapper .b-header .container:before{ content: none; } .inner-wrapper .t-header ul li a, .inner-wrapper .t-header .search-form input, .inner-wrapper .t-header .search-form input::placeholder, .inner-wrapper .t-header .search-form button{ color: #000; } .inner-wrapper .t-header .search-form input{ border-color: #d9d9d9; } .inner-wrapper .navbar-brand{ padding-left: 0; } /*end inner wrapper header*/ /*breadcrumb*/ .breadcrumb-holder{ background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; padding: 42px 0; } .breadcrumb{ background: transparent; padding: .75rem 0 0; margin: 0; } .breadcrumb-item+.breadcrumb-item::before{ content: "\f105"; font-family: FontAwesome; color: #777; } .breadcrumb li, .breadcrumb li a{ color: #777; } .breadcrumb li a:hover{ color: #fe5d4b; } /*end breadcrumb*/ /*sidebar*/ .sidebar .s-search{ position: relative; margin: 0 0 40px; } .sidebar .s-search input{ background: #f2f2f2; } .sidebar .s-search .btn{ padding: 11px 15px; position: absolute; top: 0; right: 0; } .sidebar .s-title{ margin: 0 0 23px; } .sidebar ul li{ border: 1px solid #eee; border-left: 2px solid #d0d0d0; padding: 15px 20px; transition: all 0.3s ease; margin: -1px 0 0; } .sidebar ul li:hover{ background: #f2f2f2; border-left-color: #fe5d4b; } .sidebar ul li a{ color: #000; font-weight: 700; display: block; } .sidebar ul li a:hover{ color: #fe5d4b; } .sidebar .news-holder .title{ margin: 0 0 7px; } .sidebar .news-holder .date{ display: block; font-size: 14px; font-weight: 700; color: #969696; } .sidebar .news-holder .read-btn{ text-transform: uppercase; color: #fe5d4b; } .sidebar .news-holder .read-btn .fa{ margin: 0 0 0 20px; } .sidebar .badge{ padding: 0; font-size: 14px; color: #969696; } .sidebar .s-categories li a{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; } .sidebar .s-tags ul{ display: flex; flex-direction: row; flex-wrap: wrap; } .sidebar .s-tags ul li{ margin: 0 10px 10px 0; padding: 15px; } .sidebar .s-tags ul li:last-child{ margin: 0; } /*end sidebar*/ /*pagination*/ .pagination-block{ display: flex; justify-content: space-between; margin: 0 0 80px; } .pagination li{ margin: 0 12px 0 0; font-size: 12px; font-weight: 700; } .pagination li:last-child{ margin: 0; } .pagination li a{ border-radius: 0 !important; width: 44px; height: 44px; align-items: center; display: flex; justify-content: center; color: #b6b6b6; border: 0; background: #eeeeee; } .pagination li.active a{ background: #fd7013 !important; border: 0; } .pagination li a:hover{ background: #fe5d4b; color: #fff; } .pagination li a:focus{ box-shadow: none; } .pagination li a .fa{ font-size: 18px; } /*end pagination*/ /*detail-blog*/ .detail-blog .card .date{ font-size: 12px; } .d-blog-holder .d-img{ margin: 0 0 30px; } .d-blog-holder img{ width: 100%; } .d-blog-holder .card-footer{ border: 0; justify-content: flex-start; padding: 15px 0; } .d-blog-holder .card-footer span{ color: #353535; } .d-blog-holder .card-footer span .fa{ margin: 0 5px 0 0; } .d-blog-holder .d-title{ margin: 0 0 30px; } .d-blog-holder .d-title a{ color: #000; } .d-blog-holder .d-title a:hover{ color: #fe5d4b; } .d-blog-holder .tag-slinks{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding: 40px 0 0; margin: 0 0 70px; } .d-blog-holder .tag-slinks .tags li, .d-blog-holder .tag-slinks .slinks li{ display: inline-block; vertical-align: top; } .d-blog-holder .tag-slinks .tags li{ margin: 0 10px 10px 0; padding: 15px; border: 1px solid #eee; border-left: 2px solid #d0d0d0; transition: all 0.3s ease; } .d-blog-holder .tag-slinks .tags li:last-child{ margin: 0; } .d-blog-holder .tag-slinks .tags li:hover{ background: #f2f2f2; border-left-color: #fe5d4b; } .d-blog-holder .tag-slinks .tags li a{ color: #000; font-weight: 700; display: block; } .d-blog-holder .tag-slinks .tags li a:hover{ color: #fe5d4b; } .d-blog-holder .tag-slinks .slinks li a{ width: 48px; height: 48px; background: #fe5d4b; display: block; border-radius: 1000px; position: relative; color: #fff; } .d-blog-holder .tag-slinks .slinks li a .fa{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .d-blog-holder .tag-slinks .slinks li a:hover{ background: #923226; } .detail-blog .author-info{ border: 1px solid #eee; padding: 60px; margin: 0 0 70px; } .detail-blog .author-info .img{ width: 131px; border-radius: 1000px; margin: 0 60px 0 0; } .detail-blog .author-info .img img{ width: 100%; } .detail-blog .author-info .title{ margin: 0 0 15px; } .detail-blog .author-info .read-btn{ font-size: 18px; font-weight: 700; color: #000; padding: 15px 0 0; display: block; } .detail-blog .author-info .read-btn:hover{ color: #fe5d4b; } .detail-blog .related-blog{ margin: 0 0 40px; } .detail-blog .cmnt-form{ margin: 0 0 70px; } .detail-blog .cmnt-form .row div[class*=col-]{ margin: 0 0 30px; } .detail-blog .cmnt-form .row div[class*=col-]:last-child{ margin: 0; } .detail-blog .btn{ padding: 11px 37px; } /*end detail-blog*/ @media (min-width: 1920px){ .container{ max-width: 1170px; } } @media (max-width: 1600px){ .header2 + .banner .caption{ top: 70%; transform: translateY(-70%); -webkit-transform: translateY(-70%); } } @media (max-width: 1400px){ header .navbar-nav li a{ font-size: 16px; } header .b-header .donate-btn li a{ font-size: 16px; } .header2 .t-header .container, .header2 .b-header .container{ padding: 0 15px; } h1{ font-size: 40px; } .main-title .sub-title{ font-size: 14px; } .header2 + .banner .caption .title{ font-size: 50px; } .header2 + .banner .caption:before{ width: 162px; height: 162px; } } @media (max-width: 1199px){ .header2{ position: static; } .header2 .t-header{ background: #923226; } .header2 .navbar .nav-link{ color: #000; } .t-header{ height: auto; } .b-header{ margin: 0; } .b-header .container{ padding: 0 15px; border-radius: 0; background: transparent; } .b-header .container:before{ content: none; } header .navbar{ background: #fff; z-index: 1; } header .navbar .nav-link, .header2 .navbar .nav-link{ padding: 12px 0 !important; } header .navbar li.nav-item, .header2 .navbar li.nav-item{ margin: 0; } .header2 .navbar-brand{ padding: 22px 20px 22px 0; } .navbar-brand{ padding-left: 0; } .dropdown-menu.show { display: block !important; } header .navbar-nav .dropdown-menu { display: none; opacity: 1; visibility: visible; } header .b-header .donate-btn{ margin: 0 0 12px; } .dropdown-toggle:after{ content: "\f107"; position: absolute; right: 0; } .navbar-collapse{ border-top: 1px solid #ddd; } .banner{ margin: 0; } .t-services{ padding: 50px 0 20px; } .t-services .row div[class*=col-]{ margin: 0 0 30px; } .numbering .num-block .row{ padding: 0; } footer .gallery .row div[class*=col-]{ padding-right: 15px; } footer .row .col-xl-3{ margin: 0 0 30px; } footer .row .col-xl-3:last-child{ margin: 0; } .header2 + .banner .caption{ top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } } @media (max-width: 991px){ .t-header .contact-info li { margin: 0 0 0 55px; } .header2 .t-header .donate-btn{ display: none; } .discover .row div[class*=col-], .numbering .row .col-xl-6, .query .row div[class*=col-], .newsletter .row div[class*=col-]{ margin: 0 0 30px; } .discover .row div[class*=col-]:last-child, .numbering .row .col-xl-6:last-child, .query .row div[class*=col-]:last-child, .newsletter .row div[class*=col-]:last-child{ margin: 0; } .discover .content{ padding: 0; } .about .text-holder{ padding: 50px 0 0; } .about .bar-holder{ padding: 50px 0; } .mgb-lg{ margin-bottom: 50px; } .cfund .slick-prev{ left: 42%; } .cfund .slick-next{ right: 42%; } .services{ padding: 50px 0 20px; } .join-holder { padding: 101px 60px 74px; } .testimonial{ padding: 50px 0; } .banner .main-title .sub-title, .banner .caption p, .banner .caption .donate-btn{ font-size: 16px; } .b-card, .sidebar .s-search, .mgb-md, .b-media{ margin: 0 0 30px; } .pagination-block, .detail-blog .cmnt-form, .detail-blog .author-info, .d-blog-holder .tag-slinks{ margin: 0 0 50px; } .detail-blog .related-blog{ margin: 0 0 20px; } .detail-blog .author-info{ padding: 30px; } .detail-blog .author-info .img{ margin: 0 30px 0 0; } } @media (max-width: 767px){ .t-header .search-form{ display: none; } .t-services .t-holder{ padding: 0; } .copyright span{ margin: 0 0 10px; } .copyright span:last-child{ margin: 0; } .join-holder { padding: 65px 0 50px; } p, .testimonial p, .main-title + p{ font-size: 16px; } h1, .header2 + .banner .caption .title{ font-size: 34px; } .cfund .slick-prev{ left: 40%; } .cfund .slick-next{ right: 40%; } .about .text-holder{ padding: 50px 0; } .banner .caption { width: 100%; padding: 0 15px; left: 0; } .banner .caption p{ display: none; } .banner .caption .donate-btn{ margin: 0; } .b-media{ display: block; } .b-card .card-body{ padding: 25px; } h2{ font-size: 32px; } .header2 + .banner .caption{ padding: 45px 15px 0 60px; width: 100%; } .header2 + .banner .caption:before{ width: 132px; height: 132px; } } @media (max-width: 575px){ .t-header .contact-info{ font-size: 14px; } .t-header .contact-info li { margin: 0 0 0 25px; } .numbering .num-block .row div[class*=col-] { border: 0; padding: 0; margin: 0 0 30px; } .banner .main-title .sub-title{ display: none; } .banner .main-title .title{ font-size: 26px; } .banner .caption .donate-btn{ font-size: 14px; padding: 5px 13px; } .header2 + .banner .caption{ padding: 25px 15px 0 30px; } .header2 + .banner .caption:before { width: 102px; height: 102px; } } @media (max-width: 475px){ .discover .img-holder .first-img, .discover img{ width: 100%; } .discover .img-holder .second-img{ position: static; width: 100%; } .cfund .slick-prev{ left: 35%; } .cfund .slick-next{ right: 35%; } .banner img{ height: 205px; } .detail-blog .author-info .media{ display: block; text-align: center; } .detail-blog .author-info .img{ margin: 0 auto 30px; } .detail-blog .author-info{ padding: 15px; } } @media (max-width: 400px){ .t-header .contact-info{ margin: 0 auto; text-align: center; } .t-header .contact-info li{ display: block; margin: 0; } .newsletter .btn{ padding: 16px; } .newsletter input{ padding-right: 135px !important; } .testimonial .main-title .sub-title{ padding: 0 0 0 70px; } .card-footer{ display: block; } .card-footer span{ display: block; border-right: 0; border-bottom: 1px solid #eee; margin: 0 0 10px; padding: 0 0 10px; } .b-card .card-body, .s-card .card-body, .b-media .media-body{ padding: 15px; } }