Files
nhgooi.nl/public/css/style.css
2024-09-12 14:06:28 +02:00

1661 lines
33 KiB
CSS
Vendored
Raw Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");
.clearfix::after {
display: block;
clear: both;
content: "";
}
body {
margin: 0;
padding: 0;
}
.body_container {
max-width: 1170px;
margin: 0 auto;
padding: 67px 0;
background-color: #f9f9f9;
}
@media (max-width: 768px) {
.body_container {
padding: 50px 0;
}
}
.header_container {
max-width: 1170px;
margin: 0 auto;
}
@media (min-width: 768px) {
.grey_background:not(.site_container) {
background-color: #f9f9f9;
}
}
.page {
padding-top: 20px;
}
.content_container {
padding-right: 50px;
}
.sidebar {
width: calc(300px + var(--bs-gutter-x));
}
@media (max-width: 768px) {
.content_container {
padding-right: calc(var(--bs-gutter-x) * 0.5);
}
.site_container {
overflow: hidden;
}
}
.btn {
display: block;
width: calc(100% - 78px);
padding: 10px 39px 10px 39px;
border-radius: 3px;
background-image: linear-gradient(to right, #0f259d, #5ba8f4);
font-family: Nunito, serif;
font-size: 14px;
font-weight: bold;
line-height: 0.93;
text-align: center;
color: #fff;
margin-bottom: 10px;
text-decoration: none;
text-transform: uppercase;
}
.btn:hover, .btn:active {
color: #fff;
}
.btn.auto_width {
width: fit-content;
margin: 0 auto;
}
.btn.fit_content {
width: fit-content;
}
.btn.btn_facebook_share {
background-image: none;
background-color: #0f259d;
}
.btn.btn_twitter_x_share {
background-image: none;
background-color: #5ba8f4;
}
div.pp_default .pp_content_container .pp_left,
div.pp_default .pp_content_container .pp_right,
div.pp_default .pp_top .pp_left,
div.pp_default .pp_top .pp_middle,
div.pp_default .pp_top .pp_right,
div.pp_default .pp_bottom .pp_left,
div.pp_default .pp_bottom .pp_middle,
div.pp_default .pp_bottom .pp_right {
background: none;
padding: 0;
}
div.pp_default .pp_content, div.light_rounded .pp_content {
padding: 10px;
}
div.pp_default .pp_description {
font-family: Nunito, serif;
font-size: 12px;
font-style: italic;
line-height: 3.17;
color: #585858;
}
div.pp_default .pp_close {
margin-top: 8px;
background: url("/images/icons/other/close.png") 0 0 no-repeat;
}
div.pp_default .pp_close:hover {
opacity: 1;
background-position: 0 -30px;
}
.light.cc_dialog button.cc_b_ok, .light.cc_dialog button.cc_b_cp {
padding: 10px 39px;
border-radius: 3px;
font-family: Nunito, serif;
font-size: 14px;
font-weight: bold;
line-height: 0.93;
text-align: center;
margin-bottom: 10px;
text-decoration: none;
text-transform: uppercase;
}
.light.cc_dialog button.cc_b_ok {
background-image: linear-gradient(to right, #0f259d, #5ba8f4);
color: #fff;
}
.light.cc_dialog .cc_dialog_headline {
font-family: Montserrat, serif;
font-weight: 600;
line-height: 1.15;
color: #282828;
}
.light.cc_dialog .cc_dialog_text {
font-family: Nunito, serif;
font-size: 15px;
line-height: 1.6;
color: #282828;
}
.list {
margin: 0;
padding: 0;
list-style: none;
}
.header {
height: 111px;
}
.header .logo {
float: left;
margin-top: 10px;
}
.header .logo img {
height: 95px;
}
.header .advertisement {
float: right;
width: 728px;
height: 90px;
}
@media (max-width: 1170px) {
.header {
padding: 0 20px;
}
}
@media (max-width: 980px) {
.header {
height: 212px;
}
.header .logo {
float: none;
}
.header .advertisement {
float: none;
}
}
@media (max-width: 768px) {
.header_container {
display: none;
}
}
@media (min-width: 767px) {
.menu_container {
height: 75px;
background-image: linear-gradient(to right, #0102b0, #4090e3);
}
}
.menu_container nav {
display: flex;
}
.menu_container nav > div {
height: 30px;
background: white;
flex-grow: 1;
border: 1px solid white;
}
.menu_container .menu {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
position: relative;
z-index: 0;
margin: 0px -1px;
width: 1170px;
margin: 0 auto;
}
.menu_container .menu > li {
float: left;
margin: 0px -1px;
}
.menu_container .menu > li.has_submenu {
position: relative;
}
.menu_container .menu > li ul {
display: none;
}
.menu_container .menu > li a {
display: block;
font-family: Nunito, serif;
color: #1a1a1a;
font-weight: bold;
font-size: 14px;
text-align: center;
padding: 5px 20px 5px 40px;
text-decoration: none;
background: white;
text-transform: uppercase;
}
.menu_container .menu > li.selected a, .menu_container .menu > li:hover a, .menu_container .menu > li.hover a {
color: white;
background: transparent;
position: relative;
}
.menu_container .menu > li.selected a:before, .menu_container .menu > li:hover a:before, .menu_container .menu > li.hover a:before {
content: "";
display: block;
width: 33px;
height: 25px;
-webkit-mask-image: URL("/images/menu-corner-1.svg");
mask-image: URL("/images/menu-corner-1.svg");
background-color: white;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.menu_container .menu > li.selected a:after, .menu_container .menu > li:hover a:after, .menu_container .menu > li.hover a:after {
content: "";
display: block;
width: 12px;
height: 15px;
-webkit-mask-image: URL("/images/menu-corner-2.svg");
mask-image: URL("/images/menu-corner-2.svg");
background-color: white;
position: absolute;
bottom: 0;
right: -1px;
z-index: 1;
}
.menu_container .menu > li:last-child {
margin-left: 10px;
}
.menu_container .menu > li:last-child:after {
content: " ";
z-index: -1;
background: white;
position: absolute;
top: 0;
width: 100%;
height: 100%;
margin-left: -10px;
}
.top_menu_container, .menu_mobile_container {
height: 50px;
max-width: 1170px;
margin: 0 auto;
overflow: hidden;
}
.top_menu_container ul.right_menu, .menu_mobile_container ul.right_menu {
float: right;
margin: 0;
padding: 0;
list-style: none;
}
.top_menu_container ul.right_menu li, .menu_mobile_container ul.right_menu li {
float: left;
padding: 3px 19px;
margin: 8px;
border-right: 1px solid rgba(255, 255, 255, 0.2);
line-height: 2;
height: 28px;
/*&:nth-child(2) {
padding: 0 19px;
}*/
}
.top_menu_container ul.right_menu li.collapsed, .menu_mobile_container ul.right_menu li.collapsed {
padding: 3px 9px 3px 6px;
margin: 8px auto;
}
.top_menu_container ul.right_menu li.search, .menu_mobile_container ul.right_menu li.search {
border: none;
line-height: 1;
}
.top_menu_container ul.right_menu li a, .menu_mobile_container ul.right_menu li a {
float: left;
font-family: Nunito, serif;
font-size: 14px;
font-weight: bold;
text-align: right;
color: #fff;
text-decoration: none;
text-transform: uppercase;
display: flex;
}
.top_menu_container ul.right_menu li a span, .menu_mobile_container ul.right_menu li a span {
overflow: hidden;
display: block;
height: 28px;
}
.top_menu_container ul.right_menu li a.with_svg_icon, .menu_mobile_container ul.right_menu li a.with_svg_icon {
position: relative;
margin-right: 30px;
}
.top_menu_container ul.right_menu li a svg, .menu_mobile_container ul.right_menu li a svg {
fill: #fff;
height: 20px;
width: 20px;
position: absolute;
right: -25px;
top: 2px;
}
.top_menu_container ul.right_menu li a i, .menu_mobile_container ul.right_menu li a i {
font-size: 18px;
position: relative;
top: 2px;
margin-left: 5px;
}
.top_menu_container ul.right_menu li .search_form, .menu_mobile_container ul.right_menu li .search_form {
float: left;
overflow: hidden;
height: 34px;
margin-right: 10px;
}
.top_menu_container ul.right_menu li .search_form .search_input, .menu_mobile_container ul.right_menu li .search_form .search_input {
border: 1px solid #efefef;
border-radius: 3px;
background-color: #fff;
height: 26px;
font-family: Montserrat, serif;
font-size: 16px;
line-height: 1.25;
color: #1a1a1a;
}
.top_menu_container ul.right_menu li .search_form .search_submit, .menu_mobile_container ul.right_menu li .search_form .search_submit {
float: right;
margin: 4px;
}
.top_menu_container ul.right_menu li .search_button, .menu_mobile_container ul.right_menu li .search_button {
margin-top: 6px;
}
.menu_mobile_container {
height: 46px;
padding: 12px 0;
background-color: #10229c;
}
.menu_mobile_container .mobile_menu_button a {
display: block;
width: 20px;
height: 21px;
padding: 4px 10px 4px 11px;
margin-right: 12px;
}
.menu_mobile_container .mobile_menu_button a i {
color: white;
font-size: 19px;
}
.menu_mobile_container .logo_mobile {
height: 100%;
}
.menu_mobile_container .logo_mobile img {
height: 100%;
}
.menu_mobile_container .right_menu_container {
background-color: #10229c;
margin-left: 12px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
flex-grow: 1;
}
.menu_mobile_container .right_menu_container ul.right_menu li {
padding: 0 10px;
margin: 0;
}
.menu_mobile_container .right_menu_container ul.right_menu li a.with_svg_icon {
margin-right: 10px;
}
.menu_mobile_container .right_menu_container ul.right_menu li a svg {
position: static;
}
.menu_mobile_container .right_menu_container ul.right_menu li .search_form {
height: 25px;
}
.menu_mobile_container .right_menu_container ul.right_menu li .search_form .search_input {
height: 18px;
width: 80px;
}
.menu_mobile_container .right_menu_container ul.right_menu li .search_form .search_submit {
margin: 0 6px;
}
.menu_mobile_container .right_menu_container ul.right_menu li .search_button {
margin: 0;
}
.menu-submenu, .mobile_menu_container {
position: absolute;
}
.menu-submenu > a, .mobile_menu_container > a {
display: block;
height: 30px;
}
.menu-submenu ul, .mobile_menu_container ul {
margin: 0;
padding: 0;
list-style: none;
}
.menu-submenu ul a, .mobile_menu_container ul a {
display: block;
font-family: Nunito, serif;
font-size: 14px;
font-weight: bold;
color: #1a1a1a;
text-decoration: none;
padding: 15px 0;
border-bottom: 1px solid #f8f8f8;
text-transform: uppercase;
}
.menu-submenu ul li:last-child a, .mobile_menu_container ul li:last-child a {
border-bottom: none;
}
.menu-submenu > ul, .mobile_menu_container > ul {
padding: 20px;
border-radius: 3px;
box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.1);
background-color: #fff;
margin-left: 20px;
width: max-content;
display: none;
}
.menu-submenu > ul li ul, .mobile_menu_container > ul li ul {
display: none;
}
.menu-submenu > ul li ul li, .mobile_menu_container > ul li ul li {
padding-left: 10px;
}
.menu-submenu > ul li.has_submenu, .mobile_menu_container > ul li.has_submenu {
position: relative;
}
.menu-submenu > ul li.has_submenu:after, .mobile_menu_container > ul li.has_submenu:after {
-webkit-font-smoothing: antialiased;
display: var(--fa-display, inline-block);
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
font-family: "Font Awesome 6 Free";
font-weight: 900;
content: "\f0d7";
position: absolute;
right: 0;
top: 15px;
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
transition: 0.6s ease;
}
.menu-submenu > ul li.has_submenu.opened:after, .mobile_menu_container > ul li.has_submenu.opened:after {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.mobile_menu_container {
display: none;
position: fixed;
z-index: 15;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.8);
}
.mobile_menu_container nav {
background: white;
width: fit-content;
height: 100vh;
padding: 20px;
min-width: 70vw;
max-width: 100vw;
overflow-x: hidden;
overflow-y: auto;
}
.mobile_menu_container nav ul, .mobile_menu_container nav li, .mobile_menu_container nav li a {
width: 100%;
}
.mobile_menu_container nav ul > li > ul > li {
padding-left: 20px;
width: calc(100% - 20px);
}
.mobile_menu_container nav .submenu {
display: none;
}
.mobile_menu_container nav li.has_submenu {
position: relative;
}
.mobile_menu_container nav li.has_submenu:after {
-webkit-font-smoothing: antialiased;
display: var(--fa-display, inline-block);
font-style: normal;
font-variant: normal;
line-height: 1;
text-rendering: auto;
font-family: "Font Awesome 6 Free";
font-weight: 900;
content: "\f0d7";
position: absolute;
right: 0;
top: 15px;
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
.mobile_menu_container nav li.has_submenu.opened:after {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.logo_close_button {
display: flex;
height: 42px;
margin-bottom: 37px;
}
.logo_close_button .logo {
flex-grow: 1;
height: 42px;
}
.logo_close_button .logo a {
height: 100%;
padding: 0;
border-bottom: none;
}
.logo_close_button .logo a img {
height: 100%;
}
.logo_close_button .mobile_close_menu_button {
height: 30px;
width: 22.5px;
padding: 4px;
}
.logo_close_button .mobile_close_menu_button a {
font-size: 30px;
color: #1d2bb2;
padding: 0;
border-bottom: none;
}
.mobile_menu_container nav li.has_submenu:after {
content: "\f054";
-webkit-transform: rotate(0);
transform: rotate(0);
transition: 0.6s ease;
}
.mobile_menu_container nav li.has_submenu.opened:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.slogan {
width: 190px;
margin: 8px 0;
}
.grey_background nav > div {
background: #f9f9f9;
border-color: #f9f9f9;
}
.grey_background .menu > li a {
background: #f9f9f9;
}
.grey_background .menu > li.selected a:before, .grey_background .menu > li.selected a:after, .grey_background .menu > li:hover a:before, .grey_background .menu > li:hover a:after, .grey_background .menu > li.hover a:before, .grey_background .menu > li.hover a:after {
background-color: #f9f9f9;
}
.grey_background .menu > li:last-child:after {
background: #f9f9f9;
}
.header .now-playing-header {
float: right;
}
.now-playing-header {
font-size: 16pt;
font-family: "Roboto Condensed", serif;
font-weight: 300;
background: rgba(246, 246, 246, 0.4);
width: 728px;
color: #787878;
text-align: center;
display: block;
overflow: hidden;
position: relative;
margin: auto;
padding-top: 10px;
padding-bottom: 30px;
}
.now-playing-header .title {
font-weight: bold;
font-size: 120%;
}
.now-playing-header .title, .now-playing-header .artist {
padding: 3px;
}
.now-playing-header .controls {
font-size: 75%;
bottom: 0;
position: absolute;
padding: 3px;
width: 100%;
}
.now-playing-header .controls ul {
margin: 0;
}
.now-playing-header .controls ul li {
display: inline-block;
}
.now-playing-header .controls ul li a {
line-height: 120%;
font-size: 80%;
color: #ABABAB;
display: block;
padding: 4px;
margin-left: 5px;
margin-right: 5px;
}
.now-playing-header .controls ul li a label {
cursor: pointer;
}
@media (max-width: 768px) {
.blog_grid {
overflow-x: auto;
overflow-y: hidden;
/* Track */
/* Handle */
}
.blog_grid::-webkit-scrollbar {
height: 8px;
}
.blog_grid::-webkit-scrollbar-track {
border-radius: 100vw;
background: #eee;
}
.blog_grid::-webkit-scrollbar-thumb {
border-radius: 4px;
background: linear-gradient(to right, #10229c, #64a9f2);
}
.blog_grid .grid_view {
width: 300%;
}
}
.blog_grid .row, .blog_grid .row > * {
padding: 0;
margin: 0;
}
.blog_grid .row {
height: 100%;
}
.blog_grid .post {
position: relative;
height: calc(100% - 10px);
padding: 5px;
}
@media (max-width: 768px) {
.blog_grid .post {
height: calc(50% - 10px);
}
}
.blog_grid .post img {
width: 100%;
height: 100%;
object-fit: cover;
filter: brightness(70%);
border-radius: 3px;
}
.blog_grid .post.small {
height: 50%;
}
.blog_grid .post .slider_content_box {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 15px;
}
.blog_grid .post .slider_content_box .post_details {
margin: 0;
padding: 0;
list-style: none;
display: flex;
gap: 3px;
}
.blog_grid .post .slider_content_box .post_details .category a {
padding: 6px 11px 7px;
border-radius: 3px;
background-image: linear-gradient(to right, #0d1ca3, #45aaf8);
font-family: Nunito, serif;
font-size: 10px;
font-weight: bold;
text-align: center;
color: #fff;
text-decoration: none;
text-transform: uppercase;
}
.blog_grid .post .slider_content_box h2, .blog_grid .post .slider_content_box h5 {
margin: 15px 0 0 0;
}
.blog_grid .post .slider_content_box h2 a, .blog_grid .post .slider_content_box h5 a {
font-family: Montserrat, serif;
font-size: 30px;
font-weight: 600;
line-height: 1;
color: #fff;
text-decoration: none;
}
.blog_grid .post .slider_content_box h5 a {
font-size: 16px;
line-height: 1.17;
}
@media (max-width: 768px) {
.blog_grid .post .slider_content_box h2 a, .blog_grid .post .slider_content_box h5 a {
display: block;
font-size: 16px;
line-height: 1.17;
}
}
.blog_grid .post .slider_content_box .post_date {
font-family: Nunito, serif;
font-weight: 500;
line-height: 3.17;
letter-spacing: normal;
text-align: left;
font-size: 12px;
color: #666;
display: block;
height: 30px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
color: #fff;
}
.box_header {
border-bottom: 1px solid #efefef;
padding-right: 20px;
}
.box_header span {
font-family: Nunito, serif;
font-size: 20px;
font-weight: bold;
color: #0f259d;
border-bottom: 3px solid #0f259d;
display: inline-block;
text-transform: uppercase;
height: 30px;
}
.box_header.extra_small span {
font-size: 12px;
}
.box_header.small span {
font-size: 14px;
}
.box_header.medium span {
font-size: 18px;
}
.box {
display: inline-block;
width: auto;
background-color: #fff;
margin-bottom: 50px;
}
@media (min-width: 768px) {
.box {
border-radius: 3px;
box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.1);
padding: 30px 23px 30px 30px;
}
}
@media (max-width: 768px) {
.box {
padding: 10px 10px 10px 10px;
}
}
@media (min-width: 768px) {
.box.full-width {
width: calc(100% - 60px);
}
}
@media (max-width: 768px) {
.box.full-width {
width: calc(100% - 20px);
}
}
.box.full-height {
height: calc(100% - 103px);
}
@media (min-width: 768px) {
.box.md_margin_top {
margin-top: 77px;
}
}
.tabs {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.tabs.fit_content {
width: fit-content;
}
.tabs .box_header {
padding-right: 20px;
}
.tabs .box_header:last-of-type {
padding-right: 0;
}
.tabs .box_header span {
color: #999;
border-bottom: none;
cursor: pointer;
padding-bottom: 3px;
}
.tabs .box_header.extra_small span {
font-size: 12px;
}
.tabs .box_header.small span {
font-size: 14px;
}
.tabs .box_header.medium span {
font-size: 18px;
}
.tabs .box_header.active span, .tabs .box_header:hover span {
color: #0f259d;
border-bottom: 3px solid #0f259d;
padding-bottom: 0;
}
.tab_content {
display: none;
padding: 20px 23px 20px 20px;
}
.tab_content.active {
display: block;
}
.blog {
margin: 0;
padding: 0;
list-style: none;
}
.blog .post {
margin-bottom: 27px;
}
.blog .post:not(.auto_height) {
height: 90px;
}
.blog .post img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blog .post .post_title {
margin: 0;
font-family: Montserrat, serif;
font-size: 14px;
font-weight: 600;
line-height: 1.43;
color: #1a1a1a;
}
.blog .post .post_title a {
text-decoration: none;
display: inline-block;
color: #1a1a1a;
}
.blog .post .post_title a.clipText {
display: -webkit-box;
}
.blog .post .col-8 {
padding: 0;
}
.blog .post .post_date {
font-family: Nunito, serif;
font-weight: 500;
line-height: 3.17;
letter-spacing: normal;
text-align: left;
font-size: 12px;
color: #666;
display: block;
height: 30px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.blog .post .disabled {
color: #A1A1A1;
cursor: not-allowed;
}
.blog .post .post_body {
font-family: Nunito, serif;
font-size: 15px;
line-height: 1.6;
color: #282828;
}
@media (max-width: 768px) {
.sidebar {
width: 100%;
}
}
.radio_box {
padding: 15px 23px 15px 15px;
width: calc(100% - 38px);
}
.radio_box h2 {
font-size: 20px;
}
.radio_box h3 {
font-size: 18px;
}
.radio_box .post_title {
font-family: Montserrat, serif;
font-weight: 600;
line-height: 1.35;
color: #1a1a1a;
}
.radio_box .post_title a {
text-decoration: none;
color: #1a1a1a;
}
.radio_box .post_date {
font-family: Nunito, serif;
font-weight: 500;
line-height: 3.17;
letter-spacing: normal;
text-align: left;
font-size: 12px;
color: #666;
display: block;
height: 30px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.radio_box p {
font-family: Nunito, serif;
font-size: 14px;
font-weight: 500;
line-height: 1.57;
text-align: left;
color: #666;
}
.contact_box {
position: relative;
padding: 15px 23px 15px 15px;
}
.contact_box .logo-whatsapp {
position: absolute;
right: 0;
top: 0;
}
.contact_box h2 {
font-family: Montserrat, serif;
font-size: 24px;
font-weight: 600;
line-height: 1.17;
color: #282828;
margin-top: 0;
padding-right: 60px;
}
.contact_box p {
font-family: Nunito, serif;
font-size: 14px;
font-weight: 500;
line-height: 1.57;
color: #666;
}
.contact_box .read_more {
font-family: Nunito, serif;
font-size: 14px;
font-weight: 500;
line-height: 1.57;
color: #0f259d;
text-transform: uppercase;
}
@media (max-width: 768px) and (min-width: 423px) {
.contact_box p {
width: calc(100% - 81px);
}
}
.featured img {
width: 100%;
object-fit: cover;
max-height: 218px;
}
.featured h2 {
margin: 0;
}
.featured h2 a {
font-family: Montserrat, serif;
font-size: 20px;
font-weight: 600;
line-height: 1.35;
text-align: left;
color: #1a1a1a;
text-decoration: none;
}
.featured .sub_title {
width: 100%;
display: flex;
}
.featured .sub_title .program_name {
font-family: Nunito, serif;
font-weight: 500;
line-height: 3.17;
letter-spacing: normal;
text-align: left;
font-size: 12px;
color: #000;
margin-right: 10px;
text-decoration: none;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.featured .sub_title .post_date {
font-family: Nunito, serif;
font-weight: 500;
line-height: 3.17;
letter-spacing: normal;
text-align: left;
font-size: 12px;
color: #666;
display: block;
height: 30px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.featured p {
font-family: Nunito, serif;
font-size: 14px;
font-weight: 500;
line-height: 1.57;
text-align: left;
color: #666;
margin: 10px 0;
}
.podcast_items .box {
margin-bottom: 10px;
}
.podcast_items ul {
margin: 0;
padding: 0;
list-style: none;
}
.podcast_items ul.row {
margin-top: calc(-1 * var(--bs-gutter-y));
margin-right: calc(-0.5 * var(--bs-gutter-x));
margin-left: calc(-0.5 * var(--bs-gutter-x));
}
@media (min-width: 768px) {
.podcast_items ul li {
margin-bottom: 25px;
}
}
.podcast_items ul li h2 {
margin: 0;
}
.podcast_items ul li h2 a {
font-family: Montserrat, serif;
font-size: 14px;
font-weight: 600;
line-height: 1.43;
text-align: left;
color: #1a1a1a;
text-decoration: none;
}
.podcast_items ul li .sub_title {
width: 100%;
display: flex;
}
.podcast_items ul li .sub_title .program_name {
font-family: Nunito, serif;
font-weight: 500;
line-height: 3.17;
letter-spacing: normal;
text-align: left;
font-size: 12px;
color: #000;
margin-right: 10px;
text-decoration: none;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.podcast_items ul li .sub_title .post_date {
font-family: Nunito, serif;
font-weight: 500;
line-height: 3.17;
letter-spacing: normal;
text-align: left;
font-size: 12px;
color: #666;
display: block;
height: 30px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.news .blog .post {
height: 115px;
}
.bread_crumb {
height: 38px;
margin: 0;
padding: 0;
list-style: none;
}
.bread_crumb li {
float: left;
font-family: Nunito, serif;
font-weight: 500;
line-height: 3.17;
letter-spacing: normal;
text-align: left;
font-size: 12px;
color: #666;
margin-right: 5px;
}
.bread_crumb li a {
color: #666;
text-decoration: none;
}
.bread_crumb li i {
font-size: 8px;
}
@media (max-width: 768px) {
.bread_crumb li:nth-last-child(-n+2) {
display: none;
}
}
.page_title, .page_title2 {
margin: 17px 0;
font-family: Montserrat, serif;
font-size: 30px;
font-weight: 600;
line-height: 1.15;
text-align: left;
color: #282828;
}
@media (min-width: 768px) {
.page_title, .page_title2 {
font-size: 40px;
}
}
.page_title2 {
font-size: 30px;
}
.post_container {
max-width: 1170px;
margin: 0 auto;
}
@media (min-width: 768px) {
.post_container {
padding: 32px 0;
}
}
.post_container > .col-8 {
width: calc(66.66666667% - 20px);
margin-right: 20px;
}
.post_container:not(.breadcrumb_no_border) .bread_crumb {
border-bottom: 1px solid #efefef;
padding-bottom: 18px;
}
.post_container .post_body {
width: 100%;
font-family: Nunito, serif;
font-size: 15px;
line-height: 1.6;
color: #282828;
}
.post_container .post_body h3 {
font-size: 15px;
}
.post_container .post_body .sentence,
.box.featured .sentence {
font-size: 12px;
font-style: italic;
line-height: 1.3;
text-align: right;
color: #585858;
display: block;
width: 100%;
}
.post_container .post_body .sentence span,
.box.featured .sentence span {
padding: 0 5px;
}
.post_container .post_body blockquote {
border-left: 3px solid #5ba8f4;
margin-left: 0;
padding-left: 20px;
font-family: Lato, serif;
font-size: 30px;
font-style: italic;
line-height: 1.27;
color: #5ba8f4;
}
.post_container .post_body blockquote .author {
font-family: Nunito, serif;
font-size: 12px;
font-style: normal;
line-height: 3.17;
color: #585858;
}
.post_container .post_body .post_details {
margin: 0;
padding: 0;
list-style: none;
}
.post_container .post_body .post_details li {
float: left;
margin-right: 10px;
font-family: Nunito, serif;
font-weight: 500;
line-height: 3.17;
letter-spacing: normal;
text-align: left;
font-size: 12px;
color: #666;
}
.post_container .post_body .post_details li a {
color: #666;
text-decoration: none;
}
.post_container .post_body .post_details li i {
margin-right: 4px;
}
.post_container .post_body .post_image img, .post_container .post_body video, .post_container .post_body .mejs__video {
width: calc(100% + 53px);
margin: 0 -23px 0 -30px;
}
.post_container .post_body .mejs__video, .post_container .post_body video {
width: calc(100% + 53px) !important;
}
.post_container .info {
padding: 1em;
color: #3E3E3E;
line-height: 150%;
border-radius: 10px;
margin: 1em;
}
.post_container .info h2 {
text-overflow: ellipsis;
overflow: hidden;
margin-top: 3px;
clear: both;
}
.post_container .info a {
color: #ED1C24;
}
.post_tags {
margin: 0;
padding: 0;
list-style: none;
height: 31px;
margin: 20px 0;
}
.post_tags li {
float: left;
margin-right: 10px;
}
.post_tags li a {
display: block;
padding: 6px 15px 7px;
border-radius: 3px;
background-image: linear-gradient(to left, #0d1ca3, #45aaf8);
font-family: Nunito, serif;
font-size: 10px;
font-weight: bold;
text-align: center;
color: #fff;
text-decoration: none;
text-transform: uppercase;
}
#schedule a {
text-decoration: none;
}
#schedule .program-title {
font-family: Montserrat, serif;
font-size: 14px;
font-weight: 600;
line-height: 1.43;
color: #1a1a1a;
}
#schedule .program-times {
font-family: Nunito, serif;
font-weight: 500;
line-height: 3.17;
letter-spacing: normal;
text-align: left;
font-size: 12px;
color: #666;
display: block;
height: 30px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
#schedule img {
margin-left: -30px;
margin-top: -30px;
width: calc(100% + 54px);
}
#schedule .no-results, #schedule .loading {
font-family: Montserrat, serif;
font-size: 14px;
font-weight: 600;
line-height: 1.43;
color: #1a1a1a;
text-align: center;
padding: 20px;
}
#schedule .no-results span, #schedule .loading span {
margin-right: 10px;
}
.page_container {
max-width: 1170px;
margin: 0 auto;
background-color: #fff;
padding: 20px;
}
@media (min-width: 768px) {
.page_container {
width: calc(100% - 270px);
padding: 32px 135px;
}
}
.page_body {
font-family: Nunito, serif;
font-size: 15px;
line-height: 1.6;
color: #282828;
}
.page_body.margin_bottom {
margin-bottom: 40px;
}
.action_button {
font-family: Nunito, serif;
font-weight: 500;
line-height: 3.17;
letter-spacing: normal;
text-align: left;
font-size: 14px;
line-height: 1.4;
text-decoration: none;
color: #282828;
}
.action_button .fa {
margin-right: 10px;
}
.input_container {
border: 1px solid #efefef;
border-radius: 5px;
background-color: #fff;
display: flex;
height: 48px;
font-family: Montserrat, serif;
font-size: 16px;
line-height: 1.25;
color: #1a1a1a;
}
.input_container .input_prefix, .input_container .input_postfix {
padding: 13px 10px 13px 15px;
}
.input_container input {
border: none;
padding: 13px 5px;
font-family: Montserrat, serif;
font-size: 16px;
font-weight: 600;
line-height: 1.25;
color: #1a1a1a;
}
.text_input, .texterea_input {
padding: 13px 5px;
font-family: Montserrat, serif;
font-size: 14px;
font-weight: normal;
line-height: 1.25;
color: #1a1a1a;
border: 1px solid #efefef;
border-radius: 5px;
background-color: #fff;
}
.announcement {
padding: 30px;
border-radius: 3px;
background-color: #f0f0f0;
margin-bottom: 30px;
}
.action_button.btn {
width: fit-content;
color: #fff;
float: left;
margin: 10px 20px 0 0;
}
.footer_container {
font-family: Montserrat, serif;
font-size: 14px;
font-weight: 600;
line-height: 1.71;
text-align: left;
color: #fff;
}
.footer_container .footer_menu {
background-image: linear-gradient(to right, #0102b0, #4090e3);
padding: 15px 0;
}
@media (max-width: 768px) {
.footer_container .footer_menu {
padding: 60px 30px 30px 30px;
}
}
.footer_container .footer_menu .row {
max-width: 1170px;
margin: 0 auto;
}
.footer_container .footer_menu .row:first-child {
padding-bottom: 70px;
margin-bottom: 34px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.footer_container .footer_menu a {
color: #fff;
text-decoration: none;
display: block;
width: 100%;
}
.footer_container .footer_menu .about a {
display: inline;
text-decoration: underline;
}
.footer_container .footer_menu .buttons a {
text-transform: uppercase;
margin-bottom: 10px;
}
.footer_container .footer_menu .box_header {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.footer_container .footer_menu .box_header span {
border-bottom: 3px solid #fff;
color: #fff;
font-size: 14px;
}
.footer_container .copyright {
padding: 20px;
background-color: #0f259d;
text-align: center;
position: relative;
}
.footer_container .copyright .scroll_top {
position: absolute;
right: 30px;
top: -19px;
width: 38px;
height: 38px;
background-color: #5ba8f4;
color: #fff;
text-decoration: none;
line-height: 40px;
border-radius: 5px;
}
.footer_container .footer_menu2 {
margin: 0;
padding: 0;
list-style: none;
float: left;
margin-bottom: 20px;
}
.footer_container .footer_menu2 li {
margin-right: 40px;
padding: 9px 0;
}
@media (min-width: 768px) {
.footer_container .footer_menu2 li {
float: left;
}
}
.footer_container .footer_menu2 li:first-child {
padding: 0;
}
@media (max-width: 768px) {
.footer_container .footer_menu2 li:first-child {
padding: 0 0 15px 0;
}
}
.footer_container .footer_menu2 li .logo {
display: block;
width: 115px;
height: 41px;
}
.footer_container .footer_menu2 li a {
text-decoration: underline;
}
.footer_container .footer_social_media {
float: right;
margin: 0;
padding: 0;
list-style: none;
}
.footer_container .footer_social_media li {
float: left;
margin: 4px;
}
.footer_container .footer_social_media li a {
display: block;
width: 34px;
height: 34px;
border-radius: 5px;
text-align: center;
line-height: 37px;
}
.footer_container .footer_social_media li a.facebook {
background-color: #0f259d;
}
.footer_container .footer_social_media li a.twitter-x {
background-color: #5ba8f4;
}
.footer_container .footer_social_media li a.youtube {
background-color: #e73323;
}
.mejs__overlay-button {
border: none;
}
.clipText {
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
}
.clipText-1 {
-webkit-line-clamp: 1;
}
.clipText-2 {
-webkit-line-clamp: 2;
}
.clipText-3 {
-webkit-line-clamp: 3;
}
.clipText-4 {
-webkit-line-clamp: 4;
}
.clipText-5 {
-webkit-line-clamp: 5;
}
.clipText-6 {
-webkit-line-clamp: 6;
}
.clipText-7 {
-webkit-line-clamp: 7;
}
.clipText-8 {
-webkit-line-clamp: 8;
}
.clipText-9 {
-webkit-line-clamp: 9;
}
.clipText-10 {
-webkit-line-clamp: 10;
}
a, a:hover, a:active {
color: #0f259d;
}
@media (min-width: 768px) {
.md_padding_top_80 {
padding-top: 80px;
}
}
.podcast-player .content {
border: solid 1px #333;
border-radius: 5px;
padding: 0.4rem;
}
/*# sourceMappingURL=style.css.map */