/*SONDAGEM CSS*/

.groupform:hover {background: rgba(241, 135, 0, 1) !important;}
.poll-grid {display: block;  flex-wrap: wrap; gap: 15px; margin-top: 15px;}
.poll-item {flex: 1 1 140px; max-width: 100%; display: flex;flex-direction: row;align-items: center;    padding: 12px;    border: 2px solid #ddd;    border-radius: 8px;    cursor: pointer;    transition: 0.2s;    text-align: center;background: #fafafa;}
.poll-subtext{   display: block;font-size: 11px;color: #666;margin-top: 6px;line-height: 1.3;}
.mypoll input[type="email"]{border: 2px solid #fff;width: 70%; border-radius: 24px !important;}
.mypoll input[type="submit"]{border: 2px solid #fff;width: 50%; border-radius: 24px !important; margin: auto;}
.poll-grid p:first-of-type {margin-top: 16px;}
.poll-grid p{margin-bottom: 30px; width: 49%; display: inline-block;}
.poll-item img {/*width: 80%;*/ height: 300px; height: auto;margin-bottom: 8px;}
.poll-item img {width: 80%;}
.poll-item span {   width: 20%;   font-size: 12px;   font-weight: 600;   margin-left:8px;}
.poll-item span span{ border-radius: 1000px; width: 75px; height: 75px; display: inline-block; line-height: 75px; background: #fafafa; color: #000;}
.poll-item input {  display: none;}
.poll-item input:checked ~ img {filter: drop-shadow(0 0 5px #f18700);}
.poll-item input:checked ~ span {color: #f18700;}
.poll-item input:checked ~ span span{border-radius: 1000px; width: 75px; height: 75px; display: inline-block; line-height: 75px; background: #f18700; color: #fff;}
.poll-item:hover {   border-color: #888;}
.poll-disabled {opacity: 0.3; filter: grayscale(60%); pointer-events: none;}

.poll-item input:checked ~ img {opacity: 1 !important; filter: drop-shadow(0 0 5px #f18700);}
.poll-item input:checked ~ span { opacity: 1 !important;}
body.page-id-35782 .jarda{margin-top:35px;}

/* LIGHTBOX */
.poll-lightbox {position: fixed;inset: 0;   background: rgba(0,0,0,0);  display: flex;  align-items: center;justify-content: center;z-index: 99999;  opacity: 0;pointer-events: none;  transition: transform 0.35s cubic-bezier(0.25,0.8,0.25,1), opacity 0.35s cubic-bezier(0.25,0.8,0.25,1);}
.poll-lightbox.active {background: rgba(0,0,0,0.85);opacity: 1; pointer-events: auto;}
.poll-lightbox img {max-width: 90%;  max-height: 90%; border-radius: 8px; transform: scale(0.9);opacity: 0;  trtransition: transform 0.35s cubic-bezier(0.25,0.8,0.25,1), opacity 0.35s cubic-bezier(0.25,0.8,0.25,1);ansition: transform 0.35s ease, opacity 0.35s ease;}
.poll-lightbox.active img { transform: scale(1); opacity: 1;}
.poll-lightbox-close { position: absolute; top: 20px; right: 25px; font-size: 32px; color: #fff;cursor: pointer;transition: opacity 0.2s ease;}
.poll-lightbox-close:hover {opacity: 0.7;}

/*Poll Ranking*/
.poll-ranking-wrap {margin-top: 30px;}
.poll-ranking-wrap h3 {color:#000 !important;}
.poll-ranking {   width: 100%;  border-collapse: collapse;}
.poll-ranking th,
.poll-ranking td { color: #000 !important; padding: 10px; border-bottom: 1px solid #eee;text-align: left; font-size: 14px;}
.poll-ranking th { font-weight: 700;border-bottom: 2px solid #ccc;}
.poll-bar { width: 100%;height: 15px;  background: #eee;border-radius: 6px; overflow: hidden;}
.poll-bar span {display: block; height: 100%; background: #000; border-radius: 6px; transition: width 0.6s ease;}
.poll-top {background: rgba(241, 135, 0, 0.08);}
.poll-top td {font-weight: 600;}


@media only screen and (max-width: 62.500em){
.poll-grid p{width:100% !important;}
body.pull .formob{ padding-right: 0% !important; padding-left: 0% !important;}
body.pull .subtxt{padding-left: 20px !important; padding-right: 20px !important;}
body.pull .poll-grid p{margin-bottom: 0px !important;}
body.pull .logo{padding: 0 45px;}
body.pull .jarda{margin-top:35px;}
body.pull .mypoll input[type="email"]{width: 90%;}
body.pull .headtxt{ font-size: 16px !important; line-height: 16px important;}

.poll-item{ flex-direction: column; text-align: center;}
.poll-item img{width: 100%; margin: 0 auto 0px auto;}
.poll-item span{width: 100%;margin-left: 0; margin-top: 6px;display: block; text-align: center;}
.poll-item span span{/*display: inline-block; line-height: normal;*/ width:auto; height: auto; line-height: inherit;}
.poll-grid p{width: 100% !important;margin-bottom: 15px;}

}