/*
----------------------------------------------------------
Author: Alex A. Lewis & Duane K. Anderson;
url: http://jis.gov.jm
Description:
==========================================================
*/
/*#popmake-384097 {*/
/* margin: 0 20px !important;;*/
/* max-width: 450px !important;;*/
/* width: initial !important;*/
/*}*/
/* 0.625vw : 1rem : 16px (1:25.6) [1px: 0.0390625vw]*/
/*@font-face {*/
/* font-family: "merriweatherlight";*/
/* font-style: normal;*/
/* font-weight: normal;*/
/* src: url("merriweather-light.eot?#iefix") format("embedded-opentype"),*/
/* url("merriweather-light-webfont.woff2") format("woff2"),*/
/* url("merriweather-light-webfont.woff") format("woff");*/
/*}*/
:root {
--color-jis-black: #1b1900;
/* --color-jis-cream-white: #fcfcfc; */
--color-jis-cream-white: #fafafa;
--color-jis-cream-white-b: #f4f4f4;
/* Blues */
--color-jis-blue-1: #0d0f5a;
--color-jis-blue-2: #1d1f75;
--color-jis-blue-3: #2e3192;
--color-jis-blue-4: #484a9f;
--color-jis-blue-5: #6c6eb9;
/* yellows */
--color-jis-yellow-1: #817400;
--color-jis-yellow-2: #a89a14;
--color-jis-yellow-3: #d1c129;
--color-jis-yellow-4: #e4d651;
--color-jis-yellow-5: #fff383;
/* browns */
--color-jis-brown-1: #814900;
--color-jis-brown-2: #a86814;
--color-jis-brown-3: #d18828;
--color-jis-brown-4: #e2a451;
--color-jis-brown-5: #ffc983;
/* Complimentary Colors */
--color-jis-scheme-1-a: #5a5b7d;
--color-jis-scheme-1-b: #303042;
--color-jis-scheme-1-c: #8c8dc2;
--color-jis-scheme-1-d: #9597cf;
--color-jis-scheme-1-e: #797ba8;
--color-jis-scheme-2-a: #499fe3;
--color-jis-scheme-2-b: #152f42;
--color-jis-scheme-2-c: #3e89c2;
--color-jis-scheme-2-d: #4292cf;
--color-jis-scheme-2-e: #3677a8;
--color-jis-scheme-3-a: #e6b283;
--color-jis-scheme-3-b: #423326;
--color-jis-scheme-3-c: #c29568;
--color-jis-scheme-3-d: #cf9f76;
--color-jis-scheme-3-e: #a88260;
--color-jis-scheme-4-a: #bd5327;
--color-jis-scheme-4-b: #421f0f;
--color-jis-scheme-4-c: #c25b2b;
--color-jis-scheme-4-d: #cf602d;
--color-jis-scheme-4-e: #a84f25;
--color-jis-scheme-5-a: #7d795a;
--color-jis-scheme-5-b: #424030;
--color-jis-scheme-5-c: #c2bb8c;
--color-jis-scheme-5-d: #cfc895;
--color-jis-scheme-5-e: #a8a379;
--color-jis-scheme-6-a: #e3b449;
--color-jis-scheme-6-b: #423515;
--color-jis-scheme-6-c: #c29a3e;
--color-jis-scheme-6-d: #cfa442;
--color-jis-scheme-6-e: #a88636;
--color-jis-scheme-7-a: #83bde6;
--color-jis-scheme-7-b: #263642;
--color-jis-scheme-7-c: #6e9fc2;
--color-jis-scheme-7-d: #76aacf;
--color-jis-scheme-7-e: #608aa8;
--color-jis-scheme-8-a: #279ab0;
--color-jis-scheme-8-b: #0f3a42;
--color-jis-scheme-8-c: #2ba9c2;
--color-jis-scheme-8-d: #2db4cf;
--color-jis-scheme-8-e: #2592a8;
--color-jis-gold: #a89a14;
--color-jis-purple: #7055c0;
--color-jis-blue: #0808f0;
--color-jis-pink: #cc62c8;
--color-jis-orange: #fcad04;
--color-jis-light-blue: #3b77bb;
--color-jis-yellow: #d6c500;
--color-jis-red: #f00808;
--color-jis-green: #55985b;
/*----------------------------------------------
Categories ID
-----------------------------------------------
Agriculture 1
Commerce 2
Culture 3
Economic Growth & Job Creation 4
Education 5
Energy 6
Entertainment 7
Finance & Public Service 8
Foreign Affairs 9
Gender Affairs 10
Health & Wellness 11
Industry 12
Information 13
Justice 14
Labour 15
Local Government 16
National Security 17
Office of the Prime Minister 18
Opposition 19
Science 20
Social Security 21
Sport 22
Technology 23
Tourism 24
Transport 25
Youth 26
================================================*/
--color-jis-cat-1: var(--color-jis-blue-3);
--color-jis-cat-2: var(--color-jis-blue-1);
--color-jis-cat-3: var(--color-jis-brown-1);
--color-jis-cat-4: var(--color-jis-scheme-1-b);
--color-jis-cat-5: var(--color-jis-scheme-2-b);
--color-jis-cat-6: var(--color-jis-scheme-3-b);
--color-jis-cat-7: var(--color-jis-scheme-4-b);
--color-jis-cat-8: var(--color-jis-scheme-5-b);
--color-jis-cat-9: var(--color-jis-scheme-6-b);
--color-jis-cat-10: var(--color-jis-scheme-7-b);
--color-jis-cat-11: var(--color-jis-scheme-8-b);
--color-jis-cat-12: var(--color-jis-scheme-1-a);
--color-jis-cat-13: var(--color-jis-yellow-3);
--color-jis-cat-14: var(--color-jis-scheme-1-e);
--color-jis-cat-15: var(--color-jis-scheme-2-a);
--color-jis-cat-16: var(--color-jis-scheme-2-e);
--color-jis-cat-17: var(--color-jis-scheme-3-a);
--color-jis-cat-18: var(--color-jis-scheme-3-e);
--color-jis-cat-19: var(--color-jis-scheme-4-a);
--color-jis-cat-20: var(--color-jis-yellow-2);
--color-jis-cat-21: var(--color-jis-scheme-4-e);
--color-jis-cat-22: var(--color-jis-scheme-5-a);
--color-jis-cat-23: var(--color-jis-scheme-5-e);
--color-jis-cat-24: var(--color-jis-scheme-6-a);
--color-jis-cat-25: var(--color-jis-scheme-6-e);
--color-jis-cat-26: var(--color-jis-scheme-7-e);
-webkit-font-smoothing: antialiased;
--color-story-title: #333;
/* Fonts */
--font-jis-flex-base: 0.625vw;
--font-jis-small-text: 12px;
--font-jis-basefont: 14px;
--font-jis-large-txt: 26px;
--font-jis-x-large-txt: 34px;
--font-jis-ceilfont: calc(var(--font-jis-basefont) * 1.96);
--font-jis-body-text: clamp(var(--font-jis-basefont),
calc(var(--font-jis-flex-base) * 1.2),
1.125rem);
--font-jis-header: clamp(calc(var(--font-jis-basefont) * 1.3),
0.9375vw,
var(--font-jis-ceilfont));
--font-jis-sub-header: clamp(calc(var(--font-jis-basefont) * 1.125),
0.8125vw,
1.5rem);
--font-jis-list-item: clamp(1rem, 0.7vw, 1.3rem);
/*--font-jis-fm-main: "merriweatherlight", serif;*/
/* --font-jis-fm-secondary: Helvetica Neue, Helvetica, Arial, sans-serif; */
/* --font-jis-fm-secondary: 'Open Sans', sans-serif;; */
/* --font-jis-fm-secondary: 'Roboto', sans-serif; */
--font-jis-fm-main: 'Merriweather', serif;
--font-jis-fm-secondary: 'Montserrat', sans-serif;
--layer-index-top: 13333333;
--layer-index-mid: 13333;
--layer-index-bottom: 133;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
font-size: 130%;
padding: 5px;
}
#pojo-a11y-toolbar {
top: 100px !important;
}
html,
body {
height: 100%;
font-family: var(--font-jis-fm-main);
font-weight: 300;
}
body {
padding-top: 6rem;
background-color: var(--color-jis-cream-white);
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-weight: 300;
}
a,
a:visited {
text-decoration: none;
color: var(--color-story-title);
}
a:hover {
text-decoration: underline;
color: var(--color-jis-black);
}
b, strong {
font-weight: 700;
}
.boxzilla-center-container {
z-index: 99911000 !important;
}
/* body {
padding-top: 3.7rem;
}
#masthead.admin-bar-active {
top: 32px !important;
}
#page.admin-bar-active {
padding-top: 60px !important;
}
*/
body.admin-bar #masthead {
top: 32px !important;
}
.swiper-container {
overflow: hidden !important;
}
#masthead .head-top {
font-family: var(--font-jis-fm-secondary);
background: #1a1a1a;
color: #ccc;
padding: 5px;
font-size: 12px;
/*font-weight:500;*/
position: relative;
z-index: 9;
}
#masthead .head-top .goj {
text-transform: uppercase;
font-size: 10px;
}
#masthead .head-top .goj a {
color: #bbb;
text-decoration: none;
}
#masthead .goj span {
position: relative;
top: 2px;
}
#masthead .goj img {
width: 22px;
height: auto;
}
#masthead .top-social a {
padding: 2px 3px;
display:inline-block;
color: #fff;
}
.entry-content b,
.entry-content strong {
font-weight: 600;
}
#page>main,
#page>.elementor {
padding-bottom: 100px;
}
.mc4wp-response {
padding: 15px;
}
.mc4wp-response p {
margin: 0;
}
/* .list-of-awardees .awardees-wrap */
/* Firefox */
.list-of-awardees .awardees-wrap {
scrollbar-width: auto;
scrollbar-color: #79564a rgb(255 255 255 / 20%);
}
/* Chrome, Edge, and Safari */
.list-of-awardees .awardees-wrap::-webkit-scrollbar {
width: 12px;
}
.list-of-awardees .awardees-wrap::-webkit-scrollbar-track {
background: rgb(255 255 255 / 20%);
}
.list-of-awardees .awardees-wrap::-webkit-scrollbar-thumb {
background-color: #79564a;
border-radius: 10px;
border: 3px solid rgb(255 255 255 / 20%);
}
.list-of-awardees::after,
.list-of-awardees::before {
background-size: cover;
content: "";
display: block;
height: 80px;
width: 100%;
left: 0;
right:0;
position: absolute;
}
.list-of-awardees::before {
background: url(https://jis.gov.jm/media/2024/02/awardees-bgrd-top.png) no-repeat;
background-position: center top;
background-size: cover;
top: 0;
}
.list-of-awardees::after {
background: url(https://jis.gov.jm/media/2024/02/awardees-bgrd-bottom.png) no-repeat;
background-position: center bottom;
background-size: cover;
bottom: 0;
}
.list-of-awardees {
padding: 80px 0;
margin: 0 20px;
/*height: 750px;*/
background: url(https://jis.gov.jm/media/2024/02/awardees-bgrd-middle.jpg) repeat-y;
background-size: cover;
background-size: 100%;
max-width: 600px;
margin: 0 auto;
position: relative;
}
.list-of-awardees .awardees-wrap {
/*background: url(https://jis.gov.jm/media/2024/01/awardees-bgrd.jpg) no-repeat;*/
padding: 20px;
height: 500px;
overflow-y: scroll;
color: #79564a;
text-align: center;
font-size: 14px;
margin: 0 80px
}
@media screen and (max-width: 782px) {
body.admin-bar #masthead {
top: 46px !important;
position: absolute;
}
.jis-branding {
margin-bottom: 0px;
}
}
.jis-sticky-footer-content-wrap {
flex: 1 0 auto;
}
@media only screen and (max-width: 1600px) and (min-width: 992px) {
.container-fluid {
padding-right: 80px !important;
padding-left: 80px !important;
}
.elementor-section.elementor-section-boxed>.elementor-container {
padding-right: 80px !important;
padding-left: 80px !important;
}
}
/*
===============================================
Reusable Classes
-----------------------------------------------
***********************************************
*/
.jis-hide-remove-display {
display: none;
}
.drop-shadow::after {
content: "";
display: block;
height: 13px;
width: 90%;
filter: blur(13px);
position: absolute;
bottom: 0;
left: 5%;
z-index: 5;
background-color: rgba(0, 0, 0, 1);
}
.fa-solid {
color: var(--color-jis-blue-3);
min-width: 1.3rem;
}
.fa-solid.bordered {
padding-right: 5px;
margin-right: 5px;
border-right: 1px solid rgba(129, 116, 0, 0.5);
}
.jis-jm-feature-content h1 span {
font-size: 16px;
color: #fff;
display: block;
font-weight: 100;
}
/* .jis-jm-feature-highlights {
padding-top: 20px;
} */
.jis-jm-feature-links {
padding: 20px;
border-top: 1px solid var(--color-grey);
margin-top: 20px;
margin-right: 40px;
}
/* = News List: START
------------------------------------------------------------------------------------------------------
usage:
-----------------------------------------------------------------------------------------------------*/
#menu-item-277272 {
display: none;
}
.jis-radio-player-full .presenter-name {
text-align: right;
color: #fff;
}
.jis-news-list {
list-style-type: none;
margin: 0;
padding: 20px 0;
}
.jis-featured-stories .jis-news-list {
padding-top: 0;
}
.jis-news-list li {
padding: 0.85rem;
/* border-bottom: 1px solid var(--color-grey); */
border-top: 1px solid var(--color-grey);
}
.jis-news-list li:last-child {
border-bottom: none;
}
.jis-news-list li:first-child {
border-top: none;
}
.jis-news-list .news-list-date {
display: inline-block;
color: var(--color-jis-blue-3);
text-transform: capitalize;
font-family: var(--font-jis-fm-secondary);
font-size: var(--font-jis-small-text);
line-height: calc(var(--font-jis-small-text) * 1.5);
margin-bottom: 0.5rem;
}
.jis-news-list .news-list-category {
display: inline-block;
margin-right: 4px;
font-family: var(--font-jis-fm-secondary);
font-size: var(--font-jis-small-text);
line-height: calc(var(--font-jis-small-text) * 1.5);
background-color: var(--color-jis-blue-3);
padding: 3px 12px;
color: var(--color-jis-cream-white);
}
.jis-news-list .news-list-category a {
font-family: var(--font-jis-fm-secondary);
font-size: var(--font-jis-small-text);
line-height: calc(var(--font-jis-small-text) * 1.5);
/* background-color: var(--color-jis-blue-3); */
color: var(--color-jis-cream-white);
margin: 0;
}
.jis-news-list .news-list-category a:hover {
color: var(--color-jis-cream-white);
}
.jis-news-list li a {
color: var(--color-story-title);
text-decoration: none;
display: block;
margin-bottom: 0.5rem;
font-size: var(--font-jis-list-item);
line-height: calc(var(--font-jis-list-item) * 1.5);
}
.jis-news-list li a:hover {
color: var(--color-jis-black);
text-decoration: underline;
}
.jis-news-list .story-credit {
color: var(--color-jis-blue-3);
font-size: 0.85rem;
}
.jis-news-list .story-author-name {
text-transform: uppercase;
}
/* = News List: END
------------------------------------------------------------------------------------------------*/
/* = Featured Image: START
---------------------------------------------------------------------------------------------------
usage:
// special note: Image tag opacity will be set to 0, make sure inline background url style is set
or image will be blank
[img caption]
-------------------------------------------------------------------------------------------------*/
.featured-image-link {
display: flex;
background-origin: border-box;
background-position: center center;
background-size: 100% 100%;
background-repeat: no-repeat;
transition: all 3s ease-out;
overflow: hidden;
}
.featured-image-link:hover {
background-size: 105% 105%;
}
.featured-image-link:hover .image-border-tag,
.featured-image-link:hover .image-cat-tag {
background-color: var(--color-jis-blue-3);
}
.featured-image-link .image-with-tag {
position: relative;
width: 100%;
border: none;
padding: 0;
margin: 0;
}
.featured-image-link .image-with-tag img {
object-fit: cover;
max-width: 100%;
opacity: 0;
}
.featured-image-link .image-caption {
display: block;
position: absolute;
bottom: 0;
left: 0;
color: var(--color-jis-cream-white);
transform: translateY(200px);
opacity: 0;
transition: all 1.3s ease-in;
color: var(--color-jis-cream-white);
font-size: 14px;
line-height: 20px;
padding: 30px 15px;
box-sizing: border-box;
text-align: right;
width: 100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.85+100 */
background: -moz-linear-gradient(top,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.85) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.85) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.85) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#d9000000', GradientType=0);
/* IE6-9 */
}
.featured-image-link:hover .image-caption {
transform: translateY(0);
opacity: 1;
}
.featured-image-link .image-border-tag {
width: 100%;
height: 5px;
background-color: var(--color-jis-blue-3);
position: absolute;
bottom: 0px;
transition: all 1s ease-out;
}
.featured-image-link .image-cat-tag {
position: absolute;
background-color: var(--color-jis-blue-3);
padding: 5px 15px;
color: #fff;
bottom: 0;
font-family: var(--font-jis-fm-secondary);
font-weight: 600;
text-transform: uppercase;
font-size: var(--font-jis-small-text);
line-height: calc(var(--font-jis-small-text) * 1.5);
transition: all 1s ease-out;
}
.featured-image-link .image-caption.no-caption {
display: none;
}
/* = Featured Image: END
----------------------------------------------------------------------------------------------*/
/* = Live Icon: START
----------------------------------------------
usage: //no content
---------------------------------------------*/
/* Animated Icon */
.jis-live-icon {
width: 20px;
height: 20px;
border-radius: 50%;
border: 2px solid red;
align-items: center;
justify-content: center;
display: flex;
padding: 1px;
animation-name: pulsate-in;
animation-duration: 2s;
animation-iteration-count: infinite;
transform-origin: center;
position: absolute;
top: -3px;
right: 0;
}
.jis-live-icon i {
display: block;
width: 10px;
height: 10px;
margin: 0;
padding: 0;
background-color: red;
border-radius: 50%;
transition: all 1s ease-in;
animation-name: pulsate;
animation-duration: 1s;
animation-iteration-count: infinite;
transform-origin: center;
}
/* Animations
------------------------------ */
@keyframes pulsate {
from {
transform: scale(0.5);
}
to {
transform: scale(1);
}
}
@keyframes pulsate-in {
from {
transform: scale(1);
opacity: 1;
}
to {
transform: scale(0.5);
opacity: 0.5;
}
}
/* = Live Icon: END
----------------------------------------*/
/* = Small Radio Player: START
----------------------------------------------------------------------------------------------------
usage:
---------------------------------------------------------------------------------------------------*/
.jis-small-radio-player {
justify-self: left;
}
.jis-play-story-icon {
font-size: var(--font-jis-small-text);
color: var(--color-jis-blue-3);
border: none;
background: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
}
.jis-small-radio-player .jis-play-story-icon svg {
margin-right: 0.5rem;
}
.jis-small-radio-player .jis-play-story-icon .jis-play-icon-svg .ring {
fill: rgba(129, 116, 0, 0.37);
stroke: rgba(129, 116, 0, 0.7);
}
.jis-small-radio-player .jis-play-story-icon:hover .jis-play-icon-svg .ring {
fill: rgba(129, 116, 0, 0.85);
}
.jis-small-radio-player .jis-play-story-icon:hover {
color: rgba(129, 116, 0, 0.85);
}
i.jis-play-icon-svg {
margin-right: 0.5rem;
background-color: rgba(129, 116, 0, 0.37);
border: 1px solid rgba(129, 116, 0, 0.7);
border-radius: 50%;
}
i.jis-play-icon-svg:hover {
background-color: rgba(129, 116, 0, 0.85);
border: 1px solid rgba(129, 116, 0, 0.85);
}
i.jis-play-icon-svg svg {
stroke: #fff;
margin: 0;
position: relative;
top: 4px;
left: 4px;
}
/* = Small Radio Player: END
------------------------------------------------------------------------------------------------*/
/* = Full Width Ad Area: START
--------------------------------------------------------------------
usage:
Advertisement
--------------------------------------------------------------------*/
.jis-full-width-ad-area {
/*border-bottom: 5px solid #fff;*/
padding: 30px 0 20px 0;
width: 100%;
display: flex;
justify-content: center;
justify-items: center;
background-color: #eee;
}
.jis-full-width-ad-area span {
font-family: var(--font-jis-fm-secondary);
color: #666;
font-size: var(--font-jis-small-text);
}
/* = Full Width Ad Area: END
--------------------------------------------------------------------*/
/* = Inline Image With Caption: START
------------------------------------------------------------------------------------------------
usage:
[Caption]
----------------------------------------------------------------------------------------------*/
.jis-inline-img-with-caption {
width: 100%;
}
.jis-inline-img-with-caption img {
max-width: 100%;
width: 100%;
}
.jis-inline-img-with-caption figcaption {
font-family: var(--font-jis-fm-secondary);
margin: 3% 0;
padding-bottom: 1.4%;
color: var(--color-jis-blue-3);
font-size: var(--font-jis-small-text);
line-height: calc(var(--font-jis-small-text) * 1.5);
border-bottom: 1px solid var(--color-grey);
}
/* = Inline Image With Caption: END
------------------------------------------------------------------------------------------------*/
/* = Secondary Story Image Link: START
------------------------------------------------------------------------------------------------
usage:
[Caption]
[Title]
------------------------------------------------------------------------------------------------*/
.jis-secondary-story-img-link {
display: flex;
flex-direction: column;
width: 100%;
text-decoration: none;
outline: none;
color: var(--color-story-title);
}
.jis-secondary-story-img-link figure {
margin: 0;
padding: 0;
/* height: 14.5rem; */
box-sizing: border-box;
overflow: hidden;
/* display: flex; */
}
.jis-secondary-story-img-link figure img {
max-width: 100%;
object-fit: cover;
flex: 1 1 100%;
/* border-bottom: 3px solid var(--color-grey); */
width: 100%;
height: auto;
}
.story-feature-title {
font-size: var(--font-jis-list-item);
line-height: calc(var(--font-jis-list-item) * 1.5);
color: var(--color-jis-black);
}
.story-feature-title a {
text-transform: underline;
}
.story-image-caption {
display: none;
}
.jis-secondary-story-img-link .story-credit {
text-decoration: none;
font-size: var(--font-jis-small-text);
line-height: calc(var(--font-jis-small-text) * 1.5);
}
/* = Secondary Story Image Link: END
------------------------------------------------------------------------------------------------*/
/* = Animated Background Image Link with Feature Hilights: START
-------------------------------------------------------------------------------------------------
usage:
// special note: Image tag opacity will be set to 0, make sure inline background url style is set
or image will be blank
[link text]
[highlights]
------------------------------------------------------------------------------------------------*/
.jis-animated-sc-img-link {
position: relative;
background-repeat: no-repeat;
background-position: center center;
background-origin: content-box;
background-size: 100%;
border-bottom: 5px solid var(--color-yellow);
transition: background-size 3s ease-out;
}
.jis-animated-sc-img-link a {
color: #fff;
}
.jis-animated-sc-img-link:hover {
background-size: 113%;
background-position: center;
}
.jis-animated-sc-img-link img {
width: 100%;
max-width: 100%;
opacity: 0;
}
.jis-animated-sc-img-link .item-overlay {
position: absolute;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
bottom: 0;
left: 0;
/* display: flex; */
}
.jis-animated-sc-img-link .item-overlay h3 {
background-color: var(--color-yellow);
color: #fff;
margin: 0;
margin-right: 2%;
font-family: var(--font-jis-fm-secondary);
font-size: 14px;
font-weight: 500;
line-height: calc(var(--font-jis-small-text) * 1.3);
/* flex-basis: auto; */
float: left;
width: 85px;
margin-top: -12px;
padding: 5px;
}
.jis-tij-feature>div:first-child .jis-animated-sc-img-link .item-overlay h3 {
width: 100px;
}
.jis-animated-sc-img-link .item-overlay h3 a {
color: var(--color-brown);
}
.jis-animated-sc-img-link .item-overlay span {
color: var(--color-jis-cream-white);
font-family: var(--font-jis-fm-secondary);
font-size: var(--font-jis-small-text);
justify-self: right;
align-self: center;
text-align: right;
/* flex: 1 1 auto; */
padding-right: 3%;
}
/* = Animated Background Image Link with Feature Hilights: END
------------------------------------------------------------------------------------------------*/
/* = Animated Loader: START
-------------------------------------------------------------------------------------------------
usage:
------------------------------------------------------------------------------------------------*/
:root {
--loader-height: 3px;
--scroller-width: 30px;
--loader-width: 150px;
--loader-rail-color: rgba(129, 116, 0.13);
--loader-bar-color: var(--color-jis-blue-3);
--loader-font-color: var(--color-jis-blue-3);
}
.loading {
display: block;
position: relative;
width: var(--loader-width);
height: var(--loader-height);
background: var(--loader-rail-color);
margin-top: 20% auto;
}
.loading::after {
content: "Loading...";
display: block;
color: var(--loader-font-color);
font-family: var(--font-jis-fm-secondary);
width: 100%;
text-align: center;
position: absolute;
top: -25px;
animation: loading-font infinite linear 6s;
}
.loading::before {
content: "";
display: block;
position: absolute;
width: var(--scroller-width);
height: var(--loader-height);
background-color: var(--loader-bar-color);
animation: loading-osc infinite linear 3s;
}
@keyframes loading-osc {
from {
transform: translateX(0);
}
50% {
transform: translateX(calc(var(--loader-width) - var(--scroller-width)));
}
to {
transform: translateX(0px);
}
}
@keyframes loading-font {
from {
opacity: 1;
transform: scale(1);
}
50% {
opacity: 1;
transform: scale(1.13);
}
to {
opacity: 1;
transform: scale(1);
}
}
/* = Animated Loader: END
-------------------------------------------------------------------------------------------------*/
/* = Fancy Header: START
-------------------------------------------------------------------------------------------------
usage:
------------------------------------------------------------------------------------------------*/
.fancy-header {
color: var(--color-jis-cream-white);
text-align: center;
padding: 1.3% 0;
font-size: 6rem;
position: relative;
font-family: var(--font-jis-fm-primary);
font-size: var(--font-jis-large-txt);
font-weight: normal;
}
.fancy-header::before {
content: "";
display: block;
height: 1px;
width: 70%;
left: 15%;
background-color: rgba(255, 255, 255, 0.35);
position: absolute;
top: 0;
}
.fancy-header::after {
content: "";
display: block;
height: 1px;
width: 70%;
left: 15%;
background-color: rgba(255, 255, 255, 0.35);
position: absolute;
bottom: 0;
}
.fancy-header em {
color: var(--color-jis-yellow-3);
}
/* = Fancy Header: END
------------------------------------------------------------------------------------------------*/
/* = Photo Box: START
-------------------------------------------------------------------------------------------------
usage:
------------------------------------------------------------------------------------------------*/
.jis-photo-box {
/* flex: 1 1 48.75%; */
margin: 0;
padding: 0;
/* display: flex; */
background-color: var(--color-jis-cream-white-b);
margin-bottom: calc(var(--font-jis-flex-base) * 2.5);
box-shadow: 1px 1px 3px rgba(129, 73, 0, 0.13);
}
/* .jis-photo-box--img-container {
flex: 1 0 40%;
display: flex;
} */
.jis-photo-box--img-container figure {
margin: 0;
padding: 0;
overflow: hidden;
background: 50% 50% no-repeat;
background-size: 100% 100%;
}
.jis-photo-box--img-container:hover .jis-photo-box--img-container figure {
animation-name: tour;
animation-duration: 13s;
animation-timing-function: linear;
animation-iteration-count: 3;
}
.jis-photo-box--img-container img {
width: 100%;
/* opacity: 0; */
height: auto;
}
.jis-photo-box--text-content {
/* flex: 1 1 auto; */
box-sizing: border-box;
padding: 2.5%;
}
.jis-photo-box--text-content h3 {
margin: 0 0 1rem 0;
font-size: var(--font-jis-header);
color: var(--color-jis-brown-1);
padding: 0 0 1rem 0;
border-bottom: 1px solid var(--color-jis-brown-1);
}
.jis-photo-box--text-content p {
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.5);
/* margin-bottom: 2.5rem; */
}
.jis-photo-box--text-content .read-more-button {
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.5);
color: var(--color-jis-brown-1);
border: 1px solid var(--color-jis-brown-1);
border-radius: 5px;
display: inline-block;
padding: 0.35rem 1.3rem;
}
.jis-photo-box--text-content .read-more-button:hover {
text-decoration: none;
}
@keyframes tour {
from {
background-size: 100% 100%;
}
13% {
background-size: 113% 113%;
}
75% {
background-size: 105% 105%;
}
to {
background-size: 100% 100%;
}
}
/* = Photo Box: END
------------------------------------------------------------------------------------------------*/
/* Reusable Classes
============================================================================================== */
/* read more link */
.read-more-link,
a.read-more-link {
display: inline-block;
text-decoration: none;
font-family: var(--font-jis-small-text);
line-height: calc(var(--font-jis-small-text) * 1.5);
color: var(--color-jis-yellow-2);
font-weight: bold;
}
.read-more-link,
a.read-more-link::before {
content: "[+]";
padding-right: 5px;
font-weight: 300;
}
.read-more-link,
a.read-more-link:hover {
color: var(--color-jis-blue-3);
border-color: var(--color-jis-blue-3);
text-decoration: none;
}
.read-more-link.btn {
background: none;
border: none;
padding: 0.5rem 1rem;
border: 1px solid var(--color-jis-yellow-2);
border-radius: 5px;
}
/* image container */
/* .jis-img-container {
background-color: rgba(129, 116, 0, 0.3);
} */
/* pull out text box */
.pull-out-text-box {
box-sizing: border-box;
width: 70%;
margin: 1.5rem auto;
text-align: center;
}
.pull-out-text-box h3 {
font-size: var(--font-jis-sub-header);
line-height: calc(var(--font-jis-sub-header) * 1.5);
margin: 0 0 1.5rem 0;
padding: 0;
color: var(--color-jis-blue-3);
position: relative;
display: inline-block;
}
.pull-out-text-box h3::before {
content: "";
width: calc(var(--font-jis-flex-base) * 30%);
position: absolute;
height: 1px;
background-color: rgba(129, 116, 0, 0.35);
left: -13px;
top: 50%;
margin-top: calc(((var(--font-jis-sub-header) * 1.5) / 2) * -1);
}
.pull-out-text-box h3::after {
content: "";
width: calc(var(--font-jis-flex-base) * 30%);
position: absolute;
height: 1px;
background-color: rgba(129, 116, 0, 0.35);
right: 13px;
top: 50%;
margin-top: calc(((var(--font-jis-sub-header) * 1.5) / 2) * -1);
}
.pull-out-text-box p {
font-family: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.5);
color: var(--color-jis-black);
border-bottom: 1px solid rgba(129, 116, 0, 0.35);
padding: 0 0 1.5rem 0;
margin: 0;
}
/* Shopping bag [svg] : */
.jis-shopping-bag {
width: 2rem;
}
.jis-shopping-bag #book {
display: none;
}
.jis-shopping-bag .cls-1 {
fill: url(#linear-gradient);
opacity: 0.45;
}
.jis-shopping-bag .cls-2 {
fill: #e4d651;
}
.jis-shopping-bag .cls-3,
.cls-4 {
fill: #817400;
}
.jis-shopping-bag .cls-5 {
fill: none;
stroke: #000;
stroke-miterlimit: 10;
}
.jis-shopping-bag .cls-6 {
opacity: 0.22;
}
.jis-shopping-bag .cls-4 {
opacity: 0.24;
}
/* -------------------------------------------------------------------------------------------- */
/*=== Navigation Bar
----------------------------------------*/
:root {
--jis-nav-icon-spacing: 5vw;
}
.summary-wrap {
font-family: var(--font-jis-fm-secondary);
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.5);
}
.summary-wrap a {
font-family: var(--font-jis-fm-main);
}
.jis-more-stories-wrapper {
background: #fff;
}
.jis-more-stories .post-type,
.jis-more-stories .cat {
display: none;
}
.jis-more-stories img {
width: 100%;
height: auto;
}
.jis-more-stories article {
padding: 30px;
margin: 0 30px;
/* background: #fff; */
position: relative;
border-bottom: 1px solid var(--color-grey);
}
.jis-more-stories article:nth-child(even) {
/* background: rgb(129 116 0 / 10%); */
/* background: rgb(73 76 171 / 5%); */
}
/* .jis-more-stories article:hover {
box-shadow: rgb(100 100 111 / 20%) 0px 7px 29px 0px;
} */
.jis-branding {
justify-self: center;
}
.jis-weather-widget {
display: block;
color: var(--color-jis-cream-white);
font-family: var(--font-jis-fm-secondary);
/* gap: 1rem; */
align-items: center;
}
.owmw-small .owmw-now .owmw-main-temperature,
.owmw-small .owmw-now .owmw-main-temperature-celsius,
.owmw-small .owmw-now .owmw-main-temperature-fahrenheit {
font-size: 14px !important;
}
/*
.jis-weather-widget .weather-icon {
width: 40px;
}
.jis-weather-widget .weather-icon img {
max-width: 100%;
}
#jis-weather>div.current-temp,
#jis-weather>div.city-name {
float: left;
width: 235px;
text-align: right;
}
#jis-weather>div.weather-icon {
float: right;
width: 60px;
margin-top: -20px;
}
*/
div#is-video-component img {
width: 100%;
height: auto;
}
/* === Style WP-PageNavi Pagination === */
/* Center the pagination */
.wp-pagenavi {
text-align: center;
padding: 40px 0;
}
/* Add a border */
.wp-pagenavi span,
.wp-pagenavi a,
.wp-pagenavi :last-child {
border: 1px solid #bbb !important;
font-size: 14px;
display: inline-block;
padding: 6px 12px;
margin: 0;
}
/* Style the default text */
.wp-pagenavi .extend {
display: none;
}
.wp-pagenavi>* {
margin-right: 3px !important;
color: #999 !important;
}
/* Style the current / hovered page link */
.wp-pagenavi span.current,
.wp-pagenavi a:hover {
color: #666 !important;
background-color: #ddd !important;
}
/* Style the page count text */
.wp-pagenavi :first-child {
color: #666 !important;
}
/* Add text to the "next" link */
.wp-pagenavi .nextpostslink:before {
content: "Next ";
}
.wp-pagenavi .previouspostslink:after {
content: " Prev";
}
/* ----------------------------------------------- *
.nav-button-icon {
padding-top: 20px;
width: 1.5rem;
position: relative;
margin-left: var(--jis-nav-icon-spacing);
}
.nav-button-icon .bars {
background-color: #fff;
display: block;
height: 3px;
width: 100%;
margin-bottom: 5px;
transition: all 500ms ease-in-out;
}
.jis-nav-button.active .bar:nth-child(2) {
transform: translateX(-30vw);
}
.jis-nav-button.active .bar:nth-child(1) {
transform: rotate(45deg);
transform-origin: left;
}
.jis-nav-button.active .bar:nth-child(3) {
transform: rotate(-45deg);
transform-origin: left;
}
.nav-button-icon .jis-nav-btn {
width: 100%;
background: none;
border: none;
padding: 0;
margin-left: 45px;
cursor: pointer;
}
.jis-search-icon {
justify-self: end;
margin-right: 40%;
}
.jis-search-btn {
border: 0;
outline: 0;
width: 31px;
height: 23px;
margin-top: 5px;
background-image: url('../img/search-icon.png');
background-repeat: no-repeat;
background-color: transparent;
}
/* Navigation
----------------------------------------------- */
:root {
--jis-nav-transition: 200ms;
--jis-nav-width: 260px;
--jis-nav-pos-left: -260px;
--jis-nav-height: 100vh;
--jis-nav-pos-top: 0px;
--jis-nav-main-menu-bg-color: #1E2027;
--jis-nav-main-menu-link-color: #292c35;
--jis-nav-sub-menu-bg-color: #292c35;
--jis-nav-sub-menu-link-color: #323541;
}
#site-navigation #mega-menu-wrap-menu-1 ul#mega-menu-menu-1>li:hover>a {
color: #aaa;
}
#site-navigation #mega-menu-wrap-menu-1 ul#mega-menu-menu-1 {
list-style-type: none;
margin: 0;
padding: 0;
}
#site-navigation #mega-menu-wrap-menu-1 ul#mega-menu-menu-1 li a {
padding: 10px 25px;
display: block;
color: #fff;
text-decoration: none;
line-height: 22px;
text-transform: capitalize;
font-family: var(--font-jis-fm-secondary);
}
#site-navigation #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link {
background: transparent;
color: #fff200;
}
#site-navigation #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
display: block;
background: transparent;
}
#site-navigation #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item:first-child>a.mega-menu-link {
/* font-size: 15px;
background: transparent;
cursor: default;
text-transform: uppercase;
font-weight: 600; */
font-family: var(--font-jis-fm-secondary);
line-height: calc(var(--font-jis-basefont) * 1.5);
font-size: var(--font-jis-basefont);
/* color: var(--color-yellow); */
color: var(--color-jis-cream-white);
}
#site-navigation #mega-menu-wrap-menu-1 ul#mega-menu-menu-1 {
top: 105px;
background-color: var(--jis-nav-main-menu-bg-color) !important;
}
#site-navigation #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item a {
font-weight: 600;
font-size: 15px;
}
#site-navigation #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item li a {
font-weight: 300;
font-size: 14px;
padding: 6px 25px;
}
#site-navigation #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu>ul.mega-sub-menu,
#site-navigation #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item,
#site-navigation #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
padding: 0;
}
/* #site-navigation #mega-menu-wrap-menu-1>ul#mega-menu-menu-1 {
padding: 90px 0px 30px 0;
} */
#site-navigation #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu>ul.mega-sub-menu,
#site-navigation #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-flyout>ul.mega-sub-menu {
padding: 40px 0;
}
#site-navigation #mega-menu-wrap-menu-1>ul#mega-menu-menu-1,
#site-navigation #mega-menu-wrap-menu-1 ul#mega-menu-menu-1 {
background-color: var(--jis-nav-main-menu-bg-color) !important;
}
#site-navigation #mega-menu-wrap-menu-1 ul#mega-menu-menu-1 li a:hover {
background-color: var(--jis-nav-main-menu-link-color);
}
#site-navigation #mega-menu-wrap-menu-1>ul#mega-menu-menu-1>li>ul {
background-color: var(--jis-nav-sub-menu-bg-color)
}
#site-navigation #mega-menu-wrap-menu-1>ul#mega-menu-menu-1>li>ul li a:hover {
background-color: var(--jis-nav-sub-menu-link-color);
}
/* #mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open {
position: fixed;
} */
@media screen and (min-width: 600px) {
#site-navigation #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-toggle-on>a.mega-menu-link {
background: transparent;
}
#site-navigation #mega-menu-wrap-menu-1>ul#mega-menu-menu-1,
#site-navigation #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu>ul.mega-sub-menu,
#site-navigation #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-flyout>ul.mega-sub-menu {
padding: 90px 0px 30px 0;
}
#site-navigation #mega-menu-wrap-menu-1 ul#mega-menu-menu-1 {
overflow: initial;
top: 0;
background-color: var(--jis-nav-main-menu-bg-color) !important;
transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
#site-navigation #mega-menu-wrap-menu-1 .mega-menu-toggle {
position: relative;
z-index: 1;
}
#site-navigation #mega-menu-wrap-menu-1>ul#mega-menu-menu-1 {
background-color: var(--jis-nav-main-menu-bg-color);
width: var(--jis-nav-width) !important;
height: var(--jis-nav-height);
float: left;
}
#site-navigation #mega-menu-wrap-menu-1 ul#mega-menu-menu-1 li {
position: initial;
}
#site-navigation #mega-menu-wrap-menu-1 ul#mega-menu-menu-1 li a:hover {
background-color: var(--jis-nav-main-menu-link-color);
}
#site-navigation #mega-menu-wrap-menu-1>ul#mega-menu-menu-1>li:hover>ul {
left: calc(var(--jis-nav-width) - 1px);
-webkit-transition: left 500ms ease-in;
-moz-transition: left 500ms ease-in;
-ms-transition: left 500ms ease-in;
transition: left 500ms ease-in;
display: block;
}
#site-navigation #mega-menu-wrap-menu-1>ul#mega-menu-menu-1>li>ul {
position: absolute;
background-color: var(--jis-nav-sub-menu-bg-color);
top: 0;
left: var(--jis-nav-pos-left);
width: var(--jis-nav-width);
z-index: -1;
height: 100%;
-webkit-transition: left 300ms ease-in;
-moz-transition: left 300ms ease-in;
-ms-transition: left 300ms ease-in;
transition: left 300ms ease-in;
display: block;
text-transform: capitalize;
overflow-y: scroll;
}
#site-navigation #mega-menu-wrap-menu-1>ul#mega-menu-menu-1:before {
content: ' ';
display: inline-block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: var(--jis-nav-main-menu-bg-color);
z-index: 0;
}
#site-navigation #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator:after {
content: '\f345';
}
#site-navigation #mega-menu-wrap-menu-1>ul#mega-menu-menu-1>li>ul li a:hover {
background-color: var(--jis-nav-sub-menu-link-color);
}
}
/*=== Main Menu - new style
----------------------------------------*/
/* #mega-menu-wrap-menu-1 * {
transition: all 1s ease-out;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {
height: 0;
overflow: hidden;
opacity: 0;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu.focus.mega-toggle-on > ul.mega-sub-menu {
/* #mega-menu-wrap-menu-1 li.mega-menu-item.focus.mega-toggle-on .mega-sub-menu {
height: initial;
overflow: hidden;
opacity:initial;
}
*/
/* #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li a {
font-family: var(--font-jis-fm-secondary);
color: var(--color-jis-cream-white);
line-height: calc(var(--font-jis-basefont) * 1.5);
font-size: var(--font-jis-basefont);
font-weight: 700;
} */
/* #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li a:before {
content: "»";
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item ul.mega-sub-menu li a:before {
content: "-";
} */
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item a.mega-menu-link:before {
display: none !important;
}
#site-navigation #mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu>ul.mega-sub-menu>li>a {
content: "»";
font-family: var(--font-jis-fm-secondary);
line-height: calc(var(--font-jis-basefont) * 1.5);
font-size: var(--font-jis-basefont);
font-weight: 700;
/* color: var(--color-yellow); */
color: var(--color-jis-cream-white);
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-item ul.mega-sub-menu li a {
padding-left: 40px !important;
}
#mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open+#mega-menu-menu-1 {
position: fixed;
top: 92px;
bottom: 0px;
left: 0;
overflow-y: scroll;
}
/* #mega-menu-wrap-menu-1 {
background: #000;
} */
#mega-menu-wrap-menu-1 .mega-menu-toggle {
margin: 10px 0;
}
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner,
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before,
#mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {
width: 30px !important;
}
#mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open+#mega-menu-menu-1 {
width: 300px !important;
}
/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
scrollbar-width: auto;
scrollbar-color: #fff var(--jis-nav-sub-menu-bg-color);
}
/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
width: 12px;
}
*::-webkit-scrollbar-track {
background: var(--jis-nav-sub-menu-bg-color);
}
*::-webkit-scrollbar-thumb {
background-color: #fff;
border-radius: 10px;
border: 3px solid var(--jis-nav-sub-menu-bg-color);
}
/*
.jis-nav-container.open {
transform: translateX(0);
}
.jis-nav-container.closed {
transform: translateX(var(--jis-nav-width));
}
.current-page-title {
position: absolute;
top: 0.025rem;
left: 2.5rem;
text-transform: uppercase;
font-size: var(--font-jis-sub-header);
font-family: var(--font-jis-fm-secondary);
color: var(--color-jis-yellow-5);
}
.jis-nav-container-inner,
.jis-subnav {
padding: 1.3% 0;
list-style-type: none;
margin: 0;
}
.jis-nav-container-inner li a,
.jis-subnav-container li a {
color: #fff;
padding: 0.7rem 0;
display: block;
font-size: var(--font-jis-sub-header);
font-family: var(--font-jis-fm-secondary);
text-align: right;
padding-right: 3rem;
transition: all 300ms ease;
font-size: 14px;
border-top: 2px solid rgb(255 255 255 / 5%);
}
.jis-nav-container-inner li a:hover,
.jis-subnav-container li a {
text-decoration: none;
color: var(--color-jis-brown-5);
border-right: 3px solid var(--color-jis-brown-5);
border-top: 1px solid rgba(255, 201, 131, 0.013);
border-bottom: 1px solid rgba(255, 201, 131, 0.013);
background-color: rgba(255, 201, 131, 0.113);
}
.jis-subnav-container {
position: absolute;
background-color: rgba(0, 0, 0, 0.95);
width: var(--jis-nav-width);
height: var(--jis-nav-height);
top: var(--jis-nav-pos-top);
left: calc(var(--jis-nav-pos-left) + var(--jis-nav-width));
z-index: var(--layer-index-top);
transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
border-left: 1px solid var(--color-jis-brown-5);
overflow: scroll;
}
*/
/* Media Queries
------------------------------ */
@media screen and (max-width: 800px) {
/* .jis-weather-widget {
display: none;
} */
.jis-search-icon {
margin-right: 0;
}
}
@media screen and (max-width: 600px) {
.jis-nav-container {
width: 40vw;
}
.jis-subnav-container {
display: none;
}
}
/* Search Container
-------------------===========================----------- *
.jis-search-form-container {
position: absolute;
z-index: calc(var(--layer-index-top) + 10);
background-color: rgba(0, 0, 0, 0.95);
display: flex;
width: 100%;
height: 100vh;
align-items: center;
justify-content: center;
top: 0;
left: 0;
}
.jis-close-search-btn {
position: absolute;
top: 0;
}
.sr-only {
display: none;
}
.search-form.form-inline {
width: 50vw;
background-color: rgba(255, 255, 255, 0.13);
position: relative;
border-bottom: 3px solid #666;
}
.jis-search-form.form-online {
width: 40vw;
background-color: rgba(255, 255, 255, 0.5);
}
.jis-search-form-container input[type="search"] {
width: 100%;
background: transparent;
padding: 1rem;
font-size: 2rem;
border: none;
color: #ccc;
outline: none;
text-align: center;
}
.search-submit.btn {
position: absolute;
top: 50%;
height: 30px;
margin-top: -15px;
right: 0.5rem;
border: none;
background: transparent;
color: #817400;
font-size: 1.3rem;
}
.jis-close-search-btn {
position: absolute;
top: 3rem;
right: 3rem;
background: transparent;
border: none;
color: #fff;
border-radius: 50%;
border: 1px solid #ccc;
width: 40px;
height: 40px;
line-height: 20px;
text-align: center;
font-size: 1.3rem;
}*/
/*=== Happening now
----------------------------------------*/
#happening-now {
-webkit-box-shadow: inset 0 1px 0 0 var(--color-grey);
box-shadow: inset 0 1px 0 0 var(--color-grey);
padding-top: 1rem;
background: #fff;
}
#happening-now .jis-happening-now-feature {
position: relative;
margin: 0 auto;
-webkit-box-shadow: inset 0 -1px 0 0 var(--color-grey);
box-shadow: inset 0 -1px 0 0 var(--color-grey);
padding-bottom: 1rem
}
.jis-happening-now-content-wrapper {
padding: 0 15px;
}
.jis-happening-now-tag {
background-color: #000;
padding: 0.5rem;
font-family: var(--font-jis-fm-secondary);
color: #fff;
font-size: var(--font-jis-small-text);
display: inline-block;
position: absolute;
left: -5px;
top: -2rem;
}
/* .jis-happening-now-content-wrapper {
display: flex;
} */
.jis-happening-now-content-wrapper>.row>div {
padding: 0;
}
.jis-happening-now-content {
padding: 0 1rem;
/* display: flex;
flex-direction: column; */
}
.jis-happening-now-content-text {
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.3);
}
.jis-happening-now-content-wrapper .hn-item {
/* border-left: 1px solid rgba(0, 0, 0, 0.13); */
border-left: 1px solid var(--color-grey);
min-height: 110px;
}
.jis-happening-now-content-wrapper .row>div:first-child .hn-item {
border: none;
}
.jis-happening-now-content-title {
font-family: var(--font-jis-fm-secondary);
font-size: var(--font-jis-basefont);
margin: 0;
padding: 0;
/* display: inline-block; */
position: relative;
font-weight: 600;
padding-bottom: 10px;
}
.jis-happening-now-content-category {
font-style: normal;
color: var(--color-jis-blue-3);
font-weight: 400;
}
.jis-happening-now-content-text {
color: var(--color-story-title);
}
.jis-happening-now-content-link {
text-decoration: none;
font-weight: 600;
text-align: right;
color: var(--color-blue);
font-family: var(--font-jis-fm-secondary);
font-size: var(--font-jis-small-text);
}
.jis-happening-now-content-link:hover {
text-decoration: underline;
color: var(--color-jis-yellow-3);
}
.jis-happening-now-content-date {
color: #888;
font-weight: 500;
font-size: 9px;
letter-spacing: 1px;
text-transform: uppercase;
font-family: var(--font-jis-fm-secondary);
}
.jis-happening-now-content-with-image {
display: flex;
gap: 0.7rem;
padding: 0;
}
.jis-happening-now-content-with-image .content-wrapper {
padding: 1rem 1rem 0 0;
display: flex;
flex: 1 1 58%;
flex-direction: column;
}
.jis-happening-now-image {
margin: 0;
padding: 0;
display: flex;
overflow: hidden;
}
/* Media Queries
------------------------------ */
@media screen and (max-width: 1200px) {
.jis-happening-now-content-with-image figure {
display: none;
}
.jis-happening-now-content-with-image .content-wrapper {
padding: 1rem;
display: flex;
flex: 1 1 100%;
flex-direction: column;
}
}
/* @media screen and (max-width: 900px) {
.jis-happening-now-feature {
display: none;
}
} */
/* sections */
/* .jis-section-container {
width: clamp(25rem, 80vw, 100rem);
margin: 0 auto;
margin-bottom: 60px;
} */
section.elementor-section.elementor-section-boxed>div.elementor-container,
.jis-section-container {
max-width: 1600px;
margin-right: auto;
margin-left: auto;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.jis-section-title {
font-family: var(--font-jis-fm-secondary);
border-bottom: 1px solid #333;
font-size: var(--font-jis-sub-header);
margin-top: 3rem;
font-weight: 500;
padding-bottom: 0.5rem;
}
.jis-music-page-wrap .jis-section-title {
color: var(--color-jis-brown-3);
border-color: var(--color-jis-brown-3);
font-size: var(--font-jis-body-text);
}
.jis-section-title.jis-news-title {
color: var(--color-jis-blue-3);
border-color: var(--color-jis-blue-3);
}
.jis-section-title.jis-video-title {
color: var(--color-jis-blue-4);
border-color: var(--color-jis-blue-4);
}
.jis-section-title.jis-multimedia-title {
color: var(--color-jis-light-blue);
border-color: var(--color-jis-light-blue);
}
.jis-section-title.jis-tourism-title {
color: var(--color-jis-gold);
border-color: var(--color-jis-gold);
}
.jis-section-title.jis-information-title {
color: var(--color-jis-gold);
border-color: var(--color-jis-gold);
}
/*h1,*/
/*h2,*/
/*p {*/
/* color: var(--color-story-title);*/
/* font-weight: normal;*/
/*}*/
.jis-news-features {
font-family: var(--font-jis-fm-main);
color: var(--color-jis-black);
/* display: flex;
flex-direction: row;
gap: 1%; */
}
/* .primary-feature{
padding-right: 1%;
} */
.primary-feature,
.news-aside {
/* flex: 1 0 49.5%; */
}
/* ==== Featured Story
---------------------------------- */
.jis-news-features .story-credit {
color: var(--color-jis-blue-3);
font-size: var(--font-jis-small-text);
}
.jis-news-features .story-author-name {
color: var(--color-jis-black);
text-transform: uppercase;
}
.jis-news-features .date-of-story {
text-transform: capitalize;
}
.jis-news-features .featured-story-title {
font-size: var(--font-jis-large-txt);
line-height: calc(var(--font-jis-large-txt) * 1.5);
margin-top: 10px;
}
.jis-news-features .featured-story-title a {
color: var(--color-jis-black);
}
.jis-news-features .featured-story-title a:hover {
color: var(--color-jis-black);
text-decoration: underline;
}
.jis-news-features .featured-excerpt {
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.5);
color: var(--color-story-title);
padding: 1rem 0;
}
.jis-news-features .read-more {
display: none;
}
/* Featured Story
---------------------------------- */
.news-aside {
border-left: 1px solid var(--color-grey);
/* display: flex;
flex-direction: column;
padding-left: 1%; */
}
/* .secondary-feature {
display: flex;
width: 100%;
gap: 2%;
} */
/*=== Secondary Feature
---------------------------------------------------*/
/* .secondary-feature-item {
flex: 0 1 auto;
} */
/* Media Queries
------------------------------ */
/* @media screen and (max-width: 1750px) {
.secondary-feature-item figure {
height: 13rem;
}
}
@media screen and (max-width: 1500px) {
.secondary-feature-item figure {
height: 10rem;
}
} */
@media screen and (max-width: 1100px) {
/* .jis-news-features {
flex-direction: column;
} */
.news-aside {
border: none;
}
.primary-feature {
padding-bottom: 2%;
}
}
/*=== News List
------------------------------------------------*/
.news-aside .jis-news-list {
border-top: 1px solid var(--color-grey);
margin-top: 2rem;
}
/*=== Video Section
------------------------------------------------*/
.full-width-wrapper {
width: 100%;
padding: 2rem 0 4rem 0;
}
#jis-slider .read-more-television:before,
#jis-slider .read-more-television:after {
content: "";
position: absolute;
bottom: 0;
}
#jis-slider .read-more-television:before {
left: -20px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 33px 21px;
border-color: transparent transparent var(--color-jis-cream-white) transparent;
}
#jis-slider .read-more-television:after {
right: -20px;
width: 0;
height: 0;
border-style: solid;
border-width: 33px 0 0 21px;
border-color: transparent transparent transparent var(--color-jis-cream-white);
}
#jis-slider .read-more-television {
position: absolute;
bottom: 0;
z-index: 9;
left: 50%;
width: 200px;
margin-left: -100px;
color: #333;
padding: 6px 10px;
display: inline-block;
background-color: var(--color-jis-cream-white);
text-align: center;
font-weight: bold;
font-family: var(--font-jis-fm-secondary);
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.5);
color: var(--color-jis-blue-3) !important;
font-weight: bold;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.jis-television-title {
color: var(--color-jis-blue-3);
border-color: var(--color-jis-blue-3);
}
/* .gtf-radio .jis-useful-information-more-tips li,
.gtf-radio .jis-useful-information-more-tips h5 {
text-align: right;
} */
.gtf-radio .row.radio-player-wrapper .img-wrap {
padding: 0;
}
.gtf-radio .jis-useful-information-more-tips ul {
padding: 0 0 3% 0;
}
.gtf-radio .radio-player-wrapper {
padding: 0 12px;
box-shadow: none;
}
.gtf-radio .radio-player-wrapper .radio-content {
width: 100%;
padding: 10px;
}
.gtf-radio .jis-radio-player-full .custom-radio-player {
padding: 10px 0;
}
.full-width-wrapper.jis-video-wrapper {
background-color: #000;
}
/* .jis-video-feature {
display: flex;
gap: 1%;
}
.jis-primary-video-home {
flex: 1 1 60%;
}
.jis-primary-video-home figure {
position: relative;
border-bottom: 8px solid var(--color-jis-blue-3);
background-repeat: no-repeat;
background-origin: content-box;
background-position: center center;
background-size: 100% 100%;
min-height: 13rem;
transition: all 3s ease-in;
}
.jis-primary-video-home figure .image-cat-tag {
background-color: var(--color-jis-blue-3);
color: var(--color-jis-cream-white);
padding-top: 8px;
z-index: var(--layer-index-bottom);
}
.jis-primary-video-home figure img {
opacity: 0;
}
.jis-primary-video-home figure:hover {
background-size: 105% 105%;
border-color: var(--color-jis-blue-4);
}
.jis-primary-video-home figure:hover .image-cat-tag {
background-color: var(--color-jis-blue-4);
}
.jis-primary-video-home
figure:hover
.jis-primary-video-overlay
.description-text {
border-color: var(--color-jis-blue-4);
}
.jis-primary-video-home figure {
position: relative;
}
.jis-primary-video-overlay {
background: rgb(0, 0, 0);
background: linear-gradient(
0deg,
rgba(0, 0, 0, 1) 0%,
rgba(0, 0, 0, 0.6) 59%,
rgba(0, 0, 0, 0) 100%
);
position: absolute;
bottom: 0;
left: 0;
z-index: var(--layer-index-bottom);
width: 100%;
padding: 1.5rem 0;
}
.jis-primary-video-overlay .description-text {
margin: 2rem 2rem 0 2rem;
padding-top: 1.5rem;
border-top: 1px solid var(--color-jis-blue-3);
display: block;
}
.jis-primary-video-description {
display: block;
}
.jis-primary-video-overlay .description-text span {
text-align: right;
}
.jis-primary-video-description {
color: var(--color-jis-cream-white);
font-size: var(--font-jis-sub-header);
line-height: calc(var(--font-jis-sub-header) * 1.5);
}
.watch-video-button-wrapper {
text-align: right;
display: flex;
justify-content: right;
}
.jis-primary-video-overlay .description-text .jis-play-icon span {
display: inline-block;
font-family: var(--font-jis-fm-secondary);
font-weight: bold;
text-transform: uppercase;
font-size: var(--font-jis-small-text);
line-height: calc(var(--font-jis-small-text) * 1.5);
color: var(--color-jis-yellow-5);
transition: all 1s ease-in-out;
}
.jis-primary-video-home img {
max-width: 100%;
}
.jis-secondary-video-home {
flex: 1 1 39%;
border-left: 1px solid rgba(255, 255, 255, 0.13);
} */
.jis-video-playlist {
margin: 0 0 0 2%;
padding: 0;
}
.jis-video-playlist li {
padding: 0.85rem 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}
.jis-video-playlist li:first-child {
padding-top: 0;
}
.jis-video-playlist li:last-child {
border-bottom: none;
}
.jis-video-playlist-link {
text-decoration: none;
color: var(--color-jis-cream-white);
display: flex;
font-weight: normal;
}
.jis-video-playlist-link:hover {
color: #fff;
}
.jis-video-playlist-link .video-metadata {
padding: clamp(0.5rem, 0.5vw, 1rem);
}
.jis-video-playlist-thumb {
flex: 1 1 40%;
}
.jis-video-playlist-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.list-item-video-duration,
.list-item-video-views {
font-family: var(--font-jis-fm-secondary);
font-size: var(--font-jis-small-text);
line-height: calc(var(--font-jis-small-text) * 1.5);
display: inline-block;
background-color: var(--color-jis-blue-3);
padding: 0.35rem;
border-radius: 5px;
color: #fff;
}
.list-item-description {
display: block;
padding: 0.5rem 0;
font-size: var(--font-jis-list-item);
line-height: calc(var(--font-jis-list-item) * 1.5);
}
*/ .jis-single-story-meta .jis-play-icon,
.jis-home-radio-featured-program .jis-play-icon {
background: transparent;
border: none;
color: #fff;
align-items: center;
justify-content: right;
display: grid;
gap: 0.5rem;
grid-template-columns: auto 30px;
cursor: pointer;
}
.jis-single-story-meta .jis-play-icon:hover span,
.jis-home-radio-featured-program .jis-play-icon:hover span {
transform: translateX(5px);
}
.jis-single-story-meta .jis-play-icon:hover .jis-play-icon-svg .triangle,
.jis-home-radio-featured-program .jis-play-icon:hover .jis-play-icon-svg .triangle {
fill: var(--color-jis-yellow-5);
}
.jis-single-story-meta .jis-play-icon:hover .jis-play-icon-svg .ring,
.jis-home-radio-featured-program .jis-play-icon:hover .jis-play-icon-svg .ring {
fill: rgba(46, 49, 146, 0.13);
stroke: var(--color-jis-yellow-4-blue-5);
stroke-miterlimit: 10;
}
.jis-single-story-meta .jis-play-icon-svg,
.jis-home-radio-featured-program .jis-play-icon-svg {
width: 30px;
height: 30px;
grid-column: 2/3;
}
.jis-single-story-meta i.jis-play-icon-svg {
margin-right: 0.5rem;
background-color: rgba(129, 116, 0, 0.37);
border: 1px solid rgba(129, 116, 0, 0.7);
border-radius: 50%;
font-size: 15px;
padding: 6px 10px;
color: #fff;
}
.jis-single-story-meta i.jis-play-icon-svg.fa-pause {
padding: 6px 8px;
}
.jis-single-story-meta .jis-play-icon-svg .ring,
.jis-home-radio-featured-program .jis-play-icon-svg .ring {
fill: rgb(0 0 0 / 30%);
/* fill: rgba(255, 255, 255, 0.13); */
/* stroke: var(--color-jis-blue-3); */
stroke-miterlimit: 10;
}
.jis-single-story-meta .jis-play-icon-svg .triangle,
.jis-home-radio-featured-program .jis-play-icon-svg .triangle {
fill: #ffffff;
}
/* Media Queries
------------------------------ */
@media screen and (max-width: 1500px) {
.jis-video-playlist-thumb {
flex: 1 1 35%;
height: 5rem;
}
.list-item-video-duration,
.list-item-video-views {
padding: 0.25rem;
font-size: calc(var(--font-jis-small-text) * 0.85);
}
}
@media screen and (max-width: 1280px) {
.jis-video-feature {
flex-direction: column;
}
.jis-video-playlist-thumb {
flex: 0 1 25%;
}
.jis-secondary-video-home {
padding-top: 4%;
border: none;
}
.jis-primary-video-overlay .description-text {
border-top: none;
}
}
/*=== Information Section
------------------------------------------------------*/
.full-width-wrapper.wrapper-with-white-bg {
background-color: #fff;
}
.jis-about-jamaica-anthem .plyr {
padding: 0 20px;
}
.jis-information-feature {
display: flex;
}
/* .jis-about-jamaica-container {
flex: 1 1 60%;
display: flex;
} */
/* .jis-about-jamaica-container .geographical-details,
.jis-about-jamaica-container .government-details {
flex: 1 1 50%;
} */
/* .jis-about-jamaica-container .geographical-details {
display: flex;
flex-direction: column;
width: 100%;
} */
.geographical-details .jamaica-map {
justify-self: center;
position: relative;
}
.geographical-details .jamaica-map figcaption {
position: absolute;
bottom: 1.5rem;
right: 2rem;
}
.geographical-details .jamaica-map figcaption a {
font-weight: bold;
color: var(--color-jis-blue-3);
text-decoration: none;
font-family: var(--font-jis-fm-secondary);
font-size: var(--font-jis-small-text);
line-height: calc(var(--font-jis-body-text) * 1.5);
}
.geographical-details .jamaica-map img {
width: 94%;
margin: 1rem 3%;
}
.government-details {
border-left: 1px solid var(--color-grey);
padding-left: 3%;
}
.jis-word-of-the-day-container {
flex: 1 1 40%;
}
.jis-information-geographical-facts {
list-style-type: none;
margin: 0;
padding: 0 4% 0 0;
}
.jis-information-geographical-facts .label {
font-weight: bold;
color: var(--color-story-title);
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.3);
}
.jis-information-geographical-facts .detail {
justify-self: right;
color: var(--color-story-title);
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.3);
text-align: right;
}
.jis-information-geographical-facts li {
border-top: 1px solid var(--color-grey);
display: grid;
grid-template-columns: 1fr 1fr;
font-family: var(--font-jis-fm-secondary);
padding: 1rem 0;
}
.jis-home-head-of-government {
/* display: grid;
grid-template-columns: 1fr 1fr;
gap: .5rem; */
padding-bottom: 1rem;
}
.jis-head-of-government-thumb img {
height: auto;
width: 100%;
}
.jis-home-head-of-government-title {
grid-column: 1/3;
font-family: var(--font-jis-fm-secondary);
font-size: var(--font-jis-sub-header);
line-height: calc(var(--font-jis-sub-header) * 1.5);
color: var(--color-jis-blue-3);
border-bottom: 1px solid var(--color-grey);
padding-bottom: 0.5rem;
margin: 0.5rem 0;
}
.jis-head-of-government-personal-title {
font-family: var(--font-jis-fm-secondary);
line-height: 12px;
margin-top: 1rem;
}
.jis-head-of-government-personal-title h2 {
color: var(--color-story-title);
margin: 0;
padding: 0;
text-transform: uppercase;
font-size: var(--font-jis-header);
line-height: calc(var(--font-jis-header) * 1.125);
font-weight: bold;
}
.jis-head-of-government-personal-title .title-prefix {
color: var(--color-jis-blue-3);
font-size: var(--font-jis-small-text);
line-height: calc(var(--font-jis-small-text) * 1.125);
}
.jis-head-of-government-personal-title .title-postfix {
color: var(--color-jis-blue-3);
font-size: var(--font-jis-small-text);
line-height: calc(var(--font-jis-small-text) * 1.125);
}
.government-details .jis-home-symbols {
border-top: 1px solid var(--color-grey);
border-bottom: 1px solid var(--color-grey);
padding: 0.35rem;
display: flex;
}
.government-details .jis-home-symbols .symbols {
flex: 1 1 50%;
display: grid;
grid-template-columns: auto 1fr;
font-family: var(--font-jis-fm-secondary);
text-decoration: none;
font-weight: bold;
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.3);
align-items: center;
color: var(--color-jis-black);
}
.government-details .jis-home-symbols .symbols figure {
width: 50px;
margin-right: 0.5rem !important;
}
.jis-quick-facts {
padding: 1rem 0;
}
.government-details .jis-quick-facts p {
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.5);
}
.government-details .jis-quick-facts h3 {
font-family: var(--font-jis-fm-secondary);
font-size: var(--font-jis-sub-header);
line-height: calc(var(--font-jis-sub-header) * 1.5);
color: var(--color-jis-blue-3);
}
.government-details .jis-quick-facts a {
font-family: var(--font-jis-fm-secondary);
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.5);
color: var(--color-jis-blue-3);
font-weight: bold;
float: right;
}
.jis-word-of-the-day-wrapper {
margin-left: 5%;
background-color: #f6f6f6;
padding: 1.3rem;
margin-top: 2rem;
/*display: flex;*/
}
.jis-word-of-the-day {
background-color: #fff;
box-shadow: 1px 2px 6px rgba(169, 116, 0, 0.13);
border-radius: 20px 0 20px 0;
overflow: hidden;
/*padding: 1.3rem;*/
/*flex: 1 1 100%;*/
/*display: grid;*/
/*grid-template-columns: 1fr 1fr 1fr;*/
/*grid-template-rows: repeat(4, auto);*/
}
.jis-word-of-the-day h4 {
grid-column: 1/4;
margin: 0;
padding: 0;
font-family: var(--font-jis-fm-secondary);
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.5);
color: var(--color-jis-blue-3);
}
.jis-word-of-the-day .the-word {
grid-column: 1/4;
grid-row: 2/3;
justify-self: center;
padding: 3rem 1em;
}
.jis-word-of-the-day .the-word a {
display: block;
font-size: calc(var(--font-jis-basefont) * 3);
line-height: calc(var(--font-jis-basefont) * 4);
color: var(--color-blue);
text-align: center;
font-weight: 100;
}
.jis-word-of-the-day-pronounce-text {
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.3);
}
.jis-word-of-the-day-definition {
grid-column: 1/4;
grid-row: 3/4;
justify-self: center;
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.3);
}
#mc4wp-form-1 {
position: relative;
}
#subscribe-wrapper .mc4wp-response {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 999;
background: rgba(255, 255, 255, 0.9);
font-family: var(--font-jis-fm-secondary);
padding: 20px;
text-align: center;
}
#subscribe-wrapper *,
#subscribe-wrapper *:before,
#subscribe-wrapper *:after,
input[type="search"] {
font-family: var(--font-jis-fm-secondary);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent
}
#subscribe-wrapper *,
#subscribe-wrapper *:before,
#subscribe-wrapper *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
#subscribe-wrapper input,
#subscribe-wrapper select,
#subscribe-wrapper textarea {
width: 100%
}
/* body {
background: #dfe4ea;
font-family: 'Muli', sans-serif;
margin: 0;
padding: 0;
position: relative;
line-height: normal;
overflow: hidden;
}
a {
color: #294db4;
text-decoration: none;
transition: all .3s
}
a:hover {
color: #2141a0
} */
#subscribe-outer-wrapper {
/*max-width: 340px;*/
/* margin: 6% auto; */
background: #fff;
padding: 0;
color: #222;
font-size: 16px;
line-height: 1.6;
/*border-radius: 22px;*/
/*overflow: hidden;*/
/*box-shadow: 0 13px 15px -10px rgba(9, 32, 76, .025);*/
}
#subscribe-outer-wrapper h3 {
font-weight: 700;
margin: 0 auto 10px auto
}
/* Subscribe Box */
#subscribe-wrapper #subscribe-box p {
position: relative;
overflow: hidden
font-size: 14px;
color: #767676;
margin: 0 0 30px;
padding: 0;
line-height: normal
}
#subscribe-wrapper #subscribe-box .emailfield {
position: relative;
margin: auto;
z-index: 1
}
#subscribe-wrapper #subscribe-box .emailfield input {
background: rgba(255, 255, 255, .9);
padding: 13px 20px;
color: #aaa;
border: 1px solid rgba(0, 0, 0, 0.05);
font-size: 14px;
margin-bottom: 16px;
border-radius: 99em
}
#subscribe-wrapper #subscribe-box .emailfield input:focus {
color: #222;
outline: none;
border-color: rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0 0 3px rgba(0, 0, 0, 0.05)
}
#subscribe-wrapper #subscribe-box .emailfield .submitbutton {
display: block;
position: relative;
overflow: hidden;
background: rgba(255, 255, 255, .25);
color: #fff;
width: 100%;
font-size: 15px;
font-weight: bold;
border: 0;
margin: auto;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.13);
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1)
}
#subscribe-wrapper #subscribe-box .emailfield .submitbutton:active,
#subscribe-wrapper #subscribe-box .emailfield .submitbutton:hover {
background: rgba(255, 255, 255, .35);
color: #fff;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), 0 3px 4px rgba(0, 0, 0, 0.13)
}
#subscribe-wrapper #subscribe-box .emailfield input:focus.submitbutton {
color: #fff
}
#subscribe-wrapper #subscribe-box .emailfield form {
position: relative
}
#subscribe-wrapper #subscribe-box .emailfield .submitbuttonlabel {
position: absolute;
top: 3px;
right: 8px;
display: inline;
padding: 8px 12.5px 8px 20px;
cursor: pointer;
font-size: 13px
}
#subscribe-wrapper #subscribe-box .emailfield .submitbuttonlabel svg {
fill: #767676;
width: 22px;
height: 22px;
vertical-align: middle;
transition: all .3s
}
#subscribe-wrapper #subscribe-box .emailfield .submitbuttonlabel svg:hover,
#subscribe-wrapper #subscribe-box .emailfield .submitbuttonlabel svg:focus {
fill: #568af5
}
#subscribe-wrapper {
position: relative;
overflow: hidden;
padding: 20px
}
#subscribe-wrapper:after {
content: '';
display: block;
position: absolute;
bottom: 0;
right: 0;
width: 120px;
height: 120px;
background-image: linear-gradient(50deg, #6075d8, #2b3e95);
background-repeat: no-repeat;
border-radius: 120px 0 0;
transition: opacity .3s;
opacity: 1
}
#subscribe-wrapper:before {
content: '';
display: block;
position: absolute;
bottom: 0;
right: 0;
width: 120px;
height: 120px;
background-image: linear-gradient(230deg, #6075d8, #2b3e95);
background-repeat: no-repeat;
border-radius: 120px 0 0;
transition: opacity .3s;
opacity: 1
}
#subscribe-wrapper:hover:after {
opacity: 0
}
#subscribe-wrapper:hover:before {
opacity: 1
}
#subscribe-wrapper h2:after,
#subscribe-wrapper h3:after,
#subscribe-wrapper #subscribe-box .emailfield input[type=submit] {
display: none
}
.jis-share-this {
grid-column: 3/4;
grid-row: 4/5;
justify-self: right;
background-color: transparent;
border: none;
margin: 0;
padding: 0;
width: 25px;
height: 35px;
position: relative;
}
/* .jis-share-story .addtoany_shortcode {
position: absolute;
width: 200px;
margin-left: -75px;
left: -50%;
bottom: 30px;
} */
/* .jis-share-this svg {
width: 25px;
fill: var(--color-jis-blue-1);
stroke: var(--color-jis-blue-1);
} */
/* @mixin round-button {
cursor: pointer;
transition: .25s;
position: fixed;
border-radius: 50%;
} */
/* .a2a_button_email {
display: none !important;
} */
.jis-share-this {
float: right;
margin-right: 15px;
bottom: 15px;
position: relative;
z-index: 9;
}
.jis-share-story {
text-align: right;
}
.jis-share-story span {
font-size: var(--font-jis-small-text);
color: var(--color-jis-blue-3);
}
.addtoany_shortcode .a2a_s__default {
background: transparent !important;
}
.jis-share-story button {
cursor: pointer;
transition: 0.25s;
position: absolute;
border-radius: 50%;
z-index: 1;
top: 0px;
left: 0px;
color: rgba(30, 30, 30, 0.8);
height: 50px;
width: 50px;
font-size: 30px;
padding: 0;
background: transparent;
border: 0;
}
.jis-share-story button:hover {
background: white;
box-shadow: 0 7px 25px -5px gray;
box-shadow: 0 0px 10px -6px rgb(102, 100, 100);
color: rgba(30, 30, 30, 1);
}
.jis-share-story svg {
width: 25px;
}
.jis-share-story div.addtoany_shortcode a {
cursor: pointer;
transition: 0.25s;
position: absolute;
border-radius: 50%;
top: 0px;
left: 05px;
height: 40px;
width: 40px;
font-size: 28px;
box-shadow: 0 10px 15px -10px;
padding: 5px 0;
text-align: center;
opacity: 0;
}
.jis-share-story div.addtoany_shortcode:before,
.jis-share-story div.addtoany_shortcode .a2a_kit:before {
display: none;
}
.jis-share-story .addtoany_shortcode a:hover {
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
.jis-share-story .addtoany_shortcode .a2a_s__default {
top: 6px;
color: white;
}
.jis-share-story .a2a_button_facebook {
background: #3b5998 !important;
}
.jis-share-story .a2a_button_twitter {
background: #55acee !important;
}
.jis-share-story .a2a_button_whatsapp {
background: rgb(18, 175, 10) !important;
}
.jis-share-story .a2a_button_email {
background: #4054b2 !important;
}
.fa-close {
left: 1px;
}
/* @import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
h1, h2 {
color: black;
letter-spacing: 4px;
top: 45px;
left: 50%;
position: absolute;
transform: translate(-50%,-50%)
}
h2 {
top: 75px;
} */
.jis-social-media-title {
font-weight: 500;
}
.jis-social-media-links .external-link-wrap {
padding: 15px;
border-top: 1px solid var(--color-grey);
margin-top: 15px;
}
.jis-social-media-links .external-link {
position: relative;
padding: 10px 0 10px 45px;
}
.jis-social-media-links .external-link .desc {
line-height: 16px;
padding: 0;
}
.jis-social-media-links .external-link strong {
display: block;
font-weight: 500;
font-size: 14px;
}
.jis-social-media-links .external-link span {
font-size: 12px;
font-weight: 300;
}
.jis-social-media-links .external-link .icon-img {
width: 35px;
height: 35px;
border-radius: 6px;
padding: 10px 0;
color: #1a1c28;
background: #fff;
text-align: center;
font-size: 16px;
font-weight: 100;
position: absolute;
top: 8px;
left: 0;
line-height: 1;
}
.jis-social-media-links .external-link .icon-img.img {
padding: 4px;
}
.jis-social-media-links .facebook .icon-img {
background: #1b78c7;
color: #fff;
}
.jis-social-media-links .twitter .icon-img {
background: #00bff3;
color: #fff;
}
.jis-social-media-links .youtube .icon-img {
background: #da421f;
color: #fff;
}
.jis-social-media-links .instagram .icon-img {
background: #da2986;
color: #fff;
}
.jis-social-media-links .linkedin .icon-img {
background: #0173af;
color: #fff;
}
.jis-social-media-links .tiktok .icon-img {
background: #000;
color: #fff;
}
.jis-social-media-links {
margin: 30px;
font-family: var(--font-jis-fm-secondary);
}
/*
.jis-social-media-links {
margin-left: 5%;
padding-top: 3rem;
display: grid;
grid-template-columns: auto 1fr;
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.3);
}
.jis-social-media-links .social-media-icons {
list-style-type: none;
margin: 0;
display: flex;
gap: 1rem;
align-items: center;
justify-self: right;
}
.jis-social-media-links .social-media-icons a {
color: var(--color-blue);
}
.jis-social-media-links .social-media-icons li {
width: 15px;
}
.jis-social-media-links .social-media-icons li svg {
fill: var(--color-blue);
} */
/* Media Queries
------------------------------ */
@media screen and (max-width: 1200px) {
/* .jis-information-feature {
flex-direction: column;
} */
/* .jis-word-of-the-day .the-word a {
font-size: calc(var(--font-jis-basefont) * 6);
} */
.jis-word-of-the-day-wrapper {
margin-left: 0;
}
}
@media screen and (max-width: 768px) {
.jis-about-jamaica-content-details {
border-right: none;
}
.government-details {
border-left: none;
padding-left: 0;
margin-top: 4%;
}
}
/*=== Multimedia Section
------------------------------------------------------*/
.jis-multimedia-title {
color: var(--color-jis-blue-4);
border-color: var(--color-jis-blue-4);
}
/* .jis-multimedia-feature {
display: flex;
gap: 1%;
} */
/* .jis-photo-of-the-day-feature {
flex: 1 0 70%;
} */
/* .jis-home-radio-featured {
flex: 1 1 28%;
} */
/* Photo Card Component */
.jis-photo-card {
display: block;
}
.jis-photo-card:hover figure {
background-size: 105% 105%;
}
.jis-photo-card figure {
position: relative;
background-origin: border-box;
background-position: center center;
background-size: 100% 100%;
background-repeat: no-repeat;
transition: all 3s ease-out;
border-bottom: 8px solid var(--color-jis-blue-4);
}
.jis-photo-card .photo-label,
.jis-photo-card figcaption {
position: absolute;
bottom: 0;
}
.jis-photo-card .photo-label {
left: 0;
z-index: var(--layer-index-bottom);
background-color: var(--color-jis-blue-4);
color: #fff;
}
.jis-photo-card .photo-label h3 {
margin: 0;
padding: 0.5rem 1rem;
font-family: var(--font-jis-fm-secondary);
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.3);
}
.jis-photo-card figcaption {
/* background-color: rgba(0, 0, 0, .5); */
color: var(--color-jis-cream-white);
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.5);
padding: 3rem 2rem;
width: 100%;
box-sizing: border-box;
text-align: right;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.85+100 */
background: -moz-linear-gradient(top,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.85) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.85) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.85) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#d9000000', GradientType=0);
/* IE6-9 */
}
.jis-photo-card figcaption.small {
padding: 1.5rem;
text-align: center;
}
.jis-photo-card figure img {
width: 100%;
opacity: 0;
}
/* end */
.jis-home-radio-featured {
border-left: 1px solid rgba(0, 0, 0, 0.13);
/* display: flex; */
}
.jis-home-radio-featured-program {
/* padding: 0 2%;
flex: 1 1 50%; */
padding-left: 12px;
}
.jis-home-radio-featured-program figure {
position: relative;
}
.jis-home-radio-featured-program figure .jis-play-icon {
position: absolute;
bottom: 20px;
right: 20px;
}
.jis-home-radio-featured-program span,
.jis-home-radio-featured-program-list li span,
.jis-home-radio-featured-program-list li span a {
font-family: var(--font-jis-fm-secondary);
font-size: var(--font-jis-small-text);
line-height: calc(var(--font-jis-small-text) * 1.3);
color: var(--color-jis-blue-3);
}
.jis-home-radio-featured-program-list li span a {
display: inline;
}
.jis-home-radio-featured-program-list li span a:hover {
text-decoration: underline;
}
.jis-home-radio-featured-program h4 {
padding: 0.35rem 0;
margin: 0;
font-weight: normal;
font-size: var(--font-jis-sub-header);
line-height: calc(var(--font-jis-sub-header) * 1.3);
}
.jis-home-radio-featured-program img {
width: 100%;
height: auto;
}
.jis-home-radio-featured-program-list {
flex: 1 0 50%;
}
.jis-home-radio-featured-program-list ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.jis-home-radio-featured-program-list li {
border-bottom: 1px solid rgba(0, 0, 0, 0.13);
padding: 0.5rem;
}
.jis-home-radio-featured-program-list li:last-child {
border: none;
}
.jis-home-radio-featured-program-list li a {
display: block;
color: var(--color-story-title);
padding: 0.35rem 0;
font-size: var(--font-jis-list-item);
line-height: calc(var(--font-jis-list-item) * 1.5);
}
.jis-home-radio-featured-program-list .read-more-from-radio {
font-family: var(--font-jis-fm-secondary);
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.5);
color: var(--color-jis-blue-4);
font-weight: bold;
display: block;
text-align: right;
margin-top: 2rem;
}
/* Media Queries
------------------------------ */
@media screen and (max-width: 1440px) {
.jis-home-radio-featured {
flex-direction: column;
}
.jis-home-radio-featured-program {
padding-bottom: 5%;
}
.jis-home-radio-featured-program-list ul {
border-top: 1px solid var(--color-jis-blue-3);
}
.jis-home-radio-featured-program figure .jis-play-icon {
left: 20px;
right: auto;
}
}
@media screen and (max-width: 1200px) {
/* .jis-multimedia-feature {
flex-direction: column;
} */
.jis-home-radio-featured-program {
padding: 5% 0;
}
.jis-home-radio-featured {
border: none;
}
}
@media screen and (max-width: 1200px) {
.jis-photo-card figcaption {
display: none;
}
}
/*=== Tourism Section
------------------------------------------------------*/
/* animate bg */
.tourism-section-bg-wrap {
min-height: 45rem;
background-repeat: no-repeat;
background-origin: border-box;
background-position: top -250px center;
background-size: cover;
background-color: rgb(0, 0, 0, 0.02);
/* display: flex; */
position: relative;
/* animation-duration: 20s;
animation-timing-function: ease-in;
animation-iteration-count: 1;
animation-name: move_bg; */
}
.slide-main .post-content {
transition: all 500ms ease-in;
opacity: 0;
}
.slide-main:hover .post-content {
opacity: 1;
}
.jis-cool-fact-of-the-month {
background-color: rgba(0, 0, 0, 0.5);
padding: 4.5%;
box-sizing: border-box;
width: 35%;
color: #fff;
height: 100%;
bottom: 0;
position: absolute;
}
.jis-cool-fact-of-the-month h2 {
font-family: var(--font-jis-fm-secondary);
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.3);
color: var(--color-jis-cream-white);
display: block;
}
.jis-cool-fact-of-the-month h2 span {
font-family: var(--font-jis-fm-secondary);
font-size: var(--font-jis-large-txt);
line-height: calc(var(--font-jis-large-txt) * 1.125);
font-weight: bold;
color: var(--color-jis-yellow-4);
margin: 0;
display: block;
}
.jis-cool-fact-of-the-month p {
color: var(--color-jis-cream-white);
font-size: var(--font-jis-basefont);
line-height: calc(var(--font-jis-basefont) * 1.5);
}
.jis-cool-fact-of-the-month a {
font-family: var(--font-jis-fm-secondary);
font-size: var(--font-jis-small-text);
line-height: calc(var(--font-jis-small-text) * 1.3);
color: var(--color-jis-yellow-4);
}
.jis-tourism-features {
position: absolute;
bottom: 0;
left: 0;
right: 0;
/* width: 100%; */
box-sizing: border-box;
padding: 1.3rem;
/* display: grid;
gap: 1.3%;
grid-template-columns: 1fr 1fr 1fr; */
background-color: #000;
}
.tourism-feature-item {
/* display: flex; */
border-left: 1px solid rgba(168, 154, 20, 0.61);
/* padding-left: 20px; */
}
/* .tourism-feature-item figure {
margin-left: 3.9%;
max-width: 165px;
} */
.tourism-feature-item figure img {
width: 100%;
height: auto;
}
.tourism-feature-item:first-child {
border: none;
}
/* .jis-tourism-features .tourism-feature-details {
margin-left: 1.5rem;
} */
.jis-tourism-features .tourism-feature-details h3 {
color: var(--color-jis-cream-white);
font-size: 18px;
line-height: calc(var(--font-jis-header) * 1.3);
font-weight: normal;
margin: 0;
padding: 0 0 0.3rem 0;
}
.jis-tourism-features .tourism-feature-details span {
font-family: var(--font-jis-fm-secondary);
font-size: var(--font-jis-small-text);
line-height: calc(var(--font-jis-small-text) * 1.3);
color: var(--color-jis-yellow-4);
}
@keyframes move_bg {
0% {
background-size: 100%;
background-position: top 0px center;
}
50% {
background-size: 130%;
background-position: top -250px center;
}
100% {
background-size: 100%;
background-position: top -150px center;
}
}
/* Media Queries
------------------------------ */
@media screen and (max-width: 1650px) {
.tourism-section-bg-wrap {
min-height: 45rem;
background-position: top center;
/* background-position: top -150px center; */
background-size: cover;
}
}
@media screen and (max-width: 1440px) {
.tourism-section-bg-wrap {
min-height: 45rem;
background-position: top center;
/* background-position: top -50px center; */
background-size: contain;
animation: none;
}
}
@media screen and (max-width: 1200px) {
.tourism-section-bg-wrap {
min-height: 40rem;
background-position: top center;
/* background-position: top -50px center; */
background-size: contain;
animation: none;
}
.tourism-section-bg-wrap {
display: flex;
animation: none;
background-position: top 0 left 0;
}
.jis-cool-fact-of-the-month {
width: 50%;
}
/* .jis-tourism-features {
position: static;
grid-template-columns: 1fr;
grid-template-rows: 1fr 1fr 1fr;
padding: 0;
align-items: center;
} */
.tourism-feature-item {
/* border-top: 1px solid rgba(168, 154, 20, 0.61); */
border: none;
}
@media screen and (max-width: 750px) {
.tourism-section-bg-wrap {
min-height: 35rem;
background-position: top center;
/* background-position: top -50px center; */
background-size: contain;
animation: none;
}
/* .tourism-section-bg-wrap {
flex-direction: column;
min-height: auto;
} */
/* .jis-cool-fact-of-the-month {
width: 100%;
} */
/* .jis-tourism-features {
position: static;
grid-template-columns: 1fr;
grid-template-rows: 1fr 1fr 1fr;
padding: 5% 0;
gap: 2%;
align-items: center;
} */
.tourism-feature-item {
/* border-top: 1px solid rgba(168, 154, 20, 0.61); */
border: none;
}
}
}
@media screen and (max-width: 576px) {
.tourism-section-bg-wrap {
min-height: 25rem;
background-position: top center;
/* background-position: top -50px center; */
background-size: cover;
animation: none;
}
}
/*=== Features Section
------------------------------------------------------*/
.jis-features-title {
color: var(--color-jis-blue-5);
border-color: var(--color-jis-blue-5);
}
/* .jis-features-content-wrap {
display: flex;
gap: 2%;
width: 100%;
} */
/*.jis-feature-primary {*/
/* flex: 1 0 60%;*/
/*}*/
/*.jis-featured-stories {*/
/* flex: 1 1 38%;*/
/*}*/
.jis-feature-primary.jis-photo-card figure {
border-bottom: 8px solid var(--color-jis-blue-5);
}
.jis-feature-primary.jis-photo-card .photo-label {
background-color: var(--color-jis-blue-5);
}
.jis-feature-primary.jis-photo-card figcaption.story-title-caption {
display: flex;
flex-direction: column;
justify-content: right;
}
.jis-feature-primary.jis-photo-card figcaption.story-title-caption h2 {
font-size: var(--font-jis-header);
line-height: clac(var(--font-jis-header) * 1.5);
font-weight: bold;
text-align: right;
color: #fff;
margin: 0;
padding: 1rem 0 0.5rem 0;
}
.jis-feature-primary.jis-photo-card figcaption.story-title-caption span {
text-align: right;
color: var(--color-jis-cream-white);
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.125);
}
.jis-feature-primary.jis-photo-card figcaption.story-title-caption span .author-name {
color: var(--color-jis-yellow-5);
}
.jis-featured-stories .jis-news-list li {
border-color: rgba(108, 110, 185, 0.13);
}
.jis-featured-stories .jis-news-list .news-list-date {
color: var(--color-jis-blue-5);
font-size: var(--font-jis-small-text);
line-height: calc(var(--font-jis-small-text) * 1.125);
}
.jis-featured-stories .jis-news-list li a {
color: var(--color-jis-black);
font-size: var(--font-jis-list-item);
line-height: calc(var(--font-jis-list-item) * 1.5);
}
.jis-featured-stories .jis-news-list .story-credit {
color: var(--color-jis-blue-5);
font-size: var(--font-jis-small-text);
line-height: calc(var(--font-jis-small-text) * 1.125);
}
/* Media Queries
----------------------------- */
@media screen and (max-width: 1100px) {
/* .jis-features-content-wrap {
flex-direction: column;
} */
}
/*=== Footer
------------------------------------------------------*/
.jis-footer {
background: url(/media/2023/09/YHP_0067-1750x860.jpg);
background-size: cover;
background-position: center 30%;
}
.jis-footer>div {
background-color: rgb(0 0 0 / 80%);
}
.jis-footer {
/* margin-top: 100px; */
background-color: #000;
width: 100%;
padding: 0;
flex-shrink: 0;
font-family: var(--font-jis-fm-secondary);
color: var(--color-jis-cream-white);
line-height: calc(var(--font-jis-small-text) * 1.5);
font-size: var(--font-jis-small-text);
}
.jis-footer-navigation {
/* display: flex;
gap: 2%; */
}
.badges {
margin-top: 20px !important;
padding: 20px !important;
border-top: #333 1px solid !important;
background: rgb(255 255 255 / 2%);
}
.badges .iso-stamp {
text-align: left !important;
}
.badges .sucuri{
text-align: right !important;
}
.badges .iso-stamp img {
width: auto;
height: 55px;
margin-top: -3px;
}
.badges span.sucuri-badge-text {
text-align: left;
}
.badges > div:first-child {
position: relative;
}
.badges > div:first-child:after {
content: "";
position: absolute;
height: 30px;
border-right: #333 1px solid !important;
right: 15px;
top: 50%;
margin-top: -15px;
}
#sucuri-badge.sucuri-relative {
float: right;
}
.footer-column {
/* flex: 1 1 15%; */
}
/*.footer-column li#menu-item-321197,*/
/*.footer-column li#menu-item-192583,*/
/*.footer-column li#menu-item-192575,*/
/*.footer-column li#menu-item-192730 {*/
/* display: none;*/
/*}*/
/*.footer-column li#menu-item-352637,*/
/*.footer-column li#menu-item-352636,*/
/*.footer-column li#menu-item-352634,*/
/*.footer-column li#menu-item-321145,*/
.footer-column li#menu-item-321126,
.footer-column li#menu-item-321122,
.footer-column li#menu-item-321118,
.footer-column li#menu-item-321120,
.footer-column li#menu-item-321117,
.footer-column li#menu-item-321146,
.footer-column li#menu-item-321137,
.footer-column li#menu-item-192583 ul li ,
.footer-column li#menu-item-192730 ul li {
display: none;
}
.footer-column li#menu-item-192583 ul li:nth-child(1),
.footer-column li#menu-item-192583 ul li:nth-child(2),
.footer-column li#menu-item-192730 ul li:nth-child(1),
.footer-column li#menu-item-192730 ul li:nth-child(2),
.footer-column li#menu-item-192730 ul li:nth-child(3) {
display: block;
}
.footer-logo {
padding: 0;
}
.jis-footer-social-list .social-link {
margin-bottom: 20px;
}
.jis-footer-social-list i {
color: #fff;
background: rgb(255 255 255 / 20%);
padding: 8px;
border-radius: 50%;
margin-bottom: 5px;
height: 28px;
width: 28px;
text-align: center;
}
.jis-footer-social-list span {
font-family: var(--font-jis-fm-secondary);
color: var(--color-jis-cream-white);
line-height: calc(var(--font-jis-small-text) * 1.5);
font-size: var(--font-jis-small-text);
}
.jis-footer-social-list a {
color: #fff;
}
.footer-column li a {
display: none;
}
.footer-column h5 {
font-family: var(--font-jis-fm-secondary);
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.5);
font-weight: 700;
color: #fff;
margin: 0 0 0.5rem 0;
color: var(--color-yellow);
}
.jis-footer-nav-list ul {
list-style-type: none;
margin: 0 0 1rem 0;
padding: 0;
}
.jis-footer-nav-list ul li a {
font-family: var(--font-jis-fm-secondary);
color: var(--color-jis-cream-white);
line-height: calc(var(--font-jis-basefont) * 1.5);
font-size: var(--font-jis-basefont);
/* font-family: var(--font-jis-fm-secondary);
color: var(--color-jis-cream-white);
line-height: calc(var(--font-jis-small-text) * 1.5); */
font-size: 14px;
padding: 2px 0;
display: block;
font-weight: 400;
}
.footer-copyright {
border-top: 1px solid rgba(255, 255, 255, 0.13);
padding: 1rem 0 2rem 0;
/* display: flex;
width: 100%; */
}
.footer-copyright span {
flex: 1 1 40%;
font-family: var(--font-jis-fm-secondary);
color: var(--color-jis-cream-white);
line-height: calc(var(--font-jis-basefont) * 1.5);
font-size: var(--font-jis-basefont);
}
.footer-copyright nav {
flex: 1 1 60%;
color: var(--color-jis-cream-white);
justify-self: flex-end;
/* text-align: right; */
}
.footer-copyright nav a {
font-family: var(--font-jis-fm-secondary);
color: var(--color-jis-cream-white);
line-height: calc(var(--font-jis-small-text) * 1.5);
font-size: var(--font-jis-small-text);
}
.footer-copyright a {
font-family: var(--font-jis-fm-secondary);
color: var(--color-yellow);
line-height: calc(var(--font-jis-small-text) * 1.5);
font-size: var(--font-jis-small-text);
}
/* jis footer
-------------------------------------*/
.jis-branding {
margin-bottom: -40px;
}
/*.jis-footer-top {*/
/* border-bottom: 2px solid #fff;*/
/* padding: 20px 0;*/
/*}*/
.jis-footer-top {
border-bottom: 2px solid #fff;
padding: 15px 0;
}
.jis-footer-bottom {
padding: 40px 0;
}
/* current-page-ancestor
current-menu-ancestor
current-page-parent
current_page_ancestor
current-menu-item
current_page_item */
footer .jis-footer-nav-inner ul li.current-menu-ancestor a,
footer .jis-footer-nav-inner ul li.current-menu-item a {
color: #fde301;
}
.jis-footer-nav-inner ul,
.jis-footer-nav-inner ul li {
float: left;
margin: 0;
padding: 8px 0;
list-style: none;
}
.jis-footer-nav-inner ul li ul {
display: none;
}
.footer-column ul,
.footer-column ul li {
list-style: none;
padding: 0;
}
.footer-column ul ul {
padding-left: 8px;
margin-bottom: 8px;
}
/*.footer-column ul li.menu-item-has-children>a {*/
/* font-weight: 700;*/
/*}*/
.footer-column ul li:has(ul) > a {
font-weight: bold;
}
.jis-footer-nav-inner ul li a {
padding: 4px 8px;
color: #fff;
text-transform: capitalize;
font-size: 14px;
font-weight: bold;
}
.jis-footer-nav-inner ul {
position: relative;
padding: 0;
padding-right: 170px;
width: 100%;
}
/* .jis-footer-nav-inner ul li.menu-item-296639 {
position: absolute;
right: 0;
} */
#menu-news-footer-menu li:nth-child(2n + 2),
#menu-item-299678,
#menu-item-300532,
#menu-item-299657,
#menu-item-296788,
#menu-item-299446 {
display: none;
}
@media (min-width: 768px) {
div.footer-left {
text-align: left !important;
}
div.footer-right {
text-align: right !important;
}
}
.jis-footer-nav-inner ul {
padding-right: 300px;
}
@media (max-width: 768px) {
.jis-branding {
margin-bottom: 0;
}
.footer-left {
text-align: left !important;
}
.footer-right {
text-align: right !important;
}
.jis-footer-nav-inner ul {
position: relative;
padding-right: 0px;
text-align: center;
}
.jis-footer-nav-inner ul li {
display: inline-block;
float: none;
}
}
/* .jis-footer-nav-inner ul li.menu-item-296639 a {
color: #817400;
border: 1px solid #817400;
font-size: 13px;
font-weight: bold;
font-family: var(--font-jis-fm-main);
text-transform: initial;
} */
.menu-page-bottom-menu-container,
.menu-page-bottom-menu-container * {
display: inline-block;
}
.menu-page-bottom-menu-container ul,
.menu-page-bottom-menu-container ul li {
padding: 0;
margin: 0;
display: inline-block;
list-style: none;
}
.menu-page-bottom-menu-container ul li a {
border-right: 1px solid #fff;
padding: 0 8px 0 4px;
}
.menu-page-bottom-menu-container ul li:last-child a {
border-right: 0;
}
/* .jis-footer-nav-inner ul li.tij a span {
text-transform: uppercase;
font-weight: bold;
} */
.jis-footer-contact p {
color: #fff;
padding-top: 10px;
margin: 0;
}
.jis-footer-contact .btn {
border: 1px solid #fff;
color: #fff;
font-size: 12px;
border-radius: 0;
}
.jis-footer-contact .btn {
color: #ddd;
}
/*=== JIS single story
------------------------------------------------------*/
.read-easy-wrapper {
width: clamp(40rem, 27vw, 43.75rem);
margin: 0 auto;
}
.jis-single-video-story.read-easy-wrapper {
width: 850px;
margin: 0 auto;
}
.jis-single-story-header {
padding-top: 40px;
border-bottom: 8px solid var(--color-jis-blue-3);
}
.jis-single-story-header .story-title-date {
padding-bottom: 5%;
}
.jis-single-story-header .story-credit {
color: var(--color-jis-blue-3);
font-size: var(--font-jis-body-text);
}
.jis-single-story-header .story-author {
color: var(--color-jis-black);
}
.jis-single-story-header h1 {
font-size: var(--font-jis-large-txt);
line-height: calc(var(--font-jis-large-txt) * 1.3);
margin: 0;
padding: 0 0 5px 0;
}
.jis-single-story-meta {
display: flex;
width: 100%;
margin-top: 5%;
}
.jis-single-story-meta>div {
flex: 1 1 33.33333333%;
}
.jis-single-story-cat-tag {
justify-self: center;
align-self: center;
text-align: center;
background-color: var(--color-jis-blue-3);
color: var(--color-jis-cream-white);
padding: 1.3% 0;
margin-bottom: -8px;
}
.jis-single-story-cat-tag a {
color: #fff;
}
.jis-share-story {
justify-self: right;
}
/* .jis-share-story button {
float: right;
margin-right: 1rem;
} */
.jis-single-story-content p {
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.5);
padding: 1% 0;
}
.story-author-quick-profile {
background-color: #fff;
border-top: 5px solid var(--color-jis-blue-3);
padding: 1.3%;
margin: 0 0 15% 0;
/* display: flex;
align-items: center; */
}
/* .story-author-quick-profile .author-details {
display: flex;
width: 100%;
} */
.story-author-quick-profile .author-details .author-label span {
display: block;
}
.story-author-quick-profile .author-label {
/* flex: 1 0 30%;
align-items: center; */
font-family: var(--font-jis-fm-secondary);
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.5);
font-weight: bold;
}
.story-author-quick-profile .author-label span:first-child {
color: var(--color-jis-blue-3);
}
.story-author-quick-profile .author-description {
padding: 0 0 0 1.3%;
font-size: var(--font-jis-small-text);
line-height: calc(var(--font-jis-small-text) * 1.5);
border-left: 1px solid rgba(0, 0, 0, 0.13);
}
.story-author-quick-profile .author-description .related-story:nth-child(even) {
background: rgb(129 116 0 / 5%);
}
.story-author-quick-profile .author-description .related-story {
padding: 10px;
margin-bottom: 5px;
}
.story-author-quick-profile .author-description .related-story .story-title a {
color: var(--color-story-title);
font-size: 14px;
font-family: var(--font-jis-fm-secondary);
font-weight: 500;
}
.story-author-quick-profile .author-description .related-story .story-desc {
padding-top: 6px;
}
.story-author-quick-profile .author-description .related-story .story-credit {
margin-top: 0;
font-size: inherit;
}
/* Media Queries
----------------------------- */
@media screen and (max-width: 640px) {
.read-easy-wrapper {
width: 80%;
margin: 0 10%;
}
.jis-single-story-cat-tag {
display: none;
}
}
@media screen and (max-width: 480px) {
.story-author-quick-profile .author-details {
flex-direction: column;
}
.story-author-quick-profile .author-description p {
padding-left: 0;
}
.story-author-quick-profile .author-label {
border: none;
}
.jis-single-story-meta>div {
flex: 1 1 auto;
}
.jis-small-radio-player {
flex-basis: 60%;
padding-bottom: 0.5rem;
}
}
/* = Full Radio Player: START
------------------------------------------------------------------------------------------------------
usage:
-----------------------------------------------------------------------------------------------------*
.radio-player-wrapper {
--seek-before-width: 0%;
--volume-before-width: 100%;
--buffered-width: 0%;
font-family: var(--font-jis-fm-main);
background-color: #ffffff;
padding: 0.9rem;
width: 43.7rem;
display: flex;
box-shadow: 1px 2px 6px rgba(169, 116, 0, 0.13);
}
.jis-radio-player-full .thumb-wrapper {
flex: 1 0 30%;
margin-right: 20px;
max-height: 9rem;
overflow: hidden;
}
.jis-radio-player-full .thumb-wrapper img {
object-fit: cover;
max-width: 100%;
}
.jis-radio-player-full .radio-content-text{
min-height: 4rem;
}
.jis-radio-player-full .radio-content-description h3 {
font-size: 0.95rem;
margin: 0 0 .5rem 0;
}
.jis-radio-player-full .radio-content-description p {
color: #333;
font-size: 0.85rem;
line-height: 1.13rem;
}
.jis-radio-player-full .radio-content {
display: flex;
flex-direction: column;
}
.jis-radio-player-full .custom-radio-player,
.jis-radio-player-full .radio-content {
width: 100%;
}
.jis-radio-player-full .custom-radio-player {
font-family: Helvetica;
color: #817400;
font-size: 0.85rem;
display: flex;
}
/*=== Custom Audio Player
------------------------------------------------------------------------*
.jis-radio-player-full #volume-slider::-webkit-slider-runnable-track {
background: rgba(169, 116, 0, 0.6);
}
.jis-radio-player-full #volume-slider::-moz-range-track,
.jis-radio-player-full #seek-slider::-moz-range-track {
background: rgba(169, 116, 0, 0.6);
}
.jis-radio-player-full #volume-slider::-ms-fill-upper,
.jis-radio-player-full #seek-slider::-ms-fill-upper {
background: rgba(169, 116, 0, 0.6);
}
.jis-radio-player-full #volume-slider::before {
width: var(--volume-before-width);
}
.jis-radio-player-full input[type="range"] {
position: relative;
-webkit-appearance: none;
width: 48%;
margin: 0;
padding: 0;
height: 19px;
margin: 0 2.5% 20px 2.5%;
outline: none;
}
.jis-radio-player-full #volume-slider {
width: 20%;
}
.jis-radio-player-full input[type="range"]::-webkit-slider-runnable-track {
width: 100%;
height: 4px;
cursor: pointer;
background: linear-gradient(
to right,
rgba(129, 116, 0, 0.6) var(--buffered-width),
rgba(129, 116, 0, 0.2) var(--buffered-width)
);
}
.jis-radio-player-full input[type="range"]::before {
position: absolute;
content: "";
top: 8px;
left: 0;
width: var(--seek-before-width);
height: 3px;
background-color: rgb(46, 49, 146, 1);
cursor: pointer;
}
.jis-radio-player-full input[type="range"]::-webkit-slider-thumb {
position: relative;
-webkit-appearance: none;
box-sizing: content-box;
border: 1px solid rgba(169, 116, 0, 0.5);
height: 15px;
width: 15px;
border-radius: 50%;
background-color: #fff;
cursor: pointer;
margin: -7px 0 0 0;
}
.jis-radio-player-full input[type="range"]:active::-webkit-slider-thumb {
transform: scale(1.2);
background: rgba(169, 116, 0, 0.5);
}
.jis-radio-player-full input[type="range"]::-moz-range-track {
width: 100%;
height: 3px;
cursor: pointer;
background: linear-gradient(
to right,
rgba(129, 116, 0, 0.6) var(--buffered-width),
rgba(129, 116, 0, 0.3) var(--buffered-width)
);
}
.jis-radio-player-full input[type="range"]::-moz-range-progress {
background-color: rgba(169, 116, 0, 1);
}
.jis-radio-player-full input[type="range"]::-moz-focus-outer {
border: 0;
}
.jis-radio-player-full input[type="range"]::-moz-range-thumb {
box-sizing: content-box;
border: 1px solid rgba(169, 116, 0, 0.5);
height: 15px;
width: 15px;
border-radius: 50%;
background-color: #fff;
cursor: pointer;
}
.jis-radio-player-full input[type="range"]:active::-moz-range-thumb {
transform: scale(1.2);
background: #007db5;
}
.jis-radio-player-full input[type="range"]::-ms-track {
width: 100%;
height: 3px;
cursor: pointer;
background: transparent;
border: solid transparent;
color: transparent;
}
.jis-radio-player-full input[type="range"]::-ms-fill-lower {
background-color: #007db5;
}
.jis-radio-player-full input[type="range"]::-ms-fill-upper {
background: linear-gradient(
to right,
rgba(169, 116, 0, 0.6) var(--buffered-width),
rgba(169, 116, 0, 0.2) var(--buffered-width)
);
}
.jis-radio-player-full input[type="range"]::-ms-thumb {
box-sizing: content-box;
border: 1px solid #007db5;
height: 15px;
width: 15px;
border-radius: 50%;
background-color: #fff;
cursor: pointer;
}
.jis-radio-player-full input[type="range"]:active::-ms-thumb {
transform: scale(1.2);
background: #007db5;
}
.jis-radio-player-full #duration {
display: inline-block;
padding-right: 20px;
position: relative;
top: 2px;
}
.jis-radio-player-full #play-icon {
width: 0;
height: 0;
margin: 2px 0 0 0;
padding: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-right: none;
background: transparent;
border-left: 10px solid rgb(46, 49, 146, 1);
}
.jis-radio-player-full #play-icon.pause {
border-top: 7px solid rgb(46, 49, 146, 1);
border-bottom: 7px solid rgb(46, 49, 146, 1);
border-left: 2px solid rgb(46, 49, 146, 1);
border-right: 2px solid rgb(46, 49, 146, 1);
margin-right: 6px;
position: relative;
}
.jis-radio-player-full #play-icon.pause::after {
content: "";
position: absolute;
background-color: rgb(129, 116, 0);
width: 4px;
height: 14px;
left: 4px;
bottom: -7px;
}
.jis-radio-player-full #mute-icon {
width: 0;
height: 0;
margin-right: 5px;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: none;
background: transparent;
position: relative;
border-right: 13px solid rgb(46, 49, 146, 1);
}
.jis-radio-player-full #mute-icon::before {
content: "x";
position: absolute;
color: rgb(46, 49, 146, 1);
top: 50%;
right: -23px;
margin-top: -0.5rem;
}
.jis-radio-player-full #mute-icon::after {
content: "";
display: block;
position: absolute;
width: 5px;
height: 7px;
background-color: rgb(46, 49, 146, 1);
left: 12px;
top: -2px;
}
.jis-radio-player-full #mute-icon.unmuted::before {
content: "))";
}
.jis-radio-player-full .presenter-details{
display: flex;
width: 100%;
margin-top: 1rem;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
justify-content: right;
}
.jis-radio-player-full .pd-text{
margin-right: .5rem;
padding-top: .5rem;
}
.jis-radio-player-full .presenter-label{
display: block;
text-align: right;
color: var(--color-jis-blue-3);
}
.jis-radio-player-full .presenter-name{
text-align: right;
}
.jis-radio-player-full .presenter-details figure{
width: 50px;
height: 50px;
border-radius: 50%;
border: 1px solid var(--color-grey);
overflow: hidden;
}
.jis-radio-player-full .presenter-details img{
max-width: 100%;
}
/* = Full Radio Player: END
------------------------------------------------------------------------------------------------------*/
/* = Small Radio Player: START
------------------------------------------------------------------------------------------------------
usage:
-----------------------------------------------------------------------------------------------------*
:root{
--player-size: 2.5rem
}
.jis-radio-player-small{
display: flex;
align-items: center;
}
.jis-radio-player-small .jis-small-player-icon{
border: none;
background: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
}
.jis-radio-player-small .jis-small-player-icon .jis-play-icon-svg .pause{
fill: none;
stroke: none;
}
.jis-radio-player-small .jis-small-player-icon.pause .jis-play-icon-svg .pause{
fill: "#817400";
}
.jis-radio-player-small .jis-small-player-icon .jis-play-icon-svg .ring{
fill: rgba(129, 116, 0, 0.37);
stroke: rgba(129, 116, 0, 0.7);
}
.jis-radio-player-small .jis-small-player-icon:hover .jis-play-icon-svg .ring{
fill: rgba(129, 116, 0, .85);
}
.jis-radio-player-small .jis-small-player-icon:hover .jis-play-icon-svg .triangle{
fill: "#817400";
}
.jis-radio-player-small .jis-small-player-icon.pause .jis-play-icon-svg .triangle{
fill: none;
}
.jis-radio-player-small .jis-small-player-icon:hover{
color: rgba(129, 116, 0, .85);
}
.jis-radio-player-small .progress svg,
.jis-radio-player-small .jis-small-player-icon{
display: block;
width: var(--player-size);
height: var(--player-size);
}
.jis-radio-player-small .player-container{
position: relative;
display: flex;
}
.jis-radio-player-small .player-label{
margin-left: .25rem;
}
.jis-radio-player-small .jis-small-player-icon{
background: none;
border: none;
padding: 0;
margin: 0;
}
.jis-radio-player-small .progress,
.jis-radio-player-small .player-container{
position: absolute;
align-self: center;
justify-self: center;
top: 0;
left: 0;
}
/* = Small Radio Player: END
------------------------------------------------------------------------------------------------------*/
/*=== JIS Radio
------------------------------------------------------*/
.plyr--full-ui input[type="range"] {
color: rgb(46, 49, 146, 1);
}
.plyr--audio .plyr__controls {
background: rgba(255, 255, 255, 0.5);
padding: 0;
}
.plyr--audio .plyr__controls button {
color: rgb(46, 49, 146, 1);
}
.plyr--audio .plyr__control.plyr__tab-focus,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded="true"] {
background: rgb(46, 49, 146, 1);
color: #fff;
}
.plyr--full-ui input[type="range"] {
color: rgb(46, 49, 146, 1);
}
.plyr__control.plyr__tab-focus {
box-shadow: 0 0 0 5px rgba(129, 116, 0, 0.2);
outline: 0;
}
.plyr--full-ui input[type="range"].plyr__tab-focus::-webkit-slider-runnable-track {
box-shadow: 0 0 0 5px rgba(129, 116, 0, 0.2);
outline: 0;
}
.plyr--full-ui input[type="range"].plyr__tab-focus::-moz-range-track {
box-shadow: 0 0 0 5px rgba(129, 116, 0, 0.2);
outline: 0;
}
.plyr--full-ui input[type="range"].plyr__tab-focus::-ms-track {
box-shadow: 0 0 0 5px rgba(129, 116, 0, 0.2);
outline: 0;
}
.radio-date-producer {
font-size: 12px;
padding-bottom: 10px;
}
.jis-radio-page-head {
text-align: center;
color: #fff;
width: 100%;
}
.jis-radio-page-head .jis-radio-page-desc {
max-width: 1000px;
margin: 0 auto;
font-size: 12px;
padding: 10px 0px;
color: #aaa;
}
.jis-radio-page-title {
display: inline-block;
margin: 0;
background-color: var(--color-jis-cream-white);
padding: 0.3rem 0.5rem;
color: var(--color-story-title);
font-size: var(--font-jis-body-text);
font-family: var(--font-jis-fm-secondary);
}
.jis-radio-page-sub-title {
color: var(--color-jis-yellow-2);
border-color: var(--color-jis-yellow-2);
}
/* .jis-radio-programs-list {
display: flex;
flex-wrap: wrap;
gap: 1.3%;
padding: 1.3% 0 10% 0;
} */
.radio-program-item {
display: block;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
border: 5px solid var(--color-grey);
/* width: 190px; */
/* height: 165px; */
position: relative;
font-family: var(--font-jis-fm-secondary);
overflow: hidden;
flex-shrink: 0;
margin: 15px 0;
}
.radio-program-item img {
width: 100%;
height: auto;
}
.jis-radio-player-outer-wrapper {
position: relative;
}
.jis-radio-player-outer-wrapper:before {
content: "";
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #000;
opacity: 0.6;
position: absolute;
}
/* .radio-program-item img {
opacity: 0;
} */
.radio-program-item .tag-wrap {
position: absolute;
bottom: 0;
left: 0;
z-index: var(--layer-index-bottom);
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
}
.radio-program-item .program-tag {
float: left;
background-color: var(--color-jis-blue-3);
color: #fff;
display: inline-block;
padding: 0.3rem 0.6rem;
}
.radio-program-item .producedby-tag {
float: right;
padding: 0.25rem 0.5em;
color: var(--color-jis-cream-white);
font-family: var(--font-jis-fm-secondary);
font-size: var(--font-jis-small-text);
justify-self: right;
align-self: center;
text-align: right;
}
.radio-program-item .radio-program-item-overlay {
transform: translateY(166px);
opacity: 0;
transition: all 500ms ease-in;
}
.radio-program-item:hover {
border-color: #fff;
box-shadow: 1px 2px 6px rgba(169, 116, 0, 0.13);
}
.radio-program-item:hover .program-tag {
background-color: #fff;
color: var(--color-jis-blue-3);
}
.radio-program-item:hover .radio-program-item-overlay {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.75);
display: flex;
align-items: center;
justify-content: center;
z-index: var(--layer-index-bottom);
color: #fff;
transform: translateY(0);
opacity: 1;
}
.radio-program-item .overlay-description {
display: none;
}
.radio-program-item:hover .overlay-description {
display: inline-block;
padding: 10%;
font-weight: 400;
text-align: center;
}
/*=== Ads
------------------------------------------------------*/
.advertisements .section-title {
text-transform: uppercase;
font-size: 12px;
font-weight: normal;
position: relative;
z-index: 2;
border-bottom: 1px solid #ddd;
width: 50%;
margin: 3px auto;
}
.advertisements .section-title span {
color: #ccc;
font-family: var(--font-jis-fm-secondary);
font-size: var(--font-jis-small-text);
}
.advertisements .swiper {
width: 100%;
height: 100%;
}
.advertisements .swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.advertisements .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.advertisements .swiper-slide {
/*width: 80%;*/
}
.advertisements .swiper-slide:nth-child(2n) {
width: 60%;
}
.advertisements.block .ad-item img {
width: 100%;
height: auto;
}
.swiper-slide:nth-child(3n) {
width: 40%;
}
.jis-single-video-story .jis-single-story-meta i.jis-play-icon-svg {
padding: 0;
}
/*=== JIS Information
------------------------------------------------------*/
.jis-jamaica-magazine-section {
/* display: flex; */
padding-top: 3%;
margin: 0 15px;
}
.jis-jamaica-magazine-section>div.row>div {
padding: 0;
}
.jis-jamaica-magazine-section>div.row {
background-color: #000;
}
.jis-jm-feature-photo {
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.jis-jm-feature-photo img {
max-width: 100%;
width: 100%;
opacity: 0;
}
.jis-jm-feature-photo,
.jis-jm-feature-description {
/* flex: 1 1 50%; */
background-color: #000;
}
.jis-jm-feature-description {
padding: 6%;
position: relative;
}
.jis-jm-feature-description .jis-jm-feature-content h1 {
color: var(--color-jis-yellow-4);
font-size: var(--font-jis-x-large-txt);
font-weight: 700;
}
.jis-jm-feature-description .jis-jm-feature-content p {
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.5);
color: var(--color-jis-cream-white);
}
.jis-jm-feature-description .jis-jm-feature-content h3 {
font-family: var(--font-jis-fm-secondary);
font-size: var(--font-jis-body-text);
color: var(--color-jis-yellow-4);
}
.jis-jm-feature-description .jis-jm-video-highlights {
list-style-type: none;
margin: 0;
padding: 0;
background-color: rgba(255, 255, 255, 0.013);
border-top: 1px solid rgba(255, 255, 255, 0.3);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
display: flex;
}
.jis-jm-feature-description .jis-jm-video-highlights li {
padding: 3%;
border-right: 1px solid rgba(255, 255, 255, 0.3);
color: #ccc;
flex: 1 1 33.333333333333%;
}
.jis-jm-feature-description .jis-jm-video-highlights li:last-child {
border: none;
}
.jis-jm-feature-content-footer {
background-color: rgba(129, 116, 0, 0.3);
position: absolute;
width: 100%;
bottom: 0;
left: 0;
display: flex;
padding: 2% 0;
align-items: center;
}
.jis-jm-feature-content-footer .jis-jm-air-date,
.jis-jm-feature-content-footer .jis-jm-play-video {
flex: 1 1 50%;
}
.jis-jm-feature-content-footer .jis-jm-air-date {
text-indent: 6%;
display: block;
color: var(--color-jis-yellow-2);
font-family: var(--font-jis-fm-secondary);
font-size: var(--font-jis-small-text);
}
.jis-jm-feature-content-footer .jis-jm-play-video {
background: none;
border: none;
color: var(--color-jis-cream-white);
display: flex;
align-items: center;
justify-content: right;
}
.jis-jm-feature-content-footer .jis-jm-play-video span {
margin-right: 0.5rem;
}
.jis-jm-feature-content-footer .jis-jm-play-video .jis-play-icon-svg {
margin-right: 5%;
}
.jis-jm-feature-content-footer .jis-jm-play-video .jis-play-icon-svg .ring {
stroke: rgba(255, 255, 255, 0.53);
}
/* This is Jamaica
-------------------------------------------- */
.jis-section-title.jis-this-is-jamaica {
color: var(--color-jis-blue-3);
border-color: var(--color-jis-blue-3);
}
.jis-tij-feature.row {
padding: 0 10px;
}
.jis-tij-feature.row>div {
padding: 5px;
}
/* .jis-tij-feature {
display: flex;
gap: 1%;
}
.jis-tij-feature-item {
flex: 1 1 auto;
} */
/* About Jamaica
------------------------------------ */
.jis-about-jamaica-feature {
margin-top: 10px;
}
.jis-about-jamaica-section {
margin-top: 3.5%;
border-top: 5px solid var(--color-jis-blue-3);
background-color: #fff;
position: relative;
padding: 0 15px;
}
.jis-about-jamaica-section h2 {
background-color: var(--color-jis-blue-3);
color: #fff;
display: inline-block;
padding: 3px 0.5rem 0.5rem 0.5rem;
margin: 0;
position: absolute;
top: 0;
left: 0;
font-family: var(--font-jis-fm-secondary);
font-size: var(--font-jis-body-text);
font-weight: bold;
}
.jis-about-jamaica-feature>.row>div {
padding: 0;
}
.jis-about-jamaica-content-details,
.jis-about-famous-jamaicans {
/* flex: 1 1 50%; */
}
.jis-about-jamaica-content-details {
border-right: 1px solid var(--color-grey);
/* display: flex; */
padding: 3% 0;
}
.jis-about-jamaica-content {
/* flex: 1 1 60%; */
padding: 0 5%;
}
.jis-about-jamaica-content p {
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.5);
padding: calc(var(--font-jis-body-text) * 1.5) 0;
margin: 0;
}
.jis-about-jamaica-content span {
display: block;
margin-bottom: 5%;
}
.jis-about-jamaica-content span a {
font-weight: bold;
color: var(--color-jis-blue-3);
}
@media screen and (max-width: 768px) {
.jis-about-jamaica-content-details {
border-right: none;
}
}
/*radio
---------------------*/
.jis-small-radio-player-btn {
background: none;
border: none;
display: flex;
align-items: center;
padding: 0;
}
.jis-small-radio-player-btn span {
color: var(--color-jis-black);
font-size: var(--font-jis-body-text);
margin: 0 0 0 0.5rem;
font-weight: bold;
text-align: left;
}
.jis-small-radio-player-btn svg .ring {
fill: rgba(129, 116, 0, 0.5);
stroke: var(--color-jis-yellow-3);
}
.jis-about-jamaica-qf-list {
/*flex: 1 1 auto;*/
/*justify-self: right;*/
list-style-type: none;
margin: 3% 0 0 0;
padding: 0;
}
.jis-about-jamaica-qf-list li {
text-align: left;
padding: 5% 3% 5% 0;
border-bottom: 1px solid var(--color-grey);
font-size: var(--font-jis-body-text);
color: var(--color-jis-blue-3);
font-family: var(--font-jis-fm-secondary);
}
.jis-about-jamaica-qf-list li:last-child {
border-bottom: 0;
}
.jis-about-jamaica-qf-list li b {
color: var(--color-jis-black);
font-family: var(--font-jis-fm-main);
}
.jis-about-famous-jamaicans {
padding: 1.3% 3%;
}
.jis-about-famous-jamaicans-content {
display: flex;
flex-direction: column;
}
.jis-about-famous-jamaicans-content-header {
position: relative;
}
.jis-about-famous-jamaicans-content-header a {
color: #817400;
}
.jis-about-famous-jamaicans-content-header h3 {
border-bottom: 1px solid var(--color-jis-yellow-3);
padding-bottom: 0.5rem;
margin: 0 0 1rem 0;
}
.jis-about-famous-jamaicans-content-header nav {
position: absolute;
top: 0;
right: 0;
}
.jis-about-famous-jamaicans-content-details {
/* display: grid;
grid-template-columns: auto 1fr;
grid-template-rows: auto auto; */
}
.jis-about-famous-jamaicans-content-details img {
/* grid-column: 1/2;
grid-row: 1/3;
margin-right: 1rem; */
width: 100%;
height: auto;
}
.jis-about-famous-jamaicans-content-details h4 {
/* grid-column: 2/3;
grid-row: 1/2; */
margin: 0;
padding: 0;
font-size: 24px;
line-height: calc(var(--font-jis-header) * 1.5);
color: var(--color-jis-yellow-2);
}
.jis-gov-of-jamaica .jis-about-famous-jamaicans-content-details h4 {
font-size: 20px;
}
.jis-about-famous-jamaicans-content-details p {
/* grid-column: 2/3;
grid-row: 2/3; */
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.5);
margin: 10px 0;
}
/* Information News
----------------------------------------------- */
.jis-section-title.information-news-title {
color: var(--color-jis-blue-3);
border-color: var(--color-jis-blue-3);
}
/* .jis-information-page-news-feature {
display: flex;
}
.jis-information-page-news-feature .primary-feature,
.jis-information-page-news-feature .news-aside {
flex: 0 1 49.5%;
box-sizing: border-box;
}
.jis-information-page-news-feature .primary-feature {
padding-right: 1.3%;
}
.jis-information-page-news-feature .featured-story-title,
.jis-information-page-news-feature .primary-feature .story-credit {
text-align: center;
padding: 0 1.3%;
} */
.jis-information-page-news-feature .featured-story-title {
font-size: var(--font-jis-header);
line-height: calc(var(--font-jis-header) * 1.5);
color: var(--color-jis-black);
font-weight: bold;
}
.jis-information-page-news-feature .story-author-name {
color: var(--color-jis-blue-3);
}
.jis-information-page-news-feature .secondary-feature-item figure {
border-bottom: 3px solid var(--color-jis-yellow-3);
}
.jis-information-page-news-feature .secondary-feature-item .story-feature-title {
padding-top: 15px;
font-weight: bold;
}
.jis-information-page-news-feature .secondary-feature-item .story-credit {
padding-bottom: 25px;
color: var(--bs-body-color);
}
.jis-information-page-news-feature .secondary-feature-item p {
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.5);
}
.jis-useful-information-content img {
width: 100%;
height: auto;
}
a.feature-read-more-link,
a.feature-read-more-link:visited {
font-weight: bold;
color: var(--color-jis-blue-3);
}
/* Useful Information
----------------------------------------------- */
.jis-faqs {
background: #fff;
padding: 30px;
margin-bottom: 60px;
margin-top: 60px;
}
.jis-faqs h1 {
margin-top: 0;
}
.jis-section-title.jis-useful-information-title {
color: var(--color-jis-blue-3);
border-color: var(--color-jis-blue-3);
margin-bottom: 0;
margin-block-end: 0;
}
/* .jis-useful-information-content-wrapper {
position: relative;
} */
.jis-section-sub-title.jis-todays-tip {
position: absolute;
top: 0;
left: 0;
z-index: var(--layer-index-bottom);
background-color: var(--color-jis-blue-3);
font-family: var(--font-jis-fm-secondary);
font-weight: bold;
font-size: var(--font-jis-body-text);
margin: 0;
padding: 3px 0.5rem 0.5rem 0.5rem;
color: #fff;
/* margin-left: calc(var(--bs-gutter-x) * .5); */
}
.jis-useful-information-content>.row>div {
padding-left: 0;
}
/* .jis-useful-information-content {
/* display: flex; *
} */
.jis-todays-tip-content-details {
padding-bottom: 3%;
position: relative;
}
.jis-useful-information-more-tips {
flex: 1 1 auto;
border-left: 1px solid var(--color-grey);
box-sizing: border-box;
padding-left: 10px;
}
.jis-useful-information-content>.row {
margin: 0;
}
/* .jis-tt-content-summary {
flex: 1 1 70%;
display: grid;
grid-template-columns: auto 1fr;
grid-template-rows: calc(var(--font-jis-sub-header) * 1.5) auto auto;
}
.jis-todays-tip-content-details .jis-tt-readmore-img-link {
grid-column: 1/2;
grid-row: 1/4;
margin-right: 1rem;
} */
.jis-todays-tip-content-details img {
width: 100%;
height: auto;
}
.jis-todays-tip-content-details h4 {
margin: 0;
padding: 0;
font-size: var(--font-jis-header);
line-height: calc(var(--font-jis-header) * 1.5);
font-weight: bold;
padding-top: 15px;
}
.jis-todays-tip-content-details p {
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.5);
padding-right: 1.3%;
}
#jis-returning-residents .jis-useful-information-more-tips {
border-left: 0;
padding-left: 0;
}
#jis-returning-residents .jis-todays-tip-content-details {
border-left: 1px solid var(--color-grey);
border-right: 1px solid var(--color-grey);
}
/* #jis-returning-residents .jis-todays-tip-required-docs {
padding-right: 10px;
} */
#jis-returning-residents .jis-todays-tip-content-details {
padding: 0 10px;
}
#jis-returning-residents .jis-section-sub-title.jis-todays-tip {
margin-left: 10px;
}
.jis-todays-tip-required-docs {
flex: 1 1 auto;
}
.jis-todays-tip-required-docs h5,
.jis-useful-information-more-tips h5 {
font-weight: bold;
color: var(--color-jis-blue-3);
font-size: var(--font-jis-header);
line-height: calc(var(--font-jis-header) * 1.5);
text-align: right;
padding-right: 1rem;
padding-top: 20px;
}
.jis-todays-tip-required-docs ul {
list-style-type: none;
margin: 0 0 10% 0;
padding: 0;
}
.jis-todays-tip-required-docs li {
padding: 1rem 0;
border-top: 1px solid var(--color-grey);
font-size: var(--font-jis-basefont);
line-height: calc(var(--font-jis-basefont) * 1.5);
text-align: right;
padding-right: 1rem;
}
.jis-todays-tip-required-docs li:last-child {
border-bottom: 1px solid var(--color-grey);
}
.jis-tt-find-jp-link {
font-weight: bold;
color: var(--color-jis-blue-3);
display: block;
text-align: right;
padding-right: 1rem;
}
/* .jis-useful-information-more-tips {
padding-bottom: 3.5rem;
} */
.jis-useful-information-more-tips h5 {
text-align: left;
}
.jis-useful-information-more-tips ul {
list-style-type: none;
margin: 0;
padding: 0 0 10% 0;
}
.jis-useful-information-more-tips li {
padding: 1rem 0;
font-size: var(--font-jis-basefont);
line-height: calc(var(--font-jis-basefont) * 1.5);
border-top: 1px solid rgba(129, 116, 0, 0.15);
}
.jis-useful-information-more-tips li:last-child {
border-bottom: 1px solid rgba(129, 116, 0, 0.15);
}
.jis-tt-feedback-link {
font-weight: bold;
}
/* Tourism Features
------------------------------------------- */
body.tourism {
background-color: #fff;
}
.jis-welcome-bar {
background-color: #000;
width: 100%;
padding: 1.3rem 0;
}
.jis-tourism-attractions--container {
/* width: 100%;
display: flex;
gap: 2.5%;
flex-wrap: wrap; */
padding: 5% 0;
}
/* Special Stays
--------------------------------------- */
.jis-section-title.special-stays-title {
font-family: var(--font-jis-fm-main);
color: var(--color-jis-brown-1);
border-color: var(--color-jis-brown-1);
}
.jis-special-stays {
--special-stays-x-padding: 7%;
height: 761px;
width: 100%;
background: 50% 50% no-repeat;
background-size: cover;
position: relative;
display: flex;
overflow: hidden;
}
.jis-special-stays--text-container {
position: relative;
}
.jis-special-stays--text-content {
position: absolute;
padding: 1.3% var(--special-stays-x-padding);
background-color: rgba(129, 73, 0, 0.5);
border: 1px solid rgba(129, 73, 0, 0.75);
text-align: center;
bottom: 15%;
right: 3%;
}
.jis-special-stays--text-content h3 {
font-size: var(--font-jis-header);
line-height: calc(var(--font-jis-header) * 1.5);
color: var(--color-jis-cream-white);
margin: 0;
padding: 0;
position: relative;
display: inline-block;
}
.jis-special-stays--text-content h3::before {
content: "";
position: absolute;
width: calc((var(--special-stays-x-padding) * 2) / 3);
height: 1px;
background-color: rgba(255, 244, 229, 0.75);
left: -3px;
top: 50%;
}
.jis-special-stays--text-content h3::after {
content: "";
position: absolute;
width: calc((var(--special-stays-x-padding) * 2) / 3);
height: 1px;
background-color: rgba(255, 244, 229, 0.75);
right: 3px;
top: 50%;
}
.jis-special-stays--text-content span {
font-size: var(--font-jis-small-text);
line-height: calc(var(--font-jis-small-text) * 1.5);
font-family: var(--font-jis-fm-secondary);
color: var(--color-jis-yellow-3);
display: block;
}
.special-stay-animate-in {
animation-name: sunrise;
animation-duration: 3s;
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
animation-iteration-count: 1;
}
@keyframes sunrise {
0% {
opacity: 0;
transform: translateY(300px);
}
13% {
opacity: 1;
}
100% {
transform: translateY(0px);
}
}
/* Government ministries
--------------------------------------------------------- */
/* .min-name,
.perm-sec {
position: relative;
}
.min-name {
padding-left: 90px;
}
.perm-sec {
padding-left: 90px;
}
.min-name b,
.perm-sec b {
position: absolute;
left: 0;
}
.min-name b {
width: 90px;
}
.perm-sec b {
width: 90px;
} */
.jis-content-slider-section {
margin-top: 3rem;
/* variable throughout */
background-color: #fff;
border-top: 3px solid var(--color-jis-blue-2);
border-bottom: 3px solid var(--color-jis-blue-2);
position: relative;
}
.jis-content-slider-section h2 {
position: absolute;
display: inline-block;
color: #fff;
background-color: var(--color-jis-blue-2);
font-family: var(--font-jis-fm-secondary);
font-size: var(--font-jis-body-text);
top: 0;
left: 0;
padding: 0.5rem 1rem;
margin: 0;
z-index: 11;
}
.jis-content-slider {
width: 100%;
position: relative;
}
.jis-content-slider .jcs--nav button {
position: absolute;
width: 40px;
height: 60px;
background: none;
background-color: var(--color-jis-blue-2);
border: none;
outline: none;
top: 50%;
margin-top: -30px;
z-index: 9;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: all 500ms ease;
}
.jis-content-slider .jcs--nav button:hover {
background-color: var(--color-jis-blue-1);
width: scaleX(1.1);
}
.jis-content-slider .jcs--nav button svg {
stroke: #fff;
fill: none;
width: 21px;
height: 31px;
}
.jis-content-slider .jcs-left-btn {
left: -40px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.jis-content-slider .jcs-right-btn {
right: -40px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.jis-content-slider .jis-content-slider--container {
background-color: #fff;
position: relative;
z-index: 10;
padding-top: 3rem;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.13);
display: flex;
}
.jis-content-slider .jcs--item-container {
flex: 1 1 auto;
border-right: 1px solid rgba(129, 166, 0, 0.35);
box-sizing: border-box;
padding: 30px;
}
/* .jis-content-slider .jcs--item-container:last-child {
border: none;
} */
.jis-content-slider .jcs-item--primary-content {
border-bottom: 1px solid var(--color-grey);
padding-bottom: 1rem;
}
.jis-content-slider .jcs-item--primary-content h3 a {
font-family: var(--font-jis-fm-secondary);
font-size: var(--font-jis-sub-header);
color: var(--color-jis-blue-2) !important;
margin: 0 0 1.3rem 0;
padding: 0;
}
.meta-list .min-name b,
.meta-list .perm-sec b {
display: block;
}
.jis-content-slider .jcs-item--primary-content h3 a:hover {
text-decoration: underline;
}
.jis-content-slider .jcs-item--primary-content p {
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.5);
color: var(--color-jis-black);
}
.jis-content-slider .meta-list {
list-style-type: none;
margin: 1rem 0;
padding: 0;
}
.jis-content-slider li {
font-family: var(--font-jis-fm-secondary);
color: var(--color-jis-blue-2);
font-weight: 500;
padding-bottom: 0.85rem;
}
.jis-content-slider li span {
color: var(--color-jis-black);
font-weight: 300;
}
.contact-meta-links {
display: flex;
}
.contact-meta-links a {
color: var(--color-jis-blue-3);
font-size: var(--font-jis-small-text);
font-weight: bold;
font-family: var(--font-jis-fm-secondary);
flex: 1 1 auto;
}
.jgm--container ul {
margin: 0;
}
.jis-speeches-visits {
width: 100%;
padding-top: 3%;
gap: 3%;
}
.jis-speeches-visits--item {
padding-top: 20px;
}
.jis-speeches-visits--item a:hover {
text-decoration: underline;
}
.jis-speeches-visits--item h4 {
font-size: var(--font-jis-header);
font-weight: normal;
}
.jis-speeches-visits--item .official-title {
color: var(--color-jis-blue-3);
font-size: var(--font-jis-small-text);
line-height: calc(var(--font-jis-small-text) * 1.5);
}
.jis-speeches-visits--item p {
font-size: var(--font-jis-basefont);
line-height: calc(var(--font-jis-basefont) * 1.5);
}
.jis-speeches-visits--item .read-more-link {
color: var(--color-jis-blue-3);
font-weight: bold;
font-size: var(--font-jis-basefont);
}
.jis-speeches-visits--item .read-more-link::before {
content: "[+]";
display: inline;
padding-right: 5px;
}
.jis-speeches-visits--item figure {
margin: 0;
padding: 0;
overflow: hidden;
background: 50% 50% no-repeat;
background-size: cover;
margin-bottom: 10px;
}
.jis-speeches-visits--item figure::after {
content: "";
height: 3px;
background-color: var(--color-jis-blue-3);
width: 100%;
display: block;
}
.jis-speeches-visits--item figure img {
max-width: 100%;
opacity: 0;
}
/* Category Page
================================================== */
.jis-cat-foreign-affairs-more-stories {
width: 100%;
position: relative;
display: flex;
gap: 2%;
}
.jis-load-more-stories.jis-cat-foreign-affairs {
flex: 0 0 73%;
}
.horizontal-ad-area {
flex: 0 0 25%;
}
.jis-more-stories--item {
display: flex;
gap: 2%;
padding: 1rem 0;
border-bottom: 1px solid rgba(129, 116, 0, 0.15);
}
.jis-more-stories--item a {
display: block;
text-decoration: none;
outline: none;
flex: 0 0 25%;
}
.jis-more-stories--item p {
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.5);
}
.jis-more-stories--item a figure {
margin: 0;
padding: 0;
width: 100%;
}
.jis-more-stories--item a figure img {
max-width: 100%;
border-right: 5px solid var(--color-jis-blue-4);
}
.jis-more-stories--item-content {
flex: 0 0 73%;
}
.jis-load-more-stories--container {
position: relative;
padding-bottom: 3rem;
}
.jis-more-stories--item-content h2 {
margin: 0;
padding: 0 0 1rem 0;
font-weight: bold;
}
.jis-more-stories--item-content h2 a:hover {
text-decoration: underline;
}
.jis-more-stories--item-content .story-credit {
color: var(--color-jis-blue-3);
}
.jis-more-stories--item-content .story-credi .story-author-name {
color: var(--color-jis-black);
font-size: var(--font-jis-small-text);
line-height: calc(var(--font-jis-small-text) * 1.5);
}
.jis-load-more-stories--container .load-more-stories-btn {
position: absolute;
bottom: 1.2rem;
background: none;
border: none;
padding: 0.75rem 1rem;
border: 1px solid var(--color-jis-blue-4);
color: var(--color-jis-blue-4);
border-radius: 5px;
margin: 0 auto;
}
.jis-load-more-stories--container .load-more-stories-btn::before {
content: "[+]";
padding-right: 5px;
}
/* Corporate page
======================================================================= */
.corporate .jis-section-title {
font-size: var(--font-jis-body-text);
color: var(--color-jis-blue-3);
font-weight: bold;
border-color: var(--color-jis-blue-3);
}
.jis-corporate-overview--container {
/* display: flex;
gap: 3%; */
padding-bottom: 3rem;
}
.jis-professional-services img,
.jis-leadership figure img {
width: 100%;
height: auto;
}
.name-position {
padding-top: 1.3rem;
}
.name-position p {
margin: 0;
}
.jis-leadership .jcs-item--secondary-content {
padding-top: 20px;
}
.jis-leadership .jis-content-slider .contact-meta-links a {
font-size: 14px;
}
.image-caption .contact-meta-links a {
display: inline-block;
padding-left: 25px;
text-align: left;
position: relative;
}
.image-caption .contact-meta-links a i {
position: absolute;
top: 2px;
left: 0;
text-align: center;
min-height: 30px;
font-weight: 900;
}
.image-caption .contact-meta-links a span {
font-weight: 500;
}
.jis-corporate-overview--container figure {
/* flex: 0 0 48.5%; */
/* display: flex; */
border-right: 1px solid rgba(129, 116, 0, 0.35);
}
.jis-corporate-overview--container figure img {
max-width: 100%;
}
.jis-corporate-overview--content {
/* flex: 0 0 48.5%; */
padding-left: 3%;
border-left: 1px solid var(--color-grey);
}
.jis-corporate-overview--content h2 {
color: var(--color-jis-blue-3);
}
.jis-corporate-overview--content p {
color: var(--color-jis-black);
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.5);
}
.jis-corporate-services--content-wrapper {
/* display: flex;
gap: 3%; */
}
.jis-professional-services {
/* flex: 0 0 70%; */
}
.jis-ceos-messgae h2 {
margin-top: 14px;
}
.jis-ceos-messgae img {
max-width: 100%;
padding-bottom: 5px;
border-bottom: 3px solid var(--color-grey);
}
.jis-ceos-messgae span {
display: block;
color: var(--color-jis-blue-3);
font-family: var(--font-jis-fm-secondary);
margin-top: 0.5rem;
}
.jis-ceos-messgae h4 {
font-size: var(--font-jis-sub-header);
line-height: calc(var(--font-jis-sub-header) * 1.5);
color: var(--color-jis-black);
margin: 0 0 1.5rem 0;
padding: 0;
}
.jis-ceos-messgae p {
line-height: calc(var(--font-jis-body-text) * 1.5);
}
.jis-corporate-social-responsibility--container {
display: flex;
gap: 1%;
padding-bottom: 3%;
background: #fff;
padding: 25px;
border-bottom: 5px solid var(--color-grey);
}
.jis-corporate-social-responsibility--container article .entry-meta .posted-on {
font-weight: 500;
font-family: var(--font-jis-fm-main);
}
/* .jis-corporate-social-responsibility--container .csr-overview {
flex: 0 0 45%;
} */
.jis-corporate-social-responsibility--container .csr-overview {
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.5);
border-right: 1px solid rgba(129, 116, 0, 0.35);
padding-right: 1.5%;
padding-bottom: 30px;
}
.jis-corporate-social-responsibility--container .jis-more-stories article {
padding: 8px 20px;
margin: 0;
}
.jis-corporate-social-responsibility--container .jis-more-stories article h3 {
margin: 0;
}
.jis-corporate-social-responsibility--container .jis-more-stories article h3 a {
font-size: 14px;
font-weight: bold;
}
.jis-corporate-social-responsibility--container .jis-more-stories article .posted-on {
font-size: 12px;
}
.jis-corporate-social-responsibility--container .jis-more-stories h2 {
font-size: var(--font-jis-body-text);
color: var(--color-jis-blue-3);
font-weight: bold;
font-family: var(--font-jis-fm-secondary);
border-bottom: 1px solid var(--color-grey);
/*margin-bottom: 1rem;*/
padding-bottom: 1rem;
}
.flexibox-w-img {
display: flex;
gap: 3%;
}
.flexibox-w-img figure {
flex: 0 0 45%;
}
.flexibox-w-img figure img {
max-width: 100%;
}
.fwi--content-text-container p {
line-height: calc(var(--font-jis-body-text) * 1.5);
}
.fwi--content-text-container h4 {
font-size: var(--font-jis-sub-header);
line-height: calc(var(--font-jis-sub-header) * 1.5);
margin: 0 0 1rem 0;
padding: 0;
}
/* professional-services
==================================================== */
.jis-professional-services .jis-section-title {
font-size: var(--font-jis-body-text);
color: var(--color-jis-blue-3);
font-weight: bold;
border-color: var(--color-jis-blue-3);
}
.wrapper-with-white-bg .jis-section-title {
margin-top: 0;
}
.jis-horz-tabs {
display: flex;
overflow: hidden;
}
.jht--tabs-nav {
border-right: 1px solid var(--color-grey);
margin-right: 3%;
flex: 0 0 20%;
background: var(--color-jis-cream-white);
position: relative;
z-index: 9;
}
.jht--tabs-nav a {
display: block;
padding: 1rem;
border-bottom: 1px solid var(--color-grey);
text-align: right;
position: relative;
font-family: var(--font-jis-fm-secondary);
color: var(--color-jis-blue-3);
}
.jht--tabs-nav a:hover {
text-decoration: none;
color: var(--color-jis-yellow-2);
}
.jht--tabs-nav a.active {
font-weight: bold;
}
.jht--tabs-nav a:hover::after {
content: "";
position: absolute;
width: 5px;
height: calc(100% - 1rem);
right: 0;
top: 0.5rem;
background-color: rgba(129, 116, 0, 0.15);
}
.jht--tabs-nav a.active::after {
content: "";
position: absolute;
width: 5px;
height: calc(100% - 1rem);
right: 0;
top: 0.5rem;
background-color: var(--color-jis-blue-3);
}
.jis-horz-tabs--content-wrap {
position: relative;
width: 100%;
}
.jht--tabs-nav a:last-child {
border: none;
}
.jis-horz-tabs--content-tab {
/* position: absolute; */
top: 0;
left: 0;
width: 100%;
opacity: 0;
transition: all 300ms ease-in;
display: none;
}
.jis-horz-tabs--content-tab h3 {
border-bottom: 1px solid var(--color-grey);
font-size: 1.1em;
padding: 10px 0;
margin-bottom: 10px;
}
.jis-horz-tabs--content-tab img {
float: left;
padding: 0 20px 20px 0;
/* border: 10px solid var(--color-grey) !important; */
width: 40%;
}
.jis-horz-tabs--content-tab.active {
opacity: 1;
animation-name: tabin;
animation-timing-function: ease-in;
animation-duration: 300ms;
display: block;
}
.jis-horz-tabs--content-tab.photography-tab h3 {
padding: 0;
margin: 0 0 1rem 0;
font-size: var(--font-jis-sub-header);
line-height: calc(var(--font-jis-sub-header) * 1.5);
border-bottom: 1px solid var(--color-grey);
padding-bottom: 8px;
margin-bottom: 20px;
padding-top: 5px;
}
.jis-horz-tabs--content-tab .contact-meta-links {
border-top: 1px solid var(--color-grey);
border-bottom: 1px solid var(--color-grey);
margin-top: 1.5rem;
padding-top: 1rem;
padding-bottom: 1rem;
/* display: flex; */
}
.jis-horz-tabs--content-tab .contact-meta-links a {
color: var(--color-jis-blue-3);
font-size: var(--font-jis-small-text);
font-weight: bold;
font-family: var(--font-jis-fm-secondary);
/* flex: 1 1 auto; */
}
.jis-horz-tabs--content-tab p {
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.5);
}
.jis-film-strip {
margin: 1.5rem 0;
}
.jis-film-strip--content-wrap {
padding: 0.5rem 0;
margin-bottom: 0.5rem;
border-top: 1px solid var(--color-grey);
border-bottom: 1px solid var(--color-grey);
}
.jis-horz-tabs--content-tab .contact-info {
margin: 1.5rem 0;
}
.jis-horz-tabs--content-tab .contact-info a {
display: block;
padding: 0;
}
.jis-horz-tabs--content-tab .contact-info a i {
border-right: 1px solid var(--color-grey);
margin-right: 13px;
line-height: 3rem;
}
.jis-ceos-messgae figure {
width: 100px;
height: 100px;
border-radius: 50%;
margin: 10px 0;
background: #ddd;
background-size: cover;
background-position: center;
float: left;
}
.jis-ceos-messgae .name-position {
float: left; padding-left: 10px;
}
.jis-ceos-messgae .message-body {
clear: both;
padding-top: 10px;
}
.jis-leadership.jis-content-slider-section {
margin: 0 40px;
}
@keyframes tabin {
0% {
opacity: 0;
transform: translateX(-100%);
}
100% {
opacity: 1;
transform: translateX(0px);
}
}
/* Government Ministry
==================================================== */
.jis-govt-minister-container,
.jis-govt-ministry-container {
padding-top: 3%;
/* display: flex;
gap: 3%; */
}
/*
.jis-govt-ministry {
flex: 0 0 70%;
} */
.jis-govt-ministry header .pre-text {
font-family: var(--font-jis-fm-secondary);
font-size: var(--font-jis-body-text);
font-weight: bold;
}
.jis-govt-ministry header h1 {
color: var(--color-jis-blue-2);
font-size: var(--font-jis-header);
margin: 0;
padding: 0 0 0.5rem 0;
border-bottom: 1px solid var(--color-jis-blue-2);
}
.jis-govt-ministry header {
margin: 0 0 1.5rem 0;
}
/* .jgm--container {
display: flex;
gap: 3%;
}
.jgm--container .minister-profile {
flex: 0 0 32.75%;
} */
.jgm--container .minister-profile figure {
width: 100%;
}
.jgm--container .minister-profile figure img {
height: auto;
width: 100%;
border-bottom: 5px solid var(--color-jis-blue-2);
}
.jgm--container .minister-profile .who-is-this-person {
display: block;
padding: 0;
margin: 1rem 0 1.5rem 0;
font-family: var(--font-jis-fm-secondary);
}
.jgm--container .minister-profile h2 {
padding: 0;
margin: 0;
font-size: var(--font-jis-large-txt);
line-height: calc(var(--font-jis-large-txt) * 1.5);
font-weight: bold;
}
.jgm--container .minister-profile small {
padding: 0;
margin: 0 0 1.5rem 0;
}
.jgm--container .minister-profile .oficial-title {
color: var(--color-jis-blue-2);
font-weight: bold;
}
.jgm--container .minister-profile .contact-info {
margin: 1rem 0;
padding: 0;
}
.jgm--container .minister-profile .contact-info li {
list-style-type: none;
font-family: var(--font-jis-fm-secondary);
border-bottom: 1px solid rgba(129, 116, 0, 0.15);
padding: 0.5rem 0;
}
.jgm--container .minister-profile .contact-info li a {
color: var(--color-jis-blue-2);
font-size: 13.5px;
font-weight: 400;
}
.jgm--container .minister-profile .contact-info li a i {
display: inline-block;
padding-right: 5px;
border-left: 1px solid rgba(129, 116, 0, 0.15);
}
.ministry-overview h3 {
margin: 0 0 1.5rem 0;
padding: 0;
font-family: var(--font-jis-fm-secondary);
}
.ministry-overview p {
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.5);
}
.ministry-overview .agencies-departments h4 {
margin: 1.5rem 0 1.5rem 0;
padding: 0;
font-family: var(--font-jis-fm-secondary);
border-bottom: 1px solid var(--color-jis-blue-2);
padding-bottom: 0.5rem;
}
.ministry-overview .agencies-departments ul {
list-style-type: none;
margin: 1.5rem 0;
padding: 0;
}
.ministry-overview .agencies-departments li {
margin-bottom: 1rem;
}
.ministry-overview .agencies-departments li a {
color: var(--color-jis-blue-2);
font-family: var(--font-jis-fm-secondary);
}
.jis-govt-ministry-list h5 {
font-size: var(--font-jis-body-text);
font-family: var(--font-jis-fm-secondary);
font-weight: bold;
margin: 0 0 1.5rem 0;
padding: 0;
}
.ministries-list {
margin: 1.5rem 0;
padding: 0;
}
.ministries-list li {
list-style-type: none;
padding: 1rem 0;
border-bottom: 1px solid rgba(129, 116, 0, 0.15);
}
.ministries-list li a {
font-family: var(--font-jis-fm-secondary);
color: var(--color-jis-blue-3);
}
/* Music Page
======================================================================= */
.jis-music-page-wrap {
background-image: url(../img/music_hero_bg-no-line.jpg);
background-position: 50% 50%;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}
.jis-music-page--container {
background-color: #fff;
width: 100%;
padding-top: 5%;
padding-bottom: 10%;
}
.jis-music-intro {
padding: 7.5% 0;
}
.jis-music-intro .music-quote {
margin-bottom: 7.5%;
}
.jis-music-intro .music-quote h2 {
font-size: clamp(1.3rem, calc(var(--font-jis-flex-base) * 2.3), 2.3rem);
width: calc(var(--font-jis-flex-base) * 35);
position: relative;
}
.jis-music-intro .music-quote h2::before {
content: '"';
position: absolute;
top: -1.3rem;
left: -1.3rem;
color: var(--color-jis-brown-1);
font-size: clamp(2.6rem, calc(var(--font-jis-flex-base) * 4.6), 4.6rem);
}
.jis-music-intro .music-quote .credit {
color: var(--color-jis-brown-1);
font-size: clamp(1rem, calc(var(--font-jis-flex-base) * 1.3), 1.5rem);
}
.reaggae-legendary {
margin-bottom: 7.5%;
}
.reaggae-legendary .pre-text {
display: block;
}
.reaggae-legendary .pre-text,
.reaggae-legendary .post-text {
font-family: var(--font-jis-fm-secondary);
font-weight: 100;
font-size: clamp(2rem, calc(var(--font-jis-flex-base) * 3.5), 3.5rem);
display: block;
}
.reaggae-legendary .post-text {
text-align: right;
}
.reaggae-legendary h1 {
font-size: clamp(3rem, calc(var(--font-jis-flex-base) * 9.5), 9rem);
display: inline-block;
margin: 0;
padding: 0;
}
.jis-music-intro-btn {
background: transparent;
margin: 0 1rem 0 0;
padding: 0.5rem 1.5rem;
border: 1px solid rgba(255, 255, 255, 0.53);
color: #fff;
border-radius: 5px;
}
.featured-artist--container {
display: flex;
}
.featured-artist--container .featured-photo {
flex: 0 0 50%;
display: flex;
flex-direction: column;
}
.featured-artist--container .featured-photo img {
max-width: 100%;
padding-bottom: 0.3rem;
margin-bottom: 1.3rem;
border-bottom: 5px solid var(--color-jis-blue-3);
}
.featured-artist-content {
box-sizing: border-box;
padding-left: 3%;
}
.featured-artist-content .artist-name {
font-size: var(--font-jis-large-txt);
color: var(--color-jis-blue-3);
text-align: center;
margin: 0 0 1.3rem 0;
padding: 0;
}
.featured-artist-content p {
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.5);
text-align: center;
}
.music-ablum-feature {
margin: 2.3rem 5%;
padding: 1rem 0;
border-top: 1px solid rgba(46, 49, 146, 0.5);
border-bottom: 1px solid rgba(46, 49, 146, 0.5);
display: flex;
gap: 5%;
}
.music-ablum-feature .album-details h4 {
margin: 0;
color: var(--color-jis-blue-3);
}
.music-ablum-feature .album-description {
display: block;
margin-bottom: 1.3rem;
}
.jis-music-itunes-feature--container {
display: flex;
gap: 3%;
}
.jis-music-itunes-feature--content {
flex: 0 0 67%;
display: flex;
gap: 3%;
}
.itunes-feature-photo {
flex: 0 0 34.758%;
}
.itunes-feature-photo img {
max-width: 100%;
padding-bottom: 0.3rem;
border-bottom: 3px solid var(--color-jis-blue-3);
margin-bottom: 0.3rem;
}
.itunes-feature-photo figcaption {
color: var(--color-jis-blue-3);
}
.jmi-content-wrapper h3 {
font-size: var(--font-jis-header);
line-height: calc(var(--font-jis-header) * 1.5);
padding: 0;
margin: 0 0 1rem 0;
}
.jmi-content-wrapper p {
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.5);
}
.jmi-song-feature {
margin: 2rem 0;
padding: 1rem 0;
border-top: 1px solid rgba(46, 49, 146, 0.5);
border-bottom: 1px solid rgba(46, 49, 146, 0.5);
}
.reggae-music-chart {
flex: 0 0 30%;
}
.reggae-music-chart .chart-title {
font-size: var(--font-jis-header);
line-height: calc(var(--font-jis-header) * 1.5);
padding: 0 0 0.5rem 0;
margin: 0 0 1rem 0;
border-bottom: 3px solid var(--color-jis-blue-3);
}
.itunes-music-list {
margin: 0 0 0.5rem 0;
padding: 0;
list-style-type: none;
counter-reset: music-list;
}
.itunes-music-list li {
display: flex;
gap: 5%;
border-bottom: 1px solid rgba(46, 49, 146, 0.5);
padding: 3% 0;
counter-increment: music-list;
}
.itunes-music-list li::before {
content: counter(music-list) ". ";
color: var(--color-jis-blue-3);
font-size: 1.75rem;
}
.itunes-music-list li .details {
flex: 0 0 70%;
}
.itunes-music-list li .details span {
display: block;
}
.itunes-music-list li .details .song-title {
font-size: var(--font-jis-body-text);
font-weight: bold;
margin-bottom: 0.5rem;
}
.itunes-music-list li .details .artist-name {
font-family: var(--font-jis-fm-secondary);
color: var(--color-jis-blue-3);
}
.music-preview {
display: flex;
justify-self: flex-end;
flex-direction: column;
align-items: center;
}
.music-preview span {
font-family: var(--font-jis-fm-secondary);
color: var(--color-jis-blue-3);
font-size: var(--font-jis-small-text);
}
/* iso */
.jis-play-music-icon {
background: transparent;
border: none;
display: flex;
gap: 1%;
}
.jis-play-music-icon .ring {
stroke: var(--color-jis-blue-3);
}
.jis-play-music-icon .triangle {
fill: var(--color-jis-blue-3);
}
.jis-music-on-the-scene--container {
display: flex;
gap: 1.5%;
}
.ots-photo-feature {
flex: 0 0 48.5%;
background: 50% 50% no-repeat url(../img/concert.jpg);
position: relative;
}
.ots-footer-nav {
position: absolute;
color: #fff;
bottom: 3%;
left: 0;
border-top: 1px solid rgba(255, 255, 255, 0.5);
margin: 0 3%;
width: 94%;
padding: 0.5rem 0;
}
.ots-footer-nav a {
color: #fff;
font-family: var(--font-jis-fm-secondary);
}
.ots-footer-nav a::after {
content: "|";
padding: 0 5px;
}
.ots-footer-nav a:last-child {
color: #f00;
font-weight: bold;
}
/* 7e1a08 */
.ots-text-container {
background-color: rgba(255, 255, 255, 0.53);
position: absolute;
top: 55%;
left: 0;
width: 55%;
padding: 3%;
}
.ots-text-container h3 {
color: #7e1a08;
font-size: calc(var(--font-jis-header) * 1.3);
font-family: var(--font-jis-fm-secondary);
padding: 0;
margin: 0 0 0.3rem 0;
font-weight: bold;
}
.ots-text-container p {
font-family: var(--font-jis-fm-secondary);
color: #482701;
font-weight: bold;
padding: 0.3rem 0;
margin: 0;
}
.ots-footer-nav a:last-child:after {
display: none;
}
.ots-photo-content--container {
flex: 0 0 50%;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
row-gap: 1.5%;
column-gap: 1.5%;
}
.ots-photo-content--item {
flex: 0 0 49%;
display: flex;
background-color: var(--color-jis-cream-white);
}
.ots-photo-content--item .text-box {
padding: 0 3%;
}
.ots-photo-content--item .text-box .read-more-link {
color: var(--color-jis-black);
border: none;
font-size: var(--font-jis-small-text);
}
.ots-photo-content--item .text-box h5 {
font-size: var(--font-jis-body-text);
font-weight: bold;
border-bottom: 5px solid #fff;
padding: 0 0 0.3rem 0;
margin: 5% 0 0.5rem 0;
}
/* .jis-music-in-jamaica--container {
display: flex;
gap: 1.5%;
padding-bottom: 3%;
} */
.music-photo-card {
/* flex: 0 0 58.5%; */
border-right: 1px solid rgba(0, 0, 0, 0.13);
box-sizing: border-box;
padding-right: 3%;
}
/* .photo-feature-lists {
flex: 0 0 40%;
display: flex;
gap: 1.5%;
} */
.music-photo-card h2 {
color: var(--color-jis-brown-1);
font-weight: bold;
}
.music-photo-card h2 span {
font-weight: normal;
color: var(--color-jis-black);
}
.music-photo-card figure {
width: 100%;
}
.music-photo-card figure img {
max-width: 100%;
padding: 0.5rem 0;
border-top: 1px solid rgba(0, 0, 0, 0.3);
border-bottom: 1px solid rgba(0, 0, 0, 0.13);
}
.music-photo-card p {
padding: 0 5%;
text-align: center;
}
.photo-feature-lists h3 {
padding: 0 0 0.5rem 0;
margin: 0 0 0.5rem 0;
border-bottom: 1px solid var(--color-jis-black);
}
.photo-feature-lists img {
padding: 0 0 0.5rem 0;
margin: 0 0 0.5rem 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.photo-feature-lists ul {
list-style-type: none;
margin: 0 0 1rem 0;
padding: 0;
}
.photo-feature-lists li {
padding: 0.75rem 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
/* animations
---------------------------------------------- */
@keyframes shake {
0% {
transform: translateX(-20px);
}
5% {
transform: translateX(20px);
transform: rotateX(13deg);
}
10% {
transform: translateX(-20px);
filter: blur(10px);
}
15% {
transform: translateX(20px);
transform: rotateY(-13deg);
}
20% {
transform: translateX(-20px);
}
25% {
transform: translateX(20px);
filter: blur(10px);
}
30% {
transform: translateX(-20px);
transform: rotateY(13deg);
}
35% {
transform: translateX(20px);
}
40% {
transform: translateX(-20px);
transform: rotateY(-13deg);
filter: blur(30px);
}
45% {
transform: translateX(20px);
}
50% {
transform: translateX(-20px);
transform: rotateY(13deg);
filter: blur(0px);
}
55% {
transform: translateX(20px);
}
60% {
transform: translateX(-20px);
transform: rotateY(-13deg);
}
65% {
transform: translateX(20px);
filter: blur(15px);
}
70% {
transform: translateX(-20px);
transform: rotateY(13deg);
}
75% {
transform: translateX(20px);
}
80% {
transform: translateX(-20px);
transform: rotateY(-13deg);
filter: blur(3px);
}
85% {
transform: translateX(20px);
}
90% {
transform: translateX(-20px);
transform: rotateY(13deg);
filter: blur(300px);
}
95% {
transform: translateX(20px);
}
100% {
transform: translateX(0px);
transform: rotateY(0deg);
}
}
/* Contact Us Page
=============================================================================*/
#map {
position: relative;
}
#map>div:before,
#map>div:after,
#map>div>div:before,
#map>div>div:after {
background: #fff;
content: "";
position: absolute;
z-index: 9;
border-radius: 2px;
}
#map>div:before {
border-top: 1px solid rgba(129, 116, 0, 0.5);
height: 57px;
width: 100%;
margin: 0 1px;
top: 0;
}
#map>div:after {
border-bottom: 1px solid rgba(129, 116, 0, 0.5);
height: 20px;
width: 99.8%;
margin: 0 1px;
bottom: 0;
}
#map>div>div:before {
border-right: 1px solid rgba(129, 116, 0, 0.5);
height: 100%;
width: 20px;
margin: 1px 0;
right: 0;
}
#map>div>div:after {
border-left: 1px solid rgba(129, 116, 0, 0.5);
height: 100%;
width: 20px;
margin: 1px 0;
left: 0;
}
.jis-section-title.jis-corporate-offices-title {
border: 1px solid var(--color-grey);
border-radius: 2px;
padding: 10px;
}
.jis-section-title.jis-corporate-offices-title>div {
background-color: #fff;
}
.jis-section-title.jis-corporate-offices-title div span.page-title {
display: inline-block;
border-left: 3px solid var(--color-yellow);
background-color: var(--color-jis-cream-white);
padding: 0 10px;
font-weight: 400;
}
#page-title-wrap div,
ul#breadcrumbs,
ul#breadcrumbs li {
margin: 0;
padding: 0;
}
#page-title-wrap ul#breadcrumbs {
padding: 0 8px;
top: -2px;
position: relative;
}
ul#breadcrumbs,
ul#breadcrumbs li {
list-style: none;
display: inline-block;
}
ul#breadcrumbs li,
ul#breadcrumbs li a {
font-size: 10px;
text-transform: uppercase;
color: #2d3091;
}
.pre-text ul#breadcrumbs li,
.pre-text ul#breadcrumbs li a {
color: var(--color-jis-blue-3);
}
ul#breadcrumbs li.separator {
padding: 0 8px;
display: inline-block;
}
.jis-corporate-offices-overview-directions img {
width: 100%;
height: auto;
}
.jis-corporate-offices-overview--container {
/* display: flex;
padding-top: 1.5%;
gap: 2%; */
}
.jis-corporate-offices-overview--contact-details p {
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.5);
}
.office-address--container {
/* padding: 1.5% 0 0 0;
display: flex;
flex-wrap: wrap;
width: 100%;
gap: 2%; */
}
.office-address--item {
flex: 0 0 49%;
margin-bottom: 3%;
}
.office-address--item h3 {
padding: 0.3rem 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.13);
margin-bottom: 1rem;
}
.office-address--item a {
font-size: 14px;
color: var(--color-jis-blue-3);
}
.office-address--item table>tbody>tr>td:nth-child(1) {
width: 35px;
}
.contact-information td {
font-family: var(--font-jis-fm-secondary);
padding: 5px;
}
.contact-information td.contact-detail {
border-left: 1px solid var(--color-grey);
}
.map-directions {
background-color: #fff;
border: 1px solid rgba(129, 116, 0, 0.3);
margin: 3% 0;
border-radius: 5px;
padding: 3%;
}
.map-directions button {
background: none;
border: none;
padding: 15px;
margin: 0;
}
.departments--container {
/* display: flex;
flex-wrap: wrap;
margin-top: 3%;
gap: 2%; */
}
.departmemnt-contact-info {
flex: 0 0 49%;
margin-bottom: 3%;
}
.departmemnt-contact-info h4 {
font-family: var(--font-jis-fm-secondary);
color: var(--color-jis-blue-3);
padding-bottom: 5px;
border-bottom: 1px solid var(--color-grey);
margin-bottom: 1rem;
}
.departmemnt-contact-info .email-w-icon {
font-family: var(--font-jis-fm-secondary);
color: var(--color-jis-blue-3);
padding-bottom: 5px;
font-weight: bold;
}
.departmemnt-contact-info ul {
list-style-type: none;
margin: 1rem 0;
padding: 0;
}
.departmemnt-contact-info li a {
font-family: var(--font-jis-fm-secondary);
color: var(--color-jis-blue-3);
display: block;
padding: 0.5rem 0;
}
.newsletter-wrapper {
display: flex;
justify-content: center;
padding: 3% 0;
margin: 3% 0;
}
.nl-form {
width: 40%;
position: relative;
z-index: 13;
}
.nl-form::after {
content: "";
display: block;
position: absolute;
z-index: 5;
width: 100%;
height: 13px;
filter: blur(13px);
background-color: var(--color-jis-blue-3);
bottom: -5px;
left: -20px;
}
.newsletter-title {
font-family: var(--font-jis-fm-secondary);
color: var(--color-jis-blue-3);
text-align: center;
}
.newsletter-signup input[type="email"] {
display: block;
width: 100%;
box-sizing: border-box;
padding: 1rem;
text-align: center;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border: 1px solid rgba(129, 116, 0, 0.15);
color: #ececec;
}
.newsletter-signup input[type="button"] {
display: block;
width: 100%;
padding: 1rem;
border: 1px solid rgba(129, 116, 0, 0.15);
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
background-color: var(--color-jis-blue-3);
color: var(--color-jis-cream-white);
}
/* Bookstore
=============================================================== */
body.book-store {
background-color: var(--color-jis-blue-3);
}
.jis-shopping-header {
position: relative;
}
.jis-shopping-bag--container {
position: absolute;
right: 0;
bottom: 10px;
width: 30%;
display: flex;
gap: 3%;
align-items: center;
}
.jis-section-title.jis-book-store {
color: var(--color-jis-cream-white);
border-color: var(--color-jis-cream-white);
}
.jis-shopping-bag {
flex: 0 0 2rem;
}
.bag-status-message {
font-family: var(--font-jis-fm-secondary);
color: var(--color-jis-cream-white);
text-align: right;
display: inline-block;
margin-bottom: 5px;
}
.jis-books-gallery--container {
display: flex;
flex-wrap: wrap;
gap: 1%;
}
.jis-books-gallery--item {
flex: 0 0 clamp(280px, 19.2%, 24rem);
display: flex;
flex-direction: column;
justify-content: center;
margin: 1.5rem 0;
}
.jis-books-gallery--item {
display: flex;
flex-direction: column;
}
.jis-books-gallery--item img {
max-width: 100%;
position: relative;
z-index: 13;
}
.jis-books-gallery--item img::after {
content: "";
display: block;
height: 13px;
width: 90%;
filter: blur(13px);
position: absolute;
bottom: 0;
left: 5%;
z-index: 5;
background-color: rgba(0, 0, 0, 1);
}
.jis-book--link {
text-decoration: none;
text-align: center;
}
.book-meta-data {
padding: 1rem 0;
margin: 0 0 1rem 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.53);
min-height: 130px;
}
.book-meta-data span {
font-family: var(--font-jis-fm-secondary);
display: block;
padding: 0.13rem;
}
.book-meta-data .book-title {
color: var(--color-jis-cream-white);
}
.jis-books-gallery--container {
padding: 5% 0;
}
.jis-payment-btn {
background: transparent;
border: 1px solid var(--color-jis-cream-white);
color: var(--color-jis-cream-white);
font-family: var(--font-jis-fm-secondary);
padding: 0.35rem 1.3rem;
border-radius: 5px;
}
.jbz--content .jis-payment-btn {
flex: 0 0 60%;
justify-self: center;
}
.jis-book-zooom {
background-color: #fff;
width: 100%;
}
.jis-book-zooom--container {
display: flex;
gap: 3%;
padding: 5% 0;
}
.jbz--content-header {
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
padding-bottom: 1rem;
}
.jbz-book--title {
font-weight: bold;
}
.jbz-book--subtitle {
font-weight: 300;
}
.jbz--content p {
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.5);
}
.jbz--content .jis-payment-btn {
color: var(--color-jis-yellow-3);
border-color: var(--color-jis-yellow-3);
}
/* Fetures Page
=========================================================== */
.jis-features--video-container {
display: flex;
flex-direction: column;
justify-content: center;
text-align: center;
}
.jis-featured-video-header {
margin: 3% auto 1% auto;
text-align: center;
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
header.jis-featured-video-header h1 {
margin: 0.5em 0;
}
.jis-featured-video-footer {
padding: 1.5% 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
margin: 0 10%;
margin-bottom: 3rem;
}
.jis-featured-video-footer p {
padding: 3%;
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.5);
}
/* custom
=========================================================== */
#jis-date {
display: block;
color: var(--color-jis-cream-white);
font-family: var(--font-jis-fm-secondary);
gap: 1rem;
align-items: center;
}
/*=== Search Popup
----------------------------------------*
a.search-popup__toggler {
display: inline-block;
color: #fff;
padding: 10px;
margin: 6px 0;
font-size: 20px;
}
.search-popup {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 1000;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: bottom center;
transform-origin: bottom center;
-webkit-transition: -webkit-transform 0.7s ease;
transition: -webkit-transform 0.7s ease;
transition: transform 0.7s ease;
transition: transform 0.7s ease, -webkit-transform 0.7s ease;
}
.search-popup.active {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.search-popup__overlay {
width: 100%;
height: 100%;
background-color: #000;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
opacity: 0.7;
cursor: none;
}
.search-popup__inner {
position: absolute;
width: 100%;
height: 100%;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
.search-popup__form {
z-index: 9991;
width: 100%;
padding: 17px 30px;
padding-right: 80px;
max-width: 900px;
position: relative;
background: #fff;
border-radius: 100px;
position: relative;
}
.search-popup__form .sf-field-submit,
.search-popup__form input[type="submit"] {
border: none;
outline: none;
width: 60px;
height: 60px;
background: transparent;
overflow: hidden;
position: absolute;
top: 0px;
right: 0px;
padding: 0 !important;
margin: 0 !important;
}
.search-popup__form input[type="submit"] {
text-indent: -1000px;
}
.search-popup__form .sf-field-submit {
top: 35px;
right: 5px;
background-color: #eee;
border-radius: 50%;
cursor: pointer;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.search-popup__form .sf-field-submit:before {
font-family: "Line Awesome Free";
font-weight: 900;
display: inline-block;
content: "\f002";
background-color: #2e3192;
color: #fff;
font-size: 20px;
padding: 20px;
}
.searchandfilter h4 {
margin: 0;
padding: 0;
font-size: 12px;
text-transform: uppercase;
color: #aaa;
}
.searchandfilter ul,
.searchandfilter ul li {
display: inline-block;
padding: 0;
margin: 0;
}
.searchandfilter label {
width: 100%;
}
.searchandfilter > ul > li.sf-field-search {
width: 35%;
}
.searchandfilter > ul > li.sf-field-post_date {
width: 23%;
}
.searchandfilter > ul > li.sf-field-post_date li {
width: 48%;
display: inline-block;
padding: 0;
}
.searchandfilter > ul > li.sf-field-category {
width: 22%;
}
.searchandfilter > ul > li.sf-field-post_type {
width: 17%;
}
.searchandfilter > ul > li input,
.searchandfilter > ul > li select {
width: 98%;
height: initial;
border: 0;
border-radius: 0;
padding: 4px 4px 4px 0;
font-size: 14px;
}
.searchandfilter select.sf-input-select {
padding: 2px;
}
*/
/*=== Search Cursor
----------------------------------------*
.cursor {
position: absolute;
background-color: #fff;
width: 6px;
height: 6px;
border-radius: 100%;
z-index: 1;
-webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
z-index: 10000;
-webkit-transform: scale(1);
transform: scale(1);
visibility: hidden;
}
.cursor {
visibility: visible;
}
.cursor.active {
opacity: 0.5;
-webkit-transform: scale(0);
transform: scale(0);
}
.cursor.hovered {
opacity: 0.08;
}
.cursor-follower {
position: absolute;
background-color: RGBA(255, 255, 255, 0.3);
width: 50px;
height: 50px;
border-radius: 100%;
z-index: 1;
-webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
z-index: 10000;
visibility: hidden;
}
.cursor-follower {
visibility: visible;
}
.cursor-follower.active {
opacity: 0.7;
-webkit-transform: scale(1);
transform: scale(1);
}
.cursor-follower.hovered {
opacity: 0.08;
}
.cursor-follower.close-cursor:before {
position: absolute;
content: "";
height: 25px;
width: 2px;
background: #fff;
left: 48%;
top: 12px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
display: inline-block;
}
.cursor-follower.close-cursor:after {
position: absolute;
content: "";
height: 25px;
width: 2px;
background: #fff;
right: 48%;
top: 12px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
/*======================================
// TV slider-section
======================================*/
/* pulseShadow */
@-webkit-keyframes pulseShadowlgprimary {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(41, 98, 255, 0.7);
}
70% {
-webkit-box-shadow: 0 0 0 20px rgba(41, 98, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(41, 98, 255, 0);
}
}
@keyframes pulseShadowlgprimary {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(41, 98, 255, 0.7);
box-shadow: 0 0 0 0 rgba(41, 98, 255, 0.7);
}
70% {
-webkit-box-shadow: 0 0 0 20px rgba(41, 98, 255, 0);
box-shadow: 0 0 0 20px rgba(41, 98, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(41, 98, 255, 0);
box-shadow: 0 0 0 0 rgba(41, 98, 255, 0);
}
}
/* pulseShadow - white */
@-webkit-keyframes pulseShadowlgprimarywhite {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
}
70% {
-webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
@keyframes pulseShadowlgprimarywhite {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
}
70% {
-webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
}
}
#jis-slider ul,
#jis-slider ul li {
padding: 0;
margin: 0;
list-style: none;
}
#jis-slider .slider-section {
position: relative;
overflow: hidden;
}
#jis-slider .slider-section a {
text-decoration: none;
color: #fff;
}
.jis-radio-programs .radio-post {
max-width: 900px;
margin: 10px auto;
}
.radio-post .presenter-name {
color: #333;
}
.radio-post .plyr--full-ui {
width: 100%;
}
.radio-post .radio-player-wrapper {
width: initial;
}
#jis-slider .slide-thumbnail {
position: relative;
padding-top: 40px;
}
#jis-slider .slide-thumbnail:before {
background: rgba(255, 255, 255, 0.25);
height: 3px;
content: "";
display: block;
top: 0px;
width: 100%;
position: absolute;
}
#jis-slider .slide-thumbnail .swiper-slide:not(.swiper-slide-thumb-active) {
cursor: pointer;
}
#jis-slider .slide-thumbnail .swiper-slide-thumb-active {
position: relative;
}
#jis-slider .slide-thumbnail .swiper-slide-thumb-active:before {
background-color: var(--color-yellow);
height: 3px;
content: "";
display: block;
top: -40px;
width: 100%;
position: absolute;
z-index: 999;
}
#jis-slider .slide-main {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
z-index: 1;
}
#jis-slider .slide-main::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: -webkit-gradient(linear,
left top,
left bottom,
from(rgba(0, 0, 0, 0.4)),
color-stop(59%, rgba(0, 0, 0, 0.5)),
to(rgba(0, 0, 0, 0.8)));
background-image: linear-gradient(to bottom,
rgba(0, 0, 0, 0.4) 0%,
rgba(0, 0, 0, 0.5) 59%,
rgba(0, 0, 0, 0.8) 100%);
z-index: -1;
}
#jis-slider .slider-section div.slide-main {
padding-bottom: 325px;
display: block;
justify-content: center;
align-items: center;
position: relative;
}
#jis-slider.tv-section .slider-section div.slide-main {
padding-top: 75px;
padding-bottom: 200px;
}
#jis-slider.tv-section .slider-section .slider-thumbnail-area {
padding: 10px 10px 50px 10px;
}
/* #jis-slider .slider-content-area {
min-height: 400px;
} */
#jis-slider .slider-thumbnail-area .post-title {
color: var(--color-yellow);
}
#jis-slider .slider-thumbnail-area {
position: absolute;
left: 0;
right: 0;
padding: 10px 0;
overflow: hidden;
bottom: 0;
background: -moz-linear-gradient(top,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.65) 100%);
background: -webkit-linear-gradient(top,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.65) 100%);
background: linear-gradient(to bottom,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.65) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}
#jis-slider .slider-content-area {
top: 0;
display: table;
width: 100%;
height: 100%;
}
#jis-slider .slider-content-area .slider-content-area-inner {
vertical-align: middle;
display: table-cell;
}
#jis-slider .slider-content-area .container-fluid {
display: inline-block;
}
#jis-slider .slider-section div.slide-main {
padding-bottom: 325px;
display: block;
justify-content: center;
align-items: center;
position: relative;
height: 725px;
}
/* #jis-slider .slide-main .subtitle {
} */
#jis-slider .slide-main .published {
font-family: var(--font-jis-fm-secondary);
text-transform: uppercase;
font-weight: 500;
font-size: 12px;
/* letter-spacing: .5px; */
color: var(--color-yellow);
/* color: #222; */
padding: 3px 12px;
/* color: var(--color-brown); */
}
#jis-slider .slide-main .post-title {
font-size: 2.125rem;
overflow: hidden;
margin: 5px 0 2px 0;
/* padding-bottom: 5px; */
}
#jis-slider .slide-main .post-title a {
color: #fff;
}
@media (max-width: 991px) {
#jis-slider .slide-main .post-title {
font-size: 1.5rem;
}
}
#jis-slider .rt-post {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#jis-slider .rt-post.post-thumb {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#jis-slider .rt-post.post-thumb .post-img {
border-radius: 0;
}
#jis-slider.radio-page .rt-post.post-thumb .post-img img,
#jis-slider .rt-post.post-thumb .post-img img {
border-radius: 0;
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
#jis-slider.radio-page .swiper-slide-active .rt-post.post-thumb .post-img,
#jis-slider .swiper-slide-thumb-active .rt-post.post-thumb .post-img {
position: relative;
}
#jis-slider.radio-page .swiper-slide-active .rt-post.post-thumb .post-img img,
#jis-slider .swiper-slide-thumb-active .rt-post.post-thumb .post-img img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
#jis-slider .rt-post.post-thumb .rt-post-cat-normal {
color: #fff;
}
#jis-slider .rt-post.post-thumb .post-title {
color: var(--color-yellow);
font-weight: 600;
font-size: 18px;
}
#jis-slider .rt-post.post-thumb:hover .post-img img {
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
#jis-slider .rt-post .post-img {
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 4px;
overflow: hidden;
position: relative;
}
#jis-slider .rt-post .post-img .rt-play-over {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 2;
}
#jis-slider .rt-post .post-img img {
border-radius: 4px;
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-webkit-transform: scale(1.02);
transform: scale(1.02);
}
#jis-slider .rt-post .post-content {
-ms-flex-positive: 1;
}
#jis-slider .rt-post:hover .post-img img {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
#jis-slider .post-title a,
#jis-slider .post-title .title-ex {
color: inherit;
display: inline;
padding-bottom: 0;
-webkit-transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: background-size 0.8s cubic-bezier(0.25, 0.8, 0.25, 1);
background-image: -webkit-gradient(linear,
left top,
left bottom,
from(currentColor),
color-stop(98%, currentColor));
background-image: linear-gradient(to bottom,
currentColor 0%,
currentColor 98%);
background-size: 0 1px;
background-repeat: no-repeat;
background-position: left 100%;
color: #fff;
}
#jis-slider .post-title.bold-underline a {
background-size: 0 2px;
padding-bottom: 5px;
}
#jis-slider .post-title.bold-underline:hover a {
background-size: 100% 2px;
}
#jis-slider .post-title:hover a {
background-size: 100% 1px;
}
#jis-slider .play-btn-primary {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}
#jis-slider .play-btn-primary {
width: 60px;
height: 60px;
border-radius: 50%;
background-color: rgba(41, 98, 255, 1);
color: #fff;
font-size: 1.125rem;
-webkit-animation: pulseShadowlgprimary 2000ms linear infinite;
animation: pulseShadowlgprimary 2000ms linear infinite;
}
#jis-slider .play-btn-primary:hover {
background-color: #0034c2;
color: #fff;
}
#jis-slider .post-meta ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#jis-slider .post-meta ul li {
margin-right: 20px;
}
#jis-slider .post-meta ul li:last-child {
margin-right: 0;
}
#jis-slider .post-meta,
#jis-slider .post-content,
#jis-slider .post-thumb .rt-meta {
color: #fff;
}
#jis-slider .swiper-slide {
overflow: initial;
}
#story-image-slider .swiper-pagination .swiper-pagination-bullet {
background: #817400;
}
/* Radio Page
-------------------------------------*/
/* #jis-slider.radio-page .slide-main {
} */
#jis-slider.radio-page .jis-radio-player-full {
margin: 60px auto 70px;
max-width: 700px;
}
#jis-slider.radio-page .swiper-pagination-bullet {
background: #fff;
}
#jis-slider.radio-page .swiper-button-prev:hover,
#jis-slider.radio-page .swiper-button-next:hover {
background: rgb(255 255 255 / 10%);
}
#jis-slider.radio-page .swiper-button-prev,
#jis-slider.radio-page .swiper-button-next {
padding: 8px 0;
background: rgb(255 255 255 / 10%);
line-height: normal;
width: 50px;
height: 50px;
}
#jis-slider.radio-page .swiper-button-prev::after,
#jis-slider.radio-page .swiper-button-next::after {
color: var(--color-jis-yellow-3);
display: block;
padding: 12px 16px;
font-size: 35px;
}
#jis-slider.radio-page .swiper-button-next:after {
content: "»";
padding: 0px 12px 6px 14px;
}
#jis-slider.radio-page .swiper-button-prev:after {
content: "«";
padding: 0px 14px 6px 12px;
}
#jis-slider.radio-page .swiper-button-next {
right: 5px;
}
#jis-slider.radio-page .swiper-button-prev {
left: 5px;
}
#jis-slider.radio-page .slider-thumbnail-area .rt-post {
display: initial !important;
}
#jis-slider.radio-page .slider-thumbnail-area .post-thumb .rt-meta {
color: var(--color-jis-yellow-3);
margin-top: 5px;
display: inline-block;
}
#jis-slider.radio-page .slider-thumbnail-area .slide-thumb {
padding: 10px;
padding-bottom: 20px;
text-align: center;
min-height: 200px;
max-width: 200px;
margin: 0 auto;
}
#jis-slider.radio-page .slider-thumbnail-area img {
width: 100%;
height: auto;
}
#jis-slider.radio-page .slider-thumbnail-area .current-radio-show:after {
content: "";
position: absolute;
bottom: -1px;
left: 50%;
margin-left: -20px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 20px 20px 20px;
border-color: transparent transparent #ffffff transparent;
}
#jis-slider.radio-page .slider-thumbnail-area .current-radio-show:before {
top: -45px;
}
#jis-slider.radio-page .slider-thumbnail-area .current-radio-show {
border: 5px solid #fff;
}
#jis-slider.radio-page .slider-thumbnail-area .current-radio-show a {
display: none !important;
}
#jis-slider.radio-page .slider-thumbnail-area .swiper-slide-active {
/* background: rgb(255 255 255 / 10%); */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.2+100 */
background: -moz-linear-gradient(top,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.1) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.1) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#33ffffff', GradientType=0);
/* IE6-9 */
/* border: 5px solid rgb(255 255 255 / 10%); */
}
#jis-slider.radio-page .slider-thumbnail-area .swiper-slide a {
border: 1px solid #fff;
color: #fff;
font-size: 12px;
border-radius: 0;
font-family: var(--bs-btn-font-family);
padding: 3px 9px;
display: inline-block;
transition: all 500ms ease;
opacity: 0;
}
#jis-slider.radio-page .slider-thumbnail-area .swiper-slide:hover a {
opacity: 1;
}
/* #jis-slider.radio-page .slider-thumbnail-area .swiper-slide-active a {
display: none;
} */
#jis-slider.radio-page .slider-thumbnail-area h3 {
text-align: center;
margin: 0 0 -1px 0;
}
#jis-slider.radio-page .slider-thumbnail-area h3 span {
display: inline-block;
/* color: var(--color-jis-yellow-2); */
color: #fff;
margin: 0 auto;
position: relative;
z-index: 9;
font-size: 18px;
text-transform: uppercase;
font-family: var(--font-jis-fm-secondary);
/* line-height: calc(var(--font-jis-body-text) * 1.5);
padding: 10px 10px; */
}
#jis-slider.radio-page .slider-thumbnail-area .slide-thumbnail:before {
background: #fff;
}
#jis-slider.radio-page .slider-thumbnail-area .slide-thumbnail {
position: relative;
margin: 0 40px;
padding: 0 0 40px 0;
}
#jis-slider.radio-page .slider-thumbnail-area .slide-thumbnail:before {
display: none;
}
#jis-slider.radio-page .slider-thumbnail-area .swiper-slide:before {
display: none;
}
.jis-page-links>.row>* {
padding: 0;
}
/* .jis-page-links .jis-page-wrap .right-column {
height: 30%;
} */
.jis-page-links .right-column .jis-page-wrap {
height: 30%;
overflow: hidden;
}
.left-column .jis-page-wrap {
margin: 0 1%;
/*margin: 0 2px;*/
}
.right-column .jis-page-wrap {
/*margin: 0 2px 5.5px 2px;*/
margin: 0 1% 2.35% 1%;
}
.jis-page-wrap {
border: 5px solid rgb(255 255 255 / 15%);
}
.jis-page-wrap figure {
position: relative;
max-height: 460px;
overflow: hidden;
margin: 0;
}
.right-column .jis-page-wrap figure {
position: relative;
padding-bottom: 59%;
}
.right-column .jis-page-wrap figure img {
position: absolute;
}
.jis-page-wrap figure figcaption {
position: absolute;
bottom: 0px;
right: 0px;
left: 0px;
padding: 2rem 1rem 1rem 1rem;
text-align: right;
font-size: 12px;
line-height: normal;
color: #fff;
background: -moz-linear-gradient(top,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.95) 100%);
background: -webkit-linear-gradient(top,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.95) 100%);
background: linear-gradient(to bottom,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.95) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#d9000000', GradientType=0);
}
.jis-page-wrap figure img {
width: 100%;
height: auto;
}
.jis-music-page-wrap .features a.read-more-link.btn {
color: #fff;
border: 1px solid #fff;
}
/* .jis-footer-social-list .icon-img {
float: left;
margin-right: 10px;
} */
.jis-more-stories.jis-radio-programs-list>.row {
width: 100%;
}
section#jis-news-home {
padding-bottom: 80px;
}
.fadeInUp {
visibility: visible;
animation-duration: 1500ms;
animation-delay: 0ms;
animation-name: fadeInUp;
-webkit-animation-name: fadeInUp;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.news-block-one {
margin-bottom: 30px;
}
.news-block-one .inner-box {
position: relative;
display: block;
}
.news-block-one .inner-box:before {
position: absolute;
content: "";
width: calc(100% - 20px);
/* height: calc(100% - 10px); */
left: 10px;
top: 10px;
border: 1px solid #e0e0ea;
border-radius: 5px;
z-index: 2;
bottom: 60px;
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.news-block-one .inner-box .image-box {
position: relative;
display: block;
}
.news-block-one .inner-box .image-box .image {
position: relative;
display: block;
overflow: hidden;
box-shadow: 0 10px 10px 0 rgb(0 0 0 / 8%);
border-bottom: 5px solid var(--color-jis-yellow-1);
padding-bottom: 2px;
}
.news-block-one .inner-box .image-box .image {
position: relative;
overflow: hidden;
width: 100%;
padding-top: 56.25%;
}
.news-block-one .inner-box .image-box .image img {
position: absolute;
top: 0;
width: 100%;
}
.news-block-one .inner-box .image-box .image:before {
position: absolute;
content: "";
background: #252638;
width: 100%;
height: 100%;
left: 0;
top: 0;
opacity: 0.15;
z-index: 1;
transition: all 500ms ease;
}
.news-block-one .inner-box:hover .image-box .image:before {
opacity: 0.9;
}
.news-block-one .inner-box .image-box .image a {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
font-size: 0;
color: #fff;
z-index: 2;
}
.news-block-one .inner-box .image-box .image img {
width: 100%;
transition: all 500ms ease;
}
.news-block-one .inner-box:hover .image-box .image img {
transform: scale(1.05);
}
.news-block-one .inner-box .image-box .post-date {
position: absolute;
top: 10px;
right: 10px;
}
.news-block-one .inner-box .image-box .post-date h3 {
position: relative;
display: inline-block;
width: 64px;
font-size: 24px;
font-weight: 700;
background: #fff;
padding: 11px 0 5px 0;
text-align: center;
border-radius: 0 5px 0 5px;
line-height: 24px;
z-index: 2;
color: var(--color-jis-blue-3);
}
.news-block-one .inner-box .image-box .post-date h3 span {
display: block;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
font-family: var(--font-jis-fm-secondary);
}
.news-block-one .inner-box .lower-content {
/*position: relative;*/
/*display: block;*/
/*background: transparent;*/
/*padding: 33px 30px 15px 30px;*/
/*z-index: 2;*/
}
.news-block-one .inner-box .lower-content {
position: absolute;
left: 30px;
bottom: -15px;
z-index: 2;
}
.news-block-one .inner-box .lower-content .category a {
position: relative;
display: inline-block;
font-size: 14px;
line-height: 24px;
color: #fff;
border-radius: 4px;
text-align: center;
padding: 3px 12.5px;
background: var(--color-jis-yellow-1);
}
.news-block-one .inner-box .lower-content .category a i {
margin-right: 7px;
}
.news-block-one .inner-box .lower-content .category a:hover {
background: #252638;
}
.news-block-one .play-btn-primary {
width: 60px;
height: 60px;
border-radius: 50%;
background-color: #fff;
color: var(--color-jis-blue-3);
font-size: 1.125rem;
-webkit-animation: pulseShadowlgprimarywhite 2000ms linear infinite;
animation: pulseShadowlgprimarywhite 2000ms linear infinite;
display: inline-block;
padding: 20px;
}
.news-block-one .play-btn-wrap {
width: 100%;
position: absolute;
top: 50%;
/* left: 50%; */
/* margin-left: -30px; */
margin-top: -50px;
text-align: center;
color: #fff;
padding: 0 20px;
opacity: 0;
z-index: 99;
visibility: hidden;
}
.news-block-one .play-btn-wrap span.producedby-tag {
display: inline-block;
font-weight: 700;
background: #fff;
padding: 2px 8px;
text-align: center;
border-radius: 3px;
z-index: 2;
color: var(--color-jis-blue-3);
font-size: 10px;
font-weight: 500;
font-family: var(--font-jis-fm-secondary);
}
.news-block-one .play-btn-wrap a {
color: #fff;
text-decoration: none;
}
.news-block-one:hover .play-btn-wrap {
opacity: 1;
visibility: visible;
}
.horizontal-tab .jq-tab-menu {
margin: 0 auto;
}
.ministers-wrap .jq-tab-content {
padding: 60px 0px;
}
.ministers-wrap .horizontal-tab .jq-tab-menu .jq-tab-title.active {
border: 1px solid var(--color-jis-blue-3);
border-bottom: 1px solid #fafafa;
background-color: #fafafa;
color: var(--color-jis-blue-3);
font-weight: 500;
}
.ministers-wrap .horizontal-tab .jq-tab-menu .jq-tab-title {
font-family: var(--font-jis-fm-secondary);
font-size: var(--font-jis-sub-header);
background: none;
border: 0;
}
.ministers-wrap .horizontal-tab .jq-tab-menu {
margin-bottom: -1px;
position: relative;
z-index: 9;
}
.ministers-wrap .jq-tab-content-wrapper {
border-top: 1px solid var(--color-jis-blue-3);
}
.footer-copyright .jis-section-container {
margin-bottom: 0px;
}
/* .jis-contact .jis-useful-information-content h4 {
font-size: 12px;
line-height: normal;
font-weight: bold;
margin-bottom: 0;
} */
.jis-contact .jis-useful-information-content li h4 {
margin: 0;
padding: 0;
font-size: 12px;
line-height: normal;
font-weight: bold;
padding-top: 15px;
}
.jis-contact .jis-useful-information-content li {
/* padding: 1rem 0; */
/* border-top: 1px solid var(--color-grey); */
font-size: var(--font-jis-basefont);
line-height: calc(var(--font-jis-basefont) * 1.5);
/* text-align: right;
padding-right: 1rem; */
}
.jis-contact textarea {
height: 150px;
}
.jis-contact .jis-useful-information-more-tips li {
padding: 0.75rem 0;
}
.jis-contact form {
padding: 30px 40px;
}
.jis-contact .jis-tt-content-summary,
.jis-contact label {
display: block;
}
.jis-contact input:not([type="submit"]),
.jis-contact select,
.jis-contact textarea {
padding: 10px;
width: 98%;
background: transparent;
border: 0;
/* border-top: 1px solid #817400;
border-right: 1px solid #817400; */
background: #fff;
box-shadow: 0 5px 5px -5px rgb(0 0 0 / 10%), 0 5px 5px -5px rgb(0 0 0 / 4%);
}
/* .jis-contact .jis-useful-information-content {
display: block;
} */
.jis-contact .jis-todays-tip-content-details {
display: block;
/* flex: 1 1 75%;
padding-bottom: 3%; */
}
/* html,
body {
position: relative;
height: 100%;
background: #fff8ef;
}
body {
font-family: 'Roboto', sans-serif;
font-size: 14px;
font-weight: 400;
}
h1,
h2,
h3,
h4 {
font-family: 'merriweatherlight', serif;
} */
.home .entry-header {
display: none;
}
/*=== Margin
----------------------------------------*/
.m-100,
.mt-100 {
margin-top: 100px;
}
.m-75,
.mt-75 {
margin-top: 75px;
}
.m-50,
.mt-50 {
margin-top: 50px;
}
.m-40,
.mt-40 {
margin-top: 40px;
}
.m-25,
.mt-25 {
margin-top: 25px;
}
.m-0,
.mt-0 {
margin-top: 0px;
}
.m-100,
.mb-100 {
margin-bottom: 100px;
}
.m-75,
.mb-75 {
margin-bottom: 75px;
}
.m-50,
.mb-50 {
margin-bottom: 50px;
}
.m-40,
.mb-40 {
margin-bottom: 40px;
}
.m-25,
.mb-25 {
margin-bottom: 25px;
}
.m-0,
.mb-0 {
margin-bottom: 0px;
}
/*=== padding
----------------------------------------*/
.p-200,
.pt-200 {
padding-top: 200px;
}
.p-100,
.pt-100 {
padding-top: 100px;
}
.p-75,
.pt-75 {
padding-top: 75px;
}
.p-50,
.pt-50 {
padding-top: 50px;
}
.p-40,
.pt-40 {
padding-top: 40px;
}
.p-25,
.pt-25 {
padding-top: 25px;
}
.p-0,
.pt-0 {
padding-top: 0px;
}
.p-200,
.pb-200 {
padding-bottom: 200px;
}
.p-100,
.pb-100 {
padding-bottom: 100px;
}
.p-75,
.pb-75 {
padding-bottom: 75px;
}
.p-50,
.pb-50 {
padding-bottom: 50px;
}
.p-40,
.pb-40 {
padding-bottom: 40px;
}
.p-25,
.pb-25 {
padding-bottom: 25px;
}
.p-0,
.pb-0 {
padding-bottom: 0px;
}
/*=== Text Align
----------------------------------------*/
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
/*=== Navigation Bar
----------------------------------------*/
#masthead {
background-color: #2e3192;
position: fixed;
width: 100%;
top: 0;
/* height: 60px; */
/*z-index: 9999999;*/
z-index: 9999;
}
/* .jis-branding {
justify-self: center;
} */
/* a.logo.icon {
max-width: 55px;
display: inline-block;
} */
.site-branding {
height: 70px;
/* overflow: hidden; */
}
.jis-menu-bar {
background-image: url(/wp-content/themes/jis2022/img/header-bgrd.png);
width: 100%;
background-repeat: no-repeat;
background-position: center top;
align-items: center;
top: 0;
z-index: var(--layer-index-top);
overflow: hidden;
background-size: 1100px;
}
.jis-menu-bar:before {
content: "";
background: rgb(46 49 146 / 0%);
top: 0;
bottom: 0;
right: 0;
left: 0;
position: absolute;
z-index: 0;
}
.jis-menu-bar>.row {
position: relative;
z-index: 1;
}
footer a.logo.icon {
height: 60px;
width: 60px;
display: inline-block;
margin: -10px;
}
header a.logo.icon {
height: 120px;
width: 120px;
display: block;
background: #3438a5;
border-radius: 50%;
padding: 30px;
top: -36px;
margin-left: -60px;
left: 50%;
position: relative;
box-shadow: rgb(50 50 93 / 25%) 0px 30px 60px -12px inset, rgb(0 0 0 / 30%) 0px 18px 36px -18px inset;
border: 1px solid rgb(77 82 210 / 60%);
}
#jis-name {
position: relative;
}
a.logo.text {
text-transform: uppercase;
font-weight: 500;
display: inline-block;
margin: 0;
background-color: #fff;
padding: 0.2rem 0.6rem;
color: var(--color-story-title);
font-size: var(--font-jis-small-text);
font-family: var(--font-jis-fm-secondary);
position: absolute;
bottom: -12px;
width: 250px;
margin-left: -125px;
left: 50%;
z-index: 9;
border-radius: 2px;
box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
}
/*.addtoany_list a, */
/*.widget .addtoany_list a {*/
/* background: none !important;*/
/*}*/
/* a.logo.icon img {
margin-top: 2px;
} */
/* .jis-menu-bar {
height: 50px;
} */
/* a.logo.icon {
max-width: 80px;
display: inline-block;
background: #fff8ef;
border-radius: 50%;
padding: 10px;
top: 10px;
position: relative;
} */
/*
.logo.icon img {
padding: 10px;
background: #2e3192;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 *
background: -moz-linear-gradient(
top,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.65) 100%
); /* FF3.6-15 *
background: -webkit-linear-gradient(
top,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.65) 100%
); /* Chrome10-25,Safari5.1-6 *
background: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.65) 100%
); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 *
}
.logo.icon {
border-radius: 50%;
background: #2e3192;
overflow: hidden;
} */
/*=== Weather & Date
----------------------------------------*/
button#button-owm-weather-id-296403-1 {
background: #fff;
border: 0;
width: 35px;
padding: 5px;
}
#jis-logo {
padding-top: 5px;
padding-bottom: 5px;
}
#jis-weather,
#jis-date {
padding-top: 10px;
padding-bottom: 8px;
}
#jis-nav-btn,
#jis-search-btn {
padding-top: 6px;
padding-bottom: 6px;
}
.jis-date {
color: #fff;
font-size: 14px;
}
.jis-date>span {
display: inline-block;
text-align: left;
}
#current-time {
text-transform: uppercase;
}
/*=== Weather Widget
----------------------------------------*/
.owmw-small .owmw-now {
width: 100%;
display: inline-block;
position: relative;
}
div.owmw-template-Default {
padding: 0;
padding-right: 8px;
}
.owmw-small .owmw-now .owmw-location-name,
.owmw-small .owmw-now .owmw-main-symbol,
.owmw-small .owmw-now .owmw-main-temperature,
.owmw-small .owmw-now .owmw-short-condition {
float: left;
display: inline-block;
display: table-cell;
vertical-align: middle;
height: 45px;
padding: 0;
color: #fff;
margin: 0;
}
.owmw-small .owmw-now .owmw-location-name,
.owmw-small .owmw-now .owmw-short-condition {
width: 80%;
height: 20px;
text-align: right !important;
font-size: 14px;
}
.owmw-small .owmw-now .owmw-main-symbol {
width: 20%;
float: right;
}
.owmw-small .owmw-now .owmw-main-symbol>* {
width: 60px;
height: 60px;
top: -15px;
left: 5px;
position: relative;
}
.owmw-small .owmw-now .owmw-main-temperature {
width: 10%;
position: absolute;
top: 0;
right: -30px;
}
/*=== Search Popup
----------------------------------------*/
a.search-popup__toggler {
display: inline-block;
color: #fff;
padding: 10px;
margin: 6px 0;
}
.search-popup {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 1000;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-webkit-transform-origin: bottom center;
transform-origin: bottom center;
-webkit-transition: -webkit-transform 0.7s ease;
transition: -webkit-transform 0.7s ease;
transition: transform 0.7s ease;
transition: transform 0.7s ease, -webkit-transform 0.7s ease;
}
.search-popup.active {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.search-popup__overlay {
width: 100%;
height: 100%;
background-color: #000;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
opacity: 0.7;
cursor: none;
}
.search-popup__inner {
position: absolute;
width: 100%;
height: 100%;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
}
.search-popup__form {
z-index: 9991;
width: 100%;
padding: 12px 30px;
padding-right: 80px;
max-width: 1000px;
position: relative;
background: #fff;
border-radius: 100px;
position: relative;
}
.search-popup__form .sf-field-submit,
.search-popup__form input[type="submit"] {
border: none;
outline: none;
width: 60px;
height: 60px;
background: transparent;
overflow: hidden;
position: absolute;
top: 0px;
right: 0px;
padding: 0 !important;
margin: 0 !important;
}
.search-popup__form input[type="submit"] {
text-indent: -1000px;
}
.search-popup__form .sf-field-submit {
top: 35px;
right: 5px;
background-color: #eee;
border-radius: 50%;
cursor: pointer;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.search-popup__form .sf-field-submit:before {
font-family: "Line Awesome Free";
font-weight: 900;
display: inline-block;
content: "\f002";
background-color: #2e3192;
color: #fff;
font-size: 20px;
padding: 15px 20px;
}
.searchandfilter h4 {
margin: 0;
padding: 0;
font-size: 12px;
text-transform: uppercase;
color: #aaa;
}
.searchandfilter ul,
.searchandfilter ul li {
display: inline-block;
padding: 0;
margin: 0;
}
.searchandfilter label {
width: 98%;
}
/******* fields *******/
.searchandfilter>ul>li.sf-field-search {
width: 35%;
}
.searchandfilter>ul>li.sf-field-post_date {
width: 25%;
}
.searchandfilter>ul>li.sf-field-post_date li {
width: 50%;
display: inline-block;
padding: 0;
}
.searchandfilter>ul>li.sf-field-category {
width: 20%;
}
.searchandfilter>ul>li.sf-field-post_type {
width: 20%;
}
@media (max-width: 768px) {
/******* fields *******/
.search-popup__form {
border-radius: 0px;
}
.search-popup__form .sf-field-submit,
.search-popup__form input[type="submit"] {
top: 40px !important;
right: 20px !important;
}
.searchandfilter>ul>li.sf-field-search,
.searchandfilter>ul>li.sf-field-post_date,
.searchandfilter>ul>li.sf-field-category,
.searchandfilter>ul>li.sf-field-post_type {
padding: 10px 0;
}
.searchandfilter>ul>li.sf-field-search {
width: 50%;
}
.searchandfilter>ul>li.sf-field-post_date {
width: 50%;
}
.searchandfilter>ul>li.sf-field-category {
width: 50%;
}
.searchandfilter>ul>li.sf-field-post_type {
width: 50%;
}
}
@media (max-width: 576px) {
/******* fields *******/
.searchandfilter>ul>li.sf-field-search {
width: 100%;
}
.searchandfilter>ul>li.sf-field-post_date {
width: 100%;
}
.searchandfilter>ul>li.sf-field-category {
width: 100%;
}
.searchandfilter>ul>li.sf-field-post_type {
width: 100%;
}
}
.searchandfilter>ul>li input,
.searchandfilter>ul>li select {
width: 98%;
height: initial;
border: 0;
border-radius: 0;
padding: 4px 4px 4px 0;
font-size: 14px;
border-bottom: 1px solid #ddd;
padding-left: 10px;
font-family: var(--font-jis-fm-secondary) !important;
font-weight: 500;
}
.searchandfilter select.sf-input-select {
padding: 5px;
}
/*=== search Cursor
----------------------------------------*/
.cursor {
position: absolute;
background-color: #fff;
width: 6px;
height: 6px;
border-radius: 100%;
z-index: 1;
-webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
z-index: 10000;
-webkit-transform: scale(1);
transform: scale(1);
visibility: hidden;
}
.cursor {
visibility: visible;
}
.cursor.active {
opacity: 0.5;
-webkit-transform: scale(0);
transform: scale(0);
}
.cursor.hovered {
opacity: 0.08;
}
.cursor-follower {
position: absolute;
background-color: RGBA(255, 255, 255, 0.3);
width: 50px;
height: 50px;
border-radius: 100%;
z-index: 1;
-webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;
transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform,
0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity,
0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
pointer-events: none;
z-index: 10000;
visibility: hidden;
}
.cursor-follower {
visibility: visible;
}
.cursor-follower.active {
opacity: 0.7;
-webkit-transform: scale(1);
transform: scale(1);
}
.cursor-follower.hovered {
opacity: 0.08;
}
.cursor-follower.close-cursor:before {
position: absolute;
content: "";
height: 25px;
width: 2px;
background: #fff;
left: 48%;
top: 12px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
display: inline-block;
}
.cursor-follower.close-cursor:after {
position: absolute;
content: "";
height: 25px;
width: 2px;
background: #fff;
right: 48%;
top: 12px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.jis-features-content-wrap .read-more-features {
font-family: var(--font-jis-fm-secondary);
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.5);
color: var(--color-jis-blue-4);
font-weight: bold;
display: block;
text-align: right;
margin-top: 0;
}
.dot {
background-color: #737373;
border-radius: 50%;
height: 4px;
margin: 3px 6px;
width: 4px;
display: inline-block;
}
#jis-locations-map {
border: 10px solid #eee;
background-color: #eee;
height: 600px;
}
.leaflet-container .leaflet-popup-content-wrapper {
border-radius: 4px;
}
.leaflet-container .leaflet-popup-content {
margin: 10px;
width: 220px !important;
}
.leaflet-container a.leaflet-popup-close-button {
top: -10px;
right: -10px;
padding: 8px;
width: 30px;
height: 30px;
color: #333;
background: #fff;
border-radius: 50%;
}
.leaflet-container .leaflet-popup-content img {
margin-bottom: 8px;
width: 250px;
height: auto;
}
.leaflet-container a.leaflet-popup-close-button {
top: -10px;
right: -10px;
padding: 8px;
width: 30px;
height: 30px;
color: #333;
background: #fff;
border-radius: 50%;
}
article .entry-meta {
font-family: var(--font-jis-fm-secondary);
color: var(--color-jis-blue-3);
margin-top: 0;
text-decoration: none;
font-size: 12px;
line-height: 16px;
margin-bottom: 8px;
font-weight: 500;
margin-top: 5px;
}
article .entry-meta .dot {
background-color: var(--color-jis-blue-3);
}
article .entry-content ul,
article .entry-content ol {
margin-left: 1.5em;
padding-left: 1.5em;
}
article h3 {
font-size: 24px;
margin: 10px 0;
}
article h3 a {
color: var(--color-jis-black) !important;
}
article .entry-meta .entry-date {
display: inline-block;
text-transform: capitalize;
color: var(--color-jis-black);
}
article .entry-meta .entry-cat-items {
border-left: 1px solid var(--color-grey);
padding-left: 6px;
margin-left: 2px;
}
article .entry-meta .entry-cat a {
text-transform: uppercase;
font-weight: 700;
color: var(--color-blue);
}
.story-credit {
margin-top: 10px;
color: var(--color-blue);
font-size: 14px;
}
.story-author-name {
color: var(--color-jis-black);
text-transform: uppercase;
}
/*
.stream-item {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-align-items: flex-start;
align-items: flex-start;
border-bottom: 1px solid var(--color-grey);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 24px 0;
width: 100%
}
.stream-item__label {
color: #737373;
display: inline-block;
font: 400 12px/1.17 Work Sans, sans-serif;
letter-spacing: -.17px;
margin-right: 16px
}
.stream-item__image {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
position: relative;
width: 100%
}
.stream-item__badge,
.stream-item__date,
.stream-item__views {
color: #737373;
display: inline-block;
font: 400 10px/1.4 Work Sans, sans-serif;
letter-spacing: -.1px;
white-space: nowrap
}
.stream-item__title {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font: 600 18px/1.56 Merriweather, serif;
margin: 10px 0 15px;
overflow: hidden;
text-decoration: none;
-o-text-overflow: ellipsis;
text-overflow: ellipsis
}
.stream__more-articles-wrapper {
padding: 24px 0;
text-align: center
} */
.search-form-wrap {
display: table;
width: 100%;
}
.search-form-inner-wrap {
display: table-cell;
vertical-align: middle;
text-align: center;
height: 600px;
background-size: cover;
background-position: center;
background-attachment: fixed;
position: relative;
}
.search-form-inner-wrap .search-popup__form {
z-index: 9;
text-align: left;
display: inline-block;
box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px,
rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px,
rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
/* .search-form-wrap .caption:before {
width: 1px;
height: 1px;
box-shadow: #000 0px 1000px 1000px;
position: absolute;
top: 0;
left: 50%;
content: "";
} */
.search-form-wrap .caption {
overflow: hidden;
max-width: 840px;
width: 100%;
margin: 0 auto;
padding: 10px 20px;
color: #fff;
font-size: 12px;
position: relative;
z-index: 99999;
/* 302173 301373 Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(top,
rgba(0, 0, 0, 0.65) 0%,
rgba(0, 0, 0, 0) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top,
rgba(0, 0, 0, 0.65) 0%,
rgba(0, 0, 0, 0) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,
rgba(0, 0, 0, 0.65) 0%,
rgba(0, 0, 0, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
/* IE6-9 */
}
.search-form-inner-wrap:before,
.search-form-inner-wrap:after {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
content: " ";
}
/* .search-form-inner-wrap:before{
background: rgba(0,0,0,0.1);
} */
.search-form-inner-wrap:after {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+40,0+60,1+100 */
background: -moz-linear-gradient(top,
rgba(0, 0, 0, 0.65) 0%,
rgba(0, 0, 0, 0) 40%,
rgba(0, 0, 0, 0) 60%,
rgba(0, 0, 0, 1) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top,
rgba(0, 0, 0, 0.65) 0%,
rgba(0, 0, 0, 0) 40%,
rgba(0, 0, 0, 0) 60%,
rgba(0, 0, 0, 1) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,
rgba(0, 0, 0, 0.65) 0%,
rgba(0, 0, 0, 0) 40%,
rgba(0, 0, 0, 0) 60%,
rgba(0, 0, 0, 1) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#000000', GradientType=0);
/* IE6-9 */
}
/* #story-image-slider .slide-main {
min-height: 400px;
padding-top: 0;
} */
/* #story-image-slider .slide-main img {
visibility: hidden;
} */
/* #story-image-slider .slide-thumbnail {
padding: 15px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 *
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
/* FF3.6-15 *
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
/* Chrome10-25,Safari5.1-6 *
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
/* IE6-9 *
} */
/* #story-image-slider .slide-thumbnail img {
width: 100%;
height: auto;
}
#story-image-slider .slider-thumbnail-area {
bottom: 0;
}
#story-image-slider .slider-thumbnail-area .rt-post {
display: block;
} */
#story-image-slider .slide-main::after {
background: none;
}
/* #story-image-slider.slider-wrapper {
padding-bottom: 2%;
} */
#story-image-slider .slide-main {
position: relative;
padding-bottom: 20px;
}
.jis-share-story {
position: relative;
}
article.jis-single-story-content h2 {
margin: 0 0 1.2rem;
margin-bottom: 8px;
color: var(--color-jis-blue-3);
text-transform: uppercase;
font-family: var(--font-jis-fm-secondary);
font-size: 14px;
line-height: calc(var(--font-jis-body-text) * 1.5);
font-weight: bold;
}
article.jis-single-story-content .the-full-story figure.wp-caption {
margin: 0 auto;
font-size: 12px;
background: rgb(0 0 0 / 3%);
}
article.jis-single-story-content .the-full-story figure.wp-caption figcaption {
padding: 10px;
}
article.jis-single-story-content .radio-post {
padding: 30px;
margin-top: 15px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0.6+60,0+100 */
background: -moz-linear-gradient(top,
rgba(255, 255, 255, 1) 0%,
rgba(255, 255, 255, 0.6) 60%,
rgba(255, 255, 255, 0) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top,
rgba(255, 255, 255, 1) 0%,
rgba(255, 255, 255, 0.6) 60%,
rgba(255, 255, 255, 0) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,
rgba(255, 255, 255, 1) 0%,
rgba(255, 255, 255, 0.6) 60%,
rgba(255, 255, 255, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
/* IE6-9 */
}
.the-main-facts ul li {
font-size: var(--font-jis-body-text);
line-height: calc(var(--font-jis-body-text) * 1.5);
padding: 2% 0;
}
.the-main-facts ul,
.the-main-facts ul li {
margin: 0;
list-style: none;
position: relative;
padding-left: 30px;
padding-right: 30px;
}
.the-main-facts ul {
margin-bottom: 20px;
}
.the-main-facts ul li:before,
.the-main-facts ul li:after {
background-color: var(--color-jis-blue-3);
position: absolute;
top: 20px;
content: "";
}
.the-main-facts ul li:before {
width: 9px;
height: 9px;
border-radius: 50%;
left: 0;
}
.the-main-facts ul li:not(:last-child):after {
width: 1px;
height: 1px;
left: 4px;
-webkit-transition: height 1.5s;
-moz-transition: height 1.5s;
-ms-transition: height 1.5s;
-o-transition: height 1.5s;
transition: height 1.5s;
}
.the-main-facts ul li.fact-infocus:not(:last-child):after {
height: 100%;
}
.nav-links .nav-previous {
text-align: left;
}
.nav-links .nav-next {
text-align: right;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 0.3em;
}
.site-main .comment-navigation a,
.site-main .posts-navigation a,
.site-main .post-navigation a {
color: var(--color-jis-blue-3);
}
.h_line {
fill: none;
stroke: #000000;
stroke-width: 0.5;
stroke-miterlimit: 10;
}
.arrow_head {
fill: none;
stroke: #000000;
stroke-width: 0.5;
stroke-linecap: round;
stroke-miterlimit: 10;
}
/*---------------------------------------------------------------------------------------------------
# downloads
---------------------------------------------------------------------------------------------------*/
.dlm-downloads {
padding: 0;
}
.dlm-downloads li {
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none;
-webkit-border-radius: 0 0 0 0;
-moz-border-radius: 0 0 0 0;
-ms-border-radius: 0 0 0 0;
-o-border-radius: 0 0 0 0;
border-radius: 0 0 0 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
background: none;
border: 0;
bottom: auto;
box-sizing: border-box;
clip: auto;
color: #666;
display: block;
float: none;
font-family: inherit;
font-size: 13px;
height: auto;
left: auto;
line-height: 1.7;
list-style-type: none;
margin: 0t;
min-height: auto;
max-height: none;
opacity: 1;
outline: none;
overflow: visible;
padding: 0;
position: relative;
pointer-events: auto;
right: auto;
text-align: left;
text-decoration: none;
text-transform: none;
transform: none;
top: auto;
vertical-align: baseline;
visibility: inherit;
width: auto;
word-wrap: break-word;
}
.dlm-downloads .download-link {
position: relative;
left: 5px;
color: #666;
font-family: inherit;
font-size: 13px;
text-transform: none;
text-decoration: none;
font-weight: normal;
margin: 0;
padding: 2px 2px 2px 15px;
vertical-align: top;
display: block;
}
.dlm-downloads .download-link:hover {
background: #9030de;
color: #fff;
}
.dlm-downloads .download-link:before {
content: "\f054";
font-family: FontAwesome;
display: inline-block;
width: 6px;
color: #435061;
position: absolute;
top: 7px;
left: 3px;
font-size: 50%;
}
/*---------------------------------------------------------------------------------------------------
# CAREERS
---------------------------------------------------------------------------------------------------*/
.career .dlm-downloads .download-link {
padding: 30px !important;
margin-bottom: 20px;
font-size: 18px !important;
font-weight: bold;
box-shadow: 0 0px 15px var(--color-grey);
transition: 0.3s;
}
.career .dlm-downloads .download-link:before {
width: 12px !important;
position: relative !important;
top: 0 !important;
left: 0 !important;
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.heads-of-gov {
padding: 10px;
}
.heads-of-gov .opposition-leader .personal-title,
.heads-of-gov .governor-general .personal-title {
padding: 15px;
}
.heads-of-gov .member .title-prefix,
.heads-of-gov .member .title-name,
.heads-of-gov .member .title-postfix {
font-size: 12px;
line-height: normal;
text-align: left;
text-transform: uppercase;
color: #fff;
font-weight: 600;
margin: 0;
}
.heads-of-gov .member .title-name {
color: var(--color-jis-yellow-3);
}
.heads-of-gov .member .title-postfix {
font-weight: 400;
text-transform: none;
}
div.heads-of-gov .member span.title-prefix {
line-height: 16px;
display: block;
padding-bottom: 2px;
}
.heads-of-gov .member.governor-general .profile-title,
.heads-of-gov .member.governor-general .title-prefix,
.heads-of-gov .member.governor-general .title-name,
.heads-of-gov .member.governor-general .title-postfix {
font-size: 16px;
line-height: 20px;
}
.heads-of-gov img {
width: 100%;
height: auto;
/* padding: 5px; */
position: absolute;
top: 0px;
}
.heads-of-gov div.row,
.heads-of-gov div.row>* {
padding: 0 !important;
margin: 0 !important;
}
.heads-of-gov .prime-minister,
.heads-of-gov .opposition-leader,
.heads-of-gov .governor-general {
position: relative;
overflow: hidden;
margin: 5px;
}
.heads-of-gov .opposition-leader,
.heads-of-gov .prime-minister {
padding-bottom: 82.5%;
}
.heads-of-gov .governor-general {
padding-bottom: 120%;
}
.heads-of-gov h3 {
position: absolute;
top: 10px;
left: 10px;
z-index: var(--layer-index-bottom);
background-color: var(--color-jis-blue-3);
font-family: var(--font-jis-fm-secondary);
font-weight: bold;
font-size: 13px;
margin: 0;
padding: 0.3rem 0.6rem;
color: #fff;
}
.heads-of-gov .member a {
display: block;
}
.heads-of-gov .member a:after {
content: " ";
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 70%;
z-index: 1;
background: -moz-linear-gradient(top,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.95) 100%);
background: -webkit-linear-gradient(top,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0.95) 100%);
background: linear-gradient(to bottom,
rgba(0, 0, 0, 0) 0%,
rgba(34, 19, 19, 0.95) 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}
.heads-of-gov .personal-title {
z-index: 999;
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
padding: 25px;
z-index: 3;
}
.ministers-wrap .minister {
color: #111111;
background-color: #ffffff;
text-align: center;
padding: 0px 30px 30px 30px;
position: relative;
max-width: 100%;
text-align: center;
margin-bottom: 60px;
}
.ministers-wrap .minister img {
position: relative;
top: -30px;
width: 240px;
height: 240px;
margin: 0 auto 0;
border-color: var(--color-jis-yellow-3);
stroke: var(--color-jis-blue-3);
border-width: 2px;
border-style: solid;
object-fit: cover;
display: block;
}
.government-downloads i {
border-radius: 50%;
font-size: 50px;
padding: 25px 0;
margin-top: -60px;
}
.ministers-wrap h3 {
text-transform: uppercase;
font-size: 1rem;
font-weight: 700;
margin: 2px 0 0;
}
.ministers-wrap p.position {
font-weight: 100;
margin: 10px 0;
font-size: 12px;
}
.ministers-wrap p.desc {
font-weight: 300;
font-style: normal;
margin: 23px 0 0;
}
.ministers-wrap {
padding-top: 50px;
}
.ministers-wrap a.read-more-link {
font-size: 12px;
}
.ministry-news-wrap .story-feature-title {
font-size: 18px;
line-height: calc(var(--font-jis-body-text) * 1.8);
color: var(--color-jis-black);
padding-top: 16px;
}
.ministry-news-wrap .story-credit {
margin-bottom: 10px;
}
.ministry-head {
padding: 15px;
background: #1d1f75;
font-size: 12px;
color: #fff;
margin-top: 20px;
}
.ministry-head a {
color: #fff;
}
.ministry-head .label {
display: block;
text-transform: uppercase;
font-family: var(--font-jis-fm-secondary);
font-weight: 600;
border-bottom: 1px solid #fff;
padding-bottom: 1px;
margin-bottom: 12px;
}
.ministry-head .title-prefix {
display: block;
}
.ministry-head .title-name {
font-size: 20px;
font-weight: bold;
margin: 0;
display: inline-block;
}
.ministry-head.perm-sec {
background: #ffee00;
color: #222;
}
.ministry-head.state-min,
.ministry-head.min-wout-portfolio {
border: 1px solid rgb(0 0 0 / 10%);
background: #fff;
margin-top: 6px;
}
.ministry-head.perm-sec a,
.ministry-head.state-min a,
.ministry-head.min-wout-portfolio a {
color: #222;
}
.ministry-head.perm-sec .label,
.ministry-head.state-min .label,
.ministry-head.min-wout-portfolio .label {
border-bottom: 1px solid #222;
}
/* .ministry-head.min-wout-portfolio {
background: #f8f8f8;
color: #222;
}
.ministry-head.min-wout-portfolio .label {
border-bottom: 1px solid #222;
} */
/*--------------------------------------------------------------
# SIDEBAR
--------------------------------------------------------------*/
.sidebar .advertisements .ad-item {
border: 15px solid rgba(0, 0, 0, 0.05);
}
#sidebar-region .row {
margin: 0;
}
#sidebar-region .block {
padding-bottom: 60px;
overflow-x: hidden;
}
#sidebar-region iframe,
#sidebar-region object,
#sidebar-region embed {
min-width: 0 !important;
}
.block .block-title {
padding-bottom: 10px;
margin-bottom: 16px;
border-bottom: 1px solid #e0e0e0;
/* color: #666; */
position: relative;
text-align: left;
font-family: var(--font-jis-fm-secondary);
font-weight: 500;
color: var(--color-jis-blue-3);
}
.block .block-title .fa {
float: right;
color: #e0e0e0;
font-size: 20px;
}
.block .block-title:after {
width: 60px;
content: " ";
height: 1px;
background: #666;
display: inline-block;
position: absolute;
bottom: -1px;
left: 0;
}
.block a.read-more-link {
font-size: 14px;
padding-top: 20px;
}
/*-----------------------------
# LATEST STORIES IN SIDEBAR
------------------------------*/
#sidebar-region .latest-stories .time,
#sidebar-region .jis-radio .time {
background: #3b4da5;
display: inline-block;
padding: 2px 10px;
text-transform: uppercase;
font-size: 10px;
color: #fff;
font-weight: 600;
border-radius: 4px;
margin-bottom: 10px;
font-family: var(--font-jis-fm-secondary);
}
#sidebar-region .latest-stories .row {
padding-bottom: 12px;
}
#sidebar-region .latest-stories .title a {
font-size: 14px;
color: #435061;
text-decoration: none;
}
#sidebar-region .latest-stories .title a:hover {
color: #6748c1;
}
#sidebar-region .latest-stories .category {
text-transform: uppercase;
font-size: 10px;
font-weight: 600;
padding-top: 4px;
font-family: var(--font-jis-fm-secondary);
}
#sidebar-region .latest-stories .left-col {
padding-left: 0;
text-align: right;
position: relative;
}
#sidebar-region .latest-stories .left-col:before {
width: 10px;
height: 10px;
border-radius: 50%;
border: 2px solid #3b4da5;
content: " ";
background: var(--color-jis-cream-white);
display: inline-block;
position: absolute;
top: 7px;
right: -6px;
bottom: -12px;
z-index: 1;
}
#sidebar-region .latest-stories .left-col:after {
width: 1px;
content: " ";
background: #ddd;
display: inline-block;
position: absolute;
top: 0px;
right: -1px;
bottom: -12px;
}
#sidebar-region .latest-stories .block-content .row:first-child .left-col:after {
top: 5px;
}
/*
#sidebar-region .latest-stories .block-content .row:nth-child(6n+1) .category {
color: #4054b2
}
#sidebar-region .latest-stories .block-content .row:nth-child(6n+1) .left-col:before {
background: #4054b2;
}
#sidebar-region .latest-stories .block-content .row:nth-child(6n+2) .category {
color: #4a60c9;
}
#sidebar-region .latest-stories .block-content .row:nth-child(6n+2) .left-col:before {
background: #4a60c9;
}
#sidebar-region .latest-stories .block-content .row:nth-child(6n+3) .category {
color: #5974f3;
}
#sidebar-region .latest-stories .block-content .row:nth-child(6n+3) .left-col:before {
background: #5974f3;
}
#sidebar-region .latest-stories .block-content .row:nth-child(6n+4) .category {
color: #6e86f7;
}
#sidebar-region .latest-stories .block-content .row:nth-child(6n+4) .left-col:before {
background: #6e86f7;
}
#sidebar-region .latest-stories .block-content .row:nth-child(6n+5) .category {
color: var(--color-jis-scheme-7-e);
}
#sidebar-region .latest-stories .block-content .row:nth-child(6n+5) .left-col:before {
background: var(--color-jis-scheme-7-e);
}
#sidebar-region .latest-stories .block-content .row:nth-child(6n+6) .category {
color: #d6c500;
}
#sidebar-region .latest-stories .block-content .row:nth-child(6n+6) .left-col:before {
background: #d6c500;
} */
/*-----------------------------
# WEEK IN REVIEW
------------------------------*
#sidebar-region .week-in-review-wrap div {
padding: 0;
}
#sidebar-region .week-in-review-wrap .inner-wrap {
position: relative;
}
#sidebar-region .week-in-review-wrap .caption {
padding: 5px;
margin: 0;
text-transform: uppercase;
font-weight: 600;
}
#sidebar-region .week-in-review-wrap .col-lg-4:nth-child(3n+2) .inner-wrap {
margin-right: 2px;
}
#sidebar-region .week-in-review-wrap .col-lg-4:nth-child(3n+3) .inner-wrap {
margin: 0 1px;
}
#sidebar-region .week-in-review-wrap .col-lg-4:nth-child(3n+4) .inner-wrap {
margin-left: 2px;
}
#sidebar-region .week-in-review-wrap .col-lg-4:nth-child(3n+2) .inner-wrap,
#sidebar-region .week-in-review-wrap .col-lg-4:nth-child(3n+3) .inner-wrap,
#sidebar-region .week-in-review-wrap .col-lg-4:nth-child(3n+4) .inner-wrap {
margin-top: 3px;
}*/
/*-----------------------------
# GET THE FACTS
------------------------------*/
#sidebar-region .get-the-facts .block-content .fa {
color: #e0e0e0;
font-size: 90px;
}
#sidebar-region .get-the-facts li a {
font-size: 14px;
}
#sidebar-region .get-the-facts li {
padding: 5px 20px;
}
/*--------------------------------------------------------------
# RELARED PAGES
--------------------------------------------------------------*/
/*.related-pages .block-title {*/
/* text-transform: capitalize;*/
/*}*/
#mega-menu-menu-1 .mega-menu-item ul.mega-sub-menu,
.related-pages ul {
padding: 0;
margin: 0;
padding-left: 20px;
}
#mega-menu-menu-1 .mega-menu-item ul.mega-sub-menu li,
.related-pages ul li {
margin-bottom: 5px;
list-style-type: none;
position: relative;
padding-left: 12px;
}
#mega-menu-menu-1 .mega-menu-item ul.mega-sub-menu li a:before,
.related-pages ul li a:before {
content: "\f054";
font-family: FontAwesome;
display: inline-block;
width: 15px;
color: #817400;
position: absolute;
top: 8px;
left: 0;
font-size: 9px;
}
#mega-menu-menu-1 .mega-menu-item ul li a,
.related-pages ul li a {
color: #435061;
padding: 6px 12px;
display: inline-block;
font-size: 14px;
}
.related-pages ul li a:hover {
color: #fff;
background: #4054b2;
text-decoration: none;
}
.related-pages .children {
margin-left: 15px;
}
*/
/*--------------------------------------------------------------
# PHOTO OF THE DAY
--------------------------------------------------------------*/
#photo-of-the-day .pod-wrap {
border-bottom: 4px solid var(--color-grey);
position: relative;
}
#photo-of-the-day .info-wrap p {
font-family: var(--font-jis-fm-secondary);
font-size: 12px;
padding: 10px;
margin: 0;
}
/* .pod-gallery .story-item {
max-height: 200px;
overflow-y: hidden;
}
.jis-pod-outer-wrap {
margin-top: 50px;
} */
/*--------------------------------------------------------------
# GENERAL PAGE TEMPLATE
--------------------------------------------------------------*/
.jis-page-container .entry-image {
border-bottom: 1px solid #ccc;
}
.jis-page-container .entry-image .image-wrap {
position: relative;
}
.jis-page-container .entry-image img {
width: 100%;
height: auto;
object-fit: cover;
display: block;
}
.jis-page-container .iframe-wrap iframe,
.jis-page-container .entry-image img {
border-color: var(--color-jis-yellow-3);
border-width: 5px;
border-style: solid;
}
.jis-page-container .iframe-wrap {
position: relative;
width: 100%;
padding-bottom: 140%;
}
.jis-page-container .iframe-wrap.jis_page {
padding-bottom: 185%;
}
.jis-page-container .iframe-wrap iframe {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.jis-page-container .entry-image .parent-title {
position: absolute;
bottom: -18px;
width: 100%;
text-align: center;
}
.jis-page-container .entry-image .parent-title span {
background-color: var(--color-jis-blue-3);
padding: 5px 15px;
color: #fff;
font-family: var(--font-jis-fm-secondary);
font-weight: 600;
text-transform: uppercase;
font-size: var(--font-jis-small-text);
line-height: calc(var(--font-jis-small-text) * 1.5);
}
.jis-page-container .entry-image .image-caption {
text-align: center;
font-family: var(--font-jis-fm-secondary);
font-size: 14px;
padding: 25px 10px;
margin: 0;
}
.jis-section-container .jis-govt-ministry,
.jis-section-container .jis-govt-ministry .jgm--container,
.jis-section-container .jis-govt-ministry .jgm--container .content-wrap {
height: 100%;
}
/* .jis-page-container .content-wrap, */
.jis-section-container .jis-govt-ministry .jgm--container .content-wrap,
.jis-govt-ministry-container .ministry-bio {
background-color: #fff;
box-shadow: 0 20px 25px -5px rgb(0 0 0 / 10%),
0 10px 10px -5px rgb(0 0 0 / 4%);
padding: 5%;
height: 99%;
}
/*--------------------------------------------------------------
# related page search
--------------------------------------------------------------*/
/* .search-bar * {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.search-bar {
position: relative;
margin: 0 auto 25px;
}
.search-bar input[type="search"] {
background: transparent;
font-weight: 400;
padding: 8px 15px;
color: #fff;
border: 1px solid #fff;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 10px 10px 35px 0px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 10px 10px 35px 0px rgba(0, 0, 0, 0.6);
}
.search-bar #temp_load,
.search-bar button {
top: 50%;
right: 10px;
color: #fff;
padding: 8px 10px;
margin: -15px 0 0;
line-height: normal;
border-radius: 5px;
position: absolute;
background: transparent;
border: 0;
cursor: pointer;
border-radius: 15px;
}
.search-bar #temp_load {
right: 10px;
padding: 0;
z-index: 1;
}
.eligible .wpb_single_image img {
max-width: initial;
width: 120%;
margin-left: -10%;
margin-top: -5%;
}
.search-bar button:hover {
background: rgba(255, 255, 255, 0.1);
}
#faq-slider {
padding-bottom: 60px;
}
#faq-slider .faq_toggle {
margin-bottom: 25px;
cursor: pointer;
}
#faq-slider .faq_toggle_title {
background: #313131;
padding: 10px 0 10px 70px;
position: relative;
}
#faq-slider .faq_toggle_active .faq_toggle_title {
background: #a84ace;
}
#faq-slider .faq_toggle_title>h4 {
display: inline;
font-weight: 400;
font-size: 14px;
}
#faq-slider .faq_toggle_title::before {
content: "";
background: url(/wp-content/themes/serp/img/faq-end.png) center right no-repeat;
background-size: cover;
height: 100%;
width: 60px;
position: absolute;
top: 0;
left: 0;
}
.faq_toggle_default .faq_toggle_icon {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
#faq-slider .faq_toggle_title i {
background: transparent;
height: 100%;
width: 50px;
margin: 0;
border: 0;
}
.faq_toggle_default .faq_toggle_icon::after,
.faq_toggle_default .faq_toggle_icon::before {
content: '';
display: block;
left: 50%;
position: absolute;
top: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #bababa;
}
#faq-slider .faq_toggle_default .faq_toggle_icon::after {
width: 10px;
height: 1px;
background: #232323;
}
#faq-slider .faq_toggle_default .faq_toggle_icon::before {
height: 10px;
width: 1px;
background: #232323;
}
#faq-slider .faq_toggle_default.faq_toggle_active .faq_toggle_icon::after {
visibility: visible;
}
#faq-slider .faq_toggle_default.faq_toggle_active .faq_toggle_icon::before {
visibility: hidden;
}
#faq-slider .faq_toggle_content {
padding: 25px;
margin: 0;
background: #000;
font-size: 14px;
display: none;
}
#faq-slider .faq_toggle_active .faq_toggle_content {}
#faq-slider .wpb_wrapper .faq_toggle:last-child {
margin: 0;
}
#faq-slider .faq_toggle_content>ul,
#faq-slider .faq_toggle_content>ol,
#faq-slider .faq_toggle_content>p {
margin: 0;
}
#faq .wpb_single_image img {
position: absolute;
bottom: 0;
width: 48%;
}
#faq .vc_row {
position: relative;
min-height: 520px;
}
#faq .vc_row .wpb_column:first-child {
position: initial;
}
#faq .owl-buttons .owl-prev,
#faq .owl-buttons .owl-next {
color: #333;
background-color: transparent;
border: 1px solid #ffffff;
margin-bottom: 0;
border-radius: 0;
color: #ffffff;
opacity: 1;
padding: 5px 20px;
}
#faq .owl-theme .owl-controls {
text-align: right;
} */
#related-pages *:before,
#related-pages *:after {
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
user-select: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 0;
margin: 0;
}
/* #related-pages a,
#related-pages a:visited,
#related-pages a:hover {
color: inherit;
text-decoration: none;
} */
#related-pages .related-pages-search {
margin-top: 80px;
position: relative;
color: #fff;
background: rgb(64, 84, 178);
background: -moz-linear-gradient(-45deg,
rgba(154, 57, 163, 1) 0%,
rgba(65, 103, 168, 1) 45%,
rgba(65, 103, 168, 1) 100%);
background: -webkit-gradient(left top,
right bottom,
color-stop(0%, rgba(154, 57, 163, 1)),
color-stop(45%, rgba(65, 103, 168, 1)),
color-stop(100%, rgba(65, 103, 168, 1)));
background: -webkit-linear-gradient(-45deg,
rgba(154, 57, 163, 1) 0%,
rgba(65, 103, 168, 1) 45%,
rgba(65, 103, 168, 1) 100%);
background: -o-linear-gradient(-45deg,
rgba(154, 57, 163, 1) 0%,
rgba(65, 103, 168, 1) 45%,
rgba(65, 103, 168, 1) 100%);
background: -ms-linear-gradient(-45deg,
rgba(154, 57, 163, 1) 0%,
rgba(65, 103, 168, 1) 45%,
rgba(65, 103, 168, 1) 100%);
background: linear-gradient(135deg,
rgba(154, 57, 163, 1) 0%,
rgba(65, 103, 168, 1) 45%,
rgba(65, 103, 168, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9a39a3', endColorstr='#4167a8', GradientType=1);
}
#related-pages .related-pages-search .inner-wrap {
padding: 80px 20px;
color: #fff;
background-image: url(https://new.jis.gov.jm/wp-content/uploads/2022/12/jis-logo-shield-transparent.png);
background-position: -10% 20%;
background-repeat: no-repeat;
background-attachment: fixed;
}
#related-pages h2 {
display: block;
font-size: 1.92em;
font-weight: 600;
letter-spacing: -0.055em;
}
#related-pages p {
font-family: var(--font-jis-fm-secondary);
display: block;
font-weight: 400;
font-size: 1.25em;
letter-spacing: -0.015em;
}
#related-pages h2,
#related-pages p {
color: #fff;
margin: 10px 0;
}
#related-pages p.desc {
font-size: 16px;
}
#related-pages .search-box {
position: relative;
margin: 20px 0;
}
/* clears the 'X' from Internet Explorer */
#related-pages input[type="search"]::-ms-clear,
#related-pages input[type="search"]::-ms-reveal {
display: none;
width: 0;
height: 0;
}
/* clears the 'X' from Chrome */
#related-pages input[type="search"]::-webkit-search-decoration,
#related-pages input[type="search"]::-webkit-search-cancel-button,
#related-pages input[type="search"]::-webkit-search-results-button,
#related-pages input[type="search"]::-webkit-search-results-decoration {
display: none;
}
#related-pages .loader,
#related-pages .search-icon,
#related-pages .go-icon {
position: absolute;
top: 0;
height: 60px;
width: 60px;
line-height: 61px;
text-align: center;
background: transparent;
border: 0;
padding: 0;
color: #fff;
}
#related-pages .wp-pagenavi {
border-top: 1px solid #eee;
padding-top: 25px;
margin-top: 25px;
}
#related-pages .loader {
right: 0;
}
#related-pages .search-icon {
left: 0;
pointer-events: none;
font-size: 1.22em;
will-change: transform;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform-origin: center center;
-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-o-transform-origin: center center;
transition: transform 400ms 220ms cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition: transform 400ms 220ms cubic-bezier(0.19, 1, 0.22, 1);
-moz-transition: transform 400ms 220ms cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: transform 400ms 220ms cubic-bezier(0.19, 1, 0.22, 1);
}
#related-pages .si-rotate {
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
#related-pages .go-icon {
right: 0;
pointer-events: none;
font-size: 1.38em;
will-change: opacity;
cursor: default;
opacity: 0;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transition: opacity 190ms ease-out,
transform 260ms cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition: opacity 190ms ease-out,
transform 260ms cubic-bezier(0.19, 1, 0.22, 1);
-moz-transition: opacity 190ms ease-out,
transform 260ms cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: opacity 190ms ease-out,
transform 260ms cubic-bezier(0.19, 1, 0.22, 1);
}
#related-pages .go-in {
opacity: 1;
pointer-events: all;
cursor: pointer;
transform: rotate(0);
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-o-transform: rotate(0);
transition: opacity 190ms ease-out,
transform 260ms 20ms cubic-bezier(0.19, 1, 0.22, 1);
-webkit-transition: opacity 190ms ease-out,
transform 260ms 20ms cubic-bezier(0.19, 1, 0.22, 1);
-moz-transition: opacity 190ms ease-out,
transform 260ms 20ms cubic-bezier(0.19, 1, 0.22, 1);
-o-transition: opacity 190ms ease-out,
transform 260ms 20ms cubic-bezier(0.19, 1, 0.22, 1);
}
#related-pages .search-border {
display: block;
}
#related-pages h2,
#related-pages p,
#related-pages .search-border,
#related-pages .search-box {
width: 80%;
max-width: 600px;
}
#related-pages .search-border,
#related-pages .search-box {
height: 60px;
}
/* #related-pages .border {
fill: none;
stroke: #FFFFFF;
stroke-width: 5;
stroke-miterlimit: 10;
} */
#related-pages #search {
font-family: var(--font-jis-fm-secondary);
border: 3px solid #fff;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0);
padding: 0 68px 0 68px;
color: #ffffff;
font-size: 1.32em;
font-weight: 400;
letter-spacing: -0.015em;
outline: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#related-pages .border-searching #search {
border: 0;
border-radius: 0;
border-bottom: 3px solid #fff;
}
#related-pages #search::-webkit-input-placeholder {
color: #ffffff;
}
#related-pages #search::-moz-placeholder {
color: #ffffff;
}
#related-pages #search:-ms-input-placeholder {
color: #ffffff;
}
#related-pages #search:-moz-placeholder {
color: #ffffff;
}
#related-pages #search::-moz-selection {
color: #ffffff;
background: rgba(0, 0, 0, 0.25);
}
#related-pages #search::selection {
color: #ffffff;
background: rgba(0, 0, 0, 0.25);
}
#related-pages .related-pages-list {
padding: 20px 0;
}
/* #related-pages .related-pages-list ul li,
#related-pages .related-pages-list ul li a {
margin: 0;
}
#related-pages .related-pages-list ul li a {
border-right: 1px solid #eee;
display: block;
} */
#jis-slider.gtf-page .slider-section div.slide-main {
padding-bottom: 0;
height: 660px;
}
#jis-slider.gtf-page .slider-content-area {
height: 100%;
}
/***************************
====== section colors ======
****************************/
:root {
--color-purple: #4a37a0;
--color-brown: #5C4033;
--color-yellow: #fae407;
--color-blue: #3a3db8;
--color-grey: #e2e2e2;
}
/*Latest stories*/
/* .jis-section-title.jis-news-title {
color: var(--color-jis-blue-3);
border-color: var(--color-jis-blue-3);
}
.jis-news-features .story-credit {
color: var(--color-jis-blue-3);
}
.jis-news-list .news-list-category {
background-color: var(--color-jis-blue-3);
}
.jis-news-list .news-list-date {
color: var(--color-jis-blue-3);
} */
.jis-section-title.jis-news-title,
.jis-news-list .news-list-date,
.jis-news-features .story-credit {
color: var(--color-blue);
}
.jis-section-title.jis-news-title {
border-color: var(--color-blue);
}
.jis-single-story-meta .jis-single-story-cat-tag,
.featured-image-link:hover .image-border-tag,
.featured-image-link:hover .image-cat-tag,
.featured-image-link .image-border-tag,
.featured-image-link .image-cat-tag,
.jis-news-list .news-list-category {
background-color: var(--color-blue);
background-image: url(/wp-content/themes/jis2022/img/header-bgrd.png);
background-size: 800px;
background-repeat: no-repeat;
background-position: center bottom;
}
/* .jis-news-list .news-list-category {
background: var(--color-yellow);
color: var(--color-brown);
} */
/* #jis-slider .slide-main h2 {
font-weight: 600;
color: var(--color-yellow);
}
#jis-slider .slide-main h2,
#jis-slider .slide-main .post-meta {
font-size: 1rem;
overflow: hidden;
display: inline;
}
#jis-slider .slide-main .post-content {
position: relative;
}
#jis-slider .slide-main .post-content .content-wrap {
position: absolute;
bottom: 0;
width: 100%;
} */
.slider-content-head {
text-align: center;
color: #fff;
width: 100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
/* IE6-9 */
padding: 20px;
position: absolute;
top: 0;
width: 100%;
}
.slider-content-head .slider-content-desc {
max-width: 1000px;
margin: 0 auto;
font-size: 12px;
padding: 10px 0px;
color: #fff;
}
#jis-slider.tv-section .episode-intro,
.slider-content-title {
display: inline-block;
margin: 0;
background-color: #fff;
padding: 0.2rem 0.6rem;
color: var(--color-story-title);
font-size: var(--font-jis-body-text);
font-family: var(--font-jis-fm-secondary);
}
#jis-slider.tv-section .episode-intro,
#jis-slider.tv-section .episode-desc {
font-family: var(--font-jis-fm-secondary);
font-size: 13px;
}
#jis-slider.tv-section .episode-intro {
text-transform: uppercase;
font-weight: 500;
font-size: 10px;
}
.load-more-news .more-news-section {
border-top: 4px solid #fff200;
position: relative;
}
.load-more-news .more-news-section:before,
.load-more-news .more-news-section:after {
height: 100px;
width: 4px;
background: #fff200;
position: absolute;
top: 0;
content: "";
}
.load-more-news .more-news-section:before {
left: 0;
}
.load-more-news .more-news-section:after {
right: 0;
}
.load-more-news .more-news-section .more-news-title {
margin-top: -20px;
text-align: center;
}
.load-more-news .more-news-section .jis-section-title {
text-align: center;
background: #fff;
padding: 10px 20px;
display: inline-block;
position: relative;
border: 0;
margin: 0 auto;
font-family: var(--font-jis-fm-main);
text-transform: uppercase;
}
#features-more-news {
padding-top: 50px;
}
#features-more-news .jis-section-title {
background: #fafafa;
}
/* .load-more-news .more-news-section article {
position: absolute;
right: 0;
bottom: 30px;
right: 30px;
} */
.entry-btn-credit {
padding: 20px 0;
}
/* .jis-more-stories article {
position: relative;
display: inline-block;
padding: 10px 0;
}
.jis-more-stories article:before,
.jis-more-stories article:after {
position: absolute;
height: 4px;
width: 100%;
bottom: 0;
content: "";
}
.jis-more-stories article:before {
left: 15px;
background: #000;
}
.jis-more-stories article:after {
left: 30px;
bottom: -3px;
background: #fff200;
} */
.read-more-btn {
color: #1E1810;
background: #fff200;
padding: 12px 24px;
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
position: relative;
display: inline-block;
}
.read-more-btn:after {
content: "";
position: absolute;
border: 2px solid #000;
top: -6px;
left: -6px;
width: 100%;
height: 100%;
}
/*.featured-image-wrap .jis-share-story {*/
/* position: absolute;*/
/* z-index: 9;*/
/* top: 0px;*/
/* left: 0px;*/
/*}*/
.featured-image-wrap .jis-share-story button {
background: rgba(255, 255, 255. .2);
/*box-shadow: 0 7px 25px -5px gray;*/
/*box-shadow: 0 0px 10px -6px rgb(102, 100, 100);*/
color: rgba(30, 30, 30, 1);
}
.featured-image-wrap .jis-share-story button:hover i {
color: rgb(49 51 153);
}
/*.featured-image-wrap .jis-share-story {*/
/* position: absolute;*/
/* z-index: 99;*/
/* top: 10px;*/
/* left: 10px;*/
/*}*/
.featured-image-wrap .jis-share-story {
position: absolute;
z-index: 99;
top: 0;
left: 0;
padding: 15px 0 0 15px;
width: 150px;
height: 150px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+60&0.65+0,0+60 */
background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 48%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 48%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 48%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/*.featured-image-wrap .jis-share-story button i {*/
/* font-size: 16px;*/
/* color: #fff;*/
/* box-shadow: 0 7px 25px -5px gray;*/
/* box-shadow: 0 0px 10px -6px rgb(102, 100, 100);*/
/*}*/
.featured-image-wrap .jis-share-story button i {
position: relative;
font-size: 16px;
color: #fff;
box-shadow: 0 7px 25px -5px gray;
box-shadow: 0 0px 10px -6px rgb(102, 100, 100);
top: -4px;
left: -2px;
}
.featured-image-wrap .jis-share-this {
float: none;
margin-right: 0;
bottom: 0;
position: relative;
z-index: initial;
}
.featured-image-wrap {
position: relative;
}
/*.upk-container {*/
/* display: flow-root;*/
/* box-sizing: content-box;*/
/* max-width: 500px;*/
/* margin-left: auto;*/
/* margin-right: auto;*/
/* padding-left: 15px;*/
/* padding-right: 15px;*/
/*}*/
/*.upk-featured-list {*/
/* position: relative;*/
/* counter-reset: number-count;*/
/*}*/
/*.upk-featured-list,*/
/*.upk-featured-list-item,*/
/*.upk-featured-list-item-box {*/
/* width: 100%;*/
/*}*/
/*.upk-featured-list .upk-featured-list-item .upk-featured-list-content {*/
/* width: 100%;*/
/*}*/
.links-list-bottom .row > div:nth-child(4n+1) .upk-featured-list-content,
.links-list-bottom .row > div:nth-child(4n+4) .upk-featured-list-content {
background: #fff;
}
.links-list-bottom .row .upk-featured-list-content {
margin: 10px 0;
border-radius: 20px;
}
.upk-featured-list .upk-featured-list-item {
position: relative;
}
.upk-featured-list .upk-featured-list-item .upk-featured-list-item-box {
width: 100%;
}
.upk-featured-list .upk-featured-list-item .upk-featured-image-wrap {
/*display: none;*/
}
.upk-featured-list .upk-featured-list-item .upk-featured-image-wrap .upk-featured-img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.upk-featured-list .upk-featured-list-item .upk-featured-list-content {
position: relative;
padding: 10px 20px;
display: flex;
align-items: center;
}
.upk-featured-list .upk-featured-list-item .upk-featured-list-counter {
/*counter-increment: number-count;*/
height: 55px;
min-width: 55px;
width: 55px;
background: #ffedef;
text-align: center;
border-radius: 80px;
position: relative;
display: inline-table;
margin-right: 15px;
}
.upk-featured-list .upk-featured-list-item .upk-featured-list-counter {
/*content: counter(number-count);*/
color: #feda00;
background: rgb(255 222 0 / 12%);
font-weight: 600;
font-size: 18px;
line-height: 1;
/*position: absolute;*/
/*left: 50%;*/
/* top: 50%;*/
/*transform: translate(-50%, -50%);*/
padding: 15px 0;
}
.links-list-bottom.upk-featured-list-item .upk-featured-list-counter {
color: #35399c;
background: rgb(67 72 192 / 10%);
}
/*.links-list-bottom .upk-featured-list-item:nth-child(2n+2) {*/
/* background: #fff;*/
/*}*/
.upk-featured-list .upk-featured-list-item .upk-featured-list-title {
margin: 0;
font-size: 16px;
font-weight: 600;
line-height: 1.4;
}
.upk-featured-list .upk-featured-list-item .upk-featured-list-title a {
color: #2b2d42;
text-decoration: none;
}
.upk-featured-list .upk-featured-list-item .upk-featured-list-title a:hover {
color: var(--color-blue);
}
.upk-featured-list .upk-featured-list-item .upk-featured-list-category {
padding-bottom: 5px;
display: inline-flex;
margin-left: -10px;
}
.upk-featured-list .upk-featured-list-item .upk-featured-list-category a {
color: #8d99ae;
font-size: 13px;
letter-spacing: 0.5px;
display: -webkit-inline-box;
line-height: 1;
text-transform: capitalize;
transition: all 0.3s ease;
position: relative;
display: flex;
align-items: center;
text-decoration: none;
}
/*.upk-featured-list .upk-featured-list-item .upk-featured-list-category a:nth-child span {*/
/*}*/
.color-1 {
background: #6f54c0 !important;
}
.color-2 {
background: #0808f0 !important;
}
.color-3 {
background: #6f54c0 !important;
}
.color-4 {
background-color: #51a3ff !important;
}
.color-5 {
background-color: #55985b !important;
}
.color-6 {
background-color: #cc62c8 !important;
}
.color-7 {
background-color: #fcad04 !important;
}
.color-8 {
background-color: #d6c500 !important;
}
.color-9 {
background-color: #f00808 !important;
}
.color-10 {
background-color: #3b77bb !important;
}
.upk-featured-list .upk-featured-list-item .upk-featured-list-category a span {
height: 8px;
width: 8px;
display: block;
border-radius: 50%;
margin-right: 5px;
}
.upk-featured-list .upk-featured-list-item .upk-featured-list-category a + a {
margin-left: 10px;
}
.upk-featured-list .upk-featured-list-item .upk-featured-meta {
display: flex;
align-items: center;
position: relative;
color: #8d99ae;
font-size: 11px;
line-height: 1;
padding-top: 10px;
font-weight: 500;
text-transform: uppercase;
}
/*.upk-featured-list .upk-featured-list-item .upk-featured-meta .upk-author-name-wrap {*/
/* display: flex;*/
/*}*/
/*.upk-featured-list .upk-featured-list-item .upk-featured-meta .upk-author-name-wrap .upk-by {*/
/* font-weight: 700;*/
/* padding-right: 6px;*/
/*}*/
/*.upk-featured-list .upk-featured-list-item .upk-featured-meta .upk-author-name-wrap .upk-author-name {*/
/* text-decoration: none;*/
/* color: #8d99ae;*/
/* font-weight: 500;*/
/*}*/
/*.upk-featured-list .upk-featured-list-item .upk-featured-meta .upk-separator {*/
/* margin: 0 6px;*/
/* font-weight: bold;*/
/*}*/
/*.upk-featured-list .upk-featured-list-item .upk-featured-meta .upk-post-time {*/
/* margin-left: 5px;*/
/*}*/
/*.upk-featured-list .upk-featured-list-item .upk-featured-meta .upk-post-time i {*/
/* margin-right: 2px;*/
/*}*/
.upk-featured-list .upk-featured-list-item:nth-child(1) .upk-featured-image-wrap {
/*display: flex;*/
position: relative;
/*overflow: hidden;*/
background-size: cover;
display: block;
padding-top: 300px;
}
.upk-featured-list .upk-featured-list-item:nth-child(1) .upk-featured-image-wrap::before {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: linear-gradient(0deg, #2b2d42 0, rgba(141, 153, 174, 0.1) 100%);
transition: background 0.3s ease;
}
.upk-featured-list .upk-featured-list-item:nth-child(1) .upk-featured-list-content {
/*position: absolute;*/
bottom: 0;
padding-bottom: 20px;
}
.upk-featured-list .upk-featured-list-item:nth-child(1) .upk-featured-list-title a {
color: #fff;
}
.upk-featured-list .upk-featured-list-item:nth-child(1) .upk-featured-list-title a:hover {
color: var(--color-blue);
}
.upk-featured-list .upk-featured-list-item:nth-child(1) .upk-featured-list-category a,
.upk-featured-list .upk-featured-list-item:nth-child(1) .upk-featured-meta,
.upk-featured-list .upk-featured-list-item:nth-child(1) .upk-featured-meta .upk-author-name-wrap .upk-author-name {
color: #edf2f4;
}
.upk-featured-list .upk-featured-list-item:nth-child(1) .upk-featured-meta a {
color: #fff;
}
.upk-featured-list .upk-featured-list-item:nth-child(2) .upk-featured-list-content {
padding-top: 20px;
}
.upk-featured-list .upk-featured-list-item:nth-last-child(1) .upk-featured-list-content {
padding-bottom: 20px;
}
.upk-global-link-yes .upk-featured-list .upk-featured-list-item:hover {
cursor: pointer;
}
@media (min-width: 768px) {
.upk-featured-list .upk-featured-list-item .upk-featured-list-content {
padding: 15px 30px;
}
.upk-featured-list .upk-featured-list-item .upk-featured-list-counter {
height: 80px;
width: 80px;
min-width: 80px;
margin-right: 20px;
padding: 30px 0;
}
.upk-featured-list .upk-featured-list-item .upk-featured-list-counter {
font-size: 24px;
}
.upk-featured-list .upk-featured-list-item .upk-featured-list-title {
font-size: 22px;
}
.upk-featured-list .upk-featured-list-item .upk-featured-meta {
font-size: 12px;
}
.upk-featured-list .upk-featured-list-item .upk-featured-list-category {
padding-bottom: 8px;
}
.upk-featured-list .upk-featured-list-item .upk-featured-list-category a {
font-size: 14px;
}
.upk-featured-list .upk-featured-list-item:nth-child(2) .upk-featured-list-content {
padding-top: 30px;
}
.upk-featured-list .upk-featured-list-item:nth-child(1) .upk-featured-list-content {
padding-bottom: 30px;
}
.upk-featured-list .upk-featured-list-item:nth-last-child(1) .upk-featured-list-content {
padding-bottom: 30px;
}
}
#rtr-banner .elementor-widget-container p {
color: #fff !important;
}
.last-updated span {
background-color: #fafafa;
position: relative;
z-index: 9;
padding-right: 10px;
}
.last-updated {
font-size: 11px; text-transform: uppercase; font-family: var(--font-jis-fm-secondary);
position: relative;
}
.last-updated:before {
content: "";
position: absolute;
border-bottom: 1px dashed #ddd;
top: 50%;
width: 100%;
}
.fancybox-container {
z-index: 99999992;
}
/*.button {*/
/* background: #f00;*/
/* padding: 18px 20px;*/
/* text-transform: uppercase;*/
/* margin-top: 50px;*/
/* margin-bottom: 50px;*/
/* display: inline-block;*/
/* text-decoration: none;*/
/* font-weight: 700;*/
/* font-size: 15px;*/
/* color: #fff;*/
/*}*/
.national-awards-wrap .awards {
color: #111111;
background-color: #ffffff;
text-align: center;
padding: 30px;
position: relative;
max-width: 100%;
text-align: center;
margin-bottom: 60px;
}
.national-awards-wrap .awards img {
position: relative;
width: 240px;
height: 240px;
margin: 0 auto 0;
border-color: var(--color-jis-yellow-3);
stroke: var(--color-jis-blue-3);
border-width: 2px;
border-style: solid;
object-fit: contain;
display: block;
background: #edeef0;
}
.ministries-wrap.national-awards-wrap .awards img {
width: initial;
height: initial;
object-fit: initial;
}
.national-awards-wrap h3 {
text-transform: uppercase;
font-size: 1rem;
font-weight: 700;
margin: 0;
padding-top: 10px;
}
.national-awards-wrap p {
font-weight: 100;
margin: 10px 0;
font-size: 14px;
}
/*.national-awards-wrap p {*/
/* font-weight: 300;*/
/* font-style: normal;*/
/* margin: 23px 0 0;*/
/*}*/
.national-awards-wrap {
padding-top: 50px;
}
.national-awards-wrap a.read-more-link {
font-size: 14px;
}
/*-------------------------------------
# CORPORATE PAGES - GENERAL
---------------------------------------*/
#jis-department-services .sub-title-element {
margin: 0 auto;
max-width: 800px;
}
/*-------------------------------------
# CORPORATE PAGES - TITLE BAR/MENU
---------------------------------------*/
#jis-department-services #title-bar .page-title {
font-size: 36px;
line-height: 1.8em;
text-transform: uppercase;
font-weight: 800;
font-family: 'Open Sans', sans-serif;
text-align: center;
}
#jis-department-services #title-bar .taxonomy-description {
text-align: center;
}
#jis-department-services #title-bar.elementor-element {
background: #494cab;
color: #fff;
padding:0;
}
#jis-department-services #title-bar {
background: #494cab;
color: #fff;
padding: 0;
margin: 0;
/*display: block;*/
}
#jis-department-services #title-bar .title-col .inner-wrap {
font-size: 48px;
font-weight: 800;
font-family: 'Open Sans', sans-serif;
line-height: 24px;
}
#jis-department-services #title-bar .breadcrumb-col .inner-wrap {
/*background: url(img/b-divider.jpg) left center no-repeat;*/
background-size: contain;
font-weight: 300;
text-transform: uppercase;
line-height: 72px;
padding-left: 150px;
position:relative;
}
#jis-department-services #title-bar .breadcrumb-col .inner-wrap span {
padding: 0 15px;
}
#jis-department-services #title-bar .breadcrumb-col {
padding: 0;
}
#jis-department-services #title-bar .breadcrumbs-col {
text-align: center;
}
#jis-department-services #title-bar .breadcrumb-col div.inner-wrap,
#jis-department-services #content-region > div.inner-wrap {
max-width: 995px;
}
#jis-department-services #title-bar .title-col .inner-wrap,
#jis-department-services #sidebar-region > div.inner-wrap {
max-width: 370px;
}
#jis-department-services #title-bar .title-col div.inner-wrap,
#jis-department-services #content-region > div.inner-wrap,
#jis-department-services #sidebar-region > div.inner-wrap {
padding-right: 15px;
padding-left: 15px;
}
#jis-department-services #title-bar .elementor-column-gap-default>.elementor-container.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
padding: 0;
}
#jis-department-services .menu-corporate-container ul {
padding: 0 10px 0 10px;
margin: 0;
}
#jis-department-services .menu-corporate-container ul li {
display:inline-block;
padding: 60px 20px;
}
#jis-department-services .menu-corporate-container ul li a {
color: #fff;
text-transform: uppercase;
font-size: 24px;
font-weight: 900;
font-family: 'Open Sans', sans-serif;
padding: 0;
}
#jis-department-services .menu-corporate-container ul li.current-menu-item {
color: #6748c1;
background: #fff;
position:relative;
padding: 60px 75px;
}
#jis-department-services .menu-corporate-container ul li.current-menu-item a {
color: #000;
}
#jis-department-services .menu-corporate-container ul li.current-menu-item:before,
#jis-department-services .menu-corporate-container ul li.current-menu-item:after {
width: 0;
height: 0;
content: " ";
position: absolute;
top: 0;
display: block;
}
#jis-department-services .menu-corporate-container ul li.current-menu-item:before {
border-top: 156px solid #494cab;
border-right: 50px solid transparent;
left: 0;
}
#jis-department-services .menu-corporate-container ul li.current-menu-item:after {
border-bottom: 157px solid #494cab;
border-left: 50px solid transparent;
right: 0;
}
#jis-department-services #radio-sidebar-region .block ul li:before,
#jis-department-services .menu-corporate-container ul li a:before {
display: inline-block;
font-family: FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 100;
margin-right: 10px;
color: #2e3192;
}
#jis-department-services .menu-corporate-container ul li.current-menu-item a:before {
color: #000;
}
#jis-department-services .menu-corporate-container ul li:nth-child(1) a:before {
content: "\f130";
}
#jis-department-services .menu-corporate-container ul li:nth-child(2) a:before {
content: "\f287";
}
#jis-department-services .menu-corporate-container ul li:nth-child(3) a:before {
content: "\f26c";
}
#jis-department-services .menu-corporate-container ul li:nth-child(4) a:before {
content: "\f0ac";
}
#jis-department-services .menu-corporate-container ul li:nth-child(5) a:before {
content: "\f200";
}
#jis-department-services .menu-corporate-container ul li:nth-child(6) a:before {
content: "\f030";
}
#jis-department-services .menu-corporate-container ul li:nth-child(7) a:before {
content: "\f1ea";
}
/*--------------------------------------------------------------
# CORPORATE - HIGHLIGHTS
--------------------------------------------------------------*/
#jis-department-services #highlight {
display: block;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
position:relative;
color: #fff;
font-size: 36px;
font-weight: 200;
text-transform: uppercase;
padding-bottom: 60px;
padding-top: 60px;
text-shadow: 1px 1px 1px #000;
}
#jis-department-services #highlight:before {
background: rgba(0, 0, 0, 0.5);
position: absolute;
content: " ";
top: 0;
right: 0;
left: 0;
bottom: 0;
}
#jis-department-services #highlight .elementor-widget-text-editor {
display: table;
height: 100%;
min-height: 500px;
clear: both;
}
#jis-department-services #highlight .elementor-widget-container {
display: table-cell;
vertical-align:middle;
padding: 20px;
}
#jis-department-services #highlight .highlight-content p {
margin:0;
}
/*--------------------------------------------------------------
# CORPORATE - RADIO PAGE - HIGHLIGHT PLAYER
--------------------------------------------------------------*/
#jis-department-services #highlight .highlight-radio {
position: absolute;
right:0;
left:0;
bottom: 0;
color: #fff;
background: rgba(103, 72, 193, 0.5);
padding: 20px;
min-height: 130px;
}
#jis-department-services .highlight-radio .radio-program {
padding: 10px 0 10px 130px;
}
#jis-department-services .highlight-radio .title span {
font-weight:bold;
text-transform:uppercase;
}
#jis-department-services .highlight-radio .audioplayer .audioplayer-playpause {
height: 90px;
width: 90px;
top: -40px;
left: -110px;
border: 10px solid #fff;
}
#jis-department-services .highlight-radio .audioplayer .audioplayer-playpause:hover {
background: rgba(0, 0, 0, 0.3);
}
#jis-department-services .highlight-radio .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
border: 1.5em solid transparent;
border-right: none;
border-left-color: #fff;
margin: -1.5em 0 0 -0.4em;
}
#jis-department-services .highlight-radio .audioplayer.audioplayer-playing .audioplayer-playpause a {
width: 2.75em;
height: 2.75em;
margin: -1.375em 0 0 -1.3em;
}
#jis-department-services .highlight-radio .audioplayer .audioplayer-time.audioplayer-time-current {
left: 0;
}
#jis-department-services .highlight-radio .audioplayer {
margin-top: 0;
}
#jis-department-services .highlight-radio .swiper-button-next,
#jis-department-services .highlight-radio .swiper-button-prev {
top: 25px;
width: auto;
height: auto;
background: #fff;
color: #3b2c6c;
padding: 2px 10px 2px 12px;
display: inline-block;
line-height: normal;
font-weight: bold;
font-size: 18px;
left:auto;
}
#jis-department-services .highlight-radio .swiper-button-prev {
right: 35px;
}
#jis-department-services .highlight-radio .swiper-button-next {
right: 0;
}
/*--------------------------------------------------------------
# CORPORATE - RADIO PAGE - CONTENT
--------------------------------------------------------------*/
#jis-department-services #radio-content-region .radio-item {
background: rgba(0, 0, 0, 0.01);
margin-bottom: 30px;
padding: 30px;
width: 100%;
clear: both;
}
#jis-department-services #radio-content-region .radio-item .radio-info .radio-title {
padding-bottom: 10px;
}
#jis-department-services #radio-content-region .radio-item .radio-info .radio-desc {
padding-bottom: 5px;
}
#radio-content-region .radio-item .radio-meta {
font-size: 12px;
}
#jis-department-services #radio-content-region .radio-item .radio-title {
font-size: 24px;
}
#jis-department-services #radio-content-region .radio-item .radio-desc {
font-size: 16px;
}
#jis-department-services #radio-content-region .radio-item .radio-desc img {
width: 300px;
}
#jis-department-services #radio-content-region .radio-item .radio-attr {
text-transform: uppercase;
font-size: 12px;
color: #2e3192;
font-weight: 500;
}
#jis-department-services #radio-content-region .radio-item .radio-attr span {
font-weight: 700;
}
#jis-department-services #radio-content-region .radio-item .audioplayer {
margin-top: 13px;
}
#jis-department-services #radio-content-region .radio-item .audioplayer .audioplayer-playpause {
height: 90px;
width: 90px;
top: -110px;
right: 0;
left: auto;
border: 10px solid #6546c1;
background: #6546c1;
}
#jis-department-services #radio-content-region .radio-item .audioplayer-playing .audioplayer-playpause a:before,
#jis-department-services #radio-content-region .radio-item .audioplayer-playing .audioplayer-playpause a:after {
background-color: #fff !important;
}
#radio-content-region .radio-item .audioplayer .audioplayer-playpause:hover {
background: rgba(101, 70, 193, 0.9);
}
#jis-department-services #radio-content-region .radio-item .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a {
border: 1.5em solid transparent;
border-right: none;
border-left-color: #fff;
margin: -1.5em 0 0 -0.4em;
}
#jis-department-services #radio-content-region .radio-item .audioplayer.audioplayer-playing .audioplayer-playpause a {
width: 2.75em;
height: 2.75em;
margin: -1.375em 0 0 -1.3em;
}
#jis-department-services #radio-content-region .radio-item .audioplayer .audioplayer-time.audioplayer-time-current {
left: 0;
}
#jis-department-services #radio-content-region form {
display: block;
clear: both;
width: 100%;
padding: 0px 10px 0 0;
}
/*--------------------------------------------------------------
# CORPORATE - RADIO PAGE - SIDEBAR SECTION
--------------------------------------------------------------*/
#jis-department-services #radio-sidebar-region .block:not(.advertisements) {
padding: 30px;
background: rgba(0, 0, 0, 0.05);
margin-bottom: 30px;
border-bottom: 5px solid #2e3192;
}
#jis-department-services #radio-sidebar-region .block ul,
#jis-department-services #radio-sidebar-region .block ul li {
list-style:none;
padding:0;
margin:0;
}
#jis-department-services #radio-sidebar-region .block ul li {
padding: 6px 6px 6px 45px;
margin: 6px 0 6px 0;
position: relative;
background: rgba(0, 0, 0, 0.03);
}
#jis-department-services #radio-sidebar-region .block ul li:before {
display: inline-block;
content: "»";
background: #2e3192;
position: absolute;
top: 0;
bottom: 0;
left: 0;
color: #ffffff;
padding: 5px 10px;
}
/*--------------------------------------------------------------
# CORPORATE - WEB - FACTS
--------------------------------------------------------------*/
/*#jis-department-services .elementor-image-gallery .gallery-columns-3 .gallery-item {*/
/* max-width: initial;*/
/* }*/
/*#jis-department-services .gallery-columns-3 {*/
/* grid-template-columns: initial;*/
/*}*/
/*#jis-department-services .gallery {*/
/* margin-bottom: 1.5em;*/
/* display: block;*/
/* grid-gap: initial;*/
/*}*/
#jis-department-services #facts .elementor-icon i {
color: #fff;
font-size: 38px;
}
#jis-department-services #facts .elementor-icon-box-title {
font-size: 42px;
font-weight: 700;
}
#jis-department-services #facts .elementor-container.elementor-column-gap-default > div:not(:last-child) {
border-right: 1px solid rgba(255, 255, 255, 0.15);
}
/*--------------------------------------------------------------
# CORPORATE - WEB - SERVICES
--------------------------------------------------------------*/
#jis-department-services #services {
color: #616161;
}
#jis-department-services #services h3 {
text-transform: uppercase;
font-size: 18px;
font-weight: 300;
color: #494cab;
font-family: "Open Sans", sans-serif;
}
#jis-department-services #services strong {
display: block;
font-weight: 900;
font-size: 20px;
}
#jis-department-services #services .elementor-container.elementor-column-gap-default img {
padding: 60px 30px;
}
#jis-department-services #services .services-icons .elementor-container.elementor-column-gap-default > div:first-child .elementor-icon-box-wrapper {
padding-right: 90px;
padding-top: 15px;
position: relative;
text-align: right;
}
#jis-department-services #services .services-icons .elementor-container.elementor-column-gap-default > div:first-child .elementor-icon-box-icon {
position: absolute;
top:0;
right:0;
}
#jis-department-services #services .services-icons .elementor-container.elementor-column-gap-default > div:last-child .elementor-icon-box-wrapper {
padding-left: 90px;
padding-top: 15px;
position: relative;
text-align: left;
}
#jis-department-services #services .services-icons .elementor-container.elementor-column-gap-default > div:last-child .elementor-icon-box-icon {
position: absolute;
top: 0;
left: 0;
}
#jis-department-services #services .services-icons .elementor-container.elementor-column-gap-default .elementor-icon {
padding: 20px;
color: #494cab;
border: 1px solid #494cab;
font-size: 30px;
}
#jis-department-services #services .services-icons .elementor-container.elementor-column-gap-default .elementor-element {
min-height:120px;
}
/*--------------------------------------------------------------
# CORPORATE - WEB - PROJECTS
--------------------------------------------------------------*/
#jis-department-services .elementor-container.elementor-column-gap-default .elementor-element hr {
margin-top: 1rem;
margin-bottom: 1rem;
border-top: 2px solid rgba(0,0,0,.1);
}
#jis-department-services #projects .gallery-item > div:before,
#jis-department-services #projects .gallery-item * {
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
#jis-department-services #projects .gallery {
text-align: center;
}
#jis-department-services #projects .gallery-item {
padding: 5px;
margin-bottom: 20px;
position: relative;
overflow: hidden;
width: 420px !important;
max-width: 100% !important;
float: none !important;
}
#jis-department-services #projects .gallery-item img {
border: 7px solid #fff;
}
#jis-department-services #projects .gallery-item h5 {
margin-top: 5px;
}
#jis-department-services #projects .gallery-item a {
color: #fff;
}
#jis-department-services #projects .gallery-item > div {
border: 10px solid #fff;
position: relative;
overflow: hidden;
}
#jis-department-services #projects .gallery-item .wp-caption-text,
#jis-department-services #projects .gallery-item > div:before {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
width: 100%;
height: 0px;
opacity:0;
}
#jis-department-services #projects .gallery-item .wp-caption-text {
top: -5px;
overflow: hidden;
height: 100%;
}
#jis-department-services #projects .gallery-item:hover > div:before,
#jis-department-services #projects .gallery-item:hover .wp-caption-text {
height: 100%;
opacity: 1;
}
#jis-department-services #projects .gallery-item > div:before {
background: rgba(0, 0, 0, 0.5);
content: " ";
display: block;
bottom: 0px;
}
#jis-department-services #projects .gallery-item .wp-caption-text {
font-size: 12px;
padding: 30px;
font-weight: 500;
overflow: hidden;
padding-top: 30%;
color: #fff;
}
/*--------------------------------------------------------------
# CORPORATE - PUBLIC RELATIONS - HELP
--------------------------------------------------------------*/
#jis-department-services #tv-services .tv-services-icons .elementor-container.elementor-column-gap-default .elementor-icon,
#jis-department-services #help .help-icons .elementor-container.elementor-column-gap-default .elementor-icon {
padding: 25px;
font-size: 35px;
color: #fff;
border: 1px solid #fff;
}
#jis-department-services #tv-services .tv-services-icons .elementor-container.elementor-column-gap-default > div:not(:last-child),
#jis-department-services #help .help-icons .elementor-container.elementor-column-gap-default > div:not(:last-child) {
border-right: 1px solid rgba(255, 255, 255, 0.15);
}
#jis-department-services #tv-services .tv-services-icons .elementor-element,
#jis-department-services #help .help-icons .elementor-container.elementor-column-gap-default .elementor-element {
min-height: 200px;
}
/*--------------------------------------------------------------
# CORPORATE - OTHER DEPARTMENTS
--------------------------------------------------------------*/
#jis-department-services #pr-other-depts .pr-other-depts-icons .elementor-widget-icon-box .elementor-icon {
padding: 25px;
font-size: 35px;
border-width:1px;
position:absolute;
top:0;
left:0;
}
#jis-department-services #pr-other-depts .pr-other-depts-icons .elementor-widget-icon-box {
padding-left: 100px;
position:relative;
text-align: left;
min-height: 87px;
display:table;
}
#jis-department-services #pr-other-depts .pr-other-depts-icons .elementor-widget-icon-box .elementor-widget-container {
display:table-cell;
vertical-align:middle;
}
#jis-department-services #pr-other-depts .pr-other-depts-icons .elementor-widget-icon-box .elementor-icon-box-wrapper {
text-align: left;
}
#jis-department-services #pr-other-depts .pr-other-depts-icons .elementor-widget-image .elementor-widget-container {
background: #2e3192;
border-radius: 50%;
overflow: hidden;
width: 400px;
height: 400px;
padding: 40px;
}
/*--------------------------------------------------------------
# CORPORATE - CLIENTS
--------------------------------------------------------------*/
#jis-department-services #clients .client-list .elementor-widget-wrap .elementor-element {
padding: 20px;
background: rgba(255, 255, 255, 0.1);
}
#jis-department-services #clients .client-list .elementor-widget-wrap .elementor-element p {
margin:0;
}
#jis-department-services #jamaica-magazine.purple img {
border: 15px solid #fff;
width:100%;
height:auto;
margin-top: 20px;
}
#jis-department-services .elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active {
border-width: 1px;
}
#jis-department-services .elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-content {
border-left: 0;
border-right: 0;
border-top: 0;
}
#jis-department-services .elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title {
font-weight: 500;
text-transform: uppercase;
font-size: 12px;
}
#jis-department-services .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
padding: 0;
}
#jis-department-services .elementor-section.elementor-section-boxed>.elementor-container {
padding-right: 0px !important;
padding-left: 0px !important;
}
/*---------------------------------------------------------------------------------------------------
# PROCURMENTS
---------------------------------------------------------------------------------------------------*
.procurements-filter {
padding: 0 100px;
position: relative;
min-height: 100px;
}
.procurements-filter .year {
position: absolute;
top: 0;
width: 100px;
}
.procurements-filter .year a,
.procurements-filter .year span {
display:inline-block;
text-align: center;
padding: 20px
}
.procurements-filter .prev-year {
left: 0;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
}
.procurements-filter .next-year {
right:0;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
}
.procurements-filter .owl-carousel .owl-item .item.active-month {
background: #2f3291;
}
.procurements-filter .owl-carousel .owl-item .item.active-month a {
color: #fff;
}
.procurements-filter .owl-carousel .owl-item .item {
position: relative;
top: 20px;
right: 65px;
padding: 4px;
text-align: center;
}
.owl-carousel.owl-drag .owl-item.active {
width: 248.667px !important;
}
.procurements-filter .owl-nav button {
padding: 0px 15px !important;
font-size: 20px !important;
}
.procurements-filter .owl-stage {
margin: 0;
padding: 0;
border-bottom: 1px solid #ddd;
}
.procurements-filter .owl-dots {
clear: both;
}
.procurements-filter .owl-theme .owl-dots .owl-dot span {
margin: 0 8px;
width: 15px;
height: 15px
}
.procurements-filter .year select {
padding: 10px;
display: block;
margin: 0px auto;
width: 185px;
border: 1px solid #000;
border-top: 0;
margin-top: -1px;
color: #666;
}
.procurements figure {
border: 10px solid #eee;
height: 330px;
overflow: hidden;
background: url("img/procurement-default.png") no-repeat;
background-position: center;
background-size: cover;
}
.procurements {
padding: 40px 0;
clear: both;
}
.procurements .date {
font-size: 12px;
margin-bottom: 10px;
}
button.owl-prev {
float: left;
width: 30px;
background: #2f3291 !important;
color: #fff !important;
}
button.owl-next {
float: right;
width: 30px;
background: #2f3291 !important;
color: #fff !important;
}
.attachment-link:hover {
color: #fff;
}
.attachment-link {
background: #7640e4;
display: inline-block;
color: #fff;
text-transform: uppercase;
padding: 5px 16px;
font-size: 13px;
margin: 5px 10px 5px 0;
}
.attachment-link:before {
margin-right: 6px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f105";
border: 1px solid #fff;
padding: 1px 4px;
border-radius: 50%;
}*/