﻿/* timesofisrael.com footer - extracted from current live CSS (style.css, style-two.css, style-mobile.css, colors.css, header_style.css) */

/* ---- base resets to mirror TI's global reset within the footer ---- */
.footer{line-height:1;color:#fff}
.footer a{color:inherit;text-decoration:none}
.footer a:hover{text-decoration:none}
.footer ul,.footer ol,.footer li{list-style:none;margin:0;padding:0}
.footer p{margin:0}
.footer img{display:inline}

/* ================= style.css ================= */
.footer{clear:both;border-top:8px solid;padding-top:30px;font-family:"Roboto Condensed","Arial Narrow",sans-serif;font-size:14px}
body.single .footer{margin-top:30px}
.footer .footer-top{text-align:center}
.footer .footer-top img{width:335px;height:auto}
.footer .footer-middle{margin-top:45px;width:100%;display:flex;flex-flow:row wrap;justify-content:space-between}
.footer .footer-middle > div:last-child{border-right:1px solid}
.footer .footer-middle > div{padding:0 24px;width:33.333%;box-sizing:border-box;border-left:1px solid}
.footer .footer-middle ul li{margin-bottom:18px;text-transform:capitalize}
.footer .footer-middle ul.main-menu-footer li{font-weight:bold;text-transform:uppercase}
.footer .footer-middle ul li:last-child{margin-bottom:0}
.footer-bottom{text-align:center;margin-top:40px;text-transform:capitalize;font-size:9px;padding-bottom:20px}
.footer-bottom span{text-transform:uppercase}
.social-footer li a::before{font-size:14px;line-height:14px;margin-right:4px}
.footer .newsletter{overflow:hidden}
.footer .newsletter .text{display:block;margin:0 0 20px;font-size:16px;line-height:20px;text-transform:uppercase;font-weight:bold}
.footer .newsletter input{width:220px;height:45px;padding:0 15px;margin:0;border:0;float:left;box-sizing:border-box}
.footer .newsletter input::-webkit-input-placeholder{text-transform:uppercase}
.footer .newsletter input:-moz-placeholder{text-transform:uppercase}
.footer .newsletter input::-moz-placeholder{text-transform:uppercase}
.footer .newsletter input:-ms-input-placeholder{text-transform:uppercase}
.footer .newsletter .submit{width:calc(100% - 220px);height:45px;padding:0;margin:0;border:0;float:left;cursor:pointer}
.footer .newsletter .submit span{display:none}
.footer .newsletter .submit::after{font-family:'Toi-new';content:"\e958";font-size:22px}
.footer .footer-community-title{margin:40px 0 15px;font-size:16px;line-height:20px;text-transform:uppercase;font-weight:bold}
.footer .footer-community-menu li{font-size:14px;line-height:16px;margin-bottom:15}
.newsletter-error{display:none;float:left;width:100%;text-align:center;margin-top:22px}
.newsletter-error a{text-decoration:underline}

/* ================= style-two.css ================= */
.footer-bottom:has(.footer-social-icons){margin-top:20px}
.footer.toi-new-footer-style .footer-community{margin-bottom:42px}
.footer.toi-new-footer-style .footer-community ul li{margin-bottom:15px}
.footer.toi-new-footer-style .newsletter .email-address{border-top-left-radius:52px;border-bottom-left-radius:52px;height:40px;width:204px;color:#0b3f78}
.footer.toi-new-footer-style .newsletter .email-address::placeholder{color:#3C8BEA;font-family:"Roboto Condensed";font-size:14px;font-style:normal;font-weight:400;line-height:normal;text-transform:none}
.footer.toi-new-footer-style .newsletter input:focus::placeholder{color:transparent}
.footer.toi-new-footer-style .newsletter .submit{width:60px;border-top-right-radius:52px;border-bottom-right-radius:52px;height:40px}
.footer.toi-new-footer-style .footer-middle > div{padding:0 0 0 24px}
.footer.toi-new-footer-style .footer-community-title{margin-top:0px}
.footer-social-icons{display:flex;justify-content:center;gap:30px;margin-bottom:20px}
.footer-social-icons a{border:1px solid rgba(255,255,255,0.20);border-radius:52px;height:50px;width:50px;display:block;position:relative;box-sizing:content-box}
.footer-social-icons img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.footer-bottom p{color:rgba(255,255,255,0.60);text-align:center;font-family:Roboto;font-size:11px;font-style:normal;font-weight:400;line-height:18px}
.footer .newsletter{overflow:visible}
.footer.toi-new-footer-style .newsletter .email-address{color:white}

/* ================= style-mobile.css (media=all rules in file only apply at max-width:1023px) ================= */
@media (max-width:1023px){
.footer .footer-top img{width:calc(82.93vw - 32px);max-width:335px}
.footer-bottom{margin-top:30px}
}

/* ================= colors.css ================= */
.footer{background-color:#0e4f97;color:#fff;border-color:#3b8bea}
.footer .newsletter input::-webkit-input-placeholder{color:#3b8bea}
.footer .newsletter input{color:#3b8bea}
.footer .newsletter input:-moz-placeholder{color:#3b8bea}
.footer .newsletter input:-ms-input-placeholder{color:#3b8bea}
.footer .newsletter input::-moz-placeholder{color:#3b8bea}
.footer .newsletter .submit{background-color:#3b8bea}
.footer .newsletter .submit::after{color:#fff}
.footer .footer-middle > nav{padding:0 24px;width:33.333%;box-sizing:border-box;border-left:1px solid rgba(255,255,255,0.45)}
.footer .footer-middle > div{border-color:rgba(255,255,255,0.45)}
.footer .footer-middle > div:last-child{border-right-color:rgba(255,255,255,0.46)}
.footer .footer-middle>nav,
.footer .footer-middle>div:last-child{border-color:rgba(255,255,255,0.20)}
.footer{border-top:8px solid #3C8BEA;background:#0B3F78}

/* ================= accessibility.css ================= */
.ic span.v-hidden,
.icon span.v-hidden,
.v-hidden{display:block;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}

/* ================= header_style.css ================= */
.v-hidden{display:block;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px;margin:0}
.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px;margin:0}
.mobile-only{display:none}
div.footer-social-icons a{display:flex;align-items:center;justify-content:center}
.footer-social-icons a:before{font-family:"Toi-new";content:"";font-size:20px;font-weight:400}
.footer-social-icons a.facebook-icon:before{content:"\e915"}
.footer-social-icons a.tg-icon:before{content:"\e956"}
.footer-social-icons a.twitter-icon:before{content:"\e95d"}
.footer-social-icons a.youtube-icon:before{content:"\e954"}
.footer-social-icons a.instagram-icon:before{content:"\e951"}
.footer-social-icons a.threads-icon:before{content:"\e95b"}
.footer-social-icons a.bluesky-icon:before{content:"\e965"}
.footer-social-icons a.whatsapp-icon:before{content:"\e913"}
footer.footer .container{max-width:1024px;padding-inline:30px;box-sizing:border-box;width:100%}
.footer .rgbmedia{background-color:#fff;color:#000;font-family:Arial, helvetica, sans-serif;text-transform:uppercase;font-size:10px;height:60px}
.footer .rgbmedia-wrap{background-color:#fff;color:#000;font-family:Arial, helvetica, sans-serif;text-transform:uppercase;font-size:10px;display:flex;align-items:center;justify-content:space-around;height:60px;max-width:455px;margin:0 auto;width:100%}
.footer .rgbmedia .rgblogo img{display:block;margin-top:-3px;margin-right:7px;height:22px;width:auto}
.footer .rgbmedia .salalogo{display:block;margin-bottom:2px}
.footer .rgbmedia .salalogo img{display:block;margin-top:-3px;height:14px;width:auto}
@media screen and (max-width:1150px){
.footer .footer-middle{display:none}
.footer .rgbmedia{background-color:#fff;color:#000;font-family:Arial, helvetica, sans-serif;text-transform:uppercase;font-size:10px;height:50px}
.footer .rgbmedia-wrap{background-color:#fff;color:#000;font-family:Arial, helvetica, sans-serif;text-transform:uppercase;font-size:9px;display:flex;align-items:center;justify-content:space-around;height:50px;max-width:300px;margin:0 auto;width:100%}
.footer .rgbmedia .rgblogo img{max-height:18px}
.footer .rgbmedia .salalogo img{max-height:12px}
.footer-social-icons a img{width:20px;height:30px;object-fit:contain}
}
@media screen and (max-width:1023px){
input[type=datetime],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=range],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]{border-radius:0;font-size:16px !important}
.footer .footer-top img{max-height:22px}
.sr-only-mobile{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}
.mobile-only{display:inline}
.desktop-only{display:none}
}
@media only screen and (max-width:768px){
.footer-social-icons{flex-wrap:wrap;gap:15px}
div.footer-social-icons a{max-width:20%}
}
