File: /var/www/html/WPYadBatya/wp-content/themes/yad-batya/css/common.css
@import url("https://fonts.googleapis.com/css2?family=Hurricane&display=swap");
@font-face {
font-family: "Helvetica";
src: url("../fonts/Helvetica.woff2") format("woff2"), url("../fonts/Helvetica.woff") format("woff"), url("../fonts/Helvetica.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Helvetica";
src: url("../fonts/Helvetica-Bold.woff2") format("woff2"), url("../fonts/Helvetica-Bold.woff") format("woff"), url("../fonts/Helvetica-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Helvetica";
src: url("../fonts/Helvetica-Light.woff2") format("woff2"), url("../fonts/Helvetica-Light.woff") format("woff"), url("../fonts/Helvetica-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
/*** all Mobile Screen (iphone 6,7,8) ***/
/*** mobile Landscape Size ***/
/*** medium devices (tablets, less than 992px) ***/
/*** iPad in landscape ***/
/**** smaller than desktop 1200 (devices and browsers) ***/
/*** laptop with MDPI (medium density per inch) resolution ***/
/*** laptop with HiDPI (High Dots Per Inch) resolution ***/
/*** WSXGA (Wide Super Extended Graphics Array) resolution ***/
/*** all Mobile Screen (iphone 6,7,8) ***/
/*** mobile Landscape Size ***/
/*** medium devices (tablets, less than 992px) ***/
/*** iPad in landscape ***/
/**** smaller than desktop 1200 (devices and browsers) ***/
/*** laptop with MDPI (medium density per inch) resolution ***/
/*** laptop with HiDPI (High Dots Per Inch) resolution ***/
/*** WSXGA (Wide Super Extended Graphics Array) resolution ***/
html {
font-size: 20px;
}
body {
font-family: "Helvetica", serif;
font-weight: 400;
}
img {
max-width: 100%;
}
a {
text-decoration: none;
transition: all 0.5s ease;
}
@media (min-width: 1442px) {
.custom-container {
max-width: 1200px;
}
}
@media (min-width: 1600px) {
.custom-container {
max-width: 1300px;
}
}
@media (max-width: 767px) {
.custom-container {
max-width: 100%;
}
}
.banner-space-wrap {
padding: 0 0px;
}
@media (max-width: 1199px) {
.banner-space-wrap {
padding: 0 0px;
}
}
.pagination {
padding: 0 0 10px 0;
}
.pagination .listing {
display: flex;
justify-content: center;
margin: 0;
padding: 0;
width: 100%;
gap: 10px;
}
@media (max-width: 767px) {
.pagination .listing {
gap: 5px;
}
}
.pagination .listing li {
color: #000;
font-size: 15px;
opacity: 0.5;
list-style: none;
}
@media (max-width: 1679px) {
.pagination .listing li {
font-size: 14px;
}
}
@media (max-width: 767px) {
.pagination .listing li {
font-size: 12px;
}
}
.pagination .listing li.active {
opacity: 1;
}
.pagination .listing li svg {
width: 10px;
}
@media (max-width: 767px) {
.pagination .listing li svg {
width: 8px;
}
}
.pagination .listing li svg path {
fill: #000;
}
.pagination .listing li a {
color: #000;
}
.pagination .listing li a:hover {
color: #975FA9;
}
.banner-patter-1 {
min-height: 390px;
display: flex;
align-items: center;
padding: 20px 0;
}
@media (max-width: 1679px) {
.banner-patter-1 {
min-height: 350px;
}
}
@media (max-width: 991px) {
.banner-patter-1 {
min-height: 290px;
}
}
@media (max-width: 579px) {
.banner-patter-1 {
min-height: 250px;
}
}
.banner-patter-1 .content-wrap {
height: auto;
margin: 0;
padding: 0;
text-align: center;
}
.banner-patter-1 .content-wrap .title {
font-size: 62px;
color: #000;
line-height: 1.1;
padding: 0 0 15px 0;
margin: 0 auto;
max-width: 550px;
}
@media (max-width: 1679px) {
.banner-patter-1 .content-wrap .title {
font-size: 54px;
}
}
@media (max-width: 1441px) {
.banner-patter-1 .content-wrap .title {
font-size: 50px;
}
}
@media (max-width: 1199px) {
.banner-patter-1 .content-wrap .title {
font-size: 46px;
}
}
@media (max-width: 991px) {
.banner-patter-1 .content-wrap .title {
font-size: 42px;
}
}
@media (max-width: 767px) {
.banner-patter-1 .content-wrap .title {
font-size: 40px;
padding-bottom: 10px;
}
}
@media (max-width: 579px) {
.banner-patter-1 .content-wrap .title {
font-size: 38px;
}
}
@media (max-width: 479px) {
.banner-patter-1 .content-wrap .title {
font-size: 34px;
}
}
.banner-patter-1 .content-wrap .title span {
color: #975FA9;
}
.banner-patter-1 .content-wrap .title .block {
display: block;
}
.banner-patter-1 .content-wrap .para {
font-size: 16px;
line-height: 1.6;
color: #000;
padding: 0 0 0 0;
margin: 0 auto;
max-width: 550px;
}
@media (max-width: 1679px) {
.banner-patter-1 .content-wrap .para {
font-size: 14px;
}
}
@media (max-width: 767px) {
.banner-patter-1 .content-wrap .para {
line-height: 1.4;
font-size: 13px;
}
}
.banner-patter-1.newsletter {
background: url(../img/newsletter-banner.png) no-repeat top center/cover;
}
.banner-patter-1.about-yad {
background: url(../img/about-banner.png) no-repeat top center/cover;
min-height: 512px;
}
@media (max-width: 1441px) {
.banner-patter-1.about-yad {
min-height: 390px;
}
}
@media (max-width: 991px) {
.banner-patter-1.about-yad {
min-height: 320px;
}
}
@media (max-width: 767px) {
.banner-patter-1.about-yad {
min-height: 650px;
background: url(../img/about-banner-mob.png) no-repeat bottom center/cover;
align-items: start;
padding-top: 30px;
}
}
@media (max-width: 579px) {
.banner-patter-1.about-yad {
min-height: 530px;
padding-bottom: 40px;
}
}
@media (max-width: 479px) {
.banner-patter-1.about-yad {
min-height: 460px;
}
}
.banner-patter-1.about-yad .content-wrap {
text-align: left;
margin-top: -90px;
}
.banner-patter-1.about-yad .content-wrap .pagination .listing {
justify-content: start;
}
.banner-patter-1.about-yad .content-wrap .title {
margin: 0;
}
.banner-patter-1.about-yad .content-wrap .para {
margin: 0;
}
@media (max-width: 991px) {
.banner-patter-1.about-yad .content-wrap {
max-width: 410px;
}
}
@media (max-width: 767px) {
.banner-patter-1.about-yad .content-wrap {
max-width: 100%;
margin-top: 0;
}
}
.banner-patter-1.apply-for {
background: url(../img/apply-banner.png) no-repeat top center/cover;
}
.banner-patter-1.sponsor {
background: url(../img/sponser-kallah.png) no-repeat top center/cover;
min-height: 410px;
}
@media (max-width: 1679px) {
.banner-patter-1.sponsor {
min-height: 350px;
}
}
@media (max-width: 1199px) {
.banner-patter-1.sponsor {
min-height: 280px;
}
}
@media (max-width: 991px) {
.banner-patter-1.sponsor {
min-height: 260px;
}
}
@media (max-width: 767px) {
.banner-patter-1.sponsor {
min-height: 230px;
}
}
@media (max-width: 579px) {
.banner-patter-1.sponsor {
min-height: 200px;
}
}
@media (max-width: 479px) {
.banner-patter-1.sponsor {
background-position: -170px 0px;
}
}
.banner-patter-1.sponsor .content-wrap {
text-align: left;
}
.banner-patter-1.sponsor .content-wrap .title {
max-width: inherit !important;
margin: 0;
}
.content-head {
text-align: center;
padding: 0 0 70px 0;
}
@media (max-width: 1679px) {
.content-head {
padding-bottom: 50px;
}
}
@media (max-width: 767px) {
.content-head {
padding-bottom: 40px;
}
}
.content-head .title {
font-size: 62px;
color: #000;
font-weight: 400;
line-height: 1.2;
margin: 0 auto;
padding: 0 0 15px 0;
max-width: 680px;
}
@media (max-width: 1679px) {
.content-head .title {
font-size: 58px;
}
}
@media (max-width: 1441px) {
.content-head .title {
font-size: 54px;
}
}
@media (max-width: 1199px) {
.content-head .title {
font-size: 50px;
}
}
@media (max-width: 991px) {
.content-head .title {
font-size: 48px;
padding-bottom: 10px;
}
}
@media (max-width: 767px) {
.content-head .title {
font-size: 44px;
}
}
@media (max-width: 579px) {
.content-head .title {
font-size: 42px;
}
}
@media (max-width: 479px) {
.content-head .title {
font-size: 40px;
}
}
.content-head .title span {
color: #975FA9;
}
.content-head .para {
font-size: 16px;
line-height: 1.6;
color: #000;
padding: 0 0 0 0;
max-width: 680px;
margin: 0 auto;
}
@media (max-width: 1679px) {
.content-head .para {
font-size: 14px;
}
}
@media (max-width: 767px) {
.content-head .para {
line-height: 1.4;
font-size: 13px;
}
}
.tag {
background: #fff;
border-radius: 30px;
display: inline-flex;
align-items: center;
gap: 10px;
padding: 8px 15px 8px 10px;
margin: 0 0 20px 0;
}
@media (max-width: 579px) {
.tag {
padding: 6px 15px 6px 10px;
}
}
.tag .img {
width: 23px;
}
@media (max-width: 1679px) {
.tag .img {
width: 20px;
}
}
@media (max-width: 991px) {
.tag .img {
width: 18px;
}
}
@media (max-width: 767px) {
.tag .img {
font-size: 16px;
}
}
@media (max-width: 579px) {
.tag .img {
width: 16px;
}
}
.tag span {
color: #975FA9;
font-size: 16px;
font-weight: 700;
}
@media (max-width: 1679px) {
.tag span {
font-size: 14px;
}
}
@media (max-width: 991px) {
.tag span {
font-size: 12px;
}
}
.tag.full-bg {
background: #975FA9;
}
.tag.full-bg span {
color: #FBFBFB;
}
.head-wrap {
text-align: center;
padding: 0 0 50px 0;
}
@media (max-width: 991px) {
.head-wrap {
padding-bottom: 40px;
}
}
@media (max-width: 767px) {
.head-wrap {
padding-bottom: 30px;
}
}
.head-wrap .title {
font-size: 62px;
color: #000;
font-weight: 400;
margin: 0 0 20px 0;
padding: 0;
line-height: 1;
}
@media (max-width: 1679px) {
.head-wrap .title {
font-size: 58px;
}
}
@media (max-width: 1441px) {
.head-wrap .title {
font-size: 54px;
}
}
@media (max-width: 1199px) {
.head-wrap .title {
font-size: 50px;
}
}
@media (max-width: 991px) {
.head-wrap .title {
font-size: 48px;
}
}
@media (max-width: 767px) {
.head-wrap .title {
font-size: 44px;
margin-bottom: 10px;
}
}
@media (max-width: 579px) {
.head-wrap .title {
font-size: 42px;
}
}
@media (max-width: 479px) {
.head-wrap .title {
font-size: 40px;
}
}
.head-wrap .title span {
color: #975FA9;
}
.head-wrap .para {
max-width: 700px;
margin: 0 auto;
color: #293535;
font-size: 18px;
line-height: 1.6;
padding: 0;
}
@media (max-width: 1679px) {
.head-wrap .para {
font-size: 16px;
}
}
@media (max-width: 991px) {
.head-wrap .para {
max-width: 600px;
font-size: 14px;
}
}
@media (max-width: 767px) {
.head-wrap .para {
font-size: 14px;
line-height: 1.4;
}
}
@media (max-width: 479px) {
.head-wrap .para {
font-size: 13px;
}
}
.parsley-errors-list {
margin: 0 !important;
padding: 0 !important;
}
.parsley-errors-list li {
list-style: none;
padding: 5px 0 0px 30px !important;
}
@media (max-width: 767px) {
.parsley-errors-list li {
padding-left: 20px !important;
}
}
/*# sourceMappingURL=common.css.map */