/*!
Theme Name: Rankings.io
Theme URI: https://rankings.io/
Author: Rankings.io
Author URI: https://rankings.io/
Version: 1.0.8
Tested up to: 8.0
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: rankings-io
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
Rankings.io is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
/* GENERAL
========================================================================== */
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
overflow-x: hidden;
}
div {
background-position: center center;
background-size: cover;
}
a {
text-decoration: none;
}
.all-containers {
position: relative;
}
.hide-d{
display: none;
}
.full-width-block {
width: 100vw !important;
position: relative !important;
left: 50% !important;
right: 50% !important;
margin-left: -50vw !important;
margin-right: -50vw !important;
}
.carousel-cell {
min-height: 100%;
background-size: cover;
}
.is-fade .carousel-cell {
opacity: 0 !important;
transition: opacity 1s ease !important;
}
.is-fade .carousel-cell.is-selected {
opacity: 1 !important;
}
.has-overlay:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #0000002e;
z-index: 1;
}
.vert-align-cont {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.vert-align-cont > div:nth-of-type(1) {
flex: 1;
}
body .btn {
border: 2px solid #000;
background: #FFF;
box-shadow: 0 0 20px -10px #000;
}
.modal-dialog {
max-width: 575px;
}
.modal-content .video-player {
margin: 0 !important;
}
.video-player, .image-modal-trigger {
position: relative;
padding-bottom: 56.23%;
cursor: pointer;
margin: 1rem 0;
height: 0;
overflow: hidden;
max-width: 100%;
background: #000;
}
.video-player iframe, .video-player video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 1;
}
.video-player .hold-img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
}
.video-player .hold-img.on{
display: none;
z-index: 0;
}
.video-player .hold-img > div {
display: table;
width: 100%;
height: 100%;
}
.video-player .hold-img > div > i {
display: table-cell;
vertical-align: middle;
color: #FFF;
text-shadow: 0 0 6px #000;
font-size: 3rem;
}
.video-player-html-holder {
display: none !important;
}
.video_iframe_cont {
display: none !important;
}
.video-iframe-cont{
display: none !important;
}
.image-modal-trigger {
background-position: center;
background-size: cover;
}
.image-modal-trigger.override-default, .embed-block-inner.override-default {
min-width: 100px;
min-height: 100px;
max-height: 100%;
padding: 0;
}
iframe.embed-block-inner {
width: 100%;
height: 350px;
}
.custom-carousel {
max-width: 100vw;
}
.row.custom-carousel {
padding: 0 !important;
}
.firm-logo-no-float {
display: block;
margin: auto;
}
body.do-not-publish_IMPORTANT .editor-post-publish-button__button {
visibility: hidden !important;
}
#rio-search-banner {
display: none;
position: fixed;
top: 0;
width: 100%;
z-index: 999999;
padding: 2rem 0 5rem;
background-color: #0000005e;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
#rio-search-banner > .container > .row:nth-of-type(1) {
padding-bottom: 1rem;
}
#rio-search-banner button[type=submit] {
margin: 1rem 0;
}
#rio-search-banner .search-form {
background-color: #FFF;
border-radius: 5px;
}
#rio-search-banner .search-form input#search {
width: 100%;
height: 65px;
border: none;
padding-left: 40px;
}
#masthead #header-main ul.navbar-nav {
flex-wrap: wrap;
}
#masthead #header-main ul.navbar-nav .menu-item {
white-space: nowrap;
position: relative;
}
ul.navbar-nav .rio-search-toggle.menu-item.rio-search-icon a {
visibility: hidden;
overflow: hidden;
max-width: 2rem !important;
max-height: 3rem !important;
}
ul.navbar-nav .rio-search-toggle.menu-item.rio-search-icon a:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f002';
visibility: visible;
position: absolute;
right: 0;
}
.rio-ul-cont > p {
height: 0;
padding: 0;
margin: 0;
}
ul.rio-ul-1-xl, ol.rio-ul-1-xl, .rio-ul-1-xl > ul, .rio-ul-1-xl > ol,
ul.rio-ul-1-lg, ol.rio-ul-1-lg, .rio-ul-1-lg > ul, .rio-ul-1-lg > ol,
ul.rio-ul-1-md, ol.rio-ul-1-md, .rio-ul-1-md > ul, .rio-ul-1-md > ol,
ul.rio-ul-1-sm, ol.rio-ul-1-sm, .rio-ul-1-sm > ul, .rio-ul-1-sm > ol,
ul.rio-ul-1, ol.rio-ul-1, .rio-ul-1 > ul, .rio-ul-1 > ol,
ul.rio-ul-2-xl, ol.rio-ul-2-xl, .rio-ul-2-xl > ul, .rio-ul-2-xl > ol,
ul.rio-ul-2-lg, ol.rio-ul-2-lg, .rio-ul-2-lg > ul, .rio-ul-2-lg > ol,
ul.rio-ul-2-md, ol.rio-ul-2-md, .rio-ul-2-md > ul, .rio-ul-2-md > ol,
ul.rio-ul-2-sm, ol.rio-ul-2-sm, .rio-ul-2-sm > ul, .rio-ul-2-sm > ol,
ul.rio-ul-3-xl, ol.rio-ul-3-xl, .rio-ul-3-xl > ul, .rio-ul-3-xl > ol,
ul.rio-ul-3-lg, ol.rio-ul-3-lg, .rio-ul-3-lg > ul, .rio-ul-3-lg > ol,
ul.rio-ul-3-md, ol.rio-ul-3-md, .rio-ul-3-md > ul, .rio-ul-3-md > ol,
ul.rio-ul-3-sm, ol.rio-ul-3-sm, .rio-ul-3-sm > ul, .rio-ul-3-sm > ol,
ul.rio-ul-4-xl, ol.rio-ul-4-xl, .rio-ul-4-xl > ul, .rio-ul-4-xl > ol,
ul.rio-ul-4-lg, ol.rio-ul-4-lg, .rio-ul-4-lg > ul, .rio-ul-4-lg > ol,
ul.rio-ul-4-md, ol.rio-ul-4-md, .rio-ul-4-md > ul, .rio-ul-4-md > ol,
ul.rio-ul-4-sm, ol.rio-ul-4-sm, .rio-ul-4-sm > ul, .rio-ul-4-sm > ol{
column-count: 1;
-ms-column-count: 1;
-moz-column-count: 1;
-webkit-column-count: 1;
}
ul.rio-ul-2, ol.rio-ul-2, .rio-ul-2 > ul, .rio-ul-2 > ol {
column-count: 2;
-ms-column-count: 2;
-moz-column-count: 2;
-webkit-column-count: 2;
}
ul.rio-ul-3, ol.rio-ul-3, .rio-ul-3 > ul, .rio-ul-3 > ol {
column-count: 3;
-ms-column-count: 3;
-moz-column-count: 3;
-webkit-column-count: 3;
}
ul.rio-ul-4, ol.rio-ul-4, .rio-ul-4 > ul, .rio-ul-4 > ol {
column-count: 4;
-ms-column-count: 4;
-moz-column-count: 4;
-webkit-column-count: 4;
}
.rio-social-share-link-cont {
display: flex;
}
/* LAYOUT
========================================================================== */
.layout-block {
padding: 4rem 0;
position: relative;
clear: both;
}
.layout-block > .container, .layout-block > .container-fluid {
position: relative;
z-index: 1;
}
.hero{
position: relative;
margin-bottom: 3rem;
}
.hero > div > .row:nth-of-type(1) {
padding: 4rem 0;
min-height: 350px;
}
.hero .hero-inner {
position: relative;
z-index: 2;
}
#masthead #header-main {
background: #FFF;
}
.flickity-enabled {
padding-bottom: 4rem;
}
.flickity-enabled .flickity-page-dots {
bottom: 2rem;
}
.layout-block.sm-b-content .b-content, .layout-block.sm-a-content .a-content, .layout-block.sm-content > .container:nth-of-type(1) {
width: 800px;
margin: auto;
}
.layout-block.sm-b-content.left-b-content .b-content, .layout-block.sm-a-content.left-a-content .a-content, .layout-block.sm-content.left-sm-content > .container:nth-of-type(1) {
margin-left: 0;
margin-right: auto;
}
.layout-block.sm-b-content.right-b-content .b-content, .layout-block.sm-a-content.right-a-content .a-content, .layout-block.sm-content.right-sm-content > .container:nth-of-type(1) {
margin-right: 0;
margin-left: auto;
}
.rio-bkg-to-edge, .rio-bkg-to-edge > * {
position: relative;
}
.rio-bkg-to-edge:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: calc( ((100vw - 100%)/2)*-1 );
left: -ms-calc( ((100vw - 100%)/2)*-1 );
left: -moz-calc( ((100vw - 100%)/2)*-1 );
left: -webkit-calc( ((100vw - 100%)/2)*-1 );
right: calc( ((100vw - 100%)/2)*-1 );
right: -ms-calc( ((100vw - 100%)/2)*-1 );
right: -moz-calc( ((100vw - 100%)/2)*-1 );
right: -webkit-calc( ((100vw - 100%)/2)*-1 );
background: inherit;
}
.rio-bkg-to-edge.sc-left.col-11:before, .rio-bkg-to-edge.sc-left.col-10:before, .rio-bkg-to-edge.sc-left.col-9:before, .rio-bkg-to-edge.sc-left.col-8:before, .rio-bkg-to-edge.sc-left.col-7:before, .rio-bkg-to-edge.sc-left.col-6:before, .rio-bkg-to-edge.sc-left.col-5:before, .rio-bkg-to-edge.sc-left.col-4:before, .rio-bkg-to-edge.sc-left.col-3:before, .rio-bkg-to-edge.sc-left.col-2:before, .rio-bkg-to-edge.sc-left.col-1:before {
margin-right: -0.75rem;
}
.rio-bkg-to-edge.sc-left.col-11:before {
right: 8.33333333%;
}
.rio-bkg-to-edge.sc-left.col-10:before {
right: 16.66666667%;
}
.rio-bkg-to-edge.sc-left.col-9:before {
right: 25%;
}
.rio-bkg-to-edge.sc-left.col-8:before {
right: 33.33333333%;
}
.rio-bkg-to-edge.sc-left.col-7:before {
right: 41.66666667%;
}
.rio-bkg-to-edge.sc-left.col-6:before {
right: 50%;
}
.rio-bkg-to-edge.sc-left.col-5:before {
right: 58.33333333%;
}
.rio-bkg-to-edge.sc-left.col-4:before {
right: 66.66666666%;
}
.rio-bkg-to-edge.sc-left.col-3:before {
right: 75%;
}
.rio-bkg-to-edge.sc-left.col-2:before {
right: 83.33333333%;
}
.rio-bkg-to-edge.sc-left.col-1:before {
right: 91.66666667%;
}
.rio-bkg-to-edge.sc-right.col-11:before, .rio-bkg-to-edge.sc-right.col-10:before, .rio-bkg-to-edge.sc-right.col-9:before, .rio-bkg-to-edge.sc-right.col-8:before, .rio-bkg-to-edge.sc-right.col-7:before, .rio-bkg-to-edge.sc-right.col-6:before, .rio-bkg-to-edge.sc-right.col-5:before, .rio-bkg-to-edge.sc-right.col-4:before, .rio-bkg-to-edge.sc-right.col-3:before, .rio-bkg-to-edge.sc-right.col-2:before, .rio-bkg-to-edge.sc-right.col-1:before {
margin-left: -0.75rem;
}
.rio-bkg-to-edge.sc-right.col-11:before {
left: 8.33333333%;
}
.rio-bkg-to-edge.sc-right.col-10:before {
left: 16.66666667%;
}
.rio-bkg-to-edge.sc-right.col-9:before {
left: 25%;
}
.rio-bkg-to-edge.sc-right.col-8:before {
left: 33.33333333%;
}
.rio-bkg-to-edge.sc-right.col-7:before {
left: 41.66666667%;
}
.rio-bkg-to-edge.sc-right.col-6:before {
left: 50%;
}
.rio-bkg-to-edge.sc-right.col-5:before {
left: 58.33333333%;
}
.rio-bkg-to-edge.sc-right.col-4:before {
left: 66.66666666%;
}
.rio-bkg-to-edge.sc-right.col-3:before {
left: 75%;
}
.rio-bkg-to-edge.sc-right.col-2:before {
left: 83.33333333%;
}
.rio-bkg-to-edge.sc-right.col-1:before {
left: 91.66666667%;
}
.rio-bkg-to-edge.sc-left.col-11, .rio-bkg-to-edge.sc-left.col-10, .rio-bkg-to-edge.sc-left.col-9, .rio-bkg-to-edge.sc-left.col-8, .rio-bkg-to-edge.sc-left.col-7, .rio-bkg-to-edge.sc-left.col-6, .rio-bkg-to-edge.sc-left.col-5, .rio-bkg-to-edge.sc-left.col-4, .rio-bkg-to-edge.sc-left.col-3, .rio-bkg-to-edge.sc-left.col-2, .rio-bkg-to-edge.sc-left.col-1, .rio-bkg-to-edge.sc-right.col-11, .rio-bkg-to-edge.sc-right.col-10, .rio-bkg-to-edge.sc-right.col-9, .rio-bkg-to-edge.sc-right.col-8, .rio-bkg-to-edge.sc-right.col-7, .rio-bkg-to-edge.sc-right.col-6, .rio-bkg-to-edge.sc-right.col-5, .rio-bkg-to-edge.sc-right.col-4, .rio-bkg-to-edge.sc-right.col-3, .rio-bkg-to-edge.sc-right.col-2, .rio-bkg-to-edge.sc-right.col-1 {
position: initial;
}
/* BLOG
========================================================================== */
.blog-hero{
display: unset !important;
}
.blog-hero-img {
min-height: 200px;
}
.blog-card {
padding: 0;
box-shadow: 0 0 75px -30px #000;
}
.blog-card article {
padding: 2rem;
margin-bottom: 2rem;
}
/* AUTHOR BOX
========================================================================== */
.author-box {
max-width: 500px;
margin: auto;
padding: 2rem;
background: #FFF;
border: 5px solid #000;
text-align: center;
}
.author-img {
height: 200px;
width: 200px;
margin: auto;
border-radius: 100%;
}
/* HEADER
========================================================================== */
#header-main .navbar-toggler {
background-color: transparent;
border-color: transparent;
box-shadow: none;
padding: .5rem .75rem;
transition: border 400ms;
}
#header-main .navbar-toggler-icon:before {
font-family: "Font Awesome 6 Free";
font-weight: 900;
content: '\f0c9';
font-size: 2rem;
display: inline-block;
-webkit-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
transform: rotateZ(0deg);
transition: all 400ms;
}
#header-main .navbar-toggler.btn[aria-expanded=true] .navbar-toggler-icon:before{
content: '\58';
-webkit-transform: rotateZ(180deg);
-moz-transform: rotateZ(180deg);
-ms-transform: rotateZ(180deg);
transform: rotateZ(180deg);
}
/* FOOTER
========================================================================== */
#colophon {
margin-top: 2rem;
}
/* FLYOUT
========================================================================== */
#rio-flyout-container {
display: none;
position: fixed;
bottom: 0;
right: 0;
z-index: 9999999;
background: #FFF;
max-width: 100vw;
max-height: 100vh;
overflow-y: scroll;
}
.rio-flyout-close, .rio-flyout-trigger {
cursor: pointer;
}
/* TOASTS
========================================================================== */
#rio-header-toast {
position: fixed;
top: 0;
width: 100%;
z-index: 9999;
text-align: center;
background:#FFF;
padding: 2rem 0;
}
.toast-btn-cont{
text-align: center;
}
/* SHORTCODE
========================================================================== */
.rio-accor .rio-accor-a{
display: none;
}
.rio-accor [rio-info="rio-faq-header"] {
position: relative;
padding: 1rem;
padding-left: 4rem;
border: 2px solid #000;
cursor: pointer;
}
.rio-accor [rio-info="rio-faq-header"]:before {
content: '+';
position: absolute;
left: 1rem;
top: 0;
font-size: 3rem;
}
.rio-accor [rio-info="rio-faq-header"].open:before {
content: '-';
}
.sc-badges img{
max-width: 120px;
width: 100%;
}
/* EDIT PAGE
========================================================================== */
.components-panel__header li {
list-style: none;
}
/* RESPONSIVE
========================================================================== */
@media (max-width: 991px) {
ul.navbar-nav .rio-search-toggle.menu-item.rio-search-icon a {
visibility: visible;
max-width: 100% !important;
}
ul.navbar-nav .rio-search-toggle.menu-item.rio-search-icon a:before {
content: none;
}
}
@media (max-width: 767px){
.alignright, .alignleft{
float: unset !important;
display: block;
margin: auto !important;
}
.hide-d {
display: inline-block;
}
.hide-sm {
display: none;
}
#rio-flyout-container {
left: 0;
}
}
@media (max-width: 575px){
.layout-block.sm-b-content .b-content, .layout-block.sm-a-content .a-content, .layout-block.sm-content > .container:nth-of-type(1) {
width: 100% !important;
}
}
@media (min-width: 576px){
ul.rio-ul-1-sm, ol.rio-ul-1-sm, .rio-ul-1-sm > ul, .rio-ul-1-sm > ol {
column-count: 1;
-ms-column-count: 1;
-moz-column-count: 1;
-webkit-column-count: 1;
}
ul.rio-ul-2-sm, ol.rio-ul-2-sm, .rio-ul-2-sm > ul, .rio-ul-2-sm > ol {
column-count: 2;
-ms-column-count: 2;
-moz-column-count: 2;
-webkit-column-count: 2;
}
ul.rio-ul-3-sm, ol.rio-ul-3-sm, .rio-ul-3-sm > ul, .rio-ul-3-sm > ol {
column-count: 3;
-ms-column-count: 3;
-moz-column-count: 3;
-webkit-column-count: 3;
}
ul.rio-ul-4-sm, ol.rio-ul-4-sm, .rio-ul-4-sm > ul, .rio-ul-4-sm > ol {
column-count: 4;
-ms-column-count: 4;
-moz-column-count: 4;
-webkit-column-count: 4;
}
.rio-bkg-to-edge.sc-left.col-sm-11:before, .rio-bkg-to-edge.sc-left.col-sm-10:before, .rio-bkg-to-edge.sc-left.col-sm-9:before, .rio-bkg-to-edge.sc-left.col-sm-8:before, .rio-bkg-to-edge.sc-left.col-sm-7:before, .rio-bkg-to-edge.sc-left.col-sm-6:before, .rio-bkg-to-edge.sc-left.col-sm-5:before, .rio-bkg-to-edge.sc-left.col-sm-4:before, .rio-bkg-to-edge.sc-left.col-sm-3:before, .rio-bkg-to-edge.sc-left.col-sm-2:before, .rio-bkg-to-edge.sc-left.col-sm-1:before {
margin-right: -0.75rem;
}
.rio-bkg-to-edge.sc-left.col-sm-11:before {
right: 8.33333333%;
}
.rio-bkg-to-edge.sc-left.col-sm-10:before {
right: 16.66666667%;
}
.rio-bkg-to-edge.sc-left.col-sm-9:before {
right: 25%;
}
.rio-bkg-to-edge.sc-left.col-sm-8:before {
right: 33.33333333%;
}
.rio-bkg-to-edge.sc-left.col-sm-7:before {
right: 41.66666667%;
}
.rio-bkg-to-edge.sc-left.col-sm-6:before {
right: 50%;
}
.rio-bkg-to-edge.sc-left.col-sm-5:before {
right: 58.33333333%;
}
.rio-bkg-to-edge.sc-left.col-sm-4:before {
right: 66.66666666%;
}
.rio-bkg-to-edge.sc-left.col-sm-3:before {
right: 75%;
}
.rio-bkg-to-edge.sc-left.col-sm-2:before {
right: 83.33333333%;
}
.rio-bkg-to-edge.sc-left.col-sm-1:before {
right: 91.66666667%;
}
.rio-bkg-to-edge.sc-right.col-sm-11:before, .rio-bkg-to-edge.sc-right.col-sm-10:before, .rio-bkg-to-edge.sc-right.col-sm-9:before, .rio-bkg-to-edge.sc-right.col-sm-8:before, .rio-bkg-to-edge.sc-right.col-sm-7:before, .rio-bkg-to-edge.sc-right.col-sm-6:before, .rio-bkg-to-edge.sc-right.col-sm-5:before, .rio-bkg-to-edge.sc-right.col-sm-4:before, .rio-bkg-to-edge.sc-right.col-sm-3:before, .rio-bkg-to-edge.sc-right.col-sm-2:before, .rio-bkg-to-edge.sc-right.col-sm-1:before {
margin-left: -0.75rem;
}
.rio-bkg-to-edge.sc-right.col-sm-11:before {
left: 8.33333333%;
}
.rio-bkg-to-edge.sc-right.col-sm-10:before {
left: 16.66666667%;
}
.rio-bkg-to-edge.sc-right.col-sm-9:before {
left: 25%;
}
.rio-bkg-to-edge.sc-right.col-sm-8:before {
left: 33.33333333%;
}
.rio-bkg-to-edge.sc-right.col-sm-7:before {
left: 41.66666667%;
}
.rio-bkg-to-edge.sc-right.col-sm-6:before {
left: 50%;
}
.rio-bkg-to-edge.sc-right.col-sm-5:before {
left: 58.33333333%;
}
.rio-bkg-to-edge.sc-right.col-sm-4:before {
left: 66.66666666%;
}
.rio-bkg-to-edge.sc-right.col-sm-3:before {
left: 75%;
}
.rio-bkg-to-edge.sc-right.col-sm-2:before {
left: 83.33333333%;
}
.rio-bkg-to-edge.sc-right.col-sm-1:before {
left: 91.66666667%;
}
.rio-bkg-to-edge.sc-left.col-sm-11, .rio-bkg-to-edge.sc-left.col-sm-10, .rio-bkg-to-edge.sc-left.col-sm-9, .rio-bkg-to-edge.sc-left.col-sm-8, .rio-bkg-to-edge.sc-left.col-sm-7, .rio-bkg-to-edge.sc-left.col-sm-6, .rio-bkg-to-edge.sc-left.col-sm-5, .rio-bkg-to-edge.sc-left.col-sm-4, .rio-bkg-to-edge.sc-left.col-sm-3, .rio-bkg-to-edge.sc-left.col-sm-2, .rio-bkg-to-edge.sc-left.col-sm-1, .rio-bkg-to-edge.sc-right.col-sm-11, .rio-bkg-to-edge.sc-right.col-sm-10, .rio-bkg-to-edge.sc-right.col-sm-9, .rio-bkg-to-edge.sc-right.col-sm-8, .rio-bkg-to-edge.sc-right.col-sm-7, .rio-bkg-to-edge.sc-right.col-sm-6, .rio-bkg-to-edge.sc-right.col-sm-5, .rio-bkg-to-edge.sc-right.col-sm-4, .rio-bkg-to-edge.sc-right.col-sm-3, .rio-bkg-to-edge.sc-right.col-sm-2, .rio-bkg-to-edge.sc-right.col-sm-1 {
position: initial;
}
}
@media (min-width: 768px){
ul.rio-ul-1-md, ol.rio-ul-1-md, .rio-ul-1-md > ul, .rio-ul-1-md > ol {
column-count: 1;
-ms-column-count: 1;
-moz-column-count: 1;
-webkit-column-count: 1;
}
ul.rio-ul-2-md, ol.rio-ul-2-md, .rio-ul-2-md > ul, .rio-ul-2-md > ol {
column-count: 2;
-ms-column-count: 2;
-moz-column-count: 2;
-webkit-column-count: 2;
}
ul.rio-ul-3-md, ol.rio-ul-3-md, .rio-ul-3-md > ul, .rio-ul-3-md > ol {
column-count: 3;
-ms-column-count: 3;
-moz-column-count: 3;
-webkit-column-count: 3;
}
ul.rio-ul-4-md, ol.rio-ul-4-md, .rio-ul-4-md > ul, .rio-ul-4-md > ol {
column-count: 4;
-ms-column-count: 4;
-moz-column-count: 4;
-webkit-column-count: 4;
}
.rio-bkg-to-edge.sc-left.col-md-11:before, .rio-bkg-to-edge.sc-left.col-md-10:before, .rio-bkg-to-edge.sc-left.col-md-9:before, .rio-bkg-to-edge.sc-left.col-md-8:before, .rio-bkg-to-edge.sc-left.col-md-7:before, .rio-bkg-to-edge.sc-left.col-md-6:before, .rio-bkg-to-edge.sc-left.col-md-5:before, .rio-bkg-to-edge.sc-left.col-md-4:before, .rio-bkg-to-edge.sc-left.col-md-3:before, .rio-bkg-to-edge.sc-left.col-md-2:before, .rio-bkg-to-edge.sc-left.col-md-1:before {
margin-right: -0.75rem;
}
.rio-bkg-to-edge.sc-left.col-md-11:before {
right: 8.33333333%;
}
.rio-bkg-to-edge.sc-left.col-md-10:before {
right: 16.66666667%;
}
.rio-bkg-to-edge.sc-left.col-md-9:before {
right: 25%;
}
.rio-bkg-to-edge.sc-left.col-md-8:before {
right: 33.33333333%;
}
.rio-bkg-to-edge.sc-left.col-md-7:before {
right: 41.66666667%;
}
.rio-bkg-to-edge.sc-left.col-md-6:before {
right: 50%;
}
.rio-bkg-to-edge.sc-left.col-md-5:before {
right: 58.33333333%;
}
.rio-bkg-to-edge.sc-left.col-md-4:before {
right: 66.66666666%;
}
.rio-bkg-to-edge.sc-left.col-md-3:before {
right: 75%;
}
.rio-bkg-to-edge.sc-left.col-md-2:before {
right: 83.33333333%;
}
.rio-bkg-to-edge.sc-left.col-md-1:before {
right: 91.66666667%;
}
.rio-bkg-to-edge.sc-right.col-md-11:before, .rio-bkg-to-edge.sc-right.col-md-10:before, .rio-bkg-to-edge.sc-right.col-md-9:before, .rio-bkg-to-edge.sc-right.col-md-8:before, .rio-bkg-to-edge.sc-right.col-md-7:before, .rio-bkg-to-edge.sc-right.col-md-6:before, .rio-bkg-to-edge.sc-right.col-md-5:before, .rio-bkg-to-edge.sc-right.col-md-4:before, .rio-bkg-to-edge.sc-right.col-md-3:before, .rio-bkg-to-edge.sc-right.col-md-2:before, .rio-bkg-to-edge.sc-right.col-md-1:before {
margin-left: -0.75rem;
}
.rio-bkg-to-edge.sc-right.col-md-11:before {
left: 8.33333333%;
}
.rio-bkg-to-edge.sc-right.col-md-10:before {
left: 16.66666667%;
}
.rio-bkg-to-edge.sc-right.col-md-9:before {
left: 25%;
}
.rio-bkg-to-edge.sc-right.col-md-8:before {
left: 33.33333333%;
}
.rio-bkg-to-edge.sc-right.col-md-7:before {
left: 41.66666667%;
}
.rio-bkg-to-edge.sc-right.col-md-6:before {
left: 50%;
}
.rio-bkg-to-edge.sc-right.col-md-5:before {
left: 58.33333333%;
}
.rio-bkg-to-edge.sc-right.col-md-4:before {
left: 66.66666666%;
}
.rio-bkg-to-edge.sc-right.col-md-3:before {
left: 75%;
}
.rio-bkg-to-edge.sc-right.col-md-2:before {
left: 83.33333333%;
}
.rio-bkg-to-edge.sc-right.col-md-1:before {
left: 91.66666667%;
}
.rio-bkg-to-edge.sc-left.col-md-11, .rio-bkg-to-edge.sc-left.col-md-10, .rio-bkg-to-edge.sc-left.col-md-9, .rio-bkg-to-edge.sc-left.col-md-8, .rio-bkg-to-edge.sc-left.col-md-7, .rio-bkg-to-edge.sc-left.col-md-6, .rio-bkg-to-edge.sc-left.col-md-5, .rio-bkg-to-edge.sc-left.col-md-4, .rio-bkg-to-edge.sc-left.col-md-3, .rio-bkg-to-edge.sc-left.col-md-2, .rio-bkg-to-edge.sc-left.col-md-1, .rio-bkg-to-edge.sc-right.col-md-11, .rio-bkg-to-edge.sc-right.col-md-10, .rio-bkg-to-edge.sc-right.col-md-9, .rio-bkg-to-edge.sc-right.col-md-8, .rio-bkg-to-edge.sc-right.col-md-7, .rio-bkg-to-edge.sc-right.col-md-6, .rio-bkg-to-edge.sc-right.col-md-5, .rio-bkg-to-edge.sc-right.col-md-4, .rio-bkg-to-edge.sc-right.col-md-3, .rio-bkg-to-edge.sc-right.col-md-2, .rio-bkg-to-edge.sc-right.col-md-1 {
position: initial;
}
}
@media (min-width: 992px){
ul.rio-ul-1-lg, ol.rio-ul-1-lg, .rio-ul-1-lg > ul, .rio-ul-1-lg > ol {
column-count: 1;
-ms-column-count: 1;
-moz-column-count: 1;
-webkit-column-count: 1;
}
ul.rio-ul-2-lg, , ol.rio-ul-2-lg, .rio-ul-2-lg > ul, .rio-ul-2-lg > ol {
column-count: 2;
-ms-column-count: 2;
-moz-column-count: 2;
-webkit-column-count: 2;
}
ul.rio-ul-3-lg, ol.rio-ul-3-lg, .rio-ul-3-lg > ul, .rio-ul-3-lg > ol {
column-count: 3;
-ms-column-count: 3;
-moz-column-count: 3;
-webkit-column-count: 3;
}
ul.rio-ul-4-lg, ol.rio-ul-4-lg, .rio-ul-4-lg > ul, .rio-ul-4-lg > ol {
column-count: 4;
-ms-column-count: 4;
-moz-column-count: 4;
-webkit-column-count: 4;
}
.rio-bkg-to-edge.sc-left.col-lg-11:before, .rio-bkg-to-edge.sc-left.col-lg-10:before, .rio-bkg-to-edge.sc-left.col-lg-9:before, .rio-bkg-to-edge.sc-left.col-lg-8:before, .rio-bkg-to-edge.sc-left.col-lg-7:before, .rio-bkg-to-edge.sc-left.col-lg-6:before, .rio-bkg-to-edge.sc-left.col-lg-5:before, .rio-bkg-to-edge.sc-left.col-lg-4:before, .rio-bkg-to-edge.sc-left.col-lg-3:before, .rio-bkg-to-edge.sc-left.col-lg-2:before, .rio-bkg-to-edge.sc-left.col-lg-1:before {
margin-right: -0.75rem;
}
.rio-bkg-to-edge.sc-left.col-lg-11:before {
right: 8.33333333%;
}
.rio-bkg-to-edge.sc-left.col-lg-10:before {
right: 16.66666667%;
}
.rio-bkg-to-edge.sc-left.col-lg-9:before {
right: 25%;
}
.rio-bkg-to-edge.sc-left.col-lg-8:before {
right: 33.33333333%;
}
.rio-bkg-to-edge.sc-left.col-lg-7:before {
right: 41.66666667%;
}
.rio-bkg-to-edge.sc-left.col-lg-6:before {
right: 50%;
}
.rio-bkg-to-edge.sc-left.col-lg-5:before {
right: 58.33333333%;
}
.rio-bkg-to-edge.sc-left.col-lg-4:before {
right: 66.66666666%;
}
.rio-bkg-to-edge.sc-left.col-lg-3:before {
right: 75%;
}
.rio-bkg-to-edge.sc-left.col-lg-2:before {
right: 83.33333333%;
}
.rio-bkg-to-edge.sc-left.col-lg-1:before {
right: 91.66666667%;
}
.rio-bkg-to-edge.sc-right.col-lg-11:before, .rio-bkg-to-edge.sc-right.col-lg-10:before, .rio-bkg-to-edge.sc-right.col-lg-9:before, .rio-bkg-to-edge.sc-right.col-lg-8:before, .rio-bkg-to-edge.sc-right.col-lg-7:before, .rio-bkg-to-edge.sc-right.col-lg-6:before, .rio-bkg-to-edge.sc-right.col-lg-5:before, .rio-bkg-to-edge.sc-right.col-lg-4:before, .rio-bkg-to-edge.sc-right.col-lg-3:before, .rio-bkg-to-edge.sc-right.col-lg-2:before, .rio-bkg-to-edge.sc-right.col-lg-1:before {
margin-left: -0.75rem;
}
.rio-bkg-to-edge.sc-right.col-lg-11:before {
left: 8.33333333%;
}
.rio-bkg-to-edge.sc-right.col-lg-10:before {
left: 16.66666667%;
}
.rio-bkg-to-edge.sc-right.col-lg-9:before {
left: 25%;
}
.rio-bkg-to-edge.sc-right.col-lg-8:before {
left: 33.33333333%;
}
.rio-bkg-to-edge.sc-right.col-lg-7:before {
left: 41.66666667%;
}
.rio-bkg-to-edge.sc-right.col-lg-6:before {
left: 50%;
}
.rio-bkg-to-edge.sc-right.col-lg-5:before {
left: 58.33333333%;
}
.rio-bkg-to-edge.sc-right.col-lg-4:before {
left: 66.66666666%;
}
.rio-bkg-to-edge.sc-right.col-lg-3:before {
left: 75%;
}
.rio-bkg-to-edge.sc-right.col-lg-2:before {
left: 83.33333333%;
}
.rio-bkg-to-edge.sc-right.col-lg-1:before {
left: 91.66666667%;
}
.rio-bkg-to-edge.sc-left.col-lg-11, .rio-bkg-to-edge.sc-left.col-lg-10, .rio-bkg-to-edge.sc-left.col-lg-9, .rio-bkg-to-edge.sc-left.col-lg-8, .rio-bkg-to-edge.sc-left.col-lg-7, .rio-bkg-to-edge.sc-left.col-lg-6, .rio-bkg-to-edge.sc-left.col-lg-5, .rio-bkg-to-edge.sc-left.col-lg-4, .rio-bkg-to-edge.sc-left.col-lg-3, .rio-bkg-to-edge.sc-left.col-lg-2, .rio-bkg-to-edge.sc-left.col-lg-1, .rio-bkg-to-edge.sc-right.col-lg-11, .rio-bkg-to-edge.sc-right.col-lg-10, .rio-bkg-to-edge.sc-right.col-lg-9, .rio-bkg-to-edge.sc-right.col-lg-8, .rio-bkg-to-edge.sc-right.col-lg-7, .rio-bkg-to-edge.sc-right.col-lg-6, .rio-bkg-to-edge.sc-right.col-lg-5, .rio-bkg-to-edge.sc-right.col-lg-4, .rio-bkg-to-edge.sc-right.col-lg-3, .rio-bkg-to-edge.sc-right.col-lg-2, .rio-bkg-to-edge.sc-right.col-lg-1 {
position: initial;
}
}
@media (min-width: 1200px){
ul.rio-ul-1-xl, ol.rio-ul-1-xl, .rio-ul-1-xl > ul, .rio-ul-1-xl > ol {
column-count: 1;
-ms-column-count: 1;
-moz-column-count: 1;
-webkit-column-count: 1;
}
ul.rio-ul-2-xl, ol.rio-ul-2-xl, .rio-ul-2-xl > ul, .rio-ul-2-xl > ol {
column-count: 2;
-ms-column-count: 2;
-moz-column-count: 2;
-webkit-column-count: 2;
}
ul.rio-ul-3-xl, ol.rio-ul-3-xl, .rio-ul-3-xl > ul, .rio-ul-3-xl > ol {
column-count: 3;
-ms-column-count: 3;
-moz-column-count: 3;
-webkit-column-count: 3;
}
ul.rio-ul-4-xl, ol.rio-ul-4-xl, .rio-ul-4-xl > ul, .rio-ul-4-xl > ol {
column-count: 4;
-ms-column-count: 4;
-moz-column-count: 4;
-webkit-column-count: 4;
}
.rio-bkg-to-edge.sc-left.col-xl-11:before, .rio-bkg-to-edge.sc-left.col-xl-10:before, .rio-bkg-to-edge.sc-left.col-xl-9:before, .rio-bkg-to-edge.sc-left.col-xl-8:before, .rio-bkg-to-edge.sc-left.col-xl-7:before, .rio-bkg-to-edge.sc-left.col-xl-6:before, .rio-bkg-to-edge.sc-left.col-xl-5:before, .rio-bkg-to-edge.sc-left.col-xl-4:before, .rio-bkg-to-edge.sc-left.col-xl-3:before, .rio-bkg-to-edge.sc-left.col-xl-2:before, .rio-bkg-to-edge.sc-left.col-xl-1:before {
margin-right: -0.75rem;
}
.rio-bkg-to-edge.sc-left.col-xl-11:before {
right: 8.33333333%;
}
.rio-bkg-to-edge.sc-left.col-xl-10:before {
right: 16.66666667%;
}
.rio-bkg-to-edge.sc-left.col-xl-9:before {
right: 25%;
}
.rio-bkg-to-edge.sc-left.col-xl-8:before {
right: 33.33333333%;
}
.rio-bkg-to-edge.sc-left.col-xl-7:before {
right: 41.66666667%;
}
.rio-bkg-to-edge.sc-left.col-xl-6:before {
right: 50%;
}
.rio-bkg-to-edge.sc-left.col-xl-5:before {
right: 58.33333333%;
}
.rio-bkg-to-edge.sc-left.col-xl-4:before {
right: 66.66666666%;
}
.rio-bkg-to-edge.sc-left.col-xl-3:before {
right: 75%;
}
.rio-bkg-to-edge.sc-left.col-xl-2:before {
right: 83.33333333%;
}
.rio-bkg-to-edge.sc-left.col-xl-1:before {
right: 91.66666667%;
}
.rio-bkg-to-edge.sc-right.col-xl-11:before, .rio-bkg-to-edge.sc-right.col-xl-10:before, .rio-bkg-to-edge.sc-right.col-xl-9:before, .rio-bkg-to-edge.sc-right.col-xl-8:before, .rio-bkg-to-edge.sc-right.col-xl-7:before, .rio-bkg-to-edge.sc-right.col-xl-6:before, .rio-bkg-to-edge.sc-right.col-xl-5:before, .rio-bkg-to-edge.sc-right.col-xl-4:before, .rio-bkg-to-edge.sc-right.col-xl-3:before, .rio-bkg-to-edge.sc-right.col-xl-2:before, .rio-bkg-to-edge.sc-right.col-xl-1:before {
margin-left: -0.75rem;
}
.rio-bkg-to-edge.sc-right.col-xl-11:before {
left: 8.33333333%;
}
.rio-bkg-to-edge.sc-right.col-xl-10:before {
left: 16.66666667%;
}
.rio-bkg-to-edge.sc-right.col-xl-9:before {
left: 25%;
}
.rio-bkg-to-edge.sc-right.col-xl-8:before {
left: 33.33333333%;
}
.rio-bkg-to-edge.sc-right.col-xl-7:before {
left: 41.66666667%;
}
.rio-bkg-to-edge.sc-right.col-xl-6:before {
left: 50%;
}
.rio-bkg-to-edge.sc-right.col-xl-5:before {
left: 58.33333333%;
}
.rio-bkg-to-edge.sc-right.col-xl-4:before {
left: 66.66666666%;
}
.rio-bkg-to-edge.sc-right.col-xl-3:before {
left: 75%;
}
.rio-bkg-to-edge.sc-right.col-xl-2:before {
left: 83.33333333%;
}
.rio-bkg-to-edge.sc-right.col-xl-1:before {
left: 91.66666667%;
}
.rio-bkg-to-edge.sc-left.col-xl-11, .rio-bkg-to-edge.sc-left.col-xl-10, .rio-bkg-to-edge.sc-left.col-xl-9, .rio-bkg-to-edge.sc-left.col-xl-8, .rio-bkg-to-edge.sc-left.col-xl-7, .rio-bkg-to-edge.sc-left.col-xl-6, .rio-bkg-to-edge.sc-left.col-xl-5, .rio-bkg-to-edge.sc-left.col-xl-4, .rio-bkg-to-edge.sc-left.col-xl-3, .rio-bkg-to-edge.sc-left.col-xl-2, .rio-bkg-to-edge.sc-left.col-xl-1, .rio-bkg-to-edge.sc-right.col-xl-11, .rio-bkg-to-edge.sc-right.col-xl-10, .rio-bkg-to-edge.sc-right.col-xl-9, .rio-bkg-to-edge.sc-right.col-xl-8, .rio-bkg-to-edge.sc-right.col-xl-7, .rio-bkg-to-edge.sc-right.col-xl-6, .rio-bkg-to-edge.sc-right.col-xl-5, .rio-bkg-to-edge.sc-right.col-xl-4, .rio-bkg-to-edge.sc-right.col-xl-3, .rio-bkg-to-edge.sc-right.col-xl-2, .rio-bkg-to-edge.sc-right.col-xl-1 {
position: initial;
}
}
/* DO NOT EDIT BELOW
========================================================================== */
/* Document
========================================================================== */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
/* Sections
========================================================================== */
/**
* Remove the margin in all browsers.
*/
body {
margin: 0;
}
/**
* Render the `main` element consistently in IE.
*/
main {
display: block;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
========================================================================== */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
font-family: monospace, monospace;
font-size: 1em;
}
/* Text-level semantics
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
border-style: none;
}
/* Forms
========================================================================== */
/**
* 1. Change the font styles in all browsers.
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Correct the padding in Firefox.
*/
fieldset {
padding: 0.35em 0.75em 0.625em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10.
* 2. Remove the padding in IE 10.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
/* Interactive
========================================================================== */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
display: block;
}
/*
* Add the correct display in all browsers.
*/
summary {
display: list-item;
}
/* Misc
========================================================================== */
/**
* Add the correct display in IE 10+.
*/
template {
display: none;
}
/**
* Add the correct display in IE 10.
*/
[hidden] {
display: none;
}
/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Elements
--------------------------------------------- */
body {
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
/* Links
--------------------------------------------- */
a {
color: #4169e1;
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active {
outline: 0;
}
/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
#header-main nav.navbar {
padding: 2rem;
margin: auto;
}
.dropdown-toggle::after{
content: none !important;
}
.nav-link.dropdown-toggle.alt-dropdown-toogle {
display: inline-block;
padding: 1rem 1rem 1rem 0;
}
.nav-link.dropdown-toggle.alt-dropdown-toogle:last-of-type:before {
font-family: "Font Awesome 6 Free";
font-weight: 900;
content: '\f13a';
}
ul.navbar-nav li a, body div .site-header .navbar.container .navbar-nav .nav-link {
padding: 1rem .5rem;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: flex;
}
}
.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
}
/* Posts and pages
--------------------------------------------- */
.sticky {
display: block;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
/* Comments
--------------------------------------------- */
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
/* Widgets
--------------------------------------------- */
.widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
}
/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
display: inline-block;
}
/* Captions
--------------------------------------------- */
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
/* Galleries
--------------------------------------------- */
.gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}
/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
}
/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
outline: 0;
}
/* Alignments
--------------------------------------------- */
.alignleft {
/*rtl:ignore*/
float: left;
/*rtl:ignore*/
margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright {
/*rtl:ignore*/
float: right;
/*rtl:ignore*/
margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}