@import url('//fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Lato:wght@400;700&display=swap');
/************ 
/************ TEMPLATE  ************
Rotator Size: 1000x563 (wide, 16:9)

/************ FONTS  ************
Serif: Cinzel
Sans Serif: Lato

/************ COLORS  ************
Blue: #0B5282; rgba(11,82,130,1)
Cream: #E5E1DF; rgba(229,225,223,1)
************/

body {color: #333; font-family: 'Lato', sans-serif;}

h1, h2, h3, h4, h5, h6 { margin: .75rem 0; line-height: 1.3; font-weight: normal;}
p { line-height: 1.3;}

h1 {color: #0B5282; font-size: 3.5rem; font-weight: bold; font-family: 'Cinzel', serif;}

h2, .page-header h2 { font-variant-caps: small-caps; color: #404040; font-size: 2.2rem; font-weight: bold; font-family: 'Cinzel', serif; line-height: 1;}
h3 { color: #0B5282; font-size: 2.2rem; border-bottom: 1px solid #E5E1DF;  line-height: 1.3; margin: 0 0 10px 0; }
h4 { color: #0B5282; font-size: 2rem; line-height: 1;}
h5 {background: #0B5282; font-size: 1.75rem;color: white; border-radius: .2rem; padding: .5rem;}
h6 {color: #404040; font-size: 1.9rem; font-family: 'Cinzel', serif;}
a { color: #0B5282; }
a:hover { color: black; }


@media only screen and (min-width: 768px) and (max-width: 1199px) {
	h1 { font-size: 2rem; }  
	h2 { font-size: 1.3rem; }
	h3 { font-size: 1.3rem; }
	h4 { font-size: 1.3rem; }
	h5 { font-size: 1rem; }
	h6 { font-size: 1rem; }
	p { font-size: .9rem; margin-bottom: 4px;}
	h1, h2, h3, h4, h5, h6, p{ line-height: 1.1; }
}

@media only screen and (max-width: 767px) {

}

.readon, .button, .btn, p.readmore .btn, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span, .listentobutton.moduletable a {
	background: #0B5282;
}


/************ HEADER  ************/

/************ MENU *************/
.g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {font-weight: 700;}
#g-navigation {padding: 0 3%;}
.g-social a {padding: .5vw;}

/************ QUICKLINKS  ************/
#g-utility .sprocket-strips-title {font-size: 1.1rem;}
.qlsolidback .sprocket-strips-item { background: #0B5282; color: white; height: 4vw; width: 17vw;}
.qlsolidback .sprocket-strips-item a, .qlsolidback .sprocket-strips-item .sprocket-strips-title { color: white;  }
.qlsolidback .sprocket-strips-item:hover {background: #4D7FB0;}
.quicklinks .sprocket-strips .sprocket-strips-container {padding: 0vw 4vw;}

/************ MODULES  ************/
.moduletable .nav.menu, .moduletable .unstyled { background: #0B5282; }
.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {
	color: #0B5282;
	background: #E5E1DF;
}

@media only screen and (max-width: 767px) {
	.admod table, .admod tr {margin-bottom: 3vw;}
	#g-expanded {padding: 5% 2%;}
}

/************* PHOTOBLOCK NEWS *******************/
.rsphotoblocknews .sprocket-strips-item .readon:hover { background: rgba(11,82,130,.95); }
.rsphotoblocknews .sprocket-strips-content h4 {background: rgba(11,82,130,.85); }
.rsphotoblocknews .sprocket-strips-item { background-image: url(/images/stories/template/default-news.jpg); }
.rsphotoblocknews .sprocket-strips-arrows .arrow {color: #0B5282;}

@media only screen and (max-width: 767px) { .rsphotoblocknews .sprocket-strips-content h4, .rsphotoblocknews .sprocket-strips-item .readon:hover { top: 0; background: #0B5282; } }

/************ SECTIONS  ************/
.homelayout #g-above {background: transparent;}
.homelayout #g-expanded {background: transparent; padding: 0 5%;}
/*.homelayout*/ #g-top {background: #ffffff url(/images/stories/template/background.jpg) 119% -18% no-repeat;  background-size: 75%; margin-bottom: -90vw!important; padding-bottom: 90vw!important;}
.homelayout #g-navigation  {background: rgba(11,82,130,.9);}
#g-bottom {    padding-top: 2vw!important; padding-bottom: 2vw!important;}
#g-expanded .button, #g-footer .button {background: #E5E1DF; color: #0B5282;}
#g-footer a {color: white; font-weight: 500;}
#g-expanded a {font-weight: 500;}
.button a {font-weight: 500;}
.homelayout #g-extension .button {padding-left: 2vw; padding-right: 2vw;}

.bigarrows .sprocket-strips-s .sprocket-strips-s-container {
    margin: 0 2%;
}

@media only screen and (max-width: 767px) {
	.homelayout #g-expanded > .g-grid {display: flex;}
	.homelayout #g-expanded .g-block:last-child {order: 1;}
	.homelayout #g-expanded .g-block:first-child {order: 2;}
	.homelayout #g-top {background: #E5E1DF; margin-bottom: 0!important; padding-bottom: 0!important;}
	#g-top {background: #E5E1DF; margin-bottom: 0!important; padding-bottom: 0!important;}
	.g-logo {padding: 5vw;}
	.g-logo img {width: 100%;}
	.homelayout #g-above .g-content {padding: 0; margin: 0;}
}

/************ ROTATOR  ************/
.scseperateback .sprocket-features-content {
    background: rgba(255,255,255,.0);
}

.sprocket-features-desc h4 {font-size: 2rem; font-family: 'Cinzel', serif; margin-bottom: 0.15rem;}
.sprocket-features-desc p {font-size: 1rem;}

@media only screen and (max-width: 767px) {
	.sprocket-features-desc h4 {font-size: 1.3rem;}
	.sprocket-features-desc p {font-size: .9rem;}
}


/************ NEWS  ************/
.squarepager h4.sprocket-strips-s-title {font-size: 1.5rem;}
.sprocket-strips-s-content .readon {display: none !important;}

/************ J-HEADLINES NEWS GRID ************/
.j-headlines {
    margin: 0 !important;
    width: 100% !important;
    inline-size: 100% !important;
    overflow: hidden;
}

.j-headlines .sprocket-strips-s-overlay,
.j-headlines .sprocket-strips-s-nav { display: none !important; }

/* clearfix ::before/::after become orphaned grid items — kill them */
.j-headlines .sprocket-strips-s-container::before,
.j-headlines .sprocket-strips-s-container::after { display: none !important; content: none !important; }

.j-headlines .sprocket-strips-s-container {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1.25rem !important;
    overflow: visible !important;
    height: auto !important;
    width: 100% !important;
    inline-size: 100% !important;
    margin: 0 !important;
}

.j-headlines .sprocket-strips-s-block {
    min-width: 0 !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
}

.j-headlines .sprocket-strips-s-item {
    position: relative;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    border: 1px solid #e5e1df;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    cursor: pointer;
}

.j-headlines .sprocket-strips-s-item:hover {
    box-shadow: 0 6px 20px rgba(0,0,0,0.14);
    transform: translateY(-2px);
}

/* stretch the title link to cover the entire card */
.j-headlines h4.sprocket-strips-s-title a::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
}

/* keep Read More clickable above the overlay */
.j-headlines .sprocket-strips-s-content .readon {
    position: relative;
    z-index: 2;
}

.j-headlines .sprocket-strips-s-item img {
    width: 100% !important;
    inline-size: 100% !important;
    height: auto !important;
    block-size: auto !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    max-width: unset !important;
    max-inline-size: unset !important;
}

.j-headlines .sprocket-strips-s-content {
    padding: 1rem 1.1rem 1.1rem !important;
    height: auto !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1;
    z-index: auto !important;
}

.j-headlines h4.sprocket-strips-s-title {
    font-size: 1.05rem !important;
    line-height: 1.4 !important;
    margin: 0 0 0.6rem 0 !important;
    color: #0B5282 !important;
    font-family: 'Lato', sans-serif !important;
    font-weight: 700 !important;
}

.j-headlines h4.sprocket-strips-s-title a {
    color: #0B5282 !important;
    text-decoration: none;
    font-size: inherit;
}

.j-headlines h4.sprocket-strips-s-title a:hover {
    color: #333 !important;
    text-decoration: underline;
}

.j-headlines .sprocket-strips-s-content .readon {
    display: inline-block !important;
    background: none !important;
    color: #0B5282 !important;
    padding: 0 !important;
    margin: auto 0 0 0 !important;
    border-radius: 0 !important;
    font-size: 0.8rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em;
    box-shadow: none !important;
    border: none !important;
    text-transform: uppercase;
}

.j-headlines .sprocket-strips-s-content .readon:hover {
    background: none !important;
    color: #333 !important;
    text-decoration: underline;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .j-headlines .sprocket-strips-s-container {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media only screen and (max-width: 767px) {
    .j-headlines .sprocket-strips-s-container {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
    }
}


/************ IMAGE LINKS ************/
.sprocket-strips-s-container {display: flex; flex-direction: row; justify-content: space-around;}
.cols-3 .sprocket-strips-s-block {width: 30%;}
.sprocket-strips-s-block {padding: 0vw 1vw}
.sprocket-strips-s-item img {box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 0px 7px 0 rgba(0,0,0,0.19);}
#g-extension .sprocket-strips-s-content h4 {font-family: 'Cinzel', serif; font-size: 1.8rem; font-weight: 500;}

@media only screen and (max-width: 767px) {
    .sprocket-strips-s-container {display: flex; flex-direction: column; justify-content: space-around; align-items: center;}
    .cols-3 .sprocket-strips-s-block {width: 80%;}
    .sprocket-strips-s-container li {padding-bottom: 0;}
    .sprocket-strips-s-item {display: flex; flex-direction: column; justify-content: space-evenly;}
    .sprocket-strips-s-item > img {order: 1; box-shadow: none;}
    .sprocket-strips-s-item > .sprocket-strips-s-content {order: 2;}
}

/************ MOBILE  ************/
.g-offcanvas-toggle { color: #0B5282;}

/************ ADS  ************/



.moduletable #login-form .control-group .input-prepend .add-on [class^="icon-"], .moduletable #login-form .control-group .input-prepend .add-on [class*=" icon-"] {
	
	background: #1B5B85;
}

#form-login-submit > div > button {
background-color: #1B5B85 !important;
}

   /*Articles Category*/
 #g-aside  .moduletable .category-module {
	display: block;
	background: #0B5282;
	padding: 0;
	border-radius: 0;
	color: white;
    margin: 0 .625rem;
 }
  #g-aside  .moduletable .category-module a {color: white;}
  #g-aside  .moduletable .category-module a:hover {color: #0B5282;}
  #g-aside .platform-content,  #g-aside .moduletable,  #g-aside .widget {padding: 0 0;}

.moduletable .category-module li a { width: 100%; border-radius: 0; padding: .35rem .75rem; color: white; font-weight: normal;}
.moduletable .category-module li { transition: all .2s ease-in; border-radius: 0; width: 100%; padding: 0; margin: 0;}
.moduletable .category-module li:hover { background: #E5E1DF; color: #0B5282; }
.moduletable .category-module, .moduletable .unstyled { border: none; padding: 0; margin: 0; display: block;  background: #333;  border-radius: 0; }